html
{
    margin-left: 0px;
    margin-right: auto;
    font-size: 100%;
    width: 100%;
}




body {
    color:#3c3c3c;
    margin-top:10px;
    position:relative;
    text-align:center;
    font-family:"Arial","Helvetica","Trebuchet MS","Verdana","Times New Roman","Sans-Serif";
    margin-left:auto;
    margin-right:auto;

}

.header
{
    position: relative;
    margin: 0px;
    width: 100%;
    height: 150px;
    color: #ffffff;
    margin-bottom: -10px;
    text-align:left;
}


.main
{
    max-height: 100%;
}

p
{
    margin: 5px;
    text-align:left;
}

h1,h2,h3,h4,h5,h6,h7{text-align:left}



h1 
{
    padding: 20px 10px;
    color:#0b5a9c;
    font-size:24px;
    line-height:32px
}



h2 
{
    padding-left: 10px;
    color:#0d4f8b;
    font-size:18px;
    line-height:24px
}



h3 
{
    padding: 0px 0px 5px 10px;
    color:#444;
    font-size:14px;
    font-weight:bold;
    line-height:18px;
}



h4 
{
    padding-left: 10px;
    color:#222;
    font-size:12px;
    line-height:15px
}



h5 
{
    padding-left: 10px;
    font-size:10px;
    line-height:12px
}



span + img, img
{
    border: 0;
    border-collapse: collapse;
    padding: 0;
    margin: 0;
    vertical-align: top;
}



.navlink
{
    cursor: pointer;
    font-size: 12px;
    font-family: arial;
    background-image: url('../images/menubg.png');
    background-repeat: repeat-x;
    background-color: gray;
    border-width: 1px 1px 1px 0px;
    border-style: solid;
    border-color: black;
}

.navlink:first-child
{
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: black;
}



/*
 
 The Essential Code 
 
*/



#footer-wrapper{background-color:#fff}



#footer 
{
    clear:both;
    position:static;
    background-color: #0b5a9c;
    color:#fff;
    padding:0;
    text-align:center;
    height:150px;
    padding-top:10px;
    width:100%
}



#footer p {text-align:center}



#footer a 
{
    color:#fff;
}

#footer-links {
    padding-bottom: 2px;
}


.bluemenu
{
    background: url('../images/bluemenubg.png') 0 0 ;
    max-width:100%;
    
}

.graymenu
{
    background: url('../images/menubg.png') 0 0 repeat-x;
}



.horizontalcssmenu
{
    float: left;
    width: 100%;
    position: relative;
    margin: 0px 0px;
}





.horizontalcssmenu a:visited
{
    text-decoration: none;
}


.horizontalcssmenu ul
{
    clear: left;
    float: left;
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: relative;
    text-align: center;
}

/*Top level list items*/
.horizontalcssmenu ul li
{
    display: block;
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
}

/*Sub level menu*/
.horizontalcssmenu ul li ul
{
    float: right;
    left: 0%;
    top: 32px;
    position: absolute;
    display: inline;
    visibility: hidden;
    z-index: 100;
    border: 1px solid #909090;
    padding-bottom: 2px;
    background: #f3f3f3;
}

/* Sub level menu links style */
.horizontalcssmenu ul li ul li a
{
    width: 190px; /*width of sub menu levels*/
    font-size: 1em;
    font-weight: normal;
    padding: 8px 10px;
    background: #f3f3f3;
    border: none;
    text-decoration: none;
    color: #333333;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
}

/*Top level menu link items style*/
.horizontalcssmenu ul li a
{
    display: block;
    width: auto; /*Width of top level menu link items*/
    padding: 8px 16px 8px 10px;
    border-top: none;
    border-left: 1px solid #999;
    border-bottom: 1px solid #111;
    border-right: 1px solid #111;
    text-decoration: none;
    color: #fefefe;
    font-size: 1.2em;
    font-weight: 100;
}

.horizontalcssmenu ul li:hover > ul
{
    visibility: visible;
}





/*Sub level menu list items*/
.horizontalcssmenu ul li ul li
{
    display: block;
    float: none;
    margin-bottom: 0;
    position: relative;
    color: #000;
}




.horizontalcssmenu ul li a:hover
{
    background: url('../images/menuoverbg.png') center center repeat-x;
    text-decoration: none;
}

.horizontalcssmenu ul li ul li a:hover
{
    background: #dddddd;
    text-decoration: none;
    border-top: 1px solid #ac0634;
    border-bottom: 1px solid #ac0634;
}

.arrowdiv
{
    position: absolute;
    right: 3px;
    background: transparent url('../images/menuarrow.png') no-repeat center left;
    width: 11px;
}

* html p#iepara
{
    /*For a paragraph (if any) that immediately follows menu, add 1em top spacing between the two in IE*/
    padding-top: 1em;
}

/* Holly Hack for IE \*/
* html .horizontalcssmenu ul li
{
    float: left;
    height: 1%;
    margin-bottom: 0;
}
* html .horizontalcssmenu ul li a
{
    height: 1%;
    width: 135px;
    padding: 9px 0px;
    color: #fff;
    text-decoration: none;
    text-align: center;
}
/* End */



/*=GridView
************************************************************/
.mGrid
{
    width: 100%;
    background-color: #F0F8FF;
    margin: 5px 0 10px 0;
    border: solid 1px #525252;
    border-collapse: collapse;
}

.mGrid a
{
    color: #ffffff;
}

.mGrid td a
{
    color: #000000;
}
.mGrid td
{
    padding: 2px;
    border: solid 1px #c1c1c1;
    color: #717171;
}
.mGrid th
{
    padding: 4px 2px;
    color: #fff;
    background: #3a4f63;
    border-left: solid 1px #525252;
    font-size: 0.9em;
}
.mGrid .alt
{
    background: #fcfcfc;
}
.mGrid .pgr
{
    background: #3a4f63;
}
.mGrid .pgr table
{
    margin: 5px 0;
}
.mGrid .pgr td
{
    border-width: 0;
    padding: 0 6px;
    border-left: solid 1px #666;
    font-weight: bold;
    color: #E6E8FA;
    line-height: 12px;
}
.mGrid .pgr a
{
    color: #ffffff;
    text-decoration: none;
}
.mGrid .pgr a:hover
{
    color: #000;
    text-decoration: none;
}



/*=Errors
************************************************************/

.error
{
    width: 100%;
    clear: both;
    padding: 10px;
    border: solid 1px #ff5656;
    background: #ffaaaa;
    color: #ff0000;
    margin-bottom: 1.625em;
}

.error ul
{
    padding: 0 1.625em;
    margin: 0;
}

.error-text
{
    color: #ff0000;
}

.strong
{
    font-weight: bold;
}


.businessinfo
{
    width: 650px;
    margin-left: 20px;
    margin-bottom: 20px;
}



/*=Global Classes
************************************************************/
.button, a.button, a.button:link, a.button:visited {
    font-size: 16px;
    color: #ffffff;
    background: #4CAF50;
    border: solid 1px #4CAF50;
    overflow: visible;
    vertical-align: middle;
    text-align: left;
    text-decoration: none;
    display: inline-block;
    padding: 5px 10px;
    height: 20px;
    line-height: 17px;
    margin: 3px 0 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 1px 1px 5px #4CAF50;
    -moz-box-shadow: 1px 1px 5px #4CAF50;
    box-shadow: 1px 1px 5px #4CAF50;
    zoom: 1;
}

.button:hover, a.button:hover, a.button:link:hover, a.button:visited:hover
{
    background: #4CAF50;
}

.button:active, a.button:active
{
    top: 1px;
    left: 1px;
}

.ie7 .button, .ie7 a.button, .ie7 a.button:link, .ie7 a.button:visited
{
    display: inline;
    padding: 5px 10px 5px 10px;
    line-height: 19px;
}

.ie8 .button, .ie8 a.button, .ie8 a.button:link, .ie8 a.button:visited
{
    padding: 5px 10px 5px 10px;
    line-height: 21px;
}

.ie9 .button, .ie9 a.button, .ie9 a.button:link, .ie9 a.button:visited
{
    padding: 5px 10px 5px 10px;
    line-height: 21px;
}

/* Sarasota button color overrides */

.button, a.button, a.button:link, a.button:visited
{
    background: #4CAF50;
    border: solid 1px #4CAF50;
    color: #ffffff;
    margin-left: 30px;
    margin-right: 30px;
    margin-bottom: 10px;
    margin-top: 10px;

}

.button:hover, a.button:hover, a.button:link:hover, a.button:visited:hover
{
    background: #4CAF50;
}

/* VS specified styles */
.button.aspNetDisabled, .button.aspNetDisabled:hover
{
    background: #999999;
    border: solid 1px #999999;
    color: #e5e5e5;
}


.alignleft
{
    clear: none;
    float: left;
}

.alignright
{
    clear: none;
    float: right;
}

.text
{
    width: 250px;
    padding: 4px;
}


/*=Tabular Display
************************************************************/

.form-table
{
    width: 905px;
}

.form-table input[type="text"], .form-table input.text
{
    margin: 0;
}





.bitradio-required
{
    width: 200px;
    vertical-align: bottom;
}

fieldset
{
    position: relative;
    max-width: 100%;
    width: auto;
    padding: 10px;
    margin-bottom: 1.625em;
    margin-left: 15px;
    margin-right: 15px;
    text-align:left;
}


legend
{
    font-weight: bold;
    font-size: 16px;
}






.loginDisplay
{
    font-size: 1.1em;
    display: block;
    text-align: right;
    padding: 10px;
    color: White;
    margin-top: 0px;
}

.loginDisplay a:link
{
    color: white;
}

.loginDisplay a:visited
{
    color: white;
}

.loginDisplay a:hover
{
    color: white;
}








table.table2
{
    font-family: "Arial" , "Helvetica" , "Trebuchet MS" , "Verdana" , "Times New Roman" , "Sans-Serif";
    font-size: 12px;
    font-style: normal;
    font-weight: normal;

    line-height: 1.2em;
    border-collapse: collapse;
    text-align: left;
    width:900px;
    
}



.table2 thead th:empty
{
    background: transparent;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.table2 thead :nth-last-child(1)
{
    border-right: none;
}
.table2 thead :first-child, .table2 tbody :nth-last-child(1)
{
    border: none;
}
.table2 tbody th
{
    text-align: left;
    padding: 10px;
    color: #333;
    text-shadow: 1px 1px 1px #ccc;
    background-color: #f9f9f9;
}
.table2 tbody td
{
    padding: 10px;
    background-color: #f0f0f0;
    border-right: 1px dotted #999;
    text-shadow: -1px 1px 1px #fff;
    text-transform: uppercase;
    color: #333;
    width:70%;
    text-align: left;
}
.table2 tbody span.check::before
{
    content: url(../images/check1.png);
}





table.Signature
{
    font-family: "Arial" , "Helvetica" , "Trebuchet MS" , "Verdana" , "Times New Roman" , "Sans-Serif";
    font-size: 12px;
    font-style: normal;
    font-weight: normal;

    line-height: 1.2em;
    border-collapse: collapse;
    text-align: left;
    width:350px;
    
}



.Signature thead th:empty
{
    background: transparent;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.Signature thead :nth-last-child(1)
{
    border-right: none;
}
.Signature thead :first-child, .table2 tbody :nth-last-child(1)
{
    border: none;
}
.Signature tbody th
{
    text-align: left;
    padding: 10px;
    color: #333;
    text-shadow: 1px 1px 1px #ccc;
    background-color: #f9f9f9;
}
.Signature tbody td
{
    padding: 10px;
    background-color: #f0f0f0;
    border-right: 1px dotted #999;
    text-shadow: -1px 1px 1px #fff;
    text-transform: uppercase;
    color: #333;
    width:70%;
    text-align: left;
}
.Signature tbody span.check::before
{
    content: url(../images/check1.png);
}

.button-next {
	-moz-box-shadow:inset 0px 0px 0px 0px #4CAF50;
	-webkit-box-shadow:inset 0px 0px 0px 0px #4CAF50;
	box-shadow:inset 0px 0px 0px 0px #4CAF50;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05,#4CAF50), color-stop(1, #4CAF50) );
	background:-moz-linear-gradient( center top, #4CAF50 5%, #4CAF50 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4CAF50', endColorstr='#4CAF50');
	background-color:#4CAF50;
	-webkit-border-top-left-radius:10px;
	-moz-border-radius-topleft:10px;
	border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	-moz-border-radius-topright:10px;
	border-top-right-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	-moz-border-radius-bottomright:10px;
	border-bottom-right-radius:10px;
	-webkit-border-bottom-left-radius:10px;
	-moz-border-radius-bottomleft:10px;
	border-bottom-left-radius:10px;
	text-indent:0px;
	border:1px solid #4CAF50;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:40px;
	line-height:40px;
	width:auto;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #666666;
	padding: 0px 10px;
	min-width:86px;
	
}
.button-next:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4CAF50), color-stop(1,#4CAF50) );
	background:-moz-linear-gradient( center top, #fbbd1b 5%, #e1a301 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4CAF50', endColorstr='#4CAF50');
	background-color:#4CAF50;
}.button-next:active {
	position:relative;
	top:1px;
}


.button-previous {
	-moz-box-shadow:inset 0px 0px 0px 0px #4CAF50;
	-webkit-box-shadow:inset 0px 0px 0px 0px #4CAF50;
	box-shadow:inset 0px 0px 0px 0px #4CAF50;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05,#4CAF50), color-stop(1, #4CAF50) );
	background:-moz-linear-gradient( center top, #4CAF50 5%, #4CAF50 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4CAF50', endColorstr='#4CAF50');
	background-color:#4CAF50;
	-webkit-border-top-left-radius:10px;
	-moz-border-radius-topleft:10px;
	border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	-moz-border-radius-topright:10px;
	border-top-right-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	-moz-border-radius-bottomright:10px;
	border-bottom-right-radius:10px;
	-webkit-border-bottom-left-radius:10px;
	-moz-border-radius-bottomleft:10px;
	border-bottom-left-radius:10px;
	text-indent:0px;
	border:1px solid #4CAF50;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:40px;
	line-height:40px;
	width:auto;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #666666;
	padding: 0px 10px;
	min-width:86px;
}
.button-previous:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4CAF50), color-stop(1, #4CAF50) );
	background:-moz-linear-gradient( center top, #4CAF50 5%, #4CAF50 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4CAF50', endColorstr='#4CAF50');
	background-color:#4CAF50;
}.button-previous:active {
	position:relative;
	top:1px;
}

 /* Style the container */
.container {
  border-radius: 5px;
  background-color: #f2f2f2;
  padding: 20px;
}

/* Floating column for labels: 25% width */
.col-25 {
  float: left;
  width: 25%;
  margin-top: 6px;
  text-align:left;
}

/* Floating column for labels: 50% width */
.col-50 {
  float: left;
  width: 50%;
  margin-top: 6px;
  text-align:left;
  
}

/* Floating column for labels: 100% width */
.col-100 {
  float: left;
  width: 100%;
  margin-top: 6px;
  

}
.col-100r {
  float: right;
  width: 100%;
  margin-top: 6px;

}

/* Floating column for inputs: 75% width */
.col-75 {
  float: left;
  width:75%;
  margin-top: 6px;
  text-align:left;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}


/* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .col-25, .col-75, .col-50, input[type=submit] {
    width: 100%;
    margin-top: 0;
  }
}