/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */

 
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;height:391px;border:0;
-moz-box-shadow: 2px 5px 7px #888;
-webkit-box-shadow: 2px 5px 7px #888;
box-shadow: 2px 5px 7px #888;
/*filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color=#444);*/}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility:  hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
#sscontent-caption {
width:782px;
text-align:center;
margin:0 auto;
background-color:#fff;
overflow:hidden;
height:520px;
position:relative;
padding: 0;
}
#sscontent-caption p {
margin:8px auto 0;
}
#sscontent-caption .caption-body {
font-family:Georgia, "Times New Roman", Times, serif;font-style:italic;text-align:center;font-size:12px;line-height:14px;color:#666;text-transform:none;margin:10px auto 0;padding:0;width:680px;}

#sscontent-caption ol {-webkit-padding-start: 0px;margin:10px 0 0 0;}
#sscontent-caption ul {-webkit-padding-start: 0px;margin:0;}

#sscontent-caption-full {
width:100%;
text-align:center;
margin-bottom:20px;
background-color:#fff;
overflow:hidden;
height:auto;
position:relative;
padding: 0 0 25px;
}
#sscontent-caption-full p {
margin:8px auto 0;
}
#sscontent-caption-full .caption-body {
font-family:Georgia, "Times New Roman", Times, serif;font-style:italic;text-align:center;font-size:12px;line-height:14px;color:#666;text-transform:none;margin:10px auto;padding:0;width:90%;}
#sscontent-caption-full h4 {
text-transform:uppercase;font-size:18px;font-family: "GillSans", Helvetica Neue, Arial, sans-serif;color:#333;margin:16px auto 0;line-height:20px;color:#000;font-style:normal;-webkit-font-smoothing: antialiased;}
#sscontent-caption-full .location {color:#333;}

#sscontent-caption-full ol {-webkit-padding-start: 0px;margin:10px 0 0 0;}
#sscontent-caption-full ul {-webkit-padding-start: 0px;margin:0;}

.flexslider {margin: 0; background: #fff; position: relative; zoom: 1;width:100%;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;height:445px;}

.carousel li {margin-right: 5px}


/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {width: 44px; height: 80px; margin: 0; display: block; background: url(//www.tablethotels.com/media/ecs/global/magazine/wp/ss-arrows.png) no-repeat 0 0; position: absolute; top: 152px; z-index: 10; cursor: pointer; text-indent: -9999px; /*opacity: 0; -webkit-transition: all .3s ease;*/}
.flex-direction-nav .flex-next {/*background-position: 100% 0; right: -36px;*/background-position: -156px 0;right: 0; }
.flex-direction-nav .flex-prev {/*left: -36px;*/background-position: 0 0;left:0;}
.flexslider:hover .flex-next {/*opacity: 0.8; right: 5px;*/background-position: -109px 0;}
.flexslider:hover .flex-prev {/*opacity: 0.8; left: 5px;*/background-position: -47px 0;left:0;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}



/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; text-align: center;}
.flex-control-nav li {margin: 0 2px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 12px; height: 16px; display: block; background:url(//www.tablethotels.com/media/ecs/global/control_nav_outline-2.png) no-repeat 0 0; cursor: pointer; text-indent: -9999px;}
.flex-control-paging li a:hover { background-position: 0 -21px;}
.flex-control-paging li a.flex-active { background-position: 0 -42px; cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {opacity: 1; left: 0;}
  .flex-direction-nav .flex-next {opacity: 1; right: 0;}
}

/* PAGE ss */
#sscontent-page-caption {
width:987px;
text-align:center;
margin-bottom:0;
background-color:#fff;
overflow:hidden;
height:520px;
position:relative;
padding: 0;
}

.flexslider-page {margin: 0; background: #fff; position: relative; zoom: 1;width:987px;}
.flexslider-page .slides {zoom: 1;height:500px;}

/* md 



#sscontent-caption ul.slides {
height:445px;
}

#sscontent-essay {
width:782px;
text-align:center;
margin-bottom:0;
background-color:#fff;
overflow:hidden;
height:490px;
position:relative;
padding: 0;
}

#sscontent-caption ul.slides {
height:445px;
}



 
.flex-direction-nav li a {
width: 44px;
height: 80px;
margin: 0;
display: block;
background: url(http://www.tablethotels.com/media/ecs/global/magazine/wp/ss-arrows.png) no-repeat 0 0;
position: absolute;
top: 153px;
cursor: pointer;
text-indent: -9999px;
}


.flex-direction-nav li a.prev {background-position: 0 0;left:0;}
.flex-direction-nav li a:hover.prev {background-position: -47px 0;left:0;}
.flex-direction-nav li a.next {background-position: -156px 0;right: 0;}
.flex-direction-nav li a:hover.next {background-position: -109px 0;}


/* Control nav 
#sscontent ol {-webkit-padding-start: 0px;margin:10px 0 0 0;}
#sscontent-caption ol {-webkit-padding-start: 0px;margin:10px 0 0 0;}
#sscontent-black ol {-webkit-padding-start: 0px;margin:0;}
#sscontent-caption-black ol {-webkit-padding-start: 0px;margin:0;}
 
#sscontent-caption .flex-control-nav {width: 775px; text-align:center;margin:0 auto;padding:0;height:20px;}
#sscontent-caption .flex-control-nav li {margin: 0 0 0 2px; display: inline-block; zoom: 1; *display: inline;text-align:center;width:12px;}
#sscontent-caption .flex-control-nav li:first-child {margin: 0;}
#sscontent-caption .flex-control-nav li a {width: 12px; height: 16px; display: block; background:url(http://www.tablethotels.com/media/ecs/global/control_nav_outline-2.png) no-repeat 0 0; cursor: pointer; text-indent: -9999px;}
#sscontent-caption .flex-control-nav li a:hover {background-position: 0 -21px;}
#sscontent-caption .flex-control-nav li a.active {background-position: 0 -42px; cursor: default;}
#sscontent-caption .flex-control-nav ol {margin:10px auto 0 auto;padding:0;}

.flex-control-nav {width: 775px; text-align:center;margin:0 auto 0 auto;padding:0;height:20px;}
.flex-control-nav li {margin: 0 0 0 2px; display: inline-block; zoom: 1; *display: inline;text-align:center;width:12px;}
.flex-control-nav li:first-child {margin: 0;}
.flex-control-nav li a {width: 12px; height: 16px; display: block; background: url(http://www.tablethotels.com/media/ecs/global/control_nav_outline-2.png) no-repeat 0 0; cursor: pointer; text-indent: -9999px;}
.flex-control-nav li a:hover {background-position: 0 -21px;}
.flex-control-nav li a.active {background-position: 0 -42px; cursor: default;}
.flex-control-nav ol {margin:10px auto 0 auto;padding:0;}




#sscontent-caption p.ss-caption {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:10px;
font-style:italic;
color:#666;
padding:0;
margin:8px auto 0;
line-height:12px;
text-align:center;
text-decoration:none;
}

#sscontent-caption .caption-body {
font-family:Georgia, "Times New Roman", Times, serif;font-style:italic;text-align:center;font-size:12px;line-height:14px;color:#666;text-transform:none;margin:10px auto 0;padding:0;width:680px;}



.caption-body .live {
color:#8f3b3b;font-style:italic;}


.caption-body .live a:hover {text-decoration:underline;}

#controls {overflow:hidden;width:52px;height:52px;text-indent: -9999px;margin:0;padding:0;position:absolute; top:0;right:2px;} */