@charset "UTF-8";
/* CSS Document */


/*HTML Stuff*/

body{
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #777;
	margin: 0; 
	padding: 0; 
	height: 100%;
	min-width: 980px;
	}
img, div{ 
	behavior: url(/public/images/iepngfix.htc); 
}

.fixed{
	position: fixed;
}
.fl_right{
	float: right;
}
.fl_left{
	float: left;
}

.content{
	width: 100%;
	min-height: 100%;
	height: 100%;
	}
.container{
	margin: 0 auto;
	width: 960px;
	padding-bottom: 30px;
	padding-left: 15px;
	padding-right: 15px;
	overflow: hidden;
	height: 100%;
	}
.keypad_wrapper{
	padding-bottom: 30px;
	padding-left: 15px;
	padding-right: 15px;
	overflow: hidden;
	height: 100%;
}
.keypad{
	margin: 0 auto;
	width: 690px;
	overflow: hidden;
	height: 100%;
	
	-moz-box-shadow:0 0 3px #AAAAAA;
	-webkit-box-shadow:0 0 3px #AAAAAA;
	box-shadow:0 0 3px #AAAAAA;

	-moz-border-radius-bottomleft:4px;
	-webkit-border-bottom-left-radius:4px;
	border-bottom-left-radius:4px;

	-moz-border-radius-bottomright:4px;
	-webkit-border-bottom-right-radius:4px;
	border-bottom-right-radius:4px;

	border:1px solid #FFFFFF;
	background-color: #FFFFFF;
}
.dashboard_container{
	margin: 0 auto;
	width: 470px;
	overflow: hidden;
	padding-top: 20px;
}
.minikeypad{
	width: 100%;
	height: 50px;
	clear: both;
	overflow: hidden;
	margin-bottom: 20px;
	border-bottom: solid 2px #D7DFE3;
	background-image: url(/public/images/backend_header_bg.gif);
	background-repeat: repeat-x;
	
}
.minikey{
	overflow: hidden;
	float: left;
	height: 100%;
	vertical-align: middle;
	margin: 0 auto;
}
.minikey a{
	width: 136px;
	height: 100%;
	float: left;
	margin: 0;
	padding-top: 15px;
	border-right: solid 1px #F2F2F2;
	border-left: solid 1px #FFFFFF;
	text-align: center;
	font-weight: bold;
	vertical-align: middle;
}
.minikey a:hover{
	color: #3399CC;
}
.key_large{
	width: 188px;
	height: 143px;
	padding: 10px;
	float: left;
	border-bottom: solid 1px #CCCCCC;
	margin-bottom: 15px;
	
}

.phone_number{
	width: 460px;
	padding-top: 20px;
	padding-bottom: 20px;
	border: solid 1px #D7DFE3;
	margin-bottom: 15px;
	font-size: 48px;
	text-align: center;
	background-image: url(/public/images/phone_num_bg.gif);
	background-repeat: repeat-x;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	text-shadow: 0px 2px 2px #CCCCCC;
	
}
.key_large_green{
	width: 188px;
	height: 143px;
	padding: 10px;
	float: left;
	margin-bottom: 15px;
	background-color: #E6FFDF;
	border-bottom: 3px solid #C9E6C1;
	color: #6EA85F;
}


.half_key_light{
	width: 300px;
	padding: 10px;
	background-color: #F2F2F2;
	margin-bottom: 15px;
	border: solid 1px #e6e6e6;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	clear: left;
	float: left;
}
.bill_summary{
	width: 290px;
	float: right;
}

.key_static{
	width: 132px;
	height: 103px;
	padding: 10px;
	float: left;
	border: solid 1px #D7DFE3;
	background-image: url(/public/images/phone_num_bg.gif);
	background-repeat: repeat-x;
	
}

.key a{
	width: 132px;
	height: 103px;
	padding: 10px;
	float: left;
	border: solid 1px #D7DFE3;
	display: block;
	background-image: url(/public/images/phone_num_bg.gif);
	background-repeat: repeat-x;
}
.key a:hover{
	color: #3399CC;
}
.key a:active{
	background-image: url(/public/images/number_bg.gif);
	background-repeat: no-repeat;
}
.key_title{
	margin-top: 22px;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 100%;
	font-size: 1.5em;
	text-align: center;
	font-weight: bold;
	text-shadow: 0px 2px 2px #CCCCCC;
	
}
.key_info{
	text-align: center!important;
	line-height: 120%!important;
}
.key_margin{
	margin-right: 15px;
}
strong{
	font-weight: bold!important;
}
a{
	color: inherit;
	}
.hover:hover{
	color: #3399CC;
}
p{
	line-height: 200%;
	}
h1{
	font-size: 18px;
	font-weight: bold!important;
	color: #02315c;
	}
h2{
	font-size: 14px;
	color: #02315c;
	border-bottom: solid 1px #CCCCCC;
	padding-bottom: 10px;
	}
h3{
	font-size: 14px;
	color: #666666;
	}
.footer h3{
	font-size: 14px;
	color: #FFFFFF;
	}

h4{
	font-size: 12px;
	font-weight: bold!important;
	color: #333333;
	margin-bottom: 15px;
	}
h5{
	font-size: 14px;
	color: #3399CC;
	border-bottom: solid 1px #CCCCCC;
	}
h6{
	font-size: 12px;
	color: #333333;
	font-weight: bold!important;
	}
	
.terms ul{
	margin-left: 30px;
}
.terms ol{
	margin-left: 30px;
}
.pagination{
	float: right;
}
.non_header_large{
	font-size: 18px;
	color: #02315c;
	clear: none;
}
.green_alert{
	background-color: #E6FFDF;
	border: 1px solid #C9E6C1;
	color: #6EA85F;
	margin: 0px 0px 10px;
	padding: 2px 5px;
	text-align: center;
	font-size: 1.5em;
}
.green{
	color: #6EA85F;	
}
.red{
	color: #CC0000;	
}
.dk_blue{
	color: #02315c!important;
}
.lt_blue{
	color: #3399CC!important;
}
.orange_alert{

	background-color: #FBF7F0;
	border: 1px solid #EEE4D4;
	color: #A78B5F;
	margin: 0px 0px 10px;
	padding: 2px 5px;
	text-align: center;
	font-size: 1.5em;
}

.section_header_grey{
	background: #F4F4F4;
	border: 1px solid #EEE;
	font-size: 14px;
	color: #555555;
	padding: 5px;
	margin-bottom: 15px;
}
.superheader{
	height: 15px;
	padding-top: 4px;
	padding-bottom: 4px;
	width: 100%;
	color: #02315c;
	clear: both;
	border-bottom: solid 1px #F2F2F2;
	border-top: solid 3px #02315c;
}
.superheader_back{
	height: 35px;
	padding-top: 9px;
	padding-bottom: 4px;
	width: 100%;
	color: #02315c;
	clear: both;
	border-top: solid 3px #02315c;
}
.superheader_tag{
	float: left;
	padding-left: 30px;
}
.superheader_info{
	float: right;
	padding-right: 30px;
}

.superheader_fixed_info{
	float: right;
	padding-right: 30px;
	padding-top: 4px;
}


.header{
	margin-bottom: 0px;
	padding-top: 10px;
	height: 50px;
	width: 100%;
	clear: both;
	overflow: hidden;
}

.logo{
	padding-left: 30px;
	padding-top: 1px;
	float: left;
	}
.logo_sm{
	padding-left: 30px;
	padding-top: 0px;
	float: left;
	}
.top_nav{
	float: right;
	padding-right: 30px;
	padding-top: 15px;
	}
.top_nav a{
	padding: 5px 5px 5px 5px;
	margin-left: 12px;
	width: 80px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 17px;
	color: #FFFFFF;
	display: inline;
	text-shadow: 0px 2px 2px #333333;
	}
.top_nav_link_container{
	overflow: hidden;
	float: right;
	clear: none;
}
.top_nav a:hover{
	color: #3399CC;
	-webkit-transition-delay: 0s;
	-webkit-transition-duration: 0.2s;
	-webkit-transition-property: color;
	-webkit-transition-timing-function: cubic-bezier(0, 0, 1, 1);
	}
.home_container{
	margin: 0 auto;
	background-color: #EEEEEE;
	border-top: solid 2px #333333;
	width: 960px;
	padding-bottom: 30px;
	padding-left: 15px;
	padding-right: 15px;
	height: auto;
	}

.hero_cont{
	margin: 0 auto;
	width: 960px;
	height: 450px;
	background-image: url(/public/images/home_hero.png);
	background-repeat: no-repeat;
	overflow: visible;
}
.hero_buttons{
	width: 203px;
	height: 39px;
	float: left;
	margin-right: 10px;
	background-image: url(/public/images/home_buttons.gif);
	background-repeat: no-repeat;
}
.hero_buttons_container{
	width: 503px;
	height: 39px;
	background-image: url(/public/images/home_buttons.gif);
	background-repeat: no-repeat;
	position: relative;
	left: 55%;
	top: 60%;
}
.hero_buttons_free{
	width: 203px;
	height: 39px;
	float: left;
	background-image: url(/public/images/home_buttons_free.gif);
	background-repeat: no-repeat;
}

.hero_button_1 a{
	width: 117px;
	height: 39px;
	display: inline;
	float: left;
}
.hero_button_2 a{
	width: 86px;
	height: 39px;
	display: inline;
	float: left;
}
.hero_button_3 a{
	width: 203px;
	height: 39px;
	display: inline;
	float: left;
}

.walkthrough_hero{
	margin: 0 auto;
	width: 960px;
	height: 580px;
	background-image: url(/public/images/three_up_walkthrough.png);
	background-repeat: no-repeat;
	overflow: visible;
	padding-bottom: 20px;
}

.home_icon{
	float: left;
	padding-right: 5px;
	padding-bottom: 5px;
}
.home_divider{
	width: 100%;
	height: 50px;
	background-image: url(/public/images/home_grad_mid.gif);
	background-repeat: repeat-x;
}
.footer{
	background: #111418;
	color: #EEEEEE;
	border-top: 1px solid #EEE;
	width: 100%;
	overflow: hidden;
	height: 250px;
	}
.internal_footer{
	width: 690px;
	margin: 0 auto;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #333333;
}
.footer_message{
	margin: 0 auto;
	width: auto;
	clear: both;
		color: #EEEEEE;
	
}
.footer_container{
	margin: 0 auto;
	width: 960px;
}
.footer_container a{
	color: #4782AC;
}
.footer_container a:hover{
	color: #FFFFFF;
	-webkit-transition-delay: 0s;
	-webkit-transition-duration: 0.2s;
	-webkit-transition-property: color;
	-webkit-transition-timing-function: cubic-bezier(0, 0, 1, 1);
	
}

.footer_title{
	color: #FFFFFF;
	font-size: 15px;
	width: 200px;
	margin: 0 auto;
	text-align: center;
	margin-top: 15px;
}
.footer .top_nav ul li{
	padding: 2px 6px 6px 6px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #BCBCBC;
	list-style-type: none;
	display: inline;
	}
	
.footer_button{
	width: 50px;
	height: 50px;
	float: right;
	clear: none;
}
.footer_button a:hover{
	background-color: #02315c;
}
.footer_button a{
	width: 50px;
	height: 50px;
	display: block;
	background-color: #555555;
}
.footer ul li{
	width: 100%;
	display: block;
	clear: both;
	border-bottom: solid 1px #CCCCCC;
	padding-bottom: 3px;
	margin-bottom: 4px;
}
.twilio a{
	width: 55px;
	height: 55px;
	display: block;
	float: left;
	clear: none;
	margin-right: 30px;
	background-image: url(/public/images/twilio_badge_sm_grey.gif);
	background-repeat: no-repeat;
}
.twilio a:hover{
	background-image: url(/public/images/twilio_badge_sm_color.gif);
}
.mt a{
	width: 55px;
	height: 55px;
	display: block;
	float: left;
	margin-right: 20px;
	background-image: url(/public/images/mt_logo_grey.gif);
	background-repeat: no-repeat;
}
.mt a:hover{
	background-image: url(/public/images/mt_logo_white.gif);
}

.twitter{
	display: block;
	float: left;
	margin-top: 15px;
}

.main{
	width: 55%;
	min-width: 555px;
	padding-bottom: 40px;
	padding-top: 15px;
	margin-left: 3%;
	margin-right: 3%;
	float: left;
	}
	
.rightbar{
	width: 15%;
	min-width: 144px;
	height: 100%;
	float: right;
	overflow: hidden;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
	font-size: 11px;
	color: #333333;
	border-left: 1px solid #BCC2C7;
	
	
}

.rightbar ul{
		list-style-type: square!important;
	
}

.rightbar a{
	color: #02315c;
	font-weight: bold;
}

.rightbar a:hover{
	color: #4782AC;
}

.rightbar ul li{
	clear: both;
	padding-bottom: 3px;
	margin-bottom: 4px;
}

#monolog {
	position: absolute;
	display:none;
	top:0;
	text-align: center;
	padding: 5px 0;
	border-bottom:1px solid #555;
	background: url(/public/images/monolog-bg.png) repeat-x top;
	font-size: 1.5em;
	font-weight: bold;
	color:#fff;
	width:100%;
}
#monolog p{

}

.thirds{
	width: 300px;
	float: left;
	height: auto;
	padding-bottom: 40px;
	margin-top: 10px;
	
}
.fourths{
	width: 217px;
	float: left;
	height: auto;
	margin-bottom: 10px;
	margin-top: 10px;
	
}
.two_thirds{
	width: 600px;
	float: left;
	height: auto;
	padding-bottom: 40px;
	margin-top: 10px;
	
}
.full{
	width: 940px;
	float: left;
	height: auto;
	padding-bottom: 40px;
	padding: 10px;
	margin-bottom: 20px;
	text-align: center;
	
}
.background_text{
	color: #FFFFFF; 
	font-size: 15px; 
	text-shadow: 0px 2px 2px #333333;
}

.background_text a{
	color: #3399CC; 
}
.background_text a:hover{
	color: #e6e6e6; 
}
.pad_right{
	padding-right: 30px;
}
.pad_top{
	padding-top: 30px;
}
.pad_bottom{
	padding-bottom: 20px;
}
.sidebar{
	width: 15%;
	min-width: 144px;
	height: 100%;
	overflow: hidden;
	margin-right: 3%;
	padding-top: 15px;
	float: left;
	
}
.sidebar_nav{
	overflow: hidden;
	color: #40474D;
	font-weight: bold;
	
}
.sidebar_nav ul{
	list-style-type: none;
}
.sidebar_nav a{
	display: block;
	vertical-align: middle;
	height: 20px;
	width: 225;
	padding-top: 5px;
	padding-left: 20px;
	font-size: 11px;
	border-bottom: solid 1px #C7CCD1;
}
.sidebar_nav a:hover{
	color:#02315c;
	border-bottom: solid 1px #02315c;
	
	}

/*FORM STYLING*/
label{
	font-size: 11px;
	display: block;
	font-weight: normal;
	color: #555555;
	padding-top: 2px;
	padding-right: 3px;
	padding-bottom: 2px;
	padding-left: 2px;
	width: 300px;
}

.list_card textarea{
	background: #FFFFFF;
	border: 1px solid #EEE;
	padding: 4px;
	width: 300px;
	height: 150px;
	margin-bottom: 10px;
}

textarea{
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
	padding: 4px;
	width: 400px;
	height: 150px;
	margin-bottom: 10px;
}

	
input[type="checkbox"]{
	margin-right: 5px;
	position: relative;
	top: 1px;
}
input[type="radio"]{
	margin-right: 5px;
}
input[type="text"]{
	border: 1px solid #CCCCCC;
	padding: 4px;
	width: 305px;
	margin-bottom: 10px;
	
}

.input_pad{
	margin-right: 20px;
}
input[type="text"]:active{
	border: 1px solid #02315c;
	
}

input[type="username"]{
	background: #F4F4F4;
	border: 1px solid #EEE;
	padding: 4px;
	width: 150px;
	margin-bottom: 10px;
	
}
input[type="password"]{
	border: 1px solid #CCCCCC;
	padding: 4px;
	width: 305px;
	margin-bottom: 10px;
}


.form_error{
	color: #B01E23;
	font-size: 10px;
}
/*Table Formatting*/
#box-table-a
{
	width: 99%;
	text-align: left;
	border-collapse: collapse;
	border: solid 1px #CCCCCC;
}
.box-table-b
{
	width: 100%;
}
.box-table-pricing
{
	width: 100%;
	border-collapse: collapse;
}
.box-table-pricing_sum
{
	width: 100%;
	border-collapse: collapse;
}

#box-table-log
{
	width: 99%;
	text-align: left;
	border-collapse: collapse;
}

#box-table-log td
{
	padding: 4px;
	border-top: 1px solid transparent;
}

#box-table-a th
{
	font-size: 11px;
	font-weight: bold;
	padding: 4px;
	background-color: #e0e0e0;
	height: 20px;
	background-repeat: repeat-x;
	color: #555555;
	text-transform: lowercase;
	border: solid 1px #CCCCCC;
}


#box-table-a td
{
	padding: 4px;
	color: #666;
	border-top: 1px solid transparent;
	border: solid 1px #CCCCCC;
}
.box-table-pricing td
{
	padding: 12px;
	color: #666;
	border-bottom: 1px solid #CCCCCC;
	border-right: solid 1px #CCCCCC;
	text-align: center;
}

.box-table-pricing_sum td
{
	padding: 12px;
	color: #666;
	border-bottom: 1px solid #CCCCCC;
	border-right: solid 1px #CCCCCC;
	text-align: right;
}

.box-table-pricing th
{
	padding: 12px;
	color: #666;
	text-align: center;
}

.huge{
	font-size: 42px;
	clear: both;
	text-shadow: 0px 2px 2px #CCCCCC;
}
.huge_dk{
	font-size: 42px;
	clear: both;
	text-shadow: 0px 2px 2px #333333;
}
.large{
	font-size: 32px;
	clear: both;
	text-shadow: 0px 2px 2px #CCCCCC;	
}
.med{
	font-size: 20px;
	clear: both;
}
.med_sm{
	font-size: 16px;
	clear: both;
}
.med_sm_fl{
	font-size: 16px;
}
.huger{
	font-size: 72px;
	clear: both;
	text-shadow: 0px 2px 2px #CCCCCC;
}
.box-table-b td
{
	padding: 4px;
	border-top: 1px solid transparent;
	width: 100px!important;
}

#box-table-a tr:hover td
{
	background: #E6E6E6;
	color: #333;
}
#box-table-a input
{
	width: 90px;
}




/*betwext table*/
.bet_table
{
	width: 99%;
	text-align: left;
	border-top: none;
}


.bet_table th
{
	font-size: 11px;
	font-weight: bolder;
	padding: 3px;
	color: #555555;
}

.bet_table td
{
	color: #666;
	padding: 4px;
	border-bottom: solid 1px #CCCCCC;
}

.bet_table .delete{
	margin: 0 auto;
	color: #CC0000!important;
}

.bet_table .delete a:hover{
	text-decoration: underline;
}


.bet_table .add{
	margin: 0 auto;
	color: #6EA85F!important;
}

.bet_table .add a:hover{
	text-decoration: underline;
}


.bet_table input[type="text"]{
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
	padding: 4px;
	width: 130px;
	margin-bottom: 0px!important;
	
}



.login_container{
	
	margin: 0 auto;
}
.login_box{
	margin: 0 auto;
	padding: 20px;
	border: solid 1px #E6E6E6;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	
	}
.login_box input[type="text"]{
	color: #333333;
	background-color: #FFFFFF;
}
#password-password{
	color: #333333;
}
.login_box a:hover{
	color: #3399CC;
	}

.login_error{
	color: #CC0000;
	margin-left: 120px;
	}
.loginlogo{
	padding-top: 10px;
	margin: 0 auto;
	}
.loginheader{
	padding-left: 120px;
	}
.contact_item{
	width: auto;
	padding-right: 10px;
	padding-top: 4px;
	padding-bottom: 4px;
	border-bottom: dotted 1px #333333;
	}

.left_column{
	width: 220px;
	float: left;
	margin-right: 20px;
	}
.right_column{
	width: 160px;
	float: left;
	clear: right;
	}
.half_column{
	width: 450px;
	float: left;
	clear: none;
	padding-right: 20px;
}
.half_item{
	width: 330px;
	float: left;
	clear: none;
}
.quarter_column_l{
	width: 300px;
	float: left;
	margin-right: 20px;
	font-size: 12px;
	}
.quarter_column_l a:hover{
	color: #02315c;
}
.quarter_column_r{
	width: 300px;
	float: left;
	clear: right;
	font-size: 12px;
	}
.quarter_column_r a:hover{
	color: #02315c;
}
.auth_section{
	width: 280px;
	height: 70px;
	padding: 10px;
	margin-bottom: 15px;
	float: left;
	background-color: #F2F2F2;
	border: solid 1px #CCCCCC;
}
.auth_section label{
	font-size: 12px;
}
#swap{
	font-size: 14px;
	font-weight: bold;
	color: #02315c;
}

.list_card{

	overflow: hidden;
	margin-bottom: 20px;
	padding-top: 7px;
	padding-bottom: 7px;
	
}
.list_items{
	width: 100%;
	height: 100%;
	margin-bottom: 10px;
	overflow: hidden;
}
.list_nav{
	width: 15%;
	padding: 5px;
	color: #333333;
	height: 100%;
	float: left;
	clear: left;
	border-right: solid 1px #CCCCCC;
}
.list_contact_container{
	clear: right;
	margin-left: 2%;
	margin-top: 2%;
	float: left;
	width: 81%;
}
.list_contact{
	border-bottom: 1px solid #CCCCCC;
	padding-bottom: 5px;
	font-size: 14px;
	margin-bottom: 7px;
}
.contact_delete a{
	color: #CC0000;
	text-decoration: none;
	background-color: #FFFFFF;
	padding: 3px;
}

.contact_delete a:hover{
	background-color: #CC0000;
	color: #FFFFFF;
	text-decoration: none;
}
.contact_remove{
	float: right;	
}
.contact_remove a{
	color: #CCCCCC;
	text-decoration: none;
	padding: 3px;
	font-size: 12px;
}

.contact_remove a:hover{
	background-color: #CC0000;
	color: #FFFFFF;
	text-decoration: none;
}


.list_activate{
	margin-bottom: 6px;
}
.new_contact{
	margin-bottom: 6px;
}

.new_contact a{
	color: #3399CC;
}
.new_contact a:hover{
	text-decoration: underline;
}
.list_delete{
	margin-bottom: 6px;
}
.silenced{
	background-color: #000000;
	color: #FFFFFF;
	font-size: 10px;
	padding: 2px;
}
.contact_delete{
	float: right;	
}
.list_title{
	width: auto;
	padding-bottom: 5px;
	font-size: 15px;
	color: #444444;
	border-bottom: solid 1px #CCCCCC;
	
}

.list_new_contact{
	width: 100%;
	border-top: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 10px;
	background-color: #F3F3F3;
}

.right_card{

	width: auto;
	overflow: hidden;
	margin-bottom: 20px;
	padding-top: 7px;
	padding-bottom: 7px;
	border-bottom: solid 1px #CCCCCC;
	
}

.list_card a:hover{
}

.list_card input[type="text"]{
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
	padding: 4px;
	width: 125px;
	margin-bottom: 0px;
	margin-right: 10px;
	
}
.list_card label{
	font-size: 11px;
	display: inline;
	font-weight: normal;
	color: #555555;
	padding-top: 2px;
	padding-right: 3px;
	padding-bottom: 2px;
	padding-left: 2px;
	width: 125px;
	
}
.list_title input[type="submit"]{
	clear: none!important;
	}
.full input[type="text"]{
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
	padding: 4px;
	width: 180px;
	margin-bottom: 10px;
	
}



.new{
	color: #CCCCCC;
}

.req{
	color: #CC0000;
}

.active_list{
	color: #02315c;
	clear: none;
}
.header_link a{
	color: #02315c;
	clear: none;
	font-size: 12px;
}

.header_link a:hover{
	color: #000000;
	clear: none;
	font-size: 12px;
}

.sell_icon_sm{
	display: block;
	overflow: hidden;
	float: left;
	background-image: url(/public/images/message-icon_sm.gif);
	background-repeat: no-repeat;
	width: 42px;
	height: 40px;
	margin-right: 30px;
	margin-bottom: 5px;
	
}

.sell_icon_sm_plus{
	display: block;
	overflow: hidden;
	float: left;
	background-image: url(/public/images/message-icon_sm_plus.gif);
	background-repeat: no-repeat;
	width: 50px;
	height: 48px;
	margin-right: 22px;
}


.sell_icon a:active{
	background-image: url(/public/images/message_icon_sell_hv.gif);
	text-decoration: none;
	}
	
.sell_icon a:hover{
	text-decoration: none;
}

.page_banner_text
{
	font-size: 40px;
	color: #FFFFFF;
	text-align: center;
	width: 100%;
	margin: 0 auto;
	padding-bottom: 20px;
	text-shadow: 0px 2px 2px #333333;
}
.page_banner_text_left
{
	font-size: 40px;
	color: #FFFFFF;
	width: 100%;
	margin: 0 auto;
	padding-top: 20px;
	padding-bottom: 20px;
	text-shadow: 0px 2px 2px #333333;
}

.walkthrough_left{
	width: 440px;
	float: left;
	height: auto;
	margin-bottom: 20px;
	margin-top: 10px;
	margin-right: 20px;
	
}

.walkthrough_right{
	width: 440px;
	float: right;
	height: auto;
	margin-bottom: 20px;
	margin-top: 10px;
	margin-right: 20px;
	
}

.walkthrough_large_right{
	float: right;
	margin-bottom: 20px;
}

.walkthrough_large_left{
	float: left;
	margin-bottom: 20px;
}
.walkthrough_section{
	margin-bottom: 20px;
	padding-bottom: 20px;
	background-image: url(/public/images/divider.png)!important;
	background-repeat: no-repeat;
	background-position: bottom;
	overflow: hidden;
	height: auto;
}
.walkthrough_section a{
	color: #3399CC;
}
.walkthrough_section a:hover{
	color: #333333;
}
.walkthrough_section ul li{
	list-style-type: none;
	margin-bottom: 10px;
}
.walkthrough_command{
	width: 200px;
	margin-right: 20px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 30px;
	padding-top: 30px;
	text-align: center;
	background-color: #02315c;
	background-image: url(/public/images/top_bg.gif); 
	background-position: top top;
	background-repeat: repeat-x;
	color: #FFFFFF;
}
.center_pricing{
	margin: 0 auto;
	overflow: hidden;
	width: 900px;
}

.pricing_option_sm{
	width: 150px;
	height: 280px;
	background-color: #F2F2F2;
	float: left;
	border: solid 2px #333333;
	padding: 7px;
	margin-bottom: 20px;
	margin-top: 15px;
	text-align: center;
}

.pricing_option_lg{
	width: 200px;
	height: 310px;
	background-color: #FFFFFF;
	float: left;
	border: solid 4px #333333;
	padding: 7px;
	margin-bottom: 20px;
	text-align: center;
}

.pricing_option_lg .number_messages{
	font-size: 36px;
	font-weight: bold;
	}

.number_messages{
	font-size: 30px;
	color: #02315c;
	margin-bottom: 10px;
	clear: both;
}
.pricing_info{
	font-size: 20px;
	padding-bottom: 10px;
	clear: both;
	margin: 0 auto;
	overflow: hidden;
	
}
.summary{
	font-size: 14px;
	padding-bottom: 15px;
	clear: both;
	margin: 0 auto;
	color: #000000;
}
.pricing_option_lg .summary{
	font-size: 18px;
	padding-bottom: 10px;
	clear: both;
	margin: 0 auto;
	color: #000000;
}

.sign_up_sm{
	padding-bottom: 10px;
	clear: both;
	margin: 0 auto;
}

/*buttons*/
.buttonz, .buttonz:visited {
	background: #222 url(/public/images/alert-overlay.png) repeat-x; 
	display: inline-block; 
	text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
	margin-left: 0px;
	margin-right: 7px;
	-webkit-appearance: none;
}
.buttonz:active{
	top: 1px;
}
.blue.buttonz, .blue.buttonz:visited{ 
background-color: #3399CC; 
color: #fff;
text-shadow: 0 -1px 1px rgba(0,0,0,0.25); 
}

.blue.buttonz:hover	{ 
background-color: #02315c; 
color: #fff;
}

.dkblue.buttonz, .dkblue.buttonz:visited{ 
background-color: #02315c; 
color: #fff;
text-shadow: 0 -1px 1px rgba(0,0,0,0.25); 
}

.dkblue.buttonz:hover	{ 
background-color: #3399CC; 
color: #fff;
}

.green.buttonz, .green.buttonz:visited{ 
background-color: #33cc33; 
color: #fff;
text-shadow: 0 -1px 1px rgba(0,0,0,0.25); 
}

.green.buttonz:hover	{ 
background-color: #339933; 
}

.red.buttonz, .red.buttonz:visited{ 
background-color: #DD0000; 
color: #fff;
text-shadow: 0 -1px 1px rgba(0,0,0,0.25); 
}

.red.buttonz:hover	{ 
background-color: #AA0000; 
}


.grey.buttonz, .grey.buttonz:visited{ 
background-color: #EEEEEE; 
color: #02315c;
text-shadow: 0 -1px 1px rgba(255,255,255,0.25); 
}

.grey.buttonz:hover	{ 
background-color: #DDDDDD; 
}
.xlarge.buttonz, .xlarge.buttonz:visited{ 
font-size: 25px; 
font-weight: bold; 
font-family: Helvetica;
line-height: 1; 
padding: 4px 8px 6px;
}

.large.buttonz, .large.buttonz:visited{ 
font-size: 18px; 
font-weight: bold; 
font-family: Helvetica;
line-height: 1; 
padding: 6px 8px 6px;
}
.medium.buttonz, .medium.buttonz:visited{ 
font-size: 12px; 
font-family: Helvetica;
font-weight: bold; 
line-height: 1; 
padding: 4px 8px 6px;
}

.small.buttonz, .small.buttonz:visited{ 
	font-size: 11px; 
	font-weight: bold; 
	font-family: Helvetica;
	line-height: 1; 
	padding: 5px 10px 6px;
}

.contact_list{
	width: 48%;
	float: left;
}
.contact_list ul{
	outline: solid 1px #CCCCCC;
	border: solid 1px #FFFFFF;
	padding: 3px;
	
}
.contact_add{
	width: 48%;
	float: left;
	margin-right: 4%;
}
.contact_list .number{
	color: #CCCCCC;
}
.contact_list ul li{
	border-bottom: solid 1px #E6E6E6;
	border-top: solid 1px #FFFFFF;
	background-color: #f6f6f6;
	padding: 8px;
	font-size: 13px;
	list-style-type: none;
}
.faq_container{
	margin-bottom: 20px;
	clear: both;
}
.tooltip{
	display:none; 
  	background:transparent url(/public/images/white_arrow.png); 
  	font-size:12px; 
  	height:70px; 
   	width:160px; 
   	padding:25px; 
   	color:#333333;
   	z-index: 10000;
   	cursor: pointer;
}
#manager_wrap{
	height: auto;
	}
#manager_wrap_header{
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-bottom: 10px;
	padding-bottom: 6px;
	padding-top: 4px;
	border-bottom: solid 2px #CCCCCC;
}
#manager_wrap_header input[type=text]{
	width: 200px;
}
.manager_nav{
	width: 144px;
	//border-right: double 1px #CCCCCC;
	//margin-right: 7px;
	padding-left: 5px;
	float: left;
	font-family: helvetica;
}
.manager_mid{
	width: 162px;
	height: 100%!important;
	overflow: hidden;
	border-left: solid 3px #F2F2F2;
	float: left;
	margin-right: 6px;
	
}
.manager_mid label{
	font-size: inherit;
	display: inline;
	font-weight: normal;
	color: inherit;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	width: 100%;
	cursor: pointer;
}
.manager_container{
	width: 331px;
	padding-left: 9px;
	height: 100%!important;
	overflow: hidden;
	float: left;
	padding-bottom: 10px;
}
.manager_container_header{
	width: 100%;
	height: auto;
	overflow: hidden;
	border-bottom: solid 1px #CCCCCC;
	padding-bottom: 5px;
	margin-bottom: 10px;
}
.manager_container_footer{
	width: 100%;
	height: auto;
	overflow: hidden;
	border-top: solid 1px #CCCCCC;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 10px;
}
.manager_nav ul{
	height: 100%;
}
.manager_nav ul li{
	list-style-type: none;
	border-bottom: solid 1px #FFFFFF;
}
.manager_nav ul li a{
	display: block;
	padding-bottom: 3px;
	padding-top: 6px;
	padding-left: 6px;
}

.nav_selected_left{
	font-weight: bold;
	background-color: #F2F2F2!important;
	color: #02315C;
	-moz-border-radius-topleft: 4px!important;
	-moz-border-radius-bottomleft: 4px!important;
	-webkit-border-top-left-radius: 4px!important;
	-webkit-border-bottom-left-radius: 4px!important;	
	
}
.nav_selected_right{
	font-weight: bold;
	background-color: #F2F2F2!important;
	color: #02315C;
	-moz-border-radius-topright: 4px!important;
	-moz-border-radius-bottomright: 4px!important;
	-webkit-border-top-right-radius: 4px!important;
	-webkit-border-bottom-right-radius: 4px!important;
	
}
.manager_nav ul li .nav_selected{
	-moz-border-radius-topleft: 4px!important;
	-moz-border-radius-bottomleft: 4px!important;
	-webkit-border-top-left-radius: 4px!important;
	-webkit-border-bottom-left-radius: 4px!important;	
}
.manager_nav ul li a:hover{
	color: #02315C!important;
}
.manager_mid ul li{
	list-style-type: none;
	padding-bottom: 6px;
	padding-left: 7px;
	padding-top: 6px;
}
.manager_mid ul li:hover{
	color: #02315C!important;
}
.manager_mid ul li .nav_selected{
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
}
.primary{
	border-bottom: solid 1px #3399CC;
	margin-bottom: 5px;
	font-size: 14px;
}
.group{
	margin-bottom: 5px;
	font-size: 14px;
}
.manager_person{
	cursor: pointer;
}
.ajax_loader{
	padding-top: 50px;
	margin: 0 auto;
	width: 32px;
}
.li_background{
	background-color: #3399CC;
}