/* 
  Those are the main and generic styles for this theme
*/

body {
  margin:23px 10px 10px 10px;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 12px;
	background-image: url(/images/bg.gif);
	background-repeat: repeat;
}

/* ~ Wrapper  ~ */
.wrapper{width:923px;margin:auto;margin-top:5px;}

/* ~ Top and Bottom images  ~ */
.top{width:923px;height:12px;background:url(/images/top.png);font-size:1px;}
.bottom{width:923px;height:12px;background:url(/images/bottom.png);font-size:1px;margin:0 0 10px 0;}

/* ~ Inner border  ~ */
.inner{width:898px;background:url(/images/wrapper.png) repeat-y left;padding:0 13px 0 12px;}

td, p {
  font-family: Arial, Verdana;
  font-size: 12px;
  margin: 0px;
}

a {
  color: #576413;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

hr {
	clear:both;
	visibility:hidden;
	}
	
img {
  border: none;
}

input, select, textarea {
  font-size: 100%;
  line-height: 150%;
  font-family: Arial, Verdana;
  font-size: 12px;
}

.submit {
  background: #F1F2F4;
  font-family: Arial, Verdana;
  font-size: 12px;
  font-weight: bold;
  color: #717171;
  margin: 1px;
  padding: 3px 5px 3px 5px;
  border: solid 1px #717171;
}

.submit_disabled {
  background: #CCCCCC;
  font: 12px/1.5  Arial, Verdana;
  font-weight: bold;
  color: #999999;
  margin: 1px;
  padding: 3px 15px 3px 15px;
  border: solid 1px #999999;
}

/* Text hilight */
.hilight {
  background-color:#FFFF00; /* #DCE6FF; 
  border-top: 1px solid #2f63b3;
  border-bottom: 1px solid #2f63b3; */
}

/*
  Gauges Styles
*/
#gaugewrapper {
  border: solid 1px #000; 
  width: 100%;
}

#gaugelevel {
  position: relative; 
  left: 0; 
  top: 0; 
  background-color: #CCFF00;
}

#gaugelabel {
  width: 100%; 
  position: relative; 
  top: 0; 
  left: 0; 
  text-align: center;
}

/*
  This small hack will force the main table
  to expand vertically and stretch it so it
  fills the browser viewport.
*/
html,body{
  margin: 0;
  padding: 0;
  height: 100%;
  border: none;
}

.fullheight {
  height: 100%;
}

/*
  The following "homeColorSet" and "footerColorSet"
  styles are color switches for elements that are outside
  the main white-backgrounded area, the home one is
  located on the homepage (which has a dark blue background)
  and the footer covers the bottom of each page which
  is also using a dark blue background color
*/
.homeColorSet1 {
  color: #356AA0;
  font: 12px/1.5 Arial,Verdana;
  font-weight: bold;
}

.homeColorSet2 {
  color: #A4D2FF;
}

.footerColorSet1 {
  color: #666666;
}

.footerColorSet1 a {
  color: #666666;
}

.footerColorSet2 {
  color: #A4D2FF;
}

/* Inkspot styles */
#inkspotMainPostBody {
  position: relative;
  background-color: #F2F5FF;
  padding: 20px;
  width: 660px;
  border: 1px solid #BBD4F9;
}

/* Calendars Styles */
#calendar_emptyday {
  border: #CCCCCC solid 1px;
  text-align: center;
  vertical-align: middle;
  float: left;
  width: 20px;
  height: 18px;
  margin: 1px;
}

#calendar_day {
  border: #CCCCCC solid 1px;
  text-align: center;
  vertical-align: middle;
  float: left;
  width: 20px;
  height: 18px;
  margin: 1px;
}

#calendar_busyDay {
  border: #CCCCCC solid 1px;
  background-color: #D9F098;
  text-align: center;
  vertical-align: middle;
  float: left;
  width: 20px;
  height: 18px;
  margin: 1px;
  color: #2f63b3;
}

#calendar_busyDay a {
  display: block;
  width: 100%;
  height: 100%;
  color: #2f63b3;
  text-decoration: none;
}

#calendar_row {
  clear: both;
}

#calendar {
}

/* Quotes styles */
blockquote {
  margin: 15px 30px 0 10px;
  padding-left: 20px;
  border-left: 5px solid #6699FF;
}

/* Headers */
h1, h2, h3, h4, h5, h6, h7, h8, h9, h10 {
  font-family: Arial, verdana, helvetica, sans-serif;
  padding: 0px;
  margin: 0px;
}

h1 {
  font-size: 16px;
  font-weight: bold;
}

h2 {
  color: #666666;
  font-size: 12px;
  font-weight: bold;
}

h3 {
  color: #658EFD;
  font-size: 16px;
  font-weight: bold;
}

h4 {
  color: #3169A7;
  font-size: 14px;
  font-weight: bold;
}

h5 {
  color: #666666;
  font-size: 10px;
}

h6 {
  color: #2f63b3;
  font-size: 12px;
}

h7 {
  font-size: 16px;
  color: #3D75AC;
}

h8 {
  color: #7D7D7D;
  font: 14px bold "Trebuchet MS", verdana, helvetica, arial, sans-serif;
  font-weight: bold;
}

h9 {
  color: #7D7D7D;
  font-size: 18px;
  font-weight: bold;
}

h10 {
  color: #7D7D7D;
  font-size: 12px;
}

/* Some special form fields classes */
#formTitle_DISABLED {
  font-family: "Lucida Grande", "Trebuchet MS", verdana, helvetica, arial, sans-serif;
  font-weight: normal;
  padding: 0px;
  margin: 0px;
  color: #658EFD;
  font-size: 18px;
  font-weight: bold;
  background-color: #DCE6FF;
  width: 100%;
  border: solid 1px #DCE6FF;
}

.fullwidth {
  width: 100%;
}

#subnavmenu {
  background: #D9F098;
  font-family: Arial, Verdana;
  font-size: 12px;
  color: #576413;
  padding-left: 5px;
}

#subnavmenu a {
  font-family: Arial, Verdana;
  font-size: 12px;
  color: #576413;
  padding-right: 8px;
  padding-left: 8px;
  text-decoration: none;
}

#subnavmenu a:hover {
  font-family: Arial, Verdana;
  font-size: 12px;
  color: #BBBBBB;
  padding-right: 8px;
  padding-left: 8px;
  text-decoration: underline;
  font-weight: bold;
}

/* Navigation menu */
#navigation {
  background: url(/images/titlebg.gif);
  font-family: Arial, Verdana;
  font-size: 12px;
  color: #FFFFFF;
  padding-left: 5px;
}

#navigation a {
  font-family: Arial, Verdana;
  font-size: 12px;
  color: #FFFFFF;
  padding-right: 8px;
  padding-left: 8px;
  text-decoration: none;
}

#navigation a:hover {
  font-family: Arial, Verdana;
  font-size: 12px;
  color: #F8EF04;
  padding-right: 8px;
  padding-left: 8px;
  text-decoration: underline;
  font-weight: bold;
}

#usercontrol {
  background: url(/images/navbg.gif);
  color: #FFFFFF;
  padding-right: 5px
}

#usercontrol a {
  font: 12px bold "Trebuchet MS", verdana, helvetica, arial, sans-serif;
  color: #FFFFFF;
  padding-right: 8px;
  padding-left: 8px;
  text-decoration: none;
  font-weight: bold;
}

/* Copyright */
#copyright {
  font: 10px Arial, Helvetica, sans-serif;
  color: #666666;
}

/* Users pictures */
#picture {
  padding: 2px;
  border: 1px solid #CECECE;
  background-color: #FFFFFF;
}

/* BodyCodePicture */
#bodyCodeImage {
  padding: 2px;
  border: 1px solid #CECECE;
  background-color: #FFFFFF;
}

/* CHAT StyleSheet */
.chatNickEntity {
  clear: both; 
  border-bottom: solid 1px #BBD4F9; 
  padding: 2px; 
  background-color: #DCE6FF;
}

.chatNickEntity:hover {
  clear: both; 
  border-bottom: solid 1px #BBD4F9; 
  padding: 2px; 
  background-color: #BBD4F9;
}

.selectedChatNickEntity {
  clear: both; 
  border-bottom: solid 1px #BBD4F9; 
  padding: 2px; 
  background-color:#FFCC66;
}

#chatContent {
	width: 100%;
	height: 400px;
	overflow: -moz-scrollbars-vertical;
	overflow-y: scroll;
	overflow-x: hidden;
	padding: 5px;
}

#nickList {
  width: 100%;
  height: 400px;
  overflow: -moz-scrollbars-vertical;
  overflow-y: scroll;
  overflow-x: hidden;
  padding: 5px;
}

#shadeWrapper {
  background-color: #000;
  filter: alpha(opacity=40);
  -moz-opacity: .40;
  opacity: .40;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  z-index: 10;
  visibility: hidden;
}

#noShadeContent {
  top: 30%;
  left: 30%;
  filter: alpha(opacity=99);
  -moz-opacity: .99;
  opacity: .99;
  position: absolute;
  z-index: 11;
  visibility: hidden;
  padding: 2px;
  border: 1px solid #CECECE;
  background-color: #fff; 
}

/* TABS STYLESHEET */
.tabberlive .tabbertabhide {
	display:none;
}

.tabber {}

.tabberlive {
	margin-top:1em;
}

ul.tabbernav {
	margin: 2px;
	padding: 3px 0;
	font: 12px Verdana, sans-serif;
}

ul.tabbernav li {
	list-style: none;
	margin: 2px;
	background-color: #FFFFFF;
	display: inline;
}

ul.tabbernav li a {
	padding: 5px;
	border: 1px solid #BBBBBB;
	background-color: #999999;
	text-decoration: none;
}

ul.tabbernav li a:link { 
	color: #FFFFFF; 
}
ul.tabbernav li a:visited {
	color: #FFFFFF;
}

ul.tabbernav li a:hover
{
	color: #FFFFFF;
	border-color: #BBBBBB;
	text-decoration: underline;
}

ul.tabbernav li.tabberactive a {
	color: #888888;
	background-color: #FFFFFF;
}

ul.tabbernav li.tabberactive a:hover {
	color: #888888;
	background-color: #FFFFFF;
	text-decoration: underline;
}

.tabberlive .tabbertab {
	border-top:0;
}

.tabberlive .tabbertab h2 {
	display:none;
}

.tabberlive .tabbertab h3 {
	display:none;
}


.profilebox {
  border: 1px solid #BBBBBB;
}

.greenbox {
  border: 1px solid #67B005;
}

.mainbox {
  border: 2px solid #FFFFFF;
}

.yellowbox {
  border: 1px sold #F8D04A;
}

.bluebox {
  border: 1px solid #009AC3;
}

.greybox {
  border: 1px solid #CCCCCC;
}

.tabbox {
  border: 1px solid #CCCCCC;
  border-top: none;
}

.profilebox2 {
  border: 1px solid #CCCCCC;
  background-color: #F5FAFE;
	font: bold 18px Verdana, sans-serif;
	color: #3D75AC;
}

.sidebox {
  border: 4px solid #F2F2F2;
}

hr {
  color: #fff; 
  background-color: #fff; 
  border: 1px dotted #E5E5E5; 
}

.answerbox {
  border: 1px solid #7CBE18;
  background-color: #ECF3CB;
}

.blogbox {
  border: 1px solid #429BC3;
  background-color: #D2E7F1;
}
 
.eventbox {
  border: 1px solid #A19864;
  background-color: #EBE8D7;
}

.blogtitle {
	font-size: 12px;
	font-weight: bold;
	margin-bottom: .1em;
  color: #064599;
}

.blogcomment {
 color: #FF6600;
}

.blogcomment a {
 color: #FF6600;
 text-decoration: none;
}

.blogcomment a:hover {
 color: #FF6600;
 text-decoration: underline;
}

.whitetitle {
 color: #FFFFFF;
 font-weight: bold;
}

.whitetitle a {
 color: #FFFFFF;
 font-weight: bold;
}

.greentitle {
 color: #0088C8;
 font-weight: bold;
}

.greentitle a {
 color: #0088C8;
 font-weight: bold;
}

.bluetitle {
 color: #0033CC;
}

.bluetitle a {
 color: #0033CC;
}

.headertitle {
 color: #3399CC;
 font-weight: bold;
}

.headertitle a {
 color: #3399CC;
 font-weight: bold;
}

.greentitle {
 color: #529912;
}

.greenetitle a {
 color: #529912;
}

.newstitle a {
 color: #333333;
 font: 13px 宋体;
}

.newstitle {
 color: #333333;
 font: 13px 宋体;
}

.newscontent {
 font: 13px 宋体;
}

.column {
	margin-top: 6px;
	background: #fff url(/images/vrule.gif) repeat-y left top;
}

.sidetitle {
 font: 12px arial, verdana, helvetica, sans-serif;
 color: #999999;
 font-weight: bold;
}

.link {
	color: #0033CC;
	text-decoration: underline;
}

.link a {
	color: #0033CC;
	text-decoration: underline;
}

.link a:link {
	color: #0033CC;
	text-decoration: underline;
}

.link a:visited {
	color: #0033CC;
	text-decoration: underline;
}

.listprice { font-family: arial,verdana,helvetica,sans-serif; text-decoration: line-through; }

.price { font-family: arial,verdana,helvetica,sans-serif; color: #990000; }



/* blog styles */

.bstyle1 {
  background-color:#FFFFFF; 
  border: 1px solid #BBBBBB;
}

.btab1 {
  background-color:#FEEACA;
  color: #5E4830;
  border-bottom: 1px solid #BBBBBB;
}


.bback1 {
  background-color:#F9EDD5;
}

.bstyle2 {
  background-color:#FFFFCC; 
  border: 1px solid #E7AD33;
}

.btab2 {
  background-color:#E8AD35;
  color: #21140A;
  border-bottom: 1px solid #E7AD33;
}

.bback2 {
  background-color:#FFE96F;
}

.bstyle3 {
  background-color:#FDF4D8; 
  border: 1px solid #E38E65;
}

.btab3 {
  background-color:#FBE4D0;
  color: #CB6C54;
  border-bottom: 1px solid #E38E65;
}

.bback3 {
  background-color:#FFFFFF;
}

.bstyle4 {
  background-color:#FFFFFF; 
  border: 1px solid #666666;
}

.btab4 {
  background-color:#B4B4B4;
  color: #000000;
  border-bottom: 1px solid #666666;
}

.bback4 {
  background-color:#FFFFFF;
}

.bstyle5 {
  background-color:#FFFFFF; 
  border: 1px solid #ABE193;
}

.btab5 {
  background-color:#D9F8B9;
  color: #529912;
  border-bottom: 1px solid #ABE193;
}

.bback5 {
  background-color:#E0F3D7;
}

.bstyle6 {
  background-color:#F5FBE4; 
  border: 1px solid #BBBBBB;
}

.btab6 {
  background-color:#D9F098;
  color: #576413;
  border-bottom: 1px solid #BBBBBB;
}

.bback6 {
  background-color:#F7F3D6;
}

.button{height:34px;text-align:center;clear:both;}
.button input{width:71px;height:21px; background: url(/images/button.gif); no-repeat;border:0;margin:3px 0 0 0;color: #FFFFFF; font-weight: bold;}