.r { background: red !important; }
.g { background: green !important; }
.b { background: blue !important; }
.y { background: yellow !important; }

.container,.navbar-fixed-top .container,.navbar-fixed-bottom .container{width:1316px;}
.span12{width:1316px;}
.span11{width:1204px;}
.span10{width:1092px;}
.span9{width:980px;}
.span8{width:868px;}
.span7{width:756px;}
.span6{width:644px;}
.span5{width:532px;}
.span4{width:420px;}
.span3{width:308px;}
.span2{width:196px;}
.span1{width:84px;}
.offset12{margin-left:1372px;}
.offset11{margin-left:1260px;}
.offset10{margin-left:1148px;}
.offset9{margin-left:1036px;}
.offset8{margin-left:924px;}
.offset7{margin-left:812px;}
.offset6{margin-left:700px;}
.offset5{margin-left:588px;}
.offset4{margin-left:476px;}
.offset3{margin-left:364px;}
.offset2{margin-left:252px;}
.offset1{margin-left:140px;}

/*==================================*/
html, body {
    height: 100%;
}

.wrapper {
    min-height: 100%; position: relative;
}

.footer-main {
    width: 100%;
    position: absolute;
	left: 0;
	bottom: 0;
}

.footer-push {
    height: 224px;
}

.a-center { text-align: center; }

#editMetaModal, #taskDetails {
    width: 800px !important;
    margin: -240px 0 0 -400px !important;
}

.modal-header h3 { text-transform: uppercase; }

#editMetaModal .modal-body {
    min-height: 80px;
}

.modal-loading {
    background: url(../img/ajax_loader.gif) no-repeat 50% 50%;
}

form #commission-form fieldset label.control-label {
    width: 100px; text-align: left;
}
form #commission-form fieldset .controls {
    margin-left: 100px;
}
form #commission-form fieldset {
    padding: 0; margin: 0; display: block;
}

form #commission-form fieldset legend {
    font-size: 18px; line-height: 18px; margin: 8px 0 0 0; padding: 0 0 6px 0;
}

form #commission-form fieldset legend.file-name {
    border: none; padding: 0 0 0 0; margin: 0;
}

form #commission-form fieldset textarea {
    width: 580px; height: 64px;
}

#editMetaModal .modal-body { max-height: 600px; }
#editMetaModal .modal-body h3 { border-bottom: 1px solid #f0f0f0; color: #333; clear: both; }

#editMetaModal ul.categories {
    list-style: none; float: left; padding-top: 8px;
}

#editMetaModal ul.categories li {
    float: left; width: 180px; height: 28px;
}

#editMetaModal span.cat-list {
    color: #900;
}

#editMetaModal .modal-footer .error {
    color: red;
}
#editMetaModal .modal-footer .success { color: green; }

.modal-footer-loading {
    background: url(/assets/images/ajax_loader_small.gif) no-repeat 16px 50%;
}

td.button-column { padding: 0 2px 0 2px !important; white-space: nowrap !important; text-align: left; vertical-align: middle; }
.button-column .btn { padding: 0 1px; font-weight: bold; }

.grid-view tr.deleted td { color: #c88; font-style: italic; }

.grid-view .wm-tooltip { margin: 3px; }
.tooltip-inner { max-width: 640px !important; }
.tt { cursor: pointer; }

.errorMessage { color: #900; }

#editTagging {
    top: 20px !important;
    width: 100% !important;
    height: 95% !important;
    margin: 0 0 0 -50% !important;
}
#editTagging .modal-header h3 { text-transform: uppercase; }
#editTagging .modal-body {
    min-height: 80px;
    /*max-height: 740px;*/
    /*max-height: 85%;*/
    height: 100%;
}

#editFile {
    top: 80px !important;
    width: 800px !important;
    /*margin: -240px 0 0 -400px !important;*/
    margin: 0 0 0 -400px !important;
}

#editFile .modal-header h3 { text-transform: uppercase; }

#editFile .modal-body {
    min-height: 80px;
    max-height: 640px;
}

#editFile ul.file-pics {
    list-style: none; float: left; padding: 8px 0 0 0; margin: 0;
}

#editFile ul.file-pics li {
    float: left; width: 110px; height: 160px; margin: 0 8px 4px 0; overflow: hidden; position: relative;
}

#editFile ul.categories {
    list-style: none; float: left; padding-top: 8px;
}

#editFile ul.categories li {
    float: left; width: 180px; height: 28px;
}

#editFile span.cat-list {
    color: #900;
}

#editTagging div.pic-box {
    width: 180px; height: 135px; position: relative; overflow: hidden; padding: 3px;
}

#editFile div.pic-name {
    background: yellow; font-weight: bold; padding-right: 2px;
}

#editFile div.pic-name .title-icons {
    float: right;
}

#editFile div.pic-name .title-icons a { text-decoration: none; }

#editTagging input.input-xlarge { width: 840px!important; }
#editFile .pic-upload-progress { position: absolute; left: 0; bottom: 0; background: white; padding-right: 4px; }

/*#editTagging .error { color: red; }
#editTagging .success { color: green; }*/

.error,
.notice,
.success    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }

.error      { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.error a    { color: #8a1f11; }
.notice a   { color: #514721; }
.success a  { color: #264409; }



#editTagging {
    top: 2px !important;
    width: 1890px !important;
    margin: 0 0 0 5px !important;
}
#editTagging ul.categories {
    list-style: none; float: left;
}
#editTagging ul.categories li {
    float: left; width: 155px; height: 20px; padding-left: 2px; font-size: 12px;
}
#editTagging .checkbox {
    font-size: 13px;
}
#editTagging .js-pornstars-multiple {
    width: 175px;
}

#playVideo {
    width: 800px;
    height: 550px;
}

#scoModal .hidden { display: none; }