@CHARSET "UTF-8";

.border1Px {
	border-top: 1px solid #CCCCCC; -webkit-transform: scaleY(.5); -webkit-transform-origin: 0 0; width: 100%; height: 1px;
	float: left;
}

#shadeDiv {
	position: absolute; background: #333; filter: alpha(Opacity = 20); -moz-opacity: 0.2; opacity: 0.2;
}

.shadeDiv {
	position: absolute; background: #333; filter: alpha(Opacity = 20); -moz-opacity: 0.2; opacity: 0.2;
}

.jsUI {
	position: absolute; top: 200px; left: 200px; width: 320px; height: 240px; background: #FFF; padding: 2px;
	font-size: 10pt; border: 1px solid #BBB; -moz-border-radius: 5px; border-radius: 5px; z-index: 100; over-flow: hidden;
}

.jsUI .title {
	width: 100%; height: 30px; line-height: 30px; font-size: 10pt; background: #0099CC;
	-moz-border-radius: 3px; border-radius: 3px; cursor: move;
}

.jsUI .title span.left {
	margin-left: 10px; float: left; font-weight: bold; color: #FFFFFF;
}

.jsUI .title #spanClose {
	_margin-top: 2px; width: 20px; height: 18px; _height: 16px; margin-right: 6px; margin-top:6px;float: right;
	background: url('./images/spanClose.png') no-repeat 0px 0px;
	_background: url('./images/spanClose.gif') no-repeat 0px 0px; cursor: pointer; -moz-border-radius: 5px;
	border-radius: 5px;
}

.jsUI .title #spanClose:hover {
	background: url('./images/spanClose.png') 0px -20px no-repeat;
}

.jsUI .title .closeHover {
	background: url('./images/spanClose.png') 0px -20px no-repeat;
	_background: url('./images/spanClose.gif') 0px -20px no-repeat;
}

.jsUI .container {
	width: 100%; float: left; margin-bottom: 5px;
}

.jsUI .container .content {
	margin: 10px; overflow: visible;
}

.jsUI .btnDiv {
	position: absolute; left: 2px; bottom: 0px; float: left; font-size: 10pt;
	padding: 10px 5px 10px 0px; text-align: right;
}

.button {
	float: right; margin-right: 10px; -moz-border-radius: 5px; border-radius: 5px; cursor: pointer; padding: 5px 15px;
	text-align: center; background: #0099CC; color: #FFFFFF; line-height: 110%;
}

.jsUI .btnDiv .button{
	padding: 10px 25px; margin-right: 20px;
}

.button:hover {
	background: #57bfe6;
}

.buttonOprate {
	float: left; margin-right: 10px; -moz-border-radius: 5px; border-radius: 5px; cursor: pointer; padding: 5px 15px;
	text-align: center; background: #0099CC; color: #FFFFFF; line-height: 110%; font-size: 10pt;
}

.buttonOprate:hover {
	background: #57bfe6;
}

.buttonDisabled {
	background: #BBBBBB; border: 1px solid #EFEFEF; color: #FFFFFF;
}

.centerButton {
	margin-right: 15px; border: 1px solid #72c1d8; -moz-border-radius: 5px; border-radius: 5px; cursor: pointer;
	padding: 4px 15px; text-align: center; background: #6acdea; color: #FFFFFF; line-height: 120%; font-size:11pt;
}

.centerButton:hover {
	background: #62bfdb;
}

.ButtonSure {
	margin-right: 15px; border: 1px solid #72c1d8; -moz-border-radius: 5px; border-radius: 5px; cursor: pointer;
	padding: 5px 15px; text-align: center; background: #6acdea; color: #FFFFFF; line-height: 150%; width: 100%
}

.ButtonSure:hover {
	background: #62bfdb;
}

.saveButton {
	margin-right: 15px; border: 1px solid #ff7a4d; -moz-border-radius: 5px; border-radius: 5px; cursor: pointer;
	padding: 5px 25px; text-align: center; background: #ff7a4d; color: #FFFFFF; line-height: 110%; font-size: 14pt;
}

.saveButton:hover {
	background: #ff936a;
}

.buttonDisabled:hover {
	background: #BBBBBB; border: 1px solid #EFEFEF; color: #FFFFFF;
}

.jsUI .btnDiv .closeHover {
	
}

.dataRow {
	width: 100%; margin: 2px 0px; text-align: center; float: left;
}

.dataRow .label {
	width: 95px; line-height: 26px; text-align: right; float: left;
}

.dataRow .shortLabel {
	width: 55px; line-height: 26px; text-align: right; float: left;
}

.dataRow .multiCtrlBox {
	width: auto; margin-left: 60px; margin-top: 3px; text-align: left;
}

.dataRow .ctrlBox {
	width: auto; margin-left: 100px; padding-top: 3px; text-align: left;
}

.dataRow .ctrlBox div { /* 	float: left;  */
	
}

.dataRow .ctrlBox input:text {
	width: 160px; float: left; margin-right: 5px;
}

input:checkbox,input:radio {
	margin-top: 3px; width: 20px; margin-right: 30px;
}

.dataRow .ctrlBox select {
	width: 165px; float: left;
}

.dataRow .ctrlBox textarea {
	width: 160px; height: 100px;
	resize：none;
}

.dataRow .ctrlBox img {
	width: 000px; height: 000px; float: left;
}

.msgDiv {
	width: 100%;
}

.uiIcon {
	width: 48px; height: 48px; float: left;
}

.messageDlgDiv {
	width: auto; margin: 0px 0px 0px 48px; _margin: 0px; padding: 5px 5px 5px 15px; font-size: 10pt; font-weight: bold;
	line-height: 150%; color: #3c82c3;
}

.jqUI-icon {
	background: url(images/icon.png) no-repeat;
}

.jqUI-icon-alert {
	background-position: 0 0;
}

.jqUI-icon-right {
	background-position: 0 -48px;
}

.jqUI-icon-wrong {
	background-position: 0 -96px;
}

.hitText {
	color: #EDEDED; font-size: 11pt;
}

.commonText {
	height: 26px; line-height: 26px; font-size: 11pt; font-weight: bold; padding-left: 7px; width: 65px;
	border: #0099CC 1px solid; color: #336699; float: left;
}

.commonSelect {
	height: 26px; line-height: 26px; font-size: 10pt; font-weight: bold; width: 85px; border: #0099CC 1px solid;
	color: #336699;
}

.noBorderText {
	height: 20px; line-height: 20px; font-size: 10pt; font-weight: bold; padding-left: 3px; width: 35px;
	/* 	border: #cdcdcd 1px solid; */ color: #336699; float: left; text-align: left;
}

.commonTextArea {
	height: 120px; font-size: 10pt; font-weight: bold; padding: 5px 10px; width: 360px; border: #0099CC 1px solid;
	color: #336699; line-height: 150%; overflow-y: auto;
}

a.jbutton {
	font-size: 12px; font-weight: normal; padding: 2px 10px; margin-right: 5px; background: #CCCCCC; color: #000;
	border-left: 1px solid #EEEEEE; border-top: 1px solid #EEEEEE; border-right: 2px solid #888888;
	border-bottom: 2px solid #888888; cursor: pointer; text-decoration: none;
}

a.hover {
	text-decoration: none; border-left: 1px solid #DDDDDD; border-top: 1px solid #DDDDDD; border-right: 2px solid #AAAAAA;
	border-bottom: 2px solid #AAAAA; color: red;
}

a.clicked {
	background: #BBBBBB; color: #FFFFFF; text-decoration: none; border-left: 2px solid #888888;
	border-top: 2px solid #888888; border-right: 1px solid #EEEEEE; border-bottom: 1px solid #EEEEEE;
}

#uploadProgressBar {
	position: relative; width: 280px; height: 20px; margin: 5px auto; border: 1px solid #DEDEDE; background: #EEEEEE;
}

#uploadProgBarText {
	position: absolute; width: 100%; height: 20px; line-height: 20px; text-align: center; z-index: 11;
}

#uploadProgBarProg {
	position: absolute; height: 20px; line-height: 20px; text-align: center; background: #6ec6df; z-index: 10;
}

.updownBtn {
	height: 30px; margin: 0px 3px; float: left;
}

.updownBtn .updownInput {
	float: left; text-align: center;
}

.updownBtnRight {
	height: 30px; float: left; margin-left: -1px;
}

.updownBtnRight .upBtn {
	height: 15px; width: 30px; background: url("./images/updownBtn.png");
}

.updownBtnRight .upBtn:hover {
	background: url("./images/updownBtn.png") 0px -30px;
}

.updownBtnRight .downBtn {
	height: 15px; width: 30px; background: url("./images/updownBtn.png") 0px -15px;
}

.updownBtnRight .downBtn:hover {
	background: url("./images/updownBtn.png") 0px -45px;
}

.file {
	position: relative; float: left; direction: ltr; height: 30px; overflow: hidden; line-height: 30px; margin-right: 10px;
	text-align: center; width: 70px; background: #880000; color: #FFF;
}

.file input {
	position: absolute; cursor: pointer; z-index: 10; height: 20px; top: 0px; right: 0px; opacity: 0;
	filter: Alpha(opacity : 0);
}

.listTabData {
	width: 100%; border: 1px solid #CCCCCC;
}

.listTabHeaderRow {
	width: 100%; background: #CECECE; color: #6F6F6F; float: left; border-bottom: 1px dotted #FEFEFE; text-align: center;
}

.listTabInfoData {
	width: 100%; height: 240px; overflow-y: auto;
}

.listTabDataRow {
	width: 100%; background: #EFEFEF; color: #6F6F6F; float: left; border-bottom: 1px dotted #FEFEFE; font-size: 10pt;
}

.errLineRow {
	float: left; height: 24px; line-height: 24px;
}

.errStuName {
	width: 85px; border-right: 1px solid #6F6F6F;
}

.errStuPhone {
	width: 85px; border-right: 1px solid #6F6F6F;
}

.errMessage {
	width: 220px;
}

.simSelectBtn {
	cursor: default; margin-right: 5px; float: left; margin-bottom: 5px;
}

.simSelectBtnLeft {
	width: 12px; height: 25px; background: url("../images/selectBtn.png"); float: left;
}

.simSelectBtnLeftHover {
	background: url("../images/selectBtn.png") 0px -25px;
}

.simSelectBtnLeftChecked {
	background: url("../images/selectBtn.png") 0px -50px;
}

.simSelectBtnRight {
	width: 18px; height: 25px; background: url("../images/selectBtn.png") -12px 0px; float: left;
}

.simSelectBtnRightHover {
	background: url("../images/selectBtn.png") -12px -25px;
}

.simSelectBtnRightChecked {
	background: url("../images/selectBtn.png") -12px -50px;
}

.simSelectBtnMain {
	height: 25px; line-height: 25px; font-size: 10pt; background: url("../images/selectBtn.png") 0px -75px; float: left;
	padding: 0px 3px; text-align: left;
}

.simSelectBtnMainHover {
	background: url("../images/selectBtn.png") 0px -100px;
}

.simSelectBtnMainChecked {
	background: url("../images/selectBtn.png") 0px -125px;
}

.addRemoveBtn {
	cursor: default; margin-right: 5px; margin-bottom: 5px; float: left; white-space: nowrap;
}

.addRemoveBtn div {
	display: inline-block;
}

.addItemBtn .itemBtnLeft {
	width: 12px; height: 25px; background: url("../images/selectBtn.png") 0px -150px; float: left;
}

.addItemBtn .itemBtnRight {
	width: 18px; height: 25px; background: url("../images/selectBtn.png") -12px -150px; float: right;
}

.addItemBtn .itemBtnMain {
	height: 25px; line-height: 27px; font-size: 10pt; background: url("../images/selectBtn.png") 0px -200px; float: left;
	padding: 0px 0px; text-align: center;
}

.removeItemBtn .itemBtnLeft {
	width: 12px; height: 25px; background: url("../images/selectBtn.png") 0px -175px; float: left;
}

.removeItemBtn .itemBtnRight {
	width: 18px; height: 25px; background: url("../images/selectBtn.png") -12px -175px; float: right;
}

.removeItemBtn .itemBtnMain {
	height: 25px; line-height: 27px; font-size: 10pt; background: url("../images/selectBtn.png") 0px -225px; float: left;
	padding: 0px 0px; text-align: center;
}

.simSelectBox {
	position: relative; height: 26px; float: left; border: 1px solid #0099CC; cursor: default; background: #FFFFFF;
}

.simSelectBoxMain {
	width: 36px; height: 26px; line-height: 28px; float: left; margin-left: 3px; font-size: 9pt; text-overflow: ellipsis;display: block; overflow: hidden; white-space: nowrap; color:#333333;
}

.simSelectBoxDropBtn {
	width: 26px; height: 26px; float: left; background: url(./images/selectBox.png);
}

.simSelectBoxDropBtnDrop {
	width: 26px; height: 26px; float: left; background: url(./images/selectBox.png) 0px -26px;
}

.simSelectBoxDropPanel {
	position: absolute; top: 27px; left: -1px; width: 65px; height: 50px; overflow-x: hidden; overflow-y: auto;
	border: 1px solid #0099CC; border-top: none; background: #FFFFFF; display: none; z-index: 999;
}

.simSelectBoxOption {
	width: 100%; height: 30px; line-height: 30px; border-bottom: 1px dashed #BABABA; padding-left: 3px;display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color:#333333;
}

.simSelectBoxOption:hover {
	background: #FF007D; color: #FFFFFF;
}

.simSelectBoxOptionChecked {
	background: #7ddba5; color: #FFFFFF;
}

.simCheckbox {
	float: left;
}

.checkboxPanel {
	width: 0px; height: 26px; float: left; background: url('./images/selectBox.png') 0px -52px no-repeat; padding-left: 26px; margin-top: 2px;
}

.checkboxPanelHover {
	background: url('./images/selectBox.png') 0px -78px no-repeat;
}

.checkboxPanelChecked {
	background: url('./images/selectBox.png') 0px -104px no-repeat;
}

.checkboxPanelText {
	float: left; line-height: 30px; font-size: 11pt; cursor: default;
}

.btnAddPanel {
	width: 26px; height: 26px; float: left; background: url('./images/selectBox.png') 0px -208px no-repeat; margin-left: 4px; cursor: pointer;
}

.btnAddPanel:hover{
	background: url('./images/selectBox.png') 0px -234px no-repeat;
}

.calendarPane {
	height: 26px; float: left; border: 1px solid #BABABA; cursor: default;
}

.calendarDate {
	position: relative; width: 85px; height: 26px; line-height: 26px; float: left; padding-left: 5px; color: #FF007D;
	font-weight: bold;
}

.calendarIconBtn {
	width: 26px; height: 26px; line-height: 26px; float: left; background: url(./images/icon_calendar.png) 0px 0px;
}