﻿/*----------------------------------------------------------
/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
---------------------------------------------------------- */
body{font-size:.75em;font-family:Verdana, Helvetica, Sans-Serif;color:#FFF;margin:0;padding:0}
form{display:inline}
img{border:none 0}
table{border-collapse:collapse;border-style:none}
a,a:link{color:#E64321;text-decoration:none}
a:hover{color:#E64321;text-decoration:none}
p{margin-bottom:20px;line-height:1.6em}
ul{margin-bottom:20px;line-height:1.6em}
h1{font-family:Arial, Helvetica, sans-serif;font-size:2em;padding-bottom:0;margin:0;font-weight:normal}
h2{font-family:Arial, Helvetica, sans-serif;padding:0 0 10px;margin:5px 0}
h3{color:#000;font-family:Arial, Helvetica, sans-serif;font-size:1.2em}
h4{color:#000;font-family:Arial, Helvetica, sans-serif;font-size:1.1em}
h5{color:#000;font-family:Arial, Helvetica, sans-serif;font-size:1em}
h6{color:#000;font-family:Arial, Helvetica, sans-serif;font-size:1em}
iframe{border:1px solid #FFFFFF}
.rightColumn > h1{margin-top:0}
.rightColumn > h2{margin-top:0}
.leftColumn > h1{margin-top:0}
.leftColumn > h2{margin-top:0}
.inline{display:inline}
legend{color:#FFF}
/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------  you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width.  */
body.master-body{background:#001825 url('/content/images/darkblue_gradient_background.png') 0 0 repeat-x}
.page{width:100%;margin-left:auto;margin-right:auto}
.page-width{width:998px;margin:0 auto}
#header{margin:0;padding:0 15px;color:#000;background:transparent url('/Content/Images/header_background.png') 0 0 no-repeat;height:112px}
#header #logo{float:left;padding:20px 0 0 100px;color:#FFF;text-shadow:0 0 5px #000000;font-size:20px}
#header .cms-link{float:left;position:absolute}

#main{background:transparent url('/content/images/background_edges.png') 0 0 repeat-y;margin:0 auto}
#main>.padded{background:#001825 url('/content/images/darkblue_gradient_background.png') 0 0 repeat-x;margin:0 14px;float:left;width:968px}
#main .copy-padding{margin:32px}
#main .lounge-padding{margin:10px 32px}
#main .thin-padding{margin:12px}

#content{clear:left;float:left;width:968px;padding:0;display:inline;padding:0}
#lightbluecontent{color:#494949;background:#B8CFDD url('/content/images/fade_to_lightblue.png') 0 0 repeat-x;clear:left;float:left;width:948px;display:inline;padding:20px 10px 20px 10px}

/* TAB MENU   
---------------------------------------------------------- */
#menu{clear:both;height:37px;padding:0 15px;font-size:12px;margin:-37px 0 0 0}
#menu li{float:left;margin: 0;padding:0 6px;list-style:none;height:37px;border-right:1px solid #427EA0;border-left:1px solid #6CA8CA;height:20px;margin-top:9px}
#menu a{color:#EEE;padding:0 15px;font-weight:bold}
#menu a:hover{color:#FFF}

#moviesDDL{margin-left:400px;margin-top:-15px;position:absolute;display:none}
#moviesDDL ul{background-color:#FFF;border-color:#000;border-width:2px;border-style:none solid solid solid;padding:8px 10px 10px 10px;margin:15px 0 0 0}

#moviesDDL li{list-style:none;padding-bottom:8px}
#moviesDDL a{color:#494949;font-weight:bold}
#moviesDDL a:hover{color:#E64321}

/* Footer */
#footer{color:#484848;height:60px;margin-bottom:50px;clear:both}
#footer .corner{width:22px;height:60px;float:left}
#footer .corner.left{background:transparent url('/content/images/footer_background_left.png') 0 0 no-repeat;}
#footer .corner.right{background:transparent url('/content/images/footer_background_right.png') 0 0 no-repeat;}
#footer>.padded{float:left;width:912px;padding:15px 20px 0;background:transparent url('/content/images/footer_background.png') center top repeat-x;height:60px}
#footer ul{display:inline;position:relative;margin:0;font-size:0.8em;float:right}
#footer ul li{color:#79B4D2;display:inline;list-style:none}
#footer ul li a{color:#79B4D2;text-decoration:none;padding:0 5px}
#footer ul li a:hover{color:#EEE}


/* FORM LAYOUT ELEMENTS   
---------------------------------------------------------- */
fieldset{border:1px solid #CCC;margin:1em 0;padding:1em}
fieldset p{clear:both}
label{display:block;font-weight:bold;text-align:right;width:180px;float:left;font-size:15px;  padding-right:5px}
label > span{color:#666666;display:block;font-size:11px;font-weight:normal;text-align:right;width:180px;padding-right:5px}
label.radioLabel,label.radioLabel span{width:auto;padding-left:10px;padding-right:20px;display:inline!important;float:none}

fieldset label.inline{display:inline}
legend{font-size:1.3em;font-weight:600;padding:2px 4px 8px}
input[type="text"]{width:220px;border:1px solid #CCC}
input[type="password"]{width:220px;border:1px solid #CCC}
/* TABLE
---------------------------------------------------------- */
/* MISC  
---------------------------------------------------------- */
.clear{clear:both}
.error{color:Red}
div#title{display:block;float:left;text-align:left}
#top_right_menu{padding-top:22px;color:#6ECC74;padding-right:15px;font-size:1.1em;display:block;float:right;height:53px;overflow:hidden;white-space:nowrap;text-align:right}
#top_right_menu a{color:#5EC96E;font-weight:bold}
#top_right_menu a:hover{color:#EEE;text-decoration:none}
#top_right_menu label{font-size:12px;width:auto;padding-top:4px}
#top_right_menu input{width:100px}
#top_right_menu #logon_button{vertical-align:middle;padding-left:10px;width:44px;height:24px}


#top_links a,#top_links a:link{color:#A5A79A;text-decoration:none}
#top_links a:hover{color:#CCC}


#top_links{font-size:11px;margin:0 60px 0 0}
#top_links li{list-style:none;display:inline;padding-left:10px}

.field-validation-error{color:red;padding-left:190px;display:block;width:220px}
.input-validation-error{border:1px solid red;background-color:#fee}
.validation-summary-errors{font-weight:bold;color:red}
H2.title{font-size:28px;font-weight:normal;margin:0 0 10px 0}

.html-content{padding:10px 0}
.html-content p{padding:0;margin:0}
.html-content a{color:#E64321;font-weight:bold;font-style:italic}

/* login and registartion*/
#logon fieldset{width:500px;margin:10px auto;vertical-align:top}
#logon #logon_button{float:right;margin-right:8px;padding:5px 15px}

#register fieldset{width:500px;margin:0 auto}
#register input[type="submit"]{float:right}

#change_password fieldset{width:45%;margin:0 auto}
#change_password input[type="submit"]{float:right;margin-right:8px}

.tile{display:inline;float:left;width:160px;margin-right:62px;margin-bottom:40px;height:161px}
.tile .content{margin:5px 5px 10px;width:146px;height:100px}
.tile img{width:160px;height:110px;display:block;border-top:1px solid #FFF;border-bottom:1px solid #FFF}
.tile> a,#movie-index .tile i,#movie-index .tile p{display:block}
.tile a{color:#FFF;font-size:14px;font-weight:bold}
.tile p{margin:5px 0}
.tile a{color:#FFF;font-size:14px;font-weight:bold}
.tile i a{color:#E64321;font-size:12px;font-weight:normal}

#movie-index .tile{background:transparent url('/content/images/pod.png') -1px -1px no-repeat;padding:27px 1px 1px 1px;height:251px;width:162px}

#AllMovies .header{background:transparent url('/content/images/allmovies_top.png') 0 0 no-repeat;height:4px;width:630px}
#AllMovies .content{padding:5px 20px 10px 20px;background:#FFF url('/content/images/allmovies_background.png') 0 0 repeat-x;width:590px;height:134px}
#AllMovies .footer{background:transparent url('/content/images/allmovies_bottom.png') 0 0 no-repeat;height:4px;width:630px}
#AllMovies .container{position:absolute;width:585px;height:130px;overflow:hidden;padding-left:5px;padding-top:5px}
#AllMovies .scrollPanel{position:relative;width:10000px;left:0}
#AllMovies h3{margin:0;font-weight:normal;font-size:18px}
#AllMovies h3 a{color:#E64321;font-size:0.8em}
#AllMovies .tile{padding-right:20px;margin-right:0}
#AllMovies .scrollIcons{float:right}
#AllMovies .ScrollArrow{width:12px;height:19px;cursor:pointer}

#Interviews{float:right}
.sidepanel{width:300px}
.sidepanel .header{width:300px;height:36px;background-image:url('/content/images/sidepanel_top.png')}
.sidepanel .header h3{font-size:18px;padding:8px 15px;font-weight:normal;margin:0}
.sidepanel .content{width:300px;background:#FFF;padding:13px 0}
.sidepanel .footer{color:#494949;font-weight:bold;padding:8px 15px;width:270px;height:20px;background-image:url('/content/images/sidepanel_bottom.png')}
.sidepanel .footer a{color:#E64321}

.newsitem{clear:left;padding:15px 15px 10px;height:60px;color:#666;font-size:10px}
.newsitem .details{width:150px;margin-left:120px}
.newsitem img{width:110px;height:70px}
.newsitem .thumb{display:block;float:left}
.newsitem a{font-weight:bold}
.newsitem .title{color:#494949;font-weight:bold;display:block;overflow:hidden}
* html .newsitem .title{height: expression( this.scrollHeight > 24 ? "24px" : "auto" )}
.newsitem .title{max-height: 24px}
.newsitem p{margin:0;max-height:46px;overflow:hidden;display:block}
* html .newsitem p{height: expression( this.scrollHeight > 46 ? "46px" : "auto" )}
.newsitem a.more{color:#E64321}

#InvestorMenu{font-size:15px}

.investorDocumentItem{clear:left;padding:10px 0;color:#666;font-size:12px}
.investorDocumentItem .details{margin-left:120px}
.investorDocumentItem img{width:110px;height:70px}
.investorDocumentItem .thumb{display:block;float:left}
.investorDocumentItem a{font-weight:bold}
.investorDocumentItem .title{color:#494949;font-weight:bold;display:block;overflow:hidden}
.investorDocumentItem p{margin:0;overflow:hidden;display:block}
.investorDocumentItem a.more{color:#E64321}

.index-image-thumbnail {float: left; width: 100px; margin-right:25px}
.index-image-thumbnail img {width:110px;height:70px; border: 1px solid white}
.gallery-index a.cms-link, .gallery-index a.cms-link:link {float: left}

.html-content .content-thumb{width:110px;height:70px;float:left;padding:0 20px 20px 0}

.related-right{float:right;width:300px;padding-left:18px}
.related-right .sidepanel{padding-bottom:20px}

/* page specific*/
#movie-show{width:945px;height:370px;background-attachment:scroll;background-position:0 0;background-repeat:no-repeat}
#movie-show #promoLink{margin:55px 0 0 20px;float:left}
#movie-show #promoLink img{width:280px;height:300px}
#movie-show #player{padding:100px 0 0 20px;float:left}

#showcase-show{width:630px;height:370px;background-attachment:scroll;background-position:0 0;background-repeat:no-repeat}
#showcase-show #player{padding:60px 0 0 10px;float:left}
#showcase-show #promoLink{margin:5px 0 0 20px;float:left}
#showcase-show #promoLink img{width:590px;height:40px}

#player .container{background-color:#000;width:610px;height:260px;}

.news-container{padding:0 20px 20px 20px;width:500px}
.news-container .newsitem{width:480px;width:498px;border:1px solid #3D80A4;margin-top:20px;height:75px}
.news-container .newsitem .title{color:#FFF;margin-bottom:10px}
.news-container .newsitem .details{width:370px;color:#EEE}
.news-container .newsitem .more{display:block;margin-top:10px}

#investor-document-index .news-container .newsitem .details{color:#494949}
#investor-document-index .news-container .newsitem .title{color:#000000}


#InvestorMenu ul{margin-bottom:0}

/* CMS Specific */
a.cms-link,a.cms-link:link{color:Red;font-weight:bold;font-size:12px}
.cms{color:#494949}
.cms img.thumb{display:block;padding-top:10px}
.cms input[type='text'].narrow{width:150px}
.cms input[type='text']{width:400px}
.cms p span.indent{margin-left:180px}
.cms textarea{width:400px}



