/* color info:

#155980 - dark muted blue.  use with font-color #FFFFFF; 
	compliment: #803c15 (brown/maroon)
	
#f3f5f9 - grey background for alternating stripes

#d36240 - orange for background buttons, use with #FFFFFF for font
	compliment: #40b1d3 (aqua?)

*/
body {
	background-image: url('//cprtools.com/wp-content/uploads/revslider/the7-hosting-hero-scene/hosting_background-05.png');
	background-repeat: repeat; 
	background-position: center center; 
	background-size: cover;"
	background-color: #FFF;
}
.heading {
	background-color: #f3f5f9;
}

.outer_wrapper {
	width: 100%;
	min-height: 100px;
	background-image:url('/images/logo_small.png');
	background-repeat: no-repeat;
	background-position: left center;
	padding: 3em 0 0 3em;
}

#menu {
	background-color: #f3f5f9;
	/*border: 1px green solid;*/
	margin: auto;
	width: 100%;
}
#menu > ul {
	list-style-type: none;
}
#menu > ul li {
	padding: 0 2em;
}
#content {
	/*border: 1px blue solid;*/
}
.currentpg, .pastpg {
	background: #155980;
	color: #FFFFFF;
	padding: 0 .5em 0 .5em;
	border-radius: 5px;
}
.menubox {
	width: 100%;
	color: #FFFFFF;
	font-style: italic;
}
.menubox h4 > a {
	text-decoration: none !important;
}

/* body{margin-top:50px;} */
td > i > a { margin-right:10em; }

.panel-body { padding:0px; }
.panel-body table tr td { padding-left: 15px }
.panel-body .table {margin-bottom: 0px; }
/* span.iconspace { margin-left: 15em !important; } */

input[type="text"], input[type="password"] { 
  padding: 10px;
  border: none;
  border-bottom: solid 2px #c9c9c9;
  transition: border 0.3s;	
  width: 45%;
}

input[type="text"]:focus,
input[type="text"].focus,
input[type="password"]:focus,
input[type="password"].focus
{
	border: none;
	border-bottom: solid 2px #969696;
	width: 90%;
}
/*.focuslong { width: 45% !important; }*/
label.reqlabel {
	padding-right: .5em; 
}
label.reqlabel:before {
	content: "* ";
	color: red;
}
a.linkbutton, button.linkbutton {
     background: none !important;
     border: none; 
     padding: 0 !important;
     font: inherit;
     cursor: pointer;
     color: #155980;
     text-decoration: none;
     margin: auto;
     text-align: center;
     font-size: 1.5em;
}
a.linkbutton2, button.linkbutton2 {
     background: none !important;
     border: none; 
     padding: 0 !important;
     font: inherit;
     cursor: pointer;
     color: #FFFFFF;
     text-decoration: none;
     margin: auto;
     text-align: center;
     font-size: 1.5em;
     background-color: #155980;
}
.reveal-if-active {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  transform: scale(0.8);
  transition: 0.5s;
}
/* .reveal-if-active input[type="radio"]:checked ~ &,
.reveal-if-active input[type="checkbox"]:checked ~ & {
    opacity: 1;
    max-height: 100px;
    overflow: visible;
    padding: 10px 20px;
    transform: scale(1);
} */
textarea#problemdescription {
	width: 70%;
}
#thankyou p, #thankyou li {
font-size: 1.2em;	
}
#topbar {
	background-color: #155980;
	color: #FFFFFF;
	padding: 0 .5em;
}
#mainbox { min-height: 530px !important;}
.pastel {color: #155980; cursor: pointer;text-align:right;padding-right: 1em;}
.pastel:hover { color: #803c15; }
.container-fluid .row p {font-size: 1.3em; font-weight: bold; }
#what2 > h2, #why2 > h2 {font-size: 1.4em; color: #FFF;font-weight:900;	}
.onecolform label { 
	width: 12em; 
	float: left; 
	text-align: right; 
	padding: .5em 1em 0 0;
	vertical-align: baseline;
	position: relative;
	top: 50%;
	transform: translateY(50%);
		
}
.onecolform input[type="text"],
.onecolform input[type="password"] {
	width: auto !important;
	border: 1px grey solid;
}
.ccimg { min-height: 33px; width: 33px; display:inline-block; }

#landingpgheader {
	width:100%;
	min-height: 533px;
	background-color: #FFF;
	background: transparent;
	color: #000;
	font-weight: bold;
}
#landingpgheader h2 {
	font-family: sans-serif;
	font-style: italic;
	font-size: 2.3em;
}
 

#headerblock {
	background-image: url('/images/glow_logo200x139.png');
	background-repeat: no-repeat;
	background-position: center center;
	min-height:140px;
	width: 200px
}
table#reviewdetails caption {
	color: #155980;
	padding-bottom: 2em;
	text-decoration: underline;
}
table#reviewdetails {
	margin: auto;	
	font-size: 1.5em;
	border-collapse:collapse;
}
table#reviewdetails tr {
	border-bottom: 1px #D9D9D9 solid;
	line-height: 2em;
}
 
table#reviewdetails th,
table#reviewdetails td {
	
	vertical-align: bottom !important;
}
 
table#reviewdetails th {
	color: #155980;
/* 	width: 15em; */
	text-align: right;
	padding-right: .5em;
}
table#reviewdetails td {
/*	color: green;
 	padding-left: 2em !important; */

}
td.ccno {
	background-repeat: no-repeat;
	background-position: right center;
	/* padding: 0 2em !important; */
	text-align: left;
}
table#reviewdetails tr.noborder {
	border: none !important;
}
td#ccno3 {
	background-image: url('/images/padded-amx-logo.png');
}
td#ccno4 {
	background-image: url('/images/padded-visa.png');
}
td#ccno5 {
	background-image: url('/images/padded-mastercard.png');
}
td#ccno6 {
	background-image: url('/images/padded-icon-cc-discover.png');
}
table#reviewdetails .fa { color: black; padding: 4px; }


.bluebutton {
	display:block;
	color:#ffffff;
	text-align:center;
	text-decoration:none;
    width: 200px;
    height: 50px;
    background-color: #155980;
	padding:4px 0;
	margin:auto;
	font-size:16px;
    border: none;
	border-radius: 10px;
	box-shadow: 2px 2px 2px 2px rgba(50, 50, 50, 0.75);
	transition: 0.5s ease-in-out;
	cursor: pointer;
}
.bluebutton:hover {
	color: #155980;
	background-color: #FFFFFF;
	border: 1px #155980 solid;
}
fieldset#billinginfo label,
fieldset#billinginfo legend{
	font-size: 1.2em;
	color: #FFF;
}
form#chargeform label {
	color: #FFF;
}
.onecolform input[type="text"],
#chargeform input[type="text"],
#chargeform iframe input[type="tel"]
#chargeform .sq-input{
	background-color: #e2dcdc  !important ;
	 
}

*::-webkit-input-placeholder {
    color: #000;
}
*:-moz-placeholder {
    /* FF 4-18 */
    color: #000;
}
*::-moz-placeholder {
    /* FF 19+ */
    color: #000;
}
*:-ms-input-placeholder {
    /* IE 10+ */
    color: #000;
}	

form#authform .form-group label {
	color: #FFF !important;
	padding-left: 2em;
	text-shadow: 3px 2px #000;
	font-size: 1.2em;
}
label {text-shadow: 2px 1px #000;margin-bottom: .5em;}
input[type='text'] { margin-top: .75em; }
.onecolform h3 {
	color: #FFF; 
	text-align: center; 
	padding: .75em; 
	border: 1px goldenrod solid;
	text-shadow: 2px 1px #000;
	font-size:1.4em;
	background-color: #155980;
}
a.whitelink,
a.whitelink:hover,
a.whitelink:active,
a.whitelink:visited {
	text-decoration: underline;
	color: white;
}
input[type='radio']#ack-yes, input[type='radio']#ack-no { width: 25px; height: 25px; vertical-align: middle;}

.tandc label {
	color: #FFF !important;
	padding-left: 3em;
	text-shadow: 3px 2px #000;
	font-size: 1.2em;
	vertical-align: middle !important;
}

.footer {
	margin-top: 4em;
	border-top: 1px white solid;
}
.footer p {
	text-align: center;
	color: white;
	font-size: .85em;
	text-shadow: 1px 1px #000;
}
.footer a, .footer a:hover, .footer a:active {
	text-decoration: underline;
	color: white;
	cursor: pointer;
}
label.notrans {
	transform: none;
	color: #FFF !important;
	padding-left: 3em;
	padding-right: 2em; 
	text-shadow: 3px 2px #000;
	font-size: 1.2em;
	vertical-align: middle !important;
}