/*
*************************************************************************
*	PingControl.net - PingVPS											*
*	Copyright (C) 2009 PingControl. All Rights Reserved					*
*	Last Modified : Feb 06, 2010 ( Revision 03-1 )						*
*************************************************************************
*/
/*
@font-face {
	font-family: 'Candara';
	src: url('fonts/candarab.eot');
	src: local('Candara Bold'),
	url('fonts/candarab.ttf') format('truetype')
	}
/*
------------------------------------------------------------------------------------------------------------------------------------------------------
Modify this section of styles will affect site_header.tpl and site_footer.tpl
------------------------------------------------------------------------------------------------------------------------------------------------------
*/
#mainbody 						{ width:980px; margin:0 auto; } 

#header_top 					{ background: url("images/ping/body_bg.jpg") no-repeat scroll center top transparent;height:148px; }
#header_top .logo a 			{ float:left; width:300px; height:107px; }

#header_top .nav				{ height:38px; float:right; }
#header_top .nav ul				{ font:700 11px Arial, "Lucida Sans", "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", "Sans Serif"; text-transform:uppercase; padding:10px 0 0 0; margin-right:-5px; }
#header_top .nav li				{ list-style:none; float:left; }
#header_top .nav li a 			{ padding:5px 15px; }

.language						{ float:right; padding:5px 24px 0 0; background-repeat:no-repeat; background-position:right 9px; margin:5px 10px 0 0 }
.language select 				{ border:#bbbbbb 1px solid; height:20px;}

#container 						{ }
#innertube						{ width:700px; margin:0 0 15px 0; height:auto!important; height:650px; min-height:650px; float:right;  }

.breadcrumb						{ font:400 11px "Trebuchet MS", "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", "Sans Serif"; color:#888; }	 
.breadcrumb						{ background:url(images/bg_breadcrumb.gif) right top no-repeat; padding:15px 12px 10px 12px; clear:both; }	 
.breadcrumb	a					{ color:#888; }
.breadcrumb	a:hover				{ color:#bbb; }
 
#headline_default 				{ height:110px; width:700px; float:right; }
#headline_default h1			{ font:700 16px "Trebuchet MS", "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", "Sans Serif"; color:#aaa; line-height:1.5; text-transform:uppercase; padding:84px 0 0 11px; }

#box_login 						{ padding:10px 12px 0px 12px; float:left; color:#454545 }
#box_login dt 					{ float:left; }
#box_login dd 					{ float:left; }
#box_login .inputbox1 			{ border:#bbbbbb 1px solid; width:140px; height:17px; }

#box_login li					{ font:700 11px Arial, "Trebuchet MS", "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", "Sans Serif"; text-transform:uppercase; list-style:none; float:left; padding:4px 0}
#box_login li a 				{ color:#777; background:url(images/bullet_01.png) no-repeat; padding: 0 20px 0 20px; }
#box_login li a:hover 			{ color:#555; background-position:0 -100px; }
#box_login li.greeting			{ padding-right:50px;}

#box_sidemenu					{ padding:0px 20px 30px 20px; }

#box_domain						{ padding:18px 0px 30px 20px; }
#box_domain	dl 					{ padding:0px 0 0 0; }
#box_domain dd.tlds				{ padding:5px 0 5px 0; height:auto; background:url(images/sidemenu_separate.gif) -10px bottom no-repeat; margin-bottom:5px;}
#box_domain dd.tlds span		{ width:70px; height:26px; display:inline-block}

#box_search						{ padding:0 20px 50px 20px; }
#box_search	dl 					{ padding:5px 0 0 0; }

.live_response img				{ padding:10px 0 0 15px; }

#side_column 					{ float:left; width:255px; margin-top:-23px }
#side_column ul					{ font:700 11px Arial, "Trebuchet MS", "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", "Sans Serif"; text-transform:uppercase; list-style:none; }
#side_column li 				{ background:url(images/sidemenu_separate.gif) repeat-x right bottom; padding:7px 0px; line-height:1.6; }
#side_column li a 				{ color:#555; background:url(images/bullet_01.png) no-repeat; padding: 0 0 0 20px; }
#side_column li a:hover 		{ color:#C93; background-position:0 -100px; }
#side_column dd 				{ height:25px; }
#side_column h1					{ font:700 13px Arial, "Trebuchet MS", "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", "Sans Serif"; text-transform:uppercase; margin:0 0 5px 0; line-height:1.6; }
#side_column .inputbox1 		{ border:#bbbbbb 1px solid; width:195px; height:17px; }
#side_column select 			{ border:#bbbbbb 1px solid; width:150px; height:20px; }

#footer 						{ height:195px; clear:both; }
#footlink 						{ width:980px; height:195px;margin:0 auto;font:400 italic 11px "Trebuchet MS", "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", "Sans Serif"; }
#footlink h1					{ font:700 13px Arial, "Trebuchet MS","Lucida Sans",  "Lucida Grande", "Lucida Sans Unicode", "Sans Serif"; text-transform:uppercase; margin:0 0 6px 0; padding:0 0 8px 0; line-height:1.6; }
#footlink ul					{ list-style:none; padding-top:3px; margin:0; font:700 11px Arial, "Trebuchet MS", "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", "Sans Serif"; text-transform:uppercase; line-height:2.2 }
#footlink li a 					{ background:url(images/bullet_01.png) 0 -100px no-repeat; padding: 0 0 0 20px; }
#copyright 						{ color:#666; width:980px; margin:-30px auto 0; text-transform:uppercase; font-size:9px; padding:8px 0 0 0; }

#box_links1						{ float:left;width:250px; padding:15px 30px 0 20px; }
#box_links2						{ float:left;width:250px; padding:15px 30px 0 10px; }

#box_testimonials 				{ float:left; width:340px; padding:15px 40px 0 10px; font:400 italic 11px "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Sans Serif";}
#box_testimonials p 			{ float:left; line-height:1.8; padding-right:50px; padding-top:3px; }
#box_testimonials span.signature{ padding:4px 10px 0 0; text-align:right; display:block; color:#ccc; }
/* 
------------------------------------------------------------------------------------------------------------------------------------------------------
Modify this section of styles will affect homepage.tpl
------------------------------------------------------------------------------------------------------------------------------------------------------
*/
#homepagetags 					{ padding-top:10px; }
#homepagetags ul				{ list-style:none; line-height:1.6; }
#homepagetags li 				{ float:left; background:0 2px no-repeat; margin:0 10px 25px 10px; height:auto!important; height:55px; min-height:55px; }
#homepagetags li a				{ display:block; width:160px; padding:0 0 0 50px;  }
#homepagetags span.title		{ display:block; border-left:1px #bbb solid; padding:0 0 4px 10px; font:700 12px Arial, "Trebuchet MS", "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", "Sans Serif"; }
#homepagetags span.desc 		{ display:block; border-left:1px #bbb solid; padding:0 0 0px 10px; }
/*
------------------------------------------------------------------------------------------------------------------------------------------------------
Modify this section of styles will affect homepage.tpl & contact.tpl
------------------------------------------------------------------------------------------------------------------------------------------------------
*/
#contactform					{ height:auto!important; height:300px; min-height:300px; background:url(images/contact_form.jpg) no-repeat; clear:both; }
#contactform dl					{ float:right; padding:15px 0 0 0; width:400px;}
#contactform dt					{ float:left; clear:left; width:90px; padding:4px 8px 0 0; text-align:right; white-space:nowrap; }
#contactform dd					{ padding:3px 0; }

#contactinfo					{ float:left; padding:40px 0 0 95px; }
#contactinfo span.title			{ display:block; padding:0 0 12px 0; font:700 12px Arial, "Trebuchet MS", "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", "Sans Serif"; color:#999; text-transform:uppercase; }
/*
------------------------------------------------------------------------------------------------------------------------------------------------------
Modify this section of styles will affect clientareahome.tpl
------------------------------------------------------------------------------------------------------------------------------------------------------
*/
#clientinfo 					{ float:left; width:260px; padding-top:10px; margin-left:6px; }
#clientinfo .address			{ line-height:2;color:#858585; padding:8px 0 0 6px;}
#clientinfo .pagetitle			{ background:url(images/icon_info.gif) 2px 6px no-repeat; font:700 12px Arial, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", "Sans Serif"; line-height:1.8; text-transform:uppercase; padding:5px 0 4px 28px; border-bottom:1px #bbb solid}

#clientstats		 			{ float:left; width:340px; padding:10px 0px 5px 55px; height:auto!important; height:200px; min-height:200px; }
#clientstats .topic				{ font-weight:bold; padding:5px 0 5px 3px; font:700 12px Arial, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", "Sans Serif"; line-height:1.8; }
#clientstats dl 				{ padding:8px 0 8px 0; line-height:2.1; border-top:1px #bbb solid; width:340px;  }
#clientstats dt 				{ float:left; width::auto!important; width:260px; min-width:260px; white-space:nowrap; padding:0 0 0 3px; }
#clientstats a					{ color:#C60; display:block}
#clientstats a:hover			{ color:#930; }

/* Dock
   -------------------------------- */

#dock {
	height: 25px;
	float: right;
	position: relative;
	top: 0;
	right: 2px;
}

#dock .left {
	float: left;
	width: 3px;
	height: 25px;
	background: url('images/ping/dock.png') no-repeat left top;
}

#dock .right {
	float: left;
	width: 3px;
	height: 25px;
	background: url('images/ping/dock.png') no-repeat right top;
}

#dock ul,
#dock ul li {
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#dock ul {
	padding: 0 6px;
	height: 25px;
	background-color: #000;
}

#dock ul li {
	padding: 0 6px;
	position: relative;
}

#dock ul li a {
	float: left;
	display: block;
	padding: 0 5px;
	color: #ccc;
	text-decoration: none;
	font-size: 12px;
	line-height: 22px;
}

#dock ul li a:hover,
#dock ul li.selected a {
	color: #fff;
	border-bottom: 2px solid #5381AC;
}

#dock ul li.selected a {
	font-weight: bold;
}


/* Navigation
   -------------------------------- */

#navigation {
	height: 41px;
	float: right;
	position: relative;
	top: 62px;
	right: 0px;
}

#navigation .left {
	float: left;
	width: 5px;
	height: 41px;
	/* background: url('images/ping/navigation.png') no-repeat left top; */
	background: url('images/ping/navigation_l.png') no-repeat left top;
}



#navigation .right {
	float: left;
	width: 3px;
	height: 41px;
	background: url('images/ping/navigation.png') no-repeat right top;
}

#navigation ul,
#navigation ul li {
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-size: 13px;
	line-height: 38px;
}

#navigation ul {
	height: 41px;
	background: url('images/ping/navigation.png') repeat-x 0 -41px;
}

#navigation ul li a {
	float: left;
	display: block;
	height: 41px;
	padding: 0 18px;
	color: #ccc;
	text-decoration: none;
	background: url('images/ping/navigation_s.png') no-repeat right top;
}

#navigation ul li.selected a {
	color: #fff;
}

#navigation ul li.last a{
	background-image: none;
}

#navigation ul li a:hover {
	color: #fff;
}