/* --------- /stylesheets/widescreenLayout.css --------- */ 
/*
 * "Widescreen Template" - layout and colors based on design by Alysha Naples.
 *
 * CSS Layout has been tested on Safari, Firefox and IE/Win 6.0.
 *
 * 
 */

/*=========================================================================
   Global Settings
 *=========================================================================*/


/* HOLIDAY BURST! */
#burst{ position:absolute; top:-5px; left:660px; z-index:9000; }

/* partner logo in layout */
#partner_logo img{ margin-right:10px; }


.hashed{background-image:url(http://garrettassociates.biz/chevy/images/patternWhite_light.gif) !important;}


/* reset browser defaults */
* {
    margin: 0px;
    padding: 0px;
}






body {
    position: relative;
    margin: 0px;
    padding: 0px;
    padding-bottom: 25px;
    text-align: left;
    background-color: #5a000a;
    background-image: url(http://garrettassociates.biz/chevy/images/back.jpg);
    color: white;
}

img {
    border: 0px;
}


#contentArea {
    position: relative;
    top: 10px;
    width: 960px;
    margin: 0px auto 0px auto;
    border: 0px solid black;
    background-color: #007efb;
    overflow: visible;
}


#contentArea1 {
    position: relative;
    top: 10px;
    width: 960px;
    margin: 0px auto 0px auto;
    border: 0px solid black;
    background-color: #d2e2ae;
    overflow: visible;
}

#contentPane {
    position: relative;
    width: 950px;
    height: auto;
    top: 10px;
    left: 10px;
    margin: 0;
    margin-bottom: 11px;
	 background-color: #ffffff;
    
}


/* to ensure minimum height */
#verticalSpacer {
    height: 0px;
    float: right;
}

#welcomeUser {
    position: absolute; 
    left: 10px; 
    top: -28px; 
    padding-left: 2px;
}

#login {
    position: absolute;
    top: -28px;
    right: 200px;    
}

#menu-site-search {
  position:absolute;
  top:-32px;
  right:10px;
  width:170px;
}

/*=========================================================================
   Container Table - used to create a smooth shadow around main content area
 *=========================================================================*/
 
table.containerTable {
    width: 950px;
    padding: 0px;
    margin: 0px;
    border-top: 1px solid #007efb;   
	    background-color: #ffffff;    
} 

table.containerTable tr {
    vertical-align: top;
}

table.containerTable > td {
    padding: 0px;
}

td.contentTopLeft {
    width: 100%;
    background-color: white;
}

td.contentTopLeft img.curl
{
  position:absolute;
  top:0px;
}

td.contentTopRightShadow {
    width: 10px;
    margin-top: 0px;
    margin-bottom: 8px;
    background-image: url(http://garrettassociates.biz/chevy/images/shade_right_tile.gif);
    background-repeat: repeat-y;
}

td.contentBottomLeftShadow {
    height: 8px;
    background-image: url(http://garrettassociates.biz/chevy/images/shade_bottom_widescreen.gif);
    background-repeat: repeat-x;
}

td.contentBottomRightShadow {
    height: 8px;
    background-image: url(http://garrettassociates.biz/chevy/images/shade_bottom_right.gif);
    background-repeat: no-repeat;
}


/*=========================================================================
   Main Content Area
 *=========================================================================*/

#contentMainArea {
    position: relative;
    top: 0px;
    left: 0px;
    border: 0px solid black;
    margin: 0px;
    padding-top: 0px;
    padding-bottom: 40px;
    padding-left: 20px;
    padding-right: 300px;
    min-height: 300px;
    width: 430px;
    vertical-align: top;
	 background-color: #ffffff;
	
}

#contentDivider {
	width: 280px;
	position: relative;
}

#alert {
	
   position:fixed;
   _position:absolute;
   top:0;
   _top:expression(eval(document.body.scrollTop));
   left:0;
   margin:0;
   padding:0;


   width:100%;

   text-align:center;
}

.noticeMessage, .errorMessage {
	
  font-size: 12px;
  line-height: 15px;
  position: absolute;
  width: 410px;
  z-index: 50000 !important;
  top: 0px;
  right: 100px;
  margin-left: 0px;
  margin-right: 0px;

  padding-top: 5px;
  padding-bottom: 5px;

  padding-left: 10px;
  padding-right: 10px;
	
}


.slickerror
{
}

.slickerror p
{
  color:#fff;
  background:#cc0000;
  padding:10px;
  padding-bottom:10px !important;
}

.slickerror a
{
  color:#fff;
  text-decoration:underline;
}

.slickerror a:hover
{
  color:#00adef;
}



/*=========================================================================
   Main Content Area
 *=========================================================================*/

#headerArea {
    position: relative;
	width: 940px;
    height: 90px;
    padding: 0px;
    z-index: 1000;
    border-bottom: 1px solid #ce3229;
	 background-color: #ffffff;
}



.ie #headerArea {
	height: 90px;
}

* html #headerArea {
    border-bottom-style: solid;
}    

#infoArea {
    position: relative;
    height: 150px;
    background-color: #f9f4e4;
    padding: 10px;
    z-index: 0;
}

#infoBar {
    position: relative;
    height: 30px;
    background-color: #a29c83;
    padding-left: 10px;
    padding-right: 10px;
    z-index: 0;
}    


#logo1 {
    position: absolute;
    right: 265px;
    top: 7px;
}

#logo2 {
    position: absolute;
    right: 10px;
    top: 7px;
}


#logo {
    position: absolute;
    right: 10px;
    top: 15px;
}


/*============================================================================================
  drop down menus location
  ============================================================================================*/

/* moved to slick-menu.css */




/*=========================================================================
   Page Titles
 *=========================================================================*/

#contentTopTitle {
    position: relative;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 70px;
    margin: 0px;
    padding: 0px;
    background-color: #2ebcea;
}

/* admin header */
#contentTopTitle h1 {
    padding-top: 4px;
    text-indent: 20px;
    font: normal 20px Arial Narrow, Helvetica, sans-serif;
    text-transform: uppercase;
    color: white;
}    

#contentTopTitleStrip {
    position: relative;
    top: 10px;
    left: 0px;
    width: 100%;
    height: 50px;
    margin: 0px;
    padding: 0px;
    background-color: #088bd7;
    overflow: hidden;
}

#titleArea {
    position: relative;
    float: left;
    left: 110px;
    padding: 0px;
}

#findDealer {
	position: absolute;
	left: 720px;
	top: 10px;
	padding: 10px; 
	margin: 0;
	border: 5px; 
	border-color:#999999;
	
	color: #a0a0a0;
	font-size: 23px;
	line-height:24px;
	background-image: url(http://garrettassociates.biz/chevy/images/.jpg);
	
}

#ZIP {

	font-size: 12px;
	width: 60px;
	padding: 1px 1px 1px 5px;

}

#bookType {
    position: absolute;
    right: 0px;
    margin-right: 10px;
    display: block;
    z-index: 9999;
}

#bookTypeSpacer {
    position: relative;
    height: 90px;
}

#bookTypeLeftSpacer{
	height: 90px;
	width:100px;	
}

.home_tagline{
  position:absolute;
  top:10px;
  left:180px;
}

/*===================================================================================================
 * Reusable elements
 *===================================================================================================*/
 
 /* big steps from homepage */
 #canvas ol.bigsteps{ position:absolute; bottom:20px; right:18px;}
 ol.bigsteps{list-style-type:none; margin:0; padding:0;}
 .safari ol.bigsteps,
 .gecko ol.bigsteps{bottom:15px;}
 .linkstyle{color:#fd7820;}
 .linkstyle:hover{text-decoration:underline;}
 ol.bigsteps li a {color:#535143; font-weight:bold; font-size:13px; display:block; background:#fff; margin:0 0 10px 0; width:220px; padding:15px 20px 15px 60px;}
 ol.bigsteps li a:hover {text-decoration:none;}
 ol.bigsteps li a.step1,
 ol.bigsteps li a.step2,
 ol.bigsteps li a.step3
 {background-repeat:no-repeat; background-position:20px 16px;}
 ol.bigsteps li a.step1{background-image:url(/images/home3/step1.gif);} 
 ol.bigsteps li a.step2{background-image:url(/images/home3/step2.gif);}
 ol.bigsteps li a.step3{background-image:url(/images/home3/step3.gif);}
 
 
 
 .dot-it{background-image:url(/images/dot.gif); background-repeat:repeat-y; background-position:right; padding-right:8px; margin-right:3px; }
 .dot-it.front-dot{ background-position:left; padding-left:8px; margin-left:3px; margin-right:0; padding-right:0;}
 .dot-it.white-dot{background-image:url(/images/white_dot.gif) !important;}
 
 #slide-images{
 	position:relative;
 	display:block;
 	margin:0px;
 	padding:0px;

 	overflow:hidden;
 }

 #slide-images li{
 	position:absolute;
 	display:block;
 	list-style-type:none;
 	margin:0px;
 	padding:0px;
 	background-color:#FFFFFF;
 }

 #slide-images li img{
 	display:block;
 	background-color:#FFFFFF;
 }
 
 
 label.slicklabel{display:block; font-weight:bold;}

 /* slick list (nicer bullets) */
 ul.slicklist
 {
   position:relative;
   list-style-type:none;
   margin:0; padding:0;
   position:relative;
 }
 
 ul.pullist
 {
   margin-left:-7px;
 }
 
 ul.clearlist, ol.clearlist
 {
   list-style-type:none;
   margin:0;
   padding:0;
 }


 /* dotted separator */
 .dotted_separator{background-image:url(/images/separator_dots.gif); background-repeat:repeat-x; height:3px; clear:both;}


 ul.slicklist li
 {
   background-image:url(/images/sem/bullet.png);
   background-repeat:no-repeat;
   background-position:0px 5px;
   padding-left:8px;
 }


 /* STICKYNOTE */
 .stickynote
 {
   background-color:#f9f4e4;
   padding:20px 20px 15px 20px;
   width:130px;
   position:absolute;

   right:220px;
   top:122px;
 }

 .stickynote.static
 {
   position:relative !important;
   top:0;
   left:0;
 }

 .ie .stickynote
 {
   right:17px;
   top:15px;  
 }

 .stickynote h2
 {
   margin-bottom:0;
   margin-top:-3px;
   font-weight:bold;
   width:auto;
 }

 .stickynote p
 {
   padding-bottom:5px !important;
 }

 .stickynote img.curl
 {
   position:relative;
   left:-1px !important;
   top:-1px !important;
 }
/* /STICKYNOTES */


/* form popup notes */
 .form_note
 {
   width:150px;
   position:absolute;
   background-color:#f9f4e4;
   padding:10px;
 }


 .form_note p
 {
   padding-bottom:0 !important;
   padding-left:10px;
 }

 .form_note img.upper_corner
 {
   position:absolute;
   top:-1px;
   left:-1px;
 }

 .form_note img.bottom_corner
 {
   position:absolute;  
   bottom:-13px;
   left:-1px;
 }



.slickshadow
{
  border:2px solid #D8D4C0;
  border-top:1px solid #F0ECD7;
  border-left:1px solid #F0ECD7;
}

.last {
    border-bottom: 0px solid white;
}



.maxWidth {
    width: 100%;
}


/* - Clear Fix - */

.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
 
/* WinIE7 only */
*:first-child+html .clearfix{
	height:1%;
}
 
/* WinIE6 and below */
/*¥*/
* html .clearfix{
	height:1%;
}
/**/
 
/* MacIE only */
/*¥*//*/
.clearfix{
	display:inline-table;
}
/**/


/*===================================================================================================
 * BOTTOM STRIPES AND THE FOOTER MENU
 *===================================================================================================*/

#bottomPane {
    position: relative;
    background-color: #535143;
    left: 0px;
    top: 0px;
    height: 30px;
    width: 960px;
}

#bottomPaneNavigation {
    width: 100%;
}

#bottomPaneNavigation * {
    color: #f9f4e4 !important;
}

#bottomPaneCopyright {
    float: right;
    margin-top: 6px;
    margin-left: 10px;
    padding: 3px;
    padding-right: 10px;
}

#bottomPaneMenu {
	margin-top: 6px;
    margin-right: 10px;
    float: left;
    padding: 3px;
}




.tooltipDialog h3 {
	width: 350px;
}



/*===================================================================================================
 * BUTTON
 *===================================================================================================*/


.slickbutton
{
  border-bottom:2px solid #D8D4C0;
  border-right:2px solid #D8D4C0;
  border-top:1px solid #F0ECD7;
  border-left:1px solid #F0ECD7;
  width:8em;
}

.slickbutton .disabled{ background-color:#a29c83; color:#a29c83; background-image:url(/images/backgrounds/patternWhite.png);}
.slickbutton .disabled:hover{ background-color:#a29c83; cursor:default; }

.slickbutton .faded{background-color:#a29c83;}


.slickbutton a
{      
  outline:none;
  font-family:arial, helvetica, sans-serif !important;
  display:block;
  text-decoration:none;
  padding:3px 10px;
  padding-bottom:2px;
  font-size:11px;
  font-weight:normal !important;
  background-color:#00adef;
  color:#fff;
  text-transform:uppercase;
  text-align:center;
  border:1px solid #fff;
}


.slickbutton a:hover
{
  background-color:#fd7820;
  text-decoration:none;
}
 
.slickbutton input
{
  font-family:arial, helvetica, sans-serif !important;
  background:#00adef;
  border:1px solid #fff;;
  text-transform:uppercase;
  color:#fff;
  font-size:11px;
  display:block;
  padding:3px 10px;
  width:100%;
}

.ie .slickbutton input
{
  padding-bottom:1px;
  padding-top:2px;
}

.gecko .slickbutton input
{
  padding:2px 10px;
}


.slickbutton input:hover
{
  background-color:#fd7820;
  cursor:pointer;
}

.safari .slickbutton a
{
  padding-top:3px;
  padding-bottom:1px;
}

.slickbutton a:hover
{
  background:#fd7820;
  text-decoration:none;
}


/* slickchevron */

/*
  slickchevron uses two background images and for that reason must be nested with an outer element
  with class slickchevron and a div inside the outer element can be an <a> tag or a <div> tag
  the height can be adjusted without modifying the background images.
  
  too cleanly support a hover state the background images are PNG, this isn't supported in IE6 
*/

.slickchevron
{
  margin-right:5px;
  text-align:center;
  color:#fff;
  font-size:11px;
  background-color:#fd7820;
  background-image:url(/images/chevron/right.png);
  background-repeat:no-repeat;
  background-position:center right;
}


.slickchevron span
{  
  padding-left:15px;
  padding-right:13px;
  background-image:url(/images/chevron/left.png);
  background-repeat:no-repeat;
  background-position:left center;
}


a.slickchevron:hover
{
  background-color:#00adef;
  text-decoration:none;
}

* html .slickchevron{background-image:url(/images/chevron/right.gif);}
* html .slickchevron span{background-image:url(/images/chevron/left.gif);}


.chevron_bullet{font-weight:bolder; font-family:arial; font-size:18px; color:#fd7820; margin-right:3px; position:relative; top:1px;}



.js .hidden{
	display: none;
}

	span.hasCart,
.js span.notAuthenticated,
    span.authenticated,
 	span.syp,
	span.noSyp{display:none;}
.js span.hide{display:none; !important}
.js span.show{display:inline; !important}


#capsha span{display:none;}
#capsha input{border:0; width:1px; height:1px;}


.address_details{margin-top:10px;}
#select_address{width:315px; margin-bottom:10px; float:left;}
#new_address{margin-top:10px;}



/* modern tooltips */
div.popwrap{ position:relative; }
div.popwrap div.text{ padding:10px 20px 20px 20px; }
div.popwrap div.text h2{ margin-bottom:10px; }
div.popwrap div.text p{ font-family:georgia; line-height:17px; }
div.popwrap table{ margin:10px; width:93%;}
div.popwrap table th, div.popwrap table td{ text-align:center; }
div.popwrap table th{ text-transform:uppercase; font-weight:normal; font-size:9px; padding:2px 10px 2px 10px; }
div.popwrap table td{ background-color:#e4dbbf; padding:2px 10px 2px 10px; font-size:9px; font-weight:bold; }
div.popwrap table td.first{ text-transform:uppercase; text-align:left; }
div.popwrap table th.first{ text-align:left; }
div.popwrap table tr.selected td{background-color:#fd7820; color:#f9f4e4;}

a#holidayOrnament{display:block;position:absolute;right:105px;top:-5px;z-index:10;}


/* allow for PNG transparency in IE */
img, div { behavior: url(/javascripts/iepngfix.htc) } /* IE hack for PNG transparency*/
/* --------- /stylesheets/widescreenFonts.css --------- */ 
/*


/*===================================================================================================
 * Global Styles
 *===================================================================================================*/
body, option, optgroup {
	font: normal 12px Arial, Helvetica, sans-serif;
	line-height: 15px;
	color: #535154;
	
}


.rightfloat1 { float: right; margin-right: 75px; text-align: right; }
.rightfloat { float: right; margin-right: 20px; text-align: right; width: 450px;}


.leftfloat3 { float: left; margin-top:15px; margin-left: 30px; text-align: center; width: 190px;font-size: 13px; line-height: 19px; font:Arial, Helvetica, sans-serif;}
.leftfloat2 { float: left; margin-top:15px; margin-left: 30px; text-align: center; width: 190px;font-size: 13px; line-height: 19px; font:Arial, Helvetica, sans-serif;}
.leftfloat1 { float: left; margin-top:15px; margin-left: 30px; text-align: center; width: 190px;font-size: 13px; line-height: 19px; font:Arial, Helvetica, sans-serif;}
.leftfloat { float: left; margin: 15px 25px; text-align: center; width: 185px;font-size: 13px; line-height: 19px; font:Arial, Helvetica, sans-serif; vertical-align:top; vertical-align:text-top; height: 200px;}

p { 
font-size: 13px; line-height: 19px; padding-left: 0px; padding-right: 0px; 

font:Arial, Helvetica, sans-serif; }


h1 {
	font-weight: normal;
	padding-left: 20px; padding-right: 10px;
	overflow:hidden;
	color: #a9110e;
	font-size: 30px;
	line-height: 34px;
	height: 35px;
	margin-top: 3px;
	margin-bottom: 0px;
	margin-left: 0px;
	
	
}

h1 img {width: 940px; height: 350px;}

p img {padding-left: 35px; padding-right: 25px; padding-top: 5px; float: left;}

#headerArea h1 {
	position: absolute;
	left: 30px;
	top: 10px;

}


h2 {
	font: normal 20px Arial, Helvetica, sans-serif;
	line-height: 25px;
	color: black;
	margin-bottom: 15px;
	margin-top: 0px;
	font-size: 18px;
	color: #535143;
}

/* this should negate space in the above style */
h2.nospace{
  margin-bottom:0;
}

h4 {
	font: bold 13px Arial, Helvetica, sans-serif;
	margin-top: 10px;
	margin-bottom: 3px;
}

.caps{text-transform:uppercase;}

h3 {
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: -10px;
	margin-right: -20px;
	background-color: #a7c375;
	display: block;
	font-size: 13px;
	color: white;
	width: 164%;
	padding-top: 3px;
	padding-bottom: 2px;
	padding-left: 10px;
	padding-right: 0px;
	font-weight: bold;
	text-transform: uppercase;
	position: relative;
	height: 15px;
}

h3.first {
	margin-top: 0px;
}

.ie6 h3 {
	height: 16px;
}

.win.gecko h3 {
	padding-top: 2px;
	padding-bottom: 3px;
}

a.no_outline:active, a.no_outline:focus { outline: 0; }

h3 a {
	position: absolute;
	display: block;
	right: 0px;
	font-size: 11px;
	text-transform: none;
	padding: 0px;
	padding-left: 2px;
	padding-right: 2px;
	margin-top: -3px;
	border-left: 1px dotted white;
	height: 20px;
	width: 56px;
	line-height: 20px;
	vertical-align: middle;
	text-align: center;
	color: white;
/*	background-color: #535154; */
	background-color: #a29c83; 
	white-space: nowrap;
}

.win h3 a {
	margin-top: -2px;
	height: 20px;
	font-weight: normal;
}
.ie6 h3 a {
	margin-top: -3px;
	height: 21px;
	border-left-style: solid;
}

h3 a:hover {
	background-color: #fd7820;
	text-decoration: none;
}


.win.gecko h3 a.header_link
{
  height:18px;
  padding-top:2px;
}

.ie7 h3 a.header_link
{
  padding-top:2px !important;
  height:19px;
}


h3 a.header_link {
	background-color: #A7C275; 
	border-left: 0px none;
	font-size: 13px;
	font-weight: bold;
	height: 15px;
	left:0px;
	line-height: 15px;
	margin-top:0px;	
	padding-bottom: 2px;
	padding-left: 10px;
	padding-top: 3px;
	text-align: left;
	text-transform: uppercase;
	top:0px;
	width: 647px;
}

.win h3 a.header_link {
	padding-top: 0px;
	padding-bottom: 0px;
}

.ie6 h3 a.header_link {
	line-height: 21px;
}

h3 a.header_link:hover {
	background-color: #FD7820;
}

a.withIcon {
	font-size: 11px;
	margin-top: 3px;
	background: url(/images/icons/viewOpened.gif) no-repeat left center;
	padding-left: 15px;
}

h3 div.multiLink {
	float: right;
	width: 300px;
	margin-top: -3px;
	margin-bottom: 3px;
	height: 20px;
	overflow:hidden;
}

h3 div.multiLink a {
	width: auto;
	padding-left: 5px;
	padding-right: 5px;
	margin-left: 10px;
	margin-top: 0px;
	float: right;
	position: static;
	height: 23px;
}

h3 div.multiLink a.opened {
	color: #9d5810;
}

a {
	text-decoration: none;
	color: #fd7820;
	outline: none;	
}

a:hover {
	text-decoration: underline;
}

a.small {
	font-size: 11px;
	font-weight: bold;
}

small {
  font-size:11px;
}

#contentMainArea p {
	padding-bottom: 15px;
}

/* this should negate the above style */
#contentMainArea p.nospace {
  padding-bottom:0;
}

* html #contentMainArea p {
	padding-bottom: 15px;
}

/* Blurb's standard page */
ul,ol {
	margin-left: 18px;
	margin-right: 10px;
	margin-bottom: 10px;
}

.ie ol {
  margin-left:22px;
}

li {
	margin-bottom: 5px;
}

/* new style, used in jobs and learn_more page */
ul.compact,ol.compact {
	margin: -10px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}

ul.compact li,ol.compact li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	background: url(/images/cutebullet.gif) no-repeat top left;
	list-style: none;
}

.importantNotice {
	font-size: 12px;
	padding: 10px;
	background: #f9f4e4;
	margin: -10px 0 20px -10px;
}

.importantNoticeRed {
	color: #cc0000;
}

#spinner {
	position: absolute;
	width: 15px;
	height: 15px;
	text-align: center;
	z-index: 100000;
}

#spinner img {
	margin: 0;
}

div.horizontalLine {
	position: relative;
	border-top: 1px dotted #a29c83;
	border-bottom: 1px dotted #a29c83;
	height: 1px;
	margin: 0px;
	padding: 0px;
	line-height: 0px;
}

.ie6 div.horizontalLine {
	border-top: 1px solid #a29c83;
	border-bottom: 1px solid #a29c83;
}

/*===================================================================================================
 * Form Elements
 *===================================================================================================*/





label {
	font-weight: bold;
}



label.plain {
	font-size: 12px;
	font-weight: normal;
}

label.small {
	font-size: 11px;
	font-weight: normal;
}

span.label{text-transform:uppercase; font-weight:bold;}

textarea, input.textfield, input.text, input.password, .passwordField, input.select, select, .textfield {
	width: 180px;
  border:1px solid #a29c83;
	margin-top: 2px;
	margin-bottom: 3px;
	padding: 3px;
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #535143;
  background-color:#fff;
  background-image:url(/images/backgrounds/patternWhite_light.gif)
}

textarea.clearfield, input.clearfield, select.clearfield {
  background-image:none;
}

#p_search_text {
	width: 380px;
}  


label.hintText {
  display: none !important;
}

.fieldWithHint {
  color: silver;
}

.search_nohint {color:#a29c83 !important;}
.search_hint {color:#535143 !important;}


input:focus, textarea:focus {
/*  background: #F5F5F5;*/
}

div.wideForm input.textfield, div.wideForm textfield, div.wideForm input.text, div.wideForm input.file, .fileField, div.wideForm input.password, .passwordField, div.wideForm select	{
	width: 250px;
	margin-bottom: 10px;
	color: #606060;
}

/* this breaks in IE */
div.wideForm input[type="text"], div.wideForm input[type="password"], div.wideForm input[type="file"], div.wideForm select, .selectField, .fileField {
	width: 250px;
	margin-top: 2px;
	margin-bottom: 10px;
	padding: 2px;
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #606060;
	border-top: 1px solid #535143;
	border-left: 1px solid #535143;
	border-bottom: 1px solid #f9f4e4;
	border-right: 1px solid #f9f4e4;

}

div.wideForm label {
	width: 100%;
	margin-top: 5px;
}

div.supportContainer td {
	vertical-align: bottom;
	padding-bottom: 10px;
}


input.image:hover,input [type="image"]:hover {
	cursor: pointer;
}

/*===================================================================================================
 * Support/Admin Form Styles
 *===================================================================================================*/
div.supportForm label {
	width: 150px;
	color: #808080;
}

div.supportForm input.textfield, div.supportForm textfield, div.supportForm textarea, div.suportForm input.text, div.supportForm input.file, .fileField,div.supportForm input.password, .passwordField, div.supportForm select, div.supportForm input[type="text"], div.supportForm input[type="password"], div.supportForm input[type="file"], div.supportForm select, .selectField, .fileField {
	width: 200px;
	margin-bottom: 10px;
	color: #505050;
	padding: 3px;
	margin: 0px;
	margin-bottom: 5px;
	font: normal 12px Arial, Helvetica, sans-serif;
	background-color: #F0F0F0;
	border-top: 1px solid #535143;
	border-left: 1px solid #535143;
	border-bottom: 1px solid #f9f4e4;
	border-right: 1px solid #f9f4e4;
}

table.supportResultsTable {
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
	border-top: 1px solid #D0D0D0;
	border-bottom: 0px solid #C0C0C0;
}

table.supportResultsTable th,table.supportResultsTable td {
	padding: 3px;
	border-bottom: 1px dotted #505050;
	vertical-align: middle;
	line-height: 18px;
	font-size: 11px;
}

table.supportResultsTable th {
	background-color: #F0F0F0;
	height: 30px;
	border-bottom: 1px solid #A0A0A0;
	text-align: left;
}

table.supportResultsTable tr.transactions td {
	vertical-align: top;
}

table.supportResultsTable tr.noline td {
	border-bottom: 0px solid white;
}

table.supportResultsTable select {
	padding: 1px;
}

table.supportResultsTable td.errorCell {
	color: #F03030;
}

table.supportResultsTable tr.orderOnHold {
	background: #F9F4E4;
}

/* stackedUpForm only used in admin screens - candidate for removal */
div.stackedUpForm label {
	position: relative;
	display: block;
	width: 180px;
	float: left;
	text-align: right;
	padding: 3px;
	padding-right: 10px;
}

div.stackedUpForm input [type="text"],.radioButtons, .stackedUpForm select {
	width: 190px;
	float: left;
	padding: 3px;
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #535154;
	margin-bottom: 10px;
	border-top: 1px solid #535143;
	border-left: 1px solid #535143;
	border-bottom: 1px solid #f9f4e4;
	border-right: 1px solid #f9f4e4;

}

div.stackedUpForm .dateSelect select {
	width: 85px;
}

/*div.stackedUpForm div.fieldWithErrors {
  background-color: transparent;
  float: left;
  padding: 0px;
}*/

/*.stackedUpForm .fieldWithErrors select,.stackedUpForm .fieldWithErrors input,.stackedUpForm .radioButtons div .fieldWithErrors {
  background-color: #F0a0a0;
}*/

.stackedUpForm .radioButtons {
	border: 1px solid white;
	padding: 0px 0px 0px 10px;
}

div.stackedUpForm  .smallBoxes input[type="text"] {
	width: 60px;
	text-align: right;
}


table.selector {
	background: #F0F0F0;
	border: 1px solid #C0C0C0;
}

table.selector td {
	vertical-align: middle;
	padding-left: 5px;
	padding-right: 5px;
}

table.selector {
	width: 100%;
}

div#betaFeatureNotice {
	position: relative;
	font-size: 13px;
	border: 1px solid #A0A0A0;
	background-color: #f9f4e4;
	padding: 10px;
	margin-bottom: 15px;
}

div.graphContainer {
	text-align: center;
	padding: 5px;
}

div.graphContainer img {
	border: 1px solid white;
}

div.graphContainer img:hover {
	border: 1px solid #fd7820;
}

img.graph {
	border: 1px solid #A0A0A0;
	width: 400px;
	height: 180px;
	margin-bottom: 20px;
}

/*===================================================================================================
 * Global Errors and Notices
 *===================================================================================================*/
/*.fieldWithErrors {
  padding-top: 7px;
  padding-left: 7px;
  padding-right: 7px;
  background: #CC0000;
}*/

.fieldWithErrors{background:none; padding:0;}
li.error input, .fieldWithErrors input{border:1px solid #cc0000;}
li.error select, .fieldWithErrors select{border:1px solid #cc0000;}
li.error label, .fieldWithErrors label{color:#cc0000;}


.errorMessage {
	color: white;
	font-weight: bold;
	font-size: 11px;
	background-color: #CC0000;
}

div.errorExplanation {
	padding: 15px;
	position: relative;
	margin: 0px;
	color: white;
	font-weight: bold;
	font-size: 11px;
	background-color: #CC0000;
	margin-bottom: 20px;
	border: 1px solid #A00000;
}

div.errorExplanation {
	padding: 5px;
}

div.errorExplanation h4 {
	margin-bottom: 15px;
}

.noticeMessage {
	color: white;
	font-weight: bold;
	font-size: 11px;
	background-color: #00adef;
}

div.errorExplanation h2 {
	display: none;
	color: white;
	font-size: 11px;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
}

.errorExplanation p {
	padding: 0px;
	margin: 0px;
	line-height: 15px;
}

.errorExplanation ul li {
	padding: 0px;
	line-height: 15px;
}

.smallnote {
	font-size: 11px;
	margin-bottom: 5px;
	color: #a29c83;
}

.beigenote {
	font-size: 12px;
	background: #F9F4E4;
  padding:10px;
  }

.smallerType {
	font-size: 10px;
	line-height: 15px;
}

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

.small {
	font-size: 10px;
	line-height: 10px;
}

a.normalType {
	font-size: 12px !important;
	line-height: 15px;
}

/*===================================================================================================
 * Bottom Pane of the Main Template
 *===================================================================================================*/
#bottomPaneCopyright {
	font: normal 11px Arial, Helvetica, sans-serif;
	line-height: 11px;
	color: #993300;
}

#bottomPaneMenu {
	font: normal 11px Arial, Helvetica, sans-serif;
	line-height: 11px;
	color: #993300;
}

#bottomPaneMenu a {
	color: #9f3702;
	font-weight: normal;
}

#login,#welcomeUser {
	font-size: 11px;
	color: #a29c83;
}

#bottomPaneSiteLinks a {
	color: #536b3c;
}

#bottomPaneSiteLinks div {
	padding: 10px;
	padding-top: 8px;
}

#bottomPaneSiteLinks table tr {
	vertical-align: top;
}

#bottomPaneSiteLinks table td {
	font-size: 12px;
	line-height: 15px;
	padding-top: 1px;
	padding-bottom: 1px;
}

/*===================================================================================================
 * My Books
 *===================================================================================================*/
div.compactBook {
	width: 170px;
	overflow: hidden;
	border: 0px solid black;
	margin-bottom: 0px;
}

td.compactBookThumbnail {
	padding: 0px;
	padding-bottom: 5px;
	height: 151px;
	vertical-align: bottom;
}

div.bookTitle {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	/*    color: #FF6600; */
}

div#simplePaginator {
	text-align: right;
}

div#simplePaginator label {
	padding-right: 20px;
	font-weight: normal;
}

div#simplePaginator .separator {
	color: #A29C83;
}

div#simplePaginator #previous {
	padding-left: 10px;
}

div#simplePaginator #next {
	padding-right: 10px;
}


div#paginator {
	width: 100%;
	position: inline;
	clear: both;
	margin-top: 15px;
	margin-right: 0px;
	padding-top: 10px;
	padding-left: 0px;
	padding-right: 0px;
	border-top: 1px solid #CCCCCC;
	font-size: 11px;
	line-height: 17px;
	text-align: center;
	font-weight: bold;
}

div.paginatorPrevious {
	width: 100px;
	float: left;
	text-align: left;
	margin: 0px;
	padding: 0px;
}

div.paginatorNext {
	width: 100px;
	float: right;
	text-align: right;
	margin: 0px;
	padding: 0px;
}

div.paginatorPages {
	width: 170px;
	margin: 0px auto 0px auto;
	text-align: center;
	white-space: nowrap;
}

div#paginator a {
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
	padding-right: 5px;
	border: 0px solid #F0F0F0;
	font-weight: normal;
}

div#paginator a:hover {
	color: white;
	text-decoration: none;
	background-color: #fd7820;
	border: 0px solid #505050;
}

* html div#paginator a {
	border: 0px solid white;
}

* html div#paginator a:hover {
	border: 0px solid white;
}

/*===================================================================================================
 *Email It
 *===================================================================================================*/
#email-it-header {
	background-color: #bcebfc;
	height: 30px;
	font-size: 15px;
	line-height: 30px;
	vertical-align: middle;
	font-weight: bold;
	padding-left: 10px;
	color: #088bd7;
}

#email-it-body {
	position: relative;
}

#email-it-body a {
	color: black;
	text-decoration: none;
	font-size: 12px;
	padding: 4px 4px 4px 30px;
	height: 25px;
}

.popupErrorMessage {
	color: #cc0000;
}

.requiredMarker {
	margin-left: 10px;
	padding-left: 10px;
}

/*===================================================================================================
 * My Account
 *===================================================================================================*/
.editablePane .sectionMenu {
	float: right;
	margin-top: 3px;
}

.editablePane label {
	width: 130px;
	display: block;
	float: left;
	clear: left;
}

.editablePane a,a.smallLink {
	font-size: 11px;
	font-weight: bold;
}

.editablePane a.regular {
	font-size: 12px;
	font-weight: normal;
}

.editablePaneOpened {
	background: #f9f4e4 !important;
	margin-left: -10px;
	padding-left: 10px;
	margin-top: -10px;
	padding-top: 10px;
	
}

/* for editable Pane after H3 overrides default spacing */
.afterH3 {
	margin-top: -10px;
	padding-top: 10px;
}

.inLine {
	margin-left: 0px;
}

.editablePaneOpened label {
	display: block;
	z-index: 1;
	position: relative;
}

#addressBook .address {
	width: 177px;
	float: left;
	margin-right: 0px;
	margin-bottom: 10px;
}

.address strong {

}

#addressBook {
	position: relative;
	min-height: 100px;
}

#addressBook .addressRight {
	margin-left: 0px;
}

#addressBookContents {
	max-height: 200px;
	overflow: auto;
}

/* IE/Win hack: IE does not honour max-height so we'll just fix it.  
   Sucks to be an IE user. */
* html #addressBookContents {
	height: 200px;
}

.rightLink {
	float: right;
	font-size: 11px;
	font-weight: bold;
}

.buttonPanel {
	position: relative;
	border-top: 1px solid #a7c375;
	display: block;
	padding: 10px;
	background-image: url(/images/backgrounds/patternGreen.png);
	text-align: right;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-bottom: 5px;
	padding-top: 7px;
	/*margin-left: -10px;*/
}

.ie .buttonPanel.coverPop
{
  margin-bottom:2px;
}

* html .buttonPanel {
	margin-bottom: -15px;
}

/* applied to buttonPanel inside pop up dialog boxes */
.insideDialog {
	margin: -10px;
	margin-top: 10px;
}

/*===================================================================================================
 * Checkout
 *===================================================================================================*/
.instructions {

}

table.formTable {
	padding: 0px;
	border-width: 0px;
}

.formTable td {
	vertical-align: middle;
	padding-bottom: 10px;
}

.formTable .prompt {
	width: 150px;
}

.formTable .field input {
	width: 200px;
}

#stepSubmit .productGaurantee {
	text-align: left;
	margin-bottom: 20px;
}

.paymentTable {
	width: 100%;
	line-height: 1.8em;
}

.paymentTable .fieldName {
	width: 180px;
	text-align: left;
}

td hr {
	color: #d2e2ae;
	background-color: #d2e2ae;
	border: 0;
	height: 1px;
	margin: 5px 0px;
}

table.itemsTable td hr {
	color: white;
	background-color: white;
	border-bottom: 1px dotted #d2e2ae;
	height: 1px;
	margin: 5px 0px;
}

* html table.itemsTable td hr {
	border-bottom: 1px solid #d2e2ae;
}

.itemsTable {
	width: 710px;
	line-height: 1.4em;
}

.itemsTable th {
	color: #a0a0a0;
}

.itemsTable .product {
/*  width: 180px;*/
	text-align: left;
	padding-right:10px;
}

.itemsTable .format {
/*  width: auto;*/
	text-align: left;
	white-space: nowrap;
	padding-right:10px;
}

.itemsTable .qty {
/*  width: 30px;*/
	text-align: right;
	padding-right: 10px;
}

.itemsTable .price {
/*  width: 15%;*/
	text-align: right;
	padding-right: 10px;
}

.itemsTable .dimension {
  width: 200px;;
	text-align: left;
  white-space: nowrap;	
  padding-left: 10px;
  padding-right: 10px;
}

.itemsTable .page_count {
	text-align: right;
	padding-left: 10px;
	padding-right: 10px;
}

td.couponConfirmed {
	background-color: #f9f4e4;
	border-bottom: 1px dotted #C0C0C0;
	padding-top: 10px;
}

.couponDescription {
	font-size: 10px;
}

div.couponAmount {
	float: right;
	font-weight: bold;
}

/*===================================================================================================
 * Pricing
 *===================================================================================================*/
table.compactTable {
	width: 100%;
	border-top: 1px solid #A7A393;
	border-bottom: 1px solid #A7A393;
	border-left: 1px solid #A7A393;
}

table.compactTable thead th {
	padding: 4px 8px 4px 8px;
	border-right: 1px solid #A7A393;
	border-bottom: 1px solid #A7A393;
	font-weight: normal;
	font-size: 8pt;
	color: #535154;
	background-color: #CDC7B8;
	text-transform: uppercase;
	vertical-align: bottom;
	line-height: 10px;
	text-align: left;
	height: 22px;
}

table.compactTable thead th span,
table.compactTable tbody td span {
	text-transform: none;
	font-size: 7pt;
}

table.compactTable tbody td {
	padding: 4px 8px 4px 8px;
	border-right: 1px solid #A7A393;
	border-bottom: 1px dotted #A7A393;
	color: #535154;
	background-color: #F9F4E4;
	vertical-align: middle;
	font-size: 8pt;
	line-height: 1.2em;
}

table.compactTable tbody td.lastRow {
	border-bottom: 0;
	line-height: 10px;
	vertical-align: top;
}


table.compactTable tbody td.dividingRow {
	border-bottom: 1px solid #A7A393;
}

.productPricing {
	font-weight: bold;
}

/*
 * Order history
 */
#orderHistory table {
	margin-left: -10px;
}

#orderHistory table td,#orderHistory table th {
	text-align: left;
	font-size: 11px;
	padding-left: 5px;
	padding-right: 2px;
	padding-top: 3px;
	padding-bottom: 2px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
}

#orderHistory tr.data:hover {
	background-color: #F9F4E4;
	cursor: pointer;
}

#orderHistory tr.head td {
	line-height: 20px;
}

#orderHistory tr.data:hover td {
	border-top: 1px solid #C0C0C0;
	border-bottom: 1px solid #C0C0C0;
}

#orderHistory tr.data td.first {
	border-left: 1px solid white;
}

#orderHistory tr.data td.last {
	border-right: 1px solid white;
}

#orderHistory tr.data:hover td.first {
	border-left: 1px solid #C0C0C0;
}

#orderHistory tr.data:hover td.last {
	border-right: 1px solid #C0C0C0;
}

#orderHistory tr.head th {
	color: #A0A0A0;
	border-bottom: 0px dotted #A0A0A0;
	padding-bottom: 1px;
}

#orderDetail label {
	display: block;
	width: 100px;
	text-align: left;
}

#orderDetail table td {
	padding-top: 5px;
}

#orderDetail .price {
	text-align: right;
	padding-right: 10px;
}

#orderDetail .fieldName {
	text-align: left;
	font-weight: bold;
}

.shipping-note {
    font-size:11px;
}

/*=======================================================================
  image cover preview 
 ========================================================================*/
div.imagePreviewWindow {
	text-align: center;
	position: relative;
	margin: 0px;
	padding: 50px;
	vertical-align: middle;
}

img.imageUnderPreview {
	position: relative;
	vertical-align: middle;
}

div.imagePreviewButtons {
	text-align:right;
}

/*=======================================================================
  enroll ASP
 ========================================================================*/
div#enrollMoreInfo span {
	font-weight: bold;
	display: block;
}

div#enrollMoreInfo p {
	padding-bottom: 10px;
}

table#taxFormTable label {
	display: inline;
	position: relative;
}

table#taxFormTable label:hover {
	cursor: pointer;
}

/*=======================================================================
  Data Table
 ========================================================================*/
table.dataTable {
	width: 100%;
}

table.dataTable td,table.dataTable th {
	white-space: nowrap;
	font-size: 12px;
	padding-left: 3px;
	padding-right: 3px;
	line-height: 20px;
	color: #535154;
}

table.dataTable tr.even td {
	background: #f9f4e4;
}

table.dataTable th {
	line-height: 15px;
	color: #535143;
	vertical-align: bottom;
  padding-bottom:5px;
}

table.dataTable tr.footer td {
	line-height: 15px;
	vertical-align: bottom;
	padding-top: 5px;
	padding-bottom: 3px;
	border-top: 1px solid #A0A0A0;
	font-weight: bold;
}

table.dataTable tr.middleRow td {
	font-weight: normal;
}

table.dataTable tr.noLine td {
	border-top: 0px solid #A0A0A0;
	padding-top: 0px;
}

/*=======================================================================
  View Selector (drop down)
 ========================================================================*/
.selector {
	position: relative;
	padding: 10px 0;
}

.selector label {
	font-weight: normal;
}

.selector select {
	padding: 1px;
	font-size: 12px;
	margin: 0px;
	width: 250px;
}

/*=======================================================================
  Podcasts
  ========================================================================*/
div.podcast {
	padding-bottom: 15px;
}

div.podcast p {
	padding: 0px !important;
}

div.podcast p.podcastTitle {
	font-weight: bold;
}

div.podcastPlayer {
	width: 200px;
	height: 45px;
	float: left;
	margin-top: 5px;
	margin-right: 15px;
}

div.podcastInfo {
	font-size: 10px;
	line-height: 11px;
	float: left;
	width: 190px;
}

.podcastInfo span {
	font-weight: bold;
}

/*=======================================================================
  Generic Table
  ========================================================================*/
table.genericTable {
	margin-left: -5px;
	width: 100%;
	margin-bottom: 35px;
}

table.genericTable th {
	color: #A0A0A0;
	text-align: left;
	padding-left: 5px;
	border-bottom: 1px solid #CCCCCC;
	line-height: 20px;
}

table.genericTable td {
	text-align: left;
	padding-left: 5px;
	line-height: 22px;
}

table.genericTable tr#last td {
	border-bottom: 1px solid #CCCCCC;
}

table.genericTable tr.odd td {
	background: #eff9ff;
}

/*=======================================================================
  CSS Tooltip
  ========================================================================*/
a.tooltipLink {
	position: relative;
}

a.tooltipLink:hover {
	text-decoration: none;
}

a.tooltipLink span {
	line-height: 15px;
	color: #505050 !important;
	font-size: 12px;
	position: absolute;
	top: 0px;
	left: 0px;
	margin-top: 18px;
	margin-left: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	width: 250px;
	padding: 10px;
	z-index: 100;
	background-color: #f9f4e4;
	border: 1px solid #CCCCCC;
	text-decoration: none;
	display: none;
	overflow: hidden;
}

a.tooltipLink:hover span {
	display: block;
}

/* IE6 does not like us */
* html a.tooltipLink {
	position: static;
}

* html a.tooltipLink:hover span {
	display: none;
}

/* from widescreenFonts */
.pageSection {
	background-color: #f9f4e4;
	color: #5c5c5c;
	padding: 0px;
	border-bottom: 1px dotted #a29c83;
	margin-bottom: 10px;
}

.pageSectionContents {
	margin: 10px;
	font-size: 12px;
}

.editable {
	cursor: pointer;
}

.editable:hover {
	background-color: #eff9ff;
}

.inEdit {
	background-color: #eff9ff !important;
}

.projectPhotoContainer {
	width: 260px;
	height: 160px;
	background-color: #cdc7b8;
	border: 1px solid #a5a4a3;
	margin-right: 10px;
	text-align: center;
	font-size: 14px;
}

.toggleSectionController {
	width: 15px;
	height: 15px;
	cursor: pointer;
}

.projectPropertiesContainer {
	float: right;
	text-align: left;
	width: 320px;
}

* html .projectPropertiesContainer {
	width: 200px;
}

.projectPropertiesContainer textarea {
	margin: 0px;
	margin-top: 5px;
	margin-bottom: 10px;
	padding: 7px;
	width: 280px;
	height: 30px;
}

.buttonPanelLong {
	text-align: right;
	background-color: #b2e6fa;
	margin-left: -10px;
	margin-right: -10px;
	margin-bottom: -10px;
	margin-top: 20px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 2px;
	z-index: 1000;
}

#extraSpacer {
	display: none ! ie;
}

/* IE 6+7 */
#projectProperties {
	vertical-align: top ! ie;
	position: relative ! ie;
	width: 69%;
	width: 68% ! ie;
	float: left ! ie;
}

* html #projectProperties {
	width: 67%;
}

#extraSection {
	float: right ! ie;
	vertical-align: top ! ie;
	width: 30% ! ie;
}

#horizontalContainer {
	width: 100%;
	width: auto ! ie;
	margin-bottom: -20px ! ie;
}

* html .pageSection {
	border-bottom-style: solid;
}

/*====================================================================================
  Sortable List
  ====================================================================================*/
ul.sortableList {
	padding: 0px;
	margin: 0px;
	margin-left: 60px;
}

ul.sortableList li {
	left: 0px;
	width: 50%;
	margin: 2px;
	list-style: none;
	padding: 5px;
	cursor: pointer;
	border: 1px solid #f9f4e4;
	font-weight: bold;
}

ul.sortableList li a {
	font-weight: normal;
	text-decoration: none;
}

ul.sortableList li:hover {
	background-color: #fff9ea;
	border: 1px solid #a29c83;
	cursor: pointer;
}

ul.sortableList div.sideControl {
	position: absolute;
	left: -70px;
	width: 61px;
	top: -1px;
	padding: 5px;
	font-size: 11px;
	background: #fff9ea;
	border: 1px solid #a29c83;
	border-right-width: 0px;
	z-index: 11000;
}

button {
	border: 1px solid grey;
	font-weight: normal;
}

/*====================================================================================
  Thumbnail Menu 
  ====================================================================================
*/


.thumbnailMenuContainer {
	position: relative;
	border: 1px solid white;
	padding: 0px;
	float: left;
	cursor: pointer;
}

.thumbnailMenuContainerInner {
	position: relative;
}

.thumbnailMenuContainerDisabled {
	position: relative;
	padding: 3px;
	float: left;
	padding-right: 22px;
}

.thumbnailHotspot {
	z-index: 100000;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 25px;
	padding: 0px;
	display: none;
	background: url(/images/icons/thumbnailMenuArrow.png) no-repeat top left;
}

.ie .thumbnailHotspot {
	width: 20px !important;
}

.thumbnailHotspot img {
	margin: 1px;
}

.selectedContainer img {
	border: 1px solid #A7C275 !important;
	padding: 0;
	margin: 0;
}

div.selectedContainer {
	display: block !important;
}

div.selectedHotspot {
	display: block !important;
	background: url(/images/icons/thumbnailMenuArrow_selected.png) no-repeat top left;
}

.hotSpotHover {
	display: block;
}

div.peopleThumbnail .thumbnailMenuContainer {
	border: 1px solid #f9f4e4;
}

div.peopleThumbnail .thumbnailMenuContainer:hover {
	border: 1px dotted #a0a0a0;
}

/*====================================================================================
 * Captions for contribution form images
  ====================================================================================*/
.captionArea {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 10px;
	/* to compensate for the drop down menu padding */
	margin-top: 3px;
	margin-left: 3px;
	position: relative;
}

.captionArea_medium {
	float: left;
	width: 120px;
}

.captionArea_large {
	margin-left: 4px;
	margin-right: 13px;
	clear: both;
}

.captionAreaCloseLink {
	position: absolute;
	right: 0px;
	top: 0px;
	padding-bottom: 3px;
	padding-left: 3px;
	background: white;
}

.captionAreaCloseLink img {
	border: 1px solid white;
}

.captionArea_medium .textfield {
	width: 100px;
	height: 150px;
	margin-right: 15px;
}

.captionArea_large .textfield {
	width: 380px;
	height: 70px;
}

/*====================================================================================
  Actual drop down menu div, contains list of <a> links
  ====================================================================================*/
.thumbnailDropDownMenu {
	position: absolute;
	padding: 0px;
	top: 0px;
	left: 19px;
	z-index: 120000;
	background-color: white;
	border: 1px solid #A7C275;
	width: 220px;
}

.thumbnailDropDownMenu a:hover {
	background-color: #fd7820;
	color: white;
	text-decoration: none;
}

.thumbnailDropDownMenu a {
	display: block;
	margin: 0px;
	float: none;
	text-decoration: none;
	color: #5c5c5c;
	padding: 3px 6px 2px 6px;
	font-weight: bold;
	border: 1px solid white;
	margin-bottom: 1px;
}

.thumbnailDropDownMenu div.thumbnailDropDownDivider {
	border-top: 1px dotted #A29C83;
	border-bottom: 1px dotted #A29C83;
	height: 1px;
	overflow: hidden;
	width: 200px;
	margin: 6px;
}

.ie6 .thumbnailDropDownMenu div.thumbnailDropDownDivider {
	border-top: 1px solid #A29C83;
	border-bottom: 1px solid #A29C83;
}

.thumbnailDropDownMenu p {
	padding: 6px !important;
	cursor:default;
}

/*====================================================================================
  Other
  ====================================================================================*/
.bigLink {
	font-size: 18px;
}

div.invitationBody div {
	background-color: white;
	margin: 0;
	padding: 10px;
}

a.projectInviteLink {
	float: right;
	margin: 8px 0 2px 0;
}

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

div.invitationSubjects {
	background-color: #A29C83;
	margin: 0px;
	font-weight: bold;
	color: #F9F4E4;
	padding: 4px 4px 4px 4px;
}

/*====================================================================================
  List View
  ====================================================================================*/
table.listViewTable {
	margin: -10px;
	margin-top: -21px;
	display: block;
	background-color: #f9f4e4;
}

.listViewTable {
	color: #5c5c5c;
}

.listViewTable a {
	color: #5c5c5c;
	text-decoration: underline;
}

.listViewTable thead th {
	padding-top: 10px;
	text-align: left;
}

.listViewTable tr.highlighted {
	background-color: white;
}

.listViewTable tr:hover {
	background-color: #eff9ff;
	cursor: pointer;
}

.listViewTable td,.listViewTable th {
	padding: 3px;
	padding-left: 10px;
	white-space: nowrap;
}

.listViewTable tr:hover span.contributionEditDelete {
	visibility: visible;
}

span.contributionEditDelete {
	visibility: hidden;
}

ul#contributionFilterHeader {
	list-style: none;
	margin: 0;
}

ul#contributionFilterHeader li {
	float: left;
}

/*====================================================================================
  File Upload Progress 
  ====================================================================================*/
div#fileInfoMessage p {
	padding-bottom: 2px;
}

span.uploadLabel {
	font-weight: bold;
}

div.uploadProgressBar {
	width: 200px;
	position: relative;
	height: 10px;
	border: 1px solid #a29c83;
	padding: 0;;
	margin: 10px 0px;
}

div.uploadProgressBar div {
	background-color: #b2e6fa;
	width: 1px;
	height: 10px;
}

#fileUploadCancel {
	float: right;
	margin: 0 0 0 0;
}


div.bookListingBookTitle {
	display: block;
	padding-top: 3px;
	height: 30px !important;
	overflow: hidden;
	font-size: 12px;
	font-weight: bold;
}

.bookListingBookTitle a {
	color: #535154;
}


.tinytype {
  color:#A29C83;
  font-size:11px;
}


/* ==================
   reusable elements
   ================== */
   
.highlight{background-color:#f9f4e4; padding:3px 5px;}

.edit-action{font-size:11px; font-weight:bold;}

/* ==================
   Misc
   ================== */
   
abbr{border-bottom:none;}
.multiplication_symbol{padding:0 .1em;}






/* --------- /stylesheets/widescreenSidebar.css --------- */ 
span.abc{font-size:9px !important; display:inline !important; position:relative; top:-8px;}


/*=========================================================================
   Side Bar
 *=========================================================================*/

#sideBarModule {
    width: 170px;
    padding: 0px;
    border: 0px;
    padding-top: -1px;
    text-align: left;
	background-image: url(/images/backgrounds/patternWhite.png);
    min-height: 600px;
}

#sideBarModule a {
    text-decoration: none;
    font-weight: bold;
}

#sideBarModule a:hover {	
	color: #fd7820;
}

#sideBarModule p {
    font-size: 12px;
    margin-top: 5px;
    margin-bottom: 5px;
    padding-right: 5px;
}

#sideBarModule ul {
    margin-left: 15px;
    font-size: 12px;
}

#sideBarModule .sideBarItemContainer {
	padding: 5px;
	background-image: url(/images/backgrounds/patternGreen.png);
}


/*====================================================================================
  Side Bar Bottom
  ====================================================================================*/

#sideBarModule .sideBarBottomContainer {
	position: absolute;
	right: 30px;
	bottom: 29px;
}

#sideBarModule .sideBarBottomItemContainer {
	background-color: white;
	width: 130px;
	margin: 10px;
	padding: 9px 10px 6px 10px;
}

/*====================================================================
  tables inside side bar modules 
  ====================================================================*/

#sideBarModule table {
    width: 160px;
}

#sideBarModule table tr {
    vertical-align: top;
}

#sideBarModule table td {
    padding-left: 7px;
    padding-right: 3px;
    padding-top: 5px;
    padding-bottom: 3px;
    font-size: 10px;
    background: white;
}

td.rightMost {
    /* nothing */
}

td.rightJust {
	text-align: right;
}

#sideBarModule table th {
    background: white;
    padding-left: 7px;
    text-transform: uppercase;    
    font-size: 12px;
    font-weight: bold;
    text-align: left;
    padding-top: 7px;
}

.sideBarSpacer {
	height: 10px;
	background-color: white;
}

#sideBarModule #orderSummary table {
    border: 1px solid #8eb667;;
}

#sideBarModule #orderSummary table th {
    border: 0px solid white;
}

#sideBarModule #orderSummary table td {
    border: 0px solid white;
    padding-left: 7px;
    padding-right: 7px;
    padding-top: 3px;
    padding-bottom: 3px;
    font-size: 12px;
    border-bottom: 0px solid #a9a484;
    border-left: 0px solid #a9a484;
}

#sideBarModule #orderSummary table td.total {
    border-top: 1px dotted #8eb667;
    padding-top: 5px;
    padding-bottom: 10px;
}



/*=========================================================================
   Collapsable Menu
 *=========================================================================*/

div.sideBarCollapsableMenu {
    position: relative;
    background: white;
    border-size: 0px;
    width: 170px;
    overflow: hidden;
    margin: 0px;
}

#sideBarModule div.sideBarCollapsableMenu h2 {
    display: block;
    padding: 0px;
    width: 100%;
    text-transform: uppercase;    
    color: white;
    background: #a7c275;
    font-size: 12px;
    line-height: 15px;
    font-weight: bold;
    text-align: left;
    border-bottom: 1px dotted white;
    padding-top: 3px;
    padding-bottom: 2px;
    padding-left: 10px;
    margin: 0px;
}

#sideBarModule div.sideBarCollapsableMenu h2.sideBarSubNav {
    background: #a7c275; 
    border-bottom: 1px dotted #f9f4e4;
}

#sideBarModule div.sideBarCollapsableMenu a.sideBarCategory {
    display: block;
    height: 19px;   
    padding-left: 10px;
    line-height: 19px;
    font-weight: bold;
    border-bottom: 1px solid #8eb667;
    margin: 0px;
    width: 164px;
    float: none;
}

#sideBarModule div.sideBarCollapsableMenu a.category_collapsed, #sideBarModule div.sideBarCollapsableMenu a.category_expanded {
    color: white;
    background-color: #a7c275;
    border-top: 1px solid white;
    border-bottom: 1px solid white;
}

#sideBarModule div.sideBarCollapsableMenu div.sideBarIcon {
    position: absolute;
    float: right;
    width: 10px;
    height: 10px;
    right: 10px;
    margin-top: 4px;
    overflow: hidden;
    background: url(/images/submenu/icon-both.png) no-repeat left top;
}

#sideBarModule div.sideBarCollapsableMenu div.sideBarIcon img {
    position: absolute;
    top: 0px;
    left: 0px;
}

#sideBarModule div.sideBarItems a {
    display: block;
    background: #a29c83;
    padding-left: 10px;
    line-height: 21px;
    height: 20px;
    font-weight: normal;
    border-bottom: 1px dotted white;
    margin: 0px;
    color: #f9f4e4;
}

#sideBarModule div.sideBarItems a:hover {
  background-color:#fd7820;
  color:#fff;
}

* html #sideBarModule div.sideBarItems a {
    border-bottom: 1px solid #f9f4e4;
} 

#sideBarModule div.sideBarItems a.selected {
    background: #00adef;
}

#sideBarModule div.sideBarItems a.selected:hover {
    background: #00adef;
}

#sideBarModule .sideBarItems hr {
	height: 4px;
	color: #a7c275;
	margin: 0px;
	border: 0px solid white;
	border-bottom: 1px dotted #f9f4e4;
}

.ie6 #sideBarModule .sideBarItems hr {
	width: 100%;
	display: block;
	margin-top: -7px;
	margin-bottom: -7px;
	border-bottom: 1px solid #f9f4e4;
}

/*=========================================================================
   Search
 *=========================================================================*/

.slicksearch{border:1px solid #645449; position:relative; }
.slicksearch input.textfield{border:none; width:142px; float:left; font-size:11px; height:14px; background-image: none; background-color: transparent; margin:0;
  background: transparent url(/images/site_search/search_bg_trans.png) top left repeat-x;
  color: #f4ede9;
}
.ie6 .slicksearch input.textfield { background: transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/site_search/search_bg_trans.png');}
.slicksearch input.submit{float:right; cursor:pointer; border: 1px solid #460505; width:20px; height:20px; color:#00adef; background: #535143 url(/images/buttons/search-go.gif) 7px 5px no-repeat; text-indent:-9999px; font-size:1px; letter-spacing:100px;}
.slicksearch input.submit:hover{background-color:#fd7820;}
.ie .slicksearch input.submit { background-position: 6px 4px;}
#advanced-search-button{margin-top:5px; text-transform:uppercase; font-size:11px;}
#advanced-search-button a:hover{text-decoration:underline;}
#advanced-search{ padding: 10px; line-height: 20px; margin-top:10px;}

#bookstore-search-label{display:none;}
#bookstore-search-label.ghost-label{ font-size: 11px; display:block; color:#f4ede9; font-weight:normal; position:absolute; top:3px; left:5px; cursor:text;}

/*====================================================================================
  Currency
  ====================================================================================*/
.add_to_cart_currencies {
	display: block;
}
.selectCurrencies {
	font-weight: bold;
}

.selectCurrencies .selected {
	font-weight: lighter;
	background-color: #00adef;
	color: white;
	padding: 0px 3px 0px 4px;
	margin: -1px;
}

.selectCurrencies a {
	padding: 0px 3px 0px 4px;
	margin: -1px;
	color: #535143;
}

.selectCurrencies a:hover {
	color: white;
	background-color: #fd7820;
}


.blueBorder a, .blueBorder .selected {
	border-top: 1px solid  #00adef;
	border-bottom: 1px solid  #00adef;
	border-left: 1px solid  #00adef;
	border-right: 1px solid  #00adef;
}

.blueBorder a:hover {
	border-top: 1px solid  #fd7820;
	border-bottom: 1px solid  #fd7820;
	border-left: 1px solid  #fd7820;
	border-right: 1px solid  #fd7820;
}


.pricing_page_currency_choice
{
	right:-9px;
	position: absolute;
  width:72px;
  top:90px;
}

.ie .pricing_page_currency_choice
{
  width:70px;
  top:120px;
}

.pricing_page_currency_choice a, .pricing_page_currency_choice span.selected
{
  display:block;
  width:15px;
  height:15px;
  float:left;
  margin-right:1px;
  text-align:center;
}

.pricing_page_currency_choice span.selected
{
  background:#00adef;
  color:#fff;
  border:1px solid #00adef;
}

.pricing_page_currency_choice a
{
  background:#fff;
  color:#535143;
  border:1px solid #00adef;
}

.pricing_page_currency_choice a:hover
{
  background:#fd7820;
  color:#fff;
  text-decoration:none;
  border:1px solid #fd7820;
  
}

.pricingCurrency
{

  display:none;

  background:red;
  float:right;
  height:40px;
  width:100px;
  text-align:right;
  color:#a29c83;
  border-bottom:1px dotted #a29c83;
  font-size:11px;
  font-weight:bold;
}

.currency_title
{
  float:right;
  position:absolute;
  top:75px;
  right:20px;
  width:75px;
  text-align:right;
  text-transform:uppercase;
  color:#a29c83;
  font-size:9px;
  border-bottom:1px dotted #a29c83;
}

.ie .currency_title
{
  top:80px;
}

/*====================================================================================
  Feeds
  ====================================================================================*/

div#rssFeedLink a {
	font-weight: normal;
	margin: 2px;
}

div#rssFeedLink img {
	margin: -3px -1px;
}


/*====================================================================================
  Download
  ====================================================================================*/

div#download_sidebar_learn_more {
  background:#fff;
  padding:5px;
  margin-top:5px;
}

div#download_sidebar_learn_more a {
  font-weight:normal;
  padding-left:5px;
}

div#download_sidebar_learn_more a:hover {
  text-decoration:underline;
}



/* ====================================================================================
   B3 ICC Download
   ====================================================================================*/
a#b3_icc{display:block; width:288px; height:58px; background-image:url(/images/b3/download_icc.gif); text-indent:-9999px; outline:0;}
a#b3_icc:hover{background-position:0 58px;}/* --------- /stylesheets/dialogs.css --------- */ 
#overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999999;
  width: 100%;
  height: 500px;
  background-color: #000;
  filter: alpha( opacity = 50 );
  -moz-opacity: 0.5;
  opacity: 0.5;
}

#dialog {
  position: absolute;
  /*min-width: 300px;*/
  z-index: 99999999;
  text-align: left;
  background-color: white;
  color: #535143;
  padding: 12px;
  border: 1px solid #535143;
  padding: 0px;
  font: normal 12px Arial, Helvetica, sans-serif;
  overflow: hidden;
}

#dialog #dialog_title {
  display: block;
  height: 25px;
  text-align: left;
  font: bold 13px Arial, Helvetica, sans-serif;
  line-height: 18px;
  color: white;
  background-color: #a7c275;

  padding-top: 5px;
  text-transform: uppercase;

  width:auto !important;
  margin:10px 10px 0 10px;
}

#dialog #buttonPanel
{
  bottom:0!important;
}

.ie #dialog #dialog_title
{
  /*width:100% !important;*/
}

#dialog #dialog_title p {
  padding-left: 10px;
}

#dialog div#dialog_content {
  display: block;
  padding: 10px;
  background-color:#fff;

}
/* --------- /stylesheets/widgets.css --------- */ 

/*=========================================================================
 * Learn Widget
 *=========================================================================*/

.widget1 {
    position: relative;
    margin: 20px auto 0px auto;
    width: 414px;
    height: 266px;
    border: 1px solid #a7a393;
    background-color: #f9f4e4;
    overflow: hidden;
}

.lw1 {
    position: relative;
    width: 414px;
    height: 34px;
    margin: 0px 0px 1px 0px;
    background-color: #f9f4e4;
    border-bottom: 1px dotted #a7a393;

}

.lw1 h1 {
    margin: 12px 0px 0px 6px;
    padding: 0px;
    color: #191919;
    font-family: arial, helvetica, sans-serif;
    font-size: 11pt;
    font-weight: bold;
    text-align: left;
}

#lwc1 {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 110px;
    height: 89px;
    text-align: left;
}

#lwc1h {
    margin: 12px 0px 0px 6px;
    padding: 0px;
    font-size: 11pt;
    font-family: arial, helvetica, sans-serif;
}

#lwc1p {
    margin: 0px 0px 0px 6px;
    padding: 0px;
}

#lwc2 {
    position: absolute;
    top: 89px;
    left: 0px;
    width: 110px;
    height: 89px;
    text-align: left;
    border-top: 1px dotted #a7a393;
}

#lwc2h {
    margin: 12px 0px 0px 6px;
    padding: 0px;
    font-size: 11pt;
    font-family: arial, helvetica, sans-serif;
}

#lwc2p {
    margin: 0px 0px 0px 6px;
    padding: 0px;
}

#lwc3 {
    position: absolute;
    top: 175px;
    left: 0px;
    width: 110px;
    height: 90px;
    text-align: left;
    border-top: 1px dotted #a7a393;
}

#lwc3h {
    margin: 8px 0px 0px 6px;
    padding: 0px;
    font-size: 11pt;
    font-family: arial, helvetica, sans-serif;
}

#lwc3p {
    margin: 0px 0px 0px 6px;
    padding: 0px;
}

.lwcoff {
    background-color: #f9f4e4;
    color: #191919;
    font-family: Arial, helvetica, sans-serif;
    font-size: 9pt;
    cursor: pointer;
    cursor: hand;
}

.lwcon {
    background-color: #2ebcea;
    color: #ffffff;
    font-family: Arial, helvetica, sans-serif;
    font-size: 9pt;
    cursor: pointer;
    cursor: hand;
}

.lwp1 {
    position: absolute;
    top: 0px;
    right: -3px;
    width: 274px;
    height: 264px;
    padding-bottom: 2px;
    background-image: url(/images/explore/ls_widget_backdrop1.gif);
    background-color: #2ebcea;
}

.lwp2 {
    position: absolute;
    top: 7px;
    left: 4px;
    width: 261px;
    height: 253px;
    background-color: #ffffff;
    z-index: 9;
}

.lwp2controls {
    position: absolute;
    height: 35px;
    width: 261px;
    bottom: -1px;
    left: 0px;
    background-color: #f9f4e4;
    border-top: 1px solid #a7a393;
    text-align: left;
    font-family: arial, helvetica, sans-serif;
    font-size: 8pt;
    color: #191919;
}

.widgettextbox {
    top: -8px;
    position: absolute;
    width: 152px;
    margin: 0px;
    padding: 0px;
}

.lwp2controls p {
    margin: 9px 0px 0px 4px;
}

#pageno {
    position: absolute;
    top: 9px;
    right: 65px;
    font-weight: bold;
}

#lwarrows {
    position: absolute;
    top: 6px;
    right: 4px;
}


/*=========================================================================
 * Shadowed Image
 *=========================================================================*/

/* Use as follows:
 *
 * <div class="imgShadowed"><div><img ...></div></div>
 
 this is being phased out, now using .slickshadow
 */
 
.imgShadowed {
	background: url(/images/shadow/shadow.gif) no-repeat right bottom;
	float: left;
}

.imgShadowed div {
	background: none;
	background: url(/images/shadow/mask.png) no-repeat left top !important;
	background: url(/images/shadow/mask.gif) no-repeat left top;
	padding: 0px 5px 5px 0px;
}

div.imgShadowed img {
    display: block;
	background-color: #FFFFFF;
	border-right: 1px solid white;
	border-bottom: 1px solid white;
}

/* Div shadowed */
/* Use as follows:
 *
 * <div class="divShadowed"><div class="insideShadow"><div ...></div></div></div>
 */

.divShadowed {
    float: left;
    position: relative;
	background: url(/images/shadow/shadow.gif) no-repeat right bottom;
}

.divShadowed  div.insideShadow {
    position: relative;
 	background: none;
	background: url(/images/shadow/mask.png) no-repeat left top !important;
	background: url(/images/shadow/mask.gif) no-repeat left top;
	padding: 0px 5px 5px 0px;
}

.divShadowed div.insideShadow div {
    display: block;
}


/* clearing */
.clear {
    clear: both;
}/* --------- /stylesheets/slick-drop.css --------- */ 
div#slick-drop {
  position: absolute;
  left: 10px;
  top: 61px;
  z-index: 10000;
  width: 700px;
}

div#slick-drop li
{
  margin:0;
  padding:0;
  position: relative;
}

div#slick-drop ul
{
  list-style-type:none;
  margin:0;
  padding:0;
}

/* ---------- TOP LEVEL ---------- */

div#slick-drop ul
{

}

div#slick-drop ul li
{
  float:left;
  position:relative;
  margin-right:5px;
  padding:5px 10px 5px 10px;
  border:1px solid #fff;
  background:#fff;
  height:15px;
  position:relative;
  top:0px;
}

div#slick-drop ul li .menu-item
{
  font-weight:bold;
  padding-left:0 !important;
}

div#slick-drop ul li.has-arrow .menu-item
{
  padding-left:20px !important;
}

div#slick-drop ul li a
{
  /* applies to sub and main */
  font-size:12px;
  font-weight:bold;
  color:#535143;
  text-decoration:none;

  /* padding-left:0 !important;  gets overriden with javascript */
}

div#slick-drop ul li.arrow a
{
  padding-left:10px !important;
}

div#slick-drop ul li.has-arrow:hover,
div#slick-drop ul li.has-arrow.hover,
div#slick-drop ul li.has-arrow.active
{
  background:#fff;
  border:1px solid #d2e2ae;
  height:17px;
  position:relative;
  top:1px;
  padding-bottom:6px;
  padding-top:4px;
}

div#slick-drop ul li.has-arrow.menu_item_hover
{
  background:green;
}

div#slick-drop ul li.active
{
  border-bottom:1px solid #fff !important;
}



div#slick-drop ul li .menu-item
{ 
  padding-left:20px;
  position:relative;
  top:0;
  z-index:5;
}

div#slick-drop ul li.selected {
/*	background-color: #535143;
*/	border-top: 1px solid #d2e2ae;
	border-right: 1px solid #d2e2ae;
	border-left: 1px solid #d2e2ae;
	height: 18px;
	background-color: #fff;
}

div#slick-drop ul li .menu-item:hover
{  
  color:#fd7820;
}

div#slick-drop ul li div.menu-arrow
{  
  cursor:pointer;
  z-index:10;
  width:20px;
  height:20px;
  background-image:url(/images/slick-drop/menu-arrow.gif);
  background-repeat:no-repeat;
  background-position:5px 2px;
  float:left;
  margin-right:5px;
  
  position:absolute;
  left:5px;

  display:none; /* this gets overriden if javascript is enabled */
}

div#slick-drop ul li div.show 
{
  display:block; /* used to override hidden menu-arrow style with js */
}

div#slick-drop ul li div.menu-arrow:hover,
div#slick-drop ul li.selected div.menu-arrow:hover,
div#slick-drop ul li div.menu-arrow.hover,
div#slick-drop ul li.selected div.menu-arrow.hover {
  background-color:#fd7820;
  background-image:url(/images/slick-drop/menu-arrow-white.gif);
  background-position:5px 7px;
  display:block;
  position:absolute;
  
}

div#slick-drop ul li.selected div.menu-arrow:hover
{
  background-position:5px 7px;
}

div#slick-drop ul li.selected.active div.menu-arrow
{
  background-image:none !important;
}

div#slick-drop ul li.selected.active div.menu-arrow:hover
{
  background-image:url(/images/slick-drop/menu-arrow-white.gif) !important;
}

div#slick-drop ul li.active div.menu-arrow
{
  background-image:none;
  background-color:#fd7820;
  height:28px;
}

div#slick-drop ul li.active div.menu-arrow:hover
{
  background-image:url(/images/slick-drop/menu-arrow-white.gif);
  
}

/* selected item */
div#slick-drop ul li.selected a.menu-item:link,
div#slick-drop ul li.selected a.menu-item:visited
{
/*  color: #fff; */
}

div#slick-drop ul li.selected div.menu-arrow
{
  background-image:url(/images/slick-drop/menu-arrow-selected.gif);
  background-position: 2px 0;
}


/* ---------- SUB LEVEL ---------- */

div#slick-drop ul li ul.submenu
{
  display:none;
  position:absolute;
  top:28px;
  left:-1px;
  border:1px solid #d2e2ae;
  border-top:none;
  background:#fff;
  
  background-image:url(/images/slick-drop/stripe.gif);
  background-repeat:repeat-y;
  background-position:5px 0;
}


div#slick-drop ul li ul.submenu li
{
  float:none; /* this is important b/c of ie background color bug */
  background:none;
  margin:0;
  padding:0;
  width:170px;  
  border:none;
  position:relative;
  top:0;
  
  height:20px;
}

div#slick-drop ul li ul.submenu li.separate
{
  background-image:url(/images/slick-drop/separator.gif);
  background-repeat:no-repeat;
  background-position:30px 6px;
  height:10px;
}

.ie div#slick-drop ul li ul.submenu li.separate
{
  background-position:30px 4px;

}

div#slick-drop ul li ul.submenu li a
{
  padding:5px 5px 5px 30px;
  display:block;  
  font-weight:normal;
}

.ie div#slick-drop ul li ul.submenu li a
{
  line-height:10px;
}

div#slick-drop ul li ul.submenu li a:hover
{
  color:#fd7820;
  background-image:url(/images/slick-drop/menu-arrow-hover.gif);
  background-repeat:no-repeat;
  background-position:13px 6px;
}

div#slick-drop ul li ul.submenu li.last
{
  background-color:#fff;
  height:5px;
  margin:0; padding:0;
}


.ie div#slick-drop ul li ul.submenu li.last
{
  margin-bottom:-3px;
}

div#slick-drop ul li ul.submenu.active
{
  display:block;
}

/* ---------- OVERRIDES FOR LOGGED-IN MENU ITEMS & HOME LINK ---------- */

div#slick-drop #nav-home {
    border: 0 !important;
    padding-top: 6px;
}

div#slick-drop .menu-logged-in a.menu-item:link,
div#slick-drop .menu-logged-in a.menu-item:visited {
	color: #a7c275 !important;
}
div#slick-drop .menu-logged-in a.menu-item:hover,
div#slick-drop .menu-logged-in a.menu-item:active {
	color: #8da463 !important;
}
.menu-logged-in li a:hover,
.menu-logged-in li a:active {
	color: #8da463 !important;
}

div#slick-drop .menu-logged-in ul.submenu {
	background-image: url(/images/slick-drop/stripe-logged-in.gif) !important;
}

div#slick-drop .menu-logged-in div.menu-arrow {
	  background-image: url(/images/slick-drop/menu-arrow-logged-in.gif);
}

div#slick-drop li.active .menu-logged-in div.menu-arrow,
div#slick-drop li .menu-logged-in  div.menu-arrow:hover,
div#slick-drop li.selected .menu-logged-in div.menu-arrow:hover,
div#slick-drop li .menu-logged-in div.menu-arrow.hover,
div#slick-drop li.selected .menu-logged-in div.menu-arrow.hover {
	background-color: #a7c275;
}
div#slick-drop ul li.selected .menu-logged-in div.menu-arrow {
	background-image: url(/images/slick-drop/menu-arrow-selected-logged-in.gif);
}













/* --------- /stylesheets/date-picker.css --------- */ 
/* 
  datepicker styles
  David Lee 2005
  all parts user servicable
*/
.date_picker {
  /* comment out this line to show by default: */
  display: none;
  /* comment out this line to prevent calendar 'floating' over page: */
  position: absolute;
  background-color:white;
  padding: 3px;
  border: 1px solid silver;
  z-index:1000;
}

.date_picker table {
  border:        0px solid silver;
  border-top:    0px solid silver;
  border-bottom: 0px solid silver;
  font-family: Arial, sans-serif;
}
.date_picker th {
  font-size: 11px;
  color: #333;
  text-align: center;
}

.date_picker .day_labels th {
  color: #00adef;
  font-size: 11px;
  font-weight: normal;
}

.date_picker td {
  width: 18px;
  background-color: #eff9ff;
  font-size: 10px;
  text-align: right;
}

.date_picker td:hover {
  background-color: white;
  cursor: pointer;
}

.date_picker a {
  text-decoration: none;
  border-bottom: 1px dotted silver;
  color: #333;
}

.date_picker .cancel_butt { text-align: right; padding-right: 5px; }
.date_picker .cancel_butt a {
  font-size: 9px;
  color: gray;
  font-family: verdana, sans-serif;
  text-decoration: none
}
.date_picker .cancel_butt a:hover {
  background-color: gray;
  color: white;
}