
/*************************** Main Site Style ******************************/

body{ padding:0px; margin:0px; font-size: 11px; font-family: tahoma; background: url(../iimages/bg.gif) repeat-x; }
body, td, p{ text-align: right; color:#222222; }
a{ color: #0177a8; }
h1, h2, h3{ margin:0px; padding:0px; }
h1.title{ color: #0177a8; font: bold 20px Arial; padding: 0px 5px 2px 0px; border:0px solid red; }
/*h1.title{ color:#ffffff; font: bold 20px Arial; padding: 0px 5px 2px 0px; border:0px solid red; }*/
h3{ color: #FFFFFF; border:1px solid #333333; background: url(../images/shade-header.gif) bottom; padding: 5px; font-size: 12px;}
h3.result{ color: #333; border:0px; background: #fff; padding: 4px 0px; font-size: 12px;}
h3.result a{ color: #0177a8; display: block; }
.result_option { color: #000; border: 1px solid #eee; border-right:0px; border-left:0px; display: block; background: #f6f6f6; padding: 3px; }
input, select, option, textarea{ font-size: 11px; font-family: tahoma; direction: rtl; }

.hint {border:1px solid #f5e082; background: #ffffe5; padding: 5px 15px;}

#header { border-bottom:1px solid #FFFFFF; background: url(../images/shade-header.gif) bottom; }
#header div { height: 70px; }

#middle { background: #0085bc url(../images/bg.gif) repeat-x bottom; position:relative; }
#middle div { background: url(../images/midd-bg.gif) no-repeat bottom center; height:15px; }

#menu { border-bottom:1px solid #CCCCCC; background: #EEEEEE; }
#menu div { height: 30px; }

#header div.width, #middle div.width, #menu div.width, #content div.width { width: 950px; }

.search_area, .search_area table{ text-align: center; direction:rtl; }

.login_area{ direction:rtl; font-size:12px; vertical-align: bottom; text-align: center; padding: 5px 5px 7px 5px; border:0px solid red; line-height: 18px; }
.login_area, .login_area a{ color:white; text-decoration: none; }
.login_area a:hover{ text-decoration: underline; }

.paging{ font-size: 14px; color: #bbb; font-weight: bold; }
.paging a{ padding: 0px 3px; text-decoration: none; }
.paging div{ font-size: 16px; border:0px solid red; display:inline; padding: 0px 3px; }


.menu{ border-left:1px solid #cfcfcf; font: bold 16px Arial; padding: 0px; }
.menu a { color:#222; text-decoration:none; display:block; padding:7px 15px 3px 15px; }
.menu a.selected, .menu a:hover { background: #333 url(../images/shade-header.gif); background-position: bottom; color:#FFFFFF; }

.gallery { text-align:center; border-top:1px #DFDFDF solid; border-bottom:1px #DFDFDF solid; padding:5px 3px; background: #f3f3f3; }
.gallery img { 	padding:3px; margin: 2px 5px; background: #fff; border:1px  #CCCCCC solid; }


#tabslist { border-bottom: 0px solid white; direction: rtl; }
#tabslist td { padding: 3px 1px; color:#fff; margin-left: 0px; border-bottom: 0px solid white; vertical-align:bottom; }
#tabslist td a { color: #fff; font-weight: bold; }
#tabslist td a.tab{ text-decoration: none; padding: 4px 1.2em; margin-left: 0px; border: 1px solid #222; border-bottom: none; color: #fff; background: #666; }
#tabslist td a.tab:link, #tablist li a:visited{ color: #fff; }
#tabslist td a.tab:hover{ background: white; color: #0177a8; }
#tabslist td a.tab.current{ padding-top: 6px; font-size:11px; background: #0384ba url(.../images/tab-bg.gif) repeat-x; font-weight: bold; border: 1px solid #fff; border-bottom: 1px solid #0384ba; color:#fff; }


td.td-action span {float:left;display:none;cursor:pointer;}
td.td-action span:hover {background:url(../images/action.gif) top left no-repeat;}
td.td-action span:active {background:url(../images/action.gif) bottom left no-repeat;}
td.td-active span {float:left;background:url(../images/action.gif) bottom left no-repeat;cursor:pointer;}

td.td-action a {display:block;color:#777;padding: 4px 25px 0px 10px;height:18px;}
td.td-action a:hover {background:url(../images/action-close.gif) top right no-repeat;}
td.td-action a:active {background:url(../images/action-close.gif) bottom right no-repeat; color:#FFF;}
td.td-active a {display:block;color:#FFF;padding: 4px 25px 0px 10px;height:18px;float:left;background:url(../images/action-close.gif) bottom right no-repeat; color:#FFF;}

/*
.action-btn,
.action-btn-hover,
.action-btn-active {float:left;display:none;border:0px solid red;cursor:pointer; position:relative;}
.action-btn-hover {background:url(../images/action.gif) top left no-repeat;}
.action-btn-active {background:url(../images/action.gif) bottom left no-repeat; color:#FFF;}

.action-link,
.action-link-hover,
.action-link-active {font-style:normal;display:block;color:#777;border:0px solid red; padding: 4px 25px 0px 10px;height:18px;}
.action-link-hover {background:url(../images/action-close.gif) top right no-repeat;}
.action-link-active {background:url(../images/action-close.gif) bottom right no-repeat; color:#FFF;}
*/

#news_scroller {
	border: 0px solid red;
	padding: 7px 0px 1px 0px;
	line-height: 16px;
	display: inline;
	float: right;
	position: absolute;
	top: 0px;
	width: 420px;
}

#pscroller{
	height: 20px;
}

#pscroller a{
	text-decoration: none;
	color: #FFFFFF;
}

.new_poll{
	padding-bottom: 13px;
}

.new_poll a{
	text-decoration: none;
	color: #FFF;
	font: bold 16px Arial;
}

#news_scroller {
	border: 0px solid red;
	padding: 10px 0px 0px 0px;
	line-height: 16px;
	display: block;
	float: right;
	position: relative;
	top: 0px;
	width: 450px;
}

.poll{
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	line-height: 16px;
	margin-left: 40px;
}

.poll:hover{
	text-decoration: none;
}


/*********************** Shaded Buttons Style ********************************/
.btn { display: block; position: relative; background: #aaa; padding: 5px; float: right; color: #fff; text-decoration: none; cursor: pointer; }
.btn * { font: bold 12px tahoma; arial; font-style: normal; background-image: url(../images/btn-white.png); background-repeat: no-repeat; display: block; position: relative; }
.btn.black * { background-image: url(../images/btn-black.png); }
.btn i { background-position: top left; position: absolute; margin-bottom: -5px;  top: 0; left: 0; width: 5px; height: 5px; }
.btn span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
.btn span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
.btn span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }

* html .btn span,
* html .btn i { float: left; width: auto; background-image: none; cursor: pointer; }

.btn.search { background: #2ae; font-size:11px; }
* html .btn.search { border-color: #2ae; }
.btn.search:hover { text-decoration:underline; }
.btn.search:active { background-color: #444; }

* html .btn.vote { border-color: #ff7800; }
.btn.vote { background: #ff7800; font-size:12px; }
.btn.vote:hover { text-decoration:underline; }
.btn.vote:active { background-color: #444; }

* html .btn.disbaled { border-color: #fefefe;}
.btn.disbaled { background: #fefefe;}
.btn.disbaled:hover { text-decoration:none;}
.btn.disbaled:active { background-color: #fefefe;}

.btn[class] {  background-image: url(../images/shade-header.gif); background-position: bottom; }

* html .btn { border: 3px double #aaa; }
* html .btn:hover { border-color: #a00; }

/***************************** Rounded Corner *******************************/
.b1, .b2, .b3, .b4{font-size:1px; overflow:hidden; display:block;}
.b1 {height:1px; margin:0 5px;}
.b2 {height:1px; margin:0 3px;}
.b3 {height:1px; margin:0 2px;}
.b4 {height:2px; margin:0 1px;}
.contentb {padding: 0px 0px;}
/**********************************************************************************/