/* ********** [ GENERAL ] ********** */

* {
	margin: 0px;
	padding: 0px; }

div.clear {
	clear: both; }

body {
	margin: 0px;
	padding: 0px;
	cursor: default;
	font: 11px tahoma,arial, verdana, sans-serif;
	color: #222222;
	background: #FFFFFF}


/* ********** [ PAGE ] ********** */

div#page_wrap { }

	div#page { }


/* ********** [ HEADER ] ********** */

div#header_wrap {
	background: #ffffff; }
	
#header #top-menu{
	border-bottom: 1px solid #C9D7F1;
	padding: 3px;
	height: 15px;
}
#header #top-menu li {
	float: right;
	margin: 0px 6px;
	list-style: none;
}
	div#header {
		margin: 0px auto;
		width: 920px; }

		div#header h1 {
			padding-left: 60px;
			float: left;
			font: bold 26px/90px tahoma, Trebuchet MS, arial, sans-serif;
			color: #D52525;
			background: url('logo.gif') no-repeat 0px center; }

			div#header h1 span { }


/* ********** [ Title Kdr ] ********** */
div.title_info { 
	text-align:right;
	direction:rtl;}
	
	div.t_i_red { 
		color: #800000;
		background: #FFEFEF;
		border-bottom: 1px solid #9D290D;
		border-top: 1px solid #9D290D;}
	
	div.t_i_green { 
		color: #2DAE1E;
		background: #CEFFCC;
		border-bottom: 1px solid #2DAE1E;
		border-top: 1px solid #2DAE1E;}
	
	div.t_i_yell { 
		color: #404040;
		background: #FFFCDA;
		border-bottom: 1px solid #F5DFC3;
		border-top: 1px solid #F5DFC3;}
		
	div.title_info div.title_info_body{ 
		margin: 0px auto;
		width: 940px;
		padding: 8px;
		}
		
		div.title_info div.title_info_body h2{
			padding-bottom: 5px;
			font: bold 14px/16px tahoma, arial, verdana, sans-serif;
			margin-bottom: 1px;
			border-bottom: 1px solid #DBDBDB; 
		}

/* ********** [ FOOTER ] ********** */

div#footer_wrap {
	margin: 0px auto 20px;
	padding: 0px 10px 10px 10px;
	width: 920px;
	background: #FFFFFF;
	border: 1px solid #b4b4b4;
	border-width: 0px 1px 1px 1px; }

	div#footer {
		height: 30px;
		background: #F2F4F8;
		font: 11px/30px tahoma;
		color: #0D57AF;
		text-align: center; }

		div#footer a {
			font: 11px/30px tahoma;
			color: #0D57AF;
			text-decoration: none; }

		div#footer a:hover {
			text-decoration: underline; }
		
		div#footer ul{list-style:none;margin:0 0 0 10px;padding:0;float:left}
			div#footer li{float:left;margin:0 7px 0 0;padding:0 4px 0 0;border-right:1px solid #ecedf4}
			div#footer li.last-item{border:0;padding:0;margin:0}
		div#footer .footer_language_selector
		{
			float:right;
			display:inline;
			margin-right:10px;
			position:relative;
			top:5px;
		}


/* ********** [ CONTAINER ] ********** */

div#container_wrap {
	margin: 0px auto;
	width: 940px;
	background: #E9E9E9;
	border: 1px solid #b4b4b4;
	border-width: 0px 1px; }

  	div#container {
  		margin: 0px auto;
		width: 940px;
  		background: #ffffff; }


/* ********** [ CONTENT ] ********** */

#content_wrap {
  	padding-bottom: 10px;
	width: 780px;
	float: left; }

  	#content { }


/* ********** [ SIDEBAR ] ********** */

div#sidebar_wrap {
	padding: 0px 10px 10px 10px;
	width: 140px;
	float: left; }

  	div#sidebar { }


/* ********** [ MAIN NAVIGATION ] ********** */

div#headernav_wrap {
	height: 65px;
	margin: 0px auto;
	width: 940px;
	background: #FFFFFF;
	border: 1px solid #b4b4b4;
	border-width: 0px 1px;
	padding-top: 5px;
	 }

	div#headernav {
		margin: 0px auto;
		width: 920px; 
		height: 60px;
		text-align: center;
		padding-top: 0;
		background: #FFFFFF;}


/* ********** [ USER NAVIGATION ] ********** */

div#usernav_wrap { }

	div#usernav { }

		div#usernav ul {
		    list-style: none; }

			div#usernav li {
				border: 1px solid #cccccc;
				border-width: 0px 0px 1px 0px; }

				div#usernav ul li a {
					padding-left: 10px;
					height: 30px;
	    			display: block;
				    font: bold 12px/30px tahoma, arial, verdana, sans-serif;
					color: #D52525;
				    text-decoration: none; }

					div#usernav ul li a:hover {
						color: #2274D9; }


/* ********** [ COMMON ITEMS ] ********** */

h2, h3, h4, h5, h6 {
	padding-bottom: 5px;
	font: bold 14px/16px tahoma, arial, verdana, sans-serif;
	color: #0C4D9C; }

	h2 {
		margin-bottom: 5px;
		font: bold 14px/16px tahoma, arial, verdana, sans-serif;
		border-bottom: 1px solid #d4d4d4; }

	h3 {
		font: bold 13px/16px tahoma, arial, verdana, sans-serif; }

	h4 {
		font: bold 12px/16px tahoma, arial, verdana, sans-serif; }

	h4 {
		font: bold 11px/16px tahoma, arial, verdana, sans-serif; }

p {
	font: 11px/16px tahoma, arial, verdana, sans-serif;
	color: #222222; }

	a {
		font: 11px tahoma, arial, verdana, sans-serif;
		color: #D52525;
		text-decoration: none; }

		a:hover {
			text-decoration: underline; }
.tip {
	direction:rtl; Z-INDEX: 13000; TEXT-ALIGN: right; padding : 5px; background : #ffffff url('datagrid_bg.gif') repeat-x; FONT-SIZE: 11px; border : 1px solid #adddf5; 
}
.tip-text {
	DISPLAY: none
}

#tab
{
	margin:0px 0px 8px 0;
	clear:right;
}
#tab li
{
	float:right;
	margin:0 0 5px 8px;
	padding:0 0 0 8px ;
	border-left:2px solid #bbb;
}
#tab li a
{
	font-weight:bold;
	font-size:110%;
	color: #005296;
}
#tab li.last-child{border:0;}

.tooltipbox { filter: alpha(opacity=70); direction: rtl; display: none; position: absolute; border: 1px solid #adddf5; background: #ffffff url('datagrid_bg.gif') repeat-x; padding: 4px; width: 200px }
.tooltipbox div{margin-top:8px; padding:2px; background: #72CFEB; color:#ffffff; font-size:9pt; text-align:center;}


.menu{
	direction: rtl;
	border:none;
	font: 67.5% tahoma, Verdana, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	position: absolute;
	background:#333333;
	display:none;
	
	
	}
	.menu a{
		background:#333333;
		color:#cccccc;
		display:block;
		font-weight:normal;
		padding:10px 10px 10px 25px;
		text-align:right;
		text-decoration:none;
		}
		.menu a:hover{
			background: #367FB1 url("hover_sub.gif") left center no-repeat;
			color:#FFFFFF;
			text-decoration:none;
			}
		.menu a img{
			border: 0px;
			margin: 0px 0px 0px 5px;
		}

.hint {
direction:ltr;
display: none;
position: absolute;
left: 50px;
width: 200px;
margin-top: -4px;
border: 1px solid #c93;
padding: 5px 7px;
text-align: justify;
/* to fix IE6, I can't just declare a background-color,
I must do a bg image, too! So I'm duplicating the pointer.gif
image, and positioning it so that it doesn't show up
within the box */
background: #ffc ;
} 
 
.hint .hint-pointer {
position: absolute;
left: 214px;
top: 5px;
width: 10px;
height: 19px;
background: url(pointer2.gif) left top no-repeat;
} 

.answer_admin {
	width: 610px;
	margin: 10px;
	padding: 8px;
	color:#340066;
	text-align:right;
	background:#E8F4FF;
}

	.answer_admin span {
		color:#0000FF;
		font: 11px tahoma, Trebuchet MS, arial, sans-serif;
	}
	
	.answer_admin p {
		text-indent: 10px;
		text-align: justify;
	}
	
div.results_bar {
	margin-top: 2px; 
	margin-bottom: 5px;
	height: 8px;
	border: 1px solid #555555;
	background: #d70500 url('poll_bar_bg.gif') repeat-x; }