






<!-- %@ OutputCache VaryByParam="fontsize;application" Duration="99999" % -->

/* The following CSS is meant for application use strictly */
/* Liquid containers are broken up into a top/middle/bottom */
/* There is also a container that spans the whole 100% */
a:link,a:active,a:visited{ color: #141414; }
a:hover{ color: #000000; }
body{ color: #000000; text-align:center; margin: 0px 0px 0px 0px; font-family: arial; font-size: 12px;background: #8B8989; }
td{ color: #000000; text-align:left; margin: 0px 0px 0px 0px; font-family: arial; font-size: 12px; }
form{ margin: 0px; padding: 0px; }
h2{ font-size: 14px; font-weight: bold; margin: 12px 0px 6px 0px; }
h3{ font-size: 12px; font-weight: bold; color: #141414; }
h4{ font-size: 11px; font-weight: bold; }
h5{ font-size: 10px; font-weight: bold; margin: 0px 0px 12px 0px; }
h6{ font-size: 9px; font-weight: bold; margin: 0px 0px 12px 0px; }
img{ border: 0px; }
}
/* Liquid Structure DIVS */

.topspace{
	margin: 12px 0px 0px 0px;
}
.watermark { 
	position: absolute; 
	z-Index: 99; 
	top: 0; 
	left: 400;
	width: 100%;
	height: 1000;
} 
.invisible{
	display: none
}
	
.line{
	float: right;
	width:535px;
	height: 2px;
	border-width: 1px 0px 0px 0px;
	border-style:solid;
	border-color: #FFFFFF;
	margin: 0 auto;
}
.line2{
	float: left;
	width: 350px;
	height: 2px;
	border-width: 1px 0px 0px 0px;
	border-style:solid;
	border-color: #141414;
	margin: 0 auto;
}
.container {
	background-color:transparent;
	width:750px;
	margin:0px auto 0px auto;
	text-align:left;
	border-width: 0px 1px 1px 1px;
	border-style:solid;
	border-color: #8D6E26;
}
.head3 {
	font-size: 12px;
	font-weight: bold;
	color: #141414;
	}
.categories {
	background-image: url('http://coolblew.com/images/nav_bump2.gif');
	background-repeat: no-repeat;
	background-position:    left 50%;
	font-size: 16px;
	font-weight: bold;
	color: #141414;
	font-style: italic;
	padding-left:25px; padding-right:0px; padding-top:0px; padding-bottom:0px
}
.categories2 {
	font-size: 16px;
	font-weight: bold;
	color: #ffffff;
	font-style: italic;
}
.content{
	float: right;
	width:535px;
	text-align:left;
	margin: 12px 0px 12px 0px;
}
.content_full{
	float: right;
	width:520px;
	text-align:left;
	margin: 0px 0px 10px 0px;
}

.content_items{
   float: right;
	width:535px;
	text-align:left;
	margin: 0px 0px 10px 0px;
}
.content_items2{
   width:535px;
	text-align:left;
	margin: 0px 0px 10px 0px;
}
.msg_warning_text{
	font-size: 12px;
	font-weight: bold;
	color: #ff0000;
}
.content_left{
	float: left;
	width:230px;
	text-align:left;
	line-height: 16px;
	margin: 10px 0px 10px 0px;
	padding: 0px 5px 0px 0px;
}

.content_right{
	float: right;
	width:280px;
	height:240px;
	text-align:left;
	font-size: 12px;
	margin: 10px 0px 10px 0px;

	padding: 0px 0px 0px 15px;
}
.rotator_image{
	text-align:left;
	margin: 20px 0px 0px 0px;
}
.welcome{
	border:1px solid #8D6E26; float: left;
	margin: 0px;
	width: 520px;
	background-color: #141414;
	background-image: url('http://coolblew.com/images/welcome_back.jpg');
	vertical-align: middle;
	height: 100%
}
.mission_image{
	float: left;
	margin: 0px;
	border-style:solid;
	border-width: 0px 1px 0px 0px;
	border-color: #8D6E26;
	height: 100%;
}
.mission{
	color: #FFFFFF;
	float: left;
	width: 420px;
	text-align: left;
	font-size: 12px;
	margin: 0px 0px 5px -1px;
	border-left: 1px solid #8D6E26;
	padding-left: 10px;
	height: 100%;
}
.mission2{
	float: left;
	text-align:left;
	font-size: 12px;
	margin: 0px 0px 25px 0px;
}
.invisible_table {
	margin: 0px;
	border-collapse:collapse;
	border-color: #FFFFFF #FFFFFF #FFFFFF #FFFFFF;
	border-width: 0px 0px 0px 0px;
	margin: 5px 0px 0px 5px;
	padding: 0px 0px 0px 0px;
	border-style: solid;
}
.invisible_table td {
	border-color: #FFFFFF #FFFFFF #FFFFFF #FFFFFF;
	border-width: 0px 0px 0px 0px;
	border-style: solid;
	padding: 1px 2px 2px 2px;
	vertical-align: top;
}
.data_table { background-color: #FFFFFF; border-collapse: collapse; margin: 0px; width: 350px;  }
.data_table .actioncolumn { padding: 1px 2px 1px 2px; text-align: center; }
.data_table td { border-color: #000000; border-style: solid; border-width: 0px 1px 1px 1px; font-size: 11px; height: 20px; padding: 1px 2px 1px 2px; }
.data_table th { background-color: #EEEEEE; background-repeat: repeat-x; border-color: #000000; border-style: solid; border-width: 1px 1px 1px 1px; font-size: 11px; font-weight: bold; height: 20px; padding: 0px 4px 0px 4px; text-align: left; white-space: nowrap; }
/* Reports Tables */	
}
.data_table2 { background-color: #FFFFFF; border-collapse: collapse; margin: 0px; width: 520px;  }
.data_table2 .actioncolumn { padding: 1px 2px 1px 2px; text-align: center; }
.data_table2 td { border-color: #000000; border-style: solid; border-width: 1px 1px 1px 1px; font-size: 11px; height: 20px; padding: 1px 2px 1px 2px; }
.data_table2 th { background-color: #EEEEEE; background-repeat: repeat-x; border-color: #000000; border-style: solid; border-width: 1px 1px 1px 1px; font-size: 11px; font-weight: bold; height: 20px; padding: 0px 4px 0px 4px; text-align: left; white-space: nowrap; }

.inner_table_report {
	background-color: #FFFFFF;
	margin: 0px 0px 0px 0px;
	width: 525px;
	border-collapse: collapse;
	border-color: #FFFFFF #FFFFFF #FFFFFF #FFFFFF;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	padding: 0px 0px 0px 0px;
}

.inner_table_report td {
	border-color: #FFFFFF #FFFFFF #FFFFFF #FFFFFF;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	font-size: 10px;
	padding: 1px 1px 1px 3px;
	margin: 0px 0px 0px 0px;
	white-space: wrap;
	vertical-align: top;
	

}
.inner_table_report td p {
	background-color: #FFFFFF;
	color:purple;
	font-size: 12px;
	font-weight: bold;
	padding: 8px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	vertical-align: bottom;
	text-align: left;
}	
.inner_table_report td sub {
	border-color: #FFFFFF #FFFFFF #FFFFFF #FFFFFF;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	font-size: 33px;
	height: 5px;
	padding: 2px 3px 2px 3px;
	white-space: nowrap;
}
.inner_table_report th {
	background-color: #EEEEEE;
	border-color: #000000 #FFFFFF #000000 #000000;
	border-style: solid;
	border-width: 1px 1px 0px 0px;
	font-size: 10px;
	font-weight: bold;
	height: 20px;
	padding: 1px 3px 2px 3px;
	margin: 0px 0px 0px 0px;
	text-align: right;
	white-space: wrap;
}
.report_hr {
	width: 100%;
	height: 1px;
	color: green;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/* List Menu Classes */

.left_menu {
	float:left;
	margin: 0px 0px 0px 0px;
}
.left_nav {
	background-color: #FFFFFF;
	float: left;
	font-size: 11px;
	margin: 0;
	padding: 0px 3px 0px 5px;
	width: 175px;
}

/* End List Menu Classes */	

.bottom{
width:750px;
background-color: #141414;
color:#FFFFFF;
font-size: 10px;
padding: 5px 0px 5px 8px;
border-style:solid;
border-width:1px 0px 0px 0px;
border-color: #8D6E26;
}

.middle{
width:750px;
height: 100%;
margin:0px 0px 0px 0px;
background-color:#F2f5f4;
}
.middle_left {
border-left:0px solid #8D6E26; border-right:1px solid #8D6E26; border-top:0px solid #8D6E26; border-bottom:0px solid #8D6E26; float:left;
height: 100%;
width:185px;
background-color: #141414;
background-image: url('http://coolblew.com/images/APCSNAV_back.jpg');
background-repeat: no-repeat

}
.middle_right {
float:left;
width:550px;
margin:0px 0px 0px 0px;
text-align:right;
}
.top{
margin:0px 0px 0px 0px;
width:750px;
background-color: #FFFFFF;
height: 80px;
}
.top_left {
margin:0px 0px 0px 0px;
float:left;
width:300px;
height: 80px;
}
.top_right {
margin:0px;
float:right;
width:0px;
text-align:right;
height: 131px;

}
.content_box{
	float:left;
	width: 420px;
	text-align: left;
	height: 100%;
}
.content_box2{
	width: 520px;
	text-align: center;
	height: 100%;
}
.content_box3{
	width: 520px;
	text-align: left;
	height: 100%;
	border-style:solid;
	border-width:1px 1px 1px 1px;
	border-color: #141414;
}
.login_box{
	width: 225px;
	text-align: left;
	border-style:solid;
	border-width:1px 1px 1px 1px;
	border-color: #8D6E26;
	padding: 10px 10px 0px 10px;
	background-color: #ffffff;
}
.button{
	float: right;
}
.login_link{
padding:8px 8px 0px 0px;
font-size: 10px;
font-weight: bold;
}
.company_name{
padding:3px 0px 0px 8px;
}
.company_divider{
	border-left:0px solid #8D6E26; border-right:0px solid #8D6E26; border-top:1px solid #8D6E26; border-bottom:1px solid #8D6E26; margin:0px; width: 750px;
	background-color: #141414;
	height: 26px;
	background-image: url('http://coolblew.com/images/top_bar.jpg');
	
}
.company_divider_left{
	float: left;
	width: 300px;
	font-size: 15px;
	font-weight: bold;
	height: 24px;
	color: #FFFFFF;
}
.company_divider_right{
float:right;
width:435px;
text-align:right;
color: #FFFFFF;
font-size: 15px;
font-weight: bold;
font-style: italic;
height: 24px;
}
.info {
float:left;
font-size: 12px;
font-weight: bold;
margin: 0px 0px 0px 0px;
color: #FFFFFF;
}

.nav{
width:185px;
height: 100%;
font-size: 12px;
font-weight: bold;
background-color: #FFFFFF;
padding:10px 0px 10px 0px;
margin: 20px 0px 0px 0px;
}
.nav_items{
padding:0px 0px 4px 0px;
}
.nav_items2{
color: #FFFFFF;
padding:0px 0px 0px 8px;
}
.contact{
	float: left;
	margin: 10px 0px 0px 0px;
	width: 400px;
	vertical-align: middle;
}
.contact_image{
	float: left;
	height: 100%;
	vertical-align: middle;
}
.contact_info{
	float: left;
	width: 300px;
	text-align: left;
	font-size: 12px;
	margin: 0px 0px 0px 0px;
}
.info hr {
width: 185px;
color: #FFFFFF;
height: 1px;
}
.content hr {
width: 560px;
color: #000000;
height: 1px;
}

.info p{
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
height: 22px;
margin: 5px 0px 5px 5px;
}

.footer{
font-size: 11px;
width: 750px;
margin: 5px 0px 5px 0px;
text-align:center;
}

/*  Calendar Control */

}
.calendar_all {
border: 1px;
font-size: 10px;
border-color: #000000;
border-style: solid;
color: #000000;
background-color: #EEEEEE;
}
.calendar_title {
height: 12px;
font-size: 13px;
font-weight: bold;
color: #FFFFFF;
background-color: #cccccc;
text-align: center;
}
.calendar_day_header {
height: 9px;
font-size: 10px;
font-weight: bold;
background-color: #CCCCCC;
}
.calendar_next_previous{
font-size: 10px; 
font-weight: bold;
color: #FFFFFF;
background-color:#CCCCCC;
text-align: center;
}
.calendar_day {
background-color: #FFFFFF;
font-size: 10px;
}
.calendar_today {
color: #FFFFFF;
background-color: #999999;
font-size: 10px;
}
.calendar_selected_day{
color: #FFFFFF;
background-color: #4682B4;
font-size: 10px;
}
.calendar_other_month{
color: #CCCCCC;
background-color: #FFFFFF;
font-size: 10px;
}
.calendar_weekend {
background-color: #FFFFFF;
font-size: 10px;
}