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

/* Style Reset */

html, body, div, span, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, em, img, strong, ol, ul, li,
fieldset, form, label, legend,
table, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
:focus { outline: 0; }
table {	border-collapse: collapse; border-spacing: 0; }
ul { list-style-type: none; }

/* End Style Reset */

/* end of import: reset */
/* sabretooth: server-side import: media */

p.fmTotalPagesDisplay,
div.fmNavigator { float: right; width: 15%; display: inline; text-align: right; clear: right; }

div#mediaViewer { wdith: 560px; float: left;}

div.fmFileInfo { width: 230px; float: right;}
div.fmFileInfo ul.media_metadata {padding: 0pt 0pt 0pt 22px}
div.fmFileInfo ul.media_metadata li {height: 24px;}
div.fmFileInfo ul li.hits {list-style-image: url(/static/2/images/icons/cursor.png);}
div.fmFileInfo ul li.comm {list-style-image: url(/static/2/images/icons/comment.png);}
div.fmFileInfo ul li.user {list-style-image: url(/static/2/images/icons/user.png);}
div.fmFileInfo ul li.link {list-style-image: url(/static/2/images/icons/link.png);}
div.fmFileInfo ul li.tags {list-style-image: url(/static/2/images/icons/tag_yellow.png); clear: left}
div.fmFileInfo ul li.code {list-style-image: url(/static/2/images/icons/page_white_code.png);}

select.fmUserMediaRating {float: left; margin: 5px 2px 0 0}
input#submitRating       {float: left}
input.fmMediaEmbed       {font-size: 12px; width: 200px}

p#media_message {clear: left}

div.fmMediaList { float: left; width: 100%; display: block; clear: left }
    div.fmMediaList div.fmMediaByTime,
    div.fmMediaList div.fmMediaByHits,
    div.fmMediaList div.fmMediaByFileType,
    div.fmMediaList div.fmMediaByModStatus { width: 100%; overflow: hidden; }
      div.fmMediaList div.fmMediaItem { float: left; width: 120px; display: inline; height: 140px; overflow: hidden; }
    div.fmMediaList form { clear: left; }
    div.fmMediaList h3 { margin-bottom: 1em; border-bottom: 6px solid #eeeeee; }
    div.fmMediaList h4 { font-weight: bold; }

div.mediaList {  padding: 10px 0pt 10px 15px }

/* pager */

div.mediaPager {height: 24px; clear: left;}
div.mediaPager#topPager {border-bottom: 1px solid #4080A0;}
div.mediaPager#bottomPager {border-top: 1px solid #4080A0;}
div.mediaPager a {display:block; float:left; height:16px; padding:4px 0pt; text-align:center; width:24px;}
div.mediaPager a:hover, div.mediaPager strong {color: #fff; background: #4080A0; display:block; float:left; height:16px; padding:4px 0pt; text-align:center; width:24px;}
div.mediaPager span {display:block; float:left; height:16px; padding:4px 0pt; text-align:center; width:24px;}

/* individual thumbnails */

span.fmMediaThumb {
  float: left;
  display:block;
  text-align: left;
  padding: 5px;
  width: 60px;
  height: 70px;
  overflow: hidden;
}

span.fmMediaThumb a {border: 1px solid #aaa; padding: 2px; display:block;}
span.fmMediaThumb a:hover {border: 2px solid #FB6F02; padding: 1px;}
span.fmMediaThumb a img {line-height: 0; overflow: hidden}

/* list of thumbs on home (recent) */
span.fmMediaThumb a {width: 50px;}
span.fmMediaThumb a img {width: 50px; height: 50px; display: block}

/* featured on home */
.featured span.fmMediaThumb {width: 186px; height: 155px}
.featured span.fmMediaThumb a {height: 132px; width: 176px;}
.featured span.fmMediaThumb a img {height: 132px; width: 176px; display:block;}

/* thumbnail captions */
span.fmMediaThumb h4 {
  width: 90px;
  font-size: smaller;
  text-align: center;
  height: 10px;
  whitespace: no-wrap;
}

ul.fmTagList {padding-top: 3px}
ul.fmTagList li {display:inline}

ul.fmComment li {display: block; clear: left; padding: 0.5em 0; border-bottom: 1px dotted #4080A0; min-height:1em; overflow:auto;}
ul.fmComment li.last {border-bottom: none}
ul.fmComment li span.date {display: block; float: left; width: 100px;}
ul.fmComment li a {display: block; float: left; width: 100px;}
ul.fmComment li span.comment {display: block; float: left; width: 600px;}
ul.fmComment li textarea {width: 360px}


/* end of import: media */

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

.navigator a, .navigator .inactive { font-weight: bold; padding-right: 2px; }
.totalpagesdisplay { font-style: italic; padding-top: 2px; }

ul#formEdit {width: 400px}
ul#formEdit li {display: block; clear: left; padding: 3px 0 8px; border-top: 1px dotted #4080A0; height: 30px}
ul#formEdit li label {display: block; float: left; width: 100px;}
div.fmEditProfile {width: 420px; float: left;}
div.fmEditProfile label { float: left; width: 15%; display: inline; text-align: right; margin: 9px 5px 0pt 0pt; }
div.fmEditProfile input,
div.fmEditProfile select,
div.fmEditProfile textarea { margin-left: 10px; width: 300px; padding: 3px;}
div.fmEditProfile input.fmSubmitBtn {width: 55px;}
/* end of import: editProfile */

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

div#loginBox {background: white; border-bottom: 2px solid #EEEEEE}

div.fmLoginForm label { display: block; }
div.fmLoginForm input { margin-bottom: 0.5em; width: 14em; }

div.fmLoginForm .fmSignUpLink { font-weight: bold; color: #3ab65d; background: #eeeeee; padding: 3px; border: 1px solid #cccddd; }
div.fmLoginForm .fmSignUpLink:hover { font-weight: bold; color: #4cc86f; background: #f1f1f1; }
/* end of import: login */
/* sabretooth: server-side import: lostPassword */

div.fmLostPassword input { margin-left: 5px; }
div.fmLostPassword .fmReminder { padding-bottom: 3em; }
/* end of import: lostPassword */
/* sabretooth: server-side import: register */

div.fmRegister input { width: 14em; }
div.fmRegister label, .fmRegister .fmSubmitBtn { display: block; margin-top: 1em; clear: left}
div.fmRegister .fmSubmitBtn { clear: both; width: 7.4em; }

div.fmRegister form { text-align: center; margin-top: 2em; }
  div.fmRegister fieldset { text-align: left; margin: 0 auto; width: 70%; }
    div.fmRegister .fmRegisterRequired { float: left; width: 50%; }
      div.fmRegister .fmRegisterRequired img { margin-left: 3px; }
    div.fmRegister .fmRegisterOptional { float: right; width: 49%; }

/* end of import: register */

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

input {display: block; float: left; margin: 5px 5px 0 0; border-color: #828A8A}

a.btn{
background:white url(http://assets.dev.filemobile.com/51/images/UI/buttons/button.gif) no-repeat scroll 0 0;
cursor:pointer;
display:block;
float:left;
clear: right;
font-size:0pt;
height:26px;
margin:7px 2px;
min-width:80px;
text-align:center;
text-decoration:none;
}

a.btn span{
  background:transparent url(http://assets.dev.filemobile.com/51/images/UI/buttons/button.gif) no-repeat scroll right bottom;
color:#222222;
display:block;
font-family:Verdana;
font-size:small;
font-size-adjust:none;
height:16px;
left:1px;
line-height:1;
margin:0pt 0pt 0pt 2px;
padding:3px 8px;
position:relative;
text-align:center;
text-decoration:none;
top:0px;
}
/* end of import: forms */
/* sabretooth: server-side import: navigation */

div.fmNav { background: #191919; padding: 10px 0 0px; }
div.fmNav ul {width:90%; margin: 0 auto; height: 30px;}
div.fmNav ul li { display: block; float: left; font-weight: bold; padding-right: 14px; }
div.fmNav ul li a { color: #FB6F02; display: block; float: left; width: 120px; height: 25px; padding: 5px 0 0 0; text-align:center }
div.fmNav ul li a:hover { color: #F6C723;}

ul.home li#home a          {background: #191919 url('http://assets.filemobile.com/63/widget_tab.gif') no-repeat center bottom; color: #000}
ul.slideshows li#slideshows a        {background: #191919 url('http://assets.filemobile.com/63/widget_tab.gif') no-repeat center bottom; color: #000}
ul.videowalls li#videowalls a  {background: #191919 url('http://assets.filemobile.com/63/widget_tab.gif') no-repeat center bottom; color: #000}
ul.webcam li#webcam a        {background: #191919 url('http://assets.filemobile.com/63/widget_tab.gif') no-repeat center bottom; color: #000}
ul.register li#register a  {background: #191919 url('http://assets.filemobile.com/63/widget_tab.gif') no-repeat center bottom; color: #000}
ul.flvplayer li#flvplayer a          {background: #191919 url('http://assets.filemobile.com/63/widget_tab.gif') no-repeat center bottom; color: #000}
ul.upload li#upload a      {background: #191919 url('http://assets.filemobile.com/63/widget_tab.gif') no-repeat center bottom; color: #000}
ul.audioplayer li#audioplayer a{background: #191919 url('http://assets.filemobile.com/63/widget_tab.gif') no-repeat center bottom; color: #000}
/* end of import: navigation */
/* sabretooth: server-side import: uploader */

div#uploadMetaData {width: 400px; float: left}
div#uploadMetaData #formEdit li {height: 36px}
div#uploadQueue {width: 300px; float:left; margin-left: 20px;}

div.queuedUploadItem {padding:6px 10px 11px 10px; width:300px; height: 30px; clear: left; border-bottom: 1px dotted #4080A0}

#uploadFile0 {border-top: 1px dotted #4080A0}

div.queuedUploadItem div.progress {background:transparent url(/static/skeleton/images/progressBar_bg.gif) repeat-x scroll left top;
 height:20px; width:300px;}

div.queuedUploadItem .progressBar {background: url('/static/skeleton/images/progressBar.gif') left top repeat-x; height: 20px; border-right: 1px solid #2e5d74}
div.queuedUploadItem .complete    {background: url('/static/skeleton/images/progressBarComplete.gif') left top repeat-x; border-right: none}
div.queuedUploadItem .filename    {width: 250px; height: 20px; display: block; float: left;}
div.queuedUploadItem .percHolder  {width: 40px; height: 20px; display: block; float: left; text-align: right}


/* end of import: uploader */

.center {margin:0 auto; text-align: center}
body { text-align: center; font: 14px arial,sans-serif; color: #ffffff; background: #191919 }
a { color: #FB6F02; text-decoration: none; }
a:hover { text-decoration: underline }
h2 { font-size: 34px; font-weight: bold; clear: both; }
h3 { font-size: 21px; font-weight: bold; margin-top: 0.5em; clear: both; }
h4 { font-size: 16px; font-weight: bold; margin-top: 0.5em; clear: both; }

p { padding: 0.5em 0; line-height: 1.5em; }
input, textarea { border: 1px solid #82828A; font: inherit; }
input.fmSubmitBtn { background: #36393b; color: #eeeeee; font-family: inherit; font-size: 14px; }
p.fmReminder { color: #a0a0a0; padding-top: 0; font-size: 12px; clear: left; }
p.fmStatusMessage { padding-left: 1em; color: #2a7f5d; font-weight: bold; background: #ffffd0; border-top: 1px solid #ffff71; border-bottom: 1px solid #ffff71; margin-bottom: 20px; }

div.fmWrapper { text-align: left; color: #36393b;}
div.fmHeader { height: 100px; color: #f6f6f6; }
div.widgetblock { width: 210px; text-align: left;}
div.widgethome { width: 100%; padding-left: 15px; margin: 0px 0px 10px 0px; }



div.fmHeader .fmContent {height: 100px; background: url('http://assets.filemobile.com/63/widgets.gif') no-repeat -6px top}
p.fmUserInfo { color: #ffff88; text-align: right }


div.fmMain { background: #ffffff; width: 100%; overflow: auto; clear: left;}

div.fmSidebar1 { }
ul.fmSubNav { padding: 30px 20px; list-style: square; color: #dddeee; }
ul.fmSubNav li { margin-bottom: 0.2em; }
ul.fmSubNav li a { color: #738999; }
ul.fmSubNav li a:hover { color: #93a9c9; }

div.fmSideabr2 {}

.fmContent { padding: 20px 30px 20px; /* height: 100%; overflow: hidden; */ color: #56595b; width: 90%; margin: 0 auto}
div.fmFooter { color: #ffffff; padding:50px 0px; background: #191919 url(http://www.filemobile.net/static/fmcorp/img/footer_bg.gif) repeat-x left top }

div.fmNavigator { font-weight: bold; }

span.separator {
  border-bottom:1px solid #EEEEEE;
  border-top:1px solid #CCCCCC;
  clear:left;
  display:block;
  margin:12px 0pt 8px;
}


div.left {width:33%; float:left; }
div.center {width:33%; float:left; }
div.right {width:33%; float:left; }



    ul.archiveList {
      list-style-image:none;
      list-style-position:outside;
      list-style-type:none;
      
    }

    ul.archiveList li {
      border-bottom:1px solid #CCCCCC;
      clear:left;
      font-size: 12px;
    }

    ul.archiveList li a {
      clear:left;
      display:block;
      height:16px;
      padding:3px;
    }

    ul.archiveList li a .postTitle {
      color:#cc0000;
      display:block;
      float:left;
      height:18px;
      overflow:hidden;
    }

    ul.archiveList li a .type { 
      color:#cc0000;
      display:block;
      float:left;

    }

    ul.archiveList li a .postViews {
      display:block;
      float:right;
      text-align:right;
      width:85px;
    }


   ul.archiveList li a .size {
      display:block;
      float:right;
      text-align:right;
      width:70px;
    }


 
    ul.archiveList li a:hover {
      color:#cc0000;
    }

    ul.archiveList li a:hover .postTitle {
      color:#cc0000;
    }

    ul.archiveList li a:hover .type {
      color:#cc0000;
      display:block;
      float:left;
    }