table 
{
width: 100%; 
margin: 5; 
padding: 5; 
font-size: 13px; 
border-collapse: collapse;
 background: White;

}
table td 
{
padding: 0; 
 
vertical-align: top; 
font-family: "Simplified Arabic",tahoma,Verdana, Arial, Helvetica ;
text-align: justify;
font-size:15px;
 padding-right: 0px;

}

div#content 
{
text-align: right; 
padding: 3px; 
font-size:14px;

}
div#content td { 

padding: 1px;

}

body 
{
color: white; 
background: White repeat-x;
margin: 0; 
padding: 0;
background-image: url(images/bg.png);
}
a 
{
color: #00008B; 
text-decoration: none; 
background-color: transparent;
}
a:hover 
{
color: Blue;
text-decoration: none; 
background-color: transparent;
}

td {
	font-family: "Simplified Arabic","tahoma","Arial", "Helvetica", "sans-serif";
	color: #030709;
	font-size: 12px;
	font-weight: normal;
	line-height: 25px;
}
input 
{
  color: #1D4974;
  width: auto;
  font-family:tahoma,"Simplified Arabic", Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 12px;
}
textarea
{
  width: auto;
  color: #1D4974;
}
select 
{
  width: auto;
  font-family: "Simplified Arabic",Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #1D4974;
} 
img { border: 0;}
.img-wrapper img {
  background:#fff;
  padding:4px;
  border: 1px solid #00008B;

}

ul 
{ 
margin: 2px; 
padding: 3px; 
list-style: square inside; 
text-align: justify;
 font-weight: bold;
}

li 
{ 
margin-right: 0px; 
color: #00008B;
line-height: 20px;
}
/*---------------------------------------基本定义-------------------------------------*/
.frame
{	
 width: 1000px;
 border-left: 0px solid #8B8B8B;
 border-right:0px solid #8B8B8B;
 border-bottom: 0px solid Yellow;
 background-color: White;

}

.outer 
{
border: 1px dotted #006400;
}

.even 
{
background-color: #9CC4C4; 
padding: 1px;
vertical-align: middle;
line-height: 32px;
}

.odd 
{
background-color: #E5EBFB; 
padding: 1px;
vertical-align: middle;
line-height: 32px;
}

th {
	background-color: #AED75B;
	text-align: right;
	padding: 3px;
	color: #236B43;
	border-bottom: 1px solid #2D4C4C;
}
.head {
	background-color: #F6F8FA;
	padding: 1px;
	font-weight: bold;
	}
.foot {
	background-color: #F6F8FA;
	padding: 3px;
	text-align: center;
	color: #4682B4;

}
.footer {
	border: 1px solid #A0B8CC;
	background-color: #F6F8FA;
	padding: 5px;
	text-align: center;
	color: #33648E;
	line-height: 13px;

}

/*---------------------------------------代码引用-------------------------------------*/
div.errorMsg 
{ 
background-color: #CCE6FF; 
text-align: center; 
border-left: 1px solid #D9E3EB;
border-bottom: 1px solid #D9E3EB;
border-right: 1px solid #D9E3EB;
border-top: 1px solid #F6F8FA;
font-weight: bold; 
padding: 10px;
}
div.confirmMsg 
{ 
background-color: #DDFDFF; 
color: #136C99; 
text-align: center; 
border-left: 1px solid #D9E3EB;
border-bottom: 1px solid #D9E3EB;
border-right: 1px solid #D9E3EB;
border-top: 1px solid #F6F8FA;
font-weight: bold; 
padding: 1px;
}
div.resultMsg
{ 
background-color : #136C99; 
color: white; 
text-align: center;
font-weight: bold;
border-left: 1px solid #D9E3EB;
border-bottom: 1px solid #D9E3EB;
border-right: 1px solid #D9E3EB;
border-top: 1px solid #F6F8FA; 
padding: 1px;
}

div.syriawebCode 
{ 
background: #FFFFFF; 
border: 1px inset #000080; 
font-family: "Courier New",Courier,monospace; 
padding: 0px 6px 6px 6px;
direction: ltr; text-align: left;
}
div.syriawebQuote 
{ 
background: #FFFFFF; 
border: 1px inset #000080; 
font-family: "Courier New",Courier,monospace; 
padding: 0px 6px 6px 6px;
}

td#usermenu a {
	font-size: 15px;
	font-weight: bold;
	padding: 0px 10px 0px 0px;
	border-left: 1px solid #8B0000;
	border-bottom: 1px solid #D9E3EB;
	border-right: 3px solid #8A4500;
	border-top: 1px solid #F6F8FA;
	width: auto;
	color: #5D2F00;
	line-height: 25px;
	
}
td#usermenu a:hover {
	background-color: #FAE9DC;
	text-decoration: none;
	padding: 0px 5px 0px 10px;
	border-left: 1px solid Blue;
	border-bottom: 1px solid #D9E3EB;
	border-right: 3px solid #FF4500;
	border-top: 1px solid #F6F8FA;
	color: #8B0000;
}
td#usermenu a.menuTop {
	text-decoration: none;
	border-top: 1px solid #D9E3EB;
}
td#usermenu a.highlight 
{
background-color: #CCE6FF;
border-right: 3px solid #259826;
}

/*---------------------------------------区块定义-------------------------------------*/
.block_table
{ 
   width: 100%;
}
.right_block_table { width: 200px;}
.left_block_table { width: 158px;}
.cc_block_table { width: 99%; }
.cl_block_table { width: 100%; }
.cr_block_table { width: 100%; }
.content_table { width: 99%; }
/*---------------------------------------左 区 块-------------------------------------*/
.--------------- right{}
.right_block {
	width: 200px;
	background-image: url(images/rig.jpg);
	background-repeat: repeat-x;
	border-left: 0px dashed #E0E9EF;
	
}
.right_block_title {
	color: #F4F4FF;
	font-weight: bold;
	font-size: 13px;
	padding-top: 0px;
	padding-right: 0px;
	background-image: url(images/rig.jpg);
	background-repeat: no-repeat;
	width: 200px;
	height: 24px;
vertical-align: middle;
	text-align: center;
}
.right_block_content {
	line-height: 13px;
	width: 200px;
	padding: 0px;
}

/*---------------------------------------右 区 块-------------------------------------*/
.-------------- left{}
.left_block{
	width: 158px;
	background-image: url(images/lig.jpg);
	background-repeat: repeat-x;
	border-left: 0px dashed #E0E9EF;
}
.left_block_title {
	color: #F4F4FF;
	font-weight: bold;
	font-size: 14px;
	padding-top: 0px;
	padding-right: 0px;
	background-image: url(images/lig.jpg);
	background-repeat: no-repeat;
	width: 158px;
	height: 24px;
vertical-align: middle;
	text-align: center;
}
.left_block_content {
	line-height: 13px;
	width: 158px;
	padding: 0px;
}
/*---------------------------------------中央区块-------------------------------------*/
.-------------- conter{}
.conter_block{
	width: 100%;
}
.conter_block_title {
	color: #3A3A3A;
	font-weight: bold;
	font-size: 13px;
	padding-top: 4px;
	padding-right: 10px;
	width: 100%;
	height: 24px;
	background-image: url(images/ce.jpg);
	text-align: center;
	vertical-align: middle;
}

.conter_block_title_r {
	color: White;
	font-weight: bold;
	font-size: 11px;
	padding-top: 4px;
	padding-right: 10px;
	background-image: url(images/natal_20.jpg);
	background-repeat: repeat;
	width: 100%;
	height: 14px;
	background-color: #F6F8FA;
}

.conter_block_content {
	padding: 8px 4px;
	background: #FFFFFF;

}

.cc_block_title {
	color: White;
	font-weight: bold;
	font-size: 11px;
	padding-top: 4px;
	padding-right: 10px;
	background-image: url(images/natal_15.jpg);
	background-repeat: repeat;
	width: 91%;
	height: 14px;
	background-color: #F6F8FA;
}
.cc_block_content {
	padding: 5px 5px;
	text-align: justify;
	background: #FFFFFF;
	line-height: 17px;

}
.cl_block_title {
	color: White;
	font-weight: bold;
	font-size: 13px;
	padding-top: 4px;
	padding-right: 10px;
	background-image: url(images/natal_15.jpg);
	background-repeat: repeat;
	width: 90%;
	height: 14px;

}
.cl_block_content {
	padding: 0px 0px;
	text-align: justify;
	background: White;
	line-height: 17px;

}
.conter_content {
	background: #FFFFFF;
}

.-------------- com{}
.comTitle {font-weight: bold; margin-bottom: 2px;}
.comText {padding: 2px;}
.comUserStat {font-size: 11px; color: #33648E; font-weight:bold; border: 1px solid #F0FFFF; background-color: #ffffff; margin: 2px; padding: 2px;}
.comUserStatCaption {font-weight: normal;}
.comUserStatus {margin-right: 2px; margin-top: 10px; color: #33648E; font-weight:bold; font-size: 11px;}
.comUserRank {margin: 2px;}
.comUserRankText {font-size: 11px; font-weight:bold;}
.comUserRankImg {border: 0;}
.comUserName {}
.comUserImg {margin: 2px;}
.comDate {font-weight: normal; font-style: italic; font-size: 11px;}
.comDateCaption {font-weight: bold; font-style: normal;}

.-------------- news{}
.item {}
.itemHead {
	background-color: transparent;
	color: #952626;
	padding: 2px;
	font-weight: bold;
	text-align: center;
	font-size: 17px;

}
.itemInfo {
	text-align: left;
	padding: 3px;
	color: #33648E;
}
.itemTitle a {font-size: 13px; font-weight: bold; background-color: transparent;  color: #A52A2A; }
.itemTitle a:hover {font-size: 13px; font-weight: bold; background-color: transparent;  color: #5152FF; }
.itemPoster {}
.itemPostDate {}
.itemStats {}
.itemBody {text-align: right}
.itemText {
   font-size: 14px;
	margin-top: 7px;
	margin-bottom: 7px;
	line-height: 30px;
	
}
.itemText:first-letter {}

.itembanner
{
 width: 775px;
 border-left:1px solid #608CB3;
 border-right:1px solid #608CB3;
}

.itembanner2
{
 background-image: url(images/natal_26.jpg);
 background-repeat: repeat;
 vertical-align: middle;
}


.itemFoot 
{
   font: oblique;
	color: White;
	text-align: center;
	vertical-align: middle;
	background-image: url(images/natal_30.jpg);
	background-repeat: repeat;
}

.itemFoot a
{
   font: oblique;
	color: White;
}

.itemFoot a:hover
{
   font: oblique;
	color: Yellow;
}

.itemAdminLink {}
.itemPermaLink {}
/*---------------------------------------论    坛-------------------------------------*/
.------------- forum 
.sf_modulename
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;

}


.b_rtop{ background: url(images/b_rtop.gif) repeat; height: 8px;width: 8px; }
.b_ltop{ background: url(images/b_ltop.gif) repeat; height: 8px;width: 8px; }
.b_rbot{ background: url(images/b_rbot.gif) repeat; height: 8px;width: 8px; }
.b_lbot{ background: url(images/b_lbot.gif) repeat; height: 8px;width: 8px; }

.b_top{ background: url(images/b_top.gif) repeat; height: 8px; }
.b_bottom{ background: url(images/b_bot.gif) repeat; height: 8px; }
.b_right{ background: url(images/b_right.gif) repeat; width: 8px; }
.b_left{ background: url(images/b_left.gif) repeat; width: 8px; }





.myCorner  { background-color: #DDDDDD; text-align: center;  width: 180px;  vertical-align: middle;  height: 180px;        }
.slideshow { width: 153px;  }
.slideshow img { padding: 2px; border: 1px solid #ccc; background-color: #eee; width: 153px;}





table.dataTable {
	width: 100%;
	border-collapse: collapse;
}

table.dataTable th.dataTableHeader {
	color: #fff;
	background-color: #052d92;
	padding: 5px;
	border: #fff 1px solid;
	text-align: right;
}

table.dataTable td {
	padding: 5px;
	border-style: solid;
	border-width: 1px 1px 0 1px;
	border-color: #ccc #fff #ccc #fff;
}

table.dataTable td a {
	padding-right: 5px;

}

table.dataTable tr.odd_row {
	background-color: #e4f2fb;
}

table.dataTable tr.even_row {
	background-color: #f8f8f8;
}

table.dataTable tr.odd_row:hover,
table.dataTable tr.even_row:hover,
table.dataTable tr.odd_row:hover a,
table.dataTable tr.even_row:hover a {
	background-color: #FFD900;
}

table.dataTable tr.odd_row:hover a:hover,
table.dataTable tr.even_row:hover a:hover {
}

table.dataTable th.dataTableHeader a,
table.dataTable th.dataTableHeader a:link,
table.dataTable th.dataTableHeader a:active,
table.dataTable th.dataTableHeader a:visited {
	color: #fff;
	display: block;
	text-decoration: none;
}

* html table.dataTable th.dataTableHeader a {
	width: 100%;
}

table.dataTable th.dataTableHeader a:hover {
	text-decoration: underline;
}

table.dataTable {
	border-bottom: 1px solid #fff;
}

table.dataTable thead td,
table.dataTable tfoot td.dataTableFooter {
	border: 0;
	padding: 0;
}

ul.dataTablePagination {
	margin: 0 0 0 -1px;
	border-style: solid;
	border-color: #fff;
	border-width: 1px 1px 0 1px;
	padding: 5px;
}


* html ul.dataTablePagination {
	margin: 0;
}

ul.dataTablePagination li {
	display: inline;
}

ul.dataTablePagination li.currentPage {
	font-weight: bold;
}

/* for stuff like: You are viewing items 1 through 10 of 16. */
span.dataTableDisplayInfo {
	display: block;
	float: right;
	margin: 5px 5px 5px 0;
}


.image-wrapper img{
  overflow:hidden;
  width: 100px;
 height: 100px;
}




div#container {
	overflow: hidden;
}
div.content {
	display: none;
	clear: both;
}

div.content a, div.navigation a {
	text-decoration: none;
}
div.content a:hover, div.content a:active {
	text-decoration: underline;
}

div.navigation a.pageLink {
	height: 77px;
	line-height: 77px;
}

div.controls {
	margin-top: 5px;
	height: 23px;
}
div.controls a {
	padding: 5px;
}
div.ss-controls {
	float: left;
}
div.nav-controls {
	float: right;
}

div.slideshow-container,
div.loader,
div.slideshow a.advance-link {
	width: 510px; /* This should be set to be at least the width of the largest image in the slideshow with padding */
}

div.loader,
div.slideshow a.advance-link,
div.caption-container {
	height: 502px; /* This should be set to be at least the height of the largest image in the slideshow with padding */	
}

div.slideshow-container {
	position: relative;
	clear: both;
	float: left;
	height: 532px;
}

div.loader {
	position: absolute;
	top: 0;
	left: 0;
	background-image: url('images/loader.gif');
	background-repeat: no-repeat;
	background-position: center;
}
div.slideshow span.image-wrapper {
	display: block;
	position: absolute;
	top: 30px;
	left: 0;
}
div.slideshow a.advance-link {
	display: block;
	line-height: 502px; /* This should be set to be at least the height of the largest image in the slideshow with padding */
	text-align: center;
}

div.slideshow a.advance-link:hover,
div.slideshow a.advance-link:active,
div.slideshow a.advance-link:visited {
	text-decoration: none;
}
div.slideshow a.advance-link:focus {
	outline: none;
}

div.slideshow img {
	border-style: solid;
	border-width: 1px;
}
div.caption-container {
	float: right;
	position: relative;
	margin-top: 30px;
}
span.image-caption {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}

div.caption-container, span.image-caption {
	width: 334px;
}

div.caption {
	padding: 0 12px;
}

div.image-title {
	font-weight: bold;
	font-size: 1.4em;
}
div.image-desc {
	line-height: 1.3em;
	padding-top: 12px;
}
div.download {
	margin-top: 8px;
}
div.photo-index {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 0 12px;
}
div.navigation-container {
	float: left;
	position: relative;
	left: 50%;
}
div.navigation {
	float: left;
	position: relative;
	left: -50%;
}
div.navigation a.pageLink {
	display: block;
	position: relative;
	float: left;
	margin: 2px;
	width: 16px;
	background-position:center center;
	background-repeat:no-repeat;
}
div.navigation a.pageLink:focus {
	outline: none;
}

ul.thumbs {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
}
ul.thumbs li {
	float: left;
	padding: 0;
	margin: 2px;
	list-style: none;
}
a.thumb {
	padding: 1px;
	display: block;
}
a.thumb:focus {
	outline: none;
}
ul.thumbs img {
	border: none;
	display: block;
}
div.pagination {
	clear: both;
	position: relative;
	left: -50%;
}
div.pagination a, div.pagination span.current, div.pagination span.ellipsis {
	position: relative;
	display: block;
	float: left;
	margin-right: 2px;
	padding: 4px 7px 2px 7px;
	border: 1px solid #ccc;
}
div.pagination a:hover {
	text-decoration: none;
}
div.pagination span.current {
	font-weight: bold;
}
div.pagination span.ellipsis {
	border: none;
	padding: 5px 0 3px 2px;
}

div.gallery-gutter {
	clear: both;
	padding-bottom: 20px;
}