body
{   background-color:  #729696;
    margin:0px;
    font-size: 12px;
    font-family: 'Open Sans';
    overflow:hidden;
}

h1, h2, h3, h4
{   color:white;    
}

ul
{   padding: 0;
    margin:0;
    list-style-type: none;
}
ul li
{   list-style: none;
    border-bottom: 1px solid #aaa;
    border-top: 1px solid #fff;
    padding:2px 12px;
}
ul.sortable li
{   cursor:pointer; 
    padding:5px 0px;
}

input, textarea
{   border: none;
    padding: 4px;
    color: #555;
    font-family: 'Open Sans';    
}
select
{   border: none;
    padding: 3px 20px 3px 3px; 
    -webkit-appearance: none; 
    -moz-appearance: none;
    appearance: none; 
    color:#555;
    background: #fff url("../images/select_48.png") no-repeat;
    background-position: right 6px top -1px;
    background-size: 10px 20px
}

select::-ms-expand 
{   display: none;
}  
select option
{   color: #555; 
    padding: 5px;
}
select::selection, select::-moz-selection
{   color: #555; 
}
textarea
{	resize:none;
	
}
span#info_popup
{	background-color:white;
	position:absolute;
	display:none;
	border:1px solid #909090;
	border-radius:3px;
	padding: 4px 10px;
}

button
{   padding:4px 20px;
    background-color: #d1d6d5;
    border-radius: 4px;
    color: #445;
}

div.top-spacing
{   margin-top:6px;
    padding: 2px;
    
}

input.wider
{   width: 210px;    
}
input.narrower
{   width:60px;   
}
.inline
{	display:inline-block!important;
	width:auto;
}
label.inline
{	margin-right:20px;
	
}

input[type=file]
{	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;	
}
div.relative
{   position:relative;    
}
.custom-file-upload, .grey-button 
{
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #aaa;
    border-right: 1px solid #aaa;
    display: inline-block;
    padding: 12px 12px;
    margin-right:20px;
    border-radius:4px;
    background-color: #c3c3c3;
    cursor: pointer;
    text-align:center;
    color:#444;	
}
.custom-file-upload:hover, .grey-button:hover 
{   background-color: #bbb;	
}
.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Opera and Firefox */
}
/* ********** page defaults *********** */
.page-heading
{   display:none;
    color:white;
    padding-right: 20px;
    font-size:22px; 
    float:none;
    padding-bottom:10px;
    text-align:right;
}

div.device-header
{   background-color:#628686;
    height: 38px;
    padding: 2px 4px;
    border-bottom: 1px solid #666;
    background-image: url("../images/medium_scroll.png");
    background-repeat: no-repeat;
    background-position: 46px 5px;
    background-size: 45px 32px;
}

div.device-page-heading
{   display:block;
    font-size:18px; 
    margin-left: 46px;
    margin-top:7px;
    float:left;
    height: 22px
}

div.waiting-cell
{   cursor: default;
	min-height:20px;
	min-width:12px;
    background: url("../images/waiting.gif") no-repeat 20px 4px; /* http://loading.io/ size:16px count:9 width:7 height:40 radius:6 offset:30 */    
}
div.waiting-details
{   cursor: default;
    margin:100px auto;
    height:80px;
    width:80px;
    background: url("../images/waiting-detail-new.gif") no-repeat; 
}

div.page-content
{   background-color: #729696; 
    max-width: 1300px;
    height:100%;
    margin: 0 auto;
    border-left: 1px solid #444;
    border-right: 1px solid #444;
}

label.control input[type=checkbox]
{   margin:0px!important;
    position:absolute;
    top:0px;
    left:0px;
}

div.header-area
{   height:40px;    
    top: 0px;
}

div.table-content
{   padding:none;    
}

div.context-menu
{   position:absolute; 
    border:1px solid #aaaaaa;
    background: #ffffff url("../images/menu-bg.png") ;
    background-size: 100% 100%;
    color: #606060!important;
    font-weight: normal;
    padding: 0px;
    line-height: 30px;
    display:none;
}

div.context-menu li
{   cursor: pointer;
}
div.context-menu li:hover
{   text-decoration:underline!important;
}
div.main-menu-item div.context-menu
{   margin-left:-40px;    
}

div.menu-heading
{   border-bottom: 1px solid #aaa;
    background-color: #7f9e9e;
    font-size: 14px;
    color: #fff;
    padding:2px 12px;
    cursor:default;
    text-align:center;
}
div.add-cell
{   float:right;
    background-image: url("../images/add_sprite_48-grey.png")!important;
    width:16px;
    height:16px;
    margin-right:-8px;
    background-size: 16px 32px!important;        
}
div.add-cell:hover
{   background-position: 0 -16px;    
}

/* ********** General class definitions *********** */
.white
{   color:white;    
}
.hidden
{   display: none!important;
}
.show
{	display:block!important;	
}
.italic
{   font-style:italic;    
}
div.clear
{   clear:both;
    margin:0;
}

.top-border
{   border-top: 1px solid #888;    
}

.subtext
{   font-weight:normal;
    font-style:italic;
    font-size:12px!important;
	color: #818181;
	margin: 4px 10px;
}

.smaller-text
{   font-size:12px!important;  
    line-height:18px;
}

.right
{	float:right;
	margin-right:8px;
}

/* ********** Element class variations *********** */
.mobile-only
{	display:block;
}

div.status-bar
{	background-color: #ededed;
	color: #808090;
	font-size:14px;
	padding: 2px 16px;
	border-bottom: 1px solid #777785;
	margin-bottom:-55px;
	position:absolute;
	width:100%;
	display:none;
}
div.status-bar div, div.status-bar label
{	display:inline-block;
	margin-right:20px;
	vertical-align: middle;
}

div.status-bar div.header-edit-value div.edit-value
{	line-height:29px;	
	color:#eeeeee;
	background-color: #a0a0a0;
	padding: 0px 11px;
	margin: 8px 8px;
	border-radius:4px;
}
div.status-bar div.header-edit-value div.inline-save-button
{	position: relative;
	left: -52px;
}

div.status-bar div.field-error
{	border-radius: 4px;
	padding: 4px 16px;
	font-size: 13px;
}
div.grid-line
{	width:1px;
	border-right:1px solid #ececec;
	position:absolute;
}
/* ********** Display structure *********** */
div.results-wrapper
{   display: table;
    height: 100%;
}

div.scroll-container
{   overflow-y:auto;
    overflow-x: hidden;
}

div.results-content
{   margin: 2px 0px 10px 0px;   
}

ul.results-table
{   background-color: #d1d6d5;
    color: #445;
    font-size:13px;
}

div.results-table div.result-list-header
{   background-color:#729696;
    color:white;
    text-align:left;
    font-weight:normal;
    font-size:15px;
    padding: 16px 10px 4px 10px;
}

ul.results-table div
{   padding: 8px;
}

div.right-text
{   width:auto;
    float:right!important;
    margin-right:20px;
    text-align:right;
    padding:0px!important;
}

div.form-container
{   margin: 0px;
    padding: 10px;
    background-color:#59676c;
    color:white;
    text-align:left;
    font-weight:normal;
    border-radius: 4px;
}

/* ********** Buttons *********** */
div.main-menu
{   position:absolute;
    left:0px;
    top:0px;
    width:90px;
    border-right:1px solid #777;
    display:none;
    background-color:#628686;
    z-index:10000;
    height:100vh;
}

div.main-menu-item, div.context-menu-trigger
{   width: 32px;
    background-position: 0px 0px;
    background-size: auto 32px;
    background-repeat: no-repeat;
    height: 32px;
    margin: 16px 28px 0px 28px;
    cursor: pointer;
}

div.main-menu-item#close-device-menu
{   background-image: url("../images/back_64-grey.png");
}
div.main-menu-item#me
{   background-image: url("../images/user_64-grey.png");     
}
div.main-menu-item#reports
{   background-image: url("../images/printer_64-grey.png");       
}
div.main-menu-item#schedule
{   background-image: url("../images/calendar_64-grey_lt.png");       
}
div.main-menu-item#documents
{   background-image: url("../images/documents_64-grey.png");       
}
div.main-menu-item#projects
{   background-image: url("../images/project_64-grey_lt.png");       
}
div.main-menu-item#repertoire
{   background-image: url("../images/notes_64-grey.png");       
}
div.main-menu-item#rostering
{   background-image: url("../images/rostering-64.png");       
}
div.main-menu-item#operations
{   background-image: url("../images/operations_64-grey.png");       
}
div.main-menu-item#travel
{   background-image: url("../images/plane_64-grey.png");       
}
div.main-menu-item#settings
{   background-image: url("../images/cog_64-grey.png");       
}
div.main-menu-item#contacts
{   background-image: url("../images/contacts_64-grey.png");       
}

div#device-menu-button
{   background-image: url("../images/menu_48-white.png");  
    float:left;
    margin: 6px 10px 0px 4px;
    background-size: 18px 24px;
    
}
div#device-search-button
{   background-image: url("../images/search_48-white.png");   
    background-size: 20px 24px;
    float:right;
    margin: 6px 0px 0px 0px;
}
div.main-menu-item div.context-menu 
{   margin-left: 40px;
}
div.main-menu-item div.context-menu div.menu-subtext
{   margin: 8px 12px;
    line-height:17px;    
    max-width: 216px;
    background-color: #EEE;
}

div.row-add
{   float: left;
    background-image: url("../images/searchadd_sprite_48.png");
    background-size: 22px 42px;
    background-position: 0px 0px;
    cursor: pointer;
    width: 22px;
    margin-right: -20px;
    margin-left: 4px;
    height: 21px !important;
    margin-top: -2px;
}

div.row-delete
{   float:left;
    background-image: url("../images/rubbish_sprite_32.png");
    background-size: 11px 32px;
    background-position:0px 0px;
    cursor:pointer;
    width:11px;
    margin-right:6px;
    margin-left: -6px;
    height:16px!important;
}

div.row-add:hover
{   background-position: 0px -21px;        
}
div.row-delete:hover
{   background-position: 0px -16px;
}
div.row-add a, div.row-delete a
{   width:12px;
    height:16px;
    display:block;
    text-decoration: none;
}

div.inline-button
{	margin-right: 12px;
	width: 24px;
	height: 24px;
	cursor: pointer;
	background-size: 24px 48px;
	vertical-align:middle;
	margin-bottom: 4px;
}
div.inline-button:hover, div.infield-button:hover
{	background-position: 0px -24px;	
}

div.infield-button
{	margin: -3px 6px;
	width: 24px;
	height: 24px;
	cursor: pointer;
	background-size: 24px 48px;
	vertical-align:middle;
	float: right;
}
div.inline-tinyleft
{	margin-left: -16px;
	margin-right: 4px;
	width: 12px;
	height: 16px;
	cursor: pointer;
	background-size: 12px 36px;
	vertical-align:middle;
	margin-bottom: 4px;
	display:inline-block
}
div.inline-tinyleft:hover, div.label-button:hover
{	background-position: 0px -18px;	
}
.inline-right
{	float:right;	
	margin-top:10px;
}

div.label-button-edit
{   background: url("../images/edit_sprite_grey-24.png");
}

div.label-button
{   display:inline-block;
    cursor: pointer;
    width: 18px;
    margin-left: 12px;
    height: 18px !important;
    margin-top: 4px;
    background-repeat:  no-repeat;
    background-size: 18px 36px;
    background-position: 0px 0px;    
}
div.headerbar-button
{	float: right;
	margin-right: 20px;
	width: 18px;
	height: 18px;
	cursor: pointer;
	background-size: 18px 36px;
}
div.sortable-button
{   float: right;
    margin-right: 12px;
    width: 18px;
    height: 18px;
    cursor: pointer;
    background-size: 18px 36px;
    position: relative;
    z-index: 100;
}

div.headerbar-button:hover, div.sortable-button:hover, div.detail-heading-edit:hover
{	background-position: 0px -18px;	
}
.headerbar-edit-button
{	background: url("../images/edit_sprite_light-24.png") no-repeat;
}
.headerbar-restore-button
{	background: url("../images/restore_sprite_light-24.png") no-repeat;
}
.headerbar-back-button
{	background: url("../images/back_48_sprite.png") no-repeat;
}
.headerbar-bigback-button
{	background: url("../images/bigback_48_sprite.png") no-repeat;
}
.headerbar-forward-button
{	background: url("../images/forward_48_sprite.png") no-repeat;
}
.headerbar-bigforward-button
{	background: url("../images/bigforward_48_sprite.png") no-repeat;
}
.headerbar-new-button
{	background: url("../images/new_sprite_56.png") no-repeat;
}
div.headerbar-schedule-button
{   background: url("../images/calendar_back_sprite-24.png") no-repeat;
    background-size: 27px 36px;
    width: 27px;	
}
.headerbar-save-button
{	background: url("../images/save_48_sprite.png") no-repeat;
}
.headerbar-delete-button
{	background: url("../images/delete_48_sprite.png") no-repeat;
}
.inline-edit-button, .sortable-edit-button
{	background: url("../images/edit_sprite_grey-24.png") no-repeat;
}
.inline-view-button, .sortable-view-button 
{	background: url("../images/search-sprite.png") no-repeat;
}
.inline-schedule
{	background: url("../images/calendar_64-sprite.png") no-repeat;
}
.inline-print
{	background: url("../images/print-sprite.png") no-repeat;
}
.inline-copy
{   background: url("../images/copy-sprite.png") no-repeat;
}
.inline-paste
{	background: url("../images/paste-sprite.png") no-repeat;
}
.inline-pull
{	background: url("../images/pull_sprite_48-grey.png") no-repeat;
}
.inline-delete-button
{	background: url("../images/rubbish_sprite_grey-48.png") no-repeat;
}
.inline-save-button, div.footer-save-button
{	background: url("../images/save_48_sprite-grey.png") no-repeat;
}
.inline-back-button
{	background: url("../images/back_48_sprite-darkgrey.png") no-repeat;
}
.inline-delete
{	background: url("../images/rubbish_sprite_32.png") no-repeat;
}
div.space
{	width:22px;
	display:inline-block;
}
div.footer-buttons div
{	display:inline-block;
	float:left;
	width: 30px;
	height: 30px;
	margin: 12px;	
	cursor: pointer;
	background-size: 30px 60px;
}
div.footer-buttons div:hover
{	background-position: 0px -30px;		
}
div.button-with-text
{   overflow: visible;
    padding-right: 46px;
    background-position: right 0px top 0px;
    font-size: 18px;
}

/* Generic page items */

div.form-field
{   display:inline-table;   
    min-width:40px;
	min-height:30px;
    font-size:12px;
	margin-top:6px;
}
div.form-field select, div.form-field input, div.form-field textarea
{   font-size:14px;
    border-radius:4px;
    padding: 4px 20px 4px 10px;
}
div.form-field textarea.full-width
{
    width:90%;
}
div.form-field label
{   display:block;   
    font-size:13px;
}
div.full-width
{   width:100%    
}
span.mand
{	color:#AA0000;
	margin-left:3px;
	margin-top:3px;
	font-size:16px;
}
div.field-label
{   display:block;   
    font-size:12px;
    font-weight:bold;
    color:#59676c;
}
div.field-group
{   margin-right:12px;    
}

div.detail-form
{   padding-bottom: 40px;
}
div.detail-field-block
{   padding: 8px;
    width:auto;
    margin-top:8px;
    margin-right:8px;
    background-color:#ccccd0;
    display:inline-table;
}
div.detail-form .form-field
{   display: block;
}
div.detail-form .field-label
{   display: inline-block;
    width: 100px;
    text-align:right;
    padding: 8px 10px 8px 0px;
}
div.detail-form .field-value
{	background-color: #f2f2f2;
	border-radius: 3px;
	color: #444;
	font-size: 14px;
	padding: 8px 8px;
	margin-bottom: 12px;
	margin-right: 16px;
	min-height: 16px;
}
div.detail-form .field-value-ro
{	background-color:#dfe5e9;	
}


p.captionCont
{   top:3px;
    border:none!important;
}

.search-button
{   background: url("../images/search-sprite.png") no-repeat;
    background-size: 24px 48px;    
    right:8px;
}
.print-button
{   background: url("../images/printer_grey.png") no-repeat;
    right:40px;
    margin-left: 10px;
    background-size: 24px 28px;    
}

.search-button, .print-button
{   width:30px;
    height:28px;
    background-position:3px 1px;
    cursor: pointer;
    position:absolute;
    top:9px;
    right:8px;
}

.search-button:hover
{   background-position: 3px -23px;		
}

.back-search, .go-back
{   width:30px;
    height:30px;
    background: url("../images/back_64-grey-dk.png") no-repeat 0px 3px; 
    cursor: pointer!important;
    background-size: 20px 24px;
    top:8px;
    left:8px;
    display:block;
}

.back-search
{   position:absolute;
}

.action-buttons
{   font-size:22px; 
    float:left;
    margin-top:-4px;
    margin-left:-30px;
}


.action-buttons div
{   width:24px;
    height:24px;
    cursor: pointer!important;
    background-size: 24px 48px!important;
    top:8px;
    left:8px;
    display:block;	
    margin-top:3px;
}

.action-buttons div:hover
{	background-position: 0px -24px;		
}
.action-buttons div.button-with-text:hover
{   background-position: right 0px top -24px;	
    color: #A2EEEE;
}

.action-buttons .new-record
{	background: url("../images/new_sprite_56.png") no-repeat 0px 0px; 
}
.action-buttons .report
{	background: url("../images/print-sprite-light.png") no-repeat 0px 0px; 
}

.select-item-ok
{	background: url("../images/tick-sprite.png") no-repeat 0px 0px; 
}
div.view-options
{   width:30px;
    height:30px;
    cursor: pointer;
    position: absolute;
    top: 12px;
    left: 8px;
    display: block;
    margin-left: 30%;
}

div.login-form
{   margin: 0px;
    border-radius: 0px;
	width:300px;
	padding-left:30px;
	padding-right:30px;
}

div.login-form label
{  font-size:14px;
   float:left;
   text-align:left;
   width:140px;
}
div.login-form input
{	font-size:14px;
    float:left;
	width: 200px;
}
div.login-form button 
{	
	
}
div#login-form-container
{   width:220px!important;
    float:left;
}

div.right-column-buttons
{   width:50px;
    float:right;
}
 

div.login-buttons
{   float:right;
	margin-top:-20px;
}

div.reset-buttons
{   margin-top: 6px;
  
}

div#login-help
{	margin-bottom:48px;	
	
}

div.login-buttons div
{   cursor: pointer;
    float:right;
}
div#login-help
{   margin-top:18px;
    
}
div#login-help-menu
{   margin-left:-20px;
    margin-top:14px;
}
div#login-help-menu li
{   border-bottom: none;
}

div#login-error, div#login-success, div#reset-error
{	margin: 0px 0px 30px 0px;
	width:auto;
	display:block;
}

.form-error
{   background: #efe2d8 url("../images/attn_48-red.png") no-repeat 6px 6px;
    background-size:21px 24px;
    text-align: left;
    color: #A73A30;
    border: 1px solid  #A73A30;
    padding: 10px 10px 10px 36px;
    border-radius: 4px;
	margin-right:13px;
	margin-bottom:8px;
	display:none;
}

.form-success
{   background:#d8e6d1 url("../images/tick_48-green.png") no-repeat 8px 5px;
    background-size:20px 26px;
    text-align: left;
    color: #196B11;
    border: 1px solid  #31A026;
    padding: 10px 10px 10px 36px;
    border-radius: 4px;
	margin-right:13px;
	margin-bottom:8px;	
}
.field-error
{   background-color:#efe2d8;
    background-size:21px 24px;
    text-align: left;
    color: #A73A30;
	border: 1px solid #A73A30;
	padding:6px;
	margin-right:16px;
	display:none;
}

div.table-item
{   display:block;
    float:left;
    position:relative;    
    width:50%;
    margin:6px 0px;
}

.full-error
{   margin: 10px 0px;   
    padding-left: 42px;
    width: 240px;
    overflow:visible;
}
.full-success
{   background: #e2ffc6 url("../images/tick_48-green.png") no-repeat 10px 5px;
    background-size:21px 28px;
    margin: 10px 0px;   
    padding-left: 42px;
    width: 240px;
    overflow:visible;
}

span.selectable:hover
{   color: #007fff;    
    cursor: pointer;    
}

div.go-button
{   width:32px;
    height:32px;
    background-image: url("../images/go-sprite.png");
    background-position: 0px 0px;
    background-size:32px 64px;
    margin-top:25px;
    cursor:pointer;
}
div.go-button:hover
{   background-position: 0px -32px;
}

div.help-button
{   width:32px;
    height:32px;
    background-image: url("../images/help_64-white.png");
    background-position: 0px 0px;  
    background-size:32px;
}

div.back-button
{   width:18px;
    height:24px;
    background-image: url("../images/back-sprite.png");
    background-repeat: no-repeat;
    background-position: 0px 0px;  
    background-size:18px 48px;    
    float:left;
    margin: -24px -4px;
    cursor:pointer;
}
div.back-button:hover
{   background-position: 0px -24px;
}

div.form-text
{   text-align: left;
    float:left;
    width:auto;
    margin-left: 20px;
}

div.reset-button
{   margin-top: 96px;   
}
.SumoSelect
{   margin-bottom: 13px;
}
.SumoSelect span
{
    color: #555;
}
div.device-search
{   display:none;
    height:auto;
}
div.header-search-form
{   margin: 0px;
    background-color: #ccccd0;
    padding: 48px 8px 10px 10px;
    display:none; 
    position:absolute;
    top:0px;
    z-index:10000;
}

div.header-search-form .form-field
{   width:100%;    
    height:39px;
}
div.header-search-form .form-field label.search-label
{   width:30%;
    display:inline-table;
    text-align: right;
    margin-right: 6px;
}
div.header-search-form .form-field input
{   display:inline-table;
}

div.header-search-form input[type=text], div.header-search-form select
{   margin: 3px 20px 10px 0px;
    height:26px;
    border-radius: 2px;
    width:160px;
}

label.control
{   display:inline-block!important;    
    height: 8px;
    margin-top:-2px;
}

.control__indicator
{   top:9px;    
}

div.header-search-form input[type=checkbox]
{   height:10px;
    margin-top:8px;
    border:none;
}
div.header-search-form input:hover,div.header-search-form select:hover
{   box-shadow: 0 0 2px #7799D0;
    border-color: #7799D0;
}

div.login-heading
{   display:block!important; 
    background-color: #59676c;
    text-align:left;
    padding-left:10px;
}

/*   Time picker   */
table.ui-timepicker
{   font-size: 12px;    
}
input[type=text]:hover, select:hover, textarea:hover
{   box-shadow: 0 0 2px #7799D0;
    border-color: #7799D0;
}
label.control--checkbox:hover .control__indicator
{   background-color: #7799D0;
}

div.select-item
{   color: #59676c;
    font-weight:bold
}
div.select-item:hover
{   color: #7799D0;
    cursor: pointer;
}
div.multiline-search-item
{   margin:16px 12px;    
}
div.multiline-search-item div
{   margin:3px 0px;    
}

div.dialog-search-field
{	margin: -7px -12px auto;
	background-color: #ABB;
	border: 1px solid #ABB;
	padding: 8px 12px;
}
div.dialog-search-field input
{	height:32px;
	padding:10px;
	width:100%;
}
div.dialog-search-results
{	overflow-y:scroll;
	margin-right:-13px;
}

ul.tab-list
{	margin-left:-6px;
	margin-bottom: 14px;
	display:inline-block;
}
ul.tab-list li
{	float:right;
	border-top:1px solid #708080;
	border-right:1px solid #708080;
	border-top-right-radius: 8px;
	margin-left:-6px;
	width:80px;
	background-color:#ddd;
	padding: 6px 0px 6px 2px;
	font-weight:bold;
	color: #708080;
	text-align:center;	
	cursor:pointer;
}
ul.tab-list li:hover
{	color:#70a0a0;
}
ul.tab-list li.error
{	background-color:#efe2d8!important;
}
ul.tab-list li.selected
{	background-color:whitesmoke;	
	color: #70a0a0;
	border-bottom:1px solid whitesmoke;
	cursor:default;
}	
ul.tab-list li.error
{	color: #A73A30!important;
	border-top-color: #A73A30;
	border-right-color: #A73A30;
}
ul.tab-list li.selected-edit
{	background-color:#d0d8dd;	
	color: #409090;
	border-bottom:1px solid #d0d8dd;
	cursor:default;
}
div.detail-section-heading
{	font-weight:bold;
	font-size:14px;
	color: #409090;
	border-top:1px solid #bbb;
	padding: 4px 0px;
	margin:26px 18px 6px 0px;
}
div.header-search-form .form-field 
{   margin-top:0px;
    height: 39px;
}
div.header-search-form input[type=text], div.header-search-form select {
    margin: 0px 20px 0px 0px;
    height: 26px;
    border-radius: 2px;
    width: 160px;
}
div.field-table-cell
{   display: inline-table;
    width:45%;
}
ul.detail-sortlist li
{   margin-bottom:-1px;   
    
}
ul.detail-sortlist li div.row-delete
{   margin-left:10px;
    margin-top:1px;
}
div.sort-full-description
{   margin-left:46px;
    margin-top:-24px
}
div.edit-detail-header
{   background-color: #729696;
    padding: 6px 0px 6px 12px;
    margin-top:20px;
    font-size:13px;
    font-weight:bold;
    color: #fff;
}
div.control__indicator
{   border-radius: 3px!important;    
}
div.search-field div.control__indicator
{   top: 0px;    
}
.mark-row-deleted
{   height: 16px;
    width: 14px;
    background-image: url("../images/attn_48-red.png");
    background-repeat: no-repeat;
    background-position: 0px 0px;  
    background-size:14px 16px;   
    float: right; 
    margin-right:4px;
    margin-left:4px;
}
.popup-select
{   background-color:#eee;
    border: 1px solid #bbb;
    max-width: 294px;
    border-radius:6px;
    position:absolute;
    z-index:100;
    display:none;
}
.popup-select-item
{   color: #59676c;
    font-weight: bold; 
    margin:10px 20px;
    cursor:pointer;
}
.popup-select-item:hover
{   color: #7799D0;
}
.user_update
{   background-color: #c3cabe; 
    border:1px solid #ccc;
    border-radius: 4px;
    margin: 10px 20px 0px 0px;
    padding: 6px 10px;
    font-size: 11px;
    line-height: 16px;
}
.user_update_block
{   display:inline-block;
    width:50%
}
.user_update.full-width .user_update_block
{   width:100%;
}
input.string-field
{   width:48px!important;
    margin-left:0px;
}

div.confirm
{   font-size:14px;
    line-height:20px;
}
div.rldisplay-4
{   background-color:#cdf6d3;
}div.rldisplay-3
{   background-color:#cdddf6;
}div.rldisplay-2
{   background-color:#dcae9c;
}div.rldisplay-1
{   background-color:#f6cdcd;
}

@media screen and (min-width: 780px) 
{  
    body
    {   font-size: 13px;
    }
    div.status-bar
    {	margin-bottom:0px;
            position:static;
            width:auto;
            display: block;	
    }
    div.status-bar-heading
    {
        font-size: 18px;
        color: #729696;
        padding: 6px;
        margin-right: 0px;
    }

    input[type=text].width-normal, select.width-normal
    {   width:200px;        
    }
    .mobile-only
	{	display:none;
		
	}
    .page-heading
    {   display:block!important;
    }
    div.main-menu
    {   position:relative;
        width:auto;
        height:auto;
        margin-right:10px;
        float:right!important;
        display:block;
        background-color:transparent;
        border-right:none;
        position:initial;
    }

    div.main-menu-item
    {   width: 32px;
        background-position:0px 0px;
        background-size:auto 32px;
        background-repeat:no-repeat;
        height: 32px;
        margin:0px 0px 0px 22px;
        float:right;
        cursor: pointer;
    }
    div.main-menu-item div.context-menu 
    {   margin-left: -40px;
    }
    div.main-menu-item#close-device-menu
    {   display:none;        
    }
    div.header-area
    {   height:170px;   
        top:10px;
        padding-top:16px;
    }
    div.page-content
    {   background-image: url("../images/medium_scroll.png");
        background-repeat: no-repeat;
        background-position: 0px 2px;
        background-size: 130px 92px;            
    }
	
    div.device-header
    {   display: none;        
    }
    div.results-content
    {   margin: 20px 10px 10px 10px;   
    }
    div.header-search-form
    {   margin: 14px 10px 0px 10px;
        padding: 8px 8px 10px 20px;
        border-radius:3px;
        display:block!important;    
        position:inherit;
        top:auto;
        z-index:2;
    }
    
    div.header-search-form .form-field
    {   width:auto;    
    }

    div.header-search-form .form-field label.search-label
    {   width:auto;
        text-align:left;
        display:block;
    }
    label.control
    {   display:block!important;  
        height:auto;
        margin-top:4px;
    }
    div.header-search-form label.control
    {   margin-top: -5px;
    }
    div.search-field label.control
    {   display:inline-block!important;  
        margin-left:4px;
    }

    label.check-label
    {   height:auto;
        line-height:36px;    
    }

    .control__indicator
    {   top:2px;
    }
    
    input, select
    {   display: inline-table;
        margin: 3px 20px 10px 0px;
        height:26px;
        border-radius: 2px;
    }
	
    textarea
    {	display:table-cell;
        margin: 3px 20px 10px 0px;
        border-radius: 2px;        
    }
	
    
    div.header-search-form select
    {   width:auto;        
    }
    
    div.header-search-form input[type=checkbox]
    {   height:10px;
        margin-top:8px;
        border:none;
    }
    
    div.search-button, div.print-button
    {   display: inline-block;
        margin-top:17px;
        float:right;
        position:inherit;
        top:0px;
        right:0px;
    }
    
    .back-search
    {   display:none;
    }

    div.view-options
    {   float:left;
        display: inline-block;
        margin:19px 0px 0px 10px;       
        position:inherit;
        top:0px;
        right:0px;
    }
    div.login-form
    {   margin: 60px auto;   
        max-width: 420px;
        text-align:right;    
        padding-top: 26px;
        border-radius:4px;
    }
    div#login-form-container
    {   width:360px;
    }

    div.login-form label
    {   clear:none;
        display:inline;
        margin-bottom: 0px;
    }
    
    div.login-heading
    {   background-color: transparent;
        text-align:right;
    }
    div.login-buttons
    {   float:right;
    }
    div#login-help
    {   margin-top:7px;
    }
    div.go-button
    {   margin-top:12px;
    }
    .full-error
    {   margin: 10px 20px;   
        padding-left: 42px;
        width:320px;
    }
    .full-success
    {   margin: 10px 20px;   
        padding-left: 42px;
        width:320px;
    }
    div#login-help-menu
    {   margin-top:0px;
    }
    div.header-search-form input[type=text], div.header-search-form select
    {   margin: 3px 20px 10px 0px;
        height:26px;
        border-radius: 2px;
        width:160px;
    }
    
}

@media screen and (min-width: 980px) 
{   body
    {   background: #505050 url("../images/background.png") no-repeat 0px 0px; /* http://loading.io/ size:16px count:9 width:7 height:40 radius:6 offset:30 */   
        background-size:100%;  
    }
    .header-search-form
    {   margin: 14px 60px 0px 210px!important;   
    }
    
    .results-content
    {   margin: 20px 60px 10px 60px;         
    }
    
    .page-heading, .login-heading
    {   margin-left: 210px;
        float:left;
    }
    .main-menu
    {   margin-right: 60px;
    }
    div.main-menu-item
    {   float:right;
        margin: 0px 16px;
    }
    div.header-area
    {   height:130px;        
    }
    div.page-content
    {   background-size: 200px 141px;        
    }
    div.small-logo
    {   background-size: 130px 92px;  
    }
}

@media screen and (min-width: 1100px) 
{   div.main-menu-item
    {   margin:0px 32px;
    }
    div.print-button
    {   margin-bottom: 6px;
        float: none;
        display: inline-block;
        position: relative;
        vertical-align: bottom;
    }
}

@media screen and (max-width: 330px) 
{   div.login-form
    {   width: 100%;
        padding-left: 10px;
        padding-right: 10px;
    }
    div.login-buttons
    {   float:left;        
    }
    div#login-help
    {   margin-bottom:4px;        
    }
}