/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

body {
	border: 1px   white;
	text-align: center;
	font: normal small "Trebuchet MS", Arial, Helvetica, sans-serif;
	width: 800px;
	margin: auto;
}

#outer {
	border: 1px   white;
	padding-top: 10px;
}	

#top_box {
	width: 800px;
	height: 113px;
}	
	
#left_in_top_box {
	border: 1px   white;
	text-align: left;
	width: 300px;
	height:80px;	
	float: left;
	padding: 1px 5px;	
}


#right_in_top_box {
	text-align: right;
	width: 450px;
	height:113px;
	float: right;
	padding: 0px 5px;	
}

#top_logo {
	border: 1px   white;
	width:200px;
	height: 200px;
}

#left_navig_menu {
	width:210px;
	height:400px;
	float:left;
	}

#box_next_to_logo {
	border: 1px   white;
	height:32px;
	width:350px;
	float:left;
}
	
#top_toolbar {
	border: 1px   white;
	text-align: right;
	vertical-align:top;
	float: right;
	width: 573px;
	background: url(/public/images/navbar2_tile.gif) repeat-x;
	background-color:#FFFFFF;
	color:#FFFFFF;
}	

#top_toolbar a {
	padding: 1px 5px;
	text-decoration: none;
	color: #FFFFFF;
	border: 0px 1px 0px 1px;
}

#top_toolbar a:hover {
	text-decoration: underline;
}
	
#left_col {
	border: 1px   white;
	width: 210px;
	height: 700px;
	position: absolute;
	padding: 0px 0px;
	float:left;
}	
	
#user_show_picture {
        border: 1px   white;
        width: 210px;
        padding: 0px 0px;
        float:left;
}

#left_col h2 {
	margin: 10px 0 0 0;
	padding: 0;
	font-size: 1em;
}

#left_col h2 a {
	display: block;
	padding: 3px 5px;
	text-decoration: none;
	background: url(/public/images/navbar2_tile.gif) repeat-x;
	color: #FFFFFF;
}

#left_col a {
	color: #197fb2;
}

#red_color a {
	color: #F78080;
}

#blue_color a {
	color: #757575;
}

#content_of_page {
	margin: 15px 0px 15px 15px;
	width: 550px;
	height:800px;
	float:right;
	}	

#content_from_ruby {
	min-height:600px;

	}
	
#first_box {
	border: 1px   white;
	width: 270px;
	}

.greencurvetitle {
	PADDING-RIGHT: 5px; PADDING-LEFT: 10px; FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #ffffff
}

.greencurve-270 {
	BACKGROUND-IMAGE: url(/public/images/greencurve_270.gif);
	PADDING-BOTTOM: 5px;
	WIDTH: 270px;
	PADDING-TOP: 5px; BACKGROUND-REPEAT:
	no-repeat; BACKGROUND-COLOR: #68b0ae;
	max-width: 270px;
	float:left;
}

.greenborder-280 {
	BORDER-RIGHT: #9bcac9 1px solid;
	PADDING-RIGHT: 10px; BORDER-TOP:
	#9bcac9 1px solid;
	WIDTH: 248px;
	PADDING-LEFT: 10px;
	MIN-HEIGHT: 150px;
	PADDING-BOTTOM: 10px;
	BORDER-LEFT: #9bcac9 1px solid;
	PADDING-TOP: 5px;
	BORDER-BOTTOM: #9bcac9 1px solid;
	float:left;
}

#second_box {
	border: 1px   white;
	width: 270px;
	margin: 0px 0px 0px 8px;
	}
	
.browncurvetitle {
	PADDING-RIGHT: 5px; PADDING-LEFT: 10px; FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #ffffff;
}	
	
.browncurve-270 {
	BACKGROUND-IMAGE: url(/public/images/browncurve_250.gif);
	PADDING-BOTTOM: 5px;
	WIDTH: 250px;
	PADDING-TOP: 5px; BACKGROUND-REPEAT:
	no-repeat; BACKGROUND-COLOR: #aea993;
	max-width: 270px;
	float:left;
}

.brownborder-280 {
	BORDER-RIGHT: #aea993 1px solid;
	PADDING-RIGHT: 10px; BORDER-TOP:
	#9bcac9 1px solid;
	WIDTH: 228px;
	PADDING-LEFT: 10px;
	MIN-HEIGHT: 150px;
	PADDING-BOTTOM: 10px;
	BORDER-LEFT: #aea993 1px solid;
	PADDING-TOP: 5px;
	BORDER-BOTTOM: #aea993 1px solid;
	float:left;
}





#third_box {
	border: 1px   white;
	width: 230px;
	margin: 8px 0px 0px 0px;	
	}
	
.redcurvetitle {
	PADDING-RIGHT: 5px; PADDING-LEFT: 10px; FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #ffffff;
}	
	
.redcurve-270 {
	BACKGROUND-IMAGE: url(/public/images/redcurve_210.gif);
	PADDING-BOTTOM: 5px;
	WIDTH: 210px;
	PADDING-TOP: 5px; BACKGROUND-REPEAT:
	no-repeat; BACKGROUND-COLOR: #941b1e;
	max-width: 270px;
	float:left;
}

.redborder-280 {
	BORDER-RIGHT: #941b1e 1px solid;
	PADDING-RIGHT: 3px; 
	BORDER-TOP:#941b1e 1px solid;
	WIDTH: 202px;
	PADDING-LEFT: 3px;
	MIN-HEIGHT: 150px;
	PADDING-BOTTOM: 10px;
	BORDER-LEFT: #941b1e 1px solid;
	PADDING-TOP: 5px;
	BORDER-BOTTOM: #941b1e 1px solid;
	float:left;
}

.redborder-280 a {
	padding-left: 20px;
	color: #941b1e;
	font-size: 14px;
	text-align: center;
}

.redborder-280 a:hover {
	color: #941b1e;
}

#fourth_box {
	border: 1px   white;
	width: 200px;
	margin: 8px 0px 0px 0px;		
	}

#blue_text {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 11px; PADDING-BOTTOM: 0px; COLOR: #757575; PADDING-TOP: 0px; TEXT-ALIGN: left;
}

#blue_text2 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 11px; PADDING-BOTTOM: 0px; COLOR: #757575; PADDING-TOP: 0px; TEXT-ALIGN: left;
}

#slogan_blue_text {
	PADDING-RIGHT: 0px; PADDING-LEFT: 30px; FONT-SIZE: 11px; PADDING-BOTTOM: 0px; COLOR: #757575; PADDING-TOP: 0px; TEXT-ALIGN: left;
}

#footer_container {
	border: 1px   white;
	float: left;
	top: 700px;
	MARGIN: 0px auto; WIDTH: 530px; LINE-HEIGHT: 1em; FONT-FAMILY: arial,helvetica,sans-serif
}
#footer {
	FONT-SIZE: 10px; MARGIN: 10px auto; COLOR: #666666; LINE-HEIGHT: 1em;  TEXT-ALIGN: center;
}

#votez {
	color: #F78080;	
	font-size: 20px;
	width:60px;
	float:left;	
	margin: 0px 1px 0px 1px;
	font-weight: bold;
}

#rank_number0 {
	font:"Bradley Hand ITC";
	font-size: 20px;
	background-color:#197fb2;
	width:20px;
	float:left;	
	margin: 0px 1px 0px 1px;
}

#rank_number1 {
	font:"Bradley Hand ITC";
	font-size: 20px;
	background-color:#197fb2;
	width:20px;	
	float:left;	
	margin: 0px 1px 0px 1px;	
}

#rank_number2 {
	font:"Bradley Hand ITC";
	font-size: 20px;
	background:#197fb2;
	width:20px;;
	float:left;
	margin: 0px 1px 0px 1px;	
}

#rank_number3 {
	font:"Bradley Hand ITC";
	font-size: 20px;
	background:#197fb2;
	width:20px;
	float:left;
	margin: 0px 1px 0px 1px;	
}
#rank_number4 {
	font:"Bradley Hand ITC";
	font-size: 20px;
	background:#197fb2;
	width:20px;
	float:left;
	margin: 0px 1px 0px 1px;	
}
#rank_number5 {
	font:"Bradley Hand ITC";
	font-size: 20px;
	background:#197fb2;
	width:20px;
	float:left;
	margin: 0px 1px 0px 1px;	
}
#rank_number6 {
	font:"Bradley Hand ITC";
	font-size: 20px;
	background:#197fb2;
	width:20px;
	float:left;
	margin: 0px 1px 0px 1px;	
}
#rank_number7 {
	font:"Bradley Hand ITC";
	font-size: 20px;
	background:#197fb2;
	width:20px;
	float:left;
	margin: 0px 1px 0px 1px;	
}
#rank_number8 {
	font:"Bradley Hand ITC";
	font-size: 20px;
	background:#197fb2;
	width:20px;
	float:left;
	margin: 0px 1px 0px 1px;	
}
#rank_number9 {
	font:"Bradley Hand ITC";
	font-size: 20px;
	background:#197fb2;
	float:left;	
	width:20px;
	margin: 0px 1px 0px 1px;	
}

#rank_number10 {
	font:"Bradley Hand ITC";
	font-size: 20px;
	background:#197fb2;
	width:20px;
	float:left;
	margin: 0px 1px 0px 1px;	
}

#rank_number {
	font:"Bradley Hand ITC";
	font-size: 14px;
	text-align:center;
	height:45px;
	margin: 0px 0px 0px 40px;	
	}

#rank_number a {
	color:#FFFFFF;
	text-decoration: none;	
}

#rank_number a:hover {
	font-size: 30px;
	width:40px;
	color:#F85555;
	border: 6px thick white;		
	text-decoration: none;	
}


h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	text-transform: lowercase;
	color: #F78080;
}

a {
	color: #F85555;
}

a:hover {
	text-decoration: none;
}


/* Header */

#header {
	width: 550px;
	height: 80px;
	margin: 0 auto;
	padding: 75px 0 0 200px;
}

#header * {
	text-align: center;
	text-decoration: none;
}

#header h1 {
	letter-spacing: -2px;
	font-size: 3em;
}

/* Content */

#content {
	width: 670px;
	margin: 0 auto;
}

/* Column One */

#colOne {
	float: right;
	width: 440px;
	height: 400px;
	padding: 5px 48px 85px 20px;
}

#scroll {
	overflow: auto;
	height: 360px;
	padding: 20px;
}

#colOne .post {
	margin-bottom: 1em;
	border-bottom: 1px dashed #F2B8B8;
}

#colOne .title {
}

#colOne .posted, #colOne .meta {
	font-size: .8em;
}

/* Column Two */

#colTwo {
	float: left;
	width: 150px;
}

#colTwo ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#colTwo li ul {
	padding: 10px;
}

#colTwo .fold ul {
	display: none;
}

/* For latest browser version only
#colTwo .fold:hover ul {
	display: block;
}
*/

#colTwo li a {
	color: #F18585;
}

#colTwo h2 {
	margin: 10px 0 0 0;
	padding: 0;
	font-size: 1em;
}

#colTwo h2 a {
	display: block;
	padding: 3px 5px;
	text-decoration: none;
	background: #F18585;
	color: #FFFFFF;
}

#colTwo form {
	margin: 0;
	padding: 10px;
}

#textfield1 {
	width: 150px;
}

#submit1 {
	display: none;
}

/* Footer */

#footer {
	width: 250px;
	margin: 0 auto;
	padding: 0 0 0 10px;
}

#footer * {
	text-align: center;
	font-size: xx-small;
	color: #FFFFFF;
}

#en_bas {
	font-size: 75%;
}

#enter_tag_border {
	border:0px solid #000;
	padding: 10px;
	margin: 2px;
}


#frame_border {
	width: 530px;
	height: 250px;
	word-wrap: break-word;
	BORDER: #9bcac9 1px solid;
	padding: 5px;
	margin: 2px;
}

#car_border_edit {
	width: 500px;
	word-wrap: break-word;
	BORDER: #9bcac9 1px solid;
	padding: 10px 10px;
	margin: 2px 2px;
	min-height: 400px;
}

#new_msg {
	font-style: oblique;
}


#right_col {
	BORDER: #9bcac9 1px solid;
	float: right;
	width: 320px;
	text-align:left;
	padding: 5px 5px 5px 5px;
	margin: 5px 0px;	
}

#left_col {
	float: left;
	width: 200px;
	padding: 5px 5px 5px 5px;
	text-align: left;
}


#left_col_cars {
	float: left;
	width: 550px;
	padding: 5px 5px 5px 5px;
}

/*CSS for Bubble Tooltips by Alessandro Fulciniti
- http://pro.html.it - http://web-graphics.com */

.tooltip{
width: 200px; color:#000;
font:lighter 11px/1.3 Arial,sans-serif;
text-decoration:none;text-align:center}

.tooltip span.top{padding: 30px 8px 0;
    background: url(public/images/bt.gif) no-repeat top}

.tooltip b.bottom{padding:3px 8px 15px;color: #548912;
    background: url(/public/images/bt.gif) no-repeat bottom}


#previous_rank_picture_box {
	padding: 2px 2px;
	float: left;
	border: 1px black;
	background-color:#CCCCCC;
	width: 60px;
	height:140px;
	text-align:center;
}

#previous_rank_picture {
	padding: 4px 12px;
}
	
#rank {
	color:#CC3333;
	font-size:44px;
}

#my_rank {
	font-size:12px;
}

#current_rank_picture_box {
	padding: 2px 20px;
	margin: 0px 5px;
	float: left;
	width:400px;
	min-height:500px;
	text-align:center;
	BORDER: #aea993 1px solid;
}

#car_edit {
	BORDER: #9bcac9 1px solid;
	padding: 2px 2px;
	margin: 2px 2px;
	width:500px;
	height:270px;
	text-align:left;
}

#pictures_edit {
	BORDER: #9bcac9 1px solid;
	padding: 2px;
	margin: 2px 2px;
	width:500px;
	text-align:left;
}

#car_picture_edit {
	BORDER: #9bcac9 1px solid;
	padding: 2px 2px;
	margin: 2px 2px;
	width:280px;
	min-height: 230px;
	text-align:left;
}

#car_rank_description {
	BORDER: #9bcac9 1px solid;
	width:400px;
	text-align:left;
	COLOR: #757575;
}

#edit_account {
	BORDER: #9bcac9 1px solid;
	padding: 2px;
	margin: 2px 2px;
	width:550px;
	height:170px;
	text-align:left;	
}

#destroy_account {
	BORDER: #9bcac9 1px solid;
	padding: 2px;
	margin: 2px 2px;
	width:550px;
	height:100px;
	text-align:left;	
}

#edit_profile {
	BORDER: #9bcac9 1px solid;
	padding: 2px;
	margin: 2px 2px;
	width:550px;
	min-height:400px;
	text-align:left;	
}




	.tableRollOverEffect1{
		background-color:#9bcac9;
		color:#FFF;
	}


	.tableRowClickEffect1{
		color:#FFF;
	}

#show_car_description_left {
	width: 200px;
	BORDER: #9bcac9 1px solid;	
	float: left;
	padding: 5px 5px 5px 5px;
	text-align: left;
}

#show_car_description_right {
	width: 320px;
	BORDER: #9bcac9 1px solid;	
	margin: 0px 0px 0px 4px;
	float: left;
	padding: 5px 5px 5px 5px;
	text-align: left;
}

#show_car_pic {
	width: 530px;
	margin: 5px 0px 10px 0px;
	BORDER: #9bcac9 1px solid;	
	float: left;
	padding: 5px 5px 5px 5px;
	text-align: left;
}

#show_car_pic_desc {
	BORDER: #9bcac9 1px;
	padding: 2px;
	float: left;
	margin: 0px 2px;
	width:320px;
	height:210px;
	text-align:left;
}

#show_car_rank {
	BORDER: #9bcac9 1px solid;
	padding: 2px;
	float: left;
	margin: 5px 0px;
	width:520px;
	height:220px;
	text-align:left;
}

#show_car_rank_left {
	BORDER: #9bcac9 1px;
	padding: 2px;
	float: left;
	margin: 0px 2px;
	width:100px;
	height:220px;
	text-align:left;
}



#button_left img{
	float: left;
	BORDER: #ffffff 2px solid;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	-moz-opacity: 0.5;
}

#button_left a:hover img{
	BORDER: #9bcac9 0px solid;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 1;
}

#button_middle img{
	float: center;
	BORDER: #ffffff 2px solid;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	-moz-opacity: 0.5;
}

#button_middle a:hover img{
	BORDER: 0px solid;
	margin: 0px 0px 4px 0px;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 1;
}

#button_right img{
	float: right;
	BORDER: #ffffff 2px solid;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	-moz-opacity: 0.5;
}

#button_right a:hover img{
	BORDER: #9bcac9 0px solid;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 1;
}

#enter_info {
	BORDER: #9bcac9 1px solid;
	padding: 4px;
	margin: 2px 2px;
}