body{
	background:url(../images/mainbg.png) repeat-x top center #ededed;
	font-family:ColabReg, Helvetica, Arial, sans-serif;
	-webkit-font-smoothing: antialiased;/*CSS3������webkit����(��chrome)����������Ŀ���ݻ���˵�⻬�ȵ����ԡ�*/
	font-size:13px;
	color:#424242;
	height:100%;
	margin:0 auto;
	}
img a{border:0;}

.vidDL {margin-top:7px; font-size:11px; color:#fff;}
.vidDL a:link {cursor:pointer;color:#fff;}
.vidDL a:hover {color:#ebebeb; cursor: pointer;} 
.vidDL a:visited {text-decoration:none; color:#ebebeb;}

.lh12{line-height:12px;}

#headerWrap, #contentWrap, #footerWrap{ margin:0 auto; display:block;}	

#mediaWrap{background:url(../images/darkGradient.jpg) repeat-x top center #000; margin:0; border:0; width:100%; height:360px; max-width:100%;}
.innerShadow {
	-moz-box-shadow: inset 0 0 20px #000000;
	webkit-box-shadow: inset 0 0 20px #000000;
	box-shadow: inset 0 0 20px #000000;
}
.outerShadow {
	-webkit-box-shadow:  0px 3px 8px 4px rgba(0, 0, 0, 0.4);      
    box-shadow:  0px 3px 8px 4px rgba(0, 0, 0, 0.4);
}
.outerShadow2 {
	box-shadow: 0 5px 15px #013;
	-moz-box-shadow: 0 5px 15px #013;
	-webkit-box-shadow: 0 5px 15px #013;
	}
	
#videoWrap {position:relative; left:2%; z-index:10; border:0; padding:0; margin-top:15px; height:272px; max-width:100%; vertical-align:bottom;}

#merchantBox{position:relative; border:0; padding:0; margin:0; vertical-align:bottom;} 

#sectContent {background:#ebebeb; padding:0; margin:0; height:180px; max-height:180px; width:100%;}
#sectContent ul li {font-size:11px; margin:0; padding:0; list-style: none;}
#sectContent ul li a {color:#222; padding:0; margin:0; display: block;}

.section {margin:0; padding:0;}
.section .wrap{text-align:center;}

#yoNav .sns {margin-right:5px;}
#yoNav .sns img {border:0; padding:0;}
#yoNav {margin:-25px 0 0 50px; list-style:none; }
#yoNav li {float:right; position:relative; display:inline;}
#yoNav #yoTab a { 
	background:#ededed;
	-moz-box-shadow:0 0 6px #777;
	-webkit-box-shadow:0 0 76px #777;
	box-shadow:0 0 6px #777;
	float:left; 
	padding:5px 10px; 
	text-decoration:none;
	color:#585858;
	text-shadow:1px 1px 0px #fff;
	border:0;
	font-family:ColabReg,Tahoma,Arial; 
	font-size:13px;
	font-weight:normal;
	line-height:100%;
	overflow:hidden;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	border-top-left-radius:5px;
	border-top-right-radius:5px; 
}
#yoNav #yoTab .activeYoButton {z-index: 3;}
#yoNav #yoTab .activeYoButton a { 
	background:url(../images/btnBg.png) repeat-x center;
	color:#fff;
	text-shadow:0px 1px 0px #000;
	border:0;
	font-family:ColabReg,Tahoma,Arial; 
	font-size:13px;
	font-weight:normal;
	line-height:100%;
	float:left;
	overflow:hidden;
	cursor:default;
}
#yoNav li:before, #yoNav li:after, #yoNav li a:before, #yoNav li a:after {position: absolute; bottom: 0;}
#yoNav #yoTab.activeYoButton:before, #yoNav #yoTab.activeYoButton:after {background: #ebebeb; z-index: 1;}

#logo {position:relative; margin:0; background:url(../images/YoPointLogo_s.png) top center no-repeat; width:50px; height:50px;}

#qrCode{background:url(../images/downloadQRbg.png) top center no-repeat; width:430px; height:165px; text-align:center; vertical-align:top;}
#qrCode img{
	padding:13px;
	-moz-border-radius:13px;
	-webkit-border-radius:13px;
	border-radius:13px;
	position:relative;
	width:118px;
	height:118px;
	margin:12px 126px 20px 0;
	border:0;
}
#qrCode img:hover{
	color:#4b626b; 
	cursor:pointer; 
	background:#ffffff;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
.boxShadow1 {
	border:1px solid #888;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius: 7px;
	-moz-box-shadow:0 0 12px #888;
	-webkit-box-shadow:0 0 12px #888;
	box-shadow:0 0 12px #888;
	padding: 7px;
}
.boxShadow3 {
	border:1px solid #888;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius: 5px;
}
.boxShadow2{
	border:1px solid #888;
	-moz-border-radius:5px 5px 0px 0px;
	-webkit-border-radius:5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
}
.txtShade{
  -moz-text-shadow: 1px 1px 0px #000; 
  -webkit-text-shadow: 1px 1px 0px #000; 
  text-shadow: 1px 1px 0px #000;
  behavior: url(ie-css3.htc); 
}

.iconsweet {font-family:iconSweets; font-weight:normal;}
.iList {margin:0 10px 0 0; float:left; vertical-align:middle;}

.group:before,.group:after {content:""; display:table;}
.group:after {clear:both;}
.group {zoom:1;}		

/* Layout */
.one_wrap{
	width:100%;
	display:inline-block;
}
.one_two_wrap{
	width:49%;
	float:left;
	margin-right:5px;
	text-align:center;
}
.one_three_wrap{
	width:32%;
	float:left;
	margin-left:2%;
}
.one_three_wrap:first-child{
	margin-left:0%!important;
	float:left;
}
.one_four_wrap{
	width:23.5%;
	float:left;
	margin-left:2%;
}
.one_four_wrap:first-child{
	margin-left:0%!important;
	float:left;
}
.one_five_wrap{
	width:18%;
	float:left;
	margin-left:2%;
}
.one_five_wrap:first-child{
	margin-left:0%!important;
	float:left;
}
.widget{
	min-width:274px;
	background:#fff;
	box-shadow:0px 1px 2px 0px #acaeaf;
	-webkit-box-shadow:0px 1px 2px 0px #acaeaf;
	margin:5px;
	clear:both;
	border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;
	
}
.widget_two{
	width:auto;
	min-width:49%;
	text-align:left;
	background:#fff;
	box-shadow:0px 1px 2px 0px #acaeaf;
	-webkit-box-shadow:0px 1px 2px 0px #acaeaf;
	margin:5px;
	padding:7px;
	clear:both;
	border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;
}
.widget_five{
	width:180px;
	min-width:22%;
	text-align:left;
	background:#fff;
	box-shadow:0px 1px 2px 0px #acaeaf;
	-webkit-box-shadow:0px 1px 2px 0px #acaeaf;
	margin:5px;
	padding:7px;
	clear:both;
	border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;
}
.widget .widget_title{
	background:url(../images/widget_title_bg.png) repeat-x center top #eeeeee;
	height:30px;
	border-bottom:solid 1px #e0e0e0;
	border-radius:3px 3px 0px 0px; -moz-border-radius:3px 3px 0px 0px; -webkit-border-radius:3px 3px 0px 0px;
}
.widget .widget_title_report{
	background:#eeeeee;
	height:30px;
	border-bottom:solid 1px #ffffff;
	border-radius:3px 3px 0px 0px; -moz-border-radius:3px 3px 0px 0px; -webkit-border-radius:3px 3px 0px 0px;
	text-align: center;
}
.widget .widget_title_report th{
	text-align: center;
	border-right:solid 1px #ffffff;
}
.widget .widget_title span{
	font-size:24px;
	float:left;
	padding:1px 0px;
	text-shadow:0px 1px 0px #fff;
	-webkit-text-shadow: 0px 1px 0px #fff;
	color:#6c6c6c;
	width:35px;
	text-align:center;	
}
.widget .widget_title h5{
	color:#6c6c6c;
	font-size:1.1em;
	font-family:ColabReg;
	font-weight:bold;
	float:left;
	margin:10px 0 2px 10px;
	text-shadow:0px 1px 0px #fff;
}
.widget_spacer{margin:10px 10px 15px 10px;}

/* Buttons */
.closeBtn {text-decoration:none;line-height:95%;}
.closeBtn, .stdBtn a, .stdBtn input[type=button], .stdBtn input[type=submit], .stdBtn input[type=hidden]{
	background:url(../images/btnBg.png) repeat-x center;
	line-height:100%;
	font-size:13px;
	font-weight:bold;
	color:#cad2d4;
	text-shadow: 0px 1px 0px  #000;
	border:0;
	font-family:ColabReg, Arial, Helvetica, sans-serif;
	border-radius:3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
	overflow:hidden;
	padding:8px 20px;
	margin:2px;
}
.stdBtn a:hover, .stdBtn input[type=button]:hover, .stdBtn input[type=submit]:hover, .stdBtn input[type=hidden]:hover, .stdBtn input[type=file]:hover{
	background: #b5bdc8;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2I1YmRjOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM2JSIgc3RvcC1jb2xvcj0iIzgyOGM5NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyODM0M2IiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #b5bdc8 0%, #828c95 36%, #28343b 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b5bdc8), color-stop(36%,#828c95), color-stop(100%,#28343b));
	background: -webkit-linear-gradient(top,  #b5bdc8 0%,#828c95 36%,#28343b 100%);
	background: -o-linear-gradient(top,  #b5bdc8 0%,#828c95 36%,#28343b 100%);
	background: -ms-linear-gradient(top,  #b5bdc8 0%,#828c95 36%,#28343b 100%);
	background: linear-gradient(top,  #b5bdc8 0%,#828c95 36%,#28343b 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5bdc8', endColorstr='#28343b',GradientType=0 );
	box-shadow:0 1px 0 #a1a5af inset, 0 1px 3px rgba(0, 0, 0, 0.08);
}
.stdBtn a:active, .stdBtn input[type=button]:active, .stdBtn input[type=submit]:active, .stdBtn input[type=hidden]:active, .stdBtn input[type=file]:active{
	border:0;
	border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;
	background: #a90329;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E5MDMyOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ0JSIgc3RvcC1jb2xvcj0iIzhmMDIyMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2ZDAwMTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #a90329 0%, #8f0222 44%, #6d0019 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a90329), color-stop(44%,#8f0222), color-stop(100%,#6d0019));
	background: -webkit-linear-gradient(top,  #a90329 0%,#8f0222 44%,#6d0019 100%);
	background: -o-linear-gradient(top,  #a90329 0%,#8f0222 44%,#6d0019 100%);
	background: -ms-linear-gradient(top,  #a90329 0%,#8f0222 44%,#6d0019 100%);
	background: linear-gradient(top,  #a90329 0%,#8f0222 44%,#6d0019 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 );
	}
.btnWrap{
	max-width:100%;
	padding:8px;
	float:right;
	margin-right:25px;
	border:solid 1px #E6E6E6;
	border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;
	box-shadow: inset 0 1px 0 0px #fff;
	-webkit-box-shadow:inset 0 1px 0 0px #fff;
}
.btnWrapMain{
	max-width:200px;
	padding:5px;
	float:right;
	margin-right:50px;
	border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;
	box-shadow: inset 0 1px 0 0px #fff;
	-webkit-box-shadow:inset 0 1px 0 0px #fff;
}
.btnRed{
	color:#fff;
	cursor: pointer;
    font-family:ColabReg, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    line-height: 20px;
    padding: 4px 16px 4px;
    text-transform: uppercase;
    text-shadow: 0px 1px 0px  #000;
	border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
	text-decoration:none;
	display:inline-block;
	background: #ff8284;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2ZmODI4NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE4JSIgc3RvcC1jb2xvcj0iI2QyNGI1YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg0JSIgc3RvcC1jb2xvcj0iI2JhMjczNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2YjNmM2YiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #ff8284 1%, #d24b5a 18%, #ba2737 84%, #6b3f3f 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ff8284), color-stop(18%,#d24b5a), color-stop(84%,#ba2737), color-stop(100%,#6b3f3f));
	background: -webkit-linear-gradient(top,  #ff8284 1%,#d24b5a 18%,#ba2737 84%,#6b3f3f 100%);
	background: -o-linear-gradient(top,  #ff8284 1%,#d24b5a 18%,#ba2737 84%,#6b3f3f 100%);
	background: -ms-linear-gradient(top,  #ff8284 1%,#d24b5a 18%,#ba2737 84%,#6b3f3f 100%);
	background: linear-gradient(to bottom,  #ff8284 1%,#d24b5a 18%,#ba2737 84%,#6b3f3f 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8284', endColorstr='#6b3f3f',GradientType=0 );
}
.btnRed:hover{
	color:#cad2d4
	box-shadow:0 1px 0 #a1a5af inset, 0 1px 3px rgba(0, 0, 0, 0.08);
}
.btnRed:hover span.iconsweet{
	color:#000;
}
.btnRed:active{
	background-image: -moz-linear-gradient(center bottom , #787b83 0pt, #44474e 100%);
	background-image: -webkit-linear-gradient(bottom,#787b83 0,#44474e 100%);
	background-image: linear-gradient(to bottom,#787b83 0,#44474e 100%);	
}
.btnRed span.iconsweet{
	color:#f0f0f0;
	float:left;
	font-size:16px;
	padding-right:8px;
	margin-top:-3px;
	margin-left:-8px;
}

/* Form Fields */
.form_fields_container{
	margin:0; padding:0; width:auto;
}
.form_fields_container li:first-child{
	border:none;
}
.form_fields_container li:last-child{
	padding-bottom:5px;
}
.form_fields_container li{
	padding:3px 0px;
	border-top:dotted 1px #E6E6E6;
	list-style:none;
	display:inline-block;
	width:100%;
	background:#fff;
}
.form_fields_container li label{
	float:left; 
	display:block;
	margin:5px 0 5px 25px;
	color:#818386;
	font-size:13px;
}
.form_fields_container li div.form_input, .form_sub, .file_uploader_wrap{
	width:75%;
	float:right;
	display:block;
	margin-right:25px;
	text-shadow: 0px 1px 0px  #fff;
}
.form_misc{
	width:40%;
	float:left;
	display:block;
	margin-right:25px;
	text-shadow: 0px 1px 0px  #fff;
}
.form_fields_container li div.form_input input, .form_fields_container li div.form_input textarea{
	width:98%;
	border:solid 1px #ccc;
	padding:3px;
	font-family:ColabReg, Arial, Helvetica, sans-serif;
	font-size:12px;
	background:#f8f8f8;
	border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;
	color:#666;
	box-shadow: inset 0 1px 0 0px #fff;
	-webkit-box-shadow:inset 0 1px 0 0px #fff;
}
.form_fields_container li div.form_input input[disabled="disabled"]{
	background:#E4E4E4;
	color:#999;
}
.form_fields_container li div.form_input .in_processing{
	background-image:url(../images/processing.gif);
	background-repeat:no-repeat;
	background-position: right center;
}
.form_fields_container li div.form_input .in_submitted{
	background-image:url(../images/tick.png);
	background-repeat:no-repeat;
	background-position: right center;
	box-shadow:0px 0px 3px 0px #a6e259;
	-webkit-box-shadow:0px 0px 3px 0px #a6e259;
	border-color:#a6e259;
}
.form_fields_container li div.form_input .in_error{
	background-image:url(../images/remove.png);
	background-repeat:no-repeat;
	background-position: right center;
	box-shadow:0px 0px 3px 0px #dc5c5c;
	-webkit-box-shadow:0px 0px 3px 0px #dc5c5c;
	border-color:#dc5c5c;
}
.form_fields_container li div.form_input .in_warning{
	background-image:url(../images/warning.png);
	background-repeat:no-repeat;
	background-position: right center;
	box-shadow:0px 0px 3px 0px #f0d648;
	-webkit-box-shadow:0px 0px 3px 0px #f0d648;
	border-color:#f0d648;
}
.form_input textarea{
	width:98%!important;
}
.form_input label{
	margin:8px 10px;
	display:inline-block;
}
.file_uploader{
	list-style-type:none;
	margin-bottom:5px;
}
.sgl{margin:0 5px 3px 5px;vertical-align:middle;}
.sgl input{
	border:solid 1px #ccc;
	padding:3px;
	font-family:ColabReg, Arial, Helvetica, sans-serif;
	font-size:12px;
	background:#f8f8f8;
	border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;
	color:#666;
	box-shadow: inset 0 1px 0 0px #fff;
	-webkit-box-shadow:inset 0 1px 0 0px #fff;
}

/* Form Elements */
.selector {
    background: url(../images/form_elements/select_left.png) no-repeat scroll left top transparent;
    float: left;
    height: 20px;
    padding-left: 10px;
    position: relative;
    width: 190px;
}
.selector select {
    cursor: pointer;
    font-size: 12px;
    height: 28px;
    left: 0;
    position: absolute;
    top: 0;
    width: 200px;
}
.selector select option{
	padding:5px;
	border:none;
}
.selector span {
    background: url(../images/form_elements/select_right.png) no-repeat scroll right top transparent;
    cursor: pointer;
    font-size: 11px;
    height: 28px;
    line-height: 28px;
    position: absolute;
    right: 0;
    top: 0;
    width: 190px;
}
.checker {
    float: left;
    height: 15px;
    margin-top: 6px;
    position: relative;
    width: 15px;
}
.checker input {
    background: none repeat scroll 0 0 transparent;
    display: inline-block;
    height: 15px;
    opacity: 0;
    width: 15px;
}
.checker span {
    background: url(../images/form_elements/checkbox.png) no-repeat scroll 0 0 transparent;
    display: inline-block;
    height: 17px;
    text-align: center;
    vertical-align: middle;
    width: 17px;
}
.checker span.checked {
    background-position: center bottom;
}
.radioWrap{
	width:75%;
	float:right;
	display:block;
	margin-right:25px;
	text-shadow: 0px 1px 0px  #fff;
}
div.radio {
    float: left;
    height: 18px;
    margin-top: 5px;
    position: relative;
    width: 18px;
}
div.radio input {
    background: none repeat scroll 0 0 transparent;
    display: inline-block;
    height: 18px;
    opacity: 0;
    text-align: center;
    width: 18px;
}
div.radio span {
    background: url(../images/form_elements/radio.png) no-repeat scroll 0 0 transparent;
    display: inline-block;
    height: 17px;
    text-align: center;
    vertical-align: middle;
    width: 17px;
}
div.radio span.checked {
    background-position: center bottom;
}
div.form_sub label{
	margin:8px 10px;
	display:inline-block;
}

/* Responsive */
@media only screen and (max-width: 640px) {
	.one_two_wrap {width:100%;}
	.form_fields_container li label{margin-right:25px;}
	.form_fields_container li div.form_input{width:40%;}
}
@media only screen and (max-width: 800px) {
	.one_two_wrap {width:49%;}
	.form_fields_container li label{margin-right:25px;}
	.form_fields_container li div.form_input{width:40%;}
}
@media only screen and (max-width: 1024px) {
	.one_two_wrap {width:49%;}
	.form_fields_container li div.form_input{width:75%;}
}

/* Main Login */
#form_main_container{
	max-width:100%;	
	width:300px;
	margin:5px;
	display:inline-block; 
}
.form_main span{
	float:left;
	width:20px;
	height:20px;
	text-align:right;
	font-size:20px;
	vertical-align:middle;
	margin:0 -10px 5px 10px;
	color:#333;
	line-height:20px;
	z-index:5;
}
.form_main{
 	float:left;
 	height:20px;
 	width:300px;
	margin:5px 10px;
	text-shadow: 0px 1px 0px  #fff;
	display: inline-block;
	zoom: 1;
}
.login-input {
	width: 50%;
	height: 20px;
	padding: 3px;
	margin-bottom: 3px;
	font-family:ColabReg, Arial, Helvetica, sans-serif;
	color: #333;
	outline: none;
	background-color: #f8f8f8;
	border: 1px solid #ccc;
	position: relative;
	-moz-border-radius:    4px;
	-webkit-border-radius: 4px;
	border-radius:         4px;
	-moz-box-shadow:    inset 0 0 1px rgba(0, 0, 0, 0.5), 0 0 2px rgba(255, 255, 255, 0.7);
	-webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.5), 0 0 2px rgba(255, 255, 255, 0.7);
	box-shadow:         inset 0 0 1px rgba(0, 0, 0, 0.5), 0 0 2px rgba(255, 255, 255, 0.7);
	-moz-background-clip:    padding;
	-webkit-background-clip: padding-box;
	background-clip:         padding-box;
	-moz-transition:    all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	-o-transition:      all 0.4s ease-in-out;
	-ms-transition:     all 0.4s ease-in-out;
	transition:         all 0.4s ease-in-out;
	behavior: url(${ctx}/js/PIE.htc);
}
.login-input:focus {
	border: 1px solid #5eaaf8;
	-moz-box-shadow:    inset 0 0 1px rgba(0, 0, 0, 0.5), 0 0 3px #5eaaf8;
	-webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.5), 0 0 3px #5eaaf8;
	box-shadow:         inset 0 0 1px rgba(0, 0, 0, 0.5), 0 0 3px #5eaaf8;
}
.login-input:-moz-ui-invalid {
	border: 1px solid #e00;
	-moz-box-shadow:    inset 0 0 1px rgba(0, 0, 0, 0.5), 0 0 3px #e00;
	-webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.5), 0 0 3px #e00;
	box-shadow:         inset 0 0 1px rgba(0, 0, 0, 0.5), 0 0 3px #e00;
}

.login-input.invalid {
	border: 1px solid #e00;
	-moz-box-shadow:    inset 0 0 1px rgba(0, 0, 0, 0.5), 0 0 3px #e00;
	-webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.5), 0 0 3px #e00;
	box-shadow:         inset 0 0 1px rgba(0, 0, 0, 0.5), 0 0 3px #e00;
}
input[type=submit]::-moz-focus-inner {border: 0;padding: 0;}
.nolabel ::-webkit-input-placeholder {color: #888;}
.nolabel input:-moz-placeholder {color: #888;}

.bbar {
	float:right;
	width:200px;
	padding: 5px 5px 5px 0;
	overflow: hidden;
	position: relative;
}

.r5{margin-right:5px;}
.r10{margin-right:10px;}
.r15{margin-right:15px;}
.r20{margin-right:20px;}
.r25{margin-right:25px;}
.r50{margin-right:50px;}
.r53{margin-right:53px;}
.r55{margin-right:55px;}
.r60{margin-right:60px;}
.r70{margin-right:70px;}
.r100{margin-right:100px;}
.l10{margin-left:10px;}
.l20{margin-left:20px;}
.l25{margin-left:25px;}
.l30{margin-left:30px;}
.l35{margin-left:35px;}
.l40{margin-left:40px;}
.l45{margin-left:45px;}
.l50{margin-left:50px;}
.l68{margin-left:68px;}
.l70{margin-left:70px;}
.l75{margin-left:75px;}
.l78{margin-left:78px;}
.l80{margin-left:80px;}
.l100{margin-left:100px;}
.l110{margin-left:100px;}

.fl_left{float:left;}
.fl_right{float:right;}
.clear{clear:both;}
.auto{height:auto;overflow:hidden;}
.ctxt{text-align:center;}
.text_right{text-align:right;}
.text_left{text-align:left;}
.nobr{white-space:nowrap;}
.nohover a:hover { background-color:transparent;}
.errorMsg{list-style-type:none;}
.t_btm{font-family:ColabReg, Arial, Helvetica, sans-serif;font-size:12px;}

.sList {margin:0; padding:0; width:auto;}
.sList ul {list-style-type: none; display:block; margin-bottom:7px; margin: 0; padding: 0;}
.sList ul li {overflow: auto; border-bottom: 1px solid #ccc;}
.sList ul li img {float: left; margin: 0 15px 0 0; background:url() center no-repeat;}
.sList ul li:last-child {border:none;}
.sList ul li a{
	font-family:ColabReg,Tahoma,Arial;
	color:#686868;
	text-shadow:1px 1px 0px #fff;
	text-decoration:none;
	display:block;
	width:auto;
	height:20px;
	padding:5px;
	padding-left:46px;
	-webkit-transition: font-size 0.3s ease, background-color 0.3s ease;
	-moz-transition: font-size 0.3s ease, background-color 0.3s ease;
	-o-transition: font-size 0.3s ease, background-color 0.3s ease;
	-ms-transition: font-size 0.3s ease, background-color 0.3s ease;
	transition: font-size 0.3s ease, background-color 0.3s ease;
}
.sList a:link {color:#686868;}
.sList a:hover {
	color:#4b626b; 
	cursor: pointer; 
	background: #f6f6f6; 
}
.sList a:active {color:#fff; background: #cedce7; cursor: pointer;}
.sList a:visited {color:#4b626b;}

.r {color:#f70000;}
.pad10{padding:10px;}
.bdrBtm {border-bottom: 1px solid #ccc;margin-bottom:5px;}
.fieldWrap fieldset {border:1px solid #ccc;padding:10px;}
.fieldWrap label {float:left;display:block;margin:5px 0px 5px 25px;color:#818386;font-size:13px;}

#preview, #defaultImgWrap{
	border:0;
	text-align:center;
	overflow:hidden;
	margin:5px;
	padding:10px;
}

#imghead, #defaultImg{
	border:0;
	width:100px;
	height:100px;
	padding:7px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=image);
}
#imghead1{
	border:0;
	width:100px;
	height:170px;
	padding:7px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=image);
}
#imghead2{
	border:0;
	width:280px;
	height:100px;
	padding:7px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=image);
}
#imghead3{
	border:0;
	width:480px;
	height:295px;
	padding:7px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=image);
}
#imghead4{
	border:0;
	width:118px;
	height:187px;
	padding:7px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=image);
}
#imghead5{
	border:0;
	width:96px;
	height:59px;
	padding:7px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=image);
}
#imghead6{
	border:0;
	width:160px;
	height:90px;
	padding:7px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=image);
}
#imghead7{
	border:0;
	width:120px;
	height:80px;
	padding:7px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=image);
}
#imghead8{
	border:0;
	width:960px;
	height:312px;
	padding:7px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=image);
}
#imghead9{
	border:0;
	width:480px;
	height:270px;
	padding:7px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=image);
}
#imghead10{
	border:0;
	width:150px;
	height:96px;
	padding:7px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=image);
}
#defaultImg {
	border:0;
	width:120px;
	height:120px;
	padding:7px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=image);
}

#biaoge {max-width:100%;}                                               
#biaoge li,#biaoge li.biaotou {
list-style-type:none;         
width:100%;          
height:30px;          
line-height:30px;        
text-align:center;                
margin-bottom:1px;      
background:#ccc; 
}            
#biaoge li.biaotou {background:#cedce7;}
#biaoge li{text-align:center;height:80px;}

#hli{width:300px;}

table {border-collapse:collapse; border-spacing:0; font-family:ColabReg, Arial, Helvetica, sans-serif; font-size:13px;}
th {padding:5px; text-align:left;}
th a {text-decoration:none;}
th a:link {cursor:pointer;color:#0f426d;}
th a:hover {color:#4b626b; cursor: pointer; background: #f6f6f6;} 
th a:visited {text-decoration:none; color:#4b626b;}
table tr td {padding: 5px 0px 5px 10px; border: 1px solid white;}
tr.odd {background-color: #EEE;}
tr.even {background-color: whiteSmoke;}

.copyright {font-family:ColabReg,Tahoma,Arial; text-align:right; font-size:11px; color:#777; margin:0 7px 1px 0;}
.copyright a {font-family:ColabReg,Tahoma,Arial; color:#A31F1A; text-decoration:none; font-size:11px;}
.changeRole {background-color: #01A2DD;color: #ffffff;font-size:15px;height: 30px;width: 99%;text-align: center;padding-top: 10px;}
.backTop {
	width: 40px;
	height: 40px;
	position: fixed;
	right: 10px;
	bottom: 88px;
	display: none;
 	background:url(../images/top.png) no-repeat center center;
  	background-size:40px 40px;
	z-index: 99999;
}
#dataTable th,#dataTable td  {
 	white-space: nowrap;
}
#content {
	overflow:auto;
}
.content-tips{
	padding-bottom: 5px;
	color: red;
}

.newBackground {
	background-color: #f4f6f9;
}

.time_input {
	border: 1px solid #ced4da;
	border-radius: .25rem; 
	padding: .375rem .75rem;
}