/*****CSS file for BunteSuppe*****/


/* TEMPLATE */

body {
	background: #eaeae4 url(/img/gradient_bg.gif) top repeat-x;
	font: normal 0.75em/1.4em Arial,Lucida Grande,Helvetica,sans-serif;
	padding: 26px 0 0;
	width: 758px;
	margin: 0 auto;
	color: #2F2F2F;
	}

#beta {
	width: 754px;
	margin: 0 auto;
	position: absolute;
	top: 0;
	text-align: right;
	padding-top: 24px;
	}
	
#beta img {
	position: absolute;
	top: 23px;
	left: 420px;
	}
	
#header {
	margin-bottom: 1em;
	display: table;
	width: 100%;
	}
	
#header .bar {
	background: url(/img/y_bar_bg.gif) top repeat-x;
	}
#header .bar div {
	background: url(/img/y_bar_bg_left.gif) top left no-repeat;
	}
#header .bar div div {
	background: url(/img/y_bar_bg_right.gif) top right no-repeat;
	}
	
#footer .bar {
	background: url(/img/b_bar_bg.gif) top repeat-x;
	}
#footer .bar div {
	background: url(/img/b_bar_bg_left.gif) top left no-repeat;
	}
#footer .bar div div {
	background: url(/img/b_bar_bg_right.gif) top right no-repeat;
	}
	
.bar div div {
	padding: 12px 15px 0 10px;
	height: 28px;
	font-size: 13px;
	}
	
* html .bar div div {
	padding-top: 11px;
	height: 29px;
	}

#head_b1 {
	float: left;
	margin-top: 17px;
	}
#head_b1 div div {
	width: 15px;
	}
	
#head_b2 {
	margin: 17px 0 0 264px;
	text-align: right;
	}
	
.bar a:visited {
	color: #33e;
	}
	
.bar ul {
	list-style-type: none;
	font-weight: bold;
	margin: 0;
	padding: 0;
	}
	
.bar li {
	display: inline;
	background: url(/img/menu_sep.gif) no-repeat right center;
	padding: 0 1em 0 0.6em !important;
	padding: 0 0.6em 0 0.8em;
	}
	
.bar li.last {
	background-image: none;
	padding-right: 0 !important;
	}
	
#content {
	margin: 0 2px 1em;
	padding-top: 1em;
	}
	
#content_side {
	float: left;
	width: 550px;
	margin-left: 2px;
	}
	
#sidebar {
	margin-left: 570px;
	margin-right: 2px;
	}
	
#sidebar h3 {
	margin: 1em 0 0;
	font-size: 1.1em;
	}
	
#sidebar ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
	
#sidebar ul li {
	margin: 0 0 0.6em;
	padding: 0 0 1.2em;
	background: url(/img/dotted_border2.gif) left bottom repeat-x;
	}
	
#sidebar li li {
	margin: 0.2em 0 0.2em 0.5em;
	padding: 0;
	background: none;
	}
	
#sidebar #s {
	width: 55%;
	}
	
#sidebar #searchsubmit {
	width: 40%;
	}

.dotbot {
	background: url(/img/dotted_border2.gif) left bottom repeat-x;
	padding-bottom:4px;
	}

#footer {
	margin-top: 1em;
	clear: both;
	}
	
#footer a, #header a {
	text-decoration: none;
	}
	
#footer a:hover, #header a:hover {
	text-decoration: underline;
	}

#copyright {
	text-align: center;
	color: #777;
	margin: 0.5em 0;
	}

#copyright a {
	color: #777;
	text-decoration: underline;
	}
	
#homelink {
	display: block;
	width: 202px;
	height: 54px;
	background: url(/img/header_logo_bs.gif) no-repeat 0 0;
	float: left;
	margin-left: 12px;
	margin-top: 5px;
	}
	
#enter_link {
	float: left;
	font-weight: bold;
	margin-left: 5px;
	}
	
#head_details, #hd_link {
	text-align: right;
	float: right;
	margin: -0.8em 2px 1em 1em;
	font-weight: bold;
	}
	
#hd_link {
	font-size: 1.2em;
	}
	
#head_details p {
	margin: 0 0 0.3em;
	}
	
/* END TEMPLATE */

/* DEFAULT */

a {
	text-decoration: underline;
	}
a:link, a:hover, a:active {
	color: #33e;
	}
a:visited {
	color: #551A8B;
	}
 	
p {
	line-height: 1.4em;
	margin: 1em 0;
	}
	
h1 {
	font-size: 1.5em;
	margin: 0.5em 0 1em;
	}

h2 {
	font-size: 1.2em;
	margin: 1.6em 0 0.5em;
	}
	
h3 {
	font-size: 1.1em;
	margin: 1.5em 0 0.5em;
	}
	
h4 {
	font-size: 1em;
	margin: 1.4em 0 0.5em;
	}
	
h5 {
	font-size: 0.9em;
	margin: 1.3em 0 0.5em;
	}
	
h6 {
	font-size: 0.8em;
	margin: 1.2em 0 0.5em;
	}
	
var, code, kbd, sample {
	font: normal bold 1.1em Courier New, Courier, Monaco, monospace;
	}
	
pre, .equation {
	font: normal normal 1.1em/1.5 Courier New, Courier, Monaco, monospace;
	margin: 1em;
	padding: 0.5em 1em;
	background-color: #f7f7f7;
	border: 1px solid #d4d4d4;
	overflow: auto;
	}
	
.equation {
	overflow: visible;
	}
	
table {
	font-size: 1em;
	}

/* used by admin and profile */
	
.tr_odd td {
	background : #efefef;
}

.tr_even td {
	background : #dcdcdc;
}

.r {
	text-align:right;
}

th {
 vertical-align:bottom;
}	
/* END DEFAULT */

/* TEXT/CONTENT ETC */

#small {
	width: auto;
	margin: 1.5em;
	padding:0;
	font-size: 0.85em;
	}

p.attn {
	font-size: 1.2em;
	text-align: center;
	}
	
.separator, .sep_dense, .sep_mid {
	height: 3px;
	margin: 2em auto 2em 0;
	clear: both;
	border: none;
	background: url(/img/dotted_border2.gif) left top repeat-x;
	}
	
.sep_dense {
/*	margin: 0.7em auto 0.9em 0 !important; */
	margin: 0;
	font-size: 0;
	}

.sep_mid {
	width:50%;	
	margin:0 25% 0 25%;
	}

.q_a {
	margin-left: 5pt;
	}
	
.q_a h2 {
	font-size: 1em;
	margin: 1.6em 0 0;
	}
	
.q_a h3 {
	font-size: 1em;
	margin: 1.5em 0;
	font-weight: normal;
	font-style: italic;
	}
	
.q_a p {
	margin: 0 0 1em;
	}

.error {
	color: #f00;
	line-height:110%;
	}
	
.warning {
	color: #f00;
	}
	
.perr {
	margin: 0.1em 0 0.15em;
	}

.green, .ok_response {
	color: green; 
	}

.results {
	border: 1px solid black;
	padding: 10px;
	}

#welcome {
	padding-left:18px;
	font-size: 1.25em;
	font-weight: bold;
	margin:0 0 1.3em 0;
	background: url(/img/square_green2.gif) 0 0.25em no-repeat;
	}
	
	
.sq_sec {
	background: 0 3px no-repeat;
	padding-left: 20px;
	}
	
#enter {
	margin: 1.1em 0 1.7em;
	text-align: center;
	font-size: 1.7em;
	font-size: 2em;
	font-weight: bold;
	}
	
#enter img {
	border: none;
	}
	
.center {
	text-align: center;
	}
	
.note {
	color: #2f2f2f;
	}
	
.align_right {
	float: right;
	margin: 0 0 1em 1em;
	}
	
.align_left {
	float: left;
	margin: 0 1em 1em 0;
	}
	
.content_image {
	border: 1px solid #999;
	background-color: #fff;
	padding: 2px;
	}
	
.caption {
	font-size: 0.95em;
	line-height: 1.2;
	margin: 2px 0 0;
	}
	
.line_img {
	vertical-align: middle;
	}
	
/* information boxes (ibox) */

.ibox { background: url(/img/ibox_b.gif) repeat-x bottom #fff; }
.ibox div { background: url(/img/ibox_r.gif) repeat-y right; }
.ibox div div { background: url(/img/ibox_r.gif) repeat-y left; }
.ibox div div div { background: url(/img/ibox_bl.gif) no-repeat left bottom; }
.ibox div div div div { background: url(/img/ibox_br.gif) no-repeat right bottom; }
.ibox div div div div h3 { background: url(/img/ibox_t.gif) repeat-x top #b6b6b6; margin: 0;
	color: #666;
	font-size: 1.2em !important;
	}
.ibox div div div div h3 span { background: url(/img/ibox_tl.gif) no-repeat top left; display: block; height: auto !important; height: 1px;}
.ibox div div div div h3 span span { background: url(/img/ibox_tr.gif) no-repeat top right; display: block;
	padding: 3px 15px 3px;
	}
.ibox div div div div div {
	padding: 0 15px 7px;
	margin-top: 13px;
	}
.ibox div div div div div div {
	padding: 0;
	background: none;
	}
	
.ibox .cont {
	}	
	
#account_details {
	float: right;
	margin: 0.4em -2px 1em 1em;
	width: 300px;
	}
	
#account_details #r_preview {
	border: 1px solid #bbb;
	margin: 0 auto;
	display: block;
	}

.sq {
	padding-right:4px;
	}


#snap_home {
	clear: both;
	margin: 0 -2px;
	}
	
#snap_home .cont a {
	margin-right: 14px;
	}
	
#ss_imp {
	float: right;
	margin-left:20px;
	margin-right: -2px;
	}
	
#ss_imp .cont {
	padding-right: 11px;
	padding-bottom: 18px;
	}
	
#ss_imp img {
	margin-top: 0.5em;
	}
	
/* end information boxes */
	
/* END TEXT/CONTENT ETC */

/* FORMS */

input, textarea {
	font: normal 1.1em verdana;
	color: black;
	margin: 0;
	}

.form_def {
	display: table;
	}

.form_def label, .form_def .label, .form_def dt {
	float: left;
	width: 185px;
	clear: both;
	margin: 0;
	display: block;
	text-align: right;
	padding-top: 0.4em;
	line-height: 1.1em;
	}
	
.form_def .value, .form_def dd {
	margin: 0 0 0.5em 195px;
	display: block;
	width: 555px !important;
	width: auto;
	line-height: 2em;
	text-align: left;
	}
	
.form_url_a input {
	margin: 0 2em 0 0.5em;
	}
	
.form_def .cb_cont {
	padding-top: 0.2em !important;
	}
	
.form_url_a h5 {
	display: inline;
	margin: 0;
	font-size: 1em;
	font-weight: bold;
	padding-right: 1em;
	}
	
.form_def .value label {
	float: none;
	width: auto;
	display: inline;
	}

#tile_options {
	margin-bottom: 2.5em;
	}
	
.wide_def label, .wide_def .label, .wide_def dt {
	width: 300px !important;
	}
	
.wide_def .value, .wide_def dd {
	margin-left: 310px !important;
	}
	
.small_def label, .small_def .label, small_def dt {
	width: 100px !important;
	}
	
.small_def .value, .small_def dd {
	margin-left: 110px !important;
	}

.form_def .tip_a {
	margin: 0.5em 0 0 1em;
	float: right;
	line-height: 1em;
	width: 268px;
	}
	
.form_def .tip {
	margin: 0.5em 0 0 1em;
	}

.account_banner {
	margin: 0 0 1em;
	}

.submit {
	clear: both;
	}

.url_input {
	width: 20em;
	}

.a_input {
	width: 15em;
	}
	
.text {
	width: 15em;
	}

.small_text {
	width: 10em;
	}
	
.long_text {
	width: 90%;
	}
	
.small_num {
	width: 3em;
	}
	
.large_num {
	width: 5em;
	}
	
.sub_option {
	font-size: 0.9em;
	display: block;
	margin-left: 2em;
	background-color: #ddd;
	padding: 0.3em 0.6em;
	}
	
.sub_option input {
	font-size: 1em;
	}
	
.f_opt {
	margin: 0.5em 0;
	}
	
.sub_opt {
	margin: 0 0 0 2.5em;
	border: none;
	}
	
.form_submit {
	margin: 2em 0;
	text-align: center;
	}
	
.form_submit input {
	margin: 0 1em;
	}
	
.account_info_element {
	font: normal 1.1em verdana;
	color: #000;
	margin: 0;
	line-height: 1.7em;
	}
	
.info_box {
	float: right;
	text-align: right;
	margin: 0 0 1em 1em;
	}
	
.info_box p {
	margin: 0 0 0.5em;
	}
	
.comment_form {
	width: 420px;
	margin: 1em auto;
	}
	
.comment_form label {
	color: #888;
	}
	
.comment_form textarea {
	width: 100%;
	}
	
.comment_submit {
	margin-top: 1em;
	text-align: center;
	}
	
#banner_upload {
	margin-bottom: 2em;
	}
	
#snapshot_seed_opts {
	margin-bottom: 1.5em;
	}

/* END FORMS */