/* RESET */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{
    border: 0;
    margin: 0;
    padding: 0;
}
dl, dt, dd, ol, ul{
    padding-left: 25px;
}

/* CLEAR FIX */
.clear{ display: inline-block; }
.clear:after{ content: "."; display: block; height: 0;   clear: both; visibility: hidden; }
* html .clear{ height: 1%; }
.clear{ display: block; }

/* GENERALS */
body{
    background-color: #2C2C2C;
    color: #000;
    font-size: 80%;
    line-height: 160%;
    margin: 0;
    padding: 0;
}
body, div, p, td, th, input, button, select, textarea{
    font-family: verdana, tahoma, arial, sans-serif;
    text-align: left;
}
#new-home div{ font-family: calibri, verdana, tahoma, arial, sans-serif; }
img{
    border: 0;
    margin: 0;
    padding: 0;
}
hr{
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid #CCC;
    clear: both;
    height: 0;
    margin: 0;
    margin-bottom: 15px;
    padding: 0;
    padding-bottom: 15px;
}
.text{ padding: 15px; }

/* CONSTRUCTIONS */
#header-o{
    background: #FFF;
    text-align: center;
}
#header-i{
    margin: auto;
    height: 70px;
    text-align: right;
    width: 920px;
}
#menu-o{
    background: #656565 url('/images/construction/menu-background.png') repeat-x bottom;
    border-top: 1px solid #303030;
    text-align: center;
}
#menu-i{
    margin: auto;
    width: 920px;
}
#submenu-o{
    background: #FFF url('/images/construction/submenu-background.png') bottom repeat-x;
    text-align: center;
}
#submenu-i{
    margin: auto;
    width: 920px;
}
#content-o{
    background: #FFF;
    text-align: center;
    width: 100%;
}
#content-i{
    margin: auto;
    padding-bottom: 15px;
    padding-top: 15px;
    width: 920px;
}
#footer-o{
    background: #656565 url('/images/construction/footer-background.png') repeat-x bottom;
}
#footer-i{
    margin: auto;
    width: 920px;
}

/* CORNERS */
.round-3{
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
.round-5{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

/* FORMS */
form{
    margin: 0px;
    padding: 0px;
}
.form-text, .form-textarea, .form-select{
    border: 1px inset gray;
    border-left: 5px solid #FF9900;
    ?border-left: 1px inset gray;
    ?margin: 0;
    ?padding: 0;
}
.form-text, .form-textarea{
    padding-bottom: 3px;
    padding-top: 3px;
    text-indent: 3px;
    ?padding-bottom: 6px;
    ?padding-top: 0px;
    ?text-indent: 0px;
}
.form-button, .form-button-image, .form-button-image-right{
    background-color: #E6E6E6;
    font-size: 110%;
    padding: 3px;
    text-align: center;
}
.form-button-image{
    background-repeat: no-repeat;
    background-position: 2px 2px;
    padding-bottom: 10px;
    ?padding-bottom: 9px;
    padding-left: 37px;
    ?padding-left: 40px;
    padding-top: 10px;
    ?padding-top: 8px;
    text-align: left;
}
.form-button-image-right{
    background-repeat: no-repeat;
    background-position: 99% 50%;
    padding-bottom: 11px;
    padding-right: 37px;
    padding-left: 10px;
    padding-top: 10px;
    text-align: left;
}
.dashboard-button{
    font-size: 11px;
    margin: 0 0 0 0;
    padding: 0 0 1px 0;
    position: relative;
    top: -2px;
}
input.validation-failed{
    background-color:#FFC0CB;
}

.form-field, .form-field-active, .form-info, .form-buttons{
    float: left;
    width: 100%;
}
.form-field-i{
    padding: 10px;
    text-align: left;
}
.form-field-i-conf_editor{
    padding: 1px 10px 10px 10px;
    text-align: left;
}
.form-field{
    background-color: #FFF;
}
.active{
    background-color: #E0E9EF;
}
.f-left{
    float: left;
    width: 50%;
}
.f-right{
    float: right;
    width: 50%;
}
label.error {
    background: none;
    border: 0;
    color: red;
    display: block;
    font-style: italic;
}
input.error, select.error, textarea.error{
    background: #FFCABF;
    border: 1px solid #6F0000;
    color: #6F0000;
}
input.form-checkbox, input.form-radio{
    background: none;
    border: 0;
}

/* HEADERS */
h1, h2, h3, h4, h5, h6{
    color: #303030;
    line-height: 140%;
    margin: 10px 0 10px 0;
}
p, h1, h2, h3, h4, h5, h6{
    margin: 10px 0 10px 0;
}

/* LINKS */
a{
    color: #375FC0;
    text-decoration: underline;
}
a:hover{
    color: #555;
}
a.no-line{
    text-decoration: underline;
}
a.no-line:hover{
    text-decoration: underline;
}
a.white{
    color: #FFF;
    text-decoration: underline;
}
a.white:hover{
    color: #DDD;
}
.white a{
    color: #FFF;
}
.white a:hover{
    color: #DDD;
}
.new-link{
    font-weight: bold;
}
.new-link:visited{
    font-weight: normal;
}

/* MENU */
a.menu-unactive, a.menu-active, a.menu-2-unactive, a.menu-2-active{
    display: block;
    float: left;
    margin-left: 2px;
    margin-right: 2px;
    padding-bottom: 6px;
    padding-left: 7px;
    padding-right: 7px;
    padding-top: 5px;
    ?padding-top: 5px;
    text-decoration: none;
}
a.menu-unactive{
    color: #FFF;
}
#menu-i a.menu-active{
    background: #FFF;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    color: #000;
}
a.menu-unactive:hover{
    color: #FFF;
    text-decoration: underline;
}
a.menu-2-unactive, a.menu-2-active{
    margin-top: 5px;
}
a.menu-2-unactive{
    color: #777;
    padding: 1px 6px 7px 6px;
}
a.menu-2-unactive:hover{
    text-decoration: underline;
}
a.menu-2-active{
    background: #FFF;
    border: 1px solid #CCC;
    border-bottom: 0;
    color: #000;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    padding: 3px 6px 4px 6px;
}
a.menu-2-active:hover{
    color: #000;
}
#menu-i a{
    color: #FFF;
    text-decoration: none;
}
#menu-i a:hover{
    color: #CCC;
    text-decoration: underline;
}

/* MESSAGES */
.box-info, .box-error, .box-warn {
    min-height:0px;
    color:#fff;
    padding:10px 0px 10px 0px;
    width:70%;
    text-align:center;
    margin:auto;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    border:none;
    font-weight:bold;
    margin-bottom:10px;
    background-repeat: no-repeat;
    background-position: 10px 5px;
}

.box-info {
    background-color: #669900;
    background-image: url('/images/ebay/ebay-info.png');
}

.box-error {
    background-color: #cc0000;
    background-image: url('/images/ebay/ebay-error.png');
}

.box-warn {
    background-color: orange;
    background-image: url('/images/ebay/ebay-warn.png');
}

body.cui .box-error, body.cui .box-info{
    background-image: none;
    border: 0;
    color: #FFF;
    ?height: auto;
    min-height: 10px;
    padding-left: 10px;
}
body.cui .box-error{
    background-color: #CC0000;
}
body.cui .box-info{
    background-color: #669900;
}

/* DASHBOARD */
.dashboard{
    margin-bottom: 30px;
    width: 100%;
}
.dashboard_fake{
    margin-bottom: 3px;
    width: 100%;
}
.dashboard img{
    float: left;
    padding-right: 15px;
    position: relative;
    top: -10px;
}

/* DASHBOARD */
table.dashboard{
    background: #AAA;
    width: 100%;
}
table.dashboard thead{
    background: #777;
    color: #FFF;
}         
table.dashboard .even {
    background-color: #eee;
}
table.dashboard td {
    vertical-align: top;
}
table.dashboard .odd {
    background-color: #ddd;
}
table.dashboard td.actions{
    font-size: 0px;
    width: 0px;
}
table.dashboard td.actions div{
    display: none;
}
table.dashboard td.actions div.block{
    display: block;
}
div.table_title, caption.table_title{
    background: #656565 url('/images/construction/menu-background.png') bottom repeat-x;
    font-weight: bold;
    font-size: 1.2em;
    color: white;
    padding: 4px 7px 5px 7px;
}
.dashboard-tip{
    color: #FFF;
    float: right;
}
.dashboard-tip div{
    display: none;
}
.dashboard-tip div{
    background: #FFF8AF;
    border: 1px solid #333;
    color: #333;
    font-size: 11px;
    font-weight: normal;
    padding: 2px 7px 5px 7px;
    position: absolute;
}
.tip-menu{
    background: #FFF;
    border: 1px solid #333;
    color: #333;
    font-size: 11px;
    font-weight: normal;
    padding: 2px 7px 5px 7px;
    position: absolute;
}
.right-arrow-tip-menu, .left-arrow-tip-menu {
    display: none;
    position: absolute;
    z-index:+10;
}
.tip-detailed-menu{
    background: #FFF;
    color: #333;
    font-size: 11px;
    font-weight: normal;
    padding: 2px 7px 5px 7px;
}
a.click-detailed-menu{
    text-decoration: none;
}
.dashboard-tip div{
    margin-left: -200px;
    margin-top: 0px;
    width: 200px;
}
th.header { 
    background-image: url(/images/bg.gif);     
    cursor: pointer; 
    font-weight: bold; 
    background-repeat: no-repeat; 
    background-position: center left; 
    padding-left: 20px; 
    margin-left: -1px; 
}
th.headerSortUp { 
    background-image: url(/images/asc.gif); 
/*    background-color: #3399FF; */
}
th.headerSortDown { 
    background-image: url(/images/desc.gif); 
/*    background-color: #3399FF; */
}
.tip-menu, .tip-detailed-menu, .dashboard-tip-interp-details {
    display: none;
}

/* Portal info/links/etc only shown to admin
 */
.admin_only_info {
    color: red; 
    font-weight: normal; 
}
.dev_only_info {
    color: orange; 
    font-weight: normal; 
    font-size: small;    
}

/* FORUM TABLE */
table.base{
    border: 1px solid #CCC;
    border-bottom: 0;
    width: 100%;
}
table.base thead tr{
    background: #999;
}
table.base thead td{
    color: #FFF;
    font-weight: bold;
    white-space: nowrap;
    width: 1%;
}
table.base tbody tr{
    background: #FFF;
}
table.base tbody tr.dark{
    background: #EFEFEF;
}
table.base tbody .group{
    background: #E0E9EF;
}
table.base thead td, table.base tbody td, table.base tbody .group{
    border-bottom: 1px solid #CCC;
    padding: 7px;
    padding-top: 5px;
    vertical-align: top;
}
table.base tbody .group{
    padding-bottom: 5px;
}

/* TABLES */
td, th{
    padding: 0px 4px 1px 4px;
}

/* GENERAL TABLE */
.generalTable{
    background: #555;
    margin-bottom: 20px;
}
.generalTable tbody tr td, .generalTable thead tr td, .generalTable thead tr th{
    padding: 3px 7px 4px 7px;
}
.generalTable tbody tr td{
    background-color: #FFF;
}
.generalTable thead tr td, .generalTable thead tr th{
    background: #777;
    color: #FFF;
    font-weight: normal;
}
.generalTable tr.name td{
    background: #656565 url('/images/construction/menu-background.png') repeat-x scroll center bottom;
    color: #FFF;
}
.generalTable tr.even td{
    /*background: #E0E0E0;*/
}
.generalTable thead tr td a, .generalTable thead tr th a{
    color: #FFF;
}

/* GENERIC TABLE - OFFICIAL */
.genericTable{
    background: #555;
	border-collapse: separate;
    border-spacing: 1px;
    margin-bottom: 20px;
}
.genericTable.noBorder{
	border-collapse: collapse;
    border-spacing: 1px;
}
.genericTable td, .genericTable th, .genericTable caption{
    padding: 3px 7px 4px 7px;
    vertical-align: top;
}
.genericTable td{
    background-color: #FFF;
}
.genericTable th{
    background: #777;
    color: #FFF;
    font-weight: normal;
}
.genericTable caption{
    background: #656565 url('/images/construction/menu-background.png') repeat-x scroll center bottom;
    color: #FFF;
    font-size: 120%;
    font-weight: bold;
    text-align: left;
}
.genericTable tr.odd td{
    background: #EEEEEE;
}
.genericTable tr.even td{
    background: #DDDDDD;
}
.genericTable th a, .genericTable caption a{
    color: #FFF;
}
tr.replaceMouse:hover {
    cursor: pointer;
}


/* TOOLTIPS */
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #CCC;
	background-color: #FFF;
	padding: 5px;
}
#tooltip h3, #tooltip div {
    font-size: 12px;
    font-weight: normal;
    margin: 0;
}
.tooltip{
    display: none;
    font-size: 11px;
    margin-top: 1px;
    padding-bottom: 1px;
    padding-left: 3px;
    padding-right: 4px;
    position: absolute;
}
.tooltip .info, .dev-tooltip-info-div{
    background: #FFEE9F;
    border: 1px solid #CFBD5A;
    color: #8F802C;
}
.tooltip .error, .dev-tooltip-error-div{
    background: #FF5500;
    border: 1px solid #6F0000;
    color: #FFF;
}

/* FORUM */
.forum-date{
    display: block;
    font-size: smaller;
    margin-bottom: 7px;
    text-align: center;
    white-space: nowrap;
}
.forum-user-name{
    font-weight: bold;
    text-align: center;
}
.forum-user-cell{
    border-right: 1px solid #CCC;
    text-align: center;
    width: 1%;
}
.forum-content-cell{
    width: 99%;
}
.forum-actions-cell{
    height: 1%;
    text-align: right;
    width: 99%;
}
.forum-navigation{
    margin: 15px 0 0 0;
    text-align: center;
}
.forum-topics-title{
    border-right: 1px solid #CCC;
    width: 98%;
}
.forum-topics-last-post{
    border-right: 1px solid #CCC;
    text-align: right;
    white-space: nowrap;
    width: 1%;
}
.forum-topics-replies{
    text-align: center;
    width: 1%;
}
.forum-categories-title{
    border-right: 1px solid #CCC;
    width: 99%;
}
.forum-categories-topics{
    text-align: center;
    width: 1%;
}

/* COMMUNITY */
#community-dashboard{
    width: 100%;
}
#community-dashboard td{
    vertical-align: top;
}
#community-dashboard td div.header{
	background: #E3E3E3 url('/images/construction/header.png') repeat-x top;
	border: 1px solid #CCC;
	border-bottom: 0;
	color: #777;
	padding: 1px 7px 2px 7px;
}
#community-dashboard td div.footer{
	border: 1px solid #CCC;
	border-top: 0;
	color: #777;
	font-size: 11px;
	padding: 5px;
	text-align: right;
}
#community-dashboard td div.content{
	background: #FFF url('/images/construction/box-background.png') repeat-x top;
	border: 1px solid #CCC;
	border-top: 0;
}
#community-dashboard td div.block{
	border-top: 1px solid #CCC;
	padding: 3px 8px 5px 8px;
}
#community-dashboard td div.block-link{
	border-top: 1px solid #CCC;
	cursor: hand;
	cursor: pointer;
	padding: 3px 8px 5px 8px;
}
.label{
    background: #333;
    color: #FFF;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 1px 4px 1px 4px;
}

/* PROPERTIES */
.nobr{ white-space: nowrap; }
.widthFull, .full{ width: 100%; }
.widthOne{ width: 1%; }
.widthQuarter{ width: 25%; }
.widthTrisect{ width: 75%; }
.width99{ width: 99%; }
.widthMedium, .widthHalf, .medium{ width: 50%; }
.width5 { width: 5%; }
.width10 { width: 10%; }
.width20 { width: 20%; }
.width30 { width: 30%; }
.width40 { width: 40%; }
.width49 { width: 49%; }
.hidden{ display: none; }
.vAlignBottom{ vertical-align: bottom; }
.vAlignMiddle{ vertical-align: middle; }
.vAlignTop{ vertical-align: top; }

/* FLOATS & CLEARS & ALIGNS */
.floatLeft{ float: left; }
.floatRight{ float: right; }
.clearLeft{ clear: left; }
.clearRight{ clear: right; }
.center{ text-align: center; }
.left{ text-align: left; }
.right{ text-align: right; }

/* TEXT COLORS */
.red{ color: #FF6600; }
.green{ color: #00cc00; }
.white{ color: #FFF; }
.blue{ color: #3295BF; }
.in_shade{ color: #999999; }

/* TEXT SIZES */
.small{ font-size: small; }
.smaller{ font-size: smaller; }
.big{ font-size: big; }
.biger{ font-size: biger; }

/* OTHER */
.active{
    background-color: #E0E9EF;
}
.space{
    clear: both;
    height: 10px;
}
.offer-flag{
    border: 1px solid #CCC;
    margin: 3px 0 0 0;
    position: relative;
    top: 4px;
}


.phone_verified {
    color: green;
    text-transform:capitalize;
}
.phone_unverified {
    color: red;
    text-transform:uppercase;
}


.flag{
    border: 1px solid #ABC9D8;
}
.sublabel{
    color: #666666;
    font-style: italic;
}

.completeness-background-part {
    background: #DE5C5C
}
.completeness-background-full {
    background: #00cc00
}


li.color{
    color: #FF6600;
}
li.color span{
    color: #000;
}


.title{
    color: #303030;
    padding-bottom: 8px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 7px;
    font-size: 15px;
    font-weight: bold;
}

.column-left{
    vertical-align: top;
    width: 75%;
}
.column-right{
    vertical-align: top;
    width: 25%;
}
.box-gray{
    background: #FFF url('/images/construction/box-background.png') repeat-x top;
    border: 1px solid #CCC;
    padding: 15px;
}
.box-gray-bg_only {
    background: #FFF url('/images/construction/box-background.png') repeat-x top;
}
.box, .box-right{
    background-color: #FFF;
    border: 1px solid #ABC9D8;
    margin: 20px;
    margin-bottom: 0px;
    margin-top: 0px;
}
.box-right{
    margin: 0px;
}
.top-right{
    padding-right: 3px;
    padding-top: 3px;
    text-align: right;
}

.silver-button{
    background: url('/images/construction/button-2.gif') top right no-repeat;
    height: 52px;
    float: left;
    margin: 5px;
    padding-right: 7px;
}
.silver-button input{
    background: url('/images/construction/button-1.gif') top left no-repeat;
    border: 0;
    color: #555;
    height: 52px;
    float: left;
    font-size: 18px;
    font-family: Calibri, Arial;
    font-weight: bold;
    padding: 4px 7px 3px 14px;
}

.labelHighlight { 
    color: gray; 
    font-style:italic;
}

ul.with-bullets {
    list-style-type: disc;
}

ul.without-bullets {
    list-style-type: none;
}

/* ETR SOLUTION PAGE */

table.etr .header {
    background-image: url('/images/etr/solution-face.png'); 
    background-position:right; 
    background-repeat:no-repeat; 
    height:100px; 
    background-color:#000; 
    padding-left:70px;
}

.headerGray {
    color:#a3a3a3; 
    font-size:130%; 
    font-weight:bold;
}

.headerRed {
    color:#ff3300; 
    font-size:120%; 
    font-weight:bold;
}

.headerBlue {
    color:#196c92; 
    font-size:120%; 
    font-weight:bold;
}

.headerBlack {
    color:#000000; 
    font-size:120%; 
    font-weight:bold;
}

.smallBlack {
    width:100%;
    text-align:center;
    line-height:110%;
    font-size:80%;
}

.textRed {
   color:#ff3300;
}

table.etr hr {
    margin:3px 0px 10px 0px;
    padding:0px;
}

.dev-suggest-title {
    color: green; 
    background-color:#eee;
    border:1px dotted #ccc; 
    padding:3px; 
    margin-bottom:5px;
}

.usefulTools {
    margin-top:10px;
    border:1px solid #FFA500;
}

.usefulToolsHeader {
    background-color:#FFA500;
    font-weight:bold;
    padding:2px;
    padding-left:10px;
}

.usefulToolsContent {
    padding:10px;
}

table.ebayPayments {
    width:100%; 
    border:1px solid #DBE2E5;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
}

div.ebayCA {
    background-color:#DBE2E5;
    padding:5px;
    padding-left:6px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
}

div.inchToCm {
    border:2px solid #777;
    margin:auto;
    position:absolute;
    padding:10px;
    padding-top:0px;
    text-align:center;
    display:none;
    background-color:#E5E5E5;
}

div.clothConv {
    border:2px solid #777;
    margin:auto;
    position:absolute;
    padding:10px;
    padding-top:0px;
    text-align:center;
    display:none;
    background-color:#E5E5E5;
}

div.closeX {
    font-weight:bold;
    color:#cc0000;
    text-align:right;
    padding-top:3px;
    cursor:hand;
    cursor:pointer;
}