
/* genral stuff */

body
{
	margin:5px;
	padding:0px;
	background-color:#FFFFFF;
}

/* pseudo stuff */
a:link { color: #4F8AFF; text-decoration:none; }
a:visited { color: #4F8AFF; text-decoration:none; }
a:hover { color: #4F8AFF; text-decoration:underline; }
a:active { color: #4F8AFF; text-decoration:underline; }

/* kceasy box */
.Logo
{
	margin:5px;
	padding:0px;

	font-family:Verdana,Arial;
	font-size:11;
	font-weight:normal;
	color:#000000; 

/*
	border-style:dashed;
	border-width:1px;
	border-color:#4F8AFF;
*/
}

.Logo #Image
{
	text-align:center;
}

.Logo #VersionDateId
{
	margin-top:5px;
	text-align:center;
}

.Navigation
{
	margin:0px 5px 5px 5px; /* top right bottom left*/	
	padding:0px;
	width:120px;

	white-space:nowrap;

	font-family:Verdana,Arial;
	font-size:11;
	font-weight:bold;
	color:#000000; 
}

.Navigation hr
{
	width:100%;
	height:2px;
	
	background-color:#4F8AFF;
	color:#4F8AFF;
	border:none;
	border-style:none;
}

.Navigation div
{
	padding:1px 0px 1px 0px; /* top right bottom left*/	
}


/* google */

.GoogleSkyscraper
{
	margin:0px 5px 5px 5px; /* top right bottom left*/	
	padding:0px;
	width:120px;

	font-family:Verdana,Arial;
	font-size:11;
	font-weight:bold;
	color:#000000; 
}

.GoogleSkyscraper a:link { color: #666666; text-decoration:none; font-weight: normal; }
.GoogleSkyscraper a:visited { color: #666666; text-decoration:none; font-weight: normal; }
.GoogleSkyscraper a:hover { color: #666666; text-decoration:none; font-weight: normal; }
.GoogleSkyscraper a:active { color: #666666; text-decoration:none; font-weight: normal; }


.GoogleFirefox
{
	margin:10px 5px 5px 5px; /* top right bottom left*/	
	padding:0px;
	text-align:center;
}

/* floating box */
.FloatingBox
{
	margin:5px 5px 5px 5px; /* top right bottom left*/	
	padding:0px;

	font-family:Verdana,Arial;
	font-size:11;
	font-style:normal;
	color:#000000; 
	white-space:nowrap;

	border-style:solid;
	border-width:1px;
	border-color:#4F8AFF;
}

.FloatingBoxHeader
{
	padding:1px 4px 1px 4px; /* top right bottom left*/	

	color:#FFFFFF; 
	text-align:center;
	font-size:11;
	font-weight:bold;
	white-space:nowrap;

	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#4F8AFF;
	background-color:#4F8AFF;
}

.FloatingBoxBody
{
	padding:5px;
	font-size:11;
	font-weight:normal;
	white-space:nowrap;
}

.FloatingBoxSeparator
{
	padding:0px;
	margin:0px;
	border-top-style:solid;
	border-top-width:1px;
	border-top-color:#4F8AFF;
}

.FloatingBoxFooter
{
	padding:5px;

	text-align:center;
	white-space:nowrap;

	border-top-style:solid;
	border-top-width:1px;
	border-top-color:#4F8AFF;
	background-color:#FFFFFF;
}


/*  Separator box */
.SepBox
{
	margin:5px 5px 5px 5px; /* top right bottom left*/	
	padding:0px;

	font-family:Verdana,Arial;
	font-size:11;
	font-style:normal;
	color:#000000; 
}

.SepBoxHeader
{
	padding:0px 0px 0px 0px; /* top right bottom left*/	

	color:#4F8AFF; 
	text-align:center;
	font-weight:bold;
}

.SepBoxHeader table, .SepBoxHeader td
{
	color:#4F8AFF; 
	text-align:center;
	font-size:11;
	font-weight:bold;
	white-space:nowrap;

	border-style:none;
	border-collapse:collapse;
	padding:0px;
	margin:0px;
}

.SepBoxHeader hr
{
	width:100%;
	height:2px;
	
	background-color:#4F8AFF;
	color:#4F8AFF;
	border:none;
	border-style:none;
}

.SepBoxBody
{
	padding:0px 0px 0px 0px; /* top right bottom left*/	
	font-size:11;
	font-weight:normal;
}


/*  Story box */
.StoryBox
{
	margin:10px 0px 10px 0px; /* top right bottom left*/	
	padding:0px;
	width:95%;

/*
	font-family:Arial,Sans-Serif;
	font-size:13px;
*/

	font-family:Verdana,Arial;
	font-size:11;
	font-style:normal;
	color:#000000; 
}

.StoryBox #title img
{
	vertical-align: bottom;
	margin: 0px 2px 1px 0px;
}

.StoryBox #title a
{
	font-weight:bold;
	color: #009900;
}

.StoryBox #description
{
}

.StoryBox #date
{
	color:#666666; 
}


/*  Story */
.Story
{
	margin:0px 0px 10px 0px; /* top right bottom left*/	
	padding:0px;

	font-family:Verdana,Arial;
	font-size:11;
	font-style:normal;
	color:#000000; 
}

.Story #title
{
	margin:20px 0px 0px 0px; /* top right bottom left*/	
	font-size:14;
	font-weight:bold;
	text-align:left;
}

.Story #description
{
	margin:0px 0px 15px 0px; /* top right bottom left*/	
	font-size:12;
	font-weight:normal;
	text-align:left;
}

.Story #date
{
	color:#666666; 
}

.Story #source
{
	color:#666666; 
}

.Story #text table
{
	font-family:Verdana,Arial;
	font-size:11;
	font-style:normal;
	color:#000000; 
}


/* FAQs */

.qandaset
{
}

.qandaset table
{
	border-collapse:collapse;
	
	font-family:Verdana,Arial;
	font-size:11;
	font-style:normal;
	color:#000000; 
}

.qandaset tr.question td
{
	font-weight:bold;
	margin:0;
	vertical-align:top;
}

.qandaset tr.question #text
{
	padding-left:5px;
}

.qandaset tr.answer td
{
	margin:0;
	vertical-align:top;
}

.qandaset tr.answer #text
{
	padding-left:5px;
	padding-bottom:10px;
}


/* status */
.StatusLine
{
	width:140px;

	text-align:center;
	font-size:14;
	font-weight:bold;
}

/* networks */
.Network
{
/*
	border-style:solid;
	border-width:1px;
*/

	margin:5px 0px 15px 0px; /* top right bottom left*/
	padding:0px;
}

.NetworkImage
{
	width:32px;
	height:32px;
	margin-right:10px;
	vertical-align:middle;
}

.NetworkName
{
	font-size:14;
	font-weight:bold;
}

.NetworkStatus
{
	font-size:9;
	font-weight:normal;
}

.NetworkStatsName
{
	padding-right:5px;

	font-family:Verdana,Arial;
	font-size:10;
	font-weight:normal;

	text-indent:10px;
	white-space:nowrap;
}

.NetworkStatsValue
{
	font-family:Verdana,Arial;
	font-size:10;
	font-weight:bold;
	white-space:nowrap;
	padding-right:5px;
}

/* links */
.ULink
{
	white-space:nowrap;
	padding-top: 2px;
	padding-bottom: 2px;
}

.ULinkComment
{
	padding-left: 20px;
	padding-top: 2px;
	padding-bottom: 2px;
}

/* forms */
.FormTable center
{
	text-align:left;
}

.FormTable form
{
	margin:0px;
}

.FormTable form table td
{
	height:20px;
}

.FormTable form input, .FormTable form select
{
	font-family:Verdana,Arial;
	font-size:11;
	font-style:normal;
}

.FormTable form input.SubmitButton
{
	width:126px;
}

