/* IT Center - Dropdown
---------------------------------*/

/* caret */
.browse-strip .caret.open { position:absolute; left:112px; top:57px; z-index:1; width:16px; height:6px; background-image:url('/v/ipad/business/c/images/drawer_caret.png'); background-size:16px 6px; background-repeat:no-repeat; }

/* button */
.browse-strip { float:left; position:relative; z-index:40; height:43px; margin:10px 0 0; }

.browse-strip a { padding:10px 20px 8px 40px; float:left; border:1px solid #ededed; border-bottom-color:#fff; font-size:16px; line-height:21px; *line-height:19px; *border:1px solid #DEDEDE; 
	-webkit-box-shadow:rgba(0,0,0,0.3) 0px 1px 2px;
	-moz-box-shadow:rgba(0,0,0,0.3) 0 1px 2px;
	-o-box-shadow:rgba(0,0,0,0.3) 0 1px 2px;
	box-shadow:rgba(0,0,0,0.3) 0 1px 2px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	-khtml-border-radius:5px;
	background:#fafafa url('/v/iphone/business/a/images/drawer_button.png') no-repeat 11px 13px;
	background:url('/v/iphone/business/a/images/drawer_button.png') no-repeat 11px 13px, -webkit-gradient( linear, 0 0, 0 100%, from(#fff), to(#ececec));
	background:url('/v/iphone/business/a/images/drawer_button.png') no-repeat 11px 13px, -moz-linear-gradient(top, #fff, #ececec);
	background:url('/v/iphone/business/a/images/drawer_button.png') no-repeat 11px 13px, -o-linear-gradient(#fff, #ececec);
}

.browse-strip a:hover { color:#0073c3; text-decoration:none; 
	background:#ebebeb url('/v/iphone/business/a/images/drawer_button.png') no-repeat  11px 13px;
	background:url('/v/iphone/business/a/images/drawer_button.png') no-repeat  11px 13px, -webkit-gradient( linear, 0 0%, 0 100%, from(#ececec), to(#f9f9f9));
	background:url('/v/iphone/business/a/images/drawer_button.png') no-repeat  11px 13px, -moz-linear-gradient( top, #ececec, #f9f9f9);
	background:url('/v/iphone/business/a/images/drawer_button.png') no-repeat  11px 13px, -o-linear-gradient(#ececec, #f9f9f9);
}

.browse-strip a.active,
.browse-strip a.active:hover { position:relative; z-index:42; border-bottom-color:#e2e2e2; color:#333;
	box-shadow:inset rgba(0,0,0,0.5) 0 1px 2px;
	-webkit-box-shadow:inset rgba(0,0,0,0.5) 0 1px 2px;
	-moz-box-shadow:inset rgba(0,0,0,0.3) 0 1px 2px;
	background:#ebebeb url('/v/iphone/business/a/images/drawer_button_active.png') no-repeat 11px 13px;
	background:url('/v/iphone/business/a/images/drawer_button_active.png') no-repeat 11px 13px, -webkit-gradient( linear, 0 0%, 0 100%, from(#e1e1e1), to(#ffffff));
	background:url('/v/iphone/business/a/images/drawer_button_active.png') no-repeat 11px 13px, -moz-linear-gradient( top, #e1e1e1, #ffffff);
	background:url('/v/iphone/business/a/images/drawer_button_active.png') no-repeat 11px 13px, -o-linear-gradient(#e1e1e1, #fff);
}


/* drawer */
.drawer { float:left; position:relative; width:310px; }

.drawer-nav { clear:both; width:1120px; margin:0 auto; position:relative; left:0; z-index:1; overflow:hidden; }
.drawer-nav:after { content:'.'; display:block; height:0; clear:both; visibility:hidden; }

.drawer-nav div#top-nav { margin:20px 0 0; width:1120px; padding:45px 0 34px; position:absolute; z-index:1; -moz-box-shadow:inset 0 0 50px #e3e3e3; -webkit-box-shadow:inset 0 0 50px #e3e3e3; box-shadow:inset 0 0 50px #e3e3e3; background-image:url('/v/ipad/business/c/images/drawer_bg.jpg'); background-position:0 0; background-repeat:repeat; background-size:569px 155px; zoom:1; }
.drawer-nav div#top-nav:after { content:'.'; display:block; height:0; clear:both; visibility:hidden; }

.drawer-nav div#top-nav .column.first { width:220px !important; padding-left:120px; }
.drawer-nav div#top-nav .column.first img { float:left; margin-right:14px; }
.drawer-nav div#top-nav .column.first h3 { font-size:1.15em; padding-top:12px; }
.drawer-nav div#top-nav .column.first h3.title-rows { padding:0 0 0 60px; }
.drawer-nav div#top-nav .column.last { margin:0; width:780px !important; }
.drawer-nav div#top-nav .column.last h4 { font-size:1em; font-weight:normal; margin:13px 0 6px; }
.drawer-nav div#top-nav .column.last ul { clear:both; }
.drawer-nav div#top-nav .column.last ul li { float:left; position:relative; width:200px; margin-right:20px; font-size:0.9em; margin-bottom:10px; }
.drawer-nav div#top-nav .column.last ul li a { color:#333; }
.drawer-nav div#top-nav .column.last ul.last { margin-bottom:20px; float:left; }


/* Overview drawer */
#it-center .drawer-nav div#top-nav { padding-bottom:14px; }
#it-center .drawer-nav div#top-nav .grid2col { border-top:1px solid #fcfcfc; border-bottom:1px solid #c0c0c0; float:left; position:relative; width:883px; margin-left:120px; padding:20px 0 15px; }
#it-center .drawer-nav div#top-nav .grid2col.first { border-top:0; padding-top:0; }
#it-center .drawer-nav div#top-nav .column.first { padding-left:0; }
#it-center .drawer-nav div#top-nav .grid2col.last { border-bottom:0; }
#it-center .drawer-nav div#top-nav .column.first { width:218px !important; }
#it-center .drawer-nav div#top-nav .column.last { width:664px !important; }


.drawer-nav h3 { margin-bottom:7px; font-size:1.4em; font-weight:bold; line-height:1.4em;  }
.drawer-nav h3.solo { margin-bottom:0px; margin-top:10px; }
.drawer-nav h4 { clear:both; }
.drawer-nav p { margin-bottom:5px; font-size:1.166em; line-height:1.429em; }
.drawer-nav a { font-size:1.166em; color:#000; line-height:1.5em; }
.drawer-nav a.ibook { display:block; padding-left:20px; background: url('/v/ipad/business/c/images/icon_ibook.png') 0 0.4em no-repeat; background-size:12px 12px; }
.drawer-nav a.html { display:block; padding-left:20px; background: url('/v/ipad/business/c/images/icon_html.png') 0 0.4em no-repeat; background-size:12px 13px; }
.drawer-nav a.pdf { display:block; padding-left:20px; background: url('/global/elements/icons/globaliconpdf12x12.gif') 0 0.4em no-repeat; background-size:12px 12px; }

#drawer-nav-top { margin:0 -120px -5px; }


/* iOS
---------------------------------*/

@media only screen and (max-device-width:768px) {
	
	/* closed */
	#drawer-nav-top { clear:both; overflow:visible; margin-bottom:0; position:absolute; }
	#top-nav { top:53px; height:0; padding:0; overflow:hidden; opacity:0; background-color:transparent;
		-webkit-transition-property:opacity;
		-webkit-transition-duration:250ms;
		-webkit-transition-timing-function:cubic-bezier(0,0,0.25,1);
		-webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 4px;
		-moz-box-shadow: rgba(0,0,0,0.3) 0 2px 4px;
		box-shadow: rgba(0,0,0,0.3) 0 2px 4px;
	}
	
	/* pre-trans */
	#top-nav.pre-trans { height:auto; }
	
	/* post-trans */
	#top-nav.post-trans { opacity:1; }
	
	/* open post-trans */
	#top-nav.open-post-trans { opacity:0; }
}