/* general */

body{
background-color : #D0D4C1;
background: url('/images/bggreydiag.gif') repeat; 
font : 8pt Tahoma, Arial, Helvetica, sans-serif;
color : #000000;
text-align : center;
margin:0; padding:0;
}
.style1 {color: #CCFF00}
html, body {
height:100%;
} 
.transparent
{

}
div{
padding:0;
margin:0;
}

a{
color: #3f68b8;
text-decoration: none; 
}
a:hover{
color: #1f62e3;
text-decoration: none;
}

.footer{
background-color: #6888CA;
font : 8pt Tahoma, Arial, Helvetica, sans-serif;
color: #FFFFFF;
padding:10px;
text-align:center;
}
.footer a{
color: #FFFFFF;
}
.footer a:hover{
color: #FFFFFF;
text-decoration:none;
}
.body{
font : 8pt Tahoma, Arial, Helvetica, sans-serif;
color : #000000;
text-align:center;

}
.handler{
width:958px;
text-align:center;   
margin:0 auto;
padding:0;

}
.page_main{

background: url('/images/page_center.png') repeat !important; 

width:100%;
border-left: 1px solid black;
border-right: 1px solid black;


}


.pages_vb{

background: url('/images/page_center_vb.png') repeat; 

width:100%;

border-left: 1px solid black;
border-right: 1px solid black;


}

.top{
border-top: 8px solid #6888CA; 
background-color:#FFFFFF;
}
.logo{
float: left;
padding: 15px;
vertical-align: top;
}
.topmenu{
text-align:center;
padding-top:8px;
text-decoration: none; 
}


ul.list-blue-menu{
list-style-type: none;
list-style-position: outside;
font : 8pt Tahoma, Arial, Helvetica, sans-serif;
font-size: 8pt;
margin:0;
padding:0;
}
li.list-blue-menu-item{
padding-left:15px;
background: url('bullet.gif') 5px no-repeat ;
color: #000000;
}
li.list-blue-menu-item a{
color: #000000;
}
li.list-blue-menu-item a:hover{
color: #6888CA;
}

ul.list-orange-menu{
list-style-type: none;
list-style-position: outside;
font : 8pt Tahoma, Arial, Helvetica, sans-serif;
font-size: 8pt;
margin:0;
padding:0;
}
li.list-orange-menu-item{
padding-left:15px;
background: url('bullet.gif') 5px no-repeat ;
color: #000000;
}
li.list-orange-menu-item a{
color: #000000;
}
li.list-orange-menu-item a:hover{
color: #A8824F;
}

ul.sidemenu{
list-style-type: circle;
list-style-position: inside;

font : 9pt Tahoma, Arial, Helvetica, sans-serif;
font-size: 8pt;
margin:1px 6px 0px 3px;
padding:0;
direction: rtl;
text-align: right;
}
ul.sidemenu a{
color: #666666;
text-decoration: none;
}
ul.sidemenu a:hover{
color: #999999;
}
li.sidemenu-1{

padding:5px;
padding-left:25px;
background: url('bullet.gif') 10px no-repeat ;
background-color: #d1ddca;
}
li.sidemenu-2{

padding:5px;
padding-left:25px;
background: url('bullet.gif') 10px no-repeat ;
background-color: #F2F2F2;
}
div.sidemenu_mailbox{
list-style-type: circle;

list-style-position: inside;
font : 8pt Tahoma, Arial, Helvetica, sans-serif;
font-size: 8pt;
margin:1px 6px 0px 3px;
padding:0;
direction: rtl;
text-align: right;
}
div.sidemenu_mailbox a{
color: #666666;
text-decoration: none;
}
div.sidemenu_mailbox a:hover{
color: #999999;
}
div.sidemenu_mailbox-1{
direction:rtl;
border: none;
border-top: none;
padding:5px;
padding-right:15px;
background: url(/images/bullet_welcome.gif) no-repeat right;


}
div.sidemenu_mailbox-2{
direction:rtl;
border: none;
border-top: none;
padding:5px;
padding-right:15px;
background: url(/images/bullet_welcome.gif) no-repeat right;
background-color: #F2F2F2;
}
div.sidemenu-1{
border-top: 1px dashed #86a674;
padding:5px;
direction:rtl;
text-align:right;
padding:5px;
padding-right:10px;
margin-right:5px;
font-size:12px;
background-color: #d1ddca;
white-space:nowrap;
}
div.sidemenu-2{
border-top: 1px dashed #86a674; 
padding:5px;
direction:rtl;
text-align:right;
padding:5px;
padding-right:10px;
margin-right:5px; 
font-size:12px;  
background-color: #F2F2F2;
white-space:nowrap;
}
tr.sidemenu_profile-1{

border-top: 1px dashed #736555;
padding:5px;
direction:rtl;
text-align:right;
padding:5px;
padding-right:10px;
margin-right:5px;
font-size:12px;
background-color: #ddd2c7;
white-space:nowrap;


}
tr.sidemenu_profile-2{

border-top: 1px dashed #736555; 
padding:5px;
direction:rtl;
text-align:right;
padding:5px;
padding-right:10px;
margin-right:5px; 
font-size:12px;  
background-color: #c8bfb6;
white-space:nowrap;


}
tr.sidemenu_account-1{

border-top: 1px dashed #ae9b67;
padding:5px;
direction:rtl;
text-align:right;
padding:5px;
padding-right:10px;
margin-right:5px;
font-size:12px;
color:#785d2f; 
background-color: #c3bb9d;
white-space:nowrap;


}
tr.sidemenu_account-2{

border-top: 1px dashed #ae9b67; 
padding:5px;
color:#785d2f;
direction:rtl;
text-align:right;
padding:5px;
padding-right:10px;
margin-right:5px; 
font-size:12px;  
background-color: #d4ccb8;
white-space:nowrap;


}
tr.sidemenu-1{

border-top: 1px dashed #86a674;
padding:5px;
direction:rtl;
text-align:right;
padding:5px;
padding-right:10px;
margin-right:5px;
font-size:12px;
background-color: #d1ddca;
white-space:nowrap;


}
tr.sidemenu-2{

border-top: 1px dashed #86a674; 
padding:5px;
direction:rtl;
text-align:right;
padding:5px;
padding-right:10px;
margin-right:5px; 
font-size:12px;  
background-color: #F2F2F2;
white-space:nowrap;


}
tr.sidemenu-3{

border-top: 1px dashed #ddae8b;
padding:5px;
direction:rtl;
text-align:right;
padding:5px;
padding-right:10px;
margin-right:5px;
font-size:12px;
background-color: #ddc0aa;
white-space:nowrap;


}
tr.sidemenu-4{

border-top: 1px dashed #e9985c; 
padding:5px;
direction:rtl;
text-align:right;
padding:5px;
padding-right:10px;
margin-right:5px; 
font-size:12px;  
background-color: #eaaf84;
white-space:nowrap;


}
td.sidemenu-1{

border-top: 1px dashed #86a674;
padding:5px;
direction:rtl;
text-align:right;
padding:5px;
padding-right:10px;
margin-right:5px;
font-size:12px;
background-color: #d1ddca;
white-space:nowrap;


}
td.sidemenu-2{

border-top: 1px dashed #86a674; 
padding:5px;
direction:rtl;
text-align:right;
padding:5px;
padding-right:10px;
margin-right:5px; 
font-size:12px;  
background-color: #F2F2F2;
white-space:nowrap;


}
tr.sidemenu_gold-1{

border-top: 1px dashed #86a674;
padding:5px;
direction:rtl;
text-align:right;
padding:5px;
padding-right:10px;
margin-right:5px;
font-size:12px;
background-color: #d4cc88;
white-space:nowrap;


}
tr.sidemenu_gold-2{

border-top: 1px dashed #86a674; 
padding:5px;
direction:rtl;
text-align:right;
padding:5px;
padding-right:10px;
margin-right:5px; 
font-size:12px;  
background-color: #e3dfc0;
white-space:nowrap;


}
td.sidemenu_gold-1{

border-top: 1px dashed #86a674;
padding:5px;
direction:rtl;
text-align:right;
padding:5px;
padding-right:10px;
margin-right:5px;
font-size:12px;
background-color: #d4cc88;
white-space:nowrap;


}
td.sidemenu_gold-2{

border-top: 1px dashed #86a674; 
padding:5px;
direction:rtl;
text-align:right;
padding:5px;
padding-right:10px;
margin-right:5px; 
font-size:12px;  
background-color: #e3dfc0;
white-space:nowrap;


}
tr.sidemenu-on{

border-top: 1px dashed #86a674; 
padding:5px;
direction:rtl;
text-align:right;
padding:5px;
padding-right:10px;
margin-right:5px; 
font-size:12px;  
background-color: #98b487;
white-space:nowrap;


}
tr.sidemenu_fananeen-1{
width:658px;
border-top: 1px dashed #86a674;
padding:5px;
direction:rtl;
text-align:right;
padding:5px;
padding-right:10px;
margin-right:5px;
font-size:12px;
background-color: #e9d2d0;
white-space:nowrap;


}
tr.sidemenu_fananeen-2{
width:658px;
border-top: 1px dashed #86a674; 
padding:5px;
direction:rtl;
text-align:right;
padding:5px;
padding-right:10px;
margin-right:5px; 
font-size:12px;  
background-color: #dfcecd;
white-space:nowrap;


}
tr.sidemenu_munshid-1{
width:658px;
border-top: 1px dashed #86a674;
padding:5px;
direction:rtl;
text-align:right;
padding:5px;
padding-right:10px;
margin-right:5px;
font-size:12px;
background-color: #e9d2d0;
white-space:nowrap;


}
tr.sidemenu_munshid-2{
width:658px;
border-top: 1px dashed #86a674; 
padding:5px;
direction:rtl;
text-align:right;
padding:5px;
padding-right:10px;
margin-right:5px; 
font-size:12px;  
background-color: #dfcecd;
white-space:nowrap;


}
tr.sidemenu_list-1{

text-align:right;

background-color: #d1ddca;


}
tr.sidemenu_list-2{

text-align:right;

background-color: #F2F2F2;



}
span.sidemenu_list_on{
background-color: #98b487;
margin-right:-5px;
padding-right:3px;


}
span.sidemenu_list1{
background-color: #d1ddca;
margin-right:-5px;
padding-right:3px;


}
span.sidemenu_list2{
margin-right:-5px;

background-color: #F2F2F2;
padding-right:3px;


}
tr.sidemenu_gold_list-1{

text-align:right;

background-color: #d4cc88;


}
tr.sidemenu_gold_list-2{

text-align:right;

background-color: #F2F2F2;



}
span.sidemenu_gold_list_on{
background-color: #BBAE58;
background-image: url(/images/bullet_gold.gif) right no-repeat; 
margin-right:-5px;
padding-right:3px;


}
span.sidemenu_gold_list1{
background-color: #d4cc88;
margin-right:-5px;
padding-right:3px;


}
span.sidemenu_gold_list2{
margin-right:-5px;

background-color: #e3dfc0;
padding-right:3px;


}
.menubar{
overflow: hidden;
height: 23px;


}

.submenu{

height: 26px;
padding-top: 10px;

}
.menues{

height: 88px;
padding:0;
margin:0;
background-color: #fff;
width: 958px;
background: url('/images/bgmenutap.png') repeat;
}


.columnSmall{
float: left;
width: 227px;
position:relative;
top: -22px;
overflow:visible;
z-index:10;
}

.padded{
height: 100%;
padding:5px ;
} 
.margined{
margin:5px;
}

.dividerV{
float:left;
width:5px;
}
.dividerH{
float:none;
height:5px;
}

.dotted{
height:2px;
border-top: 1px dotted #999999;
}

.dotted-bottom{
padding:3px;
border-bottom: 1px dotted #999999;
}

.pages{
text-align:center;
}

.centered{
text-align:center;
}
.bold{
font-weight:bold;
}

/* text styles */
.topmenu a{
color: #4F6BA3;
text-decoration:none;
}
.topmenu a:hover{
text-decoration:underline;
}

.menubar a{
color: black;
text-decoration:none;
}
.menubar a:hover{
color: #fff;
}

.menubarON{
display:inline;
color: #345666;
font-weight: bold;
}

.blue{
color: #68ABCA;
font-weight:bold;
font-size:8pt;
}
h1{
font-family: "Tahoma","Arial";
font-weight:bold;
font-size:12pt;
padding:0px;
margin:0;
}



..highlight{

}

/* blocks */
.brown-header{
background-color: #F9F1E1;
border: 1px solid #D3BE96;
font-family: "Tahoma","Arial";
font-size: 10pt;
width: 100%;
font-weight:bold;
padding:3px;
padding-left: 10px;
text-align:left;
color: #99896D;
}
.brown-body{
padding:5px;
background-color: #FFFFFF;
border-bottom: 1px solid #D3BE96;
border-right: 1px solid #D3BE96;
border-left: 1px solid #D3BE96;
}

.green-header{
background-color: #E6F9E1;
border: 1px solid #96D396;
font-family: "Tahoma","Arial";
font-size: 10pt;
font-weight:bold;
padding:3px;
padding-left: 10px;
text-align:left;
color: #5D995D;
}
.green-body{
padding:5px;
background-color: #FFFFFF;
border-bottom: 1px solid #96D396;
border-right: 1px solid #96D396;
border-left: 1px solid #96D396;
}

.blue-header{
background-color: #E1E9FA;
border: 1px solid #96ABD4;
font-family: "Tahoma","Arial";
font-size: 10pt;
font-weight:bold;
padding:3px;
padding-left: 10px;
text-align:left;
color: #6D7B99;
}
.blue-body{
padding:5px;
background-color: #FFFFFF;
border-bottom: 1px solid #96ABD4;
border-right: 1px solid #96ABD4;
border-left: 1px solid #96ABD4;
}

.orange-header{
background-color: #796714;
border: 1px solid #D4BA96;
font-family: "Tahoma","Arial";
font-size: 10pt;
font-weight:bold;
padding:3px;
padding-left: 10px;
text-align:left;
color: #796714;
}
.orange-body{
padding:5px;
background-color: #FFFFFF;
border-bottom: 1px solid #D4BA96;
border-right: 1px solid #D4BA96;
border-left: 1px solid #D4BA96;
}




.tip{
padding:10px;
width:100%px;
color: #666666;
}
.tip-body{
direction:rtl;
text-align:justify;
color: #907232;
overflow:visible;
font-weight: bold;
}

.cardlabel{
float:left;
width:80px;
color: #666666;
}
.cardbody{

}

.card-headline{
border:1px dashed #689BCA;
background-color: #F5FAFF;
float:left;
}
.card-headline-body_off{
font-family: "Tahoma","Arial";
font-size: 10pt;
font-weight:bold;
margin:5px;
}
.card-headline-body{
font-family: "Tahoma","Arial";
font-size: 10pt;

font-weight:bold;
color: #9e8e32;
margin:5px;
}

.card-member{
border-top:2px solid #689BCA;
border-bottom:1px solid #689BCA;
}
.card-online{

color: #FF9000;
font-size:9pt;
padding:1px;
margin:2px;
height:10px;
line-height:10px;
cursor:default;
font-weight:normal;
}
.card-online_f{

color: #e82d89;
font-size:9pt;
padding:1px;
margin:2px;
height:10px;
line-height:10px;
cursor:default;
font-weight:normal;
}
.card-featured{

color: #db0303;
font-size:10pt;
padding:1px;
margin:2px;
height:10px;
line-height:10px;
cursor:default;
font-weight:normal;
}
.card-new{

color: #24A72D;
font-size:9pt;
padding:1px;
margin:2px;
height:10px;
line-height:10px;
cursor:default;
font-weight:normal;
}
.card-updated{

color: #3588AE;
font-size:9pt;
padding:1px;
margin:2px;
height:10px;
line-height:10px;
cursor:default;
font-weight:normal;
}

.card-member-top,.card-member-top a{
background-color: #D6E4F0;
padding:3px;
text-align:left;
border-bottom: 1px solid #FFFFFF;
color: #32608A;
text-decoration:none;
}
.card-member-top a:hover{
color: #689BCA;
}
.card-member-body{
background-color: #EBF3FA;
padding:5px;
text-align:left;
}
.card-member-header,.card-member-header a{
font-family: "Tahoma","Arial";
font-size: 12pt;
font-weight:bold;
color: #507EA9;
text-decoration:none;
}
.card-member-header a:hover{
color: #689BCA;
}
.card-member-options,.card-member-options a{
background-color: #bbae58;
padding:1px;
margin-left:3px;
margin-right:5px;
text-align:right;
border-top: 1px solid #FFFFFF;
color: #32608A;
text-decoration:none;
font-size:8pt;
}
.card-member-options_off a:hover{
color: #689BCA;
}
.card-member-options_off,.card-member-options_off a{
background-color: #a1a1a1;
padding:1px;
margin-left:3px;
margin-right:5px;
text-align:right;
border-top: 1px solid #FFFFFF;
color: #32608A;
text-decoration:none;
font-size:8pt;
}
.card-member-options_off a:hover{
color: #689BCA;
}
ul.card-member-list{
padding:0;
margin:0;
height:16px;
white-space:nowrap;
list-style-type:none;
list-style-position: outside;
}

li.card-member-item{
display:inline;
padding-left:10px;
}


.card-shuaara{
border-top:2px solid #67C968;
border-bottom:1px solid #67C968;
}

.card-shuaara-top,.card-shuaara-top a{
background-color: #D5F0D6;
padding:3px;
text-align:left;
border-bottom: 1px solid #FFFFFF;
color: #328A33;
text-decoration:none;
}
.card-shuaara-top a:hover{
color: #67C968;
}
.card-shuaara-body{
background-color: #EBFAEB;
padding:5px;
text-align:left;
}
.card-shuaara-header,.card-shuaara-header a{
font-family: "Tahoma","Arial";
font-size: 12pt;
font-weight:bold;
color: #4FA851;
text-decoration:none;
}
.card-shuaara-header a:hover{
color: #67C968;
}
.card-shuaara-options,.card-shuaara-options a{
background-color: #D5F0D6;
padding:3px;
text-align:center;
border-top: 1px solid #FFFFFF;
color: #328A33;
text-decoration:none;
font-size:7pt;
}
.card-shuaara-options a:hover{
color: #67C968;
}
ul.card-shuaara-list{
padding:0;
margin:0;
white-space:nowrap;
list-style-type:none;
list-style-position: outside;
}
li.card-shuaara-item{
display:inline;
background: url('arrow.gif') 5px no-repeat ;
padding-left:10px;
}




.member-offline-name a:hover{
text-decoration: none;
}
.member-offline-indicator{
position:relative;
top: 3px;
left:-14px;
height:32px;
font: 7pt Tahoma, Arial, sans-serif;
font-weight: bold;
color: #a1a1a1;

}
.member-offline-indicator a{
font: 7pt Tahoma, Arial, sans-serif;
color: #a1a1a1;
}

.ecard{

}
.ecard-thumbnail{
background-color: #F2F2F2;
border: 1px dashed #999999;
padding: 15px;
}
.ecard-name{
background-color: #E5E5E5;
border-left: 1px dashed #999999;
border-right: 1px dashed #999999;
border-bottom: 1px dashed #999999;
padding:15px;
}

.photo{


}
.photo_edit{

}
.photo_big{
width:344px;
}

.photo-photo{
width: 64px;
height: 53px;
border: 3px dotted #98b487;
position:relative;
top: 3px;
left: 20px;
margin: 0;
padding: 0;
}
.photo-caption{


padding: 2px;
height:42px;
}
.photo-text{

font: 7pt Tahoma, sans-serif;
color: #808080;
}
.photo-text a{

font: 7pt Tahoma, sans-serif;
color: #808080;
}
.photo-text-big{
font: 9pt Tahoma, sans-serif;
color: #808080;
}

.news{
border:1px solid #CCCCCC;
}
.news-title{
background-color: #F2F2F2;
border-right:1px solid #CCCCCC;
float:left;
padding:3px;
width:80%;
}
.news-date{
background-color: #E5E5E5;
border-left:1px solid #CCCCCC;
padding:3px;
text-align:right;
}
.news-body{
background-color: #FFFFFF;
border-top:1px solid #CCCCCC;
padding:5px;
}


/* forms */
.form{




}
.formlabel{
font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
font-size: 10pt;
color: #4a7038;
float:right;
text-align:right;
width:227px;
margin: 0 0 5px 0;
padding:3px;
display:block;
clear:both;
}
.formelement{
font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
font-size: 9pt;
color: #006600;
width:400px;
margin: 0 0 5px 0;
padding:3px;
float:right;
text-align:right;
}
.formbutton{
text-align:center;
clear:both;
}
.formset{
margin-bottom:2px;
}
.textfield{
font : 10pt Tahoma, Arial, Helvetica, sans-serif;
background-color: #FFFFB7;
height: 15px;
padding: 1px 1px 1px 1px;
border: 1px solid #000000;
color: #4a7038;
direction: rtl;
}
.dropdown{
font : 12pt Tahoma, Arial, Helvetica, sans-serif;
background-color: #FFFFB7;
padding: 1px 1px 1px 1px;
direction: rtl;
border: 1px solid #000000;
color: #000;
border-width: 1px;
border-style: solid;
border-color: black;
}
#new_playlist{
border:1px dashed #000;
background-color : #cdcdcd;
color : #000;
font-size:12pt;
}
.textarea{
font : 10pt Tahoma, Arial, Helvetica, sans-serif;
direction: rtl;
border-color: #006600;
background-color: #FFFFB7;

border: 1px solid #000000;
}
.submit_green{
font : 10pt Tahoma, Arial, Helvetica, sans-serif;
width: 100%;
font-weight: bold;
color:#FFFFFF;
background-color:#006600;
border-color:#334400;

}
.submit_blue{
font : 10pt Tahoma, Arial, Helvetica, sans-serif;
width: 100%;
font-weight: bold;
color:#FFFFFF;
background-color:#167dad;
border-color:#334400;

}
.submit_gold{
font : 10pt Tahoma, Arial, Helvetica, sans-serif;
width: 100%;
font-weight: bold;
color:#FFFFFF;
background-color:#ad9a16;
border-color:#334400;

}
.submit1{
font : 10pt Tahoma, Arial, Helvetica, sans-serif;
width: 100%;
font-weight: bold;
color:#FFFFFF;
background-color:#db0303;
border-color:#334400;

}
.button_submit{
font : 10pt Tahoma, Arial, Helvetica, sans-serif;
width: 99%;
font-weight: normal;
padding: 0px;
height: 24px;
color:#FFFFFF;
direction: rtl;
border-width: 0.11em;  
background-color:#006600; 

}
.button{
font : 10pt Tahoma, Arial, Helvetica, sans-serif;
font-weight: normal;
padding: 0px;
height: 24px;
color:#FFFFFF;
direction: rtl;
background-color:#006600;
border-width: 0.11em;

}
.button:hover{
background-color: #dfbe05;
color:black;
}
.button_small{
font : 10pt Tahoma, Arial, Helvetica, sans-serif;
width: 1.55em;
font-weight: normal;
padding: 0px;
height: 24px;
color:#FFFFFF;
direction: rtl;
background-color:#006600;
border-width: 0.11em;

}
.button_small:hover{
background-color: #dfbe05;
color:black;
} 
.button2{
font : 10pt Tahoma, Arial, Helvetica, sans-serif;
width: 1.55em;
font-weight: normal;
padding: 0px;
height: 24px;
color:black;
direction: rtl;
background-color:#cccccc;
border-width: 0.11em;

} 

.button3{
font : 10pt Tahoma, Arial, Helvetica, sans-serif;
width: 1.55em;
font-weight: normal;
padding: 0px;
height: 24px;
color:#FFFFFF;
direction: rtl;
background-color:#035a80;
border-width: 0.11em;   
}
.button3:hover{
background-color: #dfbe05;
color:black;
} 
.button_red{
font : 10pt Tahoma, Arial, Helvetica, sans-serif;
width: 99%;
font-weight: normal;
padding: 0px;
height: 24px;
color:#FFFFFF;
direction: rtl;
border-width: 0.11em;  
background-color:#db0303;   
}

.button1{
font : 10pt Tahoma, Arial, Helvetica, sans-serif;
width: 1.55em;
padding: 0px;
font-weight: normal;
height: 24px;
color:#FFFFFF;
direction: rtl;
background-color:#035a80;
border-width: 0.11em;

}
.button4{
font : 9pt Tahoma, Arial, Helvetica, sans-serif;
text-align:center;
border: 1px solid #035a80;
padding: 1px 2px 1px 2px;
font-weight: bold;
height: 19px; 
width:100%;
cursor: hand;
cursor: pointer;
line-height: 19px;
color:#000;                                   
direction: rtl;
background: #47a8d4;
border-width: 1px;
border-style: solid;
border-color: #035a80;
vertical-align: middle; 

}
a.button_green{
background: transparent url('/images/oval-green-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 13px Tahoma; /* Change 13px as desired */
line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 24px; /* Height of button background height */
padding-left: 11px; /* Width of left menu image */
text-decoration: none;
}

a:link.button_green, a:visited.button_green, a:active.button_green{
color: #494949; /*button text color*/
}

a.button_green span{
background: transparent url('/images/oval-green-right.gif') no-repeat top right;
display: block;
padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.button_green:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.button_green:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}
/* lists */
.list-mailbox{
font : 8pt Tahoma, Arial, Helvetica, sans-serif;
color : #000000;
width: 659px;
margin-left: 2px;
}
.list-mailbox a{
color: #000000;
}
.list-mailbox a:hover{
color: #507EA9;
}
.list-mailbox-header{
background-color: #a4a688;
padding:3px;
color: #787c5b;
font-weight:bold;

}
.list-mailbox-item{
text-align:left;
background-color: #EBF3FA;
padding:3px;
}
.list-mailbox-item-1{
text-align:right;

background-color: #EBF3FA;
padding:3px;
height:20px;
}
.list-mailbox-item-2{
text-align:right;

background-color: #e1e1db;
padding:3px;
height:20px;
}
.list-mailbox-title,.list-mailbox-title a{
font-family: "Tahoma","Arial";
font-size: 12pt;
font-weight:bold;
color: #507EA9;
text-decoration:none;
padding-right:5px;
}
.list-mailbox-category{
padding:3px;
}
.list-mailbox-category a{
color: #507EA9;
}
.list-mailbox-category a:hover{
color: #000000;
}
.list-mailbox-subcategory{
padding:3px;
padding-left:20px;
}
.list-mailbox-subcategory a{
color: #507EA9;
text-decoration:none;
}
.list-mailbox-subcategory a:hover{
color: #000000;
}
.list-blue{
font : 8pt Tahoma, Arial, Helvetica, sans-serif;
color : #000000;
border-top:2px solid #689BCA;
}
.list-blue a{
color: #000000;
}
.list-blue a:hover{
color: #507EA9;
}
.list-blue-header{
background-color: #D6E4F0;
padding:3px;
border-right:1px solid #FFFFFF;
border-bottom:1px solid #FFFFFF;
height:20px;
}
.list-blue-item{
text-align:left;
background-color: #EBF3FA;
padding:3px;
}
.list-blue-item-1{
text-align:left;
border-right:1px solid #FFFFFF;
border-bottom:1px solid #FFFFFF;
background-color: #EBF3FA;
padding:3px;
height:20px;
}
.list-blue-item-2{
text-align:left;
border-right:1px solid #FFFFFF;
border-bottom:1px solid #FFFFFF;
background-color: #F7FBFF;
padding:3px;
height:20px;
}
.list-blue-title,.list-blue-title a{
font-family: "Tahoma","Arial";
font-size: 12pt;
font-weight:bold;
color: #507EA9;
text-decoration:none;
padding-right:5px;
}
.list-blue-category{
padding:3px;
}
.list-blue-category a{
color: #507EA9;
}
.list-blue-category a:hover{
color: #000000;
}
.list-blue-subcategory{
padding:3px;
padding-left:20px;
}
.list-blue-subcategory a{
color: #507EA9;
text-decoration:none;
}
.list-blue-subcategory a:hover{
color: #000000;
}

.list-orange{
font : 8pt Tahoma, Arial, Helvetica, sans-serif;
color : #000000;
border-top:2px solid #796714;
}
.list-orange a{
color: #000000;
}
.list-orange a:hover{
color: #A8824F;
}
.list-orange-header{
background-color: #F0E4D5;
padding:3px;
border-right:1px solid #FFFFFF;
border-bottom:1px solid #FFFFFF;
height:20px;
}
.list-orange-item{
text-align:right;
background-color: #A3955B;
padding:3px;
}
.list-orange-item-1{
text-align:right;
border-right:1px solid #FFFFFF;
border-bottom:1px solid #FFFFFF;
background-color: #E3E388;
padding:3px;
height:20px;
}
.list-orange-item-2{
text-align:right;
border-right:1px solid #FFFFFF;
border-bottom:1px solid #FFFFFF;
background-color: #C4DA83;
padding:3px;
height:20px;
}
.list-orange-title,.list-orange-title a{
font-family: "Tahoma","Arial";
font-size: 12pt;
font-weight:bold;
color: #A8824F;
text-decoration:none;
padding-right:5px;
}

/* rating */
.rating{

}

.rating_0{
color: #8093BA;
}
.rating_1{
color: #8093BA;
}
.rating_2{
color: #868FB3;
}
.rating_3{
color: #8E8BAA;
}
.rating_4{
color: #9885A0;
}
.rating_5{
color: #A27F95;
}
.rating_6{
color: #AD7989;
}
.rating_7{
color: #B7737E;
}
.rating_8{
color: #C06D75;
}
.rating_9{
color: #C7696C;
}
.rating_10{
color: #CE6565;
}

/* forum */
.forum-totals{
background-color: #F2F2F2;
border:1px solid #CCCCCC;
padding:5px;
}
.forum-button{
border: 1px solid #000000;
background-color: #FFFFFF;
color: #666666;
font-family : Tahome, Arial, Helvetica, sans-serif;
font-size: 8pt;
padding:5px;
cursor:pointer;
float:left;
margin:2px;
}
.forum_quote{
border:1px dashed #689BCA;
background-color: #FFFFFF;
padding:5px;
}

/* calendar */
.calendar-button{
font-family : Tahome, Arial, Helvetica, sans-serif;
font-size: 8pt;
background-color: #FFFFFF;
border:1px solid #999999;
color: #999999;
cursor:pointer;
width:20px;
text-align:center;
}
.calendar-date{
font-family: "Tahoma","Arial";
font-size: 8pt;
font-weight:bold;
text-align:center;
color: #808080;
}
.calendar-week{
font-family : Arial, Helvetica, sans-serif;
font-size : 8pt;
color: #1F5EAC;
}
.calendar-day{
font-family : Arial, Helvetica, sans-serif;
font-size : 8pt;
color: #000000;
cursor: pointer;
}
.calendar-extended{
color: #999999;
}
.calendar-sunday{
color: #1F5EAC;
}
.calendar-today{
color: #B33838;
}
.calendar-holiday{
color: #1F5EAC;
}
.calendar-nof-holiday{
color: #3F981C;
}
.calendar-events{
font-weight: bold;
}
.calendar-notes{
font-style: italic;
}
.calendar-selected{
border: 1px solid #B33838;
}
/* im */
.im{
border:1px solid #999999;
}
.im-header{
font-size:7pt;
color: #666666;
background-color: #F2F2F2;
border-bottom: 1px solid #999999;
padding:3px;
}
.im-body{
background-color: #FFFFFF;
text-align:center;
}

/* banners */
.banner-header{
border-bottom: 1px solid #CCCCCC;
padding:5px;
text-align:center;
}
.banner-footer{
border-top: 1px solid #CCCCCC;
padding:5px;
text-align:center;
}
.banner-side{
text-align:justify;
direction:rtl;
}

/* notification */
.noti{
border:1px solid #6888CA;
background-color: #FFFFFF;
color: #666666;
}
.noti-header{
background-color: #6888CA;
padding:3px;
color: #FFFFFF;
font : 8pt Tahoma, Arial, Helvetica, sans-serif;
font-weight:bold;
}
.noti-header a{
color: #FFFFFF;
font-weight:normal;
text-decoration:none;
}
.noti-body{
font : 8pt Tahoma, Arial, Helvetica, sans-serif;
color: #666666;
}
.noti-body a{
color: #666666;
}
.noti-body a:hover{
text-decoration:none;
}

/* color selector */
.color-color{
margin:1px;
width:9px;
height:9px;
float:left;
cursor:pointer;
border:1px solid #000000;
}

/* albums */
.photo{
width:80px;
height:118px;
}
.photo_edit{
width:80px;
height:132px;
}
.photo_main{
background-color: #FA8072;
border: 1px solid #999999;
padding: 8px;
}
.album{
width:80px;
height:118px;
}
.album_main{
background-color: #FFE4E1;
border: 1px solid Black;
padding: 8px;
}
.album_big{
width:344px;
}
.album_edit{
width:80px;
height:142px;
}
.album-photo{
background-color: #DDDDDD;
border: 1px solid Black;
padding: 8px;
}
.album-caption{
background-color: #999999;
border-left: 1px solid Black;
border-right: 1px solid Black;
border-bottom: 1px solid Black;
padding: 2px;
height:42px;
}
.album_edit{
width:80px;
height:142px;
}
.album-text{
background-color: #999999;
font: 7pt Tahoma, sans-serif;
color: #F9F9F9;
}
.album-text a{
background-color: ##CCCCCC;
font: 7pt Tahoma, sans-serif;
color: #F9F9F9;
}
.album-text-big{
font: 8pt Tahoma, sans-serif;
color: #F9F9F9;
}

/* vchat */
#vchat_window{
position: absolute;
visibility: hidden;
width: 370px;
top: 0;
left: 0;
z-index: 1;
}
.vchat_handler{
border: 4px solid #00209F;
background-color: #FFFFFF;
height:100%;
padding:5px;
}
.vchat_icon{
margin:auto;
text-align:center;
float:left;
}
.vchat_message{
color: #000;
text-align:left;
font : 8pt Tahoma, Arial, Helvetica, sans-serif;
}
.vchat_message_header{
font-weight:bold;text-align:center
}
.vchat_message_content{
padding-top:20px;
}
.vchat_buttons{
text-align:center;
padding-top:20px;
}

/* social bookmarking */
#sbdropdown {
border:1px solid #CCC;
background-color: #FFF;
visibility:hidden;
position:absolute;
z-index:100;
left:0px;
top:0px;
padding: 3px;
}
#sbbar {
border:1px solid #CCC;
background-color: #FFF;
padding: 3px;
}
.sbitem{
border:1px solid #FFF;
background-color: #F7F7F7;
color: #666666;
padding: 3px;
cursor: pointer;
text-align:left;
}
.sbitemhighlight{
background-color: #EBF3FA;
border:1px solid #689BCA;
padding: 3px;
cursor: pointer;
text-align:left;
}

/* tags */
.tagCloud {
padding: 7px;
text-align:center;
}
.tagCloud a{
color: #4E8199;
text-decoration:none;
}
.tagCloud a:hover {
color: #4E8199;
text-decoration:underline;
}

/* videos */
.vidSubmenu {

padding: 5px;
text-align: right;
border-bottom: 1px solid #CCC;
}
.vidSubmenu a {
color: #6888CA;
}
.vidSubmenu a:hover {
text-decoration: none;
}


.column-videosPage-left {
float: left;
width: 227px;
position:relative;
top: -22px;
overflow:visible;
z-index:1;
}


.column-video-left {
float: left;
width: 227px;
}

.floatLeft {
float: left;
}
.floatRight {
float: right;
}

.centerHandler {
text-align: center;
overflow: hidden;
}
.centerContent {
margin-left: auto;
margin-right: auto;
width: 100%;
}

.centerText {
text-align: center;
}
.rightText {
text-align: right;
}
.leftText {
text-align: left;
}

.listClear {
clear: both;
}

/* video card */
.vCard {
margin-bottom: 3px;
padding-bottom: 3px;
}
.vCard .base {
text-align: center;
font: 8pt Tahoma, Arial, sans-serif;
color: #000;
}
.vCard .base_left {
text-align: left;
padding: 0 3px 0 3px;
width: 122px;
height: 64px;
}
.vCard .highlight a {
color: #000;
}
.vCard .duration {
float: left;
font-weight: bold;
}
.vCard .rating {
text-align: right;
}
.vCard .title {
width: 122px;
}

.screenshot {
margin: 2px;
padding: 1px;
border: 1px solid #999;
display: block;
background-color: white;
}
.screenshot img {
height: 90px;
width: 120px;
}
.screenshotSmall {
margin: 2px;
padding: 1px;
border: 1px solid #999;
background-color: white;
display: block;
}
.screenshotSmall img{
height: 70px;
width: 90px;
}

#basicViewOptions {
display: inline;
}
#detailedViewOptions {
display: inline;
}

/* lists */
.listItem {    
border-bottom: 1px dotted #999;
width: 100%;
padding: 10px 0 10px 0;
overflow: hidden;
}
.listItem .listScrCol {
width: 128px;
float: left;
}
.listItem .listInfoCol {
margin-left: 135px;
zoom: 1;
color: #000;
}

.listItem3Col {    
border-bottom: 1px dotted #999;
width: 100%;
padding: 10px 0 10px 0;
overflow: hidden;
}
.listItem3Col .listScrCol {
width: 128px;
float: left;
}
.listItem3Col .listInfoCol {
margin-left: 135px;
margin-right: 50px;
zoom: 1;
color: #000;
}
.listItem3Col .listPosCol {
width: 35px;
float: right;
}


.listItemSmall {
width: 100%;
padding: 0 0 3px 0;
overflow: hidden;
}
.listItemSmall .listScrCol {
width: 98px;
float: left;
}
.listItemSmall .listInfoCol {
margin-left: 105px;
zoom: 1;
color: #000;
}

.listItemDefault {    
border-bottom: 1px dotted #999;
width: 100%;
padding: 10px 0 10px 0;
overflow: hidden;
}
.listItemDefault .listScrCol {
width: 98px;
float: left;
}
.listItemDefault .listInfoCol {
margin-left: 108px;
margin-right: 80px;
zoom: 1;
color: #000;
}
.listItemDefault .listActionsCol {
width: 70px;
float: right;
line-height: 17px;
font-size: 10pt;
margin-right: 5px;
text-align: right;
}
.listItemDefault .listActionsCol a {
text-decoration: none;
}
.listItemDefault .listDataCol {
width: 50px;
float: right;
}


.listItemGroup {    
border-bottom: 1px dotted #999;
width: 100%;
padding: 10px 0 10px 0;
overflow: hidden;
}
.listItemGroup .listScrCol {
width: 98px;
float: left;
}
.listItemGroup .listInfoCol {
margin-left: 108px;
margin-right: 120px;
zoom: 1;
color: #000;
}
.listItemGroup .listActionsCol {
width: 110px;
float: right;
line-height: 17px;
font-size: 10pt;
margin-right: 5px;
text-align: right;
}
.listItemGroup .listActionsCol a {
text-decoration: none;
}

.listItemGroupAddVideos {    
border-bottom: 1px dotted #999;
width: 100%;
padding: 10px 0 10px 0;
overflow: hidden;
}
.listItemGroupAddVideos .listChBoxCol {
width: 26px;
text-align: center;
float: left;
padding-top: 27px;    
}
.listItemGroupAddVideos .listScrCol {
width: 98px;
float: left;
}
.listItemGroupAddVideos .listInfoCol {
margin-left: 134px;
zoom: 1;
color: #000;
}


.listInfoCol .title {
font: 14px Tahoma, "Trebuchet MS", Tahoma, Arial, sans-serif;
color: #146898;
}
.listInfoCol .title a {
color: #146898;
text-decoration: none;
}
.listInfoCol .description {
margin: 10px 0 10px 0;
}
.listInfoCol .info {
font: Tahoma, Arial, sans-serif;
color: #000;
line-height: 14px;
}
.listInfoCol .label {
color: #666;
}
.member_information {
width:70px;
float:right;
margin-right:3px;
background: url(/images/dotted_gray.gif) repeat;
padding-bottom:1px;
text-align: justify;
font-weight: normal; 
text-justify: newspaper;
}
.member_information_bold {
width:145px;
float:left;
margin-bottom:1px; 
text-align: right;
font-weight: bold; 

}
.aghani_label{
font-size:12px;
font-weight:bold;
padding:5px;
padding-right:0px;
border: 1px dashed #767c53;
width:100px;
background: #9ca27d url(/images/dotted_gray.gif) repeat-x center;
color:#767c53;float:right;
text-align:right;   
}
.aghani_label_dotted{
background: #9ca27d;
padding-right:5px;

}
.aghani_title{
font-size:12px; 
font-weight:bold;
padding:5px;
white-space:nowrap;
overflow: hidden;
border: 1px dashed #767c53;
border-right: none;
width:552px;
background: #c1c6a7;
float:right;
text-align:right;    
}
.listClear {
clear: both;
}
.clearRight {
clear: right;
}

/* pages */
.pages {
font: 8pt Tahoma, "Trebuchet MS", Tahoma, Arial, sans-serif;    
margin: 5px 0 5px 0;
padding: 5px;
text-align: center;
}
.pages a {
color: #146898;
margin: 0 4px 0 4px;
}
.pages .p {
margin: 0 4px 0 4px;
font-weight: bold;
}

.cell {
border:1px dotted #006600;
padding: 5px;
}

.greyCell {
border:1px solid #CCC;
padding: 5px;
background-color: #F7F7F7;
}

.vidHeader {
font: 18px Tahoma, Arial, sans-serif;
color: #146898;
padding: 0;
margin: 5px 0 5px 0;
}
.cell .sbbar {
border: none;
}
.marginTop5 {
margin-top: 5px;
}
.vidSecheader {
font-family: "Tahoma","Arial";
font-size: 10pt;
font-weight:bold;
text-align:right;
color: #4A4329;
width: 100%;
}

/* info */
.vinfo {
font: bold 8pt Tahoma, Tahoma, Arial, sans-serif;
color: #000;
text-align: right;
}
.stats {
margin: 10px;
}
.stats .vinfo {
font: 8pt Tahoma, "Trebuchet MS", Tahoma, Arial, sans-serif;
color: #000;
line-height: 20px;
}
.vinfo .label {
color: #666;
font-weight: normal;
} 
.vinfo .description {
font-weight: normal;
}

.videoOptions, .videoOptions a {
font: 12px Tahoma, Arial, sans-serif;
color: #146898;
text-decoration: none;
text-align: center;
}

/* rate scale */
.rate {
height: 21px;
display: block;
line-height: 21px;
}
.rate .label {
font: 10pt Tahoma, Arial, sans-serif;
height: 21px;
width: 35px;
line-height: 21px;
display: inline;
}
.rate .stars {
display: inline;
cursor: pointer;
}
.rate .stars img {
vertical-align: top;
}
.votes {
margin-top: 5px;
margin-left: 35px;
width: 110px;
font: 8pt Tahoma, Arial, sans-serif;
text-align: center;
}

/* comments */
.comment {
margin: 5px;  
padding: 5px;
font: 11pt Tahoma, "Trebuchet MS", Tahoma, Arial, sans-serif;
color: #000;
overflow: hidden;
}
.comment .description {
margin-left: 80px;
zoom: 1;
}
.comment .highlight {
font-size: 9pt;
color: #666;
}
.comment .text {
margin-top: 10px;
text-align: right; 
}
#commentForm {
display: none;
}
.commentRateWord {
line-height: 12px;
}
.commentRating {
font-weight: bold;
line-height: 12px;
text-align: right;
}
.commentRatingImg {
text-align: right;
line-height: 12px;

}
.commentRatingImg img {
vertical-align: bottom;
}
.commentRating .plus {
color: #4DB21B;
width:25px;

}
.commentRating .minus {
color: #B21B1B;
width:25px;

}
.commentOptions {
line-height: 12px;
text-decoration: none; 
}

.subcomments { 
margin: 10px 20px 10px 20px;
padding: 3px;
}

.dotBorderTop {
border-top: 1px dotted #666;
}

/* complete box */
.completeBox {
background-color: #c1f0cf;
border: 1px dashed #96c2a3;
color: #468559;
padding: 3px;
direction:rtl;
text-align: center;
}

/* error box */
.errorBox {
background-color: #FFC2C2;
border: 1px solid #AF2D2D;
direction:rtl;
color: #b91313;  
padding: 3px;

text-align: center;
}
.errorBox a {
color: #711B1B;
}


/* tipBox */
.tipBox {
background-color: #FFFFCC;
border: 1px solid #FFCC33;
padding: 5px;
}

.video {
margin: 0 0 5px 0;
}

/* video responses box */
.videoResponses .left {
float: left;
width: 34px;
padding-top: 18px;
}
.videoResponses .centerHandler {
text-align: center;
}
.videoResponses .center {
margin-left: auto;
margin-right: auto;
width: 392px;
}
.videoResponses .right {
float: right;
width: 34px;
padding-top: 18px;
}
#videoResponsesHandler {
height: 130px;
}

.dashBorder {
border: 1px dashed #CCC;
}

.avatarLarge {
margin: 2px;
border: 3px double #999;
float: left;
zoom: 1;
}
.avatarLarge .avatar {
overflow: hidden;
width: 84px;
height: 84px;
background-color: white;
display: block;
text-align: center;
}
.avatarLarge .avatar div {
width: 400px;
margin-left: -158px;
}
.avatarLarge .avatar img{
height: 84px;
}

.avatarSmall {
margin: 2px;
border: 3px double #999;
float: left;
zoom: 1;
}
.avatarSmall .avatar {
overflow: hidden;
width: 54px;
height: 54px;
background-color: white;
display: block;
text-align: center;
}
.avatarSmall .avatar div {
width: 400px;
margin-left: -173px;
}
.avatarSmall .avatar img{
height: 54px;
}

/* subscription */
.subscription {
margin-bottom: 3px;
padding-bottom: 3px;
text-align: center;
}
.subscription .base {
border: 3px double #999;
clear: both;
}

#subscribeHandler {
margin: 5px;
}

.mailboxList .screenshotSmall {
border: 1px solid #999;
background-color: white;
display: block;
padding: 0;
float: left;
margin: 0px;
margin-right: 3px;
zoom: 1;
}
.mailboxList .screenshotSmall img{
height: 23px;
width: 30px;
}
.Mydiwantv
{
background-image: url(/images/MyDiwanTVBG.png);
padding-top: 36px;
padding-bottom: 70px;
width: 650px; 
height: 505px;
padding-left: 55px;
padding-right: 60px;
}

/* green Button */
a.buttongreen{ background: url(/images/green.gif) no-repeat top left;
background-position: left -5.07em;  
display: block;

float: left;
padding-left: 0.96em;
padding-right: 0.96em;  
text-decoration: none;
font-family: Tahoma, Arial, Helvetica, sans-serif;

color:#FFFFFF }
a:visited.buttongreen,a:active.buttongreen{ color: white!important;
}
a.buttongreen span{ background: url(/images/green.gif) no-repeat top right;
display: block;
overflow: hidden;
padding: 0.48em; 
}
a:hover.buttongreen{ background: url(/images/green.gif) no-repeat;
background-position: 0 -109px;
color:#000!important;
}
a:hover.buttongreen span{ background: url(/images/green.gif) no-repeat top right;
background-position: right -163px;
}
/* green Button */
a.buttongreen_lock{ background: url(/images/green_lock.gif) no-repeat top left;
background-position: left -5.07em;  
display: block;
float: left;
padding-left: 0.96em;
padding-right: 0.96em;  
text-decoration: none;
font-family: Tahoma, Arial, Helvetica, sans-serif;
color:#97a58d;
}
a:visited.buttongreen_lock,a:active.buttongreen_lock{ color: #97a58d!important;
}
a.buttongreen_lock span{ background: url(/images/green_lock.gif) no-repeat top right;
display: block;
overflow: hidden;
padding: 0.48em; 
}
a:hover.buttongreen_lock{ background: url(/images/green_lock.gif) no-repeat;
background-position: 0 -109px;
color:#000!important;
}
a:hover.buttongreen_lock span{ background: url(/images/green_lock.gif) no-repeat top right;
background-position: right -163px;
}
/* red Button */
.buttonred_frontpage{ background: url(/images/red.gif) no-repeat top left;
background-position: left -5.07em;
width:20px;
height:25px;
float: left;
display: block; 
padding-left: 0.48em;
padding-right: 0.48em; 
text-decoration: none;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-weight: bold;
}
.buttonred_center_frontpage{ background: #db0303;
margin-top:1px;
width:948px;
height:40px;
float: left;
display: block; 
padding-left: 0.48em;
padding-right: 0.48em; 
text-decoration: none;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-weight: bold;
}
.buttonred_right_frontpage{ background: url(/images/red.gif) no-repeat top right;
background-position: right -163px;
width:20px;
height:25px;
float: right;
display: block; 
padding-left: 0.48em;
padding-right: 0.48em; 
text-decoration: none;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-weight: bold;
}
a.buttonred{ background: url(/images/red.gif) no-repeat top left;
background-position: left -5.07em;
display: block; 
float: left;
padding-left: 0.48em;
padding-right: 0.48em; 
text-decoration: none;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-weight: bold;
color:#000; }
a:visited.buttonred,a:active.buttonred{ color: #000!important;
}
a.buttonred span{ background: url(/images/red.gif) no-repeat top right;
display: block;
padding: 0.48em;
}
a:hover.buttonred{ background: url(/images/red.gif) no-repeat;
background-position: 0 -109px;
color:#000!important; 
}
a:hover.buttonred span{ background: url(/images/red.gif) no-repeat top right;
background-position: right -163px;
}
/* Button Container */
.buttcontainer{ overflow: hidden;
background: url(/images/green_subtabs.gif) repeat;
height: 26px;
float: left;
width: 952px;
}
.buttcontainer1{ overflow: hidden;
background: url(/images/green_subtabs.gif) repeat;
height: 26px;
float: left;
width: 99.4%;
}
.buttcontainer_frontpage{ overflow: hidden;
background: url(/images/green_subtabs.gif) repeat;
height: 0px;
float: left;
width: 958px;
}
#comments_1 h3
{
background: none;
border: none;
color: #336;
font-family: Verdana;
font-size: 11px;
font-weight: bold;
margin: 0; 
}

#comments_1 p
{
font: 11pt Tahoma, "Trebuchet MS", Tahoma, Arial, sans-serif;    
font-weight: bold;
text-align: right;
color: #bfc9a1;
margin: 4px 0 10px 0;
}



#comments_1 .comment2 p
{
margin: 0 0 4px 0;
padding: 0;
color: #000;

font-weight: normal;
}

#comments_1 .comment-footer
{
background: url(/images/comment_footer2.png) no-repeat;
margin:  0px; 
padding-top:2px;
overflow:visible; 
height: 22px;

}

#comments_1 .comment-footer p
{
font: 11pt Tahoma, "Trebuchet MS", Tahoma, Arial, sans-serif;    
font-weight: normal;
text-align: right;
color: #000;
margin: 15px 0 0 43px;
padding-top: 5px;
padding-right: 25px;       
line-height: 200%;
}
#comments_2 h3
{
background: none;
border: none;
color: #336;
font-family: Verdana;
font-size: 11px;
font-weight: bold;
margin: 0; 
}

#comments_2 p
{
font: 11pt Tahoma, "Trebuchet MS", Tahoma, Arial, sans-serif;    
font-weight: bold;
text-align: right;
color: #c9bea1;
margin: 4px 0 10px 0;
}



#comments_2 .comment2 p
{
margin: 0 0 4px 0;
padding: 0;
color: #000;
font-weight: normal;
}

#comments_2 .comment-footer
{
background: url(/images/comment_footer1.png) no-repeat;
margin:  0px; 
overflow:visible; 
height: 22px;
padding-top:2px;

}

#comments_2 .comment-footer p
{
font: 11pt Tahoma, "Trebuchet MS", Tahoma, Arial, sans-serif;    
font-weight: normal;
text-align: right;
color: #000;
margin: 15px 0 0 43px;
padding-top: 5px;
padding-right: 25px;       
line-height: 200%;
}
#comments_aghani_1 h3
{
background: none;
border: none;
color: #336;
font-family: Verdana;
font-size: 11px;
font-weight: bold;
margin: 0; 
}

#comments_aghani_1 p
{
font: 11pt Tahoma, "Trebuchet MS", Tahoma, Arial, sans-serif;    
font-weight: bold;
text-align: right;
color: #bfc9a1;
margin: 4px 0 10px 0;
}



#comments_aghani_1 .comment2 p
{
margin: 0 0 4px 0;
padding: 0;
color: #000;
font-weight: normal;
}

#comments_aghani_1 .comment-footer
{
background: url(/images/comment_footer2.png) no-repeat;
margin: -15px 0 20px 0; 
}

#comments_aghani_1 .comment-footer p
{
font: 11pt Tahoma, "Trebuchet MS", Tahoma, Arial, sans-serif;    
font-weight: normal;
text-align: right;
color: #000;
margin: 15px 0 0 43px;
padding-top: 5px;
padding-right: 25px;       
line-height: 200%;
}
#comments_aghani_2 h3
{
background: none;
border: none;
color: #336;
font-family: Verdana;
font-size: 11px;
font-weight: bold;
margin: 0; 
}

#comments_aghani_2 p
{
font: 11pt Tahoma, "Trebuchet MS", Tahoma, Arial, sans-serif;    
font-weight: bold;
text-align: right;
color: #c9bea1;
margin: 4px 0 10px 0;
}



#comments_aghani_2 .comment2 p
{
margin: 0 0 4px 0;
padding: 0;
color: #000;
font-weight: normal;
}

#comments_aghani_2 .comment-footer
{
background: url(/images/comment_footer1.png) no-repeat;
margin: -15px 0 20px 0; 
}

#comments_aghani_2 .comment-footer p
{
font: 11pt Tahoma, "Trebuchet MS", Tahoma, Arial, sans-serif;    
font-weight: normal;
text-align: right;
color: #000;
margin: 15px 0 0 43px;
padding-top: 5px;
padding-right: 25px;       
line-height: 200%;
}
.fieldset1{
border: 1px  dotted #747e56;
border-color:  #747e56;  
background: #bfc9a1 url(/images/comment_grad2.png) repeat-x; 

position: relative;
}
.fieldset1 legend{
border: 1px dotted #747e56;
background: #bfc9a1 url(/images/comment_grad2.png) repeat-x; 
font: 8pt Tahoma, "Trebuchet MS", Tahoma, Arial, sans-serif;
margin: 0;   
position: absolute;
float: right;
padding: .2em;
top: -.7em;
right: .2em;
}
.fieldset2{
border: 1px  dashed #7e7356;
border-color: #7e7356;  
background: #c9bea1 url(/images/comment_grad1.png) repeat-x;
position: relative; 
}
.fieldset2 legend{
border: 1px dashed #7e7356;
background: #c9bea1 url(/images/comment_grad1.png) repeat-x;
position: absolute;
font: 8pt Tahoma, "Trebuchet MS", Tahoma, Arial, sans-serif;
margin: 0;
float: right;
padding: .2em; 
top: -.7em;
right: .2em;

}
.commenter1{
color:  #747e56;    
}
.commenter2{
color: #7e7356;   
}
}
span.search {
border: 0px;
width: 200px;
margin: 0 auto;
text-align: center;
padding-right: 5px;
background:#bcd0af  url(/images/green_box_body_wide.gif) repeat;
}
fieldset.search {
border: 0px;
width: 200px;
margin: 0 auto;
text-align: center;
padding-right: 5px;
background:#bcd0af  url(/images/green_box_body_wide.gif) repeat;
}
.search input, .search button {
border: 0px;
float: right;
}
.search input.box {
color: #793d19;
font-size: 1.2em;
font-weight: bold;
font-family: tahoma, verdana, arial;
width: 155px;
height: 26px;
padding: 5px 5px 0;
background: #c0c0c0 url(/images/search_bg.gif) no-repeat right top;
margin-right: 12px;
}
.search input.box:focus {
background: #c0c0c0 url(/images/search_bg.gif) no-repeat right -32px;
outline: none;
}
.search input.box:hover {
background: #c0c0c0 url(/images/search_bg.gif) no-repeat right -32px;
outline: none;
}
.search input.btn {
width: 35px;
height: 31px;
cursor: pointer;
text-indent: -9999px;
background: #c0c0c0 url(/images/search_bg.gif) no-repeat top left;    
}
.search input.btn:hover {
background: #c0c0c0 url(/images/search_bg.gif) no-repeat bottom left;    
}
.search button.box:focus {
background: #c0c0c0 url(/images/search_bg.gif) no-repeat right -31px;
outline: none;
}
span.textfields {
border: 0px;
width: 240px;
margin: 0 auto;
text-align: right;   
direction: rtl;
padding-right: 5px;
scrollbar-base-color: #bcd0af;
scrollbar-arrow-color: #bcd0af;
scrollbar-3dlight-color: #927b46;
scrollbar-face-color: #927b46;
scrollbar-highlight-color: #bcd0af;
scrollbar-track-color: #bcd0af;

}
table.textfields {
border: 0px;
width: 240px;
margin: 0 auto;
text-align: right;   
direction: rtl;
padding-right: 0px;
scrollbar-base-color: #bcd0af;
scrollbar-arrow-color: #bcd0af;
scrollbar-3dlight-color: #927b46;
scrollbar-face-color: #927b46;
scrollbar-highlight-color: #bcd0af;
scrollbar-track-color: #bcd0af;

}
span.textfields_small {
border: 0px;
width: 43px;
margin: 0 auto;
text-align: left;   
padding-left: 5px;
scrollbar-base-color: #bcd0af;
scrollbar-arrow-color: #bcd0af;
scrollbar-3dlight-color: #927b46;
scrollbar-face-color: #927b46;
scrollbar-highlight-color: #bcd0af;
scrollbar-track-color: #bcd0af;


}
fieldset.textfields {
border: 0px;
width: 250px;
margin: 0 auto;
text-align: center;
padding-right: 5px;

}
.textfields input, .textfields button {
border: 0px;
float: right;
}
.textfields_small input, .textfields_small button {
border: 0px;
float: right;
}
.textfields input.login {
color: #616161; 
font-size: 1.2em;
font-weight: bold;
font-family: tahoma, verdana, arial;
text-align: right;
width: 144px;
height: 24px; 
padding: 6px 5px 0px 5px;
background: #72955f url(/images/search_bg_login.png) no-repeat right top;
margin-right: 0px;
}
.textfields input.login:focus {
background: #72955f url(/images/search_bg_login.png) no-repeat right -29px;
color: #616161; 
outline: none; 
}
.textfields input.login:hover {
background: #72955f url(/images/search_bg_login.png) no-repeat right -29px;
color: #000; 
outline: none;
}
.textfields input.login:active {
background: #72955f url(/images/search_bg_login.png) no-repeat right -29px;
color: #000; 
outline: none;
}
.textfields input.login_on {
color: #616161; 
font-size: 1.2em;
font-weight: bold;
font-family: tahoma, verdana, arial;
text-align: right;
width: 144px;
height: 24px; 
padding: 6px 5px 0px 5px;
background: #72955f url(/images/search_bg_login.png) no-repeat right -58px; 
margin-right: 0px;
}
.textfields input.login_on:focus {
background: #72955f url(/images/search_bg_login.png) no-repeat right -29px;
color: #616161; 
outline: none; 
}
.textfields input.login_on:hover {
background: #72955f url(/images/search_bg_login.png) no-repeat right -29px;
color: #000; 
outline: none;
}
.textfields input.login_on:active {
background: #72955f url(/images/search_bg_login.png) no-repeat right -29px;
color: #000; 
outline: none;
}
.textfields input.login_key {
color: #616161; 
font-size: 1.2em;
font-weight: bold;
font-family: tahoma, verdana, arial;
text-align: right;
width: 144px;
height: 24px; 
padding: 6px 5px 0px 5px;
background: #72955f url(/images/search_bg_login_key.png) no-repeat right top;
margin-right: 0px;
}
.textfields input.login_key:focus {
background: #72955f url(/images/search_bg_login_key.png) no-repeat right -29px;
color: #616161; 
outline: none; 
}
.textfields input.login_key:hover {
background: #72955f url(/images/search_bg_login_key.png) no-repeat right -29px;
color: #000; 
outline: none; 
}
.textfields input.login_key:active {
background: #72955f url(/images/search_bg_login_key.png) no-repeat right -29px;
color: #000; 
outline: none;
}
.textfields input.login_key_on {
color: #616161; 
font-size: 1.2em;
font-weight: bold;
font-family: tahoma, verdana, arial;
text-align: right;
width: 144px;
height: 24px; 
padding: 6px 5px 0px 5px;
background: #72955f url(/images/search_bg_login_key.png) no-repeat right -58px;
margin-right: 0px;
}
.textfields input.login_key_on:focus {
background: #72955f url(/images/search_bg_login_key.png) no-repeat right -29px;
color: #616161; 
outline: none; 
}
.textfields input.login_key_on:hover {
background: #72955f url(/images/search_bg_login_key.png) no-repeat right -29px;
color: #000; 
outline: none;
}
.textfields input.login_key_on:active {
background: #72955f url(/images/search_bg_login_key.png) no-repeat right -29px;
color: #000; 
outline: none;
}
.textfields input.login_button {
color: #675d17; 
font-size: 1.1em;
font-weight: bold;
font-family: tahoma, verdana, arial;
text-align: right;
width: 91px;
height: 30px; 
padding: 2px 5px 4px 5px;
background:  url(/images/search_bg_login_button.png) no-repeat right -29px;
margin-right: 0px;
}
.textfields input.login_button:focus {
background:  url(/images/search_bg_login_button.png) no-repeat right -29px;
color: #616161; 
outline: none; 
}
.textfields input.login_button:hover {
background:  url(/images/search_bg_login_button.png) no-repeat right top;
color: #000; 
outline: none;
}
.textfields submit.login_button:active {
background:  url(/images/search_bg_login_button.png) no-repeat right -29px;
color: #000; 
outline: none;
}
.browse_button{
background:url(/images/browse_button.png) no-repeat right top;
height:31px;
width:410px;
margin:0px;
margin-left: 120px;


}

.info, .success, .warning, .error, .validation {
height:17px;
border: 1px dashed;
border-right: none;
border-left: none; 
padding:5px 5px 5px 5px;
background-repeat: no-repeat;
font-size: 13px;
background-position: 10px center;
direction:rtl;
z-index:80;
}
.error {
color: #D8000C;
background-color: #FFBABA;
font-weight:normal;
}
.success {
color: #006600;
background-color: #DFF2BF;
font-weight:normal;
}
.photo_id_card{
position:relative; 
z-index: 103;
text-align:right;
}

.photo_id_small{
position:relative;
top:0px;
left:0px;
z-index: 101;
float:left;

}
.award_id_small{
position:relative;
top:67px;
left:10px;
z-index: 101;
float:left;

}
.last_click{
position:relative;
top:18px;
color: #796714;
font:10pt;
left:110px;
font-weight:bold;
z-index: 101;
float:left;

}

.award_id_big{
position:relative;
top:2px;
left:215px;
z-index: 101;
float:left;

}
.photo_id_position{
position:relative;
top: 10px;
left:-81px;
height:1px;
width:1px;
text-align:left;  
float:right;
z-index: 101;
}
.photo_id_position_large{
position:relative;
top: 2px;
left:-140px;
height:1px;
width:1px;
text-align:left;  
float:right;
z-index: 101;
}
.id_card_with{
width:301px;
height:179px;
}
.id_card_with_large{
width:468px;
height:278px;
}
.name_id_card{
float:left; 
position:relative;
text-align:center;
padding-top:7px;
width:220px;
font-size: 13px;
font-weight: bold;
z-index: 104;
color: #000;  

}
.name_id_card_large{
float:left; 
position:relative;
text-align:center;
padding-top:7px;
width:320px;
font-size: 17px;
font-weight: bold;
z-index: 104;
color: #000;  

}
.id_title{
width:220px;
margin-bottom:2px;
float:left;
height:13px;
font-size:12px;
font-weight:normal;
color: #006600;
}
.id_title_large{
width:320px;

margin-bottom:6px;
float:left;
height:13px;
font-size:16px;
font-weight:normal;
color: #006600;
}
.virbages{
text-align:right;
width:98px;
font-size:0.88em;
font-weight: normal;
overflow:hidden;
white-space:nowrap;
float:left;
}
.virbages_large{
text-align:right;
width:450px;
color: #000;
line-height:20px;
font-size:15px;
font-weight: normal;
float:left;
}
.virbage{
text-decoration:line-through;
color: #9d9979;
}  
.virbages_value{
text-align:right;
width:118px;
height:20px;
font-size: 12px;
font-weight: normal;
}
.virbages_dot{
text-align:right;
width:2px;
height:20px;
font-size: 10px;
font-weight: bold;
}

#dhtmltooltips{
position: absolute;
left: -300px;

width: auto;

visibility: hidden;

font-size:12px;
text-align:right;
z-index: 100;

}

#dhtmlpointers{  
margin-top:1px;
margin-left:5px;
position:absolute;
left: -300px;
z-index: 105;
visibility: hidden;

}



.technology{ /*header of 2nd demo*/

cursor: hand;
cursor: pointer;
font: bold 14px Verdana;
width:1px;
}


.openlanguage{ /*class added to contents of 2nd demo when they are open*/

}

.closedlanguage{ /*class added to contents of 2nd demo when they are closed*/

position:relative;
left:10px;
top: -20px;
overflow:visible;
z-index: 2;
} 
.delete_bg{background: url(/images/delete_bg.png) center  no-repeat;}  

#menu_login{ margin:0px; padding:0px; list-style:none; color:#fff; line-height:45px; display:block; float:left; z-index:1000; }
#menu_login a { color:#fff; text-decoration:none; }
#menu_login > li { cursor:pointer; float:left; position:relative;padding:0px;}
#menu_login > li a:hover {color:#B0D730;}
#menu_login .logo {background:transparent none repeat scroll 0% 0%; padding:0px; background-color:Transparent;}
/* sub-menu_logins*/
#menu_login ul { padding:0px; margin:0px; display:block; display:inline;}
#menu_login li ul {    z-index:1002;padding:2px;color: #6a5e27;font-weight:bold;text-align:center; position:absolute; left:10px; top:26px; width:152px;height:51px; line-height:7px; background-color:#172322;background: url(/images/menu_login.png) top left no-repeat; /* for IE */ display:none; }
#menu_login li:hover ul { display:block;}
#menu_login li ul li{ display:block; }
#menu_login li ul li:first-child { border-top: none; }
#menu_login li ul li a { display:block; color:#6a5e27; }
#menu_login li ul li a:hover { color:#6a5e27; }
table.textfields_forum {
border: 0px;
width: 148px;
margin: 0 auto;
text-align: right;   
direction: rtl;
padding-right: 5px;
border:0px;

}         
td.textfields_forum {
border: 0px;
width: 148px;
margin: 0 auto;
text-align: right;   
direction: rtl;
padding-right: 5px;
border:0px;

}        
.textfields_forum input.search_forum {
color: #537139;
font-size: 1em;
font-weight: bold;
font-family: tahoma, verdana, arial;
text-align: right;
width: 148px;
height: 21px;
padding: 5px 5px 0;
background:  url(/images/search_forum_input.gif) no-repeat right top;
margin-right: 2px;
border:0px;
}
.textfields_forum input.search_forum:focus {
background:  url(/images/search_forum_input.gif) no-repeat right -26px;
outline: none;
}
.textfields_forum input.search_forum:hover {
background:  url(/images/search_forum_input.gif) no-repeat right -26px;
outline: none;
}