/****** modified 11.21.17 - SS ***/
* {
	margin: 0;
}
:focus { 
	-moz-outline-style: none; 
}
.clear {
	clear: both;
	margin: 0px;
	padding: 0px;
}

.no-close .ui-dialog-titlebar-close {
	display: none;
}

.no-close .ui-dialog-titlebar  {
	display: none;
}

	/**********************************************************************************************/
/***** structure ******************************************************************************/
/**********************************************************************************************/
html, body {
  height: 100%;
}
body {
	background:#ddd url(../images/body_background.gif) !important;
}
.skipnav {
	position:absolute;
	left:-10000px;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;
}
#container {
	border-left:1px solid #999;
	border-right:1px solid #999;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	background:#fff;
	margin: 0 auto -60px;
	padding: 0px;
	width: 900px;
}
#processContainer {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto 0px;
	padding: 0px;
	width: 900px;
}
#header {
    background: #250858 url(../images/header.gif) repeat;
    height: 100px;
    margin: 0px;
    width: 900px;
    padding: 0px;
}
#headerReceipt {
	display: none;
}
#headerholder {
	position:relative;
	margin:0px auto;
	width:870px;
	text-align:left;
}
.verytop {
	height:6px;
	background: #363b74;
	margin: 0px;
	padding: 0px;
}
.toptab {
	color:#ccc;
	height: 15px;
	width: auto;
	float: right;
}
.curveLeft {
	width:15px;
	background:url(../images/box.gif) bottom no-repeat left;
	height:15px;
}
.curveRight {
	width:15px;
	height:15px;
	float: right;
}
.tabLinks {
	height: 15px;
	vertical-align: top;
	float: right;
	overflow: hidden;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	padding: 5px 15px 5px;
}
.tabLinks a {
	color:#CCCCCC;
	font-size: 0.9em;
	text-decoration: none;
	font-weight: normal;
}
.tabLinks a:hover {
	color:#FFFFFF;
}
.tabLinks a:visited {
	color:#CCCCCC;
	text-decoration: none;
}
.logintext {
	clear:both;
	float:right;
	text-align:right;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	padding-right: 15px;
}
.studentName {
	font-weight: bold;
}
.content {
	margin: 0px auto 0;
	padding: 30px;
	height: auto;
}
.navigationholder {
	margin:0px auto;
	width:800px;
	text-align:left;
}
.headerholder {
	position:relative;
	margin:0px auto;
	width:870px;
	text-align:left;
	padding: 0px;
}
.horiRule {
	display: block;
	float: left;
	clear: both;
	height: 1px;
	border-top: 1px solid #CCCCCC;
	margin: 15px 0px;
	width: 805px;
}
.columnHolder {
	clear: both;
}
.singleHolder {
	padding: 0px 15px;
	border-top: 15px solid #FFFFFF;
	clear: both;
}
/**********************************************************************************************/
/*** navbar ***********************************************************************************/
/**********************************************************************************************/
.navbar {
	background: url(../images/gradient2.gif) repeat-x top; /* default */
	padding:0px;
	height: 31px;
	margin: 0px auto;
	width: 100%;
	display: none;
}
.navbarholder {
	position:relative;
	margin:0px auto;
	width:890px; /* default */
	text-align:center;
	color:#ccc;
}
.second_nav {
	background:#3d5696;
	text-align:center;
	color:#eee;
	height:10px;
	font-size:12px;
	border-bottom:3px solid #9cf;
	margin: 0px auto;
	padding: 0px;
	width: 100%;
	border-top: 1px solid #3d5696;
	display: none;
}
/**********************************************************************************************/
/*** content **********************************************************************************/
/**********************************************************************************************/
.contentholder {
	margin:0px auto;
	width:870px; /* default */
	text-align:left;
	padding-top:10px;
	padding-bottom:50px;
}
.payment {
	width: 810px;
	padding: 15px;
	border: 1px solid #CCCCCC;
}
.paymentHeader {
	margin: 0px 0px 15px;
	padding: 0px;
	height: 30px;
}
.paymentTitle {
	font: bold 0.9em Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	padding: 5px 0px 5px 15px;
	float: left;
}
.paymentStepImage {
	float: left;
	height: 30px;
	margin: 0px;
}
.paymentBox {
	background: #eeeeee;
	padding: 15px 0px 0px 15px;
	border: 1px solid #CCCCCC;
	margin-bottom: 15px;
	float: left;
	width: 367px;
	display: block;
	clear: both;
}
.paymentBoxLrg {
	padding: 15px 15px 10px;
	margin-bottom: 10px;
	float: left;
	width: 775px;
	border: 1px solid #CCCCCC;
	background: #eeeeee;
}
.paymentBoxReceipt {
	padding: 15px 15px 10px;
	margin-bottom: 10px;
	float: left;
	width: 775px;
	border: 1px solid #CCCCCC;
}
.paymentBox .data {
	display: block;
	width: 185px;
	float: left;
}
.paymentBoxLrg p {
	margin-bottom: 5px;
	padding-left: 0px;
}
.paymentBox .dataLabel {
	display: block;
	width: 150px;
	float: left;
	margin-left: 0px;
}
.paymentBox .button {
	float: left;
	margin: 0px 0px 10px;
}
.cardIconHolder {
	margin-bottom: 20px;
	float: left;
	clear: both;
	width: 380px;
}
.cardIcon {
	padding: 1px;
	border: 1px solid #CCCCCC;
	margin: 0px 15px 0px 0px;
	width: 49px;
	display: block;
	float: left;
}
.cardIconHolder .cardIcon img {
	height: 30px;
	width: 49px;
}
.cardIconHolder .cardIconInterac img {
	height: 30px;
	width: 73px;
}
#agreement p {
	width: 760px;
	margin: 2px;
	padding-left: 0px;
}
.callout {
	font-weight: bold;
}
.inactive h1, .inactive p{
	color: #CCCCCC;
}
.instructions {
	font-size: 80%;
}
.sepBar {
	display: block;
	height: 10px;
	clear: both;
	float: left;
	width: 763px;
}
.checkHolder {
	background: #FFFFFF;
	margin: 30px;
	border: 1px solid #333333;
	padding: 30px;
	text-align: center;
	float: left;
	display: block;
}
.checkContent {
	font: normal .8em/130% Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	text-align: left;
	width: 400px;
	padding: 15px 0px 0px;
	display: block;
	float: left;
	clear: both;
}
.processHolder {
	margin: 100px auto;
	width: 800px;
	border: 1px double #999999;
	background: #FFFFFF;
}
.processPayment {
	text-align: center;
	margin: 50px auto;
}
.processHolder .processPayment h3 {
	font: bold 1em/130% Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
}
/**********************************************************************************************/
/**** singleColumn *****************************************************************************/
/**********************************************************************************************/
.singleColumn h1 {
	font: bold 1em Verdana, Arial, Helvetica, sans-serif;
	display: block;
	margin: 0px 0px 5px;
	clear: both;
	padding-left: 0px;
}
.singleColumn h2 {
	font: bold 1em Verdana, Arial, Helvetica, sans-serif;
	margin: 20px 0px 10px;
	display: block;
	clear: both;
}
.singleColumn {
	float: left;
	width: 808px;
	margin: 0px;
}
.singleColumn .required {
	color: #6cb33f;
	font-weight: bold;
}
.singleColumn .notRequired {
	margin-left: 9px;
}
.singleColumn p {
	font: normal .8em/130% Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	margin-bottom: 2px;
	display: block;
	float: left;
	width: 763px;
	padding-left: 0px;
}
.singleColumn label {
	vertical-align: middle;
	display: block;
	float: left;
	margin-bottom: 2px;
}
.singleColumn input {
	width: 15px;
	float: left;
	display: block;
	margin-left: 0px;
	margin-right: 15px;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
}
.singleColumn select {
	border:1px solid #CCCCCC;
	float: left;
	width: auto;
	margin-right: 10px;
	margin-left: 9px;
}
.rightColumn .dataLabel {
	display: block;
	width: 200px;
	float: left;
	margin-left: 0px;
	font-weight: bold;
}
.singleColumn .dataLabel {
	display: block;
	width: 250px;
	float: left;
	margin-left: 0px;
	font-weight: bold;
}
.rightColumn .data {
	display: block;
	width: 300px;
	float: left;
	font-weight: bold;
}
.singleColumn .data {
	display: block;
	width: 400px;
	float: left;
	font-weight: bold;
}
.noBackground {
	background: #FFFFFF url(../images/vert_white.gif);
}
.singleColumn .hidden {
	display: none;
}
.singleColumn .inactive, .rightColumn .inactive, .leftColumn .inactive {
	background: #FFFFFF url(../images/button_background_gray.gif) repeat-x center;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
	width: auto;
	padding: 5px;
	border: 1px solid #CCCCCC;
	margin-right: 10px;
	margin-top: 10px;
}
.singleColumn .button, .rightColumn .button, .leftColumn .button {
	background: #FFFFFF url(../images/button_background.gif) repeat-x center;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	width: auto;
	padding: 5px;
	border: 1px solid #CCCCCC;
	margin-right: 10px;
	margin-top: 10px;
}
.singleColumn .button:hover, .singleColumn .button:focus, .rightColumn .button:hover, .rightColumn .button:focus, .leftColumn .button:hover, .leftColumn .button:focus {
	cursor: pointer;
	color: #FFFFFF;
	background: url(../images/button_background_green.gif) repeat-x center;
}
.singleColumn #cardCode {
	width: auto;
}
.singleColumn a:link, .rightColumn a:visited {
	color: #000066;
	text-decoration: none;
}
.singleColumn a:hover {
	text-decoration: underline;
}
.singleColumn p .termLabel {
	width: 250px;
	display: block;
	float: left;
}
.singleColumn p .termData {
	width: 300px;
	display: block;
	float: left;
}
/**********************************************************************************************/
/**** leftColumn ******************************************************************************/
/**********************************************************************************************/
.leftColumn {
	float: left;
	width: 390px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}
.leftColumn h1 {
	font: bold 1em Verdana, Arial, Helvetica, sans-serif;
	display: block;
	margin: 0px 0px 10px;
	clear: both;
}
.leftColumn input {
	border:1px solid #CCCCCC;
}
.leftColumn .paymentBox select {
	border:1px solid #CCCCCC;
	float: left;
	margin: 0px;
	padding: 0px;
}
.grayBox {
	background: #eeeeee;
	padding: 15px 0px 15px 15px;
	border: 1px solid #CCCCCC;
	margin-bottom: 15px;
}
.leftColumn .paymentBox p {
	font: bold 0.8em/130% Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	display: block;
	width: 340px;
	float: left;
	clear: both;
	margin-top: 0px;
	margin-bottom: 15px;
}
.paymentBox label {
	vertical-align: middle;
	width: 150px;
	display: block;
	float: left;
	padding-top: 2px;
}
.leftColumn p {
	font: normal .8em/130% Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	margin-bottom: 10px;
	display: block;
	float: left;
	width: 380px;
}
.leftColumn p .callOut {
	font-weight: bold;
}
.leftColumn h3 {
	font: bold .8em Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	display: block;
	clear: both;
	margin-bottom: 10px;
}
/**********************************************************************************************/
/**** rightColumn *****************************************************************************/
/**********************************************************************************************/
.rightColumn h1 {
	font: bold 1em Verdana, Arial, Helvetica, sans-serif;
	display: block;
	margin: 0px 0px 10px;
	clear: both;
}
.rightColumn h2 {
	font: bold 1em Verdana, Arial, Helvetica, sans-serif;
	margin: 20px 0px 10px;
	display: block;
	clear: both;
}
.rightColumn {
	float: right;
	width: 390px;
}
.rightColumn .required {
	color: #6cb33f;
	font-weight: bold;
}
.rightColumn .notRequired {
	margin-left: 9px;
}
.rightColumn p {
	font: normal .8em/130% Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	margin-bottom: 10px;
	display: block;
	float: left;
	width: 376px;
	padding-left: 0px;
}
.rightColumn label {
	vertical-align: middle;
	width: 376px;
	display: block;
	float: left;
	margin-bottom: 2px;
}
.rightColumn label.radioButton {
	width: 100px;
	display: block;
	float: left;
	margin-bottom: 2px;
}
.rightColumn input {
	border:1px solid #CCCCCC;
	float: left;
	display: block;
	margin-left: 9px;
	width: 250px;
}
.rightColumn select {
	border:1px solid #CCCCCC;
	float: left;
	display: block;
	margin-right: 10px;
	margin-left: 9px;
	width: 250px;
}
.rightColumn .hidden {
	display: none;
}
.rightColumn .inactive, .leftColumn .inactive {
	background: #FFFFFF url(../images/button_background_gray.gif) repeat-x center;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	width: auto;
	padding: 5px;
	border: 1px solid #CCCCCC;
	margin-right: 10px;
	margin-top: 10px;
}
.rightColumn .button, .leftColumn .button {
	background: #FFFFFF url(../images/button_background.gif) repeat-x center;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	width: auto;
	padding: 5px;
	border: 1px solid #CCCCCC;
	margin-right: 5px;
	margin-top: 10px;
}
.rightColumn .button:hover, .rightColumn .button:focus, .leftColumn .button:hover, .leftColumn .button:focus {
	cursor: pointer;
	color: #FFFFFF;
	background: url(../images/button_background_green.gif) repeat-x center;
}
.rightColumn #cardCode {
	width: auto;
}
.rightColumn a:link, .rightColumn a:visited {
	color: #000066;
	text-decoration: none;
}
.rightColumn a:hover {
	text-decoration: underline;
}
.rightColumn .horiRule {
	width: 390px;
}
.rightColumn select.expiration {
	width: auto;
	margin-right: 0px;
}
.rightColumn input.cvv {
	width: 30px;
}
/**********************************************************************************************/
/**** form/fields *****************************************************************************/
/**********************************************************************************************/
input, input[type="text"] ,input[type="select"] {
	border: 1px solid #CCCCCC;
}
input[type="checkbox"], input[type="radio"], .rightColumn input[type="checkbox"], .rightColumn input[type="radio"] {
	border: none;
	vertical-align: middle;
	float: left;
	width: 15px;
	margin-right: 10px;
	display: block;
}
.rightColumn input[type="radio"] {
	margin-top: 3px;
	*margin-top: 0px;

}
input[type="hidden"] {
	display: none;
}
.hidden {
	display: none;
}
.rightColumn form p {
	display: block;
	float: left;
	width: 380px;
	margin: 0px 0px 5px;
}
.singleColumn form p {
	display: block;
	float: left;
	margin: 0px 0px 5px;
}
#zipCode {
	width: auto;
}
.expDtYr {
	width: auto !important;
	margin-right: 10px;
}
#agreement {
	color: #333333;
	text-decoration: none;
	text-align: left;
	display: block;
	padding: 15px;
	float: left;
	height: 100px;
	border: 1px dashed #CCCCCC;
	clear: both;
	overflow-x:hidden;
	overflow-y:auto;
	width: 775px;
	font-size: 0.8em;
	margin: 0px 0px 10px;
}
#agreementReceipt {
	color: #333333;
	text-decoration: none;
	text-align: left;
	display: block;
	padding: 0px 15px;
	float: left;
	clear: both;
	width: 775px;
	font-size: 0.8em;
	margin: 0px;
}
#agreement .dataLabel, #agreementReceipt .dataLabel {
	font-weight: normal;
	width: 150px;
}
#agreement .data, #agreementReceipt .data {
	font-weight: normal;
}
#phone {
	width: auto;
}
#cvv {
	width: auto;
	float: left;
	clear: both;
}
.checkHolder .checkImage {
	display: block;
	float: left;
}
/**********************************************************************************************/
/**** errors/messages *************************************************************************/
/**********************************************************************************************/
.errorMessage {
	font: bold .8em/130% Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	background: #ffedc4;
	margin: 0px 0px 15px;
	padding: 15px;
	height: auto;
	width: auto;
	border: 1px solid #feb913;
}
.errorMessage a:link, .errorMessage a:visited, .errorMessage a:hover {
	font-size: .8em;
	font-weight: bold;
	color: #482986;
	text-decoration: none;
}
.errorMessage a:hover {
	text-decoration: underline;
}
.message {
	font: bold .8em/130% Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	background: #ffedc4;
	margin: 0px 0px 15px;
	padding: 15px;
	height: auto;
	width: auto;
	border: 1px solid #feb913;
}
.message a:link, .message a:visited, .message a:hover {
	font-size: .8em;
	font-weight: bold;
	color: #482986;
	text-decoration: none;
}
.message a:hover {
	text-decoration: underline;
}
.receiptMessage {
	font: bold .8em/130% Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
	background: #d4e8c6 url(../images/notice_green.png) no-repeat 15px 15px;
	display: block;
	padding: 15px 15px 15px 50px;
	float: left;
	border: 1px solid #6cb33f;
	width: 740px;
	margin-bottom: 15px;
}
/**********************************************************************************************/
/**** footer **********************************************************************************/
/**********************************************************************************************/
.footer, .push {
	height: 60px;
	width: 900px;
	margin: 0px auto;
}
.footer {
	background-color: #e5e5e5;
}
.footerReceipt {
	display: none;
}
.footerLogoReceipt {
	display: none;
}
.footerLogo {
	background: url(../images/poweredbybw.png) no-repeat right top;
	height: 38px;
	margin-right: 15px;
	margin-top: 15px;
	float: right;
	width: 150px;
}
.footer .footerLegal {
	padding: 15px 0px 0px 15px;
	float: left;
}
.footer .footerLegal p {
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 12px;
	font-variant: normal;
	font-weight: 500;
	color: #4a4a4a;
	line-height: 35px;	
}
.footer .footerLegal a:link, .footer .footerLegal a:hover, .footer .footerLegal p a:visited{
	color: #4a4a4a;
	text-decoration: none;
}
sup {
	bottom: 0.25em;
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0,0,0,0);
	border: 0;
}
.px-1 {
	padding-right: .25rem!important;
	padding-left: .25rem!important;
}
/**********************************************************************************************/
/**** new code ********************************************************************************/
/**********************************************************************************************/
.data.secondary {
	font-weight: normal;
	font-size: 95%;
}
.paymentBoxLrg a:link, .paymentBoxLrg a:visited {
	font: bold 0.8em Arial, Helvetica, sans-serif;
	display: block;
	float: left;
	padding-top: 10px;
	color: #3d5696;
}
.paymentBoxLrg a:hover {
	color: #6cb33f;
	text-decoration: none;	
}.note {
	font-weight: bold;
	color: #af292e;
}
label.fullWidth {
	width: 90%;
}
[disabled] {
	background:#CCC !important;
}