/* ---------- Text and titles throughout portal and BlackSpider Website -------------------*/

H1 {
	CLEAR: both; COLOR: #000000
}
H2 {
	CLEAR: both; COLOR: #000000
}
H3 {
	CLEAR: both; COLOR: #000000
}
H4 {
	CLEAR: both; COLOR: #000000
}
H1 {
	FONT-SIZE: 18px
}
H2 {
	FONT-SIZE: 16px
}
H3 {
	FONT-SIZE: 14px; COLOR: #333333
}
H4 {
	FONT-SIZE: 12px; COLOR: #333333
}
H1.title {
	  color:#868686;
	font-weight:bold;
	font-size:12px;
	border-bottom: 1px dotted #ccc;
	padding-top: 10px;
	padding-bottom: 2px;
}
h1.commercialtitle {
    padding-right: 5px;
    padding-bottom: 3px;
    padding-top: 5px;
    font-size:122%;
    font-weight:bold;
    color:black;
    margin-left:2px;
    padding-left:0px;
    background:transparent;
    display:block;
}
H2.title {
	FONT-WEIGHT: bold; FONT-SIZE: 18px; MARGIN-LEFT: 10px; font-color: red
}
H3.title {
	FONT-WEIGHT: normal; FONT-SIZE: 14px; MARGIN-LEFT: 10px; font-color: red
}
H4.title {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; MARGIN-LEFT: 10px; font-color: red
}
P {
	FONT-SIZE: 12px; COLOR: #333333; LINE-HEIGHT: 16px
}
P {
	FONT-FAMILY: Verdana,Arial, Helvetica, sans-serif
}
H1 {
	FONT-FAMILY: Verdana,Arial, Helvetica, sans-serif
}
H2 {
	FONT-FAMILY: Verdana,Arial, Helvetica, sans-serif
}
H3 {
	FONT-FAMILY: Verdana,Arial, Helvetica, sans-serif
}
H4 {
	FONT-FAMILY: Verdana,Arial, Helvetica, sans-serif
}
UL {
	FONT-FAMILY: Verdana,Arial, Helvetica, sans-serif
}
OL {
	FONT-FAMILY: Verdana,Arial, Helvetica, sans-serif
}
LI {
	FONT-FAMILY: Verdana,Arial, Helvetica, sans-serif
}
DIV {
	FONT-FAMILY: Verdana,Arial, Helvetica, sans-serif
}
SPAN {
	FONT-FAMILY: Verdana,Arial, Helvetica, sans-serif
}
BLOCKQUOTE {
	FONT-FAMILY: Verdana,Arial, Helvetica, sans-serif
}
BODY {
	FONT-FAMILY: Verdana,Arial, Helvetica, sans-serif
}
TABLE {
	FONT-FAMILY: Verdana,Arial, Helvetica, sans-serif
}
TD {
	FONT-FAMILY: Verdana,Arial, Helvetica, sans-serif
}

BR.x-small {
	MARGIN-TOP: 1em; FONT-SIZE: 12px; MARGIN-LEFT: 1px; COLOR: #000000
}
P.x-small {
	MARGIN-TOP: 1em; FONT-SIZE: 12px; MARGIN-LEFT: 1px; COLOR: #000000
}
LI.x-small {
	MARGIN-TOP: 1em; FONT-SIZE: 12px; MARGIN-LEFT: 1px; COLOR: #000000
}
TD.x-small {
	MARGIN-TOP: 1em; FONT-SIZE: 12px; MARGIN-LEFT: 1px; COLOR: #000000
}
A.small {
	FONT-WEIGHT: normal; FONT-SIZE: 10px; CURSOR: hand; COLOR: #990000; TEXT-DECORATION: none
}
A.small:hover {
	TEXT-DECORATION: none
}
.xx-small {
	font-size: 9px;
	font-weight: normal;
	font-family: Verdana,Arial, Helvetica, sans-serif;
}

.redheader {
	COLOR: #990000
}

A:link {
	FONT-WEIGHT: bold; COLOR: #cc0066; TEXT-DECORATION: underline;
}
A:visited {
	FONT-WEIGHT: bold; COLOR: #990000; TEXT-DECORATION: none; font-weight: normal;
}

div#floatmenu {font-size:70%;}
div#n1 {width:100%;text-align:right;height:22px;background-color:#b6b6b6;list-style-type:none}
div#n2 {width:100%;text-align:right;height:22px;background-color:transparent;list-style-type:none;background-image: url(/cobrand/blackspider/blackspider_images/activetab4x25.png)}
div#n3 {width:100%;text-align:right;height:22px;background-color:black;list-style-type:none}

div#iframe { background-color:white;height:100%;width:100%;overflow:auto}

#floatmenu li {list-style-type:none;padding-left:8px;padding-right:8px;padding-top:3px;text-decoration:none;float:right}

#n1 li {height:22px;list-style-type:none;font-weight:bold;padding-left:8px;padding-right:8px;padding-top:0px;text-decoration:none;float:left;vertical-align:middle}
#n1 li#menu{background-color:#b6b6b6;color:#fff;border-right:solid 1px #fff}

#n1 li#selmenu{background-color:#e7e7e7;color:#f00;background-image: url(/cobrand/blackspider/blackspider_images/activetab4x25.png);background-repeat: repeat-x;border-right:solid 1px #fff}

#n2 li {height:22px;list-style-type:none;font-weight:normal;padding-left:8px;padding-right:8px;padding-top:3px;text-decoration:none;float:left;}
#n2 li#menulower{background-color:transparent;color:#fff;border-right:solid 1px #fff}
#n2 li#selmenulower{background-color:#fff;color:#f00;background-image: url(/cobrand/blackspider/blackspider_images/activetab4x25.png);}

#n3 li {height:22px;list-style-type:none;font-weight:bold;padding-left:8px;padding-right:8px;padding-top:3px;text-decoration:none;float:right;}

/* NAV START */

td.n1 {
	text-align:left;
	height:22px;
	background-color:#b6b6b6;
}

td.n2 {
	text-align:left;
	height:22px;
	background-color:transparent;
	background-image: url(/cobrand/blackspider/blackspider_images/activetab4x25.png)
}

/* NAV END */

/* ---------- END Text and titles throughout portal and BlackSpider Website -------------------*/







/* ---------- version 1 original banner as used on BlackSpider Portal -------------------*/

A.nav:link {
	FONT-WEIGHT: bold; COLOR: #ffffff; BACKGROUND-COLOR: #000000; TEXT-DECORATION: none
}
A.nav:visited {
	FONT-WEIGHT: bold; COLOR: #ffffff; BACKGROUND-COLOR: #000000; TEXT-DECORATION: none
}
A.nav:hover {
	LIST-STYLE-POSITION: inside; COLOR: #cc0066; LIST-STYLE-TYPE: none; TEXT-DECORATION: underline
}



/* ---------- Secondary NAVIGATION in Portal -------------------*/

/* ---------- selected text at NAVIGATION -------------------*/
A.selmenuupper {
	PADDING-RIGHT: 5px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 10px; PADDING-BOTTOM: 5px; CURSOR: hand; COLOR: red; PADDING-TOP: 5px; FONT-FAMILY: Verdana,Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #000000; TEXT-DECORATION: none
}


/* NAV START */

A.navselmenu, a.navselmenu:link, a.navselmenu:active, A.navselmenu:visited, A.navselmenu:hover
{ 
	FONT-FAMILY: Verdana,Arial, Helvetica, sans-serif;
	background-color:#e7e7e7;
	color:#cc0066;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	padding-top: 2px;
	padding-bottom: 5px;

	padding-left: 5px;
	padding-right: 5px;
	border-right: #ffffff 2px solid;
	border-left: #ffffff 2px solid;
	font-size: 11px;
	margin: 0px;
 }


A.navmenu, A.navmenu:visited,a.navmenu:link  {
	color:#ffffff;
	text-decoration:none;
	text-align:center;
	font-size: 11px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	padding-right: 5px;
	font-weight:bold;
	background-color:#b6b6b6;
	border-right:solid 1px #fff
}

A.navmenu:hover
{
	color:#cc0066;
	text-decoration:none;
}

a.navmenu:active {
    color: #cc0066;
}

a.navmenulower:link,a.navmenulower:active,a.navmenulower:hover,a.navmenulower:visited {
    padding-right: 5px;
    padding-left: 5px;
	padding-left: 5px;
	padding-right: 5px;
    cursor: hand;
    color: #000000;
	font-weight:normal;
    text-decoration: none;
    font-size:11px;
	border-right: #ffffff 2px solid;
	background-image: url(/cobrand/blackspider/blackspider_images/activetab4x25.png);
	background-repeat: repeat-x;
}

a.navmenulower:hover {
    color: #cc0066;
    text-decoration: none;
}

a.navselmenulower, a.navselmenulower:visited,a.navselmenulower:link,a.navselmenulower:active,a.navselmenulower:hover {
    color: #cc0066;
    text-decoration: none;
	background-image: url(/cobrand/blackspider/blackspider_images/activetab4x25.png);
	background-repeat: repeat-x;
	padding-left: 5px;
	padding-right: 5px;
	font-weight:normal;
    font-size:11px;
}

/* NAV END */


a.menu:link,a.menu:active,a.menu:hover,a.menu:visited {
    padding-right: 5px;
    padding-left: 5px;
    font-weight: bold;
    cursor: hand;
    color: #ffffff;
    text-decoration: none;
	font-size:11px;
}

a.menu:hover {
    color: #cc0066;
    text-decoration: none;
}

a.menu:visited {
    color: #ffffff;
}

a.menu:active {
    color: #cc0066;
}

a.menulower:link,a.menulower:active,a.menulower:hover,a.menulower:visited {
    padding-right: 5px;
    padding-left: 5px;
    cursor: hand;
    color: #000000;
	font-weight:normal;
    text-decoration: none;
    font-size:11px;
}

a.menulower:hover {
    color: #cc0066;
    text-decoration: none;
}
a.menulower:visited {
    color: #000000;
    text-decoration: none;
}

div.breadcrumb{
	background: #ffa5ff;
    border : 1px solid #ff77ff;
    -moz-border-radius : 3px 3px 3px 3px; 
	margin: 7px 11px;
        padding-top: 1px;
        padding-bottom: 3px;
        padding-left: 10px;
	/*padding: 1px 10px;*/
	font-size: 12px;
        text-align: left;
}

div.breadcrumb a{
	text-decoration: underline;
	font-weight: normal;
	color: #cc0066;
}



/* ---------- selected links Secondary NAVIGATION bar -------------------*/
/*A.selmenulower {
	PADDING-RIGHT: 5px;
	PADDING-LEFT: 5px;
	FONT-SIZE: 11px;
	VERTICAL-ALIGN: top;
	CURSOR: hand;
	COLOR: #cc0066;
	FONT-FAMILY: Verdana,Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
	padding-top: 5px;
	padding-bottom: 5px;

}


A.selmenulower:visited {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: bold; FONT-SIZE: 11px; PADDING-BOTTOM: 5px; VERTICAL-ALIGN: top; CURSOR: hand; COLOR: #cc0066; PADDING-TOP: 0px; FONT-FAMILY: Verdana,Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #ffffff; TEXT-DECORATION: none
}*/

a.selmenulower {
    padding-right: 5px;
    padding-left: 5px;
    font-weight: bold;
    vertical-align: top;
    cursor: hand;
    color: #cc0066;
    background-color: transparent;
    text-decoration: none;
    padding-top: 3px;
    padding-bottom: 3px;
    font-size:11px;
}

a.selmenulower:visited,a.selmenulower:active {
    padding-bottom: 5px;
    color: #cc0066;
    padding-top: 5px;
    background-color: transparent;
    text-decoration: none;
}

TABLE.submenu {
	BORDER-TOP-WIDTH: 0px;
	BORDER-LEFT-WIDTH: 0px;
	FONT-SIZE: 12px;
	BORDER-BOTTOM-WIDTH: 0px;
	FONT-FAMILY: Verdana,Arial, Helvetica, sans-serif;
	BORDER-RIGHT-WIDTH: 0px;
	background-color: #CC0066;
	margin: 0px;
}
TD.submenu {
	/*PADDING-RIGHT: 5px; PADDING-LEFT: 13px; FONT-WEIGHT: bold; FONT-SIZE: 12px; PADDING-BOTTOM: 5px; MARGIN-LEFT: 15px; COLOR: #cc0066; PADDING-TOP: 5px;*/ BACKGROUND-COLOR: #e7e7e7;
}

.submenu b{
	color: #e7e7e7;
	}











/* ---------- version 2 alt banner unused -------------------*/

A.topnavtext:link {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: white; TEXT-DECORATION: none
}
A.topnavtext:visited {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: white; TEXT-DECORATION: none
}
A.topnavtext:hover {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: red; FONT-FAMILY: Verdana,Arial, Helvetica, sans-serif; BACKGROUND-COLOR: transparent; TEXT-DECORATION: none
}


A.topnavmenu {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FONT-WEIGHT: bold; FONT-SIZE: 12px; VERTICAL-ALIGN: bottom; CURSOR: hand; COLOR: #cc0066; FONT-FAMILY: Verdana,Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
A.topnavmenu:hover {
	COLOR: #ffffff; TEXT-DECORATION: none
}
A.topnavmenu:visited {
	COLOR: #ff0000
}
A.activtopnavemenu {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FONT-WEIGHT: bold; FONT-SIZE: 12px; CURSOR: hand; COLOR: #ff0000; FONT-FAMILY: Verdana,Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
A.activetopnavmenu:hover {
	COLOR: #ffffff; TEXT-DECORATION: none
}
A.activetopnavmenu:visited {
	COLOR: #ff0000
}

.topportalnavlogo {
	BORDER-TOP-WIDTH: 0px;
	BORDER-LEFT-WIDTH: 0px;
	BACKGROUND-IMAGE: url(http://www.mailcontrol.com/shared/topnav/portal_top_nav_r1_c1.png);
	BORDER-BOTTOM-WIDTH: 0px;
	BACKGROUND-REPEAT: no-repeat;
	BORDER-RIGHT-WIDTH: 0px;
	TEXT-DECORATION: none;
	background-position: left top;
	text-align: right;
	vertical-align: middle;
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.topportalnavspacer {
	FONT-WEIGHT: normal;
	FONT-SIZE: 12px;
	BACKGROUND-IMAGE: url(http://www.mailcontrol.com/shared/topnav/portal_top_nav_r1_c3.png);
	VERTICAL-ALIGN: middle;
	COLOR: #ffffff;
	BACKGROUND-REPEAT: repeat-x;
	FONT-FAMILY: Verdana,Arial, Helvetica, sans-serif;
	TEXT-ALIGN: left;
	TEXT-DECORATION: none;
	background-position: left top;
}

.topportalnavlogin {
	BACKGROUND-POSITION: center top;
	FONT-SIZE: 10px;
	BACKGROUND-IMAGE: url(http://www.mailcontrol.com/shared/topnav/portal_top_nav_r1_c4.png);
	WIDTH: 103px;
	BACKGROUND-REPEAT: no-repeat;
	HEIGHT: 50px;
	TEXT-DECORATION: none;
	text-align: center;
	vertical-align: top;
	font-family: Verdana,Arial, Helvetica, sans-serif;
	padding-top: 8px;
	padding-left: 10px;
}

/*td.portaltopnavbarback {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 0px; COLOR: white; PADDING-TOP: 0px; BACKGROUND-COLOR:#b6b6b6; margin-bottom: 0px;text-align: left;
}*/
 
/* ---------- End version 2 alt banner unused -------------------*/


/* =============================== END Top Banner in Portal ===============================*/










 
/* ---------- Used throughout Portal area for table styles -------------------*/


TD.adminkeynoalign {
	PADDING-LEFT: 10px; FONT-WEIGHT: bold; FONT-SIZE: 12px; VERTICAL-ALIGN: top; COLOR: #000000; FONT-STYLE: normal; FONT-FAMILY: Verdana,Arial, Helvetica, sans-serif
}
TD.adminkey {
	PADDING-LEFT: 10px; FONT-WEIGHT: bold; FONT-SIZE: 12px; VERTICAL-ALIGN: top; COLOR: #000000; FONT-STYLE: normal; FONT-FAMILY: Verdana,Arial, Helvetica, sans-serif; TEXT-ALIGN: right
}


td.adminkeyvcentre {
	PADDING-LEFT: 10px; FONT-WEIGHT: bold; FONT-SIZE: 12px; VERTICAL-ALIGN: middle; COLOR: #000000; FONT-STYLE: normal; FONT-FAMILY: Verdana,Arial, Helvetica, sans-serif; TEXT-ALIGN: right
}

TABLE.admin {
	BORDER-RIGHT: #e6e6e6 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #e6e6e6 1px solid; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; BORDER-LEFT: #e6e6e6 1px solid; WIDTH: auto PADDING-TOP: 1px; BORDER-BOTTOM: #e6e6e6 1px solid; BACKGROUND-COLOR: #e6e6e6; TEXT-ALIGN: left
}

TD.admin {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: normal; FONT-SIZE: 12px; PADDING-BOTTOM: 3px; VERTICAL-ALIGN: top; PADDING-TOP: 2px; BACKGROUND-COLOR: #ffffff
}

TD.adminvcentre {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: normal; FONT-SIZE: 12px; PADDING-BOTTOM: 3px; VERTICAL-ALIGN: middle; PADDING-TOP: 2px; BACKGROUND-COLOR: #ffffff
}

TD.adminkeydebug {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #000000; FONT-STYLE: italic; FONT-FAMILY: Verdana,Arial, Helvetica, sans-serif; TEXT-ALIGN: right; font-color: red
}

TD.admindebug {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #000000; FONT-STYLE: italic; FONT-FAMILY: Verdana,Arial, Helvetica, sans-serif; background-color: darkgrey
}

/* Removed td to reuse in json client */
.admintitle {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-WEIGHT: bold; FONT-SIZE: 14px; PADDING-BOTTOM: 2px; COLOR: white; PADDING-TOP: 2px; FONT-STYLE: normal; FONT-FAMILY: Verdana,Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #999999; TEXT-ALIGN: center
}
TD.admintitlenoalign {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-WEIGHT: bold; FONT-SIZE: 14px; PADDING-BOTTOM: 2px; COLOR: white; PADDING-TOP: 2px; FONT-STYLE: normal; FONT-FAMILY: Verdana,Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #999999
}

/* ---------- Used in Portal reporting area for data tables -------------------*/
table.report {
	BORDER-RIGHT: #e6e6e6 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #666666 1px solid; PADDING-LEFT: 2px; PADDING-BOTTOM: 1px; BORDER-LEFT: #666666 1px solid; PADDING-TOP: 1px; BORDER-BOTTOM: #e6e6e6 1px solid; BACKGROUND-COLOR: #e6e6e6;
    margin: 1em;
}
table.report thead th, table.report tfoot td  {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-WEIGHT: bold; FONT-SIZE: 12px; VERTICAL-ALIGN: top; COLOR: #000000; FONT-STYLE: normal; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
table.report tbody td {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-WEIGHT: normal; FONT-SIZE: 10px; PADDING-BOTTOM: 1px; VERTICAL-ALIGN: top; PADDING-TOP: 1px; BACKGROUND-COLOR: #ffffff;
}



 /* ---------- Various page formatting  -------------------*/


/* ---------- Login background -------------------*/
TABLE.mainbackground {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; PADDING-TOP: 0px; TEXT-ALIGN: left
}
/* ---------- end Login background -------------------*/


.scrollbar {
	SCROLLBAR-FACE-COLOR: #ffffff; SCROLLBAR-HIGHLIGHT-COLOR: #cccccc; SCROLLBAR-SHADOW-COLOR: #999999; SCROLLBAR-3DLIGHT-COLOR: #cccccc; SCROLLBAR-ARROW-COLOR: #cccccc; SCROLLBAR-TRACK-COLOR: #ffffff; SCROLLBAR-DARKSHADOW-COLOR: #999999
}
#main {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; PADDING-TOP: 0px
}
BODY {
	MARGIN: 0px
}
TABLE.menu {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; FONT-SIZE: 12px; BORDER-BOTTOM-WIDTH: 0px; BACKGROUND-COLOR: black; BORDER-RIGHT-WIDTH: 0px
}
TD.menu {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: bold; FONT-SIZE: 12px; PADDING-BOTTOM: 5px; VERTICAL-ALIGN: middle; COLOR: white; PADDING-TOP: 5px; BACKGROUND-COLOR: black
}

TABLE.mainarea {
	FONT-SIZE: 12px;
	MARGIN: 4px;
	VERTICAL-ALIGN: top;
	WIDTH: 100%;
	FONT-FAMILY: Verdana,Arial, Helvetica, sans-serif;
	BACKGROUND-COLOR: #ffffff;
	TEXT-ALIGN: left;
	border: 1px none #ff0000;
}

INPUT.submitbutton {
	
	background-color: #cc0066;
	color: #FFFFFF;
	font-weight: bold;
}

INPUT.textbox {
	
	border: #cc0066 solid 1px;
	padding: 3px;
	
}


 /* ---------- end Various page formatting  -------------------*/






 
/* ---------------- used in the SETUP Policy in the Portal  -------------------*/

TABLE.tabs {
	FONT-COLOR: #cc0066; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; WIDTH: 99%; PADDING-TOP: 0px; BORDER-BOTTOM: #666666 3px solid; BACKGROUND-COLOR: #666666; TEXT-ALIGN: center
}
TD.tab {
	FONT-COLOR: #cc0066; PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 3px; VERTICAL-ALIGN: top; PADDING-TOP: 3px; BACKGROUND-COLOR: #e6e6e6; TEXT-ALIGN: center; BORDER-WIDTH: 4px 2px 0px 2px;
}
TD.activetab {
	FONT-COLOR: #cc0066; PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 3px; VERTICAL-ALIGN: top; PADDING-TOP: 3px; BACKGROUND-COLOR: #cccccc; TEXT-ALIGN: center; BORDER-WIDTH: 0px;
}
A.tab {
	PADDING-RIGHT: 10px; PADDING-LEFT: 5px; FONT-WEIGHT: bold; FONT-SIZE: 14px; VERTICAL-ALIGN: bottom; CURSOR: hand; FONT-COLOR: #cc0066; FONT-FAMILY: Verdana,Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
A.tab:hover {
	COLOR: red
}
A.tab:visited {
	COLOR: black
}
TABLE.tabs {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; WIDTH: 99%; PADDING-TOP: 0px; BORDER-BOTTOM: #666666 3px solid; BACKGROUND-COLOR: #666666; TEXT-ALIGN: center
}
TD.tab {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 3px; VERTICAL-ALIGN: top; PADDING-TOP: 3px; BACKGROUND-COLOR: #e6e6e6; TEXT-ALIGN: center
}
A.tab {
	PADDING-RIGHT: 10px; PADDING-LEFT: 5px; FONT-WEIGHT: bold; FONT-SIZE: 14px; VERTICAL-ALIGN: bottom; CURSOR: hand; COLOR: black; FONT-FAMILY: Verdana,Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
A.tab:hover {
	COLOR: red
}
A.tab:visited {
	COLOR: black
}














/* ---------- The REGISTRATION WIZARD in the portal -------------------*/

TABLE.regbackground {
	PADDING-RIGHT: 10px; BACKGROUND-POSITION: right top; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; WIDTH: 100%; PADDING-TOP: 10px; BACKGROUND-REPEAT: no-repeat; FONT-COLOR: #000000
}
TABLE.mainareareg {
	BORDER-RIGHT: #ff0000 thin dotted; BORDER-TOP: #ff0000 thin; FONT-SIZE: 12px; MARGIN: 10px 20px 0px 10px; VERTICAL-ALIGN: top; BORDER-LEFT: #ff0000 thin; WIDTH: 700px; BORDER-BOTTOM: #ff0000 thin; FONT-FAMILY: Verdana,Arial, Helvetica, sans-serif; TEXT-ALIGN: left
}
TD.register {
	PADDING-LEFT: 10px; FONT-WEIGHT: normal; FONT-SIZE: 12px; VERTICAL-ALIGN: top; WIDTH: 50%; FONT-STYLE: normal; FONT-FAMILY: Verdana,Arial, Helvetica, sans-serif
}
TABLE.leftregisterpanel {
	PADDING-LEFT: 10px; FONT-WEIGHT: normal; FONT-SIZE: 12px; VERTICAL-ALIGN: top; FONT-STYLE: normal; FONT-FAMILY: Verdana,Arial, Helvetica, sans-serif
}
TD.registertitle {
	PADDING-RIGHT: 5px; PADDING-LEFT: 15px; FONT-WEIGHT: normal; FONT-SIZE: 18px; PADDING-BOTTOM: 3px; WIDTH: 100%; COLOR: #ffffff; PADDING-TOP: 5px; BORDER-BOTTOM: #cccccc 3px solid; FONT-STYLE: normal; FONT-FAMILY: Verdana,Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #999999; font-color: red
}
TD.registermandatory {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-WEIGHT: bold; FONT-SIZE: 12px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; FONT-STYLE: normal; FONT-FAMILY: Verdana,Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #cccccc; TEXT-ALIGN: right
}
TD.registeroptional {
	PADDING-RIGHT: 10px; FONT-WEIGHT: normal; FONT-SIZE: 12px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; FONT-STYLE: normal; FONT-FAMILY: Verdana,Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #cccccc; TEXT-ALIGN: right
}
TD.registermandatoryinput {
	PADDING-LEFT: 10px; FONT-WEIGHT: bold; FONT-SIZE: 12px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; FONT-STYLE: normal; FONT-FAMILY: Verdana,Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: left
}
TD.registeroptionalinput {
	PADDING-LEFT: 10px; FONT-WEIGHT: normal; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: left
}
TD.registermandatoryinputgrey {
	PADDING-LEFT: 10px; FONT-WEIGHT: bold; FONT-SIZE: 12px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; FONT-STYLE: normal; FONT-FAMILY: Verdana,Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #e6e6e6; TEXT-ALIGN: left
}
TD.registeroptionalinputgrey {
	PADDING-LEFT: 10px; FONT-WEIGHT: normal; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; BACKGROUND-COLOR: #e6e6e6; TEXT-ALIGN: left
}
TD.registermandatorygrey {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-WEIGHT: bold; FONT-SIZE: 12px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; FONT-STYLE: normal; FONT-FAMILY: Verdana,Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #e6e6e6; TEXT-ALIGN: right
}
TD.key {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-WEIGHT: bold; FONT-SIZE: 14px; PADDING-BOTTOM: 5px; VERTICAL-ALIGN: middle; WIDTH: 90%; COLOR: black; PADDING-TOP: 5px; FONT-STYLE: normal; FONT-FAMILY: Verdana,Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #cccccc; TEXT-ALIGN: left
}
INPUT.key {
	BORDER-RIGHT: #ff0000 1px solid; BORDER-TOP: #ff0000 1px solid; FONT-WEIGHT: bold; FONT-SIZE: 12px; BORDER-LEFT: #ff0000 1px solid; COLOR: #000000; BORDER-BOTTOM: #ff0000 1px solid; FONT-FAMILY: Verdana,Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #e6e6e6
}
IMG.link {
	BORDER-RIGHT: 0px; PADDING-RIGHT: 3px; BORDER-TOP: 0px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; BORDER-LEFT: 0px; PADDING-TOP: 3px; BORDER-BOTTOM: 0px
}

A.infolink:hover {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: red; TEXT-DECORATION: none
}
A.infolink:link {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #990000; TEXT-DECORATION: none
}











 
 /* ---------- Dashboard formatting in Portal -------------------*/


TABLE.dashboard {
	BORDER-RIGHT: red 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: red 1px solid; PADDING-LEFT: 5px; FONT-SIZE: 12px; PADDING-BOTTOM: 5px; MARGIN: 5px; BORDER-LEFT: red 1px solid; PADDING-TOP: 5px; BORDER-BOTTOM: red 1px solid
}
TABLE.dashboardmain {
	BORDER-RIGHT: #666666 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #666666 1px solid; PADDING-LEFT: 5px; FONT-SIZE: 12px; PADDING-BOTTOM: 5px; MARGIN: 5px; BORDER-LEFT: #666666 1px solid; COLOR: #000000; PADDING-TOP: 5px; BORDER-BOTTOM: #666666 1px solid; FONT-FAMILY: Verdana,Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #e6e6e6
}
TD.thdashboard {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FONT-WEIGHT: bold; FONT-SIZE: 14px; PADDING-BOTTOM: 3px; COLOR: white; PADDING-TOP: 3px; BACKGROUND-COLOR: #669900; cell-padding: 0
}
TD.thdashboardmain {
	PADDING-LEFT: 5px; FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: white; FONT-FAMILY: Verdana,Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #669900; cell-padding: 0
}


.dashboardcharttitle {
	font-family: Verdana,Arial, Helvetica, sans-serif, verdana;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
	padding-left: 5px;
	color: #666666;
}


p.dashbrdtitle {
	PADDING-RIGHT: 5px; BACKGROUND-POSITION: center; PADDING-LEFT: 15px; FONT-WEIGHT: bold; FONT-SIZE: 15px; PADDING-BOTTOM: 5px; COLOR: #ffffff; PADDING-TOP: 6px; FONT-FAMILY: Verdana,Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #cc0066; TEXT-ALIGN: left; font-color: red
}


.dashbrdvirusstats {
	vertical-align: middle;
	padding: 0px;
	margin: 0px;
}

 
 
 
 /* ====================== used in BlackSpider website only  =========================*/
 
.maincolor {
	BACKGROUND-POSITION: right top; LIST-STYLE-POSITION: outside; BACKGROUND-IMAGE: url(http://www.mailcontrol.com/shared/mainbackground.png); COLOR: #000000; BACKGROUND-REPEAT: no-repeat; LIST-STYLE-TYPE: circle
}
 
.subnavboxactive {
	PADDING-RIGHT: 5px; BACKGROUND-POSITION: left center; BORDER-TOP: #999999 1px solid; PADDING-LEFT: 20px; FONT-WEIGHT: bold; FONT-SIZE: 14px; BACKGROUND-IMAGE: url(http://www.mailcontrol.com/shared/activesubnavbut.png); PADDING-BOTTOM: 5px; COLOR: #333333; PADDING-TOP: 5px; BORDER-BOTTOM: #ff0000 2px double; BACKGROUND-REPEAT: no-repeat; FONT-FAMILY: Verdana,Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #ffffff; TEXT-DECORATION: none
}
.subnavboxlink {
	PADDING-RIGHT: 5px; PADDING-LEFT: 20px; FONT-SIZE: 12px; BACKGROUND-IMAGE: url(http://www.mailcontrol.com/shared/subnavbutlink.png); PADDING-BOTTOM: 5px; PADDING-TOP: 5px; BORDER-BOTTOM: #ffffff 1px solid; BACKGROUND-COLOR: #cccccc
}
.subnavtoptrim {
	BACKGROUND-POSITION: left top; BACKGROUND-IMAGE: url(http://www.mailcontrol.com/shared/subnavtoptrim.png); BACKGROUND-REPEAT: no-repeat
}
.subnavbottomtrim {
	BACKGROUND-POSITION: left top; BACKGROUND-IMAGE: url(http://www.mailcontrol.com/shared/subnavbottomtrim.png); VERTICAL-ALIGN: top; BACKGROUND-REPEAT: no-repeat; TEXT-ALIGN: left
}


 
A.faqleftlinks:link {
	FONT-WEIGHT: normal; COLOR: #000000; TEXT-DECORATION: none
}
A.faqleftlinks:visited {
	FONT-WEIGHT: normal; COLOR: #000000; TEXT-DECORATION: none
}
A.faqleftlinks:hover {
	COLOR: #990000; BACKGROUND-COLOR: transparent; TEXT-DECORATION: underline
}

.featurespopupbox {
	BORDER-RIGHT: #000000 1px solid; PADDING-RIGHT: 8px; BORDER-TOP: #333333 1px solid; PADDING-LEFT: 8px; FONT-SIZE: 12px; PADDING-BOTTOM: 8px; BORDER-LEFT: #666666 1px solid; PADDING-TOP: 8px; BORDER-BOTTOM: #ff0000 3px solid; BACKGROUND-COLOR: #ffffcc; TEXT-ALIGN: left
}

.linkbox {
	PADDING-RIGHT: 8px; PADDING-LEFT: 8px; FONT-SIZE: 12px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; BORDER-BOTTOM: #cccccc 1px solid; BACKGROUND-COLOR: #e6e6e6; TEXT-ALIGN: left
}
A.linkboxtext:visited {
	FONT-WEIGHT: normal; FONT-SIZE: 10px; CURSOR: hand; COLOR: black; TEXT-DECORATION: underline
}
A.linkboxtext:hover {
	COLOR: red; TEXT-DECORATION: none
}
A.subnavtext {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; VERTICAL-ALIGN: top; COLOR: #990000; FONT-FAMILY: Verdana,Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
A.subnavtext:visited {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #990000; TEXT-DECORATION: none
}
A.subnavtext:hover {
	COLOR: red; TEXT-DECORATION: none
}
.linkboxrelated {
	PADDING-RIGHT: 8px; PADDING-LEFT: 8px; FONT-SIZE: 12px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; BORDER-BOTTOM: #ffffff 1px solid; BACKGROUND-COLOR: #c1c7d5; TEXT-ALIGN: left
}
.linkboxdatasheets {
	PADDING-RIGHT: 8px; PADDING-LEFT: 8px; FONT-SIZE: 12px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; BORDER-BOTTOM: #ffffff 1px solid; BACKGROUND-COLOR: #dadce4; TEXT-ALIGN: center
}
.linktitletabs {
	PADDING-RIGHT: 5px; BACKGROUND-POSITION: left bottom; PADDING-LEFT: 10px; FONT-WEIGHT: normal; FONT-SIZE: 12px; BACKGROUND-IMAGE: url(http://www.mailcontrol.com/shared/activesubnavbut.png); PADDING-BOTTOM: 5px; VERTICAL-ALIGN: bottom; COLOR: #000000; PADDING-TOP: 5px; BORDER-BOTTOM: #ff0000 2px double; BACKGROUND-REPEAT: no-repeat
}
.spambox {
	PADDING-LEFT: 12px; FONT-SIZE: 12px; BORDER-BOTTOM-COLOR: #ffffff; PADDING-BOTTOM: 3px; BORDER-LEFT: #ff0000 1px solid; PADDING-TOP: 20px; TEXT-ALIGN: left
}
A.linkboxtext {
	FONT-WEIGHT: normal; FONT-SIZE: 10px; CURSOR: hand; COLOR: black; TEXT-DECORATION: underline
}
.boxspace {
	PADDING-RIGHT: 15px; PADDING-LEFT: 0px; FONT-SIZE: 12px; BORDER-BOTTOM-COLOR: #ffffff; PADDING-BOTTOM: 20px; PADDING-TOP: 20px; TEXT-ALIGN: left
}
.subnavbackhome {
	PADDING-RIGHT: 5px;
	PADDING-LEFT: 20px;
	FONT-SIZE: 12px;
	BACKGROUND-IMAGE: url(http://www.mailcontrol.com/shared/subnavbackhomelink.png);
	PADDING-BOTTOM: 5px;
	PADDING-TOP: 5px;
	BORDER-BOTTOM: #ffffff 1px solid;
	BACKGROUND-COLOR: #cccccc;
	background-repeat: no-repeat;
	background-position: left center;
	text-align: left;

}

.partnercontacts {
	padding: 2px 10px 2px 2px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dashed;
	border-right-style: dotted;
	border-bottom-style: dashed;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	text-align: right;
	vertical-align: top;
	margin-top: 5px;
	background-position: center;

}

.dottedboxmain {
	BORDER-TOP-WIDTH: 1px; PADDING-LEFT: 20px; BORDER-LEFT-WIDTH: 1px; BORDER-LEFT-COLOR: #ff0000; BACKGROUND-IMAGE: url(http://www.mailcontrol.com/shared/gridbackgr.jpg); BORDER-BOTTOM: #ffffff 1px solid; BACKGROUND-REPEAT: repeat; LIST-STYLE-TYPE: disc; TEXT-ALIGN: left; BORDER-RIGHT-WIDTH: 1px; BORDER-RIGHT-COLOR: #ff0000
}
.dottedbox {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; BACKGROUND-IMAGE: url(http://www.mailcontrol.com/shared/gridbackgr.jpg); PADDING-BOTTOM: 10px; PADDING-TOP: 10px; BORDER-BOTTOM: #ff0000 1px dotted; BACKGROUND-REPEAT: repeat
}
.listmain {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: normal; LIST-STYLE-POSITION: outside; FONT-SIZE: 12px; WORD-SPACING: normal; VERTICAL-ALIGN: middle; COLOR: #333333; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-FAMILY: Verdana,Arial, Helvetica, sans-serif; WHITE-SPACE: normal; LIST-STYLE-TYPE: disc; LETTER-SPACING: normal; TEXT-ALIGN: left; TEXT-DECORATION: none
}




 /* ---------------- possibly unused in other sites  -------------------*/
.homepageleftimage {
	BORDER-RIGHT: #000033 0px solid; PADDING-RIGHT: 25px; BACKGROUND-POSITION: left bottom; BORDER-TOP: #ff0000 1px solid; PADDING-LEFT: 25px; FONT-WEIGHT: bold; FONT-SIZE: 14px; PADDING-BOTTOM: 30px; VERTICAL-ALIGN: bottom; BORDER-LEFT: #000000 0px solid; WIDTH: 230px; COLOR: #ffffff; PADDING-TOP: 25px; BORDER-BOTTOM: #000000 0px solid; BACKGROUND-REPEAT: no-repeat; FONT-FAMILY: Verdana,Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #000033; TEXT-ALIGN: left; TEXT-DECORATION: none
}
.righthomead {
	BORDER-RIGHT: #000000 1px solid; PADDING-RIGHT: 3px; BACKGROUND-POSITION: left bottom; BORDER-TOP: #ff0000 1px solid; PADDING-LEFT: 3px; FONT-WEIGHT: bold; FONT-SIZE: 10px; BACKGROUND-IMAGE: url(http://www.mailcontrol.com/shared/home_mailcontrol_products.png); PADDING-BOTTOM: 3px; BORDER-LEFT: #ff0000 1px solid; WIDTH: 230px; COLOR: #ffffff; PADDING-TOP: 3px; BORDER-BOTTOM: #000000 1px solid; BACKGROUND-REPEAT: no-repeat; BACKGROUND-COLOR: #000000
}
.homeleftcolumntext {
	PADDING-RIGHT: 5px; PADDING-LEFT: 15px; FONT-WEIGHT: normal; FONT-SIZE: 10px; PADDING-BOTTOM: 2px; COLOR: #000000; PADDING-TOP: 5px; FONT-STYLE: normal; FONT-FAMILY: Verdana,Arial, Helvetica, sans-serif
}
.righthomecolumntext {
	PADDING-LEFT: 5px; FONT-SIZE: 12px; BORDER-LEFT: #cccccc 2px solid; COLOR: white; PADDING-TOP: 5px; FONT-FAMILY: Verdana,Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #999999
}
.leftcolumtext {
	PADDING-RIGHT: 0px; BACKGROUND-POSITION: left top; PADDING-LEFT: 0px; FONT-WEIGHT: normal; FONT-SIZE: 12px; BACKGROUND-IMAGE: url(http://www.mailcontrol.com/shared/lefttablebackground.png); PADDING-BOTTOM: 0px; COLOR: #000000; PADDING-TOP: 0px; BACKGROUND-REPEAT: repeat-x; FONT-STYLE: normal; FONT-FAMILY: Verdana,Arial, Helvetica, sans-serif
}
.seccolorright {
	COLOR: white; BACKGROUND-COLOR: #999999; BORDER-LEFT: #cccccc 2px solid
}
.seccolor {
	COLOR: white; BACKGROUND-COLOR: #cccccc
}
.subtitles {
	BACKGROUND-POSITION: left bottom; PADDING-LEFT: 15px; FONT-WEIGHT: bold; FONT-SIZE: 14px; BACKGROUND-IMAGE: url(http://www.mailcontrol.com/shared/subtitle_nav25x230_blank.png); PADDING-BOTTOM: 5px; TEXT-TRANSFORM: capitalize; WIDTH: 230px; COLOR: #ffffff; BACKGROUND-REPEAT: no-repeat; FONT-STYLE: normal; HEIGHT: 25px; TEXT-ALIGN: left; TEXT-DECORATION: none
}

 /* ======================END used in BlackSpider website only  =========================*/
 
 
 /*--------------------------------- Viatel specific styles -----------------------------------------------------------*/
 
 .pink {background-color:#cc0066;}
.black {background-color:#000;}
.background {
	background: #e0e0e0;
}
.navigation1, a:link.navigation1, a:visited.navigation1, a:hover.navigation1 {
	background-color:#fff;
	color:#060606;
	font-size:12px;
	font-weight:normal;
	text-transform: uppercase;
	text-decoration:none;
}
.navigation1sel, a:link.navigation1sel, a:visited.navigation1sel, a:hover.navigation1sel {
	background-color:#fff;
	color:#060606;
	font-size:12px;
	font-weight:bold;
	text-transform: uppercase;
	text-decoration:none;
}

.notchheader{
	background-color: #cc0066;
}


.footnotes {
	color: #ffffff;
	font-size: 9px;
	font-weight: normal;
}


.footnotes a:link{
	color:#ffffff;
		font-weight: normal;
		text-decoration: underline;}

.footnotes a:visited{
	color: #cccccc;
		font-weight: normal;
}


.subtext{
	color:#666666;
	font-size:10px;
}


body{ font-size: 9px;}

INPUT.submit{
	background-color: #cc0066;
	color: #FFFFFF;
	font-weight: bold;
}

a.admin { 
	font-size: 12px;
	color: #cc0066;
	text-decoration: underline;
}

.logout_btn, a:link.logout_btn, a:visited.logout_btn{
	padding: 3px;
	font-weight: bold;
	background-color: #cc0066;
	color: #ffffff;
	text-decoration: none;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}


/*--------------------------------- End Viatel specific styles -------------------------------------------------------*/

/* ---------------- User / Password login box ----------------- */
.userpasswordbox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
}

.normaltext {
    font-size:80%;
}

.formfield {
    font-size: 80%;
    background-color: #FFFFFF;
    color: #333333;
    padding: 0px 0px 0px 5px;
}

.formbutton {
    font-size: 80%;
    font-weight: normal;
    background-color: #666;
    color: #FFFFFF;
    padding: 0px;
}

.formtablerow{
    font-size: 80%;
    font-weight: normal;
    background-color: #e6e6e6;
    padding: 0px 4px 4px 0px;
}

/*td.portaltopnavbarback {
	background-color: #b6b6b6;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	color: white;
    height: 30px;
} */
 
/* ====================== Styles introduced for the new message tracking gui ===========*/

table.mtadmin {
    PADDING-TOP: 2px; BACKGROUND-COLOR:silver; TEXT-ALIGN: left; border : 0px
}

td.mtadmin {
    PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: normal; FONT-SIZE: 12px; PADDING-BOTTOM: 3px; VERTICAL-ALIGN: top; PADDING-TOP: 2px; BACKGROUND-COLOR:transparent;
}

td.resultslistingyes {
    background:#F5F5F5;
    border-style:solid;
    border-width:0px 0px 1px 0px;
    border-color:silver;
    font-size: 12px;
    cursor:hand;
}

td.resultslistingno {
    background:#FBF8EC;
    border-style:solid;
    border-width:0px 0px 1px 0px;
    border-color:silver;
    font-size: 12px;
    cursor:hand;
}

td.resultslistingtitle {
    font-weight:bold;
    font-size: 12px;
    PADDING: 4 4 4 4;
    BACKGROUND-COLOR: #999999;
    TEXT-ALIGN: left;
    font-family: Arial, Helvetica, sans-serif;
}

span.issues {font-size:80%;}


/* The calendar on the new message tracking page! */
.calendarHeader {
    background:#000000;
    color:#cc0066;
    font-weight:bold;
}

.calendarDays {
    background:#C0C0C0;
    color:#cc0066;
    font-weight:bold;
    text-align:center;
}

.calendarCurrentDate {
    background:#FFCCCC;
}

.calendarWeekendDays {
    background:#E6E6E6;
}

.error {
    color:darkred;
    font-weight:bold;
    padding-top:5px;
    padding-bottom:5px;
}

.operationsuccessful {
    font-weight:bold;
    padding-top:10px;
}

/* ------------------------- END OF MESSAGE TRACKING GUI STYLES ------------------------------- */
#motd {
    padding-top:4px;
    padding-bottom:4px;
    text-align:left;
    width:600px;
	background-repeat: no-repeat;
	height:25px;
	margin-left:0px;
}

div.critical {
    border-style:dashed;
    border-width:0px;
    color:red;
    font-style:italic;
}

div.noncritical {
    color:black;
    font-weight:normal;
    border-style:none;
    border-width:0px;
}

a:link.motdcritical,a:hover.motdcritical,a:visited.motdcritical,a:active.motdcritical {
    color:#ff0000;
    text-decoration:underline;
}

a:link.motdnoncritical,a:hover.motdnoncritical,a:visited.motdnoncritical,a:active.motdnoncritical {
    color:black;
    font-weight:normal;
    text-decoration:underline;
}

div.motddate {
    color:black;
    margin-top:5px;
    font-size:80%;
    font-style:italic;
    display:none;
    visibility:hidden;
}

span.motdsubject {
    color:black;
    font-style:normal;
	margin-left:0px;
}

div.motdmessage {
    color:black;
    font-style:normal;
	margin-left:30px;
}

div.motdauthor {
    color:black;
}

div.motdmessage {
    color:black;
    margin-top:10px;
    margin-bottom:10px;
}

div.expired {
    font-size:90%;
}

div.motdadmin {
    margin-top:5px;
    border-width:0px 0px 0px 0px;
    border-style:solid;
    padding:4px;
}

/* #### NEw POLICY TABS #### */
/* Container */
div.tabbed-area-content{
            border-left: 1px solid #ccc;
            border-bottom: 1px solid #ccc;
            border-right: 1px solid #ccc;
            clear: both;
            padding: 10px;
                                            }

/* Navigation Tabs Styling */
ul.tabbed-area-tabs{
    list-style:none;
    margin: 0px;
    padding: 0px 6px;
    height: 22px;
    border-bottom: 1px solid #ccc;
}

ul.tabbed-area-tabs li{
    float: left;
    margin: 0px 3px;
    height: 21px;
    border-top: 1px solid #aaa;
    border-left: 1px solid #aaa;
    border-right: 1px solid #aaa;
    background: #eee;
    -moz-border-radius: 3px 3px 0px 0px;
                                        }

ul.tabbed-area-tabs li a{
    float: left;
    color: #666;
    font-weight: lighter;
    text-decoration: none;
    padding: 3px 4px;
    height: 15px;
                            }
ul.tabbed-area-tabs li a:hover{
                    text-decoration: underline;
                                                }

ul.tabbed-area-tabs li.tabbed-area-active-tab{
                        background: #fff;
                        height: 22px;
                        font-weight: bold;
                                            }

ul.tabbed-area-tabs li.tabbed-area-active-tab a{
                                        color: #000;
                                                    }

ul.tabbed-area-tabs li.tabbed-area-active-tab a:hover{
                                                        text-decoration: none;
                                                                                }

/* Another tab that can be shown with javascript */
#tab-content2{display: none;}


/* ########################### */

span.highlight {   font-family: Helvetica Neue, Arial, Verdana, sans-serif;
                   background-color: #fcf283;
	           font-size: 11px;
	           padding: 3px 3px 3px 6px;
	           position: relative;
	           top: 5px;
	           margin: 0px 2px;
	           -moz-border-radius: 3px 3px 0px 0px;
                    border-style: solid;
                   TEXT-DECORATION: none;                   }

span.switch-highlight {  left: 300px; top : 60px; position: absolute;   /* place in top right of screen */
                   font-family: Helvetica Neue, Arial, Verdana, sans-serif;
                   background-color: yellow;
                   color: red !important;
	           font-size: 14px;
	           padding: 1px 1px 1px 1px;
	           margin: 0px 0px;
	           -moz-border-radius: 3px 3px 3px 3px;
                   text-decoration: none; }


.vertical-padding { padding-top: 10px; }

.breadcrumb-policy-highlight {
                                border-style: none;
                                border-width: 5px;
                                margin: 0px;
                                padding-left: 5px;
                                padding-right: 5px;
                                background-color: #fcf283;
                                                              }

.breadcrumb-policy-name-highlight {
                                    font-weight: bold;
                                    }

table.mainarea table.admin td.policy-text-latest   {
                            color:              green;
                            background-color:   lightblue;
                                                            }

table.mainarea table.admin td.policy-text-noreuse   {
                            color:              red;
                                                            }

table.mainarea table.admin td.rule-disabled   {
                            color:              red;
                                                            }
table.mainarea td.pagination-box   {
                            background-color:   #DCEDFC;
                            padding:            2px;
                                                            }


.top-text    {
                    text-align: left;
                    font-size:  12px;
                    padding-left: 10px;
                                        }

.bottom-text    {
                    text-align: left;
                    font-size:  12px;
                    padding-left: 10px;
                                        }

.bottom-button {
                    text-align: center;
                                        }

.top-description-text {
                        text-align:     center;
                        padding-bottom: 3px;
                       }



.rule-help {
                                color:          blue;
                                text-align:     right;
                                                              }


/* TOOLTIP RELATED STYLES */
#tooltip {
position:absolute;
padding: 2px;
border:1px solid black;
line-height:18px;
z-index:100;
}

.inline_info {
    float: left;
    background: transparent url('/cobrand/websense/websense_images/inline_i.png') no-repeat top left;
    height: 18px;
    width: 18px;
    cursor: default;
    margin: 0px 0px 0px 0px;
}

.inline_info:hover {
    background: transparent url('/cobrand/websense/websense_images/inline_i.png') no-repeat -18px 0;
}


a.navbutton {
	font-family: Helvetica Neue, Arial, Verdana, sans-serif;
	font-size: 11px;
	background: #eeeeee url('/cobrand/websense/websense_images/nav_bg.png') repeat-x top left;
	padding: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	position: relative;
	top: 0px;
	margin: 0px 2px;
        border-style: solid;
        border-width: 1px;
        font-weight: lighter;
        text-decoration: none;
}


.yn-newline-padding {
    padding-left: 20px;
}

.title {
                text-align:     center;
                font-size:      18px;
                font-weight:    bold;
}

.checkbox-text {
    padding-left: 5px;
}

.no-license {
    background-color: yellow;
    padding: 10px 10px 10px 10px;
    font-weight: bold;
}


/* Section related style */

TABLE.section-container {   width:          98%;
                            padding:        0px;
                            height:         100%;
                            border-style:   solid;
                            border-width:   1px;
}

TABLE.section-legend-container {
                                    border-style: none;
}

TD.section-header {
                    background: #ededed url('/images/nav_head_stretch.png') repeat-x top left;
}

.section-header-text {
                    float:          left;
                    padding-left:   10px;
                    font-size:      20px;
}

.section-content {
                    text-align:     left;
                    padding-left:   5px;
}


/* EUMR styles */


TABLE.eumr_message_view {
	PADDING: 2px;
	margin: 12px;
	WIDTH: 75%;
        text-align: left; 
}

TABLE.eumr_msgview_reason {
	
	PADDING: 2px;
	margin: 6px;
	WIDTH:75%;
	background-color:#b6cee5;
}

TD.eumr_msgview_reason {
	font-size: large;
	font-weight: bold;
	text-align: left;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-right: 20px;
	padding-left: 12px;
	width:99%;
}

TABLE.eumr_msgview_actions {
	
	margin: 12px;
	WIDTH:98%;
	background-color:#b6cee5;
        text-align: left;
	padding-bottom: 8px;
	padding-top: 8px;
}

TD.eumr_msgview_admin {
	font-weight: bold;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-top: 5px;
	padding-left: 5px;
}


TD.eumr_msgview_admintitle {
	TEXT-ALIGN: left;
	PADDING-left: 12px;
	width: 20%;

}


td.eumrMsgviewButtons{
	padding-top:0px; 
	padding-bottom:7px; 
	padding-left:0px;
	border-left: 0px;
	margin-left: 0px;
}

a.eumrButtonGeneric{
             border: 1px ;
             border-style: solid;
             padding: 2px;
             text-decoration: none;
             font-size:xx-small;
             font-weight: bold;
             margin-left:3px;
             background-color: white;
             color: black;
             border-color:black;
}


td.eumr_title{
    font-weight: bold;
}

td.eumr_config{
        padding-top:5px;
        padding-bottom:5px;
        padding-right:5px;
        font-size: x-small;
        vertical-align:top;
}


td.eumr_config_sections{
    padding-top:5px;
    padding-bottom:5px;
    padding-right:20px;
    vertical-align:middle;
    text-align: center;
    font-size:x-small;
}


td.eumr_config_sections_vtitle{
    padding-top:5px;
    padding-bottom:5px;
    padding-right:20px;
    vertical-align:middle;
    text-align: left;
    font-size:x-small;
    white-space:nowrap;
}

td.eumr_config_title{
    padding-top:5px;
    padding-bottom:5px;
    padding-right:10px;
    vertical-align:middle;
    font-size:x-small;
    text-align: right;

}


P.passwordlist {
    FONT-SIZE: 12px; MARGIN-LEFT: 1px
}

UL.passwordlist {
    FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 12px
}

/* Warning classes */

table.warning{
    background-color:#fcf283;
    padding:0;
    -moz-border-radius: 20px 20px 20px 20px;
    border: 2px solid #f5d62b;
}


td.warning{
    vertical-align:"middle";
    border: 0;
    background-color:#fcf283;
    text-align:center;
}


font.warning{
    color:black;
    font-size:small;

}


/* Section related style */

TABLE.section-container {   width:          98%;
                            padding:        0px;
                            height:         100%;
                            border-style:   solid;
                            border-width:   1px;
}

TABLE.section-legend-container {
                                    border-style: none;
}

TD.section-header {
                    background: #ededed url('/images/nav_head_stretch.png') repeat-x top left;
}

.section-header-text {
                    float:          left;
                    padding-left:   10px;
                    font-size:      20px;
}

.section-content {
                    text-align:     left;
                    padding-left:   5px;
}

td.textarea-resize {
    font-size:  10px;
    text-align: center;
}

table.page-links {
    width:      100%;
    padding:    10px;
    text-align: center;
    background-color: #e1e1e1;
    border-style: solid;
    border-width: 1px;
    border-color: #FF77FF;
}

td.page-links {
        vertical-align: top;
        padding:        10px;
        text-align:     left;
        font-size:      12px;
}

div.dialog {
display: none;
}
 
.fullwidth {
width: 100%; border: 0; padding-left: 0; padding-right: 0
}

/*
 * Classes used in the JQuery popup
 */
.ui-dialog-titlebar { border: 1px solid #cc0066; background: #999999; color: #eaf5f7; font-weight: bold; }
.ui-dialog { border: 1px solid #cc0066; background: #fcfdfd url(images/ui-bg_inset-hard_100_fcfdfd_1x100.png) 50% bottom repeat-x; color: #222222; }


/* Wrap preformatted text to fit in a screen size of 800 pixels */
pre.wrapper { 
 white-space: pre-wrap;       /* css-3 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
 width: 950;
}

/* WP8448: Used in the policy spam settings page to simulate enabled/disabled controls */
.enabled {
    color:inherit;
}

.disabled {
    color:gray;
}

