/*MiE blue*/
/* EP:HC */

/* orange FF8C00 - blue 1673BA*/

body{ 
	background-color: #eee;  
	font-family: 'segoe ui', helvetica, arial, sans-serif; 
}

body.registration p, a, li {font-size: 12px;}

a {text-decoration: none; }
a:hover { text-decoration: underline; }

/*EVENT PAGE*/
#wteventpage { 
	width:995px; 
	border:0; 
	padding:0; 
	position:relative; 
	background: transparent; 
	} 
#wteventpage:after { content: ""; display: table; clear: both; }

#header { 
	padding:0; 
	height:200px; /*match banner*/ 
	position:relative; 
	background:#ffffff url(https://wtcontent.blob.core.windows.net/content/Microsoft/mie/bnr-MIE-SE-995x200.png) top center;
	background-size: contain; 
	
	}  

#header h1 {
	width: 650px;
	color: #1673BA;
	text-align: left;
	position: absolute;
	top: 150px;
	left: 50px;
	}

#description h1 { color: #1673BA; }

#logo { 
	width: 100%;
	/*cursor: pointer;/*logo is clickable*/
	} 


#player {  } 
#content { background-color: rgba(255,255,255,0.6); }  
#footer { }
#footer .copy, #footer .wktfaq { font-size: 12px; } 
.wktfaq { position:absolute; right:20px; top:20px; }
#captions {  }


#description h2, #relatedlinks h2 { font-size:18px; margin-bottom:10px; }
#relatedlinks a { color:#1673ba; font-size:14px; line-height:24px; text-decoration:none; } 

.pwrdby { color:#999;}
.tanker { color:#777; font-size: 14px;}

.pwrdby, .tanker { text-decoration: none;}
.pwrdby:hover, .tanker:hover { text-decoration: none;}


/*for apple*/
html { -webkit-text-size-adjust:none; }

/**/
body.registration #sharinglinks { display: none; } 
#regform input:focus { background: rgba(22,115,186, 0.5); }

.event .button {
	background: #1673ba;
	font-weight: normal;
	display: inline-block;
	width: 100px;
	font-size: 75%;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	padding: 5px;
	}

#error p { 	text-align: center; line-height: 24px; }
#error a { color: #990000; }

/**/
#footer .ftrwrap { 
		position:absolute; 
		bottom:10px; 
		left:10px; 
		right:10px; 
		text-align:left; 
	}

/*----uStream and CiL update----*/

body.ustream #wteventpage { width: 1015px; }/*makes event area wider*/
body.iframe #wteventpage { width: 995px; }/*keeps on-demands correct*/

body.ustream #content { height: 450px; } /*single row*/
body.ustream.cc #content { height: 560px; } /*height added for only captions*/
body.ustream.rl #content { height: 590px; } /*height added for any related links*/

body.ustream.cc.rl .p4 { top: 435px; } /*top of related links with captions*/

body.ustream #player { width: 672px; height: 410px; }/*16:9 uStream*/
body.ustream #btnCCShow { width: 672px; } /*captions dock same as player width*/

body.ustream .cilEmbedFrame { height: auto !important; } /*reset from master*/
body.ustream .cilEmbedFrame { height: 410px !important; } /*CiL usable height matches uStream*/

body.ustream .p1, body.ustream #cil { height: 410px; overflow: hidden; background-color: #fff; }


body.ustream #logo { left:62px; } /*compensate for width increase*/

/*---------------------------*/

/* ondemand HTML5 - centered player large*/

body.odhtml5.centerplayer #wteventpage { width: 995px; }
body.odhtml5.centerplayer #content { height: 540px; }
body.odhtml5.centerplayer #player { left: 19px; width: 960px; height: 540px; }
body.odhtml5.centerplayer #VideoPlayer { width: 960px !important; height: 540px !important; }

/*---------------------------*/

/* 3.0 update */

#hBodyTag.signin {  }

#hBodyTag.signin #wteventpage { margin-top: 0px; }


#hBodyTag.signin #logininput { 	border: 2px solid #002050; margin: 0px auto; }
#hBodyTag.holding #logininput { border: 2px solid #002050; width: 600px; }


body.holding #header h1 {  width:100%; line-height:120%;top:156px;display:none; }


/*--3.0 reg --*/

#login.holding #logininput { width: 600px; }

main { width: 655px; }
#returnForm { top: 0px; right: 139px; }

#regform input { display: inline; margin-bottom: 0; padding: 0; width: auto; height: auto; }
#regform label { display: inline; }
#regform textarea { border: 1px solid #ddd; display: block; }
#regform .regfield input.text { width: 70%; line-height: 200%; padding: 0px 10px; display: block; }
#regform td label { line-height: 200%; margin-left: 20px; }

body.registration ul.related { list-style: disc; list-style-position: inside; }
body.registration .related li { margin: 0px 0px 5px 0px; }

body.registration ul { list-style: disc; margin: 10px 16px; }
body.registration li { margin-bottom:5px; }
body.registration p { margin-bottom:10px; }

#error { margin: 0px 0px 30px 0px; }

.unregister { margin-top: 15px; }
.unregister .vebutton { display: inline-block; height: 35px; }
.unregister .vebutton:last-child { margin-left: 5px; }

#returnForm, #emailExists { background-color: #fff; 
-webkit-box-shadow: 0px 2px 31px -2px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 2px 31px -2px rgba(0,0,0,0.75);
box-shadow: 0px 2px 31px -2px rgba(0,0,0,0.75);
}

#registrationFields select {
	background: #f6f5f5;
	border: 1px solid #DDD;
	font-size: 16px;
	display: block;
	padding: 5px;
	width: 300px;
}

/*---------------------------*/

/*event tiles*/
.event {
	border-radius: 15px; 
	background-color: rgba(241,241,242,1); 
}

main .selected {
	border: none;
	background-color: #1673BA;
	background-color: rgba(22,115,186,1);
	background-origin: padding-box;
	}
main .selected p,
main .selected a,
main .selected h2,
main .selected h3,
main .selected .datetime { color: #fff; }
main .selected .readmore { color: #fff; border: 0px solid #fff; background-color: rgb(22,115,186); }

/**/

input.text {
background-color: #fff;
color: #000;
box-shadow: inset 0px 2px 3px #dddddd;
-webkit-box-shadow: inset 0px 2px 3px #dddddd;
-moz-box-shadow: inset 0px 2px 3px #dddddd;
border-radius: 5px;
}

select, input[type=text] {
border-style: solid;
border-width: 1px;
border-color: #bbbbbb;
}

/**/
#returnToggle,
.vebutton,
.button,
.accesslinks .button,
.unregister button.unregcancel.vebutton,
.event button {
border-style: none;
border-radius: 0px;
background-color: rgba(22,115,186,0.5);
background: rgba(22,115,186,0.5);
color: #fff;
line-height: 19px;
font-weight: bold;
font-family: arial;
text-align: center;
border-bottom: 4px solid rgba(11,57,93,0.5);
text-shadow: none;
text-decoration: none; 

}

#returnToggle:hover,
.vebutton:hover,
.button:hover,
.accesslinks .button:hover,
.unregister button.unregcancel.vebutton:hover,
.event button:hover {
background-color: rgba(22,115,186,1);
background: rgba(22,115,186,1);
color: #fff;
text-decoration: none;
}

button {
text-decoration: none;
display: block;
cursor: pointer;
}

.accesslinks button, .accesslinks button:hover { background: transparent; border: none; color: #777; }

#poweredBy{ clear: both; display:none; }

/*150305 wkt update*/
body.registration.ec1 button.readmore { display: none; }


/**/
.event h3, .list h4 {color:#1673BA;}
#footer p {display: inline-block; color: #fff; }
#footer p.faq { margin-left: 40px; color: #eee; } 
#footer p a { color: inherit; } 
#footer {background-color: #1673BA;}

aside {
/*
	background: transparent url(https://wtcontent.blob.core.windows.net/content/Microsoft/mie/bkgd-MSFT-MIE-blue.png) left center;
	box-sizing:border-box;
	padding-left: 25px; 
	overflow:hidden;	
*/ 
}

body.registration #header h1 { display: none; }
.cta h3 { margin-bottom: 8px; }
#returnToggle { margin: 8px 0; }

/*150901 update - makes alert more visible*/
#returnForm .vebutton { display: inline-block; }