/*############################################################################*/
	/* CSS for index.php (leadQC.com), encoding UTF-8 */
	/*############################################################################*/
	/* */
body {
	width: 980px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	margin: 8px auto;
	/* margin-top: 15px;*/
	padding: 0px;
	color: black;
	background: #eceff8 url('../images/template/background.png') repeat-x;
	text-align: center;
	/* necessary for IE */
}

/* main div koli ie */
div#main {
	width: 980px;
	background: url(../images/template/wrap2columns_back.png) #004377;
	margin: 0px;
	padding: 0px;
	text-align: left;
	/* background: url('../../gfx/podstetuback.gif') repeat-y; */
}

div.cleaner {
	clear: both;
}

div.cleanerright {
	clear: right;
}

div.cleanerleft {
	clear: left;
}

div.odsad {
	margin-top: 15px;
}

.right {
	text-align: right;
}

.center {
	text-align: center;
}

img {
	border: none;
}

a {
	color: green;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

/* bigger div for shadowing */
div#shadow {
	padding-left: 12px;
	padding-right: 11px;
	background: url(../images/template/shadow_back.png) repeat-y;
}

/* split page into 2 columns */
div#wrap2columns {
	float: left;
	padding-bottom: 5px;
	background: url(../images/template/wrap2columns_back.png) #004377;
	width: 957px;
}

div#left {
	width: 713px;
	float: left;
}

div#full {
	width: 957px;
	float: center;
}

div#right {
	width: 240px;
	float: right;
}

div#leftwrap {
	margin-left: 20px;
	margin-right: 14px;
	background: white;
}

/* bottom corner */
div#mainbottomcorner {
	height: 26px;
	background: url(../images/template/main_bottomcorner.png);
}

/********** logo *********/
div#logo {
	margin: 0;
	padding: 0;
	height: 127px;
	background: url(../images/template/logo_back.png) no-repeat;
	font-size: 0px; /* necessary for IE */
	float: left;
	width: 980px;
}

div#logo div#logoleft {
	float: left;
	width: 206px;
}

div#logo div#logoleft img {
	margin: 0;
	padding: 0;
	height: 95px;
	margin-left: 59px;
	margin-top: 20px;
}

div#logo div#logoright {
	float: right;
	/*  width: 774px;*/
	padding-top: 35px;
	padding-right: 50px;
}

div#logo div#logoright img {
	border: solid black 1px;
}

/************* menu *****/
div#menu {
	margin: 0;
	padding: 0;
	height: 39px;
	background: url(../images/template/menu_back.png) repeat-x;
	font-size: 0px; /* necessary for IE */
}

/* formular - search */
div#menu form {
	width: 205px;
	float: right;
	/* necessary for IE!!! */
	margin: 0;
	padding: 0;
	background: url(../images/template/search_back.png) repeat-y;
	height: 38px;
}

div#menu form * input {
	border: solid 1px black;
}

div#menu form * input.inputbox {
	margin-left: 20px;
	margin-right: 10px;
	margin-top: 10px;
}

div#menu form div.search input.button {
	width: 16px;
	height: 16px;
	background-image: url("../images/template/search.png");
	margin: 0;
	padding: 0;
	border: 0;
	cursor: pointer;
	font-size: 0;
}

/* items */
div#menu ul li a {
	font-size: 14px;
	font-family: arial;
	color: white;
	text-decoration: none;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 8px;
	padding-bottom: 10px;
	font-weight: bold;
	background: url(../images/template/menu_item_back.png) no-repeat 100% 100%;
}

div#menu ul li a.last {
	background: none;
}

div#menu ul {
	margin: 0;
	padding: 0;
	margin-left: 30px;
	margin-right: 30px;
	padding-top: 11px;
	padding-bottom: 9px;
	/*text-align: center;*/
}

div#menu ul li a:hover {
	text-decoration: underline;
	/*color: #fca632;*/
}

div#menu ul li {
	display: inline;
}

/****** right side *****/ /* polls*/
div#rightgreen table {
	font-size: 11px;
}

div#rightgreen table.poll {
	width: 230px;
	background: url(../images/template/right_yellow_back.png);
	border-collapse: collapse;
}

div#rightgreen table.poll div {
	position: relative;
	top: 15px;
	background: url(../images/template/right_yellow_end.png) no-repeat transparent -1px
		100%;
	padding-bottom: 25px;
}

/* poll questinon */
div#rightgreen table.poll thead tr td {
	padding: 10px 15px;
}

/* items*/
div#rightgreen table.pollstableborder {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 25px;
}

td.sectiontableentry2,td.sectiontableentry1 {
	text-align: left;
	padding: 0;
	padding-left: 10px;
	padding-bottom: 7px;
	padding-right: 5px;
}

/* poll header */
div#rightgreen table th {
	width: 230px;
	background: url(../images/template/right_yellow.png) no-repeat;
	height: 68px;
	font: bold 15px arial;
	text-transform: uppercase;
	padding-left: 95px;
	padding-top: 35px;
	padding-right: 22px;
}

div#rightgreen form {
	padding: 0;
	margin: 0;
	padding-bottom: 35px;
	font-size: 11px;
}

/* */
div#rightgreen {
	color: #1e1e1e;
}

div#rightgreen table {
	color: #1e1e1e;
	margin: 0;
	padding: 0;
	border-collapse: collapse;
}

div#rightgreen table.contentpaneopen {
	position: relative;
	top: -3px;
	left: -2px;
}

div#rightgreen table.contentpaneopen td {
	margin: 0;
	padding: 5px 23px 0 18px;
	font-size: 11px;
	text-align: justify;
	background: url(../images/template/right_green_back.png);
}

div#rightgreen table.contentpaneopen a {
	color: white;
}

div#rightgreen table.contentpaneopen a:hover {
	text-decoration: none;
}

div#rightgreen span.article_seperator {
	position: relative;
	top: -3px;
	left: -2px;
	display: block;
	height: 15px;
	background: url(../images/template/right_green_end.png) 0px 0px no-repeat;
	font-size: 0;
	margin-bottom: 20px;
}

div#rightgreen table.contentpaneopen td.contentheading {
	width: 230px;
	height: 68px;
	background: url(../images/template/right_green.png) no-repeat;
	font: bold 15px arial;
	text-transform: uppercase;
	padding-left: 95px;
	padding-top: 15px;
	padding-right: 22px;
}

/* green */
div#rightgreen { /*margin-top: 81px;*/ /* here I change padding */
	margin-top: 20px;
	/*background: url(../images/template/right_green_back.png);*/
	width: 230px;
}

/******** body ********/
div#left * table.contentpane,div#left div.componentheading {
	margin-left: 60px;
	margin-right: 60px;
	width: 600px;
}

div#left div.componentheading {
	letter-spacing: 3px;
	/*text-transform: uppercase;*/
	font: bold 25px tahoma, arial;
	color: black;
	border-bottom: solid 2px #7bc519;
	/* here I change padding */
	padding-top: 15px;
	margin-bottom: 15px;
	width: 550px;
}

form {
	margin: 0;
	padding: 0;
}

div#left form {
	width: 600px;
}

div.back_button {
	padding-top: 15px;
	padding-left: 20px;
}

div#left table {
	width: 600px;
	border-collapse: collapse;
	/*text-align: justify;*/
	color: black;
}

/* Written by Administrator */
.small,.createdate {
	color: black;
}

span.small {
	padding: 0;
	margin: 0;
	padding-top: 5px;
	display: block;
	float: right;
}

.createdate {
	text-align: right;
	padding: 0;
	margin: 0;
	padding-bottom: 10px;
}

div#left * table.blog a {
	color: green;
}

div#left * td {
	font-size: 11px;
}

div#left table.contentpaneopen { /*  border-collapse: collapse;*/
	text-align: justify;
	color: black;
	margin-left: 38px;
	width: 600px;
}

/* PDF, email, ... */
div#left * td.buttonheading {
	width: 20px;
	border-bottom: solid 2px #7bc519;
}

div#left table.contentpaneopen * td.contentheading {
	padding: 0;
	margin: 0;
	/* here I change padding */
	padding-top: 15px;
	margin-bottom: 20px;
	padding-bottom: 8px;
	padding-left: 25px;
	letter-spacing: 3px;
	/*text-transform: uppercase;*/
	font: bold 25px tahoma, arial;
	color: black;
	border-bottom: solid 2px #7bc519;
	width: 600px;
}

div.bodytopcorner1 { /* here I change padding */
	margin-top: 20px;
	margin-left: 20px;
	margin-right: 14px;
	height: 13px;
	background: url(../images/template/body_topcorner_1.png) no-repeat;
	font-size: 0;
}

div.bodybottomcorner1 {
	margin-left: 20px;
	margin-right: 14px;
	height: 17px;
	background: url(../images/template/body_bottomcorner_1.png) no-repeat;
	font-size: 0;
}

div.bodytopcorner3 { /* here I change padding */
	margin-top: 20px;
	margin-left: 20px;
	margin-right: 14px;
	height: 13px;
	background: url(../images/template/body_topcorner_3.png) no-repeat;
	font-size: 0;
}

div.bodybottomcorner3 {
	margin-left: 20px;
	margin-right: 14px;
	height: 17px;
	background: url(../images/template/body_bottomcorner_3.png) no-repeat;
	font-size: 0;
}

/* problem: display also separator on bottom = 2 corners 
div#left * span.article_seperator{
  display: block;
  height: 81px;
  background: url(../images/template/body_separatorcorner.png) no-repeat 0 100%;
  width: 703px;
  _width: 680px;
}
*/
div#left * span.article_seperator {
	display: block;
	margin-top: 20px;
	margin-bottom: 10px;
	margin-left: 20px;
	border-top: 1px black dotted;
	width: 640px;
}

/* contac us - bad */
div#left div#leftwrap table.contentpane {
	margin: 0;
	/*  background: green;*/
}

div#left div#leftwrap table.contentpane td.contentheading {
	/*width: 300px;*/ /*  background: red;*/
	padding-left: 60px;
}

/******** foot ******/ /* syndicate - RSS, Atom - display inline*/
div.syndicate {
	padding-top: 10px;
	text-align: center;
}

div.syndicate div {
	display: inline;
}

div#foot div.odsad {
	padding-top: 20px;
	font-size: 0;
}

div#foot {
	border-top: solid 2px #ff8100;
	margin-left: 30px;
	margin-right: 30px;
	background: url(../images/template/wrap2columns_back.png) #004377;
	color: white;
}

/* if no ul, but stupid tables! but they can output '::' separator */
div#foot a {
	color: white;
}

div#foot table {
	width: 890px;
	color: white;
	text-align: center;
	margin-bottom: 5px;
	margin-top: 5px;
}

/* cool list but it can't outpu '::' separator */
div#foot ul li a {
	font-size: 11px;
	color: white;
	text-decoration: none;
	padding-left: 5px;
	padding-right: 5px;
	/*font-weight: bold;*/
}

div#foot ul {
	margin: 0;
	padding: 0;
	margin-left: 30px;
	margin-right: 30px;
	padding-top: 9px;
	padding-bottom: 9px;
	text-align: center;
}

div#foot ul li a:hover {
	text-decoration: underline;
}

div#foot ul li {
	display: inline;
}

div#afterfoot p a {
	color: white;
	text-decoration: none;
}

div#afterfoot p a:hover {
	text-decoration: underline;
}

div#afterfoot p {
	color: white;
	background: url(../images/template/wrap2columns_back.png) #004377;
	margin: 0;
	padding: 0;
	text-align: center;
	padding-top: 0px;
	padding-bottom: 0px;
}

/*############################################################################*/
	/* tabbed menu style */
	/*############################################################################*/
#header {
	FLOAT: left;
	WIDTH: 100%;
	LINE-HEIGHT: normal
}

#header UL {
	PADDING-RIGHT: 10px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	PADDING-TOP: 10px;
	MARGIN: 0px;
	LIST-STYLE-TYPE: none
}

#header LI {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 9px;
	BACKGROUND: url(../images/menu/left.gif) no-repeat left top;
	FLOAT: left;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-TOP: 0px
}

#header A {
	FONT-SIZE: 11px;
	PADDING-RIGHT: 15px;
	DISPLAY: block;
	PADDING-LEFT: 6px;
	FONT-WEIGHT: bold;
	BACKGROUND: url(../images/menu/right.gif) no-repeat right top;
	FLOAT: left;
	PADDING-BOTTOM: 5px;
	COLOR: #FFFFFF;
	PADDING-TOP: 5px;
	TEXT-DECORATION: none
}

#header A {
	FLOAT: none
}

#header A:hover {
	COLOR: #000000
}

#header #current {
	BACKGROUND-IMAGE: url(../images/menu/left_on.gif)
}

#header #current A {
	BACKGROUND-IMAGE: url(../images/menu/right_on.gif);
	COLOR: #333
}

/*############################################################################*/
	/* "rest" of the css definitions */
	/*############################################################################*/
#container {
	float: left;
	margin-top: 100px;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 10px;
}
table.borderframe {
	border-top: 0px solid #004276;
	border-left: 0px solid #004276;
	border-right: 0px solid #004276;
	border-bottom: 0px solid #004276;
	width: 100%;
	padding: 0px;
}
table.formTable
{
	font-size: 10px;
	border-color: #004276;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
}
table.formTableNoBorder
{
	font-size: 10px;
	border-color: #004276;
    border-width: 0px 0px 0px 0px;
    border-style: solid;
}
table.navTable
{
	font-size: 10px;
}
table.listTable
{
	font-size: 12px;
	border-color: #004276;
    border-width: 0 0 1px 1px;
    border-style: solid;
}
td.listTable
{
	border-color: #004276;
    border-width: 1px 1px 0 0;
    border-style: solid;
    margin: 0;
    padding: 4px;
    background-color: #FFFFFF;
}
td.listTable_small
{
	font-size: 10px;
	border-color: #004276;
    border-width: 1px 1px 0 0;
    border-style: solid;
    margin: 0;
    padding: 4px;
    background-color: #FFFFFF;
}
th.listTable
{
	border-color: #004276;
    border-width: 1px 1px 0 0;
    border-style: solid;
    margin: 0;
    padding: 4px;
    background-color: #FFFFFF;
}

.hrrule {
	border-bottom: 1px solid #004276;
	border-left: 0px;
	border-right: 0px;
	border-top: 0px;
	width: 100%;
}
span.notfinishedtemplate {
	color: red;
}
span.small_text {
	font-size: 10px;
}
#welcome {
	text-align: left;
	width: 80%;
}
#signup {
	padding: 10px;
	text-align: justify;
	width: 95%;
}
#submit_button {
	border: 1px solid #004276;
	color: #FFFFFF;
    background-color: #0158B0;
}
button.trigger_button {
	border: 1px solid #004276;
	color: #FFFFFF;
    background-color: #0158B0;
}
span.error {
	color: red;
}
td.balance_user {
	color: black;
}
td.balance_negative {
	color: red;
}
td.balance_positive {
	color: green;
}

/* REMOVE later */
td.form {
    background-color: white;
	font-size: 12px;
}
th.formItemName {
    background-color: white;
	font-size: 12px;
}
table.payment_form {
	font-size: 12px;
}