﻿/* ICONS
-----------------------------------------------------------------*/

@font-face{font-family:'Glyphicons Halflings';src:url('../fonts/glyphicons-halflings-regular.eot');src:url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),url('../fonts/glyphicons-halflings-regular.woff') format('woff'),url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'),url('../fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');}.glyphicon{position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';font-style:normal;font-weight:normal;line-height:1;-webkit-font-smoothing:antialiased;}
.glyphicon-asterisk:before{content:"\2a";}
.glyphicon-plus:before{content:"\2b";}
.glyphicon-euro:before{content:"\20ac";}
.glyphicon-minus:before{content:"\2212";}
.glyphicon-cloud:before{content:"\2601";}
.glyphicon-envelope:before{content:"\2709";}
.glyphicon-pencil:before{content:"\270f";}
.glyphicon-glass:before{content:"\e001";}
.glyphicon-music:before{content:"\e002";}
.glyphicon-search:before{content:"\e003";}
.glyphicon-heart:before{content:"\e005";}
.glyphicon-star:before{content:"\e006";}
.glyphicon-star-empty:before{content:"\e007";}
.glyphicon-user:before{content:"\e008";}
.glyphicon-film:before{content:"\e009";}
.glyphicon-th-large:before{content:"\e010";}
.glyphicon-th:before{content:"\e011";}
.glyphicon-th-list:before{content:"\e012";}
.glyphicon-ok:before{content:"\e013";}
.glyphicon-remove:before{content:"\e014";}
.glyphicon-zoom-out:before{content:"\e016";}
.glyphicon-off:before{content:"\e017";}
.glyphicon-signal:before{content:"\e018";}
.glyphicon-cog:before{content:"\e019";}
.glyphicon-trash:before{content:"\e020";}
.glyphicon-home:before{content:"\e021";}
.glyphicon-file:before{content:"\e022";}
.glyphicon-time:before{content:"\e023";}
.glyphicon-road:before{content:"\e024";}
.glyphicon-download-alt:before{content:"\e025";}
.glyphicon-download:before{content:"\e026";}
.glyphicon-upload:before{content:"\e027";}
.glyphicon-inbox:before{content:"\e028";}
.glyphicon-play-circle:before{content:"\e029";}
.glyphicon-repeat:before{content:"\e030";}
.glyphicon-refresh:before{content:"\e031";}
.glyphicon-list-alt:before{content:"\e032";}
.glyphicon-flag:before{content:"\e034";}
.glyphicon-headphones:before{content:"\e035";}
.glyphicon-volume-off:before{content:"\e036";}
.glyphicon-volume-down:before{content:"\e037";}
.glyphicon-volume-up:before{content:"\e038";}
.glyphicon-qrcode:before{content:"\e039";}
.glyphicon-barcode:before{content:"\e040";}
.glyphicon-tag:before{content:"\e041";}
.glyphicon-tags:before{content:"\e042";}
.glyphicon-book:before{content:"\e043";}
.glyphicon-print:before{content:"\e045";}
.glyphicon-font:before{content:"\e047";}
.glyphicon-bold:before{content:"\e048";}
.glyphicon-italic:before{content:"\e049";}
.glyphicon-text-height:before{content:"\e050";}
.glyphicon-text-width:before{content:"\e051";}
.glyphicon-align-left:before{content:"\e052";}
.glyphicon-align-center:before{content:"\e053";}
.glyphicon-align-right:before{content:"\e054";}
.glyphicon-align-justify:before{content:"\e055";}
.glyphicon-list:before{content:"\e056";}
.glyphicon-indent-left:before{content:"\e057";}
.glyphicon-indent-right:before{content:"\e058";}
.glyphicon-facetime-video:before{content:"\e059";}
.glyphicon-picture:before{content:"\e060";}
.glyphicon-map-marker:before{content:"\e062";}
.glyphicon-adjust:before{content:"\e063";}
.glyphicon-tint:before{content:"\e064";}
.glyphicon-edit:before{content:"\e065";}
.glyphicon-share:before{content:"\e066";}
.glyphicon-check:before{content:"\e067";}
.glyphicon-move:before{content:"\e068";}
.glyphicon-step-backward:before{content:"\e069";}
.glyphicon-fast-backward:before{content:"\e070";}
.glyphicon-backward:before{content:"\e071";}
.glyphicon-play:before{content:"\e072";}
.glyphicon-pause:before{content:"\e073";}
.glyphicon-stop:before{content:"\e074";}
.glyphicon-forward:before{content:"\e075";}
.glyphicon-fast-forward:before{content:"\e076";}
.glyphicon-step-forward:before{content:"\e077";}
.glyphicon-eject:before{content:"\e078";}
.glyphicon-chevron-left:before{content:"\e079";}
.glyphicon-chevron-right:before{content:"\e080";}
.glyphicon-plus-sign:before{content:"\e081";}
.glyphicon-minus-sign:before{content:"\e082";}
.glyphicon-remove-sign:before{content:"\e083";}
.glyphicon-ok-sign:before{content:"\e084";}
.glyphicon-question-sign:before{content:"\e085";}
.glyphicon-info-sign:before{content:"\e086";}
.glyphicon-screenshot:before{content:"\e087";}
.glyphicon-remove-circle:before{content:"\e088";}
.glyphicon-ok-circle:before{content:"\e089";}
.glyphicon-ban-circle:before{content:"\e090";}
.glyphicon-arrow-left:before{content:"\e091";}
.glyphicon-arrow-right:before{content:"\e092";}
.glyphicon-arrow-up:before{content:"\e093";}
.glyphicon-arrow-down:before{content:"\e094";}
.glyphicon-share-alt:before{content:"\e095";}
.glyphicon-resize-full:before{content:"\e096";}
.glyphicon-resize-small:before{content:"\e097";}
.glyphicon-exclamation-sign:before{content:"\e101";}
.glyphicon-gift:before{content:"\e102";}
.glyphicon-leaf:before{content:"\e103";}
.glyphicon-eye-open:before{content:"\e105";}
.glyphicon-eye-close:before{content:"\e106";}
.glyphicon-warning-sign:before{content:"\e107";}
.glyphicon-plane:before{content:"\e108";}
.glyphicon-random:before{content:"\e110";}
.glyphicon-comment:before{content:"\e111";}
.glyphicon-magnet:before{content:"\e112";}
.glyphicon-chevron-up:before{content:"\e113";}
.glyphicon-chevron-down:before{content:"\e114";}
.glyphicon-retweet:before{content:"\e115";}
.glyphicon-shopping-cart:before{content:"\e116";}
.glyphicon-folder-close:before{content:"\e117";}
.glyphicon-folder-open:before{content:"\e118";}
.glyphicon-resize-vertical:before{content:"\e119";}
.glyphicon-resize-horizontal:before{content:"\e120";}
.glyphicon-hdd:before{content:"\e121";}
.glyphicon-bullhorn:before{content:"\e122";}
.glyphicon-certificate:before{content:"\e124";}
.glyphicon-thumbs-up:before{content:"\e125";}
.glyphicon-thumbs-down:before{content:"\e126";}
.glyphicon-hand-right:before{content:"\e127";}
.glyphicon-hand-left:before{content:"\e128";}
.glyphicon-hand-up:before{content:"\e129";}
.glyphicon-hand-down:before{content:"\e130";}
.glyphicon-circle-arrow-right:before{content:"\e131";}
.glyphicon-circle-arrow-left:before{content:"\e132";}
.glyphicon-circle-arrow-up:before{content:"\e133";}
.glyphicon-circle-arrow-down:before{content:"\e134";}
.glyphicon-globe:before{content:"\e135";}
.glyphicon-tasks:before{content:"\e137";}
.glyphicon-filter:before{content:"\e138";}
.glyphicon-fullscreen:before{content:"\e140";}
.glyphicon-dashboard:before{content:"\e141";}
.glyphicon-heart-empty:before{content:"\e143";}
.glyphicon-link:before{content:"\e144";}
.glyphicon-phone:before{content:"\e145";}
.glyphicon-usd:before{content:"\e148";}
.glyphicon-gbp:before{content:"\e149";}
.glyphicon-sort:before{content:"\e150";}
.glyphicon-sort-by-alphabet:before{content:"\e151";}
.glyphicon-sort-by-alphabet-alt:before{content:"\e152";}
.glyphicon-sort-by-order:before{content:"\e153";}
.glyphicon-sort-by-order-alt:before{content:"\e154";}
.glyphicon-sort-by-attributes:before{content:"\e155";}
.glyphicon-sort-by-attributes-alt:before{content:"\e156";}
.glyphicon-unchecked:before{content:"\e157";}
.glyphicon-expand:before{content:"\e158";}
.glyphicon-collapse-down:before{content:"\e159";}
.glyphicon-collapse-up:before{content:"\e160";}
.glyphicon-log-in:before{content:"\e161";}
.glyphicon-flash:before{content:"\e162";}
.glyphicon-log-out:before{content:"\e163";}
.glyphicon-new-window:before{content:"\e164";}
.glyphicon-record:before{content:"\e165";}
.glyphicon-save:before{content:"\e166";}
.glyphicon-open:before{content:"\e167";}
.glyphicon-saved:before{content:"\e168";}
.glyphicon-import:before{content:"\e169";}
.glyphicon-export:before{content:"\e170";}
.glyphicon-send:before{content:"\e171";}
.glyphicon-floppy-disk:before{content:"\e172";}
.glyphicon-floppy-saved:before{content:"\e173";}
.glyphicon-floppy-remove:before{content:"\e174";}
.glyphicon-floppy-save:before{content:"\e175";}
.glyphicon-floppy-open:before{content:"\e176";}
.glyphicon-credit-card:before{content:"\e177";}
.glyphicon-transfer:before{content:"\e178";}
.glyphicon-cutlery:before{content:"\e179";}
.glyphicon-header:before{content:"\e180";}
.glyphicon-compressed:before{content:"\e181";}
.glyphicon-earphone:before{content:"\e182";}
.glyphicon-phone-alt:before{content:"\e183";}
.glyphicon-tower:before{content:"\e184";}
.glyphicon-stats:before{content:"\e185";}
.glyphicon-sd-video:before{content:"\e186";}
.glyphicon-hd-video:before{content:"\e187";}
.glyphicon-subtitles:before{content:"\e188";}
.glyphicon-sound-stereo:before{content:"\e189";}
.glyphicon-sound-dolby:before{content:"\e190";}
.glyphicon-sound-5-1:before{content:"\e191";}
.glyphicon-sound-6-1:before{content:"\e192";}
.glyphicon-sound-7-1:before{content:"\e193";}
.glyphicon-copyright-mark:before{content:"\e194";}
.glyphicon-registration-mark:before{content:"\e195";}
.glyphicon-cloud-download:before{content:"\e197";}
.glyphicon-cloud-upload:before{content:"\e198";}
.glyphicon-tree-conifer:before{content:"\e199";}
.glyphicon-tree-deciduous:before{content:"\e200";}
.glyphicon-briefcase:before{content:"\1f4bc";}
.glyphicon-calendar:before{content:"\1f4c5";}
.glyphicon-pushpin:before{content:"\1f4cc";}
.glyphicon-paperclip:before{content:"\1f4ce";}
.glyphicon-camera:before{content:"\1f4f7";}
.glyphicon-lock:before{content:"\1f512";}
.glyphicon-bell:before{content:"\1f514";}
.glyphicon-bookmark:before{content:"\1f516";}
.glyphicon-fire:before{content:"\1f525";}
.glyphicon-wrench:before{content:"\1f527";}


/* DEFAULTS
----------------------------------------------------------*/

body   
{
    background-color: #e8ede1;
    font-size: 0.80em;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    margin: 0px;
    padding: 0px;
    color: #696969;
}
.MsoNormal
{
    color:Black;
}


a:hover
{
    color: #696969;
    text-decoration: none;
}

a
{
    color: #696969;
    text-decoration:none;
    font-weight: bold;
}

.red {color:#CD0000;}

.bluebox { border:1px #4178aa solid;background-color:#dae3ea;margin-left:20px;margin-bottom:20px; margin-right:20px; }

.emailtext  
{
    background: #d1d3d4;
    font-size: 0.80em;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    margin: 0px;
    padding: 0px;
    color: #696969;
}

.emailtextwidth 
{
    width: 100%;
}


/* HEADINGS   
----------------------------------------------------------*/

/* for crs log in page welcome banner */
h1
{
    font-size: 26px;
    color:#5C8727;
   	font-family: 'Bitter', serif;
   	margin: 10px 0px;
   	font-weight:bold;
    /*font-size: 32px;
    color:#3F6316;*/
    /*2C3292*/
    /*FBE8C5
    color:#042A00;
   	font-family: 'Bitter', serif;
   	font-weight:700;
   	letter-spacing: 1px;
   	margin: 10px 0px;*/
}

h2
{
    font-size: 21px;
    color:#ff6400;
   	font-family: 'Bitter', serif;
   	/*letter-spacing: 1px;*/
   	margin: 10px 0px;
   	font-weight: 500;

}


/* example: not a member */
h3
{
    font-size: 22px;
    /*color:#3F6316;*/
    color: #000000;
   	font-family: 'Bitter', serif;
   	font-weight:700;
   	/*letter-spacing: 1px;*/
   
}
   	
   	
/* example: forgot password, black text */
h4
{
    font-size: 16px;
    color:#231f20;
   	font-family: 'Bitter', serif;
   	letter-spacing: 1px;
   	margin: 10px 0px;

}

/* used as H1 */
h5
{   
    font-size: 26px;
    color:#5C8727;
   	font-family: 'Bitter', serif;
   	/*letter-spacing: 1px;*/
   	margin: 10px 0px;
}
   	
/* example : my course history */
h6
{
   
    font-size: 30px;
    color:#3F6316;
   	font-family: 'Bitter', serif;
   	letter-spacing: 1px;
   	margin: 10px 0px;

}


/* teal header */
h7
{
   
    font-size: 30px;
    color:#5C8727;
   	font-family: 'Bitter', serif;
   	letter-spacing: 1px;
   	margin: 2px;
}


/* Used as H2 */
h8
{   
    font-size: 21px;
    color:#ff6400;
   	font-family: 'Bitter', serif;
   	/*letter-spacing: 1px;*/
   	margin: 10px 0px;
}

/* Used as H2 */
.h8
{   
    font-size: 21px;
    color:#5C8727;
   	font-family: 'Bitter', serif;
   	/*letter-spacing: 1px;*/
   	margin: 10px 0px;
}

h9
{   
     font-size: 1.2em;
    font-family:  "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    margin: 0px;
    padding: 0px;
    color: #696969;
    font-weight:bold;
 
}
.xs-text{
    font-size:10px!important;
}
.sm-text{
    font-size:13px!important;
}
.md-text{
    font-size:15px!important;
}
.lg-text{
    font-size:18px!important;
}
.xl-text{
    font-size:23px!important;
}
.xxl-text{
    font-size:40px!important;
}

.navy { color:#042A00; }

.registrationDisplay 
{
	font-size: 17px;
	font-weight:700;
    color:white;
   	font-family: 'Bitter', serif;
   	/*letter-spacing: 1px;*/
   	margin: 10px 0px; 	
   	line-height: 130%;
   	
}



.registrationDisplaySmall 
{
	font-size:19px;
	color:#5C8727;
	font-family:Bitter-serif;
	margin:10px 10px 10px 10px;
}

.registrationstatusline 
{
	line-height:240% !important;
	   font-size: 18px;
    color: #3F6316;
   	font-family:"Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
   	margin: 0px;
   	line-height:normal;
   	font-weight:bold;
}
.registrationBox 
{
    width:745px; height:auto; float:left;-webkit-border-radius: 20px;	-moz-border-radius: 20px; border-radius: 20px;   border: 4px solid #FBE8C5;
  background-color: #FBB040; padding:20px; margin-right:10px; margin-bottom:10px;
}

.announcementDisplay 
{
	font-size: 30px;
	font-weight:bold;
   color:White;
   	font-family: 'Bitter', serif;  
  
   	/*letter-spacing: 1px;*/
   	 
   	
}
.announcementBox 
{
   width: 720px;
  height: auto;
  float: left;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  background-color: #FBF8EB;
  padding: 10px;
  margin-top: 5px;
}

.announcementBody 
{
   color:#3F6316;font-size:1.2em;
}

/* regular text for terms and conditions and view course text in boxes */ 	
/*p 
{   
    font-size: 14px;
    color: #000000;
   	font-family: 'Bitter', serif;
   	margin: 2px 2px 2px 0px;
   	line-height:1.5em;
}*/

p 
{   
    font-size: 1.2em;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    margin: 0px;
    padding: 0px;
    color: #696969;
}

.p 
{   
    font-size: 1.2em;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    margin: 0px;
    padding: 0px;
    color: #696969;
}

.phelp
{   
     font-size: 1.4em;
    font-family:  "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    margin: 0px;
    padding: 0px;
    color: #696969;
 
}

.pwhite
{   
    font-size: 15px;
    color: #ffffff;
   	font-family: 'Bitter', serif;
   	margin: 0px;
   
}

.pred
{   
    font-size: 15px;
    color: #CD0000;
   	font-family: 'Bitter', serif;
   	margin: 0px;
   	line-height:normal;
}

.pgreen {
    font-size: 15px;
    color: #5C8727;
    font-family: 'Bitter', serif;
    margin: 0px;
    line-height: normal;
}

.checkboxAlign 
{
	float:right;
}

.cTitleAdds 
{
	padding-left:10px;
	height:30px;
}

.cCatAdds 
{
	padding-left:10px;
	height:30px;
}

.pblack
{   
    font-size: 15px;
    color: #000000;
   	font-family: 'Bitter', serif;
   	margin: 0px;
   	line-height:normal;
}

.pblackTab 
{
	padding-left:10px;
	padding-right:30px;
}
.pblue
{   
    font-size: 15px;
    color: #2b4d84;
   	font-family: 'Bitter', serif;
   	margin: 0px;
   	line-height:normal;
}



.numbers
{
    font-size: 17px;
    color:#FFFFFF;
   	font-family: 'Bitter', serif;	
   	font-weight:700;
   	margin: 0;
   	margin-left:0px;
}

/* welcome in green box */
.welcometext
{   
    font-size: 14px;
    color:#ffffff;
   	font-family: 'Bitter', serif;
   	font-weight:400;
}

/* name in green box */
.welcomename
{   
    font-size: 15px;
    color:white;
   	font-family: 'Bitter', serif;
   	font-weight:700;

}



.multiddllist {
    height: unset !important;
}

select:disabled {
    opacity: 0.5;
}

/*CONTENT
-----------------------------------------------------------------------------*/
.regwidth {
    width: 175px;
}

.regwidth2 
{
	width:160px;
}

.regauto 
{
	height:auto !important;
}

#registration-information 
{
	width:310px; -webkit-border-radius: 20px;	-moz-border-radius: 20px; border-radius: 20px; border:4px solid #5C8727; background-color:#FBE8C5; padding:5px 20px; margin-right:10px; margin-bottom:10px; float:right; margin-top:30px;
}

.registration-information-row 
{
	border-bottom:1px solid #bbd2df;
	width:100%;
	margin:10px 10px 10px 0px;
	
}

.registration-information-row-content 
{
	color:#3F6316;
	font-weight:normal;
	font-size:15px;
	
}

.member-information-row 
{
	border-bottom:1px solid #bbd2df;
	width: 390px;
	margin:10px 10px 10px 0px;
	
}



.member-information-row-content 
{
	width:190px;
	color: #3F6316;
	background-color: #ffffff;
	font-weight: normal;	
	border-color: #bbd2df;
	font-size:15px;
	
}

.whiteboxlogin
{
	width:400px;
	height:300px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-border-radius: 20px;
	border:3px solid #5C8727;
	background-color:#FFFFFF;
}

.cms-login-box
{width:430px; 
 min-height:325px; 
 -webkit-border-radius: 20px;	
 -moz-border-radius: 20px; 
 border-radius: 20px; 
 border:4px solid #5C8727; 
 background-color:#FFFFFF; 
 padding:30px 20px 20px 20px;}

/*FORM STYLES*/
/*
input,
input:focus,
button:focus {
    outline: none; border-style:solid;
}
*/

/*
input[type=text] {
	/* width: 25.5em; height: 2.75em; padding: 5px 10px 0px 10px; margin: 0 0 10px 0; */
	/*height: 2em; padding: 0px 10px 7px 10px; margin: 0 0 10px 0;
	background: #FFF;
	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border:2px; border-color:#3F6316; border-style:solid;
	color:#000000;
	font-size:1.063em;
	font-family: 'Bitter', serif;
	line-height:1.75em;
}
*/

select {
    height: 2em;

    margin: 0 0 5px 0;
    background: #FFF;
    -border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 2px;
    border-color: #3F6316;
    border-style: solid;
    color: #2b4d84;
    font-size: 1.1em;
    font-family: 'Bitter', serif;
    line-height: 1.75em;
}

.maintextbox
{

	height: 2em; 
    margin: 0 0 10px 0;
	background: #FFF;
	-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border:2px; border-color:#3F6316; border-style:solid;
	color:#2b4d84;
	font-size:1.063em;
	font-family: 'Bitter', serif;
	line-height:1.75em;
    padding-left:10px;
}
.maintextbox:focus 
{
	background: #fff;
	border-color:#3F6316;
	color:#2b4d84;
	-box-shadow: 1px 1px 6px  rgba(109,183,193,1),  inset 0px 0px 165px rgba(135,197,205,1);
	 -webkit-box-shadow: 1px 1px 6px  rgba(109,183,193,1),  inset 0px 0px 165px rgba(135,197,205,1);
	 -moz-box-shadow: 1px 1px 6px  rgba(109,183,193,1),  inset 0px 0px 165px rgba(135,197,205,1);
}

.maintextbox-narrow{
    width: 10em;
}

.maindropdown
{
	height: 2.5em; width:190px; padding: 7px 10px 7px 10px; margin: 0 0 10px 0;
	background: #FFF;
	-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border:2px; border-color:#3F6316; border-style:solid;
	color:#2b4d84;
	font-size:1.063em;
	font-family: 'Bitter', serif;
	line-height:1.75em;
}
.maindropdown:focus {
	background: #efefef;
	border-color:#3F6316;
	color:#2b4d84;
}

.maindropdown > option {
    color: #000000;
    font-family: 'Bitter', serif;
    font-size:1.063em;
}

.maintextarea{
	height: 6em; padding: 0px 10px 7px 10px; margin: 0 0 10px 0;
    width: 42em;
	background: #FFF;
	-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border:2px; border-color:#3F6316; border-style:solid;
	color:#2b4d84;
	font-size:1.063em;
	font-family: 'Bitter', serif;
	line-height:1.75em;
}
.maintextarea:focus 
{
	background: #fff;
	border-color:#3F6316;
	color:#000000;
	-box-shadow: 1px 1px 6px  rgba(109,183,193,1),  inset 0px 0px 165px rgba(135,197,205,1);
	 -webkit-box-shadow: 1px 1px 6px  rgba(109,183,193,1),  inset 0px 0px 165px rgba(135,197,205,1);
	 -moz-box-shadow: 1px 1px 6px  rgba(109,183,193,1),  inset 0px 0px 165px rgba(135,197,205,1);
}

.largetextarea
{
	height: 25em; padding: 0px 10px 7px 10px; margin: 0 0 10px 0;
	background: #FFF;
	-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border:2px; border-color:#3F6316; border-style:solid;
	color:#2b4d84;
	font-size:1.063em;
	font-family: 'Bitter', serif;
	line-height:1.75em;
}
.largetextarea:focus 
{
	background: #fff;
	border-color:#3F6316;
	color:#2b4d84;
	-box-shadow: 1px 1px 6px  rgba(109,183,193,1),  inset 0px 0px 165px rgba(135,197,205,1);
	 -webkit-box-shadow: 1px 1px 6px  rgba(109,183,193,1),  inset 0px 0px 165px rgba(135,197,205,1);
	 -moz-box-shadow: 1px 1px 6px  rgba(109,183,193,1),  inset 0px 0px 165px rgba(135,197,205,1);
}

/*
textarea {
	height: 6em; padding: 0px 10px 7px 10px; margin: 0 0 10px 0;
	background: #FFF;
	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border:2px; border-color:#3F6316; border-style:solid;
	color:#000000;
	font-size:1.063em;
	font-family: 'Bitter', serif;
	line-height:1.75em;
}
textarea:focus 
{
	background: #fff;
	border-color:#3F6316;
	color:#000000;
	box-shadow: 1px 1px 6px  rgba(109,183,193,1),  inset 0px 0px 165px rgba(135,197,205,1);
	 -webkit-box-shadow: 1px 1px 6px  rgba(109,183,193,1),  inset 0px 0px 165px rgba(135,197,205,1);
	 -moz-box-shadow: 1px 1px 6px  rgba(109,183,193,1),  inset 0px 0px 165px rgba(135,197,205,1);
}
*/
/*
select {
	height: 2.5em; padding: 7px 10px 7px 10px; margin: 0 0 10px 0;
	background: #FFF;
	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border:2px; border-color:#3F6316; border-style:solid;
	color:#000000;
	font-size:1.063em;
	font-family: 'Bitter', serif;
	line-height:1.75em;
}
select:focus 
{
	background: #fff;
	border-color:#3F6316;
	color:#000000;
	box-shadow: 1px 1px 6px  rgba(109,183,193,1),  inset 0px 0px 165px rgba(135,197,205,1);
	 -webkit-box-shadow: 1px 1px 6px  rgba(109,183,193,1),  inset 0px 0px 165px rgba(135,197,205,1);
	 -moz-box-shadow: 1px 1px 6px  rgba(109,183,193,1),  inset 0px 0px 165px rgba(135,197,205,1);
}
*/

input::-webkit-input-placeholder  
{
    color: #036687;  
}
input:-moz-placeholder 
{
	color: #036687; 
}
	

input[type="radio"] 
{
color:#2b4d84;
font-family: 'Bitter', serif;
Font-Size:1.063em;
border-style:none; 
} 

input[type="checkbox"] 
{
color:#2b4d84;
font-family: 'Bitter', serif;
Font-Size:1.063em;
border-style:none; 
} 

a img
{
border: none;
}

.viewbutton
{
	width: 3em; height: 1.4em; padding: 5px 10px; 
	-moz-box-shadow: 2px 2px 9px #b0b0af;-webkit-box-shadow: 2px
	 2px 9px #b0b0af;
	-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border:1px; 
	background:#FBE8C5;
	cursor: pointer;
	font-size:10pt;
	font-weight:700;
	
	text-align:center;
}

.viewbutton2 
{
	font-family:Helvetica Neue, Lucida Grande, Segoe UI, Arial, Helvetica, Verdana, sans-serif;
	padding: 5px 10px; 
	-moz-box-shadow: 2px 2px 9px #b0b0af;-webkit-box-shadow: 2px
	 2px 9px #b0b0af;
	-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border:1px; 
	background:#FBE8C5;
	cursor: pointer;
	font-size:10pt;
	font-weight:700;
	text-align:center;
	color:#696969;
	margin-bottom:10px;
}

.buttondecoration 
{
	text-decoration:none;
}
.btn-primary{

    background-color: #f5711e;
    border-color: #f5711e;
    padding:5px 10px; 
	-moz-box-shadow: 2px 2px 9px #b0b0af;-webkit-box-shadow: 2px
	 2px 9px #b0b0af;
	-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border:1px; 
	background:#f5711e;
}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus{
    background-color: #eb6a1a!important;
    border-color: #eb6a1a!important;
    background:#eb6a1a!important;
}

.backbutton
{
	width: 3em; height: 1.4em; padding:5px 10px; 
	-moz-box-shadow: 2px 2px 9px #b0b0af;-webkit-box-shadow: 2px
	 2px 9px #b0b0af;
	-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border:1px; 
	background:#FBB040;
	cursor: pointer;
	font-size:10pt;
	font-weight:700;
	color:#fff;
	text-align:center;
	float:right;
	text-decoration:none;
}

.backbuttonfloat 
{
	float:right;
}


.backbutton1
{
	/*width: 3em; height: 1.4em; */ padding:5px 10px; 
	-moz-box-shadow: 2px 2px 9px #b0b0af;-webkit-box-shadow: 2px
	 2px 9px #b0b0af;
	-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border:1px; 
	background:#FBB040;
	cursor: pointer;
	font-size:10pt;
	font-weight:700;
	color:#fff;
	text-align:center;
	float:right;
	text-decoration:none;
	margin-top:-25px;
}

.backbuttonMargin 
{
	margin-left:20px;
	margin-right:20px;
}

.coursecartmenu 
{
	width:100%;
}

.coursecartalign 
{
	text-align:right;
}

.coursecartmargin 
{
	width:70px;
	
}

.accountStatusMessage 
{
	display:inline-block;	
}

.addtocartbutton
{
	width: 3em; height: 1.4em; padding: 5px 10px; 
	-moz-box-shadow: 2px 2px 9px #b0b0af;-webkit-box-shadow: 2px
	 2px 9px #b0b0af;
	-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border:1px; 
	background:#8dc737;
	cursor: pointer;
	font-size:10pt;
	font-weight:700;
	color:#fff;
	text-align:center;
}
.tealbutton6
{
	width: 6em; height: 2.25em; padding: 5px 15px; margin: 0 15px 0 0;
	-moz-box-shadow: 2px 2px 9px #b0b0af;-webkit-box-shadow: 2px
	 2px 9px #b0b0af;
	background:#5C8727;
	cursor: pointer;
	font-family: 'Bitter',serif; 
	font-size:14pt;
	font-weight:700;
	color:#ffffff !important;
}

.limebutton6 {
    width: 6em;
    height: 2.25em;
    padding: 5px 15px;
    margin: 0 15px 0 0;
    -moz-box-shadow: 2px 2px 9px #b0b0af;
    -webkit-box-shadow: 2px 2px 9px #b0b0af;
    background: #8dc737;
    cursor: pointer;
    font-family: 'Bitter',serif;
    font-size: 14pt;
    font-weight: 700;
    color: #ffffff !important;
}

.tealbuttonsmall {
    padding: 5px 15px;
    margin: 0 15px 0 0;
    -moz-box-shadow: 2px 2px 9px #b0b0af;
    -webkit-box-shadow: 2px 2px 9px #b0b0af;
    -border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: #5C8727;
    cursor: pointer;
    color: #ffffff !important;
}

.bigbutton {
    padding: 5px 15px;
    margin: 0 15px 0 0;
    -moz-box-shadow: 2px 2px 9px #b0b0af;
    -webkit-box-shadow: 2px 2px 9px #b0b0af;
    -border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: #5C8727;
    cursor: pointer;
    font-family: 'Bitter',serif;
    font-size: 14pt;
    font-weight: 700;
    color: #ffffff !important;
}

.tealbuttonLarge
{
	width: 9em; height: 2.25em; padding: 5px 15px; margin: 0 15px 0 0;
	-moz-box-shadow: 2px 2px 9px #b0b0af;-webkit-box-shadow: 2px
	 2px 9px #b0b0af;
	-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
	background:#5C8727;
	cursor: pointer;
	font-family: 'Bitter',serif; 
	font-size:14pt;
	font-weight:700;
	color:#ffffff !important;
}

.tealbutton5
{
	width: 6.3em; padding: 5px 5px 5px 5px; margin: 0 15px 0 0;
	-moz-box-shadow: 2px 2px 9px #b0b0af;-webkit-box-shadow: 2px 2px 9px #b0b0af;
	-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
	background:#5C8727;
	cursor: pointer;
	font-family: 'Bitter',serif; 
	font-size:12pt;
	font-weight:bold;
	color: #FFFFFF; 
	text-decoration: none;
}
.tealbutton67
{
	width: 7.2em; padding: 5px 10px 5px 10px; margin: 0 15px 0 0;
	-moz-box-shadow: 2px 2px 9px #b0b0af;-webkit-box-shadow: 2px 2px 9px #b0b0af;
	-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-style:solid;
	background:#5C8727;
	cursor: pointer;
	font-family: 'Bitter',serif; 
	font-size:12pt;
	font-weight:700;
	color: #FFFFFF; 
	text-decoration: none;
}

.limebutton5
{
	width: 5.5em; padding:5px 5px 5px 5px; margin: 0 15px 0 0;
	-moz-box-shadow: 2px 2px 9px #b0b0af;-webkit-box-shadow: 2px 2px 9px #b0b0af;
	-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
	background:#8dc737;
	cursor: pointer;
	font-family: 'Bitter',serif; 
	font-size:12pt;
	font-weight:700;
	color:#fff;
}

.purplebutton11
{
	width: 11.75em; padding: 5px 15px 5px 5px; margin: 0 15px 0 0;
	-moz-box-shadow: 2px 2px 9px #b0b0af;-webkit-box-shadow: 2px 2px 9px #b0b0af;
	-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
	background:#3F6316;
	cursor: pointer;
	font-family: 'Bitter',serif; 
	font-size:14pt;
	font-weight:700;
	color:#fff;
	vertical-align:middle
}

.orangebutton11
{
	width: 100%; padding: 10px; margin: 0 15px 0 0;
	-moz-box-shadow: 2px 2px 9px #b0b0af;-webkit-box-shadow: 2px 2px 9px #b0b0af;
	-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
	background:#FF6600;
	cursor: pointer;
	font-family: 'Bitter',serif; 
	font-size:18pt;
	font-weight:700;
	color:#fff;
	vertical-align:middle;
	

}

.orangebutton11:hover
{

	background:#FF8434;


}
.orangebuttonviewcourses, .purplebutton11, .tealbutton6, .orangebutton11, .limebutton5, .tealbutton67, .tealbutton5, .tealbuttonLarge {
	-webkit-appearance: none;
	-webkit-border-radius: 0;
}

.orangebuttonviewcourses
{
	width: 80%; margin: 0 15px 0 0;
	/*-moz-box-shadow: 2px 2px 9px #b0b0af;-webkit-box-shadow: 2px 2px 9px #b0b0af;
	-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; */
	border-color: buttonface;
	cursor: pointer;
	font-family: 'Bitter',serif; 
	font-size:18pt;
	font-weight:700;
	color:#fff;
	padding: 10px 10px 10px 10px;
	background:#FF6600;
}

.orangebuttonviewcourses:hover
{

	background:#FF8434;

}

.tealbutton6:hover 
{
	/*border: 1px solid #048db4;*/ 
	-border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px;
	cursor: hand;
	color:#Fbb040;
	-transition-duration: 1s;
	-moz-transition-duration: 1s; /* Firefox 4 */
	-webkit-transition-duration: 1s; /* Safari and Chrome */
	-o-transition-duration: 1s; /* Opera */
}

.tealbuttonLarge:hover
{
	/*border: 1px solid #048db4;*/ 
	-border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px;
	cursor: hand;
	color:#Fbb040;
	-transition-duration: 1s;
	-moz-transition-duration: 1s; /* Firefox 4 */
	-webkit-transition-duration: 1s; /* Safari and Chrome */
	-o-transition-duration: 1s; /* Opera */
}


.tealbutton5:hover 
{
	/*border: 1px solid #048db4;*/ 
	-border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px;
	cursor: hand;
	color:#Fbb040;
	-transition-duration: 1s;
	-moz-transition-duration: 1s; /* Firefox 4 */
	-webkit-transition-duration: 1s; /* Safari and Chrome */
	-o-transition-duration: 1s; /* Opera */
}

.limebutton5:hover 
{
	/*border: 1px solid #048db4;*/ 
	-border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px;
	cursor: hand;
	color:#Fbb040;
	-transition-duration: 1.5s;
	-moz-transition-duration: 1.5s; /* Firefox 4 */
	-webkit-transition-duration: 1.5s; /* Safari and Chrome */
	-o-transition-duration: 1.5s; /* Opera */
}

.purplebutton11:hover
{
	/*border: 1px solid #048db4;*/ 
	-border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px;
	cursor: hand;
	color:#Fbb040;
	-transition-duration: 1.5s;
	-moz-transition-duration: 1.5s; /* Firefox 4 */
	-webkit-transition-duration: 1.5s; /* Safari and Chrome */
	-o-transition-duration: 1.5s; /* Opera */
}


.seniors-button
{
    background: #5C8727;
    color:White;
    padding:5px 10px;
    border: none;
    font-weight: bold;
    cursor: pointer;
    font-family: 'Bitter',serif;
    font-size: 12pt;
    -moz-box-shadow: 2px 2px 9px #b0b0af;
    -webkit-box-shadow: 2px 2px 9px #b0b0af;
    -border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.seniors-button:hover
{
     background: #3D4A30;
     color:White;
}

.fieldname {
	font-family: Helvetica,sans-serif; 
	font-size:1.25em; 
	color:#3F6316;
	padding-top:5px;
}

.facilitator_delete_courses {
    border: 0px;
    border-color: white;
    margin-top:10px;
    
}
    .facilitator_delete_courses td {
        padding: 2px 5px;
    }
    .facilitator_delete_courses tr:first-child {
        font-weight: bold;
        font-weight: bold;
        background-color: #3F6316;
        color:white;
    }
        .facilitator_delete_courses tr:first-child td:nth-child(2) {
            text-align:right;
        }
        .facilitator_delete_courses td:first-child {
        border-right: 1px solid #bbd2df;
        border-bottom: 1px solid #bbd2df;
    }
    .facilitator_delete_courses td:nth-child(2) {
        border-bottom: 1px solid #bbd2df;
        border-right: 1px solid #bbd2df;
    }
    .facilitator_delete_courses td:nth-child(3) {
        border-bottom: 1px solid #bbd2df;
        border-bottom: 1px solid #bbd2df;
    }
        /* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
        .rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2 {
    margin-top: 0px;
}



/*TABULAR DATA-----------------------------------------------------------------------------------------------------------------*/

.headerrow {
	font-weight:300;
	font-size:1.1em;
	background-color:#2b4d84;
	color:#fff;
}

.oddrow {
	font-size:0.85em;
	color:#092f6e;
	vertical-align:top;
	padding:10px;
	
}

.evenrow {
	font-size:0.85em;
	color:#092f6e;
	background-color:#5C8727;
	vertical-align:top;
	padding:10px;
}


/*
PRIMARY LAYOUT ELEMENTS   
---------------------------------------------------------

.page
{
    width: 960px;
    background-color: #fff;
    margin: 20px auto 0px auto;
    border: 1px solid #496077;
}

.header
{
    position: relative;
    margin: 0px;
    padding: 0px;
    background: #4b6c9e;
    width: 100%;
}

.header h1
{
    font-weight: 700;
    margin: 0px;
    padding: 0px 0px 0px 20px;
    color: #f9f9f9;
    border: none;
    line-height: 2em;
    font-size: 2em;
}

.main
{
    padding: 0px 12px;
    margin: 12px 8px 8px 8px;
    min-height: 420px;
}

.leftCol
{
    padding: 6px 0px;
    margin: 12px 8px 8px 8px;
    width: 200px;
    min-height: 200px;
}

.footer
{
    color: #4e5766;
    padding: 8px 0px 0px 0px;
    margin: 0px auto;
    text-align: center;
    line-height: normal;
}
*/

/*HEADER
-----------------------------------------------------------------------------------*/

.topheader {
	background-color: #FBB040;
    min-height: 30px;
	width:980px; 
	margin:auto;
	display:block;
}

.topheadercontainer 
{
  	width:980px; 
	margin:auto;  
}

.public-site-link-box 
{
    float:left;
    color:White;
    font-size:16px;
    font-weight:bold;
    padding-left:10px;
    padding-top:3px;
    }
    
.public-site-link-box a
{
    color:White;
}    
.headerimage {
	/*background-image:('images/header/headerimage.jpg');*/
	/* width:977px;  */

	margin:auto;
	display:block;
	background-color:#fff;
}

.logo 
{
    padding-left:20px;
}

.logo2 
{
    padding-left:20px;
}

.tagline 
{
    width:200px;
    height:90px;
    text-align:center;
    
}

.bannertext 
{
   padding:5px 20px 5px 5px;
   float:right;
}

.crsphotobanner 
{
    margin-top:-165px;
    float:right;
}

.crsphotobanner2
{
    margin-top:-160px;
    float:right;
}

.msphotobanner 
{
    float:right;
    margin-top:-152px;
}

.mstitle 
{
    color: #5C8727;
    font-weight:500;
    font-size:3.1em;
    font-family: 'Bitter', serif;
    padding:90px 30px 0px 280px;
    position:absolute;
}


.mstitle2
{
    color: #5C8727;
    font-weight:500;
    font-size:28px;
    font-family: 'Bitter', serif;
    float:right;
    padding:25px 40px 0px 0px;
   
}

#slideshow { 
    margin: 0px auto; 
    position: relative; 
    width: 245px; 
    height: 212px; 
}

#slideshow > div { 
    position: absolute; 
    top: 0px; 
    left: 0px; 
    right: 15px; 
    bottom: 10px; 
}
	
	

/*BODY
-----------------------------------------------------------------------------------*/
.bodycontainer 
{
    width:1161px;
	margin:auto;
}
.welcomebanner {

	
	margin:auto;
	display:block;	
}
.welcomebannerMain {
	/* width:975px; */
	/* height:50px; */
	margin:auto;
    background-color: #5C8727;
	/* background-image:url('../images/body/welcomebanner.jpg'); */
}
.welcomebannerMainContent
{
	width:86%;
	height:30px;
	clear:both;
	padding-left:110px;
	padding-right:60px;
	padding-top:-2px;
	padding-bottom:5px;
}
.welcomebannerMainContentCRS
{
	width:86%;
	clear:both;
	padding-left:50px;
	padding-right:60px;
	padding-top:5px;
	padding-bottom:5px
}
.welcomebannerMainContentCMS
{
	width:86%;
	clear:both;
	padding-left:50px;
	padding-right:60px;
	padding-top:5px;
	padding-bottom:5px
}
.welcomebannerMainContentCRS h1 {
	color: white;
}
.welcomebannerHome {
	width:50%;
	height:275px;
	float:left;
	background-color:#5C8727;
}
.homeviewcourses 
{
    float:left;
    width:50%;
    height:275px;
    background:#FBB040;
    text-align:center;
	
}

.homeviewcourses h1 
{   
    color:#3B5F14;
    font-size:25px;
    }
.welcomebannerHomeContent
{
	clear:both;
	padding-left:30px;
	padding-right:30px;
	padding-top:15px;
	padding-bottom:30px;
}

/*body content for front-end pages excluding index*/
.bodycontentMainTop {
	/* background-image:url('../images/crs/crsbodyimagetop.jpg'); */
    background-color: #ffffff;
	width:1175px;
	height:28px;	
}
.bodycontentMainWarning {


  width: 100%;
  height: 0px;
  margin-bottom:45px;

}
.bodycontentMainTopPublic {
	/* background-image:url('../images/body/bodyimagetop.jpg'); */
    background-color: #ffffff;
	width:1175px;
	height:17px;	
}

.bodycontentMain {
	/*background-image:url('../images/crs/crsbodyimage.jpg');*/
	/* background-image:url('../images/crs/crsbodyimagemiddle.jpg');
	background-repeat:repeat-y; */
    background-color: #ffffff;
	width:1175px;
	min-height:479px;
	clear:both;
	overflow:hidden;
	height:auto;
}

.bodycontentMainPublic {
	/*background-image:url('../images/body/bodyimage.jpg');*/
	background-image:url('../images/body/bodyimagemiddle.jpg');
	background-repeat:repeat-y;
	width:1175px;
	min-height:479px;
	clear:both;
	overflow:hidden;
	height:auto;
}

.bodycontentMainBottom {
	/* background-image:url('../images/crs/crsbodyimagebottom.jpg'); */
    background-color: #ffffff;
	width:1175px;
	height:62px;	
}

.bodycontentMainBottomPublic {
	background-image:url('../images/body/bodyimagebottom.jpg');
	width:1175px;
	height:39px;	
}


.mainbodycontent
{
/*width:87%;*/
clear:both;
padding-top:20px;
padding-bottom:20px;
padding-left:80px;
padding-right:80px	
}

/*body content for front-end index*/
.bodycontentHome {
	background-image:url('../images/body/bodyimage.jpg');
	width:1175px;
	min-height:479px;
	background-repeat: no-repeat;
}
.mainbodycontentHome
{
width:87%;
clear:both;
padding-top:40px;
padding-bottom:20px;
padding-left:70px;
padding-right:60px	
}

.bodyimage {
	/*background-image:('images/body/bodyimage.jpg');*/
	width:1175px;
	/*height:479px;*/
	margin:auto;
	display:block;
	
}


/*CREATE MY ACCOUNT + FORGET PASSWORD + TERMS AND CONDITIONS
-----------------------------------------------------------------------------------*/

.crsheaderimage {
	background-image:('images/crs/crsheaderimage.jpg');
	width:978px; 
	height:215px; 
	margin:auto;
	display:block;

}

.crsbanner {
	background-image:('images/crs/crsbanner.jpg'); 
	width:974; 
	height:50px; 
	margin:auto;
	display:block;
	
}


.crsbodyimage {
	background-image:('images/crs/crsbodyimage.jpg');
	width:962px; 
	height:606px; 
	margin:auto;
	display:block;
	
}


/* FORM ELEMENTS   
----------------------------------------------------------

fieldset
{
    margin: 1em 0px;
    padding: 1em;
    border: 1px solid #ccc;
}

fieldset p 
{
    margin: 2px 12px 10px 10px;
}

fieldset.login label, fieldset.register label, fieldset.changePassword label
{
    display: block;
}

fieldset label.inline 
{
    display: inline;
}

legend 
{
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}

input.textEntry 
{
    width: 320px;
    border: 1px solid #ccc;
}

input.passwordEntry 
{
    width: 320px;
    border: 1px solid #ccc;
}

div.accountInfo
{
    width: 42%;
}
*/

/*FOOTER
----------------------------------------------------------*/

#footercontainer {
	width:958px;
	height:109px; 
	background-image:('images/footer/footerimage.jpg');
	display:block; 
	margin:auto;
	background-color:#424141;
	}


#copyright {
	width:944px; 
	display:inline-block;
	margin:auto; 
	margin-top:10px; 
	margin-bottom:30px;
	font-family: 'Open Sans', sans-serif; 
	font-size:0.750em; 
	/*625*/
	color:#82817b;
	
}
.welcomeicons > img {
    width: 21px;
    margin-bottom: 9px;
    margin-top: 4px;
    margin-right: 6px;
}
#cart-wrapper > img {
    width: 32px;
    margin-bottom: 5px;
    margin-right: 6px;
}
#copyrightfooter {
    width: 914px;
    display: inline-block;
    margin: auto;
    margin-top: 30px;
    margin-bottom: 30px;
    font-family: 'Open Sans', sans-serif;
    font-size: 0.750em;
    /*625*/
    color: #244200;
}
#copyrightfooter>a {
    color:#244200!important;
}
#wsacontainer > a {
    color: #244200 !important;
}

#wsacontainer {
    display: inline-block;
    float: right;
}


.footertable
{
clear:both;
width: 100%;
padding:50px 10px;
height:85px;
}
.footertablecol6 {
	width:10%;
	float:left;
}
.footertablecol1
{
width:25%;
float:left;
}
.footertablecol2
{
width:36%;
float:left;
}
.footertablecol3
{
width:20%;
float:left;
}
.footertablecol4
{
width:20%;
float:left;
}
.footertablecol5
{
width:26%;
float:left;
}

.footerorangetext
{   
    font-size: 13px;
    color: #FBB040;
   	font-family:sans-serif;
   	margin: 0;
   	padding-bottom:10px;
}

.footerwhitetext
{   
    font-size: 13px;
    color: #ffffff;
   	font-family:sans-serif;
   	margin: 0;
   	line-height:1.3em;
}

a.footerlink:link 
{
color: #FFFFFF; 
text-decoration: none;
font-weight: bold;
font-size: 11px; 
}
a.footerlink:visited 
{ 
color: #FFFFFF; 
text-decoration: none;
}
a.footerlink:active
{
color: #FBB040; 
text-decoration: none;
}
a.footerlink:hover
{
color: #FBB040;
text-decoration: none;
}

/* MISC  
----------------------------------------------------------*/

.clear
{
    clear: both;
}

.title
{
    display: block;
    float: left;
    text-align: left;
    width: auto;
}

.loginDisplay
{
    font-size: 1.1em;
    display: block;
    text-align: right;
    padding: 10px;
    color: White;
}

.loginDisplay a:link
{
    color: white;
}

.loginDisplay a:visited
{
    color: white;
}

.loginDisplay a:hover
{
    color: white;
}

.failureNotification
{
    font-size: 1.2em;
    color: Red;
}

.bold
{
    font-weight: bold;
}

.submitButton
{
    text-align: right;
    padding-right: 10px;
}


/*cc added*/

/*my wait list */

.waitlistcontainer 
{
    width:400px;
    height:auto;
}

.myaccounttable
{
	clear:both;
	width:100%;
}
.myaccounttablea
{
	clear:both;
	width:100%;
}
.myaccounttablecol1 {
    float: left;
    width: 18%;
    padding-top: 5px;
}
.myaccounttablecol1-wide {
    float: left;
    width: 25%;
    padding-top: 5px;
}
.myaccounttablecol1a
{
	float:left;
	width:18%;	
}
.myaccounttablecol2 {
    float: left;
    width: 78%;
}
.myaccounttablecol2-thinner {
    float: left;
    width: 58%;
}
.myaccounttablecol2a
{
	float:left;
	width:78%;
}
.myaccounttablecol1Alt {
    float: left;
    width: 40%;
    padding-top: 5px;
    clear: both;
}
.myaccounttablecol2Alt
{
	float:left;
	width:60%;
    
}
.termcounterror {
    clear:both;
    display:none;
}
.myaccounttablecolAlt {
    float: left;
    width: 96%;
}

.numberstable
{
clear:both
}
.numberstablecol1
{
width:1%;
float:left;
}
.numberstablecol2
{
width:8%;
float:left;
}
.numberstablecol3
{
width:1%;
float:left;
}
.numberstablecol4
{
width:90%;
float:left;
}

.numbercircleorange
{
width:27px;
height:27px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-border-radius: 20px;
border:2px solid #FBB040;
background-color:#FBB040;
padding-left:0px	
}


/*nav menu*/
.level1
{
    text-align:left;
    }
div.menu { 
    display: block; 
    /* background-color: #5C8727;  */
    padding: 5px 5px 5px 5px;
    width:100%;
    text-align:center;
} 

div.menu > ul {
	display:inline-block;
	margin:0 auto;
	float:none!important;
}
 
div.menu ul
{ 
    list-style: none;    
} 
 
div.menu ul li a, div.menu ul li a:visited { 
  
    color: #FFFFFF; 
    display: block; 
    white-space: nowrap; 
    font-size: 18px; 
    font-weight: bold; 
    background-color: #5C8727; 
    margin: 0px 5px 0px 20px; 
	padding: 5px 10px 5px 10px; 
} 
 
div.menu ul li a:hover { 
    color: #FBB040; 
    display: block; 
    font-weight: bold; 
} 
 
div.menu ul a:active { 
    font-weight: bold; 
    color: #FBB040; 
}

div.menu > ul > li:first-child > a {
	margin-left:0;
}

div.menu > ul > li:last-child > a {
	padding-left:25px!important;
	position:relative;
	margin-right:0;
}
div.menu > ul > li:last-child > a:before {
	content:'';
	display:block;
	position:absolute;
	left:0;
	top:160%;
	transform:translate3d(0,-50%,0);
	width:20px;
	height:20px;
	background:  url("../images/Facebook.png");
	background-size: 20px 20px;
    background-repeat: no-repeat;

}

/*nav menu CMS*/
div.menuCMS { 
    display: block; 
    /* background-color: #5C8727;  */
    padding: 5px 5px 5px 5px;
    width:100%;
    text-align:center;
} 

div.menuCMS li 
{
    user-select: none;
}
 
div.menuCMS ul
{ 
    list-style: none;  
    float: none!important;  
} 
 
div.menuCMS ul li a, div.menuCMS ul li a:visited { 
  
    color: #FFFFFF; 
    display: block; 
    white-space: nowrap; 
    font-size: 16px; 
    font-weight: bold; 
    background-color: #5C8727; 
    margin: 0px 18px 0px 19px; 
	padding: 5px 15px 5px 15px; 
}  
 
div.menuCMS ul li a:hover { 
    color: #FBB040; 
    display: block; 
    font-weight: bold; 
} 
 
div.menuCMS ul a:active { 
    font-weight: bold; 
    color: #FBB040; 
}
#cmsmenu1_NavigationMenu ul{
    display: inline-block;
    margin: 0 auto;
}

.validatorCalloutHighlight
{
    background-color: red;
}

.CustomValidatorCalloutStyle div, 
.CustomValidatorCalloutStyle td { 
    border:solid 1px #3F6316; background-color: #ADD8E6; 
}
  
 /*Courses Page Colors 
 
 green      color:#8dc737
 
 red        color:#f1592a
 
 light blue   color: #FBE8C5
 
 font color navy   color:#3F6316
 
 font size : 16px
 
 */
 
 /*style for courses menu*/

.payicon 
{
    float:left;
    display:inline-block;
margin: auto 8px auto 0px; 
height:21px;
  
}

.paytext 
{
    width:85%;
   
    display:inline-block;
    font-weight:bold;
    font-size:15px;
 
}

#BodyContent_lblPayStatusC 
{

color:Red;
font-size:10pt;
}
    
.paystatus2 {
  clear: both;
  margin: 10px 0px;
 
 
}
.paystatus 
{
    clear:both;
    
    margin:10px 0px;
 
}

.coursesmenumain
{
clear:both;
width:auto;
float:left;
}
.coursesmenumain img {
    width:18px;
}
.coursesmenumaincol1
{
float:left;
width:10%;
padding:5px;
text-align:center;
background-color:#3F6316;	
}
.coursesmenumaincol1alt
{
float:left;
width:11%;
padding:5px;
text-align:center;
background-color:#3F6316;	
}
.coursesmenumaincol2
{
float:left;
width:1%;
}
.coursesmenumaincol2a
{
float:left;
width:9%;
}
.coursesmenumaincol2alt
{
float:left;
width:49%;
}
.coursesmenumaincol3
{
float:left;
width:29%;
text-align:right;
}

a.coursemenu:link 
{
color: #FFFFFF; 
text-decoration: none;
font-weight: bold;
font-size: 14px; 
}
a.coursemenu:visited 
{ 
color: #FFFFFF; 
text-decoration: none;
}
a.coursemenu:hover
{
color: #FBB040;
text-decoration: none;
}
a.coursemenu:active
{
color: #FBB040; 
text-decoration: none;
}


a.coursemenusel:link 
{
color: #FBB040; 
text-decoration: none;
font-weight: bold;
font-size: 14px; 
}
a.coursemenusel:visited 
{ 
color: #FBB040; 
text-decoration: none;
}
a.coursemenusel:hover
{
color: #FBB040;
text-decoration: none;
}
a.coursemenusel:active
{
color: #FBB040; 
text-decoration: none;
}
.view-cart-btn
{
    background: #5C8727;
    color:White;
    padding:5px 10px;
    float: right;
    font-weight: bold;
    font-family: 'Bitter',serif;
    font-size: 12pt;
    -moz-box-shadow: 2px 2px 9px #b0b0af;
    -webkit-box-shadow: 2px 2px 9px #b0b0af;
    -border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    }
.view-cart-btn:hover
{
     background: #3D4A30;
     color:White;}
.coursesAZmain
{
clear:both;
width:95%
}
.coursesAZmaincol1a
{
float:left;
width:78%;
text-align:center;
background-color:#FFFFFF	
}
.coursesAZmaincol2
{
float:left;
width:3%;
}
.coursesAZmaincol2cms
{
display: inline-block;
margin-left: 5px;
}
.coursesall
{
display: inline-block;
margin-left:8px;
}
.coursesAZmaincol2a
{
float:left;
width:5%;
}
.coursesAZmaincol3
{
float:left;
width:30%;
text-align:right;
}

a.coursemenuAZ 
{
color: #3F6316; 
text-decoration: none;
font-weight: bold;
font-size: 18px; 
}

a.coursemenuAZ:hover
{
color: #FBB040;
text-decoration: none;
}
a.coursemenuAZ:active
{
color: #FBB040; 
text-decoration: none;
}

a.coursemenuAZsub:link 
{
color: #3F6316; 
text-decoration: none;
font-weight: bold;
font-size: 18px; 
}
a.coursemenuAZsub:visited 
{ 
color: #3F6316; 
text-decoration: none;
}
a.coursemenuAZsub:hover
{
color: #FBB040;
text-decoration: none;
}
a.coursemenuAZsub:active
{
color: #FBB040; 
text-decoration: none;
}
 
 /* example A B C D ....ON Mouse Over #FBB040 (orange) */
.courselist
{   
    font-size: 18px;
    color:#3F6316;
   	font-family: 'Bitter', serif;
   	font-weight:700;
}

/* example bY CLUSTER , ON Mouse Over #FBB040 (orange) */
.courselistcluster
{   
    font-size: 14px;
    color:#FFFFFF;
   	font-family: 'Bitter', serif;
   	font-weight:700;
}


/*Text styles for the lightbox in T&C and for Course Description
-----------------------------------------------------------------------------*/

.lightbox1
{   
    font-size: 21px;
    color:#45a5aa;
   	font-family: 'Bitter', serif;
   	font-weight:700;
}

.lightbox2
{   
    font-size: 12px;
    color:#45a5aa;
   	font-family: Arial, Helvetica, sans-serif;
   	font-weight:700;
}

.lightbox3
{   
    font-size: 18px;
    color:#000;
   	font-family: 'Bitter', serif;
   	font-weight:700;
}

.lightbox4
{   
    font-size: 13px;
    color:#000;
   	font-family: Arial, Helvetica, sans-serif;
   	font-weight:400;
}


.lightbox5
{   
    font-size: 14px;
    color:#45a5aa;
   	font-family: 'Bitter', serif;
   	font-weight:700;
}

.lightbox6
{   
    font-size: 14px;
    color:#000;
   	font-family: 'Bitter', serif;
   	font-weight:700;
}

.modal
{
-filter: alpha(opacity=40);
-opacity: 0.7;
}
.modalPopup
{
    background-color: #ffffff;
    border: 1px solid #999999;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
padding: 30px;
width: 950px;
}

.modal2
{
-filter: alpha(opacity=40);
-opacity: 0.7;
}
.modalPopup2
{
background-color: #ffffff;
border-width: 12px;
border-style: solid;
border-color: #3F6316;
padding: 40px;
width: 570px;
height: 200px;
}


/*cms datagrid*/

.fileattachheader 
{
	width:74%;
	display:none;
    color: #ffffff;
	background-color: #3F6316;
	font-weight: bold;	
	border-color: #bbd2df;}
	
	.fileattachheader2
{
	width:25%;
	display:none;
    color: #ffffff;
	background-color: #3F6316;
	font-weight: bold;	
	border-color: #bbd2df;}


.cmsdatagridHeader
{
	color: #ffffff;
	background-color: #3F6316;
	font-weight: bold;	
	border-color: #bbd2df;
}
.cmsdatagridItems
{
	color: #3F6316;
	
	font-weight: normal;	
	border-color: #bbd2df;
}

.cmsbuttonbox
{
float:left;
width:17%;
height:22px;
text-align:center;
margin-bottom:2px;
padding-top:2px;
background-color:#3F6316;
}
.cmsbuttonbox30
{
float:right;
width:30%;
height:22px;
text-align:center;
margin-bottom:2px;
padding-top:2px;
background-color:#3F6316;
margin-left:5px;
}
.cmsbuttonbox22
{
float:right;
width:22%;
height:22px;
text-align:center;
margin-bottom:2px;
padding-top:2px;
background-color:#3F6316;
margin-left:5px;
}
.cmsbuttonbox26
{
float:right;
width:26%;
height:22px;
text-align:center;
margin-bottom:2px;
padding-top:2px;
background-color:#3F6316;
margin-left:5px;
}
.cmsbuttonbox31
{
float:right;
width:30%;
height:22px;
text-align:center;
margin-bottom:2px;
padding-top:2px;
background-color:#3F6316 !important;
margin-left:5px;
color:#fff !important;
border: 0px !important;
font-weight:bold !important;
font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif !important;
padding-bottom:2px;
}
    

.cmsbuttonbox40
{
float:right;
width:40%;
height:22px;
text-align:center;
margin-bottom:2px;
padding-top:2px;
background-color:#3F6316;
margin-left:5px;
}

.cmsbuttonbox90
{
float:right;
width:90%;
height:22px;
text-align:center;
margin-bottom:2px;
padding-top:2px;
background-color:#3F6316;
margin-left:5px;
}

.cmsbuttonyYN
{
width:55pt;
color:#ffffff;
background-color: #3F6316;
font-family:Arial, Helvetica, sans-serif;
font-size:11pt;
font-weight:bold;
cursor:hand
}

.cmsbuttonreports
{
height:22px;
text-align:center;
margin-bottom:2px;
padding-top:2px;
background-color:#3F6316;
color: #FFFFFF; 
text-decoration: none;
font-weight: bold;
font-size: 14px; 
}

a.cmsbutton:link
{
color: #FFFFFF; 
text-decoration: none;
font-weight: bold;
font-size: 14px; 
}
a.cmsbutton:visited 
{ 
color: #FFFFFF; 
text-decoration: none;
}
a.cmsbutton:hover
{
color: #FBB040;
text-decoration: none;
}
a.cmsbutton:active
{
color: #FBB040; 
text-decoration: none;
}


.yearsTableHeader95
{
color:#ffffff;
background-color: #3F6316;
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;
font-weight:bold;
padding:5px;
float:left;
width:95%;
border-top:1px solid #bbd2df;
border-bottom:1px solid #bbd2df;
border-left:1px solid #bbd2df;
border-right:1px solid #bbd2df;
}
.yearsTableItem95
{
color:#3F6316;
background-color: #ffffff;
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;
font-weight:normal;
padding:5px;
float:left;
width:95%;
border-bottom:1px solid #bbd2df;
border-left:1px solid #bbd2df;
border-right:1px solid #bbd2df;
}

.yearsTableHeader14
{
color:#ffffff;
background-color: #3F6316;
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;
font-weight:bold;
padding:5px;
float:left;
width:14%;
border-top:1px solid #bbd2df;
border-bottom:1px solid #bbd2df;
border-left:1px solid #bbd2df;
border-right:1px solid #bbd2df;
}
.yearsTableItem14
{
color:#3F6316;
background-color: #ffffff;
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;
font-weight:normal;
padding:5px;
float:left;
width:14%;
border-bottom:1px solid #bbd2df;
border-left:1px solid #bbd2df;
border-right:1px solid #bbd2df;
}

.yearsTableHeader23
{
color:#ffffff;
background-color: #3F6316;
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;
font-weight:bold;
padding:5px;
float:left;
width:23%;
border-top:1px solid #bbd2df;
border-bottom:1px solid #bbd2df;
border-right:1px solid #bbd2df;
}
.yearsTableHeader23L
{
color:#ffffff;
background-color: #3F6316;
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;
font-weight:bold;
padding:5px;
float:left;
width:23%;
border-top:1px solid #bbd2df;
border-bottom:1px solid #bbd2df;
border-right:1px solid #bbd2df;
border-left:1px solid #bbd2df;
}
.yearsTableItem23
{
color:#3F6316;
background-color: #ffffff;
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;
font-weight:normal;
padding:5px;
float:left;
width:23%;
border-bottom:1px solid #bbd2df;
border-right:1px solid #bbd2df;
}
.yearsTableItem23L
{
color:#3F6316;
background-color: #ffffff;
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;
font-weight:normal;
padding:5px;
float:left;
width:23%;
border-bottom:1px solid #bbd2df;
border-right:1px solid #bbd2df;
border-left:1px solid #bbd2df;
}

.yearsTableHeader26
{
color:#ffffff;
background-color: #3F6316;
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;
font-weight:bold;
padding:5px;
float:left;
width:26%;
border-top:1px solid #bbd2df;
border-bottom:1px solid #bbd2df;
border-right:1px solid #bbd2df;
}
.yearsTableItem26
{
color:#3F6316;
background-color: #ffffff;
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;
font-weight:normal;
padding:5px;
float:left;
width:26%;
border-bottom:1px solid #bbd2df;
border-right:1px solid #bbd2df;
}


.yearsTableItem95R
{
color:#3F6316;
background-color: #ffffff;
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;
font-weight:normal;
padding:5px 9px 5px 9px;
float:left;
width:95%;
border-bottom:1px solid #bbd2df;
border-left:1px solid #bbd2df;
border-right:1px solid #bbd2df;
text-align:right;
}
.yearsTableItem94
{
color:#3F6316;
background-color: #ffffff;
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;
font-weight:normal;
padding:5px 9px 5px 9px;
float:left;
width:94%;
border-bottom:1px solid #bbd2df;
border-left:1px solid #bbd2df;
border-right:1px solid #bbd2df;
text-align:right;
}
/*class lists table*/

.classlistmain
{
	clear:both;
	width:100%;
	font-family: 'Helvetica Neue', 'Lucida Grande', 'Segoe UI', Arial, Helvetica, Verdana, sans-serif;
	font-size:0.90em;
}

.classlistmainSub
{
	clear:both;
	width:100%
}

.classlistmainHeaderCol1
{
	float:left;
	width:35%;
	border-bottom:1px solid #bbd2df;
	border-left:1px solid #bbd2df;
	padding:4px;
	background-color:#bbd2df;
}
.classlistmainHeaderCol2
{
	float:left;
	width:35%;
	border-bottom:1px solid #bbd2df;
	border-left:1px solid #ffffff;
	padding:4px;
	background-color:#bbd2df;
}
.classlistmainHeaderCol3
{
	float:left;
	width:20%;
	border-bottom:1px solid #bbd2df;
	border-left:1px solid #ffffff;
	border-right:1px solid #bbd2df;
	padding:4px;
	background-color:#bbd2df;
}

.classlistmainItemsCol1
{
	float:left;
	width:35%;
	border-bottom:1px solid #bbd2df;
	border-left:1px solid #bbd2df;
	padding:4px
}
.classlistmainItemsCol2
{
	float:left;
	width:35%;
	border-bottom:1px solid #bbd2df;
	border-left:1px solid #bbd2df;
	padding:4px
}
.classlistmainItemsCol3
{
	float:left;
	width:20%;
	border-bottom:1px solid #bbd2df;
	border-left:1px solid #bbd2df;
	border-right:1px solid #bbd2df;
	padding:4px
}
.classlistmainItemsCol1alt
{
	float:left;
	width:35%;
	border-top:1px solid #bbd2df;
	border-bottom:1px solid #bbd2df;
	border-left:1px solid #bbd2df;
	padding:4px
}
.classlistmainItemsCol2alt
{
	float:left;
	width:35%;
	border-top:1px solid #bbd2df;
	border-left:1px solid #ffffff;
	border-bottom:1px solid #bbd2df;
	padding:4px
}
.classlistmainItemsCol3alt
{
	float:left;
	width:20%;
	border-top:1px solid #bbd2df;
	border-bottom:1px solid #bbd2df;
	border-left:1px solid #ffffff;
	border-right:1px solid #bbd2df;
	padding:4px
}

/*for javascript popup*/
#pup {
  position:absolute;
  z-index:200; /* aaaalways on top*/
  padding: 10px 10px 10px 10px;
  margin-left: 10px;
  margin-top: 5px;
  width: 250px;
  border: 1px solid black;
  background-color: #FBE8C5;
  color: #000000;
  font-size: 15px;
  line-height:130%;
}

/* for course detail popup*/
        .style4
        {
            font-weight: 300;
            font-size: 1.1em;
            background-color: #2b4d84;
            color: #fff;
            width: 78px;
        }
        .style5
        {
            font-size: 0.85em;
            color: #092f6e;
            vertical-align: top;
            padding: 10px;
            width: 78px;
        }
        .style6
        {
            font-size: 0.85em;
            color: #092f6e;
            background-color: #5C8727;
            vertical-align: top;
            padding: 10px;
            width: 78px;
        }
        .style7
        {
            font-weight: 300;
            font-size: 1.1em;
            background-color: #2b4d84;
            color: #fff;
            width: 77px;
        }
        .style8
        {
            font-size: 0.85em;
            color: #092f6e;
            vertical-align: top;
            padding: 10px;
            width: 77px;
        }
        .style9
        {
            font-size: 0.85em;
            color: #092f6e;
            background-color: #5C8727;
            vertical-align: top;
            padding: 10px;
            width: 77px;
        }
/* end for course detail popup*/

/*
input, textarea {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}*/



.topbar-memberarea 
{
    float:right;
    background-color:#ffd69e;
    display:block;
    text-align:center;
    padding:0px 15px 0px 15px;}
    
#footercontainer 
{
    width:100%;
    height:100%;
    background-color:#5C8727;
}    


 .newfootercontainer 
 {
     padding-top:50px;
     width:100%;
     overflow: auto;
 }
 
 .footcol1{width:14%; float:left;}
 .footcol2{width:5%;float:left;}
 .footcol3{width:13%;float:left;}
 .footcol4{width:14%;float:left;}
 .footcol5{width:13%;float:left;}
 .footcol6{width:14%;float:left;}
 .footcol7{width:15%;float:left;}
 .footcol8 {width: 10%;float: left;}
 .footcolbottom{width:97%;float:left; text-align:center; margin:40px 20px 10px 20px; color: #3d600e;}
 .footcolbottom a:link
 {
     color: #3d600e;
 }
 .footcolbottom a:visited
 {
     color: #3d600e;
 }
@media (max-width: 1350px) {
    .footcol1 {
        width: 1%;
    }

    .footcol2 {
        width: 10%;
        float: left;
    }

    .footcol3 {
        width: 17%;
        float: left;
    }

    .footcol4 {
        width: 20%;
        float: left;
    }

    .footcol5 {
        width: 17%;
        float: left;
    }

    .footcol6 {
        width: 20%;
        float: left;

    }

    .footcol7 {
        width: 15%;
        float: left;
    }

    .footcol8 {
        width: 1%;
        float: left;
    }

    .footcolbottom {
        width: 93%;
    }
}
 @media (max-width: 1200px) {
     .footcol1{width:2%;}
     .footcol2{width:10%;float:left;}
     .footcol3{width:20%;float:left;}
     .footcol4{width:30%;float:left;}
     .footcol5{width:30%;float:left;}
     .footcol6{width:40%;float:left; padding-left:20px; padding-top:50px;clear:both}
    .footcol7 {
        width: 40%;
        float: left;
        padding-top: 50px;
    }
    .footcol8 {
        width: 2%;
        float: left;
    }
     .footcolbottom{width:93%;}
  }
  
 @media (max-width: 750px) {
     .footcol1{width:0%;}
     .footcol2{width:100%;float:left; padding-left:20px; }
     .footcol3{width:100%;float:left;padding-left:20px; margin-top:15px;}
     .footcol4{width:100%;float:left;padding-left:20px; margin-top:15px;}
     .footcol5{width:100%%;float:left;padding-left:20px; margin-top:15px;}
     .footcol6{width:100%;float:left;padding-left:20px; margin-top:5px;}
     .footcol7 {
        width: 100%;
        float: left;
        padding-left: 20px;
        margin-top: 15px;
     }
      .footcol8 {
         width: 0%;
         float: left;
      }
  }
  
  
.body-container-fullwidth
{
    width:100%;
    float:left;}

.announcement-box 
  {
      background-color:#ffd6b6;
      border-radius: 10px;
      padding: 15px;
      float:left;
      min-width: 535px;
      margin-bottom:20px;
  }
.announcement-box-h1 
      {
      color:#F78427;
      text-align:left;
      font-size:22px;
      margin-bottom:0px;
      text-align:center;
  }
  
.announcement-box-left
{
    float:left;
    width:200px;
    color:black;
   }
.announcement-box-right
{
    float:left;
    width:323px;
    text-align:center;
    padding-left: 10px;
     border-left:2px dashed #5B8726;
     min-height:70px;
     }
  
.registration-date
{
    color:White;
    font-weight:bold;
    
   
}

.announcement-text 
{
    color:Black;
}

.registration-status-open
{
    background-color:#8dd330;
    color:#416314;
    font-family: 'Bitter',serif;
    font-weight: 700;
    border-radius:10px;
    Margin-top:0px;
    margin-right:10px;
    font-size:12px;
    line-height:100%;
    padding-top:5px;
    padding-bottom:5px;
    width: 70px;
    text-align: center;
    
  
    }
 .registration-status-closed
{
    background-color:#e80909;
    color:#840000;
    font-family: 'Bitter', serif;
    font-weight: 700;
    border-radius:10px;
    Margin-top:0px;
    margin-right:10px;
    font-size:12px;
    line-height:100%;
    padding-top:5px;
    padding-bottom:5px;
    width: 79px;
    text-align: center;
  
    
    }
    

.crs-left-col 
{
     width:514px;
     float:left;
    }
.crs-right-col 
{
    width: 365px;
    background-color: #e8ede1;
    float: left;
    left: -80px;
    position: relative;
    padding-right: 20px;
    padding-left: 28px;
    margin-top: 25px;
    border-radius: 0px 15px 15px 0px;
    -moz-border-radius: 0px 15px 15px 0px;
    -webkit-border-radius: 0px 15px 15px 0px;
    }


.course-details-description-table 
{
    font-size: 15px;
    width:75%;
}

.course-details-description-facil
{

    float:left; 

     -moz-border-radius: 20px;
      border-radius: 20px;
       background-color:#e8ede1; 
       padding:15px; 
       margin-top:20px;
       width:75%;
}

.facil-field-1 img
{
    margin-top:10px;
float:right;}

.hover-info 
{
    position:relative;
}
.hover-info:after 
{
    content:attr(data-mouseover);
    display:block;
    position:absolute;
    width:240px;
    min-height:40px;
    top:-5px;
    left:50%;
    transform:translate(-50%,-80%);
    background:#d2e7ea;
    border-radius:4px;
    box-shadow:0 2px 2px rgba(0,0,0,0.1);
    color:#696969;
    padding:7px;
    clear: both;   
    opacity:0;
    pointer-events:none;
    transition:all 0.3s ease-out;
    font-size:14px;
}
.hover-info:hover:after
{
    transform:translate(-50%,-100%);
    opacity:1;
}



    .overlay-lower-right {
        font-size: 55% !important;
        left: -13px;
        position: relative;
    }
    .my-green {
        color: #51A351;
    }


.my-account-area
{
   margin-top:5px;
   margin-bottom:15px;
   padding-top:0px;
   padding-bottom:15px;
/*   border-top:2px dashed #5C8727;
   border-bottom:2px dashed #5C8727; */
   float:left;
}

.announcement-text ~ div .MsoNormal {margin-left:0!important;}

.my-course-list-courses>a
{        
    color: #427b00;
    font-weight: bold;
    }
 .my-course-list-courses>a:hover
{        
    color: #696969;
    
    }
    
 .my-account-boxes
{
    -webkit-border-radius: 20px; 
    -moz-border-radius: 20px; 
    border-radius: 20px; 
    border:3px solid #5C8727; 
    padding:10px;
    background-color: white;
    }
    
 .my-account-titles>h3
 {
     margin-top:0px;
     margin-bottom:0px;}
.my-account-boxes-tabbed 
{
    margin-top:21px;}   
.my-status-box
{
    float:left;
    width:90%; 
    margin-top:10px; 
   
    
    }
.my-course-box 
{
    width:100%; 
    float:left; 
    margin-top:20px;
    
    
    } 
.my-calendar-box 
{
    float:left;
    width:100%; 
    margin-top:20px;
   
    }        
.content {

display:none;

}


    
.dynamic-tab {
    background-color:#5C8727;
    color:White;
    float:left;
    padding: 1px 10px 5px 10px;
    font-weight: 500;
    margin-left: 5px;
    border-radius: 4px;
    cursor:pointer;
    margin-bottom:-4px;
}
.dynamic-content {display:none;}
.dynamic-content.active {display:block;}

.news-left-col 
{
     width:525px;
     float:left;
    }
.news-right-col 
{
     width:260px;
     margin-left:14px;
     float:left;
    }
    
.crs-news-item 
{
    background-color: #E8EDE1;
    padding: 15px;
    margin-bottom: 10px;
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    float:left;
    width:95%;
   
    }
    
 .crs-news-item>h2
{
    margin-top: 0px;
    margin-bottom: 0px;
    color: #3F6316;
    font-size: 17px;
    font-family: 'Bitter', serif;
    font-weight: 700;
    letter-spacing: 1px;}
.crs-news-item>h2>a 
{
    
    color: #3F6316;
    font-size: 17px;
    font-family: 'Bitter', serif;
    font-weight: 700;
    letter-spacing: 1px;
    }    

    
.newsdate
{
    font-size:9pt;
    font-weight:bold;
    margin-bottom:5px;
    
    }
.news-img-sm 
{
    max-width:150px;
    float:left;
    margin-right:10px;
    }    
.news-img-lg 
{
    margin-bottom:10px;
    width:100%;}
   
.navigate-news-buttons-box 
{
    float:left;
    width:100%;
    margin-top:30px;
    padding-bottom:30px;
   }    
.key-info-box 
{
    border:3px solid #263F09;
    padding:10px;
    text-align:center;
    
    }

.key-info-box>p
{
font-family: 'Bitter', serif;
    font-weight: 700;
    letter-spacing: 1px;
    font-size: 14px;}
.key-info-box>h2
{
    margin-top:10px;
    margin-bottom:0px;
}

.clearfix:after {
   content: " "; /* Older browser do not support empty content */
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}




/** LIGHTBOX MARKUP **/

.lightbox {
	/** Default lightbox to hidden */
	display: none;

	/** Position and style */
	position: fixed;
	z-index: 999;
	width: 100%;
	height: 100%;
	text-align: center;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
}



.lightbox img {
	/** Pad the lightbox image */
	max-width: 90%;
	max-height: 80%;
	margin-top: 2%;
    border: 8px solid white;
}
.lightbox p
{
    color:white;}
.lightbox:target {
	/** Remove default browser outline */
	outline: none;

	/** Unhide lightbox **/
	display: block;
}





.carousel {
  position: relative;
}
.carousel-inner {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.carousel-inner > .item {
  display: none;
  position: relative;
  -webkit-transition: 0.6s ease-in-out left;
  transition: 0.6s ease-in-out left;
}
.carousel-inner > .item > a
{
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  line-height: 1;
}
.carousel-inner > .item > img:hover,
.carousel-inner > .item > a > img:hover {
opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */}
    
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block;
}
.carousel-inner > .active {
  left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}
.carousel-inner > .next {
  left: 100%;
}
.carousel-inner > .prev {
  left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
}
.carousel-inner > .active.left {
  left: -100%;
}
.carousel-inner > .active.right {
  left: 100%;
}
.carousel-control {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 15%;
  opacity: .5;
  filter: alpha(opacity=50);
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  color: #E8EDE1;
  font-size: 40px;
}
.carousel-control.left {
  background-image: none;
}
.carousel-control.right {
  left: auto;
  right: 0;
  background-image: none;
}
.carousel-control:hover,
.carousel-control:focus {
  outline: none;
  color: #dae2cf;
  text-decoration: none;
  opacity: .9;
  filter: alpha(opacity=90);
}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
}
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
  left: 50%;
}
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
  right: 50%;
}
.carousel-control .icon-prev,
.carousel-control .icon-next {
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-left: -10px;
  font-family: serif;
}
.carousel-control .icon-prev:before {
  content: '\2039';
}
.carousel-control .icon-next:before {
  content: '\203a';
}
.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  margin-left: -30%;
  padding-left: 0;
  list-style: none;
  text-align: center;
}
.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  border: 1px solid #fff;
  border-radius: 10px;
  cursor: pointer;
  background-color: #000 \9;
  background-color: rgba(0, 0, 0, 0);
}
.carousel-indicators .active {
  margin: 0;
  width: 12px;
  height: 12px;
  background-color: #ffffff;
}
.carousel-caption {
  position:initial;
  color: black;
  text-shadow: none;
   padding-top: 0px;
   
  left: 15%;
  right: 15%;
  bottom: 20px;
  z-index: 10;
  padding-bottom: 20px;
  text-align: center;
  
}
.carousel-caption .btn {
  text-shadow: none;
}
@media screen and (min-width: 768px) {
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -15px;
    margin-left: -15px;
    font-size: 30px;
  }
  .carousel-caption {
    left: 20%;
    right: 20%;
    padding-bottom: 30px;
  }
  .carousel-indicators {
    bottom: 20px;
  }
}

.carousel-inner > .item > img, .carousel-inner > .item > a > img 
{
    width:100%;}
    
.pagination > td
{
    border: none;
}
.pagination {
    padding-left: 0;
    margin: 20px 0;
}
.pagination>not:td
{
    display: inline-block;
}
.pagination>span, .pagination>td>span
{
    background-color: #e8ede1;
}

.pagination>a, .pagination>span {
    display: inline;
}

.pagination>a:first-child, .pagination>span:first-child,
.pagination>td>a:first-child, .pagination>td>span:first-child
{
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.pagination>a:last-child, .pagination>span:last-child,
.pagination>td>a:last-child, .pagination>td>span:last-child
{
    margin-left: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.pagination>.aspNetDisabled {
    color: #777;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd;
}
.pagination-sm>a, .pagination-sm>span {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
}
.pagination>a, .pagination>span , .pagination>td>span, .pagination>td>a
{
    color: #3F6316;
    line-height: 1;
    padding: 6px 8px;
    position: relative;
    float: left;
    margin-left: -1px;
    text-decoration: none;
    border: none;
    font-weight: bold;
    font-size: 20px;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    background-color: #BDD7BC;
    color: #3F6316;
    border-color: #BDD7BC;
    z-index: 3;
    cursor: default;
}

.pagination>li {
    display: inline;
}

.pagination-sm>li:first-child>a, .pagination-sm>li:first-child>span {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
.pagination>li:first-child>a, .pagination>li:first-child>span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover {
    color: #777;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd;
}
.pagination-sm>li>a, .pagination-sm>li>span {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
}
.pagination>li>a, .pagination>li>span 
{
     color: #3F6316;
     line-height: 1;
     padding: 6px 8px;
     
    position: relative;
    float: left;
    
    margin-left: -1px;
    
   
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    background-color: #BDD7BC;
    color: #3F6316;
    border-color: #BDD7BC;
    
    z-index: 3;
    
    cursor: default;
    
}






.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000000;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.2;
  filter: alpha(opacity=20);
}
.close:hover,
.close:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}
.modal-open {
  overflow: hidden;
}
.modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  -o-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}
.modal-content {
  position: relative;
  background-color: #ffffff;
  border: 1px solid #999999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  outline: 0;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000000;
}
.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0);
}
.modal-backdrop.in {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
  min-height: 16.42857143px;
}
.modal-header .close {
  margin-top: -2px;
}
.modal-title {
  margin: 0;
  line-height: 1.42857143;
}
.modal-body {
  position: relative;
  padding: 15px;
}
.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
.clickable {
  cursor:pointer;
}
@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }
  .modal-sm {
    width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}
.clearfix:before,
.clearfix:after,
.modal-footer:before,
.modal-footer:after {
  content: " ";
  display: table;
}
.clearfix:after,
.modal-footer:after {
  clear: both;
}
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.text-center{
    text-align:center;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.hidden {
  display: none !important;
}
.affix {
  position: fixed;
}









.cms-bullet-1
{
    list-style:none;}
.cms-bullet-1 li 
{   text-indent:0;
    
    }
.cms-bullet-1 li:before
{   
    content: '» ';
    font-size: 21px;
    color: #FBB040;
    font-family: 'Bitter', serif;
    margin: 10px 0px;
    margin-left:-20px;
    }
    
.cms-bullet-title-1
{
        font-size: 21px;
    color: #FBB040;
    font-family: 'Bitter', serif;
    margin: 10px 0px;
    
    text-decoration:none;
    font-weight: bold;
}
  
  .cms-bullet-2
{
    list-style:none;}
.cms-bullet-2 li 
{   text-indent:0;
    
    }
.cms-bullet-2 li:before
{   
    content: '» ';  
    font-size: 1.2em;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    margin: 0px;
    padding: 0px;
    color: #696969;
    font-weight: bold;
    margin-left:-20px;
    }
    
.cms-bullet-title-2
{
    font-size: 1.2em;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    margin: 0px;
    padding: 0px;
    color: #696969;
    font-weight: bold;
    }
    
    
.nav {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-footer:before, .modal-footer:after {
    display: table;
    content: " ";
}
.nav-tabs > li {
    margin-left: 2px;
}
.nav-tabs > li {
    float: left;
    margin-bottom: -1px;
}

.nav > li {
    position: relative;
    display: block;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #555;
    cursor: default;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a
{
    background-color:#5C8727;
    }
.nav-tabs > li > a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
}

.nav > li > a {
    position: relative;
    display: block;
    padding: 10px 15px;
}

.tab-content > .active {
    display: block;
}
.tab-content > .tab-pane {
    display: none;
}

.tab-pane.active {
    display: block;
}
.my-courses-box-tab 
{
    background-color: #3d4a30;    
    color: White!important; 
    padding: 1px 10px 2px 10px!important;    
    font-weight: 500;
    }

.nav-tabs {
    border-bottom: 1px solid #ddd;
    min-height: 38px;
}

.semester-btn{
	margin-left:10px;
	float:left;
	padding:5px;
	text-align:center;
	min-width: 10%;
	background-color:#3F6316;	
	color: #FFF;
}

.semester-btn-active{
	background-color: #B2B2B2;

}


.courses-filter{
	width: 100%;
	float: left;
	padding:15px;
    border-radius: 15px;
    background-color: #f1efef7a;
	margin-bottom:20px;
}


.current-letter{
	color: #ff6400!important;
}
.add-cart-btn{
    float:right;
    font-size: 21px;
    margin:-3px -11px 0px 5px;
    padding: 3px 3px 3px 5px;
    color:#5C8727;
    background-color: #ffffff;
    border: 2px solid #466a1a;
	background:#ffffff;
    border-radius: 5px;
    -moz-box-shadow: 2px 2px 9px #b0b0af;-webkit-box-shadow: 2px
	 2px 9px #b0b0af;
}
 .add-cart-btn:hover, .add-cart-btn:active, .add-cart-btn:focus{
    background-color: #ffffff!important;
    border-color: #46691a!important;
    background:#ffffff!important;
    color:#46691a;
}
.add-cart-btn i,  .add-cart-disabled i {
    display: inline-block;
}
.course-status-waitlist .add-cart-btn{
    color:#e1a74f;
    background-color: #ffffff;
    border-color: #e1a74f;
	background:#ffffff;
}
/* .course-status-waitlist .add-cart-btn i, .course-status-waitlist .add-cart-disabled i {
    margin-left: 4px;

} */
.course-status-waitlist .add-cart-btn:hover,.course-status-waitlist .add-cart-btn:active,.course-status-waitlist .add-cart-btn:focus{
    background-color: #ffffff!important;
    border-color: #cf9640!important;
    background:#ffffff!important;
    color:#cf9640;
}
.add-cart-disabled, .add-cart-disabled:hover{
    cursor: default !important;
    background-color: #AAA;
    border-color: #AAA;


	background:#AAA;

    float:right;
    font-size: 21px;
    margin:-3px -11px 0px 5px;
    padding: 3px 3px 3px 5px;

    border: 2px solid #466a1a;
	
    border-radius: 5px;
}


.add-cart-btn-calendar{
    color:#ffffff;
    background-color: #5C8727;
    border-color: #5C8727;
    width: 19px;
    height:19px;
    font-size: 11px;
    display: inline-block;
	-moz-box-shadow: 2px 2px 9px #b0b0af;-webkit-box-shadow: 2px
	 2px 9px #b0b0af;
	-border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; 
    border:0px; 
	background:#5C8727;
}
.add-cart-btn-calendar:hover, .add-cart-btn-calendar:active, .add-cart-btn-calendar:focus{
    background-color: #46691a!important;
    border-color: #46691a!important;
    background:#46691a!important;
    color:#ffffff;
}
.add-cart-btn-calendar i {
    display: inline-block;
    margin-left: 4px;
    margin-top: 4px;
}
.add-wait-btn-calendar{
    color:#ffffff;
    background-color: #fbb040;
    border-color: #fbb040;
    width: 19px;
    height:19px;
    font-size: 11px;
    display: inline-block;
	-moz-box-shadow: 2px 2px 9px #b0b0af;-webkit-box-shadow: 2px
	 2px 9px #b0b0af;
	-border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; 
    border:0px; 
	background:#fbb040;
}
.add-wait-btn-calendar:hover, .add-wait-btn-calendar:active, .add-wait-btn-calendar:focus{
    background-color: #e5a23f!important;
    border-color: #e5a23f!important;
    background:#e5a23f!important;
    color:#ffffff;
}
.add-wait-btn-calendar i {
    display: inline-block;
    margin-left: 5px;
    margin-top: 4px;
}

.add-cart-calendar-disabled, .add-cart-calendar-disabled:hover
{
    color: #AAA;
    cursor: default !important;
}
.courses-view-btn{
	color:#427b00;
}

/* .kings-colour, .queens-colour, .prince-colour {
  color:white;
} */
.kings-colour{
	border-left: 15px solid #c57943;
}
.prince-colour{
	border-left: 15px solid #5c9e9e;
}
.queens-colour{
	border-left: 15px solid #c55676;
}

.calendar-cell{
	padding:5px;
}
.calendar-cell-table {
	 border-spacing: 0px;
     width:100%;
}
.calendar-cell-table tr:hover{
    background-color: white;
    border-radius: 6px 6px 6px 6px;
	-moz-border-radius: 6px 6px 6px 6px;
	-webkit-border-radius: 6px 6px 6px 6px;

}
.cal-county-col {

	padding-right: 0px;
	padding-left: 5px;
	border: 0px solid white;

    width:10px;

}


.cal-time-col {
	width: 35px;
	padding:5px;
    line-height: 10px;
    text-align: right;
}

.cal-cart-col {
	padding-right:5px;
	vertical-align: top;
	padding-top:4px;
	width: 13px;
}
.cal-title-col{
	width: 100%;
}
.cal-arrow-col {
	vertical-align: top;
	padding:5px;
}

.popup-msg-main {
	text-align: center;  
    color: #3F6316;
}

.popup-close-btn{
	width: 15px;
}








.reg-warning 
{
    background-color:#F15921;
    width:955px;
    height:auto;
    padding: 10px;
    font-weight:bold;
    font-size:20px; 
    color:white;
    margin-top:20px;
    margin:auto;
    position:relative;
    -webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
  box-shadow: 3px 3px 8px #b0adad;
}

.reg-warning a:visited {
  color: white;
  text-decoration: underline;
}

.reg-warning a:link {
  color: white;
  text-decoration: underline;
}
.img-warning 
{

 display:inline-block;
   
}

.p-warning 
{
     font-weight:bold;
    font-size:16px; 
    color:white;
    width:82%;
   
 
    display:inline-block; 
      margin-left: 10px; 
}

.cart-warning 
{
     font-weight:bold;
    font-size:20px; 
    color:white;
    width:10%;
   text-align:center;
    
    display:inline-block; 
      margin-left: 10px; 
      vertical-align:top;
}


.course-details-img {
	padding:5px;
    max-height:250px;
    max-width:24%;
}

.top-alert-msg-red-payment
{
    float:right;
    background-color:#ED1C24;
    display:block;
    text-align:center;
    padding:4px 15px 4px 15px;
    border-radius: 0px 0px 20px 20px;
    -moz-border-radius: 0px 0px 20px 20px;
    -webkit-border-radius: 0px 0px 20px 20px;
    border: 0px solid #000000;
    color:White;
    font-family: 'Bitter', serif;
    font-weight: 600;
    font-size:13px;
    letter-spacing:1px;
    margin-right:75px;
    margin-top: -2px;
    margin-top:-3px;
    border-top:2px solid #a21d22;
}

.top-alert-msg-orange-course
{
    float:right;
    background-color:#F57F3C;
    display:block;
    text-align:center;
    padding:5px 15px 5px 15px;
    border-radius: 0px 0px 20px 20px;
    -moz-border-radius: 0px 0px 20px 20px;
    -webkit-border-radius: 0px 0px 20px 20px;
    border: 0px solid #000000;
    color:White;
    font-family: 'Bitter', serif;
    font-weight: 600;
    font-size:13px;
    letter-spacing:1px;
    margin-right:20px;
    margin-top:-3px;
    border-top:2px solid #c1540b;

}

.top-alert-msg-red-course
{
    float:right;
    background-color:#ED1C24;
    display:block;
    text-align:center;
    padding:5px 15px 5px 15px;
    border-radius: 0px 0px 20px 20px;
    -moz-border-radius: 0px 0px 20px 20px;
    -webkit-border-radius: 0px 0px 20px 20px;
    border: 0px solid #000000;
    color:White;
    font-family: 'Bitter', serif;
    font-weight: 600;
    font-size:13px;
    letter-spacing:1px;
    margin-right:50px;
    margin-top:-5px;
    border-top:2px solid #a21d22;
}

.icon-red{
	color:#ED1C24;
}
.icon-orange{
	color:#F57F3C;
}
.icon-green{
	color: #8dc737;
}

.table-star 
{
    float:right;
    }
    
@media (min-width: 1200px){
.listing-photos-cms .listing-photo-container {
    width: 27%!important;}}
    
    
.welcomeicons:hover
{
  opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */}
    


/* for "tables" made of divs */
.fakeTable 
{
  	display: grid;
}
.fakeTableRow
{
  	clear: both;
}
.fakeTableCell
{
 	float: left;
 	height: 18px;
/* 	overflow: hidden; */
  	padding: 5px 2%;
}
.fakeTableCell:first-child{ width: 26%; }
.fakeTableCell:last-child{ width: 66%; }
.fakeTableRow:not(:last-child) .fakeTableCell{ border-bottom: 1px solid #bbd2df; }

.welcomeicons
{
  position:relative;
  display:inline-block;
  height:100%;
}
.welcomeicon-label
{
  font-size:16px;
  color:white;
  font-weight:400;
  position:relative;
  display:inline-block;
  transform:translate3d(0,-50%,0);
}

.cart-badge
{
    background-color: #8dd330;
    border-radius: 1000px;
    padding: 0px 4px;
    position: absolute;
    top: 0;
    right: 0;
    box-shadow: -1px 1px 3px rgba(0, 0, 0, 0.75);
}
.coursedetailstable .course-status-Open{
    color:#5C8727!important;
}
.course-status-open
{
    /* background-color:#cee1d0!important; */
    background-color:#5C8727!important;
    color:#ffffff;
}
.course-status-open .term-td img{
    filter: invert(97%) sepia(88%) saturate(515%) hue-rotate(27deg) brightness(85%) contrast(85%);
}
.coursedetailstable .course-status-Wait{
    color:#ffc165!important;
}
.course-status-waitlist
{
    background-color:#ffc165!important;
}
.course-status-waitlist .term-td img
{
filter: invert(69%) sepia(13%) saturate(2227%) hue-rotate(354deg) brightness(93%) contrast(78%);}
.coursedetailstable .course-status-Closed{
    color:#7db9b9!important;
}
.course-status-closed
{
    background-color:#ace3e3!important;
 

}
.coursedetailstable .course-status-Cancelled{
    color:#e55151!important;
}

.course-status-cancelled
{
    background-color:#e55151!important;
    color:#ffffff;
 

}
.course-status-open .onedaydate .one-day-icon, .course-status-cancelled .onedaydate .one-day-icon
{
    filter: invert(1);
}
.course-status-disabled
{
    background-color:#f1efef7a!important;
}

.cms-ddl > option
{
    color: #000000;
    font-family: 'Bitter', serif;
    font-size:1.063em;
}

.sort-link
{
    color: #FFF;
}

.sort-link:hover
{
    color: #BDD7BC;
}

.sort-link > .fa
{
    font-size: 200%;
}

.one-day-icon {
    width: 19px;
    height: 20px;
    transform: translate(-1px,2px);
    background: url("../images/one-day.png");
    background-size: 100% 100%;
    display: inline-block;
    margin-left: 3px;
}
a:hover .one-day-icon 
{
    background: url("../images/one-day-hover.png");
    background-size: 100% 100%;
}
.one-day-icon--large 
{
    width: 20px;
    height: 22px;
    transform: translate(0,4px);
    margin-left: 0;
}

.online-icon {
    width: 19px;
    height: 20px;
    transform: translate(-1px,2px);
    background: url("../images/online.png");
    background-size: 100% 100%;
    display: inline-block;
    margin-left: 3px;
}

.hybrid-icon {
    width: 19px;
    height: 20px;
    transform: translate(-1px,2px);
    background: url("../images/hybrid.png");
    background-size: 100% 100%;
    display: inline-block;
    margin-left: 3px;
}

.in-person-icon {
    width: 19px;
    height: 20px;
    transform: translate(-1px,2px);
    background: url("../images/inperson.png");
    background-size: 100% 100%;
    display: inline-block;
    margin-left: 3px;
}

.cost-icon {
    width: 19px;
    height: 20px;
    transform: translate(-1px,2px);
    background: url("../images/cash.png");
    background-size: 100% 100%;
    display: inline-block;
    clear:both;
    margin-top:2px;
    margin-bottom:3px;
    filter: grayscale();
}

a:hover .cost-icon {
    background: url("../images/cash-hover.png");
    background-size: 100% 100%;
}

#BodyContent_dgCourseTerms_ddlTermDays_0, #BodyContent_dgCourseTerms_ddlTermDays_1, #BodyContent_dgCourseTerms_ddlTermDays_2 {
    height: 5.5em;
}

.cms-course-icons {
    float: right;
}
.cms-course-icons > * 
{
    display: inline-block;
    float: left;
    color: #427b00;
    margin-left: 5px;
    transform: none;
}
.cms-course-icons > .fa 
{
    margin-top: 2px;
}

a.aspNetDisabled{
    font-weight: normal;
}

@media screen {
    .printOnly{
        display: none !important;
    }

}
.highlighted{
    font-size:115%;
    font-weight:bold;
}

.min-height-200{
    min-height:200px;
}

.history-item h2{
    margin-top:0px!important;
    font-size:30px;
}

.large{
    font-size: 140%;
}

.delete-icon{
    cursor: pointer;
}

.onedaydate .onedaytext{
    font-size: 12px;
    line-height: 0px;
    opacity:0.8;


}
.onedaydate .one-day-icon{
    width:12px;
    height:12px;
    opacity:.7;
   
}
.term-td{
    text-align: center;
    padding:7px;
    min-height: 23px;
    
}
.term-td img{
    float:right;
    filter: invert(67%) sepia(4%) saturate(2752%) hue-rotate(131deg) brightness(86%) contrast(88%);
}
.coursestatuslabel{
    line-height: 10px;
    text-transform: uppercase;
    display: block;
    width: 100%;
    font-weight: bold;
}
.sm-icon{
    font-size: 12px!important;
}
.md-icon{
    font-size: 15px!important;
}

.lg-icon{
    font-size: 20px!important;
}

.xl-icon{
    font-size: 25px!important;
}
.legend .cost{
 filter:grayscale();
}
.courselistingtable{
    border-width:0px;
    font-size:14px;
  
    width:100%;
}

.courselistingtable td{
    background-color: #f1efef7a;
}
.courselistingtable .cmsdatagridmainAlt td{
    background-color: white!important;
    font-weight: bold;
}
.course-details-description-facil h3{
    margin:0px!important;
    font-size:17px;
}
.coursedetailstable {
    width: 75%;
}
.coursedetailstable td{
    padding:10px;
}

.btn-primary{
    color:white;
}
.venueCapacity{
    font-size: 10px;
}