/* cs-style.css */


.btn_student {
    float: right;
    padding: 3px 10px !important;
}
input[type="text"]::-ms-clear 
{ 
display: none; 
}
.emptyCart{
    display: block;
    text-align: center;
    font-weight: bold;
    color: #444;
    font-size: 1.5em;
    margin: 1em 0;
    font-family: inherit;
    }
#CScontainer { position:relative; padding-bottom:20px; font-size:1em; }

#CScontainer h1  { color: #666; font-size: 1.75em; margin: 1em 0; font-family: inherit; }
#CScontainer h2  { color: #444; font-size: 1.5em; margin: 1em 0 ; font-family: inherit;}
#CScontainer h3  { color: #222; font-size: 1.25em; margin: 1em 0 1em 0; font-family: inherit; }
#CScontainer h4  { color: #000; font-size: 1.15em; margin: 0 0 1em 0; font-family: inherit;}

#CScontainer a:link, #CScontainer a:visited { color:#0959d4; text-decoration:none; }
#CScontainer a:hover { color:#c00; }

#CScontainer .center { text-align:center; }

/* == CONTAINERS ============================ */

.lightgraybox    { clear:both; margin:30px 0;text-align:right;margin-top: 10px;}
.lightgraybox a:link, .lightgraybox a:visited  { color:#000 !important; padding:3px 15px; background:#ededed; border:1px solid #999; border-right:2px solid #999; border-bottom:2px solid #999; }
.lightgraybox a:hover  { background:#666; border-color:#000; color:#fff !important; }

.viewcart        { float:right; text-align:center; padding:3px 15px; background:#666; color:#fff; border-right:2px solid #000; border-bottom:2px solid #000; }
.viewcart:hover  { background:#000; }
.viewcart a { color:#fff !important; }

.browsemore { clear:both; margin:30px 0; text-align:center;  }
.browsemore a  { padding:3px 15px; text-align:center; font-size:.9em; color:#fff !important; background:#666; border:1px solid #000; border-right:2px solid #000; border-bottom:2px solid #000; border-radius:5px; }
.browsemore a:hover  { background:#000; color:#fff; }

#CScontainer .box-confirm  { width: 75%; margin:0 auto 30px auto; border-collapse: collapse; background:#f6f6f6; padding-bottom: 20px; box-sizing:border-box; border:1px solid #ccc; }
#CScontainer .box-confirm  h3 { background: #444; margin-top:0; color: #fff !important; text-align:center; padding: 5px 10px; font-size:1.1em !important; }
.confirm-thankyou, .regist-error { clear:both; margin:20px auto; padding:15px;  text-align:center; line-height:1.75; box-sizing:border-box;  }
.confirm-thankyou { font-size:1.15em; color:#000; width:75%; border: 1px solid #ccc; background:#f7ebeb;  }
span.thankyou     { font-size:1.35em; font-weight:bold; }
.regist-error     { font-size:1.35em; font-weight:bold; color:#9a0000; border: 1px solid #cc7f7f; background:#ffe; }
.regist-error span.ccdeclined { font-weight: normal; font-size:0.8em; }

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

/* == ROW, COLUMNS ============================ */

.registRow  { clear:both; overflow:auto; margin-bottom: 10px; }
.registCol1 { float:left; width:28%; text-align:right; font-weight:bold; margin-right:2%; }
.registCol2 { float:left; width:70%;  }

/* == FORM ============================ */

form { width:100%; }
fieldset { padding:20px; backgound:#efefef; border: 1px solid #a9a9a9; box-sizing:border-box; overflow:auto;  margin: 20px 0; }
legend   { padding:0 10px; background:#fff; box-sizing:border-box; font-weight:bold; font-size:1.25em; color: #555; width:auto !important;border-bottom:none !important;margin-bottom:0;}
label { font-weight:bold; }
input[type="text"], input[type="email"], textarea, select { color:#222; background:#f6f6f6; border: 1px solid #a9a9a9; font: 1em/1.4 Helvetica, Arial, sans-serif; margin:0; padding:3px 6px; margin: 0 0 5px 0; }

#CScontainer input[type="button"], #CScontainer input[type="reset"], #CScontainer input[type="submit"],.lnkButton { text-align:center; font-size: 0.9em; font-weight:bold; padding:3px 15px; margin-left:0; background:#666; color:#fff !important; border-right:2px solid #000; border-bottom:2px solid #000; border-radius:5px;display:inline-block; }

#CScontainer input[type="button"]:hover, #CScontainer input[type="reset"]:hover, #CScontainer input[type="submit"]:hover,.lnkButton:hover {
    border-color: #000; background: #000; color:#fff; }

#searchBox input { border:none; background:#fff; }

#CScontainer input.fieldError { background:#ffc; }
span.fieldError { color:#c00; }

/* == COURSE DETAILS ============================ */

#courseDetails { width:80%; margin:0 auto; }
.row  { clear:both; overflow:auto; margin-bottom: 10px; border-bottom: 1px dotted #ccc; }
.cdetailCol1 { float:left; width:28%; text-align:right; font-weight:bold; margin-right:2%; }
.cdetailCol2 { float:left; width:70%;  }

.viewRoster { clear:both; text-align:right; padding: 0 0 10px 0; }

#CScontainer input.editcoursedetails[type="button"] { float:right; background:#000; border-color:#666; font-size:.9em;  padding: 2px 10px; }
#CScontainer input.editcoursedetails[type="button"]:hover { background:#666; border-color:#000;}

#CScontainer input.addtocart[type="button"],input.printBtn[type="button"] { background: #666 none repeat scroll 0 0;border-bottom: 2px solid #000 !important;border-radius: 5px;border-right: 2px solid #000 !important;color: #fff !important;display: inline-block;font-size: 0.9em !important;font-weight: bold;margin-left: 0;padding: 3px 15px;text-align: center;margin-right:10px;margin-bottom:10px; }
#CScontainer input.addtocart[type="button"]:hover,input.printBtn[type="button"]:hover { background:#000; border-color:#000;}

@media only screen and (min-width : 750px)  and (max-width: 768px) {
	#CScontainer { width:90%; margin: 0 auto; }
	#CScontainer input.addtocart[type="button"]{display:block;}
}

@media only screen and (min-width : 320px) and (max-width: 480px) {
	#CScontainer { width:100%; }
	
	#courseDetails, #CScontainer .box-confirm  { width:100%; margin:0 0 10px 0; }
	.cdetailCol1, .cdetailCol2 { float:none; width:100%; text-align:left; }
	.cdetailCol3 { float:none; width:100%; text-align:right; }

	.registCol1, .registCol2 { float:none; width:90%; text-align:left; margin:0 auto; }
	
	fieldset { padding:20px 0; margin:0; border:none; }
	input[type="text"], input[type="email"] { width:95%; margin: 5px auto 10px auto; }
	.box-confirm, .confirm-thankyou, .regist-error { width:100%; font-size:1em; }
	.paywithCC input { font-size:1em; }
	#CScontainer input.addtocart[type="button"]{display:block;}
}