html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*------------- end reset ---------------*/

body {
	background: #deebf4 url('bg.gif') repeat-x;
	font: 14px/22px Arial, Verdana, sans-serif;
	color: #21282d;
	line-height: 22px;
}

body#front3 { font-size: 13px; }

#all {
	width: 892px;
	margin: 0 auto;
	position: relative;
}

a {
	text-decoration: underline;
	color: #0068ad;
}

a:hover {
	color: #64bd48;
}

.clearer {
	clear: both;
}

/*--------------- head -----------------*/

#head {
	height: 117px;
}

#livechat {
	float:right;
	background: #abcee6;
	padding: 5px 10px;
	font-size:12px;
}

#livechat img {
	vertical-align: middle;
}

#livechat a {
	text-decoration: none;
}

#livechat a:hover {
	text-decoration: underline;
	color: #0068ad;
}

a#logo {
	position: absolute;
	top: 20px;
	display:block;
	float: left;
	padding: 10px;
}

#slogan {
	position: absolute;
	top: 40px;
	right: 0;
	text-align: right;
}

#slogan p {
	color: #0069ad;
	font-size: 20px;
	margin-bottom: 5px;
}

#slogan span {
	color: #2e8612;
	font-size: 13px;
}
/*------------- end head ---------------*/

/*--------------- menu -----------------*/

#menu {
	line-height: 42px;
	overflow: hidden;
	padding-bottom: 10px;
}

#menu ul {
	position: relative;
}

#menu li {
	float:left;
}

#menu li a {
	display:block;
	color: #21282d;
	font-size:14px;
	/*line-height:30px;*/
	padding:0 9px;
	text-decoration:none;
}

#menu li a:hover {
	text-decoration:underline;
}

#menu li.active a {
	background: url('mainmenu_a.gif') repeat-x center;
	color: #fff;
}

#menu li.active a:hover {
	text-decoration: none;
}

/* submenu */

#menu li div {
	display: none;
}

#menu li.active div {
	display: block;
	height: 38px;
}

#menu ul ul {
	position: absolute;
	left: 0;
	line-height: 38px;
}

#menu li li.active {
	background: #f2f7fb;
}

#menu li.active li a {
	color: #0068ad;
	background: none;
}

#menu li.active li a:hover {
	text-decoration:underline;
}
/* end submenu */

/*------------- end menu ---------------*/

/*-------------- content ---------------*/

.content {
	background: #fff url('content_bg.gif') repeat-y;
	position: relative;
	width: 100%;
	overflow: hidden;
}

.col1 {
	width: 538px;
	float: left;
	margin-right: 12px;
	padding: 25px;
}

.col2 {
	width: 282px;
	float: left;
	*float: none;
	padding: 5px;
}

h1, h2, h3 {
	color: #0068ad;
}

h1 {
	font-size: 25px;
	font-weight: normal;
	margin-bottom: 20px;
	line-height: 30px;
}

h2 {
	font-size: 20px;
	font-weight: bold;
	padding: 20px 5px 10px;
}

h2 span {
	color: #62bc46;
	font-weight: normal;
}

h3 {
	font-size: 16px;
	font-weight: bold;
}

h3 a {
	text-decoration: none;
}

h4 {
	font-size: 20px;
	color: #62bc46;
	font-weight: normal;
	padding: 20px 5px 10px 0;
}

p {
	margin-bottom: 15px;
}

span.small { font-size: 12px; }

/* buttons */

div.btn { background-repeat: no-repeat; background-position: 100% -36px; cursor: pointer; padding: 0 3px 0 0; text-align: center; line-height: 36px; }
div.btn div { background-repeat: no-repeat; background-position: 0px 0px; height: 36px; width: auto; cursor: pointer; margin: 0; overflow: visible; }
div.btn:hover { background-position: 100% -108px; }
div.btn:hover div { background-position: 0 -72px; }
div.btn div img { vertical-align: middle; margin: 0 5px; }

a.btn {
	display: block;
	background-repeat: no-repeat;
	background-position: 100% -36px;
	cursor: pointer;
	color: #fff;
	text-decoration:none;
	padding: 0 3px 0 0;
	font-size: 20px;
	text-align: center;
	line-height: 36px;
}

a.btn span {
	display: block;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 36px;
	width: auto;
	cursor: pointer;
	margin: 0;
	overflow: visible;
}

a.btn:hover {
	background-position: 100% -108px;
}

a.btn:hover span{
	background-position: 0 -72px;
}

a.btn span img{
	vertical-align: middle;
	margin-right: 5px;
}

a.small {
	background-position: 100% -30px;
	line-height: 30px;
	background-image: url('buttons/btn_green_small.gif');
	font-size: 14px;
}

a.small span {
	height: 30px;
	background-image: url('buttons/btn_green_small.gif');
}

a.small:hover {
	background-position: 100% -90px;
}

a.small:hover span{
	background-position: 0 -60px;
}

a.corner {
	background-position: 100% -25px;
	line-height: 25px;
	background-image: url('buttons/btn_green_corner.gif');
	font-size: 14px;
}

a.corner span {
	height: 25px;
	background-image: url('buttons/btn_green_corner.gif');
}

a.corner:hover {
	background-position: 100% -75px;
}

a.corner:hover span{
	background-position: 0 -50px;
}

a.micro {
	background-position: 100% -19px;
	line-height: 19px;
	background-image: url('buttons/btn_green_micro.gif');
	font-size: 11px;
}

a.micro span {
	height: 19px;
	background-image: url('buttons/btn_green_micro.gif');
	padding: 0 2px 0 5px;
}

a.micro:hover {
	background-position: 100% -57px;
}

a.micro:hover span{
	background-position: 0 -38px;
}

/*buttons for pricing & coverage*/
 
 .btn-link-small2{
    font-size: 11px;
    color: #ffffff;
    border: 1px solid #60b644;
    background: #53a63b;
    display: block;
    height: 17px;
    line-height: 17px !important;
    padding: 0 5px;
    text-decoration: none;
    text-align: center;
    color: white;
    text-decoration: none;
    background: #53A63B  url('buttons/btn_link_small_h_sprite.gif') repeat-x top left;
    white-space: nowrap;
  }
 
 .btn-link-small2:hover {
    color: white;
    text-decoration: none;
    /*background: url('buttons/btn_link_small_h2.gif') repeat-x;*/
    background-position: bottom left;
 }
 
   .btn-link-small2 img{
    vertical-align: middle;
  }
  
/*end buttons for pricing & coverage*/

/* end buttons */

/*---------------- First ------------------*/

.block1, .block2 { overflow: hidden; }
.block1 { border-bottom: 12px solid #deebf4; }
.block1 .col1 { padding: 5px 0; width: 588px; }
.block1 .col2 { padding: 5px; width: 282px; }
.block2 .col1 { padding: 5px 5px 0 5px; width: 578px; }
.block2 .col2 { padding: 5px 0; width: 292px; }
.block1 .col2 h2 { padding-top: 10px; padding-bottom: 10px; }
.block2 .col2 h2 { padding-left: 22px; padding-right: 22px; }


form.testit {
	display: block;
	width: 250px;
	padding: 0 15px 15px;
	margin-top: 5px;
	background: #e3eef5;
}

form.testit p {
	margin: 10px 0;
}

form.testit a.btn, form.testit a.btn span {
	background-image: url('buttons/btn_blue.gif');
}

.block2 form.testit .textbox, .block2 form.testit .norm {
	float: none;
}

.block2 form.testit {
	float: left;
	width: 245px;
	height: 180px;
	padding: 0 22px;
	margin-top: 0;
	background: url(front3_blueglow_left.gif) repeat-x left top;
}

.block2 form.testit p, .block2 .credit p {
	margin: 0;
	height: 80px;
}

.block2 .credit {
	background: url(front3_blueglow.gif) no-repeat left top;
	height: 180px;
	width: 237px;
	padding: 0 22px 0 29px;
	float: left;
	text-align: left;
}

.block2 .credit img {
	float: left;
	padding:0 7px 0 5px;
}

.block2 .credit span img {
	float: none;
}

#searchb {
	position: absolute;
	top: 117px;
	right: 0;
	*width: 190px;
}
*+html #searchb { right: 20px; }

#searchb form.search {
	height: 22px;
	width: 190px;
	padding: 10px;
	background: url(front_searchbox_bg.gif) no-repeat left top;
}

#searchb form.search input {
	border: 1px solid #c4e1f4;
	border-right: none;
	padding: 2px;
	height: 18px;
	float: left;
	width: 130px;
	margin-right: 0;
}

#searchb form.search input#button {
	height: 24px;
	width: 51px;
	background: url(buttons/btn_search.gif) no-repeat top left;
	color: #fff;
	font-size: 11px;
	border: none;
	cursor: pointer;
}

#searchb form.search input#button:hover {
	background-position: bottom left;
}


#loginb {
	position: absolute;
	top: 123px;
	right: 0;
	margin-right: 13px;
}


#loginb a span {
	padding: 0 22px 0 25px;
}

form.loginbox {
	padding: 10px;
	color: #526979;
}

form.loginbox th {
	width: 90px;
	padding: 4px 10px 4px 0;
	text-align: right;
	font-weight: normal;
	vertical-align: middle;
}

form.loginbox td {
	vertical-align: middle;
}

form.loginbox td.center {
	text-align: center;
}

form.loginbox input.text {
	background: #fff;
	border: 1px solid #596a78;
	color: #21282d;
	font-family: Arial,Verdana,sans-serif;
	font-size: 14px;
	padding: 3px;
	width: 140px;
}

form.loginbox a.btn, form.loginbox a.btn span {
	float: left;
}

form.loginbox a.btn span {
	padding: 0 22px 0 25px;
}

form.loginbox input.submit {
	display: block;
	width: 90px;
	height: 25px;
	border: none;
	background: url('buttons/btn_login.gif') no-repeat top left;
	color: #fff;
	font-size: 14px;
	cursor: pointer;
}

form.loginbox input.submit:hover {
	background-position: bottom left;
}


#loginbox {
	position: absolute;
	top: -13px;
	right: -13px;
	z-index: 100;
	border: 3px solid #fff;
	background: #deebf4;
}

form.loginbox .logbot {
	font-size: 12px;
	padding-bottom: 5px;
	border-top: 1px solid #fff;
	margin-top: 5px;
}

form.loginbox td.logbot input {
	background: transparent;
	border: 0;
	padding: 0;
	width: auto;
}

.checklist-small {
	padding: 10px 0;
}

.checklist-small li {
/*	display: block;*/
	padding: 0 0 5px 29px;
	background: url('checklist_small.gif') no-repeat 3px 5px;
}

.checklist-small1 {
    padding: 10px 0px 10px 24px;
}

.checklist-small1 li {
    padding: 0 0 5px 6px;
    list-style-image: url('checklist_small.gif');
    list-style-position: outside;
}




#front3_nav {
	width: 170px;
	float: left;
	margin-right: 10px;
	background: #fff url(front3_nav_bg.gif) no-repeat bottom left;
}

#front3_nav ul li a {
	color: #414e57;
	text-decoration: none;
	display: block;
	height: 22px;
	padding: 8px 0 2px 7px;
	line-height: 15px;
	border-left: 5px solid white;
	background: none;
}

#front3_nav ul li a:hover {
	border: none;
	color: #414e57;
	background: url(front3_nav_mouseover_bg.gif) no-repeat left top;
	padding-left: 12px;
}
/*
#front3_nav ul li.active {
	background: url(front3_nav_active_bg.gif) no-repeat left top;
}*/

#front3_nav ul li.active a {
	color: white;
	padding: 8px 0 2px 9px;
	border-left: none;
	background: url(front3_nav_active_bg.gif) no-repeat left top;
}

#front3_nav ul li.active a:hover {
	color: white;
	padding: 8px 0 2px 9px;
	/*border-left: 2px solid white;
	background: none;*/
}


#front3_cont {
	position: relative;
	float: left;
	width: 403px;
}

#front3 .fader {
	display: none;
	position: absolute;
	padding: 5px 200px 0 0;
	height: 186px;
	background-repeat: no-repeat;
	background-color: #fff;
	background-position: 200px 10px;
}

#front3 div.fader.email { background-image: url(email.gif); }
#front3 div.fader.messenger { background-image: url(messenger_1.gif); }
#front3 div.fader.online { background-image: url(online_1.gif); }
#front3 div.fader.textme { background-image: url(textme.gif); background-position: 235px 15px; }
#front3 div.fader.smsreply { background-image: url(smsreply.gif); background-position: 220px 13px; }
#front3 div.fader.api { background-image: url(api.gif); background-position: 220px 17px; }
#front3 div.fader.active { display: block; }


#front3 .fader h2 { line-height: 25px; padding: 10px 0 0 0; }
#front3 .fader a { display: block; padding-left: 20px; background: url(blue_next.gif) no-repeat left center; }

table.blognews { margin: 0 22px; }
table.blognews th { width: 50px; font-size: 11px; font-weight: normal; padding: 1px 5px 6px 0; vertical-align: top;}
table.blognews td a { display: block; height: 73px; overflow: hidden; }


/*-------------- End First ----------------*/

/*--------------- Products -----------------*/

.padding-box {
	padding: 15px;
	width: 252px;
	position: absolute;
	right: 5px;
	top: 400px;
}

.padding-box1 {
	padding: 20px;
}

.padding-box2 {
	padding: 15px;
	width: 252px;
	position: absolute;
	right: 5px;
	top: 0;
}

.padding-box.img, .padding-box1 img {
	display: block;
	margin: 20px auto;
}

.service {
	border-bottom: 4px solid #e3eef5;
	border-left:1px solid #e3eef5;
	border-right:1px solid #e3eef5;
	padding: 0 16px 10px 16px;
	margin: 15px 0;
}

.service h3 {
	margin: 0 -16px 10px -16px;
	padding-left: 15px;
	height: 57px;
	line-height: 57px;
	background: #e3eef5 url(headerbox.gif) no-repeat right top;
	font-size: 16px;
	font-weight: bold;
}

.service h3 div {
	padding-left: 55px;
	background-repeat: no-repeat;
	background-position: left center;
}

.service a {
	display: block;
	padding-left: 20px;
	background: url(blue_next.gif) no-repeat left center;
}

.email h3 div {
	background-image: url(ico/email.gif);
}

.msn h3 div {
	background-image: url(ico/messenger.gif);
}

.online h3 div {
	background-image: url(ico/online.gif);
}

.reply h3 div {
	background-image: url(ico/reply.gif);
}

.textme h3 div {
	background-image: url(ico/textme.gif);
}

h1.email, h1.msn, h1.online, h1.reply, h1.textme, h1.api { margin: 0; padding: 0 0 20px 55px; background-repeat: no-repeat; background-position: left top; } 
h1.email { background-image: url(ico/m_email.gif); }
h1.msn { background-image: url(ico/m_messenger.gif); }
h1.online { background-image: url(ico/m_online.gif); }
h1.reply { background-image: url(ico/reply.gif); }
h1.textme { background-image: url(ico/textme.gif); }
h1.api { background-image: url(ico/api.gif); }

img.pic { margin: 10px 0 20px; }

.credit {
	background: #f1f7fb;
	padding: 15px;
	text-align: center;
}

.credit img {
	margin: 0 5px;
	vertical-align: middle;
}

.credit a.btn, .credit a.btn span {
	background-image: url('buttons/btn_green.gif');
}

.credit div {
	width: 250px;
	margin: 0 auto;
}

.credit p {
	margin: 10px 0 0 0;
}

.credit p a {
	font-weight: bold;
	text-transform: uppercase;
}

.search {
	/*width: 250px;*/
	margin: 0 auto;
}

.search h2 {
	padding: 20px 0 10px 0;
}

#scrollbox {
	overflow: hidden;
	/*width: 244px;
	margin: 0 auto;*/
	position: relative;
	padding: 19px;
	margin-top: 20px;
	background: #f1f7fb;
}

.scrollbox-inner {
	position: absolute;
	width: 244px;
	/*top:0;*/
}

#scrollbox_nav {
	margin-top: 5px;
	border: 5px solid #f1f7fb;
	background: #dfecf5 url(bluebox_shadow.gif) repeat-x left top;
	height: 39px;
	line-height: 39px;
	padding: 0 17px;
}

#scrollbox_nav .prev {
	background: url(blue_prev.gif) no-repeat left center;
	float: left;
	padding-left: 27px;
}

#scrollbox_nav .next {
	background: url(blue_next.gif) no-repeat right center;
	float: right;
	padding-right: 27px;
}

#scrollbox_nav .rss {
	background: url(nav_rss.gif) no-repeat left center;
	float: left;
	padding-left: 27px;
}

.codebox {
	border: 1px solid #62bc46;
	font-family: Courier,serif;
	font-size: 13px;
	line-height: 20px;
	padding: 10px 15px;
	margin: 10px 0;
}

img .pic {
	display: block;
	margin: 10px 0;
}

.two-column {
	margin: 10px 0;
	overflow: hidden;
}

.two-column-left, .two-column-right {
	float: left;
	width: 250px;
}

.two-column-left li, .two-column-right li {
	line-height: 16px;
	padding-bottom: 10px;
	padding-top: 5px;
}

.two-column-left {
	padding-right: 15px;
}

.dwnld {
	background: #deebf4;
	font-size: 12px;
	padding: 10px;
}

.dwnld img {
	float: left;
	padding-right: 10px;
}

.dwnld a {
	font-size: 18px;
}

.darkbluebox {
	background: #e8f6ff;
	margin: 15px 0;
	padding: 15px;
}

.darkbluebox h3 {
	margin-bottom: 15px;
}
/*------------ End Products ------------*/

/*-------------- Pricing ---------------*/

div.pricing_head {
	position: absolute;
	top: 25px;
	left: 25px;
	width: 538px;
}

table.table {
	margin: 15px 0;
	width: 100%;
}

table.table th, table.table td {
	padding: 5px 8px;
	border: 1px solid #90a7b9;
	border-left: none;
	text-align: center;
}

table.table th, table.table .filled {
	background: #e8f6ff;
	font-weight: bold;
}

table.table .noborder {
	border-right: none;
	width: 10%;
}

table.table .first {
	text-align: left;
}


table.pricing {
	font-size: 12px;
	text-align: center;
	table-layout: fixed;
}

table.pricing th {
	padding-left: 0px;
	padding-right: 0px;
}

table.pricing .noborder {
	width: auto;
}

table.calc {
	border-left: 1px solid #90a7b9;
	font-size: 12px;
	text-align: center;
}

.bluebox {
	background: #f1f7fb;
	padding: 10px 15px;
}

.bluebox img {
	float: left;
	padding: 0 20px 30px 0;
}

img.pay {
	display: block;
	margin: 0 auto;
}

/*------------ End Pricing -------------*/

/*-------------- Contact ---------------*/
/*error messages*/
.errorbox { background:#FBF1F1 none repeat scroll 0 0;
			border:1px solid #F1797A;
			color:#DC3131;
			font-weight:bold;
			line-height:18px;
			margin-bottom:20px !important;
			padding:10px !important;
			text-align:left;
			/*background: #fbf1f1 url(error.gif) no-repeat 10px 14px; border: 1px solid #f1797a; color: #dc3131; font-weight: bold; line-height: 18px; margin-bottom: 20px; padding: 10px 10px 10px 30px; text-align: left;*/ 
			}
.checklist-error {
			list-style-type:none;
			margin:0;
			padding:1px 0;
			}
.checklist-error li {
			background:transparent url(error.gif) no-repeat scroll 3px 3px;
			display:block;
			padding:0 0 5px 29px;
			}
.errorbox p { margin: 0; }
/*end error messages*/

.successbox { background: #f5fbf1; border: 1px solid #62ba47; color: #62ba47; font-weight: bold; margin-bottom: 20px; padding: 10px; }
.checklist li { display: block; padding: 0 0 2px 30px; background: url(checklist.gif) no-repeat 0 0; }

.msg-notification {
    background: #fbf1f1;
    border: 1px solid #f1797a;
    color: #dc3131;
    font-weight: bold;
    line-height: 18px;
    margin-bottom: 20px;
    padding: 10px;
    text-align: left;
}

.msg-notification p {
	background-image: url('error.gif');
	background-position: 0px 4px;
	background-repeat: no-repeat;
	padding-left: 16px;
	margin-bottom: 0px;
}

form.contact span { color: #f00; }
form.contact span.small { color: #21282D; }
form.contact table { width: 100%; }
form.contact table th { padding: 8px 0 8px 8px; text-align: right; width: 210px; font-weight: normal; vertical-align: top; }
form.contact table td { padding: 8px; }
form.contact table .textbox { background: #f1f7fb; border: 1px solid #596a78; padding: 5px 3px; width: 230px; margin: 0; float: none; }
form.contact table select.textbox { padding: 5px 0; width: 238px; }
form.contact table tr.subject th { color: #dc3131; font-weight: bold; }
form.contact table tr.subject .textbox { background: #fbf1f1; border: 1px solid #f1797a; color: #dc3131; /*width: 385px;*/ }
form.contact table textarea.textbox { height: 180px; }

div.btn button { display: block; height: 36px; padding: 0; width: 100%; border: none; background: none; color: #fff; font-size: 20px; cursor: pointer; }

form.contact table div.btn, form.contact table div.btn div { background-image: url('buttons/btn_green.gif'); }
form.contact table div.btn { width: 130px; }
form.contact table div.btn div { padding-left: 10px; }

table.contact { width: 100%; }
table.contact th, table.contact td { vertical-align: middle; text-align: left;  border: 1px solid #90a7b9; padding: 5px 8px; }
table.contact td.links a { display: block; padding-left: 20px; background: url(blue_next.gif) no-repeat left center; }

form.contact table .notification { background: #fbf1f1; border: 1px solid #f1797a; color: #dc3131; }

/*------------ End Contact -------------*/

/*---------------- FAQ -----------------*/
.faq div.search {
	width: auto;
	margin: 0 0 15px 0;
	background: #e8f6ff;
	padding: 20px;
}

.faq div.search p {
	float: left;
	margin: 0 15px 0 0;
}

.faq form.search input {
	width: 200px;
}

.faq form.search input#button {
	width: auto;
}

.faq h3 {
	background: #e8f6ff;
	margin: 20px 0;
	padding: 5px;
}

.faq ul {
	margin: 10px 0;
}

.faq li {
	padding: 3px 0 3px 18px;
	background: url(arrow_grey.gif) no-repeat left center;
}

.faq li p {
	margin: 10px 0;
}

.faq .darkbluebox h3 {
	background: #e8f6ff;
	margin: 0;
	padding: 5px;
}

.faq .darkbluebox li {
	padding-left: 30px;
	background-image: url(spotlist.gif);
	background-position: 7px center;
}

.col2 .padding-box1 a img {
	margin: 0;
}

.col2 .padding-box1 h4 {
	padding-left: 0px;
} 

.style3 {
	font-size: 11px;
}

ul.categories {
}

ul.categories li.active a {
	color: #000;
	text-decoration: none;
	font-weight: bold;
}

.sst {
	background: url(emailicon.gif) no-repeat left center;
	padding-left: 15px;
	/*font-weight: bold;*/
}

.topnav {
	font-size: 11px;
	padding-bottom: 20px;
}

ul.spotlist li {
	background: url(spotlist.gif) no-repeat left center;
}
/*-------------- End FAQ ---------------*/

/*---------------- Demo ----------------*/

.testsms table th {
	width: 203px;
	text-align: right;
	padding-right: 8px;
	vertical-align: top;
}

.testsms .norm {
	float: none;
	padding: 5px;
    width:228px;
}

.testsms select {
    background:#white none repeat scroll 0 0;
    border:1px solid #596A78;
    color:#21282D;
    font-family:Arial,Verdana,sans-serif;
    font-size:14px;
    padding:5px 0;
    width:238px;
}

.testsms table td {
	font-size: 12px;
	paddding: 8px;
}

.testsms table td em, .testsms table td a {
	font-size: 14px;
}

.testsms .submit {
	background: #e3eef5;
	padding: 5px 20px;
	margin-top: 25px;
	overflow: hidden;
	_zoom: 1;
}

button.btn {
	float: right;
	background: url('buttons/btn_green.gif') no-repeat 100% -36px;
	border: none;
	height: 36px;
	color: #fff;
	padding: 0 3px 0 0;
	font-size: 20px;
	text-align: center;
	cursor: pointer;
}

button.btn span {
	display: block;
	background: url('buttons/btn_green.gif') no-repeat 0 0;
	height: 36px;
	line-height: 36px;
	padding: 0 3px 0 10px;
	margin: -2px 0 0;
}

button.btn span img {
	vertical-align: middle;
}

button.btn:hover {
	background-position: 100% -108px;
}

button.btn:hover span{
	background-position: 0 -72px;
}


table.msent td {
	border: none;
	text-align: left;
}

table.msent td.first {
	width: 209px;
	text-align: right;
	vertical-align: top;
}

table.msent .textbox, table.msent .norm {
	background: #f1f7fb;
	border: 1px solid #596a78;
	color: #21282d;
	font-family: Arial,Verdana,sans-serif;
	font-size: 14px;
	padding: 5px 3px;
	width: 230px;
	float: none;
}

table.msent .blogdate {
	font-size: 12px;
}

/*-------------- End Demo --------------*/

/*------------ end content -------------*/

/*---------------- 404 -----------------*/

#account {
	background: #deebf4 url(account_bg.gif) repeat-x;
}

#account #all {
	width: 700px;
}

#account .content {
	background: #fff;
	margin-top: 10px;
	padding: 25px;
}

#account .content table {
	width: 100%;
}

#account .search {
	margin: 0 0 20px 0;
}

#account .search input.text {
	width: 300px;
}
/*-------------- end 404 ---------------*/

/*--------------- footer ---------------*/

#footer {
	font-size: 12px;
	margin-top: 12px;
	padding-bottom: 30px;
}

#footer ul {
	float: left;
	height: 40px;
	padding-left: 15px;
}

#footer li {
	float:left;
	background: url(doubleborder.gif) repeat-y right;
	padding: 10px 12px 10px 10px;
}

#footer li.last {
	background: none;
}

a#rightlogo {
	float: right;
}

a#rightlogo img {
	width: 65px;
	height: 37px;
}
/*------------- end footer -------------*/





.textbox, .norm {
	margin: 0px 5px 2px 0px;
    padding: 7px 5px 6px 5px;
    font-family: Arial, Verdana, sans-serif;
    font-size:14px;
    width: 124px; 
    display : block;
    text-align: left; 
    background: #fff;
    border: 1px solid #c4e1f4;
    color: #21282d;
    float: left;
}

.tooltip {
	cursor:pointer;
}

.tooltipbox {
	border: 1px solid #333;
	background: #f7f5d1;
	text-align: left;
	position: absolute;
	font-size: 12px;
	padding: 10px;
	display: none;
	z-index: 100;
}

.email h3 div {
background-image: url(ico/email.gif);
}

.msn h3 div {
background-image: url(ico/messenger.gif);
}

.online h3 div {
background-image: url(ico/online.gif);
}

.reply h3 div {
background-image: url(ico/reply.gif);
}

.textme h3 div {
background-image: url(ico/textme.gif);
}

.api h3 div {
 background-image: url(ico/api.gif);
}

/*error lighting for element's label */
.style7 {
	color: #FF0000;
	font-weight: bold !important;
}

/* countrycodes */
#countrycodes {
  position: absolute;
  height: 400px;
  width: 300px;
  padding: 6px;
  z-index: 10000;
  top: 50%;
  left: 50%;
  margin: -203px 0 0 -153px;
  background: white;
  border: 2px solid #c4e1f4;
  outline: 2px solid white;
  overflow: auto;
  display: none;
}
  #countrycodes table {
    padding:0;
    margin: 10px 0 0 0;
    border-collapse: collapse;
    width: 95%;
    font-size: 12px;
  }
    #countrycodes table th {
      color: white;
      text-align: left;
      background: #c4e1f4;
    }
    #countrycodes table th,#countrycodes table td {
      padding: 3px 15px;
      text-align: left;
      border: 1px solid #c4e1f4;
    }
    #countrycodes table .last {
      width: 30px;
      text-align: right;
    }
    #countrycodes table .first {
      padding-left: 0px;
      padding-right: 0px;
      width: 5px;
      text-align: center;
      vertical-align: middle;
      background: url('flag_sprite_16.gif') no-repeat -2000px -2000px;
    }
    
    #countrycodes table .colored td {
      
    }
    
    #countrycodes .closeCountryCodes {
      /*float: right;*/
    }



.areacode_input {
  background: #FFFFFF url('flag_sprite_16.gif') no-repeat -2000px -2000px !important;
}


/* flags */
  .flag-ad { background-position: 0px 0px !important; }
  .flag-ae { background-position: -100px 0px !important; }
  .flag-af { background-position: -200px 0px !important; }
  .flag-ag { background-position: -300px 0px !important; }
  .flag-ai { background-position: -400px 0px !important; }
  .flag-al { background-position: -500px 0px !important; }
  .flag-am { background-position: -600px 0px !important; }
  .flag-an { background-position: -700px 0px !important; }
  .flag-ao { background-position: -800px 0px !important; }
  .flag-aq { background-position: -900px 0px !important; }
  .flag-ar { background-position: -1000px 0px !important; }
  .flag-as { background-position: -1100px 0px !important; }
  .flag-at { background-position: -1200px 0px !important; }
  .flag-au { background-position: -1300px 0px !important; }
  .flag-aw { background-position: 0px -50px !important; }
  .flag-az { background-position: -100px -50px !important; }
  .flag-ba { background-position: -200px -50px !important; }
  .flag-bb { background-position: -300px -50px !important; }
  .flag-bd { background-position: -400px -50px !important; }
  .flag-be { background-position: -500px -50px !important; }
  .flag-bf { background-position: -600px -50px !important; }
  .flag-bg { background-position: -700px -50px !important; }
  .flag-bh { background-position: -800px -50px !important; }
  .flag-bi { background-position: -900px -50px !important; }
  .flag-bj { background-position: -1000px -50px !important; }
  .flag-bm { background-position: -1100px -50px !important; }
  .flag-bn { background-position: -1200px -50px !important; }
  .flag-bo { background-position: -1300px -50px !important; }
  .flag-br { background-position: 0px -100px !important; }
  .flag-bs { background-position: -100px -100px !important; }
  .flag-bt { background-position: -200px -100px !important; }
  .flag-bw { background-position: -300px -100px !important; }
  .flag-by { background-position: -400px -100px !important; }
  .flag-bz { background-position: -500px -100px !important; }
  .flag-ca { background-position: -600px -100px !important; }
  .flag-cd { background-position: -700px -100px !important; }
  .flag-cf { background-position: -800px -100px !important; }
  .flag-cg { background-position: -900px -100px !important; }
  .flag-ch { background-position: -1000px -100px !important; }
  .flag-ci { background-position: -1100px -100px !important; }
  .flag-cis { background-position: -1200px -100px !important; }
  .flag-ck { background-position: -1300px -100px !important; }
  .flag-cl { background-position: 0px -150px !important; }
  .flag-cm { background-position: -100px -150px !important; }
  .flag-cn { background-position: -200px -150px !important; }
  .flag-co { background-position: -300px -150px !important; }
  .flag-cr { background-position: -400px -150px !important; }
  .flag-cu { background-position: -500px -150px !important; }
  .flag-cv { background-position: -600px -150px !important; }
  .flag-cy { background-position: -700px -150px !important; }
  .flag-cz { background-position: -800px -150px !important; }
  .flag-de { background-position: -900px -150px !important; }
  .flag-dj { background-position: -1000px -150px !important; }
  .flag-dk { background-position: -1100px -150px !important; }
  .flag-dm { background-position: -1200px -150px !important; }
  .flag-do { background-position: -1300px -150px !important; }
  .flag-dz { background-position: 0px -200px !important; }
  .flag-ec { background-position: -100px -200px !important; }
  .flag-ee { background-position: -200px -200px !important; }
  .flag-eg { background-position: -300px -200px !important; }
  .flag-eh { background-position: -400px -200px !important; }
  .flag-er { background-position: -500px -200px !important; }
  .flag-es { background-position: -600px -200px !important; }
  .flag-et { background-position: -700px -200px !important; }
  .flag-eu { background-position: -800px -200px !important; }
  .flag-fi { background-position: -900px -200px !important; }
  .flag-fj { background-position: -1000px -200px !important; }
  .flag-fk { background-position: -1100px -200px !important; }
  .flag-fm { background-position: -1200px -200px !important; }
  .flag-fo { background-position: -1300px -200px !important; }
  .flag-fr { background-position: 0px -250px !important; }
  .flag-ga { background-position: -100px -250px !important; }
  .flag-gb { background-position: -200px -250px !important; }
  .flag-gd { background-position: -300px -250px !important; }
  .flag-ge { background-position: -400px -250px !important; }
  .flag-gf { background-position: -500px -250px !important; }
  .flag-gg { background-position: -600px -250px !important; }
  .flag-gh { background-position: -700px -250px !important; }
  .flag-gi { background-position: -800px -250px !important; }
  .flag-gl { background-position: -900px -250px !important; }
  .flag-gm { background-position: -1000px -250px !important; }
  .flag-gn { background-position: -1100px -250px !important; }
  .flag-gp { background-position: -1200px -250px !important; }
  .flag-gq { background-position: -1300px -250px !important; }
  .flag-gr { background-position: 0px -300px !important; }
  .flag-gt { background-position: -100px -300px !important; }
  .flag-gu { background-position: -200px -300px !important; }
  .flag-gw { background-position: -300px -300px !important; }
  .flag-gy { background-position: -400px -300px !important; }
  .flag-hk { background-position: -500px -300px !important; }
  .flag-hn { background-position: -600px -300px !important; }
  .flag-hr { background-position: -700px -300px !important; }
  .flag-ht { background-position: -800px -300px !important; }
  .flag-hu { background-position: -900px -300px !important; }
  .flag-id { background-position: -1000px -300px !important; }
  .flag-ie { background-position: -1100px -300px !important; }
  .flag-il { background-position: -1200px -300px !important; }
  .flag-im { background-position: -1300px -300px !important; }
  .flag-in { background-position: 0px -350px !important; }
  .flag-iq { background-position: -100px -350px !important; }
  .flag-ir { background-position: -200px -350px !important; }
  .flag-is { background-position: -300px -350px !important; }
  .flag-it { background-position: -400px -350px !important; }
  .flag-je { background-position: -500px -350px !important; }
  .flag-jm { background-position: -600px -350px !important; }
  .flag-jo { background-position: -700px -350px !important; }
  .flag-jp { background-position: -800px -350px !important; }
  .flag-ke { background-position: -900px -350px !important; }
  .flag-kg { background-position: -1000px -350px !important; }
  .flag-kh { background-position: -1100px -350px !important; }
  .flag-ki { background-position: -1200px -350px !important; }
  .flag-km { background-position: -1300px -350px !important; }
  .flag-kn { background-position: 0px -400px !important; }
  .flag-kp { background-position: -100px -400px !important; }
  .flag-kr { background-position: -200px -400px !important; }
  .flag-kw { background-position: -300px -400px !important; }
  .flag-ky { background-position: -400px -400px !important; }
  .flag-kz { background-position: -500px -400px !important; }
  .flag-la { background-position: -600px -400px !important; }
  .flag-lb { background-position: -700px -400px !important; }
  .flag-lc { background-position: -800px -400px !important; }
  .flag-li { background-position: -900px -400px !important; }
  .flag-lk { background-position: -1000px -400px !important; }
  .flag-lr { background-position: -1100px -400px !important; }
  .flag-ls { background-position: -1200px -400px !important; }
  .flag-lt { background-position: -1300px -400px !important; }
  .flag-lu { background-position: 0px -450px !important; }
  .flag-lv { background-position: -100px -450px !important; }
  .flag-ly { background-position: -200px -450px !important; }
  .flag-ma { background-position: -300px -450px !important; }
  .flag-mc { background-position: -400px -450px !important; }
  .flag-md { background-position: -500px -450px !important; }
  .flag-me { background-position: -600px -450px !important; }
  .flag-mg { background-position: -700px -450px !important; }
  .flag-mh { background-position: -800px -450px !important; }
  .flag-mk { background-position: -900px -450px !important; }
  .flag-ml { background-position: -1000px -450px !important; }
  .flag-mm { background-position: -1100px -450px !important; }
  .flag-mn { background-position: -1200px -450px !important; }
  .flag-mo { background-position: -1300px -450px !important; }
  .flag-mp { background-position: 0px -500px !important; }
  .flag-mq { background-position: -100px -500px !important; }
  .flag-mr { background-position: -200px -500px !important; }
  .flag-ms { background-position: -300px -500px !important; }
  .flag-mt { background-position: -400px -500px !important; }
  .flag-mu { background-position: -500px -500px !important; }
  .flag-mv { background-position: -600px -500px !important; }
  .flag-mw { background-position: -700px -500px !important; }
  .flag-mx { background-position: -800px -500px !important; }
  .flag-my { background-position: -900px -500px !important; }
  .flag-mz { background-position: -1000px -500px !important; }
  .flag-na { background-position: -1100px -500px !important; }
  .flag-nato { background-position: -1200px -500px !important; }
  .flag-nc { background-position: -1300px -500px !important; }
  .flag-ne { background-position: 0px -550px !important; }
  .flag-ng { background-position: -100px -550px !important; }
  .flag-ni { background-position: -200px -550px !important; }
  .flag-nl { background-position: -300px -550px !important; }
  .flag-no { background-position: -400px -550px !important; }
  .flag-northern_cyprus { background-position: -500px -550px !important; }
  .flag-northern_ireland { background-position: -600px -550px !important; }
  .flag-np { background-position: -700px -550px !important; }
  .flag-nr { background-position: -800px -550px !important; }
  .flag-nu { background-position: -900px -550px !important; }
  .flag-nz { background-position: -1000px -550px !important; }
  .flag-om { background-position: -1100px -550px !important; }
  .flag-opec { background-position: -1200px -550px !important; }
  .flag-pa { background-position: -1300px -550px !important; }
  .flag-pe { background-position: 0px -600px !important; }
  .flag-pf { background-position: -100px -600px !important; }
  .flag-pg { background-position: -200px -600px !important; }
  .flag-ph { background-position: -300px -600px !important; }
  .flag-pk { background-position: -400px -600px !important; }
  .flag-pl { background-position: -500px -600px !important; }
  .flag-pm { background-position: -600px -600px !important; }
  .flag-pr { background-position: -700px -600px !important; }
  .flag-ps { background-position: -800px -600px !important; }
  .flag-pt { background-position: -900px -600px !important; }
  .flag-pw { background-position: -1000px -600px !important; }
  .flag-py { background-position: -1100px -600px !important; }
  .flag-qa { background-position: -1200px -600px !important; }
  .flag-ro { background-position: -1300px -600px !important; }
  .flag-rs { background-position: 0px -650px !important; }
  .flag-ru { background-position: -100px -650px !important; }
  .flag-rw { background-position: -200px -650px !important; }
  .flag-sa { background-position: -300px -650px !important; }
  .flag-sb { background-position: -400px -650px !important; }
  .flag-sc { background-position: -500px -650px !important; }
  .flag-sd { background-position: -600px -650px !important; }
  .flag-se { background-position: -700px -650px !important; }
  .flag-sg { background-position: -800px -650px !important; }
  .flag-si { background-position: -900px -650px !important; }
  .flag-sk { background-position: -1000px -650px !important; }
  .flag-sl { background-position: -1100px -650px !important; }
  .flag-sm { background-position: -1200px -650px !important; }
  .flag-sn { background-position: -1300px -650px !important; }
  .flag-so { background-position: 0px -700px !important; }
  .flag-sr { background-position: -100px -700px !important; }
  .flag-st { background-position: -200px -700px !important; }
  .flag-sv { background-position: -300px -700px !important; }
  .flag-sy { background-position: -400px -700px !important; }
  .flag-sz { background-position: -500px -700px !important; }
  .flag-tc { background-position: -600px -700px !important; }
  .flag-td { background-position: -700px -700px !important; }
  .flag-tg { background-position: -800px -700px !important; }
  .flag-th { background-position: -900px -700px !important; }
  .flag-tj { background-position: -1000px -700px !important; }
  .flag-tk { background-position: -1100px -700px !important; }
  .flag-tl { background-position: -1200px -700px !important; }
  .flag-tm { background-position: -1300px -700px !important; }
  .flag-tn { background-position: 0px -750px !important; }
  .flag-to { background-position: -100px -750px !important; }
  .flag-tp { background-position: -200px -750px !important; }
  .flag-tr { background-position: -300px -750px !important; }
  .flag-tt { background-position: -400px -750px !important; }
  .flag-tv { background-position: -500px -750px !important; }
  .flag-tw { background-position: -600px -750px !important; }
  .flag-tz { background-position: -700px -750px !important; }
  .flag-ua { background-position: -800px -750px !important; }
  .flag-ug { background-position: -900px -750px !important; }
  .flag-uk { background-position: -1000px -750px !important; }
  .flag-un { background-position: -1100px -750px !important; }
  .flag-us { background-position: -1200px -750px !important; }
  .flag-uy { background-position: -1300px -750px !important; }
  .flag-uz { background-position: 0px -800px !important; }
  .flag-va { background-position: -100px -800px !important; }
  .flag-vc { background-position: -200px -800px !important; }
  .flag-ve { background-position: -300px -800px !important; }
  .flag-vg { background-position: -400px -800px !important; }
  .flag-vi { background-position: -500px -800px !important; }
  .flag-vn { background-position: -600px -800px !important; }
  .flag-vu { background-position: -700px -800px !important; }
  .flag-ws { background-position: -800px -800px !important; }
  .flag-ye { background-position: -900px -800px !important; }
  .flag-yt { background-position: -1000px -800px !important; }
  .flag-za { background-position: -1100px -800px !important; }
  .flag-zm { background-position: -1200px -800px !important; }
  .flag-zw { background-position: -1300px -800px !important; }
  
  .ext-el-mask {
    z-index: 20000;
    position: absolute;
    top: 0;
    left: 0;
    -moz-opacity: 0.5;
    opacity: .50;
    filter: alpha(opacity=50);
    background-color: #CCC;
    width: 100%;
    height: 100%;
    zoom: 1;
}

.ext-el-mask-msg {
    z-index: 20001;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -150px;
    margin-top: -15px;
    border:1px solid #6593cf;
    background: #c3daf9 url(tb-blue.gif) repeat-x 0 -16px;
    padding:2px;
}
.ext-el-mask-msg div {
    padding:5px 10px 5px 10px;
    background: #eee;
    border:1px solid #a3bad9;
    color:#333;
    font:normal 12px tahoma, arial, helvetica, sans-serif;
    cursor:wait;
    vertical-align: middle;
}

.ext-el-mask-msg div img {
    vertical-align: middle;
}