body {
	background-color: white;
	vertical-align: top;
	font-family:Tahoma,Verdana,Geneva,Arial,Helvetica,sans-serif;
}

.mainPage {
	width: 100%;
	height: 100%;
	background-color: #edf0df;
	background-image: url(/images/gradient.jpg);
	background-repeat: repeat-x;
	vertical-align: top;
	border: 1px solid #bfbdbe;
}

.logo {
	height: 100px;
	width: 150px;
	background-image: url(/images/logo4.jpg);
	background-repeat: no-repeat;
	background-position: center;	
	cursor: pointer; 
}

td.menu {
	/*padding:2px 5px 0;*/
	color:#EF4100;
	font-size:0.7em;
	text-decoration: none;
	background-color: #f5e793;
	line-height:22px;
	height:22px;
	float:left;
	font-weight:bold;
	/*border-left: 1px solid #828d65;
	border-right: 1px solid #828d65;*/
	border-top: 1px solid #828d65;
	border-bottom: 0px;
	/*border-style: inset;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
	-webkit-border-top-right-radius: 10px; 
	-webkit-border-top-left-radius: 10px;*/
	white-space: nowrap;	
} 

a.menu {
	color:#EF4100;
	text-decoration: none;
	font-weight:bold;
	white-space: nowrap;	
} 

td.menuActive {
	/*padding:2px 5px 0;*/
	color:white;
	font-size:0.7em;
	text-decoration: none;
	background-color: #73be3b;
	line-height:22px;
	height:22px;
	float:left;
	font-weight:bold;
	/*border-style: outset;
	border-left: 1px solid #828d65;
	border-right: 1px solid #828d65;*/
	border-top: 1px solid #828d65;
	border-bottom: 1px solid #73be3b;
	/*-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
	-webkit-border-top-right-radius: 10px; 
	-webkit-border-top-left-radius: 10px;*/
	white-space: nowrap;
}

a.menuActive {
	color:white;
	text-decoration: none;
	font-weight:bold;
	white-space: nowrap;
}

td.menuActiveBorderLeft {
	height:22px;
	width:9px;
	background-image: url(/images/mainMenuActiveLeft.gif);
	background-repeat: no-repeat;
}

td.menuActiveBorderRight {
	height:22px;
	width:9px;
	background-image: url(/images/mainMenuActiveRight.gif);
	background-repeat: no-repeat;
}

td.menuBorderRight {
	height:22px;
	width:9px;
	background-image: url(/images/mainMenuRight.gif);
	background-repeat: no-repeat;
}

td.menuBorderLeft {
	height:22px;
	width:9px;
	background-image: url(/images/mainMenuLeft.gif);
	background-repeat: no-repeat;
}

a.subMenu {
	padding:2px 5px 0;
	color:white;
	font-size:0.7em;
	text-decoration: none;
	background-color: transparent;
	line-height:22px;
	height:22px;
	float:left;
	font-weight:bold;
} 

.subMenu {
	margin: 0px;
	height: 15px;
	vertical-align: top;
}

td.subMenu {
	margin: 0px;
	width: 100%;	
	height: 15px;
	background-color: #73be3b;
	border-left: 1px solid #828d65;
	border-right: 1px solid #828d65;
	border-bottom: 1px solid #828d65;
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	-webkit-border-bottom-right-radius: 10px; 
	-webkit-border-bottom-left-radius: 10px;	
}
	
a.menu:hover {
	color:#BD3200;
}

a.subMenu:hover{
	color:#EBFFCC;
}
	
.headerSection {
	height: 100px;
	width: 820px;	
}

.leftPanel { 
	vertical-align: top;
}

.rightPanel {
	width: 200px;
	vertical-align: top;
}

.userSection {
	height: 100px;
	width: 200px;
	vertical-align: top;
}

.bodySection {
	height: 100%;
	color: #0a0a0a;
	vertical-align: top;
	width: inherit;
}

table.bodySection {
	width: 99%;
}

div.bodySection {
	font-size:0.7em;
	width: 99%;
	border-left: 1px solid #828d65;
	border-right: 1px solid #828d65;
	border-bottom: 1px solid #828d65;
	border-top: 1px solid #828d65;
	background-color: #f6fadc;
	padding: 5px;	
	-moz-border-radius:10px;
	-webkit-border-radius: 10px;
	height: 95%;
}

.error {
	color: red;
	font-size:0.7em;
	border: 1px solid #828d65;
	margin: 5px;
	outline-width: 3px;
	background-color: #fdf7e1;
	display: block;
	-moz-border-radius:10px;
	-webkit-border-radius: 10px;
}

.message {
	color: blue;
	font-size:0.7em;
	border: 1px solid #828d65;
	margin: 5px;
	outline-width: 3px;
	background-color: #fdf7e1;
	display: block;
	-moz-border-radius:10px;
	-webkit-border-radius: 10px;
}

.footer {
	height: 12px;
	font-size:0.8em;
	font-family: arial;
}

.mandatory {
	font-weight: bold;
}

a.button {
	vertical-align: middle;
	font-size: 0.7em;
}

#sendMessage {
	font-size: 1em;
}

input.button {
	height: 15px;
	font-size: 0.7em;
	vertical-align: text-top;
}

.button {
	border: 1px solid #303030;
	text-decoration: none;
	margin-right:12px;
	margin-top:2px;
	text-align: center;
	vertical-align: middle;
	border-style: outset;	
	-moz-border-radius:7px;
	-webkit-border-radius: 7px; 
	background-color: #73BE3B;
	text-align: center;
	padding-left:5px;
	padding-right:5px;
	color: black;
}

.buttonDisabled {
	border: 1px solid #303030;
	text-decoration: none;
	float:left;
	margin-right:12px;
	margin-top:2px;
	text-align: center;
	vertical-align: middle;
	border-style: outset;	
	-moz-border-radius:7px;
	-webkit-border-radius: 7px; 
	background-color: #d9d9d9;
	padding-left:5px;
	padding-right:5px;
	height: 15px;
	color: b2b2b2;	
	font-size: 0.7em;
}

.hangmanButton {
	-moz-border-radius:7px;
	-webkit-border-radius: 7px; 
	background-color: #73BE3B;
	text-align: center;
	border: 1px solid #303030;
	border-style: outset;	
	color: black;
	font-size: 0.7em;
}

.hangmanButtonDisabled {
	-moz-border-radius:7px;
	-webkit-border-radius: 7px; 
	background-color: #d9d9d9;
	font-size: 0.7em;
	color: b2b2b2;
	border: 1px solid #303030;
	border-style: outset;	
}

.listPanelHeader {
	background-color: #53ab19;
	font-size:0.7em;
	font-weight: bold; 
	text-align : center;
	color: white;
	text-align: center;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
	-webkit-border-top-right-radius: 10px; 
	-webkit-border-top-left-radius: 10px;
	border: 1px solid #828d65;
}

.listPanelItemLeft {
	text-align: left;
	vertical-align: bottom;
	border-left: 1px solid #828d65;
	padding-left: 5px;
}

.listPanelRow {
	border-left: 1px solid #bfbdbe;	
	border-right: 1px solid #bfbdbe;
	text-align: left;
	color:#38400E;
}

table.topList {
	width: 140px;
	max-width: 140px;
	margin: 5px;
	outline-width: 3px;	
	-moz-border-radius-bottomright:10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-bottomleft:10px;
	-webkit-border-bottom-left-radius: 10px;
}

.listPanelItemLeft {
	text-align: left;
	vertical-align: bottom;
	border-left: 1px solid #828d65;
	background-color: #F5E793;
}

.listPanelItemCenter2 {
	background-color: #F5E793;
}

.listPanelItemCenter {
	text-align: left;
	vertical-align: bottom;
	font-size:0.7em;
	background-color: #F5E793;
	color:#38400E;	
	display: block;
}

.listPanelItemRight {
	text-align: right;
	vertical-align: bottom;
	font-size:0.7em;
	background-color: #F5E793;
	border-right: 1px solid #828d65;
}

input,textarea,select {
	border: 2px solid;
	border-style: inset;
	-moz-border-radius:7px;
	-webkit-border-radius: 7px;
}

textarea {
	max-height: 40px;
}

.question {
	max-height: 150px;
	height: 150px;
}

input.radio,input.checkbox {
	border: 0px;
}

label,fieldset,legend, label a, a{
	color: #0a0a0a;
	padding-right: 5px;
}

div.question {
	font-size:0.7em;
	height: 1%;
	vertical-align: top;
} 

div.question pre{
	font-size:1em;
	vertical-align: top;	
} 

.bigger {
	font-size:1.43em !important;
}

.buttonBigger {
	height: 15px;
	font-size: 1em;
	vertical-align: text-top;
	border: 1px solid #303030;
	text-decoration: none;
	margin-right:12px;
	margin-top:2px;
	text-align: center;
	vertical-align: middle;
	border-style: outset;	
	-moz-border-radius:7px;
	-webkit-border-radius: 7px; 
	background-color: #73BE3B;
	text-align: center;
	padding-left:5px;
	padding-right:5px;
	color: black;
}

label, fieldset {
	font-size:0.7em !important;
}

object fieldset {
	font-size:1em;
}

fieldset {
	padding-left: 10px;
	padding-right: 20px;
}

hr.separator {
	width: 90%;
	border: 1px solid #828d65;
	text-align: center;
}

hr.divSeparator {
	width: 120px;
	border: 1px solid #828d65;
	text-align: center;
	margin-left: 5%;
}

.listPanelItem {
	border-right: 1px solid #828d65;
	border-left: 1px solid #828d65;
	background-color: #F5E793;
	text-align: center;
}
	
span.listPanelItem{
	width: 106px;
}

.lastDiscussedList {
	text-align: center;
	width: 200px;
	margin: 5px;
	outline-width: 3px;
	vertical-align: top;
}

.topMenu {
	height: 20px;
	vertical-align: top;
}

.topMenuOnly {
	height: 20px;
	vertical-align: top;
}

table.ratingBar {
	border: 1px solid black;
}

tr.ratingBar {
	height: 20px;
	border: 1px solid black;
	width: 200px;
	margin: 0px;
	padding: 0px;
}

td.positive {
	height: 20px;
	width: 100px;
	background-color: #7070f0;
}

td.negative {
	height: 20px;
	width: 100px;
	border-left: 1px solid black;
	background-color: f07070;
}

.languageTable {
	border: 0px;
	width: 120px;
}

.listRowEven {
	border-left: 1px solid #828d65;
	border-right: 1px solid #828d65;
}

.listRowEven td.itemFirst, .listRowEven td:first-child{
	border-left: 1px solid #828d65;
}

.listRowEven td.itemLast, .listRowEven td:last-child{
	border-right: 1px solid #828d65;
}

.listRowEven td.itemFirstLast, .listRowOdd td.itemFirstLast{
	border-left: 1px solid #828d65;
	border-right: 1px solid #828d65;
}

.listRowEven td {
	padding-left: 5px;
	background-color: #f3f6e1;	
	height: 21px;
}

.listRowOdd {
	border-right: 1px solid #828d65;
	border-left: 1px solid #828d65;
}

.listRowOdd td.itemFirst, .listRowOdd td:first-child{
	border-left: 1px solid #828d65;
}

.listRowOdd td.itemLast, .listRowOdd td:last-child{
	border-right: 1px solid #828d65;
}

.listRowOdd td {
	padding-left: 5px;
	background-color: #e3e6d1;
	height: 21px;
}

table.dataTable tr:last-child td, table.topList tr:last-child td, table.lastDiscussedList tr:last-child td {
	border-bottom: 1px solid #828d65;
	margin-bottom: 5px;
	padding-bottom: 5px;
}

table.dataTable tr:last-child td:last-child, table.topList tr:last-child td:last-child, table.lastDiscussedList tr:last-child td:last-child {
	-moz-border-radius-bottomright:10px;
	-webkit-border-bottom-right-radius: 10px;
}

table.dataTable tr:last-child td:first-child, table.topList tr:last-child td{
	border-bottom: 1px solid #828d65;
}

table.dataTable tr:last-child td:first-child, table.topList tr:last-child td:first-child, table.lastDiscussedList tr:last-child td:first-child  {
	-moz-border-radius-bottomleft:10px;
	-webkit-border-bottom-left-radius: 10px;
}

.listRowHover td{
	background-color: #aaaaaa;
	padding-left: 5px;
	height: 21px;
}

tr.tableHeader {
	border-left: 1px solid #828d65;
}

th.tableHeader {
	font-weight: bold;
	color:#EF4100;
	border-right: 1px solid #828d65;
	border-top: 1px solid #828d65;
	border-bottom: 1px solid #828d65;
	background-color: #f5e793;
	font-size: 0.7em;
	height: 20px;
	padding-left: 5px;
	padding-right: 5px;
}

th.tableHeaderFirst, tr.tableHeader th:first-child {
	font-weight: bold;
	color:#EF4100;
	border: 1px solid #828d65;
	background-color: #f5e793;
	-moz-border-radius-topleft:10px;
	-webkit-border-top-left-radius: 10px;
	font-size: 0.7em;
	height: 20px;
	padding-left: 5px;
}

th.tableHeaderFirstLast {
	font-weight: bold;
	color:#EF4100;
	border: 1px solid #828d65;
	background-color: #f5e793;
	-moz-border-radius-topleft:10px;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topright:10px;
	-webkit-border-top-right-radius: 10px;
	font-size: 0.7em;
	height: 20px;
	padding-left: 5px;
}

th.tableHeaderLast, tr.tableHeader th:last-child {
	font-weight: bold;
	color:#EF4100;
	border-bottom: 1px solid #828d65;
	border-right: 1px solid #828d65;
	border-top: 1px solid #828d65;
	background-color: #f5e793;
	-moz-border-radius-topright:10px;
	-webkit-border-top-right-radius: 10px;
	font-size: 0.7em;
	height: 20px;
	padding-left: 5px;
}

table.dataTable {
	padding: 5px;
	width: 100%;
}

.badAnswer {
	background-color: #ffcccc;
	width: 60%;
	height: 60%;
	border: 1px solid #828d65;
	font-size: 12px;
	font-family: arial;
	-moz-border-radius:10px;
	-webkit-border-radius: 10px;
}

.correctAnswer {
	background-color: #ccffcc;
	width: 60%;
	height: 60%;
	border: 1px solid #828d65;
	-moz-border-radius:10px;
	-webkit-border-radius: 10px;
}

.confirmationTable {
	background-color: #fdf7e1;
	width: 60%;
	height: 60%;
	border: 1px solid #828d65;
	-moz-border-radius:10px;
	-webkit-border-radius: 10px;
}

.confirmationTable p, .correctAnswer p, pre {
	font-size: 0.7em;
}

h4.heading, h2.heading {
	text-align: center;	
}

pre, p, h1 {
	font-family:Tahoma,Verdana,Geneva,Arial,Helvetica,sans-serif;
}

.appHeader {
	font-size: 25px;
	text-align: left;
	vertical-align: top;
}

.pageHeader {
	text-align: left;
	vertical-align: top;
}

div.pageHeader {
	font-size: 1.2em;
	font-weight: bolder;
}

ul {
	width:95%;	
}
fieldset {
	border: 1px solid #828d65;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
	-webkit-border-top-right-radius: 10px; 
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	-webkit-border-bottom-right-radius: 10px; 
	-webkit-border-bottom-left-radius: 10px;
}

table.sudoku {
	border-right: 2px solid #828d65;
	border-bottom: 2px solid #828d65;
}

td.sudoku {
	border-left: 1px solid #828d65;
	border-top: 1px solid #828d65;
}

td.sudokuLeft {
	border-left: 2px solid #828d65;
	border-top: 1px solid #828d65;
}

td.sudokuTop {
	border-top: 2px solid #828d65;
	border-left: 1px solid #828d65;
}

td.sudokuTopLeft {
	border-left: 2px solid #828d65;
	border-top: 2px solid #828d65;
}

input.sudoku {
	-moz-border-radius:0px;
	-webkit-border-radius: 0px;
	width: 20px;
	height: 20px;
	font-weight: normal;
	text-align: center;
	border-style: none;
}

input.sudokuFixed {
	-moz-border-radius:0px;
	-webkit-border-radius: 0px;
	width: 20px;
	height: 20px;
	font-weight: bold;
	text-align: center;
	border-style: none;
}

pre.hangman {
	font-size: 2.5em;
}

pre.unformatted {
	font-size: 0.7em;
	max-width: 70%;	
}

div.unformatted, div.comment {
	font-size: 0.7em;
	max-width: 500px;
	width: 500px;
}

div.unformatted2 {
	font-size: 0.7em;
}

.floatingPage
{
	background-color: #ccd697;
	z-index: 300;
}