@charset "utf-8";
body  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	margin: 0;
	padding: 0;
	text-align: center;
	background: #000000;
	behavior:url("/presentation/csshover.htc");
}
.twoColLiqRtHdr #container { 
	width: 750px;
	background: #FFFFFF;
	margin: 0px auto 0px auto;
	border: 1px solid #DDDDDD;
	text-align: left;
} 
.twoColLiqRtHdr #header {
	padding: 0;
	margin-bottom: -32px;
	background-image: url('/images/headers/header.jpg');
	background-position: bottom;
} 
.twoColLiqRtHdr #header h1 {
	margin: 0;
	padding: 0;
}

.twoColLiqRtHdr .sidebar1 {
	float: right;
	width: 210px;
	margin-right: 2px;
}

html>body.twoColLiqRtHdr .sidebar1 {
	margin-right: 5px;
}

img {
	border: 0;
}

.contentbox, .contentbox-inner {
	position: relative;
	top: 2em;
	border: 1px solid #CCC;
	background-color: #f0e9d6;
	background-image: url(/images/background.gif);
	background-repeat: repeat-x;
	background-position: top;
	padding: 0px;
	margin: 0px 5px 2em 0px;
	z-index: 10;
}

.contentbox-inner {
	position: relative;
	background-color: #FEFEFE;
	background-image: none;
	margin: 0em 2% 0em 2%;
	padding: 0px;
	width: 96%;
}

.contentbox h1 {
	position: relative;
	top: -.7em;
	left: 10px;
	font-size: large;
	font-weight: normal;
	color: #990000;
	background-color: #FCFCFC;
	margin: 0;
	display: inline;
	padding: 0 5px 0 5px;
}

.contentbox-inner h1 {
	top: 0em;
	left: 0em;
	margin: 10px;
}

.contentbox h2 {
	font-size: 120%;
	color: #990000;
	font-weight: normal;
	margin: 0px 0px 0em 0.8em;
}

.contentbox h2 img {
	padding: 0 1em 0 1em;
}

.contentbox p, .contentbox .paragraph_substitute {
	margin: 0.5em 1em 1em 1em;
}

.collapseable {
	display: none;
}

.contentbox .collapseable p, #account_topbox, #domain_topbox {
	position: static;
	padding-bottom: 0.5em;
}

#account_topbox h1, #domain_topbox h1 {
	display: none;
}

#account_topbox span h1, #domain_topbox span h1 {
	display: block;
}

.mainContent-full .contentbox p {
}

.contentbox ul {
	position: relative;
	list-style-image: url(/images/diamond.gif);
	margin-bottom: 0em;
	margin-left: 2em;
	padding-bottom: 1em;
}

html>body .contentbox ul {
	margin: 0px;
	padding-left: 2em;
}

.contentbox ul.indent {
	margin-left: 320px;
}

html>body .contentbox ul.indent {
	margin-left: 280px;
}

.contentbox-inner table {
	margin: 0px 10px 10px 10px;
	width: 96%;
}

.twoColLiqRtHdr .sidebar1 h3, .twoColLiqRtHdr .sidebar1 p {
	margin-left: 10px; /* the left and right margin should be given to every element that will be placed in the side columns */
	margin-right: 10px;
}

.twoColLiqRtHdr .mainContent, .twoColLiqRtHdr .mainContent-full {
	position: relative;
	float: right;
	width: 530px;
	margin: 0;
} 
.twoColLiqRtHdr .mainContent-full {
	float: none;
	width: auto;
	margin: 2em 1em 4em 1em;
}
.twoColLiqRtHdr  .footer {
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 1px;
	padding-left: 10px;
	font-size: x-small;
	vertical-align: bottom;
	text-align: center;
	border-top: 1px solid #DDDDDD;
	margin-top: 2em;
} 
.twoColLiqRtHdr .footer  p {
	margin: 0px;
	padding: 0px;
}

/* Miscellaneous classes for reuse */
.fltrt {
	float: right;
	margin-left: 8px;
}
.fltlft {
	float: left;
	margin-right: 8px;
}
.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

table td {
	vertical-align: top;
}


#topMenu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#topMenu {
	text-align: center;
	background-image: url(/images/topmenubar.gif);
	border: 1px solid #000000;
	border-left: none;
	border-right: none;
	padding: 0;
}
#topMenu  li {
	position: relative;
	float: right;
	width: 103px;
	color: #000000;
	font-weight: bold;
	text-align: center;
	height: 20px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
	vertical-align: middle;
	line-height: 20px;
}

#topMenu.not_logged_in li {
	width: 128px;
}
.twoColLiqRtHdr #header #topMenu a { color: #000000; text-decoration: none; font-size: 0.85em; }
.twoColLiqRtHdr #header #topMenu a:hover { color: #990000; text-decoration: none; font-size: 0.95em; }
.twoColLiqRtHdr #header #topMenu a:visited { color: #000000; text-decoration: none; font-size: 0.85em; }
.twoColLiqRtHdr #header #topMenu a:visited:hover { color: #990000; text-decoration: none; font-size: 0.95em; }

a { color: #990000; text-decoration: none; }
a:hover { color: #afbac7; text-decoration: underline; }
a:visited { color: #990000; text-decoration: none; }
a:visited:hover { color: #afbac7; text-decoration: underline; }

a.tooltip { position: relative; text-decoration: underline; }
  .clientinfo a.tooltip { z-index: 21; }
  .editor a.tooltip { position: static; }
a.tooltip:visited { text-decoration: underline; }
a.tooltip:hover, a.tooltip:visited:hover { text-decoration: none; cursor: pointer; color: #000000; }
  .clientinfo a.tooltip:hover, .clientinfo a.tooltip:visited:hover { z-index: 31; }
  .editor a.tooltip:hover { position: relative; }
a.tooltip:focus { outline: 0; }
a.tooltip span { display: none; }
a.tooltip:hover span, a.tooltip:visited:hover span {
	position: absolute;
	display: block;
	top: -80px;
	left: -210px;
	width: 200px;
	border: 1px solid #AAAAAA;
	background-color: #FCFCFC;
	font-size: x-small;
	line-height: 1.2em;
}
a.tooltip:hover span.flexwidth, a.tooltip:visited:hover span.flexwidth {
	width: auto;
	min-width: 200px;
}
.clientinfo a.tooltip:hover span, .clientinfo a.tooltip:visited:hover span { z-index: 31; }
a.tooltip:hover span h1, a.tooltip:visited:hover span h1 {
	position: relative;
	top: 0;
	left: 0;
	display: block;
	font-size: small;
	width: 195px;
	margin: 0;
	padding: 2px 0px 3px 5px;
	background-color: #f0e9d6;
	color: #990000;
}
a.tooltip:hover span.flexwidth h1, a.tooltip:visited:hover span.flexwidth h1 {
	width: auto;
	min-width: 195px;
}
a.tooltip:hover span p, a.tooltip:visited:hover span p {
	font-weight: normal;
	white-space: normal;
	position: relative;
	margin: 1em 5px 1em 5px;
	padding: 0px;
}
	
form {
	margin: 0;
	padding: 0;
}

.logintable {
	position: relative;
	top: -1em;
	font-size: x-small;
	margin: 0em 0em 0em 0em;
	padding: 0em 0em 0em 0em;
	width: 100%;
}

th {
	white-space: nowrap;
	vertical-align: middle;
}

.editor th {
	font-size: 90%;
}

.mailsummarytable {
	margin-left: auto;
	margin-right: auto;
	border-collapse: collapse;
        width: 80%;
	border-width: thin;
	border-style: dotted;
}

.mailsummarytable th {
	text-align: center;
	border-width: thin;
	border-style: dotted;
}

.mailsummarytable td {
	text-align: center;
	border-width: thin;
	border-top-style: none;
        border-bottom-style: none;
        border-right-style: dotted;
        border-left-style: dotted;
        border-color: black;
}

.mailsummarytable td.criticaltd {
	color: red;
}

.mailsummarytable td.warningtd {
	color: #DAA520;
}

.mailsummarytable td.normaltd {
	color: #387C44;
}

.logintable th {
	font-weight: normal;
	text-align: right;
}

.logintable .logincheckbox {
	margin-left: -1px;
}

.forgotpass {
	float: left;
	padding: 0.7em 0em 0em 0.7em;
}

.textinput, .disabledtextinput, select {
	background-color: #fcfcfc;
	padding-left: 0.2em;
}

.disabledtextinput {
	border: 1px solid #dddddd;
}

.radio, .checkbox {
	vertical-align: bottom;
}
.checkbox {
	position: static;
}
html>body .checkbox {
	position: relative;
	top: 3px;
}

.button, .adminbutton {
	position: relative;
	float: right;
	display: block;
	font-size: x-small;
	background-color: #f0e9d6;
	border: 1px solid #000000;
	margin: 2px 0px 2px 15px;
	padding: 2px 5px 2px 5px;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	color: #990000;
}

.trimtop, .trimbottom {
	margin-right: 10px;
	padding: 1px 5px 1px 5px;
}

.trimtop {
	position: absolute;
	top: 5px;
	right: 0px;
}

.trimbottom {
	position: relative;
	float: right;
	margin-right: 2px;
}

html>body .trimbottom, html>body .trimtop {
	margin-right: 5px;
}

.rightmost {
	margin-right: 15px;
}

html>body .rightmost {
	margin-right: 3.2em;
}

.button:active { padding: 3px 5px 1px 5px; }
.trimtop:active { padding: 2px 5px 0px 5px; }
.trimbottom:active { padding: 2px 5px 0px 5px; }
.button:focus { outline: none; }
.button:hover { background-color: #990000; color: #ffffff; }
.button:visited { background-color: #f0e9d6; }
.button:visited:hover { background-color: #990000; color: #ffffff; }

.logintable .logincheckbox {
	margin: 0;
	padding: 0;
}

.portfolio-image {
	position: relative;
	float: left;
	width: 260px;
	margin: 0em 1em 1em 1em;
	z-index: 10;
}
.portfolio-image td {
	background: #FFFFFF;
	width: 260px;
	height: 230px;
	line-height: 230px;
	text-align: center;
	vertical-align: middle;
	border: 1px solid black;
}
.portfolio-image td img {
	vertical-align: middle;
}

.quoteleft {
	position: relative;
	top: -0.7em; left: -0.5em;
	z-index: 5;
}

.quoteright {
	position: relative;
	float: right;
	right: -0.5em;
	top: 1.4em;
	z-index: 5;
}

p.quote {
	font-size: 80%;
}

p.quotecaption {
	position: relative;
	font-size: 80%;
	font-style: italic;
	margin: 0;
}

.error, .loginerror {
	color: #ff0000;
}
.warning {
	color: #ff6600;
}

.clientinfo, .accountstatus, .toolbox {
	font-size: x-small;
	margin-top: 1em;
}

.mail_rightbox .toolbox {
	margin-top: 3em;
}

.mail_rightbox .toolbox ul {
	margin-top: 1em;
}

.clientinfo table {
	margin: 0em 0em 1em 0.5em;
	width: 95%;
}

.clientinfo ul, .accordion ul, .toolbox ul {
	list-style-image: url(/images/smalldiamond.gif);
	margin-top: 0em;
}

.clientinfo ul li, .toolbox ul li {
	margin-left: 1em;
}

.mail_rightbox {
	position: relative;
	float: right;
	width: 202px;
	margin: 0px 10px 0px 0px;
	padding-bottom: 1em;
	z-index: 10;
}

.mailgraph {
	border: 1px solid black;
	margin-bottom: 1em;
	padding: 0;
	background-color: #ffffff;
}

.caption {
	font-style: italic;
	font-size: x-small;
}

.mailgraph  .caption {
	text-align: center;
	background-color: #ffffff;
}

#flashcontent {
	position: relative;
	z-index: 10;
}

.mailtable {
	width: 202px;
	margin: 0;
	padding: 0;
	border: 1px solid #DDDDDD;
	font-style: italic;
	font-size: x-small;
}

.mailtable td {
	margin: 0;
	padding: 1px 3px 1px 3px;
}

.evenrow   { background-color: #fefefe; }
.oddrow    { background-color: #f0f0f0; }
.headerrow { background-color: #ffffff; color: #990000; font-weight: bold; }
.finalrow  { background-color: #ffffff; }

.editor {
	margin: 0 10px 0 10px;
}

.manageform {
	padding-bottom: 30px;
}

html>body .manageform {
	padding-bottom: 15px;
}

.accordion {
	border: 1px solid #dddddd;
	position: static;
	font-size: x-small;
	width: 500px;
	margin: 0em auto 1em auto;
	padding: 0px;
	background-color: #fefefe;
}

.accordion table {
	position: static;
	width: 100%;
	padding: 0px;
}

.accordion .togglebar, .accordion .inactivetoggle {
	position: static;
	background-color: #f0e9d6;
	font-size: small;
	padding: 0em 0em 0em 1em;
	margin: 0em 0em 0.2em 0em;
	background-image: url('/images/plus.gif');
	background-position: 98% 50%;
	background-repeat: no-repeat;
	cursor: pointer;
	height: 24px;
}

.accordion .inactivetoggle {
	background-image: none;
	cursor: auto;
}

.accordion .inset {
	margin: 0em;
	padding: 0em 1em 0em 1em;
}

.accordion a { position: static; }
.accordion a:hover { position: relative; }
.accordion ul { position: static; }

.accordion .userListRow {
}

.accordion .userListName {
	padding: 2px 0px 2px 0px;
	float: left;
}
.accordion .adminButtons {
	position: static;
	display: none;
}

.accordion .adminButtons_visible {
	display: block;
}

.adminbutton {
	position: static;
	margin: 2px 0px 2px 5px;
	background-color: #fefefe;
	border: 1px solid #DDDDDD;
	padding: 1px 2px 1px 2px;
}
.adminbutton.rightmost { margin-right: 5px; }
.adminbutton:focus { outline: none; }
.adminbutton:active { outline: none; padding: 2px 2px 0px 2px; }
.adminbutton:hover { background-color: #990000; color: #ffffff; }
.adminbutton:visited { background-color: #fefefe; }
.adminbutton:visited:hover { background-color: #990000; color: #ffffff; }

.userListContent table {
	z-index: 10;
	width: 452px;
}

#addressfields {
	display: none;
}

.flashcontent {
	margin: 0 2% 0 2%;
}