#tablist{
padding: 6px 0;
margin-left: 0;
margin-bottom: 0;
margin-top: 0.1em;
font: bold 10px Verdana;
}

#tablist li{
list-style: none;
display: inline;
margin: 0;
}

#tablist li a{
padding: 6px 0.5em;
margin-left: 3px;
border: 1px solid #778;
border-bottom: none;
background: #1B3883;
}

#tablist li a:link, #tablist li a:visited{
color: white;
}

#tablist li a.current{
	background: #0B185B;
}

#tabcontentcontainer{
width: 650px;
height: 300px;
/* Insert Optional Height definition here to give all the content a unified height */
padding: 5px;
border: 1px solid #778;
}

.tabcontent{
display:none;
}

html {
	font-family:arial;
}


a.menulink {
	/*display: block;
	width: 180px;
	text-align: left;

	font-family:arial;
	font-size:12px;*/
	color: #6DFFBC;
	font-size:12px;
	text-decoration: none;
	/*BORDER: none;
	border: solid 1px #003000;
	background-color:#007000;
	padding:2px;*/
}

a.menulink:hover {
	/*border: solid 1px #005000;*/
	color: #D19AE6;
	font-size:12px;
	text-decoration: underline;
	font-stretch: wider;
	font-weight: bold;
	/*background-color:#00A000;
	text-decoration: none;
	padding:2px;*/
}






a.navlink {
	font-family:arial;
	font-size:12px;
	color:#DDDDDD;
	font-weight: bold;
	text-decoration: none;
}

a.navlink:hover {
	text-decoration: underline;
	font-stretch: wider;
	font-weight: bold;
	color:#EEEEEE;
}

a.faqlink {
	color: #2A2140;
	font-weight: bold;
}



input.form {
	background-color: #DDDDEE;
}

select.form {
	background-color: #DDDDEE;
}

textarea.form {
	background-color: #DDDDEE;
}


a.tooltip {
  z-index:24;
  color:#FF5E2F;
  position:relative;
  border-bottom:1px dashed #FF5E2F;
  text-decoration:none;
}

a.tooltip:hover {
  z-index:25;
  color:#7a7a7a;
  border-bottom:1px dashed #7a7a7a;
  text-decoration:none;
}

a.tooltip span {
  display:none;
}

a.tooltip:hover span {
  position:absolute;
  top:2em;
  left:0em;
  border:1px solid #778;
  padding:3px;
  display:block;
  width:245px;
  color:#EEBE3C;
  background-color:#1B3883;
}

a.ques {
	background-image:url('img/help.png');
	background-repeat: no-repeat;
	text-indent: 60px;
	font-size: 14px;
	padding-left: 20px;
	margin: 20px;
}


img.center {
	text-align: center;
}

table {
	border-collapse: collapse;
}


table.sidebar {
    vertical-align: top
	width: 135px;
	padding:0px;
}

table.navbar {
	width: 734px;
	border-color:#706688;
	border-width:1px;
	border-style:solid;
}

td.content {
	width: 680px;
	font-size:13px;
	color:#D6D5C3;
	background-color:#2A2140;
	/*
	background-color:#0B185B;
	border-color:#1B3883;
	*/
	border-color:#706688;
	border-width:1px;
	border-style:solid;
	padding-left:40px;
	padding-right:12px;
}

td.navbar2{
	padding: 5px;
	margin: 5px;
	width: 150px;
	text-align: center;
	background-color:#4E3E76;
	border-color:#706688;
	border-width:1px;
	border-style:solid;
	

}

td.navbar{
	padding: 5px;
	margin: 5px;
	width: 150px;
	text-align: center;
	background-color:#5F41AB;
	border-color:#44307E;
	border-width:1px;
	border-style:solid;

}

td.navbar:hover{
	padding: 5px;
	margin: 5px;
	width: 150px;
	text-align: center;
	background-color:#3F118B;
	border-width:1px;
	border-style:solid;
}




td.gridhead {
	background-color: #A39FAD;
	color: #000000;
	padding: 5px;
	border:1px solid #778;
}

td.griddata {
	padding: 5px;
	border:1px solid #778;
}


td.field {
	background-color: #A39FAD;
	color: #000000;
	padding: 12px;
	margin: 5px;
	border-collapse: separate;
	border:1px solid #778;
	width: 140px;
}

td.field2 {
	background-color: #938F9D;
	color: #000000;
	padding: 12px;
	margin: 5px;
	border-collapse: separate;
	border:1px solid #778;
	width: 140px;
}

td.minorfield {
	background-color: #A39FAD;
	color: #000000;
	padding: 5px;
	margin: 5px;
	border-collapse: separate;
	border:1px solid #778;
	width: 140px;
}


td {
    vertical-align: top;
	font-size:12px;
	padding: 0px;
	margin: 0px

}

td.sidebarbody {
	width: 135px;
}

td.sidebarhead {
	height: 35px;
	width: 135px;
	background-image:url('img/section/top.jpg');
	background-repeat: no-repeat;
}

td.sidebarmid {
	width: 135px;
	background-image:url('img/section/middle.jpg');
	background-repeat: repeat-y; no-repeat;
	padding-left:18px;
	padding-right:18px;
}

td.sidebarbot {
	height: 35px;
	width: 135px;
	background-image:url('img/section/bottom.jpg');
	background-repeat: no-repeat;
}


td.spaced {
	padding:10px;
	font-size:12px;
	vertical-align: top;
	border-collapse: separate;
}

td.middle {
	padding:10px;
	font-size:11px;
	vertical-align: middle;
}



h1 {
	font-size:24px;
}

h2 {
	font-size:22px;
}

h3 {
	font-size:20px;
}

h4 {
	font-size:16px;
}



p.content {
	text-indent:20px;
	font-size: 12px;
}

p.error {
	background-image:url('img/exclamation.png');
	background-repeat: no-repeat;
	text-indent:20px;
	color: #FFDDDD;
	font-size:18px;
}

p.ques {
	/*background-image:url('img/help.png');
	background-repeat: no-repeat;*/
	text-indent:20px;
	font-size:14px;
}

p.ans {
	margin:40px;
	font-size:12px;
	border:1px solid #778;
	background-color: #A39FAD;
	color: #000000;
	padding:10px;
}

p.player {
	height: 100px;
	overflow: scroll;
	margin:10px;
	font-size:12px;
	border:1px solid #778;
	background-color: #A39FAD;
	color: #000000;
	padding:10px;
	width: 300px;
}

p.ans {
	margin:40px;
	font-size:12px;
}



















