input, textarea, select {
    width: 100%;
}

.no-margin {
    margin: 0;
}

a, a:active, a:focus, button, button:active, button:focus { outline: none; -moz-outline-style: none; }
button::-moz-focus-inner { border: 0; }

#header-left {
    position: absolute;
    display: block;
    height: 43px;
    width: 190px;
    background: url('../images/logo.png');
    z-index: 2;
}

#header-title {
    position: absolute;
    display: block;
    height: 43px;
    left: 210px;
    z-index: 2;
    font-size: 22px;
    color: #FFF;
}

#header-right {
    position: absolute;
    float: right;
    width: 100%;
    height: 43px;
    z-index: 1;
    text-align: right;
    line-height: 43px;
    right: 20px;
}

#header-right a.user {
    color: #EBEBEB;
    font-weight: bold;
    text-decoration: none;
}

#header-right a.user:hover {
    color: #FFF;
}

#header .divider-header {
    margin-left: 190px;
    position: absolute;
}
#header .divider {
    background: url("images/divider-vertical.png") no-repeat scroll left top transparent;
    height: 34px;
    overflow: hidden;
    width: 2px;
}

/* ========================= BLOCK ============================ */

.block {
    border-radius: 5px 5px 5px 5px;
    margin: 9px 0;
    padding: 4px;
    box-shadow: 0 0 10px rgba(0,0,0,.3);
    background: #888;
    border: 1px solid #666;
}

.block .header {
    background: #eef4f7; /* Old browsers */
    background: -moz-linear-gradient(top,  #eef4f7 0%, #d4dee4 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eef4f7), color-stop(100%,#d4dee4)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #eef4f7 0%,#d4dee4 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #eef4f7 0%,#d4dee4 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #eef4f7 0%,#d4dee4 100%); /* IE10+ */
    background: linear-gradient(top,  #eef4f7 0%,#d4dee4 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eef4f7', endColorstr='#d4dee4',GradientType=0 ); /* IE6-9 */    
    margin-bottom: -2px;
    min-height: 38px;
    position: relative;
    font-size: 15px;
    line-height: 37px;
    margin: 0;
    padding: 0 0 0 10px;
    color: #475D68;
    text-shadow: 0 1px 0 #FFFFFF;
    font-weight: bold;
    border-radius: 3px 3px 0 0;
    border: 0;
    border-bottom: 1px solid #9BA6AB;
}

.block .header:nth-child(n+2) {
    margin-top: 7px;
}

.block .header ul.tabs {
    list-style: none;
    margin: 13px 0 0;
    padding: 0;
    position: absolute;
    right: 5px;
    top: 1px;
}

.block .header ul.tabs li {
    border: 1px solid transparent;
    border-radius: 8px 8px 0 0;
    cursor: pointer;
    float: left;
    margin-right: 3px;
    font-weight: normal;
    font-size: 12px;
    line-height: 1.231;
}

.block .header ul.tabs li.active {
    background: none repeat scroll left top #FAFAFA;
    border-color: #9BA6AB #9BA6AB #FAFAFA;
    border-image: none;
    border-style: solid;
    border-width: 1px;
}

.block .header ul.tabs li:hover {
    background: none repeat scroll left top #FAFAFA;
    border-color: #9BA6AB #9BA6AB #FAFAFA;
    border-image: none;
    border-style: solid;
    border-width: 1px;
}

.block .header ul.tabs li a {
    color: #2D5672;
    font-family: 'PT Sans','Tahoma',sans-serif;
    text-decoration: none;
    padding: 5px 15px;
    display: block;
}

.block .content {
    background: #FAFAFA;
    border-radius: 0 0 3px 3px;
    border: 0;
}

.block .content + .content {
    margin-top: 10px;
    border-radius: 3px;
    border-top: 1px solid #4B5E6B;
}

.block .content .inside {
    padding: 10px;
}

.block .content .blockmenu {
    background: #F7F7F7;
    background: -moz-linear-gradient(top,  #F7F7F7 0%, #DBDBDB 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F7F7F7), color-stop(100%,#DBDBDB));
    background: -webkit-linear-gradient(top,  #F7F7F7 0%,#DBDBDB 100%);
    background: -o-linear-gradient(top,  #F7F7F7 0%,#DBDBDB 100%);
    background: -ms-linear-gradient(top,  #F7F7F7 0%,#DBDBDB 100%);
    background: linear-gradient(top,  #F7F7F7 0%,#DBDBDB 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F7F7F7', endColorstr='#DBDBDB',GradientType=0 );   
    margin-bottom: -2px;
    min-height: 38px;
    position: relative;
    line-height: 37px;
    margin: 0;
    padding: 0 10px 0 10px;
    border-bottom: 1px solid #9BA6AB;
}

.block .buttons {
    background: url("images/block-buttons-bg.png") repeat-x scroll left bottom transparent;
    border-radius: 0 0 3px 3px;
    height: 38px;
    margin: 0 -10px -10px;
    overflow: hidden;
}

.block .form .buttons {
    margin: 0 -10px -10px;
}

.input-comment {
    display: block;
    width: 100%;
    padding-top: 3px;
    text-align: right; 
    color: #666; 
    font-style: italic;
    font-size: 10px;
}

.input-comment.txtleft {
    text-align: left;
    padding-left: 5px;
}

.block .buttons span.right {    
    float: right;
    margin-right: 20px;
    margin-top: 7px;
}

.block .form-table {
    width: 100%;
}

.block .form-table td {
    padding: 5px 0;
}

.block .form-table td label {
    color: #666666 !important;
    font-size: 11px;
    font-weight: 700;
    text-shadow: 0 1px 0 #FFFFFF;    
}

.block .form-table td input[type=text] {
    border-color: #AAAAAA #CCCCCC #CCCCCC #AAAAAA;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
    line-height: 1.5em;
    padding: 3px;
    color : #777;
}

.block .form-table td input[type=text]:hover {
    border-color: #A3A3A3;
}

.block .form-table td input[type=text]:focus {
    border-color: #666666;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 4px rgba(0, 0, 0, 0.3);
}

.block .form-table td input[type=text].select2-input {
    border: 0;
    box-shadow: none;
    height: 18px;    
}

.block .tablelike {
    display: table;
    width: 100%;
}

.block .tablelike p {
    display: table-row;
    height: 35px;
}

.block .tablelike p > * {
    display: table-cell;
    float: none;
    margin: 0;
}

.block .tablelike p > *:first-child {
    width: 25%;   
}

.block .tablelike p label {
    padding-right: 1em !important;
}

.block .tablelike .input-comment {
    margin-bottom: 10px;
}

.select2-container-multi .select2-choices {
    border-radius: 3px;
}

.select2-drop {
    margin-top: -2px !important;
}

/* ========================= BREADCRUMB ============================ */

#breadcrumb {
    background: #c7c7c6;
    background: -moz-linear-gradient(top,  #c7c7c6 0%, #fafafa 5%, #e2e2e2 98%, #f7f7f7 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c7c7c6), color-stop(5%,#fafafa), color-stop(98%,#e2e2e2), color-stop(100%,#f7f7f7));
    background: -webkit-linear-gradient(top,  #c7c7c6 0%,#fafafa 5%,#e2e2e2 98%,#f7f7f7 100%);
    background: -o-linear-gradient(top,  #c7c7c6 0%,#fafafa 5%,#e2e2e2 98%,#f7f7f7 100%);
    background: -ms-linear-gradient(top,  #c7c7c6 0%,#fafafa 5%,#e2e2e2 98%,#f7f7f7 100%);
    background: linear-gradient(top,  #c7c7c6 0%,#fafafa 5%,#e2e2e2 98%,#f7f7f7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c7c7c6', endColorstr='#f7f7f7',GradientType=0 );
    box-shadow: -5px 0 10px -2px #333;
    padding: 0;
    height: 40px;
    position: relative;
    z-index: 20;
    line-height: 40px;
    font-size: 11px;
}

#breadcrumb li {
    float: left;
    list-style-type: none;
    padding-left: 10px;
    color: #515151;
    text-shadow: 0 1px 1px #FFF;
}

#breadcrumb a {
    background: url("images/bc-seperator.png") no-repeat scroll right top transparent;
    display: block;
    height: 40px;
    padding-right: 20px;
    text-decoration: none;
    color: #515151;
}

#breadcrumb a:hover {
    color: #000; 
    text-shadow: 0 0 5px #FFF;
}

#bc-home {
    background-image: url("images/home-hover.png");
    background-position: 0 5px;
    display: block;
    height: 32px;
    width: 32px;
}

/* ========================= FORM ============================ */

.form {
    padding: 10px;
}

.form p.inline, .form p.inline-medium, .form p.inline-small {
    padding-right: 10px;
    margin-bottom: 10px;
}

.form p.inline:last-child {
    margin-bottom: 0;
}

.form p.inline {
    padding-left: 100px;
}

.form p.inline-large {
    padding-left: 200px;
}

.form fieldset {
    border-top: 1px solid #CCC;
    margin-top: 2em;
    padding: 1.5em 0 10px 0;
}

.form fieldset:first-child {
    margin-top: 0;
}

.form fieldset p.inline, .form fieldset p.inline-medium, .form fieldset p.inline-small {
    padding-right: 0;
}
.form fieldset legend {
    color: #CCC;
    text-transform: uppercase;
    font-size: 13px;
    font-style: italic;
    font-weight: bold;
    line-height: 16px;
    padding-right: 10px;
}
label {
    color: #666666 !important;
    font-size: 11px;
    font-weight: 700;
    text-shadow: 0 1px 0 #FFFFFF;
    margin-bottom: 5px;
    display: block;
    float: left;
    padding-bottom: 4px;
}

.form p.inline label {
    margin-left: -100px;
    padding: 7px 0 0 4px;
}

.form p.inline-large label {
    margin-left: -200px;
    padding: 7px 0 0 4px;
}

.form label.checkbox {
    float:none;
    display: inline;
}

input[type="text"], input[type="password"], textarea {
    border-color: #AAAAAA #CCCCCC #CCCCCC #AAAAAA;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
    padding: 5px 3px;
    color : #3C3C3C;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

input[type="text"]:hover, input[type="password"]:hover, textarea:hover {
    border-color: #A3A3A3;
}

input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
    border-color: #666666;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 4px rgba(0, 0, 0, 0.3);
}

input.error, textarea.error {
    border: 1px solid #F00;
}

.form .button {
    box-shadow: 0 0 2px #000;
}

span.error {
    color: #F00;
    padding-top: 4px;
    display:block;
}

div.error {
    color: #F00;
    display:block;
}

/* ========================= TABLE ============================ */

.dataTable {
    clear: both;
    margin: 0 auto;
    width: 100%;
}

.dataTables_wrapper {
    clear: both;
    border-top: 0;
    position: relative;
    margin-bottom: 35px;
}
.dataTables_length {
    background: url("images/tables/table-head-bg.png") repeat-x scroll left top #DDDDDD;
    border-bottom: 1px solid #949494;
    float: left;
    line-height: 35px;
    width: 50%;
    height: 35px;
}
.dataTables_processing {
    position: absolute;
    width: 150px;
    padding: 5px 10px;
    margin-left: -75px;
    left: 50%;
    top: 50%;
    color: #FFF;
    background: rgba(0,0,0,.6);
    border-radius: 5px;
    text-shadow: 1px 1px rgba(0,0,0,.8);
    text-align: center;
}
.dataTables_length select {
    width: auto;
}
.dataTables_length label{
    margin-left: 0;
    padding-left: 10px;
    text-shadow: 0 1px 0 #FFFFFF;
}
.dataTables_filter {
    background: url("images/tables/table-head-bg.png") repeat-x scroll left top #DDDDDD;
    border-bottom: 1px solid #949494;
    float: right;
    height: 19px;
    line-height: 35px;
    height: 35px;
    text-align: right;
    width: 50%;
}
.dataTables_filter label {
    margin-right: 10px;
    text-shadow: 0 1px 0 #FFFFFF;
    float: none;
}
.dataTables_filter input {
    margin-left: 5px;
    width: 150px;
    border-width: 1px;
    border-style: solid;
    border-color: #AAAAAA #CCCCCC #CCCCCC #AAAAAA;
    border-radius: 3px;
    padding: 2px;
}

.dataTables_info, .dataTables_paginate {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.dataTables_info {
    background: rgba(0,0,0,.3);
    float: left;
    height: 35px;
    line-height: 35px;
    padding-left: 2%;
    width: 50%;
    color: #CCC;
    text-shadow: 0 1px 1px #000;
    font-size: 10px;
}
.dataTables_paginate {
    float: right;
    width: 50%;
    text-align: right;
    background: rgba(0,0,0,.3);
    line-height: 35px;
    height: 35px;
    padding-right: 18px;
    font-size: 10px;
}
.dataTable thead {
    background: url("images/tables/table-head-bg.png") repeat-x scroll left top #DDDDDD;
    border-bottom: 1px solid #BCBCBC;
    border-top: 1px solid #FFFFFF;
}
.dataTable thead th:first-child {
    border-left: medium none;
}
.dataTable thead th:last-child {
    border-right: 0 none;
}
.dataTable thead th {
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #C3C3C3;
    cursor: pointer;
    padding: 8px 13px;
    text-align: left;
    vertical-align: middle;
}
.dataTable tbody th, .dataTable tbody td, .dataTable tfoot th, .dataTable tfoot td {
    border-left: 1px dotted #BEBEBE;
    padding: 7px;
    text-align: left;
    vertical-align: top;
}
.dataTable tbody td {
    background: none repeat scroll 0 0 #F2F2F2;
}
.dataTable tbody th:first-child, .dataTable tbody .th:first-child, .dataTable tbody td:first-child, .dataTable tfoot th:first-child, .dataTable tfoot td:first-child {
    border-left: none;
}

.dataTable th:nth-child(1), .dataTable td:nth-child(1) {
    border-right: none;
}

.dataTable th:nth-child(2), .dataTable td:nth-child(2) {
    border-left: none;
}

.dataTable td a {
    visibility: hidden;
    padding: 3px;
}

.dataTable tr:hover td a {
    visibility: visible;
    opacity: .6;
    z-index: 3;
}

.dataTable tr:hover td a:hover {
    opacity: 1;
}

.dataTable tbody tr.even td {
    background: none repeat scroll 0 0 #E6E6E6;
}
.dataTable tbody tr:hover th, .dataTable tbody tr:hover .th, .dataTable tbody tr:hover td {
    background: none repeat scroll 0 0 #D8DCE6;
}

.dataTable tbody tr.selected td {
    background: #5D7694;
    color: #FFF;
}

.dataTable tbody td a{
    text-decoration: none;
    color: #000;
}
.paginate_button, .paginate_active {
    background-color: #EBEBEB;
    border-color: #FFFFFF #B5B5B5 #B5B5B5 #FFFFFF;
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
    margin: 0;
    padding: 2px 8px;
}
.paginate_button_disabled {
    cursor: default;
    color: #9F9F9F;
    text-shadow: 0 1px 0 #FFFFFF;
}
.paginate_active {
    background-color: #5D7694;
    border-color: #31537B;
}
.first {
    border-radius: 3px 0 0 3px;
}
.last {
    border-radius: 0 3px 3px 0;
}
.sorting_asc {
    background: url("images/tables/arrow-asc.png") no-repeat scroll right center transparent;
}
.sorting_desc {
    background: url("images/tables/arrow-desc.png") no-repeat scroll right center transparent;
}
.sorting {
    background: url("images/tables/arrow-both.png") no-repeat scroll right center transparent;
}
.sorting_asc_disabled {
    background: none repeat scroll 0 50% transparent;
}
.sorting_desc_disabled {
    background: none repeat scroll 0 50% transparent;
}

.dataTable tr.unread td {
    font-weight: bold;
}

.dataTable tr.past td {
    color: #999;
}

/* ========================= SIDEBAR LINKS ============================ */

#sidebar a {
    display: block;
    text-align: left;
    padding-left: 34px;
    text-decoration: none;
    font-size: 14px;
    color: #383838;
    line-height: 40px;
    background: #F7F7F7;
    background: -moz-linear-gradient(top,  #F7F7F7 0%, #DBDBDB 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F7F7F7), color-stop(100%,#DBDBDB));
    background: -webkit-linear-gradient(top,  #F7F7F7 0%,#DBDBDB 100%);
    background: -o-linear-gradient(top,  #F7F7F7 0%,#DBDBDB 100%);
    background: -ms-linear-gradient(top,  #F7F7F7 0%,#DBDBDB 100%);
    background: linear-gradient(top,  #F7F7F7 0%,#DBDBDB 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F7F7F7', endColorstr='#DBDBDB',GradientType=0 );    
    border-bottom: 1px solid #A8A8A8;
    text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.3);
}

#sidebar a.selected{
    color: #FFF;
    background: rgba(33, 40, 44, 0.698);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);    
}

#sidebar a:hover{
    color: #FFF;
    background: #C2D1DD;
    background: -moz-linear-gradient(top,  #C2D1DD 0%, #496480 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#C2D1DD), color-stop(100%,#496480));
    background: -webkit-linear-gradient(top,  #C2D1DD 0%,#496480 100%);
    background: -o-linear-gradient(top,  #C2D1DD 0%,#496480 100%);
    background: -ms-linear-gradient(top,  #C2D1DD 0%,#496480 100%);
    background: linear-gradient(top,  #C2D1DD 0%,#496480 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#C2D1DD', endColorstr='#496480',GradientType=0 );        
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.05);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); 
}

#sidebar a span {
    position: absolute;
    left: 10px;
}

/* ========================= OVERVIEW LIST ============================ */

ul.overview-list {
    list-style: none outside none;
    padding: 0;
}
ul.overview-list li {
    border-top: 1px dotted #A5A5A5;
    padding: 5px 0;
    color : #6B6B6B
}
ul.overview-list li:first-child {
    border-top: 0 none;
}
ul.overview-list li:hover {
    background-color: #EDEDED;
}
ul.overview-list li a {
    display: block;
}
ul.overview-list li a:hover {
    text-decoration: none;
}
ul.overview-list li span {
    display: inline-block;
    font-size: 22px;
    font-weight: 700;
    margin-right: 5px;
    text-align: right;
    width: 90px;
}

/* ========================= TOOLTIPS ============================ */

.tipsy { padding: 5px; font-size: 10px; position: absolute; z-index: 100000; }
.tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
.tipsy-inner { border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
.tipsy-arrow { position: absolute; background: url('../images/tipsy.gif') no-repeat top left; width: 9px; height: 5px; }
.tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -4px; }
.tipsy-nw .tipsy-arrow { top: 0; left: 10px; }
.tipsy-ne .tipsy-arrow { top: 0; right: 10px; }
.tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -4px; background-position: bottom left; }
.tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; background-position: bottom left; }
.tipsy-se .tipsy-arrow { bottom: 0; right: 10px; background-position: bottom left; }
.tipsy-e .tipsy-arrow { top: 50%; margin-top: -4px; right: 0; width: 5px; height: 9px; background-position: top right; }
.tipsy-w .tipsy-arrow { top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px; }



/* ========================= NESTABLE TREE ============================ */

.dd { position: relative; display: block; margin: 0; padding: 0; max-width: 600px; list-style: none; font-size: 13px; line-height: 20px; }

.dd-list { display: block; position: relative; margin: 0; padding: 0; list-style: none; }
.dd-list .dd-list { padding-left: 22px; }
.dd-collapsed .dd-list { display: none; }

.dd-item,
.dd-empty,
.dd-placeholder { display: block; position: relative; margin: 0; padding: 0; min-height: 20px; font-size: 13px; line-height: 20px; }

.dd-handle { display: block; height: 30px; margin: 5px 0; padding: 5px 10px; color: #333; text-decoration: none; font-weight: bold; border: 1px solid #ccc;
             background: #fafafa;
             background: -webkit-linear-gradient(top, #fafafa 0%, #eee 100%);
             background:    -moz-linear-gradient(top, #fafafa 0%, #eee 100%);
             background:         linear-gradient(top, #fafafa 0%, #eee 100%);
             -webkit-border-radius: 3px;
             border-radius: 3px;
             box-sizing: border-box; -moz-box-sizing: border-box;
}
.dd-handle:hover { color: #2ea8e5; background: #fff; }

.dd-item > button { display: block; position: relative; cursor: pointer; float: left; width: 25px; height: 20px; margin: 5px 0; padding: 0; text-indent: 120%; white-space: nowrap; overflow: hidden; border: 0; background: transparent; font-size: 12px; line-height: 1; text-align: center; font-weight: bold; }
.dd-item > button:before { content: '+'; display: block; position: absolute; width: 100%; text-align: center; text-indent: 0; }
.dd-item > button[data-action="collapse"]:before { content: '-'; }

.dd-placeholder,
.dd-empty { margin: 5px 0; padding: 0; min-height: 30px; background: #f2fbff; border: 1px dashed #b6bcbf; box-sizing: border-box; -moz-box-sizing: border-box; }
.dd-empty { border: 1px dashed #bbb; min-height: 100px; background-color: #e5e5e5;
            background-image: -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff), 
                -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
            background-image:    -moz-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff), 
                -moz-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
            background-image:         linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff), 
                linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
            background-size: 60px 60px;
            background-position: 0 0, 30px 30px;
}

.dd-dragel { position: absolute; pointer-events: none; z-index: 9999; }
.dd-dragel > .dd-item .dd-handle { margin-top: 0; }
.dd-dragel .dd-handle {
    -webkit-box-shadow: 2px 4px 6px 0 rgba(0,0,0,.1);
    box-shadow: 2px 4px 6px 0 rgba(0,0,0,.1);
}

.dd3-content { display: block; 
               height: 30px; margin: 5px 0; cursor: pointer; padding: 5px 10px 5px 30px; color: #333; text-decoration: none; font-weight: normal; border: 1px solid #ccc;
               background: #fafafa;
               background: -webkit-linear-gradient(top, #fafafa 0%, #eee 100%);
               background:    -moz-linear-gradient(top, #fafafa 0%, #eee 100%);
               background:         linear-gradient(top, #fafafa 0%, #eee 100%);
               -webkit-border-radius: 3px;
               border-radius: 3px;
               box-sizing: border-box; -moz-box-sizing: border-box;
               z-index: 5;
}

.dd3-menu {
    /* padding: 5px 10px 5px 20px; */
}

.dd3-item .dd3-content.dd-selected {
    background: #fafafa;
    background: -webkit-linear-gradient(top, #fafafa 0%, #ccc 100%);
    background:    -moz-linear-gradient(top, #fafafa 0%, #ccc 100%);
    background:         linear-gradient(top, #fafafa 0%, #ccc 100%);
    -webkit-border-radius: 3px;
    border-radius: 3px;
    cursor: default;
    font-weight: bold;
}

.dd3-content:hover { background: #fff; }


.dd3-content span {
    display: block;
    float: left;
    height: 18px;
    width: 70%;
    overflow: hidden;
}

.dd-dragel > .dd3-item > .dd3-content { margin: 0; }

.dd3-item > button { margin-left: 20px; }

.dd3-handle { position: absolute; margin: 0; left: 0; top: 0; cursor: move; width: 20px; text-indent: 100%; white-space: nowrap; overflow: hidden;
              border: 1px solid #aaa;
              background: #ddd;
              background: -webkit-linear-gradient(top, #ddd 0%, #bbb 100%);
              background:    -moz-linear-gradient(top, #ddd 0%, #bbb 100%);
              background:         linear-gradient(top, #ddd 0%, #bbb 100%);
              border-top-right-radius: 0;
              border-bottom-right-radius: 0;
}
.dd3-handle:before { content: '≡'; display: block; position: absolute; left: 0; top: 3px; width: 100%; text-align: center; text-indent: 0; color: #fff; font-size: 14px; font-weight: normal; }
.dd3-handle:hover { background: #ddd; }

/** Nestable Draggable Handles */

.dd2-content { display: block; height: 30px; margin: 5px 0; padding: 5px 10px 5px 40px; color: #333; text-decoration: none; font-weight: bold; border: 1px solid #ccc;
               background: #fafafa;
               background: -webkit-linear-gradient(top, #fafafa 0%, #eee 100%);
               background:    -moz-linear-gradient(top, #fafafa 0%, #eee 100%);
               background:         linear-gradient(top, #fafafa 0%, #eee 100%);
               -webkit-border-radius: 3px;
               border-radius: 3px;
               box-sizing: border-box; -moz-box-sizing: border-box;
}
.dd2-content:hover { color: #2ea8e5; background: #fff; }

.dd-dragel > .dd2-item > .dd2-content { margin: 0; }

.dd2-item > button { margin-left: 30px; }

.dd2-handle { position: absolute; margin: 0; left: 0; top: 0; cursor: pointer; width: 30px; text-indent: 100%; white-space: nowrap; overflow: hidden;
              border: 1px solid #aaa;
              background: #ddd;
              background: -webkit-linear-gradient(top, #ddd 0%, #bbb 100%);
              background:    -moz-linear-gradient(top, #ddd 0%, #bbb 100%);
              background:         linear-gradient(top, #ddd 0%, #bbb 100%);
              border-top-right-radius: 0;
              border-bottom-right-radius: 0;
}
.dd2-handle:before { content: '≡'; display: block; position: absolute; left: 0; top: 3px; width: 100%; text-align: center; text-indent: 0; color: #fff; font-size: 20px; font-weight: normal; }
.dd2-handle:hover { background: #ddd; }

.left {
    float: left;    
    z-index: 10;
}

.right {
    float: right;    
    z-index: 10;
}

.dd-content .right a { opacity: .3; }

.dd-content .right a:hover {
    opacity: 1;

}

.tab-content {
    display: none;
}

#tab-1 {
    display: block;
}

::-webkit-input-placeholder { color:#BBB !important }
::-moz-placeholder { color:#BBB !important } /* firefox 19+ */
input:-moz-placeholder { color:#BBB !important }