/* ==== universal ==== */
body { font-size:16px; /*must override for IE6 */ line-height: 1.0625em; background-color:#fefefe; } 

#wrapper 			{ font-family: Verdana, "Lucida Grande", Arial, "URW Gothic L", Helvetica, "Bitstream Vera Sans", sans-serif;	color: #474747; font-size:100%; font-weight: normal; }

#toolbar, #navalphacontainer, #navbetacontainer { font-family:"Lucida Grande", Arial, "URW Gothic L", Helvetica, sans-serif; }
#content { font-size:0.6875em; } /*11px*/
#subcontent { font-size:0.625em; line-height:1.3em; }
#toolbar { font-size:0.625em; line-height:1em; }
#navalphacontainer { font-size:0.6855em; line-height:1.2em; }
#navbeta { font-size:0.6855em; line-height:1.7em; float:left; }
#footer p { font-size:0.625em; line-height:1.3em; font-family:Arial, "URW Gothic L", Helvetica,  sans-serif; }
#content h1 { font-size:1.5625em; color:#999; }
#content h2 { font-size:1.3em; font-size:1.23em; color:#7e7e7e; }
#content h3 { font-size:1.125em; } /*18px*/
#content h4 { font-size:1em; color:#444; } 
#navbeta h2 { font-size:1.49em; }
#greybar { font-size:2.4em; }
#navalphacontainer { color:#666; }
#content table { font-size:1em; line-height:1.375em; width:100%; } 


b { color:#505050; }
a, a b { color:#fa7f00; text-decoration:none;  }
/*#navalphacontainer a, #navbeta a, #toolbar a {
-webkit-transition:color 0.2s ease-out;  
   -moz-transition:color 0.2s ease-out;  
   -o-transition:color 0.2s ease-out;  
   transition:color 0.2s ease-out;}*/
a:visited, a:visited b { color:#b50;    }
a.editlink { color:#f66; font-size:90%; }
a:hover, a b:hover, a:focus, a b:focus { color:#808080;}
a img {-moz-transition:opacity ease 0.2s; -webkit-transition:opacity ease 0.2s; -o-transition:opacity ease 0.2s; transition:opacity ease 0.2s; }
a img:hover, a img:focus {opacity:0.85;}
hr { clear:both; display:block; height:1px; margin:0 0 1.3em 0; padding:0; border:none; border-top:1px solid #999; }
img { border:0; }
ul, ol, li { padding:0; margin:0; list-style:none; }
table { border-top:1px solid #BBB; border-collapse:collapse; }
th, td { padding:3px 8px 3px 0; border-bottom:1px solid #BBB; }
th { font-weight:bold; color:#666; text-align:left; }
td { color:#333; }

sup, sub { 	height: 0; line-height: 1;	vertical-align: baseline;	_vertical-align: bottom; position: relative; }
sup { 	bottom: 1ex; }
sub { 	top: .5ex; }

.hidden, .parent-hover:hover .hidden-on-hover {position:absolute !important;
left:-10000px !important;
top:auto;
width:1px;
height:1px;
overflow:hidden;}
.inlined {display:inline-block;}
.cursor-move:hover {cursor:move;}

/*also add class mobilefull*/
.width300 {width:300px;}
.width320 {width:320px;}
.width360 {width:360px;}
.margin1 {margin:1em;}
.floatright {float:right;}
.floatleft {float:left;}



/*=============================
Princeton Component Style Sheet 
================================*/

.roxen-edit-box-off { }
.roxen-edit-box-on { outline:1px dotted #f8bb7b; }
.roxen-edit-marker-off { visibility:hidden; display:block; position:absolute; }
.roxen-edit-marker-on { visibility:visible; display:block; position:absolute; background:URL(/roxen-files/cms-images/button_edit_comp.gif) top left no-repeat; width:28px; height:13px; z-index:1; }
div.roxen-linkbrowser-anchor a { visibility:visible; display:block; position:absolute; background:URL(/roxen-files/cms-images/button_link_browser.gif) top left no-repeat; width:28px; height:13px; z-index:1; }
.nav-link { font-size:11px; font-weight:bold; color:#2b5499; text-decoration:none; }
.nav-link-disabled { font-size:11px; font-weight:bold; color:#aaaaaa; text-decoration:none; }
.nav-link-removed { font-size:11px; font-weight:bold; color:#aaaaaa; text-decoration:line-through; }
.nav-mini { font-size:10px; color:#808080; text-decoration:none; }




/* ===== div structure ==== */
#wrappercontainer { width:100%; text-align:center; /*for IE */ }
#wrapper { width:960px; margin:0 auto;/* align for good browsers */
text-align:left;/* counter the body center */ }
#header { max-width:960px; height:91px; }
#toolbarcontainer { float:right; width:400px; }
#toolbar { text-align:right; }
#bannercontainer { width:364px; float:left; }
#logobarcontainer { height:55px; float:left; }
#logobarcontainer h1 { margin:0; font-size:1em; }
#breadcrumbs { display:none; }
#navalphacontainer { float:left; width:172px; padding-bottom:1em; }
#contentcontainer { float:right; clear:none; width:787px; }
#navbetacontainer { margin-top:1.6em; width:176px; float:left; }
#navbeta { padding-left:12px; padding-right:9px; }
#footercontainer { max-width:960px; clear:both; margin-top:15px; }
#skiplink { position:absolute; left:-9999px; overflow:hidden; }
.codespacer, .subcontenthrefspacer { display:none; }



/* ==== banner ==== */
#header { background-image:url(images/rounded-black.gif); background-position:bottom right; background-repeat:no-repeat; }
#header #bannercontainer { height:73px; background-color:#fa7f00; background-image:url(images/rounded-orange.gif); background-position:bottom left; background-repeat:no-repeat; }



/* ==== toolbar ==== */
#toolbar ul a { color:#333; text-decoration:none; padding:0 4px 0 4px; }
#toolbar ul li.selected a { color:#fa7f00; }
.multimediasection #toolbar a.news { color: #333; }

#toolbar ul, #toolbar li { padding:0; margin:0; list-style:none; }
#toolbar ul { margin-top:14px; }
#toolbar li { display:inline; border-right:1px solid #fa7f00; }
#toolbar .first { border-left:1px solid #fa7f00; padding-left:2px; }
body.webmail #toolbar li.selected { border-left:1px solid #fa7f00; padding-left:2px; }
#toolbar p, #wrapper #toolbar ul li a:hover, #wrapper #toolbar ul li a:focus, #toolbar ul a.selected { color:#fa7f00; }
#toolbar form { float:right; padding-top:10px; color:#fa7f00; font-family: Arial, "URW Gothic L", Helvetica, sans-serif; }
#toolbar form select, #toolbar form input { float:left; }
#toolbar textarea { padding:2px; color:#555; background-color:#fff; border:solid 1px #999; }
#toolbar option, #toolbar select { padding:0; font-size:1em; line-height:1.125em; color:#555; background-color:#fff; border:solid 1px #fff; }
#toolbar option { width:auto; min-width:13em; }
#toolbar select { border:solid 1px #999; min-width:13em; max-width:13em; }
#toolbar .searchBox { font-size:1em; line-height:1.125em; color:#555; padding:2px; border:solid 1px #999; margin-left:11px; width:12em; }
input.go { font-size:0.9em; }
#toolbar .go { margin-left:5px; }
#toolbar .go:hover, #toolbar .go:focus {opacity:0.9; }
#toolbar button { border:0; background:0; width:20px; margin:0 0 0 2px; padding:0; }



/* ===== nav ===== */
#navalphacontainer { font-weight:bold; }
#navalpha ul { margin-top:0; }
#navalphacontainer ul, #navalphacontainer li { list-style-type:none; padding-left:0; margin-left:0; }
#navalphacontainer li { border-bottom:1px solid #f93; padding-bottom:5px; padding-top:5px; max-width:170px; }
#navalpha .spacer { border-bottom-color:#FFF; }
#navalpha2 { margin-top:2em; }
#navalpha2 li { border-bottom-color:#999; }
#navalphacontainer a { color:#494949; margin-left:1px; display:block; }
#navalphacontainer a:hover, #navalphacontainer a:focus { color:#fa7f00; }
#navalphacontainer ul a[href^="http"]:after { content:url("images/external_link.gif"); padding-left:3px; } 
#navalpha li a, #navalpha2 li.students a, #navalpha2 li.family a, #navalpha2 li.facstaff a { background-image:none; padding-right:0; display:block; }
#navalphacontainer li a.selected { margin-left:-8px; padding-left:10px; color:#888; background: url("images/arrow-navbeta.gif") no-repeat left 0.25em; }


#navbetacontainer #navbeta ul, #navbetacontainer #navbeta li { line-height:1.125em; padding:0; margin:0; list-style-type:none; color:#fa7f00; }
#navbetacontainer #navbeta ul ul { margin-left:8px; }
#navbetacontainer #navbeta ul ul ul { margin-left:14px; }
#navbetacontainer #navbeta ul ul ul ul { margin-left:17px; }
#navbetacontainer #navbeta li a { color:#fa7f00; font-weight:bold; text-decoration:none; display:block; margin:0 0 0.575em 10px; }
#navbetacontainer #navbeta .disabled { color:#999; border-bottom:1px #bbb dotted; }
#navbetacontainer #navbeta li.selected a { background: url("images/arrow-navbeta.gif") no-repeat left 0.2em; margin-left:0; padding-left:10px; color:#888; }
#navbetacontainer #navbeta ul li a:hover, #navbetacontainer #navbeta ul li a:focus { color:#555; }
#navbetacontainer #navbeta ul ul li a, #navbetacontainer #navbeta ul ul li.selected a { font-weight:400; }
#navbetacontainer #navbeta .spacer { height:1.2em; }
#navbetacontainer #navbeta ul li.selected li a { background-image:none; color: #fa7f00; }



/* ==== content ==== */
#content { float:left; width:400px; margin:1.9em 0 0 28px; }
#content p { margin:0 0 1.4em 0; padding:0; }
#content h1 { margin:0 0 1em 0; padding:0; }
#content h2, #content h3, #content h4 { margin:0.5em 0 0.3em 0; padding:0; clear:both; }
#content h3, #content h4 { color:#686868; }
#content ul { margin:0 0 1.4em 1em; padding:0; }
#content ol { margin:0 0 1.4em 1.8em; padding:0; }
#content ul li { list-style-type:disc; }
#content ol li { list-style-type:decimal; }
#content h2.audiencenews { font-size:1.125em; }
#content ul.headlines, #content .headlines li { margin:0; padding:0; line-height:1.3em; list-style-type:none; }
#content .headlines li { background:url(images/orangebullet.gif) 0 0.4em no-repeat; color:#fa7f00; padding:0 0 5px 11px; margin-left:0; }/*increase for IE*/
#content .headlines a { color:#333; }
#content .headlines a:hover, #content .headlines a:focus { color:#fa7f00; }
#content .headlines li.more { background:url("images/arrow-right.gif") 0 0 no-repeat; color:#333; }
#content .headlines .more a { color:#fa7f00; margin-left:0; }
#content .headlines .more a:hover, #content .headlines .more a:focus { color:#333; }


#content .left { margin:4px 8px 4px 0; float:left; clear:left; }
#content .right { float:right; margin:4px 0 4px 8px; clear:left; }

/*new code beta*/
#content .pic-left { float:left; clear:left; margin:4px 8px 1.2em 0; }
#content .pic-right { float:right;  margin: 4px 0 1.2em 8px; }
#content .pic-comment { clear:left; padding:0.6em 0.5em 0.6em 0.6em; border: 1px dotted silver; border-top-width:0;  text-align:left; font-family: Arial, "URW Gothic L", Helvetica, "Bitstream Vera Sans", sans-serif; font-size:0.9375em; line-height:1.25em;  color:#686868; }
#content .pic-comment p { margin:0; }
/*end new code beta*/


#content form input.text, #content form textarea.text { display: inline; width: 340px; margin-bottom: 8px; border: 1px solid #808080; float: right; padding-left:2px; }
#content form h4, #content form p, #content form h4, #content form p { display: inline; width: 230px; margin:0; float: left; clear: left; }
#content form label ~ hr { margin-top:5px; }
#content input.reset, #content input.submit { width: 10em; margin-left: 220px; }
#content .required_input { background-color:#fff9d0; }



/* ==== subcontent ==== */
#subcontent { float:right; width:162px; margin:5.4em 8px 0 0; font-family: Verdana, "Lucida Grande", Arial, "Bitstream Vera Sans", sans-serif; color:#686868; }
#subcontent p, #subcontent ul { margin:0 0 0.3em 0; }
#subcontent img { margin:0.4em 0 0.6em 0; }
#subcontent ul, #subcontent li { list-style-type:none; padding:0; }
#subcontent li { list-style-image:url("images/arrow-right.gif"); margin:0 0 0.2em 17px; }




/* === footer === */
#footer { color:#555; padding-top:1em; }
#footer p { padding:0; margin:0; color:#999; }
#footer a { color:#fa7f00; text-decoration:none; }
#footer a:hover, #footer a:focus { color:#333; }



/* === reusable buttons and wideform pages ===*/

body#tools.search #sidecontent, body#tools.sitemap #sidecontent, body#tools.webmail #sidecontent { display:none; }
body#tools.search #contentcontainer, body#tools.sitemap #contentcontainer, body#tools.webmail #contentcontainer { width:767px; }
body#tools.search #content, body#tools.sitemap #content {width:767px; }
body#tools.webmail #content { max-width:735px; }

.bigbutton {display:block; margin: 0 0 8px 0; padding:1px 1px 1px 136px; margin:6px 0; min-height:102px; _height:102px; background:#fff 0 1px no-repeat; -webkit-transition: background-color 0.3s ease;-moz-transition: background-color 0.3s ease; transition: background-color 0.3s ease; border-radius: 0 10px 10px 0;}
.bigbutton:hover, .bigbutton:focus {background-color:#eee;}

.button-imap {background-image:url(images/imap-thumb.png); }
.button-owa {background-image:url(images/owa-thumb.png);}
.button-gmail {background-image:url(images/gmail-thumb.png); margin-bottom:12px;}




/* ==== home page specific ==== */

body#home #content { margin-top:0; }
body#home #navbetacontainer { margin-top:0.1em; }
body#home #navbeta h2 { margin:0; padding:0 0 6px 0; }
body#home #navbeta h2 a { color:#555; }
body#home #navbeta h2 a:hover, body#home #navbeta h2 a:focus { color:#fa7f00; }
body#home #navbeta ul, body#home #navbeta li { margin:0; padding:0; line-height:1.35em; font-family: Verdana, "Lucida Grande", Arial, "URW Gothic L", Helvetica, "Bitstream Vera Sans", sans-serif; }
body#home #navbeta ul li { background:url(images/orangebullet.gif) 1px 0.5em no-repeat; color:#fa7f00; padding:0 0 5px 10px; width:156px; /*increase for IE*/ }
body#home #navbeta ul li a { color:#474747; font-weight:400; text-decoration:none; margin:0; padding:0; }
/* uncomment  the next line to make a news or emergency story red/bold/big */ 
/*body#home #news ul li:first-child a {color: red;
    font-size: 110%;
    font-weight: bold;
    line-height: 1.4;}*/
body#home #navbeta ul li a:hover, body#home #navbeta ul li a:focus { color:#fa7f00; background:none; }
body#home #navbeta ul .more { background:none; }
body#home #navbeta ul .more a { color:#fa7f00; }
body#home #navbeta ul .more a:hover, body#home #navbeta ul .more a:focus { color:#333; }
body#home #navbeta #events { margin-top:15px; }
body#home div#content { margin-left:15px; font-size:1em; font-family:"Lucida Grande", Arial, "URW Gothic L", Helvetica, sans-serif; }
body#home #content img:hover, body#home #content img:focus {opacity:1;}
body#home #featuredtextcontainer { float:left; margin-bottom:4px; font-size:0.6875em; width:588px; padding:2px 0 3px 8px; background: #c51 url(images/homealpha.gif) no-repeat bottom; color:#fff; }
body#home #featuredtextleft { display:inline-block; float:left; }
body#home #featuredtextleft a {  }
body#home #featuredtextright { float:right; max-width:21em; _width:21em; margin-right:4px; top:2px; text-align:right; }
body#home #featuredtextcontainer a { color:#fff; }
body#home #featuredtextcontainer a:hover, body#home #featuredtextcontainer a:focus { color:#eee; }
body#home #featured-story-edit { position:absolute; margin-left:598px; font-size:0.6875em; margin-top:3em; }
body#home #subcontent { font-family:"Lucida Grande", Arial, "URW Gothic L", Helvetica, sans-serif; font-size:1em; }
body#home #subcontent { margin:0; width:596px; font-size:0.625em; float:left; line-height:1.6em; }
body#home .tab { font-size:0.625em; line-height:1.4em; }
body#home #givinglink h6, body#home #preslink h6 { display:none; }
body#home #givinglink a { background:url('images/giving_to_princeton.gif') 0 0 no-repeat; height:12px; width:153px; margin:2em 0 0.5em 0; display:block; -webkit-transition:opacity; }
body#home #preslink a { background:url('images/pres20badge.png') 0 0 no-repeat; height:89px; width:217px; margin:2em 0 0.5em -27px; display:block; -webkit-transition:opacity 0.15s ease; transition:opacity 0.15s ease;}
body#home #preslink a:hover {opacity:0.9;}
body#home #givinglink a:hover, body#home #givinglink a:focus { background-image:url(images/giving-to-orange.gif); }
#no-flash p { margin-top:2em; padding:1em; border:1px solid #dedede; }

.video-tabs { display:block; width:600px;  }
.video-tabs .tab { width:196px; min-height:73px; position:relative; cursor:pointer; background-color:#3b3b3b; display:block; text-decoration:none; -webkit-transition:background-color 0.2s ease-out;  
   -moz-transition:background-color 0.2s ease-out;  
   -o-transition:background-color 0.2s ease-out;  
   transition:background-color 0.2s ease-out; }
.tab.active {background-color:#000;}
.tab:hover, .tab:focus { background-color:#f48121; cursor:pointer; text-shadow:none; }
.tab-top { width:196px; height:5px; background:url(images/tab-top.png) top no-repeat; }
.tab-bot { width:196px; height:5px; background:url(images/tab-bot.png) bottom no-repeat; }
.tab-top img, .tab-bot img { border:none; }
.tab-mid { padding-left:7px; padding-right:7px; padding-top:2px; min-height:62px; color:#FFF; background:url(images/btn-play.png) 98% bottom no-repeat; }
.tab-mid:hover, .tab-mid:focus { background:url(images/btn-play-gray.png) 98% bottom no-repeat; text-shadow:1px 1px 1px rgba(0, 0, 0, 0.1); }
.tab-mid a { text-decoration:none; }
.news-photo { width:70px; height:61px; float:left; padding-right:7px; }
.play-btn { position:absolute; right:21px; bottom:6px; }
.video-tabs .tab-mid { color:#eee; }
.video-tabs .tab-mid .news-title { display:block; padding-bottom:1.5em; }
.tabcontainer { width:196px; display:inline; float:left; margin-right:4px; }
.tabeditlink { position:absolute; margin:-2px 0 0 140px; font-size:0.625em; }
.featurededitlink { position:absolute; padding-left:3px; font-size:0.625em; overflow:visible; }

body#home #subcontent li { list-style-type:none; }
#subcontent #community-resources { float:left; color:#fa7f00; width:188px; padding-left: 7px; margin-right:8px; }


/*working*/
body#home #subcontent h3 {margin-top:1em; color:#333; margin-bottom:2px; font-size:1.125em;}


#subcontent #community-resources ul li { display:inline; margin-left:0; }
#subcontent #community-resources .spacer { border-left:1px #fa7f00 solid; }
#subcontent #community-resources a { color:#474747; text-decoration:none; margin:0; padding:0 2px 0 0; 
/*-webkit-transition:color 0.2s ease-out;  
   -moz-transition:color 0.2s ease-out;  
   -o-transition:color 0.2s ease-out;  
   transition:color 0.2s ease-out;*/}
#subcontent #community-resources a:hover, #subcontent #community-resources a:focus { color:#fa7f00; }

#web-highlights { color:#fa7f00; float:left; width:190px; padding-left: 7px; margin-right:8px; _margin: 0 6px 0 10px;}
#web-highlights a { text-decoration:none; }
#web-highlights a:hover, #web-highlights a:focus { color:#555; }
#web-highlights ul { margin-left:0; list-style-image:none; }
#web-highlights ul li { list-style-image:none; background:url(images/arrow-right.gif) 0 0  no-repeat; margin-left:0; padding-left:10px; }

/*working*/
#mm-column {float:left; width:180px; }
#social-media-feature {margin:1em 0 0 -8px; width:181px; _width:190px; background:#ededed; 
	border:6px solid #ededed; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;
	padding:0 0 4px 4px;
	line-height:1.5em; color:#555;}
#social-media-feature .entries {border-bottom:1px solid #fff;margin-bottom:6px;padding-bottom:2px;}
#social-media-feature a span {display:none;}
#social-media-feature strong a {display:-moz-inline-stack;  display:inline-block; width:20px; height:16px; vertical-align: baseline;	_vertical-align: bottom; position: relative; bottom:-4px;  }

#social-media-feature .icons {display: block; margin:-2px 0 0 -2px;}
#social-media-feature .icons a {
	background: transparent url(/main/css/images/social-media-icons.png) -500px -100px no-repeat; padding: 0 2px;}
#social-media-feature .icons a:hover, #social-media-feature .icons a:focus {
	background-position: 0 -100px;}
#social-media-feature a#yt { 
	background-position: -500px 0;}
#social-media-feature a#yt:hover, #social-media-feature a#yt:focus {
		background-position: 0 0;}
#social-media-feature a#tw {
	background-position: -500px -200px;}
#social-media-feature a#tw:hover, #social-media-feature a#tw:focus {
	background-position: 0 -200px;}	
#social-media-feature a#itu {
	background-position: -500px -300px;}
#social-media-feature a#itu:hover, #social-media-feature a#itu:focus {
	background-position: 0 -300px;}
#social-media-feature a#gplus {
	background-position: -500px -501px;}
#social-media-feature a#gplus:hover, #social-media-feature a#gplus:focus {
	background-position: 1px -501px;}
#social-media-feature a#insta {
	background-position: -501px -401px;}
#social-media-feature a#insta:hover, #social-media-feature a#insta:focus {
	background-position: 0 -401px;}



/* ===== magic paragraph plus list line height elision ===== */
#content p + ul { margin-top:-0.8em; }
#content .pic-comment p + ul { margin-top:0.1em; }


/* ===== news and tools and audiences contentheader shared code ===== */
#contentheader h3 { display:none; }
body#news #header, body#tools #header { background-image:url(images/rounded-black-wide.png); }
body#news #contentheader, body#tools #contentheader, body#students #contentheader, body#family #contentheader, body#alumni #contentheader, body#alumni #contentheader, body#facstaff #contentheader { float:right; position:relative; background-color:#fa7f00; color:#fff; height:39px; width:596px; }
body#news #contentheader, body#tools #contentheader { background-color:#d61; padding:9px 0 0 0; height:43px; width:769px; }
body#news #contentcontainer, body#tools #contentcontainer { width:616px; float:left; border:solid 1px #cecece; border-top:0; margin-top:0; padding-top:0; margin-left:19px; }
body#tools.contacts #sidecontent p ~ p { padding:0 0 1.5em 0; }




/* sidecontent */
#sidecontent { padding:11px 2px 7px 11px;  float:right; width:137px; border-right:1px solid #cecece; border-bottom:1px solid #cecece;  background:url(images/sidenote.png) repeat; font-family:Arial, "Lucida Grande", "URW Gothic L", Helvetica, sans-serif; font-size:0.625em; line-height:1.5em; }
#sidecontent h3 { margin:0 0 0.5em 0; font-size:1.3125em; color:#777; font-family:"Lucida Grande", Arial, "URW Gothic L", Helvetica, "Bitstream Vera Sans", sans-serif; line-height:1.1em; }
#sidecontent ul, #sidecontent ol { font-size:1.125em; padding:0 0 1.5em 0; margin:0 0 1.2em 0; background:url(images/newsdots2.gif) bottom no-repeat; }
#sidecontent ol {padding:3px 0 0.9em 0;}
#sidecontent li {margin:0; padding:0 0 0 10px;}
#sidecontent li a {margin-left:-10px;}
#sidecontent ol li a {padding-left:21px; min-height:22px; display:block; background: transparent url(images/social-media-icons.png) -500px 0 no-repeat; max-width:400px;}
#sidecontent ol li a:hover, #sidecontent ol li a:focus {background-position:0 0; color:#808080;}
#sidecontent ol li:first-child + li a {background-position:-500px -100px;}
#sidecontent ol li:first-child + li a:hover, #sidecontent ol li:first-child + li a:focus {background-position:0 -100px;}
#sidecontent ol li:first-child + li + li a {background-position:-502px -300px;}
#sidecontent ol li:first-child + li + li a:hover, #sidecontent ol li:first-child + li + li a:focus {background-position:-2px -300px;}
#sidecontent ol li:first-child + li + li + li a {background-position:-500px -200px;}
#sidecontent ol li:first-child + li + li + li a:hover, #sidecontent ol li:first-child + li + li + li a:focus {background-position:0 -200px;}





/* ==== audiences and topics ==== */
body#students #contentheader a, body#family #contentheader a, body#alumni #contentheader a, body#facstaff #contentheader a { position:absolute; left:14px; top:6px; height:31px; width:293px; }
body#students #contentheader a { background-image:url(images/header-students.gif); }
body#alumni #contentheader a { background-image:url(images/header-alumni.gif); }
body#facstaff #contentheader a { background-image:url(images/header-facstaff.gif); }
body#family #contentheader a { background-image:url(images/header-family.gif); }
body#family #subcontent p { margin-bottom:-0.7em; font-size:1.2em; }
body#family #subcontent p b { color:#686868; }
body#administration.policies h3.subheading { color:#888; font-size:1.35em; margin:1.5em 0 0.75em 0; }

body#arts #content, body#international #content {width:580px;}
body#arts .pic-left, body#international .pic-left {margin-top:0.875em;}
body#arts #content h3, body#international #content h3  {clear:none;display:inline-block;padding-bottom:6px;padding-left:16px;}
body#arts #content p, body#international #content p {float:right; width:432px;}

a.morelink, a.lesslink {cursor:pointer; display:inline-block; margin-left:2px; padding-left: 12px;
background: transparent url("images/expand.gif") no-repeat left center; color:#fa7f00; border:0;}
a.lesslink {background-image:url("images/collapse.gif");}
a.morelink:hover, a.lesslink:hover, a.morelink:focus, a.lesslink:focus {color:#808080;}

body#about.chronology td {_width:20%;} /* temp for IE6 alignment */
body#about.chronology td:first-child {width:15%; vertical-align:top; }
body#about.chronology table {margin-bottom:1em;}
body#about.architects table {border-top:0;}
body#about.architects td {vertical-align:top; }
body#about.architects td:first-child {vertical-align:top;}
body#about.architects th {font-size:1.125em; padding-bottom:0.35em;}





/* vimeo ======================================================================*/
/*temp:.kvid {display:none;}*/


.vimeo-container{
	z-index:1;
	position:relative;
	overflow:visible;
	width:584px;
/*	height:329px; */
	margin-bottom:1em;
}

.inline-player {
	margin-bottom:0;
}

#home .vimeo-container, #home #featured-story {
	/*width:501px;
	height:282px;*/
	width:596px;
	/*height:335px;*/
	margin-bottom:0;
}
.vimeo-container .caption_holder{
	z-index:2; _z-index:auto;
	position:relative; _position:auto;
	text-align:center;
}
a.caption_button{
	font-size:11px;
	line-height:16px;
	height:16px;
	position:absolute;
	right:0;
	bottom:-28px;
	cursor: pointer;
    padding:0 0 12px;
    z-index:3;
    color:#fff;
}
.caption_button span {background-color: #444;display:block;padding: 0 6px;}


.caption_holder{
   margin-top:0;
   width:100%;
   color: #fff;
   font-family: arial, sans-serif;
}

div.caption_holder:hover div, div.caption_holder:hover span {background-color:#555; cursor:pointer;}

.vimeo_captions{
   display:none;
   position:relative;
   padding: 5px 5%;
   width: 90%;
   height: 60px;
   color: #fff;
   font-size:16px;
   background-color:#444;
}



.vimeo_captions .nocc {font-size:75%; font-style:italic;}


#feature-holder {
	display:block;
	font-family: "Lucida Grande", Arial, "URW Gothic";
	width: 596px;
	height:auto; /*282px*/
	-moz-border-radius: 0 0 8px 0;
	-webkit-border-radius: 0 0 8px 0;
	border-radius: 0 0 8px 0;
	background-color:#000;
	margin-bottom:4px;
	position:relative; //needed for error
}
#feature-tab-show {
	position:relative;
	background-color:#fff;
	width:596px;
	height:auto;/*282px*/
	border-radius: 0 0 8px 0;
	-moz-border-radius: 0 0 8px 0;
	-webkit-border-radius: 0 0 8px 0;
}
#feature-tab-show a.tab-0 {height:261px; background-position:0 0; background-repeat:no-repeat;}
#home .video-player {height:335px; width:596px;}

/* THIS GIF NEEDS TO BE LOCAL*/
.vimeo-error {
	display:none;
	min-height:36%;
	left: 5%;
	top: 15%;
	width:80%;
    opacity: 0.97;
    position: absolute;
    font-size:14px;
    z-index: 100;
    padding:0 5% 1% 5%;
    line-height:1.4;
    background:#eee;
    box-shadow:inset 1px 1px 2px #aaa;
    border-radius:0 6px 6px 6px;
    line-height:1.8;}
.vimeo-error a {color:#b50;}
.vimeo-error .feedback {font-size:12px; float:right; line-height:1;}
.vimeo-error .close {width:34px; padding-left:2px; height:36px; line-height:0.8em; font-size:36px; margin: 1% -5% -0.5em 0; float:right;text-align:center; border:1px solid #b50;  background:#eee; transition:all 0.2s ease;}
.vimeo-error a.close:hover {background:#b50; color:#fff;}

.video-player {background:url(/main/css/images/loading.gif) 50% 50% no-repeat #000; color:#fff; }


#tab-0 {display:none;}

.vid{
	display:block;
	clear:none;
	position:absolute;
	top:0;
}

.feature-tab-sidebar {
	background-color: #ffeecc;
	font-size:11px;
	line-height:15px;
	position:relative;
	padding-top:1ex;
	border-radius: 0 0 8px 8px;
	border-bottom:1px solid #dca;
}

.feature-tab-sidebar h2 {width:70%;}
#content .feature-tab-sidebar h2, #content .feature-tab-sidebar p {font-size:11px; padding:0 1em 1ex 1em; }

 a.feature-sidebar-footer  {
	right:1em;
	bottom:1px;
	position:absolute;
	display:block;
	}

a.closefeature {position:absolute; right:0; top:-14px;  font-size:11px;  z-index:100; background:#000; padding: 0 1ex; font-family:"lucida console", arial, sans-serif; line-height:1; color:#fff;}

a.closefeature:hover, a.closefeature:focus {color:#c51;}





/* ==== tools - general ==== */

body#tools #content { position:relative; width:584px; padding:16px; margin:0; min-height:350px; }
body#tools #subcontent { display:none; } 
body#tools #navbetacontainer { display:none; } /*temp*/
body#tools #contentheader img { position:absolute; left:14px; top:14px; font-size:0.9375em; font-weight:400; line-height:0.8em; }


/* ==== tools - a-z ==== */
body#tools.az #content h3 { font-size:1em; clear:none; }
body#tools.az #content li { list-style-type:none; }
body#tools.az #content form { width:400px; height:180px; }
body#tools.az #content hr { margin-bottom:1.5em; }
body#tools.az ul.indexlist { width:400px; margin:0; padding-left:11px; overflow:visible; }
body#tools.az ul.indexlist li a { margin-left:-10px; }
body#tools.az .azfilters { float:right; width:162px; }
body#tools.az .azfilters h2 { margin:0 0 0.8em 15px; color:#777; font-size:1.25em; font-family:"Lucida Grande", Verdana, Arial, "URW Gothic L", Helvetica, "Bitstream Vera Sans", sans-serif; }
body#tools.az .azfilters ul a { line-height:1.5em; }
body#tools.az .alphabet { height:96px; }
body#tools.az .alphabet li { display:inline; }
body#tools.az .alphabet li a { float:left; width:19px; height:21px; text-align:center; font-size:0.9375em; }
body#tools.az .alphabet li a:hover, body#tools.az .alphabet li a:focus { background-color:#f2f2f2; }
body#tools.az .azsubject h2 { border-top:1px #a2a2a2 solid; padding-top:15px; width:126px; }
body#tools.az .azsubject ul { padding-left:6px; }
body#tools.az .azsubject ul a { display:block; width:130px; color:#ff9e13; }
body#tools.az .azsubject ul a:hover, body#tools.az .azsubject ul a:focus { background-color:#f2f2f2; }
body#tools.az .azfilters ul .selected { color:#777; }


/* ==== tools - contacts ==== */
body#tools.contacts table { border:0; margin-bottom:1.4em; }
body#tools.contacts table td { width:70%; }
body#tools.contacts table td + td { width:30%; text-align:right; }
body#tools.contacts th { font-size:1.25em; padding-bottom:0.5em; }
body#tools.contacts tr:first-child { border:0; }
body#tools.contacts #sidecontent p { color:#888; }


/* ===== tools and news search ===== */
body#tools.search #search-references { float:left; margin: 19px 0 0 45px; }
body#tools.search #search-references li { list-style-image: none; padding-left:15px; background: url(images/bullet02.gif) no-repeat 0 60%; }

body.search { overflow-y:scroll; }
body.search #content li { list-style-type:none; }
body.search #content ul { margin-top:0; }
body.search #content { min-height:250px; padding-bottom:0; }
body.search #content ul, body.search #content li { margin-left:0; padding-left:0; }
body.search #search-form p { display:inline; margin:0; padding:0; }
body.search #search-form { margin:19px 0 0 0; width:420px; float:left; padding:0; }
body.search #search-form p.web-search { float:right; margin: 0 55px 35px 0;  padding:0; }
body.search #content input.searchBox { color: #4b4b4b; padding:2px; line-height:1em; font-size:1em; border:1px solid #aaa; width:360px; }
body.search input.go { margin:0 0 -3px 4px; }

body#tools.search .search-divider { clear:both; margin:0 0 0 -16px; width:100%; height:1px; border-top:17px solid #cecece; background:#909090; }

body.search #search-people { float:right;  width:300px; margin-left:-1px; }
body#tools.search #search-princeton { float:left; width:420px; padding-left:16px; }
body#tools.search #search-results { float:left; }

#search-people h2, #search-people p.result-info, #search-people #search-people-results { padding-left:16px; border-left:1px solid #cecece; }

body#tools.search #search-general-results { border-right:1px solid #cecece; padding-right:16px; }


body.search #search-people-results, body.search #search-princeton ul { line-height:1.45em;font-size:0.9375em; }
body.search #search-princeton li { padding-top:1em; }
body.search #search-people-results strong { color:#5d5d5d; }

body.search #search-people-results a.collapsed { padding-right:14px; background:url(images/expand.gif) no-repeat right; font-weight:bold; color:#fa7f00;}
body.search #search-people-results a.has-expanded {color:#b50;}
body.search #search-people-results a.collapsed:hover, body.search #search-people-results a.collapsed:focus { padding-right:14px; background:url(images/expand-hover.gif) no-repeat right; font-weight:bold; }
body.search #search-people-results a.expanded { padding-right:14px; background:url(images/collapse.gif) no-repeat right; color:#222; font-size:1.15em; font-weight:bold; }
body.search #search-people-results a.expanded:hover, body.search #search-people-results a.expanded:focus { padding-right:14px; font-size:1.15em; color:#5d5d5d; background:url(images/collapse-hover.gif) no-repeat right; font-weight:bold; }
body.search #search-people-results .search-people-name { font-size:1.15em; color:#404040; font-weight:bold; }
body.search .people-search-indent { display: inline-block; padding-left:1em; } /*-moz workaround for FF2*/
body.search #search-princeton ul li { overflow:hidden; }
body.search #search-princeton ul a { font-weight:bold; }
body.search #search-princeton ul .result-url a { font-weight:400; color:#999; font-style:italic; }
body.search #search-princeton ul .result-url a:hover, body.search #search-princeton ul .result-url a:focus { color:#404040; }
body.search #results-nav { margin-top:3.5em; }
body.search #results-nav li { display:inline; }
body.search #results-nav ul li a, body.search #results-nav li .i { padding:5px 5px 0 5px; font-weight:400; }
body.search .results-nav-btn span { padding:0 2px 0 2px; }
body.search .results-nav-btn-disabled { color:#999; padding-right:5px; }
body.search #search-general-results div ~ p { font-style:italic; font-size: 0.9375em; margin-top:1em; line-height: 1.45em; }
body.search #content ul ul { margin-left:0; }
body.search #content ul ul li { overflow:hidden; }
body.search ul#az-results { margin-bottom:0; }
body.search #search-general-results blockquote { margin:0 0 0 15px; }
body.search #search-people ul a { cursor:pointer; }
body.search #search-people #acceptable-use { color:#808080; }
body.search #content h2 { padding-top:1em; padding-bottom:3px; margin-bottom:0; color:#5f5f5f; font-size:1.5em; }
body.search #search-princeton p.result-info, body.search #search-princeton p.spelling-suggestion  { margin-bottom:0; padding-right:16px; }
body.search #search-people p.result-info { padding-bottom:1em; margin-bottom:0; }
body.search #content .result-info { color:#5f5f5f; }
body.search #expandall, body.search #collapseall { cursor:pointer; color:#fa7f00;}


body.fourzerofour #content ul { padding-left:16px; }
body.fourzerofour #content li { list-style-type:disc; padding-top:0.3em; }
body.fourzerofour #content p + ul { margin-top: -1.2em; }





/* ==== tools - sitemap ==== */


body#tools.sitemap #content ul li { list-style-type:none; }
body#tools.sitemap #content ul { width:245px; float:left; margin:0 0 1.4em 0; padding:0; }
body#tools.sitemap #content ul.section { float:none; width:731px; border-bottom:1px solid #888; margin-bottom:1em; }
body#tools.sitemap #content .section_title { font-size:1.5em; font-weight:bold; color:#707070; }
body#tools.sitemap #content ul a { font-weight:bold; }
body#tools.sitemap #content ul ul a { font-weight:400; color:#444; }
body#tools.sitemap #content ul ul a:hover, body#tools.sitemap #content ul ul a:focus { color:#fa7f00; }
body#tools.sitemap #content ul ul a.disabled { color:#aaa; font-style:italic; }

/* ==== tools - webmail ==== */
body#tools.webmail table, body#tools.webmail td { border:0; } 

/* ==== feedback ==== */
body#tools.form hr { color:white; border-top:#fff; }




/* ===== print ===== */
@media print { 
body { font-size:13pt; margin:0.5in; }
#header #bannercontainer { height:55px; background-color:white; border-bottom:18px solid #111 !important; }

#toolbarcontainer, #navalphacontainer, #navbetacontainer, #contentheader, #navbeta, #navgamma, #navdelta, #sidecontent, .play-btn, #community-resources .spacer, body#home #breadcrumbs, body#home .video-tabs, body#home #featured-story, body#news #storynav { display:none !important; }
#header { width:90%; background:none; }
#contentcontainer, #content, #footercontainer, #footer, #newsnavcontainer { position:relative !important; float:none !important; width:95% !important; margin:0 !important; padding:0 !important; border:0 !important; font-family:Georgia, "Palatino Linotype", serif !important; display:block !important; }
#content { position:relative !important; float:none !important; border-bottom:1px #888 solid !important; margin-bottom:0.2in !important; }
#subcontent { position:relative !important; float:none !important; padding:0 !important; border:0 !important; font-family:Georgia, "Palatino Linotype", serif !important; display:block !important; margin:0.3in 0 0 0 !important; }
#subcontent p { width:4in !important; }
body#news #subcontent p, body#news #subcontent ul,  body#news #subcontent img { clear:both !important; }
#footer { padding-top:0.3in !important; font-size:80%; }
#content a, #subcontent a { color:#404040 !important; padding-bottom:3px !important; margin-bottom:-5px !important; border-bottom:1px solid #999 !important; display:inline !important; margin-right:2px !important; overflow:visible; }

#contentcontainer a:link:after, #contentcontainer a:visited:after
	{ 
	content:" <" attr(href) ">"; 
	font-size:80%; 
	 }
body#news #contentcontainer h2 a:link:after { font-size:60%; }
body#news #content .article-toolbox { display:none; }

#content a[href^="/"]:after { content:" (http://www.princeton.edu" attr(href) ") "; }

body#home #navbetacontainer, body#home #navbeta { display:block !important; float:none !important; width:85% !important; }
body#home #navbeta ul li, body#home #navbeta ul { list-style-type:disc; background:none; width:100%; }
#community-resources, #web-highlights, #multimedia-resources { float:none; clear:both; width:85%; background: none !important; padding:0; margin:0; }
/*body#home .news-title { display:inline !important; color:#444 !important; }*/
#subcontent li, #subcontent ul { display:block !important; list-style-type:none !important; background:none !important; margin-left:0 !important; padding-left:0 !important; }
body#home #content, body#home a { border:0 !important; }
#breadcrumbs { display:inline; font-size:70%; color:#999; width:80%; }
#breadcrumbs a { color:#999; display:inline; }
 }

body#research #content h3 { margin:0.5em 0 0.6em 0; font-size:1.25em; font-size:1.35em; color:#888; }
body#research #content hr { clear:both; display:block; height:1px; margin:0 0 .3em 0; padding:0; border:none; border-top:1px solid #999; }
body#research #content ul { margin:0 0 1.4em 1.4em; padding:0; }


body#link.options #navbeta ul { display:none; }

body#about.facts #content p { text-indent:-1em; margin-left:1em; margin-top:0; margin-bottom:0; }
body#about.facts #content hr { margin-top:1em; margin-bottom:0; }


/* ==== full-width center column temp codes ==== */

/* mahlon Lovett 20091202 */
body#about.nobel #content, body#about.honorary #content, body#about.architects #content, body#about.chronology #content { width:580px; }
body#about.nobel #subcontent, body#about.honorary #subcontent, body#about.architects #subcontent, body#about.chronology #subcontent { width:1px; }

/* mahlon Lovett 20091202 */
body#about.nobel #content th { }
body#about.nobel #content td { vertical-align:top; width:30%; }
body#about.nobel #content td:first-child { width:10%; }

/* mahlon lovett 20091222 */
body#about.timeline #content p { margin:0; padding-bottom:.25em; }
body#about.timeline #content p b { padding-right:.75em; }
body#about.timeline #content h3 { margin:0; margin-top:1em; padding:.5em 0; border-top:1px solid #ccc; }




/* Responsify ===================================================== */
@-ms-viewport{
    width: device-width;
}

#menutoggle a, #mobiletools {display:none; /*font-family: "Arial Unicode MS", "DejaVu Sans", "Lucida Sans Unicode", arial, sans-serif;*/}
/*.trigram {border:2px solid #fff; border-left:0; border-right:0; display: inline-block; height: 0.5em; width: 14px; }
.trigram span {position:absolute; border-top:2px solid #fff; margin-top:0.2em; width:14px;}*/
.mobilenav {display:none;}
.mobile #navalphacontainer .mobilenav {display:block;}







@media all and (max-width: 930px) {
body.mobile {font-size:20px; line-height:1.4; padding:0; margin:0;   -webkit-text-size-adjust: none;}
.mobile #toolbarcontainer {width:auto; float:none; display:inline;}
.mobile #toolbar {height:5.25em; overflow-y:hidden;}
.mobile #toolbar ul {height:1em; overflow-y:hidden;}
.mobile #header {background-position:364px bottom; height: auto;}

.mobile #wrapper, .mobile#tools.sitemap #content ul.section {width:100%;}
.mobile #wrapper .navcontainer {width:25%;}
.mobile #contentcontainer {width:75%; margin-top:1em;}
.mobile#tools #contentheader, .mobile#students #contentheader, .mobile#family #contentheader, .mobile#alumni #contentheader, .mobile#alumni #contentheader, .mobile#facstaff #contentheader { width:100%; float:left; background:#fff; height:auto;}
.mobile#tools #contentheader a, .mobile#students #contentheader a, .mobile#family #contentheader a, .mobile#alumni #contentheader a, .mobile#alumni #contentheader a, .mobile#facstaff #contentheader a {height:auto; left:0; position:relative; top:0; width:auto; color:#aaa; background:none; }
.mobile#tools #contentheader h3, .mobile#students #contentheader h3, .mobile#family #contentheader h3, .mobile#alumni #contentheader h3, .mobile#alumni #contentheader h3, .mobile#facstaff #contentheader h3 {display:block; font-size:24px; margin:0.15em 0 0.75em;}
.mobile#tools #contentheader img {display:none;}
.mobile#tools #contentheader {margin-left:3.5%; width:96.5%;}
.mobile#tools #wrapper #contentcontainer {max-width:95%; width:auto; border:0; margin-left:5%; }
.mobile#tools #wrapper #content {padding:0; margin-left:1%; width:auto; max-width:99%;}
.mobile#tools.contacts #contentcontainer, .mobile#tools.az #contentcontainer {width:50%;}


.mobile #logobar img[src="/main/css/images/princeton_university.gif"] {display:none;}
.mobile #logobar img[src="/main/css/images/princeton_university.gif"] + span {content:"Princeton University"; display:block; width:184px; height:55px;}

/*.mobile #logobar a img {display:none;}*/

.mobile #toolbarcontainer {width:100%; float:left; }
.mobile #toolbar form {float:left; clear:left; }
.mobile #q {margin-left: 0;min-height: 2em;padding-left: 2%; background:#fff url("images/mag-glass.png") 98% 50% no-repeat; background-size: auto 80%;}
.mobile #toolbar .go {position:absolute; left:-1000px;}
.mobile #wrapper #content {margin:0 1%; max-width:65%; width:auto;}
.mobile.no-sidebar  #content {max-width:98%; width:auto; margin: 0;}
.mobile #wrapper .navcontainer {position:absolute; left:-2000px; opacity:0; /*-moz-transition:opacity 0.25s; -webkit-transition:opacity 0.25s; transition:opacity 0.25s;*/ display:block; }
.mobile #navalpha, .mobile #linksdropdown {display:none;}
.mobile .active #navalpha {display:block;}
.mobile #wrapper .navcontainer.active, .mobile #toolbarcontainer.active, .mobile #mobiletoolscontainer.active {position:relative; left:0;  clear:both; opacity:1; display:block;}
.mobile.no-sidebar #content, .mobile#home #content, .mobile.story #content {max-width:100%;}
.mobile.no-sidebar #subcontent {display:none;}
.mobile #wrapper .navcontainer ul a[href^="http"]:after {content:""; background: url(images/icon_external_link.png) no-repeat 50% 50%; background-size:contain;  display:inline-block; line-height:1; width:0.85em; height:0.85em; margin: 0 0 -0.05em 0.333em; padding:0;}

/*.mobile #toolbarcontainer.active { background:#333; width:95%; padding: 0 5% 1em 0;  float:left;}*/


.mobile #menutoggle {float:left;  width:100%; background:#e7751d; }
.mobile #menutoggle a.active { display:inline-block; padding: 3px 3% 4px; color:#fff;  margin:0 0 0 2%; border-radius:3px;  font-size:16px; line-height:1; width:26%;}
.mobile #menutoggle a.hider.active {border-radius: 3px 3px 0 0; background:#333;border-bottom:1px solid #333; background:#333; margin-bottom:-3px; border-bottom:3px solid #333; margin-top:-4px; padding-top:9px;}
.mobile #menutoggle a.navalphacontainerbutton {margin-left:0;}
/*.mobile #frommenu.active {float:right; border:1px solid #fff; margin-bottom:-1.75em; position:relative; z-index:100; width:1em; text-align:center; border-radius:0;}*/
.mobile #wrapper #mobiletools li a[href^="/main/news"] {display:none;}  
.mobile #menutoggle a.active { width:12%; padding: 8px 2.75% 8px 1.5%; max-width:80px;}
.mobile #menutoggle img {width:100%; opacity:1;}


.mobile #breadcrumbs {display:inline-block; background:#555; color:#fa7f00; padding: 1.5em 0 0.75em 0; width: 100%; font-size:13px;}
.mobile#home #breadcrumbs {display:none;}
.mobile #breadcrumbs div {padding: 0 2%;}
.mobile #breadcrumbs a {color:#ddd;}
.mobile #contentcontainer, .mobile #mobiletoolscontainer {width:99%;}



.mobile #wrappercontainer #maincontainer .navcontainer, #contentcontainer, #wrappercontainer #maincontainer .navcontainer li {width:auto; max-width:100%; font-size: inherit;}
.mobile #wrappercontainer #maincontainer .navcontainer {background:#555; font-size:15px; line-height:18px; box-shadow: inset 2px 2px 3px #000;  padding-bottom:0; border-bottom: 0.5em solid #333; width:100%; }
.mobile #navalpha2 ul + ul {margin-top:0.5em;}
.mobile #wrapper .navcontainer li { border:0; padding:0 0 0 1em; background-color:#333; font-size:inherit; _elidedshad:inset 5px 0 2px -3px #000; }
.mobile #wrapper .navcontainer li a {margin-left:0; padding:0.5em 3px 0.5em 6px; color:#fff; clear:left; background:#333; float:none; display:block; font-weight:normal; height:auto; font-size:inherit; border-bottom: 1px solid #404040; }
.mobile #wrappercontainer #wrapper .navcontainer #navgamma li a, .mobile #wrappercontainer #wrapper .mobilenav #navbeta li a {background-color:#505050;}
.mobile #wrappercontainer #wrapper .navcontainer #navbeta li a.disabled {display:none;}
.mobile #wrappercontainer #wrapper #maincontainer .navcontainer li a.js-parent:before {content:"\25be"; display:inline-block; width:1em;}
.mobile #wrapper .mobilenav > ul > li.spacer {padding-bottom:1.25em;}
.mobile #wrapper .mobilenav ul li:last-child {padding-bottom:1.25em;}

.mobile #wrappercontainer #wrapper #newsnavcontainer #navbeta > ul > li:first-child a {_elidedshad:none;} 
.mobile #wrapper .navcontainer li.selected > a {color: #fa7f00; }

.mobile .mobilenav ul ul {padding-left:1em; display:none;}
.mobile .mobilenav li.selected > ul {display:block;}
.mobile .mobilenav a.hasChildren:before {content:"-\0020"; position:absolute; margin-left:-1em;}
.mobile .mobilenav a.hasChildren.folded:before {content:"+\0020";}





.mobile #navalpha2 {margin-top:0.5em;}
.mobile #wrapper #navbeta, .mobile#news #navgamma, .mobile#news #navdelta { padding:0 3% 1em 5%; margin: 0 0 1px 0; width:92%; background:#505050; font-size:inherit; line-height:inherit; }
.mobile .mobilenav #navbeta, .mobile #mobiletools #navbeta, .mobile#news #navgamma, .mobile#news #navdelta {  background:#505050; }
.mobile #wrappercontainer #wrapper #maincontainer #navbeta li { font-size:inherit;}


/* news and tools */

.mobile#news #contentheader {display:none;}
.mobile#tools #contentheader h3, .mobile#students #contentheader h3, .mobile#family #contentheader h3, .mobile#alumni #contentheader h3, .mobile#alumni #contentheader h3, .mobile#facstaff #contentheader h3 {margin: 0 0 0.25em 1%;}
.mobile#tools.contacts #contentcontainer, .mobile#tools.az #contentcontainer {width:70%;}
body.mobile#news.archive #content ul {width:auto;}
.mobile #newsnavcontainer > ul { background-color:#333;}
.mobile#news #newsnavcontainer {width:100%; float:left; clear:both;}
.mobile #toolbar ul li:last-child, .mobile #toolbar ul li:nth-child(4) {display:none;}
.mobile #sidecontent {width:92%; padding:1em 4%; border: 0; border-top: 1px solid #aaa; float:left; margin-top:1em;}




.mobile #content .gofull {width:97% !important; }
.mobile #content .pic-left.gofull, .mobile #content .pic-right.gofull {float:none; margin-left:0; margin-right:0;}
.mobile .gofull img {width:100%; height:auto; }
.mobile#admission-aid .pic-left, .mobile#international .pic-left, .mobile#arts .pic-left {width:auto !important; margin-left:3%; float:right; max-width:40%;}
.mobile#admission-aid #content h3, .mobile#arts #content h3, .mobile#international #content h3 {padding-left:0; display:block;}
.mobile#admission-aid #content h3+p, .mobile#arts #content h3+p, .mobile#international #content h3+p {float:none; }
.mobile .pic-left, .mobile .pic-right {max-width: 97% !important;}
.mobile .pic-left img, .mobile .pic-right img {max-width:100%; height:auto;}






/* home */
#home.mobile #navbeta, .mobile #featured-story img, .mobile .video-tabs, .mobile .tabcontainer, .mobile .tab, .mobile#home #subcontent, .mobile#home #subcontent > div {width:100%; max-width:596px;}
.mobile .tab {margin-top:0.25em; border-radius:6px;}
.mobile .tab-bot, .mobile .tab-top {background:transparent;}
.mobile .play-btn {right:30px;}
body.mobile#home div#content {margin-left:0;}
#home.mobile #navbeta, #home.mobile #navbetacontainer {background:none; width:auto; _elidedshad:none; padding:0;font-size:inherit;}
#home.mobile #navbeta {font-size:0.72727em; margin-bottom:1em;}
.mobile#home #wrappercontainer #wrapper #maincontainer #navbeta li {width:94%; margin-left:4%; padding-left:1%; list-style:disc;background:none;}
body.mobile#home #preslink a {margin-left:0;}

body.mobile#home #featuredtextcontainer, .mobile #mm-column > div {padding: 2px 1% 3px 2%; width:97%;}
.mobile .vimeo-container, .mobile .video-player, .mobile iframe, .mobile#home #feature-tab-show, .mobile#home #feature-holder {width:100% !important;}
.mobile#home #feature-tab-show > a {background-size:cover; }
.mobile a.closefeature { background-color:#000; top:-15px; padding: 2px 5px;}
.mobile .feature-tab-sidebar {padding-left: 1ex; padding-right:1ex;}
body.mobile#home #featured-story-edit {display:none;}


/* tools */
body.mobile#tools.search #search-princeton, body#tools.search #search-people {width:47%; border-right:0;}
body.mobile#tools.search #search-general-results {border-right:0; padding-right:8px;}
body.mobile#tools.search #search-references {margin:19px 0 0 0; float:right; width:50%;}
body.mobile.search #search-form {width:50%;}
body.mobile.search #content input.searchBox {width:70%;}
body.mobile.az#tools #content form, body.mobile#tools.az ul.indexlist {width:auto;}



/* custom pages */

body.mobile#admission-aid .pic-left {clear:right;}
body.mobile #wrapper #content p {width:auto;}

}

/*   930 to 581  ================  */

@media all and (max-width:930px) and (min-width:581px){
body.mobile {margin: 8px 8px 0 8px;}
.mobile #header #bannercontainer {position:absolute; z-index: -1; background:none; width:97%;  height:auto;}
.mobile #banner { width:50%; max-width:364px;}
.mobile #banner img {width:100%;}
.mobile #toolbarcontainer {width:45.5%; float:right; }
.mobile #toolbar { width:100%; text-align:left; height:auto;}
.mobile #toolbar form {float:none;display:inline-block; width:100%; padding:6px 0 2px;}
.mobile #toolbar form input {float:none;}
.mobile #q {margin-left: 0;min-height: 1.75em;width: 93%; max-width:352px; font-size:11px; border:0;}
.mobile #toolbar .go {margin-top:0.6125em;}
.mobile #toolbar select, .mobile #toolbar option {width:250px; min-width:250px;}

.mobile #logobarcontainer {height:auto; width:50%;float:right; max-width:333px; margin-bottom:1.15%;}
.mobile #logobar a img {width:100%;}

#home.mobile #navbetacontainer {width:45.5%; float:right;}
.mobile #featured-story, .mobile #multimedia-resources, .mobile #content > .video-tabs, #home.mobile #subcontent {width:50%; float:left; }
#home.mobile #subcontent {clear:left; padding-bottom:1.5em;}

}


@media all and (max-width: 700px) {
.mobile #toolbar form {padding-top:5px;}

.mobile#tools.contacts #contentcontainer, .mobile#tools.az #contentcontainer {width:99%;}
.mobile#tools.contacts #content, .mobile#tools.az #content {width:98%; max-width:98%;}
}


@media all and (max-width: 630px) and (min-width:580px) {.mobile #menutoggle a.active {font-size:17px; }}



/* ========== and now we're all in =============*/

@media all and (max-width: 580px) {
/*semitransparent banner
.mobile #header #bannercontainer {height:55px; opacity:0.25; background:none;}
*/
/*.mobile #headercontainer {background:#333; float:left; border-radius:9px 9px 0 0;}*/
/*
.mobile #banner, .mobile #toolbar, .mobile #logobar h1 {max-width:364px; margin:0 auto;}*/
body.mobile {padding:0; margin:0;}

.mobile #wrapper #content {max-width:96%;}
.mobile #subcontent {float:left; width:96%; margin:1em 1% 2em;}
.mobile #contentcontainer {width:96%; font-size:20px;}

.mobile #logobarcontainer {height:auto;}
.mobile #logobar a, .mobile #logobar img {width:100%;}

.mobile #menutoggle a.active { width:16%; padding: 1.5% 8% 1.5% 6%;}
.mobile #menutoggle a.navalphacontainerbutton {margin-left:5.25%;}
.mobile #menutoggle a.hider.active { margin-top:-2%; padding-top:2%;}



.mobile #toolbar {height:auto; width:100%;}
.mobile #toolbar form {padding:1.125em 0 0 6%; width:94%; text-align:center; }
.mobile #toolbar .go {position:absolute; left:-1000px;}
.mobile #q {width:88.75%; margin-left:4.875%; font-size:13px; min-height:1.5em;  border-color:#aaa;}




.mobile #banner img, .mobile #banner  {width:100%;  border-radius:0; margin-top:-0.66%;}
.mobile #header #bannercontainer {background:none; width:100%; height:auto;}
.mobile #headercontainer {width:100%;}


.mobile #logobarcontainer {height:auto; width:100%;}
.mobile #logobar, .mobile #toolbar { margin:0 0 1px 0;}
/*.mobile #logobar a {width:100%; height:58px; background:url(images/pulogo-w.png) 0 50% no-repeat; float:left;  background-size:contain; margin-left:0;}*/
/*.mobile #logobar img {display:none;}*/


.mobile #breadcrumbs div {padding-left:11%;}


.mobile#home #navbetacontainer, .mobile#home #featured-story {width:100%;}
body.mobile#home #featuredtextcontainer {background-color:#000;  font-size:14px; line-height:1.25;}
body.mobile#home #featuredtextcontainer a {color:#fa7f00;}
body.mobile#home #featuredtextright {display:none;}

body.mobile#home #navbeta h2, body.mobile#home #main h3 {background:#8c8c8c; color:#fff; font-size:12px; padding: 0 8px; font-weight:400; text-transform: uppercase; margin:2em 0 0.5em 0; display:block;}
body.mobile#home #navbeta h2 a {color:#fff;}

#home.mobile #wrappercontainer #wrapper #maincontainer #navbeta li, #home.mobile .tab-mid {background-color:#eee; margin:0 0 8px 0; padding:4px 8px 5px 8px; font-size:14px; width:auto; list-style:none; color:#555;}
body#home.mobile #navbeta ul li a {margin-left:1em;}
body#home.mobile #navbeta ul li a:before {content:"\2022"; position:absolute; margin-left:-1em; color:#fa7f00;}




.mobile #footer {background:#000; padding: 3% 2% 3% 5%; color:#fafafa;}
.mobile #footer p {color:inherit;}
.mobile #footer span {display:block;}
.mobile #footer .divider {display:none;}
.mobile #footer .updated {width:100%; text-align:right;padding-top:1em;}







.mobile#home #content, .mobile#home #community-resources, .mobile#home #web-highlights {margin:0; padding:0;}
.mobile#home #multimedia-resources {font-size:14px; text-align:right;}
.mobile#home #multimedia-resources * {text-align:left;}
.mobile#home .tab-mid {background-position:98% 90%;} 
.mobile#home .tab {background:none; line-height:1.4;}
.mobile#home .tab-top, .mobile#home .tab-bot {display:none;}
.mobile#home #featured-story-edit {display:none;}
#home.mobile #subcontent { margin-bottom: 3%;}



body.mobile#tools.search #search-princeton, body#tools.search #search-people {width:100%; padding: 0 0 1em 0;}
body#tools.search #search-people {border-bottom:1px solid #999;}
.mobile #search-people h2, .mobile #search-people p.result-info, .mobile #search-people #search-people-results {border:0; padding-left:0;}
body.mobile.search #search-form {width:100%;}
body.mobile.search #search-form p.web-search {margin-right:25%;}
body.mobile#tools.search #search-results {width:95%; margin-left:5%;}
body.mobile#tools.search #search-references {margin:0; width:80%; }



}

@media all and (max-width: 480px) {
.mobile #menutoggle a.active { width:17%; padding: 1.5% 7% 1.5% 5%;}
.mobile #menutoggle a.navalphacontainerbutton {margin-left:6.5%;}
.mobile .mobilefull {max-width: 100%; width:100%; margin-right:0; margin-left:0; float:none;}

}

@media all and (max-width: 420px) {
.mobile #menutoggle a.active { width:19%; padding: 1.5% 5% 1.5% 4%;}
.mobile #menutoggle a.navalphacontainerbutton {margin-left:7.25%;}
body.mobile.az#tools #content form, body.mobile.az#tools h3:first-child  {display:none;}
body.mobile#tools.contacts table td + td {min-width:7.5em;}


}

@media all and (max-width: 380px) {
.mobile #menutoggle a.active { width:20%; padding: 1.5% 4% 1.5% 3%;}
.mobile #menutoggle a.navalphacontainerbutton {margin-left:8.25%;}
body.mobile#tools.az .azfilters {float:left; width:94%; padding-right:2%; background:#eee; padding-top:1em; margin-bottom:1em; }
body.mobile#tools.az .alphabet {height:auto;}

}

@media all and (max-width: 340px) {
.mobile #menutoggle a.active {font-size:17px; }
.mobile #menutoggle a.active { width:22%; padding: 1.5% 3.5% 1.5% 2.5%;}
}