/* -----   Checked with TopStyle 4.0 Style checker on 2011/06/16 -------------*/


/* Note:
     1. When combining rules, rules should be combined into the first definition
     2. 'vistorm_' classes to be moved to vistorm cobrand directory


*/

html { -webkit-font-smoothing: antialiased; }

/* New Portal styles */

body {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:90%;
	margin:0;
	padding:0;
	text-align:center;
	clear:both;
}

body.error-page #content-tbl{
	 margin:20px 40px;
}

body#iframe {
	background: white;
	text-align: left;
}

.select{ background-color:white } /* chrome in linux has dark background  */

#logOffCont{
	position: relative;
	top: 10px;
	right: 3px;
}

#page {
	margin: 0 auto 0 auto;
	text-align:left;
	width:100%;
	height:100%;
	background-color:#ffffff;
	border-left:0px solid black;
	border-right:0px solid black;
	border-bottom:0px solid black;
	padding:5px;
}

.sso-content #page {
	padding:0;
}

#bstlogo {
	width:420px;
	height:58px;
	margin-bottom:15px;
}

/*#* start
    The following block up to line 220
    is to be removed after the cobrand overlays have been created.
    All these classes are redundant.
*/
div#floatmenu {
	font-size:70%;
	float:right;
}

div#n1 {
	width:100%;
	text-align:right;
	height:22px;
	background-color:#004895;
	list-style-type:none
}

div#n2 {
	width:100%;
	text-align:right;
	height:22px;
	background-color:#BDC9DF;
	list-style-type:none;
	background-image: url(/cobrand/blackspider/blackspider_images/activetab4x25.png)
}

div.windowslogo {
    width:24px;
    height:24px;
    background: transparent url(/images/windows.png) no-repeat center;
    padding: 0px !important;
}

div.applelogo {
    width:24px;
    height:24px;
    background: transparent url(/images/apple.png) no-repeat center;
    padding: 0px !important;
}

div#n3 {
	width:100%;
	text-align:right;
	height:22px;
	background-color:black;
	list-style-type:none
}

div#commercialmenu {
	width:100%;
	text-align:right;
	height:22px;
	background-color:#ff0000;
	list-style-type:none;
	border-bottom:solid 1px #fff
}

#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:#000;
	color:#fff;
	border-right:solid 1px #fff
}

#n1 li#selmenu {
	background-color:#cccccc;
	color:#f00;
	background-image: url(/cobrand/blackspider/blackspider_images/activetab4x25.png);
	background-repeat: repeat;
	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;
}



/* top nav UK */


/* NAV START */
td.n1 {
	font-weight:bold;
	height:22px;
	text-align: left;
	text-decoration:none;
}

table.n1com {
	background-color:#f00;
	font-weight:normal;
	height:21px;
	text-decoration:none;
	padding-top: 2px;
	padding-bottom: 3px;
}




td.n2 {
	background-color:#CCCCCC;
	background-image: url(/cobrand/blackspider/blackspider_images/activetab4x25.png);
	background-repeat: repeat-x;  /*repeat-x*/
	height:22px;
	text-align: left;
	text-decoration:none;
}

/* NAV END */


#commercialmenu li {
	height:22px;
	list-style-type:none;
	font-weight:bold;
	padding-left:8px;
	padding-right:8px;
	padding-top:0px;
	text-decoration:none;
	float:right;
	vertical-align:middle
}

#commercialmenu li#menu {
	background-color:#000;
	color:#fff;
	border-left:solid 1px #fff
}

#commercialmenu li#selmenu {
	background-color:#cccccc;
	color:#ff0000;
	background-image: url(/cobrand/blackspider/blackspider_images/activetab4x25.png);
	background-repeat: repeat;
	border-left:solid 1px #fff
}

.leftloginarea {
	width:50px;
}

/*#* end of block to be removed !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!    */




h1 {
	font-size:125%;
}

h2 {
	font-size:110%;
	margin-bottom:4px;
	padding-bottom:0px;
}

h3 {
	font-size:110%;
	margin-bottom:6px !important;
}

h4 {
	font-size:100%;
}

p {
	font-size:12px;
	margin-bottom:10px;
	margin-top:0px;
}

td {
	font-size:100%;
}

span {
	font-size:100%;
}

p.small {
	font-size:smaller;
}

p.adminnote, td.x-small,p.x-small, li.x-small, span.x-small {
   margin-top: 1em;
   font-size: 12px;
   margin-left: 1px;
   color: #000000;
}

span.issues {
	font-size:80%;
}

h3.title {
	font-size:115%;
}

h2.title {
	font-size:115%;
}

h1.title {
	padding-right: 5px;
	padding-bottom: 3px;
	padding-top: 5px;
	border-bottom: #cccccc 1px solid;
	font-size:122%;
	font-weight:bold;
	color:black;
	margin-left:2px;
	padding-left:0px;
	background:transparent;
	display:block;
	text-align: left;
}

h1.commercialtitle {
	padding-right: 5px;
	padding-bottom: 3px;
	padding-top: 5px;
	font-size:122%;
	font-weight:bold;
	color:#666;
	margin-left:2px;
	padding-left:0px;
	background:transparent;
	display:block;
}

table.mainarea {
	vertical-align: top;
	background-color: #ffffff;
	border: 1px none #ff0000;
	margin-top:4px;
	margin-left:0px;
	margin-right:0px;
        width: 99%;
	font-size:100%;
        text-align: left;
	border-spacing: 0;
}

/* Primary color setting */

table.mtadmin {
    text-align : left;

    width:      100%;
    margin-top:    0px;
    margin-bottom: 0px;
    padding-bottom: 0px;
    background-color: #d1dfee;
    border-style: solid;
    border-width: 1px;
    border-color: #669cca;
}

/* required to properly align the MSIE html editor widget on the Alert Centre page */
table.mtadmin_leftalign {
    text-align : left;
}

/* minimum 10px after a 'Key:' */
td.adminkey_padright {
    padding-right: 10px;
}

table.mtadmininner {
    text-align : left;
    width:      100%;
    margin-top:    0px;
    margin-bottom: 0px;
    padding-bottom: 0px;
    background-color: #d1dfee;
    border-width: 0px;
}

table.report {
    margin: 1em;
	background-color: #BDC9DF;
}

.reporthead {
	padding-right: 10px;
	padding-left: 10px;
	font-weight: bold;
	vertical-align: top;
	color: #000000;
	font-style: normal;
	font-size:80%;
}

.report-selection {
	background-color: white;
}

td.adminkeynoalign {
	padding-left: 10px;
	padding-top: 4px;
	padding-right: 4px;
	font-weight: bold;
	font-size: 12px;
	vertical-align: top;
}

td.adminkeyvcentre {
	padding-left: 10px;
	padding-top: 4px;
	padding-right: 4px;
	font-weight: bold;
	font-size: 80%;
	vertical-align: middle;
	text-align: right;
}

/* Primary color setting */


td.admintitlenoalign {
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 4px;
	padding-top: 4px;
	font-weight: bold;
	font-size: 90%;
	color: #103A57;
	font-style: normal;
    background-color: #EEEEEE !important;
}


td.adminkeydebug {
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 4px;
	padding-top: 4px;
	font-size: 90%;
	background-color: #cccccc;
	text-align: left;
	font-style: italic;
}

.admindebug {
	FONT-WEIGHT: normal;
	FONT-SIZE: 12px;
	COLOR: #000000;
	FONT-STYLE: italic;
	background-color: #eee;
	padding-left:12px;
}


td.resultslistingtitle a:link, td.resultslistingtitle a:visited  {
	color:white;
}

/* Primary color setting */
td.mtadmin {
	font-size:80%;
}




td.portaltopnavbarback {
	background-color: black;
}

td.resultslistingtitle {
	font-size:80%;
	font-weight:bold;
    padding: 4px;
    background-color: #999999;
}

td.resultslistingyes {
    background:#F5F5F5;
    border-style:solid;
    border-width:0px 0px 1px 0px;
    border-color:silver;
	font-size:80%;
}


td.resultslistingno {
    background:#FBF8EC;
    border-style:solid;
    border-width:0px 0px 1px 0px;
    border-color:silver;
	font-size:80%;
}


/* Added new one for the progress status bar */
.statusbar, .statusbar * {
    font-weight:normal;
    font-size:12px;
}

.statusbarerror {
    font-weight:bold;
    color:darkred;
    font-size:12px;
}

/* The calendar on the new message tracking page! */

.calendarHeader {
    background:#004895;
    color:#E90000;
    font-weight:bold;
	font-size:80%;
}

.calendarDays {
    background:#BDC9DF;
    color:#ff0000;
    font-weight:bold;
    text-align:center;
	font-size:80%;
}

.calendarCurrentDate {
    background:#FFCCCC;
	font-size:80%;
}

.calendarWorkingDays {
    background: white;
	font-size:80%;
}

.calendarWeekendDays {
    background:#EEF1F7;
	font-size:80%;
}

.warning{
	 color: red
}
.error {
    color: darkred;
    font-weight:bold;
}
.error_validation {
    color: darkred;
  /*  font-weight:bold; */
    background-color: #ffe8e8;
}

 label.error_validation{
    background-color: transparent;
}


.operationsuccessful {
    font-weight:bold;
    padding-top:10px;
}


/* ---------- Table background (currently only used for Selenium test results) -------------------*/
table.mainbackground {
	padding-right: 10px;
	padding-left: 10px;
	background-image: url('/cobrand/websense/websense_images/gridbackgr.jpg');
	padding-bottom: 10px;
	padding-top: 0px;
	text-align: left;
}

/* ---------- Login background -------------------*/

.normaltext {
	font-size:80%;
}

.formfield {
	font-size: 80%;
	background-color: #FFFFFF;
	color: #333333;
	padding: 0px 0px 0px 5px;
	font-style: normal;
	font-weight: bold;
}

.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;
}

/* ---------- end Login background -------------------*/


/* STYLES USED ON LINKS - do not reorder the rules */
a:link, a:visited, a:active  {
	text-decoration: underline;
	color: black;
}
a:hover { color: #ff0000; }
a:active{	color: black; }
a:hover { color: #ff0000; }

a.link-btn, a.link-btn:link, a.link-btn:visited, a.link-btn:hover, a.link-btn:active {
	text-decoration: none;
	color:black;
	padding:2px;
}

a.bluelink, a.bluelink:link, a.bluelink:visited, a.bluelink:hover, a.bluelink:active {
  color: #2A6FEB !important;
}




/* non-tabbed sub-menus */

table.submenu, td.submenu{
	margin-top: 3px; /* avoid covering main tabs */
	font-size: 12px;
	height: 30px;
	background-color: #eaf3fa;
	text-align: left;
}
table.submenu{
	border-top: 1px solid #888;
	padding-left: 5px;
}

a.navmenulower, a.navselmenulower{
	display: inline-block;
	padding: 2px 4px;
	margin: 0px 6px;
	color: #29527f !important;
        text-decoration: none !important;
        font-size: 12px;
}

a.navmenulower{
	font-weight: normal !important;
}
a.navselmenulower{
	display: inline-block;
	color: #29527f !important;
	background: #f1e9bc;
	-moz-border-radius: 3px 3px 3px 3px;
	padding: 2px 8px;
	border: 1px solid #f5d62b;
}

/* NAV END */

a.commercialmenu:link,
a.commercialmenu:visited,
a.commercialmenu:active,
a.commercialmenu:hover {
	font-size:75%;
	padding-right:2px;
	padding-left:2px;
	color:white;
}

a.commercialselmenu:link,
a.commercialselmenu:visited,
a.commercialselmenu:active,
a.commercialselmenu:hover {
	color:#ff0000;
	font-size:75%;
	padding-right:2px;
	padding-left:2px;
}

a.menu:link,a.menu:active,a.menu:hover,a.menu:visited {
	padding-right: 5px;
	padding-left: 5px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	font-size:80%;
}

a.menu:hover {
	color: #ff0000;
	text-decoration: none;
}

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

a.menu:active {
	color: red;
}

a.selmenu, a.selmenu:visited {
	color: red;
	text-decoration: none;
}

a.selmenu:link,a.selmenu:active,a.selmenu:hover,a.selmenu:visited {
	font-size:80%;
}

a.menulower:link,a.menulower:active,a.menulower:hover,a.menulower:visited {
	padding-right: 5px;
	padding-left: 5px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	font-size:80%;
}







a.menulower:hover {
	color: #ff0000;
	text-decoration: none;
}
a.menulower:visited {
	color: #000000;
	text-decoration: none;
}

a.selmenulower {
	padding-right: 5px;
	padding-left: 5px;
	font-weight: bold;
	vertical-align: top;
	color: red;
	background-color: transparent;
	text-decoration: none;
	padding-top: 3px;
	padding-bottom: 3px;
	font-size:80%;
}

a.selmenulower:visited,a.selmenulower:active {
	padding-bottom: 5px;
	color: red;
	padding-top: 5px;
	background-color: transparent;
	text-decoration: none;
}

/* ---------------- used in the SETUP Policy in the Portal  -------------------*/

.policy-status-led{ margin-top:4px; }

table.policy_list th.status {
	width: 45px;
	text-align: center;
}

table.policy_list td.status {
	text-align: center;
}

table.policy_list th.pid {
	width: 80px;
}

table.policy_list th.last_modified {
	width: 180px;
}

table.policy_list th.admin_email {
	width: 250px;
}

table.tabs {
font-size: 12px;
    background:transparent;
    margin-bottom:0px;
    margin-top: 5px;
    padding-bottom:0px;
    /* border-bottom: 1px solid #E6E6E6;*/
}


table.tabs td.tab {
	font-size: 12px;
	border-style: solid;
	border-width: 0px 0px 0px 0px;
	background-color: #E6E6E6;
	border-color: white;
	padding: 4px;
}


table.tabs td.activetab {
	/* font-size: 12px;
	border-style: solid;
    border-width: 4px 2px 0px 2px !important; */
	background-color: #cccccc !important;
	border-color: #cccccc;
	padding: 4px;
}


table.tabs a.tab {
    padding-right: 10px;
    padding-left: 5px;
    font-weight: bold;
    font-size: 80%;
    vertical-align: bottom;
    color: black;
    text-decoration: none;
}

a.menulower:link,a.menulower:active,a.menulower:hover,a.menulower:visited,
a.menu:link,a.menu:active,a.menu:hover,a.menu:visited,
a.selmenulower,
table.tabs a.tab,
table.tabs td.tab,
table.tabs td.activetab
/* td.resultslistingyes, td.resultslistingno */
{
    cursor:pointer;
}


table.tabs a.tab:hover {
    color: red;
}
table.tabs a.tab:visited {
    color: black;
}


/* styles for the registration wizard */

table.registernav {
	font-size:100%;
	background-color:#004895;
	padding:3px;
	font-weight:bold;
}
table.regbackground {
	padding-right: 10px;
	background-position: right top;
	padding-left: 10px;
	padding-bottom: 10px;
	width: 100%;
	padding-top: 10px;
	background-repeat: no-repeat;
}
table.mainareareg {
	border-right: #ff0000 thin dotted;
	border-top: #ff0000 thin;
	margin: 10px 20px 0px 10px;
	vertical-align: top;
	border-left: #ff0000 thin;
	width: 600px;
	border-bottom: #ff0000 thin;
	text-align: left;
	background-color:white;
}
td.register {
	padding-left: 10px;
	vertical-align: top;
	width: 50%;
}
table.leftregisterpanel {
	padding-left: 10px;
	vertical-align: top;
}
td.registertitle {
	padding-right: 5px;
	padding-left: 15px;
	font-size:110%;
	padding-bottom: 3px;
	width: 100%;
	color: #ffffff;
	padding-top: 5px;
	border-bottom: #BDC9DF 3px solid;
	background-color: #004895;
/*	font-color: red;  */
}
td.registermandatory {
	font-size:80%;
	padding-right: 10px;
	padding-left: 10px;
	font-weight: bold;
	padding-bottom: 3px;
	padding-top: 3px;
	background-color: #BDC9DF;
	text-align: right;
}
td.registeroptional {
	padding-right: 10px;
	font-size:80%;
	padding-bottom: 3px;
	padding-top: 3px;
	background-color: #BDC9DF;
	text-align: right;
}
td.registermandatoryinput {
	padding-left: 10px;
	font-weight: bold;
	padding-bottom: 3px;
	padding-top: 3px;
	background-color: #ffffff;
}
td.registeroptionalinput {
	padding-left: 10px;
	padding-bottom: 3px;
	padding-top: 3px;
	background-color: #ffffff;
}
td.registermandatoryinputgrey {
	padding-left: 10px;
	font-weight: bold;
	padding-bottom: 3px;
	padding-top: 3px;
	font-size:80%;
	background-color: #EEF1F7;
}
td.registeroptionalinputgrey {
	padding-left: 10px;
	padding-bottom: 3px;
	padding-top: 3px;
	background-color: #EEF1F7;
}
td.registermandatorygrey {
	padding-right: 10px;
	padding-left: 10px;
	font-weight: bold;
	font-size: 80%;
	padding-bottom: 3px;
	padding-top: 3px;
	background-color: #EEF1F7;
	text-align: right;
}
td.key {
	padding-right: 10px;
	padding-left: 10px;
	font-weight: bold;
	font-size: 80%;
	padding-bottom: 5px;
	vertical-align: middle;
	width: 90%;
	color: black;
	padding-top: 5px;
	background-color: #BDC9DF;
	text-align: left;
}
span.registerstepoff {
	font-weight:bold;
	font-size:80%;
	color:white;
}
input.key {
	border-right: #ff0000 1px solid;
	border-top: #ff0000 1px solid;
	font-weight: bold;
	font-size: 80%;
	border-left: #ff0000 1px solid;
	color: #000000;
	border-bottom: #ff0000 1px solid;
	background-color: #EEF1F7;
}
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: 80%;
	color: red;
	text-decoration: none;
}
a.infolink:link {
	font-weight: bold;
	font-size: 80%;
	color: #ff0000;
	text-decoration: none;
}

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;
}

.warningnotetxt{
font-style: italic;
margin: 0px;
color: grey !important;
}


.warningmsgicon{
background-image: url(/images/icons/warning.gif);
background-position: left;
background-origin: padding-box;
background-repeat: no-repeat;
height: 32px;
width: 32px;
display: inline-block;
padding: 5px;
}


.warningnoteicon{
background-image: url(/images/icons/warning-16.gif);
background-position: left;
background-origin: padding-box;
background-repeat: no-repeat;
height: 16px;
width: 16px;
display: inline-block;
}

/* BEGIN licence page specific styles */

input.ReadOnly {
    /* No alignment (e.g. text-align:left) specified - do this on the page with style attribute */
    background-color:#BDC9DF;
    border:0px;
}

textarea.ReadOnly {
    /* No alignment (e.g. text-align:left) specified - do this on the page with style attribute */
    background-color:#BDC9DF;
    border:0px;
}

td.FieldLabel {
    font-size:small;
    font-weight:bold;
    padding-right: 5px;
}

/* END licence page specific styles */




/* Additional elements added by Vistorm for Login Page */
.vistorm_separator {
	background: url("/cobrand/vistorm/vistorm_images/separator.gif") repeat-x;
	height:10px;
	width:100%;
}

.vistorm_clear{
	clear: both;
}

#footer {
	clear:both;
	padding-top:0px;
	height:29px;
	color:#ffffff;
	background-color: #004895;
	font-size:9px;
	margin-bottom:20px;
}
#footer a {
	color:#fff;
}

#splashPage #splahPageNav {
	margin: 0px;
	padding: 0px 0px 0px 8px;
}
#splashPage ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#splashPage ul li {
	margin: 0px;
	padding: 0px 3px 0px 7px;
	display: inline;
	border-left: 2px solid #fff;
	background: none;
}
#splashPage ul li.first {
	border-left: none;
}
#splashPage ul li a {
	margin: 0px;
	padding: 0px;
	color: #fff;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
	vertical-align: top;
}
#splashPage ul li a:hover {
	text-decoration: underline;
}
#aboutvistorm a {
	color: #fff;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
	vertical-align: top;
	padding: 0px 15px 0px 0px;
}

#aboutvistorm a:hover {
	text-decoration: underline;
}


/*###############################*/

.inactive_tab {
        background-color: #e6e6e6;
}

TD.admin_odd  {  }
TD.admin_even {  }

/* Tooltip */


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


ul.wrap {
    float:      left;
    width:      50em;
    margin:     0;
    list-style: none;
    padding-left: 20px;
}

li.wrap {
    float:                  left;
    width:                  20em;
    margin:                 0;
    padding:                0;
    background-image:       url(/cobrand/websense/websense_images/info_blue_small.png);
    background-position:    0 3px;
    background-repeat:      no-repeat;
    padding:                0 0 10px 2.0em;  /* left padding moved the text away from the bullet */
    font-size:              15px;
}


/* #### 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: 8px 0 5px 0;
		border-top: 4px solid #ccc;
}

/* Navigation Tabs Styling */
ul.tabbed-area-tabs{
    list-style:none;
    margin: 0px;
    padding: 0px 6px;
    height: 22px;
    /* border-bottom: 1px solid #ccc; */
    white-space: nowrap;
}

ul.tabbed-area-tabs li{
    float: left;
    margin: 3px 3px 0 3px ;
    height: 21px;
    border-top: 1px solid #aaa;
    border-left: 1px solid #aaa;
    border-right: 1px solid #aaa;
 /*   background: #e9e5dd; */
    -moz-border-radius: 3px 3px 0px 0px;
                                        }

ul.tabbed-area-tabs li a{
    float: left;
    color: black;
    font-weight: lighter;
    font-size: 11px;  /* TW: fit extra tabs */
    text-decoration: none;
    padding: 3px 4px;
    height: 15px;
                            }
ul.tabbed-area-tabs li a:active
ul.tabbed-area-tabs li a:visited,
ul.tabbed-area-tabs li a:hover {
    text-decoration: none;
    color: black;
}

ul.tabbed-area-tabs li.tabbed-area-active-tab{
	background: #ccc;
	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 {
               background-color: #f1e9bc;
	           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: 9px;  /* 12px single line, 7px two lines */
	position: absolute; /* place in top right of screen */
	background-color: #f1e9bc;
	color: red !important;
	font-size: 14px;
	padding: 1px 1px 1px 1px;
	margin: 0px 0px;
	-moz-border-radius: 3px 3px 3px 3px;
	text-decoration: none;
}
/* two lines:pin + switched  */
body.account-switched span.switch-highlight{
   top: 7px;
 }


.vertical-padding { padding-top: 5px; }

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: 0px;
                    padding-top:  8px;
                    padding-bottom: 12px;
                                        }
.top-text2    {
                    text-align: left;
                    font-size:  12px;
                    padding-left: 0;
                    padding-top: 0;
                    padding-bottom: 4px;
                                        }


.bottom-text    {
                    text-align: left;
                    font-size:  11px;
                    padding-left: 0;
                    margin-top:8px
                                        }

.bottom-button {
                    text-align: left;
                                        }

.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;
}


/*  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;
}


P.passwordlist {
    FONT-SIZE: 12px; MARGIN-LEFT: 1px
}

UL.passwordlist {
    FONT-SIZE: 12px
}

ul.standard {
    font-size: 12px;
}


table.page-links {
    width:      99%;
    margin-top:    0px;
    margin-bottom: 0px;
    padding-bottom: 0px;
    text-align: center;
    background-color: #eeeeee;
    border-style: solid;
    border-width: 1px;
    border-color: #cccccc;
}

td.page-links {
        vertical-align: top;
        padding:        10px;
        text-align:     left;
        font-size:      12px;
}

.section-separator {
        padding-bottom: 8px;
}

.section-top-padding {
	padding-bottom: 8px;
}

/* IE will add padding to forms by default */
form.no-padding {
	margin: 0px;
	padding: 0px;
	display: inline;
}

div.dialog {
display: none;
}

.fullwidth {
	width: 100%;
/*	border: 0;   CR 17997 We need to display the border */
	padding-left: 0;
	padding-right: 0;
}

/*
 * Classes used in the JQuery popup
 */
.ui-dialog-titlebar { border: 1px solid #4297d7; background: #669cca; color: #eaf5f7; font-weight: bold; }
.ui-dialog { border: 1px solid #4297d7; background: #fcfdfd url(images/ui-bg_inset-hard_100_fcfdfd_1x100.png) 50% bottom repeat-x; color: #222222; }
.ui-icon-closethick{
	float:right;
	margin-right:4px;
	background-image: url(/images/setup-json/16/action_delete.gif); background-position: center;  background-repeat: no-repeat !important;   ;
	width:16px;
	height:16px;
	font-size:0px;

 }

td.highlight {
        background-color: #f1e9bc;
	padding-left: 10px;
	padding-right: 5px;
	padding-top: 4px;
	padding-right: 4px;
	font-weight: bold;
	font-size: 12px;
	vertical-align: top;
}

/* 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: 950px;
}

/* WP8448: Used in the policy spam settings page to simulate enabled/disabled controls */
.enabled {
    color:inherit;
}



/* Sub-navgiation styling */
div.subnav-content{
	clear: both;
	padding: 0px;
	width: 220px;
}

/* -- Sub-naviation section styling */
ul.subnav-section {
    list-style:none;
    margin: 0px 6px 0px 0px;
    padding: 0px 0px 0px 6px;
    text-align: left;
}

ul.subnav-section li {
    margin: 0px 3px;
    padding-left: 6px;
    border-top: 1px solid #aaa;
    border-left: 1px solid #aaa;
    border-right: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    background: #eeeeee;
}

ul.subnav-section li a{
    color: #666;
    font-weight: lighter;
    font-size: 12px;
    text-decoration: none;
    padding: 3px 4px;
    height: 15px;
}

ul.subnav-section li a:visited {  /* IE6 fix */
    text-decoration: none;
    font-weight: lighter;
}

ul.subnav-section li a:hover{
	text-decoration: underline;
}

ul.subnav-section li.subnav-section-active {
	background: #eaf3fa;
	color: #29527f;
	/*height: 22px;*/
	font-weight: bold;
}

ul.subnav-section li.subnav-section-active a {
	color: #000;
}

ul.subnav-section li.subnav-section-active a:hover {
	text-decoration: none;
}

/* -- Sub-naviation item styling */
ul.subnav-item {
    list-style:none;
    margin: 0px;
    padding-left: 5px;
    text-align: left;
}

ul.subnav-item li {
    height: 21px;
    border: none;
    background: #ffffff;
}

ul.subnav-item li a {
    color: #666;
    font-weight: lighter;
    font-size: 12px;
    text-decoration: none;
    padding: 3px 4px;
}

ul.subnav-item hr {
	height: 1px;
	margin-left: 12px;
	margin-right: 4px;
}

ul.subnav-item li a:visited {  /* IE6 fix */
    text-decoration: none;
    font-weight: lighter;
}

ul.subnav-item li a:hover {
	text-decoration: underline;
}

ul.subnav-item li.subnav-item-active {
	color: #29527f;
	height: 22px;
	font-weight: bold;
}

ul.subnav-item li.subnav-item-active a {
	color: #29527f;
}

ul.subnav-item li.subnav-item-active a:hover {
	text-decoration: none;
}

/** Breadcrumb styles */

div.breadcrumb {
	background: #444444;
	border: 1px solid #666666;
	margin: 0px;
    padding-left: 10px;
    padding-top: 4px;
	font-size: 12px;
    text-align: left;
    height: 18px;
    color: #ffffff;
    font-weight: normal;
}

div.breadcrumb a {
	text-decoration: underline;
	font-weight: normal;
	color: #ffffff;
}

.breadcrumb-separator,
#breadcrumbs .separator
 {
	color: #999999 !important;
}

.breadcrumb-policy-highlight {
/*
	 border-style: none;
	 border-width: 5px;
	 margin: 0px;
	 padding-left: 5px;
	 padding-right: 5px;
	 background-color: #f1e9bc;
	 color: #000000 !important;
*/
}

.breadcrumb-policy-highlight a {
/*
	 color: #000000 !important;
*/
}

.breadcrumb-policy-name-highlight {
	font-weight: bold;
}


/* Area navigation ---------------------------------------

div.nav-areas {
	height: 24px;
	background-color: #666666;
	padding-top: 4px;
	padding-bottom: 4px;
}

a.nav-area-left, a.nav-area-left-active {
	float: left;
	width: 80px;
	border: 1px solid #ccc;
}

a.nav-area-left {
	color: #555 !important;
    background: #e9e5dd;
    font-weight: normal !important;
}

a.nav-area-left-active {
	float: left;
	background: #eaf3fa;
	color: #29527f !important;
	border: 1px solid #888;
}

a.nav-area-right, a.nav-area-right-active {
	float: right;
	border: 1px solid #ccc;
}

a.nav-area-right {
	color: #555 !important;
    background: #e9e5dd;
    font-weight: normal !important;
}

a.nav-area-right-active {
	background: #eaf3fa;
	color: #29527f !important;
}

a.nav-area-left, a.nav-area-right, a.nav-area-left-active, a.nav-area-right-active {
	font-size: 12px;
	padding: 3px 10px;
	position: relative;
	margin: 0px 2px;
    text-decoration: none !important;
}

a.nav-area-left, a.nav-area-left-active {
	-moz-border-radius: 3px 3px 3px 3px;
}

a.nav-area-left img, a.nav-area-right img, a.nav-area-left-active img, a.nav-area-right-active img {
	width: 14px;
	height: 14px;
	vertical-align: -3px;
	padding-right: 4px;
}

a.nav-area-left:visited, a.nav-area-right:visited {
	font-weight: normal;
}

a.nav-area-left:hover, a.nav-area-right:hover {
	background: #efefef;
	color: #1C3753 !important;
	text-decoration: none !important;
}
 ---------------------- */



div.sub-header {
	height: 24px;
	padding-top: 4px;
	padding-bottom: 4px;
	background-color: #999999;
}

div.sub-header span {
	float: right;
	padding-right: 4px;
	padding-left: 10px;
}

div.sub-header a {
	text-decoration: none;
	font-weight: normal;
	color: #ffffff !important;
}

div.sub-header img {
	vertical-align: -3px;
	height: 16px;
	width: 16px;
	/*padding-right: 2px;*/
}

div#groupSelector{
	border-top: 2px solid #999999;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
	background-color: white;
	visibility: hidden;
	display: none;
	position: absolute;
	overflow: hidden;
	z-index: 1000;
}
div#scrollRegion{
	width: 100%;
	height: 60px;
	padding: 2px;
	background-color: white;
	overflow-y: auto;
	overflow-x: hidden;
}

div#groupSelector a{
	width:100%;
	cursor:pointer;
	text-decoration:none;
}

nowrap, table.admin > tbody > tr > td.nowrap {
	white-space: nowrap !important;
}

.disabledBox, .disabledInput, .disabled, a.disabled-link {
	 cursor: not-allowed;
}
.disabledText, .disabled, a.disabled-link{
  color: Gray
}

/*** =====================  portal-refresh.css, rev.27, 2011/06/16 ===================== ***/
/* header menu */

.hosted-text {
    font-size: 14px;
	 font-family: Arial, Helvetica, sans-serif;
	 font-weight: bold;
	 color: white;
	 position:relative;
	 top: -6px
}

.content-header {
	height:22px;
  	background: #464646 url(/cobrand/websense/websense_images/refresh-images/nav_head_sel-24.png) repeat-x center;
	color:white;
	padding: 2px 4px 0 4px;
	font-size: 12px;
	line-height: 20px;
	font-weight: bolder;
	text-align: left;
	font-family: Verdana,Myriad,Arial,Helvetica,sans-serif;
	width:auto;
}

body.off .content-header {
	margin-bottom:10px;
}

.content-header a {
	text-decoration: underline;
	font-weight: normal;
	color: #ffffff;
}

.btn_smsPanel_hoverExpand,
.btn_smsPanel_close, .btn_smsPanel_open{
   background: url(/images/refresh/container/close_n.gif) no-repeat center;
	border: 1px solid transparent;
	width: 16px;
	height: 24px;
	margin: 0;
	position:absolute;
	right: 0;
	top:0;
	text-decoration: none;
	cursor: pointer;
 }
a.btn_smsPanel_close:hover{ border: 1px solid silver; }
.btn_smsPanel_open {  background: transparent url(/images/refresh/container/open_n.gif) no-repeat center;}


.btn_smsPanel_open {  background: url(/images/refresh/container/open_n.gif) no-repeat center;}
a.btn_smsPanel_close:hover{ border: 1px solid silver; }

.msmSpacer {
  background: transparent url(/images/refresh/spacer.gif) repeat-x left;
  width: 100%;
  height: 12px;
}

.msmSMContainerTitleText {
    color: #5B5B5B;
    cursor: default;
    font: bold 12px Verdana,Arial,Helvetica,sans-serif;
    white-space: nowrap;
}

.topBrandBannerImage { padding: 0px; }

.topBrandBanner {
  min-width: 600px;
  text-align: left;
  
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#666465+0,4d4d4d+100 */
    background: #666465; /* Old browsers */
    background: -moz-linear-gradient(top,  #666465 0%, #4d4d4d 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #666465 0%,#4d4d4d 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #666465 0%,#4d4d4d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666465', endColorstr='#4d4d4d',GradientType=0 ); /* IE6-9 */

  overflow: visible;
  height: 34px;
  clear: both;
  position: relative;
  margin: 0;
  padding: 0px 0px 0px 2px;

  }
.topUserNameBox{
   position: absolute;
	 right: .5em;
	 top: 10px;
 }

.topProductBar {
   background-color: #bac2c7;
   border-bottom: #8a949b 1px solid;
	/* above same as ptrMainProductBar from header */

	overflow-y: visible;
	clear: both;
	height: 26px;
	padding:0px 0px 0px 4px;
 }

.topProductBar a{
	 cursor: pointer;
	 display: block;
	 white-space: nowrap;
	 font-weight: normal;
	 color: black;
	 font-size:0.8em;
	 float: left;
    height: 22px;
 }


a.topAreaButton, a.topAreaButtonActive, a.topAreaButtonActive:hover {
	background:  url(/images/refresh/header/productBGI.png?v=772) no-repeat 0 0;
	width: 137px;
	padding-top: 7px;
	height: 24px;
}
a.topAreaButton.short{ width: 66px }

a.topAreaButtonActive{
	background-position: 0 -28px;
	font-weight: bold;
	color: black;
	cursor: default;
}

a.topAreaButtonActive:hover {
	background-position: -137px -28px;
	color: black;
	cursor: default;
}
a.topAreaButton:hover {
	background-position: -137px 0;
	color: black;
}

a.areaDisabled {
	background-position: 0 -56px;
	color: #666;
}
a.areaDisabled:hover{
	background-position: -137px -56px;
	color: black;
}

a.topHelp, a.topSettings, a.topSettingsActive, a.topAppliances, a.topAppliancesActive {
	 height: 19px;
	 padding: 9px 0 0 22px;
	 font-weight: normal;
	 float: right;
	 display: block;
	 border-left: 1px solid #8A949B;
}

a.topHelp, a.topSettings, a.topSettingsActive, a.topAppliances, a.topAppliancesActive{
   padding-top:7px;
}

a.topHelp{
	background: url(/images/refresh/header/helpBGI.png) no-repeat 0 0;
    width: 48px;
}

a.topSettings, a.topSettingsActive {
	background: url(/images/refresh/header/settingsBGI.png) no-repeat 0 0;
	width: 136px;
	padding-left:20px;
}

a.topAppliances, a.topAppliancesActive {
    background: url(/images/refresh/header/appliancesBGI.png) no-repeat 0 0;
    width: 130px;
    padding-left:32px
}


a.topSettings:hover, a.topAppliances:hover, a.topHelp:hover{ background-position: 0 -28px; color: black; }
a.topSettingsActive{ background-position: 0 -56px; color: black; font-weight: bold; }
a.topSettingsActive:hover{ background-position: 0 -84px; color: black; }

a.topAppliancesActive{ background-position: 0 -56px; color: black; font-weight: bold; }
a.topAppliancesActive:hover{ background-position: 0 -84px; color: black; }

div.sectionTabsContainer {
  background: url("/images/refresh/header/stripBorderBGI.gif") repeat-x scroll center bottom #E0DFE3;
  height: 28px;
  overflow-y: visible;
  margin-bottom:8px
}

a.iconSwitch, a.iconPin {
	height: 25px;
	display: block;
	border: 1px solid transparent;
	float: right;
	padding: 0 0 0 25px;
	font-style: normal;
	font-weight: normal;
   	vertical-align: middle;
	line-height: 25px;
	font-size:0.8em;
 }


a.iconSwitch {
	background: transparent url(/images/refresh/icons/switch-3users.gif) no-repeat scroll 4px 0px;
	width: 50px;
 }
a.iconPin {
   background: transparent url(/images/refresh/icons/pin-20.gif) no-repeat scroll 4px 4px;
	width: 35px;
 }

a.iconSwitch:hover, a.iconPin:hover {
	background-color: #eee;
	border: 1px solid #DBDBDB;
	color: black;
}

a.iconSwitch:visited, a.iconPin:visited {
	color: black;
}

/*  ---------------------------  buttons --------------------------------- */

button, button[type="reset"], input[type="submit"], input[type="button"], input[type="reset"], body.off .buttonMenu {
	background: url("/images/refresh/login/btn_bg.png") repeat scroll left center rgb(232,241,255) !important;
	-moz-border-radius: 3px !important;					/* Firefox */
	-webkit-border-radius: 3px !important;					/* Chrome and Safari */
	border-radius: 3px !important;							/* IE9 */
	border: 1px solid rgb(51,102,153) !important;
	padding: 3px 6px !important;
	font-size: 11px !important;
	font-weight: bold !important;
	color: rgb(17,68,119) !important;
	cursor: pointer;

/* ext.css sets this to "border-box" */
  box-sizing: content-box !important;
	-moz-box-sizing: content-box !important;
	-ms-box-sizing: content-box !important;
	-webkit-box-sizing: content-box !important;

}

.logoff-button {
	font-size: 10px !important;
	line-height: 12px;
	padding: 1px 4px !important;
	margin-left:6px;
}

button:hover, input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover {
	background: url("/images/refresh/login/btn_bg_hover.png") repeat scroll 0% 0% rgb(254,254,227);
}

button:active, input[type="submit"]:active, input[type="button"]:active, input[type="reset"]:active {
	background: url("/images/refresh/login/btn_dwn_bg.png") repeat scroll left center rgb(225,235,255);
	border: 1px inset rgb(34,68,102);
	-moz-border-radius: 3px;					/* Firefox */
	-webkit-border-radius: 3px;					/* Chrome and Safari */
	border-radius: 3px;							/* IE9 */
	padding: 3px 6px;
	font-size: 11px;
	font-weight: bold;
	color: rgb(17,51,68);
	cursor: pointer
}

button[disabled], input[type="submit"][disabled], input[type="button"][disabled], input[type="reset"][disabled] {
	background: url("/images/refresh/login/btn_dis_bg.png") repeat scroll left center rgb(227,227,227) !important;
	border: 1px solid rgb(187,187,187) !important;;
	-moz-border-radius: 3px;					/* Firefox */
	-webkit-border-radius: 3px;					/* Chrome and Safari */
	border-radius: 3px;							/* IE9 */
	padding: 3px 6px;
	font-size: 11px;
	font-weight: bold;
	color: rgb(170,170,170) !important;
	cursor: default !important;
}

td.submit-button {
	padding-top: 10px !important;
}

button#submit-json,
button.cancel-json,
.setup-json button.submit-json,
.setup-json input.submit-json,
#dialog .submit-json {

	padding-right: 22px !important;
  padding-left: 18px !important;
  background-position-x: 95% !important;
}

button[type="submit"], input[type="submit"],
button[type="reset"],   button[type="reset"],
.submitBtn, .resetBtn,
.okBtn, .cancelBtn, .confirmBtn,
.addBtn, .deleteBtn{
  min-width:4em !important;
}

/*  ---------------------------  tables --------------------------------- */
table.tbl {
	border-collapse: collapse;
	text-align: left;
	vertical-align: top;
}
table.tbl td {
	border: 1px solid #B1B0B5;
	font-size:11px !important;
	padding: 3px 5px;
}
table.tbl th.header{
	border: 1px solid #B1B0B5;
	background-color: #e3e3e3;
	color: #103A57;
	font-size: 11px;
	font-weight: bold;
	height: 14px !important;
	padding: 3px 3px !important;
}
table.tbl tr.even {
	background-color: #e3e3e3;
}
table.tbl tr.odd {
	background-color: #fff;
}
table.tbl tr.odd, tr.even {
	height: 15px;
}

table.tbl td.noBorder, th.noBorder {
	border: 0px !important;
}

/* -------------------------  left menu  ----------------------- */

.msmPaneHeader { height: 11px !important; }
.leftMenuTop{
	height: 11px !important;
	background: #C2C3C7 url('/images/refresh/panel-menu/paneBorder.gif') repeat-x top;
}
.leftMenuTop div{	background: url(/images/refresh/panel-menu/paneHeaderCorner.gif) no-repeat top right;}

.msmPaneBody {
   position: relative;
 }

/* was .msmPaneHeader a */
.btn-menuCollapse, .btn-menuExpand {
	display: block;
	height: 11px;
	font-size: 11px;
	margin-right: 3px;
	padding-right: 3px;
	text-align: right;
	background: transparent url(/images/refresh/panel-menu/toggle_opened.gif) no-repeat right;
}
.btn-menuExpand {
	background: transparent url(/images/refresh/panel-menu/toggle_closed.gif) no-repeat right;
}

#left-menu.collapsed {
	margin-left: -300px;
}

#leftMenuContainer {
   	border-right:1px solid #ADB2BE;
   	border-bottom:1px solid #ADB2BE;
	padding-bottom: 10px;
	text-align: left;
}

.sectionItemDivider {
    border-color: #808080 transparent transparent;
    border-right: 4px solid transparent;
    border-style: solid;
    border-width: 1px 4px 4px;
    font-size: 1px;
    line-height: 1px;
    margin: 4px 6px -4px 6px;
}

a.sectionItemActive, a.sectionItem{
    font: bold 12px Verdana,Arial,Helvetica,sans-serif;
    margin-top: 2px;
    padding: 2px 0 3px 12px;
	 display: block;
	 width: auto;
}
.sectionItemActive{
    background-color:#888;  /* #5B5B5B;   */
	 color: #FFFFFF !important;
	 font-weight: bold;
}

a.sectionItem, a.sectionItem:hover, a.sectionItem:active, a.sectionItem a:visited{
	 font-weight: normal;
	 color: black !important;
}

/* to be copied from  a.msmSMLinkItemOver  */
a.sectionItem:hover{ background-color: #FEF8B1;  }

/* --------------- section  icons  -------------------------  */
.section_background, .section-collapsed {
    background: url(/images/refresh/container/hL_n.gif) repeat-x left;
	 height: 26px;
	 overflow: visible;
	 position: relative;
	 margin: 1em 0 .4em 0;
	 font-size: 12px;
	 font-weight:bold;
	 background-color: #eee;
}
.section_background.firstSection{ margin-top: 0; }
.sectionCollapsedActive{  background: #888;  }


/* --------------- common to all section icons ---------------------------
   every section will have its own rule to specify the section icon             */

.section {
	font: bold 12px Verdana,Arial,Helvetica,sans-serif;
   	padding-left: 26px;
	line-height: 26px;
	height: 24px;
	color: #5B5B5B;
}

/* ---- default section icon ---- */
.section {
   background: url(/images/refresh/section-icons/general.png) no-repeat 2px 2px;
}

/* ---- section are identified as nav_<area-id>_<section-id>, where area is one of home, mc, wd, hy, admin, account, help ---- */
.nav_wd_policies, .nav_mc_policies, .nav_hy_policies, .nav_home_support, .nav_admin_orders {
   background: url(/images/refresh/section-icons/policies.png) no-repeat 2px 2px;
}

.nav_wd_settings, .nav_hy_settings, .nav_admin_internal {
   background: url(/images/refresh/section-icons/general.png) no-repeat 2px 2px;
}

.nav_mc_messages {
   background: url(/images/refresh/section-icons/quarantineMenuItem.png) no-repeat 2px 2px;
}

.nav_wd_reporting, .nav_mc_reporting, .nav_hy_reporting, .nav_home_reporting {
   background: url(/images/refresh/section-icons/reporting.png) no-repeat 2px 2px;
}

.nav_home_status {
	 background: url(/images/refresh/section-icons/status.png) no-repeat 2px 2px;
}

.nav_wd_notifications, .nav_hy_notifications {
   background: url(/images/refresh/section-icons/notifications.png) no-repeat 2px 2px;
}

.nav_admin_reseller {
	 background: url(/images/refresh/section-icons/accountManagementMenuItem.png) no-repeat 2px 2px;
}

.nav_admin_translation {
	 background: url(/images/refresh/section-icons/translation.png) no-repeat 2px 2px;
}

/*
a.btn_smsPanel_close, a.btn_smsPanel_close:hover, a.btn_smsPanel_close:visited, a.btn_smsPanel_close:active,
a.btn_smsPanel_open,  a.btn_smsPanel_open:hover,  a.btn_smsPanel_open:visited,  a.btn_smsPanel_open:active,
*/
.topProductBar a,        .topProductBar a:hover,        .topProductBar a:visited,        .topProductBar a:active,
.sectionTabsContainer a, .sectionTabsContainer a:hover, .sectionTabsContainer a:visited, .sectionTabsContainer a:active,
#left-menu a, 	         #left-menu a:hover,            #left-menu a:visited,            #left-menu a:active {
	text-decoration: none;
}

a:focus, a:active { outline: none; }


/* --- Add an external link icon used to indicate items linking to external sites, including websense.com ---- */
.externalLink {
	background: transparent url(/images/refresh/icons/external_link.png) no-repeat scroll center;
	width: 20px;
	height: 14px;
	vertical-align: baseline;
	display: inline-block;
}


/* ---- These classes control the appearance and position of the support pin and
   ---- switched-to account.
*/
.support-highlight {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	vertical-align: middle;
	font-size: 0.8em;
	background-color: #f1e9bc;
	padding: 2px 4px;
	margin: 0px 0px;
	-moz-border-radius: 3px;					/* Firefox */
	-webkit-border-radius: 3px;					/* Chrome and Safari */
	border-radius: 3px;							/* IE9 */
    text-decoration: none;
    height: 16px;
}

.support-pin {
	position: absolute;
    left: 4px;
	top: 67px;
}

.switched-to {
	height: 25px;
	display: block;
	float: right;
	padding: 0 20px;
	position: relative;
	margin-top: 7px;
}


/* ---- The following is a first attempt at making existing Portal tables look more like Triton
   ---- without having to change all of the table markup (e.g. to us <th>)
*/
table.admin {
    background-color: #CCCCCC;
    margin-top: 0;
    padding-top: 0;
    text-align: left;
    width: 100%;
}

table.grid{
    margin-top: 0;
    padding-top: 0;
    width: 100%;
}


table.admin  tbody  tr {
	color: #000000;
}
table.grid > tbody > tr > td,
table.admin > tbody > tr > td {
	cursor: default;
	font-size: 11px;
	padding: 3px 5px;
	vertical-align: top;
	background-color: white;
	/* 	white-space: normal;
    color: #000000; */
}

table.admin.ui1 th,
td.admintitle {
	padding: 4px 10px;
	font-weight: bold;
	font-style: normal;
	font-size: 11px !important;
	text-align: left;
	color:	#103A57 !important;
	background-color: #EEEEEE !important;
	vertical-align: middle;
}

td.admintitle a:link {
	color:	#103A57 !important;
}

td.adminkey{
	padding-left: 10px;
	padding-top: 4px;
	padding-right: 4px;
	font-weight: bold;
	font-size: 12px;
	text-align: right;
	vertical-align: middle !important;
	background-color: #EEEEEE !important;
	color: #103A57;
}

td.admin {
	padding: 4px 10px;
	font-weight: normal;
	font-size: 12px;
	vertical-align: top;
	background-color: #FFFFFF;
	color: #000000;
	text-align: start;
}

td.adminleft {
	padding: 4px 0px;
	font-weight: normal;
	font-size: 12px;
	vertical-align: top;
	background-color: #FFFFFF;
	color: #000000;
	text-align: start;
    width: 1%;
    vertical-align: top;
}

td.adminnoalign {
    padding: 4px 10px;
    font-weight: normal;
    font-size: 12px;
    vertical-align: top;
    background-color: #FFFFFF;
    color: #000000;
}


#left-menu, #collapsed-menu{ position: relative }
#left-menu{ width:220px;  }


/* ------------------ collapsed left menu panel -------------  */
.leftPanelGapRight{ width:8px !important }
#collapsed-menu { width: 40px; display: none; margin-left: -40px; background-color:white; }


.lp_section.collapsed .sectionItem,
.lp_section.collapsed .sectionItemActive,
.lp_section.collapsed .sectionItemDivider
{
	display: none;
}

/* this is to prevent visual swaping the section button  */
.lp_section.collapsed .btn_smsPanel_close{
 background: transparent url(/images/refresh/container/open_n.gif) no-repeat center;
}





.section-collapsed {
   margin: .3em 0 0 0;
	border:0;
   background-image: none;
}
.section-collapsed .section { cursor: pointer }

#panel-collapsed {
   border: 1px solid #888;
   border-top:0;
}
.btn_smsPanel_hoverExpand {
	background: transparent url(/images/refresh/panel-menu/arrow-4x7.gif) no-repeat 70%;
	width: 20px;
	height: 100%;
}
.sectionCollapsedActive .btn_smsPanel_hoverExpand {
	background: transparent url(/images/refresh/panel-menu/arrow_4x8-white.gif) no-repeat 70%;
}

#panel-collapsed a { text-decoration: none; }
#panel-collapsed .panel_hoveredSection {
	border: 1px solid #7E7E7E;
    left: 33px;
    position: absolute;
    text-align: left;
    top: 2px;
    width: auto;
	background-color: white;
	white-space: nowrap;
	padding: 0;
	display: none;
	z-index:1000;
}
.panel_hoveredSection div.title {
	background: #E3E3E3;
	padding: 3px 6px;
	text-align: left;
	font-size: 12px;
}
.panel_hoveredSection a {
	padding-right: 6px;
}

table.report thead th, table.report tfoot td  {
	padding-right: 10px;
	padding-left: 10px;
	font-weight: bold;
	vertical-align: middle;
	color: #000000;
	font-style: normal;
	font-size: 11px;
}
table.report tbody td {
	vertical-align: top;
	background-color: white;
	padding: 1px 10px;
	font-size: 9px;
}

table.report-description {
	background-color: white !important;
	border: 2px solid #CCCCCC;
	padding-left: 0;
	padding-right: 0;
	margin-bottom: -2px;   /* To avoid double width border in the results page */
}

#dash_span_4, #dash_span_5, #dash_span_7, #dash_span_8 {
	margin-right: 5px;
}

div.popup_content, div.policy_list_options {
	padding-top: 1em;
	padding-bottom: 0.2em;
	text-align: left;
}

.float-left{ float: left !important; }
.float-right{ float: right !important; }
.clear-float {
	display: block;
	float: none !important;
	clear: both !important;
	width: 1px;
	height: 1px;
}
.hidden{ display: none }


/*  copied from setup-json.css in case is not included in the page */
#setup-json .box,
#setup-json .box2 {
	margin: 1px 0;
	width: 100%;
	padding-left: .25em;
	text-align: left;
	padding: 1px;
	border: 1px solid silver;
	margin: 0 0 1em 0;
	height: auto;
	background-color: #669cca;
}

#setup-json .inner-box{
	padding: .5em;
	border: 1px solid silver;
	background-color: white;
	text-align: left;
}

/* make all rule !important so they are not overwritten by the following setup-json.css  --- */

 .box, .box2 {
	color: black !important;
	background-color: rgb(238,238,238) !important;
	font-size: 11px !important;
   	font-weight: bold;
}

.box h4,
.box2 h4 {
	color: black !important;
	font-size: 135%;
	padding: .15em .3em .3em .3em;
	margin:0  !important;
	width:auto !important;
}

.box .inner-box,
.box2 .inner-box,
#setup-json .inner-box {
	border: none 0px !important;
	background-color: white  !important;
	font-size: 12px  !important;
	font-weight: normal  !important;
}

body.page_dashboard #messagesoftheday {
	margin-top: 3px;
}

body.page_dashboard .box {
	/* margin-right: 4px; */
}


.vcenter { vertical-align: middle !important; }
.hcenter { text-align: center !important; }

/* popup for re-check Mail Routing rule. Reduce the font size back bacause it has been increased by .ui-widget input */
.ui-widget #results_buttons input {
	font-size:85% !important;
	margin-right:.3em
 }



 .hCentre {  text-align: center;}
 .mozilla .hCentre {  text-align: -moz-center; margin-left: 35% }



/* CR 18316 remove unnessesary space around the content and align it to the left in the main area  */
table.mainarea,
table.section-legend-container{ border-spacing: 0; width: 100%; }

.report-selection,
.section-content{	padding-left: 0 !important}

.section-content fieldset{ margin-left: 0; margin-top: 6px; }
#setup-json{ padding-left:0 !important; padding-top:0  !important; }


/*** =====================  setup-json.css, rev.13, 2011/06/16 ===================== ***/

/*  global */
.clear{ float:none;clear:both;  }
.disabledText { color: Gray }
.disabledBox  { background-color: Gray; cursor: not-allowed  }
.disabledInput { cursor: not-allowed  }
.disabled  { cursor: not-allowed  }
input.disabled  {	background-color: silver }
.ie input.disabled  { background-color: transparent; }
.left{ text-align: left; }
.noWrap{ white-space: nowrap !important;  }
.white{ background-color: white !important;  }
.inner-box * { font-size: inherit !important;  }
textarea { overflow: auto; }
.marginL1em{ margin-left: 1em; }
.noTBmargin{
   margin-bottom: 0  !important;
	margin-top: 0  !important;
	padding-bottom: 0 !important;
	padding-top: 0  !important;
}

.submit-message { margin-left: 1em; position: relative; vertical-align: middle  }
.submit-error { color: Red; background-color: #FFFFCA; border: 1px solid red; padding: 1px 4px; vertical-align: middle  }
.submitWrapper {
    margin-top: 10px;
	text-align: left !important;
}

.copy-link { margin: 0 0.5em; text-decoration: none;  }
.test-results { font-weight: bold  }

.padding20LR{ padding-right: 20px !important; padding-left: 20px !important; }
.anim-loader {	background: url(/images/setup-json/16/anim-loader-red.gif) no-repeat right !important; }
.info-icon{   background: transparent url(/cobrand/websense/websense_images/inline_i.png) no-repeat center;  width: 16px; height: 16px;      }
.bgImgLeft{ background-position: left !important; }

.snake-loader {
	margin-left:0;
	background: url(/images/anim/snake-spinner.gif) no-repeat 0 50% !important;
	width:20px;
	height:20px;
	display:block;
	display:inline-block;
	zoom:1;
}

#notifications,
   .file-filters{ margin: 0.6em 0 0 0; background-color:white }



	ul.chkBox-list  { padding:0 1.5em 0 1.5em !important; }
	ul.chkBox-list li { padding-left:0em; margin-bottom:0.20em  }
	ul.chkBox-list input { margin-left: -1.3em; }




	.notification-combo{ width: 15em	}
	.spacer { width:auto }

	.changedField, .ptags-tag.changedPTag{ background-color: #FFFFB2 !important;  }
	.ptags-tag.addedPTag{ background-color: #b2ffb3;  }
	.erroneousField{ background-color: #FFBDBD;  }
	.missingField  { background-color: #DE88FF;  }

	#log{ border-top: 2px solid gray; padding-top: 0.5em; margin-top: 0.8em; }
/*
    .error, .trace { font-family: "Courier New", Courier, monospace; font-size: 75%; padding: 0.15em 0.25em;  }
	.error { color: Red; background-color: Yellow; text-align: left }
*/
	.trace { background-color: #eee;  border: 1px dotted Silver; margin: 0.3em 0; text-align: left }
	.post { background-color: #FFFFD9; }
	.post-response { background-color: #F1E3FF; }




img.icon-pdf { vertical-align: middle;	 width: 22px; height: 22px;	  }

/*button.submit-json{ padding: 0 20px  }*/


/* --  table templates   ---  */
tr.tr-template{ display: none;}
.a-template { margin: 0 0.25em  }
.deletedTR td { text-decoration: line-through; background-color: #D6D6D6 }
.alternative-table-template { display: none }
.table-template { display: none }

/* --------------- pages  ----------------------  */
#page_agent-installation-download { text-align: center; }
#page_agent-installation-download table{ margin:0.5em 0 0 0.5em; font-size: 90%;  }
#page_agent-installation-download td{ white-space: nowrap; }
#page_gateway-management table td {  border-collapse:collapse;  }
#page_authentication-gateway-settings {  text-align: left }

#page_endpoint-client-installation td { font-size: 90%;  }
#page_ssl-terminatoin div.explain { margin:0 1em;  }

#page_gateway-management .box,
#page_ssl-terminatoin .box,
#page_agent-installation-download,
#page_endpoint-client-installation .box,
#page_authentication-gateway-settings .page-table{
   /* width: 90%; */
	 text-align: left;
}

#page_analytics table.executables ul{ margin-bottom: 0; margin-top: 0;  }
#page_analytics .inner-box table {  width: 95%; }
#page_analytics ul.bottom-line{  border-bottom:1px solid black; margin-bottom:0.3em; padding-bottom:.5em }
#page_analytics ul.upper-line{   border-top:1px solid black; margin-top:0.3em; padding:.5em 0 0 0 }
#page_analytics .never-scan th,
#page_analytics .always-scan th,
#page_analytics .exceptionsTH { background-color: #A3C5E0; }
.exceptionsTH{ border: 1px solid #A3C5E0 !important; }

.wrapText{ white-space: normal }
.wrapTextAllDescendent *{ white-space: normal }
.never-scan td, .always-scan td, .wrapText {
	word-wrap: break-word;  /* this rule fails in FF */
	word-break: break-all;	/* this rule fails in FF */
/*	white-space: pre;*/			/* CSS-3: doesn't work in Chrome */
/*	white-space: pre-line;*/
}
/* css-3 .never-scan td, .always-scan td, .wrapText {	white-space: pre-wrap; } */
.never-scan td, .always-scan td, .wrapText {
	white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
}


.checkBoxWrapper { padding: 3px; }
/* .noBorder{ border:1px solid transparent !important; } */


/* - editableText -------------------- */
/*  .editableEditting { border: 1px dashed grey; } */

/*.editableText:hover {	outline: 1px dashed grey;}
.editableToolbar:hover + * {	outline: 1px dashed grey;} */
.editableToolbar {}
.editableToolbar a{  display: block;  width: 18px;  height: 18px;  float: left;  margin: 2px;}
/*
.editableToolbar .edit {	background: url("/images/editable-icons.png");}
.editableToolbar .save {   background: url("/images/editable-icons.png") -16px 0;}
.editableToolbar .cancel { background: url("/images/editable-icons.png") 25px 0;}
*/
.btnDetail { padding: 0; border: none; }
.btnEditLR{	 background: url(/images/setup-json/16/editLR.gif) no-repeat center;}
.btnEdit {	 background: url(/images/setup-json/16/edit.gif) no-repeat center;}
.btnSave {   background: url(/images/setup-json/16/action_check.gif) no-repeat center;}
.btnCancel { background: url(/images/setup-json/16/action_remove.gif) no-repeat center;}
.btnAdd {    background: url(/images/setup-json/16/action_add_blue.gif) no-repeat center;}
.btnRemove { background: url(/images/setup-json/16/action_delete.gif) no-repeat center;}
.btnUndo { background: url(/images/setup-json/16/undo01.gif) no-repeat center;}
.btn24     { width: 18px; height: 16px; display: block; border: 1px solid transparent; zoom:1; }
a.btn24 { border:1px solid white; }

a:hover .btn24, a.btn24:hover { border: 1px outset #CCCCCC; background-color: #D4E6FF; }

a:hover .btnAdd {  background: url(/images/setup-json/16/add-blue.gif) no-repeat center;}
a:hover .btnRemove { background: url(/images/setup-json/16/delete.gif) no-repeat center;}
a:hover .btnSave,   a.btnSave:hover {   background: url(/images/setup-json/16/yes.gif) no-repeat center;}
a:hover .btnCancel, a.btnCancel:hover { background: url(/images/setup-json/16/no.gif) no-repeat center;}
/* a:hover .btnEdit, a.btnEdit:hover  {	 background: url(/images/setup-json/16/editLR.gif) no-repeat center;} */


/* expand [>] and collapse [V] buttons */
body.off .expand_button {
    width: 16px;
    height: 16px;
    background-image: url('/images/expand.gif');
    background-repeat: no-repeat;
    background-color: transparent;
    cursor: pointer;
    display: inline-block;
}
body.off .collapse_button {
    width: 16px;
    height: 16px;
    background-image: url('/images/collapse.gif');
    background-repeat: no-repeat;
    background-color: transparent;
    cursor: pointer;
    display: inline-block;
}

.roMode  a.editStart,  .editMode a.editOk,   .editMode a.editCancel  { display: block }
.editMode  a.editStart,  .roMode a.editOk,   .roMode a.editCancel  { display: none }

.readOnly .exceptionsTH,
.readOnly .editStart,
.readOnly .editOk,
.readOnly .editCancel,
.readOnly .btnRemove,
.readOnly .btnAdd,
.readOnly .btnUndo { display: none !important }


.removerBtn, .undoRemove {
	margin: 0 1px -3px 2px;
	display: inline-block;
	vertical-align: baseline;
	height: 13px;
	width: 13px;
	background: url(/images/setup-json/16/action_delete2.gif) no-repeat center;
	border: 1px solid transparent
}
a.removerBtn:hover,  a.undoRemove:hover{
	border: 1px outset #CCCCCC;
	background-color: #ffd7d7;
	text-decoration: none;
}
 a.undoRemove:hover{
	background-color: #d7ebff;
 }
.undoRemove {
	background: url(/images/setup-json/16/unDo2.gif) no-repeat center;
}



.btnUndo,
   tr.deletedTR .btnRemove,
	tr.deletedTR a.editOk,
	tr.deletedTR a.editCancel
	   { display: none }


 tr.deletedTR .btnEdit { visibility: hidden }
.deletedTR .btnUndo { display: block }
a.disabled-link{
	 cursor: not-allowed;
	 color:gray;
}

.popUp{ display:none; }

.top-text div{
	padding-top: 2px;
	padding-left: 0;
}

.scanningExceptions td {
    border-bottom: 1px solid gray;
}

/*  --------------  Section Box ---------------------  */
 .box h3,
 .box2 h3,
 .box h4,
 .box2 h4  {
	margin: 1px 0;
	width: 100%;
	padding-left: .25em;
	text-align: left;
}
.box h4, .box2 h4 { font-size: 115% }

.box, .box2 {
	   padding:1px;
		border:1px solid silver;
		margin:0 0 1em 0;
		height:auto;
		background-color:#669cca;
		/*font-size: inherit; */
}

.box ul { list-style:none; padding:0; margin:0em 0 0.5em 1em; }
.box ul ul { margin-top:0; }
.box ul li { margin-left:0}
.box .analytics-explane { padding:0.4em .3em .4em .5em;}

.box .inner-box,
.box2 .inner-box {
	 padding: .5em ;
	 border:1px solid silver;
	 background-color:white;
	 text-align: left;
	 overflow-y:auto;
}

.box .inner-box * { font-size: 12px; }
.box .inner-box div {  padding: .4em .2em; }
.box .inner-box table { margin-top:.4em; }

.ie7 #page_agent-installation-download .box .inner-box,
.ie7  #page_agent-installation-download .box2 .inner-box {
    overflow-y:visible;
}
.ie7 .notif_email_box .inner-box{
   overflow-y:visible;
   padding-bottom:0;
   padding-top:0;
}
.ie7 .plainText.notif_email_editor{
   padding-bottom:0;
}
/* ------------------  #setup-json context specific rules -------------------- */

#setup-json h1 { text-align: left; margin: 0.8em 0px 0.4em }

#setup-json{ padding: 0.5em; background-color:transparent;	}
#setup-json table { border-collapse: collapse; }
#setup-json tr.even td {	background-color: #EEEEEE;			}
#setup-json tr.odd td{}
#setup-json select { margin: 0;  }

#setup-json div.box2 { padding:0 .75em;  }
#setup-json div.box2 h4{ color: black;   }
#setup-json div.box2 .inner-box {
	background-color: white;
	margin-bottom: 0.15em;
}

 /* hide all controls untill the json data is recieved */
 #setup-json.notLoaded input,
	  #setup-json.notLoaded button,
	  #setup-json.notLoaded select,
	  #setup-json.notLoaded textarea	{ visibility: hidden; }

#setup-json #grid { width: 90% }

#setup-json #grid,
	#setup-json #notifications { background-color: white; }

#setup-json .checkbox { overflow: auto; vertical-align: middle; padding-left: 0px; }
#setup-json .checkbox input { position: relative; top: 1px; margin-left: 0px; }
#setup-json .checkbox label { vertical-align: bottom; }
#setup-json .indent { margin-left: 1.5em; }

.information {
	float: right;
	background: transparent url('/images/refresh/icons/i.png') no-repeat top left;
	height: 20px;
	width: 20px;
}

input[type=submit].submitting, input[type=submit].submitting:hover {
	color: gray !important;
	background-image: none !important;
	background-color: #ddd !important;
	cursor: progress !important;
	border-color: #999;
}

/*  CR18546, CR18692  fix vertical aligment in Chrome in some pages in Email Security and Rule Exception.
    When these pages are replaced this rule should be deleted  */

.webkit .vAlignFixTop td.admin,
.webkit .vAlignFixTop td.admin * ,
.webkit .vAlignFixTop td.baseline,
.webkit .vAlignFixTop > tbody > td > * ,
.mozilla .vAlignFixTop td.admin * {
  	 vertical-align:baseline !important;
  	 line-height: normal;
}

/* if there is a validation error in the page */
.disabled_submit,
.validation_error,
.validation_error a {
	cursor: not-allowed !important;
	color:silver;
 }

 /* Modal dialog, moved back to jquery.qtip.css */


.jstree-leaf{
    border-bottom: 1px dotted #eee;
}
.config-dependency-warning{ color: red }
.select_min_width { min-width:270px }
.radio_selected_offset{ padding-left:28px !important; }

/* ------------------------------------------------
	new style table to be used for every table
 --------------------------------------------------*/
 table.config,
 table.config-auto {
	width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
	margin-bottom: 2px;
	font-size: 12px !important;
}

 table.config.auto,
 table.config-auto  {
	table-layout: auto;
}


tr.bottom_border td,
td.bottom_border,
table.config td,
table.config th,
table tr.config-tr td {
	border-bottom: 1px solid #669CCA !important;
	background-color: transparent;
	padding:2px 0;
}
tr.bottom_border td.no_bb,
table tbody tr td.no_bb{
	border-bottom: 0 !important;
}


table.config thead td,
table.config th,
table tr.config-header-tr td,
table tr.config-header-tr th  {
	border-top: 1px solid #669CCA !important;
	background-color: #eee;
	color: #103a57;
	font-size: 11px !important;
	font-weight: bold;
	padding:2px 0;
	text-align: left;
}
table.config tr.header-bg-colour td{
	background-color: #eee;
}

table.config > tbody > tr:hover {
    background-color: #f8f8f8;
}
table.config > tbody > tr.nohover:hover,
table.config.nohover > tbody > tr:hover{
    background-color: transparent;
}

table.config.headerOnLeft td.adminkey{
	font-weight: bold;
	font-size: inherit;
	text-align: left;
	vertical-align: top !important;
	background-color:#eee ;
	color: #103A57;
}
table.config thead td,
table.config tr.firstRow > td,
table.config tbody tr:first-child > td {
	border-top: 1px solid #669CCA !important;
}

table.header-left-aligned thead td,
table.header-left-aligned thead th{
 	text-align: left;
 	vertical-align: top !important;
}

table.header-left-middle thead td,
table.header-left-middle thead th{
  text-align: left;
  vertical-align: middle !important;
}


table tbody tr.noBorder  td,
table.config table.noBorder tbody tr td,
table.config table tbody tr.noBorder td,
table.noBorder tbody tr td,
table.noBorder tr td{
  border:0 	 !important;
}

table.config tr.noBottomBorder td,
table.config tr.noBottomBorder th{
	border-bottom: 0 !important;
}

table.config thead td,
table.config thead th,
table.config tbody td {
	padding-right:  5px;
}

table.config tbody td{
	padding-bottom: 4px;
	vertical-align: top;
}

table.config tbody tr.middle td{
  padding-bottom: 2px;
  vertical-align: middle !important;
}


table.config.headerOnLeft tr td {
	padding: 5px;
}

/* leave some space before the first header column  */
table.config tr td:first-child,
table.config tr th:first-child{
   padding-left:3px
}
table.config tbody tr td.no_lp{
   padding-left:0 ;
}



table.config.td-padding-right td{ padding-right: 5px }
table.config td.rightBorder {	border-right: 1px solid #669CCA !important;}

table.config.adminKeyTop .adminkey{ 	vertical-align:top !important; }
table.config.lp5 td {  padding-left:5px;}
table.config {	 margin-bottom:5px; }

table.zebra       tr.odd  td {     background-color: #fff; }
table.zebra       tr.even td {     background-color: #efefef; }
table.zebra.dark  tr.even td {     background-color: #e1e1e1; }


table.config2 {
	font-size:12px;
	color:black;
	border-width: 1px;
	border-color: #B1B0B5;
	border-collapse: collapse;
	margin-bottom:5px;
	table-layout: auto;
	border-bottom-width: 1px;
}
table.config2 th {
	border-width: 1px;
	padding: 4px;
	border-style: solid;
	border-color: #B1B0B5;
	background-color: #E3E3E3;
	color:#103A57;
}
table.config2 td {
	border-width: 1px;
	padding: 4px;
	border-style: solid;
	border-color: #B1B0B5;
	background-color: #ffffff;
	border-top:0;
	border-bottom:0;
}

table.config2 tbody {
	border-bottom: 1px solid #B1B0B5;
}

table.config2.zebra  tr.even td,
/* table.config2 tr:nth-child(even) td */
{
  background-color: #f3f3f3 !important;
}

table.config2.zebra  tr.odd td,
/* table.config2 tr:nth-child(odd) */
{
  background-color: white;
}

/* ---------------   end of table.config -------------------- */

.checkBox_moveDown3{
	position:relative;
	top:3px;
}

/* CR 19386 */
.webkit option:disabled{   color: silver }
.webkit select:disabled option:selected{  background-color: white !important  }

h3.page-section {
	margin-bottom:6px;
	margin-top:18px;
}

/* image dropdown in reports */
.report-selection .dd {
	float: right;
}

select.dropdown-small {
	font-size: 11px;
}

input.input-small {
	font-size: 11px;
}
.no_links_colours a:link,
.no_links_colours a:visited,
.no_links_colours a:hover,
.no_links_colours a:active{
   color:black;
}

.middleimp{ vertical-align: middle !important; }
.w45{ width: 45% !important }
.w98 { width: 98% !important }
.w99 { width: 99% !important }

.wAuto{width:auto !important }
.w100{width:100% !important }
.w90{ width:90%  !important}
.w80{ width:80%  !important}
.w75{ width:75% !important}
.w60{ width:60% !important}
.w50{ width:50%  !important}
.w40{ width:40%  !important}
.w30{ width:30%  !important}
.w25{ width:25% !important }
.w20{ width:20% !important }

.w800{ width:800px }
.w320{ width:320px !important }
.w640{ width:640px !important }
.w480{ width:480px !important }
.mw800{ max-width:800px !important }
.mw640{ max-width:640px !important }
.mw480{ max-width:480px !important }

body.off .autoWidth { width:auto}

.top12 { margin-top:12px; }
.top0  { margin-top: 0 }
.lm0 { margin-left:0 !important;}
.tm05em{ margin-top:.5em}

.unchecked.toggle-check .shown-when-unchecked { display: block}
.unchecked.toggle-check .shown-when-unchecked { display: inline-block}
.toggle-check .shown-when-unchecked { display: none}
.unchecked .hidden-when-unchecked { display: none}
.unchecked .notvisible-when-unchecked {  visibility: hidden }


.div95, .w95 { width:95%; margin: 0 5px 0 0 }
.div95 textarea,.div95 input[type=text] { width:100%; }

table.default tbody tr td {
    font-size: 11px;
    padding: 1px;
}

.coll-name{ min-width:220px }
.dummy-checkbox {
	width: 100%;
	height: 15px;
	background: url("/images/refresh/icons/dummy-checkbox.gif") no-repeat center;
}
.tbl-btm-mgn{ margin-bottom:6px }
.doc_list p.x-small { margin:0 4px }

.error_found{ background-color: silver; }
.data_incomplete{
	z-index:1000;
	position: absolute;
	top: 45%;
	left: 10%;
	background-color: #ffffac;
	border: 1px solid darkRed;
	padding: 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius:    5px;
}


/*  ----------------------- boxed graph  ---------------------------------------  */

/* reset first
div.title-wrap div,
div.graph-tcg-cont div,
 */

 div.title_bar,
 div.graph_ibox,
 div.graphDiv,
 div.title-wrap { padding: 0  !important; }

.graphDiv{ background-color: #fafafa; }

.graph-tcg-cont{
  width:240px;
  overflow-x:visible;
  float:left;
  margin:16px 20px 0 0;
  position:relative;
}
.graph-tcg-cont h2,
.graph-tcg-cont h3,
.graph-tcg-cont h4{
	margin:0 !important;
	text-align:left;
	float:left;
	overflow-x:hidden;
}


.title-wrap{
   float:left;
   margin:10px 16px 16px 0 !important;
   padding:2px !important;

}

.title-wrap h4 {
	overflow-x:hidden;
	white-space:nowrap;
	font-size: 12px;
	font-weight: normal;
}

div.title_bar,
div.title_bar {
	position:relative;
	background-color: #bbdfff;
	padding:1px 1px 1px 6px !important;
   border:0px solid #aaa;
   overflow: visible;
   zoom:1; /* IE7 */
/*
   border-bottom: 0;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius:    5px 5px 0 0;
*/
};



div div div.graph_ibox {
   float: none;
   border-top: 0;
   padding-top:4px !important;
 }


.statValue, .statName{
   font-weight: normal;
   font-size: 14px;
   color:gray;
 }
.statValue.badge{
	font-size: 1.25em !important;
	text-align: left;
	font-weight: bold;
	color: black;
}
.statValue.s2{ font-size: 1.6em !important; }

.statName{
	font-size: 14px;
	font-weight: bold;
	color:black;
}

.statName.n1, .statName.n2 { color: gray; }
.graphDiv .noData  { text-align: center; top: 45%; position: relative; }

/* borders */
/* div.graph_ibox, div.graph_ibox * { border: 0 }
.loading .graphDiv{ background-color: #bdc9df  } */
.graph-tcg-cont,.title-wrap { border: 1px solid #999; }

.wrapURL {
	white-space: pre;           /* CSS 2.0 */
	white-space: pre-wrap;      /* CSS 2.1 */
	white-space: pre-line;      /* CSS 3.0 */
	white-space: -pre-wrap;     /* Opera 4-6 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	white-space: -moz-pre-wrap; /* Mozilla */
	word-wrap: break-word;      /* IE 5+ */
	word-break: break-all;
	-ms-word-break: break-all;
}

.checkbox-text{ padding:0 !important; margin:0 !important }
table.chkboxCont { margin:0 !important}

.timezones optgroup{
	font-size:110%;
	background-color:#ccc;
	margin:10px 0 2px 0;

}

.td-field-name{  font-size: 10pt !important; }

.groupSelector{
	float:left;
	margin-left:-24px;
	margin-top:2px;
}
.groupSelectorTarget{
	  float:left;
	  margin-bottom:5px
}

.toggleBox { margin-bottom:10px }
table.chkboxCont td{ padding:0 !important}

.groupsbutton{
  width: 18px;
  height: 18px;
    background: url("/lib/ui1/general_icons_sprite.png") no-repeat center;
    background-position: -108px 0px;
	display:inline-block;
    padding: 0px !important;
    border-shadow: none;
}
.groupsbutton{   zoom:1;	 } /* EI */

.userbutton{
    width: 18px;
    height: 18px;
    background: url("/lib/ui1/general_icons_sprite.png") no-repeat center;
    background-position: -90px 0px;
    display:inline-block;
    padding: 0px !important;
    border-shadow: none;
    display:inline-block;
}
.userbutton{   zoom:1;   } /* EI */


.confirmationOK {
	margin: 1em 0;
  padding: 8px 5px 8px 35px;
	border: 1px solid green;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
	background: url("/images/enabled.png") no-repeat 8px 50%;
}
.vMiddleDesc * { 	vertical-align: middle;}

ul.noBullet{
	list-style: none;
	padding-left: 18px;
	white-space: nowrap;
}

ul.lp0 {
  padding-left:0 !important;
  margin-right:14px;
 	display: inline-block;
  vertical-align:top;
}

.aLeft, .aLeft > * { text-align:left }

table.timezones .popup-label{ font-size:12px }

.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

.la, .la * {
  text-align:left;
}

#widediv{
    text-align:left;
    padding: 1px;
}

#widediv #main-content-area{
	  text-align:left;
	  padding-bottom: 5px;
}

.topError{
    position:absolute;
    left: 230px;
    top:67px;
 }

.popUpButton, .btnCommon{ min-width:60px; text-align:center }
.ie7 .btnCommon, .ie7 .popUpButton { width:60px; text-align:center }

.popuTBL textarea { font-family:Verdana,Arial,Helvetica,sans-serif; }
.PR10{ padding-right:10px;}



/* ------------------  category search -------------------- */
span.cat-search, span.search-box {
    position: relative;
  /*  height: 22px;
    margin-right: 6px;
   */
}

input.cat-search-box, span.search-box input {
  padding-left: 22px;
  padding-right: 20px;
    width: 157px;
    font-size: 14px !important;
}

.search-box-icon {
  position: absolute;
  top: 3px;
  width: 16px;
  height: 16px;
  margin-top: -1px;
}
.search-box-find {
  left: 6px;
  background: url(/images/refresh/icons/search.png) no-repeat left top;
}

.search-box-clear {
    right: 8px;
    cursor: pointer;
    background: url(/images/refresh/icons/clear-left.png) no-repeat left top;
}

.ie7 .search-box-find,
.ie7 .search-box-clear{
   margin:0;
   top:4px;
}

.ie7 .cat-search{
    zoom: 1;
}

/*  -------------------- paginated tables -------------------------------  */

.grid-controls { vertical-align: middle !important; }
.grid_search_cont{ white-space: nowrap; }

.grid_pages { float:right; margin:5px 4px 0 0 }
.grid_pages, .grid_pages * {
	white-space: nowrap;
	vertical-align: baseline;
	line-height:21px !important;
}
.grid_pagination_cont{
	float: right;
    margin-left:16px;

}
.grid_pages_info{	float:right; 	margin:0 ; }
.grid_pages_info .pages_total{ margin-right: 20px; }
.grid-controls .cat-search-box { width:85px }

.grid_pagination_cont a {   text-decoration: none; }

.grid_pagination_cont .current_page,
.grid_pagination_cont .page {
	 text-align: center;
    border: 1px transparent solid;
    padding:0 3px;
    margin-right:1px;
}
.grid_pagination_cont .current_page{
	font-weight: bold;
   background-color: #b9dcf4;
   border: 1px solid #359cff;
}
.grid_pagination_cont a.page:hover {
    background-color: #e7f3f9;
    border-color: #999999
}

.grid_pagination_cont .hidden_page{ visibility: hidden; }

.grid_pagination_cont a.arrows {
	font-size: 100%;
	position: relative;
	top: 0px;
	padding: 0 !important;
	background-color: none;
}
.grid_pagination_cont a.disabled_page,
.grid_pagination_cont a.disabled_page:hover{
	color: silver;
	cursor: not-allowed;
}

.grid_pagination_cont .page.first,
.grid_pagination_cont .page.prev,
.grid_pagination_cont .page.next,
.grid_pagination_cont .page.last
{
    height: 12px;
    width:  11px;
    background-image:  url('/lib/ui1/paging_arrows_sprite.png');
    background-color: transparent;
    background-position: 0 0;
    background-repeat: no-repeat;
    display:inline-block;
    padding:0;
    margin:0 5px;
}

.grid_pagination_cont .page.prev{  background-position: -11px 0px; }
.grid_pagination_cont .page.next{  background-position: -22px 0px; }
.grid_pagination_cont .page.last{  background-position: -33px 0px; }



.tr-tobe-deleted td   { background-color: #e2e2e2 !important; }
.tr-tobe-deleted *   { color: gray  !important; }
.tr-tobe-deleted a   { border-color: transparent }


.vmiddle * {vertical-align:middle}
a:hover .btn24.no-border, a.btn24.no-border:hover { border: 1px outset transparent; background-color: transparent; }
.btn24.inline     { display: inline-block;  }

/* hide spinner */
.onlyWhenLoading{ display: none !important }
.updating .onlyWhenLoading{
  display:inline-block  !important;
  border-color:transparent;
}

.paged_table.updating{ background-color: #ddd; }
table.updating td { background-color: #e2e2e2; color: gray; }
table.updating a { border-color: transparent; color: gray; }

.note {
	font-style: italic !important;
	color: grey !important;
}
.note ul {
	list-style-type: disc !important;
	padding-left: 20px;
	line-height: 140%;
}

.linkExplain{ margin-left:3em; }

.popUpList{
	border:1px solid silver;
	height:8em;
    overflow-y: auto;
}
.popUpList p {
	line-height: normal;
	margin:0;
}

.size12{
	font-size:12px;
}

.nav_area_btn { position:relative;}
.badge_new-window{
	  width:9px !important;
    height:9px  !important;
    background: transparent url(/images/badges/new-window.png) no-repeat center;
    padding: 0px !important;
    position:absolute;
    right:26px;
    top:10px;
    display:inline-block;
}

button#modal-ok, button#modal-cancel{
	min-width:4em;
}


.fake-disabled{
    color: rgb(84, 84, 84);
    background-color: rgb(235, 235, 228);
}

span.line-of-checkboxes{
	margin-right:10px;
	white-space:nowrap;
}
span.line-of-checkboxes *{
	vertical-align: middle;
	margin-bottom: 0;
}

i.action{
   display:inline-block;
   width:18px;
   height:18px;
   margin-right:6px;
   margin-bottom:-5px;
}

i.action.permit{      background: transparent url(/images/refresh/icons/filter_permit.png) no-repeat center; }
i.action.block{       background: transparent url(/images/refresh/icons/filter_block.png) no-repeat center;  }
i.action.dontblock{   background: transparent url(/images/refresh/icons/filter_dontblock.png) no-repeat center;  }
i.action.authenticate{   background: transparent url(/images/refresh/icons/filter_authenticate.png) no-repeat center;  }
td span.action_and_text { vertical-align:middle !important; white-space: nowrap; }

table.grow_shrink p.x-small{
	margin-top:0;
	margin-bottom:0;
}
table.grow_shrink .grow_shrink_fields{
	padding-top:0;
	padding-bottom:0
}

table.grow_shrink select{
  padding-bottom:0;
  margin-bottom:0;

}

  td.vFix input{ vertical-align:middle !important; margin-top:-1px; }
  td.vFix label{ vertical-align:middle !important;  }

/* ----------  copied from ui1.css, for backward compatability  -------- */

th.radio,
td.radio,
th.cbox,
td.cbox{
  width: 30px;
  padding-left:0px;
  padding-right: 0px;
  text-align: center !important;
}

body.off th.sorted{
   /*    http://www.colorzilla.com/gradient-editor/#ECF7FD+0,C8E0EE+100;Custom     */
  padding-right:26px;
}

body.off th.sorted span{
  margin-left:3px;
}

body.off th.sorted span::after{
    position:absolute;
    margin-left:8px;
    margin-top: 5px;
    height:  7px;
    width:  13px;
    content:" ";
    background-image:  url('/lib/ui1/sprites_checkbox_and_radio.png');
    background-color: transparent;
    background-position: -21px -85px;
    background-repeat: no-repeat;
    display:inline-block;
}

body.off th.sorted span.desc::after{background-position: 0px -85px;}
body.off th.sorted span.asc::after{ background-position: -21px -85px;}
body.off th.sorted span.loading:after {
    margin-top: 2px;
    height: 21px;
    width: 21px;
    vertical-align: middle;
    background-image: url(/lib/ui1/spinner.gif) !important;
    background-position: 0px 0px;
    background-repeat: no-repeat;
    display:inline-block;
}

th.narrow,
td.narrow {
  white-space: nowrap;
  width: 50px;
  padding-right: 10px !important;
}

th.narrow.sorted{   padding-right: 30px !important; }

.abs-hidden{
  position:absolute;
  top:0;
  left:-11111px;
}
.inline-block{ display:inline-block}

body.off table.ui1 tbody tr:nth-child(odd)  td{	background-color: white }
body.off table.ui1 tbody tr:nth-child(even) td{ background-color: #F3F3F3 }

body.off  .form-label{
	text-align:left !important;
	padding-right:10px;
	white-space: nowrap;

  padding-left: 10px;
  padding-top: 4px;
  padding-right: 4px;
  font-weight: bold;
  font-size: 12px;
  text-align: right;
  vertical-align: middle;
  background-color: #EEEEEE !important;
  color: #103A57;
}

body.off table.form-table.noBG td{
  background-color: transparent !important;
}


body.off fieldset.ui1 {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #CBCBCB;
  padding: 0 20px 20px 20px;
  margin-bottom: 20px;
}
body.off fieldset.ui1 legend{
  padding: 6px 7px 5px 5px;
  margin-left: -6px;
  font-weight: bold;
}

/* =========== button menu ============  */
body.off .buttonMenu {
	position: relative;
	padding: 3px 0.91em 3px 0.65em !important;
	margin-right: 3px;
	font-family: Arial;
}

body.off .buttonMenu .buttonMenuIndicator {
	width: 10px;
	height: 10px;
	background: url('/lib/ui1/select/buttonmenu_sprite.png') -1px -11px no-repeat;
	display: inline-block;
	margin-left: 1px;
}
body.off .buttonMenu:hover .buttonMenuIndicator {  background-position: -12px -11px; }
body.off .buttonMenu:active .buttonMenuIndicator {	background-position: -12px -11px; }

body.off .buttonMenu ul {
	visibility: hidden;
	position: absolute;
	top: 100%;
	left: -1px; /*parent has a border*/
	list-style: none;
	margin: 1px 0 0 0;
	padding: 0;
	border: 1px solid #B5B5B5;
    z-index: 20;
    display: inline-block;
    min-width: 84px;
}

body.off .buttonMenu ul li {
	font-weight: normal;
	background: #fff;
	color: #000;
	float: none;
}
body.off .buttonMenu ul:last-child {
}

body.off .buttonMenu li:hover {
	background: #2e9de3;
	background: -moz-linear-gradient(top,  #2e9de3 0%, #006db2 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2e9de3), color-stop(100%,#006db2));
	background: -webkit-linear-gradient(top,  #2e9de3 0%,#006db2 100%);
	background: -o-linear-gradient(top,  #2e9de3 0%,#006db2 100%);
	background: -ms-linear-gradient(top,  #2e9de3 0%,#006db2 100%);
	background: linear-gradient(to bottom,  #2e9de3 0%,#006db2 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e9de3', endColorstr='#006db2',GradientType=0 );
}

/* inner element styling - supported elements: <a>, <span> */
body.off .buttonMenu li a,
body.off .buttonMenu li > span {
	display: block;
	padding: 4px 8px;
	color: #222;
}

body.off .buttonMenu li a:hover,
body.off .buttonMenu li > span:hover {
	color: #fff;
}

body.off .buttonMenu ul li a {
	border-right: none;
	text-decoration: none;
	width: 100%;
	display: inline-block; /* IE 6 & 7 */
}

/* inner-inner-element styling - third level menus */
body.off .buttonMenu ul ul {
	left: 100%;
	top: 0;
}

body.off .buttonMenu li:hover>ul {
	visibility: visible;
}

body.off .buttonMenu.disabled,
body.off .buttonMenu.disabled:hover
body.off .buttonMenu.disabled:active {
	background: url("/images/refresh/login/btn_dis_bg.png") repeat scroll left center rgb(227,227,227) !important;
	border: 1px solid rgb(187,187,187) !important;
	color: rgb(170,170,170) !important;
}
body.off .buttonMenu:hover .buttonMenuIndicator {  background-position: -1px -11px; }

/* 'hint' copied from ui1.css */
.hint {
  font-style: italic !important;
  color: #909090 !important;
}
.hint a, .hint a:link {
  color: blue !important;
}

/* .i_button is a non-floating version of main.css:inline_info */
.i_button {
    width: 18px;
    height: 18px;
    display: inline-block;
    background: transparent url('/cobrand/websense/websense_images/inline_i.png') no-repeat 0 0;
}

.i_button:hover {
    background: transparent url('/cobrand/websense/websense_images/inline_i.png') no-repeat -18px 0;
}

.notReady,
select.prepare{
  position:absolute;
  left:-10000px;
  top:0;
}

body.off #breadcrumbs .separator { display: none }
body.mixed #breadcrumbs .breadcrumb-separator{ color: red !important}

body.mixed ul.tabbed-area-tabs li{
  border:none;
  background:none;
}

body.mixed div.tabbed-area-content{
  border-top:none;
}

.w4em{ width:4em !important; min-width:4em !important; }
.w6em{ width:6em !important; min-width:6em !important; }
.w8em{ width:8em !important; min-width:8em !important; }
.w10em{ width:10em !important; min-width:10em !important; }

.ip4_part { width:3.5ex !important; min-width:3.5ex !important;  }


body.off form.ui1 select.listBox-auto,
body.off form.ui1 input[type="text"],
body.off form.ui1 textarea,
body.off input.ui1[type="text"],
body.off textarea.ui1{
  min-width:300px;
}

body.off form .wrapped {
white-space: normal !important;
}

body.off a[disabled],
body.off a[disabled]:link,
body.off a[disabled]:visited,
body.off a[disabled]:hover,
body.off a[disabled]:active {
  color:gray;
}


body.off .vertical_bar {
    height: 18px;
    vertical-align: middle;
    width: 2px;
    border: 1px solid silver;
    margin-left: 20px !important;
    margin-right: 20px !important;
    background-color: silver;
    display: inline-block;
}


body.off #main-content-area{   text-align:left; }

body.off table.tablescroll_head {
    margin-bottom:0;
    border-collapse: collapse;
    border-bottom: 1px solid #B1B0B5;;
    border-top: 1px solid #B1B0B5;
}
body.off table.tablescroll_body {
    border-collapse: collapse;
}
body.off .tablescroll_wrapper {
    border-top: none;
    padding: 0px;
}
body.off .tablescroll_head th,
body.off table.tablescroll_body td
{
    padding-left: 3px;
    padding-right: 5px;
    border-left:1px solid #ccc;
}

body.off table.tablescroll_head + div.tablescroll_wrapper {
    padding: 0px !important;
}

body.off div.tablescroll_wrapper > table.tablescroll_body {
    margin-top: 0px !important;
}

body.off div.tablescroll {
    padding: 0px;
}

body.off #dialog input[type='text'],
body.off #dialog textarea{
	margin:0;
}

body.off .buttonSeparator{
  margin: 0 12px;
  border-left: 1px solid #C8C8C8;
  border-right: 1px solid #FBFBFB;
  display: inline-block;
  height: 30px;
  width: 0px;
  vertical-align:middle;
}

body.off button.back {
	min-width: 40px !important;
}


span.state.on,
span.state.off
{
    height: 21px;
    width:  21px;
    background-image:  url('/lib/ui1/sprites_checkbox_and_radio.png');
    background-color: transparent;
    background-position: -21px -42px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 19px !important;
}

table.config tbody td.nopadding {
    padding: 0px;
}

span.state.off{ background-position: -63px -83px !important; }
span.state.on{
    background-image:  url('/cobrand/websense/websense_images/enabled.png') !important;
    background-position: 0px 0px;
    position: relative;
    top : 2px;
    left: 3px;
}

.modal div.ui-tooltip-content .icon.confirm{
   border: 0px none;
}

/* various graphical elements - similar definitions exist in ui1/ui1.css */
body.off span.excel_button {
    height: 16px;
    width:  16px;
    background-image:  url('/images/csv.png');
    background-color: transparent;
    background-repeat: no-repeat;
    display:inline-block;
    vertical-align: middle;

    user-select:none;
	  -moz-user-select:-moz-none;
	  -moz-user-select:none;
	  -o-user-select:none;
	  -khtml-user-select:none;
	  -webkit-user-select:none;
	  -ms-user-select:none;
}

body.off span.pdf_button {
    height: 16px;
    width:  16px;
    background-image:  url('/images/pdf-logo.gif');
    background-color: transparent;
    background-repeat: no-repeat;
    display:inline-block;
    vertical-align: middle;

    user-select:none;
      -moz-user-select:-moz-none;
      -moz-user-select:none;
      -o-user-select:none;
      -khtml-user-select:none;
      -webkit-user-select:none;
      -ms-user-select:none;
}

body.off .form-label.whiteBG {
	 background-color:white !important;
}

.group_selected {
    color: black;
    background-color: #f1e9bc;
}

span.status_error {
    height : 18px;
    width : 18px;
    background-image:  url('status_icon_sprite.png');
    background-color: transparent;
    background-position: 0px 0px;
    background-repeat: no-repeat;
    display:inline-block;

    user-select:none;
	  -moz-user-select:-moz-none;
	  -moz-user-select:none;
	  -o-user-select:none;
	  -khtml-user-select:none;
	  -webkit-user-select:none;
	  -ms-user-select:none;
}

body.off span.spinner {
    height: 16px;
    width:  16px;
    background-image: url(/images/setup-json/animated/loading_small.gif);
    background-color: transparent;
    background-repeat: no-repeat;
    display:inline-block;
    vertical-align: middle;

    user-select:none;
	  -moz-user-select:-moz-none;
	  -moz-user-select:none;
	  -o-user-select:none;
	  -khtml-user-select:none;
	  -webkit-user-select:none;
	  -ms-user-select:none;
}

body.off .vMiddle { vertical-align:middle }
body.off .vBottom { vertical-align:bottom }
body.off .vTop { vertical-align:top }

td.admintitle h4 {
    margin: 3px 0px;
}

/* drag and drop */
body.off span.dragsort {
    background: url('/lib/ui1/drag_column.png') no-repeat left top;
    width: 30px;
    height: 14px;
    display: inline-block;
    position: relative;
    top: 2px;
    left: 8px;
    cursor: pointer;
    text-align: center;
}
body.off table.ui1 td.dragsort{
  width: 30px !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
  text-align: center;
  text-align: center;
  cursor: pointer;
}

/* search box */
body.off input[type="text"].search {
    padding-right: 20px;
}
body.off input.search + span.searchicon.empty {
    display: inline-block;
    background: transparent url(/lib/ui1/general_icons_sprite.png) no-repeat;
    background-position: -180px -0px;
    position : relative;
    right: 20px;
    top: 5px;
    width: 18px;
    height: 18px;
}
body.off input.search + span.searchicon:not(.empty) {
    display: inline-block;
    background: transparent url(/lib/ui1/clear.png) no-repeat;
    position : relative;
    right: 20px;
    top: 7px;
    width: 18px;
    height: 18px;
}

body.off .modal div.ui-tooltip-content .icon{
  display:none;
}

body.off .form-label.noBG{
  background-color:transparent !important;
}

div.results-box{
  margin-top:25px;
  margin-bottom: 20px;
  border-top:1px solid silver;
  padding-top:20px;
}

div.results-box table{
  margin-bottom:10px !important;
}