/* styles copied from Marcom CSS so it is easier to use WYSIWYG view */

/* overrides from complete.css */
.aside img 		{margin-top: 58px;}
blockquote 		{background-position: 18px 6px; font-size:12px; font-weight: normal;}
blockquote span {display: block; font-style: italic; padding-bottom: 8px; padding-top: 6px; text-align: right;}
caption 		{display: none;}

/* overrides from header style.css */
#g-header #g-global-menu li a {font-size: 18px;}

/* faculty-heading */
.header #logo {width: 255px; height: 125px; float: left; margin: -35px 10px 10px 0px; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2); z-index: 10000; position:absolute;}
html* .header #logo { margin-left: -270px;}
.header .hgroup {margin: 0 0 0 265px;}
.header .hgroup h1  {font-size: 28px;}

/* background header image */
body.headingblock 	{background: url(/template-assets/1-1-0/images/backgrounds/header-spots.jpg) top center no-repeat;} 
body.content 		{background: url(/template-assets/1-1-0/images/backgrounds/header-spots.jpg) top center no-repeat;}

.banner .banner-text  {background: none repeat scroll 0 0 rgba(49, 71, 120, 0.8); bottom: 0; left: 0; padding: 0 0; pointer-events: none; position: absolute; width: 100%;}
.banner .banner-text p 		{margin: 0 20px 6px 20px;}
.banner .banner-text p a 	{border: 0 none; color: #FFFFFF; font-size: 18px; font-weight: normal; letter-spacing: 1px; line-height: 1.3;}

.main {padding: 10px 0 0;} 
table {margin-bottom: 10px;}

a.icon {margin: 8px 0;}

/* menu overides/additions from complete.css */
.nav a.current  {color: #CC3333;}
.nav .current:before {content: ""; /*position: relative; top: 0.35em;*/}
.nav ul li { font-family: Arial, Helvetica, sans-serif; font-size: 13px;} 
/*.nav ul li.open, .nav ul li.closed  {position: relative;} 
.nav ul li.open a, .nav ul li.closed a  {padding-right: 40px;}
html* .nav ul li.open a    {padding-right: 60px;}
html* .nav ul li.closed a  {padding-right: 60px;}*/

/* breadcrumbs - not in use yet*/
.breadcrumbs { font-size: 9px; text-decoration: none; display: none;}
.main .breadcrumbs a { border-bottom: 0px; color: #5f6e7d}

/* home page */
.home .aside h3, .home .main h3 { border-bottom: 1px solid #4C5E71; padding-bottom: 2px; margin-bottom: 6px; color: #4C5E71 !important}
.home .aside h3 a,.home .main h3 a { border: 0px; color: #4C5E71 !important}
.home .aside h3 a:hover, .home .main h3 a:hover { text-decoration: none; color: #CC3333 !important;} 
.home .main ul 		{margin-top: 5px; list-style: none; padding-left: 0px; }
.home .main ul a 	{position: relative; border: 0px; padding-left: 12px; display:block; color: #4C5E71 !important}
.home .main ul a:before {position: absolute; left: 0px; content: "•";}
.home .main a:hover, #news a:hover  {border-bottom:none; color: #CC3333 !important;}
.main a:visited, .main a:visited:hover, #news a:visited, #news a:visited:hover { border-bottom: none; }
.home .main 	{padding-top: 10px;}
.home .aside 	{margin-top: 0; padding-top: 10px;}
.home .aside img {margin-top: 0px;}

/* content page */
.landing h3 { border-bottom: 1px solid #4C5E71; padding-bottom: 2px; margin-bottom: 6px; }
.landing .main ul { margin-top: 5px; list-style: none; padding-left: 0px; }
.landing .main ul a { position: relative; border: 0px; padding-left: 12px; }
.landing .main ul a:before { position: absolute; left: 0px; content: "•"; }
.landing .main a:hover, .landing .main a:focus, #news a:hover, #news a:focus  {border-bottom:none;}
.landing ul li {list-style-type: none;}
.landing ul {padding-left: 0;}
.landing .main ul a:before, .main .landing ul a:before {content: "•"; left: 0; position: absolute;} 
.main .landing a {border: medium none; display: block; padding-left: 12px; position: relative;}

.heading h3 {
    border-bottom: 1px solid #4C5E71;
    margin-bottom: 6px;
    padding-bottom: 2px;
}

/* -- image -- */
.imgleft 	{float:left; padding:0 10px 10px 0;}
.imgright  	{float:right; padding:0 0 10px 10px;}

.aside .profile 			{float: right; margin: 0 0 15px 20px; text-align: center}
.aside .profile img 		{border: solid 1px #686868}
.aside .profile .caption 	{font-size: 11px; color: #666; font-family:Tahoma, Geneva, sans-serif; text-align: center}
.aside .profile .info 		{font-size: 11px; color: #666; font-family:Tahoma, Geneva, sans-serif; text-align: left}

.left 		{float: left}
.right		{float: right}
.textcenter {text-align: center;}
.textleft 	{text-align: left}
.textright 	{text-align: right;}
.clear 		{clear: both;}

.icon-open 	 {color: #002244; background: url(/template-assets/1-1-0/images/icons/tick-30.png) no-repeat; border: 1px solid #afc4e4; padding: 6px 4px 6px 40px;}
.icon-open  .button { float: right; margin: -5px 0px 10px 0}
.icon-closed {color: #600; background: url(/template-assets/1-1-0/images/icons/cross-30.png) no-repeat; border: 1px solid #dfa19f; padding: 4px 40px;}
.icon-closed  .button   {display:none;}

.note  {background: url(/template-assets/1-1-0/images/icons/note-40.png) no-repeat scroll 2% 50%; display: block; padding: 10px 10px 10px 60px; border: solid 1px #eee; margin: 0 0 15px;}
.important  {background: url(/template-assets/1-1-0/images/icons/flag-40.png) no-repeat scroll 2% 50%; display: block; padding: 10px 10px 10px 60px; border: solid 1px #eee; margin: 0 0 15px;}
div.profile-left		{float: left; margin: 0 15px 20px 0;}
div.profile-right, div.profile 		{float: right; margin: 0 0 15px 20px;}
div.profile-left img, div.profile-right img, div.profile img 		{border: solid 1px #686868}
div.profile-left .caption, div.profile-right .caption, div.profile .caption 	{font-size: 11px; color: #666; font-family:Tahoma, Geneva, sans-serif; text-align: center}

.email {background: url(/template-assets/1-1-0/images/icons/email2.png) no-repeat scroll right center transparent; padding: 0 14px 0 0; width: 13px; opacity: 0.6}
.email:hover {opacity: 0.8}

/* --- Footer --- */
.footer a.facebook, .footer a.twitter, .footer a.youtube, .footer a.linkedin, .footer a.blog, .footer a.rss  {background-color: #686868; border-radius: 3px 3px 3px 3px; color: #F2F2F2; float: left; margin: 6px 2px 0; padding: 4px 4px 4px 24px; text-decoration: none; opacity: 0.8}

.footer a.facebook:hover, .footer a.twitter:hover, .footer a.youtube:hover, .footer a.linkedin:hover, .footer a.blog:hover, .footer a.rss:hover { opacity:0.9}

a.youtube {background: url(/template-assets/1-1-0/images/icons/youtube-32.png) no-repeat scroll left center;}
a.facebook {background: url(/template-assets/1-1-0/images/icons/facebook-32.png) no-repeat scroll left center;}
a.twitter {background: url(/template-assets/1-1-0/images/icons/twitter-32.png) no-repeat scroll left center;}
a.linkedin {background: url(/template-assets/1-1-0/images/icons/linkedin-32.png) no-repeat scroll left center;}
a.blog {background: url(/template-assets/1-1-0/images/icons/wordpress-32.png) no-repeat scroll left center;}
a.rss {background: url(/template-assets/1-1-0/images/icons/rss-32.png) no-repeat scroll left center;}

.footer a.button {-moz-transition: all 150ms linear 0s; background-color: #686868; background-image: -moz-linear-gradient(center top , #888888, #666666); border: 0 none; border-radius: 4px 4px 4px 4px; color: #FFFFFF; display: inline-block; float: left; margin: 5px 5px 10px 0; padding: 5px 14px 4px; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3); vertical-align: middle;}

.footer a.button:hover, .footer a.button:focus { box-shadow: 0 0 10px #CCC;}
a.button, a.button:visited {color: #fff; border: 0px; border: 0px; text-decoration: none;}  
a.button:hover, a.button:visited:hover {color: #fff;  text-decoration: none;}
a.button:after {font-family: trebuchet; font-size: 1.7em; font-weight: bold; margin: 0px 0px 0px 12px; line-height: 0.5; color: #FFFFFF;}
a.button:hover, a.button:focus {box-shadow: 0px 0px 10px #446791; -webkit-box-shadow: 0px 0px 10px #446791; -moz-box-shadow: 0px 0px 10px #446791; -o-box-shadow: 0px 0px 10px #446791;} 


/* overrides from RSS feed */
.rssincl-trial-header, .rssincl-backlink {display: none;}


/* outlook_promo 22.10.2012 updated 29.06.2014
-------------*/
#outlook_promo { width: 940px; margin-left: 20px; margin-bottom: 20px; }
#outlook_promo_overview { width: 940px; height: 290px; display: block; }

#outlook_promo_logo
{ 
	width: 940px;
	height: 340px; 
	background-image: url(/template-assets/images/outlook_promo_conference.jpg);
	background-repeat: no-repeat;
	text-align: left;
}

#outlook_promo_info { width: 480px; float: right; color: #FFF; }
#outlook_promo_sponsors { font-size: 14px; margin: 12px 0px 0px 0px; }
#outlook_promo_title { font-size: 14px; margin: 12px 0px 0px 0px; color: #F3C519; }
#outlook_promo_info h2 { font-size: 24px; font-weight: bold; padding: 0px !important; margin-top: 6px; color: #FFF }
#outlook_promo_dates { font-size: 14px; margin: 12px 0px 0px 0px !important; }

#outlook_promo_links
{ width: 940px; height: 58px; padding: 0px !important; margin: 0px !important; border-bottom: 1px solid #B9CFE7; background: #eef7ff; }

#outlook_promo_links li
{
	width: 234px;
	height: 58px;
	display: inline-block;
	text-align: center;
	float: left;
	border-left: 1px solid #B9CFE7;
}

#outlook_promo_links li:last-child { border-right: 1px solid #B9CFE7; width: 233px; }
#outlook_promo_links li h3 { padding-top: 16px !important; }
#outlook_promo_links li h3:hover { color: #CC3333 !important; }

#outlook_promo_twitter 
{ 
	padding-left: 50px; 
	margin-top: 20px; 
	background-image: url(/miaesr/events/conferences/Outlook_2012/images/outlook_promo_twitter_icon.png); 
	background-repeat: no-repeat;
	height: 25px;
}

/* Showcase Slideshow */
#outlook_showcase { margin-bottom: 40px; }
.showcase-content-wrapper img { width: 460px; height: 310px; }
.showcase-thumbnail imd { width: 120px; height: 80px; }
.showcase-thumbnail { cursor: pointer; }
.showcase-thumbnail-button-backward,
.showcase-thumbnail-button-forward
{ padding: 7px; cursor: pointer; }

	.showcase-thumbnail-button-backward .showcase-thumbnail-vertical,
	.showcase-thumbnail-button-forward .showcase-thumbnail-vertical,
	.showcase-thumbnail-button-forward .showcase-thumbnail-horizontal,
	.showcase-thumbnail-button-backward .showcase-thumbnail-horizontal
	{
		background-image: url(/miaesr/events/conferences/Outlook_2012/images/showcase-slideshow-arrows.png);
		background-repeat: no-repeat;
		display: block;
		width: 17px;
		height: 17px;
	}
	
	.showcase-thumbnail-button-backward .showcase-thumbnail-vertical
	{ background-position: 0 -17px; margin-left: 45px;}
	
	.showcase-thumbnail-button-forward .showcase-thumbnail-vertical
	{ background-position: 0 0; margin-left: 45px; }

	/* Hide button text */
	.showcase-thumbnail-button-forward span span,
	.showcase-thumbnail-button-backward span span
	{ display: none; }