/* ############## TEMPLATE LAYOUT & HEADER #################### */

body {margin:0;padding:0;}
#container {width:100%;margin:0 auto 40px auto;background:white;border-bottom: 1px solid #ccc;}
header {background-color:#003349;}
#headerInner {max-width:1055px;margin:auto;}

header #siteIdentity {width:280px;min-height:70px;float:left;margin:6px 0 6px 25px;padding:0}
header #siteSlogan {padding:2px;display:block;font-size:14px;}

#mainlogo {margin: 0 0 0 0;padding: 0;}
a#mainLogoLink {width:280px;line-height:1.2em;margin:0 0 15px 0;padding:3px;display:inline-block;color:#fff;text-decoration:none;font-size:15px;text-align:center;}
a#mainLogoLink:hover,a#mainLogoLink:focus,a#mainLogoLink:active {background:#023468;outline:#467310 1px solid; display:inline-block;}

/* ################## SOCIAL MEDIA LINKS ##################### */

#socialMedia {
	float:right;
    text-align:right;
	width:230px;
	margin:0 7px 0 0;
    padding:5px 24px 0 0;
	clear:none;
}

#socialMedia li {
    list-style-type:none;
    margin:0;
    padding:0;
	display:inline;
}

#socialMedia li a, #socialMedia li img {margin:0;padding:0;display:inline-block;color:#fff;padding:0;text-decoration:none;font-size:0.8em;line-height:1.5em;}

#socialMedia li#socialContact {position:relative; top:-8px;margin:0 0 0 4px;}
#socialMedia li#socialContact a {padding:0 4px;border:1px solid #a2b0c8;}
#socialMedia li#dequeLink a {position:relative;top:-8px;padding:0 4px;border:1px solid #a2b0c8;}

#socialMedia li.mobile,#mainnav li.mobile,#mainNavMobile li.mobile {display:none;}

#socialMedia li a:hover,#socialMedia li a:active,#socialMedia li a:focus {
	outline:2px solid #467310;color:#00539B;
}


#socialMedia li#socialContact a:hover,#socialMedia li#socialContact a:active,#socialMedia li#socialContact a:focus,
#socialMedia li#dequeLink a:hover,#socialMedia li#dequeLink a:active,#socialMedia li#dequeLink a:focus {
border:#467310 2px solid; display:inline-block;outline:none; margin:-1px;color:#00539B}

#socialMedia form {display:inline;margin:0;padding:0;}

#socialMedia #viewCart {margin:0 0 0 5px;}
#socialMedia #viewCart input:hover,
#socialMedia #viewCart input:focus,
#socialMedia #viewCart input:active {background:#023468;outline:#467310 1px solid; display:inline-block;}

#socialMedia .text, #socialMedia br {display:none;}

/* ################# MAIN NAVIGATION ####################### */

#mainNavMobile {display:none;}

#mainnav ul {
    clear:both;
	margin:0 auto;
    padding:0 0 0 5px;
    min-height:4.45em;
    min-height:4em;
	border-radius:5px;
	max-width:1010px;
	
}
#mainnav ul:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}

#mainnav li {
    list-style-type:none;
	float:left;
    margin:0;
    padding:0;
	width:120px;
}
#mainnav li#menuitem-465,#mainnav li#menuitem-3348  {width:140px;}


#mainnav ul a {
     display:block;
	 width:100%;
	 min-height:50px;
	 margin:0 auto;
     padding:10px 0 10px 0;
     background: #295272 url(/assets/images/template/dequeUniversity/bgNavGradient.jpg) repeat-x 0 0px;
     color:#fff;
	 font-weight:normal;
     font-size:15px;
     text-align:center;
     text-decoration:none;
     border-left:#001950 solid 1px;
     border-bottom:2px solid transparent;
	 text-shadow: 1px 1px 1px #000;
     line-height:22px;
	border:1px solid #A3C3D7;
	border-bottom:none;
}
#mainnav li.last a {border-right:#001950 solid 1px;}
#mainnav li.first a {;padding:20px 0 0 0;}
#mainnav li.active a {background: #7a95b1 url(/assets/images/template/dequeUniversity/bgNavGradientLight.jpg) repeat-x 0 0px;}

#menuitem-12 {display:none;}


#mainnav ul a:hover,#mainnav ul a:active,#mainnav ul a:focus {min-height:50px;background:#fdf6e7;color:#002879;/*outline:2px solid #467310;*/;border:none;outline:none;border-bottom: 1px solid #467310;margin:0; min-height:50px; text-decoration:none;text-shadow:none;}

#mainnav li.first a:hover,#mainnav ul .first a:active,#mainnav ul .first a:focus {/*outline:none;height:1.12em;background:#fdf6e7;color:#002879;border:2px solid #467310;margin:0 0 -2px 0;text-decoration:none;text-shadow:none; */   }

/*
#mainnav ul .last a:hover,#mainnav ul .last a:active,#mainnav ul .last a:focus {outline:none;height:1.12em;background:#fdf6e7;color:#002879;border:2px solid #467310;margin:0 2px 14px 0px;padding:18px 0 0 0;text-decoration:none;text-shadow:none;}*/






/* ###################### MAIN CONTENT ########################*/
main {max-width:1055px;margin:auto;min-height:500px}
#contentwrapper {margin:10px 30px}
#content:focus,#content:hover,#content:active {outline:0}
#content h1 {clear:both;font:28px/34px "Open Sans", "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;font-weight:normal;color:#225a9b;padding:10px 0 0 0;}
#content h2 {font:20px/28px "Open Sans", "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;font-weight:normal;color:#225a9b;/*border-top:1px solid #254973*/;padding-top:10px;margin-top:16px;}
#content h3 {clear:both;font:16px/22px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;font-weight:normal;color:#225a9b;}
#content h4 {clear:both;color:#254973;}

hr {border:0;height:1px;margin:30px 0 0 0;background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.50), rgba(0,0,0,0));
background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.50), rgba(0,0,0,0));
background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.50), rgba(0,0,0,0)); }

.courseProgress .percentageBar {display:block;position:relative;width:100%;margin:auto;height:8px;border:1px solid gray;}
.courseProgress .percentageBar .percentageComplete {float:left;background:green;height:8px;}
/* ########################## SEARCH ############################ */

.sisea-search-form {margin:-93px 30px 0 0;}

/* ###################### LOGIN ############################## */

.loginLogout {margin:-63px 30px 0 0;}

/* ############################## */

#bootcamp {max-width: 500px;}






/* ##################################################################### 
                          MOBILE - TABLET
###################################################################### */

@media (max-width: 890px) {

h1 {margin-top:0;}

.userFullName {display:none;}
	

/* GENERAL */

/*body { font:170%/200% "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif ;}*/

body {padding:0;margin:0;}

/* .floatright,.floatleft {float:none;display:block;margin:auto;position:static;}

.colLeft,.colRight {float:none;width:100% !important;margin:auto;padding:auto;} */

#container {width:auto;margin:0;padding:0;background:white;border-radius:0;border:none;box-shadow:none;}

#contentwrapper {margin:0;width:96%;padding:0 2%;}

#contentwrapper img {max-width:300px;}

header #siteIdentity {/*max-width:98%;min-height:70px;*/float:left;margin:12px 0 0 0;padding:0}
#mainlogo {margin: 0 0 0 0;padding: 0;/*max-width:100%;*/}

#socialMedia {
	max-width:315px;
	text-align:right;
}

#socialMedia img {max-height:28px;width:auto;text-align:center;}

#socialMedia li {
    list-style-type:none;
    margin:0;
    padding:0;
	display:inline;
}
#socialMedia form {display:inline;margin:0;padding:0;}

/* @@@@@@@@@@@@@@@@@@@@@@@

#mainnav ul {
    clear:both;
	margin:0 auto;
    padding:0;
    min-height:4em;
	border-radius:0;
	  width:99%;
	
}
#mainnav li {
    list-style-type:none;
	float:left;
    margin:0;
    padding:0;
	width:20%;
	
}
#mainnav ul a {
     display:block;
	 width:100%;
	 min-height:4em;
	 margin:0 auto;
     padding:10px 0 10px 0;
     background: #295272 url(/assets/images/template/dequeUniversity/bgNavGradient.jpg) repeat-x 0 0px;
     color:#fff;
	 font-weight:normal;
     text-align:center;
     text-decoration:none;
     border-left:#001950 solid 1px;
	 text-shadow: 1px 1px 1px #000;
     line-height:2em;
}
#mainnav li.last a {border-right:#001950 solid 1px;}
#mainnav li.first a {border-left: none;padding:20px 0 0 0;}
#mainnav li.active a {background: #7a95b1 url(/assets/images/template/dequeUniversity/bgNavGradientLight.jpg) repeat-x 0 0px;}

#mainnav ul a:hover,#mainnav ul a:active,#mainnav ul a:focus {min-height:4em;border:none;background:#fdf6e7;background-image:none;}

@@@@@@@@@@@@@@@@@@@@@@@@@@@ */

#courseSiteSearch {position:static;float:none;background:#fff;width:100%;padding:0;}
.sisea-search-form {position:static;float:none;display:block;width:98%;text-align:right;margin:0;padding:0;}

#inCourseLogin {width:100%;margin:0;padding:0;text-align:right;}


#inCourseLogin .loginLogin {float:none;position:static;padding:10px;background:#fff;border:1px solid #990000;box-shadow: 0px 0px 4px #b2b2b2;color:#000;}
#inCourseLogin .loginLogin fieldset {display:inline;width:100%;clear:none;font-weight:normal;border:none;margin:0;padding:0;}
#inCourseLogin .loginLogin legend {margin:0;padding:0;font-weight:bold;}

.loginLogout {position:static;width:98%;float:none;display:block;margin:0;padding:0 10px 0 0;width:auto;background:#fff;color:#484641}
.loginLogout a {color:#484641;}

.loginLinkOnly {float:none;position:static;background:#fff;text-align:right;width:100%;margin:0 0 -20px 0;padding:5px 0 0 0;}
.loginLinkOnly a.loginLink {position:static;background: #00274D;margin: 0 10px 0 0;font-size:150%;}

#bootcamp {max-width:80%;margin:auto;}

*.desktop {display:none;}

footer {padding-bottom:40px;box-shadow:0px 10px 20px -20px #b2b2b2;}

div.alert {box-sizing:border-box;width:100%;margin-left:0;margin-right:0;}
}

fieldset {max-width:100%;}




/* ##################################################################### 
                          MOBILE - PHONE
###################################################################### */

@media (max-width: 680px) {

select, textarea, 
input[type="text"], 
input[type="password"], 
input[type="datetime"], 
input[type="datetime-local"], 
input[type="date"], 
input[type="month"], 
input[type="time"], 
input[type="week"], 
input[type="number"], 
input[type="email"], 
input[type="url"], 
input[type="search"], 
input[type="tel"], 
input[type="color"] 
{
font-size:16px !important;
max-width:97% !important;
}

#bootcamp {max-width:80%;margin:auto;}

.floatright,.floatleft {float:none;display:block;margin:auto;position:static;}

.colLeft,.colRight {float:none;width:100% !important;margin:auto;padding:auto;}
		
header #siteIdentity {min-height:95px;box-sizing:border-box;float:none;position:static;width:100%;text-align:center;margin:0 auto;padding:10px 0 0 0;}
a#mainLogoLink  {display:block !important;padding:2px 0;margin:0 auto;width:100% !important;height:44px !important;}
a#mainLogoLink:hover,a#mainLogoLink:focus,a#mainLogoLink:active {outline:2px solid #8cc63f;}
#mainlogo {position:static;padding:0;margin:0;height:44px !important;}
	
#socialMedia {
	clear:both;
	float:none;
	max-width:100%;
	width:100%;
	height:46px;
	text-align:center;
	margin:0;
	padding:0;
	background-image: url(/assets/images/template/dequeUniversity/bgNavGradient.jpg);
}

#socialMedia li.desktop {display:none;}

#socialMedia li.mobile.level0, #socialMedia li#viewCart {box-sizing:border-box;display:inline-block;padding:0;}
#socialMedia  #submitCart {margin:4px;padding:4px 12px;display:inline-block;height:24px;width:24px;border:1px solid #a2b0c8;background-color:#00274D;}

#socialMedia a:hover, #socialMedia a:focus, #socialMedia a:active {
	background-color:#0079c1;

}


#socialMedia li.mobile.level0 a {
	display:inline-block;
	box-sizing:border-box;
	padding:0px 14px 0px 14px;
	position:relative;
	top:-17px;
	margin:0 3px 0 3px;
	text-decoration:none;
	color:#fff;
	border:1px solid #a2b0c8;
	font-size:.8em;
	line-height:1.5em;
	background-color:#00274D;
	height:34px;
}

#hamburger {
	position:relative;
	top:6px;
}

#socialMedia li#loginButton a {
	padding: 5px 7px;
}





#socialMedia a#hamburgerButton:hover,
#socialMedia a#hamburgerButton:focus,
#socialMedia a#hamburgerButton:active,
#socialMedia #loginButton a:hover,
#socialMedia #loginButton a:focus,
#socialMedia #loginButton a:active

 {
	margin:-1px 2px 1px 2px;
	border:2px solid #fdf6e7;
	outline:0 !important;
	box-sizing:border-box;
}

#socialMedia #viewCart input:hover,
#socialMedia #viewCart input:focus,
#socialMedia #viewCart input:active {
	border:2px solid #fdf6e7;
	margin:3px;
	outline:0;
}

#mainnav ul {
	display:none;
}

#socialMedia #mainNavMobile {
	display:none;
	box-sizing:border-box;
	position:absolute;
	margin:-10px 0 0 0;
	padding:0;
	width:100%;
	background-color:#00274D;
	left:0;
}

#socialMedia #mainNavMobile li.level1 {
	float:none;
	width:100%;
	position:static;
    margin:0;
    padding:0;
	width:100%;
	display:block;
	text-align:left;
}

#socialMedia #mainNavMobile li.level1 a {
	 width:100%;
	 position:static;
	 display:block !important;
	 box-sizing:border-box;
	 min-height:2.4em;
	 font-size:130%;
	 height:2.4em;
	 margin:0;
     padding:5px 5px 5px 15px;
     color:#fff;
     border-left:none;
	 border-top:1px solid #666;
	 border-right:none;
	 border-radius:0;
	 text-align:left;
	 background-image:none;
	 background-color:#00274D;
}
#socialMedia #mainNavMobile li.level1 a br {display:none;}
#socialMedia #mainNavMobile li.level1.last a {border-right:none;display:block !important;width:100% !important;position:static !important;}
#socialMedia #mainNavMobile li.level1.first a {border-left: none;display:block !important;width: 100% !important;position:static !important;padding:5px 5px 5px 15px}

#socialMedia #mainNavMobile li.level1.here a {text-shadow:none;background-image:none;background-color:#00274D;color:#fff;border-left:5px solid #b1e171;padding-left:10px;}



#menuitem-12 {display:block;}

#socialMedia #mainNavMobile li.level1 a:hover,#mainnavli.level1 a:active,#socialMedia #mainNavMobile li.level1 a:focus {min-height:2.4em;height:2.4em;border-top:#fff 1px solid;background-color:#fdf6e7;color:#00274D;}

#contentwrapper img {max-width:95% !important;height:auto !important;}

#socialMedia #mainNavMobile li.mobile#mobileSocialMedia {
	display:block;
	padding:0;
	border-top:1px solid #666;
	
}

#mobileSocialMedia .groupSpacer {padding:0 5px 0 10px;}

#mainNavMobile li#mobileSocialMedia a {position:static;font-size:.8em;width:19%;text-align:center;display:inline-block;border:0;padding:0;border-radius:0;margin:0;background-color:inherit;}


#socialMedia #mainNavMobile li#mobileSocialMedia a:hover, #socialMedia #mainNavMobile li#mobileSocialMedia a:focus, #socialMedia #mainNavMobile li#mobileSocialMedia a:active {outline:0 !important;background-color:#fdf6e7 !important;padding:0;margin:0;color:#00274D !important;border-radius:0 !important;border: none !important;}

#searchLoginWrapper {border-bottom:1px solid #eee;}
.sisea-search-form,.loginLogout {text-align:center;}
.loginLinkOnly {display:none;}

#content h1 {text-align:center;}

}


@media (max-width: 400px) {
#siteSlogan {
    font-size:14px;
}
}