/* This controls the whole e-com module table */
.djo_table {
	font-family: verdana;
	width: 560px;
	border: 1px solid #000;
	margin: 0px;
	background-color: #fff;
}


.djo_table p {
	font-size: 11px;
	color: #000;
	margin: 0px 10px 10px 10px;
	padding: 0px;
}

.djo_table li {
	font-size: 11px;
	color: #000;
	margin: 5px 10px;
	padding: 0px 0px 10px;
	list-style-type: disc;
}

.djo_table a:link,.djo_table a:visited {
	color: blue;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
}

.djo_table a:hover,.djo_table a:active {
	color: red;
	text-decoration: underline;
	font-size: 11px;
	font-weight: bold;
}

/* This controls the background area behind the buttons in the header */
.djo_header {
	background-color: #fff;
	border-bottom: 1px solid #000;
	vertical-align: top;
	text-align: center;
	height: 37px;
	text-justify : inter-word;
}

/* This formats the DataCenter welcome message */
.djo_welcome {
	font-weight: bold;
	padding: 3px 5px;
	font-size: 12px;
	border-bottom: 1px solid #000;
	background-color: #eee;
	margin-bottom: 0px;
	color: #000;
}

/* These a's format the header buttons */
a:link.djo_header_link, a:visited.djo_header_link {
	color: #000;
	font-weight: normal;
	font-style: none;
	padding: 5px;
	background-color: #ccc;
	border: 1px solid #000;
	float: left;
	display: block;
	margin: 5px 0px 5px 5px;
	width: 75px;
}
a:hover.djo_header_link, a:active.djo_header_link {
	color: #000;
	font-weight: normal;
	font-style: none;
	padding: 5px;
	background-color: #eee;
	border: 1px solid #000;
	float: left;
	display: block;
	margin: 5px 0px 5px 5px;
	width: 75px;
	text-decoration: none;
}

/* This controls the content area of the e-com module */
.djo_content {
	background-color: #fff;
}

/* This formats the page title */
h1.djo_pgtitle {
	font-size: 12px;
	color: #000;
	padding: 5px 10px;
	margin-top: 0px;
	margin-bottom: 5px;
	background-color: #eee;
	border-bottom: 1px solid #000;
}

/* Any subheaders */
h2.djo_subtitle {
	font-size: 13px;
	color: navy;
	margin: 10px;
}

/* This formats all the paragraph tags in the body area */
.djo_body p {
	color: #000;
	font-size: 11px;
	margin: 0px 10px 10px 10px;
	font-family: verdana;
	padding: 0px;
}

/* This formats all the td tags in the body area */
.djo_body td {
	color: #000;
	font-size: 11px;
	padding: 5px;
	font-family: verdana;
	vertical-align: top;
}

/* This formats all the list items in the body area */
.djo_body li {
	color: #000;
	font-size: 11px;
	margin: 5px;
}

.djo_body b {
	color: #000;
}


p.djo_form_label {
	margin: 0px;
	font-weight: bold;
	padding-left: 10px;
}

.djo_form_textbox {
	width: 130px;
	margin: 0px 10px 0px;
}

.djo_form_dropdown {
	width: 130px;
	margin: 0px 10px 5px;
	font-size: 11px;
}

.djo_form_textarea {
	width: 300px;
	height: 75px;
	margin: 0px 10px 5px;
}

.djo_form_selectbox {
	margin: 0px 10px 5px;
	width: 175px;
}

.djo_form_checkbox {
	font-size: 11px;
	font-weight: bold;
	margin: 10px;
}

/* form buttons */
.djo_form_button {
	cursor: pointer;
	margin: 10px;
	margin-right: 0px;
}

/* styles the tables that display a result set */
.djo_results_table {
	width: 535px;
	margin: 10px;
	border: 1px solid #000;
	font-size: 11px;
	padding: 0px;
}

tr.djo_results_header_row td {
	font-weight: bold;
    font-size: 10px;
}

/* The odd rows of a results table */
.djo_results_row1 td {
	background-color: #ccc;
}

/* The even rows of a results table */
.djo_results_row2 td {
	background-color: #eee;
}

/* An upgraded company listing row of a results table */
.djo_premier_row {
	background-color: #ffc;
}

/* styles the tables that display featured companies (on results page) */
.djo_premier_table {
	width: 535px;
	margin: 10px;
	border: 1px solid #000;
	font-size: 12px;
	padding: 0px;
    background-color: #cfc;
}

/* Styles the featured company title on results page */
p.djo_premier_title {
	font-weight: bold;
	color: red;
    font-size: 12px;
	margin-bottom: 0px;
	margin-top: 0px;
	padding: 5px 0px;
}

/* Styles the product title on the products page */
a:link.djo_prod_title, a:visited.djo_prod_title {
	font-weight: bold;
	margin-bottom: 0px;
	margin-top: 5px;
}

a:hover.djo_prod_title, a:active.djo_prod_title {
	font-weight: bold;
	margin-bottom: 0px;
	margin-top: 5px;
}

/* Styles the product description on the products page */
p.djo_prod_desc {
	color: #000;
	font-style: italic;
	margin-bottom: 5px;
	margin-top: 0px;
}

p.djo_copyright {
	font-size: 9px;
	color: #000;
	padding: 0px 5px;
}

.djo_error_text {
	color: red;
	font-weight: bold;
}

.djo_success_text {
	color: green;
	font-weight: bold;
}

/* Formats a sub-box - usually a table */
.djo_box {
	border: 1px solid #000;
	margin: 5px 10px;
	border-collapse: collapse;
}

.djo_box td {
	vertical-align: top;
	padding: 0px;
}

.djo_box p {
	padding-top: 5px;
}

/* Formats the titles for sub-boxes/sections */
p.djo_box_header {
	background-color: #ccc;
	font-size: 12px;
	color: #000;
	font-weight: bold;
	padding: 5px;
	margin: 0px 0px 10px;
	border-bottom: 1px solid #000;
}

/* Any subheaders already inside a box that already has a box header */
/* Example: the sub headers inside the association box in comany details */
p.djo_box_subhdr {
	color: #666;
	font-weight: bold;
	font-size: 13px;
}

/* seperates the sub catagories inside a box */
.djo_box_div {
	border-bottom: 1px dashed #000;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

/* article title */
.djo_article_title {
	font-size: 15px;
	font-weight: bold;
	color: navy;
}

/* Custom button code - simply put the class="djo_custom_button" in a <a href> */
.djo_custom_button {
	cursor: pointer;
	padding: 5px 10px;
	border-width: 1px 2px 2px 1px;
	border-color: #000;
	border-style: solid;
	margin: 5px;
    width: 110px;
	text-align: center;
}
a:link.djo_custom_button, a:visited.djo_custom_button {
	color: #000;
	text-decoration: none;
	background-color: #ccc;
	font-weight: normal;
}
a:hover.djo_custom_button {
	color: #000;
	text-decoration: none;
	background-color: #eee;
	font-weight: normal;
}
a:active.djo_custom_button {
	color: #000;
	text-decoration: none;
	background-color: #eee;
	font-weight: normal;
	border-right: 1px;
	border-bottom: 1px;
}


/* These are old styles that are included here in this stylesheet because these are the styles that killerLayout needs. */
p.form_label {
	font-weight: bold;
	color: #000;
	margin-bottom: 1px;
	margin-top: 7px;
    margin-left: 5px;
}

.form_textbox {
	width: 150px;
	margin-left: 5px;
    margin-top: 0px;
}

.survey_textbox {
	width: 225px;
	margin-left: 5px;
    margin-top: 0px;
}

.form_dropdown {
	width: 150px;
	margin-left: 5px;
	margin-right: 20px;
	margin-bottom: 10px;
}

p.djo_subsection {
	font-weight: bold;
	font-size: 12px;
    margin: 7px 0px 1px 0px;
    color: blue;
}

p.djo_alert {
	border: 1px solid red;
    padding: 5px;
    margin: 10px 5px 5px 10px;
    color: red;
    width: 525px;
    background-color: #eee;
}

/* These a's format the links for SHOPPING CART */
a:link.djo_cart_link, a:visited.djo_cart_link {
	color: blue;
	font-weight: normal;
	font-style: italic;
	font-size: 10px;
	font-family: verdana;
}
a:hover.djo_cart_link, a:active.djo_cart_link {
	color: red;
	font-weight: normal;
	font-style: italic;
	text-decoration: none;
	font-size: 10px;
	font-family: verdana;
}
 p.display_text {
	padding: 0px;
}

p.djo_prodtitle {
	color: navy;
	font-size: 15px;
	font-weight: bold;
}

.djo_product_table {
    margin: 10px 0px 10px 10px;
    border-collapse: collapse;
    width: 535px;
}

.djo_product_td {
	border-bottom: 1px solid #ccc;
    padding: 5px 0px 0px 0px;
	text-align: center;
}

ul.djo_ul {
	margin: 0px 10px 0px 20px;
	padding: 0px;
}

.djo_ul li {
	line-height: 1.2;
	padding-bottom: 0px;
}

tr.djo_fileformat_box td {
    background-color: #eee;
    border: 1px solid #fff;
    vertical-align: center;
    height: 17px;
    padding: 1px 2px;
}

a:link.djo_fileformat_link, a:visited.djo_fileformat_link {
    font-size: 9px;
    color: #06c;
    font-weight: normal;
}

a:hover.djo_fileformat_link, a:active.djo_fileformat_link {
    font-size: 9px;
    color: #06c;
    font-weight: normal;
}

table.djo_bridge_box {
	width: 170px;
    height: 28px;
    background-color: #eee;
    border-collapse: collapse;
}