﻿

/*
GENERIC STYLES
*/

body{font: 12px/16px Arial, Helvetica, sans-serif; color: #333333; background-color: #ecece7; line-height: 1.7em; padding: 0; margin: 0;}
input{font: 12px Arial, Helvetica, sans-serif;}

h3 {font: 15px Arial, Helvetica, sans-serif; font-weight: bold;}

.textAreaStyle{font: 12px Arial, Helvetica, sans-serif;}

.activeButton{background-color: #6d8ebc; background-image: url('../images/buttonBG.gif'); background-repeat: repeat-x;
	border: solid 1px #ccc; font-size: 11px; text-transform: uppercase; color: #fff; padding:4px 8px;}
.disabledButton{background-color: #ccc; background-image: url( "../images/buttonBGdisabled.gif" ); background-repeat: repeat-x;
	border: solid 1px #ccc; font-size: 11px; text-transform: uppercase; color: #fff; padding:4px 8px;}
.redButton{background-color: #660000; background-image: url( "../images/redbuttonBG.gif" ); background-repeat: repeat-x;
	border: solid 1px #ccc; font-size: 11px; text-transform: uppercase; color: #fff; padding:4px 8px;}
.greenButton{background-color: #336600; background-image: url( "../images/greenbuttonBG.gif" ); background-repeat: repeat-x;
	border: solid 1px #ccc; font-size: 11px; text-transform: uppercase; color: #fff; padding:4px 8px;}

div.clear{clear: both; width: 0px; height: 0px; overflow: hidden;}

.left, td.left, .borderTableContainer td.left, .borderTableContainer th.left{text-align: left;}
.center, td.center, .borderTableContainer td.center, .borderTableContainer th.center, th.center{text-align: center;}
.right, td.right, .borderTableContainer td.right, .borderTableContainer th.right{text-align: right;}

th.wrapText{ white-space:normal; background-color:Aqua; width:20px;}

a{color:#003399;}
a:hover{color:#333333;}

.mdheader{color: #660000; font-size: 14px; font-weight: bold;}
.header{color: #660000; font-size: 18px; font-weight: bold; padding: 15px 0 3px 0;}
/*
MASTER PAGE STYLES
*/

.container{width: 980px; margin: 0 auto; padding: 0 10px;}

.topArea{height: 125px; border-bottom: 1px #ccc solid; background-color: #fff; /*background-image: url( "../images/sealHeaderBG.gif" );*/
	background-repeat: no-repeat; background-position: left top;}

.topArea :active{text-decoration: none;}

.newLogo{float: left; padding: 0px; width: 93px; height: 107px; padding: 9px 0px 9px 9px;}
.newLogo img{border: none;}

.topLinkBar{float: right; display: inline; width: 860px; height: 37px; line-height: 1em; padding:15px 9px 0 0; text-align: right;}
.topLinkBar a, .toplinkbar a:active, .sa-topLinkBar a, .sa-toplinkbar a:active{color: #666666; 
	font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none;}
.topLinkBar a:hover, .sa-topLinkBar a:hover{text-decoration: underline;}
.topLink, .sa-topLink{background: none; display: inline;}
.topLinkBar ul, .sa-topLinkBar ul{list-style: none;}
.topLinkBar li, .sa-topLinkBar li{float: left; padding: 0px 10px 4px 10px; line-height: 10px; border-right: 1px solid #ccc;}
.topLinkBar li.last, .sa-topLinkBar li.last{border-right: none;}
.topLinkBar a, .sa-topLinkBar a{padding: 0px 10px 2px 6px; line-height: 10px; border-right: 1px solid #ccc;}
.topLinkBar a.last, .sa-topLinkBar a.last{border-right: none; padding-right: 0;}
.topLinkBar span{padding: 0px 10px 2px 6px; line-height: 10px; border-right: 1px solid #ccc;}


.mdHeader{text-align: left; font-size: 15px; padding: 5px;}

.dateTitle{float: right; width: 869px; height: 26px; padding:0; margin:0;}

.topAreaTitle{float:left; font-size: 18px; font-weight: normal; text-align: left; color: #333; 
	font-family:Arial Narrow, Arial, Helvetica, Sans-Serif; text-transform:uppercase;}
.topAreaTitleBold{font-size: 22px; font-weight: bold; padding-right:5px;}
.topAreaDate{float:right; font-size: 16px; font-weight: normal; text-align: left; color: #666666; padding-right:9px;
	font-family:Arial Narrow, Arial, Helvetica, Sans-Serif;}

.topNavContainer{float: right; height: 48px; width: 869px; border-top: 1px #ccc solid;}
.topNavContainer td{text-align: center; height: 47px; width:20%; background-image: url( '../images/topNavItemSide.gif' );
	background-repeat: no-repeat; background-position: top left;}
.topNavContainer a{font-size: 12px; color: #000; font-family: Arial, Helvetica, sans-serif; display: block; height: 35px;
	text-decoration: none; padding: 9px 0 3px 0; margin-left: 1px; background-image: url( "../images/ltblueButtonBGoff.gif" );
	background-repeat: repeat-x; background-position: left top;}
.topNavContainer a:hover{text-decoration: none; background-image: url( "../images/ltblueButtonBGon.png" ); background-repeat: repeat-x;
	background-position: left top;}
.topNavContainer td.active a{background-image: url( "../images/ltblueButtonBGon.png" );}

.content{clear: both; width: 100%; overflow: hidden; background-color: #fff; margin: 5px 0px 0px 0px; padding:0 0 15px 0; border-top: 1px #ccc solid;
	/*background-image: url(../images/sealBodyBG2.gif); */background-position: left top; background-repeat: no-repeat;}
.contentInner{padding: 15px;}

.rightColumn{width:721px; float:right;}

.footer{font-size: 12px; color: #666666; border-top: 1px #ccc solid; padding: 1em 0 1em 0;}
.footer p, .sa-footer p{height: 26px; margin: 0; padding: 0;}
.footer a, .sa-footer a{color: #666666; text-decoration: none; border-right: 1px #666 solid; padding-right: 5px; margin-right: 5px;}
.footer a.last, .sa-footer a.last{border-right: none; padding-right: 0px; margin-right: 0px;}
.footer a:hover, .sa-footer a:hover{color: #666666; text-decoration: underline;}
.footer p.cookCounty, .sa-footer p.cookCounty{}
.footer a.cookCountyLink, .sa-footer a.cookCountyLink{border-right: none; padding: 6px 0 6px 30px; margin-right: 0px;
	background-image: url( "../images/WillCountySealSm.jpg" ); background-repeat: no-repeat; background-position: left top;}
.footerLeft, .sa-footerLeft{float: left; text-align: left;}
.footerLeft a {text-decoration: underline;}
.footerRight, .sa-footerRight{float: right; text-align: right;}

.footerPrint{display:none}

/*
SITE ASSIGNMENT MASTER PAGE STYLES
*/

.sa-container{width: 100%; min-width:1278px; margin: 0 auto; padding:0; /*background-image: url( "../images/sealHeaderBGall.gif");*/
	background-repeat: no-repeat; background-position: left top; background-color:#fff;}
	
.sa-topArea{height: 64px; border-bottom: 1px #ccc solid; }

.sa-newLogo{float: left; padding: 0px; width: 40px; height: 46px; padding: 9px 0px 9px 9px;}
.sa-newLogo img{border: none;}

.sa-topLinkBar{float: right; display: inline; width: auto; height: 49px; line-height: 1em; padding:15px 9px 0 0; text-align: right;}

.sa-dateTitle{float:left; width:auto; height: 26px; padding:36px 0 0 9px; margin:0;}

.sa-topAreaTitle{float:left; font-size: 18px; font-weight: normal; text-align: left; color: #333; 
	font-family:Arial Narrow, Arial, Helvetica, Sans-Serif; text-transform:uppercase;}
.sa-topAreaDate{float:right; font-size: 16px; font-weight: normal; text-align: left; color: #666666; padding:17px 0 0 0;
	font-family:Arial Narrow, Arial, Helvetica, Sans-Serif;}
.sa-topAreaDate span{padding:0; border-right:none;}

.sa-footer{font-size: 12px; color: #666666; border-top: 1px #ccc solid; padding: 1em 9px;}

.silverlightContainer{text-align:center; padding:10px 0 0 0;}

/*
BREADCRUMB AND PAGE TITLE STYLES
*/

/*
.defaultCrumb{background-color:#666; background-image:url(../images/defaultBannerBG.gif); height:50px; background-position:right center; background-repeat:no-repeat;}
*/
.defaultCrumb{background-color: #a1b0d6; height: 50px;}
.breadcrumb{float: left; width: 450px; color: #fff; font-size: 11px; padding: 28px 18px 0px 18px; height: 22px; margin: 0px;
	font-family: Arial, Helvetica, sans-serif; border-bottom: none; /*background-image: url(../images/sealBodyBG3.png);*/
	background-position: left top; background-repeat: no-repeat;}
.breadcrumb a, .breadcrumb:active, .breadcrumb a:active{padding-left: 0px; padding-right: 0px; text-decoration: none; color: #fff;}
.breadcrumb a:hover{text-decoration: underline;}
.breadcrumbCurrent{font-weight: bold;}

.pageTitle{float: right; text-align: right; margin: 0; padding: 0 15px 0 0;}
.pageTitle h1{text-transform: uppercase; font-size: 28px; font-weight: normal; font-family: Arial Narrow, Arial, Helvetica, sans-serif;
	color: #fff; margin: 0; padding: 15px 0 0 0;}

/*
DATA TABLE STYLES
*/

.rowheader{background-color: #f0f0f0; font-weight: bold;}
.row1{background-color: #fff;}
.row1:hover{background-color: #ffffcc;}
.row2{background-color: #f0f0f0;}
.row2:hover{background-color: #ffffcc;}
.rowactive{background-color: #ffffcc; border: solid 1px Red;}

.verticalTable{border: solid 1px #ccc; padding: 10px;}
.verticalTable table{}
.verticalTable th{text-align: right; padding: 4px; white-space: nowrap;}
.verticalTable td{text-align: left; padding: 4px; margin-left: 80px;}
.verticalTableHeaders{background-color:#f0f0f0; border: solid 1px #ccc; padding: 10px; text-align: center;}
.verticalTableDashboard{}
.verticalTableDashboard table{margin-left: auto; margin-right: auto;}
.verticalTableDashboard th{text-align: right; padding: 4px; white-space: nowrap;}
.verticalTableDashboard td{text-align: left; padding: 4px; margin-left: 80px;}

.loginLeft {border: solid 1px #ccc; padding: 15px; vertical-align: top;}
.loginMiddle {width: 15px;}
.loginRight {border: solid 1px #ccc; padding: 15px; width: 250px; vertical-align: top;}
.loginRight table{}
.loginRight th{text-align: right; padding: 4px; white-space: nowrap;}
.loginRight td{text-align: left; padding: 4px; margin-left: 80px;}


table.loginContainer th{text-align:right;}
table.loginContainer td{text-align:center;}

.dataTable{border: solid 1px #ccc; padding: 0px; margin: 0; vertical-align: top;}
.dataTable th{background-color: #f0f0f0; white-space: nowrap;}
.dataTable td{}


.dataGridTable{padding: 0px; margin: 0; vertical-align: top; line-height:1.3em;}
.dataGridTable table{border-style:none; padding:0;}
.dataGridTable tr:hover{ background-color:#ffffcc;}
.dataGridTable.noHover tr{ background-color: transparent;}
.dataGridTable th{padding:5px 5px; background-color: #f0f0f0; border-style:none; border-bottom: solid 1px #ccc;}
.dataGridTable td{padding:5px 5px; border-style:none; border-bottom: solid 1px #ccc;}
.dataGridTable td.noWrap{white-space: nowrap;}
.dataGridTable td.noLine{border-bottom:none;}
.dataGridTable td.doubleLine{border-bottom:solid 3px #ccc;}
.dataGridTable td.noPadding{padding:0px !important;}
.dataGridTable td.altLine{border-bottom:dashed 1px #ccc;}



td.tableAddLink{background-color:#f0f0f0;}

.dataGridTable tr.dataGridTablePager td{border-style:none; padding:5px 0px;}
.dataGridTable tr.dataGridTablePager td span{color: #000; font-weight:bold; background-color:#fff; border: 1px #ccc solid; 
	padding: 2px 6px; margin:0 5px 0 0; font-size:12px; text-decoration:none; width:15px; text-align:center;}
.dataGridTable tr.dataGridTablePager td a{color: #7a1618; font-weight: normal; background-color:#fff; border: 1px #ccc solid; 
	padding: 2px 6px; margin:0 5px 0 0; font-size:12px; text-decoration:none; width:15px; text-align:center;}
.dataGridTable tr.dataGridTablePager td a:hover{ background-color:#ffffcc;}

.judgedashboard {margin: 1em 0em 1.5em 0;}


@media print
{
	.dataReportTable{display: none;}
}

.dataReportTable{border: solid 1px #ccc; padding: 0px; margin: 0; vertical-align: top; width: 950px;}
.dataReportTable th{background-color: #f0f0f0; white-space: nowrap;}
.dataReportTable td{}

.simpleTable{padding: 10px;}
.simpleTable th{padding: 4px; text-align: right;}
.simpleTable td{text-align: left; padding: 4px;}
.simmpleResultsLeft{border: solid 1px #ccc; padding: 0px; margin: 0; vertical-align: top; width: 590px;}
.simpleTableResultsLeftContent{width: 100%; overflow: auto;}


/*
MISC STYLES
*/

.activityTableContainer{padding: 1em 0 0 0;}
.activityTableContainer th{padding:4px !important; border-style:none; background-color: #f0f0f0; border-bottom: solid 1px #ccc;}
.activityTableContainer td{padding:4px !important;}

.leftNavContainer{float:left; width:180px; border:solid 1px #ccc; padding:15px;}
.bodyContainer{float:right; width:721px;}

.profileVerticalContainer{line-height:1.3em;}
.profileVerticalContainer h2{margin:0; padding:0 0 10px 0;}
.profileVerticalContainer th{text-align:left; padding:0 5px 5px 0; vertical-align:top;}
.profileVerticalContainer td{text-align:left; padding:0 0 5px 0; vertical-align:top;}
.profileVerticalContainer ul{margin:1em 0 1em 1em; padding:0;}
.profileVerticalContainer li{margin:0; padding:0;}

.selectTableContainer{border-bottom: solid 1px #ccc; padding-bottom: 10px;}
.selectTableContainer table{width:100%;}
.selectTableContainer th{text-align: right; padding: 4px; white-space: nowrap;}
.selectTableContainer td{text-align: left; padding: 4px; margin-left: 80px;}

.simpleTableContainer{line-height:1.3em;}
.simpleTableContainer h2{margin:0; padding:0;}
.simpleTableContainer h3{margin:0; padding:15px 0; color:#660000;}
.simpleTableContainer th{text-align:left; padding:2px 5px 2px 0; vertical-align:top;}
.simpleTableContainer td{text-align:left; padding:2px 0 2px 0; vertical-align:top;}
.simpleTableContainer ul{margin:1em 0 1em 1em; padding:0;}
.simpleTableContainer li{margin:0; padding:0;}

.borderTableContainer{line-height:1.3em; border: solid 1px #ccc; padding: 10px; margin: 5px 0 0 0;}
.borderTableContainer h2{margin:0; padding:0}
.borderTableContainer h3{margin:0; padding:15px 0; color:#660000;}
.borderTableContainer th{text-align:left; padding:2px 15px 2px 0; vertical-align:top;}
.borderTableContainer td{text-align:left; padding:2px 15px 2px 0; vertical-align:top;}
.borderTableContainer ul{margin:1em 0 1em 1em; padding:0;}
.borderTableContainer li{margin:0; padding:0;}
.checkboxSpace input{}
.checkboxSpace label{padding:0 10px 0 0;}

.moduleContainer{border:solid 1px #ccc; padding:15px; margin:0 0 15px 0;}
.moduleContainer h2{margin:0; padding:0 0 auto 0;}
	
.TabbedPanelsContent h3, .moduleContainer h3{margin:auto; padding:10px 0; color:#660000;}
.TabbedPanelsContent ul, .moduleContainer ul{margin:1em 0 auto 1em; padding:0;}
.TabbedPanelsContent li, .moduleContainer li{margin:0; padding:0;}

td.hideBorder{border-bottom:none;}

.dash1{width:18%;}
.dash2{width:18%;}
.dash3{width:20%;}
.dash4{width:44%;}

.caption{font-size:11px; font-style:italic;}

.repeatTitle{text-transform: uppercase; font-size: 10px; font-weight: normal; font-family: Arial Narrow, Arial, Helvetica, sans-serif;
	color: #666; margin: 0;}

.middleAlign{vertical-align:middle;}
.small{font-size: 11px;}
.red{color: #FF0000;}
.green{color: #009900;}
.topMargin{margin:1.5em 0 0 0 !important;}
.noTopMargin{margin:0 0 1em 0 !important; padding:0 !important;}
.noMargin{margin:0 !important; padding:0 !important;}
.normalMargin{margin:1em 0 !important;}
.bottomMargin{margin:0 0 1em 0 !important;}
.doubleBottomMargin{margin:0 0 2em 0 !important;}
.noPadding{padding:0 !important;}
.floatRight{float:right;}
td.indentLeft{padding:5px 0 15px 20px}
td.padLeft{padding:5px 0 0 20px}
.smallitalic{font-size: 11px; font-style: italic;}


.assignmentButton{background-color: #6d8ebc; background-image: url( "../images/buttonBGlg.gif" ); background-repeat: repeat-x;
	border: solid 1px #ccc; font-size: 15px; color: #fff; padding:10px 15px; text-decoration:none; font-weight:bold;}

.dashboard{}
.dashboard table{ border-collapse:collapse;}
.dashboard td{ background-color:#fff; padding:10px 10px; border:solid #ccc 1px; vertical-align:top; line-height:1.2em; width:20%;
	text-align:center;}
.dashboard td:hover{ background-color:#ffffcc;}
.dashboardLabel{font-size:12px; padding:0 0 10px 0; text-transform:uppercase; color:#666;}
.dashboardNumber{font-size:24px; padding:0 0 5px 0; font-weight:bold;}
.dashboardPercent{font-size:18px; color:#666; font-weight:normal;}
.dashboardRole{font-size:18px; color:#666; font-weight:normal;}

.required{color:Red;}

/*
ICON STYLES
*/

.iconContainer{width:100%; margin:auto 0;}
.iconImage{float:left; width:25px; height:25px;}
.iconLabel{float:left; padding: 3px 0 0 7px; font-size:18px; font-weight:bold; color:#660000;}
.iconLabelNoPadding{float:left; padding: 3px 0 0 0px; font-size:18px; font-weight:bold; color:#660000;}
.iconAlertLabel{float:right; width:657px; padding:0; font-weight:bold; color:Red;}
.iconOKLabel{float:right; width:657px; padding:0; font-weight:bold; color:Green;}

.iconAlertLabel.wide, .iconOKLabel.wide{width:887px;}

.notOk{color:Red;}
.ok{color:Green;}
.overline{margin-top: 1em; padding-top: 1em; border-top: dotted 1px #ccc;}
.underline{margin-bottom: 1em; padding-bottom: 1em; border-bottom: dotted 1px #ccc;}
.alert{color:Red; font-weight:bold;}
.na{color:#666666;}
.pending{color:#bc860b;}
.one, .two, .three, .four, .five{color:#660000;}

.legendContainer{border:solid 1px #ccc; padding:10px; margin:0 0 15px 0; background-color:#f0f0f0;}
.legendContainer td{padding-right:5px;}

td.iconTD{width:25px; text-align:left; vertical-align:top; border:none; border-collapse:collapse;}
td.statusTD{width:100px; padding-top:9px; text-align:left; vertical-align:top; border:none; border-collapse:collapse;}
td.messageTD{width:auto; padding-top:9px; text-align:left; vertical-align:top; border:none; border-collapse:collapse;}

.print-download{font-size: 12px; margin:0; padding: 3px;}
.icon-ItemRight{padding:3px; margin: 0 0 3px 0; text-align:right; float: right;}

a.download{color:#333333; text-decoration:none;}
a:hover.download{color:#cc0000; text-decoration:underline;}
a.download{margin-left: 10px; background-image: url('/images/download.gif'); background-position: left center; background-repeat: no-repeat; padding-left: 17px;}

a.active{color:#333333; text-decoration:underline;}
a:hover.active{color:#cc0000; text-decoration:underline;}
a.active{margin-left: 0px; background-position: left center; background-repeat: no-repeat; padding-left: 5px;}

a.inactive{color:#333333; text-decoration:underline;}
a:hover.inactive{color:#cc0000; text-decoration:underline;}
a.inactive{margin-left: 0px; background-position: left center; background-repeat: no-repeat; padding-left: 5px;}

.sPrevLink{background-image:url(../images/leftArrow.png); background-repeat:no-repeat; background-position:left center; font-weight: bold; font-size: 18px; 
padding:10px 10px 10px 25px;}

.sNextLink{background-image:url(../images/rightArrow.png); background-repeat:no-repeat; background-position:right center; font-weight: bold; font-size: 18px; 
padding:10px 25px 10px 10px;}

.sAddLink{background-image:url(../images/addSign.png); background-repeat:no-repeat; background-position: right center; font-weight: bold; font-size: 18px; 
padding:10px 25px 10px 25px;}


/*
SEARCH STYLES
*/

.searchMainTable{border: solid 1px #ccc; padding: 10px; margin-bottom: 10px; width: 565px;}
.searchMainTable th{text-align: left; font-weight: bold; padding: 0 10px 5px 0;}
.searchMainTable td{text-align: left; font-weight: normal; padding: 0 10px 5px 0;}
.searchTable{padding: 0px 0 1em 0; margin: 0px;}
.searchTable th{text-align: right; font-weight: bold; padding: 0 10px 0 0;}
.searchTable td{text-align: left; font-weight: normal; padding: 0 10px 0 0;}
.searchSpacer{width: 10px; height: 10px;}
.searchRight{padding: 0px; margin: 0; vertical-align: top; width: 350px; border: solid 1px #ccc;}
.searchTableCodes{text-align: center; font-size: 15px; background-color: #f0f0f0; border-bottom: solid 1px #ccc; padding: 5px;}
.searchTableCodesRed{text-align: center; font-size: 18px; font-weight: bold; background-color: #009900; color: #fff;
	border-bottom: solid 1px #ccc; padding: 10px;}
.searchTableCodesNote{background-color: #fff; border: solid 1px #ccc; padding: 3px 8px; font-size: 11px; font-style: italic; color: #666;
	font-weight: normal;}
.searchTableCodesData{background-color: #fff; border: solid 1px #ccc; padding: 3px 8px; font-weight: bold; color: #7a1618;}
.signature td{text-align: center; padding: 5px 0; border-bottom: solid 1px #ccc;}
.signature img{}
.searchTableNotice{text-align: center; font-size: 12px; background-color: #ffff99; border-bottom: solid 1px #ccc; padding: 5px;}
.searchTableNoticeNote{font-style: italic; color: #FF0000; font-weight: normal;}
.searchTableSelection{padding: 10px; margin-bottom: 0; vertical-align: top;}
.searchTableSelection th{text-align: right; font-weight: bold; padding: 0px 5px 0px 0px; vertical-align: top; width: 80px;}
.searchTableSelection td{text-align: left; font-weight: normal; padding: 0px 5px 0px 0px; vertical-align: top;}
.searchTableSelection .borderLeft{border-left: solid 1px #ccc;}
.searchTableSelection .code{background-color: #9999ff; padding: 3px 8px; font-weight: bold;}
.searchTableSelection .active{background-color: #99ff99; padding: 3px 8px; font-weight: bold;}
.searchTableSelection .inactive{background-color: #ff9999; padding: 3px 8px; font-weight: bold;}
.searchTableSelection .cancelled{background-color: #cccccc; padding: 3px 8px; font-weight: bold;}
.searchResultsLeft{border: solid 1px #ccc; padding: 0px; margin: 0; vertical-align: top; width: 585px;}
.searchResultsLeftContent{width: 100%; overflow: auto; height: 425px;}
.searchResultsLeftContent .active{background-color: #99ff99; padding: 3px 8px; font-weight: bold;}
.searchResultsLeftContent .inactive{background-color: #ff9999; padding: 3px 8px; font-weight: bold;}
.searchResultsLeftContent .cancelled{background-color: #cccccc; padding: 3px 8px; font-weight: bold;}
.searchResultsLeft th{background-color: #f0f0f0; white-space: nowrap;}
.searchResultsSpacer{width: 15px; height: 15px;}
.searchResultsRight{width: 25%; vertical-align: top; text-align: left; border: solid 1px #ccc; padding: 10px; margin: 10px 0 0 0;}
.searchResultsRightContent{}


/* TABBED PANEL STYLES */

.TabbedPanels{margin: 0px; padding: 0px; float: left; clear: none; width: 100%;}
.TabbedPanelsTabGroup{margin: 0px; padding: 0px;}
.TabbedPanelsTab{position: relative; top: 1px; float: left; padding: 5px 10px; margin: 0 5px 0 0; background-color: #cccccc;
	border: solid 1px #CCC; border-bottom: none; -moz-user-select: none; -khtml-user-select: none; cursor: pointer; width: auto;
	height: auto; text-align: center;}
.TabbedPanelsTabHover{background-color: #fff;}
.TabbedPanelsTabSelected{background-color: #fff; border-bottom: none;}
.TabbedPanelsTab a{color: black; text-decoration: none;}
.TabbedPanelsContentGroup{clear: both; border: solid 1px #CCC; background-color: #fff;}
.TabbedPanelsContent{padding:15px;}


/* HELP STYLES */

.helpContainer{width: 289px; visibility:hidden; position:absolute; left:0px; top:0px;}
.helpHeader{background-image: url( "/images/helpTop.png" ); background-repeat: no-repeat; background-position: left top; width: 289px;
	height: 11px;}
.helpBody{background-image: url( "/images/helpMiddle.png" ); background-repeat: repeat-y; background-position: left top; width: 259px;
	padding: 4px 15px;}
.helpBody h3{color: #660000; margin:0; padding:0;}
.helpFooter{background-image: url( "/images/helpBottom.png" ); background-repeat: no-repeat; background-position: left top; width: 289px;
	height: 11px;}
.helpClose{float: right; border: 1px #ccc solid;}
.helpClose a:link{font-weight: bold; color: #7a1618; text-decoration: none; padding: 4px 5px; text-transform: uppercase;}
.helpClose a:hover{text-decoration: underline; }
.helpClose a:visited{font-weight: bold; color: #7a1618; text-decoration: none;}
.helpBody ul{list-style-image: url( "/images/bullet_red_arrow.gif" ); margin: 5px 0 0 15px; padding: 0;}
.helpBody ul li{margin: 0; padding: 0 0 2px 0;}

.iWant-Help{float: right; color: #7a1618; font-weight: bold; background-color: #fff; border: 1px #ccc solid; padding: 2px 6px;}

a.iWant-Help-Inline{color: #7a1618; font-weight: bold; background-color:#fff; border: 1px #ccc solid; padding: 2px 6px; margin:0 0 0 5px ;
	font-size:12px; text-decoration:none; width:15px; text-align:center;}
a.iWant-Help-Inline:hover{ background-color:#ffffcc;}

.iWant-Other{background-color: #fff; font-family: Arial, Helvetica, sans-serif;}
iWant-Other .iWant-Help a:hover{color: #7a1618; text-decoration: underline;}

a.print {text-decoration:none; color:#999999; background-image:url( "/images/print.gif"); background-repeat:no-repeat; 
	background-position:left center; font-size:11px; padding:0 0 0 18px;}
a.print:hover{text-decoration:underline; color:#cc0000; background-image:url( "/images/print_hover.gif"); background-repeat:no-repeat; 
	background-position:left center; font-size:11px; padding:0 0 0 18px;}
	
/* Ajax Tab Styles */

.CatalystTabs .ajax__tab_header{ color: #333333; z-index: 0; height:30px;}

.CatalystTabs .ajax__tab_outer{color: #333333; margin:0 5px 0 0; text-align: center; border:solid 1px #cccccc; border-bottom:none; z-index: 0;}
.CatalystTabs .ajax__tab_hover .ajax__tab_outer{ color: #333333; z-index: 0; background-color:#cccccc; cursor: pointer;}
.CatalystTabs .ajax__tab_active .ajax__tab_outer{ color: #333333; z-index: 0; background-color:red;}

.CatalystTabs .ajax__tab_inner{color: #333333; z-index: 0; text-align: center;}
.CatalystTabs .ajax__tab_hover .ajax__tab_inner { color: #333333; z-index: 0; background-color:Fuchsia; cursor: pointer;}
.CatalystTabs .ajax__tab_active .ajax__tab_inner { color: #333333; text-align: center; z-index: 0; background-color:Blue; }

.CatalystTabs .ajax__tab_tab{color: #333333; z-index: 0; text-align: center; padding:5px 10px; background-color:#ccc; height:20px;}
.CatalystTabs .ajax__tab_hover .ajax__tab_tab { z-index: 0; background-color:#fff; cursor: pointer;}
.CatalystTabs .ajax__tab_active .ajax__tab_tab { color: #333333; text-align: center; z-index: 0; background-color:#fff; height:20px;}

.CatalystTabs .ajax__tab_body{margin:0px; vertical-align: middle; z-index: 0;}


/* Collapse Content Styles */

.collapseHeader{cursor: hand; cursor: pointer; margin:1em 0 0 0; padding:0;}
.collapseContent{padding:0 0 5px 0;}
.openContent{font-size:14px; font-weight:bold; color:#660000;}
.closedContent{text-decoration:none; font-size:14px; font-weight:bold; color:#660000;}
.closedContent:hover{color:#333333;}
.accordprefix{float:left;}
.accordprefix img{float:left;}
.accordLabel{height:20px; display:block; width:300px; float:left; padding:0 0 0 5px;}
.accordprefix span{height:20px; display:block; padding:0 0 0 5px; float:left;}

/* Bread Crumb Wizard */

.steps {padding: 0 0 5px 0;}
.sText, .sActiveText{font-family:Arial Narrow,Arial,Helvetica,sans-serif; font-size:13px; text-align:center; line-height: 1.2em; padding:10px 10px 5px 10px; width:1%; text-transform:uppercase; white-space:nowrap; color:#666666;}
.sText a{color:#003399; text-align: center;}
.sActiveText{color:#7a1618; background-image:url(/images/crumbTopArrowRed.png); background-repeat:no-repeat; background-position:center top; font-weight:bold;}
.sActiveText a{color:#7a1618;}
.sActiveText a:hover{color:#003399;}
.sArrow{background-image:url(/images/crumbArrowGray.png); background-repeat:no-repeat; background-position:right center;}
.sVisitedArrow{ background-image:url(/images/crumbArrowBlue.png); background-repeat:no-repeat; background-position:right center;}

.printHeader { display:none;}

/* MULTIPLE LINES - READ-ONLY ANSWERS */
.read-only-answer {
	display: block;
	word-break: break-word;
}
.read-only-field {
	margin-bottom: 10px
}
	.read-only-field:last-child {
		margin-bottom: 0;
	}

/* ANSWERS WORD BREAK  */
.answers table td {
	word-break: break-word
}
.answers .DDDetailsTable th {
	min-width: 65px;
}