﻿/*
----------------------------------------------------------------
Specific styles for WHATHO & Compupan Calculator
----------------------------------------------------------------
*/

#cpn_containerbox {	
	WIDTH: 95%;	
	margin-right: 0;
}

#cpn_container {	
	BORDER-RIGHT: #cc4e00 1px solid;
	BORDER-TOP: #cc4e00 1px solid;
	MARGIN-BOTTOM: 20px;	
	BORDER-LEFT: #cc4e00 1px solid;
	WIDTH: 95%;	
	COLOR: #333;	
	BORDER-BOTTOM: #cc4e00 1px solid;	
	BACKGROUND-COLOR: #ebebeb;
}

#cpn_container .divthree
{ 
	float: left; 
	width: 30%;
	margin-left: 10px;
}

#cpn_container p {
 	margin-right: 2%;
	line-height: 160%;
	}

.sidebar
{
	width: 100px;
	height: 100%;
	padding: 0;
}

.border-right
{
	border-right: 1px solid #FFFFFF;
}

.butnclass
{
        text-decoration: none;  
        width: 100px;
}

#WizNav
{
	border:0;
	border-bottom: 1px solid #FFFFFF;
	text-align: right;
	padding:0;
	margin:0;
	BACKGROUND-COLOR: #FFFFFF;
	vertical-align: top;
}

#WizNav input
{
        border: 0;
        background-color:#cc4e00;
        color: #FFFFFF;
        text-decoration: none;  
        width: 100px;
		background: #CC4E00 url("/images/corner-white-right.gif") right top no-repeat;
}

#WizNav inputcurrent
{
        border: 0;
        background-color:#FFFFFF;
        color: #CC4E00;
        text-decoration: none;  
        width: 100px;
}

#cpn_container H2 {	
	PADDING-LEFT: 5px;	
	FONT-WEIGHT: bold;	
	FONT-SIZE: 1em;	
	MARGIN: 0px;	
	COLOR: #ffffff;	
	PADDING-TOP: 6px;	
	FONT-FAMILY: Verdana, Helvetica, sans-serif;	
	HEIGHT: 25px;	
	BACKGROUND-COLOR: #cc4e00;
	background-position: right center;
} 

#cpn_container H3 {	
	PADDING-LEFT: 5px;	
	FONT-WEIGHT: bold;	
	FONT-SIZE: 1em;	
	MARGIN: 0px;	
	COLOR: #000000;	
	PADDING-TOP: 6px;	
	FONT-FAMILY: Verdana, Helvetica, sans-serif;	
	HEIGHT: 25px;	
} 

.noprintrightalign
{
	float: right;
}

.leftalign
{
	float: left;
}

.cpn_leftalign {		
	PADDING-RIGHT: 0px;
	DISPLAY: block;	
	PADDING-LEFT: 0px;	
	FLOAT: left;		
	PADDING-BOTTOM: 0px;	
	MARGIN: 5px 0px 0px 5px;	
	VERTICAL-ALIGN: middle;	
	WIDTH: 350px;	
	PADDING-TOP: 0px;
} 

 .cpn_rightalign {	
	MARGIN: 5px 0px 0px 10px;	
	VERTICAL-ALIGN: middle;	
	WIDTH: auto;
} 

#cpn_container P 
{	
	MARGIN-LEFT: 5px;
	MARGIN-RIGHT: 0px
} 

.cpnresults_leftalign 
{	
	PADDING-RIGHT: 0px;
	DISPLAY: block;		
	PADDING-LEFT: 0px;
	FLOAT: left;	
	PADDING-BOTTOM: 0px;	
	MARGIN: 5px 0px 0px 10px;		
	VERTICAL-ALIGN: middle;	
	WIDTH: 80%;	
	PADDING-TOP: 0px;
} 

.cpnresults_rightalign 
{	
	MARGIN: 5px 0px 0px 10px;		
	VERTICAL-ALIGN: middle;	
	WIDTH: 20%;
}

.whathoresults_leftalign 
{	
	PADDING-RIGHT: 0px;
	DISPLAY: block;		
	PADDING-LEFT: 0px;
	FLOAT: left;	
	PADDING-BOTTOM: 0px;	
	MARGIN: 5px 0px 0px 10px;		
	VERTICAL-ALIGN: middle;	
	WIDTH: 60%;	
	PADDING-TOP: 0px;
} 

.whathoresults_rightalign 
{	
	MARGIN: 5px 0px 0px 10px;		
	VERTICAL-ALIGN: middle;	
	WIDTH: 40%;
}

.cpnresultsbackground1 {		
	BORDER-BOTTOM: #ffffff 1px solid;	
	HEIGHT: 25px;	
	BACKGROUND-COLOR: #ebebeb
} 
 

#cpn_container .cpnsmall 
{	
	PADDING-RIGHT: 3px;	
	DISPLAY: block;	
	PADDING-LEFT: 3px;		
	FONT-SIZE: small;	
	PADDING-BOTTOM: 1px;	
	MARGIN: 0px 0px 5px 340px;	
	PADDING-TOP: 1px
} 

.cpn_border 
{	
	BORDER-TOP: #ffffff 1px solid
}  

#cpnresults_container 
{	
	BORDER-RIGHT: #cc4e00 1px solid;		
	BORDER-TOP: #cc4e00 1px solid;	
	MARGIN-BOTTOM: 20px;	
	BORDER-LEFT: #cc4e00 1px solid;		
	WIDTH: 95%;	
	COLOR: #333;	
	BORDER-BOTTOM: #cc4e00 1px solid;	
	BACKGROUND-COLOR: #ffffff
}  

#cpnresults_container H2 
{	PADDING-LEFT: 5px;	
	FONT-WEIGHT: bold;	
	FONT-SIZE: 1em;	MARGIN: 0px;	
	COLOR: #ffffff;	
	PADDING-TOP: 6px;	
	FONT-FAMILY: Verdana, Helvetica, sans-serif;		
	HEIGHT: 25px;	
	BACKGROUND-COLOR: #cc4e00
}

.cpnresultsheader_leftalign 
{	
	PADDING-RIGHT: 0px;	
	DISPLAY: block;	
	PADDING-LEFT: 0px;		
	FONT-WEIGHT: bold;	
	FLOAT: left;	
	PADDING-BOTTOM: 0px;	
	MARGIN: 5px 0px 0px;		
	VERTICAL-ALIGN: middle;	
	WIDTH: 80%;	
	PADDING-TOP: 0px;	
	BACKGROUND-COLOR: #ffffff
} 

.cpnresultsheader_rightalign 
{	
	FONT-WEIGHT: bold;	
	MARGIN: 5px 0px 0px 10px;		
	VERTICAL-ALIGN: middle;	
	WIDTH: auto;	
	BACKGROUND-COLOR: #ffffff
}

.cpnresultsaddn_leftalign 
{	
	PADDING-RIGHT: 0px;	
	DISPLAY: block;	
	PADDING-LEFT: 0px;	
	FONT-WEIGHT: bold;	
	FLOAT: left;	
	PADDING-BOTTOM: 0px;	
	MARGIN: 5px 0px 0px 0px;		
	VERTICAL-ALIGN: middle;	
	WIDTH: 81%;	
	PADDING-TOP: 0px;	
	BACKGROUND-COLOR: #eaeae0;
}  

.cpnresultsaddn_rightalign {	
	MARGIN: 5px 0px 0px 10px;	
	padding-left: 0px;
	VERTICAL-ALIGN: middle;	
	WIDTH: auto;	
	BACKGROUND-COLOR: #eaeae0;
} 

.cpnresults_align1 
{	
	FONT-WEIGHT: bold;	
	PADDING-TOP: 10px;		
	BORDER-BOTTOM: #ffffff 1px solid;	
	HEIGHT: 25px
} 

.cpnresults_align2 
{	
	FONT-WEIGHT: bold;
	PADDING-TOP: 5px;
	padding-left: 10px;		
	BORDER-BOTTOM: #ffffff 1px solid;	
	HEIGHT: 25px;	
	BACKGROUND-COLOR: #eaeae0
} 

.cpnresults_align3 
{	
	PADDING-TOP: 5px;		
	BORDER-BOTTOM: #ffffff 1px solid;
	HEIGHT: 25px;	
	padding-left: 10px;
	BACKGROUND-COLOR: #eaeae0
} 


.cpnresultsheaderbackground {		
	FONT-WEIGHT: bold;	
	PADDING-TOP: 5px;	
	BORDER-BOTTOM: #ffffff 1px solid;		
	HEIGHT: 30px
}  

#cpnresults_container P {	
	PADDING-LEFT: 5px;	
	MARGIN-RIGHT: 0px
}

.printurl
{
	display: none;
}

.error 
{
	color: #FF0000;
	font-weight: bold;
}
