/*
 * --------------------------------
 * Overrides of ue2_0.css (header, footer, etc)
 * --------------------------------
 */
body {
 	background-image: url('/_img/body-bg.gif');
	background-repeat: repeat-x;
}
 
#page_content {
	width: 760px;
	position: relative;
	margin: 0 auto;
	font-family: Arial, Helvetica;
}

#page_header {
	width: 100%; /* (desired=1024) - (padding.horiz=40) */
	border-top: 2px solid #003F8E;
	background-image: url('/_img/body-bg.gif');
	background-repeat: repeat-x;
	height: 130px; /* img.height + border.height */
	background-position: 0 -2px;
}

#header_BackgroundMap {
	float: right;
	width: 760px; /* (desired=1024) - (padding.horiz=40) */
	background-image: url('/_img/header/bg_map.gif');
	background-repeat: no-repeat;
	background-position: right 1px; /* must offset by 1 pixel to avoid overlapping border on parent component */
	padding-bottom: 20px;
}

#header_logo {
	float: left;
	width: 237px;
	height: 47px;
	background-image: url('/_img/interior/logo-sm.gif');
	background-repeat: no-repeat;
	margin-top: 20px;
	margin-left: 20px;
}
.header_banner {
	float: right;
	width: 468px;
	height: 60px;
	margin-top: 20px;
	margin-right: 20px;
}

#header_login_country {
	float: left;
	/* fixed USEDU-818: must avoid explicit height to allow growth on line wrap   height: 30px; */
	width: 100%;
	background-color: #FAF9E7;
}

#authentication_container {
	float: left;
	margin-top: 8px;
	margin-left: 15px;
	_margin-left: 5px;
}
#authentication_container a, #authentication_container #authentication_welcome, #authentication_logout {
	text-decoration: none;
	font-size: 11px;
	color: #1B7ECD; /* light blue */
	font-weight: bold;
	white-space: nowrap;
}
#authentication_container a:hover {
	color: #83BF19; /* matches green in adjacent arrow */
}
#authentication_home {
	float: left;
	margin-left: 12px;
}
#authentication_home a {
	font-family: Arial;
	font-weight: bold;
	font-size: 11px;
	color: #B1B187;
}
#authentication_login {
	float: left;
	margin-left: 15px;
	padding-left: 11px; /* (image.width=9) + extra */
	background-image: url('/_img/arrows/arrow-green.gif');
	background-repeat: no-repeat;
	background-position: left 5px;
}
#authentication_newuser {
	float: left;
	margin-left: 15px;
	padding-left: 11px; /* (image.width=9) + extra */
	background-image: url('/_img/arrows/arrow-green.gif');
	background-repeat: no-repeat;
	background-position: left 5px;
}
#authentication_welcome {
	float: left;
	margin-left: 10px;
	padding-left: 11px; /* (image.width=9) + extra */
	background-image: url('/_img/arrows/arrow-green.gif');
	background-repeat: no-repeat;
	background-position: left 5px;
}
#authentication_logout {
	float: left;
	margin-left: 10px;
	padding-left: 11px; /* (image.width=9) + extra */
	background-image: url('/_img/arrows/arrow-green.gif');
	background-repeat: no-repeat;
	background-position: left 5px;
}

#HeaderRegionForm_container {
	float: right;
	width:538px;
        border-left:2px dotted #CCCCCC;
}
.countrylabel {
	float: left;
	font-size: 11px;
	color: #1B7ECD; /* light blue */
	font-weight: bold;
        margin-left:15px;	
	padding-left: 15px; /* (bgimage.width=9) + extra */
	margin-top: 8px;
	background-image: url('/_img/arrows/arrow-blue.gif');
	background-repeat: no-repeat;
	background-position: left 5px;
}
#HeaderRegionForm .CountryDropDown {
	float: left;
	width: 16.5em;
	margin-left: .5em;
	margin-top: 6px;
}

#HeaderRegionForm_container input {
	float: left;
	margin-left: 5px;
}

/*
 * Go button
 */
.home_header_go {
	width: 28px;
	height: 22px;
	margin-top: 4px;
	background-image: url('/_img/buttons/go.gif');
}
.home_header_go_rollover {
	background-image: url('/_img/buttons/go_ro.gif');
}

#page_footer {
	width: 760px; /* as per spec, do NOT span full page width */
	margin-top: 10px;
	color: #CCCCCC; /* default gray for footer text */
	border-top: 1px dashed #CCCCCC;
	font-style: Arial;
	font-size: 11px;
}
#footer_left {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	float: left;
}
#hobsons_logo {
	float: left;
	width: 135px; /* size of image */
	height: 50px;
	background-image: url('/_img/footer/logo-hobsons.gif');
	background-repeat: no-repeat;
}
#footer_middle {
	float: left;
	width: 456px;
}
#footer_links {
	padding-top: 10px;
	text-align: center;
	color: #CCCCCC;
}
#footer_links a {
	color: #CCCCCC; /* all footer text is in gray */
}
#footer_links a:hover {
	color: #7FAB31; /* green to really stand out */
}
#footer_copyright {
	padding-top: 10px;
	text-align: center;
	color: #CCCCCC;
}
#footer_right {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	float: right;
}
#nafsa_title {
	margin-left: 7px;
	text-align: left;
	color: #3b5f91;
	font-style: Arial;
	font-size: 10px;
	line-height: 1.5em; /* image.height */
	padding-bottom: 3px;
}
#nafsa_logo {
	float: left;
	width: 80px; /* size of image */
	height: 50px;
	background-image: url('/_img/footer/logo-nafsa.gif');
	background-repeat: no-repeat;
}

/*
 * --------------------------------
 * New styles exclusive to home page
 * --------------------------------
 */
#home_content {
	width: 1004px; /* (desired=1024) - (padding.horiz=20) */
	_width: 600px;
	padding-left: 20px;
}
#home_content a {
	color: #014076; /* dark blue used for links */
	text-decoration: none;
}
#home_content a:hover {
	color: #7FAB31; /* green to match adjacent arrow */
}

.home_row {
	float: left;
	width: 984px; /* (desired=1024) - (padding.horiz=20) - (parent-padding.horiz=40) */
	padding-top: 20px;
	padding-left: 10px;
}

#home_TopRow {
	background-image: url('/_img/home/bg_homecontent.png');
	background-repeat: repeat-x;
	background-position: left top;
}
.home_LeftColumn {
	float: left;
	width: 410px; /* (desired=425) - (padding.horiz=15) */
	padding-left: 15px;
}
.home_RightColumn {
	float: left;
	width: 525px; /* approx by spec */
	margin-left: 25px; /* note: left column has some extra whitespace defined via explicit width */
	padding: 0;
}

#home_welcome {
	float: left;
	width: 400px; /* as per spec */
	padding-left: 10px;
	font-size: 14px;
	color: #006BC9; /* dark blue */
	font-weight: bold;
}
#home_BeginSearchNow {
	width: 294px;
	height: 25px;
	background-image: url('/_img/home/begin-your-search-now.gif');
	background-repeat: no-repeat;
}
#home_WrapToAlignBegin {
	float: left;
	margin-left: 25px;
}
#home_SearchDescription {
	font-size: 13px;
	color: #006BC9; /* dark blue */
	font-weight: bold;
}
#home_SeeFeatured {
	font-size: 11px;
	color: #006BC9; /* dark blue */
}

#home_ChooseRegionAndLevel {
	float: left;
	width: 400px; /* (home_welcome.width=400) */
	height: 180px;
	margin-top: 20px;
}
#home_ChooseRegionAndLevel .panel {
	height: 155px;
	padding: 10px;
}

#HomeSimpleSearch_container {
	margin-top: 10px;
}
#HomeSimpleSearch .forminput {
	margin-top: 7px;
}
#HomeSimpleSearch .forminput select {
	width: 16.5em;
}
#HomeSimpleSearch .formsubmit {
	margin-top: 10px;
}


/* Nifty Corners with borders is tricky. we must use multiple divs. See comment in tabs.css for explanation of this approach. */
#home_FeatureSlideshow {
	position: relative;
}
#home_FeatureSlideshow_content {
	height: 220px; /* approx by spec */
	_height: 255px;
	padding: 10px;
}
#home_FeatureSlideshow_content img {
	border: none;
}

/* adapted from cycle example: http://www.malsup.com/jquery/cycle/pager.html */
#nav_wrapper {
	position: absolute;
	right: 20px;
	bottom: 5px;
	z-index: 999; /* nav panel is super-imposed on slideshow images, the exact value must be greater than number of slides in slideshow */
	background-color: #777777;
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-weight: bold;
}
#nav a {
	float: left;
	padding: 2px 5px;
	color: #FFFFFF;
	text-decoration: none;
}
#nav a.activeSlide {
	background: #FFFEE9;
	color: #000000;
}
#nav a:focus {
	outline: none;
}
#nav a:hover {
	color: #83BF19; /* green used in arrows elsewhere on page */
}

#home_RequestInfo {
	float: left;
	padding-left: 15px; /* want all content to align with green arrow in top row */
	padding-bottom: 10px; /* push border down */
	padding-right: 85px; /* force border to extend beyond content */
	border-bottom: 3px solid #EFEBC8; /* see dark yellow in tab border */
}
.home_SectionTitle_left {
	font-size: 16px;
	color: #006BC9; /* light blue */
	font-weight: bold;
	padding-left: 25px; /* (image.width=18) + extra */
	background-image: url('/_img/arrows/arrow-content-link.gif');
	background-repeat: no-repeat;
	background-position: left 5px;
}
.home_SectionDescription_left {
	font-size: 12px;
	color: #006BC8; /* light blue */
	font-weight: normal;
	margin-left: 25px; /* align with title */
}
#home_RequestInfo_buttons {
	margin-top: 10px;
	margin-left: 25px; /* align with title */
}
#home_RequestInfo_buttons img {
	float: left;
	border: none;
	margin-right:  10px;
	margin-bottom: 10px;
}

#home_TestPreparation {
	float: left;
	margin-top: 20px;
	padding-left: 15px; /* want all content to align with green arrow in top row */
}
#home_TestPreparation ul {
	list-style-image: url('/_img/arrows/feature-link-arrow-FF.gif');
	_list-style-image: url('/_img/arrows/feature-link-arrow-IE.gif');
	font-size: 12px;
}
#home_TestPreparation li {
	padding-bottom: 5px;
}

#home_BlogAndArticleColumn {
	float: left;
	width: 215px; /* approx per spec */
	font-size: 11px;
	color: #014076; /* dark blue */
	font-weight: bold;
}
#home_BlogAndArticleColumn ul {
	margin: 0;
	padding-top: 5px;
	padding-bottom: 0;
	padding-left: 10px;
	list-style-image: url('/_img/arrows/feature-link-arrow-FF.gif');
	_list-style-image: url('/_img/arrows/feature-link-arrow-IE.gif');
}
#home_BlogAndArticleColumn li {
	margin-top: 5px;
	margin-right: 3px;
}
#home_BlogAndArticleColumn .SeeAll {
	font-weight: normal;
}
#home_BlogAndArticleColumn img {
	border: none;
}
#home_BlogAndArticleColumn .content {
	padding-left: 20px;
	padding-right: 5px;
}

#home_blog_top {
	width: 215px; /* as per column width */
	height: 54px;
	/* background: url('/_img/home/blog-bg-top.gif') no-repeat; */
}
#home_blog_bottom {
	height: 7px;
	background: url('/_img/home/blog-bg-bottom.gif') no-repeat;
}
#home_blog_content {
	background: url('/_img/home/blog-bg-middle.gif') repeat-y;
}


#home_Articles {
	margin-top: 10px;
}
#home_article_top {
	width: 215px; /* as per column width */
	height: 46px;
}
#home_article_bottom {
	height: 10px;
	background: url('/_img/home/article-bg-bottom.gif') no-repeat;
}
#home_article_content {
	background: url('/_img/home/article-bg-middle.gif') repeat-y;
}


#home_AdColumn {
	float: left;
	padding-top: 5px;
	padding-left: 10px;
}
#home_AdColumn img {
	border: none;
}
#home_Ad {
}

.corner_topleft {
	width: 6px;
	height: 6px;
	background-image: url('/_img/corners/corner-tl.gif');
	background-repeat: no-repeat;
}
.corner_topright {
	width: 6px;
	height: 6px;
	background-image: url('/_img/corners/corner-tr.gif');
	background-repeat: no-repeat;
}
.corner_bottomleft {
	width: 6px;
	height: 6px;
	background-image: url('/_img/corners/corner-bl.gif');
	background-repeat: no-repeat;
}
.corner_bottomright {
	width: 6px;
	height: 6px;
	background-image: url('/_img/corners/corner-br.gif');
	background-repeat: no-repeat;
}




/*
 * West nav panel styles.
 */

.westnav {
	padding: 5px !important;
	font-size: 12px !important;
	width: 143px !important; /* approx by spec */
}
.westnav .ui-panel-container {
	margin: 15px 0;
}

#westnav_InstitutionTypePanel {
}
#westnav_InstitutionTypePanel_padding {
	padding: 1px 5px; /* not sure why, but without 1+ vertical padding, the panel does not display correctly */
	background-color: #FFFFE7; /* light yellow as per spec. must match color in panel image. */
}

.verticalTab {
	padding-bottom: 10px;
	border-bottom: 1px solid #DDECC5; /* light gray as per spec */
}
.verticalTab_top {
}
.verticalTab_bottom {
	border-bottom: none !important;
}

.westnav_Link {
	font-weight: bold;
	background: url('/_img/arrows/arrow-blue.gif') no-repeat;
	background-position: left 5px;
	padding-left: 12px;
	margin-top: 10px;
	margin-left: 5px; /* left-align with panel contents */
}
.westnav_Link a {
	color: #69A801; /* green as per spec */
}
.westnav_Link a:hover {
	color: #5FA2D9; /* blue to match arrow */
}

.westnav_InstitutionTypeLink {
	font-weight: bold;
	margin-top: 10px;
}
.westnav_InstitutionTypeLink a {
	color: #69A801; /* green as per spec */
}
.westnav_InstitutionTypeLink a:hover {
	color: #5FA2D9; /* blue to match nearby arrows */
}

.westnav_FeaturedSchoolLink {
	background: url('/_img/arrows/arrow-blue.gif') no-repeat;
	background-position: left 5px;
	padding-left: 12px;
}
.westnav_FeaturedSchoolLink a {
	color: #5FA2D9; /* blue as per spec */
	text-decoration: underline;
}
.westnav_FeaturedSchoolLink a:hover {
	color: #69A801; /* green to match arrow */
}

.westnav_MiscLink {
	font-size: 11px !important;
	margin-top: 5px;
	margin-left: 5px; /* left-align with panel contents */
}
.westnav_MiscLink a {
	color: #5FA2D9; /* blue as per spec */
}
.westnav_MiscLink a:hover {
	color: #69A801; /* green to match nearby links */
}

/* Addition of the social media icons to the pages */
#socialMedia {
  margin:0px;
  width:135px;
  height:24px;
  float:right;
}

.smTwit{
  float:left;
  width:24px;
  height:23px;
  background-image:url(/_img/tw_icon.jpg);
  background-position:0 0;
  background-repeat:no-repeat;
  cursor:pointer;
  margin-right:4px;
  margin-top:2px;
}

.ui-state-hover .smTwit{
  background-position: 0 -24px !important;
}

.smFacebook{
  float:left;
  width:24px;
  height:23px;
  background-image:url(/_img/fb_icon.jpg);
  background-position:0 0;
  background-repeat:no-repeat;
  cursor:pointer;
   margin-top:2px;
 }

.ui-state-hover .smFacebook{
  background-position: 0 -24px !important;
}

.followTag{
  width: 67px; 
  float:left;
  margin-top:6px; 
  color:#cccccc;
}
 
/*End of social media css */