html											{ height:100%; margin:0; padding:0; }
body											{ height:100%; margin:0; padding:0; background:#ffffff; font-family:arial, sans-serif; font-size:11px; color:#000000; }
form											{ margin:0; padding:0; }

#header									{ display:block; min-width:540px; min-height:55px; font-size:14px; border-bottom: 1px solid #C8C6CC; background-color:#FFFFFF; overflow:hidden; }
#headermain							{ position:relative; margin: 0 auto; padding:0; }
#logo										{ position:absolute; top:8px; left:18px; width:90px; height:50px; margin:0; padding:0; cursor:pointer; background:no-repeat center center; }

#headertitle						{ position:absolute; top:6px; left:176px; margin:0; padding:0; text-align:left; }
h1#htitle								{ margin: 0px; padding:0;font-weight:normal;  color:#4E87A0;}
h2#hsubtitle							{ margin: 7px 0 0; padding:0; font-size:11px; font-weight:normal; text-transform:uppercase; }

#headerinfo							{ position:absolute; top:8px; right:15px; margin:0; padding:0; overflow:hidden; }

#languages							{ text-align:right; }
#languages img						{ border:0; margin: 0 7px; }

#headeractions							{ margin:0; text-align:right; overflow:hidden; }
#headeractions ul						{ display:inline-block; *display:inline; list-style:none; margin: 0 auto; padding:0; }
#headeractions li							{ float:left; list-style:none; white-space:nowrap; font-size:18px; color:#88767E; text-transform:uppercase; cursor:pointer; margin:0; padding:10px 21px; background:url(/img/menu_split.jpg) no-repeat right center; }
#headeractions li:first-child	{ background:url(/img/menu_split.jpg) no-repeat left center, url(/img/menu_split.jpg) no-repeat right center; }
#headeractions li a						{ color:#88767E; text-decoration:none; }

#headeractions #usrinfo			{ color: #61616e; cursor:default; font-size:15px; text-transform:uppercase; }
#headeractions #usrperfil		{ color: #aaa; cursor:default; font-size:15px; text-transform:uppercase; padding:10px 10px; }

#menu										{ position:absolute; top:22px; left:155px; /*width:100%;*/ text-align:left; margin:0; padding:0; }
#menu ul									{ display:inline-block; *display:inline; white-space:nowrap; height:37px; list-style:none; margin: 0; padding:0; }
#menu li									{ float:left; list-style:none; white-space:nowrap; font-size:15px; color:#000000; text-transform:uppercase; cursor:pointer; margin:0; padding:10px 21px; background:url(/img/menu_split.jpg) no-repeat right center; }
#menu li:first-child			{ background:url(/img/menu_split.jpg) no-repeat left center, url(/img/menu_split.jpg) no-repeat right center; }
#menu li a									{ text-decoration:none; }

#menu2									{ float:left; margin-top:20px; margin-left:195px; }
.slicknav_menu					{ display:none; }
.slicknav_nav li					{ text-transform: uppercase; }
.slicknav_btn						{ float:left; }

#headerinfo h3						{ margin: 0px; margin-bottom:2px; padding:0; font-size:13px; font-weight:normal; text-transform:uppercase; text-align:center; border:0; }
#headerinfo h4						{ margin: 0px; padding:0; font-size:13px; font-weight:normal; text-transform:uppercase; text-align:center; }
.infobox-left						{ float:left; width:4px; height:95px; background:url(/img/infobox-left.png) no-repeat right bottom; }
.infobox								{ float:left; *width:180px; min-width:180px; height:95px; padding:0px 10px 0px 10px; background:url(/img/infobox.png) repeat center bottom; }
.infobox-right					{ float:left; width:10px; height:95px; background:url(/img/infobox-right.png) no-repeat left bottom; }
.infouser								{ height:20px; margin:4px auto; padding: 0; font-size:11px; text-align:center; }

#infolinks							{ width:190px; margin:0 auto; margin-top:4px; padding: 0; }
#infolinks ul						{ display:inline-block; *display:inline; list-style:none; margin: 0 auto; padding:0; }
#infolinks ul .iprofile		{ background-image:url(/img/i-profile.png); margin-left:20px; }
#infolinks ul .iaccount		{ background-image:url(/img/i-account.png); margin-left:20px; }
#infolinks ul .ilogout		{ background-image:url(/img/i-logout.png); margin-left:20px; }
#infolinks li							{ list-style:none; white-space:nowrap; font-size:12px; cursor:pointer; margin:0; margin-top: 4px; padding:0; padding-left:25px; clear:both; background:no-repeat left center; }

#menuhome								{ float:left; width:15px; height:15px; margin-top:2px; margin-right:10px; background:#ffffff no-repeat center center; cursor:pointer; }

/*
#content								{ position:relative; min-width:452px; min-height:-moz-calc(100% - 122px); min-height:-webkit-calc(100% - 122px); min-height:calc(100% - 122px); margin:0; padding:20px 15px 15px; padding-left:175px; background:#fafafa no-repeat center top; overflow:hidden; }
*/
#content								{ position:relative; min-width:452px; min-height:500px; margin:0; padding:20px 15px 15px; padding-left:170px; background:#fafafa no-repeat center top; overflow:hidden; }

/*
#content  hr							{ margin:30px auto; width:350px; height:3px; border:0; background-color:#2B8BCE; }
*/
#content  hr							{ margin:20px auto; width:100%; height:1px; border:0; background-color:#ccc; }

#content p								{ margin: 5px 0; padding:0; font-size:14px; line-height:17px; color:#777777; }
#content ul.list					{ display:inline-block; list-style:none; margin: 0 auto; padding:0; }
#content .list li					{ list-style:none; font-size:16px; margin:0; padding:10px 0 10px 36px; color:#777777; border-bottom: 1px solid #BCC5D0; background:url(/img/bullet.png) no-repeat left center; }

#main										{ position:absolute; top:0; right:0; bottom:0; left:0; margin: 0 auto; padding:0; /*width:1000px;*/ overflow:hidden; }

#maintop								{ display:none; height:90px; margin:0; padding:0; overflow:hidden; }

#fmenutop, #fmenuhead, #fmenucnttop		{ position:relative; float:left; width:198px; height:90px; margin:0; margin-right:10px; text-align:center; overflow:hidden; }
#fmenucnttop						{ background:url(/img/bg_central.png) no-repeat center bottom; }

#mainhead								{ float:left; width:792px; margin:0; margin-top:30px; }
/*h1#pagetitle							{ margin:0; padding-bottom:10px; font-size:16px; font-weight:normal; color:#878789; white-space:nowrap; text-overflow:ellipsis; text-transform:uppercase; border-bottom: 1px solid #eeeeee; }*/
h2#pagetitle							{ margin:0; padding-bottom:10px; font-weight:bold; color:#005587; white-space:nowrap; text-overflow:ellipsis; border-bottom: 1px solid #eeeeee; }
h4#breadcrumbs						{ margin:8px 0 18px; padding: 0 0 26px; font-size:11px; font-weight:normal; color:#414141; white-space:nowrap; border-bottom: 1px solid #eeeeee; text-overflow:ellipsis; }

#breadcrumbs a:link			{ color:#000000; }
#breadcrumbs a:visited		{ color:#000000; }
#breadcrumbs a:active		{ color:#041A2F; }
#breadcrumbs a:hover			{ color:#041A2F; }

#mainc									{ position:relative; height:100%; padding:17px 0 0 325px; margin: 0 auto; overflow:hidden; }

#submenu								{ position:absolute; top:0; bottom:0; left:0; width:135px; margin: 0; padding:10px; border-right: 1px solid #EBEBEB; background:#ffffff; overflow:hidden; }
#submenu select					{ width:100%; }
#submenu h4							{ margin:0; padding:0; font-size:11px; font-weight:normal; text-transform:uppercase; text-align:left; }
#submenu ul							{ display:block; list-style:none; margin: 0; padding: 0; }
#submenu li							{ position:relative; height:auto; list-style:none; font-size:11px; cursor:pointer; margin:0; padding:6px 0; padding-left:34px; background:no-repeat 4px center; border:0; border-bottom: 1px dashed #CBCBCB; }
#submenu li a						{ color:#989898; }
#submenu li a.selected	{ color:#4E87A0 !important; font-size:11px; font-weight:bold;}
.menuselected		{ border-right: 3px dashed #E0E8FF !important; }
.tabselected		{ border: 1px solid #E0E8FF !important; background-color:#FAFAFA !important; }

#submenu .fa							{ padding: 0 1px; color:#61616E; }
#submenu li a.selected .fa	{ font-weight:normal !important; }
#submenu li .icon					{ position:absolute; top:4px; left:5px; margin:0; padding:0 5px; font-weight:normal; }
#submenu li .icon::before	{ content:'['; font-size:13px; }
#submenu li .icon::after	{ content:']'; font-size:13px; }

/*
#submenu li:last-child		{ border-bottom: 0px; }
*/


/*
#fmenur									{ position:absolute; top:30px; right:5px; margin:0; padding:0; overflow:hidden; }
*/
#fmenur								{ position:absolute; right:5px; top:5px; margin:0; padding:0; overflow:hidden; }
#fmenur h4						{ margin:0; padding:0; font-size:11px; font-weight:normal; text-transform:uppercase; text-align:left; }
#fmenur ul						{ display:inline-block; *display:inline; list-style:none; margin: 0 auto; padding: 0px; }
#fmenur li						{ min-width:19px; height:19px; list-style:none; float:left; font-size:18px; cursor:pointer; margin:10px; padding:5px; text-align:center; background:#FFFFFF; border: 1px solid #DEDEDE; border-radius:4px; }
#fmenur li:hover			{ background-color:#F0F0F0; }
/*
#fmenur li:last-child		{ border-bottom: 0px; }
*/

/*
#fmenur									{ position:absolute; top:30px; right:5px; margin:0; padding:0; overflow:hidden; }
*/
#fmenuf									{ position:absolute; right:5px; margin:0; padding:0; overflow:hidden; }
#fmenuf h4								{ margin:0; padding:0; font-size:11px; font-weight:normal; text-transform:uppercase; text-align:left; }
#fmenuf ul								{ display:inline-block; *display:inline; list-style:none; margin: 0 auto; padding: 0px; }
#fmenuf li								{ min-width:19px; height:19px; list-style:none; float:left; font-size:18px; cursor:pointer; margin:10px; padding:5px; text-align:center; background:#FFFFFF; border: 1px solid #DEDEDE; border-radius:4px; }
#fmenuf li:hover					{ background-color:#F0F0F0; }


#fmenut										{ margin:0 auto; padding:0; overflow:hidden; background:url(/img/fmenut.png) repeat-x bottom; }
#fmenut ul									{ display:inline-block; *display:inline; list-style:none; margin: 0 auto; padding:0; }
#fmenut li									{ list-style:none; float:left; font-size:11px; color:#cdcdcd; margin: 5px 0px; padding:0; padding-left:25px; background:url(/img/fmenut-li.png) no-repeat 10px center; }
#fmenut li:first-child			{ background-image:none; }
#fmenut li .selected				{ padding: 0; padding-bottom: 2px; border:0; border-bottom:3px solid #dc002e; }

.slidebig									{ position:relative; float:left; width:785px; min-height:420px; margin:0; margin-top:15px; overflow:hidden; }
.slidesmall								{ position:relative; float:left; width:635px; min-height:420px; margin:0; margin-top:15px; overflow:hidden; }

.alertbox									{ position:absolute; top:100px; left:125px; width:385px; height:85px; padding:10px; padding-top:45px; margin:0 auto; text-align:center; background:#FEF0E7; border:1px solid #3a3a3a; border-radius: 4px; }
.alertbox .amsg						{ width:365px; height:52px; padding:0; margin:0; font-size:11px; color:#3a3a3a; font-weight:bold; overflow:hidden; }
.alertbox .abutton					{ position:absolute; bottom:10px; right:10px; padding:5px 15px; margin:0; font-size:11px; color:#ffffff; border:0; background:#3a3a3a; border-radius: 4px; cursor:pointer; }

.slidebig .alertbox				{ left:200px; }

#bottom										{ /*position:fixed; bottom:0; width:100%; */text-align:right; padding:0; margin:0; overflow:hidden; }
#bottomlinks							{ width:1000px; height:24px; margin: 0 auto; }
#bottomlinks ul						{ display:inline-block; *display:inline; list-style:none; margin:0; padding: 0px; padding-top: 8px; }
#bottomlinks li							{ list-style:none; float:left; text-transform:uppercase; white-space:nowrap; font-size:10px; cursor:pointer; margin: 0px 18px; padding: 2px 0px; }

.button										{ *width:200px; min-width:200px; height:27px; padding: 5px; text-align:center; font-size:11px; border:0px; background:#000000; color:#ffffff; text-transform:uppercase; font-weight:bold; cursor:pointer; }
.link											{ cursor:pointer; }

h3													{ margin: 0px; font-size:20px; font-weight:normal; margin-bottom:11px; }

a													{ text-decoration:none; }
a:link										{ color:#000000; }
a:visited									{ color:#000000; }
a:active									{ color:#0000aa; }
a:hover										{ color:#0000aa; }
a.selected								{ color:#0000aa; font-weight:bold; }

input:focus									{ outline: -webkit-focus-ring-color auto 0px; outline-color: transparent; outline-style: none; outline-width: 0px; }

.hover										{ cursor:pointer; background-color:#D5D5D5 !important;}

#scslide									{ /*position:absolute; top:-420px; left:0; margin:0 auto; padding:0; width:100%; z-index:999; overflow:hidden; -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -o-transition-duration: 1s; transition-duration: 1s;*/ }
#scslidec									{ /*width:100%; height:350px; margin:0; padding:15px; overflow:hidden; background:#F0F0F0;*/ }
#scslideb									{ /*width:100%; height:40px; margin:0; padding:0; background:#F0F0F0;*/ }

#scslide.schidden					{ /*top:-420px !important;*/ }
#scslide.scshow						{ /*top: 0px !important;*/ }

#scslide .data							{ /*width:396px; margin:0 auto 5px; */ padding:0 0 5px; border-bottom: 1px solid #eeeeee; overflow:hidden; width: 92%;}
#scslide .item							{ float: left; margin:6px; overflow:hidden; }
#scslide .itemb						{ text-align:center; margin-top:25px; }
#scslide label							{ display:block; margin: 3px 0 6px; color:#878789; }
#scslide .finput						{ float:left; width:245px; height:16px; border: 1px solid #D5D5D5; padding:2px; color: #666; }
#scslide .finput2						{ float:left; width:100px; height:16px; border: 1px solid #D5D5D5; padding:2px; color: #666; }
#scslide .finput3						{ float:left; width:175px; height:16px; border: 1px solid #D5D5D5; padding:2px; color: #666; }
#scslide .finput4						{ float:left; width:375px; height:16px; border: 1px solid #D5D5D5; padding:2px; color: #666; }
#scslide .inputcal					{ width:150px; text-align:center; }
#scslide .fselect					{ float:left; width:253px; height:22px; border: 1px solid #D5D5D5; color: #666; }
* html #scslide .fselect			{ h\eight:23px; \height:23px; }
#scslide .fselect2					{ float:left; width:170px; height:22px; border: 1px solid #D5D5D5; color: #666; }
* html #scslide .fselect2			{ h\eight:23px; \height:23px; }
#scslide .fselect3					{ float:left; width:120px; height:22px; border: 1px solid #D5D5D5; color: #666; }
* html #scslide .fselect3			{ h\eight:23px; \height:23px; }
#scslide .ftextarea				{ float:left; width:243px; height:30px; border: 1px solid #D5D5D5; padding:4px; color: #666; }

.finput.cal			{ width:120px !important; background:url(/img/pi_calendar.png) no-repeat right center; cursor:pointer; }
.finput.calinactive	{ width:68px !important; }


#scslide .button		{ margin:0px 5px; *width:160px; min-width:160px; border-radius: 3px; font-size:11px; }
#scslide .button:hover	{ }

.gridscroll 		{ overflow-x: scroll;}
.gridht				{ width:100%; margin: 0; padding: 0; table-layout:fixed; border-collapse:collapse; }
.gridht th			{ height:8px; margin: 0; padding: 4px; text-align:left; background:#4E87A0; font-size:09px; line-height:30px; color:#FFFFFF; font-weight:normal; overflow:hidden; text-transform:uppercase; text-overflow:ellipsis; white-space:nowrap; }
.gridht th.order	{ cursor:pointer; }

.gridhtscroll		{ width:auto; margin: 0; padding: 0; border-collapse:collapse; }
.gridhtscroll th	{ height:8px; margin: 0; padding: 4px; text-align:left; background:#4E87A0; font-size:09px; line-height:30px; color:#FFFFFF; font-weight:normal; overflow:hidden; text-transform:uppercase; text-overflow:ellipsis; white-space:nowrap; }

.gridb											{ width:100%; overflow-x:hidden; background:#E0E8FF; }
.gridbt											{ width:100%; margin: 0; padding: 0; table-layout:fixed; border-collapse:collapse; }
.gridbt tr:nth-child(even)	{ background-color:#E0E8FF; }
.gridbt tr:nth-child(odd)		{ background-color:#ffffff; }
.gridbt td									{ height:20px; margin: 0; padding: 1px 10px; text-align:center; color:#000000; font-size:10px; font-weight: normal; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.gridbt td.cicon						{ height:26px; padding: 8px 4px 1px 4px; font-size:14px; text-align:right; }
.gridbt td.cicon .fa				{ padding: 3px 6px; background-color:#ffffff; border: 1px solid #dedede; border-radius:3px; }

.griddoc										{ width:95%; margin: 0; padding: 5; table-layout:fixed; border-collapse:collapse; background-color:#ffffff;  font-size:12px; }
.griddoc td									{ height:20px; margin: 0; padding: 1px 10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

.trmarca										{ height:20px; margin: 0; padding: 1px 10px; font-weight:bold !important; background-color:#4698CB !important; color:#FFFFFF !important;}
.trtotal										{ height:20px; margin: 0; padding: 1px 10px; font-weight:bold !important; background-color:#4E87A0 !important; color:#FFFFFF !important;}
.trtotal .cright						{ text-align:right; }
.trmarca .cright						{ text-align:right; }

.gridbt .cleft						{ text-align:left; }
.gridbt .cright						{ text-align:right; }
.gridbt .ccenter					{ text-align:center; }
.gridbt .crrojo						{ background-color:#FF4238; }
.gridbt .cerror						{ background-color:#F8CBAD; }
.gridbt .calarma					{ background-color:#F8F8AD; }
.gridbt .coculta					{ visibility: hidden; }
.gridbt .bold							{ font-weight:bold; }
.gridbt .icon							{ width:23px; height:17px; margin: 0; padding: 0; border: 0; }
.gridbt .action						{ width:23px; height:17px; margin: 0px 2px; padding: 0; border: 0; }
.gridbt .check						{ margin: 0px 2px; padding: 0; border: 0; vertical-align:baseline; cursor:pointer; }
.gridbt .icard						{ background:url(/img/i_card.png) no-repeat right bottom; }
.gridbt .ipromo						{ background:url(/img/i_promo.png) no-repeat left bottom; }
.gridbt .irequests				{ background:url(/img/i_requests.png) no-repeat left bottom; }

.pagination								{ height:25px; margin:0; margin-top: 8px; padding:0; overflow:hidden; }
.pagination .page					{ float:left; height:13px; margin:0; margin-right: 3px; padding: 0px 5px; font-size:10px; line-height:12px; text-align:center; color:#333333; border: 1px solid #dfdfdf; background:url(/img/pagination_normal_bg.png) repeat-x center; }
.pagination .page.current	{ height:13px; border:0; color:#ffffff; background-image:url(/img/pagination_hover_bg.png); font-weight:bold; border: 1px solid #272727; }
.pagination .pagereg				{ float:right; height:15px; margin:0; margin-left: 6px; padding: 0; font-size:11px; line-height:15px; text-align:right; color:#333333; }

.pagination .arrowl, .pagination .arrowll, .pagination .arrowr, .pagination .arrowrr,
.pagination .arrowl_off, .pagination .arrowll_off, .pagination .arrowr_off, .pagination .arrowrr_off
													{ float:left; width:13px; height:13px; margin:0; margin-right: 3px; padding: 0; border: 1px solid #dfdfdf; background:no-repeat center center; }

.pagination .arrowl				{ background-image:url(/img/pagination_arrowl.png); }
.pagination .arrowll				{ background-image:url(/img/pagination_arrowll.png); }
.pagination .arrowr				{ background-image:url(/img/pagination_arrowr.png); }
.pagination .arrowrr				{ background-image:url(/img/pagination_arrowrr.png); }

.pagination .arrowl_off		{ background-image:url(/img/pagination_arrowl_off.png); }
.pagination .arrowll_off		{ background-image:url(/img/pagination_arrowll_off.png); }
.pagination .arrowr_off		{ background-image:url(/img/pagination_arrowr_off.png); }
.pagination .arrowrr_off		{ background-image:url(/img/pagination_arrowrr_off.png); }

.pagination .arrowl:hover	{ background-image:url(/img/pagination_arrowl_on.png); }
.pagination .arrowll:hover	{ background-image:url(/img/pagination_arrowll_on.png); }
.pagination .arrowr:hover	{ background-image:url(/img/pagination_arrowr_on.png); }
.pagination .arrowrr:hover	{ background-image:url(/img/pagination_arrowrr_on.png); }

.actionform								{ width:15px; height:16px; margin: 3px 0px 3px 5px; padding: 0; border: 0; vertical-align:middle; cursor:pointer; }

.datablock								{ position:relative; zoom: 1; clip: auto; margin:0; padding:0; overflow:hidden; }
.datablock .datablockc			{ position:relative; text-align:right; white-space:nowrap; clear:right; overflow:hidden; }
.datablock .filler					{ position:absolute; left: 0; right: 0; height:10px; border-bottom: 1px dotted #cccccc; }
.datablock .label					{ position:relative; float:left; margin:0; margin-right:20px; padding:0; padding-right:1px; background:#ffffff; }
.datablock .text						{ position:relative; float:right; margin:0; padding:0; padding-left:1px; background:#ffffff; }

.item.checked span					{ background-image:url(/img/alertscheck.png); }
.info .hilite							{ color:#dc002e; font-weight:bold; }

.highcharts-contextmenu				{ width: 200px; }

.rotate				{
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);

  /* also accepts left, right, top, bottom coordinates; not required, but a good idea for styling */
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;

  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

/* Calendar */
#cal_div									{ position:absolute; top: 0px; left: 0px; width:154px; border:1px solid #000000; border-radius: 4px 4px 0px 0px; z-index:999999; background:#636364 url(/img/cal_top.png) repeat-x top; }
#cal_div .handler					{ position:relative; margin:0; padding:3px; cursor:pointer; }
#cal_div .cal_header				{ margin: 0 auto; padding: 0; text-align:center; font-family:arial; font-size:11px; color:#ffffff; font-weight:normal; }
#cal_div .cal_close				{ position:absolute; top:4px; right:4px; width:8px; height:8px; margin: 0; padding: 0; background:url(/img/i_close.png) no-repeat center center; }
#cal_div .nav							{ margin:0 auto; padding: 1px; overflow:hidden; }
#cal_div .cal_back					{ float:left; width:7px; height:12px; margin: 3px 2px; padding:0; cursor:pointer; background:url(/img/cal_back.png) no-repeat center center; }
#cal_div .cal_forth				{ float:left; width:7px; height:12px; margin: 3px 2px; padding:0; cursor:pointer; background:url(/img/cal_forth.png) no-repeat center center; }
#cal_div #cal_month				{ float:left; width:76px; margin: 2px; padding:0; border:0; font-family:arial; font-size:10px; color:#ffffff; background:#636364; }
#cal_div #cal_year					{ float:left; width:30px; margin:2px 2px 2px 8px; padding:0; border:0; text-align:right; font-family:arial; font-size:10px; color:#ffffff; background:#636364; }
#cal_div #anno_control			{ float:left; width:8px; height:10px; margin:3px 2px 0 0; padding:0; overflow:hidden; }
#cal_div #anno_up, #cal_div #anno_down
													{ width:100%; height:5px; margin:0; padding:0; cursor:pointer; }
#cal_div #anno_up					{ margin-bottom: 1px; background:url(/img/cal_up.png) no-repeat bottom center; }
#cal_div #anno_down				{ background:url(/img/cal_down.png) no-repeat top center; }
#cal_header								{ width:100%; height:18px; margin:0; padding:0; background:#d9d9d9; font-size:10px; color:#868689; }
#cal_days									{ width:100%; height:110px; background:#ffffff; }
#cal_div .cal_day					{ float:left; width:22px; height:15px; margin:0; padding:0; padding-top:3px; text-align:center; font-family:arial; font-size:10px; color:#3a3a3a; }
#cal_div .cal_festive			{ float:left; width:22px; height:15px; margin:0; padding:0; padding-top:3px; text-align:center; font-family:arial; font-size:10px; color:#cc0000; font-weight:bold; }
#cal_div .cal_disable			{ float:left; width:22px; height:15px; margin:0; padding:0; padding-top:3px; text-align:center; font-family:arial; font-size:10px; color:#ececec; }
#cal_div .cal_today				{ color:#000000; background:#d9d9d9; }
#cal_div .actions					{ height:17px; margin:0 auto; padding:0px 16px; padding-top:5px; overflow:hidden; font-size:11px; color:#868689; background:#636364 url(/img/cal_actions.png) repeat-x bottom; }
#cal_div .today						{ float:left; height:14px; margin:0; padding:0; padding-top: 1px; padding-left:17px; cursor:pointer; background:url(/img/cal_today.png) no-repeat left top; }
#cal_div .reset						{ float:right; height:14px; margin:0; padding:0; padding-top: 1px; padding-left:17px; cursor:pointer; background:url(/img/cal_reset.png) no-repeat left top; }
#cal_div .today:hover			{ color:#000000; }
#cal_div .reset:hover			{ color:#000000; }

.i-gray { color: #7f7f7f; }
.i-green { color: #538622; }
.i-orange { color: #e36c09; }
.i-red{ color: #A00000; }
.i-darkgray { color: #666; }
.i-blue { color: #000080; }
.i-gold { color: #008080; }

/*
@media screen and (max-width:500px) {
	#headers				{ float:none; position:absolute; top:0; left:95px; width:auto; }
	#headertitle		{ float:none; margin-top:38px; margin-left:15px; }
	#content				{ min-height:0; }
	#maintop				{ display:none; }
	#mainc					{ min-height:auto; }
}
*/




@media screen and (max-width:1000px) {
	#logo								{ left:5px !important; width:44px !important; background-size:contain; }
	#headertitle				{ left:72px; }
	#menu								{ left:53px; }
	#menu li							{ padding:10px 15px; }
	
	#content						{ padding-left:74px; }
	#submenu						{ width:23px; }
	#submenu li						{ height:20px; padding:10px 0 10px 38px; border:0; }
	#submenu li .icon			{ top: 0; }
}

@media screen and (max-width:750px) {
}

@media screen and (max-width:750px) {
	/* #menu is the original menu */
	#menu ul							{ display:none; }
	.slicknav_menu			{ display:block; }
	
	h1#htitle						{ font-size:20px; }
	
	#languages img				{ margin: 0 4px; }
	#headeractions li			{ font-size:15px; padding: 5px 10px; }
	#menu2							{ margin-top:28px; margin-left:64px; }
}

/* screen */
@media only screen and (min-width:701px) and (max-width:999px) {
	#main						{ width:auto; }
	#bottomlinks		{ width:auto; }
}

/* tablet */
@media only screen and (min-width:481px) and (max-width:700px) {
	h1#htitle				{ font-size:36px; }
	#main						{ width:auto; }
	#bottomlinks		{ width:auto; }
}

/* mobile */
@media only screen and (max-width:480px) {
	h1#htitle				{ font-size:36px; }
	
	#main						{ width:auto; }
	#bottomlinks		{ width:auto; }
}