/**
 * TheVirtualBrain-Framework Package. This package holds all Data Management, and 
 * Web-UI helpful to run brain-simulations. To use it, you also need do download
 * TheVirtualBrain-Scientific Package (for simulators). See content of the
 * documentation-folder for more details. See also http://www.thevirtualbrain.org
 *
 * (c) 2012-2013, Baycrest Centre for Geriatric Care ("Baycrest")
 *
 * This program is free software; you can redistribute it and/or modify it under 
 * the terms of the GNU General Public License version 2 as published by the Free
 * Software Foundation. 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, you can download it here
 * http://www.gnu.org/licenses/old-licenses/gpl-2.0
 *
 **/

/* -------------------------------------------- */
/* The Virtual Brain: System */
/* -------------------------------------------- */
/* Created by @twotribes, Stuttgart */
/* -------------------------------------------- */
/* StyleSheet Scope: SECTION STIMULUS */
/* Version: Odinson / 2.3.1 */
/* !-------------------------------------------- */

/* !-------------------------------------------- */
/* !LAYOUT: Column configuration */
/* !-------------------------------------------- */

/* We presume to inherit some particular colscheme-* classes from base.css */

.ss-surfacestim .view-column {
overflow: auto;
}

/* !-------------------------------------------- */
/* !COMPONENT: Region management */
/* !-------------------------------------------- */

/* Oh my god. This is just an ugly copy from section_connectivity.css. Shouldn't be. */
.hemisphere {
float: left;
padding: 0 10px 10px 10px;
width: 50%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}

.hemisphere + .toolbar-inline {
clear: both;
}

.hemisphere h5 {
color: #194343;
font-size: 14px;
margin: 5px 0 10px 0;
text-shadow: rgba(255, 255, 255, 0.2) 0px 1px 0px, rgba(0, 0, 0, 0.4) 0px -1px 0px;
text-transform: uppercase;
}

.hemisphere table {
width: 100%;
}

.hemisphere td {
border-right: 5px solid #bbb;
background: #ccc;
cursor: pointer;
padding: 2px 2px 2px 2px;
text-align: center;
-webkit-transition: border-color .5s ease;
-moz-transition: color .5s ease;
}

.hemisphere td:hover {
border-color: #52a514;
-webkit-transition: border-color .5s ease;
-moz-transition: color .5s ease;
}

.hemisphere td.selected {
border-color: #41921f;
-webkit-transition: border-color .5s ease;
-moz-transition: color .5s ease;
}

.hemisphere td.selected:hover {
border-color: #1a4c45;
-webkit-transition: border-color .5s ease;
-moz-transition: color .5s ease;
}

.hemisphere td .scale {
float: right;
}

.hemisphere td .scale-zero {
color: #fff;
}

/* !-------------------------------------------- */
/* !COMPONENT: Focal point management */
/* !-------------------------------------------- */

.focal-points {
margin-left: 10px;
position: relative;
}

.focal-points li {
background: rgba(250, 247, 228, 0.3);
float: left;
margin: 0 10px 10px 0;
padding: 5px 25px 5px 5px;
position: relative;
width: 13%;
}

/* Special action button case: Only icon, no text */
#main .focal-points li .action-delete {
position: absolute;
right: -2px;
top: 0;
padding-left: 0;
text-indent: -1000em;
width: 32px;
}

.focal-points:after {
clear: both;
content: "";
display: block;
}

/* !-------------------------------------------- */
/* !COMPONENT: Special viewers */
/* !-------------------------------------------- */

.specialviewer {
margin-bottom: 10px;
min-height: 200px;
position: relative;
text-align: center;
}

.ss-surfacestim .specialviewer#brain-3d {
background: #000;
min-height: 500px;
}

/* Action buttons for 3D brain viewer */
.ss-surfacestim #main .specialviewer .action-plus {
position: absolute;
top: 5px;
right: 5px;
}

.ss-surfacestim #main .specialviewer .block-player {
position: absolute;
top: 5px;
left: 5px;
}

.viewer-legend li {
padding: 5px 10px 0 10px;
}


/* !============================================================================ */
/* !============================================================================ */
/* !TEMPORARY STUFF BELOW - ONLY FOR BACK-END DEVELOPERS! */
/* !============================================================================ */
/* !Needs major cleanup and will possibly be replaced completely! */
/* !============================================================================ */
/* !============================================================================ */

.node-scale-selected {
font-weight: bold;
color: green;
}


body#s-stimulus div.equationDisplay,
html.ss-local div.equationDisplay {
width: 90%;
margin-left: 5%;
}

#div_spatial_model_params {
    max-width: 1000px;
}

.paramSlidersTable {
    width: 100%;
}

.paramName {
    width: 15%;
}

.paramSlider {
    width: 75%
}

.paramValue {
    width: 10%;
    text-align: center;
}

/* !------------------------------------------------ */
/* !CSS for divs used for displaying the brain pick  */
/* !------------------------------------------------ */

.mainDiv {
    width: 98%;
    height: 75%;
    position: absolute;
    margin-left: 1%;
    margin-right: 1%;
}

html.ss-local div.mainDiv, 
html.ss-surfacemodel div.mainDiv {
    height: 80%;
}

.controllersDiv {
    width: 100%;
    height: 3%;
    position: absolute;
}

.addFocalPoint {
    right: 0;
    float: right;
}

.brainDiv {
    width:100%;
    height:87%;
    position: absolute;
    top: 30px;
}

#s-pick .helper {
    bottom: 4%;
    color: #fff;
    position: absolute;
}

#s-pick #slider-div.shadow {
    bottom: 2%;
    position: absolute;
    width: 100%
}