/* Main layout styles */
html {
	background-color: #F1F6FA;
	background-image: url("/res/images/body/backgroundtile.png");
	background-repeat: repeat;
	font-family: Arial, Helvetica, sans-serif;
	color: #404d55;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	background-image: url("/res/images/body/background.png");
	background-repeat: repeat-x;
}

a:active, a:focus, input:active, input:focus {outline:none;}

#Document { 
	margin: 0 auto;
	width: 940px;
	height: auto;
	position: relative;
}

.Bold 
{
	font-weight: bold;
}

#Header, #MenuBar, #BodyFrame, #BreadCrumbs, #HomePageContent {
	width: 940px;
}

/* Header styles */
#Header { 
	position: relative;
	height: 90px;
}

#Header #Logo {
	position: relative;
}

#Header #LoginModule, #Header #LogoutModule {
	position: absolute;
	text-align: right;
	top: 15px;
	right: 20px;
	z-index: 1;
	height: 75px;
}

#Header #LoginModule {
	background-image: url("/res/images/header/loginbuttons.png");
	background-repeat: no-repeat;
	width: 370px;
}

#Header #LoginModule .LoginButton {
	position: absolute;
	top: 0px;
	right: 165px;
}

#Header #LoginModule .LoginButton img {
	height: 60px;
	width: 205px;	
}

#Header #LoginModule .SignupButton {
	position: absolute;
	top: 0px;
	right: 0px;
}

#Header #LoginModule .SignupButton img {
	height: 60px;
	width: 165px;	
}

#Header #LogoutModule {
	background-image: url("/res/images/header/logoutbuttons.png");
	background-repeat: no-repeat;
	width: 400px;
}

#Header #LogoutModule .LogoutButton {
	position: absolute;
	top: 0px;
	right: 244px;
}

#Header #LogoutModule .LogoutButton img {
	height: 60px;
	width: 156px;	
}

#Header #LogoutModule .AddServerButton {
	position: absolute;
	top: 0px;
	right: 0px;
}

#Header #LogoutModule .AddServerButton img {
	height: 60px;
	width: 244px;	
}


/*
* MenuBar
*/
#MenuBar {
	height: 73px;
	background-image: url("/res/images/menu/background.png");
	background-repeat: no-repeat;
	position: relative;
	z-index: 6;		
	width: 100%;
}

#MenuBar a
{
	text-decoration: none;
}
	
#DropDownMenuWrapper 
{
	float:right; position:relative; left:-50%;
}

ul.DropDownMenu
{
	padding: 0;
	margin: 0;
	list-style: none;
	font-weight: bold;		
	position:relative;
	left:50%;		
}

ul.DropDownMenu a 
{	
	color: #404D55;
	font-family: Arial;
	font-size: 16px;
	display:block;			
	padding: 0;
	padding-bottom: 19px;
	margin: 0px;
	margin: 0px 30px 0px 30px;
}

ul.DropDownMenu li 
{
	float: left;	
	padding: 0;
	text-align: center;
	padding: 0px 5px 0px 0px;		
}

ul.DropDownMenu li ul 
{
	position: absolute;
	width: 10em;
	left: -999em;
}

ul.DropDownMenu li:hover ul, ul.DropDownMenu li.sfhover ul 
{			
	left: auto;
}

#MenuBar li a, h1, h2 {
	letter-spacing: -1px;
}

ul.DropDownMenu a:hover 
{
	text-decoration: none;	
}

ul.DropDownMenu > li > a:hover, 
ul.DropDownMenu > li > a.Selected, 
#MenuBar > ul > li > a:hover, 
#MenuBar > ul > li > a.Selected, 
ul.DropDownMenu a.DropDownSelected {	
	color: #ff6701;
	background-image: url("/res/images/menu/selectedbackground.png");	
	background-repeat: no-repeat;
	background-position: center bottom;	
	text-align: center;		
}

ul.DropDownMenu li ul
{	
	padding: 0;
	margin: 0;	
}

ul.DropDownMenu li ul li
{	
	border-bottom: solid 1px #ddd;		
	border-left: solid 1px #ddd;		
	border-right: solid 1px #ddd;		
	background-color: #E5E9ED;		
	padding: 10 20px;
	margin: 0;
	text-align: left;
	width: 250px;
	overflow: hidden;
	margin-left: 30px;
}

ul.DropDownMenu li ul li:first-child
{
	border-top: solid 1px #ddd;		
}

ul.DropDownMenu li ul li a
{
	letter-spacing: 0px;
	padding: 10px 20px;		 
	text-transform: none;		
	width:250px;
	text-align: left;		
	margin: 0;	
}

ul.DropDownMenu li ul li a:hover, ul.DropDownMenu li ul li a:hover
{
	background-color: Gray;	
	color: #ddd;					
}


ul.OneLineMenu {
	text-align: center;
	height: 51px;
	font-weight: bold;
	margin-left: 0em;
}

ul.OneLineMenu li {
	z-index: 3;
	display: inline;
	background: none;
	line-height: 50px;
	margin: 0;
	padding: 0 8px;
}

ul.OneLineMenu li a {
	padding: 16px 20px;
	color: #404d55;
	font-family: Arial;
	font-size: 16px;	
}

/* Breadcrumb styles */
#BreadCrumbs {
	height: 51px;
	position: relative;
	background: url("/res/images/mpanel/crumbtab.png") no-repeat top right;
	margin-top: -10px;
}

#BreadCrumbs .MPanelTab, #BreadCrumbs .Customer {
	float: right;
	line-height: 40px;
	font-size: 1.1em;
	color: black;
}

#BreadCrumbs .MPanelTab img {
	width: 222px;
	height: 42px;
}

#BreadCrumbs .MPanelNavigation {
	float: left;
	color: #404d55;
	font-size: 12px;
	font-weight: bold;
}

#BreadCrumbs .MPanelNavigation .Row .Separator {
	background: url("/res/images/mpanel/separator.png") no-repeat left;
	border: 0px;
	margin: 4px 4px 0px 0px;
	padding: 0px;
	width: 7px;
	height: 9px;
	float: left;
}

#BreadCrumbs .MPanelNavigation .Row .Link, #BreadCrumbs .MPanelNavigation .Row .Guest {
	float: left;
	background: none;
}

#BreadCrumbs .MPanelNavigation .Row {
	vertical-align: middle;
	padding-top: 12px;
	margin-left: 10px;
}

#BreadCrumbs .MPanelNavigation .Row a {
	font-size: 12px;
	font-weight: bold;
	color: #005184;
	margin-right: 5px;
}

#BreadCrumbs .MPanelNavigation .Row a:hover {
	color: #ff6701;
}


/* Body Styles */
#BodyFrame {
	height: auto;
	margin-top: -10px;
	z-index: 5;
	position: relative;
}

#BodyFrame .BorderTop {
	height: 5px;
	width: 940px;
	background-image: url("/res/images/body/frametopborder.png");
	background-repeat: repeat-x;
}

#BodyFrame .BorderBottom {
	height: 9px;
	width: 940px;
	background-image: url("/res/images/body/framebottomborder.png");
	background-repeat: repeat-x;
}

#BodyFrame .Body {
	background-color: #ffffff;
	padding: 25px;
}

#BodyFrame .BottomLogos {
	border-top: 1px solid #d8d9d9;
	background-color: #fcfbfb;
	height: 105px;
	text-align: center;
}

#BodyFrame .BottomLogos table {
	height: 110px;
}

#BodyFrame .BottomLogos td
{
	padding: 0 18px;
	text-align: center;
}

/* Footer styles */
#Footer {
	background: url("/res/images/body/footerbackground.png") no-repeat;
	text-align: center;
	height: 307px;
	color: #404d55;
	position: relative;
}

#Footer .Menu {
	position: relative;
	height: 187px;
	padding: 38px 0 0 250px;
	z-index: 1;
	text-align: left;
}

#Footer .Menu .LinkColumn {
	float: left;
	width: 136px;
}

#Footer .Menu .TextColumn {
	float: left;
	width: 191px;
}

#Footer .Menu div {
	line-height: 20px;
}

#Footer .Graphic {
	position: absolute;
	right: 0px;
	bottom: 0px;
	background: url("/res/images/body/footerimage.png") no-repeat;
	width: 419px;
	height: 224px;
	z-index: 2;
}

#Footer .Graphic .OrderLink {
	position: absolute;
	left: 0px;
	top: 0px;
}

#Footer .Graphic .OrderLink img {
	width: 140px;
	height: 79px;
}

#Footer .Company {
	position: relative;
	padding-top: 12px;
	z-index: 3;
}

#Footer h2 {
	margin-bottom: 0px;	
}

#Footer .Company .Copyright {
	margin-right: 12px;
}

#Footer .Company span.LinkSeparator {
	font-size: 12px;
	color: #404d55;
	margin: 0px 5px 0px 4px;
}

#Footer a {
	color: #ff6701;
}

#Footer a:hover {
	color: #005184;
}


/* Global styles */	
a {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline;
	color: #005184;
}

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

a.Standalone {
	text-decoration: underline;
}

h1, h2, h3 {
	margin: 0 0 5px 0;
	padding: 0;
	color: #404d55;
	font-weight: bold;
}

h1 {
	font-size: 30px;	
	background-color: #fcfbfb;
	line-height: 60px; 	
	margin: 0 0 20px -10px;
	padding-left: 10px;
}

h2 {
	font-size: 20px;
	line-height: 40px;
	padding-top: 20px;
}

h2.NoPadding {
	padding-top: 0px;
}

h3 {
	font-size: 16px;
	color: #9fb4b7;	
}

p { 
	padding-bottom:0px;
	margin-bottom: 0px;
}

ul {
	padding: 0;
	margin: 0;
	margin-left: 2em;
}

li {
	padding-left: 0.5em;
	margin: 1em 0;
}

ul.large {
	list-style-type: none;
	font-size: 16px;
	margin-left: 0;
}

ul.large li {
	background-image: url("/res/images/icons/dottedarrow.png");
	background-repeat: no-repeat;
	background-position: 0px 8px;
	padding-left: 17px;
}

ul.large li a {
	color: #ff6701;
	text-decoration: underline;
}

ul.large li a:hover {
	color: #005184;
}

.Separator {
	height: 1px;
	background: #d8d9d9;
	margin: 20px 0 10px -10px;
}

input[type='text'], input[type='password']
{
	width: 150px;
}

input[type='text'].ShortText, input[type='password'].ShortText
{
	width: 70px;
}

input, select, textarea {
	font-size: 12px;
	font-family:arial;
	border: 1px solid #D1D2D4;		
}

textarea 
{
	margin-left: 0;
}

select.LargeSelect { width: 150px; }

input[type='radio'] { margin-top: -4px; border: none; }
input[type='checkbox'] { margin-top: -1px; border: none; }

input.SubmitButton 
{
	border: none;
	padding-right: 5px;
}

input, img {
	vertical-align: middle;
}

img, #Document img, td img {
	border: 0px;
	margin: 0px;
}

form {
	margin: 0px;
	display: inline;
}

/* Home page content styles */
#HomePageContent {
	position: relative;
	margin-top: -30px;
	height: 208px;	
	background: url("/res/images/body/homepagetopbackground2.jpg") no-repeat;
}

#HomePageContent .Caption 
{
	padding-left: 430px;
	width: 480px;
}

#HomePageContent .Header 
{
	font-size: 18px;
	font-weight: bold;
	padding-top: 40px;	
}

#HomePageContent p 
{
	font-size: 16px;
}

.FormMessageContainer { width: 100%; margin-bottom: 30px; margin-top: 10px; height: 70px; }
.FormMessageContainer .Buttons { text-align: center; padding-top: 20px; margin-left: -70px; }
.FormMessageContainer .Buttons input { border: none; }

.FormMessageContainer tr td.Message {				
	font-weight: bold;	
	font-size: 1.1em;
	padding: 10px;			
	padding-left: 70px;
}

.FormMessageContainer.Success tr td.Message	 
{	
	color: #57a710 ;	
	border: 1px solid #9fd845;	
	background: url(/res/images/icons/good-icon.png) no-repeat 5px 10px #f5fbec;
}

.FormMessageContainer.Warning tr td.Message
{
	color: #ff591f;	
	border: 1px solid #ff983e;
	background: url(/res/images/icons/caution-icon.png) no-repeat 5px 10px #fff4eb;	
}

.FormMessageContainer.Failure tr td.Message {	
	color: #d03c3c;	
	border: 1px solid #d03c3c;
	background: url(/res/images/icons/error-icon.png) no-repeat 5px 10px #faebeb;	
}

.FormMessageContainer ul
{		
	margin: 5;
}

.FormMessageContainer ul li 
{
	color: #ff0000;	
	margin: 0;
	padding-left: 5px;
	background-image: none;					
	padding-bottom: 5px;
}

.FormMessageContainer ul li:last-child 
{
	padding-bottom: 0;
}


.PhoneVerificationError, .BlockedSignupError {
	font-weight: bold;	
	font-size: 1.1em;
	padding: 20px 20px 25px 70px;
	color: #d03c3c;	
	border: 1px solid #d03c3c;
	display: table-cell;
	vertical-align: middle;
	background: url(/res/images/icons/error-icon.png) no-repeat 5px 10px #faebeb;
}

.PhoneVerification ul {
	margin-top: 1em;
}

.PhoneVerification ul li {
	margin: 0.2em 0em;
}

#BlockedSignupDiv {
	margin-top: 0.5em;
}

table.DocumentContainer, table.DocumentContainer tr, table.DocumentContainer td {
	border-spacing: 0px;
	border-collapse: collapse;		
}

/* Customer SignUp Page */
.SignUp.ContentContainer 
{
	width:100%;
}

table.NameValue {
	border-spacing: 0px;
	border-collapse: collapse;	
	border: 1px solid #D8D8D8;
}

table.NameValue td, table.NameValue th {
	color: black;
	padding: 5px 40px 5px 5px;
}

table.NameValue th {
	text-align: left;
}

table.NameValue tr.Row th {
	background-color: #F8F8F8;
}

table.NameValue tr.AlternateRow th {
	background-color: #EAEAEA;
}

table.NameValue tr.Row td {
	background-color: white;
}

table.NameValue tr.AlternateRow td {
	background-color: #F1F1F1;
}

table.Clear th {
	font-weight: bold;
	color: #006699;
	text-align: right;
	padding-right: 5px;
}

table.Data {
	border: 1px solid #d7dfe0;
}

table.Data .Unavailable { padding-left: 3px; padding-right: 2px; }

table.Data.PlanList tr.highlight td 
{
	background: #D6DCDE;
}

table.Data.PlanList {
	margin-left: 5px;
	width: 610px;	
}

table.Data.PlanList th.Button {
	width: 100px;
}

table.Data a, table.Data td.Link {
	color: #006699;
}

table.Data td.Column {
}

table.Data td.Column.Red 
{
	color:Red;
}

table.Data td.DropDown
{
    width: 80px;    
}

table.Data td.DropDown div
{    
    position: relative;
    z-index: 5;
}

table.Data td.DropDown div.DisplayPrice
{
    padding-left: 5px;
}


table.Data td.AlternateColumn {
}

table.Data tr.Hidden 
{
    display: none;
}

table.Data tr.AlternateRow td {
	background-color: #f5f7f7;
}

table.Data tr.Head * {
	text-align: left;
	font-weight: bold;
	font-size: 20px;
	background: #DEDEDE;
}

table.Data th {
	text-align: left;
	font-weight: bold;
	background-color: #ecf0f1;	
}

table.Data th.First {
}

table.Data th, table.Data td {
	padding-left: 7px;
	/* padding-right: 10px; */
	height: 40px;
	color: #404d55;
	font-size: 12px;
	
}

table.Data td {
}

table.Shaded {
	padding: 10px 0px 15px 10px;
	background-color: #F8F8F8;
	color: #333333;
	border-top: 8px solid #F8F8F8;
	border-bottom: 8px solid #F8F8F8;
	width: 100%;
	border-collapse: collapse;
	margin-top: 10px;
	table-layout: fixed;
}

table.Shaded.NoBottomPadding  
{
	margin-bottom: -15px;
}

table.Shaded th {
	text-align: right;
	padding-right: 5px;
	font-size: 12px;
	font-weight: bold;
	width: 150px;
	max-width: 150px;
}

table.Shaded td {
	text-align: left;
	color: #333333;
	width: auto;	
}

table.Shaded td.TextArea .Field {
	width: auto;
	padding-right: 5px;
}

table.Shaded input { 
	width: 250px; 
}


table.Shaded input.SubmitButton { 
	width: auto; 
}

table.Shaded input.AutoWidth { 
	width: auto; 
}

table.Shaded td .Comment, table.NameValue td .Comment {
	color: #7F7F7F;
	padding-left: 10px;
}

table.Shaded .Center {
	text-align:center;	
}

.HostNameDescription.Shaded {
	padding-bottom: 10px;
}

.TotalCostValue { font-weight: bold; }

.PlansWrapper {
	width: 100%;		
	padding-top: 5px;
}

.PlansWrapper .Footer {
	font-weight: bold;
	padding-top: 5px;
	padding-left: 5px;
}

.PlansWrapper .PlansColumn {
	width: 425px;	
	float: left;
}

.PlansWrapper .PlansSplitter {
	padding-right: 20px;
}

.PlansWrapper .PlansColumn .Data
{
	width: 425px;	
}

.PlansWrapper .PlansColumn .Header
{	
	font-weight: bold;
	padding-bottom: 5px;
}

#ChangeOSConfirmation  
{
	margin-left: 30px;
	margin-top: 5px;	
	margin-bottom: 20px;
}

.OSBitSelection 
{
	padding-top: 10px;	
}

.OSBitSelection .Seperator 
{
	height: 5px;
}

.Terms { padding-top: 20px; }

.Terms .AjaxField .Field  {
	width: 320px;
}

.Signup { padding-right: 5px; }

.CompletePurchaseButton { padding-top: 20px; }

#OperatingSystem select {
	width: 270px; 
}

div.Shaded {
	padding: 10px 10px 15px 10px;
	background-color: #F8F8F8;
	margin-top: 10px;
}


/* Body Content */

#BodyFrame #MiddleFull {
	background-color: white;
}

#Middle {
	height: 100%;
}

#BodyFrame #Middle #Background {
	height: 100%;
	background-color: white;
}

#BodyFrame #Middle table tr td.LeftContent {
	width: 633px;
	padding:0 0 15px 10px;
	background: #ffffff;
}

#BodyFrame #Middle table tr td.RightContent {
	width: 251px;	
	padding:5px 0 0 5px;
}

#BodyFrame #MiddleFull #MainContent {
	padding:10px 10px 15px 10px;
	position: relative;
}

.RHModule {
	font-size: 11px;
	color:#666;
	padding: 8px 12px 8px 12px;
}

.AjaxField {
	display: block;
	float: left;
}

.AjaxField .Result .Label {
	margin-top: 0px;
	padding-left: 5px;
}

.AjaxField .Result {
	display: block;
	float: left;	
}

.AjaxField .Display {
	padding-top: 5px;
	display: block;
	float: left;
}

.AjaxField .Success {
	background: url("/res/images/icons/tick.png") no-repeat;
	height: 20px;
	padding-left: 28px;
	padding-top: 2px;
	color: #009900;
}

.AjaxField .Failure {
	background: url("/res/images/icons/cross.png") no-repeat;
	height: 20px;
	padding-left: 28px;
	padding-top: 2px;
	color: #CC0000;
}

.AjaxField pre.TextAreaDisplay {	
	margin: 0;
	font: 12px;
	margin-top: -5px;
	width: 500px;
	overflow: auto;
}

.AjaxField .FieldNoFeedback {
	width: 50px;
}

.AjaxField .Field, .AjaxField .FieldNoFeedback {
	display: block;
	float: left;
}
 	
.AjaxField .Valid {
	display: block;
	float: left;
	background: url(/res/images/icons/tick.png) no-repeat;
	width: 20px;
	height: 20px;
}

.AjaxField .Invalid {
	display: block;
	float: left;
	background: url(/res/images/icons/cross.png) no-repeat;
	padding-left: 20px;
}

.PhoneVerificationPhoneField, .PhoneVerificationPinField {
	display: block;
	float: left;
	margin-right: 20px;
}

.PhoneVerificationPhoneField {
	padding-top: 4px;
}

#PhoneVerificationPinError, #PhoneVerificationPhoneError {
	display: block;
	float: left;
	background: url("/res/images/icons/cross.png") no-repeat;
	height: 20px;
	padding-left: 28px;
	padding-top: 2px;
	color: #CC0000;
}

#PhoneVerificationPhoneError {
	margin-left: 10px;
	margin-top: 4px;
}

#ManageWrapper #ManageLeft, #RescueLeft {
	float: left;
	width: 420px;	
	margin-right: 10px;		
}

.ConfirmReinstall .Field {
	width: 280px;
	padding-bottom: 10px;
}

#ManageWrapper #ManageRight, #RescueRight {
	float: left;
	width: 420px;	
	margin-left: 10px;	
}

.Yes {	
	color: #09910b;
	font-weight: bold;	
}

.Yes img, .No img {
	padding-right: 5px;
}

.No {		
	font-weight: bold;	
	color: #f11d44;
}

.BusyLoading {		
	padding-left: 5px;	
}

.BusyLoading img {
	padding-right: 5px;
}

#BusyCalling {
	float: left;
	padding-left: 5px;
	padding-top: 2px;
}

#BusyCalling img {
	padding-right: 5px;
}

#CreatingWrapper {
	margin-top: 30px;
}

#CreatingWrapper #CreatingImage {	
	margin: 0 auto;			
	text-align: center;	
	padding-bottom: 10px;
}

#CreatingWrapper #StatusWrapper {
	margin-top: 15px;
	text-align: center;
}

#ResultData { padding-top: 10px; }

#CreatingWrapper #StatusWrapper #StatusHeading {
	padding-bottom: 10px;
	font-size: 15px;
	font-weight: bold;
}

#CreatingWrapper #TechnicalDetailsWrapper {
	width: 350px;
	margin: 0 auto;
	margin-top: 50px;
	margin-bottom: 50px;
}

#CreatingWrapper #TechnicalDetailsWrapper .Heading {
	padding-bottom: 10px;
	font-size: 14px;
	font-weight: bold;
}

#CreatingWrapper #TechnicalDetailsWrapper #TechnicalDetails {	
	width: 340px;	
	border: 1px solid #e3e3eb;
	height: 130px;
	overflow: auto;
	padding: 5px 5px 5px 5px;	
	font-size: 12px;		
}

#CreatingWrapper #TechnicalDetailsWrapper #TechnicalDetails .Done {
	font-weight: bold;
	color: #009933;
}

#ProgressBar {
   background: url("/res/images/creating/progress_bar_base.gif") no-repeat;   
   width: 350px;
   height: 22px;
   margin: 0 auto;
   overflow: hidden;
   padding: 3px;
}
#ProgressLevel {
   background: url("/res/images/creating/progress_bar.png") no-repeat;  
   width: 0%; /* SET THIS TO GET THE DESIRE LEVEL */
   height: 16px;
   float: left;
}

.Clear {
	clear: both;
}

.HomeIntro {
	padding-left: 10px;
	padding-bottom: 10px;
}

.LeftImages {
	float: left;
	width: 132px;
}

.RightContent {
	float: left;
	width: 730px;
}

.GreenImage1, .GreenImage2, .GreenImage3, .GreenImage4, .GreenImage5, .GreenImage6  {
	width: 122px;
}

.GreenImage1 { height: 134px; background: url("/res/images/modules/greenimage1.png") no-repeat 13px 0; }
.GreenImage2 { height: 98px; background: url("/res/images/modules/greenimage2.png") no-repeat 0 0; }
.GreenImage3 { height: 128px; background: url("/res/images/modules/greenimage3.png") no-repeat 6px 0; }
.GreenImage4 { height: 143px; background: url("/res/images/modules/greenimage4.png") no-repeat 10px 0; }
.GreenImage5 { height: 136px; background: url("/res/images/modules/greenimage5.png") no-repeat 9px 0; }
.GreenImage6 { height: 92px; background: url("/res/images/modules/greenimage6.png") no-repeat 21px 0; }
	
.PromotionalCodeInfo { font-weight: bold; padding-top: 10px; padding-bottom: 10px; }
.ExtraIPReason { list-style: none; margin: 0; }
.ExtraIPReason li input { width: auto; }
.ExtraIPReason li input[type='text'] { margin-top: -1px; }

#Backups { margin-top: 15px; }
.BackupFrequency { padding-bottom: 10px; }
.BackupConfiguration select { width: 130px; }
.BackupSignup select { width: 220px; }
.CreateBackup select  { width: 330px; }
table.BackupList tr td.Locked { text-align: center; width: 55px; }
table.BackupList tr th.Radio, table.BackupList tr td.Radio { width: 1px; padding: 0px 0px 0px 5px; margin: 0; }

.AdditionalInterfaces { width: 220px; }

.AdminReminder {border:20px solid orange;}

.CreditCardDateDropdown { vertical-align:top; }

.ExtrasWrapper {
	width: 100%;		
	padding-top: 5px;
}

.ExtrasWrapper select {
	width: 14em;
}
.CreditCardDateDropdown { vertical-align:top; }
div.SliderWrapper {background: url(/res/images/slider/main-bg.png) no-repeat;padding-top: 34px; margin-top: 15px; position: relative;}
span.cell {display: block; height: 62px; width: 59px; background: url(/res/images/slider/slidercell.png); float:left;margin-left:-10px;}
span.on span.cell {background-position: 0px -62px;}
div.track {background: url(/res/images/slider/sliderbg.png) repeat-x 14px 0px; height:13px; float:left;}
div.handle {width:31px; height:42px; margin-top: -11px;}
div.handle img {float:left;}

#plandetails {position: relative;}
#plandetails {background: url(/res/images/slider/slider-content-bgos.png) no-repeat -870px 0px; width:870px;height:80px;}
#plandetails.windows {background: url(/res/images/slider/slider-content-bgos.png) no-repeat 0px 0px; width:870px;height:80px;}
#plandetails h3, #plandetails div {color:#8d8e8e;font-size:16px;font-weight:bold;text-align:left;overflow:hidden;}
#plandetails div {color:#404D55;font-size:20px;}
.ComparePlans { text-align: right; padding-top: 10px; position: absolute; top: 140px; right: 8px; }

#planname, #planram,#plandisk,#plandata,#planprice {position: absolute;top:20px;}
#planname {left: 20px;}
#planram {left: 167px;}
#plandisk {left: 312px;}
#plandata {left: 439px;}
#planprice {left: 566px;}
#planlinkl {position: absolute; left: 694px; width:175px; height: 40px;}
#planlinkw {position: absolute; left: 694px; width:175px; height: 40px;top:40px;display:none;}
#plandetails.windows #planlinkw { display:block;}
.AdminReminder {border:20px solid orange;}

.StatisticsTable { width: 628px; }
.StatisticsTable .TableWrapper
{	
	border: 1px solid #DEDEDE;
	border-top: none;			
	clear: both;
}



ul.tab, ul.tab li { border:0; margin:0; padding:0; list-style:none; }
ul.tab{
border-bottom:solid 1px #DEDEDE;
height:29px;
padding-left:20px;
margin-bottom: -1px;
}
ul.tab li{float:left; margin-right:2px;}

ul.tab a:link, ul.tab a:visited{
background:url(/res/images/tab-round.png) right 60px;
color:#666666;
display:block;
font-weight:bold;
height:30px;
line-height:30px;
text-decoration:none;
}
ul.tab a span{
background:url(/res/images/tab-round.png) left 60px;
display:block;
height:30px;
margin-right:14px;
padding-left:14px;
}
ul.tab a:hover{
background:url(/res/images/tab-round.png) right 30px;
display:block;
}
ul.tab a:hover span{
background:url(/res/images/tab-round.png) left 30px;
display:block;
}

/* -------------------------------- */
/* ACTIVE ELEMENTS */
ul.tab .active a:link, ul.tab .active a:visited, ul.tab .active a:visited, ul.tab .active a:hover{
background:url(/res/images/tab-round.png) right 0 no-repeat;
}
ul.tab .active a span, ul.tab .active a:hover span{
background:url(/res/images/tab-round.png) left 0 no-repeat;
}

.StatisticsTable .GraphContainer {
	height: 425px;		
}

.StatisticsTable .GraphContainer div {
	width: 620px;
}

.StatisticsTable .GraphContainer .Loading {
	text-align: center;
}

.StatisticsTable .GraphContainer .Loading img {
	margin: 50% 50%;
}

.CBResults {
	display:none;
	border: 1px solid #D7DFE0;
	-webkit-box-shadow: 2px 4px 15px rgba(0, 0, 0, .3);
	-moz-box-shadow: 2px 4px 15px rgba(0, 0, 0, .3);
	box-shadow: 2px 4px 15px rgba(0, 0, 0, .3);
	z-index: 10;
}
.CBResults ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	background: white;
}
.CBResults li { 
	list-style-type: none; 
	margin: 0; 
	padding: 0 4px;
}	

.CBResults li.selected {
	background: #ECF0F1;
}

#CBTrack {
	float: left;
	width: 15px;
	background-color: #ECF0F1;
}
#CBHandle {
	width: 15px;
	background-color: #404D55;
	cursor: move;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.CBArrow {
	cursor: pointer;
	padding: 2px;
}

.FormTemplate .TemplateHidden  
{
	display:none; 
}

.JsButton 
{
	cursor: pointer;
}

.DnsTable { margin-top: 10px; }

#CurrentDomains { margin-bottom: 25px; }

.KernelChange select { width: 250px; }

#DebugInfo 
{
	background: #F1F6FA;
	width: 200px;	
	height: 68px;
	position: absolute;
	right: 5px;
	top: 5px;
	z-index: 999;
	padding: 5px;
}

#DebugInfo ul { list-style: none; margin: 5px 0; }
#DebugInfo ul li { margin: 0; margin-bottom: 5px; }

#QueryLog  
{
	position: absolute; 
	z-index: 999; 		
	background: #F1F6FA;	
	width: 900px;
	left: 50%;
    top: 100px;  
    margin-left: -450px;
    border: 2px solid;
    padding: 5px;
}

#QueryLog .Header { margin-bottom: 10px; font-weight: bold; font-size: 15px; }
#QueryLog .Close { font-weight: bold; font-size: 16px; text-align: right; }
#QueryLog .Queries { height: 400px; overflow: auto; }
#QueryLog .Queries table tr .Query { text-align: left; }
#QueryLog .Queries table tr .Duration { width: 100px; text-align: right; }

tr.TablePaging th {text-align:center;}
tr.TablePaging .PageNumber,tr.TablePaging .PageGap,tr.TablePaging .NextArrow, tr.TablePaging .PrevArrow {margin-right:3px;text-decoration:none;}
tr.TablePaging .PageNumber {padding: 0px 5px; border: 1px solid #D7DFE0;margin-right:3px;text-decoration:none;}
tr.TablePaging .Current {color:#ECF0F1;background-color:#069;}