/* This style is inspired by Shaahin Mohammadi's amazing CSS on oyax.com */
/* Nariman Amiri, last updated: Sep 2005 */

body {
	margin: 0px auto 0px auto; 
	background: #fff url("../images/bg_main.gif") repeat-x;
	text-align: center;
	font-family: lucida grande, helvetica, arial;
	color:#777; 
	font: 10px verdana, geneva, arial, sans-serif;
}

/* main structure */

#behalter {
	width: 775px;
	margin: 0px auto 0px auto;
	text-align: center;
}

#header {
	width:775px; 
}

.col1 {
	float: left;
	width: 280px;
	padding-left: 20px;
	text-align: left;
}

.col2 {
	float: right;
	padding-right: 20px;
	width: 200px;
	text-align: right;
}

#banner {
	border-bottom: 3px solid #cccccc;
	border-top: 1px solid #cccccc;
	background-color: #f2f2ee;
	width: 775px;
	margin-top: 0px;
	margin-bottom:10px;
	padding-top:0px;
	padding-bottom:3px;
	height:40px;
	position:relative;
	overflow: auto;
}

#members_header {
	border-bottom: 3px solid #cccccc;
	border-top: 1px solid #cccccc;
	background-color: #f2f2ee;
	width: 775px;
	margin-top: 0px;
	margin-bottom:10px;
	padding-top:0px;
	padding-bottom:3px;
	height:80px;
	position:relative;
	overflow: auto;
}

.members_box {
	width: 620px;
	float: left;
	padding-left: 0px;
	text-align: left;
	line-height:22px;
}

.bannerbox1 {
	width: 220px;
	float: left;
	padding-left: 0px;
	text-align: left;
	line-height:22px;
}

.bannerbox2 {
	text-align: right;
	width: 500px;
	float: right;
	padding-right: 20px;
	line-height:22px;
}

.banner2box1 {
	width: 540px;
	float: left;
	padding-left: 20px;
	text-align: left;
	line-height:19px;
}

.banner2box2 {
	text-align: right;
	width: 180px;
	float: right;
	padding-right: 20px;
	line-height:19px;
}

.line_1{
	background-color: #cbdbfb;
	padding: 2px 2px 2px 5px;
}

.line_2{
	background-color: #f2f2ee;
	padding: 2px 2px 2px 5px;
}

#content {
	border-bottom: 3px solid #cccccc;
	border-top: 1px solid #cccccc;
	background: #f2f2ee;
	width:775px;
	margin: 0px;
	padding-top:5px;
	padding-bottom:12px;
	text-align: left;
	overflow: auto;
}

#content_ad {
	border: 1px solid #cccccc;
	border-bottom: 3px solid #cccccc;
	background: #ffffff;
	width:773px;
	margin: 0px;
	padding-top:5px;
	padding-bottom:12px;
	text-align: center;
	overflow: auto;
}

#main1box1 {
	width: 322px;
	float: left;
	padding-left: 15px;
	padding-right: 15px;
	text-align: left;
}

#main1box2 {
	width: 180px;
	float: left;
	padding-top: 10px;
	padding-left: 15px;
	padding-right: 15px;
	text-align: left;
}

#main1box3 {
	width: 180px;
	float: left;
	padding-left: 15px;
	padding-right: 15px;
	text-align: left;
}

#sponsor_box {
	width: 740px;
	float: left;
	padding-left: 15px;
	padding-right: 15px;
	text-align: center;
}

#main2box1 {
	width: 740px;
	float: left;
	padding-left: 15px;
	padding-right: 15px;
	text-align: left;
}

#main3box1 {
	width: 325px;
	float: left;
	padding-left: 15px;
	padding-right: 15px;
	text-align: left;
}

#main3box2 {
	width:380px;
	float: left;
	padding-left: 25px;
	padding-right: 15px;
	text-align: left;
}

#frame {
	border-bottom: 3px solid #cccccc;
	border-top: 1px solid #cccccc;
	background: #f2f2ee;
	width:775px;
	margin: 0px;
	padding-top:0px;
	padding-bottom:10px;
	text-align: left;
	overflow: auto;
}

.framebox {
	width: 760px;
	float: left;
	padding-left: 5px;
	padding-right: 5px;
	text-align: left;
}

.selectionbox {
	width: 600px;
	float: left;
	padding-left: 90px;
	padding-right: 5px;
	text-align: left;
}

#selectionbox1 {
	width: 250px;
	float: left;
	padding-left: 20px;
	padding-right: 20px;
	text-align: left;
}

#selectionbox2 {
	width:360px;
	float: right;
	padding-left: 20px;
	padding-right: 20px;
	text-align: left;
}

#selectionbox_wide {
	width:730px;
	float: left;
	padding-left: 20px;
	padding-right: 20px;
	text-align: left;
}

#listbox1 {
	width: 163px;
	float: left;
	padding-left: 15px;
	padding-right: 15px;
	text-align: left;
}

#listbox2 {
	width: 163px;
	float: left;
	padding-left: 15px;
	padding-right: 15px;
	text-align: left;
}

#listbox3 {
	width: 163px;
	float: left;
	padding-left: 15px;
	padding-right: 15px;
	text-align: left;
}

#listbox4 {
	width: 163px;
	float: left;
	padding-left: 15px;
	padding-right: 15px;
	text-align: left;
}

#indentbox1 {
	width: 163px;
	float: left;
	padding-left: 15px;
	padding-right: 15px;
	text-align: left;
}

#indentbox2 {
	width: 500px;
	float: left;
	padding-left: 15px;
	padding-right: 15px;
	text-align: left;
}

#formbox_login {
	width: 200px;
	border-top: 2px solid #cccccc;
	border-left: 2px solid #cccccc;
	border-right: 2px solid #cccccc;
	border-bottom: 3px solid #cccccc;
	padding: 15px;
	background: #dddddd;
	margin: 30px 0px 10px 0px;
	text-align: right;
}

#formbox_register {
	width: 330px;
	border-top: 2px solid #cccccc;
	border-left: 2px solid #cccccc;
	border-right: 2px solid #cccccc;
	border-bottom: 3px solid #cccccc;
	padding: 15px;
	background: #dddddd;
	margin: 30px 0px 10px 0px;
	text-align: right;
}

#formbox_edit {
	width: 330px;
	border-top: 2px solid #cccccc;
	border-left: 2px solid #cccccc;
	border-right: 2px solid #cccccc;
	border-bottom: 3px solid #cccccc;
	padding: 15px;
	background: #dddddd;
	margin: 10px 0px 10px 0px;
	text-align: right;
}

#thumbox {
	width:360px;
	float: right;
	padding-left: 20px;
	padding-right: 20px;
	text-align: left;
}

#copyright {
	width: 745px; 
	margin: 0px;
	padding-left: 15px;
	padding-top:10px;
	padding-bottom:10px;
	font-size: 10px;
	font-family: lucida grande, helvetica, arial;
	color: #bbbdc0;
	text-align: left;
}

.container_submission_display {position: absolute; width: 975px; height: 800px; padding: 3px; background-color: #f2f2ee; border: 5px solid #cccccc; top: 53px; margin-left: 5px;}


.selection_box_outer{display: table; _position: relative; overflow: hidden; width: 580px; height: 460px; padding: 1px; background-color: #F2F2EE; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc;}
.selection_box_middle{_position: absolute; text-align: center; _top: 50%; display: table-cell; vertical-align: middle;};
.selection_box_inner{_position: relative; _top: -50%;};
.small_thumbnail_box{width: 75px; padding: 1px; background-color: #FFFFFF; border: 1px solid #888888;}
.image_border{border: 1px solid #999999;}


/* fonts */

.text {
	font-family: lucida grande, helvetica, arial;
	font-size: 11px;
	color: #333333;
}

.small_text {
	font-family: lucida grande, helvetica, arial;
	font-size: 9px;
	color: #333333;
}

.color_text {
	font-family: lucida grande, helvetica, arial;
	font-size: 11px;
	color: #FF6600;
	text-decoration: none;
}

.color_ad_text {
	font-family: lucida grande, helvetica, arial;
	font-size: 9px; 
	color: #6699FF; 
	text-decoration: underline;
}

a {
	font-family: Verdana;
	font-size: 10px;
	color: #FF6600;
}

a:hover {
	color: #666;
}

.a_register {
	font-family: Verdana;
	font-size: 10px;
	color: #333333;
	text-decoration: none;
}

.a_register:hover {
	color: #666;
}

.bold_text {
	font-family: lucida grande, helvetica, arial;
	font-size: 11px; 
	font-weight: bold; 
	color: #000000; 
	text-align: justify;
}

.color_title_text {
	font-family: lucida grande, helvetica, arial;
	font-size: 11px; 
	font-weight: bold; 
	color: #FF6600;
}

.bold_color_text {
	font-family: lucida grande, helvetica, arial;
	font-size: 12px;
	font-weight: bold;
	color: #FF6600; 
	text-align: justify;
}

.bold_a { 
	font-family: lucida grande, helvetica, arial;
	font-size: 11px;
	font-weight: bold;
	color: #FF6600; 
}

.bold_a:hover { 
	color: #333333;
}

.bold_a:visited { 
	color: #333333;
}

.title_a { 
	font-family: lucida grande, helvetica, arial;
	font-size: 12px;
	font-weight: bold;
	color: #FF6600; 
}

.title_a:hover {
	color: #333333;
}

.title_a_clicked {
	font-family: lucida grande, helvetica, arial;
	font-size: 11px; 
	font-weight: bold; 
	color: #FF6600;
}

.title_a_clicked:hover { 
	color: #333333;
}

.title_a_clicked:visited { 
	color: #333333;
}

.profile_a { 
	font-family: lucida grande, helvetica, arial;
	font-size: 9px;
	color: #666666;
	text-decoration: underline;
}

.profile_a:hover {
	color: #333333;
}

.profile_submission_a_1 {
	font-family: lucida grande, helvetica, arial;
	font-size: 9px;
	font-weight: bold;
	color: #FF6600;
	text-decoration: none;
}

.profile_submission_a_1:hover { 
	color: #333333;
}

.profile_submission_a_2 {
	font-family: lucida grande, helvetica, arial;
	font-size: 11px; 
	font-weight: bold; 
	color: #FF6600; 
	text-decoration: none;
}

.profile_submission_a_2:hover {
	color: #333333;
}

.profile_submission_a_3 {
	font-family: lucida grande, helvetica, arial;
	font-size: 14px; 
	font-weight: bold; 
	color: #FF6600; 
	text-decoration: none;
}

.profile_submission_a_3:hover {
	color: #333333;
}

.profile_submission_a_4 {
	font-family: lucida grande, helvetica, arial;
	font-size: 18px;
	font-weight: bold;
	color: #FF6600;
	text-decoration: none;
}

.profile_submission_a_4:hover {
	color: #333333;
}

.profile_submission_a_5 {
	font-family: lucida grande, helvetica, arial;
	font-size: 22px;
	font-weight: bold; 
	color: #FF6600; 
	text-decoration: none;
}

.profile_submission_a_5:hover {
	color: #333333;
}

/* input */

.input_box {
	font-family: lucida grande, helvetica, arial;
	background-color:#ffffff;
	color:#333333; 
	font-size: 11px; 
	border-top: 1px #000000;	
	border-right: 1px #CCCCCC; 
	border-left: 1px #000000; 
	border-bottom: 1px #CCCCCC;
	border-style: solid;
}

.drop_menu {
	font-family: verdana;
	background-color:#ffffff;	
	color:#333333; 
	font-size: 11px; 
	border-top: 1px #000000;	
	border-right: 1px #CCCCCC; 
	border-left: 1px #000000;
	border-bottom: 1px #CCCCCC; 
	border-style: solid;
}

.input_button {
	font-family: lucida grande, helvetica, arial;
	background-color:#DDDDDD; 
	color:#333333; 
	font-size: 11px; 
	border-top: 1px #CCCCCC; 
	border-right: 1px #000000; 
	border-left: 1px #CCCCCC;	
	border-bottom: 1px #000000;	
	border-style: solid;
}