/*
basicFont: #494848; 
borderColor: #AEAEAE;
highlightColor-light: #E8EFF4;
highlightColor-Dark: #4985A9;
tabColor: #84BED6;
*/

html, body, form { margin:0; padding:0; height:100%; width:100%; border:none; color: #494848; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; }
h1 { font-size:18px; margin:0; padding:0; }
h2 { font-size:16px; padding:0; margin-bottom:0;}
h3 { font-size:14px; padding:0; margin-bottom:0;}
h4 { font-size:12px; margin:0; white-space:nowrap; }
h5 { margin:0; padding:0; }
th { white-space:nowrap; text-align:left; } 
th a { white-space:nowrap; } 
td { vertical-align: top; white-space:nowrap; }
td.date { vertical-align:middle; }
td.na { background-color: #dcdcdc; }
td.wrap { white-space: normal; }
input[type=button] { text-align:center; overflow:visible; color:#2e6e9e; font-weight:bold; border:solid 1px #C5DBEC; background-color: rgb(223, 239, 252); padding:5px margin-right:5px; margin-left:5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}
input[type=submit] { text-align:center; overflow:visible; color:#2e6e9e; font-weight:bold; border:solid 1px #C5DBEC; background-color: rgb(223, 239, 252); padding:5px margin-right:5px; margin-left:5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}
pre { overflow: auto; }

input.time { width:60px !important; }

span.version { color:#0000FF; font-size:.9em; }
a { color: #0084b7; font-weight: normal; text-decoration:underline; }
a:visited { color: #0084b7; font-weight: normal; text-decoration:underline; }
a:hover { color: #000000; text-decoration: underline; }
a[disabled]{ color:Grey !important; text-decoration:none !important; }

*.left { float: left; }
*.right { float: right; }
*.clear { clear: both; }
span.version { color:#4985A9; }

div.Selected { background-color:#4985A9; color:#FFFFFF; }
div.selectionBox { background-color:#E8EFF4; color:#4985A9; border:solid 1px #4985A9; padding:10px; }
div.selectionBoxDisable { background-color:#CFCFCF; color:#707070; border:solid 1px #4985A9; padding:10px; }
div.selectionBoxDisable input { color:#707070; }
div.selectionBoxDisable select { color:#707070; }

div.container { position:absolute; left:3px; right:3px; top:3px; bottom:0px; background:#FFFFFF; height:auto; min-width:980px; }

div.divHead { min-width:1080px; }
div.heading { width: 100%; background-color:#80BBD2; padding-bottom:10px; }
div.heading h1 { float:left; color: #FFFFFF; margin-left:10px; vertical-align: middle; padding-top: 10px; }
div.heading p { text-align: right; color:#FFFFFF; margin:0; }
div.heading img { height:39px; width: 130px; margin: 5px; }
div.heading a { color: #FFFFFF; }

/* Message counts (Open, urgent, Dispatch, etc */
*.messageBanner { border-bottom:solid 1px #AEAEAE; background:#FFFFFF; margin:1px; display:none; }
*.messageBanner span { font-weight:bold; padding-left:10px; padding-right:10px; }
#undelivered { background-color:#0000FF; color:#FFFFFF; }
#urgent { background-color:#FF0000; color:#FFFFFF; }
#dispatched { background-color:#00FF00; }
#dispatchDue { background-color:#FF0000; color:#FFFFFF; }
#secure { background-color:#FF8000; color:#FFFFFF; }
#unfilter { border:solid 1px #C0C0C0; }

/* tabs */
div.navigation_tabs { height:auto; margin-top:20px; padding-bottom:0; background-color:#FFFFFF; }
div.navigation_tabs ul { margin:0; padding:0 0 10px 0; list-style-type: none; white-space:nowrap; border-bottom: 1px solid #AEAEAE; }
div.navigation_tabs ul li { display:inline; margin-right:10px;  background:#84BED6; }
div.navigation_tabs ul li a { background-color: #84BED6; text-decoration: none; padding:10px 20px 11px 20px; color:#FFFFFF; font-size:15px; font-style: normal; font-weight:bold; border-left:solid 1px #AEAEAE; border-top:solid 1px #AEAEAE; border-right:solid 1px #AEAEAE;}
div.navigation_tabs ul li a:link, ul li a:visited { color: #FFFFFF; }
div.navigation_tabs ul li a:hover { font-weight:bold; color:#000000; }
div.navigation_tabs ul li a.Selected { background-color: #FFFFFF; color: #494848; font-weight:bold; z-index:0; padding-bottom:12px;  margin:0; }

div.divContent { height: auto; background:#FFFFFF; margin-bottom:10px; min-width:1080px; }

*.leftBorder { border-left:solid 1px #AEAEAE; }  
*.rightBorder { border-right:solid 1px #AEAEAE; }
*.topBorder { border-top:solid 1px #AEAEAE; }
*.bottomBorder { border-bottom:solid 1px #AEAEAE; }
*.allBorder { border:solid 1px #AEAEAE; }
*.shadowBorder { border:solid 1px #AEAEAE; padding:10px; -moz-box-shadow:5px 5px 5px 0 #C0C0C0; -webkit-box-shadow:5px 5px 5px 0 #C0C0C0; box-shadow:5px 5px 5px 0 #C0C0C0; }

*.scroll { overflow:auto; }

/* Toolbar */
div.toolbar { border-top: solid 1px #AEAEAE; border-bottom:solid 1px #AEAEAE; background: #E8EFF4; margin-bottom:10px; min-height:35px; height:auto; clear:both; }

div.toolstrip { float:left; height:20px; margin:5px 10px 5px 0; width:auto; }
div.toolstrip ul {  white-space:nowrap; list-style-type:none; padding:0; margin:0; }
div.toolstrip li { float:left; display:inline; white-space:nowrap; padding:5px 10px 11px 10px; position:relative; } 
div.toolstrip li.selected { border:solid 2px #0000FF; } 
div.toolstrip li a { color:#0084B7; text-decoration:none; }
div.toolstrip li a.selected { background-color:#4985A9; color:#FFFFFF; padding:5px 10px 5px 10px; }
div.toolstrip li a:visited { color:#0084B7; }
div.toolstrip li a:hover { color:#FFFFFF; background-color: #284E98; }
div.toolstrip li ul { display:none; position:absolute; top:19px; border:solid 1px #000000; background-color:#E8EFF4; z-index:1; }
div.toolstrip li ul li { clear:both; padding:10px 10px 5px 10px; z-index:1; }
div.toolstrip li img { margin:0; margin-left:5px; vertical-align:top; }
div.toolstrip li:hover ul { display:block; }
div.toolstrip .active { color:#FFFFFF; background-color: #507CD1; font-weight:bold; }
/*div.toolstrip span { float:left; margin-top:5px;}
div.toolstrip input { float:left; }
*/
/* Home page widgets */
div.widget { }
div.widget h3 { width:auto; padding: 5px 15px 5px 15px; background-color:#4985A9; color:#FFFFFF; margin:0px; border:solid 1px #4985A9;  }
div.widget>div { background:#FFFFFF; padding: 5px 5px 5px 5px; margin-bottom:20px; border-left:solid 1px #4985A9; border-right:solid 1px #4985A9; border-bottom:solid 1px #4985A9;  }


/*div.box, div.contentBox, div. { -moz-border-radius: 20px; -webkit-border-radius: 20px; -khtml-border-radius: 20px; border-radius:20px; }*/

/* box with a single border and auto sized */
div.box { width:auto; border: solid 1px #4985A9; padding:10px 10px 10px 10px; margin:0 5px 5px 5px; }
div.box h3 { width:auto; padding:5px 0 5px 10px; background-color:#4985A9; color:#FFFFFF; margin:0px; border:solid 1px #4985A9; }
div.box input[type=text] { width:150px; }
div.box input[type=password] { width:150px; }

/* background for the page when a popup is shown. */
.modalBackground { background-color:Gray; filter:alpha(opacity=70); opacity:0.7; }

/* User settings */
div.user { margin:10px; padding-bottom:10px; border-bottom:solid 1px #C0C0C0; }
div.user img { float:left;width:31px;height:31px;margin:10px 10px 10px 0; }
div.user h2 { float:left; margin-top:10px; }
div.user h3 { margin:10px 0 0 30px; color:Gray; clear:left; }
div.user a { padding-top:50px; }
div.user p { clear:left; }

/* box with a thick top and right border, and sized */
div.contentBox { border-left:solid 1px #AEAEAE; border-bottom:solid 1px #AEAEAE; border-top:solid 4px #AEAEAE; border-right:solid 4px #AEAEAE; width:520px; height:auto; margin:30px; background-color:#FFFFFF; }
div.contentBox>h3 { width:auto; padding:5px 0 5px 10px; background-color:#4985A9; color:#FFFFFF; margin:0px; border-left: solid 1px #ACA899; border-top: solid 1px #ACA899; }
div.contentBox>div { padding:10px; height:auto; }
div.contentBox p { padding-bottom:5px; text-indent:0px; width:280px; }
div.contentBox>div>div { padding-bottom:10px; } 
div.contentBox div span.error { float:none; width:auto; color:#FF0000; }
div.contentBox div span {  float:left; width:120px; font-weight:bold; }
div.contentBox div label { width:auto; float:none; font-weight:normal;  }

/* Report parameter box */
div.reportBox { border-left:solid 1px #AEAEAE; border-bottom:solid 1px #AEAEAE; border-top:solid 4px #AEAEAE; border-right:solid 4px #AEAEAE; width:520px; height:auto; margin:30px; background-color:#FFFFFF; }
div.reportBox>h3 { width:auto; padding:5px 0 5px 10px; background-color:#4985A9; color:#FFFFFF; margin:0px; border-left: solid 1px #ACA899; border-top: solid 1px #ACA899; }
div.reportBox>div { padding:10px; height:auto; }
div.reportBox p { padding-bottom:5px; text-indent:0px; width:280px; }
div.reportBox div span.error { float:none; width:auto; color:#FF0000; }
div.reportBox div span {  float:left; width:120px; font-weight:bold; }
div.reportBox div label { width:auto; float:none; font-weight:normal;  }

/* popup box for confirming something */
div.confirmationBox { border-left:solid 2px #AEAEAE; border-bottom:solid 2px #AEAEAE; border-top:solid 4px #AEAEAE; border-right:solid 4px #AEAEAE; width:520px; height:auto; margin:30px; background-color:#FFFFFF; }
div.confirmationBox>h3 { width:auto; padding:5px 0 5px 10px; background-color:#4985A9; color:#FFFFFF; margin:0px; border-left: solid 1px #ACA899; border-top: solid 1px #ACA899; }
div.confirmationBox div { padding:10px; height:auto; }
div.confirmationBox p { padding-bottom:5px; text-indent:0px; }

/* div box with 2 toned border that auto sizes */
div.modalBox { width:auto; border-right: solid 1px #ECE9D8; border-bottom: solid 1px #ECE9D8; border-left: solid 1px #ACA899; border-top: solid 1px #ACA899; background-color:#FFFFFF; }
div.modalBox>h3 {width:auto; padding:5px 0 5px 10px; background-color:#4985A9; color:#FFFFFF; margin:0px; border-left: solid 1px #ACA899; border-top: solid 1px #ACA899; }
div.modalBox>div { padding:10px; height:auto; }
div.modalBox div { padding-bottom:10px;  }
div.modalBox div span.error { float:none; width:auto; color:#FF0000; }
div.modalBox div span { width:100px; float:left; font-weight:bold; }
div.modalBox div label { font-weight:normal; }
div.modalBox input[type=text] { border:solid 2px #DBDCE3; width:390px; margin:0;}
div.modalBox textarea { border: solid 2px #DBDCE3; width:100%; height:200px; padding:0; margin-bottom:10px; width:500px; font-family: Arial, Helvetica, sans-serif; }
div.modalBox select { margin-bottom:10px; }

div.modal2 {  width:auto; height:auto; }
div.modal2 div { padding-bottom:5px; font-size:8pt; text-indent:0px; }
div.modal2 div span.error { float:none; width:auto; color:#FF0000; }
div.modal2 div span { width:140px; float:left; font-weight:bold; }
div.modal2 div label { width:auto; float:none; font-weight:normal;  }

table.grid { border-color:#4985A9; width:100%; border-collapse:collapse; }
table.grid th { border-right:solid 1px #AEAEAE; border-bottom:solid 1px #AEAEAE; }
table.grid td { border-right:solid 1px #AEAEAE; border-bottom:solid 1px #AEAEAE; }
tr.gridHeader { color:#000000; background-color:#E8EFF4; white-space:nowrap; text-align:left; }
tr.gridHeader a:link { color:#000000; font-weight:bold; }
tr.gridRow { background-color:#FFFFFF; color:#000000; }
tr.gridRowAlt { }
tr.gridRowSelected { background-color:#4985A9; color:#FFFFFF; }
tr.altSearchRow { background-color:#E8EFF4; }

/* tr.overrideShift { background-color:#FF0000; color:#FFFFFF; } */

/* Help popup */
*.help { position:absolute; top:10px; bottom:60px; }
*.help h2 {width:auto; padding:5px 0 5px 10px; background-color:#4985A9; color:#FFFFFF; margin:0px; border-left: solid 1px #ACA899; border-top: solid 1px #ACA899; }
*.help img { float:left; margin: 2px 2px 2px 2px; height:21px; width:21px; }
*.help iframe { height:100%; width:300px; clear:both; border-left:solid 1px #4985A9; border-right:solid 1px #4985A9; border-bottom:solid 1px #4985A9; background-color:#E8EFF4; }

/* Status color */
span.status { color:#0000FF; font-weight:bold;  }
span.Unavailable { color:#FF0000; }
span.Inameeting { color:#00FF00; }

/* Oncall */
div.oncallLeft { position:absolute; left:20px; top:0px; width:225px; }
div.oncallRight { position:absolute; left:265px; top:0px; right:20px; }

*.ActiveShift { background:#FAFAD2; color:#000000; cursor:default; }
*.ActiveShift:hover { background:#F0F7F9; color:#000000; cursor:pointer; }

/* Calendar */
*.calendar { background-color:#FFFFFF; border:solid 1px #C0C0C0; }
*.calendarTitle { background-color:#4985A9; color:White; }
*.calendarNextPrev { color:#FFFFFF; }
*.calendarNextPrev a { color:#FFFFFF; }
*.calendarNextPrev a:hover { color:#FFFFFF; }
*.calendarNextPrev a:visited { color:#FFFFFF; }
*.calendarSelectedDay { background-color:#4985A9; color:#FFFFFF; }
*.calendarDay { border:solid 1px #FFFFFF; }
*.calendarOtherDay { color:#ACA899; /* color:#FFFFFF; background-color:#C0C0C0;*/ }


/* Dashboard */
*.gauge { float:left; width:194px; }
*.chart { float:left; width:345px; }
*.singlechart { position:absolute; left:0%; top:0%; right:0%; bottom:0%; width:100%; height:100%; }
*.singlechartImage { position:relative; }

/* progress bar */
div.progress { position:absolute; left:40%; top:20%; border-left:solid 1px #A0A8C0; border-bottom:solid 2px #304860; border-top:solid 1px #A0A8C0; border-right:solid 2px #304860; background-color:#FFFFF0; width: 200px; height: 90px; z-index:2; }
div.progress span { margin: 10px; color: #000000; }
div.progress img { margin: 25px 20px 0px 10px; }

/* popup calendar */
.calExtend .ajax__calendar_container {padding:4px;position:absolute;cursor:default;width:170px;font-size:11px;text-align:center;font-family:tahoma,verdana,helvetica; background-color:#FFFFFF; border: solid 1px; z-index:1000;}
.calExtend .ajax__calendar_body {height:139px;width:170px;position:relative;overflow:hidden;margin:auto;}
.calExtend .ajax__calendar_days, .ajax__calendar_months, .ajax__calendar_years {top:0px;left:0px;height:139px;width:170px;position:absolute;text-align:center;margin:auto;}
.calExtend .ajax__calendar_container TABLE {font-size:11px;}
.calExtend .ajax__calendar_header {height:20px;width:100%;}
.calExtend .ajax__calendar_prev {cursor:pointer;width:15px;height:15px;float:left;background-repeat:no-repeat;background-position:50% 50%;background-image:"images\arrow-left.gif"; }
.calExtend .ajax__calendar_next {cursor:pointer;width:15px;height:15px;float:right;background-repeat:no-repeat;background-position:50% 50%;background-image:"images\arrow-right.gif"; }
.calExtend .ajax__calendar_title {cursor:pointer;font-weight:bold;}
.calExtend .ajax__calendar_footer {height:15px;}
.calExtend .ajax__calendar_today {cursor:pointer;padding-top:3px;}
.calExtend .ajax__calendar_dayname {height:17px;width:17px;text-align:right;padding:0 2px;}
.calExtend .ajax__calendar_day {height:17px;width:18px;text-align:right;padding:0 2px;cursor:pointer; }
.calExtend .ajax__calendar_month {height:44px;width:40px;text-align:center;cursor:pointer;overflow:hidden;}
.calExtend .ajax__calendar_year {height:44px;width:40px;text-align:center;cursor:pointer;overflow:hidden;}
.calExtend .ajax__calendar .ajax__calendar_container {border:1px solid #646464;background-color:#ffffff;color:#000000;}
.calExtend .ajax__calendar .ajax__calendar_footer {border-top:1px solid #f5f5f5;}
.calExtend .ajax__calendar .ajax__calendar_dayname {border-bottom:1px solid #f5f5f5;}
.calExtend .ajax__calendar .ajax__calendar_day {border:1px solid #ffffff;}
.calExtend .ajax__calendar .ajax__calendar_month {border:1px solid #ffffff;}
.calExtend .ajax__calendar .ajax__calendar_year {border:1px solid #ffffff;}
.calExtend .ajax__calendar .ajax__calendar_active .ajax__calendar_day {background-color:#edf9ff;border-color:#0066cc;color:#0066cc;}
.calExtend .ajax__calendar .ajax__calendar_active .ajax__calendar_month {background-color:#edf9ff;border-color:#0066cc;color:#0066cc;}
.calExtend .ajax__calendar .ajax__calendar_active .ajax__calendar_year {background-color:#edf9ff;border-color:#0066cc;color:#0066cc;}
.calExtend .ajax__calendar .ajax__calendar_other .ajax__calendar_day {background-color:#ffffff;border-color:#ffffff;color:#646464;}
.calExtend .ajax__calendar .ajax__calendar_other .ajax__calendar_year {background-color:#ffffff;border-color:#ffffff;color:#646464;}
.calExtend .ajax__calendar .ajax__calendar_hover .ajax__calendar_day {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}
.calExtend .ajax__calendar .ajax__calendar_hover .ajax__calendar_month {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}
.calExtend .ajax__calendar .ajax__calendar_hover .ajax__calendar_year {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}
.calExtend .ajax__calendar .ajax__calendar_hover .ajax__calendar_title {color:#0066cc;}
.calExtend .ajax__calendar .ajax__calendar_hover .ajax__calendar_today {color:#0066cc;}


/* Color Picker Stuff */
.picker_layer {	font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none; background-color: #d4d0c8; border-width: 1px; border-style: solid; border-color: #666666; overflow: visible; height: auto; width: auto; }
.picker_buttons { font-family: Arial, Helvetica, sans-serif; font-size: 12px; background-color:#d4d0c8; border-style:solid; border-color:#666666; border-width:1px; padding:1px; cursor:pointer; color:#000000; }
.cell_color { cursor:pointer; width:9px; height:9px; }
.color_table { font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none; }
.choosed_color_cell{ border-style:solid; border-color:#000000; border-width:1px; }
.default_color_btn { width:17px; height:17px; background:url(images/defaultcolor.jpg) no-repeat; background-position:center; }
/* End of Color Picker Stuff */