/* -----------------------------------------------------------------------
   Driven Online, global CSS
    - styling by s_tec/Trailer Park Demos
   ----------------------------------------------------------------------- */


/*
 * Box properites
 */

.square_left, .square_right {
	background-color: #d0d0d0;
	border: 2px solid #404040;
	border-top-color: #ffffff;
	border-left-color: #ffffff;
	margin: 0em 0em 1em 0em; 
	padding: 0.5em 0.5em;
	width: auto;
}

.square_left p.title, .square_right p.title, #column_center .news h1 {
	margin: 0 -0.5em 1em;
	padding: 0 0.5em 0.25em;
	font-weight: bold;
	border-bottom: 1px solid #808080;
}





#column_center p {
	margin: 0;
}

#column_center .pagination {
	margin-bottom: 8px;
	padding-right: 4px;
	color: #000000;
	width: auto;
	height: 14px;
	font-family: Verdana, sans-serif;
	font-size: 1.0em;
}

#column_center .pagination p {
	text-align: right;
}

#column_center .news {
	background-color: #d0d0d0;
	border: 1px solid #808080;
	border-top-color: #ffffff;
	border-left-color: #ffffff;
	margin: 0em 0em 1em; 
	padding: 0.5em 1em;
	width: auto;
}

#column_center .news h1 {
	font-size: 1em;
	font-weight: bold;
}

#column_center .news img {
	border: 2px solid #c0c0c0;
	float: right;
	width: 120px;
	padding: 0;
	margin: 0;
	position: relative;
	top: -1em;
	left: 0.5em;
}

#column_center .news .news-extra {
	display: block;
	margin: 1em -0.5em 0;
	padding: 0.25em 0.5em 0;
	border-top: 1px solid #808080;
}

#column_center .group {
	background: #e0c0c0;
	color: #000000;
	font-size: 0.9em;
	border: 1px solid #c08080;
}

#column_center .scener {
	background: #c0c0e0;
	color: #000000;
	font-size: 0.9em;
	border: 1px solid #8080c0;
}

#column_center .release {
	background: #c0e0c0;
	color: #000000;
	font-size: 0.9em;
	border: 1px solid #80c080;
}





#column_left li {
  padding-left: 0px;
}
#column_left ul {
  list-style-image: url("/_img/list-arrow.gif");
}

.square_left p {
	margin: 0;
}

.square_left .body-releases {
	font: 9px 'Small Fonts', 'Ariel', sans-serif;
}
.square_left a {
	text-decoration: none;
}
.square_left tt {
	font-family: Courier New, Terminal, Courier, monospace;
	color: black;
}




#column_right li {
  padding-left: 0px;
}
#column_right ul {
  list-style-image: url("/_img/list-arrow.gif");
}

.square_right .body label {
	padding-top: 2px;
	margin: 0;
	display: block;
	color: #113;
	text-align: right;
	vertical-align: middle;
	float: left;

}
.square_right .body input {
	margin: 0;
	vertical-align: top;
	font-size: 10px;
}


.back_in_time .release {
	font-family: 'Ariel', 'Ariel', sans-serif;
	font-size: 11px;
	color: #000;
	text-align: center;
}
.back_in_time .release .release_title {
	font-weight: bold;
	text-decoration: underline;
}
.back_in_time .release .release_group {
	font-weight: bold;
	text-decoration: underline;
}
.back_in_time .info {
	display: block;
	margin-left: 2px; margin-right: 2px;
	font-family: 'Small Fonts', 'Ariel', sans-serif;
	font-size: 9px;
	color: #000;
	text-align: justify; text-justify: newspaper;
}
.back_in_time .footer {
	display: block;
	font-family: 'Small Fonts', 'Ariel', sans-serif;
	font-size: 9px;
	color: #000;
	text-align: center;
}
.back_in_time img {
	padding: 2 2 2 2;
	background: #9494A0;
}
.back_in_time hr {
	border: none 0; 
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #cfcfcf;
	width: 96%;
	height: 2px;
	margin: 2px auto;
	padding: 0;
	text-align: center;
}




#bottom_navigation p {
	margin: 0;
	padding: 0;
	font-size: 0.8em;
	text-align: right;
}






/*
 * Content properites
 */


.shadowed {display: none;}

a:link { color: #3060c0; }
a:hover { color: #30c060; }
a:active { color: #30c060; }
a:visited { color: #c06030; }
a:link    {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover   {text-decoration: none;}

ul {
	margin: 0 0 0 0.5em;
	padding-left: 0.95em;
}

form {
	margin: 0 0 2px 0;
}

input, select, textarea {
	font-size: normal;
	margin-left: 2px;
	margin-bottom: 1px;
	padding-bottom: 0px;
	padding-top: 0px;
}

fieldset {
	margin: 1em 0;
	padding: 0.6em 0.6em;
	border: 1px solid #669;
}

fieldset br {
	display: none;
}

legend {
	font-weight: bold;
	color: #226;
	padding: .1em .5em;
	border: 1px solid #669;
	border-width: 1 1 0 1;
}

fieldset div {
	clear: both;
	margin: .1em 0;
	position: relative;
}
fieldset div span {
	display: none;
}
fieldset div:hover span {
	font-size: 85%;
	color: #c96;
	background-color: #faf0e6;
	margin-left: 20em;
	padding: .2em .5em .3em;
	border: 1px solid #c96;
	display: block;
	position: absolute;
	z-index: 100;
	float: right;
}
* html fieldset div span {
	font-size: 85%;
	color: #c96;
	margin-left: 16em;
	padding: .3em;
	border-left: 1px solid #c96;
	display: block;
}

label {
	margin: 0;
	color: #113;
	width: 10em;
	display: block;
	text-align: right;
	float: left;
}

label.required {
	font-weight: bold;
}
label.required:after {
	content: "*";
	color: #c30;
	font-size: xx-small;
}

.buttons {
	text-align: right;
}
.center {
	text-align: center;
}





#chatbarText {
	width: 98%;
}