@import url("common_browser.css");

a {
	text-decoration: none;
}

a:link { color: white;}
a:visited { color: whitesmoke; }
a:hover { color: orange; }

#wrapper {
	height:98%;
	width:98%;
	margin-left:1%;
	margin-top:1%;
	z-index:1;
	right:1%;
} 

#page_body {
	position:absolute;
	left:1%;
	top:9.5em;
	height:80%;
	width:98%;
} 



#page_head {
	left:1%;
	top:1%;
	width:98%;
	font:Georgia, "Times New Roman", Times, serif;
	z-index:16;
	height:8em;
}


.pane_header {
	background-color: #706762;
	border-bottom:#ccc solid 1px;
	color:#fff;
	top:0px;
}


div#choose_wrapper{
	position:absolute;
	top:0px;
	left:0px;
	width:300px;
	height:10%;
	}

div#choose {
	border:#ffffff solid 1px;;
	left:0px;
	height:25px;
	padding:2px 0px 0px 10px;
	margin:0px 0px 0px 0px;
	background-color:#656f77;
	overflow:hidden;
	color:#FFFFFF;
}


#comparanda_choice {
	border:#ffffff solid 1px;
	left:0%;
	top:8%;
	width:98%;
	height:12%;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	background-color:#666;
	position:absolute; 
}

#comparanda_choice form {
	border:0px;
	}
	
button.button_style {
	margin: 2px 2px 2px 20px;
	padding: 2px 2px 2px 2px;
	border:#ccc solid 1px;
	background-color:#666;
	color:#CCCCCC;
	}
	
button.button_style:hover {
	
	background-color:#333;

	}
	
#comparanda {
	left:0%;
	top:22%;
	width:98%;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	position:absolute; 
}

#primary_text {
float:left;
margin: 10px 10px 0px 0px;
padding: 10px 20px 10px 10px;
background-color:#CCCCCC;
color:#000000;
}

#secondary_text {
float:right;
margin: 10px 0px 0px 0px;
padding: 10px 20px 10px 10px;
background-color:#CCCCCC;
color:#000000;
}

#tertiary_text {
float:left;
margin: 10px 10px 10px 10px;
padding: 10px 20px 10px 10px;
background-color:#CCCCCC;
color:#000000;
}

.single {
width: 97%;
}

.double {
width: 45%;
}

.triple {
width: 29%;
}