/* ============================================================================ */
/* ==                                                                        == */
/* ==          IF YOU MAKE ANY CHANGES TO THIS FILE, IT NEEDS TO BE          == */
/* ==          REFLECTED IN PAGE_STYLES.CSS IN THE WHMCS TEMPLATE!!          == */
/* ==                                                                        == */
/* ============================================================================ */





/* ALL PAGES */
h1 {color:#c00; font-size:24px; font-weight:bold; margin:0; padding:0 0 6px;} /* Page Title Text */
h2 {color:#c00; font-size:14px; font-weight:bold; margin:0; padding:6px 0;} /* Sub Title Text */
h3 {color:#036; font-size:12px; font-weight:bold; margin:0; padding:6px 0;}
p {margin:0; padding:6px 0; text-align:justify;}
a, a:visited {color:#069;}
a:hover, a:active {color:#000;}
hr {border-bottom:1px solid #444; border-left:0; border-right:0; border-top:1px solid #aaa;}
strong {color:#444;}

.smalltext {font-size:11px;}

/* ALL FORMS */
input.input_box, textarea.input_text {color:#444; border:1px solid #999; margin:2px -6px; padding:2px 0; width:100%;}
select.dropdown {color:#444; border:1px solid #999; margin:0; padding:1px 0;}

/* backup.PHP */
#index_table {border:0; cursor:pointer; margin:0 auto; padding:12px 0; width:520px;}
#index_table tr, #index_table td {padding:0;}
#index_table a {cursor:pointer; text-decoration:none;}
#index_hosting {background:transparent url(images/index/hosting.png) center no-repeat; height:150px; margin:0; padding:0; width:173px;}
#index_design {background:transparent url(images/index/design.png) center no-repeat; height:150px; margin:0; padding:0; width:173px;}
#index_backup {background:transparent url(images/index/backup.png) center no-repeat; height:150px; margin:0; padding:0; width:173px;}
#index_BIP {color:#444; cursor:default; font-size:14px; font-weight:bold; margin:0; padding:0 8px;}
#index_internet {background:transparent url(images/index/internet.png) center no-repeat; height:150px; margin:0; padding:0; width:346px;}
#index_computer {background:transparent url(images/index/compserv.png) center no-repeat; height:150px; margin:0; padding:0; width:173px;}
.index_title {color:#c00; cursor:pointer; font-size:20px; font-weight:normal; margin:0; padding:12px 16px 0;}
.index_title_2 {color:#c00; cursor:pointer; float:right; font-size:20px; font-weight:normal; margin:-8px 0 0; padding:0 16px;}
.index_box_info, .index_box_info:visited {clear:both; color:#036; cursor:pointer; font-size:11px; line-height:14px; margin:0; padding:4px 20px;}
.index_box_info:hover, .index_box_info:active {color:#000;}

/* AFFILIATES.PHP */
#affiliate_table {border:0; color:#036; font-size:11px; margin:0; padding:12px 20px; width:520px;}
#affiliate_table tr, #affiliate_table td {padding:0;}
#affiliate_ul {margin:0; padding:6px 20px;}

/* CONTACT.PHP */
.contact_mail {color:#444; font-size:11px; line-height:18px;}
.contact_address {color:#444; float:right; margin:0; padding:6px 10px;}
.contact_address strong {color:#036;}
.contact_numbers {color:#444; font-size:11px; line-height:18px; margin:0; padding:6px 10px 18px;}
.contact_numbers strong {color:#036;}
.contact_req {color:#c00; font-size:11px;}
#contact_dept {color:#444; font-size:11px; margin:0; padding:6px 10px;}
#contact_name {margin:0; padding:6px 10px;}
#contact_email {margin:0; padding:6px 10px;}
#contact_phone {margin:0; padding:6px 10px;}
#contact_comment {margin:0; padding:6px 10px;}
#contact_captcha {margin:0; padding:6px 10px;}
#contact_req_fields {color:#444; font-size:11px; margin:0; padding:6px 10px;}
#contact_buttons {margin:0; padding:6px 10px;}

/* SITEMAP.PHP */
#sitemap_tree_l {float:left; margin:0 10px 0 30px; padding:0 0 20px; width:40%;}
#sitemap_tree_l li {list-style-type:none; padding:6px 0 0;}
#sitemap_tree_l li a {font-size:14px; font-weight:bold; text-decoration:none;}
#sitemap_tree_l li ul {margin:0 20px; padding:0;}
#sitemap_tree_l li ul li {list-style-type:none; padding:2px 0 0;}
#sitemap_tree_l li ul li a {font-size:12px; font-weight:normal; text-decoration:none;}
#sitemap_tree_r {float:right; margin:0 30px 0 10px; padding:0 0 20px; width:40%;}
#sitemap_tree_r li {list-style-type:none; padding:6px 0 0;}
#sitemap_tree_r li a {font-size:14px; font-weight:bold; text-decoration:none;}
#sitemap_tree_r li ul {margin:0 20px; padding:0;}
#sitemap_tree_r li ul li {list-style-type:none; padding:2px 0 0;}
#sitemap_tree_r li ul li a {font-size:12px; font-weight:normal; text-decoration:none;}

/* LEGAL/ PRIVACY.PHP & UA.PHP - TABBED CONTENT ONLY */
.TabbedPanels {margin:0px; padding:0px; float:left; clear:none; width:100%;}
.TabbedPanels h2 {margin:0; padding:0;}
.TabbedPanels strong {color:#c00;}
.TabbedPanelsTabGroup {margin:0px; padding:0px;}
.TabbedPanelsTab {position:relative; top:1px; float:left; padding:4px 10px; margin:0 1px 0 0; background-color:#ddd; list-style:none; border:solid 1px #999; -moz-user-select:none; -khtml-user-select:none; cursor:pointer;}
.TabbedPanelsTabHover {background-color:#bbb;}
.TabbedPanelsTabSelected {background-color:#ededed; border-bottom:1px solid #ededed;}
.TabbedPanelsTabHover h2, .TabbedPanelsTabSelected h2 {color:#036;}
.TabbedPanelsTab a {color:black; text-decoration:none;}
.TabbedPanelsContentGroup {clear:both; border:solid 1px #999; background-color:#ededed;}
.TabbedPanelsContent {padding:12px; text-align:justify;}
.TabbedPanelsContentVisible {}

/* SECTION/BACKUP/... */
#backup_table {border:0; cursor:pointer; margin:0; padding:0 0 12px; width:520px;}
#backup_table tr, #backup_table td {padding:0;}
#backup_table a {cursor:pointer; text-decoration:none;}
#backup_Taccount {background:transparent url(images/section/backup/trial_account.png) center no-repeat; height:150px; margin:0; padding:0; width:173px;}
#backup_HOaccount {background:transparent url(images/section/backup/h_o_account.png) center no-repeat; height:150px; margin:0; padding:0; width:346px;}
.backup_title {color:#c00; cursor:pointer; font-size:20px; font-weight:normal; margin:0; padding:12px 16px 0;}
.backup_title_2 {color:#c00; cursor:pointer; float:right; font-size:20px; font-weight:normal; margin:-8px 0 0; padding:0 16px;}
.backup_box_info, .backup_box_info:visited {clear:both; color:#036; cursor:pointer; font-size:11px; line-height:14px; margin:0; padding:4px 20px;}
.backup_box_info:hover, .backup_box_info:active {color:#000;}
.comp_button {margin:0 auto; padding:0; width:100%;}
.comp_button a img {border:0;}
.img_l {float:left; margin:8px 12px 8px 0; padding:0;}
.img_r {float:right; margin:8px 0 8px 12px; padding:0;}
.backup_table {border:0; margin:0; padding:0 0 12px; width:100%;}
.backup_table tr, #backup_table td {padding:0;}
.backup_table ul {margin:0; padding:0 0 0 24px;}

/* SECTION/COMPUTER/... */
#computer_ul {margin:0; padding:6px 0 6px 16px;}

/* SECTION/DESIGN/... */
#design_table {border:0; margin:0; padding:0 0 12px;}
#design_table tr, #design_table td {padding:0;}
#port_tbl td {margin: 0; padding: 2px 0;}
#port_tbl img, #port_tbl hr {margin: 24px 0 0; padding: 0;}
#port_tbl h2 {margin: 0; padding: 0;}

/* PROJECT MANAGER */
#col_left {border-right:1px solid #444; float:left; width:43%;}
#col_right {float:right; width:55%;}
#projectLogin_2 input.login, #projectLogin_2 input.password {color:#444; border:1px solid #999; margin:0 0 12px; padding:2px;}
#project_login {background:#fff url(images/buttons/username.png) -4px 0 no-repeat;}
#project_pass {background:#fff url(images/buttons/password.png) -4px 0 no-repeat;}

/* SECTION/HOSTING/... */
#hosting_table {border:0; cursor:pointer; margin:0; padding:0 0 12px; width:520px;}
#hosting_table tr, #hosting_table td {padding:0;}
#hosting_table a {cursor:pointer; text-decoration:none;}
.hosting_box {background:transparent url(images/section/hosting/hosting.png) center no-repeat; height:150px; margin:0; padding:0; width:173px;}
.hosting_title {color:#c00; cursor:pointer; font-size:20px; font-weight:normal; margin:0; padding:12px 16px 0;}
.hosting_title_2 {color:#c00; cursor:pointer; float:right; font-size:20px; font-weight:normal; margin:-8px 0 0; padding:0 16px;}
.hosting_box_info, .index_box_info:visited {clear:both; color:#036; cursor:pointer; font-size:11px; line-height:14px; margin:0; padding:4px 20px;}
.hosting_box_info:hover, .hosting_box_info:active {color:#000;}
#hosting_table ul {clear:both; color:#036; cursor:pointer; font-size:11px; line-height:14px; list-style:none; margin:0; padding:0 20px;}

#hosting_plans_table {border:0; margin:0; padding:0 0 12px;}
#hosting_plans_table tr {padding:0;}
#hosting_plans_table th {color:#036; padding:2px; text-align:left;}
#hosting_plans_table th.plans_box_center {color:#c00; padding:2px; text-align:center;}
#hosting_plans_table td {padding:2px; text-align:center;}
#hosting_plans_table .plans_astrisk {color:#c00;}
#hosting_plans_table .plans_box_odd {background:#ccc;}

/* SECTION/INTERNET/... */
#internet_ul {margin:0; padding:0;}
#internet_ul li {list-style:none; margin:0; padding:0 0 6px 12px;}
#internet_table {border:0; cursor:pointer; margin:0; padding:0 0 12px; width:520px;}
#internet_table tr, #internet_table td {padding:0;}
#internet_table a {cursor:pointer; text-decoration:none;}
.internet_box {background:transparent url(images/section/internet/internet.png) center no-repeat; height:150px; margin:0; padding:0; width:173px;}
.internet_title {color:#c00; cursor:pointer; font-size:20px; font-weight:normal; margin:0; padding:12px 14px 0;}
.internet_title_2 {color:#c00; cursor:pointer; float:right; font-size:20px; font-weight:normal; margin:-8px 0 0; padding:0 14px;}
.internet_box_info, .index_box_info:visited {clear:both; color:#036; cursor:pointer; font-size:11px; line-height:14px; margin:0; padding:4px 20px;}
.internet_box_info:hover, .internet_box_info:active {color:#000;}
#internet_table ul {clear:both; color:#036; cursor:pointer; font-size:11px; line-height:14px; list-style:none; margin:0; padding:0 0 0 16px;}

#internet_pricing_table {border:0; margin:0; padding:0 0 12px;}
#internet_pricing_table tr {padding:0;}
#internet_pricing_table th {color:#036; padding:2px; text-align:left;}
#internet_pricing_table th.pricing_box_center {color:#c00; padding:2px; text-align:center;}
#internet_pricing_table td {padding:2px; text-align:center;}
#internet_pricing_table .pricing_astrisk {color:#c00;}
#internet_pricing_table .pricing_box_odd {background:#ccc;}