/*General*/
img  {border: none; }
html, body { margin:0; padding: 0;  font-family: verdana, sans; font-size: 10px; }

a { text-decoration: none; color: #4253a0;}

div, h1 {font-family: verdana, sans; font-size: 10px;}
.iFrameCover { position:absolute; filter:alpha(opacity=0); -moz-opacity: 0.80; opacity: 0.80; z-index:9998;}
#DropDownWrapper{position:absolute; z-index:9999; top:81px;}

#ImageModalOverlay { background: #999; display: none; position: absolute; z-index: 9999; }
#ImageModalWrapper { display: none; position: absolute; z-index: 9999; }
#ImageModalHeader{ background: #003333; padding: 3px; }
#ImageModalClose a { font-size: 14px; color: #fff; float: right; font-weight: bold; padding-right: 8px;}
#ImageModalPicture{ margin: 0; padding: 0; }
#ImageModalTitle { padding: 3px 8px; float: left; color: #ccc; }

.PostedOnInfo, #Posted {display: none;}

/*Header*/
#Header { position:relative; margin: 0px; padding: 0; width: 100%; background: url(../images/bc_header.gif) bottom repeat-x;  text-align:center;}
#Logo { position:absolute; top:0; padding: 0;width:317px; left:0; }
#CenterWrap{position:relative; padding:35px 0 15px 0; margin:0 150px 0 320px; display:block; text-align:center;}
#SearchWrapper { position:relative; width: 545px; padding:0; margin:0 auto; text-align:left;}
#SearchWrapper a { text-decoration: none; }
#Tagline { position:relative; }
#Tagline p { color: #808080; font-size: 15px; margin: 0px; }
#Tagline p a { padding-left: 110px; }
#SearchBox { position:relative; margin:0; }
#SearchBox a { font-size: 18px;}
#SearchInput { height: 22px; border: 1px #ccc solid; width: 296px; float: left; margin: 2px 2px 0; padding: 4px 0 0 4px;}

#TopicsDropDownArrow { height: 34px; width: 36px; padding: 0; margin: 0; float: left;  background: none; border: none; margin-right: 2px; cursor: pointer;}
#SearchSubmit {background: url(../images/btn_search.gif) no-repeat; width: 83px; height: 30px; border: none; text-indent: -9999px; line-height: 0; font-size: 0; display: block; margin: 2px 0 0; cursor: pointer;}


#SearchSubmit, #InterfaceResetButton { padding: 0; float: left; }
#Topics {  color: #3f5387; font-size:15px; margin:0 0 10px 0; }
.blueText { color: #3f5386; }
.greenText {  color: #6fa325; }
.orangeText { color: #FF8000; }
#UserActions { position:absolute; top:4px; right:4px; color: #4253a0; font-size: 12px; font-weight: 400; padding-top: 7px; padding-right: 10px; }
#UserActions a { color: #4253a0;  }
#UserActions img {position: relative; top: 5px;}

#PostButtonDiv { float: right; padding-right: 0px; }

/*Middle Interface*/
#InterfaceWrapper {  width: 100%;  margin: 10px 0 0;  }
#ContentWrapper { position: relative; width: 100%; height: 300px; }
#splitLeft, #splitRight { width: 48%; position: absolute; top: 0; overflow: hidden; }
#splitLeft { left: 0; }
#splitRight { left: 50%; }
#ListWrapper, #MapWrapper { height: 300px; overflow: hidden; }

#ListWrapper { background: #ebb722 url(../images/ltc_yellow.gif) no-repeat; padding: 9px 0 20px 25px;}
#MapWrapper { background: #7dc11d url(../images/rtc_green.gif) right top no-repeat; padding: 9px 0 20px;}

#ListWrapper .BC, #MapWrapper .BC { height: 9px; width: 100%; position: absolute; bottom: 0; overflow: hidden;}
#ListWrapper .BC { background: url(../images/lbc_yellow.gif) bottom left no-repeat; left: 0; }
#MapWrapper .BC { background: url(../images/rbc_green.gif) bottom right no-repeat; right: 0; }

#ContentWrapper .Btn { width: 17px; height: 34px; position: absolute;
            top: 50%; margin-top: -17px; cursor: pointer; }
#ListWrapper .LeftBtn { background: url(../images/arw_yellow_left.gif) no-repeat; left: 5px; }
#MapWrapper .RightBtn { background: url(../images/arw_green_right.gif) no-repeat; right: 5px; }

.splitter-bar { width: 60px; background: url(../images/bg_splitter.gif) 0 50%;
                position: absolute; top: 0; left: 50%; height: 300px; }
.splitter-bar .TC { width: 60px; height: 10px; background: url(../images/tc_splitter.gif) no-repeat; }
.splitter-bar .BC { width: 60px; height: 300px; background: url(../images/bc_splitter.gif) bottom left no-repeat; }

.splitter-bar .LeftBtn { background: url(../images/arw_green_left.gif) no-repeat; right: 5px; }
.splitter-bar .RightBtn { background: url(../images/arw_yellow_right.gif) no-repeat; left: 5px; }


#ListContent { margin-right: 0 !important; }
#Map { margin-left: 0 !important; margin-right: 25px !important; clear: both;}
#PaginationDisplay { overflow: hidden; }

#ContentWrapper #ListLock {cursor:pointer; display:block; font-size: 14px; background: #4879bc; color: #fff; text-align: center; margin-left: 0; white-space: nowrap; overflow: hidden; }
#ContentWrapper #MapLock { cursor:pointer; display:block; font-size: 14px; background: #ccc; color: #000; text-align: center; margin-left: 0; white-space: nowrap; overflow: hidden; margin-right: 25px; }
#MapNavigationWrapper { overflow: hidden; margin-right: 25px; position: relative; height: 26px;}


#Map { height: 22px; margin: 0 0 0 76px; padding: 0; overflow: hidden; border: #fff solid 1px;  }
#SponsorImage { margin: 0 auto; width: 580px;}

#PaginationDisplay { height: 26px; width: 100%;  }
#MapNavigation {float: left; width: 263px; height: 26px; background: url(../images/bg_map_nav.gif) no-repeat; position: relative; overflow: hidden;}
#MapNavigation a span {display: none;}
#MapNavigation a {cursor: pointer;  height: 26px; display: block; position: absolute;}
#MapNavigation a:hover, #MapNavigation a.Active {background: url(../images/bg_map_nav.gif) no-repeat;}

#MapNavigation #NavMap1 {left: 0px; width: 60px;}
#MapNavigation #NavMap1:hover, #MapNavigation #NavMap1.Active {background-position: 0 -26px; }

#MapNavigation #NavMap2 {left: 61px; width: 60px; }
#MapNavigation #NavMap2:hover, #MapNavigation #NavMap2.Active {background-position: -61px -26px; }

#MapNavigation #NavMap3 {left: 122px; width: 76px;}
#MapNavigation #NavMap3:hover, #MapNavigation #NavMap3.Active {background-position: -122px -26px; }

#MapNavigation #StreetViewButton {left: 198px; width: 61px;}
#MapNavigation #StreetViewButton:hover, #MapNavigation #StreetViewButton.Active {background-position: -198px -26px; }

/* Footer */
#FooterDiv {padding: 5px 8px 0; clear: both;}
#FooterCopyright {float: left; font-size: 14px; font-weight: 700; color: #999;}
#FooterContactUs { text-align: right; font-weight: bold; }


#HotSpotsWrapper { margin-top: 20px; padding: 0 0 7px 7px; display: none; width: 507px; font-size: 12px; background: #d5d8e1; position: absolute;z-index: 9999;  }
#HotSpotsWrapper img {vertical-align: middle;}
#BlogMenuWrapper { margin: 20px 0 0 0; padding: 0; font-size: 12px; display: none; width: 200px; height: 150px; position: absolute; left:95px; z-index: 9999; }
#BlogItems { list-style: none; background: #FFF; width: 200px; height: 150px; margin: 0; padding: 0; }
#BlogItems li { margin: 0; }
#BlogItems li div a { font-size: 14px; z-index: 9999; position: relative; display: block;margin: 0;padding: 1px 10px;width: auto;white-space: nowrap;text-align: left;text-decoration: none;color: #3e5486;}
#BlogItems li div { width: 190px; overflow:hidden; z-index: 9999; margin: 0; padding: 0; height: 150px;  }
.alternate { background: #d5d8e1; }

#UniversityMenuWrapper { margin: 20px 0 0 0; padding: 0; font-size: 12px; display: none; width: 150px; height: 150px; position: absolute; left:300px; z-index: 9999; }
#UniversityItems { list-style: none; background: #FFF; width: 150px; height: 150px; margin: 0; padding: 0; }
#UniversityItems li { margin: 0; }
#UniversityItems li div a { font-size: 14px; z-index: 9999; position: relative; display: block;margin: 0;padding: 1px 10px;width: auto;white-space: nowrap;text-align: left;text-decoration: none;color: #6fa325;}
#UniversityItems li div { overflow:hidden; z-index: 9999; margin: 0; padding: 0; height: 150px;  }
.alternateUniversity { position: relative; display: block;margin: 0;padding: 1px 10px; white-space: nowrap;text-align: left;text-decoration: none; background: #d5e1d5; color: #6fa325;}

#PageRange { float: left; font-size: 14px;  color: #323232;}
#Pages { float: right; width: 240px; color: #323232; font-size: 14px; text-align:right; padding: 0; }
#Pages a { color: #323232; font-size: 14px; padding:0 4px;}
#Pages b { padding: 4px; }
#Breadcrumbs { float: left; width: 100%; color: #323232; font-size: 14px; padding-left: 0px; }
.ImgLink { cursor: pointer; }

#TablePopup { background: url('images/PopupBackground.png') no-repeat 100% 100%; width: 277px; height: 289px; position:relative; }
#PopUp { width: 245px; color: #333; font-size: 10px; margin-right: 10px; }
#PopUp a { color: #2b3767; text-decoration: none; }
#PopUpHeader { width: 255px; height:42px; padding:0;}
#PopUpHeader #PopupPin{float:left; position: absolute; top:16px; left:4px; width:14px; padding:4px 0 0 0;}
#PopUpHeader #Subject{font-size: 15px; color: #fff;  width: 200px; height: 20px; overflow:hidden; position:absolute; top:24px; left:20px; }
#PopUpHeader #Subject a{color:#fff; font-weight:bold;}
#PopUpHeader #Close{font-size: 14px; position: relative; top:7px; float: right; width: 16px; cursor: pointer; color: #333; font-weight: bold;}
#PopUpHeader #Username{position:relative; padding:3px 0 0px 0; margin:0; top:28px; left:3px; }
#PopUpHeader #Posted{font-weight: normal; position:absolute; right:0; top:1;  }
#PopUp #CurrentGrade{ margin:5px 0; float:right; padding:0;}
#PopUp #Avatar{ width: 79px; height: 100px; margin:0; float:right; padding:7px 2px 0 0; text-align: right; }
#PopupContent {  padding-left: 3px; float: left; height: 158px; }
#PopupContent p { font-size: 12px; padding:0; margin:0; line-height: 15px; }
#PopupContent #PopUpPostText{height:44px; overflow: hidden; padding-top: 7px; word-wrap: break-word;}
#PopupContent  .ReplyText {  display:block; height:16px; float: left; }
#PopupContent #LocationCount { color: #2c3868; padding-top: 3px; font-size: 12px; clear: left;}
#PopupContent #Tags {width: 170px; overflow: hiddwen; padding-top: 3px; height: 16px; }
#PopupContent #Tags a { text-decoration: none; color: #72a725; margin: 0; }
#PopupContent #Grades { clear:both; width:255px; text-align: left; }
#PopupContent #Grades #GradesNav{position:relative; padding-top: 3px; }
#PopupContent #Grades #GradesNav img {padding-left: 5px; margin: 1px;}
#PopupContent #Reply { width: 225px;  padding: 3px 0; cursor:pointer; clear: both;}
#PopupSponsor { text-align: center; display:block; height: 60px; width:265px; position:absolute; bottom:12px; }

#ProfileWrapper { text-align: left; margin: 0; padding: 0px; background: #fff; border: solid 1px #000; font-size: 12px; width: 99%; }
#ProfileHeaderWrapper { width: 100%; padding: 0px 0px;}
#ProfileHeader { float:left; font-size: 12px; width: 50%; padding: 0 12px; }
#ProfileHeader table { margin-top: 10px; }
#ProfileHeader table td.TableLabels { width: 150px; color: #333; vertical-align: top; }
#ProfileImage { float:right; font-size: 12px; margin-right: 12px; }
#ProfileContent { font-size: 12px; padding: 0px 12px; }
#ProfileRecentPosts { font-size: 12px; float: left; padding: 0px 12px;}
#ProfileRecentPosts ul { list-style: none; padding-left: 0px; margin-left: 0px; }
#ProfileRecentPosts ul li { padding: 3px 0px; margin-left: 0px; }
#ProfileRecentPosts ul li span { font-size: 9px; color: #333;}

#BlogWrapper { background: #ccc; margin: 10px; text-align: left; min-width: 480px;  padding: 10px; border: solid 1px #000; font-size: 12px; }
#BlogHeaderWrapper { width: 100%; padding: 0px 0px;}
#BlogHeader { float:left; font-size: 16px; width: 50%; padding: 0 12px; }
#BlogImage { float:right; font-size: 12px; margin-right: 12px; }
#BlogProfile { width: 50%; font-size: 12px; padding: 12px 12px; float: left; }


.ListAd { text-align: center; margin: 2px auto 0 auto; }

#ListContent { overflow: auto; height: 22px; border: #aeadad solid 1px; background: white; text-align: left; margin-right: 70px;}
.prop580{height:1%; width:579px; float:left; clear:both; display:block; }
.prop325{height:1%; width:325px; float:left; clear:both; display:block; }
.alternateList { background: #d5d8e1; }
.ListViewPost { position:relative; text-align: left; width: 100%; min-width: 480px;  }
.ListPostHeader { height: 16px; margin: 0px; background: url('../images/PageTitleBG.gif') repeat-x #636363; padding: 5px; font-size:9px}
      .ListPostHeader a {text-decoration:none; color: #fff; font-size:15px; position:relative; left:5px;}
      .ListPostHeader img { float: left; padding-right: 10px;}
      .ListPostSubject {font-size:12px; font-weight: bold; float: left; clear:both;}
      .PostedOnInfo { float: right; color: black; padding-right: 10px; }
.ListPostContent { position:relative; font-size: 12px; padding-left: 10px;}
      .PostImage {width:16%; overflow: hidden; float: left;  padding-top: 7px; clear:both; padding-left: 3%;}
      .PostImage a{text-decoration:none;}
            .PostImage img { border: solid 2px #2c3868; }
      .PostText { position:relative; width: 75%; font-size: 12px; float: left; padding: 1% 2% 0 2%;}
            .RelatedText { color: #7d7f7e; font-size: 12px; }
            .ReplyText a { color: #ff8000; font-size: 12px; text-decoration: none;}
            .Tags a {  color: #78ab34; font-size: 12px; text-decoration: none; }
      .ListPostImage { text-align: right; padding: 0 12px 12px 7px;  float: right;  }
       .ListPostImage a {clear: both; display: block; text-align: center; margin: 0 auto; color: #f88033; font-size: 14px;}
      .ListPostImage img { border:3px solid #fff; }
               .ListGrade { font-size: 13px; color: #666; margin:10px 0;}
            .ListGrade img {border:none; }
            .ListGrade span { padding-left: 15px; float: left; }

.InformationPage { margin: 8px; }


#PostDetail { background: #fff; border: solid 1px #000; font-size: 12px; width:100%px; }
#PostDetail ul { clear:both; }
#PostTags { font-weight: bold; font-size: 11px; clear:left; }
#PostDetail img#PostImage { float:right; padding-right: 8px; padding-bottom: 10px; clear: left;}
#PostHeader { float: left; }
.PostChildren { margin-left: 20px; border: solid 1px #333; }

.HelpText { font-size: 10px; color: #003399; padding: 3px; background: white; margin: 3px 0 0 0; }

#Instructions { background: #d5d8e1; text-align: left; }
#Instructions h1 { font-size: 14px; color: #455382; margin: 0; padding: 0; padding-top: 8px; padding-left: 10px; }
#Instructions h2 { font-size: 14px; color: #455382; }
#Instructions h3 { color: #455382; }
#Instructions p { font-size: 12px; }
#Instructions div { padding: 10px; clear: both;}
#Instructions img { margin: 0 auto; }
#InstructionsSignIn img { float: left; clear: both; }
#InstructionsSearchBar { clear: both; }
#InstructionsSearchBar p { width: 50%; float: left; }
#InstructionsPopUp img { float:left; }
#InstructionsComments p { width: 50%; float: left;}
#InstructionsLiveView img { float: left; }

#TopicsDropDown { background: #FFF; border: 1px solid #5970B2; width: 400px; z-index: 9999; position: absolute; height: 200px; margin: 0; padding: 0; display: none;  }



#CalWeatherToggle { padding-top: 0px; width: 196px; border: solid 1px #ccc; height: 25px; background: #2c3868; color: #fff; font-size: 16px; display: block; cursor: pointer; }
#CalWeatherToggle div { margin-left: 65px;  color: #fff; font-size: 14px; text-decoration: none; }
#CalWeather { width: 203px; }
#CalendarContainer { height: 172px; width: 203px; float: left; position: relative; }
#CalWeatherWrapper { padding-left: 2px;float: left; }

#Tags {float: left; overflow: hidden; height: 197px; width: 194px; }
#WeatherContainer {  margin-left: 0px; border: 2px solid #D4D8D2; background: #988787; position: absolute; width: 196px; }
#WeatherContainer #WeatherForecast #WeatherCurrent { clear:both; color:#fff; background: #818C96; margin:0px; padding-top: 3px;  }
#WeatherContainer #WeatherForecast #WeatherCurrent #CurrentIcon {  text-align: center; width: 62px; float:left; clear:right; }
#WeatherContainer #WeatherForecast #WeatherCurrent #CurrentTemp { width: 70px; float:left; font-size: 28px;  }
#WeatherContainer #WeatherForecast #WeatherCurrent #CurrentHighLow { width: 60px; float:right;  }
#WeatherContainer #WeatherForecast img {  width: 30px; }
#WeatherContainer #WeatherForecast .WeatherColumn { width: 32px; float:left; color: #D4D8D2; padding-top 0px;}
#WeatherContainer #WeatherForecast .WeatherColumn #WeatherHigh { font-weight: bold; font-size: 12px; }

#tagLayer { overflow: auto; z-index: 9999; height: 200px; margin: 0; padding: 0; width: 194px; }
#TagList { padding: 0; width: 176px; list-style: none; margin: 0; }
#TagList li { padding: 1px 10px; margin: 0; }
#TagList li a { font-size: 14px; margin: 0;padding: 0px;text-align: left;text-decoration: none;color: #3e5486;}
#TagList .alternate { background: #d5d8e1; color: #333;}

#PageTitle { width: 100%; margin: 0px 0px 10px 0px; height: 26px; color: #eee; text-align: center; background: url('../images/PageTitleBG.gif') repeat-x; }
#PageTitle h1 { font-size: 14px; padding-top: 4px; color: #eee; margin: 0px; }
#PageText { margin: 10px; }

#FormWrapper { margin: 10px; padding: 0 0 7px 0px; background: #fff; border: solid 1px #000; font-size: 12px; width: 580px; }
.forms {  margin-left: 10px; background: #fff; font-size: 12px; width:500px;  }
/*.forms input, select, textarea { border: 1px solid #999; }*/
.forms .inputBoxes { width: 400px; }
#LoginFormWrapper { text-align: left; width: 300px; padding-left: 10px; }
#LoginForm .inputBoxes { width: 200px; }
#NeedAccount { font-size: 14px; }
#ForgotPassword { font-size: 14px; text-align: center; }
#upload_target { display: none; }

#RequiredNotice { color: red; font-weight: bold; text-align: center; }
.RequiredField { color: red; font-weight: bold; }

#NavTitle { display: none; }

#Messages { margin: 10px auto; display: none; width: 400px; border: solid black 2px; }
#ErrorHeader { text-align: left; margin: 0; padding: 0; width: 100%; background: #000; color: white;   }
#ErrorTitle { margin: 0; padding: 0 0 3px 3px; width: 300px; float: left; font-size: 14px; font-weight: bold; }
#SuccessHeader { text-align: left; margin: 0; padding: 0; width: 100%; background: #000; color: white;   }
#SuccessTitle { margin: 0; padding: 0 0 3px 3px; width: 300px; float: left; font-size: 14px; font-weight: bold; }
#CloseMessages { margin: 0; padding: 0; width: 20px; float: right; cursor: pointer; color: #fff; font-size: 14px; font-weight: bold; }
#Message { text-align: left;font-size: 12px; padding: 10px; background: #ccc; }
.MessagesSmall { float: left; margin: 0; color: red; padding-bottom: 10px; }
#Messages .Error{color: #990000; }
#Messages .Success{color: green; }
#ConfirmationText { padding: 15px; font-size: 14px; }

.Left { float: left }
.Right { float: right }
.Centered { Maregin: 0 auto; }

#FooterSponsor {float: left; padding: 3px 0 0 100px;}

/* -- Alsett Clearing Method*/
.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   visibility: hidden;
   line-height: 0;
   height: 0;
}

.clearfix {
   display: inline-block;
}

html[xmlns] .clearfix {
   display: block;
}

* html .clearfix {
   height: 1px;
}

.scroll-track{
      height:8px;
      width:10px;
}

.scroll-handle{
      border: 0px
      height:10px;
      width:10px;
      cursor:pointer;
}

.splitpane-divider {
   background:#2b3042;
   margin-left: 3px;
}

.splitpane-divider img {
   margin-left: 1px;
}

#SplitPaneDivider {text-align: center; padding: 0; overflow: hidden;}
#SplitPanelLeft {width: 64px; float: left; padding-left: 2px;}
#SplitPanelRight {width: 64px; float: right; padding-right: 4px;}
#BlueBottomCap {background: #2b3042; height: 10px; position: absolute; width: 99%; margin-top: -10px; z-index: 5000; }
#SliderWrapper {overflow: hidden; height: 70px !important; margin: 0 0 10px;}
* html #DividerGrip {position: absolute; z-index: 20000; margin-left: -4px;}
#OverScroll {height: 70px; overflow: hidden; width: 3000px;}


.column {
   /*float: left; /* This is forces the page content to adjust to changes in height of the columns */
   overflow: hidden; /* As a precaution, all content is clipped to the column width */
   margin: 0; /* This and padding need to be zero */
   padding: 0;
   z-index: 1;*/
}

#lightbox{
      background-color:#eee;
      padding: 10px;
      border-bottom: 2px solid #666;
      border-right: 2px solid #666;
      }
#lightboxDetails{
      font-size: 0.8em;
      padding-top: 0.4em;
      }     
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;}
#overlay img{ border: none; }

.PostOptions h2, .DirectionsPopup h2 {margin: 0; padding: 10px 20px; color: #2b3042;}
.PostOptions, .MarkFavorite,.FacebookIcon, .DirectionsIcon {float: left; padding: 2px 1px;}
.PostOptions form {position: absolute; z-index: 1000; background: #eee; border: 1px solid #333;}
.PostOptions fieldset {background: #eee; border: none;}
.SendToFriendAd {margin: 10px 30px;}
.PostOptions a {background: url(../images/envelope_off.png) no-repeat; display: block; text-indent: -9999px; width: 32px; height: 32px;}
.PostOptions a:hover {background: url(../images/envelope_on.png) no-repeat;}
.PostOptions a:active {background: url(../images/envelope_on.png) no-repeat;}
.PostOptions .Label {text-align: right;}
.PostOptions input, .PostOptions text-area {width: 180px;}
.PostOptions .Submit {width: 80px;}
.MarkFavorite a {display: block; text-indent: -9999px; width: 32px; height: 32px;}
.MarkFavorite .StarOn,.MarkFavorite .StarOff:hover {background: url(../images/star_on.png) no-repeat;}
.MarkFavorite .StarOff, .MarkFavorite .StarOn:hover {background: url(../images/star_off.png) no-repeat;}
.FacebookIcon a {display: block; text-indent: -9999px; width: 32px; height: 32px; background: url(../images/facebook_icon_off.png) no-repeat;}
.FacebookIcon a:hover { background: url(../images/facebook_icon_on.png) no-repeat;}

.DirectionsIcon a {display: block; width: 32px; height: 32px; text-indent: -9999px; background: url(../images/car_off.png) no-repeat;}
.DirectionsIcon a:hover { background: url(../images/car_on.png) no-repeat;}
.DirectionsIcon a:active { background: url(../images/car_on.png) no-repeat;}

.DirectionsPopup {display: none; position: absolute; background: #eee; z-index: 5; border: 1px solid #000;}
.DirectionsPopup fieldset {border: none;}
.DirectionsPopup td {padding: 5px;}
.DirectionsPopup .Label {font-weight: bold; width: 50px;}
.DirectionsPopup span {color: #368fe3; font-weight: bold; width: 150px; display: block;}
.DirectionsPopup .InputSubmit {margin: 20px 0 0;}
.DirectionsPopup img {border: none; margin: -1px 0 0 3px; position: absolute;}
.DirectionsPopup iframe {padding: 5px;}

#ImageModalNavigationWrapper {background: #033;}
#ImageModalNavigation {text-align: right; font-weight: bold; padding: 0 10px 10px 0;float: right;}
#ImageModalNavigation a {display: block; padding: 5px 8px; float: left; background: #eee; color: #090; margin: 0 2px; border: 1px solid #999;}
#ImageModalNavigation a:hover, #ImageModalNavigation a.Current {background: none; color: #fff;}


* html #overlay{
      background-color: #333;
      back\ground-color: transparent;
            }




/* iPhone Slider */
#SliderWrapper { width:100%; height: 70px; float:left margin:0; padding:0; position:relative;}
#Permbuttons { width: 210px; height: 70px; position: absolute; z-index: 100;}
#Permbuttons ul { height: 70px; margin:0; padding:0;}
#Permbuttons li { display: block; float: left; width: 70px; height: 70px; margin:0; padding:0;}
#Permbuttons li a  {display: block; width: 70px; height: 70px;}
#GradLeft {background:url(../images/leftgrad.png)  no-repeat; height: 70px; width:8px; position:absolute; top:0; left:210px; z-index:9000;}
#GradRight {background:url(../images/rightgrad.png)   no-repeat; height:70px; width:8px; position:absolute; top:0; right:0px; z-index:9000;}
#OverScroll { width: 100%; height: 70px; overflow: hidden; position: relative; margin:0; padding:0;}
#OverScroll ul { height: 100px; width: 2170px; margin:0; padding-left:210px;}
#OverScroll li {float: left; display: block; list-style: none;}
#OverScroll a {display: block; width: 70px; height: 70px;}
#OverScroll a:hover {background-position: 0 -70px;}