/* CSS  || Created: 08-23-05 || Last Modified: 11-22-05 */

/*
GREEN COLOR FOR DEV......#0DB14B
BLUE COLOR FOR PRO.......#005288
*/


/************** Main styles *****************/
html, body {margin: 0; padding: 0 7px 7px 7px; height: 100%}
body {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 80%; 
	background: #E0E0E0 url(/bg_gradient.jpg) repeat-x;
}

a {color: #404FA1;}
h1 {font: bold 18px Tahoma, Arial, sans-serif; margin: 17px 0; padding: 0;}

form {margin: 12px 0; padding: 0;}
form input, form label {margin: 0; padding: 0;}
fieldset {border: solid 1px #A7B8C1; margin: 5px 0; padding: 12px 0 7px 0;}
legend {font: 11px Verdana, Arial, Helvetica, sans-serif; color: #FFF; background-color: #265787; padding: 1px 3px;}
/* textarea {width: 200px;} */

.dropdowns {width: 202px;}
.formz {margin: 0 20px; padding: 0;}

hr {border: none; margin: 2px auto -5px auto; padding: 0; background-color: #CCC; color: #CCC; width: 75%; height: 1px;}
.redtxt, .errortxt {color: #CC0000;}
.errortxt {font: bold 11px Verdana, sans-serif; text-align: center;}
.successtxt {font: bold 11px Verdana, sans-serif; color: #138242; text-align: center;}

#bg {background-color: #FFF; margin: 0; padding: 3px 10px 0 10px;} /* required to ensure bg img doesn't show thru */

/************** Header *****************/
#header {
	background: #FFF; 
	padding: 0;
	margin: 0;
	height: 100px;
}
#header .seclinks {
	font: 11px/18px Verdana, Arial, sans-serif;
	color: #000;
	text-align: right;
	background-color: transparent;
	float: right;
	margin: 0;
	padding: 0 5px 0 0;
}
#header .seclinks a:hover {text-decoration: none; color: #EF4135;}
#header .pipe {
	font: 11px Verdana, Arial, sans-serif;
	color: #EF4135;
	background-color: transparent;
	margin: 0;
	padding: 0;
}
#header .logo {float: left;	margin: 0;}

/************** Content *****************/
#content, #content_alt {
	position: relative;
	height: 100%;
	min-height: 100%;
	background-repeat: repeat-y;
	margin-bottom: -80px;
}
/*content {background-image: url(/bg_navLH.gif); background-position: left top;}*/
/*content_alt {background-image: url(/bg_login_box.gif); background-position: right top;}*/

* html #content {height:100%}
body>#content {height:auto}

* html #content_alt {height:100%}
body>#content_alt {height:auto}

#contentinner {margin: 0 0 0 160px;}
* html #contentinner {height:1%}/* combat ie 3 pixel jog */
html>body #content{height:auto}
#contentinner p {margin: 5px 0 7px 0;}

#contentinner_alt {margin: 0 256px 0 0;}
* html #contentinner_alt {height:1%}/* combat ie 3 pixel jog */
#contentinner_alt p {margin: 5px 0 7px 0;}

#main_content {margin: 0; padding: 0 0px;}

/************** Top-Level Navbar 005288*****************/
#nav_horiz {
	margin: 0;
	padding: 2px 0 2px 12px;
	background-color: #005288; 
	font: bold 12px Verdana, sans-serif; 
	color: #FFFFFF;
}
#subnav_horiz {
	margin: 0;
	padding: 2px 0 2px 12px;
	background-color: #569FD3; 
	font: bold 12px Verdana, sans-serif; 
	color: #FFFFFF;
	/*width: 98%;*/
}

#subnav_box {
	margin: 4px 0px 0px 0px;
	padding: 4px 0 4px 12px;
	background-color: #FFF; 
	border: 1px solid #569FD3;
	font: bold 10px Verdana, sans-serif; 
	color: #005288;
	/*width: 98%;*/
}

#subnav_box ul.horiz li a{color: #005288; text-decoration: none; margin: 0; padding: 4px;}

ul.horiz {list-style: none; padding: 3px 0 3px 0; margin: 0;}
ul.horiz li{display: inline; padding: 0 10px 0 0;}
ul.horiz li a{color: #FFFFFF; text-decoration: none; margin: 0; padding: 4px;}
ul.horiz li a:hover{
	color: #FFFFFF; 
	text-decoration: none; 
	margin: 0;
	padding: 4px;
	background: #EF4135 no-repeat;
}

ul.horiz li.showtab a { /* Displays tab for selected app (pgs, etc.) */
	color: #FFFFFF; 
	text-decoration: none; 
	margin: 0;
	padding: 4px;
	/* color: #000000; - this was for displaying the tab */
	background: #EF4135 no-repeat; 
}


/************** Breadcrumb Nav *****************/
#hold_bc {background-color: #FFF;}
#navbc {
	padding: 6px 4px 3px 4px;
	margin: 0;
	height: 17px;
	font: 11px Verdana, Arial, sans-serif;
	background: transparent;
	border-bottom: 1px solid #CCCCCC;
}
#navbc a, #footer a{color: #005288;}
#navbc a:hover, #footer a:hover{color: #EF4135; text-decoration: none;}
#navbc ul {margin: 0; padding: 0; list-style: none;}
#navbc li {display: inline; margin: 0; padding: 0;}
#navbc span {color: #EF4135;}
#navbc .bc_right {float: right; margin: 0;}
#navbc .bc_left {float: left; margin: 0;}
.gap {background: #FFF; height: 16px; margin: 0; padding: 0;}

/************** LH Sub-Navigation/Login Box *****************/
#nav {
	float:left;
	width: 150px;
	margin: 0;
	padding: 0 0 25px 0;
	text-align:center;	
	background: transparent;
}
#nav_alt {
	float: right;
	width: 241px;
	margin: 0;
	padding: 0 0 25px 0;
	text-align: center;	
	background: transparent;
}
#nav_alt .resources {text-align: left; margin: 0; padding: 10px 12px 0 12px;}
#nav_alt .resources h1 {font: bold 12px Verdana, sans-serif; margin: 0; padding: 0;}
#nav_alt .resources h2 {font: bold 11px Verdana, sans-serif; color: #265787; margin: 15px 0 1px 0; padding: 0;}
#nav_alt .resources p {font: 11px/16px Verdana, sans-serif; margin: 7px 0 3px 0; padding: 0;}

#nav_alt647 {
	float: right;
	width: 241px;
	margin: 0;
	padding: 0 0 25px 0;
	text-align: center;	
	background: transparent;
}
#nav_alt647 .resources {text-align: left; margin: 0; padding: 10px 12px 0 12px;}
#nav_alt647 .resources h1 {font: bold 12px Verdana, sans-serif; margin: 0; padding: 0;}
#nav_alt647 .resources h2 {font: bold 11px Verdana, sans-serif; color: #005288; margin: 15px 0 1px 0; padding: 0;}
#nav_alt647 .resources p {font: 11px/16px Verdana, sans-serif; margin: 7px 0 3px 0; padding: 0;}

#nav_alt131 {
	float: right;
	width: 241px;
	margin: 0;
	padding: 0 0 25px 0;
	text-align: center;	
	background: transparent;
}
#nav_alt131 .resources {text-align: left; margin: 0; padding: 10px 12px 0 12px;}
#nav_alt131 .resources h1 {font: bold 12px Verdana, sans-serif; margin: 0; padding: 0;}
#nav_alt131 .resources h2 {font: bold 11px Verdana, sans-serif; color: #005288; margin: 15px 0 1px 0; padding: 0;}
#nav_alt131 .resources p {font: 11px/16px Verdana, sans-serif; margin: 7px 0 3px 0; padding: 0;}

#nav_alt645 {
	float: right;
	width: 241px;
	margin: 0;
	padding: 0 0 25px 0;
	text-align: center;	
	background: transparent;
}
#nav_alt645 .resources {text-align: left; margin: 0; padding: 10px 12px 0 12px;}
#nav_alt645 .resources h1 {font: bold 12px Verdana, sans-serif; margin: 0; padding: 0;}
#nav_alt645 .resources h2 {font: bold 11px Verdana, sans-serif; color: #005288; margin: 15px 0 1px 0; padding: 0;}
#nav_alt645 .resources p {font: 11px/16px Verdana, sans-serif; margin: 7px 0 3px 0; padding: 0;}

.nav_hdr647 {height: 8px; background: #005288 repeat-x;}
.nav_hdr131 {height: 8px; background: #EF4135 repeat-x;}
.nav_hdr645 {height: 8px; background: #569FD3 repeat-x;}
.nav_hdr582 {height: 8px; background: #888600 repeat-x;}
.nav_hdr525 {height: 8px; background: #51265A repeat-x;}
.nav_hdr7427 {height: 8px; background: #9D102D repeat-x;}

#nav h1 {
	font: bold 12px Verdana, sans-serif;
	color: #FFFFFF;
	background-color: #005288;
	margin: 0;
	padding: 7px 0 7px 12px;
	text-align: left;
}
#nav h2 {
	font: bold 11px Verdana, sans-serif;
	margin: 12px 0 0 0;
	padding: 5px 0 5px 15px;
	text-align: left;
}
#nav ul {
	list-style-type: none;
	font: 11px/22px Verdana, sans-serif;
	margin: -3px 0 -5px 0;
	padding: 0 0 0 20px;
	text-align: left;
}
#nav li {margin: 0; padding: 0;}
#nav li a:hover {margin: 0; padding: 0; text-decoration: none;}

#nav ul.block {
	margin: 0 0 18px 0;
	padding: 0;
	border-top: 10px solid #005288;
	border-bottom: 10px solid #005288;
}
#nav ul.block li {
	margin: 0;
	padding: 0;
	display: block;
	background-color: #DBE0EE;
	border-top: 1px solid #999999;
	border-left: 1px solid #A7B8C1;
	border-right: 1px solid #A7B8C1;
	border-bottom: 1px solid #F5F5F5;
}

#nav ul.block li.selected, #nav ul.block li.selected a, #nav ul.block li.selected a:hover {
	margin: 0;
	padding: 0;
	display: block;
	background-color: #FFF;
	border-top: 1px solid #999999;
	border-left: 1px solid #A7B8C1;
	border-right: 1px solid #A7B8C1;
	border-bottom: 1px solid #F5F5F5;
}

#nav ul.block a {
	display: block;
	margin: 0;
	padding: 0;
	text-decoration: none;
	color: #000000;
	border-left: 4px solid #DBE0EE;
	border-right: 4px solid #DBE0EE;
}
#nav ul.block a:hover {
	display: block;
	margin: 0;
	padding: 0;
	text-decoration: none;
	color: #000000;
	background-color: #FCF1E1;
	border-left: 4px solid #EF4135;
	border-right: 4px solid #EF4135;
}
.linx {margin: 0; padding: 3px 0 3px 11px;}

/************** Image Box *****************/
#img_box { 
	height: 8px; 
	margin: 0;
	padding: 0;
	background: #005288 repeat-x;
} 
.img_left, .box_img_left {float:left; margin: 0; padding: 0;} 
.img_right {float: right; margin: 0; padding: 0;} 
#img_box_image {
	width: 100%;
	height: 66px;
	margin: 0;
	padding: 0;
	background: #FFF;
	border-bottom: 0px solid #A7B8C1;
}
#img_box_image h1 {
	position: absolute;
	top: 184px;
	left: 25px;
	font: bold 22px Verdana, sans-serif; 
	color: #005288; 
	margin: 0; 
	padding: 0;
}
#img_box_image .horiz_img, #img_box_image_alt .horiz_img_rh, #img_box_image_alt .horiz_img_rh {float: right; margin: 0; padding: 0;}
#img_box_image .horiz_img_lh, #img_box_image_alt .horiz_img, #img_box_image_alt .horiz_img_alt {float: left; margin: 0; padding: 0;}

/* -- for login page -- */
#img_box_image_alt {
	width: 100%;
	height: 66px;
	margin: 0;
	padding: 0;
	background: #FFF;
	border-bottom: 0px solid #A7B8C1;
}
#img_box_image_alt h1 {
	position: absolute;
	top: 150px;
	right: 285px;
	font: bold 22px Verdana, sans-serif; 
	color: #005288; 
	margin: 0; 
	padding: 0;
}


/* -- for Welcome page img box -- */
#img_box_image_welcome {
	width: 100%;
	height: 149px;
	margin: 0;
	padding: 0;
	background: #FFF;
	border-bottom: 0px solid #A7B8C1;
}


/************** Error, Success Messages *****************/
#messages {
	margin: 0; 
	padding: 17px 12px 0 18px;
	text-align: center;
}


/************** Rounded Box *****************/
#rounded_box { 
	width: 100%;
	height: 1px; 
	margin: 18px 0 0 0;
	padding: 0;
	background: #569FD3 repeat-x;
} 

/* -- middle -- */
#rounded_box_mid {
	margin: 0; 
	padding: 7px 12px 0 18px;
	/*border-left: 1px solid #569FD3; 
	border-right: 1px solid #569FD3;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;*/
}
#rounded_box_mid h1 {
	font: bold 12px Verdana, sans-serif;
	color: #FFFFFF;
	background-color: #569FD3;
	margin: 5px 0 3px 0;
	padding: 5px 0 5px 12px;
	text-align: left;
}
#rounded_box_mid form {display: inline; margin: 0; padding: 3px 0 0 7px;}
#rounded_box_mid form select {width: 175px; margin: 0 5px 0 0; padding: 0;}
#rounded_box_mid hr {
	border: none; 
	margin: 5px auto 5px auto; 
	padding: 0; 
	background-color: #CCC; 
	color: #CCC; 
	width: 98%; 
	height: 1px;
}
#rounded_box_mid table { 
	width: 98%; 
	margin: 0; 
	padding: 0; /* messes up the otw project bars if not set to 0 (adds gap; was 2px) */
}
/* #rounded_box_mid td.darule {width: 50%; vertical-align: text-top;} NOTE: this rule will screw up the otw cal view */
.td_bold {padding: 0 7px 0 0; font-weight: bold;}
#rounded_box_mid .link_ctr {margin: 0; padding: 10px 0 7px 0; text-align: center;}
#rounded_box_mid h2 {font: bold 13px Verdana, Arial, sans-serif; margin: 0; padding: 0;}

/* IMPORTANT!! ALL TABLES MUST BE < 100% or DESIGN WILL BREAK */
/* -- Summary, Project Team, Calendar, File Mgt Tables -- */
#rounded_box_mid .datatable, #rounded_box_mid .sumtable, #rounded_box_mid .caltable, #rounded_box_mid .filetable {
	border: 1px solid #A7B8C1; /* #D6DDE6 */
	border-collapse: collapse;
	margin: 9px auto 0 auto;
	width: 99%;
}
#rounded_box_mid .datatable th, #rounded_box_mid .sumtable th, #rounded_box_mid .caltable th, #rounded_box_mid .filetable th {
	border: 1px solid #A7B8C1;
	background-color: #ECECEC;
	font-weight: bold;
	text-align: left;
	padding-left: 4px;
}
#rounded_box_mid .datatable td, #rounded_box_mid .sumtable td, #rounded_box_mid .caltable td, #rounded_box_mid .filetable td {
	border: 1px solid #A7B8C1;	
	padding: 4px;
}
#rounded_box_mid .datatable td {width: 25%;}
#rounded_box_mid .sumtable td {width: 50%;}
#rounded_box_mid .caltable td {width: 14%;}

/* -- File Mgt Table -- (uses 'filetable' class) */
#rounded_box_mid td.tdwidth1 {width: 12%;}
#rounded_box_mid td.filewidth {width: 50%;}
#rounded_box_mid td.checkboxen {width: 1%;}

/* -- User Mgt Table -- (uses 'filetable' class) */
#rounded_box_mid td.tdwidth2 {width: 23%;}
#rounded_box_mid td.tdwidth3 {width: 18%;}
#rounded_box_mid td.idwidth {width: 6%;} 

#rounded_box_mid .datatable tr.altrow, #rounded_box_mid .sumtable tr.altrow, #rounded_box_mid .filetable tr.altrow {
	background-color: #DFE7F2;
	color: #000000;
}
#rounded_box_mid .caltable ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#rounded_box_mid .caltable li {
	font: 10px/11px Verdana, Arial, Helvetica, sans-serif;
	color: #000033;
	background-color: #DFE7F2;
	margin: 0;
	padding: 0 0 2px 3px;
}

#rounded_box_mid .forms_table {width: 50%; margin: 15px 15px;}
#rounded_box_mid .forms_table_2 {width: 70%; margin: 15px 15px;}
#rounded_box_mid .forms_table td, #rounded_box_mid .forms_table_2 td {margin: 0; padding: 5px;}
#rounded_box_mid form {margin: -20px 0; padding: 0;}
#rounded_box_mid input.txtbox {width: 165px; margin: 0; padding: 1px 3px;}
#rounded_box_mid input.button1 {width: 88px; margin: 12px auto 0 auto; padding: 0;}

.reg_txt {font: 10px Verdana, Arial, sans-serif;}

/* -- File Mgt Nav -- */
#rounded_box_mid .btn_holder {margin: 12px 20px 0; padding: 0;} 
#rounded_box_mid .btn_holder img {margin: 0; padding: 0 3px 0 0; border: none;} 

/* -- bottom -- */
#rounded_box_bottom { 
	width: 100%;
	height: 1px; 
	margin: 0 0 0 0;
	padding: 0;
	background: #569FD3 repeat-x;
} 

/************** Misc *****************/
#hideborderbottom {
	position:absolute;
	top:-3px;
	left:175px;
	width:0px;
	height:3px;
	background:#fff;
	overflow:hidden;
}
#insertbottom {
	position:relative;
	clear:both;
	height:10px;
	background: transparent;
	color:#000;
}

.spacer {margin: 0; padding: 6px 0;}
.spacer17 {margin: 0; padding: 17px 0;}

/************** Footer *****************/
div#footer {
	position:relative;
	font: 11px/18px Verdana, Arial, sans-serif;
	height: 70px;
	border-top: 3px solid #005288;
	background: #EAEEF7;
	clear: both;
}
div#footer p, div#footer ul {margin: 0;}
#clearfooter{clear:both;height:80px;}/*needed to make room for footer*/
#siteinfo {margin: 1em;}
#siteinfo a:hover {color: #EF4135; text-decoration: none;}
#siteinfo ul {margin: 0; padding: 0; list-style: none;}
#siteinfo li {display: inline;}
#siteinfo span {color: #EF4135;}

/************** New Styles for TWO BOXES *****************/
#two_boxes {width: 100%; margin: 20px 0 0 0;}
#box_left, #box_right, {
	display: inline;
	width: 49%; 
	margin: 0; 
	padding: 0; 
}
#box_left {float: left;}
#box_left647_10 {
	display: inline;
	width: 49%; 
	margin: 0; 
	padding: 0; 
	float: left; 
	background: #DBE0EE;}

#box_left131_10 {
	display: inline;
	width: 49%; 
	margin: 0; 
	padding: 0; 
	float: left; 
	background: #F9B29B;}

#box_right {float: right;}
#box_right647_10 {
	display: inline;
	width: 49%; 
	margin: 0; 
	padding: 0; 
	float: right; 
	background: #DBE0EE;}

#box_right131_10 {
	display: inline;
	width: 49%; 
	margin: 0; 
	padding: 0; 
	float: right; 
	background: #FCF1E1;}


#box_left h1, #box_right h1, #box_welcome h1, 
#box_left647_10 h1, #box_left131_10 h1,
#box_right647_10 h1, #box_right131_10 h1 {font: bold 12px Verdana, Arial, sans-serif; color: #005288; margin: 12px 0 0 20px; padding: 0;}

#box_left h2, #box_right h2, #box_welcome h2, 
#box_left647_10 h2, #box_left131_10 h2,
#box_right647_10 h2, #box_right131_10 h2 {font: bold 11px Verdana, Arial, sans-serif; margin: 12px 0 0 20px; padding: 0;}

#box_left p, #box_right p, 
#box_left647_10 p, #box_left131_10 p,
#box_right647_10 p, #box_right131_10 p {font: 11px/16px Verdana, Arial, sans-serif; margin: 12px 15px 12px 20px; padding: 0;}

.box_img_left {margin: 15px 15px 0 20px; padding: 0;}
.box_hdr {height: 12px; background: #F4F8FF repeat-x;}
.box_hdr647 {height: 8px; background: #005288 repeat-x;}
.box_hdr131 {height: 8px; background: #EF4135 repeat-x;}


.box_bottom, .box_bottom_welcome {
	margin: 0; 
	padding: 0;
}
.box_bottom ul {margin: 12px 0; padding: 0; list-style-position: inside;}
.box_bottom li {margin: 0; padding: 0 12px; line-height: 20px;}

#box_welcome {width: 100%; margin: 0; padding: 0;} /* added 9-22-05 */
.box_bottom_welcome p {margin: 0; padding: 0 10px 0 20px;} /* added 9-22-05 */
.standard {margin: 0; padding: 6px 0;}

.box_bottom_welcome form, .standard form {margin: 0 auto; padding: 0;}
.box_bottom_welcome form p, .standard form p {clear: left; margin: 0; padding: 0; padding-top: 4px;}
.box_bottom_welcome form p label, .standard form p label {float: left; width: 20%; padding: 0 5px; font: 11px Verdana, Arial, Helvetica, sans-serif;}
.box_bottom_welcome input.txt, .standard input.txt {width: 200px;}
.box_bottom_welcome input.btn, .standard input.btn {width: 85px; margin: 0 5px;}

/************** OTW Calendar Report styles *****************/
/*#hold_content {margin: 0 auto; padding: 0;}*/
#hold_content {margin: 0px; padding: 0px; text-align: center;}
 
#hold_content .calrow {
	width: 8.3%; 
	text-align:left; 
	vertical-align: bottom; 
	font: 10px Verdana, sans-serif;
	color: #000000;
}
#hold_content form.calform{
  width: 90%;
  margin-right: auto;
  margin-left: auto;
  margin-top: 0px;
  margin-bottom: 0px;
}

#hold_content .calrow a {text-decoration: underline; color: #000000;}
#hold_content .bar1, .bar2, .bar3, .bar4, .bar5, .bar6, .bar7 {width: 100%; padding: 2px 0px 2px 2px;}
#hold_content .bar1 {background-color: #D3EFF6;} /* light blue */
#hold_content .bar2 {background-color: #D1F4D3;} /* green */
#hold_content .bar3 {background-color: #D1E2F4;} /* blue */ 
#hold_content .bar4 {background-color: #FFDCDA;} /* light red */
#hold_content .bar5 {background-color: #FFF8DA;} /* creme */
#hold_content .bar6 {background-color: #D0D1F3;} /* purple */
#hold_content .bar7 {background-color: #FFE9DA;} /* melon */

#hold_content .ebar25 {width: 25%;}
#hold_content .ebar50 {width: 50%;}
#hold_content .ebar75 {width: 75%;}
#hold_content .ebar100 {width: 100%;}

#hold_content #printa{
	color: #999999;
	font-size: 10px;
	margin: 12px 5px 5px 0px;
}
#hold_content .redtext{color:#CC0000;}
#hold_content .helppic{
	margin: 0;
	vertical-align: bottom;
}
#hold_content .year{
  font: bold 13px Arial, sans-serif;
  word-spacing: 5px;
  margin: 0 0 0 0;
  padding: 0 12px 0 12px;
}

#hold_content select.txtx {
  background-color: #E6EBF0;
  width: 202px;
}


#hold_content table {border: 0;}
#hold_content th, td {vertical-align: top;} 
#hold_content th {
	background-color: #000000; 
	font: bold 11px Verdana, sans-serif; 
	color: #FFFFFE; 
	vertical-align: middle; 
	text-align: left;
	padding: 4px 2px 4px 3px;
}

#projlist table {background-color: #000000; margin: 0px; padding: 0px;}
#projlist td {
	font: 11px Verdana, sans-serif; 
	color: #000033; 
	vertical-align: middle; 
	text-align: left;
	padding: 7px 2px 7px 3px;
}

.floata_left {float: left; margin: 0; padding: 0;}
.floata_right {float: right; margin: 0; padding: 0;}

.bot_align {margin: 0; padding: 0; vertical-align: bottom;} /* for graphics request imgs */
.smalltxt {font: 11px/13px Verdana, Arial, sans-serif; margin: 0; padding: 0;}

/* JQUERY STUFF BELOW THIS POINT ****************************************/
/* tables */
table.tablesorter {
	font-family:arial;
	background-color: #CDCDCD;
	margin:10px 0pt 15px;
	font-size: 8pt;
	width: 100%;
	text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #8dbdd8;
	border: 1px solid #FFF;
	font-size: 8pt;
	padding: 4px;
}
table.tablesorter thead tr .header {
	background-image: url(/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
}
table.tablesorter tbody tr.odd td {
	background-color:#DFE7F2;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(/desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #EF4135;
}

/*** PGS Calendar Styles ***/
/* Calendar header (month and year) */
.calheader {
	font-size: 15px;
	text-align: center;
	font-weight: bold;
	padding: 10px;
}
.calheader a {text-decoration: none;}

/* TABLE STYLES */
table.month {
	margin-right: auto;
	margin-left: auto;
	border-collapse: collapse;
	border: 1px solid black;
	background-color: white;
	width: 98%;	/* this value is related to td.month width value */
}
/* Default column header (Sun,Mon,...) */
.month th.colheader {
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	background-color: #ECECEC;
	border: 1px solid black;
}
/* Month table cells */
.month td.month {
	border: 1px solid black;
	height: 85px;
	width: 14%;		/* this x 7 = total width */
	vertical-align: top;
	padding-left: 3px;
	padding-right: 3px;
}
.month td a {text-decoration: none;}
.month td ul {margin: 0; padding: 0; list-style: none;}
.month td li {font: 9px Verdana, Arial, sans-serif;}
/* normal day cell */
.month td.normalDay {
	font-size: 10px;
	background-color: #ffffff;
}
/* weekend cell */
.month td.weekend {
	background-color: #F6F6F6;
}
/* Current Day */
.month td.curDay {
	background-color: #DFE7F2;
}

.eventpreview, .eventpreview_title {font: 11px Verdana, Arial, sans-serif;}
.eventpreview_title {float: left; width: 20%; padding: 0 5px;}
.eventpreview {width: 185px; padding: 2px 0;}
.eventcheque {float: left;}
.chkboxlabel {width: auto;padding: 3px 4px 0 4px;}

td.thumbnails {
	vertical-align: top;
	font: 11px Arial Narrow, Arial, Helvetica, sans-serif;
}

.inactive_red {
	color: #CC0000;
	font-style: italic;
}
.inactive_grey {
	color: #666666;
	font-style: italic;
}
.short_spacer {
	line-height: 5px;
	height: 5px;
}

.center_image {display: block; margin-left: auto; margin-right: auto;}

.block_shade_grey {
	background-color: #ebebeb;
	margin-right: 7px;
	margin-left: 2px;
	border: 1px white solid; 
}

#tooltip_wrapper.thumbnail #tooltip {
	background-color: #FFF;
}