/*
    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: #0043a7; }
A:hover      { color: #002660; }

/*[HEADING]*/
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',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: #838483 url(../images/body/BgBody.jpg) repeat-x 0 0; }
.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   { background:#fff; padding:10px; margin-top:10px;}
.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: #FFF; padding: 4px; border: 1px solid #CCC; }
.LeftContentWrapper,
.RightContentWrapper	{ width: 765px; }
.MainContentWrapper		{ width: 550px; margin: 0 5px; }
.AsideRight, .AsideLeft	{ width: 210px; }

/*[02.Header]*/
.Header { background:url(../images/Body/header.jpg) repeat-x; position: relative; margin-bottom: 5px;  }
.Header .TitleSite          { height: 65px; overflow: hidden; color: #333;margin:0 5px; }
.Header .TitleSite h1		{ font-size:32px; line-height:37px;}
.Header .TitleSite h1 img   { margin-top: 5px; }
.Header .BottomHeader       { margin-top:0px;margin:5px;}
.Header .BottomHeader:empty { margin-bottom:0px !important;}
.Header .bottom1{ background:url(../images/Body/Header-bottom.jpg) repeat-x center; height:30px;}
/*[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:240px !important;}

/*[04.Widget]*/
.Widget                     { margin-bottom: 5px; }
.Widget .WidgetHeader       { background: #4b729b 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]*/
.HtmlMenu       { height: 35px; position: relative; background: #984f67 url(../images/body/BgHtmlMenu.jpg) repeat-x;  }
.HtmlMenu .HMW  { list-style: none; }
.HtmlMenu .HMW li				{ display: block; height: 35px;}
.HtmlMenu .HMW li:hover         { background: #bfd2e1; color: #000; text-shadow: 0 1px 3px #CCC; }
.HtmlMenu .HMW li:hover .THM    { color: #000 !important; }
.HtmlMenu .HMW li .THM			{ display: block; height: inherit; padding: 0 10px; color: #FFF; font: 14px/35px 'b koodak','koodak',Arial;}
.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:35px; 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: 270px;}

/*[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: #000 !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 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;}
.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;}

/*[07.TextMenu]*/
.TextMenu       { height: 32px;margin:0 5px; }
.TextMenu li    { display: inline; *zoom:1;}
.TextMenu A     { height: 100%; line-height: 30px; color:#fff;}
.TextMenu A img { position: relative; top: 4px; margin:0 5px;}

/*[08.BaseMenu]*/
.BaseMenu       { padding: 5px; text-align:center }
.BaseMenu A     { color:#000;}
.BaseMenu A img	{ position: relative; top: 4px; margin:0 5px; }

/*[09.SearchControl]*/
.SearchSite				{ width: 150px; height: 28px; background: #FFF;  border: 1px solid #AAA; position: relative;}
.SearchSite .TxtSearch	{ width: 117px; height: 100%;  padding: 0 3px; border: none;  }
.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: #FFF; border: 1px solid #AAA; 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:#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: #FFF; border: 1px solid #AAA; 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 {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; padding:10px; background:#fff; }
/*[20.License]*/
.LicenseControl { margin-top: 10px; text-align: center; }