html{
    height: 100%;
    width: 100%;
}

body{
    font-family: Arial;
    height: 100%;
    width: 100%;
    padding:0;
    margin:0;
}

/*test*/
/*.custom-label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 25px;
    margin-right: 15px;
}
.custom-label:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 1.9rem;
    height: 1.9rem;
    padding: 2px;
    position: relative;
    vertical-align: middle;
    margin-right: 1rem;
    cursor: pointer;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
    -moz-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
    -ms-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
    -o-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
    transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
    
    left: 0;
    bottom: 1px;
    background-color: #fff;
    box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8);
    border-radius: 4px;
}
input[type=radio]{
    display: none;
}

.radio .custom-label:before {
    border-radius: 30px;
}
input[type=radio]:checked + label:before {
    content: "\2022";
    color: #006699;
    font-size: 80px;
    text-align: center;
    line-height: 31px;
    border: 1px solid #d7dce0;
}*/

input[type=checkbox] {
    /*display: none;*/
}

/*input[type=checkbox]:checked + label:before {
    content: "\e600";
    text-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
    font-size: 20px;
    color: #2474C7;
    text-align: center;
    line-height: 30px;
}*/
@font-face {
	font-family: 'icomoon';
	src:url('../../fonts/icomoon.eot?9193lb');
	src:url('../../fonts/icomoon.eot?#iefix9193lb') format('embedded-opentype'),
		url('../../fonts/icomoon.ttf?9193lb') format('truetype'),
		url('../../fonts/icomoon.woff?9193lb') format('woff'),
		url('../../fonts/icomoon.svg?9193lb#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
input[type=text],
input[type=password],
select{
    padding:.25em .25em;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border:1px solid #B2B2B2;/*#888;*/
    font-weight:bold;
    font-size:1.05em;
    /*text-transform:uppercase;*/
    height: 50px;
    border-radius: 4px;
    width: 125px;
}
input.large:focus
{
    border-color:#66afe9;
    outline:0;
    -webkit-box-shadow:inset 0 2px 2px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    box-shadow:inset 0 2px 2px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
    
}
/* all */
		::-webkit-input-placeholder	{ color:#B2B2B2; }
		input:-moz-placeholder { color:#B2B2B2; }
		
		input:-ms-placeholder { color:#B2B2B2; }
		::-ms-input-placeholder	{ color:#B2B2B2; }
		:-ms-input-placeholder	{ color:#B2B2B2; }
		
		/* individual */
		#field2::-webkit-input-placeholder { color:#00f; }
		#field3::-webkit-input-placeholder { color:#090; background:lightgreen; text-transform:uppercase; }
		#field4::-webkit-input-placeholder { font-style:italic; text-decoration:overline; letter-spacing:3px; color:#999; }
		
		#field2::-moz-placeholder { color:#00f; }
		#field3::-moz-placeholder { color:#090; background:lightgreen; text-transform:uppercase; }
		#field4::-moz-placeholder { font-style:italic; text-decoration:overline; letter-spacing:3px; color:#999; }
		
input[disabled], select[disabled]
{
    color:#000;
}

fieldset{
    border:2px solid #888;
    padding:1em;
    width:90%;/*added so you don't have to scroll to see the edit button in the gridview .
}

fieldset > h3 {
    margin-top:0;
}

#content-wrapper{
    background:#fefefe;
    width:80%;
    height:100%;
    margin:0 auto;
    overflow:visible;
}

.text-red{
    color:#ff0000;
}

.center{
    text-align:center;
}
span.format
{
    font-size: .75em;
    font-weight:900;
}

.section-wrapper{
    border:1px solid #EEE;
    border-bottom:.2em solid #000;
    padding:1em;
}

.section-wrapper.last{
    margin-bottom:.75em;
}

.naked-list{
    margin:0;
    padding:0;
    list-style-type:none;
}

.fieldset-list {
    /*padding:1em;*/
}

.fieldset-list > dd {
    margin:0;
    padding:.5em 0;
}

.fieldset-list > dd:last-child,
.fieldset-list > dt:last-child{
    padding:0;
} 

.inline-list > dt, 
.inline-list > dd, 
.inline-list li{
    display:inline;
}

.inline-list dd, 
.inline-list li{
    margin-right:1em;
}

.inline-list dt:last-child, 
.inline-list dd:last-child, 
.inline-list li:last-child{
    margin-right:0;
}

legend{
    font-size:1.3em;
    font-weight:700;
}

fieldset{
    margin:1em 0;
}

input.single{
    width:2em;
    text-align:center;
}

input.small,
select.small{
    width:7%;
}

input.medium,
select.medium{
    width:15%;
}

input.large,
select.large{
    width:50%;
}
input.Xlarge,
select.Xlarge{
    width:80%;
}

a{
    text-decoration:none;
    color:#0094ff;
}

a:hover{
    color:#0026ff;
}

h2{
    margin:.5em 0 1em 0;
    font-weight:900;
}

span.aside-text{
    font-size:.7em;
}
.long-label
{
    min-width:25%;
    display:inline-block;
}

.medium-label
{
    min-width:15%;
    display:inline-block;
}
.short-label
{
    min-width:7%;
    display:inline-block;
}
.half-width
{
    min-width:100%;
}
.half-width li
{
    display:inline-block;
    min-width: 48%;
    height: 100%;
    padding:0 1%;
}

.half-width li:last-child
{
    padding-left: 0;
    width: 48%;
    float:left;
}

.half-width li fieldset
{
    /*height:355px;*/
}
.half-width li fieldset input,.half-width li fieldset select
{
    width:100%;
}
.abc-list
{
    list-style-type:upper-alpha;
}
.abc-list > li 
{
    padding:1em;
}
.abc-list > li:last-child
{
    padding-bottom:0;
}
.hidden
{
    display:none;
}
ul.required
{
    padding:.5em;   
    border: 2px solid #eee;
}
.required
{
    background:#F7F8E0;
}
.required.empty, .empty
{
    border: 2px solid #B40404;
    background: #F8E0E0;
}
.required.notempty, .notempty
{
    border: 2px solid #04B404;
    background: #E0F8E0;
}
input[type=checkbox].empty,
input[type=checkbox].notempty,
input[type=checkbox].required{
    border:none;
}
/*
dd, li {
    position:relative;
}

dd .required-msg,
li .required-msg{
    position:absolute;
    left:1em;
    top:25%;
    height:100%;
}*/

.payment-list
{
    padding:1em;
}
.payment-list li
{
    margin-bottom:1em;
}
.payment-list li:last-child
{
    margin-bottom:0;
}
a.link-button {
  display: inline-block;
  *display: inline;
  zoom: 1;
  padding: 6px 20px;
  margin: 0;
  cursor: pointer;
  border: 1px solid #bbb;
  overflow: visible;
  font: bold 13px arial, helvetica, sans-serif;
  text-decoration: none;
  white-space: nowrap;
  color: #555;
  background-color: #ddd;
  background-image: linear-gradient(top, rgba(255,255,255,1),
                                         rgba(255,255,255,0)),
                    url(data:image/png;base64,iVBORw0KGg[...]QmCC); 
  transition: background-color .2s ease-out;
  background-clip: padding-box; /* Fix bleeding */
  border-radius: 3px;
  box-shadow: 0 1px 0 rgba(0, 0, 0, .3),
              0 2px 2px -1px rgba(0, 0, 0, .5),
              0 1px 0 rgba(255, 255, 255, .3) inset;
  text-shadow: 0 1px 0 rgba(255,255,255, .9); 
  padding: 12px 30px;
  text-transform: uppercase;
}
.link-button {
  display: inline-block;
  *display: inline;
  zoom: 1;
  padding: 6px 20px;
  margin: 0;
  cursor: pointer;
  border: 1px solid #bbb;
  overflow: visible;
  font: bold 13px arial, helvetica, sans-serif;
  text-decoration: none;
  white-space: nowrap;
  color: #555;
  background-color: #ddd;
  background-image: linear-gradient(top, rgba(255,255,255,1),
                                         rgba(255,255,255,0)),
                    url(data:image/png;base64,iVBORw0KGg[...]QmCC); 
  transition: background-color .2s ease-out;
  background-clip: padding-box; /* Fix bleeding */
  border-radius: 3px;
  box-shadow: 0 1px 0 rgba(0, 0, 0, .3),
              0 2px 2px -1px rgba(0, 0, 0, .5),
              0 1px 0 rgba(255, 255, 255, .3) inset;
  text-shadow: 0 1px 0 rgba(255,255,255, .9); 
  padding: 12px 30px;
  text-transform: uppercase;
}
.link-button-circle {
  display: inline-block;
  *display: inline;
  zoom: 1;
  padding: 6px 20px;
  margin: 0;
  cursor: pointer;
  border: 1px solid #bbb;
  overflow: visible;
  font: bold 13px arial, helvetica, sans-serif;
  text-decoration: none;
  white-space: nowrap;
  color: #555;
  background-color: #ddd;
  background-image: linear-gradient(top, rgba(255,255,255,1),
                                         rgba(255,255,255,0)),
                    url(data:image/png;base64,iVBORw0KGg[...]QmCC); 
  transition: background-color .2s ease-out;
  background-clip: padding-box; /* Fix bleeding */
  border-radius: 163px;
  box-shadow: 0 1px 0 rgba(0, 0, 0, .3),
              0 2px 2px -1px rgba(0, 0, 0, .5),
              0 1px 0 rgba(255, 255, 255, .3) inset;
  text-shadow: 0 1px 0 rgba(255,255,255, .9); 
  padding: 8px 10px;
  text-transform: uppercase;
}


.link-button:hover{
	background-color: #eee;
  color: #555;
}
.align-right
{
    text-align:right;
}
.divbox
{
    padding: 0px;
    width:100px;
	position:absolute;
	-webkit-box-shadow: 0 0 5px #aaa;
	box-shadow: 0 0 5px #aaa;
	display:inline-block;
    left: 601px;
}

div.scrollable{
    overflow-y:scroll;
    height:400px;
    width:100%;
    background:#F2F2F2;
}

div.outline{
    border:2px solid #888;
    padding:1em 2em;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin:1em 0;
}


.bottom-nav{
    padding:0 1em;
    position:relative;
    height:3em;
}

.bottom-nav .link-button{
    height:2.5em;
    line-height:2.5em;
    padding:0;
    width:10em;
}

.bottom-nav #btn-back{
    position:absolute;
    left:1em;
    top:.25em;
}

.bottom-nav #btn-continue{
    position:absolute;
    right:1em;
    top:.25em;
}
.doubleUnderline {
    text-decoration:underline;
    border-bottom: 1px solid #000;
}
#search-detail-heading table td
{
    font-weight: bold;
    font-size: 2em;
    text-align:center;
    color: #003366;
}
#activeIndependent table td
{
    font-weight: bold;
    font-size: 2em;
    text-align:center;
    color: #003366;
}
#countiesTitle table td
{
    font-weight: bold;
    font-size: 2em;
    text-align:center;
    color: #003366;
}
/*master page header and footer 07/1/2014 MH*/




#footer
{
    margin-top:1em;
    /*border-top: 2px solid #375f93;*/ /* wch commented out so there isn't a border showing on the .net reports*/
    text-align:center;
}

#footer a{
    color:#375f93;
    text-decoration:none;
}

#footer a:hover{
    color:#6f89aa;
    text-decoration:underline;
}

#app-header
{
    text-align:center;
    color:#375f93;
}

div#loading{
    position:absolute;
    top:0;
    left:0;
    z-index:1;
    background:#fff;
    background:rgba(255, 255, 255, .6);
    height:100%;
    width:100%;
    text-align:center;
}
div#loading > h4{
    font-size:1.3em;
    margin-top:0;
}


@keyframes fadeInSemiTransparent{
    from{
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        -khtml-opacity: 0;
        opacity:0;
    }
    to{
        filter: alpha(opacity=80);
        -moz-opacity: 0.8;
        -khtml-opacity: 0.8;
        opacity:.8;
    }
}

@-webkit-keyframes fadeInSemiTransparent{
    from{
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        -khtml-opacity: 0;
        opacity:0;
    }
    to{
        filter: alpha(opacity=80);
        -moz-opacity: 0.8;
        -khtml-opacity: 0.8;
        opacity:.8;
    }
}

@media (max-width:1300px) {
    .link-button.fixed-size {
        font-size:.9em;
    }
}

@media (max-width:1200px)
{
    #content-wrapper{
        width:90%;
    }
}
@media (max-width:1050px)
{
    #content-wrapper{
        width:100%;
    }
    .half-width li fieldset input,.half-width li fieldset select
    {
        width:100%;
    }
}

@media (max-width:934px){
    #cfo-header{
        width:100%;
    }

    .inline-list dt, 
    .inline-list dd, 
    .inline-list li{
        display:block;
    }

    input.small,
    select.small{
        width:25%;
    }

    input.medium,
    select.medium{
        width:50%;
    }

    input.large,
    select.large{
        width:100%;
    }

    .link-button.fixed-size{
        width:100%;
        margin:0 auto;
        font-size:1em;
    }
    
    .half-width
    {
        display:block;
        min-width:100%;
    }
    .half-width li
    {
        display:block;
        padding:0 1%;
    }
    .half-width li:last-child
    {
        display:block;
        width:100%;
    }
    
    #cfo-menu .inline-list li
    {
        display:inline-block;
    }
}

@media (max-width:660px){

    #cfo-header-wrapper {
        background:#152F52;
    }

    #cfo-header{
        height:100px;
    }
    h1
    {
        font-size:1.5em;
    }
    h2
    {
        font-size:1.3em;
    }
}

@media (max-width:360px){
    #cfo-header{
        height:150px;
    }

    #cfo-menu{
        left:0;
        width:100%;
    }
    #cfo-menu .inline-list li{
        display:list-item;
    }
    h1
    {
        font-size:1.3em;
    }
    h2
    {
        font-size:1.1em;
    }

    .bottom-nav{
        height:5em;
    }

    .bottom-nav .link-button{
        height:2.5em;
        line-height:2.5em;
        padding:0;
        width:100%;
    }

    .bottom-nav #btn-back{
        position:static;
        margin-bottom:.25em;
    }

    .bottom-nav #btn-continue{
        position:static;
    }
    .link-button.fixed-size{
        font-size:.9em;
    }
}