/*
 * ZEN WIREFRAME v3.6
 * - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
 * (c) 2005-2009 - Gregory Remington, www.mediatech.net
 *  License: GPL and MIT
 */

/******************/
/* Content Layout */
/******************/

body {
	margin:0;
	padding:0;
	background: #fff;
	background:url(../images/stgc-background.gif) 0 0 repeat;
	font-family: arial, helvetica, sans-serif;
}

#container {
	margin-top:0px;
	border:0px solid red;
}
img {
	border-width: 0px;
}
#nav {
}
#header-elements { 
	/* position:relative; */ /* uncomment to reposition vertically */
	/* top:160px; */ /* uncomment to reposition vertically */
	margin-bottom:4px;
}
#header-graphic {
position:relative;
top:-2px;
}
#footer {
	margin-top:10px;
	text-align:left;
	background:#CF2330;
}
#footer p {
	margin:8px;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	color:#fff;
}
#footer a {
	font-size:10px;
	font-weight:bold;
	color:#fff;
}
#footer a:hover {
	color:#fff;
}
#bottom-nav {
	padding:10px 0 20px 0;
	background-color:transparent;
	text-align:left;
}
#bottom-nav,#bottom-nav a {
	font-size:10px;
	font-weight: normal;
}
#bottom-nav ul {
	margin:0;padding:0;
}
#bottom-nav ul li {
	list-style:none;
	display:inline;
}

/***************************************/
/* Interior Content Elements and Forms */
/***************************************/
#search {
	z-index:10000;
	position:relative;
	float:left;
	top:0px;
	left:0px;
	width:182px;
	display:block;
	border:0px solid red;
}
#search input {
	vertical-align:middle;
}
#search input.searchfield {
	width:136px;
	color:#555;
	font-size:11px;
	padding:2px;
	margin-left:0px;
	border:1px solid #ccc;
}
#search input.searchimage {
	border:0;
	margin-left:-2px;
}
#advsearch-link {
	margin-left:0px;
	letter-spacing:-0.1px;
}
#advsearch-link a {
	font-weight:normal;
	text-decoration:none;
}
#member-welcome {
	font-weight:bold;
}
#member-links {
	z-index:10000;
	position:relative;
	clear:both;
	float:right;
	right:0px;
	border:0px solid red;
}
#member-links ul li {
	list-style:none;
	display:inline;
}
#member-links li {
	float:left;
}
#member-links a {
}
form.logout-button{
    margin:0;
    padding:0;
    }
.logout-button button {
	position:relative;
	top:-4px;
	margin:0;
	padding:0;
	border:0;
	display:block;
	width:56px;
	height:18px;
	line-height: 18px;
	color:#008BCE;
	text-align: center;
	text-decoration:none;
	background:transparent;
	cursor:pointer;
	}
.logout-button button:hover,
.logout-button button:focus{
	color:#003399;
	text-decoration:underline;
	}
.pipe {
	background:url(../images/pipe.gif) center right;
	background-repeat:no-repeat;
	padding:0px 8px 2px 8px;
}
.pipe-l {
	background:url(../images/pipe.gif) center left;
	background-repeat:no-repeat;
	padding:0px 8px 2px 8px;
}
.no-pipe {
	padding:0px 8px 0px 8px;
}
/***************************************************************/
/* Content navigation bar (Breadcrumb, Print and Tip-a-Friend) */
/***************************************************************/
#content-navigation {
	/* position:relative; */ /* uncomment to reposition vertically */
	/* top:-30px; */ /* uncomment to reposition vertically */
	text-align:right;
	vertical-align:bottom;
	font-weight:normal;
	margin-bottom:8px;
	padding-bottom:8px;
	border:0px solid red;
}
#content-navigation img {
	margin:0;
	padding-left:4px;
	padding-top:2px;
	vertical-align:top;
}
#content-navigation a {
	padding-right:4px;
	text-decoration:none;
	font-weight: normal;
}
#breadcrumb {
	float: left;
}
#print,#tipafriend,#pdf {
	float:right;
}
/****************************/
/* Vertical navigation menu */
/****************************/
#vertnav-title {
}
#vertnav-menu {
	margin-bottom: 12px;
}
.vertnav-header,.vertnav-header a {
	padding:6px 8px;
	font-size:16px;
	font-weight:bold;
	color:#444;
	/*background:url(../images/frame1.jpg) 0 0 no-repeat;
	*/ /* uncomment this if you want to use a background image*/
	background:#ddd;
	border-top:2px solid #f5f5f5;
	/*silver*/
	border-bottom:2px solid #fff;
	/*white*/
}
.vertnav1 a {
	margin:0px;
	width:auto;
	display:block;
	padding:8px 5px;
	font-size:12px;
	text-decoration:none;
	background:url(../images/menu_dot.gif) repeat-x bottom;
	color: #777;
}
.vertnav1 a:hover {
	background:url(../images/menu_dot.gif) repeat-x bottom;
	color:#444;
	text-decoration:none;
}
.vertnav1-act a,.vertnav1-act a:hover {
	margin:0px;
	width:auto;
	display:block;
	padding:8px 5px;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	background:url(../images/menu_dot.gif) repeat-x bottom;
	color:#444;
}
.vertnav2 a {
	margin:0px;
	width:187px;
	display:block;
	padding:5px 5px 5px 18px;
	font-size:12px;
	text-decoration:none;
	background:url(../images/nav-arrow.gif) 10px 8px no-repeat;
	color: #777;
}
.vertnav2 a:hover {
	background:url(../images/nav-arrow.gif) 10px 8px no-repeat;
	color:#444;
	text-decoration:none;
}
.vertnav2-act a,.vertnav2-act a:hover {
	margin:0px;
	width:197px;
	display:block;
	padding:5px 5px 5px 18px;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	background:url(../images/nav-arrow-act.gif) 10px 8px no-repeat;
	color:#444;
}
.vertnav3 a {
	margin:0px;
	width:182px;
	display:block;
	padding:5px 5px 5px 30px;
	font-size:12px;
	text-decoration:none;
	background:url(../images/vbullet.gif) 20px 9px no-repeat;
	color: #777;
}
.vertnav3 a:hover {
	background:url(../images/vbullet-act.gif) 20px 9px no-repeat;
	color:#333;
	text-decoration:none;
}
.vertnav3-act a,.vertnav3-act a:hover {
	margin:0px;
	width:182px;
	display:block;
	padding:5px 5px 5px 30px;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	background:url(../images/vbullet-act.gif) 20px 9px no-repeat;
	color:#333;
}
.vertnav4 a {
	margin:0px;
	display:block;
	padding:5px 5px 5px 45px;
	font-size:12px;
	text-decoration:none;
	width:170px;
	color: #777;
}
.vertnav4 a:hover {
	background-color:#f5f5f5;
	/*silver*/
	color:#333;
	text-decoration:none;
}
.vertnav4-act a,.vertnav4-act a:hover {
	margin:0px;
	display:block;
	padding:5px 5px 5px 45px;
	font-size:12px;
	text-decoration:none;
	width:170px;
	background-color:#f5f5f5;
	/*silver*/
	color:#333;
}
/***********************/
/* Page Content Frames */
/***********************/
/* Frame 1 */
DIV.csc-frame-frame1 H1,DIV.csc-frame-frame1 H2,DIV.csc-frame-frame1 H3,DIV.csc-frame-frame1 H4,DIV.csc-frame-frame1 H5 {
	clear:both;
	height:1%;
	background-color:#7786A2;
	color:#fff;
	padding:4px 6px;
}
DIV.csc-frame-frame1 {
	background-color:#fff;
	border:0px solid #ccc;
	padding:2px;
	margin-bottom:10px;
}
DIV.csc-frame-frame1 p {
	color:#000;
	padding: 0px 6px;
}
/* Frame 2 */
DIV.contentframe3 H1,DIV.contentframe3 H2,DIV.contentframe3 H3,DIV.contentframe3 H4,DIV.contentframe3 H5 {
	clear:both;
	height:1%;
	background-color:#fff;
	color:#333;
	padding:2px 6px;
}
DIV.csc-frame-frame3 {
	padding:0px 0px 10px 0px;
	background:url(../images/menu_dot.gif) repeat-x bottom;
	margin-bottom:10px;
	font-size:12px;
}
DIV.contentframe3 p {
	color:#000;
	padding: 0px 6px;
}
/* Frame 3 */
/* See root (pid=1) Typoscript template and page TS to add new styles */

DIV.contentframe3 {
	width:714px;
	margin-left:auto;
	margin-right:auto;
}

/************/
/* grey box */
/************/

.b-grey-box {position:relative;margin:0px auto;min-width:100px;max-width:760px;color:#fff;z-index:10;margin-left:0px;margin-bottom:12px;}
.grey-box .content-grey, .grey-box .t-grey, .grey-box .b-grey, .grey-box .b-grey div {background:transparent url(../images/grey-box.gif) no-repeat top right;}
.grey-box .content-grey {position:relative;padding:18px 12px 0px 12px;}
.grey-box .t-grey {position:absolute;left:0px;top:0px;width:12px;height:100%;background-position:top left;}
.grey-box .b-grey {position:relative;width:100%;}
.grey-box .b-grey, .grey-box .b-grey div {height:30px;font-size:1px;}
.grey-box .b-grey {background-position:bottom right;}
.grey-box .b-grey div {position:relative;width:12px;background-position:bottom left;}
.content-grey h1, .content-grey h2, .content-grey h3, .content-grey h4 {margin:0em 0em .5em 0em;}
.b-grey h1 {margin:0px;padding:0.5em 0px 0.5em 0px;}
.content-grey p {margin:0px;padding-bottom:8px;}
.grey-box-spacer {margin-bottom:12px;}

/**********/
/* Images */
/**********/

/* Captions */
 DIV.csc-textpic-caption-c .csc-textpic-caption { font-size:9px; color:#000; letter-spacing:1px; }
 DIV.csc-textpic-caption-r .csc-textpic-caption { font-size:9px; color:#000; letter-spacing:1px; }
 DIV.csc-textpic-caption-l .csc-textpic-caption { font-size:9px; color:#000; letter-spacing:1px; }

/* Header date */ 
P.csc-header-date { font-size:10px; color:#555; }

/****************************************/
/* Frontend editing / TYPO3 Admin Panel */
/****************************************/
IMG.frontEndEditIcons { position:relative; z-index:10000; vertical-align: middle; margin: 0px 2px 0px 2px; }

/* Default styles for the Admin Panel */
TABLE.typo3-adminPanel { border: 1px solid black; background-color: #F6F2E6; z-index:10000; }
TABLE.typo3-adminPanel TR.typo3-adminPanel-hRow TD { z-index:10000; background-color: #9BA1A8; }
TABLE.typo3-adminPanel TR.typo3-adminPanel-itemHRow TD { background-color: #ABBBB4; }
TABLE.typo3-adminPanel TABLE, TABLE.typo3-adminPanel TD { border: 0px; }
TABLE.typo3-adminPanel TD FONT { font-family: verdana; font-size: 10px; color: black; }
TABLE.typo3-adminPanel TD A FONT { font-family: verdana; font-size: 10px; color: black; }
TABLE.typo3-editPanel { position:relative; z-index:10000; border: 1px solid black; background-color: #F6F2E6; }
TABLE.typo3-editPanel TD { border: 0px; }

/*************************/
/* Extension Styles */
/*************************/
.tx-felogin-pi1 .submit,.tx-srfeuserregister-pi1 input.tx-srfeuserregister-pi1-submit {
	padding:4px;
	width:130px;
	margin-top:8px;
	font-weight: bold;
}

.tx-felogin-pi1 label {
		display: block;
}

#sp_socialbookmarks_link_bar img {
width:64px;height:64px;
}

.st3_lang_list { position:relative; z-index:10000; top:21px; padding:0; margin:0; float: right; clear:both; }
.st3_lang_list li { display:inline; padding:0 8px 0 0; }
.st3_lang_list li img { border: 0; margin:0;}
.st3_lang_list li a { text-decoration:none;}
.st3_lang_list .current-lang { }

#lbOverlay {
z-index: 10000;
}