body { 
   background-color: #ffffff;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   font-family: "arial", sans-serif;
   font-size: 10pt; 
   font-weight: 100;
   color: #444444;
}


input, textarea{ 
   background: #ffffff;
   color: #444444;
   font-size: 8pt;
   border-style: solid; 
   border-color: #6699FF;
   border-width: 1px;
}


select {
   font-size:8pt;
   font-family: "Times New Roman", "Times", serif;

   background: #ffffff;
   color: #444444;
   border-style: solid; 
   border-color: #6699FF;
   border-width: 1px;
}
.index_select {
   font-size:8pt;
   font-family: "Times New Roman", "Times", serif;

   background: #ffffff;
   color: #444444;
   border-style: solid; 
   border-color: #6699FF;
   border-width: 1px;
}

.index_category_select {
   font-size:10px;
   font-family: "Times New Roman", "Times", serif;

   background: #ffffff;
   color: #444444;
   border-style: solid; 
   border-color: #6699FF;
   border-width: 1px;
}

p {
   text-indent: 20pt;
}

.page_title {
   color: #6699FF;
   font-size: 20px;
   font-weight: 800;
   width: 600px;
   border: 1px solid #6699FF;
   background-color: #D1E1FF;
   margin: 5px 5px 5px 5px;
   padding: 5px 10px 5px 5px;    
   text-align: center;   
}

.header {
   width: 1000px;
}  

.menu_table {
   width: 1000px;
   background-color: "#D1E1FF";
   font-size: 10pt; 
   font-weight: 800;
   text-align: center;
}
.menu_table A:link {text-decoration: none; color: #666699;}
.menu_table A:visited {text-decoration: none; color: #666699;}
.menu_table A:active {text-decoration: none; color: #666699; }
.menu_table A:hover {text-decoration: underline; color: 666699;}

.align_right {
   text-align: right;
   font-size: 10pt;
   color: #666699;
   font-weight: 800;
}

.align_left {
   text-align: left;
   font-size: 10pt;
}

.align_center {
   text-align: center;
   font-size: 10pt;
}


.valign_top {
   text-align: top;
   font-size: 10pt;
}
/* ---- Div Section ----*/
.left_login_div {
   width: 150px;
   border: 1px solid #6699FF;
   background-color: #D1E1FF;
   font-size: 10pt;
   margin: 5px 5px 5px 0px;   
   padding: 5px 5px 5px 5px;
}

.left_title_div {
   width: 150px;
   border: 1px solid #6699FF;
   background-color: #6699FF;
   font-size: 12pt;
   color: #ffffff;
   font-weight: 800;
   margin: 5px 5px 0px 0px;   
   padding: 5px 5px 5px 5px;
}

.left_search_div {
   width: 150px;
   border: 1px solid #6699FF;
   background-color: #D1E1FF;
   font-size: 10pt;
   color: #444444;
   margin: 0px 5px 0px 0px;   
   padding: 5px 5px 5px 5px;
}

.right_news_title_div {
   width: 180px;
   border: 1px solid #6699FF;
   background-color: #6699FF;
   font-size: 12pt;
   color: #ffffff;
   font-weight: 800;
   margin: 5px 5px 0px 0px;   
   padding: 5px 5px 5px 5px;
}

.right_news_div {
   width: 180px;
   border: 1px solid #6699FF;
   background-color: #ffffff;
   font-size: 10pt;
   color: #444444;
   margin: 0px 5px 0px 0px;   
   padding: 5px 5px 5px 5px;
}

.main_div {
   font-size: 10pt;
   color: #444444; 
   padding: 5px 5px 5px 5px;
   margin: 0px 5px 0px 0px;  
   border: 1px solid #6699FF;

}

.main_title_div {

   border: 1px solid #6699FF;
   background-color: #6699FF;
   font-size: 12pt;
   color: #ffffff;
   font-weight: 800;
   margin: 5px 5px 0px 0px;   
   padding: 5px 5px 5px 5px;
}


.list_search_div {
   width: 550px;
   color: #444444;
   font-size: 10pt;
}

.list_title_div {
   width: 650px;
   background-color: #D1E1FF;
   color: #444444;
   font-size: 10pt;
}

.left_menu_div {
   width: 150px;
   border: 1px solid #6699FF;
   background-color: #D1E1FF;
   font-size: 10pt;
   color: #4A4344;
   margin: 5px 5px 5px 0px;   
   padding: 15px 5px 15px 5px;
   text-align: top;
}

.menu_element_div {
   margin: 3px 0px 3px 0px;  
   padding: 1px 0px 1px 0px; 
}

.left_menu_div A:link {text-decoration: none; color: #4A4344;}
.left_menu_div A:visited {text-decoration: none; color: #4A4344;}
.left_menu_div A:active {text-decoration: none; color: #4A4344; }
.left_menu_div A:hover {text-decoration: underline; color: #4A4344;}

.tips_div {
   width: 600px;
   border: 1px solid #6699FF;
   background-color: #D1E1FF;
   font-size: 9pt;
   color: #444444;
   margin: 5px 5px 5px 5px;
   padding: 5px 10px 5px 5px;     
   text-align: left;   
}

/* ---table--- */
.list_table {
   width: 650px;
   text-align: left;
}

.page_list_td {
   font-size: 10pt;
}

.name_td {
   font-size: 10pt;
   background-color: #D1E1FF;
   font-weight: 800;
}

.bgcolor_td {
   font-size: 10pt;
   background-color: #DDDDFF;
}

.no_bgcolor_td {
   font-size: 10pt;
   background-color: #ffffff;
}

/* ---others--- */ 
.button_size_8{
   color: #ffffff;
   font-size: 8pt;
   font-weight: 800;
   background-color: #666699;
}

.button_update{
   color: #ffffff;
   font-size: 8pt;
   font-weight: 800;
   background-color: #996699;
}

.button_edit{
   color: #444444;
   font-size: 7pt;
   background-color: #d1e1ff;
}

.button_delete{
   color: red;
   font-size: 7pt;
   background-color: #d1e1ff;
}

.upload_pic_button{
   background-color: #666699;
   border-width: 1px;
   font-size: 8pt;
   font-weight: 800;
}

.error_message{
   font-size: 10pt;
   color: red;
   font-weight 800;
}

.text_10 {
   font-size: 10pt;
   color: #444444; 
}

.text_9 {
   font-size: 9pt;
   color: #444444; 
}

.form_style
{
   margin-top:0;
   margin-bottom:0;
}

.display_item_td {
   border: 1px solid #6699ff;

}

.display_send_message {
   border: 3px solid #d1e1ff;
   width: 350px; 
   padding: 10px 10px 10px 10px;
}
.display_item_title_td {
   font-size: 12pt;
   font-weight: 800;
   color: #ffffff;
   text-align: top;
   background-color: #6699ff;

}

.display_item_edit_link {
   font-size: 8pt;
   font-weight: 100;
}

.search_form_div {
   padding: 10px 10px 10px 10px;
   text-align: left;
}

.view_message_div {
   border: 1px solid #6699ff;
   padding: 10px 10px 10px 10px;
   width: 600px;
}

.barter_match {
   /*border: 1px solid #6699ff;*/
   width: 750px;
}

a.green:link {color: #00CC33; }
a.green:active {color: #00CC33; }
a.green:visited {color: #00CC33; }
a.green:hover {color: #00CC33; }

a.red:link {color: #ff0000; }
a.red:active {color: #ff0000; }
a.red:visited {color: #ff0000; }
a.red:hover {color: #ff0000; }

a.gray:link {color: #666666; }
a.gray:active {color: #666666; }
a.gray:visited {color: #666666; }
a.gray:hover {color: #666666; }


a.blue:link {color: #3366FF;}
a.blue:active {color: #3366FF;}
a.blue:visited {color: #3366FF;}
a.blue:hover {color: #3366FF;}

a.city_state:link {color: #3366FF; text-decoration: none;}
a.city_state:active {color: #3366FF; text-decoration: none;}
a.city_state:visited {color: #3366FF; text-decoration: none;}
a.city_state:hover {color: #3366FF; text-decoration: underline;}

.city_state {
   padding: 1px;
}

a.purple:link {color: #9933FF;}
a.purple:active {color: #9933FF;}
a.purple:visited {color: #9933FF;}
a.purple:hover {color: #FFFF00;}

a.white:link {color: #ffffff;}
a.white:active {color: #ffffff;}
a.white:visited {color: #ffffff;}
a.white:hover {color: #ffffff;}

.home_stat_table {
   border: 1px solid #6699FF;
}

.message_history_div {
   border: 1px solid #6699ff;
   width: 400px;
   font-size: 8pt;
   padding: 10px 10px 10px 10px;
   text-align: left;
}

.message_history_sender {
   font-size: 8pt; 
   font-weight: 800;
   color: #6666CC;
}

.message_history_receiver {
   font-size: 8pt; 
   font-weight: 800;
   color: #6699FF;
}

.message_history_body_div {
   font-size: 8pt;
   width: 300px;
}

.barter_match_list {
   font-size: 12pt; 
   font-weight: 800;
   color: #6666CC;
   text-decoration: underline
}

.barter_match_title {
   font-size: 9pt; 
   font-weight: 400;
   color: #6666CC;

}

.barter_match_td
{
   font-size: 10pt;
   border: 1px solid #6699ff;
}

.faq_div
{
   font-size: 10pt;
   border: 1px solid #d1e1ff;
   width: 600px;
   padding: 5px 5px 5px 5px;
   margin-bottom: 30px;
   text-align:left;
}

.faq_question_div
{
   font-size: 10pt;
   font-weight: 800;
   border: 1px solid #d1e1ff;
   color: #666666;
   background-color: #d1e1ff;
   width: 600px;
   padding: 0px 5px 0px 5px;
   text-align:left;
}

.message_layer_div {
   position:absolute;
   /*left:480px;*/
   /*top:300px;*/
   /*bottom: 0px;*/

   width:340;
   height:340;
   visibility:hidden;
   background-color: #ffffff;
   border:3px solid #6699ff;
   z-index:100;
   text-align: left;
   padding: 0px 0px 10px 10px;
}

.message_layer_div_visible {
   position:absolute;
   /*left:480px;*/
   /*top:300px;*/
   /*bottom: 0px;*/

   width:340;
   height:340;
   visibility:visible;
   background-color: #ffffff;
   border:3px solid #6699ff;
   z-index:100;
   text-align: left;
   padding: 0px 0px 10px 10px;
}

.close_message_layer_div {
   width:auto;
   text-align: right;
   font-weight: 800;
}

.small_z_index {
   z-index:1;
   border: 1px solid #6699ff; 
}

.header_picture_div {
   filter:alpha(opacity=80);
   -moz-opacity:0.8;
   opacity: 0.8;
}

.optional_text {
   font-size: 7pt;
   font-weight: 100;
   color: #444444;
}

.buy_item_desc_div {
   position:absolute;
   width:250;
   visibility:hidden;
   background-color: #ffffff;
   border:3px solid #6699ff;
   z-index:1000;
   text-align: left;
   padding: 0px 0px 10px 10px;
}