@charset "utf-8";
/**
 *
 * Generic CSS for CakePHP
 *
 * CakePHP(tm) : Rapid Development Framework (http://cakephp.org)
 * Copyright 2005-2012, Cake Software Foundation, Inc. (http://cakefoundation.org)
 *
 * Licensed under The MIT License
 * Redistributions of files must retain the above copyright notice.
 *
 * @copyright     Copyright 2005-2012, Cake Software Foundation, Inc. (http://cakefoundation.org)
 * @link          http://cakephp.org CakePHP(tm) Project
 * @package       app.webroot.css
 * @since         CakePHP(tm)
 * @license       MIT License (http://www.opensource.org/licenses/mit-license.php)
*/

* {
   margin:0;
   padding:0;
}

html, body {
   min-height:100%;
   height: 100%;
   font-size: 100%;
}
/** General Style Info **/

body {
   background: #84c6df; /* Old browsers */
   background: -moz-linear-gradient(top, #84c7d9 0%, #97E7BE 100%); /* FF3.6+ */
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#84c7d9), color-stop(100%,#97E7BE)); /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(top, #84c7d9 0%,#97E7BE 100%); /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(top, #84c7d9 0%,#97E7BE 100%); /* Opera 11.10+ */
   background: -ms-linear-gradient(top, #84c7d9 0%,#97E7BE 100%); /* IE10+ */
   background: linear-gradient(to bottom, #84c7d9 0%,#97E7BE 100%); /* W3C */
   background-attachment: fixed;
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#84c7d9', endColorstr='#97E7BE',GradientType=0 ); /* IE6-9 */
   font-family:'lucida grande',verdana,helvetica,arial,sans-serif;
   font-size:90%;
   margin: 0;
}

a {
   color: #24416F;
   text-decoration: underline;
   font-weight: bold;
}
a:hover {
   color: #367889;
   text-decoration:none;
}
a img {
   border:none;
}
h2, h3, h4 {
   font-weight: normal;
   margin-bottom:0.5em;
}
h1 {
   font-weight: bold;
   margin-bottom:0.5em;
   color: #003d4c;
   font-size: 100%;
}
h2 {
   color: #e32;
   font-family:'Gill Sans','lucida grande', helvetica, arial, sans-serif;
   font-size: 190%;
}
h3 {
   color: #2c6877;
   font-family:'Gill Sans','lucida grande', helvetica, arial, sans-serif;
   font-size: 165%;
}
h4 {
   color: #993;
   font-weight: normal;
}
ul, li {
   margin: 0 12px;
}
p {
   margin: 0 0 1em 0;
}

/** Layout **/
#container {
   text-align: left;
   margin:0;
   padding:0;
   height: 100%;
   min-width: 1222px;
}

#header{
   padding: 0 20px 0 20px;
}
#header h1 {
   font-weight: bold;
   font-size: 150%;
   background: url('../img/lotus.png') no-repeat left;
   color: #24416F;
   padding: 0px 40px;
}
#header h1 a {
   color: #fff;
   background: #003d4c;
   font-weight: normal;
   text-decoration: none;
}
#header h1 a:hover {
   color: #fff;
   background: #003d4c;
   text-decoration: underline;
}

#header.main_app{
   padding:0;
   width:300px;
   height:130px;
   background:rgb(220, 245, 253);
   color: #24416F;
  
   -webkit-box-shadow: inset -4px -4px 9px 1px rgba(5, 150, 210, 0.6);
   box-shadow: inset -4px -4px 9px 1px rgba(5, 150, 210, 0.6);
   
   -webkit-transition: all 100ms ease-in;
   -moz-transition: all 100ms ease-in;
   -ms-transition: all 100ms ease-in;
   -o-transition: all 100ms ease-in;
   transition: all 100ms ease-in;
}

#header.main_app:hover {
   -webkit-box-shadow: inset -4px -4px 9px 1px rgba(0, 0, 0, 0.4);
   box-shadow: inset -4px -4px 9px 1px rgba(0, 0, 0, 0.4);
   color: white;
   cursor: pointer;
}

#header.main_app:active {
   -webkit-box-shadow: inset -4px -4px 9px 1px rgba(250, 0, 0, 0.5);
   box-shadow: inset -4px -4px 9px 1px rgba(250, 0, 0, 0.5);
   color: white;
}

#header.main_app.long {
   width:100%;
   -webkit-box-shadow: inset 0px -4px 9px 1px rgba(5, 150, 210, 0.6);
   box-shadow: inset 0px -4px 9px 1px rgba(5, 150, 210, 0.6);
   cursor:default;
}
/*#header.long:hover {
   -webkit-box-shadow: inset 0px -4px 9px 1px rgba(0, 0, 0, 0.4);
   box-shadow: inset 0px -4px 9px 1px rgba(0, 0, 0, 0.4);
}

#header.long:active {
   -webkit-box-shadow: inset 0px -4px 9px 1px rgba(250, 0, 0, 0.5);
   box-shadow: inset 0px -4px 9px 1px rgba(250, 0, 0, 0.5);
   color: white;
}*/

#header.main_app h1 {
   position: absolute;
   top:50px;
   left:85px;
   font-weight: bold;
   font-size: 150%;
   background: url('../img/lotus.png') no-repeat left;

   padding: 0px 40px;
   
   -webkit-transition: all 200ms ease-in;
   -moz-transition: all 200ms ease-in;
   -ms-transition: all 200ms ease-in;
   -o-transition: all 200ms ease-in;
   transition: all 200ms ease-in;
}

#header.main_app:hover h1 {
   background: url('../img/lotusHover.png') no-repeat left;
}

#header.main_app h1 a {
   color: #fff;
   background: #003d4c;
   font-weight: normal;
   text-decoration: none;
}
#header.main_app h1 a:hover {
   color: #fff;
   background: #003d4c;
   text-decoration: underline;
}

.menu-icon {
   width: 20px;
   height: 20px;
   top:5px;
   position: absolute;   
}

a.menu-icon:hover {
   cursor: pointer;   
}

#profile {
   background-image: url("../img/profile-icon.png");
   right:70px;
}

#logout {
   background-image: url("../img/logout-icon.png");
   right:40px;
}

#help {
   background-image: url("../img/help_icon_20x20.gif");
   right: 10px;   
}

.submenu-profile {
   display: none
}

#content {
   height:100%;
   clear: both;
   color: #333;
   padding: 0 10px;
}
/** containers **/
div.form,
div.index,
div.view {
   float:right;
   width:76%;
   border-left:1px solid #666;
   padding:10px 2%;
}
div.actions {
   float:left;
   width:16%;
   padding:10px 1.5%;
}
div.actions h3 {
   padding-top:0;
   color:#777;
}


/** Tables **/
table {
   border-right:0;
   clear: both;
   color: #333;
   width: 100%;
}

table > tbody > tr > td {
 border: 1px solid #ddd !important;
}

td.task > a > span.label {
   color: #428bca;
}

td.task {
   border: none!important;
}
th {
   border:0;
   border-bottom:2px solid #555;
   text-align: left;
   padding:4px;
}
th a {
   display: block;
   padding: 2px 4px;
   text-decoration: none;
}
th a.asc:after {
   content: ' ⇣';
}
th a.desc:after {
   content: ' ⇡';
}
table tr td {
   padding: 6px;

   border-bottom:1px solid #ddd;
}

td.actions {
   text-align: center;
   white-space: nowrap;
}
table td.actions a {
   margin: 0px 6px;
   padding:2px 5px;
}

/* SQL log */
.cake-sql-log {
   background: #fff;
}
.cake-sql-log td {
   padding: 4px 8px;
   text-align: left;
   font-family: Monaco, Consolas, "Courier New", monospaced;
}
.cake-sql-log caption {
   color:#fff;
}

/** Paging **/
.paging {
   background:#fff;
   color: #ccc;
   margin-top: 1em;
   clear:both;
}
.paging .current,
.paging .disabled,
.paging a {
   text-decoration: none;
   padding: 5px 8px;
   display: inline-block
}
.paging > span {
   display: inline-block;
   border: 1px solid #ccc;
   border-left: 0;
}
.paging > span:hover {
   background: #efefef;
}
.paging .prev {
   border-left: 1px solid #ccc;
   -moz-border-radius: 4px 0 0 4px;
   -webkit-border-radius: 4px 0 0 4px;
   border-radius: 4px 0 0 4px;
}
.paging .next {
   -moz-border-radius: 0 4px 4px 0;
   -webkit-border-radius: 0 4px 4px 0;
   border-radius: 0 4px 4px 0;
}
.paging .disabled {
   color: #ddd;
}
.paging .disabled:hover {
   background: transparent;
}
.paging .current {
   background: #efefef;
   color: #c73e14;
}

/** Scaffold View **/
dl {
   line-height: 2em;
   margin: 0em 0em;
   width: 60%;
}
dl dd:nth-child(4n+2),
dl dt:nth-child(4n+1) {
   background: #f4f4f4;
}

dt {
   font-weight: bold;
   padding-left: 4px;
   vertical-align: top;
   width: 10em;
}
dd {
   margin-left: 10em;
   margin-top: -2em;
   vertical-align: top;
}

/** Forms **/
form {
   clear: both;
   padding: 0;
}
fieldset {
   border: none;
   margin-bottom: 1em;
   padding: 16px 10px;
}
fieldset legend {
   color: #e32;
   font-weight: 500;
   width: auto;
   margin-bottom: 6px;
}
fieldset fieldset legend {
   font-weight: normal;
}
form div {
   clear: both;
   vertical-align: text-top;
}
form .input {
   color: #444;
}
form .required {
   font-weight: bold;
}
form .required label:first-child:after {
   color: #e32;
   content: '*';
   display:inline;
}
form div.submit {
   border: 0;
   clear: both;
   margin-top: 10px;
}
label {
   display: block;
   font-size: 110%;
   margin-bottom:3px;
}
input, textarea {
   clear: both;
   font-size: 100%;
   font-family: "frutiger linotype", "lucida grande", "verdana", sans-serif;
   padding: 3px;
   width: 100%;
}
select {
   clear: both;
   font-size: 120%;
   vertical-align: text-bottom;
}
select[multiple=multiple] {
   width: 100%;
}
option {
   font-size: 120%;
   padding: 0 3px;
}
input[type=checkbox] {
   clear: left;
   float: left;
   margin: 2px 6px 7px 2px;
   width: auto;
}
div.checkbox label {
   display: inline;
}
input[type=radio] {
   float:left;
   width:auto;
   margin: 6px 10px;
   padding: 0;
   line-height: 26px;
}
.radio label {
   margin: 0 0 6px 20px;
   line-height: 26px;
}
input[type=submit] {
   display: inline;
   font-size: 110%;
   width: auto;
}
form .submit input[type=submit] {
   background:#62af56;
   background-image: -webkit-gradient(linear, left top, left bottom, from(#76BF6B), to(#3B8230));
   background-image: -webkit-linear-gradient(top, #76BF6B, #3B8230);
   background-image: -moz-linear-gradient(top, #76BF6B, #3B8230);
   border-color: #2d6324;
   color: #fff;
   text-shadow: rgba(0, 0, 0, 0.5) 0px -1px 0px;
   padding: 8px 10px;
}
form .submit input[type=submit]:hover {
   background: #5BA150;
}
/* Form errors */
form .error {
   background: #FFDACC;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   border-radius: 4px;
   font-weight: normal;
}
form .error-message {
   -moz-border-radius: none;
   -webkit-border-radius: none;
   border-radius: none;
   border: none;
   background: none;
   margin: 0;
   padding-left: 4px;
   padding-right: 0;
}
form .error,
form .error-message {
   color: #9E2424;
   -webkit-box-shadow: none;
   -moz-box-shadow: none;
   -ms-box-shadow: none;
   -o-box-shadow: none;
   box-shadow: none;
   text-shadow: none;
}

/** Notices and Errors **/
.message {
   clear: both;
   color: #fff;
   font-size: 140%;
   font-weight: bold;
   margin: 0 0 1em 0;
   padding: 5px;
}

.success,
.message,
.cake-error,
.cake-debug,
.notice,
p.error,
.error-message {
   background: #ffcc00;
   background-repeat: repeat-x;
   background-image: -moz-linear-gradient(top, #ffcc00, #E6B800);
   background-image: -ms-linear-gradient(top, #ffcc00, #E6B800);
   background-image: -webkit-gradient(linear, left top, left bottom, from(#ffcc00), to(#E6B800));
   background-image: -webkit-linear-gradient(top, #ffcc00, #E6B800);
   background-image: -o-linear-gradient(top, #ffcc00, #E6B800);
   background-image: linear-gradient(top, #ffcc00, #E6B800);
   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
   border: 1px solid rgba(0, 0, 0, 0.2);
   margin-bottom: 18px;
   padding: 7px 14px;
   color: #404040;
   text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
   -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
   box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
}
.success,
.message,
.cake-error,
p.error,
.error-message {
   clear: both;
   color: #fff;
   background: #c43c35;
   border: 1px solid rgba(0, 0, 0, 0.5);
   background-repeat: repeat-x;
   background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
   background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35);
   background-image: -webkit-gradient(linear, left top, left bottom, from(#ee5f5b), to(#c43c35));
   background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
   background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
   background-image: linear-gradient(top, #ee5f5b, #c43c35);
   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
}
.success {
   clear: both;
   color: #fff;
   border: 1px solid rgba(0, 0, 0, 0.5);
   background: #3B8230;
   background-repeat: repeat-x;
   background-image: -webkit-gradient(linear, left top, left bottom, from(#76BF6B), to(#3B8230));
   background-image: -webkit-linear-gradient(top, #76BF6B, #3B8230);
   background-image: -moz-linear-gradient(top, #76BF6B, #3B8230);
   background-image: -ms-linear-gradient(top, #76BF6B, #3B8230);
   background-image: -o-linear-gradient(top, #76BF6B, #3B8230);
   background-image: linear-gradient(top, #76BF6B, #3B8230);
   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
}
p.error {
   font-family: Monaco, Consolas, Courier, monospace;
   font-size: 120%;
   padding: 0.8em;
   margin: 1em 0;
}
p.error em {
   font-weight: normal;
   line-height: 140%;
}
.notice {
   color: #000;
   display: block;
   font-size: 120%;
   padding: 0.8em;
   margin: 1em 0;
}
.success {
   color: #fff;
}

/**  Actions  **/
.actions ul {
   margin: 0;
   padding: 0;
}
.actions li {
   margin:0 0 0.5em 0;
   list-style-type: none;
   white-space: nowrap;
   padding: 0;
}
.actions ul li a {
   font-weight: normal;
   display: block;
   clear: both;
}

/* Buttons and button links */
input[type=submit],
.actions ul li a,
.actions a {
   font-weight:normal;
   padding: 4px 8px;
   background: #dcdcdc;
   background-image: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#dcdcdc));
   background-image: -webkit-linear-gradient(top, #fefefe, #dcdcdc);
   background-image: -moz-linear-gradient(top, #fefefe, #dcdcdc);
   background-image: -ms-linear-gradient(top, #fefefe, #dcdcdc);
   background-image: -o-linear-gradient(top, #fefefe, #dcdcdc);
   background-image: linear-gradient(top, #fefefe, #dcdcdc);
   color:#333;
   border:1px solid #bbb;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   text-decoration: none;
   text-shadow: #fff 0px 1px 0px;
   min-width: 0;
   -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0px 1px 1px rgba(0, 0, 0, 0.2);
   -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0px 1px 1px rgba(0, 0, 0, 0.2);
   box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0px 1px 1px rgba(0, 0, 0, 0.2);
   -webkit-user-select: none;
   user-select: none;
}
.actions ul li a:hover,
.actions a:hover {
   background: #ededed;
   border-color: #acacac;
   text-decoration: none;
}
input[type=submit]:active,
.actions ul li a:active,
.actions a:active {
   background: #eee;
   background-image: -webkit-gradient(linear, left top, left bottom, from(#dfdfdf), to(#eee));
   background-image: -webkit-linear-gradient(top, #dfdfdf, #eee);
   background-image: -moz-linear-gradient(top, #dfdfdf, #eee);
   background-image: -ms-linear-gradient(top, #dfdfdf, #eee);
   background-image: -o-linear-gradient(top, #dfdfdf, #eee);
   background-image: linear-gradient(top, #dfdfdf, #eee);
   text-shadow: #eee 0px 1px 0px;
   -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3);
   -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3);
   box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3);
   border-color: #aaa;
   text-decoration: none;
}

/** Related **/
.related {
   clear: both;
   display: block;
}

/** Debugging **/
pre {
   color: #000;
   background: #f0f0f0;
   padding: 15px;
   -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
   -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
   box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}

/** Elements **/
#url-rewriting-warning {
   display:none;
}

div.input label {padding-top: 5px}

div#login {
   min-width: 300px;
   max-width: 500px;
}

div.input label {
   text-align: left;
}

table.icons {
   margin:0;
}


table.icons tr td.task .icon {
   width:35px;
   height:30px;
   display: block;
}

table#project-list td.tasks {
   padding:0;
}

table#project-list .icons tr td.task {
   border-bottom: 0px;
   padding:0;
   margin:0;
}

tr td.task a {
   text-decoration: none;
   font-size:80%;
   text-align: center;
}

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

td.task {
   width: 57px;
}

td.task .edit {
   background: transparent url('../img/icons.png') no-repeat;
}

td.task .collaborate {
   background: transparent url('../img/icons.png') no-repeat -175px 0px ;
}

td.task .uncollaborate {
   background: transparent url('../img/icons.png') no-repeat -385px 0px ;
}

td.task .copy {
   background: transparent url('../img/icons.png') no-repeat -236px 0px ;
}

td.task .delete {
   background: transparent url('../img/icons.png') no-repeat -275px 0px ;
}

td.task .label {
   padding-left: 5px;
   font-size: 80%;
   font-weight: normal;
}

table#project-list td{
   padding: 20px 0;
}

table#project-list td.title {
   padding-left: 10px;
}

table#project-list td.title a {
   text-decoration: none;   
}

table#project-list td.participants {
   text-align: center;
   width: 40px;
}

table#project-list td.participants a {
   text-decoration: none;   
}

table#project-list td.tasks {
   text-align: center;
   width: 250px;
}

td.active {
   width:200px;
   padding: 20px 0px;
   margin: 0 auto;
   text-align: center;
}

td.active div {
   height:15px;
   width:16px;
   margin: 0 auto;
   padding: 0; 
}

td.active div.is-active {
   background: transparent url('../img/icons2.png') no-repeat -16px -43px;
}

td.active div.is-not-active {
   background: transparent url('../img/icons2.png') no-repeat 0px -43px;
}

table#project-list td.active {
   width:35px;
   padding: 20px 0px;
   margin: 0 auto;
}

table#project-list td.active div {
   height:15px;
   width:16px;
   margin: 0 auto;
   margin-left: 18px;
   padding: 0;   
}

table#project-list td.active div.is-active {
   background: transparent url('../img/icons2.png') no-repeat -16px -43px;
}

table#project-list td.active div.is-not-active {
   background: transparent url('../img/icons2.png') no-repeat 0px -43px;
}

/* root element for tabs  */
ul.menu_tabs {
   margin:0 !important;
   padding:0;
   height:7%;
   min-height: 30px;
   max-height: 30px;   
   border-bottom:1px solid #666;
}

/* single tab */
ul.menu_tabs li {
   float:left;
   padding:0;
   margin:0;
   list-style-type:none;
}

/* link inside the tab. uses a background image */
ul.menu_tabs a {
   float:left;
   font-size:13px;
   display:block;
   padding:5px 20px;
   text-decoration:none;
   border:1px solid #666;
   border-bottom:0px;
   height:18px;
   color:#777;
   margin-right:2px;
   position:relative;
   top:1px;
   outline:0;
   -moz-border-radius:4px 4px 0 0;
}

h1.projectName {
   position:absolute;
   top:25px;
   left:320px;
   font-size: 3em;
}

h1.homeName {
   position:absolute;
   top:30px;
   left:43%;
   font-size: 3em;
}

.main_menu {
   position:relative;
   z-index:100;
   float:left;
   border:none;
   padding:0;
   background-color: #CDEAF1;
   border-radius: none;
}

.main_menu li{
   z-index:100;
}

#main_menu_pane_content {
   min-width: 1135px;
}

ul a {
   background-color: rgb(195, 243, 255);
}

ul a.generalMenuItem {
   background-color: rgb(132, 198, 220);
   text-align:center;
}

div.main_menu_panes {
   background-color:#CDEAF1;
   width:100%;
   padding:10px;
}

#content_pane_main {
   position:relative;
   height:90%;
   overflow:none;
}


div.second_layer_menu_panes {
   background-color:#EAFFFB;
}

div.third_layer_menu_panes  {
   background-color:#E4FFF1;
}

ul.menu_tabs a:hover {
   color:#333;
}

ul.main_menu a:hover {
   background-color:#C1F1FC;
}

ul.second_layer_menu a:hover {
   background-color:#C8FFF5;
}

ul.third_layer_menu a:hover {
   background-color: #CFFFE6;
}

/* selected tab */
ul.menu_tabs a.current {
   color:#000;
   cursor:default;
}

ul.main_menu a.current {
   background-color:#CDEAF1;
   border-bottom:1px solid #CDEAF1;
}

ul.second_layer_menu a.current {
   background-color:#EAFFFB;
   border-bottom:1px solid #EAFFFB;
}



ul.third_layer_menu a.current {
   background-color:#E4FFF1;
   border-bottom:1px solid #E4FFF1;
}

div.menu_tabs_panes {
   height: 92%;
   border: 1px solid #666;
   border-width: 0 1px 1px 1px;
   bottom:1%;
} 

div.menu_tabs_pane {
   position: relative;
   top:2%;
   height: 97%;
   border:0;
   display:none;
   padding:0 20px;
}


div.current_item_choice {
   /*float:right;*/
   /*clear:left;*/
   position:absolute;
   top:100px;
   right:0;
   white-space: nowrap;
} 

div.current_item_choice > span {
   margin-top: 5px;
}

div.filter {
   float:left;
   clear: none;
   white-space: nowrap;
}


div.button_actions {
   float: right;
   clear: none;
   margin: 0 5px;
}

div.button_actions > button {
   margin: 0 5px;
}

input.max_records {
   width:60px;
}

form.with_fieldset {
   margin-left: -1%;
}

fieldset.parameters {
   border: 2px groove threedface;
   width: 47%;
   float: left;
   margin-left: 1%;
}

fieldset.parameters_translation {
    border: 2px groove threedface;
    width: 45%;
    float: left;
    margin-left: 1%;
}

fieldset.parameters_translation_done {
    border: 2px groove threedface;
    width: 45%;
    float: right;
    margin-right: 1%;
    margin-left: auto;
}

.left{
   float: left;
   clear: left;
}

.right{
   float: right;
   clear: right;
}

fieldset.parameters table div {
   padding:0 5px;
   margin:0;
}

fieldset.parameters table tr td.name {
   padding:0 5px;
   vertical-align:middle;
   border: 0;
}

#current_session_wrapper {
   float:left
}

.hidden {
   display:none;
}

table tr:nth-child(even) {
   background: #F7F7F7;
}

table tr:nth-child(2n+1) {
   background: #EAEAEA;
}

table tr:first-child {
   background: none;
}

table.parameters tr td div {
   margin-bottom:0;
}

td.parameter_actions table {
   margin-bottom: 0;
}

table.parameters td.parameter_actions td {
   width:35px;
   border:0;
}

table.parameters td.parameter_actions div {
   height: 15px;
   width: 16px;
   margin: 0 auto;
   margin-left: 18px;
   padding: 0;
}

td.parameter_actions div {
   height: 15px;
   width: 16px;
   margin: 0 auto;
   margin-left: 18px;
   padding: 0;
}

table.icons tr td {
   border: 0;
   padding: 3px;
}

table.icons .icon {
   height: 16px;
   width: 17px;
   padding: 0;
   cursor: pointer;
}

.actions .icon {cursor: pointer}

.icon-delete {
   background: transparent url('../img/icons2.png') no-repeat -41px -121px;
}

.icon-perform {
   background: transparent url('../img/icons3.png') no-repeat -182px -47px;
}

.icon-constraint {
   background: transparent url('../img/constraint.png') no-repeat;
}

.icon-constraint.used {
   background: transparent url('../img/constraint_used.png') no-repeat;
}

.icon-edit {
   background: transparent url('../img/icons2.png') no-repeat 0px -225px;
}

.icon-login {
   background: transparent url('../img/icons2.png') no-repeat -216px 0px;
}

div.add-row {
   margin: 0 auto;
   margin-top: 25px;
   width:300px;
}

div.right-button {
   margin: 0!important;
   width: inherit!important;
   float: right!important;
}

div.right-button-session-overview {
   float: none!important;
   display: inline!important;
   width: inherit!important;
   padding: 0!important;
}

div.add-row.add_timed_event {
   margin-top: 0;
}

div.add-row.add_simple_parameter {
   margin-top: 0;
}

tr.simple_parameter input {
   padding: 3px;
}

div.add-row .link label {
   cursor:pointer;
   padding-left:25px;
}

.pointer {
   cursor:pointer;
   color:blue;   
}

table.parameter-list tr td div.input {
   padding:0;
   margin:0;
}

span.add-row {
   background: transparent url('../img/icons3.png') no-repeat 0px 0px;
   height: 19px;
   width:19px;
   display:block;
   float: left;
   cursor: pointer;
}

button {
   display: inline;
   width: auto;
   background:#62af56;
   background-image: -webkit-gradient(linear, left top, left bottom, from(#76BF6B), to(#3B8230));
   background-image: -webkit-linear-gradient(top, #76BF6B, #3B8230);
   background-image: -moz-linear-gradient(top, #76BF6B, #3B8230);
   border-color: #2d6324;
   color: #fff;
   text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
   padding: 5px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
}
button:hover {
   background: #5BA150;
}

div.buttons {
   margin: 0 10%;
}

div.one_button {
   margin: 0 40%;
}

div.buttons div.button {
   display: inline-block;
}

#flashMessage {
   position: fixed;
   left: 40%;
   top: 5px;
   text-align:center;
}

#flashMessage.success {
   background: #cfc;
   border-bottom: 3px solid #090;
   color:#090;
}

#flashMessage.error {
   background: #fcc;
   border-bottom: 3px solid #c06;
   color:#c06;
}

#flashMessage.info {
   background: #cef;
   border-bottom: 3px solid #03d;
   color:#03d;
}

#flashMessage.default- {
   background: #cff;
   border-bottom: 3px solid #9ff;
   color:#9ff;
}

.related_records table {
   border:0;
   margin:0;
}
.related_records table tr td {
   border:0;
   margin:0;
   padding:0;
}

.related_records table tr {
   background: transparent
}

.related_records table tr td div {
   margin:0;
   padding:0;
}

.related_records div[type=number] input {
   width:auto;
}

tr.simple_parameter {
   background-color: transparent;
}

tr.simple_parameter td {
   padding:0 5px 0 0;
   margin:0;   
}

tr.simple_parameter div.input {
   padding:0;
   margin:0;
}

tr.simple_parameter td.simple_parameter_action {
   width:30px;
   margin:5px;
}

td.simple_parameter_type {
   width:50px;
}

td.simple_parameter_value, td.simple_parameter_value_text {
   width:450px;
}

input.show {
   width:50px;
}

.sort {
   cursor: pointer;
   white-space: pre;
}

.sort div.direction {
   display:inline-block;
   width:0px;
   height:0px;
   font-size:0px;
   line-height:0px;
   margin:0 0 2px 2px;
   padding:0;
   vertical-align: inherit;
}

div.direction.ascending {
   border-left:5px solid transparent;  /* left arrow slant */
   border-right:5px solid transparent; /* right arrow slant */
   border-bottom:5px solid #2f2f2f; /* bottom, add background color here */
}

div.direction.descending {
   border-left:5px solid transparent;
   border-right:5px solid transparent;
   border-top:5px solid #2f2f2f;
}

.tinymce {
   width:100%;
   height:500px;
}

input.rank {
   width: 50px;
   padding: 1px;
}

div#ajax_waiting {
   background: url(../img/ajax-loader8.gif) no-repeat;
   width:300px;
   height:300px;
   position: fixed;
   left:45%;
   top:45%;
   z-index: 1000;
}

tr.deleted {
   display: none;
}

tr.record div.input {
   margin:0;
   padding:5px;
}

tr.record > td {
   padding:2px;
}

.edit_simple_parameters {
   min-width: 500px;
}

.show_hide_button {
   background-color: grey;
   display:block;
   float:left;
   clear:both;
   margin-left: 200px;
}

#theDialogBox.ui-dialog-content{
   padding:15px;
}

.overlay {
   background-color:#fff;
   display:none;
   width:700px;
   height:500px;
   padding:15px;
   text-align:left;
   border:2px solid #333;
   z-index: 100;

   opacity:1;
   -moz-border-radius:6px;
   -webkit-border-radius:6px;
   -moz-box-shadow: 0 0 50px #ccc;
   -webkit-box-shadow: 0 0 50px #ccc;
}

.overlay .close, #confirm_quit a.cancel {
   background-image: url(../img/close.png);
   position: absolute;
   right: -15px;
   top: -15px;
   cursor: pointer;
   height: 35px;
   width: 35px;
}

.overlay_content {
   height: 100%;
   overflow: auto;
}

button.show_long_value {
   margin-left: 5px;
   padding:0;
   background: rgb(215, 229, 238);
   border-color: rgb(196, 217, 219);
   font-size: 100%;
}

div#pane_header {
   height:50px;
   padding:0;
   margin:0;
}
#filter_options {
   height:100%;
}
#filter_options div {
   margin:0;
}
div#pane_content {
   clear: both;
   position: relative;
   overflow-y: auto;
}   


table.dataTable th {
   text-align: center;
   border:0;
}

div#contentPane {
   clear: both;
   position: relative;
   height:100%;
}

div.dataTables_scrollBody {
   
}
table.dataTable tr:first-child {
   background: #EAEAEA;
}
div.dataTables_scroll {
   border-bottom: 2px solid black;
   background: rgb(196, 196, 196);
}
div.dataTables_scrollHeadInner {
   border-top: 2px solid black;
}
div.dataTables_scrollHead table tr:first-child {
   background: rgb(196, 196, 196);
}

#pane_content_with_table form{
   
}

#pane_content_with_table form div#main_table_wrapper{

}

#pane_content_with_table form div#main_table_wrapper div.dataTables_scroll{
   overflow: auto;
   padding:0;
   margin:0;
}

#pane_content_with_table form div#main_table_wrapper div.dataTables_scroll div.dataTables_scrollHead{
   padding:0;
   margin:0;
}
div#pane_content_with_table.with_add_row {
   /*height:85%;*/
}
#pane_content_with_table div.add-row {
   margin:0 auto;
   margin-top: 20px;
   width:300px;
}


.sorting {
   background: url(../img/sort_both.png) no-repeat center right;
}
.sorting_desc {
   background: url(../img/sort_desc.png) no-repeat center right;
}
.sorting_asc {
   background: url(../img/sort_asc.png) no-repeat center right;
}

table.offset th {padding:0}
table.offset td {padding:0}
table.offset input {width: 60px}

#index_content {
   width:80%;
   margin-left: auto;
   margin-right: auto;
}

p.link_disabled{
   background: url('../img/delete_no.png') 30px 0px no-repeat;
   color:grey;
}

p.submit_disabled{
   background: url('../img/submit_no.png') 30px 0px no-repeat;
   color:grey;
}

#pane_content.project_roles_management input[type="checkbox"]{
   cursor: pointer;
   
}

h1.header_role_name {
   font-size: 1.7em;
   width:400px;
   margin-left:0px;
   padding-top:0px;
   margin-top: -22px;
}


#project_role_choice {
   position:absolute;
   top:0px;
   right:0px;
}

#pane_header.role_management {
   width:1010px;
   height:65px;
   background: url('../img/barre.png') 0px 45px no-repeat;
   position:relative;
   margin: 0 auto;
}

#delete_role_container {
   position:absolute;
   top:-9px;
   left:705px;

   display: inline;
   width: auto;
   border : solid 2px;
   background-color : red;
   background-image: linear-gradient(bottom, rgb(168,40,87) 11%, rgb(219,134,134) 56%, rgb(237,130,130) 78%);
   background-image: -o-linear-gradient(bottom, rgb(168,40,87) 11%, rgb(219,134,134) 56%, rgb(237,130,130) 78%);
   background-image: -moz-linear-gradient(bottom, rgb(168,40,87) 11%, rgb(219,134,134) 56%, rgb(237,130,130) 78%);
   background-image: -webkit-linear-gradient(bottom, rgb(168,40,87) 11%, rgb(219,134,134) 56%, rgb(237,130,130) 78%);
   background-image: -ms-linear-gradient(bottom, rgb(168,40,87) 11%, rgb(219,134,134) 56%, rgb(237,130,130) 78%);
   border-color: #2d6324;
   color: #fff;
   text-shadow: rgba(0, 0, 0, 0.5) 0px -1px 0px;
   padding: 5px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
}

#delete_role_container a.delete_role{
  padding:20px 1px;
   color:white;
   text-decoration: none;
}

#delete_role_container:hover {
   background:rgb(168,40,87)
}

.role_submit{
   position:absolute;
   top:-10px;
   left:775px;
}

.role_add {
   position: absolute;
   top: -10px;
   left: 627px;
}

.check_menu_permission {
   background: url('../img/barreVert.png') 5px 0px no-repeat;
   height:50px;
   position: relative;
   width:800px;
   margin:20px auto;
   clear:both;
   padding: .5em;
   -webkit-transition: background 100ms ease-in;
   -moz-transition: background 100ms ease-in;
   -ms-transition: background 100ms ease-in;
   -o-transition: background 100ms ease-in;
   transition: background 100ms ease-in;
}

.check_menu_permission_admin {
   height:50px;
   position: relative;
   width:800px;
   margin:80px auto;
   clear:both;

   -webkit-transition: background 100ms ease-in;
   -moz-transition: background 100ms ease-in;
   -ms-transition: background 100ms ease-in;
   -o-transition: background 100ms ease-in;
   transition: background 100ms ease-in;
}

.check_menu_permission:hover{
   background-color: rgba(250, 250, 250, 0.4);
}

.check_menu_permission.long:hover{
   background-color: rgba(250, 250, 250, 0);
}

.check_menu_permission h3, .check_menu_permission_admin h3 {
   padding:0;
   margin:0 0 0 10px;
   color:rgb(42,36,36);
}

.check_menu_permission h5, .check_menu_permission_admin h5 {
   padding:0;
   margin:0 0 0 10px;
   color:rgb(22,120,221);
}

.check_menu_permission input[type="checkbox"] {
   position:absolute;
   top:20px;
   right: 90px;
}

.check_menu_permission label.check {
   position:absolute;
   top:20px;
   right: 90px;
}

.check_menu_permission.radios {
   height:auto;
}

div.input.checkbox > label {
   padding-left: 10px;
}

.parameter_role_edit {
   position:relative;
   width:600px;
   clear:both;
   margin:0 auto;

   -webkit-transition: background 100ms ease-in;
   -moz-transition: background 100ms ease-in;
   -ms-transition: background 100ms ease-in;
   -o-transition: background 100ms ease-in;
   transition: background 100ms ease-in;
}

.check_menu_permission.long .parameter_role_edit:hover{
   background-color: rgba(250, 250, 250, 0.6);
}

.parameter_role_edit p{

}

.parameter_role_edit .radios_buttons{
   /*display: inline;*/
   /*width:200px;*/
   margin-left: 300px;
}

.parameter_role_edit .radios_buttons label{

}

.parameter_role_edit p {
   font-size: 120%;
   font-weight: bold;
}

.radios_buttons_unique {
   /*display: inline;*/
   margin-left:490px;
   width:200px;
}

.radios_buttons_unique label{
   margin-bottom: 9px;
}


ul#select_all {
   padding:0;
   margin:0;
   margin-top:30px;
   margin-left: 400px;
   margin-bottom: 20px;
   list-style-type:none;
}

ul#select_all li {
   margin-left:20px;
   float:left; /*for IE*/
   cursor:pointer;
}
ul#select_all li:hover{
   background:lightblue;
}

#pane_content.admin_rights {
   opacity: 0.5;
}

 div.add_collaborator{
   margin: 0 auto;
   margin-top: 20px;
   width: 300px;
}
span.addCollaborator{
   background: transparent url('../img/icons3.png') no-repeat 0px 0px;
   height: 19px;
   width: 19px;
   display: block;
   float: left;
   cursor: pointer;
}
div.add_collaborator label {
   cursor: pointer;
   padding-left: 25px;
}

#addCollaboratorDialog {
   width: 650px;
   min-width: 650px;
}

#addCollaboratorDialog ul {
   padding:0;
   margin:0 auto;
   list-style-type:none;
}

#addCollaboratorDialog ul li{
   margin-left:0px;
   float:left; /*for IE*/
   width:200px;
}

#addCollaboratorDialog ul li div.new_collaborator_type_choice {
   cursor:pointer;
   margin-bottom: 0;
}

#addCollaboratorDialog ul li div.new_collaborator_type_choice.selected {
   background-color: lightblue;
}

#form_new_collaborator_content {
   background: lightblue;
   margin-top:-1px;
}

.new_collaborator_type_choice .collaborator_type_icon {
   height:32px;
   padding:0;
   margin:0;
   background-repeat: no-repeat;
}
.new_collaborator_type_choice .lotus_tab {
   background-image: url("../img/lotusHover.PNG");
}

.new_collaborator_type_choice .uva_tab {
   background-image: url("../img/uva.jpg");
}

.new_collaborator_type_choice .other_tab {
   background-image: url("../img/other.png");
}

.redirect_conditional_link {
   padding-left: 50px;
   color:blue;
   cursor:pointer;
}

.next_session_conditions_link {
   cursor: pointer;
   color: blue;
   font-size: bold;
}

/* Upload | researcher_upload_browser.ctp, reasearcher_upload.ctp */

#action_bar {
   float: right;
}


/* General | Fix scrollbar bug */
/*body {
   height: 100%;
   max-height: 100%;
   padding: 0;
   margin: 0;
   border: 0;
}*/

.btn {
   text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
}
/* Table | Fix width problem */
div.simple_parameter_list_container {
   width: 100%!important;
}

/* Checlbox margin fixe for Export in results particpant */
div.input .checkbox input[type="checkbox"] {
   margin-left: 0;
}

.checkbox input[type='checkbox'] {
   margin: 0;
}

/* */
.breadcrumb {
   margin-bottom: 5px;
}
.session_timestamp table {
   border:0;
   margin:10px 0;
   
}

table.session_timestamp tr {
   background-color: inherit;
}

table.session_timestamp  td {
   border:0 !important;
   margin:0;
   padding:0;
}

table.session_timestamp input {
   width:70px;
   padding:0;
}

table.session_timestamp table tr {
   background: transparent
}

table.session_timestamp select.session_from_timestamp{
   font-size:100%;
}

.task_rank {
	width: 45px;
}