/*** template hacks - this css is loaded if the content has is_layout_page set
 * to 1 ***/

#pageLeftCol, .skinnyCTA, #pageBody .pageHead {display:none !important}
#pageBody {margin-left: 20px;}
#pageWrap {background:white}

#pageBody h1 { font-size:42px; border:none }
#pageBody h2 { margin:0; padding:0 0 29px 0 }


.idTabs { 
	margin-bottom:0 !important;
  border-bottom: 1px solid #A6C8EC;	
	height:32px;
}

.idTabs li {
	background: none repeat scroll 0 0 transparent !important;
	display: inline-block;
	list-style: none outside none;
	min-width: 23%;
	width:23%;
	max-width:23%;
	padding-left: 0 !important;
	text-align: center;
	margin: 0 0 0 10px !important;
}


.idTabs a {
	border:0;
	display: block;
	font-size: 14px;
	margin: 1px 1px 1px 0;
	padding: 6px 10px;
	text-decoration: none !important;
	transition-duration: 0.5s;
	transition-property: color;	
	outline: none;	
}

.idTabs a:hover {
	background:none transparent;
	color:black !important;
	transition-duration: 0.5s;
	transition-property: color;	
}

.idTabs a.selected {
    background: white;
    border: 1px solid #A6C8EC;
		border-bottom:1px solid white;
}


/*** landing page entities ***/

#landingPageWrapper{
	float: left;
	width: 100%;
	margin-bottom:1.5em;
}

#landingPageCol{
	margin-right: 340px; /*Set right margin to landingPageRColWidth*/
}

#landingPageRCol{
	float: right;
	width: 260px; /*Width of right column in pixels minus padding*/
	margin-left: -300px; /*Set left margin to -(landingPageRColWidth) */
	margin-right:10px;
	padding:15px 20px 0 10px;
	background:#f5f5f5;
}

.landingPageInner{
	margin: 10px 5px; /*Margins for inner DIV inside each column (to provide padding)*/
	margin-top: 0;
}

#landingPageCol .landingPageInner {
	margin:10px 0; /*don't want the left/right padding on the left column */
}


a.LPbtn, a.LPbtn:visited {
	font-size:16px;
	display: block;
	font-weight: bold;
	opacity: 0.98;
	padding: 10px 20px;
	text-align: center;
	text-decoration: none;
	width: 218px;
	color:#7f8f27;
	background: -moz-linear-gradient(		top,		#ffffff 0%,		#ffffff 50%,		#d6d6d6);
	background: -webkit-gradient(		linear, left top, left bottom, 		from(#ffffff),		color-stop(0.50, #ffffff),		to(#d6d6d6));
	background: -ms-linear-gradient(top, #ffffff 50%,#d6d6d6 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 50%,#d6d6d6 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d6d6d6',GradientType=0 ); /* IE6-9 */	
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 8px;
	border: 2px solid white;
	-webkit-box-shadow:	0px 1px 5px rgba(000,000,000,0.3), inset 0px 0px 3px rgba(255,255,255,1);
	box-shadow:	0px 1px 5px rgba(000,000,000,0.3), inset 0px 0px 3px rgba(255,255,255,1);
	text-shadow: 0px -1px 0px rgba(000,000,000,0.1), 0px 1px 0px rgba(255,255,255,1);		
	transition-duration: 0.5s;
	transition-property: color, border-color;		
}

a.LPbtn:hover {
	color:black !important;
	transition-duration: 0.5s;
	transition-property: color, border-color;
	border-color:#00BFE6;
	text-decoration:none !important;
}

a.LPbtn2 {
	opacity: 0.98;
	display:block;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #ffffff !important;
	padding: 10px 20px;                                  
	background: #8ab11f; /* Old browsers */
	background: -moz-linear-gradient(top, #8ab11f 0%, #5b7a01 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8ab11f), color-stop(100%,#5b7a01)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #8ab11f 0%,#5b7a01 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #8ab11f 0%,#5b7a01 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #8ab11f 0%,#5b7a01 100%); /* IE10+ */
	background: linear-gradient(to bottom, #8ab11f 0%,#5b7a01 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ab11f', endColorstr='#5b7a01',GradientType=0 ); /* IE6-9 */
	-webkit-border-radius: 8px;
	border-radius: 8px;
	border: 2px solid white;
	-webkit-box-shadow:	0px 1px 5px rgba(0,0,0,0.3), inset 0px 0px 1px rgba(255,255,255,0);
	box-shadow:	0px 1px 5px rgba(0,0,0,0.3), inset 0px 0px 1px rgba(255,255,255,0);
	text-shadow: 0px -1px 1px rgba(0,0,0,0.2), 0px 0 3px rgba(0,0,0,0.5);
	width:218px;
	text-align:center;
  transition-duration: 0.5s;
  transition-property: text-shadow, box-shadow, background;	
}

a.LPbtn2:hover {
	text-decoration:none !important;
	background: -moz-linear-gradient(top, #97c221 0%, #6e9301);
	background: -webkit-gradient(linear, left top, left bottom, from(#97c221), to(#6e9301));
	text-shadow: 0 0 5px black;
	box-shadow:		0px 1px 8px rgba(0,0,0,0.5),		inset 0px 0px 1px rgba(255,255,255,0);
	transition-duration: 0.5s;
	transition-property: text-shadow, box-shadow, background;
}

a.LPbtn3 {
	opacity: 0.98;
	display:block;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #ffffff !important;
	padding: 10px 20px;                                  
	background: #8ab11f; /* Old browsers */
	background: -moz-linear-gradient(top, #00bfe6 0%, #009dbe 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00bfe6), color-stop(100%,#009dbe)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #00bfe6 0%,#009dbe 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #00bfe6 0%,#009dbe 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #00bfe6 0%,#009dbe 100%); /* IE10+ */
	background: linear-gradient(to bottom, #00bfe6 0%,#009dbe 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00bfe6', endColorstr='#009dbe',GradientType=0 ); /* IE6-9 */
	-webkit-border-radius: 8px;
	border-radius: 8px;
	border: 2px solid white;
	-webkit-box-shadow:	0px 1px 5px rgba(0,0,0,0.3), inset 0px 0px 1px rgba(255,255,255,0);
	box-shadow:	0px 1px 5px rgba(0,0,0,0.3), inset 0px 0px 1px rgba(255,255,255,0);
	text-shadow: 0px -1px 1px rgba(0,0,0,0.2), 0px 0 3px rgba(0,0,0,0.5);
	width:218px;
	text-align:center;
  transition-duration: 0.5s;
  transition-property: text-shadow, box-shadow, background;	
}

a.LPbtn3:hover {
	text-decoration:none !important;
	background: -moz-linear-gradient(top, #00aed3 0%, #008fb0);
	background: -webkit-gradient(linear, left top, left bottom, from(#00aed3), to(#008fb0));
	text-shadow: 0 0 5px black;
	box-shadow:		0px 1px 8px rgba(0,0,0,0.5),		inset 0px 0px 1px rgba(255,255,255,0);
	transition-duration: 0.5s;
	transition-property: text-shadow, box-shadow, background;
}

a.LPbtn4 {
	opacity: 0.98;
	display:block;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #ffffff !important;
	padding: 10px 20px;                                  
	background: #8ab11f; /* Old browsers */
	background: -moz-linear-gradient(top, #ec4a00 0%, #c03c00 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ec4a00), color-stop(100%,#c03c00)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ec4a00 0%,#c03c00 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ec4a00 0%,#c03c00 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ec4a00 0%,#c03c00 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ec4a00 0%,c03c00 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec4a00', endColorstr='#c03c00',GradientType=0 ); /* IE6-9 */
	-webkit-border-radius: 8px;
	border-radius: 8px;
	border: 2px solid white;
	-webkit-box-shadow:	0px 1px 5px rgba(0,0,0,0.3), inset 0px 0px 1px rgba(255,255,255,0);
	box-shadow:	0px 1px 5px rgba(0,0,0,0.3), inset 0px 0px 1px rgba(255,255,255,0);
	text-shadow: 0px -1px 1px rgba(0,0,0,0.2), 0px 0 3px rgba(0,0,0,0.5);
	width:218px;
	text-align:center;
  transition-duration: 0.5s;
  transition-property: text-shadow, box-shadow, background;	
}

a.LPbtn4:hover {
	text-decoration:none !important;
	background: -moz-linear-gradient(top, #f65911 0%, #cf4d11);
	background: -webkit-gradient(linear, left top, left bottom, from(#f65911), to(#cf4d11));
	text-shadow: 0 0 5px black;
	box-shadow:		0px 1px 8px rgba(0,0,0,0.5),		inset 0px 0px 1px rgba(255,255,255,0);
	transition-duration: 0.5s;
	transition-property: text-shadow, box-shadow, background;
}


#landingPageRCol .LPbtn {margin:12px 0}

.tabContent {
	height:208px;
	border-bottom:1px solid #A6C8EC;
	padding: 20px 30px 20px 54px;
	margin-bottom:16px;
}

.tabContentInner {
	padding:0 20px 0 0;
	overflow:auto;
	height:208px;
}

.faqTabContent h2 {
	margin-top:10px !important;
}

.faqTabContent h2 a {
	font-size:15px;
}

.faqTabContent h2 a:hover {
	color:black !important;
	text-decoration:none !important;
	cursor:pointer;
}

#landingPageRCol img {
	border:4px solid white;
}

.imgBorder {
	border:1px solid #ddd;
	width:257px;
}

.imgBorder a {
	opacity:0.98;
}

#landingPageRCol .flagLnk {
	margin-bottom:5px;
	font-size:14px;
	width:240px;
	min-width:240px;
	display:inline-block;
}

.flagLnk {
	opacity:0.99;  /* bizzare chrome fix */
}

#landingPageRCol h2 {
    margin: 0;
    padding: 12px 0 4px 0;
}

.tabContent h2 {
	padding:0 !important;
}

.tabContent a.LPbtn2 {
	margin:0 auto;
	font-size:16px;
	width:170px;
}

.fourCols {
	float:left; 
	margin-right:3.5%; 
	width:21%;
	color: #495057;
  font-size: 13px;
  line-height: 150%;
}

.fourColsLast {margin-right:0}

.fourCols h2 {
	padding:0 0 8px 0 !important;
}

#btnChatLive {
    background: url("//asset.xmission.com/xmweb2/store/btn-chat-live.png") no-repeat scroll left -5px transparent;
    display: inline-block;
    height: 71px;
    opacity: 0.9;
    text-decoration: none;
    width: 74px;
}

.LPphone {
	display:block;
	text-align:center;
	margin-bottom:8px;
	font-weight:bold;
}

.LPphone span {
	font-weight:normal;
	font-size:12px;
}

#cloudConfigsTable {
	margin-top:10px;
}

#cloudConfigsTable th {
	font-size:11px;
	background:#00BFE6;
	border-bottom: 1px solid white; 
	color:white;
	font-size: 11px;
	padding: 3px 12px 2px;
	text-align: left;	
}

#cloudConfigsTable td {
	padding:8px 12px;
	border-top:1px solid #00BFE6;
	color:#434343;
	font-size:14px;
	vertical-align: baseline;
	height:21px;
}

#cloudConfigsTable .cloudType, #cloudConfigsTable .cloudCost {
	color:white;
	color:#434343;
}

#cloudConfigsTable .row1 {
	background:#592D5B;
	background-image: linear-gradient(bottom, #432245 0%, #5F3061 100%);
	background-image: -o-linear-gradient(bottom, #432245 0%, #5F3061 100%);
	background-image: -moz-linear-gradient(bottom, #432245 0%, #5F3061 100%);
	background-image: -webkit-linear-gradient(bottom, #432245 0%, #5F3061 100%);
	background-image: -ms-linear-gradient(bottom, #432245 0%, #5F3061 100%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, #432245),
		color-stop(1, #5F3061)
	);
	
	background:#ccf2fa;
}

#cloudConfigsTable .row3 {
	background:#592D5B;
	background-image: linear-gradient(top, #432245 0%, #5F3061 100%);
	background-image: -o-linear-gradient(top, #432245 0%, #5F3061 100%);
	background-image: -moz-linear-gradient(top, #432245 0%, #5F3061 100%);
	background-image: -webkit-linear-gradient(top, #432245 0%, #5F3061 100%);
	background-image: -ms-linear-gradient(top, #432245 0%, #5F3061 100%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, #5F3061),
		color-stop(1, #432245)
	);
	background:#ccf2fa;
}

#cloudConfigsTable .row2 {
	background: #994F9C; /* Old browsers */
	background: -moz-linear-gradient(left,  #562c58 0%, #994f9c 33%, #994f9c 66%, #562c58 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#562c58), color-stop(33%,#994f9c), color-stop(66%,#994f9c), color-stop(100%,#562c58)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #562c58 0%,#994f9c 33%,#994f9c 66%,#562c58 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #562c58 0%,#994f9c 33%,#994f9c 66%,#562c58 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #562c58 0%,#994f9c 33%,#994f9c 66%,#562c58 100%); /* IE10+ */
	background: linear-gradient(to right,  #562c58 0%,#994f9c 33%,#994f9c 66%,#562c58 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#562c58', endColorstr='#562c58',GradientType=1 ); /* IE6-9 */
	background:white;
}

#cloudFeaturesTable td, .checkListTable td, .checkListTableB td {
	padding:5px 25px 5px 15px;
	/* border-top:1px solid #cee454; */
	color:#434343;
	font-size:14px;
	vertical-align: baseline;
	height:21px;
}

.checkListTable td {
	background:url(//asset.xmission.com/xmweb2/cloudChecks.png) no-repeat 10px 5px;
	padding-left:42px
}

.checkListTableB td {
	background:url(//asset.xmission.com/xmweb2/check-blue.png) no-repeat 10px 5px;
	padding-left:42px
}

#cloudFeaturesTable td span, .checkListTable td span {  
	display:inline-block;
	color:white;
	background:#c3d850;
	font-weight:bold;
	border-radius:2px;
	padding:0 4px;
	margin-right:12px;
	text-shadow:0 0 2px #5f7e02; 
}

#cloudFeaturesTable img, .checkListTable img {
	vertical-align:middle;
	margin-right:10px;
}

#cloudFeaturesTable tr {
	
}

#cloudFeaturesTable tr.alt, .checkListTable tr.alt {
	background:#fcffde;
}

.checkListTableB tr.alt {
	background:#D6F5FF
}

#cloudFeaturesTable tr.lastRow td {
}

#pricing .colLeft {
	float:left;
  padding-right: 4%;
}

#pricing .colRight {
}

#cloudCostBreakdown {
	margin-top:10px;
}

#cloudCostBreakdown th {
	font-size:11px;
	background:#c2c2c2;
	border-bottom: 1px solid white; 
	color:white;
	font-size: 11px;
	padding: 3px 12px 2px;
	text-align: left;	
}

#cloudCostBreakdown td {
	padding:8px 12px;
	border-top:1px solid #c2c2c2;
	color:#434343;
	font-size:13px;
	vertical-align: baseline;
	height:21px;
	height:21px;
}

#cloudCostBreakdown tr.row1, #cloudCostBreakdown tr.row3 {
	background:#efefef;
}

#cloudCostBreakdown tr.row2 {
	background:#fafafa;
}

#pricing {
  padding-right: 0
}

.whiteLines {
	height:1px; overflow:hidden; border-top:3px solid white; margin:0 -25px 0 -15px
}

#bottomCTA {
	clear:left;
	background:url(//asset.xmission.com/xmweb2/shady.png) no-repeat center top;
	border-top:25px solid white;
	margin-right:340px;
}

.lineTop {
	border-top:1px solid #dddddd;
	padding:22px 3% 22px 0;
	font-size:14px;
}

.lineTop a {
	display:inline-block;
	margin-left:5%;
}

.pseudoCol {
	width:46%;
	float:left;
}

/** RESPONSIVE for narrow viewports **/
@media screen and (max-width: 1190px) {
	.narrowHide {display:none}
	.idTabs li {	min-width: 135px;	width:135px;	max-width:135px }
	.tabContent { padding: 20px 30px 20px 26px; }
	#cloudConfigsTable th, #cloudCostBreakdown th { font-weight:normal; padding: 3px 8px 2px;}
	#cloudConfigsTable td, #cloudCostBreakdown td { font-size: 12px; padding:8px; height:auto !important; }
	#cloudConfigsTable .cloudType, #cloudConfigsTable .cloudCost { font-size: 12px; }
	#cloudConfigsTable td { height: 18px; }
	.fourCols { width:20%; 	margin-right:3%;  }	
	.fourCols h2 { font-size: 16px !important }
}