/** general styles */
body {
	padding: 0px;
	margin: 0px 5px 0px 5px;
	font-size: 10pt;
	color: #006225;
	font-family: "Tahoma", serif;
    background-color: white;
}
.allbody_table{
	width: 780px;
}
div#allbody{
	/*width: 790px;
	height: auto!important;
	
	clear: both;
	*/
}
div#page_header{
	margin: 0;
	background-image: 	url(images/bgtop.gif);
	width: 					auto!important;
	height: 					50px;
	clear: 					both;
}
div#logo_img{
	margin-left: 100px;
	clear: both;
	float: 					left;
	
}
div#fulltitle {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #004F00;
	padding-top: 26px;
	background-color: transparent;
	float: right;
	font-style: normal;
	font-weight: bold;
}
div#page_tmenu {
	margin: 0;
	background-image: 	url(images/bggreen.jpg);
	width: auto!important;
	height: 23px;
	clear: both;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
}
div#page_footer {
	margin-top: 10px;
	width: auto!important;
	font-family: Tahoma, sans-serif;
	font-size: 8pt;
	color: gray;
	background-repeat: repeat-x;
	border-top: 1px solid #004801;
	border-bottom: 1px solid silver;
	height: 20px;
	clear: both;
	text-align: right;
}
div#page_center {
    margin: 0;
    width: 00%;
}

div#logo_img{
	margin-left: 100px;
	clear: both;
	float: left;
	
}

b, .info2 a {
	font-size: 10pt;
	color: #006225;
}
p {
	font-size: 10pt;
	padding-left: 5px;
	padding-right: 5px;
	text-align: left;
	color: #006225;
	margin: 0px;
	font-weight: bold;
}
a {
	cursor: pointer;
	cursor: hand;
	border:0px;
}
img {
	border:0px;
}
/** error message */
div.error {
	color: #FF4411;
	font-weight: bold;
	padding: 5px 0px 0px 0px;
}
div.error2 {
	color: #FF4411;
	font-weight: bold;
	padding: 5px 2px 2px 5px;
}
/** all questions */
div.questions {
	float:left;
}
div.label {
	float:left;
	width:70px;
	font-size:10pt;
}
div.questions div.bar45 {
	width: 11px;
	height: 4px;
	float: left;
	padding: 0px;
	margin: 7px 0px 2px 1px;
}
div.questions div.bar35 {
	width: 15px;
	height: 4px;
	float: left;
	padding: 0px;
	margin: 7px 0px 2px 1px;
}
div.questions div.bar30 {
	width: 17px;
	height: 4px;
	float: left;
	padding: 0px;
	margin: 7px 0px 2px 1px;
}
div.questions div.bar20 {
	width: 27px;
	height: 4px;
	float: left;
	padding: 0px;
	margin: 7px 0px 2px 1px;
}
div.questions div.bar10 {
	width: 57px;
	height: 4px;
	float: left;
	padding: 0px;
	margin: 7px 0px 2px 1px;
}
div.questions div.hand {
	cursor: pointer;
	cursor: hand;
}
div.questions div.answered {
	background-color: #4D917A;
	border: 1px solid #006225;
}
div.questions div.unanswered {
	background-color: #FBB117;
	border: 1px solid #FF9900;
}
div.questions div.current {
	background-color: #5E8FCA;
	border: 1px solid #00447C;
}
div.questions div.elapsed {
	background-color: #FFD457;
	width: 16px;
	height: 4px;
	float: left;
	border-right:1px solid #FFFFFF;
}
div.questions div.remaining {
	background-color: #4D917A;
	border: 1px solid #006225;
	width: 16px;
	height: 4px;
	float: left;
	margin: 7px 1px 2px 0px;
}
#transparent {
	position:absolute;
	top:0px;
	left:0px;
	width:1px;
	height:1px;
	z-index:300;
}
#errorBox {
	position:absolute;
	top:0px;
	left:0px;
	width:300px;
	height:130px;
	z-index:500;
	border: 1px solid #FBB034;
	background-color:#FFFFFF;
}
#errorBoxI {
	height:90px;
}
#errorBoxB {
	padding: 0px 100px 0px 100px;
}
#center {
	width:750px;
	height:550px;
	background-color:#FFFFFF;
	margin: 30px auto;
	padding: 0px;
	border-top: 1px solid #4D917A;
	border-left: 1px solid #4D917A;
	border-bottom: 1px solid #9DC8BA;
	border-right: 1px solid #9DC8BA;
}
#menu {
	padding: 14px;
	margin: 0px;
	border-bottom: 1px solid #4D917A;
	height: 15px;
}
#middle {
	margin: 0px;
	height: 480px;
	clear:both;
}
#middle_left {
	/**border-right: 1px solid #9DC8BA;*/
	width: 390px;
	height: 460px;
	float: left;
}
#middle_right {
	width: 390px;
	height: 460px;
	float: left;
}
#picture {
	width:364px;
	height:210px;
	float:left;
	padding:10px 10px 10px 10px;
    background-color: #f6f6f6;
	border: 1px solid Gray;
	margin: 5px 5px 5px 0px;
}
#question {
	/**border-top: 1px solid #4D917A;*/
	width:364px;
	height:230px;
    padding:0px 10px 0px 10px;
	float:left;
    background-color: #f6f6f6;
	border: 1px solid Gray;
	margin: 5px 5px 5px 0px;
}
#answers {
	width:363px;
	height:375px;
	float:left;
	padding:10px;
    background-color: #f6f6f6;
	border: 1px solid Gray;
	margin: 5px 0px 5px 5px;
}
#buttons {
	/**border-top: 1px solid #4D917A;*/
	width:355px;
	height:36px;
	float:left;
	padding: 14px;
	margin: 0px;
    background-color: #f6f6f6;
	border: 1px solid Gray;
	margin: 5px 0px 5px 5px;
}
#navi {
	padding: 6px 10px 6px 10px;
	/**margin: 0px;*/
	/**border-top: 1px solid #4D917A;*/
	height: 33px;
    width: 758px;
    background-color: #f6f6f6;
	border: 1px solid Gray;
	margin: 5px 0px 5px 0px;
}
div.question {
	font-weight: bold;
	text-align: justify;
	padding: 2px 2px 2px 5px;
	margin: 8px 4px 4px 8px;
	color: #00447C;
}
div.info {
	font-weight: bold;
	text-align: justify;
	padding: 10px 10px 10px 25px;
	color: #00447C;
}
div.info2 {
	text-align: justify;
	padding: 10px 10px 10px 25px;
	color: #00447C;
}
div.answer {
	border: 1px solid #FBB034;
	padding: 10px;
	margin: 5px;
	color: #006225;
	cursor: pointer;
	cursor: hand;
    text-align:left;
}
div.right {
	font-weight:bold;
	border:2px solid #006225;
	padding: 9px;
	margin: 5px;
}
div.wrong {
	border:2px solid #FBB034;
	padding: 9px;
	margin: 5px;
}
div.checked {
	border:2px solid #006225;
	padding: 9px;
	margin: 5px;
}
div.hover {
	border:2px solid #006225;
	padding: 9px;
	margin: 5px;
}
select {
	border: 1px solid #FBB034;
	padding: 10px;
	margin: 5px;
	color: #006225;
	cursor: pointer;
	cursor: hand;
    background-color: #f6f6f6;
}
option {
	padding: 1px 10px 1px 2px;
}
/** icons */
a.submit_button {
	font-size: 10pt;
	padding: 0px 5px 0px 5px;
	text-align: left;
	color: #006225;
	border: 1px solid #FBB034;
	text-align: left;
    float:left;
    margin: 2px 5px 2px 5px;
}

a.submit_button:hover, a.hover {
	border: 1px solid #006225;
}
a.button {
	height: 16px;
	width: 16px;
	margin: 0px 2px 0px 2px;
	cursor: pointer;
	cursor: hand;
	float: left;
}
img.karogs {
	margin: 5px;
	border:1px solid #000000;
	cursor: pointer;
	cursor: hand;
}