﻿html 
{ 
    /* always show firefox scrollbar, to prevent horizontal shift. */
    overflow:-moz-scrollbars-vertical; 
}

/* "Edit Module" button that appears on the front-end for authorized users. */
.webmodules_editModuleLink,
a.webmodules_editModuleLink,
a.webmodules_editModuleLink:link,
a.webmodules_editModuleLink:visited
{
    background-color: #FFFFA5;
    padding: 1px 2px 2px 2px;
    border: 1px dotted gray;
    position: absolute; /*preserve layout*/
    font-size: 100%;
    color: Blue;
    font-weight: normal;
    text-decoration: underline;
    z-index: 9999; /*CMS buttons should always be on top.*/
}
.webmodules_editModuleLink:hover,
a.webmodules_editModuleLink:hover
{
    font-size: 100%;
    color: #00A2FF;
}

/* "Edit Page" button that appears on the front-end for authorized users. */
.webmodules_editPageLink,
a.webmodules_editPageLink,
a.webmodules_editPageLink:link,
a.webmodules_editPageLink:visited
{
    background-color: #FFFFA5;
    padding: 1px 2px 2px 2px;
    border: 1px dotted gray;
    position: absolute; 
    top: 5px;
    left: 5px;
    font-size: 100%;
    color: Blue;
    font-weight: normal;
    text-decoration: underline;
    z-index: 9999; /*CMS buttons should always be on top.*/
}
.webmodules_editPageLink:hover,
a.webmodules_editPageLink:hover
{
    font-size: 100%;
    color: #00A2FF;
}

/* sub navigation highlighted/activated style. */
.subnav .on a:link, .subnav .on a:visited, .subnav .on a:hover, .subnav .on a:active
{
	background-color: #00FF00;
}

/******************************************************************************
 main navigation menu. 
******************************************************************************/

.DropDownNav {
top: -5px !important;
}

.mainNavDropDown
{

    padding: 0px 0px 0px 0px;
	background-color: #fbeedd;
}

.mainNavDropDown_item

{
	background-color: #fbeedd;
    width: 221px;
	height: 25px;
	vertical-align: middle;
}

.mainNavDropDown_item a,
.mainNavDropDown_item a:visited /* requird by IE6 to override ancestors. */
{
    color: #330033;
	text-decoration: none;
    font: 11px Verdana, Arial, Helvetica, sans-serif;
    padding: 0px 0px 0px 0px;
	margin-left: 10px;
	margin-right: 10px;
	white-space: normal;
}

.mainNavDropDown_item_hover

{
	background-color: #EED1FA;
    width: 221px;
	height: 25px;
	vertical-align: middle;
}


.mainNavDropDown_item_hover a, 
.mainNavDropDown_item_hover a:visited, 
.mainNavDropDown_item_hover a:hover, 
.mainNavDropDown_item_hover a:active {
    color: #330033;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
    padding: 0px 0px 0px 0px;
	margin-left: 10px;
	margin-right: 10px;
		white-space: normal;
}
.ctl00_MainNavControl1_MainNavMenu_5 {
height: 37px;
overflow: hidden;
}

/*************************************************************************
entity.css
************************************************************************/


input[type=text], 
input[type=submit], 
input[type=file], 
input[type=button], 
input[type=password],
select {
    margin-right: .5em;
    font-size: 13px;
}
textarea {
    font-size: 13px;
}
/* Highlight the current input element. */
input:focus {
    background-color: #FFF0BB;
}
fieldset {
    padding: 1em;
}
legend {
    padding: 0em .5em 0em .5em;
    margin: 0em 0em .5em 0em;
}
.help {
	color: #5A5A5A;
}

/******************************************************************************
    .entity_edit
******************************************************************************/
.entity_edit td  {
    vertical-align: top;
}
.entity_edit .field {
    margin-top: .85em;
    margin-bottom: .85em;
}
/* all children (not descendants). broken in IE 6. */
.entity_edit .field > * {
}
.entity_edit .field .required {
	border-left: 1px solid red;
	padding-left: .25em;
}
.entity_edit .field .help {
	display: block;
	margin: .25em 0em;
}
.entity_edit .section {
	margin-top: 1em;
	margin-bottom: 1em;
}
.entity_edit .toolbar {
    margin-top: 1.5em;
    margin-bottom: .65em;
}
.entity_edit .toolbar .saveButton {
    width: 5em;
    font-weight: bold;
}
.entity_edit .toolbar .cancelButton {
    width: 5em;
}





/* **************************  FormBuilder module ************************** */
.wm_FormBuilder .wm_ShortText
{
    /* width: 35em;*/
}
.wm_FormBuilder .wm_Longtext
{
 
}
.wm_FormBuilder .wm_DropDownList
{
}
.wm_FormBuilder .wm_RadioButton
{
}
.wm_FormBuilder .wm_Checkbox
{
}
.field, .field td input
{
    margin-top: 5px;
}

.field label
{
    display: block;
    float: left;
    width: 200px;
    text-align: right;
    padding-right: 10px;
    font-weight: bold;
}
.field td label
{
    display: inline;
    width: 200px;
    text-align: right;
    padding-right: 10px;
    font-weight: bold; /* turn it normal, if you do not want checkbox texts*/
    float:none;
}
.field-inline, .field-inline td input
{
    margin-top: 5px;
}
.field-inline label
{
    display: block;
    float: none;
    width: 200px;
    text-align: left;
    padding-right: 10px;
    font-weight: bold;
}
.field-inline td label
{
    display: inline;
    width: 200px;
    text-align: right;
    padding-right: 10px;
    font-weight: bold;
    float:none;
}

/***************** AUDIO/VIDEO MODULE ********************/
.activeTab a:link, .activeTab a:visited {
	font-size: 10px;
	font-weight:bold;
	text-decoration:underline;
	color: #914b3c;
	}
	
.activeTab a:hover, .activeTab a:active {
	font-size: 10px;
	font-weight:bold;
	text-decoration: none;
	color: #914b3c;
	}

.LabelField 
{
	text-align:right;
	vertical-align:top;
	font-weight:bold;
	color:#000000;
}
.ContentField 
{
	text-align:left;
	vertical-align:top;
}

a.DownloadMediaLink:link, a.DownloadMediaLink:visited
{
	color:Blue;
	text-decoration:underline;
}
a.DownloadMediaLink:hover, a.DownloadMediaLink:active
{
	color:Blue;
	text-decoration:underline;
}
.ListAlternateRow
{
	padding-top:1.5em;
}

/*************************** WEBEVENTS MODULE ***************************/
.WebEvents .container
{
    background-color: #EEEEEE;
    background-image: none;
    margin: auto;
    width: auto;
}

.errorText
{
    color: #FF0000;
}

.labelText
{
    background-color: #EEEEEE;
    border: none;
    color: #000;
    text-align: right;
    font-style: normal;
}

/* WebEvents */
/* CalendarView */
.WebEvents a
{
    color: #000;
    text-decoration: underline;
}

.WebEvents .eventDate
{
    font-style: italic;
}

.WebEvents .eventName
{
    font-weight: bold;
}

.WebEvents .eventsSeparator
{
    height: 6px;
}

.WebEvents .EventsView
{
    margin-left: 50px;
    width: 100%;
}

.WebEvents h1
{
    color: #000;
    font-weight: bold;
    text-transform: none;
}

.WebEvents .HeaderRow td
{
    font-weight: bold;
}

.WebEvents .labelText
{
    white-space: nowrap;
}

.WebEvents .listRow
{
    background-color: #EEEEEE;
    padding: 3px;
}

.WebEvents .readMore a
{
    color: #000;
}

/* **************************  Site styles from design cut ************************** */

body {
font-family: Lucida Sans, Arial, Helvetica, sans-serif;
background-image: url(/app_themes/mosi/images/bg.jpg);
background-position: center top;
background-color: #160724;
background-repeat: repeat-x;
margin: 0;
padding: 0;
}

img {
border: none;
}

p{ 
margin: 0;
padding: 0;
font-size: 11px;
color: #160725;
}

h1 {
color: #d35d02;
font-size: 16px;
font-weight: normal;
}

h2 {
font-size: 14px;
font-weight: normal;
}

.header {
margin-left: auto;
margin-right: auto;
width: 1000px;
padding-left: 4px;
height:236px;
}

.header_left {
display: inline;
float: left;
width: 200px;
}

.header_right {
display: inline;
float: left;
width: 800px;

}

.header_right_top {
height: 32px;
}

.header_right_center img {
padding-top: 1px;
}

.prinav {
margin-left: auto;
margin-right: auto;
width: 998px;
padding-left:1px;
clear: both;
height: 38px;
margin-top: 1px;
}

.primary-nav-link 
{
    display:inline;
    float:left;
    padding-top: 0px !important;
}

.plan-your-visit 
{
    width:167px;
    height:39px;
    background-image:url(/app_themes/mosi/images/nav_planyourvisit.gif);
}

.plan-your-visit:hover
{
    background-image:url(/app_themes/mosi/images/nav_planyourvisit_ov.gif);
}

.what-to-do
{
    width:166px;
    height:39px;
    background-image:url(/app_themes/mosi/images/nav_whattodo.gif);
}
.what-to-do:hover
{
    background-image:url(/app_themes/mosi/images/nav_whattodo_ov.gif);
}

.imax-dome
{
    width:169px;
    height:39px;
    background-image:url(/app_themes/mosi/images/nav_imaxdome.gif);
}

.imax-dome:hover
{
    background-image:url(/app_themes/mosi/images/nav_imaxdome_ov.gif);
}

.education
{
    width:166px;
    height:39px;
    background-image:url(/app_themes/mosi/images/nav_education.gif);
}
.education:hover
{
    background-image:url(/app_themes/mosi/images/nav_education_ov.gif);
}

.membership
{
    width:168px;
    height:39px;
    background-image:url(/app_themes/mosi/images/nav_membership.gif);
}
.membership:hover
{
    background-image:url(/app_themes/mosi/images/nav_membership_ov.gif);
}

.book-your-event
{
    width:161px;
    height:39px;
    background-image:url(/app_themes/mosi/images/nav_bookyourevent.gif);
}
.book-your-event:hover
{
    background-image:url(/app_themes/mosi/images/nav_bookyourevent_ov.gif);
}

.primary-nav-link a img
{
    width:160px;
    height:39px;
}





.subheader {
width: 997px;
background-image: url(/app_themes/mosi/images/under_nav_shadow.gif);
background-repeat: repeat-x;
height: 40px;
margin-left: auto;
margin-right: auto;
padding-top: 8px;
}

.content {
width: 997px;
background-color: #ffffff;
min-height: 681px;
height: 681px;
height: auto;
overflow: auto;

margin-left: auto;
margin-right: auto;
margin-top: -10px;
}

.content_left {
float: left;
display: inline;
width: 331px;
padding-left: 12px;
background-color: #ffffff;
}

.content_right {
width: 624px;
float: left;
display: inline;
background-image: url(/app_themes/mosi/images/orange_shadow.gif);
background-position: left top;
background-repeat: no-repeat;
padding-left: 30px;
min-height: 681px;
height: 681px;
height: auto;
}


.sitemap {
width: 997px;
background-color: #160725;
margin-left: auto;
margin-right: auto;
}

.footer {
width: 997px;
background-color: #160725;
min-height: 100px;
margin-left: auto;
margin-right: auto;
height: 100px;
height: auto;
}

.small-1 {
width: 168px;
height: 269px;
display: inline;
float: left;
margin-top: 10px;
padding-top: 10px;
background-image: url(/app_themes/mosi/images/bg_orange_small.gif);
padding-left: 14px;
padding-right: 10px;
}

.small-1 p {
color: #aa5e00;
}

.small-1 a {
color: #aa5e00;
font-weight: bold;
}

.small-1 img {
border: 1px solid #aa5e00;
}

.small-1 span img {
border: 0;
}


.small-2 {
width: 168px;
height: 269px;
display: inline;
float: left;
background-image: url(/app_themes/mosi/images/bg_red_small.gif);
margin-left: 10px;
margin-top: 10px;
padding-top: 10px;
padding-left: 14px;
padding-right: 10px;
}

.small-2 p {
color: #8f0000;
}

.small-2 a {
color: #8f0000;
font-weight: bold;
}

.small-2 img {
border: 1px solid #8f0000;
}

.small-2 span img {
border: 0;
}

.small-3 {
width: 168px;
height: 269px;
display: inline;
float: left;
background-image: url(/app_themes/mosi/images/bg_blue_small.gif);
margin-top: 10px;
margin-left: 10px;
margin-bottom: 5px;
padding-top: 10px;
padding-left: 14px;
padding-right: 10px;
}

.small-3 p {
color: #003e6e;
}

.small-3 a {
color: #003e6e;
font-weight: bold;
}

.small-3 img {
border: 1px solid #003e6e;
}

.small-3 span img {
border: 0;
}

.lower_cont {
clear: both;
background-image: url(/app_themes/mosi/images/bg_gray_large.gif);
background-repeat: no-repeat;
width: 599px;
height: 174px;
margin-left: -2px;
}

.footer p {
color: #ffffff;
margin-top: 5px;
}

.footer p a {
color: #ffffff;
text-decoration: none;
margin-right: 25px;
}

.sitemap p {
color: #ffffff;
line-height: 18px;
}

.sitemap a {
color: #ffffff;
text-decoration: none;
}

.sitemap a:hover {
color: #ffffff;
text-decoration: underline;
}

.sitemap table tr td p strong {
color: #ebb167;
}

.sitemap table tr td p strong a {
color: #ebb167;
text-decoration: none;
}

.searchbox {
border: 1px solid #622367;
background-image: url(/app_themes/mosi/images/search_bg.gif);
width: 120px;
height: 19px;
}


.newsletter {
	font: 10px Arial, Helvetica, sans-serif;
	color: #000;
	}
	
.newsletter .colorBox {
	background: #fff4e4;
	padding:20px;
	width:90%;
	}
	
.newsletter h3 {
	font: 13px Arial, Helvetica, sans-serif;
	color: #000;
	}
	
.newsletter span {
	font: 10px Arial, Helvetica, sans-serif;
	color: #000;
	}
	
.newsletter p {
	font: 10px Arial, Helvetica, sans-serif;
	color: #000;
	}
	
.newsletter strong {
	font: 10px Arial, Helvetica, sans-serif;
	color: #000;
	}
	
.newsletter em {
	font: 10px Arial, Helvetica, sans-serif;
	color: #000;
	}
	
.newsletter a:link, .newsletter a:visited {
    font: bold 10px Verdana, Arial, Helvetica, sans-serif;
    color: #000000;
    text-decoration: none;
    }

.newsletter a:hover, .newsletter a:active {
    font: bold 10px Verdana, Arial, Helvetica, sans-serif;
    color: #000000;
    text-decoration: underline;
    }

.newsletter .readMore a:link, .newsletter .readMore a:visited {
    font: bold 10px Verdana, Arial, Helvetica, sans-serif;
    color: #000000;
    text-decoration: underline;
    }

.newsletter .readMore a:hover, .newsletter .readMore a:active {
    font: bold 10px Verdana, Arial, Helvetica, sans-serif;
    color: #000000;
    text-decoration: none;
    }

/* newsletter Detail */

.newsletter .detail {
	font: 10px Arial, Helvetica, sans-serif;
	color: #000;
	}
	
.newsletter .detail .colorBox {
	background: #fff4e4;
	padding:20px;
	width:90%;
	}
	
.newsletter .detail h3 {
	font: 13px Arial, Helvetica, sans-serif;
	color: #000;
	}
	
.newsletter .detail span {
	font: 10px Arial, Helvetica, sans-serif;
	color: #000;
	}
	
.newsletter .detail p {
	font: 10px Arial, Helvetica, sans-serif;
	color: #000;
	}
	
.newsletter .detail strong {
	font: 10px Arial, Helvetica, sans-serif;
	color: #000;
	}
	
.newsletter .detail em {
	font: 10px Arial, Helvetica, sans-serif;
	color: #000;
	}
	
.newsletter .detail a:link, .newsletter .detail a:visited {
    font: bold 10px Verdana, Arial, Helvetica, sans-serif;
    color: #000000;
    text-decoration: none;
    }

.newsletter .detail a:hover, .newsletter .detail a:active {
    font: bold 10px Verdana, Arial, Helvetica, sans-serif;
    color: #000000;
    text-decoration: underline;
    }

.newsletter .detail .readMore a:link, .newsletter .detail .readMore a:visited {
    font: bold 10px Verdana, Arial, Helvetica, sans-serif;
    color: #000000;
    text-decoration: underline;
    }

.newsletter .detail .readMore a:hover, .newsletter .detail .readMore a:active {
    font: bold 10px Verdana, Arial, Helvetica, sans-serif;
    color: #000000;
    text-decoration: none;
    }


.NavMenu {
top: 275px !important;
}

.footer-divider
{
    background-image: url(/app_themes/mosi/images/footer_nav_divider-2.gif);
    background-repeat: repeat-x;
    width:997px;
    height:9px;
    line-height:9px;
}
