/*
 * Copyright (C) 2010 Medical research Council, UK.
 *
 * This program is free software; you can redistribute 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 distributed 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 common elements  */

body {
   margin: 0px;
   padding: 0px;
   font-family: "Arial", sans-serif;
   color: gray;
   background: #fff;
}

/* try to prevent firefox putting a dotted border round things */
div::-moz-focus-inner, input[type='range']::-moz-focus-inner {
   border: 0;
   outline: 0;
}

form {
}

input.range:valid {
   border: solid 1px #0f0;
}
input.range:invalid {
   border: none;
}

fieldset {
   margin: 0px;
   padding: 0px;
   border: none;
   color: #555;
   font-size: 12px;
}

legend {
   margin: 0 0 4px 0;
   padding: 0px;
   font-size: 10px;
}

label {
   float: left;
   position: relative;
   margin: 0px;
   padding: 0px;
   border: none;
   background: none;
   font-size: 10px;
}

input[type='range'] {
   float: left;
   position: relative;
   margin: 0px;
   padding: 0px;
   width: 100px;
   height: 14px;
   background: #fff;
}

input[type='number'] {
   position: relative;
   float: left;
   margin: 0px;
   padding: 0px;
   border: 1px inset #999;
   border: none;
   background: #fff;
   font-size: 9px;
   -moz-appearance:textfield; /* prevent spinners from appearing on mozilla browsers */
}
/* prevent spinners from appearing in webkit browsers */
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
   -webkit-appearance: none; 
   margin: 0; 
}

input[type='text'] {
   position: relative;
   margin: 0px;
   padding: 0px;
   border: dotted 1px #eee;
   background: #fff;
   font-size: 10px;
}

input[type='radio'] {
   position: relative;
   float: right;
   margin: 0px;
   padding: 0px;
   border: none;
   background: none;
}

select {
   color:#333;
   font-size: 10px;
   font-style:normal;
   font-weight:normal;
}

select optgroup {
   background:#eee;
   color:#777;
   font-size: 9px;
   font-style:italic;
   font-weight:normal;
}

select option {
   color:#333;
   font-size: 10px;
   font-style:normal;
   font-weight:normal;
}

/*-----------------------------------*/
/*   from project.css                */
/*-----------------------------------*/
a {
   text-decoration: none;
}
a:link {
   color:#0000ff;
}
a:visited {
   color:#0000bb;
}
a:hover {
   color:#9900bb;
}
a:active {
   color:#0055bb;
}

#projectDiv {
   margin: 0px;
   padding: 0px;
}

#logoContainer {
   position: absolute;
   left: 40px;
   top: 7px;
   margin: 0px;
   padding: 0px;
   width: 80px;
   z-index: 1000;
}
#logoContainer.noToolBox {
   left: 10px;
}

#helpIconContainer {
   position: absolute;
   right: 4px;
   bottom:4px;
   margin: 0px;
   padding: 0px;
   width: 16px;
   height: 16px;
   z-index: 1000;
   visibility: visible;
}
#helpIconContainer.noToolBox {
   visibility: hidden;
}

#emapIIPViewerDiv {
   position: absolute;
   left: 150px;
   right: 5px;
   top: 50px;
   bottom: 10px;
   width: auto;
   overflow: hidden;
   margin: 0px;
   padding: 0px;
   border: none;
   border: solid 2px #ccc;
   background: #fff;
}
#emapIIPViewerDiv.tree {
   right: 245px;
}
#emapIIPViewerDiv.maximised {
   left: 0px;
   right: 0px;
   top: 0px;
   bottom: 0px;
}

#toolContainerDiv {
   position: absolute;
   top: 85px;
   left: 4px;
   width: 144px;
   margin: 0px;
   padding: 0px;
   border: solid 1px #ccc;
   border: none;
   z-index: 1;
}

#contextMenuHintDiv {
   font-size: 9px;
   text-align: center;
   position: relative;
   left: 2px;
   top: 0px;
   width: 132px;
   overflow: hidden;
   margin: 0px;
   padding: 2px;
   border: none;
   border: solid 1px #ccc;
   background: #ffe;
   visibility: visible;
   z-index: 1000;
}

#debugDiv {
   position: absolute;
   top: 52px;
   left: 152px;
   height: 100px;
   width: 200px;
   padding: 0px 4px;
   font-size: 9px;
   color: #000;
   text-align: left;
   background: #eeeeee;
   visibility: visible;
   z-index: 100;
}

p.viewerInfo {
   margin: 0,2px;
}
/*-----------------------------------*/
.closeButton {
   position: relative;
   right: -1px;
   float: right;
   top: -14px;
   width: 12px;
   height: 12px;
   margin: 0px;
   padding: 0px;
   border-left: solid 1px #fff;
   border-top: solid 1px #fff;
   border-right: solid 1px #999;
   border-bottom: solid 1px #999;
   background: #eee;
}
.closeButton.over {
   background: #ddd;
}
.closeButton.out {
   background: #eee;
}
.closeButton.down {
   background: #ddd;
   border-left: solid 1px #555;
   border-top: solid 1px #555;
   border-right: solid 1px #555;
   border-bottom: solid 1px #555;
}

.closeButtonImg {
   position: relative;
   top: -3px;
   left: 1px;
   width: 10px;
   height: 10px;
   padding: 0px;
   margin: 0px;
   border: none;
}
/*-----------------------*/
.topEdge {
   position: absolute;
   top: -10px;
   left: 10px;
   width: 226px;
   margin: 0;
   padding: 0;
   visibility: visible;
   border: none;
   background: #ccc;
}

.topLeftCorner {
   position: absolute;
   top: -10px;
   left: 0px;
   width: 10px;
   height: 10px;
   margin: 0;
   padding: 0;
   visibility: visible;
   border: none;
   background: url("/eAtlasViewer_ema/images/corners/NW10.png");
}

.topRightCorner {
   position: absolute;
   top: -10px;
   right: 0px;
   width: 10px;
   height: 10px;
   margin: 0;
   padding: 0;
   visibility: visible;
   border: none;
   background: url("/eAtlasViewer_ema/images/corners/NE10.png");
}

.leftEdge {
   position: absolute;
   top: -10px;
   left: -2px;
   width: 2px;
   height: 10px;
   margin: 0;
   padding: 0;
   visibility: visible;
   border: none;
}

.rightEdge {
   position: absolute;
   top: -10px;
   left: -2px;
   width: 2px;
   height: 10px;
   margin: 0;
   padding: 0;
   visibility: visible;
   border: none;
}
/*-----------------------*/
.toolbox {
   position: absolute;
   margin: 0px;
   padding: 0px;
   border: none;
   background: #fafafa;
   visibility: hidden;
   z-index: 10;
}

.dropDownContainer {
   position: absolute;
   margin: 0px;
   padding: 0px;
   border: none;
   width: 102px;
   left: 0px;
   visibility: visible;
}