/* 

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 */

/* For our column layout, every 'last' column (the one on the very right) should get this class */

.wideColumn {
float: left;
border: 1px solid #BAC9CE;
margin-right: 10px;
margin-bottom: 20px;
width: 620px;
/*height: 280px;*/
}

.wideColumn.last {
margin-right: 0;
}

.thinColumn {
float: left;
width: 310px;
background: #ffffff;
border: 1px solid #bac9ce;
margin-left: 5px;
margin-bottom: 20px;
/*height: 280px;*/
}

#home_slideshow {
height:320px;
padding:5px;
background-color:#CCC;
margin-left: 0;
margin-right: 5px;
}

.last {
padding-right: 0px;
}


/* TabBox styles */

.tabBox ul {
padding: 0;
}

.tabBox li {
display: block;
float: left;
}

.tabBox li a {
color: #f1f1f1;
text-decoration: none;
}

.tabBox li a:hover {
color: white
}

.tabBox li.active a {
color: #313131;
}

.tabBox .tabPage {
display: none;
}

.tabBox.sidebarGallery .tabPage {
clear: both;
}

.fmCaptcha {
display: block;
}

div#ie6warning {
background: #FEE193;
border-bottom: 1px solid #F6C723;
text-align: center;
}

div#ie6warning p {padding: 3px 0; margin: 0}

/* end of import: interface */


/*

The theme stylesheet contains all the color and font information

*/

/* sabretooth: server-side import: theme */

* {
margin: 0;
padding: 0;
}

html {
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: 16pt;
}

.theContest h1 {
margin-bottom: 0.5em;
}

h2 { 
font-size: 19px; 
font-weight: 400;
}

h3 { 
font-size: 17px; 
font-weight: 400;
}

body { 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
background: #ffffff url('http://assets.filemobile.com/157/images/illu_pattern-00.png') repeat scroll 0 0; 
}

/* The maincontainer contains the entire page */
.mainContainer {
background-color: #F9F9F9;
width: 960px;
margin: 0 auto 0 auto;
/*min-height: 99%;*/
}

.header {
background-image: url('http://assets.filemobile.com/157/images/concours_header.jpg');
height: 214px;
position: relative;
}

.navigation {
position: absolute;
bottom: 0px;
left: 15px;
height: 30px;
}

.navigation a {
text-decoration: none;
color: #ffffff;
font-size: 14px;
border-left: 1px solid #ffffff;
padding: 6px 10px 6px 10px;
line-height: 30px;
background-color: #e80d47;
margin-left: -4px;
}

.navigation a:hover {
color: #000000;
}

.header .loginStatus {
position: absolute;
bottom: 0px;
right: 10px;
background-color: #f4f4e6;
padding: 0 10px 0px 5px;
}

.header .loginStatus a {
background: url('http://assets.filemobile.com/157/images/chevrons_right.gif') no-repeat right 11px;
color: #000000;
height:30px;
line-height:30px;
padding:6px 12px 6px 10px;
text-decoration:none;
font-size: 14px;
}

.footer {
background-color: #c6e4e6;
border: 1px solid #d6d6d6;
clear: both;
height: 77px;
}

.footer-links {
text-align:center; 
padding: 0; 
height: 37px;
margin-top: 20px;
}

.footer-links li {
list-style: none; 
display: inline; 
}

.footer-links li a {
color: #555555; 
font-size: 18px;
font-family: Georgia, "Times New Roman", Times, serif;
text-decoration: none; 
padding: 10px;
border-right: 1px solid #555555;
margin-left: -4px;
}

.footer-links li.last a {
border-right: none;
}

.footer-links li a:hover {
text-decoration: underline;
}

.footer-links li a:active {
color: #ffffff;
}

/* Here's a little trick to highlight the active navigation item */

.page_home #navHome,
.page_login #navLogin,
.page_enter #navLogin,
.page_faq #navFAQ,
.page_prizes #navPrizes,
.page_rules #navRules,
.page_gallery #navGallery,
.page_entry #navGallery { 
background: #ebd900;
color: #000000; 
} 

.contentBody {
background: url('http://assets.filemobile.com/157/images/content_bkg.png') repeat-y center top;
padding: 10px 5px 10px 5px;
}

.homeBrick {
background: url('http://assets.filemobile.com/157/images/home_contest.jpg') no-repeat top left;
height: 278px;
}

.adBrick {
padding: 5px;
}

.theContest h1,
.theGallery h2,
.theRules h2 { 
font-size: 24px; 
font-weight: bold;
font-style: italic;
font-family: Georgia, "Times New Roman", Times, serif;
}

.theContest a,
.theGallery a,
.theRules a {
text-decoration: none;
font-weight: bold;
}

.theContest,
.theContest a { 
color: #0a555d;
}

.theGallery,
.theGallery a { 
color: #1f6b04;
}

.theRules,
.theRules a { 
color: #b00005;
}

.theContest {
float: left;
margin: 10px 0 15px 290px;
width: 315px;
}

.theGallery {
float: left;
margin: 10px 0 0 290px;
width: 140px;
}

.theRules {
float: left;
width: 140px;
margin: 10px 0 0 35px;
}

.tabBox {
background-color: #FFF;
position:relative;
padding: 2px 10px 10px;
}

.tabBox a.rss {
background-image:url('http://assets.filemobile.com/157/images/rss.gif');
height:20px;
position:absolute;
right:20px;
text-indent:-99999px;
top:10px;
width:20px;
}

/* The mediaitem is used everywhere there's a thumbnail on the site */ 

.mediaItem {
padding: 0 !important; 
}

#homeMediaGallery .mediaItem a, .tabContents .mediaItem a {
height: 60px;
}

.mediaItem a.voteItem, mediaItem a.voteItem:hover {
height: 100px;
}

.mediaItem a {
display: block; 
padding: 5px; 
text-decoration: none; 
overflow: hidden;
padding:10px 15px;
}

.mediaItem a {
background-color: #95C2D1;
background-image: url(http://assets.filemobile.com/157/images/button_background.gif);
background-repeat: no-repeat;
}

.mediaItem a:hover {
background-color: #A5A5A5;
background-image: url(http://assets.filemobile.com/157/images/button_background_over.gif);
background-repeat: no-repeat;
}

.mediaItem a span.title {
display: block; 
color: #4e0000;
font-weight: 600;
}

.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 */

.galleryMedia .tabBox .tabSelect li {
margin:0 0.25em;
padding: 0 0.25em;
}

.tabBox .tabSelect {
background-color: #E80D47;
padding: 1em 0 0 0;
height: 35px;
}

.tabBox .tabSelect li { 
line-height: 30px;
color: #FFF;
font-family:georgia,times New Roman,serif;
font-size: 14pt;
font-weight: bold;
text-align: center;
height: 35px;
/* margin: 0 1em; */
} 

.tabBox .tabSelect li#sidebar_gallery_nav_1,
.tabBox .tabSelect li#sidebar_gallery_nav_2,
.tabBox .tabSelect li#sidebar_gallery_nav_3 { 
margin: 0 0.15em;
}

.tabBox .tabSelect li#sidebar_gallery_nav_1 {
margin-left: 0.6em;
}

.tabBox .tabSelect li#sidebar_gallery_nav_3 {
margin-right: 0.6em;
}

.tabBox .tabSelect li a {
height: 35px;
display: block;
}

/* This is the style when a tab becomes active */
.tabBox .tabSelect li.active { 
background-color: #fff;
color: #0F0F0F
} 

.bigLoader {
color : #A2A2A2;
font-size: 25px;
text-align: center;
padding: 30px;
}

.sidebarGallery .tabSelect li {
font-size: 9pt;
padding-left: 5px;
padding-right: 4px;
font-family: arial, sans-serif;
font-weight: normal;
}

.contentBox {
padding: 10px;
position: relative;
}

.formBox {
background: #ccc;
color: #333;
padding-top: 15px;
padding-bottom: 15px;
}

.formBox h2 {
color: #CF0000;
font-weight: normal;
font-size: 16px;
padding-left: 15px;
padding-bottom: 15px;
font-weight: bold;
}

.formBox form th {
width: 160px;
padding-bottom: 15px;
padding-left: 30px;
}

.formBox .fmTextArea {
width: 250px;
font-size: 11px;
font-family: sans-serif;
}

.formBox .fmTextInput {
width: 200px;
font-size: 11px;
font-family: sans-serif;
}

.formBox .fmButton {
background-color: #454545;
border: 0;
color: white;
font-size: 16px;
padding: 10px;
text-transform: uppercase;
}

/* 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: center; 
clear: both;
}

.pager a {
text-decoration: none; 
color: #3a3a3a; 
font-size: 18px; 
padding: 0 10px;
}

.pager strong {
color: #000; 
font-size: 24px; 
padding: 3px 10px;
}

.allEntries {
color:#333333;
display:block;
font-family:georgia,times new roman,serif;
font-size:10pt;
font-weight:bold;
padding:2px;
text-align:left;
text-decoration:none;
}

#mainsite_logo{
bottom:50px;
height:75px;
position:absolute;
right:25px;
width:220px;
text-decoration: none;
}

.vote_round {
background-color:#FFFFFF;
border:1px solid #666666;
color:#E80D47;
float:left;
font-family:arial,verdana,sans-serif;
font-size:18px;
font-weight:300;
height:30px;
margin:-42px 15px;
width:70px;
cursor: pointer;
}

.galleryMedia .mediaItem .votethanks {
float: left;
margin: -50px 5px;
}

.galleryMedia .mediaItem .logintovote {
float: left;
margin: -25px 5px;
color: #E80D47;
}

.vote_round.entry, .logintovote.entry, .votethanks.entry {
margin: 20px 0;
}


.govote {
margin: 34px 100px;
}
/* end of import: theme */

/*

In here are stylesheets that are only used in on a single page.

*/

/* sabretooth: server-side import: page_specific */

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

.homeMedia .tabSelect li {
  cursor: pointer;
  padding:0 1em;
}

.homeMedia .tabContents {
  height: 228px;
  padding: 15px 0px;
}

.homeMedia .mediaItem {
  width: 280px;
  float: left;
  margin-right:1px;
  width:49.5%;
}

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

.theContest P {
margin-bottom: 0.5em;
}

/**** Enter ****/
.page_enter .formBox a,
.page_rules .contentBox a,
.page_faq .contentBox a{
color: #CF0000;
}

#privacy_officer_contact {
margin-top: 1em;
display: block;
}

.page_enter .newsletter_title {
font-weight: bold;
}

.page_enter .captchaInstructions {
display: block;
margin-bottom: 1em;
}

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

.galleryMedia .tabSelect li {
	
  cursor: pointer
}

.galleryMedia .tabContents {
  padding: 0px;

}

.galleryMedia .mediaItem {
    width: 49.5%;
    float: left;
    margin-right: 1px;
}

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


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

.mediaPanel {
  background: transparent url(/static/contestapp/theme/brick_bg.gif) repeat scroll 0 0;
  width: 360px;
  margin-right: 10px;
  clear: left;
  float: left;
  margin-bottom: 10px;
}

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

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

.mediaMetaPanel {

  xwidth: 255px;
  xclear: right;
  xfloat: left;

    position: relative;
  
}
.mediaMetaPanel h2{
    margin-top: 5px;
}
.mediaMetaPanel .description {
background:#343434 none repeat scroll 0 0;
color:white;
font-size:12px;
margin-left:370px;
padding:5px;
width:220px;
}

.mediaMetaPanel th {
  
   color: #B4B4B4;
   text-align: right;

}

.mediaMetaPanel td {
   font-weight: bold;
   color: #777777;
}

ul.mediashare {
   text-align: center;
   margin: 0; padding: 0;
}

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

.page_entry .thinColumn {
	height: auto;
}

#send_to_friend_link, 
#send_to_friend {
display: block;
}

#validationmessage {
display: none;
}

.popup,
.reportAbuseBlock {
background-color:#CCCCCC;
border:1px solid #999999;
padding:1em;
}

.popup {
width:455px;
position: absolute;
right: 50px;
margin-top:-30px;
}

.popup .close,
.reportAbuseBlock .action_link {
background-color:#FFFFFF;
border:1px solid #999999;
cursor:pointer;
float:right;
font-weight:bold;
padding:0.25em;
width: 10px;
text-decoration: none;
color: #333;
text-align: center;
font-size: 10pt;
}

.popup input, .popup textarea {
 width:260px;
}

.popup label {
color: #333;
}

#reportabuseMedia{
left: 10px;
}


a.action_link {
text-decoration: underline;
color:#E80D47;
font-weight: bold;
cursor:pointer;
display: block;
margin-bottom: 0.5em;
}

a.report_abuse_link {
clear:both;
color:#666666;
font-size:13pt;
font-weight:normal;
padding: 5px 0;
/*width: 130px;*/
}


/* Begin: Star rating */
ul.starRating { list-style: none; position: relative; margin: 0; 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;

}


.reportAbuseBlock{
  border-top:1px dotted gray;
clear:both;
margin-top:40px;
padding:11px 0 0 98px;
}

.reportAbuseBlock .action_link{ 
  float:right;
  margin-right: 5px;
}

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

.searchBox {
  padding: 5px;
}

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

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


/***** 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; }

/*** FAQ ***/


.page_faq ul li{
margin-left: 15px;
margin-bottom: 0.5em;
}

/**** Rules ****/

.page_rules h2,
.page_rules p,
.page_faq p {
margin-bottom: 0.75em;
}

.page_rules h1, 
.page_rules h3,
.page_prizes h1,
.page_faq h1,
.page_faq h3{
margin-bottom: 0.25em;
}

.movinglinks {
float: right;
padding: 0 5px;
}





/* end of import: page_specific */