﻿*{
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;		
}
html {
	position: relative;
	min-height: 100%;
	margin: 0;
	padding: 0;	
}
body{
	display: block;
	margin: 0;
	padding: 0;
	font: normal 0.8em "Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
	color: #000;
}
a{
	text-decoration: none;
	color: #0f5da3;
}
a:hover{
	text-decoration: underline;
}
ul, ol {
	margin-top: 0;
	margin-bottom: 10px;
}
ol ol ul, 
ol ul ul, 
ul ol ul, 
ul ul ul{
	list-style-type: disc;
}
ol > li {
  list-style-type: decimal;
}
ol > li ol > li {
  list-style-type: lower-alpha;
}
ol > li ol > li ol > li {
  list-style-type: lower-roman;
}
ol > li ol > li ol > li ol > li {
  list-style-type: upper-alpha;
}
ol > li ol > li ol > li ol > li ol > li {
  list-style-type: upper-roman;
}
ol > li ol > li ol > li ol > li ol > li ol > li {
  list-style-type: lower-roman;
}
h1{
	margin: 0 0 5px;
	font: normal 2em "Source Sans Pro Light", sans-serif;
	color: #0a3e6d;
	padding: 0;
	margin: 0;
}
h1 a{
	color: #0a3e6d;
}
h2{
	font-size: 1.7em;
	color: #0f5da3;
	font-weight: 100;
	padding: 0;
	margin: 0;
}
h2 a{
	color: #0f5da3;
}
h3{
	font-size: 1.3em;
	font-weight: 500;
	color: #0a3e6d;
	padding: 0;
	margin: 0;
}
h3 a{
	color: #0a3e6d;
}
h4
{
    font-size: 1.2em;
}
h5
{
    font-size: 1.1em;
}
hr 
{
    margin-bottom: .5em;
	padding: 0;
}
/* HEADER */
header
{
    display: table;
}
.navbar-header
{
	float:left;
}
.navbar{
	background: #0f5da3;
	position: relative;
	width:100%;
}
.navbar .logo {
	background: #0f5da3;
	padding: 10px;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
}
.navbar .logo img {
	position: relative;
	width: 30px;
	height: auto;
}
.navbar-brand{
	height: 50px;
	padding: 15px 0px 15px 65px;
	display: inline-block;
	line-height: 20px;
}
.navbar .name{
	color: #fff;
	font-size: 0.7em;
	font-weight: 600;
	padding: 15px 0px 15px 55px;
	text-decoration: none;
}
.skip-link{
	display: none;
}
.main-col{
	max-width:1200px;
	margin:0 auto;
	padding:10px 15px;
}
.login
{
	float: left;
	padding: 5px 0px 8px 55px;
	position: relative;
	width: 100%;
}
.login > a
{
	font-weight: 100;
	margin: 0;
	padding: 0px
}
.login a:link {color: #fff;}
.login a:visited {color: #fff;}
.login a:active {color: #fff;}
.login a:hover {color: #fff;}
@media screen and (min-width:768px)
{
    .login
    {
    	padding: 8px 0px 8px 65px;
    }
}
@media screen and (min-width:900px)
{
    .login
    {
	    float: right;
	    position: static;    
	    padding: 12px 10px 10px 10px;
	    width: auto;
    }
}
@media screen and (min-width:1050px)
{
    .login
    {
	    padding:12px 10px 10px 10px;
    }
}
@media screen and (min-width:500px)
{
    .login > a
    {
	    top: 2px;
    }
}
.login a:hover
{    
    text-decoration: underline;
}
.devLabel {
	color:red;	
}

/* FOOTER */
.footer{
	background-color: #333;
	margin: 20px 0px 0px;
}
.footer .container{
	max-width: 1200px;
	margin:0 auto;
}
.footer-logo{
	margin-bottom:15px;
	max-width: 250px;
	padding:0px 15px;
}
.footer-logo img{
    width:90px;
    height: auto;
}
.footer-content{    
	padding:0px 15px 10px;
}
.footer-content a{
    color:#999;
}
.footer-list1,
.footer-list1 a{
	color:#d8d8d8;
	margin-bottom: 25px;
}
.footer-list2,
.footer-list2 a{
	color:#999;
}
.footer ul{ 
    list-style-type: none;
    padding:0px;
}
.footer li{
    display: inline-block;
    margin-right:8px;
}
@media screen and (min-width: 400px){
	.navbar .name {
		font-size: 0.85em;
	}
}
@media screen and (min-width: 768px){
	body{
		margin: 0;
	}
	.navbar {
		background: #0a3e6d;
	}
	.navbar .name {
		font-size: 1.1em;
		padding: 15px 0px 15px 65px;
	}
	.wrapper{
		display: block;
		margin-bottom:160px;
		position: relative;
	}
	h1{
		font-size: 2.6em;
	}
	h2{
		font-size: 2.0em;
	}
	h3{
		font-size: 1.6em;
	}
	.footer{
		position: absolute;
		bottom: 0px;
		left: 0px;
		width: 100%;
		height: 150px;
	}
	.footer-logo{
		float: left;
		width:25%;
	}
 	.footer-logo img{
 		width:auto;
    	max-width: 100%;
	}
	.footer-content{
		float:left;
		width:75%;
		padding:10px 15px;
	}
}
@media screen and (min-width: 900px){
	.navbar .name {
		font-size: 1.25em;
	}
}
@media screen and (min-width: 950px){
	.footer-content {
		padding-top: 25px;
	}
}

/* TABLE STYLES */
* html form {
	padding: 0;
	margin: 0;
}
/* SIMPLE DATA TABLE */
table.data td {
	vertical-align: top;
}
table.data p {
	font-family: "Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: small;
	line-height: 120%;
	color: #000000;
	margin: 0px;
	padding: 4px 0px;
}
* html table.data p {
	font-size: x-small; /* FOR IE6*/
}

/* COMMON FORM ELEMENTS */
label {
	color: #414141;
}
span.requiredField {
	color: #ED620F;
	margin-right: 2px;
	float: right;
	font-weight: bold;
}
span.errorMsg {
	font: bold .85em "Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
	color: #F22727;
}
select.listBox {
	font: bold 1.0em "Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
	color: #41606A;
	border: 1px solid #7F9DB9;
	height: 24px;
}
* html select.listBox {
	height: 26px;
}
span.spacer10 {
	padding-right: 10px;
}
span.spacer15 {
	padding-right: 15px;
}
span.spacer30 {
	padding-right: 30px;
}
select.listBox:focus {
	background: #F2F5F8;
}
p.linkBack {
	margin:10px 0px 10px 0px;
	padding-bottom: 10px;
	background: url('../Images/BackCntrl.gif') no-repeat 0 top;
}
p.linkBack a {
	padding:6px 10px 8px 30px;
}
.top_faq {
    padding: 0;
    float: right; 
    white-space: nowrap; 
    font-size: small;
    font-weight:normal;
    border: 0;
}
fieldset 
{
    border: 0;
}
.input
{
    width: 130px;
}
/*--------------- CSS for the MostWanted Area -----------------*/
.FirstNameSearch  
{
    width:150px;
}
.LastNameSearch
{
    width:150px;
    margin: 0 3.5em 0 0;
}
.IncludeArchive
{
    float: right; 
    margin:0 0.5em 0 0;
}
.SortBy
{
     width:150px;
}
.SortButton
{
    background-color:transparent;
    color:black;
    text-decoration: none;
    text-align:inherit;   
    cursor: pointer;
    border:none;
}
.SortButton:hover {
    border: none;
    background:gray;
}
.submit
{
    float: right;
    margin:0 0.5em 0 0;
}
.display-field
{
    display: inline-block;
    margin:0.5em 0 0 0;
}
.display-label
{
    font-weight:bold;
    display: inline-block;
    float:left;
    margin:0.5em 0.5em 0 0;
}
.itemrow
{
    display:block;
    clear:both;
}
.tip-information1
{
    color:#6699CC;
}
.tip-information2
{
    color:Black;
}
.tip
{
    display:block;
    margin:0 0 1em 0;
}
.SubmitTip
{
    margin-top: 0.5em;
}
.TipErrorMessage
{
    font-weight:bold;
    color:#CC0000;
}
.MWLink {	
	float: right; 
	font-size: small;
	padding-left: 10px;
}
/* DevExpress Dataview Paging for Mostwanted area */
.dxp-num
{
    padding-left: 10px;
    font-size:medium;
    cursor: hand;
}