body
{
font-size: 8pt;
color:#000000;
font-family: verdana, arial;
}
td
{
font-size: 8pt;
color:#000000;
font-family: verdana, arial;
}
a
{
color:#394591;
font-family: verdana, arial, helvetica, sans-serif;
}
a:hover
{
color:#ee9700;
font-family: verdana, arial, helvetica, sans-serif;
}
.menugroup1
{
	font-size: 8pt;
color:#394591;
font-family: verdana, arial;
}
.menugroup1:hover
{
	font-size: 8pt;
color:#ffffff;
font-family: verdana, arial;
}
.menugroup2
{
	font-size: 8pt;
font-weight:bold;
color:#394591;
font-family: verdana, arial;
text-decoration: none;
}
.menugroup2:hover
{
	font-size: 8pt;
font-weight:bold;
color:#ffffff;
font-family: verdana, arial;
text-decoration: none;
}
.menugroup2selected
{
	font-size: 8pt;
font-weight:bold;
color:#394591;
font-family: verdana, arial;
text-decoration: none;
}
.menugroup2selected:hover
{
	font-size: 8pt;
font-weight:bold;
color: #c0bfbf;
font-family: verdana, arial;
text-decoration: none;
}
.menugroup2side
{
	font-size: 8pt;
font-weight:bold;
color:#ffffff;
font-family: verdana, arial;
text-decoration: none;
}
.menugroup2side:hover
{
	font-size: 8pt;
	font-weight:bold;
color:#394591;
font-family: verdana, arial;
text-decoration: none;
}
.menugroup2sideselected
{
	font-size: 8pt;
	font-weight:bold;
color:#394591;
font-family: verdana, arial;
text-decoration: none;
}
.menugroup2sideselected:hover
{
	font-size: 8pt;
	font-weight:bold;
color:#394591;
font-family: verdana, arial;
text-decoration: none;
}
.menugroup2child
{
	font-size: 8pt;
font-weight:bold;
color: #ffffff;
font-family: verdana, arial;
text-decoration: none;
}
.menugroup2child:hover
{
	font-size: 8pt;
	font-weight:bold;
color: #e20a16;
font-family: verdana, arial;
text-decoration: none;
}
.menugroup2childselected
{
	font-size: 8pt;
	font-weight:bold;
color: #000000;
font-family: verdana, arial;
background-color: #bdb5b5;
text-decoration: none;
}

.menugroup2childselected:hover
{
	font-size: 8pt;
	font-weight:bold;
color: #8b8989;
font-family: verdana, arial;
text-decoration: none;
}
.selectbox
{
font-size: 9pt;
font-family: verdana, arial;
}
.button
{
font-size: 8pt;
color:#000000;
font-family: verdana, arial;
background-color:#bec7e4;
cursor:hand;
}
.buttonred
{
font-size: 8pt;
color:#FFF;
font-family: verdana, arial;
background-color:#DF0024;
border:solid 1px #000000;
height:20px;
cursor:hand;
}
.button_green
{
font-size: 8pt;
color:#000000;
font-family: verdana, arial;
background-color:green;
border-bottom:solid 2px #000;
border-right:solid 2px #000;
cursor:hand;
}
.textbox
{
font-size: 9pt;
font-family: verdana, arial;
width:180px;
}
.poweredby
{
	font-weight: bold;
font-size: 7pt;
color: #ffffff;
font-family: verdana, arial;
text-decoration: none;
}
.poweredby:hover
{
	font-weight: bold;
font-size: 7pt;
color: #e0002d;
font-family: verdana, arial;
text-decoration: none;
}
#textwhite
{
color: white;
}
.small
{
font-size: 8pt;
}
#small
{
font-size: 8pt;
}
.bgcolour1
{
background-color:#ffffff;
}
#bgcolour1
{
background-color:#ffffff;
}
.bgcolour2
{
background-color:#bec7e4;
}
#bgcolour2
{
background-color:#bec7e4;
}
.bgcolour3
{
background-color:#ee9700;
}
#bgcolour3
{
background-color:#ee9700;
}
.bgcolour4
{
background-color:#ffffff;
}
#bgcolour4
{
background-color:#ffffff;
}
.bgcolour5
{
background-color:#ffffff;
}
#bgcolour5
{
background-color:#ffffff;
}
.bgcolour6
{
background-color:#724C93;
}
#bgcolour6
{
background-color:#724C93;
}
.bgcolour7
{
background-color:#F7D639;
}
#bgcolour7
{
background-color:#F7D639;
}
.bgcolour8
{
background-color:#D02931;
}
#bgcolour8
{
background-color:#D02931;
}



.textrowbgcolorheader
{
background-color:#39458f;
color:#FFFFFF;
}
#textrowbgcolorheader
{
background-color:#39458f;
}
.textrowbgcolor1
{
background-color:#bec7e4;
}
#textrowbgcolor1
{
background-color:#bec7e4;
}
.textrowbgcolor2
{
background-color:#ffffff;
}
#textrowbgcolor2
{
background-color:#ffffff;
}

.tbllftrgt
{
	border-left: solid #8b8989 1px;
	border-right: solid #8b8989 1px;
}
.tblbtmlftrgt
{
	border-bottom: solid #8b8989 20px;
	border-left: solid #8b8989 1px;
	border-right: solid #8b8989 1px;
}
.tblrgtsq
{
	border-right: solid #1e5c99 5px;
}
.tblrgt
{
	border-right: solid #c0c0ff 1px;
}
.tbllft
{
	border-left: solid #8b8989 1px;
}
.tbllftbtm
{
	border-left: solid #8b8989 1px;
	border-bottom: solid #8b8989 1px;
}
.tbltopbtm
{
	border-top: solid #8b8989 1px;
	border-bottom: solid #8b8989 1px;
}
.tblbtm
{
	border-bottom: solid #8b8989 1px;
}

.tbltop
{
	border-top: solid #8b8989 1px;
	
}
.tblBox
{
	border-top: solid #724C93 2px;
	border-bottom: solid #724C93 2px;
	border-left: solid #724C93 2px;
	border-right: solid #724C93 2px;

}
.tblBoxPSTN
{
	border-top: solid #8b8989 1px;
	border-bottom: solid #8b8989 1px;
	border-left: solid #8b8989 1px;
	border-right: solid #8b8989 1px;
	width: 100%;
	height: 100%;

}
.tblfaxlftrgttopbtm
{
	border-bottom: solid #000000 1px;
	border-left: solid #000000 1px;
	border-right: solid #000000 1px;
	border-top: solid #000000 1px;
}
.tblfaxrgtbtm
{
	border-bottom: solid #000000 1px;
	border-right: solid #000000 1px;
}
.tblfaxrgt
{
	border-right: solid #000000 1px;
}
.tblfaxbtm
{
	border-bottom: solid #000000 1px;
}

.tiny
{
font-size: 7pt;
font-family: verdana, arial;
}
.profilehead
{
font-weight: bold;
color: #FFFFFF;
background-color:#39458f;
}

.profilesubhead1
{
background-color:#BEC7E4;
border-bottom: 1px groove silver;
font-weight: bold;
font-style: italic;
}

.profilesubhead2
{

border-bottom: 1px groove dashed silver;
font-weight: bold;
font-variant: small-caps;
background-color:#C0C0BF;
}
.profilesubhead2B
{

border-top: 1px groove dashed silver;
font-weight: bold;
font-variant: small-caps;
}
.profilesubhead3
{
font-weight: 500;
font-style: italic;
}

.profilesubhead2_nobb
{
font-weight: normal;
font-variant: small-caps;
}

.profilehead
{
font-weight: bold;
color: #FFFFFF;
background-color:#39458f;
}

.profilesubhead1
{
background-color:#BEC7E4;
border-bottom: 1px groove silver;
font-weight: bold;
font-style: italic;
}

.profilesubhead2
{

border-bottom: 1px groove dashed silver;
font-weight: bold;
font-variant: small-caps;
}
.profilesubhead3
{
font-weight: 500;
font-style: italic;
}
.profilesubhead4
{
font-weight: 600;
font-style: italic;

}
.profilesubhead2_nobb
{
font-weight: normal;
font-variant: small-caps;
}
.profilesubhead_regrade
{
font-weight: 600;
font-style: italic;
background-color: #F8DC59;

}

.profileItems
{
font-style: italic;
}
.profilemonth_sub
{
background-color:#BEC7E4;
font-weight: normal;

}
.profilesubhead2_solid
{
background-color: #E2E2E2;
border-bottom: 1px groove dashed #E2E2E2;
font-weight: bold;
font-variant: small-caps;
}
.profilesubhead1_total_solid
{
background-color: #E2E2E2;
font-weight: bold;
font-variant: small-caps;
}
.profilesubhead2_total_solid
{
background-color: #E2E2E2;
font-weight: normal;

}
.profilesubhead2_total_solid_regrade
{
background-color: #E4D9A4;
font-weight: normal;

}

.profilesubhead_total_regrade
{
font-weight: 600;
font-style: italic;
background-color: #E4D9A4;

}

/*profile report locking of top column headings*/
div#tbl-profilerptcontainer {
width: 100%;
height: 500px;
overflow: auto;
}

div#tbl-profilerptcontainer table {
border-collapse: collapse;
}

div#tbl-profilerptcontainer  table td {
width: 200px;
}

thead td, thead td.locked	{
font-size: 8pt;
background-color: #39458F;
color: white;
position:relative;
}


thead td {
top: expression(document.getElementById("tbl-profilerptcontainer").scrollTop-2); /* IE5+ only */
z-index: 20;
}

thead td.locked {z-index: 30;}

td.locked{
background-color: #ffeaff;
font-weight: bold;
height:20px;
border-right: 1px solid silver;
left: expression(parentNode.parentNode.parentNode.parentNode.scrollLeft); /* IE5+ only */
position: relative;
z-index: 25;
}

.profilehead_locked
{
    font-weight: bold;
    color: #FFFFFF;
    background-color:#39458f;
    left: expression(parentNode.parentNode.parentNode.parentNode.scrollLeft); 
    position: relative;
    z-index: 26;
}

.profilesubhead1_locked
{
    background-color:#BEC7E4;
    border-bottom: 1px groove silver;
    font-weight: bold;
    font-style: italic;
    left: expression(parentNode.parentNode.parentNode.parentNode.scrollLeft); 
    position: relative;
    z-index: 25;
}

.profilesubhead2_solid_locked
{
    background-color: #E2E2E2;
    border-bottom: 1px groove dashed #E2E2E2;
    font-weight: bold;
    font-variant: small-caps;
    left: expression(parentNode.parentNode.parentNode.parentNode.scrollLeft); 
    position: relative;
    z-index: 25;
}

.profilesubhead2_locked
{
    border-bottom: 1px groove dashed silver;
    font-weight: bold;
    font-variant: small-caps;
    background-color:#C0C0BF;
    left: expression(parentNode.parentNode.parentNode.parentNode.scrollLeft); 
    position: relative;
    z-index: 25;
}

.profiletotals_locked
{
    background-color:#ffffff;
    left: expression(parentNode.parentNode.parentNode.parentNode.scrollLeft); 
    position: relative;
    z-index: 25;
}

.profilesubhead_locked
{
    background-color:#BEC7E4;
    border-bottom: 1px groove silver;
    font-weight: bold;
    font-style: italic;
    color:Black;
    font-weight:bold;
    left: expression(parentNode.parentNode.parentNode.parentNode.scrollLeft); 
    position: relative;
    z-index: 27;
}

.profilesubhead2B_locked
{

    border-top: 1px groove dashed silver;
    font-weight: bold;
    font-variant: small-caps;
    left: expression(parentNode.parentNode.parentNode.parentNode.scrollLeft); 
    position: relative;
    z-index: 25;
}



.profilesubhead_OPB
{
background-color:#BEC7E4;
border-bottom: 1px groove silver;
font-weight: bold;
font-style: italic;
color:Black;
font-weight:bold;
}
.profilemonth_sub_OPB
{
background-color:#BEC7E4;
font-weight: normal;
color:Black;
width:100%;
z-index: 26;
}

.VNReqQty
{
	width:50px;
	text-align:center;	
}
.VNReqCost
{
	width:50px;
	text-align:right;
}
.VNReqTxt
{
	width:150px;
	text-align:left;
}

.align-center{text-align:center;}


a.bgBlueLink
{
    color:black;text-decoration:none;
}
a.bgBlueLink:hover
{
    text-decoration:underline;
}

a.bgWhiteLink
{
    color:#fff;text-decoration:none;
}
a.bgWhiteLink:hover
{
    text-decoration:underline;
}


a.bgOrangeLink
{
    color:orange;text-decoration:none;
}
a.bgOrangeLink:hover
{
    text-decoration:underline;
}



#menu_hostedvoip
{
    margin-bottom:10px;
}
#menu_hostedvoip h2
{
    margin:0px;margin-bottom:5px
}
#menu_hostedvoip a.active
{
    font-weight:bold; text-decoration:none;        
}
#menu_hostedvoip a:hover
{
    text-decoration:none;        
}


.bbb-service-current {
	background-color: #ffffcc; 
	box-shadow: 0 0 0 1px #ffcc00; 
}


/*************************/
h3 {
	display: inline-block;
	margin-top: 10px;
	padding: 5px;
	width: 100%;
	font-size: 1.5em;
	font-weight: bold;
	background-color: #39458f;
	color: #fff;
}

/* Customer Details, etc */
span.head-sub-1 {
	display: inline-block;
	margin: 10px 0px 10px 0px;
	padding: 5px;
	width: 100%;
	font-size: 14px;
	font-weight: bold;
	background-color: #0072BC;
	color: #fff;
	width: 100%;
}

/*	Contact Details */
span.head-sub-2 {
	display: inline-block;
	margin-top: 5px;
	font-size: 13px;
	font-weight: bold;
	color: #39458f;
	/*color: #3B639C; /*#0072BC;*/
}

/* Address Details, etc */
span.head-sub-3 {
	display: inline-block;
	margin-top: 5px;
	width: 100%;
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
}

/* admin section for each form */
span.head-sub-admin {
	display: inline-block;
	margin: 25px 0px 10px 0px;
	padding: 5px;
	width: 100%;
	font-size: 1.5em;
	font-weight: bold;
	background-color: #6300A9;
	color: #fff;
	width: 100%;	
}


table[summary="Multi Panel 4 Structure"] td {
    border: 1px black solid;
    line-height: 1.5em;
}

table[summary="Inner Multi Panel 4 Structure"] {
	border-collapse:collapse;	
}
table[summary="Inner Multi Panel 4 Structure"] td > div {
	padding: 3px 2px 1px 2px;
}
table[summary="Inner Multi Panel 4 Structure"] td > a {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: fit-content; /* or set a fixed width if needed */
	padding:3px 2px 1px 2px;
}