/*/*/
/* SC.GOV Partner Styles - Copyright South Carolina 2006 /*

/** Useful Shortcuts:
*	font: font-style  font-variant  font-weight  font-size / line-height  font-family
*	background:  background-color  background-image  background-repeat  background-attachment  background-position 
*	border: border-width  border-style  border-color 
*	margin: top right bottom left 
*	padding: top right bottom left
***/

fieldset {
	display: block;
	margin: 0 0 1.5em 0;
	border: 0 solid #FFFFFF;
	border-top: 1px solid #CCC;
	padding: 1em .5em 0em 1em;
	clear: both;
	}
	fieldset.noLegend {border: none;
}
legend {
	color: #003399; 
	font-weight: bold; 
	font-size: 1.05em;
}
label, input, select, textarea {
	display: block;
	/*width: 150px;*/
	float: left;
	margin: 0px 0 .5em 0px;
	}
	label, p.label {
	text-align: right;
	width: 13em;
	padding: .2em 5px .3em 5px;
	border: 1px solid #EFEFEF;
	margin-right: .3em;
	}
	div.tabs fieldset {
	background: #FFF;
}
textarea {width: 350px; font: normal 1em/120% Arial, Helvetica, sans-serif; padding: .5em;}
input.button {float: right;}
input[type=submit] {
  -webkit-appearance: none;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -moz-box-shadow: -1px 0px 1px 0px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: -1px 0px 1px 0px rgba(0, 0, 0, 0.5);
  box-shadow: -1px 0px 1px 0px rgba(0, 0, 0, 0.5);
  border: none;
  color: #000;
  padding: 0.25em 0.5em;
  display: inline-block;
  margin: 1em 0.5em 0.5em 0.5em;
  background: #E3C773;
  font-size: 17px;
  font-weight: bold;
  cursor: pointer;
  /*float: left;*/
  border: 1px solid #c89e23;
}
input[type=submit]:hover {
  background: #c89e23;
}
/*input[type=submit].main {
	float: right;
}*/
input[type=submit].deleteBtn {
    float: left;
    background: #E50303;
    color: #fff;
  border: 1px solid #a10202;
}
input[type=submit].deleteBtn:hover {
    background: #a10202;
}
table input[type=submit] {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
table input[type=submit]:hover {
    background: transparent;
    color: inherit;
    text-decoration: inherit;
}
input[type=submit].searchBtn {
    margin-top: -0.25em;
}
input.link,
input[type=submit].link {
	background: none; 
	border: none; 
	font: normal 100%/100% Tahoma, Verdana, Arial, sans-serif; 
	margin: 0 -3px;
	padding: 1px 0;
	display: inline;
	color: #003399;
	outline: none;
	float: none;
	text-align: left;
	width: auto;
	text-decoration: underline;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
	}
	input.link:hover {
	color: navy !important;
	background-color: #FFFFCC;
	cursor: pointer !important;
	text-decoration: none;
}

br {clear: left;}


/********************** Secondary Form Elements **************************/
.offScreen {margin: 0 0 -1.3em -8000px; display: block; float: left;} 

label span.required {margin-right: .1em; float: none; padding-top: 0; display: inline;}
span.required {color: red;}

p.label { /* Displays similar to labels */
	font-weight: bold; 
	margin: 0px .3em .5em 0px; 
	text-align: left;
	} 

label.heading {border: none; width: auto; font-weight: bold;}

fieldset em, fieldset span {padding-top: .4em; display: block; float: left; margin-left: 5px;}
	fieldset label em {float: right; padding-top: .6em;}
	fieldset em.note {padding-top: 0em; margin: -.3em 0 .5em 14.5em;} /* Appears inline with input fields */

hr {
	color: #EFEFEF;
	background-color: #EFEFEF; 
	height: 3px; 
	border: 0; 
	margin: 15px 0;
	clear: both;
}
div.spacer {padding-bottom: 1em; clear: both;}
div.nested {
	background-color: #F5F5F5; 
	padding: 1em; 
	margin: 1.5em 0; 
	border-bottom: 0px solid #CCC; 
	lear: both;
}

/* For long radio/check labels that need to be reversed and appear alone. */
fieldset.radio label {text-align: left; padding: 0 5px; border: none; width: 200px; background: none;}
fieldset.radio input {margin: 0 0 1em 2em;}

/* Radio/Checkbox sets appearing next to others fields.  
   Use a preceding label instead of a legend */  
fieldset.checks, fieldset.shortLabelChecks, 
div.question fieldset, fieldset.radio-name-search {
	float: left; 
	border: none; 
	padding: .4em 0 .5em 5px; 
	margin: 0; 
	clear: none; 
	}
fieldset.radio-name-search {margin: 0 0 1.5em 0em; padding-left: 14.3em;}
fieldset.checks label, fieldset.shortLabelChecks label, 
div.question fieldset label, fieldset.radio-name-search label {
	padding: 0 0 0 5px; 
	text-align: left; 
	border: none; 
	width: 280px;
	background: none;
	}
fieldset.checks input, fieldset.shortLabelChecks input, 
div.question fieldset input, fieldset.radio-name-search input {margin: 0 0 .8em 0em; }
fieldset.shortLabelChecks label, fieldset.radio-name-search label {width: 110px;} 
div.question fieldset {margin: 1.3em 0 1em 3em;}/* For a question with radio button answers */
div.question fieldset label {width: auto;}
div.question p {font-weight: bold; float: left; margin-top: 1.5em;}


/* For a lone checkbox, where label follows input */
div.loneCheckbox input {margin: 2em 0 0 10.8em;}
div.loneCheckbox label {width: 360px; font-weight: bold; margin: 2.1em 0 0 .4em; border: 0; text-align: left;}


/********************** MESSAGE REPORTING **************************/
.errorSummary {
	color: #990000;
	font-weight: bold;
	border: 3px solid #FBA091;
	display: block;
	padding: .6em .5em .6em 3.5em;
	background:  #FFCCCC url(../images/error.gif) no-repeat center left;}
	.errorSummary a {color: #000;}
	ul.errorSummary li { list-style-type: none;}
#contentLeft fieldset label.first .error {top: -3.2em;}
.error {
	color: #FF0000; 
	font-weight: bold;
	position: relative;
	float: left;
	width: 125px;
	padding-top: .4em;
}
.success, .info, .caution {
	color: #000;
	font-weight: bold;
	border: 3px solid #EFEFEF;
	display: block;
	padding: .6em .5em .6em 3.5em;
	background: #FFF url(../images/success.gif) no-repeat 6px center;}
.info {background: #FFF url(../images/information.gif) no-repeat 6px 2px; height: 100%;}
.caution {background: #FFF9D2 url(../images/caution.gif) no-repeat 6px 2px;}



/********************* Tabbed Menus for Tables ***********************/
table.tableTabs {margin-top: 0; width: 535px; border-color: #BBB; border-top: none;}
table.tableTabs caption {
	text-indent: -3000px; 
	padding: .7em 0; 
	margin: 0; 
	background: #FFF9D2; 
	border: 1px solid #BBB;
}
table.tableTabs span.edit {
	background: url(../images/icon-edit.gif) no-repeat 0 50%;
	padding: 3px 0 1px 17px;
	font-style: italic;
	}
	table .active, table .inactive  {
	background: url(../images/icon-tick.gif) no-repeat 0 50%;
	padding: 2px 0 2px 18px;
	margin: 0;	
	font-style: normal;
	font-size: 1em;
	border: none;
	text-decoration: underline;
	color: #003399;
	}
	table .active:hover, table .inactive:hover  {color: #D6B13C; text-decoration: none; }
	table .inactive {background-image: url(../images/icon-cross.gif); font-style: italic;}
	tablespan.filed, table.tableTabs .flagged {
	background: url(../images/icon-folder.gif) no-repeat 0 50%; 
	padding: 3px 0 1px 19px;
	font-weight: bold;
	}
	table.tableTabs .flagged {background: url(../images/icon-warning.gif) no-repeat 0 50%;}

p.tabs, div.tabs {
	padding: 3em 1em 1em; 
	margin: 0 0 2em 0; 
	background: #FFF9D2; 
	border: 1px solid #BBB;
}
div.fade {background: #FFF url(../images/tabFade.jpg) no-repeat 0 0; border: none;}
div.tabs h3 {border-bottom: 2px solid #555; padding-bottom: .2em; clear: both; }

div.tableTabs {
	position: relative;
	width: 530px;
	height: 3em;
	width: 535px; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
	margin-top: 1em;
}
div.tableTabs ul.primary a.nav2Section {background: #F6F6F6; color: #0737A3; font-weight: bold; }
div.tableTabs ul.primary {
	margin: 0; 
	padding: 0;
	position: absolute;
	bottom: -1px;
	width: 535px; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
	}
	div.tableTabs ul.primary li  {
	display: inline;
	list-style: none;
	}
	div.tableTabs ul.primary a,div.tableTabs ul.primary span,div.tableTabs ul.primary a.current {
	display: block;
	float: left;
	padding: 5px .7em;
	margin: 1px 2px 0 0;
	text-align: center;
	font-family: tahoma, verdana, sans-serif;
	font-size: 110%;
	text-decoration: none;
	color: #333;
	outline: none;
	}
	div.tableTabs ul.primary span,div.tableTabs ul.primary a.current,div.tableTabs ul.primary a.current:hover {
	border: 1px solid #BBB;
	border-bottom: none;
	background: #FFF9D2;
	padding-bottom: 6px;
	margin-top: 0;
	font-weight: bold;
	}
	div.tableTabs ul.primary a {
	background: #EEE;
	color: #777;
	}
	div.tableTabs ul.primary a:hover {
	margin-top: 0;
	border-color: #666;
	background: #FFF7CD;
	padding-bottom: 5px;
	color: #333;
}

div.tableTabs ul.secondary {
	position: absolute;
	margin: 0;
	padding: 0;
	bottom: -2.2em;
	left: 5px;
	width: 535px; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
	font-weight: normal;
	}
	div.tableTabs ul.secondary li a, div.tableTabs ul.secondary li span {
	width: auto;
	display: block;
	float: right;
	padding: 0 10px;
	margin: 0;
	text-align: auto;
	border: none;
	border-left: 1px dotted #AAA;
	background: none;
	}
	div.tableTabs ul.secondary li a {
	color: #06C;
	text-decoration: underline;
	}
	div.tableTabs ul.secondary li a.edit,
	div.tableTabs ul.secondary li a.edit:hover {
	background: url(../images/icon-edit.gif) no-repeat 0 50%;
	padding-left: 15px;
	}
	div.tableTabs ul.secondary li a:hover {
	color: #333;
	background: transparent;
	padding: 0 10px;
	border: none;
	border-left: 1px dotted #AAA;
	}
	div.tableTabs ul.secondary li a:active {
	color: #000;
	background: transparent;
	}
	div.tableTabs ul.secondary li:last-child a,div.tableTabs ul.secondary li:last-child span { border: none; }
	

/************ Mimic Table, Tables in a Tab Styles *************/
div.mimicTable {
	border: 1px solid #CCC;
	margin-bottom: 2em;
	clear: both;
	width: 100%;
	}
	div.mimicTable p {
	margin: 0;
	padding: 7px 7px 7px 10px;
	border-top: 1px solid #CCC;
	position: relative;
	}
	div.mimicTable h5, div.mimicTable h3 {
	color: black; 
	padding: 8px; 
	font-size: 1.1em;
	}
	div.mimicTable p span {
	right: 0;
	position: absolute;
	}
	div.tabs div.mimicTable, div.tabs div.mimicTable p {
	border-color: #FFF9D2;
	}
	div.tabs table {
	width: 100%;
	margin: -3em 0 3em;
	}
	div.tabs table, div.tabs table td, div.tabs table tr, 
	div.tabs table th {background: #FFF9D2; border: none;}
	div.tabs table th {
	text-align: left; 
	border-bottom: 2px solid #555; 
	padding-bottom: .2em; 
	margin-bottom: .5em;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	}
	div.tabs table th.right {text-align: right;}
	div.tabs table caption {text-indent: -3000px;
}

/*** TABLES ***/
table  {
	font-size: 1em;
	width: 535px;
	border: 1px solid #EFEFEF;
	padding: 0;
	background-color: #FFF;
	margin-bottom: 1.5em;
	}
	table caption {
	font-weight: bold;
	font-size: 1.1em;
	padding: .5em 0;
	text-align: left;
	margin-top: .5em;
	color: #003399;
	}
	td, th {
	padding: 3px 5px; 
	margin: 0; 
	vertical-align: top;
	}
	th, tr.headingRow td {
	padding: 5px; 
	color: #003366; 
	background-color: #EDEDED; 
	text-align: center;
	line-height: 1.5em;
	font-weight: bold;
	border-bottom: 2px solid #BBB;
	}
	tr.odd {background-color: #FFF;}
	tr.even {background-color: #F1F1F1;}
	table td.right, table td.total {text-align: right;}
	table td.total {font-weight: bold; border-top: 1px solid #BBB;}
	
	#contentLeft table.licenses th.prereqs {width: 130px !important;}
	#contentLeft table.licenses label,
	#contentLeft table.checkboxTable label {
	width: 125px;
	margin: 0;
	padding: 0 0 0 25px;
	display: block;
	}
	#contentLeft table.licenses label input {
	position: absolute;
	top: .1em !important;
	left: 5px !important;
}

table.select input {
	margin-left: 1em;
	}
	table.select ul {
	margin: 0; 
	padding: 0; 
	list-style: none;
	}
	table.select ul li {
	margin: 0 0 .5em 0; 
	padding: 0;
}
table.select label {
display: inline;
	margin: 0;
	text-align: left;
	width: auto;
	padding: 0;
	border: none;
	margin-right: 0; 
}

table.report  {border: none;}
	table.report th {
	display: block;
	height: 0px;
	overflow: hidden;
	width: 0px;
	border-bottom: 0px solid #FFF;
	padding: 0;
	}
	table.report tr {
	display: block;
	float: left;
	position: relative; 
	border-bottom: 2em solid #FFF;
	}
	table.report tr td {
	display: block;
	position: relative;
	float: left; 
	width: 5in;
	padding: 0 0 .5em 0;
	}
	
table.inKind {
	width: 230px;
	margin: 0 20px 4em 0;
	float: left;
	
	}
	table.inKind caption {}
	table.inKind td {
	text-align: right;

}