/*********************************************************************************************************************
			General items
*********************************************************************************************************************/
.back {
	background-image: url(../img/elements/back.png);
	background-repeat: no-repeat;
	background-position: left 10px;	
	float: right;
	margin: 10px 0px 2px 0px;
	display: block;
	padding: 10px 10px 10px 22px;
}
.back a {
	color: #75AA2A;
	text-decoration: underline;
}
.back a:hover {
	color: #000;
}
/*********************************************************************************************************************
			Links / Buttons Bullets & list styles
*********************************************************************************************************************/

.bul1 {
	clear: both;
	float: left;
	display: block;
	background-image: url(../img/elements/bullet1.png);
	background-repeat: no-repeat;
	background-position: center left;
	height: 20px;
	padding: 2px 2px 2px 20px;
	margin: 15px 10px;
}
.bul1:hover {
		background-image: url(../img/elements/bullet1b.png);
	}
.bul1 a {
	color: #49AAC2;
}
.bul1 a:hover {
	color: #EB9E00;
}
.btn {
	background-color: #8BC83F;
	min-width: 150px;
	display: block;
	float: left;
	clear: both:
	margin: 20px 0px;
	padding: 15px;
}
a .big {
	width:358px!important;
	padding: 25px 0;
}
a .btn {
	color: #FFFFFF;
	display: block;
	text-decoration: none;
	text-align: center;
	font-size:85%;
	display: relative;
	position: bottom;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
}
a .btn:hover, .twobytwo_h:hover a .btn {
	color: #FFF;
	background-color: #198CFF;
}

/*********************************************************************************************************************
			Margin and padding style adjustments
*********************************************************************************************************************/
.left {
	text-align: left;
}
.fright {
	float:right;
}
.cen {
	display:block;
	margin:0 auto;
}
.padt {
	padding-top:40px;
}
.padb {
	padding-bottom:40px;
}
.pdlf1 {
	padding:25px;
}
.pdlf2 {
	padding:10px 0px 10px 0px;
}
h1.mar1 {
	text-align: left;
	display: block;
	margin: 40px 0px 10px;
}
h2.mar3 {
	font-size:125%;
	color:#75AA2A;
	display: block;
	margin: 15px 0px 10px;
}
h2.mar4 {
	font-size:100%;
	color:#55b9ff;
	display: block;
	margin: 0px 0px 20px 0px;
	text-align:left;
}
h2.mar5 {
	font-size:125%;
	color:#75AA2A;
	display: block;
	margin: 50px 0px 10px;
	float:left;
}
h2.mar3 > span {
	font-size:200%;
}
h1.mar2 {
	display: block;
	margin: 40px 0px 10px;
}
h2.mar1 {
	display: block;
	margin: 20px 0px 10px;
}
h2.static3 {
    color: #4463C9;
    display: block;
    font-size: 110%;`
    margin: 15px 0 10px;
    text-align:left;
    font-family:arial;
}
h2.inv {
	font-size: 140%;
	color: #389BC1;
	text-align:left;
	margin: 20px 0;
}
.it1 {
	color: gray;
	display: block;
	padding: 0px;
	font-size: 90%;
}
.it1.inv {
	padding:0;
}
p.lft {
	margin: 10px 5px;
	text-align: left;
}
p.rgt {
	margin: 10px 5px;
	text-align: right;
}
p.lnht {
	color: #4F4F4F;
	line-height: 150%;	
}
p.hgt1 {
	line-height: 200%;
	color: gray;
	font-size: 90%;
	text-align:justify;
}
p.hgt3 {
	line-height: 150%;
	color: gray;
	font-size: 90%;
	color:#000000;
	text-align:justify;
	font-family:arial;
}
p.hgt4 {
	line-height: 150%;
	color: gray;
	font-size: 100%;
	text-align:left;
}
p.hgt5 {
	font-family:arial;
	line-height: 150%;
	color: #4F4F4F;
	font-size: 100%;
	text-align:left;
	margin-bottom:25px;
}
.lfmr1 {
	margin-left: 90px;
}
p.sm {
	color:gray;
   font-size: 90%;
   height: auto;
   margin-bottom:40px;
   line-height: 150%;
   text-align: left;
}
p.sm2 {
	color:gray;
   font-size: 100%;
   height: auto;
   width:730px;
   margin-bottom:25px;
   line-height: 135%;
   text-align: left;
}
p.m2 {
	color:#5FA0CA;
	text-align:justify;
	margin: 20px 0px;
}
p.m3 {
	color:#4463C9;
	text-align:justify;
	margin: 20px 0px;
}

.sm3 {
	color:gray;
   font-size: 100%;
   height: auto;
   width:730px;
   margin-bottom:25px;
   line-height: 135%;
   text-align: left;
}
ol {
	margin:0 auto;
	padding-left:25px;
	list-style-position:outside;
   color: #555;
   width: 500px;
}
ol li {
	padding: 0px 0px;
}
ol p {
	padding-left:25px;
	margin:0 auto;
	width: 700px;
	text-align:left;
   color: #000;
   line-height:250%;
}

ol.main {
	margin:0 auto;
	padding-left:25px;
	list-style-position:outside;
   color: #999999;
   float:left;
   width: 900px;
}
ol.main li {
	padding: 10px 0px;
}
ol.main p {
	font-family:arial;
/*
	width:900px;
*/
	padding-left:25px;
	margin:0 auto;
	line-height:120%;
	text-align:left;
   color: #4F4F4F;

}

ol.main2 {
	margin:0 auto;
	padding-left:25px;
	list-style-position:outside;
   color: #999999;
   float:left;
   width: 400px;
}
ol.main2 li {
	padding: 10px 0px;
}
ol.main2 p {
	font-family:arial;
	width:900px;
	padding-left:25px;
	margin:0 auto;
	line-height:120%;
	text-align:left;
   color: #4F4F4F;

}
.imbul {
	width: 576px !important;
}

/*********************************************************************************************************************
			BACKGROUNDS
*********************************************************************************************************************/
.na_bg {
	background-image: url(../img/layout/network-analysis-bg.png);
	background-repeat: no-repeat;
	background-position: center 150px;
}
/*********************************************************************************************************************
			Buttons
*********************************************************************************************************************/

span.button input {
	min-width: 375px;
}

#login span.button input {
	height:50px !important;
	clear:both;
	float:right;
	margin:50px 0px 0px 0px;	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#drawer #login span.button input {
	float:none;
	margin:0;
}

#drawer #login_loading {
	float:none !important;
}

/***********************************************************************
 * Invoices
 **********************************************************************/

.invoice_info {
	width: 850px;
}

.invoice_info a, .inv a {
	color: #80B63D;
}

.invoice_info a:hover, .inv a:hover {
	color: #8BC83F;
}

.invoice_info ul {
	padding-left: 20px;
}

.invoice_info p {
	line-height: normal;
	text-align: justify;
	padding: 5px 0;
}

.invoice_details {
	width: 500px;
}

.invoice_details strong {
	display: block;
	width: 120px;
	float: left;
}

.invoice_details div.total {
	font-weight: bold;
}

.invoice_unpaid {
	color: #B2230D;
}

.invoice_paid {
	color: #8DC63F;
}

.invoice_details div {
	clear: left;
	margin-top: 5px;
}

.invoice_actions {
	float: right;
	padding-top: 38px;
	width: 300px;
}

.invoice_accepted_methods {
	text-align: center;
    color: #666666;
    font-size: 12px;
}

.invoice_logout {
	padding-bottom: 10px;
}

#pay_online {
	margin-top: 10px !important;
}

#logout, .invoice_accepted_methods, #pay_online {
	width: 265px;
	padding: 15px;
}

#logout:active, #pay_online:active {
	color: #fff !important;
}

.continue {
	text-align: center;
	margin-top: 60px;
}

#continue {
	width: 265px;
	padding: 15px;
	margin: auto;
}

/***********************************************************************
 * Testimonials
 **********************************************************************/
.snip-test {
  font-size: 0.8em;
  line-height: 1.5em;
  text-align: justify;
}
.snip-test:before {
	color: #C5EDA6;
	content: "\201C";
	font-size: 6.2em;
	position: relative;
	top: 37px;
}
.snip-test > strong {
  color: #649624;
  font-weight: normal;
  margin-top: 5px;
}
.snip-test > strong > span {
	font-weight: bold;
}

h3.h3fx {
	margin: 0 0 4px !important;
	padding: 0 !important;
}
/***********************************************************************
 * Invoices
 **********************************************************************/

.contact-info {
	float: left;
	padding: 0 0 10px;
	width: 200px;
}
.contact-info .q-em {
  color: gray;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0.5px;
  padding: 5px 0 2px;
}
.contact-info .q-ph {
  color: #999999;
  font-size: 39px;
  font-weight: bold;
  letter-spacing: 0.5px;
  padding: 0 0 2px;
}
.con-form {
	border-left: 1px solid #CCCCCC;
	float: right;
	padding: 0 0 0 25px;
	width: 550px;
}