/* 

These are all the main interface styles, its recommended to not
change this, but only override things in the theme

*/

/* sabretooth: server-side import: interface */

html {
  height: 100%;
  width: 100%;
}

body {

  margin: 0;
  height: 100%;
  width: 100%;

}

a img { border: 0 }

ul, li, h1, h2, h3, h4, h5, h6 { margin: 0 }

th, td { text-align: left; font-weight: normal; vertical-align: top }

hr { clear: both; border: none }

h1 { font-size: 18px; font-weight: bold; color:#c01f25; }
h2 { font-size: 14px; font-weight: bold; color:#c01f25; }
h3 { font-size: 17px; font-weight: 400 }

.mainContainer {
  
  width: 920px;
  padding: 0 10px 0 10px;
  margin: 0 auto 0 auto;
  min-height: 99%;

}


.navigationBar .loginStatus {
  float: right;
}


.navigationBar .loginlogout {
  padding-left: 15px;
}

.navigationBar div {
  vertical-align: bottom;
  line-height: 25px;
}

.contentBody {
  padding: 0px 15px;
}

.footer {
  clear: both;
}

/* For our column layout, every 'last' column (the one on the very right) should get this class */

.wideColumn {
  float: left;
  width: 645px;
  padding-right: 5px;
  padding-top: 10px;

}

.thinColumn {
  float: right;
  width: 310px;
  padding-right: 5px;
  padding-top: 10px;
}


.last {
  padding-right: 0px;
}


/* TabBox styles */

.tabBox ul {
  padding: 0;
}

.tabBox li {
  display: block;
  float: left;
}

.tabBox li a {
    color: #0091b2;
    text-decoration: none;
}

.tabBox li.active a, .tabBox li:hover a, .tabBox a:hover  {
    color: #ffffff !important;
}

.tabBox .tabPage {
  display: none;
}

.fmCaptcha {
  display: block;
}

div#ie6warning {
    background: #FEE193;
    border-bottom: 1px solid #F6C723;
    text-align: center;
}

div#ie6warning p {padding: 3px 0; margin: 0}

.left {
    float:left;
}

.right {
    float:right;
}

.clear {
    clear:both;
    height: 0px;
    visibility: hidden;
}

.page_prizes .wideColumn, .page_rules .wideColumn, .page_faq .wideColumn {
    width: 550px;
}

.page_prizes .contentBox, .page_rules .contentBox, .page_faq .contentBox {
    padding: 0px;
}


/* end of import: interface */


/*

The theme stylesheet contains all the color and font information

*/

/* sabretooth: server-side import: theme */

body { 

  font-family: Arial, sans-serif;
  background-color: #FFFFFF;
  font-size: 12px;

}

a {color: #CF0000}
a:focus {outline: none; -moz-outline: none;}

/* The maincontainer contains the entire page */
.mainContainer {

  background-color: #ffffff; 

}

.top, .bottom {
    background-image: url('http://assets.filemobile.com/129/round.gif');
    height: 5px;
}

.header {

  background-image: url('http://assets.filemobile.com/129/header.gif');
  height: 110px;
  color: white;
  text-align: left;
  margin: 10px 0px 0px 0px;

}

.header a { 
  float:left;
  margin:12px 0px 0px 56px;
}


.footer {
    background: url('http://assets.filemobile.com/129/footer.gif') #d8f4fa no-repeat bottom left;
    height: 50px;
    width:100%;
}

.navigationBar {
  float: right;
  color: #fff;
  padding: 12px 15px 0px 0px;
  width:500px;
}

.navigationBar a {
  text-decoration: none;
  color: #fff;
  margin: 0px;
}

.navigationBar a:hover {
  color: #ffffff;
}

.navigation {
  font-size: 14px;
  float: right;
}

.navigation a {
  display: block;
  width: 96px;
  height: 31px;
  font-size:14px;
  text-align:center;
  color:#fff;
  float:left;
  line-height:28px;
}


#navLogin {
  background: url('http://assets.filemobile.com/129/menu.gif') transparent 0px 0px no-repeat;
  padding:0 0 0 2px;
  width:87px;
}

#navGallery, #navRules, #navPrizes {
  background: url('http://assets.filemobile.com/129/menu.gif') transparent -89px 0px no-repeat;
  width:96px;
}

#navFAQ {
  background: url('http://assets.filemobile.com/129/menu.gif') transparent -185px 0px no-repeat;
  width:79px;   
}

#navLogin:hover, .page_login #navLogin, .page_enter #navLogin {
  color:#c01f25;
  background-position: 0px -31px;
}

#navGallery:hover, #navRules:hover, #navPrizes:hover, .page_prizes #navPrizes, .page_rules #navRules, .page_gallery #navGallery, .page_entry #navGallery {
  color:#c01f25;
  background-position: -92px -31px;
}

#navFAQ:hover, .page_faq #navFAQ{
  color:#c01f25;
  background-position: -188px -31px;  
}

.contentBody {
    background: url('http://assets.filemobile.com/129/body.gif') #d8f4fa no-repeat top left;
}

.homeBrick {
  height: auto; 
  color: #FFF;
  text-align:center;
  margin:0px 0px 20px 0px;
  font-family: Helvetica, Arial, sans-serif;
}

.adBrick {
  background-image: url('/static/contestapp/theme/brick_bg.gif');
  height: 250px; 
  padding: 5px;
}

.tabBox {
  background-color: transparent;
  position:relative;
}

.tabBox a.rss {
    position: absolute;
    top: 10px;
    right: 10px;
}

.tabContents {
    background-color:#fff;
}


/* The mediaitem is used everywhere there's a thumbnail on the site */ 

.mediaItem {
    padding: 0 !important;
    border: 1px solid #fff!important;
}

.mediaItem:hover {
    border: 1px solid #ccc!important
}

.mediaItem a {
    display: block;
    height: auto;
    padding: 5px;
    text-decoration: none;
    overflow: hidden;
}

.mediaItem a:hover {
    background: #f1f1f1;
}

.mediaItem a span.title {display: block; color: #4e0000; text-transform: capitalize; font-weight: 600; font-size:12px; width:auto; overflow:hidden; height:1.2em;}
.mediaItem a:hover span.title {color: #9f0000}
.mediaItem a b {color: #000000}
.mediaItem a em {color: #454545}

.mediaItem img {float: left; margin-right: 10px}


/* The tabSelect is the container around the different tabs */

.tabBox .tabSelect {
 padding: 0;
 height: 29px;
}

.tabBox .tabSelect li { 
  font-size: 14px;
  text-align: center;
  height: 29px;
  font-family: "Arial", Arial, sans-serif !important;
  font-weight:bold;
  text-decoration: none;
  color: #0091b2 !important;
  display: block;
  line-height:27px;
  background: url('http://assets.filemobile.com/129/tabs1.gif') transparent right top no-repeat;
  padding: 0px 15px 0px 0px;
  margin:0px 3px 0px 0px;
} 

.tabBox .tabSelect li span{
  background: url('http://assets.filemobile.com/129/tabs.gif') left top no-repeat;
  height: 29px;
  display:block;
  padding: 0px 0px 0px 15px;
}

.tabBox .tabSelect li:hover span, .tabBox .tabSelect li.active span {
  background-position: 0px -29px;
}

.tabBox .tabSelect li:hover, .tabBox .tabSelect li.active {
  background-position: right -29px;
  color: #ffffff !important;
}

* html .tabSelect li {
    width: 90px;
    padding: 0px 10px 0px 0px;













}

* html .tabSelect li span{
  padding: 0px 0px 0px 10px;
}



/* This is the style when a tab becomes active */
.tabBox .tabSelect li.active { 
  background-color: transparent;
} 

.bigLoader {
   color : #A2A2A2;
   font-size: 25px;
   text-align: center;
   padding: 30px;
}

.sidebarGallery .tabPage {
    background-color:#fff;
}

.sidebarGallery .tabPage .inside {
    border-left:1px solid #00B6DE;
    border-right:1px solid #00B6DE;  
    padding: 4px 10px;
}

.sidebarGallery .top {
    background-position: 0px -64px;
}

.sidebarGallery .bottom {
    background-position: 0px -69px;
}

.contentBox {
  padding: 0px 15px;
  width: 535px;
}

.contentBox p, .wideColumn p {
   color: #0091b2;
}

.contentBox h2 {
    margin: 30px 0px 0px 0px;
}

.formBox {
   color: white;
   padding-top: 15px;
   padding-bottom: 15px;
}

.formBox h2 {
   color: #c01f25;
   font-weight: bold;
   font-size: 18px;
   padding-bottom: 15px;
}


.formBox form th {
   width: 140px;
   padding-bottom: 15px;
   color: #0091b2;
}

.formBox form td {
   color: #0091B2;
   width: 310px;
   vertical-align:center;
}

.formBox form td a {
    color: #006699;
    font-size: 12px;
    text-decoration: underline;
    margin: 0px 0px 0px 15px;
}

.formBox textarea{
   width: 250px;
   font-size: 11px;
   font-family: Arial, sans-serif !important;
   padding: 3px;
   border-bottom:1px solid #d9d9d9;
   border-left:1px solid #b7b7b7;
   border-right:1px solid #b7b7b7;
   border-top:1px solid #727272;
   background: url(http://assets.filemobile.com/129/input.gif) #ffffff top left repeat-x;
   height: 6em;
}

.formBox .fmTextInput, .formBox .fmCaptcha, .formBox select {
   width: 194px;
   font-size: 11px;
   font-family: sans-serif;
   padding: 3px;
   border-bottom:1px solid #d9d9d9;
   border-left:1px solid #b7b7b7;
   border-right:1px solid #b7b7b7;
   border-top:1px solid #727272;
   background: url(http://assets.filemobile.com/129/input.gif) #ffffff top left repeat-x;
}

.formBox .fmButton, .votebtn, .votebtnlg {
   background: url(http://assets.filemobile.com/129/button.gif) transparent top left no-repeat;
   border: none;
   color: #ffffff;
   font-size: 14px;
   font-weight:bold;
   text-align:center;
   text-transform: uppercase;
   width: 112px;
   height: 31px;
   cursor: pointer;
}

.votebtn, .votebtnlg {
   background: url(http://assets.filemobile.com/129/vote.gif) transparent top left no-repeat;
   line-height: 30px;
   display:block;
   text-decoration: none;
   margin: 0 auto;
}

.votebtnlg {
    background: url(http://assets.filemobile.com/129/vote_lg.gif) transparent top left no-repeat;
    width:140px;
}

/* infoText is extra information about a piece of text */
.formBox .infoText {
   font-size: 80%;
}

.formBox .errorText {
   color: red;
   font-weight: bold;
   text-align: center;
}


.notifyText {
   color: green;
   font-weight: bold;
   text-align: center;
}


.pager {text-align: right; width:400px; float: right; margin:0px 0px 10px 0px}
.pager a {text-decoration: none; color: #0392b3; font-size: 14px; padding: 0 5px}
.pager a:hover {text-decoration: underline; color: #0392b3 !important;}
.pager strong {color: #0392b3; font-size: 14px; padding: 0px 5px}

.allEntries {

  display: block;
  text-align: right;
  padding: 2px;

}

.loginStatus {
    padding-right:3px;
}

.loginStatus a {
    float: none !important;
}

ul.starRating { list-style: none; position: relative; margin: 0; padding: 0 !important; width: 100px; height: 20px !important; background: url( 'http://assets.filemobile.com/129/rating_stars.gif' ) top left repeat-x !important; }

ul.starRating li { margin: 0; padding: 0; float: left; }

ul.starRating li a { display: block; width: 20px; height: 20px !important; text-indent: -9999px; position: absolute; z-index: 100; background: none; }

ul.starRating li a:hover { background: url( 'http://assets.filemobile.com/129/rating_stars.gif' ) center left !important; z-index: 2; }

ul.notLoggedIn li a:hover {background: transparent; cursor: default}

ul.starRating li.currentRating { background: url( 'http://assets.filemobile.com/129/rating_stars.gif' ) bottom left !important; position: absolute; height: 20px !important; display: block; text-indent: -9999px; z-index: 1; padding: 0 !important; }

hr {
    display:none;   
}

.mediacontent {
    width:205px;
    float:left;
}

.mediacontentjs {
    width:170px;
    float:left;
}





/* version 2.0 */


.homeBrick {
	width:320px;
	float:left;
	padding: 16px 0px 0px 0px;
}

.homeBrick .first {
	font-size:23px;
	color:#d0312d;
	margin:0px;
}

.homeBrick .second {
	font-size:52px;
	color:#d0312d;
	margin:12px 0px 16px 0px;
}

.homeBrick .third {
	font-size:18px;
	color:#424242;
	line-height:1.2em;
}

.homeBrick .forth {
	font-size:14px;
	color:#424242;
	line-height:1.4em;
}

.pictures {
	float:left;
	position:relative;
	top:-23px;
	width:570px;
	color:#000;
}

.pictures img {
	margin:0px 0px 5px 0px;
}

.pictures a {
	color: #333;
	font-weight:normal;
	text-decoration:none;
}

.pictures a span {
	color:#00c3e6;
	font-weight:bold;
}

.pictures div {
	float:left;
	margin:0px 20px 0px 10px;
}

.pictures div img {
	float:left;
	margin:0px;
}

.pictures .follow p {
	text-align: center;
	width: 86px;
	float:left;
}

.pictures .share p {
	text-align: center;
	width:112px;
	float:left;
}
 
.pictures .watch p {
	text-align: center;
	width:102px;
	float:left;
}

.tdfooter {
	padding:10px 0px 0px 0px;
}

.tdfooter .tdlogo {
	margin:17px 0px 0px 0px;
	float: left;
	width: 15%;
	text-align: center;
}

.tdfooter .tdinfo {
	float: right;
	width: 85%;
	color: #06A6CA;
	font-size: 11px;
}

.iframegallery {
	width:100%;
	height:350px;
	border:none;
	overflow:hidden;
	background-color: #D8F4FA;
}
/*
#fmEmailFriend {
	position: absolute;
	top:-15px;
	left:-15px;
	z-index: 1px;
	background-color: #66D0E9;
	padding: 15px;
}
*/
#fmEmailFriend .formBox {
	padding-top:0px;
}

#fmEmailFriend .formBox .fmTextArea {
	width: 194px;
}

.monthwinner {
	float:left;
	margin: 0px 30px 15px 0px;
}

.monthwinner a {
	float:left;
	margin:0px 20px 0px 0px;
}

.monthwinner .winnerdetails {
	width:320px;
	border-bottom: 1px solid #b2e7f4;
	float:left;
	margin:0px 0px 10px 0px;
	height:50px;
	padding:0px 0px 10px 0px;
}

.monthwinner span {
	font-size:16px;
	color:#C01F25;
	font-weight:bold;
}

.monthwinner span.info {
	font-size:12px;
	color:#3399cc;
	font-weight: normal;
}

/* */

.editorspicks {
	
}

.editorspicks p {
	font-size:12px;
	color:#0392b4;
	line-height: 1.2em;
}

.editorspicks h2 {
	font-size:18px;
	color:#c01f25;
}

.editorspicks .pick {
	border-top:1px solid #00b6de;
	margin-top:25px;
	padding-top: 10px;
}

.pick .preview {
	width:200px;
	float:left;	
}

.pick .preview img {
	width:200px;
}

.pick .info {
	width:630px;
	float:right;
	margin:0px 0px 0px 0px;
}

.pick h3 {
	font-size: 14px;
	color: #c01f25;
	font-weight: bold;
}

.pick h4 {
	font-size: 12px;
	color: #0392b4;
	font-weight: normal;
}

.pick h5 {
	font-size: 12px;
	font-weight: bold;
	color: #0392b4;
	margin:12px 0px;
}

.viewentry {
	background: url(http://assets.filemobile.com/129/v2/btn_on_white.gif) transparent top left no-repeat;
	border: none;
	color: #ffffff;
	font-size: 14px;
	font-weight:bold;
	text-align:center;
	text-transform: uppercase;
	height: 31px;
	cursor: pointer;
	line-height: 30px;
	display:block;
	text-decoration: none;
	margin: 10px auto 0px;
    width:140px;
}

.arrows {
	margin:12px 0px 20px 0px;
}

.arrowleft, .arrowright, .arrowmiddle {
	height:31px;
	float:left;
}

.arrowleft a {
	display:block;
	background-position: 0px 0px !important;
	text-indent: 10px;
}

.arrowright a {
	display:block;
	background-position: 0px -62px !important;
	text-indent: -10px;
}

.arrowmiddle a {
	display:block;
	background-position: 0px -31px !important;
}

.arrowleft a, .arrowright a, .arrowmiddle a {
	background-image: url(http://assets.filemobile.com/129/v2/arrows.gif);	
	color:#fff;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
	height:31px;
	line-height: 30px;
}

.arrowleft {
	width:83px;
	margin:0px 0px 0px 5px;
}

.arrowright {
	width:83px;
	margin:0px 5px 0px 0px;
}

.arrowmiddle {
	width:112px;
	margin:0px 16px;
}

/* end of import: theme */

/*

In here are stylesheets that are only used in on a single page.

*/

/* sabretooth: server-side import: page_specific */

.page_enter .wideColumn {
    width: 460px;
}

.page_enter .uploadmap {
    width:400px;
    float:right;
    margin:20px 0px 0px 0px;
}

/***** The homepage *****/

.page_home .tabContents {
    height: 190px;
}

.homecolumn {
    width:535px;
    float:left;
}

.widgetcolumn {
    width: 338px;
    float:right;
}

.tabSelect li {
  width: auto;
  cursor: pointer !important;
}

.tabContents {
  height: auto;
  padding: 15px 0px 15px 15px;
  border-right: 1px solid #00b6de;
  border-left: 1px solid #00b6de;
}

.homeMedia .mediaItem {

  width: 240px;
  float: left;
  height: 62px;
  margin: 0px 15px 0px 0px;

}

.homeMedia .mediaItem a {
    height: 50px;
}

.homeMedia .mediaItem img { float: left;  margin-right: 10px }

.homeMedia .top {
    background-position: 0px 0px;
}

.homeMedia .bottom {
    background-position: 0px -5px;
}

.homeBrick p {
    margin-top:3px;
    font-size:16px;
    color: #0091b2;
    text-align:center;
}


/***** The Gallery page ******/

.galleryMedia .tabSelect li {
  width: auto;
  cursor: pointer
}

.galleryMedia .tabContents {
  padding: 15px;

}

.galleryMedia .mediaItem {
    width: 275px;
    float: left;
}

.galleryMedia .mediaItem img { float: left;  margin-right: 10px }

.galleryMedia .top {
    background-position: 0px -10px;
}

.galleryMedia .bottom {
    background-position: 0px -15px;
}


/***** The Entry/MediaDetail page ******/

.page_entry .fmStatusMessage {
    background-color:#FFFFFF;
    border:1px solid #00B6DE;
    color:#00B6DE;
    margin:0px 0px 0px 250px;
    padding:20px;
    position:absolute;
    top:200px;
    width:350px;
    display:none;
}

.page_entry label {
    color:#fff;
    font-weight:bold;
    margin:10px 0px 4px 0px;
    display:block;
}

.page_entry .contentBox {
    width:100%;
    padding:0px 0px 10px 0px;
}

.page_entry .description {
    background-color:#66d0e9;
    width:550px;
    float:right;
}

.page_entry .description .inside {
    padding:5px 15px 10px 15px;
    color: #fff !important;
}

.page_entry .description .inside p {
    margin:10px 0px 0px 20px;
    color: #fff !important;
}

.page_entry .description .inside form p {
    margin:10px 0px 0px 0px;
    color: #fff !important;
}

.page_entry .description .top {
    background-position: 0px -42px;
    height:11px;
}

.page_entry .description .bottom {
    background-position: 0px -53px;
    height:11px;
}

.mediaPanel {
  width: 320px;
  margin-right: 10px;
  float: left;
}

.mediaWrapper {
    margin: 5px 3px;
    text-align: center;
}

.mediaWrapper img {
    border: 1px solid #4d4d4d;
    max-width:320px;
    max-height:550px;
}

.mediaWrapper object { border: 1px solid #4d4d4d }

.mediaMetaPanel {
  width: 500px;
  padding:6px 0px 0px 15px;
}

.mediaMetaPanel .description {
  background: #343434;
  color: white;
  font-size: 12px;
  padding: 5px;
}

.mediaMetaPanel h1 {
    font-size:14px;
}

.mediaMetaPanel ul {
   color: #fff;
   list-style: none;
   margin:0px;
   padding:0px;
}

.mediaMetaPanel li{
}

ul.mediashare {
   text-align: left;
   margin: 4px 0px 0px 0px; padding: 0;
}

ul.mediashare li {
  display: inline;
  padding: 4px;
}


/* Begin: Star rating */
ul.starRating { list-style: none; position: relative; margin: 4px 0px 0px 0px; padding: 0 !important; width: 100px; height: 13px; background: url( '/static/contestapp/theme/rating-stars.gif' ) top left repeat-x; }
ul.starRating li { margin: 0; padding: 0; float: left; }
ul.starRating li a { display: block; width: 20px; height: 13px; text-indent: -9999px; position: absolute; z-index: 100; background: none; }
ul.starRating li a:hover { background: url( '/static/contestapp/theme/rating-stars.gif' ) center left; z-index: 2; }
ul.notLoggedIn li a:hover {background: transparent; cursor: default}
ul.starRating li.currentRating { background: url( '/static/contestapp/theme/rating-stars.gif' ) bottom left; position: absolute; height: 13px; display: block; text-indent: -9999px; z-index: 1; padding: 0 !important; }

ul.starRating li a.oneStar { left: 0; }
ul.starRating li a.oneStar:hover { left: 0; width: 20px; }
ul.starRating li a.twoStar { left: 20px; }
ul.starRating li a.twoStar:hover { left: 0; width: 40px; }

ul.starRating li a.threeStar { left: 40px; }
ul.starRating li a.threeStar:hover { left: 0; width: 60px; }
ul.starRating li a.fourStar { left: 60px; }
ul.starRating li a.fourStar:hover { left: 0; width: 80px; }
ul.starRating li a.fiveStar { left: 80px; }
ul.starRating li a.fiveStar:hover { left: 0; width: 100px; }
/* End: Star rating */

.comments { 
  clear: both;

}

.comments h3 {
   padding-top: 25px;
   font-size: 20px;
   font-weight: 600;
}

.comments .commentMeta {
   float: left;
   width: 150px;
}

.comments .comment {
   clear: both;
   font-size: 13px;
   padding: 4px 0 20px 3px;
}



.comments .even {
  background: #E4E4E4;
  border-bottom: 1px solid #CFCFCF;

}

/***** Search sidebar *****/

h2.search {
    width:750px;
    color:#00b6de;
    font-size:12px;
    margin-bottom: 15px;
    font-weight: normal;
}

.searchBox {
  padding: 5px;
}

.searchBox .fmButton {
  padding: 2px;
  font-size: 11px;
}

/***** Register *****/
.errorField, .errorLabel { color: red; }

.register {
    background-color: #66d0e9;
    width:441px;
    color: #fff;
    float: left;
    margin:3px 0px 0px;
}

.register .inside {
    padding:5px 25px 0px 25px;
}

.register .top {
    background-position: 0px -20px !important;
    height:11px;
}

.register .bottom{
    background-position: 0px -31px !important;
    height:11px;
}

.page_enter .formBox.left {
    width:430px;
    float:left;
}

.formBox.left {
    width:430px;
    float:left;
}

.emailafriend {
    font-weight: bold;
    cursor: pointer;
    margin-bottom:20px;
    margin-top: 10px;
}

.tdlink:hover {
    color:#cc0000 !important;
}

.maparrow {
    background: url(http://assets.filemobile.com/129/maparrow.gif) transparent top left no-repeat;
    padding: 1px 0 3px 0;
}

/***** Enter the contest / Uploader *****/

#loader {width: 200px; margin: 0 auto; border:1px solid #555555; color: #333; text-align: center; height:15px; padding: 5px; background: url('/static/3/images/loader_bg.gif'); position: absolute; left: 200px; top: 135px; }










/* Light Box */
#lightwindow_overlay {
	/* REQUIRED */
	display: none;
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100px;
	z-index: 500;
	/* REQUIRED */
}

#lightwindow {
	/* REQUIRED */
	/* Of Note - The height and width of this element are set to 0px */
	display: none;
	visibility: hidden;
	position: absolute;
	z-index: 999;
	line-height: 0px;
	/* REQUIRED */
}

	#lightwindow_container {
		/* REQUIRED */
		display: none;
		visibility: hidden;
		position: absolute;
		/* REQUIRED */
		padding: 0 0 0 0;
		margin: 0 0 0 0;
	}

	/* IE6 needs this or it messes with our positioning */
	* html #lightwindow_container {
		overflow: hidden;
	}

	#lightwindow_contents {
		overflow: hidden;
		z-index: 0;
		position: relative;
		border: 10px solid #ffffff;
		background-color: #ffffff;
	}		

#lightwindow_loading {
	/* REQUIRED */
	height: 100%;
	width: 100%;
	top: 0px;
	left: 0px;
	z-index: 9999;
	position: absolute;
	/* REQUIRED */
	background-color: #f0f0f0;
	padding: 10px;
}

	#lightwindow_loading_shim { 
		display: none;
		left: 0px; 
		position: absolute; 
		top: 0px;
		width: 100%; 
		height: 100%;
	}

	#lightwindow_loading span {
    	font-size: 12px;
		line-height: 32px;
		color: #444444;
		float: left;
		padding: 0 10px 0 0;
	}

	#lightwindow_loading span a,
	#lightwindow_loading span a:link, 
	#lightwindow_loading span a:visited {
		color: #09F;
		text-decoration: none;
		cursor: pointer;
	}

	#lightwindow_loading span a:hover,
	#lightwindow_loading span a:active {
		text-decoration: underline;
	}


	#lightwindow_loading img {
   		float: left;
   		margin: 0 10px 0 0;
	}


/*-----------------------------------------------------------------------------------------------
	I liked the Navigation so much from http://www.huddletogether.com/projects/lightbox2/
	I mean let's face it, it works really well and is very easy to figure out.
-----------------------------------------------------------------------------------------------*/

#lightwindow_navigation {
	/* REQUIRED */
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
	/* REQUIRED */
}
	/* We need to shim the navigation for IE, though its more of a sub-floor */
	#lightwindow_navigation_shim { 
		/* REQUIRED */
		display: none;
		left: 0px; 
		position: absolute; 
		top: 0px;
		width: 100%; 
		height: 100%;
		/* REQUIRED */
	}

	#lightwindow_navigation a,
	#lightwindow_navigation a:link,
	#lightwindow_navigation a:visited,
	#lightwindow_navigation a:hover,
	#lightwindow_navigation a:active { 
		/* REQUIRED */
		outline: none;
		/* REQUIRED */
	}

	#lightwindow_previous, 
	#lightwindow_next {
		width: 49%;
		height: 100%;
		background: transparent url(http://assets.filemobile.com/129/jsimg/blank.gif) no-repeat; /* Trick IE into showing hover */
		display: block;
	}
	
	#lightwindow_previous { 
		float: left;
		left: 0px;
	}

	#lightwindow_next { 
		float: right;
		right: 0px;
	}

	#lightwindow_previous:hover, 
	#lightwindow_previous:active { 
		background: url(http://assets.filemobile.com/129/jsimg/prevlabel.gif) left 15% no-repeat; 
	}

	#lightwindow_next:hover, 
	#lightwindow_next:active { 
		background: url(http://assets.filemobile.com/129/jsimg/nextlabel.gif) right 15% no-repeat; 
	}
	
	#lightwindow_previous_title,
	#lightwindow_next_title {
		display: none;
	}
	 	
#lightwindow_galleries {
	width: 100%;
	position: absolute;
	z-index: 50; 
	display: none;
	overflow: hidden;
	margin: 0 0 0 10px;
	bottom: 0px;
	left: 0px;
}

	#lightwindow_galleries_tab_container {
		width: 100%;
		height: 0px;
		overflow: hidden;
	}

	a#lightwindow_galleries_tab,		
	a:link#lightwindow_galleries_tab,
	a:visited#lightwindow_galleries_tab {
		display: block;
		height: 20px;
		width: 77px;
		float: right;
		line-height: 22px;
		color: #ffffff;
		text-decoration: none;
		font-weight: bold;
		cursor: pointer;
		font-size: 11px;
		color: #ffffbe;
		background: url(http://assets.filemobile.com/129/jsimg/black-70.png) repeat 0 0 transparent;
	}
	
	* html a#lightwindow_galleries_tab,		
	* html a:link#lightwindow_galleries_tab,
	* html a:visited#lightwindow_galleries_tab {	
		background: none;
		background-color: #000000;
		opacity: .70;
		filter: alpha(opacity=70);
	}

	a:hover#lightwindow_galleries_tab,
	a:active#lightwindow_galleries_tab {
		color: #ffffbe;

	}

	#lightwindow_galleries_tab_span {
		display: block;
		height: 20px;
		width: 63px;
		padding: 0 7px 0 7px;
	}
	
	#lightwindow_galleries_tab .up	{
		background: url(http://assets.filemobile.com/129/jsimg/arrow-up.gif) no-repeat 60px 5px transparent;
	}

	#lightwindow_galleries_tab .down {
		background: url(http://assets.filemobile.com/129/jsimg/arrow-down.gif) no-repeat 60px 6px transparent;
	}

	#lightwindow_galleries_list {
		background: url(http://assets.filemobile.com/129/jsimg/black-70.png) repeat 0 0 transparent;
		overflow: hidden;
		height: 0px;
	}

	* html #lightwindow_galleries_list {
		background: none;
		background-color: #000000;
		opacity: .70;
		filter: alpha(opacity=70);
	}	

	.lightwindow_galleries_list {
		width: 200px;
		float: left;
		margin: 0 0 10px 0;
		padding: 10px;
	}

	.lightwindow_galleries_list h1 {	
		color: #09F;
		text-decoration: none;
		font-weight: bold;
		cursor: pointer;
		padding: 10px 0 5px 0;
		font-size: 16px;
	}

	.lightwindow_galleries_list li {
		margin: 5px 0 5px 0;
		list-style-type: none;
	}

	.lightwindow_galleries_list a, 
	.lightwindow_galleries_list a:link, 
	.lightwindow_galleries_list a:visited {
		display: block;
		line-height: 22px;
		color: #ffffff;
		text-decoration: none;
		font-weight: bold;
		cursor: pointer;
		padding: 0 0 0 10px;
		font-size: 11px;
	}

	.lightwindow_galleries_list a:hover, 
	.lightwindow_galleries_list a:active {
		background: #000000;
		color: #ffffbe;
		border-left: 3px solid #ffffbe;
		padding: 0 0 0 7px;
	}
		
#lightwindow_data {
	/* REQUIRED */
	position: absolute;
	/* REQUIRED */
}

	#lightwindow_data_slide {
		/* REQUIRED */
		position: relative;
		/* REQUIRED */
	}

	#lightwindow_data_slide_inner {
		background-color: #ffffff;
		padding: 0 10px 10px 10px;
	}

	#lightwindow_data_caption {
		padding: 10px 0 0 0;
		color: #666666;
		line-height: 25px;
		background-color: #ffffff;
		clear: both;
	}

	#lightwindow_data_details {
		background-color: #f0f0f0;
		padding: 0 10px 0 10px;
		height: 20px;
	}
	
	#lightwindow_data_author_container {
		width: 40%;
		text-align: right;
		color: #666666;
	 	font-style: italic;
		font-size: 10px;
		line-height: 20px;
		float: right;
		overflow: hidden;
	}
	
	#lightwindow_data_gallery_container {
		font-size: 10px;
		width: 40%;
		text-align: left;
		color: #666666;
		line-height: 20px;
		float: left;
		overflow: hidden;
	}
	
#lightwindow_title_bar {
	height: 25px;
	overflow: hidden;		
}

	#lightwindow_title_bar_title {
		color: #ffffbe;
		font-size: 14px;
		line-height: 25px;
		text-align: left;
		float: left;
	}

	a#lightwindow_title_bar_close_link,	
	a:link#lightwindow_title_bar_close_link,
	a:visited#lightwindow_title_bar_close_link {
		float: right;
		text-align: right;		
		cursor: pointer;
		color: #ffffbe;
		line-height: 25px;
		padding: 0;
		margin: 0;
	}
	
	a:hover#lightwindow_title_bar_close_link,
	a:active#lightwindow_title_bar_close_link {
		color: #ffffff;
	}

/*-----------------------------------------------------------------------------------------------
	Theme styling stuff
-----------------------------------------------------------------------------------------------*/	

#lightwindow p {
	color: #000000;
	padding-right: 10px;
}







/* end of import: page_specific */



