.user-button {
	background-color:#FE512E;
	-webkit-border-top-left-radius:10px;
	-moz-border-radius-topleft: 10px;
	border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	-moz-border-radius-topright:10px;
	border-top-right-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	-moz-border-radius-bottomright:10px;
	border-bottom-right-radius:10px;
	-webkit-border-bottom-left-radius:10px;
	-moz-border-radius-bottomleft:10px;
	border-bottom-left-radius:10px;
    text-indent:0;
	border:1px solid #F96E51;
	display:inline-block;
	color:#ffffff;
	font-family: Helvetica,Verdana,Arial,"Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;
	font-size:1.5em;
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
    text-align:center;
    width:100%;
}
.user-button:hover {
    background-color:#F96E51;
    color:#ffffff;
	text-decoration:none;
}
.user-button:active {
	position:relative;
	top:1px;
	text-decoration:none;
}

.ctrl-button {
    background: rgba(100, 132, 179, 1); 
    border-color: rgba(17, 29, 122, 1); 
    color: rgba(255, 255, 255, 1); 
    font-size: 16px; 
    border-radius: 8px; 
	border-width: 1px;
}

.ctrl-button:hover {
    background: rgba(133, 179, 230, 1); 
    border-color: rgba(7, 62, 143, 1); 
    color: rgba(15, 98, 153, 1);
}

.ctrl-button:active, .ctrl-button:focus {
    background: rgba(79, 122, 179, 1); 
    border-color: rgba(173, 173, 173, 1); 
    color: rgba(51, 51, 51, 1);
}

/* Generator URL: http://cssbuttoncreator.com/*/
.user-btn-submit {
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	color: #FFFFFF;
	font-family: Helvetica,Verdana,Arial,"Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;
	font-size: 20px;
	font-weight: bold;
	padding: 10px;
	background-color: #1FCC41;
	border: solid #184230 1px;
	text-decoration: none;
	display: inline-block;
	cursor: pointer;
}
	
.user-btn-submit:hover {
	background: #9CD068;
	text-decoration: none;
	color: #FFFFFF;
	font-family: Helvetica,Verdana,Arial,"Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;
	font-size: 20px;
	font-weight: bold;
	box-shadow: 1px 1px 20px 0px #ACFF05;
	-webkit-box-shadow: 1px 1px 20px 0px #ACFF05;
	-moz-box-shadow: 1px 1px 20px 0px #ACFF05;
}

.take-movie-button {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #FFFFFF;
	font-family: Helvetica,Verdana,Arial,"Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;
	font-size: 1em;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #CD8F77;
	border: solid #A13316 1px;
	text-decoration: none;
	display: inline-block;
	cursor: pointer;
	text-align: center;
	}
	
.take-movie-button:hover {
	background: #ED8080;
	border: solid #A13316 1px;
	color: #FFFFFF;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-decoration: none;
}

/* Generator URL: http://enjoycss.com/ */
.user-textbox {
	font-family: Helvetica,Verdana,Arial,"Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;
	display: inline-block;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	float: none;
	z-index: auto;
	width: auto;
	height: auto;
	position: static;
	cursor: default;
	opacity: 1;
	margin: 0;
	padding: 5px 5px;
	overflow: visible;
	border: 1px solid rgba(74,134,232,0.7);
	-webkit-border-radius: 3px;
	border-radius: 3px;
	font-size:22px;
	color:#424242;
	-o-text-overflow: clip;
	text-overflow: clip;
	background: rgba(252,252,252,1);
	-webkit-box-shadow: 0 0 2px 1px rgba(111,168,220,0.7) ;
	box-shadow: 0 0 2px 1px rgba(111,168,220,0.7) ;
	text-shadow: 1px 1px 0 rgba(255,255,255,0.66) ;
	-webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
	-moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
	-o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
	transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
	-webkit-transform: none;
	transform: none;
	-webkit-transform-origin: 50% 50% 0;
	transform-origin: 50% 50% 0;	
}

.user-textbox-disable {
	font-family: Helvetica,Verdana,Arial,"Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;
	display: inline-block;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	float: none;
	z-index: auto;
	width: auto;
	height: auto;
	position: static;
	cursor: default;
	opacity: 1;
	margin: 0;
	padding: 5px 5px;
	overflow: visible;
	border: 1px solid rgba(74,134,232,0.7);
	-webkit-border-radius: 3px;
	border-radius: 3px;
	font-size:22px;
	color:#424242;
	-o-text-overflow: clip;
	text-overflow: clip;
	background: rgb(221, 221, 221);
	-webkit-box-shadow: 0 0 2px 1px rgba(111,168,220,0.7) ;
	box-shadow: 0 0 2px 1px rgba(111,168,220,0.7) ;
	text-shadow: 1px 1px 0 rgba(255,255,255,0.66) ;
	-webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
	-moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
	-o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
	transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
	-webkit-transform: none;
	transform: none;
	-webkit-transform-origin: 50% 50% 0;
	transform-origin: 50% 50% 0;	
}


/* Generator URL: http://doodlenerd.com/html-control/css-dropdown-generator */
.user-select {
	font-family: Helvetica,Verdana,Arial,"Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;
	font-size:20px;
	color:#424242;
	cursor: pointer;
	padding: 9px 9px;
	outline: 0;
	border: 2px solid #8c9bc0;
	border-radius: 5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	background: #ffffff;
	color: #424242;
}

.user-select-disable {
	font-family: Helvetica,Verdana,Arial,"Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;
	font-size:20px;
	color:#424242;
	cursor: pointer;
	padding: 9px 9px;
	outline: 0;
	border: 2px solid #8c9bc0;
	border-radius: 5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	background: rgb(221, 221, 221);
	color: #424242;
}

.student-result-button-show-content {
	background: rgba(173, 163, 163, 1); 
	border-color: rgba(0, 0, 0, 1); 
	color: rgba(255, 255, 255, 1) !important;  
	font-size: 12px; 
	border-radius: 5px; 
	border-width: 2px;
	padding-bottom:2px !important;
	margin-bottom:2px !important;
	width:100%;
}
.student-result-button-show-content:hover {
	background: rgba(235, 235, 235, 1); 
	border-color: rgba(173, 173, 173, 1); 
	color: rgba(51, 51, 51, 1) !important; 
}
.student-result-button-show-content:active, .student-result-button-show-content:focus {
	background: rgba(235, 235, 235, 1); 
	border-color: rgba(173, 173, 173, 1); 
	color: rgba(51, 51, 51, 1) !important; 
}


.student-result-button-hide-content {
	background: rgb(189, 76, 32) !important; 
	border-color: rgb(95, 10, 10) !important; 
	color: rgba(255, 255, 255, 1) !important; 
	font-size: 12px; 
	border-radius: 5px; 
	border-width: 2px;
	padding-bottom:2px !important;
	margin-bottom:2px !important;
	width:100%;
}
.student-result-button-hide-content:hover {
	background: rgb(235, 87, 87) !important; 
	color: rgb(95, 10, 10) !important; 
	border-color: rgb(95, 10, 10) !important; 
}
.student-result-button-hide-content:active, .student-result-button-hide-content:focus {
	background: rgb(235, 87, 87) !important; 
	color: rgb(95, 10, 10) !important; 
	border-color: rgb(95, 10, 10) !important; 
}


.student-result-button-add-movie {
	background: rgb(223, 134, 33); 
	border-color: rgb(104, 37, 6); 
	color: rgba(255, 255, 255, 1) !important;  
	font-size: 12px; 
	border-radius: 5px; 
	border-width: 2px;
	padding-bottom:2px !important;
	margin-bottom:2px !important;
	width:100%;
}
.student-result-button-add-movie:hover {
	background: rgb(138, 98, 24); 
	border-color: rgb(104, 37, 6); 
	color: rgb(104, 37, 6) !important; 
}
.student-result-button-add-movie:active, .student-result-button-add-movie:focus {
	background: rgb(138, 98, 24); 
	border-color: rgb(104, 37, 6); 
	color: rgb(104, 37, 6) !important; 
}


.student-result-button-cancel-movie {
	background: rgb(56, 155, 122) !important; 
	border-color: rgb(56, 90, 17) !important; 
	color: rgba(255, 255, 255, 1) !important; 
	font-size: 12px; 
	border-radius: 5px; 
	border-width: 2px;
	padding-bottom:2px !important;
	margin-bottom:2px !important;
	width:100%;
}
.student-result-button-cancel-movie:hover {
	background: rgb(74, 172, 139) !important; 
	border-color: rgb(56, 90, 17) !important; 
	color: rgb(56, 90, 17) !important; 
}
.student-result-button-cancel-movie:active, .student-result-button-cancel-movie:focus {
	background: rgb(74, 172, 139) !important; 
	border-color: rgb(56, 90, 17) !important; 
	color: rgb(56, 90, 17) !important; 
}


.student-result-button-grade-movie {
	background: rgb(86, 119, 156) !important; 
	border-color: rgb(31, 48, 85) !important; 
	color: rgba(255, 255, 255, 1) !important; 
	font-size: 12px; 
	border-radius: 5px; 
	border-width: 2px;
	padding-bottom:2px !important;
	margin-bottom:2px !important;
	width:100%;
}

.student-result-button-grade-movie:hover {
	background: rgb(28, 111, 206) !important; 
	border-color: rgb(31, 48, 85) !important; 
	color: rgb(31, 48, 85) !important; 
}
.student-result-button-cancel-movie:active, .student-result-button-cancel-movie:focus {
	background: rgb(28, 111, 206) !important; 
	border-color: rgb(31, 48, 85) !important; 
	color: rgb(31, 48, 85) !important; 
}




.student-result-button-redo-content {
	background: rgb(235, 87, 87) !important; 
	border-color: rgb(95, 10, 10) !important; 
	color: rgba(255, 255, 255, 1) !important; 
	font-size: 12px; 
	border-radius: 5px; 
	border-width: 2px;
	padding-bottom:2px !important;
	margin-bottom:2px !important;
	width:100%;
}
.student-result-button-redo-content:hover {
	background: rgb(197, 72, 72) !important; 
	color: rgb(95, 10, 10) !important; 
	border-color: rgb(95, 10, 10) !important; 
}
.student-result-button-redo-content:active, .student-result-button-redo-content:focus {
	background: rgb(197, 72, 72) !important; 
	color: rgb(95, 10, 10) !important; 
	border-color: rgb(95, 10, 10) !important; 
}

.student-grade-movie-result-footer {
	font-family: Helvetica,Verdana,Arial,"Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	background-color: #d9edf7;
	color: #31708f;
}

/* http://doodlenerd.com/html-control/css-dropdown-generator */
.student-grade-movie-result-select {
	font-family: Helvetica,Verdana,Arial,"Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;
	font-size: 1em;
    position: relative;
	padding:5px;
	width: 20%;
    border: 2px solid #274059;
    background: #9bbbe6;
    color: #ffffff;
}    

.student-grade-movie-result-select select {
	font-family: Helvetica,Verdana,Arial,"Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;
	width: 90%;
	font-size: 1em;
	text-align: center;
    cursor: pointer;
    padding: 10px;
    border: 2px solid #274059;
    background: #9bbbe6;
    color: #ffffff;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}
.student-grade-movie-result-select select::-ms-expand {
	display: none;
}
.student-grade-movie-result-select select:hover,
.student-grade-movie-result-select select:focus {
	color: #ffffff;
    background: #5576a3;
}
.student-grade-movie-result-select select:disabled {
	opacity: 0.5;
    pointer-events: none;
}


.student-grade-movie-result-button {
	background: rgb(86, 119, 156) !important; 
	border-color: rgb(39, 51, 75) !important; 
	color: rgba(255, 255, 255, 1) !important; 
	font-size: 1em; 
	font-weight:normal;
	border-radius: 5px; 
	border-width: 1px;
	border:solid;
	width:100%;
	padding-top:5px !important;
	padding-bottom:5px !important;
	padding-left:10px !important;
	padding-right:10px !important;
	text-decoration: none;
}

.student-grade-movie-result-button:hover {
	background: rgb(95, 136, 184) !important; 
	border-color: rgb(25, 34, 54) !important; 
	color: rgb(25, 34, 54) !important; 
	text-decoration: none;
}
.student-grade-movie-result-button:active, .student-result-button-cancel-movie:focus {
	background: rgb(95, 136, 184) !important; 
	border-color: rgb(25, 34, 54) !important; 
	color: rgb(25, 34, 54) !important; 
	text-decoration: none;
}

.student-result-button-show-all-content {
	background: rgba(173, 163, 163, 1); 
	border-color: rgba(0, 0, 0, 1); 
	color: rgba(255, 255, 255, 1) !important;  
	font-size: 14px; 
	border-radius: 4px; 
	border-width: 2px;
	padding: 5px;
	margin-top:10px;
	margin-bottom:10px;
}
.student-result-button-show-all-content:hover {
	background: rgba(235, 235, 235, 1); 
	border-color: rgba(173, 173, 173, 1); 
	color: rgba(51, 51, 51, 1) !important; 
}
.student-result-button-show-all-content:active, .student-result-show-all-content:focus {
	background: rgba(235, 235, 235, 1); 
	border-color: rgba(173, 173, 173, 1); 
	color: rgba(51, 51, 51, 1) !important; 
}

.student-result-button-hide-all-content {
	background: rgb(189, 76, 32) !important; 
	border-color: rgb(95, 10, 10) !important; 
	color: rgba(255, 255, 255, 1) !important; 
	font-size: 14px; 
	border-radius: 4px; 
	border-width: 2px;
	padding: 5px;
	margin-top:10px;
	margin-bottom:10px;
}
.student-result-button-hide-all-content:hover {
	background: rgb(235, 87, 87) !important; 
	color: rgb(95, 10, 10) !important; 
	border-color: rgb(95, 10, 10) !important; 
}

.student-result-button-hide-all-content:active, .student-result-hide-all-content:focus {
	background: rgb(235, 87, 87) !important; 
	color: rgb(95, 10, 10) !important; 
	border-color: rgb(95, 10, 10) !important; 
}

.student-result-button-export-data {
	background: rgba(72, 109, 128, 1) !important; 
	border-color: rgba(23, 62, 84, 1) !important; 
	color: rgba(255, 255, 255, 1) !important; 
	font-size: 14px; 
	border-radius: 4px; 
	border-width: 2px;
	padding: 5px;
	margin-top:10px;
	margin-bottom:10px;
}
.student-result-button-export-data:hover {
	background: rgba(104, 153, 209, 1) !important; 
	border-color: rgba(18, 60, 84, 1) !important; 
	color: rgba(51, 51, 51, 1) !important;
}
.student-result-button-export-data:active, .student-result-button-export-data:focus {
	background: rgba(235, 235, 235, 1) !important; 
	border-color: rgba(173, 173, 173, 1) !important; 
	color: rgba(51, 51, 51, 1) !important;
}

.student-button-fitness {
	background: #00897B !important; 
	border-color: #004D40 !important; 
	color: rgba(255, 255, 255, 1) !important; 
	font-size: 14px; 
	border-radius: 4px; 
	border-width: 2px;
	padding: 5px;
	margin-top:10px;
	margin-bottom:10px;
}
.student-button-fitness:hover {
	background: #26A69A !important; 
	border-color: #004D40 !important; 
	color: rgba(51, 51, 51, 1) !important;
}
.student-button-fitness:active, .student-button-fitness:focus {
	background: #26A69A !important; 
	border-color: #004D40 !important; 
	color: rgba(51, 51, 51, 1) !important;
}


.student-result-header-text {
	font-size: 14px !important;
	font-weight: bold;
	color: #0489B1 !important;
}

.student-result-column {
	vertical-align: bottom;
	text-align: center;
	color:rgb(33, 56, 105) !important;
}

.student-result-name-column {
	vertical-align: bottom;
	text-align: left !important;
	color:rgb(33, 56, 105) !important;
}

.user-profile-heading-label {
	font-family: Helvetica,Verdana,Arial,"Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;
	font-size:1.6em;
	color: #ffffff;
	padding-top: 5px;
	padding-bottom: 5px;
}

.custom-test-heading-label {
	font-family: Helvetica,Verdana,Arial,"Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;
	font-size:1.6em;
	color: #ffffff;
	padding-top: 5px;
	padding-bottom: 5px;
}


.user-login-label {
	font-family: Helvetica,Verdana,Arial,"Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;
	font-size:1.4em;
	font-weight: normal;
	color:#ffffff;
	padding-top: 15px;
}

.user-profile-label {
	font-family: Helvetica,Verdana,Arial,"Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;
	font-size:1.2em;
	color:#636363;
	padding-top: 15px;
}

.user-profile-label-asterisk {
	font-family: Helvetica,Verdana,Arial,"Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;
	font-size:1.2em;
	color:#ff9100;
	padding-left: 5px;
}

.user-profile-label-remark {
	font-family: Helvetica,Verdana,Arial,"Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;
	font-size:1em;
	color:#636363;
	padding-top: 10px;
	font-style: italic;
}

.user-profile-textbox {
	display: inline-block;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	padding: 5px;
	border-left: none;
	border-right: none;
	border-top: none;
	border-bottom: 2px solid #A9CCD3;
	font-size: 1.2em;
	font-family: Helvetica,Verdana,Arial,"Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;
	color: rgb(22, 22, 22);
	-o-text-overflow: clip;
	text-overflow: clip;
	word-spacing: 1px;
	margin-bottom: 15px;
	background: transparent;
	text-shadow: 1px 1px 0 rgba(255,255,255,0.66) ;
	-webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
	-moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
	-o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
	transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
	width:90%;
  }

  .user-profile-textbox-input {
	display: inline-block;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	padding: 5px;
	border: 2px solid #A9CCD3;
	font-size: 1.2em;
	font-family: Helvetica,Verdana,Arial,"Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;
	color: rgb(22, 22, 22);
	-o-text-overflow: clip;
	text-overflow: clip;
	word-spacing: 1px;
	margin-bottom: 15px;
	background: transparent;
	text-shadow: 1px 1px 0 rgba(255,255,255,0.66) ;
	-webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
	-moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
	-o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
	transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
	width:90%;
  }

	.label-general {
		font-family: Helvetica,Verdana,Arial,"Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;
		font-size:1.2em;
		color:#636363;
		padding-top: 15px;
	}
	
	.label-asterisk {
		font-family: Helvetica,Verdana,Arial,"Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;
		font-size:1.2em;
		color:#ff9100;
		padding-left: 5px;
	}
	
	.textbox-general {
		display: inline-block;
		-webkit-box-sizing: content-box;
		-moz-box-sizing: content-box;
		box-sizing: content-box;
		padding: 5px;
		border-left: none;
		border-right: none;
		border-top: none;
		border-bottom: 2px solid #A9CCD3;
		font-size: 1.2em;
		font-family: Helvetica,Verdana,Arial,"Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;
		color: rgb(22, 22, 22);
		-o-text-overflow: clip;
		text-overflow: clip;
		word-spacing: 1px;
		margin-bottom: 15px;
		background: transparent;
		text-shadow: 1px 1px 0 rgba(255,255,255,0.66) ;
		-webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
		-moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
		-o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
		transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
		width:98%;
		}

  .user-about-heading-label {
	font-family: Helvetica,Verdana,Arial,"Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;
	font-size:1.6em;
	color: #636363;
	font-weight: bold;
	padding-bottom: 15px;
  }

  .user-contact-heading-label {
	font-family: Helvetica,Verdana,Arial,"Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;
	font-size:1.6em;
	color: #636363;
	font-weight: bold;
	padding-bottom: 15px;
  }

  .user-contact-detail-label {
	font-family: Helvetica,Verdana,Arial,"Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;
	font-size:1.3em;
	color: #636363;
	font-weight: normal;
	}
	
	.user-message-box {
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 06px;		
		width: 80%;	
		min-height: 200px;
		display:table;
		margin-top:20px;
		margin-right:auto;
		margin-left:auto;
		padding: 10px;
		background-color: #FCF3CF;	
		position: relative;
		border: solid 2px #900C3F;
		box-shadow: 10px 10px 8px 0px #D8D8D8;
	}

	.user-message-box-content-text {
		font-family: Helvetica,Verdana,Arial,"Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;
		font-size:2em;
		color: #636363;
		font-weight: bold;
	}

	.ctrl-dropdown {
    font-family: Helvetica,Verdana,Arial,"Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif, "FontAwesome";
    padding: 5px;
    font-size: 13pt;
    line-height: 13pt;
    border-width: 1px;
    border-color: #0489B1 !important;
    background-color: #EFF8FB !important;
    color: #504E4E !important;
    border-style: solid;
    border-radius: 3px;
    width: 100%;
}

.ctrl-dropdown-menu {
	background-color: #CEECF5 !important;
	color: #504E4E !important;
	border-width: 1px;
	border-color: #0B3861 !important;
	border-style: solid;
	border-radius: 3px;
}

.ctrl-dropdown-menu a:hover, a:focus {
	background-color: #A9E2F3 !important;
}

.td-center {
	text-align: center;
}

td.details-control {
	background: url('../images/details_open.png') no-repeat center center;
	cursor: pointer;
}
tr.shown td.details-control {
	background: url('../images/details_close.png') no-repeat center center;
}


.div-textarea {
	cursor: text;
	border: 1px solid #0174DF;
	font: medium -moz-fixed;
	font: -webkit-small-control;
	height: 200px;
	overflow: auto;
	padding: 2px;
	resize: both;
	background-color: white;
	-moz-box-shadow: inset 0px 1px 2px #A9D0F5;
	-webkit-box-shadow: inset 0px 1px 2px #A9D0F5;
	box-shadow: inset 0px 1px 2px #A9D0F5;	
}

.div-textarea-disable {
	cursor: text;
	border: 1px solid #0174DF;
	font: medium -moz-fixed;
	font: -webkit-small-control;
	height: 200px;
	overflow: auto;
	padding: 2px;
	resize: both;
	background-color: rgb(221, 221, 221);
	-moz-box-shadow: inset 0px 1px 2px #A9D0F5;
	-webkit-box-shadow: inset 0px 1px 2px #A9D0F5;
	box-shadow: inset 0px 1px 2px #A9D0F5;	
}

#div-textbox {
    -moz-appearance: textfield;
    -webkit-appearance: textfield;
    background-color: white;
    background-color: -moz-field;
    border: 1px solid darkgray;
    box-shadow: 1px 1px 1px 0 lightgray inset;  
    margin-top: 5px;
	padding: 2px 3px;
}

.btn-delete {
	-moz-box-shadow:inset 0px 1px 0px 0px #f7c5c0;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f7c5c0;
	box-shadow:inset 0px 1px 0px 0px #f7c5c0;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fc8d83), color-stop(1, #e4685d));
	background:-moz-linear-gradient(top, #fc8d83 5%, #e4685d 100%);
	background:-webkit-linear-gradient(top, #fc8d83 5%, #e4685d 100%);
	background:-o-linear-gradient(top, #fc8d83 5%, #e4685d 100%);
	background:-ms-linear-gradient(top, #fc8d83 5%, #e4685d 100%);
	background:linear-gradient(to bottom, #fc8d83 5%, #e4685d 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fc8d83', endColorstr='#e4685d',GradientType=0);
	background-color:#fc8d83;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #d83526;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:22px;
	font-weight:bold;
	padding:11px 32px;
	text-decoration:none;
	text-shadow:0px 1px 0px #b23e35;
	margin-top: 13px;
}

.btn-delete:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e4685d), color-stop(1, #fc8d83));
	background:-moz-linear-gradient(top, #e4685d 5%, #fc8d83 100%);
	background:-webkit-linear-gradient(top, #e4685d 5%, #fc8d83 100%);
	background:-o-linear-gradient(top, #e4685d 5%, #fc8d83 100%);
	background:-ms-linear-gradient(top, #e4685d 5%, #fc8d83 100%);
	background:linear-gradient(to bottom, #e4685d 5%, #fc8d83 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4685d', endColorstr='#fc8d83',GradientType=0);
	background-color:#e4685d;
	color:#ffffff;
	text-decoration:none;
}
.btn-delete:active {
	position:relative;
	top:1px;
	color:#ffffff;
	text-decoration:none;
}

.table-link-button {
	font-family: Helvetica,Verdana,Arial,"Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;
	font-size:12pt;
	color: #0080FF;
	font-weight: bold;
}

.table-link-button-disable {
	font-family: Helvetica,Verdana,Arial,"Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;
	font-size:12pt;
	color: #A9A9A9;
	font-weight: bold;
}

.button-group {
	font-family: Helvetica,Verdana,Arial,"Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif !important;
    font-size:14px !important;
	font-weight: normal !important;
    color: #088A68 !important;
    background-color: #D8F6CE;
    border-color: #088A68;
    padding-top:5px; 
    padding-bottom:5px; 
    padding-left:15px; 
    padding-right:15px; 
}

.button-group:hover {
    color: #ffffff !important;
    background-color: #04B486;
    border-color: #088A68;
}




.popup-student-score-table {
	border-spacing: 0;
	min-width: 350px;
	background: -webkit-linear-gradient(left, #e5e9b0, #25b7c4);
	background: linear-gradient(to right, #e5e9b0, #25b7c4);
	border-collapse:separate;
  }

.popup-student-score-table th{
	text-align: left;
	font-weight: bold;
	color: #fff;
	font-family: Helvetica,Verdana,Arial,"Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif !important;
	background-color: rgba(58, 122, 61, 0.3);
	font-size: 14px;
	padding:10px;
	vertical-align: bottom;
}

.popup-student-score-table-content{
	height:300px;
	overflow-x:auto;
	margin-top: 0px;
	border: 1px solid rgba(255,255,255,0.8);
}

.popup-student-score-table td:first-child {
	text-align: left;
	font-weight: normal;
	color: #688A08;
	font-family: Helvetica,Verdana,Arial,"Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif !important;
	font-size: 14px;
	padding:10px;
}

.popup-student-score-table td{
	padding: 15px;
	text-align: left;
	vertical-align:middle;
	font-weight: 300;
	font-size: 12px;
	color: #fff;
	border-bottom: solid 1px rgba(255,255,255,0.8);
}

.table-textbox{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;		
	padding: 5px;
	text-align: left;
	color: #424949;
	border: solid 1px #2980B9;
	width: 60%;
}

.user-fitness-heading-label {
	font-family: Helvetica,Verdana,Arial,"Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;
	font-size:1.6em;
	color: #ffffff;
	padding-top: 5px;
	padding-bottom: 5px;
}

.user-fitness-sub-heading-label {
	font-family: Helvetica,Verdana,Arial,"Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;
	font-size:1.4em;
	color: #636363;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight:bold;
	border-bottom: 1px solid #636363;
}

.user-fitness-label {
	font-family: Helvetica,Verdana,Arial,"Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;
	font-size:1.2em;
	font-weight: bold;
	color:#636363;
	padding-top: 15px;
}

.user-fitness-value-label {
	font-family: Helvetica,Verdana,Arial,"Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;
	font-size:1.2em;
	color:#636363;
	padding-top: 15px;
}

.user-fitness-table-heading-label {
	font-family: Helvetica,Verdana,Arial,"Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;
	font-size:1.4em;
	color: #25835c;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight:bold;
}

.user-fitness-table-header {
	font-family: Helvetica,Verdana,Arial,"Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;
	font-size:1em;
	color:#ffffff;
	background-color:#347c64;
	padding-top: 10px;
}

.user-fitness-table-header-label {
	font-family: Helvetica,Verdana,Arial,"Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;
	font-size:1.1em;
	color:#ffffff;
	padding-top: 10px;
}

.user-fitness-table-header-cell {
	background-color: #568173;
	padding: 10px;
}        

.user-fitness-table-cell {
	font-family: Helvetica,Verdana,Arial,"Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;
	color: #1f1e1e;
	border: 1px solid #16be2c;
	padding: 10px;
}        

.user-fitness-table-row:nth-child(odd) {
	background-color: #c1eebf;
}        

.user-fitness-table-row:nth-child(even) {
	background-color: #d7f5d6;
}

.user-fitness-table-footer {
	background-color: white;
}

.user-fitness-table-footer {
	font-family: Helvetica,Verdana,Arial,"Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;
	color: #a34646;
	font-size:1.2em;
	font-weight: bold;
	padding: 10px;
}

.user-fitness-table-footer-medal {
	font-family: Helvetica,Verdana,Arial,"Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;
	color: #97720a;
	font-size:1.2em;
	font-weight: bold;
	padding: 10px;
}