/*
 * DotNetNuke Skin styles by bestdnnskins.com
 */
@import url(css/all.css);
@import url(css/mobile.css);
@import url(css/mobile2.css);
@import url(css/tablet.css);
@import url(css/flexslider.css);
@import url(css/fancybox.css);
@import url(bootstrap/css/bootstrap.css);
@import url(bootstrap/css/bootstrap-responsive.css);
/*--------- Global CSS Reset & Standards ----------*/
Body { margin:0;padding:0; }
#Body {
    margin: 0;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    line-height: 20px;
    color: #333333;
    background: url(ht_images/HTVR-3037_Mothership_body_bg.png) 947px 0px no-repeat #fff;    
}
html,body{ margin:0; padding:0; height:100%; font:normal 12px/1.5 Arial, Tahoma, Helvetica, Verdana, sans-serif; color:#333333; }
form#Form{ height:100%; }
TH,TD,DIV{ font-family:Arial, Tahoma, Helvetica, Verdana, sans-serif;}
p{ margin: 0 0 10px; font-size: 13px;line-height: 19px;color: #333333;}
ol, ul { list-style: none;}
ol li {list-style-type: decimal;}
li,ul li{ list-style:disc;}
a{outline:0;border:0;}
img{border:0;}
.ModuleTitle_SubMenu{ z-index:9999!important; }	
A:link { color: #4294F7; text-decoration : none; }
A:visited { color: #4294F7; text-decoration : none; }
A:hover { color: #4294F7; text-decoration : none; }
A:active { color: #4294F7; text-decoration : none; }

h1{color:#333333;font-weight:bold;font-family:Arial, Tahoma, Helvetica, Verdana, sans-serif;}
h2{color:#333333;font-weight:bold;font-family:Arial, Tahoma, Helvetica, Verdana, sans-serif;}
h3{font-size:21px;line-height:1.5em;color:#dd4814;font-weight:bold;font-family:Arial, Tahoma, Helvetica, Verdana, sans-serif;}
h4{font-size:18px;color:#000000;font-weight:bold;font-family:Arial, Tahoma, Helvetica, Verdana, sans-serif;margin-bottom: 10px;}
h5{font-size:14px;line-height:1.5em;color:#333333;font-weight:bold;font-family:Arial, Tahoma, Helvetica, Verdana, sans-serif;}
h6{font-size:14px;line-height:1.5em;color:#333333;font-weight:bold;font-family:Arial, Tahoma, Helvetica, Verdana, sans-serif;}

.Head{ font-weight:bold; font-size:15px; }
.SubHead { font-weight:bold;  font-size:14px; }
.SubSubHead{ font-size:13px; }
.Normal { font-size:13px; line-height:1.5em; color:#333333;}

.clearafter:after{ clear:both; content:"."; height:0px; font-size:0px; visibility:hidden; display:block; }
.clearafter{ display:inline-block; }
.clearafter{ display:block; }
.clear{ clear:both; }
.clear_float{ clear:both;line-height:0;font-size:0;}

/*--------- ControlPanel style ----------*/
.controlpanel_bg { width: 100%; background:#FFFFFF; }
.controlpanel_style {width:900px; margin:0 auto}
.controlpanel_style table {width:100%}

.CommandButton { font-size: 11px; font-weight : normal; color: #0033CC; text-decoration: none; }
A.CommandButton:link, A.CommandButton:visited, A.CommandButton:active { font-size: 11px; font-weight : normal; color : #0033CC; text-decoration : underline; }
A.CommandButton:hover { font-size: 11px; font-weight : normal; color : #0033CC; text-decoration : none; }

.FileManager A, .FileManager A:link, .FileManager A:visited, .FileManager A:active{ color:#000; text-decoration: underline; }
.FileManager A:hover{ color:#000; text-decoration:none; }
.dnnPrimaryAction, .dnnFormItem input[type="submit"], a.dnnPrimaryAction, a.dnnPrimaryAction:link { color: #FFFFFF; text-decoration : none; }

/*--------- Footer style ----------*/
#Body .ht-bottom-links-box span, 
#Body .ht-bottom-links-box a {
    color: #202020 !important;
}

/*--------- Search style ----------*/
#Search{ float:right;margin:0px 0 5px 0;}
@media handheld, only screen and (max-width: 640px){
#Search { float:left; margin-left: 24px; margin-top: 10px; }
}

.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:30px; 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"] {background: #fff; border: 1px solid #d1d1d1; font-size:12px; color: #666666; width: 180px;height: 28px;line-height: 20px; padding: 0px 0px 0px 5px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; moz-transition: border linear 0.2s, box-shadow linear 0.2s; -o-transition: border linear 0.2s, box-shadow linear 0.2s; transition: border linear 0.2s, box-shadow linear 0.2s;margin-right:53px;}
#Search input[type="text"]:active, #Search input[type="text"]:focus { width:180px;}
#Search a{display: block;position:absolute;right:0; top:0;height:33px; width:48px; padding:0;padding-right: 0px;margin-top: 0px;border:none;box-shadow:none;webkit-box-shadow:none;overflow:hidden;text-indent:-99999px;background:url(ht_images/ht-search-go-btn.png) no-repeat;z-index:1;cursor:pointer;}
#Search a:hover {display: block;position:absolute;right:0; top:0;height:33px; width:48px; padding:0;padding-right: 0px;margin-top: 0px;border:none;box-shadow:none;webkit-box-shadow:none;overflow:hidden;text-indent:-99999px;background:url(ht_images/ht-search-go-btn-on.png) no-repeat;z-index:1;cursor:pointer;}

ul.searchSkinObjectPreview  { z-index: 9999!important;}

/*--------- Breadcrumb style ----------*/
.breadcrumb_style { padding:15px 5px 10px 5px; color:#444; font-size:13px; }
.Breadcrumb, A.Breadcrumb:link, A.Breadcrumb:visited, A.Breadcrumb:active { color:#444;; font-size:13px; text-decoration:none; }
A.Breadcrumb:hover  { color:#000; text-decoration:underline; }
#dnn_dnnbreadcrumb_lblBreadCrumb {margin-top:20px;margin-left:20px;/*float: left; */margin-bottom: 20px; display: block;}
.title-crumb {font-size:12px;font-weight:bold;color:#333333}
.breadcrumb-separator {margin: 4px 4px;}

/*--------- Footer style ----------*/
.Footer, A.Footer:link, A.Footer:visited, A.Footer:active { padding:0px 8px; color:#333333; font-size:10px; text-decoration:none; }
A.Footer:hover { color:#333333; text-decoration: none;}

/*--------- BannerPane Links style ----------*/
.bannerpane a { color :#f5f5f5; text-decoration : underline; }
.bannerpane a:visited { color :#dddddd; text-decoration : none; }
.bannerpane a:active { color :#ffffff; text-decoration : none; }
.bannerpane a:hover { color :#cccccc; text-decoration : none; }

/*--------- ContentPane Links style ----------*/
.Invisible_container a { color :#4294F7; text-decoration : none;font-weight:bold; }
.Invisible_container a:visited { color :#4294F7; text-decoration : none;font-weight:bold; }
.Invisible_container a:active { color :#4294F7; text-decoration : none;font-weight:bold; }
.Invisible_container a:hover { color :#4294F7; text-decoration : none;font-weight:bold; }

/*--------- Main Top style ----------*/
.main_top ul, .main_top ul li{ list-style:none;margin:0;padding:0;}
.main_top p, .main_top h3 { text-align:center;}

/*--------- Readmore style ----------*/
a.readmore{ float:left; display:block; background:url(images/more.png) 0 0 no-repeat; width:140px; height:38px; line-height:38px; padding-left:30px; text-decoration:none; color:#fff; margin-top:10px; font-size:14px; text-transform:uppercase; margin-left:-2px;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
a.readmore:hover{ background:url(images/more.png) -170px 0 no-repeat; color:#000;}

/*--------- Image Shake style ----------*/
.shake ul {list-style:none;margin:0;padding:0;}
.shake ul li {float:left;list-style:none;margin:0;padding:0;}

/*--------- Optional Slider style ----------*/
.slide_pane{ background: none; height: auto; display: block;}
.slide_bottom { margin: 0;padding:10px 0 0 0; background:none;}
.slide_pane_button { background: url(images/optional_arrow.png) no-repeat center 0; text-align: center; width: 30px; height: 20px; padding:0; margin: 0 auto; display: block; text-decoration: none;}
.active { background-position: center -40px;}

/*--------- Footer Quick Links style ----------*/
.quick_links { padding-top:10px;}
.quick_links ul{list-style:none;margin:0;padding:0;}
.quick_links ul li {float:left;list-style:none;margin:0;padding-top:0; width:100px; line-height:25px;}
.quick_links a:link, .quick_links a:active { color :#333333; text-decoration:underline;}
.quick_links a:hover, .quick_links a:visited { color :#555555; text-decoration : none;}



/*--------- Fancybox style ----------*/
.fancybox_style { margin:0; padding:5px 0 0 0;}
.fancybox_style ul { margin:0; padding:0; float:left;list-style:none; width:auto;}
.fancybox_style ul li { list-style:none; margin:1px 3px; float:left; position:relative; opacity:1;}
.fancybox_style ul li:hover { opacity:0.8;}

.float-left {float:left;}
.float-right {float:right;}
.indent-20 {margin-left:20px;margin-right:20px;}
.indent-20 .support-overview-body {padding-left:0px;padding-right:0px;width:100%;}
.padding-0 { padding: 0px;}
.padding-10 { padding: 10px;}
.grey-9 { background-color: #999999; }
.grey-e { background-color: #e5e5e5; }
.margin-bottom-0 { margin-bottom: 0px; }
.margin-bottom-5 { margin-bottom: 5px; }
.margin-bottom-10 { margin-bottom: 10px; }
.margin-bottom-15 { margin-bottom: 15px; }
.margin-bottom-20 {margin-bottom: 20px;}
.margin-bottom-25 {margin-bottom: 25px;}
.margin-bottom-30 { margin-bottom: 30px; }
.margin-bottom-40 { margin-bottom: 40px; }
.margin-top-5 {margin-top: 5px;}
.margin-top-10 {margin-top: 10px;}
.margin-top-15 {margin-top: 15px;}
.margin-top-20 { margin-top: 20px; }
.margin-top-25 {margin-top: 25px;}
.margin-top-30 {margin-top: 30px;}
.margin-top-0 {margin-top: 0px;}
.margin-top-010 {margin-top: -10px;}
.margin-right-10 {margin-right: 10px;}
.margin-right-30 {margin-right: 30px;}
.margin-left-20 {margin-left:20px;}

.font-size-11 {font-size:11px;}
.font-size-36 {font-size:36px;}

.align-adjust-content { float: right; text-align: right; }
@media (max-width: 640px) {
.align-adjust-content {float: none;text-align: left;}
}
.internetoverviewbtn{margin-left: 219px; margin-top: 144px;}
.flex-caption2 {width: auto;max-width: 100%;overflow: hidden;margin: 0;position: relative;left: 15px;top: 50px;background: none;color: #fff;font-size: 14px;font-family: Arial, Tahoma, Helvetica, Verdana, sans-serif;font-weight: normal;}
hr.slim {margin: 0 0 5px 0;padding: 0;}
h2 {font-size: 28px;line-height: 30px;}
.text-sm {font-size: 10px;}

/* ---- TOP Containers ------ */
.top-container {padding:0px;}
ul, ol { margin: 0 0 10px 16px; padding: 0;}

/* ---- Pans ------ */
.announcementBox{padding:15px 0 0 0;}
.announcementBox p{color:#fff;}
.announcementBox a{ background:url('images/white-arrow.png') no-repeat left center; padding:0 0 0 10px;color:#fff; font-weight:bold;text-decoration:none;}
.announcementBox a:hover{background:url('images/black-arrow.png') no-repeat left center;color:#333;text-decoration:none;}

/*--------- Sub Nav style ----------*/
.sub{color:#666666; text-align:center; font-weight:600; background:#ececec; height:42px; font-size:18px; padding-top:24px; border-bottom:5px solid #d8d8d8;}
.main_dnnmenu_rootitem{border-right:1px solid #666666; padding-left:30px; padding-right:30px; padding-top:5px; padding-bottom:5px; vertical-align:middle;}
.last{border-right:none;}
.main_dnnmenu_rootitem:hover{color:#38badc;}
.main_dnnmenu_rootitem .txt{padding-bottom:21px; padding-left:20px; padding-right:20px;}
.main_dnnmenu_rootitem .txt:hover{border-bottom:5px solid #38badc;}
.selected_root{color:#333333;}
@media (max-width: 640px) {
	.sub{width:100%; height:inherit; display: block; border-bottom:none; padding:0; text-align: center; line-height: 35px; background-color: #999999; display: block; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; color: #333333;}
	.main_dnnmenu_rootitem{width:90%; display: inline-block; padding: 4px 12px; margin-bottom: 0; font-size: 14px; line-height: 20px; color: #333333; text-align: center;
		text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
		vertical-align: middle;
		cursor: pointer;
		background-color: #f5f5f5;
		background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
		background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
		background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
		background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
		background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
		background-repeat: repeat-x;
		border: 1px solid #cccccc;
		border-color: #e6e6e6 #e6e6e6 #bfbfbf;
		border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
		border-bottom-color: #b3b3b3;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
		filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
		-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
		-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	}
	.main_dnnmenu_rootitem:hover, .main_dnnmenu_rootitem:focus {
		color: #333333;
		text-decoration: none;
		background-position: 0 -15px;
		-webkit-transition: background-position 0.1s linear;
		-moz-transition: background-position 0.1s linear;
		-o-transition: background-position 0.1s linear;
		transition: background-position 0.1s linear;
	}
	.main_dnnmenu_rootitem:hover, .main_dnnmenu_rootitem:focus, .main_dnnmenu_rootitem:active, .main_dnnmenu_rootitem.active, .main_dnnmenu_rootitem.disabled, .main_dnnmenu_rootitem[disabled] {
		color: #333333;
		background-color: #e6e6e6;
	}
	.main_dnnmenu_rootitem .txt{padding:0;}
	.main_dnnmenu_rootitem .txt:hover{border-bottom:none;}
	.selected_root{color: #ffffff;
		text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
		background-color: #363636;
		background-image: -moz-linear-gradient(top, #444444, #222222);
		background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222));
		background-image: -webkit-linear-gradient(top, #444444, #222222);
		background-image: -o-linear-gradient(top, #444444, #222222);
		background-image: linear-gradient(to bottom, #444444, #222222);
		background-repeat: repeat-x;
		border-color: #222222 #222222 #000000;
		border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0);
		filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	}
	.selected_root:hover,
	.selected_root:focus,
	.selected_root:active,
	.selected_root.active,
	.selected_root.disabled,
	.selected_root[disabled] {
	  color: #ffffff;
	  background-color: #222222;
	  *background-color: #151515;
	}

	.selected_root:active,
	.selected_root.active {
	  background-color: #080808 \9;
	}
}

/*-- Support Search Module*/
.itemReadmore2 { display:inline; }
.SearchResultsNavigation, .SearchResultsNavigation a:link,.SearchResultsNavigation a:active,.SearchResultsNavigation a:visited,
a.SearchResultsNavigation:link, a.SearchResultsNavigation:active, a.SearchResultsNavigation:visited { color: #003F72 ! important; font-family: Arial ! important; font-size:12px ! important; text-decoration:none ! important;}
.SearchResultsNavigation a:hover, a.SearchResultsNavigation:hover { color: #0099cc ! important; }
.asearch_left_border, .asearch_right_border {background:none;height:55px; width:0px;display:none;}
.asearch_main { background:url('ht_images/support_search_box_bg_middle.jpg') repeat-x #dddddd;width:757px; height:54px; padding-left:10px;border: 1px solid #cccccc;}
.asearch_search_td h2.subpage { margin-bottom:7px; font-size:13px !important;font-weight:bold;color:#4d4d4d !important;float: left;}
.asearch_search_td table {float: left;margin-left: 10px;font-size: 12px;}
.Super_Geeks { margin-top:2px}
.btnCategorySearch {width:79px;	height:35px;	background-image:url('ht_images/ht_res_support_overview_search.png');	margin-left:10px;float: left;margin-top: 8px; }
.hi_searchbar_field {border:1px #c6c6c6 solid;	width:430px;height:28px;padding-left:10px;margin-top: 6px;color:#999999;
                    -webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;}
.Super_Geeks {	margin-right:18px;}

.support-select-product {float:left;margin-left:20px;}

/* Global Open Search */
.ModOpenSearchResultsC {margin-bottom: 20px;}
.ModOpenSearchResultsC .hh1 {margin-bottom: 0px !important;margin-top: 0px !important;}
.ModOpenSearchResultsC .hh1 #right {color:#dd4814;font-size: 21px;} 
.ModOpenSearchResultsC .hh2 #left {font-size: 18px;line-height: 1.5em;color: #000000;font-weight: bold;font-family: Arial, Tahoma, Helvetica, Verdana, sans-serif;}
.ModOpenSearchResultsC .hh2 { margin-bottom: 15px !important; }
.ModOpenSearchResultsC .title {background-image:none;font-size:18px;font-family: Arial, Tahoma, Helvetica, Verdana, sans-serif;}
.ModOpenSearchResultsC .sample {font-size: 13px;}
.ModOpenSearchResultsC .path {font-size: 12px;}
.ModOpenSearchResultsC A.title:visited, .ModOpenSearchResultsC A.title:active, .ModOpenSearchResultsC A.title:hover, .ModOpenSearchResultsC A.title:link {color: #4294F7;}
.ModOpenSearchResultsC .navigation, .ModOpenSearchResultsC A.navigation:visited, .ModOpenSearchResultsC A.navigation:active, 
                    .ModOpenSearchResultsC A.navigation:hover, .ModOpenSearchResultsC A.navigation:link{color:#00afd8;font-size: 12px;}
.ModOpenSearchResultsC .tbfooter {width:100%;}
.ModOpenSearchResultsC .tbfooter h2 {font-size: 18px;color: #000000;}


.left-pane, .right-pane {
    width: 49.5%;
    display: inline-block;
    vertical-align: top;
}

@media screen and (max-width: 640px) {
    .left-pane, .right-pane {
        width: auto;
        display: block;        
    }
}

@media (min-width: 640px){
    .row-fluid [class*="span"] {
        min-height: 0px;
    }
}