/* 
    Document   : custom
    Created on : May 12, 2016, 11:51:27 AM
    Author     : vinita
    Description:
        Purpose of the stylesheet follows.
*/

root { 
    display: block;
}

.gridtable {
    max-width: 100%;
  
}

#imenu{
    width: 60px;
}

#BumblebeeLoginForm p {
    text-align: left;
    margin-left: 2px;
}

#BumblebeeLoginForm table{
    
    width: auto;
    margin-left: 2px;
    border: none;
    
}

#bumblebeefooter p {
    
    margin-left: 2px;
}

header h1 {
    
    color: white;
}

.boxheaderleft {
    padding: 4px 0 0 0;
    padding-bottom: 0px;
    margin: 0;
    
}

.contenttable table {
    
    border-collapse: collapse;
}

td.boxheader {
    
    border-right: none;
}

#content h1 {
        margin: 0 30px;
}

#bumblebeecontent h2, #bumblebeeform h3 {
        margin: 8px 0;
}

#content tr.tableHeader A:link {
    
    color: white;
}

#content tr.tableHeader A:visited {
    
    color: white;
}

#content tr.tableHeader th {
    
    color: white;
}


#content p {
    
    max-width: none;
}

#content ul {
    max-width: none;
}


.uomcontent [role="main"] table tr td.spacer  {
    
    padding: 0px;
}

.uomcontent [role="main"] table tr td.internalrightmenuedge  {
    
    padding: 0px;
}

.uomcontent [role="main"] table tr td#imenu {
    
    padding: 0px;
}

.uomcontent [role="main"] table tr td#contenttablecell {
    
    padding: 0px;
}

.uomcontent [role="main"] table tr td.vacancy {
    
    border: 1px solid green;
}

.uomcontent [role="main"] table tr td.booking {
    
    border: 1px solid red;
}

.uomcontent [role="main"] table tr td:first-child {
    
    border: none;
}

.uomcontent [role="main"] table tr td {
    
    border: none;
    padding: 6px;
}


.uomcontent [role="main"] table.tabularobject{
    border: 1px solid black;
    width: auto;
    margin: 0 10px 0 5px;
    padding-right: 5px;
    
}

.uomcontent [role="main"] table.selectlist{
    border: 1px solid black;
    width: auto;
    margin: 0 3em 0 3em;
    
}

 .uomcontent [role="main"] table.calendar{
   width: 100%;
   
}

 .uomcontent [role="main"] table.calender{
   width: 450px;
   
   /*border-bottom-style: dashed;*/
}

.uomcontent [role="main"] table.calender select{
   
    background-color: white;
    color: black;
}

.uomcontent [role="main"] table.calender select:active{
   
    color: black;
}

.uomcontent [role="main"] table.calender select option{
   
    color: blue;
}

 .uomcontent [role="main"] table{
    max-width: 100%;
    border: none;
}

.uomcontent select {
    -webkit-appearance:none 
}

.uomcontent select {
    
    width: auto;
}

.uomcontent .styled-select select {
    -moz-appearance: none;
    padding: 0px;
}

[role="main"] form {
    max-width: 100%;
}

div.noteBox
{
/*
    width: 600px;
    display: block;
    position: relative;*/
    padding: 10px;
    margin: 0 0 15px 0;
    border: 2px solid #999;
    background-color: #eee;
    font-size: 0.9em;
/*    color: red;
    font-weight: bold;*/
}

span.strong{
    
    font-weight: bold;
}

#content p.instrumentlocation {
        font-size: 1em;
        margin: 10px 0;
        padding: 0;
}

.uomcontent [role="main"] table.calender tbody tr td {
        vertical-align: middle;
        padding: 0;
}

.uomcontent [role="main"] table.selectlist tbody {
        padding: 10px;
        margin: 5px;
}