﻿body {
	margin:0;
	padding:0;
	text-align:center;
	background-color:#349023;
	background-image:url(../images/body_bg.jpg);
	background-repeat:repeat-x;
	font-family:'Trebuchet MS', Lucidia, Arial, Verdana, sans-serif;
	font-size:14px;
	color:#ffffff;
}
:focus { outline:none; }
em 
{
    font-weight:bold;
    font-style:italic;
}

a img { border:none; }

a:link {
	color: #ffee7b;
	text-decoration:underline;
}

a:visited {
	color: #ffee7b;
	text-decoration:underline;
}

a:hover {
	color: #ffffff;
	text-decoration:none;
}

a:active {
	color: #ffffff;
	text-decoration:none;
}

#container {
	width:947px;
	margin:auto;
	text-align:left;
}

#left {
	float:left;
	width:344px;
	background-image:url(../images/left_container_bg.jpg);
	background-repeat:no-repeat;
}

#top-left {
	padding-left:56px;
	padding-top:3px;
}

#mid-left {
	padding-left:37px;
	padding-top:22px;
	padding-right:42px;
}

#mid-left h2 {
	font-size:18px;
	margin:0;
	margin-bottom:10px;
	padding:0;
	font-weight:normal;
}

#mid-left h3 {
	font-size:14px;
	margin:0;
	padding:0;
	font-weight:normal;
	font-family:Arial,Verdana,sans-serif;
	line-height:20px;
}

#right {
	float:left;
	width:603px;
	padding-bottom:10px;
}

#top-right {
	height:129px;
	width: 603px;
	background-image:url(../images/wisdompanel_banner.jpg);
	background-repeat:no-repeat;
	text-align:right;
	padding-top:0;
	position: relative;
}
	#top-right a 
	{
		float: left;
		margin-left: 16px;	
	}
	#top-right div
	{
		padding: 32px 75px 0 0;
	}	
		#top-right div a
		{
			float: none;	
			margin-left: 0;
		}
			#top-right div a:link,
			#top-right div a:hover,
			#top-right div a:visited
			{
				color: #FFF;				
			}

#greenBox {
	background-color:#2f811f;
	padding:13px;
	width:545px;
}

#greenBox h1 {
	color:#ffffff;
	font-size:30px;
	padding:0;
	margin:0;
}

#main-right {
	border:solid 1px #7caf72;
	padding:16px;
}

#main-right h2 {
	color:#ffffff;
	font-size:21px;
	padding:0;
	margin:0;
}

.center {
	text-align:center;
}

.arial16 
{
    font-size:16px;
    margin:10px 0 5px 0;
    font-family:Arial,sans-serif;
}

.noSpace 
{
    margin:0;
    padding:0;
}

.linkBar 
{
    background-color:#569849;
    padding-right:20px;
    font-weight:bold;
    font-size:1.2em;
}

.yellow 
{
    color:#ffee7b;
}

#right-steps {
    background-color:#569849;
    height:31px;
    text-align:center;
    padding:0;
    margin:0;
    margin-bottom:4px;
    padding-left:70px;
    padding-top:3px;
}

.current
{
    font-weight:bold;    
    color:#ffffff;
    background-image:url(../images/steps_bg.jpg);
    background-repeat:no-repeat; 
    background-position:8px 0px; 
    float:left;
    width:60px;
    text-align:center;
    font-family:Arial,sans-serif;
    font-size:18px;
    line-height:16px;
    padding:0;
    margin:0;
    padding: 6px 12px;    

}

.nav2 
{
    float:left;
    width:60px;
    text-align:center;
    font-family:Arial,sans-serif;
    font-size:18px;
    line-height:16px;
    color:#4e4e4e;
    padding:0;
    margin:0;
    padding: 6px 12px;
}



#inputTable 
{
    font-weight:bold;
}

#inputTable input
{
    width:175px;
}

.picTable 
{
    text-align:center;
    padding:8px;
}

.picTable img 
{
    border:solid 2px #7caf72;
}

.picTable img:hover 
{
    border:solid 2px #ffee7b;
}

#previous 
{
    width:196px;
    background-color:#5b9db0;
    text-align:center;
    margin-left:100px;
}

#previous img 
{
    display:block;
}

#previous h2 
{
    font-size:14px;
    padding:0;
    margin:0;
}

.previousTable table 
{
    padding:5px;
}

.previousTable td
{
    background-color:#266719;
    border: solid 2px #ffffff;
    width:55px;
}

.resultTable
{
    text-align:center;
}

.resultTable td 
{
    padding:6px;
}

.resultTable img 
{
    display:block;
    border:solid 2px #7caf72;    
}

.resultTable td.selected img
{
    border:solid 2px #ffee7b;  
}

#bottom 
{
    width: 525px;
    overflow:auto;
    padding: 10px 0;
}

#bottom-l 
{
    float:left;
    width:200px;
}

#bottom-r 
{
    float:right;
    width:200px;
    text-align:center;
    padding-top:50px;
}

#result-mid 
{
    width:458px;
    margin-left:10px;
    margin-bottom:20px;
    background-image:url(/images/bg_results_tag.gif);
    background-repeat:no-repeat;
    padding:8px 0 10px 15px;
    
}

#result-mid-l 
{
    width:56%;
    float:left;
}

#result-mid-r 
{
    width:43%;
    float:left;
    text-align:right;
}

#result-bottom 
{
    clear:both;
    text-align:center;
}
#result-bottom2 
{
    text-align:center;
    padding-top:20px;
    clear:both;
}
    .result-bottom2-l 
    {
        width:48%;
        float:left;
        text-align:right;
    }
    .result-bottom2-r
    {
        width:48%;
        float:left;
        text-align:left;
        padding-left:10px;
    }
#footer {
	clear:both;
	background-image:url(../images/footer_bar.jpg);
	background-repeat:no-repeat;
	background-position:top;
	height:53px;
	width:914px;
	margin:auto;
	padding:5px 0 0 0;
	vertical-align:top;
}
    #footer div 
    {
        margin-top: 8px;   
    }

#footer a:link {
	color: #ffffff;
	text-decoration:underline;
}

#footer a:visited {
	color: #ffffff;
	text-decoration:underline;
}

#footer a:hover {
	color: #ffee7b;
	text-decoration:none;
}

#footer a:active {
	color: #ffee7b;
	text-decoration:none;
}
#footer-l 
{
    float:left;
    width:50%;
}

#footer-r 
{
    float:left;
    text-align:right;
    width:49%;    
}

#footer p {
	color:#ffffff;
	font-size:12px;
	padding:0;
	margin:0;
}