/* Global Style */

body {
	color: #666666;
	font-size: 14px;
	font-family: Verdana, Geneva, Tahoma, Arial, sans-serif;
	line-height: 1.7;
	min-width: 960px;
	width: 100%;
}

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

a img {
	outline: none;
	border: 0;
}

a:hover {
	color: #0076b3;
	text-decoration: underline;
}

h1 {
	font-family: "Microsoft Yahei", Verdana, Geneva, Tahoma, Arial, sans-serif;
	font-size: 24px;
}

h2 {
	font-family: "Microsoft Yahei", Verdana, Geneva, Tahoma, Arial, sans-serif;
	color: black;
	font-size: 20px;
	font-weight: normal;
	margin: 10px 0 0 0;
	padding: 0;
}

h3 {
	font-family: "Microsoft Yahei", Verdana, Geneva, Tahoma, Arial, sans-serif;
	font-size: 16px;
}

small {
	font-size: 12px;
}

/* Header Part */

#header {
	height: 179px;
	background: url(img/header_bg.png);
}

#logo {
	background: url(img/logo.png) no-repeat;
	height: 179px;
}

#userarea {
	color: white;
	text-align: right;
	height: 69px;
	position: relative;
}

#userarea a  {
	color: white;
	text-decoration: none;
	margin: 0 10px 0 10px;
}

/* For Tooltip, i.e. Usermenu */
.tooltip {
	display: none;
	height: 30px;
	border: 1px dashed white;
}

/* Fancy search form */
#searchform {
	margin: 0 0 0 100px;
	padding: 0;
	height: 60px;
}

#searchbox {
	margin: 0;
	padding: 0;
	width: 350px;
	height: 36px;
	background: url(img/searchform-input.png) no-repeat;
}

#searchform-input {
	background: none;
	font-size: 18px;
	font-family: "Microsoft Yahei", Arial, Verdana, sans-serif;
	margin: 6px 0 6px 6px;
	padding: 0;
	width: 300px;
	height: 24px;
	border: 0;
}

#searchform-button {
	background: none;
	margin: 0;
	padding: 0;
	border: 0;
	width: 40px;
	height: 36px;
	text-indent: -999999px;
	cursor: pointer;
}

/* Navigation */

#navbar {
	padding: 0;
	margin: 0;
	height: 50px;
}

#navbar ul {
	padding: 10px 0 0 0;
	margin: 0 0 0 0;
}

#navbar li {
	display: block;
	float: left;
	margin: 0 6px 0 6px;
}

#navbar li a {
	height: 33px;
	width: 60px;
	padding-top: 7px;
	display: block;
	text-align: center;
	text-decoration: none;
	color: white;
	font-weight:bold;
	text-shadow:0 1px 1px #069;
}

#navbar li a:hover, #navbar li.active a {
	position: relative;
	background: white;
	color: #025681;
}

/* Showcase and mini */

#showcase {
	min-height: 368px;
	background: url(img/showcase_bg.png) repeat-x bottom center;
	padding-bottom: 20px;
}

#showcase_mini {
	background: url(img/showcase_bg_mini.png) repeat-x bottom center;
	padding-bottom: 20px;
}

#showcase_mini h2 {
	color: #0076b3;
}

/* for Spotlight News */

#spotlightnews {
	color: #555555;
	margin-top: 10px;
}

#spotlightnews small {
	color: #666666;
	font-style: italic;
}

#spotlightnews p {
	margin-top: 5px;
	margin-bottom: 5px;
}

#spotlightnews a.download {
	margin-left: 40px;
}

#spotlightnews p.icon {
	text-align: right;
	margin-top: 15px;
}

#screenshot {
	margin-top: 20px;
}

/* Content, to solve XOOPS conflict */

.i2content {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}

/* Blue toolbox */

#toolbox {
	font-family: "Microsoft Yahei", Verdana, Geneva, Tahoma, Arial, sans-serif;
	background: url(img/toolbox.png) no-repeat;
	margin-top: 10px;
	width: 380px;
	height: 73px;
	line-height: 70px;
	font-size: 18px;
}

#toolbox ul {
	margin: 0;
	padding: 0 0 0 25px;
	width: 380px;
}

#toolbox ul li {
	list-style: none;
	display: block;
	float: left;
	margin: 0 10px 0 10px;
	padding: 0;	
}

#toolbox ul li a {
	color: white;
	text-decoration: none;
	border: 0;
}

#toolbox ul li a:hover {
	border-bottom: 2px solid white;
}

/* The list on the homepage */

.newslist {
	margin: 0;
	padding: 0;
}

.newslist li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.newslist li a {
	color: #666666;
}

.newslist small {
	color: #0076b3;
}

/* The blue horizontal line and footer */

#footer-bar {
	background: #017db0;
	height: 2px;
	margin: 20px 0 10px 0;
}

#footer, #footer a {
	color: #666666;
	font-size: 12px;
	text-align: right;
	margin-bottom: 10px;
}

/* Login Overlay */

.loginoverlay {
	color: #666666;
	display:none; 
	z-index:10000; 
	width:550px;     
	min-height:20px; 
	text-align: left;
	background: white;
	padding: 40px 60px 20px 60px;
}

.loginoverlay a {
	color: #0076b3;
}

.loginoverlay form {
	padding: 0;
	margin: 0;
}

.loginoverlay .close { 
	background-image:url(img/close.png); 
	position:absolute; 
	right:-15px; 
	top:-15px; 
	cursor:pointer; 
	height:35px; 
	width:35px; 
}

/* Newpost Area */

#newpost {
	margin-top: 20px;
	margin-bottom: 10px;
}

/* root element for tabs  */
ul.css-tabs {  
	margin: 0 !important; 
	padding: 0;
	height: 30px;
	border-bottom: 1px solid #666;	 	
}

/* single tab */
ul.css-tabs li {  
	float: left;	 
	padding: 0; 
	margin: 0;  
	list-style-type: none;	
}

/* link inside the tab. uses a background image */
ul.css-tabs a { 
	float: left;
	font-size: 13px;
	display: block;
	padding: 5px 30px;	
	text-decoration: none;
	border: 1px solid #666;	
	border-bottom: 0px;
	height: 18px;
	background-color: #efefef;
	color: #777;
	margin-right: 2px;
	-moz-border-radius-topleft:  4px;
	-moz-border-radius-topright: 4px;
	position: relative;
	top: 1px;	
}

ul.css-tabs a:hover {
	background-color: #F7F7F7;
	color: #333;
}
	
/* selected tab */
ul.css-tabs a.current {
	background-color: #fff;
	border-bottom: 1px solid #fff;	
	color: #000;	
	cursor: default;
}

	
/* tab pane */
div.css-panes div {
	display: none;
	border: 1px solid #666;
	border-width: 0 1px 1px 1px;
	min-height: 150px;
	padding: 15px 20px;
	background-color: #fff;	
}


/* XOOPS Message */

#xoops_message {
	margin-top: 100px;
	text-align: center;
}

#xoops_message h2 {
	margin-bottom: 20px;
}

/* Required by XOOPS, copy from inspire 1 */

td#mainmenu a {padding:0; margin:0;}

td#mainmenu a.menuTop {margin-top:0px; padding: 0;}

td#mainmenu a.menuMain {display:block;}

td#mainmenu a.menuSub {display:block;}

td#usermenu a.menuTop {margin-top:0px; padding: 0;}

td#usermenu a {display:block;}

td#usermenu a:hover { }

/* Main Classes for table's sections visualization/discrimination */
.outer { border:1px solid #C9D8ED;}

.head {border-bottom: 1px solid #CECECE; padding: 3px 4px 3px 7px; background-color: #e7f2f7; border-right: 1px solid #CFCFCF; color:#444444; }

.even {background-color:#F3F7FA; padding: 3px 4px 3px 7px; line-height: 16px; border-bottom: 1px solid #D6D6D6; border-top: 0px solid #ffffff; border-right: 1px solid #DCDCDC;}

.odd {background-color:#F9F9F9; padding: 3px 4px 3px 7px; line-height: 16px; border-bottom: 1px solid #D6D6D6; border-right: 1px solid #DCDCDC; border-top: 0px solid #ffffff;}

.foot {padding: 3px 3px; border-top: 1px solid #EEEEEE; border-bottom: 1px solid #DCDCDC; background-color: #FCFCFC; }

tr.even td {padding: 3px 3px; border-bottom: 1px solid #DCDCDC; border-right: 1px solid #DCDCDC;}

tr.odd td {padding: 3px 3px; border-bottom: 1px solid #DCDCDC; border-right: 1px solid #DCDCDC;}

tr.head td { border-bottom: 1px solid #C0C0C0; padding: 4px 5px; font-weight: bold; border-right: 1px solid #C0C0C0; border-left: 0px solid #F5F5F5;}

th { border-bottom: 1px solid #C0C0C0; border-right: 1px solid #C0C0C0; border-left: 1px solid #F5F5F5; background-color: #addbf8; padding: 4px 6px; color:#3C3C3C;}

div#content { text-align: left; width: 100%; }

div.errorMsg { background-color: #FFCCCC; text-align: center; border-top: 1px solid #DDDDFF; border-left: 1px solid #DDDDFF; border-right: 1px solid #AAAAAA; border-bottom: 1px solid #AAAAAA; font-weight: bold; padding: 10px;}
div.confirmMsg { background-color: #DDFFDF; color: #136C99; text-align: center; border-top: 1px solid #DDDDFF; border-left: 1px solid #DDDDFF; border-right: 1px solid #AAAAAA; border-bottom: 1px solid #AAAAAA; font-weight: bold; padding: 10px;}
div.resultMsg { background-color : #CCCCCC; color: #333333; text-align: center; border-top: 1px solid silver; border-left: 1px solid silver; font-weight: bold; border-right: 1px solid #666666; border-bottom: 1px solid #666666; padding: 10px;}

div.xoopsCode { 
	background-color: #FFFFEC; 
	border: 1px dotted #0066CC; 
	font-family: "Courier New", Courier, monospace; 
	padding: 7px 8px 8px 15px; 
	overflow: auto; 
	margin: 6px 0 4px 0;
	max-width:600px;
	max-height:600px;
	font-size: 13px;
}

div.xoopsQuote {
	background-color: #F4FAFF; 
	border: 1px dashed #000080; 
	font-family: "Microsoft YaHei", Verdana, Geneva, Tahoma, Arial, sans-serif;
	padding: 7px 8px 8px 15px; 
	overflow: auto; 
	margin: 6px 0 4px 0;
	font-size:0.9em;
	max-height:600px;
	max-width:600px;
	width:600px;
	font-size: 13px;
}

* html div.xoopsCode, * html div.xoopsQuote {width:600px;}

/* For CBB */

.comText{
	padding: 10px;
	line-height: 1.7;
}

/* Site Slideshow */
/* container for slides */
.i2images {
	border:1px solid #999;
	position:relative;
	height:250px;
	width:380px;
	cursor:pointer;
}

/* single slide */
.i2images div {
	position:absolute;
	top:0;
	left:0;	
	display:none;
	height:250px;
}

/* tabs (those little circles below slides) */
.i2tabs {
	clear:both;
	margin-left:5px;
}

/* single tab */
.i2tabs a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:#999999;
	display:block;
}

/* mouseover state */
.i2tabs a:hover {
	background: #666666;
}

/* active state (current page state) */
.i2tabs a.current {
	background: #666666;
}

/* Styles for pagenav */
#xo-pagenav {
    margin:                 7px 0;
    text-align:             center;

}
#xo-pagenav a {
    text-decoration:        none;
}
#xo-pagenav a:hover {
    color:                  #fff;
    background-color:       #2A75C5;
    border:                 1px solid #2A75C5;
}
.xo-pagact {
    margin:                 0;
    padding:                .2em .5em;
    color:                  #fff;
    background-color:       #2A75C5;
    border:                 1px solid #2A75C5;
}
.xo-counterpage, .xo-pagarrow {
    margin:                 0;
    padding:                .2em .5em;
    color:                  #2A75C5;
    background-color:       #fff;
    border:                 1px solid #2A75C5;
}
.xo-counterpage:hover, .xo-pagarrow:hover {
    color:#fff;
}
.xo-pagarrow {
    letter-spacing:         0.2em;
}

/* Login Page Tab */
.loginpage {
	margin-top: 20px;
}

/* root element for tabs  */
ul.login-tabs {  
	margin: 0 !important; 
	padding: 0;
	height: 30px;
	border-bottom: 1px solid #666;	 	
}

/* single tab */
ul.login-tabs li {  
	float: left;	 
	padding: 0; 
	margin: 0;  
	list-style-type: none;	
}

/* link inside the tab. uses a background image */
ul.login-tabs a { 
	float: left;
	font-size: 13px;
	display: block;
	padding: 5px 30px;	
	text-decoration: none;
	border: 1px solid #666;	
	border-bottom: 0px;
	height: 18px;
	background-color: #efefef;
	color: #777;
	margin-right: 2px;
	-moz-border-radius-topleft:  4px;
	-moz-border-radius-topright: 4px;
	position: relative;
	top: 1px;	
}

ul.login-tabs a:hover {
	background-color: #F7F7F7;
	color: #333;
}
	
/* selected tab */
ul.login-tabs a.current {
	background-color: #fff;
	border-bottom: 1px solid #fff;	
	color: #000;	
	cursor: default;
}

	
/* tab pane */
div.login-panes {
	position: relative;
	border: 1px solid #666;
	border-width: 0 1px 1px 1px;
	height: 100px;
	padding: 0;
	background-color: #fff;	
}

div.login-panes div {
	display: none;
	position: absolute;
	top: 0;
	left: 20px;
}