﻿/* NULLIFY
----------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, 
cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, 
canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video 
{ margin: 0; padding: 0; border: 0; vertical-align: baseline; }

/* Main
----------------------------------------------------------*/
html { border-style: none; overflow-y:auto; }
body { line-height: 1;  font-size: 0.8125em; font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif; color: #000000; background-image: url(../Img/body2.png); background-attachment: scroll; background-repeat: repeat-y; background-position: center top; background-color: transparent; }
p { font-size: 1em; line-height: 1.5em; }
p.minlh { line-height: 1.2em; }
h1 { font-size: 2.571em; line-height: 1.9em; text-transform: none; color: #002D72; font-weight: 700; margin-top: -5px; padding-bottom: 15px; }
h2 { font-size: 1.8em; color: #002D72; text-transform: none; font-weight: 900; }
h2.pad { margin-bottom: 20px; padding-top: 5px; }
h3 { font-size: 1.5em; color: #002D72; }
h4 { font-size: 1.2em; line-height: 1.5em; font-weight: 700; color: #666666; }
h5 { font-size: 1em; line-height: 1.3em; font-weight: 700; color: #666666; }
h6 { font-size: 14px; font-weight: 700; color: #255E95; }
span.ingress { color: #7fba23; font-weight: bold; font-family: Arial; }
.section { padding-bottom: 20px; }
.section .ingress { color: #7fba23; font-weight: bold; font-family: Arial; }
a, a:link, a:visited { font-size: 1em; color: #002D72; text-decoration: none; }
a:hover { color: #4b6c9e; text-decoration: none; }
a:active { color: #4b6c9e; }
ol, ul { list-style: none; }
input       { font-size: 1em; font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif; }
textarea    { font-size: 1em; font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;  margin: 0; padding: 2px 3px; }
select      { font-size: 1em; font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI" , Arial, Helvetica, Verdana, sans-serif; padding: 1px;  margin: 0;}
label       { font-size: 1em; font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif; }
input[type="text"] { margin: 0; padding: 2px 3px; }
input[type="password"] { padding-left: 3px; padding-right: 3px; }
input[type="radio"] { margin: 0; padding: 0; box-sizing: border-box; }
input[type="radio"] +label { margin: 0; padding: 0 10px 0 3px; vertical-align: top; }
input[type="checkbox"] {  margin: 0; padding: 0; box-sizing: border-box; }
input[type="checkbox"] +label { padding-left: 5px; vertical-align: top; }
input[type="submit"] { margin: 0; }
input[type="file"] { margin: 0; padding: 0; }
@media screen and (-webkit-min-device-pixel-ratio:0) {  select { -webkit-appearance: menulist-button; border: 1px solid #ABADB3; }
														 input[type="text"] { border: 1px solid #ABADB3; padding-bottom: 3px;}
														textarea {  border: 1px solid #ABADB3; } } /* Target Safari & Chrome

/* Misc
----------------------------------------------------------*/
@media screen and (max-device-width:480px) { body { -webkit-text-size-adjust: none; } } 
#ajaxBusy  { position: fixed; width: 100%; height: 100%; z-index: 1000000001 !important; background-color: Transparent; }
#ajaxBusyBack { background-image: url(../Img/loadback.gif); background-repeat: no-repeat; background-position: 50% 50%; position: relative; width: 100px; height: 100px; margin-top: -100px; margin-left: auto; margin-right: auto; top: 50%;	}
#ajaxBusyImage { background-image: url(../Img/Loading.gif); background-repeat: no-repeat; width: 100px; height: 100px; }
.clearBoth { clear: both; height: 0px; }
.btnPostbackSave { width: 130px; height: 35px; background-color: #8ec23c; background: -webkit-linear-gradient(top, #9fcb5a, #80ba24); background: -moz-linear-gradient(top, #9fcb5a, #80ba24); -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; border: 0px solid #86B241; font-family: Arial; font-size: 16px; color: #fff; }
.btnPostbackSave:hover { background-color: #7ea22c; background: -webkit-linear-gradient(top, #8fbb4a, #70aa14); background: -moz-linear-gradient(top, #8fbb4a, #70aa14); cursor:pointer; }
.btnPostbackDisabled { width: 130px; height: 35px; background-color: #C0C0C0; border: 0px solid #009FDF; color: #000000; background: -webkit-linear-gradient(top, #C1C1C1, #C0C0C0); background: -moz-linear-gradient(top, #C1C1C1, #C0C0C0); -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px;  font-family: Arial; font-size: 16px; color: #fff; }
.btnPostback { width: 80px; height: 35px; background-color: #009FDF; background: -webkit-linear-gradient(top, #61BADD, #009FDF); background: -moz-linear-gradient(top, #61BADD, #009FDF); -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; border: 0px solid #009FDF; font-family: Arial; font-size: 16px; color: #fff;}
.btnPostback:hover { background-color: #008BC3;  background: -webkit-linear-gradient(top, #00A8EA, #008BC3); background: -moz-linear-gradient(top, #00A8EA, #008BC3); cursor: pointer; }
.btnPostbackSearch { width: 100px; height: 30px; background-color: #C0C0C0; background: -webkit-linear-gradient(top, #C1C1C1, #C0C0C0); background: -moz-linear-gradient(top, #C1C1C1, #C0C0C0); -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; border: 0px solid #C0C0C0; font-family: Arial; font-size: 16px; color: #333333; }
.btnPostbackSearch:hover { background-color: #999999; background: -webkit-linear-gradient(top, #B7B7B7, #999999); background: -moz-linear-gradient(top, #B7B7B7, #999999); cursor: pointer; }
.btnPostbackAdd { width: 22px; height: 22px; background-color: #C0C0C0; background: -webkit-linear-gradient(top, #C1C1C1, #C0C0C0); background: -moz-linear-gradient(top, #C1C1C1, #C0C0C0); -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; border: 0px solid #C0C0C0; font-family: Arial; font-size: 1em; color: #333333; }
.btnPostbackAdd:hover { background-color: #999999; background: -webkit-linear-gradient(top, #B7B7B7, #999999); background: -moz-linear-gradient(top, #B7B7B7, #999999); cursor: pointer; }
.btnPostbackGray { display: inline-block; padding: 5px 10px; background-color: #C0C0C0; border: 0px solid #009FDF; color: #000000; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; }
.btnPostbackGray:hover { background-color: #bfcbd6; cursor: pointer; }
.btnPostbackWhite { display: inline-block; padding: 5px 10px;  background-color: #ffffff; color: #000000; border: 1px solid rgb(204, 204, 204); -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; }
.btnPostbackWhite:hover { background-color: #bfcbd6; background: -webkit-linear-gradient(top, #B7B7B7, #999999); background: -moz-linear-gradient(top, #B7B7B7, #999999); cursor: pointer; }
.imgPostbackDelete { background-image: url(../Img/delete.png); background-repeat: no-repeat; background-position: 4px center; padding-left: 22px; background-attachment: scroll; }
.imgPostbackAdd { background-image: url(../Img/left_add_sm.png); background-repeat: no-repeat; background-position: 4px center; padding-left: 17px; background-attachment: scroll; }
.btnHidden { visibility: hidden; }  
.errorMessage { -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; background-color: #FFCCCC; padding: 10px 15px; margin-bottom: 20px; }
.errorMessageInline { color: Red;  white-space:normal; padding-left: 5px; }
.afterSave { padding: 4px 20px 12px 20px;  background-color: #D4FFC1 }
.afterSave p { margin-top: 8px;}
.datetext { width: 5.4em; margin: 0 3px 0 0; }
.searchhits { padding-top:15px; padding-bottom:15px; color: blue; }
.helpicon { background-image: url(../Img/helpsmall.png); background-repeat: no-repeat; cursor: pointer; width: 18px; height: 18px; }
.helpicon.padtop { margin-top: 3px; }
.helpicon.after { float: left; margin-left: 5px; } 
.helptext .ul { list-style: disc !important; }
.helptext li { list-style: disc !important; margin-left: 15px !important; margin-bottom: 5px !important; }
.helptext .link { margin: 0 !important; padding: 0 !important; background-image: none !important; border: none !important; }
.resultblock .plate  { background-color: #e6e6e6; padding: 40px 100px 40px 100px}
.resultblock .resultheader  { font-size: 22px; padding-bottom: 15px; }
.resultblock table td { padding-bottom: 8px;  border-top: solid 1px darkgray; border-bottom: solid 1px darkgray; }
.resultblock .templatebullet li { margin-bottom: 10px; }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */
.roundCorners { -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; }
.cufon-loading body { visibility: hidden }

/* Primary layout elements
----------------------------------------------------------*/
.defwidth { width: 920px; }
.maintop { width: 100%; height: 20px;  background-color:#002D72; }
.mainpage { margin: 0px auto; padding-top: 10px; background-color: #ffffff; width: 960px; }
.mainbannertop { height: 40px; }
.mainbannertop .mainbannerleft { float: left; width: auto; margin: 0px; padding-left: 20px; height: 100%; }
.mainbannertop .mainbannerright { float: right; padding-right: 20px; }
.mainbannertop .mainbannerright a { text-decoration: none; color: #4b6c9e; }
.mainbannertop .mainbannerright img { border: none; height: 26px; padding-top: 4px; }
.main { padding: 12px 20px; margin: 0; min-height: 570px; }
.mainleft { width: 600px; }
.mainleft.padline { float:left; padding-right: 19px; padding-left: 0px;  border-right: 1px solid #ccc; }
.mainright { float: left; width: 280px; padding-left: 19px; padding-right: 0px; border-left: 1px solid #ccc; margin-left: -1px; }

/* Login Page
----------------------------------------------------------*/
.loginWrap { vertical-align:top;  }
.loginBox { float:left; vertical-align:top; margin-top: 20px; padding: 20px 20px 20px 20px; border: 1px solid rgb(204, 204, 204); width: 310px;  background-color: rgb(255, 255, 255); -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; }
.loginBox a { color:black; }
.loginBox h2 { padding-bottom: 20px;   }
.loginBox label { display: block; padding-bottom: 5px; }
.loginBox input[type="text"],
.loginBox input[type="password"],
.loginBox select { padding-left: 5px; padding-right: 5px; width: 300px; background-color: #ECECEC; border: 1px solid #ccc; height: 25px; line-height: 25px; font-family: Arial; font-size: 14px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; }
.loginBox .errorMessage { width: 280px;}
.flag {min-height:50px; max-height:100px; height:10vh; min-width:80px; max-width:160px; width:16vh; border-radius:4px; border:1px solid #e6e6e6; margin:10px;}
.msgBox { float:right; vertical-align:top; margin-top: 20px; padding: 20px; border: 1px solid #e6e6e6; width: 197px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.msgBox p{font-size:0.9em;}
.privacyinfo {font-size: 1em; margin-top: 16px;}
/* Login Page & Start Page
----------------------------------------------------------*/
.logo { max-width: 220px; border-style: none; }
.logoheader { text-align:center; font-style: italic; }
.loginhelp { width: 390px; margin-top: 12px; padding: 12px 15px 15px 15px; border: 1px solid lightgray; background-color: #E0E8F0; }   
.damageButton { float: left; width: 50%; }
.damageButton .link { margin: 0; padding: 1.5em; background-color: #71C6E3; background: -webkit-linear-gradient(top, #B5D9E5, #8ACEE6); background: -moz-linear-gradient(top, #B5D9E5, #8ACEE6); border: 0px solid #8ACEE6; text-align: center;  }
.damageButton .link:hover { color: #002D72; background-color: #3EB5E2; background: -webkit-linear-gradient(top, #6DC1E0, #3EB5E2); background: -moz-linear-gradient(top, #6DC1E0, #3EB5E2); cursor: pointer; text-decoration: none; }
.damageButton p { padding-top: 8px; }

/* Menu
----------------------------------------------------------*/
.menuwrapper { background-color: #CECECE; background: url(../Img/banner3.png); background-repeat: repeat-y; }
.menuwrapperinner { min-height: 31px; }
.menu ul li { background-color: #255E95; }
.menu ul li { list-style: none; float:left; position: relative; }
.menu ul li ul li { float:none;}
.menu ul li ul { display: none; }
.menu ul li a, 
.menu ul li a:visited { font-size: 13px;  color: #ffffff; margin-left: 0px; display: block; height: 31px; line-height: 31px; padding: 0px 15px; text-decoration: none; white-space: nowrap; }
.menu ul li a.level2,
.menu ul li a.level2:visited { color: #ffffff; margin-right: 0px; display: block; height: 25px; line-height: 25px; padding: 0px 15px; text-decoration: none; white-space: nowrap; }
.menu ul li a:hover { background-color: #3470AA; color: #ffffff; text-decoration: none; }
.menu ul li .selected { background-color: #255E95; color: #ffffff; text-decoration: none; }
.menu .level2 { z-index: 9999; }
.menu.user ul li { background-color: transparent; }
.menu.user ul li ul {left:auto !important; right:0px; }
.menu.user ul li ul li { background-color: #255E95; }
.menu.user ul li ul li a { color: #ffffff; }
.menu.user ul li ul li a:hover { background-color: #3470AA; color: #ffffff; text-decoration: none; }
.menu.user ul li a { color: black; }
.menu.user ul li a:hover { background-color: transparent; color: #ffffff; text-decoration: none; }
.menu.user ul li .selected { background-color: transparent; color: #ffffff; text-decoration: none; }

/* Tool Menu
----------------------------------------------------------*/
.tool_menu.pad { margin-bottom: 20px; margin-top: 26px; }
.tool_menu.padmin { margin-bottom: 20px; margin-top: 16px; }
.tool_menu.padb { margin-bottom: 20px; }
.tool_menu.padt { margin-top: 20px; }
.tool_menu li { float:left; margin-right: 5px; }
.tool_menu li a { height: 27px; display:table-cell; vertical-align: middle; padding: 0px 8px; border: 1px solid rgb(204, 204, 204); background-color: rgb(255, 255, 255); -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px;  border-radius: 5px;}
.tool_menu li.back a { background-position: 4px center; padding-left: 16px; background-color: transparent; background-image: url('../Img/left_blue_sm.png'); background-repeat: no-repeat; background-attachment: scroll; }
.tool_menu li.forw a { background-position: right 4px center; padding-right: 16px; background-color: transparent; background-image: url('../Img/right_blue_sm.png'); background-repeat: no-repeat; background-attachment: scroll; }
.tool_menu li.del a { background-position: 4px center; padding-left: 21px; background-color: transparent; background-image: url('../Img/deleteshort.png'); background-repeat: no-repeat; background-attachment: scroll; }
.tool_menu li.delnb a { border: none; background-position: 4px center; padding-left: 21px; background-color: transparent; background-image: url('../Img/deleteshort.png'); background-repeat: no-repeat; background-attachment: scroll; }
.tool_menu li.add a { background-position: 4px center; padding-left: 17px; background-color: transparent; background-image: url('../Img/left_add_sm.png'); background-repeat: no-repeat; background-attachment: scroll; }
/*.tool_menu li.print a { background-position: 4px center; padding-left: 24px; background-color: transparent; background-image: url('../Img/pdf.gif'); background-repeat: no-repeat; background-attachment: scroll; }*/
.tool_menu li.xls a { background-position: 4px center; padding-left: 24px; background-color: transparent; background-image: url('../Img/xls.gif'); background-repeat: no-repeat; background-attachment: scroll; }
.tool_menu li.doc a { background-position: 4px center; padding-left: 24px; background-color: transparent; background-image: url('../Img/doc.gif'); background-repeat: no-repeat; background-attachment: scroll; }
.tool_menu li.pdf a { background-position: 4px center; padding-left: 24px; background-color: transparent; background-image: url('../Img/pdf.gif'); background-repeat: no-repeat; background-attachment: scroll; }
.tool_menu li.txt a { background-position: 4px center; padding-left: 24px; background-color: transparent; background-image: url('../Img/txt.png'); background-repeat: no-repeat; background-attachment: scroll; }
.tool_menu li.png a { background-position: 4px center; padding-left: 24px; background-color: transparent; background-image: url('../Img/img.png'); background-repeat: no-repeat; background-attachment: scroll; }
.tool_menu li.eml a { background-position: 4px center; padding-left: 24px; background-color: transparent; background-image: url('../Img/mail.png'); background-repeat: no-repeat; background-attachment: scroll; }
.tool_menu li a:hover { background-color: #bfcbd6; color: #000000; }
.tool_menu li.disabled a { background-color: rgb(255, 255, 255); color: gray; }
.tool_menu li.disabled a:hover { background-color: rgb(255, 255, 255); color: gray; }

/* Button Bar
----------------------------------------------------------*/
.buttonbar { margin-top: 20px; }
.buttonclose { display: block; font-size: 12px; line-height: 16px; height: 16px; padding-left: 15px; background-color: transparent; background-image: url('../Img/close2.jpg'); background-position: center left; background-repeat: no-repeat; }

/* Tables
----------------------------------------------------------*/
.formTable td { padding-bottom: 7px; }
.formTable .xpad { padding-bottom: 15px; }
.formTable .fc { vertical-align: top; text-align:left; padding-right: 8px; color:#002D72; height: 22px; padding-top: 3px; }
.formTable .col { color:#002D72; }
.formTable .sct { padding-top: 3px; }
.formTable .textBox { width: 270px; }
.formTable .textBoxL { width: 370px; }
.formTable .textBoxAmount { width: 100px; text-align:right; }
.formTable .textAreaL { width: 372px; }
.formTable .selectBoxL { width: 380px; }
.formTable .checkBoxRow { padding-bottom: 3px; }   
.formTable input[type="file"] { width: 382px; } 

.listTable thead td { padding: 2px 5px 8px 0px; color: #002D72; font-weight: 700; text-align: left; vertical-align: bottom; border-bottom: 1px solid lightgray; }
.linkTable tbody tr:hover { background-color: #FFFFCC;  cursor:pointer; }
.listTable .fc { color:#002D72; }
.listTable tbody td { padding: 5px 5px 6px 0px; }
.listTable tbody td.del { text-align:right; padding: 3px 2px 0px 4px; vertical-align:top; }
.listTable .greyRow { border-top: 1px solid lightgray; border-bottom: 1px solid lightgray; }
.listTable .blueRow { border-top: 1px solid lightgray; border-bottom: 1px solid lightgray; }
.listTable .borderRow { border-bottom: 1px solid lightgray; }
.listTable .borderTopRow { border-top: 1px solid lightgray; }

.listTable .norlineh { line-height: 1.2em;  }
.listTable .inlinetd.sep { padding: 0px 0px 6px 0px; }
.listTable .inlinetd.sepline { margin-bottom: 4px; padding-bottom: 6px; border-bottom: 1px solid lightgray; }

.listCol td { padding-top: 5px; padding-bottom: 6px; border-bottom: 1px solid lightgray; border-top: 1px solid lightgray; }
.listCol .fc { vertical-align: top; text-align:left; padding-right: 8px; color:#002D72; }
.listCol .scw_min { min-width: 180px; }
.listCol .scw_mid { min-width: 280px; }

.fcw_min { width: 100px; }
.fcw_mid { width: 140px; }
.fcw_max { width: 180px; }
.fcw_minpad { padding-left: 100px; }
.fcw_midpad { padding-left: 140px; }
.fcw_maxpad { padding-left: 180px; }

.sectionheader { padding-bottom: 7px; }
.sectionheader.ul {  margin-bottom: 7px; border-bottom: 1px solid lightgray; width: 660px; }
.sectionheader.ullong {  margin-bottom: 7px; border-bottom: 1px solid lightgray; }
.sectionheader.noul {  margin-bottom: 7px; }
.sectionheader.padtop { padding-top: 15px; }

.xcelTable td { vertical-align: bottom; padding: 0 0 2px 0px; }
.xcelTable .fc { vertical-align: top; text-align:left; padding-right: 8px; color:#002D72; height: 20px; padding-top: 5px; }
.xcelTable .textBoxAmount { width: 100px; text-align:right; }
.xcelTable .sumAmount { border: solid 1px gray; height: 18px; padding: 3px 4px 0 3px; width: 100px; text-align: right; background-color: #FFFFCC; }
.xcelTable .txtInfo { width: 150px;}

/* Tabbed menu
----------------------------------------------------------*/
div.TabbedMenu { background: transparent url(../Img/Tabs/1x1_535353.gif) bottom left repeat-x; height: 26px; margin: 0; padding: 0;   }
div.TabbedMenu li { float: left; background: transparent url(../Img/Tabs/tab_left.png) no-repeat left top; margin: 0 4px 0 0; padding: 0 0 0 5px; }
div.TabbedMenu a { display: block; background: transparent url(../Img/Tabs/tab_right.png) no-repeat right top; padding: 3px 8px 3px 3px; text-decoration: none; color: #444; line-height: 18px; }
div.TabbedMenu a:hover { text-decoration: underline; }
div.TabbedMenu .active { background: url(../Img/Tabs/tab_left_active.png) no-repeat left top; }
div.TabbedMenu .active a { background: url(../Img/Tabs/tab_right_active.png) no-repeat right top; color: #444; padding: 3px 8px 4px 3px; }

/* Admin pages
----------------------------------------------------------*/
.admin.margt { margin-top: 20px; }
.admin .adminheader { font-size: 1.2em; font-weight: 700; color: #666666;  margin-bottom: 15px; margin-top: 5px; display: none;  }
.admin .adminsubheader { font-size: 1.2em; font-weight: 700; color: #666666;  margin-bottom: 15px; margin-top: 5px; } 
.admin .adminaftersave { margin-top: 0px;}
.admin .admincontent { padding-bottom: 5px; padding-top: 15px; }
.admin .reportleft { float:left; border-right: solid 1px lightgray; }
.admin .neutralUL { list-style: none; margin: 0px; padding: 0px; width: auto; }

/* Report page
----------------------------------------------------------*/
#report .reportleft { float:left;  }
#report .reportright { float:left; padding-left: 20px; margin-top: 20px;  }
#report .reportheader { margin: -4px 0 0 0; padding: 0; font-size: 1.2em; font-weight: 700; color: #666666; }
#report .reportdesc { padding-bottom: 15px; padding-top: 23px;  }
#report .reportmenu { padding-right: 20px; height: 370px; border-right: solid 1px lightgray; }
#report .reportmenu ul { list-style: none; margin: 0px; padding: 0px; width: auto; }
#report .reportmenu ul li { margin-bottom: 8px; display:block; height: 18px; } 
#report .reportmenu ul li a { padding: 2px 4px;  }
#report .reportmenu ul li a.active { background-color: #bfcbd6; text-decoration: none; }
#report .reportmenu ul li a:hover { background-color: #3470AA; color:#ffffff; text-decoration: none; }

/* Forms  
----------------------------------------------------------*/
.formswrapper { background: url(../Img/page_shadow.png); background-repeat:no-repeat;  width: 725px; height: 935px; margin-left: -10px; padding: 20px; position:relative; }
.formswrapper .header { padding-left: 10px; }

/* Modal popups
----------------------------------------------------------*/
.formModal { background-color: White; border: solid 1px lightgray; padding: 20px; z-index: 1000000000 !important; }
.formModalBackground { background-color:gray; filter:alpha(opacity=25); opacity:0.25; z-index: 99999 !important; }
.formModalButtons { text-align:left; }

/* Survey
----------------------------------------------------------*/
.surveystartbullet { list-style: disc; }
.surveystartbullet li { margin-left: 30px; margin-bottom: 14px; } 
.surveyheader { font-size: 1.2em; font-weight: 700; color: #666666; }
.sortable tbody td { border-top: solid 1px lightgray; padding-top: 10px; padding-bottom: 10px;}
.radiob label { padding-right: 5px;}
.surveytemplate tbody td { padding-bottom: 6px; }
.imgInfo { height: 16px; width: 16px; vertical-align: middle; padding-bottom: 3px; }

/* Sp news
----------------------------------------------------------*/
.spnews_mainheader { font-size: 14px; color: #ffffff; padding: 8px 0px 8px 12px; background-color: #255E95; }
.spnews_contact { background: url(../Img/call3.png); background-repeat:no-repeat; background-position: 10px center; padding-left: 34px; background-color: #255E95; }
.spnews_contact_sep { height: 20px; }
.spnews_header { font-weight: bold; padding-bottom: 5px; color: #002D72; }
.spnews_block { padding: 10px 10px 10px 12px; background-color: #E0E8F0; }
.spnews_sep  { border-bottom: 1px solid #cccccc; }
.spnews_date { font-style: italic; font-size: 11px; padding-bottom: 5px; }
.spnews_cont { padding: 5px 0px 8px 0px; line-height: 1.5em; }
.spnews_linkblock { padding-bottom: 3px; }
.spnews_link { line-height: 20px; height: 20px; }
.spnews_link_arrow { background: url(../Img/right_arrow_big.png); background-repeat:no-repeat; background-position: 5px 5px; padding-left: 18px; line-height: 20px; height: 20px; display: block; }
.spnews_link_file { padding-left: 18px; line-height: 20px; height: 20px; display: block; } 
.spnews_news { background: url(../Img/info3.png); background-repeat:no-repeat; background-position: 10px center; padding-left: 34px; background-color: #255E95; }

/* Client news 
----------------------------------------------------------*/
.news_startsep { height: 20px; }
.news_block { border-top: 1px solid lightgray; padding-top:8px; }
.news_contblock { float:left; } 
.news_header { padding: 3px 10px 11px 0px; }
.news_cont { line-height: 1.5em; padding: 0px 10px 12px 0px; }
.news_linkblock { padding: 0px 10px 15px 0px;  }
.news_link { line-height: 20px; height: 20px; }
.news_link_arrow { background: url(../Img/right_arrow_big.png); background-repeat:no-repeat; background-position: 7px 4px; padding-left: 18px; line-height: 20px; height: 20px; display: block; }
.news_link_file { padding-left: 18px; line-height: 20px; height: 20px; display: block; } 
.news_image { float:left; width: 0px; padding: 15px 10px 3px 0px; }
.news_sep { height: 0px; }

.file_doc { background: url(../Img/doc.gif); background-repeat: no-repeat; background-position: 0px 1px; }
.file_ppt { background: url(../Img/ppt.gif); background-repeat: no-repeat; background-position: 0px 1px; } 
.file_pdf { background: url(../Img/pdf.gif); background-repeat: no-repeat; background-position: 0px 1px; }  
.file_txt { background: url(../Img/txt.png); background-repeat: no-repeat; background-position: 0px 1px; }
.file_xls { background: url(../Img/xls.gif); background-repeat: no-repeat; background-position: 0px 1px; } 
.file_png { background: url(../Img/img.png); background-repeat: no-repeat; background-position: 0px 1px; } 
.file_eml { background: url(../Img/mail.png); background-repeat: no-repeat; background-position: 0px 1px; } 

/* Treeview menu 
----------------------------------------------------------*/
.tree .top { margin-left: 7px; padding-left: 9px; border-left: solid 1px black; }
.tree .cross { margin-left: 7px; padding-left: 9px; padding-top: 5px;  vertical-align:middle; background: url(../Img/treeview_indent_cross.gif); background-repeat: no-repeat; background-position-x: -9px;  border-left: solid 1px black;  }
.lshape { height: 13px; padding-left: 17px; padding-top: 5px;  vertical-align:middle; background: url(../Img/treeview_indent.gif); background-repeat: no-repeat; background-position-x: -1px;   }

/* Log
----------------------------------------------------------*/
.logDetailTable tbody td { padding: 5px 5px 6px 5px; border: 1px solid lightgray; }
.logDetailTable .fc { color: #002D72; }

/* Public Announcement
----------------------------------------------------------*/
.publicAnnouncement {
    width: 100%;
    font-size: 15px;
    color: white;
    background-color: #002d72;
    height: 5%;
    border-radius: 0 0 15px 15px;
}
input.publicAnnouncementButtonAccept {
    background-color: #009fdf;
    color: white;
    font-size: 15px;
    border: 1px solid white;
    padding: 3px;
    margin: 5px;
    cursor: pointer;
}
input.publicAnnouncementButtonAccept:hover {
    filter: brightness(110%);
}

