﻿.perm_panel {    
    overflow:hidden;
    width:100%;
    height:100%;   
    padding: 4px;
}

.perm_label{
    font-size: 1em;
}

.perm_labelsmall {
    width:60px;
}

.perm_textbox{
    width:100px;
    margin-right:5px;
}

.perm_dropdown{
    width:150px;
    margin-right:5px;
}

.perm_checkbox {
    width:40px;
}

.perm_infolabel 
{
    color:#1a70c7;
    font-size: 1em;
    font-weight: bold;
}

.perm_infolabel_available 
{
    color:#1a70c7;
    font-size: 1em;
    font-weight: bold;
    margin-left: 5px;
}

.perm_div{
    padding:10px;
    margin:5px;
    width: 100%;
}

.perm_fieldset { 
    width:100%;
    padding:5px;        
}

.perm_readingform input {
    width: 100%;
}

.perm_readingform select {
    width: 100%;
}

.perm_readingsdiv {
    height: 100px; 
    border: 1px solid; 
    padding: 4px; 
    margin-top: 4px;  
    overflow: auto; 
}

.perm_readingsdiv td
{
    font-size: 0.8em;
}

.perm_table {
    border-collapse: collapse;
    width: 100%;
}

.perm_table td {
   font-size: 0.8em;
}

.perm_table input {
   font-size: 1em;
}

.perm_table select {
   font-size: 1em;
}

.perm_table .labeltd {
   border: 1px solid #DDDDDD; 
   background-color: #f0f2f5;
   text-align: left;
   padding: 4px;
   width: 25%;
}

.perm_table .inputtd {
   border: 1px solid #DDDDDD;  
   text-align: left;
   padding: 4px;
   width: 75%;
}

.perm_table .inputtd input {
  width: 99%;
}

.perm_table .inputtdnopadding {
   border: 1px solid #DDDDDD;  
   text-align: left; 
   width: 75%;
}

.perm_table .inputtdnopadding input {
    width: 100%;
}

.selectedLocation {
    font-weight: bold;
}

.standardbtn {
    height:40px;
    width:150px;
}

.perm_row{
    background-color: #d5fbd1;
    border-bottom: 1px solid lightgrey;
}

.perm_row_available{
    background-color: #f8e0de;
    border-bottom: 1px solid lightgrey;
}

.perm_cell
{ 
     border:1px solid #DDDDDD;  
}

.perm_cellAlt{   
     border:1px solid #DDDDDD;
     background-color: #f0f2f5;      
}

.perm_tabButton_selected
{ 
    border-left:1px solid #3289E1;  
    border-top:1px solid #3289E1; 
    border-right:1px solid #3289E1; 
    background-color: #3289E1; 
    color: #fff;
    padding: 5px;
    font-weight: bold;
    height: 30px;
    width: 100px;
    font-size:13px;
    cursor: pointer;
    display:inline-block;
}

.perm_tabButton_unselected
{ 
    border-left:1px solid #3289E1;  
    border-top:1px solid #3289E1; 
    border-right:1px solid #3289E1; 
    background-color: #d2ebf8; 
    color: #adabab;
    padding: 5px;
    font-weight: bold;
    height: 30px;
    width: 100px;
    cursor: pointer;
    font-size:13px;
    display:inline-block;
}

.perm_selection_border
{
    border:1px solid #3289E1;
    width: 100%;
}