html, body
{
	margin: 0px;
	padding: 0px;
}

body
{
	background-color: #afdb83;
	font-family: Verdana, Sans-Serif;

	/*font-family: tahoma, helvetica, sans-serif;
	font-size: 10pt;*/
}

/********************************************************************************/
/* LAYOUT                                                                       */
#layout
{
	overflow: hidden;
	margin: 0 auto;
	width: 1120px;
}
#layout > div
{
}
#layout-left
{
	float: left;
	width: 890px;
}
#layout-right
{
	margin-left: 890px;
	width: 230px;
}

/********************************************************************************/
/* HEADER                                                                       */
#header
{
	overflow: hidden;
	background: transparent url(images/ui-header-ruler.png) repeat scroll left top;
	width: 891px;
	height: 134px;
}

#header > *
{
	float: left;
}

.header-logolink
{
	display: block;
	margin-top: 60px;
	margin-left: 25px;
	width: 73px;
	height: 65px;
}

#header-title
{
	color: #3a2305;
	font-size: 18pt;
	font-family: Arial;
	font-weight: bold;
	padding-top: 74px;
	padding-left: 17px;
	width: 530px;
	white-space: nowrap;
}

#header-search
{
	margin-left: 10px;
	margin-top: 66px;
	width: 32px;
	height: 39px;
}

#header-search-text {
	background: transparent;
	margin-left: 12px;
	margin-top: 78px;
	width: 110px;
	height: 18px;
	border: 0px solid black;
}

#header-lang {
	margin-left: 30px;
	margin-top: 58px;
	width: 30px;
	height: 60px;
}
#header-lang a {
	margin-top: 2px;
	border: 1px solid #925d21;
	border-collapse: collapse;
	display: block;
	width: 23px;
}
#header-lang a.indent-1 { margin-left: 2px; }
#header-lang a.indent-2 { margin-left: 4px; }

/********************************************************************************/
/* PANE: AUTHORIZATION                                                          */
#pane-auth
{
	padding-top: 10px;
	padding-left: 22px;
	background-image: url(images/ui-header-auth.png);
	font-size: 0.8em;
	width: 209px;
	height: 221px;
}

#pane-auth h4
{
	margin: 28px 0px 10px 32px;
	max-width: 115px;
}

#pane-auth input { background-color: transparent; border: 1px solid black; }
#pane-auth a { color: #3a2305; text-decoration: underline; }
#pane-auth a:hover { color: red; }


/********************************************************************************/
/* SIDE PANELS                                                                  */
div.sidepanel > div.top {
	background-image: url(images/panel-orange-top.png);
	width: 212px;
	height: 11px;
}
div.sidepanel > div.middle {
	background-image: url(images/panel-orange-mid.png);
	padding: 0px 12px 0px 6px;
	width: 194px;
}
div.sidepanel > div.middle > span.head {
	display: block;
	color: #38014a;
	font-family: Arial;
	font-style: italic;
	font-weight: bold;
	padding-bottom: 4px;
}
div.sidepanel > div.middle > span.content {
	font-size: 0.7em;
}
div.sidepanel > div.bottom {
	background-image: url(images/panel-orange-btm.png);
	width: 212px;
	height: 22px;
}

div.sidepanel a {
	color: blue;
	text-decoration: none;
}
div.sidepanel a:hover { text-decoration: underline; }

/********************************************************************************/
/* LAYOUT WRAPPERS AND CONTAINERS                                               */
#content-wrapper
{
	overflow: hidden;
}

#content-wrapper > div
{
	/*margin-bottom: -10000px; padding-bottom: 10000px;*/
}

#leftside-container
{
	float: left;
}

#bookmark
{
	background: transparent url(images/ui-bookmark.png) no-repeat scroll 0px 0px;
	display: block;
	margin-top: 12px;
	height: 304px;
	width: 110px;
}
#bookmark:hover {
	background-position: -111px 0px;
}

#bookmark-popup {
	display: none;
	position: absolute;
	background-color: #e4ed79;
	border: 1px solid #d3e21e;
	padding: 10px;
}

#bookmark-popup > ul {
	padding: 0 0 0 17px;
	margin: 0 0 10px 0;
	min-height: 161px;
	min-width: 160px;
}

#bookmark-popup li > span.group {
	font-family: Arial;
	font-style: italic;
	font-weight: bold;
}

#bookmark-popup a {
	color: blue;
	text-decoration: none;
}
#bookmark-popup a:hover {
	text-decoration: underline;
}

#leftside-garb {
	background: transparent url(images/ui-content-paper-lm.png) repeat-y;
	margin-left: 28px;
	margin-top: -1px;
	margin-bottom: -20000px; padding-bottom: 20000px;
	width: 82px;
}

#middle-container {
	overflow: hidden;
	margin-left: 110px;
}

#middle-container > div {
	float: left;
	clear: both;
	padding-right: 10px;
	width: 99%;
}

#middle-container-bg {
	float: right;
	padding-top: 38px;
}

#middle-container-bg .top
, #middle-container-bg .middle
, #content-bottom .right
{ width: 12px; }

#middle-container-bg .top {
	background: transparent url('images/ui-content-paper-rt.png') no-repeat scroll left top;
	height: 43px;
}

#middle-container-bg .middle {
	background: transparent url('images/ui-content-paper-rm.png') repeat-y scroll left top;
	margin-bottom: -20000px; padding-bottom: 20000px;
}

#content-bottom {
	overflow: hidden;
}
#content-bottom div {
	height: 103px;
}
#content-bottom .left {
	float: left;
	background: transparent url(images/ui-content-paper-lb.png) no-repeat scroll left bottom;
	margin-left: 22px;
	width: 88px;
}
#content-bottom .middle {
	margin-left: 110px;
	margin-right: 17px;
	background: transparent url(images/ui-content-paper-mb.png) repeat-x scroll left bottom;
}
#content-bottom .right {
	float: right;
	background: transparent url(images/ui-content-paper-rb.png) no-repeat scroll left bottom;
	width: 17px;
}

/********************************************************************************/
/* TOP MENU                                                                     */
#topmenu { clear: both; }
#topmenu ul { display: inline; list-style-type: none; }
#topmenu ul li {
	float: left;
	padding: 0px 15px 5px 5px;
}

#topmenu a {
	display: block;
	color: #3a2305;
	cursor: pointer;
	font-size: 14pt;
	font-family: Arial;
	text-decoration: none;
}
/*#topmenu a.hover { background-image: url(images/ui-menu-hover.png); background-color: white; }*/
#topmenu a span { float: left; }

span.topmenu-link-icon {
	background-image: url(images/ui-topmenu-icons.png);
	background-repeat: no-repeat;
	height: 36px;
}

span.topmenu-link-title
{
	background: transparent url(images/ui-menu-popup-arrow.png) no-repeat scroll right 7px;
	margin-top: 10px;
	padding-right: 14px;
}

a.topmenu-link-abi span.topmenu-link-icon { background-position: 0px 0px; width: 36px; }
a.topmenu-link-abi:hover span.topmenu-link-icon { background-position: 0px -37px; }
a.topmenu-link-stu span.topmenu-link-icon { background-position: -34px 0px; width: 35px; }
a.topmenu-link-stu:hover span.topmenu-link-icon { background-position: -34px -36px; }
a.topmenu-link-tut span.topmenu-link-icon { background-position: -70px 0px; width: 28px; }
a.topmenu-link-tut:hover span.topmenu-link-icon { background-position: -70px -36px; }
a.topmenu-link-lib span.topmenu-link-icon { background-position: -97px 0px; width: 56px; }
a.topmenu-link-lib:hover span.topmenu-link-icon { background-position: -97px -37px; }

div.topmenu-popup {
	display: none;
	position: absolute;
	background: transparent url(images/ui-menu-popup.png) no-repeat scroll left top;
	height: 149px;
	width: 165px;
	z-index: 5;
}

div.topmenu-popup-short
{
	background: transparent url(images/ui-menu-popup.png) no-repeat scroll left -148px;
	height: 113px;
	width: 144px;
}

div.topmenu-popup-long
{
	background: transparent url(images/ui-menu-popup.png) no-repeat scroll -165px top;
	height: 257px;
	width: 157px;
}

div.topmenu-popup ul {
	list-style-type: none;
	margin: 10px 0px 0px 7px;
	padding: 0px;
}

div.topmenu-popup a {
	display: inline-block;
	overflow: hidden;
	color: #3a2305;
	font-family: Arial;
	font-size: 1.05em;
	font-style: italic;
	text-decoration: none;
	white-space: nowrap;
	max-width: 144px;
}
div.topmenu-popup a:hover { text-decoration: underline; }

/********************************************************************************/
/* FOOTER                                                                       */
#footer {
	background: url(images/ui-footer.png) no-repeat;
	margin: 5px 0px 10px 34px;
	padding-left: 100px;
}

/********************************************************************************/
/* BREADCRUMBS                                                                  */
#breadcrumbs {
	clear: both; /*IE8 fix*/
	/*margin-top: -7px;*/
	margin-bottom: -7px;
	position: relative;
	top: -7px;
	padding-top: 12px;
	padding-left: 5px;
	background: transparent url(images/ui-content-paper-mt.png) repeat-x scroll left top;
	height: 29px;
	font-family: Arial;
	font-style: italic;
}

#breadcrumbs span { float: left; }

#breadcrumbs span.breadcrumb-sep {
	background-image: url(images/breadcrumb-sep.png);
	margin: 4px 3px 0px 3px;
	width: 29px;
	height: 14px;
}

/********************************************************************************/
/* CONTENT                                                                      */
#content
{
	background-image: url(images/ui-content-paper-m.png);
	padding: 6px 12px 6px 6px; /* doesn't work */
	min-height: 400px;
}

/********************************************************************************/
/* GROUP MENU                                                                   */
#group-menu {
}
#group-menu ul {
	float: right;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#group-menu li {
	float: left;
	background: url(images/ui-groupmenu-tab.png) repeat-x scroll 0px 0px;
	padding-left: 6px;
	line-height: 25px;
}
#group-menu a {
	background: #afdb83 url(images/ui-groupmenu-tab.png) repeat-x scroll right 2px;
	color: #3a2305;
	padding: 6px 12px 6px 6px;
	text-decoration: none;
}
#group-menu a:hover { text-decoration: underline; }
#group-menu li.alt, #group-menu li.alt a { background-image: url(images/ui-groupmenu-tab-alt.png); }

.group-menu-indent
{
	padding-top: 25px;
}

/* CALENDAR *'/
#calendar .ui-datepicker 
{
	width: auto !important;
	margin-right: 5px !important;
	margin-top: 4px !important;
}
#calendar .ui-state-default, .ui-widget-content .ui-state-default 
{
	font-weight: normal !important;
}
#calendar .ui-datepicker td span, .ui-datepicker td a 
{
	padding: 0px 1px 0px 0px !important;
}
*/