html {background: #1B3B48;}


body {
margin: 0;
padding: 0;
}

#photogallery {
margin: 0;
padding: 0;
}

.viewer {
display: none;
}


/* Header */

#hd {
height: 46px;
overflow: hidden;
border-bottom: 1px solid #697781;
position: relative;
}

#hd h2 {
margin: 8px 20px 0 0;
padding-left: 60px;
color: #fff;
font-size: 24px;
font-weight: normal;
background: transparent url(http://i.usatoday.net/mediagallery/images/gallery-logo.gif) no-repeat;
float: left;
height: 50px;
}

#global-nav {
margin-top: 18px;
}

.home-nav {
background: transparent url(http://i.usatoday.net/MediaGallery/Images/home-nav.gif) no-repeat 0 50%;
}

.news-nav {
background: transparent url(http://i.usatoday.net/MediaGallery/Images/news-nav.gif) no-repeat 0 50%;
}

.travel-nav {
background: transparent url(http://i.usatoday.net/MediaGallery/Images/travel-nav.gif) no-repeat 0 50%;
}

.money-nav {
background: transparent url(http://i.usatoday.net/MediaGallery/Images/money-nav.gif) no-repeat 0 50%;
}

.sports-nav {
background: transparent url(http://i.usatoday.net/MediaGallery/Images/sports-nav.gif) no-repeat 0 50%;
}

.life-nav {
background: transparent url(http://i.usatoday.net/MediaGallery/Images/life-nav.gif) no-repeat 0 50%;
}

.tech-nav {
background: transparent url(http://i.usatoday.net/MediaGallery/Images/tech-nav.gif) no-repeat 0 50%;
}

.weather-nav {
background: transparent url(http://i.usatoday.net/MediaGallery/Images/weather-nav.gif) no-repeat 0 50%;
}

#global-nav ul
{
margin: 0;
padding: 0;
list-style-type: none;
}

#global-nav ul li { display: inline; font-size: 11px;}

#global-nav ul li a
{
text-decoration: none;
padding-right: 8px;
padding-left: 10px;
color: #fff;
}

#global-nav ul li a:hover
{
color: #fff;
text-decoration: underline;
}

/* Gallery */

.galleryDate {
    color: #fff;
    float: right;
    font-size: 10px;
}

#gallery { 
width:73.57em;
min-width:980px; 
margin:auto; 
text-align:left; 
padding: 0; 
}

#uasContainer {
    float: right;
    width: 200px;
}

.with-nav .album-nav {
height: 18px;
position: absolute;
top: 7px;
left: 0;
}

.without-nav .album-nav {
display: none;
}

.canvas {
position: relative;
height: 500px;
overflow: hidden;
}

/* Media Slide */

.media-frame {
	width: 613px;
    height: 700px;
    overflow: hidden;
}

/* dynamically assigning position of media-frame div */

.with-nav .media-frame {
	padding-top: 35px;
}

.without-nav .media-frame {
	padding-top: 22px;
}

.media-frame img {
    cursor: pointer;
    margin: 0 auto;
    display: block;
    text-align: center;
}

/* Media Slide Details */

.gallery-details {
width: 336px;
height: 370px;
position: absolute;
right: 0;
color: #eee;
}

/* dynamically assigning position of gallery details div */

.with-nav .gallery-details {
top: 30px;
}

.without-nav .gallery-details {
top: 22px;
}

.gallery-details ul {
margin: 5px 0 5px 16px;
}

.gallery-name {
font-size: 18px;
margin:0;
font-weight: normal;
}

.album-name {
margin: 5px 0 0 0;
font-size: 15px;
font-weight: normal;
}


.slide-title {
font-size: 10px;
margin: 5px 0 0 0;
font-weight: normal;
}

.slide-caption p, .slide-caption li {
margin: 0;
padding: 5px 0;
font-size: 93%;
line-height: 20px;
}

.gallery-details a {
color: #ddd;
}

.gallery-details a:hover {
text-decoration: none;
}

/* MP3 Player */
.player {
    position: relative;
    height: 30px;
    margin-top: 20px;
	visibility: hidden;
	width: 300px;
	background-color: 1px solid #b3c0d6;
}

.play {
	background: url("http://i.usatoday.net/mediagallery/images/play.png") no-repeat;
	float: left;
	height: 20px;
	margin-right: 5px;
	width: 20px;
}

.pause {
	background: url("http://i.usatoday.net/mediagallery/images/pause.png") no-repeat;
	float: left;
	height: 20px;
	margin-right: 5px;
	width: 20px;
}

.stop {
	background: url("http://i.usatoday.net/mediagallery/images/stop.png") no-repeat;
	float: left;
	height: 20px;
	margin-right: 7px;
	width: 20px;
}

.progressbar {
    background: #20292f;
    float: left;
    width: 247px;
    height: 20px;
}

.progress {
    background: #697f8b;
    width: 0px;
    height: 20px;
}

.time {
	position: absolute;
	top: 1px;
	right: 8px;
	margin: 3px 0 0 0;
	font-size: 11px;
}


/* photo meta */

.photo-meta {
margin: 7px 0 0 0 !important;
color: #ddd;
position: relative;
}

.photo-meta li {
list-style-type: none;
font-size: 10px;
padding: 0;
}

/* Media Slide Navigation */
#gallery-nav {
position: absolute;
bottom: -52px;
width: 400px;
}

#gallery-nav a {
    background: url(http://i.usatoday.net/mediagallery/images/gallery-nav.png) 0 0 no-repeat; 
    display: block;
    width: 21px; 
    height: 21px;
}

#gallery-nav li {
    top: 2px;    
    display: inline; 
    list-style: none;
}

#gallery-nav ul {
    display: inline;
    list-style-type: none;
    margin: 0px;
}

.next {
position: absolute;
top: 0;
left: 30px;
}

#gallery-nav .next {background-position: 0 -142px;}

#gallery-nav .back:hover {background: url(http://i.usatoday.net/mediagallery/images/gallery-nav.png) 0 -71px no-repeat;}

#gallery-nav .next:hover {background: url(http://i.usatoday.net/mediagallery/images/gallery-nav.png) 0 -213px no-repeat;}

#SlidePosition {
position: absolute;
top: 4px;
font-size: 11px;
left: 60px;
}


/* Gallery Sub-section */
.gallery-primary {
float: left;
width: 595px;
background-color: #4c5a66;
border: 1px solid #607180;
padding: 10px 0 0 20px;
}


/* Gallery Sub-section Left Column */

.gallery-related {
margin-top: 10px;
font-size: 11px;
}

.gallery-related p {
font-weight: bold;
margin-top: 5px;
}

.gallery-related a {
color: #ddd;
text-decoration: none;
}

.gallery-related a:hover {
text-decoration: underline;
}

.gallery-related .relatedThumbnails {
    border: solid 2px #333;
    float: left;
    height: 98px;
    margin: 0 21px 75px 0;
    width: 98px; 
    border: none;
}

.gallery-related .relatedThumbnails img{
    width: 98px;
    height: 98px;
}

.more-gallery-title {
font-size: 14px;
margin: 0 0 10px 0;
text-align: center;
color: #fff;
}


/* Gallery Sub-section Right Column */

.gallery-secondary {
    width: 336px;
    float: right;
    color: #999;
}

.sponsored-links {
    clear: both;
}


.ad-336-max {
    text-align: center;
    width: 336px;
    margin: 0 auto;
}  

.ad-336-max p {
    font-size: 10px;
    margin: 0 0 5px 0;
}  


/* Social Media */

.social-wrapper {
    width: 100%;
    padding-top: 5px;
    height: 15px;
    position: absolute;
    bottom: 4px;
    color: #ccc;
}

.social-wrapper a {
    color: #ccc !important;
    vertical-align: middle;
    text-decoration: none;
    font-size: 11px;
}

.social-wrapper a:hover {
    text-decoration:underline; 
}

.social-wrapper ul {
    margin: 0;
    padding: 0;
}

.social-wrapper ul li {
    display: inline;
    margin-right: 12px;
}

.social-wrapper ul li a.email {
    background: transparent url(http://i.usatoday.net/mediagallery/images/email-icon.gif) no-repeat  0;
    padding-left: 22px;
}

.social-wrapper ul li a.save {
    background: transparent url(http://i.usatoday.net/mediagallery/images/save-icon.gif) no-repeat  0;
    padding-left: 22px;
}

.social-wrapper ul li a.print {
    background: transparent url(http://i.usatoday.net/mediagallery/images/print-icon.gif) no-repeat  0;
    padding-left: 22px;
}

.social-wrapper ul li a.mixx {
    background: transparent url(http://www.mixx.com/images/buttons/mixx-button4.png) no-repeat  0;
    padding-left: 22px;
}
.social-wrapper ul li a.twitter 
{
	background: transparent url(http://i.usatoday.net/MediaGallery/Images/twitter-icon.gif) no-repeat 0;
	padding: 2px 0 3px 22px;
}

.social-wrapper ul li a.facebook 
{
	background: transparent url(http://i.usatoday.net/mediagallery/images/facebook-icon.png) no-repeat 0;
	padding: 2px 0 3px 22px;
}

.social-wrapper ul li a.digg {}

.social-wrapper ul li a.newsvine {}

.social-wrapper ul li a.reddit {}
.social-wrapper ul li a.twitter {}

.spriteImage {
    background-image:url(http://i.usatoday.net/mediagallery/images/sprites.gif)
}

.sprite1{background-position:0 -1px; padding-bottom:3px; padding-left:14px;}
.sprite2{background-position:-184px -1px; padding-bottom:3px;}
.sprite3{background-position:-156px -1px; padding-bottom:3px; padding-left:9px;}
.sprite4{background-position:-124px -1px; padding-bottom:3px; padding-left:16px;}
.sprite5{background-position:-216px -1px; padding-bottom:3px; padding-left:16px;}
.sprite6{background-position:-34px -1px; margin-right:-3px;padding-bottom:3px;}
.sprite7{background-position:-63px -1px; margin-left:1px; margin-right:1px; padding-bottom:3px;}
.sprite8{background-position:-95px -1px; margin-right:-2px; padding-bottom:3px;}
.sprite9{background-position:-250px -1px; margin-right:-2px; padding-bottom:3px;}
.sprite10{background-position:-275px -1px; margin-right:-2px; padding-bottom:3px;}
.sprite11{background-position:-303px -1px; }


/* Footer */

#ft {
margin-top: 1em;
border-top: 1px solid #607180;
padding-top: 1em;
font-size: 11px;
color: #fff;
}  

.footer-links {
text-align: center;
}

.footer-links strong {
color: #fff;
}

.footer-links a {
color: #fff;
text-decoration: none;
}

.footer-links a:hover {
color: #fff;
text-decoration: underline;
}

.mobile-news {
background: transparent url(http://i.usatoday.net/mediagallery/images/mobile-news.gif) no-repeat;
padding-left: 15px;
padding-bottom: 3px;
}

.email-news {
background: transparent url(http://i.usatoday.net/mediagallery/images/email-icon.gif) no-repeat 0 40%;
padding-left: 17px;
padding-bottom: 3px;
}

.im-alerts {
background: transparent url(http://i.usatoday.net/MediaGallery/Images/im-alerts.gif) no-repeat 0 30%;
padding-left: 17px;
padding-bottom: 3px;
}

.add-rss {
background: transparent url(http://i.usatoday.net/mediagallery/images/add-rss.gif) no-repeat;
padding-left: 17px;
padding-bottom: 3px;
}

.podcast {
background: transparent url(http://i.usatoday.net/mediagallery/images/podcast.gif) no-repeat;
padding-left: 12px;
padding-bottom: 3px;
}

.widgets {
background: transparent url(http://i.usatoday.net/mediagallery/images/widgets.gif) no-repeat;
padding-left: 17px;
padding-bottom: 3px;
}

/*==================================
select box styling
====================================*/
:focus {outline:none;}

.js ul.newList {left:-9999px;}

ul.newList * {margin:0; padding:0;}

ul.newList {
margin:2px 0 0 0; 
padding:0; 
list-style:none; 
color:#333; 
width:141px; 
background:#9ca5b2; 
position:absolute;   
top:24px; 
left:0; 
overflow:auto; 
z-index:9999;
border: 1px solid #333;
}

.newListSelected {
width:137px; 
color:#fff; 
height:18px;
line-height: 17px;
font-size: 11px;
padding: 2px 6px;
float:left; background:url(http://i.usatoday.net/mediagallery/images/select-bg1.png) no-repeat;
}
.newListSelected span {width:136px; display:block; }
ul.newList li {padding:3px 8px;}
.selectedTxt {width:115px; overflow:hidden; height:20px; padding:0 14px 0 0;}

.hiLite {
background:#3f4d65!important; 
color:#fff!important;
}
.newListHover {
background:#66799a!important; 
color:#fff!important; 
cursor:default;
}

.newListSelHover, .newListSelFocus {
background-position:0 -20px; cursor:default;
}
.newListOptionTitle {font-weight:bold;}
.newListOptionTitle ul {margin:3px 0 0 0;}
.newListOptionTitle li {font-weight:normal; border-left:1px solid #ccc;}


/*==================================
 jScrollPane Styles
====================================*/

a.jScrollArrowUp {
	background: url(http://i.usatoday.net/mediagallery/images/basic_arrow_up.gif) repeat-x 0 0;
}
a.jScrollArrowUp:hover {
	background-position: 0 -15px;
}
a.jScrollArrowDown {
	background: url(http://i.usatoday.net/mediagallery/images/basic_arrow_down.gif) repeat-x 0 0;
}
a.jScrollArrowDown:hover {
	background-position: 0 -15px;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	background-position: 0 -30px;
}

.slide-caption {
height: 180px;
overflow: auto;
padding-right: 10px
}

.scroll-pane {
	width: 336px;
	overflow: auto;
	float: left;
	
}


.tall {
	height: 400px;
}

.scroll-wrapper {
border-top: 1px solid #697f8b;
border-bottom: 1px solid #697f8b;
padding: 5px 0;
margin-top: 5px;
}


.scrollable {
	height: 270px;
}


.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #20292f;
}
.jScrollPaneDrag {
	position: absolute;
	background: #697f8b;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}

/* uas */
.ur_box
{
	z-index: 9995;
	width: 170px;
	height: 31px;
	position: absolute;
	left: 950px; /* approximate value: must be overridden */
	top: 5px; /* approximate value: must be overridden */
	padding-top: 0px;
	padding-left: 5px;
	text-align: left;
}
#ur_confirmations
{
	z-index: 2;
	width: 300px;
	height: 220px;
	position: absolute;
	/*float: left;*/
	left: -193px;
	top: -21px;
	padding-top: 8px;
	padding-left: 4px;
	padding-right:4px;
	background-color: #FFFFFF;
	border:solid;
	border-width:1px;
	border-color:#000000;
	color: #000000;
}
#ur_login
{
	z-index: 2;
	width: 405px;
	height: 300px;
	position: absolute;
	float: left;
	left: -200px;
	top: -21px;
	padding-top: 8px;
	padding-left: 5px;
	background-color: #FFFFFF;
	color: #000000;
	border:solid;
	border-width:1px;
	border-color:#000000;
}
#ur_options
{
	z-index: 2;
	width: 400px;
	height: 290px;
	position: absolute;
	float: left;
	left: -193px;
	top: -21px;
	padding-top: 8px;
	padding-left: 4px;
	padding-right: 4px;
	background-color: #FFFFFF;
	border:solid;
	border-width:1px;
	border-color:#000000;
}
#ur_register
{
	z-index: 2;
	width: 410px;
	/* height: 505px; */
	height: auto;
	position: absolute;
	float: left;
	left: -200px;
	top: -21px;
	padding-top: 8px;
	background-color: #FFFFFF;
	border:solid;
	border-width:1px;
	border-color:#000000;
}
#urRegister
{
	padding: 0;
	margin: 0;
}
.ur_message
{
	color: Red;
	font-size: 12px;
	font-family: arial, helvetica, Sans-Serif;
	text-align: center;
	z-index: 3;
	border:solid;
	border-width:1px;
	border-color:#000000;
	display: none;
}
.uslAvtPhotoLogOut img {border:none;width:30px;height:30px;filter:alpha(opacity=50);opacity:.50;float:right;margin:0 1px 0 5px;}
.uslAvtPhoto img {border:none;width:30px;height:30px;float:right;margin:0 1px 0 5px;}
.uslAvtInfo, div#uslAvt div.uslAvtInfo, div#uslAvt div.uslAvtInfo {height:32px;position:relative;overflow:hidden;float:none;text-align:right;color:#ffffff;}
div#uslAvt div.uslAvtInfo div.uslAvtOutCtls {margin-top:2px;font-size:10px;color:#666;}
.uslAvtLogin {color:#ffffff;}
.uslAvtLogin a {color:#ffffff;}
.uslAvtRegister a {color:#ffffff;}
.uslPipe {color:#ffffff;margin-left:2px;}
.uslAvtWelcome {color:#ffffff;font-size:10px;font-weight:bold;position:absolute;right:0;text-align:right;
top:2px;
width:200px;}
.uslAvtWelcome a {color:#ffffff; }
.uslAvtOutCtls {color:#ffffff;}
.uslAvtInCtls a {color:#ffffff;font-size:10px;}
.uslAvtGreeting { display:none; text-align:right;color:#ffffff; visibility: hidden;}

.lineCloseWindow
{
	width:90%;
	border-bottom: solid 1px #999999;
	margin-top:-15px;
    margin-bottom:5px;
}
.sans10 {
	color:#000000;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
}
.sans10  a{
	color:#000000;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
}
.sans10Margin {
	color:#000000;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	margin-top: 10px;
}
.sans10Margin  a{
	color:#000000;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	margin-top: 10px;
}
.sans12 {
	color:#000000;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
.sans12  a{
	color:#000000;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
.sans12Margin {
	color:#000000;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	margin-top: 10px;
}
.sans12Margin  a{
	color:#000000;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	margin-top: 10px;
}
.sans16 {
	color:#000000;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

* html #ur_register
{
	height: 540px;
}
div.other {
    FONT-SIZE: 10px; VISIBILITY: hidden; DISPLAY: none; FONT-FAMILY: verdana
}
div.default {
    FONT-SIZE: 10px; VISIBILITY:visible; DISPLAY: none; FONT-FAMILY: verdana
}
.sm-active-tab-ur {
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	background-image:url(http://i.usatoday.net/_common/_images/_static/uasTab.gif);
	background-repeat:no-repeat;
}
.sm-inactive-text-ur {
	font-size: 11px;
	font-weight: normal;
	color: #666;
	text-decoration: none;
}
.inactive-tab-ur {
	background-image:url(http://i.usatoday.net/_common/_images/_static/uasTabBottom.gif);
	background-repeat:no-repeat;
	font-size: 12px;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
}
.sm-inactive-text-ur {
	font-size: 11px;
	font-weight: normal;
	color: #666;
	text-decoration: none;
}
.small-copy-sans1 {
	font-size: 9px;
	color: #000000;
	text-decoration: none;
}
.sans16 {
	color:#000000;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}