/*
+------------------------------------------------------------------------+
| This style sheet is part of iPool                                      |
+------------------------------------------------------------------------+
| iPool is made available to you through a license agreement and may not |
| be copied. Without explicit written permission by labeltools GmbH, no  |
| part of this software may be reproduced or transmitted, irrespective   |
| of purpose, form and medium.                                           |
+------------------------------------------------------------------------+
| © 2004-2006 labeltools GmbH. All rights reserved.                      |
+------------------------------------------------------------------------+
| labeltools GmbH                                                        |
| Flughafenallee 10                                                      |
| D-28199 Bremen                                                         |
| Germany                                                                |
|                                                                        |
| Phone +49 421 8300 6996                                                |
| Fax +49 2561 959 252 341                                               |
|                                                                        |
| http://labeltools.com                                                  |
+------------------------------------------------------------------------+
*/



/********************************************************************
 *** Common tags (without specified classes or id)
 ********************************************************************/

body {
	margin: 0px;
	padding: 0px;
	background-color: #000000; /* black */
	/*background-image: url(bg_stripes_bright.gif);*/
	background-position: center;
	background-repeat: repeat-y;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #FFFFFF;
}

form, img, table, tr, td {
	margin: 0;
}

table, tr, td {
	padding: 0;
	margin: 0;
	border-style: none;
	border-width: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
}

td {
	vertical-align: top;
}

h1 {
	font-size: 11px;
	font-weight: bold;
	margin: 20px 0px 5px 0px;
}

p {
	margin: 0px 0px 4px 0px;
}

ul {
	margin: 8px 0px 8px 18px;
}

ol {
	margin: 8px 0px 8px 0px;
}

li {
	margin: 5px 0px;
}

img {
	border-width: 0;
}

.largeWidth {
	width: 300px;
}

div#logo {
	/*width: 100%;*/
	height: 78px;
	background-color: #000000;
	background-image: url(head_bg.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	margin-right: 20px;
	white-space: nowrap;
	border-style: none;
}

div#logo img {
	margin: 0px;
	margin-left: 20px;
	margin-top: 7px;
}

div#logo #languagesAndStatus {
	float: right;

}

#languages {
	text-align: right;
	color: #ffffff; /* white */
	margin-top: 10px;
	margin-right: 20px;
}

#status {
	color: #ffffff; /* white */
	margin-top: 25px;
	margin-right: 20px;
}

table#logo td {
	vertical-align: middle;
}

/* Heading in the logo */
table#logo .heading1, .heading2 {
	font-weight: bold;
}

table#logo .heading1 {
	font-size: 24px;
	color: #00A8CA;
}

table#logo .heading2 {
	font-size: 18px;
	color: #C1C9CA;
}

div#menu {
	border-style: none;
}

div#menu #main {
	height: 24px;
	background-color: #ee7f01; /* orange */
	background-image: url(navigation_left.gif);
	background-position: left;
	background-repeat: no-repeat;
	margin-left: 14px;
	margin-right: 14px;
}

#menuMainLinks {
	height: 24px;
	padding-left: 18px;
	background-image: url(navigation_right.gif);
	background-position: right;
	background-repeat: no-repeat;
}

#sub {
	width: 100%;
	height: 41px;
}

#subLinks {
	height: 34px;
	padding-left: 35px;
	color: #FFFFFF;
	padding-top: 7px;
}


#sub a {
	width: 100%;
	height: 41px;
	background-image: url(navigation_sub_arrow.gif);
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 13px;
	padding-right: 20px;
}



table#menu #navMain {
	padding: 0px 0px 0px 0px;
	font-weight: bold;
	color: #F37020; /* orange */
	margin-bottom: 0px;
}

table#menu #navSub {
	padding: 0px 0px 7px 0;
	color: #00A8CA; /* blue */
}

table#menu #status {
  text-align: right;
  padding: 7px 1.5% 7px 0px;
  color: #00A8CA; /* blue */
}

table#menu #languages {
  text-align: right;
  padding: 0px 1.5% 7px 0px;
  color: #00A8CA;
}

div#pageTitle {
	padding-left: 3px;
	font-family: Arial, Verdana, sansserif;
	font-size: 16px;
	font-weight: bold;
	color: #a1a8b3;
	margin-bottom: 10px;
}



/********************************************************************
	Input fields
 ********************************************************************/

input, select, textarea {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	/*color: #FFFFFF;
	background-color: #333333;*/
}

input[type=submit] {
	font-weight: bold;
}

input[type=checkbox] {
	margin-top: 2px;
	margin-right: 4px;
	vertical-align: middle;
}

input[type=radio] {
	vertical-align: bottom;
}

input.textWide {
	width: 20%;
}

textarea {
	width: 99%;
	height: 300px;
}





/********************************************************************
	Anchors
 ********************************************************************/
a {
	color: #ffffff; /* white */
}

a:hover {
	color: #cccccc; /* bright grey */
}

a:visited {
	/*color: #003c8e;*/ /* dark blue */
}

#menu #main a {
	color: #FFFFFF; /* white */
	font-weight: bold;
	text-decoration: none;
}

#menu #main a:hover {
	color: #ffe6c9; /* bright orange */
}

#status a, #languages a {
	color: #ffffff; /* white */
	font-weight: bold;
}

#status a:hover, #languages a:hover {
	color: #ffe6c9 !important; /* bright orange */
	font-weight: bold;
}

#menu #sub a {
	color: #FFFFFF; /* white */
	font-weight: bold;
	text-decoration: none;
}

#menu #sub a:hover {
	color: #ffe6c9; /* bright orange */
	font-weight: bold;
	/*text-decoration: normal;*/
}

table.table td.tableHeadline a {
	color: #ffffff;
}





/********************************************************************
	Seperators
 ********************************************************************/

#menuMainLinks a {
	display: block;
	float: left;
	/*height: 22px;*/
	padding-top: 5px;
	padding-right: 20px;
	padding-left: 2px;
}


#menu #status .seperator, #languages .seperator, #sub .seperator {
	color: #FFFFFF; /* white */
}

#menu #status .seperator, #languages .seperator {
	color: #FFFFFF; /* white */
}

#subLinks .seperator {
	color: #FFFFFF; /* white */
}

#content {
	padding: 14px;
	/*background-color: #F2F5F7;
	background-image: url(bg_stripes.gif);
	background-position: center;
	background-repeat: repeat-y;*/
}



#pageNavigation {
	width: 100%;
	/*font-size: 13px;*/
	/*padding-right: 4px;*/
	/*background-color: #f2f3f5;*/
	padding: 5px;
	margin-bottom: 1em;
	/*float: right;*/
}

#pageNavigation a {
	text-decoration: none;
}

#pageNavigation a:hover {
	color: #737d80;
}

#pageNavigation .previousPage {
	font-weight: bold;
}

#pageNavigation .nextPage {
	font-weight: bold;
	margin-left: 0.5em;
	margin-right: 2em;
}

#pageNavigation .ghostLink {
	color: #C3CACE;
}

#pageNavigation .seperator {
	color: #C3CACE;
}

#pageNavigation a {
	color: #ffffff;
}


/*
#pageNavigation {
	padding-right: 4px;
	float: right;
}

#pageNavigation .ghostLink {
	color: #C3CACE;
}

#pageNavigation .seperator {
	color: #C3CACE;
}


*/

div#copyright {
	padding: 20px;
	clear: both;
	text-align: center;
}

#navSubSeperator {
	margin: 1px 6px;
	vertical-alignment: top;
}





/**********************************************************************
 *** Tables                                                         ***
 **********************************************************************/

table.table {
	width: 100%;
	background-color: #000000; /* black */
	border-style: solid;
	border-width: 1px;
	border-color: #000000; /* black */
	border-spacing: 2px;
	border-collapse: separate;
	margin-bottom: 10px;
}

table.table td {
	padding: 5px;
}

table.table table td {
	padding: 0px;
}

.tableRow1 {
	background-color: #323840;
}

.tableRow2 {
	background-color: #3d444d;
}

table.table td.tableHeadline {
	height: 28px;
	padding: 0px 5px;
	color: #ffffff;
	font-weight: bold;
	white-space: nowrap;
	background-color: #7287a3; /* blue */
	background-image: url(table_heading.gif);
	background-position: left;
	background-repeat: repeat-x;
	border-style: none;
	vertical-align: middle;
}

table.table td.tableHeadline2 {
	height: 28px;
	padding: 0px 5px;
	color: #ffffff;
	font-weight: bold;
	white-space: nowrap;
	background-color: #B7CE38; /* green */
	background-image: url(table_heading2.gif);
	vertical-align: middle;
}

.fieldTitle {
	font-weight: bold;
}

.fieldExplanation {
	color: #d6dbe3; /* grey */
	margin-top: 3px;
}





/**********************************************************************
 *** Buttons                                                        ***
 **********************************************************************/

img.link {
	border-width: 0;
	margin-right: 3px;
	vertical-align: text-top;
	margin-bottom: 5px;
}

a.normal, a.striking, a.alternative, span.normalGhost,
span.strikingGhost, span.alternativeGhost {
	font-weight: bold;
	text-decoration: none;
	margin-right: 5px;
	vertical-align: middle;
}

a.normal:hover, a.striking:hover, a.alternative:hover {
	color: #ffffff !important;
}

a.normal:hover {
	color: #ffffff !important;
}

a.striking:hover {
	color: #ffe6c9 !important; /* light orange */
}

a.link {
	white-space: nowrap;
}

a.normal {
	color: #d4d4d4 !important; /* grey */
}

a.striking {
	color: #ee7f01 !important; /* orange */
}

a.alternative {
	color: #F37020 !important;
}

.normalGhost {
	color: #63676d !important; /* dark grey */
}

.strikingGhost {
	color: #723f61 !important; /* dark pink */
}

.alternativeGhost {
	color: #F0CEBA !important;
}

div.button {
	background-image: url(button.gif);
	width: 81px;
	height: 26px;
	display: inline;
	text-align: center;
	vertical-align: middle;
	margin: 1px 3px;
	text-decoration: none;
}

.buttonText {
	color: #000000;
	padding-top: 5px;
}

.numeric {
	width: 50px;
}

.message {
	color: #ee9734; /* orange */
	font-weight: bold;
}

.diagramText {
	height: 20px;
	text-align: right;
	font-weight: bold;
	padding: 20px;
}

.columnDiagram0 {
	vertical-align: middle;
	background-color: #EF7900;
}

.columnDiagram1 {
	vertical-align: middle;
	background-color: #F4A250;
}

td.diagramColumn {
	vertical-align: middle;
}

.warning, .voteUntilWarning {
	font-weight: bold;
	color: #F37020; /* orange */
}

img.labelLogo {
	vertical-align: top;
	margin-right: 5px;
}

.opinionVeryGood {
	font-weight: bold;
	color: #03c75b;
}

.opinionBad {
	font-weight: bold;
	color: #F37020;
}

img.thumb {
	width: 24px;
	height: 25px;
	vertical-align: middle;
	margin-top: 3px;
}





/**********************************************************************
 *** Progress bar                                                   ***
 **********************************************************************/

span.progressBar {
	white-space: nowrap;
	margin-right: 5px;
}

img.progressBar {
	margin: 0;
	height: 15px;
	vertical-align: middle;
}