/*
* *************************************
* $Header: /ResellerGateway/ResellerGateway/styles/rgateway.css 2     5 11 07 16:50 Paulr $
* *************************************
*/

@media Branding
{ 
	Brand#default  active
	{ 
		Logo:   "<a href='http://www.netcall.com' target='_blank'><img src='images/NetcallID.jpg' width='128' height='85' border='0' hspace='30' vspace='30' alt='Netcall - your call is our call'></a>";
		LogoBG: "";
		AllowAccountStop: true;
		AllowAccountStart: true;
	} 

	Brand#cableandwireless      
	{ 
		Logo:   "<a href='http://www.netcall.com' target='_blank'><img src='images/NetcallID.jpg' width='128' height='85' border='0' hspace='30' vspace='30' alt='Netcall - your call is our call'></a>";
		LogoBG: "";
		AllowAccountStop: false;
		AllowAccountStart: false;
	} 

	Brand# OLD LOGO'S
	{ 
		Logo:   "<img src='images/logo.jpg' border='0' width='718' height='109'>";
		LogoBG: "images/logo_bg.jpg";
	} 

}

BODY
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 10pt;
    BACKGROUND: #ffffff;
    COLOR: #000000;
    FONT-FAMILY: Arial, Tahoma, Verdana;
    TEXT-DECORATION: none
}
TD
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 10pt;
    FONT-FAMILY: Arial, Tahoma, Verdana;
    TEXT-DECORATION: none
}
H1
{
    FONT-FAMILY: Arial, Tahoma, Verdana
}
H2
{
    FONT-FAMILY: Arial, Tahoma, Verdana
}
H3
{
    FONT-FAMILY: Arial, Tahoma, Verdana
}
H4
{
    FONT-FAMILY: Arial, Tahoma, Verdana
}
H5
{
    FONT-FAMILY: Arial, Tahoma, Verdana
}
.header
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    BACKGROUND: #cceeff;
    COLOR: #000000;
    TEXT-INDENT: 0%;
    FONT-FAMILY: Arial, Tahoma, Verdana;
    TEXT-ALIGN: left;
    TEXT-DECORATION: none
}
.bgheader
{
    BORDER-RIGHT: silver ridge;
    BORDER-TOP: silver ridge;
    FONT-WEIGHT: bold;
    FONT-SIZE: 12pt;
    BACKGROUND: #cceeff;
    BORDER-LEFT: silver ridge;
    COLOR: #ffffff;
    BORDER-BOTTOM: silver ridge;
    FONT-FAMILY: Arial, Tahoma, Verdana;
    TEXT-DECORATION: none
}
.content
{
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    FONT-WEIGHT: normal;
    FONT-SIZE: 10pt;
    BACKGROUND: #ffffff;
    BORDER-LEFT: medium none;
    COLOR: #000000;
    BORDER-BOTTOM: medium none;
    FONT-FAMILY: Arial, Tahoma, Verdana;
    TEXT-DECORATION: none
}
A:link
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 10pt;
    BACKGROUND: #ffffff;
    COLOR: #ff0000;
    FONT-FAMILY: Arial, Tahoma, Verdana;
    TEXT-DECORATION: none
}
A:visited
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 10pt;
    BACKGROUND: #ffffff;
    COLOR: #ff0000;
    FONT-FAMILY: Arial, Tahoma, Verdana;
    TEXT-DECORATION: none
}
A:hover
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 10pt;
    BACKGROUND: #ffffff;
    COLOR: #ff0000;
    FONT-FAMILY: Arial, Tahoma, Verdana;
    TEXT-DECORATION: underline
}
A.highlite:hover
{
    FONT-FAMILY: Arial, Tahoma, Verdana;
    BACKGROUND-COLOR: #00ffff

}
.formbg 
{  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #333333; background-color: #f7f7f7
}
.highlite
{
    FONT-FAMILY: Arial, Tahoma, Verdana;
    BACKGROUND-COLOR: aqua
}
.highlite1
{
    FONT-FAMILY: Arial, Tahoma, Verdana;
    BACKGROUND-COLOR: aqua
}
.highlite2
{
    FONT-FAMILY: Arial, Tahoma, Verdana;
    BACKGROUND-COLOR: yellow
}
.highlite3
{
    FONT-FAMILY: Arial, Tahoma, Verdana;
    BACKGROUND-COLOR: lime
}
.highlite4
{
    FONT-FAMILY: Arial, Tahoma, Verdana;
    BACKGROUND-COLOR: fuchsia
}
.highlite5
{
    FONT-FAMILY: Arial, Tahoma, Verdana;
    BACKGROUND-COLOR: #cceeff
}
.highlite6
{
    FONT-FAMILY: Arial, Tahoma, Verdana;
    BACKGROUND-COLOR: silver
}
.highlite7
{
    FONT-FAMILY: Arial, Tahoma, Verdana;
    BACKGROUND-COLOR: olive
}
.highliteX
{
    FONT-FAMILY: Arial, Tahoma, Verdana;
    BACKGROUND-COLOR: red
}
.label
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: 10pt;
    COLOR: black
}
A.menuButtonActive
{
    BORDER-RIGHT: #c0c0c0 1px solid;
    PADDING-RIGHT: 6px;
    BORDER-TOP: #c0c0c0 1px solid;
    PADDING-LEFT: 6px;
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    LEFT: 0px;
    PADDING-BOTTOM: 2px;
    BORDER-LEFT: #c0c0c0 1px solid;
    CURSOR: default;
    COLOR: #000000;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: #c0c0c0 1px solid;
    FONT-STYLE: normal;
    FONT-FAMILY: "MS Sans Serif", Arial, Tahoma, sans-serif;
    POSITION: relative;
    TOP: 0px;
        cursor: hand;
    TEXT-DECORATION: none;
    text-align:center;  
    width:10%;
}
A.menuButton:hover
{
    BORDER-LEFT-COLOR: #f0f0f0;
    BORDER-BOTTOM-COLOR: #505050;
    COLOR: red;
    BORDER-TOP-COLOR: #f0f0f0;
        cursor: hand;
    BORDER-RIGHT-COLOR: #505050
}
A.menuButtonActive
{
    BORDER-LEFT-COLOR: #505050;
    LEFT: 1px;
    BORDER-BOTTOM-COLOR: #f0f0f0;
    COLOR: red;
    BORDER-TOP-COLOR: #505050;
    TOP: 1px;
    BACKGROUND-COLOR: #f0f0f0;
        cursor: hand;
    BORDER-RIGHT-COLOR: #f0f0f0
}
A.menuButtonActive:hover
{
    BORDER-LEFT-COLOR: #505050;
    LEFT: 1px;
    BORDER-BOTTOM-COLOR: #f0f0f0;
    COLOR: red;
    BORDER-TOP-COLOR: #505050;
    TOP: 1px;
    BACKGROUND-COLOR: #f0f0f0;
        cursor: hand;
    BORDER-RIGHT-COLOR: #f0f0f0
}
.menu
{
    BORDER-RIGHT: #909090 2px solid;
    PADDING-RIGHT: 0px;
    BORDER-TOP: #f0f0f0 2px solid;
    PADDING-LEFT: 0px;
    Z-INDEX: 101;
    VISIBILITY: hidden;
    DISPLAY: none;
    PADDING-BOTTOM: 0px;
    BORDER-LEFT: #f0f0f0 2px solid;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: #909090 2px solid;
    POSITION: absolute;
    BACKGROUND-COLOR: #66ccff;
        cursor: hand;
    TEXT-ALIGN: left;
}
.menuOpen
{
    BORDER-RIGHT: #909090 2px solid;
    PADDING-RIGHT: 0px;
    BORDER-TOP: #f0f0f0 2px solid;
    PADDING-LEFT: 0px;
    Z-INDEX: 101;
    VISIBILITY: ;
    DISPLAY: ;
    PADDING-BOTTOM: 0px;
    BORDER-LEFT: #f0f0f0 2px solid;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: #909090 2px solid;
    POSITION: absolute;
    BACKGROUND-COLOR: #66ccff;
        cursor: hand;
    TEXT-ALIGN: left;
}
A.menuItem
{
    PADDING-RIGHT: 12px;
    DISPLAY: block;
    PADDING-LEFT: 12px;
    Z-INDEX: 101;
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    PADDING-BOTTOM: 2px;
    MARGIN: 0px;
    CURSOR: default;
    COLOR: #000000;
    PADDING-TOP: 2px;
    FONT-STYLE: normal;
    FONT-FAMILY: "MS Sans Serif", Arial, Tahoma,sans-serif;
    WHITE-SPACE: nowrap;
        cursor: hand;
    TEXT-DECORATION: none
}
A.menuSelected
{
        padding-right: 12px;
        display: block;
        padding-left: 12px;
        font-weight: normal;
        font-size: 8pt;
        z-index: 101;
        padding-bottom: 2px;
        margin: 0px;
        cursor: default;
        color: red;
        padding-top: 2px;
        font-style: normal;
        font-family: "MS Sans Serif" , Arial, Tahoma,sans-serif;
        WHITE-SPACE: nowrap;
        cursor: hand;
        text-decoration: none;
}
A.menuSelected:hover
{
    COLOR: red;
        cursor: hand;
    BACKGROUND-COLOR: #f0f0f0
}
A.menuItem:hover
{
    COLOR: red;
        cursor: hand;
    BACKGROUND-COLOR: #f0f0f0
}
.menuItemSep
{
    BORDER-TOP: #add8e6 1px solid;
    MARGIN: 3px 2px;
    cursor: hand;
    BORDER-BOTTOM: #add8e6 1px solid
}
.handCursor
{
        cursor: hand;
}

/* THIS IS FOR THE SUMM.ASP PAGE */

.rowheader
{
        text-align:left;
        background-color:#0096c8;
        color:white;
        font-weight:bold; 
        font-size:x-small;
        white-space:nowrap;
}
.coltitle
{
        text-align:center;
        background-color:lightblue;
        color:black;
        font-weight:bold;
        font-size:x-small;
        white-space:nowrap;
}
.colheader
{
        text-align:center;
        background-color:#cceeff;
        color:black;
        font-weight:bold;
        font-size:x-small;
        writing-mode:tb-rl;
        white-space:nowrap;
}
.totalheader
{
        text-align:center;
        background-color:#0096c8;
        color:white;
        font-weight:bold;
        font-size:x-small;
        writing-mode:tb-rl;
        white-space:nowrap;
}
.colsubheader
{
        text-align:center;
        background-color:lightblue;
        color:black;
        font-weight:bold;
        font-size:x-small;
        writing-mode:tb-rl;
        white-space:nowrap;
}

.rowtitle
{
        text-align:right;
        background-color:#cceeff;
        font-weight:bold;
        font-size:x-small;
        white-space:nowrap;
        color:black;
}
.rowdata
{
        text-align:center;
        background-color:#f5f5f5;
        font-size:x-small;
        white-space:nowrap;
        color:black;
}
.rowtotal
{
        text-align:center;
        font-size:x-small;
        white-space:nowrap;
        background-color:gray;
        color:white;
        colspan:99;
}
.rowsubtotal
{
        text-align:center;
        font-size:x-small;
        white-space:nowrap;
        background-color:silver;
        color:black;
        colspan:99;
}