@charset "UTF-8";
body {
	font: .8pc Verdana, Arial, Helvetica, sans-serif;
	/*background: #666666;*/
	/*background: #554433;*/
	background: #FFFFFF url(../images/body_bg.jpg) repeat-x;
	background: #EEE;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #333333;
	
}

h1 {
	font: normal small-caps 1.8pc "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin: 0;
	padding: 0;
	padding-top: 1em;
	/*color: #663300;*/
	color: #770000;
	text-decoration: none;
}

h2 {
	font: normal 1.2pc "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin-bottom: 0;
	color: #003366;
}
h3 {
	font: normal normal 1pc "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin-bottom: 0;
	margin-left: 1em;
	color: #770000;
}
h4 {
	font: italic normal .9pc "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin-bottom: 0;
	margin-left: 1.8em;
	color: #003366;
	text-decoration: none;
}
h5 {
	font: normal normal .9pc "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin-bottom: 0;
	margin-left: 1.8em;
	color: #770000;
}
img {
	margin: .75em;
	margin-left: 2em;
	padding: 0;
	/*border: .1em solid #CCCCCC;*/
	border: none;
}
p {
	margin: 0 2em .5em 0;
	padding: 0;
	color: #333;
}

a {
	/*color: #550000;*/
	color: #003366;
}

ul{
	padding: 0;
	margin: .5em 0 0 4em;
}

li {
	list-style-position: outside;
	list-style-image: url(../images/bullet_point.gif);
	margin-bottom: .5em;
}
dt{
	font-size: 1.2pc;
	color: #003366;
	margin: 0;
	padding: 0;
}
dd img{
	float: left;
}
dd h3{
	clear: left;
}

.img_border{
	border: .1em solid #CCCCCC;
	float: left;
}
.oneColFixCtrHdr #container {
	/*width: 990px;
	width: 990px;*/
	width: 77.5em;
	/*width: 95%;*/
	background: #FFFFFF;
	margin: .5em auto;
	text-align: left;
	/*border: .2em solid #FFAA00;*/
	border: .1em solid #999;
}
.oneColFixCtrHdr #header {
	/*background: #EEEEEE;*/ 
	background: #FFFFFF url(../images/header_bg.jpg) repeat-x;
	padding: 0 10px 10px 20px;
	margin: 0;
	border-bottom: 1px solid #FFAA00;
}
.oneColFixCtrHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	margin-bottom: 0;
	padding-bottom: 0;
	/*color: #003366;*/
	color: #003366;
	font-weight: normal;
	font-size: 2pc;
	text-decoration: none;
}

.oneColFixCtrHdr #header p {
	margin: 0;
	padding: 0;
	color: #554433;
}
.oneColFixCtrHdr #header img {
		float: left;
		margin: 0;
		padding: 0;
		overflow: hidden;
}
.oneColFixCtrHdr #mainContent {
	padding: 0 2em; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #FFFFFF;
	min-height: 45em;
}
.oneColFixCtrHdr #footer {
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background: #FFFFFF;
	border-top: 1px solid #ccc;
	clear: both;
}
.oneColFixCtrHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0;
	
}
.row {
	float: left;
	clear: both;
	margin-bottom: 2em;
	padding-bottom: 1em;
	height: auto;
	/*border-bottom: 1px solid #CCCCCC;*/
}
.column {
	/*width: 24em;*/
	width: 24em;
	/*width: 40%;
	min-width: 24em;
	max-width: 50em;*/
	/*height: 400px;*/
	/*height: 24em;*/
	/*border: 1px solid #CCCCCC;*/
	/*border-top: 1px solid #CCCCCC;*/
	/*border-top: 1px solid #CCCCCC;*/
	float: left;
	margin-left: 2em;
	padding: 0;
	/*overflow: auto;
	background: #EEEEEE;*/
	/*background: #EEE;*/
}

.column h2 {
	padding: 0;
	margin: .5em 0 0 .3em;
	color: #770000;
	font-weight: normal;
	font-style: normal;
}
.column p {
	padding: 0;
	margin: .5em 2em 0 2em;
	/*font-size: .9pc;*/
}
.column img {
	float: left;
}
.clear_all {
	clear: both;
	color: #FFF;
}
.float_left {
	float: left;
}
.float_right {
	float: right;
}
.utility{
	/*position: absolute;*/
	/*position: fixed;*/
	/*top: 1em;*/
	right: 1em;
	margin: .5em;
	margin-top: 1.5em;
	top: 2em;
	padding: 0;
	color: #919999;
	list-style: none;
	/*z-index: 500;*/
	/*font-size: 120%;*/
	float: right;
	/*background-color: #7e0807;*/
	/*position: relative;*/
}
.utility li{
	float: left;
	padding-left: 0px;
	margin: .2em;
	list-style: none;
}

.utility a{
	color: #660000;
	text-decoration:none;
	margin: 0;
	padding: 0;
}

.utility a:hover{
	text-decoration: underline;
	/*text-decoration: none;*/
}
.utility a img, .utility a:visited img, .utility a:hover img{
	text-decoration:none;
	border:none;
}
.posting{
	/*background-color: #CCC;*/
	margin: 1em;
}


/* CSS Document */
.center{
	margin: 0;
	padding: 1em;
	text-align:center;
}

table.table_1{
	border: 1px solid #737A80;
	border-collapse: collapse;
	/*width: 98%;*/
	margin: .5em;
	margin-left: 0;
	padding: 0;
	/*font-size: 90%;*/
	font-family: Arial, Verdana, "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}

table.table_2{
	border: 1px solid #737A80;
	border-collapse: collapse;
	/*width: 98%;*/
	margin: 5px;
	/*font-size: 90%;*/
	font-family: Arial, Verdana, "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

table.table_1 th, table.table_2 th{
	border: 1px solid #737A80;
	background-color: #CCCCCC;
	background-image: url(../images/play_list_header5.jpg);
	background-repeat: repeat-x;
	background-position: top left;
	padding: 0.5em 0.2em 0.3em 0.2em;
	color: #ffffff;
	font-weight:bold;
}
.p10{
	width: 10%;
}
.p15{
	width: 15%;
}
.p20{
	width: 20%;
}

table.table_1 td, table.table_2 td {
	padding: 0.5em;
	/*border: 1px solid #737A80;*/
	border: 1px solid #999999;
	font-size: 95%;
}
table.table_1 h5, table.table_2 h5{
	padding: .5em;
	margin: 0;
	font-weight: bold;
}

table.table_1 tr.evens, table.table_2 tr.evens {
	background-color: #FFFFFF;
}

table.table_1 tr.odds, table.table_2 tr.odds {
	/*background-color:#CCDDFF;*/
	background-color:#DDDDDD;
}

table.table_1 td.column1 {
	background-color:#CCDDFF;
	/*background-color:#AABBCC;*/
}

table.table_1 td.column2 {
	/*background-color:#CCDDFF;*/
	background-color:#DDFFCC;
	/*background-color:#AACCAA;*/
}

table.table_1 td.column3 {
	background-color:#EEEEEE;
	/*background-color:#AABBCC;*/
}


table.table_1 tr.totals, table.table_2 tr.totals {
	background-color: #99ff00;
	background-color: #AAFF33;
	font-size: 120%;
	font-weight:bold;
	/*background-image: url(../images/play_list_header4.gif);*/
}

table.table_1 th.sub_col, table.table_2 th.sub_col {
	background-color: #99ff00;
	background-color: #AAFF33;
	/*font-size: 120%;
	font-weight:bold;*/
	color: #000000;
	background-image: url(../images/play_list_header4.gif);
}


table.table_1 tr.zero {
	background-color: #FFFF00;
}



table.table_1 tr:hover, table.table_1 td:hover, table.table_1 tr.hilite, table.table_1 td.hilite, table.table_2 tr:hover, table.table_2 tr.hilite {
	/*background-color: #AAAAAA;*/
	background-color: #FF9900;
	/*color: #FFFFFF;*/
}

.align_center{
	text-align:center;
}
.align_center_b{
	text-align:center;
	font-weight:bold;
}
.no_bullet ul{
	margin: 0;
	padding: 0;
}
.no_bullet li{
	list-style:none;
	margin:0 1em .5em 0;
	padding: .5em;
	background-color:#EEEEEE;
	background-image: url(../images/button_background2.png);
	background-repeat:repeat-x;
	border: .1em solid #CCCCCC;
}
.vcard{
	/*border-top: .1em solid #CCC;*/
}

.form{
	border: 1px solid #CCCCCC;
	border-bottom: none;
	/*margin: 4em 0;*/
	margin:0;
	margin-top: 3em;
	padding: 0;
}
.form p{
	margin: 0 0 0 3em;
	padding: 0;
}
.form2{
	border: 1px solid #CCCCCC;
	border-bottom: none;
	width: 28em;
	float: left;
	margin-right: 2em;
}
.form h3{
	margin:0;
	padding:0;
	color: #770000;
	font-size: 150%;
}
.form_scroll {
	width:410px;
	border: 1px solid #CCCCCC;
	border-bottom: none;
	height:550px;
	overflow:scroll;
}
.form_element{
	border: 1px dashed #CCCCCC;
	margin:.2em;
	margin-bottom:.2em;
	padding: .5em;
}
.cell_header{
	background: url(../images/nav_heading.jpg) repeat-x;
	padding: .5em;
}
.cell_header h3{
	margin: 0;
	padding: 0;
	color: #FFFFFF;
}
.cell_odds h3, .cell_evens h3 {
	margin-bottom: 0;
}
.cell_odds{
	/*background-color: #EEEEEE;*/
	/*background-color: #FFEECC;*/
	/*background-color: #D4E5F7;*/
	/*background-color: #DDDDDD;*/
	background-color: #FFFFFF;
	margin: 0em;
	padding:.8em;
	border-bottom: 1px solid #CCCCCC;
	/*min-height: 6em;*/
}
.cell_evens{
	background-color: #EEEEEE;
	margin: 0em;
	padding: 1em 1em 1em 1em;
	border-bottom: 1px solid #CCCCCC;
	/*min-height: 6em;*/
}
.cell_odds2{
	/*background-color: #EEEEEE;*/
	/*background-color: #FFEECC;*/
	/*background-color: #D4E5F7;*/
	background-color: #DDDDDD;
	margin: 0em;
	padding: 1em 1em 1em 1em;
	border-bottom: 1px solid #CCCCCC;
	min-height: 3em;
}

.cell_evens img, .cell_odds img {
	margin: 0 0 1em 0;
}

.cell_evens2{
	background-color: #EEEEEE;
	margin: 0em;
	padding:.3em;
	padding-left: 1em;
	border-bottom: 1px solid #CCCCCC;
	min-height: 3em;
}

.cell_white{
	background-color: #FFFFFF;
	min-height: 6em;
	margin: 0em;
	padding:.8em;
	border-bottom: 1px solid #CCCCCC;
}
.cell_white img {
	margin: 0 1em 1em 0;
	padding: 0 0 0 0;
}
.cell_white p {
	margin: 1em 1em 0 1em;
	padding: 0 0 0 0;
}
.sub_cell{
	margin-bottom:.5em;
	padding:.5em;
	clear:left;
	/*border: 1px solid #CCCCCC;*/
	/*background-color: #EEEEEE;*/
	/*background-color: #FFFFFF;*/
}
.sub_cell2{
	margin-bottom:.5em;
	padding:.2em;
	clear:left;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
}
.sub_cell h3, .sub_cell2 h3{
	color: #000000;
	font-size: 120%;
}
/*.session{
	font-size:90%;
	color:#990000;
}*/

.row_odds{
	background-color:#CCCCCC;
}
.row_evens{
	background-color:#EEEEEE;
}
.row_hilite{
	background-color:#FF9900;
}
.session{
	/*font-size:90%;*/
	color:#990000;
	font-size: .7pc;
	/*position: absolute;*/
	float: right;
	margin-top: 0;
	padding-top: 0;
	right: 2em;
	top: .8em;
}
.button_big {
	/*margin: 1em 0 1em 0;*/
	margin: 0 0 1em 3em;
	padding: 0;
}
.button_big a{
	/*border: 1px solid #999999;
	background-image:url(../images/login_background2.jpg);
	background-repeat: repeat-x;
	cursor: pointer;
	padding: .5em;
	margin: .5em .5em 0 0;
	text-decoration:none;
	color: #003366;
	position:relative;*/
}
.print_button {
	margin: 1em 0 1em 0;
	padding: 0;
}
.print_button img {
	margin: 0;
	padding: 0;
}
.print_button a {
	/*border: 1px solid #999999;*/
	/*background-image: url(images/button_background.jpg);*/
	/*background-image:url(../images/login_background2.jpg);
	background-repeat: repeat-x;*/
	cursor: pointer;
	/*font-size: 120%;*/
	padding: .5em;
	margin: 0;
	text-decoration:underline;
	color: #003366;
	position:relative;
}

.box{
	/*border: .1em solid #CCC;*/
	margin: 2em 0 0 0;
	padding: 0 0 0 0;
}
.popup2{
	/*background-image: url(../images/play_list_header.gif);*/
	background-image: url(../images/play_list_header3.gif);
	background-repeat:  repeat-x;
	position: absolute;
	/*position:relative;*/
	top: 9em;
	right: 2em;
	/*right: 30%;*/
	font-size: small;
	background-color: #FFFFFF;
	border: 1px solid #CCC;
	/*width:500px;*/
	width:400px;
	margin: 0px;
	margin-top: 1em;
	margin-right: 1em;
	padding: .5em;
	padding-top:.2em;
	z-index: 0;
}
.popup2 h3{
	margin:0;
	margin-bottom:10px;
	padding:0;
	color: #FFFFFF;
}
.popup3{
	/*background-image: url(../images/play_list_header.gif);*/
	background-image: url(../images/play_list_header3.gif);
	background-repeat:  repeat-x;
	position: absolute;
	/*position:relative;*/
	top: .5em;
	right: 1.5em;
	/*right: 30%;*/
	font-size: small;
	background-color: #FFFFFF;
	border: 1px solid #CCC;
	/*width:500px;*/
	width:410px;
	margin: 0px;
	margin-top: 8em;
	margin-right: 3em;
	padding: .5em;
	padding-top:0;
	z-index: 0;
}
.popup3 h3{
	margin:0;
	margin-bottom:10px;
	padding:0;
	color: #FFFFFF;
}

.popup4{
	/*background-image: url(../images/play_list_header.gif);*/
	background-image: url(../images/play_list_header3.gif);
	background-repeat:  repeat-x;
	position: absolute;
	/*position:relative;*/
	top: .5em;
	right: 1.5em;
	/*right: 30%;*/
	font-size: small;
	background-color: #FFFFFF;
	border: 1px solid #CCC;
	/*width:500px;*/
	width:400px;
	height:550px;
	overflow:scroll;
	margin: 0px;
	margin-top: 1em;
	margin-right: 1em;
	padding: .5em;
	padding-top:.2em;
	z-index: 0;
}
.popup4 h3{
	margin:0;
	margin-bottom:10px;
	padding:0;
	color: #FFFFFF;
}
.close_btn{
	/*float: right;
	position: absolute;*/
	float: right;
	right: 0px;
	top: 0px;
	margin:0;
	margin-top:0;
	margin-right:0;
	padding:.3em;
	font-weight:bold;
	font-size: 90%;
	font-color:#990000;
	border: 1px solid #666666;
	background-image:url(../images/login_background2.jpg);
}
textarea {
	border: 1px solid #999999;
	cursor: pointer;
	font-size: 90%;
	padding: 0;
	margin: 0;
	font:Arial, Helvetica, sans-serif;
}




input {
	/*border: none;*/
	border: 1px solid #999999;
	cursor: pointer;
	font-size: 110%;
	padding: 0;
	margin: 0;
	vertical-align: middle;
}
.checkbox {
	/*border: none;*/
	border: 1px solid #999999;
	cursor: pointer;
	font-size: 120%;
	size:150%;
	padding: 0;
	margin: 0;
}
textarea {
	border: 1px solid #999999;
	cursor: pointer;
	font-size: 100%;
	padding: 0;
	margin: 0;
	font:Arial, Helvetica, sans-serif;
}
.button{
	/*background-image: url(images/nav_heading.jpg);*/
	/*background-image: url(../images/button_background.jpg);*/
	background-image: url(../images/login_background2.jpg);
	background-repeat: repeat-x;
	padding: .5em;
}
.button2{
	/*background-image: url(images/nav_heading.jpg);*/
	background-image:url(../images/login_background2.jpg);
	background-repeat: repeat-x;
	margin:0;
	padding:.5em;
}
.control_btn_box {
	/*clear: right;*/
	margin: .3em;
	margin-bottom: 2em;
	/*margin-top: 1em;*/
	padding: 1em;
	/*margin-bottom: 1em;*/
	/*background-color: #CCFFCC;
	border:1px solid #666666;*/
	/*height: 1em;*/
	/*width:100%;*/
	/*padding-bottom:10px;*/
}
.control_btn {
	margin: 0;
	margin-bottom:.5em;
	margin-right: .3em;
	padding:0;
	padding: .3em;
	float: left;
	/*width: 3em;*/
	/*background-color: #CCCCCC;
	border: 1px solid #666666;*/
	text-align: center;
}
.control_btn a {
	background-color: #CCCCCC;
	border: 1px solid #666666;
	margin:0;
	padding:.3em;
	font-size: 110%;
	background-image: url(../images/play_list_header4.gif);
	width: 3em;
	/*background-image: url(../images/play_list_header.gif);
	background-repeat:  repeat-x;
	color: #FFFFFF;*/
}
.control_btn a:hover{
	/*background-color: #FF9900;*/
	background-color: #99FF00;
}
/**/
.control_btn_vert {
	margin: 3px;
	padding:0;
	/*float: left;*/
}
.control_btn_vert a {
	background-color: #CCCCCC;
	border: 1px solid #666666;
	margin:.3em;
	padding:.3em;
	font-size: 110%;
	background-image: url(../images/play_list_header4.gif);
	/*background-image: url(../images/play_list_header.gif);
	background-repeat:  repeat-x;
	color: #FFFFFF;*/
}
.control_btn_vert a:hover{
	/*background-color: #FF9900;*/
	background-color: #99FF00;
}