/*********************************************/
body, div, span, object,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, tt, var,
b, i,
dl, dt, dd, ol, ul, li,
form, label,
table, caption, tbody, tfoot, thead, tr, th {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;   
	text-shadow: 1px 1px 2px silver; 
}
body {
	line-height: 1;
    font-family: tahoma,sans-serif;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
body{
    background-color: #F0F0F0;
    margin: 1.5% 0.5% 2% 0.8%;
    padding: 0;
    font-size: 9pt;
    direction: rtl;    
}
body_en{
    background-color: #F0F0F0;
    margin: 1.5% 0.5% 2% 0.8%;
    padding: 0;
    font-size: 9pt;
    direction: ltr;    
}
input, select, button, textarea, form, fieldset{
    font-family: tahoma,sans-serif;
    font-size: 9pt;
}
logo {
	
    align:center;
	width:80%;
	margin-left10%;
}
/*********************************************/
a{
    color: #643200;
    text-decoration: none;
}
a:visited{
    color: #643200;
    text-decoration: none;
}
a:hover{
    color: #AA5500;
    text-decoration: none;
}
#mainmenu{
    border: 1px dashed black;
    width: 25%;
    float: left;    
}
#loginbox{
    margin: 5px;
}
h3{
    font-size: 11pt;
    margin: 10px 0 10px 0;
}
.inp{
    width: 200px;
}
.logininput{
    width: 100px;
	
}
#login{
    vertical-align: middle;
}
.btn{
    margin: 8px 0 5px 0;    
}
#navigation{
    margin: 5px;
}
#topmenu{
    width: 100%;
	background: url("http://www.kashan-gsm.com/images/royal/gradients/fbg.gif") repeat-x scroll left bottom #F5F5FF;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	margin-bottom: 3px;
    height: 110px;
	
}
#topmenu_en{
    width: 100%;
	background: url("http://www.kashan-gsm.com/images/royal/gradients/fbg.gif") repeat-x scroll left bottom #F5F5FF;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	margin-bottom: 3px;
    height: 110px;
	direction: ltr;
	
}
div.centered 
{
text-align: center;
}
#prefer
{
	background: none repeat scroll 0 0 #FFF6D3;
    border: 1px solid #7F8FA9;
	border-radius: 5px 5px 5px 5px;
    font-weight: bold;
    text-align: right;
	box-shadow: 3px 3px 3px silver;
	margin-left:auto;
	margin-right:auto;
	line-height:20px;
	padding: 15px;
}
div.centered table 
{
margin: 0 auto; 
text-align: left;
}
#topmenul{
    width: 100%;
    background: url("http://www.kashan-gsm.com/images/royal/gradients/fbg.gif") repeat-x scroll left bottom #F5F5FF;
	-moz-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
    margin-bottom: 3px;
    height: 140px;
}
#wbox{
    width: 100%;
    padding: 5px;
}
#toperror
{
    width: 100%;
    background-color: red;
    color: white;
    margin-bottom: 3px;
    text-align: center;
    padding: 5px 0 5px 0;
    font-weight: bold;
	line-height: 25px;
}
#topinfo
{
    width: 100%;
    background-color: green;
    color: white;
    margin-bottom: 3px;
    text-align: center;
    padding: 5px 0 5px 0;
    font-weight: bold;
	line-height: 25px;
}
#topwarn
{
    width: 100%;
    background-color: #F3D601;
    color: white;
    margin-bottom: 3px;
    text-align: center;
    padding: 5px 0 5px 0;
    font-weight: bold;
	line-height: 25px;
}
#main{
    width: 100%;     
}

#servicesl{
	float : left;
    text-align: center;
    width: 25%;
}
#servicesr{
	float : right;
    text-align: center;
    width: 25%;
}
#servicesm{
	float : none;
    text-align: center;
    width: 25%;
}
#subs{
    text-align: center;
    width: 100%;
}
#subs h3{
    margin: 5px;
	color: #800000;
	font-weight: bold;
    display: block;
    font-size: 11pt;
}
#topservice{
    text-align: center;
    width: 100%;
}
#topservice h3{
    margin: 5px;
	color: #800000;
	font-weight: bold;
    display: block;
    font-size: 11pt;
}
.sub{
    display: inline-block;
    width: 31%; 
	height: 220px;
	border-radius: 8px 8px 8px 8px; 
	line-height: 1.2em;
    border: 2px solid #CCCCCC;
    
    padding: 0.5%;
    vertical-align: top;
	background-color: #F2F6FC;
}
.imei{
    display: inline-block;
    width: 31%; 
	height: 325px;
	border-radius: 8px 8px 8px 8px; 
	line-height: 1.2em;
    border: 2px solid #CCCCCC;
    overflow: hidden;
    padding: 0.5%;
    vertical-align: top;
	background-color: #F2F6FC;
}
.sub li{
    display: inline-block;
    width: 31%; 
	height: 140px;
	border-radius: 8px 8px 8px 8px; 
	line-height: 1.2em;
    border: 2px solid #CCCCCC;
    text-align: right;
    padding: 0.5%;
    vertical-align: top;
	background-color: #F2F6FC;
}
.sub li a:hover{
    display: inline-block;
    width: 31%; 
	height: 140px;
	border-radius: 8px 8px 8px 8px; 
	line-height: 1.2em;
    border: 2px solid #CCCCCC;
    text-align: right;
    padding: 0.5%;
    vertical-align: top;
	background-color: #F2F6FC;
	box-shadow : 5px 5px 4px silver;
}
.sub li a{
    display: inline-block;
    width: 31%; 
	height: 140px;
	border-radius: 8px 8px 8px 8px; 
	line-height: 1.2em;
    border: 2px solid #CCCCCC;
    text-align: right;
    padding: 0.5%;
    vertical-align: top;
	background-color: #F2F6FC;
	box-shadow : 5px 5px 4px silver;
}
.sel{
    display: inline-block;
    width: 47%; 
	height: 270px;
	border-radius: 8px 8px 8px 8px; 
	line-height: 1.2em;
    border: 2px solid #CCCCCC;
    
    padding: 0.5%;
    vertical-align: top;
	background-color: #F2F6FC;
}
#regiter{
    padding: 10px; 
}
#regiter label{
    display: inline-block;
    width: 120px;
	padding-left:15px;
}
#filereq{
    padding: 10px; 
}
#filereq label{
    display: inline-block;
    width: 120px;
}
#profile{
    padding: 10px; 
}
#profile label{
    display: inline-block;
    width: 120px;
}
#forget{
    padding: 10px;
    width: 330px;
    margin: auto;
}
#forget label{
    display: inline-block;
    width: 120px;
}
#forget .inp{
    display: inline-block;
    width: 200px;
}
strong{
    font-weight: bold;
}
.prod{
    border: black dotted 1px;
    padding: 1% 1% 1% 1%;
}
.prod td{
    padding: 1% 1% 1% 1%;
}
#loginboxc{
    margin: 10% 35% 10% 35%;  
}
ol li{
    padding: 5px 0 5px 0;
}
#signup .vrf1{
    margin: 5px 0 5px 0;
    display: inline-block;
    vertical-align: middle;
    width: 140px;
}
.vrf{
    margin: 5px 0 5px 0;
    display: block;
    vertical-align: middle;    
}
#signup li{
    padding: 5px;
}
#error{
    color: red;
}
#info{
    color: green;
}
#topleft{
    float: left;
    padding: 13px;
    vertical-align: middle;
}
#topleftl{
    float: left;
    padding: 5px 0 5px 5px;
    vertical-align: middle;
	line-height:1.3;
}
#topright{
    float: right;
    padding: 12px;
    vertical-align: middle;
}
#toprightl{
    float: right;
    padding: 5px 0 5px 5px;
    line-height: 1.3;
    vertical-align: middle;
}

#chpas{
    float: left;
    width: 45%;
    padding: 2%;
    vertical-align: middle;
}
#chpas label{
    display: inline-block;
    width: 100px;
}
#chpas .inp{
    width: 150px;
}
#chmail{
    float: right;
    width: 45%;
    padding: 2%;
    vertical-align: middle;
}
#chmail label{
    display: inline-block;
    width: 100px;
}
#chmail .inp{
    width: 150px;
}

.inps{
    font-family: tahoma,sans-serif;
    font-size: 9pt;
    width: 50%;
}
.inpv{
    font-family: tahoma,sans-serif;
    font-size: 9pt;
    width: 100px;
    margin: 5px;
}
#vrfimg{
    margin: 5px;    
}

tr td{
    border: 1px solid silver;
    	padding:5px 5px 5px 2px;
    vertical-align: middle;
	background: url("http://www.kashan-gsm.com/images/royal/gradients/fbg.gif") repeat-x scroll left bottom #F5F5FF;

	}
tr2 td2{
    border: 1px solid black;

    
    vertical-align: middle;
	background: url("http://www.kashan-gsm.com/images/royal/gradients/fbg.gif") repeat-x scroll left bottom #F5F5FF;
}
#copyright{
	text-shadow: 1px 1px silver;
    background-color: #F2F6FC;
    width: 100%;
    text-align: left;
    margin-top: 10px;
    padding: 10px 0 10px 0;
	clear: both;
}
#upload_frame {
	direction: ltr;
	border:0px;
	height:40px;
	width:400px;
	display:none;
}

#progress_container {
	direction: ltr;
	width: 300px; 
	height: 30px; 
	border: 1px solid #CCCCCC; 
	background-color:#EBEBEB;
	display: block; 
	margin:5px 0px -15px 0px;
	float: left;
}

#progress_bar {
	direction: ltr;
	position: relative; 
	height: 30px; 
	background-color: #F3631C; 
	width: 0%; 
	z-index:10; 
}

#progress_completed {
direction: ltr;
	font-size:16px; 
	z-index:40; 
	line-height:30px; 
	padding-left:4px; 
	color:#FFFFFF;
}
#filetable tr td{
    border: 1px solid silver;
    padding: 5px;
    vertical-align: middle;
	background: url("http://www.kashan-gsm.com/images/royal/gradients/fbg.gif") repeat-x scroll left bottom #F5F5FF;

	}
#filetable2 tr td{
	text-shadow: 1px 1px 2px silver;
    border: 2px solid #D5D2D2;
	-moz-border-radius: 20px;
	-moz-transition: all 0.5s ease-in-out;

    padding: 5px;
    vertical-align: middle;
}
#filetable tr:hover{
    background-color: #FFFFA8;
 	
    -moz-transition: all 0.5s ease-in-out;
}
#filetable{
    border-spacing: 2px;
    border-collapse: separate;
}
#lastfiletable tr td{
    border: 1px solid transparent;
    padding: 5px;
    vertical-align: middle;
	text-align: right;
}
#lastfiletable tr:hover{
    background-color: #FFFFA8;
}
#lastfiletable{
    
    border-collapse: separate;
}
#lastreport{
	
	width: 98%;
	padding-top: 0;
	padding-left: 1%;
	padding-right: 1%;
	background: url("http://www.kashan-gsm.com/images/royal/gradients/fbg.gif") repeat-x scroll left bottom #F5F5FF;
	overflow: hidden;
    margin-bottom: 10px;
	margin-top: 10px;
	 direction: ltr;
	 border-radius: 10px 10px 10px 10px;
}
#lastrequest{
	
	width: 98%;
	padding-top: 0;
	padding-left: 1%;
	padding-right: 1%;
	background: url("http://www.kashan-gsm.com/images/royal/gradients/fbg.gif") repeat-x scroll left bottom #F5F5FF;
	overflow: hidden;
    margin-bottom: 10px;
	margin-top: 10px;
	 border-radius: 10px 10px 10px 10px;
}
#lastuploaded{
	direction: ltr;
	overflow: hidden;
	width: 98%;
	padding-top: 0;
	padding-left: 1%;
	padding-right: 1%;
	background: url("http://www.kashan-gsm.com/images/royal/gradients/fbg.gif") repeat-x scroll left bottom #F5F5FF;

    margin-bottom: 10px;
	margin-top: 10px;
	 border-radius: 10px 10px 10px 10px;
	
}
#first td{
    border: 1px solid #C6DFF2;
    padding: 5px;
    vertical-align: middle;
}
#filetable{
	direction: ltr;
}
#filetable .row2{
    background-color: #D0D0D0;
}
#indexof{
	direction: ltr;
}
#uploadfile{
	direction: ltr;
	
}
#left-form{
	float:left;
	direction: ltr;
	width:450px;
	
}

#right-form{
	float:right;
	direction: rtl;
		width:450px;

}
.cbtm{
	padding: 10px;
	margin: 5px;
	display: inline-block;
	background-color: #005984;
	border-radius: 5px 5px 5px 5px;
	-moz-transition: all 0.8s ease-in-out 0s;
	background-image: url("http://www.dlgsm.com/templates/default/images/icon/image.jpg");
    background-position: left center;
    border: none;
	font-weight: bold;
}
.cbtm:hover{	
	background-color: #1AB5FF;
	border-radius: 5px 5px 5px 5px;
    color: white;
	background-position: right center;
}
.cbtmie{
padding: 10px;
	margin: 5px;
	
	background-color: #005984;
	border-radius: 5px 5px 5px 5px;
	-moz-transition: all 0.8s ease-in-out 0s;
	background-image: url("http://www.dlgsm.com/templates/default/images/icon/image.jpg");
    background-position: left center;
    border: none;
	font-weight: bold;
}
.cbtmie:hover{	
	background-color: #1AB5FF;
	border-radius: 5px 5px 5px 5px;
    color: white;
	background-position: right center;
}
#searchfile{
	float: left;
	text-align: left;
}
#btns{
	float: right;
	
}
.searchinp{
	padding: 9px;
	margin: 5px;
	width : 400px;
}
#announcement{
	text-shadow: 1px 1px 2px silver;
    background: url("http://www.kashan-gsm.com/images/royal/gradients/fbg.gif") repeat-x scroll left bottom #F5F5FF;

	border-radius: 5px 5px 5px 5px;
	width: 98%;
	padding: 1%;

    margin-bottom: 10px;
	margin-top: 10px;
}
#menu li a {
    -moz-transition: all 0.8s ease-in-out 0s;
	transition: all 0.8s ease-in-out 0s;
    background-image:url("http://www.dlgsm.com/templates/default/images/icon/image.jpg");
    background-position: left center;
	font-weight: bold;
    border: 1px solid white;
	-moz-border-radius: 8px 8px 8px 8px;
	border-radius: 8px 8px 8px 8px;
	-webkit-border-radius: 8px 8px 8px 8px;
    color: black;

    margin-left: -7px;
    padding: 15px 10px;
    text-decoration: none;
}
#wrap {
    margin-left: auto;
    margin-right: auto;
    width: 85%;
	text-align: center;
	height: 35px;
}
#menu li {
    display: inline;
    list-style: none outside none;
    padding: 0;
}
#menu li a:hover {
    background-position: right center;
    color: white;
	padding: 10px 10px 20px 10px;
}
#adduser{
    padding: 10px; 
}
#statuslabel{
    margin: 5px 0 5px 0;
    width: 150px;
    display: inline-block;
    vertical-align: top;
	text-align:center;
	border-radius:10px;
	padding: 5px 20px 5px 20px;
	font-weight: bold;
}
#adduser label{
    display: inline-block;
    width: 150px;
}
#pmfadmin{
	border: 1px solid #7F8FA9;
	width: 98%;
	padding: 1%;
	background-color: #F2F6FC;
    margin-bottom: 10px;
	margin-top: 10px;
	
}
#payfild {
    background: none repeat scroll 0 0 #E0EDFF;
    border: 1px solid #7F8FA9;
	border-radius: 5px 5px 5px 5px;
    line-height:20px;
    margin: 0;
    padding: 0.2em 0.5em;
    text-align: center;
}
#legend {
    background: none repeat scroll 0 0 #FFF6D3;
    border: 1px solid #7F8FA9;
	border-radius: 5px 5px 5px 5px;
    font-weight: bold;
    margin: 0;
    padding: 0.2em 0.5em;
    text-align: right;
	box-shadow: 3px 3px 3px silver;
}
#legend_en {
    background: none repeat scroll 0 0 #FFF6D3;
    border: 1px solid #7F8FA9;
	border-radius: 5px 5px 5px 5px;
    font-weight: bold;
    margin: 0;
    padding: 0.2em 0.5em;
    text-align: left;
	box-shadow: 3px 3px 3px silver;
}
.maindiv {
    border: 0 dashed #CECECE;
    overflow: hidden;
    width: 700px;
}
.clear {
    clear: both;
    font-size: 1px;
    height: 1px;
    line-height: 1px;
}
.leftbox {
    border-right: 1px dashed #CECECE;
    float: left;
    width: 48%;
}
.rightbox {
    float: left;
    margin-left: 5px;
    width: 48%;
}
.leftone {
    float: left;
    margin-left: 5px;
    padding: 3px;
    width: 150px;
}
.rightone {
    float: left;
    padding: 3px;
}
.sele {
    border: 1px inset gray;
}
#cssmenu ul 
{
	margin: 0; 
	padding: 7px 6px 0; 
	background: #7d7d7d url(images/overlay.png) repeat-x 0 -110px; 
	line-height: 100%; 
	border-radius: 1em; 
	
	-webkit-border-radius: 5px; -moz-border-radius: 5px; 
	border-radius: 5px; 
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .4); 
	-moz-box-shadow: 0 1px 3px rgba(0,0,0, .4);
}
#cssmenu li 
{
	margin: 0 5px; 
	padding: 0 0 8px; 
	float: right; 
	position: relative; 
	list-style: none; 
}
#cssmenu a,
#cssmenu a:link 
{
	font-weight: bold; 
	color: #e7e5e5; 
	text-decoration: none; 
	display: block; 
	padding:  13px 8px; 
	margin: 0; 
	border-radius: 5px; 
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;	 
	text-shadow: 0 1px 1px rgba(0,0,0, .3); 
}
#cssmenu a:hover 
{
	background: #000; 
	color: #fff;
}
#cssmenu .active a, 
#cssmenu li:hover > a 
{
	background: #666 url(images/overlay.png) repeat-x 0 -40px; 
	color: #444; 
	border-top: solid 1px #f8f8f8; 
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0, .2); 
	-moz-box-shadow: 0 1px 1px rgba(0,0,0, .2); 
	box-shadow: 0 1px 1px rgba(0,0,0, .2); 
	text-shadow: 0 1px 0 rgba(255,255,255, 1); 
}
#cssmenu ul ul li:hover a,
#cssmenu li:hover li a 
{
	background: none; 
	border: none; 
	color: #666; 
	-webkit-box-shadow: none; 
	-moz-box-shadow: none;
}
#cssmenu ul ul a:hover 
{
	background: #8f8f8f url(images/overlay.png) repeat-x 0 -100px !important; 
	color: #fff !important; 
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	border-radius: 5px; 
	text-shadow: 0 1px 1px rgba(0,0,0, .1);
}
#cssmenu li:hover > ul 
{
	display: block;
}
#cssmenu ul ul 
{
	display: none; 
	margin: 0; padding: 0; 
	width: 100px; 
	position: absolute; 
	top: 40px; left: 0; 
	background: #ddd url(images/overlay.png) repeat-x 0 0; 
	border: solid 1px #b4b4b4; 
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	border-radius: 5px; 
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .3); 
	-moz-box-shadow: 0 1px 3px rgba(0,0,0, .3); 
	box-shadow: 0 1px 3px rgba(0,0,0, .3);
}
	#cssmenu ul ul li 
{
float: none; 
	margin: 0; 
	padding: 3px; 
}
#cssmenu ul ul a 
{
	font-weight: normal; 
	text-shadow: 0 1px 0 #fff; 
}
#cssmenu ul:after 
{
	content: '.'; 
	display: block; 
	clear: both; 
	visibility: hidden; 
	line-height: 0; 
	height: 0;
}
* html #cssmenu  ul 
{
	height: 1%;
}