body {
margin:0;
font-family:tahoma;
}
.head {
background:url(layouts/bg.gif);
width:100%;
height:137px;
margin:0;
padding:0;
}
.header {
width:980px;
margin:0 auto;
height:137px;
border-bottom:1px dashed #ccc;
}
.logo {
width:120px;
height:137px;
background:url(layouts/logo.png) center no-repeat;
float:right;
}
.text {
width:360px;
height:130px;
background:url(layouts/text.png) center bottom no-repeat;
float:right;
}
.headLeft {
width:495px;
height:137px;
}
.space1 {
height:57px;
width:495px;
}
.timeDate {
width:220px;
height:24px;
margin-left:10px;
font-size:11px;
color:#555;
border-bottom:1px dashed #CCC;
}
.timeDate span {
float:right; 
height:24px; 
line-height:200%;
margin-left:10px;
}
.searchField {
height:29px; 
margin-left:10px;
margin-top:15px;
}
.srchB {
background:url(layouts/searchButton.png); 
width:29px; 
height:29px; 
border:0; 
margin:0; 
float:left;
cursor:pointer;
}
.srchF {
direction:rtl;
background:url(layouts/bg_input.gif) center no-repeat;
width:180px; 
border:0; 
height:24px; 
padding:0 5px; 
margin:0; 
float:left; 
margin-top:3px;
}
.menuContainer {
width:980px;
margin:0 auto;
}
.centerFull {
float:left;
width:100%;
}
.center {
width:980px;
margin:30px auto 0 auto;
}
.footer {
background:#f0f0f0 url(layouts/foot_bg.gif) top repeat-x;
width:100%;
margin:20px auto 0 auto;
padding:0;
float:left;
border-top:1px dashed #000;
}
.footer_container {
width:980px;
margin:0 auto;
color:#767678;
padding:16px 0 0 0;
font:12px tahoma;
}
.powered {
width:280px;
height:30px;
float:left;
}
.flinks {
width:680px;
float:left;
text-align:right;
direction:rtl;
}
.footer_list {
padding:0;
margin:0;
}
.footer_list li {
float:right;
display:block;
width:95px;
}
.footer_list li a, .oli {
text-decoration:none;
color:#333;
}
.footer_list li a:hover, .oli:hover {
color:#CCC;
}
.left{float:left; width:450px; border:0px solid black;}
.left_view {float:left; width:250px; border:0px solid black; text-align:center;}
.space2{float:left;width:10px; border:0px solid black;}
.right{float:left; width:514px; border:0px solid black; margin-left:14px;}
.right_view{float:left; width:720px; border:0px solid black;}
.right_reg{float:left; width:630px; border:0px solid black;}
.left_reg{float:left; width:340px; border:0px solid black;}
/*-------------------------------------topmenu--- */

ul.menu-nav {
padding:0 0 0  0 !important;
margin:0 0 0 0 !important;
zoom:1;
z-index:100;
background:url(layouts/menu_bg.gif) 0 0 no-repeat !important;
width:100%;
height:49px;
direction:rtl;
}

ul.menu-nav li	{
	display:block; 
	float:right;
	margin:0 1px 0 0;
	padding:0 28px 0 1px !important;
	position:relative;
}
ul.menu-nav li a  {
	border:none;
	text-decoration:none !important;
	float:left;
	margin:0 0 0 0;
	padding:0 0 0 0;
	display:block;
	color:#fff;
}
ul.menu-nav li a:hover, ul.menu-nav li.active a {
	
}
ul.menu-nav li a strong	{
	display:block; 
	font-size:15px;
	text-decoration:none;
	padding:14px 0 8px;
	font-weight:normal;
	color:#fff
}
ul.menu-nav li a:hover strong,  ul.menu-nav li.active a  strong {
	color:#cda82f;
}*/
/* ul.menu-nav li a:hover span, ul.menu-nav li a:hover span, ul.menu-nav li.active a,  ul.menu-nav li.active a span, #current li a span{ color:#eb3f5b; text-decoration:none; font-weight:normal;}
-------------------hover-active----*/

/* Drop-down menu */

.ulwrapper  {
	display: none; 
	position:absolute;
	padding:7px 0 12px 0;
	z-index:350;
	margin:39px 0 0 0 !important;
	*margin:39px 0 0 0 !important;
}

.ulwrapper  .ulwrapper {
	display: none;
	position:absolute;
	padding:0 0 4px 0 !important;
	z-index:350;
	margin:0 0 0 0 !important;
	*margin:0 0 0 0 !important;
}
.ulwrapper ul{ padding:5px 0 5px 0 !important; margin:0 !important; width:126px; position:relative; background:#323336 }
.ulwrapper .ulwrapper ul{ padding:0 0 0 0 !important; margin:0 !important; width:126px; position:relative; background:#323336}
.ulwrapper ul li{ width:126px; list-style:none; margin:0 !important; padding:0 !important; background:#323336 !important}
.parent .ulwrapper ul li, .parent .ulwrapper ul li a, .parent .ulwrapper ul li a strong{
    direction:rtl;
	color:#fff !important;
	font-size:12px!important;
	font-weight:normal !important;
	float:none;
	height:auto;
	height:1% !important 
}

.parent .ulwrapper ul li a strong{ padding:7px 5px 7px 1px !important;  display:inline-block  !important; font-weight:normal !important; height:1%; line-height:12px; text-transform:none;  color:#fff; width:120px; text-align:right; margin:0 !important;}
.parent .ulwrapper ul li.active a strong{ font-weight:normal !important; background:#5e5e60 !important; color:#fff !important}
.ulwrapper ul li a{ padding: 0 !important; background:none !important}
.ulwrapper ul li a:hover{ color:#b5ccde !important; display:block; padding:0 !important; margin:0 !important}
.ulwrapper  .ulwrapper ul li a:hover strong{ color:#000 !important; display:block}
.ulwrapper ul li a:hover strong{ font-weight:normal !important; background:#5e5e60 !important; color:#fff !important}

.ulwrapper  {
	display: none;
    position:absolute;
	padding:7px 0 12px 0;
	z-index:350;
	margin:39px 0 0 0 !important;
	*margin:39px 0 0 0 !important;
}


/* EOF Drop-down menu */

/*tabs*/
.container {width:512px; margin:0 auto 0 auto; float:right;}
ul.tabs {
	margin: 0;
	padding: 0;
	float: right;
	list-style: none;
	height: 32px;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
	width: 100%;
}
ul.tabs li {
	float: right;
	margin: 0;
	padding: 0;
	height: 31px;
	line-height: 31px;
	border: 1px solid #999;
	border-right: none;
	margin-bottom: -1px;
	background: #e0e0e0;
	overflow: hidden;
	/*position: relative;*/
}
ul.tabs li a {
    font-family:Tahoma;
	text-decoration: none;
	color: #000;
	display: block;
	font-size: 11px;
	padding: 0 20px;
	border: 1px solid #fff;
	outline: none;
}
ul.tabs li a:hover {
	background: #ccc;
}	
html ul.tabs li.active, html ul.tabs li.active a:hover  {
	background: #fff;
	border-bottom: 1px solid #fff;
}
.tab_container {
	border: 1px solid #999;
	border-top: none;
	clear: both;
	float: right; 
	width: 100%;
	background: #fff;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}
.tab_content {
	padding: 0px;
	font-size: 11px;
	direction:rtl;
}
.tab_content h2 {
    text-align:right;
	font-weight: normal;
	padding-bottom: 10px;
	border-bottom: 1px dashed #ddd;
	font-size: 1.8em;
}
.tab_content h3 a{
	color: #254588;
}
.tab_content img {
	float: right;
	margin: 6px;
	border: 1px solid #ddd;
	padding: 5px;
}
/*tabs EOF*/

/*----------------------------------------login-form---*/

.module-login	{
	background:url("layouts/loginform/box2-top.gif") no-repeat 0 0 #7492bf;
	width:218px;
	direction:rtl;
}
.module-login .first{
	background:url("layouts/loginform/box2-bottom.gif") no-repeat 0 bottom;
	width:100%;
}
.module-login .sec{
	padding:1px 20px 0px 23px;
}
.module-login .box-indent {
	padding:4px 0 4px 0;
}

.boxtop-login {
	background:url("layouts/loginform/box2-top2.gif") no-repeat right 0;
	height:13px;
	line-height:13px;
}
/*-------------------title----*/

.module-login h3	{
	border-bottom:1px solid #16284e;
	color:#1f427f;
	font-size:15px;
	font-weight:bold;
	font-family:Tahoma;
	padding:12px 0px 7px 7px;
	margin:0px 0px 0px 0px;
}

/*-----------------content----*/

.module-login label {
	color:#fff !important;
	font:normal 11px Tahoma !important;
	display:block;
	padding:5px 0px 2px 0px;
}
.module-login p, 
label.remember{
	color:#fff !important; 
	font-size:11px; 
	font-weight:normal;
	padding:0px 0px 0px 0px;
}
.module-login a	{
	color:#fff;
	font-family:tahoma;
	font-size:11px; 
	font-weight:normal; 
	line-height:120%;
	text-decoration:none;
}
.module-login a:hover {
	color:#fff; 
	text-decoration:underline;
}
.module-login a:visited	{
	color:#fff;
}
.module-login .inputbox { /* inputbox */
	background:url("layouts/loginform/login-bg.gif") no-repeat 0 0;
	border:none;
	color:#888;
	font-size:11px;
	margin:0px 0px 5px 0px;
	padding:3px 0px 3px 5px;
	vertical-align:middle;
	width:158px;  
	direction:ltr;
}
* html .module-login .inputbox {
	height:21px;
	width:163px;
}
.module-login .button	{ /* button */
	background:url("layouts/loginform/login.gif") no-repeat 0 0;
	border:none;  
	color:#1368a9;
	font:bold 12px tahoma, Arial, Helvetica, sans-serif; 
	line-height:14px;
	margin:0px 0px 3px 0px;
	padding:1px 0px 5px 10px;
	text-align:left;
	width:64px;       
} 
* html .module-login .button {
	width:64px;
	height:22px;
	padding:2px 0px 0px 10px;
}
.button-logout {
	background:url("layouts/loginform/login.gif") no-repeat 0 0;
	border:none;
	padding:3px 0px 5px 3px;
	color:#1368a9;
	text-align:left;
	font:bold 12px Arial, Helvetica, sans-serif;
	width:64px;
}
#mod_login_remember	 { /* checkbox */
	background:#fff; 
	border:none; 
	display:block;
	float:left; 
	margin:0px 10px 0px 0px; 
	vertical-align:middle;  
	width:12px;
	height:12px
}

/*announce bultion*/
.loginBox {
width:220px;
float:left;
}
.space3{float:left;width:10px;}
.ann {
width:220px;
height:250px;
float:left;
border:0px solid black;
}
.ann_top {
background:url("layouts/h3_back4.gif");
height:43px;
color:#1f427f;
font:Bold 15px Tahoma;
text-align:right;
line-height:280%;
}
.ann_bottom {
background:url("layouts/box_bottom.gif");
height:7px;
}
.scroll-pane {
background-color:#edf4f9;
direction:rtl;
color:#444;
font:12px tahoma;
border:0px solid black;
width: 100%;
height: 200px;
overflow: auto;
}
.textdd {padding:6px 6px 0 6px; text-align:justify;}

.free-pane {
background-color:#edf4f9;
direction:rtl;
color:#444;
font:12px tahoma;
border:0px solid #ccc;
width: 100%;
height: 200px;
overflow: hidden;
}
/*round mag*/
.roundabout-holder {
list-style: none;
width: 50%;
height: 190px;
margin: 8px auto 0 auto;
}

.roundabout-moveable-item {
height: 190px;
width: 121px;
border: 1px solid #222;
background-color: #f3f3f3;
font-size: 11px;
text-align:center;
cursor: pointer;
overflow:hidden;
}
.roundabout-in-focus {
cursor: auto;
}
/*--------------------*/

.list_box {
border-bottom:1px dashed #CCCCCC; 
float:right; 
width:502px; 
margin:8px 3px 5px 3px;
padding-bottom:4px;
}
.list_title {
background:url(layouts/icons/arrowbullet.png) right no-repeat;
padding-right:20px;
font-size:13px;
float:right;
width:480px;
}
.list_title a {color:#333; text-decoration:none;}
.list_title a:hover {color:#000; text-decoration:underline;}
.list_body {
text-align:justify; 
float:right; 
width:100%; 
margin-top:4px; 
line-height:150%;
}
.weather {font:11px tahoma; float:left; width:400px;}
.weather ul li {width:130px; height:135px; border:1px solid #FFF; background-color:#ededed;}
.weather ul li p {margin:0; padding:0; text-align:center; width:100%; direction:rtl; margin-top:2px;}
.weather ul li p#blue {color:#0066CC;}
.weather ul li p#red {color:#FF0000;}
.weather ul li p#tit {background-color:#1788dc; color:#FFFFFF; font:bold 16px arial;}
.weatherFooter {
width:438px;
float:left;
background-color:#CCC;
text-align:right;
direction:rtl;
font:10px tahoma;
padding:6px;
color:#333;
}
.weatherRightArrow {
float:left;
height:137px;
background-color:#000000;
}
.weather_title {
width:450px; float:left; margin-top:20px;
}
.weatherTit {
width:438px; border:6px solid #CCC; float:left;
}
.dailyBoxP1 {
width:180px; 
float:right; 
background: url(layouts/Clock.png) right no-repeat; 
font:7.4pt tahoma; 
line-height:220%; 
padding-right:28px; 
border-bottom:1px dashed #CCC;
}
.dailyBoxP2 {width:206px; float:right; background: url(layouts/icons/Icon-09.png) top right no-repeat; margin-top:10px;}
.dailyBoxP2 #tit {color:#5b5542; font-weight:bold; margin:4px 30px 0 0; padding:0 0 4px 0; border-bottom:1px dashed #CCC;}
.dailyBoxP2 #con {font:11px tahoma; line-height:140%; margin:9px 0 0 0; padding:0; width:96%;}
.DailyBoxP3 {width:206px; float:right; background: url(layouts/icons/Icon-11.png) top right no-repeat; margin-top:10px;}
.DailyBoxP3 #tit {color:#5b5542; font-weight:bold; margin:4px 30px 0 0; padding:0 0 4px 0; border-bottom:1px dashed #CCC;}
.DailyBoxP3 #con {font:11px tahoma; line-height:140%; margin:9px 0 0 0; padding:0; width:96%;}
.DailyBoxP4 {width:206px; float:right; background: url(layouts/icons/Icon-11.png) top right no-repeat; margin-top:10px;}
.DailyBoxP4 #tit {color:#5b5542; font-weight:bold; margin:4px 30px 0 0; padding:0 0 4px 0; border-bottom:1px dashed #CCC;}
.DailyBoxp4 #con {font:11px tahoma; line-height:140%; margin:9px 0 0 0; padding:0; width:96%;}
.DailyBoxList {width:76%;}
.DailyBoxList li {margin-bottom:6px;}

.box {float:right;}

.box_header {width:100%; height:55px; float:left;}
.box_header_top_left {width:65px; height:55px; background:url(layouts/page-border/small-logo.gif) no-repeat right; float:left;}
.box_header_top_right {width:12px; height:55px; float:left;}
.box_header_top {float:left; background:url(layouts/page-border/top.gif) repeat-x; height:55px;}

.box_footer {width:100%; float:left; height:24px;}
.box_footer_left {height:24px; width:13px; float:left; overflow:hidden;}
.box_footer_right {height:24px; width:12px; float:left; overflow:hidden;}
.box_footer_bottom {height:24px; float:left; background:url(layouts/page-border/bottom.gif) repeat-x;}

.box_content {width:100%; float:left; background:url(layouts/page-border/left.gif) repeat-y left;}
.box_content_2 {width:100%; float:left; background:url(layouts/page-border/right.gif) repeat-y right; border:0px solid blue;}
.box_content_left {float:left; width:13px; background:url(layouts/page-border/left.gif) repeat-y;}
.box_content_center {direction:rtl; width:87%; margin:0 auto; border:0px solid black;}
.box_content_right {float:left; width:12px; background:url(layouts/page-border/right.gif) repeat-y;}
.box_content_center_full {direction:rtl; width:92%; margin:0 auto; border:0px solid black;}

#crumbs {
border:1px solid #dedede;
height:2.3em;
direction:rtl;
text-align:right;
font-size:11px;
}
#crumbs li {
float:right;
line-height:2.3em;
padding-right:.75em;
color:#777;
direction:rtl;
text-align:right;
}
#crumbs li a {
display:block;
padding:0 0 0 15px;
background:url(layouts/crumbs.gif) no-repeat left center;
text-align:right;
}
#crumbs li a:link, #crumbs li a:visited {
text-decoration:none;
color:#777;
}
#crumbs li a:hover, #crumbs li a:focus {
color:#dd2c0d;
}

.link_red {
color: #CC0000;
font-size : 11px;
font-family : Tahoma,Verdana,Arial;
text-decoration:none;
}
.link_red:hover {color: #A20212;}
.links {
color: #333333;
font-size : 11px;
font-family : Tahoma,Verdana,Arial;
text-decoration:none;
}
.links:hover { color: #990000; text-decoration: none;}

.tdclass { /*for navigation*/
border-style:solid;
border-width:1px;
border-color:#666666;
margin: 0px 2px 0px 2px;
padding: 2px 1px 3px 1px;
text-decoration:none;
color:#666666;
font: 11px tahoma;
}
.tdcclass {
background-color:#CCCCCC;
color:#CC9900;
}
.tdclass:hover {
color:#CC9900;
background-color:#CCCCCC;
}
.userBoxFreeHeight {
float:right; 
width:227px;
overflow:hidden; 
border:1px dashed #999; 
margin:8px;
}
.userBox {
float:right; 
width:227px;
height:70px;
overflow:hidden; 
border:1px dashed #999; 
margin:8px;
}
.userTitle {
float:right;
width:219px;
direction:rtl;
text-align:right;
font:bold 13px tahoma;
margin-bottom:6px;
border-bottom:1px dotted #ccc;
padding:4px;
}
.userImg {
width:70px;
height:70px;
float:right;
overflow:hidden;
}
.userDes {
float:right;
width:157px;
overflow:hidden;
}
.userDes ul {
direction:rtl;
margin:5px 7px 0 0;
padding:0;
list-style-position:inside;
border:0px solid black;
list-style-type:square;
}
.userDes ul li {
margin:0;
padding:0;
float:right;
width:100%;
height:18px;
overflow: hidden;
}
.userDes ul li a {
font:11px tahoma;
text-decoration:none;
color:#333;
}
.userDes ul li a:hover {
text-decoration:underline;
color:#0308c5;
}
.tel {font-size:11px; letter-spacing:1px;}
.userSearchPane {
float:right;
width:942px;
border:1px dotted #888;
background-color:#E9E9E9;
margin-right:10px;
margin-bottom:3px;
padding:8px;
text-align:right;
font:11px tahoma;
direction:rtl;
}
.tik {margin-left:22px;}
.regTag {
float:right; width:28%; text-align:center; margin-top:8px;
}
.regInput {
float:right; width:72%; margin-top:8px;
}
.regDes {
border:1px dashed black; 
margin:12px 0 0 0; 
text-align:right; 
direction:rtl; 
padding:5px; 
font:12px tahoma;
}
.regToDo {
list-style-position:inside; 
list-style-type:decimal;
margin:0 8px 0 0;
padding:0;
}
.regToDo li {
margin-bottom:7px;
line-height:150%;
}
.regBut {
font:Bold 14px tahoma;
}
.regForm input[type="text"] {
width:250px;
}
.regForm input, .regForm select {font:12px tahoma;}
.regForm select option {margin-bottom:5px;}
.result {
font:bold 13px tahoma;
color:#000;
border:1px solid #FF0099;
margin-top:15px;
}
.result ul {
font:11px tahoma;
list-style-position:inside;
margin:10px 16px 10px 0;
padding:0;
}
.result ul li {
margin-bottom:3px;
}
.album {
float:right;
width:190px;
border:1px dotted #CCC;
margin:10px;
}
.sampImg {
float:right;
width:180px;
height:150px;
overflow:hidden;
margin:5px;
}
.albumTitle {
float:right;
width:190px;
margin:0 5px 5px 5px;
text-align:center;
}
.albumTitle a{
font:11px tahoma;
text-decoration:none;
color:#333333;
}
.listImgs {
float:right;
padding:5px;
border:1px dotted #CCC;
margin:10px;
}
.loadAjax {
font:12px tahoma;
width:940px;
padding:20px;
direction:rtl;
/*background:url(layouts/ajax-loader.gif) no-repeat right;*/
border:0px solid black;
float:right;
}
/*Modal window*/
#mask { 
position:fixed; /* important */
top:0px; /* start from top */
left:0px; /* start from left */
height:100%; /* cover the whole page */
width:100%;  /* cover the whole page */
display:none; /* don't show it '*/          
/* styling bellow */
background-color: black; 
}
.modal_window{
position:absolute; /* important so we can position it on center later */
display:none; /* don't show it */
/* styling bellow */
color:white;
}
/* style a specific modal window  */
#modal_window {
padding:8px;
border:3px solid #b9c9fe;
background: #F3F3F3;
color:black;
font:12px tahoma;
}
/*Modal window End*/