/* General
================================================== */
.clear
{
	clear: both;
}

.text-center
{
	text-align: center;
}

.spacer
{
	clear: both;
	height: 40px;
}

.spacer-small
{
	clear: both;
	height: 20px;
}

header
{
	background: #231f20;
	border-bottom: 8px solid #393637;
}

header nav
{
	position:relative;
	width: 1000px;
	height: 40px;
	margin: auto;
	padding: 20px 0;
}


header nav ul
{
	float: right;
	margin-top: 5px;
	margin-bottom:0;
}


header nav ul li
{
	float: left;
	line-height: 2.5em;
}


header nav ul li a {
	color: #fff;
	cursor:pointer;
	text-decoration: none;
	margin-left: 50px;
	font-weight: bold;
	font-size: 1.2em;	
}

.accountName-icon {
	padding-left:35px;
	background: url('../images/icon-acount.png') 50px 50% no-repeat;
}




header nav ul li.hover a
{
	color: #8bc62b;
}
header nav ul li a:hover, header nav ul li a:focus 
{ 
	color: #8bc62b; 
}


/* #Nav Drop Down
================================================== */
.nav-balance { color:#FFF; position:absolute; font-weight:normal; right:0; bottom:3px; font-size:13px; color:#8bc62b; z-index:1}

.nav-dropDown {
	width:150px; 
	border-radius:8px; 
	background:#FFF; 
	color:#231f20; 
	padding:5px;
	position:absolute;
	right:0;
	top:50px;
	z-index:-9999;
}




.nav-dropDown li {
	padding:0px;
	width:130px;
	line-height:20px;
	background: url('../images/arrow_dropDown.png') 5px center no-repeat;
}


.nav-dropDown li a {
	font-size:12px;
	font-weight:lighter;
	color:#231f20;
	margin:0;
	padding:0;
	padding-left:15px;
}


.nav-dropDown li a:hover {
	color:#8bc62b;
}


/* #Tabs
================================================== */



.tabs {
	margin: 20px 0;
}
.tabs ul.tabs-list {
	padding-left:10px;
	float: left;
	margin-bottom:-1px;

}
.tabs ul.tabs-list li {
	list-style: none;
	margin-bottom: 0px;
	line-height:14px;
}


.tabs ul.tabs-list li, .tabs ul.tabs-list li a {
	float: left;
}

.tabs ul.tabs-list li a {
	border-top-left-radius:8px;
	border-top-right-radius:8px;
	text-decoration: none;
	padding: 10px 14px;
	font-size:13px;
	color: #6e6e6e;
	margin:0 6px 0 0;
	border:solid 1px #e6e6e6;
	font-weight: bold;
	border-bottom:none;
	margin-top:7px;
}


.tabs ul.tabs-list li.active a {
	color:#FFF;
	margin-top:0px;
	line-height:23px;
	background:#8bc62b;
	border:none;
}

.tabs ul.tabs-list li:hover a {

	color:#FFF;
	background:#8bc62b;

}



.contentTabs {
	
	background: #FFF;
	clear: both;
	border-top:solid 1px #8bc62b;
	padding: 20px 10px 10px 10px;
}

/* #Tabs
================================================== 


.tabs {
	margin: 20px 0;
}
.tabs ul.tabs-list {
	padding-left:10px;
	float: left;
	margin-bottom:-1px;

}
.tabs ul.tabs-list li {
	list-style: none;
	line-height:22px;
	margin-bottom: 0px;
	
	
}


.tabs ul.tabs-list li, .tabs ul.tabs-list li a {
	float: left;
	
}

.tabs ul.tabs-list li a {
	border-top-left-radius:8px;
	border-top-right-radius:8px;
	text-decoration: none;
	padding: 20px 14px;
	font-size:13px;
	color: #FFF;
	margin:0 0 0 0;
	border-right:solid 1px #525252;
	font-weight: bold;
	background:#393637;

}


.tabs ul.tabs-list li.active a {
	color:#FFF;
	margin-top:0;
	line-height:23px;
	background:#8bc62b;
	border:none;
}

.tabs ul.tabs-list li:hover a {

	color:#FFF;
	background:#8bc62b;
	

}

.contentTabs {
	
	background: #FFF;
	clear: both;
	border-top:solid 2px #8bc62b;
	padding: 20px 10px 10px 10px;
}
*/
/* #Stuff
================================================== */
.green-background {
	font-size:14px;
	color:#000;
	border-radius:8px;
	background:#d4f79c;
	width:700px;
	margin:0 0 20px 0;
	padding:10px;
}


.gray-box {
	font-size:14px;
	color:#000;
	border-radius:8px;
	background:#f2f2f2;
	text-align:left;
	margin:0 0 20px 0;
	padding:20px;
	margin-right:10px;
}

.green-box {
	font-size:14px;
	color:#000;
	border-radius:8px;
	background:#d4f79c;
	width:180px;
	height:55px;
	text-align:center;
	margin:0 0 20px 0;
	padding:20px;
	float:left;
	margin-right:10px;
}

.green-box span {
	font-size:27px;
	margin-top:5px;
	display:block;
}

.green-box span.smallText {
	font-size:10px;
	
	display:block;
}





/* #Table
================================================== */

.generalTable
{
	width: 100%;
	clear: both;
	overflow: hidden;
	margin-bottom:10px;
}


.generalTable th
{	
	background: #8f9289;
	font-weight: bold;
}

.generalTable th, .generalTable td
{
	padding: 15px;
	font-size: 12px;
	text-align: left;
	color:#FFF;
}


.generalTable th:first-child {
	border-top-left-radius:8px;
	width:10px;
}

.generalTable th:last-child {
	border-top-right-radius:8px;
}




.generalTable a, .generalTable span
{
	color:#FFF;
	text-decoration:underline;
	font-weight:lighter;
	
}


.generalTable span
{
	color: #c7c7c7;
	padding-left:5px;
}

.generalTable tbody tr td
{
	border-bottom: 1px solid #f0f0f0;
	-webkit-transition: all 100ms linear;
    -moz-transition: all 100ms linear;
    -o-transition: all 100ms linear;
    -ms-transition: all 100ms linear;
    transition: all 100ms linear;
    background: #f6f6f6;
	color:#1b222b;
}

.generalTable tbody tr td  a
{
	color:#5fa333;
	text-decoration:underline;
	cursor:pointer;
}

.generalTable tbody tr td input[type="text"] {
	-moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px;
	-webkit-appearance:none;
	width:100px;
	text-align:left;
	height:20px;
	padding:5px;
	border:solid 1px #b9c9cf;
	font-size:1em;
}




.generalTable tfoot tr td
{	
	border-bottom-left-radius:8px;
	border-bottom-right-radius:8px;
	border-bottom: none;
    background: #F6F6F6;
	text-align:center;
}

.generalTable tfoot tr td a
{
	color:#000;
	text-decoration:none;
}

.generalTable tbody tr:hover td
{
	background: #e0fab6;
}

.generalTable tfoot tr:hover td
{
	border-bottom: none;
}


.table-full-width
{
	margin: 0 10px;
	position: relative;
}

.table-full-width .generalTable
{
	width: 100%;
}



.trSelected
{
	background: #dceef5 !important;
}



/* END TABLE */



/* # PRODUCTS ##Table
================================================== */

.productsTable
{
	width: 98%;
	clear: both;
	overflow: hidden;
	margin-bottom:10px;
}



.productsTable th, .productsTable td
{
	padding: 15px;
	font-size: 13px;
	text-align: left;
	line-height:22px;
	color:#FFF;
	width:20%;
	padding:15px;
	vertical-align:center;
	margin:0;
}


.productsTable th
{	

	font-weight:lighter;
	text-align:center;
}

.productsTable th
{	
	border-right:1px solid #FFF;
	height:90px;
}

.productsTable th:last-child
{	
border:none;
}

.productsTable th span
{	
	display:inline-block;
	padding-top:25px;
	font-size:28px;
	color:#FFF;
}

.productsTable th:first-child {
	border-top-left-radius:8px;
	width:10px;
	background:#FFF;
	width:40%;
}

.productsTable th:last-child {
	border-top-right-radius:8px;
}




.productsTable a, .generalTable span
{
	color:#FFF;
	text-decoration:underline;
	font-weight:lighter;
	
}


.productsTable span
{
	color: #c7c7c7;
	padding-left:5px;
}


.productsTable tbody tr td
{
	border-bottom: 1px solid #FFF;
	-webkit-transition: all 100ms linear;
    -moz-transition: all 100ms linear;
    -o-transition: all 100ms linear;
    -ms-transition: all 100ms linear;
    transition: all 100ms linear;
    background: #f0f0f0;
	color:#1b222b;
	text-align:center;
	border-right:1px solid #FFF;
}

.productsTable tbody tr td:first-child
{
	text-align:left !important;
	color:#000;
	font-size:15px;
}

.productsTable tbody tr td:last-child
{
	border-right:none;;
}
.pro
ductsTable tbody tr td  a
{
	color:#5fa333;
	text-decoration:underline;
	cursor:pointer;
}

.productsTable tbody tr td input[type="text"] {
	-moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px;
	-webkit-appearance:none;
	width:100px;
	text-align:left;
	height:20px;
	padding:5px;
	border:solid 1px #b9c9cf;
	font-size:1em;
}

.productsTable tfoot tr td
{	
	border-bottom-left-radius:8px;
	border-bottom-right-radius:8px;
	border-bottom: none;
    background: #F6F6F6;
	text-align:center;
}

.productsTable tfoot tr td a
{
	color:#000;
	text-decoration:none;
}

.productsTable tbody tr.d0 td { background:#f7f7f7;}
.productsTable tbody tr.d1 td{ background:#f0f0f0;}


.productsTable tbody tr:hover td
{
	background: #e6e6e6;
}

.productsTable tfoot tr:hover td
{
	border-bottom: none;
}





/* END TABLE */



/* #Home
================================================== */

.home-top
{
	background: #231f20;
}

.home-top article
{
	width: 1000px;
	margin: auto;
	text-align: center;
	color: #fff;
	padding: 30px 0;
}

.home-top article h1
{
	text-transform: uppercase;
	margin: 1em;
}

.home-top article p
{
	font-size: 25px;
	margin: 1em 3em;
}

.home-inner
{
	width: 1000px;
	margin: auto;
	text-align: center;
}

.home-parahraphs
{
	margin-top: 100px;
}

.home-parahraphs div
{
	text-align: left;
	width: 45%;
	float: left;
	margin-right: 5%;
}

article.home-title p
{
	margin: 40px 260px;
}

.separator
{
	clear: both;
	margin: auto;
	text-align: center;
	padding-top: 20px;

}

.separator-img
{
	background: url('../images/separator-bg.png') repeat-x top left;
}

.separator-map
{
	background: url('../images/footer-map.png') no-repeat center top;
	padding-bottom: 30px;
	padding-top: 30px;
	min-height: 140px;
}

.separator-map a
{
	font-size: 35px; 
	line-height: 40px; 
}

.separator span
{
	display: block;
}

span.separator-title
{
	font-size: 35px; 
	line-height: 40px; 
	margin-bottom: 15px;
}

span.separator-mini
{
	font-size: 25px; 
	line-height: 35px; 
	margin-bottom: 8px;
	color: #f17300;
	font-style: italic;
}

.separator span.separator-contact
{
	font-size: 30px; 
	line-height: 40px; 
	margin: 10px;
	font-style: italic;
}

.separator a
{
	margin: 60px 0;
}

footer
{
	background: #333333;
	text-align: center;
	padding: 50px;
	font-size: 12px;
	color: #fff;
}

footer p
{
	font-size: 12px;
}

footer nav ul li
{
	display: inline;
	margin: 0 10px;
}

footer nav ul li a
{
	text-decoration: none;
	font-size: 12px;
	color: #fff;
}

footer nav ul li a:hover
{
	text-decoration: underline;
	color: #7eba43;
}

/* #Products
================================================== */
.product-boxes
{
	width: 1000px;
	margin: 0 auto;
	text-align:center;
	padding: 30px 0;
}

.product-box
{
	width: 31%;
	height: 750px;
	margin: 0 1%;
	float: left;
	background: #f2f2f2;
	border: 1px solid #e7e7e7;
}

.product-box-description
{
	height:110px; 
	padding: 15px 15px 0 15px;
}


.product-box ul
{
	margin-left: 10px;
	padding: 0px 15px;
}

.product-box p
{
	padding: 15px 15px 0 15px;
}

.product-box ul li
{
	background: url('../images/arrow.png') no-repeat left 5px;
	padding-left: 13px;
	color:#666;
}

.basic .product-box-top
{
	background: #8bc62b url('../images/product-box-basic.png') no-repeat center 15px;
	padding: 15px;
	color: #fff;
	text-align: center;
	padding-top: 80px;
}

.pro .product-box-top
{
	background: #67b0d1 url('../images/product-box-pro.png') no-repeat center 15px;
	padding: 15px;
	color: #fff;
	text-align: center;
	padding-top: 80px;
}

.enterprise .product-box-top
{
	background: #f17300 url('../images/product-box-enterprise.png') no-repeat center 15px;
	padding: 15px;
	color: #fff;
	text-align: center;
	padding-top: 80px;
}

.product-box-top .product-box-title
{
	font-size: 45px;
	display: block;
	padding-bottom: 15px;
}

.product-box-top .product-box-mini
{
	font-size: 20px;
	font-weight: bold;
	display: block;
	padding-top: 10px;
}

.inner-button
{
	text-align: center;
	padding-top: 50px;
	clear: both;
}

.product-details article
{
	width: 1000px;
	margin: auto;
	padding: 30px 0;
}

.product-details-box
{
	width: 37%;
	margin:3% 5% 5% 3%;
	float: left;
}

.product-details-box span
{
	font-size: 18px;
	color: #333333;
	padding-left: 25px;
}

.product-details-box p
{
	font-size: 14px;
}

.smpp span
{
	background: url('../images/prodct-details-smpp.png') no-repeat left 5px;
}

.textSms span
{
	background: url('../images/prodct-details-textSms.png') no-repeat left 5px;
}

.voiceSms span
{
	background: url('../images/prodct-details-voiceSms.png') no-repeat left 5px;
}

.hlr span
{
	background: url('../images/prodct-details-hlr.png') no-repeat left 5px;
}

.erCode span
{
	background: url('../images/prodct-details-erCode.png') no-repeat left 5px;
}

.apiSmp span
{
	background: url('../images/prodct-details-apiSmp.png') no-repeat left 5px;
}


/* #Pricing & Coverage
================================================== */
.pricing-content  { margin:0 auto; text-align:center; }
.pricing-content  a { margin:0 20px; cursor:pointer; }


/* #Account Settings
================================================== */
.account-settings-left  { float:left; width:500px; }

.account-settings-right { float:right; }




/* #Payments
================================================== */
.credit-details-left  { float:left; width:500px; }
.credit-details-left dl { float:left; margin-right:20px;}

.credit-details-right { float:right; }


.payment-history-left  { float:left; /* width:500px;*/ }
.payment-history-left dl { float:left; margin-right:20px;}
.payment-history-left span { font-type:italic; margin-top:20px; display:block;}

.payment-history-right { float:right; }




/* #Reports
================================================== */


.sms-summary dl { float:left; margin-right:20px;}
.sms-reports dl { float:left; margin-right:20px;}



/* #Address Book
================================================== */



.addressBook-add {
	background:#FFF; 
	padding:15px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	
	}




/* #Solutions
================================================== */

.solution-boxes
{
	width: 1000px;
	margin: auto;
	padding: 30px 0;
}

.solution-box
{
	width: 31%;
	height: 550px;
	margin: 0 1%;
	float: left;
	background: #fff;
	border: 1px solid #e7e7e7;
}

.solution-box ul
{
	margin-left: 10px;
	padding: 0px 15px;
}

.solution-box p
{
	padding: 15px 15px 0 15px;
}

.product-box ul li
{
	background: url('../images/arrow.png') no-repeat left 5px;
	padding-left: 13px;
}

.mkt .solution-box-top
{
	background: #8bc62b url('../images/solution-mkt.png') no-repeat center 5px;
	padding: 15px;
	color: #fff;
	text-align: center;
	padding-top: 80px;
}

.alerts .solution-box-top
{
	background: #8bc62b url('../images/solution-alerts.png') no-repeat center 5px;
	padding: 15px;
	color: #fff;
	text-align: center;
	padding-top: 80px;
}

.business .solution-box-top
{
	background: #8bc62b url('../images/solution-business.png') no-repeat center 5px;
	padding: 15px;
	color: #fff;
	text-align: center;
	padding-top: 80px;
}

.solution-box-top .solution-box-title
{
	font-size: 20px;
	display: block;
	padding-bottom: 5px;
}

.features-details article
{
	width: 1000px;
	margin: auto;
	padding: 30px 0;
}

.feature-details-box
{
	width: 40%;
	margin:3% 7% 5% 3%;
	float: left;
	height: 250px;
}

.feature-details-box span
{
	font-size: 18px;
	color: #333333;
	padding-left: 45px;
	line-height: 37px;
	display: block; 
}

.feature-details-box p
{
	font-size: 14px;
}

.api span
{
	background: url('../images/feature-details-api.png') no-repeat left top;
}

.reliable span
{
	background: url('../images/feature-details-reliable.png') no-repeat left top;
}

.unicode span
{
	background: url('../images/feature-details-unicode.png') no-repeat left top;
}

.portabil span
{
	background: url('../images/feature-details-portabil.png') no-repeat left top;
}

.latency span
{
	background: url('../images/feature-details-latency.png') no-repeat left top;
}

.message span
{
	background: url('../images/feature-details-message.png') no-repeat left top;
}


/* #Contact
================================================== */
.contact
{
	width: 411px;
	margin: auto;
	padding: 30px 0;
}

.contact dl dt
{
	font-size: 22px;
}

.contact dl dd
{
	margin: 5px 0 23px 0;
	display: block;
}

/* #Login
================================================== */
.login
{
	width: 1000px;
	margin: auto;
	padding: 30px 0;
}

.login dl dt
{
	font-size: 22px;
}

.login dl dd
{
	margin: 5px 0 23px 0;
	display: block;
}

.loginForm
{
	width: 411px;
	margin: auto;
	padding: 30px 0;
}

.loginDetails
{
	width: 50%;
	float: left;
}

.loginDetails p
{
	margin: 25px;
}

/* #Register
================================================== */
.register
{
	width: 411px;
	margin: auto;
	padding: 30px 0;
}

.register dl dt
{
	font-size: 22px;
}

.register dl dd
{
	margin: 5px 0 23px 0;
	display: block;
}

/* #Success Area
================================================== */
.successArea
{
	background: #e2faff;
	border: 1px solid #ededed;
	padding: 10px;
	position: relative;
	margin: 10px 0;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}


/* #Account
================================================== */
.account-content
{
	width: 1000px;
	margin: auto;;
}

.account-content dl dt
{
	font-size:17px;
	padding-bottom:5px;
}

.account-content dl dd
{
	margin:0 0 15px 0;
}


.account-left  { float:left; width:400px;}
.account-right { float:right; width:400px;}


.account-home
{
	width: 810px;
	margin: auto;
	padding: 30px 0;
}


.account-home-arrow { background: url('../images/arrowDown.png')  center no-repeat; margin-left:10px; width:10px; display:inline-block; height:20px;}

.account-home-menu {
	clear:both;
	background:#393637; 
	height:90px;
}


.account-home-menu ul {
	 width:1000px;
	 margin:0 auto;
	 padding:0;
	 text-align:center;
	 position:relative;
}


.account-home-menu ul li {
	 border-radius:8px; padding:15px 10px 15px 40px; display:inline-block; margin:20px 5px 0 0; position:relative; cursor:pointer;
}


.account-sendSMS-icon {
	background:#4d4a4b url('../images/icon_smallSendSMS.png') 10px no-repeat ; 
}


.account-sendSMS-icon:hover {
	background:#231f20 url('../images/icon_smallSendSMS.png') 10px no-repeat ; 
	
}

.account-utilitiesTools-icon {
	background:#4d4a4b url('../images/icon_smallUtilities.png') 10px no-repeat ; 
}


.account-utilitiesTools-icon:hover {
	background:#231f20 url('../images/icon_smallUtilities.png') 10px no-repeat ; 
}


.account-pricing-icon {
	background:#4d4a4b url('../images/icon_smallPricing.png') 10px no-repeat ;
}

.account-pricing-icon:hover {
	background:#231f20 url('../images/icon_smallPricing.png') 10px no-repeat ;
}


.account-general-icon {
	background:#4d4a4b url('../images/icon_smallGeneral.png') 5px no-repeat ;	
}

.account-general-icon:hover {
	background:#231f20 url('../images/icon_smallGeneral.png') 5px no-repeat ;	
}


.account-home-menu ul li a {
	text-decoration:none;
	color:#FFF;
	font-size:16px;
}


.account-home-box {
	width:400px; border-radius:8px; 
	background: #7eba43; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdlYmE0MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1NjljMmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #7eba43 0%, #569c2e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7eba43), color-stop(100%,#569c2e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #7eba43 0%,#569c2e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #7eba43 0%,#569c2e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #7eba43 0%,#569c2e 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #7eba43 0%,#569c2e 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7eba43', endColorstr='#569c2e',GradientType=0 ); /* IE6-8 */ 
	
	
	
	color:#FFF; 
	padding-bottom:10px; 
	margin-bottom:10px;
}


.account-home-box ul {
	width:380px; border-radius:8px; background:#FFF; margin:0 auto; padding:0;
}


.account-home-box ul li {
	border-bottom:1px solid #ebebeb;
	padding:12px 0 12px 25px;
	margin-bottom:0px;
}

.account-home-box ul li:hover:first-child {
	-webkit-top-left-border-radius: 8px;
	-moz--top-left-border-radius: 8px;
	border-top-left-radius: 8px;
	-webkit-top-right-border-radius: 8px;
	-moz--top-right-border-radius: 8px;
	border-top-right-radius: 8px;
	background:#f2f2f2;
}

.account-home-box ul li:hover:last-child {
	-webkit-bottom-left-border-radius: 8px;
	-moz--bottom-left-border-radius: 8px;
	border-bottom-left-radius: 8px;
	-webkit-bottom-right-border-radius: 8px;
	-moz--bottom-right-border-radius: 8px;
	border-bottom-right-radius: 8px;
	background:#f2f2f2;
}

.account-home-box ul li:hover {
	background:#f2f2f2;
}

.account-home-box ul li:last-child {
	border-bottom:0;

}


.account-home-box ul li a {
	text-decoration:none; 
	color:#000;
	font-size:14px;
	font-weight:bold; 
}


.account-home-sms {
	width:380px; height:50px; font-size:26px; display:inline-block; background:url('../images/icon_sendSMS.png') no-repeat 330px;  padding-top:24px; padding-left:20px;
}


.account-home-utilities {
	width:380px; height:50px; font-size:26px; display:inline-block; background:url('../images/icon_utilities.png') no-repeat 330px;  padding-top:24px; padding-left:20px;
}


.account-home-pricing {
	width:380px; height:50px; font-size:26px; display:inline-block; background:url('../images/icon_pricing.png') no-repeat 330px;  padding-top:24px; padding-left:20px;
}


.account-home-general {
	width:380px; height:50px; font-size:26px; display:inline-block; background:url('../images/icon_general.png') no-repeat 330px;  padding-top:24px; padding-left:20px;
}


/* #Form
================================================== */



input[type="text"],
input[type="email"],
input[type="password"],
input[type="tel"]

{
	vertical-align:middle;
	background: #f8f8f8;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	font-size: 17px;
	padding: 5px;
	width: 400px;
	border: 1px solid #dadada;
	height: 30px;
	
	-webkit-box-shadow: 
	  inset 0 -2px 9px  rgba(255,255,255,0.3),
	  inset 0 2px 6px rgba(0,0,0,0.2);
	-moz-box-shadow: 
	  inset 0 -2px 9px  rgba(255,255,255,0.3),
	  inset 0 2px 6px rgba(0,0,0,0.2);
	box-shadow: 
	  inset 0 -2px 9px  rgba(255,255,255,0.3),
	  inset 0 2px 6px rgba(0,0,0,0.2);
}

textarea
{
	background: #f8f8f8;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	font-size: 17px;
	padding: 5px;
	width: 400px;
	height:120px;
	margin-bottom:15px;
	border: 1px solid #dadada;
	-webkit-box-shadow: 
	  inset 0 -2px 9px  rgba(255,255,255,0.3),
	  inset 0 2px 6px rgba(0,0,0,0.2);
	-moz-box-shadow: 
	  inset 0 -2px 9px  rgba(255,255,255,0.3),
	  inset 0 2px 6px rgba(0,0,0,0.2);
	box-shadow: 
	  inset 0 -2px 9px  rgba(255,255,255,0.3),
	  inset 0 2px 6px rgba(0,0,0,0.2);
}


.inputSmall[type="text"],
inputSmall[type="email"],
inputSmall[type="password"],
inputSmall[type="tel"]

{
	background: #f8f8f8;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	font-size: 17px;
	padding: 5px;
	width: 150px;
	border: 1px solid #dadada;
	height: 30px;
	margin-bottom:15px;
	-webkit-box-shadow: 
	  inset 0 -2px 9px  rgba(255,255,255,0.3),
	  inset 0 2px 6px rgba(0,0,0,0.2);
	-moz-box-shadow: 
	  inset 0 -2px 9px  rgba(255,255,255,0.3),
	  inset 0 2px 6px rgba(0,0,0,0.2);
	box-shadow: 
	  inset 0 -2px 9px  rgba(255,255,255,0.3),
	  inset 0 2px 6px rgba(0,0,0,0.2);
}



.inputPrefix[type="text"],
inputPrefix[type="email"],
inputPrefix[type="password"],
inputPrefix[type="tel"]

{
	background: #f8f8f8;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	font-size: 17px;
	padding: 5px;
	width: 50px;
	border: 1px solid #dadada;
	height: 30px;
	margin-bottom:15px;
	-webkit-box-shadow: 
	  inset 0 -2px 9px  rgba(255,255,255,0.3),
	  inset 0 2px 6px rgba(0,0,0,0.2);
	-moz-box-shadow: 
	  inset 0 -2px 9px  rgba(255,255,255,0.3),
	  inset 0 2px 6px rgba(0,0,0,0.2);
	box-shadow: 
	  inset 0 -2px 9px  rgba(255,255,255,0.3),
	  inset 0 2px 6px rgba(0,0,0,0.2);
}


/* #Error
================================================== */
html .error
{
	color: #ff0000;
}

.error a
{
	color: #ff0000;
}

dl.error dd input[type="text"], dl.error dd input[type="tel"], dl.error dd input[type="password"], dl.error dd input[type="email"], dl.error dd textarea
{
	border: 1px solid #ff0000;
}

ul.errorForm
{
	color: #ff0000;
	list-style-type: disc;
	margin: 0;
}

ul.errorForm legend
{
	font-weight: bold;
	color: #ff0000;
	position:relative;
	padding:0;
	display:block;
	margin-bottom: 10px;
}

ul.errorForm li
{
	font-size: 12px;
	color: #ff0000;
	padding: 0;
	margin: 0 0 0 20px;
}


/* #Pagination
================================================== */
.btn {
    display: inline-block;
    padding: 10px;
    border-radius: 8px; /*optional*/
    color: #aaa;
    font-size: 1em;
}

.pagination {
    background: #f2f2f2;
    padding: 20px;
    margin-bottom: 20px;
}

.page {
    display: inline-block;
    padding: 6px 8px;
    margin-right: 4px;
    border-radius: 3px;
    border: solid 1px #c0c0c0;
    background: #e9e9e9;
    font-size: 12px;
    text-decoration: none;
    color: #717171;

}

.page:hover, .page.gradient:hover {
    background: #FFF;
}

.page.active {
    background: #8bc62b;
    color: #f0f0f0;
	border: solid 1px #8bc62b;
	text-decoration:none;
	padding: 6px 8px;
    margin-right: 4px;

}


/* #Button
================================================== */

.buttonBig
{
	font-size: 36px;
	text-decoration: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 8px;
	padding: 10px 30px;
	cursor: pointer;
}

.buttonMedium
{
	font-size: 22px;
	text-decoration: none;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	padding: 6px 15px;
	cursor: pointer;
	
}

.buttonSmall
{
	font-size: 13px;
	text-decoration: none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 6px 12px;
	cursor: pointer;
	display:inline-block;
	margin-bottom:5px;
}

a.buttonGreen, input.buttonGreen
{
	vertical-align:middle;
	color: #fff !important;
	text-decoration:none !important;
	-webkit-box-shadow: 0px 1px 2px #d5d5d5;
	-moz-box-shadow: 0 1px 2px #d5d5d5;
	box-shadow: 0px 1px 1px #d5d5d5;
	border: 1px solid #4a9e28;
	background: #7eba43; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdlYmE0MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1NjljMmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #7eba43 0%, #569c2e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7eba43), color-stop(100%,#569c2e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #7eba43 0%,#569c2e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #7eba43 0%,#569c2e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #7eba43 0%,#569c2e 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #7eba43 0%,#569c2e 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7eba43', endColorstr='#569c2e',GradientType=0 ); /* IE6-8 */
}

a.buttonRed, input.buttonRed
{
	color: #fff;
	-webkit-box-shadow: 0px 1px 2px #d5d5d5;
	-moz-box-shadow: 0 1px 2px #d5d5d5;
	box-shadow: 0px 1px 1px #d5d5d5;
	border: 1px solid #ba200f;
	background: #ff3019; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI2JSIgc3RvcC1jb2xvcj0iI2ZmMzAxOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iI2NmMDQwNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top,  #ff3019 6%, #cf0404 99%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(6%,#ff3019), color-stop(99%,#cf0404)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ff3019 6%,#cf0404 99%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ff3019 6%,#cf0404 99%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ff3019 6%,#cf0404 99%); /* IE10+ */
	background: linear-gradient(to bottom,  #ff3019 6%,#cf0404 99%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); /* IE6-8 */

}

a.buttonGray, input.buttonGray
{
	color: #fff;
	-webkit-box-shadow: 0px 1px 2px #d5d5d5;
	-moz-box-shadow: 0 1px 2px #d5d5d5;
	box-shadow: 0px 1px 1px #d5d5d5;
	border: 1px solid #999;
	background:#CCC; /* Old browsers */
	

}

@-webkit-keyframes greenPulse {

  from 
  { 
  		-webkit-box-shadow: 0 0 9px #333; 
  		box-shadow: 00 0 9px #333;
  }
  
  50% 
  { 
	  	-webkit-box-shadow: 0 0 18px #91bd09;
	  	box-shadow: 0 0 18px #91bd09; 
  }
  
  to 
  { 
 		-webkit-box-shadow: 0 0 9px #333; 
 		box-shadow: 00 0 9px #333;
 	 
  }
}

@-moz-keyframes greenPulse {

  from 
  { 
  		-moz-box-shadow: 0 0 9px #333;
  		box-shadow: 00 0 9px #333;
  }
  
  50% 
  { 
  		-moz-box-shadow: 0 0 18px #91bd09;
  		box-shadow: 0 0 18px #91bd09;
  }
  
  to 
  { 
  		-moz-box-shadow: 0 0 9px #333;
  		box-shadow: 00 0 9px #333;
 	 
  }
}

@-ms-keyframes greenPulse {

  from 
  { 
  		-ms-box-shadow: 0 0 9px #333;
  		box-shadow: 00 0 9px #333;
  }
  
  50% 
  { 
  		-ms-box-shadow: 0 0 18px #91bd09;
  		box-shadow: 0 0 18px #91bd09;
  }
  
  to 
  { 
  		-ms-box-shadow: 0 0 9px #333;
  		box-shadow: 00 0 9px #333;
 	 
  }
}


a:hover.buttonGreen, input:hover.buttonGreen
{
  -webkit-animation-name: greenPulse;
  animation-name: greenPulse;
  -webkit-animation-duration: 2s;
  animation-duration:2s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count:infinite;
}


/* #Font-Face
================================================== */

@font-face 
{
    font-family: 'OpenSans';
    src: url('fonts/OpenSans-Regular-webfont.eot');
    src: local('Open Sans Regular'), 
    	url("fonts/OpenSans-Regular-webfont.woff") format("woff"),
    	url('fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
    	url("fonts/OpenSans-Regular-webfont.svg#Intro") format("svg");
    font-weight: normal;
    font-style: normal; 
}