/*
	RESTABS Main Css Stylesheet
	Red Earth Systems
*/

.RES_Negative
{
    color: red;
}

a {
    outline: none;
}

span.RES_Icon
{
    display: inline-block;
}
    
.RES_Icon
{
    display: inline-block;
}
    
span.RES_Tag
{
    padding: 4px;
    margin:  2px; 
    display: inline-block;   
    cursor:  pointer;
}

.RESForm_Heading
{
    margin:0;
    padding:0;
    border:0;
}

.RES_RESLogo
{
    border-color: #BFBFBF #979797 #3D3D3D #5C5C5C;
    border-left: 2px solid #5C5C5C;
    border-style: solid;
    border-width: 2px;
    margin: 8px;
    max-height: 200px;
}

.RES_NoClick
{
    pointer-events: none;   
}

.RES_Click
{
    pointer-events: auto;   
}

body 
{
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
	font-size:1em; 
	/*line-height: 1.5em;*/
}
select 
{
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
	font-size:1em; 
	/*line-height: 1.5em;*/
}
input 
{
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
	font-size:1em; 
	/*line-height: 1.5em;*/
}
textarea 
{
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
	font-size:1em; 
	/*line-height: 1.5em;*/
}
	
.RES_Hide
{
	display: none;   
	visibility: hidden;
}

.RES_InputMultipleValues
{
	border-width: 2px;
	border-color: orange;
	font-style: italic;
	color: Gray;
}
	
.RES_InputDifferent
{
	border: 2px solid blue;
	font-style: normal;
	color: black;
}

input.RES_InputError
{
	border: 2px solid red;
}

label.RES_InputError
{
	border: 2px solid red;
}

select.RES_InputError
{
	border: 2px solid red;
}

textarea.RES_InputError
{
	border: 2px solid red;	
}

button.RES_InputError 
{
    border: 2px solid red !important;
}

.RES_FloatRight
{
	float:right;
	text-align:right;
	vertical-align: top;
}

#RESFramework_LoginText
{
    font-size: 90%;
    color: #ccc;
    padding-right: 5px;   
}

.RES_InlineBlock
{
    display:inline-block;
}

/* ---------------- */
/* OLD LOGIN STYLES */
/* ---------------- */

/* login/logout buttons */
#RES_LoginDiv button.RES_Button
{
	/*float:right;*/
	display: inline-block;
}

#RES_LoginDiv
{
	vertical-align: middle;
	text-align:     right;
    height:         28px;
    padding-right:  3px;
    padding-top:    2px;
    font-size:      90%;
}

#RES_LoginDiv input
{
    /*padding:2px;*/
    height: 20px;
}

#RES_LoginDiv button.RES_Button
{
    /*padding:1px;*/
    height: 25px;
    width: 80px;
}

#RES_LoginDivHolder
{
	float:          right;
	/*width:          250px;*/
	height:         28px;
	/*margin:         10px;*/
	vertical-align: middle;
	text-align:     left;
}


#RES_MainDiv
{
	margin:     10px 10px;
	padding:    40px 10px;
	height:     100%;
}

.RES_LoginText
{
	float:left;
	text-align:left;
	font-size: 14px;
    color: #CCCCCC;
    padding-top: 6px;
    padding-right: 5px;
}

#RESFramework_UsernameLabel
{
    font-size: 90%;
    color: #ccc;    
}

#RESFramework_PasswordLabel
{
    font-size: 90%;
    color: #ccc;
}

#RESFramework_Header
{
    position: relative;
    z-index: 9999;
   /*min-height: 31px;*/
}

#RES_HeaderDiv
{
    width: 100%;
	min-height: 31px;
    background-color: #393939;
    /*position:fixed;*/
    top:0;
    z-index: 9999;
}

#RES_MainMenu
{
    float: left;
    /*width: 500px;*/
}

.menu-active 
{
    background-color: #606060 !important;    
}

#RES_SiteTitle
{
	text-align: center;
	padding: 0;
	margin:0;
}

#RESFramework_Body
{
    padding: 20px 20px;
}

/* button style */
.RES_Button 
{
	padding: 2px;
	padding-right:6px;
}

/* RESTABSButton */
.RES_Button span.ui-button-text
{
	display: inline;
	padding: 2px;
}

.RES_Button span.ui-icon
{
	margin:2px;
	float:left;
	display: inline;
}

/* jqueryui style fixes */
.ui-button-text
{
	font-size: 10pt;
}

.ui-widget-header 
{
	padding:       5px;
	font-size:     14pt;
	margin:        0;
	margin-bottom: 10px;
}

.ui-widget 
{
	font-family: Verdana, Arial, sans-serif;
	font-size: .9em;
}

/* RES_row_selected: added when a datatable row is selected */
tr.RES_row_selected td
{
	background-color: rgb(211,211,211);
}

tr.RES_row_selected td.sorting_1
{
	background-color: rgb(200,200,200);
}

/* move icons to the left side, float 
.DataTables_sort_wrapper .ui-icon
{
	width:16px;
} 
*/

.DataTables_sort_wrapper
{
	vertical-align: bottom;
	text-align: center;
	font-size:13px;
}

.dataTables_filter
{
	font-size:14px;
}

.dataTables_scrollBody
{
	font-size:14px;   
}

.dataTables_scrollBody td
{
	padding:4px;
	width:200px;
}

.dataTables_paginate .ui-button
{
	padding-left:4px;
	padding-right:4px;
	margin-left: 4px;
	margin-right: 4px;
}

.dataTables_scrollHeadInner
{
	font-size:10px;   
}

.dataTables_wrapper
{
	font-size:14px;   
}

.dataTables_wrapper td
{
	text-align: right;  
}

.dataTables_wrapper th
{
	vertical-align:bottom;   
}

.REStextinput span
{
	width: 200px;
	display: inline-block;
}

.REStextinput input
{
	width: 300px;
}

.RES_LoadingDialog
{
	text-align: center;
}

/*#RESFramework_Loading{styles are inline on the site.master}*/

/* 
	pNotify Styles
*/

.ui-pnotify.stack-bottomright 
{
	/* These are just CSS default values to reset the pnotify CSS. */
	right: auto;
	top: auto;
    z-index: 1000012;/*Show above the form*/
}

/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

html, body {
    margin: 0;
    padding: 0;
} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body
{
     height: 100%;
}

#RESFramework_AllContent 
{
    min-height: 100%;
    width: 100%;

    /* Lucas: added */
    overflow:visible;
}

#RESFramework_AllContentInner
{
    overflow: auto;
    padding-bottom: 50px;

    /* Lucas: added */
    overflow:visible;

}  /* must be same height as the footer */

#RESFramework_Footer
{
    position: relative;
    margin-top: -55px;
    /* negative value of footer height plus padding top/bottom/margin */
    height: 50px;
    clear: both;
} 

td.RESTable_ColumnEven
{
    /*background-color:lightyellow;*/
}

/*Opera Fix*/

body:before 
{
    /* thanks to Maleika (Kohoutec)*/
    content: "";
    height: 100%;
    float: left;
    width: 0;
    margin-top: -32767px;
    /* thank you Erik J - negate effect of float*/
}

/* 
-----------------------
RESTable Related
-----------------------
*/

.RESTable_Title
{
    font-style:italic;
    font-size:12px;
}

.RESTable_PageWidget
{
    float:right;
    min-width: 200px;
    text-align: right;
}

.RESTable_Toolbar
{
    height: 50px;   
    text-align: left;
}

.RESTable
{
    table-layout:fixed;
}

table.RESTable th
{
    padding: 4px;
}

table.RESTable th span.ui-icon
{
    float:left;
}

table.RESTable td
{
    padding: 2px;
    text-align: right;
}

/* odd */
tr.RESTable_Even
{
    
}

/* odd + hover */
.RESTable tr.RESTable_Even.RESTable_Hover td
{
    background-color: #ffffaa;
}

/* odd + selected */
.RESTable tr.RESTable_Even.RESTable_Selected td
{
    background-color: #aaffaa;
}

/*----------- odd -----------*/
.RESTable tr.RESTable_Odd td
{
    background-color: #eeeeee;
}

/* odd + hover */
.RESTable tr.RESTable_Odd.RESTable_Hover td
{
    background-color: #ffffaa;
}

/* odd + selected */
.RESTable tr.RESTable_Odd.RESTable_Selected td
{
    background-color: #aaffaa;
}

td.RESTable_Even 
{
    background-color: lightyellow;   
}

.RESTable_PageButton
{
    width:   auto;
    padding-left:10px;
    padding-right:10px;
    height:  32px;
    display: inline-block;
}

th.RESTableSortable
{
    cursor: pointer;
}

.RESTable th
{
    font-size: 0.95em;
    font-variant: small-caps;
    font-weight: bold;
}

th.RESTable_TransposeHeader, table.RESTable th.RESTable_TransposeHeader
{
    font-size:10pt;
    font-weight:bold;
    color: black;
    font-variant: small-caps;
    text-align:    right;
    padding: 2px;
}

table.RESTable.RESInfiniteTable {
    border-spacing: 2px;
    table-layout: auto;
    
}

table.RESInfiniteTable tbody, table.RESInfiniteTable thead {
    display: block;
}

table.RESInfiniteTable thead {
    margin-right: 17px;
}

table.RESTable.RESInfiniteTable tbody {
    overflow-y: auto;
    overflow-x: hidden;
    height: 150px;
}


table.RESTable.RESInfiniteTable th:last-child {
    padding-right: 17px;
}
table.RESTable.RESInfiniteTable td:last-child {
    padding-right: 17px;
}


/*

RESForm

*/

.RESForm
{
    margin: 8px;
}

.RESForm tr td
{
    vertical-align: top;
}

.RESForm tr td tr
{
    height: 28px;
}

.RESForm tr th
{ 
    height: 32px;
    padding-left: 8px;
    padding-right: 8px;
}

.RESForm td
{
    font-size: 14px;
    vertical-align: middle;
}

.RESForm tr td tr td
{
    vertical-align: middle;
}

.RESForm th
{
    font-size: 16px;
}

.RESForm_RefreshIcon
{
    float: right;
}

/*

RESFilter

*/

.RESFilter
{
	min-width: 340px;        
    margin-bottom: 20px;
    padding: 8px;
}

.RESFilter > label
{
	float:left;
	width:25%;
	padding-right:5px;
	margin-top:5px;
    margin-bottom: 5px;
	margin-left:10px;
	text-align:right;
	min-width:300px;
}

.RESFilter > label > input
{
	margin-left:8px;
}

.RESActions 
{
    min-width: 330px;    
}

.RESFilter tr
{
    height: 32px;    
}

.clear
{
	clear:both;
	float:none;
    height: 0;
}

.RESMonthBox {
    width: 65px;
    cursor: pointer;
}

.ui-slider {
    margin-left: 10px;
    margin-right: 10px;
}

/* IE10 */ 
.gradient{border-top:1px solid #EBEBEB; padding: 10px 20px; background-image: -ms-linear-gradient(top, #FEFEFE 0, #a7a7a7 100%);}
/* Mozilla Firefox */ 
.gradient{border-top:1px solid #EBEBEB; font-size:80%; padding: 10px 20px; background-image: -moz-linear-gradient(top, #FEFEFE 0, #a7a7a7 100%);}
/* Opera */                                            
.gradient{border-top:1px solid #EBEBEB; font-size:80%; padding: 10px 20px; background-image: -o-linear-gradient(top, #FEFEFE 0, #a7a7a7 100%);}
/* Webkit (Safari/Chrome 10) */                        
.gradient{border-top:1px solid #EBEBEB; font-size:80%; padding: 10px 20px; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FEFEFE), color-stop(1, #a7a7a7));}
/* Webkit (Chrome 11+) */                              
.gradient{border-top:1px solid #EBEBEB; font-size:80%; padding: 10px 20px; background-image: -webkit-linear-gradient(top, #FEFEFE 0, #a7a7a7 100%);}
/* Proposed W3C Markup */                              
.gradient{border-top:1px solid #EBEBEB; font-size:80%; padding: 10px 20px; background-image: linear-gradient(to bottom, #FEFEFE 0, #a7a7a7 100%);}

.RESFramework_Footer
{
    background-color: #393939;  
    background-image: url('redearth_footer.jpg');
    color: #958d8d; 
}
        
.RESFramework_Footer a
{
    color: #958d8d;
    text-decoration: none;
}
        
.RESFramework_Footer a:visited
{
    color: #958d8d; 
}
        
.RES_Resource_Icon {
    height: 10px;
    margin-left: 5px;
    margin-right: 2px;
    vertical-align: central;
    color: gray;
    float: right;
}

.fileupload-buttonbar.ui-widget-header {
    margin-bottom: 0;
}

.RESUpload.RES_InputError
{
    border: 2px solid red;  
}

img.saveButton {
    height: 11px; 
}