html
{
margin: 0;
padding: 0;
font-size: 100%;
font-family: trebuchet, arial, sans-serif;
}

body
{
margin: 0px;
padding: 0px;
font-size: 62.5%;
}



/* border style print box & code */

p.none {border-style:none;}
p.dotted {border-style:dotted;}
p.dashed {border-style:dashed;}
p.solid {border-style:solid;}
p.double {border-style:double;}
p.groove {border-style:groove;}
p.ridge {border-style:ridge;}
p.inset {border-style:inset;}
p.outset {border-style:outset;}
p.hidden {border-style:hidden;}

/* dotted print box & code: end */

/* popup code */

#fade { /*--Transparent background layer--*/
	display: none; /*--hidden by default--*/
	background: #000;
	position: fixed; left: 0; top: 0;
	width: 100%; height: 100%;
	opacity: .80;
	z-index: 9999;
}
.popup_block{
	display: none; /*--hidden by default--*/
	background: #fff;
	padding: 5px;
	border: 5px solid #ddd;
	float: left;
	font-size: 1.2em;
	position: fixed;
	top: 50%; left: 50%;
	z-index: 99999;
	/*--CSS3 Box Shadows--*/
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
	/*--CSS3 Rounded Corners--*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
img.btn_close {
	float: right;
	margin: -55px -55px 0 0;
}
/*--Making IE6 Understand Fixed Positioning--*/
*html #fade {
	position: absolute;
}
*html .popup_block {
	position: absolute;
}


/* popup code: end */





/*
Compamy Profile Page: Begin*/


.title
{

margin: 0;
padding: 3px;
font-weight: bold;
display: block;
width: 15em;
float: left;
font-size: 2.2em;
color: 000;
}

.centerprofile
{
float:left;
margin-top:5px;
padding: 2px;
width:70%;
border: 1px solid #c2c2c2;
background-color: #ffffff;
}

.rev_descript
{
float:left;
margin-top:5px;
padding: 2px;
width:20em;
display: block;
border: 0px solid #c2c2c2;
font-size: 1.1em;
background-color: #ffffff;
color: #000000;
}
.personal_note
{
float:left;
margin-top:5px;
padding: 2px;
align="left";
width:60%;
border: 0px solid #c2c2c2;
font-size: 1.2em;
background-color: #ffffff;
color: #000000;
}
.comp_descript
{
float:left;
margin-top:10px;
padding: 2px;
align:left;
width:70%;
border: 0px solid #c2c2c2;
font-size: 1.1em;
background-color: #ffffff;
color: #c2c2c2;
}
.trusted
{
float:left;
margin-top:10px;
padding: 2px;
width:70%;
border: 0px solid #c2c2c2;
font-size: 1.2em;
font-weight: bold;
background-color: #ffffff;
color: #000000;
}


/*ul 
{
  float: left;
  width: 12em;
  margin: 0;
  padding: 0;
  list-style: none;
}*/
 
li
 {
  float: left;
  width: 15em;
  margin: 2px;
  padding: 0;
} 

.ul_profile
 {
  float: left;
  width: 15em; /* width is changed */
  margin: 0;
  padding: 0;
  list-style: none;
}
 
.li_profile
{
  float: left;
  width: 10em;
  margin-bottom:5px;
  margin: 0;
  background-image: url(smileybullet.gif);
  background-position: 0 3px;
  background-repeat: no-repeat;
  padding: 0 0 0 1.5em; /* left padding moves the text away from the bullet */
} 
.li_profile_tk_confirm
{
  float: left;
  width: 25em;
  margin-bottom:5px;
  margin: 0;
  background-image: url(smileybullet.gif);
  background-position: 0 3px;
  background-repeat: no-repeat;
  padding: 0 0 0 1.5em; /* left padding moves the text away from the bullet */
} 

.trust_descript
{
float:left;
margin-top:5px;
padding: 2px;
width:99%;
border-top: 2px dotted #c2c2c2;
font-size: 1.1em;
background-color: #ffffff;
color: #000000;
}

/*End*/

.hr_profile
{
float:left;
margin-top:2px;
margin-bottom:2px;
padding: 2px;
width:70%;
border: 0px solid #c2c2c2;
font-size: 1.1em;
background-color: #ffffff;
color: #000000;
}


form
{
margin: 0;
padding: 0;
/*width: 800px;*/
}


#box
{
border: 1px solid #c2c2c2;
width: 950px;
margin: 0 auto;
margin-top:5px;
}


#rightwo{
width:100px;
height: 40px;
float: right;
border: 0px solid #c2c2c2;
}
#left{
width:200px;
height: 40px;
float: left;
border: 1px solid pink;
}

#right2{
width:200px;
height: 40px;
float: right;
border: 1px solid pink;
}



#empty{
width: 700px;
height: auto;
border: 0px solid #fff;
}
.mp_left_start_nav
{

margin-left:5px;
margin-top:0px;
margin-bottom:1px;
padding: 3px;
font-weight: bold;
display: block;
border: 0px solid #757575;
width: 8em;
float: left;
font-size: 1.1em;
}
.mp_left
{

margin-left:5px;
margin-top:0px;
margin-bottom:1px;
padding: 3px;
font-weight: bold;
display: block;
border: 0px solid #757575;
width: 30em;
float: left;
font-size: 1.1em;
}
#mp_lefthiw
{

margin-left:5px;
margin-top:0px;
margin-bottom:1px;
padding: 3px;
font-weight: bold;
display: block;
border: 0px solid #757575;
width: 25em;
float: left;
font-size: 1.1em;
}
.mp_left_alert
{

margin-left:5px;
margin-top:0px;
padding: 2px;
font-weight: bold;
display: block;
width: 10em;
float: left;
font-size: 1.2em;
color:000;
}


.mp_right
{
margin-right:5px;
margin-top:0;
padding: 1px;
font-weight: bold;
display: block;
width: 8em;
float: right;
font-size: 1.1em;
}
.mp_right_col
{
margin-right:13px;
margin-top:0;
padding: 1px;
font-weight: bold;
display: block;
width: 5em;
float: right;
font-size: 1.1em;
}
.mi_right
{
margin-right:10px;
margin-top:0;
padding: 3px;
font-weight: bold;
display: block;
width: 10em;
float: right;
font-size: 1.1em;
}

.image_space
{
margin-left:auto;
margin-right:auto;
margin-top:0px;
padding: 5px;
width:50%;
height:0px;
background-color:#ffffff;
border: 0px solid #ffffff;
color: #ffffff;
}
.image_space4
{
margin-left:auto;
margin-right:auto;
margin-top:0px;
padding: 5px;
width:1px;
height:400px;
background-color:#ffffff;
border: 0px solid #ffffff;
color: #ffffff;
}
.image_space2
{
margin-left:auto;
margin-right:auto;
margin-top:0px;
padding: 5px;
width:5%;
height:0px;
background-color:#ffffff;
border: 0px solid #ffffff;
color: #ffffff;
}
.image_space3
{
margin-left:auto;
margin-right:auto;
margin-top:0px;
padding: 5px;
float: left;
width:140px;
height:0px;
background-color:#ffffff;
border: 0px solid #ffffff;
color: #ffffff;
}
.hr_top
{
margin-left:auto;
margin-right:auto;
margin-bottom:2px;
margin-top:2px;
padding:0px;
width:100%;
height:1px;
/*align:center;*/
float: right;
background-color:#0b7484;
border: 0px solid #990000;
size: 0.5em;
}

.hr_att
{
margin-left:auto;
margin-right:auto;
margin-bottom:5px;
margin-top:5px;
padding: .1px;
width:100%;
height:1px;
/*align:center;*/
float: right;
background-color:#c2c2c2;
border: 0px solid #990000;
size: 0.5em;
}
.hr_dotted
{
margin-left:auto;
margin-right:auto;
margin-bottom:5px;
margin-top:5px;
padding: 1px;
width:100%;
height:1px;
/*align:center;*/
float: right;
background-color:#ffffff;
border: 0px dotted #757575;
border-top: 1px dotted #ccc; color: #fff;
}

.hr_dotted_vertical
{
margin-left:auto;
margin-right:auto;
margin-bottom:5px;
margin-top:5px;
padding: 1px;
width:1px;
height:100%;
/*align:center;*/
float: right;
background-color:#ffffff;
border: 0px dotted #757575;
border-left: 2px dotted #cccccc; color: #fff;
}


frame
{
margin: 0;
padding: 0;

}


legend
{
margin: 0 0 15px 0;
padding: 4px 8px;
border: 0px solid #d6d6d6;
font-weight: bold;
font-size: 1.2em;
background-color: #000000;
color: #ffffff;
}
fieldset
{
margin: 5px;
padding: 5px;
border: 1px solid #cccccc;
display: block;
width: 725px;
}
.centerlogin
{
margin-left:auto;
margin-right:auto;
margin-top:5px;
padding: 2px;
width:50%;
border: 1px solid #c2c2c2;
background-color: #f6f6f6;
}
.centerservice
{
float:left;
margin-top:5px;
padding: 2px;
width:70%;
font-size: 1.1em;
border: 1px solid #c2c2c2;
background-color: #f6f6f6;
}
.customerservice
{
float:left;
margin-top:5px;
padding: 2px;
width:90%;
font-size: 1.1em;
border-bottom: 1px dotted #c2c2c2;
background-color: #ffffff;
}
.centerservice2
{
float:left;
margin-top:5px;
padding: 2px;
width:80%;
font-size: 1.1em;
border: 0px solid #990000;
background-color: #ffffff;
}
#centerservice_inner
{
float:left;
margin-top:5px;
padding: 2px;
width:50em;
font-size: 1.1em;
border: 0px solid #990000;
background-color: #ffffff;
}
.submitclear
{
float:left;
margin-top:5px;
padding: 2px;
width:100%;
font-size: 1.1em;
border: 0px solid #c2c2c2;
background-color: #ffffff;
}
.formelementwrappersingle
{
clear: both;
margin: 2px;
padding: 0;
/*float: left;width: 70em;*/
border: 1px solid #c2c2c2;
background-color: #f6f6f6;
}



.formelementwrapperdoubleinline
{
margin: 2px;
padding: 0;
float:left;
width: 19em;
border: 1px solid #c2c2c2;
background-color: #f6f6f6;
}
.formelementwrapperdoublebreak
{
margin: 2px;
padding: 0;
float:left;
clear: both;
width: 19em;
border: 1px solid #c2c2c2;
background-color: #f6f6f6;
}
.rating_box
{ 
height: 20px; /*Specify Height*/ 
width:  20px; /*Specify Width*/ 
border: 1px solid #000000; /*Add 1px solid border, use any color you want*/ 
background-color: blue; /*Add a background color to the box*/ 
text-align:center; /*Align the text to the center*/ 
color: #ffffff;
margin-bottom:5px;
} 
/****  rating:begin */
    .rating {
    float:left;
}

/* :not(:checked) is a filter, so that browsers that don’t support :checked don’t 
   follow these rules. Every browser that supports :checked also supports :not(), so
   it doesn’t make the test unnecessarily selective */
.rating:not(:checked) > input {
    position:absolute;
    top:-9999px;
    clip:rect(0,0,0,0);
}

.rating:not(:checked) > label {
    float:right;
    width:1em;
    padding:0 .1em;
    overflow:hidden;
    white-space:nowrap;
    cursor:pointer;
    font-size:200%;
    line-height:1.2;
    color:#ddd;
    text-shadow:1px 1px #bbb, 2px 2px #666, .1em .1em .2em rgba(0,0,0,.5);
}

.rating:not(:checked) > label:before {
    content: '★ ';
}

.rating > input:checked ~ label {
    color: #f70;
    text-shadow:1px 1px #c60, 2px 2px #940, .1em .1em .2em rgba(0,0,0,.5);
}

.rating:not(:checked) > label:hover,
.rating:not(:checked) > label:hover ~ label {
    color: gold;
    text-shadow:1px 1px goldenrod, 2px 2px #B57340, .1em .1em .2em rgba(0,0,0,.5);
}

.rating > input:checked + label:hover,
.rating > input:checked + label:hover ~ label,
.rating > input:checked ~ label:hover,
.rating > input:checked ~ label:hover ~ label,
.rating > label:hover ~ input:checked ~ label {
    color: #ea0;
    text-shadow:1px 1px goldenrod, 2px 2px #B57340, .1em .1em .2em rgba(0,0,0,.5);
}

.rating > label:active {
    position:relative;
    top:2px;
    left:2px;
}
    
/*  end  */
/****  rating:begin */
    .rating2 {
    float:left;
}

/* :not(:checked) is a filter, so that browsers that don’t support :checked don’t 
   follow these rules. Every browser that supports :checked also supports :not(), so
   it doesn’t make the test unnecessarily selective */
.rating2:not(:checked) > input {
    position:absolute;
    top:-9999px;
    clip:rect(0,0,0,0);
}

.rating2:not(:checked) > label {
    float:right;
    width:1em;
    padding:0 .1em;
    overflow:hidden;
    white-space:nowrap;
    cursor:pointer;
    font-size:200%;
    line-height:1.2;
    color:#ddd;
    text-shadow:1px 1px #bbb, 2px 2px #666, .1em .1em .2em rgba(0,0,0,.5);
}

.rating2:not(:checked) > label:before {
    content: '★ ';
}

.rating2 > input:checked ~ label {
    color: #f70;
    text-shadow:1px 1px #c60, 2px 2px #940, .1em .1em .2em rgba(0,0,0,.5);
}

.rating2:not(:checked) > label:hover,
.rating2:not(:checked) > label:hover ~ label {
    color: #990000;
    text-shadow:1px 1px goldenrod, 2px 2px #B57340, .1em .1em .2em rgba(0,0,0,.5);
}

.rating2 > input:checked + label:hover,
.rating2 > input:checked + label:hover ~ label,
.rating2 > input:checked ~ label:hover,
.rating2 > input:checked ~ label:hover ~ label,
.rating2 > label:hover ~ input:checked ~ label {
    color: #ea0;
    text-shadow:1px 1px goldenrod, 2px 2px #B57340, .1em .1em .2em rgba(0,0,0,.5);
}

.rating2 > label:active {
    position:relative;
    top:2px;
    left:2px;
}
    
/*  end  */
label
{
margin: 0;
padding: 3px;
font-weight: bold;
display: block;
width: 10em;
float: left;
font-size: 1.1em;
}
#label_cust_serv_dropdown
{
margin: 0;
padding: 6px;
font-weight: bold;
display: block;
width: 15em;
float: left;
font-size: 1.1em;
}
#label
{
margin: 0;
padding: 6px;
font-weight: bold;
display: block;
width: 20em;
float: left;
font-size: 1.1em;
}

#labelpop
{
margin: 0;
padding: 6px;
font-weight: bold;
display: block;
width: 20em;
float: left;
font-size: .9em;
}
#label_longer
{
margin: 0;
padding: 6px;
font-weight: bold;
display: block;
width: 25em;
float: left;
font-size: 1.1em;
}
#label_shorter
{
margin: 0;
padding: 2px;
font-weight: normal;
display: block;
width: 35em;
border: 0px solid #c2c2c2;
float: left;
font-size: 1.1em;
}
#label_shorterpop
{
margin: 0;
padding: 2px;
font-weight: normal;
display: block;
width: 35em;
border: 0px solid #c2c2c2;
float: left;
font-size: .9em;
}
#label_extra_long
{
margin: 0;
padding: 2px;
font-weight: normal;
display: block;
width: 45em;
border: 1px solid #c2c2c2;
float: left;
font-size: 1.1em;
}
#list_label
{
margin-right: 10px;
padding: 2px;
font-weight: normal;
display: block;
width: 15em;
border: 0px solid #c2c2c2;
float: left;
font-size: 1.1em;
text-decoration: none;
text-transform: lowercase;
}
#list_label_data
{
margin-right: 10px;
padding: 2px;
font-weight: normal;
display: block;
width: 15em;
border: 0px solid #c2c2c2;
float: left;
font-size: 1.1em;
color: #757575;
text-decoration: none;
text-transform: lowercase;
}
#list_labelpop
{
margin-right: 10px;
padding: 2px;
font-weight: normal;
display: block;
width: 14em;
border: 0px solid #c2c2c2;
float: left;
font-size: .9em;
text-decoration: none;
text-transform: lowercase;
}
#list_label_datapop
{
margin-right: 10px;
padding: 2px;
font-weight: normal;
display: block;
width: 12em;
border: 0px solid #c2c2c2;
float: left;
font-size: .9em;
color: #757575;
text-decoration: none;
text-transform: lowercase;
}
#label_shorter_title
{
margin: 0;
padding: 2px;
font-weight: bold;
display: block;
width: 35em;
border: 0px solid #c2c2c2;
float: left;
font-size: 1.2em;
}
#label_shorter_right
{
margin: 0;
padding: 2px;
font-weight: normal;
display: block;
width: 20em;
border: 0px solid #c2c2c2;
float: right;
font-size: 1.1em;
}
#label_message
{
margin: 0;
padding: 2px;
font-weight: normal;
display: block;
width: 40em;
border: 1px solid #757575;
background-color: #c2c2c2;
float: left;
font-size: 1.1em;
}
#label_message_error {
    margin: 0px;
    padding: 2px;
    font-weight: normal;
    display: block;
    width: 40em;
    border: 1px solid #990000;
    background-color: #A34444;
    float: left;
    font-size: 1.1em;
}
#label_message_error_login
{
    margin: 0px;
    padding: 2px;
    font-weight: normal;
    display: block;
    width: 40em;
    border: 1px solid #ffffff;
    background-color: #ffffff;
    float: left;
    font-size: 1.1em;
}
#label_message_success
{
margin: 0px;
padding: 2px;
font-weight: normal;
display: block;
width: 40em;
border: 1px solid #2C28CF;
background-color: #5B59AA;
float: left;
font-size: 1.1em;
}
#label_alerts
{
margin-left: 5px;
width: 15em;
float: left;
font-size: 1.1em;
}
#label_bid
{
margin: 5;
padding: 3px;
font-weight: normal;
display: block;
width: 15em;
float: right;
font-size: 1.1em;
}
.mp_left_longer
{
margin-left:2px;
margin-top:0px;
margin-bottom:1px;
padding: 2px;
font-weight: bold;
display: block;
width: 25em;
float: left;
border: 0px solid #990000;
font-size: 1.1em;
}

#label_bid2
{
margin: 5px;
padding: 0px;
font-weight: normal;
width: 30em;
float: left;
font-size: 1.1em;
}
#label_bid3
{
margin: 5;
padding: 3px;
font-weight: normal;
display: block;
width:10em;
float: right;
font-size: 1.1em;
}
input.textinput, textarea.textarea1
{
background-color: #ABCCF9;
font-size: 1.1em;
border: 1px solid #c2c2c2;
}
span.textbutton_Con
{
background-color: #F4A460;
font-size: 1.4em;
margin-bottom: 10px;
border: 1px solid #c2c2c2;
color:#757575; 
padding: 3px;
}
span.textbutton_Bus
{
background-color: #8AACC0;
font-size: 1.4em;
margin-bottom: 10px;
border: 1px solid #c2c2c2;
color:#757575; 
padding: 3px;
}
input.textbutton
{
background-color: #F4A460;
font-size: 1.4em;
color:#757575;
border: 1px solid #c2c2c2;
}
input.textinput_bid_button
{
background-color: #ABCCF9;
margin: 4px;
margin-right:6em;

font-size: 1.4em;
border: 1px solid #c2c2c2;
}

input.textinput2
{
background-color: #ABCCF9;
font-size: 1.4em;
border: 1px solid #c2c2c2;
}
input.textinput:focus, textarea.textarea1:focus
{
background-color: #ffffff;
font-size: 1.4em;
border: 1px solid #d6d6d6;
}
#input_text
{
background-color: #F4A460;
font-size: 1.1em;
border: 1px solid #c2c2c2;
width:15em;
}
