/*
 * 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,caption, 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;}
/*table {table-layout:fixed;word-wrap:break-word;}
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:#E92E28;}
#skin_wrap { width:100%; position:inherit!important;z-index:1; margin:0 auto; background:#f7f7f7;}
.skin_width { width:100%; max-width:960px; min-width:767px; margin:0 auto; position:relative;}

#skin_header { background:url(../images/header_bg.jpg) repeat-x bottom #fff; position:relative; min-height:100px;}
.logo_style { padding:10px 5px;}
.search_style { }
.headerpane_style { position:relative; padding:10px; text-align:center; color:#666; position:relative; z-index:960;}
.socialp_style { position:absolute; top:40px; right:200px; padding:5px 10px; color:#666; z-index:960;}
.user_style { position:absolute; top:15px; right:10px; color:#888;}
#skin_nav { background:url(../images/nav_light.png) no-repeat center top #C33535; min-height:51px; position:relative;}
#mobile_nav { display:none;}
.nav_shadow { background:url(../images/nav_shadow.png) no-repeat center top ; height:20px;}
.breadcrumb_style { padding-left:10px; float:left;}
.home_position { float:left;}
.home_style { background:url(../images/home.png) no-repeat left center; height:18px; width:25px; cursor:pointer;}
.breadcrumb_right{float:right;}
.back_style{ float:right; padding:0 10px 0 5px;cursor:pointer;}
.back_style .back_button {background:url(../images/back_icon.png) no-repeat left center; padding:6px 0 6px 23px;}
.back_style a { color:#333;}
.back_style a:hover{ color:#E92E28;}

.skin_banner { margin-top:10px; padding:0 10px; position:relative;}
.skin_content { padding:10px; min-height:400px;}
.LM_position { float:left; width:22%; padding:10px 1%; }
.LM_skin_content {  float:left; min-height:400px; width:74%; padding:10px 1%;}
.leftside_style { padding:0; }
.skin_line { background:#E92E28; height:5px;}
#skin_footer { background:url(../images/footer_shadow.png) repeat-x top #5d5d5d;}
.footer_top { background:url(../images/footer_line.png) repeat-x bottom;}
.footerpane_style { padding:0 10px; min-height:0;}
.footer_bottom { padding:0 10px; color:#fff; min-height:50px;}
.copyright_style { padding:15px 0;}
.privacy_style { padding:15px 0;}

/*--------- 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; list-style-type:none; z-index:920;}

#standardMenu .rootMenu li a { display:block; position:relative; float:none; z-index:10; cursor:pointer; text-decoration:none;}
#standardMenu .rootMenu li.selected a, #standardMenu .rootMenu li.breadcrumb a, #standardMenu .rootMenu li:hover a, #standardMenu .rootMenu li a:hover { text-decoration:none;}

#standardMenu .rootMenu li a span { display:block; padding:0 20px; margin-right:1px; height:51px; line-height:51px; color:#fff; color:rgba(255,255,255,.85); white-space:nowrap; font-size:15px; font-weight:normal; text-shadow:none; font-family:'MyriadPro-Semibold', Arial, Tahoma, sans-serif; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;}
#standardMenu .rootMenu li.selected a span, #standardMenu .rootMenu li.breadcrumb a span, #standardMenu .rootMenu li:hover a span, #standardMenu .rootMenu li a:hover span { background:rgba(255,255,255,.2); color:#fff;}

/*-- SubMenu --*/
#standardMenu .subMenu {position:absolute;left:0; top:51px;z-index:1210;width:180px; display:none;padding:0; background:#fff; background:rgba(255,255,255,0.95); border:1px solid #d5d5d5;}
#standardMenu .rootMenu li.rmHover .subMenu { display:block; }
#standardMenu .subMenu ul{ margin:0; padding:0; position:relative; z-index:1200;}
#standardMenu .subMenu li{ float:none; clear:both; background:none; width:100%; padding:0; *margin-bottom:-3px;}
#standardMenu .subMenu li.item a{ border:none; border-bottom:1px solid #d5d5d5; padding:0; background:none; }
#standardMenu .subMenu li.last a{ border-bottom: none;}
#standardMenu .subMenu li.item a span{ display:block; background:none; font-size:12px; color:#666666; font-weight:normal; white-space:nowrap; height:35px; line-height:35px; padding:0 10px 0 15px; text-transform:none; margin:0;}
#standardMenu .subMenu li.selected > a span, #standardMenu .subMenu li.breadcrumb > a span, #standardMenu .subMenu li.item a:hover span { background:#f5f5f5; background: rgba(240,240,240,.5); color:#E92E28; cursor:pointer; }
#standardMenu .subMenu .subarrow{ background:url(../images/menu-arrow01.gif) no-repeat; position:absolute; right:0; top:14px; width:15px; height:7px;}

#standardMenu ul li ul li ul{ display:none; width:180px; margin:0; background:#fff; background:rgba(255,255,255,0.92);border:1px solid #d5d5d5;}
#standardMenu ul li ul li ul.level1{ display: none;position:absolute;left:180px; top:-1px; padding:0;}
#standardMenu ul li ul li ul li ul{ display:none;}
#standardMenu ul li ul li ul li ul.level2 { display:none;position:absolute;left:180px;top:-1px; padding:0;}
#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; padding:0;}

#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; padding:0;}
#megaMenu li { position:relative; display:block; float:left; list-style-type:none; z-index:920;}

#megaMenu .root li a { display:block; position:relative; float:none; z-index:10; cursor:pointer; text-decoration:none;}
#megaMenu .root li.selected a, #megaMenu .root li.breadcrumb a, #megaMenu .root li:hover a, #megaMenu .root li a:hover { text-decoration:none;}

#megaMenu .root li a span { display:block; padding:0 20px; margin-right:1px; height:51px; line-height:51px; color:#fff; color:rgba(255,255,255,.85); white-space:nowrap; font-size:15px; font-weight:normal; text-shadow:none; font-family:'MyriadPro-Semibold', Arial, Tahoma, sans-serif; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;}
#megaMenu .root li.selected a span, #megaMenu .root li.breadcrumb a span, #megaMenu .root li:hover a span, #megaMenu .root li a:hover span { background:rgba(255,255,255,.2); color:#fff;}

/*-- Category --*/
#megaMenu .category { display:none; position:absolute; top:51px; z-index:1210; width:362px; padding:0; padding:5px 10px 12px 10px; background:#fff; background:rgba(255,255,255,0.95); border:1px solid #ccc; border-radius:0 0 4px 4px; webkit-border-radius:0 0 4px 4px; -moz-border-radius:0 0 4px 4px;}
#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!important;}
#megaMenu .category li{ width:180px; padding:0;}
#megaMenu .category li.item a{ border:none; padding:0 10px; background:url(../images/mega_sub_bottom.png) no-repeat left bottom; white-space:normal; *border-bottom:1px solid #ccc;}
#megaMenu .category li.item a span{ display:block; background:none; font-size:12px; color:#555555; font-weight:normal; height:auto; line-height:35px; padding:0; text-shadow:none; text-transform:none;}
#megaMenu .category li.item a:hover span { background:none; color:#E92E28; cursor:pointer;}
#megaMenu .category li.selected > a span { color:#E92E28;}

#megaMenu ul li ul li ul{ position: relative; padding:0; width:auto; border:none; background:none;}
#megaMenu .leaf li{ clear:both;float:none; width:160px; padding:0 10px;}
#megaMenu .leaf li.item a{ text-transform: none; font-size:12px; padding:0 0 0 6px; line-height:1em; background:url(../images/right.gif) left 15px 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:35px; padding:0; text-transform:none;}
#megaMenu .leaf li.selected > a span { color:#E92E28; cursor:pointer;}
#megaMenu .leaf li li{ clear:both;float:none; width:140px;}

#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;}

/*--------- LeftMenu style ----------*/
#leftMenu { position:relative; margin:0 auto;}
#leftMenu ul { list-style:none; margin:0; padding:0;}
#leftMenu li{display:block; float:none; list-style-type:none; margin:0; padding:0; z-index:903; line-height:normal;}
#leftMenu .leftRoot li a {text-decoration:none;}
#leftMenu .leftRoot li a span { display:none; text-decoration:none;}

/*-- submenu --*/
#leftMenu .leftSub { z-index:900;width:100%; display:none;padding:0; margin:0;}
#leftMenu .leftRoot li.breadcrumb .leftSub { display:block; }
#leftMenu .leftSub ul{ margin:0; padding:0; position:relative; background:none; border:none; z-index:900;}
#leftMenu .leftSub li{float:none; clear:both; padding:0; position:relative; background:url(../images/leftmenu_light.png) repeat-x top #E5E5E5; border:1px solid #CCCCCC; border-radius:3px; webkit-border-radius:3px; -moz-border-radius:3px; margin:3px 0; }

#leftMenu .leftSub li.item a{ background:none;  }
#leftMenu .leftSub li.item a span{ display:block; font-size:13px; color:#555555; font-weight:normal; font-family:'MyriadPro-Semibold', Arial, Tahoma, sans-serif; white-space:nowrap; height:38px; line-height:38px; padding:0 10px 0 18px; text-shadow:none; text-transform:none; margin:0; }
#leftMenu .leftSub li.selected > a span, #leftMenu .leftSub li a:hover span{ color:#E92E28;}

#leftMenu .level1{ display: block; }
#leftMenu .level1 li{ background:url(../images/right.gif) no-repeat 14px 18px #f5f5f5; margin:0; border:none; border-radius:0; webkit-border-radius:0; -moz-border-radius:0; }
#leftMenu .level1 li.item a span { font-size:12px; padding-left:23px;}

#leftMenu .level2 { display: block; }
#leftMenu .level2 li{ background-position:21px 18px;  }
#leftMenu .level2 li.item a span { padding-left:30px;}

#leftMenu .level3 { display: block; }
#leftMenu .level3 li{ background-position:27px 18px;  }
#leftMenu .level3 li.item a span { padding-left:36px;}

#leftMenu img.mmIcon {max-height:24px; margin-right: 7px; vertical-align: middle;}
#leftMenu img.rootIcon {max-height:30px; margin-right: 6px; vertical-align: middle;}

/*--------- Pane Style ----------*/
.DNNEmptyPane{ display:none!important;}
.dnnpane [class*="grid"] { padding:5px 0px;}
.bannerpane { padding:0; }
.bannerpane p{ margin:0;}
.headerpane { padding:10px 5px; margin:0;}
.socialpane {}
.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_grid8 {}
.eight_grid4 {}

.footer_grid3a { margin:10px 0;}
.footer_grid3b { margin:10px 0;}
.footer_grid3c { margin:10px 0;}
.footer_grid3d { margin:10px 0;}
.footerpane { margin:0 0 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 {}

.leftsidepane { padding:10px 0; }
.l_one_grid8 {}
.l_one_grid4 {}
.l_two_grid6a {}
.l_two_grid6b {}
.l_three_grid4 {}
.l_three_grid8 {}
.l_four_grid12 {}

/*--------- Grid Style ----------*/
.row-fluid { width: 100%; *zoom: 1;}
.row-fluid:before, .row-fluid:after {display: table;content: "";}
.row-fluid:after {clear: both;}
.row-fluid [class*="span"] { display: block; width: 100%; min-height:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; float: left; margin-left: 2.127659574%; *margin-left: 1.8744680846382977%;}
.row-fluid [class*="span"]:first-child { margin-left: 0;}
.row-fluid span.SubHead center { font-weight:normal;  font-size:13px; }

.row-fluid .span12 {width: 99.99999998999999%; *width: 99.94680850063828%;}
.row-fluid .span11 {width: 91.489361693%; *width: 91.4361702036383%;}
.row-fluid .span10 {width: 82.97872339599999%; *width: 82.92553190663828%;}
.row-fluid .span9 {width: 74.468085099%; *width: 74.4148936096383%;}
.row-fluid .span8 {width: 65.95744680199999%; *width: 65.90425531263828%;}
.row-fluid .span7 {width: 57.446808505%; *width: 57.3936170156383%;}
.row-fluid .span6 {width: 48.93617020799999%; *width: 48.88297871863829%;}
.row-fluid .span5 {width: 40.425531911%; *width: 40.3723404216383%;}
.row-fluid .span4 {width: 31.914893614%; *width: 31.8617021246383%;}
.row-fluid .span3 {width: 23.404255317%; *width: 23.3510638276383%;}
.row-fluid .span2 {width: 14.89361702%; *width: 14.8404255306383%;}
.row-fluid .span1 {width: 6.382978723%; *width: 6.329787233638298%;}

/*--------- Search Style ----------*/
#Search { position:relative; margin:0 10px 0 0;}
.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:28px; 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;}
#Search input[type="text"] { position:absolute;right:0; border: 1px solid #d9d9d9; font-size:12px; color: #888; width: 140px; padding: 8px 30px 8px 8px; top: -50px; }
#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 10px; background:url(../images/icon_search2.png) no-repeat 14px 8px\9; z-index:1;cursor:pointer; opacity: 0.5; top:-40px; }
#Search a:hover { opacity:1;}

/*--------- Language Object ----------*/
.user_style .language-object{ display:inline; float:right; margin:0 0 0 5px;}
.user_style .language-object .Language { margin:0 1px;}
.user_style .language-object span img{ height:16px; width:25px; opacity:0.5; margin:0; border:2px solid transparent;}
.user_style .language-object span:hover img{ opacity:0.7;}
.user_style .language-object .Language.selected img{ opacity:1; border:1px solid #ccc; padding:1px;}

/*--------- Login Style ----------*/
.mobile_profile { display:none;}
#Login{ position:absolute; top:7px; right:10px; padding-right:0; height:32px; border:1px solid #e5e5e5; border-bottom:1px solid #ccc; background:#fff url(../images/LoginLinksBg.png) repeat-x 0 0;border-radius:3px;-moz-border-radius:3px; -webkit-border-radius:3px;}
#Login ul { margin:0; padding:0;}
#Login .registerGroup, #Login .registerGroup *, #Login .loginGroup, #Login .loginGroup *{ display:block;} 
#Login .registerGroup, #Login .loginGroup{ float:left; padding:0; margin:0;} 
#Login .registerGroup li{ float:left; height:32px; border:none;}
#Login .registerGroup .buttonGroup{ margin-right:0;}
#Login .registerGroup a { border-right:1px solid #e5e5e5; position:relative; display:block; padding:0 8px; min-width:15px; height:32px; font-weight:normal; font-size:11px;vertical-align:middle;line-height:32px; color:#555555; }
#Login .loginGroup a{ position:relative; display:block; padding:0 8px; min-width:15px; font-weight:normal; font-size:11px;vertical-align:middle; height:32px; line-height:32px; color:#555555;}
#Login .registerGroup a:hover,#Login .loginGroup a:hover{ color:#E92E28;text-decoration:none;}
#Login .registerGroup a:active,#Login .loginGroup a:active{ color:#E92E28;}
#Login .registerGroup a strong,#Login .loginGroup 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;}
.registerGroup .userMessages strong,.registerGroup .userNotifications strong{background:url(../images/userLoginSprite.png) no-repeat 9px 12px;}
.registerGroup .userNotifications strong{ background-position:-92px 10px;}
.registerGroup .userMessages strong:hover{background-position:9px -39px;}
.registerGroup .userNotifications strong:hover{ background-position:-92px -41px;}
.registerGroup .userMessages strong:active{background-position:9px -90px;}
.registerGroup .userNotifications strong:active{ background-position:-92px -91px;}	

#Login .registerGroup a span{ position:absolute;right:5px; top:-7px; line-height:15px; display:inline-block;padding:2px 4px;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;}
		
#Login .registerGroup .userProfileImg a{ padding:0;background:none;min-width:25px;}
#Login .registerGroup a img{ border:0px solid blue;height:32px; width:32px;background:#555;}

/* Login Language Style */
#Login .language-object{ float:left;display:block;margin:0;padding:0;border-left:1px solid #ccc;}
#Login .language-object span{ padding:6px 8px 6px 0;*padding:4px 8px 4px 0;margin:0;float:left;}
#Login .language-object span:first-child{ padding-left:8px;}
#Login .language-object span img{height:16px; width:25px;opacity:0.5;}
#Login .language-object span:hover img{opacity:1;}
#Login .language-object .Language.selected img{ opacity:1; border:1px solid #ccc; padding:1px;}

/*--------- Togglable Tabs Style ----------*/
.nav { margin-bottom: 0;}
.nav-tabs { float:left; border-bottom:none;}
.nav-tabs > li, .nav-pills > li { float: none;}
.nav-tabs > .active > a, .nav-tabs > .active > a:hover { background:#f7f7f7; border-color:transparent; color:#E92E28;}
.nav-tabs > li > a { background:url(../images/tab_line.png) no-repeat center bottom; padding-top:12px; border-radius:0; color:#666; font-family:'MyriadPro-Semibold', Arial, Tahoma, sans-serif; font-size:13px; font-weight:normal;}
.nav-tabs > li > a:hover { color:#333333; background-color:transparent; border-color:transparent;}
.tab-content { background:#f7f7f7; border:1px solid #CECECE; padding:10px 10px 8px 10px;}
.tab-content p { line-height:2em;}
.tab-content .tab_img { float:left; width:25%; margin:10px 5px 0 5px;}
.tab-content .right_content { float:left; width:70%;} 
.tab-content .right_content p { color:#666;}

.nav-tabs2 { float:none; border-bottom: 1px solid #CECECE;}
.nav-tabs2 > li { float:left;}
.nav-tabs2 > .active > a, .nav-tabs2 > .active > a:hover { border-color:#CECECE #CECECE transparent;}
.nav-tabs2 > li > a { background:none; padding-top:12px;}
.tab-content2 { background:#f7f7f7; border-top:none;}

/*--------- Scroll Top Style ----------*/
#top-link { background:url(../images/scroll_top.png) no-repeat scroll center top rgba(0, 0, 0, 0.3); border: 0 none; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-border-radius: 3px; bottom: 52px; right: 50px; display:block; height:40px; padding:0; width:52px; 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;}

/*--------- Center Title Style ----------*/
.center_title { width:100%; margin:10px 0 15px 0;}
.title_left, .title_right { background: #ccc;display: block;height: 1px;margin: 12px 0 0;padding: 0;width: 100%;}
.title_center{ color: #666; font-family:'MyriadPro-Semibold', Arial, Tahoma, sans-serif; font-size: 15px;font-weight:500;line-height: 26px;margin: 0;padding: 0;text-align: center;text-transform: none;}