﻿

/*------------------Nathan's CSS-----------------*/
span.what_is_this, span.what_is_this:link{
	margin: 0 0 5px 0;
	padding: .25em;
	border: 2px solid #666;
	background: #ccc;
	vertical-align: middle;
}

div.TopSummaryMode span {font-weight: bold; font-size: 1.2em;}

select option {text-transform: capitalize;}
div.MessageBox {padding: 5px;  margin: 5px;}
div.ErrorBox {padding: 5px;  margin: 5px;}

div.MessageBox {background-color: #F7F7F7; border: solid 1px #E0E0E0;}
div.ErrorBox {background-color: #FFE3B8; border: solid 1px #FF9900; font-family: "Courier New";}

/*
div.leftMenuSkus {height: 150px;}
div.leftMenuSkus .leftMenuStyleList{height: 100px; overflow: auto; border-top: solid 1px black; border-bottom: solid 1px black;}
*/
div.titleContent img {margin: 18px 0 0 10px; width: auto; height: auto;}
div.titleContent a {border: 0;}

div.command_bar {margin-top: 10px;}

/*fix for inner tables and ajax calendar extender with my table styling*/
.AJAXCalendar { } /*this is just a place holder. The continer is the real element you see on the screen.*/
.ajax__calendar_container {z-index: 10; padding: 5px !important; margin: 0 !important; background-color: White !important; border: solid 1px black !important;}
.AJAXCalendar table td {padding: 0px; white-space: normal;}
.AJAXCalendar .ajax__calendar_day {padding-top: 2px;}
.AJAXCalendar .ajax__calendar_other {color: #9a9a9a;}

.modalBackground { background: #999 url(/images/bg_hort-grad.png) top center repeat-y; filter:alpha(opacity=70); opacity:0.7; }
.ModalImage {background-color: White; padding: 10px;}

.imageContent {width: 180px;}
.imageInfo {margin-right: 5px;}

ul.ulSizes li{
	width: 100px;
	padding-left: 5px;
}


.wpc_rejection_errors h2 {margin: 0;}
.wpc_rejection_errors dl {}
.wpc_rejection_errors dl dt {}
.wpc_rejection_errors dl dd {font-size: 1.25em; color: #666666;}

.rejection {padding: 5px;  margin: 5px; background-color: #FFE3B8; border: solid 1px #FF9900; font-family: "Courier New";}
.rejection h2 {margin: 0 !important; padding: 0;}

/* ------------ Jeff's CSS Start --------------------------------------------*/
div.validationSummary{
	font-weight:bold;
	font-size:12px; 
}
div.whatIsThis
{
	font-size:12px; 
}
/* ------------ Jeff's CSS End ----------------------------------------------*/
.help_dialog {z-index: 20; background-color: White; border: solid 1px black;}
.help_dialog .on {display: block;}
.help_dialog .off {display: none;}

/* ------------ Marc's CSS Start ----------------------------------------------*/
col, colgroup, table, tbody, td, tr {	
	color: #000;
	text-decoration: none;
	border-color: black;
	border-style: none;
	background-color:Transparent;
}
td, tr, table
{	
	background-color:Transparent;
	border-collapse: collapse;
}

table, table tr, table tr td,
table.exsistingSizeTable tr td, table.sizeTable tr td {
	background: transparent;
}

/* ------------ Marc's CSS End ----------------------------------------------*/

#tblDiscontinueExistingColors, #tblNewColors
{
    width: 400px;
}

ul.ulExistingColors li, ul.ulNewColors li
{
	width: 100%;
	padding-left: 5px;
}

ul.ulExistingColors, ul.ulExistingColors li, ul.ulNewColors, ul.ulNewColors li
{
	margin:0;
	padding:0;
}

ul.ulExistingColors, ul.ulNewColors
{
	height: 11.75em;
	margin: 0;
	padding: 0;
	overflow: auto;
}
div.overrideColor, div.discontinueColor, div.newColor, div.newColorControls
{
    float:left;
}
div.discontinueColor, div.newColor
{
    width:180px;
    clear:left;
}

label.error {
    color: red;
}