/* CSS Document */

/* override base css */

html {
	background: #F3F3F3;
}

body {
	font-family: tahoma,arial,helvetica,clean,sans-serif;
	margin: 5px; /* Give body some breathing room from sides */
}

select,
input,
button,
textarea,
button {
	font-size:99%;
	font-family: tahoma,arial,helvetica,clean,sans-serif;
}

a {
	/*color: #2424B2; 
	color: #0000FF;*/
	color:#1F1F98;
}

table, fieldset {
	margin-bottom: 0;
}

ol, ul, dl {
    margin-left: 1em;
}

ul, ol{
    margin-top:0em;
    margin-bottom:0em;
    margin-left:1.2em;
    margin-right:0em;
}



/* do not set border/padding for xc2 calendar tables */
.xc2Cal th, .xc2Cal td {
	border: 0;
	padding: 0;
}



#doc,.t1,.t2,.t3 {
	margin: auto;
	text-align: left;
	width: 57.69em;
	*width: 56.25em;
}


/* 100% */
#doc {
	/*margin:0;  full screen width */
	margin: auto; /* center on page */
	border: 2px ridge ;
    background: #FFFFFF;
    
    /* 974px */
    min-width: 74.923em;
	*min-width: 73.05em;
	
	/* 974px */
    width: 74.923em;
	*width: 73.05em;
	
	/* for IE6 browsers that do not support min-width*/
	/* determine if using standards or quirks mode, then get current width, if less than 
		desired width set width otherwise set to auto*/
	*width:expression(
		(d = document.compatMode == "CSS1Compat" ? document.documentElement : document.body) &&
		(d.clientWidth < 974 ? "974px" : "974px"));
 
}

#bd {
	padding: 5px 10px 0 10px;
}


.bd-ct {
	/* to preserve source-order independence for Gecko */
	position: relative;
}

.bd-ct {
	/* to preserve source-order independence for IE */
	_position: static;
}

#bd-main .bd-ct {
	/* to preserve source-order independence for Gecko */
	position: static;
}

#bd-main{
	width: 100%;
	
}

/*TODO make this look into this further causes to flot ove rleft nav and lonks are not clickable 
made this IE specific by adding *
*/
.t1 #bd-main,
.t2 #bd-main,
.t3 #bd-main {
	*float: right;
	/* IE: preserve layout at narrow widths */
	*margin-left: -25em;
}


.t2 #nav-left {
	float: left;
	/* 190px */
	width: 14.6154em;
	*width: 14.25em;
	
	/*180px*/
	/*width: 13.8461em;*/
	/**width: 13.50em;*/
}

.t2 #bd-main .bd-ct {
	margin-left: 15.6154em;
	*margin-left: 15.30em;
	/*margin-left: 14.8461em;*/
	/**margin-left: 14.55em;*/
	
}

#bd-main .bd-ct {
	float: none;
	width: auto;
}

/* @group Clearing */
#hd:after,
#bd:after,
#ft:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#hd,
#bd,
#ft,{
	zoom: 1;
}


/* Used to display links for common functions in the headers of body sections etc... */
.actions-area {
	float:right;
	font-size:100%;
	text-align:right;
	line-height:normal;
	vertical-align:middle;
}


/* style */
.actions-area .links {
	/*font-size:77%;*/
	font-weight:normal;
}

/* -- HEADER ----------------------------------------------------------- */
#hd {
	/* 50px based on base of 13px */
	height:3.8462em;
	background: #01254D;
	padding: 5px 0 0 10px;
	color:#FFFFFF;
	/*margin-bottom:5px;*/
}

/* any links in the header should contrast with the background color defined for the header in #hd class */
#hd a {
	color:#FFFFFF;
}

#hd-info {
	font-family:Arial, sans-serif;
	padding: 1px 5px 0 0;
	float: left;
}

#hd-info .title {
	font-size:153.9%;
	font-weight:bold;
}

#hd-info .sub-title {
	
}


/* PRINT HEADER and FOOTER */
.t3 #hd,
.t3 #ft {
	height:80px;
	background:#FFFFFF;
	padding: 5px 10px 5px 10px;
	font-family:tahoma,arial,helvetica,clean,sans-serif;
	color:#000000;
	font-size:100%;
}

.t3 #hd {
	border-bottom:2px ridge;
}

.t3 #ft {
	border-top:2px ridge;
}

.t3 #hd-info,
.t3 #ft-info {
	padding: 1px 5px 0 0;
	float: left;
}

.t3 #hd-nav,
.t3 #ft-nav {
	padding: 1px 10px 0 0;
	float: right;
	text-align: right;
}

.t3 #hd-nav .label,
.t3 #ft-nav .label {
	font-weight:bold;
	padding-right:2px;
}

.t3 #hd-nav .data,
.t3 #ft-nav .data {
	font-weight:normal;
}




/* header navigation, usually contains the home, help and logout links */
#hd-nav {
	padding: 1px 5px 0 0;
	float: right;
	text-align: right;
}

#hd-nav th, #hd-nav td {
	border:0;
	padding:5px;
	vertical-align:middle;
}


/* -- FOOTER ----------------------------------------------------------- */
#ft {
	margin-top: 2em;
	font-family:verdana,tahoma,arial,helvetica,clean,sans-serif;
	font-size:85%; 
	background:#FFFFFF;
}

#ft-ct {
	padding:5px 5px 5px 5px; /* top right bottom left */
}

#ft-bottom {
	background:#01254D;
	height:10px;
}


#ft-bar {
	border-top:1px solid black;
	border-bottom:1px solid black;
}

#ft-bar table, 
#ft-terms table {
	width:100%;
	border-spacing:1px;
	border-collapse:separate;
	margin:0;
}


#ft-bar td, 
#ft-terms td {
	width:50%;
	padding:0;
	border:0;
}

#ft-bar td {
	background:#D8DCE2;
}

#ft-terms td {
	padding:5px 0 0 0;
	vertical-align:top;
}

#ft-bar .first,
#ft-terms .first {
	text-align:left;	
}

#ft-bar .last,
#ft-terms .last {
	text-align:right;	
}



/* -- MAIN NAVIGATION ----------------------------------------------------------- */
#nav-main {
	height:44px; /* height of navigation images */
	background:#CCCCCC url(../images/nav_bg.gif) repeat-x top center;
}

#nav-main .nav-main-left {
	background: url(../images/nav_left.gif) no-repeat top left;
	float:left;
	/* height and width of navigation image */
	height:44px;
    width:10px;
}

#nav-main .nav-main-right {
	background: url(../images/nav_right.gif) no-repeat top right;
	float:right;
	/* height and width of navigation image */
	height:44px;
    width:10px;
}

#nav-main .nav-main-content {
	padding:10px 0 0 0; /* This top padding is used to center the text in the navigation bar*/
	display:block;
}



/* -- BODY LEFT NAVIGATION ----------------------------------------------------------- */
#nav-left .padding {
	padding: 0 5px 0 0;
}
	
#nav-left .ct {
	background-color:#D8DCE2;
}

#nav-left table {
	margin-bottom:0;
	border-spacing: 0;	
}

#nav-left .ct td {	
	border:0;
	padding:2px 0 2px 2px;
	margin-bottom:0;
	font-size:93%;
}

#nav-left .ct .header {
	font-size:108%;
	font-weight:bold;
	/*background:#CBCCD6;*/
	background:#01254D;
	padding-top:2px;
	padding-bottom:2px;
	color:#FFFFFF;
}



/* -- BODY COMMON INFORMATION ----------------------------------------------------------- */
#bd-common {
	border-bottom:2px solid black;
	margin-bottom:10px;
	margin-top:10px;
	font-size:116%;
	padding: 0 2px 2px 2px;
}

#bd-common td {
	border:0;
	padding:0;
}



#bd-common table.data-table {
	border-collapse:separate;
	border-spacing:1px;
}

#bd-common .data-table th {
	color:#000000;
	background-color:#FFFFFF;
	padding:1px;
	font-size:123.1%;
	vertical-align:middle;
}

#bd-common .data-table th .small {
	font-size:85%;
}

#bd-common .data-table td {
	padding:1px;
	font-size:70%;
	font-family:verdana,tahoma,arial,helvetica,clean,sans-serif;
}

#bd-common .data-table td.label {
	background-color:#EEEEEE;
}

#bd-common .data-table td.data {
	padding-right:15px;
}


/* 
BODY CONTENT
*/
.t1 .bd-ct-hd .actions-area,
.t2 .bd-ct-hd .actions-area,
.t3 .bd-ct-hd .actions-area {
	font-size:13px;
}


.t1 .bd-ct-hd,
.t2 .bd-ct-hd,
.t3 .bd-ct-hd {
	font-size:116%;
	font-weight:bold;
	border-bottom:1px solid #000000;
	height:1.6em;
	line-height:1.6em;
	margin-bottom:.5em;
}



.t1 .bd-ct-ft,
.t2 .bd-ct-ft,
.t3 .bd-ct-ft {
	/* In pages but no styles*/

}

.t1 .bd-ct-instructions,
.t2 .bd-ct-instructions,
.t3 .bd-ct-instructions {
	padding: 3px 3px 3px 3px;
	background-color:#D8DCE2;
	margin-bottom:.5em;
}


.t1 .bd-ct-navigation,
.t2 .bd-ct-navigation {
	text-align:center;
}


/* SEARCH PARAMETER STYLES*/
#search-params {
	margin:10px 0 0 0;
	border:1px solid #E8ECEE;
}

#search-params .hd {
	font-size:100%;
	font-weight:bold;
	background-color:#E8ECEE;
	padding: 0 0 0 5px;
	height:1.5em;
	line-height:1.5em;
}

#search-params .ct {
	padding:5px;
}

#search-params .ct .label {
	font-weight:normal;
}

#search-params .ct .data {
font-weight:bold;
	padding-right:5px;
	padding-left:5px;
}

/* -- SEARCH RESULTS SCOLL BAR -------------------------------------------------- */
#scroll-bar {
	font-size:100%;
	background-color:#D8DCE2;
	margin-bottom:5px;
}

#scroll-bar table {
	margin-bottom:0;
}
#scroll-bar table td {
	vertical-align:middle;	
	/* override base settings */
	border:0;
	padding:.25em;
}

#scroll-bar .first-previous {
	text-align:left;
}

#scroll-bar .page {
	text-align:center;
}

#scroll-bar .next-last {
	text-align:right;
}


/*---HOME PAGE---*/
.left-column {
	width:45%;
	padding-right:10px;
	clear:left;
	text-align:left;
	float:left;
}

.right-column {
	width:45%;
	padding-left:10px;
	clear:right;
	text-align:left;
	float:right;
}

.homeBodyPageSection {
	padding:5px 0 5px 0; /* top right bottom left */
}

.homeBodyPageSection .header {
	height:1.5em;
	line-height:1.5em;
	font-size:123.1%;
	font-weight:bold;
	background-color:#CBCCD6;
	padding: 0 0 0 5px; /* top right bottom left */	
	margin: 0 0 5px 0;
}



.homeBodyPageSection .title{
	padding:5px 0 0 2px; /* top right bottom left */
	font-size:108%;
	font-weight:bold;
	/*display:inline; this makes the entire length clickable, we do not want that */
}




.homeBodyPageSection .instructions {
	font-family:Verdana, Tahoma, Arial, Helvetica, Sans-Serif;
	font-size:85%;	/* 10px=77%, 11px=85%, 12px=93%, 13px=100% */
	padding:2px 0 5px 2px; /* top right bottom left */
}

.homeBodyPageSection .form .label{
	font-weight:bold;
	padding-right:2px;
}




/* 
BODY SECTION
	Use/Requirements:
	1) Only be used inside a "bd-ct" div
	2) May have multiple body sections inside a "bd-ct" div
	3) Each body section should have at least the "content" div
	4) header and footer are not required for use
*/
.bd-sec {
	border:1px solid #D8DCE2;
	margin-bottom:1em;
}

.t1 .bd-sec,
.t3 .bd-sec {
	border:0;
	margin-bottom:1em;
}

/* 
Should only be used when defining a body section div and 
that div will only contain a body section content div and no header or footer.
 */
.ct-only {
	border:0;
}

.bd-sec-hd, .bd-sec-ft {
	height:1.5em;
	line-height:1.5em;
	font-size:108%;
	font-weight:bold;
	/*background-color:#D8DCE2;*/
	padding: 0 0 0 5px;
	border-bottom:1px solid #D3D3D3;
}

.bd-sec .bd-sec-ct {
	padding:.5em;
}

.bd-sec .login-page {
	padding:4em .5em;
}


.bd-sec .info-page {
	padding:.5em .5em;
}

.bd-sec .info-page .first {
	/* no styles, place holder */
}
.bd-sec .info-page .last {
	text-align:center;
}


/* 
BODY SUBSECTION
	Use/Requirements:
	1) Only be used inside a bd-sec content div
	2) May have multiple body subsections inside a bd-sec content div
	3) Each body section should have at least the "content" div
	4) header and footer are not required for use
*/
.bd-ssec {
	border: 1px solid #E8ECEE;
	margin-top:.5em;
	margin-bottom:.5em;
}

.bd-ssec .bd-ssec-hd, 
.bd-ssec .bd-ssec-ft {
	height:1.5em;
	line-height:1.5em;
	font-size:93%;
	font-weight:bold;
	background-color:#E8ECEE;
	padding: 0 0 0 5px;
}

.bd-ssec .bd-ssec-ct {
	padding:.5em;
	font-size:93%;
}





/* LABEL AND DATA FORMATS */
.data-table .label {
	font-weight:bold;
	text-align:left;
	vertical-align:top;
}

.data-table .data {
	font-weight:normal;
	text-align:left;
	vertical-align:top;
}

.form-table .label
{
	font-weight:bold;
	text-align:left;
	vertical-align:top;
}

.form-table .data {
	font-weight:normal;
	text-align:left;
	vertical-align:top;
}

.data ul {
	margin:0;
	list-style-position:inside;
	margin-left:1em;
}


/* Data and Form table spacing */
.data-table td, 
.data-table th, 
.form-table th, 
.form-table td {
	padding:.25em .25em;
	border:0;
}


.form-table td {
	padding:2px 2px 2px 2px;
	
}

.data-table td a.inline {
	display: inline;	
}

/* when just displaying the data, no forms */
.data-table td {
	vertical-align:top;
}

.data-table img {
	vertical-align:middle;
}

.data-table th, 
.form-table th, 
.data-table th a, 
.form-table th a{
	background-color:#01254D;
	color:#FFFFFF;
	text-align:left;
}


.data-table td a {
	padding:.25em .25em;
	display:block;
}

.data-table td.link a {
	padding:0;
}


table.data-table th {
	border:1px solid #FFFFFF;
}


table.data-table .unselected td {
	border-width: 1px 0 1px 0;
	border-style: solid;
	border-color: #D8DCE2;
	background-color: #FFFFFF;
}

table.data-table .selected td {
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: #999999;
	background-color:#E8ECEE;
	font-weight:bold;
}

table.data-table .selected td.last {
	border-width: 1px 1px 0 0;
	border-color:#999999;
}

table.data-table .selected td.first {
	border-width: 1px 0 1px 1px;
	border-color:#999999;
	padding:0; /* padding is supplied by link so it filleds the cell */
	text-align:center;
}



table.data-table .expanded td.last {
	border-width: 0 1px 1px 0;
	border-style: solid;
	border-color:#999999;
}


table.data-table .unselected td.first {
	border-left-width:1px;
	background-color:#E8ECEE;
	text-align:center;
	padding:0; /* padding is supplied by link so it filleds the cell */
}

table.data-table .unselected td.nolink,
table.data-table .selected td.nolink {
	padding:.5em .25em;
}

table.data-table .unselected td.last,
table.data-table .selected td.last {
	border-right-width: 1px;
}


table.data-table td.blankrow {
	height:6px;
	margin:0;
	padding:0;
	border:0;
}

/* remove borders from nested table */
table.expand-table td {
	border:0;
}

/* remove padding from cell, causes IE to expand outside border, padding applised to div */
table.data-table tr.expanded td.last {
	padding:0; 
}

table.data-table tr.expanded div.expanded {
	padding:.5em .25em;
}











/* PHOTO DISPLAY STYLES */
.grid {
	/*float: left;*/
	margin: 0 1em 1em 0;
	
	border:1px solid #D8DCE2;
	
}

.grid .header {
	text-align:center;
	font-size:100%;
	font-weight:bold;
	background-color:#D8DCE2;
	/*padding: 0 0 0 5px;*/
	height:1.5em;
	line-height:1.5em;
	width:100%;
}

.grid .content {
	padding:1em;
	text-align:center;
	margin: 0 auto;
}


/* PHOTO SIZE STYLES */
.photo-container {
	border:2px solid #EEEEEE;
	padding:2px;
	margin-left:auto;
	margin-right:auto;
}

.photo-size-sm {
	width:100px;
	height:75px;
}

.photo-size-md {
	width:200px;
	height:150px;
}

.photo-size-lg {
	width:300px;
	height:225px;
}

.photo-size-xlg {
	/*width:600px;
	height:450px;*/
	width:500px;
	height:375px;
}




/* MISC */
.requiredFieldMarker{
	color:red;
	font-weight:normal;
}

.smallInstructionText {
	font-size:77%;		
}	


/* use when displaying results in a table to alternate the background color of the rows */
tr.odd {
	
}

tr.even {
	background-color:#E3E4F0;
}

.hide {
	display:none;
}

/*.errors { 

	padding:.5em;
	border-style: solid; 
	border-width: 1px; 
	text-align:left; 
	margin-top: 1em; 
	margin-bottom: 1em;
	border-color: #c00; 
	background-color: #fcc;
}
*/
/* Message classes */
/* information macros */

.baseMsg { border-style: solid; border-width: 1px; text-align:left; margin-top: 3px; margin-bottom: 3px}
.warningMsg { border-color: #F0C000; background-color: #FFFFCE; }
.errorMsg { border-color: #c00; background-color: #fcc;  }
.infoMsg { border-color: #3c78b5; background-color: #D8E4F1; }
.successMsg { 1px; border-color: #090; background-color: #dfd;  }
.informationMsgPadding { padding: 5px 0 0 5px; }

table.infoMsg td, table.errorMsg td, table.successMsg td, table.warningMsg td, table.sectionMsg td {
    border: none;
}









.no-margin {
	margin-top: 0;
	margin-bottom: 0;
}

.bold {
	font-weight: bold;
}

.normal {
	font-weight: normal;
}

.center {
	text-align:center;
}

.middle {
	vertical-align:middle;
}



.progressBar {

}

.progressBar .header {
	font-size: 138.5%;
	font-weight: bold;
	margin-bottom:5px;
}


.progressBar .currentPage {
	font-size: 110%;
	color: green;
}

.progressBar .completedPage {
	color:#A9A9A9;
}

.progressBar .toBeCompletedPage {
	color:#808080;
}


.home-page {
	font-family: arial,helvetica,clean,sans-serif;
	background:url(../images/ma_seal_water_bw_small.jpg) no-repeat center center;
}

.home-page .header {
	font-size:123.1%;
	text-align:left;
}

.home-page .header2 {
	font-size:182%;
	text-align:center;
}

.home-page .link {
	font-size:182%;
	text-align:center;
}

.home-page .title {
	font-weight:bold;
}

.home-page .content {
	font-size:108%;
}

.home-page .notice {
	font-size: 85%;
	font-weight:bold;
}