@charset "utf-8";
/* Template CSS, Design by Alireza Maghari :: alireza@toranjnet.com :: Toranjnet.com :: Toranjdata.ir */

#Template { direction:rtl;} /* imp for english version*/
#Template .TemplateContainer { position:relative; width:960px; margin:auto;}

#Header {height:206px; overflow:hidden;}
#Header .HeaderContainer { }
#Header .Logo {}


/*Language*/
.LanguageContainer { float:left; color:#FFF; display:none;} /* imp for english version*/
a.LangFa { width:21px; height:15px; display:block; background:url(../images/LangFa.png) 21px 0; float:left; margin-right:2px; text-indent:-100000px; overflow:hidden;} /* imp for english version*/
a.LangFa:hover {width:21px; height:15px; display:block; background:url(../images/LangFa.png) 0 0;} /* imp for english version*/ 

a.LangEn { width:21px; height:15px; display:block; background:url(../images/LangEn.png) 21px 0; float:left; margin-right:2px;  text-indent:-100000px; overflow:hidden;} /* imp for english version*/
a.LangEn:hover {width:21px; height:15px; display:block; background:url(../images/LangEn.png) 0 0;} /* imp for english version*/

a.LangFaSelect { width:21px; height:15px; display:block; background:url(../images/LangFa.png) 0 0; float:left; margin-right:2px; cursor:default;  text-indent:-100000px; overflow:hidden;} /* imp for english version*/
a.LangEnSelect { width:21px; height:15px; display:block; background:url(../images/LangEn.png) 0 0; float:left; margin-right:2px; cursor:default;  text-indent:-100000px; overflow:hidden;} /* imp for english version*/


/* Top Menu */
#TopMenu { background:url(../images/MenuBG.png) no-repeat center; height:69px; _behavior: url(js/iepngfix.htc); padding-right:35px;}
#TopMenu #nav { margin: 0; padding: 0; }
#TopMenu #nav li { display: inline; }
#TopMenu #nav li a { float: right; margin-right:15px; width:201px; height:59px; overflow: hidden; text-indent:-99999px; display:block; background-image: url(../images/MenuTop.png);  background-repeat: no-repeat;}

/* Normal */
#TopMenu #nav li#Home a { background-position: -603px 0px; }
#TopMenu #nav li#Match a { background-position: -402px 0; }
#TopMenu #nav li#Library a {  background-position: -201px 0; }
#TopMenu #nav li#Users a {  background-position: 0px 0; }

/* Over */
#TopMenu #nav li#Home a:hover { background-position: -603px -59px; }
#TopMenu #nav li#Match a:hover { background-position: -402px -59px; }
#TopMenu #nav li#Library a:hover { background-position: -201px -59px; }
#TopMenu #nav li#Users a:hover { background-position: 0px -59px; }

/* Select */
#TopMenu.Home #nav li#Home a , #TopMenu.Home #nav li#Home a:hover { background-position: -603px -118px; cursor: default; height:69px; }
#TopMenu.Match #nav li#Match a , #TopMenu.Match #nav li#Match a:hover { background-position: -402px -118px; cursor: default; height:69px;}
#TopMenu.Library #nav li#Library a , #TopMenu.Library #nav li#Library a:hover { background-position: -201px -118px; cursor: default; height:69px; }
#TopMenu.Users #nav li#Users a , #TopMenu.Users #nav li#Users a:hover {  background-position: 0px -118px; cursor: default; height:69px; }



/* Main */
#Main {  background:url(../images/MainBG.png) repeat-y center;}
#Main .MainContainer {min-height:300px; padding:30px 30px; margin:auto; overflow:hidden;} /* imp for english version*/
#Main .MainBtm { background:url(../images/MainBtm.png) no-repeat bottom; height:10px;}

#Sponsor { background:url(../images/SponsorBG.png) repeat-y center;}
#Sponsor .SponsorContainer { padding:5px 50px 0 50px;}
#Sponsor .SponsorBtm { background:url(../images/Sponsorbtm.png) no-repeat bottom; height:15px;}


#Footer { padding-bottom:10px;}
#Footer .FooterContainer {} /* imp for english version*/
#Footer .FooterContent {} /* imp for english version*/

#Footer .FooterLogo { width:450px;  height:80px; overflow:hidden; margin:10px auto; background:url(../images/FooterLogo.png) no-repeat center; } /* imp for english version*/
#Footer .Copyright { text-align:center; margin-top:8px; color:#9f5107 } 

#FooterLinks { text-align:center; }
#FooterLinks a { color:#ad7600; padding:2px; padding-top:0px;}
#FooterLinks a:hover { background-color:#9f5107; color:#FFF;}
#FooterLinks ul { list-style:none; margin: 0px;	padding: 0px;}
#FooterLinks li {display:inline; }
#FooterLinks .FooterSeperator { color:#ff7301; font-size:14px;}

.Column75 { float:right; width:74%;}
.Column50 { float:right; width:49%;}
.Column25 { float:right; width:24%; }
.Column65 { float:right; width:64%;}
.Column35 { float:right; width:34%;}
.Column70 { float:right; width:69%;}
.Column30 { float:right; width:29%;}

.ColumnSpacerRight5 { padding-right:5px;}
.ColumnSpacerLeft5 { padding-left:5px;}

.Navigator { padding:7px; margin-bottom:10px; border-bottom:#dadada 5px solid;  }
.AdsContainer { border:1px solid #8b6948; text-align:center; padding:1px; margin-bottom:5px;}















.DataList {}
.DataList ul {list-style-type: none; margin: 0; padding: 0;}
.DataList ul.ListView li { margin: 0 3px 3px 3px; padding:8px; padding-right: 1.5em; font-size: 1.4em; cursor:default; height:70px; }
.DataList ul.ListView li .DataListImage { width:60px; height:60px; overflow:hidden; border:2px solid #999; padding:2px; background:#CCC; float:right; margin-left:20px;}
.DataList ul.ListView li .DataListImage img { width:60px; height:60px;}
.DataList ul.ListView li .DatalistDescription { width:30%; float:right; margin-left:20px;}
.DataList ul.ListView li .DataListTitle {}
.DataList ul.ListView li .DataListSummery { height:37px; overflow:hidden; font-weight:normal; font-size:10px;}
.DataList ul.ListView li .DatalistPublicObj { float:right; font-weight:normal; font-size:11px;color:#666}
.DataList ul.ListView li .DatalistOpperation{  font-weight:normal; font-size:11px; color:#666; border-top:dotted 1px #999; padding-top:2px; margin-top:3px; }
.DataList ul.ListView li .DataListSummery { height:37px; overflow:hidden; font-weight:normal; font-size:10px;}
.DataList ul.ListView li span.Move { position: absolute; margin-right: -1.3em; cursor:move; }

.DataList ul.GalleryView li { margin:4px; padding:8px 5px; float: left; width: 170px; height:150px; font-size:12px; text-align: center; cursor:default; }
.DataList ul.GalleryView li .DataListImage { width:100px; height:100px; overflow:hidden; border:2px solid #999; padding:2px; background:#CCC; margin:auto; float:none;}
.DataList ul.GalleryView li .DataListImage img { width:100px; height:100px;}
.DataList ul.GalleryView li .DatalistDescription { width:100%;}
.DataList ul.GalleryView li .DataListTitle { padding:5px; font-weight:bold;}
.DataList ul.GalleryView li .DataListSummery { height:37px; overflow:hidden; font-weight:normal; font-size:10px; display:none;}
.DataList ul.GalleryView li .DatalistPublicObj { float:right; font-weight:normal; font-size:11px;color:#666; display:none;}
.DataList ul.GalleryView li .DatalistOpperation{  font-weight:normal; font-size:10px; color:#666; border-top:dotted 1px #999; padding-top:2px; }
.DataList ul.GalleryView li span.Move { position: absolute; margin-right: -1.3em; cursor:move; display:none; }

ul.BoxList {}
ul.BoxList {list-style-type: none; margin: 0; padding: 0;}
ul.BoxList li { margin:4px; padding:20px 5px; float: right; width: 170px; height:75px; overflow:hidden; font-size:12px; text-align:center; cursor:default; }
ul.BoxList li .DataListTitle { padding:5px; font-weight:bold;}


.LoginLogo { width:300px; height:100px; background-color:#CCC; margin:20px auto;}

#LoginBox {}
#LoginBox input[type="text"] , #LoginBox input[type="password"] { 
background:url(../images/TxtboxBG.png) no-repeat center;
border:none;
font-size:10px;
padding:3px;
width:150px;
height:20px;
color:#333;
}

.Resources {float:right; width:199px; overflow:hidden; border:1px solid #CCC; margin:1px; background:url(../Images/GradiantNarrow.png) repeat-x bottom;}
.ResourcesTitle { font-weight:bold; font-size:12px; color:#C30; padding-bottom:5px;}
.ResourcesImgContainer { height:80px; width:60px; padding:5px; background:#666; text-align:center; }
.ResourcesImgContainer img { max-height:70px;}
.ResourcesDescription { height:45px; overflow:hidden}
.ResourcesDownload {  background:url(../Images/iconPdf.png) no-repeat right center;}
.ResourcesDownload a {padding:5px 20px 5px 0px; display:block; color:#F00}
.ResourcesDownload a:hover { text-decoration:underline;}

a.MatchEnterBtn {border:1px solid #CCC; margin:1px; background:url(../Images/GradiantNarrow.png) repeat-x bottom; text-align:center; padding:10px; display:block; font-weight:bold;}
a.MatchEnterBtn:hover {border:1px solid #F30; color:#F00}


.Counter { position:fixed; top:10px; left:10px; padding:10px 30px; border:2px solid red; background:#f1f1f1;} 

#disp {  font-family:Tahoma; font-size:45px; color:Red;}

.AnswerPanel span { display:block; padding:2px; margin:2px;}
.AnswerPanel span.TrueAnswer { display:block; padding:2px; border:1px solid #006307; background:#00b00c; color:#fff;}