/* 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/iphone/business/a/images/drawer_caret.png'); background-size:16px 6px; background-repeat:no-repeat; }

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

.browse-strip a { padding:11px 20px 10px 40px; float:left; border:1px solid #ededed; border-bottom-color:#fff; font-size:16px; line-height:17px; *line-height:17px; *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; }

.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 { position:relative; margin:20px 0 -10px; width:1120px; padding:45px 0; 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/iphone/business/a/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:225px; margin-right:15px; font-size:0.9em; margin-bottom:10px; }
.drawer-nav div#top-nav .column.last ul li a { color:#333; }

/* 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:940px; margin-left:120px; padding:20px 0 15px; margin-bottom:0; }
.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:720px !important; }
.it-center .drawer-nav div#top-nav .column.last ul.last { margin-bottom:20px; float:left; }

/* Security drawer */
#security .drawer-nav div#top-nav .column.last ul li { width:230px; }
#security .drawer-nav div#top-nav .column.last ul li.last { width:180px; }
#security.it-center .drawer-nav div#top-nav .column.last  { margin-right:0 !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:14px; color:#000; line-height:1.5em; }
.drawer-nav a.ibook { display:block; padding-left:20px; background: url('/v/iphone/business/a/images/icon_ibook.png') 0 0.35em no-repeat; background-size:12px 12px; }
.drawer-nav a.html { display:block; padding-left:20px; background: url('/v/iphone/business/a/images/icon_html.png') 0 0.35em 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; }
#deployment #drawer-nav-top,
#it-center #drawer-nav-top { *margin-bottom:-23px; }
#apps.it-center #drawer-nav-top { *margin-bottom:-40px; }

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

@media only screen and (max-device-width:768px) {

	#it-center.it-center .overview .drawer,
	#security.it-center #hero.grid2col .drawer { margin-top:0; }
	
	/* closed */
	#drawer-nav-top { clear:both; overflow:visible; margin-bottom:0; position:absolute; }
	#top-nav { top:0; 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; }
}