﻿/*
	Designed by Arvin Ashtary
	WebSite: WinDesign.iR
	E-Mail: Info@WinDesign.iR
*/
/* Reset & Main */
* { margin:0; padding:0; border:0; }

body { background:url(images/bg.png); direction:rtl; font:12px tahoma; }
input,textarea,select { background:#fff; border:1px solid #c6c6c6; margin:3px; padding:6px; color:#777; font:12px tahoma; border-radius:8px; }
select { padding:3px 0 3px 3px; font-size:11px; }
option { padding:0 3px 0 7px; }
input:focus,textarea:focus { border:1px solid #999; }
input[type=submit],button[type=submit] { cursor:pointer; }
li { list-style:inside url(images/li.png); }
a { text-decoration:none; color:#00bdec; -moz-transition:all .2s linear; }
a:hover { color:#ec00a1; }
.clr { clear:both; }
@font-face { font-family:'wdcasa'; font-weight:normal; src:url(files/wdcasablanca.eot?#) format('eot'),url(files/wdcasablanca.woff) format('woff'),url(files/wdcasablanca.ttf) format('truetype'); }
@font-face { font-family:'wdyekan'; font-weight:normal; src:url(files/wdyekan.eot?#) format('eot'),url(files/wdyekan.woff) format('woff'),url(files/wdyekan.ttf) format('truetype'); }
#main { width:900px; }
.center { text-align:center !important; }
.block,#nav,#right-side,#left-side { background:url(images/bg2.png); border:1px solid rgba(0,0,0,.2); border-radius:10px; box-shadow:inset 0 -2px 2px rgba(0,0,0,.1); }
select,#nav { border-radius:4px; }

/* Up & Down */
.line { background:url(images/line.png); height:10px; }
#light { background:url(images/light.png); width:900px; height:108px; font:48px wdcasa; padding-top:30px; }
#footer { margin:30px 0; }
#footer a { color:#811148; }

/* Navbar */
#nav { margin-bottom:20px; padding:3px 0; font:18px "b yekan",wdyekan; }
#nav a { padding:0 10px; color:#333; }
#nav a:hover { color:#00bdec; }

/* ########################### */

/* Right Top */
#right-top { width:285px; float:right; }
.block { margin-bottom:20px; padding:5px 10px; text-align:right; }
.block-top { background:no-repeat right; color:#00bdec; font:30px wdcasa; }
.block-content { text-align:right; line-height:20px; }
#login { background-image:url(images/login.png); padding-right:40px; }
#panel { background-image:url(images/register.png); padding:7px 40px 7px 0; font:13px tahoma; }
#register { background-image:url(images/register.png); padding-right:40px; }
#username , .username { background:#fff url(images/username.png) no-repeat 95% bottom; width:170px; padding-right:45px; }
#password , .password{ background:#fff url(images/password.png) no-repeat 95% bottom; width:170px; padding-right:45px; }
.submit { background:#1fc7d5 url(images/submit.png) repeat-x bottom; border:none; font:20px wdcasa; padding:0 20px; color:#fff; border-radius:4px; }
.submit:hover { color:#222; text-shadow:3px 3px 0 rgba(0,0,0,.2); opacity:.8; border-radius:8px; }

/* Left Top */
#left-top { width:595px; float:left; }
#slider { padding:9px 4px 12px 0; position:relative; }
#slideContainer { width:565px; height:285px; z-index:1; }

/* ########################### */

/* Right Side */
#right-side { width:590px; padding:5px; float:right; }
#right-side .block-top { background:url(images/right-side.png) no-repeat right; border-bottom:2px solid #818181; margin-bottom:10px; padding:5px 25px 5px 0; font-size:17px; color:#66cc00; text-align:right; }

#right-side input[type=text] { width:200px; }
#right-side input[type=password] { width:200px; }
.red { color:red; }
.light { margin:10px 0; font:bold 11px tahoma; color:#999; }
.light a { color:#999; }
.light a:hover { color:#444; }
.margin { margin-right:123px; }

/* Left Side */
#left-side { width:265px; padding:5px; float:left; }
#left-side .block-top { background:url(images/left-side.png) no-repeat right; border-bottom:2px solid #818181; margin-bottom:10px; padding:5px 25px 5px 0; font-size:17px; color:#f1d338; text-shadow:0 0 1px rgba(0,0,0,.1); text-align:right; }
#left-side li { list-style-image:url(images/li2.png); }
#left-side a { color:#777; text-shadow:1px 1px 0 #fff; }
#left-side a:hover { color:#ea74a9; }

/* ########################### */

/* Panel */
.panel#left-side { background:none; padding:0; width:590px; }
.panel#right-side { background:none; padding:0; width:290px; }
.panel li { list-style-image:url(images/li3.png); width:134px; font-size:11px; float:right; }
.panel li a { color:#9c9c9c; }
.panel li a:hover { color:#00bdec; }
#services { background-image:url(images/left-side.png) !important; color:#f1d338 !important; text-shadow:0 0 1px rgba(0,0,0,.1); }
#user { background-image:url(images/register.png) !important; padding-right:40px !important; font:13px tahoma !important; color:#00bdec !important; }
#ltop { background-image:url(images/right-side.png) !important; color:#66cc00 !important; }
#panel-gray a { color:#999; }
#panel-gray a:hover { color:#b0ca4d; }
#panel-gray h5 { font:11px tahoma; color:#888; }
.pi { background-repeat:no-repeat; background-position:right; width:102px; height:35px; padding:15px 40px 0 0; text-align:right; float:right; bodrder:1px solid red; }
.pi:hover { opacity:.6; }
#pi1 { background-image:url(images/pi1.png); }
#pi2 { background-image:url(images/pi2.png); }
#pi3 { background-image:url(images/pi3.png); }
#pi4 { background-image:url(images/pi4.png); }
#pi5 { background-image:url(images/pi5.png); }
#pi6 { background-image:url(images/pi6.png); }
#pi7 { background-image:url(images/pi7.png); }
#pi8 { background-image:url(images/pi8.png); }
.pi9 { background-image:url(images/pi9.png); width:240px; }
#help { background:#fff url(images/help.png) no-repeat center right; margin-bottom:10px; padding:10px 80px 10px 10px; border:1px solid #ff781e; font-weight:bold; color:#ff781e; }
.lang { background:#000085; padding:1px 3px; color:#fff !important; text-shadow:none !important; }

.sub_menu {
float:right;
height:15px;
}
.block_main{
	text-align:right;
}

input[size=60]{ width:300px; }