/*-----css resets--*/
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, font, 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
{margin: 0; padding: 0; outline: 0; font-size: 100%;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {}
.hide{display:none;}
.mb10{margin-bottom:10px;}
.aRight{text-align:right;}
a{color:#0055B5; text-decoration:none;}
a:hover{text-decoration:underline;}
img{vertical-align:middle;}
input[type="text"]{width:100%;}
input[type="password"], select, textarea{border-radius:5px;}

input[type="button"], input[type="submit"], input[type="reset"] {
    cursor: pointer;
    background-color: #333;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    color: #FFFFFF;
    padding: 2px 5px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-color: #333;
    border-right-color: #333;
    border-bottom-color: #333;
    border-left-color: #333;
    outline:none;
    width: 0;  /* IE table-cell margin fix */
    overflow: visible;
    border-radius:5px;
}
input[type="button"], input[type="submit"], input[type="reset"]{  /* IE < 7 ignores [class] */
    width: auto;  /* cancel margin fix for other browsers */
}
input[type="button"]:active, input[type="submit"]:active, input[type="reset"]:active, input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover 
{
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-color: #1C8400;
    border-right-color: #1C8400;
    border-bottom-color: #1C8400;
    border-left-color: #1C8400;
    background:#1C8400;
}

/*-- Body--*/
body{background:#FFF url(../images/header-bg.png) top left repeat-x; font-family:"Arial", Verdana, Tahoma; font-size:12px; color:#333; line-height:18px;}
#wrapper{width:100%; margin:0 auto;}
.login h1{font-size:24px; font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; text-align:center; display:block; line-height:36px; color:#666; margin-bottom:10px; border-bottom:solid 1px #d2d2d2;}
.login{font-size:16px; width:312px; margin:10% auto 0 auto; padding:20px; border:solid 1px #d2d2d2; border-radius:10px; background:#f2f2f2; -webkit-box-shadow: 2px 2px 1px #888888; /* Safari and Chrome */
box-shadow: 2px 2px 1px #888888;}
.login input[type='text'], .login input[type='password']{font-size:16px; margin-top:20px; width:300px; margin:0 auto; border:solid 1px #d2d2d2; padding:5px; width:300px; margin:5px 0 10px 0;}
.login input[type='submit']{padding:5px 15px;}
.login .center{text-align:center;}
.login .error{color:#ff0000; background:#FFF; font-size:12px; margin:0 0 10px; padding:5px;} 
header{float:left; width:100%; clear:both;}
header h1{float:left; padding:35px 10px 9px 10px; }
header h1 a{float:left; font:bold 24px/36px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color:#999; border:0; text-decoration:none;}
header h1 a:hover{ text-decoration:none; color:#FFF;}
footer{background:#333; padding:10px 0; text-align:center; width:100%; float:left; color:#d2d2d2;}   
.topLeft {float:left; padding-left:600px; color:#d2d2d2; padding-top:0px;}
.topRight {float:right; padding-right:10px; color:#d2d2d2; padding-top:5px;}
.topRight .topLinks{float:right; color:#d2d2d2; clear:both;}
.topRight .topLinks a{color:#d2d2d2; text-decoration:underline;}
.topRight .topLinks a:hover{text-decoration:none;}
.topRight .date{float:right; color:#d2d2d2; clear:both; margin-top:20px;}

/*--dropdown menu--*/
ul.nav {width:100%; font:bold 12px 'Arial', Helvetica, sans-serif; display:block; float: left; clear:both;}
ul.nav li {display:block; margin:0; float:left;}
ul.nav a:hover ul, ul.nav a:hover a:hover ul, ul.nav a:hover a:hover a:hover ul {display:block;}
ul.nav a {display:block; vertical-align:middle; padding:2px; color: #444444; text-decoration:none; text-align:left; border-left:1px solid #d2d2d2; float:left; text-shadow: 0 1px 0 #FFFFFF;}
ul.nav a div{float:left;}
ul.nav a.home {border-left:0;}
ul.nav li a{padding:11px;color:#333}
ul.nav span {overflow:hidden;}
ul.nav li a:hover {color:#333;}
ul.nav ul {position: absolute; left:0px; top:98%; width:184px; border:1px solid #d2d2d2; background-color:#ffffff;}
ul.nav ul ul {position: absolute; left:98%; top:-1px;}
ul.nav, ul.nav ul {margin:0px; list-style:none;}
ul.nav a:active, ul.nav a:focus {outline-style:none;}
ul.nav ul li {float: left;}
ul.nav ul a {text-align:left; border-bottom:solid 1px #d2d2d2;    width: 167px; font-weight:normal; padding:8px;}
ul.nav li:hover {position:relative;}
ul.nav li:hover>a {background-color:#fff; color: #333;    text-decoration:none;}
ul.nav li a:hover {position:relative; background:#fff; color: #333; text-decoration:none;}
ul.nav ul a:hover {position:relative; background:#f2f2f2; color: #333; text-decoration:none;}
ul.nav ul, ul.nav a:hover ul ul {display:none;    z-index:99999;}
ul.nav li:hover>ul {display:block}
ul.nav span {display:block; background:url('../images/icons-blue.png') -64px 0 no-repeat; width:16px; height:16px; float:left;}
ul.nav ul span {background:url('../images/icons-blue.png') -32px 0 no-repeat; width:16px; height:16px; float:right;}

.mainContent{float:left; width:100%; clear:both; margin-top:3px;}
.contentArea{padding:15px 10px 15px;}
.rightPanel{background:#f2f2f2; padding:10px; border-left:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2;}

.pageInfo{background: none repeat scroll 0 0 #f1f1f1; border: 1px solid #d2d2d2; margin: 10px 0; padding:10px; border-radius: 3px 3px 3px 3px;}
.yellow-box{background: none repeat scroll 0 0 #FFF6BF; border: 1px solid #FDD845; margin: 10px 0; padding:10px; border-radius: 3px 3px 3px 3px;}
.special-box{background: none repeat scroll 0 0 #FFF; border: 1px solid #d2d2d2; padding:10px; border-radius: 3px 3px 3px 3px;}
.special-box h3{font-size:16px; font-weight:normal; margin-bottom:5px; padding:5px 0; border-bottom:dotted 1px #d2d2d2;}
.special-box ul{padding:0 5px;}
.special-box ul li{border-top:1px dotted #d2d2d2; background:url(../images/list-arrow.png) 0px 3px no-repeat; padding-left:20px;}
.special-box ul li:first-child{border-top:0px dotted #d2d2d2;}
.special-box ul li a{color:#666; padding:2px 0; display:block; text-decoration:none;}
.special-box ul li a:hover{color:#000; background:#f1f1f1;}

.special-box div.green{width:100%; background:#1C8400; height:10px;}
.special-box div.yellow{width:100%; background:#FDD845; height:10px;}
.special-box div.blue{width:100%; background:#0055B5; height:10px;}
.special-box div.red{width:100%; background:#B50007; height:10px;}

.sideBox{background: none repeat scroll 0 0 #FFF; border: 1px solid #d2d2d2; padding:5px; border-radius: 3px 3px 3px 3px;}
.sideBox h3{background:#d2d2d2; padding:2px 5px; text-shadow: 0 1px 0 #FFFFFF;}
.sideBox .sideContent{padding:5px;}
.sideBox .sideContent ul li{border-top:1px dotted #d2d2d2;}
.sideBox .sideContent ul li:first-child{border-top:0px dotted #d2d2d2;}
.sideBox .sideContent ul li a{color:#666; padding:2px 0; display:block; text-decoration:none;}
.sideBox .sideContent ul li a:hover{color:#000; background:#f1f1f1;}
.sideBox .sideContent ul ul{margin-left:10px;}
.sideBox .sideContent ul ul li{background:url(../images/left-arrow.png) left 6px no-repeat; padding-left:10px;}

.box{background: #F9F9F9; border: 1px solid #d2d2d2; padding:5px; border-radius: 3px 3px 3px 3px;}
.box h3{background:#d2d2d2 url(../images/heading-arrow.png) 5px 7px no-repeat; padding:4px 5px 4px 20px; text-shadow: 0 1px 0 #FFFFFF; margin-bottom:5px;}
.box p, .box ul{padding:5px;}
.box ul li{border-top:1px dotted #d2d2d2; background:url(../images/icon-arrow.png) left 5px no-repeat; padding-left:15px;}
.box ul li:first-child{border-top:0px dotted #d2d2d2;}
.box ul li a{color:#666; padding:2px 0; display:block; text-decoration:none;}
.box ul li a:hover{color:#000; background:#f1f1f1;}


.error{background: url("../images/error.png") no-repeat scroll 10px 50% #F9E5E6; border: 1px solid #E8AAAD; color: #B50007; padding:10px 10px 10px 45px; border-radius: 3px 3px 3px 3px; margin-bottom:10px;}

.fieldError{background: url("../images/icon-warning.png") no-repeat scroll 10px 50% #F9E5E6; border: 1px solid #E8AAAD; color: #B50007; padding:3px 8px 3px 30px; border-radius: 3px 3px 3px 3px; text-align:left;}

.success{background: url("../images/success.png") no-repeat scroll 10px 50% #E9F9E5; border: 1px solid #B4E8AA; color: #1C8400; padding:10px 10px 10px 45px; border-radius: 3px 3px 3px 3px;  margin-bottom:10px;}

.dashboardBox{background: none repeat scroll 0 0 #FFF; border: 1px solid #d2d2d2; padding:2%; border-radius: 3px 3px 3px 3px; float:left; width:96%;}

.greyBg{background:#f6f6f6;}
.lightBluebg{background:#ECEFF5;}

.form{border:solid 1px #d2d2d2;}
.form .title{background:#d2d2d2; font-size:16px; padding:5px 5px;}
.form td{padding:8px 5px; border-bottom:dotted 1px #d2d2d2;}
.form input[type="text"], .form input[type="password"]{border:solid 1px #d2d2d2; padding:2px; width:250px;}
.form input[class="small"]{width:77px;}
.form select{border:solid 1px #d2d2d2; padding:2px; width:256px;}
.form textarea{border:solid 1px #d2d2d2; padding:2px; width:400px;}
.form input[type="submit"], .form input[type="button"], .form input[type="reset"]{padding:3px 10px;} 

.contentArea h2{font-size:18px; margin-bottom:10px; font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}

.listing th{padding:8px 5px; font-size:12px; font-weight:bold; border:solid 1px #d2d2d2; text-align:left; background:#A8B2C5; color:#FFF;}
.listing tr{background:#FFF;}
.listing tr:hover td{background:#FFF6BF;}
.listing td{padding:5px; border:solid 1px #d2d2d2; text-align:left;}
.listing td a{padding:2px; margin-right:2px; float:left;}

.search{border:solid 1px #d2d2d2; margin-bottom:10px;}
.search td{padding:5px 10px; background:#f1f1f1;}
.search td input[type="text"], .search td select{padding:3px 5px; border:solid 1px #d2d2d2;}

.extras{text-align:right; margin-bottom:10px; float:left; width:100%;}
.extras .exLink{float:right; margin-left:10px;}

.pagination {float: right; clear: both;margin: 10px 0 10px 0;}
.pagination a {float: left;padding: 5px;color: #666;text-decoration: none;background: #FFF;margin-right: 2px; font:11px Arial; border:solid 1px #d2d2d2; border-radius:5px;}
.pagination a:hover {color: #333;background: #d2d2d2;}
.pagination a.selected {color: #FFF;background: #A8B2C5; border:solid 1px #A8B2C5;}
.bulkAction  select{padding:3px 5px; border:solid 1px #d2d2d2;}

.tabPanel{width:100%; padding:10px 0;}
ul.idTabs{width:100%; clear:both; display:block;}
.idTabs li{display:inline;}
.idTabs li a{padding:5px 10px; background:#f2f2f2; color:#666; text-decoration:none; border:solid 1px #d2d2d2; border-top-left-radius:5px; border-top-right-radius:5px; display:inline-block; margin-bottom:-1px;}
.idTabs li a.selected{background:#FFF; border-bottom:solid 1px #FFF;}
.tab{padding:10px; background:#FFF; border:solid 1px #d2d2d2; border-bottom-left-radius:5px; border-bottom-right-radius:5px;}

.login-bg{background:url(../images/Background.jpg) no-repeat 50% 50%;}
.logo-cont{margin:0 auto; width:960px; margin-top:20px;}

/*  ********** IQ css start here * *********** */
.row{float:left; width:100%; padding-bottom:3px;}
.col-left{float:left; width:35%; font-weight:bold}
.col-right{float:left; width:65%; }

.outer-box{float:left; width:100%; padding-bottom:20px;}
.box01{float:left; width:28%;   padding:2%; background:#dfdfdf; border-radius:10px; min-width: 150px; }
.box02{float:left; width:28%;  padding:2%; background:#dfdfdf; border-radius:10px;  min-width: 150px; margin-left:1%;}
.box03{float:left; width:28%;  padding:2%; background:#dfdfdf; border-radius:10px;  min-width: 150px; margin-left:1%;}

.box11{float:left; width:28%;   padding:2%; background:#fcdfc7; border-radius:10px; min-width: 140px; }
.box22{float:left; width:28%;  padding:2%; background:#fcdfc7; border-radius:10px; min-width: 140px;  margin-left:1%;}
.box33{float:left; width:28%;  padding:2%; background:#fcdfc7; border-radius:10px; min-width: 140px;  margin-left:1%;}

.box1{float:left; width:28%;   padding:2%; background:#C6E5FC; border-radius:10px; min-width: 140px; }
.box2{float:left; width:28%;  padding:2%; background:#C6E5FC; border-radius:10px; min-width: 140px;  margin-left:1%;}
.box3{float:left; width:28%;  padding:2%; background:#C6E5FC; border-radius:10px; min-width: 140px;  margin-left:1%;}

.two-col{float:left; width:28%; padding:22px 2%; margin-left:1%;  background:#fcdfc7; border-radius:10px;}
.two-col-gray{float:left; width:28%; padding:22px 2%; margin-left:1%;  background:#dfdfdf; border-radius:10px;}
.two-col-blue{float:left; width:28%; padding:22px 2%; margin-left:1%;  background:#C6E5FC; border-radius:10px;}
.two-col:first-child, .two-col-gray:first-child, .two-col-blue:first-child{margin-left:0;}
.one-col{float:left; width:90%; padding:22px 4%; background:#dfdfdf; border-radius:10px;}
.one-col-gray{float:left; width:50%; padding:22px 4%; background:#fcdfc7; border-radius:10px; margin-top:20px;}
.one-col-blue{float:left; width:50%; padding:22px 4%; background:#C6E5FC; border-radius:10px; margin-top:20px;}




















#calendar-page { float: left; background-color: #6699CC; font-family: tahoma; font-size: 11px; min-width: 150px; }
#calendar-page select { font-family: tahoma; font-size: 11px; }

#calendar-header { padding-top: 2px; }
#calendar-header .closeme { padding: 0px 3px 2px 0px; }

#calendar-body { padding: 2px 3px 3px 3px; }
#calendar-body .general { background-color: #FFFFFF; }
#calendar-body .header { background-color: #6699CC; color: #FFFFFF; }
#calendar-body .othermonth { background-color: #EEEEEE; color: #AAAAAA; }
#calendar-body .othermonth a:link { text-decoration : none; color: #CCFFCC; }
#calendar-body .othermonth a:visited { text-decoration : none; color: #CCFFCC; }
#calendar-body .othermonth a:hover { text-decoration : none; color: #FFFFFF; }                  
#calendar-body table { font-family: tahoma; font-size: 11px; }
#calendar-body td div { padding: 3px; /*width: 15px;*/ }
#calendar-body td a { width: 22px; display: block; }
#calendar-body a:link { text-decoration : none; color: #000000; }
#calendar-body a:visited { text-decoration : none; color: #000000; }
#calendar-body a:hover { text-decoration : none; color: #FF0000; background-color: #FFFFCC; }
#calendar-body .disabledate { color: #AAAAAA; background: url(images/disable_date_bg.png) no-repeat center center #EEEEEE; }
#calendar-body .today { background-color: #CCFFCC; }
#calendar-body .select div { background-color: #FFCC99; border: 1px solid #006600; }
#calendar-body .wk-hdr { font-size: 9px; }
#calendar-body .wk { background-color: #CCCCFF; font-size: 9px; color: #003399; }

#calendar-body .refresh { color: #FFFFFF; padding: 10px 3px 3px; }
#calendar-body .refresh .txt-container { padding: 25px 10px 10px; height: 50px; }

#calendar-body .mon {}
#calendar-body .tue {}
#calendar-body .wed {}
#calendar-body .thu {}
#calendar-body .fri {}
#calendar-body .sat { color: #6666CC; }
#calendar-body .sat a:link { color: #6666CC; }
#calendar-body .sun { color: #993300; }
#calendar-body .sun a:link { color: #993300; }

#calendar-footer { background-color: #CCCCCC; height: 21px; font-size: 9px; }
#calendar-footer .btn a.txt { line-height: 19px; }
#calendar-footer .btn a.txt:link { text-decoration : none; color: #000000; padding: 5px 2px; }
#calendar-footer .btn a.txt:visited { text-decoration : none; color: #000000; }
#calendar-footer .btn a.txt:hover { text-decoration : none; color: #FF0000; }
#calendar-footer .btn>div { padding: 0px 1px; }
#calendar-footer .btn a>img { margin-top: 1px; }

#calendar-header, #calendar-body, #calendar-footer { padding-left: 1px; padding-right: 1px; }
#calendar-container { }

.tcday, .tcmonth, .tcyear { font-size: 11px; z-index: 10; }

.date-tccontainer { border: 1px solid #CCCCCC; background-color: #EFEFEF; padding: 2px; float: left; margin-right: 2px; text-align: center; text-decoration: none; }

#calendarform { margin: 0px; padding: 0px; }
#calendarform ul { margin: 0px; padding: 0px; list-style: none; }
#calendarform ul li { display: inline; }

.calendar-border { border: 1px solid #000000; }
.div_calendar { width: 10px; height: 10px; }