* {margin: 0px; padding: 0px; }
body { background:#fff; color:#000; font-family:Arial; font-size:13px; }
div { border: solid;  border-width: 0px; }
ul { list-style: none; }
h1 { font-weight:normal; }
h2 { font-weight:normal; }
img { border:none; }
a { outline:none; }

/* ---- Main Div ---- */
#main {width:990px; margin:0 auto; }
#header { }
#content { }
#content h1 { margin-top:20px; color:#666; }
#footer { text-align:center; font-size: 9px; padding-top: 20px; padding-bottom: 20px; border: 0px solid red;}
#footer a {color:#000000; text-decoration: none;}
#footer a:hover {text-decoration: underline;}
#logo { margin-top:30px; padding-top:30px; height:70px; }
#logo img { margin-top:-30px; }
#panel_header #logo {margin-top: 25px; padding-top: 20px; height: 50px;}
#languages { margin:-30px 0px 0px 300px; }
#panel { }
#news { color:#808285; }
#adminpanel { position: absolute; left: 0px; top: 0px; }

#leftbar { width: 316px; float: left; }
#rightbar { width: 645px; float: right; padding-top: 25px; }
#banner { height:210px; width: 316px; background:url('/images/banner_image.jpg') top left no-repeat; color: #FFF; }
#banner div { padding:10px 10px 0px 10px; }



/* ---- Float ---- */
.float_left { float: left; }
.float_right { float: right; }
.clear { clear: both; }
.clear_l { clear: left; }
.float_none { float:none !important; }



/* ---- Width ---- */
.p70 { width: 67%; }
.p30 { width: 30%; }
.p50 { width: 49%; }
.px600 { width: 600px !important; }
.px35 { width: 35px; }




/* ---- Ul ---- */
.ul_inline {}
.ul_inline li { float:left; }
.ul_inline li a { display:block; text-decoration:none; }

.nav {}
.nav li { float:left; position:relative; }
.nav li a { display:block; line-height:40px; height:40px; text-align:center; color:white; text-decoration:none; background:url('/images/grey_dot.jpg') top right repeat-y #6d7071; white-space:nowrap; }
.nav li.selected a { background-color: #A3A3A3; font-weight:bold;  }
.nav li li a { background:url('/images/grey_dot.jpg') bottom repeat-x #999B9C; white-space:normal; font-size:11px; line-height:normal; height:auto; padding:10px 5px 10px 5px; }
.nav li li { border:1px solid #afafaf; border-top:none; border-bottom:none; }
.nav li li a:hover { background:#afafaf; }
.nav li ul { position:absolute; top:100%; left:0%; margin-left:-999em; }
.nav li li { float:none; list-style:none; }
.nav li:hover ul, .nav li.hover ul { margin-left:0; visibility:visible; }

.nav li ul li ul { position:absolute; top:0%; margin-left:-999em !important; }
.nav li ul li:hover ul, .nav li ul li.hover ul { margin-left:1px !important; }

.lang_pad li a { padding:10px; }

#submenu {}
#submenu h1 a { text-decoration:none; }
#submenu ul { margin-top:40px; }
#submenu ul li { margin-top:7px; }
#submenu ul li a { text-decoration:none; }

.error_list { color:red; }

.action li { padding: 0px 5px 0px 5px; }
.action li a, .action li input, input.action, .add_service_nav_button { padding: 3px 8px 3px 8px; background-color: #f5f5f5; border: 1px solid #999; font-weight: normal; font-size: 17pt; color:#f26623; }
.action li a:hover, .action li input:hover, input.action:hover, .add_service_nav_button:hover {background-color: #eee; color: #e40; font-weight: normal; cursor: pointer;}

.admin_functions { }
.admin_functions li a { background:#666; padding:2px 10px 2px 10px; color:white; border-right:1px solid #eee; font-weight:bold; }

.content_list { list-style:disc; margin:10px 0px 10px 30px; }
.content_list li { padding:3px; }
.content_list li a { color:blue; }


/* ---- Other ---- */
.border { border:1px solid #000; }
.pad5 { padding:5px; }
.pad10 { padding:0px 10px 0px 10px; }
.white { color:#fff; }
.pad10s { padding:10px; }
.h210 { height:210px; }
.panel_bottom { border-bottom:1px solid #cfcdcd; }
.pad_nm { padding:40px 0px 10px 0px; }
.pad_preview { padding:0px 10px 0px 10px; }
.mar_page { margin:30px 0px 0px 10px; }
.mar_page2 { margin:100px 150px 0px 30px; }
.mar20 { margin-top:20px; }
.mar10 { margin:10px; }
.marh { margin-top:50px !important; }

.width100 { width:100%; }

.orange { color:#f22623; }
.grey { color:#808285; }

.edit_blank { margin:10px 0px 10px 0px; }
.width200 { width:200px; }
.red { color:red !important; }
.bold { font-weight:bold; }



/* ---- Link ---- */
.language { color:#6d7071; font-size:16px; }
.language_select { color:#f22623; }
.language_separate { background:url('/images/language_separator.jpg') left center no-repeat; }
.news_preview_link { color:#808285; text-decoration:none; font-weight:bold; }

.preview_link { font-size:11px; display:block; margin-top:10px; text-decoration:none; }

.preview_link_image { display:block; width:64px; height:129px; background: 0px 0px no-repeat;}
.preview_link_image:hover { background: -64px 0px no-repeat; }
.preview_link_image_animated { background: -128px 0px no-repeat; }

.signup_image { background-image: url(/images/signup.jpg) !important; }

.news_link { font-weight:bold; text-decoration:none; }
.editlink { padding:5px; background:#ff0000; color:#fff; font-weight:bold; text-decoration:none; float: right; margin: 0px 0px 3px 3px; }
.blue_link { padding:5px; display:block; font-size:14px; color:blue; }

.hotlink_header { font-size:18px; text-decoration:none; }

.register_link { display:block; height:18px; text-indent:20px; background:url('/images/register.jpg') center left no-repeat; color:#f22623; }

.link_orange { color:#f22623; }
.link_orange:hover { text-decoration:none; }

/* ---- Form ---- */
.authorization {}
.authorization input { width:100%; background:none; border:none; height:18px; font-size:11px; padding-top: 1px;}
#forget_pass, #sign_in, #sumbit, x:-moz-any-link { height:auto; }
.authorization_button_shape div div, .authorization_button_shape2 div div, x:-moz-any-link { height:18px; }

.form_table { margin:10px 0px 10px 0px; }
.form_table td {}
.form_table input { border:none; background:none; height:18px; padding:0px 5px 0px 5px; }


/* ---- Shape ---- */

.authorization_input_shape { background:#e7e8e9; }
.authorization_input_shape div { background:url('/images/form_shape_grey_ie_left_top.jpg') top left no-repeat; }
.authorization_input_shape div div { background:url('/images/form_shape_grey_ie_right_top.jpg') top right no-repeat; }
.authorization_input_shape div div div { background:url('/images/form_shape_grey_ie_left_bottom.jpg') bottom left no-repeat; }
.authorization_input_shape div div div div { background:url('/images/form_shape_grey_ie_right_bottom.jpg') bottom right no-repeat; padding:0px 10px 0px 10px;}

.authorization_button_shape { background:#6d7071; }
.authorization_button_shape div { background:url('/images/form_shape_darkgrey_left.jpg') top left no-repeat; }
.authorization_button_shape div div { background:url('/images/form_shape_darkgrey_right.jpg') top right no-repeat; white-space:nowrap; }
.authorization_button_shape div div input, .authorization_button_shape2 div div input { cursor:pointer; color:#fff; }
.authorization_button_shape div div a, .authorization_button_shape2 div div a {text-decoration:none; color:#fff !important; padding:0px 5px 0px 5px; }

.actionbutton { float: right; margin-top: 30px; white-space:nowrap; }
.actionbutton p { margin-left: -100px; }
.actionbutton div { background:#f26623; }
.actionbutton div div { background:url('/images/form_shape_orange_left.jpg') top left no-repeat; }
.actionbutton div div div { height: 18px; padding-left: 10px; background:url('/images/form_shape_orange_right.jpg') top right no-repeat; }
.actionbutton div div div a { color: #fff; text-decoration:none; }

.authorization_button_shape2 { background:#f26623; }
.authorization_button_shape2 div { background:url('/images/form_shape_orange_left.jpg') top left no-repeat; }
.authorization_button_shape2 div div { background:url('/images/form_shape_orange_right.jpg') top right no-repeat; white-space:nowrap; }
.authorization_button_shape2 div div input { cursor:pointer; color:#fff; }

.news_shape { background:url('/images/square_top_left.jpg') top left #f1f1f2 no-repeat; }
.news_shape div { background:url('/images/square_top_right.jpg') top right no-repeat; }
.news_shape div div { background:url('/images/square_bottom_left.jpg') bottom left no-repeat; }
.news_shape div div div { background:url('/images/square_bottom_right.jpg') bottom right no-repeat; }





/* ---- Table ---- */
.authorization_table { width:280px; float:right; margin-top:20px; }
.authorization_table tbody tr td { padding:3px 5px 3px 5px; }
.authorization_table tbody tr td.fixwidth { width: 200px; }

.preview { width:100%; }


.wizard_form {  }
.wizard_form table, .edit { width:100%; border-spacing:0px 0px; border-collapse:collapse; }
.wizard_form table tr th, .edit tr th { width: 250px; padding:2px 10px 2px 10px; background:#ccc !important; text-align:right; border:1px dotted #afafaf; border-left:none; border-right:none; padding:7px; font-size:11px; }
.wizard_form table tr th label, .edit tr th label { font-size:11px; color:black !important; }
.wizard_form table tr td, .edit tr td { padding: 5px 0px 5px 10px; margin:0px; background:#eee; border:1px dotted #afafaf; border-left:none; border-right:none; }

.edit { margin: 5px 0px 5px 0px !important; }
.tel_book { width:50%; }
.tel_book tr th { text-align:left; }

.simple_table { margin:20px 0px 0px 0px; font-size:16px; }


/* ---- Text ---- */

.news_date { margin-top:5px; font-weight:bold; font-size:12px; }
.news_preview { font-size: 13px; }

.news_list_date { margin-top:5px; font-weight:bold; font-size: 14px; color:#808285; }
.news_list_preview { margin-top:5px; font-size: 13px; margin-bottom:30px; color:#808285; }

.preview_text { color:#000; font-size:12px; margin-top:10px; }
.content_text { font-size:12px; margin-top:20px; }
.content_text2 { font-size:14px; line-height:20px; }
.important_info { font-size:14px; margin-top:20px; border:1px red solid; padding:10px; }
.important_info_2 { font-size:14px; margin-top:10px; color:#00901B; padding:10px; font-weight:bold; }
.text_2 { margin-top:20px; font-size:16px; font-weight:bold; }

#lifestyle_image { background: top right no-repeat; height:300px; width: 300px; float: right; text-align: right; padding-top: 20px;}
#lifestyle_text { padding:60px 360px 30px 60px; font-size:14px; font-weight: bold;}
#lifestyle_sign { font-size:11px;}

#pagecontent { color: #404245; margin: 40px 50px 0px 10px;}
#pagecontent p, #pagecontent ul, #pagecontent ol { font-size:12px; margin-top:15px; list-style-position: inside; font-weight: normal; line-height: 20px;}
#pagecontent h1, #pagecontent h2, #pagecontent h3, #pagecontent h4, #pagecontent h5, #pagecontent h6 { margin-top:20px; }
#pagecontent ul { list-style-type: disc; }
#pagecontent table {line-height: 20px;}
#pagedescription { color:#404245; margin:0px 50px 30px 10px; line-height: 20px;}
#pagedescription table {line-height: 20px;}
#pagedescription p, #pagedescription ul, #pagedescription ol { font-size:12px; margin-top:15px; list-style-position: inside; }
#pagedescription h1, #pagedescription h2, #pagedescription h3, #pagedescription h4, #pagedescription h5, #pagedescription h6 { margin-top:15px; }
#pagedescription ul { list-style-type: disc; }

#contentpage_signup{ margin-top: 150px; }

#mouseover { position: absolute; width: 250px; background-color: #f1f1f2; padding: 10px; border: solid; border-width: 1px }

a.onlymouseover {border-bottom: 1px dashed; text-decoration:none;}

/*---------------------- Pages -----------------------*/
#moblie_im_message_example
{
  margin: 10px 20px 10px 20px;
}
#moblie_im_message_example table, #moblie_im_message_example table td {
  border: 1px solid white;
  border-collapse: collapse;
}
#moblie_im_message_example table
{
}
#moblie_im_message_example table td
{
  padding: 10px;
  background-color: #eef;
}
span.im_example
{
  font-size: 11px;
  font-family: monospace;
  color: #c00;
}


/*--------------- Questions & Answers-----------------*/
.qa_thread_h { padding: 5px 0px; }
#qa_thread_t { padding: 5px 0px; }
#qa_thread_t td { padding: 5px 10px; }
#qa_thread { width: 70%; padding-bottom: 20px; }
#qa_thread div { width: 85%; margin: 10px 0px; padding: 3px 15px; }
#qa_thread div.in  { float: right; background-color: #FFF8BC; }
#qa_thread div.out { float: left; background-color: #ABC7FF; }

#flashmessage { width: 50%; padding: 10px; background-color: #F2B294; }

/*------------------------ My Services page ----------------------*/
#my_services {}
#my_services #promolink   { margin-top: 30px; color: #444; font-size:12pt; text-align: center;}
#my_services #promolink p {margin-top: 15px; margin-bottom: 30px;}
#my_services #promolink a {color: #e40; font-size:18pt; }
#my_services #add_new_service_block a {color: #e40; font-size:13pt;}

.services_table { width:100%; margin-top:20px; border-bottom:2px solid #6d7071; border-collapse:collapse; }
.services_table thead th { padding:10px; color: #070; font-weight: normal; font-size: 11pt; border-bottom:2px solid #6d7071; text-align:left; }
.services_table tbody td { padding:4px 10px 4px 10px; }
.services_table tbody td a { color:blue; }
.services_table tbody td a:hover { color:#f22623; text-decoration:none; }
.services_table tbody td.select { border-bottom:1px solid #6d7071; }
.services_table tbody td p { padding:4px; }

.add_button { text-decoration:none; }


/*------------------------- add service pages --------------------*/
.add_service_step {margin-left: 20px;}
.add_service_step h1{font-size: 18pt; margin-top: 10px;}
.add_service_step p{font-size: 10pt; margin-top: 5px;}
.add_service_step h4{font-size: 12pt; font-weight: normal; font-style: italic; color: #070; padding-top: 15px;}

/*------------- step 0 ----------------*/
#add_service_step0 li{padding-top: 6px; padding-left: 30px;}
#add_service_step0 label{padding-left: 5px; font-size: 12pt; font-weight: bold;}
.step0_description {color: #000; padding-left: 10px;}
#add_service_step0 .error_list{padding-left: 30px; font-weight: normal; font-size: 12pt;}
/*--------------- step 1 ----------------*/
#add_service_step1 h4 {margin-top: 10px; padding-top: 25px; font-size: 12pt; clear: both;}

/* --------------- add services virtual numbers ------------------*/
#add_service_step1 a.other_vn_button {font-size: 9pt; color: #888; text-decoration: underline;}
#add_service_step1 a.quick_vn_button {font-weight: bold; text-decoration: none; color: #666; margin-right: 15px; font-size: 11pt;}
#add_service_step1 #ordered_vn { margin:10px 30px 20px 30px; width:auto;}
#add_service_step1 #ordered_vn th, #add_service_step1 #ordered_vn td { text-align:center; }
#add_service_step1 span.ordered_vn_country {font-weight: bold; color: #666; font-size: 10pt; padding-right: 10px;}
#add_service_step1 a.remove_vn_button {color: #888; font-size: 8pt;}
#add_service_step1 #vn_add_block{margin-left: 30px;}
#add_service_step1 span.preorder_vn_country{font-weight: bold; color: #666; font-size: 11pt;}
#add_service_step1 span.preorder_vn_price {font-size: 11pt; color: #e40; }
#add_service_step1 div.subzonecode_div{margin-top: 5px;}
#add_service_step1 #vnsubzonecode{width: 200px;}
#add_service_step1 div.subzone_add_button{margin-top: 10px;}

#add_service_step1 input.vn_add_button {height: 28px; width: 60px; background-color: #f5f5f5; border: 1px solid #999;font-weight: normal;font-size: 11pt; color: #f26623; margin-left: 0px;}
#add_service_step1 .vn_add_button:hover {background-color: #eee;color: #e40;font-weight: normal;cursor: pointer;}
#add_service_step1 #vnother {margin-top: 15px;}
#add_service_step1 #vnother select {width: 150px;}
#add_service_step1 #wizard_serviceShorttermNumber_conf_rentweeks {margin-left: 30px; width: 50px;}
#add_service_step1 .country_select_button {height: 25px; width: 30px; background-color: #fff; border: 0px solid #999;font-weight: normal;font-size: 10pt; color: #f26623; margin-left: 0px;}
#add_service_step1 .country_select_button:hover {color: #e40;font-weight: bold;cursor: pointer;}

#add_service_step1 #wizard_serviceShorttermNumber_conf ul.error_list {margin: 0; padding: 0;}
#add_service_step1 #wizard_serviceShorttermNumber_conf ul.error_list li{padding: 0; margin: 0;}
#add_service_step1 #wizard_serviceShorttermNumber_conf label {display: block; color: #444; text-decoration: underline; margin-bottom: 10px;}
/*---------------------- step 2 ------------------------*/
#add_service_step2 #order_table {margin-top: 10px;}
#add_service_step2 #order_table th {padding: 15px 15px 10px 15px; font-weight: normal; font-size: 11pt; color: #070;}
#add_service_step2 #order_table td {padding: 5px 10px 5px 10px; text-align: center;}
#add_service_step2 #order_table td.name {text-align: left;}
#add_service_step2 #order_table th.name {text-align: left;}
#add_service_step2 #order_table td.delimiter {height: 1px; background-color: black; padding: 0;}
#add_service_step2 #order_table td.free {font-size: 12pt; color: #f00; }

.summary { color: #808080; font-size: smaller; margin-left: 15px; }

#add_service_step2 #sum_price_div {margin-top: 10px;}
#add_service_step2 #sum_price_div table{margin-left: 60px;}
#add_service_step2 #sum_price_div td {font-size: 10pt; font-weight: bold; color: #444; padding: 5px 15px 5px 15px;}
#add_service_step2 #sum_price_div td.price {font-size: 12pt; color: #e40; }

#add_service_step2 #license_block {margin-top: 50px;}
#add_service_step2 #license {margin-top: 15px; width: 400px; height: 150px; overflow: auto; border: 1px solid #444; background-color: #f7f7f7; padding: 20px;}
#add_service_step2 ul.accept_license {margin-top: 15px;}
#add_service_step2 ul.accept_license label {display: block; float: left; position: relative; left: 35px; width: 100px;}
#add_service_step2 ul.accept_license input {position: relative; left: -90px;}
#add_service_step2 #license_block ul.error_list {margin-top: 10px;}
/*---------------------- my profile -----------------------*/
#my_profile {margin-left: 40px;}
#my_profile h2 {color: #070; margin-top: 40px;}
#my_profile table.edit { margin-top:0px; width:100%; }
#my_profile table.edit tbody tr th { background:#fff; width:100px; color:#777; border-bottom:#afafaf 0px solid; padding:10px; }
#my_profile table.edit tbody tr td { padding:10px; }
#my_profile input.save {margin-left: 15px; height:30px;width: 70px; background-color: #f5f5f5; border: 1px solid #999; font-weight: normal; font-size: 13pt; color:#f26623;}
#my_profile input.save:hover {background-color: #eee; color: #e40; font-weight: normal; cursor: pointer;}

div.gossip { width: 340px; }

/*------------------------ user summary ------------------------*/
#user_summary
{
  padding-bottom: 12px;
  font-size: 16pt;
}

#pay_paypal, #pay_creditcard {}
#pay_creditcard table { width:70%; }

.nowarp { white-space:nowrap; }
