/** Style Of RayanDeh CMS **/
/* 

Border : E6F2FF
por rang: CAE3FF
kam rang: FAFCFD

*/
BODY{
    TEXT-ALIGN: center;
    FONT-FAMILY: Tahoma, Helvetica, sans-serif;
    background-color: #C7DDF4;

    SCROLLBAR-FACE-COLOR: #dee3e7; 
    SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; 
    SCROLLBAR-SHADOW-COLOR: #dee3e7; 
    SCROLLBAR-3DLIGHT-COLOR: #d1d7dc; 
    SCROLLBAR-ARROW-COLOR: #006699; 
    SCROLLBAR-TRACK-COLOR: #efefef; 
    SCROLLBAR-DARKSHADOW-COLOR: #98aab1;

    padding:0; 
    margin:0px auto auto auto;

}

fieldset { 
	border:0;
	margin:0;
	padding:0; 
}

label { 
	display:block; 
}

/* ------------------------ input ---------------*/
.box-title{
	padding-right: 15px;
	padding-bottom: 5px;
	color:#C891FF;
	font-size:12px;
	text-align: right;
	height: 15px;
	direction: rtl;
}

.box-input{
	background:url(../images/dot_arrow.gif) no-repeat;
	background-position: right !important;
	padding-right: 15px;
	padding-bottom: 3px;
	padding-top: 2px;
	color:#C891FF;
	text-align: right;
	height: 22px;
	direction: rtl;
}

.box-submit{
	padding-right: 15px;
	padding-bottom: 2px;
	margin-top: 5px;
	color:#2eb3e6;
	font-size:12px;
	text-align: right;
	height: 22px;
}


input.text,textarea { 
	width:300px;
	color:#333;
	padding:3px;
	margin:1px 0;
}

.input-box22{
	background:url(../images/dot_arrow.gif) no-repeat;
	background-position: right !important;
	padding-right: 15px;
	padding-bottom: 3px;
	padding-top: 2px;
	color:#C891FF;
	text-align: right;
	height: 22px;
	direction: rtl;
}

.input-radio{
	padding-right: 3px;
	padding-bottom: 3px;
	padding-top: 2px;
	color:#C891FF;
	font-size: 100%;
	text-align: right;
	height: 22px;
	direction: rtl;
}

.input-box-2{
	background:url(../images/dot_arrow.gif) no-repeat;
	background-position: right !important;
	padding-right: 15px;
	margin-top: 2px;
	margin-bottom: 10px;
	color:#C891FF;
	font-size: 100%;
	text-align: right;
	height: 25px;
	direction: rtl;
	float: right; 
	width: 70%;
}

.input-title22{
	padding-right: 15px;
	padding-top: 2px;
	padding-bottom: 5px;
	color:#777777;
	background: #eeeeee;
	text-align: right;
	height: 25px;
	direction: rtl;
	float: right; 
	width: 170px;
	text-align: right; 
	line-height: 25px;
}

.input-title{
	padding-right: 15px;
	padding-top: 4px;
	padding-bottom: 4px;
	position: relative; 
	float: right; 
	width: 170px; 
	height: 25px;
	line-height: 20px;
	color:#777777;
	background: #eeeeee;
}

.input-box1{
	position: relative; 
	float: right; 
	width: 250px; 
	padding-right: 5px;
	margin-top: 0px;
	margin-bottom: 5px;
	color:#C891FF;
	height: 30px;
	text-align: right;
}

.input-box2{
	position: relative; 
	float: right; 
	width: 70%;
	padding-right: 5px;
	margin-top: 0px;
	margin-bottom: 5px;
	color:#C891FF;
	height: 30px;
}

.input-search{
	font-size: 100%;
	text-align: right;
	direction: rtl;
}

.input-search-submit{
	font-size: 100%;
	direction: rtl;
	background:url(../images/buttons.png) repeat-x;
	border:1px solid #cccccc;
	font-weight: bold;
    color:#ffffff;
}

.input-submit1{
	padding-right: 15px;
	padding-bottom: 2px;
	color:#2eb3e6;
	font-size: 100%;
	text-align: right;
	height: 22px;
}

.input-submit2{
	margin-top: 10px;
	margin-bottom: 10px;
	padding-right: 15px;
	padding-bottom: 2px;
	color:#2eb3e6;
	font-size: 100%;
	text-align: right;
	height: 22px;
	width: 150px;
	float: right;
}

.input-textarea1 {
	position: relative; 
	float: right; 
	width: 350px; 
	padding-right: 5px;
	padding-bottom: 5px;
	color:#2eb3e6;
	font-size: 100%;
	text-align: right;
}

.input-textarea2 {
	position: relative; 
	float: right; 
	padding-right: 5px;
	padding-bottom: 5px;
	color:#2eb3e6;
	font-size: 100%;
	text-align: right;
	width: 70%;
	float: right; 
}

SELECT { 
BORDER-RIGHT: #6A8CCF 1px solid; 
BORDER-TOP: #6A8CCF 1px solid; 
BORDER-BOTTOM: #6A8CCF 1px solid; 
BORDER-LEFT: #6A8CCF 1px solid; 
font-size: 100%; 
COLOR: #555555; 
BACKGROUND-COLOR: #f7f7f7; 
TEXT-DECORATION: none;
FONT-FAMILY:  Tahoma; 
SCROLLBAR-FACE-COLOR: #555555; 
SCROLLBAR-HIGHLIGHT-COLOR: #262626; 
SCROLLBAR-SHADOW-COLOR: #363636; 
SCROLLBAR-3DLIGHT-COLOR: #707070; 
SCROLLBAR-ARROW-COLOR: #707070; 
SCROLLBAR-TRACK-COLOR: #303030; 
SCROLLBAR-DARKSHADOW-COLOR: #444444;
}

input, select { 
	color: #000000; 
	FONT-FAMILY: Tahoma, Helvetica, sans-serif; 
	font-size: 100%;
	background: #ffffff; 
	border: 1px #6A8CCF solid;
	height: 28;
	vertical-align: middle;
	padding: 4px;
}

textarea { 
    FONT-FAMILY: Tahoma, Helvetica, sans-serif; 
    font-size: 100%;
    border: 1px solid; 
    border-color: #298CC6 #298CC6 #298CC6 #298CC6; 
    background: #ffffff; 
    width: 95%;
}

input.post, textarea.post, select { 
	background-color: #ffffff; 
	border: 1px solid #6A8CCF; 
	font-family: Tahoma;
	font-size: 100%;
    height: 23;
    padding-left:5px;
    padding-right:5px;
    padding-top:2px;
    padding-bottom:2px;
}

input.button { 
	background:url(../images/buttons.png) repeat-x;
	border:1px solid #cccccc;
	font-family: Tahoma;
	font-size: 100%;
	font-weight: bold;
    color:#ffffff;
    padding-left:5px;
    padding-right:5px;
    padding-top:2px;
    padding-bottom:2px;
    background-color:#eeeeee;
}

/*------------------------- table ----------------*/
.sep {
	padding: 1px;
	background-color:#E6F2FF;
	margin-top: 8px;
	margin-bottom: 8px;
}


P, td, tr, tbody, table{
FONT-FAMILY: Tahoma, Helvetica, sans-serif; 
font-size: 100%; color: #666666;
}

DIV{
FONT-FAMILY: Tahoma, Helvetica, sans-serif; 
FONT-SIZE: 12px
}

A:link{
color: #42A0FF;
FONT-FAMILY: Tahoma;
text-decoration: none;
}

A:visited { color: #42A0FF; FONT-FAMILY: Tahoma; text-decoration: none; }
A:active { color: #42A0FF; FONT-FAMILY: Tahoma; text-decoration: none; }
A:hover { color: #FF3399; FONT-FAMILY: Tahoma; text-decoration: none; }

.content    {BACKGROUND: none; COLOR: #666666; font-size: 100%; FONT-FAMILY: Tahoma, Helvetica, sans-serif; text-align:right;}
.storytitle     {BACKGROUND: none; COLOR: #666666; font-size: 100%; FONT-WEIGHT: bold; FONT-FAMILY: Tahoma, Helvetica, sans-serif; TEXT-DECORATION: none}
.storycat   {BACKGROUND: none; COLOR: #666666; font-size: 100%; FONT-WEIGHT: bold; FONT-FAMILY: Tahoma, Helvetica, sans-serif; TEXT-DECORATION: none}
.boxtitle   {BACKGROUND: none; COLOR: #666666; font-size: 100%; FONT-WEIGHT: bold; FONT-FAMILY: Tahoma, Helvetica, sans-serif; TEXT-DECORATION: none}
.boxcontent     {BACKGROUND: none; COLOR: #666666; font-size: 100%; FONT-FAMILY: Tahoma, Helvetica, sans-serif}
.option     {BACKGROUND: none; COLOR: #993333; font-size: 100%; FONT-WEIGHT: normal; FONT-FAMILY: Tahoma, Helvetica, sans-serif; TEXT-DECORATION: none}
.tiny       {BACKGROUND: none; COLOR: #666666; font-size: 100%; FONT-WEIGHT: normal; FONT-FAMILY: Tahoma, Helvetica, sans-serif; TEXT-DECORATION: none}
.footmsg        {BACKGROUND: none; COLOR: #666666; font-size: 100%; FONT-WEIGHT: normal; FONT-FAMILY: Tahoma, Helvetica, sans-serif; TEXT-DECORATION: none}
.footmsg_l  {BACKGROUND: none; COLOR: #666666; font-size: 100%; FONT-WEIGHT: normal; FONT-FAMILY: Tahoma, Helvetica, sans-serif; TEXT-DECORATION: none}
.box        {FONT-FAMILY: Tahoma, Helvetica, sans-serif; font-size: 100%; border: 1px solid #6A6A6A; background-color: #FFFFFF}
.search {
    FONT-FAMILY: Tahoma, Helvetica, sans-serif; 
    font-size: 100%;
    padding-left: 5px;
    color: #333;
    border: 0px solid #0C3E48;
    background: none;
}
.linkmenu {
    font-size: 100%;
    color: #FFFFFF;
}
a.linkmenu:link, a.linkmenu:visited, a.linkmenu:active {
    font-size: 100%;
    font-family: Tahoma, Times New Roman, Times, serif;
    color: #FFFFFF;
    text-decoration: none;
    font-weight: bold;
}
a.linkmenu:hover {
    font-size: 100%;
    color: #FFF600;
    text-decoration: none;
    font-weight: bold;
}

.title_content {
    font-size: 100%;
    font-family: Tahoma, Helvetica, sans-serif; 
    color: #000000;
    font-weight: normal;
}

.title_content_center {
    background:url(../images/news.gif) no-repeat right;
    background-position: right 8px !important;
    font-size: 100%;
    font-family: Tahoma, Helvetica, sans-serif; 
    color: #0C45A4;
    font-weight: bold;
    direction: rtl; 
    padding-right: 25px; 
    padding-top: 10px;    
    padding-bottom: 10px;    	
	margin-right: 8px;
}

.news_content_center {
    background:url(../images/news-content.gif) repeat-x;
    font-size: 100%;
    font-family: Tahoma, Helvetica, sans-serif; 
    color: #333333;
    direction: rtl; 
    padding: 10px;
	margin-right: 8px;
	margin-left: 8px; 
	border-bottom: 1px dotted  #D9E8E9;
}

.titlecontent {
    font-size: 100%;
    font-weight: bold;
    color: #FFF;
    font-family: Tahoma, Helvetica, sans-serif;
}
a.titlecontent:link, a.titlecontent:visited, a.titlecontent:active{
    font-size: 100%;
    font-weight: bold;
    text-decoration: none;
    color: #FFF;
    font-family: Tahoma, Helvetica, sans-serif;
}
a.titlecontent:hover {
    font-size: 100%;
    font-weight: bold;
    text-decoration: none;
    color: #93E504;
    font-family: Tahoma, Helvetica, sans-serif;
}
.postcom {
    font-size: 100%;
    padding-bottom: 2px; 
    margin-bottom: 5px;
    color: #8490A6;
    padding-top: 6px;
}

.center_block {
    padding: 3px;
    background-color: #EDF4FD;
    border: 1px solid #E1EBF9;
    padding: 5px;
}

.headcontent {
    font-family: Tahoma, Helvetica, sans-serif;
    font-size: 100%;
    padding-left: 30px;
    padding-top: 25px;
    line-height: 16px;
    color: #000;
}
.fontcontent {
    font-size: 100%;
    font-weight: bold;
    color: #218d00;
}

 
table.reg {
BORDER-RIGHT: #E6F2FF 1px solid;
BORDER-TOP: #E6F2FF 1px solid; 
BORDER-LEFT: #E6F2FF 1px solid; 
BORDER-BOTTOM: #E6F2FF 1px solid; 
border-collapse: collapse;
background-color:#ffffff;
width:'95%';
text-align:justify;
color: #000000;
}


table.titr {
BORDER-RIGHT: #E6F2FF 1px solid; 
BORDER-TOP: #E6F2FF 1px solid; 
BORDER-LEFT: #E6F2FF 1px solid; 
BORDER-BOTTOM: #E6F2FF 1px solid;
border-collapse: collapse;
background-color:#F3F8FC;
width:'95%';
text-align:justify;
color: #000000;
}

table.wi {
	BORDER: #E6F2FF 1px solid; 
	border-collapse: collapse;
	background-color:#ffffff;
	text-align:justify;
	color: #000000;
	padding: 2px;
}

table.all td{
	BORDER: #E6F2FF 1px solid; 
	border-collapse: collapse;
	background-color:#ffffff;
	text-align:justify;
	color: #000000;
}

td.block {
BORDER-RIGHT: #B0CEFF 1px solid; 
BORDER-TOP: #B0CEFF 1px solid; 
BORDER-LEFT: #B0CEFF 1px solid; 
BORDER-BOTTOM: #B0CEFF 1px solid;
border-collapse: collapse;
background-color:#ffffff;
text-align:justify;
bordercolor: #B0CEFF;
color: #000000;
}

hr {
border: 1px solid #CCCCCC;

}

/* style 2*/

p{
padding:2px 5px 2px 5px;
text-align:justify;
margin:0px;
}

a:hover{
text-decoration:none;
}

p.anunt a{
background:url(../images/newspaper.gif) no-repeat top left;
padding-left:25px;
padding-bottom:5px;
text-align:justify;
text-decoration:none;
color:#333333;
}

p.anunt a:hover{
text-decoration:none;
}

h1{
font-size:16px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
color:#fff;
padding:5px;
margin:0px;
text-decoration:none;
}

h2{
	font-size:14px;
	font-weight:bold;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color:#eeeeee;
	padding:3px;
	margin:0px;
	direction: rtl;
	text-decoration:none;
}

img.img_left{
float:left;
padding:0px 8px 8px 0px;
}


#main_container{
	width:932px;
	height:auto;
	margin:0px;
	padding:0px;
	border-top: 1px solid #7A97A7;
	border-left: 1px solid #7A97A7;
	border-right: 1px solid #7A97A7;
	border-bottom: 1px solid #7A97A7;
	background: #F4F9FD;
}

#top_header{
	width:932px;
	height:30px;
	line-height: 25px;
	background: #E0EFF6;
	direction:rtl;
	text-align:right;

}

#mainheader{
	width:932px;
	height:205px;
	background:url(../images/logo-farmandari-4.jpg) no-repeat left top;
	background-color: #ffffff;
	margin:auto;
}


#header{
width:900px;
height:100px;
margin:auto;
padding-right: 8px;
padding-left: 8px;
}
/* ---------------------- */
DIV.mscomFeaturePanelArea {
	MARGIN: 0px auto
}
DIV.vrtc_verticalTabs {
	MARGIN: 0px auto
}
DIV.cspTabAd {
	MIN-HEIGHT: 650px; _height: 650px
}
DIV.cspAd {
	MARGIN-BOTTOM: 25px
}
DIV.cspAdControl {
	PADDING-RIGHT: 14px; PADDING-LEFT: 117px; FLOAT: left; WIDTH: 180px; HEIGHT: 150px
}
BODY.rtl DIV.cspAdControl {
	PADDING-RIGHT: 12px
}
IMG.cspAdControl {
	HEIGHT: 150px
}
BODY.CspComponentPreview {
	BACKGROUND-COLOR: #69b8e1
}
BODY.CspComponentPreview DIV.h15-sitebrand {
	MIN-WIDTH: 932px
}

DIV.h15-sitebrand {
	POSITION: relative; 
}

BODY.CspComponentPreview DIV.h15-sitebrand {
	MIN-WIDTH: 932px
}

SPAN.h15-logo {
	LEFT: 16px; POSITION: absolute; TOP: 20px;
	background:url(../images/) no-repeat left top;
	width: 200px;
	height: 40px;
}

SPAN.h15-logo IMG {
	WIDTH: 132px; HEIGHT: 25px
}

SPAN.h15-tagline {
	RIGHT: 15px; POSITION: absolute; TOP: 20px; TEXT-ALIGN: right;
	background:url(../images/) no-repeat left top;
	width: 220px;
	height: 40px;
}

SPAN.h15-tagline IMG {
	WIDTH: 225px; HEIGHT: 17px
}

DIV.h15-search {
	RIGHT: 265px; LEFT: 300px; TOP: 20px; BOTTOM: 28px; POSITION: absolute; TEXT-ALIGN: center;
	border: 1px solid #dddddd;
	padding: 3px;
}

/*---------------- header -------------*/
.left{
float:left;
padding-left:7px;
}

#header_logo{
width:276px;
height:68px;
float:right;
padding:20px 0 0 5px;
}

#search_tab{
	float:left;
	margin-top: 4px;
	padding-left: 15px;
	font-size: 100%;
	color: #ffffff;
	text-align: left;
}

#req{
	font-size:14px;
	font-weight:bold;
	width: auto;
	color:red;
}

DIV.h1-search {
	FILTER: progid:DXImageTransform.Microsoft.Alpha(opacity=25); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=25)"
}

DIV.h15-search {
	PADDING-RIGHT: 5px; 
	PADDING-LEFT: 5px; 
	PADDING-BOTTOM: 5px; 
	
	MARGIN: 1px; 
	PADDING-TOP: 5px;
	border-radius: 4px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
    opacity: .5; 
border-top-left-radius:     2em 0.5em;
border-top-right-radius:    1em 3em;
border-bottom-right-radius: 4em 0.5em;
border-bottom-left-radius:  1em 3em;

}

DIV.sg-staging {
	FILTER: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#ff378ad3',GradientType=1,EndColorStr='#ffadd8ee'); WIDTH: 498px; -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#ff378ad3',GradientType=1,EndColorStr='#ffadd8ee')"
}

/*------------------------------main content-----------------------*/
#main_content{
width:900px;
margin:auto;
clear:both;
}


/*---------------- lang list ----------------------*/
#lang{
	width:470px;
	direction: rtl;
	text-align: right;
}

ul.lang {
	list-style-type:none; 
	display:block; 
	width:470px; 
	margin:0px; 
	background:none;
	text-align: right;
}

ul.lang li {
	display:inline;
	font-size: 100%;
	line-height:40px;
	text-align: right;
	width:155px; 
	padding-bottom: 4px;	
}

/*---------------- menu tab----------------------*/
#menu_tab{
	width:932px;
	height:35px;
	background:url(../images/menu_bg.jpg) repeat-x;
	font-family: Tahoma, Helvetica, sans-serif;
	direction: rtl;
	text-align: center;
	line-height: 35px;
}

ul.menu {
	list-style-type:none; 
	display:block; 
	width:530px; 
	margin:0px; 
	background:none;
	text-align: center;
}

ul.menu li {
	display:inline;
	font-size: 100%;
	font-weight:600;
	line-height:41px;
	text-align: center;
}

a.nav:link, a.nav:visited {
	display:block; 
	float:left; 
	padding:0px 9px 0px 9px; 
	margin:0;
	height:41px;
	text-decoration:none; 
	background:none; 
	color:#767a84;
}

a.nav_selected:link, a.nav_selected:visited {
	display:block; 
	float:left; 
	padding:0px 9px 0px 9px; 
	margin:0; 
	height:41px;
	text-decoration:none; 
	background:#CCCCFF; 
	color:#34609F;
}

a.nav:hover {
	background:#CCCCFF; 
	color:#34609F;
}


/*---------------- menu tab----------------------*/

ul.iconmenu {
	list-style-type:none; 
	float:left; 
	display:block; 
	width:600px; 
 	margin:0px; 
	padding:10px 0 0 10px; 
	background:none;
}

ul.iconmenu li {
	display:inline;
	font-size: 100%;
	font-weight:bold;
}

ul.iconmenu li.divider{
	width:2px;
	height:102px;
	display:block;
	float:left;
	padding-top:10px;
	background:url(../images/separator.jpg) no-repeat center;
}

a.iconnav:link, a.iconnav:visited {
	display:block; 
	float:left; 
	padding:35px 25px 0px 25px; 
	margin:0;
	height:102px;
	text-decoration:none; 
	background:none; color:#FFFFFF;
}

a.iconnav_selected:link, a.iconnav_selected:visited {
	display:block; 
	float:left; 
	padding:35px 25px 0px 25px; 
	margin:0; 
	height:102px;
	text-decoration:none; 
	background:none;  
	color:#FFFFFF;
}

a.iconnav:hover {
	text-decoration:none;
}


/*------------------------middle_content-----------*/
#middle_content{
width:823px;
height:264px;
margin:10px auto 0px auto;
background:url(../images/middle_banner.jpg) no-repeat center ;
}

#middle_content_services{
width:823px;
height:164px;
margin:10px auto 0px auto;
background:url(../images/middle_banner_services.jpg) no-repeat center ;
}

#middle_content_contact{
width:823px;
height:164px;
margin:10px auto 0px auto;
background:url(../images/middle_banner_contact.jpg) no-repeat center ;
}

.middle_text{
width:550px;
margin:0px;
padding:20px 0 0 30px;
text-align:justify;
}

.center_text{
width: auto;
margin:0px;
padding:20px 0 0 30px;
text-align:justify;
}

#center_content{
margin:auto;
}

.center_content{
	background-color:#FFFFFF;
	float: right;
	text-align: justify;
	margin-right: 9px;
	margin-left: 9px;
    BORDER: #dddddd 1px solid;
}


.left_content{
width: 200px;
float: right;
}

.title_block_vasat {
	background:url(../images/block_vasat.gif) repeat-x;
	margin: 0px;
	height: 25px;
	line-height: 25px;
	color: #ffffff;
	font-family: Tahoma;
	font-size: 110%;
	padding: 5px;
	padding-right: 10px;
	FONT-WEIGHT: bold;
	text-align: right;
}

.content_block_vasat{
	background:url(../images/block_bg.png) repeat-x;
	margin-bottom:15px;
	padding: 7px;
	direction: rtl;
	background-color:#FAFCFD;
    BORDER: #DFDFDF 1px solid; 	
}

.title_block {
	background:url(../images/box-title.gif) no-repeat;
	margin: 0px;
	height: 22px;
	line-height: 20px;
	color: #ffffff;
	font-family: Tahoma;
	font-size: 110%;
	padding:5px;
	FONT-WEIGHT: bold;
}

.content_block{
	background:url(../images/block_bg.png) repeat-x;
	margin-bottom:15px;
	padding: 7px;
	direction: rtl;
	background-color:#FAFCFD;
    BORDER: #DFDFDF 1px solid; 	
}

.right_content{
float: left;
width: 200px;
}

.news_tab{
clear:both;
padding:5px 0 5px 0;
}

.wide_content{
width:860px;
margin: auto;
clear:both;
padding:10px 0 15px 0;
}

.wide_content_services{
width:820px;
margin: auto;
clear:both;
padding:10px 0 15px 0;
}

.service_tab{
width:auto;
background:url(../images/service_icon.gif) no-repeat left;
background-position:10px 5px;
padding:7px 15px 7px 60px;
background-color:#f4f6f9;
margin:5px 0 5px 0;
}

.bottom_tab{
width:200px;
height:45px;
float:left;
margin-left:30px;
margin-bottom:15px;
background:url(../images/bottom_box.gif) no-repeat center;
background-position:0px 0px;
padding-left:40px;
color:#2eb3e6;
font-size: 100%;
line-height:45px;
}

.contact_tab{
width:270px;
height:auto;
padding:20px 60px 20px 60px;
background-color:#f4f6f9;
margin:5px auto 5px auto;
}
#fields label {
    width: 260px;
    display: block;
    padding: 0px;
}
#fields input {
    border: 1px solid #C8D2D9;
    margin: 0 0 3px 0;
    width: 260px;
}
#fields textarea {
    border: 1px solid #C8D2D9;
    margin: 0 0 3px 0;
    width: 260px;
    height: 63px;
}
#send input {
    width: 53px;
    height: 18px;
    margin: 0px;
}


/*-------------------footer------------------------*/
.footer {
    color: #333333;
    font-family: Tahoma, Helvetica, sans-serif; 
    font-size: 100%;
}
a.footer:link, a.footer:active, a.footer:visited {
    color: #008209;
    font-family: Tahoma, Helvetica, sans-serif; 
    font-size: 100%;
    text-decoration: underline;
}
a.footer:hover {
    color: #000000;
    font-weight: normal;
    text-decoration: underline;
}

#footer{
    background:url(../images/footer.gif) repeat-x;
	width: 932px;
	height: 50px;
	clear: both;
	padding: 0px;
	padding-top: 10px;
}

.footer-text{
    background:url(../images/footer-text.gif) no-repeat;
	background-position: right !important;
	padding-right: 15px;
	margin-bottom: 5px;
	text-align: right;
	color: #555555;
}

ul.footer_menu {
list-style:none; float:right; display:block; width:520;
margin:0px; padding:5px 20px 0 0px; }

ul.footer_menu li {
display:inline; font-size: 100%;}

a.nav_footer:link, a.nav_footer:visited {
display:block; float:left; padding:5px 6px 5px 10px; margin:0; 
text-decoration:none; color:#2F2626;}

a.nav_footer:hover {
display:block; float:left; padding:5px 6px 5px 10px; margin:0;
text-decoration:none; color:#2F2626;}

a.nav_footer:active {
display:block; float:left; padding:5px 6px 5px 10px; margin:0;
text-decoration:none;  color:#2F2626;}

/* ---- end footer ---- */

#copyright{
float:left;
padding:0px;
}

.open-div {
    background-color:#ffffff;
    text-align: justify;
    direction: rtl;
    padding: 2px;
}

.open-div-2 {
    BORDER: #FFFF9F 1px solid; 
    text-align:justify;
    direction: rtl;
    padding: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
    background-color:#FFFFF4;
}

.block-login{
	height: 15px;
	margin-left: 2px;
	background:url(../images/block-login.gif) no-repeat;
	background-position: right !important;
	padding-right: 20px;
	padding-bottom: 2px;
	color:#2eb3e6;
	font-size: 100%;
	line-height: 15px;
	text-align: right;
}

.member{
height: 15px;
margin-left: 2px;
background:url(../images/list.png) no-repeat;
background-position: right !important;
padding-right: 25px;
padding-bottom: 2px;
color:#CC0099;
font-size: 100%;
line-height: 15px;
text-align: right;
}

.link-article{
height: 15px;
margin-left: 2px;
background:url(../images/icon_dot.gif) no-repeat;
background-position: right !important;
padding-right: 10px;
padding-bottom: 2px;
line-height: 15px;

}


.tmdiv {
	color:#666666;
	font-size: 100%;
}

a.topmenulinks:link, a.topmenulinks:visited, a.topmenulinks:active {
	color:#557A94;
}

a.topmenulinks:hover {
    font-size: 100%;
    color: #FC7E06;
    text-decoration:underline;
}

.page-title {
	margin-top: 5px;
	background-color:#336699;
	background:url(../images/bar4.gif) no-repeat;
	background-position: right !important;
	padding-right: 45px;
	padding-bottom: 2px;
	color:#ffffff;
	font-size:14px;
	font-weight: 700;
	line-height: 30px;
	text-align: right;
	direction: rtl;
	margin-bottom: 20;
}

.title-content {
background-color:#ffffff;
padding-right: 5px;
padding-bottom: 2px;
color:#ff9933;
font-size: 100%;
font-weight: 700;
text-align: right;
direction: rtl;
}

.memberinfo{
background:url(../images/arrow-blue.gif) no-repeat;
background-position: right !important;
padding-top: 5px;
padding-right: 15px;
color:#996600;
font-size: 100%;
text-align: right;
}

/*********************************/
#top_head {
margin-top: 5px;
height: 55px;
background-color:#2C7CA7;
padding-right: 15px;
padding-bottom: 2px;
color:#000000;
border-bottom: 3px solid #B9CADB;
border-top: 3px solid #B9CADB;
font-size: 100%;
font-weight: 700;
line-height: 30px;
text-align: right;
direction: rtl;
}

/**********************/
.address {
margin-top: 5px;
background-color:#ffffff;
background:url(../images/eemail.gif) no-repeat;
background-position: right !important;
padding-right: 25px;
padding-bottom: 2px;
color:#000000;
font-size: 100%;
text-align: right;
height: 25px;
line-height: 25px;
}

.tel {
margin-top: 5px;
background-color:#ffffff;
background:url(../images/mobile.gif) no-repeat;
background-position: right !important;
padding-right: 25px;
padding-bottom: 2px;
color:#000000;
font-size: 100%;
text-align: right;
height: 25px;
line-height: 25px;
}


.admin-title {
	border-collapse: collapse;
	text-align: center;
	font-weight: bold;
	bordercolor: #B1CBF5;
	color: #ff9933;
	direction: rtl;
	padding: 6px;
	background-color:#FFF4D5;
	margin-bottom: 5px;
}

.info-title {
	background:url(../images/block_bg.png) repeat;
	background-position: right !important;
	border-collapse: collapse;
	background-color:#ffffff;
	text-align: center;
	bordercolor: #B1CBF5;
	font-weight: 700;
	color: #663300;
	direction: rtl;
	padding: 6px;
	background-color:#FBFDFF;
	margin-bottom: 5px;
	height: 25px;
}

.story-posted {
	direction: rtl; 
	background:url(../images/icon-author.png) no-repeat;
	background-position: right 8px !important;
	padding-top: 5px;
	padding-right: 20px;

	float: right;
	margin-bottom: 25px;
	margin-right: 10px;
}

.indate {
	float: left; 
	background:url(../images/feedback.gif) no-repeat;
	background-position: right 5px !important;
	padding-top: 5px;
	text-align:left; 

	margin-left: 10px;
	padding-right: 20px;
}

.news-footer {
	background:url(../images/news-page.png) no-repeat;
	background-position: right 7px !important;
	padding: 8px;
	text-align:right; 
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	padding-right: 25px;
}

.page-number {
	direction: rtl; 
	background: #FFFFCC;
	padding: 5px;
	border: 1px solid #D9E8E9; 
	float: right;
	margin-bottom: 5px;
	margin-right: 5px;
	text-align: center;
	width: 33px;
}

.link-news-titr {
	height: 15px;
	margin-left: 2px;
	background:url(../images/box.gif) no-repeat;
	background-position: right !important;
	padding-right: 15px;
	padding-bottom: 2px;
	color:#2eb3e6;
	font-size: 100%;
	line-height: 15px;
	text-align: right;
}

.tooltip {
    margin-left: 20px;
    margin-right: 10px;
    margin-bottom: 8px;
    margin-top: 8px;
    background:url(../images/tooltip.gif) no-repeat;
    background-position: top right !important;
    padding-right: 22px;
    padding-bottom: 5px;
    color:#003366;
    font-size: 100%;
    line-height: 15px;
    text-align: justify;
    direction: rtl;
}

.admin-link {
	margin-left: 2px;
	background:url(../images/admin-link.gif) no-repeat;
	background-position: right !important;
	padding-right: 20px;
	padding-bottom: 2px;
	font-size: 100%;
	text-align: right;
}

.back-admin {
	margin-left: 2px;
	background:url(../images/top.gif) no-repeat;
	background-position: right !important;
	padding-right: 20px;
	padding-bottom: 2px;
	font-size: 100%;
	text-align: right;
	margin-right: 10px;
}

.comment {
    margin-left: 2px;
    margin-right: 10px;
    margin-bottom: 8px;
    margin-top: 8px;
    background:url(../images/comment.gif) no-repeat;
    background-position: top right !important;
    padding-right: 22px;
    padding-bottom: 5px;
    color:#777777;
    font-size: 100%;
    line-height: 15px;
    text-align: justify;
    direction: rtl;
}

/* ----------------- message in the mods ---------------*/

.page-confirm {
    background: #DFFFDF url(../images/confirm.png) no-repeat;
    background-position: 5px 5px 5px 5px !important;
    border: 1px solid #41E7A9; 
    padding-left: 60px;
    padding-right: 20px;    
    padding-bottom: 15px;
    padding-top: 15px;  
    color:#149C69;
    font-size: 100%;
    height: 25px;
    text-align: justify;
    direction: rtl;
}

.page-error {
    background: #FFECEC url(../images/error.png) no-repeat;
    background-position: 5px 5px 5px 5px !important;
    border: 1px solid #FF6666; 
    padding-left: 52px;
    padding-right: 20px;    
    padding-bottom: 15px;
    padding-top: 15px;  
    padding-left: 15px; 
    color:#FF6666;
    font-size: 100%;
    height: 25px;
    text-align: justify;
    direction: rtl;
}

.page-yesno {
    background: #FFF9E1 url(../images/info.png) no-repeat;
    background-position: 5px 5px 5px 5px !important;
    border: 1px solid #FFCC00; 
    padding-left: 52px;
    padding-right: 20px;    
    padding-bottom: 15px;
    padding-top: 15px;  
    color:#CCA400;
    font-size: 100%;
    height: 25px;
    text-align: justify;
    direction: rtl;
	margin: 5px;
}

.alert {
    background: #FFF9E1 url(../images/alert.png) no-repeat;
    background-position: 5px 5px 5px 5px !important;
    border: 1px solid #FFCC00; 
    padding-left: 52px;
    padding-right: 20px;    
    padding-bottom: 15px;
    padding-top: 15px;  
    color:#CCA400;
    FONT-SIZE: 12px;
    height: 25px;
    text-align: justify;
    direction: rtl;
	margin-right: 100px;
	margin-left: 100px;
}


/*---------------- sub-page-menu tab----------------------*/
#submenu_tab {
	width: 475px;
	height:24px;
	font-family: Tahoma, Helvetica, sans-serif;
	direction: rtl;
	text-align: center;
	margin-bottom: 10px;
}

ul.submenu {
	list-style-type:none;
	display:block; 
	margin:0px; 
	background:none;
	text-align: center;
	float:right;
}

ul.submenu li {
	display:inline;
	font-size: 100%;
	line-height:24px;
	text-align: center;
}

a.subnav:link, a.subnav:visited {
    background:url(../images/row.gif) no-repeat right;
    background-position: right 4px !important;
	display:block; 
	float:left; 
	margin:0;
	height:24px;
	text-decoration:none; 
	color:#9999FF;
	font-size: 100%;
	padding-left: 10px;
	padding-right: 10px;
	border-top: 2px solid #6699CC;
	background: #FFFFCC;
}

a.nav_selected:link, a.nav_selected:visited {
	display:block; 
	float:left; 
	padding:0px 10px 0px 10px; 
	margin:0; 
	height:24px;
	text-decoration:none; 
	color:#FF6699;
	font-size: 100%;
}

a.subnav:hover {
    background:url(../images/row2.gif) no-repeat right;
    background-position: right 4px !important;
	color:#ffffff;
	font-size: 100%;
	padding-right: 10px;	
	padding-left: 10px;
	border-top: 2px solid #FF6600;
	background: #FFCC99;
}


/*---------------- users-mods ----------------------*/
.icuser{
    background: url(../images/users/ic-user.gif) no-repeat;
    background-position: right !important;
    padding-right: 20px;
    font-size: 100%;
    padding-bottom: 5px;
    padding-top: 5px;   
    padding-left: 5px;  
    height: 25px;
    text-align: justify;
    direction: rtl;
	margin-right: 10px;
}

.icmsgnew{
    background: url(../images/users/ic-msgnew.gif) no-repeat;
    background-position: right !important;
    padding-right: 25px;
    font-size: 100%;
    padding-bottom: 5px;
    padding-top: 5px;   
    padding-left: 5px;  
    height: 25px;
    text-align: justify;
    direction: rtl;
}

.icreqnew{
    background: url(../images/users/ic-request.gif) no-repeat;
    background-position: right !important;
    padding-right: 20px;
    font-size: 100%;
    padding-bottom: 5px;
    padding-top: 5px;   
    padding-left: 5px;  
    height: 25px;
    text-align: justify;
    direction: rtl;
}

.icmsg{
    background: url(../images/users/ic-msg.gif) no-repeat;
    background-position: right !important;
    padding-right: 20px;
    font-size: 100%;
    font-weight: bold;
    padding-bottom: 5px;
    padding-top: 5px;   
    padding-left: 5px;  
    height: 25px;
    text-align: justify;
    direction: rtl;
}

.accountinfo{
    background: url(../images/users/bank.gif) no-repeat;
    background-position: right !important;
    padding-right: 20px;
    font-size: 100%;
    font-weight: bold;
    padding-bottom: 5px;
    padding-top: 5px;   
    padding-left: 5px;  
    height: 25px;
    text-align: justify;
    direction: rtl;
}

.feed{
    background: url(../images/users/feed.gif) no-repeat;
    background-position: right !important;
    padding-right: 20px;
    font-size: 100%;
    font-weight: bold;
    padding-bottom: 5px;
    padding-top: 5px;   
    padding-left: 5px;  
    height: 25px;
    text-align: justify;
    direction: rtl;
}

#bullet{
    background: url(../images/ceonex.gif) no-repeat;
    background-position: right !important;
    padding-right: 20px;
    font-size: 100%;
    padding-bottom: 2px;
    padding-top: 2px;   
    text-align: justify;
    direction: rtl;
}

#case{
    background: url(../images/case.gif) no-repeat;
    background-position: right !important;
    padding-right: 20px;
    font-size: 100%;
    padding-bottom: 2px;
    padding-top: 2px;   
    text-align: justify;
    direction: rtl;
}

.directory{
    background: url(../images/directory.gif) no-repeat;
    background-position: right !important;
    padding-right: 20px;
    font-size: 100%;
    padding-bottom: 2px;
    padding-top: 2px;   
    text-align: justify;
    direction: rtl;
}

.bullet_directory{
    background: url(../images/bullet_directory.gif) no-repeat;
    background-position: right !important;
    padding-right: 20px;
    font-size: 100%;
    padding-bottom: 2px;
    padding-top: 2px;   
    text-align: justify;
    direction: rtl;
}

.ettelaiyeh{
    background: url(../images/bullet_ettelaiye.gif) no-repeat;
    background-position: right !important;
    padding-right: 20px;
    font-size: 100%;
    padding-bottom: 2px;
    padding-top: 2px;   
    text-align: right;
    direction: rtl;
}

.niyazmandi{
    background: url(../images/bullet_niazmandi.gif) no-repeat;
    background-position: right !important;
    padding-right: 20px;
    font-size: 100%;
    padding-bottom: 2px;
    padding-top: 2px;   
    text-align: right;
    direction: rtl;
}

.khadamat{
    background: url(../images/bullet_khadamat.gif) no-repeat;
    background-position: right !important;
    padding-right: 20px;
    font-size: 100%;
    padding-bottom: 2px;
    padding-top: 2px;   
    text-align: right;
    direction: rtl;
}

.category{
    background: url(../images/bullet-category.gif) no-repeat;
    background-position: right !important;
    padding-right: 15px;
    font-size: 100%;
    padding-bottom: 5px;
    padding-top: 5px;   
    text-align: right;
    direction: rtl;
	width: 45%;
	float: right;
	margin-right: 10px;
	border-bottom: 1px dashed #ddd;
}

.openfolder{
    background: url(../images/icon-openfolder.gif) no-repeat;
    background-position: right !important;
    padding-right: 25px;
    font-size: 100%;
    padding-bottom: 5px;
    padding-top: 5px;   
    text-align: right;
    direction: rtl;
	width: 200px;
	float: right;
}

.closefolder{
    background: url(../images/icon-closefolder.gif) no-repeat;
    background-position: right !important;
    padding-right: 25px;
    font-size: 100%;
    padding-bottom: 5px;
    padding-top: 5px;   
    text-align: right;
    direction: rtl;
	width: 200px;
	float: right;
}

.folderdec{
    background: url(../images/icn-openfolder.gif) no-repeat;
    background-position: right !important;
    padding-right: 25px;
    font-size: 100%;
    padding-bottom: 5px;
    padding-top: 5px;   
    text-align: right;
    direction: rtl;
	width: 90px;
	float: right;
	color:#555;
}

.block-links{
    background: url(../images/block-links.gif) no-repeat;
    background-position: right 7px !important;
    padding-right: 15px;
    font-size: 100%;
    padding-bottom: 2px;
    padding-top: 2px;   
    text-align: right;
    direction: rtl;
	color: 996600;
}

.links{
    background: url(../images/bullet-links.gif) no-repeat;
    background-position: right !important;
    padding-right: 20px;
    font-size: 100%;
    padding-bottom: 5px;
    padding-top: 5px;   
    text-align: right;
    direction: rtl;
}

.alltext{
    padding: 10px;
    font-size: 100%;
    height: 20px;
    text-align: justify;
    direction: rtl;
	margin-left: 20px;
	margin-right:20px;
}

.all-text{
    padding: 5px;
    font-size: 100%;
    height: 20px;
    text-align: justify;
    direction: rtl;
}

.panel {
    background:url(../images/panel.gif) no-repeat;
    background-position: right !important;
    padding-right: 25px;
    font-size: 100%;
    padding-bottom: 4px;
    padding-top: 4px;   
    text-align: justify;
    direction: rtl;
	color:#666666;
	margin-bottom: 5px;
	font-weight: bold;
}

.panel-news {
    background:url(../images/panel-news.gif) no-repeat;
    background-position: right !important;
    padding-right: 25px;
    font-size: 100%;
    padding-bottom: 4px;
    padding-top: 4px;   
    text-align: justify;
    direction: rtl;
	color:#666666;
}

.admin-gallery{
    background: url(../images/admin-gallery.gif) no-repeat;
    background-position: right !important;
    padding-right: 20px;
    font-size: 100%;
    padding-bottom: 2px;
    padding-top: 2px;   
    text-align: justify;
    direction: rtl;
	margin-right: 10px;
}


/* ------------------------------------ */
.history_day {
	background-color:#F0FAED;
	border-top: 2px solid #B7E4A5;
    font-size: 100%;
    font-family: Tahoma, Helvetica, sans-serif; 
    color: #60AE36;
    direction: rtl; 
    padding: 10px;
	margin: 4px;
}

.pand_day {
	background-color: #eaeaff;
	border-top: 2px solid #6666ff;
    font-size: 100%;
    font-family: Tahoma, Helvetica, sans-serif; 
    color: #6666ff;
    direction: rtl; 
    padding: 10px;
	margin: 4px;	
}

.message_imd {
	background-color: #FFF2E6;
	border-top: 2px solid #FDC284;
    font-size: 100%;
    font-family: Tahoma, Helvetica, sans-serif; 
    color: #F99534;
    direction: rtl; 
    padding: 10px;
	margin: 4px;	
}

.foot_address {
    background:url(../images/foot_address.gif) repeat-x;
    font-size: 100%;
    font-family: Tahoma, Helvetica, sans-serif; 
    color: #333333;
    direction: rtl; 
    padding: 10px;
	text-align:center;
	border-top: #CCCCCC 1px dotted;
}

#title_Paragraph {
	BORDER-RIGHT: #cccc00 5px solid; 
	PADDING-RIGHT: 10px; 
	PADDING-LEFT: 15px; 
	VERTICAL-ALIGN: middle; 
	PADDING-TOP: 5px; 
	HEIGHT: 40px;
	direction:rtl;
	FONT-SIZE: 13pt; 
	WORD-SPACING: 3px; 
	COLOR: #080087; 
	FONT-FAMILY: tahoma; 
	LETTER-SPACING: -1px;
	font-weight: bold;
}

#title_in {
    background:url(../images/arrow_bulk.gif) no-repeat;
	background-position: 15px right;
	PADDING-RIGHT: 20px; 
	PADDING-TOP: 15px; 
	HEIGHT: 40px;
	direction:rtl;
	font-size: 13px; 
	COLOR: #080087; 
	FONT-FAMILY: tahoma; 
	font-weight: bold;
}

#titles {
    background:url(../images/arrow_bulk.gif) no-repeat;
	background-position: 15px right;
	PADDING-RIGHT: 20px; 
	PADDING-TOP: 15px; 
	HEIGHT: 40px;
	direction:rtl;
	font-size: 13px; 
	COLOR: #080087; 
	FONT-FAMILY: tahoma; 
	font-weight: bold;
}

.status_block {
    background:url(../images/status.gif) no-repeat;
    background-position: right !important;
	PADDING-RIGHT: 20px; 
	direction:rtl;
	font-size: 100%; 
	COLOR: #707070; 
	FONT-FAMILY: tahoma;
	text-align:right;
}

.member_name {
	margin-top: 5px;
	height: 30px;
	background:url(../images/member_name.png) repeat-x;
	text-align:center;
	color:#9900CC;
	font-size: 100%;
	font-weight: bold;
	line-height: 30px;
	direction: rtl;
	border: 1px solid #ddd;
}

.services_ic {
	margin-bottom: 5px;
	height: 25px;
	background-color:#FFCCCC;
	background:url(../images/services.png) no-repeat;
	background-position: 5px right;
	padding-right: 25px;
	text-align:right;
	color:#9900CC;
	font-size: 100%;
	line-height: 25px;
	direction: rtl;
	border-bottom: 1px dotted #ddd;
}

.index-services {
	border-top: #b1cbf5 2px solid;
	border-collapse: collapse;
	text-align: center;
	font-weight: bold;
	bordercolor: #B1CBF5;
	color: #004FA6;
	direction: rtl;
	padding: 6px;
	background-color:#E6F2FF;
	margin-bottom: 5px;
	height: 30px;
}

.index-right {
	border-collapse: collapse;
	float: right;
	text-align: center;
	bordercolor: #B1CBF5;
	color: #004FA6;
	direction: rtl;
	padding: 6px;
	margin-bottom: 5px;
	width: 50%;
}

.index-left {
	border-collapse: collapse;
	float: left;
	text-align: center;
	bordercolor: #B1CBF5;
	color: #004FA6;
	direction: rtl;
	padding: 6px;
	margin-bottom: 5px;
	width: 50%;
}

.sites_ic {
	margin-bottom: 5px;
	height: 25px;
	background-color:#FFCCCC;
	background:url(../images/sites.png) no-repeat;
	background-position: 5px right;
	padding-right: 25px;
	text-align:right;
	color:#9900CC;
	font-size: 100%;
	line-height: 25px;
	direction: rtl;
	border-bottom: 1px dotted #ddd;
}

#title_ic {
	margin-bottom: 15px;
	margin-top: 15px;
	height: 25px;
	background-color:#FFCCCC;
	background:url(../images/ok.png) no-repeat;
	background-position: 5px right;
	padding-right: 25px;
	text-align:justify;
	font-size: 100%;
	direction: rtl;
	color: #000066;
}

/*------------ Tree CSS -----------------*/

.dtree {
	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #666;
	white-space: nowrap;
	width: 180px;
	text-align:right;
}
.dtree img {
	border: 0px;
	vertical-align: middle;
}
.dtree a {
	color: #333;
	text-decoration: none;
}
.dtree a.node, .dtree a.nodeSel {
	white-space: nowrap;
	padding: 1px 2px 1px 2px;
}
.dtree a.node:hover, .dtree a.nodeSel:hover {
	color: #F2663A;
	text-decoration: underline;
}
.dtree a.nodeSel {
	background-color:;
}
.dtree .clip {
	overflow: hidden;
}

/* ----------------- End Tree block ------- */

.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
border: 2px solid #307BA3;
border-bottom-width: 1px;
width: 480px; /*width of featured content slider*/
height: 200px;
}



.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
padding: 0px;
background: white;
width: 476px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.pagination{
width: 480px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
text-align: right;
background-color: #307BA3;
padding: 5px 10px;
}

.pagination a{
padding: 0 5px;
text-decoration: none; 
color: #00007D;
background: white;
}

.pagination a:hover, .pagination a.selected{
color: #000;
background-color: #FFFF66;
}

/*----------- Domain -------------*/


fieldset	{padding:15px; border:1px solid #CCCCCC; width: 420px; direction:rtl;}
legend		{font-size: 110%; color: #262f5f; font-weight: normal; font-family:"Tahoma",'Times New Roman',Times,serif;}

.td			{color: #000; font-weight: normal; font-family:"Trebuchet MS",'Times New Roman',Times,serif;}
.green		{color: #009900;}

#container	{margin: auto; width: 400px; background-color: #FFFFFF;}

/* search form */
#domain		{padding:15px;}
#domain	.l1	{float: left; width: 230px; margin: 0 5px 0 0; direction:ltr;}
#domain	.l2	{float: left; width: 190px; margin: 0 5px 0 0; direction:ltr; }


/*result table */
#log		{width: 450px; margin-top: 5px;}
#log_res	{overflow: auto;}
#log_res.ajax-loading	{padding: 20px 0;background: url(../images/loading.gif) no-repeat center;}

.tabel		{width:100%; margin:auto; border-collapse:collapse;}
.tabel th	{padding:2px; background-repeat: repeat-x; color:#000;}
.tabel td	{padding:2px;}
.disponibil {width:50%; color:#009900; text-align:left;}
.ocupat 	{color:#CC0000; text-align:left;}
.alt 		{background-color:#F1F1F1}

/* OFFICE-STYLE FREESTYLE MENU LAYOUT */


/* All <ul> tags in the menu including the first level */
.menulist, .menulist ul {
 margin: 0;
 padding: 0px;
 width: 184px;
 list-style: none;
 background: #F0F0F8;
 direction: rtl;
}

/* Submenus (<ul> tags) are hidden and absolutely positioned across from their parent */
.menulist ul {
 display: none;
 position: absolute;
 top: 0;
 right: 185px;
 direction: rtl;
 
}

/* All menu items (<li> tags) are relatively positioned (to correctly offset submenus). */
.menulist li {
 position: relative;
 direction: rtl;
 border-top: 1px solid #cccccc; 
}

/* Links inside the menu */
.menulist li a {
 display: block;
 padding-top: 3px;
 padding-bottom: 3px;
 padding-left: 4px;
 padding-right: 10px;
 color: #996600;
 text-decoration: none;
 border: 1px solid transparent;
 margin: 0;
 text-align: right;
 border-right: #6666FF 3px solid;

}
/* HACKS: MSIE6 doesn't support transparent borders, mimic with margins */
* html .menulist li a {
 border-width: 0;
 margin: 0px;
 border-right: #6666FF 3px solid;

}

/*
 Lit items: hover/focus = the current item. 'highlighted' = parent items to visible menus.
 Here, active items are given a border, and a padding tweak to 'elevate' the text within.
 Feel free to use background-image:url(file.gif) instead of background-color:#nnn here...
*/
.menulist a:hover, .menulist a.highlighted:hover, .menulist a:focus {
 color: #cc3300;
 background-color: #E4CE9E;
 padding-top: 3px;
 padding-bottom: 3px;
 padding-left: 5px;
 padding-right: 10px;
 border-right: 3px solid #cc3300;
 margin: 0;
 text-align: right;
}

.menulist a.highlighted {
 color: #cc3300;
 background-color: #E4CE9E;
 border-right: 3px solid #cc3300;
 margin: 0;
}

/*
 If you want per-item background images in your menu items, here's how to do it.
 1) Assign a unique ID tag to each link in your menu, like so: <a id="xyz" href="#">
 2) Copy and paste these next lines for each link you want to have an image:
    .menulist a#xyz {
      background-image: url(out.gif);
    }
    .menulist a#xyz:hover, .menulist a.highlighted#xyz, .menulist a:focus {
     background-image: url(over.gif);
    }
*/


/* 'subind' submenu indicators, which are automatically prepended to 'A' tag contents. */
.menulist a .subind {
 float: left;
}

/*
 HACKS: IE/Win:
 A small height on <li> and <a> tags and floating prevents gaps in menu.
 * html affects <=IE6 and *:first-child+html affects IE7.
 You may want to move these to browser-specific style sheets.
\*/
*:first-child+html .menulist li {
 float: right;
 width: 100%;
}

* html .menulist li {
 float: right;
 height: 1%;
}
* html .menulist a {
 height: 1%;
}
/* End Hacks */

/* ------------------------------------------------- */

H1 {
	MARGIN: 0px; TEXT-ALIGN: center
}
H2 {
	MARGIN: 25px 0px 10px
}
H3 {
	MARGIN: 10px 0px 3px
}

I {
	COLOR: #000000
}
UL.tabs {
	PADDING-RIGHT: 1px; 
	PADDING-LEFT: 1px; 
	PADDING-BOTTOM: 4px; 
	MARGIN: 0px 11px; 
	PADDING-TOP: 2px; 
	TEXT-ALIGN: right;
}
UL.tabs LI {
	PADDING-RIGHT: 0px; 
	DISPLAY: inline; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	PADDING-TOP: 0px; 
	LIST-STYLE-TYPE: none
}
UL.tabs A {
	BORDER-RIGHT: #e0e0e0 1px solid; 
	PADDING-RIGHT: 8px; 
	BORDER-TOP: #e0e0e0 1px solid; 
	PADDING-LEFT: 8px; 
	font-size: 100%; 
	BACKGROUND: #f0f0f0; 
	PADDING-BOTTOM: 6px; 
	BORDER-LEFT: #e0e0e0 1px solid; 
	PADDING-TOP: 6px; 
	BORDER-BOTTOM: #e0e0e0 1px solid; 
	TEXT-DECORATION: none
}
UL.tabs A:hover {
	BACKGROUND:#FFFFCC;
	TEXT-DECORATION: none;
}
UL.tabs A.current {
	BACKGROUND: #FFFFe2; 
	COLOR: #cc6600;
	BORDER-BOTTOM: #FFFFe2 1px solid;
}
#div_1 {
	BORDER-RIGHT: #e0e0e0 1px solid; 
	PADDING-RIGHT: 1px; 
	BORDER-TOP: #e0e0e0 1px solid; 
	MARGIN-TOP: 2px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	BORDER-LEFT: #e0e0e0 1px solid; 
	PADDING-TOP: 0px; 
	BORDER-BOTTOM: #e0e0e0 1px solid;
	background: #FFFFe2;
	margin-bottom: 3px;
	margin-left: 4px;
	margin-right: 3px;
	font-size: 12px;
}
#div_2 {
	BORDER-RIGHT: #e0e0e0 1px solid; 
	PADDING-RIGHT: 1px; 
	BORDER-TOP: #e0e0e0 1px solid; 
	MARGIN-TOP: 2px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	BORDER-LEFT: #e0e0e0 1px solid; 
	PADDING-TOP: 0px; 
	BORDER-BOTTOM: #e0e0e0 1px solid;
	background: #FFFFe2;
	margin-bottom: 3px;
	margin-left: 4px;
	margin-right: 3px;
	font-size: 12px;
}
#div_3 {
	BORDER-RIGHT: #e0e0e0 1px solid; 
	PADDING-RIGHT: 1px; 
	BORDER-TOP: #e0e0e0 1px solid; 
	MARGIN-TOP: 2px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	BORDER-LEFT: #e0e0e0 1px solid; 
	PADDING-TOP: 0px; 
	BORDER-BOTTOM: #e0e0e0 1px solid;
	background: #FFFFe2;
	margin-bottom: 3px;
	margin-left: 4px;
	margin-right: 3px;
	font-size: 12px;
}
#div_4 {
	BORDER-RIGHT: #e0e0e0 1px solid; 
	PADDING-RIGHT: 1px; 
	BORDER-TOP: #e0e0e0 1px solid; 
	MARGIN-TOP: 2px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	BORDER-LEFT: #e0e0e0 1px solid; 
	PADDING-TOP: 0px; 
	BORDER-BOTTOM: #e0e0e0 1px solid;
	background: #FFFFe2;
	margin-bottom: 3px;
	margin-left: 4px;
	margin-right: 3px;
	font-size: 12px;
}
#div_5 {
	BORDER-RIGHT: #e0e0e0 1px solid; 
	PADDING-RIGHT: 1px; 
	BORDER-TOP: #e0e0e0 1px solid; 
	MARGIN-TOP: 2px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	BORDER-LEFT: #e0e0e0 1px solid; 
	PADDING-TOP: 0px; 
	BORDER-BOTTOM: #e0e0e0 1px solid;
	background: #FFFFe2;
	margin-bottom: 3px;
	margin-left: 4px;
	margin-right: 3px;
	font-size: 12px;
}
#div_6 {
	BORDER-RIGHT: #e0e0e0 1px solid; 
	PADDING-RIGHT: 1px; 
	BORDER-TOP: #e0e0e0 1px solid; 
	MARGIN-TOP: 2px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	BORDER-LEFT: #e0e0e0 1px solid; 
	PADDING-TOP: 0px; 
	BORDER-BOTTOM: #e0e0e0 1px solid;
	background: #FFFFe2;
	margin-bottom: 3px;
	margin-left: 4px;
	margin-right: 3px;
	font-size: 12px;
}
#div_7 {
	BORDER-RIGHT: #e0e0e0 1px solid; 
	PADDING-RIGHT: 1px; 
	BORDER-TOP: #e0e0e0 1px solid; 
	MARGIN-TOP: 2px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	BORDER-LEFT: #e0e0e0 1px solid; 
	PADDING-TOP: 0px; 
	BORDER-BOTTOM: #e0e0e0 1px solid;
	background: #FFFFe2;
	margin-bottom: 3px;
	margin-left: 4px;
	margin-right: 3px;
	font-size: 12px;
}


/* the edit / add content links for instructors / assistants */
fieldset#shortcuts {
	width: auto; 
	direction: rtl;
	border: 1px solid #dddddd;
	margin: 0px 0px 0px 0px;
	padding: 8px;
	font-family: Tahoma;	
}

fieldset#shortcuts ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	position: relative;
	font-family: Tahoma;
}

#shortcuts legend {
	font-weight: bold;
	font-family: Tahoma;	
	background-color: #eeeeee;	
	border:1px solid #dddddd;
	padding: 5px;
	color: #cc6600;
}

/* carousel */
#whc {
	float: left;
	background-color: #DD0000;
	color: #FAFAFA;
	font: bold 11px tahoma, arial;
	padding: 3px;
}

#sw_div {
	position: relative;
	overflow: hidden;
	width: 380px;
	height: 20px;
	margin-top: 2px;
	float: left;
	display: none;
}

#sw_div div.slides {
	height: 20px;
}

#sw_div div.slide {
	height: 20px;
	position: absolute;
}

#sw_div a {
	padding: 2px;
	font: bold 11px tahoma, arial;
	color: #FFF;
	text-decoration: none;
}

#sw_div a:hover {
	color: yellow
}



#whc2 {
	float: right;
	background-color: #DD0000;
	color: #FAFAFA;
	font: bold 11px tahoma, arial;
	padding: 3px;
}

#sw_div2 {
	position: relative;
	overflow: hidden;
	width: 380px;
	height: 20px;
	margin-top: 2px;
	float: right;
	display: none;
}

#sw_div2 div.slides {
	height: 20px;
}

#sw_div2 div.slide {
	height: 20px;
	position: absolute;
}

#sw_div2 a {
	padding: 2px;
	font: bold 11px tahoma, arial;
	color: #666;
	text-decoration: none;
}

#sw_div2 a:hover {
	color: yellow
}

/* ---------------------- index scroll pic ---------------------------------- */

.main_div9 {
	POSITION: relative; 
	PADDING: 1px; 
	BACKGROUND: white; 
	FLOAT: right;
	padding-left: 4px;
}
#main_div10 {
	POSITION: absolute; WIDTH: 5px; BACKGROUND: url(ch04_0018.gif); HEIGHT: 5px; FONT-SIZE: 0px; TOP: -1px; RIGHT: -1px
}
#main_div11 {
	POSITION: absolute; WIDTH: 5px; BACKGROUND: url(ch04_0019.gif); HEIGHT: 58px; FONT-SIZE: 0px; TOP: -1px; LEFT: -1px
}
#main_div12 {
	POSITION: absolute; 
	FONT-SIZE: 0px; 
	LEFT: -1px
}
#main_div13 {
	POSITION: absolute; 
	FONT-SIZE: 0px; 
	RIGHT: -1px
}
.main_div14 {
	TEXT-ALIGN: justify; 
	PADDING-BOTTOM: 1px; 
	PADDING-LEFT: 10px; 
	PADDING-RIGHT: 10px; 
	COLOR: #100f0e; 
	PADDING-TOP: 1px
}

.first_doc_slides {
	BORDER-BOTTOM: #f8f0d1 1px dashed; 
	TEXT-ALIGN: justify; 
	PADDING-BOTTOM: 4px; 
	MARGIN: 0px; 
	VERTICAL-ALIGN: top; 
	CURSOR: pointer;
	COLOR: #716623; 
}

.first_doc_slides A {
	COLOR: #716623; TEXT-DECORATION: none
}
.first_doc_slides A:hover {
	COLOR: #716623; TEXT-DECORATION: none
}
.first_doc_slides A:visited {
	COLOR: #716623; TEXT-DECORATION: none
}

.slides_selected {
	BORDER-BOTTOM: #f7f0d2 1px solid; 
	TEXT-ALIGN: justify; 
	PADDING-BOTTOM: 4px; 
	MARGIN: 0px; 
	BACKGROUND: #f9f4de; 
	VERTICAL-ALIGN: top; 
	CURSOR: pointer; 
}

.main_tbl2 {
	WIDTH: 480px; MARGIN-BOTTOM: 5px; 
}
#main_td2 {
	PADDING-LEFT: 0px; 
	WIDTH: 200px; 
	VERTICAL-ALIGN: top
}
#main_td3 {
	PADDING-BOTTOM: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-RIGHT: 4px; 
	VERTICAL-ALIGN: top; 
	PADDING-TOP: 10px
}

/* --------------------- Font Resizer -------------------------- */

.font_resizer {
	PADDING-BOTTOM: 3px; 
	PADDING-LEFT: 3px; 
	WIDTH: 200px; 
	PADDING-RIGHT: 3px; 
	FLOAT: left; 
	COLOR: #316180; 
	VERTICAL-ALIGN: bottom; 
	PADDING-TOP: 3px
}
.font_resizer A {
	BORDER-BOTTOM: #ccc 1px solid; TEXT-ALIGN: center; BORDER-LEFT: #ccc 1px solid; PADDING-BOTTOM: 0px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px; COLOR: #666; VERTICAL-ALIGN: bottom; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; PADDING-TOP: 0px
}
.smallFont {
	FONT-SIZE: 10px
}
.medFont {
	FONT-SIZE: 12px
}
.largeFont {
	FONT-SIZE: 15px
}
.curFont {
	BACKGROUND: #eeeef7
}



/* ------------- Box Index --------------------- */

#main_content .boxes DIV {
	WIDTH: 215px; 
	DISPLAY: block; 
	MARGIN-BOTTOM: 11px; 
	FLOAT: left; 
	HEIGHT: 200px;
	margin-left: 12px;
}
#main_content .box_resident {
	MARGIN-RIGHT: 11px
}
.box_visitor {
	MARGIN-RIGHT: 11px
}
#main_content .box_resident {
	BORDER-BOTTOM: #d8eecb 1px solid; 
	BORDER-LEFT: #d8eecb 1px solid; 
	BACKGROUND: url(../images/box_one.gif) #e6f4dc repeat-x left top; 
	BORDER-TOP: #d8eecb 1px solid; 
	BORDER-RIGHT: #d8eecb 1px solid;
	text-align: right;
}
#main_content .box_business {
	BORDER-BOTTOM: #d2e3d0 1px solid; 
	BORDER-LEFT: #d2e3d0 1px solid; 
	BACKGROUND: url(../images/box_two.gif) #e3efe2 repeat-x left top; 
	BORDER-TOP: #d2e3d0 1px solid; 
	BORDER-RIGHT: #d2e3d0 1px solid;
	text-align: right;
}
#main_content .box_visitor {
	BORDER-BOTTOM: #c2e3d4 1px solid; 
	BORDER-LEFT: #c2e3d4 1px solid; 
	BACKGROUND: url(../images/box_three.gif) #d7ede4 repeat-x left top; 
	CLEAR: left; 
	BORDER-TOP: #c2e3d4 1px solid; 
	BORDER-RIGHT: #c2e3d4 1px solid;
	text-align: right;
}
#main_content .box_student {
	BORDER-BOTTOM: #d7e0f4 1px solid; 
	BORDER-LEFT: #d7e0f4 1px solid; 
	BACKGROUND: url(../images/box_four.gif) #e5ebf7 repeat-x left top; 
	BORDER-TOP: #d7e0f4 1px solid; 
	BORDER-RIGHT: #d7e0f4 1px solid;
	text-align: right;
}
#main_content .box_resident H3 {
	COLOR: #55b354
}
#main_content .box_business H3 {
	COLOR: #759e7e
}
#main_content .box_visitor H3 {
	COLOR: #6cafa7
}
#main_content .box_student H3 {
	COLOR: #6372a2
}
#main_content .boxes H3 IMG {
	MARGIN-TOP: -6px; FLOAT: right
}
#main_content .boxes H3 {
	PADDING-BOTTOM: 9px; 
	PADDING-LEFT: 9px; 
	PADDING-RIGHT: 15px; 
	FONT-SIZE: 120%; 
	PADDING-TOP: 0px
}
#main_content .boxes P {
	PADDING-BOTTOM: 6px; 
	PADDING-LEFT: 9px; 
	ADDING-RIGHT: 9px; 
	FONT-SIZE: 90%; 
	PADDING-TOP: 10px;
	text-align: center;
}
#main_content .boxes LI {
	LIST-STYLE-POSITION: outside; 
	PADDING-BOTTOM: 6px; 
	LIST-STYLE-TYPE: none; 
	margin-LEFT: 15px; 
	PADDING-RIGHT: 10px; 
	BACKGROUND: url(../images/icon_dot.gif) no-repeat right; 
	FONT-SIZE: 90%; 
	PADDING-TOP: 6px;
	border-bottom: #9999FF 1px dotted;
}


/* ---------------- Menu Slide Menu ------------------ */

ul#menuslide, ul#menuslide ul { list-style-type:none;  margin: 0;  padding: 0;  width: 15em;}
ul#menuslide a {  display: block;  text-decoration: none;    }
ul#menuslide li {  margin-top: 1px; padding: 0px; text-align: right;}
ul#menuslide li a {  background: #999966;  color: #fff;  padding: 0.5em;}
ul#menuslide li a:hover {  background: #cc9900;}

ul#menuslide li ul li a {  
	background:#F7F7F7;  
	color: #000;  
	padding-top: 3px;  
	padding-bottom: 3px;  
	line-height: 14px;  
	background-image: url(../images/bullet-right.gif);
	background-position:10px 6px;
	background-repeat: no-repeat;  
	padding-right: 15px;   
	border-bottom:0px;
	margin: 0px;
}

ul#menuslide li ul li a:hover {  
	background: #ffffb7;  
	border-right: 5px #cc9900 solid;  
	padding-right: 10px;
	background-image: url(../images/bullet-right.gif);
	background-position:10px 6px;
	background-repeat: no-repeat;  
}

/* ------------2------------ */


.glossymenu{
margin: 5px 0;
padding: 0;
width: 170px; /*width of menu*/
border: 1px solid #9A9A9A;
border-bottom-width: 0;
}

.glossymenu a.menuitem{
background: black url(glossyback.gif) repeat-x bottom left;
font: bold 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 10px;
text-decoration: none;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: white;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
background-image: url(glossyback2.gif);
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
border-bottom: 1px solid blue;
}

.glossymenu div.submenu ul li a{
display: block;
font: normal 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: black;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
}

.glossymenu div.submenu ul li a:hover{
background: #DFDCCB;
colorz: white;
}

/* ------------------------- Tab Menu ------------------ */

	.bodyText{
		padding-left:10px;
		padding-right:10px;
		border-top:1px solid #000000;	
	}
	.bodyText p{
		margin-top:5px;
	}
	#mainMenu{
		background-color: #FFF;	/* Background color of main menu */
		font-family: Tahoma, Lucida Sans Unicode, Arial, sans-serif;	/* Fonts of main menu items */
		font-size:0.9em;	/* Font size of main menu items */
		border-bottom:1px solid #7A97A7;	/* Bottom border of main menu */
		height:15px;	/* Height of main menu */
		direction: rtl;
		text-align: right;
		position:relative;	/* Don't change this position attribute */
		
	}
	#mainMenu a{
		padding-left:8px;	/* Spaces at the left of main menu items */
		padding-right:8px;	/* Spaces at the right of main menu items */
		font-weight:bold;
		/* Don't change these two options */
		position:absolute;
		bottom:-1px;	/* Change this value to -2px if you're not using a strict doctype */
	}
	#submenu{		
		font-family: Tahoma, Lucida Sans Unicode, Arial, sans-serif;	/* Font  of sub menu items */
		background-color:#D3EAFE;	/* Background color of sub menu items */
		background:url(../images/menu_bg.jpg) repeat-x;
		margin-bottom: 8px;
		width: 932px;	/* Don't change this option */
		
	}	
	#submenu div{
		white-space:nowrap;	/* Don't change this option */
		
	}
	/*
	Style attributes of active menu item 
	*/
	#mainMenu .activeMenuItem{
		/* Border options */
		border-left:1px solid #7A97A7;
		border-top:1px solid #7A97A7;
		border-right:1px solid #7A97A7;		
		background-color: #D3EAFE;	/* Background color */
		
		cursor:pointer;	/* Cursor like a hand when the user moves the mouse over the menu item */
	}
	
	#mainMenu .activeMenuItem img{
		position:absolute;
		bottom:0px;
		right:0px;
	}
		
	/*
	Style attributes of inactive menu items
	*/
	#mainMenu .inactiveMenuItem{		
		color: #000;	/* Text color */
		cursor:pointer;	/* Cursor like a hand when the user moves the mouse over the menu item */
	}
	
	#submenu a{	
		text-decoration:none;	/* No underline on sub menu items - use text-decoration:underline; if you want the links to be underlined */
		padding-left:5px;	/* Space at the left of each sub menu item */
		padding-right:5px;	/* Space at the right of each sub menu item */
		color: #557A94;	/* Text color */
		font-size:0.9em; 
	}
	
	#submenu a:hover{
		color: #FC7E06;	/* Red color when the user moves the mouse over sub menu items */
	}


/* ----------------------------------------- */

#clear {
clear: both;
}