* { outline: none; }

body {
    margin: 0;
    color: #2b2b2b;
    background: #f9f9f9;
    font: normal normal normal 14px/normal 'Trebuchet ms', Arial, helvetica, sans-serif;
    padding-bottom: 30px;
}

h1, h2, h3, h4 {
    padding: 0;
    margin: 0;
    color: #333;
    font-weight: normal;
    line-height: 1.4em;
}

a img { border: none; }

h1 {
    font-size: 2em;
}

h3 { font-weight: bold; }

a, a:visited {
    color: #069;
    text-decoration: none;
}
a:hover {
    background-color: #069;
    color: #fff;
}

.clear:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
}

.right { float: right; }
.left { float: left; }

.splash {
    display: block;
    width: 416px;
    height: 333px;
    margin-left: 10px;
}

.ad { 
  width: 430px; 
  height: 136px; 
  background: url(../images/o-matic-ad.jpg) 0 0 no-repeat; 
  display: block;  
  margin-top: 25px;
}

.logo {
    display: block;
    width: 188px;
    height: 71px;
    background: url(../images/sprite.png) 0 -1px no-repeat;
    margin-left: 5px;
    float: left;
}
.logo:hover{ background-color: transparent; }

.menu-options {
    list-style: none;
    float: right;
    margin: 40px 0 0 0;
    padding: 0;
    font: normal normal bold 12px/normal Arial, sans-serif;
}

.menu-options li {
    float: left;
    margin: 0 5px;
    padding: 6px 7px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    -ms-border-radius: 6px;
}

.menu-options li:hover {
    background: #444444;
}

.editor-link {
    display: block;
    margin-top: 18px;
    font-size: 34px;
}

.menu-options a, .menu-options a:hover {
    color: #fff;
    background: transparent;
}


.share {
    float: left;
    margin-right: 5px;
    display: block;
    width: 32px;
    height: 32px;
    background-image: url(../images/sprite.png);
    background-repeat: no-repeat;
}
.share:hover{ background-color: transparent; }

.share.twitter { background-position: -1365px -123px; }
.share.facebook { background-position: -1397px -123px; }

.menu {
    margin: 0 auto;
    width: 950px;
}

.header {
    padding: 15px 0;
    background: #222;
    border-bottom: 5px solid #b6b6b6;
}

.content {
    width: 950px;
    margin: 1px auto;
    padding: 25px 0;
    min-height: 100px;
}

.other-apps {
    margin-top: 40px;
}

.onfb {
    font-size: 8px;
    padding-left: 10px;
}

.shared-folders {
    margin-top: 25px;
}

.folder {
    border: 1px solid #d5d9dc;
    margin: 15px;
    float: left;
    padding: 5px;
}
.front-img { display: block; }

.info-panel {
  position: absolute;
  border: 1px solid #d5d9dc;
  background: #fff;
  padding: 5px;
  width: 230px;
  left: -5000px;
  top: 0;
}

.info-image {
    float: left;
}

.info-sum {
    float: left;
    margin-left: 5px;
}

.info-sum .name {
    display: block;
    color: #222;
}

.info-sum .size {
    display: block;
    color: #34a7fa;
    font-size: .9em;
    font-weight: bold;
}

.info-sum .delete {
    display: block;
    color: #f87888;
}

.info-sum .edit, .info-sum .share {
    margin-top: 5px;
    display: block;
    color: #34a7fa;
}
.info-sum .edit { margin-top: 10px; }

.share-input {
    padding: 2px;
    background: #f6f6f6;
}
.share-input .share-submit { float: right; width: 50px; }
.share-input .input { width: 140px; }
.share-input .share-icon {
    margin-left: 2px;
    vertical-align: -3px;
}

.label {
    padding: 2px;
    color: #444;
    font-size: .8em;
    background: #f6f6f6;
    margin-top: 2px
}
.label .icon { float: right; }

.wiki-content { width: 600px; float: left; }
.wiki-menu {
    background-color:#f4f4f4;
    border-top:3px solid #dddddd;
    border-bottom:1px solid #dddddd;
    float:right;
    width:260px; }
.wiki-menu ul {
    margin-bottom: 10px;
    padding-left: 35px;
    list-style: disc;
    line-height: 1.45em;
}
.wiki-menu .inner { padding: 20px 20px 20px 5px;  }

.faq dt { font-weight: bold; }
.faq dd { margin: 5px 0 15px 0; }

.parameters { margin: 20px 0; }
.parameters td { vertical-align: top; padding: 0 15px 15px 0; }
.footer { padding: 5px 0; margin-top: 50px; font-size: .8em; text-align: center; }

.field label { display: block; margin-top: 10px; }
.error { color: red; font-weight: bold; }
.success { border: 1px solid #27ed0c; background: #b2ffa1; color: #27661d; font-weight: bold; padding: 10px; margin-bottom: 15px; }
.error-flash { border: 1px solid #eb0e15; background: #ffa5a3; color: #661e21; font-weight: bold; padding: 10px; margin-bottom: 15px; }
.notice-flash { border: 1px solid #eb960e; background: #ffdca3; color: #664f1f; padding: 10px; }
.info-flash { border: 1px solid #ebebeb; background: #fff; color: #666; padding: 10px; }
.autodesk { padding-top: 8px; }
.noh:hover { background: transparent; }

.tspace { margin-top: 15px;}
ul.info {
  padding: 0;
  margin: 0;
  list-style: none;
  line-height: 23px;
}

.pack { border: 1px solid #c0c0c0; padding: 10px; display: block; margin-bottom: 10px; }
.pack:hover { border-color: #069; color: #069; background-color: transparent; }
.pack-locked { border: 1px solid #d4d4d4; color: #d4d4d4; padding: 10px; display: block; margin-bottom: 10px; }
.pack.new { border-style:dashed; background: transparent url(../images/icons/add.png) 923px center no-repeat; margin-bottom: 0; margin-top: 25px; }

/* Force get satisfaction to not have ugly background effect */
#fdbk_close:hover { background-color: transparent; }