/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

@import url(../../../css/custom.css);


html body {color: #555555;}
h1, h2, h3, h4, h5, h6 {color:#444;}

.custom-logo { background-image: url(../../../../../images/litespeed/litespeed_logo.png); }

.inline-box {display:inline-block;text-align:center;color:#333;margin: 10px 20px}

/* Positioning of HOME menu icon in the Top Menu */  
#toolbar .menu span.icon {   
float: left;   
background-repeat: no-repeat;  
background-position: 0 16px;  
padding-left: 20px;  
height: 32px;  
}


/* Frontpage: Features
----------------------------------------------------------------------------------------------------*/

.frontpage-teaser1 {
	background-image: url(../../../../../images/litespeed/slideshow/infinite_teaser1_default.jpg);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
}

.frontpage-teaser2 {
	background-image: url(../../../../../images/litespeed/slideshow/infinite_teaser2_default.jpg);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
}

.frontpage-teaser3 {
	background-image: url(../../../../../images/litespeed/slideshow/infinite_teaser3_default.jpg);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
}


.frontpage-features { 
	margin-top: 100px; 
	overflow: hidden;
}

.frontpage-features h1 {
	margin: 20px 0 5px 0;
	font-size: 19px;
	line-height: 20px;
}




/* ------- SLIDESHOW CAPTIONS ------- */


#top-a .wk-slideshow-infinite .caption h1 {  
/* background-color: rgba(173, 21, 27, 0.8);  */
background: none;
font-size: 38px;  
line-height: 38px;  
color: #FFFFFF;  
margin-top: 6px;  
text-transform: none;  
font-family: Trebuchet MS, Tahoma, "OpenSandsRegular";
text-shadow: 1px 1px 2px #333;
}  

#top-a .wk-slideshow-infinite .caption h1 + span {  
/* background-color: rgba(126, 30, 34, 0.85);  */
background: none;
font-size: 30px;  
line-height: 35px; 
font-family: Trebuchet MS, Tahoma, "OpenSandsRegular";
text-shadow: 1px 1px 2px #333;
font-style: italic;
}  

#top-a .wk-slideshow-infinite .caption h1,   
#top-a .wk-slideshow-infinite .caption h1 + span {  
float: left;  
margin-left: 10%;  
padding: 12px 20px;  
}


/* Only Phones (Portrait) */

@media (max-width: 479px) {
	#top-a .wk-slideshow-infinite .caption h1, #top-a .wk-slideshow-infinite .caption h1 + span  {  
        font-size: 130%;  
        line-height: auto;
        margin-left:0;
    }
}



/* ------------- MAIN MENU --------------- */

#menu {margin-left: 5px; }






/* Sidebar/Accordion Menu
----------------------------------------------------------------------------------------------------*/

.module.mod-box .menu-sidebar { margin: -15px; }
.module.mod-box .module-title + .menu-sidebar { margin-top: 0; }
.module.mod-box-header .module-title + .menu-sidebar { margin-top: -11px; }

/* Link */
.menu-sidebar a.level1,
.menu-sidebar li > span.level1 { 
background: #E1E1E1;
	background: -webkit-linear-gradient(top, #E9E9E9, #E1E1E1);
	background: -moz-linear-gradient(top, #E9E9E9, #E1E1E1);
	background: -o-linear-gradient(top, #E9E9E9, #E1E1E1);
	background: linear-gradient(to bottom, #E9E9E9, #E1E1E1);
	border-top: 1px solid #d1d1d1;
	padding: 0 10px;
	box-shadow: inset 0 1px 0 #fff;
	color: #555555;
	text-transform: none;
	font-size: 13px;
	text-shadow: 0 1px 0 #fff;
}

.mod-box-black .menu-sidebar a.level1,
.mod-box-black .menu-sidebar li > span.level1  {
	border-top: 1px solid #474747;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
	text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
	color: #fff;
}

.menu-sidebar a.level1 > span,
.menu-sidebar span.level1 > span { padding: 7px 0; }

.mod-box .menu-sidebar li.level1:first-child a.level1 { 
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.mod-box .menu-sidebar li.level1:last-child a.level1 {
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

.module.mod-box .module-title + .menu-sidebar li.level1:first-child > .level1 { border-radius: 0; }

.menu-sidebar li.level1:first-child a.level1,
.menu-sidebar li.level1:first-child span.level1,
.menu-sidebar li.level1.current + li.level1 a.level1,
.menu-sidebar li.level1.current + li.level1 span.level1 { border-top: none; }

.module.mod-box .module-title + .menu-sidebar li.level1:first-child > .level1 { border-top: 1px solid #d1d1d1; }
.module.mod-box.mod-box-black .module-title + .menu-sidebar li.level1:first-child > .level1 { border-top: 1px solid #474747; }

/* Hover */
.menu-sidebar a.level1:hover,
.menu-sidebar li > span.level1:hover { 
	background: #E1E1E1;
	background: -webkit-linear-gradient(top, #E9E9E9, #E1E1E1);
	background: -moz-linear-gradient(top, #E9E9E9, #E1E1E1);
	background: -o-linear-gradient(top, #E9E9E9, #E1E1E1);
	background: linear-gradient(to bottom, #E9E9E9, #E1E1E1);
}

.mod-box-black .menu-sidebar a.level1:hover,
.mod-box-black .menu-sidebar li > span.level1:hover { 
	background: #4D5055;
	background: -webkit-linear-gradient(top, #4D5055, #45494E);
	background: -moz-linear-gradient(top, #4D5055, #45494E);
	background: -o-linear-gradient(top, #4D5055, #45494E);
	background: linear-gradient(to bottom, #4D5055, #45494E);
}

/* Current */
.module.mod-box .menu-sidebar li.level1 > .active.level1,
.module.mod-box .menu-sidebar li.level1 > .current.level1 { 
	padding-right: 9px;
	border-width: 1px;
	border-style: solid;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.3);
	text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
	color: #fff;
}

.module.mod-box-black .menu-sidebar li.level1 > .active.level1,
.module.mod-box-black .menu-sidebar li.level1 > .current.level1 { 
	padding-right: 10px;
	border-left: 0;
	border-right: 0;
	border-top-color: #474747;
}

/* Level 1 */
.menu-sidebar li.parent .level1 > span { 
	background-position: 100% 0;
	background-repeat: no-repeat; 
}

.module.mod-box-black .menu-sidebar li.parent .level1 > span { 
	background-position: 100% 0;
	background-repeat: no-repeat; 
}

.menu-sidebar li.parent:hover .level1 > span,
.module.mod-box-black .menu-sidebar li.parent:hover .level1 > span { background-position: 100% -23px; }

.menu-sidebar li.parent.active .level1 > span,
.module.mod-box-black .menu-sidebar li.parent.active .level1 > span { background-position: 100% -23px; }

/* Level 2-4 */


.menu-sidebar ul.level2 ul { padding-left: 12px; }

.menu-sidebar ul.level2 { 
	padding: 0;
	background: #fff;
/*	background: -webkit-linear-gradient(top, #53565A, #45494D);
	background: -moz-linear-gradient(top, #53565A, #45494D);
	background: -o-linear-gradient(top, #53565A, #45494D);
	background: linear-gradient(to bottom, #53565A, #45494D); */
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.3),
				inset 0 -1px 1px rgba(0,0,0,0.1);
/*	list-style-type: none; */
			
}

.mod-box-black .menu-sidebar ul.level2 { 
	background: #fff;
/*	background: -webkit-linear-gradient(top, #414447, #3D3F42);
	background: -moz-linear-gradient(top, #414447, #3D3F42);
	background: -o-linear-gradient(top, #414447, #3D3F42);
	background: linear-gradient(to bottom, #414447, #3D3F42); */
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.1),
				inset 0 -1px 1px rgba(0,0,0,0.1);
				/*	list-style-type: none; */
}

.menu-sidebar li.level1:last-child ul.level2 { 
	padding-bottom: 7px; 
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}

.menu-sidebar ul.level2 a {
	padding-left: 18px;
	background: none;
	background-position: 0 0;
	background-repeat: no-repeat;
/*	text-shadow: 0 -1px 0 rgba(0,0,0,0.4); */
	color: #474747;
	/*	list-style-type: none; */
}

.menu-sidebar ul.level2 a:hover,
.menu-sidebar ul.level2 a.current { 
	background-position: 0 -23px; 
	color:#febf01; 
	background: #474747;
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.3),
				inset 0 -1px 1px rgba(0,0,0,0.1);
	}


.menu-sidebar .level2 a > span {
	font-size: 13px;
	line-height: 28px;
	}
	


/* Icons */
.menu-sidebar span.icon { 
	margin-right: 2px;
	margin-left: -4px; 
}




/* 	BACKGROUND - MODULE BLOCKS */

.mod-box {
padding: 13px; 
margin-right: 20px;
border: 2px solid #fff;
border-radius: 7px;
background: #f7f7f9;
box-shadow: 0 0 0 1px rgba(0, 0, 2, 0.1), 0 1px 0 rgba(0, 0, 2, 0.15), 0 1px 1px rgba(0, 0, 2, 0.1);
}

#block-top-b {padding: 5px 0 } 

#top-b .module {margin: 3px 10px;}

.contactBlue {color: #327ccb; padding-right: 15px; font-size:12px;}

.noBullet {list-style-type: none; padding:0; margin:0; font-size:12px;}

/* .noBullet li {padding-bottom: 5px;} */


/* Title */

.title {color: #327ccb;}


@media  (max-width: 767px) {    
         .wk-slideshow-infinite .caption h1 {  
     width: 100%;  
     display: block;     
         margin-right: 0px;    
         font-size: 130%;  
     }  

     .wk-slideshow-infinite .caption h1 + span {  
     width: 100%;  
     display: block;     
         margin-right: 0px;    
         font-size: 100%;  
     }  
}

#breadcrumbs {font-size: 12px;}

/* quotes in testimonial */
.quote-logo-block {float:right; padding: 15px 5px 15px 0px;}
.quote-block {float:left; width:440px; padding-left: 16px;}
.quote-section { width:100%; color: #333333;font-size: 16px;font-style: italic;font-weight: normal;padding: 10px 20px 0px; position:relative;}
.quote-section .left-quote {left: 10px;position: absolute;top: 18px;  width: 21px; height: 16px; background:url(../../../../../images/litespeed/Subpage_misc/quotes_s16.png) no-repeat 0 0;  display: inline-block}
.quote-section .right-quote { width: 21px; height: 16px; display: inline-block; background:url(../../../../../images/litespeed/Subpage_misc/quotes_e16.png) no-repeat 0 0; position: relative; top: 3px;  margin-left: 5px;}
.quote-section .left-quote-gray {left: 10px;position: absolute;top: 18px;  width: 21px; height: 16px; background:url(../../../../../images/litespeed/Subpage_misc/quotes_s16_gray.png) no-repeat 0 0;  display: inline-block}
.quote-section .right-quote-gray { width: 21px; height: 16px; display: inline-block; background:url(../../../../../images/litespeed/Subpage_misc/quotes_e16_gray.png) no-repeat 0 0; position: relative; top: 3px;  margin-left: 5px;}
.quote-section .author {color: #996600;font-size: 12px;text-align: right; font-weight:normal; font-style: normal; margin-top: 13px; }
.quote-section .author span.black {color: #000000;display: inline-block;font-size: 11px;line-height: 10px; font-weight:normal;padding-left:4px;}
.quote-section .button-more {margin-left: 20px; }

blockquote {font-family: Arial, Helvetica, sans-serif;}

.editions-list {font-size: 12px; display: table}
.editions-list .box-content {margin: 10px 10px; height:430px;  border: 0; border-radius:5px;box-shadow:3px 3px 2px 0px rgba(0,0,0,0.2);}
.editions-list h3 {margin:0;}
.editions-list ul {margin-left: 10px;}
.editions-list li {margin-bottom: 5px}

.feature-list {font-size: 12px; display: table;}
.feature-list .box-content {margin: 10px 15px 30px 15px; border: 1px solid #dbdbdb; border-radius:4px;box-shadow:inset 1px 0px 7px rgba(20,20,20,0.08);}
.feature-list ul {margin: 0 15px 0 15px;}
.feature-list h3 {margin:0 0 20px 0;}
.feature-list h3 img {margin:-5px 15px -10px -10px;}
.feature-list li {margin-bottom: 5px}
.feature-list li a {color:#555555;}
.feature-list li a:hover {color:#3584d8;}

.solution-list {display: table;}
.solution-list a:hover .box-content {background:#fffff8; border: 1px solid #d0d0d0; color: #555555;}
.solution-list a:hover h3 {color:#e58400;}
.solution-list .box-content {margin: 10px 15px 30px 15px; height:100px; border: 1px solid #dbdbdb; border-radius:4px;}
.solution-list a .box-content {color:#555555;}
.solution-list ul {margin: 0 15px 0 15px;font-size: 13px; }
.solution-list h3 {margin:0 0 20px 0; font-weight:bold; color:#fd9900;}
.solution-list h3 img {margin:-5px 15px -10px -10px;}
.solution-list li {margin-bottom: 5px}

.product-list a:hover .mod-box  {background: #fffff8; color:#444;}
.product-list a .mod-box  {color:#666666;}
.product-list .mod-box {height:200px;}
.product-list a .mod-box {color:#666666;text-align:left;}

.solution-content .quote-block {float:left; width:90%; color:#777; padding-left: 15px;border-top:1px solid #ddd; border-bottom: 1px solid #ddd;}
.solution-content .quote-section {font-size: 13px; padding: 10px 20px;}
.solution-content .quote-section .left-quote {left: 15px;position: absolute;top: 18px;  width: 16px; height: 12px; background:url(../../../../../images/litespeed/Subpage_misc/quotes_s12.png) no-repeat 0 0;  display: inline-block}
.solution-content .quote-section .right-quote { width: 16px; height: 12px; display: inline-block; background:url(../../../../../images/litespeed/Subpage_misc/quotes_e12.png) no-repeat 0 0; position: relative; top: 3px;  margin-left: 5px;}
.solution-content .quote-section .author {margin-top: -5px; margin-right:20px;} 
.solution-content h3 {margin: 25px 0 10px 0; background: url(../../../../../images/litespeed/Subpage_misc/h3-check.png) no-repeat 0 0; padding: 5px 10px 5px 40px; display: inline-block;}
.solution-content p {margin: 5px 0;}
.solution-content .mod-box {margin: 25px 0; border:0; background:#3584d8;font-size:16px; color:#fff;line-height:25px;} 
.solution-content .mod-box a {color:#fff;}
.solution-content .mod-box a:hover {color:#ffcc00;}

.overview-div {font-size:13px;}
.overview-div h3 {color:#3584d8;margin-left:35px;} 
.overview-div p {margin-left:35px;}

table.zebra2 {background:#fff;box-shadow:0 2px 4px rgba(0,0,0,0.08)}
table.zebra2 caption{color:#333}
table.zebra2 thead{background:#3584d8}
table.zebra2 thead tr td, table.zebra2 thead tr th{border:1px solid #077cb7}
table.zebra2 thead th{color:#fff;font-size:16px;text-align:center;}
table.zebra2 tbody tr:hover, table.zebra2 tbody tr.odd:hover{background:#e9f3fa}
table.zebra2 tbody tr.odd{background:#f0f0f0; text-align:left;font-weight:bold}
table.zebra2 tfoot tr{border-bottom:1px solid #c7c7c7;background:#e4e4e4;color:#555555}
table.zebra2 th, table.zebra2 td{padding:5px; border:1px solid #cdcdcd; }
table.zebra2 tbody, table.zebra2 tfoot{font-size:12px; text-align:center}
table.zebra2 .bold{font-weight:bold}
table.zebra2 .feature{text-align:left}
table.zebra2 td *{vertical-align:middle}
table.zebra2 td .feature-descr {line-height:110%;padding:5px; text-align:left;font-size: 11px; color: #A7A7A7;}
table.zebra2 tfoot{font-style:italic}
table.zebra2 caption{font-size:11px;text-align:left;font-style:italic}

/* case study */
.case-solution {margin:10px 0;}
.case-solution .box-content {margin: 20px 50px 30px 0px; border: 1px solid #dbdbdb; border-radius:4px;}
.case-solution ul {margin: 0 15px 0 15px;font-size: 13px; }
.case-solution h3 {margin:0 0 20px 0; font-size: 16px; font-weight:bold; color:#fd9900;}
.case-solution #challenge {margin-bottom:-5px; padding-right: 10px;  width: 28px; height: 28px; background:url(../../../../../images/litespeed/Subpage_misc/case-challenge-ico.png) no-repeat 0 0;  display: inline-block}
.case-solution #solution {margin-bottom:-5px; padding-right: 10px; width: 28px; height: 28px; background:url(../../../../../images/litespeed/Subpage_misc/case-solution-ico.png) no-repeat 0 0;  display: inline-block}
.case-solution #story {margin-bottom:-5px; padding-right: 10px; width: 28px; height: 28px; background:url(../../../../../images/litespeed/Subpage_misc/case-story-ico.png) no-repeat 0 0;  display: inline-block}
.case-solution li {margin-bottom: 5px}
.case-solution .ref {margin:10px 0 10px 20px; float: right; width:30%;}
.case-solution .refbox {border: 1px solid #dbdbdb; border-radius:4px; background-color:#dedede;padding:10px;margin-bottom: 20px;}
.case-solution .refbox h5 {margin:10px 0 15px 0;}
.case-solution .refbox ul {font-size:11px; margin:0 0 0 12px;}
.case-solution .refbox li {margin-bottom:0}
.case-solution a, .case-solution a:visited {color:#888;}
.case-solution a:hover {color:#d50;} 
.case-solution .byline {font-size: 11px; color: #808080; font-style: italic; text-align: right; line-height: 2px;}

.dl-box {padding:10px;}
.dl-box .separator dt {padding-top:10px;padding-bottom:10px;color:#0081C1;font-weight:bold;}
.dl-box .separator dd {padding-top:10px;padding-bottom:10px;}

/* partners */
table.partner {background:#fff;box-shadow:0 2px 4px rgba(0,0,0,0.08)}
table.partner caption{color:#333}
table.partner tfoot tr{border-bottom:1px solid #c7c7c7;background:#efefef;color:#555555}
table.partner td{padding:0 15px; border-bottom:1px solid #eee; }
table.partner tbody, table.partner tfoot{font-size:12px; text-align:center}
table.partner td *{vertical-align:middle}
table.partner tfoot{font-style:italic}
table.partner caption{font-size:11px;text-align:left;font-style:italic}

table.partner td.platinum {padding:0;text-align:left; width:12px;background:url(../../../../../images/litespeed/Subpage_misc/platinum_bg.png) repeat-y}
table.partner td.gold {padding:0; text-align:left; width:12px;background:url(../../../../../images/litespeed/Subpage_misc/gold_bg.png) repeat-y}
table.partner .partner-logo {padding:0;width:200px;text-align:center}
table.partner .partner-desc {width:40%; text-align:left;}
table.partner .company {font-weight:bold;font-size:14px;}
table.partner .magento-ico{ width: 20px; height: 20px; display: inline-block; background:url(../../../../../images/litespeed/Subpage_misc/specialty-magento-ico.png) no-repeat 0 0; position: relative; top: 3px;  margin-left: 5px;}
table.partner .wp-ico{ width: 20px; height: 20px; display: inline-block; background:url(../../../../../images/litespeed/Subpage_misc/specialty-wp-ico.png) no-repeat 0 0; position: relative; top: 3px;  margin-left: 5px;}
table.partner .ssd-ico{ width: 20px; height: 20px; display: inline-block; background:url(../../../../../images/litespeed/Subpage_misc/specialty-ssd-ico.png) no-repeat 0 0; position: relative; top: 3px;  margin-left: 5px;}
table.partner .ddos-ico{ width: 20px; height: 20px; display: inline-block; background:url(../../../../../images/litespeed/Subpage_misc/specialty-ddos-ico.png) no-repeat 0 0; position: relative; top: 3px;  margin-left: 5px;}
table.partner .cloud-ico{ width: 20px; height: 20px; display: inline-block; background:url(../../../../../images/litespeed/Subpage_misc/specialty-cloud-ico.png) no-repeat 0 0; position: relative; top: 3px;  margin-left: 5px;}
table.partner .joomla-ico{ width: 20px; height: 20px; display: inline-block; background:url(../../../../../images/litespeed/Subpage_misc/specialty-joomla-ico.png) no-repeat 0 0; position: relative; top: 3px;  margin-left: 5px;}
table.partner .drupal-ico{ width: 20px; height: 20px; display: inline-block; background:url(../../../../../images/litespeed/Subpage_misc/specialty-drupal-ico.png) no-repeat 0 0; position: relative; top: 3px;  margin-left: 5px;}

/* for documentation */

.lsdoc_content h2 {margin-top:0;}

.toctop a {TEXT-DECORATION: none }
.toctop a, .toctop a:visited  { COLOR: #0081c1; }
.toctop a:hover{ COLOR: #d50; }

.helpitem {
	display: block;
	margin: 20px 0 10px 0;
	position: relative;	
}

.toc-row {
	display: inline; 
	border: 0 solid #07a;
	border-width: 1px 0 0 0;
	padding: 2px 0 0 0;
	margin: 0 0 10px 0;
	position: relative;	
}

.toc-row header {
	color: #555; font-size: 14px; font-weight: bold;
}

.toc-row header a, .toc-row p a {
	color: #0081c1;	TEXT-DECORATION: none;
}

.toc-row a:hover { color: #d50; TEXT-DECORATION: none}


.toc-row p {
	color: #aaa;	
}

.toc {
	display: block; padding: 20px 20px 20px 20px; BACKGROUND-COLOR: #fafafa;
}

.ht {
    BACKGROUND-COLOR: transparent; FONT-SIZE: 13px; COLOR: #555;
}

.ht-title {
    FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #FFFFFF; BACKGROUND-COLOR: #555; background-image:linear-gradient(#888,#666);
}
.ht-label {
	FONT-WEIGHT: bold; COLOR: #555; FONT-SIZE: 13px;
}
 

.ht-title .top { FONT-SIZE: 11px; TEXT-ALIGN: right; float:right;padding-top:3px;padding-right:5px;}
.ht-title .top A, .top A:visited {COLOR: #FFFFFF; }


.cmd {
  padding: 0 3px 2px;
  font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
  font-size: 12px;
  color: #d14;
  background-color: #f7f7f9;
  border: 1px solid #e1e1e8;
  white-space: nowrap;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.tag {
  padding: 0 3px 2px;
  font-size: 12px;
  color: #fff;
  background-color: #0081c1;
  white-space: nowrap;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.val { COLOR: #222; FONT-WEIGHT: bold }
.tagI, .tagP{ COLOR: #0081c1; FONT-WEIGHT: bold }
.tagI A, .tagI A:visited, .tagP A, .tagP A:visited  { COLOR: #0081c1; TEXT-DECORATION: none }
.tagI A:hover, .tagP A:hover  { COLOR: #d50; TEXT-DECORATION: underline }

h4 {
  font-size: 14px;font-weight:bold;
}