#dashcontainer {

}

#dashboard {
    position: relative;
    bottom: 0px;
    top:0px;

    background-color: transparent;
}
#dashboardheader{
    position: relative;
    left: 0px;
    top:0px;
    height: 64px;

    background-color: white;
    border-style: solid;
    border-width:1px;
    border-radius: 5px;
    border-color: darkgray;
}

#tabs-view{
    background-color: white;
    padding-bottom: 5px;
}

#tabs-schema{
    background-color: white;
    margin:5px;
    font-size:.8em;
}
.dashboardcontent{
    position: relative;
    left: 0px;
    top:0px;
    padding:0px;

    min-height: 30px;
    overflow-y:auto;
    overflow-x:hidden;


    border-bottom-width: 4px;
    border-color: transparent;
    background-color: white;
    background: white;
    border-style: solid;
    border-width:1px;
    border-radius: 5px;
    border-color: darkgray;
}

.autoupdateelements{
}

.droplistframe{
    position:absolute;
    background-color: white;
    margin:10px;
    min-width:100px;
    max-width:500px;
    overflow-y:auto;
    max-height:150px;
    min-height:24px;
    z-index: 5000;
    padding: 5px;
    box-shadow: 0px 4px 5px gray,
    -5px 4px 7px gray, 5px 4px 7px gray;
    border-style: solid;
    border-width:1px;
    border-radius: 3px;
    border-color: darkgray;
    overflow-x:hidden;
}
.droplistitem{
    position:relative;
    height:24px;
    background-color: white;
    display:block;
    width:260px;
    border-style: solid;
    border-width:0px;
    border-radius: 1px;
    border-color: darkgray;
    overflow: hidden;
    line-height:24px;
}
.droplistarrow{
    position:relative;
    display:inline-block;
    width:24px;
    height:100%;
    float:right;
    padding-right:10px;
    background-color: white;
}
.droplisttext{
    position:relative;
    display:inline-block;
    background-color: transparent;
    line-height:16px;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    padding-left:3px;
}

.dashitemdropdown{
    display:inline-block;
    width:400px;
    text-indent:5px;
    border-radius: 4px;
    overflow: visible;
    border-width: 1px;
    border-color:lightgrey;
    padding:4px;
    color: #2e2e2e;
}

.dashinputitem{
    width:69%;
    border-radius: 4px;
    padding-left:4px;
    border-color:#e5e5e5;
    font-weight:300;
    overflow-x: hidden;
    wrap:"virtual";
}

.dashinputitem:hover {
    background-color: #FCF5D2;
}

.dashitemdropdownbutton{
    display:inline-block;
    width:30px;
    height:30px;
    border-radius: 4px;
    overflow: visible;
    border-width: 1px;
}
.dashitemtiny{
    display:block;
    float:right;
    font-size:xx-small;
    width:270px;
    text-indent:3px;
    border-radius: 4px;
    overflow: visible;
    color: #202020;
}


.divider{
    font-size:1em;
    color:red;
    margin-left:0px;
}

.dashitemheadertitle{
    font-size:1em;
    font-family: System Installed Font Name, 'Imported Font Name', Fallback Font;
    display:inline-block;
    color: #2e2e2e;
    vertical-align: top;
    left:5px;
}

.dashitemtitle{
    font-size:1em;
    font-family: System Installed Font Name, 'Imported Font Name', Fallback Font;
    display:inline-block;
    color: #2e2e2e;
    vertical-align: top;
    left:5px;
    width:30%;
}

.dashitemline{
    font-size:1em;
    font-family: System Installed Font Name, 'Imported Font Name', Fallback Font;
    display:block;
    line-height:30px;
    margin-left:6px;
    margin-bottom:4px;
}

.dashitemhalfline{
    font-size:1em;
    font-family: System Installed Font Name, 'Imported Font Name', Fallback Font;
    display:inline-block;
    line-height:30px;
    margin-left:6px;
    margin-bottom:4px;
    width:49%;
    vertical-align: top;
}
.dashitemhalfline:hover {
    background-color: #eeeeee;
}
.tablecell{
    position:relative;
    line-height:24px;
    height:24px;
}
.tablerow{
    position:relative;
    display:inline-block;
    line-height:24px;
    height:24px;
    margin-left:15px;
}
.keywords {

    font-size: .9em;
    margin-bottom: 15px;
}
.keywords thead {
    cursor: pointer;
    background: #c9dff0;
}
.keywords thead tr th {
    font-weight: bold;
    padding: 12px 30px;
    padding-left: 42px;
}
.keywords thead tr th span {
    padding-right: 20px;
    background-repeat: no-repeat;
    background-position: 100% 100%;
}
.keywords thead tr th.headerSortUp, .keywords thead tr th.headerSortDown {
    background: #acc8dd;
}

.keywords thead tr th.headerSortUp span {
    background-image: url('http://i.imgur.com/SP99ZPJ.png');
}
.keywords thead tr th.headerSortDown span {
    background-image: url('http://i.imgur.com/RkA9MBo.png');
}
.keywords tbody tr {
    color: #555;
}
.keywords tbody tr td {
    text-align: center;
    padding: 2px 1px;
}
.keywords tbody tr td.lalign {
    text-align: left;
}
::selection { background: #5f74a0; color: #fff; }
::-moz-selection { background: #5f74a0; color: #fff; }
::-webkit-selection { background: #5f74a0; color: #fff; }

.namesection{
    margin-bottom:0px;
    text-indent: 5px;
}
.namecircle{
    display:inline-block;
    width:50px;
    height:50px;
    left:20px;
    background-color:lightgreen;
    position:relative;
    border-style: solid;
    border-width:0px;
    border-radius: 25px;

}
.nametitle{

    display:inline-block;
    position:relative;
    width:100%;
}

.dialogbutton{
    background: lightgray;
    border-radius: 3px;
    height: 2.5em;
    position: relative;
    display: table-cell;
    vertical-align: middle;
    border-width: 1px;
}

.dialogbutton:hover {
    background-color: #B3BABF;
}

.dashreadonly{
    background-color: transparent;
}

.dashreadwrite{
    background-color:whitesmoke;
}

.ui-widget-header{
    border: 1px solid #c0c0c0;
    background: #4d94ff 50% 50% repeat-x;
    color: #ffffff;
    font-weight: bold;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border:0px;
}


ui-tabs .ui-tabs-nav li {
    margin: 0px 0px 0px 0px;
    padding:0px;
}

ui-tabs .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: -1px;
    padding-bottom: 2px;
}
.ui-state-focus:focus { outline:1px dotted red !important }

ui-tabs .ui-tabs-nav {
    margin: 0;
    padding:0px;
}

.ui-tabs-anchor {
    padding:.5em .5em;
}
.ui-tabs .ui-tabs-panel{
    padding:0em 0em;
    padding-top:3px;
    margin: 0.5em .3em 0em 0em;
    margin-top:5px;
}

.ui-widget {
    font-size:1em;
}

.ui-widget-content {
    background-color:white;
}