/* Base Settings */
body { margin: 0; background-color:#070501; margin: 0 0 0 0; font-family: verdana, FreeSans, "sans-serif"; font-size: 12px; line-height: 18px;  }
.toolmaster {width:646px; }
.clear { clear:both;}
.sprite { background-image:url(motiontools_sprite.png)!important; background-repeat:no-repeat;}

a.btn1, a.btn1:link, a.btn1:visited, a.btn1:active {
display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; vertical-align:top; position:relative;
color:#dddbd4; text-decoration:none; cursor:pointer; outline:none;
border:1px solid #585754; border-bottom-color:#373634; border-right-color:#444341;
-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
background-color:#070500;
background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAeCAIAAAEV8NMGAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHhJREFUeNpiMjHUZ/r27QvTx4/vmT58/AQQQEwGulpMnz9/Ynr//i3T12/fAQIQBAcnAMAwDMTg9gmE7r+XHftTibdDE5LDJyRhm7ZfgJLF6AQAEAqB4EBBtP9kPjWjj0M5FGcv2IakMp8RRmxOPwRfZ50Fd2cHSS4aEk5+oA7Z9gAAAABJRU5ErkJggg%3D%3D); background-repeat:repeat-x;
height:30px; line-height:30px; width:auto;}
a.btn1:hover {border-color:#ffea98; border-bottom-color:#9f935f; border-right-color:#d1bf7c;}

a.btn2, a.btn2:link, a.btn2:visited, a.btn2:active {
display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; vertical-align:top; position:relative;
color:#2A1F05; text-decoration:none; cursor:pointer; outline:none;
border:1px solid #fce790;
-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
background-color:#a68024;
background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAeCAIAAABi9+OQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAD5JREFUeNpUjMkNwDAQAiOKTcGphyM+8MMPtCNmxZPvhSPEgWx4RGrKpNoJrONgcd/jD88NXv/TZ/Xd/wUYAJbCWIWV8wuxAAAAAElFTkSuQmCC); background-repeat:repeat-x;
height:30px; line-height:30px; width:auto;}
a.btn2:hover { background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAeCAIAAABi9+OQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAEFJREFUeNpEi9sNwDAMAiOv3YU7BIdLYin9QMdDVL9P9aKWXd3Rprl0aOlkoyhMD9k0RNOT/feTxfyhz282PgEGANJhVsXGrbD8AAAAAElFTkSuQmCC);
background-color:#c39a2b;}

.btnDownload { padding:0 10px;}
.DownloadRow { padding:4px 0;}

div.msgBox { display:none; zoom:1; padding:3px 10px; margin-bottom:10px; text-align:center; font-size:15px; color:#FFF; background-color:#35923c; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
div.red { background-color:#990000; }

/* Horizontal Divisions */
.mtbg {background-image:url(motiontools_bg.png); background-repeat:repeat-x; background-position:center top;}
.horizarea { text-align: center; background-image:url(motiontools_center_bg.jpg); background-repeat:no-repeat; background-position:center top; height:737px;}
.centercolumn {text-align: left; margin: 0 auto; padding: 0; }

.simple_overlay { display:none; z-index:30000; background-color:#fff; width:500px; border:5px solid #000; -moz-box-shadow:0 0 80px 5px #000; -webkit-box-shadow: 0 0 80px #000; -moz-border-radius: 15px; -webkit-border-radius: 15px; padding:10px; }
.simple_overlay .title {font-weight: bold; font-size: 18px; padding-bottom: 10px;}
.simple_overlay h1 { margin:0; padding:0; zoom:1; font-size:18px; font-weight:normal; color:#fff; background-color:#333333; padding:5px 10px; margin-bottom:15px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
.simple_overlay p { color:#000;}
.simple_overlay a.button,
.simple_overlay a.button:link,
.simple_overlay a.button:visited,
.simple_overlay a.button:active { height:20px; line-height:20px; width:82px; border:1px solid #100f0b; background-color:#fdce47; color:#070500; font-weight:bold; float:right; margin-right:20px; text-align:center; display:block; text-decoration:none; margin-top:5px; margin-left:5px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.simple_overlay a.button:hover {  background-color:#fae897; text-decoration:none;}
.simple_overlay .graybarhead { font-size:12px; font-weight:bold; background-color:#aaaaa9; padding:4px 7px; margin-bottom:7px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.simple_overlay .bigreadhead { font-size:18px; font-weight:normal; color:#a00800; }
.simple_overlay .smallredhead {font-size:12px;  color:#a00800;}

div.tooltip { display:none; background-image:url(motiontools_sprite.png)!important; background-repeat:no-repeat; background-position:-506px 0px; font-size:11px!important; height:29px; width:66px; color:#000; line-height:22px; text-align:center; }

.feedbackbox {background-image:url(feedback_dog.jpg); background-repeat:no-repeat; background-position:right bottom;}

.FormBox {}
.FormBlock {}
.FormBox div.fbrow {padding: 3px 0px;}
.FormBox div.fbrow span.fblabel {float: left; width: 80px; height:26px; line-height:26px; padding-right:10px; text-align:right; font-family:verdana!important; font-size:12px!important; color:#000000!important;}
.FormBox div.fbrow span.fbformw {float: left; width: 250px; text-align: left; line-height:17px; font-family:verdana!important; font-size:11px!important; color:#000000!important;}

.FormBox input, .FormBox textarea, .FormBox select { height:24px; line-height:24px; width:250px; border:1px solid #100f0b; color:#000; margin-bottom:9px; padding:0 7px; outline:none; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
.FormBox textarea { height:auto; }
.FormBox input.short { height:24px; line-height:24px; width:204px; border:1px solid #100f0b; color:#000; margin-bottom:9px; padding:0 7px; outline:none;}
.FormBox input:required, .FormBox input:invalid { box-shadow: none; }

.button, a.button:link, a.button:visited, a.button:active { display:inline-block; float:right; height:16px; line-height:16px; padding:3px 4px; background-color:#f3f3f3; border:1px solid #d1d1d1; -moz-border-radius: 3px; -webkit-border-radius: 3px; text-decoration:none; color:#000000;}
a.button:hover { background-color:#FFFFFF; text-decoration:none; color:#000000; }
.button .emailicon { display:block; float:left; width:16px; margin-right:5px; height:16px; background-position:-80px -112px; }


/* Motion Tools */
.toptitle { color:#f1f0ec; height:14px; text-align:center; font-size:14px; line-height:22px; margin-bottom:10px; text-shadow: 1px 1px 1px #070500; }
.flipbook { height:480px; width:640px; background-color:#100e0a; border:3px solid #100e0a; position:relative; -webkit-user-select:none; -moz-user-select:none; }
.flagbox { position:relative; height:19px;}
.timebox { position:relative; height:19px; background-position:0px -126px; cursor:pointer;}
.bottompanel { padding-top:20px;}
.bottompanel .left { float:left; width:240px;}
.bottompanel .center { float:left; width:160px;}
.bottompanel .right { float:left; width:240px; text-align:right;}
.toppanel { height:63px; }
.toppanel .left { float:left; width:240px; text-align:center;}
.toppanel .center { float:left; width:160px;}
.toppanel .right { float:left; width:240px; text-align:center;}
.counter { color:#f1f0ec; font-family:Arial, Helvetica, sans-serif; font-size:38px; text-align:center; height:50px; line-height:50px; }
.frameinfo { color:#5b5a57; font-family:Arial, Helvetica, sans-serif; font-size:11px; height:19px; line-height:19px; text-align:center;}
.infoRed {color:#cd4d00;}
.infoSmall {font-size:20px;}

.slide {width:640px;height:480px; position:absolute;}
.onionslide {width:640px;height:480px; position:absolute; display:none;}

.flipcontrol { position:relative; width:640px; -webkit-user-select:none; -moz-user-select:none;}


.overlay {width:640px;height:480px; position:absolute; font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold;}
.spinner { display:none; position:absolute; width:640px; height:480px; background-color:#000; filter: alpha(opacity=50); -khtml-opacity: 0.7; -moz-opacity: 0.7; opacity: 0.7; }
.spinner div {padding-top:240px; text-align:center; color:#FFFFFF;}
.grid { position:absolute; width:640px;height:480px; background-image:url(grid.png); background-position:left top; display:none; }
.guidesbox { position:absolute; width:640px; height:480px; overflow:hidden; display:none; }
.masksbox { position:absolute; width:640px; height:480px; overflow:hidden; display:none; }
.masterbox { color:#FFFFFF; font-size:12px; font:Arial, Helvetica, sans-serif; width:646px;}

a.guideVert,
a.guideVert:link,
a.guideVert:visited { position:absolute; top:0; left:50px; background-image:url(guide_vert.png); background-repeat:repeat-y; width:11px; cursor:move;}
a.guideVert:hover, a.guideVert:active { background-image:url(guide_vert._hi.png);}
a.guideHoriz,
a.guideHoriz:link,
a.guideHoriz:visited { position:absolute; top:120px; left:0; background-image:url(guide_horiz.png); background-repeat:repeat-x; height:11px; cursor:move;}
a.guideHoriz:hover, a.guideHoriz:active { background-image:url(guide_horiz_hi.png);}

a.maskVert,
a.maskVert:link,
a.maskVert:visited { position:absolute; top:0;  background-color:black; z-index:998;  cursor:move;}
a.maskVert:hover, a.maskVert:active {  
  background-color: rgba(226, 207, 187, 0.35);
  -moz-transition-property: background-color;  /* FF4+ */
  -moz-transition-duration: 0.2s;
  -webkit-transition-property: background-color;  /* Saf3.2+, Chrome */
  -webkit-transition-duration: 0.2s;
  -o-transition-property: background-color;  /* Opera 10.5+ */
  -o-transition-duration: 0.2s;
  -ms-transition-property: background-color;  /* IE10? */
  -ms-transition-duration: 0.2s;
  transition-property: background-color;  /* Standard */
  transition-duration: 0.2s;z-index:998; }
a.maskHoriz,
a.maskHoriz:link,
a.maskHoriz:visited { position:absolute;  left:0;  background-color:black; z-index:998;  cursor:move;}
a.maskHoriz:hover, a.maskHoriz:active { 
  background-color: rgba(226, 207, 187, 0.35);
  -moz-transition-property: background-color;  /* FF4+ */
  -moz-transition-duration: 0.3s;
  -webkit-transition-property: background-color;  /* Saf3.2+, Chrome */
  -webkit-transition-duration: 0.3s;
  -o-transition-property: background-color;  /* Opera 10.5+ */
  -o-transition-duration: 0.3s;
  -ms-transition-property: background-color;  /* IE10? */
  -ms-transition-duration: 0.3s;
  transition-property: background-color;  /* Standard */
  transition-duration: 0.3s;
   z-index:998;}


.panelsBox { padding:0 3px; display: table; margin: 0 auto;}

.topcontrols { width:210px; float:right; padding:5px; background-color:#000000;}
.toptext { font-size:12px; width:120px; float:right;}
.topbuttons { width:40px; text-align:right; height:16px; float:right;}
.sidetools { width:23px; background-color:#000000; float:left; padding:10px 0px 10px 5px;}

.timeleft { width:54px; padding:4px; background-image:url(images/time_lr_bg.gif); background-repeat:repeat-x; float:left; border-right:1px solid #000000; height:16px;}
.timecenter { width:495px; height:24px; background-image:url(images/time_inner_bg.gif); background-repeat:repeat-x; float:left;}
.timecleft { width:495px; height:24px; background-image:url(images/time_inner_lr_bg.gif); background-repeat:no-repeat; background-position:left;}
.timecright { width:495px; height:24px; background-image:url(images/time_inner_lr_bg.gif); background-repeat:no-repeat; background-position:right; position:relative;}
.timeright {width:73px; padding:4px; background-image:url(images/time_lr_bg.gif); background-repeat:repeat-x; float:left; border-left:1px solid #000000; height:16px;}

.flagmarker { background-position:-414px 0px; width:62px; height:62px; display:none;}
.timeflag { position:absolute; top:0px; left:0px; height:19px; width:4px; background-position:-43px -155px;}
.loadbox {  position:absolute; top:0px; left:3px; width:0%; background-color:#4c4c4c; height:11px;}

.den {font-size: 80%;}
.num {font-size: 80%; vertical-align:.5ex;} 

/* buttons */
.btnSpaceStd { display:inline-block; width:13px;}
.btnLabel { display:inline-block; width:42px; text-align:center; font-size:11px; height:19px; line-height:19px; color:#f1f0ec;}
.btnSpaceSmall {display:inline-block; width:8px;}
.btnSlideLabel { float:left; display:inline-block; width:99px; padding-right:10px; text-align:right; font-size:11px; height:19px; line-height:19px; color:#f1f0ec;}
.btnSlidePos { float:left; display:inline-block; width:19px; text-align:center; font-size:11px; height:19px; line-height:19px; color:#f1f0ec;}
.btnSlidePosSpace { float:left; display:inline-block; width:9px;}
.btnSlideBarSpace { padding-top:3px;}
.btnStd { display:inline-block; width:42px; height:42px; outline:none;}
.btnLg { display:inline-block; width:60px; height:42px; outline:none;}
.btnShortStd { display:inline-block; width:42px; height:20px; margin-top:8px; outline:none;}
.btnShortLg { display:inline-block; width:60px; height:20px; margin-top:8px; outline:none;}

a.btnText,
a.btnText:link,
a.btnText:visited,
a.btnText:active { display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; padding:7px 11px; height:19px; line-height:19px; font-size:12px; color:#d5d3cd; text-decoration:none; background-color:#2f2e2d; border:1px solid #000; -moz-border-radius:5px; -webkit-border-radius: 5px; border-radius: 5px; outline:none; vertical-align:top;}
a.btnText:hover { background-color:#3f3e3d;}
a.btnText.active { border-color:#ded23d; background:none!important;}
a.btnText span { display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; background-image:url(motiontools_sprite.png); background-repeat:no-repeat;}
a.btnText span.last { background-position:-476px 0px; width:12px; height:19px;}
a.btnText span.play { background-position:-500px 0px; width:6px; height:19px;}
a.btnText span.next { background-position:-488px 0px; width:12px; height:19px;}


.btnBarTitle {color:#8e8d8a; font-size:11px; text-align:center; padding:2px 0;}

div.slider { float:left; position:relative; width:131px; height:19px; background-image:url(motiontools_sprite.png); background-repeat:no-repeat; background-position:-47px -155px; cursor:pointer;}
div.slider div.progress { background-image:url(motiontools_sprite.png); background-repeat:no-repeat; background-position:0px -174px; height:19px; margin-left:9px; display:none;}
div.slider a.handle { position:absolute; left:0; top:0; display:block; background-image:url(motiontools_sprite.png); background-repeat:no-repeat; background-position:-178px -155px; width:19px; height:19px; cursor:move;}
input.range {  }

div.range {position:relative; left:0px; width:616px; height:19px; background-position:0px -174px; cursor:pointer; margin:0 12px; }
a.rangeStart { position:absolute; top:0; left:-12px; display:inline-block; background-position:-19px -155px; width:12px; height:19px; cursor:move;}
a.rangeEnd { position:absolute; top:0; left:616px; display:inline-block; background-position:-31px -155px; width:12px; height:19px; cursor:move;}

a.timePos { position:absolute; top:-10px; left:3px; width:19px; height:29px; background-position:0px -145px; cursor:move;}

a.playpause,
a.playpause:link,
a.playpause:visited,
a.playpause:active { background-position:-168px 0px;}
a.playpause:hover { background-position:-168px -42px;}
a.playpause.active { background-position:-168px -84px!important;}

a.rewind,
a.rewind:link,
a.rewind:visited,
a.rewind:active { background-position:-270px 0px;}
a.rewind:hover { background-position:-270px -20px;}

a.end,
a.end:link,
a.end:visited,
a.end:active { background-position:-372px 0px;}
a.end:hover { background-position:-372px -20px;}

a.last,
a.last:link,
a.last:visited,
a.last:active { background-position:-126px 0px;}
a.last:hover { background-position:-126px -42px;}

a.next,
a.next:link,
a.next:visited,
a.next:active { background-position:-228px 0px;}
a.next:hover { background-position:-228px -42px;}

a.loop,
a.loop:link,
a.loop:visited,
a.loop:active { background-position:-312px 0px;}
a.loop:hover { background-position:-312px -20px;}
a.loop.active { background-position:-312px -40px!important;}

a.onion,
a.onion:link,
a.onion:visited,
a.onion:active { background-position:0px 0px;}
a.onion:hover { background-position:0px -42px;}
a.onion.active { background-position:-0px -84px!important;}

a.gridbtn,
a.gridbtn:link,
a.gridbtn:visited,
a.gridbtn:active { background-position:-42px 0px;}
a.gridbtn:hover { background-position:-42px -42px;}
a.gridbtn.active { background-position:-42px -84px!important;}

a.guides,
a.guides:link,
a.guides:visited,
a.guides:active { background-position:-84px 0px;}
a.guides:hover { background-position:-84px -42px;}
a.guides.active { background-position:-84px -84px!important;}

a.thumbs,
a.thumbs:link,
a.thumbs:visited,
a.thumbs:active { background-position:-228px -84px;}
a.thumbs:hover { background-position:-270px -84px;}
a.thumbs.active { background-position:-312px -84px!important;}

a.masks,
a.masks:link,
a.masks:visited,
a.masks:active { background-position:-354px -84px;}
a.masks:hover { background-position:-396px -84px;}
a.masks.active { background-position:-438px -84px!important;}

a.hiddenHotKeyBtn { display: none; }

.rhino_url { text-align:center;}
.rhino_url a:link, .rhino_url a:visited, .rhino_url a:active { color: #444; position:relative; top:-15px; left:3px;}
.rhino_url a:hover { color:#ABA336; text-decoration:none;}