/* ------------------------------------------------------------- *
 * Alfahosts Design V3 - Codename Celestine                      *
 * Designed by Antinomie Designs, a Reawaken Media company       *
 * © 2009 Reawaken Media, LLC                                    *
 * --------------------------------------------------------------*/
 
/* 
 * COPYRIGHT NOTICE
 * --------------------------------------------------------------
 * The following design is owned by Reawaken Media, and cannot be
 * used without permission from the Head of Services.
 *
 * The following design is protected by Copyright Act 1968, and
 * its amendments, in Australia; along with relevalent acts in
 * the user's territory.
 *
 * Unless mentioned, all code has been written by Antinomie
 * Designs. If code attribution has been mentioned, the code has
 * been sourced from an "open-source" party.
 *
 * If a section of the code has been from "open-source", then
 * any alternations to the code are available to the public.
 *
 * Failure to use code will face severe penaltites.
 *
 */
 
/* -------------------------------------------------------------------------------- */
 
/* -- GLOBAL RESET -- */

/* Reawaken Media Reset */

html {font-family: Arial, Helvetica, sans-serif !important; font-size:12px !important;
 color:#333;}
a {text-decoration: none; border: none;}
a img {border: none; text-decoration: none;}
.alignleft {float: left;}
.alignright {float: right;}

table td {
  margin: 10px;
}

/*
   Copyright (c) 2009, Yahoo! Inc. All rights reserved.
   Code licensed under the BSD License:
   http://developer.yahoo.net/yui/license.txt
   version: 2.7.0
*/


body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {margin: 0; padding: 0;}

fieldset, images/ {border: 0;}
del, ins {text-decoration: none;}
caption, th {text-align: left;}
h1, h2, h3, h4, h5, h6 {font-size: 100%; font-weight: normal;}
q:before, q:after {content: '';}
abbr, acronym {border: 0; font-variant: normal;}
sup {vertical-align: baseline;}
sub {vertical-align: baseline;}

/*because legend doesn't inherit in IE */
legend {color: #000;}
input, button, textarea, select, optgroup, option {font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit;}

/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input, button, textarea, select {*font-size: 100%;}

/* -- LAYOUT -- */
html {background: url(images/myalfa-bg.png) top left repeat-x;}
body.myalfa {background: url(images/myalfa.png) top center no-repeat;}

.layout {width: 1000px; margin: 0 auto; overflow: hidden;}

.header {width: 980px; padding: 0 10px; margin: 0 auto;}
  .header .top {height: 105px; overflow: hidden;}
  .header .top .alignleft a {display: block; width: 165px; height: 105px;}
  .header .top .alignright {overflow: hidden; margin-top: 63px}
  .header .top .alignright .tel {margin-right: 10px; float: left;}
  .header .top .alignright .tel a {display: block; width: 262px; height: 32px; background: url(images/number.png) top left no-repeat;}
  .header .top .alignright a img {border: none !important;}
  .header .top .alignright .support {float: left;}
  
  .header .navigation {overflow: hidden; margin: 0px -11px;}
  .header .navigation * {margin: 0; padding: 0; list-style: none;}
  .header .navigation .alignleft, .header .navigation .alignright {overflow: hidden;}
  .header .navigation ul li {float: left; font-size: 14px;}
  .header .navigation ul li a {padding: 13px 10px; color: #5a5a5a; font-family: Arial, Helvetica, sans-serif !important; font-size:14px !important; display: block; z-index: 200;}
  
  .header .navigation ul li a:hover {color: white;}
 
  
  .header ul#helix-nav li.client ul {display: none; position: absolute; top: 1em; left: 0; width: 200px; z-index: 99; background-color: #131313; background: url(images/nav-client.png) #131313 no-repeat;}
  
  .header ul#helix-nav li.client>ul {top: auto; left: auto;}
  .header ul#helix-nav li.client:hover, .header ul#helix-nav li.client.over {background: #131313; border-top: #484747 1px solid; border-right: #484747 1px solid; border-left: 1px #484747 solid;}
  .header ul#helix-nav li.client:hover a, .header ul#helix-nav li.client.over a {color: white; padding: 12px 9px 13px 9px;}
  .header ul#helix-nav li.client:hover ul, .header ul#helix-nav li.client.over ul {display: block; margin-top: -1px; border-bottom: 1px #76b3c2 solid; border-left: 1px #76b3c2 solid; border-right: 1px #76b3c2 solid; margin-left: -1px; } 
  .header ul#helix-nav li.client ul li {margin-left: 0; font-size: 12px; z-index: 99; position: relative; width: 200px; text-transform: none; padding: 5px 10px; color: #5a5a5a}
  .header ul#helix-nav li.client ul li:hover, .header ul#helix-nav li.client.over ul li.over {background: none; border: none;}
  .header ul#helix-nav li.client ul li a {padding: 0; color: #5a5a5a;}
  .header ul#helix-nav li.client ul li a:hover {color: white; background: none; padding: 0;}
  
  .header ul#helix-nav li.more ul {display: none; position: absolute; top: 1em; left: 0; width: 200px; z-index: 99; background-color: #131313; background: url(images/nav-more.png) #131313 no-repeat}
  .header ul#helix-nav li.more>ul {top: auto; left: auto;}
  .header ul#helix-nav li.more:hover, .header ul#helix-nav li.more.over {background: #131313; border-top: #484747 1px solid; border-right: #484747 1px solid; border-left: 1px #484747 solid;}
  .header ul#helix-nav li.more:hover a, .header ul#helix-nav li.more.over a {color: white; padding: 12px 9px 13px 9px;}
  .header ul#helix-nav li.more:hover ul, .header ul#helix-nav li.more.over ul {display: block; margin-top: -1px; border-bottom: 1px #76b3c2 solid; border-left: 1px #76b3c2 solid; border-right: 1px #76b3c2 solid; margin-left: -1px; } 
  .header ul#helix-nav li.more ul li {margin-left: 0; font-size: 12px; z-index: 99; position: relative; width: 200px; text-transform: none; padding: 5px 10px; color: #5a5a5a}
  .header ul#helix-nav li.more ul li:hover, .header ul#helix-nav li.more.over ul li.over {background: none; border: none;}
  .header ul#helix-nav li.more ul li a {padding: 0 !important; color: #5a5a5a !important;}
  .header ul#helix-nav li.more ul li a:hover {color: white !important; background: none; padding: 0;}

  
  li.user, li.pass {font-weight: bold; padding: 5px 10px 0 10px !important;}
  li.small {font-size: 12px}
  
.myalfa .promo a {width: 1000px; height: 100px; display: block}

/* -- SUBNAV -- */

.sub-nav * {list-style: none; margin: 0; padding: 0;}
.sub-nav {margin: 0px -10px; border-bottom: 1px #18a8cc solid; overflow: hidden; font-size: 13px !important; font-family: Arial, Helvetica, sans-serif !important; padding-bottom: 10px; padding-left: 1px; padding-right: 1px;margin-bottom: 10px;}
.sub-nav ul li {color: #ABABAB; padding: 0px 10px;}
.sub-nav ul li a {padding: 0px; color: #2b8da6;}
.content {padding: 10px; width: 980px; overflow: hidden;}

.myalfa-sidebar {width: 320px; float: left; margin-right: 20px;}
.myalfa-content {width: 640px; float: left; color: #333333; font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
 color:#333;
}

/* -- SIDEBAR GADGETS -- */
.gadget {width: 300px; padding: 10px 10px 0 10px; background: url(images/sidebar-gadget.png) top left no-repeat;}
.gadget.noplan {margin-top:0;}
.gadget.domains {margin-top: 95px;}
.gadget.next {margin-top: 10px;}
.gadget h3 {color: #2b8da6; font-size: 18px; font-family: Georgia, "Times New Roman", Times, serif; border-bottom: #d9d9d9 1px solid; margin: 0 -10px; padding: 0 10px; margin-bottom: 10px; padding-bottom: 10px;}
.gadget p {font-size: 12px !important; color: #6C6C6C !important; line-height: 18px; margin-bottom: 7px;}
.gadget a {color: #6C6C6C !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 12px !important;}
.gadget a img {border: none; vertical-align: middle;}
.gadget a:hover {color: #424242;}
p.smalltext {font-size: 11px; font-style: inherit; line-height: 14px}
.gadget p.closer {margin: 0 -10px; background: url(images/sidebar-gadget.png) bottom left no-repeat; height: 10px; margin-bottom: 0; margin-top: -10px;}
a.go-now {width: 80px; height: 30px; display: block; background: url(images/go-now.png) top left no-repeat;}

.login .outlayer {overflow: hidden; margin-bottom: 7px;}
.login .label {width: 90px; margin-right: 10px; float: left; font-weight: bold; font-size: 12px !important; color: color: #6C6C6C;}
.login .output {width: 200px; float: left;}
.login p {font-size: 12px !important; color: color: #6C6C6C;}
.login p.smalltext {font-size: 11px !important;}
.login .smalltext input {margin-right: 5px; vertical-align: text-top;}

/* -- FOOTER -- */
	
.footer {background: url(images/bg.png) #f0f0f0 top left repeat-x; padding: 20px 0 100px 0; margin-top: 100px; font-size: 100%; width: auto;}
.footer * {margin: 0; padding: 0;}
.footer-area {width: 980px; margin: 0 auto; overflow: hidden;}
.footer-area .breaker {overflow: hidden; padding-bottom: 20px; float: left;}
.footer h5 {font-size: 12px; color: #9C9C9C; padding: 0 5px 5px 5px; font-weight: normal; font-weight: bold;}
.footer ul li {font-size: 11px !important; color: #C6C6C6 !important; list-style: none; padding: 0 5px 5px 5px; font-family: Arial, Helvetica, sans-serif !important;}
.footer a {color: #B1B1B1 !important; font-family: Arial, Helvetica, sans-serif !important;}
.footer a:hover {text-decoration: underline; color: #878787;}
.footer-copyright {color: #515151; font-size: 11px; float: right; text-align: right;}
.footer-copyright p {margin-top: 5px; color: #9C9C9C;}
/* Columns */
.col-188 {float: left; margin-right: 20px;}
.last {margin-right: 0;}

/* -- BUTTONS -- */

a.go-now {width: 80px; height: 30px; display: block; background: url(images/go-now.png) top left no-repeat;}


/* -- WHMCS STYLES -- */

form {
margin:0;
}
img {
border:0 none;
}
body, td, input, select, textarea {
font-family:Tahoma;
font-size:11px;
}
a {
color:#2b8da6;
}
a:hover {
text-decoration:none;
}
.heading {
color:#65A5E6;
font-family:Tahoma;
font-size:18px;
font-weight:normal;
}
.heading2 {
color:#2b8da6;
font-size:20px; 
font-family: Georgia, "Times New Roman", Times, serif;
margin-bottom: 5px;
font-weight:bold;
text-decoration:none;
}
.heading3 {
color:#16679F;
font-family:Tahoma;
font-size:12px;
font-weight:bold;
}
table.wrapper {
width:950px;
}
table.clientlinks {
background:#E0E0E0 none repeat scroll 0 0;
}
td.clientlinks {
background:#F9F9F9 none repeat scroll 0 0;
padding:6px;
text-align:center;
width:25%;
}
.navboxlinks {
background-color:#FFFFFF;
padding:5px;
}
.navboxlinks td {
border-bottom:1px dotted #CCCCCC;
}
.navbox {
background-color:#F7F7F7;
border:1px dotted #CCCCCC;
padding:5px;
}
.navinput {
border:1px solid #CCCCCC;
width:100px;
}
.login .navinput {
border:1px solid #CCCCCC;
width:198px;
}
.submitbutton {
background-color:#2b8da6;
border:1px solid #2b8da6;
color:#FFFFFF;
cursor:pointer;
font-weight:bold;
}
.login .submitbutton {
background-color:#2b8da6;
border:1px solid #2b8da6;
color:#FFFFFF;
cursor:pointer;
font-weight:bold;
width: 300px;
padding: 5px 0;
}
.footerbar {
background-color:#45464B;
color:#FFFFFF;
padding:6px 10px;
}
.clientarealinks a {
color:#555555;
}
table.frame {
border:1px solid #316897;
width:99%;
}
.fieldarea {
background:#efefef repeat-x scroll center bottom;
font-weight:bold;
text-align:right;
}

/* Client Area Tables */

.clientareatable {
  background-color:#CCCCCC;
  width:100%;
}

tr.clientareatableheading {
	background-color: #2b8da6;
	color: white;
	font-weight: bold;
	text-align: left;
}

tr.clientareatableactive {
  background-color:#FFFFFF;
  text-align:left;
}

/* End Client Area Tables */

tr.supportticketsheading {
  background-color:#EFEFEF;
}

tr.supportticketscontent {
  background-color:#FFFFFF;
}

.contentbox {
background-color:#F7F7F7;
border:1px dashed #CCCCCC;
padding:5px;
text-align:center;
width:98%;
}
.errorbox {
background-color:#FBEEEB;
border:1px dashed #CC0000;
color:#CC0000;
font-weight:bold;
margin-left:auto;
margin-right:auto;
padding:10px;
text-align:center;
width:90%;
}
.domaincheckeravailable {
color:#669900;
}
.domaincheckerunavailable {
color:#CC0000;
}
.networkissuessummary {
background-color:#F6F6F6;
border:1px dashed #CCCCCC;
padding:10px;
text-align:center;
}
.networkissuesopen {
color:#65CC00;
font-size:16px;
font-weight:bold;
padding-right:20px;
}
.networkissuesscheduled {
color:#EEDD00;
font-size:16px;
font-weight:bold;
padding-right:20px;
}
.networkissuesclosed {
color:#888888;
font-size:16px;
font-weight:bold;
}
.networkissuedescription {
border-left:5px solid #EFEFEF;
padding:1px 20px 20px;
}
.networkissueaffected {
background-color:#FDFCDD;
margin-top:10px;
padding:10px;
}
.clientticketreplyheader {
background-color:#2b8da6;
color:#FFFFFF;
font-weight:bold;
margin-top:20px;
padding:4px 20px;
}
.clientticketreply {
background-image:url(images/clientticketreplybg.gif);
background-repeat:repeat-x;
min-height:80px;
padding:10px;
}
.adminticketreplyheader {
background-color:#888888;
color:#FFFFFF;
font-weight:bold;
margin-top:20px;
padding:4px 20px;
}
.adminticketreply {
background-image:url(images/adminticketreplybg.gif);
background-repeat:repeat-x;
min-height:80px;
padding:10px;
}
.closeticket {
background-color:#FBEEEB;
border:1px dashed #CC0000;
color:#CC0000;
font-weight:bold;
}
tr.orderheadingrow {
background-color:#5AB9F1;
color:#FFFFFF;
}
tr.orderrow1 {
background-color:#E8F0F9;
color:#000000;
}
tr.orderrow2 {
background-color:#D6E4F6;
color:#000000;
}