/*
36px = 3em
30px = 2.5em
24px = 2em
18px = 1.5em
16px = 1.333333em
14px = 1.1667em
12px = 1em
11px = .9167em
10px = .8333em
*/

body 
{
	background-color: white;
	font-size: 70%;
	line-height: 1.5em;
	font-family: Arial,sans-serif;
}
body pre
{
	font-family: Arial,sans-serif;
	white-space: pre-wrap;       /* CSS-3                  */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999    */
	white-space: -pre-wrap;      /* Opera 4-6              */
	white-space: -o-pre-wrap;    /* Opera 7                */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
}
.threecol
{
	/*font-size: 1.4em;*/
}
#footer
{
	/*border-top:1px solid #E1E1E1;*/
	color:#999999;
	padding-top: 1em;
	font-size:0.9em;
	text-align: center;
	padding-bottom: 1em;
}

.listSet
{
	float: left; width: 49%; border: 1px #E1E1E1 solid;
	margin-bottom: 0.5em;
	height: 15em;
	overflow: auto;
}
.listSet h4
{
	background-image: url('../image/gradient.png');
	text-align: center; 
	border-bottom: 1px #e1e1e1 solid; 
	padding-bottom: .4em
}

p{ font-size: 1.2em;}

.listSet .listSubset
{
	margin-left: 1em;
	font-size: 1.2em;
	padding: 0.25em;
}

h1, .header1 {font-size: 1.75em;} 
h2 {font-size: 1.6em;}  
h3 {font-size: 1.3em;}
h4 {font-size: 1.05em;}
h5 {font-size: 1em;}

hr
{
	color: #e1e1e1;
	border: 0;
	border-bottom: 1px solid #E1E1E1;
	margin-bottom: 0;
	margin-top: 0;
	height: 1px;
}
h4.menu
{
	text-align: center;
}
.col2 ul, .menu ul
{

	border-collapse: collapse;
	margin-top: 1em;
	margin-bottom: 2em;
}
.col2 li
{
	/*border-top: 1px black solid;	*/
	list-style-image: url('../image/site_ol_bullet.png');
	list-style-type: disc;
}
.col2 li a, .menu li a, .menu li span
{
	/*width: 95%;*/
	width: 86.5%;
	color: Black;
	text-decoration: none;
	background-color: #E1E1E1;
	display: block;
	padding: 4.5%;
	font-size: 120%;
	padding-left: 1em;
}

.col2 li a:hover, .menu li a:hover, .menu li span:hover
{
	background-color:  #BDBFC7;
	color: White;
	text-decoration: none;
	width: 86.5%; /*width: 100%;*/
	display: block;
}
.sources
{
	padding-bottom: 3em;
}

fieldset
{
	clear: left;
	margin-bottom: 1em;
}
fieldset label
{
	display: block;
	margin-bottom: 1em;
	font-size: 120%;
}
fieldset label *
{
	display: block;
}
fieldset label span
{
	display: inline;
}
.half{width: 125px;}
.single{width: 250px;}
.double{width: 500px;}
fieldset{width: 99%; margin: 0 auto; border: 1px black solid; border-collapse: collapse; padding: 0em 0em 1em;}

fieldset h4	
{
	border-bottom: 1px black solid;
	background-image: url('../image/gradient.png');
	height: 20px;
	line-height: 20px;
	text-align: center;
	width: 100%;
	margin-bottom: 1em;

}

fieldset label
{
	margin-left: 1em;
}

/* End inquiry.aspx */

fieldset label a
{display: inline;}
fieldset table
{margin: 1em; font-size: .8em;}
.inline label option{display: block;}
fieldset{background-color: #F9F9F9;}
fieldset fieldset{background-color: White;}

fieldset fieldset
{
	width: 95%;
	margin: 1em;
}

 .inline label
 {display: inline; margin-left: 1em;}
  .inline label *
 {display: inline; }
 
fieldset input, fieldset select{margin-top: .15em;}
.clear
{clear:both;}
.commandBar
{
	margin-top: 1em;
	padding: 1em 2em 0em 0em;
	border-top: 1px black solid;
}
.commandBar input
{
	margin-right: 1em;
	margin-left: 2em;
}
.error
{
	background-color: #F6CDCD;
	border: 1px solid #FF0000;
	color: Black;
	padding: 1em;
	margin: 1em 1em 1em 1em;
	display: block;
	font-size: 1.25em;
	line-height: 1.25em;
}
h1
{
	padding: .1em;
	text-align: center;
	font-size: 1.75em;
	line-height: 1.75em;
	background-color: #587CAB;
	color: White;
	font-family: MS Segoe UI, Lucida Grande;
	/*margin-top: 1.4em;*/ margin-top: 0;
}
h2
{
	padding: 0.75em;
	font-size: 1.5em;
}
h3{padding: 0.5em; font-size: 1.15em;}
.success
{
	background-color: #CDF6DD;
	border: 1px solid #868686;
	color: Black;
	padding: 1em;
	margin: 1em 1em 1em 1em;
	display: block;
}

.section
{
	/*border: 1px solid #BDBFC7;*/
	padding: 0.5em;
	margin: 0.5em;
}
.section h4
{
	/*font-weight: bold;*/
	/*font-size: 1.2em;*/
	padding: 0.2em;
	/*border: 1px solid #BDBFC7;*/
}

.section0{background-color: #5895C5; color: White;}
.section0 h4{background-color: #587CAB; color: #FFFFFF}

.section1{background-color: #5895C5; color: White;}
.section1 h4{background-color: #587CAB; color: #FFFFFF}

.section2{background-color: #6E4696;color: White;}
.section2 h4{background-color: #FFBE90;}

.section3{background-color: #639242;color: White;}
.section3 h4{background-color: #FFD2D2;}

.section4{background-color: #9B6A3F;color: White;}
.section4 h4{background-color: #F2DDFF;}

.section5{background-color: #FF8307;color: White;}
.section5 h4{background-color: #D7FFD6;}

.section6{background-color: #AB0000;color: White;}
.section6 h4{background-color: #FCFFB9;}

.section7{background-color: #408080;color: White;}
.section7 h4{background-color: #BDBFC7;}

.left
{float: left; width: 45%}

.right
{float: right; width: 45%}

.clear
{clear: both;}

.bold {font-weight: bold;}

a {	text-decoration: none;}

a:hover { text-decoration: underline;}

.contentMenu
{
	border: 1px solid black;
	padding: 0.25em;
}

.note
{
	margin: 0 3em .5em;
	list-style-type: circle;
	padding: .15em .5em;
}

.headerCount
{
	margin: 0 3em;
	font-size: 0.8em;
}

.contentItem h3
{
	background: url('../image/gradient.png'); background-repeat: repeat-x; line-height: 1.5em; text-align: center; padding-bottom: 0; margin-bottom: 0;
}

.contentItem div
{
	border-left: 1px #E1E1E1 solid; border-right: 1px #E1E1E1 solid; border-bottom: 1px #E1E1E1 solid; padding: 1em; margin-top: 0;
}
.breadCrumb
{margin-bottom: 1em;}
fieldset .inline *
{
	display: inline;
}
.indent
{
	margin-left: 1em;
	margin-bottom: 1em;
}
.dataTable
{
	font-size: 1.25em;
	margin: 0 auto;
	width: 535px;
}
.dataTable tr td
{
	padding: .2em 1em .2em 
}
.dataTable tr th
{
	text-align: left;
	padding-left: 1em;
}
.largeText
{
	font-size: 1.25em;
}
.mediumText
{
	font-size: 0.8em;
}
.center
{
	text-align: center;
}
.selectedImage
{
	border: 3px black solid;
}
.imageList a
{
	margin-right: 2em;	
	margin-bottom: 1em;
}
.imageList
{
	margin-left: 1em;
}
.imageList li
{
	display: inline; 
}
.imageList li a
{
	height: 75px; width: 78px; background-color: Transparent;
}
.imageList li a.customize
{
	height: 75px; width: 231px;
}
.imageList li a.play
{
	height: 77px; width: 77px;
}

.imageList .pie{background-image: url(../image/statesperform_icons_pie.png);}
.imageList .column{background-image: url(../image/statesperform_icons_column.png);}
.imageList .map{background-image: url(../image/statesperform_icons_map.png);}
.imageList .customize{background-image: url(../image/statesperform_icons_small.png);}
.imageList .table{background-image: url(../image/statesperform_icons_table.png);}
.imageList .play{background-image: url(../image/SP_playbutton.png); }

.imageList .pie:hover{background-image: url(../image/statesperform_icons_pie_glow.png);}
.imageList .column:hover{background-image: url(../image/statesperform_icons_column_glow.png);}
.imageList .map:hover{background-image: url(../image/statesperform_icons_map_glow.png);}
.imageList .table:hover{background-image: url(../image/statesperform_icons_table_glow.png);}
.imageList .customize:hover{background-image: url(../image/statesperform_icons_small_glow.png);}
.imageList .play:hover{background-image: url(../image/SP_playbutton_glow.png); background-color: Transparent;}

.quote{clear: both; margin-top: 4em; margin-bottom: 1em;font-size: 110%;}
.quoteText{/*padding: 0 15%;*/}
.author{text-align: right; font-weight: bold;}
.bqstart {
     float: left;
     height: 45px;
     margin-top: -20px;
     padding-top: 45px;
     margin-bottom: -50px;
     font-size: 700%;
     color: #6E4696;
 }

 .bqend {
     float: right;
     height: 25px;
     margin-top: 0px;
     padding-top: 45px;
     font-size: 700%;
     color: #6E4696;
 }
 .ui-state-default, .ui-widget-content .ui-state-default
 { border: 0;}
 
 .ui-widget-header
 {border: 0;}
 .lightBorder
 {
 	border: 1px #BDBFC7 solid
 }
 .block
 {display: block;}
 
 .floatLeft
 {
 	float: left;
 }
 
 .floatRight
 {
 	float: right;
 }
 .accordion pre, .accordion a.lightBorder
 {padding: 1em;
 }
 
 .menu .parent span {font-size: 100%;}
 .menu .parent ul { background-color: #F0F0F0; margin: 0; padding-bottom: .5em; padding-right: 0;width: 98%;}
 .menu .parent ul li {margin-left: 0.5em; border-bottom: 1px black dotted; padding: .15em 0 .5em 0;  list-style-image: none; list-style-type: none; }
 .menu .parent ul li a {background-color: #F0F0F0; border: 0; color: #336699; padding: 1%; font-size: 90%; }
 .menu .parent ul li a:hover {text-decoration: underline;}
 .menu li.parent span:hover {background-color: #E1E1E1; color: Black;}
 
 .selectedMenuItem span {font-weight: bold; border: 1px black solid;}
 .noTop {margin-top: 0; padding-top: 0;}
 .noBottom{margin-bottom: 0;}
 
 .rightData
 {
 	float: right;
 }
 
 .profileData h3
 {
 	background-color: #E1E1E1;
 }
 .profileData h4
 {text-align: left; border-bottom: 1px dotted black;}
 
 .profileData tr td
 {
 	padding-bottom: .5em;
 }
 .profileData td
 {padding-right: 1.25em;}
 
 .profileData td.data
 {
 	text-align: right;
 }
 .profileData th
 {
 	padding-top: 1em;
 }
 .profileData .outcomeHeader
 {
 	padding-left: 1em;
 }
 h4.ui-widget-header
 {padding-left: 1em;}
 
.footnote {vertical-align: super;}
.sources {margin-left: 3em;}

.header1
{
	padding: .1em;
	text-align: center;
	font-size: 1.75em;
	line-height: 1.75em;
	background-color: #587CAB;
	color: White;
	font-family: MS Segoe UI, Lucida Grande;
	/*margin-top: 1.4em;*/ margin-top: 0;
}
.optionHeight
{
	height: 19em;
}
.card
{
	padding: 1em;
	border: 1px #e1e1e1 solid;
	margin-top: 0.75em;
	background-color: #F2F2F2
}
.card h3{text-align: center;}

.headerBox
{background-color: #e1e1e1; margin-bottom: 1em; padding: 1em 2em; margin-top: 1em;}

h5 {text-align: center; font-size: 1.2em; padding: 0.25em;}

/*.topMenu li {display: inline; font-size: 1.25em; margin: 0; }
.topMenu li a {display: inline; width: 100%; padding: 0.25em 3.6em; background-color: #e1e1e1;border: 1px black solid;}
.topMenu li a:hover{background-color: #BDBFC7;}
.topMenu {margin-left: 1em; margin-top: .25em; background-color: white; } */

h4.menu {margin: 0.5em 0 1.5em; font-size: 1.3em; }
#header {background-color: White;}
h4{color: #777777;}
h2{color: #777777;}
h5{color: #777777;}

.card .number {font-size: 3em; font-weight: bold; color: #777777;}
.card .title {font-size: 2em; font-variant: small-caps;  color: #777777;}
.box { border-collapse: collapse;}
.box td {border-bottom: 1px solid #777777; font-size: 1.2em; }
/*.box td:hover{background-color: #929292; color: White;font-size: 1.2em; }
.box td:hover a{color: White;}*/

.box span{display:block ; font-size: 1.2em; }
.box span a {padding: 0.8em; background-color: #e1e1e1; border: 1px black solid;  display: block;}
.box span a:hover{background-color: #BDBFC7;}

.noBorder {border: 0px;}

.panel{color: #59595B; background-color: #F0F0F0; margin-bottom: 1em; border-radius: 1em; -moz-border-radius: 1em; -webkit-border-radius: 1em;}
.panel p{font-weight: bold; padding: 0 1em 1em;}
.panel h2 {color: #055BA4; text-transform: uppercase;}
.navmenu ul li{display: inline; width: 15%; background-color: #F0F0F0; color: #59595B;}
.option h2 {text-align: center;}
.option {float: left; width: 24.2%; height: 22em; }
.option p {padding: .5em 1em;}
.option + .option {margin-left: 1%;}
.option img {display: block;  margin: 0 auto; border: 0;}

.liveoption:hover {background-color: #D8D8D8;}
.liveoption {cursor: pointer;}

.topMenu li {float:left; width: 16.58%; margin: 0; font-size: 1.25em; text-transform: uppercase; }
.topMenu li a {width: 100%; display: block; text-align: center; text-transform: uppercase; font-weight: bold; }
.topMenu li + li {border-left: 1px #59595B solid;}
.topMenu li a:hover{background-color: #BDBFC7; text-decoration: none; text-transform: uppercase;border-radius: .5em; -moz-border-radius: .5em; -webkit-border-radius: .5em;}

div.topMenu {margin-top: .25em; background-color: #F0F0F0; width: 100%; text-transform: uppercase; border-radius: .5em; -moz-border-radius: .5em; -webkit-border-radius: .5em; margin-bottom: 1em;}

a, a:visited, a:active, a:hover {color: #59595B; text-decoration: none;}