/* CSS Document */

body {
background:#ffffff url(https://rms.csirentals.co.za/images/ServeFile.aspx?MM=GroupImage&GID=4&PName=background_wide.jpg) repeat-y 50% 0;
margin-left: auto; margin-right: auto; text-align: center;
background-attachment:fixed;
margin:0px;
padding:0px;
text-align:center;
height:100%;
font-size:smaller ;
}

.content {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color:#000000;
background-color:#FFFFFF;
}

.bar1bg {
background:#ffffff url(https://rms.csirentals.co.za/images/ServeFile.aspx?MM=GroupImage&GID=4&PName=topbanner_wide_2021.png);
padding-left: 10px;
text-align:left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight:bold ;
color:#FFFFFF;
background-color: #888888;

}


.bar1bgSmall {
background:#ffffff url(https://rms.csirentals.co.za/images/ServeFile.aspx?MM=GroupImage&GID=4&PName=topbanner_small_wide_2021.png);
padding-left: 10px;
text-align:left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight:bold ;
color:#FFFFFF;
background-color: #888888;
}



A.bar1bgLink:hover {
	COLOR: #044460; 
	TEXT-DECORATION: underline;
}
A.bar1bgLink:link {
	TEXT-DECORATION: none;
	color:#044460;
}
A.bar1bgLink:visited {
	TEXT-DECORATION: none;
	color:#044460;
}
A.bar1bgLink:active {
	TEXT-DECORATION: none;
	color:#044460;
}

.bar2bg {
background:#ffffff url(https://rms.csirentals.co.za/images/ServeFile.aspx?MM=GroupImage&GID=4&PName=bar2_bg.jpg);
padding-left: 10px;
text-align:left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color:#044460;
}

.bar3bg {
background:#ffffff url(https://rms.csirentals.co.za/images/ServeFile.aspx?MM=GroupImage&GID=4&PName=bar3_bg.jpg);
}




.bar4bg {
background:#ffffff url(https://rms.csirentals.co.za/images/ServeFile.aspx?MM=GroupImage&GID=4&PName=bar4_bg.jpg);
padding-left: 10px;
text-align:left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color:#044460;
}


.bar5bg {
background-color: #25b2ce;
}


A:link {
	COLOR: Blue ; TEXT-DECORATION: none
}
A:visited {
	COLOR: Blue ; TEXT-DECORATION: none
}
A:active {
	COLOR: Blue ; TEXT-DECORATION: none
}
A:hover {
	COLOR: Blue ; TEXT-DECORATION: underline
}


.footer 
{
    background-color:#8c8769;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color:#044460;
/**padding-top:20px;
padding-bottom:20px;**/
text-align:center;
}
.footer2 
{
background-color:#25b2ce;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color:#044460;
padding-top:20px;
padding-bottom:20px;
text-align:center;
}

.table_a 
{
    vertical-align: top;
    text-align:left ;
}

.table_b
{
    vertical-align:top;
    text-align:left;
    font-size:small;
}

.table_b_right
{
    vertical-align:top;
    text-align:right;
    font-size:small;
}

.table_c
{
    font-size:9px;
}

.table_d
{
    vertical-align:top;
    text-align:left;
    font-size:smaller;
}
.table_d th 
{
    font-size:smaller;
}

.table_e
{
    vertical-align:top;
    text-align:left;
    font-size:x-small;
}

.table_e_right
{
    vertical-align:top;
    text-align:left;
    font-size:x-small;
}

.table_d_right
{
    vertical-align:top;
    text-align:right;
    font-size:smaller;
}


.table_report
{
    border-collapse:collapse  ;
    border-style:solid;
    border-width:medium ;
    
}

.label_html
{
    background-color:#d0f2ff;
}

/* Data Web Control Styles */

.DataWebControlStyle
{
    font-size: 80%;
    text-align: left;
}

.HeaderStyle
{
    background-color: #2b8db2;
    color: White;
    font-weight: bold;
}
.HeaderStyle:link {
     color:White  ;	TEXT-DECORATION: none
}
.HeaderStyle:visited {
	color:White ;	TEXT-DECORATION: none
}
.HeaderStyle:active {
	color:White ;	TEXT-DECORATION: none
}
.HeaderStyle:hover {
	color:White ;	TEXT-DECORATION: none
}


.AlternatingRowStyle
{
    background-color: #d0f2ff; 
}

.RowStyle
{
}

.AlternatingRowStyle_reconciled
{
    background-color: #bdcfd6; 
}

.RowStyle_reconciled
{
	background-color: #d6d6d6;
}

.RowStyle_deleted
{
	background-color: #aaaaaa;
}


.TRNtext
{
    font-size:10px;
    text-align:right;
    height:12px;
}

/* AJAX Control Styles */

.watermark {
	background: #FFAAFF;
}

.popupControl {
	background-color:#000000;
	position:absolute;
	visibility:hidden;
	border-style:solid;
	border-color: Black;
	border-width: 2px;
}

.modalBackground_2 {
	background-color:#2c8db3;
	filter:alpha(opacity=60);
	opacity:0.6;
}

.modalPopup_2 {
	background-color:#FFFFFF;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
}

.modalPopup {
	background-color:#FFFFFF;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
}

/************ MaskedEdit Related Styles ***********************/
.MaskedEditFocus
{
    background-color: #d0f2ff;
    color: #000000;
}
.MaskedEditMessage
{
	color: #ff0000;
	font-weight: bold;
}
.MaskedEditError
{
    background-color: #ffcccc;
}
.MaskedEditFocusNegative
{
    background-color: #ffffff;
    color: #000000;
}
.MaskedEditBlurNegative
{
    color: #ff0000;
}


/************* Main Menu Settings *********************/
.MainMenu
{
   background: #e3e1cc;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color:#044460;
	/**new section broader menu**/
	padding: 3px;
    box-shadow: rgba(0,0,0,0.2) 1px 1px 2px;
    border-radius: 5px;
    text-align: center;
    border: 1px solid #aaa;
    cursor: pointer;
	position:relative;
}
.MainMenuDropDown
{
    background: #e3e1cc;
    margin: 0px; 
    white-space: nowrap; 
    filter:alpha(opacity=60);
	opacity:0.6;
}
.MainMenuNewWindow
{
    DefaultTarget: _blank; 
    background: #e3e1cc;
    margin: 0px; 
    white-space: nowrap; 
    filter:alpha(opacity=60);
	opacity:0.6; 
	Target: _blank; 
}

.MainMenuReports
{
     azimuth:right;
     background:#e3e1cc;
     text-align:right;
     font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size: 12px;
     color:#044460
        
}


/************** Various **************/
.td_batch_0
{
    border-collapse:collapse ;
    border-color:Black;
    border:solid;
    background-color: #ffffff;
    vertical-align:top;
    text-align:left;
    font-size:small;
}

.td_batch_1
{
    border-collapse:collapse ;
    border-color:Black;
    border:solid;
    background-color: #d0f2ff;
    vertical-align:top;
    text-align:left;
    font-size:small;
}

.td_batch_notsaved
{
    border-collapse:collapse ;
    border-color:Black;
    border:solid;
    background-color: #ffd0d0;
    vertical-align:top;
    text-align:left;
    font-size:small;
}

.div_livesearch
{
    background-color: #ffffff;
    vertical-align:top;
    text-align:left;
    font-size:x-small;
    
}

.div_livesearch_mouseover
{
    background-color: #d0f2ff;
    vertical-align:top;
    text-align:left;
    font-size:x-small;
    /*border-collapse:collapse ;
    border-color:Black;
    border:solid;
    font-size:xx-small;
    background-color: #d0f2ff;*/
    cursor: pointer;
    cursor: hand;
}



body
{
    margin: 0px;
}
#modalPage
{
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px; left: 0px;
}
.modalBackground
{
    filter: Alpha(Opacity=40); -moz-opacity:0.4; opacity: 0.4;
    width: 100%; height: 100%; background-color: #999999;
    position: absolute;
    z-index: 500;
    top: 0px; left: 0px;
}
.modalContainer
{
    position: absolute;
    width: 300px;
    left: 50%;
    top: 50%;
    z-index: 750;
}
.modal
{
    background-color: white;
    border: solid 4px black; position: relative;
    top: -150px;
    left: -150px;
    z-index: 1000;
    width: 300px;
    height: 300px;
    padding: 0px;
}
.modalTop
{
    width: 292px;
    background-color: #000099;
    padding: 4px;
    color: #ffffff;
    text-align: right;
}
.modalTop a, .modalTop a:visited
{
    color: #ffffff;
}
.modalBody
{
    padding: 10px;
}




#modalBackground
{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;

	z-index: 500;
	background-color:#333333;
	display: none;
	opacity: 0.40;
	filter: alpha(opacity=40)
}
#modalWindow
{
    position: fixed;
    left: 0;
    top: 0;

	z-index: 1000;
	background-color: white;
	display: none;
	width: 20em;
	height: 10em;
	border: 1px solid blue;
}



#modalBackground, #modalIframe
{    
	position: absolute;
    left: expression(ignoreMe = document.documentElement.scrollLeft + "px");
    top: expression(ignoreMe = document.documentElement.scrollTop + "px");
    width: expression(document.documentElement.clientWidth + "px");
    height: expression(document.documentElement.clientHeight + "px");
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;

	z-index: 9;
	background-color:#333333;
	display: none;
	opacity: 0.40;
	filter: alpha(opacity=40)
}

#modalIframe
{
	filter: alpha(opacity=0);
	z-index: 8;
}

#modalWindow
{
	position: absolute;
    left: expression(ignoreMe = document.documentElement.scrollLeft + "px");
    top: expression(ignoreMe = document.documentElement.scrollTop + "px");
    position: fixed;
    left: 0;
    top: 0;

	z-index: 10;
	background-color: white;
	display: none;
	width: 20em;
	height: 10em;
	border: 1px solid blue;
}





/*************** Modal Loading message ***********************/

#progressBackgroundFilter {
    position:fixed; 
    top:0px; 
    bottom:0px; 
    left:0px;
    right:0px;
    overflow:hidden; 
    padding:0; 
    margin:0; 
    background-color:#000; 
    filter:alpha(opacity=50); 
    opacity:0.5; 
    z-index:1000; 
}

#processMessage { 
    position:fixed; 
    top:30%; 
    left:43%;
    padding:10px; 
    width:20%; 
    z-index:1001; 
    background-color:#fff;
    border:solid 1px #000;
}


.ms {
	BORDER-RIGHT: silver 1px solid; 
	PADDING-RIGHT: 10px; 
	BORDER-TOP: silver 1px solid; 
	PADDING-LEFT: 10px; 
	VISIBILITY: hidden; 
	PADDING-BOTTOM: 10px; 
	BORDER-LEFT: silver 1px solid; 
	PADDING-TOP: 10px; 
	BORDER-BOTTOM: silver 1px solid; 
	POSITION: absolute; 
	BACKGROUND-COLOR: #ffffff 
}


/* Helper messages like Invalid Date - Masked Edit Validator messages: */
.inlineMessage 
{
    margin-bottom:0;
    margin-top:0;
    clear:both;
    font-size:9px;
}




/* SORT TABLE */

.sortable
{
    font-size: 80%;
    text-align: left;
}

table.sortable th
{
	cursor: pointer;
}


/* Badge */
.badge {
  background-color: red;
  color: white;
  padding: 2px 4px;
  text-align: center;
  border-radius: 5px;
  position:absolute;
  top:-3px;
  right:-7px;
  font-size:10px;
}