/*------------------------------------------*/
/*layout.css								*/
/*Styles for Traffic stops					*/
/* app controls not covered					*/
/* by general sbi stylesheet				*/
/* or skin.skin								*/
/*inherits: none							*/
/*											*/
/*History									*/
/*11/28/2006 sbusi created					*/
/*01/09/2007 sbusi moved to separate file	*/
/*------------------------------------------*/

body
{	margin: 0px auto 0px 0;
	width: 900px;
	height:100%;
}

/*begin new look info*/
.pgclear
{   clear:both;
    display: block;
    height: 1px;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.leftbgfix
{   height:100%;
    background:url(../../Images/img/left-nav-bg.gif) top left repeat-y;
}
.mainContainer
{   width:1000px;
    position:relative;
    padding:0;
    z-index:19;
    /*height:100%;*/
}
.tsLeftCol
{   float:left;
    width:155px;
    padding:0;
	height:100%;

}
.tsRightCol
{   width:780px;
    position: relative; 
	float:right;
    padding-top:10px;
	z-index: 15;
	font-family: "Gotham", Arial, Helvetica, sans-serif;
	line-height:1.2em;
	font-size:.9em;
}
.gradient-under-nav {
	background:url(../../Images/img/gradient-under-nav.jpg) top left repeat-x;
	display:block;
	width:1000px;
	height:45px;
	margin:0 0 -12px 0;
	padding:0;
	margin:0 0 0 0;
	position:absolute;
	z-index:18;

}	
.header {
    height: 120px;
    width:1000px;
    position:relative;
    background:#002453 url(../../Images/img/header-bg.jpg) top left no-repeat;
}
.ncdoj-text {
	position:absolute;
	left:-999px;
}
.invisiblebox {
	position:absolute;
	top:0;
	left:0;
	display:block;
	height:75px;
	width:300px;
}
.navdiv {
    height: 45px;
    background:url(../../Images/img/primary-nav-bg.jpg) top left repeat-x;
    position: absolute;
    top: 75px;
    left:0px;
    z-index:10;
    width:1000px;
}
#menuParent, #menuParent ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
#menuParent li a {
	display: block;
	color:#fff;
	padding:45px 0 0 0;
	text-decoration:none;
	overflow: hidden; 
}
.topLevel {
	height: 0px !important; 
}
#menuParent li a:hover {
	text-decoration:none;
	background-position: 0 -45px;
}
#menuParent li {
	position:relative;
	float:left;
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;

}
#menuParent li ul {
	position: absolute;
	left: -999em;
	top: 45px;
	width:168px;
	padding: 0 0 10px 0;
	margin:0;
	font-family:"Gotham", Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	background-image: url(../../Images/img/dropdown-bg.gif);
	background-position:top;
	background-repeat: repeat-y;
}
#menuParent li:hover ul, #menuParent li.sfhover ul {
	left: auto;
}
#menuParent li ul li 
{
    background-image:none;
	display:block;
	float:none;
	text-align:left;
	margin:0 0 0 0;
	padding:0;
	width:168px;
}
#menuParent li ul li.first {
	position:absolute;
	top:0px;
	left:0px;
}
#menuParent #menuElem li a {
	display:block;
	margin:0;
	padding:4px 5px;
	background:none;

	width:158px;
}
#menuParent li ul li a:hover {
	text-decoration:underline;
}

#menuParent li ul li a.text {
	margin:0 0 0 16px;
}
.nav-top-issues a {
	width: 91px;
	background: url(../../Images/img/nav-top-issues-interior.jpg) top left no-repeat;
}
.nav-crime a {
	width: 49px;
	background: url(../../Images/img/nav-crime-interior.jpg) top left no-repeat;
}
.nav-consumer a {
	width: 72px;
	background: url(../../Images/img/nav-consumer-interior.jpg) top left no-repeat;
}
.nav-news-alerts a {
	width: 105px;
	background: url(../../Images/img/nav-news-alerts-interior.jpg) top left no-repeat;
}
.nav-protect-yourself a {
	width: 106px;
	background: url(../../Images/img/nav-protect-yourself-interior.jpg) top left no-repeat;
}
.nav-help a {
	width: 104px;
	background: url(../../Images/img/nav-help-interior.jpg) top left no-repeat;
}
.nav-about a {
	width: 78px;
	background: url(../../Images/img/nav-about-interior.jpg) top left no-repeat;
}
.footer
{   clear:both;position:relative;top:.5em;
    background-color:#00336b;
    width:1000px;  
}
.footer ul {
	padding:0;
	margin:0;
}

.footer ul li {
	display:inline;
	padding:0 3px;
	margin:0;
	border-right:#fff 1px solid;
	font-family:"Gotham", Arial, Helvetica, sans-serif;
	font-size: .9em;
}

.footer ul li.footer-last, .footer ul li.last  {
	color:#fff;
	border:none;
}

.footer ul li a {
	text-decoration:underline;
	color:#fff;
}

.footer ul li a:hover, .footer ul li a:active {
	color:#D68D1A;
}

.footer-contact {
	float:right;
	text-align:right;
	color:#fff;
	font-family:"Gotham", Arial, Helvetica, sans-serif;
	font-size:.9em;
	padding:0;
	margin:0 4px 0 0;
}
.left-nav {
	margin:0 0 0 0;
	padding:10px 0 0 0;
	list-style-type: none;
	list-style-position:outside;
}
.left-nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
.left-nav li {
	list-style-type:none;
	color:#fff;
	margin: 0;
	display:block;
	width:100%;
	border-top:#fff 2px solid;
	padding: 0;

}

.left-nav li a {
	color: #00336b;
	height:100%;
	line-height:1.2em;
	text-decoration:none;
	display:block;
	margin:0;
	font-family:"Gotham", Arial, Helvetica, sans-serif;
	font-size:.8em;
	padding:4px 4px 4px 20px;
	background:url(../../Images/img/second-nav-arrow-up.gif) 3px 5px no-repeat;
}
.left-nav li a:hover  /*, .left-nav li.highlighted a*/ {
	color:#fff;
	background:#16668e url(../../Images/img/second-nav-arrow-over.gif) 3px 5px no-repeat;
}
/* SECOND */

.left-nav li ul li {
	margin: 0;
	padding:0;
	background-color:#fff;
}

.left-nav li ul li a {
	color:#4b4b4b;
	height:100%;
	line-height:1.2em;
	text-decoration:none;
	display:block;
	margin:0 0 0 20px;
	font-family:"Gotham", Arial, Helvetica, sans-serif;
	font-size:.8em;
	padding:6px 0 4px 0;
	background:url(../../Images/img/nav-separator.gif) 20px top repeat-x;
}
.left-nav li ul li a:hover /*, .left-nav li ul li li.highlighted a*/  {
	color:#00336b;
	/*font-weight:normal;*/
	background:url(../../Images/img/nav-separator.gif) 20px top repeat-x;
}


h1 {
	font-size: 1.8em;
	line-height:1.2em;
	font-weight:bold;
	color:#991727;
	margin:5px 0 5px 0;
	padding:0;
	text-transform:uppercase;
}
	
	
/*end new look info*/
.AgencyTitle
{
	width:100%;
	text-align:right;
	font-family: "Times New Roman", Times, serif;
	font-size: 130%;
	font-weight: bold;
	color: #000099;

}
.ddlMed
{	
	position:relative;
	left:1.75em;
	width:9em;
	vertical-align:text-bottom;
}

.fatrule
{
	clear:left;
	height:1em;
	padding: 1em 1em 1em 1em;
}
.feedbackIEFix
{
	vertical-align:text-bottom;
	*left:.15em;
	position:relative;
}
.Grid
{
	font-size: .8em;
	font-family:Arial,Sans-Serif;
	border:solid 2px #003466;
}
.Grid TH
{
    font-weight:bold;
	border:solid 1px #003466;
	border-bottom: solid 2px #003466;
	background-color:#8DB9DE;	
}
.Grid TD
{
	*font-size: 12px;
}
.center { text-align:center; }
/*.hone
{
	width:100%;
	font-family: "Gotham", Arial, Helvetica, sans-serif;
	font-size: 130%;
	font-weight: bold;
	color: #00336b;
}*/
.hone
{
	font-size: 1.8em;
	line-height:1.2em;
	font-weight:bold;
	color:#991727;
	margin:5px 0 5px 0;
	padding:0;
	text-transform:uppercase;
}	
.htwo
{
	width:100%;
	font-family: "Gotham", Arial, Helvetica, sans-serif;
	font-size: 115%;
	font-weight: bold;
	color: #00336b;
}
.hfour
{
	font-family: "Gotham", Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #00336b;
	background-color: #cbdce3;
	padding: 3px;
	margin-top: 1px;
}
.largertext
{
	font-size:1.2em;
}
.legend
{
	position:relative;
	top:-.7em;
	/*color:#8DB9DE;*/
	color: #444;
	background-color:#FFF;
    font-variant:small-caps;
}
.listTitle
{
	color:#000099;
	font-weight:bold;	
}
.manageHeader
{
	float:left;
	width:100%;
}

.pageInfo
{	
	display:inline;
	vertical-align:text-top;
	font-size:10px;
	font-weight:bold;	
	border:solid 1px #8DB9DE;
}

.reportInfo
{
	color:#000099;
	text-align:center;
}
.ReportTitle
{
	width:100%;
	text-align:center;
	font-family: "Times New Roman", Times, serif;
	font-size: 130%;
	font-weight: bold;
}
.red
{
	color:#FF0000;
}
.req
{
    font-weight:bold;
    vertical-align:text-bottom;
}
.right
{
	text-align:right;
}
.rowBorder
{
	border-bottom: solid 1px #ccc;
}
.sbiblue
{
	color:#8DB9DE;
}
.subTotalRow
{
	background-color: #B4D1E9;
}
.stopsInput
{ 
	*font-size: .75em;
}

.tableBorder
{
	border:solid 1px #999; 
	padding: .15em 0em .15em 0em;
	margin-bottom:1em;
	*margin-bottom:0;
	padding-left:.5em;
}
.tableNoBorder
{
		padding: .15em 0em .15em .3em;
		border:none;
		padding-left:.5em;
}
#tblRoles
{
	font-size:.75em;
	font-family: arial, Sans-serif;
	border:solid 1px black;
	margin: .5em auto .5em 5em;
	
}
#tblRoles thead td
{
	border:solid 1px white;
}	
#tblRoles td 
{
	border:solid 1px  #003466;
	text-align:center;
}
#tblRoles th
{
	border:solid 1px  #003466;	
	background-color:#8DB9DE;
}
.totalRow
{
	background-color: #8DB9DE;
	font-weight:bold;
	font-size:1.1em;
	border:solid 1px #003466;
}
.UAMMenu
{	
	position:relative;
	top:-20px;
	float:right;
}
a:link, a:hover, a:visited, a:active {
	color: #000099;
}
.stopsInput table
{
	font-size:12px;

}
.ValidationResultsList
{
	border:solid 1px #000000;
	margin: 1em;
	padding:.25em;
}