/*  Pitt Business Stylesheet  
*	Steven Richardson
*	11/4/2009			*/


/* CSS Reset ----------------------------------------------------------*/
/*---------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,dd, dl, dt, li, ol, ul,fieldset, form, label, table, caption, tbody, tfoot, thead, tr, th, td {	margin: 0;	padding: 0;}
:focus {outline: 0;}
address, caption, cite, code, dfn, th, var { font-style:normal; font-weight:normal; } 
table {	border-collapse: collapse;	border-spacing: 0;}
caption, th {text-align:left;}
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; } 
q:before, q:after,blockquote:before, blockquote:after {	content: "";}


#probox { width: 420px; float: left; margin-left: 40px; margin-right: 20px; margin-bottom 200px; margin-top:-10px; }
#probox img, #ambox img { margin: 0; padding: 0; border: none; }
#ambox { width: 420px; float: left;   padding-left: 20px; margin-right: 0px; margin-bottom 200px; margin-top:-10px; }

	
/* Additional */
form label {cursor: pointer;}
.clear {clear: both;}
.hide, hr {display: none;}
abbr, acronymn {text-decoration: none; border:0;	speak: spell-out;}



/* forms */


legend { margin-left: 10px; font-weight: bold;}

#page-content form ol { list-style-type: none;  margin-left: 0px; padding-left: 0px; }
#page-content form ol li { margin-left: 10px; margin-right: 10px; margin-bottom: 10px; }
#page-content form ol li ul {list-style-type: none; margin-left: 10px; margin-right: 10px; }
#page-content form dl { margin-left: 10px; margin-right: 10px; }
#page-content form button { margin-left: auto; margin-right: auto; display: block; margin-top: 15px; margin-bottom: 15px;  }
#page-content form p { margin: 0 10px 1.5em 10px; }

/* body styles ----------------------------------------------------------- */
/* ----------------------------------------------------------------------- */
body {line-height: 1.5em; font-size: 75%; font-family: Verdana, Arial, Helvetica, sans-serif;  background:#fff url("../i/bg.gif") repeat;	color: #333333;	margin: 0; padding: 0;	text-align: center;}


html>body{ font-size:12px; }
#wrapper { margin:auto;text-align:left; width:960px; position: relative;	margin: 0 auto; text-align: left; background: #ffffff url(http://www.business.pitt.edu/images/shared/bg-index.gif) top left repeat-x; overflow: hidden;}

p{ margin: 0 0 1.5em 0; }
dl{ margin: 1.5em 0; }
dt{ margin-top:1.5em; font-weight: bold;}
h1{ }
h2{ color: #690069; font-size: 1.5em; margin: .25em 0 ; line-height: 1; font-weight: bold;}
h3{ color: #690069; font-size: 1.35em; margin: .75em 0 0 0; padding-bottom:.1em;  border-bottom: 1px #690069; solid;}
h3 a { text-decoration: none; }
h4{ font-size: 1.25em; margin: .75em 0 0 0; font-weight: bold; }
h5{ font-size: 1em; margin: .75em 0 0 0 ; font-weight: bold; }

img { margin-bottom: 1.5em; }

.image-right { float: right; margin: 1.5em 0 1.5em 10px; }
.image-left { float: left; margin: 1.5em 10px 1.5em 0; }
	




/* headers --------------------------------------------------------------- */
/* ----------------------------------------------------------------------- */
#site-header {position: relative;}



/* Pitt Business Header */
#site-header h1 {width: 160px;  height: 125px; margin: 5px 0 10px 20px; text-indent: -5000px; background:url(../i/heil-purple.gif) top left no-repeat;float: left;}
#site-header a {display: block; height: 125px;;}



#topbun { float: left; width: 760px; margin-top: 20px;}

#mailinglist{ width: 180px; float: left; font-size: .75em;}
	
/* Search AKA universal nav  -------------------------------------------------------- */
#all-nav { width: 230px; font-size: 1.5em;  margin: 9px 0px 0px 0px; float: right;}
#all-nav label { font-size: .5em; }
#all-nav img { margin: 0; padding: 0; float: right; height: 35px; border: none; }
#all-nav a { width: auto; display: inline; }
#all-nav input,#all-nav button, { margin: 0px; padding: 5px; }
#all-nav form { }	


#cse-search-box { width: 230px; margin: 10px 0px 0px 0px; float: right;}
/*#cse-search-box input { width: 125px; float: left;margin: 0; padding: 0; } 
#cse-search-box button { width: 50px; float: right; margin: 0; padding: 0;} */




#socialmedia { width: 192px;  float: right; margin-right: 56px; margin-top: 10px;}
#socialmedia a { height: 32px; display: inline; text-decoration: none;}
#socialmedia img { float: left; margin-right: 5px; border: none; padding: 0px; margin-bottom: 0px;}
	

/* Heil homepage */
#mainbanner { margin: 0px 50px 10px;  }
#page-content #mainbanner img { width: 860px; border: none; margin: 0; padding: 0;}


#page-content div.homebox { width: 213px; border: 1px solid #ccc; float: left; margin: 10px 10px; background: #e0e0e0;}
#page-content div.homebox img { width: 190px; margin: 10px; height: 100px; border: 1px solid #000; padding: 0px; }
#page-content div.homebox img.button { width: 190px; border: none; height: auto; }
#page-content div.homebox p { margin: 11px;}
#page-content ul li { margin-top: 7px; }
#page-content ul.photo-gallery { float: left; margin: 0; padding: 0;}
ul.photo-gallery li{ list-style: none; float: left; background: none; margin: 0px; padding: 0px;}	


/* this is for a regular content page with sidebar */
.regular { margin-left: 20px; width: 675px; float: left;}
div.regular h1 { color: #690069; font-size: 1.75em; width: 100%; margin: 2em 0 .25em 0; line-height: 1; font-weight: bold; border-bottom: 2px solid #690069; float: left;} 

div.regular h1:first-child { color: #690069; width: 100%; font-size: 1.75em; margin: .25em 0 ; line-height: 1; font-weight: bold; border-bottom: 2px solid #690069;} 
#sidebar { width: 225px; margin-right: 20px; float: right; }

 
#sidebar div { width: 205px; background-color: #e0e0e0; padding:10px; margin-top: 2em; border: 1px solid #690069;}  
#sidebar h4 { margin-top: 0px; border-bottom: 1px solid #ccc; margin-bottom: .5em;}
 

#sidebar div.news-sidebar ul { margin-left: 15px; margin-bottom: 10px;}
#sidebar div.news-sidebar li { margin-top: 10px; }


/* positioning  ---------------------------------------------------------- */
/* ----------------------------------------------------------------------- */
#main-content {	clear: both; }

#footer {clear: both; background:#690069; float: left;}

/* breadcrumbs, but still using the title class for convenience --------------------------------------------------------- */
/* ----------------------------------------------------------------------- */

h3.title {font-weight: bold; font-size: .75em; color: #333399; margin-bottom: .75em; margin-top: 0; border: none; }
h3.title a {text-decoration: none; color: #333399;}




/* CONTENT STYLES -------------------------------------------------------- */
/* ----------------------------------------------------------------------- */
/* 
	Note: font styles are shared when appropriate between templates. 
	(See h3.title, etc.)
*/





	
/* subpage styles -------------------------------------------------------- */
/* ----------------------------------------------------------------------- */
	
#page-content {	min-height: 500px;margin-bottom: 10px; }

#page-content ul,#page-content ol { margin: 0 0 1.5em 20px; padding: 0 0 0 10px;}	
#page-content ul li ul { margin-bottom: 0; }

#page-content img { margin: 8px; padding:1px;}

#page-content h2.producttitle {  font-family: Verdana; font-weight: bold; margin-left: 50px; float: left; font-size: 50px; margin-top: 0px;}
#page-content h3.price { font-family: Verdana; float: right; font-weight: bold; margin-right: 50px; font-size: 30px; margin-top: 0px;}		
	

/* footer ---------------------------------------------------------------- */
#footer {clear: both; background:#e0e0e0; float: left;}
#footer {color: #666; border-top: 2px solid #e0e0e0; padding: 10px 20px; font-size: .9em;	text-align: center;}
#footer a { color: #666; text-decoration: underline; }
#footer p.address{ width: 268px; text-align: left; float: right;  padding: 10px; border: 1px solid #ccc; }
#footer p.boilerplate { float: left;  text-align: left; width: 556px; }

/* Navigation --------------------------------------------------------------*/
#nav-wrapper { width: 780px; float: right; margin-top: 10px; }

/* Dropdown navigation */
#nav-dropdown { float: left; width: 760px; border:none;  color:#fff; background-color: #690069;font-size:.9em; 
 margin-bottom:5px; } /*Color navigation bar normal mode*/
#nav-dropdown ul {list-style-type:none; background:#690069; margin-top: 0px; }
#nav-dropdown ul li {float:left; position:relative; z-index:auto !important /*Non-IE6*/; z-index:1000 /*IE6*/; border-right:solid 1px #fff; background:#690069;}
#nav-dropdown ul li:last-child { border-right: none;}

#nav-dropdown ul li a {float:none !important /*Non-IE6*/; float:left /*IE-6*/; display:block; height:2.1em; line-height:2.1em; padding:0 12px; text-decoration:none; font-weight:bold; color: #fff;}
#nav-dropdown ul li ul {display:none; border:none;  margin-top: 0px; margin-left: 0px;}


/*Non-IE6 hovering*/
#nav-dropdown ul li:hover a {background-color:#96769b; text-decoration:none;} /*Color main cells hovering mode*/
#nav-dropdown ul li:hover ul {display:block; width:10.0em; position:absolute; z-index:999; top:2.0em; margin-top:0.1em; left:0;}
#nav-dropdown ul li:hover ul li a {display:block; width:10.0em; height:auto; line-height:1.3em; margin-left:-1px; padding:4px 16px 4px 16px; border-left:solid 1px #fff; border-bottom: solid 1px #fff; background-color:#e0e0e0; font-weight:normal; color:#690069;} /*Color subcells normal mode*/
#nav-dropdown ul li:hover ul li a:hover {background-color:#96769b; color: white; text-decoration:none;} /*Color subcells hovering mode*/


/*IE6 hovering*/
#nav-dropdown table {position:absolute; top:0; left:0; border-collapse:collapse;}
#nav-dropdown ul li a:hover {background-color:#96769b; text-decoration:none;} /*Color main cells hovering mode*/
#nav-dropdown ul li a:hover ul {display:block; width:10.0em; position:absolute; z-index:999; top:2.1em; t\op:2.0em; left:0; marg\in-top:0.1em;}
#nav-dropdown ul li a:hover ul li a {display:block; w\idth:10.0em; height:1px; line-height:1.3em; padding:4px 16px 4px 16px; border-left:solid 1px #fff; border-bottom: solid 1px #fff; background-color:#021444; font-weight:normal; color:#fff;} /*Color subcells normal mode*/
#nav-dropdown ul li a:hover ul li a:hover {background-color:#96769b; text-decoration:none;} /*Color subcells hovering mode*/

#nav-dropdown li.active { background-color: #021444; }

#about #m-about, #grad #m-grad, #undergrad #m-undergrad, #faculty #m-faculty, #centers #m-centers, #alumni #m-alumni, #recruiters #m-recruiters {background: #96769b; border-bottom: 1px solid #021444;}

#m-about { border-left:solid 1px #fff; }




	
	
/* #gutter-info { float: left; display: inline; width: 172px; margin: 0 10px; background: #021444 url(i/bluetomb-top.gif) no-repeat scroll left top; padding-bottom: 20px; padding-top: 0px;} */
#gutter-info { background: #021444 url(../i/bluetomb-top.gif) no-repeat scroll left top; width: 172px; margin: 0 10px; }
#gutter-info h3 {padding: 10px; color: #fff;  font-size: 1.5em; margin: 0px; padding-bottom: 3px; border-bottom:3px groove #fff; }
#gutter-info h3 a,#gutter-info h3 a:hover,#gutter-info h3 a:visited { color: #fff; text-decoration: none; }

#main-nav {width: 172px; padding: 0px 0px; font-size: .75em;  list-style-type: none;}
#main-nav li a { color: #fff; text-decoration: none; width: 142px; display: block;margin-right: 10px; }
#main-nav li { font-size: 1.3em; padding: 10px 10px; margin: 0px 0px 0 0; border-bottom: 1px solid #ccc;}
#main-nav li:hover  { background-color: #ccc;}
#main-nav li:hover a { color: #000; width: 142px;}
#main-nav li ul { display: none; margin-left: 20px;   }
#main-nav li ul li { margin: 1px; padding: 0px; font-size: 1em; font-weight: normal; border-bottom: none; vertical-align: top;}
#main-nav li ul li:hover  { background: #ccc; }
#main-nav li ul li:hover a { text-decoration: underline; }



#threecol{}



#threecol div.col1 { float: left; width: 172px; margin: 0 10px 0 0; }
#threecol div.col2 { float: left; width: 172px; margin: 0 10px; }
#threecol div.col3 { float: left; width: 172px; margin: 0 0 0 10px; }





156


/* information paragraphs */
.information{background: url(../i/icons/information.gif) transparent left 3px no-repeat; padding-left:20px; font-weight: bolder;}


/* piclists, in various image dimensions 100 and 150, for now */
#page-content div.piclist150 { width: 675px; float: left; margin-bottom: 1.5em; }
#page-content div.piclist150 dl { margin: 0px; padding: 0px; margin-top: 1.5em; float: left; display inline; }
#page-content div.piclist150 dt { float: right; width: 561px; margin-top: 0px; padding-top: 0px;}
#page-content div.piclist150 dt a{ margin-top: 0px; padding-top: 0px; }
#page-content div.piclist150 dd { width: 561px; float: right;}
#page-content div.piclist150 dd.img { width: 100px; float: left;}
#page-content div.piclist150 dd.img img { width: 100px; float: left; margin: 0px; padding: 1px; margin-right: 10px; }

#page-content div.piclist100 { width: 840px; float: left; margin-bottom: 1.5em; }
#page-content div.piclist100 dl { margin: 0px; width: 400px; padding: 0px; float: left;  margin-top: 1.5em; float: left; display inline; }


#page-content div.piclist100 dt { float: right; width: 286px; margin-top: 0px; padding-top: 0px;}
#page-content div.piclist100 dt a{ margin-top: 0px; padding-top: 0px; }
#page-content div.piclist100 dd { width: 286px; float: right;}
#page-content div.piclist100 dd.img { width: 100px; float: left;}
#page-content div.piclist100 dd.img img { width: 100px; float: left; margin: 0px; padding: 1px; margin-right: 10px; }



/* default table styles */
table { width: 100%; margin: 1.5em 0; border: 1px solid #E0E0E0; font-size: 1em;}
th { background: #e0e0e0; color: #000; font-size:1em; border-left: 1px solid #fff; border-right: 1px solid #fff; padding: .5em;}
tr { border-bottom: 1px #E0E0E0 solid; }
tr.odd { background: #E0E0E0; }
td { vertical-align: top; padding: .5em;}



/* product pages */

div.basiccontent { width: 250px;  padding: 0px; margin-top: 5px; float: left; clear: both;}
#page-content div.basiccontent img { float: left; margin: 0px; margin-right:7px;  width: 32px; border: none;}
#page-content div.basiccontent p { margin: 0px; margin-top: 15px; }

p.inpanelnav { margin-top: 35px;  margin-bottom: 1em; height: 32px; }

p.inpanelnav a.next { float: left; border: none;text-decoration: none;}
p.inpanelnav a.previous{ float: left; border: none; text-decoration: none; }
#page-content p.inpanelnav img { border: none; }
#pricetitle { width: 100%; float: left; }


#page-content ul.gallery { margin-left: 0px; padding-left: 0px; margin-top: 1.5em; margin-bottom: 0px;}
#page-content ul.gallery li { float: left; list-style-type: none; margin-left: 10px; }
#page-content ul.gallery li:first-child { margin-left: 0px; }
#page-content ul.gallery li img { margin: 0px;  }

#homepagebanner img { width: 920px; margin: 0px 30px 10px 20px; border: none; padding: 0px; }

#bigfriends, #littlefriends { border: none; width: 100%; }
#bigfriends tr, #littlefriends tr { border: none; }
#bigfriends td { }
#bigfriends img, #littlefriends img {  margin: 0; padding: 0;}


div.bannerpreview { border: 1px solid #ccc; float: left; margin: 10px; padding: 10px; width: 260px; height: 120px; }
#page-content div.bannerpreview img, #page-content div.inactivepreview img { margin: 0px; }
div.inactivepreview { border: 1px solid #ccc; float: left; margin: 10px; padding: 10px; width: 110px; height: 80px; }





/* Ameex Changes */

@media only screen and (min-device-width : 450px) and (max-device-width : 960px){
   #probox { float: left; text-align: center; width: 100%; margin:0; padding:0; }
   #ambox { float: left; text-align: center; width: 100%; margin:0; padding:0; }
   #page-content img{ border:0; }
   #wrapper{ width:auto; }
}

@media (max-width : 449px){
   #probox { float: left; text-align: center; width: 100%; margin:0; padding:0; }
   #ambox { float: left; text-align: center; width: 100%; margin:0; padding:0; }
   #page-content img{ border:0; }
   #wrapper{ width:auto; }
   #probox img, #ambox img { width:300px; }
   #page-content img{ width:300px !important; }
}