/* --------- /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.
 *
 * (c) 2006-2007 Blurb Inc.
 */

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

a {
    cursor: pointer;
}

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

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


.hashed{background-image:url(/images/backgrounds/patternWhite_light.gif) !important;}


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

body {
    position: relative;
    margin: 0px;
    padding: 0px;
    text-align: left !important;
    background-color: #5a000a;
    background-image: url(/images/back.jpg);
    color: white;
}

img {
    border: 0px;
}


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

#contentPane {
    position: relative;
    width: 940px;
    height: auto;
    margin-left: 10px !important;
}


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

#welcomeUser {
    position: absolute;
    top: 10px;
    right: 10px;
}

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

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

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

#contentMainWrap {
    background: #fff;
}

.ie7 #contentMainWrap {
    overflow: hidden; /* IE background fix */
}

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

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

#alert {

   position:fixed;
   top: 0;
   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 {
    background: #fff;
    position: relative;
    height: 95px;
    width: 914px;
    z-index: 1000;
    border-bottom: 1px solid #d2e2ae;
}

#headerCurl {
    position: absolute;
    right: 0;
    height: 95px;
    border-bottom: 1px solid #d2e2ae;
}

#headerCurl img {
    display: block;
}

#headerCurl .curlFill {
    height: 75px;
    width: 26px;
    background: #fff;
}

* 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;
}


#logo {
    position: absolute;
    left: 10px;
    top: 10px;
}

#partnerLogo {
    position: absolute;
    right: 180px;
    bottom: 20px;
}


/*============================================================================================
  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;
}

#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:22px;
  left:22px;
}

/*===================================================================================================
 * 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  {color:#535143 !important; 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.step1,
 ol.bigsteps li.step2,
 ol.bigsteps li.step3{background-repeat:no-repeat; background-position:20px 16px;}
 ol.bigsteps li.step1{background-image:url(/images/home3/step1.gif);}
 ol.bigsteps li.step2{background-image:url(/images/home3/step2.gif);}
 ol.bigsteps li.step3{background-image:url(/images/home3/step3.gif);}
 ol.bigsteps a:link {}


 /* MTW OLD big steps to do A/B testing with old steps*/
 #canvas ol.bigsteps-old{ position:absolute; bottom:40px; right:18px;}
.fr  #canvas ol.bigsteps-old{ position:absolute; bottom:20px; right:18px;}
 ol.bigsteps-old{list-style-type:none; margin:0; padding:0;}
 .safari ol.bigsteps-old,
 .gecko ol.bigsteps-old{bottom:15px;}
 .linkstyle{color:#fd7820;}
 .linkstyle:hover{text-decoration:underline;}
 ol.bigsteps-old li a {color:#535143 !important; font-weight:bold; font-size:13px; display:block; background:#fff; margin:0 0 10px 0; width:220px; padding:15px 20px 15px 60px;}
 ol.bigsteps-old li a:hover {text-decoration:none;}
 ol.bigsteps-old li a.step1,
 ol.bigsteps-old li a.step2,
 ol.bigsteps-old li a.step3
 {background-repeat:no-repeat; background-position:20px 16px;}
 ol.bigsteps-old li a.step1{background-image:url(/images/home3/step1.gif);}
 ol.bigsteps-old li a.step2{background-image:url(/images/home3/step2.gif);}
 ol.bigsteps-old 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:absolute;
   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: 10px;
    top: 0px;
    width: 940px;
    padding: 2px 0 3px 0;
}

#bottomPaneNavigation {
    width: 100%;
}

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

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

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

#bottomPaneSocial {
	margin-top: 2px;
    margin-right: 10px;
	margin-left: 5px;
    padding: 3px;
}

#bottomPaneSocial img {
vertical-align: -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;}
.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;}


/* new-style back link */
.back-link {
	height: 20px;
	background-color: #00adef;
	margin-bottom: 15px;
}
.back-link a span {
	display: block;
	background: transparent url(/images/back-link-bg.gif) 100% 0 no-repeat;
}

.back-link a:link,
.back-link a:visited {
	display: block;
	background: transparent url(/images/back-link-bg.gif) 0 0 no-repeat;
	color: #efefef;
	height: 20px;
	line-height: 20px;
	font-weight: bold;
}
.back-link a:hover,
.back-link a:active {
	text-decoration: none;
	color: #fff;
}


/* new promo area */
#promo {
	height: 25px;
	line-height: 25px !important;
	background: #fafeff url(/images/gifts/giftcenter_promo_bg.jpg) 0 0 repeat-x;
	color: #333;
	font-size: 12px;
	font-family: Georgia, Times, Serif;
	text-align: center;
}
#promo div {
	width: 960px;
	margin: 0 auto;
}
#promo img {
	vertical-align: bottom;
}
.ie #promo img {
	vertical-align: middle;
}

/* allow for PNG transparency in IE */
.png { behavior: url(/javascripts/iepngfix.htc) } /* IE hack for PNG transparency*/


/* make a book buttons */
#bottom_buttons .slickshadow {
	float: left;
	width: 233px;
	height: 62px;
}
#bottom_buttons .or {
	display: block;
	float: left;
	margin: 25px 5px;
}
#bottom_buttons a.booksmart {
    display: block;
    width: 233px;
    height: 62px;
    background: transparent url(/images/download_booksmart_233px.png) top right no-repeat;
    text-indent: -9999px;
}
#bottom_buttons a.booksmart:hover {
    background-position: bottom left;
}

#bottom_buttons a.pdf {
    display: block;
    width: 233px;
    height: 62px;
    background: transparent url(/images/use_your_own_233px.png) top right no-repeat;
    text-indent: -9999px;
}
#bottom_buttons a.pdf:hover {
    background-position: bottom left;
}
#bottom_buttons .txt {
	clear: left;
	width: 225px;
	padding: 5px 0 0 5px;
}


/* flat rate shipping overlay */
.overlay_content_flat_rate_shipping {
	width: 510px;
}
.overlay_content_flat_rate_shipping div {
	background: #fff url(/images/flat_rate_popup.png) 0 0 no-repeat;
	padding-left: 150px;
}
.overlay_content_flat_rate_shipping p {
	padding-bottom: 10px;
}


#not_translated {height:175px; width:450px;}
#not_translated #content {height: 70%; margin-left:50px;}
#not_translated #content #langugage_to_from {font-size:30px; color:#00AEDF;}
#not_translated #content #langugage_to_from img {vertical-align:middle; margin:8px;}
#not_translated #content #description {margin-bottom:10px;}
#not_translated #separator {width:100%; border-top:1px solid; margin-bottom:20px;}
#not_translated #confirm_buttons div {float:right;}
#not_translated #confirm_buttons div.slickbutton {width:150px; margin-left:10px;}
#not_translated #confirm_buttons div#cancel {margin-top:4px;}

#not_translated #confirm_buttons div#confirm_buttons_center { float:middle; }

#not_translated #confirm_buttons div #change_language_yes { float:left; }
#not_translated #confirm_buttons div #change_language_no { float:right; }

#shared-standard-email-form {width:300px;}
#shared-standard-email-form #email-form-wrapper label {display:block; float:left;}
#shared-standard-email-form #email-form-wrapper textarea,
#shared-standard-email-form #email-form-wrapper .textfield {width:250px;}
#shared-standard-email-form #email-form-wrapper #error-messages {color:#CC0000;}
#shared-standard-email-form #email-form-wrapper #to-label.label {display:inline; float:left;}
#shared-standard-email-form #email-form-wrapper #to-description {color:#a29c83; margin-left:17px;}
#shared-standard-email-form #email-form-wrapper #max-email-warning {color:#666666; font-size:10px;}
#shared-standard-email-form #email-form-wrapper #to {height:80px; width:250px;}
#shared-standard-email-form #email-form-wrapper #message-wrapper {margin-bottom:7px;}
#shared-standard-email-form #email-form-wrapper #message-wrapper #message {height:80px; width:250px;}
#shared-standard-email-form #email-form-wrapper #disclaimer-notice {font-weight:bold; margin:5px 0;}
#shared-standard-email-form #email-form-wrapper #bottom {float:right; background:url(/images/backgrounds/patternGreen.png); padding:7px 0; width:100%;}
#shared-standard-email-form #email-form-wrapper #bottom #send {float:right; margin:0 10px; width:85px;}
#shared-standard-email-form #email-form-wrapper #bottom #cancel {float:right;}
#shared-standard-email-form #email-done #success-message {margin-bottom:20px;}

/* staff_badges */
a img.staff_badge {
	position: absolute;
	bottom: 0 !important;
	left: 0;
}

/*************************
 * Tabs
 *************************/

.tabs ul {list-style-type:none; float:left; margin:0; padding:0 20px 0 0; }
.tabs ul li{width:80px; float:left; margin:0; padding:0;}
.tabs ul li a{ height:22px; padding:7px 10px 3px; display:block; outline:0px; color:#a29c83; border-right:1px solid #B2AC95; border-top:1px solid #F0ECD7; border-left:1px solid #F0ECD7; background:#f9f4e4;}
.tabs ul li a:hover{ color:#fd7820;}
.tabs ul li.selected a{ height:24px; margin-top:-2px; position:relative; top:1px; cursor:default; color:#00adef; background-color:#fff;}
.tabs ul li.selected a:hover{text-decoration:none;}


/* super footer */

#superfooter { float: left; padding-top: 100px;  }
#superfooter a{ color:#535143; }
#superfooter a:hover{ color:#fd7820; }
#superfooter ul{ font-size:11px; margin:0; margin-bottom:20px; list-style-type:none; }
#superfooter ul li.supertop{width:180px; float:left;}
#superfooter ul li.supertop.wide{width:195px; }
#superfooter ul li.supertop.last{width:190px; }
#superfooter ul li.heading{ border-bottom:1px solid #d2e2ae; margin-bottom:5px !important; padding-bottom:5px; }
#superfooter ul li.heading a{ font-weight:bold;}
#superfooter ul li ul.supersub{ list-style-type:none; margin:5px 0 0 0; padding:5px 0 0 0; }
#superfooter ul li ul.supersub li{ padding-left:41px; margin-bottom:1px; }

#superfooter ul li ul.supersub li.separate{ height:1px; border-bottom:1px dotted #d2e2ae; }
/* --------- /stylesheets/widescreenFonts.css --------- */ 
/*
 * (c) 2006-2007 Blurb, Inc. 
 * Style definitions covering font and page elements.
 */

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

h1 {
	font-weight: normal;
	width: 740px;
	overflow:hidden;
	color: #00adef;
	font-size: 30px;
	line-height: 34px;
	height: 35px;
	margin-top: 12px;
	
}

#headerArea h1 {
	position: absolute;
	left: 90px;
	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: 0px;
	background-color: #a7c375;
	display: block;
	font-size: 13px;
	color: white;
	padding-top: 3px;
	padding-bottom: 2px;
	padding-left: 10px;
	padding-right: 0px;
	font-weight: bold;
	text-transform: uppercase;
	position: relative;
	height: 15px;
}

h3.first, h3:first-child {
	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;
	border-collapse: collapse;
}

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;
}

#bottomPaneSocial {
	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.compact-book-wrapper {float:left; width:24%;}
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;
	height: 30px;
}

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

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

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

div#simplePaginator .next,
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;
}

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

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

.itemsTable th {
	color: #a0a0a0;
}

.itemsTable td {
  vertical-align: text-top;
  padding-right: 10px;
}

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

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

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

.itemsTable .price {
/*  width: 15%;*/
  white-space: nowrap;	
	text-align: right;
	padding-right: 0;
}

.itemsTable .dimension {
	text-align: left;
  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;
    float: left !important;
    padding: 0px;
    border: 0px;
    padding-top: -1px;
    text-align: left;
    background-image: url(/images/backgrounds/patternWhite.png);
}

#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);
}
#sideBarModule .sideBarItemContainer h3 {
    margin: 0 !important;
    width: auto !important;
}

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



#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 {
    text-transform: uppercase;    
    color: white;
    background: #a7c275;
    font-size: 12px;
    line-height: 15px;
    font-weight: bold;
    border-bottom: 1px dotted white;
    padding: 3px 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: 2px 10px;
    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 #999;
    position:relative;
}

.slicksearch input.textfield {
    border: none;
    width: 142px;
    float: left;
    font-size: 11px;
    height: 14px;
    margin: 0;
    color: #333;
    background: #fff;
}

.slicksearch input.submit {
    float: right;
    cursor: pointer;
    border: 1px solid #fff;
    width: 20px;
    height: 20px;
    color: #00adef;
    background: #999 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: #999;
    font-weight: normal;
    position: absolute;
    top: 3px;
    left: 5px;
    cursor: text;
}

/*====================================================================================
Currency
====================================================================================*/
.add_to_cart_currencies {
    display: block;
}

.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;
}

.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;
	position: relative;

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

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

#dialog #dialog_title a.close {
	background-color: #FFFFFF;
	color: #A7C275;
	text-align: center;
	display: block;
	position: absolute;
	font-weight: bold;
	right: 10px;
	top: 6px;
	height: 17px;
	width: 17px;
}

#dialog #dialog_title a.close:hover {
	color: #FD7820;
	text-decoration: none;
}

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

.ie #dialog #dialog_title
{
  display: block !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;
}

#widget-badge #exception-body {border-top:1px dotted; padding-top:10px;}
#widget-badge h2 { font:15px/18px Arial,Helvetica,sans-serif; width:80%; }

#widget-update .tabs ul li { width:103px; }
#widget-update .tabs ul li a { color:#FD7820; text-decoration:none; }
#widget-update .tabs ul li a div span { position: relative; top: -3px; margin-left: 4px; }
#widget-update .tabs ul li a:hover span { text-decoration:underline; }
#widget-update .tabs ul li.selected a { color:#00ADEF; }
#email_tab { margin-right: 40px; }

#share_wrapper { width:900px; }
#share_wrapper h2,
#share_wrapper h3 { color:#00ADEF; margin-bottom:0; }
#share_wrapper h3 { background-color:white; font-weight:normal; margin:0; padding:0; text-transform:none; }
#share_wrapper .share_description,
#share_wrapper .share_preview { float:left; padding:10px; width:47%; }
#share_wrapper .share_preview .sharing_sample { background-color:#EDF7F9; border:2px dotted lightgray; padding:10px; }
#share_by_ipad_wrapper { padding:20px; width:70%; }

/************************** share by email *************************************/
#share_by_email_wrapper .share_description #book_link {margin-bottom:15px;}
#share_by_email_wrapper #announce_email_form_wrapper #standard_announce_mail { width:370px; }
#share_by_email_wrapper .share_description #email_sent { background-color:#00ADEF; color:white; font-size:18px; font-weight:bold; margin:5px 0; padding:15px; width:91%; }

/************************** share by facebook/twitter **************************/
#share_by_facebook_wrapper .share_description .slickbutton,
#share_by_twitter_wrapper .share_description .slickbutton { width:150px; }
#share_by_facebook_wrapper .share_description #post_to_fan_page,
#share_by_twitter_wrapper .share_description #what_is_twitter { margin-top:10px; }
#share_by_facebook_wrapper .share_preview .sharing_sample #facebook_image { height:264px; }
#share_by_facebook_wrapper .share_preview .sharing_sample #facebook_image img { position:absolute; }
#share_by_facebook_wrapper .share_preview .sharing_sample #facebook_image .sample { position:relative; left:13px; top:160px; height:96px; width:372px; }
#share_by_facebook_wrapper .share_preview .sharing_sample #facebook_image .sample img { width:90px; }
#share_by_facebook_wrapper .share_preview .sharing_sample #facebook_image .sample .book_description { float:right; font-size:10px; width:275px; }
#share_by_facebook_wrapper .share_preview .sharing_sample #facebook_image .sample .book_description .title { color:#3B5998; margin:8px 0; }
#share_by_twitter_wrapper .share_preview .sharing_sample #twitter_image { height:264px; }
#share_by_twitter_wrapper .share_preview .sharing_sample #twitter_image img { position:absolute; }
#share_by_twitter_wrapper .share_preview .sharing_sample #twitter_image .sample { font-size:13px; position:relative; left:17px; top:123px; height:70px; width:262px; }
#share_by_twitter_wrapper .share_preview .sharing_sample #twitter_image .sample span.link { color:#2276BB; margin-left:2px; }
#share_by_twitter_wrapper .share_preview .sharing_sample #twitter_image .sample span.posted { font-size:8px; }
#facebook_fan_page_wrapper #dialog_title { color:#00ADEF; background-color:white; }
#facebook_fan_page_wrapper #dialog_title a.close { background: url(/images/icons/close_popup_x.png) repeat scroll 0 0 transparent; height:20px; width:20px; text-indent:-9999px; }
#facebook_fan_page_wrapper #dialog_content { padding:10px 20px; }
#facebook_fan_page_wrapper #dialog_content .share_description,
#facebook_fan_page_wrapper #dialog_content .share_preview { float:left; padding:10px; width:400px; }
#facebook_fan_page_wrapper #dialog_content .share_description .steps { display:block; margin-bottom:10px; }
#facebook_fan_page_wrapper #dialog_content .share_description p { margin-top:10px; }

/************************** share by blogger/wordpress/embed *******************/
#share_wrapper .share_description .embed_code_ta { width:335px; }
#share_wrapper .embed_code_wrapper { border-bottom:2px dotted lightgray; padding-bottom:10px; }
#share_wrapper .embed_code_wrapper div { font-size:11px; }
#share_wrapper .customize_embed_widget { margin-top:10px; }
#share_wrapper .customize_embed_widget .color_panel_selection .color_combo { display:block; float:left; margin:13px; width:46px; height:23px; }
#share_wrapper .customize_embed_widget .color_panel_selection #blank { background: url(/images/embed_selection-vfl81006.png) repeat scroll -46px 0 transparent }
#share_wrapper .customize_embed_widget .color_panel_selection #dark { background: url(/images/embed_selection-vfl81006.png) repeat scroll -138px 0 transparent }
#share_wrapper .customize_embed_widget .color_panel_selection #dark_blue { background: url(/images/embed_selection-vfl81006.png) repeat scroll 0 0 transparent }
#share_wrapper .customize_embed_widget .color_panel_selection #blue { background: url(/images/embed_selection-vfl81006.png) repeat scroll -92px 0 transparent }
#share_wrapper .customize_embed_widget .color_panel_selection #green { background: url(/images/embed_selection-vfl81006.png) repeat scroll -184px 0 transparent }
#share_wrapper .customize_embed_widget .color_panel_selection #orange { background: url(/images/embed_selection-vfl81006.png) repeat scroll -230px 0 transparent }
#share_wrapper .customize_embed_widget .color_panel_selection #pink { background: url(/images/embed_selection-vfl81006.png) repeat scroll -276px 0 transparent }
#share_wrapper .customize_embed_widget .color_panel_selection #purple { background: url(/images/embed_selection-vfl81006.png) repeat scroll -322px 0 transparent }
#share_wrapper .customize_embed_widget .color_panel_selection #red { background: url(/images/embed_selection-vfl81006.png) repeat scroll -368px 0 transparent }
#share_wrapper .customize_embed_widget .color_panel_selection #transparent { background: url(/images/embed_selection-vfl81006.png) repeat scroll 0 0 transparent }

/*#share_wrapper .customize_embed_widget .widget-customize-size{display:block; float:left;
margin:13px;}
#share_wrapper .customize_embed_widget .widget-customize-size div{display:block;float:left;background-color:black;
margin:13px;
height:13px;
width: 40px;}*/
/**********************customize size widget***************************************/
.widget-customize-size-panel .widget-customize-size {
color:#999999;
float:left;
padding:1px;
text-align:center;
text-decoration:none;
}

.widget-customize-size {
border:1px solid #FFFFFF;
cursor:pointer;
display:block;
float:left;
margin:2px;
}

/*#widget-customize-560x340{
width:61px;
}
#widget-customize-640x385{
width:68px;
}
#widget-customize-853x505{
width:76px;
}
#widget-customize-1280x745{
width:87px;
}*/

.widget-customize-size-box {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#DDDDDD none repeat scroll 0 0;
border:1px solid #999999;
}

.widget-customize-size-panel .selected .widget-customize-size-box {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#D8E6FB none repeat scroll 0 0;
border:1px solid #A0B3D9;
}

#widget-customize-size-box-540x340 {
height:27px;
width:49px;
}
#widget-customize-size-box-640x385{
height:31px;
width:56px;
}

#widget-customize-size-box-853x505{
height:35px;
width:64px;
}

#widget-customize-size-box-1280x745{
height:42px;
width:75px;
}


.widget-customize-size-panel .widget-customize-size-box {
margin-left:5px;
}

/*************************************************************/

#share_wrapper > div {
    display: none;
}

#share_wrapper #share_by_facebook_wrapper {
    display: block;
}/* --------- /stylesheets/slick-drop.css --------- */ 
div#slick-drop {
  position: absolute;
  left: 80px;
  top: 66px;
  z-index: 10000;
  width: 900px;
}

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;
  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;
}

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

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

}

div#slick-drop ul li ul.submenu li a
{
  padding: 2px 5px 2px 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;
}
/* --------- /stylesheets/pagination.css --------- */ 
.pagination {
  background: white;
  margin: 10px 0;
  /* self-clearing method: */ }
.pagination a, .pagination span {
  padding: .2em .5em;
  display: block;
  float: left;
  margin-right: 1px; }
.pagination span.disabled {
  color: #999;
  border: 1px solid #DDD; }
.pagination span.current {
  font-weight: bold;
  background: #00ADEF;
  color: white;
  border: 1px solid #00ADEF; }
.pagination a {
  text-decoration: none;
  color: #FD7820;
  border: 1px solid #A29C83; }
.pagination a:hover, .pagination a:focus {
    color: white;
    border-color: #FD7820;
    background-color: #FD7820; }
/* .page_info rules go here, we're just using default text styles for now */
.pagination:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }
* html .pagination {
  height: 1%; }
*:first-child+html .pagination {
  overflow: hidden; }