/* Common CSS Document */

body { margin:0px 5px 0px 5px; padding:0px 5px 0px 5px; background-color:#f0f0f0; color:#000; font-family: arial, helvetica, sans-serif; voice-family: "\"}\""; voice-family:inherit; font-size: 12px;}
html>body { font-size: 12px; }

/* hack to center this under IE5 */
* html body {text-align: center;}
/* keep the content left-aligned */
* html #wrapper {text-align: left;}

#wrapper { width: 760px; height:auto; margin: 0px auto; background-color: #fff; }

/* Site Structure
----------------------------------------------- */

/* page intro paragraph and flash movie layout */
#intro-wrapper { margin: 0; padding:10px 0 0 0; width: 760px; height:auto; background-color:#fff;}
#page-title { padding: 0 0 0 8px;}
#intro-wrapper h1 { padding: 0 8px; margin:0;}
#intro-wrapper h2 { padding: 0 8px; margin:0;}
#intro-wrapper h3 { padding: 0 8px; margin:0; font-weight: normal;}
#intro-wrapper p { padding: 5px 0 5px 8px; margin:0;}
#intro-left { margin: 0; padding:0; position: relative; float: left; width:360px;}
#intro-left h1 { margin: 0; padding: 0 8px; font-size: 16px; color: #000; font-weight: bold;}
#intro-right {margin:0; padding:0 8px 0 0; position:relative; float: right; width:auto;}

.sub-heading-wrapper {padding: 5px 5px 5px 5px; width: 99%; height: 20px; background-color: #eee; border-top:1px solid #ccc; border-bottom:1px solid #ccc; margin: 0; margin-top: .4em;}
.sub-heading-wrapper2 {width: 100%; height: 20px; margin: 0; margin-top: .4em;}
.sub-heading-left { margin: 0; padding:0; position: relative; float: left; width:auto;}
.sub-heading-left h2 {color: #000; font-size: 14px; font-weight: normal; display: inline;}
.sub-heading-wrapper2 .sub-heading-left h1 {margin: 0; padding: 0; color: #000; font-size: 16px; font-weight: normal; display: inline;}
.sub-heading-right {margin:0; padding:0; position:relative; float: right; width:auto;}
.sub-heading-right h2 {color: #000; font-size: 14px; font-weight: normal; display: inline;}


/* main 2 column layout */
#content-wrapper {margin:0; padding:0; position:relative; float: left; width:760px; height: auto; background-color: #fff;}
#content-left {margin:10px 0 0 0; padding:0; position:relative; float: left; width:570px; height: auto; background-color: #fff;}
#content-left-gutter{margin: 0 8px 0 8px; padding:0; background-color: #fff;}
#content-right {margin:10px 0; padding:0; position: relative; float: right; width:190px; height:auto; background-color: #fff;}
#content-right-gutter{margin: 0 8px 0 0; padding:0; background-color: #fff;}

#content-full { margin:10px 0 0 0; padding:0; position:relative; width:760px; height: auto; background-color: #fff; border: 0px solid #2F63AB; height:auto;}
#content-full-gutter { margin: 0 8px 0 8px; padding:0; background-color: #fff;}

/* General
----------------------------------------------- */

/* heading tags */
p  { margin: 0; padding: 5px 0 0 0; font-size: 12px; }
h1 { margin: 0; padding: 10px 0 0 0; font-size: 18px; color: #000; font-weight: bold;}
h2 { margin: 0; padding: 0 0 10px 0; color: #000; font-size: 12px; font-weight: bold;}
h3 { margin: 0; padding: 10px 0 10px 0; color: #000; font-size: 12px; font-weight: bold;}
h4 {margin-bottom: 20px; margin-top: 10px;}

.img-border{padding:1px; border: 1px solid #000;}

.stepNo{padding:2px 5px 2px 5px; color: #fff; background-color:#666666; font-weight:bold;}

.inside{padding:5px;}

.field { padding: 10px 0; background-color: #ccc; clear:both; display: inline; }
.zlabel { padding-top: 50px; padding-left: 5px; padding-bottom: 15px; padding-right: 5px; font-size: 12px; font-weight: bold; text-align: right; background-color: #ccc; width:1%; white-space:nowrap; }
.data { padding: 5px; font-size: 12px; font-weight: normal; width:1%; white-space: nowrap;  display: inline; }
.label { font-size:12px; font-weight: normal; padding-top:5px; padding:5px; background-color: #eee; width:1%; white-space:nowrap; }
.req-label { font-size:12px; color: red; font-weight: bold; padding:5px; background-color: #eee; width:1%; white-space:nowrap; }
.textlabel { font-weight: bold; font-size:12px; width: 130px; float: left;}
.chk-box { margin:0; padding:0; position:relative; float: left; width:25px;}
.chk-label { margin:0; padding-top:2px; position:relative; float: left; width:475px; height:auto;}


/* text sizes */
.text-l { font-size: 14px; font-weight:normal; }
.text-m { font-size: 12px; font-weight:normal; }
.text-s { font-size: 11px; font-weight:normal; }
.text-xs { font-size: 10px; font-weight:normal; }
.text-xxs { font-size: 9px; font-weight:normal; }

.white-text-m { font-size: 12px; color: #fff; font-weight:bold; }
.red-text-m { font-size: 12px; color: #ff0000; font-weight:normal; }
.green-text-m { font-size: 12px; color: #0000ff; font-weight:normal; }

.btext-l {font-size: 14px; font-weight: bold;}
.btext-m {font-size: 12px; font-weight: bold;}
.btext-s {font-size: 11px; font-weight: bold;}
.btext-xs {font-size: 10px; font-weight: bold;}
.btext-xxs {font-size: 9px; font-weight: bold;}

.red-btext-m { font-size: 12px; color: #ff0000; font-weight: bold; }
.red-btext-m-center { font-size: 12px; color: #ff0000; font-weight: bold; text-align: center; }

.itext-s {font-size:11px; font-style:italic;}
.itext-xs {font-size:10px; font-style:italic;}
.itext-xxs {font-size:9px; font-style:italic;}

.centered_text { text-align: center; }

/* link styles */

a, a:link, a:visited, a:active, a.normal{text-decoration: underline; color:#2F63AB; font-size:12px;}
a:hover, a.normal:hover{text-decoration: none; color:#3399CC; }

a.blink-xl, a.blink-xl:link, a.blink-xl:visited, a.blink-xl:active{text-decoration: underline; color:#2F63AB; font-size:14px; font-weight:bold;}
a.blink-xl:hover{text-decoration: none; color:#3399CC; }

a.nostyle-s, a.nostyle-s:visited, a.nostyle-s:active, a.nostyle-s:hover {text-decoration: none; font-size:11px; color:#000;}

a.link-m, a.link-m:link, a.link-m:visited, a.link-m:active{text-decoration: underline; font-size:12px; color:#2F63AB; font-weight:normal;}
a.link-m:hover{text-decoration: none; color:#3399CC;}

a.link-s, a.link-s:link, a.link-s:visited, a.link-s:active{text-decoration: underline; font-size:11px; color:#2F63AB; font-weight:normal;}
a.link-s:hover{text-decoration: none; color:#3399CC;}

a.link-xs, a.link-xs:link, a.link-xs:visited, a.link-xs:active{text-decoration: underline; font-size:9px; color:#2F63AB; font-weight:normal;}
a.link-xs:hover{text-decoration: none; color:#3399CC;}

a.listing-nav, a.listing-nav:link, a.listing-nav:visited, a.listing-nav:active{padding: 0 10px 0 3px; text-decoration: underline; font-size:12px; color:#2F63AB; font-weight: bold;}
a.listing-nav:hover{text-decoration: none; color:#3399CC;}

/* color styles */
.grey {color:#666666;}
.lt-grey {color:#cccccc;}
.red {color:#FF0000;}
.green {color:#009900;}
.blue {color:#2F63AB;}
.yellow {color:#FBCC30;}

.space-5 {margin: 0; padding: 5px; clear:both;}
.space-5h {margin: 0; padding: 5px 0 0 0; clear:both;}
.space-6h {margin: 0; padding: 6px 0 0 0; clear:both;}
.space-10h {margin: 0; padding: 14px 0 0 0; clear:both;}
.space-15h {margin: 0; padding: 15px 0 0 0; clear:both;}

form {margin:0; padding:0;}

.graybox-no { padding: 2px 5px 2px 5px; background-color: #ccc; color:#000; font-weight: bold; }
.redbox-no { padding: 2px 5px 2px 5px; background-color: #FF0000; color:#fff; font-weight: bold; }
.greenbox-no { padding: 2px 5px 2px 5px; background-color: #009900; color:#fff; font-weight: bold; }
.btn { margin: 0; padding: 0; font-size: 10px; text-align: center; color: #000; background-color: #ccc; border: .5px solid #000; vertical-align:top; height: 21px }
.btn[disabled] { margin: 0; padding: 0; font-size: 10px; text-align: center; color: #999; background-color: #dedede; border-color: #999;; vertical-align:top; height: 21px }

div.infopopup
{
	display: block; 
	visibility: hidden; 
	position: absolute; 
	z-index: 451; 
	border: solid black 1px; 
	overflow: visible; 
	top: -500px; 
	left: -500px; 
	color: #000;
	padding: 4px 0 0 4px;
	background-color: lightyellow;
	white-space: normal;
}


/* SearchCalendar */

table.SearchCalendar
{
	padding: 0;
	border: 1px solid black;
	border-collapse: collapse;
}

table.SearchCalendar tr td
{
	border: 1px solid black;
}

table.SearchCalendar tr.mheader
{
	background-color: #d88;
	color: black;
	text-align: center;
	font-weight: bold;
}

table.SearchCalendar tr.dowheader
{
	color: black;
	text-align: center;
}

table.SearchCalendar tr.dowheader td
{
	width: 14%;
}

table.SearchCalendar tr
{
	vertical-align: top;
}

div.caldar img { border: none; } 
div.caldar { background-color: #fff; }
a.calendar_cpMonthNavigation, a.calendar_cpYearNavigation { color: #fff; text-decoration: none; }
td.calendar_ , a.calendar_cpMonthNavigationL { margin: 2px 0 2px 2px }
td.calendar_cpMonthNavigationR, a.calendar_cpMonthNavigationR { margin: 2px 2px 2px 0 }
input.calendar_cpYearNavigation { border-width: 1px; border-color: #fff; width: 30px;}
.calendar_cpYearNavigation, .calendar_cpMonthNavigation, .calendar_cpMonthNavigationL, .calendar_cpMonthNavigationR{ background-color: #9B0D06; text-align: center; text-decoration:none; color:#fff; font-weight:bold; text-decoration: none; }
.calendar_cpDayColumnHeader, .calendar_cpYearNavigation,  .calendar_cpCurrentMonthDate, .calendar_cpCurrentMonthDateDisabled, .calendar_cpOtherMonthDate, .calendar_cpOtherMonthDateDisabled, .calendar_cpCurrentDate, a.calendar_cpCurrentDate, .calendar_cpCurrentDateDisabled, .calendar_cpTodayText, .calendar_cpTodayTextDisabled, .calendar_cpText { font-size:8pt;  text-decoration: none;}
td.calendar_cpDayColumnHeader { text-align:right; border-bottom:solid 1px #9B0D06; text-decoration: none; }
.calendar_cpCurrentMonthDate, .calendar_cpOtherMonthDate, .calendar_cpCurrentDate{ text-align:right; text-decoration:none; }
.calendar_cpCurrentMonthDateDisabled, .calendar_cpOtherMonthDateDisabled, .calendar_cpCurrentDateDisabled { color:#D0D0D0; text-align:right; text-decoration:line-through; }
.calendar_cpCurrentMonthDate { font-weight:bold; text-decoration: none; }
.calendar_cpCurrentDate { color: #FFFFFF; font-weight:bold; text-decoration: none; }
.calendar_cpOtherMonthDate { color: #aaa; text-decoration: none; }
td.calendar_cpCurrentDate { color:#FFFFFF; background-color: #ccc; border:solid 1px #000000; text-decoration: none; }
td.calendar_cpCurrentDateDisabled { border-width:1px; border:solid thin #FFAAAA;  text-decoration: none; }
td.calendar_cpTodayText, td.calendar_cpTodayTextDisabled { border-top:solid 1px #9B0D06;  text-decoration: none;}
a.calendar_cpTodayText, span.calendar_cpTodayTextDisabled { height:20px;  text-decoration: none;}
a.calendar_cpTodayText  {;font-weight:bold; text-decoration: none;  text-decoration: none;}
span.calendar_cpTodayTextDisabled { color:#D0D0D0;  text-decoration: none;}
a.calendar_cpCurrentMonthDate:link {  text-decoration: none; }
a.calendar_cpOtherMonthDate { color: #245C7F; text-decoration: none; }
select.calendar_cpMonthNavigation, select.calendar_cpYearNavigation { margin: 2px; border: solid 1px #fff; font-weight: normal}
td.calendar_cpTodayDate a { color: #9B0D06; font-weight:bold; }
td.calendar_cpCurToDate a { color: #9B0D06; font-weight:bold; }
td.calendar_cpTodayDate a:hover { color: #BA6B6A; font-weight:bold; }
td.calendar_cpCurToDate a:hover { color: #BA6B6A; font-weight:bold; }
.calendar_cpCurToDate { color: #FFFFFF; font-weight:bold; text-decoration: none; }
td.calendar_cpCurToDate { color:#FFFFFF; background-color: #ccc; border:solid 1px #000000; text-decoration: none; }
div#caldar option{background-color: #9B0D06 !important}

