/**
 * @Copyright (C) 1999-2007, CCSTM Computing LLC.
 * http://www.ccstm.com
 * All Rights Reserved
 * See the product License for more information
 * 
 * @author Seth Morecraft (morecraf@ccstm.com)
 * @date July, 2007
 */

/* style for blockquotes inserted into posts */
blockquote {
  margin: 15px 30px 0 15px;
  padding-left: 15px;
  border-left: 4px solid #8C5874;
}


.pagelist{
	background-color: #245280;
	width: 171px;
}
.pagelist a:link, .pagelist a:visited, .pagelist a:active{
	color: #33fd1b;
}
.pagelist a:hover{
	color: #94fb86;
}
/* steel city link - special css */
.steelcity_link {
	color: #fec166;
	text-decoration: none;
	/*padding: 10px;*/
	margin: 0px 0px 0px 0px;
	font-family: Times New Roman;
	font-size: 20px;
	text-align: left;
	white-space: nowrap;
	padding: 0px 5px 0px 0px;
}

/* steel city link - special css */
.steelcity_sublink {
	color: #fec166;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
	font-family: Times New Roman;
	font-size: 16px;
	text-align: left;
}

/* used when CS needs to center something */
.cognitiveSOUL_center {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

/* warning messages from CS */
.cognitiveSOUL_msg_important {
  color: red;
}

/* messages letting you know something has happened eg comment saved */
.cognitiveSOUL_msg_notice {
  color: green;
}

/* style to temporarily change something to grey */
.grey {
  color: #999;
}

/********* Structural Styles *********/

/* Body covers the background on the sides */
{BODY} {
  font-size: 0.9em;
  padding: 0;
  margin: 0;
  background-color: #fefefe;
  font-family: "trebuchet ms", "bitstream vera sans", arial, sans-serif;
}

/* wrapper for page (inside the body) */
#wrap {
  width:900px;
  margin:0 auto;
}

/* container for content and sidebar */
#mainpane {
  border-right:1px solid #445fac;
  border-left:1px solid #445fac;
  border-bottom:1px solid #445fac;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: 100%;
  background-color: #FFFFFF;
  height: 100%;
}

/* container for user content column */
#content {
  padding: 0 5px 5px 5px;
  margin: 0 5px 5px 5px;
  width: auto;
}

/* container for right sidebar (if enabled) */
#cognitiveSOULRightSideBar {
  width: 160px;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  vertical-align: top;
}

/* container for left sidebar (if enabled) */
#cognitiveSOULLeftSideBar {
  width: 160px;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  vertical-align: top;
}



/********* End of Structural Styles *********/

/********* Header/Banner Styles *********/
/* container for banner along the top */
#cognitiveSOUL_banner {
  border-right: 1px solid #445fac;
  border-left: 1px solid #445fac;
  border-top: 1px solid #445fac;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 3px 10px;
  border-bottom: 1px solid #000;
  background-color: #fff;
}

/* the big link in the banner, name/entry title */
a.homelink1, a.homelink1:hover, a.homelink1:link, a.homelink1:visited, #cognitiveSOUL_banner h1 {
  color: #fff;
  font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
  font-size : 20px;
  padding-left:15px;
  padding-top: 20px;
  margin: 0px;
  text-decoration: none;
}

/* the smaller link in the banner, page description */
a.homelink2, a.homelink2:hover, a.homelink2:link, a.homelink2:visited, #cognitiveSOUL_banner h2 {
  color: #fff;
  padding-left: 15px;
  font-size: 14px;
  margin: 0px;
  text-decoration: none;
}
/********* End of Header/Banner Styles *********/

/********* Content Styles *********/
/* container for the content */
{ENTRY} {
  /*border: 1px solid #000000; */
  padding: 10px;
  font-family: arial, helvetica, sans-serif;
  color: #000000;
  background-color: #FFFFFF;
  font-size: 9.5pt;
  font-weight: normal;
  margin: 5px 0 10px 0;
}

/* container for entry title and date */
.cognitiveSOUL_Entry_Date {
  clear:both;
}

/* style for the actual date below entry title */
.cognitiveSOUL_date {
  text-align:left;
  line-height:0.85em; 
  color: #235587;
  margin:10px 0 0 0;
  display:block;
  font-size:.9em;
  /*border-bottom: 1px solid #ddd;*/
  padding: 2px 2px 3px 0;
}

/* entry title */
.cognitiveSOUL_title {
  font-size: medium;
  font-weight: bold;
  margin-top: 5px;
  color: #235587;
}

/* style for the meta box title */
.cognitiveSOUL_meta_title {
  font-size: small;
  font-weight: bold;
  margin: 0; padding:0;
  color: #000000;
}

/* entry title link, regular color is black */
.cognitiveSOUL_title a:link, .cognitiveSOUL_title a:visited {
  text-decoration: none;
  font-weight: bold;
  border: 0;
  background:none;
  color: red;
}

/*entry title link when hovered over, changes to orange */
.cognitiveSOUL_title a:hover {
  color: red;
}

/* additional styles used for entry text */
.cognitiveSOUL_entry p {
  margin: 0px;
  padding-bottom: 0px;
}

/* the meta box that includes links to comments, files etc */
div.cognitiveSOUL_entryFooter {
  margin: 0 0 10px 10px;
  width:170px;
  float:right;
  border:1px solid #000000;
  background-color:#000000;
  font-size: 0.8em;
  color: #000000;
  padding-bottom: 4px;
}

/* style for links within the page footer */
div.cognitiveSOUL_entryFooter a {
  font-weight:bolder;
}

/* style for hovered over links within page footer */
div.cognitiveSOUL_entryFooter a:hover {
  color: #000000;
  text-decoration:none;
}

/* styles for the next/previous links above footer, includes start page and archives links */
.cognitiveSOUL_pageFooter {
  clear:both;
  margin-top:10px;
}
/********* End of Entry Styles *********/

/********* Sidebar Styles *********/
/* container style for individual sidebar blocks */
div.cognitiveSOULSideBarContent {
}

/* style for side bar date eg recent entries plugin */
.cognitiveSOULSideBarDate {
  line-height:0.9em;
}
/********* End of Sidebar Styles *********/

/***** Source code style *****/
table.phpsource {
  background-color: #111111;
  color: #00ff00;
  padding: 0.3em;
}

.cognitiveSOUL_SourceCode {
  border-width: 1px;
  border-style: solid;
  border-color: #36558C;
  background-color: #111111;
  padding: 0.3em;
  font-size: 12px;
}
/****** End Source Code *****/

/******** Tables lists (for attached files, search results, etc) *****************/
table.file_table {
        text-align    : center;
        font-family   : Verdana, Arial;
        font-size     : 12px;
        width         : 98%;
        border-width  : 1px;
        border-color  : #36558C;
        background-color: #36558C;
}

table.file_table th {
	color: #FFFFFF;
	margin: auto;
	background-image: url(img/background.png); }

table.file_table td {
        background-color: #FFFFFF;
        color           : #36558C;
        padding         : 3px;
}

table.find {
  border-top: 1px solid #999;
  border-left: 1px solid #999;
  width: 100%;
}

table.find td, th {
  font-size: 12px;
  padding: 5px 10px 5px 10px;
  border-bottom: 1px solid #999;
  border-right: 1px solid #999;
  vertical-align: top;
}

/** Odd and even entries in a table) **/
tr.odd td {
  background-color: #f4f4f4;
}

tr.even td {
  background-color: #fff;
}
/*************** End File list style **********/

/************** Ajax Tooltip styles ***********/
#ajax_tooltipObj{
  z-index: 1000;
  text-align:left;
}
#ajax_tooltipObj div{
  position:relative;
}

/* If you don't want the arrow - Just set the width of this div to 1 or
 * and drop the background selectors from the CSS below */
#ajax_tooltipObj .ajax_tooltip_arrow{   /* Left div for the small arrow */
  background-image:url('media/popup_arrow.gif');
  width:20px;
  position:absolute;
  left:0px;
  top:0px;
  background-repeat:no-repeat;
  background-position:center left;
  z-index:1000005;
  height:60px;
}

#ajax_tooltipObj .ajax_tooltip_content{
  border:2px solid #317082;       /* Border width */
  left:18px;      /* Same as border thickness */
  top:0px;
  position:absolute;
  width:150px;    /* Width of tooltip content */
  height:90px;    /* Height of tooltip content */
  background-color:#FFF;  /* Background color */
  padding:5px;    /* Space between border and content */
  font-size:0.8em;        /* Font size of content */
  overflow:auto;  /* Hide overflow content */
  z-index:1000001;
}
/********* End Ajax Popup styles *********/


/********* Calendar Styles ***********/
 table.cal_small_table{
   font-family: Verdana, Helvetica, Arial, Tahoma;
   font-size: 12px;
   border: 0px solid Black;
   padding: 0px;
   background: #C0C0C0;
   margin-top: 3px
 }
td.cal_small_header{
  padding: 0px;
  background-color: #EBEBEB;
  font-size: 11px;
  font-weight: bold; 
  text-align: center;
  white-space: nowrap;
}
td.cal_small_header_title{
  padding: 0px;
  background-color: #EBEBEB;
  color: #36558C;
  font-size: 11px;
  font-weight: bold; 
  text-align: center;
  white-space: nowrap;
}
tr.cal_small_header_days{}
td.cal_small_header_weekday{
  padding: 0px;
  color: #a2bcd8;
  font-size: 9px;
  background-color: #EAEAFF;
  text-align: center;
}
td.cal_small_header_weekend{
  padding: 1px;
  color: #a2bcd8;
  background-color: #EAEAFF;
  font-size: 9px;
  text-align:center;
}
tr.cal_small_week_col{}
td.cal_small_day{
  padding: 0px;
  color: #a2bcd8;
  background-color: #FFFFFF;
  font-size: 9px;
  text-align:center;
  width: 18px;
  height: 18px;
}
td.cal_small_day_blank{
  padding: 0px;
  color: #FFFFFF;
  background-color: #F0F0F0;
  font-size: 9px;
  text-align:center;
  width: 18px;
  height: 18px;
}


/**
 * Styles for the Scheduler
 */
table.schedule_popup{
  width: 50%;
  background-color: #FFFFFF;
}
table.schedule_popup_title{
  width: 100%;
  background-color: #C0C0C0;
}
table.schedule_popup_border{
  border: 1px;
  border: 2px Solid #36558C;
}

/**
 * Styles for the Mini-Calendar Popups
 */
.popupDate {
  font-family: Geneva, Verdana, Arial, sans-serif; 
  font-size: 10px;
  font-weight: bold;
  color: #233850;
  text-align: left;
  background-color: #EBEBEB;
}
.popupEventTitle {
  font-family: Geneva, Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #000000;
  font-weight: bold;
  padding: 2px;
  vertical-align: middle;
}
.popupEventTime {
  font-family: Geneva, Verdana, Arial, sans-serif; 
  font-size: 10px; 
  color: #233850;
  font-weight: normal;
  background-color: #F4F4F4;
  border: 1px dotted #EFEFEF;
  padding: 1px;
}
.popupEventDescription {
  font-family: Geneva, Verdana, Arial, sans-serif; 
  font-size: 10px; 
  color: #233850;
  font-weight: normal;
  background-color: #FFFFFF;
  border: 1px solid #EAEAEA;
  padding: 2px;
}
/********* End Calendar Styles ***********/

/** Page Order **/
.cognitiveSOUL_pagelist{
  padding-left: 12px;
}

.cognitiveSOUL_pagelistlink 
{
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 0px 0px; 
	list-style-type: none;
	list-style: none;
}

/** End Page Order **/

/** Rounded Corners for 'administrative' type entries **/
.cs_admin_box {	margin: 6px 0 6px 0; background-color: #c3cce4; }

/* height and width, width not really nessisary. */
.cs_admin_top div, .cs_admin_top, .cs_admin_bot div, .cs_admin_bot {
height: 7px;
font-size: 1px;
}
/** End rounded corners **/

/** Admin links **/
ul.cognitiveSOULSideBarMenu {
	padding: 0;
	margin: 0; }

ul.cognitiveSOULSideBarMenu {
	font-size: 0.85em;
	list-style: none;
	width:170px;
	font-weight: bold;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	padding-left: 3px; }

.cognitiveSOULSideBarMenuHead {
	line-height:0.85em;
	color: #999;
	margin:10px 0 4px 0;
	font-size:0.9em;
	border-bottom: 1px solid #ddd;
	padding: 10px 0 0 10px; }

ul.cognitiveSOULSideBarMenu li {
	line-height:1.1em;
	font-size: 1.0em;
	font-weight: normal;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	padding-left: 5px;
	list-style:none;
	margin:0; }

ul.cognitiveSOULSideBarMenu a {
	text-decoration: none;
	font-weight: bold; }

ul.cognitiveSOULSideBarMenu a:hover {
	text-decoration: underline; }
	
.sidebarcontents{
  background-color: #fff;
  padding: 5px;
  white-space: nowrap;
}

.sidebarcontents hr{
  color: #a2bcd8;
  height: 1px;
}

.sidebarcontents.cognitiveSOUL_pagelistlink {
  margin: 0px;
  text-align:left;
  padding:0px;
}

.sidebar{
  background-color: #fff;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  border-left: 0px;
  border-right: 1px solid #cccccc;
  position:absolute;
  z-index:100;
  left:0px;
  top:205px;
}

.menucontainer{
  background-color: #EFEFEF;
  text-align: center;
  text-decoration:none;
  font-weight:bold;
  white-space: nowrap;
}

.menucontainer a, .menucontainer a:hover, .menucontainer a:link, .menucontainer a:visited{
  color:#000;
  text-align: center;
  text-decoration:none;
}

/** Shopping Cart application **/
.SC_tabnav{
	padding: 0 0 0 0;
}
/* Selected Tab */
.SC_topmenu_selected{
  background: #000f6f;
  padding: 0px 0px 7px 0px;
  margin: 6px 0px 0px 0px;
}
.SC_topmenu_selected a, .SC_topmenu_selected a:hover, .SC_topmenu_selected a:link, .SC_topmenu_selected a:visited{
  color: #60ae00;
  font-weight: bold;
  font-size: 100%;
}
.SC_selbox_top div { height: 7px; }
.SC_selbox_top { height: 7px; }
/* Non-Selected tab */
.SC_topmenu_notselected{
  background: #000f6f;
  padding: 0px 0px 7px 0px;
  margin: 6px 0px 0px 0px;
}
.SC_topmenu_notselected a, .SC_topmenu_notselected a:link, .SC_topmenu_notselected a:visited{
  color: #ffffff;
  font-weight: bold;
  font-size: 100%;
}
.SC_topmenu_notselected a:hover{
	color: #60ae00;
}
.SC_notselbox_top div { height: 7px; }
.SC_notselbox_top { height: 7px; }

.SC_gradient_strip{
	background-color: #000f6f;
	width: 100%;
	height: 6px;
	padding: 0 0 0 0;
}

/*
.SC_sc_table{
	width: 90%;
	border-bottom: solid 1px #000f6f;
	border-left: solid 1px #000f6f;
	border-right: solid 1px #000f6f;
}
.SC_sc_table_head{
	background-color: #000f6f;
	color: #FFFFFF;
	font-weight: bold;
}
.SC_sc_table_even{
  background-color: #fff;
  border : 1px solid #CCCCCC;
}
.SC_sc_table_odd{
  background-color: #EFEFEF;
  border : 1px solid #CCCCCC;
}
.SC_sc_table_total{
  background-color: #000f6f;
  color: #FFFFFF;
}
.SC_sc_table_total_cell{
  background-color: #000f6f;
  color: #60ae00;
}

.SC_products_table{
  padding: 0px;
  margin: 0px;
  border: solid 1px #a2bcd8;
}
.SC_products_even{
  background-color: #fff;
  border : 1px solid #CCCCCC;
}
.SC_products_odd{
  background-color: #EFEFEF;
  border : 1px solid #CCCCCC;
}
.SC_pluginCatTreeDiv{
	width: 146px;
	height: 350px;
	max-height: 350px;
	overflow: auto;
}

*/



/*** Steel City Specifics ***/
/*
 * Header
 */
#topmenu {
    float : right;
    clear: both;
    margin : 4px 20px 0px 0px;
    color : #999999;
}
#topmenu ul {
    list-style-type : none;
    margin : 0px;
    padding : 0px;
    font-size : 11px;
}
#topmenu li {
    display: inline;
}
#topmenu a {
    margin : 0px 2px 0px 2px;
}
#tabmenu {
    float : right;
    clear: both;
    width: 465px;
    height : 17px;
    padding : 0px 20px 0px 0px;
    margin-top : 4px;
    font-size : 16px;
}
#tabmenu ul {
    list-style-type : none;
    padding : 0px 0px 0px 7px;
    float : left;
    margin : 0px;
    height : 25px;
    white-space: nowrap;
    background: transparent url(img/top_nav_left_space2.gif) no-repeat top left;
    border-bottom : 2px solid #60ae00;  
}
#tabmenu li {
    padding : 1px 9px 1px 4px;
    float : left;
    background: #000f6f url(img/top_nav_space.gif) no-repeat top right;
}
#tabmenu li.last {
    background-image: url(img/top_nav_rt_space.gif);
}
#tabmenu a {
    font-weight : bold;
    color : #FFFFFF;
}
#tabmenu a:hover {
    color : #60ae00;
}
/*this is the fix for branch search or motormatch link color*/
#tabmenu .topnavgreen {color: #60ae00;}
#tabmenu .topnavwhite {color: #FFFFFF;}

#masthead {
    height : 47px;
    float: right;
    width: 464px;
    clear : both;
    padding : 0px 0px 0px 0px;
    margin: 11px 21px 0px 0px;
    background-color : #cccccc;
}
#mastheadcontent 
{
    padding : 9px 0px 0px 10px;
}


/*
* Container styles
*/
.grayBorder{
    border : 1px solid #CCCCCC;
        padding-left : 10px;
        padding-right : 10px;
        margin : 0px 0px 20px 0px;
    font-size : 14px;
}
#contentLeft .grayBorder {
    border-left : 0px;
}
.grayBG, .grayBGSearch {
    background-color : #EFEFEF;
}
.grayBGLight{
	background-color: #fbfbfb;
}
.grayBGSearch {
    padding-top:5px;    
}
.graySearchBox{
 background-color : #EFEFEF;
 padding: 8px;
 border : 1px solid #CCCCCC;
 margin : 0px;
 font-size : 14px;
}

.submitBtn {
    vertical-align : top;
    padding : 1px 0px 1px 2px;
}
hr.whiteHorRule {
    color : #FFFFFF;
    background-color : #FFFFFF;
    width:97%;
}
hr.grayHorRule {
    color : #CCCCCC;
    background-color : #CCCCCC;
    width:97%;
}
.myCartDiv{
	width: 146px;
	height: 150px;
	max-height: 150px; /** Not useful in ie6 **/
	overflow: auto;
}
/** TAB styles for the product browser **/
/*
* Tab styles
*/


/** Home page styles **/
.PL_welcome_text
{
	font-size: 14px;
}
.PL_easy_reg
{
	padding: 4px;
	padding-left: 15px;
	background-color: #1b4298;
	color: White;
	font-weight: bold;
	font-size: 14px;
}
.PL_easy_reg a, .PL_easy_reg a:hover, .PL_easy_reg a:visited
{
	text-decoration: none;
	color: White;
}
ul.PL_list
{
	padding: 1px;
	margin: 0px;
	margin-left: 14px;
	
}
li.PL_list_item
{
	padding-bottom: 5px;
}