@charset "utf-8";
/*@import "/css/clickngo/cng_broadcast.css";*/
html, body{height: 100%;}

body > #content {height: auto; min-height: 46%;}

#content {
	padding-bottom: 96px;  /* must be same height as the footer */
	margin-bottom: 7em;

}

#footer {
	position: relative;
	margin-top: -96px;  /* negative value of footer height */
	clear: both;
}


body {
	font-family: Georgia, "Times New Roman", Times, serif;
	background: #F9f9fb url(/images/bg_main.gif) repeat-x center top;
}

/*deals with font shrinkage in the navigation*/
#header div ul, #footer div ul {
	font-size: 1em;
}
/*setting the header dimensions*/
#header {
	background: none;
	height: 8.5em;
}
/*styles for the ClicknGo style top navigation*/
#site_navigation {
	list-style-type: none;
	width: 79.17em;
	margin: 0 auto 0.75em;
	height: 2.5em;
	font-size:.75em;
	position: relative;
	top: 1.5em;
}

#site_navigation ul {
	margin-bottom: 0;
}

ul#product_navigation li {
	float:left;
}

ul#login_webmail li {
	float:right;	
}

#site_navigation .unselected {
	background: url(/images/menu-rear.gif) no-repeat top;
	display:block;
	height: 2.25em;
	width: 7.5em;
	padding-top: 1.15em;
}

#site_navigation .selected {
	background: url(/images/menu-selected.gif) no-repeat top;
	display:block;
	height: 2em;
	width: 8.41em;
	padding-top: 1.15em;
	margin-top: 0.09em;
}

#site_navigation .proceed{
	background: url(/images/menu-selected-next.gif) no-repeat;
	display:block;
	height: 2em;
	width: 6.583em;
	padding-top: 1.15em;
}

#site_navigation .tab-end {
	background: url(/images/menu-rear-right.gif) no-repeat;
	display:block;
	height: 2em;
	width: 8.5em;
	padding-top: 1.15em;
}

#site_navigation .menu-end {
	background: url(/images/menu-end.gif) no-repeat top;
	display:block;
	height: 2em;
	width: 7.6em;
	padding-top: 1.2em;
}

 #site_navigation.tab-end-select {
	background: url(/images/menu-selected-right.gif) no-repeat top;
	display:block;
	height: 2em;
	width: 8.41em;
	padding-top: 1.2em;
}

a.home_link, a.hosting_link, a.domains_link, a.emarketing_link, a.security_link, a.news_link, a.login_link, a.contactus_link, a.contact_link, a.webmail_link {
	text-decoration:none;
	color:#999999;
	line-height:14px;
	padding-left: 0.85em;
	text-align: left;
	font-weight: normal;
}

#site_navigation .selected a{
	text-align: left;
	text-decoration:none;
	color:#ffffff;
	line-height:14px;
	padding-left: 0.85em;
}

#site_navigation .proceed a {
	text-decoration:none;
	color:#999999;
	line-height:14px;
	padding: 0;
	font-weight: normal;
}

#site_navigation .menu-end a {
	text-decoration:none;
	color:#999999;
	line-height:12px;
	padding: 0;
}

#site_navigation .tab-end-select a {
	text-align: left;
	text-decoration:none;
	color:#ffffff;
	line-height:14px;
	padding-left: 0.85em;
}

a.home_link:hover, a.hosting_link:hover, a.domains_link:hover, a.emarketing_link:hover, a.security_link:hover, a.news_link:hover, a.login_link:hover, a.contactus_link:hover, a.contact_link:hover, a.webmail_link:hover {
	color:#666666;
	line-height:12px;
}

#site_navigation .selected a:hover{
	text-align: left;
	text-decoration:none;
	color:#ffffff;
	line-height:14px;
	padding-left: 0.85em;
}

#site_navigation .next a:hover {
	text-decoration:none;
	color:#666666;
	line-height:12px;
	padding: 0;
}

#site_navigation .menu-end a:hover {
	text-decoration:none;
	color:#666666;
	line-height:12px;
	padding: 0;
}

#site_navigation .tab-end-select a:hover {
	text-align: left;
	text-decoration:none;
	color:#666666;
	line-height:14px;
	padding-left: 0.85em;
}

#logos  {
	height: 10em;
	width: 59.375em;
	margin-right: auto;
	margin-left: auto;
	margin-top: 2.5em;
}

#page_heading {
	font: normal 2em "Times New Roman", Times, serif;
	color: #999999;
	width: 18em;
	margin-top: -0.25em;
}

#logos .hosting_logo {
	float: right;
	margin-top: 1.75em;
	height: 7.625em;
	width: 19.25em;
}

#logos .mobility_logo {
	float: right;
	margin: 1.25em 5em 0 0;
	height: 7.625em;
	width: 7.312em;
}
#logos .logo {
	margin-top: 2em;
	margin-right:12em;
	height: 4.562em;
	width: 18.437em;
}


/*---
recuring style for text input, password and file
-----*/
input[type="text"], input[type="password"] {
	background: #f1f1f1;
}

.reseller_plans_hosting_plan .package_config input, .reseller_plans_hosting_plan .package_customise textarea, #credit_card input[type='text'] {
	background-color: #ffffff;
}
/*Login Page*/
form#login {
	width:35%;
	margin:2em auto;
	padding-bottom:9em;
}

form#login legend {
	letter-spacing: -1px;
	color:#FF6600;
	font-family:'Times New Roman';
	font-size:21px;
	font-weight:normal;
	padding:0.45em 0;
}

form#login p a:link {
	text-decoration:underline;
	color:#666666;
}

/*styles from the old CNG Broadcast file for errors etc*/
#errors {
	height: 1.5em;
	width: 19.5em;
}


#content #info_errors li {
	margin:0 0 0 0;
	padding: 0.25em 0.5em;
	color: #cc0000;
}

#addition_info {
	position: relative;
}

/*CSS for the Date picker on the SMS page, only if JS is disabled*/
#date li {
	float:left;
	margin: .5em .5em 0 .75em;
}

#date label {
	position: absolute;
	left: -999em;
}

/*------------------
border around the center content
-------------------*/
#content {
	border: 1px solid #cacaca;
	background:#FFFFFF url(/images/bg_panel.jpg) repeat-x scroll 0 0;
	padding-right: 0.625em;
}

#content h1 {
	color: #ff6600;
}

#sms_signup h3 {
	background: url(/images/breaker.gif) repeat-x center bottom;
	font-weight: lighter;
	font-size: 1.25em;
	color: #4e4e4e;
	padding:.75em 0 .375em 0;
	clear:left;
}

div.termsconditions {
	border: 1px solid #cacaca;
}

#content h2 {
	background:transparent url(/images/breaker.gif) repeat-x scroll center bottom;
	color:#4E4E4E;
	font-size:1.25em;
	font-weight:lighter;
	padding:0.75em 0;
}

#content h2.dark {
	font-size: normal;
	font-weight: normal;
	background-color: #c0c0c0;
	color: #ffffff;
	padding: 0.5em;
}


#content h3 {
	font-weight: lighter;
	font-size: 1.25em;
	color: #4e4e4e;
}

.email_email_create h4 {
	background: url(/images/breaker.gif) repeat-x center top;
	font-size: 1em;
	color: #4e4e4e;
	padding:.5em 0;
	margin-top:.5em;
}

.confirm_steps h4 {
	color: #7ea800;
}

#content p, #content li {
	font: normal;
	font-family: Arial, Helvetica, sans-serif;
	color:#333333;
}

#content dl, #content label, #content input[type="text"], #content input[type="textarea"] {
	font: normal;
	font-family: Verdana, Arial, sans-serif;
	color:#333333;
}


#content a {
	text-decoration:none;
	color:#7ea800;
	font-weight: normal;
}

#content a:hover {
	color:#FF6600;;
}

#content .icon_list li a {
	color: #7ea800;
	line-height: 1;
	font-size: 11px;
	letter-spacing: normal;
	width: 55px;
}

#content .icon_list li a:hover {
	color: #ff6600;
}

#content .icon_list_large li a {
	font-size: 1.5em;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#account_top_up legend, #low_bal_warning legend, #reports legend {
	color: #717171;
}

.ui-datepicker-current-day {
	background-color: #dddddd !important;
}

/*package features page */
h4.dns_manager_heading {
	background-color: #ffffff;
	color: #ff6600;
	font-size: 1.2em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	padding: 1em 0.5em;
	border: 1px solid #7f7f7f;
	border-radius: 0 15px 0 15px;
	-moz-border-radius: 0 15px 0 15px;
	-webkit-border-top-right-radius: 15px;
	-webkit-border-bottom-left-radius: 15px;
}

ul.dns_manager_description {
	border: 1px solid #7f7f7f;
	padding: 2em 1em 8em;
	border-radius: 15px 0 15px 0;
	-moz-border-radius: 15px 0 15px 0;
	-webkit-border-top-left-radius: 15px;
	-webkit-border-bottom-right-radius: 15px;
}

h4.linux_pro_heading, h4.linux_premium_heading, h4.linux_platinum_heading {
	background-color: #ffffff;
	color: #ff6600;
	font-size: 1.2em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	padding: 1em 0.5em;
	border: 1px solid #7f7f7f;
	border-radius: 0 15px 0 15px;
	-moz-border-radius: 0 15px 0 15px;
	-webkit-border-top-right-radius: 15px;
	-webkit-border-bottom-left-radius: 15px;
}

ul.linux_pro_description, ul.linux_premium_description, ul.linux_platinum_description {
	border: 1px solid #7f7f7f;
	padding: 10em 1em;
	background: url(/images/packages/linux_package.jpg) center right no-repeat;
	border-radius: 15px 0 15px 0;
	-moz-border-radius: 15px 0 15px 0;
	-webkit-border-top-left-radius: 15px;
	-webkit-border-bottom-right-radius: 15px;
}

h4.windows_pro_heading, h4.windows_premium_heading, h4.windows_platinum_heading {
	background-color: #ffffff;
	color: #ff6600;
	font-size: 1.2em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	padding: 1em 0.5em;
	border: 1px solid #7f7f7f;
	border-radius: 0 15px 0 15px;
	-moz-border-radius: 0 15px 0 15px;
	-webkit-border-top-right-radius: 15px;
	-webkit-border-bottom-left-radius: 15px;
}

ul.windows_pro_description, ul.windows_premium_description, ul.windows_platinum_description {
	border: 1px solid #7f7f7f;
	padding: 10em 1em;
	background: url(/images/packages/windows_package.jpg) center right no-repeat;
	border-radius: 15px 0 15px 0;
	-moz-border-radius: 15px 0 15px 0;
	-webkit-border-top-left-radius: 15px;
	-webkit-border-bottom-right-radius: 15px;
}

.package_features h5 {
	padding: 0.25em;
	font-size: 1em;
	color: #7f7f7f;
}

/*phonebook menu of groups*/
#group_menu dl {
	height: 100%;
	padding: 0em  .5em;
	border: 1px solid #999999;
}

/*phonebook table styles*/
.email {
	vertical-align:middle;
	font-style: italic;
}

/*table features*/
tbody tr.dark:hover {
	background-color: #cfcfcf;
}

tbody tr.light:hover {
	background-color: #eaeaea;
}

/* ------
Pagination
-----*/

.pagination a:link, 
.pagination a:visited {
	color: #8e8e8e;
}
.pagination a:hover{
	text-decoration:none;
}

/*styles for the footer*/
#footer {
	height: 6em;
	width:100%;
	margin: -96px 0 0;
	background-color:#f4f4f4;
	border-top: .6em solid #e5e5e5;
	font-family:Arial, Helvetica, sans-serif;
}

#footer_nav {
	width: 65em;
	margin: 0 auto;
	padding:.5em 0 0;
	
}

#footer_nav ul {
	margin-bottom: 0;
}

#footer_nav li {
	display: inline;
	list-style-type:none;
	font-size:.75em;
	color:#999999;
}

#footer_nav li a {
	text-decoration: none;
	color:#999999;
	font-weight: normal;
}

#footer_nav li a:hover {
	color:#FF6600;
	text-decoration:underline;
}

#copyright {
	font-size: 0.7em;
	color: #b6b6b6;
	padding-top:.75em;
}

#footer_nav img {
	float:right;
	width: 14.375em;
	height: 3.5em;
}