/* Global Default Styles */

html,body {
      margin:             0;
      padding:            0;
      height:             100%;
    }

html, body, table, td, p {
			font-size:      12px;
			line-height:	  15px;
		}

form { margin: 0px; }

a.small:link, a.small:visited {
	font: 10px Arial, Verdana, Helvetica, sans-serif;
	text-decoration: underline;
	line-height: normal;
}

a.small:hover {
	font: 10px Arial, Verdana, Helvetica, sans-serif;
	text-decoration: underline;
}
a.small:active {
	font: 10px Arial, Verdana, Helvetica, sans-serif;
	text-decoration: underline;
}

/* user account / admin tabs */
.selected_tab {
      border-top:         1px solid #999999;
      border-bottom:      1px solid #ffffff;
			background-color:   #ffffff;
			text-align:         center;
			height:             22px;
			text-align:         center;
    }

.unselected_tab {
      background-color:   #efefef;
			border-top:         1px solid #999999;
			border-bottom:      1px solid #999999;
			height:             22px;
			text-align:         center;
    }

.tab_content {
      border-left:        1px solid #999999;
			border-right:       1px solid #999999;
			border-bottom:      1px solid #999999;
			padding:            20px;
    }

/* Page Structural Styles & Positioning */
td#right_column {
 /*   width:              224px;  */
      height:             100%;
	  background-color:   #efefef;
      padding-top:        10px;
    }

td#main_content {
/*    width:              100%;    */
      height:             100%;
      padding:            0px;
      padding-top:        5px;
      vertical-align:     top;
      border-right:	  1px solid #cccccc;
    }

tr#footer td {
      height:             25px;
      padding-left:       212px;
    }


#search_item {
      padding-bottom:     10px;
      margin-top:         10px;
    }



#categ {
      padding-top:       10px;
	    padding-bottom:	   10px;
    }

#logo {
      margin-top:         30px;
      margin-bottom:        30px;
      margin-left:        5px;
      padding-right:	  4px;
    }

#container {
      margin-top:         5px;
      text-align:         left;
      padding:       10px;
      padding-top:       5px;
      width:	   700px;
    }
#container1 {
      margin-top:         5px;
      text-align:         left;
      padding:       10px;
      padding-top:       5px;
    }

form.login {
	display: inline;
}

td.nospace img {
	display: block
}


/* Navigation Bar */
#footercontainer ul {
      padding-left:       0;
      margin:             0;
      color:              black;
      float:              left;
      width:              100%;
      font-family:        Arial, Verdana, Helvetica, sans-serif;
    }

#footercontainer ul li.menu_item {
      display:            inline;
    }

#footercontainer ul li.menu_item a {
      padding-left:            10px;
      padding-right:            10px;
      color:              #000000;
      text-decoration:    none;
      float:              left;
      font-size:          12px;
      font-family:        Arial, Verdana, Helvetica, sans-serif;
    }

#footercontainer ul li.menu_item a:hover {
      color:              #ff0000;
    }


#certificate {
      margin:         15px;

    }

/* --------------- Text Styles  ------------------  */
.heading_1 {
    font-size: 14px;
	font-weight:        bold;
    font-family: 		Arial, Verdana, Helvetica, sans-serif;
    margin-bottom:      10px;
    }

.heading_2 {
    font-size: 					12px;
	font-weight:				bold;
    font-family: 				Arial, Verdana, Helvetica, sans-serif;
    }

.heading_3 {
	font-weight:				bold;
	color:					#3366CC;
    }

    /* ----- Note ---
       Styles can be combined, so we don't need .red_bold type style definitions.
       The effect can be created like this:
       <span class="red bold">foo</span>

       This site documents compliance of various browsers with multiple style definitions:
       http://www.pixelsurge.com/experiment/multiplestyles.htm

      The order of application of style selectors is:

      1. element
      2. class
      3. id
      4. inline styles

      When two or more selectors apply to an element, a style defined later takes precedence over a style defined earlier.

    */

.bold {
			font-weight:        bold;
    }

.italic {
      font-style:         italic;
    }

.small {
      font-family:        Verdana, Helvetica, sans-serif;
     	font-size:          8pt;
    }

.big  {
      font-size:          11pt;
    }

.link {
      text-decoration:    underline;
    }

.red {
	    color:              #cc0000;
    }


.black { color: black; }

.green {
      color:              #21AF20;
    }

.grey {
      color:              #efefef;
    }

.dark_grey {
      color:              #333333;
    }

.medium_grey {
      color:              #999999;
    }

.grey_background {
      background-color:   #efefef;
    }

.white {
      color:              #FFFFFF;
    }

.yellow {
      color:              #F5BC28;
    }


.right {
	text-align: 	 	right;
	padding:		8px;	
	}

.left {
	text-align: 	 	left;
	padding:		2px;	
	}

/* indentation rules */
.no_indent {
      margin:             0px;
      padding-left:       20px;
    }

.small_indent {
      margin-left:        15px;
      padding-left:       15px;
    }

.big_indent {
      padding-left:       40px;
    }

.pad_left {
      padding-left:       10px;
    }

.pad_right {
      padding-right:      10px;
    }

.border_right {
      border-right:       1px #afafaf solid;
      margin-right:       10px;
    }

.help_question {
      color:              #3366CC;
    }


.please_register {
      background-color:   #ffffee;
      border:             1px solid #336699;
      padding:            8px;
      font:               16px Helvetica, sans-serif;
      font-weight:        bold;
    }

hr {
      color:              #dddddd;
      background-color:   #dddddd;
      height:             1px;
			padding: 0px;
			border: 0px;
    }

.tip_text {
      text-decoration:    none;
      color:              #3366CC;
      background-color:   #FFFFFF;
			margin: 10px;
      padding:            3px;
			border-bottom: 1px solid white;
    }

.tip_text td {
      color:              #3366CC;
    }

/* item display styles */

table.item_stats {
   border:      1px #dddddd solid;
    background-color:   #efefef;
    }

.item_actions {
      padding:            2px;
      border:             1px #000000 solid;
      background-color:   #efefef;
      width:              98%; 
    }


/* ----------------------------------------------------------------
    Form styles
   ---------------------------------------------------------------- */

table.form {
      padding-top:            5px;
    }

.form_label {
      font-weight:        bold;
      color:              #000000; /*#007BDB; */
      vertical-align:     top;
      background-color:   #efefef;
    }


.form_description {
      font:               8pt Arial, Helvetica, sans-serif;
      color:              #666666;
    }

.form_title {
      font-size:          10pt;
     /* border-bottom:      2px solid #abcdef; */
      background-color:   #007BDB;
      font-weight:        bold;
      color:              #ffffff;
      padding-left:       5px;
    }

.form_subtitle {
      font-size:          8pt;
      background-color:   #89abef;
      font-weight:        bold;
      color:              #ffffff;
      padding-left:       5px;
    }

.form_item {
      /* border-bottom:      1px dotted #abcdef; */
      background-color:   #efefef;
      margin-bottom:      5px;
      padding:            5px;
      vertical-align: top;
  }

.first_form_item {
      border-top:         2px solid #abcdef;
    }

.last_form_item {
      border-bottom:      2px solid #abcdef;
    }


/* --------------------------------------------------------------------------
    Listings Styles:
    seen in products.jsp, productsimg.jsp, products_search.jsp,products_searchimg.jsp
    productsvendor.jsp, productsvendorimg.jsp
   -------------------------------------------------------------------------- */

/* Listings: Default styles */

.listing_title
{
    background-image: url(../images/vertical_line_bg.jpg);
		background-repeat: repeat-x;
    color:                #336699;
    font-weight:		      bold;
    vertical-align:       top;
  }

.listing_title_v
{
    background-image: url(../images/vertical_line_bg_v.jpg); 
	background-repeat: repeat-x;
    color:                #336699;
    font-weight:		  bold;
    vertical-align:       top;
  }


.listing_item {
    padding-top:          2px;
    vertical-align:       top;
  }


/* ------------------------------------------------------------------------
    Listing styles: vendorproducts.jsp,productbids.jsp.
   ------------------------------------------------------------------------ */

table.listing {
      width:              96%;
      font:               12px Arial, Verdana, Helvetica, sans-serif;
      margin:             0;
      border:             1px solid #ffffff;

    }

table.listing th {
      font-family:               Arial, Verdana, Helvetica, sans-serif;
      font-weight:        bold;
      padding:            5px;
      border-bottom:      1px solid #CCCCCC;
      border-top:         1px solid #CCCCCC;
      background-color:   #DDDDDE;
      color:              #000000;
	vertical-align:	  top;
    }
table.listing td {
      padding:            5px;
      background-color:   #efefef;
      border-bottom:      1px solid #FFFFFF;
	vertical-align:	  top;
    }


/* Vendor Help */

#vendorhelp_container {
      margin:         20px;
      text-align:         left;
      padding:       10px;
      width:	   590px;
    }
/* Admin Styles*/


.grey_bg {
      background:         url(../images/grey_dot.gif);
}
.black_bg {
      background:         url(../images/blackpixel.gif);
}


.image_span img {
  border: 2px solid #cccccc;
	padding: 5px;
	margin-right: 10px;
}
a.action_link {
  text-decoration: none;
	color: #336699;
}
a.action_link:hover {
	color: #000000;
	background-color: #ffffee;
  text-decoration: underline;
}		

#navcontainer ul {
      padding-left:       0;
      margin:             0;
      color:              white;
      float:              left;
      width:              100%;
      font-family:        Verdana, arial, helvetica, sans-serif;
    }

#navcontainer_admin ul, #navcontainer_admin_dropdown ul {
      padding-left:       0;
      margin:             0;
      background-color:   #E90708;
      color:              white;
      float:              left;
      width:              100%;
      font-size:          11px;
      font-family:        Verdana, Arial, Helvetica, sans-serif;
    }


#navcontainer_vendor ul {
      padding-left:       0;
      margin:             0;
      background-color:   #5B9BDC;
      color:              white;
      float:              left;
      width:              100%;
      font-family:        Verdana, arial, helvetica, sans-serif;
			height: 24px;
    }

#navcontainer_admin_logout ul {
      padding-left:       0;
      margin:             0;
      background-color:   #E90708;
      color:              white;
      float:              right;
      width:              100%;
      font-size:          11px;
      font-family:        Verdana, Arial, Helvetica, sans-serif;
    }    
    

#navcontainer ul li.menu_item, #navcontainer_admin ul li.menu_item, #navcontainer ul li.admin_menu_item, #navcontainer_admin_dropdown ul li.admin_menu_item,
  #navcontainer_admin ul li.admin_menu_item, #navcontainer_vendor ul li.menu_item, #navcontainer_vendor ul li.vendor_menu_item {
      display:            inline;
    }

#navcontainer ul li.admin_menu_item, #navcontainer_admin ul li.admin_menu_item, #navcontainer_admin_dropdown ul li.admin_menu_item {
      float:              left;
      border-right:        1px solid #FFFFFF;
      text-align:         center;
      font-size:          11px;
      font-family:        Verdana, Arial, Helvetica, sans-serif;
    }
    
#navcontainer_logout ul li.admin_menu_item_logout {
      display:            inline;
    }

#navcontainer_logout ul li.admin_menu_item_logout {
      float:              right;
      background-color:   #E90708;
      text-align:         center;
      font-size:          11px;
      font-family:        Verdana, Arial, Helvetica, sans-serif;
    }   

#navcontainer ul li.no_link, #navcontainer_vendor ul li.no_link {
      display:            inline;
      padding:            2px 10px;
      color:              #3366cc;
      text-decoration:    none;
      float:              left;
    }

#navcontainer_admin ul li.no_link { 
      display:            inline;
      padding:            2px 10px;
      background-color:   #E90708;
      color:              #FFFFFF;
      text-decoration:    none;
      float:              left;
      font-size:          11px;
    }
    
    
#navcontainer_vendor ul li.no_link {
  color: white;
}




#navcontainer ul li.no_link a, #navcontainer_admin ul li.no_link a, #navcontainer_vendor ul li.no_link a {
/*      color:              #FFFFCC;
      font-weight:        bold;
      text-decoration:    underline;
      font-size:          11px;
      font-family:        Verdana, Arial, Helvetica, sans-serif;*/
    }

#navcontainer ul li.admin_menu_item a, #navcontainer_admin ul li.admin_menu_item a {
      float:              left;
      padding:            2px 10px;
      background-color:   #E90708;
      color:              white;
      text-decoration:    none;
	    width: 100px;
      font-size:          11px;
      font-family:        Verdana, Arial, Helvetica, sans-serif;
    }
    
#navcontainer_logout ul li.admin_menu_item_logout a {
      float:              right;
      padding:            2px 10px;
      border-left:        1px solid #FFFFFF;
      background-color:   #E90708;
      color:              white;
      text-decoration:    none;
      width: 120px;
      font-size:          11px;
      font-family:        Verdana, Arial, Helvetica, sans-serif;
    }
    		
.navlist {
      padding:            0;
      margin:             0;
    }


.list_table td { 
  background-color: #ffffff;
  border-bottom: 1px solid #cccccc;
}
td.list_table_bg {
  padding: 2px;
  padding-left: 2px;
  background-color: green;
  border-bottom: none;
}
.list_table_bg td {
  padding: 1px;
  padding-left: 1px;
  background-color: green;
  border-bottom: 0px solid #cccccc;
}
td.list_table_title
{
  background-color: green;
  font-weight: bold;
  color: #ffffff;
  padding: 3px;
}
td.answer {
  background-color: #eaeaea;
}
td.no_underline {
  border-bottom: 1px solid white;
}

P.myTop {text-align: right;}