* {
/* With these codes padding and border does not increase it's width and gives intuitive style.*/

-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

html {
	font-family:sans-serif;
	font-size:16px !important;
}
body {
	font-size:1rem !important;
	}

.center-text {
	text-align:center;
}
.rwd-content {
	font-size:1.0em !important;
}

/* For the schedule stuff */
/* Shopping cart stuff*/
.shopcart {
	f/ont-size:1.0 em;
}

/*this is for the header bar on the shopping cart */
.ui-widget-header{
	border: 1px solid rgb(7,27,92);
	background: rgb(7,27,92) url(images/ui-bg_gloss-wave_55_071b5c_500x100.png) 50% 50% repeat-x!important;
	b/ackground-color:rgb(7,27,92);
	color: #ffffff;
	font-weight: bold;
	font-size:.9em !important;
}

/* end shopping cart stuff */

/* This is form stuff */
#maindiv {
	font-size:.90rem;

	}
#part1 {
	float:left;  /*This will be at the left. Other parts can be to the right but will move as screen shrinks */
	display:inline;
	width:45%;
	b/order-style:solid;
	}
#part2{ /*This will be to the right of part1, but will move below as screen size is reduced*/
	float:left;  /*This will be at the left. Other parts can be to the right but will move as screen shrinks */
	display:inline;
	width:45%;
	b/order-style:solid;
	}
.part {
	display:block;
	padding:5px;
	margin:5px;
	}
.part label {
	margin-bottom:3px;
	}
.part input[type='text'] {
	font-size:1em;
	margin-bottom:3px;
	}
.part input[type='password'] {
	font-size:1em;
	margin-bottom:3px;
	}
/*class 'labelled-input' is a container for a label and it's associated field*/
.labelled-input { /*causes containers to stack horizontally*/
	display:inline-block;
	margin-right:2px;
	}
.labelled-input > * { /*Causes labels to be beside input*/
	display:inline-block;
	margin-right:10px;
	}
.labelled-input label { /*labels right-aligned*/
	width:8em;
	text-align:right;
	float:none;
	}
.labelled-input input[type='text']	{
	font-size:1.0em;
	width:20em;
}
.labelled-input input[type='password']	{
	font-size:1.0em;
	width:20em;
}
.labelled-input select {
	font-size:1em;
	margin-bottom:3px;
	margin-right:0px
	}

/*container-vertical causes the containers to be stacked vertically*/
.container-vertical > div {
	display:block;
}
/*container-horizontal causes the containers to be stacked horizontally*/
.container-horizontal > div {
	display:inline-block;
}

#info-div {
	width:50%;
	padding:5px;
	margin:auto;
}
.div-center {
	width:20%;
	margin:auto;
}
input.buttonStyle {
    color: #002b51;
    font-size: 1.1em;
    font-weight: bold;
    margin: 0.2em;
    padding: 0.4em;
}

	#addressDivider {
		margin-left:5px;
		margin-right:5px;
		border-width:0;
	}

/*Medi-dependent stuff*/
@media only screen and (max-width: 1023px) {
	#part1 {
	float:none;
	display:block;
	width:100%;
	}
	#part2 {
	float:none;
	display:block;
	width:100%;
	}
	#info-div {
		width:100%;
		margin:auto;
	}
	.div-center {
		width:50%;
		margin:auto;
	}
	#addressDivider {
		display:none;
	}
}
@media only screen and (max-width: 540px) {
	#maindiv {
		font-size:.9rem
		}
	.labelled-input {/*causes containers to stack vertically*/
		display:block;
		}
	.labelled-input > * { /*Causes labels to be above input*/
		display:block;
		}
	.labelled-input label {/*labels left-aligned*/
		text-align:left;
		}
}

@media only screen and (max-width: 420px) {
	#maindiv {
		font-size:.9rem
		}
}

/* End of form stuff */


#user_headerwrap {
	font-size:1em;
	height:auto;
	background-color: white;
	b/order-bottom-width: 2px;
	b/order-bottom-style: solid;
	b/order-bottom-color: #00ABBE;
}

#user_header {
	z-index:2;
	height:6.0em;
}

#user_banner {
	max-width:540px;
	margin-right:auto;
	margin-left:auto;
}

#banner_img {
	max-width:540px;
}

#user_menu {
	font-size:1em;
	width:540px;
	margin-left:auto;
	margin-right:auto;
	t/ext-align:left;


}

#user_menu a:link {
	color:#024e91 !important;
}
#user_menu a:visited {
	color:#024e91 !important;
}

#logindiv{
	display:inline-block;
	m/argin-left:auto;
	m/argin-right:auto;
}

#welcome_div {
	display:inline-block;
}

#homediv {
	m/argin-left:0;
	m/argin-right:auto;
	display:inline-block;
	m/argin-left:10px;
	m/argin-right:10px;

}

#scDiv {
	display:inline-block;
	m/argin-left:auto;
	m/argin-right:0;
}

#scImageDiv {
	display:inline-block;
	background-color:#024e91;
	width: 28px;
	height: 24px;
	border: 0;
	padding:2px;
	margin-left:40%;
	m/argin-right:auto;

}

#scImage {
	width: 24px;
	height: 20px;
	border: 0;
	}

#orderreview {
	font-size:1.0em;
	width:90%;
}

.RWDaddressBlock {
    color: #002b51;
    font-size: 1em;
}

#ssImage {
	width: 250px;
	height: 100px;
	}

#ssheader {
	font-size:1.5em;
	font-weight:bold;
}

#abnav {
    font-size: 0.5em;
}
#bannav {
	font-size: .7em;
	font-weight: normal;

}
#bannav td {
	text-align: right;
	padding-right: 10px;
	padding-left: 15px;
	padding-bottom:5px;
	padding-top:5px;
	white-space: nowrap;
	c/olor: #FFFFFF;
	color:black;
}
#bannav a:link,
#bannav a:visited {
	color: #FFFFFF;
	text-decoration: underline;
}
#bannav a:hover,
#bannav a:focus,
#bannav a:active  {
	color:#FF9;
	text-decoration: underline;
}



#sched-content {
	/* 1rem = 16px*/
	text-align: left;
	margin-top: 10px;
	font-size:1rem;
	margin-left:10px;
	margin-right:10px;
}

.sched-content_subtitle {
	f/ont-size: 1em;
	font-weight: bold;
	color: #00ABBE;
	background-color: #FFFFFF;
	padding-left: 9px;
	padding-right: 9px;
	margin-right: 5px;
	padding-bottom: 2px;
	padding-top: 2px;
	margin-bottom: 4px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-width: 1px;
	border-bottom-color: #0065A4;
	border-top-width: 1px;
	border-top-color: #0065A4;
	width:100%;
}
.sched-course-subtitle {
	display:inline-block;
	width:49%;
//	float: none;
	text-align:right;
//	font-size: .85em;
	font-size:1.1em;
	font-weight: bold;
    padding:5px;
}

.sched-course-location {
	display:inline-block;
	width:49%;
	font-style: italic;
	font-size:1.1em;
	font-weight: bold;
}

.sched-course-name{
	display:inline-block;
/*
	width:20%;
	color: #00CC00;
	font-style: italic;
*/
	font-size:1.1em;
	font-weight: bold;
/*
    margin-top: 2em;
*/
}

.sched-course-spacer {
    height:1em;
}

table.sched-CourseTable {
	border-collapse: collapse;
	color: #000000;
	font-size:.8em;
	table-layout:fixed;
}
table.sched-CourseTable td {
	color: #000000;
	p/adding: .5em .7em .5em .7em;
}
table.sched-CourseTable th {
	background-color: rgb(230, 232, 236);
	p/adding: 8px;
	color: #002B51;
}
table.sched-CourseTable tr {
	border-color: #AAAAAA;
}
table.sched-CourseTable tr.even {
	background-color: #F0F1F1;
}
table.sched-CourseTable tr.odd {
	background-color: #FFFFFF;
}

table.scTable {
	border-collapse: collapse;
	color: #000000;
}
table.scTable td {
	color: #000000;
	padding: 8px;
}
table.scTable th {
	background-color: #CEE3F6;
	padding: 10px;
	color: #002B51;
}
table.scTable tr {
/*
	border-color: #AAAAAA;
*/
}
table.scTable input {
	text-align: right;
}
table.scTable td.ctr {
	text-align: center;
}
table.scTable td.ra, th.ra {
	font-f/amily: sans-serif;
	fon/t-family: Arial, Helvetica, sans-serif;
	text-align: right;
}

.scTdNbr {
	background-color: #A9D0F5;
}
table.scTotalTable {
	border-width: medium;
	border-color: #AAAAAA;
	text-align: right;
	font-weight: bold;
}
table.scTotalTable td {
	padding: 5px;
}
table.scTotalTable a {
	color: #002B51;
}
table.scTotalTable td.la {
	text-align: left;
}
.scTotalLine {
	border-top-style: dotted;
	border-top-width: thin;
}
.cartimage {
	width: 37px;
	height: 28px;
	border: 0;
	}

.sched-pleasecall {
	display:inline-block;
    width:48%;
	text-align:right;
/*
	color:red;
*/
	font-size:.9em;
	}

.sched-note1 {
	display:inline-block;
    width:48%;
/*
	color: #FF33FF;
*/
	font-weight: bold;
	font-size: .9em;
}


#banner1 {
	width:290px;
}

#banner2 {
	width:450px;

}

div.schedulesbackbutton {
	width:20em;
	margin-top:.6em;
	margin-bottom:.25em;
	margin-left:auto;
	margin-right:auto;
}
#schedulesbackbutton {
	font-size:1em;
}


/*Medi-dependent stuff*/
@media only screen and (max-width: 640px) and (min-width:401px) {
/* 640 width - Galaxy S4, etc in landscape mode*/
	.xsched-course-subtitle {
		display:block;
		text-align:left;
		width:100%;
	}
	div.schedulesbackbutton {
		w/idth:20em;
		m/argin-top:.6em;
		font-size:.9em;
	}
	#content {
		text-align: left;
		margin-top: 10px;
		width:auto;
		padding:0px;
	}
	.sched-course-name{
		font-size:.9em;
		}

	#scImageDiv {
		width: 24px;
		height: 20px;
		margin-left:40%;
	}

	#scImage {
		width: 20px;
		height: 16px;
		border: 0;
		}

	#ssImage {
		width: 125px;
		height: 50px;
		}

	#ssheader {
		font-size:1.0em;
	}

	#user_header {
		height:4.0em;
	}

	#user_banner {
		max-width:320px;
	}

	#banner_img {
		max-width:320px;
	}

	#user_menu {
		font-size:.8em;
		max-width:320px;

}
	#banner1 {
	font-size:.8em;
	}
	#bannav {
		font-size:.6em;
	}
	#header {
		height:3.4em;
	}
	#abconav {
		font-size:.8em;
	}
	#orderreview {
		font-size:.8em;
		width:90%;
	}

}

@media only screen and  (max-width: 768px) and (min-width: 641px){
/*IPAD in landscape */
	.cartimage {
		width: 25px;
		height:21px;
		border: 0;
	}
	.sched-course-subtitle {
		display:block;
		text-align:left;
		width:100%;
	}
	#sched-content {
		text-align: left;
		margin-top: 10px;
		width:auto;
		padding:0px;
	}
	.sched-course-name{
		font-size:.9em;
		}

	#user_header {
		height:5.0em;
	}

	#header {
		height:4.0em;
	}
	#abconav {
		font-size:.9em;
	}
	#user_banner {
		max-width:420px;
	}

	#banner_img {
		max-width:420px;
	}

	#user_menu {
		font-size:.9em;
		max-width:420px;
	}

}

@media only screen and (max-width: 400px) {
/*Most phones in portrait mode*/
	#user_banner {
		max-width:320px;
	}

	#banner_img {
		max-width:320px;
	}

	#user_menu {
		font-size:.8em;
		max-width:320px;
	}

	#scImageDiv {
		width: 24px;
		height: 20px;
		margin-left:40%;
	}

	#scImage {
		width: 20px;
		height: 16px;
		}

	#ssImage {
		width: 125px;
		height: 50px;
		}

	#ssheader {
		font-size:.8em;
	}

	#orderreview {
			font-size:.7em;
			width:90%;
		}

	div.schedulesbackbutton {
		w/idth:20em;
		m/argin-top:.6em;
		font-size:.8em;
	}
	#sched-content {
		text-align: left;
		margin-top: 10px;
		width:auto;
		font-size:.8rem;
		margin-left:5px;
		margin-right:5px;
	}
	.sched-content_subtitle {
		font-size: .8em;
	}
	.sched-course-subtitle {
		display:block;
		text-align:left;
//		font-size:.6em;
		width:100%;
	}
	.sched-course-location {
//		font-size:.8em;
	}

	.sched-course-name{
		font-size:.8em;
	}

	.sched-note1 {
//		font-size: .9em;
	}

	table.sched-CourseTable {
		border-collapse: collapse;
		color: #000000;
		font-size:.65em;
	}
	.cartimage {
		width: 19px;
		height:14px;
		border: 0;
	}
	.sched-pleasecall {
		font-size:.8em;
		}
	#xxheaderwrap {
		height:45px;
	}
	#xheader {
		height:43px;
	}
	#banner1 {
		font-size:.7em;
	}
	#bannav {
		font-size:.5em;
	}
	#abconav {
		font-size:.8em;
	}
}