html, body
{
	font-family:Verdana, "Lucida Grande", Helvetica, Arial, sans-serif;
	color: #4f4f4f;
	background: #e3f0f7 url(../img/bg_body.gif);
	font-size: 11px;
	padding: 0;
	margin: 0;
	height: 100%;
}
h3
{
	color:#3f506c;
}
h4
{
	color:#002429;
}
legend
{
	color:#4f4f4f;
}
label
{
	cursor:pointer;
}
label:hover
{
	color:#3f506c;
}
img{border:0;}
#global
{
	width:750px;
	min-height: 100%;
	position: relative;
	margin:0 auto;
	padding:10px;
	background-color:#fefefe;
	border:1px solid #dedede;
}
/************************************/
/*				HEADER				*/
/************************************/
#header
{
	text-align:right;
	height:100px;
	background:#4681c3 url(../img/logo.gif) no-repeat;
	padding-top:10px;
}
#header a
{
	font-size:80px;
	line-height:60px;
	text-decoration:none;
	margin-right:2%;
	padding-top:50px;
	color:#b8cde1;
}
#header a:hover
{
	color:#fefefe;
}
#translation
{
float:right;
margin:5px 0px 0 0 ;
}
/************************************/
/*			PUB TOP					*/
/************************************/
#ads_top,#ads_bottom
{
	text-align:center;
	margin:30px 0;
}

/************************************/
/*				MENU				*/
/************************************/
#menu
{
	line-height: normal;
	margin: 0 0 1px 7px;
	min-width: 570px;
	height:27px;
	position:relative;
}

#menu ul {
	margin:0;
	padding: 0;
	list-style: none;

}

#menu li {
	display: inline;
	font-size: 12px;
	font-weight: bold;
}

#menu a {

	float:left;
	background:url("../img/bg_menu_left.gif") no-repeat 0% -36px;
	margin-right: 1px;
	padding-left: 6px;
	padding-bottom : 3px;
	text-decoration: none;
	
}

#menu a span {
	display: block;
	background: url("../img/bg_menu_right.gif") no-repeat 100% -36px;
	
	padding: 6px 12px 5px 6px;
	color: #fff;
	white-space: nowrap;
	text-transform: uppercase;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#menu a span { float:none; }
/* End hack */

#menu a:hover span {
	color: #f0f0e4;
}

#menu #activetab a {
	background-position: 0 0px;
	border-bottom: 1px solid #FFFFFF;
}

#menu #activetab a span {
	background-position: 100% 0px;
	padding-bottom: 7px;
	color: #333333;
}

#menu a:hover {
	background-position: 0 -70px;
}

#menu a:hover span {
	background-position:100% -70px;
}

#menu #activetab a:hover span {
	color: #3f506c;
}

/************************************/
/*				CONTENT				*/
/************************************/
#content
{
	padding:10px;
	border:1px solid #6f6f6f;
	background-color:#fefefe;
	margin-top:-6px;
	height:100%;
}
* > #content {
	margin-top: 0;
	
}
/************************************/
/*				FOOTER				*/
/************************************/
#footer
{
	position:absolute;
	bottom:0;
	width: 100%;
	text-align:center;
	color:#3f506c;
	
}
/************************************/
/*				VARIOUS				*/
/************************************/
p#speed_method
{
	text-align:justify;
}
span#check_connection
{
	cursor:pointer;
	padding:2px 10px;
	border:1px solid #4681c3;
	color:#4681c3;
	text-decoration:none;
}
span#check_connection:hover
{
	cursor:pointer;
	padding:2px 10px;
	border:1px solid #b8cde1;
	color:#b8cde1;
	text-decoration:none;
}
#connection_speed_container
{
	text-align:center;
	color:#3f506c;
	font-weight:bold;
}
.element_summary
{
	color:#000;
	background-color:#b8cde1;
	padding:10px 20px;
	border:1px solid #6f6f6f;
}
.element_detail
{
	color:#000;
	background-color:#b8cde1;
	padding:10px 20px;
	border:1px solid #6f6f6f;
}
.show_detail
{
	cursor:pointer;
	font-weight:bold;
}
/* Icons more & less */
.icon_more
{
cursor:pointer;
background:transparent url(../img/tabs_more.gif) no-repeat;
padding-left:15px;
}
.icon_less
{
cursor:pointer;
background:transparent url(../img/tabs_less.gif) no-repeat;
padding-left:15px;
}
.error
{
	padding:10px;
	margin:10px 5px;
	background-color:#cc0000;
	color:#fff;
	font-weight:bold;
	text-align:center;
}
.message
{
	padding:10px;
	margin:10px 5px;
	background-color:#4681c3;
	color:#efefef;
	font-weight:bold;
	text-align:center;
}