html { height: 100%; overflow-x:hidden;}
body { font-family: Arial; font-size: 10pt; color: #444; line-height: 13pt; height: 100%; background:white; }

.rightside { float: right; }
a { color:#568B04; text-decoration:underline; cursor:pointer;}
b, strong {font-weight:bold;}
a:hover { color: #3E6403; }
h3, h2, h1 { font-family: Calibri; color: #6BA400; font-size: 13pt; font-weight: bold; }
h2 { margin: 10px 0 20px; }
h3 { margin-bottom: 10px; font-weight: bold; font-size: 13pt; margin: 10px 0px; }
td { vertical-align: top; }
.inline { display: inline-block; vertical-align: top; }
.rightside { float: right; }

form { margin: auto; background: url(images/website-bg.png) repeat-x top center;}
form .bokeh {position:absolute; top:61px; left:0; width:100%; height:348px; background:url(images/bokeh.jpg) no-repeat top left transparent;}
.main-body, .website-body {margin: auto; width:990px; display:block; position:relative;}
.main-body {padding:5px 0; position:inherit;}
.main-body.error, 
.main-body.error h2, 
.main-body.error a {color:White;}


/* ===========  search =========== */
div.search .whole { width: 100%; clear: both; }

/* ===========  Light search =========== */
div.light-search .item { width: 350px; float: left; }
div.light-search .buttons { float: left; margin-top: -5px; }
div.light-search .whole { width: 100%; clear: both; }

/* =================== BANNER =============================== */
.website-banner {  height: 65px; position: relative; z-index:101;}
.website-banner .logo-container { float: left; }
.website-banner .logo { margin: 11px 15px; }
.website-banner .user-info { top: 0px; left: 10px; border: 1px solid #75B7DA; width: 200px; background: #ECF6FF; padding-left: 15px; }
.website-banner .main-menu { position: absolute; width: auto; top: 0px; right: 20px; }


/* =================== FOOTER =============================== */
.website-footer { clear: both; color: #666666; font-size: 12px; height: 120px; line-height: 15px; background: url(images/footer-Bg.png) repeat-x left top; padding:0;}
.website-footer .buttons { float: left; text-align: left; }
.website-footer .buttons > * { margin-right: 20px; }
.website-footer .sections { }
.website-footer .section { display: inline-block; width: 150px; margin-left: 10px; float: right; margin-top:20px;}
.website-footer .item .label { color: #999999; }
.website-footer .item .value { }

/* =================== MAIN BODY ============================ */
.main-body-container {}
.main-body-header,
.main-body-footer {display:none;}
.content-area { margin: 5px 0 20px 0; display: block; vertical-align: top; font-size:9pt; padding-left:220px;}

/* standard-box */
.standard-box { border: 1px solid #aaaaaa; margin: 0px; display: block; margin-bottom: 10px; width: 100%;}
.standard-box .item { width: 100%; clear: left; margin-left: 8px; }
.standard-box .item .label { width: 150px; float: left; margin-left: 10px; }
.standard-box .item .value { float: left; }
.standard-box h3 { padding: 0px 10px 9px 10px; font-size: 10pt; margin-bottom: 10px; color: #444; }
.standard-box p { margin: 10px; }
div.standard-box div.item div.whole { width: 100%; float: none; }
div.standard-box div.buttons { margin-right: 10px; width: 90%; }

/* ============= Login form ============= */
.login-form { width: 510px; }
.login-form h2 { width: 488px; }
.login-form .form { width: 100%; }
.login-form .form .buttons { margin-right: 20px; }


/* ======== Side bar ======= */
.side-bar { height:530px; width: 215px; display: block; float:left; vertical-align: top; margin-top:340px; z-index:100; position:relative; background:url("images/side-menu-bg.png") no-repeat scroll center top transparent;}
.side-bar h2 { text-align: center; }
.side-bar .side-bar-icon-wrapper { border: solid #ccc 1px; height: 125px; width: 125px; background: #fff; margin: -50px auto 10px; }
.side-bar .side-bar-icon-wrapper .icon { width: 110px; margin: auto; margin-top: 9px; }
.side-bar .side-bar-icon-wrapper .icon img { width: 110px; }

/*website-page-header*/
.website-page-header { background: url(images/Page.Header.Background.jpg) no-repeat left top; height: 80px; display:none;}
.website-page-header h1 { padding-top: 20px; padding-left: 40px; font-size: 24pt; font-weight: bold; color: #888; font-family: 'Josefin Sans Std Light' , Verdana; }

/*website-page-footer*/
.website-page-footer { background: url(images/Page.footer.Background.jpg) no-repeat left top; height: 27px; display:none;}


.tooltip { display: none; font-size:10pt; width: 255px; color: #fff; z-index: 10000; font-weight: normal; }
.IE-60 .tooltip { visibility:hidden; }
.tooltip .tooltip-header { background: url(images/tooltip-bg-header.png) no-repeat top left; height: 30px; z-index:500;}
.tooltip .tooltip-footer { background: url(images/tooltip-bg-footer.png) no-repeat bottom left; height: 16px; z-index:500;}
.tooltip .tooltip-body { background: url(images/tooltip-bg.png) repeat-y top center; padding: 10px 18px; min-height: 50px; z-index:501;}
.nice-tooltips-right .tooltip-header { background: url(images/tooltip-bg-header-right.png) no-repeat top left; height: 45px; position: absolute; top: 7px; left: -22px; width: 277px; }
.nice-tooltips-right .tooltip-body { margin-top: 16px; }
.nice-tooltips-top .tooltip-header { background: url(images/tooltip-bg-header-top.png) no-repeat top left; height: 13px; }
.nice-tooltips-top .tooltip-footer { background: url(images/tooltip-bg-footer-top.png) no-repeat top left; height: 41px; }
.nice-tooltips-top .tooltip-body { padding: 5px 18px 0; }

.nice-tooltips-right .tooltip a,
.nice-tooltips .tooltip a {color:White;}


.IE-60 .nice-tooltips-right .tooltip,
.IE-60 .nice-tooltips .tooltip {visibility:hidden;}