/* $Id$ */
/* A good way to get colors which fit well together is to use the color wheel
 found at http://www.pixy.cz/apps/barvy/. Many of the colors in this CSS style
 were created by starting at #ffcc66 (hue 70, saturation 60, brightness 100),
 and then using the "soft contrast (split complements)" scheme.
 */
body {
	color:#333333;
	background-color:#333333;
	font-family:Helvetica, Arial,sans-serif;
	margin-top: 0;
	margin-top: 0;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0;
	text-align: center;
}
div#body { margin-left:auto; margin-right:auto; }

a { text-decoration: none; }
a:link { color:#0066FF; }
a:visited { color:#4D3D66; }
a:active { color:#FFCC66; }
a:hover { color: #333333; }

table {
	border-style: solid ;
	border-width: 0px;
	border-collapse: separate ;
	border-spacing: 0px ;
	margin: 0px ;
	padding: 0px ;
	margin-left:auto; margin-right:auto;
}

table.pricing {
	border-spacing: 2px;
	empty-cells:hide;
}
table.pricing td {
	background-color: #E8F8FF;
	padding:2px;
	font-size:8pt;
	text-align:center;
}
table.pricing th {
	background-color: #E8F8FF;
	padding:2px;
	font-size:8pt;
	text-align:left;
}

table.mailserver {
	border-spacing: 2px;
	empty-cells:hide;
}
table.mailserver th {
	background-color: #E8F8FF;
	padding:8px;
	font-size:10pt;
	font-weight:bold;
	text-align:center;
}
table.mailserver td {
	background-color: #E8F8FF;
	padding:8px;
	font-size:10pt;
	text-align:left;
}

form {
	padding: 0px;
	margin: 0px;
}

div#webmaillogin {
	margin-top:18px;
	margin-left:8px;
	margin-bottom:8px;
}
td.webmaillogin {
	background-color:#d1f0ff;
	font-size: 8pt;
	text-align: right;
	color: #787878;
}
td.webmailloginbutton {
	font-size: 8pt;
	text-align: right;
}
input,textarea,select {
	color: #737779;
	border: #99CCFF 1px solid;
	font-size: 8pt;
}
input.button {
	background-color: transparent;
	border-style: none;
}

table.chapter_menu {
	background-color: white;
	text-transform: uppercase;
	font-size:9pt;
	font-weight:bold;
	border-width: 0px;
	border-style: solid;
	width: 80%;
	height: 18px;
	margin-left: 5px ;
}

td.chapter_menu_item {
	text-align:center;
	vertical-align:middle;
	font-size: 9pt ;
	height: 18px;
	color: #ffffff;
	background-color: #999999;
}

td.chapter_menu_item_selected {
	text-align:center;
	vertical-align:middle;
	height: 18px;
	font-size: 9pt;
	color: #ffffff;
	background-color: #6699CC;
}

td.chapter_menu_item a {
	color: #ffffff;
}

td.chapter_menu_item a:visited {
	color: #ffffff;
}

td.chapter_menu_item_empty {
	font-size: 8pt;
	color: #ffffff;
	background-color: #ffffff;
}


p,ul,ol,li,dl,dt,dd,td,th {
	color: #333333;
	font-family: "Helvetica","Arial",sans-serif ;
	font-size: 11pt ;
}

p {
	text-indent:0.5em;
	text-align:left;
}

td,th {
	margin: 0px ;
	padding: 0px ;
	text-align:left;
}

h1 {  color:#333333;  font-family:"Helvetica","Arial",sans-serif;  font-size:16pt;  font-weight:bold; }

h2 {  color:#0066FF;  font-family:"Helvetica","Arial",sans-serif;  font-size:13pt;  font-weight:bold; margin-top:30px;}

.default {  color:#333333;  font-family:"Helvetica","Arial",sans-serif;  font-size:11pt; }


/* Used mainly in the Navigation bar on the left */

ul.menu {
	padding: 0px ;
	margin: 0px ;
	margin-left: 28px ;
	text-align:left;
	line-height: 160%;
	list-style-type: none;
}

ul.menu li a {
	color: #0066FF;
	text-transform: uppercase;
	font-size:9pt;
	font-weight:bold;
}

ul.menu li div.selected {
	color: #333333;
	text-transform: uppercase;
	font-size:9pt;
	font-weight:bold;
}
ul.menu li a:hover {
	color: #333333;
}

strong { font-weight: bold;}

tt { color:#333333;  font-family:Courier,"Courier New",monospace;  font-size:10pt; }

code { color:#333333;  font-family:Courier,"Courier New",monospace;  font-size:10pt;  white-space:nowrap; }

pre { color:#333333;   padding:4px;  padding-left:8px;  margin-left:16px;  margin-right:16px;  font-family:Courier,"Courier New",monospace;  font-size:10pt; }

img { border:0; }

/* DIV tags for Layout */
div.menu-horiz {
	padding: 2px;
	float: left;
}

div#menu-horiz {
	float: none;
	position: relative;
	top: 0px;
	left: 3px;
	padding: 0px 0px 0px 0px ;
	margin: 0px ;
	border-width: 0px;
}

div#copyright {
	font-size:8pt;
	text-align:left;
	margin-left: 28px ;
	color: #787878;
}


td.sidebar {
	width: 140px;
	vertical-align:top;
}
div#sidebar {
	padding: 40px 0px 0px 0px;
	margin-left: 4px;
	text-align:center;
	border-style:solid;
	border-width:0px;
}

td.main {
	width: 100%;
	vertical-align:top;
}
div#infobox {
	padding: 5px;
	margin: 0px;
	margin-top: 25px;
	text-align:left;
	border-style:solid;
	border-width:0px;
	font-size: 8pt ;
	color: #787878;
	background-color: #E8F8FF;
}

.error {
	color: red;
}