/*
/*
Theme Name: MGCS Custom Template
Theme URI: http://marcgottlieb.com
Description: Customized Client theme
Author: Marc Gottlieb Creative Solutions
Author URI: http://marcgottlieb.com
version: 1.0
Tags: two-column, widget-ready,blank
*/

/* basics */

/* Tablet Portrait (768px) */

*{font-family:'Raleway';font-size:1em;margin:0; padding:0;}
body{
	margin:0 0 0 0;
	background-color:#fff;
	background:#fff;
	width:100%;
}

h1 {}
h2 {font-size:2.2em;color:#003768;font-weight:700;padding:0 margin:0}
h3{font-size:1.6em;display:inline;}
h4{font-size:1.1em;color:#003768;font-weight:700;line-height:normal}

img{ border: none; padding:0; }
img a{border:none;}

img.left{ float: left; border: none; padding: 6px 0 0 0; }
img.right{ float: right; border: none; padding: 0 0 0 6px; }

blockquote{
	border-left:1px solid #A5ABAB;
	margin:15px;
	padding:0 12px 0 12px;
	}

code{
	font-family:"Courier New", Courier, monospace;
	}


/* links */

a{
	color:#000;
	text-decoration:none;
	}

a:hover{text-decoration: underline;}



/* container */


#container {
	width: 960px;
	margin: 0 auto;
	padding:0;
	background:#fff;
	color:#333;
	overflow: hidden;
	}
	
/* header */

#header {
	background:#e6e6e6;
  	width: 960px; 
  	height: 100px;
	color: #fff; 
	}

#header h1{
	padding:20px 0 0 16px;
	margin:0;	
	}
	
#header h1 a{color: #404040; text-decoration: none;}
#header h1 a:hover{color: #666; text-decoration: none;}

#header h2{
	color:#333;
	padding: 0 0 0 18px;
	margin:0;	
	}

/* main menu */

/* content */
#content {
	float:left;
	width:530px;
	overflow: hidden;
	margin:14px;
	}

.post {
	margin:0;
	padding:0;
	line-height: 14pt;
	}
	
.post h2{
	line-height:normal;
	}
	
.post h2 a{
	color: #000;
	text-decoration: none;
	}
	
.post h2 a:hover{
	color: #777;
	text-decoration: none;
	}



.entry{background-color:#cedfed;border-top: 3px solid #003768;border-bottom: 3px solid #003768;margin:1% auto;padding:2%;display:inline-block}
.entry ul {margin-left:1em}
.entry ul li {margin-left:1em;line-height:normal}

.postmetadata{
	clear: both;
	background:#F7F7F7;
	padding:6px;
	margin: 20px 0;
	}
		
.alignleft a{float:left; margin:25px 0;}
.alignright a{float:right; margin:25px 0;}


/* sidebar */

#sidebar {
	max-width:17%;
	margin-left:1%;
	border-left:2px solid #9FBCCA;
	padding-left:.2em;
	display:inline-block;
	vertical-align:top;
	}


/* comments */


#commentform{
	background:#fff;
	margin:0;
	padding:0;
	}
	
#commentform p{
	color: #000;
	}
	
#commentform a{color: #000; text-decoration: none; border-bottom: 1px dotted #465D71;line-height: 14pt;}
	
#commentform h3{
	font-size: 10pt;
	font-weight: 300;
	color: #000;
	margin:0;
	padding:0;
	}
	
#comment{
	width:80%;
	}
	

#comments{margin:0; padding:0}
	
ol.commentlist {list-style-type: none; margin:0; padding:0;}

.avatar{float:left; margin:0 12px 0 0;}

ol.commentlist li {
	background: #fff;
	margin:10px 0;
	padding:5px 0 5px 10px;
	list-style-type:none;
	}

ol.commentlist li.alt {background: #eee;}
ol.commentlist li p {margin: 6px 0 6px 0; padding: 0 12px 0 0; line-height: 14pt;}

ol.commentlist a {color:#000;}

cite {
	font-size: 9pt;
	font-weight: bold;
	font-style: normal;
	}
	
cite a{color: #000; text-decoration: none; border-bottom: 1px dotted #465D71;}




/* search */
#searchwrapper {
	text-align:right;
}

#searchform{
	padding:0;
	margin:14px 0;
	display:inline;
	font-size:0.8em;
	position:relative;
	right:0;
	
	}

#searchform input#s{
	margin:0;
	padding:2px;
	border:1px solid #000;
	}

#searchform input#searchsubmit{
	border:none;
	background:#333;
	color:#fff;
	text-transform:lowercase;
	}


	
/* misc */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
	
.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}




/* footer */

#footer {
	background:#000;
	clear: both;
	width: 100%;
	}
	
#footer p{padding:14px 0;margin: 0; color: #eee; text-align:center;}
#footer a{color: #BCBCBC;text-decoration: none;}
#footer a:hover{color: #5D5D5D;text-decoration: underline;}

strong {font-weight:700;}
#contentwrapper{
	max-width:1000px;
	margin-left:auto;
	margin-right:auto;
	padding-left:10px;
	}

#socmedwrap{width:100%;background-color:#a5cdef}
#socmed{
	max-width:1000px;
	height:1.7em;
	text-align:right;
	color:#003768;
	margin:0 auto;
	font-size:.7em;
}
#socmed li{ list-style-type:none;display:inline-block;margin:0 .3em;}
#socmed li a:hover{ text-decoration:none;color:#eee}
#socmed img{ vertical-align: bottom;padding-right:.3em;}

.socmedlink{color:#003768;text-decoration:none;font-size:9px;}

#sponsor{
	height:18px;
	background-color:#cde7c7;
	text-align:left;
	padding-top:.2em;
	font-size:.8em;font-weight:700;
	}
#top{
	max-width:1000px;
	margin:0 auto;
	margin-bottom:.3em;
	}

#usertop{
	height:148px;
	margin-bottom:0px;
	text-align:left;
	}
#pagetop{
	height:186px;
	margin-bottom:0px;
	text-align:left;

	}
#calendar{
	float:left;
	max-width:30%;
	}
#logo{
	display:inline;
	cursor:pointer;
	width:30%;
	}
#adv{
	display:inline-block;
	float:right;
	width:70%;
	}

#menuwrap{width:100%;background-color:#86bff2;border-bottom:1px solid #003768;}
#menu{
	max-width:1000px;
	height:29px;
	margin:0 auto;
}
#menu li {
	list-style-type: none;
	float:left;
	padding:5px 10px;
}

#menu li a {
	font-size:1.15em;
	font-weight:600;
	color:#003768;
	text-transform:lowercase;
	line-height:.9em;	
	margin:5px 0;
	text-decoration:none;
}
#menu li:hover{background-color:#acd1f2;}

.slidermenu{
	border-bottom:1px solid #87a4ab;
	vertical-align:middle;
	display:none;
	text-align:left;
	max-width:1000px;
	height:30px;
	margin:0 auto;
	background-color:#acd1f2;
}
.slidermenu ul li {
	list-style-type: none;
	display:inline-block;
	margin:5px 10px;
}

.slidermenu ul li a{
	font-size:.9em;
	font-weight:400;
	color:#003768;
	text-transform:lowercase;
	margin:5px 0;
	text-decoration:none;
}

.sliderlogin{background-color:#e7d7c6;}


#hpcontact{
	height:44px;
	vertical-align:middle;
	padding-left:0px;
	border-bottom:1px solid #87a4ab;
	background-position: center center;
}
#usercontact{
	height:44px;
	vertical-align:middle;
	padding-left:15px;
	background-color:#ffffff;
	border-bottom:1px solid #87a4ab;
}
#userdash{
	max-width:1000px;
	margin:0 auto;
	background-color:#ffffff;
	border-bottom:1px solid #87a4ab;
}
#statusbar{
	padding-top:10px;
	vertical-align:middle;
	height:44px;
	padding-left:70px;
	background-color:#EF8201;}

#hpmidnav{
	height:36px;
	padding-left:70px;
	border-bottom:1px solid #87a4ab;
	vertical-align:middle;
	padding-top:8px;
	max-width:1000px;
	margin:0 auto;
}

#newsletterdiv{
	height:36px;
	padding-left:70px;
	border-bottom:1px solid #87a4ab;
	vertical-align:middle;
	padding-top:8px;
	display:none;
	text-align:left;
	max-width:1000px;
	margin:0 auto;

}

#logindiv{
}
#programsdiv{
}
#banners {
	max-width:400px;
	display:inline-block;
}
#hprotator{
	display:inline-block;
	margin:0 auto;
	vertical-align:top;
	margin-bottom:1%;
}
#hprotator img{
	width:100%;
}
#banners1{
	display:inline-block;
	margin:0 auto;
}
#banners1 div div{margin:2px;}

/*
#banners1 div div img{
	width:100%;
}

*/

#hpeduopp{
	max-width:1000px;
	margin:0 auto;
}
#hpbuttonnav{
	max-width:1000px;
	margin:4px auto;
}
#hpbuttonnav div {display:inline-block;margin:.7em}

#hpmain{
	max-width:1000px;
	margin:0 auto;
	margin-top:1%;
}

#registermain{
	max-width:1000px;
	margin:0 auto;
	margin-top:1%;
}

#level2main{
	padding-top:0px;
	padding-left:0px;
	padding-right:0px;
	background-color:#EFE1BC;
	background-repeat:no-repeat;
	border-bottom:1px solid #87a4ab;
	text-align:left;
}
#level2content{
	padding-top:15px;
	padding-bottom:15px;
	padding-left:30px;
	padding-right:30px;
	min-height:270px;
	text-align:left;
}

#pagemain{
	width:980px;
	padding-top:0px;
	padding-left:0px;
	padding-right:0px;
	background-color:#EFE1BC;
	border-bottom:1px solid #87a4ab;
	text-align:left;
}
#pagecontent{

	padding-top:15px;
	padding-bottom:15px;
	padding-left:90px;
	padding-right:90px;
	min-height:270px;
	text-align:left;
}
#classmain{
	min-height:360px;
}
#dashmain{
	min-height:360px;
}
#main{
	padding-top:15px;
	padding-bottom:15px;
	padding-left:70px;
	padding-right:20px;
	background-color:#ffffff;
	border-bottom:1px solid #87a4ab;
	text-align:left;
}

#dashdiv{min-height:500px;padding:0 10px;}

#hpdyninfo{
	vertical-align:top;
	display:inline-block;
	margin:0 auto;
	margin-right:.5%;
	width:59%;
}
.lineitem {padding:.3em;}
.lineitem .hp_courseimage {display:inline-block;width:400px;height:210px}
.lineitem .details {padding-left:1em;max-width:150px;display:inline-block;vertical-align:top}

#loginslider {display:inline;margin:5px 10px;font-size:0.9em}
#classfeed{
	background-color:#86bff2;
	width:100%;
	height:80%;
	padding:1%;
	background-image:url(images/upcomingclasses.svg);
	background-repeat:no-repeat;
	background-position:bottom right;
	background-size: 40%;
}
#blogfeed_wrapper{margin:1em auto}
#blogfeed{
	background-color:#86bff2;
	width:400px;
	background-image:url(images/latestarticles.svg);
	background-repeat:no-repeat;
	background-position:bottom right;
	background-size: contain;
	text-align:left;
}


#footerlinks{
	background-color:#86bff2;
	text-align:left;
	padding:0.5%;
}
.footerlinkstable{
	max-width:95%;
	margin:0 auto;
	list-style-type:none;
	text-decoration:none;
}
.footerlinkstable li{
	font-weight:700;
	text-decoration:none !important;
	vertical-align:top;
	display:inline-block;
	width:16%;
}

.footerlinkstable .sub-menu li{
	display:block;
	font-weight:400;
	line-height:1.7em;
	width:100%;
	font-size:.8em;
}


.footerlinkcattitle{
	
	font-size:12pt;
	font-weight:700;
	color:#f2e3bc;
	text-transform:uppercase;
	text-decoration:none;
}
.footerlinks{
	color:#f2e3bc;
	font-size:1em;
	text-decoration:none;
}
.footerlinks:hover{
	text-decoration:underline;
	color:#ffffff;
}

#atidlogo{
	background-image: url(images/atidlogo.png);
	background-repeat:no-repeat;
	background-position:bottom center;
	width:112px;
	height:84px;
	cursor:pointer;
	display:inline-block;
	
	}

#teilogo{
	background-image: url(images/logo_tei.png);
	background-repeat:no-repeat;
	width:120px;
	height:84px;
	margin-left:70px;
	margin-top:10px;
	cursor:pointer;
	display:inline-block;
	float:right;
	}
	
#pagetitle{	width:90%;
			text-align:right;
			display:inline;
			margin-top:40px;

}

#footer{
	margin-left:180px;
	text-align:left;
}

.nav {font-size:12px;color:#ffffff;font-weight:700;padding:4px 4px 4px 4px;margin:0px 14px 0px 0px;text-decoration:none;}
.nav:hover {background-color:#fb9fa1}

.apptnum{width:300px;font-weight:700;display:inline}
#appttim{width:300px;display:inline}
#apptopt{width:400px;}

#msglist{padding:10px;}

#userdashnextclassmeets{display:inline-block;width:40%;border-right:1px solid #E2D9C4;padding:.4em;vertical-align:top}
#userdashnextclassis {display:inline-block;width:55%;padding:.4em;vertical-align:top}

.topnavlink:hover {text-decoration:none;color:#ffffff}

.classes {color:#86bff2}
.blog {color:#293e6b;text-align:left}
.userscheddays {text-align:left;background-color:#FEFEF7;border:1px solid #C3B2A1;font-size:.8em}
.subtitle1{font-weight:700;font-size:1.2em;color:#293e6b;}

.subtitle2{font-weight:700;font-size:0.8em;color:#293e6b;margin-bottom:1em;}
.subtitle3{font-weight:700;font-size:1em;color:#293e6b;}
.subtitle3up{font-weight:700;font-size:0.9em;color:#293e6b;text-transform:uppercase;margin:0 4px;}
.subtitle3whup{font-weight:700;font-size:0.9em;color:#ffffff;text-transform:uppercase}
.subtitle3ltbr{font-weight:700;font-size:0.9em;color:#e8d9ca;text-transform:uppercase}
.subtitle3bkup{font-weight:700;font-size:0.9em;color:#000000;text-transform:uppercase}
.subtitle3gnup{font-weight:700;font-size:0.9em;color:#6a8012;text-transform:uppercase}

.subtitle4{font-size:0.6em;font-weight:700;color:#293e6b;text-align:left;text-decoration:none}
.subtitle4 a:hover{text-decoration:underline}

.subtitle5{font-size:0.5em;font-weight:700;color:#293e6b;text-align:left;text-decoration:none}
.subtitle5 a:hover{text-decoration:underline}

.subtitle11whup{font-weight:700;font-size:11px;color:#ffffff;text-transform:uppercase}

.toplogin {width:15%;height:15%;background-color:#5e96c8;color:#cde7c7;padding:1%;margin:1em;display:inline;float:right;border-radius:6px;text-align:center;font-weight:700;cursor:pointer;}
.userinfo{
	vertical-align:top;
	background-color:#5e96c8;
	border-right:1px solid #003768;
	display:inline-block;
	min-width:31%;
	max-width:33%;
	height:66px;
	padding:.3%;
	margin-top:.3%;
	font-size:0.7em;
}

.usericon {float:left;margin-right:0.9em;}

.userbkgclassicon{	
	background-image:url(images/user.classinfo.svg);
	background-repeat:no-repeat;
	background-position:bottom right;
	background-size: contain;  
}

.level2h2 {font-size:40px;font-weight:normal;color:#847653}
.page2header{padding-left:90px;text-align:justify;}



.userdashnav{
	border-left:1px solid #87a4ab;
	text-align:center;
	padding:0.4%;
}

.usernav {	
		font-size:0.8em;
		color:#1A232A;
		text-decoration:none;
		padding:1.4%;
		}

.menu-item-442{
	background-color:#c48f4e !important;
}
.menu-item-442:hover{background-color:#e2ac6a !important;}

.menudropdown a::after { 
    content: " \0025BC";
}

.navlogin{
	cursor:pointer;
	text-transform:lowercase;
	text-decoration:none;
	background-color:#5e96c8 !important;
	margin:0 !important;	
}

.navlogin a {	color:#cde7c7 !important;}
.navlogin:hover{opacity:.7;filter:alpha(opacity=70);}

.hpcontactblue{font-size:24px;color:#8babbd}
.hpcontactdkblue{font-size:24px;color:#002859;text-decoration:none}
.hpmidnavdkblue{font-size:20px;color:#002859;text-decoration:none}
.hpbuttonnav{padding:10px}
.edopps{
	padding-top:12px;
	padding-bottom:12px;
	color:#ffffff;
}
.edutext{font-size:13px;}

.title1{
	
	font-weight:700;
	font-size:15px;
}

.text, p, div, span, td, ol, ul{
	
	font-weight:400;
	font-size:1em;
}

a {color:#123466;text-decoration:none;}
a:hover{text-decoration:underline}

.errtext{
	
	font-weight:700;
	font-size:12px;
	color:#990000;
	display:block;
	border:1px solid #990000;
	background-color: #ffffff;
	padding:4px 6px 6px 4px;
	text-align:center;
}
.suctext{
	
	font-weight:700;
	font-size:12px;
	color:#00aa00;
	display:block;
}

.login{
	width:100%;
	margin-left:auto;
	margin-right:auto;
}

.loginbox{
	border:1px solid #000000;
	background-color:#ffffef;
	
	font-weight:400;
	font-size:12px;
}
.loginbox input{
	border:1px solid #000000;
	background-color:#dddddd;
	
	font-weight:400;
	font-size:12px;
}

.hpfeedboxlinks{
color:#000000;
text-decoration:none;
}

.hpfeaturedtitle{

font-weight:700;
padding-left:10px;
padding-right:10px;
padding-top:10px;
padding-bottom:10px;
color:#ffffff;
font-size:15px;
}
.hpfeaturedsubtitle{
font-weight:700;
padding-left:10px;
padding-right:10px;
color:RGB(201,173,116);
font-size:14px;
text-transform:uppercase;
}

.newcourse{font-size:15px;font-weight:700;color:#EF8201;}
.profilereddk{background-color:#603314;color:#eee8c5;font-size:15px;font-weight:700;height:25px;text-decoration:none;}
.profileredlt{background-color:#c8b7a2;padding-bottom:10px;}

.profilebluedk{background-color:#7e99aa;color:#eee8c5;font-size:15px;font-weight:700;height:25px;text-decoration:none;}
.profilebluelt{background-color:#d2d6cc;padding-bottom:10px;}

.bidbox{
	width:730px;
	padding:8px;
	border:3px solid #999900;
	background-color:#ffffef;
	
	font-weight:700;
	font-size:14px;
	text-align:center;
	margin:3px;
}
.bidbox input{
	border:1px solid #000000;
	background-color:#dddddd;
	
	font-weight:400;
	font-size:12px;
}

.usertable{
	background-color:#aabbcc;
	width:790px;
	padding:4px;
	margin:0px;
	border-spacing:0px;
	border:1px solid #aabbcc;
}

.eventstable{
	width:100%;
	background-color:#9A9A9A;
	padding:4px;
	margin:0px;
	border-spacing:0px;
	border:1px solid #9A9A9A;
	overflow:auto;
}
.docstablerow{
	background-color:#B26E6E;
}
.eventstypetable{
    background-color:#885555;
    width:790px;
    padding:4px;
    margin:0px;
    border-spacing:0px;
    border:1px solid #9A9A9A;
}

.locationtable{
	background-color:#cccc22;
	width:790px;
	padding:4px;
	margin:0px;
	border-spacing:0px;
	border:1px solid #cccc22;
}
.sectiontable{
	background-color:#ccddbb;
	width:790px;
	padding:4px;
	margin:0px;
	border-spacing:0px;
	border:1px solid #ccddbb;
}

.newuserlink{
	background-color:#aabbcc;
	border:1px solid #aabbcc;
	padding:4px 15px 4px 15px;
	margin:4px;
	color:#000000;
	text-decoration:none;
}
.newuserlink:hover{
	color:#000000;
	font-weight:700;
	padding: 4px 11px 4px 11px;
}

.newdoclink{
	background-color:#9A9A9A;
	border:1px solid #9A9A9A;
	padding:4px 15px 4px 15px;
	margin:4px;
	color:#000000;
	text-decoration:none;
}
.newdoclink:hover{
	color:#ffffff;

}

.newloclink{
	background-color:#cccc22;
	border:1px solid #cccc22;
	padding:4px 15px 4px 15px;
	margin:4px;
	color:#000000;
	text-decoration:none;
}
.newloclink:hover{
	color:#ffffff;

}

.newsectionlink{
	background-color:#ccddbb;
	border:1px solid #ccddbb;
	padding:4px 15px 4px 15px;
	margin:4px;
	color:#000000;
	text-decoration:none;
}
.newsectionlink:hover{
	color:#000000;
	font-weight:700;
	padding: 4px 8px 4px 10px;
}

.newpagelink{
	font-weight:700;
	background-color:#957D1B;
	padding-top:4px;
	padding-left:15px;
	padding-bottom:4px;
	padding-right:15px;
	margin:4px;
	color:#000000;
	text-decoration:none;
}
.newpagelink:hover{
	color:#d9d9ff;
	font-weight:700;
	padding: 4px 8px 4px 10px;
}
#userheader{background-color:#AABBCC;padding:2px 2px 2px 2px;border:1px solid #AABBCC}
#eventsheader{background-color:#9A9A9A;padding:2px 2px 2px 2px;border:1px solid #9A9A9A}
#eventstypeheader{background-color:#885555;padding:2px 2px 2px 2px;border:1px solid #885555}
#locheader{background-color:#cccc22;padding:2px 2px 2px 2px;border:1px solid #cccc22}
#calheader{background-color:#CCDDBB;padding:2px 2px 2px 2px;border:1px solid #CCDDBB}
#pageheader{background-color:#DDC565;padding:2px 2px 2px 2px;border:1px solid #DDC565}

#usertable{background-color:#DDEEFF;padding:7px 7px 7px 7px;border:1px solid #AABBCC;width:90%;height:200px;overflow:auto;}
#eventstable{background-color:#C9C9C9;padding:7px 7px 7px 7px;border:1px solid #9A9A9A;width:90%;height:200px;overflow:auto;}
#eventstypetable{background-color:#d6b4b4;padding:7px 7px 7px 7px;border:1px solid #885555;width:90%;height:200px;overflow:auto;}
#departmenttable{background-color:#FFFEC0;padding:7px 7px 7px 7px;border:1px solid #cccc22;width:90%;height:200px;overflow:auto;}
#calendartable{background-color:#EEFFDD;padding:7px;border:1px solid #CCDDBB;width:90%;height:200px;overflow:auto;}
#pagetable{background-color:#F5EED0;padding:7px;border:1px solid #DDC565;width:90%;height:200px;overflow:auto;}

.eventsrow{background-color:#C9C9C9}
.whiterow{background-color:#ffffff}

.calendartableheader{background-color:#293E6B;color:#EEE8C4;font-size:9px;text-align:center;text-transform:uppercase}
.calendarrow{background-color:#ccddbb}

.calendartitle{font-size:18px;color:#000000; background-color:#ECECEC;padding:4px;}
.calendartablemonthtitle{background-color:#333333;color:#ffffff;padding:10px;font-size:14px;font-weight:700;clear:left;}
.eventtitle, .eventtitle a{color:#333333;font-size:16px;font-weight:700;}

.addclasslink, .bloglink{color:#5D6AC8; text-transform:uppercase;text-decoration:none;font-weight:700;}
.addclasslink:hover{font-weight:700;}

.registeredlink {color:#A08862; text-transform:uppercase;text-decoration:none;font-weight:400;}
.registeredlink:hover{font-weight:700;}

.toplinks, .toplinks a {color:#ffffff; text-decoration:none;line-height:19px;}
.toplinks a:hover {text-decoration:underline}
.tabletitle{font-size:13px;color:#000000;font-weight:bold}
.tabletitle a{font-size:13px;color:#000000;font-weight:bold}
.tabletitle a:hover{font-size:13px;color:#e0e0e0;font-weight:bold}


#totalbid, #errstr{display:inline}
#prizetable {width:800px;height:160px;overflow:auto}


.mainh2{color:#9A9A9A;}
.mainh3{color:#333333;display:inline;font-size:18px}

.classresourceheader {font-size:26px;font-weight:300;color:#ffffff;font-style:italic}
#catnav{display:inline;margin-top:7px;margin-left:-10px;}
#catnav{display:inline;margin-top:7px;margin-left:-10px;}
.catnav {font-size:11px;text-decoration:none;color:#628BCB;}
.selcatnav1,.selcatnav2,.selcatnav3,.selcatnav4,.selcatnav5,.selcatnav6,.selcatnav7,.selcatnav8,.selcatnav9 {font-weight:bold;background-color:#aaaaaa}
.button1, .button1 a {background-color:#666666; border:0px; padding:2px; margin:2px;font-size:11px;color:#000000;text-decoration:none}
.button1:hover {background-color:#4D4DFD; border:0px; padding:2px; margin:2px;font-size:11px;color:#ffffff}

.statusbarlink{font-size:11px; background-color:#EFB167;padding:11px;color:#CE7742;text-decoration:none;}
.searchfield{display:inline;margin:0px;font-size:10px; padding:2px;border:0px;background-color:#E9D4A3;color:#afafaf}
.searchfieldb, .smbktxt{display:inline;margin:0px;font-size:10px; padding:2px;border:0px;color:#000000}
.searchbutton{display:inline;font-size:11px; background-color:#CE7742;padding:4px;margin:0 0 0 0;color:#F8DD7F;border:0px solid;}

.sponsor{padding-left:10px;}

.line {
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #AEAEAE;
	color: #333333;
}

.adminbutton{font-size:14px; background-color:#3579DA;padding:4px;color:#ffffff;text-decoration:none;margin-right:3px;display:inline}
.smtext {font-size:10px;text-decoration:none}
.smtext_wh {font-size: 10px; color: #FFFFFF; line-height:18px;}
.smtext_bk {font-size: 11px; color: #000000; line-height:18px;text-decoration:none;}
.smtext_gy {font-size: 11px; color: #575757; text-decoration:none;}

label {
    display: block;
    min-width: 150px;
    float: left;
    margin-right:6px;
    margin-bottom:6px;
}

.gyborder{background-color:#86bff2;
	padding:1%;
	background-image:url(images/user.login.svg);
	background-repeat:no-repeat;
	background-position:bottom right;
	background-size: 55%;

}

.whborder{border:3px solid #ffffff}
.whblborder{border:3px solid #226ca0;background-color:#ffffff;padding:8px;}

.ocborder{border:3px solid RGB(245,242,219)}
.ocblborder{border:3px solid RGB(78,140,171);background-color:RGB(245,242,219);padding:8px;}


.brborder{border:8px solid RGB(181,161,137);background-color:RGB(250,247,228);}

.searchlinkteacher{color:#000000;text-decoration:none;font-size:11px;}
#confirmscreen{position:absolute;
				top:0px;
				left:0px;
				z-index:900;
				margin-left:auto;
				margin-right:auto;
				width:1024px;
				height:1200px;
				background-color:#000000;
				opacity:.35;
				filter:alpha(opacity=90);
				visibility:hidden;

}

.lgtext, .lgtext p {font-size:20px;}
.lgtext2, .lgtext2 p {font-size:17px;color:#91a1be}
.WYtext {font-weight:700;font-size:1.1em}

#confirmform{position:absolute;top:50px;z-index:950;margin-left:auto;margin-right:auto;width:400px;padding:10px;background-color:#ffffff;visibility:hidden;border:3px solid #000000;overflow:hidden;clip: rect(auto, auto, auto, auto);}

.calloutbox{margin-top:15px;width:300px;background-color:#ffffcc;border:1px solid #333333;padding:6px;padding-top:0px;}
.logoimg{float:right;border:0px;margin:5px;}
.reglink {font-weight:bold;font-size:14px;color:#333399}

.butorange{border: 0px; background-color:#e2ac6a;color:#003768;text-transform:uppercase;font-size:0.7em;font-weight:700;text-decoration:none; padding:0.5em;cursor:pointer;margin:0.4em 0; border-radius:.6em;}
.butorange:hover{text-decoration:none;background-color:#fe9501;}

.butgrayblue{border: 0px; background-color:#7E99AA;color:#ffffff;text-transform:uppercase;font-size:0.7em;font-weight:700;text-decoration:none; padding:0.5em;cursor:pointer;margin:0.4em 0; border-radius:.6em;}
.butgrayblue:hover{text-decoration:none;background-color:#7eaacc;}

.butdkblue{border: 0px; background-color:RGB(24,45,69);color:#ffffff;text-transform:uppercase;font-size:0.7em;font-weight:700;text-decoration:none; padding:0.5em;cursor:pointer;margin:0.4em; border-radius:.6em;}
.butgreen{border: 0px; background-color:#cde7c7;color:#204080;text-transform:uppercase;font-size:0.7em;font-weight:700;text-decoration:none; padding:0.5em;cursor:pointer;margin:0.4em; border-radius:.6em;}
.butgray{border: 0px; background-color:#cacaca;color:#acacac;text-transform:uppercase;font-size:0.7em;font-weight:700;text-decoration:none; padding:0.5em;cursor:wait;margin:0.4; border-radius:.6em;}
.butred{border: 0px; background-color:#9a0000;color:#ffffff;text-transform:uppercase;font-size:0.7em;font-weight:700;text-decoration:none; padding:0.5em;cursor:wait;margin:0.4em; border-radius:.6em;}

.fb-comments, .fb-comments iframe[style], .fb-like-box, .fb-like-box iframe[style] {width:  100% !important;display:block;z-index:2000;position:relative}
.fb-comments span, .fb-comments iframe span[style], .fb-like-box span, .fb-like-box iframe  span[style] {width: 100% !important;display:block;z-index:2000;position:relative}

.hasbegun{color:#cde7c7;}

.cpbutton {
	background-color:#B4CAEC;
	border:0;
	color:#628BCB;
	padding:0.4em 0.8em;
	font-size:0.9em;
}

.cpbutton:hover {
color:#ffffff;
}

#controlpanel{
	width:100%;
	margin-left:auto;
	margin-right:auto;
	background-color:#B4CAEC;
	min-height:300px;

}
#controlpanelcontrols{
	width:100%;
	margin-left:auto;
	margin-right:auto;
	background-color:#B4CAEC;
}

#userinfotable {width:80%;display:inline-block}
#userdashweeklycalendar {border:1px solid #87AABD;border-collapse:collapse;}

.coursestable {width:100%; border-collapse:collapse;padding:4px;border:3px solid #88664D}

.cal_cell{width:14%;padding:0;}
.cal_cell div{padding:4px;text-align:center}
.event_cls {vertical-align:top;text-align:right;background-color:#888888;color:#FFFFDD; font-weight:700;font-size:10px; text-decoration: none; cursor:pointer;}
.event_head{background-color: #9f9f9f;font-weight:bold;font-size: 13px;width:14%;cursor:pointer;height:16px;}
.cal_top{background-color:#628BCB;color:#ffffff;font-size: 16px;height:45px;text-align:center;cursor:pointer;font-weight:bold}
.event_col{vertical-align:top;text-align:right;background-color:#d7d7d7;color:#000000;font-size: 10px;height:45px;cursor:pointer}
.event_link, .event_link:hover, .event_link:visited {TEXT-DECORATION: none; font-weight:700;color:#ffffff;font-size:11px;cursor:pointer}


.msgheadernav, .msgheadernav a, .msgheadernav div{background-color:#603314;margin:0px;padding-right:0px;padding-top:6px;padding-bottom:6px;color:#ffffff;font-size:14px;font-weight:700;text-decoration:none}
.msgtableheader{font-size:13px;font-weight:700;text-align:left;display:inline;background-color:#b5986e;color:#fef8e0;padding-top:4px;padding-bottom:4px;margin:0px;whitespace:nowrap}

.prevnextbutton {font-size:16px;font-weight:700;text-decoration:none;padding:8px;}
.prevnextbutton:hover {background-color:#eee}

.itemcountdown {color:#cfe7c3;font-size:1.2em;font-weight:700;}

.divider {clear:both;height:1px;width:92%;margin:1em auto;background-color:#333}


.fbdiv {width:590px;margin:1em auto}

.scheduletooltip {max-width:30%;background-color:#ffffff;border:2px solid #293e6b;font-size:.85em;padding:.4em}

.maincontent {width:80%;display:inline-block;vertical-align:top}
.ui-helper-hidden-accessible {display:none;width:300px;height:300px;}

#archivefilter select {max-width:200px;}
.userinfobut {display:none}
.coursenextinfo {width:45%}

#studentJoinForm, #loginForm, #hostForm {vertical-align:top;display:inline-block;max-width:65%}
/*

SMALL SCREEN PHONE

*/
@media all and (min-width: 1px) and (max-width: 325px) and (orientation: portrait) {

body{max-width:320px;margin:0;}
#socmedwrap{display:none}
#socmed{display: none}
#top{width:auto;max-width:320px;margin:0;background-color:#fff;}	
#logo{width:40%;}
#Layer_1{width:45%;max-width:60%}
#adv{width:40%; display:inline-block; }
.advmobile{position:absolute;right:0;z-index:200;width:60%!important}
#menuwrap {max-width:320px;}
#menu {height:initial;width:auto;max-width:320px;}
#menu li {padding:0 4px}
#menu li a {font-size:0.79em}
#homelink, .menu-item-442 {display:none;}
.slidermenu {height:85px;font-size:.8em;padding:.8em}
#loginslider {margin:0px;}
#hpmain {max-width:320px;}
#hpmain h2 { font-size: 1.3em}
#hpdyninfo{width:auto;max-width:320px;font-size:1.5em}
#banners {width:auto;max-width:320px;}
#hprotator {display:inline;width:100%;max-width:320px;}
#hprotator img {max-width:320px;width:100%;margin:0 auto;padding-top:.7em}
#banners1 div div {display:inline;width:48%}
#banners1 img {width:100%;margin:1%}
#blogfeed{width:100%!important;max-width:320px;display:block!important}
.lineitem .hp_courseimage {height:auto;width:96%;}
.lineitem .hp_courseimage a img {width:96%;}
.lineitem .details {padding-left:0;font-size:.9em;max-width:98%}
#sponsor {display: none}
.toplogin {display:block;  float: none;  width: 77%;padding:.4em;margin:.3em}
#searchwrapper {text-align:left;clear:both}
#searchform {	font-size:.7em;
	font-weight:600;
	color:#003768;
	text-transform:lowercase;
	line-height:.9em;	
	margin:5px 0;
	text-decoration:none;
	display:block;clear:both}
#email,#password{clear:both;display:block;}
.hpmodulefeed,.slimScrollDiv{height:350px !important}
#hpcontact{font-size:.7em}
.hpcontactblue,.hpcontactdkblue {font-size:.7em}

.coursenextinfo {width:100%}
.userinfobut {width:100%;display:inline-block}
#mobilenavuser{float:right;width:30px;height:30px;overflow:hidden;background-color:#5e96c8;clear:both;border-radius:11px;vertical-align:bottom}
#mobilenavuser .userlogin {height:249%;width:222%;}

#adv .userinfo {display:none;}
.userinfo{
	vertical-align:top;
	background-color:#5e96c8;
	border-right:1px solid #003768;
	min-width:100%;
	max-width:100%;
	height:66px;
	padding:.3%;
	margin-top:.3%;
	font-size:0.7em;
}
.lineitem .hp_courseimage {height:auto;width:94%;}
.lineitem .hp_courseimage a img {width:94%;}
.subtitle1{font-size:1em}
.usernav {font-size:0.6em;line-height:auto}

#userform table{max-width:320px;font-size:.8em}
#userform table input, #userform table select, #state, #bio {max-width:70%}

#userinfotable {width:100%}
#usertimezone{font-size:0.7em}
#userdashnextclassmeets{font-size: .9em;display:inline-block;width:40%;border-right:1px solid #E2D9C4;padding:.4em;vertical-align:top}
#userdashnextclassis {font-size: .9em;display:inline-block;width:50%;padding:.4em;vertical-align:top}
#userdashweeklycalendar {font-size: .89em;border:1px solid #87AABD;border-collapse:collapse;}
.cal_cell{width:14%;padding:0;font-size:.89em}
.cal_cell div{padding:2px;text-align:center}
.coursestable{font-size:.7em}
#classmain{max-width:320px;}
#classmain img.attachment-full {width:100%;}
.maincontent {width:100%;display:inline-block;vertical-align:top}
#coursejumplinks {display:none;}
.classresourceheader {font-size:1.4em}
#sidebar{display:none;}
#courseresources {font-size:.6em}
#courseadmin, .butcourseadmin {display:none;}
.footerlinkstable li{width:15%;font-size:.6em;}
}


@media all and (min-width: 326px) and (max-width: 360px) and (orientation: portrait) {
	body{max-width:360px;margin:0;}
#socmedwrap{display:none}
#socmed{display: none}
#top{width:auto;max-width:360px;margin:0;background-color:#fff;}
#logo{width:40%;}
#Layer_1{width:45%;max-width:60%}	
.toplogin {display:block;  float: none;  width: 77%;padding:.4em;margin:.3em}
#adv{width:40%; display:inline-block; }
.userinfobut {width:100%;display:inline-block}
.advmobile{position:absolute;right:0;z-index:200;width:60%!important}
#menuwrap {max-width:360px;}
#menu {height:initial;width:auto;max-width:360px;}
#menu li a {font-size:0.7em}
.slidermenu {height:85px;font-size:.8em;padding:.8em}
#adv .userinfo {display:none;}
#searchwrapper {text-align:left;clear:both}
#searchform {	font-size:.7em;
	font-weight:600;
	color:#003768;
	text-transform:lowercase;
	line-height:.9em;	
	margin:5px 0;
	text-decoration:none;
	display:block;clear:both}
#hpmain {max-width:360px;}
#hpmain h2 { font-size: 1.3em}
#hpdyninfo{width:auto;max-width:360px;font-size:1.5em}
#banners {width:auto;max-width:360px;}
#hprotator {display:inline;width:100%;max-width:360px;}
#hprotator img {max-width:360px;width:100%;margin:0 auto;padding-top:.7em}
#banners1 div div {display:inline;width:45%}
#banners1 div div img {width:95%}
#classmain{max-width:360px;}
#blogfeed{width:100%!important;max-width:360px;display:block!important}
#coursejumplinks {display:none;}
#courseadmin, .butcourseadmin {display:none;}
#classmain{max-width:360px;}
img.attachment-full {max-width:80%;}
.maincontent {width:100%;display:inline-block;vertical-align:top}
#sidebar{display:none;}
#mobilenavuser{float:right;width:40px;height:40px;overflow:hidden;background-color:#5e96c8;clear:both;border-radius:11px;vertical-align:bottom}
#mobilenavuser .userlogin {height:249%;width:222%;}
#userdashnextclassis {width:49%}
.coursenextinfo {width:100%}
.userinfo{
	vertical-align:top;
	background-color:#5e96c8;
	border-right:1px solid #003768;
	min-width:100%;
	max-width:100%;
	height:66px;
	padding:.3%;
	margin-top:.3%;
	font-size:0.7em;
}
.lineitem .hp_courseimage {height:180px;}
.lineitem .details{max-width:100%}
.subtitle2 {margin-bottom:0.2em;font-size;.6em}
.hpmodulefeed,.slimScrollDiv{height:350px !important}
#courseresources {font-size:.6em}
#courseadmin, .butcourseadmin {display:none;}
#hpcontact{font-size:.7em}
.hpcontactblue,.hpcontactdkblue {font-size:.7em}
.footerlinkstable li{width:15%;font-size:.6em;}
}|
/*

Tablet * iPhone 6
@media all and (min-width: 326px) and (max-width: 768px) and (orientation: portrait) 
*/
@media only screen 
	and (min-width: 326px)
	and (max-width: 768px)
    and (min-device-width : 375px) 
    and (max-device-width : 667px) 
    and (orientation : portrait) 
    and (-webkit-min-device-pixel-ratio : 2)
{
body{max-width:768px;margin:0;}
*{font-size:1em}
#socmedwrap{display:none}
#socmed{display: none}

#top{width:auto;max-width:768px;margin:0;background-color:#fff}
#logo{width:60%;}
#Layer_1{width:60%;max-width:60%}
#logindiv{height:7em;padding:.6em}
#adv{width:40%; display:inline-block; }

#menuwrap {max-width:768px;}
#menu {height:initial;width:auto;max-width:768px;}
#menu li {padding:5px}
#menu li a {font-size:1.1em}
#homelink, .menu-item-442 {display:none;}
.menudropdown a::after { 
    content: " \0025BC";
	font-size:.8em;
}
.slidermenu {height:85px;}
#hpmain {max-width:768px;}
#hpdyninfo{width:auto;max-width:768px;font-size:1.5em}
#banners {width:auto;max-width:768px;}
#hprotator {display:inline;width:100%;max-width:768px;}
#hprotator img {max-width:768px;width:100%;margin:0 auto;padding-top:.7em}

#blogfeed{width:auto;max-width:768px}
.lineitem .hp_courseimage {height:auto;width:96%;}
.lineitem .hp_courseimage a img {width:96%;}
.lineitem .details {padding-left:0;font-size:.9em;max-width:98%}
.menu-item-442 {display: block}
.toplogin {display:block;  float: none; margin:.3em;  width: 77%;padding:.3em;}

#searchwrapper {text-align:left;clear:both}
#searchform {	font-size:.7em;
	font-weight:600;
	color:#003768;
	text-transform:lowercase;
	line-height:.9em;	
	margin:5px 0;
	text-decoration:none;
	display:block;clear:both}
#email,#password{clear:both;display:block;}
.hpmodulefeed,.slimScrollDiv{height:350px !important}
#hpcontact{font-size:.8em}
.hpcontactblue,.hpcontactdkblue {font-size:.9em}

.advmobile{position:absolute;right:0;z-index:200;width:40%}
.userinfobut {width:100%;display:inline-block}
#mobilenavuser{float:right;width:60px;height:60px;overflow:hidden;background-color:#5e96c8;clear:both}
#mobilenavuser .userlogin {height:138%;padding:.2em}
#adv .userinfo {display:none;}
.userinfo{
	vertical-align:top;
	background-color:#5e96c8;
	border-right:1px solid #003768;
	min-width:100%;
	max-width:100%;
	height:66px;
	padding:.3%;
	margin-top:.3%;
	font-size:0.7em;
}
#classmain{max-width:768px;}
.maincontent {width:100%;display:inline-block;vertical-align:top}
#coursejumplinks {display:none;}
#userinfotable {width:100%}
#userdashnextclassmeets{display:inline-block;width:40%;border-right:1px solid #E2D9C4;padding:.4em;vertical-align:top}
#userdashnextclassis {display:inline-block;width:50%;padding:.4em;vertical-align:top}
#sidebar{display:none;}
}

/* iPad 3 & 4 Landscape 
@media only screen and (width: px) and (width: 1024px) and (orientation: landscape) {
}
*/
/* iPad 3 & 4 Portrait 
@media only screen and (width: px) and (width: 1024px) and (orientation: portrait) {
}
*/

@media all and (min-width: 769px) and (max-width: 1025px) and (orientation: portrait) {
h2 {font-size:3em;}
h3 {font-size:3em;}
h4 {font-size:2em;}
#top{max-width:1025px}
#contentwrapper{width:100%}
#hpmain {width:100%;margin-left:1.1em;}
#hpdyninfo{min-width:98%;font-size:1.5em}
.prevnextbutton {font-size:1.5em;}
.lineitem {padding:.1em!important;}
.lineitem .details {font-size:1.3em;max-width:30%}
.lineitem .hp_courseimage {width:65%;}
.lineitem .hp_courseimage a img {width:100%;}
.toplogin {width:30%;height:25%;font-size:1.6em;}
#logo {min-width:50%}
#banners {width:95%;max-width:100%;display:inline;}
#hprotator {display:inline}
#hprotator img {width:98%;margin:0 auto;padding-top:.7em}
#menu {height:initial;width:100%}
#menu li {padding:.2em}
#menu li a {font-size:1em}
#homelink {display:none;}
#searchwrapper {text-align:left;clear:both}
#searchform {	font-size:1.15em;
	font-weight:600;
	color:#003768;
	text-transform:lowercase;
	line-height:.9em;	
	margin:5px 0;
	text-decoration:none;
	display:block;clear:both}

#courseadmin, .butcourseadmin {display:none;}
#email,#password{clear:both}	
.footerlinkstable .sub-menu li a{font-size:1.6em;line-height:2em}
.fbdiv {width:98%}
.g, .g-col {display:inline;padding:.2em}
#blogfeed{width:98%}
.hpmodulefeed,.slimScrollDiv{height:350px !important;}
#loginslider {margin:0px;}
}