/* -------------------------------------------------------------------------- */
/* -- Top promotion: switcher box ------------------------------------------- */
/* -------------------------------------------------------------------------- */


div.promo_top_floater{
	position: relative;
  margin: 12px 0px 0px 0px;
}

div.promo_switcher{
  width: 944px;	
 	height: 32px;
	margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;	
	overflow: hidden;
	z-index: 500;
	position: absolute;
	top: 0px;
	left: 0px;
}

div.switcher-lining{
	padding: 0px 5px 0px 5px;
}

span#close-x{
	height: 32px;
	margin-top: 16px;
}






/* -------------------------------------------------------------------------- */
/* -- simple Horiz menu       ----------------------------------------------- */
/* -------------------------------------------------------------------------- */

ul.simple-horiz-menu{
  height:30px;
	width: 250px;
	z-index: 600;
  margin: 0;
	padding: 0;
	border: solid 0px #000;
	
}

ul.simple-horiz-menu li{
  float: left;
	font-size: 11px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	line-height: 30px;
  padding : 0px 6px;
	color: #999;
}

ul.simple-horiz-menu li a{
	color:   #fff;
	text-decoration: underline;
}

ul.simple-horiz-menu li a:visited,  ul.simple-horiz-menu li a:active,ul.simple-horiz-menu li a:link {
	color:  #0090DB;
}

ul.simple-horiz-menu li a:hover{
 color: #0090DB;
 text-decoration: none;
}

ul.simple-horiz-menu li.selected a{
	color: #aaa;
	text-decoration:underline;
}

/* -------------------------------------------------------------------------- */
/* -- toggler  -------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */

div.position-toggler{
  width: 480px;
  margin: 0px 0px 0px 0px;
	float: right;
}


/* -------------------------------------------------------------------------- */
/* -- Cycling headlines  ---------------------------------------------------- */
/* -------------------------------------------------------------------------- */

div#top_headlines{
	width: 450px;
	height: 32px;
	border: solid 0px #000;
	margin: 0px 0px 0px 0px;
	
	line-height: 32px; 
  text-align: right;
  display: none;
}

div#top_headlines span{
	width: 440px;
  text-align: right;
}



/* -------------------------------------------------------------------------- */
/* -- Top promotion: Promo -------------------------------------------------- */
/* -------------------------------------------------------------------------- */

div.promo-window{
  height: 32px;
	width: 944px;
	overflow: hidden;
}

div.promo-slider{
	width: 1888px;
	height: 279px;
	float: left;
	padding: 0px 0px 0px 0px;
}

div.promo{
	background: #DDD url('/images/landing_video.png') no-repeat scroll 0px 0px;
	margin: 0px 0px;
	width: 944px;
	height: 279px;
	float:left;
}

div.promo_1{
	background: #DDD url('/images/landing_video.png') no-repeat scroll 0px 0px;
}

div.promo_2{
	background: #DDD url('/images/landing_mylibrary.jpg') no-repeat scroll 0px 0px;
}

.promo-content{
  float: left;
  width: 944px;
  height: 279px;
}


.promo h1{
 font-weight: bold;
 margin: 20px 0 14px;
 font-size: 38px;
}


div.promo h5{
  color: #000066;
}

div.promo h5.explanation{
	color: #000066;
	height: 140px;
	overflow: hidden;
	line-height: 1.4em;
; clip:    rect(   )
}

div.promo h5.brown{
	color: #5e2408;
	height: 74px;
	overflow: hidden;
	line-height: 1.4em;
	margin-left: 42px;
}

div.promo h1.white {
	color: #FFFFFF;
	margin-top: 153px;
	margin-left: 40px;
	margin-bottom: 12px;
}


div.promo div.promo-content div.col-1{
	width: 500px;
	height: 279px;
	float: left;
	margin: 0px 16px 0px 12px;
	padding: 0px 0px 0px 0px;
}

div.promo div.promo-content div.col-2{
  width: 500px;
  height: 279px;
  float: left;
  padding: 0px 0px 0px 0px;
}

div.promo #click_me{
	margin: 200px 10px 0px 0px;
	text-align: right;
	color: #999;

}

div.promo #pitch{
	margin-right: 60px;
}

div.promo #library{
	margin-right: 0px;
}

div.promo ul.horizontal-list li{
  margin: 0px 0.5em 0px 0px;
}
div.promo ul.horizontal-list li a { cursor: pointer; }




/* -------------------------------------------------------------------------- */
/* -- The Shelf  container and background boxes  ---------------------------- */
/* -------------------------------------------------------------------------- */

div.shelf-container{
  position: relative;
}


div.shelf-first-line
{
   width: 944px;
	 height: 170px;
   background: transparent url(/images/shelfTop.png) repeat 0px 0px;
}

div.shelf-remaining-lines
{
   width: 944px;
	 height: 170px;
   background: transparent url(/images/shelf.png) repeat 0px 0px;
}


/* -------------------------------------------------------------------------- */
/* -- The Shelf   ----------------------------------------------------------- */
/* -------------------------------------------------------------------------- */

  /* has relative because of next buttton*/
 div.the_shelf_box
  {
    width: 944px;
    height: 340px;
    position: absolute;
		top: 0px;
		left: 0px;
    overflow: hidden;
  }

  /*
  * overflow to help clear the float in ie (http://www.quirksmode.org/css/clearing.html) 
  * width not 100 to avoid scrollbars
  */
  div.the_shelf_box div.shelf-content
  {
    margin: 0px 0px 0px 12px;
    padding: 0px; 
  	width: 98%;
    overflow: hidden;
		clear: both;
  }

  /*reset bp noise*/
  div.the_shelf_box table, div.the_shelf_box table td{
		width: auto;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}	 

  /*our main man */
  div.the_shelf_box table.wrapper
  {
    float: left;
    height: 170px;
    position: relative;
    border-collapse: collapse;

		/* new animation stuff */
	  opacity: 0.0; 
    /*filter: alpha(opacity=000);*/
		
  }

  div.the_shelf_box table.wrapper td
  {
    height: 170px;
    vertical-align: bottom;
    padding: 0px 7px 0px 0px;
  }

  /* puts a shadow to the right of cover-image*/
  div.the_shelf_box div.shadow
  {
    padding-right: 15px;
    background: transparent url('/images/shadow.png') no-repeat top right;
    position: relative;
    bottom: 4px;
  }

  /* crops 3d effect to fit image*/
  div.the_shelf_box div.cropper
  {
    overflow: hidden;
    position: relative;
		/*border: solid 3px transparent;*/
		/*margin: -3px -3px -3px -3px;*/
  }
  

  div.the_shelf_box img.threedee
  {
    position: absolute;
    left: 0px;
    top: 0px;
  }
  
  div.the_shelf_box img.newLabel
  {
    position: absolute;
    left: 0px;
    top: 0px;
  }
  
	
	
	
/* -------------------------------------------------------------------------- */
/* -- The Shelf hiover and tooltip ------------------------------------------ */
/* -------------------------------------------------------------------------- */
	
table.wrapper tr td div.shadow div.hover-pub{
	cursor: pointer;
	/*border: solid 3px #0090DB;*/
}



	
	
	
	
	
	
/* -------------------------------------------------------------------------- */
/* -- The Shelf next button  ------------------------------------------------ */
/* -------------------------------------------------------------------------- */

div.shelf_next_prev_buttons{
 position : absolute;
 top: 314px;
 /*left: 830px;*/
 right: 10px;
 width:100px;
 text-align: right;
 font-weight: bold;
}

div.shelf_next_prev_buttons a, div.shelf_next_prev_buttons a:visited, div.shelf_next_prev_buttons a:hover {
 color: #fff;
}

/*hide previous from start*/
a.previous{
  display: none;
}


/* -------------------------------------------------------------------------- */
/* -- The Shelf switcher  --------------------------------------------------- */
/* -------------------------------------------------------------------------- */

div.shelf-switcher{
  height: 28px;
  background: transparent url(/images/shelfTopBar.png) repeat 0px 0px;
	color: #fff;
	width: 944px;
	line-height: 28px;
	overflow: hidden;
	padding: 0px;
	margin: 0px;
}

/* -------------------------------------------------------------------------- */
/* -- The Shelf menu  --------------------------------------------------- */
/* -------------------------------------------------------------------------- */

ul.shelf-menu, ul.shelf-right-menu{
  height:24px;
  margin: 0;
	padding: 0;
  color: #BE8b6b;
	float: left;
	line-height: inherit;
}

ul.shelf-menu li, ul.shelf-right-menu li{
  float: left;
	font-size: 11px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	vertical-align: bottom
}

ul.shelf-menu li a, ul.shelf-right-menu a{
  padding : 0px 10px;
	color:   #C08B6C;
	text-decoration: underline;
}

ul.shelf-menu li a:hover, ul.shelf-right-menu a:hover{
	text-decoration: none;
}


ul.shelf-menu li a:visited, ul.shelf-menu li a:hover, ul.shelf-menu li a:active,ul.shelf-menu li a:link {
	color:   #C08B6C;
}

ul.shelf-menu li.selected{
	color: #FFF;
	text-decoration: none;
	font-size: 15px;
	font-weight: bold;
	padding: 0 10px;
}


/* special for right*/

ul.shelf-right-menu{
  float : right;
}

ul.shelf-right-menu li a , ul.shelf-right-menu li a:visited{
  color: #fff;
}




/* ------------------------- */
/* -- Button Landing Video -- */
/* ------------------------- */
.landing-video {cursor:pointer;display:block;text-decoration:none;}
.landing-video-leftcap {float:left;height:36px;width:9px;}
.landing-video-rightcap {float:left;height:36px;width:32px;}
.landing-video-text {float:left;height:30px;text-decoration:none;color:#666;padding-top:6px;}

/* -- Landing Tour Up -- */
a.landing-video-on .landing-video-leftcap {background: transparent url(/images/landing_canvas.png) no-repeat scroll -0px -0px;}
a.landing-video-on .landing-video-text {text-decoration: none; background: transparent url(/images/landing_canvas.png) no-repeat scroll -5px -0px;color:white;}
a.landing-video-on .landing-video-rightcap {background: transparent url(/images/landing_canvas.png) no-repeat scroll -119px -0px;}

/* -- Landing Tour Over -- */
a.landing-video-on:hover .landing-video-leftcap {background: transparent url(/images/landing_canvas.png) no-repeat scroll -151px -0px;}
a.landing-video-on:hover .landing-video-text {background: transparent url(/images/landing_canvas.png) no-repeat scroll -156px -0px;color:white;}
a.landing-video-on:hover .landing-video-rightcap {background: transparent url(/images/landing_canvas.png) no-repeat scroll -270px -0px;}

/* -- Landing Tour Down -- */
a.landing-video-on:active .landing-video-leftcap {background: transparent url(/images/landing_canvas.png) no-repeat scroll -0px -0px;}
a.landing-video-on:active .landing-video-text {background: transparent url(/images/landing_canvas.png) no-repeat scroll -5px -0px;color:white;}
a.landing-video-on:active .landing-video-rightcap {background: transparent url(/images/landing_canvas.png) no-repeat scroll -119px -0px;}


a.landing-video-on:visited, a.landing-video-on:link, a.landing-video-on:hover, a.landing-video-on:active { text-decoration:none;}



/* ------------------------------- */
/* -- Button Landing Getstarted -- */
/* ------------------------------- */
.landing-getstarted {cursor:pointer;display:block;text-decoration:none;}
.landing-getstarted-leftcap {float:left;height:36px;width:9px;}
.landing-getstarted-rightcap {float:left;height:36px;width:21px;}
.landing-getstarted-text {float:left;height:30px;text-decoration:none;color:#666;padding-top:6px;}

/* -- Landing Getstarted Up -- */
.landing-getstarted-on .landing-getstarted-leftcap {background: transparent url(/images/landing_canvas.png) no-repeat scroll -302px -0px;}
.landing-getstarted-on .landing-getstarted-text {text-decoration: none; background: transparent url(/images/landing_canvas.png) no-repeat scroll -307px -0px;color:white;}
.landing-getstarted-on .landing-getstarted-rightcap {background: transparent url(/images/landing_canvas.png) no-repeat scroll -432px -0px;}

/* -- Landing Getstarted Over -- */
a.landing-getstarted-on:hover .landing-getstarted-leftcap {background: transparent url(/images/landing_canvas.png) no-repeat scroll -453px -0px;}
a.landing-getstarted-on:hover .landing-getstarted-text {background: transparent url(/images/landing_canvas.png) no-repeat scroll -458px -0px;color:white;}
a.landing-getstarted-on:hover .landing-getstarted-rightcap {background: transparent url(/images/landing_canvas.png) no-repeat scroll -583px -0px;}

/* -- Landing Getstarted Down -- */
a.landing-getstarted-on:active .landing-getstarted-leftcap {background: transparent url(/images/landing_canvas.png) no-repeat scroll -302px -0px;}
a.landing-getstarted-on:active .landing-getstarted-text {background: transparent url(/images/landing_canvas.png) no-repeat scroll -307px -0px;color:white;}
a.landing-getstarted-on:active .landing-getstarted-rightcap {background: transparent url(/images/landing_canvas.png) no-repeat scroll -432px -0px;}

a.landing-getstarted-on:visited, a.landing-getstarted-on:link, a.landing-getstarted-on:hover, a.landing-getstarted-on:active { text-decoration:none;}

.landing-getstarted-on:hover, .landing-tour-on:hover {
    cursor:hand; 
}


.gs_slidedown {} 

.gs_slideup { display: none; } 

/* -------------------------- */
/* -- Button Landing Close -- */
/* -------------------------- */

a .landing-close {
	float:left;
	cursor:pointer;
	height:32px;
	width:16px;
	background-attachment: scroll;
	background-color: transparent;
	background-image: url(/images/landing_canvas.png);
	background-repeat: no-repeat;
	background-position: -662px 0px;
}

a:hover .landing-close {
	float:left;
	height:32px;
	width:16px;
	background-attachment: scroll;
	background-color: transparent;
	background-image: url(/images/landing_canvas.png);
	background-repeat: no-repeat;
	background-position: -646px 0px;
}

/* -------------------------- */
/* -- Button Landing Open -- */
/* -------------------------- */

a .landing-open {
	float:left;
	cursor:pointer;
	height:32px;
	width:21px;
	background-attachment: scroll;
	background-color: transparent;
	background-image: url(/images/landing_canvas.png);
	background-repeat: no-repeat;
	background-position: -625px 0px;
}

a:hover .landing-open {
	float:left;
	height:32px;
	width:21px;
	background-attachment: scroll;
	background-color: transparent;
	background-image: url(/images/landing_canvas.png);
	background-repeat: no-repeat;
	background-position: -604px 0px;
}


/* ---------------------------- */
/* -- Tabbed horizontal list -- */
/* ---------------------------- */


ul.tabbed{
  height: 36px;
	line-height: 32px;
	padding: 0px 0px 0px 0px ;
	margin: 0px 0px 0px 0px ;
	width: 100%;
  background: transparent url(/images/tabbed-list-extension-line.png) repeat-x scroll 0px -1px;

}

ul.tabbed li{
	padding: 0px 0px 0px 0px ;
	margin: 0px 0px 0px 0px ;
}


ul.tabbed li span a {
  text-decoration: underline;
	color: #AAA;
	font-weight: bold;
}

ul.tabbed li span a:hover {
	text-decoration: none;
	color: #AAA;
}

ul.tabbed li span a#publications {
	color: #0090DB;
}



ul.tabbed li.selected span.tab-text a, ul.tabbed li.selected span.tab-text a:hover {
  text-decoration: none;
	color: #000;
  cursor: default;
}


ul.tabbed li span{
  float: left;
}


ul.tabbed li.selected{
  font-size:18px;
	font-weight: bold;
}

ul.tabbed li.selected span.tab-right-border{
  background: #FFF url(/images/canvas_global.png) no-repeat scroll -263px -144px;
	display: block;
	width: 8px;
	height: 33px;
}

ul.tabbed li.selected span.tab-left-border{
  background: #FFF url(/images/tab-selected-left-border.png) no-repeat scroll 0px 0px;
	display: block;
	width: 8px;
	height: 33px;
}

ul.tabbed li.selected span.tab-text{
 border: solid 0px #d4d4d4;
 border-top-width: 1px;
 padding: 0px 10px;
 background-color: #fff;
}

ul.tabbed li span.tab-text{
 border: solid 0px #d4d4d4;
 border-bottom-width: 1px;
 padding: 0px 10px;
 display: block;
 height: 32px;
}



/* ---------------------------- */
/* -----------Activity -------- */
/* ---------------------------- */


#activity {
color: #A0A0A0;
margin-top: -5px;
width: 224px;
}

#activity div.divider {
border-color: #CCC;
border-style: solid;
border-width: 0px 0px 1px 0px;
margin-bottom: 5px;
padding-bottom: 6px;
font-size: 12px;
line-height: 13px;
}
#activity div div img {
float: left;
margin-right: 8px;
vertical-align: text-top;
}

div.shadeBgWidgetfg{
  margin: 0px 0px 40px 0px; 
}


/* -------------------------------- */
/* ------- Categories list -------- */
/* -------------------------------- */

div.issuu_categories{
  margin: 0px 0px 20px 0px;
}

div.issuu_categories ul, div.issuu_categories ul li{
  padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

div.issuu_categories ul a{
  font-weight: bold;
}


/* -------------------------------- */
/* ------- Publications tabs ------ */
/* -------------------------------- */
#tab-content-outer { padding: 1.5em 0 0; width: 100%; clear: both; }
.tab-content { display: none; }