@charset "utf-8";
/* DEFAULT BROWSER STYLE RESET */
html, body, div, span, p, h1, h2, h3, h4, h5, h6, a, dl, dt, dd, ul, ol, li, form, fieldset, legend, label, button, blockquote, q, img, font, small, strong, strike, sup, sub, em, code, abbr, acronym, pre, table, caption, th, tr, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: none;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
 //   vertical-align: baseline;
}

ol, ul {
    list-style: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

caption, th {
    text-align: left;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
}

strong {
    font-weight: bold;
}

em {
    font-style: italic;
}

a, a:active, a:hover, a:focus, a:visited, a:hover {
    outline: none;
    overflow: hidden;
    text-decoration: none;
}

.clear {
    clear: both;
}
/* END STYLE RESET */

body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #1a1a1a;
    background-color: #f9fbf4;
}

#main { margin: 0 auto; width: 958px; }
.header { width:958px; }
.content {  margin: 0 auto; background: url(/pic/new/bg_green.gif) no-repeat top left; width: 958px; position: relative; }
.logo { margin: 15px 0px 0px 20px; height: 33px; width: 300px; }

.logo { margin:15px 0 0 20px; }
.logo_sign { float:left; }
.logo_sign img { padding:6px 0 0 0; }
.logo_text { float:left; padding:0 0 0 10px; }
.doc_tracking { font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:24px; margin:0; padding:0; color:#333333; letter-spacing:-1px; }
.slogan { color:#666666; font-size:12px; margin-top:-3px; padding:0 0 0 2px; text-transform:none; }
.clear2 { clear: both; height: 0; _height: 1px; overflow: hidden; display:block; } 

a { color: #1a1a1a; text-decoration: underline; }
a:hover { color: #1a1a1a; text-decoration: underline; }

.link a, a:active, a:hover, a:focus, a:visited, a:hover { color: #1a1a1a; text-decoration: underline; }

/*------ Headlines-----*/
h1 { font-size: 32px; padding: 25px 0 0 70px; color: #1a1a1a; letter-spacing:-1px; }
h2 { font-size: 24px; color: #96a13b; text-transform: capitalize; }
.hhh { font-size: 16px; color: #96a13b; font-weight: bold; }

h3 { font-size: 24px; text-transform: capitalize; margin-right: 20px; line-height: 25px; }
h4 { color:#e35624; font-size:21px; }
h5 { font-family: Arial, Helvetica, sans-serif; font-size: 36px; color: #96a13b; text-transform: capitalize; letter-spacing:-1px; line-height:32px; }
.orange { color: #f15a24; font-size:21px; letter-spacing:-1px; }
.orange_p { color: #f15a24; font-weight:bold;}

.p_16px { font-size:16px; color:#fff; line-height:18px;}

.text { padding:16px 20px 30px 46px; line-height:18px;}
.bottom { margin-left:110px; font-weight:200; margin:15px 0 0 235px; color:#585757;}

.box2 table { margin:5px 5px 5px 5px;}
.box2 table td { padding:6px 0 6px 25px; font-size:14px; }
.box2 table td.color_black { background-color:#252524; text-transform:capitalize; color:#f5f7e8; border-bottom:1px solid #afb29c; border-right:1px solid #f5f7e8; }
.box2 table td.color_odd { background-color:#e4e7d1; text-transform:capitalize; }
.box2 table td.color_even { background-color:#dbdec6; text-transform:capitalize; }
.box2 table tr { padding:6px 0 6px 0px; font-size:14px; }
.box2 table tr.color_black { background-color:#252524; text-transform:capitalize; color:#f5f7e8; border-bottom:1px solid #afb29c; border-right:1px solid #f5f7e8; }
.box2 table tr.color_odd { background-color:#e4e7d1; }
.box2 table tr.color_even { background-color:#dbdec6; }
.box2 table tr.dthi { background-color: #FF9E2C; }
.box2 table tr.color_blue { background-color: #cce6f2; }

.box3 table td { padding:6px 6px 6px 6px; font-size:12px;border-right:1px solid #fff; }
.box3 table tr.color_black { background-color:#252524; text-transform:capitalize; color:#f5f7e8; border-bottom:1px solid #afb29c; border-right:1px solid #f5f7e8; }
.box3 table tr.color_odd { background-color:#e4e7d1; }
.box3 table tr.color_even { background-color:#dbdec6; }
.box3 table tr.dthi { background-color: #FF9E2C; }
.box3 table tr.color_blue { background-color: #cce6f2; }

.button_submit { text-transform:capitalize; font-size:16px; display:block; background:url(/pic/new/button.gif) no-repeat top right; color:#fff; padding:3px 26px 3px 20px; border:1px solid #fb8359; font-weight:bold; }
.button_submit:hover { text-transform:capitalize; font-size:16px; background:url(/pic/new/button.gif) no-repeat 100% -28px ; color:#fff; border:1px solid #b3b850; font-weight:bold; }

.input, .input_checkbox { padding:10px 0;}
div.input label { font-weight:bold; float:left; width:223px; padding:4px 12px 0 0; text-align:right;}
div.input input { width: 300px; border:1px solid #cdd682; padding:3px;}
div.input select { width: 300px; border:1px solid #cdd682; padding:3px; }
div.input_checkbox input { width:30px; text-align:left; margin-left:-6px; }
div.input_checkbox label { font-weight:bold; float:left; width:223px; padding:0 12px 0 0; text-align:right; }


.input2, .input_checkbox2 { padding:5px 0;}
div.input2 label { font-weight:bold; float:left; width:260px; padding:4px 12px 0 0; text-align:right;}
div.input2 input { width: 300px; border:1px solid #cdd682; padding:3px;}
div.input2 select { border:1px solid #cdd682; padding:3px; }
div.input_checkbox2 input { width:30px; text-align:left; margin-left:-6px; }
div.input_checkbox2 label { font-weight:bold; float:left; width:223px; padding:0 12px 0 0; text-align:right; }

.input3, .input_checkbox3 { padding:5px 0;}
div.input3 label { font-weight:bold; float:left; padding:4px 12px 0 0; text-align:right;}
div.input3 input { width: 300px; border:1px solid #cdd682; padding:3px;}
div.input3 select { border:1px solid #cdd682; padding:3px; }
div.input_checkbox3 input { width:30px; text-align:left; margin-left:-6px; }
div.input_checkbox3 label { font-weight:bold; float:left; padding:0 12px 0 0; text-align:right; }


#smenu { margin:5px 3px 3px 3px; line-height:14px; }
#smenu a { color:#010101; text-decoration:none; display:block; height:19px; padding-top:4px; }
#smenu a:hover { color:#146dad; }
#smenu ul { margin:0px; padding:0px; }
#smenu li { list-style:none; border-left:4px solid #146dad; margin-bottom:2px; background:#d8d8d8; padding-left:10px; font-size:12px; font-weight:normal; }
#smenu li.active { background: url(/pic/new/smenu_active_bg.png) repeat-x top; border:none; padding-left:14px; }
#smenu li.active ul { margin-top:3px; margin-bottom:3px; }
#smenu li.active li { border:none; background:url(/pic/new/smenu_item.gif) left center no-repeat; padding-left:22px; }
#smenu li.active a { color:#fff; font-weight: bold; } 
#smenu li.active a:hover { color:#AFD8F5; font-weight: bold; }
#smenu li.active li a { font-size: 90%; color:#010101; padding-top:2px; height:16px; font-weight: normal }
#smenu li.active li a:hover { color:#146dad; font-weight: normal }
#smenu li.active2 { border:none; background:url(/pic/new/smenu_item.gif) 0px 5px no-repeat; padding-left:18px; }
#smenu li.active2 ul { margin-top:3px; margin-bottom:3px; }
#smenu li.active2 li { border:none; background:url(/pic/new/smenu_item.gif) left center no-repeat; padding-left:22px; }
#smenu li.active2 a { font-size: 90%; color:#010101; padding-top:2px; height:16px; font-weight: normal } 
#smenu li.active2 a:hover { color:#146dad; font-weight: normal }
#smenu li.active2 li a { font-size: 90%; color:#010101; padding-top:2px; height:16px; font-weight: normal }
#smenu li.active2 li a:hover { color:#146dad; font-weight: normal }




.div_content_account { min-height:500px; border:1px solid #d8efd2; border-top:none; background:#FFF; width:720px; margin: 0 10px 10px 10px; padding: 10px 10px 10px 10px; }
.div_content_sublinks { min-height:500px; border:1px solid #d8efd2; border-top:none; background:#FFF; width:160px; margin: 0 10px 10px 0; padding: 10px 10px 10px 10px; }
.brown_content2 { background-color:#f5f7e8; padding: 10px 10px 10px 10px; min-height: 480px}

/*--- menus----*/
.top-menu { float: right; margin-top: 5px;}

.top-menu a { margin: 0 10px; color: #1a1a1a; text-decoration: none; }
.top-menu a:hover { text-decoration: underline; }

.main-menu { position:relative; padding:0 110px 5px 0; float: right; }
.main-menu li { background: url(/pic/new/menu_small_line.gif) no-repeat right top; float: left; }
.main-menu li a { border-bottom: 5px solid #f9fbf4; float: left; font-weight: bold; font-size: 14px; color: #1a1a1a; text-decoration: none; margin: 0 12px; }
.main-menu li a.current { border-bottom: 5px solid #afb869; }
.main-menu li.last { background: none; }
.main-menu li a:hover, .main-menu li.last a:hover { border-bottom: 5px solid #afb869; }
.main-menu .button_arrow:hover { border-bottom:none; }

.black { background: url(/pic/new/bg_black.gif) no-repeat top left;  margin: 12px 21px 0 21px; padding:10px 10px 10px 30px ;}
.black_content { float: left; padding: 26px 0 20px 30px; }
*html .black_content img { float:left; padding-right:16px;}

._left { float:left; padding-right:20px; display:block;}

.black_content li {
    color: #ffffff;
    background: url(/pic/new/dot_tick.gif) no-repeat left top;
    font-size: 14px;
    padding: 3px 0 5px 25px;
}
.black_packages_and_plans .last_black_content{
	float: left;
    padding: 5px 0 0 25px;
	width: 249px;
	height: 80px;
	border:13px solid #afb869;
}
.black_packages_and_plans .last_black_content h2{
	font-family: Arial, Helvetica, sans-serif;
    font-size: 24px;
    color: #96a13b;
    text-transform: capitalize;

}
.black_packages_and_plans .black_content {
	float: left;
    padding: 18px 0 0 30px;
	width: 273px;
	background:url(/pic/new/pixel_linevertical.gif) repeat-y right;
	height: 86px;
}

/*the popup widndow*/

.black_packages_and_plans li{
	position:relative;	
	float: left;
	color:#fff;
}


.black_packages_and_plans li em{
	background: url(/pic/new/popup.gif) no-repeat;
	width: 273px;
	height: 134px;
	position:absolute;
	top: 105px;
	left:1px;
	margin-top:-50px;
	padding: 20px 20px 0px 20px;;
	font-style: normal;
	z-index: 2;
	display: none;
}



.white {
    border: 1px solid #d8efd2;
    width: 910px;
    margin: 12px 20px;
    background-color: #fff;
    position: relative;
    padding-top: 30px;
}

.white .white_content{
    background: #fff url(/pic/new/pixel_linevertical.gif) repeat-y center;
    width: 910px;
    height: 540px;
}

.white .white_content2{
    background: #fff;
    width: 910px;
    height: 540px;
}

.space{
    background: #fff url(/pic/new/pixel_linehorizontal.gif) repeat-x bottom;
    margin: -30px 30px 40px 30px;
    padding-bottom: 30px;
}

.column {
    float: left;
    width: 410px;
    padding: 0 10px 40px 30px;
	
}
* html .white .column {
    padding: 0 0 30px 30px;
}

.column h3 {
    font-size: 22px;   
}

.column .elements {
    margin: 0 0 10px 0;
}

.column .elements img { 
    position: absolute;
	margin:5px 0 0 0;
}

.column .elements p {
    padding-left: 58px;
}

.column p {
    line-height: 20px;
    margin-top: 15px;
}

.column .office {
    margin: 0 25px 5px 15px;
    float: left;
    text-align: center;
}

.column .office p {
    font-weight: bold;
}

.horizontal_line {
    margin: 30px 0 20px 0;
}

.column .bottom p {
    margin-top: 0px;
}

.column .bottom p.date{
	font-size:11px;
	font-weight:bold;
	margin:-3px 0 4px;
}
.column img.graph { margin: 20px auto; }
.column ul { margin-left: 20px;}
.column li { background:url(/pic/new/dot_arrow.gif) no-repeat left top; padding:3px 0 4px 30px; }

.black_how_it_works { background:url(/pic/new/bg_black.gif) no-repeat top left; margin:10px 21px 0 21px;}
.white_how_it_works { position:relative; border: 1px solid #d8efd2; width: 910px; margin: 0 20px 12px 20px; background-color: #fff; }

.white_how_it_works .column {
    width: 260px;
   	text-align:left;
	margin-top:-10px;
	padding:10px 8px 30px 30px;
	background:url(/pic/new/pixel_linevertical.gif) repeat-y top right;
}

.white_how_it_works .column li{
	background:url(/pic/new/dot_arrow.gif) no-repeat top left ;
	padding: 0 0 0 25px;
	line-height:20px;
}

.white_how_it_works .column ul{
	margin-left: 0;
}

.white_how_it_works .column p{
	margin-top: -2px;

}
* html .white .column {
    padding: 0 0 30px 30px;
}
.white_how_it_works .last_column{
	background:none;
	padding: 10px 8px 30px 30px;
	float:left;
	width:260px;
}

.white_how_it_works p.bottom_text{
	width:650px;
	margin:30px 0 40px 30px;
}

.packages .last_li{
	background:none;
}

.packages .button_arrow {
	margin-top:47px;
}

.packages .button_arrow:hover{
	background:url(/pic/new/button_sign_up.gif) no-repeat 0 -27px;
	padding:4px 27px 4px 10px;;
	
}

.packages .arrange_sign_up a {
	margin-top:63px;
}

.last_package{
	float:left;
	width:252px;
	padding:50px 10px 24px 13px;
	border-left:13px solid #afb869;
	border-right:12px solid #afb869;
	border-bottom:13px solid #afb869;
	margin-top:-31px;
	height:385px;
}

.last_package li{
background:url(/pic/new/pixel_linehorizontal.gif) repeat-x bottom;
padding-bottom:15px;
}
.last_package .last_li{
	background:none;
}

.last_package h3{
	font-size:16px;
	font-weight:bold;
	margin:0 0 15px 18px;
}



.last_package .button_arrow:hover{
	background:url(/pic/new/button_sign_up.gif) no-repeat 0 -27px;
	padding:4px 27px 4px 10px;;
}

.copyright {
color:#515151;
float:right;
font-family:Arial,sans-serif;
font-size:12px;
padding:10px 25px;
}

.footer-menu {
    padding: 10px 7px;
    float: left;
}

.footer-menu li a {
    float: left;
    font-size: 13px;
    color: #5a5a5a;
    text-decoration: none;
    padding: 0px 10px 4px 10px;
    background: url(/pic/new/menu_small_line.gif) no-repeat right top;
}


.footer-menu li {
    float: left;
}

.white_sign_up{
	padding: 20px 20px 20px 20px;
	border: 1px solid #d8efd2;
    margin: 12px 20px;
    background-color: #fff;
}

.brown_content h2 {
	font-weight:bold;
	text-transform:none;
	letter-spacing:-1px;
	font-size:24px;
	margin-bottom:10px;
}

.brown_content2 h2 {
	font-weight:bold;
	text-transform:none;
	letter-spacing:-1px;
	font-size:24px;
	margin-bottom:10px;
}

.odd{
padding:0 50px 30px 0; 
}

.subheading{
	float:left;
	margin:0 0 0 0px;
	padding-right:120px;
}

.customize{
	background:url(/pic/new/icon_black_dot_03.png) no-repeat top left;
	padding-left:40px;
	margin-left:60px;
}

.line_s{
	background:url(/pic/new/pixel_linehorizontal.gif) repeat-x;
	margin:20px 0;
}

.base_price{
	color:#FF0000;
	font-weight:200;
	margin-left:30px;
	font-size:14px;
}

.base_price2{
	color:#FF0000;
	font-weight:200;
	margin-left:4px;
	font-size:14px;
}

.arrange_price{
	color:#FF0000;
	margin-left:8px;
	font-size:14px;
}

.star{
	color:#96a13b; font-size:13px;

}

.box table { margin:20px 0 0 239px;}
.box table td {	padding:6px 0 6px 25px; font-size:14px; }
.box table td.color_black { background-color:#252524; text-transform:capitalize; color:#f5f7e8;	border-bottom:1px solid #afb29c; border-right:1px solid #f5f7e8; width:140px; }
.box table td.color_email { background-color:#e4e7d1; text-transform:capitalize; width:140px; }
.box table td.color_free { background-color:#f5f7e8; text-transform:capitalize; color:#ca5125; }
.box table td.color_sms { background-color:#dbdec6; text-transform:capitalize; width:140px; }
.box table td.color_40 { background-color:#e4e7d1; text-transform:capitalize; color:#ca5125; }

.right_black .black_content_bottom{
	margin:5px 0 0 30px;
}

.black_content_bottom table td.left_column{
	padding-right:8px;
	width:146px;
	text-align:right;

}

.black_content_bottom table td.right_column{
	padding-left:8px;
	width:90px;
	text-align:left;
	color:#bfc0b5;
	font-weight:bold;
}

.black_content_bottom table tr.bottom_line td{
	background:url(/pic/new/pixel_v.gif) repeat-x 0 4px;;
	padding:4px 8px 6px 6px;
	vertical-align:super;
}


.black_content_bottom table tr.bottom_line td.last_column .button {
	background:url(/pic/new/empty_button_sign_up.gif) no-repeat 0 0;	
	float:right;
	color: #ffffff;
    font-size: 14px;
    display:block;
	padding:5px 14px;
}

.black_content_bottom table tr.bottom_line td.last_column .button:hover{
	background:url(/pic/new/empty_button_sign_up.gif) no-repeat 0 -27px;
	
}


.black_header { position:relative; background:#fff url(/pic/new/bg_black_2.gif) no-repeat top left; width: 910px; }
.div_content { border:1px solid #d8efd2; border-top:none; background:#FFF; width:910px; margin:10px auto; }
.div_content2 { height:300px;border:1px solid #d8efd2; border-top:none; background:#FFF; width:910px; margin:10px auto; padding: 10px 10px 10px 10px; }
.packages { float:left; width:253px; background:url(/pic/new/pixel_linevertical.gif) repeat-y top right; padding:20px 20px 20px 30px; margin:0 0 20px 0; }
.packages h3 { 	font-size:15px;	font-weight:bold; padding:0 0 0 16px;}

.selected_plan { border:12px solid #afb869; margin:-8px -12px 0 -12px; padding-top:16px; background:none; }
.div_plan_details { padding:40px 0 0 0px;}
.div_plan_details li { background:url(/pic/new/dot.gif) no-repeat top left; padding:8px 0 8px 16px; border-bottom:1px solid #eeeeee; }
.div_plan { padding:0 0 0 16px;}

.div_details { padding:40px 0 0 20px; margin:20px 0 0 0; background:#fff url(/pic/new/pixel_linevertical.gif) repeat-y top right;}

.packages_1 { float:left; width:293px; height:180px; background:url(/pic/new/pixel_linevertical.gif) repeat-y top right; padding:24px 0px; margin:0 0 20px 0; line-height:18px;}
.div_plan_1 { padding:0 0 0 20px;}
.div_plan_details_1 { padding:30px 0 0 20px; margin:20px 0 0 0; }
.div_plan_details_1 ul { padding:0 10px 0 5px;}
.div_plan_details_1 li { background:url(/pic/new/dot_arrow.gif) no-repeat top left; padding:3px 10px 3px 20px;} 

.brown_content { background-color:#f5f7e8; padding-top:20px; }

.steps { margin:0 0 0 60px; padding:0 0 0 40px; }
#step_1 { background:url(/pic/new/icon_black_dot_01.png) no-repeat top left; }
#step_2 { background:url(/pic/new/icon_black_dot_02.png) no-repeat top left; }
#step_3 { background:url(/pic/new/icon_black_dot_03.png) no-repeat top left; }
#step_4 { background:url(/pic/new/icon_black_dot_04.png) no-repeat top left; }

#plan label { font-size:24px; font-weight:bold; padding:0 0 0 80px; }

.steps_summary { margin:0 0 0 60px; padding:0 0 0 40px; }
.steps_summary img { padding:2px 0 0 80px;}
#summary { background:url(/pic/new/bg_black_1.gif) no-repeat top left; padding:14px 0 14px 0; margin:0 3px; height:143px; }
.summary_divs { float:left; padding:0 30px 0 0;}
.summary_divs table { width:390px; margin:10px 0 0 40px; }
.summary_divs td { font-size:16px; text-transform:capitalize; }
.left_column { 	padding-right:8px; width:146px; text-align:right; color:#f5f7e8; }
.right_column { padding-left:8px;  width:90px; 	text-align:left; color:#bfc0b5; font-weight:bold;}
.bottom_line { background:url(/pic/new/pixel_v.gif) repeat-x 0 4px; height:12px; }

.button { font-weight:bold; height:28px; }
.button a { display:block; background:url(/pic/new/button.gif) no-repeat top left; color:#fff; padding:4px 20px 4px 20px; border:1px solid #fb8359; }
.button a:hover { background:url(/pic/new/button.gif) no-repeat bottom left; color:#fff; padding:4px 20px 4px 20px; border:1px solid #b3b850; }

.sign_up_pos { position:absolute; right:0; bottom:7px;}
.sign_up_package { margin:10px 0 10px 16px;}

.button_sign_up { float:left; font-weight:bold; height:28px; text-transform:capitalize; font-size:16px;}
.button_sign_up a { float:left; display:block; background:url(/pic/new/button.gif) no-repeat top right; color:#fff; padding:4px 26px 4px 20px; border:1px solid #fb8359; font-weight:bold; text-decoration:none;}
.button_sign_up a:hover { background:url(/pic/new/button.gif) no-repeat 100% -28px ; color:#fff; border:1px solid #b3b850; font-weight:bold; text-decoration:none;}

/* alert styles */
#alert_success
{
  background-color:#f6f6f6; 
  border:1px solid #cccccc; 
	
}
#alert_error
{
  background-color:#f6f6f6;
  border:1px solid #cccccc; 
}
#alert_success  ,#alert_error
{
  width:98%;
  margin:0 auto;
  margin-bottom:10px;
}
#alert_img
{
  float:left;
  width:20px;
  padding:10px 10px 0 10px;
}
#alert_content
{
  text-align:left; 
  color:red;
  padding:10px;
}
#alert_content span.details
{
  display:block;
  padding-top:5px;
}
#alert_content .details	
{
  padding-left:30px;
}
#alert_content span.error
{
  display:block; 
  padding-bottom:6px;
}
#alert_content .error
{
  font-weight:700;
}
#alert_content .message
{
  color:#1B6917;
}

/* graphs */
.graph_legend{
  font-size: 10px;
  color: black;
  background-color: #ffffff;
  font-family: Arial, Helvetica;
  text-align: center;
}

.graph_hlegend{
  font-size: 10px;
  color: black;
  background-color: #ffffff;
  font-family: Arial, Helvetica;
  text-align: left;
}

.graph_value{
  color:black;
  font-family: Arial, Helvetica;
  font-size: 10px;
}

.graph_hvalue{
  color:black;
  font-family: Arial, Helvetica;
  font-size: 10px;
}

.bar{
  width: 8px; 
  line-height:1px; 
  font-size:1px;
  border:2px outset white; 
  background-color: #9FB1BC;
}

.hbar{
  height:10px; 
  line-height:1px; 
  font-size:1px;
  border:2px outset white; 
  background-color: #9FB1BC;
}

/* end graphs */