/* 

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: 24px; font-weight: 500; }
h2 { font-size: 22.2px; font-weight: 401; color:#343332;}
h3 { font-size: 17px; font-weight: 400; color:#C61717;  }

.mainContainer {
  
  width: 980px;
  padding: 0 10px 0 10px;
  margin: 46px auto 10px 10%;
  min-height: 99%;

}

.navigationBar .navigation {
  float: left;
}

.navigationBar .loginStatus {
  float: right;
}


.navigationBar .loginlogout {
  padding-left: 35px;
}

.loginlogout a {
 color:#CF0000;
 text-decoration:none;
}

.loginlogout a:hover {
 color:#CF0000;
 text-decoration:underline;
}

.navigationBar div {
  vertical-align: bottom;
  line-height: 25px;
}

.contentBody {
  padding:10px 0;
  background:transparent url(http://assets.filemobile.com/151/images/MIS-background2_repeat.jpg?r=123) repeat-y 13px 0px;
}

.footer {
  clear: both;
}

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

.wideColumn {
  float: left;
  padding:0 0 0 23px; 
  width:510px;
}

.bottom_curve{
    height:10px;
    padding:0;
    margin:0;
    width:510px;
}

.galleryMedia{
  float: left;
  width:510px;
}

.wide_bottom{
    padding:15px 10px 5px 0;
}

.thinColumn {
  float: left;
  width: 338px;
  padding-right: 5px;
  padding-top: 10px;
}

.thin_ad{
  padding:45px 25px;
}
.thin_bottom{
    padding:15px 5px 0 28px;
}

.last {
  padding-right: 0px;
}

/* TabBox styles */

.tabBox ul{
  padding: 10px 10px 0;
}

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

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

.tabBox li a:hover{}

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

.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}


/* end of import: interface */


/*

The theme stylesheet contains all the color and font information

*/

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

body { 
  font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
  /*background-color: #FFFFFF;*/
  font-size: 13px;
  background:url(http://assets.filemobile.com/151/images/bg_img.gif?r=123) repeat;
}

.clear{
    clear:both;
}

a {color: #CF0000}
a:focus {outline: none; -moz-outline: none;}

/* The maincontainer contains the entire page */

#social_us{
    background:transparent url(http://assets.filemobile.com/151/images/socialize.png) no-repeat scroll 0 0;
    height:35px;
    left:840px;
    padding-top:3px;
    position:absolute;
    text-align:center;
    top:0;
    width:200px;
}

#social_us a{
    margin:3px;
}

#social_us p{
     float:left;
    font-size:16px;
    font-weight:bold;
    margin:0;
    padding:5px 5px 5px 10px;
}

.header {
    background:transparent url(http://assets.filemobile.com/151/images/bg_header.png?r=123) no-repeat 13px 52px;
    color:white;
    height:185px;
}

.header a { 
    text-decoration: none;
}

.header #logo{
    height:170px;
    width:169px;
    float:left;
    position:relative;
    top:0;
    left:0;
    z-index:20;
}

.header #logo a{
    height:170px;
    width:169px;
}

.header #quote{
    float:left;
    font-weight:bold;
    height:50px;
    left:0;
    letter-spacing:-1px;
    position:relative;
    top:50px;
    width:390px;
    word-spacing:1px;
}

.header #quote p{
    color:#000000;
    font-family:arial;
    font-size:15px;
    margin:0;
}

.header #login_form{
color:#000000;
float:right;
font-family:arial;
font-size:12px;
padding-right:10px;
position:relative;
right:80px;
top:30px;
width:335px;
}

#login_form b{font-size:14px;padding-left:5px;}

#reg_login{
    float:left;
    width:185px;
}

.login_input{
    width:160px;
}

#fbconnect_login{
    float:right;
    width:150px;
}
#fbconnect_img{
    position:relative;
    top:30px;
    left:0px;
}

.span_left{
    float:left;
    height:90px;
    padding:0 5px;
}

#header_login{
    float:left;
    left:-4px;
    position:relative;
}

#header_fbconnect{
    bottom:34px;
    float:right;
    left:100px;
    position:relative;
}

.footer {
    background:transparent url(http://assets.filemobile.com/151/images/bg_footer.jpg?r=123) no-repeat scroll 13px 0;
    height:100px;
    float:left;
    padding:0 0 0 40px;
    text-align:center;
    width:880px;
    height:100px;
}

.footer p{
    color: #8A8A8B;
    margin:0;
}

.footer-links {text-align:center; padding-top:25px; height: 50px;}
.footer-links li {list-style: none; display: inline; }
.footer-links li a {color: #babab9; text-decoration: none; text-transform: uppercase; padding: 10px;}
.footer-links li a:hover {color: #8a8a89}
.footer-links li a:active {color: #8a8a8b}

.footer #powered_by{
    position:relative;
    float:right;
    right:20px;
    top:-75px;
}

#footer_legal{
    left:100px;
    float:left;
    margin:0;
    position:relative;
    text-align:center;
    top:10px;
    width:700px;
    height:50px;
}


#footer_legal p{
    font-family:Helvetica;
    font-size:12px;
    font-weight:normal;
    margin:0;
}

#footer_legal a{
color:#0000CC;
}


.loginStatus{
    float:right;
    font-size:10px;
    position:relative;
    right:95px;
    text-align:right;
    top:35px;
    width:auto;
}

#main_nav_bar{
    float:left;
    height:32px;
    left:-50px;
    position:relative;
    top:22px;
    width:555px;    
}

#main_nav{
    background-color:#FFFFFF;
    float:left;
    height:22px;
    left:0;
    padding:7px 0 3px 40px;
    position:relative;
    width:460px;
}

.navigationBar {
  background:#feeee3 none repeat scroll 0 0;
  border-bottom:1px solid #CCCCCC;
  border-top:1px solid #CCCCCC;
  color:#BABAB9;
  float:left;
  height:22px;
  left:13px;
  padding:10px 0;
  position:relative;
  width:878px;
}

.navigationBar a {
  text-decoration: none;
  height: 21px;
  /*overflow: hidden;*/
}

.navigation {
  padding:0 10px;
  text-transform:uppercase;
  width:415px;
  word-spacing:20px;
  height:22px;
  overflow:hidden;
}

.navigation a, .navigation img{
  word-spacing: 2px;
  float: left;
  padding-right:10px;
}

.navigation a:hover {
  top:-21px;
  position:relative;
}

.nav_active a{
  top:-21px;
  position:relative;
}

.vyo_btn{
   background:transparent none repeat scroll 0 0;
   border:medium none;
   cursor:pointer;
   height:32px;
   overflow:hidden;
   position:relative;
   top:-35px;
}

.vyo_btn a, .vyo_btn img{
  float: right;
}

/*.shout_it_btn a:hover,*/
.vyo_btn a:hover, .login_btn a:hover, .submit_btn a:hover, register_btn a:hover, dtl_hover a:hover, go_btn a:hover{
    position:relative;
    top:-32px;  
}

.shout_it_btn{
    background:transparent none repeat scroll 0 0;
    border:none;
    cursor:pointer;
    left:-5px;
    padding:0;
    position:relative;
    height:32px;
    overflow:hidden;
}

.shout_it_btn a, .shout_it_btn img, .submit_btn a, .submit_btn img, .go_btn a, .go_btn img{
  float: left;
}

.submit_btn{
    background:transparent none repeat scroll 0 0;
    border:none;
    cursor:pointer;
    padding:0;
    position:relative;
    height:32px;
}

.login_btn{
    background:transparent none repeat scroll 0 0;
    border:none;
    cursor:pointer;
    padding:0;
    position:relative;
    height:32px;
    width:121px;
}

.register_btn{
    background:transparent none repeat scroll 0 0;
    border:none;
    cursor:pointer;
    padding:0;
    position:relative;
    height:32px;
    width:122px;
}

.dtl_btn{
    background:transparent none repeat scroll 0 0;
    border:none;
    cursor:pointer;
    padding:0;
    position:relative;
    height:32px;
}

.go_btn{
    background:none;
    border:none;
    cursor:pointer;
    float:left;
    height:32px;
    left:140px;
    padding:0;
    position:relative;
    top:-30px;
    margin-left:10px;
    width:70px;
}

.wide_holder{
  background:transparent url(http://assets.filemobile.com/151/images/main_grad_c.png) repeat-x scroll center bottom;
  height:494px;  
  padding:10px 10px 0;
  width:485px;
  font-family:arial;
  font-size:16px;


}

/* 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 #navEntry,
.page_rants #navRants
 { /* background: url('/static/contestapp/theme/navigation_active_bg.gif') no-repeat center bottom; */ color: #060606;
 top:-21px;
 position:relative;
 } 

#navHome active, #navLogin active, #navGallery active, #navRants active{
  top:-21px;
  position:relative;
}

.contentBody {
    /* background: url('/static/contestapp/theme/content_bg.gif') no-repeat center top;
    background-color: #F9F9F9; */
}

.msg{
  background:#FFFFFF none repeat scroll 0 0;
  height:auto;
  margin:10px;
  padding:0 2px;
  width:288px;

}

.homeBrick {
  height: 240px; 
  padding: 10px;
}

.tabBox {
    width:510px;
    padding:0;
}

/*tabs for gallery page eliminates a left padding element*/
.tabBox .gallery{
    padding-left:0px;
}

.tabBox, .shout {
  background:transparent url(http://assets.filemobile.com/151/images/main_grad_c.png) repeat-x scroll center bottom;
  float:left;
  position:relative;
}

.shout{
  width:338px;
}

.tabBox a.rss {
    position: absolute;
    top: 10px;
    right: 10px;
}


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

.mediaItem {padding: 0; }
.mediaItem:hover {}
.mediaItem a {display: block; height: 63px; padding: 5px; text-decoration: none; overflow: hidden}
.mediaItem a:hover { background: #f1f1f1}

.mediaItem a span.title {display: block; color: #4e0000; text-transform: uppercase; 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 */

.tabBox .tabSelect {
    height: 31px;
}

.tabBox .tabSelect li { 
  line-height: 30px;
  color: #C61717;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: bold;
  text-align: center;
  height: 31px;
} 

.tabBox .tabSelect li:hover { 
    text-decoration:underline;
    background:#DDDDDD none repeat scroll 0 0;
}

.tabBox .tabSelect li a {
    height: 31px;
    display: block;
    color:#C61717;
}

/* This is the style when a tab becomes active */
.tabBox .tabSelect li.active { 
    background:#9E9E9E none repeat scroll 0 0;  
    color: #313131;
} 

.bigLoader {

   color : #A2A2A2;
   font-size: 25px;
   text-align: center;
   padding: 30px;

}

.sidebarGallery{
    width:338px;
}

.sidebarGallery .tabSelect li {
   font-size: 80%;
   padding-left: 5px;
   padding-right: 5px;
}


.contentBox {

  padding: 10px;

}

.formBox {

  padding-top: 15px;
  padding-bottom: 15px;

}

/* for formBox gallery styles*/
.gallery_comment{
    border:1px solid #CCCCCC;
    padding:10px;
    width:465px;
}

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

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


.formBox .fmTextArea {
  font-family:sans-serif;
  font-size:18px;
  width:238px;
}


.formBox .fmTextInput {
  font-family:sans-serif;
  font-size:18px;
  width:238px;
}


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

/* infoText is extra information about a piece of text */
.formBox .infoText {
   font-size: 80%;
}

.formBox .errorText, .header .errorText {
   color: red;
   font-weight: bold;
   text-align: center;
}


.notifyText {
   color: green;
   font-weight: bold;
   text-align: center;
}


.pager {
  position:relative;
  text-align:center;
 }
.pager a {text-decoration: none; color: #3a3a3a; font-size: 18px; padding: 0 10px}
.pager strong {color: #000; font-size: 24px; padding: 3px 10px}

.allEntries {

  display: block;
  text-align: right;
  padding: 2px;

}

/* 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 {
  font-size: 11px;
  width: 120px;
  cursor: pointer
}

.homeMedia .tabContents{
    border-left:1px solid #9E9E9E;
    border-right:1px solid #9E9E9E;
    border-top:1px solid #9E9E9E;
    padding:0 10px 15px;
    height:370px;
}

.homeMedia .mediaItem {

  height: 62px;

}

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

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


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

.galleryMedia .tabSelect li {
  width: 120px;
  cursor: pointer
}

.galleryMedia .tabContents {
    padding:15px 3px 15px 0;
    border-left:1px solid #9E9E9E;
    border-right:1px solid #9E9E9E;
    border-top:1px solid #9E9E9E;

}

.galleryMedia .mediaItem {
    width: 50%;
    float: left;
}

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

div.rants {
    border-left:1px solid #9E9E9E;
    border-right:1px solid #9E9E9E;
    border-top:1px solid #9E9E9E;
    height: 275px;
    width:336px;
    overflow-y: auto;
    position:relative;
}

div.rants p.rant {
    padding: 3px 5px;
}

.rant{padding:5px 10px;}

div.rantform {
    height: 115px;
    border-left:1px solid #9E9E9E;
    border-right:1px solid #9E9E9E;
}

div.rantform p {margin:0;}

#rants{
  background:#FFFFFF none repeat scroll 0 0;
  font-weight:bold;
  padding:10px 0;
  text-align:center;

}

#rant-box textarea {width: 310px; border: 1px solid #ffdd67}

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

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

.mediaPanel p {text-align: left} 

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

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

.mediaMetaPanel {
  clear: left;
  float: left;
  width: 500px; 
}

.mediaMetaPanel .description {
  font-size: 12px;
  padding: 5px 0;

}

.mediaMetaPanel th {
  
   color: #333;
   text-align: left;

}

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

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

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


/* Begin: Star rating */
ul.starRating { list-style: none; position: relative; margin: 0; padding: 0 !important; width: 100px; height: 16px; background: url( 'http://assets.filemobile.com/151/images/rating.gif?r=123' ) bottom left repeat-x; }
ul.starRating li { margin: 0; padding: 0; float: left; }
ul.starRating li a { display: block; width: 20px; height: 16px; text-indent: -9999px; position: absolute; z-index: 100; background: none; }
ul.starRating li a:hover { background: url( 'http://assets.filemobile.com/151/images/rating.gif?r=123' ) center left; z-index: 2; }
ul.notLoggedIn li a:hover {background: transparent; cursor: default}
ul.starRating li.currentRating { background: url( 'http://assets.filemobile.com/151/images/rating.gif?r=123' ) top left; position: absolute; height: 16px; 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 *****/

.searchBox {
  padding: 5px;
}

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

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


/***** SHOUTS ******/
/*#list-shouts{
    background:transparent url(http://assets.filemobile.com/151/images/main_grad_c.png) repeat-x scroll center bottom;
    font-family:arial;
    font-size:16px;
    padding:10px 10px 0;
    width:485px;
}*/


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

.enter{
    height:400px;
    text-align:center;
    width:510px;
}

.enter .tabContents {
    border-left:1px solid #9E9E9E;
    border-right:1px solid #9E9E9E;
    border-top:1px solid #9E9E9E;
    height:330px;
    padding:0 10px 15px;
}

.enter_tab li{
    width:150px;
}


form.uploadForm table th {width: 100px}

/* end of import: page_specific */