/* CSS Document */


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

[if IE]>
<style type="text/css" media="screen">
/*body { behavior: url(csshover.htc); font-size: 100%; } 
#newmenu ul li { float: left; width: 100%; }
#newmenu ul li a { height: 1%; } 
#newmenu a, #newmenu h2 { font: bold 0.9em/1.4em arial, helvetica, sans-serif; } 
*/
/* Holly Hack for IE \*/
* html .suckertreemenu ul li { float: left; height: 1%;}
* html .suckertreemenu ul li a { height: 1%;}
* html .suckertreemenu ul li ul li { float: left;}
/* End */


</style>
<![endif]

#theIframe {border:0; background-color: transparent;overflow:auto;overflow-x:hidden;}

#mainmenu{
z-index: 99;
}
 
#flashmovie{
z-index:50;
}

body {
        background-color: #333333;
        margin-left: 0px;
        margin-top: 0px;
        margin-right: 0px;
        margin-bottom: 0px;
        background-image: url(images/bg.gif);
}

body,td,th {
        color: #333333;
}


A:link.footer,A:active.footer, A:visited.footer { font-family: Arial;font-size: 8pt;font-weight: bold; text-decoration: none; color: #000000;}
A:hover.footer { font-family: Arial;font-weight: bold; text-decoration: none; color: #db002a; font-size: 8pt;}



.flashmenu{
	margin: 0;
	padding: 0;
	list-style-type: none;
	z-index: 50;
}
.suckertreemenu ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	z-index: 99;
}

/*Top level list items*/
.suckertreemenu ul li{
	position: relative;
	display: block;
	float: left;
	background-color: #000000; /*overall menu background color*/
	margin-right: 0px;
	z-index: 99;
}

/*Top level menu link items style*/
.suckertreemenu ul li a{
	display: compact;
	width: 80px;
	text-decoration: none;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #000000;
	padding-top: 1px;
	padding-right: 15px;
	padding-bottom: 1px;
	padding-left: 10px;
	z-index: 99;
}


/*1st sub level menu*/
.suckertreemenu ul li ul{
left: 0;
position: absolute;
top: 10em; /* no need to change, as true value set by script */
display: block;
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.suckertreemenu ul li ul li{
	display: compact;
	float: none;
	z-index: 99;
}

/*All subsequent sub menu levels offset after 1st level sub menu */
.suckertreemenu ul li ul li ul{ 
right: 100px; /* no need to change, as true value set by script */
top: 0;
}

/* Sub level menu links style */
.suckertreemenu ul li ul li a{
	display: block;
	width: 100px; /*width of sub menu levels*/
	color: #FFFFFF;
	text-decoration: none;
	border: 1px solid #FFFFFF;
	background-color: #666666;
	padding-top: 1px;
	padding-right: 2px;
	padding-bottom: 1px;
	padding-left: 2px;
	z-index: 99;
}
.suckertreemenu ul li ul li.innov a{
	display: block;
	width: 100px; /*width of sub menu levels*/
	color: #FFFFFF;
	text-decoration: none;
	border: 1px solid #FFFFFF;
	background-color: #DF923A;
	padding-top: 1px;
	padding-right: 2px;
	padding-bottom: 1px;
	padding-left: 2px;
	z-index: 99;
}
.suckertreemenu ul li ul li.prepaid a{
	display: block;
	width: 100px; /*width of sub menu levels*/
	color: #FFFFFF;
	text-decoration: none;
	border: 1px solid #FFFFFF;
	background-color: #993333;
	padding-top: 1px;
	padding-right: 2px;
	padding-bottom: 1px;
	padding-left: 2px;
	z-index: 99;
}
.suckertreemenu ul li ul li.carrier a{
	display: block;
	width: 100px; /*width of sub menu levels*/
	color: #FFFFFF;
	text-decoration: none;
	border: 1px solid #FFFFFF;
	background-color: #EA6928;
	padding-top: 1px;
	padding-right: 2px;
	padding-bottom: 1px;
	padding-left: 2px;
	z-index: 99;
}
.suckertreemenu ul li ul li.voip a{
	display: block;
	width: 100px; /*width of sub menu levels*/
	color: #FFFFFF;
	text-decoration: none;
	border: 1px solid #FFFFFF;
	background-color: #ED2124;
	padding-top: 1px;
	padding-right: 2px;
	padding-bottom: 1px;
	padding-left: 2px;
	z-index: 99;
}

.suckertreemenu ul li a:hover{
	background-color: #000000;
	color: #FFFFFF;
	z-index: 99;
	width: 100px;
}
.suckertreemenu ul li.gray a:hover{
	background-color: #999999;
	color: #FFFFFF;
	z-index: 99;
}
.suckertreemenu ul li.innov a:hover{
	background-color: #BC6E15;
	color: #FFFFFF;
	z-index: 99;
}
.suckertreemenu ul li.prepaid a:hover{
background-color: #730E0E;
color: #FFFFFF;
}
.suckertreemenu ul li.carrier a:hover{
background-color: #B24610;
color: #FFFFFF;
}
.suckertreemenu ul li.voip a:hover{
background-color: #B60D0F;
color: #FFFFFF;
}

.suckertreemenu ul li.gray a:visited{
	color: #FFFFFF;
	z-index: 99;
}
.suckertreemenu ul li.innov a:visited{
	color: #FFFFFF;
	z-index: 99;
}
.suckertreemenu ul li.prepaid a:visited{
color: #FFFFFF;
}
.suckertreemenu ul li.carrier a:visited{
color: #FFFFFF;
}
.suckertreemenu ul li.voip a:visited{
color: #FFFFFF;
}


/*Background image for top level menu list links */
.suckertreemenu .mainfoldericon{
	background-color: #000000;
	
	background-repeat: no-repeat;
	background-position: right center;
}

/*Background image for subsequent level menu list links */
.suckertreemenu .subfoldericon{
	background-color: #000000;
	background-image: url(media/arrow-right.gif);
	background-repeat: no-repeat;
	background-position: right center;
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html .suckertreemenu ul li { float: left; height: 1%; }
* html .suckertreemenu ul li a { height: 1%; }
/* End */

}
<style type="text/css">

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.wireframemenu{
border: 1px solid #C0C0C0;
background-color: white;
border-bottom-width: 0;
width: 150px;
}

* html .wireframemenu{ /*IE only rule. Original menu width minus all left/right paddings */
width: 150px;
}

.wireframemenu ul{
padding: 0;
margin: 0;
list-style-type: none;
}

.wireframemenu a{
	padding: 4px 3px;
	display: block;
	width: 100px; /*Define width for IE6's sake*/
	color: #666666;
	text-decoration: none;
	border-bottom: 1px solid #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	background-color: #CCCCCC;
}

.wireframemenu a:visited{
color: #666666;
}

html>body .wireframemenu a{ /*Non IE rule*/
width: inherit;
}

.wireframemenu a:hover{
background-color: #666666;
color: #FFFFFF;
}

.pressHeader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
}
/* CSS Document */


body {
	background-color: #333333;
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 9px;
	line-height:11pt;
	margin:0px;padding:0px;
	height:auto;
}



.bodybg { 
 background-image: url('../graphix/t_splitbox.jpg'); 
 background-repeat: no-repeat;

}

.aboutmenu{
border-bottom-width: 0;
width: 165px;
}

* html .aboutmenu{ /*IE only rule. Original menu width minus all left/right paddings */
width: 165px;
}

.aboutmenu ul{
padding: 0;
margin: 0;
list-style-type: none;
}

.aboutmenu a{
	padding: 4px 3px;
	display: block;
	width: 165px;
	color: #666666;
	text-decoration: none;
	border-bottom: 1px solid #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	background-color: #CCCCCC;
}

.aboutmenu a:visited{
color: #666666;
}

html>body .aboutmenu a{ /*Non IE rule*/
width: inherit;
}

.aboutmenu a:hover{
background-color: #666666;
color: #FFFFFF;
}

.carriermenu{
background-color: white;
border-bottom-width: 0;
width: 165px;
}

* html .carriermenu{ /*IE only rule. Original menu width minus all left/right paddings */
width: 165px;
}

.carriermenu ul{
padding: 0;
margin: 0;
list-style-type: none;
}

.carriermenu a{
	padding: 4px 3px;
	display: block;
	width: 165px; /*Define width for IE6's sake*/
	color: #ffffff;
	text-decoration: none;
	border-bottom: 1px solid #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	background-color: #ea6928;
}

.carriermenu a:visited{
color: #FFFFFF;
}

html>body .carriermenu a{ /*Non IE rule*/
width: inherit;
}

.carriermenu a:hover{
background-color: #B24610;
color: #FFFFFF;
}

.prepaidmenu{
background-color: white;
border-bottom-width: 0;
width: 165px;
}

* html .prepaidmenu{ /*IE only rule. Original menu width minus all left/right paddings */
width: 165px;
}

.prepaidmenu ul{
padding: 0;
margin: 0;
list-style-type: none;
}

.prepaidmenu a{
	padding: 4px 3px;
	display: block;
	width: 165px; /*Define width for IE6's sake*/
	color: #ffffff;
	text-decoration: none;
	border-bottom: 1px solid #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	background-color: #993333;
}

.prepaidmenu a:visited{
color: #ffffff;
}

html>body .prepaidmenu a{ /*Non IE rule*/
width: inherit;
}

.prepaidmenu a:hover{
background-color: #730E0E;
color: #FFFFFF;
}

.innovationmenu{
background-color: white;
border-bottom-width: 0;
width: 165px;
}

* html .innovationmenu{ /*IE only rule. Original menu width minus all left/right paddings */
width: 165px;
}

.innovationmenu ul{
padding: 0;
margin: 0;
list-style-type: none;
}

.innovationmenu a{
	padding: 4px 3px;
	display: block;
	width: 165px; /*Define width for IE6's sake*/
	color: #ffffff;
	text-decoration: none;
	border-bottom: 1px solid #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	background-color: #df923a;
}

.innovationmenu a:visited{
color: #ffffff;
}

html>body .innovationmenu a{ /*Non IE rule*/
width: inherit;
}

.innovationmenu a:hover{
background-color: #bc6e15;
color: #FFFFFF;
}

.voipmenu{
background-color: white;
border-bottom-width: 0;
width: 165px;
}

* html .voipmenu{ /*IE only rule. Original menu width minus all left/right paddings */
width: 165px;
}

.voipmenu ul{
padding: 0;
margin: 0;
list-style-type: none;
}

.voipmenu a{
	padding: 4px 3px;
	display: block;
	width: 165px; /*Define width for IE6's sake*/
	color: #ffffff;
	text-decoration: none;
	border-bottom: 1px solid #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	background-color: #ed2124;
}

.voipmenu a:visited{
color: #ffffff;
}

html>body .voipmenu a{ /*Non IE rule*/
width: inherit;
}

.voipmenu a:hover{
background-color: #b60d0f;
color: #FFFFFF;
}

.padding {
	background-color: #ffffff;
	padding: 10px;
}

.initial { background-color: #DDDDDD; color:#000000 }
.normal { background-color: #ffffff }
  	
.highlight {
	background-color: #efefef;
	border: 2px solid #333333;
}

a.nav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
}

a.nav:hover {
	color: #1E2D4A;
}

a.quickNav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}

a.quickNav:hover {
	color: #FFFFFF;
}

/* remove after assign version 2 */
a.statusRenew {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FF9900;}
a.statusRenew:hover { color: #FF9900; }

a.statusActive {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #339900;}
a.statusActive:hover { color: #339900; }

.statusActive {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #339900;}
.statusRenew  {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FF9900;}
.statusClosed {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #990000;}

.helpText{
	font-size: 11px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #666666;
	background-color: #D6DFF1;
}

.area {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	background-color: #FFFFFF;
}


.url {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #CCCCCC;
}

.error {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ff0000;
}

.numberPullDown{
	font-size: 12px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #666666;
}


.bold_1{
	font-weight: bold;
	color: #000000;
}

.planHeader{
	font-weight: bold;
	color: #000000;
}

.bold_2{
	color: #000000;
}

.bold_3{
	font-weight: bold;
	color: #000000;
	font-size: 12px;
}

.bold_4{
	font-weight: bold;
	font-size: 16px;
	color: #23314E;
}


.smallFormField{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: 	#6D84AB;	
}

.smallFormData{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #2A3A54;	
}

.smallFormButton{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #2A3A54;	
}

.tableBoldWhite{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
}

.tableBoldBlue{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: bold;
}

.formField{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: 	#6D84AB;	
}

.formData{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #2A3A54;	
}

.formButton{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #2A3A54;	
}

.date {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}

.bannerLabel {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}

.bannerLabel2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}

.bannerData {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #6D84AB;;
}

.header {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #6D84AB;
	background-color: #2C3B57;	
}

.orderId{
	font-size: 12px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #009933;
}

.textNormal{
	font-size: 11px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #404041;
	line-height: normal;
}
.textNormalItalic {
	font-style: italic;
}
.textNormalBold {
	font-weight: bold;
	line-height: normal;
}

.textLarge{
	font-weight: bold;
	font-size: 20px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #23314E;
}

.textMedium{
	font-size: 12px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #333333;
}

.textSmall{
	font-size: 8pt;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #666666;
}

.textSmallTerm{
	font-size: 11px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}

.textDark{
		font-size: 12px;
		font-family: Geneva, Arial, Helvetica, sans-serif;
		color: #333333;
}

.textDim{
		font-size: 12px;
		font-family: Geneva, Arial, Helvetica, sans-serif;
		color: #999999;
}

.pageContainer{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666666;
	padding: 10px;
	height: 100%;
	background-color:#FFFFFF
}


a.menu {
	
	/* color: #6D84AB; */
	color: #8BA0C2;
	width:auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 0px;
	margin-right: 5px;
	margin-left: 5px;
}

a.newsmenu {
	
	/* color: #6D84AB; */
	color: #8BA0C2;
	width:auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 0px;
	margin-right: 5px;
	margin-left: 5px;
}

a.csindexbutton {
	
	/* color: #6D84AB; */
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 0px;
	margin-right: 5px;
	margin-left: 5px;
}

a.csindexbuttonbold {
	/* color: #6D84AB; */
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 0px;
	margin-right: 5px;
	margin-left: 5px;
	font-weight: bold;
}
a.menu:hover {
	color: #ffffff;
	width:auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-right: 5px;
	margin-left: 5px;	
}

.areaHeader{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: 17px;
	color: #6D84AB;
	font-weight: bold;
	background-color: #ffffff;
}

.areaSubHeader{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #6d84ab;
	background-color: #FFFFFF;
}

.areaFeatures{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	background-color: #FFFFFF;
}

.areaFeatures2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	background-color: #FFFFFF;
}

.disclaimer1{
	font-size: 9px;
	line-height:11pt;
	font-family: Arial, Helvetica, sans-serif;
	color: #999999;
	margin-right: 2px;
}

.transHeader{
		color: #000000;
}

.transData{
		color: #ffffff;
}


#assignedBox {
	position:relative;
	width: 510px;
	height: 450px;
	overflow: auto;
	overflow-y: scroll;
	overflow-x: hidden;
	z-index: 99;
	}
rnk headers {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #999999;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
}
.textLargeHead {
	font-weight: bold;
	font-size: 16px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #000000;
}
.textLargeCopy {
	font-weight: bold;
	font-size: 20px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #23314E;
}

.ltgrayback {  background: #e2e2e2; border: #000000; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px;font-size: 8pt; font-family: Verdana;} 
.ltwhiteback {  background: #ffffff; border: #ffffff;} 
option:hover.optionhover {
                background: #db002a; color: #ffffff;
                }


input.submit {
                color: #000;
                background: #e2e2e2;
                border: #6a6a6a solid 2px;
                font-weight: bold;
                }

input:hover.submit {
                border: #db002a solid 2px;
                }

.bottom_right_border { background: #ffffff; border: #000000; border-style: solid; border-left-width: 0px; border-right-width: 1px; border-bottom-width: 1px; border-top-width: 0px; font-size: 8pt; font-family: Verdana; }