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

body {
	background: #afdb83 url('images/xv.png');
	background-position: center;
	font-family: Verdana, Sans-Serif;
}

/********************************************************************************/
/* LAYOUT                                                                       */
#layout {
	overflow: hidden;
	margin: 0 auto;
	width: 1120px;
}
#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 14px 0px 6px; width: 192px; }
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;
	display: table-row;
}

#leftside-container {
	display: table-cell;
	background: transparent url('images/ui-content-paper-lm.png') 28px 15px repeat-y;
	vertical-align: top;
}
form.in-group #leftside-container { background-position: 28px 40px; }

#leftside-container .top-shift { height: 41px; background: #AFDB83 url('images/xv.png') repeat scroll right 0px; }

#bookmark {
	background: /*#AFDB83*/ url(images/ui-bookmark.png) no-repeat scroll 0px 0px;
	display: block;
	width: 110px;
	height: 303px;
	margin-top: -29px;
}
#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;
	width: 82px;
}

#middle-container {
	overflow: hidden;
	display: table-cell;
	width: 768px;
}

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

#middle-container-bg {
	display: table-cell;
	background: transparent url('images/ui-content-paper-rm.png') repeat-y scroll 0 21px;
	vertical-align: top;
}

#middle-container-bg .top-shift { height: 38px; background: #AFDB83 url('images/xv.png'); }

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

#middle-container-bg .top { background: #AFDB83 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; }

#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: 0 17px 0 110px; 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;
	
	overflow: hidden;
	white-space: nowrap;
	width: 753px !important;
}

#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: 0px 12px 6px 6px;
	min-height: 400px;
}

/********************************************************************************/
/* 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 { background: #AFDB83 url('images/xv.png') repeat scroll right 0px; padding-top: 25px; }

/********************************************************************************/
/* USER CALENDAR                                                                */
#user-calendar .ui-datepicker { width: 184px; }
#user-calendar .ui-datepicker-header { width: 182px; }
#user-calendar .ui-helper-clearfix { display: inline-block; }