@charset "utf-8";
/* CSS Document */
.clear{clear:both}
#Template{margin:auto;position:relative;width:100%;}
#MasterTem{width:961px;height:auto;margin:auto;}

@font-face{font-family:BYekan;
src:url('../fonts/BYekan.eot');
src:url('../fonts/BYekan.eot#iefix') format('eot'),
url('../fonts/BYekan.woff') format('woff'),
url('../fonts/BYekan.ttf') format('truetype');
font-weight:normal;
font-style:normal
}
@font-face{font-family:BKoodakBold;
src:url('../fonts/BKoodakBold.eot');
src:url('../fonts/BKoodakBold.eot#iefix') format('eot'),
url('../fonts/BKoodakBold.woff') format('woff'),
url('../fonts/BKoodakBold.ttf') format('truetype');
font-weight:normal;
font-style:normal
}
@font-face{font-family:BMitra;
src:url('../fonts/BMitra.eot');
src:url('../fonts/BMitra.eot#iefix') format('eot'),
url('../fonts/BMitra.woff') format('woff'),
url('../fonts/BMitra.ttf') format('truetype');
font-weight:normal;
font-style:normal
}
/* Reset CSS */
body {
	font-family: BMitra, BkoodakBold, Byekan, Arial, Tahoma;
	font-size: 14pt;
	font-style: normal;
	font-weight: normal;
	color: #333;
	background: #eee url(../images/CP/main-bg.jpg) repeat;
	margin: 0;}
h1, h2, h3, h4, h5, h6 {
	font-family: BYekan, BKoodakBold, BMitra, Arial, Tahoma;
	font-weight: normal;
	font-style: normal;}
ol, ul, li { list-style: none; }
.clear { clear: both; }

/* ========== TOP HEADER ========== */
.header {
	width: 100%;
	height: 112px;
	background: #eee url(../images/CP/header-bg.jpg) repeat;
	margin: 0;
	border-bottom: 1px solid #ccc;}
.container {
	width: 90%;
	position: relative;
	margin: 0 auto;}
	
/* TOP RIBON */
.top-ribon {
	width: 100%;
	height: 6px;
	background: #eee url(../images/CP/top-ribon.jpg) repeat;
	border-bottom: 1px solid #ccc;
	-mox-box-shadow: 0 1px 1px #fff;
	-webkit-box-shadow: 0 1px 1px #fff;
	-o-box-shadow: 0 1px 1px #fff;
	box-shadow: 0 1px 1px #fff;
	margin: 0;}
.top-ribon ul {
	position: absolute;
	left: 0px;
	top: 6px;
	width: auto;
	height: 29px;
	background: #eee url(../images/CP/top-ribon.jpg) repeat;
	border: 1px solid #ccc;
	border-top-width: 0px !important;
	-mox-box-shadow: 1px 1px 1px #fff;
	-webkit-box-shadow: 1px 1px 1px #fff;
	-o-box-shadow: 1px 1px 1px #fff;
	box-shadow: 1px 1px 1px #fff;
	margin: 0;
	padding: 0;}
.top-ribon ul li {
	float: left;
	position: relative;
	width: auto;
	height: 17px;
	margin: 3px 0 0 9px;
	padding: 0 2px 3px 2px;
	cursor: pointer;}
.top-ribon ul li span {
	width: auto !important;
	position: relative;
	direction: rtl;
	float: right;}
.top-ribon ul li:last-child { width: auto; margin: 0 9px 0 0; padding: 0 0 0 5px; }
.top-ribon-logout, .top-ribon-contact, .top-ribon-support, .top-ribon-info { -moz-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
.top-ribon-logout { background: url(../images/CP/top-ribon-logout.png) no-repeat; }
.top-ribon-logout:hover { background: url(../images/CP/top-ribon-logout-hover.png) no-repeat; }
.top-ribon-contact { background: url(../images/CP/top-ribon-contact.png) no-repeat; }
.top-ribon-contact:hover { background: url(../images/CP/top-ribon-contact-hover.png) no-repeat; }
.top-ribon-support { background: url(../images/CP/top-ribon-support.png) no-repeat; }
.top-ribon-support:hover { background: url(../images/CP/top-ribon-support-hover.png) no-repeat; }
.top-ribon-info { background: url(../images/CP/top-ribon-info.png) no-repeat; }
.top-ribon-info:hover { background: url(../images/CP/top-ribon-info-hover.png) no-repeat; }
.top-ribon-Password { background: url(../images/CP/top-ribon-Password.png) no-repeat; }
.top-ribon-Password:hover { background: url(../images/CP/top-ribon-Password-hover.png) no-repeat; }
/* ========== TOP MENU ========== */
.main-menu {
	background: url(../images/CP/top-ribon.jpg) repeat;
	width: 100%;
	height: 71px;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #ccc;}
.top-menu {
	width: 90%;
	position: relative;
	margin: 0 auto;}
.top-menu ul {
	background: url(../images/CP/menu-bg.jpg) repeat;
	width: 100%;
	height: 35px;
	border: 1px solid #ccc;
	border-top: 0px !important;
	margin: 0;
	padding: 0;}
.top-menu ul li {
	float: right;
	display: inline;
	width: auto;
	height: 35px;
	margin: 0;
	padding: 0;
	border-left: 1px solid #ccc;
	cursor: pointer;}
.top-menu ul li.last-child { border-left: 0px !important; }

.top-menu ul li span {
	width: auto;
	direction: rtl;
	float: right;
	font-family: BKoodakBold;
	font-size: 20px;
	color: #666;
	line-height: 34px;}
.top-menu ul li:hover span, .top-menu ul li.active span { color: #09c; background: #fff; border-bottom: 2px solid #09f;}

.top-menu ul.top li span { padding: 0 20px  }
.top-menu ul.bot li span { padding: 0 15px 0 15px; }

.top-menu ul li p { width: 21px; height: 21px; float: right; padding: 0px; }
.top-menu ul.top li p { margin: 7px 0 0 20px;}
.top-menu ul.bot li p { margin: 7px 0 0 15px; }

/* TOP MENU ICONS */
.top-menu ul li p.homepage { background: transparent url(../images/CP/main-menu.png) 0px 0px no-repeat; }
.top-menu ul li:hover p.homepage, .top-menu ul li.active p.homepage { background: transparent url(../images/CP/main-menu.png) -22px 0px no-repeat; }
.top-menu ul li p.website { background: transparent url(../images/CP/main-menu.png) 0px -22px no-repeat; }
.top-menu ul li:hover p.website, .top-menu ul li.active p.website { background: transparent url(../images/CP/main-menu.png) -22px -22px no-repeat; }
.top-menu ul li p.clearance { background: transparent url(../images/CP/main-menu.png) 0px -44px no-repeat; }
.top-menu ul li:hover p.clearance, .top-menu ul li.active p.clearance { background: transparent url(../images/CP/main-menu.png) -22px -44px no-repeat; }
.top-menu ul li p.foreignbuy { background: transparent url(../images/CP/main-menu.png) 0px -66px no-repeat; }
.top-menu ul li:hover p.foreignbuy, .top-menu ul li.active p.foreignbuy { background: transparent url(../images/CP/main-menu.png) -22px -66px no-repeat; }
.top-menu ul li p.export { background: transparent url(../images/CP/main-menu.png) 0px -88px no-repeat; }
.top-menu ul li:hover p.export, .top-menu ul li.active p.export { background: transparent url(../images/CP/main-menu.png) -22px -88px no-repeat; }
.top-menu ul li p.transport { background: transparent url(../images/CP/main-menu.png) 0px -110px no-repeat; }
.top-menu ul li:hover p.transport, .top-menu ul li.active p.transport { background: transparent url(../images/CP/main-menu.png) -22px -110px no-repeat; }
.top-menu ul li p.advertise { background: transparent url(../images/CP/main-menu.png) 0px -132px no-repeat; }
.top-menu ul li:hover p.advertise, .top-menu ul li.active p.advertise { background: transparent url(../images/CP/main-menu.png) -22px -132px no-repeat; }
.top-menu ul li p.contact { background: transparent url(../images/CP/main-menu.png) 0px -154px no-repeat; }
.top-menu ul li:hover p.contact, .top-menu ul li.active p.contact { background: transparent url(../images/CP/main-menu.png) -22px -154px no-repeat; }
.top-menu ul li p.sell { background: transparent url(../images/CP/main-menu.png) 0px -176px no-repeat; }
.top-menu ul li:hover p.sell, .top-menu ul li.active p.sell { background: transparent url(../images/CP/main-menu.png) -22px -176px no-repeat; }
.top-menu ul li p.personnel { background: transparent url(../images/CP/main-menu.png) 0px -198px no-repeat; }
.top-menu ul li:hover p.personnel, .top-menu ul li.active p.personnel { background: transparent url(../images/CP/main-menu.png) -22px -198px no-repeat; }
.top-menu ul li p.financial { background: transparent url(../images/CP/main-menu.png) 0px -220px no-repeat; }
.top-menu ul li:hover p.financial, .top-menu ul li.active p.financial { background: transparent url(../images/CP/main-menu.png) -22px -220px no-repeat; }
.top-menu ul li p.support { background: transparent url(../images/CP/main-menu.png) 0px -242px no-repeat; }
.top-menu ul li:hover p.support, .top-menu ul li.active p.support { background: transparent url(../images/CP/main-menu.png) -22px -242px no-repeat; }
.top-menu ul li p.management { background: transparent url(../images/CP/main-menu.png) 0px -264px no-repeat; }
.top-menu ul li:hover p.management, .top-menu ul li.active p.management { background: transparent url(../images/CP/main-menu.png) -22px -264px no-repeat; }

/* MAIN LOGO */
.main-logo {
	position:relative;
	width: 294px;
	height: 76px;
	float: right;
	background: url(../images/CP/sanatak-main-logo.png) no-repeat;
	margin: 13px 0 0 0;
	cursor: pointer;}

/* TOP SEARCH BOX */
.top-search-box {
	position: absolute;
	left: 0;
	top: 45px;
	
	}
.top-search-box a img {
	margin: 4px 0 0 10px;
	position: absolute;
	float: left;
	border: 0;}

.top-search-box input[type="text"] {
	width: 195px;
	background: #eee;
	font: 18px BMitra;
	color: #ccc;
	border: 0;
	margin: 0 5px 0 40px;
	padding: 5px 10px;
	direction: rtl;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}
.top-search-box input[type="text"]:hover { color: #666;}
.top-search-box input[type="text"]:focus { outline: 0; color: #09c;}




img {
border-style: none;
	border-color: inherit;
	border-width: medium;
	direction: ltr;
} 

	
/*- Menu Tabs 10--------------------------- */

    #tabs10 {
      float:right;
      width:100%;
      font-size:11px;
	  border-bottom:5px solid #88a1eb;
      line-height:25px;
	
	  font-family:tahoma;
      }
    #tabs10 ul {
	  margin:0;
	  padding:10px 10px 0 10px;
	  list-style:none;
	  text-align:center;
	  float:right;
      }
    #tabs10 li {
      display:inline;
      margin:0;
      padding:0;
     
      }
    #tabs10 a {
      float:right;
      background:url("../images/Styles/tableft10.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      text-align:center;
      }
    #tabs10 a span {
      float:right;
      display:block;
      background:url("../images/Styles/tabright10.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
	  font-weight:700;
      color:#5565ae;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs10 a span {float:none;}
    /* End IE5-Mac hack */
    #tabs9 a:hover span {
      color:#333335;
      }
    #tabs10 a:hover {
      background-position:0% -42px;
	   color:#333335;
      }
    #tabs10 a:hover span {
      background-position:100% -42px;
	   color:#333335;
      }
/*- Menu Tabs 11--------------------------- */

    #tabs11 {
      float:right;
      width:932px;
      font-size:11px;
	  border-bottom:5px solid #BCC1E1;
      line-height:25px;
	 
	  font-family:tahoma;
      }
    #tabs11 ul {
	  margin:0;
	  padding:10px 10px 0 50px;
	  list-style:none;
      }
    #tabs11 li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabs11 a {
      float:right;
      background:url("../images/Styles/tableft10.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabs11 a span {
      float:right;
      display:block;
      background:url("../images/Styles/tabright10.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
	  font-weight:700;
      color:#5565ae;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs11 a span {float:none;}
    /* End IE5-Mac hack */
    #tabs9 a:hover span {
      color:#333335;
      }
    #tabs11 a:hover {
      background-position:0% -42px;
	   color:#333335;
      }
    #tabs11 a:hover span {
      background-position:100% -42px;
	   color:#333335;
      }
/*- page index--------------------------- */

.box_left{width:400px;float:left;margin:10px;padding:10px;border:#c7d7fd 1px solid;text-align:right;min-height:200px}
.right{width:450px;}
.left{width:450px;float:left;}
.box_right{width:400px;border:#c7d7fd 1px solid;margin:15px;padding:10px;text-align:right;min-height:200px}
/*- page tarkhis--------------------------- */
.tarkhis_main{width:100%;text-align:right}
.title_tarkhis{color:#33333d;border-bottom:#ccc 1px solid;line-height:30px;font-size:14pt;}
.box_tarkhis{width:280px;margin:15px;min-height:50px;float:right}
.box_tarkhis:hover{background-color:#c7d7fd;}
.box_tarkhis a{color:#5565ae;text-decoration:none}
.box_tarkhis .title:hover{color:Blue;}
.box_tarkhis img{border:none;float:right;margin:0px 0 0 10px; width:100px;}
.box_tarkhis .title{color:#5565ae;text-decoration:none;font-size:12pt;font-weight:bold;}
.box_tarkhis p{color:#333333;font-size:10pt;}
/*..................... fag ..............................*/
.sample{margin:10px 30px 30px;padding:10px 0px 0 30px;color:#33333d;font-family:tahoma;width:850px}
		  h1{margin:0;padding:0;font-size:12px;}
		  p,dl{font-size:10px;line-height:170%}
		  dl,dt,dd{padding:0;margin:0;width:850px;float:right}
		.faqs{padding-top:20px;}
		.faqs dt{font-weight:bold;padding:3px 0 15px 30px;position:relative;}
		.faqs dt:hover{cursor:pointer}
		.faqs dd{margin:0 10px 10px 10px;position:relative;text-align:justify;color:#292929;width:880px;line-height:22px;background-color:#efeeee}
		.faqs .box{width:180px;margin:0px 15px;float:right;height:70px;}
		.faqs .box:hover{background-color:#c7d7fd;}
        .faqs .box a{color:#5565ae;text-decoration:none}

        .faqs .box img{border:none;float:right;margin:17px 0 0 10px;width:50px;}
        .faqs .box .title{color:#5565ae;font-weight:700;text-decoration:none;margin-top:30px;}
        .faqs .box .title:hover{color:Blue;}
        .faqs .box p{color:#333333;margin:0px;}
		.faqs .hover{color:#5565ae;text-decoration:none}
/*..................... tab ..............................*/
        #vtab {
            margin: auto;
            width: 900px;
            height: 100%;
			min-height:300px;
			margin:20px 35px;
        }
        #vtab > ul > li {
            width: 110px;
            height: 60px;
            background-color: #fff !important;
            list-style-type: none;
            display: block;
            text-align: center;
            margin: auto;
            padding-bottom: 10px;
            border: 1px solid #fff;
            position: relative;
            border-right: none;
            opacity: .3;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
            filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
        }
        #vtab > ul > li.home {
            background: url('../images/Icons/tab1.png') no-repeat center center;
        }
        #vtab > ul > li.login {
            background: url('../images/Icons/tab2.png') no-repeat center center;
        }
        #vtab > ul > li.support {
            background: url('../images/Icons/tab3.png') no-repeat center center;
        }
        #vtab > ul > li.selected {
            opacity: 1;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
            filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
            border: 1px solid #dee2fd;
            border-left: none;
            z-index: 10;
            background-color: #fafafa !important;
            position: relative;
        }
        #vtab > ul {
            float: right;
            width: 110px;
            text-align: left;
            display: block;
            margin: auto 0;
            padding: 0;
            position: relative;
            top: 0px;
        }
        #vtab > div {
            background-color: #fafafa;
            margin-right: 110px;
            border: 1px solid #dee2fd;
            min-height: 350px;
			width:750px;
            padding: 12px;
            position: relative;
            z-index: 9;
            -moz-border-radius: 20px;
        }
        #vtab > div > h4 {
            color: #4373c5;
            font-size: 1.2em;
            border-bottom: 1px dotted #4373c5;
            padding-top: 5px;
            margin:0 10px 20px 0;
        }
        #vtab > div > img {
        width:auto;
		margin:auto;
        }
	    #vtab > ul > li.support1 {
            background: url('../images/CP/4.jpg') no-repeat center center;
        }
		#vtab > ul > li.support2 {
            background: url('../images/CP/5.jpg') no-repeat center center;
        }
/*..................... tab_admin ..............................*/
        #vtab_admin {
            margin: auto;
            width: 900px;
            height: 100%;
			min-height:510px;
			margin:20px 35px;
        }
        #vtab_admin > ul > li {
            width: 110px;
            height: 60px;
            background-color: #fff !important;
            list-style-type: none;
            display: block;
            text-align: center;
            margin: auto;
            padding-bottom: 10px;
            border: 1px solid #fff;
            position: relative;
            border-right: none;
            opacity: .3;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
            filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
        }
        #vtab_admin > ul > li.home {
            background: url('../images/Icons/tab1_admin.png') no-repeat center center;
        }
        #vtab_admin > ul > li.login {
            background: url('../images/Icons/tab2_admin.png') no-repeat center center;
        }
        #vtab_admin > ul > li.support {
            background: url('../images/Icons/tab3_admin.png') no-repeat center center;
        }
        #vtab_admin > ul > li.selected {
            opacity: 1;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
            filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
            border: 1px solid #dee2fd;
            border-left: none;
            z-index: 10;
            background-color: #fafafa !important;
            position: relative;
        }
        #vtab_admin > ul {
            float: right;
            width: 110px;
            text-align: left;
            display: block;
            margin: auto 0;
            padding: 0;
            position: relative;
            top: 0px;
        }
        #vtab_admin > div {
            background-color: #fafafa;
            margin-right: 110px;
           
            min-height: 510px;
			width:750px;
            padding: 12px;
            position: relative;
            z-index: 9;
            -moz-border-radius: 20px;
        }
        #vtab_admin > div > h4 {
            color: #4373c5;
            font-size: 1.2em;
            border-bottom: 1px dotted #4373c5;
            padding-top: 5px;
            margin:0 10px 20px 0;
        }
        #vtab_admin > div > img {
        width:auto;
		margin:auto;
        }
	    #vtab_admin > ul > li.support1 {
            background: url('../images/Icons/tab4_admin.png') no-repeat center center;
        }
		#vtab_admin > ul > li.support2 {
            background: url('../images/Icons/tab5_admin.png') no-repeat center center;
        }
        
        .DivTabContent{float:right;height:auto;width:750px; border: 1px solid #dee2fd;margin-bottom:10px;}
        .divsubtab{float:right;width:930px;height:auto;border:#bdc8dd 1px solid;min-height:100px;}
        .divtitlesubtab{background-color:#bdc8dd; height:30px;float:right;width:930px;}
        .divtitlesubtab p{font-weight:600;color:#33333d;border-bottom:#bdc8dd 1px solid;padding:0px 8px;margin:0px;font-size:13pt;}
        
		
.box_tab{width:220px;margin:15px;min-height:50px;float:right}
.box_tab img{border:none;float:right;margin:17px 0 0 10px}
.box_tab .title a{color:#5565ae;text-decoration:none}
.box_tab p{color:#333333}
.box_tab2{width:340px;margin:15px;min-height:50px;float:right}
.box_tab2 img{border:none;float:right;margin:17px 0 0 10px}
.box_tab2 .title a{color:#5565ae;text-decoration:none;font-weight:700}
.box_tab2 p{color:#333333}

.box_tab_admin{width:155px;margin:15px;float:right;text-align:center;height:160px;}
.box_tab_admin:hover{background-color:#c7d7fd;}
.box_tab_admin a{color:#5565ae;text-decoration:none}
.box_tab_admin .title:hover{color:Blue;}
.box_tab_admin p{color:#333333}
.box_tab_admin img{border:none;margin:10px 0; width:100px;}
.box_tab_admin .title{color:#5565ae;text-decoration:none;text-align:center;font-size:12pt;font-weight:bold;margin:0px;}

/* ===== Footer CopyRight ===== */
.footer {
	width: 100%;
	height: 100%;
	min-height: 65px;
	overflow: hidden;
	position: relative;
	background: url(../images/header-bg.jpg) repeat;
	margin: 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;}
.copyright {
	width: 90%;
	position: relative;
	margin: 0 auto;}
.copyright p {
	font: 12px Tahoma;
	position:relative;
	float: left;
	direction: ltr;
	line-height: 65px;
	margin: 0;
	padding: 0; }
.copyright span {
	font-size: 18px;
	position:relative;
	float: right;
	direction: rtl;
	line-height: 65px;
	margin: 0;
	padding: 0; }
.copyright a {
	color: #09c;
	text-decoration:none }
.copyright a:hover { text-decoration: underline;}
/* Page Content */


.UC{float:right;height:30px;padding-top:10px;padding-top:10px;direction:ltr;margin:0px 160px;}
.RowGap{width:100%;float:left;height:20px;}



.Icons{width:100%;float:left;}
  /* Login CP */
   .login_box{width:400px;height:230px;background:url(../images/Tarkhis/bag_center.jpg) repeat-x;margin:auto;margin-top:150px;border:#91a9ea 1px solid}
.login_p{float:right;margin:20px 10px 20px 0;font-size:12px;font-weight:700;font-family:Tahoma;}
.divlinebox{width:400px;height:4px;background-color:#91a9ea;margin-top:60px}
.divtextbox {margin:30px 40px 0px 0;float:right;width:250px}
.divtextbox .span{margin:5px 0}
.divtextbox .inpout{margin:5px 0;text-align:right;font-family:Tahoma;font-size:11px;width:150px;height:20px; }
.divtextbox .img {margin:17px 0 17px -5px}
.footerLogin{margin:auto;width:961px;position:relative;margin-top:10px;color:#a2a3ab;font-size:12px;font-family:tahoma;text-align:center}


/* LoginCP */
.man-gallery-nav-box {
	width: 168px;
	height: 168px;
	margin: 10px;
}
.man-login-box-rep1 {
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #f1f2f4 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f1f2f4)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f1f2f4 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#f1f2f4 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#f1f2f4 100%); /* IE10+ */
background: linear-gradient(top,  #ffffff 0%,#f1f2f4 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f2f4',GradientType=0 ); /* IE6-9 */
}
.man-login-box-rep2 {
background: #f6f8f9; /* Old browsers */
background: -moz-linear-gradient(top,  #f6f8f9 0%, #ebecee 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f8f9), color-stop(100%,#ebecee)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f6f8f9 0%,#ebecee 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f6f8f9 0%,#ebecee 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f6f8f9 0%,#ebecee 100%); /* IE10+ */
background: linear-gradient(top,  #f6f8f9 0%,#ebecee 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#ebecee',GradientType=0 ); /* IE6-9 */
}
.man-right-round-box {
	-moz-border-radius-topright: 6px;
	border-top-right-radius: 6px;
	-moz-border-radius-bottomright: 6px;
	border-bottom-right-radius: 6px;
}
.man-left-round-box {
	-moz-border-radius-topleft: 6px;
	border-top-left-radius: 6px;
	-moz-border-radius-bottomleft: 6px;
	border-bottom-left-radius: 6px;
}
.man-round-box {
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
.man-border-right-box {
	border-top: 1px solid #1E8FB9;
	border-right: 1px solid #1E8FB9;
	border-bottom: 1px solid #1E8FB9;
}
.man-border-left-box {
	border-top: 1px solid #1E8FB9;
	border-bottom: 1px solid #1E8FB9;
	border-left: 1px solid #1E8FB9;
}
.border-radius-3p {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.man-border-top{
	border-top: 1px solid #FFFFFF;
}
.man-border-bot{
	border-bottom: 1px solid #E6E7E7;
}
.BYekan-20-gray {
	color: #555;
	font-family: BYekan, Arial, Tahoma;
	font-size: 20px;
	font-weight: normal;
	text-decoration: none;
}
.tahoma-12-gray {
	color: #555555;
	font-family: Tahoma, Arial;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
}
.tahoma-12-gray a {
	color: #555555;
	font-family: Tahoma, Arial;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
}
.tahoma-12-gray a:hover{
	color: #555555;
	font-family: Tahoma, Arial;
	font-size: 12px;
	font-weight: normal;
	text-decoration: underline;
}
.man-text-shadow-112 {
	text-shadow: -1px 1px 1px rgba(255, 255, 255, 1);
}
.man-box-shadow {
/*	-moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
	box-shadow: 0 0 1x rgba(0, 0, 0, 0.5);*/
}
.man-box-shadow2 {
	-moz-box-shadow: 0 0 20px rgba(255, 255, 255, 1);
	-webkit-box-shadow: 0 0 20px rgba(255, 255, 255, 1);
	box-shadow: 0 0 20x rgba(255, 255, 255, 1);
}
.man-input-shadow {
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 1x rgba(0, 0, 0, 0.1);
}
.man-text-input {
	color: #555555;
	font-family: Tahoma, Arial;
	font-size: 13px;
	font-weight: normal;
	text-decoration: none;
	padding: 10px;
	border: 1px solid #CCCCCC;
}
.man-alert {
	background-color: #FFFFFF;
	border-bottom: 5px solid #EEEEEE;
	-moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
	box-shadow: 0 2px 5x rgba(0, 0, 0, 0.25);
}
.man-alert-text {
	font-family: tahoma, Arial;
	color: #CC3333;
	font-size: 13px;
	font-weight: normal;
	text-decoration: none;
}
#close-button {
	background: url(../images/CP/close-button.gif) center center no-repeat , #FFFFFF;
}
#close-button:hover {
	background: url(../images/CP/close-button-hover.gif) center center no-repeat , #FFFFFF;
}
.man-copyright {
	color: rgba(255, 255, 255, 0.75);
	font-family: tahoma, Arial;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	text-shadow: 1px 1px 1px rgba(30, 143, 185, 1);
}

/*  ------   */

.main-menu {
	background: url(../images/CP/top-ribon.jpg) repeat;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #ccc;}
.top-menu {
	width: 90%;
	position: relative;
	margin: 0 auto;}
.top-menu ul {
	background: url(../images/CP/menu-bg.jpg) repeat;
	width: 100%;
	height: 35px;
	border: 1px solid #ccc;
	border-top: 0px !important;
	margin: 0;
	padding: 0;}
.top-menu ul li {
	float: right;
	display: inline;
	width: auto;
	height: 35px;
	margin: 0;
	padding:0;
	cursor: pointer;}
.top-menu ul li span {
	direction: rtl;
	float: right;}

/* ========== MAIN PAGES STYLES ========== */
#main-container {
	width: 90%;
	margin: 20px auto;
	overflow: hidden;}
.fl { float: left; }
.fr { float: right; }

/* ========== INNER PAGE: HOME PAGE BOXES ========== */
.homeBox {
	width: 90%;
	height: auto;
	overflow: hidden;
	margin: 0px;
	padding: 20px 30px;
	background: #fff;
	border: 1px solid #ccc;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0px 2px #ccc;
	-moz-box-shadow: 0px 2px #ccc;
	-o-box-shadow: 0px 2px #ccc;
	box-shadow: 0px 2px #ccc;}
.homeBoxR, .homeBoxL { width: 49%; height: auto; overflow: hidden; }
.homeBoxR { float: right; }
.homeBoxL { float: left; }
.homeBox h3 {
	font-size: 20px;
	color: #666;
	width: 100%;
	line-height: 30px;
	float: right;
	direction: rtl;
	text-align: right;
	margin-bottom: 15px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;}
.homeBox:hover h3 { color: #09c; border-bottom-color: #ccc; }
.homeBox span {
	width: auto;
	height: auto;
	display: table;
	font-size: 18px;
	direction: rtl;
	text-align: right;
	float: right;
	color: #666;
	margin: 0px;
	padding: 5px 15px 5px 0px;
	background: url(../images/arrow-gray.png) right center no-repeat; 
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;}

.homeBox span:hover { background: url(../images/arrow-blue.png) right center no-repeat; color: #000; }
.homeBox span a { color: #09f; text-decoration: none; }
.homeBox span a:hover { color: #09f; text-decoration: underline; }
/* ========== INNER PAGE: SEARCH STYLES ========== */
.searchStyle {
	width: 97% !important;
	height: auto;
	margin: 0px 20px;
	overflow: hidden; 
	float:left;}
.searchStyle table {
	}
.searchStyle table:hover { border-color: #09c; }
.searchStyle tr {
	width: 100%;
	height: 100%;
	direction: rtl;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
    
}
.searchStyle th {
	font-family: BYekan;
	font-size: 20px;
	font-weight: normal;
	color: #09f;
	padding: 5px 20px 10px 0;
	margin-bottom: 30px;
	text-align: right;
	direction: rtl;
	border-bottom: 1px dashed #ccc;}
.searchStyle td {
	width: auto;
	font-family: BKoodakBold;
	font-size: 18px;
	font-weight: normal;
	color: #666;
	
	direction: rtl;
	text-align: right;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear; }
.searchStyle td a {
	color: #09f;
	text-decoration: none; }
.searchStyle td a:hover { border-bottom: 1px dashed #09f; }
.searchStyle td span {

	float: right;
	line-height: 33px;
	margin: 0 20px 0 10px;
    font-size:16px;
}
.searchStyle td span:first-child { margin-right: 0px !important; }
.searchStyle tr:hover > td { color: #09f; }
.searchStyle input[type="text"], .searchStyle textarea, .searchStyle input[type="file"], .searchStyle select  {
	/*width: 150px;*/
	padding: 2px 5px;
	margin-left: 10px;
	float: right;
	/*font-family: BMitra;*/
	font-size: 18px;
	color: #666;
	background: #fff;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear; }
.searchStyle select { width: 210px !important; }
.searchStyle input[type="file"] {
	width: 210px !important;
	padding: 0px !important;
	font-family: Tahoma;
	font-size: 12px;
	background: #fff;}
.searchStyle img { margin: 4px 0 0 10px; cursor: pointer; float: right; }
.searchStyle input[type="text"]:hover, .searchStyle textarea:hover, .searchStyle input[type="file"]:hover, .searchStyle select:hover { border-color: #09f; color: #09f; }
.searchStyle tr:hover > td input[type="text"] , .searchStyle tr:hover > td textarea , .searchStyle tr:hover > td input[type="file"] , .searchStyle tr:hover > td select { border-color: #09f; color: #09f; }
.searchStyle input[type="text"]:focus, .searchStyle textarea:focus, .searchStyle input[type="file"]:focus, .searchStyle select:focus { outline: none; border-color: #f93; color: #000; }
.searchStyle tr:hover > td input[type="text"]:focus , .searchStyle tr:hover > td textarea:focus , .searchStyle tr:hover > td input[type="file"]:focus, .searchStyle tr:hover > td select:focus { outline: none; border-color: #f93; color: #000; }
.searchStyle input[type="submit"] {
	font-family: BKoodakBold;
	font-size: 18px;
    text-shadow:0px 1px 0px #5b6178;
	padding: 0px 20px;
	margin-right: 125px;
	color: #fff;
	cursor: pointer;
	
    -moz-box-shadow:inset 0px 1px 0px 0px #d8eaf0;
    -webkit-box-shadow:inset 0px 1px 0px 0px #d8eaf0;
    box-shadow:inset 0px 1px 0px 0px #d8eaf0;
    
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #33bdef), color-stop(1, #019ad2));
    background:-moz-linear-gradient(top, #33bdef 5%, #019ad2 100%);
    background:-webkit-linear-gradient(top, #33bdef 5%, #019ad2 100%);
    background:-o-linear-gradient(top, #33bdef 5%, #019ad2 100%);
    background:-ms-linear-gradient(top, #33bdef 5%, #019ad2 100%);
    background:linear-gradient(to bottom, #33bdef 5%, #019ad2 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#33bdef', endColorstr='#019ad2',GradientType=0);
    
    background-color:#33bdef;
    
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;

    border:1px solid #057fd0;}
.searchStyle input[type="submit"]:hover, .DivContent input[type="submit"]:focus {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #019ad2), color-stop(1, #33bdef));
	background:-moz-linear-gradient(top, #019ad2 5%, #33bdef 100%);
	background:-webkit-linear-gradient(top, #019ad2 5%, #33bdef 100%);
	background:-o-linear-gradient(top, #019ad2 5%, #33bdef 100%);
	background:-ms-linear-gradient(top, #019ad2 5%, #33bdef 100%);
	background:linear-gradient(to bottom, #019ad2 5%, #33bdef 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#019ad2', endColorstr='#33bdef',GradientType=0);        
	background-color:#019ad2;}
/* ========== INNER PAGE: TOP STATIC BOX FOR FINANCIAL MENU ========== */
.financialBox {
	background: #fff;
	width: 900px;
	height: auto;
	margin:20px auto;
	padding:30px;
	position:relative;
	border: 1px solid #ccc;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;}
.financialBox ul {
	overflow: hidden;
	position: relative;
	margin:0 0 20px 0;
	padding:0;}
.financialBox ul:last-child { margin-bottom: 0px !important; }
.financialBox li {
	background: url(../images/CP/menu-bg.jpg) repeat;
	width: 248px;
	height: 90px;
	border: 1px dashed #ccc;
	margin-left: 30px;
	padding: 15px;	
	float: right;
	display: inline;
	font-family: BKoodakBold;
	font-size: 18px;
	color: #999;
	cursor: pointer;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;}
	.financialBox li a{color: #999;text-decoration:none;}
	.financialBox li a:hover{color: #09c;text-decoration:none;}
.financialBox li:last-child { margin-left: 0px !important;}
.financialBox li:hover { border: 1px dashed #09c; color: #09c; }
.financialBox li span {
	width: 140px;
	height: 90;
	display: table;
	vertical-align: middle;
	text-align: center;
	direction: rtl;
	padding-top: 28px;}
.financialBox li img {
	float: right;
	padding: 0;
	margin: 0;
	border: none;
	width: 90px;
	height: 90px;}

/* ========== INNER PAGE: TOP TABBED PAGE ========== */
#TopTabContainer {
	margin:20px auto;
	padding:0px;
	/*position:relative;*/
	width:90%;
	height: auto;}
#TopTabContainer ul{
	overflow:hidden;
	border: 1px solid #ccc;
	border-bottom: 0px !important;
	margin: 0;
	padding: 0;
	width: 90%;
	height:45px;
	position:absolute;
	-webkit-border-radius: 10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0;
	-o-border-radius: 10px 10px 0 0;
	border-radius: 10px 10px 0 0;
	z-index: 200;}
#TopTabContainer li
{

	font-family:BYekan, BKoodakBold;
	font-size: 17px;
	font-weight: normal;
	float:right;
	list-style:none;}
#TopTabContainer li:last-child {
	width: auto;
	height: 44px;
	background: #eee;}
#TopTabContainer li a
{
	
	background: url(../images/CP/header-bg.jpg) repeat;
	border-left: 1px solid #ccc;
	color:#666;
	cursor:pointer;
	display:block;
	line-height:44px;
	padding:0 30px;
	text-decoration:none;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;}
#TopTabContainer li a:hover{
	color: #09c;
}
#TopTabContainer li a.active{
	background:#fff;
	border-bottom: 1px solid #fff;
	color:#09c;}
.TopTabDetails{
	position:relative;
	width:90%;
	height: auto;
	background:#fff;
	border:1px solid #ccc;
	margin:65px auto;
	margin-bottom: 0px !important;
	padding:0px;
	z-index: 100;
	-webkit-border-radius: 0 0 10px 10px;
	-moz-border-radius: 0 0 10px 10px;
	-o-border-radius: 0 0 10px 10px;
	border-radius: 0 0 10px 10px;}
.TopTabContents{
	padding:30px;
	height: auto;}
.TopTabContents ul {
	overflow: hidden;
	position: relative;
	margin:0 0 20px 0;
	padding:0;}
.TopTabContents ul:last-child {
	margin-bottom: 0px !important; }
.TopTabContents li 
{
		background: url(../images/CP/menu-bg.jpg) repeat;
	width: 132px;
	height: 162px;
	border: 1px dashed #ccc;
	margin-left: 16px;
    margin-bottom:16px;
	padding: 15px;	
	float: right;
	list-style: none;
	font-family: BKoodakBold;
	font-size: 18px;
	direction: rtl;
	text-align: center;
	color: #999;
	cursor: pointer;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;}
	.TopTabContents li a{text-decoration:none;color: #999;}
	.TopTabContents li a:hover{text-decoration:none;color: #09c;}
.TopTabContents li:last-child {
	margin-left: 0px !important;}
.TopTabContents li:hover {
	border: 1px dashed #09c;
	color: #09c;}
.TopTabContents li img {
	float: right;
	padding: 5px 18px 15px 18px;
	border: none;}
/* ===== Info Box Accordion ===== */
.infoBox {
	width: 90%;
	margin: 20px auto;}
.infoHeader {
	position: relative;
	overflow: hidden;}
.infoHeader p {
	font-family: BKoodakBold;
	font-size: 20px;
	color: #09c;
	padding:  0;
	margin: 0;
	line-height: 25px;
	float: right;
	direction: rtl;
	cursor: pointer;}
.infoHeader p:hover {
	text-decoration: underline;}
.infoHeader p img {
	margin: 0px 0 0 15px;
	float: right;
	direction: rtl;}
.infoContent {
	background: #fff;
	width: 95%;
	margin-top: 15px;
	padding: 30px;
	overflow: hidden;
	border: 1px solid #ccc;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;}
.infoContent ul {
	height: auto;
	overflow: hidden;
	margin: 0 0 20px 0;
	padding: 0;}
.infoContent ul:last-child { margin-bottom: 0px !important; }
.infoBox li {
	background: url(../images/CP/menu-bg.jpg) repeat;
	width: 174px;
	height: 50px;
	padding: 15px;
	margin: 5px;
	float: right;
	direction: rtl;
	text-align: center;
	font-family: BKoodakBold;
	font-size: 20px;
	line-height: 30px;
	color: #999;
	border: 1px dashed #ccc;
	display: inline;
	cursor: pointer;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;}
	.infoBox li a {color: #999;text-decoration:none;}
.infoBox li:hover {	border: 1px dashed #09c; color: #09c; }
.infoBox li a:hover {	 color: #09c;text-decoration:none; }
.infoBox li:last-child { margin-left: 0px !important; }
.infoBox li img {
	width: 50px;
	height: 50px;
	float: right;
	padding-left: 15px;}
	
	/* ========== TOP TABBED PAGE: MAIN PUBLIC HEADER ========== */
.TopTabHeader {
	position:relative;
	width: auto;
	height: 80px;
	float: right;
	background:#fff;
	margin: 20px 0px;
	margin-bottom: -10px;
	padding:0px;}
.TopTabHeader ul {
	background: url(../images/CP/menu-bg.jpg) repeat;
	width: auto;
	height: auto;
	display: table;
	padding: 0 5px;
	margin: 0;
	overflow: hidden;
	border:1px dashed #ccc;
	border-right: 0px !important;
	-webkit-border-radius: 5px 0px 0px 5px;
	-moz-border-radius: 5px 0px 0px 5px;
	-o-border-radius: 5px 0px 0px 5px;
	border-radius: 5px 0px 0px 5px;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;}
.TopTabHeader ul:hover { border-color:#09c; }
.TopTabHeader li {
	width: auto;
	height: 60px;
	padding: 5px 10px;
	margin: 5px 1px;
	display: inline;
	float: right;
	color: Maroon;
	font-family: BYekan;
	font-size: 20px;
	line-height: 60px;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;}
.TopTabHeader ul:hover > li { color: #09c; }

	/* ========== TOP TABBED PAGE: MAIN PUBLIC ICONS (Static Icons in Tabs) ========== */
.TopTabIcons {
	float:left;
	width: auto;
	height: 80px;
	background:#fff;
	margin: 20px 0px;
	margin-bottom: -10px !important;
	padding:0px;}
.TopTabIcons ul {
	background: url(../images/CP/menu-bg.jpg) repeat;
	width: auto;
	height: auto;
	display: table;
	padding: 0 5px;
	margin: 0;
	overflow: hidden;
	border:1px dashed #ccc;
	border-left: 0px !important;
	-webkit-border-radius: 0px 5px 5px 0px;
	-moz-border-radius: 0px 5px 5px 0px;
	-o-border-radius: 0px 5px 5px 0px;
	border-radius: 0px 5px 5px 0px;}
.TopTabIcons ul:hover { border:1px dashed #09c; }
.TopTabIcons ul:hover > li { border-right-color: #ccc; }
.TopTabIcons li {
	width: 40px;
	height: 60px;
	padding: 5px 10px;
	margin: 5px 1px;
	display: inline;
	float: left;
	color: #333;
	border-right: 1px dashed #ccc;
	cursor: pointer;}
.TopTabIcons li:last-child { margin-right: 0px !important; border-right: 0px !important; }
.TopTabIcons li:hover { color: #09f; }
.TopTabIcons li img {
	width: 40px;
	height: 40px;
	float: left; }
.TopTabIcons li a
	{
	    text-decoration:none;
	    width: 100%;
	font-size: 16px;
	direction: rtl;
	display: table;
	text-align: center;
	}
	.TopTabIcons li input
	{
	    text-decoration:none;
	    width: 100%;
	font-size: 16px;
	direction: rtl;
	display: table;
	text-align: center;
	}
.TopTabIcons li span {
	width: 100%;
	font-size: 16px;
	direction: rtl;
	display: table;
	text-align: center;
	font-family:BMitra,BkoodakBold,Byekan,Arial,Tahoma;
	}
/* ========== TOP TABBED PAGE: MAIN PUBLIC MESSAGE ========== */
.TopTabMsg {
	position:relative;
	width: auto;
	height: 80px;
	float: right;
	background:#fff;
	margin: 20px 20px;
	margin-bottom: -10px;
	padding:0px;}
.TopTabMsg ul {
	background: url(../images/CP/menu-bg.jpg) repeat;
	width: auto;
	height: auto;
	display: table;
	padding: 0 5px;
	margin: 0;
	overflow: hidden;
	border:1px dashed #09c;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;}
.TopTabMsg ul:hover { border-color:#f93; }
.TopTabMsg li {
	width: auto;
	height: 60px;
	padding: 5px 10px;
	margin: 5px 1px;
	display: inline;
	float: right;
	color: #09c;
	font-size: 18px;
	line-height: 60px;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;}
.TopTabMsg ul:hover > li { color: #f93; }


.main {
	background: #fff;
	width: 90%;
	height: auto;
	margin: 20px auto;
	padding: 0 0 20px 0;
	
	border: 1px solid #ccc;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
	overflow:hidden;}

.DivContent {
	width: 100%;
	height: auto;
	margin: 0 auto;
	margin-top: 20px !important;
	padding: 10px 0;
	background: #eee;
	overflow: hidden;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	float:right;
}
.DivContent table {
	width: 100%;
	padding: 0px;
	margin: 0px;
    float:right;
	
	}
.DivContent tr {
	width: 100%;
	height: 100%;
	
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;}
.DivContent th {
	font-family: BYekan;
	font-size: 20px;
	font-weight: normal;
	color: #09f;
	padding: 5px 20px 10px 0;
	margin-bottom: 30px;
	text-align: right;
	direction: rtl;
	border-bottom: 1px dashed #ccc;}
.DivContent td {
	font-family: BMitra;
	font-size: 16px;
	font-weight: normal;
	color: #666;
	
	
	text-align: right;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear; }
.DivContent td:first-child { width: 25%; }
.DivContent td a {
	color: #09f;
	text-decoration: none; }
.DivContent td a:hover { border-bottom: 1px dashed #09f; }
.DivContent td span {
	font-family: BMitra;
	float: right;
	line-height: 33px;
	margin: 0 20px 0 10px; }
.DivContent td span:first-child { margin-right: 0px !important; }
.DivContent tr:hover > td { color: #09f; }
.DivContent input[type="text"], .DivContent textarea, .DivContent input[type="file"], .DivContent select {
	/*width: 100px;*/
	padding: 2px 5px;
	margin-left: 10px;
	float:right;
	font-family: BMitra;
	font-size: 16px;
	color: #666;
	background: #fff;
	border: 1px solid #ccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear; 

}
	.DivContent input[type="radio"]
	{
		float:right;
	}
.DivContent select { width: 300px !important; text-align:right; }
.DivContent input[type="file"] {
	width: 210px !important;
	padding: 0px !important;
	font-family: Tahoma;
	font-size: 12px;
	background: #fff;}
.DivContent img { margin: 4px 0 0 10px; cursor: pointer;  }
.DivContent input[type="text"]:hover, .DivContent textarea:hover, .DivContent input[type="file"]:hover, .DivContent select:hover { border-color: #09f; color: #09f; }
.DivContent tr:hover > td input[type="text"] , .DivContent tr:hover > td textarea , .DivContent tr:hover > td input[type="file"] ,.DivContent tr:hover > td select { border-color: #09f; color: #09f; }
.DivContent input[type="text"]:focus, .DivContent textarea:focus, .DivContent input[type="file"]:focus, .DivContent select:focus { outline: none; border-color: #f93; color: #000; }
.DivContent tr:hover > td input[type="text"]:focus , .DivContent tr:hover > td textarea:focus , .DivContent tr:hover > td input[type="file"]:focus ,.DivContent tr:hover > td select:focus { outline: none; border-color: #f93; color: #000; }
.DivContent input[type="submit"] {
	font-family: BKoodakBold;
	font-size: 18px;
    text-shadow:0px 1px 0px #5b6178;
	padding: 0px 20px;
	margin-right: 125px;
	color: #fff;
	cursor: pointer;
	
    -moz-box-shadow:inset 0px 1px 0px 0px #d8eaf0;
    -webkit-box-shadow:inset 0px 1px 0px 0px #d8eaf0;
    box-shadow:inset 0px 1px 0px 0px #d8eaf0;
    
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #33bdef), color-stop(1, #019ad2));
    background:-moz-linear-gradient(top, #33bdef 5%, #019ad2 100%);
    background:-webkit-linear-gradient(top, #33bdef 5%, #019ad2 100%);
    background:-o-linear-gradient(top, #33bdef 5%, #019ad2 100%);
    background:-ms-linear-gradient(top, #33bdef 5%, #019ad2 100%);
    background:linear-gradient(to bottom, #33bdef 5%, #019ad2 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#33bdef', endColorstr='#019ad2',GradientType=0);
    
    background-color:#33bdef;
    
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;

    border:1px solid #057fd0;}
.DivContent input[type="submit"]:hover, .DivContent input[type="submit"]:focus {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #019ad2), color-stop(1, #33bdef));
	background:-moz-linear-gradient(top, #019ad2 5%, #33bdef 100%);
	background:-webkit-linear-gradient(top, #019ad2 5%, #33bdef 100%);
	background:-o-linear-gradient(top, #019ad2 5%, #33bdef 100%);
	background:-ms-linear-gradient(top, #019ad2 5%, #33bdef 100%);
	background:linear-gradient(to bottom, #019ad2 5%, #33bdef 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#019ad2', endColorstr='#33bdef',GradientType=0);        
	background-color:#019ad2;}
.DivContent input[type="submit"]:active { position: relative; top: 1px; }
.DivContent input[type="submit"]:focus { outline: none; }


.PanelRegister {
	width: 100%;
	height: auto;
	margin: 0 auto;
	overflow: hidden;float:right; }
.PanelRegister table {
	width: 100%;
	padding: 0;
	margin: 20px 0 0 0;
	border-top: 1px solid #ccc;
	}
.PanelRegister tr {
	width: 100%;
	height: 100%;
	direction: rtl;
	background: #eee;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear; }
.PanelRegister td {
	font-size: 18px;
	font-weight: normal;
	padding: 5px;
	direction: rtl;
	text-align: center;
	border-bottom: 1px solid #ccc;border-right:0px;border-left:0px;}

.Grid {
	width: 100%;
	height: auto;
	margin: 0 auto;
	overflow: hidden;float:right; }
.Grid table {
	width: 100%;
	padding: 0;
	/*margin: 20px 0 0 0;*/
	border-top: 1px solid #ccc;
	direction: rtl;}
.Grid tr {
	width: 100%;
	height: 100%;
	direction: rtl;
	background: #eee;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear; }
.Grid tr:hover { background: #fff; }
.Grid th {
	font-family: BKoodakBold;
	font-size: 16px;
	font-weight: normal;
	color: #666;
	background: url(../images/CP/header-bg.jpg) repeat;
	border-bottom: 1px solid #ccc;
	padding: 5px;
	direction: rtl;
	text-align:center;border-right:none;border-left:none;}
.Grid td {
	font-size: 18px;
	font-weight: normal;
	padding: 5px;
	direction: rtl;
	text-align: center;
	border-bottom: 1px solid #ccc;border-right:0px;border-left:0px;}
.Grid td a {
	color: #09f;
	text-decoration: none; }
.Grid td a:hover { border-bottom: 1px dashed #09f; }
.Grid input[type="image"] { vertical-align: middle; margin-left: 5px; }
.Grid input[type="image"]:last-child { margin-left: 0px !important; }

/*- page Report--------------------------- */
.Report{margin:10px;width:98%;background-color:#fff;padding:0;border-top:0;margin-bottom:10px;float:right;border-bottom:0;}
.ReportPart {border-radius:5px;border:1px dashed #ccc;float:right;width:99%;margin-bottom:20px;background-color:#eee;}
.ReportPartTitle{width:100%;text-align:right;background:rgba(0, 0, 0, 0) url('../images/CP/menu-bg.jpg') repeat scroll 0 0;border-bottom:#ccc 1px solid;line-height:30px;float:right;}
.ReportPartTitle p{color:#6f1010;font-size:14pt;margin:0;margin-right:5px;width:50%;float:right;}

/* Update Panel Progress Bar*/
  
#loginContainer{position:relative;float:left;font-size:15px;margin-top:2px;text-align:right;}
#loginButton{display:inline-block;float:right;background:url(../images/Tools/CalendarConverter.png) no-repeat;position:relative;z-index:30;cursor:pointer;font-family:BkoodakBold;}

#loginButton span{background:url(../images/Tools/CalendarConverter.png) no-repeat;display:block;width:50px;height:50px;}
#loginButton:hover{background:url(../images/buttonbgHover.png) repeat-x}
#loginBox{position:absolute;top:102px;left:0px;display:none;z-index:29}
#loginButton.active span{background:url(../images/Tools/CalendarConverterDis.png) no-repeat}

#loginForm{width:248px;border:1px solid #555555;margin-top:-5px;background:#ebebeb;padding:6px;box-shadow:0 0 20px rgb(0, 0, 0);border-radius:5px;}
#loginForm fieldset{display:block;border:0;padding:0}
#body label{color:#3a454d;margin:9px 0 0;display:block;float:right}
#loginForm #body fieldset label{display:block;float:none;margin:0 0 6px}
#loginForm input{width:80%;border:1px solid #899caa;color:#3a454d;font-weight:700;padding:8px;font-size:10px}
#loginForm #login{width:auto;float:left;background:#a82682 url(../images/loginbuttonbg.png) repeat-x;padding:3px;border:1px solid #a82682;margin:0 12px 0 0;cursor:pointer;font-family:bkoodakbold;font-size:15px;border-radius:10px;color:#fff;}
#loginForm span{text-align:center;display:block;padding:7px 0 4px}
#loginForm span a{color:#3a454d;font-size:10px}

#ctl00_ContentPlaceHolder1_div_DateAutoProcess {
    width: 400px !important;
    float: none;
    direction: rtl;
    border: dashed 1px darkred;
    margin-top: 50px;
    border-radius: 5px 5px 5px 5px;
    height: auto;
    margin: 20px auto 0;
   
   
    padding: 10px 0;
    background: #eee;
    overflow: hidden;
}
    #ctl00_ContentPlaceHolder1_div_DateAutoProcess table {
        width: 100%;
        padding: 0px;
        margin: 0px;
        float: right;
    }
    #ctl00_ContentPlaceHolder1_div_DateAutoProcess tr {
        width: 100%;
        height: 100%;
        -webkit-transition: all 0.3s linear;
        -moz-transition: all 0.3s linear;
        -o-transition: all 0.3s linear;
        transition: all 0.3s linear;
    }
    #ctl00_ContentPlaceHolder1_div_DateAutoProcess td {
        font-family: BMitra;
        font-size: 16px;
        font-weight: normal;
        color: #666;
        text-align: right;
        -webkit-transition: all 0.3s linear;
        -moz-transition: all 0.3s linear;
        -o-transition: all 0.3s linear;
        transition: all 0.3s linear;
    }
        #ctl00_ContentPlaceHolder1_div_DateAutoProcess td span {
            font-family: BMitra;
            float: right;
            line-height: 33px;
            margin: 0 20px 0 10px;
            margin-right: 20px;
        }

}
.RadComboBox_Default .rcbInner
{
	width:100%;
}
.rcbInput
{
	border:none !important;
}