/*Reset CSS*/
html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input, hr { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, pre, code, address, caption, cite, code, em, strong, th { font-size: 11px; font-weight: normal; font-style: normal; }
ul, ol { list-style: none; }
fieldset, img, hr { border: none; }
caption, th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; text-align: left; }

/*default */
html, body { font-family: 'Arial'; font-size: 11px; /*background: url(images/body-bg.png) repeat-x left -80px;*/ color: Black; }
form { display: inline; margin: 0px; padding: 0px; }
input, button, select, textarea { font-family: 'Arial'; font-size: 11px; border: solid 1px gray; padding: 2px; }
input[type="checkbox"] { border: 0px none; margin: 0px; padding: 0px; }
h1 { font-size: 150%; font-weight: bold; color: #10354D; margin-bottom: 4px; display: inline; }
h2 { font-size: 115%; font-weight: bold; color: Black; margin-bottom: 4px; }
h3 { font-size: 120%; font-weight: bold; padding: 3px; padding-bottom: 8px; color: #2A9109; }
h4 { color: #FBDD90; font-size: 16px; font-weight: bold; }
h5 { font-weight: bold; font-family: Georgia; font-style: italic; color: #2478B1; margin: 5px 10px 10px; text-shadow: rgba(255, 190, 108, 1) 0px 1px 1px; font-size: 25px; }
h6 { font-weight: bold; font-family: Georgia; font-style: italic; color: #6e4716; margin: 5px 10px 10px; text-shadow: rgba(255, 190, 108, 1) 0px 1px 1px; font-size: 16px; }
a { font-size: 100%; color: #166F82; text-decoration: underline; }
a:hover { color: #F38E0F; text-decoration: underline; }

#PageMain { cursor: default; text-align: left; min-width: 1000px; }
#Header { height: 120px; background: url(images/body-bg.png) repeat-x left -80px; }
#Content { padding: 10px; min-height: 500px; background: url(images/body-bg.png) repeat-x left -200px; }
#Footer { padding: 10px; padding-top: 5px; margin-top: 5px; border-top: dotted 1px gray; }
#TopMenu td { height: 30px; vertical-align: middle; }


/*logos*/
.company-logo { width: 250px; margin: 10px; }
.client-logo { margin: 10px; font-family: Verdana; font-size: 25px; font-weight: bold; font-style: italic; color: #DFC3A0; }

/*form-fields*/
.label { text-align: right; vertical-align: top; padding-top: 4px; padding-right: 3px; white-space: nowrap; }
.buttons { text-align: right; margin-top: 10px; }

/*breadcrumb*/
.breadcrumb { font-size: 11px; margin: 10px; }

/*logout*/
.logout { text-align: right; vertical-align: middle; padding-right: 15px; }
.logout a { color: #C9E9FD; }

/* quicklinks */
.quicklinks { width: 150px; }
.quicklinks-btn { display: block; width: 150px; height: 30px; background: url(images/quicklinks.png) no-repeat top left; cursor: pointer; }
.quicklinks-container { border: solid 3px #2A6105; padding: 5px; background: #fff; position: absolute; right: 0px; top: 120px; width: 550px; background: #C5E8BC; }


/* Top Nav */
.topnav { list-style: none; }
.topnav li { display: inline; border-left: solid 1px #9E9D9C; padding: 5px 10px 5px 10px; }
.topnav li a { display: inline-block; font-size: 110%; font-weight: bold; color: #FFEABA; cursor: pointer; white-space: nowrap; outline: 0px; }
.topnav li img { width: 16px; height: 16px; }
.topnav li:first-child { border: none; }

/*bottom nav*/
.bottomnav { list-style: none; margin-top: 5px; font-family: Arial; }
.bottomnav li { display: inline; }
.bottomnav li a { text-decoration: none; font-size: 100%; color: #E6EFF7; padding: 0px 4px 0px 5px; border-left: solid 1px #B6B5B5; }
.bottomnav li a:hover { text-decoration: underline; }
.bottomnav li:first-child a { border: none; }

/*Side Nav*/
.sidenav { font-size: 100%; }
.sidenav li { padding: 10px; text-align: left; vertical-align: middle; font-weight: bold; color: #1B5D05; border: solid 1px transparent; }
.sidenav li img { width: 18px; height: 18px; }
.sidenav li a { color: #296F11; text-decoration: underline; white-space: nowrap; }
.sidenav li a:hover { color: #C59C1F; text-decoration: underline; white-space: nowrap; }
.sidenav li span { font-weight: normal; display: block; margin-left: 22px; color: Black; }
.sidenav li.selected { padding: 10px; text-align: left; vertical-align: middle; font-weight: bold; color: #1B5D05; border: solid 1px #D07300; background: #FBD67D; }

/*Block Nav*/
.blocknav { }
.blocknav .item { float: left; height: 80px; width: 250px; margin: 5px; }
.blocknav .item img { width: 48px; height: 48px; margin: 4px; }
.blocknav .item a { color: #CE7607; font-size: 130%; font-weight: bold; text-decoration: none; }
.blocknav .item a:hover { color: #FDAA41; text-decoration: underline; }
.blocknav .item span { display: block; }


/*tab*/
ul.htab { width: 100%; float: left; list-style: none; padding: 0px; margin: 0px; border-bottom: solid 2px #1A699D; }
ul.htab li { display: inline; float: left; cursor: pointer; font-size: 110%; margin-right: 1px; padding: 4px 12px 4px 12px; white-space: nowrap; color: #1A699D; border: solid 1px #B0B7BB; background: #E2E7EA; margin-top: 2px; }
ul.htab li img { width: 16px; height: 16px; margin-right: 4px; }
ul.htab li.selected { padding: 5px 12px 5px 12px; color: #fff; border: solid 1px #1A699D; background: #1A699D; margin-top: 0px; font-weight: bold; }
.htab-content { clear: both; padding-top: 2px; }

/*vtab (leftnav) */
ul.vtab { cursor: pointer; list-style: none; }
ul.vtab li { display: block; margin-bottom: 2px; padding: 5px; color: #1B5D05; font-weight: bold; border: solid 1px transparent; white-space: nowrap; }
ul.vtab li img { width: 16px; height: 16px; }
ul.vtab li.selected, ul.vtab li:hover { background: #FBD67D; border: solid 1px orange; }


/* Pager */
.pager { border: solid 1px gray; padding: 4px; background: #C1CC97; font-weight: bold; }
.pager table td { vertical-align: middle; white-space: nowrap; }

/*grid*/
.grid { }
.grid tr:hover td, .grid tr.alt:hover td { background-color: #E6FBDF; }
.grid tr.header:hover td { background-color: Transparent; }
.grid tr th, .grid tr.header th, .grid tr.header td { color: #10354D; text-align: left; vertical-align: bottom; font-size: 110%; font-weight: bold; border-bottom: solid 1px #1E4113; padding: 4px; }
.grid tr td { text-align: left; vertical-align: top; border-bottom: solid 1px #DDDEDC; padding: 2px; padding-left: 4px; padding-right: 4px; }
.grid tr.alt td { text-align: left; vertical-align: top; border-bottom: solid 1px #DDDEDC; padding: 2px; padding-left: 4px; padding-right: 4px; background: #FBFDF3; }
.grid tr.footer td { font-weight: bold; padding-left: 4px; border-bottom: solid 1px #2C3639; }
.grid tr.note td { font-size: 110%; padding-left: 4px; text-align: left; vertical-align: top; }

/*misc*/
.unselectable, .unselectable * { -moz-user-select: none; -khtml-user-select: none; user-select: none; }
.hr { margin: 0px; margin-bottom: 5px; padding: 0px; height: 0px; border-top: solid 1px #9E9D9C; }
.loading-bg { background: url(images/loading-bg.png) no-repeat left top; width: 200px; height: 80px; color: White; font-size: 13px; font-weight: bold; padding-top: 14px; }

.msg { color: Green; font-weight: bold; font-style: italic; }
.msg-error { color: Red; font-weight: bold; font-style: italic; }
.msg-nodata { font-weight: bold; color: #BA6802; }
.msg-count { font-weight: bold; color: #BA6802; }

.status-active { color: green; }
.status-inactive { color: red; }

.btn { padding: 1px; padding-left: 4px; padding-right: 4px; border: solid 1px #9AB6C8; font-size: 12px; font-weight: bold; color: #fff; background: #0E3249; outline: 0px; cursor: pointer; }
.btn:hover, .btn-hover { padding: 1px; padding-left: 4px; padding-right: 4px; border: solid 1px #0E3249; font-size: 12px; font-weight: bold; color: #fff; background: #2B85C2; outline: 0px; cursor: pointer; }
.btn[disabled] { background: #0E3249; }

.toolbar { background: #1A699D; }
.toolbar a { display: inline-block; padding: 4px; margin: 3px; color: #fff; text-decoration: underline; border: solid 1px transparent; font-weight: bold; }
.toolbar a:hover { background: #67ADDA; border: solid 1px #0D466C; }

/*blue*/
.border-box1 { border: solid 1px #32678A; padding: 5px; }
.box1 { border: solid 1px #32678A; background: #D0EAFB; padding: 5px; }
/*gray*/
.border-box2 { border: solid 1px #B6B6B6; padding: 5px; }
.box2 { border: solid 1px #B6B6B6; background: #E6E6E6; padding: 5px; }
/*orange*/
.border-box3 { border: solid 1px #D07300; padding: 5px; }
.box3 { border: solid 1px #D07300; background: #FFAD46; padding: 5px; }
/*green*/
.border-box4 { border: solid 1px #2A6105; padding: 5px; }
.box4 { border: solid 1px #2A6105; background: #85E066; padding: 5px; }
/*light green*/
.border-box5 { border: solid 1px #74AC67; padding: 5px; }
.box5 { border: solid 1px #74AC67; background: #C5E8BC; padding: 5px; }
.boxA { background: #fff; }

.thickborder { border-width: 10px; }

.star { color: #CA0000; font-size: 15px; font-weight: bold; }
.reading-exception { color: red; }
.bold1 { font-weight: bold; text-align: right; white-space: nowrap; color: #37502E; padding-right: 5px; }
.by { color: #C4C4C4; font-size: 11px; font-style: italic; }

/*legends*/
.legend { background: #FBF2B5; border: solid 1px #819A99; padding: 6px; }
.legend img { width: 14px; height: 14px; }
.legend span { font-size: 100%; }

/*window*/
.win { border: 0 none; position: absolute; }
.win .tl, .win .tr, .win .bl, .win .br { background-image: url(images/window/win.png); background-repeat: no-repeat; }
.win .tl { background-position: left top; width: 5px; }
.win .tr { background-position: right top; width: 8px; }
.win .bl { background-position: left bottom; height: 10px; }
.win .br { background-position: right bottom; height: 10px; }
.win .t { background: url(images/window/win-v.png) repeat-x left top; }
.win .b { background: url(images/window/win-v.png) repeat-x left bottom; }
.win .l { background: url(images/window/win-h.png) repeat-y left top; }
.win .r { background: url(images/window/win-h.png) repeat-y right top; }
.win .header { color: #fff; font-size: 15px; font-weight: bold; text-align: left; vertical-align: middle; padding-top: 8px; padding-bottom: 8px; padding-left: 7px; }
.win .content { min-width: 100px; background: #fff; padding: 5px; color: Black; }
.win .max, .win .close { width: 28px; cursor: pointer; background-repeat: no-repeat; background-position: left center; }
.win .max { background-image: url(images/window/win-button-max.gif); }
.win .close { background-image: url(images/window/win-button-close.gif); }
.win .max:hover { background-image: url(images/window/win-button-max-hover.gif); }
.win .close:hover { background-image: url(images/window/win-button-close-hover.gif); }
.win-modalbackground { background-color: white; position: absolute; left: 0px; top: 0px; -moz-opacity: 0.4; opacity: 0.4; filter: alpha(opacity=40); }

/*date picker*/
.bf-dtpicker { position: absolute; width: 190px; font: normal 10px verdana, arial, sans-serif; }
.bf-dtpicker .cal { border: solid 1px gray; background-color: #fff; padding: 3px; }
.bf-dtpicker .calfooter { }
.bf-dtpicker .cal-r { }
.bf-dtpicker .calfooter-r { }
.bf-dtpicker ul { list-style-type: none; display: inline; clear: both; white-space: nowrap; }
.bf-dtpicker ul li.nav { width: 20px; height: 20px; float: left; cursor: pointer; }
.bf-dtpicker ul li.back { background: url(images/datepicker/back.gif) no-repeat left top; padding-bottom: 3px; }
.bf-dtpicker ul li.forward { background: url(images/datepicker/forward.gif) no-repeat right top; padding-bottom: 3px; }
.bf-dtpicker ul li.header-content { width: 135px; height: 20px; float: left; text-align: center; padding-bottom: 3px; }
.bf-dtpicker ul li.header-content select { font: normal 10px arial, verdana, sans-serif; }
.bf-dtpicker ul li.datecap { background: #DAECDA; border: solid 1px #DAECDA; font-weight: bold; width: 23px; float: left; padding: 2px 0px 0px 0px; text-align: center; height: 15px; cursor: default; }
.bf-dtpicker ul li.date { width: 23px; text-align: center; float: left; border: solid 1px transparent; padding: 2px 0px 0px 0px; height: 15px; cursor: pointer; color: Black; }
.bf-dtpicker ul li.date:hover { border: solid 1px #8A9392; }
.bf-dtpicker ul li.sun { color: #E75D02; }
.bf-dtpicker ul li.sat { color: #0FA69D; }
.bf-dtpicker ul li.outmonth { color: #8A9392; }
.bf-dtpicker ul li.today { background: #F0E9AD; }
.bf-dtpicker ul li.selected { border: solid 1px orange; }
.bf-dtpicker ul li.foot { float: left; width: 175px; height: 20px; }
.bf-dtpicker ul li.foot div.spinner-container { width: 40px; font: normal 11px arial, verdana, sans-serif; background: white; border: solid 1px silver; float: left; }
.bf-dtpicker ul li.foot div.spinner-container .spinner-value { float: left; width: 15px; height: 14px; padding: 2px 0px 0px 5px; }
.bf-dtpicker ul li.foot div.spinner-container .spinner { float: right; height: 16px; }
.bf-dtpicker ul li.foot div.spinner-container .spinner .spinner-up { background: transparent url(images/datepicker/spin-up.gif) no-repeat left bottom; width: 15px; height: 8px; font-size: 8px; }
.bf-dtpicker ul li.foot div.spinner-container .spinner .spinner-down { background: transparent url(images/datepicker/spin-down.gif) no-repeat left top; width: 15px; height: 8px; font-size: 8px; }
.bf-dtpicker ul li.foot div.action { padding: 2px 5px 0px 0px; float: right; }
.bf-dtpicker ul li.foot a { color: #C15208; margin-top: 2px; font-weight: bold; }
.dtpkr-txt { width: 80px; }
.dtpkt-img { width: 16px; height: 16px; cursor: pointer; }

/*Calendar*/
.calendar { background: #fff; border-left: solid 1px gray; border-bottom: solid 1px gray; }
.daystyle, .weekendstyle { height: 70px; border-top: solid 1px gray; border-right: solid 1px gray; }
.othermonthdaystyle, .othermonthweekendstyle { height: 70px; border-top: solid 1px gray; border-right: solid 1px gray; background: #C5D0CF; }
.todaystyle, .othermonthtodaystyle, .othermonthweekendtodaystyle { background: #F0E9AD; border: solid 2px orange; }
.weekdaynamestyle, .weekendnamestyle { width: 14.28%; background: #FDF0C2; text-align: center; border-top: solid 1px gray; border-right: solid 1px gray; }
.daystyle .day-header, .weekendstyle .day-header { background: #E4F8FA; color: #A8A8A7; }
.othermonthdaystyle .day-header, .othermonthweekendstyle .day-header { color: black; }
.todaystyle .day-header, .othermonthtodaystyle .day-header, .othermonthweekendtodaystyle .day-header { background: #C9B584; }

.calendar-event { border: solid 1px gray; font-size: 11px; }
.eventTime { font-size: 11px; }
.eventDetails { border: solid 1px black; background: #F9F6B2; padding: 10px; width: 400px; color: Black; font-size: 13px; margin-top: 2px; margin-left: -2px; }
.eventDetails td { text-align: left; font-size: 12px; color: Black; text-align: left; vertical-align: top; }

/* calendar day view */
.dayview-container { border: solid 1px gray; overflow: auto; height: 10px; }
.dayview-grid { border: 0px none; background: #fff; }
.dayview-grid td.time { cursor: pointer; width: 50px; height: 59px; border-bottom: solid 1px gray; border-right: solid 1px gray; text-align: center; font-weight: bold; background: #E4F8FA; }
.dayview-grid td.event { border-bottom: solid 1px gray; }
.dayview-grid .halfhour { height: 29px; border-bottom: dashed 1px gray; }

/* report template style */
.report-style { font-family: Calibri; background-color: White; color: Black; font-size: 11pt; padding: 10px; width: 100%; }
.report-style .header { font-family: Calibri; font-size: 18pt; font-weight: bold; border-bottom: solid 1px rgb(85,157,217); color: rgb(74,170,227); }
.report-style tr { padding: 10px; }
.report-style td.left { font-weight: bold; }
.report-style td.right { text-align: right; padding-right: 10px; }
.report-style td.subheading { font-weight: bold; text-decoration: underline; }
.report-style tr.footer { height: 40px; }
.report-style tr.footer td.left { border-top: solid 1px; font-weight: bold; }
.report-style tr.footer td.right { border-top: solid 1px; text-align: right; font-weight: bold; }
.report-style .reportgrid { width: 100%; }
.report-style .reportgrid .tableheader { height: 25px; font-weight: bold; font-size: 12pt; background-color: rgb(99,154,216); color: White; }
.report-base-box { background-color: #555B54; border: solid 1px #555B54; padding: 5px; }
.report-base-box .caption { color: #FBDD90; font-size: 16px; font-weight: bold; padding-bottom: 5px; }

/* report stack */
.rpt-toolbar { border: solid 1px #B6B6B6; background: #E6E6E6; padding: 5px; text-align: left; }
.rpt-toolbar input { width: 24px; height: 24px; border: 0px none; background-color: Transparent; cursor: pointer; }
.rpt-container { background: #fff; border: solid 1px black; }

/* report grid */
.rpt-grid tr td { padding: 5px; }
.rpt-grid tr.alt td { padding: 5px; background-color: #EFF0F3; }
.rpt-grid tr.caption td, .rpt-grid tr.caption th { background: #E9E6E6; border-top: solid 2px #20394E; border-bottom: solid 1px #20394E; font-weight: bold; font-size: 13px; color: #000; }
.rpt-grid tr.group1 td { background: #497AA4; border-top: solid 2px #121F2A; color: White; font-weight: bold; }
.rpt-grid tr.group2 td { border-bottom: solid 2px gray; border-top: solid 1px silver; font-weight: bold; }
.rpt-grid tr.group3 td { background: #D9DEEA; font-weight: bold; }
.rpt-grid tr.group4 td { background: #EFF0F3; font-weight: bold; border-bottom: solid 1px gray; }
.rpt-grid tr.group-footer td { font-weight: bold; }
.rpt-grid tr.footer td { }
.rpt-grid tr.spacer td { height: 5px; }

/* alternate report grid setting */
.report { font-family: Arial; /*padding: 10px;*/ padding-top: 0px; background: #95928A; }
.report-inner { background: #fff; padding: 6px; padding-top: 15px; padding-bottom: 15px; border: solid 1px #5B5953; }
.report .title { color: #024466; font-size: 18px; font-weight: bold; }
.report .daterange { color: #024466; font-size: 14px; font-weight: bold; }
.report .reportdate { color: black; font-size: 12px; }
.report .grid { border: 0 none; font-size: 11px; }
.report .grid th { border: 0 none; padding: 4px; font-weight: bold; background: #E5EEF3; font-size: 12px; }
.report .grid td { border: 0 none; padding: 4px; text-align: left; vertical-align: top; }
.report .grid tr.alt td { border: 0 none; padding: 4px; background: #E2E4E3; }
.report .grid tr.alt1 td { border: 0 none; padding: 4px; font-weight: bold; background: #D9DBDC; font-size: 12px; }
.report .grid tr.alt2 td { border: 0 none; padding: 4px; font-weight: bold; background: #a6a6a6; font-size: 12px; }
.report .grid tr.alt2 td a { color: White; }
.grid tr.alt3 td { border-bottom: solid 1px gray; padding: 4px; font-weight: bold; font-size: 12px; }
.report a { outline: 0px; color: #01AAC9; text-decoration: underline; font-weight: bold; }
.report a:hover { text-decoration: underline; }

.tbl tr td { height: 25px; text-align: center; vertical-align: middle; border-top: 1px solid #32678A; border-right: 1px solid #32678A; border-bottom: 1px solid #32678A; border-left: 1px solid #32678A; }

/*alternative header*/
.whiteheader { color: White; }
.whiteheader td, .whiteheader td a { color: White; font-weight: bold; }
.smallfont td { font-size: 10px; }

/* Chart Tooltip */
.charttip { font-weight: bold; padding: 5px; position: absolute; -moz-opacity: 0.8; opacity: 0.8; filter: alpha(opacity=80); background-color: #F7E9A7; border: solid 1px #777; }