.warning, .msg_error {
	color: red;
}

body {
	background-image: url("../../img/new/body_background.jpg");
	margin-top: 0px;
	overflow-y: auto;
} 

div#the_footer {
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	min-width: 850px;
	max-width: 1100px;
	width: 85%;
	padding-top: 6px;
	background-image: url("../../img/new/body_background.jpg");
}

.box_shadow {
	box-shadow: -0.3em 0em 0.3em #ECECEC, 0.3em 0em 0.3em #ECECEC;
	-moz-box-shadow: -0.3em 0em 0.3em #ECECEC, 0.3em 0em 0.3em #ECECEC;
	-webkit-box-shadow: -0.3em 0em 0.3em #ECECEC, 0.3em 0em 0.3em #ECECEC;
}

img {
	border: 0;
}

div#global_wrapper {
	background-color: white;
	position: relative;
	text-align: center;
	margin-top: 1em;
	margin-left: auto;
	margin-right: auto;
	width: 85%;
	height: 95%;
	min-width: 850px;
	max-width: 1100px;
	box-shadow: -0.3em 0em 0.3em #ECECEC, 0.3em 0em 0.3em #ECECEC;
	-moz-box-shadow: -0.3em 0em 0.3em #ECECEC, 0.3em 0em 0.3em #ECECEC;
	-webkit-box-shadow: -0.3em 0em 0.3em #ECECEC, 0.3em 0em 0.3em #ECECEC;
	overflow-y: visible;
	overflow-x: hidden;
}

div#top {
	vertical-align: middle;
	border-top: 1em solid #F4D05D;
	background-color: white;
	height: 75px;
	background-image: url("../../img/new/container_bottom.jpg");
	background-repeat: no-repeat;
	background-position: bottom;
	background-size: 95%;
	min-width: 850px;
}

/*TODO refine the name */
div#container_content {
	padding-left: 1%;
	padding-right: 1%;
	padding-top: 1em;
	width: 98%;
	margin-left: auto;
	margin-right: auto;
	clear: both;
	background-color: white;
	height: 600px !important;
}

div#footer {
	margin-left: auto;
	margin-right: auto;
	width: 83%;
	display: block;
	height: 30px;
	/*透明背景*/
	background: rgba(0, 0, 0, 0);
}

.containerHeightAboutUs {
	min-height: 350px;
	height: 100%;
	/*解决ie6*/
	_height: 350px;
	min-height: 350px;
	height: auto !important;
	height: 350px;
}

.topUser {
	display: inline-block;
	font-size: 11px;
	margin-top: 30px;
}

.dinline {
	display: inline !important;
}

ul, li {
	list-style-type: none;
	text-transform: capitalize;
}

.container div {
	display: inline-block;
}

.container .content {
	vertical-align: top;
}

.container .verticalLine {
	text-align: center;
	vertical-align: middle;
	width: 10px;
	margin: 0 10px;
}

.content {
	padding-bottom: 23px;
	text-align: left;
}

.content * {
	color: #404040;
	font-size: 13px;
	letter-spacing: 1px;
	line-height: 21px;
	font-family: 微软雅黑;
	text-align: justify;
	text-justify: inter-ideograph;
}

.en {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight: normal;
}

#provider {
	color: #666666;
}

#the_footer span#copyright {
	display: inline-block;
	font-size: 12px;
	font-weight: bold;
	padding: 10px;
	color: gray;
}

#the_footer span#login_trigger, #the_footer span#register_trigger {
	display: inline-block;
	font-size: 12px;
	font-weight: bold;
	color: #304990;
	text-align: right;
}

#the_footer span#login_form {
	font-size: 12px;
	font-weight: bold;
	float: right;
}

.columns_two_height {
	height: 510px;
}

.columns_two_width {
	width: 466px;
}

.subtitle {
	color: #0D0D0D;
	font-weight: bold;
}

.category_name {
	color: black !important;
}

.bottom_shadow {
	width: 1000px;
	background-image: url("../../img/new/bottom_shadow.jpg");
	background-repeat: repeat-x;
}

p {
	margin-top: 8px !important;
	margin-bottom: 8px !important;
}

/*TODO deprecated 超丑 */
span#logo_bar_underline {
	background-image: url('../../img/new/lineBG.jpg');
	background-repeat: repeat-x;
	height: 5px;
	width: 1020px;
	border: 8px;
	display: block;
	background-color: white;
	padding-bottom: 10px;
}

.innerIndex {
	font-size: 10px;
	float: right;
	color: gray;
	margin: 15px 100px 10px 100px;
	cursor: pointer;
}

#index3 {
	padding-bottom: 10px;
}

.text_align_right {
	float: right;
	display: block;
}

.hyn_margin_top {
	margin-top: 5px;
}

.hyn_margin_bottom {
	margin-bottom: 40px;
}

.height_file {
	height: 700px;
}

.note {
	margin-bottom: 20px;
}

.selected {
	color: black !important;
	font-weight: bold;
}

#new_condition {
	margin-bottom: 20px;
}

/*#CCCCCC 灰色*/
.article {
	width: 920px;
	margin-left: 20px;
	border-bottom: 1px dashed #CCCCCC;
	padding-bottom: 8px;
	margin-bottom: 8px;
}

.article_title {
	display: inline-block;
	color: #EBBE5C !important;
	font-size: small;
	font-weight: bold;
	margin: 5px 0 10px;
}

.news_classify_title {
	cursor: pointer;
}

#pageContent {
	font-size: 13px;
	float: right;
	height: 30px;
}

#pageContent * {
	color: black;
}

a {
	display: inline;
	text-decoration: none;
}

.link_text {
	color: black !important;
	font-size: 12px !important;
	font-weight: bold;
}

.margin_left {
	margin-left: 512px;
}

.padding_top img {
	width: 150px;
	height: 50px;
}

#left_content, #right_content {
	
}

#ajax_news_content div {
	
}

#right_content>div {
	
}

.divHeight {
	height: auto !important;
}

.divHeight1 {
	height: auto !important;
	padding-bottom: 8px !important;
}

#desc {
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	white-space: nowrap;
	color: black;
	line-height: 21px;
}

/*fe8f00 桔色*/
#query {
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	white-space: nowrap;
	color: #fe8f00;
	line-height: 21px;
}

/*00aae5 蓝色*/
#evaluation {
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	white-space: nowrap;
	color: #00aae5;
	line-height: 21px;
}

#technology {
	display: block;
}

#technology span {
	display: inline-block;
}

#industry {
	display: block;
}

#category {
	display: block;
}

#function>div {
	display: block;
}

.condition_container {
	display: block !important;
	margin-top: 13px;
	vertical-align: top;
	height: 25px;
}

.condition_container img {
	margin-left: 8px;
}

.condition_title {
	margin-right: 90px;
}

.condition_title_1 {
	margin-right: 50px;
}

/*f3f3f3 浅灰*/
.options {
	float: left;
	display: block;
	height: 25px;
	line-height: 25px;
	margin-left: 5px;
	cursor: pointer;
	background-color: #f3f3f3;
	overflow: hidden;
	white-space: nowrap;
	width: 105px;
	text-overflow: ellipsis; /* for IE */
	-o-text-overflow: ellipsis; /* for Opera */
	-icab-text-overflow: ellipsis; /* for iCab */
	-khtml-text-overflow: ellipsis; /* for Konqueror Safari */
	-moz-text-overflow: ellipsis; /* for Firefox,mozilla */
	-webkit-text-overflow: ellipsis; /* for Safari,Swift*/
}

.provider #shortName {
	font-family: 黑体;
	display: inline-block;
	font-weight: bold;
	font-size: 22px;
	padding: 10px 0px 5px 5px;
	width: 160px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis; /* for IE */
	-o-text-overflow: ellipsis; /* for Opera */
	-icab-text-overflow: ellipsis; /* for iCab */
	-khtml-text-overflow: ellipsis; /* for Konqueror Safari */
	-moz-text-overflow: ellipsis; /* for Firefox,mozilla */
	-webkit-text-overflow: ellipsis; /* for Safari,Swift*/
	text-align: center;
}

/*eeeeee 浅灰*/
.provider {
	border: 1px solid #eeeeee;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	overflow: hidden;
	margin: 0px 0px 10px 8px;
	vertical-align: top;
	width: 318px !important;
}

/*d8d9d9 浅灰*/
.gray_shadow {
	-moz-box-shadow: 2px 2px 5px #d8d9d9; /*firefox*/
	-webkit-box-shadow: 2px 2px 5px #d8d9d9; /*safari或chrome*/
	box-shadow: 2px 2px 5px #d8d9d9; /*opera或ie9*/
}

/*EFD684 金色 阴影类型 X轴位移 Y轴位移 阴影模糊 阴影扩展 阴影颜色*/
.golden_shadow {
	-moz-box-shadow: 0px 0px 2px 3px #EFD684; /*firefox*/
	-webkit-box-shadow: 0px 0px 2px 3px #EFD684; /*safari或chrome*/
	box-shadow: 0px 0px 2px 3px #EFD684; /*opera或ie9*/
}

.provider div {
	display: block;
}

.provider>span {
	font-weight: bold;
	font-size: 10px;
	margin-right: 5px;
}

.provider #desc {
	display: block;
	font-size: 14px;
}

/*c3c7c8 灰色*/
.provider .unknow {
	color: #c3c7c8;
	font-size: 10px;
	margin-right: 3px;
}

#providerContainer {
	height: 510px;
	width: 700px;
}

#providerContainer1 {
	height: 510px;
	width: 700px;
}

.provider_input_note {
	color: green;
	margin-left: 10px;
	font-size: 10px;
}

.provider_area {
	width: 375px;
	height: 100px;
	wrap: physical;
	font-size: 12px ！important;
}

.provider_button {
	
}

#providerDialog  #term1_container, #term2_container, #term3_container,
	#term4_container {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	width: 500px;
}

#term2_container2 {
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	width: 500px;
}

.checkbox_label {
	width: 90px;
	display: inline-block;
	margin-right: 5px;
	font-size: 14px;
}

#providerDetail #providerlogo {
	
}

.cursor {
	cursor: pointer;
}

.privoderDiv {
	word-wrap: break-word;
	word-break: normal;
	overflow: hidden;
	width: 330px;
}

/*ee0058 紫红色*/
.technology {
	display: inline-block;
	font-size: 11px;
	margin-right: 2px;
	margin-top: 5px;
	background-color: #ee0058;
	color: white;
	padding-left: 5px;
	padding-right: 5px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

/*e3c865 黄色*/
.relation {
	display: inline-block;
	font-size: 11px;
	margin-right: 2px;
	background-color: #e3c865;
	color: white;
	padding-left: 5px;
	padding-right: 5px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	margin-bottom: 4px;
}

/*00ae4f 绿色*/
.industry {
	display: inline-block;
	font-size: 11px;
	margin-right: 2px;
	margin-top: 5px;
	background-color: #00ae4f;
	color: white;
	padding-left: 5px;
	padding-right: 5px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

/*0b72c0 蓝色*/
.category {
	display: inline-block;
	font-size: 11px;
	margin-right: 2px;
	margin-top: 5px;
	background-color: #0b72c0;
	color: white;
	padding-left: 5px;
	padding-right: 5px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

.counts {
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 10px;
}

#orImgInitRelation {
	background-image: url('../../img/new/selected_golden.jpg');
	height: 18px;
}

#andImgInitRelation {
	background-image: url('../../img/new/unselected_gray.jpg');
	height: 18px;
}

#orImgInitCategory {
	background-image: url('../../img/new/selected_golden.jpg');
	height: 18px;
}

#andImgInitCategory {
	background-image: url('../../img/new/unselected_gray.jpg');
	height: 18px;
}

#orImgInitTechnology {
	background-image: url('../../img/new/selected_golden.jpg');
	height: 18px;
}

#andImgInitTechnology {
	background-image: url('../../img/new/unselected_gray.jpg');
	height: 18px;
}

#orImgInitIndustry {
	background-image: url('../../img/new/selected_golden.jpg');
	height: 18px;
}

#andImgInitIndustry {
	background-image: url('../../img/new/unselected_gray.jpg');
	height: 18px;
}

.andOr {
	padding-left: 4px;
	padding-right: 4px;
	cursor: pointer;
	font-size: 11px;
	line-height: 18px;
	height: 18px;
	margin-left: 8px;
}

.rCMargin {
	margin-left: 70px;
}

.clearAllData {
	margin-top: 10px;
}

.searchSpan {
	display: inline-block;
	float: right;
	margin-right: 3em;
}

#searchContent {
	width: 85px;
	height: 15px;
	font-size: 11px;
}

.searchProvider {
	margin-left: 5px;
	height: 21px;
	font-size: 13px;
}

.buttonTerm {
	margin-top: 4px;
	margin-right: 7px;
}

/*727171 深灰*/
.bigFontButtonTerm {
	font-size: 15px;
	font-weight: bold;
	color: #727171;
}

/*5a5757 深灰*/
.smallFontButtpmTerm {
	color: #5a5757;
}

/*EFD684 金色*/
.star {
	font-size: 14px;
	color: #EFD684;
	margin-left: 1px;
}

/*f7f9f8 白色*/
.starBlank {
	font-size: 14px;
	color: #f7f9f8;
}

.blank {
	margin-left: 8px;
}

.floatRight {
	float: right !important;
}

.floatLeft {
	float: left;
}

.alignTerm {
	vertical-align: bottom;
}

.provider_detail {
	display: inline-block;
	text-align: right;
	width: 120px;
	margin-right: 10px;
	margin-bottom: 10px;
	font-size: 10px;
}

.provider_input {
	width: 375px;
	margin-bottom: 5px;
	font-size: 12px;
}

.input_width {
	width: 120px;
}

.number {
	font-size: 10px;
	color: gray;
	line-height: 15px;
}

/*bfbfbf 灰色*/
.searchProviderCount {
	color: #bfbfbf;
	margin-bottom: 10px;
	margin-left: 8px;
}

/*bfbfbf 灰色*/
.providerCount {
	color: #bfbfbf;
	margin-bottom: 10px;
}

.sCSize {
	font-size: 9px;
}

/*c9caca 灰色*/
.grayDashed {
	border-top: 0.25pt solid #c9caca;
	width: 305px;
	border-left: 0px;
	margin-top: 15px;
}

.providerTitle {
	font-family: 黑体;
	font-size: 18px;
	font-weight: bold;
}

.uploadText {
	font-size: 12px;
}

#left_content {
	width: 306px;
	float: left;
}

#right_content {
	margin-left: 15px;
	width: 656px;
}

.buttonStyle {
	background-color: #f3f3f3;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	width: 148px;
	margin: 2px;
	height: 25px;
}

.fontPadding {
	height: 25px;
	line-height: 25px;
	overflow: hidden;
	padding: 8px;
}

.contentBG1 {
	background-color: #f7f9f8;
	height: 42px;
	width: 318px;
}

.contentBG2 {
	background-color: #eef0ef;
	height: auto;
	width: 310px;
}

.contentBG3 {
	background-color: #f7f9f8;
	width: 318px;
	font-size: 12px;
}

/*EFD684 金色*/
.yellowSolid {
	border-top: 2.5px solid #EFD684;
	width: 318px;
	-webkit-margin-before: 0em;
	-webkit-margin-after: 0em;
	border-left: 0px;
}

.wordPadding {
	padding: 5px 10px 0px 10px;
}

.innerDiv {
	width: 300px;
}

.num {
	line-height: 25px;
	height: 25px;
	padding-right: 5px;
	display: block;
	width: 30px;
	text-align: right !important;
}

.hrGray {
	border-top: 1px solid #bfbfbf;
	border-left: 0px;
	width: 670px;
	margin-left: 0px;
}

.lineBG {
	background-image: url('../../img/new/lineBG.jpg');
	background-repeat: repeat-x;
	height: 8px;
	width: 1020px;
	border: 8px;
	display: block;
}

.menuBarBG, #newsContainer {
	width: 91%;
	margin: -8px 1% 5px;
	display: inline-block;
}

.menuBarBG {
	background-color: #f8f8f8;
	height: 40px;
}

.menuBarLeft {
	background-image: url('../../img/new/providerBig.png');
	height: 40px;
	width: 128px;
}

.menuBarLeft1 {
	background-image: url('../../img/new/newsBig.png');
	height: 40px;
	width: 108px;
}

.menuBarLeft2 {
	background-image: url('../../img/new/expo_big.png');
	height: 40px;
	width: 114px;
}

.menuBarRight {
	background-image: url('../../img/new/newsSmall.png');
	height: 40px;
	width: 102px;
}

.menuBarRight1 {
	background-image: url('../../img/new/providerSmall.png');
	height: 40px;
	width: 112px;
}

.menuBarRight2 {
	background-image: url('../../img/new/expo_small.png');
	width: 107px;
	height: 40px;
}

.menuBarRight3 {
	background-image: url('../../img/new/shu.png');
	height: 40px;
	width: 30px;
}

.providerTab {
	font-size: 13px;
}

.rightTitle {
	font-size: 15px;
	color: gray;
}

.rightLineMargin {
	margin-left: 23px;
	margin-right: 23px;
}

#tabs {
	text-align: left;
}

.link {
	padding: 10px 5px 0px 0px;
}

.recordCount {
	width: 70px;
	margin-left: 5px;
	margin-right: 10px;
}

.recordDiv {
	border: 2px solid #eeeeee;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	height: auto;
	overflow: hidden;
	margin: 0px 0px 10px 0px;
	vertical-align: top;
	width: 700px;
}

#ui-timepicker-div dl {
	text-align: left;
}

#ui-timepicker-div dl dt {
	height: 25px;
}

#ui-timepicker-div dl dd {
	margin: -25px 0 10px 65px;
}

#newRecord {
	text-align: left;
	font-size: 12px;
}

#recordArea {
	width: 280px;
	height: 100px;
	font-size: 13px;
	/* wrap: virtual; */
}

.recordLabel {
	width: 80px;
	text-align: right;
	margin-right: 15px;
}

#timer {
	width: 280px;
	font-size: 12px;
}

.addButton {
	width: 100px;
	text-align: center;
	margin-top: 20px;
}

#record {
	overflow: scroll;
	min-height: 400px;
	height: auto;
}

.recordInfo {
	margin-left: 10px;
	margin-right: 10px;
	display: inline-block;
	font-size: 14px;
	width: 540px;
	white-space: normal;
	word-break: break-all;
}

.recordButton {
	float: right;
	margin-right: 20px;
	margin-bottom: 10px;
}

.recordContent1 {
	padding-left: 10px;
	padding-top: 5px;
	font-size: 12px;
}

.recordContentLeft {
	width: 140px;
}

.recordContentRight {
	width: 560px;
	float: right;
}

.updateWarningDiv {
	font-size: 11px;
	color: gray;
	height: 50px;
	overflow: scroll;
}

.deleteSpan {
	color: red;
	font-weight: bold;
	padding-right: 10px;
}

.imgCount {
	vertical-align: middle;
	margin-top: 3px;
}

.telCount {
	color: #939598;
}

.countInfoSpan {
	height: 20px;
	line-height: 20px;
	font-size: 12px;
}

.nameRC {
	width: 180px;
	display: inline-block;
	text-align: left;
}

#searchRelationProvider {
	text-align: left;
}

#tab3 {
	height: 500px;
	overflow: scroll;
}

.descRC {
	font-size: 12px;
	width: 300px;
	vertical-align: top;
	margin-left: 8px;
	word-wrap: break-word;
	word-break: normal;
}

.rcDIV {
	height: auto;
	vertical-align: top;
	display: inline-block;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	overflow: hidden;
	margin: 0px 20px 10px 0px;
	vertical-align: top;
	width: 330px;
}

#descRC {
	width: 308px;
	height: 60px;
}

#updateDescRC {
	width: 300px;
	height: 100px;
	overflow: scroll;
}

.userAttention {
	border: 1px solid rgb(239, 214, 132);
}

.starWidth {
	width: 120px;
	display: inline-block;
}

.link_R {
	color: #959698;
	margin-left: 3px;
}

.hand_up {
	margin-right: 5px;
	width: 20px;
	height: 20px;
}

#provider_flags {
	width: 970px;
	height: auto;
}

#provider_flags_div {
	width: 970px;
	word-break: break-all;
	display: inline-block;
	margin: 8px 5px 8px 5px;
}

.flags_label {
	font-size: 13px;
	color: gray;
	margin-right: 5px;
}

.flags_content {
	font-size: 15px;
	margin-right: 5px;
}

.flags_shortName {
	color: red;
}

.flags_t {
	color: #EE0058;
}

.flags_ind {
	color: #00AE4F;
}

.flags_c {
	color: #0B72C0;
}

.flags_r {
	color: #E3C865;
}

.flags_div {
	display: inline-table ！important;
}

#expo td {
	border-bottom: 1px solid #bdc1be;
	border-top: 1px solid #bdc1be;
	padding: 10px;
}

#expo thead td {
	text-align: center !important;
}

.expo_td {
	border-bottom: 0px !important;
	border-top: 0px !important;
}

.expo_td_bottom {
	border-bottom: 0px !important;
}

.expo_align {
	text-align: center !important;
}

.expo_content {
	font-size: 20px;
	font-weight: bolder;
}

#expo {
	border: 1px solid #bdc1be;
	width: 940px;
	height: auto;
	margin-top: 10px;
}

.expo_place {
	font-size: 20px;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

.linear {
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff),
		to(#efefef), color-stop(0.3, #ffffff));
}

.print_count {
	margin-right: 5px;
}

/* TODO Yimu refine top_front */
div#top>img {
	min-width: 100px;
	padding: 0px 1%;
	max-height: 61px;
	display: inline-block;
	float: left;
	width: 19%;
}

div#top>ul#menu_bar {
	width: 57%;
	height: 61px;
	display: inline-block;
	min-width: 490px;
	padding: 0px;
	margin: 0px auto;
	vertical-align: middle;
	float: left;
}

ul#menu_bar>li {
	display: inline-block;
	height: 25px;
	cursor: pointer;
	margin: 0px 10px;
	font-size: 0.9375em;
	color: #808080;
}

.menu_selected {
	background-image: url('../../img/new/top_underline.jpg');
	background-repeat: repeat-x;
	background-position: bottom;
}

ul#menu_bar ul#sub_menu {
	display: none;
}

ul#menu_bar>li:hover {
	background-color: #f3f3f3;
}

/* End Yimu*/

/* TODO YIMU refine hyn */
div#hyn_plus_content {
	width: 90%;
	margin: 0 auto;
	text-align: right;
	margin: 2%;
	font-size: 13px;
	letter-spacing: 1px;
}

div#hyn_plus_content>div {
	float: left;
	text-align: center;
}

div#hyn_plus_content>img {
	width: 35%;
	min-width: 100px;
}
/* End Yimu*/

/* The menu bar's wrapper. only 1. */

/**********  From index.jsp */
#index1 {
	width: 98%;
	padding: 0 1%;
	height: 250px;
	margin-top: 20px;
	padding-top: 20px;
}

#index4 {
	display: inline-block;
	padding-left: 2.5%;
	float: left;
	text-align: left;
	min-width: 300px;
}

div#intro_on_homepage {
	width: 98%;
	padding: 0 1%;
	display: inline-block;
}

div#intro_on_homepage p {
	float: left;
	width: 30%;
	margin-left: 1.5%;
	margin-right: 1.5%;
	text-align: left;
	word-wrap: break-word;
	word-break: normal;
	color: gray;
	font-size: 0.9em;
}

#wrapper {
	margin-top: 40px;
	position: relative;
	overflow: hidden;
	width: 60%;
	min-width: 300px;
	min-height: 300px;
	font-size: 12px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}

#wrapper img {
	width: 100%;
}

#number {
	display: block;
	width: 88px;
	margin-left: auto;
	margin-right: auto;
}

#number li {
	padding-left: 6px;
	float: left;
	text-indent: -9999px;
	width: 11px;
	height: 11px;
	overflow: hidden;
	background-image: url("../../img/number1.png");
	background-repeat: no-repeat;
}

#index_0 {
	background-position: 0 0;
}

#index_1 {
	background-position: -14px 0;
}

#index_2 {
	background-position: -28px 0;
}

#index_0.selected {
	background-position: 0 -11px;
}

#index_1.selected {
	background-position: -14px -11px;
}

#index_2.selected {
	background-position: -28px -11px;
}

div, span, img, font {
	border: 0px;
	margin: 0px;
	padding: 0px;
}

.float_left {
	float: left;
}

.float_right {
	float: right;
}

.display_inline {
	display: inline;
}

.display_inline_block {
	display: inline-block;
}

.vertical_top {
	vertical-align: top;
}

.display_block {
	display: block;
}

.font_weight_bolder {
	font-weight: bolder;
}

.font_weight_bold {
	font-weight: bold;
}

.cursor_pointer {
	cursor: pointer;
}

.clear_both {
	clear: both;
}

.text_decoration {
	text-decoration: none;
}

.text_align_center {
	text-align: center;
}

.button_blank {
	margin-left: 30px;
}

.picture_label {
	line-height: 100px;
	vertical-align: top;
}

.upload {
	margin-left: 10px;
	width: 200px;
}

/* Gloabal part*/
#container_top {
	/* chrome */
	background: -webkit-gradient(linear, left top, right bottom, from(white),
		to(#38a2d4));
	/* firefox */
	background: -moz-linear-gradient(left, white, #38a2d4);
	/* ie */
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1,
		startColorstr='white', endColorstr='#38a2d4');
	height: 65px;
	-webkit-box-shadow: 1px 1px 3px #808080;
	-moz-box-shadow: 1px 1px 3px #808080;
	box-shadow: 1px 1px 3px #808080;
	border-radius: 1px;
	width: 100%;
}

#top_first_navigation_bar {
	cursor: pointer;
	margin-left: 30px;
	width: 700px;
	height: 40px;
	float: left;
	text-align: center;
	vertical-align: middle;
}

.top_navigation_title {
	color: #808080;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 2px;
}

#model_second_title {
	width: 500px;
}

#model_second_navigation_bar {
	/* chrome */
	background: -webkit-gradient(linear, left top, right bottom, from(white),
		to(#fcfcfc));
	/* firefox */
	background: -moz-linear-gradient(left, white, #fcfcfc);
	/* ie */
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1,
		startColorstr='white', endColorstr='#fcfcfc');
	cursor: pointer;
	font-weight: bold;
	font-size: small;
	width: 1020px;
	clear: both;
	padding-top: 20px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

.menu {
	display: inline-block;
	letter-spacing: 0.1em;
	padding: 8px;
}

.menu:HOVER {
	-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, .2), -1px -1px 1px
		rgba(251, 251, 251, .275);
	-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
	box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, .2);
	border-radius: 3px;
}

.menu:ACTIVE, .menu:HOVER {
	color: white;
	background: #6688EE;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.41, #6688EE
		), color-stop(0.71, #94CDE8));
	background: -moz-linear-gradient(center top, #6688EE 41%, #94CDE8 71%);
}

.remind {
	color: red;
	font-size: small;
	font-weight: bolder;
	margin-bottom: 10px;
	text-align: left;
}

input[type="button"], input[type="submit"], button:not(.ui-button) {
	background: url("../../img/button_img1.png");
	background-repeat: repeat-x;
	border: 1px solid #BBBBBB;
	cursor: pointer;
	height: 25px;
	border-radius: 3px;
	letter-spacing: 2px;
	padding: 0 8px;
}

.top_navigation_title {
	font-size: large;
	font-weight: bolder;
}

.doclist-table-header {
	table-layout: fixed;
	cursor: pointer;
	width: 100%;
	border-spacing: 0;
	padding: 0;
	font-size: small;
	font-family: arial, sans-serif;
}

.doclist-table-header tr {
	margin: 20px;
	background: #e3e8f3 url(../../img/header_background.gif);
	height: 24px;
	color: #666666;
	font-weight: bold;
	cursor: pointer;
}

.doclist-table-header td, th {
	padding-left: 6px;
	border-bottom: 1px solid #bbbbbb;
	empty-cells: show;
	white-space: nowrap;
	overflow: hidden;
}

.doclist-table-content {
	font-size: small;
	font-family: arial, sans-serif;
	border: 0px;
	/* border-collapse: 0; */
	border-spacing: 0;
	border-color: #EFEFF7;
	table-layout: fixed;
	cursor: pointer;
	width: 100%;
	height: auto;
	background: #fff;
	border-spacing: 0;
	padding: 0;
}

.doclist-table-content tbody {
	cursor: pointer;
	min-height: 20px;
	width: 260px;
	min-width: 260px !important;
}

.doclist-table-content td {
	border: 1px solid #eeeeee;
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	padding-top: 2px;
	padding-bottom: 2px;
	word-break: break-all;
}

#leftline {
	width: 1000px;
}

.lable {
	font-size: 16px;
	padding-top: 5px;
	margin-right: 10px;
	text-align: right;
	width: 150px;
}

.lable_input {
	margin-left: 10px;
	width: 260px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #b6b6bf;
}

.picture_big {
	max-height: 300px;
	max-width: 300px;
}

.picture_small {
	max-height: 50px;
	max-width: 50px;
}

/* top */
#top_container {
	display: inline;
	vertical-align: bottom;
}

#top_exit, #personal_setting {
	cursor: pointer;
}

#top_container_logo {
	float: left;
}

#top_login_info {
	color: black;
	font-weight: bold;
}

#top_system_info {
	color: white;
	text-decoration: none;
	float: right;
	height: 40px;
	padding-top: 20px;
	display: inline-block;
}

#top_system_info span {
	font-size: small;
	font-weight: bold;
	margin-right: 10px;
}

.top_navigation_title {
	padding-left: 10px;
	padding-right: 10px;
	text-align: center;
	margin-left: 20px;
	display: inline-block;
	line-height: 45px;
	height: 45px;
	overflow: hidden;
	margin-top: 10px;
}

.top_navigation_title:HOVER, .top_navigation_title_selected {
	-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, .2), -1px -1px 1px
		rgba(251, 251, 251, .275);
	-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
	box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, .2);
	border-radius: 3px;
	margin-left: 20px;
}

.top_navigation_title:ACTIVE, .top_navigation_title:HOVER,
	.top_navigation_title_selected {
	color: white;
	background: #6688EE;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.41, #6688EE
		), color-stop(0.71, #94CDE8));
	background: -moz-linear-gradient(center top, #6688EE 41%, #94CDE8 71%);
	margin-left: 20px;
}

/* footer */
.label {
	color: gray;
}

.label_input {
	width: 80px;
}

/* assessment */
div#spider {
	width: 80%;
	margin: 10px auto;
}

div#left {
	padding-top: 5%;
	vertical-align: top;
	display: inline-block;
	width: 25%;
	text-align: left;
}

div#left>#saveButton {
	width: 40%;
}

div#left input[type=text], div#left span {
	height: 20px;
	vertical-align: middle;
}

div#left div {
	vertical-align: middle;
}

div#left input[type=text] {
	font-size: 20px;
	margin-bottom: 5px;
	width: 35px;
}

div#right {
	display: inline-block;
	width: 500px;
}

div#assessment {
	width: 98%;
	padding: 1% 1%;
	text-align: left;
	vertical-align: top;
}

div#assessment  span {
	display: inline-block;
}

div#note_test {
	display: block !important;
}

span#self {
	width: 15%;
	padding-left: 5%;
}

span#other {
	width: 56%;
	padding-left: 14%;
}

div#assessment>div {
	display: inline-block;
}

div#assessment>.otherassessment {
	
}

div#assessment canvas {
	margin: 0 auto;
}

div#assessment>#note {
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 14%;
	text-align: left;
	color: gray;
	font-size: 0.8em;
	letter-spacing: 0.1em;
	margin-bottom: 10px;
}

div#daosheng {
	margin: 20px auto;
	width: 80%;
}

div#daosheng div {
	display: inline-block;
	width: 40%;
	text-align: left;
	vertical-align: top;
	margin-left: 50px;
}

#current_target_user {
	display: block;
	font-size: 1.0em;
}

span#login_user_info {
	font-size: 12px;
	font-weight: bold;
	padding: 10px;
}

div.searchDiv {
	margin-right: 10px;
}

div.searchDiv>input[type=text] {
	width: 40px;
}

div#services_extend {
	margin: 0 6%;
}

div#global_wrapper>div {
	width: 100%;
	padding-top: 30px;
	padding-bottom: 20px;
}

div#word_table {
	width: 60%;
	margin: 20px auto;
}

div#word_table  table#table {
	width: 100%;
	padding-bottom: 20px;
}

table#table th {
	font-weight: bold;
	background-color: rgb(132, 146, 186);
	color: white;
}

table#table tr {
	letter-spacing: 1px;
}

table#table tr:nth-child(even) {
	background-color: white;
}

table#table tr:nth-child(odd) {
	background-color: rgb(241, 244, 247);
}

table#table td {
	text-align: left;
	padding-left: 12%;
}

div.buttton label {
	padding: 5px !important;
}

table#table input[type=button] {
	width: 100%;
}

.left {
	text-align: left;
	padding-left: 10%;
	padding-right: 0px;
}

#main_container{
	text-align: left;
}

.supervision_div {
	padding-right: 10px;
	padding-bottom: 10px;
	text-align: right;
	font-size: 12px;
}

.supervision_span {
	height:20px;
	line-height:20px;
	margin: 0px 0px 0px 5px; 
	color:gray;
	padding : 0px;
	vertical-align: top;
	font-weight: bold;
}

#index {
	height : 50px;
}

.universe_button{
	display: inline-block;
	background: #3f6be6;
	padding: 5px 10px;
	cursor: pointer;
	color: white;
	text-align: center;
	font-size: 14px;
	border-radius: 4px;
	font-family: Arial,Helvetica,sans-serif;
}

.universe_button:hover{
	background-color: #0000c4;
}

.universe_button:active{
	background-color: #B5B5B5!important;
}
.universe_red_x{
	cursor: default;
	width: 15px;
	height: 15px;
	border-radius: 15px;
	display: inline-block;
	text-align: center;
	color: #F00;
	border: 1px solid #F00;
	line-height: 15px;
	font-size: 15px;
	position: relative;
	top: 4px;
}