table {
    empty-cells: show; /* FIX IE TABLES */
}
        #reptable { margin: 0px;
                padding: 0px;
            border-collapse: collapse;
             border-spacing: 0;
        
                }

body
{
   /* background: #F6F6F6;*/
	background: #FFFFFF;
    font-family: Arial, sans-serif;
    font-size: 12px;
    padding: 0px;
    margin: 0px;
    color: #333333;
}

html
{
    padding: 0;
    margin: 0;
}

div
{
    margin: 0;
    padding: 0;
}

.rimage
{
    border: 1px solid #C8C8C8;
    border-radius: 3px 3px 3px 3px;
    display: inline;
}

.selected
{
    color: #006699;
}

.DeleteWidget
{
    padding: 6px 2px 0px 2px;
    float: right;
    cursor: pointer;
}


.mnu
{
    color: #006699;
    margin-left: 3px;
    margin-left: 3px;
}

.arrow-4
{
    padding: 6px 2px 0px 4px;
    float: right;
    cursor: move;
}

/* General Styles (Mitch) 
------------------------------------*/

a:focus {
    outline: none;
}

.lijntje
{
    border-bottom: #CCCCCC 1px solid;
}

.info
{
    font-size: 10px;
    font-style: italic;
}

.left
{
    float: left;
}

.right
{
    float: right;
}

.verySmallLeftMargin
{
    margin-left: 5px;
}

.verySmallTopMargin
{
    margin-top: 5px;
}
.verySmallRightMargin
{
    margin-right: 5px;
}
.verySerySmallBottomMargin
{
    margin-bottom: 5px;
}

.verySmallVerticalMargin
{
    margin-top: 5px;
    margin-bottom: 5px;
}

.verySmallHorizontalMargin
{
    margin-left: 5px;
    margin-right: 5px;
}

.verySmallGeneralMargin
{
    margin: 5px;
}

.smallLeftMargin
{
    margin-left: 15px;
}

.smallTopMargin
{
    margin-top: 15px;
}
.smallRightMargin
{
    margin-top: 15px;
}
.smallBottomMargin
{
    margin-bottom: 15px;
}

.smallVerticalMargin
{
    margin-top: 15px;
    margin-bottom: 15px;
}

.smallHorizontalMargin
{
    margin-left: 15px;
    margin-right: 15px;
}

.smallGeneralMargin
{
    margin: 15px;
}

.mediumLeftMargin {
    margin-left: 40px;
}

.mediumGeneralMargin
{
    margin: 40px;
}

.italic
{
    font-style: italic;
}

.bold
{
    font-weight: bold;
}

.underline {
    text-decoration: underline;
}

.noBorderSpacing {
    border-spacing: 0px;
}

.greenText
{
    color: #00C508;
}

.redText
{
    color: #FF0000;
}

.blueText {
    color: rgb(0, 143, 255);
}

.darkBlueText {
    color: #003399;
}

.noHover:hover {
    text-decoration: none;
}
.centeredText {
    text-align: center;
}

.fullWidth 
{
    width: 100%;
}

.readOnly {
    color: gray;
    outline: none;
}

.disabledRow td{
    color: rgb(167, 167, 167);
}

.leftBlock {
    float: left;
}

.rightBlock {
    overflow: hidden;
}
    
.shortendText {
    overflow: hidden;
    text-overflow: ellipsis;  
}

input.stylish, .configtable input[type='text'] {
    box-shadow: 1px 1px 2px rgb(175, 175, 175);
    border: 1px solid rgb(175, 175, 175);
    border-radius: 4px;
    padding: 2px 7px;
    box-sizing: border-box;
}

textarea.stylish {
    box-shadow: 1px 1px 2px rgb(175, 175, 175);
    border: 1px solid rgb(175, 175, 175);
    border-radius: 3px;
    padding: 5px 10px;
}

select.stylish {
    box-shadow: 1px 1px 2px rgb(175, 175, 175);
    border: 1px solid rgb(175, 175, 175);
    border-radius: 3px;
    padding: 2px 3px;
}

form button.selectpicker {
    *height: 30px;
    *padding-top: 0px;
    *line-height: inherit;
}

select.verror  {
    border: solid 1px #ff0000 !important;
    box-shadow: 0 0 1px 1px red !important;
}

/* search form 
-------------------------------------- */
.searchfield
{
	border: 0px;
	width:180px;
    font-size: 13px;
    margin: 0;
    padding: 4px;	
}
.searchfield:focus
{
	border: 0px;
	box-shadow:none;
}
.searchend{
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	
	border-bottom-right-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom-left-radius: 4px;
	border-top-left-radius: 4px;
	
	border-color: #1A2229 -moz-use-text-color #1A2229 -moz-use-text-color;
	border-image: none;
	border-style: solid none solid none;
	border-width: 1px medium 1px medium;
	display: block;
	width:216px;
	padding-left: 4px;
	background-attachment: scroll;
	background-color: #FFFFFF;
	background-image: none;
	background-repeat: repeat;

}


.editb
{
    padding: 6px 0px 0px 0px;
    float: right;
    cursor: pointer;
}

h1, h2, h3, h4, h5, h6
{
    font-size: 100%;
    font-weight: normal;
}

.clearfix:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    overflow: hidden;
}
.clearfix
{
    display: inline-block;
    clear: both;
    width: 0px;
    height: 0px;
    overflow: hidden;
}
/* Hide from IE Mac */
.clearfix
{
    display: block;
    overflow: hidden;
    clear: both;
    width: 0px;
    height: 0px;
}
/* End hide from IE Mac */

.boxie
{
    width: 300px;
    margin: 0px 0px 10px 0px;
}

.widgeth
{
    background: #E6E6E6;
    width: 100%;
    border-bottom: 1px solid #D4D2D2;
}

.box_top
{
    height: 26px;
    line-height: 26px;
    border-left: 1px solid #D4D2D2;
    border-right: 1px solid #D4D2D2;
    background: url(../images/boxb.png) repeat-x;
    overflow: hidden;
}

.gridcss
{
    border: 0px solid;
    background: #ffffff;
}

.box_main
{
    overflow: hidden;
    border-left: 1px solid #D4D2D2;
    border-right: 1px solid #D4D2D2;
    border-bottom: 1px solid #D4D2D2;
    background: #ffffff;
}

.box_bottom
{
    height: 2px;
    overflow: hidden;
    background: url(../images/wpbr.png) right 0px no-repeat;
}

.box_bottom .box_bottom_right
{
    height: 2px;
    overflow: hidden;
    margin-right: 3px;
    border-bottom: 1px solid #c2d1df;
    background: url(../images/wpbl.png) left 0px no-repeat;
}



.topl
{
    height: 1px;
    width: 100%;
    background-color: #4C5898;
}

.backl
{
    background: url(../images/back.png) repeat-x;
    padding: 10px;
}

.configbartop
{
	background-image:url(../images/topbar.png);
    background-repeat:repeat-x;
	height:20px;
	margin-left: -10px;
	font-size:12px;
	font-weight:bold;
	text-align:left;
	color:#333333;
	padding-left:6px;
	padding-top:4px;
	padding-bottom:2px;
	margin-bottom:12px;
	border-bottom:1px solid #b6b6b6;
	
}
.configbartab
{
	background-image:url(../images/topbar.png);
    background-repeat:repeat-x;
	height:20px;
	margin-left: -10px;
	font-size:12px;
	font-weight:bold;
	text-align:left;
	color:#333333;
	padding-left:6px;
	padding-top:4px;
	padding-bottom:2px;
	margin-bottom:12px;
	margin-top:12px;
	border-bottom:1px solid #b6b6b6;
	border-top:1px solid #b6b6b6;
}

.configbar
{
	background-image:url(../images/topbar.png);
    background-repeat:repeat-x;
	height:20px;
	margin-left: -10px;
	font-size:12px;
	font-weight:bold;
	text-align:left;
	color:#333333;
	padding-left:6px;
	padding-top:4px;
	padding-bottom:2px;
	margin-bottom:12px;
	margin-top:20px;
	border-bottom:1px solid #b6b6b6;
	border-top:1px solid #b6b6b6;
}

.cbar
{
	background-image:url(../images/topbar.png);
    background-repeat:repeat-x;
	height:18x;
	margin-left: -6px;
	text-align:left;
	font-size:12px;
	font-weight:bold;
	padding-left:6px;
	padding-top:4px;
	padding-bottom:2px;
	margin-bottom:2px;
	margin-top:2px;
	border-bottom:1px solid #b6b6b6;
	border-top:1px solid #b6b6b6;
}

.eventheader
{
	background-image:url(../images/topbar.png);
    background-repeat:repeat-x;
	height:20px;

	font-size:12px;
	padding-left:6px;
	padding-top:4px;
	padding-bottom:2px;
	text-align:left;
	color:#333333;
	
	border-bottom:1px solid #b6b6b6;
	border-top:1px solid #b6b6b6;

}
.menubar
{
    width: 100%;
    height: 28px;
    position: relative;
    background-image: url(../images/menubar.png);
    background-repeat: repeat-x;
    padding-top: 6px;
}


.scroll
{
    overflow: auto;
    height: 152px;
}

.scroll2
{
    overflow: auto;
    height: 101px;
}



.Header
{
    background: #1b212b url(../images/grayBottom.gif) no-repeat left bottom;
    width: 954px;
    position: relative;
    clear: left;
    height: 40px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 4px;
    margin-left: 0px;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
}


.HR
{
    background: #3c414a no-repeat left bottom;
    width: 784px;
    position: relative;
    float: right;
    padding: 2px;
    height: 52px;
}


.Container
{
    background: #fff;
    width: 976px;
    float: left;
    padding: 4px;
    position: relative;
    height: auto;
}
.ContainerTop
{
    background: url(../images/HeadTop.gif) no-repeat left top;
    width: 984px;
    height: 5px;
    top: 0px;
    left: 0px;
    position: absolute;
}


.hw
{
    font-size: 11px;
}
.ev
{
    font-size: 10px;
    line-height: 12px;
}

.eventbox
{
    background-color: #FFFFFF;
}

.diskspace
{
    background-color: #F4F4F4;
    border-left: #CCCCCC 1px solid;
    border-right: #CCCCCC 1px solid;
    border-top: #CCCCCC 1px solid;
    border-bottom: #CCCCCC 1px solid;
}

.drp
{
    font-size: 10px;
    border: solid #999999 1px;
}


.sml
{
    font-size: 11px;
}

.smlt
{
    font-size: 9px;
    border-top: #C5C5C5 1px solid;
}


.disa
{
    color: #999999;
    font-style: italic;
}

.error
{
    border-left: #FF5B5B 1px solid;
    border-right: #FF5B5B 1px solid;
    background-color: #FFD7D7;
}
.errorbox
{
    border-left: #FF0000 1px solid;
    border-right: #FF0000 1px solid;
    border-top: #FF0000 1px solid;
    border-bottom: #FF0000 1px solid;
    background-color: #FF3E3E;
}
.rred
{
    color: #FF0000;
}


.license
{
    color: #CCCCCC;
}

.toplijntje
{
    border-top: #CCCCCC 1px solid;
}


.updown
{
    border-top: #CCCCCC 1px solid;
    border-bottom: #CCCCCC 1px solid;
}

.m1
{
    background-color: #FFFFFF;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #9A9A9A;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #9A9A9A;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #9A9A9A;
}


.toprow
{
    border-top: #CCCCCC 1px solid;
}

.tblcell
{
    padding-right: 4px;
    padding-left: 2px;
    padding-bottom: 3px;
    padding-top: 3px;
    background-image: url(../images/bgtop.png);
    text-decoration: none;
    font-weight: bold;
    border-top: 0px;
    border-left: #CCCCCC 1px dotted;
    border-bottom: #CCCCCC 1px solid;
    font-size:11px;
}

.dataTables_scrollHead
{
    background-image: url(../images/bgtop.png);
    border-top: 0px;
    border-left: 0px;
    border-bottom: #CCCCCC 1px solid;
}
.tblcellleft
{
    padding-right: 2px;
    padding-left: 3px;
    padding-bottom: 3px;
    padding-top: 3px;
    background-image: url(../images/bgtop.png);
    text-decoration: none;
    font-weight: bold;
    border-top: 0px;
    border-left: 0px;
    border-bottom: #CCCCCC 1px solid;
    font-size:10px;
}

.pic
{
    border-left: #343469 1px solid;
    border-right: #343469 1px solid;
    border-top: #343469 1px solid;
    border-bottom: #343469 1px solid;
}

.lef
{
    border-left: #E1E1E1 1px dotted;
    border-bottom: #E1E1E1 1px dotted;
	padding-left:2px;
	padding-right:4px;
}

.leftop
{
    border-left: #E1E1E1 1px dotted;
    border-top: #E1E1E1 1px dotted;
    border-bottom: #E1E1E1 1px dotted;
    padding-left:2px;
    padding-right:4px;
}

.cll
{
    border-bottom: #E1E1E1 1px dotted;
	padding-left:2px;
	padding-right:4px;
}

.lgr
{
    color: #CCCCCC;
}
.lred
{
    color: #FF0000;
}
.lef2
{
    border-left: #C0C0C0 1px solid;
}
.right2
{
    border-right: #C0C0C0 1px solid;
}
.lg
{
    color: #999999;
}
.ne
{
    background-color: #F6F6F6;
}

.warning
{
    color: #FF0000;
}
.som
{
    border-top: #999999 2px solid;
}
.no
{
    cursor: pointer;
}

.box
{
    padding-right: 2px;
    padding-left: 2px;
    padding-bottom: 2px;
    vertical-align: top;
    padding-top: 2px;
    background-color: #E8E8E8;
    border-left: #999999 1px solid;
    border-right: #999999 1px solid;
    border-top: #999999 1px solid;
    border-bottom: #999999 1px solid;
}
.borderbox
{
    border-left: #999999 1px solid;
    border-right: #999999 1px solid;
    border-top: #999999 1px solid;
    border-bottom: #999999 1px solid;
}
.statbox
{
    vertical-align: top;
    background-color: #F7F7F7;
    border: 1px solid #E1E1E1;
    padding: 1px;
    margin-bottom: 4px;
}
.evbox
{
    vertical-align: top;
    border-bottom: 1px solid #CCCCCC;
    padding: 1px;
    margin-bottom: 2px;
}

.boxg
{
    vertical-align: top;
    background-color: #EDEDED;
    border: 1px solid #E1E1E1;
    padding: 1px;
}

.boxg2
{
    vertical-align: top;
    background-color: #EDEDED;
    border: 1px solid #E1E1E1;
    padding: 0px;
}

.actionbox
{
    vertical-align: top;
    background-color: #EDEDED;
    border-bottom: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
    padding-right: 0px;
}

.compbox
{
    vertical-align: top;
    background-color: #EDEDED;
    border-bottom: 1px solid #E1E1E1;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}
.stipleft
{
    border-left: 1px dotted #E1E1E1;
}

.stippel
{
    border-bottom: 1px dotted #E1E1E1;
}

.stiptop
{
    border-top: 1px dotted #E1E1E1;
}
.evstippel
{
    border-bottom: 1px dotted #E1E1E1;
    padding: 2px;
}
.boxg2
{
    vertical-align: top;
    background-color: #EDEDED;
    border: 1px solid #E1E1E1;
    padding: 2px;
}
.boxl
{
    vertical-align: top;
    border: 1px solid #E1E1E1;
}
.bluel
{
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #C6C6C6;
}
.priob
{
    padding-bottom: 2px;
    padding-top: 2px;
    border-bottom: #7ba9c9 1px solid;
}
.prio
{
    padding-bottom: 2px;
    padding-top: 2px;
    background-color: #edf2f5;
    border-bottom: #7ba9c9 1px solid;
}

.stip
{
    border-left-width: 1px;
    border-left-style: dotted;
    border-left-color: #CCCCCC;
}

.prio1
{
    padding-bottom: 2px;
    padding-top: 2px;
    background-color: #FAD0C0;
    border-bottom: #7ba9c9 1px solid;
}
.prio2
{
    padding-bottom: 2px;
    padding-top: 2px;
    background-color: #FBDB9B;
    border-bottom: #7ba9c9 1px solid;
}
.prio3
{
    padding-bottom: 2px;
    padding-top: 2px;
    background-color: #edf2f5;
    border-bottom: #7ba9c9 1px solid;
}


.big
{
    font-size: 14px;
}

.picbox
{
    padding-right: 2px;
    padding-left: 2px;
    padding-bottom: 2px;
    vertical-align: top;
    padding-top: 2px;
    background-color: #EEEEEE;
    border-left: #999999 1px solid;
    border-right: #999999 1px solid;
    border-top: #999999 1px solid;
    border-bottom: #999999 1px solid;
    border-radius: 2px;
}

.normaltext
{
    text-decoration: none;
}

.boxc
{
    padding-right: 2px;
    padding-left: 2px;
    padding-bottom: 3px;
    padding-top: 3px;
    background-color: #edf2f5;
    border-bottom: #7ba9c9 1px solid;
    border-top: #7ba9c9 1px solid;
    color: #0066CC;
    text-decoration: underline;
}


.bigt
{
    font-size: 12px;
    color: #333333;
    font-weight: bold;
    font-family: Geneva, Arial, Helvetica, sans-serif;
}
.grr
{
    font-size: 12px;
    color: #333333;
    font-weight: bold;
    font-style: italic;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    padding-left: 4px;
}



/* Links */

A:link
{
    color: #0084B4;
    text-decoration: none;
}

A:active
{
    color: #0084B4;
    text-decoration: none;
}
A:visited
{
    color: #0084B4;
    text-decoration: none;
}
A:hover
{
    color: #FF6600;
    text-decoration: underline;
}

A.seltext
{
    color: #FF6600;
}

A.piclink
{
    border-style: none;
}
A.piclink:hover
{
    border-style: none;
}
A.piclink:active
{
    border-style: none;
}
A.piclink:visited
{
    border-style: none;
}

A.clicklink
{
    color: #333333;
    text-decoration: none;
}
A.clicklink:hover
{
    text-decoration: underline;
	color: #FF6600;
}


A.comphover
{
    color: #003399;
    text-decoration: none;
}
A.comphover:hover
{
    text-decoration: underline;
}


A.redlink
{
    color: #FF0000;
}
A.redlink:hover
{
    color: #FF0000;
}
A.redlink:active
{
    color: #FF0000;
}
A.redlink:visited
{
    color: #FF0000;
}

A.normaltextor
{
    color: #CCCCCC;
}
A.normaltextor:hover
{
    color: #FF3300;
    text-decoration: underline;
}
A.normaltextor:visited
{
    color: #CCCCCC;
}


/*AutoComplete flyout */

.autocomplete_completionListElement
{
    visibility: hidden;
    margin: 0px;
    background-color: #FFFFFF;
    color: #333333;
    border: #000000;
    border-width: 1px;
    border-style: solid;
    cursor: default;
    overflow: auto;
    padding: 0px;
    height: auto;
    text-align: left;
    list-style-type: none;
}
/* AutoComplete highlighted item */

.autocomplete_highlightedListItem
{
    background-color: #5EAEFF;
    font-size: 12px;
    font-family: Arial, sans-serif;
    color: #FFFFFF;
    padding: 2px;
    border-bottom: #CCCCCC 1px solid;
    height: 34px;
}
/* AutoComplete item */

.autocomplete_listItem
{
    font-size: 12px;
    font-family: Arial, sans-serif;
    background-color: #FFFFFF;
    color: #000000;
    padding: 2px;
    border-bottom: #CCCCCC 1px solid;
    height: 34px;
}

/* Sortable tables */
table.sortable thead
{
    cursor: pointer;
}
.sortable
{
    font-size: 12px;
}

.sorttable_sorted
{
    color: #0000FF;
}
.sorttable_sorted_reverse
{
    color: #0000FF;
}

.sorttable_nosort
{
   border-left:0px  !important; 
}

/* Forms */

FORM
{
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    margin: 0px;
    padding-top: 0px;
}


.ing
{
    background-color: #FFFFFF;
    border-right: #CCCCCC 1px solid;
    border-top: #CCCCCC 1px solid;
    border-left: #CCCCCC 1px solid;
    border-bottom: #CCCCCC 1px solid;
    color: #333333;
    width: 360px;
    height: 190px;
}

.ing2
{
    background-color: #FFFFFF;
    border-right: #CCCCCC 1px solid;
    border-top: #CCCCCC 1px solid;
    border-left: #CCCCCC 1px solid;
    border-bottom: #CCCCCC 1px solid;
    color: #333333;
    width: 360px;
    height: 190px;
}


.searchback
{
    border-right: 0px hidden;
    border-top: 0px hidden;
    border-left: 0px hidden;
    border-bottom: 0px hidden;
    width: 300px;
    height: 18px;
    padding-left: 4px;
    color: #333333;
    font-family: arial, sans-serif;
}


.mybutton
{
    color: #000033;
    font-family: tahoma, verdana, Helvetica, sans-serif;
    text-align: center;
    font-size: 10px;
    font-weight: normal;
    border: 1px double #cccccc;
    width: auto;
    background: url(../images/button_bg.png) repeat-x;
    padding: 0px 5px;
    line-height: 18px;
    line-height: 16px;
    height: 22px;
    margin: 1px;
}

.scanbutton
{
    color: #000033;
    font-family: arial,tahoma verdana, Helvetica, sans-serif;
    text-align: center;
    font-size: 10px;
    font-weight: normal;
    border: 1px double #cccccc;
    width: auto;
    background: url(../images/button_bg.png) repeat-x;
    height: 16px;
    margin: 0px;
}

.mybuttondel
{
    color: #000033;
    font-family: tahoma, verdana, Helvetica, sans-serif;
    text-align: center;
    font-size: 10px;
    font-weight: normal;
    color: #FF0000;
    border: 1px double #FF0000;
    width: auto;
    background: url(../images/button_bg.png) repeat-x;
    padding: 0px 5px;
    line-height: 18px;
    line-height: 16px;
    height: 22px;
    margin: 1px;
}

.mhead
{
    background-image: url(../images/header.png);
    color: #333333;
    font-weight: bold;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    padding-left: 6px;
    height: 23px;
}
.compback
{
    background-image: url(../images/grb.jpg);
    background-repeat: repeat-x;
}
.mcontent0
{
    background-color: #FFFFFF;
    padding: 0px;
}

.mcontent
{
    background-color: #FFFFFF;
    padding: 1px;
}
.mcontentpc
{
    background-color: #FFFFFF;
    padding: 2px;
}
.Footer A
{
    color: #e5ebf0;
}

.compmenu
{
    padding-left: 2px;
    height: 23px;
    background-image: url(../images/bgtop.png);
}

.compmenu2
{
    vertical-align: top;
    padding-left: 2px;
    height: 23px;
    background-image: url(../images/bgtop.png);
    background-position: bottom;
}

.softmenu
{
    padding-left: 2px;
    height: 23px;
    background-image: url(../images/bgtop.png);
}


/* calendar icon */
img.tcalIcon
{
    cursor: pointer;
    margin-left: 1px;
    vertical-align: middle;
}
/* calendar container element */
div#tcal
{
    position: absolute;
    visibility: hidden;
    z-index: 100;
    width: 158px;
    padding: 2px 0 0 0;
}
/* all tables in calendar */
div#tcal table
{
    width: 100%;
    border: 1px solid silver;
    border-collapse: collapse;
    background-color: white;
}
/* navigation table */
div#tcal table.ctrl
{
    border-bottom: 0;
}
/* navigation buttons */
div#tcal table.ctrl td
{
    width: 15px;
    height: 20px;
}
/* month year header */
div#tcal table.ctrl th
{
    background-color: white;
    color: black;
    border: 0;
}
/* week days header */
div#tcal th
{
    border: 1px solid silver;
    border-collapse: collapse;
    text-align: center;
    padding: 3px 0;
    font-family: tahoma, verdana, arial;
    background-color: gray;
    color: white;
}
/* date cells */
div#tcal td
{
    border: 0;
    border-collapse: collapse;
    text-align: center;
    padding: 2px 0;
    font-family: tahoma, verdana, arial;
    width: 22px;
    cursor: pointer;
}
/* date highlight
   in case of conflicting settings order here determines the priority from least to most important */
div#tcal td.othermonth
{
    color: silver;
}
div#tcal td.weekend
{
    background-color: #ACD6F5;
}
div#tcal td.today
{
    border: 1px solid red;
}
div#tcal td.selected
{
    background-color: #FFB3BE;
}
/* iframe element used to suppress windowed controls in IE5/6 */
iframe#tcalIF
{
    position: absolute;
    visibility: hidden;
    z-index: 98;
    border: 0;
}
/* transparent shadow */
div#tcalShade
{
    position: absolute;
    visibility: hidden;
    z-index: 99;
}
div#tcalShade table
{
    border: 0;
    border-collapse: collapse;
    width: 100%;
}
div#tcalShade table td
{
    border: 0;
    border-collapse: collapse;
    padding: 0;
}

/*
the parent element of an autosuggest input should have a relative position
*/
.asholder
{
    position: relative;
}

div.ajlist
{
    z-index: 9999;
    position: fixed;
    padding: 0 0 0 0;
    background-color: #ffffff;
    width: 300px;
}


div.ajlist ul
{
    list-style: none;
    margin: 0 0 0px 0;
    padding: 0;
    overflow: hidden;
    background-color: #ffffff;
    border: solid 1px #ccc;
    width: 300px;
}

div.ajlist ul li
{
    color: #000000;
    padding: 0;
    text-align: left;
    border-bottom: 1px solid #A6C2FF;
}

div.ajlist ul li a
{
    color: #ff0000;
    display: block;
    text-decoration: none;
    background-color: transparent;
    position: relative;
    padding: 1px;
    width: 100%;
}

/* This is for inactive item kept under cursor and moving the selection
using arrow keys 
div.ajlist ul li a:hover
{
	color: white;
	background-color: #999999;
}*/
/* specify the font and default color of list item */
div.ajlist table
{
    color: #333333;
    font-family: Arial, sans-serif;
}

/* This is the class to highlight the selected item */
div.ajlist ul li.as_highlight table
{
    color: white;
    background-color: #999999;
}

/* This is the class to specify the highlight of selection */
div.ajlist table tr td em
{
    font-weight: bold;
    text-decoration: underline;
    color: #000000;
    font-style: normal;
}

div.ajlist table tr td small
{
    font-size: 11px;
}

a.darkBlueText {
    color: #003399;
}

A.popup
{
    color: #003399;
    text-decoration: none;
}

A.popup:hover
{
    text-decoration: underline;
}

#load
{
	background-color:white;
	border:1px solid #ccc;
	overflow:visible;
	width:420px;
	position:fixed;
	display:none;
	z-index: 99999;
	padding:0px;
    position: fixed;
    box-shadow: 0px 4px 8px #cccccc;
}


#ac
{
    padding: 0px;
}



.topLeftArrow {
	position: relative;
	background: #ffffff;
	border: 1px solid #ADADAD;
}

.topLeftArrow:after, .topLeftArrow:before {
	bottom: 100%;
	left: 35px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.topLeftArrow:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #ffffff;
	border-width: 7px;
	margin-left: -7px;
}

.topLeftArrow:before {
	border-color: rgba(0, 0, 0, 0);
	border-bottom-color: #ADADAD;
	border-width: 8px;
	margin-left: -8px;
}

.rightTopArrow {
	position: relative;
	background: #ffffff;
	border: 1px solid #ADADAD;
}
.rightTopArrow:after, .rightTopArrow:before {
	left: 100%;
	top: 29px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.rightTopArrow:after {
	border-color: rgba(255, 255, 255, 0);
	border-left-color: #FFFFFF;
	border-width: 7px;
	margin-top: -7px;
}
.rightTopArrow:before {
	border-color: rgba(0, 0, 0, 0);
	border-left-color: #ADADAD;
	border-width: 8px;
	margin-top: -8px;
}

.bottomLeftArrow {
	position: relative;
	background: #ffffff;
	border: 1px solid #ADADAD
}
.bottomLeftArrow:after, .botttomLeftArrow:before {
	top: 100%;
	left: 35px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.bottomLeftArrow:after {
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #ffffff;
	border-width: 7px;
	margin-left: -7px;
}
.bottomLeftArrow:before {
	border-color: rgba(0, 0, 0, 0);
	border-top-color: #ADADAD;
	border-width: 8px;
	margin-left: -8px;
}

.leftTopArrow {
	position: relative;
	background: #ffffff;
	border: 1px solid #ADADAD;
}
.leftTopArrow:after, .leftTopArrow:before {
	right: 100%;
	top: 29px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.leftTopArrow:after {
	border-color: rgba(255, 255, 255, 0);
	border-right-color: #ffffff;
	border-width: 7px;
	margin-top: -7px;
}
.leftTopArrow:before {
	border-color: rgba(0, 0, 0, 0);
	border-right-color: #ADADAD;
	border-width: 8px;
	margin-top: -8px;
}




.topRightArrow {
	position: relative;
	background: #ffffff;
	border: 1px solid #ADADAD;
}

.topRightArrow:after, .topRightArrow:before {
	bottom: 100%;
	left: 350px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.topRightArrow:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #ffffff;
	border-width: 7px;
	margin-left: -7px;
}

.topRightArrow:before {
	border-color: rgba(0, 0, 0, 0);
	border-bottom-color: #ADADAD;
	border-width: 8px;
	margin-left: -8px;
}

.rightBottomArrow {
	position: relative;
	background: #ffffff;
	border: 1px solid #ADADAD;
}
.rightBottomArrow:after, .rightBottomArrow:before {
	left: 100%;
	top: 142px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.rightBottomArrow:after {
	border-color: rgba(255, 255, 255, 0);
	border-left-color: #FFFFFF;
	border-width: 7px;
	margin-top: -7px;
}
.rightBottomArrow:before {
	border-color: rgba(0, 0, 0, 0);
	border-left-color: #ADADAD;
	border-width: 8px;
	margin-top: -8px;
}

.botttomRightArrow {
	position: relative;
	background: #ffffff;
	border: 1px solid #ADADAD
}
.botttomRightArrow:after, .botttomRightArrow:before {
	top: 100%;
	left: 350px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.botttomRightArrow:after {
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #ffffff;
	border-width: 7px;
	margin-left: -7px;
}
.botttomRightArrow:before {
	border-color: rgba(0, 0, 0, 0);
	border-top-color: #ADADAD;
	border-width: 8px;
	margin-left: -8px;
}

.leftBottomArrow {
	position: relative;
	background: #ffffff;
	border: 1px solid #ADADAD;
}
.leftBottomArrow:after, .leftBottomArrow:before {
	right: 100%;
	top: 94%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.leftBottomArrow:after {
	border-color: rgba(255, 255, 255, 0);
	border-right-color: #ffffff;
	border-width: 7px;
	margin-top: -7px;
}
.leftBottomArrow:before {
	border-color: rgba(0, 0, 0, 0);
	border-right-color: #ADADAD;
	border-width: 8px;
	margin-top: -8px;
}



.rbblue
{
    left: 420px;
    bottom: 15px;
    background: url(../images/rarrowblue.png);
}

.pageHeader
{
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

.editpanel
{
    padding-bottom: 4px;
    margin-bottom: 2px;
    border-width: 1px;
    border-bottom-color: #C0C0C0;
    border-bottom-style: dotted;
}


.column
{
    margin: 0px;
    padding: 0px;
    border: 0px;
    min-height: 200px;
}

.shad
{
    background: url("../images/shadow2.png") no-repeat scroll left bottom transparent;
    border: 0 none;
    width: 100%;
    height: 7px;
    overflow: hidden;
}
.shad2
{
    background: url("../images/shadow2.png") no-repeat scroll right bottom transparent;
    border: 0 none;
    width: 100%;
    height: 7px;
    overflow: hidden;
}

.column .dragbox
{
    padding: 6px 4px 0px 4px;
    margin: 0px;
}

.dragbox-content
{
    background: #fff;
    min-height: 20px;
    margin: 0px;
    padding: 4px;
    font-size: 12px;
    line-height: 1.5em;
}
.column .placeholder
{
    background: #f0f0f0;
    border: 3px dashed #2175bc;
    min-height: 100px;
    list-style-type: none;
}

.portlet-header
{
    margin: 0.2em;
    padding-bottom: 4px;
    padding-left: 0.2em;
}
.portlet-header .ui-icon
{
    float: right;
}
.ui-sortable-placeholder
{
    border: 1px dotted black;
    visibility: visible !important;
    height: 50px !important;
}
.ui-sortable-placeholder *
{
    visibility: hidden;
}

.hide
{
    display: none;
}
#button
{
    width: 10em;
    border-right: 1px solid #000;
    padding: 0 0 1em 0;
    margin-bottom: 1em;
    font-family: 'Trebuchet MS' , 'Lucida Grande' , Verdana, Arial, sans-serif;
    background-color: #90bade;
    color: #333;
}

#button ul
{
    list-style: none;
    margin: 0;
    padding: 0;
    border: none;
}

#button li
{
    border-bottom: 1px solid #90bade;
    margin: 0;
    list-style: none;
    list-style-image: none;
}

#button li a
{
    display: block;
    padding: 5px 5px 5px 0.5em;
    border-left: 10px solid #1958b7;
    border-right: 10px solid #508fc4;
    background-color: #2175bc;
    color: #fff;
    text-decoration: none;
    width: 100%;
    cursor: move;
}

html > body #button li a
{
    width: auto;
}
#button li a:hover
{
    border-left: 10px solid #1c64d1;
    border-right: 10px solid #5ba3e0;
    background-color: #2586d7;
    color: #fff;
}
#button li a.selected
{
    border-left: 10px solid #1c64d1;
    border-right: 10px solid #5ba3e0;
    background-color: #2586d7;
    color: #fff;
}
.ui-icon-arrow-4
{
    cursor: move;
}
.ui-icon-minusthick, .ui-icon-close, .ui-icon-pencil
{
    cursor: pointer;
}

.button
{
    /*border-bottom: 1px solid #90bade;*/
    margin: 0;
    list-style: none;
    list-style-image: none;
    min-height: 10px;
}

.button a
{
    display: block;
    padding: 5px 5px 5px 0.5em;
    border-left: 10px solid #1958b7;
    border-right: 10px solid #508fc4;
    background-color: #2175bc;
    color: #fff;
    text-decoration: none;
    width: 100px;
    cursor: move;
    min-height: 10px;
}
.column .placeholder .button
{
    height: 100px;
}
.clear
{
    clear: both;
}

.bluebtn {
  background: -moz-linear-gradient(center top , #73AEC9 0pt, #73AEC9 1px, #338AB0 1px, #0571A6 100%) repeat scroll 0 0 transparent;
  border-color: #045A8B;
  color: #FFFFFF !important;
  border-radius: 3px 3px 3px 3px;
  border-style: solid;
  border-width: 1px;
  cursor: pointer;
  font-size: 12px;
  line-height: 1.35;
  margin: 0;
  overflow: visible;
  padding: 3px 10px 2px;
  vertical-align: top;
  width: auto;
}

a.bluebtn:hover {
  text-decoration:none;
}

.bluebtn:hover {
    background: -moz-linear-gradient(center top , #69A0B6 0pt, #69A0B6 1px, #277696 1px, #04608E 100%) repeat scroll 0 0 transparent;
    border-color: #004A73;
}


.navmenu
{
	list-style-type: none;
	width:100%;
	display: block;
	outline: 0 none;
	padding: 0;
	margin-top: 0px;
	position:relative;
	z-index:1000;
}


.maindropdown
{
	line-height: 32px;
	float: left;
	margin: 0px;
	display: block;
	padding-left:0px;
	padding-right:0px;
	position:relative;
	z-index:1000;
}

.maindropdown .wspan
{
	padding-left:10px;
	padding-right:10px;
    color:#CCC;
}

.maindropdown .wspan:hover
{
    color:#FFF;
	text-decoration:underline;
}

.menubox
{
	line-height: 16px;
	display: none;
	position: fixed;
	z-index:2000;
    background: url("../images/transparantgr.png") repeat scroll left top transparent;
    border: 0 none;
    border-radius: 0px 0px 5px 5px;
    outline: 0 none;
    overflow: hidden;
    padding: 8px;
    top: 0;
}

.menutopbox
{
    padding-left: 6px;
    height: 20px;
    background-image: url(../images/bgtop.png);
	border-bottom:1px solid #CCCCCC;
	vertical-align:middle;
	line-height:20px;
}

.assetgroup
{   background-color: #EDF2F5;
    border: 1px solid #7BA9C9;
    font-size: 12px;
    padding: 2px 6px 2px 4px;
	border-radius: 3px 3px 3px 3px;
	margin-left:6px;
	margin-top:4px;
	margin-bottom:4px;
}

.attach
{   background-color: #EDF2F5;
    border: 1px solid #B1C6F5;
    font-size: 12px;
    padding: 2px 4px 0px 3px;
	border-radius: 3px 3px 3px 3px;
	margin-left:6px;
	margin-top:4px;
	margin-bottom:4px;
	height: 20px; 
	float: left;
	color: #000000;	
	font-family:Arial, Helvetica, sans-serif;
}
.attach a
{
   color: #000000;	

}

.adgroup 
        {
            background-color: #EAEAEA;
            border: 1px solid #CCCCCC;
            border-radius: 3px 3px 3px 3px;
            font-size: 12px;
            margin-bottom: 4px;
            margin-left: 6px;
            margin-top: 4px;
            padding: 2px 6px 2px 4px;   
        }

.btn:focus {
    outline: medium none !important;
}

.btn {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #F5F5F5;
    background-image: -moz-linear-gradient(center top , #FFFFFF, #E6E6E6);
    background-repeat: repeat-x;
    border-color: #CCCCCC #CCCCCC #BBBBBB;
    border-radius: 4px 4px 4px 4px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    color: #333333;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    line-height: 14px;
    margin-bottom: 0;
    outline: medium none !important;
    padding: 4px 8px;
    position: relative;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
    -webkit-user-select: none;  /* Chrome all / Safari all */
    -moz-user-select: none;     /* Firefox all */
    -ms-user-select: none;      /* IE 10+ */
    user-select: none;          /* Likely future */      
}

.scanbtn
{
	float: left;
    font-size: 11px;
    height: 10px;
    line-height: 11px;
    white-space: nowrap;
}

.btnsave
{
	background: url("../images/plus.png") no-repeat scroll left center transparent;
    padding-left: 16px;
}

.showdetails:focus {
    outline: medium none !important;
}

.showdetails
{
	    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #F5F5F5;
    background-image: -moz-linear-gradient(center top , #FFFFFF, #E6E6E6);
    background-repeat: repeat-x;
    border-color: #CCCCCC #CCCCCC #BBBBBB;
    border-radius: 2px 2px 2px 2px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    color: #333333;
    cursor: pointer;
    display: inline-block;
    font-size: 11px;
    line-height: 13px;
    margin-bottom: 0;
    outline: medium none !important;
    padding: 2px 4px;
    position: relative;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
	text-decoration:none;
}

.showdetails:hover
{
	text-decoration:none;
}

.smaller{
	 font-size: 12px;
	border-radius: 2px 2px 2px 2px;
    line-height: 12px;
	padding: 3px 4px;
}

.btn:hover, .btn:active, .btn.active, .btn.disabled, .btn[disabled] {
    background-color: #E6E6E6;
}
.btn:active, .btn.active {
}
.btn:first-child {
}
.btn:hover {
    -moz-transition: background-position 0.1s linear 0s;
    background-color: #E6E6E6;
    background-position: 0 -15px;
    color: #333333;
    text-decoration: none;
}
.btn:focus {
    outline: thin dotted #333333;
    outline-offset: -2px;
}
.btn.active, .btn:active {
    background-color: #E6E6E6;
    background-image: none;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    outline: 0 none;
}
.btn.disabled, .btn[disabled] {
    background-color: #E6E6E6;
    background-image: none;
    box-shadow: none;
    cursor: default;
    opacity: 0.65;
}

.even {
    background: none repeat scroll 0 0 #F0F0F0;
}

.onlinehelp
{   background-color: #EDF2F5;
    border: 1px solid #0084B4;
	background-image: -moz-linear-gradient(center top , #ffffff, #e6e6e6);
    font-size: 9px;
    font-weight:normal;
    padding: 2px 3px 1px 3px;
	border-radius: 4px;
	margin-left:4px;
	margin-top:3px;
	margin-bottom:2px;
}

/*BEGIN THESSA*/

/*Configuration window index table*/
#configtable{ /*Main table*/
	font-family:inherit;
	width:inherit;
	border-collapse:collapse;
}

#configtable td{ /*All cells within table*/
	font-size:12px;
	text-align:left;
}

#configtable td.configcategory{ /*Only cells containing category items*/
	background-image:url(../images/topbar.png);
    background-repeat:repeat-x;
	padding:6px;
	font-weight:bold;
}

#configtable td.configtopcategory{ /*Only the cell containing the top category*/
	background-image:url(../images/topbar.png);
    background-repeat:repeat-x;
	border-bottom:1px solid #b6b6b6;
	border-top:0px solid #DFDFDF;
	padding:6px;
	font-weight:bold;
}

#configtable a:link{ /*Change behavior of config links*/
	color: #0084B4;
    text-decoration: none;
}

#configtable a:visited{
	color: #0084B4;
    text-decoration: none;
}

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

#configtable a:active{
	color: #0084B4;
    text-decoration: none;
}

/*Configuration window content window*/

td#configcontenttable{ /*Configuration window content cell*/
	font-family:inherit;
	border-collapse:collapse;
	font-size:12px;
	text-align:left;
	border-width:0px 0px 0px 0px;
	border-style:solid;
	border-color:#b6b6b6;
	border-top-color:#DFDFDF;
	margin-left:5px;
	padding:0px;
}

#withscroll div { /*Add scrollbar to configuration window content cell*/
	height:547px;
	overflow-y:scroll;
}

td.configheader{ /*Header at top of configuration content*/
	background-image:url(../images/topbar.png);
    background-repeat:repeat-x;
	height:25px;
	font-size:12px;
	font-weight:bold;
	text-align:left;
	color:#333333;
	padding-left:5px;
	border-bottom:1px solid #b6b6b6;
}

p.configsmallheader{ /*Smaller headers for subcategories within configuration content*/
	background-color:#33a7d3;
	font-size:12px;
	font-weight:bold;
	text-align:left;
	color:#FFFFFF;
	padding:5px;
	margin-bottom:0px;
}



/*Scanning Credentials page within configuration*/
.scanningcredentialstable{ /*Credentials table*/
	font-family:inherit;
	border-collapse:collapse;
	border:1px solid #d6d6d4;
	margin-left:35px;
	margin-top:10px;
}

.scanningcredentialstable td{ /*All cells within table*/
	font-size:12px;
	text-align:left;
	border:0px;
	padding:2px 10px;
	height:35px;
	color:#000000;
}

.scanningcredentialstable tr.problemrow td{ /*Rows with warnings/error messages*/
	background-color:#FFD5D5;
}

.scanningcredentialstable th{ /*Only headers within table*/
	background-color:#e1e2dc;
	font-size:11px;
	text-align:left;
	text-transform:uppercase;
	border:1px solid #d6d6d4;
	padding:2px 10px;
	height:30px;
	color:#000000;
	font-weight:bold;
}

.scanningcredentialstable a:link{ /*Change behavior of "CHANGE" links in scanning credentials table*/
	color: #0084B4;
    text-decoration: none;
}

.scanningcredentialstable a:visited{
	color: #0084B4;
    text-decoration: none;
}

.scanningcredentialstable a:hover{
	color: #FF6600;
    text-decoration: underline;
}

.scanningcredentialstable a:active{
	color: #0084B4;
    text-decoration: none;
}

.addnewcred{ /*Add new credential*/
	font-family:inherit;
	border-collapse:collapse;
	border-top:0px;
	border-bottom:1px solid #c2c2c2;
	border-left:1px solid #c2c2c2;
	border-right:1px solid #c2c2c2;
	margin-left:599px;
	margin-top:0px;
}

.addnewcred td{ /*All cells within add new credential table*/
	background-color:#e1e2dc;
	font-size:12px;
	text-align:center;
	padding:2px 10px;
	border:0px;
	width:65px;
	height:35px;
}

/*Configuration content explanation snippets*/
.configexpl{ /*Table housing icon + text*/
	font-family:inherit;
	width:797px;
	border-spacing:0px;
	margin:10px;
	margin-top:12px;
}

.configexpl td.explicon{ /*The icon accompanying the explanation*/
	width:50px;
	background-color:#E4E4E4;
	padding:10px 0px 10px 12px;
	border-radius:10px 0px 0px 10px;
}

.configexpl td.expltext{ /*The explanation text*/
	background-color:#E4E4E4;
	font-size:12px;
	text-align:left;
	color:#444444;
	padding:10px 10px 10px 0px;
	border-radius:0px 10px 10px 0px;
	line-height:20px;
}

.configexpl1{ /*Explanation text without icon*/
	font-family:inherit;
	width:797px;
	margin:10px;
	margin-top:12px;
	background-color:#E4E4E4;
	font-size:12px;
	text-align:left;
	color:#444444;
	padding:10px;
	border-radius:10px;
	line-height:20px;
}

/*EINDE THESSA*/

  /*/////////////////////////////////////
 ///            Global Form          ///
/////////////////////////////////////*/


input[type="checkbox"]:focus {
    box-shadow: none;/* IE Fix */
}
img {
    border: none;/* IE Fix */
}
input:focus {
    /*box-shadow: 0 0 1px 1px #2390FC;
    -webkit-box-shadow: none;  No glow effect on chrome*/
    border: solid 1px #2390FC\9;/* IE8 glow hack */ 
}
select:focus {
    box-shadow: 0 0 1px 1px #2390FC;
    -webkit-box-shadow: none; /* No glow effect on chrome*/
    border: solid 1px #2390FC\9;/* IE8 glow hack */ 
}

.ui-dialog-content  {
    max-height: 500px; /* Firstrun wizard fix */
    /*overflow-y: auto;*/
}
.dummy {
    display: none;
    visibility: hidden;
}
table input {
    padding: 0;
}





	


  /*/////////////////////////////////////
 ///       Start CONFIGURATION       ///
/////////////////////////////////////*/


  /* Standard Form Popup  */
.loading {
    background: url(../images/loading.gif) center no-repeat;
    position:fixed;
    top: 500px;
    left: 500px;
    width: 300px;
    height: 300px;
    z-index: 999999;
}



form.frmConfigPopup input[type="text"] {
    float: left;
    margin-bottom: 5px;
     width: 160px;
}
form.frmConfigPopup input[type="password"] {
    float: left;
    margin-bottom: 5px;
     width: 160px;
}
form.frmConfigPopup select {
    float: left;
    margin-bottom: 1px;
    width: 160px;
}
form.frmConfigPopup input[type="checkbox"] {
    float: left;
    text-align: left;
    }
form.frmConfigPopup label {
    float: left;
}




.scanblockcontent {
    float: left;
}

/* Validation Form */
span.error {
    display: block;
    width: auto;
    margin-top: 10px;
    border: none;
    background: none;
    color: red;
}
label.verror {
    background: none;
    color: red;
    border: none;
}
input.verror, textarea.verror {
    color: red !important;
    box-shadow: 0 0 1px 1px red !important;
 
    border: solid 1px red \9 !important;/* IE8 glow hack */ 
}

.ui-dialog-buttonpane .verror {
    max-width: 480px;
    word-wrap: break-word;
}

#dialog2text {
    max-width: 800px;
    display: inline-block;
    white-space: pre-wrap !important;
    word-wrap: break-word;
}


/* Standard config table */
.configtable .lock {
    cursor: default;
}
.configtable select {
    width: 150px;
}
.configtable{ 
	font-family:inherit;
	border-collapse:collapse;    	
    float: left;
    text-overflow: ellipsis;
    white-space: nowrap;
	box-shadow: 0 1px 2px #888888;
}

.configtable td{ /*All cells within table*/
	font-size:12px;
	text-align:left;
	border:0px;
    padding: 2px;
	height:18px;
	border: 1px solid #b6b6b6;

}
.configtable tr td form input[type='text'] {
   
    border: none;	  


}
.dataTable tr td form input{ 
    border: none;
}

.configtable .odd{ /*All uneven rows within table*/
	
	
}

.configtable .even{ /*All even rows within table*/
	
}

.configtable tr.problemrow td{ /*Rows with warnings/error messages*/
	background-color:#FFD5D5;
}

.configtable th{ /*Only headers within table*/
background-image:url(../images/topbar.png);
    background-size:600px 23px; /* FIX UPDATE FF */
    height: 18px;
	
	background-position:0 0;
	border-bottom:1px solid #b6b6b6;
	font-size:12px;
	text-align:left;
	color:#000000;
    padding: 2px;
    border: 1px solid #b6b6b6;
}

.configtable a:link{ /*Change behavior of "CHANGE" links in scanning credentials table*/
	color: #0084B4;
    text-decoration: none;
}

.configtable a:visited{
	color: #0084B4;
    text-decoration: none;
}

.configtable a:hover{
	color: #FF6600;
    text-decoration: underline;
}

.configtable a:active{
	color: #0084B4;
    text-decoration: none;
}
.configtable tr td input{
    display:block; margin: 0 auto;
}
.configtable tr td img{
   display:block; 
}


/* Schedule part */
.ShowSchedule fieldset{
    width: 150px;
    float: left;
    border: none;
}
.ShowSchedule input{
    float: left; 
    margin: 5px; 
}
.ShowSchedule label{
    float: left;  
    margin: 2px;
}

.ShowSchedule select
{
    float: right;
    width: 60px;
    margin: 2px;
}










/*Forms content explanation snippets*/

        form#formAddNewRow input[type="text"] {
            float: left;
            margin-bottom: 5px;
            width: 70%;
        }
        form#formAddNewRow select {
            float: left;
            margin-bottom: 5px;
            width: 70%;
        }
        form#formAddNewRow input[type="checkbox"] {
            float: left;
            text-align: left;
            
        }
        form#formAddNewRow label {
            float: left;
            width: 25%;
        }
        .add_row {
            float: right;
            height: 30px;
        }

.addInput input {
    background-color: transparent;
    border: none;
    margin: 0;
    padding: 0;
}
.addInput  select{
    background-color: transparent;
    border: none;
    margin: 0;
    padding: 0;
}
.datatablerowhighlight input{
    *border: solid 1px #2390FC; /* IE 7-6 nofocus */
 }
         


/*Configuration Master */

.configexpl{ /*Table housing icon + text*/
	margin-top:12px;
    float: left;
    background-color:#E4E4E4;
	padding:2px 2px 2px 2px;
	border-radius:10px 10px 10px 10px;
}
.configexplLink {
    float: left;
    width: 36px;
    height: 100%;
    margin: 20px;
    margin-left: 2px;
}
.configexpl p{ /*The explanation text*/
	font-size:12px;
	text-align:left;
	color:#4F4F4F;
	line-height:20px;
}
.configexpl img {
    float: left;
   
}









/* ScanningCredentials.aspx */

.addnewcred{ /*Add new credential*/
	border-bottom:1px solid #c2c2c2;
	border-left:1px solid #c2c2c2;
	border-right:1px solid #c2c2c2;
	margin-top:0px;
    margin-right: 14px;
    float: left;
    display: block;
    width:65px;
	height:25px;
    background-color: #e1e2dc;
    text-align: center;
    padding: 10px 10px 0px 10px;

}

.credentialType {text-indent: -16000px;}
.credentialType[title="Windows"]{background: url("/images/Windows16.png") no-repeat center;}
.credentialType[title="SNMP"]{background: url("/images/SNMP16.png") no-repeat center;}
.credentialType[title="SSH"]{background: url("/images/SSH16.png") no-repeat center;}
.credentialType[title="VMware"]{background: url("/images/VMware16.png") no-repeat center;}
.credentialType[title="SSHCertificate"]{background: url("/images/SSHCertificate16.png") no-repeat center;}

.configTableWrap {
    float: left;
    width: 100%;
    padding-top: 20px;
}
#CredentialsTable_info {
    visibility: hidden;
}



/* CREDENTIALS SORTABLE*/

.CredentialBlock {
    width: 160px;
    display: inline-block;
    *display: inline;/*IE FIX*/
    vertical-align: top;   
    border-collapse: collapse;
    margin: 0px;
   

}
/*credentials widget*/ 
.litypeimg {
    float: left;
    margin-top: 2px;
}
.CredentialBlock .liText
{
    float: left;
    padding: 0px;
    margin: 0px;
    width:200px;  
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 11px;
    padding-left: 5px;
    padding-top: 2px; 
    font-size: 11px;
    height: 12px;
    padding: 1px;
    display: inline;
    
    
}

li.ui-state-disabled {
    width: 96%;
}
.addCredential {
    float: right;
}
.SortCredentialList li {
    opacity: 1;
    border: none;
}
.SortCredentialList { list-style-type: none; margin: 0; padding: 0; }
.SortCredentialList li {  height: 10px; }
.SortCredentialList li span { position: absolute; margin-left: -12px; }
.SortCredentialList li:not(.ui-state-disabled):hover 
{
   background-color: #FBEC88; 
    
}
.SortCredentialList li:not(.ui-state-disabled) {
    cursor: move;
}
.liDelete {
    float: right;
    margin-left: 10px;
}
.CredentialBlock img
{
    float: left;
    display:block;
}
.liDelete {
    float: right;
    margin-left: 10px;
}
.CredentialBlock ul li
{
    height: 10px;    
    padding: 3px;
  
   
}
.CredentialBlock h5 {
    text-align: center;
    text-transform: uppercase;
    padding-top: 2px;
    padding-right: 10px;
    padding-bottom: 2px;
    padding-left: 10px;
    margin: 0px;        
    background-image: url("../images/bgtop.png");
    border-bottom: 1px solid #CCCCCC;   
    border-top: 0 none;
    font-size: 10px;
    font-weight: bold;
}
.removeIpRange {
    float: right;
}.removeDomain {
     float: right;
 }
.moveDown {
    float: right;
}
.moveUp {
    float: right;
}
















/* SELECT Table popup */
.selecttable {
    cellspacing: 0;
    cellpadding: 0;
    border: none;
    padding: 0;   
	border-spacing: 0;
    width: 100%;
}
.selecttable tr {
    cursor: pointer;
    height: 12px;   
}

.selecttable tr.selected {
    background: Highlight;
    color: HighlightText;
}






  /*/////////////////////////////////////
 ///      Config/ScanServer.aspx     ///
/////////////////////////////////////*/



.selectedServertab {
    color: red;
}
.selectedServertab a
{
    color: red;
}



#configtable td.active{
	background-color:#e1f3f8;
}
#configtable td.active a{
	color: #FF6600;
    text-decoration: underline;
}



        .dataTables_info {
            visibility: hidden;
            display: none;
        }
        .scanningcredentialstable {
            min-width: 200px;
        }

        #frmServerOptions fieldset {           
            float: left;
        }
         .scanningblock {
             float: left;
             padding-right: 25px;
            
         }
         
         
         
         
         
.ui-dialog {
    border-top: none;
    padding: 0px;
}
#SelectServerTab {
    margin-top: 5px;
    float: left;
    border-bottom: 1px solid #CCCCCC;
    height: 21px;
    
}


/* DIALOG CUSTOMALERT */
#DialogLoader2 span {
    white-space: nowrap;
}



/* Default.aspx */


        /* IE7 widget top fix !!! */
        .box_top
{
    height: 26px;
    line-height: 26px;
    border-left: 1px solid #D4D2D2;
    border-right: 1px solid #D4D2D2;
    background: url(../images/boxb.png) repeat-x;
    overflow: hidden;
}
.box_top div {
    float: left;
    width: 20px;
    height: 20px;
    margin-top: 5px;
}
.box_top span {
    float: left;
    max-width: 66%;
    max-height: 30px;
     overflow: hidden;
     white-space: nowrap;
    text-overflow: ellipsis;
}
.box_top span img
{
    margin-top: 5px;
    margin-right: 5px;
}
.box_top img
{
    top: 0px;    
}       
        #body
        {
            background: #333333;
            width: 100%;
        }
        .main
        {
            float: left;
            width: 100%;
        }
        .drop
        {
            border: 1px dotted black;
            margin: 7px 0px;
            width: 100%;
        }
        .widgets
        {
            float: left;
            margin: 11px 0px;
            width: 120px;
        }
        #listDiv
        {
            margin-top: -15px;
            width: 600px;
        }
        #navlist li
        {
            display: inline;
            list-style-type: none;
            padding-right: 20px;
        } 
        .drag a, .drag img {
            /*cursor: url(../images/openhand.cur) , move !important;*/
            cursor: url(../images/openhand.cur), move !important;
        }
        .ui-draggable-dragging a, .ui-draggable-dragging img {
            cursor: url(../images/closedhand.cur), move !important;
        }
        .drag a:active {
             cursor: url(../images/closedhand.cur), move !important;
        }
        
        
.widgetssavebutton {
    background: url(../images/save11.gif) no-repeat left;  
    background-color: #F5F5F5;
    background-image: -moz-linear-gradient(center top , #FFFFFF, #E6E6E6), url(../images/save11.gif) no-repeat left;
    background-repeat: no-repeat;
    background-position: 5px 7px;
    border-color: #CCCCCC #CCCCCC #BBBBBB;
    border-radius: 4px 4px 4px 4px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    line-height: 14px;
    margin-bottom: 0;
    outline: medium none !important;
    padding: 4px 8px 4px 20px;
    position: relative;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
    color: #0084B4;
}
        
        
.widgetssavebutton:hover {

    color: black;
}

/* EVENTHEADER OVERFLOW */
.eventheader {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}


        .sml {
            white-space: nowrap;
        }
        a {
            white-space: nowrap;
        }
        #minwidth {
	min-width: 1000px;
    width: 100%;
    float: left;
    
}
#MenuLeftBuffer {
	width: 130px;
	height: 500px;
	float: left;
}



/* Configmaster */



        .configtable {
            background-color: white;
        }

        .configtable td {
            cursor: default;
        }
        .configtable td[title="Click to edit"]:hover {
            color: #FF6600;
            cursor: text;
        }     
        
      
        
        .configtable select {
            width:100px;font-size:10px;
        }
        
        .configtable label.verror {
            position: absolute;
            border: 1px dashed red;
            background-color: white;
            margin-top: 5px;
            padding: 3px;
            z-index: 800;
        }
        .configtable form
        {
            margin: 0px;
            padding: 0px;
            border: 0px;
            top: 0px;           
            float: left;
            width: 100%;
            height: 100%;
            
                              
        }
        .configtable label.tooltip {
            position: absolute;     
            
            border: 1px dashed grey;
            background-color: yellow;
            color: black;           
           
             margin-top: 5px;
         
            padding: 3px;
            z-index: 799;            
            opacity: 0.8;
            
            
        }

        
        
        
        
        .configtable .sorting {
            cursor: pointer;           
            -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;

        }
        .configtable .sorting_asc {
                       cursor: pointer;           
            -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none; 
        }
          .configtable .sorting_desc {
                        cursor: pointer;           
            -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        }

        


        /* TOP BAR */

        #navigationTop {
            position: fixed;
            top: 0px;
            left: 0px;
            background-image: url("../images/topbar.png");
            background-repeat: repeat-x;
            height: 40px;
            width: 100%;
            z-index: 900;
            
        }
        #navigationTopContent {
            height: 30px;
            width: 100%;
            position: fixed;
            top: 0px;
            left: 0px;
        }

.tabheader {
   
   
    background-color: white;
    border: 1px solid #B6B6B6;
    border-top: none;
    z-index: 300; 
    font-size:12px;
    font-weight:bold;
    text-align:left;
    padding:6px 5px;	
    width: 100%;
	display:table-cell;
    left: 0px;
    position: static;
    border-right: none;
    height: 16px;
    top: 0px;
    background-image:url(../images/topbar.png);
    background-repeat:repeat-x;
	
}

.configheader {
   
    position: fixed;
    top: 37px;
    left: 150px;
    background-color: white;
    border: 1px solid #B6B6B6;
    border-top: none;
    z-index: 300; 
    height:17px;
    font-size:12px;
    font-weight:bold;
    text-align:left;

    padding:5px 5px;	
    width: 100%;
    display: none;
}


/* MAIN */
    .grtop {
	width: 100%;
	position:absolute;
	position: fixed;
    top: 0;
	z-index:98;
	min-width: 950px;
	padding: 0px;
	  margin: 0px;
    }
    
        /* MENU LEFT*/
    #navLeft {
	width: inherit;
	position: fixed;
		left: 0px;
	background-color:  #F6F6F6;
	z-index:900;
	width: 130px;
    }
    #userdetailsdiv {
        background: none repeat scroll 0 0 #FFFFFF;
        border: 1px solid #BEBEBE;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
        position: absolute;
        text-align: left;
        z-index: 1002;
        width: 350px;
        height: 125px;
        padding: 10px;
    }
    
    /* WIDGET IP LOCATION BUGFIX */
         .iploctable td{  
       white-space: normal;
             vertical-align: top;
    }
    .iploctable{
    table-layout:fixed;
	border-collapse: collapse;
    }
        .iploctable td a{     
    white-space: normal;
      word-wrap: break-word;
    }
.iploctable td img
{
    margin-top: 5px;
  
    }
    
    /* WIDGET SECURITY LAYOUT PERFORMANCE FIX*/
      .secrsstable td{  
    overflow: hidden;
    text-overflow: ellipsis;
  
    }
    .secrsstable{
    table-layout:fixed;
	border-collapse: collapse;
    }
    
    .secfeeddate {
        color: grey;
        font-size: 10px;
        float: right;
    }
    
        /* WIDGET  widget2table BUGFIX */
.widget2table td{  

    white-space: normal;
    vertical-align: top;
}
    
    .widget2table td a{     
    white-space: normal;
        word-wrap: break-word;
    }
.widget2table td img
{
    margin-top: 5px;
  
    }
    .widget2table{
    table-layout:fixed;
	border-collapse: collapse;
    }
    
    
    .twitt a {
       
       
   }
   .twitat {
       color: #999999;
   }
   .twitat:hover
   {
       text-decoration: none;
       color: #767676;
   }

   .twitt a:hover>.twitat {
       color: #767676;
        text-decoration: none;
   }
   .twitt {
       border-bottom: 1px solid #cfcfcf;
       min-height: 40px;
       
   }
   a.twituser {
          font-size: 14px;
        line-height: 16px;
       font-weight: bold;
       color: black;
   }

    #reptablewrapper {
        background-color: white;
    }
    
    /* prevbtn & nextbtn */
    
    a.prevbtn, a.nextbtn {
        text-decoration: none;
       -moz-border-bottom-colors: none;
        -moz-border-left-colors: none;
        -moz-border-right-colors: none;
        -moz-border-top-colors: none;
        background-color: #F5F5F5;
        background-image: -moz-linear-gradient(center top , #FFFFFF, #E6E6E6);
        background-repeat: repeat-x;
        border-color: #CCCCCC #CCCCCC #BBBBBB;
        border-image: none;
        border-radius: 4px 4px 4px 4px;
        border-style: solid;
        border-width: 1px;
        box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
        cursor: pointer;
        display: inline-block;
        font-size: 12px;
        line-height: 12px;
        margin-bottom: 0;
        outline: medium none !important;
        padding: 4px 5px 3px 6px;
        position: relative;
        text-align: center;
        text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
        vertical-align: middle;
        white-space: nowrap;
        font-weight: bold;
        margin-top: -4px;
    }
    
    a.prevbtn img, a.nextbtn img {
        margin-top: -9px;
        margin-top: -1px \9;
        *margin-top: 0px;
    }
    @media all and (-ms-high-contrast:none)
     {
     *::-ms-backdrop, a.prevbtn img, a.nextbtn img { margin-top: -2px; } /* IE11 */
     }
    
    . ie10 a.nextbtn img, . ie10 a.prevbtn img {
        margin-top: -1px;
	}
    
    @supports (-ms-ime-align:auto) {
        a.prevbtn img, a.nextbtn img { margin-top: -2px; } /* Edge */
    }
    
    a.prevbtn:hover, a.nextbtn:hover {
        background-color: #E6E6E6;
        -moz-transition: background-position 0.1s linear 0s;
        background-color: #E6E6E6;
        background-position: 0 -15px;
        color: #333333;
        text-decoration: none;
    }
    
    a.prevbtn.disabled, a.nextbtn.disabled {
        background-color: #E6E6E6;
        background-image: none;
        box-shadow: none;
        cursor: default;
        opacity: 0.65;
        color: #808080;
    }
    
    a.prevbtn.disabled:hover, a.nextbtn.disabled:hover {
        color: #555;
        cursor: default;
    }
    
    html.noscroll
    {
        position: fixed; 
        overflow-y: scroll;
        width: 100%;
    }
    
    .unicodefont {
        font-family: Lucida Sans Unicode, Arial Unicode MS, Arial;
    }
    .unicodefont:not(#foo) {
        font-family: Arial,sans-serif;
    }
    
    #infoBalloon ul{
        margin-left: 20px;
        padding: 0px;
    }
    #infoBalloon {
        max-width: 300px; 
        position: fixed; 
        z-index:1001; 
        background-color: white; 
        border: 1px solid #DFDFDF;
        box-shadow: 2px 2px 6px #C2C2C2;
        border-radius: 3px;
    }
	
	 p.MsoNormal, li.MsoNormal, div.MsoNormal
	{
	    margin:0cm;
	    margin-bottom:.0001pt;
	}

    p.MsoListParagraph, li.MsoListParagraph, div.MsoListParagraph
	{
	    margin-top:0in;
	    margin-right:0in;
	    margin-bottom:0in;
	    margin-left:.5in;
	    margin-bottom:.0001pt;
	}
	
	.MultiFile-label a {
	    background: url("../images/delete16.png") no-repeat;
        text-indent: -9999px;
	    width: 16px;
	    height: 16px;
	    display: block;
	    overflow: hidden;
	    float: left;
	    margin-right: 5px;
	    margin-top: 5px;
	    margin-left: 5px;
        opacity: 0.80;
	}
    
    .MultiFile-label a:hover {
        opacity: 0.90;
    }
    
    .MultiFile-label span {
        display: block;
        background-color: #edf2f5;
        border: 1px solid #b1c6f5;
        border-radius: 3px;
        color: #000000;
        font-family: Arial,Helvetica,sans-serif;
        font-size: 12px;
        padding: 4px 5px 0 4px;
        height: 20px;
        max-width: 250px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .MultiFile-label {
        margin-top: 5px;
    }    

    .MultiFile-label:last-child {
        margin-bottom: 5px;
    }
    
    .MultiFile-label span b {
        font-weight: 100;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 175px;
        white-space: nowrap;
        margin-left: 3px;
    }
    
    @media screen and (-webkit-min-device-pixel-ratio:0)
    { 
        .MultiFile-applied {
            position: absolute;
            top: -10000000px;
        }
    }

    /* helpdesk notifications */
    .notifications > span, .unassignedtickets > span, .eventreminders > span
    {
        background-color: #D50B18;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#D50B18), to(#700507)); /* Chrome, Safari 4+ */
        background-image: -webkit-linear-gradient(top, #D50B18, #700507); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
        background-image:    -moz-linear-gradient(top, #D50B18, #700507); /* Firefox 3.6-15 */
        background-image:         linear-gradient(to bottom, #D50B18, #700507); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */  
        filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#D50B18, endColorstr=#700507); /* IE6 & IE7 */
	    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#D50B18, endColorstr=#700507)"; /* IE8 */
        padding: 2px 4px 2px 4px;
        border-radius: 2px;
        position: absolute;
        right: -7px;
        top: -9px;
        font-size: 11px;
        box-shadow: 0 1px 3px #333333;
		font-weight:bold;
        color: white;
    }
    .notifications:hover > span, .unassignedtickets:hover > span
    {
        background-color: #E70E1C;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#E70E1C), to(#840608)); /* Chrome, Safari 4+ */
        background-image: -webkit-linear-gradient(top, #E70E1C, #840608); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
        background-image:    -moz-linear-gradient(top, #E70E1C, #840608); /* Firefox 3.6-15 */
        background-image:         linear-gradient(to bottom, #E70E1C, #840608); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */  
        filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#E70E1C, endColorstr=#840608); /* IE6 & IE7 */
	    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#E70E1C, endColorstr=#840608)"; /* IE8 */
	    box-shadow: 0 2px 4px #333333;
        color: white;
    }
    
    #notifications, #unassignedtickets, #mailservererrors, #eventreminders, #scanservererrors, #licensewarnings
    {
        z-index: 1001;   
        position: relative;
        vertical-align: top;
    }

    #notifications table, #unassignedtickets table, #mailservererrors table, #eventreminders table, #scanservererrors table, #licensewarnings table
    {
        border-collapse: collapse;
    }

    #notificationsdiv, #unassignedticketsdiv, #emailservererrorsdiv, #eventremindersdiv, #scanservererrorsdiv, #licensewarningsdiv
    {
        list-style: none;
        background-color: white;
        padding: 2px;
        min-width: 390px;
        max-width: 450px;
        *width: 400px;
        box-shadow: 0 4px 8px #888888;
        border: solid 1px #b6b6b6; 
        top: 43px;
        *top: 70px;
        right: 10px;
        overflow-y: auto;
        overflow-x: hidden;
        position: fixed;
    }
    
    #eventremindersdiv {
        min-width: 420px;
        width: 420px;
    }
    
    #unassignedticketsdiv > div
    {
        max-height: 430px;
    }
        
    #notificationsdiv > div, #unassignedticketsdiv > div, .widgettasksdiv > div
    {
        overflow-y: auto;
        overflow-x: hidden;
    }
    #notificationsdiv > p, #unassignedticketsdiv > p, #emailservererrorsdiv p, #eventremindersdiv p, #scanservererrorsdiv p, .widgettasksdiv p, #licensewarningsdiv p
    {
        border-bottom: 1px solid #D3D3D3;
        font-size: 13px;
        font-weight: bold;
        margin: 0;
        padding: 5px;
    }
    #notificationsdiv table tr:hover, #unassignedticketsdiv table tr:hover, #eventremindersdiv table tr:hover, .widgettasksdiv table tr:hover
    {
        cursor: pointer;
        background-color: whitesmoke;
    }
    #notificationsdiv table tr:not(:last-child) td, #unassignedticketsdiv table tr:not(:last-child) td, #mailservererrors div table tr:not(:last-child) td, #eventremindersdiv table tr:not(:last-child) td, #scanservererrors div table tr:not(:last-child) td, .widgettasksdiv table tr:not(last-child) td, #licensewarnings div table tr:not(:last-child) td
    {
        border-bottom: solid 1px lightgrey;
        vertical-align: top;
    }
    #notificationsdiv table tr > td, #unassignedticketsdiv table tr > td, #mailservererrors div table tr > td, #eventremindersdiv table tr > td, #scanservererrorsdiv table tr td, .widgettasksdiv tavle tr > td, #licensewarningsdiv table tr td
    {
        padding: 5px 1px;
    }
    #notificationsdiv table tr > td div
    {
        margin-bottom: 3px;
        width: 100%;
    }
    #mailservererrors a {
        opacity: 0.8;
    }
    #mailservererrors span {
        margin-left: 15px;
        padding-top: 2px;
    }
    #mailservererrors a:hover {
        opacity: 0.95;
    }
    #mailservererrors div table tr td{
        vertical-align: top;
    }
    #licensewarnings dl {
        margin: 0px;
    }
    #licensewarnings dd {
        margin: 5px 0px 5px 5px;
    }
    #licensewarnings b {
        color: #FF8A00;
    }
    #licensewarnings table img {
        padding-left: 10px;
    }
    .snoozeselect 
    {
        font-size: 12px;
        height: 24px;
        vertical-align: middle;
    }
    .snoozeselect, .snoozeevent, .dismissevent 
    {
        display: inline-block;  
    }
    .dismissevent b
    {
        padding-left: 14px;
        background: url('/images/tick.png') no-repeat;
        background-size: 12px; 
    }
    .snoozeevent b
    {
        padding-left: 14px;
        background: url('/images/bell.png') 0px 1px no-repeat;
        background-size: 12px;  
    }
    .stoppropagation {
        color: #000000 !important;
        white-space: normal;
    }
    .stoppropagation:hover{
        color: #000000;
        text-decoration: none;
    }
    
    /* DEPLOYMENT */
    
    /* GENERAL */
textarea
{
    resize: none;
    font: -webkit-small-control;
    font-family: Arial, sans-serif;
    font-size: 12px;
    color: #333333;
    border: 2px rgb(238, 238, 238) inset;
}

.icon
{
    width: 10px;
    height: 10px;
    padding-top: 2px;
    margin-right: 2px;
}

.icon2
{
    padding-top: 2px;
    margin-right: 1px;
}

.configtable .noHover:hover {
    text-decoration: none;
}

.infoIcon {
    margin-left: 5px;
    position: relative;
    top: 6px;
}

.executeNow.disabledBtn:link {
    color: rgb(167, 167, 167);
}

.executeNow.disabledBtn:visited {
    color: rgb(167, 167, 167);
}

.executeNow.disabledBtn:hover {
    color: rgb(167, 167, 167);
    text-decoration: initial;
    background: #E6E6E6;
}

.executeNow.disabledBtn:active {
    box-shadow: none !important;
}

.executeNow.disabledBtn:hover {
    background: #F5F5F5 !important;
}


.oddEvenTable tr:nth-child(even){
    background: #F6F6F6
}

/* DEPLOYMENT */

.topBar {
    overflow: hidden;
}

.leftContent
{
    width: 314px;
    float: left;
    background-image: url("../images/arrowup.png");
    background-repeat: no-repeat;
    margin-top: 15px;
}

.leftContent table
{
    border: none;
    overflow: hidden;
}
.leftContent table th
{
    border-top: 0px;
}

.leftContent table td
{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#rightContent
{
    padding: 6px 15px 20px 15px;
    border-bottom: 1px solid #B6B6B6;
    border-left: 1px solid #B6B6B6;
}

#leftPanel
{
    width: 314px;
}

.topBar
{
    background-image: url(../images/topbar.png);
    background-repeat: repeat-x;
    height: 20px;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
    color: #333333;
    padding-left: 6px;
    padding-top: 4px;
    padding-bottom: 2px;
    border-bottom: 1px solid #b6b6b6;
    border-top: 1px solid #b6b6b6;
}

.contentTbl td
{
    padding-top: 10px;
}

.contentTbl td td
{
    padding-top: 0;
}

.contentTbl td:nth-child(1)
{
    vertical-align: top;
    width: 100px;
}

.contentTbl td:nth-child(1):not([colspan="4"])
{
    padding-right: 15px;
}

.contentTbl td td:nth-child(1)
{
    padding-right: 2px !important;
    vertical-align: middle;
    width: inherit;
}

#packageTbl {
    max-width: 315px;
    width: 315px;
    display: block;
    table-layout: fixed;
}

#packageTbl td:nth-child(2){
    max-width: 162px;
}

#packageTbl th {
    border-top: 1px solid #B6B6B6;
}

#stepTbl {
    display: block;
}

#stepTbl td:nth-child(4){
    width: 261px;
    max-width: 261px;
    text-overflow: ellipsis;
    overflow: hidden;
}

#packageDetails
{
    margin-top: 39px;
}

.selectedrow
{
    background-color: HighLight;
    color: HighLightText;
}

#stepTypeSection
{
    margin-top: 20px;
}

.spinner
{
    width: 20px;
}

#packageDescription
{
    height: 75px;
    width: 559px;
    white-space: pre-wrap;
}

#packageNameTxt
{
    width: 559px;
}

.dialogTxt
{
    width: 353px;
}

.dialogTxtarea
{
    width: 353px;
}

#conditionTbl td.disabled { 
    background-color: silver;
}

#conditionTbl select{
    width: 80px; 
}

#conditionTd {
    width: 600px;
}

.bigTd {
    max-width: 300px;
}

.mediumTd {
    max-width: 150px;
}

#softTable_wrapper {
    width: 505px !important;
    background: #E9E9E9;
    box-shadow: 1px 1px 5px;
}

.dataTables_filter {
    display: none;
}

.pName {
    max-width: 200px;
}
/*Schedules */

#scheduleTbl {
    float: none;
}

#configTbl {
    float: none;
}

#serverTabs {
    border: none;
}

#serverTabs .ui-tabs {
    border: none;
    padding: 0px;
} 

#serverTabs .ui-tabs-panel {
    padding: 6px;
    overflow-y: auto;
    max-height: 400px;
    border: none;
    border-left: 1px solid #B6B6B6;
    border-top: 1px solid #B6B6B6;
    border-bottom: 1px solid #B6B6B6;
    border-right: 1px solid #B6B6B6;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}    
#serverTabs .ui-widget-header 
{
    background: none;
    border: none;       
}
#serverTabs .ui-widget-header li{
    height: 18px;
    margin-left: -2px;
}
#serverTabs .ui-widget-header li a
{
    padding: 2px;
    padding-left: 5px;
    padding-right: 5px;
    height: 5px;
    font-style: normal;
    font-weight: normal;
}    
     
.ui-tabs-nav li a
{
outline:none;
} 
/* weekday picker */

#weekdayPicker {
    border: 1px solid #999999;
    border-radius: 3px;
    padding: 10px;
    width: 297px;  
    box-shadow: 1px 1px 3px;
    background: rgb(243, 243, 243);
}

.day
{
    display: inline-block;
    *display: inline;
    zoom: 1;
    border: 1px solid #999999;
    height: 27px;
    width: 37px;
    border-radius: 5px;
    cursor: pointer;

    background: #ededed; /* Old browsers */
    background: -moz-linear-gradient(top, #ededed 0%, #ffffff 38%, #ffffff 38%, #ededed 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(38%,#ffffff), color-stop(38%,#ffffff), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ededed 0%,#ffffff 38%,#ffffff 38%,#ededed 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ededed 0%,#ffffff 38%,#ffffff 38%,#ededed 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ededed 0%,#ffffff 38%,#ffffff 38%,#ededed 100%); /* IE10+ */
    
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.selectedDay {    
    background: #71b5e2; /* Old browsers */
    background: -moz-linear-gradient(top, #71b5e2 0%, #ffffff 38%, #ffffff 38%, #87bfe5 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#71b5e2), color-stop(38%,#ffffff), color-stop(38%,#ffffff), color-stop(100%,#87bfe5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #71b5e2 0%,#ffffff 38%,#ffffff 38%,#87bfe5 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #71b5e2 0%,#ffffff 38%,#ffffff 38%,#87bfe5 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #71b5e2 0%,#ffffff 38%,#ffffff 38%,#87bfe5 100%); /* IE10+ */
}


/* timepickers */

#dayPicker {
    border: 1px solid #999999;
    border-radius: 3px;
    padding: 10px;
    width: 232px;
    height: 171px;
    background: rgb(243, 243, 243);
    box-shadow: 1px 1px 3px;
}

#dayPickerHeader 
{
    text-align: center;
    background: rgb(226, 226, 226);
    border-radius: 3px;
    margin-bottom: 10px;
    border: 1px solid #c5dbec;
    padding-top: 5px;
    height: 20px;
    font-weight: bold;
    
    background: #5c9ccc url(../css/lansweeper/images/ui-bg_gloss-wave_55_5c9ccc_500x100.png) 50% 50% repeat-x;
    color: #ffffff;
    

}

.ui-datepicker-calendar a{
    outline: none; 
}

#dayPicker .ui-datepicker-today a{
    border: 1px solid #c5dbec ;
    background: #dfeffc;
    font-weight: bold;
    color: #2e6e9e;
}

#dayPicker .ui-datepicker-today a.ui-state-active  {
    border: 1px solid #c5dbec ;
    background: #dfeffc;
    font-weight: bold;
    color: #2e6e9e;
}

#dayPicker a.ui-state-active {
    border: 1px solid #c5dbec ;
    background  : #dfeffc;
    font-weight: bold;
    color: #2e6e9e;
}

#dayPicker .ui-state-highlight {
    border: none;
    background: none;
}

#dayPicker .ui-datepicker-header {
    display: none;
}

#dayPicker thead {
    display: none;
}

#dayPicker .ui-datepicker-today.ui-state-highlight a {
    background: #54B4FF;
    color: #FFFFFF;
}

#dayPicker .ui-state-highlight a {
    background: #54B4FF;
    color: #FFFFFF;
}

.timepicker a.ui-state-active {
    background: #54B4FF;
    color: #FFFFFF;
}

/* css for timepicker (Kevin) */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; }

/* END css for timepicker */


.soberList {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}


/* Security Options */

#defaultShareTbl {
    border: 1px solid gray;
    border-radius: 3px;
    width: 400px;
}

#defaultShareTbl td:first-child{
    background: rgb(248, 248, 248);
    border-right: 1px solid gray;
    width: 150px;
}

#defaultShareTbl td{
    padding: 5px 10px;
}

#defaultShareTbl tr:first-child td:first-child{
    border-top-left-radius: 3px;
}

#defaultShareTbl tr:first-child td:last-child{
    border-top-right-radius: 3px;
}

#defaultShareTbl tr:last-child td:first-child{
    border-bottom-left-radius: 3px;
}

#defaultShareTbl tr:last-child td:last-child{
    border-bottom-right-radius: 3px;
}

img.avatar {
-webkit-border-radius: 50% !important;
-moz-border-radius: 50% !important;
-ms-border-radius: 50% !important;
-o-border-radius: 50% !important;
border-radius: 50% !important;
}

.ticketstate, .ticketpriority {
    padding: 3px 6px;
    color: white;
    font-weight: bold;
    border-radius: 3px !important;
    margin-right: 6px;
    text-decoration:none;
    white-space: nowrap;
    zoom: 1;
    display: inline-block;
    text-overflow: ellipsis;
}
.ticketpriority {
    border-radius: 3px !important;
}

table.configtable th
{
    background-image:none;
    border: none;
    border-bottom: 1px solid lightgray;
    background: rgb(248,248,248); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(248,248,248,1) 0%, rgba(233,233,233,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(248,248,248,1)), color-stop(100%,rgba(233,233,233,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(248,248,248,1) 0%,rgba(233,233,233,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(248,248,248,1) 0%,rgba(233,233,233,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(248,248,248,1) 0%,rgba(233,233,233,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(248,248,248,1) 0%,rgba(233,233,233,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#e9e9e9',GradientType=0 ); /* IE6-9 */

}

table.configtable td
{
    border-top: none;
    border-bottom: none;
    border-right: none;
    border-left: none;
    height: 20px;
}
        

        



table.configtable>tbody>tr>td:not(:last-child)
{
    border-right: 1px solid rgb(228, 228, 228)
}
        
        
table.configtable
{
        border: 1px solid rgb(221, 221, 221);
        border-spacing: 0px;
        border-collapse: inherit;
        border-radius: 3px;
        box-shadow: 1px 1px 4px rgb(61, 61, 61);
}
 
 
        
#DialogLoader input[type='text'], #DialogLoader input[type='number'], #DialogLoader textarea , #DialogLoader input[type='password']{
    box-shadow: 1px 1px 2px rgb(175, 175, 175);
    border: 1px solid rgb(175, 175, 175);
    border-radius: 4px;
    padding: 2px 7px;
    box-sizing: border-box;
}

.appendDialog input[type='text'], #DialogLoader input[type='number'], .appendDialog input[type='password'] , .appendDialog textarea{
    box-shadow: 1px 1px 2px rgb(175, 175, 175);
    border: 1px solid rgb(175, 175, 175);
    border-radius: 4px;
    padding: 2px 7px;
    box-sizing: border-box;
}

#DialogLoader select{
    box-shadow: 1px 1px 2px rgb(175, 175, 175);
    border: 1px solid rgb(175, 175, 175);
    border-radius: 3px;
    padding: 2px 3px;
}

.appendDialog select{
    box-shadow: 1px 1px 2px rgb(175, 175, 175);
    border: 1px solid rgb(175, 175, 175);
    border-radius: 3px;
    padding: 2px 3px;
}

    
h1 {
    font-weight: bold;
    font-size: 32px;
    margin-top: 15px;
    margin-bottom: 15px;
}
h2 {
    font-weight: bold;
    font-size: 18px;
    margin-top: 15px;
    margin-bottom: 15px;
}
h3 {
    font-weight: bold;
    font-size: 15px;
    margin-top: 15px;
    margin-bottom: 15px;
}
h4 {
    font-weight: bold;
    font-size: 13px;
    margin-top: 15px;
    margin-bottom: 15px;
}
h5 {
    font-weight: bold;
    font-size: 11px;
    margin-top: 15px;
    margin-bottom: 15px;
}
h6 {
    font-weight: bold;
    font-size: 9px;
    margin-top: 15px;
    margin-bottom: 15px;
}

input::-ms-clear { display: none; width: 0px; height: 0px; }

#DialogLoader form, #DialogLoader2 form, .appendDialog form {
    max-height: 650px !important;
}

/* kb preview */

#kbsearchpreviewleft, #kbsearchpreviewinmenu {
    background-color: #ffffff;
    left: 0;
    position: fixed;
    top: 26;
    z-index: 3;
    box-shadow: 1px 2px 2px #555;
    border: solid 1px #888;
    margin-left: 1px;
    border-radius: 3px;
    width: 330px;
}
#kbsearchpreviewleft table, #kbsearchpreviewinmenu table {
    padding: 0px;
    margin: 0px;
    table-layout: fixed;
    width: 330px;
}
#kbsearchpreviewleft table tr, #kbsearchpreviewinmenu table tr {
    color: #000000;
}
#kbsearchpreviewleft  table tr td, #kbsearchpreviewinmenu table tr td {
    text-overflow: ellipsis;
    overflow: hidden;
    word-wrap: break-word; 
}
#kbsearchpreviewleft table tr a, #kbsearchpreviewinmenu table tr a {
    color: #000000 !important;
    white-space: nowrap;
    display: block;
}
#kbsearchpreviewleft table tr:nth-child(2n), #kbsearchpreviewinmenu table tr:nth-child(2n) {
    background-color: #F0F0F0;
}
#kbsearchpreviewleft table tr:hover, #kbsearchpreviewinmenu table tr:hover {
    background-color: #cccccc;
}
#kbsearchpreviewleft:hover, #kbsearchpreviewinmenu:hover {
    z-index: 5;
}

#fileUploadContainer iframe {
    border: none;
    width: 100%;
    height: 130px;
    overflow: hidden;  
    border:0;
    width: 100%;
    height: 100%;
}

.MultiFile-title {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none
  user-select: none;
  cursor: default;
}

.center {
    margin: auto;
    display: block;
}

#menuwebversion {
    position: absolute;
    right: 5px;
    top: 40px;
    color: #CCC;
    font-size:10px;
    background-image: url(/images/bar2.png);
    background-repeat: repeat-x;
    width: 100px;
    padding: 9px;
    z-index: 1001;
}
@-moz-document url-prefix() {
    #menuwebversion {
        top: 38px;
    }
}

/* timepicker, datetimepicker */
.ui-datepicker-buttonpane .ui-priority-secondary{opacity:1 !important;filter:Alpha(Opacity=100) !important;font-weight:bold !important;}

.infoBlock {
    background: linear-gradient(to right,  #81ca1c 6px,#81ca1c 6px,#eaeaea 6px,#eaeaea 100%);
    font-size: 13px;
    margin-top: 4px;
    padding: 5px 10px;
    z-index: 100000;
    max-width: 600px;
    box-sizing: border-box;
    color: #656565;
}
.infoBlock img {
    margin-right: 10px;
    vertical-align: middle;
    width: 24px;
    display: inline-block;
}

.infoBlock b {
    color: #FF8A00;
}

/* license warnings */
.licenseWarning {
    background: linear-gradient(to right,  #f88f00 6px,#f88f00 6px,#eaeaea 6px,#eaeaea 100%);
    font-size: 13px;
    margin-top: 4px;
    padding: 5px 10px;
    z-index: 100000;
    max-width: 600px;
	box-sizing: border-box;
    color: #656565;
}
.licenseWarning img {
    margin-right: 10px;
}
.licenseWarning b {
    color: #FF8A00;
}
#licenseWarningBar {
    width: 100%;
    box-sizing: border-box;
    box-shadow: 0px 0px 12px #aaa;
    height: 100px;
    position: fixed;
    bottom: 0px;
    width: 100%;
    max-width: 100%;
}
.licenseWarning #closeLicenseWarning {
    cursor: pointer;
    position: absolute;
    right: 15px;
    top: 40px;
}
.licenseWarning #closeLicenseWarning:hover {
    text-decoration: underline;
}
.licenseWarning #closeLicenseWarning img {
    margin: 0px;
}

#dismissNotification {
    cursor: pointer;
    position: absolute;
    right: 15px;
    top: 12px;
}

#nextNotification {
    cursor: pointer;
    position: absolute;
    right: 15px;
    top: 60px;
}

.NotificationBar {
z-index: 1000;
width: 100%;
box-sizing: border-box;
height: 100px;
position: fixed;
bottom: 0px;
width: 100%;
max-width: 100%;
background: #eaeaea 100%;
}



.upgradeLicenseButton {
    color: #FFF !important;
    border-radius: 4px;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    background: #ff8900;
    width: auto;
    padding: 12px 20px;
}
.upgradeLicenseButton:hover {
    background: #f1592a;
    transition: all .5s;
    text-decoration: none;
}

.office365error {
    background: linear-gradient(to right,  #e60000 6px, #e60000 6px,#eaeaea 6px,#eaeaea 100%);
    font-size: 13px;
    z-index: 100000;
    max-width: 600px;
    color: #656565;
}
.office365error img {
    float: left;
    margin: 3px 10px 3px 10px;
}
.office365error span {
    float: left;
    padding-top: 4px;
    width: 80%;
    padding-bottom: 4px;
}

/* Exchange widget */
.exchangewidgettable tbody tr:nth-child(2n) {
    background-color: #F6F6F6;
}
.mainexchangecount {
    font-size: 14px;
    font-weight: bold;
    padding: 0px 5px;
}
.subexchangecount {
    font-weight: bold;
    padding: 0px 3px;
}
.exchangecount {
    text-align: center !important;
}
.exchangewidget > table tr {
    vertical-align: top;
}
.mainexchangetitle {
    font-size: 14px;
}

.greyRelation * {
    color: #777777 !important;
}
.greyRelation img {
    opacity: 0.6;
    filter: alpha(opacity=60);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%);
}
.relationSelectionLink {
    overflow: hidden;
    text-overflow: ellipsis;
    width: 150px;
}