/*************************************************
RNCC
#file: user-act.css
#desc: basic styles for user interaction pages
*************************************************/
/*##################################### General forms - login, signup, subscribe, account details */
/*
.frm-wrp - general form container - use it in login, subscribe, signup forms!
.lbox, .rbox - containers used for actual form-related items (inputs, text, buttons etc)!!!
.cbox - same as above; takes all the main containers width
.rbox.tp - contains only paragraphs of text
.lbox.lalign - align content to right
.strinp - input type text class
.drpsel - select class - does not work in (not so standard compliant) IE6
*use paragraphs if you have just text in your content
.frm-wrp.last - to separate a bit from the rest - goes mainly to submit input buttons
.active = green; .inactive = red
.account.fat - too much content in .frm-wrp container
.cleft, .cright - used to float 2 containers (used for results page and sponsored links pages)
.title = sponsored links title
.tp-title = in-page titles (used as title for tables, tabular data,etc)
textarea.wide & .wider = larger textareas for large descriptions
------------- Example -------------
*/
#inner-wrapper .cleft { float:left; padding:0 4px 0 0; width:621px; }
#inner-wrapper .cright { float:right; padding:0 0 0 4px; width:360px; border-left:1px solid #e1e1e1; }
.active { color:#008000; font-weight:bold; }
.inactive { color:#ff0000; font-weight:bold; }
.just-container.atop { margin-bottom:30px; }
.just-container.atop .frm-wrp .lbox { text-align:left; }
/*=================================================
Form Wrapper
=================================================*/
.frm-wrp { margin:0 auto; width:100%;/* error related - plus 2px */ }
.frm-wrp.brk { margin-top:14px; margin-bottom:14px; }
.frm-wrp .holder div { padding:2px 0 0 3px; min-height:28px; _height:28px; }
.frm-wrp .holder p { width:230px; padding-bottom:10px; font-size:11px; line-height:16px; }
.frm-wrp .holder a { font-size:11px; color:#D66947; text-decoration:underline; }
.frm-wrp .holder span { font-size:11px; font-weight:bold; }
/* Begin Actual box styles */
.account.fat .bg-holder .frm-wrp .holder .lbox { width:206px; }
.account.fat .bg-holder .frm-wrp .holder .rbox { width:417px; }
.frm-wrp .holder .lbox { float:left; padding:9px 15px 0 0; width:246px; min-height:19px; text-align:right; }
.frm-wrp .holder .lbox.lalign { text-align:right; }
.frm-wrp .holder .rbox { float:left; width:377px; line-height:26px; }
.frm-wrp .holder .rbox.tp { line-height:16px; }
.frm-wrp .holder .rbox.last { padding-top:15px; }
.frm-wrp .holder .rbox .strinp { padding:2px 0 0 1px; width:168px; height:18px; border:1px solid #B3BEC5; background-color:#FBFBFB; }
.frm-wrp .holder .rbox .strinp:focus { background-color:#fff; }
.frm-wrp .holder .rbox .drpsel { padding:0; height:20px; width:172px; _margin:2px 0; border:1px solid #B3BEC5; font-size:11px; }
.frm-wrp .holder .rbox textarea { padding:2px 0 0 1px; width:169px; font-size height:60px; border:1px solid #B3BEC5; }
.frm-wrp .holder .rbox textarea.wide { width:267px; height:140px; }
.frm-wrp .holder .rbox textarea.wider { width:347px; height:180px; }
/* Begin Actual box styles */
/*=================================================
My Account
=================================================*/
.account { margin:0 auto; padding-top:7px; width:646px; background:url(../images/bg_altforms_top.gif) no-repeat 0 0; }
.account .bg-holder { padding-top:10px; /*padding-left:180px; width:464px;*/ width:644px; overflow:hidden; border-left:1px solid #889ba1; border-right:1px solid #889ba1; }
.account .account-dummy { height:7px; overflow:hidden; background:url(../images/bg_altforms_bottom.gif) no-repeat 0 0; }
/* ----- ERROR FORM ----- */
.account .bg-holder.error { background-color:grey; }
.form-wrapper.error .left-cell label { color:#D66947; }
.form-wrapper.error .error-cell { float:left; padding-left:16px; height:22px; line-height:22px; font-weight:bold; font-size:11px; color:#D66947; background:url(../images/bg_err_form.jpg) no-repeat 3px 6px; }
/* ----- END ERROR FORM ----- */
/*=================================================
Search results
=================================================*/
#inner-wrapper p.title { padding:0 0 0 2px; margin:0 0 20px 0; min-height:2em; _height:2em; line-height:2em; background-color:#f9fcfd; border-top:1px solid #CCDDEE; border-bottom:1px solid #CCDDEE; }
#inner-wrapper p.tp-title { padding:0 4px; margin-bottom:10px; min-height:1.7em; _height:1.7em; font-weight:bold; line-height:1.7em; }
#inner-wrapper .box-result p span { font-size:12px; }
#inner-wrapper .box-result { padding-right:20%; margin-bottom:1.5em; }
#inner-wrapper .box-result.first { margin-top:0; }
#inner-wrapper .box-result p.clnm a { font-size:1.2em; text-decoration:underline; }
#inner-wrapper .box-result p.cldt { margin:2px 0; }
#inner-wrapper .box-result p.clcert { margin-top:0px; color:#008000; }
#inner-wrapper .sresult a.paging { margin-right:2px; font-size:1.2em; }
/*=================================================
company details
=================================================*/
#inner-wrapper .wrapp-box { padding-right:15%; }
#inner-wrapper .wrapp-box .line { margin:3px 0 12px 0; height:1px; font-size:1px; border-bottom:1px solid #b3bec5; overflow:hidden; }
#inner-wrapper .wrapp-box .holder { border-bottom:1px solid #CCDDEE; }
#inner-wrapper .wrapp-box .holder.alt { background-color:#f8faf9; }
#inner-wrapper .wrapp-box .holder.first { border-top:1px solid #CCDDEE; }
#inner-wrapper .wrapp-box .holder div { padding-left:4px; min-height:3em; _height:3em; line-height:2em; }
#inner-wrapper .wrapp-box .holder .title-box { float:left; width:39%; font-weight:bold; color:#295F7B; }
#inner-wrapper .wrapp-box .holder .details-box { float:left; width:59%; }
#inner-wrapper .wrapp-box .holder .details-box a.cert-image img { padding:2px; border:1px solid #DEDEDE; }
#inner-wrapper .wrapp-box .holder .details-box a.cert-image:hover img { border:1px solid #b3bec5; }
/*=================================================
Graphics stats
=================================================*/
#inner-wrapper .inner-top-menu { margin-bottom:20px; }
#inner-wrapper .inner-top-menu .box-select { float:left; margin-right:20px; }
#inner-wrapper .inner-top-menu .box-select .title { float:left; margin-right:4px; height:22px; line-height:22px; }
#inner-wrapper .inner-top-menu .box-select .details { float:left; height:22px; line-height:22px; }
#inner-wrapper .inner-top-menu .box-select .details select { border:1px solid #CCCCCC; }
#inner-wrapper .inner-top-menu .box-select .details .strinp { height:16px; *margin-top:1px; border:1px solid #CCCCCC; }
/*=================================================
Graphics stats table
=================================================*/
#inner-wrapper .cert-table { clear:both; margin:0 auto 20px auto; width:500px; }
#inner-wrapper .cert-table.wider { width: 98% !important; }
#inner-wrapper .cert-table table { width:100%; border:1px solid #CCDDEE; }
#inner-wrapper .cert-table table td, th { padding:6px 4px 6px 7px; text-align:left; }
#inner-wrapper .cert-table table td { border-top:1px solid #CCDDEE; border-right:1px solid #CCDDEE; }
#inner-wrapper .cert-table table td.last { border-right:0; }
#inner-wrapper .cert-table table td a { color:#D66947; }
#inner-wrapper .cert-table table th { background-color:#F9FCFD; }
#inner-wrapper .cert-table table td.cert-image { width:100px; text-align:center; }
#inner-wrapper .cert-table table td.cert-image a img { padding:1px; border:1px solid #CCDDEE; }
#inner-wrapper .cert-table table td.cert-image a:hover img { border:1px solid #D66947; }
/*=================================================
Choose sponsored links domains
=================================================*/
.just-container .splinks-cat { width:100%; margin:0 0 15px 0; }
.just-container .splinks-cat tr td { height:1.4em; }
/*=================================================
User messages
=================================================*/
.just-container .msg-title { padding:0 0 20px 0; margin:0 auto; width:80%; }
.just-container .msg-title th { height:1.3em; padding-bottom:6px; text-align:left; color:#295F7B; font-size:14px; }
.just-container .msg-title td a { color:#D66947; }
/*=================================================
CMS and text
=================================================*/
.introduced-text { padding:0 4px 0 0; margin-top:15px; line-height:17px; }
.introduced-text ul li { list-style-type:disc; list-style-position:inside; }
.introduced-text ol li { list-style-type:decimal; list-style-position:inside; }
.introduced-text a { font-weight:normal; }
.introduced-text b, .introduced-text strong { font-size:inherit; }
.hard-text { padding:0 4px 0 0; margin-top:15px; line-height:17px; }