/*
    Default.css 
	Version 2.2
    SiteSaz® Version 1.8 (www.SiteSaz.ir)
    Reset CSS: /include/base.css
	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
*/


/*[00.Refrences]*/
.rtl { font: 13.2px 'B Yekan', 'Yekan', Tahoma; direction:rtl; }
.ltr { font: 12px sans-serif, Arial, Tahoma; }

A, A:visited { color: #fff; }
A:hover      { color: #fff; }

/*[HEADING]*/
h1,h2,h3,h4,h5,h6 {color: #fff; 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',Arial ;}
.ltr h1,.ltr h2,.ltr h3,.ltr h4,.ltr h5,.ltr h6 {   font-family: Arial;}
.rtl .Right {float: right;}
.ltr .Right {float: left;}
.rtl .Left  {float: left;}
.ltr .Left  {float: right;}
.rtl .AlignLeft     {text-align: left;}
.ltr .AlignLeft     {text-align: right;}
.rtl .AlignRight    {text-align: right;}
.ltr .AlignRight    {text-align: left;}
.AlignCenter,.TxtCenter{text-align: center;}

/*[01.Layout]*/
body { background: url(../images/body/BgBody.jpg) repeat; }
.PageWrapper {min-width:1000px;}
.Main           {width: 990px; margin-right: auto;margin-left: auto;*zoom: 1;}
.Main:before, .Main:after     {display: table;line-height: 0;content: "";}
.Main:after     {clear: both;}
.Container   {margin-bottom: 5px;}
.rtl .AsideRight,.rtl .MainContentWrapper,.rtl .RightContentWrapper,.ltr .AsideLeft,.ltr .LeftContentWrapper { float: right; }
.rtl .AsideLeft,.rtl .LeftContentWrapper,.ltr .AsideRight,.ltr .MainContentWrapper, .ltr .RightContentWrapper{ float: left; }
.LeftContentWrapper, .RightContentWrapper, .MainContentWrapper, .MaximumContentWrapper  { background: #222; padding: 4px; border: 1px solid #464400; }
.LeftContentWrapper,
.RightContentWrapper	{ width: 745px; }
.MainContentWrapper		{ width: 530px; margin: 0 5px; }
.AsideRight, .AsideLeft	{ width: 230px; }

/*[02.Header]*/
.rtl .head-top{background:url(../images/Body/head.png) no-repeat left top; position:absolute; height:276px; top:0px; left:-10px; width:249px; z-index:9}
.ltr .head-top{background:url(../images/Body/head.png) no-repeat right top; position:absolute; height:276px; top:0px; right:-10px; width:249px; z-index:9}
.Header {  position: relative; margin-bottom: 5px;  }
.Header .TitleSite          { height: 95px; overflow: hidden; color: #333; }
.Header .TitleSite h1		{ font-size:32px; line-height:37px;}
.Header .TitleSite h1 img   { margin-top: 5px; }
.rtl .Header .BottomHeader       { margin-bottom:5px; position:absolute; top:60px; right:0px}
.ltr .Header .BottomHeader       { margin-bottom:5px; position:absolute; top:60px; left:0px}
.Header .BottomHeader:empty { margin-bottom:0px !important;}
.PostContent{color:#FFF;}
/*[03.SlideShow]*/
.SlideShow          { margin: 0 auto; max-width: 100%; overflow: hidden; direction: ltr; background:#BBB; }
.rtl .SlideShow_caption{ bottom: 0; display: block; position: absolute; width: 100%; direction: rtl; }
.ltr .SlideShow_caption{ bottom: 0; display: block; position: absolute; width: 100%; direction: ltr; }
.camera_wrap,.cameraContent,.SlideShow {height:320px !important;}

/*[04.Widget]*/
.Widget                     { margin-bottom: 5px; }
.Widget .WidgetHeader       {background:#222;  height: 30px; line-height: 30px; padding: 0 7px; color: #FFF; text-shadow: 0px 1px 1px #000; position: relative;
 border: 1px solid #464400; }
.Widget .WidgetHeader span  { width: 100%; }
.Widget .WidgetBody         { padding: 5px; border: 1px solid #464400; border-top: none; background:#222; color:#fff;}
.Widget .WidgetBody img     { max-width: 100%; }

/*[05.HtmlMenu]*/
.HtmlMenu       { height: 40px; position: relative;  }
.HtmlMenu .HMW  { list-style: none; }
.HtmlMenu .HMW li				{ display: block; height: 40px; background: url(../images/body/BgHtmlMenu.png) no-repeat;}
.HtmlMenu .HMW li:hover         { background: url(../images/Body/menu-select.png) no-repeat; color: #000; text-shadow: 0 1px 3px #CCC; }
.HtmlMenu .HMW li:hover .THM    { color: #fff600 !important; }
.HtmlMenu .HMW li .THM			{ display: block; height: inherit; padding: 0 10px; color: #FFF; font: 18px/40px 'b koodak','koodak',Arial; min-width:100px;}
.HtmlMenu .HMW li .THM img		{ position: relative; top: 4px; margin: 0 5px; }
.HtmlMenu .HMW li .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; }
.HtmlMenu .HMW li:hover .CHM	{ opacity: 1; height: 320px;}

/*[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; border-bottom: 1px solid #FFF; position: relative; -moz-transition: background-color 0.3s ease; -o-transition: background-color 0.3s ease; -webkit-transition: background-color 0.3s ease; transition: background-color 0.3s ease; 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; border: 1px solid #FFF; }
.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; }
.rtl .MainMenuV ul li A img       { position: relative; top: 5px; left: 2px; }
.ltr .MainMenuV ul li A img       { position: relative; top: 5px; right: 2px; }
.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; -moz-box-shadow: 0 0 3px #888 inset; -webkit-box-shadow: 0 0 2px #888 inset; box-shadow: 0 0 3px #888 inset; }
.MainMenuV ul li:hover       { background: #FFF; }

/*MainMenuHorizontal*/
.MainMenuH{ background:#222; border:1px solid #111; padding:3px}
.MainMenuH ul				{ list-style: none; z-index: 150; }
.MainMenuH ul li			{min-width:100px; height:34px; background: #333; 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:#111;}
.MainMenuH ul li A			{display:block; height:34px; padding:5px; line-height:25px; color:#fff600; }
.MainMenuH ul li A span		{padding:4px;}
.MainMenuH ul li img		{position:relative; top:5px;}
.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	        { display:none;}
/*[07.TextMenu]*/
.rtl .TextMenu       { height: 32px;position:absolute ;top:0px; right:0px }
.ltr .TextMenu       { height: 32px;position:absolute ;top:0px; left:0px }
.TextMenu li    { display: inline; *zoom:1;}
.TextMenu A     { height: 100%; line-height: 30px;color:#fff600;}
.TextMenu A img { position: relative; top: 4px; margin:0 4px; }

/*[08.BaseMenu]*/
.rtl .BaseMenu       { background: #222; border: 1px solid #464400; padding: 5px; width:742px; position:absolute ;top:0px; right:0px; text-align:right; }
.ltr .BaseMenu       { background: #222; border: 1px solid #464400; padding: 5px; width:742px; position:absolute ;top:0px; left:0px;text-align:left; }
.BaseMenu A     { color:#fff600; }
.BaseMenu A img	{ position: relative; top: 4px; margin:0 4px;}

/*[09.SearchControl]*/
.SearchSite				{ width: 150px; height: 28px; background: #222;  border: 1px solid #464400; position: relative;}
.SearchSite .TxtSearch	{ width: 117px; height: 100%;  padding: 0 3px; border: none; background: #222; color:#fff;  }
.SearchSite .BtnSearch	{ width: 25px ; height: 28px; background: url(../images/body/BgSearch.gif) no-repeat top left; border: none; font-size: 0px; }
.SearchSite .BtnSearching   { background: url(../images/body/BgSearch.gif) no-repeat bottom left !important; }
.SearchSite .TxtSearchGray  { color: #CCC !important; }
.SearchSite .TxtSearch:focus {outline:0 !important;}

/*[10.Language]*/
.Language   {height: 25px; background: #222; border: 1px solid #464400; 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 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:#333;}

/*[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: #222; border: 1px solid #464400; height: 22px; position: relative; padding: 3px; text-align:center; }
.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: #333 !important; color:#fff; }
.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 {text-align:center;}

/*[18.PagePath]*/
.PagePath { background:#222; height:28px; margin-bottom:4px; padding: 0 7px; line-height:28px; }

/*[19.Footer]*/
.Footer {  position: relative; margin-bottom: 15px; }
.rtl .wfooter{background:url(../images/Body/footer.png) no-repeat top right; width:230px; height:101px; margin:0 2px;}
.ltr .wfooter{background:url(../images/Body/footer.png) no-repeat top right; width:230px; height:101px;margin:0 -2px;}
/*[20.License]*/
.LicenseControl { margin-top: 50px; text-align: center; font:13.2px yekan; color:#fff600; }
