/* meyer reset & a few common classes */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, tr, th, td, a, cite, code, small, label, legend, fieldset, tbody, tfoot, thead, hr { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
body { line-height: 1; color: #fff;  }
ol, ul { list-style: none; }
em { font-style: italic }
ol, ul, li { list-style:none }
/* * a { position:relative; } */
a img { border:none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
.open { display: block; }
.closed { display: none; }

/* lite global styles */
body { font:12px normal Arial, Helvetica, sans-serif; color:#9999b5; }
.clear { clear:both; }
:focus { outline:0; }
.smaller, small { font-size:10px; }
.hide { display: none; }
.left { float: left; }
.right { float: right; }
.aligncenter { text-align: center; }
.purple { color:#5756a4; }
.blue, a { color:#4a81d5; }
.grey, .grey a { font-size:10px; color:#9a9a9a; }
.agree, .agree a { font-size:10px; color:#656565; }
.error, .error a, .red { color:#ff0000; }
.box { padding:2px 4px; color:#5756a4; position:relative; border:1px solid #5756a4; text-decoration:none; font-size:11px; font-weight:bold; text-transform:uppercase; }
.margin20 { margin:20px; }
select { font-size:10px; }

/* basic structure */
div#speak-wrapper { width:620px; height:400px; margin:0px auto; position:relative; }
div#speak-head { width:620px; height:42px; position:relative; background:url(../imgs/logo-head-left.jpg) no-repeat 0 0; margin-bottom:3px; }
div#speak-widgets-wrapper { width:620px; height:268px; position:relative; }
div#speak-player { width:320px; height:260px; margin-bottom:4px; position:relative; }
div#speak-chat { width:298px; height:260px; margin-bottom:4px; position:relative; }
div#speak-footer { width:618px; height:47px; border: 1px solid #5756a4; clear:both; }
div#forms-left { width:318px; height:259px; border: 1px solid #5756a4; position:relative; margin-bottom:3px; }
div#forms-right { width:296px; height:259px; border: 1px solid #5756a4; position:relative; margin-bottom:3px; }

/* player header */
ul#status { position:absolute; top:0; right:0; }
ul#status li { display:inline; margin:0 0 0 10px; }
ul#head-menu { background:url(../imgs/top-bg.jpg) repeat-x bottom left; height:42px; }
ul#head-menu li { display:inline; float:left; color:#4a81d5; }
ul#head-menu a.head-logo { background:url(../imgs/logo-head-left.jpg) no-repeat 0 0; width:98px; height:42px; display:block; float:left; }
ul#head-menu a.help { background:url(../imgs/help-button.gif) no-repeat 0 0; overflow: hidden; width:35px; height:24px; margin:18px 0 0 0; display:block; float:left; }
ul#head-menu a.direct-pay { background:url(../imgs/direct-pay-button.gif) no-repeat 0 0; overflow: hidden; width:61px; height:24px; margin:18px 0 0 0; display:block; float:left; }
ul#head-menu a.free-email { background:url(../imgs/free-email-button.gif) no-repeat 0 0; overflow: hidden; width:62px; height:24px; margin:18px 0 0 0; display:block; float:left; }
ul#head-menu a.add-funds { background:url(../imgs/add-funds-button.gif) no-repeat 0 0; overflow: hidden; width:64px; height:24px; margin:18px 0 0 0; display:block; float:left; }
ul#head-menu a:hover { background-position: bottom left; }
ul#head-menu li.account { background:url(../imgs/account.jpg) no-repeat 0 0; width:232px; height:18px; margin:18px 0 0 0; padding:6px 0 0 67px; border-right: 1px solid #5756a4; }

/* main area */
div.player-video { background:url(../imgs/player-idle.jpg) no-repeat 0 0; height:232px; width:318px; border: 1px solid #5756a4; }
div.player-video-2 { background:url(../imgs/player-active.jpg) no-repeat 0 0; height:232px; width:318px; border: 1px solid #5756a4; }
div.player-controls { background:url(../imgs/player-controls.jpg) no-repeat 0 0; height:21px; width:318px; border: 1px solid #5756a4; margin-top:3px; }
div.chat-text { background:url(../imgs/chat-room.gif) no-repeat 0 0; height:232px; width:296px; border: 1px solid #5756a4; }
div.chat-bottom { height:21px; width:296px; border: 1px solid #5756a4; position:relative; margin-top:3px; position:relative; }
div.chat-box { background:url(../imgs/chat-box.gif) no-repeat 0 0; height:21px; width:253px; }
div.chat-send { background:url(../imgs/send-button.gif) no-repeat 0 0; height:21px; width:43px; }

/* footer */
div.footer-status { width:273px; height:23px; padding:24px 0 0 46px; position:relative; }
div.speak-me { background:url(../imgs/speak-footer-bg.gif) no-repeat 0 0; }
div.end-session { background:url(../imgs/session-footer-bg.gif) no-repeat 0 0; }
div.footer-info { width:291px; height:47px; }
div.footer-info p { margin:5px 0 0 0; font-size: 10.5px; }

/* forms */
div#forms-left div.row { width:223px; }
div#forms-right div.row { width:201px; }
form#sign-up { line-height:.8em; }
input.text { border: 1px solid #5756a4; width:149px; padding:2px 4px; }
input.text-small { border: 1px solid #5756a4; padding:2px 4px; }
button { border: 1px solid #5855a4; color:#5855a4; padding:2px 4px; background:#fff; text-transform:uppercase; font-size:11px; font-weight:bold; }
* html button { padding:1px 2px 0 2px; margin:5px 0; }
div.row { clear:both; margin:5px 0; padding-left:95px; position:relative; }
div.new-users-head { background:url(../imgs/new-users-head.gif) no-repeat 0 0; width:194px; height:21px; margin:20px 0 0 20px; }
div.existing-users-head { background:url(../imgs/existing-users-head.gif) no-repeat 0 0; width:173px; height:21px; margin:20px 0 0 20px; }
label.username { background:url(../imgs/username.gif) no-repeat 0 0; width:85px; height:13px; position:absolute; top:3px; left:0; }
label.password { background:url(../imgs/password.gif) no-repeat 0 0; width:85px; height:13px; position:absolute; top:4px; left:0; }
label.email { background:url(../imgs/email.gif) no-repeat 0 0; width:85px; height:13px; position:absolute; top:5px; left:0; }
label.telephone { background:url(../imgs/telephone.gif) no-repeat 0 0; width:85px; height:13px; position:absolute; top:4px; left:0; }

label.nameoncard { background:url(../imgs/nameoncard.gif) no-repeat 0 0; width:85px; height:13px; position:absolute; top:4px; left:0; }
label.streetaddress { background:url(../imgs/streetaddress.gif) no-repeat 0 0; width:85px; height:13px; position:absolute; top:4px; left:0; }
label.city { background:url(../imgs/city.gif) no-repeat 0 0; width:85px; height:13px; position:absolute; top:4px; left:0; }
label.state { background:url(../imgs/state.gif) no-repeat 0 0; width:85px; height:13px; position:absolute; top:4px; left:0; }

label.country { background:url(../imgs/country.gif) no-repeat 0 0; width:85px; height:13px; position:absolute; top:4px; left:0; }
label.postalcode { background:url(../imgs/postalcode.gif) no-repeat 0 0; width:85px; height:13px; position:absolute; top:4px; left:0; }

label.zipcode { background:url(../imgs/zipcode.gif) no-repeat 0 0; width:85px; height:13px; position:absolute; top:4px; left:0; }
label.cardtype { background:url(../imgs/cardtype.gif) no-repeat 0 0; width:85px; height:13px; position:absolute; top:4px; left:0; }
label.cardnumber { background:url(../imgs/cardnumber.gif) no-repeat 0 0; width:85px; height:13px; position:absolute; top:4px; left:0; }
label.expiration { background:url(../imgs/expiration.gif) no-repeat 0 0; width:85px; height:13px; position:absolute; top:4px; left:0; }
label.cardcode { background:url(../imgs/cardcode.gif) no-repeat 0 0; width:85px; height:13px; position:absolute; top:4px; left:0; }
table#addfunds td { padding: 1px 0; color:#5756a4; }

/* account controls */
div.menu-head { margin:20px; width:41px; height:14px; background:url(../imgs/menu-head.gif) no-repeat 0 0; }
ul#account-menu { margin:20px; }
ul#account-menu a { display:block; overflow:hidden; height:18px; width:164px; }
ul#account-menu a.manage { background:url(../imgs/menu-manage.gif) no-repeat 0 0; }
ul#account-menu a.password { background:url(../imgs/menu-password.gif) no-repeat 0 0; }
ul#account-menu a.funds { background:url(../imgs/menu-add-funds.gif) no-repeat 0 0; }
ul#account-menu a.activity { background:url(../imgs/menu-activity.gif) no-repeat 0 0; }
ul#account-menu a.direct-pay { background:url(../imgs/menu-direct-pay.gif) no-repeat 0 0; }
ul#account-menu a.send-email { background:url(../imgs/menu-send-email.gif) no-repeat 0 0; }
ul#account-menu a.help { background:url(../imgs/menu-help.gif) no-repeat 0 0; }
ul#account-menu a.logout { background:url(../imgs/menu-logout.gif) no-repeat 0 0; }
ul#account-menu a.active { background-position: left bottom; }
ul#account-menu a:hover { background-position: left center; }
div.footer-status-account { background:url(../imgs/status-footer.gif) no-repeat 0 0; padding:10px 0 0 88px; color:#f60; height:35px; width:400px; }

/* right-side account heads */
div.manage-my-profile { background:url(../imgs/manage-profile-head.gif) no-repeat 0 0; height:16px; width:121px; margin:20px 0 5px 20px; } 
div.change-my-password { background:url(../imgs/change-my-password.gif) no-repeat 0 0; height:17px; width:132px; margin:20px 0 5px 20px; } 
div.add-funds-to-my-account { background:url(../imgs/add-funds-to-my-account.gif) no-repeat 0 0; height:16px; width:148px; margin:20px 0 15px 20px; } 
div.account-activity-report { background:url(../imgs/account-activity-report.gif) no-repeat 0 0; height:16px; width:140px; margin:20px 0 5px 20px; } 
div.direct-pay { background:url(../imgs/direct-pay.gif) no-repeat 0 0; height:15px; width:65px; margin:20px 0 5px 20px; } 
div.send-email-to-expert { background:url(../imgs/send-email-to-expert.gif) no-repeat 0 0; height:17px; width:129px; margin:20px 0 5px 20px; } 
div.help-topics { background:url(../imgs/help-topics.gif) no-repeat 0 0; height:16px; width:68px; margin:20px 0 5px 20px; } 
div.client-transaction-detail { background:url(../imgs/client-transaction-detail.gif) no-repeat 0 0; height:12px; width:145px; margin:20px 0 0 20px; } 
div.transaction-detail-DP { background:url(../imgs/transaction-detail-DP.gif) no-repeat 0 0; height:13px; width:213px; margin:20px 0 0 20px; } 
div.transaction-detail-PS { background:url(../imgs/transaction-detail-PS.gif) no-repeat 0 0; height:13px; width:213px; margin:20px 0 0 20px; } 
div.terms-condition-head { background:url(../imgs/terms-conditions-head.gif) no-repeat 0 0; height:14px; width:117px; margin:20px 0 0 20px; } 

/* right-side account variations */
label.change-password { background:url(../imgs/change-password.gif) no-repeat 0 0; width:95px; height:14px; position:absolute; top:4px; left:20px; }
label.confirm-password { background:url(../imgs/confirm-password.gif) no-repeat 0 0; width:95px; height:14px; position:absolute; top:4px; left:20px; }
div#forms-right form#client-change-password div.row { width:171px; padding-left:125px; }
div#forms-right form#direct-pay-2 div.row { width:230px; padding-left:0px; }
label.dollar-sign { padding-top:12px; }
/*form#change-password, form#make-changes { margin:20px 0; }*/
form#client-change-password, form#client-change-profile { margin:20px 0; }
form#send-email { margin:10px 20px; color:#5756a4; line-height:.8em; }
div#account-right-area { margin:20px 20px 10px 20px; color:#5756a4; position:relative; }
ul.link-list { margin:10px 20px; }
ul.link-list li { margin:4px 0; }
ul.link-list a { color:#5756a4; }
div#account-selects { height:45px; }
div#account-selects select { width:112px; }
div#go-back-csv { margin:0 20px; }
div#scrollbox { height:170px; width:256px; overflow:auto; }
* html div#scrollbox { height:165px;}
div.activity-row { border-bottom: 1px dotted #5756a4; padding:5px 0; width:225px; line-height:1.5em; }
input.wide-box { width:248px; border: 1px solid #5756a4; margin:7px 0; padding:2px 3px; }
input.direct-pay-amount { width:70px; border: 1px solid #5756a4; margin:10px 0 10px 10px; padding:2px 3px; text-align:right; color:#f60; }
* html input.direct-pay-amount { margin-top:0; }
textarea#message { width:248px; height:88px; border: 1px solid #5756a4; margin:7px 0; padding:2px 3px; }
div.answer p { line-height:1.5em; margin:10px 0; }
form#transaction-detail { margin: 20px 0; }
form#transaction-detail button { margin-top: 10px; }
table#transaction-detail { width: 100%; border: 1px solid #5756a4; }
table#transaction-detail td { border: 1px solid #5756a4; padding: 2px; }
table#transaction-detail td.small { font-size: .88em; }
p#transaction-detail-result { margin: 30px 0 20px 0; }
div.terms p { margin:10px 10px 10px 0; }
div.terms h4 { font-weight: bold; font-size: 1.2em; }
ul.help-list a { color:#5756a4; }

div.forgot-password { background:url(/imgs/forgot-password.gif) no-repeat 0 0; height:17px; width:132px; margin:20px 0 5px 20px; } 
#forgot-password p { margin: 10px 20px; }