/*
	Filename: main.css
	
	Date: 7 Dec 2006
	
	Version: 1.00

	URL: http://bandwidthcontroller.com/main.css
	
	Contact: support@bandwidthcontroller.com

	Description: Common CSS for bandwidthcontroller.com .

*/

/* common */

body.online
{
	margin: 0px;
	text-align: center;
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 13px;
	background-color: #cccccc;
}

body.offline
{
	margin: 0px;
	text-align: center;
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 13px;
	background-color: #ffffff;
}

img, div
{
	padding: 0px;
	border: 0px;
	margin: 0px;
	text-align: left;
}

h1
{
	font-size: 20px;
	padding: 16px 10px 16px 10px;
	border: 0px;
	margin: 0px;
	color: #224466;
	text-align: center;
	text-decoration: underline;
}

h2
{
	font-size: 18px;
	padding: 0px 10px 16px 10px;
	border: 0px;
	margin: 0px;
	color: #446688;
	text-align: center;
}

h3
{
	font-size: 16px;
	padding: 16px 10px 16px 10px;
	border: 0px;
	margin: 0px;
	color: #3a5b3e;
}

h4
{
	font-size: 14px;
	padding: 10px 10px 10px 10px;
	border: 0px;
	margin: 0px;
	font-weight: bold;
	color: #3a5b3e;
}

p
{
	padding: 5px 10px 10px 10px;
	border: 0px;
	margin: 0px;
}

div a, a:visited, a:hover, a:link
{
	text-decoration: none;
	cursor: pointer;
}

ul
{
	margin-top: 0px;
	list-style-type: square;
	margin-bottom: 0px;
}

li
{
	padding: 5px;
}

/*
div.main
{
	background-color: white;
}

div.content
{
	padding: 10px 20px 10px 20px;
}
*/
table.navigationTable
{
	border-collapse: collapse;
	margin: 16px 50px 16px 50px;
	font-size: 15px;
	font-weight: bold;
}

table.navigationTable a
{
	font-size: 13px;
	font-weight: bold;
	color: #335577;
}

table.navigationTable td
{
	padding-bottom: 8px;
}

div.centerImageDiv
{
	text-align: center;
	padding: 15px 15px 30px 15px;
}

table.rulePropertyTable
{
	border-collapse: collapse;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
	font-size: 10px;
	margin-left: 30px;
}

table.rulePropertyTable th.name
{
	background-color: #aaaaaa;
	color: #ffffff;
	border: solid 1px #aaaaaa;
	height: 25px;
	font-size: 12px;
	vertical-align: middle;
}

table.rulePropertyTable th.value
{
	background-color: #aaaaaa;
	color: #ffffff;
	border: solid 1px #aaaaaa;
	height: 25px;
	font-size: 12px;
	vertical-align: middle;
	width: 300px;
}

table.rulePropertyTable td.name
{
	border: solid 1px #aaaaaa;
	padding: 8px;
	padding-left: 35px;
	padding-right: 35px;
}

table.rulePropertyTable td.value
{
	border: solid 1px #aaaaaa;
	padding: 8px;
	padding-left: 35px;
	padding-right: 35px;
	width: 300px;
}

/*
div.contentsDiv
{
	background-color: #f0f0f0;
	text-align: center;
}

div.contentsGroupDiv
{
	text-align: center;
	padding-bottom: 10px;
}

div.contentsDiv h3
{
	padding: 0px;
	padding-top: 15px;
	padding-bottom: 10px;
	border: 0px;
	margin: 0px;
}

div.contentsDiv p
{
	padding: 0px;
	padding-bottom: 8px;
	border: 0px;
	margin: 0px;
}
*/
div.contentsBarDiv
{
	width: 200px;
	overflow: scroll;
	background: #f0f0f0;
	float: left;
	height: 100%;
	clear: left;
	height: 500px;
}

div.contentsBarDiv h3
{
	font-family: Arial;
	font-size: 15px;
	font-weight: bold;
	color: Black;
	text-align: center;
}

div.contentsBarDiv h4
{
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	color: Black;

	border: 0px;
	margin: 0px;
	padding: 15px 5px 5px 10px;
}

div.contentsBarDiv a
{
	font-weight: bold;
	font-size: 11px;
	color: #222288;
}

div.contentsBarDiv p
{
	border: 0px;
	margin: 0px;
	padding: 5px 2px 2px 10px;
}

div.banner
{
	height: 68px;
/*	height: 15%;*/
/*	height: auto;*/
	background-color: #cccccc;
}
/*
div.bannerSeparator
{
	height: 5px;
	background-color: #cccccc;
}
*/

div.bannerHomeLink
{
	float: left;
	clear: both;
	width: 768px;
	height: 64px;
}

div.bannerHomeLink a
{
	display: block;
	width: 768px;
	height: 64px;
}

/*
div.bannerMenu
{
	float: left;
	width: 158px;
	height: 30px;
	color: #ddddff;
	text-align: right;
	font-size: 11px;
	font-weight: bold;
}

div.bannerMenu a
{
	color: #ddddff;
}
*/
body
{
	height: 100%;
}

div.pageDiv
{
	margin: auto;
	padding-top: 10px;
	width: 768px;
	height: 100%;
}

div.middleDiv
{
/*	height: auto;*/
	height: 500px;
	clear: left;
	display: block;
}

div.contentDiv
{
	overflow: scroll;
	height: 500px;
	background-color: White;
}

div.offlineContentDiv
{
	padding: 10px 20px 10px 20px;
	background-color: White;
}

/* footer */

div.footer
{
	clear: both;
	width: 768px;
	margin: 0px;
	height: 16px;
	color: White;
	text-align: center;
	font-size: 9px;
}

div.footerInside
{
	padding-top: 3px;
	font-size: 9px;
	text-align: center;
}

div.footer a
{
	color: White;
	font-size: 9px;
	font-weight: bold;
}