html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}

* {font-family:Arial, Helvetica, sans-serif;}
body {background-color:#FFF; margin:10px 0; padding:0px; color:#222; font-size:13px; min-width:990px;}
b {color:red; font-weight:bold;}
#page {width:100%; float:none; clear:both; min-height:480px;}
#content {width:974px; margin:auto;}
#contentarea {margin:0 0 20px; padding:0;}
a, a:link, a:visited {color:#1F4F82; text-decoration:none;}
a:hover {text-decoration:underline;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ FOOTER STYLE ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.footer{margin-top:5px; float:right; margin-bottom:6px; width:100%;}
.infoCompany{float:left; padding:0 10px 12px;}
.infoCompany a b {
	height:15px; width:338px;
	background:url("/education/ou_rd14/image/imgSpritR.png") no-repeat scroll 0 -22px rgba(0, 0, 0, 0);
	display:block; margin-top:-2px;
}
.footerContent{position:relative; float:right; font-size:10px; color:#555; padding:0 10px 0 0; text-align:right; margin-top:-3px;}
.footerContent a, .footerContent a:link, .footerContent a:visited {color:#222; text-decoration:none; font-size:11px;}
.footerContent a:hover {color:#E80B0B;}

.greyBarBottom {
	background:url("/education/ou_rd14/image/hrShadow.png") no-repeat scroll 50% bottom / 100% 100%;
	background /*\**/:#dddddd\9;
	*background:#dddddd;
	height:6px; width:100%; 
	margin:0 auto 8px;
}
.greyBarBottom hr {display:none;}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ IE6/7 POPUP STYLE ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.iemsg {
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	background-color:#FCECB2;
	border-bottom:1px solid #7A7A7A;
	border-top:1px solid #FDF6DD;
	color:#000000;
	font-size:13px;
	padding:7px 15px;
	position:fixed;
	vertical-align:middle;
	width:100%;
	z-index:99999999;
	display:block;
	top:0; left:0;
}
.iemsg a, .iemsg a:visited {
	text-decoration:none;
	display:inline;
	font-weight:normal;
	line-height:normal;
	margin:0;
	padding:2px 10px;
	border:1px solid #666;
}
.iemsg a:active {
	position:relative;
	top:1px;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ MOSAIC HEADER STYLE ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#ou_header_top_main {width:974px; text-align:left; clear:both; height:141px; margin:auto;}
#ou_header_top_main2 #headerTop #headerTop_left.OPNHead1 {
    color: #666;
    font-size: 11px; font-weight: bold;
    margin-bottom: 6px; margin-top: 0;
    cursor: default;
}
#ou_header_top_main2 #headerTop #headerTop_left b.OPNLogo {
    background: url("/education/ou_rd14/image/opn-logo2.png") no-repeat scroll 0 0;
    height: 38px; width: 133px; margin-bottom: 9px;
}
#ou_header_top_main2 #headerTop #headerTop_right.OPNHead2 {
	margin-bottom: 3px;
}
#ou_header_top_main2 #headerTop #headerTop_right b.OPNLogo2 {
    background: url("/education/images/opn_034754.gif") no-repeat scroll 0 0;
    height: 29px; width: 168px; margin-bottom: 26px; margin-top: 0;
    display: block;
}

#ou_header_top_main2 {width:100%; text-align:left; clear:both; height:auto; position:relative;}
#ou_header_top_main2 #headerTop {width:974px; height:42px; clear:both; margin:auto;}
#ou_header_top_main2 #headerTop #headerTop_left {float:left;}
#ou_header_top_main2 #headerTop #headerTop_left b {
    height: 33px; width: 108px;
    background: url("/education/ou_rd14/image/ou_logo.png") no-repeat scroll 0 0 transparent;
    display: block;
}
#ou_header_top_main2 #headerTop #headerTop_right {float:right; text-align:left; font-size:12px; color:#555; text-align:right; margin-top:9px; text-transform:capitalize;}
#ou_header_top_main2 #headerTop #headerTop_right a, #ou_header_top_main #headerTop #headerTop_right a:visited {text-decoration:none;}
#ou_header_top_main2 #headerTop #headerTop_right a:hover {text-decoration:underline;}
#headerMenu {
    clear:both;
    height:43px;
    border-top: 1px solid #DDD;
    -moz-box-shadow: 0 2px 2px 0 #999;
    -webkit-box-shadow: 0 2px 2px 0 #999;
    box-shadow: 0 2px 2px 0 #999;
    box-shadow: none\9;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #dddddd;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RkZGRkZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjgwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZGRkZGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left, #dddddd 0%, #ffffff 20%, #ffffff 80%, #dddddd 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#dddddd), color-stop(20%,#ffffff), color-stop(80%,#ffffff), color-stop(100%,#dddddd));
    background: -webkit-linear-gradient(left, #dddddd 0%,#ffffff 20%,#ffffff 80%,#dddddd 100%);
    background: -o-linear-gradient(left, #dddddd 0%,#ffffff 20%,#ffffff 80%,#dddddd 100%);
    background: -ms-linear-gradient(left, #dddddd 0%,#ffffff 20%,#ffffff 80%,#dddddd 100%);
    background: linear-gradient(to right, #dddddd 0%,#ffffff 20%,#ffffff 80%,#dddddd 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#dddddd',GradientType=1 );
    background-color /*\**/: #dddddd\9;
}
.menuInner, .menuInner2 {width:974px; margin:auto;}

#navigation {margin:0; padding:0; list-style:none;}
ul#navigation {
	font-size:12px;
	font-weight:bold;
	height:43px;
	position:relative;
	z-index:3500;
	float:left;
	width:100%;
	margin-bottom:0px;
}
ul#navigation li.cartUser span {padding:12px 0 0; color:#444; display:block;}
ul#navigation li {float:left; height:100%; *height:43px; margin:0;}

ul#navigation li.right_text {background:none; font-weight:normal; color:#555; float:right;}
ul#navigation li.right_text a {color:#1F4F82; text-decoration:none;}
ul#navigation li.right_text a:hover {text-decoration:underline;}
ul#navigation li.right_text span {border-right:1px solid #AAA; display:inline-block; margin:10px 0; padding:2px 7px; float:left;}
ul#navigation li.right_text span.lastEle {border-right:none; padding-right:0;}


/* Bread Crumb */
#breadCrumb {
    width:100%;
    height:30px;
    margin-bottom:10px;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg4ODg4OCIgc3RvcC1vcGFjaXR5PSIwLjUiLz4KICAgIDxzdG9wIG9mZnNldD0iMjAlIiBzdG9wLWNvbG9yPSIjYmJiYmJiIiBzdG9wLW9wYWNpdHk9IjAuMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI4MCUiIHN0b3AtY29sb3I9IiNiYmJiYmIiIHN0b3Atb3BhY2l0eT0iMC4xIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4ODg4ODgiIHN0b3Atb3BhY2l0eT0iMC41Ii8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(left,  rgba(136,136,136,0.5) 0%, rgba(187,187,187,0.1) 20%, rgba(187,187,187,0.1) 80%, rgba(136,136,136,0.5) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(136,136,136,0.5)), color-stop(20%,rgba(187,187,187,0.1)), color-stop(80%,rgba(187,187,187,0.1)), color-stop(100%,rgba(136,136,136,0.5)));
	background: -webkit-linear-gradient(left,  rgba(136,136,136,0.5) 0%,rgba(187,187,187,0.1) 20%,rgba(187,187,187,0.1) 80%,rgba(136,136,136,0.5) 100%);
	background: -o-linear-gradient(left,  rgba(136,136,136,0.5) 0%,rgba(187,187,187,0.1) 20%,rgba(187,187,187,0.1) 80%,rgba(136,136,136,0.5) 100%);
	background: -ms-linear-gradient(left,  rgba(136,136,136,0.5) 0%,rgba(187,187,187,0.1) 20%,rgba(187,187,187,0.1) 80%,rgba(136,136,136,0.5) 100%);
	background: linear-gradient(to right,  rgba(136,136,136,0.5) 0%,rgba(187,187,187,0.1) 20%,rgba(187,187,187,0.1) 80%,rgba(136,136,136,0.5) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80888888', endColorstr='#80888888',GradientType=1 );
    *background-color: #eeeeee;
    background-color /*\**/: #eeeeee\9;
    border-bottom: 1px solid #E4E4E4;
}
#breadCrumb .breadCrumb_left_txt {float:left; font-size:11px; color:#333333; font-weight:bold; margin-top:8px;}
#breadCrumb .breadCrumb_right_txt {
    float:right; position:relative; 
    font-size:12px; font-weight:bold; color: #333333; 
    padding:8px 0 0 20px;
}
#breadCrumb .breadCrumb_right_txt b {
    background: url("/education/ou_rd14/image/imgSpritR.png") no-repeat scroll -237px -38px rgba(0, 0, 0, 0);
    width: 15px; height: 15px;
    position: absolute; left: 0; top: 8px;
}
/* Buttons */
.buttonHolder {margin:15px;}
.button {
	font-weight:bold;
	display:inline-block;
	zoom:1;
	*display:inline;
	vertical-align:baseline;
	margin:0;
	outline:none;
	cursor:pointer;
	text-align:center;
	text-decoration:none;
	padding:4px 12px;
	text-shadow:0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;
	-webkit-box-shadow:0 1px 3px rgba(0,0,0,.4);
	-moz-box-shadow:0 1px 3px rgba(0,0,0,.4);
	box-shadow:0 1px 3px rgba(0,0,0,.4);
	line-height:normal;
}
.button:hover {text-decoration:none;}
.button:active {position:relative; top:1px;}
.white {
	color:#555 !important;
	font-size:11px;
	padding:2px 12px;
	text-shadow:0 1px 1px rgba(0, 0, 0, 0.2);
	border:solid 1px #b7b7b7;
	background:#fff;
	position:relative;
	background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background:-moz-linear-gradient(top,  #fff,  #ededed);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}
.white:hover {
	background:#ededed;
	background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
	background:-moz-linear-gradient(top,  #fff,  #dcdcdc);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
}
.white:active {
	color:#999 !important;
	background:-webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
	background:-moz-linear-gradient(top,  #ededed,  #fff);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
}
.red {
	color:#faddde !important; font-size:12px;
	border:solid 1px #980c10;
	background:#d81b21;
	position:relative;
	background:-webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317));
	background:-moz-linear-gradient(top,  #ed1c24,  #aa1317);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317');
}
.red:hover {
	background:#b61318;
	background:-webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115));
	background:-moz-linear-gradient(top,  #c9151b,  #a11115);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115');
}
.red:active {
	color:#de898c !important;
	background:-webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24));
	background:-moz-linear-gradient(top,  #aa1317,  #ed1c24);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa1317', endColorstr='#ed1c24');
}
.bigBtn {font-weight:bold; font-size:16px; padding:4px 30px;}
.red:before
{
	-moz-box-shadow:0 0 3px 1px #FFF; -webkit-box-shadow:0 0 3px 1px #FFF; box-shadow:0 0 3px 1px #FFF;
	content:"";
	display:block;
	height:30px; width:0;
	left:0; top:-3px;
	padding:0;
	position:absolute;
	z-index:2;
	-ms-transform:rotate(-30deg);
	-webkit-transform:rotate(-30deg);
	transform:rotate(-30deg);
	border-left:2px solid white;
	top:-3px
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity:0;
	opacity:0;
}
.bigBtn:before {height:34px;}
.white:before
{
	-moz-box-shadow:0 0 2px 0 #aaa; -webkit-box-shadow:0 0 2px 0 #aaa; box-shadow:0 0 2px 0 #aaa;
	content:"";
	display:block;
	height:21px; width:0;
	left:0; top:-1px;
	padding:0;
	position:absolute;
	z-index:2;
	-ms-transform:rotate(-30deg);
	-webkit-transform:rotate(-30deg);
	transform:rotate(-30deg);
	border-left:1px solid #777;
	top:-3px
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity:0;
	opacity:0;
}
.white:hover:before {
	-webkit-animation:redBtm .4s 1 normal linear 0s; 
	-moz-animation:redBtm .4s 1 normal linear 0s; 
	-ms-animation:redBtm .4s 1 normal linear 0s; 
	-o-animation:redBtm .4s 1 normal linear 0s; 
	animation:redBtm .4s 1 normal linear 0s;
}
.red:hover:before
{
	-webkit-animation:redBtm .4s 1 normal linear 0s; 
	-moz-animation:redBtm .4s 1 normal linear 0s; 
	-ms-animation:redBtm .4s 1 normal linear 0s; 
	-o-animation:redBtm .4s 1 normal linear 0s; 
	animation:redBtm .4s 1 normal linear 0s;
}
@-webkit-keyframes redBtm {
	0%   {left:0; -khtml-opacity:0; opacity:0;}
	10%  {left:10%; -khtml-opacity:1; opacity:1;}
	90%  {left:100%; -khtml-opacity:0; opacity:0;}
	100%  {left:0; -khtml-opacity:0; opacity:0;}
}
@-moz-keyframes redBtm {
	0%   {left:0; -moz-opacity:0;}
	10%  {left:10%; -moz-opacity:1;}
	90%  {left:100%; -moz-opacity:0;}
	100%  {left:0; -moz-opacity:0;}
}
@-ms-keyframes redBtm {
	0%   {left:0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";}
	10%  {left:10%; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
	90%  {left:100%; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";}
	100%  {left:0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";}
}
@-o-keyframes redBtm {
	0%   {left:0; opacity:0;}
	10%  {left:10%; opacity:1;}
	90%  {left:100%; opacity:0;}
	100% {left:0; opacity:0;}
}
@keyframes redBtm {
	0%   {left:0; opacity:0;}
	10%  {left:10%; opacity:1;}
	90%  {left:100%; opacity:0;}
	100% {left:0; opacity:0;}
}
#buttonWrapper1, #buttonWrapper2 {float:right;}
.button1 {float:left; margin:13px 17px;}
.button2 {float:right; margin:10px 17px;}

hr {
	border:none;
	height:1px;
	color:#ddd;
	background-color:#ddd;
	margin:6px 0;
}
.reqreq {
	color:#FF0000;
	display:inline-block;
	float:none;
	font-size:15px;
	line-height:normal;
	margin-right:2px;
	vertical-align:-4px;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ General STYLE ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#darkBack {
	background-color:#000;
	position:absolute;
	width:100%; height:100%;
	z-index:20002;
	left:0; top:0;
	filter:alpha(opacity=60);
	opacity:0.6;
	visibility:visible;
	display:none;
}
.helpContainer {
	background:#fcfcfc;
	background:-moz-linear-gradient(45deg,  #fcfcfc 0%, #e9efef 100%);
	background:-webkit-gradient(linear, left bottom, right top, color-stop(0%,#fcfcfc), color-stop(100%,#e9efef));
	background:-webkit-linear-gradient(45deg,  #fcfcfc 0%,#e9efef 100%);
	background:-o-linear-gradient(45deg,  #fcfcfc 0%,#e9efef 100%);
	background:-ms-linear-gradient(45deg,  #fcfcfc 0%,#e9efef 100%);
	background:linear-gradient(45deg,  #fcfcfc 0%,#e9efef 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#e9efef',GradientType=1 );
	position:absolute;
	border:1px solid #333;
	width:600px;	
	z-index:20003;  
	filter:alpha(opacity=95);
	opacity:0.95;
	padding:15px;
	white-space:normal;
	text-align:justify;
	font-weight:normal;
	-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;
	-webkit-box-shadow:0 0 15px 0 #333; -moz-box-shadow:0 0 15px 0 #333; box-shadow:0 0 15px 0 #333;
	left:0;
	top:15%;
	visibility:visible;
	display:none;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
#helpVideoDiv {
	background:#fff;
	position:absolute;
	border:15px solid #222;
	width:878px; height:507px;
	z-index:20003;
	padding:0;
	white-space:normal;
	text-align:left;
	font-weight:normal;
	-moz-border-radius:7px; -webkit-border-radius:7px; border-radius:7px;
	-webkit-box-shadow:0 0 15px 0 #333; -moz-box-shadow:0 0 15px 0 #333; box-shadow:0 0 15px 0 #333;
	margin:auto;
	top:15%;
	visibility:visible;
	display:none;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
#helpVideoDiv #helpVideoInner {width:100%; height:100%; display:block; text-align: center;}
#helpVideoDiv #helpVideoInner .loadVideo {
    background: url("/education/ou_rd14/image/cartload.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: inline-block;
    height: 10%;
    margin: 15% auto auto;
    width: 20px;
}
.hviframe {width:100%; height:100%;}
#helpVideoDiv a.closeMe {
	cursor:pointer;
	height:36px;
	position:absolute;
	right:-30px;
	top:-30px;
	width:36px;
	z-index:20004;
	background:url("/education/ou_rd14/image/cart_sprite.png") no-repeat scroll 0 -30px transparent;
}
.VideoHelp {
	background:#f4f4f4;
	background:-moz-linear-gradient(45deg,  #f4f4f4 0%, #e3efef 100%);
	background:-webkit-gradient(linear, left bottom, right top, color-stop(0%,#f4f4f4), color-stop(100%,#e3efef));
	background:-webkit-linear-gradient(45deg,  #f4f4f4 0%,#e3efef 100%);
	background:-o-linear-gradient(45deg,  #f4f4f4 0%,#e3efef 100%);
	background:-ms-linear-gradient(45deg,  #f4f4f4 0%,#e3efef 100%);
	background:linear-gradient(45deg,  #f4f4f4 0%,#e3efef 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#e3efef',GradientType=1 );
	border:1px solid #D9D9D9;
	-moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; 
	-moz-box-shadow:1px 1px 4px 1px #dfdfdf; -webkit-box-shadow:1px 1px 4px 1px #dfdfdf; box-shadow:1px 1px 4px 1px #dfdfdf;
	color:#222;
	padding:0; margin:9px 20px 15px 0;
	float:right;
	display:block;
	width:245px;
	z-index:2000;
}
.VideoHelp .vhHeader {
	background:#9facac;
	background:-moz-linear-gradient(45deg,  #9facac 0%, #91a1a1 100%);
	background:-webkit-gradient(linear, left bottom, right top, color-stop(0%,#9facac), color-stop(100%,#91a1a1));
	background:-webkit-linear-gradient(45deg,  #9facac 0%,#91a1a1 100%);
	background:-o-linear-gradient(45deg,  #9facac 0%,#91a1a1 100%);
	background:-ms-linear-gradient(45deg,  #9facac 0%,#91a1a1 100%);
	background:linear-gradient(45deg,  #9facac 0%,#91a1a1 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#9facac', endColorstr='#91a1a1',GradientType=1 );
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
	color:#FFF;
	font-size:16px;
	margin-left:-1px;
	padding:3px 15px;
	text-align:left;
	width:247px;
	text-shadow:1px 1px 2px #777;
}
.VideoHelp:hover .vhHeader {
	-webkit-border-radius:4px 4px 0 0; -moz-border-radius:4px 4px 0 0; border-radius:4px 4px 0 0;
}
.VideoHelp .vhHeader span {float:right; font-size:14px; font-weight:bold;}
.VideoHelp .vhBody {display:none;}
.VideoHelp h2 {
	border-bottom:2px solid #999999;
	color:#555555;
	font-size:15px;
	font-weight:normal;
	margin:15px 15px 0;
	text-align:left;
}
.VideoHelp p {
	text-align:left;
	color:#444;
	margin:7px 15px !important;
}
.VideoHelp .demoVideo {
	-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;
	border:1px solid #999999;
	height:90px;
	margin:auto auto 15px;
	width:210px;
	cursor:pointer;
	background: url("/education/ou_rd14/image/scVideoIcon.jpg") no-repeat scroll 0 -90px rgba(0, 0, 0, 0);
}
.VideoHelp .demoVideo:hover {background-position:0 0;}
.VideoHelp a.cartChat, a.cartChat {
	color:white;
	background:#5b7795;
	background:-moz-linear-gradient(45deg,  #5b7795 0%, #48698c 100%);
	background:-webkit-gradient(linear, left bottom, right top, color-stop(0%,#5b7795), color-stop(100%,#48698c));
	background:-webkit-linear-gradient(45deg,  #5b7795 0%,#48698c 100%);
	background:-o-linear-gradient(45deg,  #5b7795 0%,#48698c 100%);
	background:-ms-linear-gradient(45deg,  #5b7795 0%,#48698c 100%);
	background:linear-gradient(45deg,  #5b7795 0%,#48698c 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#5b7795', endColorstr='#48698c',GradientType=1 );
	border:1px solid #48698C;
	-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;
	display:block;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	margin:auto auto 15px;
	padding:10px 0;
	width:215px;
	position:relative; overflow:hidden;
	-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;
	-moz-box-shadow:0 1px 4px 0 #bbb; -webkit-box-shadow:0 1px 4px 0 #bbb; box-shadow:0 1px 4px 0 #bbb;
	-moz-transition:all .2s ease-in; -webkit-transition:all .2s ease-in; -o-transition:all .2s ease-in; transition:all .2s ease-in; 
}
.VideoHelp a.cartChat b, .VideoHelp a.cartChat i {
	background:url("/education/ou_rd14/image/cart_sprite.png") no-repeat scroll 0 -67px transparent;
	position:absolute;
	height:23px; width:29px;
	top:5px; left:15px;
	-moz-transition:all .2s ease-in; -webkit-transition:all .2s ease-in; -o-transition:all .2s ease-in; transition:all .2s ease-in;
}
.VideoHelp a.cartChat i {
	background-position:0 -91px;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity:0;
	opacity:0;
	-webkit-transform:scale(8,4);
	-moz-transform:scale(8,4);
	-ms-transform:scale(8,4);
	transform:scale(8,4);
}
.VideoHelp a:hover.cartChat {
	text-decoration:none;
	text-shadow:0 0 3px #fff;
}
.VideoHelp a:hover.cartChat b {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity:0;
	opacity:0;
	-webkit-transform:scale(4,8);
	-moz-transform:scale(4,8);
	-ms-transform:scale(4,8);
	transform:scale(4,8);
}
.VideoHelp a:hover.cartChat i {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity:1;
	opacity:1;
	-webkit-transform:scale(1,1);
	-moz-transform:scale(1,1);
	-ms-transform:scale(1,1);
	transform:scale(1,1);
}
.VideoHelpHolder {clear:both; display:block; float:none; position:relative;}
.VideoHelpHolder .VideoHelp {position:absolute !important; margin:-2px 15px 15px 0 !important; right: 0;}
.VideoHelpHolder .VideoHelp.posTop {margin-top: 12px !important;}
.num_set {text-align:left; padding:13px 15px 10px;}
.num_set .nums {
	background-color:#E44;
	border:3px solid #FFF;
	-moz-border-radius:16px; -webkit-border-radius:16px; border-radius:16px;
	box-shadow:0 0 3px 0 #555;
	color:#FFF;
	display:inline-block;
	font-size:13px;
	font-weight:bold;
	height:23px;
	text-align:center;
	vertical-align:2px;
	width:23px;
	-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;
}
.num_set .nums_text {
	display:inline;
	color:#666;
	font-size:16px;
	font-weight:normal;
	margin:0 0 0 3px;
	text-align:left;
	text-shadow:1px 1px 2px #DDDDDD;
}
/* **************************************************************** */
#content #contentarea .newRCbox1 {
	border:1px solid #ddd; 
	margin:0; 
	-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;
	-webkit-box-shadow:1px 1px 5px 0 #e8e8e8; -moz-box-shadow:1px 1px 5px 0 #e8e8e8; box-shadow:1px 1px 5px 0 #e8e8e8;
	background:#fcfcfc;
	background:-moz-linear-gradient(-45deg,  #fcfcfc 0%, #fafafa 100%);
	background:-webkit-gradient(linear, left top, right bottom, color-stop(0%,#fcfcfc), color-stop(100%,#fafafa));
	background:-webkit-linear-gradient(-45deg,  #fcfcfc 0%,#fafafa 100%);
	background:-o-linear-gradient(-45deg,  #fcfcfc 0%,#fafafa 100%);
	background:-ms-linear-gradient(-45deg,  #fcfcfc 0%,#fafafa 100%);
	background:linear-gradient(135deg,  #fcfcfc 0%,#fafafa 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#fafafa',GradientType=1 );
}
#content #contentarea .newRCbox1 H1 {
	color:#333;
	text-align:left;
	font-size:24px;
	font-weight:normal;
	margin:30px 15px;
	padding:0;
	float:left;
	text-shadow:2px 2px 2px #CCCCCC;
}
#page #content #contentarea H3 {
	color:#666;
	font-weight:normal; font-size:16px;
	margin:0; text-align:left;
	padding:13px 15px 10px;
	text-shadow:1px 1px 2px #DDD;
}
#page #content #contentarea H3.small {font-size:14px;}
#page #content #contentarea H4 {
	color:#555;
	font-weight:normal; font-size:14px;
	margin:0 0 6px; text-align:left;
	padding:0 15px; clear:both;
}
#page #content #contentarea H5 {
	color:#666;
	font-weight:bold; font-size:12px;
	margin:0 0 6px; text-align:left;
	padding:0 15px; clear:both;
}
#content #contentarea .newRCbox1 p {margin:15px; clear:both;}
.clear {clear:both;}

input, select, textarea {
	font-size:11px; color:#333; border:1px solid #AAA; vertical-align:-2px; padding:2px 3px; outline:none; zoom:1; 
	background:#f1f1f1; 
	background:-moz-linear-gradient(top, #f1f1f1 0%, #FBFBFB 100%); 
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1f1f1), color-stop(100%,#FBFBFB)); 
	background:-webkit-linear-gradient(top, #f1f1f1 0%,#FBFBFB 100%); 
	background:-o-linear-gradient(top, #f1f1f1 0%,#FBFBFB 100%); 
	background:-ms-linear-gradient(top, #f1f1f1 0%,#FBFBFB 100%); 
	background:linear-gradient(top, #f1f1f1 0%,#FBFBFB 100%); 
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#FBFBFB',GradientType=0 ); 
	-moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; box-shadow:0 0 3px 0 #e2e2e2; -moz-box-shadow:0 0 3px 0 #e2e2e2; -webkit-box-shadow:0 0 3px 0 #e2e2e2; 
	transition:all .6s; -moz-transition:all .6s; -webkit-transition:all .6s; -o-transition:all .6s; 
	box-sizing:content-box; -ms-box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; 
}
input[type=text], select, textarea {width:58%;}
textarea {font:inherit; font-size:11px; height:50px;}
input:hover, select:hover, textarea:hover {border:1px solid #777; box-shadow:0 0 5px 0 #aaa; -moz-box-shadow:0 0 5px 0 #aaa; -webkit-box-shadow:0 0 5px 0 #aaa;}
input:focus, select:focus, textarea:focus, input:active, select:active, textarea:active {
	box-shadow:0 0 5px rgba(255,100,100,1.0); -moz-box-shadow:0 0 5px rgba(255,100,100,1.0); -webkit-box-shadow:0 0 5px rgba(255,100,100,1.0); 
	border-color:#777; 
	background:#fcf1f1; 
	background:-moz-linear-gradient(top, #fcf1f1 0%, #FBFBFB 100%); 
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcf1f1), color-stop(100%,#FBFBFB)); 
	background:-webkit-linear-gradient(top, #fcf1f1 0%,#FBFBFB 100%); 
	background:-o-linear-gradient(top, #fcf1f1 0%,#FBFBFB 100%); 
	background:-ms-linear-gradient(top, #fcf1f1 0%,#FBFBFB 100%); 
	background:linear-gradient(top, #fcf1f1 0%,#FBFBFB 100%); 
}
input[readonly], select[readonly], textarea[readonly] {background:#DDD;}
input[readonly]:hover, select[readonly]:hover, textarea[readonly]:hover,
input[readonly]:focus, select[readonly]:focus, textarea[readonly]:focus,
input[readonly]:active, select[readonly]:active, textarea[readonly]:active
{border:1px solid #AAA; box-shadow:0 0 3px 0 #e2e2e2; -moz-box-shadow:0 0 3px 0 #e2e2e2; -webkit-box-shadow:0 0 3px 0 #e2e2e2;}
input[type="radio"], input[type="radio"]:hover, input[type="radio"]:focus {
    border:0;
    box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none;
    background: none;
}
.amountBox {
	background:#f4f4f4;
	background:-moz-linear-gradient(45deg,  #f4f4f4 0%, #e3efef 100%);
	background:-webkit-gradient(linear, left bottom, right top, color-stop(0%,#f4f4f4), color-stop(100%,#e3efef));
	background:-webkit-linear-gradient(45deg,  #f4f4f4 0%,#e3efef 100%);
	background:-o-linear-gradient(45deg,  #f4f4f4 0%,#e3efef 100%);
	background:-ms-linear-gradient(45deg,  #f4f4f4 0%,#e3efef 100%);
	background:linear-gradient(45deg,  #f4f4f4 0%,#e3efef 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#e3efef',GradientType=1 );
	border:1px solid #D9D9D9;
	-moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; 
	-moz-box-shadow:1px 1px 4px 1px #dfdfdf; -webkit-box-shadow:1px 1px 4px 1px #dfdfdf; box-shadow:1px 1px 4px 1px #dfdfdf;
	color:#222;
	padding:10px; margin:15px 20px;
	float:right;
	font-weight:bold;
	width:auto;
}
.amountBox div.total {color:#E80B0B; border-top:1px solid #E80B0B; float:left; margin-top:2px; padding-top:3px; width:100%;}
.amountBox div.abs {width:auto; float:none; clear:both;}
.amountBox div.abl {float:left; margin-right:20px;}
.amountBox div.abr {float:right;}
.amountBox div.abs.dis1 {margin-top:6px;}
.amountBox div.abs.dis2 {margin-bottom:5px; padding-bottom:2px;}
.amountBox div.nonDiscount {color: #422; font-style: italic; padding-top: 5px;}

#navcontainer {width:940px; clear:both; border-top:1px solid red; margin-top:10px; margin-bottom:20px;}
#navcontainer ul {list-style-type:none; margin-top:8px; clear:both;}
#navcontainer ul li {display:inline; padding:0 20px; font-size:12px; font-weight:bold;}
#navcontainer ul li span {color:#999; position:relative;}
#navcontainer ul li span b {
	background-color:#ccc;
	border:2px solid #FFF;
	-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;
	-moz-box-shadow:0 0 0 2px #aaa, 1px 1px 3px 2px #BBB;
	-webkit-box-shadow:0 0 0 2px #aaa, 1px 1px 3px 2px #BBB; 
	box-shadow:0 0 0 2px #aaa, 1px 1px 3px 2px #BBB;
	display:inline-block;
	height:7px;
	left:45%;
	top:-16px;
	position:absolute;
	width:7px;
}
#navcontainer ul li span.active {color:#fa0000;}
#navcontainer ul li span.active b {
	background-color:red; 
	-moz-box-shadow:0 0 0 2px #555, 1px 1px 3px 2px #999, 0px 0px 4px 2px #f66;
	-webkit-box-shadow:0 0 0 2px #555, 1px 1px 3px 2px #999, 0px 0px 4px 2px #f66;
	box-shadow:0 0 0 2px #555, 1px 1px 3px 2px #999, 0px 0px 4px 2px #f66;
}
#navcontainer ul li span a {color:#1F4F82; text-decoration:none; -moz-transition:all .2s ease-in; -webkit-transition:all .2s ease-in; -o-transition:all .2s ease-in; transition:all .2s ease-in;}
#navcontainer ul li span a b {
	background-color:#1F4F82;
	-moz-box-shadow:0 0 0 2px #777, 1px 1px 3px 2px #999;
	-webkit-box-shadow:0 0 0 2px #777, 1px 1px 3px 2px #999;
	box-shadow:0 0 0 2px #777, 1px 1px 3px 2px #999;
	-moz-transition:all .2s ease-in; -webkit-transition:all .2s ease-in; -o-transition:all .2s ease-in; transition:all .2s ease-in;
}
#navcontainer ul li span a:hover {color:#02203F;}
#navcontainer ul li span a:hover b {
	-moz-box-shadow:0 0 0 2px #000, 1px 1px 3px 2px #999, 0px 0px 4px 2px #1F4F82;
	-webkit-box-shadow:0 0 0 2px #000, 1px 1px 3px 2px #999, 0px 0px 4px 2px #1F4F82;
	box-shadow:0 0 0 2px #000, 1px 1px 3px 2px #999, 0px 0px 4px 2px #1F4F82;
}

#loadingData1, #loadingData2 {color:#444; margin:10px 17px;}
.loadingButton {margin-right:7px; vertical-align:-2px;}
.helpQC {
	top:6px; right:6px;
	position:absolute;
	display:inline-block;	
}
.helpQC .helpContainer {
	top:20px; left:-580px;
}
a.helpQ {
	border:2px solid #1F4F82;
	-webkit-border-radius:16px; -moz-border-radius:16px; border-radius:16px;
	display:inline-block;
	font-size:13px;
	font-weight:bold;
	height:16px;
	text-align:center;
	transform:rotate(0deg);
	vertical-align:middle;
	width:16px;
	-moz-box-shadow:0 0 2px 0 #999;
	-webkit-box-shadow:0 0 2px 0 #999;
	box-shadow:0 0 2px 0 #999;
	-moz-transition:all .2s ease-in; -webkit-transition:all .2s ease-in; -o-transition:all .2s ease-in; transition:all .2s ease-in;
}
.helpQC:hover a.helpQ, a:hover.helpQ {
	text-decoration:none;
	transform:rotate(360deg);
	background-color:#C4D9EF;
	-moz-box-shadow:0 0 3px 1px #7C9EC3;
	-webkit-box-shadow:0 0 3px 1px #7C9EC3;
	box-shadow:0 0 3px 1px #7C9EC3;
}

/* ..................................................................  */

/* Cart home */
.cartHomeTable {
	width:715px;
}
.cartHomeTable tr {
	line-height:24px;
	background:#f4f4f4;
	background:-moz-linear-gradient(top,  #f4f4f4 0%, #e3efef 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(100%,#e3efef));
	background:-webkit-linear-gradient(top,  #f4f4f4 0%,#e3efef 100%);
	background:-o-linear-gradient(top,  #f4f4f4 0%,#e3efef 100%);
	background:-ms-linear-gradient(top,  #f4f4f4 0%,#e3efef 100%);
	background:linear-gradient(to bottom,  #f4f4f4 0%,#e3efef 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#e3efef',GradientType=0 );
}
.cartHomeTable tr.delTr {
	background:-moz-linear-gradient(top,  #f4f4f4 0%, #FFDFDF 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(100%,#FFDFDF));
	background:-webkit-linear-gradient(top,  #f4f4f4 0%,#FFDFDF 100%);
	background:-o-linear-gradient(top,  #f4f4f4 0%,#FFDFDF 100%);
	background:-ms-linear-gradient(top,  #f4f4f4 0%,#FFDFDF 100%);
	background:linear-gradient(to bottom,  #f4f4f4 0%,#FFDFDF 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#FFDFDF',GradientType=0 );
}
.cartHomeTable td {
	border-bottom:1px solid #DDD;
	border-top:1px solid #FAFAFA;
	vertical-align:middle;
	font-size:14px; font-weight:bold;
	color:#333;
	height:90px;
	padding:0 3px;
}
.cartHomeTable tr td:first-child {padding-left:17px;}
.cartHomeTable tr td:last-child {padding-right:17px;}
.cartHomeTable tr.calc {background:none;}
.cartHomeTable tr.calc td {border-top:none; height:50px; color:red; white-space:nowrap;}
.cartHomeTable td .smalltext {
	color:#817777;
	display:inline-block;
	font-size:12px;
	margin:0;
	white-space:nowrap;
	line-height:16px;
}
.cartHomeTable td input {width:30px; vertical-align:2px;}
.cartHomeLeft {
	border-right:1px solid #DDD;
	padding-bottom:15px;
	padding-top:15px;
	width:715px;
	float:left;
}
#content #contentarea .newRCbox1 .cartHomeLeft H1 {margin:15px 15px 30px; float:none;}
a.deleteCourseIcon b {
	background:url("/education/ou_rd14/image/cart_sprite.png") no-repeat scroll 0 0 transparent;
	height:15px; width:15px;
	margin-top:-3px; display:block;
}
a.deleteCourseIcon b:hover {
	background:url("/education/ou_rd14/image/cart_sprite.png") no-repeat scroll 0 -15px transparent;
	-webkit-animation:homeDel .3s 1 normal ease-in 0s; 
	-moz-animation:homeDel .3s 1 normal ease-in 0s; 
	-ms-animation:homeDel .3s 1 normal ease-in 0s; 
	-o-animation:homeDel .3s 1 normal ease-in 0s; 
	animation:homeDel .3s 1 normal ease-in 0s;
}
@-webkit-keyframes homeDel {
	0%   {-webkit-transform:translate(3px, 0);}
	17%  {-webkit-transform:translate(-3px, 0);}
	34%  {-webkit-transform:translate(2px, 0);}
	51%  {-webkit-transform:translate(-2px, 0);}
	68%  {-webkit-transform:translate(1px, 0);}
	85%  {-webkit-transform:translate(-1px, 0);}
	100% {-webkit-transform:translate(1px, 0);}
}
@-moz-keyframes homeDel {
	0%   {-moz-transform:translate(3px, 0);}
	17%  {-moz-transform:translate(-3px, 0);}
	34%  {-moz-transform:translate(2px, 0);}
	51%  {-moz-transform:translate(-2px, 0);}
	68%  {-moz-transform:translate(1px, 0);}
	85%  {-moz-transform:translate(-1px, 0);}
	100% {-moz-transform:translate(1px, 0);}
}
@-ms-keyframes homeDel {
	0%   {transform:translate(3px, 0);}
	17%  {transform:translate(-3px, 0);}
	34%  {transform:translate(2px, 0);}
	51%  {transform:translate(-2px, 0);}
	68%  {transform:translate(1px, 0);}
	85%  {transform:translate(-1px, 0);}
	100% {transform:translate(1px, 0);}
}
@-o-keyframes homeDel {
	0%   {transform:translate(3px, 0);}
	17%  {transform:translate(-3px, 0);}
	34%  {transform:translate(2px, 0);}
	51%  {transform:translate(-2px, 0);}
	68%  {transform:translate(1px, 0);}
	85%  {transform:translate(-1px, 0);}
	100% {transform:translate(1px, 0);}
}
@keyframes homeDel {
	0%   {transform:translate(3px, 0);}
	17%  {transform:translate(-3px, 0);}
	34%  {transform:translate(2px, 0);}
	51%  {transform:translate(-2px, 0);}
	68%  {transform:translate(1px, 0);}
	85%  {transform:translate(-1px, 0);}
	100% {transform:translate(1px, 0);}
}
.cartHomeRight {float:left; width:255px; text-align:center;}
#content #contentarea .newRCbox1 .cartHomeRight h1 {
	color:red;
	font-size:22px;
	margin-top:30px;
	text-align:center;
	text-shadow:1px 1px 3px #fcc;
	float:none;
}
.cartHomeRight h2 {font-size:24px; font-weight:bold; color:#444; text-shadow:1px 1px 3px #CCC;}
.cartHomeRight p {font-size:12px; font-weight:bold; margin:20px 10px;}
.cartHomeRight p span {padding-left:5px;}

/* Customer type */
#custTypeTable {margin:0 17px; float:left; width:667px;}
#custTypeTable td {padding:12px 0; vertical-align:top; text-align:left;}
#custTypeTable td input {margin:2px 7px 0 0;}

/* Agreement type */
.custDetTableOuter {
	width:750px;
	padding:3px;
	border:1px solid #ccc;
	margin:30px auto;
	-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;
	-webkit-box-shadow:1px 1px 4px #eee;
	-moz-box-shadow:1px 1px 4px #eee;
	box-shadow:1px 1px 4px #eee;
	background:#eee;
	background:-moz-linear-gradient(-45deg,  #eee 0%, #fafafa 100%);
	background:-webkit-gradient(linear, left top, right bottom, color-stop(0%,#eee), color-stop(100%,#fafafa));
	background:-webkit-linear-gradient(-45deg,  #eee 0%,#fafafa 100%);
	background:-o-linear-gradient(-45deg,  #eee 0%,#fafafa 100%);
	background:-ms-linear-gradient(-45deg,  #eee 0%,#fafafa 100%);
	background:linear-gradient(135deg,  #eee 0%,#fafafa 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#fafafa',GradientType=1 );
}
#custDetTable {width:100%; border-collapse:collapse; position:relative;}
#custDetTable tr td, #custDetTable tr th {
	padding:8px 10px;
	vertical-align:top !important;
	border:1px solid #fff;
}
#custDetTable tr th {background-color:#e8e8e8;}
#custDetTable tr td input[type=text], #custDetTable tr td select {width:260px; font-size:12px;}
#custDetTable tr td input, #custDetTable tr td select {margin:0;}
#custDetTable tr td b {color:#222; display:block;}
#custDetTable tr td span {color:#666; display:block; margin-top:3px;}

/* Customer Detail */
.custDetTable2 {margin:30px 0 10px; width:100%;}
.custDetTable2 tr td {vertical-align:top; padding-right:5px;}
.custDetTable2 tr td input, .custDetTable2 tr td select {width:250px; font-size:12px;}
.custDetTable2 div {
	height:29px;
	vertical-align:middle;
	white-space:nowrap;
}
.custDetVHbox {position:relative; margin-right:17px; margin-bottom:10px; width:100%; float:right;}
.custDetHelpQcbox {position:relative; float:right; margin-right:10px; margin-top:7px;}
.payMethHelpQcbox {float: right; margin-right: 10px; margin-top: -6px; position: relative;}
.payDetHelpQcbox{float: right; margin-right: 10px; margin-top: -49px; position: relative;}
.custDetTable2 .custDetPh1 {width:30px;}
.custDetTable2 .custDetPh2 {width:45px;}
.custDetTable2 .custDetPh3 {width:135px;}
.custDetTable2 .halfLength {width:120px !important; float:left;}
.custDetTable2 div.cart_infos, .custDetTable2 div span.information_inline, span.information_inline {font-size:11px; color:#F66666;}
#oppFormat {position:absolute; margin-left:4px; margin-top: 3px;}

/* Payment type */
.paymentTypeTab {margin:0 17px; float:left; width:940px;}
.paymentTypeTab td {padding:12px 0; vertical-align:top; border-bottom:1px solid #DDD; text-align:left;}
.paymentTypeTab tr:last-child td {border:0;}
.paymentTypeTab td input {margin:2px 7px 0 0;}
#ccFootNote {display:none; color:#F66666; font-weight:bold; margin:10px 0 0; font-size:12px;}

/* Payment details */
#cd_main_tax {position:relative;}
#taxMsgQue {cursor:pointer; -moz-transition:all .3s; -webkit-transition:all .3s; -o-transition:all .3s; transition:all .3s;}
#taxMsgQue:hover {color:red;}
#taxMsgOut {position:absolute; width:100%; left:0px; display:none; cursor:default;}
#taxMsgOut #taxMsgUp {
	height:7px; width:14px; 
	position:absolute; 
	background:url("/education/images/shopcart/up_arrow_mark.png") no-repeat scroll 0px 0px transparent;
	left:35px;
}
#taxMsgOut #taxMsgIn {
	color:#555; 
	font-weight:normal; 
	padding:5px 10px; 
	border:1px solid #CCC;
	-moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;
	margin:6px 0px 0px;
	background:#fff;
	background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZWUzZWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background:-moz-linear-gradient(top,  #fff 0%, #dee3ea 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#dee3ea));
	background:-webkit-linear-gradient(top,  #fff 0%,#dee3ea 100%);
	background:-o-linear-gradient(top,  #fff 0%,#dee3ea 100%);
	background:-ms-linear-gradient(top,  #fff 0%,#dee3ea 100%);
	background:linear-gradient(to bottom,  #fff 0%,#dee3ea 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dee3ea',GradientType=0 );
}
.paymentDetTableOuter {
	width:750px;
	padding:3px;
	border:1px solid #ccc;
	margin:20px auto;
	-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;
	-webkit-box-shadow:1px 1px 4px #eee;
	-moz-box-shadow:1px 1px 4px #eee;
	box-shadow:1px 1px 4px #eee;
	background:#eee;
	background:-moz-linear-gradient(-45deg,  #eee 0%, #fafafa 100%);
	background:-webkit-gradient(linear, left top, right bottom, color-stop(0%,#eee), color-stop(100%,#fafafa));
	background:-webkit-linear-gradient(-45deg,  #eee 0%,#fafafa 100%);
	background:-o-linear-gradient(-45deg,  #eee 0%,#fafafa 100%);
	background:-ms-linear-gradient(-45deg,  #eee 0%,#fafafa 100%);
	background:linear-gradient(135deg,  #eee 0%,#fafafa 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#fafafa',GradientType=1 );
}
.paymentDetTable {width:100%; border-collapse:collapse; position:relative;}
.paymentDetTable tr td, .paymentDetTable tr th {
	padding:4px 10px;
	vertical-align:top !important;
	border:1px solid #fff;
}
.paymentDetTable tr th {background-color:#e8e8e8; text-align:left;}
.paymentDetTable tr td input[type=text], .paymentDetTable tr td select {width:260px; font-size:12px; vertical-align:0;}
.paymentDetTable tr td input, .paymentDetTable tr td select {margin:0;}
.reveal-modal-bg {
  position:fixed;
  height:100%;
  width:100%;
  background:black;
  background:rgba(0, 0, 0, 0.45);
  z-index:3500;
  display:none;
  top:0;
  left:0; }

.reveal-modal {
  visibility:hidden;
  display:none;
  position:absolute;
  left:50%;
  z-index:3501;
  height:auto;
  margin-left:-47%;
  width:90%;
  background-color:white;
  padding:1.25em;
  border:solid 1px #666666;
  -webkit-box-shadow:0 0 10px rgba(0, 0, 0, 0.4);
  box-shadow:0 0 10px rgba(0, 0, 0, 0.4);
  top:50px; }
  .reveal-modal .column,
  .reveal-modal .columns {
	min-width:0; }
  .reveal-modal > :first-child {
	margin-top:0; }
  .reveal-modal > :last-child {
	margin-bottom:0; }
  .reveal-modal .close-reveal-modal {
	font-size:1.375em;
	line-height:1;
	position:absolute;
	top:0.5em;
	right:0.6875em;
	color:#aaaaaa;
	font-weight:bold;
	cursor:pointer; }

@media only screen and (min-width:768px) {
  .reveal-modal {
	padding:1.875em;
	top:6.25em; }
	.reveal-modal.tiny {
	  margin-left:-15%;
	  width:30%; }
	.reveal-modal.small {
	  margin-left:-20%;
	  width:40%; }
	.reveal-modal.medium {
	  margin-left:-30%;
	  width:60%; }
	.reveal-modal.large {
	  margin-left:-35%;
	  width:70%; }
	.reveal-modal.xlarge {
	  margin-left:-47.5%;
	  width:95%; } }
@media print {
  .reveal-modal {
	background:#fff !important; } }

.paymentDetTable .payMsg {
	background:#f4f4f4;
	background:-moz-linear-gradient(45deg,  #f4f4f4 0%, #e3efef 100%);
	background:-webkit-gradient(linear, left bottom, right top, color-stop(0%,#f4f4f4), color-stop(100%,#e3efef));
	background:-webkit-linear-gradient(45deg,  #f4f4f4 0%,#e3efef 100%);
	background:-o-linear-gradient(45deg,  #f4f4f4 0%,#e3efef 100%);
	background:-ms-linear-gradient(45deg,  #f4f4f4 0%,#e3efef 100%);
	background:linear-gradient(45deg,  #f4f4f4 0%,#e3efef 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#e3efef',GradientType=1 );
	border:1px solid #D9D9D9;
	-moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; 
	-moz-box-shadow:1px 1px 4px 1px #dfdfdf; -webkit-box-shadow:1px 1px 4px 1px #dfdfdf; box-shadow:1px 1px 4px 1px #dfdfdf;
	margin:10px 0 15px;
	padding:10px 15px;
	text-align:left;
	display:inline-block;
	width:500px;
	white-space:normal;
}
.paymentDetTable .helpQC {
	top:3px;
}
.ccTransOk {
	background:url("/education/ou_rd14/image/cart_sprite.png") no-repeat scroll -3px -136px transparent;
	height:28px;
	width:28px;
}
.ccTransOkMsg {
	font-weight:bold; font-size:14px; color:#91C741;
}
.ccTransCan {
	background:url("/education/ou_rd14/image/cart_sprite.png") no-repeat scroll -3px -167px transparent;
	height:28px;
	width:28px;
	margin-top:10px;
}
.ccTransCanMsg {
	font-weight:bold; font-size:14px; color:#ED1C24;
}

.cart_infos2 {
	color:#666;
	float:left;
	font-size:11px;
	margin-top:10px;
}
a.payInfoLink {width:260px !important; margin-top:20px !important;}
a:hover.payInfoLink {
	border:1px solid #234365;
	-webkit-box-shadow:0 0 5px 1px #999;
	-moz-box-shadow:0 0 5px 1px #999;
	box-shadow:0 0 5px 1px #999;
}

/* Order verification */
.ovMsg1 {
	width:auto;
	padding:5px 10px;
	border:1px solid #ccc;
	margin:20px 15px 5px;
	-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;
	-webkit-box-shadow:1px 1px 4px #eee;
	-moz-box-shadow:1px 1px 4px #eee;
	box-shadow:1px 1px 4px #eee;
	background:#eee;
	background:-moz-linear-gradient(-45deg,  #eee 0%, #fafafa 100%);
	background:-webkit-gradient(linear, left top, right bottom, color-stop(0%,#eee), color-stop(100%,#fafafa));
	background:-webkit-linear-gradient(-45deg,  #eee 0%,#fafafa 100%);
	background:-o-linear-gradient(-45deg,  #eee 0%,#fafafa 100%);
	background:-ms-linear-gradient(-45deg,  #eee 0%,#fafafa 100%);
	background:linear-gradient(135deg,  #eee 0%,#fafafa 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#fafafa',GradientType=1 );
	text-align:left;
	-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;
}
.billadd, .billadd2 {
	width:305px;
	padding:10px;
	border:1px solid #ccc;
	margin:5px 0 15px 14px;
	-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;
	-webkit-box-shadow:1px 1px 4px #eee;
	-moz-box-shadow:1px 1px 4px #eee;
	box-shadow:1px 1px 4px #eee;
	background:#eee;
	background:-moz-linear-gradient(-45deg,  #eee 0%, #fafafa 100%);
	background:-webkit-gradient(linear, left top, right bottom, color-stop(0%,#eee), color-stop(100%,#fafafa));
	background:-webkit-linear-gradient(-45deg,  #eee 0%,#fafafa 100%);
	background:-o-linear-gradient(-45deg,  #eee 0%,#fafafa 100%);
	background:-ms-linear-gradient(-45deg,  #eee 0%,#fafafa 100%);
	background:linear-gradient(135deg,  #eee 0%,#fafafa 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#fafafa',GradientType=1 );
	text-align:left; float:left;
	-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;	
}
.billadd2 {width:700px; float:none; margin:5px auto 21px;}
.billadd3 {float:none; margin:5px 0; padding:0;}
.billadd .button2, .billadd2 .button2 {margin:-5px -5px 0 10px;}
.billadd3 .button2 {margin:5px 5px 10px 0;}
#content #contentarea .newRCbox1 .billadd p {margin:10px 0; font-size:12px;}
.billadd b {color:#F23333; text-shadow:1px 1px 3px #ccc;}
.billadd strong {font-size:13px;}
.billadd2 div {margin-bottom:15px; font-weight:bold;}
.billadd2 div span {text-align:right; width:48%; display:inline-block; margin-right:5px; font-weight:normal;}
.information_box {font-size:11px; color:#F66666; padding:5px 10px 5px 17px; float:left;}
.information_box i {
	border:2px solid #F66666;
	-webkit-border-radius:16px; -moz-border-radius:16px; border-radius:16px;
	display:inline-block;
	font-size:12px;
	font-weight:bold;
	height:15px;
	text-align:center;
	vertical-align:-1px;
	font-style:normal;
	width:15px;
	margin-right:5px;
	-moz-box-shadow:0 0 2px 0 #f99999;
	-webkit-box-shadow:0 0 2px 0 #f99999;
	box-shadow:0 0 2px 0 #f99999;
}
.ovTable1 {width:100%; margin-top:25px;}
.ovTable1 td.tamount {width:1%; text-align:right; white-space:nowrap;}
.ovTable1 tr {line-height:24px;}
.ovTable1 tr.ovTableCou {
	background:#f4f4f4;
	background:-moz-linear-gradient(top,  #f4f4f4 0%, #e3efef 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(100%,#e3efef));
	background:-webkit-linear-gradient(top,  #f4f4f4 0%,#e3efef 100%);
	background:-o-linear-gradient(top,  #f4f4f4 0%,#e3efef 100%);
	background:-ms-linear-gradient(top,  #f4f4f4 0%,#e3efef 100%);
	background:linear-gradient(to bottom,  #f4f4f4 0%,#e3efef 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#e3efef',GradientType=0 );
}
.ovTable1 td {
	vertical-align:middle;
	font-size:14px; font-weight:bold;
	color:#333;
	height:30px;
	padding:0 17px;
}
.ovTable1 td.ovTableStd {
	height:auto;
	padding:0;
	border-bottom:1px solid #CCC;
}
.ovTable1 tr.ovTableCou td {
	border-bottom:1px solid #DFDFDF;
	border-top:1px solid #fdfdfd;
	vertical-align:middle;
	font-size:14px; font-weight:bold;
	color:#333;
	height:90px;
	padding:0 17px;
}
.ovTable1 tr.ovTableCou.sscdClass td {height:50px;}
.ovTable1 td .smalltext {
	color:#817777;
	display:inline-block;
	font-size:12px;
	margin:0;
	white-space:nowrap;
	line-height:16px;
}
.ovTable2 {width:100%;}
.ovTable2 tr td, .ovTable2 tr th {
	padding:0 17px;
	vertical-align:top !important;
	font-weight:normal; font-size:12px;
	height:auto;
	background-color:#E3EFEF;
}
.ovTable2 tr th {color:#666; font-weight:bold; text-align:left;}
.ovBackTop {text-align:right; padding:5px 17px 0; font-size:12px;}

/* Student details */
.stdItms {text-align:left; font-weight:bold; margin-top:20px; padding:0 15px;}
.stdDetTableOuter {
	width:934px;
	text-align:left;
	padding:3px;
	border:1px solid #ccc;
	margin:10px auto 20px;
	-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;
	-webkit-box-shadow:1px 1px 4px #eee;
	-moz-box-shadow:1px 1px 4px #eee;
	box-shadow:1px 1px 4px #eee;
	background:#eee;
	background:-moz-linear-gradient(-45deg,  #eee 0%, #fafafa 100%);
	background:-webkit-gradient(linear, left top, right bottom, color-stop(0%,#eee), color-stop(100%,#fafafa));
	background:-webkit-linear-gradient(-45deg,  #eee 0%,#fafafa 100%);
	background:-o-linear-gradient(-45deg,  #eee 0%,#fafafa 100%);
	background:-ms-linear-gradient(-45deg,  #eee 0%,#fafafa 100%);
	background:linear-gradient(135deg,  #eee 0%,#fafafa 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#fafafa',GradientType=1 );
}
.stdGrpHead {
	background-color:#ddd;
	border:1px solid #ecc;
	font-weight:bold;
	padding:8px 10px 8px 35px;
	position:relative;
}
.stdGrpHead .imgIlt, .stdGrpHead .imgSsc {
	display:inline-block;
	height:20px;
	left:10px;
	position:absolute;
	top:6px;
	width:20px;	
}
.stdGrpHead .imgIlt {background:url("/education/ou_rd14/image/cart_sprite.png") no-repeat scroll 0 -196px rgba(0, 0, 0, 0);}
.stdGrpHead .imgSsc {background:url("/education/ou_rd14/image/cart_sprite.png") no-repeat scroll 0 -115px rgba(0, 0, 0, 0);}

.stdGrpBody {border:1px solid #ecc; border-top:0; border-bottom:0; padding:0;}
.stdCourseLeft {float:left; font-weight:bold; color:#F40000; font-size:14px; padding:15px 10px 0; margin-bottom:5px;}
.stdCourseLeft span {color:#666; font-size:12px; font-weight:bold; display:inline-block; margin-top:5px;}
.stdCourseRight {float:right; padding:25px 10px 0; color:#666; font-weight:bold;}
.stdDataTable {border-bottom:1px solid #ecc; clear:both; float:none;}
.studentDetailsSmallHeader {font-size:11px; font-weight:bold; color:#C44;}
tr.resellerStdAssH2 td {height:auto; border-bottom: 1px solid #E3E3E3; padding: 11px 0 5px 12px;}
.resellerStdTab select {width: 73%;}
.resStdEditBtn {width:18px; height: 20px; margin: 0 3px; background:url("/education/ou_rd14/image/cart_sprite.png") no-repeat scroll 0 -220px rgba(0, 0, 0, 0); float: right; cursor: pointer;}
.resStdEditBtn:hover {background-color:#FFFFFF; -moz-box-shadow: 0 0 3px 2px #FFFFFF; -webkit-box-shadow: 0 0 3px 2px #FFFFFF; box-shadow: 0 0 3px 2px #FFFFFF;}
.stdDataTable td {vertical-align:middle; padding:2px 0 2px 10px; height:32px; border-top:1px dotted #FFF;}
.stdDataTable .button2, .stdDataTable .button2 a {margin:0; white-space:nowrap; float:left;}

.stdDataTable .filler {padding:0; height:auto; border-top:0;}

a.stdRemove {color:#F40000; font-size:12px; font-weight:bold;}
a:hover.stdRemove {color:#e00; text-decoration:none;}
a.stdRemove i {
	border:2px solid #a66;
	color:#F43333;
	line-height:13px;
	-webkit-border-radius:16px; -moz-border-radius:16px; border-radius:16px;
	display:inline-block;
	font-size:13px;
	font-weight:bold;
	height:15px;
	text-align:center;
	vertical-align:1px;
	font-style:normal;
	width:15px;
	margin-right:2px;
	transform:rotate(0deg);
	-moz-box-shadow:0 0 2px 0 #f00; -webkit-box-shadow:0 0 2px 0 #f00; box-shadow:0 0 2px 0 #f00;
	-moz-transition:all .2s ease-in; -webkit-transition:all .2s ease-in; -o-transition:all .2s ease-in; transition:all .2s ease-in;
}
a:hover.stdRemove i {
	text-decoration:none;
	transform:rotate(360deg);
	background-color:#f4D9EF;
	-moz-box-shadow:0 0 3px 1px #F66666;
	-webkit-box-shadow:0 0 3px 1px #F66666;
	box-shadow:0 0 3px 1px #F66666;
}
.stdRemoveDisMsg {color:#999;}

.white_content {
	display:none;
	position:absolute;
	top:5%;
	width:974px; height:90%;
	z-index:20003;
	overflow-y:scroll;
	background:#eee;
	background:-moz-linear-gradient(-45deg,  #eee 0%, #fafafa 100%);
	background:-webkit-gradient(linear, left top, right bottom, color-stop(0%,#eee), color-stop(100%,#fafafa));
	background:-webkit-linear-gradient(-45deg,  #eee 0%,#fafafa 100%);
	background:-o-linear-gradient(-45deg,  #eee 0%,#fafafa 100%);
	background:-ms-linear-gradient(-45deg,  #eee 0%,#fafafa 100%);
	background:linear-gradient(135deg,  #eee 0%,#fafafa 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#fafafa',GradientType=1 );
	border:1px solid #333;
	padding:5px;
	white-space:normal;
	-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;
	-webkit-box-shadow:0 0 15px 0 #333; -moz-box-shadow:0 0 15px 0 #333; box-shadow:0 0 15px 0 #333;
	-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;
}
.editGrpHead {
	background-color:#ddd;
	border:1px solid #ecc;
	font-weight:bold;
	padding:5px 10px;
	font-size:14px;
}
.editGrpHead span {
	color:#666;
	display:inline-block;
	font-size:12px;
}
#studentsList, #courseList {
	height:auto;
	max-height:80px;
	overflow-y:scroll; overflow-x:none; 
	padding:2px; border:1px solid #ecc;
}
#courseList {max-height:55px;}
#studentsList table, #courseList table {border:0; border-collapse:collapse;}
#studentsList table td, #courseList table td {
	border:1px solid #FFF;
	padding:3px 10px;
	height:32px;
	vertical-align:middle;
}
#courseList table td {padding:5px 10px; height:auto;}
.white_content .num_set {padding:20px 5px 10px;}

.editStudentDetailTable {margin:15px 0;}
.editStudentDetailTable td {height:auto; vertical-align:middle; border:0; font-size:12px; padding:2px;}
.editStudentDetailTable .cart_infos, .editStudentDetailTable .information_inline {font-size:11px; color:#F66666;}
.editStudentDetailTable .cart_infos {vertical-align:top;}
.editStudentDetailTable tr td input, .editStudentDetailTable tr td select {width:230px; font-size:11px;}
.editStudentDetailTable .custDetPh1 {width:30px;}
.editStudentDetailTable .custDetPh2 {width:45px;}
.editStudentDetailTable .custDetPh3 {width:119px;}
.editStudentDetailTable .halfLength {width:120px !important;}


/* Cart page, course link CSS */
.og-close::before, .og-close::after {
    background: #555555 none repeat scroll 0 0;
    content: "";
    height: 1px;
    position: absolute;
    top: 50%;
    transform: rotate(45deg);
    transition: all 0.2s ease-in 0s;
    width: 100%;
}
.og-close::after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.og-close:hover::before,
.og-close:hover::after {
	background: #f22222;
}
.og-close {
    cursor: pointer;
    height: 40px;
    position: absolute;
    right: 20px;
    top: 20px;
    width: 40px;
}
#shopCartCourses {
	width: 96%;
	top: 2%;
	height: 96%;
	left: 2%;
	padding: 55px 32px 20px;
	overflow: hidden;
}
.scCourseContent {
	height: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
    padding-right: 30px;
    margin-right: -50px;
    font-size: 14px;
}

.scCourseContent h1 {
    color: #333;
    font-size: 24px;
    font-weight: normal;
    padding: 0;
    text-align: left;
    text-shadow: 2px 2px 2px #cccccc;	
}

#page #content #contentarea .scCourseContent H3 {
    color: #222;
    padding: 13px 0 15px;
    text-shadow: 1px 1px 2px #aaa;
}

.scCourseContent B {
    color: #333;	
}

.scCourseContent P {
    margin: 15px 0;
}

.scCourseContent ul li {
    list-style-type: disc;
    padding-bottom: 4px;
    padding-left: 10px;
    list-style-position: inside;
}

.version-tabs {margin-top: 15px}
.version-tabs ul {margin:0; padding: 0 0 0 15px;}
.version-tabs ul li {list-style:none; display: inline-block; margin-bottom: 20px;}
.version-tabs ul li a.btn {font-size:12px; border-radius:0;}
.btn {
	display: inline-block;
	margin-bottom: 0;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	touch-action: manipulation;
	cursor: pointer;
	background-image: none;
	border: 1px solid transparent;
	white-space: nowrap;
	padding: 6px 12px;
	font-size: 16px;
	line-height: 1.5;
	border-radius: 4px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none; 
}
.btn:focus, .btn.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus {
	outline: thin dotted;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px; 
}
.btn:hover, .btn:focus, .btn.focus {color: #333; text-decoration: none;}
.btn:active, .btn.active {
	outline: 0;
	background-image: none;
	-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); 
}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
	cursor: not-allowed;
	pointer-events: none;
	opacity: 0.65;
	filter: alpha(opacity=65);
	-webkit-box-shadow: none;
	box-shadow: none; 
}
.btn-default {color: #333; background-color: #fff; border-color: #ccc;}
.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle {
	color: #333;
	background-color: #e6e6e6;
	border-color: #adadad;
}
.btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle {background-image: none;}
.btn-default.disabled, .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default.disabled:active, .btn-default.disabled.active, .btn-default[disabled], .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled].focus, .btn-default[disabled]:active, .btn-default[disabled].active, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default.active {
	background-color: #fff;
	border-color: #ccc; 
}
.btn-default .badge {color: #fff; background-color: #333;}
.btn-primary {color: #fff !important; background-color: #337ab7; border-color: #2e6da4;}
.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle {
	color: #fff;
	background-color: #286090;
	border-color: #204d74; 
}
.btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle {background-image: none; }
.btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary.disabled:active, .btn-primary.disabled.active, .btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus, .btn-primary[disabled]:active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary.active {
	background-color: #337ab7;
	border-color: #2e6da4; 
}
.btn-primary .badge {color: #337ab7; background-color: #fff; }

.version-tabs ul li a.btn {
border-radius: 0;
font-size: 12px;
}

#course-details .container .row .col-md-6, #course-details .container .row .col-md-4 {
    margin-bottom: 0;
}
#course-details .container .row .col-md-6, #course-details .container .row .col-md-4 {
    border-right: 1px solid #eee;
    margin-bottom: 60px;
    padding-left: 1.875em;
    padding-right: 1.875em;
}
.col-md-4 {
    width: 33.3333%;
	border-right: 1px solid #eee;
    padding-left: 1.875em;
    padding-right: 1.875em;
	float: left;
	box-sizing: border-box;
}
.col-md-4:last-child {
    border-right: medium none;
}
.row {
    box-sizing: border-box;
}
.topic-title {
    background-color: #555 !important;
    color: white !important;
    font-size: 14px !important;
    font-weight: bold !important;
    margin-bottom: 0.938em !important;
    padding: 7px !important;
    text-align: center !important;
}



/* CSS Preloader */
.sk-circle {
  margin: 100px auto;
  width: 170px;
  height: 170px;
  position: absolute;
  z-index: 20003;
  left:43%;
}
.sk-circle .sk-child {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.sk-circle .sk-child:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #f88888;
  border-radius: 100%;
  -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
          animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
}
.sk-circle .sk-circle2 {
  -webkit-transform: rotate(30deg);
      -ms-transform: rotate(30deg);
          transform: rotate(30deg); }
.sk-circle .sk-circle3 {
  -webkit-transform: rotate(60deg);
      -ms-transform: rotate(60deg);
          transform: rotate(60deg); }
.sk-circle .sk-circle4 {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg); }
.sk-circle .sk-circle5 {
  -webkit-transform: rotate(120deg);
      -ms-transform: rotate(120deg);
          transform: rotate(120deg); }
.sk-circle .sk-circle6 {
  -webkit-transform: rotate(150deg);
      -ms-transform: rotate(150deg);
          transform: rotate(150deg); }
.sk-circle .sk-circle7 {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg); }
.sk-circle .sk-circle8 {
  -webkit-transform: rotate(210deg);
      -ms-transform: rotate(210deg);
          transform: rotate(210deg); }
.sk-circle .sk-circle9 {
  -webkit-transform: rotate(240deg);
      -ms-transform: rotate(240deg);
          transform: rotate(240deg); }
.sk-circle .sk-circle10 {
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg); }
.sk-circle .sk-circle11 {
  -webkit-transform: rotate(300deg);
      -ms-transform: rotate(300deg);
          transform: rotate(300deg); }
.sk-circle .sk-circle12 {
  -webkit-transform: rotate(330deg);
      -ms-transform: rotate(330deg);
          transform: rotate(330deg); }
.sk-circle .sk-circle2:before {
  -webkit-animation-delay: -1.1s;
          animation-delay: -1.1s; }
.sk-circle .sk-circle3:before {
  -webkit-animation-delay: -1s;
          animation-delay: -1s; }
.sk-circle .sk-circle4:before {
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s; }
.sk-circle .sk-circle5:before {
  -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s; }
.sk-circle .sk-circle6:before {
  -webkit-animation-delay: -0.7s;
          animation-delay: -0.7s; }
.sk-circle .sk-circle7:before {
  -webkit-animation-delay: -0.6s;
          animation-delay: -0.6s; }
.sk-circle .sk-circle8:before {
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s; }
.sk-circle .sk-circle9:before {
  -webkit-animation-delay: -0.4s;
          animation-delay: -0.4s; }
.sk-circle .sk-circle10:before {
  -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s; }
.sk-circle .sk-circle11:before {
  -webkit-animation-delay: -0.2s;
          animation-delay: -0.2s; }
.sk-circle .sk-circle12:before {
  -webkit-animation-delay: -0.1s;
          animation-delay: -0.1s; }

@-webkit-keyframes sk-circleBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  } 40% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes sk-circleBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  } 40% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}