BODY {
	background: white url(images/headerback.jpg) repeat-x;
	font-family: Tahoma, Verdana, Arial;
	font-size: small;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

div#header {
	width: 750px;
	margin: auto;
	height: 53px;
	padding-left: 20px;
}

div#search {
	height: 42px;
	width: 375px;
	text-align: left;
	float: left;
	vertical-align: middle;
}

#searchtext {
	padding-right: 5px;
	padding-top: 2px;
}

#searchform {
padding-top: 10px;
}
div#name {
	height: 42px;
	width: 375px;
	text-align: right;
	float: left;
}

div#picturebar {
	height: 60px;
	text-align: left;
}

div#pictures {
	width: 690px;
	height: 60px;
	float: left;
	padding-top: 1px;
}

div#logo {
	width: 60px;
	float: left;
}

div#sidepanel {
	background-color: white;
	width: 180px;
	height: 100%;
	font-weight: normal;
	float: left;
}

#intro {
	padding-right: 15px;
	width: 395px;
	float: left;
	font-size: larger;
	font-weight: bolder;
}

div.outline {
	width: 750px;
	text-align: left;
	background-image: url(images/outline-background.jpg);
	background-repeat: no-repeat;
	position: absolute;
	left: 50%;
	margin-left: -370px;
}
div#outline {
	margin-top: 20px;
	width: 740px;
	padding-left: 20px;
}

div.footer {
	width: 700px;
	text-align: center;
	border-top: solid 1px #d0d0d0;
	margin-left: 20px;
	margin-right: 20px;
	margin-top:20px;
}

div.tab {
	float:left;
	height: 20px;
	width: 75px;
	text-align: center;
	font-family: Verdana;
	background-color: White;
	cursor: hand;
	border-right: solid 1px #c9c9ab;
	vertical-align: middle;
}

div#login_panel {
	border: solid 1px #c9c9ab;
	width: 300px;
	height: 200px;
	vertical-align: middle;
}

div.tab:hover {
	background-color: #e0e0e0;
}

div.page {
	width: 980px;
	height: 400px;
	padding: 5 5 5 5;
	font-family: Verdana;
	display: none;
	background-color: White;
}

div#sites_page {
	text-align: center;
	width: 980px;
}

div#menus_page {
	width: 980px;
	text-align: center;
}

select {
	font-size: smaller;
	border: solid 1px #c9c9ab;
	vertical-align: middle;
	width: 150px;
}

input {
	font-size: smaller;
	border: solid 1px #c9c9ab;
	vertical-align: middle;
}

div#editor {
	text-align: left;
	width: 600px;
}

div.toolbar {
	float:left;
}

div.button
{
	float:left;
}

div.palette
{
	position: absolute;
	visibility: hidden;
	width: 170px;
	height: 100px;
}

img
{
	border: 0;
}

div.swatch
{
	border: solid 1px gray;
	width: 15px;
	height: 15px;
	float: left;
}

div#xFFFFFF { background-color: #FFFFFF; }
div#xFFCCCC { background-color: #FFCCCC; }
div#xFFCC99 { background-color: #FFCC99; }
div#xFFFF99 { background-color: #FFFF99; }
div#xFFFFCC { background-color: #FFFFCC; }
div#x99FF99 { background-color: #99FF99; }
div#x99FFFF { background-color: #99FFFF; }
div#xCCFFFF { background-color: #CCFFFF; }
div#xCCCCFF { background-color: #CCCCFF; }
div#xFFCCFF { background-color: #FFCCFF; }
div#xCCCCCC { background-color: #CCCCCC; }
div#xFF6666 { background-color: #FF6666; }
div#xFF9966 { background-color: #FF9966; }
div#xFFFF66 { background-color: #FFFF66; }
div#xFFFF33 { background-color: #FFFF33; }
div#x66FF99 { background-color: #66FF99; }
div#x33FFFF { background-color: #33FFFF; }
div#x66FFFF { background-color: #66FFFF; }
div#x9999FF { background-color: #9999FF; }
div#xFF99FF { background-color: #FF99FF; }
div#xC0C0C0 { background-color: #C0C0C0; }
div#xFF0000 { background-color: #FF0000; }
div#xFF9900 { background-color: #FF9900; }
div#xFFCC66 { background-color: #FFCC66; }
div#xFFFF00 { background-color: #FFFF00; }
div#x33FF33 { background-color: #33FF33; }
div#x66CCCC { background-color: #66CCCC; }
div#x33CCFF { background-color: #33CCFF; }
div#x6666CC { background-color: #6666CC; }
div#xCC66CC { background-color: #CC66CC; }
div#x999999 { background-color: #999999; }
div#xCC0000 { background-color: #CC0000; }
div#xFF6600 { background-color: #FF6600; }
div#xFFCC33 { background-color: #FFCC33; }
div#xFFCC00 { background-color: #FFCC00; }
div#x33CC00 { background-color: #33CC00; }
div#x00CCCC { background-color: #00CCCC; }
div#x3366FF { background-color: #3366FF; }
div#x6633FF { background-color: #6633FF; }
div#xCC33CC { background-color: #CC33CC; }
div#x666666 { background-color: #666666; }
div#x990000 { background-color: #990000; }
div#xCC6600 { background-color: #CC6600; }
div#xCC9933 { background-color: #CC9933; }
div#x999900 { background-color: #999900; }
div#x009900 { background-color: #009900; }
div#x339999 { background-color: #339999; }
div#x3333FF { background-color: #3333FF; }
div#x6600CC { background-color: #6600CC; }
div#x993399 { background-color: #993399; }
div#x333333 { background-color: #333333; }
div#x660000 { background-color: #660000; }
div#x993300 { background-color: #993300; }
div#x996633 { background-color: #996633; }
div#x666600 { background-color: #666600; }
div#x006600 { background-color: #006600; }
div#x336666 { background-color: #336666; }
div#x000099 { background-color: #000099; }
div#x333399 { background-color: #333399; }
div#x663366 { background-color: #663366; }
div#x000000 { background-color: #000000; }
div#x330000 { background-color: #330000; }
div#x663300 { background-color: #663300; }
div#x663333 { background-color: #663333; }
div#x333300 { background-color: #333300; }
div#x003300 { background-color: #003300; }
div#x003333 { background-color: #003333; }
div#x000066 { background-color: #000066; }
div#x330099 { background-color: #330099; }
div#x330033 { background-color: #330033; }

div#links
{
	position: absolute;
	visibility:hidden;
	background-color: #c0c0c0;
}

input.normal
{
	background-color: White;
	font-family: Verdana;
}

div.user_panel
{
	width: 640px;
	height: 200px;
	border: solid 1px #c9c9ab;
}

div#menunav
{
	width: 150px;
	height: 300px;
	float: left;
	border-top: solid 1px #c9c9ab;
}

div#menupanel
{
	width: 400px;
	height: 300px;
	float: left;
	border-top: solid 1px #c9c9ab;
	border-right: solid 1px #c9c9ab;
	border-bottom: solid 1px #c9c9ab;
}

div#menu_outline
{
	width: 555px;
	text-align: center;
	float: left;
}

div.menuname
{
	height: 25px;
	vertical-align: middle;
	font-weight: normal;
	cursor: hand;
	border-right: solid 1px #c9c9ab;
	border-bottom: solid 1px #c9c9ab;
}

div.menuname_active
{
	background: white;
	height: 25px;
	vertical-align: middle;
	font-weight: bold;
	cursor: default;
	border-bottom: solid 1px #c9c9ab;
	border-left: solid 1px #c9c9ab;
}

div.content
{
float: left;
width: 470px;
padding-right: 20px;
text-align: justify;
}


div.entry
{
background-color: white;
}

div.entrysummary
{
	background-color: White;
	margin-bottom: 10px;
}

div.entrytitle
{
	border-bottom: solid 1px gray;
	margin: auto;
	float: left;
	height: 18px;
	padding-left: 5px;
	font-weight: bolder;
	width: 100%;
}


div.entrydate
{
	border-bottom: solid 1px gray;
	font-size: smaller;
	text-align: right;
	width: 100%;
	position: relative;
	top: -19px;
	float: left;
	height: 18px;
	padding-right: 5px;
}

div.entrycontent
{
	clear: left;
	line-height: 1.5;
	padding-left: 5px;
	padding-right: 5px;
	width: 100%;
	overflow: hidden;
	vertical-align: top;
}

div.entrypreview
{
	clear: left;
	line-height: 1.5;
	padding-left: 5px;
	padding-right: 5px;
	width: 100%;
	height: 100px;
	overflow: hidden;
	vertical-align: top;
}

div.commentform
{
margin-top: 25px;
line-height: 20px;
}

div.comment
{
background-color: #f0f0f0;
border-bottom: solid 3px white;
}

div.commentdate
{
text-align: right;
font-size: smaller;
vertical-align: top;
}

div.commentname
{
font-weight: bold;
vertical-align: top;
}

div.commentcontent
{
text-align: justify;
clear: left;
}
div.footer
{
font-size: smaller;
}

.footer a
{
	text-decoration: none;
	color: Black;
}

#searchform input#searchgo
{
	width: 21px;
	height: 21px;
}

div.itemtitle
{
	font-weight: bold;
}

div.itemdescription
{
	font-family: Verdana;
}

h1
{
	font-size: large;
}

pre {
	font-size: smaller;
}



// dynamically created elements
.form-container
{
	width: 250px;
}

#loginpanel {
	width: 180px;
	padding: 0px 0px 0px 0px;
}
#regpanel
{
	width: 200px;
}

#domainpanel
{
	width: 200px;
	float: left;
	border: solid 1px #d0d0d0;
}

#mailboxes
{
	width: 250px;
	float: left;
	border: solid 1px #d0d0d0;
}

#mailboxpanel
{
	width: 200px;
	float: left;
	border: solid 1px #d0d0d0;
}

.form-label
{
	width: 70px;
	float: left;
}

.form-field
{
	width: 120px;
	float: left;
	margin-bottom: 3px;
}
.form-field#loginuid
{
	width: 100px;
}
.form-field#loginpwd
{
	width: 100px;
}

.aliasname
{
	width: 200px;
	float: left;
}

.mailboxname
{
	float: left;
	width: 200px;
}

#clear
{
	clear: both;
	margin-bottom: 2px;
}

.domain
{
	padding-left: 20px;
	background-image: url(images/domain.png);
	background-repeat: no-repeat;
}

.alias
{
	padding-left: 20px;
	background-image: url(images/alias.png);
	background-repeat: no-repeat;
}

.mailbox
{
	padding-left: 20px;
	background-image: url(images/mailbox.png);
	background-repeat: no-repeat;
}

.delete
{
	background-image: url(images/delete.png);
	background-repeat: no-repeat;
	width: 20px;
}

#newmailbox
{
	width: 100px;
	float: left;
}

#newalias
{
	width: 100px;
	float: left;
}

p.question
{
	font-weight: bold;
	padding: 0px 0px 0px 0px;
	line-height: 1.3em;
	margin: 0px 0px 0px 0px;
}

.boxed
{
	padding: 5px 5px 5px 5px;
	background-image: url(images/background.png);
	background-repeat: repeat-x;
	background-color: #cde5ff;
	border: solid 1px #a0cbff;
}

div#menu {
	margin-top: 10px;
	color: white;
}
div#menu a {
	color: white;
}

.mainpanel {
	padding-left: 20px;
	float: left;
	width: 500px;
}

.certcontainer {
	width: 220px;
}
.certentry {
	background-color: #ffffff;
}
.certentry-alt {
	background-color: #f0f0ff;
}
.cert-name {
	width: 180px;
	float: left;
}

.private {
	background-image: url(images/private.jpg);
	background-repeat: no-repeat;
	padding-left: 30px;
}
.public {
	background-image: url(images/public.jpg);
	background-repeat: no-repeat;
	padding-left: 30px;
}

.user-menu {
	background-image: url(images/background.png);
	background-repeat: no-repeat;
	height: 180px;
	padding-top: 10px;
}
.user-menu-item {
	height: 20px;
	padding-left: 10px;
}
.user-menu-item:hover {
	background-image: url(images/highlight.png);
}

#reqform
{
	width: 300px;
}
#reqform .form-label
{
	width: 150px;
}
#reqform .form-error
{
	width: 300px;
}