/* Magnetica, Robert 2006-2008 ****************************************************************** */ 

html, body, div, span, p, table, td, ul, ol, li {
	color: white;
}

html, body {
	height: 100%;
	width: 100%;
}

body {
	background: #000000 url(style_FILES/page_bg.gif) repeat-y top left;
}

div {
	background: transparent;
}

fieldset {
	padding: 5px 10px;
	margin: 0 0 14px 0;
	border: 1px solid #B2AAAA;
}


/* Template styles ****************************************************************************** */

#page {
	width: 100%;
	height: auto;
	min-height: 100%;
	_height: 100%; /* IE */
	text-align: left;
	background: transparent url(style_FILES/menu_left_bg.jpg) no-repeat 0 167px;
	position: relative;
}

#header {
	width: 100%;
	height: 137px;
	/* width: 800px; */
	overflow: hidden;
}

img#logo {
	width: 247px;
	height: 137px;
	float: left;
}

img#title {
	width: 553px;
	height: 137px;
	float: left;
}

#header #header_right {
	position: absolute;
	top: 15px;
	left: 835px;
	width: 150px;
	height: 120px;
	overflow: hidden;
	background: #000000;
}


/* Menu Top ************************************************************************************* */ 

#menu_top {
	width: 100%;
	border-bottom: solid 1px #B2AAAA;
	background: url(style_FILES/menu_bg.jpg) no-repeat 0 0;
}

#menu_top_in {
	height: 30px;
	overflow: hidden;
	padding-left: 164px;
}

#menu_top ul {
	float: left;
	width: 636px;
	padding: 0;
	list-style-type: none;
	border-top: solid 1px #B2AAAA;
}

#menu_top li {
	float: left;
	padding: 0;
}

#menu_top a {
	color: #000000;
	padding-left: 10px;
}

#menu_top a:hover, #menu_top a.menu_top_act {
	color: #000000;
}

#menu_top a img {
	border: 0;
	height: 29px;
}


/* Main content block *** */

#block {
	/* width: 800px; */
	width: 1005px; /* for three columns */
}


/* Left Content ********************************************************************************* */

#left {
	float: left;
	width: 164px;
}

#left ul {
	list-style-type: none;
	padding: 0;
	padding-top: 18px;
}

#left ul.second { /* for selected left menu *** */
	margin-top: 14px;
	padding-top: 13px;
	border-top: solid 1px #b2aaaa;
}

#left li {
	padding: 0;
	display: inline;
}

#left a {
	display: block;
	color: #B2AAAA;
	padding: 0px 15px 13px 21px;
	font: normal 11px/14px Verdana;
	text-transform: uppercase;
}

#left a:hover, #left a.menu_left_act {
	color: #ffffff;
}

#left a.menu_left_act {
}

/* Middle Content ******************************************************************************* */

#content {
	float: left;
	width: 636px;
}

#content_in {
	padding: 30px 0px 30px 40px;
}

#content_in img {
	border: solid 1px #5b5d5c;
}

#content_left {
	float: left;
	width: 278px;
}

#content_right {
	float: right;
	width: 278px;
	/* padding-left: 20px; */
}


/* Right Content, banners *********************************************************************** */

#right {
	float: left;
	width: 195px;
}

#right_in {
	padding: 30px 10px 30px 35px;
}


#break { 
	clear: both; 
	float: none;
	height: 20px;
}


/* Banners *** */

#advert1 {
	position: absolute;
	left: 830px;
	top: 198px;
	width: 150px;
	height: 250px;
	/* background: #333333; */
}

#advert1 img {
	border: none;
}

#advert2 {
	position: absolute;
	left: 830px;
	top: 478px;
	width: 150px;
	height: 150px;
	/* background: #222222; */
}


/* Footer *************************************************************************************** */

#foot
{
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
}

#foot_inner {
	width: 800px;
}

#foot_inner_r
{
	float: left;
	padding: 5px 0px 10px 15px;
}

#foot_inner_r a
{
	font: normal 11px/13px Verdana;
	color: #B2AAAA;
}

#foot_inner_r a:hover
{
	color: #ffffff;
}


/* Changed CSS stzles *** */

.csc-textpic-caption
{
	padding-top: 0.3em;
	color: #cccccc;
}


/* Login Form ************************************************************* */

#loginForm {
	margin-bottom: 10px;
}

#loginForm input.submit,
#fe_users_form input.regSubmit,
#left #loginForm input.submit, /* left */
#left #fe_users_form input.regSubmit
{
	color: white;
	background: #000000;
	border: solid 1px #666666;
	padding: 2px 10px;
	margin-top: 1em;
	cursor: pointer;
}

#loginForm input.name,
#left #loginForm input.name /* left */
{
	margin-bottom: 0.3em;
}

/* Left Login Box *** */

#left #loginForm input.submit,
#left #fe_users_form input.regSubmit
{
	margin-top: 0.4em;
	padding: 0 10px;
}

#left #loginForm p
{
	padding: 18px 15px 13px 21px;
	border-top: solid 1px #b2aaaa;
}

#left #loginForm p input
{
	width: 118px;
	color: #B2AAAA;
	background: transparent;
	border: solid 1px #666666;
}


/* Poll Form ************************************************************** */

#left .tx-jkpoll-pi1 {
	padding: 10px 15px 13px 21px;
	border-top: solid 1px #b2aaaa;
}

#left .tx-jkpoll-pi1 input.pollsubmit {
	color: white;
	background: #000000;
	border: solid 1px #666666;
	padding: 1px 10px;
	margin-top: 1em;
	cursor: pointer;
}

#left .tx-jkpoll-pi1 p {
	padding-bottom: 8px;
}


/* CHANGES, forum styles ********** */
/* table.tx-chcforum-pi1-Table, form.tx-chcforum-pi1-postForm table.tx-chcforum-pi1-Table, */

table.forumTable,
table.forumTableCategory,
table.bazaarTable
{
	width: 596px;
	margin-bottom: 1.2em;
}

table.forumTable {
	margin: 3px 0 0 0;
}

dl.forumList dd p {
	padding-bottom: 0.5em;
}

table.forumTable, 
table.forumTable th, 
table.forumTable td  
{
	color: white;
	border: 0;
}

table.forumTable th {
	text-align: left;
} 

table.forumTable td {
	padding-top: 0;
	padding-bottom: 0;
} 

table.forumTable td a {
	font-weight: bold;
	line-height: 20px;
}

table.forumTable th a {
	font-weight: bold;
}

table.forumTable td p {
	padding: 0.4em 0 0.5em 20px;
	color: #bbbbbb;
}

table.forumTable tr {
	vertical-align: middle;
}

table.forumTable .color0 { background: #333333; }
table.forumTable .color1, .color1hide { background: #000000; }
table.forumTable .color2, .color2hide { background: #333333; }
table.forumTable .color3, .color3hide { background: #666666; }

.color1hide, 
.color2hide, 
.color3hide { 
	display: none; 
	padding: 0.4em 0 0.5em 30px;
}

table.forumTable .color0 th { 
	border-bottom: solid 5px #000000;
}

table.forumTable .color2 td { 
	border-bottom: solid 1px #000000;
}

#content_in table.forumTable img.treeNavigation {
	display: block;
	float: left;
	border: 0;
	width: 18px;
	height: 16px;
	margin: 2px 2px 0 0;
	padding: 0;
}

#searchInForum {
	margin-top: 1.2em;
}

#searchInForum input.submit {
	color: white;
	background: #000000;
	border: solid 1px #666666;
	padding: 2px 10px;
	_padding: 1px 10px;
	/* margin-top: 1em; */
}

#mailform input.csc-mailform-submit {
	color: white;
	background: #000000;
	border: solid 1px #666666;
	padding: 2px 10px;
	/* margin-top: 1em; */
}


table.forumTable,
table.forumTableCategory
{
	width: 596px;
	margin-bottom: 1.2em;
}

table.forumTable {
	margin: 3px 0 0 0;
}

dl.forumList dd p {
	padding-bottom: 0.5em;
}

/* Bazaar *** *** *** */

table.bazaarTable, 
table.bazaarTable th, 
table.bazaarTable td  
{
	color: white;
	/* border: 0; */
}

table.bazaarTable th {
	text-align: center;
} 

table.bazaarTable td {
	padding-top: 0;
	padding-bottom: 0;
} 

table.bazaarTable td a {
	font-weight: bold;
	line-height: 20px;
}

table.bazaarTable th a {
	font-weight: bold;
}

table.bazaarTable td p {
	padding: 0.4em 0 0.5em 0;
	color: #bbbbbb;
}

table.bazaarTable tr {
	vertical-align: middle;
}


/* Mail Form ********** */

fieldset.csc-mailform {
	padding: 0;
	margin: 0;
	border: 0;
}

.csc-mailform-field label {
	color: #7C96C5;
	font-weight: bold;
	padding: 0 0 3px 0;
}


/* News ********** */

.news-latest-item p {
	padding-bottom: 0.1em;
}

.news-list-browse table {
	border: 0;
	border-top: solid 1px #404658;
	border-bottom: solid 1px #404658;
}

.news-list-browse table td {
	border: 0;
}


/* GuestBook ************************************************************************************ */

.tx-veguestbook-pi1 table.tx-guestbook-list-table {
	width: 500px;
	background: none;
	border: none;
	border-top: solid 1px #888888;
}

.tx-veguestbook-pi1 table.tx-guestbook-list-table .tx-guestbook-list-header {
	background: none;
}

.tx-veguestbook-pi1 table.tx-guestbook-list-table .tx-guestbook-list-rowleft {
	background: none;
}

.tx-veguestbook-pi1 table.tx-guestbook-list-table .tx-guestbook-list-row {
	background: none;
}


/* Board teaser, discussions *** */

#right div.board_teaser {
	color: #cccccc;
}

#right div.board_teaser p {
	color: #cccccc;
}

#right div.board_teaser a {
	padding: 0;
}

/* Photo teaser *** */

#left .photoTeaser {
	margin-top: 10px;
	padding-top: 15px;
	border-top: solid 1px #b2aaaa;
}


table.noborder tr.basketRow {
	vertical-align: top;
}

table.noborder tr.basketRow td {
	padding: 5px 0 8px 0;
	border-top: solid 1px #b2aaaa;
}

table.valignTop tr {
	vertical-align: top;
}

/* Ext: macina_banners ************************************************************************* */

div.bannerContent {
	margin: 0 0 14px 0;
}


/* Ext: srfeuserregister *********************************************************************** */

.tx-srfeuserregister-pi1 p { margin-top: .5em; margin-bottom: 0; padding: 0 .3em; text-indent: 0; }
.tx-srfeuserregister-pi1 h4 { margin-top: 0; padding-left: .3em; }
.tx-srfeuserregister-pi1 legend { padding: 0 .5em; font-weight: bold; color: #eeeeee; }
.tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-notice { font-style: italic; margin-bottom: 1em; }
.tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-trash { margin-bottom: 2em; }
.tx-srfeuserregister-pi1 a { padding-left: 14px; background-image: url("../typo3conf/ext/sr_feuser_register/pi1/internal_link.gif"); background-repeat: no-repeat; background-position: 0% 60%; text-decoration:none; }
.tx-srfeuserregister-pi1 label { margin: 0; padding: 0; }
.tx-srfeuserregister-pi1 label span { /* color: #ff0000; */ }
.tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-error { color: #ff0000; }
.tx-srfeuserregister-pi1 input { margin: 0; padding: 0 .5em 0 0; }
.tx-srfeuserregister-pi1 input[type=password] { margin-right: 1em; }
* html .tx-srfeuserregister-pi1 input.tx-srfeuserregister-pi1-password { margin-right: 1em; }
.tx-srfeuserregister-pi1 input[type=radio], .tx-srfeuserregister-pi1 input[type=checkbox] { background-color: transparent; }
* html .tx-srfeuserregister-pi1 input.tx-srfeuserregister-pi1-radio, * html .tx-srfeuserregister-pi1 input.tx-srfeuserregister-pi1-checkbox { background-color: transparent; }		
.tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-delete-icon { margin-left: 1em; background-color: transparent; }
.tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-delete-icon:hover { cursor: pointer; }
.tx-srfeuserregister-pi1 a.tx-srfeuserregister-pi1-file-view { padding-left: 15px; background-image: url("../typo3conf/ext/sr_feuser_register/pi1/internal_link_new_window.gif"); background-color: transparent; background-repeat: no-repeat; font-size: .8em; margin-left: 1em; }
.tx-srfeuserregister-pi1 ul { margin: 0; padding: 0; list-style-position: inside; }
.tx-srfeuserregister-pi1 ul.tx-srfeuserregister-multiple-checkboxes { list-style-type: none; }
.tx-srfeuserregister-pi1 ul.tx-srfeuserregister-multiple-checkboxes li { margin: 0 0 .3em 0; padding: 0; }
.tx-srfeuserregister-pi1 ul.tx-srfeuserregister-multiple-checkboxes li label { margin: 0; padding: 0 0 0 .5em; }
.tx-srfeuserregister-pi1 ul.tx-srfeuserregister-multiple-checked-values li { float: left; padding: 0 2em 0 0; margin: 0; }
.tx-srfeuserregister-pi1 dl { margin: 0; padding: 1em 0 0 0; }
.tx-srfeuserregister-pi1 dt, .tx-srfeuserregister-pi1 dd { margin: 0; padding: 0 0 .5em 0; float: left; }
.tx-srfeuserregister-pi1 dt { clear: both; width: 25%; text-align: right; padding-right: 1em; }
.tx-srfeuserregister-pi1 dd { text-align: left; width: 50%; }
.tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-multiple-checkboxes dt { width: auto; padding-right: 0; }
.tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-multiple-checkboxes dd { width: auto; }
* html .tx-srfeuserregister-pi1 dd { float: none; }
.tx-srfeuserregister-pi1 dd p { margin-top: 0; margin-bottom: .5em; padding: 0; }
.tx-srfeuserregister-pi1 dd label { padding: 0 1em 0 .5em; }


/* JS: lightbox ********************************************************************************* */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }


/* Magnetica, Robert 2006-2008 ****************************************************************** */