/* CSS Document */

* {	margin:0; padding:0; font-size:100%;}

body{background:#222528; text-align:center;}

img {vertical-align:top;}
a img { border:0;}

ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}


html{ font-family:Arial, Helvetica, sans-serif; font-size:0.75em; line-height:1.333em; color:#7e8783;}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#4e7b8d;}
a:hover{text-decoration:none;}
p {padding-top:16px;}

h1 { font-size:1.82em; color:white; padding-bottom:3px;}
h2 { font-size:1.54em; color:#7e8783; padding-bottom:2px;}
h2.h2 { margin-bottom:36px;}
h3 { color:#963D35; font-size:1em; padding:4px 4px 4px 4px; line-height:normal; word-spacing:normal; text-transform:uppercase; font-weight:bold; margin-bottom:10px;} /* color:#98c61d */
h3.h3 { margin-bottom:26px;}
h5 { color:#7e8783; font-size:1em; font-family:tahoma; margin-bottom:14px;}
h6 { font-size:1em; color:#7e8783; margin-bottom:2px; font-weight:normal; text-transform:uppercase;}

/* ============================= main layout ====================== */
.imgindent {margin:4px 20px 0 0; float:left;}
.padding1{ padding-top:17px;}
/* .padding2{ padding-top:10px !important; font-size:12pt;} */ 
.padding2{ padding:10px 0 0 19px !important; font-size:12pt;}
.margin1{ margin-top:17px;}

/* ============================= header ====================== */
#header{ background:url(../images/header-bg.jpg) top no-repeat;}
#header .menu{ padding-left:3px;}
#header .menu li{ float:left;}
/* CW  #header .menu .li .tb1 {background:url(../images/m1.jpg); width:162px; height:68px; text-align:center;} */
/* CW  .TopButton { background:url(../images/header-bg.jpg);} */


/* ORG  #header .link{ display:inline-block; background:url(../images/header-link-bg.gif) top repeat-x; font-size:0.833em; text-decoration:none; text-transform:uppercase; cursor:pointer;} */
/* COMMENT: In order to keep the original .link (in case problems arise outside of default.aspx, will need to change the styles below, because these are all tied together */
/* CW */ #header .link 
{
	display:inline-block; 
	background:url(../images/header-link-bg.gif) top repeat-x; 
	font-size:10pt;
	text-decoration:none; 
	text-transform:uppercase; 
	cursor:pointer;
} 
	
#header .link span{ display:inline-block; background:url(../images/header-link-left-bg.gif) left top no-repeat;}
#header .link span span{ background:url(../images/header-link-right-bg.gif) right top no-repeat; padding:10px 16px 10px 13px;}
#header .link:hover{ background:url(../images/header-link-bg2.gif) top repeat-x;}
#header .link:hover span{ background:url(../images/header-link-left-bg2.gif) left top no-repeat;}
#header .link:hover span span{ background:url(../images/header-link-right-bg2.gif) right top no-repeat;}

.SubButton {width:100%; overflow:hidden; text-align:center;}
.SubButton span {display:inline-block; background:url(../images/header-link-left-bg.gif) left top no-repeat;}
.SubButton .link:hover{ background:url(../images/header-link-bg2.gif) top repeat-x;}
.SubButton .link:hover span{ background:url(../images/header-link-left-bg2.gif) left top no-repeat;}
.SubButton .link:hover span span{ background:url(../images/header-link-right-bg2.gif) right top no-repeat;}

.SubButtonLeft{ float:left; padding-left:3px;}
.SubButtonRight{ float:right; padding-right:4px;}

/* #header .buttons{ width:100%; overflow:hidden; text-align:center; padding-top:23px;} -- ORIGINAL */
/* CW */ #header .buttons{ width:100%; overflow:hidden; text-align:center;}

#header .button1{ float:left; padding-left:3px;}
#header .button2{ float:right; padding-right:4px;}
#header .buttonPlaceHolder{ height:34px;}
#header .button3 a{ display:inline-block; background:url(../images/header-button.gif) top no-repeat; height:34px; width:34px; margin-left:6px; text-decoration:none;}
#header .button3 a:hover{ background:url(../images/header-button-act.gif) top no-repeat;}
/*#header .logo{ padding:122px 0 0 34px;} -- ORIGINAL */
#header .logo{ padding:122px 0 0 34px;}

/* CW */
#header .logo-admin{ padding:122px 0 0 34px;}

/* CW */ #header .logo .logoText { position:relative; top:165px; left:-250px; font-size:26pt; color:White; font-family:Pristina, Berlin Sans FB, Times New Roman, Papyrus, Palatino Linotype, Cambria;  padding:1px 1px 1px 1px; }

.Button { background:url(../images/content_but1.jpg) repeat-x; font-weight:bold; font-size:10pt; color:White;}
/* ============================= content ====================== */
/*
#content{ background:url(../images/content-bg.jpg) no-repeat 0 30px; margin-top:-38px; position:relative;
	top: -18px;
	left: 0px;
	height: 912px;
} 
-- ORIGINAL 
*/

#content{ background:url(../images/content-bg.jpg) no-repeat 0 30px; margin-top:-38px; position:relative;
	top: -18px;
	left: 0px;
}

.column-1{ background:url(../images/column1-top-bg.gif) top left no-repeat; padding-top:32px; }
.column-1 .bot-bg{ background:url(../images/column1-bottom-bg.gif) bottom left no-repeat; padding-bottom:32px; width:100%;}
.column-1 .content{ background:#1e2123;}
.column-1 .indent{ padding:35px 25px 33px 36px;}
.column-1 .indent2{ padding:35px 25px 15px 36px;}

/* CW */ .InputText {font-weight:bold; text-align:right; font-size:10pt; padding:1px 1px 1px 1px;}
/* CW */ .DataText {font-size:10pt; text-align:left; padding:1px 1px 1px 1px;}

.column-2{ margin-left:30px;}
.column-2 .indent{ padding:67px 0 20px 0px;}

.title{ padding-bottom:13px;}
#content .link{ display:inline-block; float:right; background:url(../images/link-left-bg.gif) left top no-repeat; padding-left:26px; color:#ffffff; text-decoration:none; margin-top:2px; font-size:1em !important; cursor:pointer;}
#content .link span{ display:inline-block; background:url(../images/link-right-bg.gif) right top no-repeat; padding-right:24px;}
#content .link span span{ background:url(../images/link-bg.gif) top repeat-x; padding:6px 2px 20px 2px;}

#content .link:hover{ background:url(../images/link-left-bg-act.gif) left top no-repeat;}
#content .link:hover span{ background:url(../images/link-right-bg-act.gif) right top no-repeat;}
#content .link:hover span span{ background:url(../images/link-bg-act.gif) top repeat-x;}

#content .link1{ display:inline-block; float:right; background:url(../images/link-left-bg2.gif) left top no-repeat; padding-left:26px; color:#ffffff; text-decoration:none; margin-top:2px; font-size:1em !important; cursor:pointer;}
#content .link1 span{ display:inline-block; background:url(../images/link-right-bg2.gif) right top no-repeat; padding-right:24px;}
#content .link1 span span{ background:url(../images/link-bg2.gif) top repeat-x; padding:6px 2px 20px 2px;}

#content .link1:hover{ background:url(../images/link-left-bg2-act.gif) left top no-repeat;}
#content .link1:hover span{ background:url(../images/link-right-bg2-act.gif) right top no-repeat;}
#content .link1:hover span span{ background:url(../images/link-bg2-act.gif) top repeat-x;}

.unline{ background:url(../images/unline.gif) bottom repeat-x; padding-bottom:12px; margin-bottom:30px;}
.unline2{ background:url(../images/unline.gif) bottom repeat-x; padding-bottom:30px; margin-bottom:12px;}
.extra{ color:#ffffff; text-align:center;}
.extra img{ margin-bottom:16px;}

.list li{ font-size:0.833em; line-height:2.4em; color:#ffffff;}
.list a{ color:#ffffff; text-transform:uppercase;} /* alt: #4e7b8d */

/* ============================= page1 ====================== */
#page1 .col-2, #page1 .col-3{ margin-left:21px;}

/* ============================= page2 ====================== */
#page2 .col-2, #page2 .col-3{ margin-left:60px;}

/* ============================= page5 ====================== */
#page5 .col-2{ margin-left:100px;}

/* ============================= page6 ====================== */
#page6 .col-2, #page6 .col-3{ margin-left:21px;}

/* ============================= footer ====================== */
#footer{ background:url(../images/footer-bg.gif) top no-repeat; margin-top:-7px; text-align:center;}
#footer .text{ padding-top:33px;}
#footer a{ color:#7e8783; text-decoration:none;}
#footer a:hover{ text-decoration:underline;}

/* ============================= forms ============================= */
#SearchForm{ padding-top:6px;}
#SearchForm label{ display:block; height:27px; font-size:0.917em;}
#SearchForm label span{ display:inline-block; width:42px;}
#SearchForm input{  font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#000000;  padding:2px 0 2px 3px; width:170px;}
#SearchForm select{ font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#000000;  padding:0 0 0 5px; width:177px;}
#SearchForm .link1{ margin-top:10px;}
#SearchForm .link2{ font-size:0.833em; text-transform:uppercase; color:#7e8783; display:inline-block; margin-top:18px;}

#SearchForm2{ padding-top:6px;}
#SearchForm2 label{ display:block; height:29px; font-size:0.917em;}
#SearchForm2 label span{ display:inline-block; width:63px;}
#SearchForm2 input{ font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#000000; padding:2px 0 2px 3px; width:150px;}
#SearchForm2 .link1{ margin-top:10px;}

/* ============================ CUSTOM STYLES =============================== */

.p-12pt
{
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12pt; 
	line-height:normal; 
	color:#7e8783;	
}

.p-10pt
{
	font-family:Arial, Helvetica, sans-serif; 
	font-size:10pt; 
	line-height:normal; 
	color:#7e8783;	
}

.link-plain
{
	text-decoration:none;
}

h1 { font-size:1.82em; color:#fff; padding-bottom:3px; line-height:normal;}

.Label
{
	text-transform:uppercase;
	text-align:right;
	color:White;
	vertical-align:middle;
}

.Label-ProperyDetail
{
	text-transform:uppercase;
	text-align:left;
	color:White;
	vertical-align:middle;
}


.Data
{
	text-transform:uppercase;
	text-align:left;
	padding:2px 2px 2px 2px;	
	font-weight:bold;	
}

.HeaderSection
{
	text-transform:uppercase;
	text-align:center;
	font-weight:bold;
	color:White;
	background-color:#963D35;
}

.Error_message
{
	background-color:#FFE7BA;
	color:Red;
	font-weight:bold;
	text-align:center;	
	line-height:normal;
	word-spacing:normal;  
	width:100%;
}

.DataRowCol {padding:10px 5px 7px 5px; text-align:left; color:black;}
.DataRowCol a{padding:5px 5px 5px 5px; text-align:left; color:red;}
.DataRowColCenter {padding:10px 5px 7px 5px; text-align:center; color:black;}

.DataRowColMsg {padding:10px 5px 7px 5px; text-align:center; border-right:dotted 1px black;}
.DataRowColUpdate {padding:1px 1px 1px 1px; text-align:center;}
.DataRowRosterColHeader {padding:10px 5px 7px 5px;background:url(images/block1_bgd.gif) left top repeat-x #1d1d1d; text-align:left; font-size:8pt;}
.DataRowColHeader {padding:10px 5px 7px 5px;background:url(images/block1_bgd.gif) left top repeat-x #1d1d1d; text-align:left;}

.DataRowColHeaderCenter {padding:10px 5px 7px 5px;background:url(images/block1_bgd.gif) left top repeat-x #1d1d1d; text-align:center;}
.DataRowColHeaderUpdate {padding:10px  5px 7px 5px;background:url(images/block1_bgd.gif) left top repeat-x #1d1d1d; text-align:left;}
.DataRowColHeaderCounter {padding:10px 5px 7px 5px;background:url(images/block1_bgd.gif) left top repeat-x #1d1d1d; text-align:left;}