@charset "UTF-8";

	
	/* DLOR Oreintation module and video container */	
	
	.module_instructions { width:100%;max-width:1000px;height:auto;padding:0%;margin:0px auto;text-align:center;color:#666; }	

	.orientation_container { width:100%;max-width:1000px;height:auto;min-height:548px;padding:0%;margin:0px auto;position:relative; }
	
	.orientation_select {width:49.75%;min-width:318px;height:auto;min-height:272px;max-height:50%;font-family:Arial, Helvetica, sans-serif;font-size:18px;line-height:260px;color:#fff;text-align:center;margin:1px;cursor:pointer;float:left; }
	
	.video_player {width: 100%;max-width: 1000px;height: auto;min-height: 548px;margin: 0px auto;display: block;overflow: hidden;position:absolute;left:0%;top:0px;z-index: 3000; }
	
	.module_container { width:100%;max-width:1000px;height:auto;min-height:548px;background-color:#;margin:0px auto;overflow:hidden;display:block;position:absolute;left:0px;top:0px;z-index:1000; }
	
	.module_instructions { width:100%;max-width:1000px;height:auto;padding:0%;margin:0px auto;text-align:center;color:#666; }
	

	.module_shell { background-color:#000000;width:100%;max-width:1000px;height:auto;min-height:548px;position:relative;margin:0px auto;overflow:hidden; }
	
	.main_menu_title { width:auto;max-width:200px;height:auto;position:absolute;font-family:Arial, Helvetica, sans-serif;font-size:21px;color:#fff;cursor:pointer; }
 
 .main_menu_title:hover { color:#39F; text-shadow:1px 1px 2px #000; }
 
 
 .main_menu_posted_note { width:150px;height:150px;background-size:contain;background-repeat:no-repeat;position:absolute;cursor:pointer; }
 
	.menu_tablet { width:200px;height:200px;background-color:#fff;border:solid 1px #666; position: absolute; padding:0px;z-index:2000;cursor:pointer; }
	
	.menu_tablet:hover { border:solid 2px #069; width:196px;height:196px; }
	
	.menu_tablet_icon { width:100%;height:125px;background-size:40%;background-repeat:no-repeat;background-position:center bottom;float:left; }
	
	.menu_tablet_txt { width:100%;height:75;font-family:Arial, Helvetica, sans-serif;font-size:16px;line-height:40px;color:#666;text-align:center;float:left; }
	
	.menu_tablet_txt:hover { color:#069; }
	
	
#northstar {background-color:#fff;color:#666;font-family:Arial, Helvetica, sans-serif;font-size:16px;width:175px;height:135px;border-radius: 175px;-webkit-border-radius: 175px;-moz-border-radius: 175px;-ms-border-radius: 175px;-o-border-radius: 175px;text-align:center;padding-top:40px;position: relative;left:100px;top:300px; }
 
 
 
 .slide_mainstage { width:100%;height:548px;background-size:cover;background-repeat:no-repeat;background-position:center center; }
 
 .module_shell_header_dark { background-color:#;width:100%;max-width:1000px;height:75px;position:absolute;left:0px;top:0px;z-index:1000;
	
	background: -webkit-linear-gradient(bottom, rgba(43,50,73,0), rgba(43,50,73,1) 125%); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(top, rgba(43,50,73,0), rgba(43,50,73,1) 125%); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(top, rgba(43,50,73,0), rgba(43,50,73,1) 125%); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to top, rgba(43,50,73,0), rgba(43,50,73,1) 125%); /* Standard syntax (must be last) */ }
	
	.module_shell_header_transparent { background-color:#;width:100%;height:75px;position:absolute;left:0px;top:0px;z-index:1000; }
	
#module_shell_header_logo { background-image: url(../images/logos/FT_logo_header-w.png);background-size:80%;background-repeat:no-repeat;background-position:15px 15px;width:150px;height: 75px;float:left;position:relative;left:0px;top:0px;z-index:1000; }

	.module_shell_header_title { width:auto;min-width:300px;height:75px;line-height:50px;font-family:Arial, Helvetica, sans-serif;font-size:16px;color:#fff;float:left;  }
	
	.module_menu_icon { background-image: url(../images/icons/DLOR_main_menu_icon.jpg);background-position:center center;width: 35px;height: 35px;text-align: center;line-height:32px;font-size: 21px;border-radius: 35px;-webkit-border-radius: 35px;-moz-border-radius: 35px;-ms-border-radius: 35px;-o-border-radius: 35px;border: solid 2px #fff;color:#fff; font-family:Arial, Helvetica, sans-serif;position:absolute;z-index:10000;right:3%;top:3%;cursor: pointer;display: ; }
	


/* Smartphones (portrait and landscape) */
@media only screen and (min-width : 320px) and (max-width : 480px) {  }

/* Smartphones (landscape) */
@media only screen and (min-width : 321px) {  }

/* Smartphones (portrait) */
@media only screen and (max-width : 320px) {  }



/* iPads (portrait and landscape) ----------- */
@media only screen and (min-width : 768px) and (max-width : 1024px) {   }


/* iPads (landscape) */
@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : landscape) {   }

/* iPads (portrait) */
@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : portrait) {   }


/* iPad3 (landscape) */
@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : landscape) and (-webkit-min-pixel-ratio : 2) {   }

/* iPad3 (portrait) */
@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : portrait) and (-webkit-min-pixel-ratio : 2) {   }



/* Desktops and Laptops */
@media only screen  and (min-width : 1224px) {   }

/* Large Screens */
@media only screen  and (min-width : 1824px) {   }



/* iPhone 4 (landscape) */
@media only screen and (min-width : 320px) and (max-width : 480px) and (orientation : landscape) and (-webkit-min-pixel-ratio : 2) {   }

/* iPhone 4 (portrait) */
@media only screen and (min-width : 320px) and (max-width : 480px) and (orientation : portrait) and (-webkit-min-pixel-ratio : 2) {   }