/* RESET */

html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em, strong, th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }

/*Typography*/

@font-face {
    font-family: 'open_sansregular';
    src: url('/fonts/opensans-regular-webfont.eot');
    src: url('/fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/opensans-regular-webfont.woff') format('woff'),
         url('/fonts/opensans-regular-webfont.ttf') format('truetype'),
         url('/fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
}

@font-face {
    font-family: 'open_sanssemibold';
    src: url('/fonts/opensans-semibold-webfont.eot');
    src: url('/fonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/opensans-semibold-webfont.woff') format('woff'),
         url('/fonts/opensans-semibold-webfont.ttf') format('truetype'),
         url('/fonts/opensans-semibold-webfont.svg#open_sanssemibold') format('svg');
}

body {
	font-family: "open_sansregular", "Calibri", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 15px;
	line-height: 20px;
	font-weight: 400;
	color: #222222;
	background: #4975b9 url(../images/back.jpg) 0 0 repeat-x;
	text-align: center;
}

h1, h2, h3, h4 {
	color: #3975b9;
	/*font-weight: 600;*/
	margin-bottom: 9px;
	font-family: open_sanssemibold, "Calibri", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

h1, h2 {
	font-size: 20px;
}

h3 {
	font-size: 17px;
	color: #0d3e7a;
}

h4 {
	font-size: 15px;
	color: #222222;
}

h5 {
	font-size: 15px;
	color: #222222;
	margin-bottom: 24px;
}

p {
	margin-bottom: 24px;
}

.sidebar p {
    margin-bottom: 36px;
  }

.small-txt {
	font-size: 11px;
	color: #0d3e7a;
}

.alt-color {
	color: #ffffff;
}

.dark-txt {
	color: #07162e;
}

.highlight-head {
	background: -o-linear-gradient(bottom, #4974b9 5%, #3764a8 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4974b9), color-stop(1, #3764a8) );
	background: -moz-linear-gradient( center top, #4974b9 5%, #3764a8 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#4974b9", endColorstr="#3764a8");	background: -o-linear-gradient(top,#4974b9,3764a8);
	background-color: #4974b9;
	padding: 9px;
}

.sample-code {
	background-color: #e8e8e8;
	padding: 9px;
	margin-bottom: 24px;
}

/*Page Structure*/

.row {
	overflow: hidden;
}

.col-1, .col-2, .col-2a, .col-3, .col-4, .col-4a, .col-5 {
	float: left;
	text-align: left;
}

.col-1 {
	width: 25%;
}

.col-2 {
	width: 33%;
}

.col-2a {
	width: 260px;
}

.col-2b {
	width: 245px;
	float: left;
}

.col-2c {
	width: 350px;
	float: left;
}

.col-3 {
	width: 50%;
}

.col-4 {
	width: 66%;
}

.col-4a {
	width: 635px;
}

/*.col-4b {
	width: 635px;
	float: left;
}*/

.col-5 {
	width: 75%;
}

.col-6 {
	width: 960px;
	margin: 0 auto;
	clear: both;
	overflow: hidden;
}

.centered-col {
    margin: 0 0 0 200px;
  }

.small-gap-top {
	margin-top: 9px;
}

.medium-gap-top {
	margin-top: 24px;
}

.large-gap-top {
	margin-top: 36px;
}

.medium-gap-bottom {
	margin-bottom: 24px;
}

.small-gap-rside {
	margin-right: 9px;
}

.small-gap-lside {
	margin-left: 9px;
}

.small-gap-bottom {
  margin-bottom: 18px;
}

.medium-gap-rside {
	margin-right: 18px;
}

.large-gap-rside {
	margin-right: 24px;
}

.xlarge-gap-rside {
	margin-right: 30px;
}

.large-gap-lside {
	margin-left: 30px;
}

.full-vert-pad {
	padding-top: 24px;
	padding-bottom: 24px; 
}

.full-side-pad {
	padding-left: 24px;
	padding-right: 24px; 
}

.centered {
	text-align: center;
}

.submit-site {
	height: 183px;
	position: relative;
	margin-left: 20px;
	
}

.btm-align {
	display: block;
	vertical-align: bottom;
	position: absolute;
	bottom: 0;
	margin-left: 39px;
	box-shadow: 0px 5px 15px 3px rgba(16, 44, 85, 0.85);
}

.fws-logo {
	margin: 15px 0 0 0;
}

.rocket-bg {
	background: transparent url(../images/fws-rocket-b.png) 460px 19px no-repeat;
}

.main-nav {
	width: 620px;
	margin: 26px 0 9px 9px;
}

.main-nav li:last-child {
	padding-right: 0;
}

.holder {
	background-color: #ffffff;
	border-radius: 6px;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	width: 960px;
	box-shadow: 0px 5px 10px 3px rgba(16, 44, 85, 0.85);
	margin: 0 auto;
	text-align: left;
	clear: both;
	overflow: hidden;
	background-clip: padding-box;
}

.left_list_a, .right_list_a {
	float: left;
}

.form-holder {
	border: 1px solid #eaeaea;
	margin-bottom: 30px;
	clear: both;
}

.wide {
	float: left;
	width: 75%;
}

.dark-box {
	width: 960px;
	background-color: #43454a;
	color: #ffffff;
	clear: both;
	padding: 24px 0;
	text-align: center;
	font-size: 14px;
	border-radius: 6px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	margin: 0 auto 24px auto;
	box-shadow: 0px 5px 10px 3px rgba(16, 44, 85, 0.85);
}

.full-box {
	margin: 36px 24px 0 24px;
}

/*Top 50 Table*/

.left_list_a, .right_list_a {
	width: 314px;
	margin-bottom: 36px;
	border: 1px solid #eaeaea;
}

.left_list_a {
	border-width: 1px 0 1px 1px; 
}

.left_list_a table, .right_list_a table {
  border-collapse: collapse;
  border-spacing: 0;
	width: 100%;
	height: 100%;
}

/*.left_list_a tr:nth-child(odd), .right_list_a tr:nth-child(odd){ background-color:#ffffff; }*/
.left_list_a tr:nth-child(even), .right_list_a tr:nth-child(even) { background-color:#f1f1f1; }

.left_list_a td, .right_list_a td {
	vertical-align: middle;
	border: 1px solid #eaeaea;
	border-width: 0; /* 0px 1px 1px 0px */
	text-align: left;
	padding: 0;
	font-size: 14px;
	font-weight: 600;
}

.left_list_a tr:last-child td, .right_list_a tr:last-child td {
	border-width: 0px 0px 0px 0px;
}

.left_list_a tr td:last-child, .right_list_a tr td:last-child {
	border-width: 0px 0px 1px 0px;
}

.left_list_a tr:last-child td:last-child, .right_list_a tr:last-child td:last-child {
	border-width: 0px 0px 0px 0px;
}

.left_list_a tr:first-child td, .right_list_a tr:first-child td {
	background: -o-linear-gradient(bottom, #4974b9 5%, #3764a8 100%);
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4974b9), color-stop(1, #3764a8) );
	background: -moz-linear-gradient( center top, #4974b9 5%, #3764a8 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#4974b9", endColorstr="#3764a8");	background: -o-linear-gradient(top,#4974b9,3764a8);
	background-color: #4974b9;
	border: 0px solid #eaeaea;
	text-align: center;
	border-width: 0; /* 0px 0px 1px 1px */
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
}

.left_list_a tr:first-child td:first-child, .right_list_a tr:first-child td:first-child {
	border-width: 0px 0px 0px 0px; /*0px 0px 1px 0px*/
}

.left_list_a tr:first-child td:last-child, .right_list_a tr:first-child td:last-child {
	border-width: 0; /*0px 0px 1px 1px*/
}

.left_list_a tr:first-child td, .right_list_a tr:first-child td {
	background: -o-linear-gradient(bottom, #4974b9 5%, #3764a8 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4974b9), color-stop(1, #3764a8) );
	background: -moz-linear-gradient( center top, #4974b9 5%, #3764a8 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#4974b9", endColorstr="#3764a8");	background: -o-linear-gradient(top,#4974b9,3764a8);
	background-color: #4974b9;
	text-align: left;
	font-weight: 600;
	color: #ffffff;
	padding: 3px 9px;
}

td.centered-col {
	text-align: center;
}

.even {
	background-color: #ffffff;
}

.left_list_a ul, .right_list_a ul {
	margin: 0;
}

.left_list_a li, .right_list_a li {
	line-height: 33px;
	border-bottom: 1px solid #eaeaea;
	color: #0d3e7a;
}

.left_list_a li, .right_list_a li {
	line-height: 33px;
	padding: 0 7px;
	border-bottom: 1px solid #eaeaea;
}

.left_list_a ul li span, .right_list_a li span {
	padding: 0 9px 0 0;
}

.left_list_a li:last-child, .right_list_a li:last-child {
	border-bottom: none;
}

/*Form Styles*/

form {
	padding: 9px 9px 18px 9px;
}

.small {
	width: 72px;
}

.medium {
	width: 120px;
}

.large {
	width: 136px;
}

.x-large {
	width: 200px;
}

.right-btn {
	float: right;
}

.submission-input br {
	clear: both;
}

.submission-form label {
	display: block;
	float: left;
	padding-top: 5px;
}

.submission-input {
	float: left;
}

.submission-txt input{
	width: 248px;
	height: 24px;
	font-size: 15px;
	padding: 2px 5px;
	color: #666666;
	/*margin-bottom: 10px;*/
	border: 1px solid #D1C9C5;
	border-radius: 4px;
}

.submission-form input[type='checkbox'] {
	margin-right: 9px;
	margin-bottom: 7px;
}

.submission-form input[type="submit"] {
	font-weight: 600;
	cursor: pointer; cursor: hand;
	color: #ffffff;
	height: 36px;
	line-height: 0;
	font-size: 16px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	letter-spacing: 1px;
	padding: 0 0 3px 0;/*18px*/
	width: 196px;
	margin: 24px 9px 9px 9px;
	border-radius: 4px;
	border: 2px solid #ffffff;
	vertical-align: top;
	-webkit-appearance: none;
	/*-webkit-border-radius: 0px;*/
	background:-o-linear-gradient(bottom, #ee2121 5%, #9c0606 100%);
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ee2121), color-stop(1, #9c0606) );
	background:-moz-linear-gradient( center top, #ee2121 5%, #9c0606 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ee2121", endColorstr="#9c0606");
	background: -o-linear-gradient(top,#ee2121,#9c0606);
	background-color: #bd1111;
	box-shadow: 0px 2px 4px 2px rgba(16, 44, 85, 0.25);
}

.unsub-form input[type="submit"] {
	font-weight: 600;
	cursor: pointer; cursor: hand;
	color: #ffffff;
	height: 36px;
	line-height: 0;
	font-size: 16px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	letter-spacing: 1px;
	padding: 0 0 3px 0;/*18px*/
	width: 196px;
	margin: 24px 9px 9px 9px;
	border-radius: 4px;
	border: 2px solid #ffffff;
	vertical-align: top;
	-webkit-appearance: none;
	/*-webkit-border-radius: 0px;*/
	background:-o-linear-gradient(bottom, #ee2121 5%, #9c0606 100%);
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ee2121), color-stop(1, #9c0606) );
	background:-moz-linear-gradient( center top, #ee2121 5%, #9c0606 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ee2121", endColorstr="#9c0606");
	background: -o-linear-gradient(top,#ee2121,#9c0606);
	background-color: #bd1111;
	box-shadow: 0px 2px 4px 2px rgba(16, 44, 85, 0.25);
}
.alt-btn {
   font-weight: 600;
   cursor: pointer; cursor: hand;
   color: #ffffff;
   height: 36px;
   line-height: 0;
   font-size: 16px;
   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
   letter-spacing: 1px;
   padding: 0 0 3px 0;
   width: 196px;
   margin: 9px 9px 9px 0;
   border-radius: 4px;
   border: 2px solid #ffffff;
   vertical-align: top;
   -webkit-appearance: none;
   background:-o-linear-gradient(bottom, #ee2121 5%, #9c0606 100%);
   background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, 
#ee2121), color-stop(1, #9c0606) );
   background:-moz-linear-gradient( center top, #ee2121 5%, #9c0606 100% );
   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ee2121", 
endColorstr="#9c0606");
   background: -o-linear-gradient(top,#ee2121,#9c0606);
   background-color: #bd1111;
   box-shadow: 0px 2px 4px 2px rgba(16, 44, 85, 0.25);
}

textarea {
	width: 248px;
	height: 124px;
	resize: none;
	font-size: 15px;
	padding: 2px 5px;
	color: #666666;
	border: 1px solid #D1C9C5;
	border-radius: 4px;
}

.centered-form {
margin: 0 auto 24px auto;
float: none;
}

/*Link Styles*/

a:link, a:active, a:visited {
	color: #3975b9;
	text-decoration: none;
}

a:hover {
	color: #0d3e7a;
}

a:link.alt-link-color, a:active.alt-link-color, a:visited.alt-link-color {
	color: #ffffff;
	text-decoration: none;
}

a:hover.alt-link-color {
	color: #07162e;
}

.main-nav li {
	font-size: 18px;
	float: left; line-height: 24px;
	vertical-align: bottom;
	padding-right: 14px;
	text-shadow: 2px 2px 3px rgba(16, 44, 85, 0.95);
	font-weight: 400;
	letter-spacing: 1px;
}

.main-nav li:first-child {
	padding-left: 9px;
}

ol {
	margin-bottom: 24px;
	margin-left: 22px;
	list-style-type: decimal;
}

ul.reg-list {
	margin-bottom: 24px;
	margin-left: 22px;
	list-style-type: disc;
}

/*Adim / Result Page Styles*/

pre { font-family: "open_sansregular", Calibri, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; }

.result-table td {
	padding: 4px;
}

.result-table table, .result-table tr, .result-table td {
	border-collapse: separate;
	border-spacing: 1px;
}

.error {
	color: #ff0000;
}

.warn {
	color: #0000ff;
}

.good {
	color: #00ff00;
}

.code {
	color: #003399;
}

.resultlabel {
    margin-right: 20px;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
}

.resultlabel {
    margin-right: 20px;
    text-align: center;
    font-size: 20px;
    font-weight: bold 
}

.progress {
    width: 150px;
}

.value {}

.indicator {
    text-align: center;
}

#results {
    display: none;
}

.details {
    font-size: 12px;
}

.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #eee;
    border: 1px solid rgba(0, 0, 0, 0.05);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.well blockquote {
    border-color: #ddd;
    border-color: rgba(0, 0, 0, 0.15);
}

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 0 0;
    }

    to {
        background-position: 40px 0;
    }
}

@-moz-keyframes progress-bar-stripes {
    from {
        background-position: 0 0;
    }

    to {
        background-position: 40px 0;
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 0 0;
    }

    to {
        background-position: 40px 0;
    }
}

.progress {
    overflow: hidden;
    height: 18px;
    margin-bottom: 18px;
    background-color: #f7f7f7;
    background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);
    background-image: -ms-linear-gradient(top, #f5f5f5, #f9f9f9);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));
    background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);
    background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);
    background-image: linear-gradient(top, #f5f5f5, #f9f9f9);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#f9f9f9', GradientType=0);
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.progress .bar {
    width: 0%;
    height: 18px;
    color: #ffffff;
    font-size: 12px;
    text-align: center;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #0e90d2;
    background-image: -moz-linear-gradient(top, #149bdf, #0480be);
    background-image: -ms-linear-gradient(top, #149bdf, #0480be);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));
    background-image: -webkit-linear-gradient(top, #149bdf, #0480be);
    background-image: -o-linear-gradient(top, #149bdf, #0480be);
    background-image: linear-gradient(top, #149bdf, #0480be);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#149bdf', endColorstr='#0480be', GradientType=0);
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: width 0.6s ease;
    -moz-transition: width 0.6s ease;
    -ms-transition: width 0.6s ease;
    -o-transition: width 0.6s ease;
    transition: width 0.6s ease;
}

.progress .bar.f {
    width: 0%;
    height: 18px;
    color: #ffffff;
    font-size: 12px;
    text-align: center;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #0e90d2;
    background-image: -moz-linear-gradient(top, #DF2018, #BE0500);
    background-image: -ms-linear-gradient(top, #DF2018, #BE0500);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#DF2018), to(#BE0500));
    background-image: -webkit-linear-gradient(top, #DF2018, #BE0500);
    background-image: -o-linear-gradient(top, #DF2018, #BE0500);
    background-image: linear-gradient(top, #DF2018, #BE0500);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#DF2018', endColorstr='#BE0500', GradientType=0);
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: width 0.6s ease;
    -moz-transition: width 0.6s ease;
    -ms-transition: width 0.6s ease;
    -o-transition: width 0.6s ease;
    transition: width 0.6s ease;
}

.progress .bar.e {
    width: 0%;
    height: 18px;
    color: #ffffff;
    font-size: 12px;
    text-align: center;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #0e90d2;
    background-image: -moz-linear-gradient(top, #DF491A, #BE2D00);
    background-image: -ms-linear-gradient(top, #DF611F, #BE4506);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#DF611F), to(#BE4506));
    background-image: -webkit-linear-gradient(top, #DF611F, #BE4506);
    background-image: -o-linear-gradient(top, #DF611F, #BE4506);
    background-image: linear-gradient(top, #DF611F, #BE4506);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#DF611F', endColorstr='#BE4506', GradientType=0);
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: width 0.6s ease;
    -moz-transition: width 0.6s ease;
    -ms-transition: width 0.6s ease;
    -o-transition: width 0.6s ease;
    transition: width 0.6s ease;
}

.progress .bar.d {
    width: 0%;
    height: 18px;
    color: #ffffff;
    font-size: 12px;
    text-align: center;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #0e90d2;
    background-image: -moz-linear-gradient(top, #DF882C, #BE6302);
    background-image: -ms-linear-gradient(top, #DF882C, #BE6302);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#DF882C), to(#BE6302));
    background-image: -webkit-linear-gradient(top, #DF882C, #BE6302);
    background-image: -o-linear-gradient(top, #DF882C, #BE6302);
    background-image: linear-gradient(top, #DF882C, #BE6302);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#DF882C', endColorstr='#BE6302', GradientType=0);
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: width 0.6s ease;
    -moz-transition: width 0.6s ease;
    -ms-transition: width 0.6s ease;
    -o-transition: width 0.6s ease;
    transition: width 0.6s ease;
}

.progress .bar.c {
    width: 0%;
    height: 18px;
    color: #ffffff;
    font-size: 12px;
    text-align: center;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #0e90d2;
    background-image: -moz-linear-gradient(top, #DFAA1A, #BE8B01);
    background-image: -ms-linear-gradient(top, #DFAA1A, #BE8B01);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#DFAA1A), to(#BE8B01));
    background-image: -webkit-linear-gradient(top, #DFAA1A, #BE8B01);
    background-image: -o-linear-gradient(top, #DFAA1A, #BE8B01);
    background-image: linear-gradient(top, #DFAA1A, #BE8B01);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#DFAA1A', endColorstr='#BE8B01', GradientType=0);
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: width 0.6s ease;
    -moz-transition: width 0.6s ease;
    -ms-transition: width 0.6s ease;
    -o-transition: width 0.6s ease;
    transition: width 0.6s ease;
}

.progress .bar.b {
    width: 0%;
    height: 18px;
    color: #ffffff;
    font-size: 12px;
    text-align: center;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #0e90d2;
    background-image: -moz-linear-gradient(top, #C8DF11, #A6BE00);
    background-image: -ms-linear-gradient(top, #C8DF11, #A6BE00);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#C8DF11), to(#A6BE00));
    background-image: -webkit-linear-gradient(top, #C8DF11, #A6BE00);
    background-image: -o-linear-gradient(top, #C8DF11, #A6BE00);
    background-image: linear-gradient(top, #C8DF11, #A6BE00);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#C8DF11', endColorstr='#A6BE00', GradientType=0);
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: width 0.6s ease;
    -moz-transition: width 0.6s ease;
    -ms-transition: width 0.6s ease;
    -o-transition: width 0.6s ease;
    transition: width 0.6s ease;
}

.progress .bar.a {
    width: 0%;
    height: 18px;
    color: #ffffff;
    font-size: 12px;
    text-align: center;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #0e90d2;
    background-image: -moz-linear-gradient(top, #3ADF13, #24BE00);
    background-image: -ms-linear-gradient(top, #3ADF13, #24BE00);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3ADF13), to(#24BE00));
    background-image: -webkit-linear-gradient(top, #3ADF13, #24BE00);
    background-image: -o-linear-gradient(top, #3ADF13, #24BE00);
    background-image: linear-gradient(top, #3ADF13, #24BE00);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#3ADF13', endColorstr='#24BE00', GradientType=0);
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: width 0.6s ease;
    -moz-transition: width 0.6s ease;
    -ms-transition: width 0.6s ease;
    -o-transition: width 0.6s ease;
    transition: width 0.6s ease;
}


.odd {
    color: black;
    background-color: white;
}

.even {
    color: black;
    background-color: #dddddd;
}

#submit_progress {
    font-size: 16px;
    color: #000000;
    text-align: center;
    margin: 35px;
    font-weight: bold;
}
#overlay {
        background-color: #666666;
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: 90;
        opacity: 0.8;
        filter: alpha(opacity = 80);
        width: 100%;
        height: 100%;
}
#iframe-container {
        position: absolute;
        z-index: 100;
        width: 560px;
        background-color: #ffffff;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
}
#iframe-header span {
        float: left;
}
#iframe-header a {
        color: #ffffff;
}
#iframe-header {
        background-color:#4974b9;
        color: #ffffff;
        padding: 3px 8px;
}
#iframe-close {
        float: right;
}
#iframe-border {
        background-color: #FFFFFF;
}

#iframe-border a {
   line-height: 0;
   display: block;
}
