﻿#form1 {
    height: 100%;
}

#wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -40px;
    padding:10px 15px 0 15px; /* top right bottom left*/
}

#header {
    display:table;
    height:50px;
    width:100%;
}

#header .logo {
    vertical-align: bottom;
    text-align: left;
    display:table-cell; 
    width:10%; 
    min-width:150px; 
}

#header .appTitle {
    font-size:1.75em;
    font-weight:normal;   
    color:#E31837;
    padding-top:10px;
    display:table-cell; 
    width:59%; 
    min-width:200px;  
    text-align:left;
}

#header .userInfo {
    font-size: 0.9em;
    text-align: right;
    display:table-cell; 
    width:30%; 
    vertical-align:top;
}

#navigation {                        
    width:100%;
}
              
#content {            
    padding-top:10px;            
    width:100%;
    height:100%;
    height: auto !important;
    min-height:100%;
}

#content-table {            
    padding-top:10px;            
    width:100%;
    height:100%;
    height: auto !important;
    min-height:100%;
    display:table;
}

#content-table .leftContent {
    display:table-cell;
    min-width:33%;
    width:33%;
    padding-right:30px;
    text-align:left;
    vertical-align:top;
    height: 100% !important;
    min-height:100%;
}

#content-table .rightContent {
    display:table-cell;
    min-width:66%;
    width:66%;
    text-align:left;
    vertical-align:top;
    height: 100% !important;
    min-height:100%;
}

#footer {            
    background-color:lightgray;
    font-size:0.8em;
    height:40px;
    /*height:3em;*/  /* must match bottom margin of #wrapper */
    width:100%;
    padding:5px 0 0 0;
    text-align:center;
}

/* EXISTING STYLES BEGIN HERE */
/*#MasterLayout {
    height: 100%;
}

#wrapper .header {
    display: inline-block;
    vertical-align: bottom;
    width:100%;
}

#wrapper .headerContainer {
    display:table; 
    width:100%
}

#wrapper .headerRow {
    display:table-row;
}

#wrapper .logo {
    vertical-align: bottom;
    text-align: left;
    display:table-cell; 
    width:10%; 
    min-width:150px; 
}

#wrapper .appTitle {
    font-size:1.75em;
    font-weight:normal;   
    color:#E31837;
    padding-top:10px;
    display:table-cell; 
    width:60%; 
    min-width:200px;  
    text-align:left
}

#wrapper .userInfo {
    font-size: 0.9em;
    text-align: right;
    display:table-cell; 
    width:30%; 
    vertical-align:top;
}

#wrapper .navigation {
    display: inline-block;
    text-align: right;
    width:100%;
}

#navigation {
    display: inline-block;
    text-align: right;
    width:100%;
}

#MasterLayout .mainContent {
    width: 100%;
    min-height: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
}

#MasterLayout .leftContent {
    display: inline-block;
    min-height: 800px;
    border-right:1px solid #eeeeee;
}

#MasterLayout .rightContent {
    display: inline-block;
    min-height: 800px;
}*/

/*#wrapper .logo img {
    max-width: 100%;
}

#wrapper .footer {
    font-size:0.8em;
    width:100%;
    line-height: 30px;
    text-align: center;
}*/

/* this element extends the bottom border of the tabstrip across the page */
#wrapper ul {
    width:100%;
    border-bottom:1px solid #eeeeee;
}

/* this element sets the color of the hyperlinks in the tabstrip */
#wrapper li a {
    color:#666666;
}

#wrapper a.rtsLink .rtsSelected {
    font-weight:bold;
    color:red;
}

/* this element sets the color of the "other" hyperlinks in the tabstrip when the cursor hovers */
/*#wrapper li a:hover {
    color:white;
}*/

/* this element sets the color of the "selected" tab hyperlink when the cursor hovers */
/*#wrapper li a.rtsSelected:hover {
    color:#666666;
}*/

/*template*/  
#wrapper .t-container-fluid {
    max-width: 100%;
    min-height: 100%;
}

#wrapper .RadButton {
    font-size: 1em;
}

#wrapper .RadMenu,
div.RadMenuPopup,
#wrapper .RadMenu_Default, #wrapper .RadMenu_Default a.rmLink  {
    font-size: 1em;
}

/*#wrapper .pageView {
    min-height:600px;
    height:100%;
    width:100%;
    border:1px solid red;
}*/

#wrapper .error {
    color: red;
    border: none;
}

.selectedParentTab {
    font-weight:bold;
    color:red;
}

.table-row {
    display:table-row;
    text-align:center;
    height:100%;
    height: auto !important;
    width:100%;
}
        
.push {
    clear:both
}

