@charset "utf-8";

/* --------------------------------------------------------------------------------------------------------- */
body{
	text-align:right;
	direction:ltr;
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#000000; /*#313131;*/
	line-height:18px;
}

/* Global Links */
a{text-decoration:none;}
h1, h2, h3, h4, h5, h6{font-family:tahoma; margin:0px;}
h1{font-size:1em; display:inline-block;}
h2{font-size:0.8em; display:inline-block;}
h3{font-size:0.75em;}

.yellow{color:#c4b517;}
.red{color:#990000;}
.gray{color:#999999;}
.white{color:#ffffff;}
.blue{color:#1f80be;}

.border{border:1px solid #003399;}
.border_w{border:5px solid #ffffff;}

.bg_white{background-color:#FFFFFF;}

.clear{clear:both; height:8px; /*border:1px solid #FF0000;*/}
.clear0{clear:both; height:0px;}
.clear2{clear:both; height:27px;}
.clear3{clear:both; height:15px;}

.inline{display:inline-block;}
.block{display:block;}

.float1{float:right;}
.float2{float:left;}

.right{text-align:right;}
.left{text-align:left;}

.font{font-family:tahoma; font-weight:bold; font-size:1em;}
.bold{font-weight:bold;}
.normal{font-weight:normal;}
.italic{font-style:italic;}
.blink{text-decoration:blink;}
.super{vertical-align:super;}


.icon{vertical-align:middle; margin-left:10px;}
.icon2{vertical-align:middle; margin:0px;}
.mark{float:left; position:relative; top:12px;}

.side{
	/*border:1px solid #00FF00;*/
	width:250px;
	padding-left:20px;
	margin-left:20px;
}

.link1{
	background: url(imgs/yellow_button.png) no-repeat;
	width:86px;
	height:20px;
	border:none;
	color:#181602;
	font-family:tahoma;
	font-size:11px;
	font-weight:bold;
	cursor:pointer;
	text-align:center;
	margin-top:10px;
}
.link2{
	background:url(imgs/red_button.png) no-repeat;
	width:53px;
	height:19px;
	border:none;
	color:#ffffff;
	font-family:tahoma;
	font-size:11px;
	font-weight:bold;
	cursor:pointer;
	text-align:center;
	margin-top:10px;
}
.link3{font-family:tahoma; font-size:13px; cursor:pointer;}
.link4{
	background:url(imgs/dark_button.png) no-repeat;
	width:53px;
	height:20px;
	border:none;
	color:#ffffff;
	font-family:tahoma;
	font-size:12px;
	font-weight:bold;
	cursor:pointer;
	text-align:center;
	margin-top:10px;
}

.link5{
	background:url(imgs/side_bg.png) right no-repeat;
	display:block;
	width:220px;
	height:43px;
	border:none;
	color:#000000;
	cursor:pointer;
}
.link5:hover{color:#ffffff;}

.link6{
	background:url(imgs/articles_bg.png) right no-repeat;
	display:block;
	width:370px;
	height:43px;
	border:none;
	color:#000000;
	cursor:pointer;
}
.link6:hover{color:#ffffff;}

.w1{
	/*border:1px solid #00FF00;*/
	/* to center it */
	position:relative;
	width:984px; 
	left:-492px;
	margin:0 50%;
	direction:rtl;
}
.w2{width:158px;}
.w3{width:130px;}
.w4{width:300px;}
.w5{width:200px;}
.w6{width:80%;}
.w7{width:75%;}
.w8{width:65%;}
.w9{width:250px;}
.w10{width:71%;}

.mt1{margin-top:5px;}
.mt2{margin-top:10px;}
.mt3{margin-top:2px;}
.mt4{margin-top:20px;}
.mb1{margin-bottom:10px;}
.mb2{margin-bottom:20px;}
.ml1{margin-left:5px;}
.ml2{margin-left:44px;}
.mr1{margin-right:15px;}
.mr2{margin-right:50px;}
.mr3{margin-right:150px;}
.mtb1{margin-top:10px; margin-bottom:10px; /*margin:10px 0;*/}
.mrl1{margin-right:40px; margin-left:40px; /*margin:0 40px;*/}
.mrl2{margin-right:10px; margin-left:10px; /*margin:0 10px;*/}

.dots{background:url(imgs/dots.png) repeat-x; clear:both; margin:25px 0; width:100%; height:2px;}
.border-bottom3 {background:url(imgs/pic-3.gif) 0 bottom repeat-x;}

.success, .error {
	width: 97%; 
	padding:150px 10px 10px 10px; 
	min-height:280px;
  	height:auto !important;
  	height:280px;
	text-align:center;
	font-weight:bold;
	font-size:1em;
}
/* --------------------------------------------------------------------------------------------------------- */
#bg_red{background:url(imgs/bg_red.png) repeat-x; width:100%; height:9px; position:absolute; top:0px; z-index:1;}
#bg1{background:url(imgs/bg1.jpg) top center repeat; width:100%; padding-top:9px;}
#bg2{
	background:#151515 url(imgs/bg2.jpg) top center repeat-x;
	width:100%;
	min-height:208px;
  	height:auto !important;
  	height:208px;
}
#bg3{
	background:#151515 url(imgs/bg3.jpg) top center repeat-x;
	width:100%;
	min-height:100px;
  	height:auto !important;
  	height:100px;
}
/* --------------------------------------------------------------------------------------------------------- */
/* header */
#logo{padding-top:13px; float:right;}
#slogan{padding-top:40px; float:left;}

#top_menue{
	background:url(imgs/top_menue.png) top left no-repeat;
	width:560px;
	height:80px;
	position:absolute;
	top:-3px;
	left:0px;
	z-index:1;
}
#top_menue ul{font-size:0.75em; margin-top:3px; width:324px; text-align:center; }
#top_menue ul li{display:inline; margin-left:15px;}
#top_menue ul .last{margin-left:0px;}
#top_menue ul li img{margin-left:2px;}
#top_menue ul a{color:#ffffff;}
/* /header */

/* menue */
#menue_div{background:url(imgs/menue_bg.png) no-repeat; width:984px; height:53px;}
/*#menue_div ul{font-size:0.80em; height:100%;}
#menue_div ul li{
	display:inline-block;
	width:137px;
	text-align:center;
	background:url(imgs/separator.png) no-repeat;
	background-position:left;
	padding:13px 0;
}*/
#menue_div ul .last{background:none; margin-right:0px;}
/*#menue_div ul a{color:#000000;}*/
/* /menue */

/* --------------------------------------------------------------------------------------------------------- */
#content_h{background:url(imgs/content_h.png) no-repeat; width:100%; height:12px; margin-top:12px;}
#content_bg{background:url(imgs/content_bg.png) repeat-y;}
#content_fbg{
	background:url(imgs/content_fbg.png) bottom no-repeat;
	width:100%;
	position:relative;
	left:-2px;
	min-height:153px;
  	height:auto !important;
  	height:153px;
}
#content_f{background:url(imgs/content_f.png) no-repeat; width:100%; height:12px; margin-bottom:15px;}

#content{margin:0 20px;}
/* --------------------------------------------------------------------------------------------------------- */
#welcome{width:34%;}
#vote{width:31%;}
#adv{width:245px;}
#welcome, #vote{margin-left:40px;}
#welcome p, #vote p{text-align:justify;}
/* --------------------------------------------------------------------------------------------------------- */
#adv{text-align:center;}
#adv img{
	margin-top:10px;
	border:2px solid #c1c0c0;
	position:relative; /*very important for ie to prevent background from disappearing*/
	-moz-border-radius: 8px; /* Firefox */
	-webkit-border-radius: 8px; /* Safari and Chrome */
	-khtml-border-radius: 8px; /* Linux browsers */
	border-radius: 8px; /* Opera 10.50, IE and CSS3 */
	behavior: url(PIE.htc);
}
/* --------------------------------------------------------------------------------------------------------- */
#articles_f h2{text-align:justify; margin:7px 0; height:35px;}
#articles_container{text-align:center;}
/* --------------------------------------------------------------------------------------------------------- */
#maillist label{display:inline-block; margin-left:10px;}
#maillist form{display:inline-block;}

#maillist input[type=text], 
#ContactForm input[type=text], #ContactForm select, #ContactForm textarea,
#VisitorsForm input[type=text], #VisitorsForm select, #VisitorsForm textarea,
#CounselForm input[type=text], #CounselForm select, #CounselForm textarea
{
	background-color:#333333;
	color:#cccccc;
	width:171px;
	margin:0 5px;
	border:2px solid #686868;
	position:relative; /*very important for ie to prevent background from disappearing*/
	-moz-border-radius: 4px; /* Firefox */
	-webkit-border-radius: 4px; /* Safari and Chrome */
	-khtml-border-radius: 4px; /* Linux browsers */
	border-radius: 4px; /* Opera 10.50, IE and CSS3 */
	behavior: url(PIE.htc);	
}
/* --------------------------------------------------------------------------------------------------------- */
#ContactForm input[type=text], #ContactForm select, #ContactForm textarea,
#VisitorsForm input[type=text], #VisitorsForm select, #VisitorsForm textarea,
#CounselForm input[type=text], #CounselForm select, #CounselForm textarea
{width:275px;}

#ContactForm textarea, #VisitorsForm textarea, #CounselForm textarea{width:400px; height:200px;}
/* --------------------------------------------------------------------------------------------------------- */
#VisitorsForm{/*border:1px solid #00FF00;*/ width:550px;}
/* --------------------------------------------------------------------------------------------------------- */
#rights #namaa a{text-decoration:none;}
#rights #namaa span{position:relative; top:-3px; cursor:pointer;}
/* --------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------- */
#inner{
	/*border:1px solid #00FF00;*/
	padding:10px 0;
	min-height:250px;
  	height:auto !important;
  	height:250px;
	
	background:url(imgs/wahaj_bg.png) center top;
	/*-khtml-opacity:.10; 
	-moz-opacity:.10; 
	-ms-filter:"alpha(opacity=10)";
	filter:alpha(opacity=10);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.1);
	opacity:.10;
	behavior: url(PIE.htc);*/
}
#inner h2.red{/*margin-bottom:20px;*/}
#inner .side_img{
	width:160px;
	height:100px;
	vertical-align:top;
	
	border:2px solid #cccccc;
	position:relative; /*very important for ie to prevent background from disappearing*/
	-moz-border-radius: 4px; /* Firefox */
	-webkit-border-radius: 4px; /* Safari and Chrome */
	-khtml-border-radius: 4px; /* Linux browsers */
	border-radius: 4px; /* Opera 10.50, IE and CSS3 */
	behavior: url(PIE.htc);	
}
#inner .txt1{
	/*border:1px solid #0f0;*/
	display:inline-block;
	/*width:77%;*/
	/*text-align:justify;*/
}
/* --------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------- */
#social{
padding:20px;
}

/* --------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------- */
.pageActive{
	font-family:Arial;
	color:#990000;
	font-size:18px;
	font-weight:bold;
	cursor:pointer;
	border:none;
	background:none;
}

.page{
	font-family:Arial;
	color:#999999;
	font-size:18px;
	font-weight:bold;
	cursor:pointer;
	border:none;
	background:none;
	
}


/* --------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------- */
/* Brogress Bar at voting page */

.progress-bar {
	background-color: #1a1a1a;
	height: 25px;
	padding: 5px;
	width: 350px;
	margin: 10px 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 1px 5px #000 inset, 0 1px 0 #444;
	-webkit-box-shadow: 0 1px 5px #000 inset, 0 1px 0 #444;
	box-shadow: 0 1px 5px #000 inset, 0 1px 0 #444;
}

.progress-bar span {
	display: inline-block;
	height: 100%;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
	box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
	-webkit-transition: width .4s ease-in-out;
	-moz-transition: width .4s ease-in-out;
	-ms-transition: width .4s ease-in-out;
	-o-transition: width .4s ease-in-out;
	transition: width .4s ease-in-out;
}

/*---------------------------*/
.blue span {
	background-color: #34c2e3;
}

.orange span {
	background-color: #fecf23;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fecf23), to(#fd9215));
	background-image: -webkit-linear-gradient(top, #fecf23, #fd9215);
	background-image: -moz-linear-gradient(top, #fecf23, #fd9215);
	background-image: -ms-linear-gradient(top, #fecf23, #fd9215);
	background-image: -o-linear-gradient(top, #fecf23, #fd9215);
	background-image: linear-gradient(top, #fecf23, #fd9215);
}       

.green span {
	background-color: #a5df41;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#a5df41), to(#4ca916));
	background-image: -webkit-linear-gradient(top, #a5df41, #4ca916);
	background-image: -moz-linear-gradient(top, #a5df41, #4ca916);
	background-image: -ms-linear-gradient(top, #a5df41, #4ca916);
	background-image: -o-linear-gradient(top, #a5df41, #4ca916);
	background-image: linear-gradient(top, #a5df41, #4ca916);
}

/*---------------------------*/

.stripes span {
	-webkit-background-size: 30px 30px;
	-moz-background-size: 30px 30px;
	background-size: 30px 30px;			
	background-image: -webkit-gradient(linear, left top, right bottom,
						color-stop(.25, rgba(255, 255, 255, .15)), color-stop(.25, transparent),
						color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .15)),
						color-stop(.75, rgba(255, 255, 255, .15)), color-stop(.75, transparent),
						to(transparent));
	background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
		        		transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
		        		transparent 75%, transparent);
	background-image: -moz-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
		        		transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
		        		transparent 75%, transparent);
	background-image: -ms-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
		        		transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
		        		transparent 75%, transparent);
	background-image: -o-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
		        		transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
		        		transparent 75%, transparent);
	background-image: linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
		        		transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
		        		transparent 75%, transparent);	
	
	-webkit-animation: animate-stripes 3s linear infinite;
	-moz-animation: animate-stripes 3s linear infinite;       		
}
        
@-webkit-keyframes animate-stripes { 
			0% {background-position: 0 0;} 100% {background-position: 60px 0;}
}
        
        
@-moz-keyframes animate-stripes {
			0% {background-position: 0 0;} 100% {background-position: 60px 0;}
}

/* --------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------- */
/* Images Slide */

#slide_div{height:305px; width:575px; float:left;/*margin-top:5px; height:470px; border:none;/*10px solid #FFFFFF;*/}
#section {
	/*border:1px solid #000066;*/
	display: block;
	overflow: hidden;
	top:173px;
	width:575px;
	position:absolute;
	left:-288px;
	margin:0 34%;
}

#articles_home{ 
	width:370px;
	float:right;
	margin-right:25px;
	background:url(imgs/articles_tit.png) top center no-repeat;
	position:relative;
	top:-10px;
}