/****************************************************************************
* cgi.css is a stylesheet for all of our application specific style needs
*****************************************************************************/


//Text related basic styles
        body{
		font-family: Arial, Helvetica, sans-serif; 
                background-color:#FFFFFF;
                margin:0;
                padding:0;
        }
	b{
		font-family: Arial, Helvetica, sans-serif;
                font-weight:bold;
        }
        p{
		font-family: Arial, Helvetica, sans-serif;
                font-size:10pt;
        }
	blockquote, dl, dd{
		font-family: Arial, Helvetica, sans-serif;
                font-size:10pt;
	}

        h1{
		font-family: Arial, Helvetica, sans-serif;
                font-size:14pt;
        }

        h2{
		font-family: Arial, Helvetica, sans-serif;
                margin-top:10px;
		font-size:12pt;
        }

        h3{
		font-family: Arial, Helvetica, sans-serif;
                font-size:11pt;
        }

	hr{
		color: #CCCCCC;
	}

        ul,ol{
		font-family: Arial, Helvetica, sans-serif;
                font-size:10pt;
        }

	th {
		vertical-align: top;
	}

        input,select{
		font-family: Arial, Helvetica, sans-serif;
                font-size:10pt;
        }

        .red{
                font-weight:bold;
		color:#AD2524;
        }

	.bold {
		font-family: Arial, Helvetica, sans-serif;
            font-weight:bold;
            font-size:10pt;
        }

	.title {
		font-family: Arial, Helvetica, sans-serif;
            font-weight:bold;
            background-color:#E7E7E7;
            font-size:10pt;
        }
	
	.marginleft {
		margin-left:50px;
		margin-right:50px;
	}

/* Footer */

	.footer {
                height: 80px;
                text-align: left;
                vertical-align: bottom;
                font-family: Arial, Helvetica, sans-serif;
                font-size: 70%;
                color: #000000;
        }

//Hyper link styles

/*
        a.regular {
                color: black;
                text-decoration: underline;
        }

	a:link {
                color: #CC3300;
                text-decoration: underline;
        }

        a:visited {
                color: #666666;
                text-decoration: underline;
        }

        a:hover {
                color: #000000;
                text-decoration: underline;
        }


        a.whitelink:link {
                color: #FFFFFF;
                text-decoration: underline;
                font-weight:bold;
        }

        a.whitelink:visited {
                color: #FFFFFF;
                text-decoration: underline;
                font-weight:bold;
        }

        a.whitelink:hover {
                color: #FFFFFF;
                text-decoration: underline;
                font-weight:bold;
        }

        a.notalink{
                color:black;
                text-decoration:none;
                font-weight:bold;
        }

        a.light:visited{
                color:#ff7777;
        }

        a.light:link{
                color:#7777ff;
        }

        a.darkblue:link{
                color: #002F69;
                text-decoration: underline;
                font-weight:bold;
	}

        a.darkblue:hover{
                color: #002F69;
                text-decoration: underline;
                font-weight:bold;
        }

        a.darkblue:active{
                color: #002F69;
                text-decoration: underline;
                font-weight:bold;
        }

        a.darkblue:visited{
                color: #002F69;
                text-decoration: underline;
                font-weight:bold;
        }

*/

//Table related styles

 	table.ata {
		padding: 0px;
		margin: 0px;
		border-collapse: collapse;
 	}

 	table.data, table.data th {
		font-weight: normal;
		text-align: left;
		padding: 3px;
		background-color: #E7E7E7;
		border: 1px solid #E7E7E7;
		margin: 0px;
 	}

 	th.rowheader {
		text-align: left;
 	}

        th.tableheader{
                font-family:"Arial","Helvetica","sans-serif";
                font-size:10pt;
                font-weight:bold;
                color:#FFFFFF;
                background-color:#6C8FB5;
        }

	td.dataheader {	
		padding: 10px;
                background-color:#E7E7E7;
	}

	td.datatable {	
                background-color:#FFFFFF;
	}

	td.dataright {	
		text-align: right;
                background-color:#FFFFFF;
	}

	td.dataleft {	
		text-align: left;
                background-color:#FFFFFF;
	}

	td.datacenter {	
		align: center;
		text-align: center;
                background-color:#FFFFFF;
	}

	td.datacenter_bold {
		align: center;
		text-align: center;
                font-weight: bold;
                background-color:#FFFFFF;
	}

	p.hilite {
		color: #6C8FB5;
	}

	p.normal {
                font-weight: normal;
	}

	p.heavy {
                font-weight: bold;
	}

	p.fine_print {
                font-size: 8pt;
	}

//mailboxmanagerstyles

        .config{
                font-family:"Arial","Helvetica","sans-serif";
                color:#000000;
                font-size:10pt;
        }

        #the{
                visibility:hidden;
                position:relative;
                top:0;
                left:0;
        }

        .select{
                font-family:"Arial","Helvetica","sans-serif";
                color:#000000;
                font-size:10pt;
        }

        #balloon{
                visibility:hidden;
                top:-100;
                left:-100;
                position:absolute;
                z-index:20;
        }

        #helptextbottom{
                visibility:inherit;
                position:absolute;
        }

        .help{
                font-family:    "Arial","Helvetica","sans-serif";
                color:#000000;
                font-weight:normal;
                font-size:10pt;
                text-decoration:none;
                width:218;
                height:60;
                visibility:hidden;
                position:absolute;
                padding-left:10pt;
                padding-right:10pt;
                padding-top:20pt;
                border-color:#000000;
                z-index:20;
                border-width:2;
                border-color:#000000;
        }

        .buttonback{
                background-image:url("/images/mailboxmanager/menu_button.gif");
                background-repeat:no-repeat;
        }

        .whitesm{
                color:#FFFFFF;
                font-family:"Arial","Helvetica","sans-serif";
                font-weight:bold;
                text-decoration:none;
                font-size:10pt;
        }

        .whitetab{
                color:#FFFFFF;
                font-family:"Arial","Helvetica","sans-serif";
                font-size:9pt;
                font-weight:bold;
        }

        .whitesmall{
                color:#FFFFFF;
                font-family:"Arial","Helvetica","sans-serif";
                font-size:9pt;
                font-weight:normal;
        }

        .white{
                color:#FFFFFF;
                font-family:"Arial","Helvetica","sans-serif";
                font-size:10pt;
                font-weight:bold;
        }

        .folder{
                position:absolute;
                visibility:hidden;
                top:200;
                left:0;
                width:640;
                height:400;
        }

        .on{
                background-color:#FFFFFF;
        }

        .off{
                background-color:#FFFFFD;
        }

        .strong{
                background-color:#E7E7E7;
        }

        .noline{
                text-decoration:none;
        }

        .headercell{
                background-color:#000000;
                }

        .titlecell{
                background-color:#333399;
                font-family:"Arial","Helvetica","sans-serif";
                font-size:12pt;
                font-weight:bold;
                color:#FFFFFF;
                }

//account_infostyle

        .acctheader{
                color:  #FFFFFF;
                background-color:#E7E7E7;
        }

//invoicestyle

        .header {
                background-color: blue;
                color: white;
                width: 100%;
                border: none;
                padding: 5px;
                font-family: "Arial", "Helvetica", "sans-serif";
                font-weight: bolder;
        }

        .tab{
                height:33;
                border:none;
                background-color:#0000CC;
                color:#FFFFFF;
                font-family:"Arial","Helvetica","sans-serif";
                font-size:10pt;
                margin:0px;
        }

        .greybk{
                background-color:#FFFFFF;
                font-size:8pt;
                font-family:"Arial","Helvetica","sans-serif";
        }

        .whitebk{
                background-color:#FFFFFF;
                font-size:8pt;
                font-family:"Arial","Helvetica","sans-serif";
        }

        .invoiceth{
                color:#FFFFFF;
                font-family:"Arial","Helvetica","sans-serif";
                font-size:10pt;
                background:#666666;
        }

        #moment{
                visibility:visible;
                position:absolute;
                top:80;
                left:0;
                width:100%;
                z-index:10;
                font-size:1.2em;
                border:none;
                border-color:black;
                border-width:4px;
                background:#FFFFFF;
                font-family:"Arial","Helvetica","sans-serif";
                text-align:"center";
        }

        .special{
                font-family:"Arial","Helvetica","sans-serif";
                color:#000000;
                font-weight:normal;
                font-size:9pt;
                text-decoration:none;
        }

        #helptext{
                position:absolute;
                visibility:hidden;
                top:0;
                left:0;
        }

	/* New stuff ... for VPN table */
	table.invoicetable {
                border: none;
                background-color:       black;
                vertical-align: top;
                padding: 0px;
                width: 95%;
        }

	tbody.invoicetbody {
                overflow: scroll;
                height: 10em;
        }


	td.invoicetd, th.invoiceth, tr.on, tr.off {
                padding: 2px;
                margin: 0px;
                border: 0px;

                /* These two lines are here for Internet Explorer 5.0+ ...
                *  If there aren't, the cells will be 100px in height because
                *  it misinterprets the tbody rule above
                */
	}

	tr.on, tr.off {
		text-align: center;
                height: 10px;
                overflow: auto;
        } 

//network_utilstyles

        .nurspecial{
                font-family:"Arial","Helvetica","sans-serif";
                color:#FFFFFF;
                font-style:normal;
                text-decoration:none;
                text-align:left;
                border:none;
                border-width:0px;
                width:200px;
                float:right;
        }

        .listhead{
                background-color:#333333;
                color:#FFFFFF;
                font-weight:bold;
                font-size:10pt;
		vertical-align: bottom;
        }

	/* Added Fri Aug 22 15:24:43 EDT 2003 to NUR */
	.buttoncell {
		width: 100px;
		max-width: 100px;
	}

	.disclaimer {
                width: 90%;
                margin-left: auto;
                margin-right: auto;
		text-align: justify;
        }


        .nurborder{
                background-color:#000000;
        }


        .listcontent{
                background-color:#E7E7E7;
                font-size:9pt;
        }

        .ieborder{
                background-color:#E7E7E7;
                font-size:10pt;
                border:solid;
                border-width:2px;
                border-color:#000000;
        }

        .outsidecontent{
                font-size:18px;
        }

        .nurtab{
                color:#FFFFFF;
                font-size:10pt;
                align:center;
                background-image:url("/images/mailboxmanager/tab_back.gif");
                background-repeat:no-repeat;
                background-color:#FFFFFF;
        }

        .textlink{
                text-decoration:none;
                color:#000000;
        }

        .textlink:hover{
                text-decoration:underline;
                color:blue;
        }

	.errortext {
		color:#AD2524;
	}

	/****************************************************************
	* This stuff added Wed Jul 30 13:06:02 EDT 2003 for Network 
	*  Utilization update 
	*****************************************************************/

	.onOrder {
		color: #AD2524;
	}

	.rrdnavlinks {
		width: 90%;
		text-align: right;
		margin-left: auto;
		margin-right: auto;

	}

	#rrdmaincontent {
		margin-left: 5%;
		margin-right: 5%;
		padding: 20px;
		border: solid;
		border-color: black;
		background-color: #cccccc;
		text-align: center;
		margin-top: 50px;
	}

	#rrdmaincontent p {
		text-align: justify;
	}

	#rrdmaincontent h4 {
		text-align: jusitfied;
		width: 495px;
		margin-left: auto;
		margin-right: auto;
	}

	#rrdmaincontent table {
		margin-left: auto;
		margin-right: auto;
		padding: 10px;

	}

	#rrdmaincontent hr {
		border: solid;
		border-color: black;
		width: 495px;
		height: 1px;
		padding: 10px;
	}

	#rrdmaincontent img {
		border: solid;
		border-color: black;
		border-width: 1px;
	}

	.rrddatatable, .rrddatatable td, .rrddatatable th {
		border: solid;
		border-color: black;
		border-width: 1px;
		border-collapse: collapse;
		margin: 5px;
		padding-left: 10px;
		padding-right: 10px;
	}

	.rrddatatable td {
		background-color: white;
	}

	.rrddatatable th {
		background-color: #000000;
		color: white;
	}

	.rrddatatable td.blank {
		background-color:  black;
		border: none;
	}

	.rrddatatable {
		width: 495px;
	}

	tr.in td {
		background-color:  #9dbee3;
		font-weight: bold;
	}

	tr.out td{
		background-color: #666666;
		font-weight: bold;
		color: white;
	}

	a.textlink {
		text-decoration: none !important;
	}

	html, body {
		background-color: white !important;
	}

        div.cgiCanvas {
		height: 100%;
                background-color: white;
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 50px;
		padding-bottom: 50px;
	}
        td.on {
		border: none;
	}

	/* CGIs are variable width */
	table.hometabletop table.myTable {
		width: 100%;
	}