/********************/
/* BASE DEFINITIONS */
/********************/

h2, h3, h4, li, ol, p, span, td, ul {
	color: #000000;
	font-family:  Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
}

h2, h3, h4, li, ol, p, td, ul {
	margin-bottom: 6px;
	margin-top: 12px;
}

/*********/
/* LISTS */
/*********/

ol, ul {
    margin-bottom: 0px;
    margin-top: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
}

ul, ul ul {
	list-style-type: disc;
}

.advertise li,
.advertise ul li
{
	color: #888888;
	margin-bottom: 3px;
	margin-top: 6px;
}

ul.category_list li
{
	margin-bottom: 3px;
	margin-top: 3px;
	padding-bottom: 0px;
	padding-top: 0px;
}

ul.sitemap,
ul.sitemap ul {
    padding: 3px 0 3px 20px;
    margin: 0px;
}

ul.sitemap li {
    margin: 0px 0px 6px 10px;
}

/************/
/* HEADINGS */
/************/

/* div.pagetitle = The title of the page in the main body area */
/* div.nodetitle = The title that appears above the sidebar */
div.pagetitle,
div.pagetitle h1,
div.pagetitle h2,
div.pagetitle h3,
div.pagetitle h4,
div.pagetitle h5,
div.pagetitle h6,
td.nodetitle h2 {
    font-family: Verdana, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
}

td.nodetitle h2 {
    border:none;
}

div.pagetitle h1,
div.pagetitle h2,
div.pagetitle h3,
div.pagetitle h4,
div.pagetitle h5,
div.pagetitle h6 {
    display: inline;
    padding: 0;
    margin: 0;
}

#mainbody h1, h2, h3, h4 {
	font-weight: bold;
	margin-top: 18px;
}

#mainbody h1, h2 {
	border-style: none none dotted none;
	border-width: 1px;
	border-color: #B3B3B3;
	font-size: 14px;		
}

/********************/
/* PARAGRAPH STYLES */
/********************/



/*********************/
/* CLASSES - GENERIC */
/*********************/

.label{
    color: #DE3008;
	font-weight: bold;
}

.restricted_notice {
  color: #DE3008;
  font-weight: bold;
  font-size: 16px;
  text-align: center;
}

.notice
{
	color: #FFFFFF;
	background-color: #009900;
	font-size: 18px;
	font-weight: bold;
	padding: 12px 12px 12px 12px;
    margin: 12px 0px 12px 0px;
}

.error
{
	color: #FFFFFF;
	background-color: #990000;
/*	background-color: #DE3008;	*/
	font-size: 18px;
	font-weight: bold;
	padding: 12px 6px 12px 42px;
	background-image: url("../images/error_message.gif");
	background-position: 6px 6px;
	background-repeat: no-repeat;
	

/*	display: list-item;
	list-style-image: url('../images/error_message.gif');
	text-indent: -1em;
	margin-left: 1em;*/
}

.error a, .error a:link, .error a:visited
{
	color: #FFFFFF;
}
.error a:hover
{
	color: #DDDDDD;
}

.error img 
{
	float: left;	
	margin: -6px 6px 0px 6px;
}

.dim {
	color: #888888;	
}

.stand_out {
	font-weight: bold;
	font-size: 18px;
}

.highlight {
    background-color: #F8E398;
}

div.highlight_grey,
div.highlight_gold
{
    margin-bottom: 6px;
    margin-top: 12px;
    padding-bottom: 1px;
    padding-top: 1px;
}

div.highlight_grey
{
	background-color: #EFEFEF;
}

div.highlight_gold
{
	background-color: #FBEDBC;
}


div.breadcrumbs,
div.steps,
div.steps span {
    color: #888888;
    font-size: 12px;
    margin: 12px 0 6px 0;
    padding: 0;
    font-weight: bold
}

div.breadcrumbs .active,
div.steps .current_step {
    color: #000000;
}

div.breadcrumbs .step,
div.steps .step {
    white-space: nowrap;
}

.hover_tip {
    width: 300px;
    border: 1px solid #999;
    color: #000;
    background-color: #FFFFCC;
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 3px;
	font-family:  Verdana, Helvetica, Arial, sans-serif;
	font-size: 10px;
}

.header_notice {
    padding-bottom: 12px;
    font-size: 1.1em;
}

/********************************/
/* LISTS - IN A BOX (ITEM VIEW) */
/********************************/

ul.box_list {
    list-style-type: disc;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 6px 17px;
    text-indent: 0px;
}

ul.box_list li {
    padding: 0px 0px 2px 0px;
}

ul.box_list li.more {
    list-style-type: none;
}

/***************/
/* LINK STYLES */
/***************/

/* basic link, unvisited link, visited link */
a, a:link, a:visited {
	color: #0756B4;
	text-decoration: underline;
	/*border-style: none none solid none;
	border-width: 1px;
	border-color: #0756B4;*/
}

/* hover link */
a:hover{
	color: #3A87E2;
    /*border-color: #3A87E2;*/
}

/****************/
/* IMAGE STYLES */
/****************/

a.image_popup, .image_thumb_container, .gallery_image_container a.image_popup {
	background-position: center center;
	background-repeat: no-repeat;
	cursor: hand;
}

a.image_thumb, a.image_thumb_link, .image_thumb_container {
	display: block;
	height: 64px;
	width: 64px;
}

a.image_detail {
	background-color: white;
	border: 1px solid #316AC5;
	display: block;
}

.gallery_image_container a.image_detail {
	background: none;
	border: none;
	display: block;
	height: 150px;
	width: 200px;
	margin: 0;
	padding: 6px 0 6px 0;
}

img.image_none {
    display: block;
}

.gallery_image_container img.image_none {
    text-align: left;
    padding: 20px 0 0 68px;
    margin: 0;
    width: 64px;
}

.extra_images {
    padding: 0;
    margin-bottom: 6px;
}

/*.extra_images_group {
    margin-left: -6px;
    margin-bottom: 6px;
    border-spacing: 6px 0;
    display:table;
    float: left;
    padding: 0;
}*/

a.extra_image_thumb {
    margin: 0 6px 6px 0;
    float: left;
    background-color: #FFF;
    border: 1px solid #316AC5;
    /*display: table-cell;*/
    line-height: 64px;
    font-size: 0pt;
    display: block;
    height: 66px;
    text-align:center;
    /*vertical-align: middle;*/
    width:66px;
}

a.extra_image_thumb img {
    vertical-align: middle;
}

a.extra_image_thumb:link, a.extra_image_thumb:visited {
    border: 1px solid #316AC5;
}

a.extra_image_thumb:hover, a.image_detail:hover {
    border: 1px solid #3A87E2;
}

a.extra_image_thumb:hover img, a.image_popup:hover img, a:hover img.image_none {
    filter:alpha(opacity=75);
    -moz-opacity:0.75;
    opacity:0.75;    
}

a.image_thumb_link:hover {
    background: #FFF;
    filter:alpha(opacity=25);
    -moz-opacity:0.25;
    opacity:0.25;
}

.gallery_image_container a.image_detail:hover {
    border:none;
}


/**************************/
/* IMAGE STYLES - IE HACK */
/**************************/

a img{
	border: none;
}

img {
    border: none;
    padding: 0px;
    margin: 0px;
    vertical-align: top;
}

/***********************/
/* SIDEBAR LINK STYLES */
/***********************/

/* base for all */
#sidebar a.l1, #sidebar .l1, #sidebar a.l1_active, #sidebar .l1_active,
#sidebar a.l2, #sidebar a.l2:link, #sidebar a.l2:visited, #sidebar .l2, #sidebar a.l2_active, #sidebar .l2_active,
#sidebar a.l3, #sidebar a.l3:link, #sidebar a.l3:visited, #sidebar .l3, #sidebar a.l3_active, #sidebar .l3_active,
#sidebar a.l4, #sidebar a.l4:link, #sidebar a.l4:visited, #sidebar .l4, #sidebar a.l4_active, #sidebar .l4_active,
#sidebar .label {
	display: block;
	font-family:  Verdana, Helvetica, Arial, sans-serif;
	margin: 0px 0px;
    text-decoration: none;
}

/* standard */
#sidebar a.l1, #sidebar .l1, #sidebar a.l2, #sidebar a.l2:link, #sidebar a.l2:visited, #sidebar .l2, 
#sidebar a.l3, #sidebar a.l3:link, #sidebar a.l3:visited, #sidebar .l3, #sidebar a.l4, #sidebar a.l4:link, #sidebar a.l4:visited, #sidebar .l4{
	border-bottom: 1px solid #B3B0A9;
	border-top: 1px solid #FFFFFF;
	color: #716E69;
}

/* hover */
#sidebar a.l1:hover, #sidebar a.l2:hover, #sidebar a.l3:hover, #sidebar a.l4:hover {
	background-color: #EBE4D8;
}

/* active */
#sidebar a.l1_active, #sidebar .l1_active, #sidebar a.l2_active, #sidebar .l2_active, #sidebar a.l3_active, #sidebar .l3_active, #sidebar a.l4_active, #sidebar .l4_active {
	background-color: #FCDC6C;
	border-bottom: 1px solid #cea500;
	border-left: 1px solid #ffd324;
	border-right: 1px solid #cea500;
	border-top: 1px solid #ffd324;
	color: #000000;
    cursor: default;
}

/* level 1 */
#sidebar a.l1, #sidebar .l1, #sidebar a.l1_active, #sidebar .l1_active {
	font-size: 12px;
	font-weight: bold;
	padding: 3px 0px 3px 10px;
}

/* level 2 */
#sidebar a.l2, #sidebar a.l2:link, #sidebar a.l2:visited, #sidebar .l2, #sidebar a.l2_active, #sidebar .l2_active {
	font-size: 10px;
	padding: 3px 0px 3px 25px;
}

/* level 3 */
#sidebar a.l3, #sidebar a.l3:link, #sidebar a.l3:visited, #sidebar .l3, #sidebar a.l3_active, #sidebar .l3_active {
	font-size: 10px;
	padding: 3px 0px 3px 40px;
}

/* level 4 */
#sidebar a.l4, #sidebar a.l4:link, #sidebar a.l4:visited, #sidebar .l4, #sidebar a.l4_active, #sidebar .l4_active {
	font-size: 10px;
	padding: 3px 0px 3px 55px;
}

/* sidebar label*/
#sidebar .label, #sidebar .cat_label {
	color: #716E69;
	font-size: 12px;
	padding: 3px 0px;
}

#sidebar .cat_label {
    color: #000000;
	font-weight: bold;
}

/* sidebar box - e.g. search etc */
#sidebar .box {
    background-color: #e4dfcf;
    border: thin solid #b3b0a9;
}

/* sidebar box2 - e.g. homepage about me etc */
#sidebar .box2 {
    background-color: #e4dfcf;
    border: 1px solid #b3b0a9;
    padding: 0px;
    color: #716E69;
    overflow: hidden;
}

#sidebar .box2 p {
    color: #716E69;
}


/*****************************/
/* PRESENTATION SLIDE STYLES */
/*****************************/

body#slide, html#slide{
    background-color: #FFFFFF;
    color: #000000;
}

/******************/
/* NAV BAR STYLES */
/******************/

#logininfo, #tabs {
	border-color: #FFFFFF;
	border-style: none;
	border-width: 1px;
	margin: 0px;
	padding: 0px;
}

#tabs{
    bottom: 0px;
}

#tabRow{
    text-align: left;
}

#header_left{
	height: 60px;
    padding: 0px;
    margin: 0px;
}

#header_right{
	border-color: #00FF00;
	border-style: none;
	border-width: 1px;
    height: 60px;
    text-align: right;
}

.no_padding, .nav_link {
    margin: 0px;
    padding: 0px;
}

/************************/
/* TABLE / PAGER STYLES */
/************************/

td.context_help{
    width: 14px;
}

/* Pager Table */
table.pager {
    /* Border style */
    border-style: solid none solid solid;
    border-width: 1px;
    border-color: #CCCCCC;

    font-size: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif
    color: #FFFFFF;
    
    padding: 0;
    border-collapse: collapse;

    clear: left;
}

/* Pager Headings */
table.pager tr th,
table.pager tr td.heading {
    /* border style */
    border-style: none solid none none;
    border-color: #CCCCCC;
    border-width: 1px;
    
    /* font style */
    font-weight: bold;
    text-align: left;
    color: #FFFFFF;
    
    vertical-align: top;
    background-color: #6292D1;
    padding: 1px 4px 1px 4px;
}

table.pager tr th p,
table.pager tr td.heading p {
    /* font style */
    font-weight: bold;
    color: #FFFFFF;
    margin: 6px 0px 6px 0px;
}

table.pager tr th a,
table.pager tr th a p,
table.pager tr td.heading a,
table.pager tr td.heading a p {
    /* font style */
    font-weight: bold;
    text-decoration: underline;
    color: #FFFFFF;
}

table.pager tr th a:hover,
table.pager tr th a:hover p,
table.pager tr td.heading a:hover,
table.pager tr td.heading a:hover p {
    text-decoration: underline;
    color: #DCDCDC;
}

table.pager tr th a:visited,
table.pager tr th a:visited p,
table.pager tr td.heading a:visited,
table.pager tr td.heading a:visited p {
    text-decoration: underline;
    color: #FFFFFF;
}

/* Pager Content */
table.pager tr td {
    border-color: #CCCCCC;
    border-style: none solid none none;
    border-width: 1px;
    vertical-align: top;
    padding: 1px 4px 1px 4px;
}

table.pager tr td p {
    margin: 6px 0px 6px 0px;
}

/* General Even/Odd Columns */
table tr td.odd {
    background-color: #FBFBFB;
}

table tr td.even {
    background-color: #EFEFEF;
}

table tr.pending_row td.odd, table tr.pending_row td.even {
    background-color: #FFDDF8;
}
table tr.current_row td.odd, table tr.current_row td.even {
    background-color: #F8F8C0;
}
table tr.current_row td.level p {
    font-weight: bold;
}

table tr td.odd_markup {
    background-color: #FBEDBC;
}

table tr td.even_markup {
    background-color: #F8E398;
}

table tr td.odd_active_feedback,
table tr td.odd_active_advert {
    background-color: #FBEDBC;
}

table tr td.even_active_feedback,
table tr td.even_active_advert {
    background-color: #F8E398;
}

.markupBold, .markupBold p, .markupBold a {
    font-weight: bolder;
    font-size: 116%;
}

.date_cell, .nowrap_cell {
    white-space: nowrap;
}

.pager_nav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #333333;
}

/********************************/
/* TABLE / STANDARD STYLES */
/********************************/

table.standard_table 
{
	padding: 5px 5px 5px 5px;
    border-style: none none none none;
}

table.standard_table tr th 
{
    border-style: none none none none;
}

table.standard_table tr td 
{
	valign: top;	
	padding: 5px 5px 5px 5px;
    border-style: none none none none;
}

table.standard_table tr td p 
{

}


/********************************/
/* TABLE / ADVERTISEMENT STYLES */
/********************************/

table.advertisement_box 
{
	border-style: solid solid solid solid;
	width: 100%;
	padding: 5px 5px 5px 5px;
}

table.advertisement_box tr th 
{
	border-style: none none none none;
}

table.advertisement_box tr td 
{
	border-style: none none none none;
	valign: top;	
	padding: 5px 5px 5px 5px;
}

table.advertisement_box tr td p 
{

}

/***************************/
/* TABLE / FEEDBACK STYLES */
/***************************/

table.feedback {
    /* Border style */
    border-style: none solid solid none;
    border-width: 1px;
    border-color: #CCCCCC;

    font-size: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif
    color: #FFFFFF;
    
    padding: 0;
    border-collapse: collapse;    
}

/* Feedback Headings */
table.feedback tr th {
    /* border style */
    border-style: solid none none solid;
    border-color: #CCCCCC;
    border-width: 1px;
    
    /* font style */
    font-weight: bold;
    text-align: center;
    color: #FFFFFF;
    
    vertical-align: top;
    background-color: #6292D1;
    padding: 1px 4px 1px 4px;
}

table.feedback tr th.row {
   text-align: left;
}

table.feedback tr th p {
    /* font style */
    font-weight: bold;
    color: #FFFFFF;
    margin: 6px 0px 6px 0px;
}


/* Pager Content */
table.feedback tr td {
    border-color: #CCCCCC;
    border-style: none none none solid;
    border-width: 1px;
    vertical-align: top;
    text-align: center;
    padding: 1px 4px 1px 4px;
}

table.feedback tr td.empty {
    border-style: none none none none;
}

table.feedback tr td p {
    margin: 6px 0px 6px 0px;
}

.feedback_positive {
    color: #009933;
}

.feedback_negative {
    color: #DE3008;
}

.feedback_rating, .credit_balance {
    font-size: 18px;
/*    font-size: 1.35em; */
    font-weight: bold;
}

/************************/
/* GALLERY TABLE STYLES */
/************************/
.gallery_item {
    text-align: left;
    vertical-align:top;
    padding-top: 6px;
    padding-bottom: 6px;
}

.gallery_item div.gallery_image_container {
    float:left;
    text-align:center;
    width:200px;
    vertical-align:middle;
    height:150;
}

.gallery_item div.gallery_detail_container {
    margin-left: 210px;
}

/***************************/
/* JAVA SCRIPT TREE STYLES */
/***************************/

/* base definition */
.jsTree, .jsTree:link, .jsTree:visited, .jsTree:hover, 
.jsTree_0, .jsTree_0:link, .jsTree_0:visited, .jsTree_0:hover, 
.jsTree_1, .jsTree_1:link, .jsTree_1:visited, .jsTree_1:hover, 
.jsTree_2, .jsTree_2:link, .jsTree_2:visited, .jsTree_2:hover, 
.jsTree_3, .jsTree_3:link, .jsTree_3:visited, .jsTree_3:hover {
    background-color: #FFFFFF;
	font-family:  Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding: 6px 0px 6px 0px;
	text-decoration: none;
}

/* Level Zero */
.jsTree_0, .jsTree_0:link, .jsTree_0:visited, .jsTree_0:hover {
	color: #1654A8;
}

/* Level One */
.jsTree_1, .jsTree_1:link, .jsTree_1:visited, .jsTree_1:hover {
	color: #000000;
}

/* Level Two */
.jsTree_2, .jsTree_2:link, .jsTree_2:visited, .jsTree_2:hover {
	color: #3A87E2;
}


/* Level Three */
.jsTree_3, .jsTree_3:link, .jsTree_3:visited, .jsTree_3:hover {
	color: #888888;
}

/* All other levels */
.jsTree, .jsTree:link, .jsTree:visited, .jsTree:hover {
	color: #000000;
}

/************************/
/* Auto Complete Styles */
/************************/

.autosuggest_box {
    border: solid 1px #666;
    background: #FFF;    
}

.autosuggest_box li {
    font-family: verdana;
    font-size: 12px;
    margin: 0;
    padding: 0;
}

.autosuggest_box li.autosuggest_highlight {
    background-color: #6292D1;
    color: #FFFFFF;
    cursor: pointer;
}

.autosuggest_box ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}


/** PRODUCT DESCRIPTION VIEW STYLES */

.product_list {
    margin-left: 2em;
}

.product_description_block {
    padding:0;
    margin: 0 0 0.5em 0;
    display: list-item;
}


.product_description_block .product_name {
    font-weight: bold;
}

.product_description_block .product_description {
    padding:0;
    margin: 0 0 0 1.5em;
}



/*******************/
/* THE HELP STYLES */
/*******************/

#help {
	text-align: left;
	background-color: #FFFFFF;
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;	
	border: none;
	margin: 20px 20px 0px 20px;
}

.help, div.pagetitle_help img {
	cursor: help;
}

/* basic link, unvisited link, visited link */
a.help , a.help:link, a.help:visited {
	color: #DE3008;
	font-weight: bold;
	text-decoration: underline;
	/*
	border-style: none none solid none;
	border-width: 1px;
	border-color: #0756B4;
	*/
}

/* hover link */
a.help:hover{
	color: #DE3008;
    /*border-color: #3A87E2;*/
}



.kayakohelp {
    text-align: right;
    padding: 0px;
    margin: 0px;
    float: right;
}

/*************************/
/* HELP - KAYAKO CLASSES */
/*************************/

a.kayako_gloss, a.kayako_gloss:link, a.kayako_gloss:visited, a.kayako_gloss:hover {
    color: #009933;
    cursor: help;
    border-color: #009933;
    border-style: none none dashed none;
    border-width: 1px;
    text-decoration: none;
}

.kayako {
}

.kayako .kayako_heading {
    background-color: #6292D1;
    border-style: none solid solid none;
    border-color: #FFFFFF;
    border-width: 1px;
    color: #FFFFFF;
    font-weight: bold;
}

.kayako h3 {
	color: #000000;
	font-family:  Verdana, Helvetica, Arial, sans-serif;
	font-size: 15px;
	margin-bottom: 6px;
	margin-top: 12px;
	font-weight: bold;
	margin-top: 18px;
	border-style: none none dotted none;
	border-width: 1px;
	border-color: #B3B3B3;
}


.kayako h4 {
	color: #DE3008;
	font-family:  Verdana, Helvetica, Arial, sans-serif;
	font-size: 15px;
	margin-bottom: 6px;
	margin-top: 12px;
	font-weight: bold;
	margin-top: 18px;
}


.kayako .kayako_label, 
.kayako .label,
.kayako .kayako_label2, 
.kayako .label2
{
    color: #000000; 
    font-weight: bold;
}

.kayako .kayako_example {
    background-color: #F7F7F7;
    border-color: #CCCCCC;
    border-style: solid;
    border-width: 1px;

    padding: 6px 4px 6px 4px;
}

.kayako .kayako_example h2,
.kayako .kayako_example h3 {
    border-style: none none none none;
    font-family:  Verdana, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-style: bold;
    font-weight: bold;
}

.kayako .kayako_example h2 {
    background-color: #6292D1;
    border-color: #FFFFFF;
    border-width: 1px;
    color: #FFFFFF;
    padding: 6px 4px 6px 4px;
    text-indent: 0px;
    width: auto;
    margin: 0;
/*    margin: -6px -4px 0px -4px; */
}

.kayako .kayako_example h3 {
    background: none;
    color: #000000;
    text-decoration: underline;
}

.kayako a.kayako_internal_link, .kayako a.kayako_internal_link:link, .kayako a.kayako_internal_link:visited {
    color: #666666; 
/*    color: #EB881A; */  
    cursor: help;
    border-color: #666666;     
/*    border-color: #EB881A; */
    border-style: none none solid none;
    border-width: 1px;
    text-decoration: none;
}

.kayako a.kayako_internal_link:hover {
/*    color: #FF6600; */
	color: #AAAAAA;

    cursor: help;

/*    border-color: #FF6600; */
    border-color: #AAAAAA;
    
    border-style: none none solid none;
    border-width: 1px;
    text-decoration: none;
}

.kayako table.pager tr td {
    border-style: solid solid solid solid;
    padding: 1px 4px 1px 4px;
}

.synonyms table tr td p li {
    color: #888888;
}


/****************/
/* CONVERSATION */
/****************/
   
td.conversation{
    padding: 0px 0px 5px 0px;
    margin: 0px;
    border: 1px solid gray;
}

td.conversation h5{
    font-size: 12px;
    font-weight: bold;
    padding: 2px 8px;
    margin: 0px 0px 5px 0px;
    left: 0px;
    right: 0px;
    top: 0px;
    color: white;
}

td.conversation h5 span.username{
    font-size: 12px;
    font-weight: normal;
    margin: 0px;
    color: white;
}

td.conversation p{
    padding: 2px 8px;
    margin: 0px;
}

td.conversation p.thing{
    padding: 2px 8px;
    margin: 0px;
    white-space: nowrap;
}

td.conversation p.comment{
    padding: 2px 8px;
    margin: 0px;
    font-style: italic;
}

td.conversation p.date{
    padding: 2px 8px;
    margin: 0px;
    float:right;
    color:white;
}

.conversation td.left_column {
    padding: 0px 3px 0px 0px;
}

.conversation td.right_column {
    padding: 0px 0px 0px 3px;
}

td.offer_make{
    background-color: #D9D6FF;
}

td.offer_make h5{
    background-color: #5C85AE;
}

td.offer_accepted{
    background-color: #E2FFDE;
}

td.offer_accepted h5{
    background-color: #49AE5C;
}


td.offer_declined{
    background-color: #FFDEDF;
}

td.offer_declined h5{
    background-color: #AE1919;
}

td.offer_retracted{
    background-color: #FFF1AF;
}

td.offer_retracted h5{
    background-color: #BA983B;
}

td.message{
    background-color: #EEEBE6;
}

td.message h5{
    background-color: #8F8D8A;
}

td.feedback{
    background-color: #F8F8C0;
}

td.feedback h5{
    background-color: #CDCC00;
}

/********************/
/* OVERVIEW SCREENS */
/********************/

.overview_major{
    font-size: 14px;
    font-weight: bold;
	margin-bottom: 6px;
	margin-top: 0px;	
}

.overview_minor{
	margin-bottom: 3px;
	margin-top: 3px;	
}

/******************/
/* CATEGORY LINKS */
/******************/

.major_category_link{
    font-size: 16px;
    font-weight: bold;
	margin-bottom: 6px;
}

span.category_link{
    font-size: 12px;
    line-height: 15px;
}

table.cat_table, table.cat_table tr {
    padding: 0px 0px 0px 0px;
    border-style: none none none none;
}

table.cat_table tr td {
    padding: 0px 0px 18px 0px;
    border-style: none none none none;
}

table.cat_table_short, table.cat_table tr {
    padding: 0px 0px 0px 0px;
    border-style: none none none none;
}

table.cat_table_short tr td {
    padding: 0px 0px 0px 0px;
    border-style: none none none none;
}

ul.cat_array li {
	margin-bottom: 3px;
	margin-top: 3px;
	padding-bottom: 0px;
	padding-top: 0px;
}

/****************/
/* TERMS & COND */
/****************/

.terms ol {
	list-style-type: decimal;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
}

.terms li {
    font-weight: bold;
    margin-top: 24px;
    margin-bottom: 6px;
}

.terms ul {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
}

.terms ul li {
    font-weight: normal;
    margin-top: 12px;
    margin-bottom: 6px;
    padding-bottom: 0px;
    padding-top: 0px;
}

.terms ul ul {
	list-style-type: disc;
}

.terms p {
    font-weight: normal;
    margin-top: 12px;
    margin-bottom: 6px;
}

.terms h3, h4 {
    margin-top: 24px;
    margin-bottom: 6px;
}

.terms ol ul li {
	list-style-type: disc;
    font-weight: normal;
    margin-top: 12px;
    margin-bottom: 6px;
}

.terms ol ol li {
	list-style-type: lower-alpha;
    font-weight: normal;
    margin-top: 12px;
    margin-bottom: 6px;
    padding-bottom: 0px;
    padding-top: 0px;
}

.terms ol ol ol li {
	list-style-type: lower-roman;
}

.terms ol ol ol ol li {
	list-style-type: upper-alpha;
}


/***********************************/
/* Preview Box/ Description Styles */
/***********************************/

.preview_box {
    background-color: #F7F7F7;
    border-color: #CCCCCC;
    border-style: solid;
    border-width: 1px;

/*    padding: 6px 4px 6px 4px; */
}

.preview_box h2.preview {
    border-style: none none none none;

    background-color: #6292D1;
    color: #FFFFFF;
    padding: 6px 4px 6px 4px;
    margin: 0px 0px 0px 0px;
    width: auto;

    font-family:  Verdana, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-style: bold;
    font-weight: bold;

    text-decoration: none;
    text-indent: 0px;

/*    margin: -6px -4px 0px -4px; */
}

.description {
    padding: 4px 4px 4px 4px;
    margin: 0px 0px 0px 0px;
    border-style: solid;
    border-width: thin;
    border-color: #BBBBBB;
}

/* Define the style here for the preview box and descriptions */

.description h1,
.description h2,
.description h3,
.description h4,
.description h5,
.description h6
{
    background:none;
    color: #000000;
    font-family:  Verdana, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-style: bold;
    font-weight: bold;
    margin: 12px 0px 6px 0px;
    padding: 0px 0px 0px 0px;
    text-decoration: none;
}

.description h1
{
    font-size: 16px;
    margin: 16px 0px 8px 0px;
}

.description h2
{
    font-size: 14px;
    margin: 14px 0px 7px 0px;
}


/****************/
/* MISC CLASSES */
/****************/

p.global_notice {
    text-align: center;
    color: #FFFFFF;
    padding: 0px;
    margin: 0px;
}


/* The free advertisements box on the homepage */
#free_ads
{
    text-align:center;
    font-size: 10px;
    padding: 10px;
    width: 180px;
    border-style: dotted;
    border-color: #0000A0;
    border-width: 3px;
    background-color: #FFFFFF;
}

/* right column on the homepage */
.right_col_white_space
{
    width: 100%;
    height: 15px;
    background-color: #FFFFFF;
}

/* Strong capitalised text - used on the homepage in the free ads box */
.strong
{
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
}

/* Close text for js popup window close actions */
.close
{
	font-size: 8pt;
    color: #999999;
	text-decoration: none;
}


/* A class for the offer details table */
table.offer_details_table
{
    border-color: #6292D1;
    border-width: 2px;
    border-style: solid;
    margin: 8px 0px;
}

/* A class for the top right hand corner of every page - i.e. "everypage_body" */
div.environment_tag
{
    padding-right: 20px;
    text-align: right;
/*
	height: 20px;
	position: absolute;
	right: 30px;
	top: 0px;
	width: 415px;
*/
}

div.environment_tag a,
div.environment_tag a:link,
div.environment_tag a:visited,
div.environment_tag a:hover,
div.environment_tag a:active
{
    border-color: #FFFFFF;
    border-style: none none solid none;
    border-width: 1px;    
	color: #FFFFFF;
    cursor: help;
	font-size: 8pt;
	text-decoration: none;
}

div.offer_providing,
table.offer_providing
{
/*	background-color: #FBEDBC; GOLD */
/*	background-color: #D7F1FF; LIGHT-BLUE */
	background-color: #FBEDBC;
}

div.offer_obtaining,
table.offer_obtaining
{
	background-color: #EFEFEF;
}

.banner_head
{
    padding-top: 4px;
    text-align: center;
}

.banner_foot
{
    padding-bottom: 4px;
    text-align: center;
}

.banner_body_foot
{
    padding-bottom: 4px;
    text-align: center;
    vertical-align: bottom;
}

.banner_ad
{
    display: inline;
    padding-right: 1px;
    padding-left: 1px;
}

.testimonial {
    margin: 1em 0 1em 0;
    padding: 0 4em 0 4em;
}

.testimonial p.testimonial_message {
    padding:0;
    margin:0;
    /*font-size: 1.1em;*/
}

.testimonial p.testimonial_submitter {
    padding:0.25em 0 0 2em;
    margin:0;
    font-style:italic;
    /*font-weight:bold;*/
}

.hover_trigger {
   color: green;
   font-weight:bold;
   cursor: help;
}

/* Makes our wrapping work in Opera */
wbr:after { content: "\00200B" }

/******************/
/*  INPUT FIELDS  */
/******************/

.form_text, .form_textarea, .form_password {
    width: 500px;
}

.form_checkbox {
}

.form_radio {
}

.form_select{
}

.form_file {
}

.form_submit, .form_image {
}

#sidebar .form_text, .form_password {
    width: 100px;
}

.form_trader_details {
	width: 300px;
}

.form_field_location {
	width: 300px;
}

.form_search_advanced_large {
	width: 300px;
}

.form_search_advanced_small {
	width: 175px;
}


.form_field_dob {
	width: 50px;
}

.form_field_post {
	width: 100px;
}

.form_field_phone {
	width: 100px;
}

.form_field_amount {
	width: 150px;
}

.form_field_imageurl {
	width: 220px;
}

/***************/
/* Maps Styles */
/***************/

#map_container {
    padding: 0;
    margin-top: 16px;
    display: none;
}

#map_view {
    width:530px;
    height:300px;
}
#map_view a.map_show {
    border: 1px solid #999;
    background-color: #BBB;
    display: block;
    text-align: center;
    width:530px;
    height:300px;
    font-size: 20px;
    line-height: 300px;
    vertical-align:  middle;
    text-decoration:  none;
    color: #000;
    cursor: pointer;
}
#map_view a.map_show:hover {
    background-color: #999;
}
.map_frame {
    width:530px;
    height:300px;
    border: 1px solid #999;
}
#map_link {
    display: none;
}
#map_select .active {
    background-color: #F8E398;
}

/*************/
/* Home-Page */
/*************/

.homepage_header
{
	font-size: 20px;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 6px 0px;
}

/* Some classes for the puzzle picture on the homepage */
.swap {color: #086BCF;}
.sell {color: #74B332;}
.buy {color: #F35F0F;}
.meet {color: #FFB100;}

.homepage_puzzle_large,
.homepage_puzzle_small
{
	font-weight: bold;	
	margin: 0px 0px 0px 0px;
	text-decoration: none;
}

.homepage_puzzle_large
{
	font-size: 18px;
}

.homepage_puzzle_small
{
	line-height: 15px;
}

h2.homepage
{
    background-color: #D2CAB5;
	color: #716E69;	
	font-size: 18px;
	margin: 0px 0px 4px 0px;
	padding: 4px 4px 4px 4px;
    text-indent: 0px;
}

h2.homepage_red
{
	background-color: #DE3008;
	color: #FFFFFF;
}

.homepage_more
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 6px 0px;
	text-align: right;
}

.homepage_image_text
{
	margin: 0px 0px 0px 0px;
	padding: 6px 0px 0px 0px;
	text-align: left;
}

/*******************/
/* Can be removed? */
/*******************/

/* 09/04/2004 - Joseph Renzi - Are we using any of these (below)? We can probably delete? */

p.fineprint{
	font-size: 9px;
}

p.header {
	color: #FFFFFF;
	background-color: #0A6CCE;
}

p#drop {
	position: relative;
	top:30px;
	padding: 0px 0px 20px 0px;
}     

p.drop {
	position: relative;
	top:30px;
	padding: 0px 0px 20px 0px;
}     

/* This class was added to fix bug 766.
Does essentially the same thing as p.drop but with out relative positioning */
div.drop{
    padding: 20px 0px 0px 0px;
}

p.border{
	position: relative;
	display: block;
	height: 1px;
	border-style: solid none none none;
	border-width: 2px;
	border-color: #F8C500;
}

p.footer{
    border-top: 1px solid #999999;
	font-size: 9px;
	text-align:left;
	line-height: 12px;
	color: #999999;
}

p.white {
	color: #FFFFFF;
	padding: 0px 0px 0px 5px;
}

p.white_bold {
	color: #FFFFFF;
	padding: 0px 0px 0px 5px;
    font-weight: bold;
    margin: 0px;
}

p.warning{
    font-style: italic;
}

/*sidebar title - DEPRICATED REMOVE ME! */
#sidebar .title {
	font-family: Verdana;
	background-color: #FF9100;
	color: #FFFFFF;
	display: block;
	font-size: 11px;
	padding: 2px 0px 2px 0px;
	margin: 0px 0px 15px 0px;
	text-indent: 10px;
	font-weight: bold;
}


/* Style for input fields */
input {
	font-size: 13px;
}

/************/
/* Category */
/************/
.importance_level_1,
.importance_level_2,
.importance_level_3,
.importance_level_4 {
    padding: 1px 0 1px 0;
}

.importance_level_1 {
    font-size: 12px;
}

.importance_level_2 {
    font-size: 12px;
    font-weight: bold;
}

.importance_level_3 {
    font-size: 16px;
    font-weight: bold;
}

.importance_level_4 {
    font-size: 18px;
    font-weight: bold;
}
/******************************/
/* Keep - used for debugging? */
/******************************/

/* Puts a box around item to help with margin/padding etc */
/*
	background-color: #F8C500;
	border-style: solid solid solid solid ;
	border-width: 1px;
	border-color: #F8C500;
*/


/*
	background-color: #DE3008;
   	border-style: solid solid solid solid ;
	border-width: 1px;
	border-color: #DE3008;
*/

.dialog {
    display: none;
}

.inside_dialog {
    text-align: center;
    padding: 20px;
    background-color: #f9f9f9;
    border: solid 1px;
    font-weight: bold;
}
