/* sdkPubStyle.css to add some of our styles and (at bottom) fix up some issues with preceding stylesheets.. */

a { white-space: nowrap; }

.warning { 
	display:block; 
	padding-bottom:4px;
	padding-top:10px;
	margin-bottom:10px;
	margin-top:10px;
	border:#990000 solid thin;
	height:auto;
	background-color:#E5F4FA;
	font-weight:bold;
}

.warning p { 
	margin-bottom:0px;
	padding-left:7px;
	color:#990000;
}

#sdkeventdetailslist { width: 546px; }
.sdkeventdetails	{
	margin-top: 1em;
	margin-bottom: 1em;
	padding : 0;
}
.sdkeventdetails td	{
	padding-right: 2em;
}
.sdkeventhighlight2	{
	font-weight: bold;
}
.sdkeventhighlight1	{
	font-weight: bold;
	font-size: 150%;
}
.sdkeventdetailslink,
.sdkeventdetailslink_bc
{
	text-decoration:none;
	color:#f98702;
	font-weight:bold;
}
.sdkeventdetailslink:hover,
.sdkeventdetailslink_bc:hover
{
	text-decoration:underline;
	color:#f98702;
	font-weight:bold;
}
.sdkeventdetailregisterrow {
	height : 4em;
	background-color: lightgray;
	border : 1 solid gray;
}

.sdkpagelinks a { 
	padding-left : 2px;
	padding-right : 2px;
}
a.sdkpagelistlink { 
	text-decoration : underline;
}
a.sdkpagelistlink_current {
	text-decoration : none;
	font-weight : bold;
	font-size: 1.5em;
}

.sdksortlinks a { 
	padding-left : 0.5em;
	padding-right : 0.5em;
}
.sdksortlistlink { 
	text-decoration : underline;
}
.sdksortlistlink_current {
	text-decoration : none;
	font-weight : bold;
	font-size: larger;
}

.btnAddItem { margin-left:10px; }

/* 6/14/7 - add new span tags for consistency on the item listing & detail pages */
.sdkIRLItemName	{ font-size: 13px; font-weight:bold; }
.sdkIRLItemNum	{ font-size: 13px; font-weight:bold; }

/* some styles that are in irl.css or sdkcolors.css, which we don't always need to include just for these.. */

.sdkinput_hidden	{ display : none; }
.sdkinputerrorspan	{ margin-left : 1em; font-size : larger; font-weight : bolder; }
.sdkinput_required	{ color : red; }

.sdkalertmessage	{ color : #f30; background : #ccc; text-align : center; border : #999 solid 1px; margin-bottom : 2em; 
						float:left; width:100%; font-size:11px; margin-top:27px; }
.errortext,
.errortext a		{ color: #FF0000; }

.onesmaller { font-size: 80%; }
.onelarger { font-size: 120%; }

.sdktoggle_off a { padding: 0.5em; }
.sdktoggle_on a { padding: 0.5em; }



/* some of the below are from the 2007 redesign and may not be in use now */

.irlMiniPV	{ height: 2em; padding-top: 1em; }

/* 8/27/7 - sdklistPricing* replaces previous listPricing*, with no font-size specified */
.sdklistPricingAll	{ color: #00578A; }
.sdklistPricing		{ color:#00578a; font-weight:bold; }

table.tbproduits {
background-color: #e5f4fb;
}
/* removed width:540px rule for the table above, and added white-space:nowrap to the td cells below */

.tbproduits td{
background-color: #ffffff;
padding: 5px;
white-space: nowrap;
}

.tbproduits th{
background-color: #e5f4fb;
padding: 5px;
color: #00578a;
border-bottom: solid 1px #ffffff;}

/* 11/28/7 - added width rule for quantity div to fix IE issue for some French descriptions.. */
/* 7/29/8 - added padding-bottom.. */
#quantity { 
width:100%;
padding-bottom: 25px;
}

/* use old style.css tab styles for PUB display of inventory descriptions.. */

#prodDesc
{
	float:left;
	width:358px;
	height:auto;
	margin-top:30px;
}

#prodDesc p
{
	float:left;
	width:358px;
	margin-top:15px;
}

#prodDesc ul
{
	list-style-position:outside;
	list-style:circle;
	background-image:none;
	float:left;
	margin:0;
	padding:0;
	width:358px;/*---------------------------------------------ADDED BY KARL 18 APRIL 07 3:30pm*/
}
#prodDesc li
{
	list-style-position:outside;
	list-style:url(images/puceDetail.gif);
	background-image:none;
	color:#000000;
	font-weight:normal;
	margin:0;
	padding:0;
	margin-left:15px;
	margin-bottom:10px;
}
#prodDesc a
{
	color:#f98702;
	font-weight:bold;
	text-decoration:none;
}
#prodDesc a:hover
{
	color:#f98702;
	font-weight:bold;
	text-decoration:underline;
}

#tab1 a{color:#FFFFFF; text-decoration:none;}
#tab1 a:hover{color:#CCCCCC; text-decoration:none;}
#tab2 a{color:#FFFFFF; text-decoration:none;}
#tab2 a:hover{color:#CCCCCC; text-decoration:none;}
#tab3 a{color:#FFFFFF; text-decoration:none;}
#tab3 a:hover{color:#CCCCCC; text-decoration:none;}
#tab4 a{color:#FFFFFF; text-decoration:none;}
#tab4 a:hover{color:#CCCCCC; text-decoration:none;}

#descTab1{display:block;}
#descTab2{display:none;}
#descTab3{display:none;}
#descTab4{display:none;}

#tab1
{
	float:left;
	color:#FFFFFF;
	font-weight:bold;
	background-image:url(images/tab_o.gif);
	background-repeat:no-repeat;
	width:80px;
	height:20px;
	padding-top:3px;
	padding-left:3px;
}
#tab2
{
	float:left;
	color:#FFFFFF;
	font-weight:bold;
	background-image:url(images/tab.gif);
	background-repeat:no-repeat;
	width:80px;
	height:20px;
	padding-top:3px;
	padding-left:3px;
}
#tab3
{
	float:left;
	color:#FFFFFF;
	font-weight:bold;
	background-image:url(images/tab.gif);
	background-repeat:no-repeat;
	width:80px;
	height:20px;
	padding-top:3px;
	padding-left:3px;
}
#tab4
{
	float:left;
	color:#FFFFFF;
	font-weight:bold;
	background-image:url(images/tab.gif);
	background-repeat:no-repeat;
	width:80px;
	height:20px;
	padding-top:3px;
	padding-left:3px;
}

.goBack a { color: #FF9900 }

/* added sdkfilteroptions and btnFilter styling from RIOFT's Attend A Meeting embedded styles */
.sdkfilteroptions {
	padding-left: 35px;
	padding-top: 20px;
}
#btnFilter {
	width: 200px;
	margin-left: 0px;
}

.sdkInvDesc { font-size: larger; }

/* need styling to allow for orange submit buttons, which doesn't float to the right as in p7dj04.css.. */
 .coloredsubmit {
	color: #FFF;
	background: #ffa20f;
	border: 1px outset #d7b9c9;
	font-weight: bold;
	cursor: pointer;
}

.clearitems { text-align: left; }
a.submitnopay,
.clearitems a {
background-color:#FFA502;
border-color:#FFC997 rgb(102, 102, 102) rgb(51, 51, 51) rgb(255, 155, 64);
border-style:solid;
border-width:1px;
color:#FFFFFF;
margin:0pt;
padding:3px;
text-decoration:none;
}

.billfromshiplink { text-align: right; margin-right: 3px; display: block;}

.formshipping, .formshipping option { text-align: right; }

/* 9/8/8 - make the update text smaller */
.update input { font-size: smaller; }

.sdkInvDesc { padding-top: 15px; margin-top: 3px; }

#sdkPackItemLink { text-decoration : underline; }
#sdkPackItemDiv {
	width : 400px;
	position: absolute;
	display: none;
	background-color: #FFF;
	border: #000 solid 6px; 
	padding: 2em; 
	z-index: 5;
}

/* don't show any elements classed as 'med' - that is for the alternate site */
.med { display : none; }
.p7TP_tabs div.med { display : none; }

/*********************************************************************/
/* undo some of the quirks from the non-SDK css from 2008 redesign.. */
/*********************************************************************/

/* p7dj04.css specifies a width of 10em for all labels */
#sdkinputid_ShipRN,#sdkinputid_BillRN label { width: auto; }

/* undo 15px bottom padding in p7dj04.css */
#creditCard fieldset p { padding-bottom: 3px; }

/* add width and padding for our (multiple) 'payments' divs */
.payments { width: 480px; }
.payments fieldset p { padding-bottom: 2px; }

/* p7dj04.css specifies a letter-spacing of 0.075em for a:link, so the spacing is wider for links that haven't been hit */
a:link { letter-spacing: normal; }

/* p7dj04.css specifies a background image to "GO" search at the top, but we need a form image/button, and it may be translated */
#searchBox 	{ background-image: none; }
.main_searchform { display: inline; }

/* p7dj04.css specifies a hard width for all .personalInfo input elements, but that is no good for the radio inputs */
/* it now specifies an appropriate width just for the interestP ID, but not the interestO ID - use the radio class instead.. */
.personalInfo .radio { width: 20px; }

/* keep the leftcolumn div (under the side cart) from appearing to the right and under the content area when there is little content height.. */
#leftcolumn { clear: left; }

/* white links on the events page is almost invisible, make them black, except for the header line link.. */
/* also remove the 10px padding-right.. */
.meeting a, .meeting a:link, .meeting a:visited { color: #000; padding-right: 0px; }
.meeting tr.first a { color: #FFF; }

/* can't have all inputs be the same width - that overrides the "size" attribute in the input tags themselves.. */
.personalInfo input { width: auto; }


/* need to adjust inputs and labels for Contact Me, now using new classname.. */

fieldset.contactmeInfo li { width : 516px; }
.contactmeInfo input, .contactmeInfo textarea {
	width: 280px;
	float:left;
	display: block;
	text-align: left;
	margin: 0px;
	padding: 0px;
} 
.contactmeInfo input { width: auto; }
.contactmeInfo .message { margin-top: 40px; }
.contactmeInfo .option { 
	float: left;
	margin-left: 5px;
	text-align: left;
}
.contactmeInfo.radio {
	display: block;
	width: 10px;
	float: left;
}
.contactmeInfo label {
	display: block;
	float: left;
	width: 10em;
	margin-right: 1em;
	text-align: right;
}
.contactmeInfo label.first, .contactmeInfo input.first {
	margin-top: 20px;
	font-weight: bold;
}



/* don't move the teaser description up into the div above it.. */
.productTeaser { margin-top: 3px; }

/* the *Img classes do not control the height of the images, but their containers, 
and there is no reason to make the container so tall just so the productTeaser can be moved upwards.. */
p.packsImg, p.toolsImg, p.productImg { height : auto; margin-bottom: 5px; }



/* styles for event calendar */
a.event_SP,
a.event_SP:hover,
li.event_SP		{ color : #0067C6; }	/* blue */
.meeting tr.event_SP	{ background-color : #0067C6; color: #FFF}	/* blue with white text */

a.event_HW,
a.event_HW:hover,
li.event_HW		{ color : #74AE24; }	/* green */
.meeting tr.event_HW	{ background-color : #74AE24; color: #FFF }	/* green with white text */

a.event_DM,
a.event_DM:hover,
li.event_DM		{ color : #FF7200; }	/* orange */
.meeting tr.event_DM	{ background-color : #FF7200; color: #FFF}	/* orange with white text */

a.event_RC,
a.event_RC:hover,
li.event_RC		{ color : #CC0000; }	/* red */
.meeting tr.event_RC	{ background-color : #CC0000;  color: #FFF}	/* red with white text */

a.event_CE,
a.event_CE:hover,
li.event_CE		{ color : #163880; }	/* dark blue */
.meeting tr.event_CE	{ background-color : 163880; color: #fff}	/* dark blue with white text*/

a.event_TC,
a.event_TC:hover,
li.event_TC		{ color : #8C40C6; }	/* purple */
.meeting tr.event_TC	{ background-color : 8C40C6; color: #fff}	/* purple with white text */

a.event_IN,
a.event_IN:hover,
li.event_IN		{ color : #00AECE; }	/* turquoise */
.meeting tr.event_IN	{ background-color : #00AECE; color: #FFF}	/* turquoise with white text */

a.event_CC,
a.event_CC:hover,
li.event_CC                    { color : #D60077; }       /* pink */
.meeting tr.event_CC      { background-color : #D60077; color: #FFF}       /* pink with white text */

.irlautoshiptext {
	color: red;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
	font-size: 16px;
	}
.irlautoshiptext ul {
	list-style-type: decimal;
	}