* {
	margin: 0;
	padding: 0;
}
html {
	height: 100%;
        
}
body {
	font-family: Arial, Tahoma, Verdana, sans-serif;
        font-size:11px;
	width: 100%;
	height: 100%;
}
a {
	color: blue;
	outline: none;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}


input {
	vertical-align: middle;
}

h2{
    width:500px;
    float:left;
    font-family:Arial, Helvetica, sans-serif;
    font-size:26px;
    color:#368523;
    font-weight:bold;
    line-height:60px;
    letter-spacing:-1.7px;
}

h2 span{
    color:#3b3b3b;
    margin-right:0px;
}

h3{
    font-size: 17px;
    color:#3b671e;
    margin-left: 5px;
}

#content{
    width:100%;
    background:#ffffff url(../images/contentBg.png) repeat-x;
}

#wrapper {
	width: 960px;
	margin: 0 auto;
	min-height: 100%;
	height: auto !important;
}

#main_div{
    width: 960px;
    position:absolute;
    left: 50%;
    top: 50%;
    margin-left: -480px;
    margin-top: -200px;
}

#main_div_report{
    width: 960px;
    position:absolute;
    left: 50%;
    margin-top:20px;
    margin-left: -480px;
}

#top-bar{
    width: 100%;
    height: 30px;
    /*border-bottom: 3px solid #368523;*/
    background: #ffffff;
    color: #368523;
    text-align: center;
}
#top-bar span{
    font-size: 25px;
    margin-left: 10px;
    font-weight: bolder;
}

.tb A:link {color: #368523; text-decoration: none;}
.tb A:visited {color: #368523; text-decoration: none;}
.tb A:active {color: #368523; text-decoration: none;}
.tb A:hover {color: #000000; text-decoration: none;}


#share_url{
    position:relative;
    width: 100%;
    padding:3px;
    border: 1px solid #3b671e;
    background: #ffffff;
}
#share_url span{
    width: 100px;
    float: right;
}

/* Middle
-----------------------------------------------------------------------------*/
#content {
	padding: 0 0 100px;
}

#quotPan{
    width:100%;
    height:80px;
    position:relative;
    border:#c9c9c9 solid 1px;
    background:url(../images/pat.png) repeat ;
}

#quotPan h2{
    width:274px;
    margin:14px 0 0 24px;
    float:left;
    line-height:45px;
}

#quotPan input.txt{
    width:350px;
    margin:20px 20px 0 0;
    padding:3px 5px;
    height:30px;
    float:left;
    font-family:Arial, Helvetica, sans-serif;
    font-size:17px;
    color:#bfbfbf;
    font-weight:bold;
    border:#cbcbcb solid 1px;
    background:#ffffff;
}

#quotPan input.btn{
    width:113px;
    height:42px;
    margin-top:18px;
    float:left;
    font-family:Arial, Helvetica, sans-serif;
    font-size:17px;
    color:#ffffff;
    font-weight:bold;
    text-align:center;
    cursor:pointer;
    border:2px solid #2d5224;
    background: #368523;
}

#quotPan input.btn:active{
    background-position:1px 1px;
}



#rquotPan{
    width:100%;
    height: 90px;
    position:relative;
    border:#c9c9c9 solid 1px;
    background:url(../images/pat.png) repeat ;
}

#rquotPan h2{
    width:274px;
    margin:14px 0 0 24px;
    float:left;
    line-height:45px;
}

#rquotPan input.txt{
    width:350px;
    margin:20px 20px 0 0;
    padding:3px 5px;
    height:30px;
    float:left;
    font-family:Arial, Helvetica, sans-serif;
    font-size:17px;
    color:#bfbfbf;
    font-weight:bold;
    border:#cbcbcb solid 1px;
    background:#ffffff;
}

#rquotPan input.btn{
    width:113px;
    height:42px;
    margin-top:18px;
    float:left;
    font-family:Arial, Helvetica, sans-serif;
    font-size:17px;
    color:#ffffff;
    font-weight:bold;
    text-align:center;
    cursor:pointer;
    border:0;
    background:url(../images/submitBtn.png) no-repeat;
}

#rquotPan input.btn:active{
    background-position:1px 1px;
}


#infopanel{
    width:960px;
}
.infopanel_part{
    width:300px;
    float: left;
    padding: 10px
}
.infopanel_p{
    width:290px;
    float: left;
    display: block;
    font-size:16px;
    font-family: Arial, Tahoma, Verdana, sans-serif;
}
.descrip {
    margin-top: 8px;
    font-size: 12px;
    line-height: 16px;
    color: #848484;
    display: block;
    float: left;
    font-family: Arial, Tahoma, Verdana, sans-serif;
}


#incl{
    widows: 100%;
    padding: 5px;
}
#scorediv{
    width: 800px;
    padding-top:10px;
    padding-left: 10px;
    float: left;
    font-size:26px;
    color:#3b671e;
}
#scorediv span{
    color:#cd0a0a;
    font-weight:bold;
}

#linkdiv{
    /*width: 250px;*/
    float: left;
    padding: 5px;
    background-color: #fff;
    border: 1px solid #3b671e;
    margin-left: 5px;
    margin-top: 8px;
}


.table-a {
	border: 1px solid #DFDFDF;
	background-color: #F9F9F9;
	width: 100%;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	font-family: Arial,"Bitstream Vera Sans",Helvetica,Verdana,sans-serif;
	color: #333;
}
.table-a td, .table-a th {
	border-top-color: white;
	border-bottom: 1px solid #DFDFDF;
	color: #555;
}
.table-a th {
	text-shadow: rgba(255, 255, 255, 0.796875) 0px 1px 0px;
	font-family: Georgia,"Times New Roman","Bitstream Charter",Times,serif;
	font-weight: normal;
	padding: 7px 7px 8px;
	text-align: left;
	line-height: 1.3em;
	font-size: 14px;
}
.table-a td {
	font-size: 12px;
	padding: 4px 7px 2px;
	vertical-align: top;
}

/*
 * Gradient Shadow
 */

/* All HTML5 progress enabled browsers */
progress {

	/* Turns off styling - not usually needed, but good to know. */
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	/* gets rid of default border in Firefox and Opera. */
	border: solid #cccccc 2px;
	border-radius: 2px;
	/* Dimensions */
	width: 450px;
	height: 20px;
}

/* Polyfill */
progress[role]:after {
	background-image: none; /* removes default background from polyfill */
}

/*
 * Background of the progress bar background
 */

/* Firefox and Polyfill */
progress {
	background: #cccccc !important; /* !important only needed in polyfill */
}

/* Chrome */
progress::-webkit-progress-bar {
	background: #cccccc;
}

/*
 * Background of the progress bar value
 */

/* Firefox */
progress::-moz-progress-bar {
	border-radius: 2px;
	background-image: -moz-linear-gradient(
		center bottom,
		rgb(43,194,83) 37%,
		rgb(84,240,84) 69%
	);
}

/* Chrome */
progress::-webkit-progress-value {
	border-radius: 2px;
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(43,194,83)),
		color-stop(1, rgb(84,240,84))
	);
	background-image: -webkit-linear-gradient(
		center bottom,
		rgb(43,194,83) 37%,
		rgb(84,240,84) 69%
	);
}

/* Polyfill */
progress[aria-valuenow]:before {
	border-radius: 2px;
	background-image: -moz-linear-gradient(
		center bottom,
		rgb(43,194,83) 37%,
		rgb(84,240,84) 69%
	);
	background-image: -ms-linear-gradient(
		center bottom,
		rgb(43,194,83) 37%,
		rgb(84,240,84) 69%
	);
	background-image: -o-linear-gradient(
		center bottom,
		rgb(43,194,83) 37%,
		rgb(84,240,84) 69%
	);

}

.share_input{
    margin-right: 5px;
    width: 100%;
    padding-left: 5px;
    height: 37px;
    border: 1px solid #3b671e;
} 

#exp{
    width: 100%;
    background: #ffffff;
    border: 1px solid #3b671e;
    padding: 3px;
}