/*
 * Copyright (C) 2010 Medical research Council, UK.
 *
 * This program is free software; you can rerotribute it and/or
 * modify it under the terms of the GNU General Public License
 * as published by the Free Software Foundation; either version 2
 * of the License, or (at your option) any later version.
 *
 * This program is rotributed in the hope that it will be
 * useful but WITHOUT ANY WARRANTY; without even the implied
 * warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR
 * PURPOSE.  See the GNU General Public License for more
 * details.
 *
 * You should have received a copy of the GNU General Public
 * License along with this program; if not, write to the Free
 * Software Foundation, Inc., 51 Franklin Street, Fifth Floor,
 * Boston, MA  02110-1301, USA.
 *
 */
/* style for rotation controls  */

#rotDragContainer {
   position: absolute;
   left: 2px;
   width: 132px;
   margin: 0px;
   padding: 0px;
   border: none;
   border: solid 1px #ccc;
   background: #fafafa;
   visibility: hidden;
   z-index: 10;
}
#rotDragContainer.threeD {
   top: 222px;
}
#rotDragContainer.key {
   top: 222px;
}
#rotDragContainer.limb {
   top: 222px;
}
#rotDragContainer.caltech {
   top: 222px;
}
#rotDragContainer.wlz {
   top: 222px;
}
#rotDragContainer.gudmap {
   top: 220px;
}

.rotTitleTextContainer {
   position: absolute;
   top: -12px;
   padding: 0px;
   margin: 0px;
   border: none;
   color: #000;
}

.rotTitleTextDiv {
   border: none;
   padding: 0px;
   margin: 0px;
   font-size: 9px;
}

#rotToolContainer {
   position: relative;
   margin: 0px;
   padding: 0px;
   border: none;
   height: 95px;
}

#rotSliderContainer {
   overflow: hidden;
   margin: 0px;
   padding: 0px;
   border: none;
}

fieldset.rot {
   position: relative;
}
fieldset.rot.pitch {
   top: 0px;
}
fieldset.rot.yaw {
   top: -4px;
}
fieldset.rot.roll {
   top: -8px;
}
fieldset.rot.button {
   top: -11px;
}

legend.rot {
   float: left;
   position: relative;
   left: 2px;
   top: 0px;
}
legend.rot.pitch {
}
legend.rot.yaw {
}
legend.rot.roll {
}
legend.rot.buttons {
}

input[type='range'].rot {
   background: #fff;
   top: -4px;
   left: 2px;
   width: 125px;
}
input[type='range'].rot.pitch {
}
input[type='range'].rot.yaw {
}
input[type='range'].rot.roll {
}

input[type='number'].rot {
   top: 0px;
   left: 6px;
   width: 35px;
}
input[type='number'].rot.pitch {
}
input[type='number'].rot.yaw {
}
input[type='number'].rot.roll {
}

.orthogonalDiv {
   position: relative;
   top: 0px;
   left: 2px;
   float: left;
   padding: 0 1px 0 1px;
   margin: 0;
   margin-right: 3px;
   height: 15px;
   border-left: solid 1px #fff;
   border-top: solid 1px #fff;
   border-right: solid 1px #999;
   border-bottom: solid 1px #999;
   background: #eee;
}

.orthogonalDiv.over {
   background: #ddd;
}
.orthogonalDiv.out {
   background: #eee;
}
.orthogonalDiv.down {
   background: #ddd;
   border-left: solid 1px #555;
   border-top: solid 1px #555;
   border-right: solid 1px #555;
   border-bottom: solid 1px #555;
}

.orthogonalText {
   position: relative;
   top: 2px;
   padding: 0px;
   margin: 0px;
   font-size: 9px;
   color: #000;
   text-align: center;
}
/*-----------------------------------*/
.fixedPointDiv {
   position: absolute;
   right: 2px;
   top: 0px;
   padding: 0;
   margin: 0;
   width: 28px;
   height: 15px;
   border-left: solid 1px #fff;
   border-top: solid 1px #fff;
   border-right: solid 1px #999;
   border-bottom: solid 1px #999;
   background: #eee;
}
.fixedPointDiv.over {
   background: #ddd;
}
.fixedPointDiv.out {
   background: #eee;
}
.fixedPointDiv.down {
   background: #ddd;
   border-left: solid 1px #555;
   border-top: solid 1px #555;
   border-right: solid 1px #555;
   border-bottom: solid 1px #555;
}

.fixedPointText {
   position: relative;
   top: 3px;
   padding: 0px;
   margin: 0px;
   font-size: 9px;
   color: #000;
   text-align: center;
}