﻿/*
    Master Version 2.4
    SiteSaz® Version 1.8 (www.SiteSaz.ir)
    Content :
        01.Layout           11.NewsControl
        02.Header           12.UserControl
        03.SlideShow        13.LinksControl
        04.Widget           14.ExtraTools
        05.HtmlMenu         15.VoteControl
        06.MainMenu         16.SponsorMedium
        07.TextMenu         17.SponsorLarge
        08.BaseMenu         18.PagePath
        09.SearchControl    19.Footer
        10.Language         20.License
*/

.rtl { font: 13.2px 'B yekan','Yekan',Tahoma,Arial; direction:rtl; }
.ltr { font: 14px Calibri, sans-serif, Arial,Tahoma; }
A, A:visited { color: #0043a7; }
A:hover      { color: #002660; }
h1, h2, h3, h4, h5, h6 { color: inherit; text-rendering: optimizelegibility; margin: 0;padding: 0; font-weight:normal;}
h1 {font-size: 28px;}
h4 {font-size: 14px;}
h5, h6 {font-size: 12px;}
.rtl h1, .rtl h2 { font-family: 'B yekan','Yekan',Arial;}
.rtl h3, .rtl h4, .rtl h5, .rtl h6 { font-family: 'B koodak','koodak',Tahoma,Arial ;}
.ltr h1,.ltr h2,.ltr h3,.ltr h4,.ltr h5,.ltr h6 {font-family: sans-serif,Arial;}

/*[01.Layout]*/
 body { background: url(../images/body/BgBody.jpg) repeat; }
.hedaer-top{ background:url(../images/Body/hedear.jpg) repeat-x center top;}
.contaner{ background: url(../images/Body/contaner.jpg) repeat; padding:5px; width:980px; margin:auto;}
.PageWrapper         {min-width:1000px; }
.Main                   { width: 990px; }
.LCTW, .RCTW            { width: 755px; }
.AsideRight, .AsideLeft	{ width: 210px; }
.ContentResize          { width: 540px; margin:0 5px;}
.Main {margin-right: auto;margin-left: auto;*zoom: 1;} 
.Main:before, .Main:after  {display: table;line-height: 0;content: "";} 
.Main:after {clear: both;}
.rtl .ContentResize, .rtl .RCTW, .ltr .LCTW {float: right;}
.ltr .ContentResize, .ltr .RCTW, .rtl .LCTW {float: left;}
.LCTW,.RCTW,.MCTW,.ContentResize { padding: 4px; background: #FFF; border: 1px solid #CCC; }

/*[02.Header]*/
.Header { background:url(../images/Body/head-center.jpg) no-repeat top center; position: relative;  }
.Header .TitleSite          { height: 255px; color: #fff; position: relative; }
.Header .TitleSite h1		{ font-size:32px; line-height:37px;}
.Header .TitleSite h1 A{ color:#fff;}
.Header .TitleSite h1 img   { margin-top: 5px; }
.sitetitle{ position:absolute; top:80px; right:355px; width:250px; text-align:center}
.rtl .Header .BottomHeader       { position:absolute; top:170px; left:20px; margin-bottom:5px;}
.ltr .Header .BottomHeader       { position:absolute; top:170px; right:20px; margin-bottom:5px;}
.Header .BottomHeader:empty { margin-bottom:0px !important;}

/*[03.SlideShow]*/
.SlideShow { margin: 0 auto; max-width: 100%;  direction: ltr; background:#BBB; }
.camera_wrap, .cameraContent, .SlideShow {height:240px !important;}

/*[04.Widget]*/
.Widget                     { background:#fff; padding:5px; border:5px double #e6e4e5; margin-bottom: 5px; }
.Widget .WidgetHeader       { background: url(../images/body/BgHeaderWidget.jpg) repeat-x; height: 30px; line-height: 30px; padding: 0 7px; color: #FFF; text-shadow: 0px 1px 1px #000; position: relative; }
.Widget .WidgetHeader span  { width: 100%; }
.Widget .WidgetBody         { padding: 5px; border: 1px solid #CCC; border-top: none; background:#FFF; }
.Widget .WidgetBody img     { max-width: 100%; }

/*[05.HtmlMenu]*/
.HtmlMenuH                                  { height: 40px; position: absolute; top:235px; }
.HtmlMenuH .HMW                             { list-style: none; }
.HtmlMenuH .HMW .ItemHtmlMenu				{ display: block; height: 40px;}
.HtmlMenuH .HMW .ItemHtmlMenu:hover         { background: #FFF; color: #000; text-shadow: 0 1px 3px #CCC; }
.HtmlMenuH .HMW .ItemHtmlMenu:hover .THM    { color: #000 !important; }
.HtmlMenuH .HMW .ItemHtmlMenu .THM			{ display: block; height: inherit; padding: 0 10px; color: #000; font: 18px/40px 'B koodak','koodak',Arial; min-width:100px;}
.HtmlMenuH .HMW .ItemHtmlMenu .THM img		{ position: relative; top: 4px; margin: 0 5px; }
.rtl .HtmlMenuH .HMW .ItemHtmlMenu .CHM			{ opacity: 0; background: #FFF; width: 990px; height: 0px;  position: absolute; right: 0; top:40px; font-size: 13.2px; text-shadow: none; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; overflow: hidden; z-index: 200; }
.ltr .HtmlMenuH .HMW .ItemHtmlMenu .CHM			{ opacity: 0; background: #FFF; width: 990px; height: 0px;  position: absolute; left: 0; top:40px; font-size: 13.2px; text-shadow: none; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; overflow: hidden; z-index: 200; }
.HtmlMenuH .HMW .ItemHtmlMenu:hover .CHM	{ opacity: 1; height: 265px;}
.ltr .HtmlMenuH .HMW .ItemHtmlMenu .THM     {line-height:45px !important;}
.ltr .HtmlMenuH .HMW .ItemHtmlMenu .THM img {top:2px;}

.HtmlMenuV                                  { width: 210px;position: relative; z-index:1000;}
.HtmlMenuV .HMW                             { list-style:none;} 
.HtmlMenuV .HMW .ItemHtmlMenu               { float:none; background: #F1F1F1; margin-bottom: 1px; line-height: 40px; color:#000;}
.HtmlMenuV .HMW .ItemHtmlMenu:hover         { background: #FFF;}
.HtmlMenuV .HMW .ItemHtmlMenu .THM          { display: block; height: 100%; padding: 0 5px;}
.HtmlMenuV .HMW .ItemHtmlMenu .THM img      { margin: 0 5px; position:relative; top:4px;}
.HtmlMenuV .HMW .ItemHtmlMenu .CHM          { display:none; width: 780px; height: 240px; position: absolute; right: 100%; top: 0; background: #FFF; }
.HtmlMenuV .HMW .ItemHtmlMenu:hover .CHM    { display:block; }
.ltr .HtmlMenuV .HMW .ItemHtmlMenu .CHM     { left: 100%; }

/*[06.MainMenu]*/
/*MainMenuVertical*/
.MainMenuV ul                { list-style: none; z-index: 150; }
.MainMenuV ul li:last-child  { border-bottom: 1px solid #CCC; }
.MainMenuV ul li             { background: #EEE; position: relative; border: 1px solid #CCC; border-bottom: none; min-height: 29px; }
.MainMenuV ul li A           { display: block; min-height: 24px; height: 100%; padding: 3px 3px; color: #5d0925 !important; line-height: 23px; }
.rtl .MainMenuV ul li A.Sub  { background: url(../images/body/Arrow.png) left top no-repeat; }
.ltr .MainMenuV ul li A.Sub  { background: url(../images/body/Arrow.png) right -30px no-repeat; }
.MainMenuV ul li A img       { position: relative; top: 5px; right: 0px;}
.rtl .MainMenuV ul ul        { position: absolute; right: 100%; width: 100%; top: -1px; visibility: hidden; }
.ltr .MainMenuV ul ul        { position: absolute; left: 100%; width: 100%; top: -1px; visibility: hidden; }
.MainMenuV ul li:active      { background-color: #F4F4F4;}
.MainMenuV ul li:hover       { background: #FFF; }

/*MainMenuHorizontal*/
.MainMenuH ul				{ list-style: none; z-index: 150; }
.MainMenuH ul li			{ min-width:100px; height:34px; background: #eeeeee; margin: 0 1px; position: relative; -webkit-transition: background-color 0.3s ease; transition: background-color 0.3s ease; }
.rtl .MainMenuH ul li		{ float:right;}
.ltr .MainMenuH ul li		{ float:left;}
.MainMenuH ul li:hover		{ background:#CCC;}
.MainMenuH ul li A			{ display:block; height:34px; padding:5px; line-height:25px; color:#5d0925; }
.MainMenuH ul li A span		{ padding:4px;}
.rtl .MainMenuH ul li A img { position: relative; top: 5px; left: 2px; }
.ltr .MainMenuH ul li A img { position: relative; top: 5px; right: 2px; }
.rtl .MainMenuH ul ul		{ position:absolute; top:34px; right:0px; width:180px;}
.ltr .MainMenuH ul ul		{ position:absolute; top:34px; left:0px; width:180px;}
.MainMenuH ul ul li			{ width:180px; position:relative;margin:0;}
.rtl .MainMenuH ul ul ul	{ position:absolute; right:100%; top:0;}
.ltr .MainMenuH ul ul ul	{ position:absolute; left:100%; top:0;}
.MainMenuH ul ul ul	{ display:none;}

/*[07.TextMenu]*/
.TextMenu       { height: 32px; }
.TextMenu li    { display: inline; *zoom:1;}
.TextMenu A     { height: 100%; line-height: 30px; color:#fff;}
.TextMenu A img { position: relative; top: 4px; margin: 0 4px;}

/*[08.BaseMenu]*/
.BaseMenu       { padding: 5px; margin-top:50px; }
.BaseMenu A     { color:#fff;}
.BaseMenu A img	{ position: relative; top: 4px; margin: 0 4px;}

/*[09.SearchControl]*/
.rtl .SearchSite		{background:#292728; width: 220px; height: 28px; position: absolute; top:170px; right:10px; border:1px dashed #454545;}
.ltr .SearchSite		{background:#292728; width: 220px; height: 28px; position: absolute; top:170px; left:10px; border:1px dashed #454545;}
.SearchSite .TxtSearch	{ background:#292728; width: 185px; height: 100%;  padding: 0 3px; border: none; color:#fff;  }
.SearchSite .BtnSearch	{ width: 25px ; height: 28px; background: url(../images/body/Search.png) no-repeat top left; border: none; font-size: 0px; }
.SearchSite .BtnSearching   { background: url(../images/body/Search.png) no-repeat bottom left !important; }
.SearchSite .TxtSearchGray  { color: #CCC !important; }
.SearchSite .TxtSearch,.SearchSite .TxtSearch:focus,.SearchSite .TxtSearch:hover {outline:none !important;}

/*[10.Language]*/
.Language   {height: 25px; background: #242424;border:1px dashed #454545; padding:3px 3px 0 3px;}
.Language A { width:30px; height:22px; display:inline-block;}

/*[11.NewsControl]*/
.NewsControl    { }
.NewsControl p  { text-align: justify; }
.NewsControl .NextNews, .NewsControl .PrevNews { top: 9px; outline: none; position: absolute; }
.rtl .NewsControl .PrevNews { left: 6px;  }
.rtl .NewsControl .NextNews { left: 20px; }
.ltr .NewsControl .PrevNews { right: 20px;}
.ltr .NewsControl .NextNews { right: 6px; }

/*[12.UserControl]*/
.UserControl {}
.rtl .UserControl .UCW  { margin-bottom: 5px; }
.ltr .UserControl .UCW  { margin-bottom: 5px; font-size: 11px; }
.UserControl div span   { display: inline-block; width: 30%; }
.UserControl input[type="text"], .UserControl input[type="password"]{width: 57%; height: 22px; padding: 2px 0 2px 20px; border: 1px solid #CCC; font: 13px Calibri, Arial; background: #EEE url(../images/icons/User-txt.png) no-repeat;}
.UserControl input[type="text"]     {background-position:  2px -43px;}
.UserControl input[type="password"] {background-position: 2px  2px ;}
.UserControl .TxtWarning {border: 1px solid #eb5339 !important; background: #FFF url(../images/icons/User-txt.png) no-repeat }
.UserControl input[type="text"].TxtWarning      {background-position: 2px -64px; background-color:#FFF; }
.UserControl input[type="password"].TxtWarning  { background-position: 2px -20px; background-color:#FFF;}
.UserControl input[type="text"]:hover, .UserControl input[type="password"]:hover { border: 1px solid #AAA; }
.UserControl input[type="text"]:focus, .UserControl input[type="password"]:focus { border: 1px solid #AAA; -moz-box-shadow: 0 0 3px #BBB inset; -webkit-box-shadow: 0 0 3px #BBB inset; box-shadow: 0 0 3px #BBB inset; text-shadow: 1px 1px 3px #AAA; background: #FFF url(../images/icons/User-txt.png) no-repeat }
.UserControl input[type="text"]:focus{ background-position:  2px -43px; }
.UserControl input[type="password"]:focus{ background-position:  2px 2px; }
.UserControl .SignUp { display: block; text-align: center; }
.UserControl .Btn { margin: 10px auto 5px auto; width: 110px; display: block; }
.UserControl p { text-align: justify; }
.UserControl .UserMenu { list-style: none; }
.UserControl .WarningValidator { display: none !important; }
.UserControl .MessageWarning { border: 1px solid #eb5339 !important; background: #fccac2; padding: 4px; margin-bottom: 6px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
.UserControl .UserMenu li, .UserControl .UserMenu li A { position: relative; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.UserControl .UserMenu li {background:#EEE;}

/*[13.LinksControl]*/
.LinksControl ul {list-style:none; }
.LinksControl ul ul li A {display:block; }
.LinksControl ul ul li A img {position:relative;top:3px;margin: 0 4px;}
.LinksControl ul ul li A span {position:relative;top:-3px;}

/*[14.ExtraTools]*/
.ExtraTools             { background: #242424;border:1px dashed #454545; height: 22px; position: relative; padding: 3px; }
.ExtraTools ul li img   { height: 22px; }
.ExtraTools ul          { list-style: none; }
.ExtraTools ul li       { height: 28px; display: inline-block; }
.ExtraTools ul li A     { display: block; line-height: 30px; }

/*[15.VoteControl]*/
.VoteControl { }
.VoteControl .Question { text-align:justify; }
.VoteControl .Vote .ListRadioButton { position: relative; margin-bottom: 10px; }
.VoteControl .Vote .ListRadioButton ul { list-style:none; }
.VoteControl .Vote .ListRadioButton ul li { height: 30px; margin-bottom: 1px; position: relative; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }
.VoteControl .Vote .ListRadioButton ul[disabled="disabled"] li.Checked, .VoteControl .Vote .ListRadioButton ul li { background: #F1F1F1 !important; color:#000; }
.VoteControl .Vote .ListRadioButton ul li label { display:block; height:100%; line-height:30px; padding:0 22px; }
.rtl .VoteControl .Vote .ListRadioButton ul li input { position:absolute; right:3px; top:8px; }
.ltr .VoteControl .Vote .ListRadioButton ul li input { position:absolute; left:3px; top:8px; }
.VoteControl .Vote .ListRadioButton ul li.Checked { background:#61830c !important; color:#FFF; }
.VoteControl .Vote .ListRadioButton .Strong { color: green; }

/*[16.SponsorMedium]*/
.SponsorMediumControl .WidgetBody {text-align:center;}

/*[17.SponsorLarge]*/
.SponsorLargeControl { margin-top:15px;text-align:center;}

/*[18.PagePath]*/
.PagePath { background:#F1F1F1; height:28px; margin-bottom:4px; padding: 0 7px; line-height:28px; }

/*[19.Footer]*/
.Footer { position: relative; margin-bottom: 15px; background: url(../images/Body/Footer.jpg) no-repeat; height:180px; text-align:center; padding:10px 0}
.wfooter{ background:url(../images/Body/Footer-w.jpg) repeat-x;}
/*[20.License]*/
.LicenseControl { color:#ccc; margin-top: 10px}
.LicenseControl A{ color:#FFF;}