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

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

input, select, textarea {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #666666;
}

textarea {
	width: 500px;
	height: 100%;
}

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; }

table#logo
{
	width: 100%;
	background-color: #000000;
}

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

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

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

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

table#menu {
	/* main navigation section.  Enter in here images where the menu navs are */
	/*background-color: #000000; */
	background-image: url(bg_stripes.gif);
	background-position: center;
	background-repeat: no-repeat;
	border-style: solid;
	border-color: #E3E6E8;
	border-width: 3px 0px;
	width: 100%;
}

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

table#menu #navSub {
	padding: 0px 0px 7px 1.5%;
	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 {
	font-size: 18px;
	font-weight: bold;
	color: #C1C9CA;
	margin-bottom: 10px;
}





/********************************************************************
	Anchors
 ********************************************************************/
a { color: #00A8CA; /* blue */ }
a:hover { color: #4CC2DA; /* bright blue */ }
a:visited { color: #00A8CA; /* blue */ }
#menu #navMain a { color: #F37020; /* orange */}
#menu #navMain a:hover { color: #F79B62; /* bright orange */ }
#menu #status a, #languages a { color: #00A8CA; /* blue */ font-weight: bold; }
#menu #status a:hover, #languages a:hover { color: #4CC2DA; font-weight: bold; /* bright blue */ }
#menu #navSub a { color: #00A8CA; font-weight: bold; /* blue */ }
#menu #navSub a:hover { color: #4CC2DA; font-weight: bold; /* bright blue */ }
#logo #navHome a { color: #990000; font-weight: bold;/* dark red */}
#logo #navHome a:hover { color:#FF0000; font-weight: bold; /* bright red */}
#logo #navHome { padding-left: 15px; /* indent the primary global nav menus */}
table.table td.tableHeadline a { color: #000000; }

/********************************************************************
	Seperators
 ********************************************************************/
#menu #navMain .seperator { color: #F3C6AB; font-weight: normal; /* bright orange */ }
#menu #status .seperator, #languages .seperator, #navSub .seperator { color: #B2D8E0; /* bright blue */ }



div#menu #navSub {
	color: #00A8CA; /* blue */
}

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

#pageNavigation {
	float: right;
}

#pageNavigation .ghostLink {
	color: #C3CACE;
}

#pageNavigation .seperator {
	color: #C3CACE;
}

#pageNavigation a {
	color: #000000; 
}

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

#navSubSeperator {
	margin: 0px 3px; vertical-alignment: middle;
}

/********************************************************************
	Table stuff
 ********************************************************************/

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

table.table td {
	padding: 5px;
}

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

.tableRow1 {
	background-color: #393939;
	/*background-color: #EFF2F4;*/
}

.tableRow2 {
	background-color: #313131;
}

table.table td.tableHeadline {
	height: 29px;
	padding: 0px 5px;
	color: #000000;
	font-weight: bold;
	white-space: nowrap;
	background-color: #00A8CA; /* blue */
	background-image: url(table_heading.gif);
	border-style: solid;
	border-bottom-width: 3px;
	border-bottom-color: #000000;
	vertical-align: middle;
}

table.table td.tableHeadline2 {
	height: 25px;
	padding: 0px 5px;
	color: #FFFFFF;
	font-weight: bold;
	white-space: nowrap;
	background-color: #B7CE38; /* green */
	background-image: url(table_heading2.gif);
	border-style: solid;
	border-bottom-width: 3px;
	border-bottom-color: #B7CE38;
	vertical-align: middle;
}

.fieldTitle {
	font-weight: bold;
}

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



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


/*
a.normal { color: #00A8CA; font-weight: bold; text-decoration: none; margin-right: 5px; }
a.normal:hover { font-weight: bold; text-decoration: underline; }
*/

img.link { border-width: 0; margin-right: 3px; vertical-align: 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
{
	text-decoration: underline;
}

a.link { white-space: nowrap; }

a.normal { color: #6DFC6D /*#00A8CA*/ !important; }
a.striking { color:  #FD8582/*#F37020*/ !important; }
a.alternative { color: #F37020 !important; }

.normalGhost { color: #BFDEE5 !important; }
.strikingGhost { color: #FCFE94 /*#F0CEBA*/ !important; }
.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: #FFFFFF;
	padding-top: 5px;
}

.numeric {
	width: 50px;
}

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

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

/*.columnDiagram0 { vertical-align: middle; background-color: #F37020; }*/
.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; }

input[type=submit] { font-weight: bold; }
input[type=checkbox] { margin-top: 2px; margin-right: 4px; vertical-align: bottom; }
/*input[type=text], input[type=password] { margin: 0px 5px 4px 0px; }*/
input[type=radio] { vertical-align: bottom; }

input.textWide { width: 20%; }

textarea { width: 99%; }