@charset "utf-8";
/* CSS Document */
body{color:#777777;font-family:"Myriad Pro"; padding:0; margin:0; font-size:14px; background:url(images/bg.jpg) repeat #cdcdcd }
img{border:0}
a img{border:0}
a{text-decoration:none; color:#999; font-size:14px; outline: 0;}
li{list-style:none}
p{margin:0; padding:0}
input,select{border:1px solid #CCC; padding:5px; outline:none}
.tt{cursor:pointer}
#container{width:650px; margin:auto; position:relative}
.container{ float:left;width:600px; padding:25px; margin:auto; border-radius:5px; background:#FFF; margin:50px auto}

.support{float:left; width:984px; padding:20px;}
.left{float:left}
.right{float:right}
.green{color:#8cc63f}
 
.shadowBoxOut{
    border:1px solid #c3c3c3;
    width:400px;
	float:left; margin:1px
}
.shadowBoxOut1{ border:1px solid #c3c3c3;
    width:30px; float:left;margin:1px}
.shadowBox{
    background:#fff;
    
    height:20px;
    box-shadow:inset 3px 3px 2px #f5eeea;
    -moz-box-shadow:inset 3px 3px 2px #f5eeea;
    -webkit-box-shadow:inset 3px 3px 2px #f5eeea;
}
.shadowOut{
    box-shadow:2px 2px 2px #ccc;
    -moz-box-shadow:  2px 2px 2px #ccc;
    -webkit-box-shadow:  2px 2px 2px #ccc;
}
.smallshadowOut{
    box-shadow:0px 2px 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow:0px 2px 4px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow:0px 2px 4px rgba(0, 0, 0, 0.2);
}
.ieShadow{
    display:none;
}
.top{width:640px; margin:20px auto auto; float:left}
.top img#logo{float:left; margin:0 10px 0 0}
.top span#slogan{float:left; line-height:25px; margin-top:22px; font-size:16px}
.top .contactCont{width:640px; padding:5px 0; position:relative;}
.top .contactCont >p{overflow:hidden; height:1px;width:640px; float:left }
.top .contactCont >p.opened{background:#e0e0e0; border:1px solid #d1d1d1}
.top .contactDiv{float:left; width:620px; padding:0 10px}
.top .contact{ position:absolute; top:-15px; right:-2px;background:#e0e0e0; color:#9d9d9d; padding:1px 3px; border:1px solid #d1d1d1; cursor:pointer} 
.top .contact.opened{border-bottom:1px solid #e0e0e0}
.top div.descs{width:640px; float:left; margin-top:40px}
.top span.description{width:40%; padding:1%;background:#e0e0e0; border:1px solid #ddd; margin:1% 0}
.top span.ar{ text-align:right; direction:rtl; font-family:Tahoma, Geneva, sans-serif}

.qDescs{width:600px; float:left; margin-bottom:20px}
.qDescs .description{width:40%; padding:1%;background:#f0f0f0; border:1px solid #eee; margin:1% 0}
 .ar{ text-align:right; direction:rtl; font-family:Tahoma, Geneva, sans-serif}

.tab {	float: left; padding:15px 0;	}

.tab li {list-style: none;margin:10px;background:#dedfde;border: #CCCCCC solid 1px;	color:#fff;	float:left; width:120px;border-radius:0 0 10px 10px;}
.tab li strong{ float:left; width:100px; padding:10px; height:30px; background:#d2d2d2; text-align:center; font-weight:normal; color:#111}
.tab li strong span.ar{font-family:Tahoma, Geneva, sans-serif}
.tab li strong span{float:left; width:100px; height:20px; text-align:center}
.tab li img{ }
.tab li:hover{	cursor:pointer; background:url(images/chosen.png) no-repeat bottom center;background-color:#c2c2c2;}
.tab li:hover strong{ background:#b3b3b3;}
.tab li.selected{background:url(images/chosen.png) no-repeat bottom center;	background-color:#c2c2c2;}
.tab li.selected strong{ background:#b3b3b3;}

#tabs{padding:0; margin:0; border:0; float:left; width:600px;}
#tabs ul{float:left; width:600px;   padding:0; margin:0; margin-top:25px; height:130px}
#tabs ul li{float:left; width:149px; border-right:1px solid #CCC; position:relative; bottom:0; margin-top:62px }
 
/*  background:url(images/tab-bg.jpg) repeat-x #ccc; */
#tabs ul li a{background:#E8E8E8;float:left; width:127px; padding:10px; text-align:center;color:#a6a6a6; border-left:1px solid #d5d5d5; border-right:1px solid #d5d5d5; border-bottom:1px solid #c3c3c3; height:35px; line-height:24px; font-size:16px;
background-image: linear-gradient(bottom, #D4D4D4 10%, #E8E8E8 80%);
background-image: -o-linear-gradient(bottom, #D4D4D4 10%, #E8E8E8 80%);
background-image: -moz-linear-gradient(bottom, #D4D4D4 10%, #E8E8E8 80%);
background-image: -webkit-linear-gradient(bottom, #D4D4D4 10%, #E8E8E8 80%);
background-image: -ms-linear-gradient(bottom, #D4D4D4 10%, #E8E8E8 80%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.1, #D4D4D4),
	color-stop(0.8, #E8E8E8)
);
 }
#tabs ul li a>img{display:none;margin:0 14px}
#tabs ul li a>img.low{display:block; }
#tabs ul li a:hover{
	background:#D3D3D3;
	 
	background-image: linear-gradient(bottom, #C5C5C5 10%, #D3D3D3 50%);
background-image: -o-linear-gradient(bottom, #C5C5C5 10%, #D3D3D3 50%);
background-image: -moz-linear-gradient(bottom, #C5C5C5 10%, #D3D3D3 50%);
background-image: -webkit-linear-gradient(bottom, #C5C5C5 10%, #D3D3D3 50%);
background-image: -ms-linear-gradient(bottom, #C5C5C5 10%, #D3D3D3 50%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.1, #C5C5C5),
	color-stop(0.5, #D3D3D3)
);
color:#FFF
	}
#tabs ul li.active {border-radius: 0;}
#tabs ul li.active a{
	background:#D3D3D3;
	border-radius:10px 10px 0 0;
	background-image: linear-gradient(bottom, #C5C5C5 10%, #D3D3D3 50%);
background-image: -o-linear-gradient(bottom, #C5C5C5 10%, #D3D3D3 50%);
background-image: -moz-linear-gradient(bottom, #C5C5C5 10%, #D3D3D3 50%);
background-image: -webkit-linear-gradient(bottom, #C5C5C5 10%, #D3D3D3 50%);
background-image: -ms-linear-gradient(bottom, #C5C5C5 10%, #D3D3D3 50%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.1, #C5C5C5),
	color-stop(0.5, #D3D3D3)
);
color:#FFF;
height:116px;
margin-top:-81px;
}

#tabs ul li.active a>img{display:block}
#tabs ul li.active a>img.low{display:none}
.tab{display:none;}
.tab.active{display:block}
.tab h2{float:left; padding:10px; width:580px}
.tab ul{float:left; width:580px; padding:10px}
.pop{display:none; float:left; width:480px; min-height:140px; max-height:500px; background:#FFF; border:1px solid #ccc; padding:10px;}
#result{width:640px}
#popVote label{float:left; width:100px; padding:5px; margin:5px; font-weight:bold}
#popVote input{float:left; width:280px; margin:5px;}
#popVote select{float:left; width:292px; margin:5px;}
#popVote .voteBtn{padding:2px 5px; position:absolute; bottom:20px; right:20px; font-weight:bold; border:1px solid #ddd; background:#efefef}
#popVote .voteBtn:hover{background:#ddd;font-weight:bold; border:1px solid #cdcdcd;}
#popVote #voteSelection{float:left; width:440px;}

#sideMen{position:absolute; right:-50px; top:40px; width:50px; }
#sideMen a{margin:5px 0}
#sideMen img{border-radius:0px 5px 5px 0px}
.percentage{position:absolute; top:50%; left:30%;}
.close{padding:5px; background:#fcfcfc; border:1px solid #f1f1f1; font-weight:bold}
.close:hover{ background:#ececec; border:1px solid #e1e1e1;}