/*********** CODE COMPILLED FROM CHANGED PARTS OF Foundation FRAMEWORK *************/
/************************************************************************************
**   2.0 - Buttons
**   4.0 - Layout
**   4.1 - Forms
**   5.5 - Tabs
**   5.6 - Navigation
**   5.8 - Pagination
**   6.1 - Orbit
**   7.0 - Typography
************************************************************************************/

/************************************************************************************/
/* Buttons Begin ********************************************************************/
/************************************************************************************/

	.button {
	font-size: 11px; 
	line-height: 1;
	font-family:  proxima-nova, "Proxima Nova", "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight:400;
 	padding:7px 25px;
	margin: 0;
}

body.jp .button {
	font-family:  Meiryo, "Meiryo UI", proxima-nova, "Proxima Nova", "Helvetica Neue", "HelveticaNeue", Helvetica,  sans-serif !important
}
 
.button.nice {background-image:url(../images/foundation/button-gloss.png);}

/* Nice Sizes ---------- */
.nice.button 			{ background-position: 0 -36px !important; }
.nice.tiny.button 		{ background-position: 0 -39px !important; }
.nice.small.button 		{ background-position: 0 -36px !important; }
.nice.large.button 		{ background-position: 0 -28px !important; }


.button span.more 		{ line-height:8px !important !important;}
.nice span.more 		{ line-height:8px !important !important;}
.large  span.more 		{ line-height:12px !important; font-size:24px !important;}

/* Sizes ---------- */
.tiny.button			{ font-size: 10px !important; padding: 4px 10px !important;  line-height: 12px !important; }
.small.button 			{ font-size: 11px !important; padding: 7px 18px !important;  line-height:11px !important;}
.medium.button 			{ font-size: 13px !important; padding:7px 25px !important; line-height:13px !important; width: auto; text-transform:uppercase;}
.large.button 			{ font-size: 18px !important; padding: 11px 48px !important; line-height:18px !important; }


/* Colors ---------- */

	/* Additional border for existing classes */
	.blue.button, .red.button, .white.button, .black.button, .green.button	{ border:1px solid transparent !important; }

	/* New classes*/
	.orange.button			{ background-color: #DD9943; border:1px solid #DD9943 !important;}

	.darkorange.button		{ background-color: #F05930; border:1px solid #f05d27 !important;}
	.unu.button				{ background-color: #f9f5ee; border:1px solid #c3c0b7 !important; color:#000;}
 	.cream.button			{ background-color: #f9f6ef; border:1px solid #e5e2db !important; color: #6c685a; }
	.gray.button			{ background-color: #e9e9e9; border:1px solid #dad7d7 !important; color: #333; }

	/* changed classes */
	.white.button			{ background-color: #ffffff !important; border:1px solid #cacaca !important; }

/* Hovers ---------- */




.unu.button:hover, .unu.button.active,	 .unu.button:focus		{ background-color: #f17350; color:#ffffff !important; border:1px solid #f05d27 !important;}
.orange.button:hover, .orange.button.active	, .orange.button:focus		{ background-color: #e3a455; color:#ffffff !important; }
.darkorange.button:hover, .darkorange.button.active, .darkorange.button:focus	{ background-color: #f17350; color:#ffffff !important; border:1px solid #f05d27 !important; }

/* changed classes*/
.white.button:hover, .white.button:focus,
.gray.button:hover,  .gray.button:focus				{ background-color: #dadada; color: #333; }

/* special workaround for red more class */
.button:hover span.more, 
.button:focus span.more 						{ color:#ffffff !important;}/************************************************************************************/
/* Buttons Ends *********************************************************************/
/************************************************************************************/





/************************************************************************************/
/* Layout Begin *********************************************************************/
/************************************************************************************/

.hide-on-phones { display: block !important; }
.hide-on-tablets { display: block !important; }
.hide-on-desktops { display: none !important; }
		
.show-on-phones { display: none !important; }
.show-on-tablets { display: none !important; }
.show-on-desktops { display: block !important; }
/************************************************************************************/
/* Layout Ends **********************************************************************/
/************************************************************************************/





/************************************************************************************/
/* Forms Begin **********************************************************************/
/************************************************************************************/

::-webkit-input-placeholder  {color:#CDCCC8; font-size:12px; font-size:1.2rem;   font-weight:400; font-family:proxima-nova; }
	
	body.jp ::-webkit-input-placeholder {
		font-family:  Meiryo, "Meiryo UI", proxima-nova, "Proxima Nova", "Helvetica Neue", "HelveticaNeue", Helvetica,  sans-serif !important
	}

:-moz-placeholder 			 {color:#CDCCC8; font-size:12px; font-size:1.2rem;  font-weight:400; font-family:proxima-nova; }

body.jp :-moz-placeholder  {
	font-family:  Meiryo, "Meiryo UI", proxima-nova, "Proxima Nova", "Helvetica Neue", "HelveticaNeue", Helvetica,  sans-serif !important
}
input.placeholder, 
textarea.placeholder { color: #CDCCC8; font-size:12px; font-size:1.2rem; font-weight:400; font-family:proxima-nova; }
 

input.input-text, textarea { border:1px solid #CDCCC8; color:#000; font-size:12px;font-size:1.2rem;font-weight:400;  font-family:proxima-nova; }

body.jp input.placeholder,
body.jp textarea.placeholder,
body.jp input.input-text 
body.jp textarea  {
	font-family:  Meiryo, "Meiryo UI", proxima-nova, "Proxima Nova", "Helvetica Neue", "HelveticaNeue", Helvetica,  sans-serif !important
}


input.input-text:focus, textarea:focus { background: #fff; }

form {margin:0px;}
	
select.expand { width: 100%; }/************************************************************************************/
/* Forms Ends ***********************************************************************/
/************************************************************************************/





/************************************************************************************/
/* Tabs Begin ***********************************************************************/
/************************************************************************************/

dl.tabs.nice {margin-bottom:30px !important; height:30px;border-bottom: solid 1px #DDD;} 
dl.tabs.nice.contained {margin-bottom:0px !important;}
	
dl.tabs dd p {	margin-bottom:0px !important; margin-top:18px;}
	
dl.tabs dd a,  
dl.nice.tabs dd a {font-size: 13px;line-height:30px; font-weight:400;border:none;padding:1px 9px 0px 9px !important;background:none;text-transform:uppercase;}

dl.tabs.verical,
dl.tabs.nice.vertical {  border-bottom: solid 1px #CDCCC8; }


dl.tabs dd.active,
dl.tabs.nice dd.active {background-color:#ffffff !important;}
	
dl.tabs dd a,
dl.tabs.nice dd a  { cursor:pointer;	border: solid 1px #CDCCC8; display:block; height:28px !important; overflow:hidden;padding-top:1px !important; color: #000000;background: #F8F5EB; text-transform:uppercase; }
dl.tabs dd a:hover,
dl.tabs.nice dd a:hover {color:#F05930;}
dl.tabs dd.active a,
dl.tabs.nice dd.active a { background: #fff; color:#F05930; border-bottom:1px solid #fff; }
	
 
.tabs-content>li { padding:20px 0px; }
.contained.tabs-content { padding: 0; }
.contained.tabs-content>li { padding:20px 0px; border: solid 0 #CDCCC8; border-width: 0px 1px 1px 1px; }
.nice.contained.tabs-content>li { border-color: #000; }
 
	
 
	dl.tabs.vertical dd,  
	dl.nice.tabs.vertical dd { float: none; height: auto; }
	dl.tabs.vertical dd {padding:12px 0px 10px 30px !important; border:  dotted 0px #CDCCC8;border-width: 1px 0px 0px !important;display: block;}
 	dl.tabs.vertical dd:hover a , 
	dl.tabs.vertical dd.active a  { color:#F05930 !important; }
	dl.tabs.vertical dd:hover, 
	dl.tabs.vertical dd.active { height: auto; margin: 0; border-width: 1px 0 0; background: #f8f5eb;  }
	dl.tabs.vertical dd:first-child  {border-width: 0px !important; }

	dl.tabs.vertical dd p {	margin-bottom:0px !important;margin-top:10px;}	
 	dl.tabs.vertical dd a,  
 	dl.nice.tabs.vertical dd a {font-size: 14px;line-height:18px;height:auto !important;font-weight:400;border:none;padding:0px; padding-left:0px !important;background:none;text-transform:uppercase !important;}
 
	.nice.tabs.vertical { border-bottom:  dotted 0px #CDCCC8 !important ; height: auto; }
	
	.page_container.tabs_container.feeds .tabs.vertical dd,
	.page_container.tabs_container.feeds .nice.tabs.vertical dd {background-image:url(../images/website/rss.png) !important;}
	@media only screen and (max-width: 980px) {
		.page_container.tabs_container.feeds .nice.tabs dd { background-image:url(../images/website/rss.png) !important; }
	}
		
	.nice.tabs.vertical dd {background-image:url(../images/website/vertical-arrows.png) !important;background-repeat:no-repeat !important; background-position:0px -483px;  }
	.nice.tabs.vertical dd a { padding:0px; font-weight:normal;  border:0px; margin: 0; position: static;  background-color:transparent !important; }
	.nice.tabs.vertical dd:hover,
	.nice.tabs.vertical dd.active { background-color:#F8F5EB !important;background-position:0px 15px !important;  margin: 0; position: static; top: 0; height: auto; }
	.nice.tabs.vertical dd:hover a,
	.nice.tabs.vertical dd.active a {  background-color:transparent !important;  }
	.nice.tabs.vertical dd:first-child.active { margin: 0; }

	
	 ul.tabs-content>li {   margin-bottom:10px;padding-top:0px;} 
		ul.tabs-content   h2  {   text-transform:uppercase;}
		
	 ul.tabs-content { margin-left:0px !important;}

	@media only screen and (max-width: 980px) {
		
	 
	   /* ul.tabs-content>li { display:block !important; margin-bottom:10px;} */
	
	
			
 		dl.nice.tabs {  border-bottom: dotted 1px #CDCCC8 !important; }
	
		dl.tabs {height:auto !important;}
 
			
		dl.tabs dd,  
		dl.nice.tabs dd { float: none !important; height: auto; }
		dl.tabs dd {padding:12px 0px 10px 30px !important; border:  dotted 0px #CDCCC8;border-width: 1px 0px 0px !important;display: block;}
		dl.tabs dd:hover a , 
		dl.tabs dd.active a  { color:#F05930 !important; }
		dl.tabs dd:hover, 
		dl.tabs dd.active { height: auto; margin: 0; border-width: 1px 0 0; background: #f8f5eb;  }
		dl.tabs dd:first-child  {border-width: 0px !important; }

		dl.tabs dd p {	margin-bottom:0px !important;margin-top:5px;}	
		
		dl.tabs dd a,  
		dl.nice.tabs dd a {font-size: 14px;line-height:18px;height:auto !important;font-weight:400;border:none;padding:0px; padding-left:0px !important;background:none;text-transform:uppercase !important;}

		.nice.tabs { border-bottom:  dotted 0px #CDCCC8; height: auto; }
		.nice.tabs dd {background-image:url(../images/website/vertical-arrows.png) !important;background-repeat:no-repeat !important; background-position:0px -483px; }
		
		.nice.tabs dd a { padding:0px; font-weight:normal;  border:none; margin: 0; position: static;  background-color:transparent !important; }
	
		.nice.tabs dd:hover,
		.nice.tabs dd.active { background-color:#F8F5EB !important;background-position:0px 15px !important;  margin: 0; position: static; top: 0; height: auto; }
		.nice.tabs dd:hover a,
		.nice.tabs dd.active a {background-position:0px 25px !important; background-color:transparent !important; border:none !important  }
		.nice.tabs dd:first-child.active { margin: 0; }

	}
	
	
	dl.nice.tabs.tiny dd {padding-left:15px !important}
	
	
	@media only screen and (min-width: 10px) {
		.tabs p { font-size:14px !important;}
	}/************************************************************************************/
/* Tabs Ends ************************************************************************/
/************************************************************************************/





/************************************************************************************/
/* Navigation Begin *****************************************************************/
/************************************************************************************/

ul.nav-bar		  { height: 31px; border:0px; margin-top:7px; border:0px solid transparent; border-bottom:1px solid #cdccc8; width:100%; margin-bottom:0px; }	
ul.nav-bar > li 	  { line-height: 14px !important; border:1px solid #fff;border-bottom:0px solid #fff; }

.nav-bar > li > a { text-transform:uppercase; color:#000000; font-size: 13px; display: block; padding:8px 36px 8px 42px !important;  }

body.jp .nav-bar > li > a {padding:8px 60px 8px 66px !important;}

body.jp .flyout.publications-menu { width:171px;}
body.jp .flyout.publications-menu  ul.menu li a { padding-left:68px !important; }
body.jp .flyout.admissions-menu  { width:184px;}
body.jp .flyout.admissions-menu  ul.menu li a { padding-left:46px !important; }
body.jp .flyout.events-menu { width:211px;}
body.jp .flyout.news-menu 	{ width:160px;}	
body.jp	.flyout.about-menu 	{width: 230px; margin-left:0px;    }
body.jp	.flyout.about-menu  ul.menu li a { padding-left:69px !important; }
/*
body.jp .flyout.publications-menu { width:115px;}
body.jp .flyout.admissions-menu  { width:142px;}
body.jp .flyout.events-menu { width:211px;}
body.jp .flyout.news-menu 	{ width:160px;}	
body.jp	.flyout.about-menu 	{ width:185px; margin-left:51px;    }
*/
 
.nav-bar > li.has-flyout   	     { border-top:1px solid #fff; z-index:99900; }
.nav-bar > li.has-flyout:hover   { border-left:1px solid #cdccc8;border-top:1px solid #cdccc8; border-right:1px solid #cdccc8; }
 
body.mobile .nav-bar > li > a   {      }
body.mobile .nav-bar > li       { border:none !important }
 

 
	/*
		WARNING
		background position relative to the right padding of the menu 
			- more padding ? => more space in picture (ref - arrow.psd)
			- to make menu alligned to the center please correct the padding + add correct picture
		
	*/
	.nav-bar>li:hover > a {  color:#F05930 ; }
	.nav-bar>li:last-child { float:right; }
	.nav-bar>li.has-flyout>a {  		background: url(../images/website/horizontal-arrow.gif) no-repeat right 0px; }
	.nav-bar>li.has-flyout:hover > a {  background:  url(../images/website/horizontal-arrow.gif) no-repeat right -30px; }
	.nav-bar>li.has-flyout>a:after { content: none; width: 0; height: 0; border:none; display: block; position: relative; right: 18px; bottom: 20px; }
	.nav-bar>li li { line-height:18px;}
	.nav-bar>li { position:relative; }
	
	.flyout { background: #fafaf6; margin: 0; padding:0px; border: 1px solid #ddd; position: absolute;  border-top:1px solid #ddd !important; top: 30px; left: -1px; width: 400px; z-index: 10000; zoom:1 }
	
	
	.menu {margin:0px; padding:0px;}
	.menu li { min-height:21px; text-transform:uppercase;}
 	.menu li a { color:#000000; font-size:12px; padding: 5px 0px 5px 10px !important; padding-left:5px !important; display:block; }
 	.menu li a:hover {color:#fff; background:#F05930; }
	
 

	.menu li.border { border-top:1px dotted #DADBDB;}
	
	
	
	.flyout { border-top:none; padding:0px;}
	.flyout  li { padding-left:0px !important;margin-bottom:0px;}
	.flyout  li a {padding-left:28px !important;}
	.flyout  ul.menu li a { text-transform:uppercase;padding-left:28px !important; }
	
	
	.flyout.admissions-menu  { width:226px;}
	.flyout.publications-menu { width:156px;}
	.flyout.news-menu {  width:160px;}
	.flyout.events-menu { width:192px;}
	.flyout.about-menu { width:217px; margin-left:-96px;    }
 

/* START: Additional Styles For Navigation (Mobile hack) */	
	
@media only screen and (min-width:980px){body.mobile .nav-bar>li.has-flyout   	     { border-top:none; z-index:99900; }
		body.mobile .nav-bar>li.has-flyout:hover   { border-left:none;border-top:none; border-right:none; }

		body.mobile .nav-bar>li.has-flyout>a {  		background:none; }
		body.mobile .nav-bar>li.has-flyout:hover>a {  background:none; }}
/* END: Additional Styles For Navigation (Mobile hack) */	
/************************************************************************************/
/* Navigation Ends ******************************************************************/
/************************************************************************************/





/************************************************************************************/
/* Pagination Begin *****************************************************************/
/************************************************************************************/


#wp_page_numbers ul { display: block; height: 24px; margin-left: -5px; }
#wp_page_numbers ul li { float: left; display: block; height: 24px; color: #999; font-size: 15px; margin-left: 5px; }
#wp_page_numbers ul li a { display: block; padding: 6px 7px 4px; color: #000; }

#wp_page_numbers ul li.active_page a, 
#wp_page_numbers ul li:hover a,
#wp_page_numbers ul li a:focus { border-bottom: solid 2px #00a6fc; color: #141414; }

#wp_page_numbers ul li.space,
#wp_page_numbers ul li.space a { cursor: default; color: #999; }

#wp_page_numbers ul li.space:hover a, 
#wp_page_numbers ul li.space a:focus { border-bottom: none; }


#wp_page_numbers ul,
ul.pagination {
	margin-top:18px;
}

#wp_page_numbers ul li:hover a, 
#wp_page_numbers ul li a:focus,
ul.pagination li:hover a, 
ul.pagination li a:focus {
	border-bottom: solid 2px #F05930;
	color: #F05930;
}

#wp_page_numbers ul  li.active_page a ,
ul.pagination li.current a {
	border-bottom: solid 2px #DD9943;
	color: #000;
}
/************************************************************************************/
/* Pagination Ends ******************************************************************/
/************************************************************************************/





/************************************************************************************/
/* Orbit Begin **********************************************************************/
/************************************************************************************/

#promo {}
#promo_descr,#promo_descr p { height:20px; font-size:11px;  }

#promo,	
div.slider-nav  {overflow:hidden; width:100%; height:354px; overflow:hidden;}

	#promo .orbit-wrapper .orbit-caption { 
		background: #000; 
		z-index: 1000;  
		text-align: left;
		float:right;
		padding:0px; 
		height:100%;max-height:100%;
		overflow:hidden;
		right: 0;bottom: 0;width: 352px !important;
		font-family:   proxima-nova, "Proxima Nova", "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, "Lucida Grande", sans-serif;
	}
	
	body.jp #promo .orbit-wrapper .orbit-caption  {
		font-family:  Meiryo, "Meiryo UI", proxima-nova, "Proxima Nova", "Helvetica Neue", "HelveticaNeue", Helvetica,  sans-serif !important
	}

	
	
	.orbit_content { padding:20px 10px;font-size:20px }
	.orbit_content h6 { font-size:0.5em;}
 	.orbit_content h1 { font-size:1.1em; line-height:1em; margin-top:10px; }
	 h1.color-white a { color:#ffffff !important; }
	 h1.color-white:hover a:hover,
	 h1.color-white:hover a
	 { color:#DD9943 !important; }	
	.orbit_content p  { font-size:0.8em; }
	
	
	#promo img {  height:354px;}
	#promo div.slider-nav {width:100%;  margin-top:-354px}

	#promo div.slider-nav span {width: 39px;height: 64px; top: 80%;margin-top: -32px;cursor: pointer; }
	#promo div.slider-nav span.right {background:  url(../images/website/orbit-right-arrow.png); z-index:1000}
	#promo div.slider-nav span.left  {background:  url(../images/website/orbit-left-arrow.png);  z-index:1000}
	
	
	div.orbit-wrapper span.rotator   		{ background: url(../images/website/orbit-rotator-black.png) no-repeat !important; }
	div.orbit-wrapper span.mask.move 		{ background: url(../images/website/orbit-timer-black.png) repeat 0 0 !important; }
	div.orbit-wrapper span.pause 	 		{ background: url(../images/website/orbit-pause-black.png) no-repeat !important;}
	div.orbit-wrapper span.pause.active 	{ background: url(../images/website/orbit-pause-black.png) no-repeat 0 -40px }
	
	
	
@media only screen and (min-width:700px) and (max-width:980px){#promo, div.slider-nav  { height:310px; max-height:310px;}
		#promo img {  height:310px;}
		
		#promo div.slider-nav span.right {
				background:  url(../images/website/orbit-right-arrow.png); 
		}
		
		#promo div.slider-nav span.left  {
			background:  url(../images/website/orbit-left-arrow.png);  
		}

		#promo div.slider-nav span {
			z-index:100000;
			opacity:0.2;
			-webkit-transition: opacity 0.5s ease-in-out;
			-moz-transition: opacity 0.5s ease-in-out;
			-o-transition: opacity 0.5s ease-in-out;
			-ms-transition: opacity 0.5s ease-in-out;
			transition: opacity 0.5s ease-in-out;
		}

		#promo div.slider-nav span:hover { 
			opacity:1;
		} 

		.orbit_content { padding:20px 10px;font-size:20px }
		.orbit_content h1 { font-size:1.1em; line-height:1em; margin-top:10px; }
		.orbit_content h1.color-white a { color:#fff !important; }
		.orbit_content h1.color-white a:hover { color:#DD9943 !important; }	
		.orbit_content p  { font-size:0.7em; }
		
		
		.orbit-wrapper .orbit-caption { 
		   	font-family:   proxima-nova, "Proxima Nova", "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, "Lucida Grande", sans-serif;
		}
		body.jp .orbit-wrapper .orbit-caption  {
			font-family:  Meiryo, "Meiryo UI", proxima-nova, "Proxima Nova", "Helvetica Neue", "HelveticaNeue", Helvetica,  sans-serif !important
		}}
	
	
	
	
@media only screen and (max-width:700px){#promo,	div.slider-nav  { max-height:170px; width:100% ;}
		#promo img {width:100%; height:170px;}
		#promo .orbit-wrapper .orbit-caption {height:170px;margin:0px 0px 0px 0px;max-height:170px;left:0px; top:0px;width: 100% !important;background:transparent url(../images/ipad/orbit-bg.png);}

		#promo .orbit_content { font-size:16px !important; }
		#promo .orbit_content h6 { font-size:0.6em;}
		#promo .orbit_content p  { display:none;}}
	/************************************************************************************/
/* Orbit Ends ***********************************************************************/
/************************************************************************************/





/************************************************************************************/
/* Typography Begin *****************************************************************/
/************************************************************************************/

blockquote {  border-left:none; }

blockquote h4, blockquote em {  line-height:2.1rem; }
 blockquote em { font-size:14px;}/************************************************************************************/
/* Typography Ends ******************************************************************/
/************************************************************************************/