/*
8/26/2015 J Lechuga (TICKET 18366)
- Updated CSS to support a Wider more modern design
9/4/2015 J LECHUGA(TICKET 18363)
- Created Style rules to support Program List
9/25/2015 J RAB (TICKET 19545)
- Removed body styles
10/07/2015 A PINZONE (TICKET 19598)
- Commented form element styles that were over-writing the global styles.
*/

html {
	background-color: #e6ecf1;
}
body {


}
body, td {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	text-align: left;
}
h3{
	background-color:#6964A7;
	color:white;
	padding:4px;
	margin:10px 0 5px 0;
	font-size:13px;
	font-weight:bold;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
}
h3 a{
	color:white;
	font-size:11px;
}
ol.steps{
	margin:0;
	padding-left:2em;

}
ol.steps li{
	line-height:1.9em;
	padding-bottom:15px;
}
/* APinzone - 10/07/2015
input {
	font-family: Verdana,Helvetica, Arial, sans-serif;
	font-size: 1em;
	padding: 0px;
	margin: 0px;

}
input[type=button] {
    background: #757d85 none repeat scroll 0 0;
    border: 1px solid #757d85;
    border-radius: 4px;
    box-shadow: none;
    color: #fff;
    min-height: 25px;
    padding:4px;
}
input[type=submit]{
    background: #e29905 none repeat scroll 0 0;
    border: 1px solid #e29905;
    border-radius: 4px;
    box-shadow: none;
    color: #fff;
    min-height: 25px;
    padding:4px;
}
input[type=button]:hover {
   cursor:pointer;
   opacity:.9;
}


input[type=submit]:hover {
  cursor:pointer;
   opacity:.9;
}
input[type=text]{
	border-radius: 3px;
	box-shadow:none;
	border:none;
	border:1px solid #ccc;
	min-height:23px;
	padding: 2px;
}
select {
	min-height:23px;
}
*/
table{
    max-width: 1060px;
    padding: 0;
    width: 100%;
}
/* APinzone - 10/07/2015
.choosebut.btn-blue {
    background-color: #315e89;
     border: 1px solid #315e89;
}
.btn.btn-blue {
    background-color: #315e89;
     border: 1px solid #315e89;
}
.btn.btn-yellow {
	border: 1px solid #f1bb4e;
    background-color: #f1bb4e;
}
.btn-small {
	height:17px;
    width:67px;
    min-width:127px;
}
.btn.btn-sm-yellow {
	border: 1px solid #f1bb4e;
    background-color: #f1bb4e;
    height:17px;
    width:67px;
    min-width:127px;
    font-size:10px;
    padding:1%;
    margin:2%;
}
.btn.btn-gray {
    background-color: #757d85;
    border-color:#757d85 ;
}
*/
#container {
	background: #fff none repeat scroll 0 0;
    border-radius: 0 0 5px 5px;
    height: auto;
    margin: 0 auto;
    padding: 1%;
    position: relative;
    width: 100%;
      max-width:1060px;
    min-width: 980px;
}
.testform {
	padding: 0px;
	margin: 0px;
}
/* ============================= */
#cpbar {
	height: 10%;
    margin: 0 0;
    width: 98%;
}
#cpbarleft {
	width: 400px;
	height: 23px;
	text-align: left;
	float: left;
}
#cpbarright {
	height: auto;
    margin-left: 58%;
    padding-bottom: 2%;
    padding-top: 3px;
    text-align: center;
    width: 44%;
	/*JD TICKET 14406 12/12/2013 - commented this out, doing it inline on the header for now...*/
	/*background-color: #E2E2E2;*/
}
.cpbarlinks {
	border: 1px solid #ccc;
    border-radius: 5px;
    color: #526f8f;
    font-family: verdana,arial,helvetica,sans-serif;
    font-size: 11px;
    padding: 3px;
    text-align: center;
     opacity: 1;
}
.cpbarlinks a {
	color: #526F8F;
	text-decoration: none;
}
.cpbarlinks a:hover {
	text-decoration: underline;
}
.cpbarlinks a:visited {
	color: #526F8F;
}
.cpbarlinks a:active {
	color: #526F8F;
}

#head {

	height: auto;
	margin: 0px;
	text-align: left;
	/*background-image: url(assets/images/cat_default_head.gif);*/
	background-repeat: no-repeat;
	width:100%!important;
	border-radius: 5px ;
	border:1px solid ##eee;
	min-height:89px;
	height:auto!important;
}

#head > img {
 	background-size:cover!important;
 	max-height: 100px;
 }

#headlinks {
	width: 765px;
	height: 20px;
	text-align: right;
	padding-right: 20px;
	padding-top: 5px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	color: #A1A5A8;
}

.headlinks a {
	color: #E9E5E5;
	text-decoration: underline;
}
.headlinks a:hover {
	text-decoration: none;
}
.headlinks a:visited {
	color: #E9E5E5;
}
.headlinks a:active {
	color: #E9E5E5;
}
#buttonbar {
	width: 775px;
	height: 21px;
	vertical-align: middle;
	margin-bottom: 5px;
	text-align: left;
	background-image: url(assets/images/but_bar_775.gif);
	background-repeat: no-repeat;
}
#buttonlinks {
	width: 765px;
	height: 21px;
	text-align: right;
	vertical-align: middle;
	padding-right: 10px;
	padding-top: 3px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #526F8F;
}

.buttonlinks a {
	color: #526F8F;
	text-decoration: underline;
	font-weight: bold;
}
.buttonlinks a:hover {
	color: #8899AB;
	text-decoration: none;
}
.buttonlinks a:visited {
	color: #526F8F;
}
.buttonlinks a:active {
	color: #526F8F;
}
/* ============================= */
#content {
	width: 768px;
	margin: auto;
	text-align: left;
}

.sched-exceptions{
	padding: 4px 4% 0;
	font-size:1.2em;
	font-weight:bold;
	color:red;
}
.class-session-price{
	padding: 0 0 1% 4%;
	font-size:1.2em;
	font-weight: bold;
}
.sched-record-head{
	margin:auto;
	width:auto;
	padding:1%;
	margin:1%;
	font-weight: bold;
	border-bottom:1px solid #ccc;
}
.sched-record-head > span{
	 margin: 0 4%;
    width: 100%;
}
.sched-record{
	margin:auto;
	width:auto;
	padding:1%;
	margin:1%;
	border-bottom:1px solid #ccc;
}
.sched-record > span{
	display: inline-block;
    margin: 0 3%;
    position: relative;
    vertical-align: top;
    width: 12%
}
.sched-record > span.facility {
 display: inline-block;
    margin: 0 -2%;
    position: relative;
    text-align: center;
    vertical-align: top;
    width: 25%;
}
.code-content{
	min-width:400px;
	background:#eee;
	border:1px solid #ccc;
	border-radius: 4px;
	margin:0 0 2% 2% ;
}
.hidden{
	display: none;
}
.google-translate{
	margin:0 0 1%;
}
#popContent {
	width: 406px;
	margin: auto;
	text-align: left;
}
/* ============================= */
#widepagearea {
	width: 700px;
	height: auto;
	margin-top: 5px;
	margin-bottom: 5px;
}
#pagetitle {
	text-align: left;
	width: auto;
	font-size: 14px;
	font-family: helvetica, verdana, arial, sans-serif;
	font-weight: bold;
	color: #526F8F;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-left: 10px;
}
#pageinstructions {
	width: auto;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 15px;
	margin-left: 10px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
}
.program-details{
	float:right;
	padding-right:10%;
}
.program-image{
	display: inline-block;
    float: right;
    height: 85px;
    margin-bottom: 3%;
    margin-top: 1%;
    max-width: 150px;
    padding-bottom: 0;
    margin-right: 2%;
    position: relative;
    width: auto;
}
/* ============================= */

#homebody {
	width: 700px;
	text-align: left;
	margin: 0px;
}
#searchbar {
	width: 530px;
	height: 30px;
	vertical-align: middle;
	background-image: url(assets/images/search_bar.gif);
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-bottom: 5px;
	padding-top: 2px;
	padding-left: 10px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #526F8F;
}
#searchtools {
	padding-left: 10px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #526F8F;
}
.searchtoollink {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #526F8F;
	padding-left: 10px;
}
.searchtoollink a {
	color: #526F8F;
	text-decoration: underline;
	font-weight: normal;
}
.searchtoollink a:hover {
	color: #526F8F;
	text-decoration: none;
}
.searchtoollink a:visited {
	color: #526F8F;
}
.searchtoollink a:active {
	color: #526F8F;
}
#resultarea {
	width: 700px;
	height: auto;
	margin-top: 5px;
	margin-bottom: 5px;
}
#resultcount {
	width: auto;
	height: auto;
	margin-top: 5px;
	margin-bottom: 5px;
	border-bottom: 1px solid #A1A5A8;
}
.resultcounttext {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	margin: -1%;
    padding: 1%;
    background: #315e89 none repeat scroll 0 0;
    border-radius: 3px 3px 0 0;
}
#resultpages {
	width: auto;
	height: auto;
	margin-top: 20px;
	margin-bottom: 15px;
	text-align: center;
}
.resultpageslinks {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
}
.resultpageslinks a {
	color: #0000FF;
	text-decoration: underline;
	font-weight: normal;
}
.resultpageslinks a:hover {
	color: #0000FF;
	text-decoration: none;
}
.resultpageslinks a:visited {
	color: #0000FF;
}
.resultpageslinks a:active {
	color: #0000FF;
}
#resultblock {
	width: auto;
	height: auto;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 5px;
}
.resultblocktitle {
	font-family: verdana, arial, helvetica, sans-serif;
	padding-bottom: 10px;
	padding-top: 10px;
	font-size: 11px;
	font-weight: bold;
	color: #920E0E;
}
#resultblockitem {
	width: auto;
	height: auto;
	padding: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
	border-bottom: 1px solid #A1A5A8;
}
.resultblockitemdesc {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
}
.resultblockitem a {
	color: #526F8F;
	text-decoration: underline;
	font-weight: bold;
}
.resultblockitem a:hover {
	color: #8899AB;
	text-decoration: none;
}
.resultblockitem a:visited {
	color: #526F8F;
}
.resultblockitem a:active {
	color: #526F8F;
}
.resultblocklink {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #039003;
}
.resultblocklink a {
	color: #039003;
	text-decoration: underline;
	font-weight: normal;
}
.resultblocklink a:hover {
	color: #039003;
	text-decoration: none;
}
.resultblocklink a:visited {
	color: #039003;
}
.resultblocklink a:active {
	color: #039003;
}
.searchbut {
	font-size: 11px;
	background-color: #eee;
	height: 20px;
	padding-left: 3px;
}
.searchfield {
	 font-size: 12px;
	height: 12px;
	width: 120px;
	padding-left: 3px;
}
.searchadvlabel {
	text-align: right;
	width: 200px;
	font-size: 11px;
	font-family: verdana, arial, sans-serif;
	font-weight: bold;
	color: #000000;
	padding: 4px;
	background-color: #eeeeee;
	vertical-align: middle;
}
.searchadvchoice {
	text-align: left;
	width: 400px;
	font-size: 10px;
	font-family: helvetica, verdana, arial, sans-serif;
	font-weight: normal;
	color: #000000;
	padding: 4px;
	padding-left: 5px;
	background-color: #eeeeee;
	vertical-align: middle;
}
.advsearchfield {
	text-align: left;
	width: 100px;
	height: 14px;
	font-size: 10px;
	font-family: helvetica, verdana, arial, sans-serif;
	font-weight: normal;
	color: #000000;
}
/* ============================= */
#welcomeitem {
	width: 690px;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 15px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #526F8F;
}
#welcomeimage {
	width: 530px;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 5px;
	float: left;
}
#welcomead {
	width: 165px;
	text-align: left;
	margin-top: 0px;
	margin-left: 535px;
	margin-bottom: 5px;
}
#homeitem {
	width: 690px;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 10px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #526F8F;
}
#homelinks {
	font-weight: bold;
	color: #991B1B;
}
.homelinks a {
	color: #991B1B;
	text-decoration: underline;
}
.homelinks a:hover {
	text-decoration: none;
}
.homelinks a:visited {
	color: #991B1B;
}
.homelinks a:active {
	color: #991B1B;
}
/* ================================ */
#accountboxtop {
	width: 530px;
	height: 17px;
	background-image: url(assets/images/areatop_e2e2e2_530w.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
}
#accountboxname {
	width: auto;
	vertical-align: middle;
	text-align: left;
	font-size: 11px;
	font-family: helvetica, verdana, arial, sans-serif;
	font-weight: bold;
	color: #526F8F;
	padding-left: 10px;
	padding-top: 1px;
}
#accountbox {
	width: 522px;
	height: auto;
	text-align: left;
	padding: 3px;
	border-left: 1px solid #A1A5A8;
	border-right: 1px solid #A1A5A8;
}
.accountboxsection {
	width: 500px;
	margin: 5px;
	padding: 2px;
	background-color:#FFFFFF;
}
.accountboxsection a {
	text-decoration: underline;
	font-weight: bold;
	color: #526F8F;
}
.accountboxsection a:hover {
	text-decoration: none;
	font-weight: bold;
}
.accountboxsectionodd {
	width: 500px;
	margin: 5px;
	padding: 2px;
	background-color:#F5F5F5;
}
.accountboxsectionodd a {
	text-decoration: underline;
	font-weight: bold;
	color: #526F8F;
}
.accountboxsectionodd a:hover {
	text-decoration: none;
	font-weight: bold;
}
#accountboxbot {
	width: 530px;
	height: 3px;
	background-image: url(assets/images/areabot_ffffff_530w.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
}
/* ================================ */
#rightboxtop {
	width: 165px;
	height: 17px;
	background-image: url(assets/images/areatop_e2e2e2_165w.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
}
#rightboxname {
	width: 145px;
	vertical-align: middle;
	text-align: left;
	font-size: 11px;
	font-family: helvetica, verdana, arial, sans-serif;
	font-weight: bold;
	color: #526F8F;
	padding-left: 10px;
	padding-top: 1px;
}
#rightbox {
	width: 157px;
	height: 380px;
	text-align: left;
	padding: 3px;
	border-left: 1px solid #A1A5A8;
	border-right: 1px solid #A1A5A8;
}
.rightboxsection {
	width: 140px;
	margin: 5px;
	padding: 2px;
	margin-bottom: 10px;
	background-color:#FFFFFF;
}
.rightboxtitle {
	font-weight: bold;
	color: #526F8F;
}
.rightboxsection a {
	text-decoration: underline;
	font-weight: bold;
	color: #526F8F;
}
.rightboxsection a:hover {
	text-decoration: none;
	font-weight: bold;
}
.rightboxsectionodd {
	width: 140px;
	margin: 5px;
	padding: 2px;
	margin-bottom: 10px;
	background-color:#F5F5F5;
}
.rightboxsectionodd a {
	text-decoration: underline;
	font-weight: bold;
	color: #526F8F;
}
.rightboxsectionodd a:hover {
	text-decoration: none;
	font-weight: bold;
}
#rightboxbot {
	width: 165px;
	height: 3px;
	background-image: url(assets/images/areabot_ffffff_165w.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
}
/* ============================= */

#groupbody {
	 width: 100%;
	text-align: left;
	margin: 0px;
}
#backtrackbar {
	width: auto;
	height: 20px;
	vertical-align: middle;
	margin: 0px;
}
#backtrackbarshort {
	width: auto;
	height: 20px;
	vertical-align: middle;
	margin: 0 0 0 -1%;
}
#backtrack {
	width: 390px;
	height: 20px;
	vertical-align: middle;
	margin: 0px;
	padding: 1px;
	padding-left: 5px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #991B1B;
	float: left;
}
#backtrackshort {
	width: 100%!important;
	height: 14px!important;
	vertical-align: middle;
	margin: 0 0 2%!important;
	padding: 1%!important;
	padding-left: 0px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF!important;
	float: left;
	background: #315e89;
	border-radius:3px 3px 0 0;
	font-weight: bold!important;
}
#backtracklinks {
	font-weight: normal;
	color: #991B1B;
}
.backtracklinks{
	font-size: 1em;
    width: 125%;
}
.backtracklinks a {
	color: #fff!important;
    text-decoration: none!important;
}
.backtracklinks a:hover {
	text-decoration: none;
}
.backtracklinks a:visited {
	color: #526F8F;
}
.backtracklinks a:active {
	color: #526F8F;
}

.btn-cart{
	background: #315e89 none repeat scroll 0 0;
    border-radius: 5px;
    color: white;
    font-weight: normal;
    height: 25px;
    margin: auto;
    padding: 7px;
    text-decoration: none;
    width: 40px;
}
.btn-cart:hover{
	background:#f1bb4e;
	opacity:.8;
}

#carttrack {
	width: 275px;
	height: 20px;
	vertical-align: middle;
	text-align: right;
	margin-left: 410px;
	padding: 1px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #526F8F;
}
.carttrack a {
	color: #526F8F;
	text-decoration: none;
}
.carttrack a:hover {
	text-decoration: underline;
}
.carttrack a:visited {
	color: #526F8F;
}
.carttrack a:active {
	color: #526F8F;
}
#searchbarwide {
	width: 700px;
	height: 30px;
	vertical-align: middle;
	background-image: url(assets/images/search_bar_700.gif);
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-bottom: 3px;
	padding-top: 4px;
	padding-left: 0px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #526F8F;
}
#searchbar775 {
	width: 775px;
	height: 30px;
	vertical-align: middle;
	background-image: url(assets/images/search_bar_775.gif);
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-bottom: 3px;
	padding-top: 4px;
	padding-left: 0px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #526F8F;
}
#groupinstructions {
	width: 775px;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 15px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #526F8F;
}
#groupleftbox {
	width: 340px;
	float: left;
}
#grouprightbox {
	width: 340px;
	margin-left: 360px;
}
#groupitem {
	width: 320px;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 10px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #526F8F;
}
#grouplinks {
	font-weight: bold;
	color: #991B1B;
}
.grouplinks a {
	color: #991B1B;
	text-decoration: underline;
}
.grouplinks a:hover {
	text-decoration: none;
}
.grouplinks a:visited {
	color: #991B1B;
}
.grouplinks a:active {
	color: #991B1B;
}
/* ================================ */
#programnavbox {
	width: 165px;
	float: left;
	margin-top: 2%;
}
#rightbodybox {
	margin-left: 15%;
    min-height: 340px;
    padding: 0 1%;
    width: 85%;
    margin-top: 2%;
}
#programlistbox {
	float: left;
    padding: 0 1% 1%;
    position: relative;
    width: 74%;
}
#cpcartbox {
   margin-left: 77%;
    padding-bottom: 10%;
    padding-left: 1px;
    position: relative;
    width: 59%;
}
#myacctleftbox {
	width: 165px;
	float: left;
}
#myacctrightbox {
	width: 600px;
	margin-left: 175px;
}
/* ================================ */
#groupnavboxtop {
	width: 165px;
	height: 17px;
	background-image: url(assets/images/areatop_e2e2e2_165w.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
}
#groupnavboxname {
	width: 145px;
	vertical-align: middle;
	text-align: left;
	font-size: 11px;
	font-family: helvetica, verdana, arial, sans-serif;
	font-weight: bold;
	color: #526F8F;
	padding-left: 10px;
	padding-top: 1px;
}
#groupnavbox {
	width: 157px;
	height: auto;
	text-align: left;
	padding: 3px;
	border-left: 1px solid #A1A5A8;
	border-right: 1px solid #A1A5A8;
}
.groupnavboxsection {
	width: 140px;
	margin: 5px;
	padding: 2px;
	color: #A1A5A8;
	margin-bottom: 5px;
	border-bottom: 1px dotted #A1A5A8;
}
.groupnavboxtitle {
	font-weight: normal;
	color: #526F8F;
}
.groupnavboxsection a {
	text-decoration: none;
	font-weight: normal;
	color: #949596;
}
.groupnavboxsection a:hover {
	text-decoration: underline;
	font-weight: normal;
}
.groupnavboxsectionbot {
	width: 140px;
	margin: 5px;
	padding: 2px;
	color: #A1A5A8;
	margin-bottom: 5px;
}
.groupnavboxsectionbot a {
	text-decoration: none;
	font-weight: normal;
	color: #949596;
}
.groupnavboxsectionbot a:hover {
	text-decoration: underline;
	font-weight: normal;
}
.groupnavboxsectionact {
	width: 140px;
	font-weight: bold;
	color: #991B1B;
	margin: 5px;
	padding: 2px;
	margin-bottom: 5px;
	border-bottom: 1px dotted #A1A5A8;
}
#groupnavboxbot {
	width: 165px;
	height: 3px;
	background-image: url(assets/images/areabot_ffffff_165w.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
}
#familymembers {
	width: auto;
	height: 17px;
	text-align: left;
	font-size: 11px;
	font-family: verdana, arial, sans-serif;
	font-weight: bold;
	color: #526F8F;
	margin-top: 10px;
	padding-left: 3px;
	border-top: 1px solid #A1A5A8;
	border-bottom: 1px solid #A1A5A8;
	background-color: #e2e2e2;
}

/* ============================= */

#programlisting {
	width: 100%;
	height: auto;
	text-align: left;
	margin-top: 5px;
	margin-bottom: 5px;
	border-bottom: 1px solid #A1A5A8;
	margin-left: 1%;
}
.list-paragraph{
	 display: inline-block;
    line-height: 1.2em;
    margin-bottom: 1%;
    position: relative;
     padding-bottom: 2%;
}
.list-paragraph > img {
	float: left;
    max-height: 130px;

    padding-right: 2%;
    width: auto;

}
.program-list-head-det{
	margin-bottom:-1%;
}
#programlistingwide {
	width: 680;
	height: auto;
	text-align: left;
	margin-bottom: 15px;
	border-bottom: 1px solid #A1A5A8;
}
#programbrief {
	width: auto;
	height: auto;
	text-align: left;
	margin-bottom: 15px;
	margin-top: 0px;
	border-bottom: 1px solid #A1A5A8;
	border-top: 1px solid #A1A5A8;
}
.programtitle {
	text-align: left;
	font-size: 1.1em;
	font-family: verdana, arial, sans-serif;
	font-weight: bold;
	color: #526F8F;
	padding-top: 10px;
	padding-bottom: 5px;
	height: 27px;
    width: 537px;

}
.programtitle a {
	color: #526F8F;
	text-decoration: underline;
}
.programdesc{
	border-bottom: 1px solid #ccc;
    display: inline-block;
    height: auto;
    margin-bottom: auto;
    margin-top: 1%;
    padding-bottom: 1%;
    position: relative;
     width: 100%;
}
.programtitle a:hover {
	text-decoration: none;
}
.programtitle a:visited {
	color: #526F8F;
}
.programtitle a:active {
	color: #526F8F;
}
.programfee {
	text-align: left;
	font-size: 11px;
	font-family: verdana, arial, sans-serif;
	font-weight: bold;
	color: #000000;
	padding-top: 5px;
	padding-bottom: 5px;
}
.programauth {
	text-align: left;
	font-size: 11px;
	font-family: verdana, arial, sans-serif;
	font-weight: normal;
	color: #000000;
	padding-bottom: 3px;
	padding-top: 3px;
}
.programspecs {
	text-align: left;
	font-size: 11px;
	font-family: verdana, arial, sans-serif;
	font-weight: bold;
	color: #000000;
	padding-bottom: 2px;
}
.programdescription {
	text-align: left;
	font-size: 11px;
	font-family: verdana, arial, sans-serif;
	font-weight: normal;
	color: #000000;
	padding-bottom: 5px;
}
#courselisting {
	width: auto;
	height: auto;
	text-align: left;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 5px;
}
.registerbut {
	font-size: 12px;
	background-color: #EEE;
	padding-left: 0px;
}
.backbut {
	font-size: 10px;
	background-color: #eee;
	height: 18px;
	padding-left: 0px;
	border: 1px solid #A1A5A8;
}
.coursetitle {
	font-size: 11px;
	font-family: helvetica, verdana, arial, sans-serif;
	font-weight: bold;
	color: #000000;
	padding-left: 0px;
}
/* ================================ */
#cartboxtop {
    background: rgba(0, 0, 0, 0) none no-repeat scroll 0 0;

    border:1px solid grey;
    border-bottom: 0px;
    border-radius: 5px 5px 0 0;
    height: 10px;
    margin: 1% 0 0;
    padding: 0;
    width: 190px;
}
#cartbox {
	width: 184px;
	height: auto;
	text-align: left;
	padding: 3px;
	border-left: 1px solid #A1A5A8;
	border-right: 1px solid #A1A5A8;
}
#cartitem {
	width: 175px;
	height: auto;
	text-align: left;
	padding: 3px;
	margin-top: 5px;
	margin-bottom: 5px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	color: #526F8F;
	border-bottom: 1px solid #A1A5A8;
}
.cartboxprice {
	font-weight: bold;
	color: #990000;
}
.cartboxqty {
	font-weight: normal;
	color: #000000;
	font-size: x-small;
}
#cartitem a {
	color: #526F8F;
	text-decoration: underline;
}
#cartitem a:hover {
	text-decoration: none;
}
#cartitem a:visited {
	color: #526F8F;
}
#cartitem a:active {
	color: #526F8F;
}
#cartboxbot {
	width: 192px;
	height: 3px;
	background-image: url(assets/images/areabot_ffffff_192w.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
}
#cartnav {
	width: 170px;
	height: auto;
	text-align: center;
	padding: 3px;
	margin: auto;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	color: #526F8F;
	background-color: #EEE;
	border: 1px solid #ccc;
    border-radius: 5px;
}
#cartnav a {
	color: #526F8F;
	text-decoration: underline;
}
#cartnav a:hover {
	text-decoration: none;
}
#cartnav a:visited {
	color: #526F8F;
}
#cartnav a:active {
	color: #526F8F;
}
#subtotal {
	width: 175px;
	height: auto;
	text-align: center;
	padding: 3px;
	margin-top: 5px;
	margin-bottom: 5px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
}
#cartboxspace {
	width: 170px;
	height: 5px;
	margin: 0px;
	padding: 0px;
}
/* ================================= */
#searchboxtop {
	width: 192px;
	height: 20px;
	background-image: url(assets/images/areatop_search_192w.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
}
#searchbox {
	width: 184px;
	height: 60px;
	text-align: left;
	padding: 3px;
	border-left: 1px solid #A1A5A8;
	border-right: 1px solid #A1A5A8;
	background-color: #E2E2E2;
}
#searchboxbot {
	width: 192px;
	height: 3px;
	background-image: url(assets/images/areabot_e2e2e2_192w.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
}
/* ================================= */
#messageboxtop {
	width: 192px;
	height: 25px;
	background-image: url(assets/images/areatop_ffffff_notice.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
}
#messagebox {
	width: 184px;
	height: auto;
	text-align: left;
	padding: 3px;
	border-left: 1px solid #A1A5A8;
	border-right: 1px solid #A1A5A8;
}
#messageitem {
	width: 175px;
	height: auto;
	text-align: left;
	padding: 3px;
	margin-top: 5px;
	margin-bottom: 5px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	color: #526F8F;
}
#messageboxbot {
	width: 192px;
	height: 3px;
	background-image: url(assets/images/areabot_ffffff_192w.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
}
/* ================================= */
#loginleftbox {
	width: 530px;
	float: left;
}
#loginrightbox {
	width: 165px;
	margin-left: 535px;
}
#loginarea {
	width: 400px;
	height: auto;
	text-align: left;
	margin-left: 100px;
	margin-bottom: 15px;
}
#logintitle {
	text-align: left;
	width: 300px;
	font-size: 14px;
	font-family: helvetica, verdana, arial, sans-serif;
	font-weight: bold;
	color: #526F8F;
	padding-bottom: 2px;
}
#loginchoice {
	text-align: left;
	width: 300px;
	font-size: 11px;
	font-family: helvetica, verdana, arial, sans-serif;
	font-weight: normal;
	color: #000000;
	padding-bottom: 3px;
	padding-left: 5px;
}
#loginlabel {
	text-align: left;
	width: 300px;
	font-size: 12px;
	font-family: helvetica, verdana, arial, sans-serif;
	font-weight: bold;
	color: #000000;
	padding-bottom: 3px;
}
.loginfield {
	text-align: left;
	width: 100px;
	height: 14px;
	font-size: 10px;
	font-family: helvetica, verdana, arial, sans-serif;
	font-weight: normal;
	color: #000000;
}
.signbut {
	font-size: 10px;
	background-color: #EEE;
	height: 18px;
	padding-left: 0px;
}
/* ================================= */
#login2leftbox {
	width: 280px;
	float: left;
}
#login2rightbox {
	width: 400px;
	margin-left: 298px;
	border-left: 1px solid #A1A5A8;
}
#login2area {
	width: 250px;
	height: auto;
	text-align: left;
	margin-left: 20px;
	margin-bottom: 15px;
}
#logininstructions {
	width: auto;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 15px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #526F8F;
}
#reginstructions {
	width: auto;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 15px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
}
#login2title {
	text-align: left;
	width: 250px;
	font-size: 14px;
	font-family: helvetica, verdana, arial, sans-serif;
	font-weight: bold;
	color: #526F8F;
	padding-bottom: 10px;
}
.login2choice {
	text-align: left;
	width: 150px;
	font-size: 11px;
	font-family: helvetica, verdana, arial, sans-serif;
	font-weight: normal;
	color: #000000;
	padding-bottom: 3px;
	padding-left: 5px;
}
.login2label {
	text-align: right;
	width: 100px;
	font-size: 12px;
	font-family: helvetica, verdana, arial, sans-serif;
	font-weight: normal;
	color: #000000;
	padding-bottom: 3px;
}
#helplinks {
	width: 150px;
	height: auto;
	font-size: 10px;
	font-family: helvetica, verdana, arial, sans-serif;
	font-weight: normal;
	color: #A1A5A8;
	text-align: left;
	padding-top: 15px;
}
.helplinks a {
	color: #A1A5A8;
	text-decoration: underline;
	padding-top: 10px;
}
.helplinks a:hover {
	text-decoration: none;
	padding-top: 10px;
}
.helplinks a:visited {
	color: #A1A5A8;
	padding-top: 10px;
}
.helplinks a:active {
	color: #A1A5A8;
	padding-top: 10px;
}
#registerarea {
	width: 370px;
	height: auto;
	text-align: left;
	margin-left: 20px;
	margin-bottom: 15px;
}
.registerchoice {
	text-align: left;
	width: 200px;
	font-size: 11px;
	font-family: helvetica, verdana, arial, sans-serif;
	font-weight: normal;
	color: #000000;
	padding-bottom: 3px;
	padding-left: 2px;
}
.registerlabel {
	text-align: right;
	width: 170px;
	font-size: 12px;
	font-family: helvetica, verdana, arial, sans-serif;
	font-weight: normal;
	color: #000000;
	padding-bottom: 3px;
}
.registerlabelreq {
	text-align: right;
	width: 170px;
	font-size: 12px;
	font-family: helvetica, verdana, arial, sans-serif;
	font-weight: normal;
	color: #C30C03;
	padding-bottom: 3px;
}
.registernote {
	text-align: left;
	width: 150px;
	font-size: 9px;
	font-family: helvetica, verdana, arial, sans-serif;
	font-weight: normal;
	color: #818384;
	padding-bottom: 0px;
	padding-top: 3px;
	padding-left: 5px;
}
.registerfieldsm {
	text-align: left;
	width: 50px;
	height: 14px;
	font-size: 10px;
	font-family: helvetica, verdana, arial, sans-serif;
	font-weight: normal;
	color: #000000;
}
.registerfield {
	text-align: left;
	width: 100px;
	height: 14px;
	font-size: 10px;
	font-family: helvetica, verdana, arial, sans-serif;
	font-weight: normal;
	color: #000000;
}
.registerfieldmd {
	text-align: left;
	width: 150px;
	height: 14px;
	font-size: 10px;
	font-family: helvetica, verdana, arial, sans-serif;
	font-weight: normal;
	color: #000000;
}
.registerfieldlg {
	text-align: left;
	width: 200px;
	height: 14px;
	font-size: 10px;
	font-family: helvetica, verdana, arial, sans-serif;
	font-weight: normal;
	color: #000000;
}
#addmemarea {
	 height: auto;
    margin: 2%;
    text-align: left;
       width: auto;
}
#addmemtitle {
	text-align: left;
	width: auto;
	font-size: 14px;
	font-family: helvetica, verdana, arial, sans-serif;
	font-weight: bold;
	color: #B3C1D1;
	padding-top: 10px;
	padding-bottom: 3px;
	border-bottom: 1px solid #A1A1A1;
	margin-bottom: 7px;
}
#addmemtitle span {
	font-size: 14px;
	font-family: helvetica, verdana, arial, sans-serif;
	font-weight: bold;
	color: #526F8F;
}
#addmemtitle span.active {
	font-size: 14px;
	font-family: helvetica, verdana, arial, sans-serif;
	font-weight: bold;
	color: #920E0E;
}
.memchoice {
	text-align: left;
	width: 425px;
	font-size: 11px;
	font-family: helvetica, verdana, arial, sans-serif;
	font-weight: normal;
	color: #000000;
	padding-bottom: 3px;
	padding-left: 5px;
}
.memchoicena {
	text-align: left;
	width: 425px;
	font-size: 11px;
	font-family: helvetica, verdana, arial, sans-serif;
	font-weight: normal;
	color: #A1A5A8;
	padding-bottom: 3px;
	padding-left: 5px;
}
.memlabel {
	text-align: right;
	width: 175px;
	font-size: 12px;
	font-family: helvetica, verdana, arial, sans-serif;
	font-weight: normal;
	color: #000000;
	padding-bottom: 3px;
}
.memlabelreq {
	text-align: right;
	width: 175px;
	font-size: 12px;
	font-family: helvetica, verdana, arial, sans-serif;
	font-weight: normal;
	color: #B11818;
	padding-bottom: 3px;
}
#choosepartinst {
	text-align: left;
	width: auto;
	font-size: 12px;
	font-family: helvetica, verdana, arial, sans-serif;
	font-weight: bold;
	color: #000000;
	padding-top: 10px;
	padding-bottom: 10px;
}
.choosebutspace {
	text-align: left;
	width: 135px;
	height: auto;
	font-size: 10px;
	font-family: helvetica, verdana, arial, sans-serif;
	font-weight: normal;
	color: #000000;
	padding-right: 5px;
}
.choosebutspacewide {
	text-align: left;
	width: 190px;
	height: auto;
	font-size: 10px;
	font-family: helvetica, verdana, arial, sans-serif;
	font-weight: normal;
	color: #000000;
	padding-right: 5px;
}
.choosebut {
	font-size: 12px;
	background-color: #EEE;
	width: 120px;
	padding-left: 0px;
	padding-left: 5px;
}
.choosebutwide {
	font-size: 12px;
	background-color: #EEE;
	width: 175px;
	padding-left: 0px;
	padding-left: 5px;
}
.returnbutspace {
	text-align: left;
	width: 250px;
	height: auto;
	font-size: 11px;
	font-family: helvetica, verdana, arial, sans-serif;
	font-weight: normal;
	color: #000000;
	padding: 10px;
	padding-right: 20px;
}
.returnbut {
	font-size: 11px;
	background-color: #EEE;
	height: 18px;
	width: 200px;
	padding-left: 0px;
	padding-left: 5px;
}
.disclaim {
	text-align: left;
	width: 135px;
	height: auto;
	font-size: 10px;
	font-family: helvetica, verdana, arial, sans-serif;
	font-weight: normal;
	color: #000000;
	padding-right: 5px;
	background-color: #CCCCCC;
}
/* ================================= */
#regformarea {
	width: 700px;
	height: auto;
	text-align: left;
}
#regformtitle {
	width: 600px;
	text-align: left;
	margin-top: 15px;
	margin-bottom: 0px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	padding: 3px;
	border: 1px solid #315e89;
	border-radius:5px 5px 0 0 ;
	background-color:#315e89 ;
}
#regformblock {
	text-align: left;
	width: 600px;
	height: auto;
	background-color: #eee;
	padding-top: 8px;
	padding: 3px;
	border: 1px solid #ccc;
	border-top: 0px;
}
.regformlabel {
	text-align: right;
	width: 275px;
	font-size: 11px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	color: #000000;
	padding: 3px;
}
.regformlabelred {
	text-align: right;
	width: 275px;
	font-size: 11px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	color: #B11818;
	padding: 3px;
}
.regformheader {
	text-align: left;
	font-size: 11px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	color: #000000;
	width:auto;
	padding: 5px;
	background-color: #BDBCBC;
}
.regformheaderred {
	text-align: left;
	font-size: 11px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	color: #B11818;
	width:auto;
	padding: 5px;
	background-color: #BDBCBC;
}
.regformmessage {
	text-align: left;
	font-size: 11px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	color: #000000;
	width:auto;
	padding: 5px;
	background-color: #DAD8D8;
}
.regformmessagered {
	text-align: left;
	font-size: 11px;
	font-family:  verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	color: #B11818;
	width:auto;
	padding: 5px;
	background-color: #DAD8D8;
}
.regformchoice {
	text-align: left;
	width: 325px;
	font-size: 11px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: normal;
	color: #000000;
	padding: 3px;
	padding-left: 5px;
}
.form-choice-label{
	width:100%;
}
.form-choice{
	width:6%;
}
#updformtitle {
	width: 500px;
	text-align: left;
	margin-top: 15px;
	margin-bottom: 0px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #526F8F;
	padding: 3px;
	border: 1px solid #A1A5A8;
}
#updformblock {
	text-align: left;
	width: 500px;
	height: auto;
	background-color: #E2E2E2;
	padding-top: 8px;
	padding: 3px;
	border: 1px solid #A1A5A8;
	border-top: 0px;
}
.updformlabel {
	text-align: right;
	width: 200px;
	font-size: 11px;
	font-family: helvetica, verdana, arial, sans-serif;
	font-weight: bold;
	color: #000000;
	padding-bottom: 8px;
}
.updformlabelred {
	text-align: right;
	width: 200px;
	font-size: 11px;
	font-family: helvetica, verdana, arial, sans-serif;
	font-weight: bold;
	color: #B11818;
	padding-bottom: 8px;
}
.updformchoice {
	text-align: left;
	width: 300px;
	font-size: 11px;
	font-family: helvetica, verdana, arial, sans-serif;
	font-weight: normal;
	color: #000000;
	padding-bottom: 8px;
	padding-left: 5px;
}
/* ================================= */
.registrationhead {
	background-color: #eee;
    border: 1px solid #ccc;
    color: #315e89;
    font-family: helvetica,verdana,arial,sans-serif;
    font-size: 12px;
    font-weight: bold;
    height: auto;
    padding: 3px;
    text-align: left;
    width: 500px;
}
.feehead {
	text-align: center;
	width: 100px;
	height: auto;
	background-color: #eee;
	padding: 3px;
	border: 1px solid #ccc;
	border-left: 0px;
	font-size: 12px;
	font-family: helvetica, verdana, arial, sans-serif;
	font-weight: bold;
	color: #315e89;
}

.removehead {
	text-align: center;
	width: 100px;
	height: auto;
	background-color: #eee;
	padding: 3px;
	border: 1px solid #ccc;
	border-left: 0px;
	font-size: 12px;
	font-family: helvetica, verdana, arial, sans-serif;
	font-weight: bold;
	color: #315e89;
}
.registrationheaddisc {
	text-align: left;
	width: 500px;
	height: auto;
	background-color: #eee;
	padding: 3px;
	border: 1px solid #ccc;
	border-top: 0px;
	border-bottom: 0px;
	font-size: 12px;
	font-family: helvetica, verdana, arial, sans-serif;
	font-weight: normal;
	color: #315e89;
}
.feeheaddisc {
	text-align: center;
	width: 100px;
	height: auto;
	background-color: #eee;
	padding: 3px;
	border: 1px solid #ccc;
	border-left: 0px;
	border-top: 0px;
	border-bottom: 0px;
	font-size: 12px;
	font-family: helvetica, verdana, arial, sans-serif;
	font-weight: normal;
	color: #315e89;
}
.removeheaddisc {
	text-align: center;
	width: 100px;
	height: auto;
	background-color: #eee;
	padding: 3px;
	border: 1px solid #ccc;
	border-left: 0px;
	border-top: 0px;
	border-bottom: 0px;
	font-size: 11px;
	font-family: helvetica, verdana, arial, sans-serif;
	font-weight: normal;
	color: #315e89;
}
.registrationcol {
	text-align: left;
	width: 500px;
	height: auto;
	background-color: #FFFFFF;
	padding: 3px;
	border: 1px solid #ccc;
	border-top: 0px;
	font-size: 12px;
	font-family: helvetica, verdana, arial, sans-serif;
	font-weight: normal;
	color: #000000;
}
.registrationcol a {
	color: #315e89;
	text-decoration: underline;
}
.registrationcol a:hover {
	text-decoration: none;
}
.registrationcol a:visited {
	color: #315e89;
}
.registrationcol a:active {
	color: #315e89;
}
.feecol {
	text-align: center;
	width: 100px;
	height: auto;
	background-color: #FFFFFF;
	padding: 3px;
	border: 1px solid #ccc;
	border-left: 0px;
	border-top: 0px;
	font-size: 12px;
	font-family: helvetica, verdana, arial, sans-serif;
	font-weight: normal;
	color: #000000;
}
.removecol {
	text-align: center;
	width: 100px;
	height: auto;
	background-color: #FFFFFF;
	padding: 3px;
	border: 1px solid #ccc;
	border-left: 0px;
	border-top: 0px;
	font-size: 11px;
	font-family: helvetica, verdana, arial, sans-serif;
	font-weight: normal;
	color: #000000;
}
/* ================================= */
#alertmessage {
	width: auto;
	text-align: left;
	margin-top: 10px;
	margin-bottom: 15px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #991B1B;
}
#alert {
	width: 299px;
}
#alertTop {
	width: 406px;
	height: 33px;
	text-align: left;
	background-image: url(assets/images/7CA7CF_406w.gif);
	background-repeat: no-repeat;
	border-bottom: 1px solid #406384;
}
#alertTop div {
	font-size: 22px;
	font-family: georgia, 'times new roman', times, serif;
	color: #fff;
	padding-left: 5px;
	padding-top: 5px;
}
#alertBody {
	width: 406px;
	background-color: #FBFBF1;
	text-align: left;
}
#alertBody div.hintText {
	padding: 6px;
}
#alertBody div.hint {
	padding: 12px;
	border: 1px solid #666;
	background-color: #ddd;
	width: 380px;
	text-align: center;
}
#alertBody div.hintButton {
	width: 406px;
	text-align: center;
	margin: 6px;
}
#alertBot {
	width: 406px;
	height: 16px;
	text-align: left;
	background-image: url(assets/images/FBFBF1_406w.gif);
	background-repeat: no-repeat;
	background-color: #4C6698;
}
.alertplain {
	color: #991B1B;
}

/* ================================= */
#foot {
	width: 100%;
	height: 20px;
	margin: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-bottom: 0px;
	text-align: left;
}
#foot div {
	font-size: 9px;
	color: #A1A1A1;
	padding: 0px;
	margin: 0px;
	text-align: left;
}
#foot a:link, #foot a:active, #foot a:visited {
	text-decoration: none;
	color: #8899ab;
}
#foot a:hover {
	text-decoration: none;
	color: #8899ab;
}
/* ====================================== */








/* ================================= */
/* STYLES COMMON TO ALL PAGES */

#balancetitle {
	width: auto;
	height: auto;
	margin-top: 5px;
	margin-bottom: 5px;
	border-bottom: 1px solid #A1A5A8;
}
.balancetitletext {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #454545;
}
.textbox {
	font-size: 11px;
	border-top: 2px solid #999;
	border-left: 2px solid #999;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
}
.submit {
	font-size: 11px;
	background-color: #eee;
}
.submitbox {
  	font-family:arial;
  	font-size:12px;
  	font-weight: bold;
  	padding: 5px;
  	color: #000000;
  	background-color:#AFA9C0;
  	width: 80px;
  	height: 28px;
}
.buttonCancel {
	font-size: 12px;
	color: #17385A;
	background-image: url(assets/images/button_cancel.gif);
	background-repeat: no-repeat;
	border: 0px;
	width: 93px;
	height: 23px;
}
.buttonNext {
	font-size: 12px;
	color: #17385A;
	font-weight: bold;
	background-image: url(assets/images/button_next.gif);
	background-repeat: no-repeat;
	border: 0px;
	width: 93px;
	height: 23px;
}
.commentRadio {
	color: #557AA0;
}
.commentTextarea{
	width: 450px;
	height: 150px;
	border: 1px solid #557AA0;
}
.buttonBack {
	font-size: 12px;
	color: #17385A;
	background-image: url(assets/images/button_back.gif);
	background-repeat: no-repeat;
	border: 0px;
	width: 93px;
	height: 23px;
}
.selectComment {
	width: 450px;
	border: 1px solid #557AA0;
}
option.odd {
	background-color: #ddd;
}
option.even {
	background-color: #fff;
}

/* ===================================================== */
/* TABLE STYLES */
.columnhead {
	font-family: arial, verdana, helvetica;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: normal;
	background-color: #7CA7CF;
	border-right: 1px solid #B39B4B;
	height: 33px;
	vertical-align: top;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 8px;
	padding-bottom: 5px;
	text-align: left;
}
.columnheadnoline {
	font-family: arial, verdana, helvetica;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: normal;
	background-color: #7CA7CF;
	height: 25px;
	vertical-align: top;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 8px;
	padding-bottom: 5px;
	text-align: left;
}
.columnheadgreen {
	font-family: arial, verdana, helvetica;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	background-color: #339999;
	border-right: 1px solid #B39B4B;
	height: 25px;
	vertical-align: top;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: left;
}
.columnheadgreennoline {
	font-family: arial, verdana, helvetica;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	background-color: #339999;
	height: 25px;
	vertical-align: top;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: left;
}
.pagerowone {
	font-family: arial, verdana, helvetica;
	color: #000000;
	font-size: 11px;
	font-weight: normal;
	background-color: #FFFFFF;
	border-right: 1px solid #B39B4B;
	vertical-align: top;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.pagerowonenoline {
	font-family: arial, verdana, helvetica;
	color: #000000;
	font-size: 11px;
	font-weight: normal;
	background-color: #FFFFFF;
	vertical-align: top;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.pagerowtwo {
	font-family: arial, verdana, helvetica;
	color: #000000;
	font-size: 11px;
	font-weight: normal;
	background-color: #F4F4F4;
	border-right: 1px solid #B39B4B;
	vertical-align: top;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.pagerowtwonoline {
	font-family: arial, verdana, helvetica;
	color: #000000;
	font-size: 11px;
	font-weight: normal;
	background-color: #F4F4F4;
	vertical-align: top;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.pagerowlinks {
	font-family: arial, verdana, helvetica;
	color: #000000;
	font-size: 11px;
	font-weight: normal;
	height: 33px;
	border-top: 1px solid #B39B4B;
	background-color: #F4F4F4;
	vertical-align: middle;
	text-align: center;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.pagerownolink {
	font-family: arial, verdana, helvetica;
	color: #000000;
	font-size: 11px;
	font-weight: bold;
	padding-right: 4px;
	padding-left: 4px;
}
.formrow {
	font-family: arial, verdana, helvetica;
	color: #3366CC;
	font-size: 12px;
	font-weight: normal;
}
.pagerowlinks a {
	text-decoration: underline;
	padding-left: 4px;
	padding-right: 4px;
}
.pagerowlinks a:hover {
	text-decoration: none;
	padding-left: 4px;
	padding-right: 4px;
}
#resultsbar {
	width: 748px;
	height: 20px;
	text-align: right;
	background-color: #FFFFFF;
}
#resultsbar span {
	font-size: 12px;
	font-family: helvetica, verdana, arial, sans-serif;
	color: #557AA0;
}
.borders{
	border: 1px solid #B7AF96;

	text-align: left;
	vertical-align: top;
	background-color: #FFFFFF;
}
.borderBottom {
	border-bottom: 1px solid #B7AF96;
}
.box-lightblue{
	background-color: #E8EEF7;
	border: 1px solid #C0C0C0;
	color: #000080;
	padding: 5px;
	text-align: center;
	vertical-align: middle;
}

.box-lightblue-left{
	background-color: #E8EEF7;
	border: 1px solid #C0C0C0;
	color: #000080;
	padding: 5px;
	text-align: left;
	vertical-align: middle;
}

.box-white-left{
	background-color: #FFFFFF;
	border: 1px solid #C0C0C0;
	color: #000080;
	padding: 5px;
	text-align: left;
	vertical-align: middle;
}

.divisor {
	border-bottom: 1px solid #DFD4B1;
	margin: 0px;
	padding: 25px;
}

.divisor-line {
	border-bottom: 1px solid #DFD4B1;
	margin: 0px;
}
.font-titles{
	background-color: transparent;
	color: #100D75;
	font: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 18px;
	padding-left: 25px;
	padding-top: 5px;
}
.loginleft span a {
	color: #FBFBF1;
	font-size: 12px;
	font-weight: bold;
}

.loginleft span a:hover {
	color: #000000;
	text-decoration: none;
}
.resourcessection {
	background-color: #EDEDED;
	margin: 10px;
	padding: 2px;
	width: 380px;
}

.resourcessection a {
	font-size: 12px;
	font-weight: bold;
}

.resourcessection a:hover {
	text-decoration: none;
}

.resourcessection div {
	color: #000000;
	font-size: 12px;
}

.resourcessection span {
	color: #333366;
	font-size: 12px;
	font-weight: bold;
}

.solapas{
	background-image: url(assets/images/tab_on.gif);
	background-repeat: no-repeat;
	width: 180px;
	height: 28px;
	text-align: center;
	vertical-align: middle;

	color: #B7AF96;
	font-weight: bold;

}

.solapas-off{
	background-image: url(assets/images/tab_off.gif);
	background-repeat: no-repeat;
	width: 180px;
	height: 28px;
	text-align: center;
	vertical-align: middle;
	color: #B7AF96;
	font-weight: bold;
}
.solapas-off a {
	text-decoration: none;
	color: #B7AF96;
}
.solapas-off a:hover {
	text-decoration: underline;
	color: #FFFFFF;
}
.solapas-off a:visited {
	text-decoration: none;
	color: #B7AF96;
}
.solapas-off a:active {
	text-decoration: none;
	color: #B7AF96;
}

.solapas-tit{
	border: 1px solid #666666;
	color: #000080;
	font-size: 12px;
	height: 14px;
	margin: 0px;
	padding: 1px;
	text-align: center;
	vertical-align: middle;
	width: 50%;
}
#notes {
	width: 510px;
	height: 85px;
	background-color: #FFFFCC;
	border: 1px solid #636363;
	padding: 5px;
	text-align: left;
}
#notes span {
	font-size: 11px;
	font-weight: bold;
	font-family: verdana, arial, tahoma, helvetica, sans-serif;
	color: #000000;
	padding-bottom: 4px;
}
#notes div.item {
	font-size: 11px;
	font-weight: normal;
	font-family: verdana, arial, tahoma, helvetica, sans-serif;
	color: #000000;
}
.required {
	color: #B11818;
}
.requiredbold {
	color: #B11818;
	font-weight: bold;
}
.fieldlabel {
	font-weight: bold;
}
.message {
	color: #B11818;
	font-weight: bold;
}
/* ===================================================== */
/* FROM OLD DESIGN */
.sequence {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color: #000000;
	font-size: 10px;
	background-color: #EAE7E7;
	text-align: right;
}
.sequencered {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color: #FF0000;
	font-size: 10px;
	font-weight: bold;
	background-color: #EAE7E7;
}
.colhead10 {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color: #784040;
	font-size: 10px;
	background-color: #CCCCCC;
	width: 590px;
	text-align: right;
}
.displayrecords {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color: #000000;
	font-size: 11px;
	background-color: #EAE7E7;
	border: 1px solid #ddd;
    border-radius: 2px;
}
.displaynames {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color: #000000;
	font-size: 11px;
	background-color: #DAD9D9;
}
.displayrecordsred {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color: #B11818;
	font-size: 11px;
	background-color: #EAE7E7;
	text-align: right;
	 border: 1px solid #ddd;
    border-radius: 2px;
}
.displayrecordshd {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #000000;
	font-size: 11px;
	background-color: #CBC7C7;
	border: 1px solid #ddd;
    border-radius: 2px;
}
.displaynoticered {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color: #B11818;
	font-size: 11px;
	font-style: italic;
	background-color: #EAE7E7;
	text-align: right;
}
.total {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-weight: normal;
	color: #000000;
	font-size: 11px;
	background-color: #CBC7C7;
}
.ineligible {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color: #454545;
	font-size: 11px;
	background-color: #DAD8D8;
}
/* ===================================================== */
/* ERROR STUFF */
.errorboxtitle {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #000000;
	font-size: 14px;
	background-color: #CCCCCC;
}
.errormessage {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #000000;
	font-size: 12px;
}
.formfieldreq {
	text-align: right;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	color: #B11818;
}
#navigationbox {
	width: 165px;
	float: left;
}
#centerbox {
	width: 398px;
	float: left;
}