body {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	margin: 0px;
	padding: 0px;
	text-align:center;
	background-color:#5ba0d6;
}
* {margin:0px;padding:0px;}
.clear{clear:both;}
#container {
	margin: 0px auto;
	text-align: left;
	width: 979px;
}
#header {
	background-image:url('images/header.jpg');
	width:979px;
	height:232px;
	display:block
}
#border {
	background-image:url('images/border.gif');
	background-repeat: repeat-y;
	width:979px
}
#main {
	background-image:url('images/contentbg.gif');
	background-color:#B6D6F0;
	background-repeat: repeat-x; margin-left:10px; margin-right:12px; margin-top:0px; margin-bottom:0px
}
#left {
	width:200px;
	float:left;
	display:inline;
	background-image:url('images/contentbg.gif');
	background-color:#B6D6F0;
	
}
#right {
	float:right;
	width:650px;
}
/***************** Content ***********************/
.content {
	width:650px;
	margin-left:0px; margin-right:50px; margin-top:0px; margin-bottom:0px
}

.content p {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: bold;
	color: #003a65;
	margin-left:1px; margin-right:50px; margin-top:0px; margin-bottom:0px;
	padding: 10px 0px 0px 6px;
	font-weight:900;
}
.content a {
	color:#2e260f;
}
.content a:hover {
	color:#cf0002;
}

}
.product h3 {
	background-image:url('images/products.gif');
	background-repeat:no-repeat;
	width:530px;
	height:33px;
	text-indent:700px;
	overflow:hidden;
	border-bottom: 1px dashed #2e2304;
	margin-left:0px; margin-right:0px; margin-top:10px; margin-bottom:15px; padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:10px
}
.product a {
	border: 1px solid #6698bd;
	display:inline;	
	float:left;
	margin: 6px 0px 6px 11px;
}
.product a:hover {
	border: 1px solid #c40000;
}
.product img {
	border: 6px solid #ffffff;
}
/***************** Menu ***********************/
#menu {
    background-color:#ABE4FE;
	background-image:url('images/menu.gif');
	width:200px;
	height:1800px;
	margin-left:0px
}
#menu ul {
	padding: 1px 0px 0px 0px;
	width:200px;
	margin-left:2px;
}
#menu li {
	
	background-repeat: no-repeat;
	background-position: right center;
	border-bottom: 1px dotted #2e2304;
	list-style-type: none;
	text-align:right; padding-left:0px; padding-right:30px; padding-top:4px; padding-bottom:4px
}
#menu a {
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	font-weight: 900;
	color: #2e260f;
	text-decoration: none;
	font-size: 12px;
	
}
#menu a:hover {
	color:#c40000;
}
.lastchild{
	border-bottom: none !important;
}
#menubottom {
	background-image:url('images/menubottom.jpg');
	background-repeat:no-repeat;
	width:200px;
	height:76px;
	margin-left:0px
}
#menubottom ul {
	padding: 20px 0px 0px 0px;
	width:200px;
	margin-left:15px;
}
#menubottom li {
	float:left;
	display:inline;
	width:77px;
	text-align:center;
}
#menubottom a {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-weight: bolder;
	font-size:10px;
	color: #6e6b53;
	text-transform: uppercase;
}
#menubottom a:hover {
	color:#c40000;
}
/***************** Footer ***********************/
#footer {
	background-color:#8bcaef;
	background-image:url('images/borderfooter.gif');
	height:74px;
	width:979px
}
#footerend {
	background-image:url('images/borderfooterend.gif');
	background-repeat: no-repeat;
	width:979px;
	height:9px;
	display:block
}
#copyright {
	background-image:url('images/copyright.jpg');
	background-repeat:no-repeat;
	width:220px;
	height:43px;
	display:inline;
	margin-left:10px;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: 800;
	color: #463d16;
	text-align:center; padding-left:20px; padding-right:20px; padding-top:30px; padding-bottom:0px
}
#copyright a {
	font-family: Arial, Helvetica, sans-serif;
	color: #463d16;
}
#payment {
	float:left;
	display:inline;
	margin: 10px 0px 20px 135px;
}
#payment img {
	border: none;
}















#xo-page {}

/* hypertext links */
a {
	text-decoration: none;
	color: #234304;
}
a:hover {
	color: #000000;
	 text-decoration: underline;
}






/* forms */
button, input[type="submit"], input[type="button"] { 
 background:url('images/but.gif') repeat-x bottom ;  
 padding : 3px;  color : #fff;  font-size : .8em;  
 font-weight : bold;  border : medium none;} 
 
input {
	font-size: 90%;
	color: #244800;
	border: 1px solid #244800;
	margin-bottom: 4px;
	
}





.block_table
{ 
   width: 100%;
}
.left_block_table { width: 150px;}
.right_block_table { width: 150px;}
.cc_block_table { width: 98%; }
.cl_block_table { width: 96%; }
.cr_block_table { width: 96%; }
.content_table { width: 98%; }
/*---------------------------------------×ó Çø ¿é-------------------------------------*/
.--------------- left{}
.left_block {
	width: 158px;
	background-image: url('images/www.jpg');
	background-repeat: repeat-x;
	border-right: 1px dashed #FFFFFF

}
.left_block_title {
	color: #000000;
	font-weight: bold;
	font-size: 14px;
	text-align:center;
	padding-top: 4px;
	padding-left: 0px;
	background-color : #6eb2fa;
	background-image: url('images/p0oink_10.jpg');
	background-repeat: repeat-x;
	width: 158px;
	height: 20px
}
.left_block_content {
	line-height: 16px;
	width: 158px;
	padding: 4px;
}

/*---------------------------------------ÓÒ Çø ¿é-------------------------------------*/
.-------------- right{}
.right_block{
	width: 150px;
   border-left: 1px dashed #D9F2DE;
	background-image: url('images/grdverde.jpg');
	background-repeat: repeat-x
}
.right_block_title {
	color: #000000;
	font-weight: bold;
	font-size: 14px;
	text-align:center;
	padding-top: 4px;
	padding-left: 0px;
	background-color : #6eb2fa;
	background-image: url('images/p0oink_20.jpg');
	background-repeat: repeat-x;
	width: 180px;
	height: 20px
}
.right_block_content {
	padding: 4px;
	line-height: 16px;
	width: 180px;
}

/* center blocks */
.centercol {
	background-color: #b6d6f0;
	padding-left: 10px;
	padding-right: 10px;
	text-align: right;
}
.centercolb {
	padding-left: 10px;
	padding-right: 10px;
	text-align: right;
}

.centercol .blockContent a {
}
.centercol .blockContent a:hover {
}
.centercol .blockTitle h2, .centercolb .blockTitle h2 {

	color: #000000;
	font-weight: bold;
	text-align: right;
    background-color: #5ba0d6;
	font-family:"Arabic Transparent";  
    font-size: 18px; 
	padding: 5px;

}
.centercol .blockContent, .centercolb .blockContent {
	color: #333333;
	padding-top: 7px;
	font-size: 18px; 
	margin-bottom: 10px;
	background-color: #b6d6f0;
	padding-left: 8px;
	padding-right: 8px;
	}
.centercol li {
}
#centercolumn { float: right;  padding: 0 5px 0 5px; background-color: transparent; text-align: right;}
#centercolumn th {
	color: #666666;
	vertical-align: middle;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #99c4e7;
}
#centerCcolumn, #bottomCcolumn { background-color: #b6d6f0; padding: 0px 3px 1px 3px;}
#centerLcolumn, #bottomLcolumn {background-color: #b6d6f0; width: 50%; padding: 5px 0px 8px 8px;}
#centerRcolumn,  #bottomRcolumn {background-color: #b6d6f0; width: 50%; padding: 5px 8px 8px 0px;}

div#content { background-color: #b6d6f0; text-align: right;}

/* content module page */
#xo-content {
  text-align: justify;
  padding: 8px;
}










#mainmenu a {
    width: 130px;
	border-bottom:1px solid #CCCCCC; display: block;
	margin: 0;
	padding: 2px;
	font-weight: bold;
	background-image: url('images/butt_menu_1.gif');
	background-repeat: no-repeat;
	background-position:  right 10%;
}
#mainmenu a:hover {
	background-image: url('images/butt_menu_2.gif');
	background-repeat: no-repeat;
	background-position:  right 50%;
	color: #000000;
	background-color: #F7E0AE;
	text-decoration: none
}
#mainmenu a.menuTop, #mainmenu a.menuMain {padding-right: 16px; }
#mainmenu a.menuSub {padding-right: 30px; } /*19px*/

#usermenu a {
         width: 130px;
		border-bottom:1px solid #CCCCCC; display: block;
	margin: 0;
	font-weight: bold;
	background-image: url('images/butt_menu_1.gif');
	background-repeat: no-repeat;
	background-position:  right 50%;
	padding-right: 16px; padding-left:2px; padding-top:2px; padding-bottom:2px
}
#usermenu a:hover {	background-image: url('images/butt_menu_2.gif');
	background-repeat: no-repeat;
	background-position:  right 50%;
	color: #000000;
	background-color: #b6d6f0;
	text-decoration: none}
#usermenu a.menuTop {padding-right: 16px;}
#usermenu a.highlight {
	background-color: #b6d6f0;
	color: #FFFFFF;
}




/* tables and cells */
table {width: 100%;}
table td {
  padding: 0;
  border-width: 0;
  vertical-align: top;
}
th {
  background: #5ba0d6;
  vertical-align : middle;
  color: #333333 !important;
  padding: 5px;
  font-family:Tahoma;
}
.outer {}
.head {
  background-color: #99c4e7;
  font-weight: bold;
  font-family:"Arabic Transparent";
  padding: 5px;
}
.even {
  background-color: #99c4e7;
  padding: 5px;
}
.odd {
  background-color: #b6d6f0;
  padding: 5px;
}
.foot {
  background-color: #5ba0d6;
  padding: 5px;
  font-weight: bold;
  font-family:"Arabic Trasnparent";
}
tr.even td {
  background-color: #99c4e7;
  padding: 5px;
}
tr.odd td {
  background-color: #b6d6f0;
  padding: 5px;
}

/* core messages */
.errorMsg {
  background-color: #FFCCCC;
  text-align: center;
  border-top: 1px solid #DDDDFF;
  border-right: 1px solid #DDDDFF;
  border-left: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
  font-weight: bold;
  font-family:"Arabic Trasnparent";
  padding: 10px;
}
.confirmMsg {
  background-color: #DDFFDF;
  color: #136C99;
  text-align: center;
  border-top: 1px solid #DDDDFF;
  border-right: 1px solid #DDDDFF;
  border-left: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
  font-weight: bold;
  font-family:"Arabic Trasnparent";
  padding: 10px;
}
.resultMsg {
  background-color: #c1c1c1;
  color: #333;
  text-align: center;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  font-weight: bold;
  font-family:"Arabic Transparent";
  border-left: 1px solid #666;
  border-bottom: 1px solid #666;
  padding: 10px;
}

/* codes and quotes */
.xoopsCode  {
  background-color: #b6d6f0;
  border: 1px inset #000080;
  font-family:"Arabic Transparent";;
  max-height: 200px;
  overflow: auto;
}
.xoopsQuote {
  background-color: #b6d6f0;
  border: 1px inset #000080;
  font-family:"Arabic Transparent";
  padding: 0 6px 6px 6px;
}  

/* articles */
.item {margin-bottom: 15px;}
.itemHead {
  padding: 3px;  
  color: #b6d6f0;
  font-size: 1.2em;
  color: #333333;
  font-family:"Arabic Transparent";
}
.itemInfo {
  text-align: left;
  padding: 3px;
  background-color: inherit;
  font-family:"Arabic Trasnparent";
}
.itemTitle a {
  font-size: 1.1em;
  font-weight: bold;
  font-family:"Arabic Transparent";
  color: #333333;
}
.itemPoster {
  font-size: 1.1em;
  font-family:Tahoma;
}
.itemPostDate {
  font-size: .9em;
  font-family:Tahoma;
}
.itemStats {
  font-size: .9em;
  font-family:Tahoma;
}
.itemBody {padding-right: 5px;}
.itemText {
  font-size: .9em;
  font-family:Tahoma;
  font-family:"Arabic Transparent";
  color: #333333;
  margin-top: 5px;
  margin-bottom: 5px;
  line-height: 1.5em;
}

.itemFoot {
  text-align: left;
  padding: 3px;
  color: #FF0000;
  background-color: #b6d6f0;
}
.itemAdminLink {font-size: 1.1em;color: #FF0000;font-family:"Arabic Trasnparent";}
.itemPermaLink {font-size: 1.1em;color: #FF0000;font-family:"Arabic Trasnparent";}

/* forums */
.comTitle {
  font-weight: bold;
  margin-bottom: 2px;
  font-family:"Arabic Transparent";
}
.comText {padding: 2px;}
.comUserStat {
  font-size: 10px;
  font-family:"Arabic Transparent";
  font-weight:bold;
  border: 1px solid #ccc;
  background-color: #b6d6f0;
  margin: 2px; padding: 2px;
}
.comUserStatCaption {font-weight: normal;}
.comUserStatus {
  margin-right: 2px;
  margin-top: 10px;
  color: #639ACC;
  font-weight:bold;
  font-family:"Arabic Transparent";
  font-size: .8em;
}
.comUserRank {margin: 2px;}
.comUserRankText {font-size: .8em;font-weight:bold;}
.comUserRankImg {border: 0px none;}
.comUserName {}
.comUserImg {margin: 2px;}
.comDate {
  font-weight: normal;
  font-style: italic;
  font-size: .8em
}  
.comDateCaption {
  font-weight: bold;
  font-style: normal;
  font-size: .8em
}
.signature {
  font-size:.8em;
  font-style:italic;
}
#featured{ 
	width:710px; 
	padding-left:265px; 
	position:relative; 
	border:5px solid #c5d7a5; 
	height:250px; 
	background: url('images/top-bg.gif') repeat-x top;
}
#featured ul.ui-tabs-nav{ 
	position:absolute; 
	top:0; right:710px; 
	list-style:none; 
	padding:0; margin:0; 
	width:250px; 
}
#featured ul.ui-tabs-nav li{ 
	padding:1px 0; padding-right:13px;  
	font-size:12px; 
	color:#666; 
}
#featured ul.ui-tabs-nav li img{ 
	float:right; margin:2px 5px; 
	background:#b6d6f0; 
	padding:2px; 
	border:1px solid #eee;
}
#featured ul.ui-tabs-nav li span{ 
	font-size:11px; font-family:Verdana; 
	line-height:18px; 
}
#featured li.ui-tabs-nav-item a{ 
	display:block; 
	height:60px; 
	color:#333;  background:#fff; 
	line-height:20px;
}
#featured li.ui-tabs-nav-item a:hover{ 
	background:#f2f2f2; 
}
#featured li.ui-tabs-selected{ 
	background:url('img/selected-item.gif') top right no-repeat;  
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{ 
	background:#ccc; 
}
#featured .ui-tabs-panel{ 
	width:710px; height:250px; 
	background:#999; position:relative;
}
#featured .ui-tabs-panel .info{ 
	position:absolute; 
	top:180px; right:0; 
	height:70px; 
	background: url('img/transparent-bg.png'); 
}
#featured .info h2{ 
	font-size:18px; font-family:Verdana; 
	color:#fff; padding:5px; margin:0;
	overflow:hidden; 
}
#featured .info p{ 
	margin:0 5px; 
	font-family:Verdana; font-size:11px; 
	line-height:15px; color:#f0f0f0;
}
#featured .info a{ 
	text-decoration:none; 
	color:#fff; 
}
#featured .info a:hover{ 
	text-decoration:underline; 
}
#featured .ui-tabs-hide{ 
	display:none; 
}
#pad {height:140px;}