@charset "UTF-8";

/* RESET SOME STUFF TO HAVE NO MARGINS/ETC, */
BODY { background:#E8E8E8 url(cushion/head-bg.gif) top center repeat-x; height:100%; padding:0; margin:0; font:13px Arial,Helvetica,Garuda,sans-serif; *font-size:small; *font:x-small; }
BODY.iframe { background:#FFF none; }
H1,H2,H3,H4,H5,H6,UL,LI,EM,STRONG,PRE,CODE,DL,DT,DD,FORM,BLOCKQUOTE { padding:0; margin:0; line-height:1em; font-size:100%; font-weight:normal; font-style: normal; }
TABLE { font-size:inherit; font:100%; }
UL { list-style:none; }
IMG { border:0; }
P { margin:1em 0; }
A { font-weight:lighter; color:#2BACE3; text-decoration:none; }
A:hover { text-decoration:underline; }

/* COMMON CLASSES AND CONTROL ELEMENTS */
H1.page-title { font-size:28px; font-weight:normal; color:steelblue; color:rgba(70, 130, 180, .8); letter-spacing:.2em; padding:12px 0; }
H3 { color:#AAA; font-weight:normal; font-size:16px; }
HR { font-size:1px; height:1px; border:0; line-height:1px; margin:0; padding:0; color:transparent; background:transparent none; clear:both; }
HR.space { line-height:4px; height:4px; }
HR.sewn { height:3px; width:250px; margin:0 0 12px 12px; background:url(cushion/stitch-line.gif) no-repeat; }
HR.line { height:3px; width:250px; margin:0 0 4px 6px; background:url(cushion/line-div.gif) no-repeat; }
HR.dash { height:3px; margin:4px 0; border-bottom:#999 1px dashed; }
.align-right { text-align:right; }
UL.bullet-list { margin-left:24px; list-style:disc; }
UL.pipe-list>LI { line-height:20px; color:#CCC; float:left; }
UL.pipe-list>LI B { font-weight:normal; color:#555; float:left; }
UL.pipe-list>LI:last-child { color:#FFF; }

DIV.mini-profile B { color:#2BABE2; }
DIV.mini-profile I { color:#888; }

/*
*.hover-show-span>SPAN { display:none; }
*.hover-show-span:hover>SPAN { display:block; }
*/

DIV.classification-chart { width:295px; height:230px; float:left; margin:0; }
DIV.wide-table-container { width:890px; overflow:auto; }
DIV.wide-table-container TD, DIV.wide-table-container TH { white-space:nowrap; }

FORM.form-list { }
.form-list P { clear:left; line-height:20px; color:#888; font-size:9px; }
.form-list P>LABEL { display:block; width:140px; float:left; font-size:12px; }
.form-list P>INPUT { font-size:12px; }

#pnl-bg { position:absolute; width:100%; height:156px; background:url(cushion/head-bg.jpg) top center no-repeat; }

#pnl-head { width:948px; height:156px; position:relative; margin:0 auto; }
#btn-logo { display:block; position:absolute; left:0; bottom:0; width:375px; height:131px; }
#btn-logo I B { display:none; }
#logo-pins { display:block; position:absolute; width:63px; height:131px; background:url(cushion/logo-pins.gif) no-repeat; }
#logo-the { display:block; position:absolute; width:40px; height:30px; background:url(cushion/logo-the.gif) no-repeat; left:63px; top:4px; }
#logo-pincushion {  display:block; width:312px; height:70px; background:url(cushion/logo-pincushion.gif) no-repeat; position:absolute; left:63px; top:23px; }
#pnl-head-bubble { position:absolute; right:24px; bottom:30px; width:500px; height:85px; background:url(cushion/head-bubble-500.gif) center no-repeat; }
#pnl-head-bubble BLOCKQUOTE { position:absolute; display:block; width:368px; height:48px; left:20px; top:10px; background:url(cushion/txt-right-place.gif) top left no-repeat; }
#pnl-head-bubble BLOCKQUOTE I { display:none; }
#pnl-head-bubble>P { font-size:14px; color:#FFF; margin:20px 32px 0px 32px; padding:0px; }

/* LOGGED IN */
#btn-my-avatar { display:block; width:47px; height:47px; border:#CCC 1px solid; margin:11px 13px; float:left; }
#btn-my-avatar B { display:none; }
#btn-my-nick, #lbl-member-since { display:block; float:left; width:180px; border-bottom:#60B5DC 1px solid; padding:12px 0 4px; color:#FFF; font-size:14px; font-weight:bold; text-shadow:0 0 2px #036; }
#btn-my-nick:hover { text-decoration: none; }
#lbl-member-since I { font-style:normal; }
#lbl-member-since { width:140px; text-align:right; font-weight:normal; }
#pnl-member-links { float:left; color:#FFF; width:390px; padding-top:8px; border-top:#75C1E3 1px solid; font-size:9px; }
#pnl-member-links A { color:#FFF; }
#pnl-member-links I { font-style:normal; padding:0 4px; }

#pnl-body-head { position:absolute; bottom:0; width:100%; height:24px; background:url(cushion/pnl-body-head.gif) top center no-repeat; }

#pnl-body, #content { width:948px; position:relative; background:#FFF url(cushion/pnl-body-bg.gif) left repeat-y; margin:0 auto; padding:0; }
BODY.iframe #pnl-body { width:480px; background:#FFF none; }
#pnl-body-foot { clear:left; width:948px; height:14px; background:url(cushion/pnl-body-foot.gif) top center no-repeat; }
BODY.iframe #pnl-body-foot { width:480px; background:#FFF none; }

/* BADGES */
#pnl-badges { position:relative; }
#pnl-badges p { width: 180px; float: left; clear: none; margin: 0 0px 12px 0; }
#pnl-badges p .badge, .badge-tag { color: white !important; background-color: #333; border: 1px solid #333; margin: 0 3px 3px 0; padding: 0 6px 0 3px; display: inline-block; text-decoration: none; line-height: 1.9; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
#pnl-badges .no-badges { width: 275px; float: left; clear: none; margin: 0 0px 12px 0; }
.badge-detail-row { clear: both;  position: relative; }
#pnl-badges-recent { margin-bottom: 15px; overflow: auto; }
#pnl-badges-recent .user-list { margin-right: 10px; float: left; text-align: left; white-space: nowrap; overflow: hidden; margin-bottom: 10px; height: 25px; width: 100%; }
#pnl-badges-recent .userinfo { margin-right: 10px; float: left; }
#pnl-badges-recent .summarycount { color: #808185; font-size: 350%; font-weight: bold; }
#pnl-badges-recent .earnedtext { font-weight: bold; font-size: 170%; margin-bottom: 7px;}
#pnl-badges-recent .badgecount { font-weight: bold; color: #808185; }
#pnl-badges-recent .cool { color: #999 !important; margin-right: 50px; float: left; width: 100px; }
#pnl-badges-recent .screen-name { float: left; width: 75px; }
#pnl-badges-recent .lifetime-points { float: left; width: 75px; }
#pnl-badges-recent .user-badge-summary { float: left; width: 75px; }

.badge0, .badge1, .badge2 { z-index:100; background-image: url('cushion/badge-sprites.png'); display: inline-block; width: 10px; height: 11px; overflow: hidden; line-height: inherit;  vertical-align:  text-bottom; margin: 0 1px 1px 3px; }
.badge0 { background-position: 0 0; }
.badge1 { background-position: -20px 0; }
.badge2 { background-position: -40px 0; }
.uhas-badge { background-image: url('cushion/badge-sprites.png'); background-position: 0 -18px; width: 20px; height: 23px; display: inline-block; }

/* VIEW PROFILE */
.profile-row {  clear: both;  position: relative; }
#pnl-profile { position:relative; }
#lbl-profile-title { }
#lst-profile-actions { position:absolute; left:220px; top:20px; }
#lst-profile-actions>LI { float:left; margin-right:35px; }
#lst-profile-actions>LI>A { }
#pnl-profile-pic { width: 220px; height: 165px; background:url(cushion/icon-avatar.gif) center top no-repeat; float:left; }
#pnl-profile-pic img { border: 1px solid #AAA; padding: 2px; }
#lst-profile-partners { width:150px; float:left; }
#lst-profile-partners>LI { line-height:20px; }
#lst-profile-partners>LI I.icon { margin-right:8px; }
#lst-profile-partners>LI>A>B { font-weight:normal; }
#lst-profile-partners>LI>A:hover { text-decoration:none; }
#lst-profile-partners>LI>A:hover>B { text-decoration:underline; }
#lst-profile-details { float:left; }
#lst-profile-details DT { clear:left; width:150px; color:#999; float:left; line-height:20px; }
#lst-profile-details DD { float:left; width:300px; line-height:20px; }
#lst-profile-languages { }
#pnl-tsteps-top { clear: none; width: 240px; float: left; }
#pnl-stats-top { clear: none; width: 240px; float: left; }

/* Apply for new brands */
.apply-for-brands-button { background:url('/static/img/apply-for-brands-button.png') no-repeat; height: 40px; width: 290px; float:right; }
.clearboth { clear:both; }

/* View PROFILE Peer Review Score*/
#peer_review_leaderboard_board {width:300px;float:right; margin-right:165px;}
LI.my-feedback-score {width:auto; height:40px; list-style:none;}
SPAN.my-feedback-text {border: #90278B 2px solid; background: #90278B; margin: 12px 0 5px 0; border-top-left-radius: 6px; height:16px; line-height:50px; padding: 12px 20px 5px 20px; color:#FFF; }
SPAN.my-feedback-score { font-size:16px; }
SPAN.my-feedback-container { border-top-right-radius: 3px; border: #90278B 2px solid; margin:0 0 0 -5px; padding: 12px 5px 5px 5px; }

/* VIEW PROFILE - TRAINING STEPS */
.pnl-training-steps { clear:left;  margin: 8px 8px 0 0; padding: 8px;}
.lst-training-steps DT { clear:left; color:#999; float:left; line-height:20px; margin: 4px 16px 0 0;}
.lst-training-steps DD { float:left; line-height:20px; margin: 4px 16px 0 0; }
DIV.pnl-tstep-header { width:100%; height: 25px; }
H3.ts-header { float: left; width: 25%; color:white; padding-top: 5px; }
.progress-bar { float: left; position: relative; border: 1px solid black; margin:2px 0 0 0; width: 66%; background-color:white; }
.progress-bar-value, .progress-bar-text { width: 155px; height: 20px; }
.progress-bar-value { background-color: rgb(221, 231, 107); }
.progress-bar-text { position: absolute; top:0; left: 0; padding-top: 1.5px; text-align:center; width:100%; }
.td-step-name { width: 25%; }
.td-step-status { text-align: center; }
.caption-stuff { padding-bottom: 5px; border: 1px solid gray; border-bottom-color: #cccccc; padding-top: 5px; background-color: #2b6fb6;}
.uhas-training-step { background-image: url('cushion/badge-sprites.png'); background-position: 0 -18px; width: 20px; height: 23px; display: inline-block; }

/* TABLES */
#pnl-steps-stats table { margin: 16px 0 0 0; width: 100%; border-collapse: collapse; }
#pnl-steps-stats td, th { border: 1px solid #888; }
#pnl-steps-stats td.lbl, th.lbl { text-align: left; }
#pnl-steps-stats td, th { padding: 8px; text-align: center; }
#pnl-steps-stats th { font-weight: bolder; font-size: 14px; }
#pnl-steps-stats .alt-row { background-color: #FFF; }
#pnl-steps-stats thead tr { background-color: #2b6fb6; color: #FFFFFF; }
#pnl-steps-stats tbody tr { background-color: #F7F7F7; }

/* VIEW PROFILE - STATS */
#pnl-tsteps { clear: none; width: 45%; float: left; }
#pnl-stats { clear: none; width: 45%; float: left; }

/* EDIT PROFILE */
#pnl-profile-edit { }
#lst-profile-edit-errors { }
#pnl-profile-edit UL.errors-list LI.first { width:100%; float:none; font-size:24px; color:#600; margin-left: -20px;}
#pnl-profile-edit UL.errors-list { margin-bottom:12px; border:#900 1px solid; -moz-border-radius:12px; -webkit-border-radius:12px; border-radius:12px; background:#FFCECD url(../img/F-FFCECD_250x250.gif) top left no-repeat; }
#pnl-profile-edit UL.errors-list LI { margin:12px 0 0 12px; float:left; clear:left; position:relative; }
#pnl-profile-edit UL.errors-list LI B { color:#900; margin-right:5px; }
#pnl-profile-edit UL.errors-list LI STRONG { margin-left: 30px; }
#pnl-profile-edit UL.errors-list LI.last { float:none; clear:left; }
/* the next two lines take care of the 'this field is required' bubble */
#pnl-profile-edit UL.errorlist { z-index:999; display:none; -moz-border-radius:6px; -webkit-border-radius:6px; color:#600; border-radius:6px; border:#333 1px solid; -moz-box-shadow:0 0 12px #333; -webkit-box-shadow:0 0 12px #333; -box-shadow:0 0 12px #333; background:#FFC url(../img/F-FFC_250x250.gif) top left no-repeat; position:absolute; }
#pnl-profile-edit UL.errorlist LI { white-space:nowrap; margin:8px; }
#btn-profile-edit-submit { margin:0 24px 24px 140px; }
#edit-profile-accordion {}
#pnl-edit-detailed-profile P { width:275px; float:left; clear:none; margin:0 0 12px 0; }
#pnl-edit-detailed-profile P TEXTAREA { width:260px; }
#pnl-edit-detailed-profile P #id_for_fun,
#pnl-edit-detailed-profile P #id_reg_profile-for_fun,
#pnl-edit-detailed-profile P #id_reg_profile-expert_for,
#pnl-edit-detailed-profile P #id_reg_profile-review_links,
#pnl-edit-detailed-profile P #id_expert_for { margin-top:20px; }
#pnl-edit-detailed-profile P TEXTAREA { width:255px; }
#pnl-edit-detailed-profile P LABEL { width:275px; }
.locked-text { color: #2779aa; font-size: 12px; }

/* EULA */
#pnl-eula TEXTAREA { width:100%; height:240px; margin:12px 0; }
#pnl-eula UL.errorlist { color: red; }
DIV.eula { width:850px; height:500px; overflow:auto; padding:0px; border:#CCC 1px solid; margin:12px 0; }
DIV.eula DIV.body { font-family:serif; margin:20px; }
DIV.eula OL LI { margin:12px 0; }
DIV.eula UL { list-style:disc; margin-left:20px; }
DIV.eula UL LI { margin:8px 0; }

/* SET PASSWORD */
#btn-set-password { margin:0 24px 24px 0; }

/* LOGIN */
DIV.bubble-panel { width:404px; background:#F3F3F3; }
.bubble-panel DIV.head { height:8px; background:url(cushion/bubble-panel-head.gif) no-repeat; }
.bubble-panel DIV.foot { height:46px; background:url(cushion/bubble-panel-foot.gif) no-repeat; }

DIV.bubble-panel-wide { width:590px; background:#F3F3F3 url(cushion/bubble-panel-wide-body.gif) left repeat-y; }
.bubble-panel-wide DIV.head { height:18px; background:url(cushion/bubble-panel-wide-head.gif) bottom left no-repeat; }
.bubble-panel-wide DIV.foot { position:relative; clear:left; height:120px; background:#FFF url(cushion/bubble-panel-wide-foot-2.gif) top left no-repeat; }
.bubble-panel-wide DIV.foot.required { background:#FFF url(cushion/bubble-panel-wide-foot.gif) top left no-repeat; }

#frm-login { border:#DDD 1px solid; margin:0 28px 14px; padding:0; }
#pnl-login-left { float:left; width:404px; margin:0 46px 108px 108px; }
#frm-login DL.form-list { margin:14px 0 14px 14px; width:384px; }
#frm-login .form-list .text-input { width:370px; margin-bottom:8px; line-height:24px; font-size:18px; border:#999 1px solid; background:#FFF; }
#pnl-login-right { float:left; color:#8B8B8B; line-height:25px; font-size:14px; font-weight:lighter; margin-top:112px; width:232px; }
#pnl-login-right B { color:#535555; }

#lbl-needler-login { display:block; width:238px; height:34px; margin:42px 0; background:url(cushion/lbl-needler-login.gif) no-repeat; }
#lbl-username { display:block; width:93px; height:22px; background:url(cushion/lbl-username.gif) no-repeat; }
#lbl-password { display:block; width:93px; height:22px; background:url(cushion/lbl-password.gif) no-repeat; }
#lbl-needler-login B, #lbl-username B, #lbl-password B { display:none; }
#btn-forgot { margin-right:12px; }
#btn-lets-needle {
	-moz-box-shadow:inset 1px 39px 27px 0px #fff6af;
	-webkit-box-shadow:inset 1px 39px 27px 0px #fff6af;
	box-shadow:inset 1px 39px 27px 0px #fff6af;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e7e575), color-stop(1, #ffed66));
	background:-moz-linear-gradient(top, #e7e575 5%, #ffed66 100%);
	background:-webkit-linear-gradient(top, #e7e575 5%, #ffed66 100%);
	background:-o-linear-gradient(top, #e7e575 5%, #ffed66 100%);
	background:-ms-linear-gradient(top, #e7e575 5%, #ffed66 100%);
	background:linear-gradient(to bottom, #e7e575 5%, #ffed66 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e7e575', endColorstr='#ffed66',GradientType=0);
	background-color:#e7e575;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius:15px;
	border:2px solid #ad9d5e;
	display:inline-block;
	cursor:pointer;
	font-family:Arial;
	font-size:28px;
	font-weight:bold;
	padding:12px 50px;
	text-decoration:none;
	text-shadow:11px 1px 31px #ffed66;
}
#btn-lets-needle:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffed66), color-stop(1, #e7e575));
	background:-moz-linear-gradient(top, #ffed66 5%, #e7e575 100%);
	background:-webkit-linear-gradient(top, #ffed66 5%, #e7e575 100%);
	background:-o-linear-gradient(top, #ffed66 5%, #e7e575 100%);
	background:-ms-linear-gradient(top, #ffed66 5%, #e7e575 100%);
	background:linear-gradient(to bottom, #ffed66 5%, #e7e575 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffed66', endColorstr='#e7e575',GradientType=0);
	background-color:#ffed66;
}
#btn-lets-needle:active {
	position:relative;
	top:1px;
}


.bubble-panel-wide UL.errors-list { width:550px; padding-bottom:12px; border: 1px solid; color:#900; margin:12px 24px; }
UL.errors-list>LI { position:relative; clear:left; margin-bottom:8px; }
.bubble-panel-wide UL.errors-list UL.errorlist { width:350px; float:right; }

#pnl-body>.error-content, #pnl-body>.notice-content { background:#FFC url(../img/F-FFC_250x250.gif) top left no-repeat; border:#CCC 1px solid; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; margin:16px 32px 16px 32px; padding:32px; }
#pnl-body>.error-content { background:#FFCECD url(../img/F-FFCECD_250x250.gif) top left no-repeat; margin-top:0px; }
#pnl-body>.error-content>H1 { color:#A00; }
#pnl-body>.error-content>H3 { color:#E00; font-size:24px; }
#pnl-body>.error-content>P { font-size:16px; color:#888; }
#pnl-body>.notice-content>H1 { color:#2BABE2; }
#pnl-body>.notice-content>H3 { font-size:24px; }
#pnl-body>.notice-content>H3>B { color:#2BABE2; }
#pnl-body>.notice-content>P { font-size:16px; color:#888; }

/* NAV */
#lst-nav { background:url(cushion/btn-nav.gif) 0 0 no-repeat; margin:0 0 0 26px; position:relative; top:-2px; }
#lst-nav LI { float:left; display:block; height:42px; line-height:42px; text-align:center; }
#lst-nav LI.active { }
#lst-nav LI.end { clear:left; float:none; line-height:1px; height:1px; color:#FFF; }
#lst-nav LI A { display:block; width:126px; height:42px; background:url(cushion/nav-links.png) 0px 0px no-repeat; }
#lst-nav LI.active A { }
#lst-nav LI A B { display:none; }
#btn-transcripts { background-position:-1007px 0px !important; }
#btn-scheduler { background-position:-888px 0px !important; }
#btn-reports { background-position:-146px 0px !important; }
#btn-training { background-position:-275px 0px !important; }
#btn-peer-review { background-position:-385px 0px !important; }
#btn-invite { background-position:-622px 0px !important; }
#btn-forum { background-position:-760px 0px !important; }

/* DASHBOARD */
DIV.column { width:290px; float:left; margin:32px 8px 32px 0; }
.column .body .bubble { width:249px; position:relative; left:22px; }
.column .bubble>.head { height:9px; background:url(cushion/pnl-white-bubble-head.gif) top no-repeat; }
.column .bubble>.body { background:url(cushion/pnl-white-bubble-body.gif) repeat-y; }
.column .bubble>.body>P { margin:0 16px; padding:4px 0; font-size:11px; line-height:20px; color:#535555; }
.column .bubble>.foot { height:22px; background:url(cushion/pnl-white-bubble-foot.gif) bottom no-repeat; }
#col-first, .col-only { margin-left:28px; }
.col-only { margin-right:28px; }

.vertical-scroll-panel { overflow:hidden; background:url(cushion/column-body-bg.gif) repeat-y; }

#col-first #pnl-chat { background:url(cushion/column-body-yellow.gif) repeat-y; }
.column-panel { position:relative; margin-bottom:12px; }
.column-panel>.head { background:#2BABE2 url(cushion/column-head-body.gif) repeat-y; }
.column-panel>.head>.top { height:9px; background:url(cushion/column-head-top.gif) no-repeat; }
.column-panel .body { position:relative; }
.column-panel .content { position:relative; }
.column-panel .body.short { height:231px; }
.column-panel .body.tall { height:554px; }
.column-panel .content .intro { position:relative; }
.column-panel .content .intro P { margin:24px; color:#888; }
.intro IMG.avatar { width:62px; height:62px; margin:12px; float:left; }
.intro H2 { font-size:18px; float:left; width:180px; line-height:23px; color:#2BABE2; padding-top:12px; font-weight:bold; }
EM.date, EM.partner { margin-left:0px; white-space:nowrap; font-size:12px; color:#8B8B8B; }
EM.partner { margin-left:12px !important; font-weight:bold; color:#484848; }
B.dot { position:relative; top:-2px; font-size:32px; line-height:12px; color:#DDD; }
B.dot.short { font-size:12px; }
I.author { font-size:12px; color:#8B8B8B; font-style:normal; }
DIV.body DIV.intro STRONG.partner { color:#555; margin-left:12px; font-size:9px; font-weight:bold; }
DIV.body DIV.intro STRONG.partner I.icon { float:none; display:inline-block; }
.column-panel .content .body { margin:0 32px 12px 12px; color:#8B8B8B; font-size:12px; line-height:20px; }
.column-panel .content .body OL LI { margin-bottom:8px; }
.column-panel .fadeout { height:47px; width:284px; position:absolute; left:3px; bottom:0; border-bottom:#FFF 1px solid; background:url(cushion/column-fadeout.png) bottom repeat-x; }
.column-panel .scrollbar { width:14px; height:205px; background:url(cushion/pnl-scroll-bg.gif) repeat-y; position:absolute; bottom:12px; right:8px; }
.column-panel .tall .scrollbar { height:530px; }
.scrollbar .handle { position:absolute; top:0; width:14px; height:14px; line-height:14px; font-size:48px; color:#FF9; text-align:center; background:url(cushion/btn-scroll-handle.gif) no-repeat; cursor:pointer; display:block; }
.column-panel.x1>.foot { height:12px; background:#FFF url(cushion/column-foot-yellow.gif) no-repeat; }
.column-panel.x2 .foot { position:relative; margin-left:1px; width:288px; border-top:#DDD 1px solid; background:url(cushion/column-body-grey.gif) -1px repeat-y; }
.column-panel .foot A { line-height:25px; margin-right:12px; }
.column-panel.x2 .foot .end { height:11px; clear:both; background:url(cushion/column-foot-grey.gif) -1px no-repeat; }

#lbl-welcome-needlers { height:28px; background:url(cushion/lbl-welcome-needlers.gif) 15px 0 no-repeat; }
#lbl-welcome-needlers B { display:none; }
#pnl-needler-collage { height:183px; background:url(cushion/pnl-needler-collage.jpg) no-repeat; position:relative; }
#pnl-check-all-points { overflow:hidden; position:relative; width:240px; margin:0 auto; padding:8px 0; text-align:center; border:#999933 2px solid; color:#5E5D2E; background:#FFF; }
#pnl-check-all-points B { display:block; }
#btn-launch-chat { clear:left; display:block; width:166px; height:40px; background:url(cushion/btn-launch-chat.gif) no-repeat; margin:4px auto; }
#btn-launch-chat B { display:none; }

#lbl-needle-news { height:28px; background:url(cushion/lbl-needle-news.gif) 15px 0 no-repeat; }
#lbl-customer-feedback { height:28px; background:url(cushion/lbl-customer-feedback.gif) 15px 0 no-repeat; }
.review { margin:0 32px 12px 12px; }
BODY I.circle { color:#000; display:block; margin:0 8px 0 0; position:relative; top:4px; background:url(cushion/ico-circles.gif) 0 0 no-repeat; width:29px; height:29px; line-height:29px; font-size:16px; letter-spacing:-.1em; font-weight:normal; text-align:center; float:left; }
I.circle.x2 { background-position:0 -30px; }
I.circle.x3 { background-position:0 -60px; }
I.circle.x4 { background-position:0 -90px; }
I.circle.x5 { background-position:0 -120px; }
I.circle.x6 { background-position:0 -150px; }
I.circle.x7 { background-position:0 -180px; }
I.circle.x8 { background-position:0 -210px; }
I.circle.x9 { background-position:0 -240px; }
I.circle B { position:absolute; display:block; width:35px; text-align:center; left:-2px; top:-2px; color:#FFF; font-weight:normal; }
.review .date, .review .author { color:#CCC; }
.review BLOCKQUOTE { margin:4px 0; padding:0; font-size:12px; line-height:17px; color:#8B8B8B; }
#lbl-partner-updates { height:28px; background:url(cushion/lbl-partner-updates.gif) 15px 0 no-repeat; }
#lbl-needle-news B,
#lbl-customer-feedback B,
#lbl-partner-updates B { display:none; }

DIV.leader-board { padding-top:12px; }
DIV.leader-list-head { margin:0 0 0 24px; }
DIV.leader-list-head EM { display:inline-block; line-height:12px; width:133px; font-size:10px; text-transform:uppercase; font-weight:bold; color:#222; }
DIV.leader-list-head B { display:inline-block; line-height:10px; width:50px; text-align:center; text-transform:uppercase; font-size:7px !important; color:#2BABE2; }
UL.leader-list { margin-left:20px; padding-bottom:12px; }
UL.leader-list LI.notfirst { margin:2px 0px; }
UL.leader-list LI B.rank { display:block; float:left; margin-left:6px; line-height:22px; width:22px; height:22px; text-align:center; color:#888; }
UL.leader-list LI IMG { vertical-align:top; height:22px; width:22px; float:left; margin-right:2px; }
UL.leader-list LI EM { line-height:22px; color:#2BABE2; display:block; float:left; width:85px; overflow:hidden; white-space:nowrap; font-weight:normal; font-style:normal; font-size:12px; }
UL.leader-list LI VAR { line-height:22px; font-style:normal; display:inline-block; width:50px; font-size:12px; font-weight:bold; color:#222; text-align:center; }
UL.leader-list LI.first { background:url(cushion/pnl-lead-body.gif) repeat-y; }
UL.leader-list LI.first DIV.head { height:5px; background:url(cushion/pnl-lead-head.gif) no-repeat; }
UL.leader-list LI.first DIV.foot { height:7px; background:url(cushion/pnl-lead-foot.gif) no-repeat; }
UL.leader-list LI.first B.rank { text-indent:-9999px; background:url(cushion/star-1.gif) no-repeat; }

#lbl-my-stats { text-indent:-9999px; width:67px; height:32px; background:url(cushion/lbl-my-stats.gif) bottom no-repeat; margin:0 0 0 14px; }

#pnl-partner-tools, .tab-column { position:relative; }
#pnl-partner-tools #lst-my-partners { float:right; width:150px; }
.tab-column>.nav { background:url(cushion/tab-panel-head.gif) no-repeat; width:290px; height:43px; }
.tab-column .nav B { text-transform:uppercase; display:block; width:106px; height:42px; margin-left:8px; overflow:hidden; text-align:center; float:left; line-height:42px; }
.tab-column .nav UL { overflow:hidden; position:relative; top:12px; left:8px; width:150px; height:24px; }
.tab-column .nav LI { text-transform:uppercase; float:left; line-height:12px; font-size:9px; color:#888; padding:0 8px; }
.tab-column .nav LI:hover { text-decoration:underline; color:#2BABE2; cursor:pointer; }
.tab-column .nav LI.active { display:none; }
.tab-column>.body { background:url(cushion/tab-panel-body.gif) repeat-y; }
.tab-column>HR.line { border-bottom:#CCC 1px solid; background:#FFF none; width:auto; height:1px; margin:0 0 0 1px; padding:0; }
.tab-column>.body .intro { margin:0 12px 0 16px; }

.column-575 { width:575px; background:#EEE url(cushion/pnl-575-body.gif) repeat-y; }
.column-575>DIV.head { width:575px; height:17px; background:url(cushion/pnl-575-head.gif) no-repeat; }
.column-575>DIV.foot { clear:left; width:575px; height:17px; background:url(cushion/pnl-575-foot.gif) no-repeat; }

.column-888 { width:888px; background:#EEE url(cushion/pnl-888-body.gif) repeat-y; margin-bottom:12px; }
.column-888>DIV.head { width:888px; height:17px; background:url(cushion/pnl-888-head.gif) no-repeat; }
.column-888>DIV.foot { clear:left; width:888px; height:17px; background:url(cushion/pnl-888-foot.gif) no-repeat; }

#pnl-blocks { height:11px; margin:0 0 12px 16px; padding-top:12px; }
#pnl-blocks A { display:block; float:left; background:url(cushion/ico-blocks.gif); width:11px; height:11px; background-position: 11px 0; }
#pnl-blocks A B { display:none; }
#pnl-blocks A.active { background-position: 0 0; }

#pnl-partner-stats { margin-left:16px; }
#lbl-block-num { width:48px; border:#AAA 1px solid; margin-right:8px; height:48px; line-height:48px; font-size:32px; text-align:center; color:#999; background:url(cushion/reflect-grey-yellow.gif) repeat-x; display:block; float:left; }
#pnl-partner-tools .pair-panel SPAN { display:block; font-size:11px; line-height:18px; color:#888; float:left; width:150px; overflow:hidden; }
#pnl-partner-tools .pair-panel.wide SPAN { clear:left; display:block; font-size:11px; line-height:18px; color:#888; float:left; width:130px; overflow:hidden; }
#pnl-partner-tools .pair-panel EM,
#pnl-partner-tools .pair-panel.wide EM { display:block; font-size:11px; font-weight:bold; color:#555; text-align:right; width:50px; float:left; line-height:18px; }
#pnl-partner-tools .pair-panel.wide EM { width:128px; color:#888; }
#pnl-partner-tools .pair-panel.wide EM B { color:#555; }
#pnl-partner-tools A.wide-button { display:block; height:75px; background:url(cushion/btn-column-wide.gif) center no-repeat; clear:left; }
#pnl-partner-tools A.wide-button B { display:block; line-height:75px; font-size:14px; color:#555; text-align:center; }
#pnl-partner-tools A.wide-button:hover B { text-decoration:none !important; color:#333; }

#sat-score, #chat-count, B.b-stat { position:relative; }
.pns-stat-sales-window {display: none;}
#pnl-current-level { margin-left:16px; font-weight:bold; }

#lst-stat-boxes { clear:left; padding:8px 0 4px 0; }
#lst-stat-boxes LI { width:62px; height:40px; margin:0 3px 3px 0; float:left; background:#FFF; border-top:#CCC 1px solid; }
#lst-stat-boxes LI.end { height:1px; border:0; clear:left; float:none; background:transparent; }
#lst-stat-boxes LI EM { display:block; padding:4px 0 4px 0; text-align:center; width:62px; font-size:7px !important; font-weight:bold; color:#2BABE2 !important; }
#lst-stat-boxes LI B { text-align:center; display:block; width:62px; font-size:12px; font-weight:normal; color:#888; }

#btn-partner-stats-summary, A.leaderboard-history-button { float:right; font-size:11px; margin:0px 16px 4px 0px; text-decoration:underline; }
A.leaderboard-history-button { text-align:right; padding-bottom:8px; margin-bottom:0; display:block; float:none; }
#pnl-partner-stats-summary DL.stats-summary-list { display:none; margin:0px 0px 0px 16px; }
#pnl-partner-stats-summary.active DL.stats-summary-list { display:block; }
#pnl-partner-stats-summary DL.stats-summary-list DT.head { font-weight:bold; }
#pnl-partner-stats-summary DL.stats-summary-list DT.head B { background:#CCC; border-top:#AAA 1px solid; height:20px; line-height:20px; color:#FFF; }
#pnl-partner-stats-summary DL.stats-summary-list B { cursor:pointer; text-decoration:none; display:block; width:63px; margin:0px 2px 0px 0px; height:14px; line-height:14px; font-size:11px; font-weight:normal; color:#2BABE2; text-align:center; float:left; }
#pnl-partner-stats-summary DL.stats-summary-list B.summary-date { width:80px; }
#pnl-partner-stats-summary DL.stats-summary-list B.stack { width:45px; }
#pnl-partner-stats-summary DL.stats-summary-list DD DIV { display:none; font-size:10px; clear:left; margin:2px 24px 0px 12px; padding-bottom:4px; background:#FFC url(../img/F-FFC_250x250.gif) top left no-repeat; border:#CCC 1px solid; }
#pnl-partner-stats-summary DL.stats-summary-list DIV DL DT { margin:0px 0px 0px 12px; padding:0px; width:85px; clear:left; float:left; }
#pnl-partner-stats-summary DL.stats-summary-list DIV DL DT.head { margin:6px 0px 4px 8px; }
#pnl-partner-stats-summary DL.stats-summary-list DIV DL DD { font-weight:bold; margin:0px; padding:0px; width:60px; float:left; }
#pnl-partner-stats-summary DL.stats-summary-list DIV DL.points DT { width:160px; border-bottom:#CCC 1px solid; padding:2px 0px; }
#pnl-partner-stats-summary DL.stats-summary-list DIV DL.points DT.head { border-bottom:0px; }
#pnl-partner-stats-summary DL.stats-summary-list DIV DL.points DD { text-align:right; width:50px; padding:2px 0px; border-bottom:#CCC 1px solid;  }

#pnl-blocks-statement DL.stats-summary-list { clear:left; margin:0px 0px 0px 16px; }
#pnl-blocks-statement.active DL.stats-summary-list { display:block; }
#pnl-blocks-statement DL.stats-summary-list DT { clear:left; }
#pnl-blocks-statement DL.stats-summary-list DT.head { font-weight:bold; }
#pnl-blocks-statement DL.stats-summary-list DT.head B { background:#CCC; border-top:#AAA 1px solid; height:20px; line-height:20px; color:#FFF; }
#pnl-blocks-statement DL.stats-summary-list B { cursor:pointer; text-decoration:none; display:block; width:173px; margin:0px 2px 0px 0px; height:14px; line-height:14px; font-size:11px; font-weight:normal; color:#2BABE2; text-align:center; float:left; }
#pnl-blocks-statement DL.stats-summary-list B.detail { width:223px; }
#pnl-blocks-statement DL.stats-summary-list B.qualified { width:130px; }
#pnl-blocks-statement DL.stats-summary-list B.id { width:75px; }
#pnl-blocks-statement DL.stats-summary-list B.csat { width:75px; }
#pnl-blocks-statement DL.stats-summary-list>DD { clear:left; }
#pnl-blocks-statement DL.stats-summary-list DD DIV { display:none; font-size:11px; clear:left; margin:2px 24px 0px 12px; padding-bottom:4px; background:#FFC url(../img/F-FFC_250x250.gif) top left no-repeat; border:#CCC 1px solid; }
#pnl-blocks-statement DL.stats-summary-list DIV DL DT { margin:0px 0px 0px 12px; padding:0px; width:345px; clear:left; float:left; }
#pnl-blocks-statement DL.stats-summary-list DIV DL DT.head { border-right:0px; margin:6px 0px 4px 8px; }
#pnl-blocks-statement DL.stats-summary-list DIV DL DD { font-weight:bold; margin:0px; padding:0px; width:80px; float:left; }
#pnl-blocks-statement DL.stats-summary-list DIV DL.points { border-bottom:#CCC 1px solid; }
#pnl-blocks-statement DL.stats-summary-list DIV DL.points DT { width:555px; padding:2px 0px; }
#pnl-blocks-statement DL.stats-summary-list DIV DL.points DT.head { border-bottom:0px; }
#pnl-blocks-statement DL.stats-summary-list DIV DL.points DD { text-align:right; width:250px; padding:2px 0px;  }
#pnl-blocks-statement DL.stats-summary-list DD DIV UL.block-view:hover { background: #d4eef9 }
#pnl-blocks-statement DL.stats-summary-list DD DIV UL.block-view:hover LI { background: #d4eef9 }
#pnl-blocks-statement DL.stats-summary-list DD DIV UL LI.block-item { font-size:11px; clear:left; margin:2px 24px 0px 12px; padding-bottom:16px; padding-top: 8px; background:#FFC; }
#pnl-blocks-statement DL.stats-summary-list DD DIV UL LI.block-detail-item { font-size:11px; clear:left; margin:2px 24px 0px 12px; padding-bottom:16px; background:#FFC; border-bottom:#CCC 1px solid;   }
#pnl-blocks-statement DL.stats-summary-list DD DIV UL LI.block-item DD B { width:173px; color: #000; }
#pnl-blocks-statement DL.stats-summary-list DD DIV UL LI.block-item DD B.detail { width:223px; }
#pnl-blocks-statement DL.stats-summary-list DD DIV UL LI.block-item DD B.qualified { width:130px; }
#pnl-blocks-statement DL.stats-summary-list DD DIV UL LI.block-item DD B.item-index { width:48px; }
#pnl-blocks-statement DL.stats-summary-list DD DIV UL LI.block-item DD B.csat { width:35px; text-align: right; }
#pnl-blocks-statement DL.stats-summary-list DD DIV UL LI.block-detail-item DD B { width:173px; color: #8c8c8c; }
#pnl-blocks-statement DL.stats-summary-list DD DIV UL LI.block-detail-item DD B.id { width:305px; }
#pnl-blocks-statement DL.stats-summary-list DD DIV UL LI.block-detail-item DD B.sales { width:305px; }
#pnl-stacks-statement DL.stack-points DT {  margin:0px 0px 0px 12px; clear:left; float:left; width:555px; padding:4px 0px; }
#pnl-stacks-statement DL.stack-points DT.head { width:303px; border-right:0px; margin:6px 0px 0px 8px; font-weight:bold;  border-bottom:#CCC 1px solid; }
#pnl-stacks-statement DL.stack-points DD.head { width:555px; font-weight: normal; border-bottom:#CCC 1px solid; margin:6px 0px 8px 0px; }
#pnl-stacks-statement DL.stack-points DD { font-weight:bold;  text-align:right; width:303px; padding:4px 0px; float:left; }

#pnl-spotlight-head { }
#lbl-spotlight { width:120px; height:46px; background:url(cushion/lbl-spotlight.gif) 16px 16px no-repeat; }
#lbl-spotlight B { display:none; }
#btn-spotlight-user { width:135px; height:135px; float:left; display:block; position:relative; background:url(cushion/pnl-thumb-bg.gif) no-repeat; overflow:hidden; margin:0 6px 0 12px; }
#btn-spotlight-user IMG { position:relative; top:16px; left:16px; }
#pnl-spotlight-head P { line-height:17px; width:120px; overflow:hidden; }
#pnl-spotlight-head P EM { font-size:14px; color:#2BABE2; }
#pnl-spotlight-head P B { display:block; color:#888; font-weight:normal; font-size:11px; }
#pnl-spotlight-head P B.score { padding-top:12px; }
#pnl-spotlight-head P STRONG { color:#00A33D; font-size:30px; line-height:30px; font-weight:bold; letter-spacing:-.12em}
#pnl-spotlight-about { margin:0 12px 0 16px; }
#pnl-partner-tools #pnl-spotlight-about SPAN,
#pnl-partner-tools .column-body EM.val-wide { font-size:12px; line-height:21px; }

#lbl-featured-chat { background:url(cushion/lbl-featured-chat.gif) 16px 20px no-repeat; height:45px; }
#lbl-featured-chat B { display:none; }
.tab-column>.foot { height:10px; background:url(cushion/tab-panel-foot.gif) repeat-y; }

A.star-link { position:absolute; top:0; right:8px; }
A.star-link B { position:absolute; right:20px; display:block; float:left; color:#FFF; font-size:14px; }
A.star-link I { display:block; width:17px; height:17px; background:url(cushion/ico-star.gif) center no-repeat; }

I.got-point { cursor:pointer; position:relative; float:left; top:-8px; margin-bottom:-8px; left:12px; width:130px; height:33px; background:url(cushion/chk-got-point.gif) 0px 0px no-repeat; }
I.got-point.checked { background-position:0px -33px; }
DIV.content UL.got-point-list { margin:0px; }
DIV.content UL.got-point-list LI { clear:left; margin:8px 0; padding:0px; width:auto; }
DIV.content UL.got-point-list I.got-point { background-position:0px -46px; float:left; height:24px; left:0px; top:0px; width:35px; }
DIV.content UL.got-point-list SPAN.title { color:#2BABE2; display:block; float:left; font-weight:bold; line-height:20px; width:205px; }
DIV.content UL.got-point-list B.dot { margin-left:36px; line-height:9px; top:-8px; }
DIV.content UL.got-point-list EM { font-size:9px; line-height:9px; margin-left:0px; position:relative; top:-8px; }
DIV.content UL.got-point-list EM I { display:inline-block; float:none; }

/* Expanded Leaderboard */
#pnl-leaderboard-history H3 { color:#888; line-height:32px; }
#pnl-leaderboard-history TABLE { margin-bottom:24px; width:100%; }
#pnl-leaderboard-history TABLE TR.alt TD { background:#EEE; }
#pnl-leaderboard-history TABLE TD.needler { text-align:left; }
#pnl-leaderboard-history TABLE TD.needler IMG { margin-right:8px; float:left; }
#pnl-leaderboard-history TH { font-size:11px; }
#this-week-leaderboard, #last-week-leaderboard { width:420px; float:left; }
#this-week-leaderboard TD, #last-week-leaderboard TD { font-size:13px; line-height:13px; text-align:center; }
#last-week-leaderboard { margin-left:50px; }
#this-week-leaderboard TD.schedule_opens,
#last-week-leaderboard TD.schedule_opens {
	font-size: 9px;
	color: #888;
	line-height: 10px;
}


/* Custom Icons */
I.icon { vertical-align:middle; display:inline-block; width:16px; height:16px; background:url(../img/icons/brick.png) center no-repeat; }
I.icon.toggle-closed { background-image:url(../img/icons/bullet_arrow_right.png); }
I.icon.toggle-open { background-image:url(../img/icons/bullet_arrow_down.png); }
I.icon.close { background-image:url(../img/icons/cross.png); cursor:pointer !important; }
I.icon.chat { margin-left:8px; background-image:url(../img/icons/user_comment.png); }
I.icon.observe { margin-left:8px; background-image:url(../img/icons/eye.png); }
I.icon.staging { margin-left:8px; background-image:url(../img/icons/server.png); }
I.icon.spinner { background:url(../img/wait20.gif) -1px -1px no-repeat; width:18px; height:18px; }
I.icon.hover-help { background-image:url(../img/icons/note.png); }
A.hover-help { text-decoration:none; display:inline-block; width:17px; height:17px; margin-left:8px; background:url(cushion/ico-help.png); overflow:visible; position:relative; }
A.hover-help I { display:none; }
A.hover-help:hover I { font-style:normal; color:#444; display:block; position:absolute; left:20px; top:20px; width:250px; padding:10px; background:#FFC url(../img/F-FFC_250x250.gif) top left no-repeat; border:#CCC 1px solid; -moz-box-shadow:0 0 10px #999; -webkit-box-shadow:0 0 10px #999; box-shadow:0 0 10px #999; }
B.busy-indicator { display:block; float:left; width:32px; height:32px; background:url(../img/loading.gif) no-repeat; }
B.mini-profile-pic { width:28px; height:28px; background:#FFF url(cushion/ico-avatar.gif) center no-repeat; display:block; margin:1px 8px 2px 0px; border:#CCC 1px solid; clear:left; float:left; }

B.partner-logo { display:block; background:none center no-repeat; font-size:1px; color:transparent; letter-spacing:-999px; width:220px; height:60px; }

/* ICONS FOR CALENDAR-SCHEDULER */
.ui-button-text I.icon { margin-right:6px; }
I.icon.erase, I.icon.cross { background:#C00 url(../img/x-red_32x32.gif) repeat; border:#900 1px solid; }
I.icon.sched-2 { background:url(../img/hatch-yellow.gif) repeat; border:#996 1px solid; }
I.icon.sched-4, I.icon.sched-request { background:transparent url(../img/hatch-green-32.png) repeat; border:#393 1px solid; }
I.icon.sched-6 { background:url(../img/hatch-blue.gif) repeat; border:#339 1px solid; }
I.icon.sched-8 { background:url(../img/hatch-purple.gif) repeat; border:#939 1px solid; }

.ui-helper-hidden-accessible { left:-99999px; }

/* CHAT-LIST */
TABLE.fancy-table { width:888px; margin:15px 0 30px 0; border:0; padding:0; }
TABLE.fancy-table THEAD TH { font-weight:normal; color:#FFF; border:0; padding:0; text-align:center; border-left:#187BB0 1px solid; position:relative; height:32px; background:url(cushion/cell-blue-top.gif) 0 -1px repeat-x; line-height:32px; }
TABLE.fancy-table TH.partner { border-left:0; width:222px; }
TABLE.fancy-table TH.actions { width:220px; }
TABLE.fancy-table TH I.top-left { background:url(cushion/cell-blue-top-left.gif) -1px -1px no-repeat; width:8px; height:32px; display:block; float:left; }
TABLE.fancy-table TH I.top-right { background:url(cushion/cell-blue-top-right.gif) -1px -1px no-repeat; width:8px; height:32px; display:block; float:right; }
TABLE.fancy-table TBODY TD { border-left:#AAA 1px solid; border-bottom:#AAA 1px solid; position:relative; height:32px; }
TABLE.fancy-table TR.alt TD { background:#E8E8E8; }
TABLE.fancy-table TBODY TD { text-align:center; }
TABLE.fancy-table TBODY TD.actions { text-align:center; border-right:#AAA 1px solid; }
TABLE.fancy-table TD.actions DIV.wrap { white-space:nowrap; margin:0 20px; }
TABLE.fancy-table TD.actions BUTTON.action-button { cursor:pointer !important; border:0; padding:0; display:block; width:83px; height:31px; background:url(cushion/btn-action.gif) top left no-repeat; color:#7E7D3E; font-size:9px; line-height:12px; float:left; margin:0 4px 0 0; text-align:center; }
TABLE.fancy-table TD.actions BUTTON.action-button.disabled { background-position:bottom left; }
TABLE.fancy-table TD.actions BUTTON.action-button.disabled I.icon { opacity:0.5; filter:alpha(opacity=50); }
TABLE.fancy-table TD.actions BUTTON.action-button.x2 { }
TABLE.fancy-table TFOOT TD { border:0; padding:0; height:32px; background:url(cushion/cell-blue-bottom.gif) top repeat-x; }
TABLE.fancy-table TFOOT TD I.bottom-left { background:url(cushion/cell-blue-bottom-left.gif) -1px 0 no-repeat; width:8px; height:32px; display:block; float:left; }
TABLE.fancy-table TFOOT TD I.bottom-right { background:url(cushion/cell-blue-bottom-right.gif) 0 0 no-repeat; width:8px; height:32px; display:block; float:right; }

TABLE.fancy-table-list { width:444px; margin:15px 0 30px 0; border:0; padding:0; }
TABLE.fancy-table-list THEAD TH { font-weight:normal; color:#FFF; border:0; padding:0; text-align:center; border-left:#187BB0 1px solid; position:relative; height:32px; background:url(cushion/cell-blue-top.gif) 0 -1px repeat-x; line-height:32px; }
TABLE.fancy-table-list TH.partner { border-left:0; width:222px; }
TABLE.fancy-table-list TH.actions { width:220px; }
TABLE.fancy-table-list TH I.top-left { background:url(cushion/cell-blue-top-left.gif) -1px -1px no-repeat; width:8px; height:32px; display:block; float:left; }
TABLE.fancy-table-list TH I.top-right { background:url(cushion/cell-blue-top-right.gif) -1px -1px no-repeat; width:8px; height:32px; display:block; float:right; }
TABLE.fancy-table-list TBODY TD { border-left:#AAA 1px solid; border-bottom:#AAA 1px solid; position:relative; height:32px; }
TABLE.fancy-table-list TR.alt TD { background:#E8E8E8; }
TABLE.fancy-table-list TBODY TD { text-align:center; }
TABLE.fancy-table-list TBODY TD.actions { text-align:center; border-right:#AAA 1px solid; }
TABLE.fancy-table-list TD.actions DIV.wrap { white-space:nowrap; margin:0 20px; }
TABLE.fancy-table-list TD.actions BUTTON.action-button { cursor:pointer !important; border:0; padding:0; display:block; width:83px; height:31px; background:url(cushion/btn-action.gif) top left no-repeat; color:#7E7D3E; font-size:9px; line-height:12px; float:left; margin:0 4px 0 0; text-align:center; }
TABLE.fancy-table-list TD.actions BUTTON.action-button.disabled { background-position:bottom left; }
TABLE.fancy-table-list TD.actions BUTTON.action-button.disabled I.icon { opacity:0.5; filter:alpha(opacity=50); }
TABLE.fancy-table-list TD.actions BUTTON.action-button.x2 { }
TABLE.fancy-table-list TFOOT TD { border:0; padding:0; height:32px; background:url(cushion/cell-blue-bottom.gif) top repeat-x; }
TABLE.fancy-table-list TFOOT TD I.bottom-left { background:url(cushion/cell-blue-bottom-left.gif) -1px 0 no-repeat; width:8px; height:32px; display:block; float:left; }
TABLE.fancy-table-list TFOOT TD I.bottom-right { background:url(cushion/cell-blue-bottom-right.gif) 0 0 no-repeat; width:8px; height:32px; display:block; float:right; }

label.choose-partners { display:block; clear:left; float:left; color:#CCC; position: relative; top:12px; left:22px; font-size:14px; margin-right:8px; font-weight:normal; }
select.choose-partners { display:block; top:6px; left:30px; position:relative; float:left; }

#tbl-partner-reports, #tbl-partner-faqs { margin-left:30px; }
#tbl-partner-reports TH, #tbl-partner-faqs TH { border:0px; }
#tbl-partner-reports TD, #tbl-partner-faqs TD { border-right:#CCC 1px solid; }
#tbl-partner-reports TFOOT TD, #tbl-partner-faqs TFOOT TD { border-right:0; }

#pnl-foot { width:932px; position:relative; margin:12px auto; padding:0; color:#CCC; font-size:12px; }
BODY.iframe #pnl-foot { width:480px; display:none; }
#pnl-foot A { color:#CCC; text-decoration:none; }
#pnl-foot A:hover { color:#AAA; text-decoration:underline; }
#lbl-copyright { float:right; }

#lightbox { font-size:11px; padding:5px; overflow:truncate; margin:0px; opacity:.90; filter:alpha(opacity=90); font-family: Arial; color: #111; }

#frm-my-schedule { position:relative; margin:12px 0 24px 32px; }
#frm-my-schedule B.partner-logo { position:absolute; left:0px; top:0px; }
#lbl-lst-schedule-partners { display:block; clear:left; float:left; color:#CCC; position: relative; top:12px; left:22px; font-size:14px; margin-right:8px; font-weight:normal; }
#lst-schedule-partners { display:none; top:6px; left:30px; position:relative; float:left; }
#lst-schedule-legend { display:none; position:relative; border:#CCC 1px solid; background:#FFC url(../img/F-FFC_250x250.gif) top left no-repeat; float:right; width:400px; margin-right:32px; -moz-border-radius:12px; -webkit-border-radius:12px; border-radius:12px; margin-bottom:24px; }
#lst-schedule-legend>DT, #lst-schedule-legent>DD { position:relative; left:8px; }
#lst-schedule-legend>DT { font-size:11px; color:#999; line-height:22px; margin-left:10px; width:300px; float:left; }
#lst-schedule-legend>DT I.icon { margin:8px 2px 0 0; }

#lst-schedule-legend>DT#lbl-my-open-date { font-size:12px; width:200px; line-height:32px; }
#lst-schedule-legend>DT#lbl-my-open-date B { font-weight:normal; color:#369; margin:0px; }
#lst-schedule-legend>DD#val-my-open-date { font-weight:normal; color:#900; width:180px; line-height:32px; font-size:12px; }

#lst-schedule-legend>DD { color:#999; line-height:22px; font-size:18px; width:85px; float:left; }
#lst-schedule-legend>DT.end { clear:left; float:none; height:3px; }
#lst-schedule-legend>DD#lbl-page-clock { position:absolute; width:300px; text-align:right; font-size:11px; color:#CCC; bottom:-24px; right:20px; }
#lst-schedule-legend B { color:#000; margin:0 4px; }

#lst-schedule-heat { display:none; clear:left; }
#lst-schedule-heat LI { float:left; width:16px; height:16px; }

#lst-calendar-legend { }
#lst-calendar-legend LI { float:left; font-size:11px; line-height:16px; color:#888; padding-right:8px; }
#lst-calendar-legend LI B { float:left; margin-right:4px; display:block; border:#888 1px solid; width:16px; height:16px; background:#EEE; }
#lst-calendar-legend LI B.heat { background:#FFF url(../img/ico-hues.gif) no-repeat; border:#222 1px solid; }
#lst-calendar-legend LI B.not-available, I.icon.not-avail { background:url(../img/hatch-dark-32.png) repeat; border:#222 1px solid; }
#lst-calendar-legend LI B.open-day { height:7px; width:20px; border:#2BABE2 2px solid; border-left:0; border-right:0; background:#FFF; border-bottom-color:#C00; margin-top:3px; }
#lst-calendar-legend LI B.request,
#lst-calendar-legend LI B.committed { background:url(../img/hatch-green_FFF.gif) repeat; }
#pnl-schedule-calendar { width:905px; position:relative; margin:12px 0 0 0; }
#pnl-schedule-calendar>STRONG { font-weight:normal; color:#999; font-size:18px; }
#pnl-schedule-calendar #lst-hours { margin-left:89px; width:770px; }
#pnl-schedule-calendar #lst-hours LI { float:left; line-height:25px; text-align:center; width:31px; border-right:#EEE 1px solid; }
#pnl-schedule-calendar #lst-hours LI.am { background:url(../img/am.gif) bottom right no-repeat; }
#pnl-schedule-calendar #lst-hours LI.pm { background:url(../img/pm.gif) bottom right no-repeat; }
#pnl-schedule-calendar #lst-hours LI.hour-0 { text-indent:-9999px; background:url(../img/icons/moon.png) center no-repeat; }
#pnl-schedule-calendar #lst-hours LI.hour-12 { text-indent:-9999px; background:url(../img/icons/weather_sun.png) center no-repeat; }
#pnl-schedule-calendar #lst-days { clear:left; float:left; text-align:right; width:84px; margin-right:4px; }
#pnl-schedule-calendar #lst-days LI { font-size:11px; line-height:31px; clear:left; border-bottom:#EEE 1px solid; border-top:#EEE 0px solid; }
#lst-days LI B { font-size:11px; font-weight:normal; color:#999; }
#pnl-schedule-calendar>.canvas-layers { width:770px; float:left; position:relative; }
#pnl-schedule-calendar>.canvas-layers>.calendar-cells { position:absolute; }
#pnl-schedule-calendar>.canvas-layers>.calendar-cells SPAN { clear:left; display:block; height:32px; }
#pnl-schedule-calendar>.canvas-layers>.calendar-cells SPAN B { display:block; float:left; width:32px; height:32px; background:none transparent; }
#pnl-schedule-calendar CANVAS { width:770px; position:absolute; }
#lst-days-sum { position:absolute; right:0px; top:26px; width:42px; }
#lst-days-sum LI { color:#999; line-height:32px; }
#lst-days-sum>LI>B { color:#000; margin:0 4px; }

#pnl-schedule-calendar-pens { display:none; float:left; margin:8px 0 0 120px; }
#pnl-schedule-calendar-pens #lbl-pen-committed { display:none; }
#pnl-schedule-calendar-actions { display:none; }
#btn-submit-schedule, #btn-revert-schedule { float:left; font-weight:normal; position:relative; margin:8px 0 8px 40px; }
#btn-revert-schedule { margin:8px 8px 8px 12px; }
#lbl-schedule-save-note { color:#888; display:block; clear:both; float:right; width:240px; margin-right:180px; }
#btn-schedule-options { display:none; float:left; padding-top:8px; }
#btn-schedule-options>I { margin-right:6px; }
#btn-submit-schedule .ui-button-text, #btn-revert-schedule .ui-button-text { font-size:11px; padding:4px 0; margin:0 32px 0 32px; }
#pnl-schedule-options { width:380px; float:right;  margin:12px 52px 12px 0px; }
.schedule_moved {margin: 20px auto; width: 905px; background: aliceblue; }
.schedule_moved .title {font-size: 20px; text-align: center; padding:5px; }

#canvas-tool-tips { overflow:hidden; position:absolute; top:0; left:0; }
#canvas-tool-tips DIV { text-shadow:1px 1px 1px black, -1px -1px 1px black; position:absolute; text-align:right; color:#FFF; font-size:11px; font-weight:bold; width:32px; }

/* Training Area */
#pnl-training-index { margin:12px 32px; }
#lst-skullcandy-resources LI { line-height:18px; }

/* Transcript viewer styles */
#chat-history, #single-chat { font-size:11px; padding:5px; /*overflow: auto;*/ margin: 0px; /*background-color: #999*/; opacity: .90; filter: alpha(opacity=90); font-family: Arial; color: #111; /*height: 400px;*/ }
#selection { float: left; }
.chat-info-header { font-weight: bold; }
.chat-info { margin-right: 10px; }
.chat-separator { margin-bottom: 10px; background: #ddd; padding-left: 5px; }
.prev-chats { margin-bottom: 10px; }
.prev-chats p { font-weight: bold; }
.prev-chats-table { background: #ddd; }
.chat-end-separator { margin-top: 5px; height: 15px; margin-bottom: 5px; float: left; width: 100%; background: #999; border-top: 2px #333 dashed; }
.chat-element { clear: both; float: left; width: 100%; }
.chat-class { background-color: #FFF; float: left; width: 100%; }
.chat-name { width: 10%; float: left; overflow: hidden; margin-left: 5px; padding-top: 3px; padding-bottom: 3px; background-color: transparent; }
.chat-ts { width: 10%; float: left; overflow: hidden; padding-top: 3px; padding-bottom: 3px; background-color: transparent; }
.chat-comment { width: 70%; overflow: hidden; float: left; padding-top: 3px; padding-bottom: 3px; background-color: transparent; }
.chat-needler { background: lightgrey; }
.chat-leave { background-color: black; color: red; font-weight: bold; }
.chat-join { background-color: lightgreen; }
.chat-coupon { background-color: pink; }
.chat-canned { background-color: yellow; }
.chat-survey { margin-left: 10px; }

/*Report Issues */
.report-issue {padding:30px 30px;}
.report-issue h1 { font-weight: bold; font-size: x-large; padding-bottom:20px; }
.report-issue h2 { font-weight: bold; font-size: large; }
.report-issue h3 { color: black; font-size: normal;}
.report-issue ul { list-style-type: disc ; margin-left: 1.0em; padding-left: 1.0em; margin-top: 0}
.report-issue ol { list-style-type: decimal; }
.after-all { text-align: center; }
.issue-item { display:none; }
.issue-item ol { margin: 0;}
.spacer { height: 10px; }
.issue-item strong { font-weight: bold; display: block; }
.issue-item em { font-style: italic }

/* Help Popup Shtuff */
*.hover-help { cursor:pointer !important; }
#help-popup { display:none; position:absolute; width:300px; border:#FFF 1px solid; padding:4px 18px 12px 18px; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; -moz-box-shadow: 0px 0px 8px #999; -webkit-box-shadow: 0px 0px 8px #999; box-shadow: 0px 0px 8px #999; background:#EEE5D6 url(../img/F-EEE5D6_250x250.gif) top left no-repeat; }

/* Notification Messages */
#pnl-messages { position:fixed; top:12px; right:12px; width:400px; }
#pnl-messages UL { margin:0px; padding:0px; }
#pnl-messages UL LI { position:relative; background:#EEE5D6 url(../img/F-EEE5D6_250x250.gif) top left no-repeat; margin:4px; border:#000 1px solid; padding:8px 24px 8px 8px; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; -moz-box-shadow: 0px 0px 8px #333; -webkit-box-shadow: 0px 0px 8px #333; box-shadow: 0px 0px 8px #333; }
#pnl-messages UL LI UL { margin-top:12px; }
#pnl-messages UL LI LI { background:#F7F7F7 url(../img/F-F7_250x250.gif) top left no-repeat; }
#pnl-messages UL.success LI { background:#FFC url(../img/F-FFC_250x250.gif) top left no-repeat; }
#pnl-messages UL.error LI { background:#FFCECD url(../img/F-FFCECD_250x250.gif) top left no-repeat; }
#pnl-messages UL LI I.close { position:absolute; top:8px; right:8px; }

/* For login message block top_login_blurb */
#unauth-header { margin:0 24px; border:#999 1px solid; padding:12px; background:#FFC url(../img/F-FFC_250x250.gif) top left no-repeat; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; -webkit-box-shadow:0 0 10px #69F; -moz-box-shadow:0 0 10px #69F; box-shadow:0 0 10px #69F; }
#unauth-header I.icon { font-size:24px; background:#2BABE2; color:#FFF; font-weight:bold; border-radius:6px; left:-5px; padding:0 1px 10px 6px; position:relative; text-shadow:0 0 5px #036; top:-7px; border:#FFF 2px solid; }

#frm-reset-password LABEL { font-weight:bold; margin-right:12px; }
#frm-reset-password #btn-password-reset { margin:12px 0 12px 55px; }

#enter_passcode .errorlist { color:#FF0000;}
#enter_passcode #thank_you { color:#FF0000;}

/* Report Issues */
.accordion-heading {
	border: 1px solid #aed0ea;
	font-weight: bold;
	color: #2779aa;
	text-indent: 20px;
	background: -moz-linear-gradient(top,  #e1ffff 0%, #e1ffff 7%, #e1ffff 12%, #fdffff 12%, #e6f8fd 30%, #c8eefb 54%, #bee4f8 75%, #b1d8f5 100%); /* FF3.6+ */
	background: -webkit-linear-gradient(top,  #e1ffff 0%,#e1ffff 7%,#e1ffff 12%,#fdffff 12%,#e6f8fd 30%,#c8eefb 54%,#bee4f8 75%,#b1d8f5 100%); /* Chrome10+,Safari5.1+ */
	background: linear-gradient(to bottom,  #e1ffff 0%,#e1ffff 7%,#e1ffff 12%,#fdffff 12%,#e6f8fd 30%,#c8eefb 54%,#bee4f8 75%,#b1d8f5 100%); /* W3C */


}

.accordion-heading a:hover {
	text-decoration: none;
}

.accordion-toggle:before {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;

  /* sprites.less reset */
  display: inline;
  width: auto;
  height: auto;
  line-height: normal;
  vertical-align: baseline;
  background-image: none;
  background-position: 0% 0%;
  background-repeat: repeat;
  margin-top: 0;
  content: "\f105";
  speak: none;
  padding-right: 30px;
}

.accordion-toggle:not(.collapsed):before {
	content: "\f107";
}

.accordion-toggle:not(.collapsed) {
	color: white;

	background: -moz-linear-gradient(top,  #d0e4f7 0%, #73b1e7 24%, #0a77d5 50%, #539fe1 79%, #87bcea 100%); /* FF3.6+ */
	background: -webkit-linear-gradient(top,  #d0e4f7 0%,#73b1e7 24%,#0a77d5 50%,#539fe1 79%,#87bcea 100%); /* Chrome10+,Safari5.1+ */
	background: linear-gradient(to bottom,  #d0e4f7 0%,#73b1e7 24%,#0a77d5 50%,#539fe1 79%,#87bcea 100%); /* W3C */

}

/* Password Change Form*/
#password-change-form UL.errorlist {color:red;}

/* Bridge */
.form-container {
	display: flex;
	flex-direction: column;
	min-height: 800px;
}

.form-row {
	flex: 1;
	margin: 0 auto;
	max-width: 400px;
	min-width: 400px;
	text-align: center;
}

.auth-brand {
	max-height: 100px;
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
}

.auth-brand-logo {
	margin: 0 auto;
	width: 220px;
	height: 60px;
	background-repeat: no-repeat;
}


.auth-greeting {
	font-size: 2em;
	font-weight: 900;
	color: RGB(14, 14, 14);
	max-height: 60px;
	flex: 1;
	display: flex;
	justify-content: center;
}

.auth-avatar-block-mini {
	flex: 1;
}


.auth-avatars {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	max-height: 100px;
}

.auth-avatars-container {
	max-width: 230px;
	flex: 1;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}

.auth-avatar-block {
	flex: 2;
}

.auth-avatar {
	height: 90px;
	width: 90px;
	border: 1px solid #e4e4e4;
	background-repeat: no-repeat;
    /*background-size: cover;*/
    background-position: center;
    border-radius: 50%;
}

.auth-avatar-block-mini div img {
	height: 69%;
	width: 69%;
}

.auth-message {
	flex: 1;
	display: flex;
	flex-direction: column;
	padding-top: 20px;
}

.auth-message-block {
	margin: 0 auto;
	text-align: center;
	word-wrap: break-word;
	max-width: 340px;
	padding: 10px 0 10px 0;
    line-height: 120%;
}


.auth-opt-out {
	color: RGB(134, 134, 134);
	text-decoration: none;
	cursor: pointer;
	font-size: .8em;
}

.auth-opt-out:hover {
	color: RGB(134, 134, 134);
	text-decoration: none;
	cursor: pointer;
}

.auth-action {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.auth-btn {
	max-width: 265px;
	min-width: 265px;
    margin-top: 12px;
	padding: 15px 20px;
	text-align: center;
	background-color: RGB(22, 112, 182);
	border-radius: 4px;
}

.oauth-button-auth {
    color: #fff;
    font-size: 1.2em;
    text-decoration: none;
    cursor: pointer;
}

.oauth-button-auth:hover {
	color: #fff;
	font-size: 1.2em;
	text-decoration: none;
}

.auth-footer {
	flex: 4;
	min-height: 50px;
}

.form-error-auth-footer {
	color: red;
	padding: 6px;
}

.auth-text-input {
    font-size: 16px;
    padding: 14px;
    width: 275px;
    background-color: RGB(246, 246, 246);
    color: RGB(120, 120, 120);
    border: none;
    box-shadow: 0 2px 2px 0 RGB(246, 246, 246);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    outline: none;
}