body
{
    font-family: Verdana;
    color: Navy;
    background-image: url(images/bkgd.jpg);
    background-repeat: repeat-x;
    margin: 0;
}
#page
{
    margin-top: 15px;
}

/* XML Navigation Menu 
.nav { background-image: url(images/bkgd_navRight.jpg); }
.navMenu { color:Black; }
.navTopMenu { text-decoration:none; color:black; padding:0; margin:0; background-image: url(images/bkgd_nav.jpg); }
.navTop { text-decoration:none; padding:1px 15px 0 15px; text-align:center; height:44px; color:black; font-size:11px; border-bottom:5px black solid; background-image:url(images/button.jpg); background-position:right;}
.navTopHover { text-decoration:none; color:black; font-size:11px; border-bottom:5px #CC0000 solid; background-image:url(images/button_select.jpg); background-position:right;}

.navSecondLevelMenu { border-top:5px #CC0000 solid; padding:0; background-color:White; border-right:solid 1px black; border-bottom:solid 4px black; border-left:solid 1px black;}
.navSecondLevel { background-color:white; display:block; font-size:11px; padding:6px 12px 7px 12px;   }
.navSecondLevelHover { background-color:#E6E6E6; color:#CC0000; }
*/

/* Telerik */

.radmenu
{
    color:red; height: 49px; margin:0 0;  background-image: url('/images/bkgd_nav.jpg');
}

.nav
{
	
    height: 50px;
    width: auto;
    margin: 0;
    background-image: url(images/bkgd_nav.jpg);
    
}
#nav
{
    height: 45px;
    width: auto;
    margin: 0 0;
    border-bottom: 5px black solid;
    background-image: url(images/bkgd_nav.jpg);
}
#nav ul
{
    margin: 0;
    padding: 0;
    list-style-type: none;
}
#nav li
{
    z-index: 1;
    float: left;
    height: 45px;
    font-size: 11px;
    position: relative;
}
#nav li ul
{
    position: absolute;
    left: 0;
    top: auto;
    display: none;
}
#nav li > ul
{
    top: auto;
    left: auto;
}
#nav li:hover ul
{
    display: block;
    clear: left;
    height: auto;
}

#nav li:hover, #nav li.sfhover
{
    background-image: url(images/select.gif); /*border-left:1px #003333 solid; border-right:1px #003333 solid;*/
}

#nav ul li a
{
    display: block;
    float: left;
    color: black;
    text-decoration: none;
    height: 45px;
    padding: 0 15px;
    background-image: url(images/button.jpg);
    background-position: right;
}
#nav ul li a:hover
{
    display: block;
    float: left;
    color: black;
    text-decoration: none;
    height: 45px;
    padding: 0 15px;
    border-bottom: 5px #CC0000 solid;
    background-image: url(images/button_select.jpg);
    background-position: right;
}

#nav ul li:hover ul, #nav ul li.sfhover ul
{
    display: block;
    margin-top: 0px;
    border-top: 5px #CC0000 solid;
    border-right: 1px black solid;
    border-bottom: 5px black solid;
    border-left: 1px black solid;
    position: absolute;
    top: 45px;
    left: -1px;
    background-color: white;
    height: auto;
    width: 170px;
}

#nav ul li ul li
{
    display: block;
    position: relative;
    top: -1px;
    height: 20px;
    border-top: 1px #CC0000 dotted;
    width: 166px;
    padding: 5px 0 0 4px;
}
#nav ul li ul li a
{
    background-image: none;
    border: 0;
    text-decoration: none;
    padding-left: 11px;
}
#nav ul li ul li a:hover
{
    display: block;
    background-image:none;
    border: 0;
    text-decoration: none;
    padding-left: 11px;
    width: 150px;
    color: #CC0000;
}

#nav ul li ul:hover
{
    background-image: url(images/button_select.jpg);
}

/* #nav ul li:hover ul { filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90; display:block; margin-top:0px; border-top:5px #CC0000 solid; border-right:1px black solid; 
    border-bottom:1px black solid; border-left:1px black solid; position:absolute; top:45px; left:-1px; background-color:white; background-image: url(images/button_select.jpg); height:25; width:185px;}
*/
#backOffice
{
    color: #c30;
    left: 5px;
    top: -12px;
    font-size: 22px;
    font-weight: bold;
    position: relative;
    display: inline;
    width: auto;
}
/*#welcome { position:relative; top:5px; font-size:11px; color:black; text-align:right; padding-right:15px; border-bottom:5px black solid; background-image: url(images/bkgd_nav.jpg); float:right;}
#welcome .name { color:#666; } */
#welcome { font-size:11px; color:black; text-align:right; padding-right:15px;background-image: url(images/bkgd_nav.jpg); float:right;}
#welcome .name { color:#666666; } 
.welcome
{
    position:relative;
    top:0px;
    float: right;
    color: #c00;
    padding-right: 15px;
    font-size: 11px;
    font-weight: bold;
    position: relative;
    bottom: 10px;
}
#left
{
    color: navy;
    background-image: url(images/bkgd_left.jpg);
    background-repeat: repeat-y;
    width: 150px;
    padding: 13px;
    font-size: 11px;
    
}
.footerLeft
{
    color: navy;
    
    width: 150px;
    padding: 13px;
    font-size: 11px;
    border-top: 5px black solid;
}

.box
{
    position:relative;
    top:2px;
    color: navy;
    margin: 0;
    padding: 5px 5px 0 5px;
    display: block;
    background-image: url(images/bkgd_box.jpg);
    background-repeat: no-repeat;
    width: 148px;
    height: auto;
}

.boxTitle
{
    font-weight: bold;
    color: #cc3300;
}
.box_bottom
{
    margin: 0 0 10px 0;
    display: block;
    background-image: url(images/box_bottom.jpg);
    background-position: bottom;
    background-repeat: no-repeat;
    height: 9px;
    width: 158px;
}
#left .box p
{
    margin: 0;
}

.overflow { height:150px; overflow:scroll; }

#main
{
    float: left;
    padding: 10px;
    
    
    background-color: white;
    font-size: 0.7em;
    color: black;
    text-align: left;
}
#mainBinary
{
    border-left: 1px gray solid;
    padding: 10px 0 10px 0;
    border-right: 1px gray solid;
    border-bottom: 5px black solid;
    background-color: white;
    font-size: 0.7em;
    color: black;
    text-align: left;
}
h1
{
    font-size: 18px;
    color: #cc3300;
    margin: 1px 0 0 0;
}

.buttonGreen
{
    border: solid 1px green;
    color: green;
    font-weight: bold;
    background: url(../images/buttonBkgd.gif)
}

.buttonGreen:hover
{
    background: url(../images/buttonBkgdGreen.gif)
}

.buttonRed
{
    border: solid 1px #cc3333;
    color: #cc3333;
    font-weight: bold;
    background: url(../images/buttonBkgd.gif)
}

.buttonRed:hover
{
    background: url(../images/buttonBkgdRed.gif)
}

.buttonDisabled
{
    border: solid 1px gray;
    color: gray;
    font-weight: bold;
    background: url(../images/buttonBkgd.gif)
}

.warning
{
    font-size: 18px;
    font-weight: bold;
    color: #c00;
}
.instruction
{
    font-weight: normal;
    color: black;
}
.warningSmall
{
    font-weight: bold;
    color: #c00;
}

#mainBinary h1
{
    font-size: 18px;
    color: #cc3300;
    margin: 1px 0 0 0;
    padding-left: 10px;
}

h2
{
    font-size: 12px;
    color: #cc3300;
    margin: 10px 0 0 0;
    
}
.documentLink a
{
    font-size: 11px;
    font-weight:bold;
    color: gray;
    text-decoration:none;
}

.documentLink a:hover
{
    font-weight:bold;
    color: #c30;
    text-decoration:none;
}

.largeLink
{
    font-size: 18px;
    color: #cc3300;
}

#login
{
    border: solid 1px gray;
    width: 350px;
}
.paymasterLink
{
    color: Purple;
    font-weight:bold;
}
fieldset
{
    padding: 10px;
}
legend
{
    padding: 0 8px 4px 0;
    color: #cc3300;
    font-weight: bold;
    margin-bottom: 2px;
}

.required { color:#c00; font-size:11px; font-weight:bold; text-align:right; }
.requiredLeft { color:#c00; font-size:11px; font-weight:bold; text-align:left; }
.requiredNormal { color:#c00; font-size:11px; text-align:right; }
.field { font-size:11px; font-weight:bold; text-align:right; }

/*p { margin-top:10px; }*/
.footer
{
    font-size: 11px;
    border-top: 5px black solid;
    text-align: center;
}

/* set millions of background images */
.rbroundbox
{
    background: url(images/nt.gif) repeat;
}
.rbtop div
{
    background: url(images/tl.gif) no-repeat top left;
}
.rbtop
{
    background: url(images/tr.gif) no-repeat top right;
}
.rbbot div
{
    background: url(images/bl.gif) no-repeat bottom left;
}
.rbbot
{
    background: url(images/br.gif) no-repeat bottom right;
}

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot
{
    width: 100%;
    height: 7px;
    font-size: 1px;
}
.rbcontent
{
    margin: 0 7px;
}
.rbroundbox
{
    width: 100%;
    margin: 1em auto;
}

.NETreadOnly
{
    color: gray;
}
.newPayment
{
    color:blue;
}
.rowStyle
{
    background-color:white;
}

.altRowStyle
{
    background-color:#F7F6F3;
}

.link
{
    color:#c00; text-decoration:none;
}

.link:hover
{
    color:#c00; text-decoration:underline;
}
.debtTitle
{
    font-size: 18px;
    font-weight: bold;
    color: #336600;
    margin: 1px 0 0 0;
}
.debtField
{
    color:#c00;
    text-align:right;
}
.popupBox
{
    position:absolute;
    left:30%;
    top:170px;
    padding:5px;
    border: solid 2px #c00;
    background-color:white;
    /*background-image:url(../images/pnlBkgd.jpg);
    background-repeat:repeat-x;*/
}
.popupBox h1
{
    font-size:14px;
    border-bottom:solid 1px #c00;
    height:20px;
}
.popupBoxHeader { font-size: 14px; color: white; font-weight:bold; background-color:#cc0000; }

.popupBoxRequired
{
    color:#c00;
}
.popupBoxRequiredRight
{
    color:#c00;
    font-weight:bold;
    text-align:right;
}
.popupBox2
{
    position:absolute;
    left:30%;
    top:170px;
    padding:5px;
    border: solid 2px blue;
    background-color:white;
    /*background-image:url(../images/yellow.gif);*/
}
.popupBox2 h1
{
    font-size:14px;
    border-bottom:solid 1px blue;
    height:20px;
    color:Blue;
}

.popupBoxRequired2
{
    color:#c00;
}
.popupBoxRequiredRight2
{
    color:#c00;
    font-weight:bold;
    text-align:right;
}
.emailPreview
{
    position: relative;
    top:-5px;
}

.binaryBox
{
    border: solid 1px silver;
    width:175px;
}

#binary
{
    width: 100%;
    text-align: center;
    background-image: url('images/binaryCenter.gif');
    background-position: center;
    background-repeat: repeat-y;
    padding-bottom: 20px;
    margin-top: 0px;
}

#binary .topID
{
    position: relative;
    top: -5px;
    font-weight: bold;
    color: red;
    width: 200px;
    display: inline;
    border: solid 1px black;
    background-color: #CCFFCC;
    padding: 5px;
    margin-top: 0px;
    text-align: center;
}

#binary .leftRight
{
    z-index: 2;
    color: #c66;
    position: absolute;
    left: 165px;
    top: 325px; /* 247px */
    font-weight: bold;
    display: inline;
    font-size: 22px;
}

#binary .level
{
    z-index:1;
    height: 32px;
    width: 160px;
    position: relative;
    left: 50px;
    top: -22px;
    font-weight: bold;
    display: inline;
    background-image: url(images/binaryLevel.jpg);
    padding-left: 50px;
    float: left;
    font-size: 25px;
    color: white;
    text-align: right;
    padding-right: 25px;
}

.binaryLeft
{
    position: relative;
    left: 30px;
    top: 30px;
    font-weight: bold;
    color: black;
    width: 100px;
    display: inline;
}

.binaryRight
{
    position: relative;
    right: 30px;
    top: 30px;
    font-weight: bold;
    color: black;
    width: 100px;
    display: inline;
}

#binary .hopCount0
{
    width: 100%;
    position: relative;
    display: inline;
    float: left;
    padding-bottom: 10px;
}

#binary .hopCount0 a img
{
    border: 0;
}

#binary .hopCount1
{
    width: 49.5%;
    position: relative;
    display: inline;
    float: left;
    margin-bottom: 20px;
}

#binary .hopCount1 a img
{
    border: 0;
}

#binary .hopCount2
{
    width: 24.7%;
    position: relative;
    display: inline;
    float: left;
    margin-bottom: 20px;
}

#binary .hopCount2 a img
{
    border: 0;
}

#binary .hopCount3
{
    width: 12.35%;
    position: relative;
    display: inline;
    float: left;
    margin-bottom: 20px;
}

#binary .hopCount3 a img
{
    border: 0;
}

#binary .hopCount4
{
    width: 6.17%;
    position: relative;
    display: inline;
    float: left;
}

#binary .hopCount4 a img
{
    border: 0;
}

.rmpPageView
{
	/*BorderColor="" BorderStyle="solid" BorderWidth="1" */
	border-bottom: 1px #b9b9b9 solid;
	border-left: 1px #b9b9b9 solid;
	border-right: 1px #b9b9b9 solid;
	background-image: url(images/topborder.jpg);
	background-position:top;
	background-repeat:repeat-x;
	position:relative;
	top: -4px;
}
.debtHeader
{
    background-color: Gray;
    color: White;
    text-align:right;
}
.debtRow
{
    background-color: Silver;
    text-align:right;
}

.quickLink { color:black; text-decoration:none; line-height:20px;}
.quickLink:hover { color:#c00; }
.quickLink_disabled { color:Gray; text-decoration:none; line-height:20px;}

.gray { color:Gray; }
.red { color: #c00; }



.repMenuItem
{
	text-decoration:none;
	text-align:center; 
    padding-top:25px;
    padding-bottom:11px;
    padding-left:10px;
    padding-right:10px;
    color:Black;
}

.repMenuItem :hover
{
	text-decoration:none;
	background-image:url(images/button_select_white.jpg);
	background-position: right;
}


.repMenu
{
	text-decoration:none;
	position: relative;
	top:1px;
	color:Black;
	background-image:url(images/button.jpg);
	background-position: right;
	font-size: 11px;
	
	
}


.repMenu :hover
{
	background-image:url(images/button_select_white.jpg);
	background-position: right;
	text-decoration:none;
	color:red;
	
}

.repMenu .group :hover
{
	background-image:none;
	background-color:#f4f4f4;
	text-decoration:none;
	color:red;
}

.repMenu .vertical .separator .text
{
   padding-top: 5px; /* use padding instead of height */
   background: #ff0000;
   font-size: 1px; /* IE height fix */
}

.repSubMenuItemTop
{
/*	border-top-style:solid;
	border-top-width:1px;
	border-top-color:Black;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:Black;
	border-left-width:1px;
	border-left-color:Black;
	border-left-style:solid;
	border-right-width:1px;
	border-right-color:Black;
	border-right-style:solid;
	background-color:White;
    padding-bottom:7px;
    padding-left:10px;
    padding-right:40px;
    padding-top:7px;
*/
    border:solid 1px black;
    padding:7px 40px 7px 10px;
    background-color:White;
    color:Black;
    text-decoration:none;
        
}
.repSubMenuItem
{
/*	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:Black;
	border-left-width:1px;
	border-left-color:Black;
	border-left-style:solid;
	border-right-width:1px;
	border-right-color:Black;
	border-right-style:solid;
	background-color:White;
    padding-bottom:7px;
    padding-left:10px;
    padding-right:40px;
    padding-top:7px;
*/
    border:solid 1px black;
    border-top:0;
    padding:7px 40px 7px 10px;
    background-color:White;
    text-decoration:none;
    color:black;
    position:relative;
    
/*    filter:alpha(opacity=90);
    -moz-opacity:.90;
    opacity:.90;
*/
}

.repSubMenuItem .group
{
	background-image: url('/images/rightArrow.gif');
}

.rightArrow
{
	background-image: url('/images/rightArrow.gif'); background-repeat:no-repeat; background-position:right;
}

.pinLevelPairs
{
    background-color:yellow;
    font-weight:normal;
    height:auto;
}
.dashBoardPanel
{
    background-color:White;
    border:solid 1px #c00;
    width:100%;
}
.dashBoardPanel2
{
    background-color:White;
    border:solid 1px #360;
    width:100%;
}
.dashBoardPanel3
{
    background-color:White;
    border:solid 1px #339;
    width:100%;
}
.dashBoardPanelScroll
{
    background-color:White;
    
    width:92%;
}
.dashBoardTitle
{
    font-size:12px;font-weight:bold; position:relative;top:2px;left:5px;color:#c00;
}
.dashBoardTitle2
{
    font-size:12px;font-weight:bold; position:relative;top:2px;left:5px;color:#360;
}
.dashBoardTitle3
{
    font-size:12px;font-weight:bold; position:relative;top:2px;left:5px;color:#339;
}
.dashBoardTitleScroll
{
    font-size:12px;font-weight:bold; position:relative;top:2px;left:5px;color:purple;
}
.dashboardItem
{
    color:#c00; 
    background-image:url("../images/dots.gif");
    background-repeat:repeat-x;
    background-position:bottom;
}
.dashboardItem2
{
    color:#360; 
    background-image:url("../images/dots.gif");
    background-repeat:repeat-x;
    background-position:bottom;
}
.dashboardItem3
{
    color:#339; 
    background-image:url("../images/dots.gif");
    background-repeat:repeat-x;
    background-position:bottom;
}
.dashboardValue
{
    color:#c00;
    text-align:right;
    background-image:url("../images/dots.gif");
    background-repeat:repeat-x;
    background-position:bottom;
}
.dashboardValue2
{
    color:#360;
    text-align:right;
    background-image:url("../images/dots.gif");
    background-repeat:repeat-x;
    background-position:bottom;
}
.dashboardValue3
{
    color:#339;
    text-align:right;
    background-image:url("../images/dots.gif");
    background-repeat:repeat-x;
    background-position:bottom;
}
#scrollPersonal
{
    overflow:auto;
    border:solid 1px #339;
    width:100%;
}
#scrollFT
{
    overflow:auto;
    border:solid 1px purple;
    width:100%;
}
#scrollHT
{
    overflow:auto;
    border:solid 1px purple;
    width:100%;
}
#scrollNotActivated
{
    overflow:auto;
    border:solid 1px purple;
    width:100%;
}#scrollUnpaid
{
    overflow:auto;
    border:solid 1px purple;
    width:100%;
}

.rmpPageView
{
      border: 1px #b9b9b9 solid;    
      position:relative;
      top: -4px;
}

#signupBox 
{
    position:relative;
    top:-4px;
    border:solid 1px #c00;
    width:600px;
    padding:0px;
}

#agreement 
{
    border:solid 1px gray;
    width:550px;
    height:135px;
    overflow: auto;
    padding:5px;
}

.box { margin:0; color:#CC0000; padding:10px 10px 0 10px; display:block; background-image:url(images/bkgd_box.jpg); background-repeat:no-repeat; width:138px; height:auto; }
.box_bottom { margin:0 0 10px 0; display:block; background-image:url(images/box_bottom.jpg); background-position:bottom; background-repeat:no-repeat; height:9px; width:158px; }
.boxHeader { font-weight:bold; border-bottom:solid 1px #c00; width:100%; display:block; margin-bottom:5px; }
.quickLink { color:black; text-decoration:none; line-height:20px;}
.quickLink:hover { color:#c00; }
.quickLink_disabled { color:Gray; text-decoration:none; line-height:20px;}

.btnVideo
{
    color:black;
    text-align:left;
    padding-right:8px;
    background-image:url('../images/btnMovie_right.png');
    background-position:right;
}

.btnVideo a
{
    color:black;
    text-decoration:none;
}

.btnVideo a:hover
{
    color:#c00;
    
}

.highlightRow1
{
    color:white;
    font-weight:bold;
    font-size:12px;
    padding:5px 0 5px 4px;
    background-color:#f63;
}

.highlightRow2
{
    padding:5px 0 5px 4px;
    background-color:silver;
}