/*
 * CSS For DotNetNuke Skin by bestdnnskins.com
 * Copyright 2013 By BESTDNNSKINS.COM
 */
/*-------- Global CSS Reset --------*/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {border:0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}a img{border:0;}
/*img, object, embed { max-width: 100%;}*/
img { height: auto;}

/*-------- Design style --------*/
.floatl{ float:left;}
.floatr{ float:right;}
.pc_display { display:block;}
.mobile_display { display:none;}
.pre_defined_color { background:#808080;}
#skin_wrap { height: 100%;width:100%; position:relative;z-index:1; margin:0 auto; background:#FFFFFF;}
.skin_width { width:100%; max-width:993px; position:relative;z-index:-1;}

#slidesm {
	display:none;
}
#dnn_ContentPane{max-width:800px;}

header { *position:relative; *z-index:999;position: fixed;max-width: 190px;background-color: #ececec;height: 100%;}
.skin_top_line { background: #fff;height: 0px;}
.icons_menu { display: none; float:right; /*background:url(../images/icons_menu_bg.png) no-repeat right bottom #808080;*/ padding:0 18px 0 5px;background:#484848;margin-right:100px;}
.header_top { position:relative;padding-bottom: 100px;}
.logo_style { float:left; padding:5px 5px 10px 5px;position:relative;z-index:1000;}
.logo_style img {margin-left:15px;margin-top: 4px;}
#skin_nav { padding:20px 5px 15px 5px; z-index:920;}
.skin_banner { position:relative;z-index: -1;}
.banner_shadow { display:none;background:url(../images/banner_shadow.png) no-repeat center top; width:100%; height:45px; position:absolute; top:0; z-index:912;}
.banner_style { min-height:120px; position:relative; z-index:-1;background-color: #ececec;padding-left:20px;padding-top:15px;padding-bottom:1px;}
#smallmenu {display:none;}
.bannerpane .dnnActionMenu {top: 35px; }
.skin_content { padding:20px 10px 10px 32px; min-height:500px;z-index: -1;position: relative;}
/*.skin_content h2 {
	font-size: 42px;
	line-height: 30px;
	padding-bottom: 10px;
	margin-bottom: 10px !important;
	border-bottom-width: 3px;
	border-bottom-style: dotted;
	border-bottom-color: #666;
	
}*/
.smallText {font-size:80%;}
.skin_bottom_line { height:10px;}
#skin_footer { background:#de2227;font-family:'Varela', sans-serif !important;position: relative;z-index: -1;}
.footer_top {position: relative;z-index: 1;}
.footer_top, .footer_top .Normal, .footer_top p,.footer_top div,.footer_top span, .footer_top li,.footer_top td, .footer_top a, .footer_top dt, .footer_top dd,.footer_top h1, .footer_top h2, .footer_top h3, .footer_top h4, .footer_top h5, .footer_top h6{ color:#FFFFFF;}
.footerpane_style { padding:0 10px 0 30px; max-width:800px; font-size:12.5px;}
.footerpane_style div[id*="Footer"] span a {position:static;z-index:10000;}
.footerpane_style div[id*="Footer"] span a:hover {text-decoration:underline !important;}
.footer_bottom { min-height:50px; color:#FFFFFF;}
.copyright_style { float:left; padding:15px 5px 15px 30px;}
.socialp_style { float:right; padding:5px 10px; min-width:100px;}
.mobile_UI, .mobile_UI .mobile_menu, .mobile_UI .mobile_search, .mobile_UI .mobile_login, .mobile_UI .mobile_user, .mobile_UI .mobile_language { display:none;}

/*--------- StandardMenu style ----------*/
#standardMenu { position:relative; margin:0 auto;}
#standardMenu ul { list-style:none; margin:0; padding:0;}
#standardMenu li{ position:relative; display:block; float:left; margin-right:1px; list-style-type:none; z-index:920;}

#standardMenu .rootMenu > li { background:#808080;}
#standardMenu .rootMenu li a{ background:#FFFFFF; display:block; position:relative; float:none; z-index:10; cursor:pointer; text-decoration:none;}
#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; -moz-transition:background 0.4s ease;  -webkit-transition:background 0.3s ease-in; transition:background 0.4s ease;}

#standardMenu .rootMenu li a span { display:block; padding:0 22px; height:40px; line-height:40px; color:#1A1A1A; white-space:nowrap; font-size:14px; font-weight:bold; text-shadow:none; text-transform:none;}
#standardMenu .rootMenu li.selected a span, #standardMenu .rootMenu li.rmHover a span, #standardMenu .rootMenu li.breadcrumb a span, #standardMenu .rootMenu li:hover a span, #standardMenu .rootMenu li a:hover span { }

/*-- submenu --*/
#standardMenu .subMenu { display:none; position:absolute; top:40px; z-index:1210;}
#standardMenu .rootMenu li.rmHover .subMenu { display:block;}
#standardMenu .subMenu ul{ margin:0; padding:0; position:relative; width:180px; border:1px solid #DDDDDD; z-index:1200;}
#standardMenu .subMenu li{ float:none; clear:both; width:100%; padding:0; *margin-bottom:-3px; position:relative;}
#standardMenu .subMenu li.item a{ background:#fff; background:rgba(255,255,255,0.95); border-bottom:1px solid #CECECE; }
#standardMenu .subMenu li.last > a{ border-bottom: none;}
#standardMenu .subMenu li.item a span{ border-bottom:none; display:block; background:none; font-size:12px; color:#555555; font-weight:normal; white-space:normal; height:auto; line-height:1.5em; padding:10px 10px 10px 12px; text-shadow:none; text-transform:none; margin:0;}
#standardMenu .subMenu li.selected > a span, #standardMenu .subMenu li.breadcrumb > a span { color:#808080;}
#standardMenu .subMenu li.item a:hover span { color:#000000; cursor:pointer;}
#standardMenu .subMenu .subarrow{ background:url(../images/menu-arrow01.gif) no-repeat; position:absolute; right:0; top:16px; width:15px; height:7px;}

#standardMenu ul li ul li ul{ width:180px; margin:0;}
#standardMenu ul li ul li ul.level1{ display: none; position:absolute; left:180px; top:-1px;}
#standardMenu ul li ul li ul li ul{ display:none;}
#standardMenu ul li ul li ul li:hover ul.level2 { display: block; position:absolute; left:180px; top:-1px;}
#standardMenu ul li ul li ul li ul li ul{ display:none;}
#standardMenu ul li ul li ul li ul li:hover ul.level3 { display: block; position:absolute; left:180px; top:-1px;}

#standardMenu img.mmIcon {max-height:24px; margin-right: 7px; vertical-align: middle;}
#standardMenu img.rootIcon {max-height:30px; margin-right: 6px; vertical-align: middle;}

/*--------- MegaMenu style ----------*/
#megaMenu { position:relative; margin:0 auto;}
#megaMenu ul { list-style:none; margin:0 0 0 -6px; padding:0;width:190px;}
#megaMenu li{ position:relative; display:block; float:left; margin-right:1px; list-style-type:none; z-index:920;width:100%;}

#megaMenu .root > li { }
#megaMenu .root li a{ display:block; position:relative; float:none; z-index:10; cursor:pointer; text-decoration:none;color:#CC3333 !important;}
#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; -moz-transition:background 0.4s ease;  -webkit-transition:background 0.3s ease-in; transition:background 0.4s ease;}

#megaMenu .root li a span { font-family: 'Varela', Arial, sans-serif;text-align:center;display:block; padding:0 22px; height:70px; line-height:55px; white-space:nowrap; font-size:19px; text-shadow:none; text-transform:none;
-webkit-transition-duration: .5s;
-moz-transition-duration: .5s;
-o-transition-duration: .5s;
transition-duration: .5s;
-ms-transition-duration: 0s;
}

#megaMenu .root li a span:hover .navsubtitle {color:#fff !important;}

#megaMenu .root li.rmhover {
	background:#de2227;
	
}

#megaMenu .root li.rmhover span {
	color:#fff !important;
}

.rmhover .navsubtitle {color:#fff !important;}


#megaMenu .root li.selected a span, #megaMenu .root li.rmHover a span, #megaMenu .root li.breadcrumb a span, #megaMenu .root li:hover a span, #megaMenu .root li a:hover span { }

#megaMenu .root li a span:hover {color:#fff; background:#de2227;}

/*-- submenu --*/
#megaMenu .category { 
 	display:none;
	position: fixed;
	top: -55px;
	z-index: 1210;
	width: 225px;
	padding: 0;
	padding: 5px 10px 12px 10px;
	left: 189px;
	background: #de2227;
	overflow-y:auto;
	overflow-x:hidden;	
	height:90%;
	margin-top:220px;
	border-right:1px solid #af0b0f;
	border-bottom:1px solid #af0b0f;
	border-top:1px solid #af0b0f;
	
	-webkit-transition: width ease 0.3s;
	-moz-transition: width ease 0.3s;
	-ms-transition: width ease 0.3s;
	-o-transition: width ease 0.3s;
   -webkit-overflow-scrolling: touch;
   
SCROLLBAR-FACE-COLOR: #993333; 
SCROLLBAR-HIGHLIGHT-COLOR: #de2227;
SCROLLBAR-SHADOW-COLOR: #de2227; 
SCROLLBAR-3DLIGHT-COLOR: #de2227; 
SCROLLBAR-ARROW-COLOR: #993333; 
SCROLLBAR-TRACK-COLOR: #de2227;
SCROLLBAR-DARKSHADOW-COLOR: #de2227;
}


#megaMenu .category ul {}

#megaMenu .category li.last{padding-bottom:120px;}

.category .child-5 {margin-bottom:0px !important;}

.category .navsubtitle {display:none !important;}
#megaMenu ul li:hover ul{ visibility: visible;}
#megaMenu .root li.rmHover .category { display:block;}
#megaMenu .category ul{ margin:0; padding:0; position:relative; z-index:1200; width:110%;}
#megaMenu .category li{ padding:0;}
#megaMenu .category li.item a{ border:none; padding:0 10px; background:url(../images/mega_sub_bottom.png) no-repeat left bottom; }
#megaMenu .category li.item a span{ display:block; background:none; font-size:12px; color:#fff !important; font-weight:normal; height:auto; white-space:normal; height:auto; line-height:1.5em; padding:12px 0 5px 0; text-shadow:none; text-transform:none;text-align:left;}
#megaMenu .category li.item a span:hover {text-decoration:underline;text-indent:0 !important;}
#megaMenu .category li.item a:hover span { background:none; color:#000000; cursor:pointer;}
#megaMenu .category li.selected > a span { color:#808080;}

#megaMenu ul li ul li ul{ position: relative; padding:0; width:auto; border:none; background:none;}
#megaMenu .leaf li{ clear:both;float:none; width:150px; padding:0 10px;}
#megaMenu .leaf li.item a{ text-transform: none; padding:0 0 0 6px; background:url(../images/right.gif) left 14px no-repeat; border-bottom:none;}
#megaMenu .leaf li.item a span{ display:block; background:none; font-size:12px; color:#555555; font-weight:normal; height:auto; line-height:1.5em; padding:8px 0 8px 0; text-transform:none;}
#megaMenu .leaf li.selected > a span { color:#808080; cursor:pointer;}
#megaMenu .leaf li li{ clear:both;float:none; width:130px;}

#megaMenu ul li ul li ul li a{ color:#555555; text-transform: none; font-size:12px; padding:8px 0 8px 5px; line-height:1em; background:url(../images/right.gif) left 12px no-repeat; border-bottom:none;}
#megaMenu ul li ul li ul li a:hover{ background:url(../images/right.gif) left 12px no-repeat; text-decoration:underline;}

#megaMenu img.mmIcon {max-height:24px; margin-right: 7px; vertical-align: middle;}
#megaMenu img.rootIcon {max-height:30px; margin-right: 6px; vertical-align: middle;}

#megaMenu .child-5 {margin-bottom:20px;}

a.minimize {
	display:none;
	position:absolute !important;
	top:0;
	right:0;
	height:42px;
	width:44px;	
	background:transparent url(/images/menuminimize.png) no-repeat center !important;
	z-index:10000 !important;
	display:block !important;
}

/*--------- Pane Style ----------*/
.DNNEmptyPane{ display:none!important;}
.dnnpane [class*="grid"] { padding:5px 0px;}
.bannerpane { padding:0; color:#333333;}
.bannerpane p{ margin:0; }
.headerpane { padding:0; margin:0;}
.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:10px 0;}
.footer_grid3b { margin:10px 0;}
.footer_grid3c { margin:10px 0;}
.footer_grid3d { margin:10px 0;}
.footerpane { margin:10px 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 {}

/*--------- Grid Style ----------*/
.row-fluid span.SubHead center { font-weight:normal;  font-size:13px;}

/*--------- Language Style ----------*/
#Language2 { display:none;}
.language_style { float: right; overflow: hidden;}
.language_style .language-button { display: block; cursor: pointer; float: left; margin: 5px 0;}
.language_style .language-button:hover { background:rgba(0,0,0,0.2);}
.language_style .language-button span { background:url(../images/icon_lang.png) no-repeat scroll center 7px transparent; display: block; height: 30px; width: 35px;}
#Language { display:inline-block; display:block\9;}
#Language .language-object{float:right;display:block; margin:10px 0 0 5px;}
#Language .language-object .Language {margin:0 1px;}
#Language .language-object span img{height:12px; width:17px;opacity:0.7; margin:0; border:2px solid transparent;}
#Language .language-object span:hover img{opacity:1;}
#Language .language-object .Language.selected img{ opacity:1; border-color:#666; -webkit-border-radius: 2px;border-radius: 2px;}

/*--------- Search Style ----------*/
#Search2 { display:none;}
.search_style { float: right; margin-right: 5px; position: relative;}
.search_style .search-button, .search_style .search-button-close { display: block; cursor: pointer; margin: 5px 0;}
.search_style .search-button:hover, .search_style .search-button-close:hover { background:rgba(0,0,0,0.2);}
.search_style .search-button-close { display:none;}
.search_style .search-button span { background:url(../images/icon_search.png) no-repeat scroll center 7px transparent;}
.search_style .search-button-close span { background:url(../images/search_close.png) no-repeat scroll center 7px transparent;}
.search_style .search-button span, .search_style .search-button-close span { display: block; height: 30px; width: 35px;}
#Search { display: none; position:absolute; left:-13px; top:3px; top:5px\9;}
.searchcss, a.searchcss:link, a.searchcss:active, a.searchcss:visited{ color:#ffffff; text-decoration:none; font-weight:normal; font-size:12px;  position:absolute; width:30px; height:38px; right:-1px !important; top:0px; text-indent:-99999px; overflow:hidden;background:#de2227;}
.searchSite { text-indent:-99999px;}
a.searchcss:hover{ color:#000000; text-decoration:none; font-weight:normal; font-size:12px; }
#Search input[type="text"] { position:absolute;right:0; background: #FFFFFF; border: 1px solid #C7C7C7; font-size:12px; color: #333333; width: 140px; padding: 7px 30px 7px 8px;}
#Search a{ display: block; position:absolute; right:0; top:0;height:28px; width:40px; padding:0;border:none;box-shadow:none;webkit-box-shadow:none;overflow:hidden;text-indent:-99999px;background:url(../images/icon_search2.png) no-repeat 14px 9px;z-index:1;cursor:pointer; opacity: 0.5;}
#Search a:hover { opacity:1;}

.searchcss {
	background:#de2227 url(/images/searchinputbg.png) no-repeat center !important;
	color:#fff !important;
}

@-moz-document url-prefix() {
	.searchcss {
		/*top:1px !important;*/
		right:-9px !important;
	}
}

/*--------- Login Style ----------*/
#Login2 { display:none;}
.login_style { float:right; margin-right: 5px; position: relative;}
.login_style .login-button, .login_style .logout-button  { display: block; cursor: pointer; margin: 5px 0;}
.login_style .login-button:hover, .login_style .logout-button:hover { background:rgba(0,0,0,0.2);}
.login_style .login-button span { background:url(../images/icon_login.png) no-repeat scroll center 7px transparent; display: block; height: 30px; width: 35px; overflow:hidden;}
.login_style .logout-button span { background:url(../images/icon_logout.png) no-repeat scroll center 7px transparent; display: block; height: 30px; width: 35px;}
.user_login{ display:none;}
.login_style .login-button span a {height: 48px; width:32px; padding:30px 50px; }

li.login .User {
	font-weight: normal;
	font-size:18px;
	height: 75px;
	text-decoration: none;	
}

li.login .User:hover {
	font-weight: normal;
	font-size:18px;
	height: 75px;
	text-decoration: none;	
	color:#fff;
}

li.login .User:active {
	font-weight: normal;
	font-size:18px;
	height: 75px !important;
	text-decoration: none;	
	color:#fff;

}

li.login .innertext {
	color:#fff;	
margin-bottom:-2px;
cursor:pointer;
}


/*--------- User Style ----------*/
#User2 { display:none;}
.user_style { float:right; margin-right:5px; position:relative;}
.user_style .user-button { display: block; cursor: pointer; margin: 5px 0;}
.user_style .user-button:hover { background:rgba(0,0,0,0.2);}
.user_style .user-button span { background:url(../images/icon_user.png) no-repeat scroll center 7px transparent; display: block; height: 30px; width: 35px;}
.user_register { display:none;}
a[id*="dnn_dnnUser"] {
	position:absolute !important;
	top: 8px;
	background: transparent !important;		
	text-decoration:none !important;
	font-weight:bold;
	height: 0px !important;
	padding-left: 5px !important;
}

/*--------- User Profile Style ----------*/
#Mobile_Profile { display:none;}
.user_profile{ border: 1px solid rgba(255,255,255,0.3); cursor: pointer; display: block; height: 28px; margin: 5px 0;}
.user_profile ul { margin:0; padding:0;}
.user_profile .registerGroup, .user_profile .registerGroup *{ display:block;} 
.user_profile .registerGroup{ float:left;padding:0;margin:0;} 

/* Register Group Styles */
.user_profile .registerGroup li{ float:left;height:28px; border-right:1px solid rgba(255,255,255,0.3);}
.user_profile .registerGroup .buttonGroup{ margin-right:0;}
.user_profile .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:28px; vertical-align:middle;line-height:28px;}
.user_profile .registerGroup a:hover{ background:rgba(0,0,0,0.2); color:#FFFFFF!important; text-decoration:none;}
.user_profile .registerGroup a:active{ color:#fff;padding:0 9px;}
.user_profile .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;}
.registerGroup .userMessages,.registerGroup .userNotifications { background:none;display:none;}
.registerGroup .userMessages strong,.registerGroup .userNotifications strong{ background:url(../images/userLoginSprite.png) no-repeat 9px -93px;}
.registerGroup .userNotifications strong{ background-position:-91px -93px;}
.registerGroup .userMessages strong:hover{ background-position:9px -93px;display:none;}
.registerGroup .userNotifications strong:hover{ background-position:-91px -93px;}
.registerGroup .userMessages strong:active{ background-position:9px 9px;}
.registerGroup .userNotifications strong:active{ background-position:-91px 8px;}	
.user_profile .registerGroup a span{ position:absolute;right:5px; top:-7px;display:inline-block;padding:2px 4px;line-height:15px;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; }
.user_profile .registerGroup li.userProfileImg{ border-right:none;display:none;}	
.user_profile .registerGroup .userProfileImg a{padding:0;background:none;min-width:25px;}
.user_profile .registerGroup a img{border:none;height:28px; width:28px;background:none;}

/*--------- Scroll Top Style ----------*/
#top-link { background:url(../images/scroll_top.png) no-repeat scroll center top rgba(0, 0, 0, 0.4); border: 0 none; border-radius: 2px; bottom: 53px; right: 80px; height:40px; padding:0; width:60px; position: fixed; text-decoration: none; z-index: 903;}
#top-link:hover { background:url(../images/scroll_top.png) no-repeat scroll center bottom rgba(0, 0, 0, 0.5);  -webkit-transition: all 0.2s ease-in 0s; -moz-transition: all 0.2s ease-in 0s; -o-transition: all 0.2s ease-in 0s; transition: all 0.2s ease-in 0s;}

/*--------- Tipsy Style ----------*/
.tipsy { display:block; float: left; padding:5px 2px; font-size: 12px; background-repeat: no-repeat; background-image: url(../images/tipsy.gif);}
.tipsy-inner { padding: 5px 8px 4px 8px; background:#000000; color: #FFFFFF; max-width: 200px; text-align: center; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
.tipsy-up { background-position: top center;}
.tipsy-down { background-position: bottom center;}
.tipsy-right { background-position: right center;}
.tipsy-left { background-position: left center;}

/*--------- Color Picker Style ----------*/
#custom_wrapper{position: fixed;top: 170px;left:-155px;width: 150px;padding: 18px 0 18px 0;background: #fff;z-index: 99999;font-size: 12px;border: 1px solid #E1E1E1;border-bottom: 1px solid rgba(150, 150, 150, 0.2);-webkit-box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.1);-moz-box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.1);box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.1);}
#custom_wrapper div, #custom_wrapper span, #custom_wrapper p, #custom_wrapper li, #custom_wrapper td {display:none !important;color: #555!important;}
#custom_wrapper #bg_color {width: 100%;height: 25px;cursor: pointer;}
#custom-button {display:none;position: fixed;top: 200px;left:0;cursor:pointer;z-index: 999;}
#custom_wrapper .custom_inner{width: 80%;margin:auto;}
.colorpicker_preview{width: 100%;height: 30px;margin: 5px 0 0 0;}
#custom_wrapper .use-form-styles select{width: 110px;}
.color-box, .pattern-box, .bg-box { width:24px;height:24px;display:block;float:left; margin:5px 2px 0 2px;border: 1px solid #cacaca;}
.pattern-box { background:#888888;}
#colorpicker { width: 36px;height: 36px;background: url(../images/colorpicker/select2.png);}
#colorpicker div { width: 28px;height: 28px;background: url(../images/colorpicker/select2.png) center;}
#custom_wrapper #custom-reset{ height:30px; padding:5px 20px; margin:0 20px; background:#444444; color:#fff; text-decoration:none;} 
#custom_wrapper #bg_pattern { height:155px; margin-top:10px;}
.optional_widtd { position:relative; padding:10px 0 0 0;}
#boxed_button { background:#444444; float:left; margin-top:2px; padding:5px; color:#FFFFFF;}
#stretched_button { background:#444444;  float:right; margin-top:2px; padding:5px; color:#FFFFFF;}
#boxed_button:hover, #stretched_button:hover { text-decoration:none;}

/*--------- Footer Tag style ----------*/
.footer_tag { padding-top:12px;}
.footer_tag ul { list-style:none; margin:0; padding:0;}
.footer_tag ul li { list-style:none; margin-bottom:5px; padding:4px 0;}
.footer_tag ul li a { background:#808080; margin:0 2px; padding:6px 0; text-decoration:none;}
.footer_tag ul li a span { background:#333333; padding:6px; font-size:12px; color:#FFFFFF;}
.footer_tag ul li a span:hover { background:none; transition: all 0.5s ease-in 0s; -webkit-transition: all 0.5s ease-in 0s; -moz-transition: all 0.5s ease-in 0s;}
.footer_tag a { text-decoration:none;}

/*--------- Togglable Tabs Style ----------*/
.nav { margin-bottom: 0;}
.nav-tabs { border-bottom: 1px solid #CECECE;}
.nav-tabs > .active > a, .nav-tabs > .active > a:hover { border-color: #CECECE #CECECE transparent;}
.nav-tabs > li > a { border-radius: 0; padding-top:12px; }
.nav-tabs > li > a:hover { color:#333333;}
.tab-content { border:1px solid #CECECE; border-top:none; padding:12px 10px 5px 10px;}
.tab-content p { line-height:2em;}

/*--------- Fancybox Style ----------*/
.fancybox_style { position:relative; }
.fancybox_style ul { list-style:none; margin:0; padding:0; width:auto;}
.fancybox_style ul li { float:left; list-style:none; height:134px; margin-right:10px!important; position:relative; opacity:1;}
.fancybox_style ul li a:hover { opacity:0.6; -moz-transition:all 0.3s ease-in; -webkit-transition:all 0.3s ease-in; transition:all 0.3s ease-in;}
ul#carouFredSel_style {list-style:none; margin:0; padding:0;}
ul#carouFredSel_style li {float:left; list-style:none; margin:0; padding:0; min-height:150px;}
.carouFredSel {position:relative;}
.carouFredSel_nav { position:absolute; right:5px; top:-38px;}
.caroul_prev { background: url(../images/carouFredSel_prev.png) no-repeat center center #808080; margin-right:10px; padding:5px 12px;}
.caroul_next { background: url(../images/carouFredSel_next.png) no-repeat center center #808080; padding:5px 12px;}
.caroul_prev:hover { background:url(../images/carouFredSel_prev.png) no-repeat center center #333333; transition: all 0.5s ease-in 0s; -webkit-transition: all 0.5s ease-in 0s; -moz-transition: all 0.5s ease-in 0s;}
.caroul_next:hover { background:url(../images/carouFredSel_next.png) no-repeat center center #333333; transition: all 0.5s ease-in 0s; -webkit-transition: all 0.5s ease-in 0s; -moz-transition: all 0.5s ease-in 0s;}

/*--------- Fancybox Style2 ----------*/
.fancybox_style2 ul { list-style:none; margin:0; padding:0; width:auto;}
.fancybox_style2 ul li { float:left; list-style:none; height:auto; margin:3px; position:relative; opacity:1;}
.fancybox_style2 ul li a:hover { opacity:0.6; -moz-transition:all 0.3s ease-in; -webkit-transition:all 0.3s ease-in; transition:all 0.3s ease-in;}

#inner_content_wrapper {
	padding-left:189px;
	position:relative;
	z-index:-1;
	background:#fff;
}

.topnav {
	font-family: 'Varela', Arial, sans-serif;
	margin:0px;
}

.topnav li {
	list-style:none;
	float:left;
	margin-left:10px;
	height:75px;
	position:relative;
	z-index: 100;
	margin-top:10px;
}

.topnav li a {
	display:block;
	height:75px;
	background:#de2227;
	color:#fff;
	position:relative;
	-webkit-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-o-transition-duration: .5s;
	transition-duration: .5s;
	-ms-transition-duration: 0s;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 5px;
}
.topnav li.chat a {
	padding:0;

}

.topnav li a:hover {
	background:#c61124;
	text-decoration:none;
}

.login,.join {
	width:190px;	
	
}

.teachers,.principals,.university, .chat {
	width:90px;
}
.topnav li.chat a  {
	background:#de2227;
	background-image: url(/portals/_default/skins/AMLE-Responsive/images/chatoffline.png);
	background-repeat: no-repeat;
	background-position: center center;
}

.innertext {
	position: absolute;
	bottom: 3px;
	right: 5px;
	font-size: 13px;
	text-align:right;
	letter-spacing: -.04em;
}

.lrgtitle {
	font-size:18px;
	position:absolute;
	top:5px;
	left:5px;
}

.bannertitle {
	font-family:'Varela', Arial, sans-serif !important;
	font-size:20px !important;
	font-weight:normal !important;
	padding-left: 10px;
	margin-top:10px;
	margin-bottom:10px;
}


.navsubtitle,.navsubtitle:hover {
	background:transparent !important;	
	display: block;
	font-size: 12px !important;
	color: #666;
	font-style: italic;	
	position:absolute;
	top: 0;
	padding-top:20px !important;
}

.side-social{
    float: left;
    width: 30px;
    height: 30px;
    margin: 0 5px 0 0;
   /* -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    -ms-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    transition: all ease 0.5s;*/
}

.facebook{background: url("/newsletter/images/AMLE_facebook.png")}
.twitter{background: url("/newsletter/images/AMLE_twitter.png")}
.linkedin{background: url("/newsletter/images/AMLE_linkedin.png")}
.pintrest{background: url("/newsletter/images/AMLE_pintrest.png")}
.youtube{background: url("/newsletter/images/AMLE_youtube.png")}

/*.side-social:hover{
    background-position: 0 -30px;
}*/

#searchandsocial {
	position: absolute;
	bottom: 0;
}

#searchandsocial .NormalTextBox {
	border: 1px solid #CC3333;
	padding:10px;
	padding-top:9px;
	padding-right:2px;
	color:#606060;
	height:17px;
	width:92%;
-webkit-border-radius: 0px !important;
border-radius: 0px !important;	
}
	
.in_article_image {
	float:right;
	padding:9px;
	border:2px solid #ececec;
	margin-top: 5px;
	margin-right: 20px;
	margin-bottom: 2px;
	margin-left: 20px;
}
div.article {float:none !important;}
/* COMMENT TEXT BOX IN ARTICLES */ 
textarea[id*="tbAddComment"] { 
    height:100px; 
    width:290px;
	margin-bottom:15px;
} 
#dnn_ctr888_ViewEasyDNNNewsMain_ctl00_lblAddComment{
	display:none;	
}
.SidebarPane {
	max-width:220px;
}
#sidebarAds {
	width: 100%;
	font-size: 14px;
	text-align: center;
	color: #777;
	margin-top: 40px;
}

#articleAds {
	font-size: 14px;
	text-align: center;
	color: #777;
	float:right;
	margin-top:5px;
}
.tableBorder {
	border: 3px solid #ECECEC;
}
.tableBorder, tableBorderFull TD {
		padding: 15px;
}
.tableBorderFull TD {
	border: 2px solid #ECECEC;
}
.picBorder {
	padding:9px;
	border:2px solid #ececec;
}
#boardPhoto{
	width:180px;
	height:280px;
	text-align:center;
	float:left;
}
.homePanel {
float:left;
width:46%;
height:auto;
margin-top:25px;
margin-right:25px;
}
.memberoptions {
	background-color: #EBEBEB;
	text-align: center;
	margin:10px;
	margin-top:25px;
	padding: 10px;
	width: 80%;
	min-height:380px;
	border: 1px solid #CC3333;
	display:block;	
}
.greyghost {
	background-color: #EBEBEB;
	margin-top:25px;
	padding: 10px;
	border: 1px solid #CC3333;
	display:block;	
}
.memberoptiondescription{
	font-size:13px;
}
.memberoptions span {
	font-size:12px;
}
.memberoptions .GlobalStartProcess_MXDefault.MXDefault input, .fmemberoptions .GlobalStartProcess_MXDefault.MXDefault input {
float: inherit;

}
.fmemberoptions {
	background-color: #f9f9f9;
	text-align: center;
	margin:10px;
	padding: 10px;
	width: 85%;
	min-height:415px;
	border: 1px solid #CC3333;	
	display:block;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.20);	
}
.memberoptions h3 {
	font-size:19px;
	margin-bottom:10px;
}
.fmemberoptions h3 {
	font-size:22px;
	margin-bottom:10px;
		color:#CC3333;
}
.memberoptions h4 {
	font-size:17px;
}
.fmemberoptions h4{
	font-size:18px;
}
a.AMLEbutton {
	background: none repeat scroll 0 0 #CC3333 !important;
	border: 2px solid transparent;
	/*border-radius: 10px 10px 10px 10px;*/
	color: #FFFFFF !important;
	cursor: pointer;
	font: inherit;
	text-shadow: none;
	text-transform: none;
	width: auto;
	font: 13px/1.5 'Varela',Arial,sans-serif;
	text-decoration:none!important;
	display:inline-block;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 10px;
	z-index:999;
}
ul, ol {
    margin: 0 0 25px 30px;
    padding: 0;
}

.amagcovers {
	width:380px;
	float:left;
	margin-right:15px;
}
.amagcovers p{
	margin: 0 0 5px;
}
.amagcovers .mag{
	float:left;
	margin-bottom:20px;
	margin-right:10px;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.10);
}

.magcovers {
	width:100%;
	float:left;
	clear:right;
	margin-bottom:20px;
}
/*.magcovers em{
	font-size:12px;	
}
.magcoversa em{
	background-color:#EBEBEB;	
	font-size:12px;
	padding:3px;
}*/
.magcoversa {
	width:100%;
	float:left;
	clear:right;
	margin-bottom:25px;
	background-color:#F9F9F9;
	border:3px solid #EBEBEB;
}
.magcovershalf {
	width:48%;
	min-width:400px;
	float:left;
	margin-bottom:25px;
	margin-right:15px;
	display:block;
}
.magcovers .mag{
float:left;
margin-bottom:25px;
margin-right:20px;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.10);	
}
.magcoversa .mag{
float:left;
margin-right:20px;
border: 4px solid #DADADA;
}
.videoinsert{
margin-left:20px;	
}
.one-half {
	width:250px;
	float:left;
	margin-right:20px;
}
.one-halflb {
	width:45%;
	float:left;
	margin-right:10px;
}
.lineright {
	border-right: 1px solid #ccc;
    padding-right: 18px;
}
#marketplaceJumpList {
	width:auto;
	float:right;
}
#marketplaceJumpList select, option{
	font-size:12px;
	padding:3px;
	margin-bottom:5px;
}
.NormalRed{
	color:#CC0000;
	font-size:12px;
}
#printpagelink {display:none;}
#videoGrid {
	width:400px;
	min-height:380px;
	float:left;
	margin-right:20px;
	margin-bottom:20px;
	vertical-align: top;
}