﻿/* Wyoming Film Office
 * www.wyomingfilm.org
/* ---------------------------------------- */
*{ margin: 0;padding: 0;}
body { font-size:71.9%; font-family:Calibri;}


.floatLf{ float: left;}
.floatRt, .UpdateBtn{ float: right;}
.floatFluid{ float: left; width: 100%;}
.clear{ clear:both; display:block;}
.noBorder{border:none !important;}
img{border: none; }
table{ border-collapse: collapse; border-spacing: 0;}
ul li{ list-style-type:none ;}


/* Link */
a{ color:#2b99cd; text-decoration:underline; cursor:pointer;}
a:hover{ text-decoration:none;}

/* Image */
.sms li a, #Navi li a, #Navi li a:hover, #ContentTop, #ContentBtm, .filmcontest,.winner, .contestEntries, .moreVideo,#Navi li.Incentives a.selected, .flashTop, .morelocation,
.learnmore, .crewListings, .regulations, .checkweather, .accomodations,.morefestivals
{background:url(../Images/Sprite_main.png) no-repeat; }
#Footer,.ui-accordion .ui-accordion-header, .ui-accordion .ui-accordion-header :hover, .ui-accordion .ui-accordion-header .selected{ background-image: url(../Images/Sprite_Bg.png); background-repeat: repeat-x;}
.AttachedImage {margin:8px; width:200px; }

/* Gallery */
#GalleryPopup { background-color:Black; display:none;}

/* Headers
------------------------------------------- */
h1, h2, h3, h4, h5{ font-family:Calibri,Arial,Helvetica; color:#2b99cd;}
h1{ text-transform:uppercase; font-size:1.8em; margin-bottom:25px;}
h2{ font-size:1.8em; margin-bottom:5px;}
h3 { font-size:1.2em;color:#003366;margin-bottom:5px; }
h4 { font-size:1.0em;color:#003366;margin-bottom:5px; }

/* Layers
------------------------------------------- */
#Lfcolumn{padding:10px 0 20px 15px; width:200px; margin:0 40px 0 10px;font-size:1.1em;}
.CtcolumnHome  {width:320px;}
.CtcolumnHome  p, #Ctcolumn p { margin-bottom:10px; }
#Frame{margin:0 auto; width:1003px;}
#ContentTop{ background-position:top left; padding-top:12px;  background-position:0 -180px; }
#ContentBtm{ background-position:bottom left; padding-bottom:12px;  background-position:0 -480px; overflow:hidden;}
#Content{ overflow:hidden; width:955px; background-position:top left; background-image: url(../Images/contentBg.png); background-repeat: repeat-y; padding:0 40px 20px 0;}

/* Contents
------------------------------------------- */
#Ctcolumn {font-size:1.1em; line-height:20px; width:690px; float:right; min-height:550px;}
#Ctcolumn p{margin-bottom:15px;}
#Ctcolumn a{ color:#003366;}
#Ctcolumn table { margin-bottom:15px;}
#Ctcolumn table td,#Ctcolumn table th{ vertical-align:top; padding:5px;  border:1px solid #ccc;}
#Ctcolumn table th{ background-color:#eee;}

#Ctcolumn .film li{border-bottom:1px dashed #CCCCCC; /*float:left;*/ 
 background-image: url(../Images/film.png); background-repeat:no-repeat; background-position:center left;  list-style-image:none; margin:0 !important; width:100%; padding:0 0 0 20px; text-align:left}
#Ctcolumn ol{ margin-left:20px;}
#Ctcolumn ul { padding:0 0 15px 0;}
#Ctcolumn ul li{ list-style-image:url(../Images/bullet_blue.jpg); margin:0 0 0 20px;padding:0; }
#Ctcolumn ul li ul li{ list-style-image:url(../Images/bullet_gray.jpg); margin:0 0 0 20px;padding:0;}

#Ctcolumn .climate{ border-bottom:1px solid #ccc; margin:15px 0; width:500px;}
#Ctcolumn .climate td { text-align:center;  border-bottom:none;}
.climate th{ background-color:#fcf0ed;}
#Ctcolumn  .high{ background-color:#fcf3f0; color:#af5138;}
#Ctcolumn  .low{ background-color: #f2f5f8;}
#Ctcolumn .month{ background-color:#f0f1f1; font-weight:bold; color:#293364; text-align:right !important; padding-right:15px;}

/* Footer
------------------------------------------- */
#Footer, #Footer a{ color:#f0eeec; padding:10px  0;}#Footer{ overflow:hidden;}
#Footer div{ margin:0 auto; width:980px;}
#Footer li{float:left; padding:0 5px; border-right:1px solid #ebebeb; }

/* Header Image */
#Header{position:absolute;  z-index:1001; width:989px; }
.headerImage {z-index:-100;}

#Navi { float: right; margin:0;  }
#Navi li{ display: block; float: left;}

#Navi li a, 
#Navi li a:hover{display: block;height:34px; text-indent:-10001px; margin: 0 10px 0 0;}

#Navi li.Locations a{background-position: 0 0; width: 115px;}
#Navi li.Crew a{background-position: -133px 0; width:143px;}
#Navi li.Incentives a{background-position: -295px 0; width: 116px;}

#Navi li.Locations a:hover, #Navi li.Locations a.selected { background-position: 0 -34px; }
#Navi li.Crew a:hover, #Navi li.Crew a.selected { background-position: -133px -34px; }
#Navi li.Incentives a:hover, #Navi li.Incentives a.selected { background-position: -295px -34px; }

/* Popup Info */
.popupInfo {display:none; position: absolute; width:260px; z-index:1002}
.popupInfoContent,.popupInfoContentBtm{padding:15px ; border-left:1px solid #fff; border-right:1px solid #fff; color:#fff;line-height:15px;}

.popupInfoContent{background:url(../Images/popinfoBg.png) top left repeat-x;border-bottom:1px solid #fff;}
.popupInfoContentBtm{ background:url(../Images/popinfoBg02.png) bottom left repeat-x;border-top:1px solid #fff; }
.popupInfoContent h3, .popupInfoContentBtm h3{ color:#fff; font-size:1.2em;}
.arrowTopLf,.arrowTopRt, .arrowBtmRt,.arrowBtmLf{ height:59px; width:260px;}
.arrowTopLf {background-image:url(../Images/arrowTopLf.png); }
.arrowTopRt {background-image:url(../Images/arrowTopRt.png); }
.arrowBtmLf {background-image:url(../Images/arrowBtmLf.png); }
.arrowBtmRt {background-image:url(../Images/arrowBtmRt.png); }
.topRt { margin-left:-240px; }
.btmRt { margin-left:-240px; }

/* Carousel */
.carouselContainer { margin:0; height:486px; max-height: 486px; overflow:hidden;}
.morelocation,.learnmore, .crewListings, .regulations, .checkweather, .accomodations,.morefestivals{ margin-top:5px;}
.morelocation{width:91px; height:18px; background-position:0 -716px;}
.learnmore{width:91px; background-position:0 -818px;}
.crewListings{width:91px; background-position:0 -778px;}
.regulations{width:142px; background-position:0 -758px; }
.checkweather{width:123px; background-position:0 -798px;}
.accomodations{width:122px; background-position:0 -738px;}
.morefestivals{width:123px; background-position:0 -840px;}

/* Home
------------------------------------------- */
.news .date{ color:#585858; }
ul.news{list-style-type: none; position: relative;top: 0px;z-index: 1; }
ul.news li{width: 100%;}
.news li{ border-bottom:1px dotted #aca092; padding:3px 0;}

.winner, .moreVideo, .contestEntries, .filmcontest, .morelocation,.learnmore, .crewListings, .regulations, .checkweather, .accomodations,.morefestivals
{display:block;  text-indent:-10001px;}
.winner{ width:240px; background-position:-325px -95px; height:75px; margin-top:20px;}
.contestEntries{  width:240px;  background-position:-566px -95px;  height:75px;  margin-top:20px;}
.filmcontest{  width:320px; background-position:0 -95px; height:75px;  margin-top:20px;}
.moreVideo{ width:200px; background-position:0 -538px; height:125px; margin-bottom:10px;}

/* Rss Reader carousel*/
#rssCar{clear: both;float: left;width: 100%;overflow: hidden; visibility: visible;  position: relative; z-index: 2;  left: 0px;  max-height: 137px;}
#wfob{max-height: 182px;max-width: 350px;overflow: hidden;padding-bottom:10px;float: right; margin-bottom: 10px;}
img.btn.disabled { opacity:0.6; filter:alpha(opacity=60)}

/* Social Media */
.sms{ padding-bottom:15px; float:left;}
.sms li a{display: block; height: 25px;width: 3px;text-indent:-10001px; position:relative; width: 25px !important; }
.sms li{ float:left; margin:5px 10px 0 0;}
.sms li.facebook a{background-position: 0 -68px;}
.sms li.bloggers a{background-position: -31px -68px;}
.sms li.twitter a{background-position: -62px -68px;}
.sms li.rss a{background-position: -94px -68px;}
.sms li.youtube a{background-position:-124px -68px;}

.flashTop { background-position: 0 -680px; margin-bottom:-9px;}

/* Film Production 
------------------------------------------- */
#accordion h4{ margin-top:5px;}

#accordion div {
    padding:15px;
    margin-top:-5px;
    background: #fff url(../Images/accord_bg.png) bottom left repeat-x;
    border:1px solid #dcdcdc;
    border-top:none;
    min-height:330px !important;}
    
.ui-accordion .ui-accordion-header  {
    cursor: pointer;
    position: relative;
    margin-top: 1px;
    zoom: 1;
    background-position:0 -34px;
    border:1px solid #dcdcdc;}
    
.ui-accordion .ui-accordion-header :hover,
.ui-accordion .ui-accordion-header.selected 
{display: block; background-position:0 -60px;}
.ui-accordion-header.selected { border-bottom:none;}
/* Arrow */
.ui-accordion .ui-accordion-header.selected span.ui-icon { background-image:url(../Images/accord_open.gif) !important;  }
.ui-accordion .ui-accordion-header span.ui-icon {
    background-image:url(../Images/accord_close.gif);
    position: absolute;
    background-repeat: no-repeat;
    width: 8px;
    height: 8px;
    margin: 12px 0 0 5px;}
                                     
/*                                    
.ui-accordion .ui-accordion-header selected{ display: block; font-size: 1em; padding: .5em .5em .5em 2.2em;  
                                            background: #f6a828 url(../Images/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% 50% repeat-x;   }    */                                  
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; text-decoration:none;  padding:5px 15px;  }
.ui-accordion .ui-accordion-content-active { display: block; }/* Datepicker


