/* 
@import fdDataForm.css;
 */
/* @import uniformFD.css; */

:focus {
    outline:none
}

:focus {
    outline:none
}

::-moz-focus-inner {
    border:0
}

BODY {
    padding:0;
    margin:0;
    background-color:#303030;
    color:#9e9e9e;
    font:12px Tahoma,Helvetica,Verdana,sans-serif;
    text-align:center;
}

hr {
    background-color:#9a9999;
    border:0;
    height:1px
}

hr.wide {
    background-color:#9a9999;
    border:0;
    height:1px;
    width:100%;
    margin:5px 0 5px 0;

}

hr.wideJobs {
    background-color:#a4a2a2;
    border:0;
    height:1px;
    width:100%;
    margin:5px 0;
    padding:0
}

hr.thick {
    background-color:#9a9999;
    border:0;
    height:2px
}

.fdError {
    font-size:18px;
    color:#e76108;
    font-weight:400;
    padding-top:20px;
    padding-bottom:20px
}

div.spacer {
    width:100%;
    height:0;
    clear:both
}

div#page {
    margin:0 auto;
    width:90%;
    text-align:left
}

div#pagewide {
    margin:0 auto;
    width:1620px;
    text-align:left
}



// jquery overrides


.vText {
    color:#303030;
    font-size:14px
}

.vText A {
    color:#1b405e;
    font-size:14px;
    text-decoration:none
}

.vText A:hover {
    text-decoration:underline;
    color:#004e8e
}

/* from v01 */

div.browseThumb {
    width:280px;
    float:left;
    padding:0;
    margin-right:20px;
    margin-bottom:8px
}

div.browseThumb A {
    text-decoration:none;
    float:right;
    font-size:14px;
    color:#303030
}

img.browseThumbImg {
    border:none
}

img.lutbg {
    position:absolute;
    top:20px;
    left:20px;
    width:1280px;
    height:720px;
    z-index:5
}

div.hdthumb {
    position:relative;
    width:400px;
    height:225px;
    float:left;
    padding:0;
    margin:80px 0 0 140px;
    z-index:15
}

/* Top Navigation, Logos and Tabs */
div#topnav {
    position:relative;
    height:41px;
    width:100%;
    text-align:right;
    padding-top:4px
}

div#topnavtext {
    text-align:right;
    padding-top:4px;
    float:right
}

div#topnavbuttons {
    padding-top:6px;
    text-align:right;
    float:right
}

div#toplogotabs {
    height:50px;
    width:100%;
    text-align:left;
    margin:0;
    padding:0
}

div#toplogo {
    height:50px;
    width:305px;
    margin:0;
    padding:0
}

div.tabs {
    position:relative;
    width:220px;
    height:22px;
    margin:0 2px;
    padding:0;
    top:20px;
    right:15px;
    float:right
}

.tabOn {
    width:90px;
    height:14px;
    background-color:#b4b3b3;
    font-size:14px;
    color:#303030;
    text-align:center;
    padding:6px 5px 10px;
    float:right;
    margin-right:4px;
    margin-left:4px
}

.tabOn A {
    color:#303030;
    text-decoration:none
}

.tabOff {
    width:90px;
    height:14px;
    background-color:#787775;
    font-size:14px;
    color:#f1f0e7;
    text-align:center;
    padding:6px 5px 10px;
    float:right;
    margin-right:4px;
    margin-left:4px
}

.tabOff A {
    color:#f1f0e7;
    text-decoration:none
}

img.toplogo {
    margin:0 0 0 15px;
    font-size:14px
}

A {
    color:#8ebabc
}

A.hint {
    font-size:10px;
    font-style:italic
}

.helpButton {
    border-top:1px solid #96d1f8;
    background:#8db9bb;
    padding:4px 10px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    -webkit-box-shadow:rgba(0,0,0,1) 0 1px 0;
    -moz-box-shadow:rgba(0,0,0,1) 0 1px 0;
    box-shadow:rgba(0,0,0,1) 0 1px 0;
    color:#eee;
    font-size:12px;
    font-family:Tahoma,"Helvetica Neue",Helvetica,Verdana,sans-serif;
    text-decoration:none;
    vertical-align:middle;
    height:66px;
    margin:0 8px
}

.helpButton:hover {
    border-top-color:#97c4c6;
    background:#97c4c6;
    color:#fff
}

.helpButton:active {
    border-top-color:#7fa8aa;
    background:#7fa8aa;
    color:#fff
}

a.help{
    color:#31373D
    
}

/* generic styles */
div#meat {
    background-color:#b4b3b3;
    width:100%
    min-height:1010px;
    color:#303030;
    font-size:14px;
    padding:20px
}

div#meatwide {
    background-color:#b4b3b3;
    width:1600px;
    min-height:810px;
    color:#303030;
    font-size:14px;
    padding:10px
}

div#lutframe {
    position:relative;
    background-color:#b4b3b3;
    width:1280px;
    min-height:720px;
    color:#303030;
    font-size:14px;
    padding:20px
}

div#movielutinfo {
    width:280px;
    min-height:720px;
    margin:20 0 4 0;
    padding:0;
    float:right
}

div#dSlider
{
	width: 170px;
	height: 8px;
	margin: 6 2 6 2;
}

div#mSlider
{
	width: 170px;
	height: 8px;
	margin: 6 2 6 2;
}

div#lSlider
{
	width: 170px;
	height: 8px;
	margin: 6 2 6 2;
}

input.lutformButton{
	margin: 5;
	float:right;
}

td {
    vertical-align:top
}

.fdtable {
    font-size:14px;
    color:#303030
}

select.lutinfo {
    min-height:305px;
    width:260px

}

input.lutinfo {
    width:170px;
    padding:2px;
    margin:0 0 0 10px

}

input[readonly]{
	background-color: #d7d7d7;
}

label.lutinfo {
    font-size:14px;
    color:#303030
}

div#meatJobs {
    background-color:#b4b3b3;
    width:90%
    min-height:700px;
    color:#303030;
    font-size:14px;
    padding:10px 0
}

div#meat H2 {
    font-size:18px;
    font-weight:700
}

div#meat I {
    color:#1065ac;
    float:right
}

div#meatL {
    width:650px;
    right:10px
}

div#meatR {
    width:250px;
    left:10px;
    float:right
}

div#meatR A {
    color:#1b405e;
    text-decoration:none
}

div#meatR A:hover {
    text-decoration:underline;
    color:#004e8e
}

/* Variation styles */
div#variation {
    background-color:#b4b3b3;
    width:100%;
    min-height:1010px;
    padding-right:20px;
    padding-left:20px
}

div#tTitle {
    width:90%;
    font-size:24px;
    color:#303030;
    padding-top:25px;
    padding-bottom:5px;
    height:40px
}

div#tTitle A {
    color:#1065ac;
    text-decoration:none
}

div#tTitle A:hover {
    text-decoration:underline
}

div.stepBox {
    display:inline-block;
    width:100%;
    padding-top:0;
    padding-bottom:35px;
    position:relative;
    font-size:22px;
    color:#e9e9e9
}

div.vDescBox {
    width:280px;
    font-size:12px;
    color:#303030;
    font-weight:400;
    font-style:normal;
    padding:0 30px;
    float:right
}

div.vDescBox H2 {
    font-size:18px;
    font-weight:700
}

div.varSlides {
    width:480px;
    height:290px;
    position:relative;
    padding-right:20px;
    padding-left:20px
}

/* dialog styles */
#theDlg {
    font-size:12px;
    background-color:#A6A6A6;
    color:#303030;
    padding:6px
    text-align: center;
}

.dlgA {
    color:#303030;
    font-size:14px
}

.dlgA A {
    color:#1065ac;
    text-decoration:none;
    border-width:0;
    outline:0 none;
    text-decoration:none
}

.dlgA A:hover {
    text-decoration:underline
}

table.panelTable {
    border-collapse:collapse;
    border-spacing:0;
    border:0
}

.panelTabs {
    background-color:#A6A6A6;
    margin:0;
    padding:0
}

td.panelTabOn {
    background:#F4F4F4;
    font-size:14px;
    color:#000;
    font-weight:700;
    margin:0;
    padding:4px 10px
}

td.panelTabOff {
    background:#E6E6E6;
    font-size:14px;
    color:#202020;
    font-weight:700;
    border:0;
    margin:0;
    padding:4px 10px
}

td.panelTabSpacer {
    width:7px
}

div.panelTabInner {
    width:860px;
    background:#F4F4F4;
    padding:8px;
    min-height:300px
}

div.panelThumbsBox {
    background:#F4F4F4;
    padding:0;
    margin:0
}

div.panelThumbBox {
    padding:4px;
    float:left;
    margin:0;
    width:164px;
    min-height:200px
}

div.panelThumbImgBox {
    padding:4px;
    float:left;
    margin:2px;
    width:160px;
    min-height:180px
}

img.panelThumb {
    border:1px solid #AAA;
    margin:4px
}

div.panelTabMsgBox {
    font-size:18px;
    padding:60px 8px;
    float:left;
    margin:0;
    width:95%;
    min-height:180px
}

div.panelTabMsgBox i {
    font-size:14px
}

div.panelThumbData {
    font-size:12px;
    color:#202020;
    font-style:italic
}

div.panelThumbData b {
    font-size:12px;
    color:#000;
    font-weight:400;
    font-style:normal
}

img.panelThumbHilight {
    border:4px solid #26b1de;
    margin:1px
}

div.vidPreview {
    width:720px;
    margin:/* 	height: 440px; */
0 auto
}

/*browse page */
div.browseTitle {
    font-size:24px;
    color:#e9e9e9;
    padding:5px 20px 22px 0
}

div.browseTitle A {
    color:#1065ac;
    text-decoration:none
}

div.browseTitle A:hover {
    text-decoration:underline
}

.titleSep {
    font-style:normal;
    font-weight:400;
    color:#818181;
    font-size:12px;
    vertical-align:3px
}

/* Jobs Page */
div.jobsBox {
    width:100%;
    padding-right:10px;
    padding-left:10px;
    padding-bottom:8px
}

div.jobsBoxTitle {
    font-size:18px;
    color:#303030;
    padding-right:10px;
    padding-left:10px;
    padding-bottom:8px
}

div.jobsBoxTitle A {
    color:#000
}

div.jobsBoxTitle A {
    color:#1065ac
}

div.jobBox {
    width:164px;
    min-height: 200px;
    padding-right:10px;
    padding-left:10px;
    padding-bottom:6px;
    float:left
}

div.jobThumbBox {
    width:164px;
    min-height:90px;
    display:inline-block;
    padding:4px 4px 0 0
}

div.jobThumbtitle {
    width:160px;
    font-size:10px;
    min-height:32px;
    text-align:center;
    color:#3A3A3A;
    vertical-align:middle;
    line-height:15px;
    display:block;
    padding:/* 	white-space: nowrap; */
2px 0 1px
}

div.jobThumbtitle A {
    font-weight:700;
    color:#253334;
    text-decoration:none
}

div.jobThumbtitle A:hover {
    color:#365255;
    text-decoration:underline
}

div.jobStatus {
    background-color:#C9C8CA;
    width:160px;
    text-align:center;
    vertical-align:middle;
    line-height:15px;
    display:block;
    padding:3px 0
}

div.fdqueued {
    background-color:#C9C8CA;
    color:#151C1D;
    font-size:12px;
    height:15px
}

div.fdallocated {
    background-color:#C9C8CA;
    color:#151C1D;
    font-size:12px;
    height:15px
}

div.fdsubmitted {
    background-color:#6D6D6D;
    color:#DADADA;
    font-size:12px;
    height:15px
}

div.fdbuilding {
    background-color:#C9C8CA;
    color:#151C1D;
    font-size:12px;
    height:15px
}

div.fdbuilt {
    background-color:#C9C8CA;
    color:#155279;
    font-size:12px;
    height:15px
}

div.fdrendering {
    background-color:#DBEEEF;
    color:#697273;
    font-weight:700;
    font-size:12px;
    height:15px
}

div.fdrendered {
    background-color:#C9C8CA;
    color:#946F16;
    font-size:12px;
    height:15px
}

div.fdcompleted {
    background-color:#B3B2B2;
    color:#151C1D;
    font-size:12px;
    height:15px
}

div.fderror {
    color:#FFF;
    background-color:#A5080A;
    font-weight:700;
    font-size:12px;
    text-transform:uppercase;
    height:15px
}

div.fdcancelled {
    color:#5C5C5C;
    background-color:#ABA9A9;
    font-size:12px;
    height:15px;
    font-style:italic
}

div.fdarchived {
    color:#151C1D;
    font-style:italic;
    font-size:12px;
    height:15px
}

div.jobDataBox {
    width:740px;
    padding-left:30px;
    padding-right:30px;
    padding-bottom:10px
}

span.jobDataField {
    text-align:left;
    float:left;
/* 	min-width: 320px; */
    padding-right:50px;
    padding-bottom:4px;
    padding-left:4px
}

div.jobDataBox A:hover {
    color:#090909;
    text-decoration:underline
}

.jobDataTitleBox {
    width:710px;
    float:right
}

.jobDataTitle {
    margin:8px 10px 8px 0
}

.jobDataTitle A {
    font-weight:700;
    font-size:16px;
    color:#303030;
    text-decoration:none;
    padding-top:16px
}

div.JobDataItem {
    display:inline-block;
    min-width:100px;
    height:25px;
    float:left;
    margin:0 15px 20px 8px;
    color:#4c4c4c;
    font-size:12px;
    line-height:16px
}

div.jobColorDiv {
    width:24px;
    height:16px;
    border:1px solid #303030;
    padding:0;
    margin:0 6px 0 0
}

div.jobInfo {
    padding-top:20px
}

div.jobButtonsBox {
    width:98%;
    padding-top:10px;
    padding-right:40px;
    padding-bottom:20px
}

div.jobProgBarBox {
    width:250px;
    float:right;
    padding-top:8px
}

div.jobProgBar {
    width:150px;
    height:16px;
    margin-top:0;
    margin-bottom:4px;
    float:right
}

div.jobProgLabel {
    height:16px;
    margin-top:0;
    margin-bottom:4px;
    float:left;
    font-weight:700
}

/* jcrop styles */
.jcrop-holder {
    text-align:left
}

.jcrop-vline,.jcrop-hline {
    font-size:0;
    position:absolute;
    background:#fff url(/images/V02/Jcrop.gif) top left repeat
}

.jcrop-vline {
    height:100%;
    width:1px!important
}

.jcrop-hline {
    width:100%;
    height:1px!important
}

.jcrop-vline.jcright {
    right:0
}

.jcrop-hline.jcbottom {
    bottom:0
}

.jcrop-handle {
    font-size:1px;
    width:7px!important;
    height:7px!important;
    border:1px #eee solid;
    background-color:#333
}

.jcrop-tracker {
    width:100%;
    height:100%
}

/* misc generic styles */
#betaVidBox {
    width:640px;
    height:374px;
    padding:20px
}

.dTable {
    width:100%;
    color:#303030;
    background-color:#A4A2A2
}

.dTableOuter {
    background-color:#fff
}

.betaImg {
    margin-top:20px
}

.fxm2015endkicker {
    width: 400px;	
    height: 300px;
    overflow: hidden;
    color: #fff;
    background: url(background.png);
    -webkit-mask-image: url(mouse.png);
}