@charset "UTF-8";
/*
* University of California Education Abroad Program
*/


* {
	margin: 0;
	padding: 0;
}
html {
	min-width: 1082px;
	height: 100%;
	width: 100%;
}

/* MASTER PAGE STYLES */
body
{
	background:#fcfaf5;
	font-family:Arial, Helvetica, sans-serif;
	font-size:small;
	color: #000000;
}

#sections ul 
{
	margin-left: 35px;
	margin-top: 15px;
	margin-bottom: 15px;
}

#sections ol 
{
	margin-left: 35px;
	margin-top: 15px;
	margin-bottom: 15px;
}


#parent_container
{
	width:1000px;
}

#header_container
{
	padding-left: 6px;
	margin-top: 10px;
	height: 55px;
	vertical-align: bottom;
	text-align:left;
	
}

#header_left
{
	height: 55px;
	width: 600px;
	/* background:url("/Style Library/Images/ProgramGuides/UCEAPLogoHorizSmall.jpg") top left no-repeat; */
	float: left;
}

#header_title
{
	font-family:Georgia, "Times New Roman", Times, serif; 
	font-size:large;   
	color:#999999; 
	font-weight:bold;
	/* padding-top: 24px; */
	/* padding-left: 220px; */
}

#header_right
{
	float: right;
	vertical-align: bottom;
	background:url("/Style Library/Images/ProgramGuides/home_tab.jpg") bottom right no-repeat;
	height: 55px;
	width:80px;
	margin-right: 5px;
}

#content_container
{
	background-color: #ffffff;
}

#content_container_left
{
	background:url(/Style%20Library/Images/ProgramGuides/shadow_left.png) top left repeat-y; 
}

#content_container_right
{
	background:url(/Style%20Library/Images/ProgramGuides/shadow_right.png) top right repeat-y; 
}

#content_container_inner
{
	background:url(/Style%20Library/Images/ProgramGuides/shadow_bottom.gif) bottom left repeat-x;
	width:988px;
	text-align:left;
	padding-bottom: 25px;
}

#footer_container
{
	width: 988px;
	font-size: x-small;
	color: #999999;
	margin-bottom: 25px;
}

.disclaimer
{
	font-size: x-small;
	color: #999999;
	margin-top: 25px;
}

/* PAGE LAYOUT STYLES */

#page_content
{
	padding: 30px 50px 30px 50px;
}

#top_content
{
	min-height: 280px;
	width: 570px;
	overflow: hidden;
	margin-bottom: 10px;
}

#page_header
{
	height:60px; 
	background:url(/Style%20Library/Images/ProgramGuides/page_header_bkgrd.jpg) top left repeat-y;		
}

.page_title
{
	font-family: Georgia, "Times New Roman", Times, serif; 
	font-size:21px;
	padding-right: 50px; 
	color: #FFFFFF!important; 
	font-weight: bold;
	padding-top: 17px;
	padding-left: 25px;
}

#feature_box
{
	width: 300px;
	height: 350px;
	background:url(/Style%20Library/Images/ProgramGuides/feature_box_bkgrd.png) top left no-repeat;
	float: right;
	margin-right: 50px;
	position: relative;
	top: -40px;

}

#feature_content
{
	margin: 15px 20px 15px 20px;
	max-height: 320px;
	overflow: hidden;
}

.feature_title
{
	font-family:Georgia, "Times New Roman", Times, serif; 
	font-size:large;   
	color:#003366; 
	font-weight:bold;
	text-align:center;
	margin-bottom: 15px;
}

.intro_title
{
	font-family:Georgia, "Times New Roman", Times, serif; 
	font-size:large;   
	color:#003366; 
	font-weight: bold;
	text-align:left;
	margin-bottom: 15px;
}

.callout
{
	border-top: 1px #5b86d2 dotted;
	border-bottom: 1px #5b86d2 dotted;
	font-style: italic;
	background-color: #fdf9eb;
	margin-top: 10px;
	margin-bottom: 15px;
	padding: 10px 20px 15px 20px;
}

.page_instructions
{
	margin-bottom: 10px;
}

/* LINKS */
a:link, a.feature:link
{
	color:#5b86d2;
}

a:hover, a.feature:hover
{
	color:#5b86d2;
	text-decoration:underline;
}

a:visited, a.feature:visited
{
	color:#5b86d2;
}

a.feature:link, a.feature:hover, a.feature:visited
{
	font-weight: bold;
}

/* STYLES FOR JQUERY EXPAND/COLLAPSE MENUS */

#sections
{
	padding: 0px;
}

.section_heading_container
{
	cursor: pointer;
	position: relative;
	background:url(/Style%20Library/Images/ProgramGuides/section_bkgrd.png) top left repeat;
	height:60px;
	border-top: 1px #999999 solid;
	margin:0px;
	border-right: 1px #59b5de dotted;
}

.section_heading_container2
{
	cursor: pointer;
	position: relative;
	background:url(/Style%20Library/Images/ProgramGuides/section_bkgrd.png) top left repeat;
	height:40px;
	border-top: 1px #999999 solid;
	margin:0px;
	border-right: 1px #59b5de dotted;
}

.section_content 
{
	background-color:#FFFFFF;
	border-top: 1px #999999 solid;
	padding-left: 75px;
	padding-right: 15px;
	padding-bottom: 25px;
}

.section_border_last
{
	height: 0px;
	border-bottom: 1px #999999 solid;
}

.section_head
{
	padding: 10px 10px 5px 15px;
	float: left;
	font-size:medium;
	color: #003366;
	font-weight:bold;
}

.section_head2
{
	padding: 10px 10px 5px 15px;
	float: left;
	font-size:medium;
	color: #003366;
	font-weight:bold;
}

.section_subtitle
{
	font-size: small;
	font-style:italic;
	font-weight: normal;
	color: #666666;
}

.section_content_header
{
	font-size: medium;
	color: #5b86d2;
	font-weight: bold;
	margin-bottom: 10px;
	margin-top: 15px;
}

/* The following 3 classes support the +/- icon switching. */
.section_icon
{
	width:60px;
	height: 60px;
	float:left;
	border-right: 1px #59b5de dotted;
	background-color: #FFFFFF;
}

.section_icon2
{
	width:60px;
	height: 40px;
	float:left;
	border-right: 1px #59b5de dotted;
	background-color: #FFFFFF;
}

.section_opened
{
	background:url(/Style%20Library/Images/ProgramGuides/minus_icon.png) center no-repeat;
	background-color: #FFFFFF;
}

.section_closed
{
	background:url(/Style%20Library/Images/ProgramGuides/plus_icon.png) center no-repeat;
	background-color: #FFFFFF;
}

/* Styles for expanding sub-sections */
.section_heading_container_sub
{
	cursor: pointer;
	position: relative;
	background-color: #f2f7ff;
	height:35px;
	border-top: 1px #59b5de dotted;
	margin:0px;
	border-right: 1px #59b5de dotted;
}

.section_heading_container_sub_first
{
	cursor: pointer;
	position: relative;
	background-color: #f2f7ff;
	height:35px;
	margin:0px;
	border-right: 1px #59b5de dotted;
}


.section_content_sub
{
	background-color:#FFFFFF;
	border-top: 1px #59b5de dotted;
	padding-top: 15px;
	padding-left: 57px;
	padding-right: 15px;
	padding-bottom: 25px;
}

.section_border_last_sub
{
	height: 0px;
	border-bottom: 1px #999999 solid;
}

.section_head_sub
{
	padding: 9px 10px 5px 15px;
	float: left;
	font-size:14px;
	color: #003366;
	font-weight:bold;
}

/* The following 3 classes support the +/- icon switching. */
.section_icon_sub
{
	width:35px;
	height: 35px;
	float:left;
	border-left: 1px #59b5de dotted;
	border-right: 1px #59b5de dotted;
	background-color: #FFFFFF;
}

.section_opened_sub
{
	background:url(/Style%20Library/Images/ProgramGuides/minus_icon_sub.png) center no-repeat;
	background-color: #FFFFFF;
}

.section_closed_sub
{
	background:url(/Style%20Library/Images/ProgramGuides/plus_icon_sub.png) center no-repeat;
	background-color: #FFFFFF;
}
.section_content_parent
{
	background-color:#FFFFFF;
	border-top: 1px #999999 solid;
	padding-left: 60px;
	padding-right: 0px;
	padding-bottom: 0px;
}

/*
-----------------------------------------------------------------------------
  Top Navigation
-----------------------------------------------------------------------------
*/
/* arrow for flyouts */
.menu-horizontal span.dynamic-children span.additional-background {
	padding-right: 0px;
	background-image: none;
}
.menu-horizontal a.dynamic-children span.additional-background {
	padding-right: 0px;
	background-image: none;
}
/* item style */
.s4-tn li.static > .menu-item {
	color: #292929;
	white-space: nowrap;
	border: 0px none transparent;
	background-color: transparent;
	height: 17px;
	padding: 7px 10px 5px;
	display: inline-block;
	vertical-align: middle;
	font-size: 1.5em;
	border-left: 1px solid transparent;
	border-right: 1px solid transparent;
}
/* selected style */
.s4-tn li.static > .selected {
	background-color: #ffebc8;
	border-color: #e5ad45;
	color: #292929;
}
/* item style hover */
.s4-tn li.static > a:hover {
	background-color: #ffebc8;
	border-color: #e5ad45;
	color: #292929;
	text-decoration: none;
}
/* flyout holder */
.s4-tn ul.dynamic {
	background-color: #F09100;
	border: 0px none;
	padding-top: 1px;
}
/* flyout item */
.s4-tn li.dynamic > .menu-item {
	display: block;
	white-space: nowrap;
	font-weight: normal;
	background-color: #ffebc8;
	background-repeat: repeat-x;
	border: 1px solid #F09100;
	border-top: 0px;
	color: #292929;
	line-height: 1.2em;
	font-size: 1.5em;
}
/* flyout item hover */
.s4-tn li.dynamic > a:hover {
	font-weight: normal;
	text-decoration: none;
	background-color: white;
	color: #292929;
}
/*
-----------------------------------------------------------------------------
  Overrides for out of the box Sp css
-----------------------------------------------------------------------------
*/
/* hide body scrolling (SharePoint will handle) */
body {
	height: 100%;
	overflow: hidden;
	width: 100%;
}
/* popout breadcrumb menu needs background color for firefox */
.s4-breadcrumb-menu {
	background: #F2F2F2;
}
/* body area  */
.s4-ca {
	margin-left: 165px;
}
/* fix scrolling on list pages */
#s4-bodyContainer {
	position: relative;
}
/* fix the font on some ootb menus */
.ms-authoringcontrols {
	font-family: Verdana,Arial,sans-serif;
	line-height: normal;
}
.propertysheet {
	font-family: Verdana,Arial,sans-serif;
	line-height: normal;
}
/* fix the font on forms like the survey */
.ms-formlabel {
	font-family: calibri, arial, sans-serif;
}
.ms-ltviewselectormenuheader .ms-viewselectorhover a {
	font-family: calibri, arial, sans-serif;
}
.ms-ltviewselectormenuheader .ms-viewselector a {
	font-family: calibri, arial, sans-serif;
}
/* hide the hover state for teh ribbon links */
#s4-ribbonrow a:hover {
	text-decoration: none;
}
/* fix ribbon line height */
#s4-ribbonrow {
	line-height: normal;
}
/* make the ribbon color match the branding*/
body #s4-ribboncont {
	background-color: #313031;
}
/* make site settings links look normal */
.ms-linksection-level1 ul li a {
	font-weight: normal;
}
/* make the site actions colors match the branding */
.ms-siteactionsmenuinner {
	/*	background:url("/_layouts/images/bgximg.png") repeat-x scroll 0 -467px #313031;*/
	border-color: #313031;
}
/* fix margins when dialog is up */
.ms-dialog .customBody {
	margin-left: 0 !important;
	margin-right: 0 !important;
	min-height: 0 !important;
	min-width: 0 !important;
	width: auto !important;
	height: auto !important;
	background-color: white !important;
	background-image: none !important;
	padding: 0px !important;
	overflow: inherit;
}
.ms-dialog .customPageWidth {
	margin-left: 0 !important;
	margin-right: 0 !important;
	min-height: 0 !important;
	min-width: 0 !important;
	width: auto !important;
	height: auto !important;
	background-color: white !important;
	background-image: none !important;
	padding: 0px !important;
	overflow: inherit;
}
/* dialog bg */
.ms-dialog body {
	background-color: white;
	background-image: none;
}
/* fix dialog padding */
.ms-dialog .s4-wpcell-plain {
	padding: 4px;
}
/* fix field edit mode width problems */
.ms-formfieldvaluecontainer {
	overflow: hidden;
}
/* fix the blog font size */
.ms-PostBody {
	font-size: 100%;
}