/* Cascading Style Sheet (CSS) Document */
/* ************ MAIN STYLESHEET ************ */
/* MISC DEFAULTS */
/* The class "body" below defines base font size and face for all elements. */

 
body
{
    /*margin: 0;
    padding: 0;
    border: 0;
    background-color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;*/
  /*  font-size: 0.75em;*/
    /*color: #000000;
    min-width: 1000px;*/
}

/*div
{
    margin: 0;
    padding: 0;
    border: 0;
}*/

div.text-small, p.text-small, span.text-small {
	font-size: 85%;
}

map
{
    margin: 0;
}

li img, a img
{
    border: 0;
}

.clearLeft
{
    clear: left;
}

.clearRight
{
    clear: right;
}

.clear
{
    clear: both;
}

/* LINK STYLES */
/*a, a:link
{
    color: #084588;
    text-decoration: none;
}

a:visited
{
    color: #084588;
    text-decoration: none;
}*/

.application-body-content a:hover, a:active,
#content a:hover, a:active
{
    color: #82020b;
    text-decoration: underline;
}

/* this is to hide hyperlink in desktop web browsers, while allow mobile phone to tap to dial */
/*a#phonenumberlink, a.phonenumberlink
{
    text-decoration : none;
    color: #000000;
}


h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link, h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited
{
    text-decoration: none;
}

h1 a:active, h2 a:active, h3 a:active, h4 a:active, h5 a:active, h6 a:active, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover
{
    text-decoration: underline;
}*/



/* MAIN LAYOUT STYLES -- VERY IMPORTANT -- DO NOT EDIT.
These classes define the layout of the pages. */


div#content
{
    margin: 0px 10px 5px 15px;
    background-color: #ffffff;
}



div#leftcolumn, div.leftcolumn
{
    float: left;
    width: 190px;
    margin: 12px 0 5px 0;
    background-color: #ffffff;
}

div#rightcolumn, div.rightcolumn
{
    clear: both;
    float: right;
    width: 21%;
    margin: 20px 10px 0 0;
    background-color: #ffffff;
}

div#centercolumn-full, div.centercolumn-full
{
    width: 98%;
    margin: 0 0 10px 0;
    background-color: #ffffff;
    display: block;
}

div#centercolumn-left, div.centercolumn-left
{
    float: left; /*width: 45%;*/
    width: 49%; /* changed from 50% to 49% to address firefox center column display issue-10/21/2010 */
    margin: 0 0 10px 2px;
    background-color: #ffffff;
}

div#centercolumn-right, div.centercolumn-right
{
    float: left;
     width: 49%; /* changed from 50% to 49% to address firefox center column display issue-10/21/2010 */
    margin: 0 -20px 0px 10px;
}


/*2 column page layout div styles*/

div#twocolumn-left, div.twocolumn-left
{
	width: 46%;
	float: left;
	padding-left: 2%;
	padding-right: 2%;  
}

div#twocolumn-right, div.twocolumn-right
{
	width: 46%;
	float: left;
	padding-left: 2%;
}
/*End 2 column layout styles*/


/*3 column page layout div styles*/

div#threecolumn-left, div.threecolumn-left
{
	width: 31%;
	float: left;
	padding-right: 2%;
/*	margin: 0px 0px 10px 2px; */
}

div#threecolumn-container, div.threecolumn-container /*container for middle and right columns of 3 calumn page layout */
{
	float: left;
	width: 67%;
}

div#threecolumn-middle, div.threecolumn-middle
{
	float: left;
	width: 47%;
	padding-right: 3%;
}

div#threecolumn-right, div.threecolumn-right
{
	float: left;
	width: 47%;
	
/*	margin: 0px -20px 0px 10px;  */
}
/*End 3 column layout styles*/


/* FORM STYLES */
form
{
    display: inline;
}

/*input, input.inputregular, fieldset
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100%;
    color: #000000;
}

input.textbox
{
    border: 1px solid #b2b2b2;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100%;
    padding: 2px;
}

input.button, .button
{
    background-color: #82020b;
    border: 1px solid #000000;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 102%;
    font-weight: normal;
    color: #ffffff;
}

input.button-go
{
    background-color: #82020b;
    border: 1px solid #000000;
    width: 26px;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 102%;
    font-weight: bold;
    color: #ffffff;
}

select
{
    background-color: #ffffff;
    border: 1px solid #b2b2b2;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100%;
    color: #000000;
}

textarea
{
    background-color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100%;
    color: #000000;
} */




fieldset
{
padding : 0.5em 1em;
}

fieldset.narrowsize
{
width:40%;
}

fieldset.mediumsize
{
width:60%;
}

fieldset.widesize
{
width:90%;
}

legend
{
padding: 2px 6px;
font-size: 1.2em;
font-weight: bold;
}

label.right-align-short-label
{
float:left; 
text-align:right; 
width:8em;
padding-right:0.5em;
}

label.right-align-medium-label
{
float:left; 
text-align:right; 
width:15em;
padding-right:0.5em;
}

label.right-align-long-label
{
float:left; 
text-align:right; 
width:25em;
padding-right:0.5em;
}


/* ALERT STYLES */
div.alert
{
    background-color: #f3f1d7;
    margin: 0;
    padding: 8px;
    border-bottom: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
}

div.alert a, div.alert a:link, div.alert a:visited, div.alert a:active, div.alert a:hover
{
    color: #990000;
    text-decoration: underline;
}

.alerttext
{
    color: #D13636;
}

div.alert p
{
    text-indent: 0;
}

/* BREADCRUMB STYLES */
div#breadcrumbs, div.breadcrumbs
{
    color: #084588;
    font-size: 87%;
    text-transform: lowercase;
    margin: 0 0 10px 0;
    padding: 0;
}

div#breadcrumbs a:link, div#breadcrumbs a:visited, div#breadcrumbs a:active, div.breadcrumbs a:link, div.breadcrumbs a:visited, div.breadcrumbs a:active
{
    color: #084588;
    text-decoration: underline;
}

div#breadcrumbs a:hover, div.breadcrumbs a:hover
{
    color: #82020b;
    text-decoration: underline;
}

/* END OF ORIGINAL STYLE.CSS FILE*/
/*BEGIN STYLE-CONTENTAREA.CSS*/
/* Style from styles-contentarea Document */
/* ************ CONTENT AREA STYLES - NEEDED FOR EVERY PAGE EXCEPT THE HOME PAGE ************ */
/* HEADING STYLES */
h1, #content h1, .application-body-content h1
{
   /* font-family: sans-serif, Arial, Helvetica;*/ /* update pending verification*/ 
    font-size: 140%;
    color: #000000;
    margin: 20px 0 5px 0;
    padding: 0;
    background-image: none;
}

/* The class below defines the page title (the first "h1" on every page).  this can be removed*/
#home #content h1.pagetitle
{
    /*padding: 0 0 5px 0;*/
    padding-top: 20px;
    padding-bottom:15px;
    padding-left: 4%;
    margin: 5px 0 0 0;
    background-image: url(/resources/public/web/templates/images/interface/heading_bg.gif);
    background-repeat: repeat-x;
    background-position: bottom;
    color: #000000;
    position: relative;
}

h1.subject
{
    border: 4px solid #ECF4F8;
    margin: 0 0 14px 0;
    background-color: #ECF4F8;
    width: 97%;
}

#newsline
{
    background-image: url(/resources/public/web/templates/images/interface/heading_bg.gif);
    background-position: top;
    background-repeat: repeat-x;
    margin: 6px 0 0 0;
    padding: 3px 0 2px 0;
}

.application-body-content h1.pagetitle,
#content h1.pagetitle
{
   /* padding: 0 0 5px 0; */
    padding-top: 20px;
    padding-bottom:15px;
    padding-left: 4%;
    margin: 5px 0 10px 0;
    background-image: url(/resources/public/web/templates/images/interface/heading_bg.gif);
    background-repeat: repeat-x;
    background-position: bottom;
    /*color: #000000;*/
    color: #4978c9;
   font-size: 32px;/*add temp.*/
}

.application-body-content h1.page-title-mini-seal,
#content h1.page-title-mini-seal {
    font-size: 32px;
    font-weight: 500;
    color: #1978c9;
    padding-top: 20px;
    padding-bottom: 18px;
    padding-left: 4%;
    padding-right: 73px;
    margin-right: 4%;
    background-image: url(/resources/public/wcm17/images/seal_small.png);
    background-repeat: no-repeat;
    background-position: right center;
}

h2, #content h2, .application-body-content h2
{
   /* font-family: sans-serif, Arial, Helvetica;*/ /*update pending verification */
    font-size: 120%;
    color: #1e1e1e;
    margin: 18px 0 12px 0;
    padding: 0;
    background-image: none;
}

/* The class below adds a line above the h2. */
.line, h2.line, #content h2.line, .application-body-content h2.line
{
    clear: both;
    background-image: url(/resources/public/web/templates/images/interface/heading_bg.gif);
    background-position: top;
    background-repeat: repeat-x;
    margin: 6px 0 0 0;
    padding: 3px 0 2px 0;
}

h3, #content h3, .application-body-content h3
{
    font-size: 120%;
    /*color: #0e0e0e;*/
    margin: 15px 0 0 0;
    padding: 0;
}

h4, #content h4, .application-body-content h4
{
    font-size: 110%;
    margin: 15px 0 0 0;
    padding: 0;
}

h5, #content h5, .application-body-content h5
{
    font-size: 100%;
    margin: 15px 0 0 0;
    padding: 0;
}

h6, #content h6, .application-body-content h6
{
    font-size: 100%;
    margin: 15px 0 0 0;
    padding: 0;
    text-indent: 1.5em;
}

h1, h2, h3, h4, h5, h6 .headeralternate
{
    color: #3C3C3C;
}

/* LIST STYLES */

ul, ol
{
   margin: 0.5em 0 0.6em 1.5em; /*margin:0.5em 0 0.6em 2.5em;*/
    padding: 0;
}

#content ol
{
    margin: 0.5em 0 0.6em 2.5em;
}

ul li, ol li
{
   /* margin: 0.5em 0 0.5em 0;*/
    padding: 0;
}

ul ul, ol ol
{
    margin: 0 0 0 1.5em;
    padding: 0;
}

/* PARAGRAPH STYLE 
The class below defines the paragraph style in the content area; 
currently the only special style for this item is an indent on the first line of each paragraph. 
To remove the indent, delete "text-indent: 2em;" below. */
#content p
{
    text-indent: 0em;
}

/*HIGHLIGHT STYLE 
The class below defines areas/boxes to highlight in the content area */
.highlight
{
    border: 1px solid #b8b8b8;
    margin: 0 0 10px 0;
    padding: 3px;
    background-color: #f7f3ef;
    width: 97%;
}

.highlight1
{
    border: 1px solid #b8b8b8;
    margin: 0 0 10px 0;
    padding: 3px;
    background-color: #ecf4f8;
    width: 97%;
}

.highlight2
{
    border: 1px solid #b8b8b8;
    margin: 0 0 10px 0;
    padding: 3px;
    background-color: #f3eed2;
    width: 97%;
}

.highlight3
{
    border: 1px solid #b8b8b8;
    margin: 0 0 10px 0;
    padding: 3px;
    background-color: #cee3c4;
    width: 97%;
}

.highlight4
{
    border: 1px solid rgb(184, 184, 184);
    margin: 0 0 10px 0;
    padding: 3px;
    background-color: rgb(255, 255, 255);
    width: 97%;
}

/* LINE "hr" STYLE */
hr
{
    background-position: bottom;
    margin: 5px 0;
    padding: 0;
    border-top: 1px solid #999999;
    border-style: none;
    width: 100%;
}
table {
    padding: 0px;
}

/* DATA TABLE - TABLES PURELY FOR THE PURPOSE OF SHOWING INFORMATION 
Add ' class="data" ' to any table which charts a list of information.
This class adds a line in between each row and column in the chart/table. */

table.data {
    border-collapse: collapse;
    border-color: #091f30;
    padding: 4px;
    text-align: left;
    border:1px solid;
	/*background-color: #FFFFFF;
	border-bottom: 0px solid #AAAAAA;
	border-left: 1px solid #AAAAAA;
	border-right: 0px solid #AAAAAA;
	border-top: 1px solid #AAAAAA;
    margin: 5px 0 10px 0; */
}

/*table.data td {
	background-color: #FFFFFF;
	border-bottom: 1px solid #AAAAAA;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #AAAAAA;
	border-top: 1px solid #FFFFFF;
}
table.data td.alternate, table.data tr.alternate td {
	background-color: #ECF4F8;
	border-bottom: 1px solid #AAAAAA;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #AAAAAA;
	border-top: 1px solid #FFFFFF;
}*/

table.data th
{
    background-color: #091f30;
    color: white;
    border-color: #091f30;
    border:1px solid;

	/*background-color: #266182;
	color: #ffffff;
	border-bottom: 1px solid #AAAAAA;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #AAAAAA;
	border-top: 1px solid #FFFFFF;*/
}
table.data td {
    border-color: #091f30;
    border:1px solid;
}
table.data tr:nth-child(even) {
	background-color: rgb(234, 239, 241);
}
table.data tr:hover {
	background-color: #f5f5f5;
}
table.data th a, table.data th a:link, table.data th a:visited
{
    color:#ffffff;
  
    
}
table.data th a:hover 
{
   color:#ffffff!important;
   
}
table tr:nth-child(2n) 
{
    background-color: Transparent;
}
table tr:hover {
   background-color: transparent;
}


/*Alternate default table row style*/
/*table td.alternate, table tr.alternate td {
	background-color: #ECF4F8;
}*/

/*START - Styles to change "A" link text to white when using alt bg color within table class data*/
/*table.data th a, table.data th a:link, table.data th a:visited
{
	color: #ffffff;
}

table.data th a:hover, .altbgcolor a:hover, .altbgcolor2 a:hover
{
	text-decoration: underline;
}*/
/*END - Styles to change "A" link text to white when using alt bg color within table class data*/

/* ****************Fairfax County Original CSS file**************** */
/* BELOW ARE THE STYLES SPECIFIC TO THE ORIGINAL FAIRFAX COUNTY CSS FILE THAT ARE NOT REFERENCED ELSEWHERE.
These styles have been reformatted and slightly edited to fit in the new design and should be included to 
enable a smoother transition to the new design for the custom content pages. */

/* ****************End style-contentarea.css**************** */
#textonlytoparea, #headerLogoTextVersion, #textonlytopareaFooter, #icononly
{
    display: none;
}

/* NEW STYLES POST WCM DESIGN */
.altbgcolor
{
    background-color: #D13636;
    color: #ffffff;
}

.altbgcolor2
{
    background-color: #266182;
    color: #ffffff;
}

/*START Styles created to change link color to white when used with alt bg clors in tables includes table data class*/
.altbgcolor a, .altbgcolor a:link, .altbgcolor a:visited
{
    color: #ffffff;
}

.altbgcolor2 a, .altbgcolor2 a:link, .altbgcolor2 a:visited
{
    color: #ffffff;
}

.altbgcolor a:hover, .altbgcolor2 a:hover
{
	text-decoration: underline;
}
/*END Styles created to change link color to white when used with alt bg clors*/

.altlightcolor
{
    color: #e7f0f8;
}

/* ***************Firefox Div tag fix******************** */
.clearfix:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix
{
    zoom: 1; /* triggers hasLayout */
}
/* Only IE can see inside the conditional comment
    and read this CSS rule. Don't ever use a normal HTML
    comment inside the CC or it will close prematurely. */

/* ***************End Firefox Div tag fix***************** */

/* used for emergency text or validation/application error messages */
.text-alert {
	color: #FF0000;
}

/* Sticker */
#sticker
{
z-index: 10001;
position: absolute;
top:0px;
background-color: #db341a;
color:#FFFFFF;
text-align:center;
width:100%;
height: 25px;
font-size:150%;
font-weight: bold;
opacity: 0.86;
filter: alpha(opacity=86);
	
}

/* Application CSS Merge here*/

div.breadcrumbs {
	margin-right: 50px;
}
	
div.app-login-help {
	text-align: right;
	color: #084588;
	font-size: 87%;
	text-transform: lowercase;
	margin: 0 15px 0 0;
	padding: 0;}

.margin-container {
	margin-left: 20px; 
	margin-right: 20px;}

#nav-formatting {
	HEIGHT: 20px;
}

.linkover
{
cursor: pointer;
}

.hrline {
	background-image: url(/resources/public/web/templates/images/interface/heading_bg.gif);
	background-position: top;
	background-repeat: repeat-x;
	margin: 6px 0 0 0;
	padding: 3px 0 2px 0;
}

/*div#content {
	margin: 0px 15px 0px 23px; 
	background-color: #ffffff;}*/

/* styles updates for custom fairfax.css*/
/*.fairfax-breadcrumb {
    text-transform: lowercase;
}*/

.fairfax-breadcrumb-offset {
    padding-left: 0px;
    padding-top: 100px; /* header height*/
}

@media screen and (min-width: 1200px) {
    .fairfax-breadcrumb .row {
        margin: 0px;
    }
}

@media screen and (max-width: 500px) {
    .fairfax-breadcrumb {
        padding-top: 100px;
        height: 100px;
    }
    .fairfax-breadcrumb .row {
        display: none;
    }
}

/* application sidebar navigation */
/* override some from ffx_navigation */
.fairfax-app-sidebar-nav .navbar-nav>li {
    width: auto;
    text-align: left;
}
.fairfax-app-sidebar-nav .dropdown-menu {
    background: #fff;
}
.fairfax-app-sidebar-nav .dropdown-menu>li>a {
    margin-left: 0px !important;
    padding-left: 20px;
    color: inherit;
}
.fairfax-app-sidebar-nav .dropdown-menu>li>a:hover,
.fairfax-app-sidebar-nav .dropdown-menu>li>a:focus {
    color: #262626;
    background-color: lightgray;
}
.fairfax-app-sidebar-nav .dropdown-menu>.active>a,
.fairfax-app-sidebar-nav .dropdown-menu>.active>a:hover,
.fairfax-app-sidebar-nav .dropdown-menu>.active>a:focus {
    color: #fff;
    background-color: lightgray;
}
.fairfax-app-sidebar-nav .navbar-nav>li>.dropdown-menu {
    margin-top: 0px;
    width: auto;
}
.fairfax-app-sidebar-nav .navbar-inverse {
    position: relative;
    background-color: #222;
    border-color: #080808;
    width: 100%;
    border: none;
}
.fairfax-app-sidebar-nav .navbar-inverse .navbar-toggle {
    height: auto;   
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.fairfax-app-sidebar-nav .navbar-inverse .navbar-nav > li > a {
    color: #fff;
    font-size: 1em;
}
.fairfax-app-sidebar-nav .navbar-inverse .navbar-nav > li > a:hover,
.fairfax-app-sidebar-nav .navbar-inverse .navbar-nav > li > a:focus {
    color: #262626;
    background-color: lightgray;
}
.fairfax-app-sidebar-nav .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: gray;
}
.fairfax-app-sidebar-nav .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
.fairfax-app-sidebar-nav .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #262626;
    background-color: lightgray;
}
@media (min-width: 768px) and (max-width: 1200px) {
    .fairfax-app-sidebar-nav .collapse.navbar-collapse {
        display: block !important;
    }
    .fairfax-app-sidebar-nav .navbar-header {
        display: none !important;
    }
}
/* ffx_internal .col-sm-3 */
/* end override */
@media (min-width: 768px) {
    .fairfax-app-sidebar-nav .navbar .navbar-collapse {
        padding: 0;
        max-height: none;
    }
    .fairfax-app-sidebar-nav .navbar ul {
        float: none;
    }
    .fairfax-app-sidebar-nav .navbar ul:not(.dropdown-menu) {
        display: block;
    }
    .fairfax-app-sidebar-nav .navbar li {
        float: none;
        display: block;
    }
    .fairfax-app-sidebar-nav .navbar li a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
}
.fairfax-app-sidebar-nav .navbar-header {
    float: none;
}
/*
@media (min-width: 768px) {
    .fairfax-app-sidebar-nav .navbar {
        width: auto;
    }
}
@media (min-width: 992px) {
    .fairfax-app-sidebar-nav .navbar {
        width: auto;
    }
}
@media (min-width: 1200px) {
    .fairfax-app-sidebar-nav .navbar {
        width: auto;
    }
}
*/
/* end application sidebar navigation */
/* container to flow 100% */
@media all and (min-width:1200px){
.container {
    width: 98%;
}
}
/**************************************************************************************************/
/* NEW STYLES Layout to match with Styles.css class*/
/*************************************************************************************************/



/*h3 {
    font-size: 120%;
    margin: 15px 0 0 0;
    padding: 0;  //remove color from up
}

h4 {
    font-size: 110%;
    margin: 15px 0 0 0;
    padding: 0; 
}

h5 {
    font-size: 100%; 
    margin: 15px 0 0 0;
    padding: 0;
	font-weight:bold;
}

h6 {
    font-size: 100%; 
    margin: 15px 0 0 0;
    padding: 0;
    text-indent: 1.5em;
}

h1.subject { 
    border: 4px solid #ECF4F8;
    margin: 0 0 14px 0;
    background-color: #ECF4F8;
    width: 97%;
}

.highlight { 
    border: 1px solid #b8b8b8;
    margin: 0 0 10px 0;
    padding: 3px;
    background-color: #f7f3ef;
    width: 97%;
}

.highlight1 {
    border: 1px solid #b8b8b8;
    margin: 0 0 10px 0;
    padding: 3px;
    background-color: #ecf4f8;
    width: 97%;
}

.highlight2 { 
    border: 1px solid #b8b8b8;
    margin: 0 0 10px 0;
    padding: 3px;
    background-color: #f5f5f5;
    width: 97%;
}

.highlight3 { 
    border: 1px solid #b8b8b8;
    margin: 0 0 10px 0;
    padding: 3px;
    background-color: #cee3c4;
    width: 97%;
} */

.ffx-alert { 
    background-color: #f3f1d7;
    margin: 0;
    padding: 8px;
    border-bottom: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
}

.ffx-alerttext { 
    color: #8d0000;
}

.ffx-text-alert { 
    color: #FF0000;
}

.ffx-altbgcolor { 
    background-color: #82020b;
    color: #ffffff;
}

.ffx-altbgcolor2 { 
    background-color: #266182;
    color: #ffffff;
}

/*table.data th {
    background-color: #266182;
    color: #ffffff;
    border-bottom: 1px solid #AAAAAA;
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #AAAAAA;
    border-top: 1px solid #FFFFFF;
}

table.data td.alternate, table.data tr.alternate td {
    background-color: #ECF4F8;
    border-bottom: 1px solid #AAAAAA;
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #AAAAAA;
    border-top: 1px solid #FFFFFF;
}

table.data td {
    background-color: #FFFFFF;
    border-bottom: 1px solid #AAAAAA;
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #AAAAAA;
    border-top: 1px solid #FFFFFF;
} */

.img-50percent-left img,
.img-50percent-right img,
.img-50percent img 
.img-100percent img {
	width:100%;
	height: auto;
}

.img-50percent-right {
	float:right;
    width: 50%;
}

.img-50percent-left {
	display: block;
    position: relative;
    width: 50%;
    overflow: hidden;
    float: left;
}

.img-50percent-right .img-50percent-left,
.img-50percent-left .img-50percent-right {
    width: 100%;
}

.img-100percent {
	display: block;
    position: relative;
    width: 100%;
    overflow: hidden;
    float: left;
	clear:both;
}

.img-50percent img, .img-100percent img  {
	width: 100%;
	height: initial
}



div.img-floatright {
	float: right;
}

div.img-floatleft{
	float: left;
}
div.img-center{
	display: block;
    position: relative;
    width: 100%;
    overflow: hidden;
    float: left;
	text-align:center;
}


table.navy-gray {
    border-collapse: collapse;
    border-color: #091f30;
    padding: 4px;
    text-align: left;
}
table.navy-gray th {
    background-color: #091f30;
    color: white;
}
table.navy-gray tr:nth-child(even) {
	background-color: #EEE;
}
table.navy-gray tr:hover {
	background-color: #f5f5f5;
}


table.navy-lightblue {
    border-collapse: collapse;
    border-color: #091f30;
    padding: 4px;
    text-align: left;
}

table.navy-lightblue th {
    background-color: #091f30;
    color: white;
}

table.navy-lightblue tr:nth-child(even) {
	background-color: rgb(234, 239, 241)
}

table.navy-lightblue tr:hover {
	background-color: #f5f5f5;
}

table.red {
    border-collapse: collapse;
    border-color: #d03737;
    padding: 4px;
    text-align: left;
}
table.red  th {
    background-color: #d03737;
    color: #FFF;
}
table.red  tr:nth-child(even) {
	background-color: rgba(236, 217, 217, 0.39);
}
table.red  tr:hover {
	background-color: #ecd9d9;
}

table.lightblue {
    border-collapse: collapse;
    border-color: #d0dce3;
    padding: 4px;
    text-align: left;
}
table.lightblue  th {
    background-color: #d0dce3;
    color: #091f30;
}
table.lightblue  tr:nth-child(even) {
	background-color: #EEE
}
table.lightblue  tr:hover {
	background-color: rgba(207, 220, 227, 0.5);
}

div.twocolumncontent{
	-webkit-column-count: 2; /* Chrome, Safari, Opera */
	-moz-column-count: 2; /* Firefox */
	column-count: 2;
}


span.darkbluebutton input[type='button'], span.darkbluebutton input[type='submit'], span.darkbluebutton input[type='reset'] {
	background-color:#091f30!important;
	color:#FFF!important;
}

span.bluebutton input[type='button'], span.bluebutton input[type='submit'], span.bluebutton input[type='reset'] {
	background-color:#1978c9!important;
	color:#FFF!important;
	
}

span.graybutton input[type='button'], span.graybutton input[type='submit'], span.graybutton input[type='reset'] {
	background-color:#f0f0f0!important;/*#eaeff1*/
	color:#000!important;
}

span.redbutton input[type='button'], span.redbutton input[type='submit'], span.redbutton input[type='reset'] {
	background-color:#d13636!important;
	color:#FFF!important;
}


span.darkbluebutton input[type='button']:hover, span.darkbluebutton input[type='submit']:hover, span.darkbluebutton input[type='reset']:hover {
	background-color:#323946!important;
	color:#FFF!important;
}

span.bluebutton input[type='button']:hover, span.bluebutton input[type='submit']:hover, span.bluebutton input[type='reset']:hover {
	background-color:#1664a6!important;
	color:#FFF!important;
}

span.graybutton input[type='button']:hover, span.graybutton input[type='submit']:hover, span.graybutton input[type='reset']:hover {
	background-color:#e5e5e5!important;
	color:#000!important;
}

span.redbutton input[type='button']:hover, span.redbutton input[type='submit']:hover, span.redbutton input[type='reset']:hover {
	background-color:#fd1102!important;
	color:#FFF!important;
}


input:not([type='button']):not([type='submit']):not([type='reset']):not([type='radio']):not([type='checkbox']):not([type='image']),
textarea,
select
 {
	/*display: block;*/
	/*width: 100%;*/
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

textarea {
   height: auto;
}

.cke_editable .standardform input,
.cke_editable .standardform textarea,
.cke_editable .standardform select  {
	
	width: initial!important;
}

select
 {
	height: auto;
 }
 
input[type='button'],
input[type='submit'],
input[type='reset']
 {
	margin-top:8px;
    background-color: #1978c9;
    color: #FFF;
    font-weight: 500;
    font-size: 120%;
    text-align: center;
   /* width: 100%; */
   /* display: block!important;*/
    border: 0;
    padding: 8px;
}


input[type='button']:hover,
input[type='submit']:hover {
	color: #FFF;
	 background-color: #1664a6;
}

input[type='reset'] {
	color: #000;
	background-color: #f0f0f0;
	
}
input[type='reset']:hover {
	color: #000;
	background-color: #e5e5e5;
	
}
input[type='button']:disabled,input[type='submit']:disabled, input[type='reset']:disabled
{
    color: #000;
	background-color: #f0f0f0;
}


.standardform input:not([type='button']):not([type='submit']):not([type='reset']):not([type='radio']):not([type='checkbox']), 
.standardform textarea,
.standardform select
 {
    display: inherit;
    width: auto!important;
    height: auto;
    padding: 4px;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    background-color: inherit;
    background-image: inherit;
    border: 1px solid #CCC;
    border-radius: initial!important;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
    -webkit-transition: none!important;
    -o-transition: auto!important;
    transition: none!important;
    margin-right: 8px;
}


.standardform input[type='button'],
.standardform input[type='submit'],
.standardform input[type='reset']
{  
    width: auto!important;
	height: auto!important;
	padding: 8px;
	font-size: inherit;
	line-height: inherit;
    margin-right: 8px;
	float: left;
}



.standardform input[type='button']:hover,
.standardform input[type='submit']:hover {
	color: #FFF;
	 background-color: #1664a6;
}

.standardform input[type='reset'] {
	color: #000;
	background-color: #f0f0f0;
	
}
.standardform input[type='reset']:hover {
	color: #000;
	background-color: #e5e5e5;
	
}


/* overide for wysiwyg area */

.cke_editable .standardform input:not([type='checkbox']):not([type='radiobutton']),
.cke_editable .standardform textarea,
.cke_editable .standardform select 
{  
	width:auto!important;
}

.cke_editable input:not([type='checkbox']):not([type='radiobutton']),
.cke_editable textarea,
.cke_editable select  {
	width: 97%!important;
}



/* overide for dropdown list */
.cke_panel_list > li > a > span.img-floatright,
.cke_panel_list > li > a > span.img-center,
.cke_panel_list > li > a > span.img-50percent-right,
.cke_panel_list > li > a > span.img-50percent-left {
	float: left;
	width:auto;
}

.cke_panel_list .img-50percent {
	width:100%;
}

.cke_panel_list h6 {
	text-indent:0px;
}

.cke_widget_image {
	padding: 8px;
}

td, th {
    padding: 6px;
}

.custom-formrow {
	float:left;
	display:block;
    width: 100%;
}

.custom-formrow .field--widget-string-textfield,
.custom-formrow .field--widget-boolean-checkbox {
	float:left;
	display:block;
}

img {
    padding:1px;
}
/*breadcrumb*/
.expandout 
{
    padding-left: 5%;
}

.department-name {
     background-color: #ffffff;
}
@media screen and (max-width: 768px) {
    /* hide seal */
    .department-name > div.row > div:last-of-type {
        display: none;
    }
}

/* Mobile Menu and other images locations updates */

/*.navbar-inverse .navbar-toggle .icon-x 
{
    background-image: url(/resources/public/wcm17/images/icon-menu-x.png);
}
.navbar-collapse .dropdown-item {
    background-image: url(/resources/public/wcm17/images/plus.png);
}
@media (min-width: 1100px) {
    .dropdown1.dropdown-item.open,
    .dropdown1.dropdown-item.over {
background-image: url(/resources/public/wcm17/images/multiply.png);
}
.dropdown1 a:hover {
   background-image: url(/resources/public/wcm17/images/multiply.png);
 }
    @media (max-width: 992px) {
        .dropdown1 a:hover {
            background-image: url(/resources/public/wcm17/images/multiply-small.png);
        }
    }
    @media (max-width: 1100px) {
        .navbar-collapse .dropdown-item {
            background-image: url(/resources/public/wcm17/images/plus-medium.png);	
        }
    }
    @media (max-width: 992px) {
        .navbar-collapse .dropdown-item {
       	background-image: url(/resources/public/wcm17/images/plus-small.png);
             }
    } */



/* MVC not wrap .expandout, not(.expandout) */
div.fairfax-breadcrumb > div.row > div:not(.expandout):first-of-type {
    padding-left: 4%;
}
div.fairfax-breadcrumb > div.row > div:not(.expandout):last-of-type {
    padding-right: 20px;
}
/*------------------------------------------------------------------*/
/*---------- mobile styles to support existing app -----------------*/
/*------------------------------------------------------------------*/
.mobilemenu .current {
    color: #ffffff;
    font-size: 1em;
    font-weight: bold;
    line-height: 1em;
    font-family: Arial, Helvetica, sans-serif;
    background-image: none;
    background-color: #1978C9;
    padding: 4px 2px 6px 8px;
}

.mobilemenu .current a {
    color: #ffffff;
    font-size: 1em;
    font-weight: bold;
    line-height: 1em;
    font-family: Arial, Helvetica, sans-serif;
    /*cursor: pointer;*/
    padding: 4px 2px 6px 8px;
    text-decoration: none;
}

.mobilemenu ul.TopList,
.mobilemenu ul.leftnavsub {
    margin: 0;
    padding: 0;
}

.mobilemenu ul.TopList li,
.mobilemenu ul.leftnavsub li {
    position: relative;
    font-size: 1em;
    font-weight: 500;
    border-bottom: 1px dotted #c0c0c0;
    margin: 0 0 0 0;
    padding: 10px 0 10px 5px;
    color: #16478a;
    list-style: none;
    top: 0px;
    left: 0px;
}

.mobilemenu ul.TopList li > a,
.mobilemenu ul.leftnavsub li > a {
    display: block;
    text-decoration: none;
    margin: -8px 4px -8px 0;
    padding: 9px 32px 10px 0;
    color: #084588;
    background: url(/resources/public/wcm17/images/next.png) no-repeat right center;
}

ul.MainList
{
	margin: 0;
	padding: 0;
}
 ul.MainList > li 
{
    border-bottom:1px dotted #c0c0c0;
    padding:10px 0px 10px 5px;
    list-style: none;
}
li.link
{
	position: relative;
	font-size: 1em;
	font-weight: 500;
	border-bottom: 1px dotted #c0c0c0;
	margin: 0 0 0 0;
	padding: 10px 0 10px 5px;
	color: #16478a;
	list-style: none;
}
li.link > a
{
	display: block;
	text-decoration: none;
	margin: -8px 4px -8px 0;
	padding: 9px 32px 10px 0;
	color: #084588;
	background: url(/resources/public/wcm17/images/next.png) no-repeat right center;
}
/******** Mobile responsive styles updates...***************/
/***********************************************************/

.dropdown1.dropdown-item.open > .dropdown-toggle
	{
		display: block;	
		/*background-color: #d13636;*/
		background-image: url(/resources/public/wcm17/images/multiply-medium.png);
		/*margin-left: -11px; */
		color: #ffffff;	
	}
@media all and (max-width: 1100px) {
    .dropdown1.dropdown-item.open > .dropdown-toggle {
        background-color: #d13636;
    }
}
/***********************************************************/