/*
 * CSS For DotNetNuke Skin by bestdnnskins.com
 * Copyright 2013 By BESTDNNSKINS.COM
 */
/*--------- CSS Reset for Mobile ----------*/

@media handheld, only screen and (max-width: 767px) {
	.logo_style img {
	margin-left: 10px !important;	
}
body { -webkit-text-size-adjust:none;}
#skin_wrap { width:auto !important;}
.skin_width,body{ width:100%;min-width:0;}
.floatl, .floatr{ float: none;}
.pc_display { display:none;}
.mobile_display { display:block;}
	
/*-------- design style --------*/
.skin_top_line { }
.icons_menu { }
.logo_style { float:none; text-align:center; padding:10px; margin:0;display: inline-block;height:80px;}

#skin_nav { float:none; padding:0;}
#nav_box { display:block; width:98%; margin:0 1%; padding:25px 0;}
.banner_shadow { background:none; width:0; height:0;}
.banner_style { min-height:0;}
.copyright_style { float:none; text-align:left; margin-left:-16px;} 
.socialp_style { float:none; text-align:center;}
.mobile_UI { display:none; height:35px; margin:5px 1% 10px 1%;}
.mobile_UI img { vertical-align:middle;}
.mobile_UI .mobile_menu, .mobile_UI .mobile_search, .mobile_UI .mobile_login, .mobile_UI .mobile_user, .mobile_UI .mobile_language { display:block; background:#808080; padding:6px 8px; margin:0 2px; cursor:pointer;}
.mobile_menu { float:left;}
.mobile_search { float:right;}
.mobile_login { float:right;}
.mobile_user { float:right;}
.mobile_language { float:right;}

/*--------- StandardMenu style ----------*/
#standardMenu { width:auto;}
#standardMenu ul { padding:0;}
#standardMenu .rootMenu { float:none;border:none;}
#standardMenu .rootMenu li{ width:100%; float:none; margin-bottom:2px; text-align:left; background:none;}

#standardMenu .rootMenu > li { background:#808080;}
#standardMenu .rootMenu li a{ /*background:#444444;*/ display:block; padding:0;}
#standardMenu .rootMenu li.selected a, #standardMenu .rootMenu li.rmHover a, #standardMenu .rootMenu li.breadcrumb a, #standardMenu .rootMenu li:hover a, #standardMenu .rootMenu li a:hover { background:none; text-decoration:none;}

#standardMenu .rootMenu li a span { display:block; margin:0; padding:0 20px; color:#FFFFFF!important; white-space:nowrap; font-size:12px; font-weight:bold; text-shadow:none; text-transform:uppercase; height:38px; line-height:38px; position:relative;}
#standardMenu .rootMenu li.selected a span, #standardMenu .rootMenu li.breadcrumb a span, #standardMenu .rootMenu li.rmHover a span, #standardMenu .rootMenu li:hover a span, #standardMenu .rootMenu li a:hover span { text-decoration:none;}

#standardMenu .rootMenu a span .navarrow{ display:none !important;position:absolute; width:60px; height:38px; margin-right:0; right:0px; /*background:url(../images/mobile_navarrow.png) no-repeat center 0;*/}
#standardMenu .rootMenu li.selected a span .navarrow, #standardMenu .rootMenu li.breadcrumb a span .navarrow, #standardMenu .rootMenu li.rmHover a span .navarrow, #standardMenu .rootMenu li:hover a span .navarrow, #standardMenu .rootMenu li a:hover span .navarrow{ margin-right:0; /*background:url(../images/mobile_navarrow.png) no-repeat center 0;*/ }

#standardMenu .rootMenu a span .navarrow2{ position:absolute; width:60px; height:38px; margin-right:0; right:0px; */background:url(../images/mobile_navarrow.png) no-repeat center -42px;*/}
#standardMenu .rootMenu li.selected a span .navarrow2, #standardMenu .rootMenu li.breadcrumb a span .navarrow2, #standardMenu .rootMenu li.rmHover a span .navarrow2, #standardMenu .rootMenu li:hover a span .navarrow2, #standardMenu .rootMenu li a:hover span .navarrow2{ margin-right:0; */background:url(../images/mobile_navarrow.png) no-repeat center -42px;*/ }

/*-- submenu --*/
#standardMenu .subMenu{ background:none; left:0; position:static; width:auto; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px;}
#standardMenu .subMenu ul{ width:auto; border:none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none;}
#standardMenu .subMenu li{ float:none; clear:both; width:100%; margin:0; padding:0; *margin-bottom:-3px; position:relative; filter:Alpha(Opacity=100); opacity:1;}
#standardMenu .subMenu li.item a{ background:url(../images/mobile_subnav_bg.png)!important; border-bottom:1px solid rgba(0, 0, 0, 0.15); margin:0; padding:0; height:auto; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; filter:Alpha(Opacity=100); opacity:1;}
#standardMenu .subMenu li.haschild > a { background:url(../images/mobile_subnav_bg.png)!important);}
#standardMenu .subMenu li.last > a { border-bottom:none;}
#standardMenu .subMenu li li.item a{ border-bottom:1px solid rgba(0, 0, 0, 0.15);}
#standardMenu .subMenu li.item a span{ padding:0 35px 0 15px; color:#111111!important; background:none!important; height:35px; line-height:35px;}
#standardMenu .subMenu li.item a:hover span { /*background:#444444!important;*/ color:#FFFFFF!important; cursor:pointer;}
#standardMenu .subMenu li.selected > a span { color:#FFFFFF!important;}
#standardMenu .subMenu li.selected > a span, #standardMenu .subMenu li.breadcrumb > a span, #standardMenu .subMenu li.breadcrumb.haschild > a span{ background:none!important;}
#standardMenu .subMenu li.selected.haschild > a span, #standardMenu .subMenu li.item.haschild > a:hover span { background:#444444!important;}
#standardMenu .subMenu li.selected a span, #standardMenu .subMenu li.selected.haschild > a span{ background:#444444!important;}
#standardMenu .level1 li.item a span{ padding:0 35px 0 25px; background:none!important; display:block;}
#standardMenu .level2 li.item a span{ padding:0 35px 0 35px; background:none!important; display:block;}
#standardMenu .level3 li.item a span{ padding:0 35px 0 45px; background:none!important; display:block;}
#standardMenu .level1 li.selected > a span, #standardMenu .level2 li.selected > a span, #standardMenu .level3 li.selected > a span{ background:#444444!important;}
#standardMenu .subMenu .subarrow{ display:none; background:none;}

#standardMenu ul li ul li ul{ width:auto; margin:0; border:none;}
#standardMenu ul li ul li ul.level1{ display: block; position:static; left:auto; top:auto;}
#standardMenu ul li ul li ul li ul{ display:block;}
#standardMenu ul li ul li ul li:hover ul.level2 { display: block; position:static; left:auto; top:auto;}
#standardMenu ul li ul li ul li ul li ul{ display:block;}
#standardMenu ul li ul li ul li ul li:hover ul.level3 { display: block; position:static; left:auto; top:auto;}

/*--------- MegaMenu style ----------*/
#megaMenu { width:auto;}
#megaMenu ul { padding:0;}
#megaMenu .root { float:none;border:none;}
#megaMenu .root li{ width:100%; float:none; margin-bottom:2px; text-align:left; background:none;}

#megaMenu .root > li { }
#megaMenu .root li a{ display:block; padding:0;}
#megaMenu .root li.selected a, #megaMenu .root li.rmHover a, #megaMenu .root li.breadcrumb a, #megaMenu .root li:hover a, #megaMenu .root li a:hover { background:none; text-decoration:none;}

#megaMenu .root li a span { /*display:block; margin:0; padding:0 20px; white-space:nowrap; font-size:12px; font-weight:bold; text-shadow:none; text-transform:uppercase; height:38px; line-height:38px; position:relative;*/}
#megaMenu .root li.selected a span, #megaMenu .root li.breadcrumb a span, #megaMenu .root li.rmHover a span, #megaMenu .root li:hover a span, #megaMenu .root li a:hover span { text-decoration:none;}

#megaMenu .root a span .navarrow{ position:absolute; width:60px; height:38px; margin-right:0; right:0px; /*background:url(../images/mobile_navarrow.png) no-repeat center 0;*/}
#megaMenu .root li.selected a span .navarrow, #megaMenu .root li.breadcrumb a span .navarrow, #megaMenu .root li.rmHover a span .navarrow, #megaMenu .root li:hover a span .navarrow, #megaMenu .root li a:hover span .navarrow{ margin-right:0; /*background:url(../images/mobile_navarrow.png) no-repeat center 0;*/}

#megaMenu .root a span .navarrow2{ position:absolute; width:60px; height:38px; margin-right:0; right:0px; /*background:url(../images/mobile_navarrow.png) no-repeat center -42px;*/}
#megaMenu .root li.selected a span .navarrow2, #megaMenu .root li.breadcrumb a span .navarrow2, #megaMenu .root li.rmHover a span .navarrow2, #megaMenu .root li:hover a span .navarrow2, #megaMenu .root li a:hover span .navarrow2{ margin-right:0; /*background:url(../images/mobile_navarrow.png) no-repeat center -42px;*/}

/*-- submenu --*/
#megaMenu .category{ 
	display:none;
	left:0; 
	position:absolute;
	top:70px; 
	width:auto; 
	margin:0; 
	padding:0; 
	border-radius:0px; 
	-webkit-border-radius:0px; 
	-moz-border-radius:0px;
	z-index:10000;
}
#megaMenu .category li{ float:none; clear:both; width:100% !important; padding:0px; margin:0; filter:Alpha(Opacity=100); opacity:1;}
#megaMenu .category li.item a{ /*background:url(../images/mobile_subnav_bg.png)!important;*/ border-bottom:1px solid #af0b0f; margin:0; padding:10px; height:auto; filter:Alpha(Opacity=100); opacity:1; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;}
#megaMenu .category li.haschild > a { background:url(../images/mobile_subnav_bg.png)!important);}
#megaMenu .category li.last > a { border-bottom:none;}
#megaMenu .category li li.item a{ border-bottom:1px solid rgba(0, 0, 0, 0.15);}
#megaMenu .category li.item a span{ padding:0 35px 0 15px; }
#megaMenu .category li.item a span:hover {text-indent:0 !important;}
#megaMenu .category li.item a:hover span { /*background:#444444!important;*/ color:#FFFFFF!important; cursor:pointer;}
#megaMenu .category li.selected > a span { color:#FFFFFF!important;}
#megaMenu .category li.selected > a span, #megaMenu .category li.breadcrumb > a span, #megaMenu .category li.breadcrumb.haschild > a span{ background:none!important;}
#megaMenu .category li.selected.haschild > a span, #megaMenu .category li.item.haschild > a:hover span { /*background:#444444!important;*/ }
#megaMenu .category li.selected a span, #megaMenu .leaf li.selected a span, #megaMenu .category li.selected.haschild > a span{ /*background:#444444!important;*/}

#megaMenu .root li div.category li.last
{
	padding-bottom:0px !important;
}
#megaMenu .root li.child-2 div.category{min-height:550px;}
#megaMenu .root li.child-3 div.category{min-height:550px; overflow-y: scroll;}
#megaMenu .root li.child-4 div.category{min-height:415px;}
#megaMenu .root li.child-5 div.category{min-height:550px;}

#megaMenu .leaf{ background:none; display:block; position:static; width:auto; margin:0; border:none; top:0; -webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
#megaMenu .leaf li.last > a{ border-bottom:1px solid rgba(0, 0, 0, 0.15);}
#megaMenu .leaf li.item a span{ display:block; background:none!important; font-size:12px; font-weight:normal; white-space:nowrap; height:35px; line-height:35px; padding:0 35px 0 25px; text-transform:none;}
#megaMenu .leaf li li.item a span { padding:0 35px 0 35px;}
#megaMenu .leaf li li li.item a span { padding:0 35px 0 45px;}
#megaMenu .leaf li.selected > a span{ /*background:#444444!important;*/}
#megaMenu .category li.rmhover > .leaf{ display:block;}
#megaMenu .leaf li li, #megaMenu .leaf li li li {width:auto;}

a.minimize {display:none !important;}

/*--------- pane style ----------*/
.bannerpane {}
.headerpane {}
.content_grid12 {}
.one_grid8 {}
.one_grid4 {}
.two_grid6a {}
.two_grid6b {}
.three_grid4a {}
.three_grid4b {}
.three_grid4c {}
.four_grid12 {}
.five_grid3a {}
.five_grid3b {}
.five_grid3c {}
.five_grid3d {}
.six_grid4 {}
.six_grid8 {}
.seven_grid12 {}
.eight_grid9 {}
.eight_grid3 {}
.footer_grid3a { margin:5px 0;}
.footer_grid3b { margin:5px 0;}
.footer_grid3c { margin:5px 0;}
.footer_grid3d { margin:5px 0;}
.footerpane {margin:5px 0;}

.i_content_grid12 {}
.i_one_grid3 {}
.i_one_grid9 {}
.i_two_grid4a {}
.i_two_grid4b {}
.i_two_grid4c {}
.i_three_grid9 {}
.i_three_grid3 {}
.i_four_grid12 {}


/*--------- Mobile Search Style ----------*/
#Search2{ float:none; display:none; position:relative; padding:0; right:1%; bottom:0; margin:5px 0; height:35px;}
.searchcss, a.searchcss:link, a.searchcss:active, a.searchcss:visited{ color:#ffffff; text-decoration:none; font-weight:normal; font-size:12px; display:block; position:absolute; width:30px; height:130px; right:2px; top:4px; text-indent:-99999px; overflow:hidden;}
.searchSite { text-indent:-99999px;}
a.searchcss:hover{ color:#000000; text-decoration:none; font-weight:normal; font-size:12px; }
#Search2 input[type="text"] { position:absolute;right:0; background: #fff; border: 1px solid #c7c7c7; font-size:12px; color: #333333; width: 140px; padding: 8px 40px 8px 8px; -webkit-transition: all 0.7s ease 0s; -moz-transition: all 0.7s ease 0s; -o-transition: all 0.7s ease 0s; transition: all 0.7s ease 0s;}
#Search2 a{ display: block; position:absolute; right:2px; top:5px;height:30px; width:35px; padding:0;border:none;box-shadow:none;webkit-box-shadow:none;overflow:hidden;text-indent:-99999px;background:url(../images/icon_search2.png) no-repeat 10px 5px;z-index:1;cursor:pointer;}

/*--------- Mobile Login Style ----------*/
#Login2 { display:none;}

/*--------- Mobile User Style ----------*/
#User2 { display:none;}

/*--------- Mobile Profile Style ----------*/
#Mobile_Profile { margin:0 5px 0 0;}
.mobile_profile_style { float:right; position:relative;}
.mobile_profile_style { background:#808080; border: 1px solid rgba(255,255,255,0.3); cursor: pointer; display: block; height: 30px; margin: 5px 0;}
.mobile_profile_style ul { margin:0; padding:0;}
.mobile_profile_style .registerGroup, .mobile_profile_style .registerGroup *{ display:block;} 
.mobile_profile_style .registerGroup{ float:left;padding:0;margin:0;}

/* Register Group Styles */
.mobile_profile_style .registerGroup li{ float:left;height:30px; border-right:1px solid rgba(255,255,255,0.3);}
.mobile_profile_style .registerGroup .buttonGroup{ margin-right:0;}
.mobile_profile_style .registerGroup a{ position:relative;display:block;padding:0 9px;min-width:15px;font-weight:normal;font-size:12px;vertical-align:middle;color:#FFFFFF!important; height:30px; vertical-align:middle;line-height:30px;}
.mobile_profile_style .registerGroup a:hover{ background:rgba(0,0,0,0.2); color:#FFFFFF!important; text-decoration:none;}
.mobile_profile_style .registerGroup a:active{ color:#fff;padding:0 9px;}
.mobile_profile_style .registerGroup a strong{ position:absolute;left:0; top:0;width:100%; height:100%;display:block;font-size:11px;font-weight:bold;vertical-align:baseline;overflow:hidden;text-indent:-9999px;}
.mobile_profile_style .userMessages,.mobile_profile_style .userNotifications { background:none;}
.mobile_profile_style .userMessages strong,.registerGroup .userNotifications strong{ background:url(../images/userLoginSprite.png) no-repeat 9px -92px;}
.mobile_profile_style .userNotifications strong{ background-position:-91px -93px;}
.mobile_profile_style .userMessages strong:hover{ background-position:9px -92px;}
.mobile_profile_style .userNotifications strong:hover{ background-position:-91px -93px;}
.mobile_profile_style .userMessages strong:active{ background-position:9px 10px;}
.mobile_profile_style .userNotifications strong:active{ background-position:-91px 8px;}	
.mobile_profile_style .registerGroup a span{ position:absolute;right:5px; top:-7px;display:inline-block;padding:2px 4px;line-height:20px;min-width:7px;text-align:center;margin-right:3px;background: rgb(31,152,241); /* Old browsers */font-size:9px;color:#fff;text-shadow: 0px 1px 0px #333333;
/*CSS3*/	
background: -moz-linear-gradient(top, rgba(31,152,241,1) 0%, rgba(2,111,196,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(31,152,241,1)), color-stop(100%,rgba(2,111,196,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(31,152,241,1) 0%,rgba(2,111,196,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(31,152,241,1) 0%,rgba(2,111,196,1) 100%); /* Opera 11.10+ */
background: linear-gradient(top, rgba(31,152,241,1) 0%,rgba(2,111,196,1) 100%); /* W3C */			
-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; -webkit-box-shadow: 0px 1px 0px 0px #222222;-moz-box-shadow: 0px 1px 0px 0px #222222;box-shadow: 0px 1px 0px 0px #222222; }
.mobile_profile_style .registerGroup li.userProfileImg{ border-right:none;}	
.mobile_profile_style .registerGroup .userProfileImg a{ padding:0;background:none;min-width:25px;}
.mobile_profile_style .registerGroup a img{ border:none;height:30px; width:30px; background:none;}

/*--------- Mobile Language Style ----------*/
.mobile_language { display:none;}
#Language2 { display:none; position:relative; height:30px;}
#Language2 .language-object { float:right;display:block; margin:5px 8px 5px 5px;padding:0;}
#Language2 .language-object span img{ border:2px solid transparent;}

/*--------- Color Picker Style ----------*/
#custom-button { display:none;}

/*--------- Togglable Tabs Style ----------*/
.nav-tabs li { float:none; width:100%;}
.nav-tabs li a { border:1px solid #CECECE; margin-right:0;}
.nav-tabs li a:hover { border:1px solid #CECECE;}

/*--------- DNN default Style Reset ----------*/
.LoginPanel, .dnnLogin  {width:auto; max-width:480px;}
.dnnLogin  .dnnForm  {min-width: 0; width:auto;}
.dnnLogin  .dnnFormLabel { width:auto; }
.LoginPanel .dnnPrimaryAction{margin-left:82px;}
.LoginPanel .dnnLoginRememberMe{padding-left:82px;}
#dnn_ctr_Login_UP .dnnForm {min-width:280px; width:auto;}

div.dnnRegistrationForm .dnnForm {width:auto;}
div.dnnRegistrationForm .dnnFormItem label, div.dnnRegistrationForm .dnnFormItem .dnnFormLabel, div.dnnRegistrationForm .dnnFormItem .dnnTooltip {width:110px;}
#dnn_ctr_Register_UP  .dnnForm {min-width:280px; max-width:480px; width:auto;}

.skin_top_line {display:none;}

.skin_banner {
	display:none;
	position: absolute;
	top: 0;
	right:0;
	width: 70%;
	z-index: 100;
}

#smallmenu {
	width:70%;
	display:block;
position: absolute;
top: 6%;
right: 10px;	
}

.teachers,.principals,.university {display:none;}

header {
	position:static;
	max-width: 100% !important;
	padding-bottom: 10px;
}

.header_top {
	padding-bottom:0px;
}

#megaMenu ul {
	width:100%;
}

#megaMenu .root li {
width: 33%;
float: left;
margin-bottom: 2px;
text-align: left;
background: none;
position:relative;
}
#megaMenu .root li.child-2
{
z-index:110;	
}

#megaMenu .root li.child-3
{
z-index:109;	
}

#megaMenu .root li.child-4
{
z-index:108;	
}

#megaMenu .root li.child-5
{
z-index:107;	
}


#inner_content_wrapper {
	padding-left:0px;
}

#skin_footer {
	margin-left:0px;
}

#FooterAddress,#FooterContact,#FooterAdvertise,#FooterNewsroom,#FooterLegal {
	width: auto !important;
	float:left !important;
	margin-right:10px;
}

.copyright_style {
	display:block !important;
	float:none !important;
}

#searchandsocial {
	position:static;
	text-align:center;
}

#searchandsocial .NormalTextBox {
	width:auto;
	position:relative;
}

.searchcss {display:none !important;}

.side-social.twitter {margin-left: 6%;}


}

@media handheld, only screen and (max-width: 650px) { 

#slidelg {
	display:none;
}
#slidesm {
	display:inherit;
}

#megaMenu .root li a span {
	padding:0px 18px !important;	
	
}

.navsubtitle {
	margin-top:20px;
}

.bannertitle {display:none !important;}

/*li.join {display:none;}*/
.topnav li {float:right;}


}

@media handheld, only screen and (max-width: 500px) { 
/*--------- Content Style ----------*/


.skin_content h2 {
	font-size:38px;
}

.bannertitle {
	font-size:17px !important;
}

.skin_banner {display:none;}

#SearchNav {display:none;}

.logo_style { display: block;}

#megaMenu .root li {
	width:100%;
	margin-left:-5px;
	position:relative;
	z-index:0;
}

#megaMenu .root li span {
	
}

#megaMenu .category {
	position:absolute;
	z-index:10000;
	top:50px;
}

#megaMenu .category ul {
	display:static;
	z-index:10000;
}

.Social-Links {display:none;}
 
.logo_style {	
	margin: 0 auto;
}

.logo_style img {
	width: 50%;
	margin-left: 0 !important;	
}

#megaMenu .root li a {
	height:55px;
}

#megaMenu .root li a span {
	width: 100%;
	padding: 0px 10px !important;
	z-index:1 !important;
}

li.item a span {
	z-index:1;
}



#megaMenu .root li a span.navsubtitle {
	margin-left: -18px;
	width: 100%;
	margin-top: 20px;
	z-index:0;
}

.logo_style img {
	width:105px;
	height:90px;
}

#smallmenu {display:none;}

}

@media handheld, only screen and (max-width: 360px) { 
/*--------- Content Style ----------*/
.tipsy { padding:0;}

.logo_style {width:100% !important;}

.logo_style img {width:auto !important;/*max-width:105px;*/}
}

@media handheld, only screen and (max-width: 550px) and (max-height: 600px) { 
/*--------- Content Style ----------*/

.topnav li a {}

.topnav li {height:50px;}

#skin_nav {margin-top:5px;}

#searchandsocial {width: auto !important;}

.logo_style {width:30%;margin-bottom:-20px;}

.logo_style img {margin-left:0px !important;width:105px;}

.tipsy { padding:0;}

#megaMenu .category {top:0;}

.Social-Links {display:none;}

#searchandsocial .NormalTextBox {margin-top:15px; width:150px;}
}