/* REMOVES DESKTOP ELEMENTS 
.ui-mobile #screenReaderNav, .ui-mobile ul#breadcrumbs,  .ui-mobile #gallery {display: none;}*/
.ui-mobile #headerwrapper,#fixed-header, .ui-mobile #screenReaderNav, .ui-mobile #topnavwrapper, .ui-mobile ul#breadcrumbs, .ui-mobile #footerwrapper, .ui-mobile #socialmediawrapper, .ui-mobile 
#gallery, .ui-mobile ul.dropdown, .ui-mobile .byline, #pagefooter, .desktop, #headerwrapper img#print-only {display: none;}

/* MOBILE STYLES */
.ui-mobile .clearBoth {
    clear: both;
    height:0;
}
.ui-mobile hr.clearBoth {
    margin: 0;
    padding: 0 0 10px 0;
    border: 1px #ccc solid;
    border-width: 1px 0 0 0;
}
body {color:#343434;}
a {
    color:#007cba;
    text-decoration:none;
}
a:hover {
    color:#007cba;
}
a:visited {
    color:#06537f;}
    
a:hover,
a:focus {
  color: #23527c;
  text-decoration: underline;
}
a:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
    
.ui-mobile h2 {font-size: 130%;color:#333;}

.ui-mobile h2 span {
    color: #F29604;
}
.ui-mobile h3 {font-size: 120%;color:#343434;}
.ui-mobile h4 {font-size: 110%;color:#444;}
.ui-mobile h5 {font-size: 100%;color:#555;}
    
/* EXTERNAL LINK ICON */
a.external {background: url("../../images/yicon_jumplink.gif") no-repeat top right; padding: 0 13px 0 0;}

/* PAGE STRUCTURE */
.ui-mobile body {background:#fff;
    width: 100%; font-size: 100%; line-height: 120%; margin: 0; font-family: Arial, Helvetica, sans-serif;
 }
 .ui-mobile .columns {padding: 0 15px 15px 15px;}

.ui-mobile #mobile-header,.ui-mobile #mobile-header-nav,.ui-mobile #mobile-footer, #page1{display: block;width:auto;clear:both; }
.ui-mobile #mobile-header {background: transparent url("../../images/mobile/global-header_bg.jpg") repeat-x top left; width: 100%; height: 67px; padding: 0; }

.ui-mobile #mobile-header img{margin-top:18px;width:100% !important;}
.ui-mobile #contentwrapper{background: #fff; width: 99.99%; margin-top:7%;padding-bottom: 20px;padding-top:5px !important;}
.ui-mobile #pagecontent{
    margin-top:10px;
}
#pagecontent #sitename {padding: 10px;margin: 0 0 15px 0; height:auto !important;}
#sitename h1{font-size: 140%; line-height: 140%;}
#sitename .summary{font-size: 100%; line-height: 140%; color: #666;}
#sitename .summary span.gold{color: #F29604; font-size: 110%;}
#sitename img {display: none;}

.ui-mobile .sidebar h2 {font-size: 130%; text-transform: uppercase; margin-left: 10px;}
span.more, li.desktop {display:none;}

/* footer */
.ui-footer {
    background-color: #031634;
    height: 215px;
    margin-bottom: -45px;
}
.ui-footer #search-mobile {clear: both; text-align: center;}
.ui-footer img {
    border: 0 none;
    margin: 10px 0;
    text-align: center;
}
#mobile-footer div#logo{
    background-color: #031634;
    height: 90px;
    position: relative;
    text-align: center;
    width: 100%;
}
#mobile-footer .ui-content{
    margin: 0; 
    padding: 0 15px; 
    background-color: #031634;
}
#mobile-footer .ui-content p{
    line-height: 2em; 
    font-size: 75%; 
    text-align: center;
}
.ui-mobile #socialmediawrapper-mobile{background-color: transparent; text-align:center;padding:15px;} 
.ui-mobile #socialmediawrapper-mobile img{margin: 0 5px 0 0; width:25px; height: 25px;}
.ui-mobile #socialmediacontainer-mobile {background-image: none; background-color:#fff; text-align: center;}

.ui-mobile ul#footer-links {width: 100%; padding: 5px 10px  5px 0; text-align: center;}
.ui-mobile ul#footer-links li { display: inline; list-style: none; line-height: 2em; }
.ui-mobile ul#footer-links li a { padding: 0 10px; text-decoration:none;}
.ui-mobile ul#footer-links li a:hover {text-decoration:underline;}

.ui-btn{margin-top: 15px;}
.ui-navbar li .ui-btn {
    margin-right: -1px;
    padding-bottom: 6px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 6px;
}
ul.ui-grid-c li.ui-block-a {clear: none; float: left;}
.ui-navbar li .ui-btn {
    margin-right: 0;
    padding: 8px 0;
}

.ui-input-search {margin-bottom: 15px;}
[data-role=page]{height: 100% !important; position:relative !important;}
[data-role=footer]{bottom:0; position:relative !important; top: auto !important; width:100%;}       

.ui-mobile #pagefooter {padding: 10px;}
.ui-mobile #pagefooter ul {padding: 0; margin: 0;}
.ui-mobile #pagefooter ul li{list-style: none; font-size: 90%; line-height: 150%;padding: 10px 0; margin: 0;}
.ui-mobile #pagefooter .footercolumn-double {display: none;}

/* BREAKING NEWS IN SCIENCE */
.ui-mobile #breaking-news {
    width:90%;height:auto;
    position:relative; 
    margin: 15px 10px -5px 10px;
    padding: 0 8px 2px 0;
    background-color: #f6f6f6;
    border: 1px #ddd solid;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 8px 8px 8px -5px rgba(0,0,0,0.40);
    -moz-box-shadow: 8px 8px 8px -5px rgba(0,0,0,0.40);
    box-shadow: 8px 8px 8px -5px rgba(0,0,0,0.40);
}
.ui-mobile #breaking-news img{margin-right: 8px;}

.ui-mobile #breaking-news h1{font-family:Arial,Helvetica,sans-serif; font-weight:bold;font-size:90%;line-height:100%; padding-bottom:5px; padding-top: 0; color:#000;margin-bottom:4px;}
.ui-mobile #breaking-news h1 a{color:#000!important; text-decoration:none;}
.ui-mobile #breaking-news h1 a:hover{color:#000;text-decoration:underline;}
.ui-mobile #breaking-news p{color:#000; font-size:80%; margin: 0 5px 5px 0; padding: 0 5px 5px 0;}
.ui-mobile #breaking-news p a{color:#007cba; text-decoration:none;}
.ui-mobile #breaking-news p a:hover{text-decoration:underline;}
div.jp-title{left:20px;margin-top:-5px;}
/* LANDING PAGE */

.ui-mobile #mainwrapper{width: 100%;}
.ui-mobile #pagecontent ul.landingpage li{background: none; float: none; width: 97%;}
.ui-mobile ul.landingpage {margin:5px 5px 10px 5px; padding: 0; list-style: none; width: 98%;}

.ui-mobile ul.landingpage li span {padding: 0 5px;}
.ui-mobile ul.landingpage li a{ font-weight: bold; text-decoration: none; padding: 10px; margin: 8px 0; border: 1px solid #ddd /*{c-body-border}*/;
    color: #333333 /*{c-body-color}*/;
    box-shadow: 2px /*{c-body-shadow-x}*/ 2px /*{c-body-shadow-y}*/ 2px /*{c-body-shadow-radius}*/ #aaa /*{c-body-shadow-color}*/;
    text-shadow: 0 0 0 transparent;
    background: #f9f9f9 /*{c-body-background-color}*/;
    background-image: -webkit-gradient(linear, left top, left bottom, from( #f9f9f9 /*{c-body-background-start}*/), to( #dadada /*{c-body-background-end}*/)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient( #f9f9f9 /*{c-body-background-start}*/, #dadada /*{c-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
    background-image:    -moz-linear-gradient( #f9f9f9 /*{c-body-background-start}*/, #dadada /*{c-body-background-end}*/); /* FF3.6 */
    background-image:     -ms-linear-gradient( #f9f9f9 /*{c-body-background-start}*/, #dadada /*{c-body-background-end}*/); /* IE10 */
    background-image:      -o-linear-gradient( #f9f9f9 /*{c-body-background-start}*/, #dadada /*{c-body-background-end}*/); /* Opera 11.10+ */
    background-image:         linear-gradient( #f9f9f9 /*{c-body-background-start}*/, #dadada /*{c-body-background-end}*/);
    -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; cursor:pointer; display: block;}

.ui-mobile ul.landingpage li a:hover{padding: 10px; margin: 8px 0; border: 1px solid #bf8b31 /*{c-body-border}*/;
    color: #ffffff /*{c-body-color}*/;
    box-shadow: 2px /*{c-body-shadow-x}*/ 2px /*{c-body-shadow-y}*/ 2px /*{c-body-shadow-radius}*/ #888 /*{c-body-shadow-color}*/;
    text-shadow: 0 0 0 transparent;
    background: #F6BC42 /*{c-body-background-color}*/;
    background-image: -webkit-gradient(linear, left top, left bottom, from( #F6BC42 /*{c-body-background-start}*/), to( #bf8b31 /*{c-body-background-end}*/)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient( #F6BC42 /*{c-body-background-start}*/, #bf8b31 /*{c-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
    background-image:    -moz-linear-gradient( #F6BC42 /*{c-body-background-start}*/, #bf8b31 /*{c-body-background-end}*/); /* FF3.6 */
    background-image:     -ms-linear-gradient( #F6BC42 /*{c-body-background-start}*/, #bf8b31 /*{c-body-background-end}*/); /* IE10 */
    background-image:      -o-linear-gradient( #F6BC42 /*{c-body-background-start}*/, #bf8b31 /*{c-body-background-end}*/); /* Opera 11.10+ */
    background-image:         linear-gradient( #F6BC42 /*{c-body-background-start}*/,#bf8b31 /*{c-body-background-end}*/);
    -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;  cursor:pointer; display: block; width: 90%; text-decoration:none;}

.ui-mobile ul.landingpage li a{color: #333; width:94%;text-decoration: none;}
.ui-mobile ul.landingpage li a:hover{color: #fff; text-decoration:none; width: 94%;}
.ui-mobile .ui-body-a:hover ul.landingpage li a:hover {text-decoration: none; width:100%;}

.ui-mobile #feature  {width: 85%; background: #eee;  -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px; padding: 15px; margin: 5px 5px 5px 15px;}
.ui-mobile #feature h2 {font-size:120%; padding: 0; margin: 0; col}
.ui-mobile #feature h2 span {color: #F90;}
.ui-mobile #feature h2 span.byline {color: #999; font-size: 60%; display: block; line-height:120%; font-weight: normal;}
.ui-mobile #feature #feature-box span.close{display: none;}
.ui-mobile #feature-box #readmore-button {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("../../images/readmore_bg-yellow.png");
    background-origin: padding-box;
    background-position: left top;
    background-repeat: no-repeat;
    background-size: auto auto;
    height: 17px;
    margin-bottom: 0;
    margin-left: 60px;
    margin-right: 20px;
    margin-top: 0;
    padding-bottom: 8px;
    padding-left: 13px;
    padding-right: 0;
    padding-top: 8px;
    text-transform: uppercase;
    width: 133px;
}
.ui-mobile #feature-box #readmore-button a {
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    padding: 0;
    margin: 3px 0 0 0;
    text-decoration: none;
}
.ui-mobile #feature-box #readmore-button a.ui-link:hover {text-decoration: none;}
.ui-mobile #feature .image-caption img {float: left; width: 100%; height: auto; -moz-border-radius: 15px;
    -webkit-border-radius: 10px;
    border-radius: 10px; margin: 0 15px 15px 0;}
.ui-mobile #feature h3 {font-size: 140%; padding 5px 0;}
.ui-mobile #feature h3 a{color: #000; text-decoration: none; padding 5px 0;}
.ui-mobile #feature h3 a:hover{color:#E27C00; text-decoration: underline;}

.ui-mobile #feature p { font-size: 90%;}

.ui-mobile #socialmediawrapper {
    background-color: #fff;
    padding-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
    text-align: center;
}
#pagecontent .sidebar {
    font-size:90%; 
    padding: 0 10px;
    width:90% !important;
}

.ui-mobile .pub-item {
    clear: none;
    float: left;
    height: auto;
    margin-bottom: 15px;
}
.ui-mobile .pub-item img{
    margin-bottom: 10px;
}
.ui-mobile .pub-item h3{
    margin-left:20px;
}

/* STORY PAGE */
.ui-mobile #date {
    color: #777777;
    font-size: 75%;
    margin-bottom: 5px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
}
.ui-mobile .feature-image-caption { }
.ui-mobile .feature-image-caption img{width: 100%; padding:0; margin: 0; -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;}
.ui-mobile .columns .feature-image-caption p{font-size: 95%; line-height: 120%; color: #666; padding: 5px 0 10px 0; margin: 0; font-style: italic;}
.ui-mobile .columns{padding: 0 10px;}
.ui-mobile .columns {font-size: 90%;}

/* CONTACTS */
.ui-mobile #contacts{   background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    margin: 5px 0 10px 0;
    padding: 0;
    font-size: 90%; color: #000;
    text-align:left;
}
.ui-mobile #contacts h2 {
    font-size: 100%; 
    text-transform: uppercase; 
    margin: 0 0 5px 0; padding: 0;
}
.ui-mobile #contacts ul {
    margin: 0 0 10px 0; 
    padding: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius:10px;
    background-color:#f3f3f3;
}
.ui-mobile #contacts ul li{list-style: none; padding:0; text-shadow: none;}
.ui-mobile #contacts ul li img {float:left; width: 90px; margin: 0 10px 50px 0;}

.ui-mobile .sidebar #contacts ul li a, .ui-mobile .sidebar #contacts ul li a:hover {
    color:#007cba;
    text-decoration:none;
    padding: 5px; margin:  0; 
    background-image:none; 
    background:transparent;
    border:0;
    text-align:left; 
    box-shadow:none; 
}
.ui-mobile .sidebar #contacts ul li a:hover {
    text-decoration:underline;}

/* QUOTE */
.ui-mobile .quote {
    font-size: 120%;
    line-height: 140%;
    color: #F29604;
    padding: 10px 10px 10px 0; 
    font-weight: bold;
    border: 4px #ddd dotted;
    border-width: 4px 0;
    margin-top:15px;
}

/* RELATED IMAGES */
ul.relatedImages li.relatedImage{list-style: none; padding: 0 0 15px 0;}
.ui-mobile .sidebar ul {margin: 0; padding: 0;}
.ui-mobile ul.newsroom {margin: 0 0 25px 15px; padding: 0;}
.ui-mobile .sidebar ul li {list-style: none; width: 99%;}
.ui-mobile ul.newsroom li{list-style:none;width:90%;}
.ui-mobile .sidebar ul li a, .ui-mobile ul.newsroom li a{font-weight: bold; text-decoration: none; padding: 10px; margin: 8px 0; border: 1px solid #ddd /*{c-body-border}*/;
    color: #333333 /*{c-body-color}*/;
    box-shadow: 2px /*{c-body-shadow-x}*/ 2px /*{c-body-shadow-y}*/ 2px /*{c-body-shadow-radius}*/ #aaa /*{c-body-shadow-color}*/;
    text-shadow: 0 0 0 transparent;
    background: #f9f9f9 /*{c-body-background-color}*/;
    background-image: -webkit-gradient(linear, left top, left bottom, from( #f9f9f9 /*{c-body-background-start}*/), to( #dadada /*{c-body-background-end}*/)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient( #f9f9f9 /*{c-body-background-start}*/, #dadada /*{c-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
    background-image:    -moz-linear-gradient( #f9f9f9 /*{c-body-background-start}*/, #dadada /*{c-body-background-end}*/); /* FF3.6 */
    background-image:     -ms-linear-gradient( #f9f9f9 /*{c-body-background-start}*/, #dadada /*{c-body-background-end}*/); /* IE10 */
    background-image:      -o-linear-gradient( #f9f9f9 /*{c-body-background-start}*/, #dadada /*{c-body-background-end}*/); /* Opera 11.10+ */
    background-image:         linear-gradient( #f9f9f9 /*{c-body-background-start}*/, #dadada /*{c-body-background-end}*/);
    -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; cursor:pointer; display: block; width: 95%;}
.ui-mobile .sidebar ul li a.subscribe, .ui-mobile .sidebar ul li a.subscribe:hover {background-image:none; background:transparent;border:0;text-align:center; box-shadow:none;}
.boilerplate {padding: 10px;}

/* OUTPUT BUTTON */
.sidebar a img {
    display:block;
    margin-top: 20px;
    margin-left:auto;
    margin-right: auto;
}
.ui-mobile .sidebar ul li a.subscribe img {margin-top:0;}

/* RELATED ARTICLES */
.ui-mobile #related-articles h2 {font-size: 130%; text-transform: uppercase; clear:both;}
.ui-mobile #related-articles h2 span {color: #F29604; font-weight: bold;}
.ui-mobile #related-articles {margin: 0; padding: 10px;}
.ui-mobile #related-articles img {margin: 0 10px 0 0; float: left;}
.ui-mobile #related-articles ul{padding: 0;}
.ui-mobile #related-articles li{list-style: none; font-size: 90%; line-height: 130%; padding: 10px 0;}
.ui-mobile .sidebar ul li a:hover, .ui-mobile ul.newsroom li a:hover{padding: 10px; margin: 8px 0; border: 1px solid #bf8b31 /*{c-body-border}*/;
    color: #ffffff /*{c-body-color}*/;
    box-shadow: 2px /*{c-body-shadow-x}*/ 2px /*{c-body-shadow-y}*/ 2px /*{c-body-shadow-radius}*/ #888 /*{c-body-shadow-color}*/;
    text-shadow: 0 0 0 transparent;
    background: #F6BC42 /*{c-body-background-color}*/;
    background-image: -webkit-gradient(linear, left top, left bottom, from( #F6BC42 /*{c-body-background-start}*/), to( #bf8b31 /*{c-body-background-end}*/)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient( #F6BC42 /*{c-body-background-start}*/, #bf8b31 /*{c-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
    background-image:    -moz-linear-gradient( #F6BC42 /*{c-body-background-start}*/, #bf8b31 /*{c-body-background-end}*/); /* FF3.6 */
    background-image:     -ms-linear-gradient( #F6BC42 /*{c-body-background-start}*/, #bf8b31 /*{c-body-background-end}*/); /* IE10 */
    background-image:      -o-linear-gradient( #F6BC42 /*{c-body-background-start}*/, #bf8b31 /*{c-body-background-end}*/); /* Opera 11.10+ */
    background-image:         linear-gradient( #F6BC42 /*{c-body-background-start}*/,#bf8b31 /*{c-body-background-end}*/);
    -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;  cursor:pointer; display: block; text-decoration:none;}

.ui-mobile .sidebar ul li a.ui-link{color: #333; width:95%;text-decoration: none;}
.ui-mobile .sidebar ul li a.ui-link:hover{color: #fff; text-decoration:none;}
.ui-mobile .ui-body-a:hover .sidebar ul li a.ui-link:hover {text-decoration: none;}

/* BUTTONS */
.ui-body-a button {padding: 8px 0;} 

.button a {
    display:block;
    margin: 5px 5px 10px 5px;
    padding: 15px 15px;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-weight: bold;
    color: #555;
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-color: #f0f0f0;
    background-image: url("../../images/fallback-gradient.png") repeat-x bottom left;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#c1c1c1));
    background-image: -webkit-linear-gradient(top, #ffffff, #c1c1c1);
    background-image:    -moz-linear-gradient(top, #ffffff, #c1c1c1);
    background-image:     -ms-linear-gradient(top, #ffffff, #c1c1c1);
    background-image:      -o-linear-gradient(top, #ffffff, #c1c1c1);
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border-top:1px #eee solid;
    border-right:2px #b6b6b6 solid;
    border-bottom:2px #b6b6b6 solid;
    border-left:1px #eee solid;
    -webkit-box-shadow: 2px 2px 2px 2px rgba(131, 131, 131, 0.3);
    box-shadow: 2px 2px 3px 2px rgba(131, 131, 131, 0.3);
    text-align: center;  
    }
.button a:hover, .button a:active, .sidebar .button a:hover, .sidebar .button a:active {
    cursor:pointer;
    color: #4b83c0 !important;
    background-color: #f0f0f0;
    background-image: url("../../images/fallback-gradient.png") repeat-x bottom left;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#f0f0f0));
    background-image: -webkit-linear-gradient(top, #ffffff, #f0f0f0);
    background-image:    -moz-linear-gradient(top, #ffffff, #f0f0f0);
    background-image:     -ms-linear-gradient(top, #ffffff, #f0f0f0);
    background-image:      -o-linear-gradient(top, #ffffff, #f0f0f0);
    border-top:1px #d6d6d6 solid;
    border-right:2px #b6b6b6 solid;
    border-bottom:2px #b6b6b6 solid;
    border-left:1px #d6d6d6 solid;}     


/* TABLES */
.ui-mobile table {width: 95%; border: none 0;}
.ui-mobile table th, .ui-mobile table td{float:left;clear:both; width:100%; border: 1px #dadada solid; padding: 5px;}
.ui-mobile table th{font-weight: bold; color:#333; padding:8px 5px; border:1px #bbb solid; text-align:left;}
.ui-mobile table thead th{background-color: #ff9900; font-weight: bold; color:#fff; padding:8px; border:0; text-align:center;}
.ui-mobile thead tr th:first-child {border: 2px #FF9900; background:#FF9900;
border-width: 0; color:#fff;}
.ui-mobile thead tr th:last-child{border: 2px #FF9900; background:#FF9900; border-width: 0; color:#fff;}
.ui-mobile tbody tr:nth-child(odd) td, .ui-mobile tbody tr:nth-child(odd) th { background-color:#fff; }
.ui-mobile tbody tr:nth-child(even) td, .ui-mobile tbody tr:nth-child(even) th { background-color:#f8f8f8; }
/*.ui-mobile tbody tr:nth-child(2n+1) {background-color: #FFFFFF;}
.ui-mobile tbody tr:nth-child(2n) {background-color: #F8F8F8;}*/
.ui-mobile table.no-border td, .ui-mobile table.no-border th, .ui-mobile table.no-border{border:0 none;}
.ui-mobile table.no-border tbody tr:nth-child(even) td, .ui-mobile table.no-border tbody tr:nth-child(even) th { background-color:#fff; }

/* TWISTY EXPAND AND COLLAPSE */
.ui-mobile .twisty, .ui-mobile .twisty:hover{margin-bottom:15px;}
.ui-mobile .twisty.closed {
    background-color: transparent;
    background-image: none;
    border: 0 none; padding: 0;
}
.ui-mobile .twisty.closed:hover {
       background-color: transparent;
    background-image: none;
    border: 0 none; color: #555;}
    
/* VIDEO */
.ui-mobile .column1 .video-thumbnail, .ui-mobile .column3 .video-thumbnail, .ui-mobile .column4 .video-thumbnail {
    float: none !important;
    clear:both !important;
   
}

/* IMAGES */
.ui-mobile .columns-wide {
    width:100%;}
    
.ui-mobile .columns-wide h2, .ui-mobile .columns-wide p {
   padding: 0 15px;}
    
.ui-mobile .columns-wide .thumbnail {
    width:95%;
    height: 130px; 
    display:block; 
    background: #f8f8f8; 
    padding:10px 10px;
    border-top: 2px #fff solid;
    border-bottom: 1px #bababa solid;
}
.ui-mobile .columns-wide .thumbnail:hover{
    background: #fff;
}

.ui-mobile .columns-wide .thumbnail p {
    width: 40%;
    padding: 4px 0;
    margin: 0;
    line-height: 1.4em; float: left;
}
.ui-mobile .columns-wide .thumbnail img {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    height: 110px;
    width: 172px;
    float:left;
    margin-right:15px;
}

/* Flexible iFrame */

.Flexible-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.Flexible-container iframe,   
.Flexible-container object,  
.Flexible-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}    
 /* FORMS */
 label {font-weight:bold; display:block;}   
 
 /* CALENDAR LISTING */
#events h2{
    padding:5px 15px;
    background:#eee;
    clear:both;
} 
 #cms-events-short .cms-event {
    clear: both;
    display: block;
    float: none;
    height: auto;
    margin: 10px 0;
    min-height: 80px;
    width: 99%;
}
#cms-events-short .cms-event-date {
    border: 1px solid #c2c2c2;
    border-radius: 5px;
    color: #525252;
    float: left;
    font-weight: bold !important;
    line-height: 1em;
    margin: 0 0.75em;
    overflow: hidden;
    text-align: center;
    text-shadow: 0 1px 0 #fff;
    width: 3.2em;
}
#cms-events-short .cms-event-month {
    background: #e25e04 none repeat scroll 0 0;
    border-radius: 4px 4px 0 0;
    color: #fff;
    font-size: 9px;
    letter-spacing: 0.2em;
    padding: 2px 0 0;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    text-transform: uppercase;
}
#cms-events-short .cms-event-day {
    font-size: 1.6em;
    padding: 6px 0 0;
}
#cms-events-short .cms-event-weekday {
    font-size: 10px;
    font-weight: normal !important;
    padding: 1px 0 0;
}
#cms-events-short .cms-event-description {
    border: 0 none;
    float: left;
    margin: 0 0 10px;
    padding: 0 5px 5px;
    width: 70%;
}
#cms-events-short .cms-event-description p {
    padding: 0;
}
#cms-events-short .cms-event-details a {
    background: #fff none repeat scroll 0 0;
    border: 0 none;
    border-radius: 0;
    color: #3d6b99;
    display: block;
    padding: 0;
}
#cms-events-short .cms-event-time {
    font-size: 120%;
    font-weight: bold;
}
#cms-events-short .cms-event-title {
    font-size: 14px;
    font-weight: bold;
}
#cms-events-short .cms-event-location {
    color: #555;
    display: block;
    font-size: 14px;
    font-weight: bold;
}
/* VIDEO IN AN iFRAME */
.videoWrapper {
    height: 0;
    margin-bottom: 30px;
    padding-bottom: 51%;
    padding-top: 25px;
    position: relative;
}
.videoWrapper iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}