/*
***********************************
* Name: SIB WWW User Interface    *
* CSS Style by www.gtpland.com    *
* Author: Hamed Haddadian         *
***********************************
*/
body {
	background: #F8F8F8;
	font-family: Tahoma;
	margin-top: 8px;
	margin-left: 0;
	margin-right: 0;
}

#body_shell {
	width: 750px;
	direction: rtl;	
}

#body_wrap {
	width: 750px;
}

#body_margin {
	width: 716px;
	margin-right: 0px;
	clear: both;
	height: auto;
	margin-top: 5px;
	text-align: center;	
}

a {
	font-family: Tahoma;	
	text-decoration: none;
	color: #333333;
}

a:hover {
	color: #CC3300;
}

#main_area {
	width: 716px;
	clear: both;
	font-family: Tahoma;
	font-size: 11px;
}

/* Module Head */
.ml_head {
	width: 100%;
	font-size: 8pt;
	line-height: 15px;
	color: #FFFFFF;
	background: url('head.gif') no-repeat top left;
	height: 28px;
	overflow: hidden;
}

.ml_head .module_head_right {
	float: right;
	background: #F8F8F8 url('head.gif') no-repeat top right;
	padding-top: 5px;
	padding-right: 4px;
	height: 23px;
}

.ml_head .title {
	font-family: Tahoma;
	font-size: 9pt;
	font-weight: bold;
	padding-right: 3px;
	margin-top: 5px;
	float: right;
}

.ml_head .title .username {
	color: #FFFF00;
}

.ml_head .title .conn_status #separator {
	font-weight: normal;	
}

.ml_head .title .conn_status {
	font-size: 8pt;
}

.ml_head .title .c_status img {
	border: 0px;
	width: 13px;
	height: 17px;
	vertical-align: middle;
}

.ml_head .title .c_status#online {
	background: url('apple_green.gif') no-repeat ;
}
.ml_head .title .c_status#offline {
	background: url('apple_red.gif') no-repeat;
}

.ml_head .title .cstext {
	font-weight: normal;
	font-size: 10px;
}

.ml_head .title .cstext#offline {
	color: #D8D8D8;
}
.ml_head .title .cstext#online {
	color: #FFFFFF;
}

.ml_head .title#remain_credit {
	float: left;
	padding-left: 10px;
	font-weight: normal;
	font-size: 11px;
}

.ml_head .title#remain_credit span {
	color: #CCFF33;
}

.ml_head .title#expire {
	float: left;
	padding-left: 10px;
	font-weight: normal;
	font-size: 11px;
}

.ml_head .title#expire span {
	color: #CCFF33;
}

.ml_head .title#logout {
	font-weight: normal;
	font-size: 11px;
	float: left;
	padding-left: 8px;
}

.ml_head .title#logout a {
	color: #FFFFFF;
	text-decoration: none;
}

.ml_head .title#logout a:hover {
	color: #FFCC00;
	text-decoration: none;
}

#navbar {
	background: #E4E4E4 url('navbar.gif') no-repeat;
	width: 100%;
	height: 29px;
	font-family: Tahoma;
	font-size: 11px;
	overflow: hidden;
	clear: both;
}

#navbar ul {
	padding: 0;
	border: 0;
	margin: 0px 1px 0px;
	list-style: none;	
}

#navbar li {
	float: right;
	margin-top: 4px;
	position: relative;
}

#navbar .tab a {
	display: block;
	float: left;
	color: #5C5C5C;
	font-weight: bold;	
	text-decoration: none;
	padding: 5px 7px 0px 7px;
	height: 19px;	
}

#navbar .tab a:hover {
	text-decoration: none;
	color: #FFFFFF;
	background: #99CCFF url('nav_hover.gif') repeat-x;
}

#navbar .tab#on
{
	background: #FFA87D url('nav_on.gif') repeat-x;
}

#navbar .tab#on a:hover
{
	background: #FFA87D url('nav_on.gif') repeat-x;
	color: #5C5C5C;
}

/* CAP RIGHT */
#navbar .capright a {
	display: block;
	float: left;
	color: #264B99;
	font-weight: normal;
	font-size: 11px;	
	text-decoration: none;
	padding: 5px 6px 6px 6px;
	background: url(capright.gif) no-repeat right top;	
	border-left: 1px #BFBFBF solid;
}

#navbar .capright a:hover {
	text-decoration: none;
	color: #694623;
	background: #FEF2CD url('capright.gif') no-repeat right center;
}

#navbar .capright#on a {
	background: #99CCFF url('capright.gif') no-repeat right bottom;
	color: #FFFFFF;
}

/* CAP LEFT */
#navbar .capleft a {
	display: block;
	float: left;
	color: #264B99;
	font-weight: normal;
	font-size: 11px;	
	text-decoration: none;
	padding: 5px 6px 6px 6px;
	background: url(capleft.gif) no-repeat left top;	
}

#navbar .capleft a:hover {
	text-decoration: none;
	color: #694623;
	background: #FEF2CD url('capleft.gif') no-repeat left center;
}

#navbar .capleft#on a {
	background: #99CCFF url('capleft.gif') no-repeat left bottom;
	color: #FFFFFF
}

/* MIDDLE CAP */
#navbar .cap a {
	display: block;
	float: left;
	color: #264B99;
	font-weight: normal;
	font-size: 11px;	
	text-decoration: none;
	padding: 5px 6px 6px 6px;
	background: url(cap.gif) repeat-x top;
	border-left: 1px #BFBFBF solid;
}

#navbar .cap a:hover {
	text-decoration: none;
	color: #694623;
	background: #FEF2CD url('cap.gif') repeat-x center;
}

#navbar .cap#on a {
	background: #99CCFF url('cap.gif') repeat-x bottom;
	color: #FFFFFF;
}

.description {
	font-family: Tahoma;
	font-size: 8pt;
	color: #000000;
	padding-bottom: 8px;
	line-height: 17px;
}

.line_space1 {
	padding-bottom: 11px;
}

.tab_spacer {
	width: 100%;
	padding-top: 2px;
	float: right;
}

.form_spacer {
	width: 100%;
	float: right;
	margin-top: -8px;
}

/* Sub Module Head */
.subml_head {
	width: 100%;
	font-size: 8pt;
	line-height: 15px;
	color: #333300;
	background: url('subhead.gif') no-repeat bottom left;
	height: 30px;
}

.subml_head .module_head_right {
	float: right;
	background: #FFFFFF url('subhead.gif') no-repeat bottom right;
	padding-top: 5px;
	padding-right: 4px;
	height: 25px;
}

.subml_head .title {
	font-family: Tahoma;
	font-size: 8pt;
	font-weight: bold;
	padding-right: 5px;
	margin-top: 10px;
	float: right;
}

.subml_head .icon {
	margin-top: 0px;
	margin-right: -15px;
	float: right;
	width: 40px;
	height: 30px;
}

.subml_head .icon#userinfo {
	background: url('userinfo.gif') no-repeat;	
}

.subml_head .icon#credits {
	background: url('credits.gif') no-repeat;	
}

.subml_head .icon#periodic {
	background: url('periodic.gif') no-repeat;		
}

.subml_head .icon#payments {
	background: url('payments.gif') no-repeat;	
}

.subml_head .icon#permissions {
	background: url('permissions.gif') no-repeat;	
}

.subml_head .icon#connection {
	background: url('connection.gif') no-repeat;	
}

.subml_head .icon#key {
	background: url('key.gif') no-repeat;	
}

.subml_head .icon#note {
	background: url('note.gif') no-repeat;	
}

.subml_head .icon#sms {
	background: url('sms.gif') no-repeat;	
}

.subml_head .icon#warning {
	background: url('warning.gif') no-repeat;	
}

.subml_head .icon#information {
	background: url('information.gif') no-repeat;	
}

.subml_head .icon#transfer-credit {
	background: url('transfer-credit.gif') no-repeat;	
}

.subml_head .icon#user {
	background: url('user.gif') no-repeat;	
}

/* PAGE CONTROL FOR SUB HEAD */
.subml_head .page-control {
	width: 60%;
	height: 21px;
	overflow: hidden;
	float: right;
	clear: left;	
	margin-right: 18px;
	margin-top: 8px;
	font-family: Tahoma;
	font-size: 11px;
}

.subml_head .page-control ul {
	padding: 0;
	border: 0;
	margin: 0px 1px 0px;
	list-style: none;	
}

.subml_head .page-control li {
	float: right;
	margin-top: 2px;
	margin-right: 4px;
	cursor: pointer;
}

.subml_head .page-control li a {
	display: block;
	float: left;
	color: #000000;
	font-weight: normal;
	font-size: 11px;	
	text-decoration: none;
	padding: 1px 6px 6px 6px;
	background: url(subhead_tab.gif) 0px 0px repeat-x;	
	border: 1px #DD5604 solid;
	margin-top: 1px;	
}

.subml_head .page-control li a:hover {
	background: url(subhead_tab.gif) 0px -18px repeat-x;	
}

.subml_head .page-control .on a {
	background: url(subhead_tab.gif) 0px -18px repeat-x;
	margin-top: 0px;
	border-bottom: 0;
}

/* TABLE FOR SUB HEAD */
.subml_head_table-head {
	background: url('subhead-tablehead.gif') no-repeat bottom left;
}

/* RED COLOR FOR SUB HEAD */
.subml_head_red {
	background: url('subhead-red.gif') no-repeat bottom left;
}

.subml_head_red .module_head_right {
	background: #FFFFFF url('subhead-red.gif') no-repeat bottom right;	
}

.subml_head_red .title {
	color: #FFFFFF;
}

/* GREEN COLOR FOR SUB HEAD */
.subml_head_green {
	background: url('subhead-green.gif') no-repeat bottom left;
}

.subml_head_green .module_head_right {
	background: #FFFFFF url('subhead-green.gif') no-repeat bottom right;	
}

.subml_head_green .title {
	color: #FFFFFF;
}

.subml_head .table-head {
	width: 99%;
	height: 21px;
	overflow: hidden;
	float: right;
	clear: left;	
	margin-right: -3px;
	padding-right: 2px;
	margin-top: 8px;
	font-family: Tahoma;
	font-size: 11px;
}

.subml_head .table-head .row {
	padding: 0;
	border: 0;
	margin: 0px 1px 0px !important;
	margin: 0px 2px 0px;
}

.subml_head .table-head .column {
	display: block;
	float: right;
	margin-top: 2px;
	margin-right: -1px;
	color: #000000;
	font-weight: normal;
	font-size: 10px;	
	text-align: center;
	padding: 1px 3px 6px 3px;
	background: url(subhead_tab.gif) 0px -15px repeat-x;
	border: 1px #DD5604 solid;
}

.m1 {
	width: 326px;
}

.m2 {
	width: 698px;
}

.m3 {
	width: 697px;
	float: right;
	clear: left;
}

.m4 {
	width: 502px;
}

.t1 {
	width: 696px !important;	
	width: auto;
}

/* WARDS */
.ward {
	text-align: right;
}

.w716 {
	background: #FCFCFC url('ward716.gif') repeat-y;
	padding: 10px 10px 10px 10px;	
	float: left;
	width: 696px;
	border-bottom: 1px #0d558d solid;
}

.textbox2 {
	font-family: Tahoma;
	font-size: 11px;
	color: #595959;
	height: 17px;
	background: #F8F8F8 url('column-data.gif') repeat-x;
	border: 1px #C0C0C0 solid;
}

/* TEXTBOX HEIGHT FOR OPERA */
@media all and (min-width: 0px){
	.textbox2-opera {
		height: 20px;
	}
}

.btn {
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #595959;
	height: 20px;
	padding-bottom: 4px;
	background: #F8F8F8 url('column-data.gif') repeat-x;
	border: 1px #C0C0C0 solid;
}

/* TEXTBOX HEIGHT FOR OPERA */
@media all and (min-width: 0px){
	.btn-opera {
		height: 23px;
	}
}

.offer-form {
	padding-right: 9px;	
	margin-bottom: 3px;
	margin-top: 3px;
}

.offer-form .textbox {
	font-family: Tahoma;
	font-size: 11px;
	color: #595959;
	width: 675px;
	height: 50px;
	background: #F8F8F8 url('memo.gif') repeat-x;
	border: 1px #C0C0C0 solid;
}

/* TEXTBOX HEIGHT FOR OPERA */
@media all and (min-width: 0px){
	.offer-form .textbox-opera {
		height: 53px;
	}
}

.offer-form .button {
	font-family: Tahoma;
	font-size: 11px;
	color: #595959;
	height: 20px;
	background: #F8F8F8 url('column-head.gif') repeat-x;
	border: 1px #C0C0C0 solid;
	padding-left: 3px;
	padding-right: 3px;
	font-weight: bold;
}

/* BUTTON CHANGES FOR OPERA */
@media all and (min-width: 0px){
	.offer-form .button-opera {
		padding-left: 0;
		padding-right: 13px;
		padding-bottom: 2px;
	}
}

.inc-w716bottom {
	padding-bottom: 20px;
}

/* TABLE FOR WARD */
.ward .table-row {
	width: 99%;
	margin-top: -8px;
	padding-right: 4px;
	padding-left: 0px;
	overflow: hidden;
	float: right;
	clear: left;	
	font-family: Tahoma;
	font-size: 11px;	
}

.ward .table-row .row {
	padding: 0;
	border: 0;
	margin: 0px 1px 0px !important;
	margin: 0px 2px 0px;
}

.ward .table-row .column {
	display: block;
	float: right;
	margin-right: -1px;
	color: #000000;
	font-weight: normal;
	font-size: 10px;	
	text-align: center;
	padding: 0px 3px 0px 3px;
	background: #FFF9F0;
	border: 1px #FEB183 solid;
	border-top: 0;	
}

.ward .fl11 .column {
	font-size: 11px;
	padding-bottom: 2px;
}

.ward .flb .column {
	font-weight: bold;
}

.ward .row1 .column {
	background: #F3F3F3 url(column-data.gif) 0px 0px repeat-x;
	border-color: #B5B5B5;
}

.ward .row2 .column {
	background: #FFFFF9 url(column-data2.gif) 0px 0px repeat-x;
	border-color: #B5B5B5;
}

.ward .row3 .column {
	background: #EAEAEA url(column-head.gif) 0px 0px repeat-x;
	border-color: #B5B5B5;
}

.w324 {
	background: transparent url('ward324.gif') no-repeat bottom;
	width: 328px;
	margin-right: -3px;
	padding-top: 8px;	
	padding-bottom: 8px;
	text-align: center;
	line-height: 18px;
	float: left;	
	clear: right;
}

.w324 .wrap {
	margin-top: -4px;
	padding-right: 15px;
	padding-left: 15px;
	text-align: right;
}

.w324 .wrap p {
	clear: right;
	margin: 0;
	padding: 0;
	padding-top: 0px;
	padding-bottom: 2px;
	font-family: Tahoma;
	font-size: 8pt;	
	text-align: left;
	border-bottom: 1px #DBDBDB dashed;
}

.w324 .wrap .last_tag {
	border-bottom: 0;
	padding-bottom: 0;
}

.w324 .wrap p label {
	float: right;
	text-align: right;	
	width: 41%;
	font-weight: normal;
}

.w324 .wrap p .clabel {
	width: 50%;
}

.w324 .wrap p .clabel2 {
	width: 65%;
}

.w324 .wrap p .clabel3 {
	width: 78%;
}

.w324 .wrap p .clabel4 {
	font-size: 11px;
	width: 60%;
}

.w324 .noline p {
	border-bottom: 0;
	padding-bottom: 6px;
}

.w324 .wrap p .textbox {
	font-family: Tahoma;
	font-size: 11px;
	color: #595959;
	height: 17px;
	background: #F8F8F8 url('column-data.gif') repeat-x;
	border: 1px #C0C0C0 solid;
}

/* TEXTBOX HEIGHT FOR OPERA */
@media all and (min-width: 0px){
	.w324 .wrap p .textbox-opera {
		height: 20px;
	}
}

.w324 .wrap p .memo {
	font-family: Tahoma;
	font-size: 11px;
	color: #595959;
	background: #FFFFFF url('memo.gif') repeat-x;
	border: 1px #C0C0C0 solid;
	width: 188px !important;
	width: 182px;
}

/* MEMO WIDTH FOR OPERA */
@media all and (min-width: 0px){
	.w324 .wrap p .memo-opera {
		width: 192px !important;
	}
}

.w324 .wrap p label .button {
	font-family: Tahoma;
	font-size: 11px;
	color: #595959;
	height: 20px;
	background: #F8F8F8 url('column-head.gif') repeat-x;
	border: 1px #C0C0C0 solid;
	padding-left: 12px;
	padding-right: 12px;
	font-weight: bold;
}

/* BUTTON CHANGES FOR OPERA */
@media all and (min-width: 0px){
	.w324 .wrap p label .button-opera {
		padding-left: 0;
		padding-right: 13px;
		padding-bottom: 2px;
	}
}

.w324 .small p {
	text-align: right;
}

.w324 .small p label {
	width: 35%;
}

.w324 .wrap form {
	margin-bottom: 3px;
}

.w324 .wrap .login-area p {
	text-align: right;
}

.w324 .wrap .login-area p label {
	width: 34% !important;
	width: 33%;
}

/* LOGIN AREA ALIGN FOR OPERA */
@media all and (min-width: 0px){
	.w324 .wrap .login-area-opera p label {
		width: 36% !important;
	}
}

.w324 .wrap .login-area #languagebox {
	font-family: Tahoma;
	font-size: 11px;
	color: #595959;
	background: #F8F8F8 url('memo.gif') repeat-x;
	border: 1px #C0C0C0 solid;
	width: 90px;
}

/* LANGUAGE BOX FOR OPERA */
@media all and (min-width: 0px){
	.w324 .wrap .login-area #languagebox {
		direction: ltr;
	}
}

.centerw324 {
	padding-right: 186px;
}

.w696 {
	background: #FFFFFF url('ward696.gif') no-repeat bottom;
	width: 698px;
	margin-right: -3px;
	margin-left: 1px;
	padding-top: 8px;	
	padding-bottom: 8px;
	text-align: center;
	line-height: 18px;
	float: left;	
	clear: right;
}

.w696 .wrap {
	margin-top: -4px;
	padding-right: 15px;
	padding-left: 15px;
	text-align: right;
}

.clear-w696bottom {
	padding-bottom: 4px;
}

.w695 {
	background: transparent;
	margin-right: 0px !important;	
	margin-right: 1px;
	width: 100%;
}

.w502 {
	background: transparent;
	margin-right: 0px !important;
	width: 502px;
}

.centerw502 {
	padding-right: 98px;
}

.table {
	width: 100%;
	margin-top: -3px;
	overflow: hidden;
	font-family: Tahoma;
	font-size: 11px;
	float:right;
}

.table .row {
	padding: 0;
	border: 0;
	margin: 0px 1px 0px !important;
	margin: 0px 2px 0px;
	list-style: none;
}

.table .row .column {
	display: block;
	float: right;
	margin-top: 2px;
	margin-right: -1px;
	color: #000000;
	font-weight: normal;
	font-size: 11px;	
	text-align: center;
	padding: 2px 3px 4px 3px;
	background: #EAEAEA url(column-head.gif) 0px 0px repeat-x;	
	border: 1px #C9C9C9 solid;
}

.table #table-rows {
	margin-top: -3px !important;
	padding-bottom: 0 !important;
	margin-top: -3px;
	padding-bottom: 4px;
	float: right !important;
	float: none;	
}

.table .t2 .column {
	background: #F7F7F7 url(column-data.gif) 0px 0px repeat-x;	
}

.small .row .column {
	font-size: 10px;
}

.right-align .row .column {
	text-align: right;
	padding-right: 6px;
}

.noborder .row .column {
	border-top: 0;
}

.formarea {
	font-family: Tahoma;
	font-size: 11px;
}

/* ROW MARGIN SET FOR OPERA */
@media all and (min-width: 0px){
   .w695 .table .opera { width: 695px !important; }
}

.wrap_left {
	float: left;
}

.wrap_right {
	float: right;
}

.c1 {
	color: #993300;
}

.c2 {
	color: #000000;
}

.c3 {
	color: #CC0066;
}

.c4 {
	color: #FF3300;
	font-weight: bold;
}

.c5 {
	color: #009900;
	font-weight: bold;
}

.space1 {
	padding-top: 8px;
}

.pages #page {
	display: none;
}

.pages #page.active {
	display: inline;
}

#arrow {
	width: 12px;
	height: 6px;
	background: url('arrow.gif') no-repeat right;
	float: right;
	padding-top: 8px !important;
	padding-top: 0;
}

#banks {
	width: 550px;
	height: 70px;
	padding-right: 75px;
	background: transparent url('banks.gif') no-repeat;
	float: right;
}

#saman-bank {
	width: 46px;
	height: 60px;
	float: left;
	background-image: url('saman_bank.gif');
}

.footer {
	font-family: Tahoma;
	font-size: 8pt;
	color: #616161;
	text-align: center;
	line-height: 150%;
	float: right;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 5px;
	direction: rtl;
}

.footer a {
	font-family: Tahoma;
	font-size: 8pt;
	color: #616161;
	text-decoration: none;
}

.footer a:hover {
	color: #0E78CF;
	text-decoration: none;
}