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

#Template { direction:rtl; background:url(../images/TemplateBG.jpg) no-repeat top center; min-height:400px;} /* imp for english version*/
#Template .FooterGradiant {background:url(../images/FooterBG.png) repeat-x bottom;}
#Template .TemplateContainer { position:relative; width:980px; margin:auto; }

#Header {height:100px; width:960px; margin:auto; overflow:hidden; background:url(../images/HeaderMenu.png) no-repeat center; _behavior: url(../js/iepngfix.htc);  }
#Header .HeaderContainer { }
#Header .Logo {}

#TopBanner { width:980px; height:290px; background:url(../images/TopBannerBG.png) no-repeat center; _behavior: url(../js/iepngfix.htc); }
#TopBanner .TopBannerContainer { padding:15px 33px;}

.MonasebatContainer { position:relative; width:527px; height:237px; overflow:hidden;}
.MonasebatFrame { width:527px; height:237px; position:absolute; z-index:2; top:0px; right:0px; background:url(../Images/MonasebatFrame.png);  _behavior: url(../js/iepngfix.htc);}

.MonasebatFrame .Shoar { color:#FFF; padding:8px 10px 10px 10px; height:12px; overflow:hidden; text-align:right;}
.MonasebatFrame .Shoar li { list-style:none; padding-bottom:5px; background-color:transparent !important; display:block !important; width:inherit !important;}
.MonasebatFrame .Tarikh { padding:10px; text-align:left; }
.MonasebatFrame .Tarikh .TarikhContainer  { border:1px solid #000; background:#fff; padding:2px; opacity:0.7 ; filter:alpha(opacity=70); color:#000;}



#LoginBar { height:35px; background:url(../images/LoginBG.png) no-repeat center; _behavior: url(../js/iepngfix.htc); padding:5px 20px; }

/* Main */
#Main {  background:url(../images/MainBG.png) repeat-y center;}
#Main .MainTop { background:url(../images/Maintop.png) no-repeat; height:15px;}
#Main .MainCnt { background:url(../images/MainCnt.png) repeat-y;}
#Main .MainBtm { background:url(../images/MainBtm.png) no-repeat; height:15px;}
#Main .MainContainer {min-height:300px; padding:15px 40px;} /* imp for english version*/


.Box {}
.Box .BoxTop { background:url(../images/BoxTop.png) no-repeat; height:15px;  _behavior: url(../js/iepngfix.htc);}
.Box .BoxBtm { background:url(../images/BoxBtm.png) no-repeat bottom; max-height:250px; overflow:hidden;  _behavior: url(../js/iepngfix.htc);}
.Box .BoxContainer {min-height:200px; padding:15px 30px;} /* imp for english version*/


#Footer { height:250px; width:980px; margin:auto; text-align:center;}
#Footer .FooterContainer {} /* imp for english version*/
#Footer .FooterContent {} /* imp for english version*/

#Footer .FooterLogo { width:45px;  height:60px; overflow:hidden; background:url(../images/FooterLogo.png) no-repeat; float:right; margin-right:6px;  _behavior: url(../js/iepngfix.htc); } /* imp for english version*/
#Footer .Copyright { text-align:right; margin-top:5px; margin-right:5px; color:#fff; float:right;   } 

#FooterLinks { float:left; padding-left:10px; width:250px; text-align:left; line-height:18px; }
#FooterLinks a { color:#fff; padding:2px; padding-top:0px;}
#FooterLinks a:hover { color:#FFF; text-decoration:underline;}
#FooterLinks ul { list-style:none; margin: 0px;	padding: 0px;}
#FooterLinks li {display:inline; }
#FooterLinks .FooterSeperator { color:#fff; font-size:11px;}

.Column75 { float:right; width:74%;}
.Column50 { float:right; width:49%;}
.Column25 { float:right; width:24%; }

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

.Navigator { padding:7px; margin-bottom:10px; border-bottom:#dadada 5px solid;  }




.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 { margin:20px auto; width:300px; border:1px solid #999; padding:20px; background-color:#FFF; color:#666; }
#LoginBox input[type="text"] , #LoginBox input[type="password"] { 
font-family:Verdana, Geneva, sans-serif;
background:#FBFBFB none repeat scroll 0 0;
border:1px solid #E5E5E5;
font-size:20px;
margin-bottom:15px;
margin-top:5px;
padding:3px;
width:97%;
direction:ltr;
}
#LoginBox input[type="button"] { padding:0px 6px 3px 6px; font-family:Tahoma, Geneva, sans-serif; float:left; margin:0px; font-size:16px;}


.PicContainer60 {overflow:hidden; width:60px; height:60px; padding:3px; text-align:center; border:#4fa6bc 1px solid; background-color:#D9E9F0; margin-left:10px;}
.PicContainer90 {overflow:hidden; width:90px; height:90px; padding:3px; text-align:center; border:#4fa6bc 1px solid; background-color:#D9E9F0; margin-left:10px;}
.GalleryPicContainer90 td { overflow:hidden; width:90px; height:90px; padding:3px; text-align:center; border:#4fa6bc 1px solid; background-color:#D9E9F0;}
.GalleryPicContainer110 td { overflow:hidden; width:110px; height:110px; padding:3px; text-align:center; border:#4fa6bc 1px solid; background-color:#D9E9F0;}
.GalleryPicContainer120 td { width:120px; height:120px; overflow:hidden; text-align:center; vertical-align:middle;}
.GalleryPicContainer120 img { padding:5px;  border:#4fa6bc 1px solid; background-color:#D9E9F0;}


.ImageShadow { border-top:1px solid #e2e2e2;  border-left:1px solid #e2e2e2; background:url(../images/ImageShadow.png) no-repeat bottom right; padding:1px 3px 3px 1px; direction:ltr;}
.ArrowR {
	display:inline-block;
	background-image:url(../images/ArrowR.gif);
	background-position:0 -65px; /* imp for english version*/
	background-repeat:no-repeat;
	height:15px;
	width:8px;
	}
	
.ArrowROver {
	display:inline-block;
	background-image:url(../images/ArrowR.gif);
	background-position:0px 0px; /* imp for english version*/
	background-repeat:no-repeat;
	height:15px;
	width:8px;
	cursor:pointer;
	}

.ArrowL {
	display:inline-block;
	background-image:url(../images/ArrowL.gif);
	background-position:0px -65px; /* imp for english version*/
	background-repeat:no-repeat;
	height:15px;
	width:8px;
	}
	
.ArrowLOver {
	display:inline-block;
	background-image:url(../images/ArrowL.gif);
	background-position:0px 0px; /* imp for english version*/
	background-repeat:no-repeat;
	height:15px;
	width:8px;
	cursor:pointer;
	}

.PhotoGallery td, td.PhotoGallery, .PhotoGallery { background:url(../images/PhotoGalleryFrame150.png) no-repeat center; text-align:center; vertical-align:middle; width:150px; height:150px; margin:1px;} 
.PhotoGallery td img, td.PhotoGallery img, .PhotoGallery img {border-top:1px solid #e2e2e2;  border-left:1px solid #e2e2e2; background:url(../images/ImageShadow.png) no-repeat bottom right; padding:1px 3px 3px 1px;}




.LoadingCatLayer1 {width:540px; height:78px; margin-top:-103px; position:absolute; z-index:10; background:#0CF url(../images/AjaxLoading1.gif) no-repeat center; padding:20px; filter: Alpha(Opacity=70);-moz-opacity:.70; opacity:.70; text-align:center; font-size:12px;  color:#FFF}

.LoadingCatLayer2 {width:890px; height:420px; margin-top:-405px; margin-right:-27px; position:absolute; z-index:10; background:#fff url(../images/AjaxLoading2.gif) no-repeat center; filter: Alpha(Opacity=70);-moz-opacity:.70; opacity:.70; text-align:center; font-size:12px;  color:#FFF}

.LoadingCatLayer3 {width:858px; height:347px; margin-top:0px; position:absolute; z-index:10000000; background:#fff url(../images/AjaxLoading2.gif) no-repeat center; padding:20px; filter: Alpha(Opacity=70);-moz-opacity:.70; opacity:.70; text-align:center; font-size:12px;  color:#FFF;}