/* -----------------------------------------------------------------------

 CSS Framework 0.8

   * Sureson Global Css
   * Author: Stingna Zhou
   * Date: 2009-1-1
   * Version: 1.1
   * Contact: stingna@gmail.com

----------------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
label,form,  fieldset, legend
table, caption, tbody, tfoot, thead, tr, th, td,input,select {margin: 0;padding: 0;border: 0; outline: 0;font-weight: inherit;font-style: inherit;font-family: inherit;vertical-align: baseline;}

:focus {outline: 0;}
input, textarea, select{font-family: inherit;font-size: inherit;font-weight: inherit;}
input, textarea, select{ *font-size:12px;}


body {font-size: 75%;color: #555;background: #fff url('../images/body-bg.jpg') repeat-x;font-family: "Lucida Grande", Arial, Helvetica, sans-serif;line-height: 1.5;}
body.no-menu{background: #fff url('../images/body-bg.jpg') repeat-x 0px -30px;}

a img {border: none;}
a:focus, a:hover {color: #060;}
a {color: #060;text-decoration: none;}
a:hover {color: #090;text-decoration: underline;}

h1, h2, h3, h4, h5, h6 {font-weight: normal;color: #060;}
h1 {font-size: 3em;line-height: 1;margin-bottom: 0.5em;}
h2 {font-size: 2em;margin-bottom: 0.75em;}
h3 {font-size: 1.5em;line-height: 1;margin-bottom: 1em;}
h4 {font-size: 1.2em;line-height: 1.25;margin-bottom: 1.25em;}
h5 {font-size: 1em;font-weight: bold;margin-bottom: 1.5em;}
h6 {font-size: 1em;font-weight: bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin: 0;}
p {margin: 0 0 1.5em;}
p.right {text-align: right;}
p img.left {float: left;margin: 1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float: right;margin: 1.5em 0 1.5em 1.5em;}

table {border-collapse: collapse;border-spacing: 0; margin:0px }
/*table {border-collapse: collapse;border-spacing: 0;margin-bottom: 1.4em;width: 100%;clear: both;}*/
tfoot {font-style: italic;}
caption, th, td {text-align: left;vertical-align: middle;padding: 4px 10px 4px 5px;}
caption {background: #eee;}
th {font-weight: bold;}
thead th {background: #c3d9ff;}
tr.even td {background: #e5ecf9;}

li ul, li ol {margin: 0 1.5em;}
ul, ol {margin: 0 1.5em 1.5em 1.5em;}
ul {list-style-type: disc;}
ol {list-style-type: decimal;}
dl {margin: 0 0 1.5em 0;}
dl dt {font-weight: bold;}
dd {margin-left: 1.5em;}

blockquote {margin: 1.5em;color: #666;font-style: italic;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
strong {font-weight: bold;}
em, dfn {font-style: italic;}
dfn {font-weight: bold;}
sup, sub {line-height: 0;}
abbr, acronym {border-bottom: 1px dotted #666;}
address {margin: 0 0 1.5em;font-style: italic;}
del {color: #666;}
pre {margin: 1.5em 0;white-space: pre;}
pre, code, tt {font: 1em 'andale mono', 'lucida console', monospace;line-height: 1.5;}


/* typography.css */
.small {font-size: .8em;margin-bottom: 1.875em;line-height: 1.875em;}
.large {font-size: 1.2em;line-height: 2.5em;margin-bottom: 1.25em;}
.hide {display: none;}
.quiet {color: #666;}
.loud {color: #000;}
.highlight {background: #ff0;}
.added {background: #060;color: #fff;}
.removed {background: #900;color: #fff;}
.first {margin-left: 0;padding-left: 0;}
.last {
	margin-right: 0;
	padding-right:0;
	background: none !important;
}
.top {
	margin-top: 0;
	padding-top:0;
}
.bottom {
	margin-bottom: 0;
	padding-bottom: 0;
}

.new {
	color: #d61;
}

.description {
	font-size: 11px;
}

.grey-text {
	color: #999;
}

.separate-line {
	height: 1px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #fff;
}

.text-indent {
	padding-left: 20px;
}

.box {
	background: url('../images/box-left-top.gif') no-repeat left top;
}
.box .box-outer {
	background: url('../images/box-right-top.gif') no-repeat right top;
	padding: 15px 0 0 0;
}
.box .box-inner {
	background: url('../images/box-left-bottom.gif') no-repeat left bottom;
}
.box .box-content {
	background: url('../images/box-right-bottom.gif') no-repeat right bottom;
	padding: 5px 14px 15px;
}

.box-grey {
	background: url('../images/box-grey-left-top.jpg') no-repeat left top;
}
.box-grey .box-grey-outer {
	background: url('../images/box-grey-right-top.jpg') no-repeat right top;
	padding: 15px 0 0 0;
}
.box-grey .box-grey-inner {
	background: url('../images/box-grey-left-bottom.jpg') no-repeat left bottom;
}
.box-grey .box-grey-content {
	background: url('../images/box-grey-right-bottom.jpg') no-repeat right bottom;
	padding: 5px 14px 15px;
}



.box ul,
.box-grey ul,
.box li,
.box-grey li {
	list-style: none;
}

.home-part-1 ul,
.home-part-1 li {
	margin: 0;
	padding: 0;
}

fieldset ul,
fieldset li {
	list-style: none;
	margin: 0;
	padding: 0;
}
fieldset li {
	clear: left;
}

/* grid.css */
#container {
	width: 974px;
	margin: 0 auto;
}
.last, div.last {
	margin-right: 0;
}
div.border {
	padding-right: 4px;
	margin-right: 5px;
	border-right: 1px solid #eee;
}
div.colborder {
	padding-right: 24px;
	margin-right: 25px;
	border-right: 1px solid #eee;
}

hr {
	background: #ddd;
	color: #ddd;
	clear: both;
	float: none;
	width: 100%;
	height: .1em;
	margin: 0 0 1.45em;
	border: none;
}
hr.space {
	background: #fff;
	color: #fff;
}

.clearfix:after, 
.container:after {
	content: "\0020";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	overflow: hidden;
}
.clearfix, .container {
	display: block;
}
.clear {
	clear: both;
}

/* forms.css */
fieldset label {
	float: left;
	text-align: right;
	width: 28%;
	padding: 4px 8px 0 0;
}
label {
	font-weight: bold;
}

form.form ul li {
	clear: left;
}

fieldset p.description {
	margin-bottom: 5px;
}

fieldset {
	padding: 5px 1.4em;
	margin: 0 0 1.5em 0;
}
legend {
	font-weight: bold;
	font-size: 1.2em;
}

.form-button.left,
.form-button.center,
.form-button.right {
	padding-top: 15px;
}

.form-button.right {
	text-align: right;
}
.form-button.center {
	text-align: center;
}
.form-button.left {
	text-align: left;
}

input.form-text {
	width: 61%;
}
input.form-text, input.title, 
textarea, 
select {
	margin: 0.2em 0;
	border: 1px solid #6097d3;
	padding: 2px 3px 2px 2px;
	background: #fff;
}
input.form-text:focus, input.form-title:focus, 
textarea:focus, 
select:focus {
	border: 1px solid #00cc00;
}

select option {
	padding-right: 10px;
}

input.form-text.size-normal {
	width: 34% !important;
}
input.form-text.size-thin {
	width: 60px !important;
}

input.form-button {
	background: url('../images/form-button-bg.jpg') no-repeat center center;
	width: 100px;
	height: 22px;
}
input.text, input.title {
	width: 300px;
	padding: 5px;
}
input.title {
	font-size: 1.5em;
}
textarea {
	width: 390px;
	height: 250px;
	padding: 5px;
}

fieldset h2.title,
fieldset h3.title {
	text-indent: -3000em;
	background-repeat: no-repeat;
	margin: 0 0 5px;
}

.error, .notice, .success {padding: .8em;margin-bottom: 1em;border: 2px solid #ddd;}
.error {background: #FBE3E4;color: #8a1f11;border-color: #FBC2C4;}
.notice {background: #FFF6BF;color: #514721;border-color: #FFD324;}
.success {background: #E6EFC2;color: #264409;border-color: #C6D880;}
.error a {color: #8a1f11;}
.notice a {color: #514721;}
.success a {color: #264409;}

.mark{ font-size:14px;font-weight:bold; color:Red;font-family:verdana;vertical-align:middle; }
p.error-tips,span.error-tips{ font-size:10px; color:Red; font-weight:bold  }