body { text-align: center; margin: 0 0; padding: 0 auto; font-family: tahoma; background-color: white; background-image: url(../images/body.png); background-position: top left; background-repeat: repeat-x; } .clear { clear: both; } #background { margin: 0 auto; width: 1320px; } #main { background-color: white; box-shadow: 0 0 4px 1px gray; margin: 0 auto; width: 1320px; padding: 0 0 40px 0; float: left; } #header { background-image: url("http://8pic.ir/images/gfazyeekaveipz53cuql.jpg"); background-repeat: no-repeat; background-size: contain; height: 190px; width: 100%; } #title { float: right; height: 100px; margin: 10px 0 0; width: 990px; overflow: hidden; text-indent: -9999px; } #title h1 { color: #9DC500; margin: 30px 202px 0 0; text-align: right; text-shadow: 1px 1px black; font-size: 30px; } #title h4 { margin: 16px 282px 0 0; color: black; text-align: right; } #menu-bar { background-image: url("../images/menubar.jpg"); height: 37px; margin: 0 0 2px 10px; width: 1300px; border-radius: 5px 5px 5px 5px; float: left; } #menu { float: right; height: 32px; margin: 1px 10px 0 0; width: 930px; } #menu ul{ list-style-type: none; padding: 50px 100px 0 0; } #menu li{ float:right; padding: 0 5px 0 5px; } #menu ul a:link , #menu ul a:visited{ font-size: 12px; font-weight: bold; color:white; text-decoration: none; padding-right:0; background: url(../images/menu-seperate.png) no-repeat top left; } #mainlevelmainnav ul li a:hover { color: yellow !important; font-size: 11px !important; } #mainlevelmainnav ul li span:hover { color: yellow !important; font-size: 11px !important; } #menu ul li a:hover{ color: gold; } #menu ul li span{ font-size: 12px; font-weight: bold; color:white; text-decoration: none; padding:6px 16px 0 0; height: 40px; } #mainlevelmainnav ul li { text-align: center !important; padding: 0 0 0 0 !important; color: white; } .separator { padding:6px 4px 0 10px !important; } #mainlevelmainnav ul li li a { color: #DDE3D6 !important; background: none !important; font-size: 12px!important; } #mainlevelmainnav ul li ul li { width: 202px !important; margin: 0 9px 0 0; background: url(../images/submenu-seperate.png) no-repeat bottom left; } #mainlevelmainnav ul li ul li a { margin: 5px 0 0 0; } #mainlevelmainnav ul li ul li span { margin: 5px 0 0 0; font-size: 13px; } #mainlevelmainnav ul li ul li:hover { background: url(../images/submenu-seperate.png) no-repeat bottom left; } #mainlevelmainnav ul li ul { border-radius: 0 0 10px 10px; background-color: gray !important; width: 222px !important; } #mainlevelmainnav ul li ul .parent , #mainlevelmainnav ul li ul .parent:hover { background: url(../images/menu-arrow2.png) no-repeat top left; } /* menu*/ #search { float: left; height: 50px; margin: 3px 29px; padding: 0; width: 250px; } #mod-search-searchword { border-radius: 6px 6px 6px 6px; color: black; margin: 0 23px 0 0; padding: 1px 4px 0 0; } #search .button { background: url("../images/searchbtn.png") no-repeat scroll left center transparent; cursor: pointer; float: left; height: 21px; margin: 0 0 0 49px; position: absolute; width: 25px; } #main-body { background-color: #E6E6E6; margin: 0 0 0 10px; width: 1300px; border-radius: 5px 5px 5px 5px; float: left; } #left { float: left; margin: 0 15px 30px 10px; width: 244px; text-align: right; } /* left */ #left .input-string { margin: 29px 35px 0 0 !important; } #left .module div div div ul { margin: 21px -24px 0 0; padding: 0 57px 29px 11px; text-align: right; } #left .module div div div ul li a { text-decoration: none; color: black; } #left .module div div div ul li { margin: 0 0 3px 0; } #left .module { background-image: url(../images/left-middle.png); background-repeat:repeat-y; background-position: top right; border-radius: 6px 6px 6px 6px; } #left .module div { background-image: url(../images/left-top.png); background-repeat:no-repeat; background-position: top right; } #left .module div div { background-image: url(../images/left-bottom.png); background-repeat:no-repeat; background-position: bottom right; } #left .module div div div h3 { color: white; font-size: 14px; padding: 13px 0 10px 0; text-align: center; } #left .module p { padding: 13px 3px 0 0; } #left .module div div div .newsflash p { padding: 22px 0 0 0; } #left .module div div div div { font-size: 12px; color: black; } #left .module div div div { font-size: 12px; color:black; margin: 0 5px 0px 5px; padding: 0px 6px 20px 6px; } #left .module div div div form { padding: 29px 11px 0 20px !important; text-align: right; } #left .module div div div form p { padding: 5px 0 0 0; } #left .module div div newsflash { background: none; } #left .module div div div { background: none; } #left .module div div div form fieldset p input { margin: 8px 0 0 0; } #left .module div div div form ul { text-align: right; text-decoration: none; } #left .module div div div form ul li a { text-decoration: none; padding: 0 0 0 5px; } #left .module div div div form ul li { padding: 0 0 5px 0; } #left table { margin: 0px 12px 10px 0 !important; } /* left */ /* left */ #left .module-special div div div ul { margin: 21px -24px 0 0; padding: 0 57px 29px 11px; text-align: right; } #left .module-special div div div ul li a { text-decoration: none; color: black; } #left .module-special div div div ul li { margin: 0 0 3px 0; } #left .module-special { background-image: url(../images/left-middle.png); background-repeat:repeat-y; background-position: top right; border-radius: 6px 6px 6px 6px; } #left .module-special div { background-image: url(../images/left-top-special.png); background-repeat:no-repeat; background-position: top right; } #left .module-special div div { background-image: url(../images/left-bottom.png); background-repeat:no-repeat; background-position: bottom right; } #left .module-special div div div h3 { color: white; font-size: 14px; padding: 13px 0 10px 0; text-align: center; } #left .module-special p { padding: 13px 3px 0 0; } #left .module-special div div div .newsflash p { padding: 22px 0 0 0; } #left .module-special div div div div { font-size: 12px; color: black; } #left .module-special div div div { font-size: 12px; color:black; margin: 0 5px 0px 5px; padding: 0px 6px 20px 6px; } #left .module-special div div div form { padding: 29px 11px 0 20px !important; text-align: right; } #left .module-special div div div form p { padding: 5px 0 0 0; } #left .module-special div div newsflash { background: none; } #left .module-special div div div { background: none; } #left .module-special div div div form fieldset p input { margin: 8px 0 0 0; } #left .module-special div div div form ul { text-align: right; text-decoration: none; } #left .module-special div div div form ul li a { text-decoration: none; padding: 0 0 0 5px; } #left .module-special div div div form ul li { padding: 0 0 5px 0; } /* left-special */ /*lmenu*/ #left .module-lmenu div div div ul { margin: 21px -24px 0 0; padding: 0 57px 29px 11px; text-align: right; } #left .module-lmenu div div div ul li a { text-decoration: none; color: black; } #left .module-lmenu div div div ul li { margin: 0 0 3px 0; } #left .module-lmenu { background-image: url(../images/left-middle.png); background-repeat:repeat-y; background-position: top right; border-radius: 6px 6px 6px 6px; } #left .module-lmenu div { background-image: url(../images/left-top.png); background-repeat:no-repeat; background-position: top right; } #left .module-lmenu div div { background-image: url(../images/left-bottom.png); background-repeat:no-repeat; background-position: bottom right; } #left .module-lmenu div div div h3 { color: white; font-size: 14px; padding: 13px 0 10px 0; text-align: center; } #left .module-lmenu p { padding: 13px 3px 0 0; } #left .module-lmenu div div div .newsflash p { padding: 22px 0 0 0; } #left .module-lmenu div div div div { font-size: 12px; color: black; } #left .module-lmenu div div div { font-size: 12px; color:black; margin: 0 5px 0px 5px; padding: 0px 6px 20px 6px; } #left .module-lmenu div div div form { padding: 29px 11px 0 20px !important; text-align: right; } #left .module-lmenu div div div form p { padding: 5px 0 0 0; } #left .module-lmenu div div newsflash { background: none; } #left .module-lmenu div div div { background: none; } #left .module-lmenu div div div form fieldset p input { margin: 8px 0 0 0; } #left .module-lmenu div div div form ul { text-align: right; text-decoration: none; } #left .module-lmenu div div div form ul li a { text-decoration: none; padding: 0 0 0 5px; } #left .module-lmenu div div div form ul li { padding: 0 0 5px 0; } #left .module-lmenu div div div ul { list-style-type: none; margin: 0 16px 0 0; padding: 6px 0 0 2px; text-align: left !important; } #left .module-lmenu div div div ul li { background-image: url("../images/lmenu.gif"); background-position: right top; background-repeat: no-repeat; line-height: 32px; text-align: left; } #left .module-lmenu div div div ul li a { color: #000000; margin: 0 0 0 19px; text-align: left; text-decoration: none; } #left .module-lmenu div div div ul li:hover { background-position: 100% -32px; text-align: right; } #left .module-lmenu div div div ul li:active { background-position: 100% -64px; text-align: right; } /*lmenu*/ #content { float: left; margin: 15px 0 30px 0; width: 762px; background-color: white; border-radius: 6px 6px 6px 6px; text-align: right; font-size: 13px; } #content table { padding: 0 10px; } #content div { padding: 0 10px; } .componentheading { font-size: 0px; } #content .contentheading { background-image: url(../images/content-h2.png); background-repeat:no-repeat; background-position: top right; height: 48px; width: 698px; padding: 0 0 20px 0; } #content .blog_more { margin: 39px 8px 0; } #content .contentheading a { color: white; font-size: 14px; margin: 0 59px 0 0; text-decoration: none; } /* pagination */ .pagination { /*border: 2px solid #CCCCCC; border-radius: 8px 8px 8px 8px;*/ margin: 0 5px 17px; padding: 3px 0 14px 0; text-align: center; } #content .pagination .pagination { background: none !important; margin: -23px 0 -7px 0 } .pagination li{ display: inline; background: none; } .pagination li span { -moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; -moz-transition: all 0.1s linear 0s; background-color: #3A5716; background-image: -moz-linear-gradient(center top , #43641A, #334C13 25%, #43641A); background-repeat: no-repeat; border-color: #CCCCCC #CCCCCC #BBBBBB; border-radius: 8px 8px 8px 8px; border-style: solid; border-width: 1px; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05); color: #FFFFFF; display: inline-block; font-size: 13px; line-height: normal; padding: 5px 14px 6px; } .pagination a { -moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; -moz-transition: all 0.1s linear 0s; background-image: -moz-linear-gradient(center top , #9C9798, #767371 25%, #9C9798); background-repeat: no-repeat; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05); border-radius: 8px 8px 8px 8px; cursor: pointer; display: inline-block; font-size: 13px; border-color: #CCCCCC #CCCCCC #BBBBBB; border-style: solid; border-width: 1px; background-color: #878383; color: #E9EBE5; -moz-transition: all 0.1s linear 0s; line-height: normal; padding: 5px 14px 6px; } #content div .pagination p { margin: 80px 0 -16px 0; text-align: center; } /* pagination */ .readon { background: -moz-linear-gradient(center top , #F9F6EF 0%, #EFE4CE 100%) repeat scroll 0 0 transparent; border: 1px solid #978F7E; border-radius: 3px 3px 3px 3px; box-shadow: 0 0 10px #D7D7D7 inset !important; color: blue; float: left; font-family: tahoma; font-size: 11px; font-weight: bold; text-align: center; text-shadow: 1px 1px white; padding: 4px 3px 5px !important; margin: 10px 0 0 30px; text-decoration: none; } .message { background-image: url("../images/warning.png"); background-position: right top; background-repeat: no-repeat; border: 4px solid #FFD7CD; display: block; height: 60px; margin: 5px 9px 5px 10px; padding: 40px 0 0; width: 691px !important; } .error{ background-color: #FFF0EB; margin: 0 35px 12px 0; width: 699px; } #content form { padding: 10px 20px 0 0; } #right{ float: right; margin: 0 10px 30px 15px; width: 244px; text-align: right; } /* right */ #right .input-string { margin: 29px 35px 0 0 !important; } #right .module div div div ul { margin: 21px -24px 0 0; padding: 0 57px 29px 11px; text-align: right; } #right .module div div div ul li a { text-decoration: none; color: black; } #right .module div div div ul li { margin: 0 0 3px 0; } #right .module { background-image: url(../images/left-middle.png); background-repeat:repeat-y; background-position: top right; border-radius: 6px 6px 6px 6px; } #right .module div { background-image: url(../images/left-top.png); background-repeat:no-repeat; background-position: top right; } #right .module div div { background-image: url(../images/left-bottom.png); background-repeat:no-repeat; background-position: bottom right; } #right .module div div div h3 { color: white; font-size: 14px; padding: 13px 0 10px 0; text-align: center; } #right .module p { padding: 13px 3px 0 0; } #right .module div div div .newsflash p { padding: 22px 0 0 0; } #right .module div div div div { font-size: 12px; color: black; } #right .module div div div { color: black; font-size: 12px; margin: 0 3px; padding: 0 6px 20px; } #right .module div div div form { padding: 29px 11px 0 20px !important; text-align: right; } #right .module div div div form p { padding: 5px 0 0 0; } #right .module div div newsflash { background: none; } #right .module div div div { background: none; } #right .module div div div form fieldset p input { margin: 8px 0 0 0; } #right .module div div div form ul { text-align: right; text-decoration: none; } #right .module div div div form ul li a { text-decoration: none; padding: 0 0 0 5px; } #right .module div div div form ul li { padding: 0 0 5px 0; } #right table { margin: 0px 12px 10px 0 !important; } /* right */ /* right */ #right .module-special div div div ul { margin: 21px -24px 0 0; padding: 0 57px 29px 11px; text-align: right; } #right .module-special div div div ul li a { text-decoration: none; color: black; } #right .module-special div div div ul li { margin: 0 0 3px 0; } #right .module-special { background-image: url(../images/left-middle.png); background-repeat:repeat-y; background-position: top right; border-radius: 6px 6px 6px 6px; } #right .module-special div { background-image: url(../images/left-top-special.png); background-repeat:no-repeat; background-position: top right; } #right .module-special div div { background-image: url(../images/left-bottom.png); background-repeat:no-repeat; background-position: bottom right; } #right .module-special div div div h3 { color: white; font-size: 14px; padding: 13px 0 10px 0; text-align: center; } #right .module-special p { padding: 13px 3px 0 0; } #right .module-special div div div .newsflash p { padding: 22px 0 0 0; } #right .module-special div div div div { font-size: 12px; color: black; } #right .module-special div div div { color: black; font-size: 12px; margin: 0 3px; padding: 0 6px 20px; } #right .module-special div div div form { padding: 29px 11px 0 20px !important; text-align: right; } #right .module-special div div div form p { padding: 5px 0 0 0; } #right .module-special div div newsflash { background: none; } #right .module-special div div div { background: none; } #right .module-special div div div form fieldset p input { margin: 8px 0 0 0; } #right .module-special div div div form ul { text-align: right; text-decoration: none; } #right .module-special div div div form ul li a { text-decoration: none; padding: 0 0 0 5px; } #right .module-special div div div form ul li { padding: 0 0 5px 0; } /* right-special */ /*rmenu*/ #right .module-rmenu div div div ul { margin: 21px -24px 0 0; padding: 0 57px 29px 11px; text-align: right; } #right .module-rmenu div div div ul li a { text-decoration: none; color: black; } #right .module-rmenu div div div ul li { margin: 0 0 3px 0; } #right .module-rmenu { background-image: url(../images/left-middle.png); background-repeat:repeat-y; background-position: top right; border-radius: 6px 6px 6px 6px; } #right .module-rmenu div { background-image: url(../images/left-top.png); background-repeat:no-repeat; background-position: top right; } #right .module-rmenu div div { background-image: url(../images/left-bottom.png); background-repeat:no-repeat; background-position: bottom right; } #right .module-rmenu div div div h3 { color: white; font-size: 14px; padding: 13px 0 10px 0; text-align: center; } #right .module-rmenu p { padding: 13px 3px 0 0; } #right .module-rmenu div div div .newsflash p { padding: 22px 0 0 0; } #right .module-rmenu div div div div { font-size: 12px; color: black; } #right .module-rmenu div div div { color: black; font-size: 12px; margin: 0 3px; padding: 0 6px 20px; } #right .module-rmenu div div div form { padding: 29px 11px 0 20px !important; text-align: right; } #right .module-rmenu div div div form p { padding: 5px 0 0 0; } #right .module-rmenu div div newsflash { background: none; } #right .module-rmenu div div div { background: none; } #right .module-rmenu div div div form fieldset p input { margin: 8px 0 0 0; } #right .module-rmenu div div div form ul { text-align: right; text-decoration: none; } #right .module-rmenu div div div form ul li a { text-decoration: none; padding: 0 0 0 5px; } #right .module-rmenu div div div form ul li { padding: 0 0 5px 0; } #right .module-rmenu div div div ul { text-align: right; margin: 0 16px 0 0; padding: 6px 0 0 2px; list-style-type: none; } #right .module-rmenu div div div ul li { background-image: url(../images/rmenu.gif); background-repeat:no-repeat; background-position: top right; line-height: 32px; text-align: right; } #right .module-rmenu div div div ul li a { text-decoration: none; color: #000000; text-align: right; margin: 0 10px 0 0; } #right .module-rmenu div div div ul li:hover { background-position: 100% -32px; text-align: right; } #right .module-rmenu div div div ul li:active { background-position: 100% -64px; text-align: right; } /*rmenu*/ #footer { height: 54px; background-image: url(../images/footer.jpg); margin: 0 auto; } #copyright { color: white; font-size: 12px; padding: 8px 15px 0; text-align: right; } #designer { color: white; font-size: 12px; padding: 8px 15px 0; text-align: right; } /* menu style*/ #menu{ /* The columns that gets dropped down over yours might be different. */ z-index:20; } #mainlevelmainnav li.sfhover ul,#mainlevelmainnav li li.sfhover ul,#mainlevelmainnav li li li.sfhover ul { left:auto; z-index:6000; right:0; } #mainlevelmainnav li li.sfhover { } #mainlevelmainnav{ width:750px; position: relative; direction:rtl; text-align:right; } #mainlevelmainnav ul li { list-style:none;} #mainlevelmainnav .moduletable{ margin:0; } #mainlevelmainnav ul{ margin:0; padding:0; padding-left:10px; width:auto; } #mainlevelmainnav ul li{ margin:0; padding:0px 12px 0px 0; float:right; position:relative; height:40px; background-position:100% 8px; background-repeat:no-repeat; } #mainlevelmainnav ul li a{ color:#f0a235; text-transform:uppercase; padding:4px; padding-right:10px; padding-left:10px; display: block; text-decoration:none; font-weight:800 } #mainlevelmainnav ul li li a{ border:none} #mainlevelmainnav ul li a:hover{ text-decoration:none; color: #d2800c } #mainlevelmainnav ul li li a:hover{ text-decoration:none; color: #F90 } #mainlevelmainnav ul li .active {color: #F90} #mainlevelmainnav ul li ul { display:block; height:auto; width: 20em; position:absolute; z-index:99; right: -999em; background-color: #9b7824; margin-top:4px } #mainlevelmainnav ul li ul ul { margin: -5px 12em 0 0; } #mainlevelmainnav ul li li a{ color: #402e03; text-transform:none; display: block; background:none; font-weight:800; } #mainlevelmainnav ul li ul { right: -999em; } #mainlevelmainnav ul li:hover ul ul, #mainlevelmainnav ul li:hover ul ul ul, #mainlevelmainnav li.sfhover ul ul ul { right: -999em; } #mainlevelmainnav ul li:hover ul, #mainlevelmainnav ul li li:hover ul, #mainlevelmainnav ul li li li:hover ul { right: auto; } /* menu style*/