/* CSS Document */
/* new styles*/
.content_nav{
	color: #003366;
	font-size: 9px;
	font: Arial;
	font-weight:bold;
	height: 10px;
	margin: 0px 0px 0px 0px;
	padding:5px 0px 0px 140px;
	background:#fff;
}

.content_nav a{
	color: #003366;
	font-size: 9px;
	font: Arial;
	font-weight:bold;
	height: 10px;
}







/* TOP TEN LIST content */
#toptenLeft {
	position: relative;
	width: 156px;
	height: 300px;
	float: left;
	background: #fff url(images/calc_cabri.gif) no-repeat;
	}
	
#toptenRight {
	position: relative;
	float: left;
	width: 414px;
	}


/* PRINT icon */
#printBox {
	position: relative;
	overflow: hidden;
	margin: 0px 0px 15px 0px;
	padding: 0px;
	width: 660px;
	float: left;
	text-align: left;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 660px;
}
html>body #printBox {
	width: 660px; /* ie5win fudge ends */
	}
#printBoxSmall {
	position: relative;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 18px;
	float: right;
	text-align: right;
}
#printBox .titles {
	position: relative;
	margin: 0px;
	padding: 0px;
	width: 570px;
	float: left;
}
#printBox .icon {
	position: relative;
	width: 90px;
	height: 18px;
	margin: 0px;
	padding: 0px;
	float: right;
	line-height: 18px;
}
#printBox img {
	border: none;
}
#printPopWrap {
	position: relative;
	width: 600px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	font-size: 11px;
	color: #000;
	top: 0px;
	left: 0px;
}
#printPopWrap h1{
	font-size: 18px;
	font-weight: bold;
	color: #054e7e;
}
#printPopWrap span {
	display: none;
}
#printPopHead {
	width: 600px;
	height: 63px;
	position: relative;
	font-size: 2px;
	line-height: 1px;
	background-color: #fd9800;
}
#printPopContent {
	position: relative;
	width: 600px;
	margin: 0px;
	padding: 10px 20px 10px 20px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 560px;
}
html>body #printPopContent {
	width: 560px; /* ie5win fudge ends */
	}
#printPopContent a, #printPopContent a:link {
	font-weight: bold;
	text-decoration: none;
	color: #fd9800;
}
#printPopCotent a:hover {
	text-decoration: underline;
}
#printPopFoot {
	width: 600px;
	height: 43px;
	position: relative;
	font-size: 2px;
	line-height: 1px;
}


/* FLASH content */
#flash {
	margin: 0px;
	padding: 0px;
	top: 0px;
	left: 0px;
	border: none;
}

/* Contest Browser Content*/

div.graphiti_content_wrapper {
	margin: 0;
	margin-left: 30px;
	padding: 0;
	padding-left:5px;
/* need to fix centering of background here */
	font: Verdana;
	font-size: 12px;
	font-weight: normal;
	text-align:left;
width: 750px;
background: url(/assets/images/graphitibkrnd_tile.jpg) repeat-y;
	text-decoration:none;
}

div.graphiti_content_wrapper a {
	font: Verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #666;
	text-align:left;
	padding: 0;
	text-decoration:none;
}
.graphiti_nav_links {
     margin-left: 20px;
     margin-bottom: 10px;
}
div.content_wrapper a:hover {
	color: #666;
	text-align:left;
	padding: 0;
	text-decoration:underline;
}
div.content_wrapper01 {
	float: left;
	background-color: transparent;
	margin: 0px 0px 50px 0px;
	padding: 30px 0px 0px 50px;
	font: Verdana;
	font-size: 12px;
	font-weight: normal;
	color: #000;
	text-align:left;
	text-decoration:none;
	width: 657px;
}
div.content_wrapper01 h1{
	font-size: 16px;
	font-weight: bold;
	color: #b81b00;
}
div.content_wrapper01 h2{
	font-size: 14px;
	font-weight: bold;
	color: #b81b00;
}
div.content_wrapper01 a {
	font: Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #b81b00;
	text-align:left;
	padding: 0px 0px 0px 0px;
	text-decoration:none;
}

div.content_wrapper01 a:hover {
	font: Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #5d0a05;
	text-align:left;
	padding: 0px 0px 0px 0px;
	text-decoration:underline;
}

.login_style {
	padding: 0px 0px 0px 0px;
}

.login_input{
	padding: 2px;
	margin: 2px 0px 5px 0px;
	border: 1px solid #d3d3d3;
	font-size: 11px;
	background: #fff;
	width: 200px;
}

.login_bttn {
	padding: 2px;
	margin: 2px 0px 5px 0px;
	border: 1px solid #b81b00;
	font-size: 11px;
	color: #fff;
	background: #b81b00;
}

.asterick {
	font: Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #b81b00;

}

div.BrowseHeader {
     background-color: #b9b9b9;
     	text-align: left;
	     padding: 3px;
	margin: 3px;
	font-family: verdana, arial, helvetica, sans-serif;;
	color: #000;	
	font-size:12px;
	width: 727px;
     font-weight: bold;
}

div.BrowseDropDownContainer {
	float: left;
	background-color:#b81b00;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

div.DropDownTitle {
	text-align: left;
}
div.DropDownTitle p{
	font-family: Arial;
	font-size: 10px;
	color: #FFFFFF;	
}

div.DropDownWrapper {
	float: left;
	width: 727px;
	padding: 10px 0px 0px 10px;
	margin:0px 0px 9px 0px;
}

div.DropDownOption {
	float: left;
	background-color:transparent;
	padding: 0px 9px 0px 0px;
	margin: 0;
	width: 170px;
	z-index:-1;
}

select.browse_input {
	width: 200px;
	height: 125px;
	padding: 3px;
	margin: 0;
	font-size:11px;
	font: Arial, helvetica, sans-serif;
     border: 1px #3f3f3f dotted;
     background-color: transparent;
}

.browse_input a:active{
	background: red;
}

#search_types, #search_states, #search_city, #search_school {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.DropDownOption_header {
	background: #b9b9b9;
	text-align:left;
	color: #000;
	font-size:12px;
	padding: 3px;
	font:Verdana, arial, helvetica, sans-serif;
	width: 167px;
	margin: 3px;
}
div.CalcItemsWrapper {
	float: left;
	width: 717px;
	padding: 20px 0px 20px 20px;
	margin:0px 0px 10px 0px;
}

div.CalcItem {
	float: left;
	background-color:transparent;
	text-align:left;
	margin: 0 7px 7px 0;
	padding: 0;
	width: 130px;
border: 1px dotted #000;
}
/*div.CalcItem {
	float: left;
	background-color:transparent;
	text-align:left;
	margin: 0px 10px 10px 0px;
	padding: 0;
	width: 130px;
border: 1px dotted #000;
}*/
#view_top a{
	margin: 0px 10px 10px 0px;
	padding:5px;
	color:#fff;
	font-size: 11px;
	background: #044E7D;
}
#view_top a:hover{
	margin: 0px 10px 10px 0px;
	padding:5px;
	color:#000;
	font-size: 11px;
	background: #b81b00;
	text-decoration:none;
}

.calc_thumb{
	text-align:center;
	padding: 0px 0px;
	margin:0;
	background: #fff;
}

div.CalcItem .calc_thumb a{
	text-align:center;
	padding: 0px;
	margin:0;
}

div.CalcItem .calc_thumb a:hover{
	text-align:center;
	padding: 0px;
	margin:0;
}

.CalcItemLarge {
	float: left;
	padding: 10px;
	background:#fff;
/*	border: 1px solid #85B1DE;
*/}

.calc_desc {
	background:#fff;
	padding: 5px 5px 5px 0px;
	color: #b81b00;
	border-bottom: 1px dotted #b81b00;
	margin: 0px 0px 25px 15px;
	font-weight:bold;
}

.calc_bttn {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 15px;

}
.calc_desc_container {
	float: left;
}
.calc_text {
	font-size: 11px;
	font: arial, helvetica, sans-serif;
	text-align:center;
	padding: 5px 0px 10px 0px;
	line-height: 15px;
	height: 70px;
}
.calc_text p{
	font-size: 11px;
	font: arial, helvetica, sans-serif;
	text-align:center;
	padding: 5px 0px 10px 0px;
	line-height: 15px;
	height: 70px;
}
/*.calc_text {
	font-size: 11px;
	font: arial, helvetica, sans-serif;
	text-align:center;
	padding: 10px 0px 10px 0px;
	line-height: 16px;
	height: 60px;
}*/
.vote_msg {
	width: 300px;
	border: 1px dotted #d3d3d3;
	font-weight:bold;
	padding: 5px 5px 5px 5px;
	margin: 0px 0px 10px 10px;
	font-size: 10px;
}

.msg {
	border: 1px solid #d3d3d3;
	padding: 10px;
	font-weight:bold;
	font-size: 11px;
}

#drawingTool {
	width:758px;
	height:600px;
	padding-left:30px;
	background:#fff;
}
div.needFlash {
	position:relative;
	left: 229px;
	top: 75px;
	width:300px;
	height:250px;
	font-family: Arial;
	font-size: 11px;
	color: #FFFFFF;	
	background-color: #b81b00;
	
}
div.needFlash p{
	padding: 8px 8px 8px 8px;
	text-align: center;
}
div.needFlash A {
	color: #b81b00;
	text-decoration: none;
}
div.needFlash A:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

div.logo_container{
	display: block;
	background-color:#b81b00;
	width:300px;
	height:55px;
}
.ContentBrowserWrapper{
	margin: 0px;
	padding: 0px;
	width: 100%;
	background-color: #FFF;
}