﻿body
{
    font-size: 11px;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 3px;
    font-family: Tahoma;
    background-color: #C9C9C9;
}

.divHeader
{
    border-bottom: solid 1px #C0C0C0;
    border-top: solid 1px #C0C0C0;
    font-family: Tahoma;
    color: #666666;
    font-size: 9pt;
}

.topRightBorder
{
    /*    border-bottom: solid 1px #efefef;      border-right: solid 1px #efefef;*/
    border: solid 1px #efefef;
    width: 190px;
    padding-left: 15px;
}

.groupingHeader
{
    /*  border-top: solid 1px #efefef;     border-bottom: solid 1px #efefef;*/
    border: solid 1px black;
    background-color: #666666;
    font-family: Tahoma;
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
    padding: 3px 3px 3px 10px;
    background-image: url(../../Images/grd_head.png);
    background-repeat: repeat-x;
    background-position: top;
}

.rootNode
{
    font-family: Tahoma;
    font-size: 13px;
    font-weight: bold;
    color: Black;
}

.leafNode
{
    color: #333333;
    font-size: 11px;
    text-decoration: underline;
}

.subMenu
{
    text-align: left;
    color: #CC0000;
    font-size: 12px;
    font-weight: bold;
}

.gridSubMenu
{
    text-align: left;
    color: #ffffff;
    font-size: 12px;
    background-color: #666666;
    font-weight: bold;
}

.loadingText
{
    font-size: 10px;
    font-style: italic;
    color: Gray;
}

.required
{
    color: Red;
    font-weight: normal;
    padding-right: 2px;
}

.errorSummary
{
    background-color: #ffffcc;
    border: solid 1px #ff0000;
    margin-left: 25px;
    padding: 5px 5px 5px 5px;
    margin-right: 25px;
}
.menuhover
{
    color: #000000;
}

.menuItem
{
    background-image: url('../../Images/navBG.png');
    background-repeat: repeat-x;
}

.menuItemSelected
{
    background-image: url('../../Images/homeNavBG.png');
    background-repeat: repeat-x;
}

.menu
{
    vertical-align: bottom;
    width: auto;
    background-image: url('../../Images/slice.jpg');
    width: 1px;
    background-repeat: repeat-x;
    text-align: center;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #808080;
 /*   border-right-style: solid;
    border-left-style: solid;
    border-right-width: 1px;
    border-left-width: 1px;
    border-right-color: #808080;
    border-left-color: #808080;*/
}


.buttonSpacer
{
    width: 15px;
}

.divContent
{
    margin-left: 25px; /* padding: 5px 5px 5px 5px;*/
}

.labelCell
{
    font-weight: bold;
    text-align: left;
}

.divTool
{
    margin-left: 25px;
    border: solid 1px silver;
    padding: 5px 5px 5px 5px;
}

.linkedDeviceUser
{
    font-weight: bold;
    color: #009900;
}

.unlinkedDeviceUser
{
    font-weight: bold;
    color: #ff0000;
}

#logo
{
    background-repeat: no-repeat;
    position: absolute;
    top: 0px;
    left: 1px;
    height: 70px;
}

#info
{
    position: absolute;
    right: 0px;
    left: auto;
    top: 0px;
    font-size: 14px;
    color: black;
}

#loading
{
    position: fixed;
    right: 7px;
    top: 7px;
    font-size: 14px;
    color: black;
    z-index: 11;
}

#header
{
    border-style: solid solid none solid;
    border-width: 1px;
    border-color: silver;
    position: relative;
    left: 0px;
    top: 0px;
    width: 100%;
    background-image: url(../../Images/header.jpg);
    background-repeat: repeat-x;
    background-position: bottom;
}

#pageMessage
{
    padding: 0px;
    margin: 0px;
    border-width: 1px;
    border-color: gray;
    border-style: none solid none solid; /*	position: fixed;*/
    top: 0px;
    width: 100%;
    height: auto; /*	z-index: 10;*/
}

#body
{
    border-style: solid;
    border-width: 1px;
    border-color: silver;
    position: relative;
    top: 0px;
    width: 100%;
    height: auto;
}

#footer
{
    border-style: none solid solid solid;
    border-width: 1px;
    border-color: silver;
    position: relative;
    left: 0px;
    top: 0px;
    width: 100%;
    background-image: url(../../Images/menuheader.jpg);
}

#himg
{
    position: relative;
    left: 15px;
    top: -5px;
}

#hcontent
{
    position: relative;
    left: 40px;
    top: -30px;
    color: gray;
    font-family: Verdana;
    font-size: 20px;
}

#hrule
{
    position: relative;
    left: 15px;
    top: -25px;
    color: Silver;
}

#bcontent
{
    position: relative;
    left: 15px;
    top: -15px;
}

.prev
{
    background-image: url(../../Images/prev.gif);
    height: 26px;
    width: 44px;
}

.prev:HOVER
{
    background-image: url(../../Images/prev_hover.gif);
    height: 26px;
    width: 44px;
}

.prev_disabled
{
    background-image: url(../../Images/prev_disabled.gif);
    height: 26px;
    width: 44px;
}

.next
{
    background-image: url(../../Images/next.gif);
    height: 26px;
    width: 44px;
}

.next:HOVER
{
    background-image: url(../../Images/next_hover.gif);
    height: 26px;
    width: 44px;
}

.next_disabled
{
    background-image: url(../../Images/next_disabled.gif);
    height: 26px;
    width: 44px;
}



.first
{
    background-image: url(../../Images/first.gif);
    height: 26px;
    width: 44px;
}

.first:HOVER
{
    background-image: url(../../Images/first_hover.gif);
    height: 26px;
    width: 44px;
}

.first_disabled
{
    background-image: url(../../Images/first_disabled.gif);
    height: 26px;
    width: 44px;
}

.last
{
    background-image: url(../../Images/last.gif);
    height: 26px;
    width: 44px;
}

.last:HOVER
{
    background-image: url(../../Images/last_hover.gif);
    height: 26px;
    width: 44px;
}

.last_disabled
{
    background-image: url(../../Images/last_disabled.gif);
    height: 26px;
    width: 44px;
}





.menuheader
{
    padding: 2px;
    border-style: solid;
    border-width: 0px;
    border-color: silver;
    background-image: url(../../Images/menuheader.jpg);
    background-position: bottom;
}


.textCell
{
    /*border-right: silver 1px solid; 	border-top: silver 1px solid; 	border-left: silver 1px solid; 	border-bottom: silver 1px solid; 	background-color: #eaeaff;*/
    border: 1px solid #F4F4F4;
    background-color: #FDFDFD;
    text-align: right;
   /* font-weight: bold;*/
    color: #555555;
}

.textCellRechargePin
{
    /*border-right: silver 1px solid; 	border-top: silver 1px solid; 	border-left: silver 1px solid; 	border-bottom: silver 1px solid; 	background-color: #eaeaff;*/
    border: 1px solid #F4F4F4;
    background-color: #FDFDFD;
    text-align: right;
   /* font-weight: bold;*/
    color: #555555;
    font-size: 11px
}


.gridTextCell
{
    border-right: silver 1px solid; border-bottom: silver 1px solid;
  /*  text-align: right;
    font-weight: bold;*/
    color: #111111;
    padding: 4px 4px 4px 4px;
}

.saveButtonRow
{
    /* border-right: silver 1px solid;     border-top: silver 1px solid;     border-left: silver 1px solid;     border-bottom: silver 1px solid;     background-color: #ffffff;*/
    text-align: right;
    font-weight: bold;
}

.subHeader
{
    color: Maroon;
    font-weight: bold;
}


.textBoxCell
{
    /*border-right: silver 1px solid; 	border-top: silver 1px solid; 	border-left: silver 1px solid; 	border-bottom: silver 1px solid;*/
    background-color: #ffffff;
}

.rowheader
{
    background-image: url(../../Images/rowheader.jpg);
    background-repeat: repeat-x;
    background-position: top;
    height: 20px;
}

.button
{
    font-family: Tahoma;
    font-size: 8pt;
    height: 18px;
    color: White;
    background-color: #666666;
    border: solid 1px black;
}

.payButton
{
    font-family: Tahoma;
    font-size: 8pt;
    height: 18px;
    margin-left: 10px;
    color: White;
    background-color: Green;
    border: solid 1px black;
}
/*.button:HOVER
{
	background-image: url(../../Images/menuheader.jpg);
	background-color: #eeeeff;
	background-position: bottom;
}*/

.gridRow
{
    border-right: silver 1px solid;
    border-top: silver 1px solid;
    border-left: silver 1px solid;
    border-bottom: silver 1px solid;
    background-color: #f0f0f0; /* font-weight: bold;*/
    color: Black;
}

.gridRow1
{
    border-right: silver 1px solid;
    border-top: silver 1px solid;
    border-left: silver 1px solid;
    border-bottom: silver 1px solid;
    background-color: #cccccc; /* font-weight: bold;*/
    color: Black;
}

.gridAltRow
{
    border-right: silver 1px solid;
    border-top: silver 1px solid;
    border-left: silver 1px solid;
    border-bottom: silver 1px solid;
    background-color: #ffffff; /* font-weight: bold;*/
    color: Black;
}

.gridHeader
{
    /*  background-color: #baccd5;*/
    background-color: #ffffff;
    text-align: left;
    font-weight: bold;
    font-size: 11px;
    background-image: url(../../Images/menuheader.jpg);
    background-position: top;
    background-repeat: repeat-x;
}

.inputbox
{
    border-right: silver 1px solid;
    border-top: silver 1px solid;
    font-size: 11px;
    border-left: silver 1px solid;
    color: #000000;
    border-bottom: silver 1px solid;
    font-family: Verdana;
    background-color: #F4F4F4;
}

.formtable
{
border: solid 1px #cccccc;
}

.popUpMenu
{
    border-right: gray 1px solid;
    border-top: gray 1px solid;
    border-left: gray 1px solid;
    border-bottom: gray 1px solid;
    width: 100%;
    background-color: #eeeeff;
    padding-right: 1px;
    padding-left: 1px;
    padding-bottom: 1px;
    padding-top: 1px;
}

.popUpSubMenu
{
    padding-left: 10px; /*	font-size: 11px;*/
    color: black;
    font-family: Verdana;
    border-right: #eeeeff 1px solid;
    border-top: #eeeeff 1px solid;
    border-left: #eeeeff 1px solid;
    border-bottom: #eeeeff 1px solid;
}

.aNoUnderline
{
    text-decoration: none;
}

.printsheader
{
    font-weight: bold;
    font-size: 11px;
    font-family: Tahoma;
    text-align: center; /*	font-variant: small-caps;*/
    border-style: solid;
    border-width: 1px;
    border-color: silver;
    background-image: url(../../Images/menuheader.jpg);
    background-position: top;
}

.pager
{
    font-size: 10px;
    color: black;
    font-family: Tahoma;
}

.pagerTd
{
    border-right: #7777cc 1px solid;
    border-top: #7777cc 1px solid;
    border-left: #7777cc 1px solid;
    border-bottom: #7777cc 1px solid;
    width: 13px;
    height: 13px;
    text-align: center;
    cursor: hand;
}

.rowCell
{
    /*  border-right: solid 1px #ccccff;     border-bottom: solid 1px #ccccff;     height: 20px;*/
    color: #444444;
}

.redButton
{
    background-color: #DD0000;
    border: none;
    color: White;
    font-family: Tahoma;
    font-size: 11px;
    height: 17px;
}

.greenButton
{
    background-color: #009933;
    border: none;
    color: White;
    font-family: Tahoma;
    font-size: 11px;
    height: 17px;
}

.blueButton
{
    background-color: #0000AA;
    border: none;
    color: White;
    font-family: Tahoma;
    font-size: 11px;
    height: 17px;
}

.pagerTdCurrent
{
    border-right: #7777cc 1px solid;
    border-top: #7777cc 1px solid;
    border-left: #7777cc 1px solid;
    border-bottom: #7777cc 1px solid;
    width: 13px;
    height: 13px;
    text-align: center;
    background-color: #aaaaee;
    color: White;
}

.note
{
    border: solid 1px green;
    background-color: #eeffee;
    font-weight: bold;
}

.supportInfo
{
     font-family: Verdana;
     color: #505050;
     width: 628px;
}



/* radtreeview */


        .RadTreeView .rtUL ul.rtUL
        {
            padding-left: 0px;
        }
                /* First level nodes: */
        .RadTreeView .rtUL div 
        { 
            padding-left: 3px;
        }

        /* Second level nodes: */
        .RadTreeView .rtUL .rtLI
         {
              background-position: 0px 0px;
         }
        .RadTreeView .rtUL .rtUL div 
        {
             padding-left: 15px; background-position: 20px 0 !important; 
        }
        
        .RadTreeView .rtUL .rtUL div a
        {
            text-decoration: underline;
            color: #5F5F5F;
            font-family: Tahoma;
            font-size: 11px;
        }
        
        .RadTreeView .rtUL .rtUL div a:hover
         {
            text-decoration:none;
            color:Red;
         }



.style32
{
    height: 21px;
    font-family: Verdana;
    font-size: x-small;
    font-weight: bold;
}
.style49
{
    width: 25%;
}
.style54
{
    height: 23px;
    width: 58%;
}
.style68
{
    font-family: Tahoma;
    font-size: 8pt;
}
.style69
{
    font-family: Verdana;
    font-size: xx-small;
    color: #666666;
}
.style70
{
    color: #333333;
    font-family: Tahoma;
    font-size: 10pt;
}
.style73
{
    color: #666666;
    font-family: Tahoma;
    font-size: 10pt;
}
.style75
{
    height: 23px;
    width: 157px;
}
.style78
{
    width: 157px;
}

.style79
{
    height: 23px;
    width: 274px;
}
.style80
{
    width: 274px;
}

.style81
{
    font-weight: normal;
}
.style82
{
    color: #333333;
    font-family: Tahoma;
    font-size: 9pt;
}

.style48
{
    font-size: 12pt;
}
.style49
{
    font-family: Tahoma;
    font-size: 8pt;
    height: 22px;
}

greenButton2
{
    background-color: #00FF00;
}

