/* --------- /stylesheets/newlayout.css --------- */ 
/* === LAYOUT === */
body, html {
	font-family: 'lucida sans', arial, sans-serif;
	font-size: 13px;
	margin: 0px;
	padding: 0px;
	background: #DDDDDD;
	color: #000000;
}

body { min-width: 800px; }

.rounded { 
  -moz-border-radius: 5px; 
  -webkit-border-radius: 5px; 
  behavior: url(/PIE.htc);
  border-radius: 5px; /*This should work in IE, but it breaks so we'll leave it for now. */
}
.rounded-big { 
  -moz-border-radius: 8px; 
  -webkit-border-radius: 8px; 
  border-radius: 8px; 
  behavior: url(/PIE.htc); 
}

.rounded-big-t { 
  -moz-border-radius-topleft: 8px; 
  -moz-border-radius-topright: 8px; 
  -webkit-border-top-left-radius: 8px; 
  -webkit-border-top-right-radius: 8px; 
  border-radius: 8px 8px 0 0; 
  behavior: url(/PIE.htc); 
}
.rounded-big-b { 
  -moz-border-radius-bottomleft: 8px; 
  -moz-border-radius-bottomright: 8px; 
  -webkit-border-bottom-left-radius: 8px; 
  -webkit-border-bottom-right-radius: 8px; 
  border-radius: 0 0 8px 8px; 
  behavior: url(/PIE.htc); 
}
.rounded-t { 
  -moz-border-radius-topleft: 5px; 
  -moz-border-radius-topright: 5px; 
  -webkit-border-top-left-radius: 5px; 
  -webkit-border-top-right-radius: 5px; 
  border-radius: 5px 5px 0 0; 
  behavior: url(/PIE.htc); 
}
.rounded-b { 
  -moz-border-radius-bottomleft: 5px; 
  -moz-border-radius-bottomright: 5px; 
  -webkit-border-bottom-left-radius: 5px; 
  -webkit-border-bottom-right-radius: 5px; 
  border-radius: 0 0 5px 5px; 
  behavior: url(/PIE.htc); 
}
.rounded-tl { 
  -moz-border-radius-topleft: 5px; 
  -webkit-border-top-left-radius: 5px; 
  border-radius: 5px 0 0 0; 
  behavior: url(/PIE.htc); 
}
.rounded-tr { 
  -moz-border-radius-topright: 5px; 
  -webkit-border-top-right-radius: 5px; 
  border-radius: 0 5px 0 0; 
  behavior: url(/PIE.htc); 
}
.rounded-bl { 
  -moz-border-radius-bottomleft: 5px; 
  -webkit-border-bottom-left-radius: 5px; 
  border-radius: 0 0 0 5px; 
  behavior: url(/PIE.htc); 
}
.rounded-br { 
  -moz-border-radius-bottomright: 5px; 
  -webkit-border-bottom-right-radius: 5px; 
  border-radius: 0 0 5px 0; 
  behavior: url(/PIE.htc); 
}

.drop-shadow {
  -webkit-box-shadow: #666 0px 10px 30px;
  -moz-box-shadow: #666 0px 10px 30px;
  box-shadow: #666 0px 10px 30px;
  behavior: url(/PIE.htc);
  margin: 0 0 10px 20px;
}


input, select, textarea { font-family: 'lucida sans', arial, sans-serif; font-size: 12px; }
.left { float: left; }
.right { float: right; }
#container { position: relative; margin: 0 auto; padding: 0; width: 800px; z-index: 2; }
#header { position: relative; margin: 0; padding: 0; height: 82px; }
#header #branding { margin: 5px 10px 10px 10px; position: absolute; background-image:url(/images/layout/logo_122x72.png); background-repeat: no-repeat; height: 72px; width: 122px; cursor: hand; }
#header #branding span { display: none; }

#header #utility-nav {
  float: right;
  text-align: right;
  margin: 5px 10px -25px 0;
  padding: 5px;
  height: 15px;
	background: #AE0000;
	color: #FFFFFF;
}

#header #utility-nav a { color: #FFFFFF; text-decoration: underline; padding: 5px 10px 5px 10px; }
#header #utility-nav a:hover { color: #E1E1D5; }
#primary-nav { position: absolute; bottom: 0px; right: 7px; height: 27px; }
#primary-nav ul { list-style-type: none; margin: 0; }
#primary-nav li {
	float: left;
	border: 0;
	height: 27px;
	background-color: #535353;
	margin: 0 0 0 5px;
	border-top: 1px solid #98a09f;
	border-left: 1px solid #98a09f;
	border-right: 1px solid #98a09f;
}
#primary-nav a { color: #FFFFFF; float: left; text-decoration: none; font-weight: bold; padding: 8px 20px 0 20px; }
#primary-nav li.selected  { background-color: #f0f4f5; }
#primary-nav li.selected a { color: #535353; }
#primary-nav li:hover { background-color: #f0f4f5; }
#primary-nav li:hover a { color: #535353; }
#secondary-nav { margin: -10px 0 0 -10px; height: 27px; }
#secondary-nav ul { list-style-type: none; margin: 0; padding: 0 0 0 10px; }
#secondary-nav li {
	float: left;
	border: 0;
	height: 27px;
	background-color: #f0f4f5;
	margin: 0 5px 0 0;
}

#secondary-nav a {
	color: #535353;
	float: left;
	text-decoration: none;
	padding: 8px 10px 0 10px;
	font-weight: bold;
}

#secondary-nav li.selected  { background-color: #535353; }
#secondary-nav li.selected a { color: #FFFFFF; }
#secondary-nav li:hover { background-color: #535353; }
#secondary-nav li:hover a { color: #FFFFFF; }
#page-title { /* min-height: 7px; */ min-height: 21px; }
#page-title h1 {
	margin: 0 0 -5px 14px;
	height: 55px;
	padding: 5px 0 0 0;
	font-size: 40px;
	color: #FFFFFF;
}
#breadcrumbs { padding-left: 15px; padding-bottom: 0px; padding-right: 30px; color: #FFFFFF; float: right; }
#breadcrumbs a { color: #FFFFFF; }
.breadcrumbs-long { padding-top: 31px; }
.breadcrumbs-alone { padding-top: 3px; }
#content {
	position: relative;
	background: #484848 url(/images/layout/gradient-dark-grey-content-background.png) repeat-x;
	margin-bottom: 50px;
	border: 1px solid #98a09f;
}

#footer { padding: 10px 10px 10px 10px; }
#footer a { color: #FFFFFF; }
#footer a:hover { color: #E1E1D5; }
#footer .left { float: left; }
#footer .right { float: right; }
#footer ul { padding: 0px; margin: 0px; }
#footer ul li { display: inline; padding: 0px 0px 0px 10px; }
.clear { clear: both; }

.std-column {
	position: relative;
	min-height: 300px;
	margin: 0px 7px 0 7px;
	background: #cccccc url(/images/layout/gradient-grey-column-background.png) repeat-x;
	padding: 10px;
}

.std-column-home {
	position: relative;
	min-height: 400px;
	margin: 0px 7px 0 7px;
	background: #dddddd url(/images/layout/gradient-grey-column-background-home.png) repeat-x;
	padding: 4px;
}

.primary-content { min-height: 310px; position: relative; z-index: 2; }

.std-column-shade-top {
	z-index: 1;
	position: absolute; top: 0; left: 0; height: 28px; width: 100%;
	background: url(/images/layout/content_shade_top.png) repeat-x;
}

.std-column-shade-bottom {
	z-index: 1;
	position: absolute; bottom: 0; left: 0; height: 28px; width: 100%;
	background: url(/images/layout/content_shade_bottom.png) repeat-x;
}


.std-panel {
	position: relative;
}

a { color: #AE0000; }
a:hover { color: #660000; }

a.forward {
	background: no-repeat center left;
	padding: 1px 10px 2px 18px;
	font-weight: normal;
}

a.tight-right { padding-right:0; }
a.forward { background-image: url(/images/layout/link_prompt.png); }

.column-set { background: #535353; margin: 0 -10px 0px -10px; width: 786px; padding: 1px 0 1px 0; }
.column-set-no-lead { margin-top: -10px; padding-top: 0px; }
.column-set-no-tail { margin-bottom: -10px; padding-bottom: 0px; }

.column {
	float: left;
	margin: 0 1px 0 0;
	padding: 10px;
	background: #cccccc url(/images/layout/gradient-light-grey-215.png) repeat-x;
	text-align: justify;
}

.column h3 {
	color: #111111;
	font-size: 20px;
	margin: 0;
	padding: 0;
}

.column .last { margin-right: 0; }
.size-4		{ width: 176px; }
.size-4-squeeze { width: 173px; }
.size-2 { width: 373px; }
.size-2-squeeze { width: 371px; }
.size-1		{ width: 786px; margin: 0; }

.height-1   { height: 13px; }
.height-2   { height: 61px; }
.height-3   { height: 109px; }
.height-4   { height: 157px; }
.height-5   { height: 205px; }
.height-6   { height: 253px; }
.height-7   { height: 308px; }
.height-8   { height: 349px; }
.height-9   { height: 392px; }
.height-10   { height: 445px; }
.height-11   { height: 500px; }

.bg_alt { background: #aaaaaa url(/images/layout/gradient-medium-grey-215.png) repeat-x; }

.admin-toggle {
	position: fixed; top: 10px; left: 10px; padding: 5px;
	background-color: #AE0000; color: #FFFFFF;
	z-index: 1; text-align: right;
}

.admin-toggle a { color: #FFFFFF; }
.admin-toggle a:hover { color: #E1E1D5; }

.formDescription {
	font-size: 12px;
	text-align: center;
	margin-bottom: 10px;
}

#setup-list {
	text-align: center;
	margin: 0 0 10px 0;
	padding: 3px 10px 3px 10px;
	border: 1px solid #bbc0c0;
	background: #FFFFFF url(/images/layout/white_grade.png) repeat-x;
}

#setup-list .entry { display: inline; margin: 0 10px 0 0; font-weight: bold; background: url(/images/layout/list-arrow.png) no-repeat center right; padding-right: 25px; }
#setup-list .next { color: #000000; }
#setup-list .skipped { color: #777777; text-decoration: line-through; }
#setup-list .not-eligible { color: #777777; }
#setup-list .not-ready { color: #777777; }
#setup-list .last { background: none; }

#action-list {
	padding: 10px 0 10px 0;
}

#action-list ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#action-list li {
	position: relative;
	border: 1px solid #000000;
	font-size: 12px;
	background-color: #FFFFFF;
	margin: 0;
	padding: 10px;
}

#action-list li.next {
	font-size: 25px;
	background-color: #FFFFFF;
}

#action-list li.next:hover {
	background-color: #FAFAFA;
}

#action-list li.not-ready {
	background-color: #CCCCCC;
	color: #222222;
}

#action-list li.not-eligible {
	background-color: #999999;
	color: #222222;
}

#action-list li div.prompt-next {
	position: absolute;
	top: 10px;
	right: 10px;
}

#action-list li div.prompt-completed {
	position: absolute;
	right: 10px; top: 10px;
}

#action-list li div.prompt-pending {
	position: absolute;
	right: 10px; top: 10px;
}

#action-list li a {
  display: block;
  text-decoration: none;
}

#action-list li .additional-info {
	margin: 5px; padding: 10px;
	border: 2px solid #4A4E3C;
	background: #E1E1D5;
	font-size: 12px;
}

#action-list li .additional-info a {
	display: inline;
}



#summary-action-list {
	margin: 0; padding: 0; height: 22px;
	width: 100%;
	border-bottom: 1px solid #000000;
	list-style-type: none;
	background: #FFFFFF;
}

#summary-action-list li {
	float: left;
	margin: 0;
	padding: 3px 5px 3px 5px;
	border: 0;
	width: auto;
	display: block;
}

#summary-action-list li:hover {
	border-bottom: 3px solid #000000;
}

#mailbox-panel {
	padding: 10px;
	margin: 10px 0 10px 0;
	font-size: 14px;
	background: #FFFFFF;
	border: 1px solid #222222;
	color: #222222;
	text-align: center;
}

#mailbox-send-panel {
	padding: 5px;
	font-size: 16px;
	background: #535353;
	border: 1px solid #484848;
	margin: 10px 0px 10px 0px;
	color: #FFFFFF;
	text-align: center;
}

#mailbox-send-panel a { color: #FFFFFF; }
#mailbox-send-panel a:hover { color: #E1E1D5; }

#mailbox-panel #mailbox-address {
	font-size: 20px;
	font-weight: bold;
}

#mailbox-panel #mailbox-address #mailbox-hint {
	font-size: 12px;
	font-weight: normal;
}

#mail-list {
	position: relative;
	border: 3px solid #4a4e3c;
	margin: 10px 0 20px 0;
}

#mail-list-badge {
	position: relative;
	float: left;
	top: 0; left: 0;
	height: 100px; width: 80px;
	text-align: center;
}

#mail-filters {
	position: relative;
	height: 60px;
	margin: 10px 10px 0 90px;
}

#mail-filters #mail-list-filter input { font-size: 10px; }
#mail-filters #mail-list-filter {
	font-size: 10px; font-weight: bold;
	float: left;
}

#mail-filters #mail-list-sort select, #mail-filters #mail-list-sort input { font-size: 10px; }
#mail-filters #mail-list-sort {
	font-size: 10px; font-weight: bold;
	float: right;
}

#mail-list-page-top {
	position: absolute;
	width: 660px;
	top: 70px; right: 10px;
}

#mail-list-page-bottom {
	position: relative;
	bottom: 15px;
	right: 10px;
}

#mail-list-page-summary {
	position: relative;
	left: 0;
	font-size: 10px; font-weight: bold;
	float: left;
}

#mail-list-page-links, #mail-list-page-links {
	font-size: 10px; font-weight: bold;
	float: right;
}

#mail-items { margin: -12px 0 20px 0; }

.mail-item {
	position: relative;
	margin: 0;
	padding: 10px;
	background-color: #FFFFFF;
	padding: 0;
	height: 40px;
}

#mail-items .alt {
	background-color: #DDDDDD;
}

.mail-item .mail-direction {
	margin-top: 10px;
	position: absolute;
	left: 10px;
	width: 150px;
}

.mail-item .mail-mailbox {
	margin-top: 5px;
	position: absolute;
	left: 10px;
	width: 250px;
}

.mail-item .mail-profile {
	margin-top: 5px;
	position: absolute;
	right: 10px;
}

.mail-item .mail-remove {
	font-size: 10px; font-weight: bold;
}

.mail-item .mail-subject {
	font-size: 12px;
}

.mail-item .mail-actions {
	position: absolute;
	margin-top: 5px;
	left: 275px;
}


.mail-item .mail-profile .mail-profile-image {
	display: inline;
}
.mail-item .mail-profile .mail-profile-action {
	position: relative;
	display: inline;
	text-align: right;
	bottom: 10px;
	margin: 5px 10px 0 0;
}

.link-button {
	width: 100px;
	padding: 5px 20px 5px 20px;
	display: block;
  text-decoration: none;
	text-align: center;
	background-color: #686D57;
	color: #e1e1d5;
}

.link-button:hover {
	background-color: #4A4E3C;
	color: #fdfdfd;
}

.affirmative {
	color: #00AA00;
}

.negative {
	color: #AA0000;
	font-weight: bold;
}

.negative li {
	margin-bottom: 8px;
}

.positive-note {
	display: inline;
	padding: 10px;
	font-size: 14px;
}

.negative-note {
	display: inline;
	padding: 10px;
	font-size: 14px;
}

.warning, .StandardNotification, .ProminentBox, .ProminentBoxSecondary {
	padding: 10px;
	font-size: 14px;
	background: #565656;
	border: 1px solid #484848;
	color: #FFFFFF;
	text-align: center;
}

.warning { border: 2px solid #AE0000;}

.ProminentBox {
	position: relative;
	font-size: 22px;
	text-align: center;
	margin: 20px 0px 20px 0px;
	padding: 10px;
}

.ProminentBoxSecondary {
	position: relative;
	font-size: 16px;
	text-align: center;
	margin: 20px 0px 20px 0px;
	padding: 10px;
}

.StandardNotification {
	margin: 10px 0 20px 0; padding: 5px;
	font-weight: bold;
	border: 1px solid #686D57;
	background: #FFFFFF; color: #222222;
}

.warning a, .StandardNotification a, .ProminentBox a, .ProminentBoxSecondary a {
	color: #FFFFFF;
}

.warning a:hover, .StandardNotification a:hover, .ProminentBox a:hover, .ProminentBoxSecondary a:hover {
	color: #E1E1D5;
}

.contrast-box {
	padding: 10px;
	font-size: 16px;
	background: #4A4E3C;
	border: 4px solid #686D57;
	margin: 10px 0px 10px 0px;
	color: #222222;
	text-align: center;
}

.contrast-box a { color: #FFFFFF; }
.contrast-box a:hover { color: #FFFFFF; }

div.ErrorNotification {
	border: 1px solid #AE0000;
	background-color: #c25a55; color: #FFFFFF;
	font-size: 14px; text-align: center;
	margin: 5px 0px 5px 0px; padding: 5px;
}

#no-account-notifications { margin: 4px 0 0 0; padding: 4px 10px 4px 10px; background: #FEFEFE; }
#pending-decisions-more { padding: 5px; text-align: right; }
#notifications-more { padding: 5px; text-align: right; }
.profile-decision, .notification { position: relative; padding: 5px; }
.profile-decision { border-bottom: 1px dashed #444444; }
.notification { border-bottom: 1px dashed #aeaeae; }
.profile-decision .menu { position: absolute; top: 2px; right: 5px; }
.notification .menu { position: absolute; top: 2px; right: 5px; }
.notification .date { display: none; position: absolute; font-size: 10px; font-weight: bold; bottom: 5px; left: 5px; }
.profile-decision .date { display: none; background: #AAAAAA; font-size: 10px; font-weight: bold; padding: 2px 0px 2px 12px; margin: 0 0 5px -5px; }
.profile-decision .icon { float: left; width: 25px; }
.profile-decision .message { float: left; width: 375px; font-size: 12px; }
/* .profile-decision .message { float: left; width: 225px; font-size: 12px; } */
.notification .icon { float: left; width: 25px; }
.notification .message { float: left; width: 300px; font-size: 12px; }
.profile-decision ul, .notification ul { list-style-type: none; margin: 5px 0 5px 0; float: right; }
.profile-decision li, .notification li { float: left; border: 0; margin: 0 0 0 4px; }
.conversation-row ul { list-style-type: none; margin: 2px 5px 5px 5px; padding: 0; float: left; }
.conversation-row li { float: left; border: 0; margin: 0 4px 0 0; }
/* .conversation-row .main { position: absolute; left: 24px; right: 125px; } */
.conversation-row .main { float: left; left: 24px; right: 125px; margin-bottom: 5px; display: run-in; }
.mail-half .conversation-row .main { width: 250px; }
.mail-full .conversation-row .main { width: 605px; }
.conversation-row .main .name { font-weight: bold; }
.conversation-row .main .via { color: #555555; }
.conversation-row .main .subject {  }
.conversation-row .action { float: right; width: 100px; text-align: center; margin: 15px 10px 0 0; }

#phone-verification-code-border { padding: 2px; margin-bottom: 10px; background: #565656; } 
#phone-verification-code {
	padding: 5px;
	font-size: 16px; font-weight: bold;
	background: #27578e url(/images/layout/gradient-blue-20.png) repeat-x; color: #ffffff;
	text-align: center;
}

#phone-verification-script-border { padding: 2px; margin-bottom: 10px; background: #565656; }
#phone-verification-script {
	padding: 5px;
	font-size: 20px; font-weight: bold;
	background: #27578e url(/images/layout/gradient-blue-20.png) repeat-x; color: #ffffff;
	text-align: center;
}

#phone-verification-progress-border { padding: 2px; margin: 10px; background: #565656; }
#phone-verification-progress {
	padding: 10px;
	background: #FFFFFF;
	font-size: 14px;
	text-align: center;
}

#phone-call-worker { text-align: center; }
#phone-call-cancel { text-align: center; }

#registration-status {
	position: relative;
	border: 1px solid #000000;
	font-size: 16px;
	background-color: #FFFFFF;
	margin: 0;
	padding: 10px;
}

.btn-mail { font-size: 10px; color: #FFFFFF; padding: 4px; width: 90px; float: right; }
.btn-view-profile { background: #009900; color: #FFFFFF; border: 1px solid #005d27; }
.btn-verify-user { background: #AE0000; color: #FFFFFF; border: 1px solid #8d0827; }
.btn-verification-pending { background: #444444; color: #FFFFFF; border: 1px solid #111111; }
a.btn-mail:hover { color: #FFFFFF; border: 1px solid #FFFFFF; }

#sub-summary { position: relative; text-align: left; }
#sub-summary p { margin: 0 0 10px 0;}
#sub-summary p strong { font-size: 14px; color: #444444;}
#sub-summary a { color: #AE0000; font-size: 10px; text-decoration: none; }

ul.horizontal { padding: 0; margin: 0 0 20px 0; }
ul.horizontal li { display: inline; list-style: none; margin-right: 10px; height: 25px; vertical-align: top; padding-right: 20px; }

ul.form-list { padding: 0; margin: 0; }
ul.form-list li { display: inline; list-style: none; margin-right: 10px; white-space: nowrap; }

ul.press { padding: 0; }
ul.press li { list-style: none; margin-bottom: 10px; }

#remote-working-indicator { position: fixed; top: 10px; right: 10px; background: #565656; padding: 20px; }

#seen-scroll { width: 310px; margin: 20px; margin-left: 0px; padding: 0 10px 10px 10px; height: 147px; background: #c0c0c0 url(/images/layout/gradient-light-grey-215.png) repeat-x; border: 1px solid #565656; text-align: center; }
#seen-scroll h3 { margin-bottom: 0; text-align: center; }
#seen-scroll ul { padding: 0; margin: 5px 0 0 0; text-align: center; }
#seen-scroll li { display: block; list-style: none; margin: 0; padding: 0 0 10px 0; }

#test-scroll { float:right; width: 411px; padding: 5px 5px 5px 5px; height: 147px; z-index: 2; background: #c0c0c0 url(/images/layout/red-gradient-210.png) repeat-x; border: 1px solid #FFFFFF; text-align: center; color: #FFFFFF; }
#test-scroll a { color: #ffffff; }
#test-scroll a:hover { color: #cccccc; }
#test-list { position: relative; }
.home-test-entry { position: absolute; top: 0; left: 0;}
#test-scroll .test-photo { float: left; width: 80px; margin-right: 5px; }
#test-scroll .test-photo img { border: 1px solid #cccccc; }
#test-scroll .test-body { float: left; width: 300px; text-align: left; }
#test-scroll .test-title { font-size: 14px; font-weight: bold; margin-left: 7px; }
#test-scroll .test-text { font-size: 12px; border: 2px solid #ffffff; background: #df5a5a; color: #ffffff; padding: 5px; margin: 5px; }
#test-scroll .test-text-more { font-size: 12px; text-align: right; }
#test-scroll .test-body-wide { float: left; width: 400px; text-align: left; }

#report { width: 755px; background: #27578e url(/images/layout/gradient-blue-20.png) repeat-x; border: 1px solid #ffffff; color: #ffffff; }
#report a { color: #ffffff; }
#report a:hover { color: #cccccc; }

#how-link { margin-top: 10px; padding: 7px; background: #AF0000; color: #fff; width: 120px; text-align: center; }
#how-link a {color: #fff;}

.active { color: green; }
.pending { color: red; }
.passive { color: grey; }

.bottom { position: absolute; bottom: -10px; margin-top: 0px; }

.nowrap { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

#cl-help-callout-1 {
  left: 120px;
}
#cl-help-callout-2 {
  left: 306px;
}
.image-holder {
  position: relative;
}
p.cl-help-callout {
  position: absolute;
  top: 273px;
  margin: 0px;
  padding: 0;
  font-family: sans-serif;
  font-size: 12px;
}

#faq strong {
  font-size: 14px;
}
#faq p {
  font-size: 13px;
  margin: 15px;
}/* --------- /stylesheets/account.css --------- */ 
#hp-summary { float: left; width: 752px; /* 565px; */ min-height: 25px;/*150px*/ padding: 5px; margin: 0 10px 10px 0; background: #cccccc url(/images/layout/gradient-light-grey-215.png) repeat-x; border: 1px solid #d6d6d6; }
#hp-marketing { float: left; width: 175px; min-height: 225px; background: #eeeeee; border: 1px solid #d6d6d6; }
#hp-mail { clear: left; float: left; min-height: 200px; }
.mail-half { width: 400px; }
.mail-full { width: 764px; }
#hp-notify { float: left; width: 350px; min-height: 200px; margin: 0 0 0 12px; background: #cccccc url(/images/layout/gradient-grey-350.png) repeat-x; border: 1px solid #d6d6d6; }

#hp-summary-profile { float: left; width: 93px; text-align: center; }
/* #hp-summary-welcome { float: left; width: 300px; margin-left: 5px; margin-right: 5px; } */
/*#hp-summary-welcome { float: left; width: 460px; margin-left: 5px; margin-right: 5px; }*/
#hp-summary-welcome { float: left; width: 740px; margin-left: 5px; margin-right: 5px; font-size: 16px; }
#hp-summary-sub { float: right; width: 155px; height: 125px; border: 2px solid #FFFFFF; background: url(/images/layout/red-gradient-210.png) repeat-x; padding: 5px; color: #FFFFFF; text-align: center; }
#hp-summary-sub-v1 { font-size: 14px; font-weight: bold; }
#hp-summary-sub-v2 { font-size: 12px; }
.hp-summary-sub-s { height: 1px; border-top: 1px solid #f0a7a7; margin: 5px 0 5px 0; }
#hp-summary-sub-v3 { font-size: 12px; margin-top: 10px;  }
#hp-summary-sub-v4 { font-size: 12px; margin-bottom: 5px; }
#hp-summary-sub-v5 { font-size: 12px; font-weight: bold; }

.hp-notify-lbl { height: 25px; width: 100%; background: #e0e0e0 url(/images/layout/gradient-grey-25.png) repeat-x; }
.hp-notify-lbl .button { float: left; margin: 4px 0 0 10px; }
.hp-notify-lbl .text { float: left; margin: 4px 0 0 10px; font-size: 14px; font-weight: bold; }

#pending-decision-block { border-top: 1px solid #444444; border-bottom: 1px solid #444444; margin: 4px 0 0 0; padding: 0 0 4px 0; float: left; width: 100%; }

.btn-decline { height: 14px; width: 14px; background: #a20328; border: 1px solid #811830;}
.btn-approve { height: 14px; width: 14px; background: #006e2e; border: 1px solid #005122;}
.btn-decline:hover { border: 1px solid #FFFFFF;}
.btn-approve:hover { border: 1px solid #FFFFFF;}

.btn-hide { height: 8px; width: 8px; background: #f5f7e6; border: 1px solid #c4c5a6;}
.btn-hide:hover { border: 1px solid #000000; }

#hp-mail ul.tabs { padding: 0; margin: 4px 0 0 5px; float: left; }
#hp-mail ul.tabs li { display: inline; list-style: none; padding: 4px 20px 4px 20px; margin: 0 2px 0 0; background: #d6d6d6; border-top: 1px solid #bdbcbd; border-right: 1px solid #bdbcbd; border-left: 1px solid #bdbcbd; }
#hp-mail ul.tabs li a { color: #000000; text-decoration: none; font-weight: bold; }
#hp-mail ul.tabs li.selected { background: #FFFFFF; }
#hp-mail-new { float: right; margin: 4px 4px 4px 4px; }
#hp-mail-contents { background: #cccccc url(/images/layout/gradient-grey-350.png) repeat-x; min-height: 177px; border: 1px solid #bdbcbd; }
#hp-mail-header { background-color: #f1f1f1; padding: 4px; position: relative; }
#hp-mail-new-form { color: #222222; padding: 4px; margin: 2px 10px 2px 10px; }
#hp-mail-list { }
#hp-mail-list .separator { height: 1px; border-top: 1px dashed #aaaaaa; margin: 4px 0 4px 0; }
#hp-mail-list .separator-hard { height: 1px; border-top: 1px solid #aaaaaa; margin: 4px 0 4px 0; }
#new-conversation-form-errors { background: #440000; color: #FFFFFF; padding: 4px; margin: 2px 10px 2px 10px; }
#new-conversation-form-success strong { font-size: 13px; font-weight: bold; }

.hp-mail-group { border-top-color: rgb(152, 160, 159); border-top-style: solid; border-top-width: 1px; height: 25px; width: 100%; background: #e0e0e0 url(/images/layout/gradient-grey-25-inv.png) repeat-x; padding-right: 8px; margin: 0 0 5px -4px;}
.hp-mail-group .button { float: left; margin: 4px 0 0 10px; }
.hp-mail-group .text { float: left; margin: 6px 0 0 10px; font-size: 12px; font-weight: bold; }
.hp-mail-group .text a { color: #000000; text-decoration: none; }
.hp-mail-group .text a:hover { color: #AE0000; text-decoration: underline; }
.hp-mail-group .date { float: right; margin: 6px 0 0 10px; font-size: 10px; }

.hp-mail-paging { position: relative; font-size: 10px; font-weight: bold; }
.hp-mail-paging-back { float: left; }
.hp-mail-paging-fwd { float: right; }

#hp-mail-search { position: absolute; top: 0; right: 0; width: 175px; height: 20px; }
.hp-mail-search-field { font-size: 10px; background: #FFFFFF url(/images/layout/gradient-light-16.png) repeat-x; border: 1px solid #cfcfcf; margin: -25px 0 0 0; padding: 2px 2px 1px 2px; }
#hp-mail-search-text-field { position: absolute; top: 2px; right: 28px; }
#hp-mail-search-submit { position: absolute; top: 2px; right: 4px; }/* --------- /stylesheets/hint.css --------- */ 
/* The hint to Hide and Show */
.hint {
	display: none;
	position: absolute;
	width: 250px;
	top: 0;
	right: -300px;
	margin-top: -4px;
	margin-left: 15px;
	border: 1px solid #c93;
	padding: 10px 12px;
	z-index: 101;
	/* to fix IE6, I can't just declare a background-color,
		I must do a bg image, too!  So I'm duplicating the pointer.gif
		image, and positioning it so that it doesn't show up
		within the box */
	background: #ffc url(/images/pointer.gif) no-repeat -10px 5px;
}

/* The pointer image is hadded by using another span */
.hint .hint-pointer {
 	position: absolute;
  left: -10px;
  top: 5px;
  width: 10px;
  height: 19px;
  background: url(/images/pointer.gif) left top no-repeat;
}

a.hint-close { float: right; }
.hint-container {
	position: relative;
}
.hint-bubble {
	display: none;
	position: absolute;
	width: 175px;
	top: -5px;
	right: -215px;
	margin-top: -4px;
	margin-left: 15px;
	border: 1px solid #c93;
	padding: 10px 12px;
	z-index: 101;
	font-weight: normal;
	font-size: 12px;
	color: black;
	/* to fix IE6, I can't just declare a background-color,
		I must do a bg image, too!  So I'm duplicating the pointer.gif
		image, and positioning it so that it doesn't show up
		within the box */
	background: #ffc url(/images/pointer.gif) no-repeat -10px 5px;
}
.hint-bubble-pointer {
    position: absolute;
    left: -10px;
    top: 7px;
    width: 10px;
    height: 19px;
    background: url(/images/pointer.gif) left top no-repeat;
}


.welcome {
  min-height: 100px;
}

.close-hint a {
  position: absolute;
  right: 5px;
  top: 5px;
}

#floating-hint {
  width: 500px;
  position: absolute;
  left: 100px;
  top: 50px;
  display: inline;
}

#prev-hint {
  position: absolute;
  bottom: 5px;
  left: 5px;
}

#next-hint, #close-hint {
  position: absolute;
  bottom: 5px;
  right: 5px;
}/* --------- /stylesheets/form.css --------- */ 
.information_block h2, .action_block h2, form h2 {
	padding: 10px 0 0 0;
	margin: 0px 0px 10px 0px;
	border-width: 0 0 1px 0;
	border-style: solid;
	border-color: #666666;
	color: #666666;
	font-size: 120%;
	font-weight: bold;
	clear: both;
}

.information_block h4, .action_block h4, form h4 {
	padding: 10px 0 0 0;
	margin: 0px 0px 10px 0px;
	border-width: 0 0 1px 0;
	border-style: solid;
	border-color: #666666;
	color: #666666;
	font-size: 120%;
	clear: both;
}

.information_block h5, .action_block h5, form h5 {
	padding: 10px 0 0 0;
	margin: 0px 0px 10px 0px;
	border-width: 0 0 1px 0;
	border-style: solid;
	border-color: #666666;
	color: #666666;
	clear: both;
}

form {
	
}

.fieldWithErrors input, .fieldWithErrors select, .fieldWithErrors textarea {
	border: 1px solid #880000;
	background-color: #FFFCFC;
}

form fieldset {
	border: none;
}

form fieldset legend {
	display: none;
}

form .fieldgrp, .dgrp {
	padding: 0; margin: 0;
	min-height: 12px;
}

form label, .dgrp .dlabel {
	font-weight: bold;
	width: 150px;
	clear: both;
	padding: 3px 10px 0 0;
	line-height: 15px;
	float: left;
	display: block;
	color: #333333;
	font-size: 12px;
	text-align: right;
}

form .wide label {
	font-weight: bold;
	clear: both;
	padding: 0 10px 0 0;
	line-height: 15px;
	color: #333333;
	font-size: 108%;
	clear: both;
	float: none;
	display: block;
	text-align: left;
	width: 100%;
}

.label_after {
	width: 100%;
	font-weight: normal;
	padding: 0;
	float: none;
	display: inline;
}


form hr {
}

form input {
	
}

form .formhelp {
	color: #666666;
	display: inline;
	float: none;
	font-size: 100%;
	font-weight: normal;
	width: auto;
}

.dgrp .data {
	position: relative;
	line-height: 15px;
	float: left;
	padding: 3px 0 7px 0;
	width: 600px;
}

form .field {
	position: relative;
	line-height: 15px;
	float: left;
	padding: 0 0 10px 0;
}

form div.submit {
	clear: both;
	float: left;
	padding-left: 150px;
	margin-top: 5px;
}

form div.cancel {
	clear: both;
	float: left;
	margin-left: 150px;
	margin-top: 15px;
	background: url(/images/layout/link_prompt.png) no-repeat center left;
	padding: 1px 10px 0 16px;
	font-weight: normal;
}

.form-rule {
	clear: both;
	width: 100%;
	height: 1px;
	padding: 0; margin: 5px 0 5px 0;
	border-bottom: 1px solid #000000;
}/* --------- /stylesheets/layout.css --------- */ 
/* column container */
.colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
}
/* common column settings */
.colleft,
.colmid,
.colright {
	float:left;
	width:100%;
	position:relative;
}
.col1,
.col2,
.col3 {
	float:left;
	position:relative;
	padding:0 0 1em 0;
	overflow:hidden;
}
/* 3 Column settings */
.threecol {
	
}
.threecol .colmid {
	right:25%;			/* width of the right column */
	
}
.threecol .colleft {
	right:50%;			/* width of the middle column */
	
}
.threecol .col1 {
	width:46%;			/* width of center column content (column width minus padding on either side) */
	left:102%;			/* 100% plus left padding of center column */
}
.threecol .col2 {
	width:21%;			/* Width of left column content (column width minus padding on either side) */
	left:31%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.threecol .col3 {
	width:21%;			/* Width of right column content (column width minus padding on either side) */
	left:85%;			/* Please make note of the brackets here:
					(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}
/* 3 Column blog style settings */
.blogstyle {
	
}
.blogstyle .colmid {
	right:25%;			/* width of the right column */
	
}
.blogstyle .colleft {
	right:25%;			/* width of the middle column */
	
}
.blogstyle .col1 {
	width:46%;			/* width of center column content (column width minus padding on either side) */
	left:52%;			/* 100% plus left padding of center column */
}
.blogstyle .col2 {
	width:21%;			/* Width of left column content (column width minus padding on either side) */
	left:56%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.blogstyle .col3 {
	width:21%;			/* Width of right column content (column width minus padding on either side) */
	left:60%;			/* Please make note of the brackets here:
					(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}
/* 2 Column (left menu) settings */
.leftmenu {
	
}
.leftmenu .colleft {
	right:75%;			/* right column width */
	
}
.leftmenu .col1 {
	width:71%;			/* right column content width */
	left:102%;			/* 100% plus left column left padding */
}
.leftmenu .col2 {
	width:21%;			/* left column content width (column width minus left and right padding) */
	left:6%;			/* (right column left and right padding) plus (left column left padding) */
}
/* 2 Column (right menu) settings */
.rightmenu {
	
}
.rightmenu .colleft {
	right:40%;			/* right column width */
	
}
.rightmenu .col1 {
	width:54%;			/* left column content width (left column width minus left and right padding) */
	left:42%;			/* (right column width) plus (left column left padding) */
}
.rightmenu .col2 {
	width:36%;			/* right column content width (right column width minus left and right padding) */
	left:46%;			/* (right column width) plus (left column left and right padding) plus (right column left padding) */
}
/* 2 Column (double page) settings */
.doublepage {
	
}
.doublepage .colleft {
	right:50%;			/* right column width */
	
}
.doublepage .col1 {
	width:46%;			/* left column content width (column width minus left and right padding) */
	left:52%;			/* right column width plus left column left padding */
}
.doublepage .col2 {
	width:46%;			/* right column content width (column width minus left and right padding) */
	left:56%;			/* (right column width) plus (left column left and right padding) plus (right column left padding) */
}
/* Full page settings */
.fullpage {
	
}
.fullpage .col1 {
	width:96%;			/* page width minus left and right padding */
	left:2%;			/* page left padding */
}/* --------- /stylesheets/grid.css --------- */ 
table.grid {
	margin: 10px;
}

table.full {
	width: 100%;
}

table.grid th, table.grid td {
  padding: 0px 5px 0px 5px;
	margin: 0;
}

table.grid th {
	padding: 0;
	font-weight: bold;
	border-bottom: 1px solid #777777;
	border-top: 1px solid #777777;
	white-space: nowrap; 
}

table.grid tr {
}

table.grid td {
	padding: 2px 4px 2px 4px;
	border-bottom: 1px solid #777777;
}

table.grid td.liquid {
  white-space: nowrap; 
  overflow: hidden; 
  text-overflow: ellipsis;
  max-width: 50px;
}

table.grid td.ice {
  text-align: center;
  width: 50px;
  white-space: nowrap; 
}

table.grid tr.odd {
}

table.grid tr.even {
}

table.grid td.no-border {
	padding: 0px;
	border: none;
}

.grid-header {
	margin: 10px 0 0px 0;
	min-height: 20px;
}

.grid-footer {
	margin: 0px 0 10px 0;
	min-height: 20px;
}

.grid-header .grid-info {
	float: left;
	clear: none;
	width: 300px;
}

.grid-header .grid-paging, .grid-footer .grid-paging {
	text-align: right;
	float: right;
	width: 400px;
}

.grid-filter {	clear: both;}

.grid-filter ul {
	list-style-type: none;
	margin: 10px 0 10px 0;
}

.grid-filter ul li {
}/* --------- /stylesheets/subscription.css --------- */ 
#sub-container { margin-top: 10px;}

.sub-quadrant {
	width: 350px;
	margin-bottom: 10px;
	padding: 10px;
	text-align: center;
}
.prod-container { padding: 10px 0 10px 0; border-top: 1px solid #555555; border-bottom: 1px solid #555555; }
.prod-item { position: relative; height: 300px; width: 230px; padding-left: 10px; padding-right: 10px; }
.prod-item .prod-name { position: absolute; top: 10px; left: 10px; z-index: 2; }
.prod-item .prod-price { text-align: right; float: right; font-size: 25px; margin-top: 45px; }
.prod-item .prod-desc { clear: both; padding-top: 20px;}
.prod-item .prod-button { position: absolute; bottom: 10px; right: 30px; font-size: 16px; }
.prod-item .prod-button a { position: relative; color: #FFFFFF; text-decoration: none; font-weight: bold; padding: 6px 8px 3px 8px; background: #484848; border: 1px solid #535353; }
.prod-item .prod-button a:hover { color: #535353; background: #f0f4f5; border: 1px solid #FFFFFF;}
.prod-item .prod-price-sub { font-size: 12px;}
.prod-item .prod-price-extra { position: absolute; z-index: 1; color: #FFFFFF; padding: 3px; background: #484848; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; margin: -5px -10px -10px -10px; height: 45px; width: 245px; text-align: right; }
.prod-item .prod-price-discount { text-decoration: line-through; }
.prod-item .extra-nice { position: absolute; right: 5px; top: 25px; font-size: 16px; z-index: 2; }

#prod-1 { float: left; display: block; height: 307px; background: #7C1212 url(/images/layout/red-gradient-307.png) repeat-x; color: #FFFFFF; }
#prod-2 { float: left; display: inline; background: #AE0000; color: #FFFFFF; }
#prod-3 { float: left; display: inline; }

#hp1 { float: left; width: 400px; padding: 15px; margin-right: 10px; background: url(/images/layout/subtle_grade.png) repeat-x; }
#hp2 { float: left; width: 300px; }
#hp3 { clear: both; }

#q1 { float: left; display: block; background: url(/images/layout/gradient-medium-grey-215.png) repeat-x; height: 125px; }
#q2 { float: right; display: inline; background: #AE0000; color: #FFFFFF; height: 125px; }
#q3 { float: left; display: block; background: #AE0000; color: #FFFFFF; height: 18px; }
#q4 { float: right; display: inline; background: #535353; color: #FFFFFF; height: 18px; border: 1px solid #484848;}
#q5 { float: left; display: block; background: #cccccc url(/images/layout/gradient-light-grey-215.png) repeat-x; min-height: 75px; width: 250px; border: 1px solid #d6d6d6;}
#q6 { float: right; display: inline; width: 450px;}

#sub-container h3, #cart h3, #prod-breakdown h3 { margin: 0; padding: 0; font-size: 18px; text-align: left; margin-bottom: -20px;}
#coupon h3 { margin-bottom: 10px; font-size: 18px; }
table.recent .odd { background: #DEDEDE; }
table.recent .even { background: #bbbbbb; }
table.recent th { color: #636363; font-size: 14px;}
table.recent td, table.recent th { border-bottom: 1px solid #686D57; padding: 6px 5px 8px 5px; }
.drilldown { margin-top: 5px; text-align: right; }
.drilldown a { color: #000000; text-decoration: none; }
.drilldown a:hover { text-decoration: underline; }

#q3 a, #q4 a { color: #FFFFFF; }

#the-print { font-size: 10px; color: #777777; }

#inv-info { font-size: 20px; }
#inv-count { font-size: 55px; }

#sub-type { background: #484848; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; margin: -10px -10px 10px -10px; padding: 5px; color: #FFFFFF; }
#sub-icon { height: 85px; }
#sub-info { font-weight: bold; text-align: right; }

#acc-summary { position: relative; text-align: left; }
#acc-summary p { margin: 0 0 10px 0;}
#acc-summary p strong { font-size: 14px; color: #444444;}
#acc-summary a { color: #AE0000; font-size: 10px; text-decoration: none; }
#acc-summary-photo { float: right; position: relative; top: 5px; right: 5px; text-align: center;}
#acc-summary-photo p a { background: #AE0000; color: #FFFFFF; padding: 3px; margin-top: 5px; }
#acc-summary-photo p a:hover { background: #000000; color: #FFFFFF; }
#acc-summary-photo img { border: 1px solid #AE0000; }
#acc-summary-photo img:hover { border: 1px solid #FFFFFF; }

#billing-etc { float: right; top: 20px; right: 20px; }
#cart { margin-bottom: 20px; }
.cart-name { min-width: 100px; font-weight: bold; }
.cart-orig-price { text-decoration: line-through; color: #777777;}

#prod-summary { float: left;  width: 300px; background: #DEDEDE; padding: 20px; border-top: 1px solid #686D57; border-bottom: 1px solid #686D57; }
#prod-breakdown { float: right; width: 400px; }
.prod-attr { font-size: 14px; color: #444444; }
.prod-val { font-size: 14px; color: #222222; font-weight: bold; }

input.red-button, a.red-button { position: relative; padding: 1px 7px 1px 7px; background: #AE0000; color: #FFFFFF; text-decoration: none; border: 1px solid #AE0000; }
input.red-button:hover, a.red-button:hover { border: 1px solid #FFFFFF; cursor: pointer; }
a.blue-button { position: relative; height: 20px; padding: 2px 7px 2px 7px; background: #4c80b0 url(/images/layout/gradient-blue-20.png) repeat-x; color: #FFFFFF; text-decoration: none; border: 1px solid #1e5288; }
a.blue-button:hover { border: 1px solid #FFFFFF; }
input.grey-button, a.grey-button { position: relative; height: 20px; padding: 2px 7px 2px 7px; background: #6f7982 url(/images/layout/gradient-grey-20.png) repeat-x; color: #FFFFFF; text-decoration: none; border: 1px solid #3b474e; }
input.grey-button:hover, a.grey-button:hover { border: 1px solid #FFFFFF; cursor: pointer; }
input.mini-grey-button, a.mini-grey-button { position: relative; height: 16px; padding: 1px 4px 1px 4px; background: #6f7982 url(/images/layout/gradient-grey-16.png) repeat-x; color: #FFFFFF; text-decoration: none; border: 1px solid #3b474e; font-size: 10px; }
input.mini-grey-button:hover, a.mini-grey-button:hover { border: 1px solid #FFFFFF; }

a { cursor: hand; }

a.small-button { font-size: 10px; white-space: nowrap; }

a.line-button { clear: both; }

.stripe { background: #cccccc; color: #000000; border-bottom: 1px solid #565656; border-top: 1px solid #565656; padding: 6px 5px 8px 5px; }
.center { text-align: center; }/* --------- /stylesheets/video.css --------- */ 
.home-videos { position: absolute; top: 75px; right: 11px; width: 422px; height: 284px; padding: 0px; }
.home-video-list { position: relative; left: 0; top: 0; width: 422px; height: 259px; padding: 0; margin: 0; background: #c0c0c0; border: 1px solid #FFFFFF; }
.home-video-entry { position: absolute; margin: 5px; padding: 0px; }
.home-videos a#more-link { position: absolute; bottom: 5px; right: 5px; }
.home-videos span#disabled-more-link { position: absolute; bottom: 5px; right: 5px; color: #ae0000; text-decoration: underline;}
.video-content { background: transparent; }

/* The width of the panels can be identical, but the container should be 15px higher to ensure space for the More Videos link */
.medium-videos { width: 500px; height: 322px; }
.medium-video-list { width: 500px; height: 307px; }

/* 422/259:500/307 */

.videos { position: absolute; top: 0px; right: 11px; width: 422px; height: 284px; padding: 0px; }
.video-list { position: absolute; left: 0; top: 0; width: 422px; height: 259px; padding: 0; margin: 0; background: #c0c0c0; border: 1px solid #FFFFFF; }
.video-entry { position: absolute; top: 0; left: 0; margin: 5px; padding: 0px; }
.videos a#more-link { position: absolute; bottom: 5px; right: 5px; }
.videos span#disabled-more-link { position: absolute; bottom: 5px; right: 5px; color: #ae0000; text-decoration: underline;}
.video-content { background: transparent; }

/* The width of the panels can be identical, but the container should be 15px higher to ensure space for the More Videos link */
.medium-videos { width: 500px; height: 322px; }
.medium-video-list { width: 500px; height: 307px; }
/* 422/259:500/307 */

.video-container { width: 412px; height: 249px; padding: 5px; margin: 5px; background: #c0c0c0; border: 1px solid #FFFFFF; }
.video-desc { width: 325px; }
/* --------- /stylesheets/message.css --------- */ 
div.scam-actions { padding-top: 5px; } 

.scam-button {
	padding: 2px 10px 2px 10px;
	font-size: 11px;
}

a.scam-button {
	color: white;
	padding: 1px 9px 1px 9px;
}

a.scam { border: 1px solid rgb(174, 0, 0); }
a.not-scam { border: 1px solid rgb(0, 153, 0); }

a:hover.scam-button {
	border: 1px solid #FFFFFF;
}

.scam {
	background-color: rgb(174, 0, 0);
	color: white;
}

.not-scam {
	background-color: rgb(0, 153, 0);
	color: white;
}

.conversation-header { 
  margin-left: 0; 
  margin-bottom: 0px; 
  margin-right: 10px; 
  margin-top: 0; 
  padding: 5px; 
  float: left; 
  width: /* 565px; */752px; 
  min-height: 50px; 
  background: #cccccc url(/images/layout/gradient-light-grey-215.png) repeat-x; 
  border: 1px solid #d6d6d6; 
}

#conversation-message-count {
	margin-left: 10px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-top: 10px;
	font-weight: bold;
}

.conversation-group-info .title {
	margin-left: 0px;
	margin-bottom: 10px;
	margin-right: 10px;
	margin-top: 10px;
	font-weight: bold;
	font-size: 20px;
}

.conversation-info div {
/* 	padding-top: 5px; */
}

.conversation-info div.btn-mail {
	float: right;
}

.conversation-info a.btn-mail {
	float: right;
	width: 90px;
}

.conversation-info div.btn-mail span {
	float: right;
	width: 90px;
}

.conversation-info .name {
	font-weight: bold;
}
.conversation-info .trusted-button {
	margin-left: 0px;
	margin-bottom: 0px;
	margin-right: 10px;
	margin-top: 0px;
  float: right;
	padding-top: 5px;
  text-align: center;
  width: 100px;
}

#messages-panel {
	padding: 0;
	margin: 0;
	border: none;
	
}

.actions {
  margin: 3px 50px 0px 3px;
}

div.message-brief {
	padding: 2px;
	margin-left: 0;
	margin-bottom: 0px;
	margin-right: 0;
	margin-top: -1px;
	font-size: 12px;
	border: 1px solid #888888;
	color: #333333;
	text-align: left;
	position: relative;
	background-color: #F6F6F6;
}
.message-brief span {
}
.message-brief input {
	float: left;
	margin: 4px 5px 3px 5px;
}
.unread {
	background-color: #FFFFFF;
}
.unread span {
	font-weight: bold;
}
.icon span {
	font-weight: normal;
}
.message-brief span.icon {
	margin-left: 5px;
	margin-right: 5px;
	position: relative;
	top: 2px;
	float: left;
	width: 15px;
}

.message-brief span.scam {
	margin-left: 5px;
	margin-right: 5px;
	position: relative;
	top: 2px;
	float: right;
}

/* Make icon link borders invisible. */
span.icon img {
	border: 0;
}

.message-brief span.name {
	margin-left: 5px;
	margin-right: 5px;
	position: relative;
	top: 2px;
	float: left;
	width: 200px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.message-brief span.subject {
	margin-left: 5px;
	margin-right: 5px;
	position: relative;
	top: 2px;
	float: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 350px;
/*	width: 350px;*/
/*	position: absolute;
	left: 250px;
	top: 4px;
*/}

.message-brief .date {
	margin-left: 3px;
	margin-right: 5px;
	position: relative;
	top: 2px;
	float: right;
	width: 70px;
	text-align: right;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}


#messages-panel ul.tabs { padding: 0; margin: 4px 5px 5px 5px; float: right; }
#messages-panel ul.tabs li { display: inline; list-style: none; padding: 4px 20px 4px 20px; margin: 0 2px 0 0; background: #d6d6d6; border-top: 1px solid #bdbcbd; border-right: 1px solid #bdbcbd; border-left: 1px solid #bdbcbd; }
#messages-panel ul.tabs li a { color: #000000; text-decoration: none; font-weight: bold; }
#messages-panel ul.tabs li.selected { background: #FFFFFF; }

#message-view-panel {position: relative;}
#message-view-panel .navigation-actions {top: 1px; right: 4px; position: absolute; font-size: 11px;}
#message-view-panel .message-actions { position: relative; font-size: 11px; margin-top: 1px; padding: 2px;}
#message-view-panel ul { margin-bottom: 4px; margin-top: 4px; list-style-type: none; padding-left: 0px; }
#message-view-panel li { display: inline; padding-left: 2px; padding-right: 2px; }

#message-view-panel .subject { padding-right: 4px; padding-left: 4px; padding-bottom: 4px; padding-top: 4px; background-color: #e5e5e5; font-weight: bold; margin-top: 8px; margin-bottom: 8px; font-size: 16px;}
#message-view-panel .scam { background-color: rgb(174, 0, 0); }
#message-view-panel .not-scam { background-color: rgb(0, 153, 0); }

#message-view-content {
	position: relative;
	background-color: white;
	color: #262626;
}
#message-view-content div {
	padding-left: 4px;
	margin-bottom: 4px;
	margin-top: 4px;
}
#message-view-content .received {
	right: 4px;
	position: absolute;
}
#message-view-content .body {
	border-bottom-color: #bfbfbf;
	border-bottom-style: solid;
	border-bottom-width: 3px;
	margin-top: 2px;
	padding: 20px 4px 20px 4px;
	border-top-color: #bfbfbf;
	border-top-style: solid;
	border-top-width: 1px;
	width: 756px;
}
.message-panel {
	padding: 5px;
	margin-left: 0;
	margin-bottom: 5px;
	margin-right: 0;
	margin-top: 5px;
	font-size: 12px;
	background: #FFFFFF;
	border: 1px solid #888888;
	color: #222222;
	text-align: left;
}
#compose-form { padding-bottom: 25px; }
.message-header .direction {
	float: left;
	font-weight: bold;
	padding-bottom: 2px;
	padding-top: 2px;
	text-align: left;
}
.message-header .date {
	float: right;
	font-weight: bold;
	padding-bottom: 2px;
	padding-top: 2px;
	text-align: left;
}
.message-header .subject {
	color: #373737;
	margin-left: 15px;
	float: left;
	padding-bottom: 2px;
	padding-top: 2px;
}
.message-body {
	white-space: pre-wrap;
/*  word-wrap: break-word;*/
}
.message-body-short a {
	color: #7d7d7d;
}
.from-me {
	background-color: #f1f1f1;
}
.wrap {
	word-wrap: break-word;
	word-break: break-all;
}

/* 
	Peer Review Form Styles 
*/
table.peer-review {
	padding: 0;
}
table.peer-review td {
	vertical-align: middle;
}