/* File: commonCombined.css */
select {
	box-sizing: border-box;
}

@font-face {
	font-family: Roboto;
    src: url('../css/fonts/Roboto-Light.ttf') format('truetype');
	font-style: normal;
	font-weight: normal;
}

@font-face {
	font-family: Roboto;
    src: url('../css/fonts/Roboto-LightItalic.ttf') format('truetype');
	font-style: italic;
	font-weight: normal;
}

@font-face {
	font-family: Roboto;
    src: url('../css/fonts/Roboto-Regular.ttf') format('truetype');
	font-style: normal;
	font-weight: bold;
}

@font-face {
	font-family: sourceSansPro;
   src: url('../css/fonts/SourceSansPro-Regular-webfont.eot');
   src: url('../css/fonts/SourceSansPro-Regular-webfont.eot?#iefix') format('embedded-opentype'),
        url('../css/fonts/SourceSansPro-Regular-webfont.woff') format('woff'),
        url('../css/fonts/SourceSansPro-Regular.ttf') format('truetype'),
        url('../css/fonts/SourceSansPro-Regular-webfont.svg#webfont') format('svg');
	font-style: normal;
	font-weight: normal;
}

@font-face {
	font-family: sourceSansPro;
   src: url('../css/fonts/SourceSansPro-It-webfont.eot');
   src: url('../css/fonts/SourceSansPro-It-webfont.eot?#iefix') format('embedded-opentype'),
        url('../css/fonts/SourceSansPro-It-webfont.woff') format('woff'),
        url('../css/fonts/SourceSansPro-Italic.ttf') format('truetype'),
        url('../css/fonts/SourceSansPro-It-webfont.svg#webfont') format('svg');
	font-style: italic;
	font-weight: normal;
}

@font-face {
	font-family: sourceSansPro;
   src: url('../css/fonts/SourceSansPro-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
        url('../css/fonts/SourceSansPro-Semibold-webfont.woff') format('woff'),
        url('../css/fonts/SourceSansPro-Semibold.ttf') format('truetype'),
        url('../css/fonts/SourceSansPro-Semibold-webfont.svg#webfont') format('svg');
	font-style: normal;
	font-weight: bold;
}

@font-face {
	font-family: sourceSansPro;
	src: url('../css/fonts/SourceSansPro-ExtraLight-webfont.eot?#iefix') format('embedded-opentype'),
		url('../css/fonts/SourceSansPro-ExtraLight-webfont.woff') format('woff'),
		url('../css/fonts/SourceSansPro-ExtraLight.ttf') format('truetype'),
		url('../css/fonts/SourceSansPro-ExtraLight-webfont.svg#webfont') format('svg');
	font-style:normal;
	font-weight:200;
}

@font-face {
	font-family: sourceSansPro;
	src: url('../css/fonts/SourceSansPro-Light-webfont.eot?#iefix') format('embedded-opentype'),
		url('../css/fonts/SourceSansPro-Light-webfont.woff') format('woff'),
		url('../css/fonts/SourceSansPro-Light.ttf') format('truetype'),
		url('../css/fonts/SourceSansPro-Light-webfont.svg#webfont') format('svg');
	font-style:normal;
	font-weight:300;
}

@font-face {
	font-family: sourceSansPro;
	src: url('../css/fonts/SourceSansPro-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
		url('../css/fonts/SourceSansPro-BoldItalic.woff') format('woff'),
		url('../css/fonts/SourceSansPro-BoldItalic.ttf') format('truetype'),
		url('../css/fonts/SourceSansPro-BoldItalic-webfont.svg#webfont') format('svg');
	font-style:italic;
	font-weight:900;
}

div.toolbarOuter {
    height: 39px;
	min-width: 750px; 
	font-size: 12px;
	position:relative;
	z-index:300;
    background-color: #fdfdfd;
	border-top: 3px solid #009EEC;
    border-bottom: 1px solid #E3E3E3;    
}

div.toolbar {
    FONT-SIZE: 14px;
    white-space: nowrap;
    position: relative;
    height: 40px;
    color: #666666;
}

div.toolbar.searchShowed > table#rightToolbar {
   right: 218px;
}

/* Main toolbar styles */
table.mainToolbar {
	height: 40px;
}
table.toolbarButtons {
	height: 40px;
}
td.toolbarUserInfoCell {
	padding-left: 25px;
}
table.toolbarUserInfo {
	height: 40px;
}
td.mainToolbarItem {
	padding: 0 10px;
	border-left: 1px solid #e3e3e3;
}
td.mainToolbarItem.mainToolbarFirstItem {
	border-left: none;
}
td.mainToolbarActiveItem {
	background: url(../images/menu_on.png) no-repeat top center;
}
table.mainToolbar a {
	color: #8e8e8e;
}
table.mainToolbar a:hover {
	color: #5e5e5e;
}
div.toolbarAvatar {
	position: relative;
	width: 40px;
	height: 40px;
}
div.toolbarAvatar > img {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	max-width: 30px;
	max-height: 30px;
}
td.toolbarUserName {
	padding-left: 5px;
}
td.toolbarProfileAnchor {
	padding-left: 10px;
}
td.toolbarSearch {
	padding-left: 25px;
}

.toolbarTopRow {
	height: 5px;
}

table.leftToolbar .toolbarTopRow td > div {
	height: 40px;
	width: 1px; 
	background: #e3e3e3;
} 

table.leftToolbar .toolbarTabRow td {
	height: 30px;
    padding-bottom: 5px;
}

table.leftToolbar {
    border:0;
    position:absolute;
    left:0;
    height:40px;
    padding-top: 0px;
    empty-cells: show;
}
table.rightToolbar {
    position: absolute;
    top: 0px;
    left: 540px;
    height: 40px;
    border-spacing :0;
    padding-top: 0px;
    border-collapse: collapse;
    border: 0;
}
table.farRightToolbar {
    border: 0 none;
    border-collapse: collapse;
    height: 40px;
    right: 0;
    position: absolute;
    top: 0px;
}
table.midRightToolbar {
	position:absolute;
	top:0;
	left:480px;
	height:40px;
	border: 0 none;
	border-collapse: none;
	min-width:55px;
	text-align: right;
}

table.midRightToolbar td {
	cursor: pointer;
}


td.toolbarTab {
	padding: 0 10px;
	border-right: 1px solid #e3e3e3;
}
td.toolbarTabActive {
	background: url(../images/menu_on.png) no-repeat top center;
}
td.toolbarTab a {
	color: #8e8e8e;
}
td.toolbarTab a:hover {
   color: #5e5e5e;
}
td.toolbarButton {
	border-left: 1px solid #e3e3e3;
	color: #666666;
	font-size: 16px;
	padding: 0 10px;
	min-width: 23px;
	cursor: pointer;
}

td.toolbarButtonLast {
	border-right: 1px solid #e3e3e3;
}

table.rightToolbar tr {
	border-right: 1px solid #e3e3e3;
}
td.toolbarButtonClose {
	border-left: 0px;
}
td.toolbarButtonDisabled {
	cursor: default;
}


.centered {
	margin-left: auto;
	margin-right: auto;
}

div.mainContent {
	 margin:19px 0 0 30px;
}


div.headerbg {
	background: #FFF;
}

a.toolbar:link, a.toolbar:active, a.toolbar:visited {
	COLOR: #8E8E8E;
	text-decoration: none;
	font-size: 14px;
	line-height:16px;
}

a.toolbar:hover {
	COLOR: #5E5E5E;
	text-decoration: underline;
	font-size: 14px;
}

.filterError {
	color: #c00000;
	font-style: italic;
}

h1.i4headertitle {
	margin: 0px;
	padding: 0 40px 0 40px;
	color: #979797;
	font-weight: bold;
	font-size: 30px;
	white-space: nowrap;
}

div.dashButton {
	border-radius: 5px;
	color: white;
	background-color: #009EEC;
	padding: 5px 8px 5px 8px;
	min-width: 50px;
	text-align: center;
	margin-left: 10px;
	margin-right: 10px;
	cursor: pointer;
	FONT-SIZE: 14px;
	behavior: url(css/PIE.htc);
	position: relative;
}

#logoffBtn {
	margin-top: -4px;
	min-width: 0px;
	margin-left: 30px;
	display: inline;
}

div.toolbarNavItem {
	float: left;
	padding: 0px 10px 0px 10px;
}

.child {
	DISPLAY: none
}

.parent {
	DISPLAY: inline
}

.printpagebreak {
	PAGE-BREAK-BEFORE: always
}

.default {
	BACKGROUND-COLOR: #FFF
}

.i4bodyheader {
	FONT-WEIGHT: bold;
	FONT-SIZE: 15px;
	COLOR: #009eec;
	LINE-HEIGHT: 20px;
	FONT-STYLE: normal;
}

.i4bodytext {
	FONT-SIZE: 14px;
	COLOR: #000000;
}

.i4bodytexterror {
   FONT-SIZE: 14px;
   color: #e90202;
}

.i4bodytextlarge {
	FONT-SIZE: 15px;
	COLOR: #000000;
	LINE-HEIGHT: 15px;
}
.i4bodytextlarger {
	FONT-SIZE: 17px;
	COLOR: #000000;
	LINE-HEIGHT: 15px;
}
.i4bodytextbold {
	FONT-SIZE: 13px;
	FONT-WEIGHT: bold;
	COLOR: #000000;
	LINE-HEIGHT: 15px;
}

.i4bodytextred {
	FONT-SIZE: 14px;
	COLOR: #FF0000;
	LINE-HEIGHT: 15px;
}

.i4bodytextredtitle {
	FONT-SIZE: 22px;
	COLOR: #FF0000;
}

.i4bodytextgreytitle {
	FONT-SIZE: 22px;
	COLOR: #999999;
}

.i4bodytexttitle {
	FONT-SIZE: 22px;
	COLOR: #009EEC;
}

.i4bodytextwhite {
	FONT-SIZE: 13px;
	COLOR: #FFFFFF;
	LINE-HEIGHT: 15px;
}

.i4bodytextsm {
	FONT-WEIGHT: normal;
	FONT-SIZE: 14px;
}

.i4bodytexttiny {
	FONT-WEIGHT: normal;
	FONT-SIZE: 11px;
	COLOR: #666666
}
.i4bodytextgreyheading {
	FONT-WEIGHT: bold;
	FONT-SIZE: 15px;
	COLOR: #666666;
}

.i4bodytextblueheading{
	FONT-WEIGHT: bold;
	FONT-SIZE: 15px;
	COLOR: #009ECC;
}

.i4bodytextwhiteheading{
	FONT-SIZE: 15px;
	COLOR: white;
}

.i4bodytextgreylarge {
	FONT-SIZE: 18px;
	COLOR: #666666;
}
.i4bodytextgreyHuge {
	FONT-SIZE: 28px;
	COLOR: #666666;
	LINE-HEIGHT: 15px;
}
.i4bodytextgreymedium {
	FONT-SIZE: 16px;
	COLOR: #666666;
}

.i4bodytextgrey {
	FONT-WEIGHT: normal;
	FONT-SIZE: 14px;
	COLOR: #666666;
}

.i4bodytextgreyFifteen {
	FONT-WEIGHT: normal;
	FONT-SIZE: 15px;
	COLOR: #666666;
}
.i4bodytextgreybold {
	FONT-WEIGHT: bold;
	FONT-SIZE: 14px;
	COLOR: #666666;
}

.i4bodytitle {
	FONT-WEIGHT: bold;
	FONT-SIZE: 15px;
	COLOR: #009eec;
	LINE-HEIGHT: 18px;
}

.i4bodytitlesm {
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
}

.i4breadcrumb {
	FONT-WEIGHT: bold;
	FONT-SIZE: 9px;
	COLOR: #FFFFFF;
	LINE-HEIGHT: 150%;
}

.i4breadcrumb_spacing {
	WIDTH: 20px;
	HEIGHT: 22px
}

.i4charteditheader {
	FONT-SIZE: 15px;
	COLOR: #FFFFFF;
	BACKGROUND-COLOR: #C0C0C0;
}

.i4entryfield {
	FONT-SIZE: 12px;
	line-height: 16px;
}

.i4error_blue {
	FONT-SIZE: 11px;
	COLOR: blue;
}

.i4error_red {
	FONT-SIZE: 11px;
	COLOR: red;
}

.i4error_white {
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	COLOR: #FFF;
}

.i4error {
	FONT-SIZE: 14px;
	COLOR: #000000;
}

div#themesHolder .i4error{
	margin-left:530px;
}

div.rptOutputError {
   padding: 20px;
   font-size: 16px;
   color: #666666;
}

.i4footertable {
	
}

.i4footer {
	background: #DFDFDF;
	HEIGHT: 50px;
	padding: 20px 10px;
	clear: both;
}

.i4greyfooter {
	background: #E7E7E7;
	HEIGHT: 50px;
	padding: 20px;
}

.i4footertext {
	FONT-SIZE: 12px;
	COLOR: #DFDFDF;
}

.i4headernav {
	FONT-SIZE: 12px;
	LINE-HEIGHT: 15px;
	FONT-STYLE: normal;
	color: #3175A4;
}

.i4headernav_on {
	FONT-WEIGHT: normal;
	FONT-SIZE: 12px;
	COLOR: #ffCC00;
	LINE-HEIGHT: 15px;
	FONT-STYLE: normal;
}

.i4headernav_spacing {
	WIDTH: 500px;
	HEIGHT: 20px
}

.i4headertitle {
	FONT-WEIGHT: normal;
	FONT-SIZE: 30px;
	COLOR: #66A6D2;
	FONT-STYLE: normal;
}

.i4headertitle_spacing {
	WIDTH: 20px;
	HEIGHT: 25px;
	display: none;
}

.i4header_bkg {
	BACKGROUND-COLOR: #FFF
}

.i4header_rsidewidth {
	display: none;
	width: 0px;
}

.i4header_userinfo {
	color: #777;
	font-size: 14px;
}

.i4imgbox {
	border: #cccccc 1px solid;
	background: #f0f0f0;
}

div#lightboxContentadvAnalyticalFunctionPopup .i4imgbox {
	height: 1px;
}

.i4imgboxsbqrydesc {
	background: #FFF;
}

.i4longbox {
	FONT-SIZE: 14px;
	WIDTH: 240px;
}

.i4mifolderlist {
	FONT-SIZE: 12px;
	COLOR: #000000;
	LINE-HEIGHT: 15px;
	BORDER-BOTTOM: #dee6ed 1px solid;
}

.i4med3box {
	FONT-SIZE: 14px;
	WIDTH: 200px;
}

.i4med2box {
	FONT-SIZE: 14px;
	WIDTH: 160px;
}

.i4medbox {
	FONT-SIZE: 14px;
	WIDTH: 100px;
}

.i4meetingtabledata {
	BORDER-RIGHT: #5a2e01 1px solid;
	BORDER-TOP: #5a2e01 1px;
	FONT-SIZE: 11px;
	BORDER-LEFT: #5a2e01 1px solid;
	BORDER-BOTTOM: #5a2e01 1px;
	BACKGROUND-COLOR: #f3e6c5
}

.i4meetingtabledata2 {
	FONT-SIZE: 11px;
	BACKGROUND-COLOR: #eabb00
}

.i4meetingtabletitle {
	FONT-SIZE: 12px;
	COLOR: #FFF;
	BACKGROUND-COLOR: #ff8811
}

.i4narrow {
	LINE-HEIGHT: 8px
}

.i4notificationtext {
	FONT-SIZE: 14px;
}

.i4protected {
	FONT-SIZE: 12px;
	BACKGROUND-COLOR: #f8f8f8
}

.i4rptbuild_data_title {
	BORDER-RIGHT: #999999 1px solid;
	BORDER-TOP: #cccccc 1px solid;
	PADDING-LEFT: 10px;
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	BORDER-LEFT: #999999 1px solid;
	COLOR: #333333;
	LINE-HEIGHT: 20px;
	BORDER-BOTTOM: #999999 1px;
}

.i4rptbuild_init_title {
	FONT-WEIGHT: bold;
	FONT-SIZE: 14px;
	COLOR: #666666;
	LINE-HEIGHT: 15px;
}

.i4rptbuild_minimenu {
	BORDER-TOP-WIDTH: 1px;
	BORDER-RIGHT: #cccccc 1px solid;
	PADDING-RIGHT: 5px;
	BORDER-BOTTOM-WIDTH: 1px;
	BORDER-BOTTOM-COLOR: #999999;
	BORDER-LEFT: #cccccc 1px solid;
	BORDER-TOP-COLOR: #999999;
	BACKGROUND-IMAGE: url(../images/rpt_button_bgrd.png);
	BACKGROUND-COLOR: #eaeef5
}

.i4rptbuild_options_title {
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	BACKGROUND-IMAGE: url(../images/rpt_options.gif);
	HEIGHT: 20px
}

.i4rptbuild_options {
	FONT-WEIGHT: normal;
	FONT-SIZE: 12px;
	BACKGROUND-COLOR: #f9f9f9
}

.i4rptbuild_options_join {
	FONT-WEIGHT: normal;
	FONT-SIZE: 12px;
	BACKGROUND-COLOR: #f9f9f9
}

.i4rptbuild_options_join_box {
	FONT-WEIGHT: normal;
	FONT-SIZE: 14px;
	BACKGROUND-COLOR: #FFF;
}

.i4rptbuild_options_join_title {
	FONT-WEIGHT: normal;
	FONT-SIZE: 14px;
	POSITION: relative;
	PADDING: 0 5px;
	BACKGROUND-IMAGE: url(../images/option_top_text.png);
}

.i4rptbuild_tbl {
	BACKGROUND-COLOR: #FFF;
	BORDER-LEFT: #cccccc 1px solid;
	BORDER-BOTTOM: #cccccc 1px solid;
	EMPTY-CELLS: show;
}

.i4rptbuild_tbl_footer {
	BACKGROUND-COLOR: #f9f9f9;
	BORDER-LEFT: #cccccc 1px solid;
	BORDER-BOTTOM: #cccccc 1px solid;
}

.i4rptbuild_tbl_footer_noleft {
	BACKGROUND-COLOR: #f9f9f9;
	BORDER-BOTTOM: #cccccc 1px solid;
}

.i4rptbuild_tbl_title {
	BORDER-RIGHT: #cccccc 1px solid;
	BORDER-TOP: #cccccc 1px solid;
	PADDING-LEFT: 5px;
	FONT-WEIGHT: bold;
	FONT-SIZE: 14px;
	BACKGROUND-IMAGE: url(../images/rpt_title_bgrd.gif);
	BORDER-LEFT: #cccccc 1px solid;
	COLOR: #666666;
	LINE-HEIGHT: 24px;
	BORDER-BOTTOM: #cccccc 1px solid;
	HEIGHT: 24px;
	BACKGROUND-COLOR: #cccccc
}

.i4rptbuild_tbl_title_top {
	BORDER-TOP: #cccccc 1px solid;
	PADDING-LEFT: 15px;
	FONT-WEIGHT: bold;
	FONT-SIZE: 14px;
	COLOR: #666666;
	LINE-HEIGHT: 24px;
	HEIGHT: 24px;
	BACKGROUND-COLOR: #F9F9F9
}

.i4rptbuild_tbl_title_topbot {
	BORDER-TOP: #cccccc 1px solid;
	BORDER-BOTTOM: #cccccc 1px solid;
	PADDING-LEFT: 15px;
	FONT-WEIGHT: bold;
	FONT-SIZE: 14px;
	BACKGROUND-IMAGE: url(../images/rpt_title_bgrd.gif);
	COLOR: #666666;
	LINE-HEIGHT: 24px;
	HEIGHT: 24px;
	BACKGROUND-COLOR: #cccccc
}

.i4rptbuild_tbl_title_bottomless {
	BORDER-LEFT: #CCCCCC 1px solid;
	BORDER-RIGHT: #CCCCCC 1px solid;
	BORDER-TOP: #CCCCCC 1px solid;
	PADDING-LEFT: 10px;
	FONT-SIZE: 15px;
	COLOR: #666666;
	LINE-HEIGHT: 30px;
	HEIGHT: 30px;
	BACKGROUND-COLOR: #F0F0F0;
}

#myReportsDashTitle {
	color: #444;
	font-size: 11px;
	font-weight: bold;
}

div#tabeditdiv {
	padding: 5px;
	margin-top: 5px;
}

img.navBar {
	vertical-align: middle;
	cursor: pointer;
}

span.navBar {
	padding-left: 10px;
   padding-top: 2px;
	color: #808080;
	FONT-WEIGHT: normal;
	FONT-SIZE: 14px;
	FONT-STYLE: normal;
}

.i4rptbuild_tbl_title_left {
	BORDER-TOP: #cccccc 1px solid;
	PADDING-LEFT: 15px;
	FONT-WEIGHT: bold;
	FONT-SIZE: 14px;
	BACKGROUND-IMAGE: url(../images/rpt_title_bgrd.gif);
	BORDER-LEFT: #cccccc 1px solid;
	COLOR: #666666;
	LINE-HEIGHT: 24px;
	BORDER-BOTTOM: #cccccc 1px solid;
	HEIGHT: 24px;
	BACKGROUND-COLOR: #cccccc
}

.i4rptbuild_tbl_title_left_border {
	BORDER-TOP: #cccccc 1px solid;
	PADDING-LEFT: 15px;
	FONT-WEIGHT: bold;
	FONT-SIZE: 14px;
	BACKGROUND-IMAGE: url(../images/rpt_title_bgrd.gif);
	BORDER-LEFT: #cccccc 1px solid;
	BORDER-RIGHT: #cccccc 1px solid;
	COLOR: #666666;
	LINE-HEIGHT: 24px;
	BORDER-BOTTOM: #cccccc 1px solid;
	HEIGHT: 24px;
	BACKGROUND-COLOR: #cccccc
}

.i4rptbuild_tbl_title_noleft {
	BORDER-TOP: #cccccc 1px solid;
	BORDER-RIGHT: #cccccc 1px solid;
	PADDING-LEFT: 15px;
	FONT-WEIGHT: bold;
	FONT-SIZE: 14px;
	BACKGROUND-IMAGE: url(../images/rpt_title_bgrd.gif);
	COLOR: #666666;
	LINE-HEIGHT: 24px;
	BORDER-BOTTOM: #cccccc 1px solid;
	HEIGHT: 24px;
	BACKGROUND-COLOR: #cccccc
}

.i4rptbuild_tbl_title_rightbot {
	BORDER-RIGHT: #cccccc 1px solid;
	PADDING-LEFT: 15px;
	FONT-WEIGHT: bold;
	FONT-SIZE: 14px;
	BACKGROUND-IMAGE: url(../images/rpt_title_bgrd.gif);
	COLOR: #666666;
	LINE-HEIGHT: 24px;
	BORDER-BOTTOM: #cccccc 1px solid;
	HEIGHT: 24px;
	BACKGROUND-COLOR: #cccccc
}

.i4rptbuild_tbl_title_noleftright {
	BORDER-TOP: #cccccc 1px solid;
	PADDING-LEFT: 15px;
	FONT-WEIGHT: bold;
	FONT-SIZE: 14px;
	BACKGROUND-IMAGE: url(../images/rpt_title_bgrd.gif);
	COLOR: #666666;
	LINE-HEIGHT: 24px;
	BORDER-BOTTOM: #cccccc 1px solid;
	HEIGHT: 24px;
	BACKGROUND-COLOR: #cccccc
}

.i4rptbuild_tbl_title_right {
	BORDER-RIGHT: #cccccc 1px solid;
	BORDER-TOP: #cccccc 1px solid;
	FONT-WEIGHT: bold;
	FONT-SIZE: 14px;
	BACKGROUND-IMAGE: url(../images/rpt_title_bgrd.gif);
	COLOR: #666666;
	LINE-HEIGHT: 24px;
	BORDER-BOTTOM: #cccccc 1px solid;
	HEIGHT: 24px;
	BACKGROUND-COLOR: #cccccc
}

.i4rptbuild_tbl_title_onlyright {
	BORDER-RIGHT: #cccccc 1px solid;
	PADDING-LEFT: 15px;
	FONT-WEIGHT: bold;
	FONT-SIZE: 14px;
	BACKGROUND-IMAGE: url(../images/rpt_title_bgrd.gif);
	COLOR: #666666;
	LINE-HEIGHT: 24px;
	HEIGHT: 24px;
	BACKGROUND-COLOR: #cccccc
}

.i4rptbuild_tbl_title_none {
	PADDING-LEFT: 15px;
	FONT-WEIGHT: bold;
	FONT-SIZE: 14px;
	BACKGROUND-IMAGE: url(../images/rpt_title_bgrd.gif);
	COLOR: #666666;
	LINE-HEIGHT: 24px;
	HEIGHT: 24px;
	BACKGROUND-COLOR: #cccccc
}

.i4rptbuild_tbl_title_leftright {
	BORDER-LEFT: #cccccc 1px solid;
	BORDER-RIGHT: #cccccc 1px solid;
	PADDING-LEFT: 15px;
	FONT-WEIGHT: bold;
	FONT-SIZE: 14px;
	BACKGROUND-IMAGE: url(../images/rpt_title_bgrd.gif);
	COLOR: #666666;
	LINE-HEIGHT: 24px;
	HEIGHT: 24px;
	BACKGROUND-COLOR: #cccccc
}

.i4rptbuild_tbl_title_bottom {
	PADDING-LEFT: 15px;
	FONT-WEIGHT: bold;
	FONT-SIZE: 14px;
	BACKGROUND-IMAGE: url(../images/rpt_title_bgrd.gif);
	COLOR: #666666;
	LINE-HEIGHT: 24px;
	BORDER-BOTTOM: #cccccc 1px solid;
	HEIGHT: 24px;
	BACKGROUND-COLOR: #cccccc
}

.i4rptdisplay {
	BORDER-RIGHT: #cccccc 0px solid;
	BORDER-TOP: #cccccc 1px solid;
	BORDER-LEFT: #cccccc 0px solid;
	BORDER-BOTTOM: #cccccc 0px solid
}

.i4rpttable_prop_title {
	FONT-WEIGHT: bold;
	FONT-SIZE: 14px;
	BACKGROUND-IMAGE: url(../images/rpt_tableprop_mid.gif);
	HEIGHT: 17px
}

.i4ruler {
	BORDER-RIGHT: 0px;
	BORDER-TOP: 0px;
	BACKGROUND: #009EEC;
	BORDER-LEFT: 0px;
	WIDTH: 100%;
	BORDER-BOTTOM: 0px;
	HEIGHT: 1px;
}

.i4setheight4 {
	LINE-HEIGHT: 4px
}

.i4shortbox {
	FONT-SIZE: 14px;
	WIDTH: 40px;
}

.i4tinybox {
	FONT-SIZE: 14px;
	WIDTH: 20px;
}

div.analyticLeft {
	margin-left: 30px;
}

.i4sidenav_bkg { /*BORDER-RIGHT: #009eec 2px solid;*/
	PADDING-RIGHT: 0px;
	BACKGROUND-POSITION: left top;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	VERTICAL-ALIGN: top;
	WIDTH: 157px;
	PADDING-TOP: 25px;
	BACKGROUND-REPEAT: repeat;
}

.i4sidenav_width {
	WIDTH: 157px;
	padding: 0px;
}

td.i4sidenav_width.header_logo {
	background: url(../images/header_middle_bkg.gif) repeat-x bottom;
}

td.i4sidenav_width.header_logo img {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 44px;
	width: 108px;
	height:40px;
}

.i4sidenavtext {
	FONT-WEIGHT: normal;
	FONT-SIZE: 12px;
	LINE-HEIGHT: normal;
	FONT-STYLE: normal;
}

.i4sidenavtext_on {
	FONT-WEIGHT: normal;
	FONT-SIZE: 10px;
	LINE-HEIGHT: normal;
	FONT-STYLE: normal;
}

.i4sidenavtext_p {
	VERTICAL-ALIGN: 30%;
	FONT-WEIGHT: normal;
	FONT-SIZE: 10px;
	LINE-HEIGHT: normal;
	FONT-STYLE: normal;
}

.i4sidenavtitle {
	PADDING-LEFT: 0px;
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	COLOR: #FFFFFF;
}

.i4sidetabledata_bkg {
	MARGIN: 1px;
	BACKGROUND-COLOR: #EBF4FA;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: black;
	border-right-color: black;
	border-bottom-color: #666666;
	border-left-color: black;
}

.i4sidetabledata_bkg_on {
	BORDER-BOTTOM: #333333 1px solid;
	BACKGROUND-COLOR: #61A1D3
}

.i4sidetabletitle_bkg {
	HEIGHT: 26px;
	BACKGROUND-COLOR: #009eec;
	padding-left: 5px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}

.i4tab_bkg {
	VERTICAL-ALIGN: top;
	BACKGROUND-COLOR: #FFF
}

.i4table {
	border: none;
	border-collapse:collapse; 
	border-spacing: 0;
	padding: 0;
}

.i4tablemax {
	border: none;
	border-collapse:collapse; 
	border-spacing: 0;
	padding: 0;
	width: 100%;
}

.i4tabledata {
	BORDER-RIGHT: #FFF 0px solid;
	BORDER-TOP: #FFF 0px solid;
	FONT-SIZE: 14px;
	BORDER-LEFT: #FFF 0px solid;
	BORDER-BOTTOM: #e7e7e7 1px solid;
}

.i4tabledatarbordered {
	BORDER-RIGHT: #dee6ed 1px solid;
	BORDER-TOP: #FFF 0px solid;
	FONT-SIZE: 11px;
	BORDER-LEFT: #FFF 0px solid;
	BORDER-BOTTOM: #dee6ed 0px solid;
}

.i4tabledatarbbordered {
	BORDER-RIGHT: #dee6ed 1px solid;
	BORDER-TOP: #FFF 0px solid;
	FONT-SIZE: 11px;
	BORDER-LEFT: #FFF 0px solid;
	BORDER-BOTTOM: #dee6ed 1px solid;
}

.i4tabledatalbbordered {
	BORDER-RIGHT: #FFF 0px solid;
	BORDER-TOP: #FFF 0px solid;
	FONT-SIZE: 11px;
	BORDER-LEFT: #dee6ed 1px solid;
	BORDER-BOTTOM: #dee6ed 1px solid;
}

.i4tabledatalbordered {
	BORDER-RIGHT: #FFF 0px solid;
	BORDER-TOP: #FFF 0px solid;
	FONT-SIZE: 11px;
	BORDER-LEFT: #dee6ed 1px solid;
	BORDER-BOTTOM: #dee6ed 0px solid;
}

.i4tabledatalrbordered {
	BORDER-RIGHT: #dee6ed 1px solid;
	BORDER-TOP: #FFF 0px solid;
	FONT-SIZE: 11px;
	BORDER-LEFT: #dee6ed 1px solid;
	BORDER-BOTTOM: #dee6ed 0px solid;
}

.i4tabledatalrbbordered {
	BORDER-RIGHT: #dee6ed 1px solid;
	BORDER-TOP: #FFF 0px solid;
	FONT-SIZE: 11px;
	BORDER-LEFT: #dee6ed 1px solid;
	BORDER-BOTTOM: #FFF 0px solid;
}

.i4tabledatalrbbordered {
	BORDER-RIGHT: #dee6ed 1px solid;
	BORDER-TOP: #FFF 0px solid;
	FONT-SIZE: 11px;
	BORDER-LEFT: #dee6ed 1px solid;
	BORDER-BOTTOM: #dee6ed 1px solid;
}

.i4tabledatalarge {
	BORDER-RIGHT: #FFF 0px solid;
	BORDER-TOP: #FFF 0px solid;
	FONT-SIZE: 14px;
	BORDER-LEFT: #FFF 0px solid;
	BORDER-BOTTOM: #999999 1px solid;
	BACKGROUND-COLOR: #eeeeee
}

.i4tabledatagreen {
	BORDER-RIGHT: #FFF 0px solid;
	BORDER-TOP: #FFF 0px solid;
	FONT-SIZE: 11px;
	BORDER-LEFT: #FFF 0px solid;
	BORDER-BOTTOM: #999999 1px solid;
	BACKGROUND-COLOR: #ccffcc
}

.i4tabledataorange {
	BORDER-RIGHT: #FFF 0px solid;
	BORDER-TOP: #FFF 0px solid;
	FONT-SIZE: 11px;
	BORDER-LEFT: #FFF 0px solid;
	BORDER-BOTTOM: #999999 1px solid;
	BACKGROUND-COLOR: #ffe1ce
}

.i4tabledatared {
	BORDER-RIGHT: #FFF 0px solid;
	BORDER-TOP: #FFF 0px solid;
	FONT-SIZE: 11px;
	BORDER-LEFT: #FFF 0px solid;
	BORDER-BOTTOM: #999999 1px solid;
	BACKGROUND-COLOR: #ffcccc
}

.i4tabledatablack {
	BORDER-RIGHT: #FFF 0px solid;
	BORDER-TOP: #FFF 0px solid;
	FONT-SIZE: 11px;
	BORDER-LEFT: #FFF 0px solid;
	BORDER-BOTTOM: #999999 1px solid;
	BACKGROUND-COLOR: #cccccc
}

.i4tabledatagrey {
	BORDER-RIGHT: #FFF 0px solid;
	BORDER-TOP: #FFF 0px solid;
	FONT-SIZE: 14px;
	BORDER-LEFT: #FFF 0px solid;
	BORDER-BOTTOM: #999999 1px solid;
	BACKGROUND-COLOR: #f9f9f9
}

.i4tabledataedit {
	FONT-SIZE: 14px;
	BACKGROUND-COLOR: #f9f9f9
}

.i4tablefilter {
	BORDER-RIGHT: #cccccc 1px solid;
	BORDER-TOP: #cccccc 1px solid;
	BORDER-BOTTOM: #cccccc 1px solid;
	FONT-SIZE: 11px;
	BORDER-LEFT: #cccccc 1px solid;
}

.i4tablefilter2 {
	BORDER-RIGHT: #cccccc 1px solid;
	FONT-SIZE: 11px;
	BORDER-LEFT: #cccccc 1px solid;
	BORDER-BOTTOM: #cccccc 1px solid;
}

.i4tabledatafilter {
	BORDER-BOTTOM: #cccccc 0px solid;
	FONT-SIZE: 11px;
	BACKGROUND-COLOR: #EBF4FA;
}

.i4tabledatafilter2 {
	FONT-SIZE: 12px;
	BACKGROUND-COLOR: #f9f9f9;
}

.i4tabledataedit_variant {
	FONT-SIZE: 11px;
	BACKGROUND-COLOR: #ffcc00
}

.i4tabledataedit_variant2 {
	FONT-SIZE: 11px;
	BACKGROUND-COLOR: #ffcccc
}

.i4tabledataedit_variant3 {
	FONT-SIZE: 11px;
	BACKGROUND-COLOR: #eebbbb
}

.i4tabledata_variant {
	FONT-SIZE: 11px;
	BACKGROUND-COLOR: #f9f9f9
}

.i4tabledata_variant2 {
	FONT-SIZE: 11px;
	BACKGROUND-COLOR: #eeeeee
}

.i4tabledata_variant3 {
	BORDER-RIGHT: #FFF 0px solid;
	BORDER-TOP: #FFF 0px solid;
	BORDER-LEFT: #FFF 0px solid;
	BORDER-BOTTOM: #dee6ed 1px solid;
	FONT-SIZE: 11px;
	BACKGROUND-COLOR: #f4f9fd
}

.i4tabletitle {
	FONT-WEIGHT: bold;
	FONT-SIZE: 14px;
	COLOR: #FFF;
	BACKGROUND-COLOR: #009EEC;
	line-height:20px;
}

.i4tabletitlefilter {
	FONT-WEIGHT: normal;
	FONT-SIZE: 20px;
	COLOR: #666666;
	BACKGROUND: url(../images/viewbuilder/tab_sbqry_middle_off.png);
	height: 38px;
}

.i4taboff {
	BORDER-RIGHT: #fff8ff 1px solid;
	BORDER-TOP: #fff8ff 1px solid;
	FONT-SIZE: 14px;
	BORDER-LEFT: #fff8ff 1px solid;
	COLOR: #FFF;
	BORDER-BOTTOM: medium none;
	font-weight: bold;
}

.i4tabon {
	FONT-SIZE: 14px;
	BACKGROUND-IMAGE: url(../images/tab_middle.gif);
	BORDER-BOTTOM: medium none;
	font-weight: bold;
	BACKGROUND-COLOR: #FFF;
	COLOR: #FFFFFF;
	LINE-HEIGHT: 16px;
}

.i4tabon_sbqry {
	FONT-SIZE: 14px;
	BACKGROUND-IMAGE: url(../images/tab_sbqry_middle.png);
	BORDER-BOTTOM: medium none;
	font-weight: bold;
	BACKGROUND-COLOR: #FFF;
	LINE-HEIGHT: 11px;
}

.i4tabonshadow {
	BORDER-TOP: #333333 2px solid;
	BORDER-LEFT: #999999 2px solid;
	BORDER-BOTTOM: 2px;
	BORDER-RIGHT-WIDTH: 2px
}

.i4tabs_off {
	FONT-WEIGHT: bold;
	FONT-SIZE: 14px;
	BACKGROUND-IMAGE: url(../images/tab_middle_off.gif);
	COLOR: #1A3F57;
	BORDER-BOTTOM: medium none;
	LINE-HEIGHT: 11px;
}

.i4tabs_sbqry_off {
	FONT-WEIGHT: bold;
	FONT-SIZE: 14px;
	BACKGROUND-IMAGE: url(../images/tab_sbqry_middle_off.png);
	COLOR: #666666;
	BORDER-BOTTOM: medium none;
	LINE-HEIGHT: 11px;
}

.i4tabspacernew {
	BACKGROUND-IMAGE: url(../images/tab_sbqry_spacer.png)
}

.i4tabspacer {
	BORDER-BOTTOM: #cccccc 1px solid
}

.i4testresultsanswer {
	FONT-SIZE: 12px;
	COLOR: #000000;
	LINE-HEIGHT: 16px;
	FONT-STYLE: normal;
}

.i4testresultsquestion {
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	COLOR: #000000;
	LINE-HEIGHT: 16px;
	FONT-STYLE: normal;
}

.i4testresultscomments {
	FONT-SIZE: 12px;
	COLOR: #ff0000;
	LINE-HEIGHT: 16px;
	FONT-STYLE: italic;
}

.i4title_lg {
	FONT-WEIGHT: bold;
	FONT-SIZE: 16px;
}

.i4title_sm {
	FONT-SIZE: 10px;
}

.i4underline {
	LINE-HEIGHT: 1px
}

.test {
	LINE-HEIGHT: 4px
}

.i4bkground_grey {
	BACKGROUND-COLOR: #cccccc
}

.i4bkground_titles {
	BACKGROUND-COLOR: #999999
}

.i4bkground_contrast {
	BACKGROUND-COLOR: #cccccc
}

.i4helpsteps {
	LIST-STYLE-POSITION: outside;
	FONT-SIZE: 12px;
	LINE-HEIGHT: 16px;
	BACKGROUND-COLOR: #e1e6f2
}

.i4helpheader_bkg {
	BORDER-RIGHT: #FFF 0px dashed;
	BORDER-TOP: #b5cfe7 2px dashed;
	FONT-WEIGHT: normal;
	FONT-SIZE: 12px;
	BORDER-LEFT: #FFF 0px dashed;
	COLOR: #000000;
	LINE-HEIGHT: 18px;
	BORDER-BOTTOM: #FFF 0px dashed;
	TEXT-DECORATION: none
}

.i4help_highlightTips {
	COLOR: #ff0000
}

.i4help_bodyhighlightTips {
	BACKGROUND-IMAGE: url(../images/help_tips_mid.gif)
}

.i4help_bodyheader_bkg {
	BACKGROUND-COLOR: #e82611
}

.i4help_morehelp_bkg {
	BACKGROUND-IMAGE: url(../images/help_tips_bottom.gif);
	BACKGROUND-REPEAT: no-repeat;
	HEIGHT: 25px
}

.i4help_top_bkg {
	BACKGROUND-IMAGE: url(../images/help_tips.gif);
	BACKGROUND-REPEAT: no-repeat;
	HEIGHT: 25px
}

.i4help_top_spacer_bkg {
	BACKGROUND-IMAGE: url(../images/help_tips_mid.gif);
	LINE-HEIGHT: 1px;
	HEIGHT: 1px
}

.i4help_bodytext {
	FONT-WEIGHT: normal;
	FONT-SIZE: 11px;
}

.i4help_title {
	FONT-WEIGHT: bold;
	FONT-SIZE: 14px;
	COLOR: #1A3F57;
}

.i4help_title_bkg {
	BACKGROUND-COLOR: #b5cfe7
}

.i4viewbuild_options_title_open {
	FONT-WEIGHT: bold;
    FONT-SIZE: 14px;
    COLOR: #666666;
    BACKGROUND-IMAGE: url(../images/option_bkgrd_open.gif);
    HEIGHT: 25px;
    LINE-HEIGHT: 25px;
}
.i4viewbuild_options_title_closed {
	FONT-WEIGHT: bold;
	FONT-SIZE: 14px;
	COLOR: #666666;
	BACKGROUND-IMAGE: url(../images/option_bkgrd_closed.gif);
	HEIGHT: 25px;
	LINE-HEIGHT: 25px;
}
.i4viewbuild_options {
	FONT-WEIGHT: normal;
	FONT-SIZE: 14px;
	BACKGROUND-COLOR: #f9f9f9;
	color: #666666;
}

.csvViewBuild_Options {
	FONT-WEIGHT: normal;
	FONT-SIZE: 12px;
	BACKGROUND-COLOR: #fafafa
}

.i4viewbuild_joinhover {
	FONT-WEIGHT: normal;
	FONT-SIZE: 10px;
	BACKGROUND-COLOR: WHITE
}

.i4cal_focusday {
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
}

.i4cal_weekday {
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
}

.i4cal_box {
	FONT-SIZE: 11px;
}

.i4cal_bkg {
	COLOR: #FFF
}

.test {
	LINE-HEIGHT: 4px
}

.i4box {
	BORDER-RIGHT: 0px solid;
	PADDING-RIGHT: 3px;
	BORDER-TOP: #FFF 0px solid;
	PADDING-LEFT: 1px;
	BORDER-LEFT: 0px solid;
	WIDTH: 200px;
	BORDER-BOTTOM: #666666 5px solid;
	BACKGROUND-COLOR: #eeeeee
}

.i4box_feature {
	BORDER-RIGHT: #333366 1px solid;
	BORDER-TOP: black 0px solid;
	PADDING-BOTTOM: 5px;
	BORDER-LEFT: #333366 1px solid;
	WIDTH: 200px;
	PADDING-TOP: 5px;
	BORDER-BOTTOM: #333366 1px solid;
	BACKGROUND-COLOR: #b3ce98
}

.i4box_home {
	BORDER-RIGHT: #cccccc 1px solid;
	BORDER-TOP: #cccccc 1px solid;
	BORDER-LEFT: #cccccc 1px solid;
	BORDER-BOTTOM: #cccccc 1px solid
}

.i4box_home_noleft {
	BORDER-RIGHT: #cccccc 1px solid;
	BORDER-TOP: #cccccc 1px solid;
	BORDER-BOTTOM: #cccccc 1px solid
}

.i4box_homedblborder {
	BORDER: #cccccc 2px solid;
}

.i4viewElement {
	BORDER-RIGHT: #aecdf0 1px solid;
	BORDER-TOP: #aecdf0 0px solid;
	FONT-SIZE: 11px;
	BORDER-LEFT: #aecdf0 1px solid;
	BORDER-BOTTOM: #aecdf0 1px solid;
	BACKGROUND-COLOR: #FFF
}

.i4viewElementFooter {
	BORDER-RIGHT: #aecdf0 1px solid;
	BORDER-TOP: #aecdf0 0px solid;
	FONT-SIZE: 11px;
	BORDER-LEFT: #aecdf0 1px solid;
	BORDER-BOTTOM: #aecdf0 1px solid;
	BACKGROUND-COLOR: #EBF4FA
}

.i4excelCorner {
	BACKGROUND-IMAGE: url('../images/spreadsheet_corner.png');
	BACKGROUND-REPEAT: no-repeat;
	BORDER-RIGHT: 1px solid #B6B6B6;
	BORDER-BOTTOM: 1px solid #D0D7E5;
	BORDER-TOP: 1px solid #D0D7E5;
}

.i4excelHeader {
	BACKGROUND-IMAGE: url('../images/spreadsheet_title.png');
	BACKGROUND-REPEAT: repeat-x;
	FONT-SIZE: 14px;
	COLOR: #000000;
	LINE-HEIGHT: 15px;
	BORDER-RIGHT: 1px solid #B6B6B6;
	BORDER-BOTTOM: 1px solid #D0D7E5;
	BORDER-TOP: 1px solid #D0D7E5;
}

.i4excelRowNum {
	BACKGROUND-COLOR: #EDEDED;
	FONT-SIZE: 14px;
	COLOR: #000000;
	LINE-HEIGHT: 15px;
	BORDER-RIGHT: 1px solid #B6B6B6;
	BORDER-BOTTOM: 1px solid #D0D7E5;
}

.i4excelCell {
	FONT-SIZE: 14px;
	COLOR: #000000;
	LINE-HEIGHT: 15px;
	BORDER-RIGHT: 1px solid #B6B6B6;
	BORDER-BOTTOM: 1px solid #D0D7E5;
	OVERFLOW: hidden;
	PADDING: 3px;
	HEIGHT: 28px;
}

.i4excelSide {
	FONT-SIZE: 14px;
	COLOR: #666666;
	BORDER-TOP: 1px solid #CCCCCC;
	BORDER-LEFT: 1px solid #CCCCCC;
	BORDER-RIGHT: 1px solid #CCCCCC;
	BACKGROUND-COLOR: #FAFAFA;
}

.i4excelSideBottom {
	BORDER-BOTTOM: 2px solid #999999;
}

.i4excelSideTitle {
	FONT-SIZE: 14px;
	COLOR: #333333;
	FONT-WEIGHT: bold;
}

.i4excelSideText {
	FONT-SIZE: 12px;
	COLOR: #666666;
}

.i4excelSideValue {
	FONT-SIZE: 12px;
	COLOR: #333333;
	FONT-WEIGHT: bold;
}

.i4excelHr {
	BACKGROUND-COLOR: #CCCCCC;
	COLOR: #CCCCCC;
	HEIGHT: 1px;
	BORDER: 0px SOLID #CCCCCC;
}

.i4excelMain {
	BORDER-BOTTOM: 2px solid #999999;
}

.i4excelBottom {
	BORDER-LEFT: 1px solid #CCCCCC;
}

.i4excelBottomCell {
	FONT-SIZE: 13px;
	COLOR: #333333;
	BACKGROUND-COLOR: #F8F8F8;
	FONT-WEIGHT: BOLD;
	BORDER-RIGHT: 1px solid #B6B6B6;
	BORDER-BOTTOM: 1px solid #D0D7E5;
	BORDER-LEFT: 1px solid #D0D7E5;
	height:19px;
}

.i4excelBottomFieldCell {
	BACKGROUND-COLOR: #F8F8F8;
	BORDER-RIGHT: 1px solid #B6B6B6;
	BORDER-BOTTOM: 1px solid #D0D7E5;
	PADDING: 3px;
	HEIGHT: 23px;
}

body, html {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}

BODY {
	BACKGROUND-COLOR: #FFF;
	MARGIN: 0px 0px 0px 0px;
	font-family: Roboto, Arial, Tahoma, Helvetica, Geneva, sans-serif;	
	line-height: 1.25;	
}

input, textarea, keygen, select, button, meter, progress {
	font-family: Roboto, Arial, Tahoma, Helvetica, Geneva, sans-serif;
	line-height: 1.25em;
	border-radius: 5px;
}

input.standardTextInput,
textarea.standardTextArea {
	border-radius: 6px;
	border: 1px solid #A0A5B4;
	padding: 10px;
	font-size: 14px;
	color: #333740;
	outline: none;
}

input.standardTextInput {
	height: 14px;
}

input.standardTextInput:focus,
textarea.standardTextArea:focus {
	border-color: #009ECC;
	background-color: #009ECC19;
}

.inputHeading {
	font-size: 14px;
	font-family: Roboto;
	color: #717684;
	font-weight: 400;
	padding-bottom: 5px;
}

th {
	font-weight: normal;
}


INPUT {
	FONT-SIZE: 10pt
}

SELECT {
	FONT-SIZE: 10pt
}

TABLE.i4ntabledata TD {
	BORDER-BOTTOM: #686868 1px solid
}

/* This is because <IE11 adds a 2px border to the image for some reason*/
A > img {
	border : none;
}
A:link {
	COLOR: #009EEC;
	text-decoration: none;
}

A:visited {
	COLOR: #009EEC;
	text-decoration: none;
}

A:hover {
	COLOR: #009EEC;
	text-decoration: underline;
}

A.i4headernav:link {
	COLOR: #66A6D2;
	TEXT-DECORATION: none
}

A.i4headernav:visited {
	COLOR: #66A6D2;
	TEXT-DECORATION: none
}

A.i4headernav:hover {
	COLOR: #ffCC00;
	TEXT-DECORATION: none
}

A.i4breadcrumb:link {
	COLOR: #003366;
	TEXT-DECORATION: none
}

A.i4breadcrumb:visited {
	COLOR: #003366;
	TEXT-DECORATION: none
}

A.i4breadcrumb:hover {
	COLOR: #FF0000;
	TEXT-DECORATION: none
}

A.i4sidenavtext:link {
	COLOR: #1A3F57;
	TEXT-DECORATION: none
}

A.i4sidenavtext:visited {
	COLOR: #1A3F57;
	TEXT-DECORATION: none
}

A.i4sidenavtext:hover {
	COLOR: #61A1D3;
	TEXT-DECORATION: none
}

A.i4sidenavtext_on:link {
	COLOR: #FFFFFF;
	TEXT-DECORATION: none
}

A.i4sidenavtext_on:visited {
	COLOR: #FFFFFF;
	TEXT-DECORATION: none
}

A.i4sidenavtext_on:hover {
	COLOR: #EBF4FA;
	TEXT-DECORATION: none
}

A.i4sidenavtitle:link {
	COLOR: #FFF;
	TEXT-DECORATION: none
}

A.i4sidenavtitle:visited {
	COLOR: #FFF;
	TEXT-DECORATION: none
}

A.i4sidenavtitle:hover {
	COLOR: #EBF4FA;
	TEXT-DECORATION: none
}

A.i4sidenavtext_p:link {
	COLOR: #000000;
	TEXT-DECORATION: none
}

A.i4sidenavtext_p:visited {
	COLOR: #000000;
	TEXT-DECORATION: none
}

A.i4sidenavtext_p:hover {
	COLOR: #66A6D2
}

A.i4tabon:link {
	FONT-WEIGHT: bold;
	COLOR: #66A6D2;
	TEXT-DECORATION: none
}

A.i4tabon:visited {
	FONT-WEIGHT: bold;
	COLOR: #66A6D2;
	TEXT-DECORATION: none
}

A.i4tabon:hover {
	COLOR: #FFDF00
}

A.i4tabs_off:link {
	FONT-WEIGHT: bold;
	BACKGROUND-IMAGE: none;
	COLOR: #008BD0;
	TEXT-DECORATION: none
}

A.i4tabs_off:visited {
	BORDER-TOP: medium none;
	FONT-WEIGHT: bold;
	BACKGROUND-IMAGE: none;
	COLOR: #008BD0;
	TEXT-DECORATION: none
}

A.i4tabs_off:hover {
	BORDER-TOP: medium none;
	BACKGROUND-IMAGE: none;
	COLOR: #009EEC
}

A.i4tabs_sbqry_off:link {
	FONT-WEIGHT: bold;
	BACKGROUND-IMAGE: none;
	COLOR: #BFBFBF;
	TEXT-DECORATION: none
}

A.i4tabs_sbqry_off:visited {
	BORDER-TOP: medium none;
	FONT-WEIGHT: bold;
	BACKGROUND-IMAGE: none;
	COLOR: #BFBFBF;
	TEXT-DECORATION: none
}

A.i4tabs_sbqry_off:hover {
	BORDER-TOP: medium none;
	BACKGROUND-IMAGE: none;
	COLOR: #666666
}

A.i4footertext:link {
	COLOR: #444;
	TEXT-DECORATION: none
}

A.i4footertext:visited {
	COLOR: #444;
	TEXT-DECORATION: none
}

A.i4footertext:hover {
	COLOR: #444;
	TEXT-DECORATION: underline
}

A.i4cal_focusday:link {
	COLOR: #ff0000;
	TEXT-DECORATION: none
}

A.i4cal_focusday:hover {
	COLOR: #ff0000
}

A.i4cal_focusday:visited {
	COLOR: #ff0000;
	TEXT-DECORATION: none
}

A.i4cal_weekday:link {
	COLOR: #0000cc;
	TEXT-DECORATION: none
}

A.i4cal_weekday:visited {
	COLOR: #0000cc;
	TEXT-DECORATION: none
}

A.i4cal_weekday:hover {
	COLOR: #0066cc
}

A.i4tabletitle:link {
	COLOR: #FFFFFF;
	TEXT-DECORATION: none
}

A.i4tabletitle:visited {
	COLOR: #FFFFFF;
	TEXT-DECORATION: none
}

A.i4tabletitle:hover {
	COLOR: #EBF4FA;
	TEXT-DECORATION: none
}

.i4CellBoarder {
	BORDER-RIGHT: #5a2e01 1px solid;
	BORDER-TOP: #5a2e01 1px;
	BORDER-LEFT: #5a2e01 1px solid;
	BORDER-BOTTOM: #5a2e01 1px;
	BACKGROUND-COLOR: #f3e6c5
}

.i4rightNavTitle {
	PADDING-LEFT: 5px;
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	BACKGROUND-IMAGE: url(../images/sn_blank.gif);
	COLOR: #000000;
	LINE-HEIGHT: 15px;
	HEIGHT: 20px
}

.i4tabbox {
	BORDER-RIGHT: 1px solid #cccccc;
	BORDER-TOP: medium none;
	BORDER-LEFT: 1px solid #cccccc;
	BORDER-BOTTOM: 1px solid #cccccc
}

.i4listbox {
	BORDER: #4a6a8a 1px solid;
}

.GISLayerDiv {
	color:white;
}

.GISLayerDiv a {
	color:white;
}

.i4layerSelTitle {
	PADDING-LEFT: 10px;
	PADDING-TOP: 8px;
	FONT-SIZE: 20px;
	COLOR: white;
	float:left;
}

.i4layerSelClose {
	margin: 7px;
	float:right;
	cursor: pointer;
}

.i4layerSelLayer {
	color : white;
	border-bottom:1px solid white;
	font-size:16px;
	margin: 10px;
}

.i4layerSelLevel {
	color : white;
	font-size:15px;
	text-align: right;
	margin:5px;
}

.i4ContainedChild {
	POSITION: static;
	CURSOR: default;
	FONT-SIZE: 14px;
	COLOR: #000000;
	LINE-HEIGHT: 22px;
	FONT-WEIGHT: normal;
	TEXT-INDENT: 30px;
}

.i4SelectChild {
	POSITION: static;
	CURSOR: default;
	BACKGROUND-COLOR: #EBF4FA;
	FONT-SIZE: 14px;
	COLOR: #000000;
	LINE-HEIGHT: 22px;
	FONT-WEIGHT: normal;
	TEXT-INDENT: 30px;
}

.i4StaticChild {
	POSITION: static;
	CURSOR: default;
	FONT-SIZE: 14px;
	COLOR: #000000;
	LINE-HEIGHT: 22px;
	FONT-WEIGHT: normal;
	TEXT-INDENT: 30px;
}

.i4ContainedElement {
	POSITION: static;
	CURSOR: default;
	FONT-SIZE: 12px;
	COLOR: #000000;
	LINE-HEIGHT: 22px;
	FONT-WEIGHT: normal;
	TEXT-INDENT: 0px;
}

.i4SelectedStaticChild {
	POSITION: static;
	CURSOR: default;
	BACKGROUND-COLOR: #EBF4FA;
	FONT-SIZE: 14px;
	COLOR: #000000;
	LINE-HEIGHT: 22px;
	FONT-WEIGHT: normal;
	TEXT-INDENT: 30px;
}

.i4SelectedContainedElement {
	POSITION: static;
	CURSOR: default;
	BACKGROUND-COLOR: #EBF4FA;
	FONT-SIZE: 12px;
	COLOR: #000000;
	LINE-HEIGHT: 22px;
	FONT-WEIGHT: normal;
	TEXT-INDENT: 30px;
}

.i4NoDeleteChild {
	POSITION: static;
	CURSOR: default;
	FONT-SIZE: 14px;
	COLOR: #000000;
	LINE-HEIGHT: 22px;
	FONT-WEIGHT: normal;
	TEXT-INDENT: 30px;
}

.i4SelectedNoDeleteChild {
	POSITION: static;
	CURSOR: default;
	BACKGROUND-COLOR: #EBF4FA;
	FONT-SIZE: 14px;
	COLOR: #000000;
	LINE-HEIGHT: 22px;
	FONT-WEIGHT: normal;
	TEXT-INDENT: 30px;
}

.i4OriginContainer {
	FONT-SIZE: 14px;
	FONT-WEIGHT: normal;
	COLOR: #000000;
	LINE-HEIGHT: 22px;
	CURSOR: default;
	TEXT-INDENT: 2px;
	PADDING: 1px;
}

.i4StaticContainer {
	FONT-SIZE: 14px;
	FONT-WEIGHT: normal;
	COLOR: #000000;
	LINE-HEIGHT: 22px;
	CURSOR: default;
	TEXT-INDENT: 2px;
	PADDING: 1px;
}

.i4DestinationContainer {
	FONT-SIZE: 14px;
	FONT-WEIGHT: normal;
	COLOR: #000000;
	LINE-HEIGHT: 22px;
	CURSOR: default;
	TEXT-INDENT: 2px;
	PADDING: 1px;
}

.i4DestinationBlock {
	FONT-SIZE: 12px;
	FONT-WEIGHT: normal;
	COLOR: #000000;
	LINE-HEIGHT: 22px;
	CURSOR: default;
	PADDING: 1px;
}

/* dashboard styles */
.i4DashColumn {
	margin: 0;
	padding: 0;
}
.i4DashColumnDashed{
	border: 1px dashed #CCC;
	padding: 5px;	
	background: white;
}
.i4DashDragBottom {
	FONT-SIZE: 0px;
	BACKGROUND: #FFF;
	BORDER-RIGHT: #d7d7d7 1px solid;
	BORDER-LEFT: #d7d7d7 1px solid;
	cursor: ns-resize;
	HEIGHT: 6px;
}

.chartMenuSection {
	background: #009eec;
	color: #FFF;
	font-size: 13px;
	font-weight: bold;
}

DIV.i4DashDragBottom:hover {
	BACKGROUND: #009eec;
}

.i4DashDragSide {
	CURSOR: w-resize;
	WIDTH: 4px;
	HEIGHT: 550px;
	background: #FFF url(../images/rpt_drag_side.gif) no-repeat center;
}

.i4ViewDragSide {
	CURSOR: w-resize;
	background: #FFF url(../images/rpt_drag_side.gif) no-repeat center;
}

DIV.i4DashDragSide:hover {
	BACKGROUND: #777777;
	KHTMLOpacity: 0.5;
	MozOpacity: 0.5;
	opacity: 0.5;
}

.i4DashMoveDiv {
	DISPLAY: none;
	FONT-SIZE: 0px;
	BACKGROUND: #a0a0a0;
	POSITION: absolute;
	HEIGHT: 2px
}

.i4DashReport {
	position: relative;
}

.i4DashReportInner {
	overflow: auto;
	position: relative
}

.i4DashTitle {
	BORDER-RIGHT: #999999 1px solid;
	PADDING-RIGHT: 5px;
	BORDER-TOP: #999999 1px solid;
	PADDING-LEFT: 5px;
	FONT-SIZE: 12px;
	BACKGROUND-IMAGE: url(../images/rpt_title_bgrd.gif);
	BORDER-LEFT: #999999 1px solid;
	COLOR: #000000;
	LINE-HEIGHT: 15px;
	BORDER-BOTTOM: #999999 1px solid;
	HEIGHT: 20px
}

.i4DashTitle2 {
	FONT-SIZE: 12px;
	BACKGROUND-IMAGE: url(../images/column_title_bkgrd.gif);
	BORDER-RIGHT: #d7d7d7 1px solid;
	BORDER-LEFT: #d7d7d7 1px solid;
	BORDER-TOP: #999999 0px solid;
	BORDER-BOTTOM: #999999 0px solid;
	COLOR: #000000;
	LINE-HEIGHT: 15px;
	HEIGHT: 20px
}

.i4DashTitle3 {
	BORDER-TOP: #cccccc 1px solid;
	PADDING-RIGHT: 5px;
	PADDING-LEFT: 5px;
	FONT-SIZE: 12px;
	BACKGROUND-IMAGE: url(../images/rpt_title_bgrd.gif);
	COLOR: #000000;
	LINE-HEIGHT: 15px;
	HEIGHT: 20px
}

.i4DashTitleOptions {
	FONT-SIZE: 12px;
	BACKGROUND-IMAGE: url(../images/table_menu_bkgrd.gif);
	BORDER-RIGHT: #d7d7d7 1px solid;
	BORDER-LEFT: #d7d7d7 1px solid;
	BORDER-TOP: #999999 0px solid;
	BORDER-BOTTOM: #999999 0px solid;
	COLOR: #000000;
	LINE-HEIGHT: 35px;
	HEIGHT: 20px
}

.i4SeriesSection {
	font-size: 13px;
	font-weight: bold;
	color: #000000;
	background-color: #eeeeee;
	border: #d7d7d7 1px solid;
}

/* drop down menu styles */
TABLE.ddMenu TD.folder:hover {
	BACKGROUND-COLOR: #d0d0e0;
}

TABLE.ddMenu TD.folder A.submenu {
	DISPLAY: block;
}

TABLE.ddMenu SPAN.menutitle {
	PADDING-RIGHT: 5px;
	DISPLAY: block;
	PADDING-LEFT: 5px;
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	COLOR: #666666;
	LINE-HEIGHT: 25px;
	TEXT-DECORATION: none;
	white-space: nowrap;
}

A.submenu:link {
	TEXT-DECORATION: none;
}

TABLE.ddMenu TABLE.submenu {
	border: #c0c0c0 1px solid;
	VISIBILITY: hidden;
	WIDTH: 150px;
	CURSOR: default;
	POSITION: absolute;
	BACKGROUND-COLOR: #FFF;
}

TABLE.ddMenu TD.folder:hover TABLE.submenu {
	VISIBILITY: visible;
	z-index: 50;
}

TABLE.ddMenu TABLE.submenu TR.itemSelected {
	CURSOR: pointer;
	BACKGROUND-COLOR: #EBF4FA;
}

TABLE.ddMenu TABLE.submenu TR {
	FONT-SIZE: 11px;
	COLOR: #000000;
	LINE-HEIGHT: 20px;
}

TABLE.ddMenu TABLE.submenu TR.itemDeselected,DIV.menuDiv TABLE.submenu TR.itemDeselected {
	BACKGROUND-COLOR: #FFF;
}

TABLE.ddMenu TABLE.submenu TR.itemUnavailable,DIV.menuDiv TABLE.submenu TR.itemUnavailable {
	COLOR: #c0c0c0;
	BACKGROUND-COLOR: #FFF;
}

TABLE.ddMenu TABLE.submenu TD.itemImg {
	WIDTH: 25px;
	BACKGROUND-COLOR: #EBF4FA;
	TEXT-ALIGN: center;
}

TABLE.ddMenu TABLE.submenu TD.itemLbl {
	PADDING-LEFT: 5px;
	WIDTH: 125px;
}

TABLE.ddMenu TABLE.submenu TD.itemBrk HR.i4ruler {
	WIDTH: 90%;
}

/* menu style */
div.menuDiv {
	border: 0px;
	VISIBILITY: hidden;
	WIDTH: 150px;
	CURSOR: default;
	POSITION: absolute;
	BACKGROUND-COLOR: #FFF;
}

DIV.menuDiv TABLE.submenu {
	border-bottom: 1px solid #E6E6E6;
	border-left: 1px solid #E6E6E6;
	border-right: 1px solid #E6E6E6;
	box-shadow: 0px 0px 0px #B5B5B5;
	width: 100%;
    table-layout: fixed;
}

DIV.menuDiv TABLE.submenu TR {
	FONT-SIZE: 14px;
	COLOR: #009EEC;
	LINE-HEIGHT: 33px;
	border-top: 1px solid #E6E6E6;
	font-weight: normal;
}

DIV.menuDiv TABLE.submenu TR.itemSelected {
	CURSOR: pointer;
	BACKGROUND-COLOR: #f9f9f9;
	border-top: 1px solid #E6E6E6;
}

DIV.menuDiv TABLE.submenu TD.itemImg {
	WIDTH: 33px;
	height:32px;
	TEXT-ALIGN: center;
	border-top: 1px solid #E6E6E6;
	position:relative;
}

DIV.menuDiv TABLE.submenu TD.subMenuImg {
	border-top: 1px solid #E6E6E6;
	position: relative;
	right: 0px;
}

DIV.menuDiv TABLE.submenu TD.subMenuImg img {
	position: relative;
	right: 10px;
	top: 0px
}

DIV.menuDiv TABLE.submenu TD.itemImg div {
	position: relative;
	top:-16px;left:0px;
}

DIV.menuDiv TABLE.submenu TD.itemImg img {
	WIDTH:20px;
	height:20px;
  	position:absolute;
	top:0px;
	left:0px;
	padding:6px;
	display: block;
}

DIV.menuDiv TABLE.submenu TD.itemLbl {
	padding-left: 10px;
	padding-right: 10px;
	border-top: 1px solid #E6E6E6;
	width: 100%;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

DIV.menuDiv TABLE.submenu TD.itemBrk HR.i4ruler {
	WIDTH: 90%;
}

div.menuDiv tr.itemSelected table.submenu {
	position: absolute;
	visibility: visible;
	width: 150px;
	background-color: #FFF;
	cursor: default;
}

tr.itemSelectedDanger {
	background-color:#F00;
	color:#FFF;	
	position: absolute;
	visibility: visible;
	width: 150px;
	cursor: default;
}

tr.itemSelectedDanger {
	background-color:#E00;
	color:#FFF;	
	position: absolute;
	visibility: visible;
	width: 150px;
	cursor: default;
}

tr.itemDeselected table.submenu {
	visibility: hidden;
	position: absolute;
	display: none;
}

td.folder:hover tr.itemSelected table.submenu {
	position: absolute;
	visibility: visible;
	width: 150px;
	background-color: #FFF;
	border: 1px solid #c0c0c0;
	cursor: default;
}

.i4dashbackground {	
	FONT-WEIGHT: bold;
	FONT-SIZE: 14px;
	BACKGROUND-IMAGE: url(../images/dash_middle_off.gif);
	COLOR: #333333;
	BORDER-BOTTOM: medium none;
	padding-left: 10px;
}

.portlet-header-background-image-middle {
	BACKGROUND-IMAGE: url(../images/dash_middle_off.gif);
}

.left {
	float: left;
}

.right {
	float: right;
}

table.i4search {
	border-radius: 5px;
	background: white;
	padding-left: 5px;
	margin-right: 10px;
	width: 200px;
	behavior: url(css/PIE.htc);
	position: relative;
	border: 1px solid #E6E6E6;
}

table.i4search input {
	border: 0px;
	width: 90%;
}

table.i4search input:focus {
	outline: none;
}

/* popup menu */
ul.popup-menu {
	list-style:none;
	min-width:150px;
	border-right:solid 1px #e6e6e6;
	border-bottom:solid 1px #e6e6e6;
	border-left:solid 1px #e6e6e6;
	background-color:white;
	padding:0;
	margin:0;
	box-shadow: 4px 4px 10px #B5B5B5;

	position:absolute;
}
ul.popup-menu:after { /* creates an arrow */
	content: ' ';
	height:0;
	widht:0;
	position:absolute;
	border: 8px solid transparent;
	border-right-color: #FFF;
	left:-16px;
	top:10px;
}

.popup-menu li {
	font-size: 13px;
	color:#269fd9;
	padding: 0 0 0 1em;
	border-top: solid 1px #e6e6e6;
}

.popup-menu li:hover {
	background-color:#f9f9f9;
}


/* new report output menu */
img.tpng { /* transparent pngs for ie6 */
	behavior: url(css/pngbehavior.htc);
}

div.i4tabline {
	border-left: 0px;
	border-right: 0px;
	border-bottom: 0px;
	BORDER-TOP: medium none;
}

/* 5.2 */
td.fset {
	border: 1px solid transparent;
}

td.fsetselected {
	background: #FFF;
	border: 1px dashed #c0c0c0;
}

.chartEditBar {
	height: 1px;
	background: #1B6293;
}

img.menuIcon {
	margin-left: auto;
	margin-right: auto;
	display: block;
}

/* 6.0 */
div.relatedNotSelected {
	color: #B5B5B5;
	font-style: italic;
	text-align: center;
}

div.relatedNoReports {
	color: #CCCCCC;
	text-align: center;
}

div.relatedHelpReports {
	color: #5A5A5A;
	font-size: 11pt;
	padding: 10px;
}

.relatedSelectedReport {
	border-color: #009EEC;
	border-style: solid;
	border-width: 2px;
	overflow: hidden;
}

.relatedIncompleteReport {
	border-color: #C00000;
	border-style: solid;
	border-width: 2px;
	overflow: hidden;
}

.relatedUnselectedReport {
	border-color: white;
	border-style: solid;
	border-width: 2px;
	overflow: hidden;
}

.relatedSeperationBarReport {
	color: #cccccc;
	background-color: #cccccc;
	height: 1px;
	border: 0;
	margin-top: 3px;
	margin-bottom: 3px;
}

.verticalRelatedSeperationBarReport {
	background-color: #cccccc;
	width: 1px;
	height: 80px;
	border: 0;
	margin-left: 3px;
	margin-right: 3px;
}

.popupHeading {
	font-size: x-large;
	font-weight: bold;
}

.popupHeading {
	font-size: x-large;
	font-weight: bold;
}

table.toolbarPopupTable {
	border-left: #EBEBEB 1px solid;
	border-right: #EBEBEB 1px solid;
	border-top: #EBEBEB 1px solid;
	box-shadow: 4px 4px 10px #B5B5B5;
}

table.toolbarPopupTable td.toolbarPopupCell {
	font-size: 12px;
	border-bottom: #EBEBEB 1px solid;
	padding: 10px;
	background: #FFFFFF;
	color: #60A0D2;
	text-align: left;
}

table.toolbarPopupTable td.toolbarPopupCell:hover {
	background: #f9f9f9;
}

.submitLeftHighlightButton {
	height: 32px;
}
.submitLeftHighlightButton:not(.btn-noclick) {
	cursor: pointer;
}

.submitMidHighlightButton {
	width: 78px;
	height: 32px;
    background-color: #009EEC;
    border-radius: 6px;
    border:1px solid #009EEC;
}

.submitMidHighlightButton:not(.btn-noclick) {
	cursor: pointer;
}

.submitMidHighlightText {
	white-space: nowrap;
	font-size: 14px;
	font-weight: normal;
	color: white;
}

.submitRightHighlightButton {
	height: 32px;
}
.submitRightHighlightButton:not(.btn-noclick) {
	cursor: pointer;
}

.submitRightButton {
	height: 32px;
}
.submitRightButton:not(.btn-noclick) {
	cursor: pointer;
}

.submitMidButton {
	width: 78px;
	height: 32px;
	background-color: #FCFCFC;
    border: 1px solid #DBDBDC;
  	border-radius: 6px;
}
.submitMidButton:not(.btn-noclick) {
	cursor: pointer;
}

.submitMidText {
	white-space: nowrap;
	font-size: 14px;
	font-weight: normal;
	color: #8a8a8a;
}

.submitLeftButton {
	height: 32px;
}
.submitLeftButton:not(.btn-noclick) {
	cursor: pointer;
}

.submitRightRedButton {
	height: 32px;
}
.submitRightRedButton:not(.btn-noclick) {
	cursor: pointer;
}

.submitMidRedButton {
	width: 78px;
	height: 32px;
	background-color: #D94C38;
	border-radius: 6px;
}
.submitLeftRedButton {
	height: 32px;
}
.submitMidRedButton:not(.btn-noclick) {
	cursor: pointer;
}

.submitMidRedText {
	white-space: nowrap;
	font-size: 14px;
	font-weight: normal;
	color: white;
}

.submitLeftRedButton:not(.btn-noclick) {
	cursor: pointer;
}

.hoverLeftHighlightButton {
	height: 32px;
	cursor: pointer;
}

.hoverMidHighlightButton {
	width: 78px;
	border-radius: 6px;
	height: 32px;
    background-color: #027ACA;
	cursor: pointer;
	border:1px solid #027ACA;
}

.hoverRightHighlightButton {
	height: 32px;
	cursor: pointer;
}

.hoverRightButton {
	height: 32px;
	cursor: pointer;
}

.hoverMidButton {
	width: 78px;
	height: 32px;
	cursor: pointer;
	background-color: #F2F2F2;
    border: 1px solid #DBDBDC;
  	border-radius: 6px;
	
}

.hoverLeftButton {
	height: 32px;
	cursor: pointer;
}

.hoverRightRedButton {
	height: 32px;
	cursor: pointer;
}

.hoverMidRedButton {
	width: 78px;
	height: 32px;
	border:1px solid #D34532;
	background-color: #D34532;
	border-radius: 6px;
	cursor: pointer;
}

.hoverLeftRedButton {
	height: 32px;
	cursor: pointer;
}

.popupDivider {
	background-color: #009EEC;
	color: #009EEC;
	height: 2px;
	border: 0;
	width: 90%;
	text-align: left;
	margin-left: 0;
}

.relatedContentBox {
	text-align: center;
	margin: 0;
	padding: 0;
	border: 0;
}

.relatedGreyContentBox {
	background: #FFFFFF;
}

.relatedMoveBar {
	DISPLAY: none;
	FONT-SIZE: 0px;
	BACKGROUND: #66a6d2;
	POSITION: absolute;
	HEIGHT: 2px
}

.menuShadow {
	box-shadow: 4px 4px 10px #B5B5B5;
}

.inboxHeading {
	font-weight: bold;
}

.inboxActionLink {
	font-weight: bold;
	FONT-SIZE: 14px;
	color: white;
	cursor: pointer;
	position: relative;
	left: 15px;
}

.inboxActionLinkBlueHighlight {
	font-weight: bold;
	FONT-SIZE: 14px;
	color: #569dd2;
	cursor: pointer;
	position: relative;
	left: 15px;
}

.inboxActionLinkRedHighlight {
	font-weight: bold;
	FONT-SIZE: 14px;
	color: #d94a38;
	cursor: pointer;
	position: relative;
	left: 15px;
}

.inboxTopBottom {
	background-color: #000000;
	height: 10px;
}

.borderless-layout {
	border-spacing:0;
}

table#leftToolbar {
	border:0;
	position:absolute;
	left:0;
	height:47px;
	empty-cells: show;
}

table#rightToolbar {
	position: absolute;
	top: 5px;
	right: 0;
	border-spacing: 0;
	border-collapse: collapse;
	border: 0;
}
img.toolbar-profile-image {
	width: 30px;
	height: 30px;
	padding-top:4px;
}

td.toolbar-profile-name {
	font-size:14px;
	position: relative;
	display: block;
	color: #8e8e8e;
	padding: 4px 16px 0px 8px;
	line-height: 16px;
}

td.toolbar-profile-name a, td.toolbar-profile-name a:link, td.toolbar-profile-name a:visited, td.toolbar-profile-name a:active {
   color: #8e8e8e;
   text-decoration: none;
}
td.toolbar-profile-name a:hover {
   color: #5e5e5e;
   text-decoration: underline;
}

div#profileAnchor {
	cursor: pointer;	
}

table.toolbar-inbox {
	padding-top:2px;
	margin:0;
}
table.toolbar-inbox td {
	height:27px;
	font-size: 14px;
	cursor: pointer;
	padding: 0;
	border:0;
	line-height:25px;
	text-align: center;
	white-space: nowrap;
}
td.inboxNumberEmptyLeft,
td.inboxNumberEmptyRight,
td.inboxNumberLeft,
td.inboxNumberRight {
	width: 5px;
}
table.toolbar-inbox td.inboxNumberEmptyMid {
	color:#808080;
	width:1em;
}
table.toolbar-inbox td.inboxNumberMid {
	color: white;
	width:auto;
	min-width:1em;
}
table.toolbar-inbox td.inboxNumberEmptyLeft {
	background-image: url('../images/inbox_counteroff_left.png');
}
table.toolbar-inbox td.inboxNumberEmptyMid {
	background-image: url('../images/inbox_counteroff_mid.png');
}
table.toolbar-inbox td.inboxNumberEmptyRight {
	background-image: url('../images/inbox_counteroff_right.png');
}
table.toolbar-inbox td.inboxNumberLeft {
	background-image: url('../images/inbox_counter_left.png');
}
table.toolbar-inbox td.inboxNumberMid {
	background-image: url('../images/inbox_counter_mid.png');
}
table.toolbar-inbox td.inboxNumberRight {
	background-image: url('../images/inbox_counter_right.png');
}

.inboxCloser {
	background-image: url('../images/inbox_close.png');
	width: 40px;
	height: 32px;
	padding: 0px;
	z-index: 1001;
	border-width: 2px;
	position: absolute;
	bottom: 2px;
	right: 50px;
	cursor: pointer;
}

.translationStep {
	font-size: 15px;
	padding-right: 15px;
}

.translationList {
	background-color: white;
	border: 1px solid #d8d8d8;
}

.translationHeading {
	font-size: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
}

.translationDescription {
	color: #a5a5a5;
	font-size: 14px;
	padding: 3px;
	padding-bottom: 10px;
}

.translationIntro {
	font-size: 16px;
	color: #666666;
}

.translationImportBorder {
	border: 1px solid;
	padding: 10px;
	width: 490px;
	border-color: #d8d8d8;
}

.translationSubHeading {
	font-size: 18px;
	padding: 3px;
}

.translationLoading {
	background-image: url('../images/progress.gif');
	background-repeat: no-repeat;
	width: 300px;
	height: 8px;
	margin: auto;
	padding: 10px;
}

.translationTextLoading {
	margin: auto;
	text-align: center;
	FONT-SIZE: 16px;
	COLOR: #666666;
	padding: 10px;
	font-weight: bold;
}

.broadcastGrey {
	background: #f9f9f9;
	border-bottom: 1px solid #cccccc;
	padding: 3px;
	color: #666666;
}

.broadcastWhite {
	padding: 10px;
	border-bottom: 1px solid #cccccc;
	font-size: 18px;
	color: #666666;
}

.broadcastInput {
	border: 1px solid #e4e4e4;
	padding: 5px;
	font-size: 16px;
	resize: none;
	color: #666666;
	width: 240px;
	height: 21px;
}

.dataDiscoveryInput {
	padding: 5px;
	font-size: 16px;
	resize: none;
	color: #666666;
	width: 40px;
	height: 21px;
}

.broadcastInput[disabled] {
	color: #bbbbbb;
}
.broadcastInput.broadcastInputFull {
	width: 100%;
	width: calc(100% - 12px);
}
select.broadcastInput {
   height: auto;
}

.broadcastInputTextArea {
	border: 1px solid #e4e4e4;
	padding: 8px;
	font-size: 16px;
	resize: none;
	color: #666666;
	width: 240px;
}
.broadcastInputTextPlaceholder {
	color: #cccccc;
}

.broadcastInputGrey {
	color:#CCCCCC !important;
}

.broadcastInputShort {
   height: 20px;
	border: 1px solid #e4e4e4;
	padding: 5px;
	font-size: 14px;
	resize: none;
	color: #666666;
	width: 56px;
}

.broadcastTextBox {
	width: 98%;
	height: 100px;
	border: 1px solid #e4e4e4;
	padding: 5px;
	font-size: 14px;
	resize: none;
	color: #262626;
}

.broadcastTextBoxPlain {
	background: #FFF;
	border: 1px solid #e4e4e4;
	padding: 5px;
	font-size: 14px;
	resize: none;
	color: #262626;
}

.broadcastInputSubject {
   border: 0px;
   padding: 0px;
   font-size: 16px;
   resize: none;
   color: #666666;
   width: 100%;
   height: 21px;
   outline: none;
}

.broadcastOuter {
   background: #ffffff;
   border: 1px solid #e4e4e4;
   font-size: 14px;
   resize: none;
   color: #262626;
   padding: 5px;
}

.inputErrorHighlight {
   border-color: #cc0000;
   outline-color: #cc0000;
}

.distributeTextBox {
	width: 98%;
	height: 100px;
	border: 1px solid #cccccc;
	padding: 5px;
	font-size: 14px;
	resize: none;
	color: #262626;
}

.distributeInputBox {
	height: 16px;
	border: 1px solid #cccccc;
	padding: 5px;
	font-size: 14px;
	resize: none;
	color: #262626;
}

.addRecipientLinkText {
	font-size: 14px;
}

.distributeInfoText {
	font-size: 14px;
	color: #666666;
}

.distributeMessage {
	font-size: 14px;
	color: #999999;
}

.multiFunctionSearchDrop {
	background: none repeat scroll 0 0 white;
	border: 1px solid #E4E4E4;
}

.multiFuncDropdownCell {
	height: 31px;
	line-height: 11px;
}

div#mfddtannoDateDisplayDiv {
	padding: 5px;
	width: 238px !important /* I hate myself for this, but there isn't a better way for computing the width in MultiFunctionDropDownTag */
}

div#mfddtannoDateDisplayDiv, div#mfddtannoLevelDisplayDiv {
	top: 75px;
}

div#mfddtannoTagDisplayDiv, div#mfddtannoFilterDisplayDiv {
	top: 114px;
}

div#mfddtannoLinkFilterDiv,  div#mfddtannoLinkFilterValueDiv {
	height: 150px;
	overflow: auto;
	top: 39px;
	left: 7px !important; /* I hate myself for this, but the left position isn't getting computed correctly in MultiFunctionDropDownTag */
}

div#mfddtannoLinkFilterValueDiv {
	top: 84px;
}

/* This class is used in potentially obsolete JSPs. */
.smallWaitingImage {
	display: none;
	background-image: url('../images/small-loading-image.gif');
	width: 16px;
	height: 16px;
	padding: 0px;
}

.greyBackground {
	background: #f9f9f9;
	overflow: auto;
}

.whiteBackground {
	background: #FFFFFF;
	overflow: auto;
}

.greyDivider {
	background-color: #cccccc;
	color: #cccccc;
	height: 1px;
	border: 0;
	margin-top: 6px;
	margin-bottom: 6px;
}

.styledSelect select, .styledSelectMed select, .styledSelectSmall select {
	width: 280px;
	padding: 5px;
	font-size: 16px;
	color: #666666;
	border: 0px;
	height: 36px;
	background: transparent;
	-webkit-appearance: none;
}

.styledSelect select option:disabled, .styledSelectMed select option:disabled, .styledSelectSmall select option:disabled {
	color: #cccccc;
}

.styledMultiSelect select {
	width: 280px;
	padding: 5px;
	font-size: 14px;
	color: #666666;
	border: 0px;
}

.styledSelectMed select {
   width: 180px;
}

.styledSelectSmall select {
   width: 110px;
}

.styledSelect, .styledSelectMed, .styledSelectSmall {
	height: 36px;
	overflow: hidden;
	display:inline-block;
	border-radius: 5px;
    border: 1px solid #A0A5B4;
    font-weight: bold;
	cursor: pointer;
    background-color: #FCFCFD;
    box-shadow: 1px 1px #EBEBED;
}

.styledSelect:focus, .styledSelectMed:focus, .styledSelectSmall:focus {
    border: 1px solid #009EEC;
}

div.styledMultiSelect {
   background: #ffffff;
   border: 1px solid #e4e4e4;
   position:relative;
   display:inline-block;
}

.styledSelectMed {
   width: 150px;
}

.styledSelectSmall {
   width: 80px;
}

.optionView div.customSelect {
   text-align: left;
}

div.customSelect {
   position: relative;
}
div.customSelect > select {
   width: 250px;
   opacity: 0;
   position: relative;
   left: 0;
   top: 0;
   z-index: 200;
   cursor: pointer;
}
div.customSelect > span {
   position: absolute;
   left: 0;
   top: 0;
   height: 36px;
   line-height: 36px;
   width: 210px;
   padding: 0 5px;
   font-size: 14px;
   color: #666666;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
}
div.styledSelect div.customSelectIcon {
   position: absolute;
   right: 0;
   width: 36px;
   top: 0;
   bottom: 0;
   background: #FCFCFD url(../images/viewbuilder/dropdown-arrow-blue.svg) no-repeat center;
}
.recipientsBox {
	background-color: #FFFFFF;
	border: 1px solid #e4e4e4;
	border-left:none;
	border-right:none;
	position: relative;
	height: 31px;
}
.commentSecurityPeople .recipientsBox{
	border-right: 1px solid #e4e4e4;
}
.recipientsBox input.search-people-search-box-inline {
	padding: 2px;
}
#distributeRecipientsDiv {
	height: auto;
}

.reportMenuLink {
	font-size: 12px;
	border-bottom: #EBEBEB 1px solid;
	padding: 5px;
	background: white;
	color: #60A0D2;
	text-align: left;
}

div.button-row {
	position:relative;
	height:44px;
	margin:2em 0;
}

.buttonRow {
	border-spacing: 0px;
}

.buttonRow td {
	padding: 0;
}

.configTopRightClose {
	cursor: pointer;
	padding-right: 5px;
	padding-top: 7px;
}

/** Private report sharing styles **/
.shareLine {
	border-bottom: 1px solid #ebebeb;
	padding: 5px 0;
}

.permissionDiv {
	display: none;
	z-index: 1;
	position: absolute;
	width: 75px;
	border: 1px solid #EBEBEB;
	margin-left: -10px;
	background: #FFFFFF;
	font-size: 14px;
	text-align: left;
}

.permissionLink {
	padding: 5px 10px;
}

.selectedPermission {
	padding: 5px 10px;
	background-color: #f9f9f9;
}

.currPermission {
	padding: 1px;
}

#menuPrivateShareButton {
	float: right;
	margin-right: 115px;
	position: relative;
	margin-top: -45px;
}

#menuPrivateShareTooltip {
	margin-top: -25px;
	float: right;
	margin-right: 335px;
}

#toolTipDisplay {
	position: absolute;
	z-index: 1;
	display: none;
}

.bigTooltipTextArea {
	color: white;
	min-height: 20px;
	padding: 5px;
	background-color: #2A2A2A;
	width: 250px;
	margin: 0;
}

.bigTooltipImageDiv {
	width: 15px;
	margin: 5px;
	height: 100%;
	float: left;
}

.bigTooltipHeader {
	margin-top: 5px;
	font-size: 15px;
}

.bigTooltipText {
	margin-left: 25px;
	font-size: 11px;
}

.sharingTitle {
	margin-bottom: 0;
	margin-top: 30px;
	font-weight: bold;
}

.mainShareContainer {
	height: 230px;
	width: 475px;
	overflow-x: hidden;
	background-color: white;
}

/** End Private report sharing **/
#UserAccessWidget {
	font-size: 11px;
	border: solid 1px grey;
	margin: 0 0 2em;
}

#UserAccessWidget h1,#UserAccessWidget h2 {
	font-size: 11px;
	line-height: 13px;
	color: #FFFFFF;
	background-color: #009eec;
	padding: 2px;
}

#UserAccessWidget h3 {
	line-height: 32px;
	color: #111;
	font-size: 11px;
	padding: 0 0 0 2px;
	margin: 0;
}

#UserAccessWidget h1 {
	margin: 0;
}

#UserAccessWidget h2 {
	margin: 1px;
}

#UserAccessWidget hr {
	clear: both;
}

.access-list {
	width: 100%;
}

.promptListCheckbox {
	display: inline-block;
    vertical-align: middle;
}

.promptListCheckbox table {
	table-layout: fixed;
}

.promptListCheckbox table td,
.promptListCheckbox table tr {
	padding: 0;
	margin: 0;
}

.promptListCheckbox .refCode {
	width: 20px;
}

.promptListCheckbox .refCode div {
	width: 15px;
    height: 15px;
    background-color: none;
    border: 1px solid #ccc;
}

.promptListCheckbox .label {
	overflow:hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	max-width: 140px;
}

.promptFilterTop {
	border-bottom: thin solid #b9b9b9;
	height: 24px;
	background-color: #f9f9f9;
}

.promptFilterBottom {
	border-top: thin solid #b9b9b9;
	height: 60px;
	background-color: #f9f9f9;
}

.promptFilterIconColor {
	width: 30px;
	height: 30px;
	border: 1px solid #999;
}

.html-errors-div {
	margin: 1em 0;
}

#initReport,#initReport-old {
}

.initReportText-13 {
	color: #666;
	font-size: 14px;
}

.initReportText-15 {
	color: #666;
	font-size: 15px;
}

#initReport,#initReport-old {
	margin: 0 30px;
	color: grey;
}

#initReport h1 {
	font-size: 16px;
	line-height: 19px;
	color: #777;
	margin: 32px 3px 16px;
}

#initReport #builder-selector {
	clear: both;
	margin: 1em 0;
	position: relative;
	z-index: 1004;
}

#builder-selector h1 {
	padding: 9px 0;
}

#create-report-using {
	width: 220px;
	position: absolute;
	top: 0;
	left: 205px;
}

#initReport #builder-selector .tab {
	line-height: 26px;
	vertical-align: center;
	display: block;
	float: left;
	margin: 16px 0;
	width: 200;
	font-size: 16px;
}

span#create-report-using-selected {
	font-weight: normal;
}

.select-box {
	position: relative;
	width: auto;
	background-color: #FFF;
	border: solid 1px #CCC;
	margin: 2px;
	font-size: 14px;
	text-align: left;
	line-height: 17px;
	cursor: pointer;
	z-index: 1000;
}

.select-box-selected {
	margin: 0;
	padding: 7px 32px 7px .5em;
}

.select-box-selected span {
	display: block;
	overflow: hidden;
	white-space: nowrap;
}

.select-box img {
	position: absolute;
	top: 0;
	right: 0;
}

.select-box-popup {
	position: absolute;
	top: 33px;
	left: -1px;
	z-index: 100;
	width: 14em;
	background-color: white;
	color: #009eec;
	border: solid 1px #CCC;
	box-shadow: 4px 4px 10px #B5B5B5;
}

.select-box-popup-scrollable {
	height: 20em;
	overflow: auto;
	overflow-x: hidden;
}

.select-box-popup ul {
	list-style: none;
	margin: 0;
	padding: 0;
	z-index: 1000;
}

.select-box-popup li {
	padding: 10px 10px 10px 20px;
	border-bottom: solid 1px #CCC;
	overflow:hidden;
	white-space: nowrap;
	text-overflow:ellipsis;
}

.select-box-popup li:hover {
	background-color: #f4f4f4;
}

.select-box-popup li:last-child {
	border-bottom: none;
}

.select-box-popup li img {
	position: relative;
	width: 16px;
	height: 16px;
	left: -10px;
}

.grey-out {
	color: #808080;
	cursor: default;
}

.select-box-popup .sub-menu-title {
	color: #808080;
	padding-left: 10px;
}

.select-box-popup .sub-menu-title:hover {
	background-color: white;
}

.searchBar {
	font-size: 16px;
	color: #CCC;
	position: relative;
	height: 30px;
	background-color: #FFF;
	padding: 0 35px 0 5px;
	border: 1px solid #E6E6E6;
}

div.searchBar.standardSearchBar {
	height: 34px;
	border-radius: 6px;
	border: 1px solid #717684;
	background-color: #F8F6F4;
	font-size: 14px;
	font-weight: 400;
	color: #333740;
}

div.searchBar.standardSearchBar.searchBarFocused {
	border-color: #009EEC;
	background-color: #FFFFFF;
}

.searchBarExtraOptions {
	padding-right:60px;
}

div.searchBarWithClear {
	padding-right: 55px;
}

div.searchBarExtraOptions.searchBarWithClear {
	padding-right: 82px;
}

.searchBar input {
	font-size: 14px;
	line-height: 30px;
   color: #333;
	width: 100%;
	height: 30px;
	padding: 0;
	border: 0;
	margin: 0;
	position:relative;
	top:0px;
}

.searchBar input::-ms-clear {
	display: none;
}

.searchBar span.default-overlay {
	position: absolute;
	top: 0;
	left: 4px;
	color: #cccccc;
	font-size: 14px;
	line-height: 30px;
	height: 30px;
	right: 30px;
	cursor: text;
}

div.searchBar.standardSearchBar span.default-overlay {
	background-color: #F8F6F4;
}

.searchBar span.extraOptionsOverlay {
	right:60px;
}

.searchBar div.searchClear {
	display: none;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 31px;
	width: 25px;
}
div.searchBarWithClear div.searchClear {
	display: block;
}
div.searchBarWithClear.searchBarExtraOptions div.searchClear {
	right: 58px;
}

.searchBar div.searchFunctions {
	position: absolute;
	top: 0;
	right: 0;
	height: 30px;
}

.searchBar img.search {
	background-color: #F7F7F7;
	border-left: 1px solid #E6E6E6;
	cursor: pointer;
	width: 20px;
	height: 20px;
	padding: 5px;
	display:inline-block;
	position:absolute;
	right:0;
	top:0;
}

.searchBar div.searchFunctions img.search {
	position:relative;
}

.searchBar .searchImgContainer {
	display: inline-block;
	height: 30px;
    width: 30px;
}

.searchBar img.search:hover {
	border-left: 1px solid #E6E6E6;
	background-color: #f0f0f0;
}

div.searchBar.standardSearchBar img.search {
    background-color: initial;
    content: url(../images/search-icon-grey.svg);
    margin: 2px;
}

div.searchBar.standardSearchBar.searchBarFocused img.search {
    content: url(../images/search-icon-blue.svg);
}

div.searchBar.standardSearchBar img.search:hover {
    border-left: none;
    background-color: initial;
}

.searchBar div.searchType {
	width:20px;
	height:20px;
	padding:5px;
	right:30px;
	z-index:5;
	top:0;
	display:inline-block;
	float:left;
}

.searchBar div.searchType:hover {
	background-color: #F7F7F7;
}


.searchBar div.customSelect {
	width:20px;
}

.searchBar div.currentlySelected {
	height:20px;
}

.searchBar div.search_menu {
   position: absolute;
   top: 0px;
   right: 30px;
   /*width: 32px;*/
   height: 30px;
   line-height: 29px;
   padding: 0px 4px; 
   cursor: pointer;
}

.searchBar div.search_menu:hover {
   background-color: #f0f0f0;
}

.sourceCreationCustomSelect {
	position: relative;
}

.sourceCreationCustomSelect .selectedDropDown {
	display:none;
}

#drag-and-drop-report-builder {
	clear: both;
	width: 100%;
	position: relative;
}

#initReport #search-sidebar {
	position: relative;
	top: 0;
	bottom: 0;
	color: grey;
	width: 200px;
	background-color: #FFFFFF;
	border: solid 1px #CCC;
	float: left;
	z-index: 1001;
}

#search-sidebar #filter-data-source,#search-sidebar #filter-view-category
	{
	margin-bottom: 8px;
}

#search-sidebar h2 {
	margin: 38px 0 4px 3px;
	color: #777;
}

#search-sidebar-title {
	background-color: #009EEC;
	height: 28px;
	padding-left: 20px;
	padding-top: 10px;
	color: #FFFFFF;
}

#search-sidebar-filters-title {
	color: #777777;
	font-size: 21px;
	font-weight: normal;
	margin: 38px 0 4px 3px;
}

#results {
	position: relative;
	width: 715px;
	border: solid 1px #CCC;
	margin: 0 0 0 5px;
	float: left;
	color: grey;
}

#results table {
	width: 100%;
	color: #808080;
	font-size: 14px;
	line-height: 21px;
	table-layout: fixed;
}

#results table th {
	border-bottom: solid 1px #CCC;
	color: white;
	padding: 8px;
	font-size: 16px;
	font-weight: normal;
}

#results table th:nth-child(2),#results table th:nth-child(3),#results table th:nth-child(4)
	{
	text-align: left;
}

#results table td {
	border-bottom: solid 1px #CCC;
	height: 31px;
	overflow: hidden;
	white-space: nowrap;
}

#results table td > img {
	margin: 8px 8px 7px;
	width: 16px;
	height: 16px;
	float: left;
}

#results table tr td:nth-child(4) {
	padding-right: 8px;
	text-align: right;
}

#results table tr td:nth-child(5) {
	padding-left: 8px;
}

#results table tr td:nth-child(6) {
	text-align: center;
}

#results .totalReports {
	margin: 13px 5%;
	height: 5px;
	width: 90%;
	background-color: #aaa;
}

#results .activeReports {
	z-index: 1;
	height: 5px;
	background-color: #009EEC;
}

#results .no-data {
	line-height: 5em;
	width: 100%;
	text-align: center;
}

.table-cell-link {
	color: #009EEC;
	cursor: pointer;
}

.table-truncate {
	overflow: hidden;
	white-space: nowrap;
}

.default-scorllbar-padding {
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0;
	width: 12px;
}

.clear-floats {
	clear: both;
}

.rollover {
	position: relative;
	background-color: #f9f9f9;
	color: #808080;
	padding: .75em;
	font-size: 12px;
	border: 4px solid #333;
	border-radius: 4px;
}

.rollover p {
	margin: 0 0 2em;
	padding: 0;
}

.rollover a {
	position: absolute;
	bottom: .75em;
	right: .75em;
	color: #009EEC;
	text-decoration: none;
}

.rollover a:hover {
	text-decoration: underline;
}

.rollover img {
	
}

.rollover-left {
	position: absolute;
	left: -10px;
}

#full-description-roll-over {
	position: absolute;
	width: 200px;
}

.sortAsc-active {
	background-image: url('../images/rpt_dd_active_up.gif');
}

.sortDesc-active {
	background-image: url('../images/rpt_dd_active_down.gif');
}

.sortAsc {
	background-image: url('../images/rpt_dd_up.png');
}

.sortDesc {
	background-image: url('../images/rpt_dd_menu_on.gif');
}

.sortable:hover {
	cursor: pointer;
}

.sort-icon {
	margin-top: .5em;
	width: 7px;
	height: 4px;
	margin-bottom: 3px;
	border-bottom: 0;
	padding: 0;
}

.sort-icon:hover {
	cursor: pointer;
}

.options-box {
	min-width: 200px;
	position: relative;
	white-space:nowrap;
	top: 32px;
	left: 0;
	font-size: 14px;
	background-color: #FFF;
	position: absolute;
	box-shadow: 0px 0px 0px #B5B5B5;
	z-index: 5000;
}

.options-box-right {
   left: auto;
   right: 0px;
}

.options-box img {
	position: absolute;
	top: -7px;
	left: 8px;
}

.options-box div {
	margin: 0;
	background-color: #009EEC;
	color: #FFF;
	height: 32px;
	position: relative;
	border: 1px solid #009EEC;
}

.options-box div p {
	position: relative;
	line-height: 20px;
	margin: 4px 16px 4px 35px;
	padding: 2px 8px;
	border-left: 1px solid #fff;
}

.options-box div img {
	position: absolute;
	left: 6px;
	top: 6px;
	width: 20px;
	height: 20px;
}

.options-box ul {
	padding: 0px;
	margin: 0px;
	border-top: 1px solid #E6E6E6;
	border-left: 1px solid #E6E6E6;
	border-right: 1px solid #E6E6E6;
	list-style: none;
	box-shadow: 0px 0px 0px #B5B5B5;
	
}

.options-box li {
	position: relative;
	display: block;
	padding: 12px 16px 12px 44px;
	color: #008BD0;
	border-bottom: 1px solid #E6E6E6;
	cursor: pointer;
}

.options-box-highlight {
	background-color: #3DB9F6 !important; 
	color: white !important;
	border-bottom: 1px solid #009EEC !important;
	box-shadow: 2px 2px 10px #009EEC;
}

.options-box-highlight:hover {
	background-color:#009EEC !important;
}

.options-box-red-highlight {
	border-bottom: 1px solid #E90202 !important;
}

.options-box li:hover {
	background-color: #f9f9f9;
}

li.disabled {
	color: grey;
}

li.disabled:hover {
	background-color: #FFF;
	cursor: auto;
}

li.highlight,li.highlight:hover {
	background-color: #f9f9f9;
	z-index:50;
	-webkit-box-shadow: 1px 15px 20px -10px #009EEC;
	box-shadow: 1px 15px 20px -10px #009EEC;
}

.options-box li img {
	position: absolute;
	left: 8px;
	top: 9px;
	width: 20px;
	height: 20px;
}

span.dropdown {
 	font-size: 14px;
   line-height: 16px;
	color: #8E8E8E;
	text-decoration: none;
	cursor: pointer;
}

span.dropdown:hover {
	color: #5E5E5E;
	text-decoration: underline;
}

.leftSideNav {
	position: fixed;
	left: 0px;
	width: 38px;
	height: 100%;
	z-index: 100;
	border-right-color: #CDCDCD;
	border-right-style: solid;
	border-right-width: 1px;
	z-index: 200;
	background: #E9E9E9;
}
.leftSideNavSpace {
	margin-left: 39px; /* this should be the same as the width in .leftSideNav */
}

.sideNavButton {
	height:45px;
	line-height:45px;
	text-align:center;
	font-size:24px;
	text-shadow: 2px 2px #FFF;
	color:#ccc;
	cursor:pointer;
}
.sideNavButton:hover {
	background: #D1D1D1;
	height:44px;
}

.sideNavButtonSeparator {
	border-bottom-color: #DADADA;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-top-color: white;
	border-top-width: 1px;
	border-top-style: solid;
}
.sideNavButtonLink {
   cursor: pointer;
}

.rightSideNav {
	position: fixed;
	right: 0px;
	width: 38px;
	height: 100%;
	z-index: 100;
	border-left-color: #CDCDCD;
	border-left-style: solid;
	border-left-width: 1px;
	z-index: 200;
	background: #E9E9E9;
}

.sideNavButtonHighlight  {
	background: #FDFDFD;
	background-image: none;
	border-bottom-color: #52B2FF;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

.sideNavTag{
	position:fixed;
	width:10px;
	height:100%;
	z-index:100;
	z-index: 200;
	background-color: #E5E5E5;
	z-index: 0;
	display: none;
}

.navOptionClose {
	margin: auto;
	background-image:url('../images/sidenav_close.png'); 
	width:39px; 
	height:45px;  
	background-repeat:no-repeat;
}

.left-side-nav {
	margin:0;
	padding:0;
	position: fixed;
	left: 0px;
	width: 39px;
	height: 100%;
	z-index:150;
}
.left-side-nav-bg {
	background: #FDFDFD;
	height:2000px; 
	width:38px; 
	border-top: 0px;
	border-right:1px solid #E3E3E3;
	background-image: none;
}
.left-side-nav-control {
	position:absolute;
	top:0;
	left:0;
	margin:0;
	padding:0;
	width:38px;
	height:39px;
	border-right:1px solid #E3E3E3;
	border-bottom:1px solid #E3E3E3; 
	cursor:pointer;
	z-index:200;
}

ul.left-side-nav-options {
	position:relative;
	left:0;
	top:0;
	margin:40px 0 0;
	padding:0;
	border-bottom:1px solid #DADADA;
	border-right:1px solid #CCCCCC;
	z-index:2000;
}
ul.left-side-nav-options li.sidenav-icon {
	width:38px;
	height:39px;
	border-top:0px;
	border-right: 1px solid #E3E3E3;
    border-bottom: 1px solid #E3E3E3;
	cursor:pointer;
	display:block;
}
div.left-side-nav-options-spacer {
	border-right:1px solid #CCCCCC;
	border-top:1px solid #DADADA;
	height:2000px;
	width:38px;
}
.sidenav-close-bg {
	background-image:url('../images/sidenav_close.png');
	width:39px;
	height:39px;
	background-position:center;
}
.sidenav-open-bg {
	background-image:url('../images/sidenav_open.png');
	width:39px;
	height:39px;
	background-position:center;
}
.sidenav-expand-bg {
	background-image:url('../images/sidenav_expand.png');
	width:39px;
	height:39px;
	background-position:center;
}
.sidenav-fave-bg {
	background-image:url('../images/sidenav_fave.png');
	width:39px;
	height:39px;
}
.sidenav-draft-bg {
	background-image:url('../images/sidenav_draft.png');
	width:39px;
	height:39px;
}
.sidenav-history-bg {
	background-image:url('../images/sidenav_history.png');
	width:39px;
	height:39px;
}
.sidenav-dateunit-bg {
   background-image:url('../images/sidenav_unitselect.png');
   width:39px;
   height:39px;
}
.sidenav-filters-bg {
	background-image:url('../images/sidenav_filters.png');
	width:39px;
	height:39px;
}
.sidenav-filters-bg-highlighted {
	background-image:url('../images/sidenav_filters_on.png');
	width:39px;
	height:39px;
}
.sidenav-associated-reports-bg {
	background-image:url('../images/sidenav_associatedcontent.png');
	width:39px;
	height:39px;
}
div.left-sidenav-popup {
	padding:0;
	margin:0;
	position:absolute;
	top:0;
	width:248px;
	left:-270px;
	z-index:50;
	overflow:hidden;
}

ul.thumbnail-list {
	list-style:none;
	padding:0;
	margin:0;
	width:100%;
	height:100%;
	overflow: hidden;
}
ul.thumbnail-list li {
	width:200px;
	margin:7px auto 14px;
	display:block;
	position:relative;
	cursor:pointer;
	border:1px solid #CDCDCD;
	border-bottom:2px solid #26A0DA;
	background-color: #FFF;
}
ul.thumbnail-list li:hover {
   box-shadow: none;
}
ul.thumbnail-list li img {
	width:200px;
	height:117px;
	border-bottom:1px solid #CDCDCD;
}
ul.thumbnail-list li p {
	color:#666;
	font-size:14px;
	overflow:hidden;
	position:relative;
	text-overflow:ellipsis;
	white-space: nowrap;
	width:90%;
	display:block;
	margin:0 auto;
	padding:0;
	line-height:28px;
	background-color:#FFF;
}
ul.thumbnail-list li p a {
	width:7px;
	height:4px;
}


/* toggle input tag */
div.toggleInput {
   height: 28px;
   position: relative;
   cursor: pointer;
}
div.toggleInputInner {
   position: absolute;
   left: 4px;
   height: 28px;
   right: 4px;
   overflow: hidden;
   background: url('../images/slide_mid.png') repeat-x;
}
div.toggleInputSlider {
   height: 28px;
   position: absolute;
   left: 0px;
}
div.toggleInputSliderTrans {
   transition: 0.2s;
   -moz-transition: 0.2s;
   -webkit-transition: 0.2s;
   -o-transition: 0.2s;
   -ms-transition: 0.2s;
}
div.toggleInputLabel {
   white-space: nowrap;
   height: 28px;
   line-height: 28px;
   font-size: 14px;
   color: #808080;
   text-align: left;
   position: absolute;
}
div.toggleInput img.toggleInputImg {
   position: absolute;
}
div.toggleInput img.toggleInputLeftImg {
   position: absolute;
   left: 0px;
   top: 0px;
}
div.toggleInput img.toggleInputRightImg {
   position: absolute;
   right: 0px;
   top: 0px;
}

/* new toggle view */
div.rounded-toggle-track {
	top: 4px;
	width: 40px;
	position: absolute;
	height: 14px;
	border-radius: 37px; 
	-moz-border-radius: 37px; 
	-webkit-border-radius: 37px; 		
}

div.rounded-toggle {
	top: 0;
	z-index: 100;
	position: absolute;
	height: 20px;
	width: 20px;
	border-radius: 35px;
	-moz-border-radius: 35px;
	-webkit-border-radius: 35px;
}

div.toggle-container {
	width:100%;
}

div.toggle-track-on {
	background-color: #b2e1f9;
}

div.toggle-track-off {
	background-color: #c1c1c1;
}

div.toggle-track-disabled {
	background-color: #CCCCCC;
}

div.toggle-on {
	background-color: #118be7;
	border: 1px solid #118be7;
}

div.toggle-off {
	background-color: #ffffff;
	border: 1px solid #c1c1c1;
}

div.toggle-disabled {
	background-color: #999999;
	border: 1px solid #999999;
}


/* radio input tag */
div.radioInput {
   position: relative;
   width: 100px;
   height: 28px;
}
div.radioInput img.radioInputImg {
   position: absolute;
   width: 18px;
   height: 18px;
   left: 5px;
   top: 5px;
}
div.radioInput div.radioInputLabel {
   position: absolute;
   left: 28px;
   right: 0px;
   height: 28px;
   line-height: 28px;
   font-size: 14px;
   color: #808080;
}

.sidenav-title-bar {
	color: #666666;
	background-color: #E4E4E4;
	height:39px;
	position:relative;
	font-size: 20px;
	padding:0px;
}
.sidenav-close-button {
	float:right;
	cursor:pointer;
	padding: 7px 7px 0 7px;
}
.sidenav-panel-heading {
	float: left;
	padding-left: 7px;
	padding-top: 10px;
	font-size : 18px;
	color: #666666;
}
.sidenav-panel {
	border: 1px solid #cccccc;	
	background-color:#F9F9F9;
	overflow:hidden;
	box-shadow: none;
}

.sidenav-content-area {
	position:absolute;
	top:38px;  /* leave space for header */
	left:0;
	bottom:0;
	right:0;
}

.scrollable-window {
	height:100%;
	overflow:hidden;
}
div#searchBarOuter {
	position:absolute;
	top:9px;
	right: 0;
}

ul.thumbnail-menu {
	position:absolute;
	top:0;
	right:0;
	border:none;
	padding:0;
	display:block;
}
ul.thumbnail-menu li {
	display:block;
	margin:0;
	padding:0;
	border:none;	
}
ul.thumbnail-menu li:hover {
	box-shadow:none;
	position:relative;	
}
ul.thumbnail-menu li img {
	width:25px;
	height:28px;
	padding:1px;
	border:none;
	position:absolute;
	top:0;
	right:0;
}

/* For validation of input */
label.error{
		background: #F2BDB9;
		color: #A9422E;
		display: block;
		padding: 5px 10px;
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
		width: 208px;
		font-size: 12px;
		margin: -4px 4px 0 0;
}

.i4GreyInput, input.refCodeEditor {
	width: 216px;
	border: 1px solid #DDD;
	border-top: 1px solid #CCC;
	background: white;
	color: #666666;
	padding: 5px;
	margin-top: 2px;
	margin-bottom: 2px;
	FONT-SIZE: 14px;
}

select.i4GreyInput {
	width: 228px;
}
/* end For validation */



.loadingDivBackground {
	position:absolute; 
	z-index:2001; 
	width:100%; 
	height:100%; 
	background-color:rgb(200,200,200);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);	
	background-color:rgba(200,200,200, .5);
	top:0;
	z-index:1999;
}
.loadingDivBox {
	position:fixed;
	z-index:2000;
	width:100%;
	margin-top: 100px;
}
.loadingDivBoxContent {
	width:120px; 
	margin-left: 45%;	
}
.loadingDivBoxContentSmall {
	width:120px; 
	margin-left: 37%;	
}
.loadingDivText {
	color: #999; 
	margin-top: 30px; 
	text-align:center;
	font-size: 22px
}
.warning-text {
	color:red;
}

.refcode-warning {
	color:red;
	font-size:.8em;
}

div.hdrtab {
   float: left;
   background: url(../images/tab_middle_off.gif) repeat-x;
}

div.hdrtabselected {
   background: url(../images/tab_middle.gif) repeat-x;
}

span.hdrtabtitle {
   font-weight: bold;
   font-size: 11px;
   color: #1A3F57;
   line-height: 11px;
}

div.hdrtabselected span.hdrtabtitle {
   color: #FFFFFF;
}

div.page-content {
	padding:19px 0 5em 30px;
	font-size:14px;
	color:#5E5E5E;
	position:relative;
}
div.page-content h1 {
	font-size:16px;
}
div.page-content h2 {
	margin:2em 0 1em;
	font-size:14px;
	border-bottom:1px solid #ccc;
	padding-bottom:.8em;
}
table.layout-table {
	border-spacing:0;
}
table.layout-table td, table.layout-table th {
	padding:0;
	border:none;
}

table.title-row-table {
	border-top:1px solid #bbb;
	border-spacing: 5px;
	padding:2px;
}
table.code-usage {
	border-spacing:5px 2px;
	text-align: left;
}
table.code-usage td {
	border-bottom: solid 1px #ccc;
	padding: 2px; 	
}
table.code-usage th {
	border-bottom: solid 1px #ccc;
	padding: 2px; 	
}

div.total-bar {
	background-color:#AAAAAA;
	height:8px;
	width:90%;
	margin:5px 5%;
}
div.active-bar {
	background-color:#009EEC;
	height:8px;
	z-index:1;
}
div.colour-swatch {
	cursor:pointer;
	position:absolute;
	left:0;
	width:1.5em;
	height:1.5em;
	border-radius:.25em;
	border:solid 1px #CCCCCC;
	margin:-5px auto 0;
}
div.refCodeColour.none {
	width:1.5em;
	height:1.5em;
	background-image: url('../images/colour_swatch_none.png');
	background-size:1.5em 1.5em;
}
div.refCodeImage {
	min-height: 0.1em;
    display: table-cell;
    vertical-align: middle;
    height: 40px;
    margin-left: auto;
    margin-right: auto;
}
img.refCodeImage {
	cursor:pointer;
	display: block;
    margin-left: auto;
    margin-right: auto;
}

.square-input {
	border-radius:0;
	border-top: solid 2px #999;
	border-left: solid 2px #999;
	border-bottom: solid 1px #CCC;
	border-right: solid 1px #CCC;
	padding:2px 10px;
	margin:5px 13px 0 0;
}

.chartDisplayDropdownImg {
	float:left; 
	padding-left:5px;
}

.chartDisplayDropdownText {
	padding-left:10px; 
	padding-top:2px; 
	float:left;
}

.chartDisplayDropdownItem {
	width:148px;
	height:25px;
	cursor:pointer;
	border:1px #CCCCCC solid;
	padding-top:5px;
	background-color: #FFFFFF;
}

.brushingControlPanel {
	background-color: #FFFFFF;
	border: 1px #3DB2E2 solid;
	z-index: 5000;
}

.brushingControlSection1 {
	color: #666666;
	font-size: 12px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.brushingControlSection2 {
	color: #666666;
	font-size: 12px;
	border-top: 1px #D7D7D7 solid;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}

/* ---- Active tooltip styles ---- */

div.yfToolTipContainer {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000000;
    visibility: hidden;
	/* Default tooltip width 250px, for now all tooltips must be this width. */
	width: 250px; 
}
div.yfToolTipContainer.initialWidth {
	width: initial;
}

div.yfToolTip {
	background: #ffffff;
	display: block;
	padding: 0;
	margin: 0;
	position: relative;
	white-space: nowrap;
	/* Overall font properties for the tooltip */
	font-family: Roboto, Arial, Tahoma, Helvetica, Geneva, sans-serif;
	font-weight: lighter;
	font-size: 14px;

	/* The tooltip does not have a border since each sub-section of the tooltip, or tooltip elements will define their
	 * own border. (The analyse function for example has to have a blue border). Bottom borders are removed upon rendering
	 * to avoid double borders between sections. */
}

div.yfToolTip.roundedBorders {
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
}

/* The tooltip element represents one line or row of the tooltip which can contain the title, tooltip fields, or menu items */
div.yfToolTip div/* Any section div */ div.toolTipElement {
	position: relative;
	height: 35px;
	line-height: 35px; /* This helps center inline elements inside the div. Children MUST have line-height normal and vertical align middle */
    font-size: 14px;
	margin-left: 15px; 
	margin-right: 15px;
}

div.yfToolTip div/* Any section div */ div.toolTipElement > div {
	/* All elements inside a tooltip element must implement an ellipsis when the text overflows */
	overflow: hidden;
	text-overflow: ellipsis;
	/* This will vertical align all elements inside toolTipElement */
	line-height: normal;
	vertical-align: middle;
}

/* Small icon or div that does not take up space in the div. Used for the small icons or colours that represent tooltip field locations */
div.yfToolTip div/* Any section div */ div.toolTipElement div.toolTipSmallIcon {
	width: 3px;
	position: absolute;
	left: -15px; /* Must be -(margin) of the element where its positioned.*/
	top: 5px;
	bottom: 5px;
	overflow: visible;
}

/* -- Title section -- */
div.yfToolTip div.toolTipTitle {
	background: #ffffff;
	cursor: move;
	border: 1px solid #e4e4e4;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
}

div.yfToolTip div.toolTipTitle div.toolTipElement {
	font-size: 18px;
	color: #333333;
	/* The title element has a bottom separator, which should be removed if no data is below it */
	border-bottom: 1px solid #009EEC;
}

div.yfToolTip div.toolTipTitle div.toolTipElement > div {
	display: inline-block;
}

div.yfToolTip div.toolTipTitle div.toolTipElement div.titleLabel {
	width: calc(100% - 10px); /* (toolTipElement width - close button width) */
}
div.initialWidth div.yfToolTip div.toolTipTitle div.toolTipElement div.titleLabel {
	width: initial;
}
div.yfToolTip div.toolTipTitle div.toolTipElement div.closeButton {
	cursor: pointer;
	height: 35px;
	width: 10px; /* This is set to tooltip_close_b.svg's width, if you wish to change the image to one with a different width this should be updated */
	background: url(../images/tooltip_close_b.svg) no-repeat center;
}
div.yfToolTip div.toolTipTitle div.toolTipElement div.closeButton:hover {
	background: url(../images/tooltip_close_a.svg) no-repeat center;
}
div.yfToolTip div.toolTipTitle div.toolTipElement div.closeButton.invisible {
	visibility: hidden;
}

/* -- Tooltip items section -- */
div.yfToolTip div.toolTipItems {
	background: #ffffff;
	border: 1px solid #e4e4e4;
}

div.yfToolTip div.toolTipItems div.toolTipElement > div {
	display: inline-block;
}

/* Tooltip item values */
div.yfToolTip div.toolTipItems div.toolTipElement div.label {
	color: #666666;
	margin-right: 10px;
}
div.initialWidth div.yfToolTip div.toolTipItems div.toolTipElement div.label {
	width: initial;
}

div.yfToolTip div.toolTipElement div.value {
	font-weight: bold;
	text-align: right;
	color: #333333;
}
div.initialWidth div.yfToolTip div.toolTipElement div.value {
	width: initial;
}

/* Additional (tooltip) fields' items */
div.yfToolTip div.toolTipItems.additional {
	background: #f9f9f9;
}
div.yfToolTip div.toolTipItems.additional div.toolTipElement div.value {
	font-weight: normal;
	color: #666666;
}

/* When you need a tooltip item to be value only or label only */
div.yfToolTip div.toolTipItems div.toolTipElement div/* label or value*/.only { 
	width: 100%;
	text-align: left;
}
div.yfToolTip div.toolTipItems div.toolTipElement div.label.only {
	font-weight: bold;
}
div.initialWidth div.yfToolTip div.toolTipItems div.toolTipElement div/* label or value*/.only {
	width: initial;
}

/* -- Tooltip menu items section (Filter, Analyse, Drilling, etc...) -- */
div.yfToolTip div.menuItems {
	background: #ffffff;
}

div.yfToolTip div.menuItems div.menuItem {
	border: 1px solid #e4e4e4;
	border-bottom: none;
	cursor: pointer;
	margin-left: 0px; /* Menu items need to have their border pushed to the container border. */
	margin-right: 0px;
	padding-left: 15px;
	padding-right: 15px;
}
div.yfToolTip div.menuItems div.menuItem.last-menu-item {
	border-bottom: 1px solid #e4e4e4;
}
/* Menu items with a blue style */
div.yfToolTip div.menuItems div.menuItem.blue {
	border: 1px solid #009EEC;
	border-bottom: none;
	background-color: #009EEC;
}

div.yfToolTip div.menuItems div.menuItem:hover {
	background-color: #F9F9F9;
}
div.yfToolTip div.menuItems div.menuItem.blue:hover {
	background-color: #008ED4;
}

div.yfToolTip div.menuItems div.menuItem.disabled {
	cursor: default;
}
div.yfToolTip div.menuItems div.menuItem.disabled:hover {
	background-color: initial;
}
/* Sub items don't have a border top cause they will be similar to the additional tooltip data. They are additionally
 * padded an extra 15px. A border top will be added to the first item rendered. (This is used in Multi-drill-through for example */
div.yfToolTip div.menuItems div.menuItem.subItem {
	border-top: none;
	padding-left: 30px;
}
div.yfToolTip div.menuItems div.menuItem.firstSubItem {
	padding-left: 30px;
}

div.yfToolTip div.menuItems div.menuItem > div {
	display: inline-block;
	line-height: normal;
	vertical-align: middle;
}

div.yfToolTip div.menuItems div.menuItem div[data-text] {
	/*div[data-text] can be a grandchild of menuItem, so repeat the vertical align properties here */
	display: inline-block;
	vertical-align: middle;
	overflow: hidden;
	text-overflow: ellipsis;
}

div.yfToolTip div.menuItems div.menuItem.expandable { /* If the element has a sub-menu, then use a default cursor always */
	cursor: default;
}

div.yfToolTip div.menuItems div.menuItem div.label {
	color: #666666;
	width: 100%;
}
div.initialWidth div.yfToolTip div.menuItems div.menuItem div.label {
	width: initial
}
div.yfToolTip div.menuItems div.menuItem div.label:hover {
	color: #000000;
}
div.yfToolTip div.menuItems div.menuItem.blue div.label {
	color: #FFFFFF;
}
div.yfToolTip div.menuItems div.menuItem.disabled div.label {
	color: #A0A0A0;
}

/* Highlighted light-blue text, for example the drill field name, or the 'Reset' link for brushing */
div.yfToolTip div.menuItems div.menuItem span.highlighted, 
div.yfToolTip div.menuItems div.menuItem div.highlighted, 
div.yfToolTip div.menuItems div.menuItem span.highlighted:hover, 
div.yfToolTip div.menuItems div.menuItem div.highlighted:hover {
	color: #009EEC;
}

/* Menu expand arrow. */
div.yfToolTip div.menuItems div.menuItem div.rightArrow {
	position: absolute;
	right: 15px; /* Margin */
	width: 0;
	height: 0;
	top: 13px;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	border-left: 4px solid #009EEC;
}
div.yfToolTip div.menuItems div.menuItem.blue div.rightArrow {
	border-left: 4px solid #ffffff;
}

/* Menu item's icons */
div.yfToolTip div.menuItems div.menuItem div.icon {
	width: 20px;
	height: 35px;
	overflow: hidden;
	display: inline-block;
	vertical-align: middle;
}

div.yfToolTip div.menuItems div.menuItem div.icon > img {
	display: inline-block;
}

/* Container for the submenus of expandable tooltip action items */
div.yfToolTipSubMenuContainer {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1000010;
	visibility: hidden;
}

div.yfToolTipSubMenuContainer > div {
	width: 200px;
}

/* ---- End Active Tooltip styles ---- */

/* ---- Active text bubble styles ---- */
/* Styles for the text bubbles used in Active Charts and for annotations. These styles and their corresponding view
 * (ActiveTextBubbleView) were designed to be overridable to customise it to different text bubble needs. Please do not
 * edit these styles directly. */

div.yfActiveTextBubbleContainer {
	top: 0;
	left: 0;
	display: inline-block;
	position: absolute;
	z-index: 100000;
}
/* Main content div. */
div.yfActiveTextBubble div.content {
	display: table-cell;
	width: 170px;
	padding: 5px 5px 5px 5px;
	overflow-wrap: break-word;
	background-color: white;
	border-radius: 6px;
	color: #717684;
	font-family: Roboto, Arial, sans-serif;;
	font-size: 12px;
    box-shadow: 0 2px 15px #F2F2F2;
}
/* This is the speech bubble tail. It will by default point to the right. It's top property will be set dynamically. */
div.yfActiveTextBubble div.pointer-container {
	display: table-cell;
	position: relative;
	width: 9px;
}
div.yfActiveTextBubble div.pointer-container div.pointer {
	display: inline-block;
	position: absolute;
	border-style: solid;
	border-width: 8px 0 8px 9px; /* The pointer width default size is 10px but can be overridden dynamically by the ActiveTextBubbleView. */
	border-color: transparent transparent transparent white;
	top: 6px; /* Adding the border radius to the default position of the tail. */
	right: 2px; /* Push the pointer inwards to hide the border */
}
div.yfActiveTextBubble div.pointer-container div.pointer.left { /* For pointing it to the left instead */
	border-width: 8px 9px 8px 0; /* The pointer width default size is 10px but can be overridden dynamically by the ActiveTextBubbleView. */
	border-color: transparent white transparent transparent;
	left: 2px; /* Push the pointer inwards to hide the border */
}
/* Second triangle that will function as a border to the pointer. */
div.yfActiveTextBubble div.pointer-container div.pointer.border {
	border-color: transparent transparent transparent #D1D6E6;
	right: 0;
}
div.yfActiveTextBubble div.pointer-container div.pointer.border.left {
	border-color: transparent #D1D6E6 transparent transparent;
	left: 0;
}

/* ---- Active annotation styles ---- */
/* Styles for the annotation flags and tooltips. The annotation tooltips will override the classes for the active text
 * bubbles. */

/* Some of the following styles make a reference to the line height (any attribute defined in em) defined in the body class.
 * It is important that if the line height changes, the attributes here change as well. Optimally this should be adjusted
 * dynamically in Javascript but we shouldn't rely on that unless strictly necessary, and in this case the line height
 * is very unlikely to change. */

div.yfActiveAnnotationContainer {
	top: 0;
	left: 0;
	display: inline-block;
	position: absolute;
}

div.yfActiveAnnotation {
	text-align: center;
	vertical-align: center;
	display: table-cell;
	color: #FFFFFF;
	font-family: Roboto, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

div.yfActiveAnnotation div.annotation-number {
	margin-top: 3px;
}

/* Text bubble overrides */
div.yfActiveTextBubble.standard-annotation div.content {
	width: 254px;
	max-width: 254px;
	height: 30px;
	max-height: 176px;
	padding: 10px 10px 10px 10px;
	border: 1px solid #D1D6E6;
}
div.yfActiveTextBubble.signal-annotation div.content {
	width: 185px;
	max-width: 185px;
	height: 50px;
    padding: 12px 16px 12px 16px;
	border: 0;
	background-color: #333740;
	color: #FFFFFF;
	font-family: Roboto, Arial, sans-serif;
	font-size: 14px;
}
/* Override the pointer colour to match the content's background colour. */
div.yfActiveTextBubble.signal-annotation div.pointer-container div.pointer {
	border-color: transparent transparent transparent #333740;
}
div.yfActiveTextBubble.signal-annotation div.pointer-container div.pointer.left {
	border-color: transparent #333740 transparent transparent;
}
div.yfActiveTextBubble.signal-annotation div.pointer-container div.pointer.border {
	border-color: transparent transparent transparent #333740;
}
div.yfActiveTextBubble.signal-annotation div.pointer-container div.pointer.border.left {
	border-color: transparent #333740 transparent transparent;
}

/* Signal annotation content styling */
div.yfActiveTextBubble.signal-annotation div.narrative div.ntv-text {
	font-weight: bold;
}
div.yfActiveTextBubble.signal-annotation div.narrative div.ntv-date {
    margin-top: 5px;
    font-size: 12px;
    text-align: center;
}
div.yfActiveTextBubble.signal-annotation div.narrative div.ntv-value {
    display: inline-block;
	margin-top: 5px;
    font-size: 24px;
	color: #009EEC;
}
div.yfActiveTextBubble.signal-annotation div.narrative div.ntv-value.orange {
    display: inline-block;
	color: #FF8F00;
}
div.yfActiveTextBubble.signal-annotation div.narrative div.ntv-value div {
	display: inline-block;
}
div.yfActiveTextBubble.signal-annotation div.narrative div.ntv-button {
	border: 1px solid #ffffff;
	border-radius: 5px;
	padding: 0px 8px 0px 8px;
	color: #ffffff;
	cursor:pointer;
	text-align: center;
	font-weight:bold;
	height: 25px;
	line-height: 25px;
	margin-left: 10px;
	font-size: 14px;
	vertical-align: middle;
}
div.yfActiveTextBubble.signal-annotation div.narrative div.ntv-button:hover{
	background:#ffffff;
	color: #333740;
}

/* Styles for standard annotation content divs. */
div.yfActiveTextBubble.standard-annotation div.content div.title {
	font-weight: bold;
	min-height: 1.25em;
	max-height: 2.5em;
	overflow: hidden;
}
div.yfActiveTextBubble.standard-annotation div.content div.text {
	margin-top: 1.25em;
	margin-bottom: 1.25em;
	max-width: 100%;
	/* To avoid the following calculations, a newer technique like flex boxes could be used (currently we can't support it) */
	/* height: div.content:height - div.title:height - div.dates:height - div.author:height - this:outerHeight (StandardAnnotationTooltipTemplate.js) */
	/* max-height: div.content:height - div.title:height - div.dates:height - div.author:height - this:outerHeight (StandardAnnotationTooltipTemplate.js) */
	overflow-x: hidden;
	overflow-y: auto;
}
div.yfActiveTextBubble.standard-annotation div.content div.author a {
	color: #009EEC;
	text-decoration: none;
}
div.yfActiveTextBubble.standard-annotation div.content div.author div.name {
	font-weight: bold;
	display: table-cell;
	/* width: div.content:width - div.annotation-links:width (StandardAnnotationTooltipTemplate.js) */
	overflow: hidden;
	text-overflow: ellipsis;
}
div.yfActiveTextBubble.standard-annotation div.content div.author div.annotation-links {
	display: table-cell;
}

/* Customise the scrollbar for the annotation content. This is known NOT TO WORK in Firefox and IE/Edge, which will display
 * the native OS scrollbars.*/
div.yfActiveTextBubble.standard-annotation div.content div.text::-webkit-scrollbar {
	width: 8px;
}
div.yfActiveTextBubble.standard-annotation div.content div.text::-webkit-scrollbar-track {
	border-radius: 4px;
	background: #f2f2f2;
}
div.yfActiveTextBubble.standard-annotation div.content div.text::-webkit-scrollbar-thumb {
	border-radius: 4px;
	background: #717684;
}

/* Next and previous links for multi-annotations */
div.yfActiveTextBubble div.next-previous-links a {
	color: #009EEC;
	text-decoration: none;
	margin-top: 5px;
}
div.yfActiveTextBubble div.next-previous-links a[data-linktype=previous] {
	float: left;
}
div.yfActiveTextBubble div.next-previous-links a[data-linktype=next] {
	float: right;
}


/* ---- End active annotation styles ---- */

.refcode-rows {
	padding:5px 5px 5px 0;
	valign:center;
	line-height:32px;
}

.no-margin {
	margin:0;
}

.disabledMenu {
	color: #666 !important;
	background-color: white !important;
	cursor: default !important;
}

.greyTableHeading {
	background-color: #e0e0e0; 
	padding: 5px; 
	font-size: 18px; 
	border-top: 1px #cecece solid;
	border-bottom: 1px #cecece solid;
	font-weight:bold;	
}

.blueTableHeading {
	background-color: #009EEC; 
	padding: 5px; 
	font-size: 18px; 
	border-top: 1px #cecece solid;
	border-bottom: 1px #cecece solid;
}

.greyTableCell {
	border-bottom: 1px #cecece solid;
	font-size: 14px; 
	padding: 10px;	
}
.greyTableCellHighlight {
	background-color: #5f9ee1;
	color: white;
}
.lightGreyTableHeading {
	background-color: #f9f9f9;
	padding: 5px;
	padding-left:15px;
	border-top: 1px #cecece solid;
	border-bottom: 1px #cecece solid;
	overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.lightGreyTableCell {
	color: #6c6c6c;
	background-color: #f9f9f9;
	padding:5px;
	padding-left:15px;
}
.whiteTableHeading {
	background-color: #f9f9f9;
	padding: 8px;
	padding-left:15px;
	border-bottom: 1px #cecece solid;
}
.whiteTableCell {
	background-color: #ffffff;
	padding: 5px;
	border-bottom: 1px #cecece solid;
}

.greyTableCellBackground {
	background-color: #f9f9f9;
	padding: 5px;
	border-bottom: 1px #dedede solid;
}

.blueTableCellBackground {
	background-color: #009EEC;
	padding: 5px;
	border-bottom: 1px #dedede solid;
	color:white !important;
}

.draftReportImage {
	width: 150px; height: 150px; background-image: url('../images/report_draft.png'); cursor: pointer;
}
.draftReportMessageBox {
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -75px 0 0 -150px;
}
.draftReportTextMessageBox {
	position: absolute;
	left: 155px;
	top: 30px;	
}
.draftReportText {
	font-size: 18px; width: 150px; color: #d0d0d0; padding-top: 10px;
}

.advAnalyticalFuncHeaderText {
	font-size: 14px;
	color: black;
}
.advAnalyticalFuncBodyText {
	font-size: 12px;
	color: #777;
}
.advAnalyticalFuncListBox {
	border: 1px solid #ccc;
	font-size: 14px;
}
.advAnalyticalFuncDesc {
	border: 1px solid #ccc;
	background-color: rgb(241, 241, 241);
	padding: 5px;
	font-size: 14px;
}
.advAnalyticalFuncSeries {
	position: relative;
	font-size: 12px;
}
.advAnalyticalFuncIcon {
	position: relative;
	border-radius: 4px;
	border: 1px solid #009EEC;
	background-color: #009EEC;
	color: white;
	padding: 1px;
}
.advAnalyticalFuncAdd {
	position: relative;
	cursor: pointer;
	color: #009EEC;
}
.advAnalyticalFuncAddDropDown {
	position: absolute; 
	top: 18px; left: 25px;
	border: 1px solid gray;
	background-color: white;
	box-shadow: 4px 4px 10px #B5B5B5;
	width: 220px;
	z-index: 1;
}
.advAnalyticalFuncAddDropDown .item {
	border-bottom: 1px solid #eee;
	padding: 10px;
	color: #999;
	cursor: pointer;
}
.draftReportTopText {
	font-size: 16px; width: 150px; color: #d0d0d0;
}
.analyticThumbSelect {
	height:60px; width:220px; margin:0; border-bottom:1px #cecece solid;
	position:relative; z-index:49;
	/*padding:3px 1px;*/
}

.analyticThumbSelect .imgDiv {
	float:left; width:91px;
	padding:2px; height:56px;
}

.analyticThumbSelect .titleDiv{
	float:left; 
	width:116px;
	font-size:14px; 
	color:#666666;
	margin-left:5px;
	padding-top:3px;
	line-height: 16px;
	height:56px;
	overflow:hidden;
}

.analyticThumbSelect .selectedReport { 
	border:2px #009EEC solid;
	height:56px; width:216px; /* To account for border pixels */
	margin:0;
	position:absolute; top:0; left:0;
	z-index:50;
}

.analyticThumbSelect .linkingIncomplete {
	border:2px red solid;
	height:56px; width:216px; /* To account for border pixels */
	margin:0;
	position:absolute; top:0; left:0;
	z-index:50;
}

.dashboardReportPadding {
	height:10px;
}

.selectWidget {
	position:relative;
	width:30px;
	height:5px;
	border:1px solid #969696;
	border-radius:10px;
	float:left;
}

.widgetToggleImage {
	position:absolute;
	top:-6px;
}


.selectCircleInner {
	background-color:#0097e1;
	border-radius:15px;
	width:18px;
	height:18px;
	position:relative;
	top:1px;left:1px;
}

.securityMessage {
	margin-left:10px;
	float:left;
}
.subtabGrey {
	FONT-SIZE: 16px;
	COLOR: #666666;
	float: left; 
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 20px;
}
.subtabBlue {
	FONT-SIZE: 16px;
	COLOR: #009EEC;
	float: left;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 20px;
}
.error-box {
	color:red !important;
	border: solid 1px red !important;
	background-color:#FED5E3 !important;
}
.warning-box {
	border: solid 1px #ffff00 !important; 
	background-color:#ffffe7 !important;
}
.message-box {
	width:auto;
	margin:1em 1em 2em;
	padding:.5em;
	color:#5e5e5e;
	border: solid 1px #ccc;
	background-color: #f9f9f9; 
}

.standard-table table {
	font-size: 13px;
	text-align:left;
	width:100%;
	border:solid 1px #CCC;
	border-collapse:collapse;
}
.standard-table th, .standard-table td {
	padding:8px;
}
.standard-table-header {
	color:white !important;
}
.standard-table-body {
	border-top:none !important; /* override the default */
}
.standard-table-body tr td {
	border-bottom:solid 1px #CCC;
}
.linkedDataSetFieldAdd {
	font-size: 30px;
	font-weight: bold;
	color: #009EEC;
	cursor: pointer;
}

.clickable {
	cursor:pointer;
}

#contentChangeWarningHeading {
	font-size:24px; 
	color:#666666;
	word-wrap: break-word;
}

.contentChangeWarningSub {
	font-size:16px;
	color:#999999;
	overflow: auto;
}

.contentChangeWarningImage {
	width:50px; margin:1px; float:left;
}

.contentChangeWarningImage img {
	width:50px; height:50px;
}
.contentChangeWarningImageText {
	float:left; 
	width:200px; 
	margin-left:10px; 
	height:70px; 
	overflow:hidden; 
	text-overflow:ellipsis;
}

.contentChangeWarningImageText span {
	color: #009EEC !important;
}

.contentChangeWarningButtonLine {
	position:absolute;
	bottom: 25px;
	right: 25px;
}

.contentChangeBottomWarning {
	width:275px;
	margin-top:20px;
}

.contentChangeWarningSub span {
	color:#666666;	
}
div.contentChangeUsage ul {
	margin-top: 5px;
	color: #666666;
}

.contentMultipleContentHeading {
	font-size:18px;
	color:#666666;
	width: 92%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
	padding-top: 5px;
	padding-bottom: 5px;
}

.multiHeadingProblem:after {
	content:'';
	width:7px;
	height:7px;
	background-image:url('../images/mandate_flag.gif');
	position:absolute;
	right:25px;
	top:12px;
	border-radius:7px;
}

.contentMultipleSeparator {
	border-bottom: 1px solid #CCCCCC;
	position: relative;
}

.contentChangeImageDetails {
	cursor: pointer;
	position: absolute;
	right : 10px;
	top : 11px;
	display: none;
}

.paramsliderV {
   position:absolute;
   top:-3px;
   height: 8px; width: 2px;
   background: url(../images/slider_bar_sm.gif) repeat;
}

.paramsliderVLeft {
	left:0;
}

.paramsliderVRight {
	right:0;
}
.errorPopupHeading {
	font-size: 24px; color: #009eec;
	padding-bottom: 20px;
}
.errorPopupBox {
	padding:30px;	
}
.errorPopupText {
	font-size: 18px; color: #999999;	
	height:225px; overflow:hidden; position:relative;
}
.errorPopupImage {
	width: 61px; height: 63px; background: url(../images/error/error_small.png);
	float: left; margin-right: 20px; display:inline;
}
.errorPopupInstruction {
	font-size: 18px; color: #999999;
	position: absolute; bottom: 70px;
}
.errorPopupButton {
	position: absolute; bottom: 25px; right: 25px;
}
.errorPopupAlternativeImage {
	width: 61px; height: 63px; background: url(../images/error/error_drop.png);
	float: left; margin-right: 20px; display: none;
}
.errorPopupAlternativeImage {
	width: 61px; height: 63px; background: url(../images/error/error_drop.png);
	float: left; margin-right: 20px; display: none;
}
.errorPopupAlternativeImage {
	width: 61px; height: 63px; background: url(../images/error/error_drop.png);
	float: left; margin-right: 20px; display: none;
}

.radioImage {
	float:left;
	height:1px;
}
.radioImageRight {
	float:right;
	height:1px;
}

.radioText {
	margin-left:5px;
	margin-top:1px;
	float:left;
	color:#999999;
}
.radioTextRight {
	margin-right:5px;
	float:right;
}

.radioTextSelected {
	color:#666666;
}
.secureCategoryAccessBox {
	display:none;
	width:300px;
	height:251px;
	position:absolute;
	background-color: #262626;
	color:white;
	position:Fixed;
}
.secureCategoryAccessWhiteLock {
	float:left;
	width:16px;
	height: 16px;
	overflow:hidden;	
	background-image:url(../images/whitelock.png);
	margin-top: -2px;
}
.secureCategoryAccessHeading {
	color:white; padding-left:20px; font-size:18px;
}
.secureCategoryAccessDescription {
	color:white; margin-top: 10px; height: 30px; white-space: normal;
}
.secureCategoryAccessInnerBox {
	background-color:white;
	width:272px;
	height:155px;
	color:black;
	padding:7px;
	margin: 7px;
	margin-top: 0px;
}
.secureCategoryAccessPeopleBox {
	margin-top:3px;
	border-top:1px solid #CCCCCC;
	width:260px;
	height:110px;	
}
.secureCategoryAccessImageBox {
	width:50px; float:left; position:relative; margin:1px;	
}
.secureCategoryAccessMoreText {
	float:right;
}
.secureCategoryAccessClose {
	color: white;
	position: absolute;
	right: 8px;
	font-size: 16px;
	top: 2px;	
	cursor:pointer;
}
.draftCategoryPopupBox {
	display:none;
	width:300px;
	height:96px;
	position:absolute;
	background-color: #262626;
	color:white;
	position:Fixed;
}
.draftCategoryPopupClose {
	color: white;
	position: absolute;
	right: 8px;
	font-size: 16px;
	top: 2px;	
	cursor:pointer;
}
.draftCategoryPopupImg {
	float:left;
	width:16px;
	height: 16px;
	overflow:hidden;	
	background-image:url(../images/draftWhite.png);
	margin-top: -1px;
}
.draftCategoryPopupHeading {
	color:white;
	padding-left:20px;
	font-size:18px;
}
.draftCategoryPopupDescription {
	color:white;
	margin-top: 10px;
	height: 30px;
	white-space: normal;
}
.greyOutImage {
	filter: alpha(opacity=40); /* msie */	
	opacity: 0.4;
}
.expandWhiteArrow {
	background: url(../images/smallWhiteArrowExpand.png);
	height: 12px;
	width: 7px;
	margin-top: 3px;
	margin-left: 2px;
}
.closeWhiteArrow {
	background: url(../images/smallWhiteArrowCollapse.png);
	height: 7px;
	width: 12px;
	margin-top: 5px;
}
.accessListRemoveUser {
	font-size: 16px;
	right: 6px;
	cursor: pointer;
	margin-left:10px; width:10px; float:left; color:#AAAAAA;
}

#dashFilterContainer .context-menu {
	height: 100% !important;
}
#filterbox .context-menu {
	height: 100% !important;
}
.errorContainer {
	height: 100%;
	text-align: center;
	vertical-align: center;
	overflow:hidden;
	padding-left: 20px;
}
div.errorContainer.errorContainerDash {
   overflow-y: auto;
   padding-left: 0;
   position: relative;
}
.errorContainerCentered, div.errorContainerDash > div {
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -34px 0 0 -145px;
}
.largeGreyErrorImage {
	float: left;	
}
.errorContainerDashboard, div.errorContainerDash div.largeGreyErrorText {
	width:220px; text-align: left; padding-left: 70px;
}
div.errorContainerDash div.largeGreyErrorText > div {
   font-weight: bold;
}
.largeGreyErrorText {
	font-size: 18px; color: #999999;
}
.lightGreyTableHighlight {
	background: #F3F3F3;
}
.tableHeaderBGColour {
   	background-color: #009EEC;
}
.lightGreyBackground {
	background-color: #F9F9F9;
}

div.contentChangeConfirm {
   background: #F4F4F4;
   height: 399px;
}
div.contentChangeConfirmInner {
   width: 270px;
   padding-top: 25px;
   margin: 0 30px;
   font-size: 16px;
   color: #999999;
}

div.contentChangeConfirmInner img.contentChangeWarningEditThumbnail {
	height: 50px;
}

div.multiConfirm.contentChangeConfirm {
	height: 499px;
}

div.multiConfirm .contentConfirmMessage {
	padding:15px; 
	padding-bottom:0px;
}

div.multiConfirm .contentConfirmDescTop {
	padding: 15px;
    padding-bottom: 0px;
	padding-left: 17px;
    color: #666;
    font-size: 16px;
}

div.multiConfirm .contentChangeDetail {
	max-height: 280px;
	width: 300px;
	overflow-x: hidden;
	overflow-y: auto;
	margin-left: -5px;
}

div.multiConfirm .contentChangeBottomWarning {
	position: absolute;
	bottom: 70px;
    max-height: 100px;
    overflow: auto;
    margin: 0px;
}

div.confirmationPopup div.contentChangeConfirmInner {
	margin : 0 20px;
	width : 290px;
}

div.confirmationPopup div.contentChangeConfirmInner .contentChangeDetail {
	margin-left: 5px;
    margin-right: 10px;
    max-height: 220px;
}

div.confirmationPopup div.contentChangeBottomWarning {
	max-height: 120px;
	width: 310px;
}
span.contentChangeConfirmDelete {
   color: #ff0000;
}
span.contentChangeConfirmEdit {
   color: #009eec;
}
hr.greyHorizontalRule {
	color: #e4e4e4;
	background-color: #e4e4e4;
	height: 1px;
	border: 0;
  	width: 100%;
}

div.unsupportedBrowser {

   position: absolute;
   left: 50%;
   top: 50%;

   width: 600px;
   height: 450px;
   
   margin-left: -300px;
   margin-top: -225px;

   border: 2px solid #cccccc;
   border-radius: 6px;
   background: #fafafa;
   
}

div.unsupportedBrowser td {
   line-height: 30px;
   font-size: 18px;
   color: #666666;
}

/* Styles for option sections */
div.optionSectionHead {
   position: relative;
   height: 30px;
   line-height: 30px;
   font-size: 15px;
   color: #666666;
   background: #F0F0F0;
   border-bottom: 1px solid #cccccc;
   cursor: pointer;
}
img.optionSectionExp {
   position: absolute;
   top: 11px;
   right: 9px;
}
div.optionSectionTitle {
   position: absolute;
   left: 13px;
   right: 25px;
   top: 0;
   bottom: 0;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
}
div.optionSectionBody {
   border-bottom: 1px solid #cccccc;
   color: #505050;
   padding: 5px;
   font-size: 14px;
   background: #f9f9f9;
}
div.optionSectionBody hr {
   background: #cccccc;
   height: 1px;
   border: 0px;
}
div.optionSectionFooter {
   display: none;
}

/* Styles for field containers */
div.rptFieldPanel {
	background: #f9f9f9;
	padding: 2px;
}
div.rptFieldContainer {
   margin: 2px;
   border: 1px solid #cccccc;
   position: relative;
}
div.rptFieldContainerTitle {
   height: 30px;
   line-height: 30px;
   font-size: 15px;
   color: #666666;
   background: #F0F0F0;
   border-bottom: 1px solid #cccccc;
   padding: 0 10px;
}
div.rptFieldContainerFields {
   min-height: 30px;
   padding: 5px 5px 30px 5px;
   background: #ffffff;
   position: relative;
}
div.rptFieldContainerEmpty {
   position: absolute;
   top: 50px;
   left: 0;
   right: 0;
   text-align: center;
   color: #cccccc;
   font-size: 15px;
   display: none;
}
div.rptFieldContainerSingleField {
   height: 25px;
   padding: 5px 5px 5px 5px;
   background: #ffffff;
   position: relative;
}
div.rptFieldContainerFooter {
   font-size: 14px;
   color: #666666;
   background: #F0F0F0;
   height: 25px;
   line-height: 25px;
   padding: 0 5px;
}

/* SideBar backbone widget */
div.sideBar {
   position: fixed;
   width: 40px;
   top: 0;
   bottom: 0;
   z-index: 85;
}
div.sideBarLeft {
   left: 0;
}
div.sideBarRight {
   right: 0;
}
div.sideBarInner {
   background:#f7f7f7;
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   z-index: 1001;
}
div.sideBarLeft div.sideBarInner {
   border-right: 1px solid #CCCCCC;
}
div.sideBarRight div.sideBarInner {
   border-left: 1px solid #CCCCCC;
}
div.sideBarIcon {
   width: 39px;
   height: 39px;
   border-bottom: 1px solid #dadada;
   cursor: pointer;
   overflow: hidden;
   font-size: 24px;
   line-height: 39px;
   text-align: center;
   color: #808080;
   position: relative;
}
div.sideBarIcon > img {
   position: absolute;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   margin: auto;
}
div.sideBarIconHighlight {
   background: #f0f0f0;
   height: 30px;
}
.sideBarIcon.sideBarIconHighlight {
    width: 39px;
    height: 39px;
}
div.sideBarContent {
   position: absolute;
   top: 0;
   z-index: 990;
   background: #ffffff;
}

.sideBarContent {
	border: 1px solid #CCCCCC;
}

/* Horizontal Scrolling View backbone widget */
div.scrollingPrevImg, div.scrollingNextImg {
   position: absolute;
   width: 24px;
   top: 0;
   bottom: 0;
   display: none;
}
div.scrollingPrevImg {
   left: 0;
}
div.scrollingNextImg {
   right: 0;
}
div.scrollingPrevImg img, div.scrollingNextImg img {
   position: absolute;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   margin: auto;
   padding: 5px;
   border: 1px solid #ececec;
   border-radius: 3px;
   background: #fbfbfb;
   cursor: pointer;
}
div.scrollingPrevImg:hover img, div.scrollingNextImg:hover img {
   background: #f0f0f0;
   border-color: #cccccc;
}
div.scrollingContainer {
   position: absolute;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   overflow: hidden;
}
div.scrollingContainerInner {
   position: absolute;
   top: 0;
   bottom: 0;
   white-space: nowrap;
}
/* Footer sub-menu styles. */
ul.fieldPanelFooterSub {
	display: block;
	padding: 0;
	margin: 0;
	position: absolute;
	width: 220px;
	border-bottom: 1px solid #CECECE;
	z-index:500;
}
li.fieldPanelFooterSubItem {
	background-color: #ffffff;
	list-style: none outside none;
}
li.fieldPanelFooterSubItemHover {
	background-color: #f9f9f9;
	list-style: none outside none;
}
div.fieldPanelFooterSubContent {
	border: 1px solid #CECECE;
	border-bottom: 0px solid #CECECE;
	color: #828282;
   	font-size: 14px;
   	padding: 10px;
}

ul.yfDropMenu.standardYfDropdown {
	font-family: Roboto;
	font-size: 14px;
	color: #333740;
	border-radius: 6px;
	border: 1px solid #71768480;
	box-shadow: 0 2px 16px #71768480;

}

ul.yfDropMenu.standardYfDropdown div.yfDropMenuTitle {
	line-height: 45px;
}

ul.yfDropMenu.standardYfDropdown .menuHover.menuItem:first-child {
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}

ul.yfDropMenu.standardYfDropdown .menuHover.menuItem:last-child {
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
}

ul.yfDropMenu.standardYfDropdown .menuHover {
	background: #F2F2F2;
}

ul.yfDropMenu.standardYfDropdown li.menuItem {
	border-top: none;
	height: 45px;
}

/* Menu drop-down styles - used in report field views */
ul.yfDropMenu, ul.yfSubMenu {
   background: #ffffff;
   /* border: 1px solid #009EEC; */
   border: 1px solid #e4e4e4;
   display: block;
   padding: 0;
   margin: 0;
   position: absolute;
   width: 220px;
   /*box-shadow: 4px 4px 10px #B5B5B5;*/
   z-index:3000;
}
ul.yfSubMenu {
   display: none;
   left: 200px;
   top: 8px;
   position: absolute;
}
ul.yfDropMenu li.menuHover > ul.yfSubMenu {
   display: block;
}
ul.yfDropMenu li {
   display: block;
   height: 35px;
   list-style: none;
   position: relative;
}
ul.yfDropMenu li.menuTitle {
   background: #009eec;
}
ul.yfDropMenu li.menuItem {
	border-top: 1px solid #f0f0f0;
}
ul.yfDropMenu li.menuFirstItem {
	border-top: none;
}
li.menuItem img.subMenuExp {
	position: absolute;
	right: 2px;
	top: 0;
	bottom: 0;
	margin: auto 0;
}
div.yfDropMenuColour {
    height: 15px;
    width: 15px;
    margin-top: 10px;
    margin-left: 10px;
    position:absolute;
}
div.yfDropMenuIcon {
   position: absolute;
   left: 0;
   width: 35px;
   top: 0;
   height: 35px;
   overflow: hidden;
}
div.yfDropMenuIcon img {
   position: absolute;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   margin: auto;
}
div.yfDropMenuTitle {
   position: relative;
   padding-left: 20px;
   padding-right: 10px;
   padding-top: 0;
   padding-bottom: 0;
   color: #666666;
   font-size: 14px;
   line-height: 35px;
   cursor: default;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}
div.yfDropMenuTitleSeparator {
	position: absolute;
	top: 5px;
	bottom: 5px;
	left: 32px;
	width: 1px;
	background: #ffffff;
}
ul.hasLargeIcons > li.menuTitle > div.yfDropMenuTitleSeparator {
	left: 36px;
}
div.yfDropMenuTitle > span {
	max-width:100px;
	text-align:right;
	white-space: nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	display:inline-block;
}

li.menuItemDisabled div.yfDropMenuTitle,
li.menuItemDisabled.menuHover div.yfDropMenuTitle {
   color: #a0a0a0;
}
li.menuItemSelected > div.yfDropMenuTitle {
	font-weight: bold;
}

ul.yfDropMenu > li.menuIcon > div.yfDropMenuTitle {
	padding-left: 35px;
}
ul.yfDropMenu > li.menuLargeIcon > div.yfDropMenuTitle {
   padding-left: 45px;
}

ul.hasIcons > li.menuItem > div.yfDropMenuTitle {
   padding-left: 35px;
}
ul.hasLargeIcons > li.menuItem > div.yfDropMenuTitle {
   padding-left: 45px;
}
ul.yfDropMenu li.menuTitle div.yfDropMenuTitle {
   color: #ffffff;
   font-weight: normal;
}
li.hasSubMenu > div.yfDropMenuTitle {
   padding-right: 20px;
}
ul.yfDropMenu li.hasLink, ul.yfDropMenu li.hasLink > div {
   cursor: pointer;
}
ul.yfDropMenu li.menuHover {
   background: #f9f9f9;
}
ul.yfDropMenu li.menuItemDisabled.menuHover {
	background: initial;
}
li.menuItemDisabled div.yfDropMenuTooltip,
li.menuItemDisabled.menuHover div.yfDropMenuTooltip {
   border: 1px solid #CC0000;
   background: #fdfdfd;
   font-size: 14px;
   color: #666666;
   padding: 8px 0 8px 12px;
   margin: -2px -1px 0 -1px;
   display: none;
}
li.menuHover > div.yfDropMenuTitle {
	color: #000000;
}
li.menuItemDisabled div#disabledItemTooltip,
li.menuItemDisabled.menuHover div#disabledItemTooltip {
	position:relative;
	z-index:50;
}
ul.yfDropMenu > li.menuTitle > div.yfDropMenuIcon > img {
	max-width: 35px;
	max-height: 35px;
}
div.yfMenuTopArrow {
	position: absolute;
	top: -7px;
	height: 7px;
	left: 11px;
	width: 15px;
	background: url(../images/menu_pointer.png) no-repeat;
}

/* Toggle switch widget styles */
div.toggleSwitchTextLeft, div.toggleSwitchTextRight {
   float: left;
   font-size: 14px;
   height: 20px;
   line-height: 20px;
   cursor: default;
}
div.toggleSwitchSlider {
   float: left;
   position: relative;
   height: 20px;
   width: 40px;
}
div.toggleSwitchSliderInner {
   position: absolute;
   top: 7px;
   height: 5px;
   left: 5px;
   right: 5px;
   border: 1px solid #969696;
   border-radius: 10px;
}
div.toggleSwitchSliderInner img {
   position: absolute;
   top: -7px;
}

.colourPickerText, .colourPickerTextSmall {
	display:none;
	float:left; margin-right:3px;
}

body.reportInitPage {
	background: #F4F4F4;
}

#reportInitTitle {
	font-size: 30px;
	color: #666666;
}

#reportInitTitle .highlight {
	color: #009EEC;
}

#builder-selector-label {
	width: 200px;
	font-size: 24px;
	color: #666666;
	padding-top: 4px;
}

#builderTitle {
	font-size: 24px;
	color: #666666;
	padding: 16px 0;
}

#builderTitle .highlight {
	color: #A5A5A5;
}

#resultsRightHandleDiv {
	float: left;
	width: 6px;
	background-color: #F4F4F4;
}

#newDataSourceDiv {
	position: relative;
	width: 950px;
}

#newDataSourceDiv > table {
	font-size: 18px;
	color: #A5A5A5;
	position: absolute;
	right: 0;
}

#newDataSourceDiv > table span.highlight {
	color: #666666;
	font-weight: bold;
}

/* Calculated field editor view */
div.calculatedFieldEditor {
   padding: 20px;
   position: relative;
}
div.calculatedFieldLoading {
   display: none;
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   background: #808080;
   background: rgba(0, 0, 0, 0.2);
   text-align: center;
   padding-top: 200px;
}
div.calculatedFieldValidation {
   margin-top: 20px;
   padding: 5px;
   text-align: center;
   font-size: 14px;
   color: #000000;
   display: none;
}
div.formulaBuilderFormula {
   min-height: 100px;
   margin-bottom: 10px;
}
div.formulaBuilderButtons {
   padding-bottom: 8px;
}
div.formulaBuilderButtonsRight {
   float: right;
}
div.formulaBuilderBtn {
   float: left;
   padding-right: 8px;
}
div.formulaBuilderBtn > img {
   display: block;
}
div.formulaBuilderButtonsRight div.formulaBuilderBtn {
   padding-right: 0;
   padding-left: 8px;
}
div.formulaBuilderBtnAddValue {
   padding: 0;
}
div.calculatedFieldFunctionArg {
   font-size: 14px;
   width: 350px;
   position: relative;
   height: 25px;
   line-height: 25px;
}
div.calculatedFieldFreehandInfo {
   color: #262626;
   font-size: 14px;
   padding: 5px;
}
div.calculatedFieldFreehandInfo ol {
   padding-left: 70px;
}
div.calculatedFieldFreehandCachedViewWarning {
	margin-bottom: 10px;
	display: none;
}
div.calculatedFieldFreehandFormula {
   background: #ffffff;
   border: 1px solid #cccccc;
   margin-top: 10px;
   padding: 5px;
}

div.dragDiv{
   font-size: 14px !important;
}

div#buttonNewDataSet {
	white-space: nowrap;
}

div.reporErrorItemSeparator {
	clear: both;
	height: 16px;
}

div.reportEditInfo {
   font-size: 14px;
   color: #000000;
   margin-top: 10px;
   margin-bottom: 10px;
   padding: 10px;
   width: 470px;
}


div.viewInfo {
   background: #ffffff;
   color: #666666;
}

div.viewInfoHeading {
   background-color: #dfdfdf;
   border-style: solid;
   border-width: 1px 0 1px 0;
   border-color: #cccccc;
   font-size: 16px;
   color: #000000;
   padding: 5px;
}

div.viewInfoContent {
   margin: 8px;
   font-size: 14px;
}
td.viewInfoLabel {
   font-weight: bold;
   width: 90px;
   vertical-align: top;
}
div.lightboxSimpleHeader {
   background-color: #009eec;
   color: #ffffff;
   font-size: 18px;
   height: 38px;
   line-height: 38px;
}

div.lightboxSimpleBorder {
   position: absolute;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   border: 1px solid #cccccc;
   background: #ffffff;
   overflow: auto;
}
div.createSimpleSourceOuter {
	background-color: #F8F8F8;
	height: 554px
}
div.createSimpleSource {
   margin-left:25px; 
   padding-right:25px;
   font-size: 16px;
   color: #606060;
   overflow: auto;
   height: 464px;
}
div#sourceParameters {
	margin-left: 54px;
}

td.createSimpleSourceLbl {
	width: 230px;
}

div.sourcesList {
	margin-top: 10px; 
	height: 340px; 
	background-color: #ffffff; 
	overflow-y: auto; 
	overflow-x: hidden; 
	border: 1px solid #efefef;
}

div.createSimpleSource.noButton {
	height: 554px;
}

div.createSimpleSource.noButton div.sourcesList {
	height: 383px;
}

div.messageBox {
	background-color: #F9F9F9;
    border: 1px solid #E4E4E4;
    padding: 10px;
    font-size: 14px;
    color: #606060;
    height: 0px;
    margin-left: 35px;
    margin-right: 35px;
    margin-top: 10px;
    overflow: auto;
}
div.messageBox img#createSimpleSourceTestImage{
	display: inline-block; 
	margin-bottom: 3px; 
	margin-right: 6px;
} 

div.messageBox div#createSimpleSourceTestTitle{
	display: inline-block; 
	margin-top: 5px;
}
div.messageBox img#createSimpleSourceTestClose{
	display: inline-block; 
	float: right;
	cursor: pointer;
}


h2.createSimpleSource {
   font-weight: normal;
   margin: 0 0 10px 0;
}
table.createSimpleSourceDetails {
   width: 490px;
   table-layout: fixed;
   border-collapse: separate;
   border-spacing: 0 10px;
}
div.createSimpleSourceTitle {
   font-size: 18px;
}

.customCheckboxDiv {
	float:left;
	margin-right:5px;
	cursor: pointer;
}


div#viewAddCSVLoader {
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   z-index: 20000;
}
div#viewAddCSVContent {
   position: absolute;
   left: 0;
   right: 0;
   bottom: 0;
   min-height: 400px;
   display: none;
   color: #666666;
   font-size: 14px;
   background: #f4f4f4;
   padding: 0 30px;
   overflow: auto;
}

/* Date conversion view */
div.dateConversionData, div.dateConversionInfo {
   color: #666666;
   font-size: 14px;
   padding: 20px;
   display: none;
}
td#dateConversionTypeDateLbl, td#dateConversionTypeTimestampLbl {
   cursor: default;
}

div.dateConversionSample {
   clear: both;
   float: right;
   padding-top: 10px;
}
table.dateConversionData {
   margin-top: 20px;
   border: 1px solid #cccccc;
}
tr.dateConversionTitleRow td {
   background: #009eec;
   color: #ffffff;
   font-size: 18px;
   height: 25px;
   padding: 8px 12px;
}
tr.dateConversionDataRow td {
   background: #ffffff;
   color: #666666;
   font-size: 16px;
   padding: 6px 12px;
   border-top: 1px solid #cccccc;
   height: 22px;
}
tr.dateConversionDataRow td.noSampleData {
	border-top: none;
	text-align: center;
}
td.dateConversionDataSample {
   width: 200px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}
td.dateConversionDataSample > div {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   width: 200px;
}
td.dateConversionDataConverted {
   width: 150px;
}
td.dateConversionDataResult {
   width: 22px;
}
tr.dateConversionDataRow td.dateConversionDataSample {
   border-right: 1px solid #cccccc;
}
span.dateConversionDataUsed {
   color: #009eec;
}
td.dateConversionDataResult {
   text-align: center;
   padding: 6px;
}
td.dateConversionDataResult img {
   display: block;
}
div.dateConversionButtons {
   padding-top: 20px;
}
div.yfScrollbar {
   background: #009EEC;
}
.customTooltip {
	display: none; /* An inline style overrides this when the tooltip is displayed */
	border: 1px solid #0099ff !important;
	font-size: 14px !important;
	padding: 4px !important;
	word-wrap: break-word;   
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
     -ms-hyphens: auto; 
        hyphens: auto;
}
div.customTooltipLong {
   border: 1px solid #0099ff !important;
   font-size: 14px;
   padding: 4px;
   max-width: 500px;
}
.packLinkWarning {
	font-size: 15px;
	color: #666666;
	margin-bottom:5px;
}
div.styleExampleCell {
   border: 1px solid #cccccc;
   padding: 5px 7px;
   background: #ffffff;
   color: #000000;
}

ul.autocomplete {
    display: none;
    position: fixed;
    background-color: #f8f8f8;
    margin: 0;
    padding: 3px 0;
    box-shadow: 2px 2px 5px #888888;
    height: 28px;
    overflow: auto;
    overflow-x: hidden;
    background-color: #FFFFFF;
    z-index: 1000000000;
}

ui.autocomplete li {
	color: #666666;
    font-size: 14px;
    height: 25px;
    min-height: 25px;
	line-height: 25px;
}


.autocompleteBar {
	font-size: 16px;
	color: #CCC;
	position: relative;
	height: 30px;
	background-color: #FFF;
	padding: 0 35px 0 0px;
	border: 1px solid #e4e4e4;
	z-index: 100000000;
}

.autocompleteNoImage {
	padding: 0;
}

.autocompleteBar input {
	font-size: 14px;
	width: 100%;
	text-indent: 5px;
	padding-top: 5px;
	padding-bottom: 5px;	
	height: 20px;
	border: 0;
	margin: 0;
	position:relative;
	top:0px;
}

.autocompleteBar span.default-overlay {
	position: absolute;
	top: 0;
	left: 4px;
	color: #cccccc;
	font-size: 14px;
	line-height: 30px;
	height: 30px;
	right: 30px;
	cursor: text;
}

.autocompleteBar img.search {
   position: absolute;
   width: 30px;
   height: 30px;
   top: 0;
   right: 0;
   overflow: hidden;
   cursor: pointer;
}

.autocomplete.autocompleteAbsolutePosition {
	position: absolute;
}



.invalidInput {
	color : #666666;
}

.validInput {
	color : #666666;
}

.unselectableField {
	text-decoration: line-through;
}

ul.autocomplete li.headerLabel  {
    list-style: none;
    margin: 0;
    padding-left: 10px;  
    cursor: pointer;  
    color: #999;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: default;
 	vertical-align: middle;
 	font-size: 14px;
 	height: 25px;
	min-height: 25px;
	line-height: 25px;
 	
}

ul.autocomplete li.selectable {
    list-style: none;
    margin: 0;
   /* padding: 5px 7px; */
    padding-left: 10px;  
    cursor: pointer;  
    color: #666666;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: default;
 	vertical-align: middle;
}

ul.autocomplete li.active {
    cursor: pointer;
    background-color: #008BD0;
    color: white;
}

ul.autocomplete li.active a{
    cursor: pointer;
    background-color: #008BD0;
    color: #fafafa;
}


ul.autocomplete li a {
    
    text-decoration: none;
    padding-left: 2px;
    color: #666666; 
	font-size: 14px;
	height: 25px;
	min-height: 25px;
	line-height: 25px;
}



.autocomplteImg {  
	width: 20px;
	height: 20px;
	margin: auto;
    top: 0; left: 0; bottom: 0; right: 0;
    vertical-align: middle;
}

#clear-auto-box {
	position: absolute;
	right: 32px;
	
}

.autoCompleteArrow {
	width: 250px;
	height: 30px;
	overflow: hidden;
	border: 1px solid #ccc;
}
.ui-tooltip-content {
	white-space: pre-wrap;
}

div.customTooltipNoPre {
   border: 1px solid #0099ff;
   font-size: 14px;
   padding: 4px;
}
div.customTooltipNoPre div.ui-tooltip-content {
	white-space: normal;
}

.adminMapTableTop {
	background-color: #E7E7E7; 
	height: 38px; 
	border: 1px solid #CCCCCC;
}

.whiteBackgroundGreyBorder {
	background-color:white; 
	border: 1px solid #cccccc; 
}

div#client-org-auto-select-outer {
	width:50%;
	margin-right: auto;
	margin-left: auto;
}

table.reportConditionalFormatLegend {
   width: 500px;
   margin: 10px 0;
}
table.reportConditionalFormatLegend td {
   padding: 2px;
}
td.reportConditionalFormatLegendName {
   width: 150px;
}
td.reportConditionalFormatLegendDesc {
   width: 350px;
}

table.reportFilterLegend {
   width: 500px;
   margin: 10px 0;
}


div.bcPopup {
   font-size: 14px;
   color: #666666;
}
div.bcPopup div.broadcastGrey {
   padding: 10px 0;
   border: 0px;
}
div.bcPopup div.bcFilterSection {
   padding: 0;
}
div.bcPopup div.bcFreqSection {
	padding-bottom: 0;
}
div.bcPopup div.bcFreqDescSection {
   padding-top: 0;
}
div.bcMainContent {
   overflow: auto;
   height: 699px;
   padding: 10px 25px 0 25px;
}
div.bcRecipients {
   position: relative;
}

div.bcEmailContent {
   padding-top: 5px;
}
div.bcSubject {
   border: 1px solid #e4e4e4;
   padding: 5px;
   background: #ffffff;
   margin-bottom: 5px;
}
div.bcSubjectInput {
   overflow: hidden;
}
div.bcPopup div.bcTaskDetails {
	position: relative;
	padding-bottom: 0;
}
div.bcTaskTitle {
   border: 1px solid #e4e4e4;
   padding: 5px;
   background: #ffffff;
   width: 240px;
}
div.bcTaskTitleInput {
   overflow: hidden;
}
div.bcTaskRequestor {
	width: 252px;
	position: absolute;
	right: 0;
	top: 10px;
}
div.bcPopup div.bcTaskAssign {
	position: relative;
	padding-top: 0;
	padding-bottom: 5px;
}
div.bcAssignee {
	width: 252px;
}
div.bcPriority {
	position: absolute;
	width: 252px;
	right: 0;
	top: 0;
}
div.bcPopup div.bcTaskSubscribers {
	padding-top: 0;
}
div.bcFixedSave {
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
   height: 60px;
   padding-top: 10px;
   text-align: center;
}
div.bcFixedSave.bcScrolling {
   border-top: 1px solid #cccccc;
}
div.recipientsBoxInner {
   position: relative;
}
div.recipientsAdd {
   padding: 1px 0;
}
div.recipientsContainer {
	height: 31px;
}
div.recipientsAdvanced {
   position: absolute;
   right: 0;
   top: 10px;
   width: 66px;
   height: 31px;
   border: 1px solid #e4e4e4;
   background: #ffffff;
   overflow: hidden;
}
div.recipientsAdvBtn {
   width: 33px;
   height: 33px;
   margin-top: -1px;
}
div.recipientsAdvBtn > img {
	display: block;
}
div.recipientsAdvBtn[data-adv=false] {
   float: left;
}
div.recipientsAdvBtn[data-adv=true] {
   float: right;
}
div.bcRecipientsDesel {
   cursor: pointer;
}
div.bcRecipientsSel {
   background: #009eec;
}
div.recipientsAdvMsg {
   padding: 5px 0;
}
div.bcBody {
   background: #ffffff;
   border: 1px solid #e4e4e4;
   padding: 5px;
}
div.bcBody.noBorderBottom {
	border-bottom: 0;
}
div.bcBody textarea {
   color: #666666;
   font-size: 16px;
   height: 80px;
   width: 100%;
   padding: 0;
   border: 0;
   margin: 0;
   resize: none;
   outline: none;
}
div.bcFormat {
   background: #f0f0f0;
   height: 29px;
   border: 1px solid #e4e4e4;
}
div.bcFormatIcon {
   position: relative;
   height: 29px;
   width: 29px;
   border-left: 1px solid #cccccc;
   float: right;
   cursor: pointer;
}
div.bcFormatIcon:hover {
   background: #e0e0e0;
}
div.bcFormatIcon > img {
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   margin: auto;
}
div.bcFormatIcon img.bcFormatIconActive, div.bcFormatIconSelected img.bcFormatIconInactive {
   display: none;
}
div.bcFormatIconSelected img.bcFormatIconActive {
   display: block;
}
div.bcFormatIconSelected {
   background: #ffffff;
}
div.bcLinkOnlyMessage {
	display: inline-block; /* Sadly IE11 doesn't fully support flex, so we'll have to go another way */
	padding: 10px;
	background: #ffffff;
}
div.bcLinkOnlyMessage img {
	float: left;
	margin-right: 5px;
}
div.bcLinkOnlyMessage div {
	float: left;
	margin-top: 6px;
	width: calc(100% - 50px);
	font-size: 14px;
    color: #666666;
}

div.freqInput {
   padding-right: 3px;
   padding-bottom: 3px;
   float: left;
}
div.freqDayOfMonthEntry {
   padding-left: 3px;
}
div.freqMinutesMinimum {
	padding-left: 3px;
	color: #FF0000;
}
div.freqShowAdvLink, div.freqHideAdvLink {
	text-align: right;
	font-size: 16px;
}
div.bcScheduleDesc {
   font-size: 16px;
}
div.bcScheduleDesc span {
   color: #009eec;
}
div.bcAdvSchedule {
	padding-top: 10px;
	font-size: 16px;
}
div.bcSchedulePeriodOpt, div.bcScheduleNotifOpt {
	padding: 8px 10px 0 10px;
}
div.bcScheduleStartDate, div.bcScheduleEndDate {
	padding-left: 10px;
}
td.bcScheduleNotifGroupSearch {
	padding-left: 10px;
}
div.bcScheduleNotifGroupSearch {
	width: 184px;
}
td.bcScheduleNotifGroupSpace {
	min-width: 40px;
}
div.bcScheduleNotifGroup {
	height: 33px;
	width: 190px;
	background: #ffffff;
	border: 1px solid #e4e4e4;
}
div.bcScheduleNotifGroup div.btn-entity {
	margin: 3px;
}
td.bcAdvFiltersTitle {
   padding-left: 30px;
   padding-right: 10px;
   width: 220px;
}
div.bcDeliveryRules {
   background: #ffffff;
   border: 1px solid #e4e4e4;
}
div.bcDeliveryRulesOpt {
   padding: 10px;
}
div.bcDeliveryRulesAlert {
   border-color: #cc0000;
}
div.bcDeliveryRules div.subOptionView {
   padding: 0;
}
div.bcDelivery div.optionTitle {
	font-size: 22px;
	color: #666666;
}
div.bcDeliveryDateField div.subOptionView {
	padding-top: 0;
}
div.bcDelivery hr.greyHorizontalRule {
	margin-bottom: 20px;
}
div.bcDelivery div.filterSettingTopBorder {
	margin-top: 5px;
}
div.bcDelivery div.filterLogicHeading {
   font-size: 22px;
   color: #666666;
   padding-bottom: 5px;
}
div.bcDelivery div.filterLogic {
	margin-left: 124px;
}
div.bcDeliveryRulesLogic {
   padding: 10px;
   border-top: 1px solid #e4e4e4;
}
div.bcDeliveryRulesAdd {
   text-align: right;
}
div.bcFilename {
	padding: 4px;
	border: 1px solid #e4e4e4;
	border-bottom: 0;
}
td.bcFileNameDateLbl {
   padding-right: 10px;
   cursor: default;
}
div.bcPopup div.fileOptions {
	max-height: 29px;
	border: 1px solid #e4e4e4;
	border-bottom: 0;
}
div.bcPopup div.contentCheckbox {
	display: inline-block;
}
div.bcPopup div.contentCheckbox div.label {
    padding: 6px;
	display: table-cell;
	vertical-align: middle;
}
div.bcPopup div.contentCheckbox div.check {
    margin: 4px 0px 0px 4px;
	display: table-cell;
	vertical-align: middle;
}
div.bcPopup div.contentCheckbox div.check > img {
   display: block;
}
div.bcDeliveryFilters div.addConditionDiv {
   margin-left: 124px;
   font-size: 14px;
}
div.bcDeliveryFilters div.addConditionDiv span.addCondtion {
   font-size: 16px;
   padding-left: 5px;
}
div.bcSchedule div.customSelect,
div.bcSchedule input.broadcastInputShort,
div.bcFileName input.broadcastInput,
div.bcServerDetails input.broadcastInput,
td.bcFilterValues div.customSelect,
div.bcAdvFilters div.customSelect,
div.bcFilterValues div.customSelect {
   border-color: #e4e4e4;
}
/* Configure the pdf security options */
div.bcPopup div.bcPDFSecurity {
	font-size: 16px;
	margin-top: 10px;
	display: table;
}
div.bcPopup div.bcPDFSecurity > div {
	display: table-row;
}
div.bcPopup div.bcPDFSecurity > div > div {
	display: table-cell;
	vertical-align: middle;
}
/* Format the combo box and textfield for the broadcast pop up specifically */
div.bcPopup div.bcPDFSecurity div.bcPDFPasswordSource td {
	vertical-align: middle;
}
div.bcPopup div.bcPDFSecurity div.bcPDFPasswordSource div.optionView {
	border-bottom: none;
	padding-top: 0;
}
div.bcPopup div.bcPDFSecurity div.bcPDFPasswordSource div.optionTitle {
	margin-bottom: 0;
}
div.bcPopup div.bcPDFSecurity .text input {
	border: 1px solid #e4e4e4;
	padding-left: 5px;
	background: #ffffff;
	margin-left: 10px;
	height: 26px;
	font-size: 16px;
	color: #666666;
}
div.bcPopup div.bcPDFSecurity .text input:disabled {
	background: #dddddd;
}

/* Secure PDF checkbox */
div.bcPopup div.bcSecurePDF {
	padding-right: 10px;
	cursor: default;
	display: inline-block;
}

.multipleSeparatorBottom {
 	border-bottom: 1px solid #CCCCCC;
 }
 .multipleSeparatorTop {
 	border-top: 1px solid #CCCCCC;
 }
 
 .customTooltipDiv {
 	background: #ffffff;
    border: 1px solid #e4e4e4;
    display: block;
    padding: 0;
    margin: 0;
    width: 250px;
    z-index: 3000;
	font-size: 16px;
	color: #666666;
 }
 .ui-tooltip.customTooltipDiv {
    border: 1px solid #e4e4e4;
    border-radius: 0;
    padding: 0;
    box-shadow: none;
    font-size: 16px;
    color: #666666;
 }
 .customTooltipTop{
 	background: #f9f9f9;
 	color: #000000;
 	padding: 10px;
 }
 
 .customTooltipBottom{
 	padding: 10px;
   border-top: 1px solid #e4e4e4;
 }
 
 .validationMessage{    
 	background: #F2BDB9;
    color: #A9422E;
    display: block;
    padding: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    width: 208px;
    font-size: 12px;
    margin: 0 0 0 0;
 }
 
 .infoButtonClass {
	color: #009EEC;
	FONT-SIZE: 14px;
	text-align: right; 
	width: auto; 
	padding: 10px;
}

 .infoButtonClass a, .infoButtonClass a:link, .infoButtonClass a:hover, .infoButtonClass a:visited {
   color: #009EEC;
 }
 
 .sourceConnectionConfirmationTitle {
	FONT-WEIGHT: normal;
	FONT-SIZE: 30px;
	COLOR: #666666;
}
.sourceCreationSourceName {
	FONT-SIZE: 24px;
	COLOR: #666666;
}

.newCustomSourcesPlatformContainer {
	background-color: #F9F9F9; 
	height: 409px;
}

.sourceCreationSourceHeadings {
	FONT-SIZE: 24px;
	COLOR: #555555;
	margin-left: 25px; 
	margin-right: 25px; 
	padding-top:21px;
}
.newSourceCreationDatasources, .newSourceCreationCustomSources {
	margin-left:15px; 
	margin-top: 0px;
}
.newSourceCreationCustomSources{
	margin-top: 4px;
    overflow-y: auto;
    height: 341px;
}
div.newSourceCreationNoSources {
	text-align: center;
}
div.newSourceCreationNoSourcesMsg {
	padding: 20px 80px;
	color: #555555;
}

.sourceTemplateName {
	FONT-SIZE: 16px;
	COLOR: #555555;
	text-align: center; 
	margin-top: 11px; 
	width: 80px;
  	white-space: nowrap;
  	overflow: hidden;
  	text-overflow: ellipsis;
  	-ms-text-overflow: ellipsis;
}
.search {
	float: right;
	width:208px;
	font-size: 16px;
}
.searchIcon {
	float: right;
	position: relative;
    border: 1px solid #ccc;
    border-left: none;
    width: 34px;
    height: 34px;
    background-color: #009EEC;
    background-image: url('../images/report_filter_white.png');
    background-repeat: no-repeat;
    background-position: 7px;
}
.sourceCreationHyperlink {
	color: #009EEC;
	FONT-SIZE: 18px;
	cursor: pointer;
}
.sourceCreationSmallHyperlink {
	color: #009EEC;
	FONT-SIZE: 12px;
	cursor: pointer;
}
.greyAlertMessageBox {
	background-color: #F9F9F9;
	border: 1px solid #E4E4E4;
}
.sourceCreationTooltipOuter {
  border: #009EEC 4px solid;
  padding: 10px;
  background-color:white;
  border-radius: 10px;
  overflow-x:hidden;
  overflow-y: auto;
  box-shadow: 5px 5px 10px 4px rgba(005, 005, 005, 0.1);
  z-index: 1000000;
}
.sourceCreationSmallLightText {
	FONT-WEIGHT: normal;
	FONT-SIZE: 8px;
	COLOR: #A5A5A5;
}
.sourceCreationLightText {
	FONT-WEIGHT: normal;
	FONT-SIZE: 14px;
	COLOR: #A5A5A5;
}
.sourceCreationLightTextLarge {
	FONT-WEIGHT: normal;
	FONT-SIZE: 16px;
	COLOR: #A5A5A5;
}
.sourceViewContainer {
	height: 100%;	
}

div#uploadedFile {
	height: 90px;
    background-color: #FFFFFF;
    background-image: url('../images/csv_small.png');
    background-repeat: no-repeat;
    background-position: 5px;
    position: relative;
}
div#csvAdvSettingsDescription{
	height: 90px;
    background-color: #FFFFFF;
    background-image: url('../images/info_blue_large.png');
    background-repeat: no-repeat;
    background-position: 15px;
    padding-left: 60px;
    position: relative;
}
div#pluginUploadedFile {
	height: 90px;
    background-color: #FFFFFF;
    background-image: url('../images/jar_upload_icon_small.png');
    background-repeat: no-repeat;
    background-position: 5px;
    position: relative;
}

.navBox {
	float: left; 
	margin: 0 auto;
	background-size: 37px 37px;
	background-repeat: no-repeat;
	height: 75px;
	background-position: 50% 6px;
	width: 160px;
	position: relative;
	
}

.navSelected {
	background-size: 47px 47px;
	color: #555555;
	background-position-y: 0px;
}

.navText{
	vertical-align: bottom;
	width: 126px;
    margin-left: 17px;
    margin-right: 17px;
    font-size: 14px;
    bottom: 0px;
    position: absolute;
    text-align: center;
    overflow:hidden; 
    white-space:nowrap;
    text-overflow: ellipsis;
}
.navText.navSelected{
	
    font-size: 16px;
}

.connector{ 
	height: 3px;
	background-color: #E4E4E4;
	z-index: -1;
	border-right: 1px solid #E4E4E4;    
	position: absolute;
    top: 23px;
    width: 80px;
}
.connector.left{
    left: 0px;
	
}
.connector.right{
    right: 0px;
}

.wide-button-row{
	position: absolute;
    bottom: 25px;
    font-size: 22px;
    height: 40px;
    left: 35px;
    right: 35px;
}

div.bottomButton {
	width: 591px;
	background: #009EEC;
    color: white;
    line-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    cursor: pointer; 
    margin: 0 auto;
}

div.actionListButton {
	float: right;
	background-color: #008CD7;
	width: 40px;
    height: 40px;
	background-image: url(../images/connection_usage_arrow_down.png);
	background-repeat: no-repeat;
	background-position: center;
}

div.actionList {
	position: absolute;
	right: 26px;
	bottom: 40px;
	background-color: #FFFFFF;
	text-align: center;
	z-index: 250;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	display: none;
}
div.actionItem {
	position: relative;
	color: #009EEC;
	border-bottom: 1px solid #CCCCCC;
	font-size: 16px;
	text-align: left;
	padding: 5px;
	cursor: pointer;
}

div.actionItem:hover {
	color: #FFFFFF;
	background-color: #009EEC;
}
table.membersTable {
	border-collapse:collapse;
	border: 1px solid #cccccc;
	padding: 0px;
	margin: 0px;
	white-space: nowrap;
	table-layout:fixed;
	width: 100%;
}
table.membersTable tr.memberName{
	border: 1px solid #cccccc;
}
table.membersTable td.memberToggle, td.groupToggle {
	background: url('../images/icn_schedtask_queued_success_nodetails.png') no-repeat center;
	border-left: 1px solid transparent;
	border-right: 1px solid transparent;
	background-color: #ffffff;
	cursor: pointer;
}


table.membersTable td.memberDelete {
	text-align: left;
}

table.membersTable td.memberItem {
	border-bottom: 1px solid #cccccc;
	overflow: hidden;
	background-color: #ffffff;
}

table.membersTable td.memberToggleOn {
	background: url('../images/icn_schedtask_queued_success_details.png') no-repeat center;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #f2f2f2;
	background-color: #f2f2f2;
}

table.membersTable tr.itemsTr {
	background-color: #f2f2f2;
	display: none;
	border-bottom: 1px solid #cccccc;
	font-size: 14px;
}
.selectViewTable {
	border-collapse: collapse;
}
.selectViewTable th {
	background-color: #009EEC;
	color: white;
	font-size: 18px;
	height: 32px;
	border: 1px solid #EFEFEF;
}
.selectViewTable td {
	padding: 0px 5px;
	height: 32px;
	border: 1px solid #EFEFEF;
}
.selectViewTable td.viewName {
	position: relative;
}
.selectViewTable tbody.hasApproved td.viewName img.viewApproved {
	position: absolute;
	left: 5px; 
}
.selectViewTable tbody.hasApproved td.viewName span {
   padding-left: 35px;
}

.selectViewTable td span{
	display: block; 
	width: 201px;
	overflow:hidden;
	white-space: nowrap;
	text-overflow:ellipsis;
	color: #009EEC;
}

.selectViewTable .createReportViewUsage{
	height: 5px;
    background: #009eec;
}

select.resultsTable {
	border: 1px solid #f8f8f8;
    padding: 3px;
    font-size: 16px;
	COLOR: #A5A5A5;
	overflow-x: hidden;
}

div.reportContainer {
   position: relative;
   line-height : normal;
}

div#adhocDiv {
	display: none; 
	margin-right: 1px; 
	position: relative; 
	right: 0px; 
	top: 25px;
}

div.personListTableHeader {
	background-color: #009EEC;
	color: white;
	font-size: 18px;
	height: 40px;
	text-align: left;
	border-bottom: 1px solid #CCCCCC;
}
div.personListTableHeaderText {
	font-weight: normal;
	padding: 8px 12px;
	text-align: left;
}
div.personListIndividualItem {
	border-bottom: 1px solid #CCCCCC;
	padding: 5px 12px;
	color: #666666;
  	font-size: 15px;
}
div.personListScrollableTable {
	max-height: 400px;
	overflow-y: auto;	
	overflow-x: hidden;
}
div.personListAddHyperlink {
	color: #009EEC;
	cursor: pointer;
}

.sortable {
	list-style-type: none;
	border:1px #e4e4e4 solid;
	border-bottom:none;
	padding:0;
}

.sortable .sortableItem {
	background-color:white;
	border-bottom: 1px #e4e4e4 solid;
	clear:both;
	height:33px;
	position:relative;
}

.sortable .sortableItem:hover {
	background-color:#f4f4f4;
}

.sortable .sortHandle {
	position:absolute;
	left:8px;
	top:7px;
}

.sortable .sortDescription {
	margin:0 28px;
	padding-top:7px;
	display:block;
	overflow:hidden;
	white-space: nowrap;
	text-overflow:ellipsis;
	color: #333333;
}

.sortable .removeButton {
	position:absolute;
	right:10px;
	top: 7px;
	display:none;
}

img.dashPortletPageLinkActive {
   cursor: pointer;
}
td.dashPortletPageLinkInput {
   padding-right: 5px;
}
img.i4MoveImg {
   cursor: move;
}

div.tzViewRegionInput, div.tzViewZoneInput {
	margin-bottom: 8px;
	width: 250px;
}
.floatMenu {
	background-color:white;
	position : absolute;
	width : 200px;
	z-index : 5000;
	color : #008BD0;
	border-left:1px solid #E6E6E6;
	border-right:1px solid #E6E6E6;
	border-top: 1px solid #E6E6E6;
	font-size:14px;
}
.floatMenuSubMenu {
	background-color:white;
	position : absolute;
	width : 200px;
	z-index : 5000;
	color : #008BD0;
	border-left:1px solid #E6E6E6;
	border-right:1px solid #E6E6E6;
	border-top: 1px solid #E6E6E6;
	font-size:14px;
}
.floatMenuOption {
	vertical-align:middle;
	padding:8px 8px 8px 8px;
	border-bottom: 1px solid #E6E6E6;
	cursor: pointer;
}
.floatMenuOptionText {
	margin-left: 20px;
	font-size: 14px;
}
.floatMenuImage {
	float: left;
	margin-right: 10px;
}
.floatMenuOption:hover {
	background-color:#F7F7F7;
}

.floatMenuDelete:hover {
	color:white;
	background-color:#d44332 !important;	
	font-weight:normal;
}

.customSelection .selectedImage {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 32px;
}
.customSelected {
	background-color: #f9f9f9;
}
.customSelection .selectOptions {
	display:none;
	background-color: white;
	padding:0;
	margin-top:0;
	margin-bottom: 0;
}

.customSelection .selectOptions li {
	list-style-type: none;
}

.customSelectItem {
	background-color:white;
	width:210px;
	clear:both;
	height:40px;
	border-bottom:1px solid #E6E6E6;
	color: #008BD0;
}

.customSelectItem:hover {
	background-color:#f9f9f9;
}

.customSelectItem div {
	float:left;
}

.customSelectItem .selectImg {
	padding:10px 0 0 8px;
}

.customSelectItem .selectText {
	padding: 10px 20px;
    font-size: 14px;
}
.selectOptionsContainer {
	position:fixed;
	z-index: 11;
    border-left: 1px solid #E6E6E6;
    border-right: 1px solid #E6E6E6;
}
.customSelection {
	height: 31px;
	background-color: white;
	border: 1px solid #e4e4e4;
	position:relative;
	cursor: pointer;
}
.customSelection .currentlySelected {
	color: #666;
	font-size: 14px;
	position: relative;
	height: 31px;
	line-height: 31px;
}
.customSelection .selectTitle {
	position: absolute;
	left: 6px;
	right: 35px;
	top: 0;
	bottom: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.customSelection div.hasImg div.selectTitle {
	left: 32px;
}
.customSelection .selectedDescription {
	position: absolute;
	left: 6px;
	right: 35px;
	top: 0;
	bottom: 0;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}
.customSelection div.hasImg div.selectedDescription {
	left: 32px;
}
.customSelection div.selectedColour {
	display: none;
	position: absolute;
	top: 8px;
	left: 8px;
	height: 15px;
	width: 15px;
}
.customSelection div.hasImg div.selectedColour {
	display: block;
}
.selectedDropDown {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	width: 32px;
	background: #009eec url(../images/connection_usage_arrow_down.png) no-repeat center;
}
.trendInfoRow {
	border-bottom: 1px #CCCCCC solid;
	padding: 5px;
	overflow: hidden;
	margin: 5px 20px;
}
.trendDescriptionTitle {
	font-size: 16px;
	font-weight: bold;
	line-height: 17px;
	color: #666666;
	padding: 0px 20px;
}
.trendDescription {
	font-size: 14px;
	color: #666666;
	line-height: 15px;
	float: left;
	padding: 0px 20px;
}
.trendInfoTitle {
	font-size: 14px;
	color: #666666;
	line-height: 15px;
	font-weight: bold;
	width: 350px;
	float: left;
}
.trendInfoValue {
	font-size: 14px;
	color: #666666;
	line-height: 15px;
	width: 100%;
	text-align: right;
}
.trendCorrelationDescription {
	font-size: 20px;
	color: #333333;
	font-weight: bold;
	background-color: #F9F9F9;
	padding: 20px;
	border-bottom: 1px solid #E4E4E4;
}
.trendFieldName {
	font-size: 20px;
	color: #666666;
}
.trendCorrelationPositive {
	font-size: 20px;
	color: #009EEC;
	font-weight: bold;
}
.trendCorrelationNegative {
	font-size: 20px;
	color: #CC0000;
	font-weight: bold;
}
/* Styles used with TabbedPanelView */
div.panelContainer {
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
}

div.panelTabsContainer {
	position: relative;
	background: #ffffff;
	height: 41px;
   border-bottom: 1px solid #e4e4e4;
}
img.panelTabIcon
{
	padding-top: 9px;
}

div.panelTabs {
   height: 40px;
   position: absolute;
   background: #ffffff;
   border-bottom: 1px solid #e4e4e4;
   overflow: hidden;
}
div.panelTabInner {
   position: absolute;
   overflow: hidden;
   white-space: nowrap;
   left: 0;
   right: 0;
}

div.panelTabRight
{
	position: absolute;
}
div.panelTab {
   display: inline-block;
   line-height: 40px;
   height: 37px;
   margin: 0 5px;
   padding: 0 5px;
   color: #999999;
   cursor: pointer;
}
div.panelTab:hover {
   color: #444444;
}
div.panelTabActive {
   color: #000000;
   border-bottom: 3px solid #009eec;
}
div.panelTabActive:hover {
   color: #000000;
}
div.panelContent {
   position: absolute;
   top: 41px;
   bottom: 0;
   left: 0;
   right: 0;
}
div.panelTabBarIcon {
	position: absolute;
	top: 0;
	right: 0;
}
div.panelTabBarIcon > img {
	width: 35px;
	height: 35px;
	margin: 3px 8px 3px 3px;
}

/* Styles used with AccessListView */
div.accessList {
   background: #ffffff;
   border: 1px solid #cccccc;
   color: #666666;
}
div.accessListMember {
   border-bottom: 1px solid #cccccc;
}
div.accessListAdd {
   height: 40px;
}
div.accessListAdd div.search-box-position {
   width: 491px;
}
div.accessListItem {
   position: relative;
   height: 40px;
   overflow: hidden;
   cursor: default;
}
div.accessListAvatar {
   position: absolute;
   left: 10px;
   width: 34px;
   top: 3px;
   height: 34px;
}
div.accessListAvatar img {
   position: absolute;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   margin: auto;
   max-width: 34px;
   max-height: 34px;
}
div.accessListName {
   position: absolute;
   left: 54px;
   right: 175px;
   top: 0;
   bottom: 0;
   line-height: 40px;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
}
div.accessListApproval div.accessListName {
	right: 215px;
}
div.accessListAccess {
   position: absolute;
   top: 3px;
   bottom: 3px;
   right: 25px;
   width: 150px;
}
div.accessListAccess div.minimalSelect span {
   text-align: center;
}
div.accessListAccess:hover {
   top: 2px;
   bottom: 2px;
   right: 26px;
}
div.accessListAccess:hover div.minimalSelect {
   border: 1px solid #f0f0f0;
   border-radius: 3px;
}
div.accessListReadOnly {
   font-size: 15px;
   height: 34px;
   line-height: 34px;
   text-align: center;
   width: 110px;
   padding: 0 5px;
}
div.accessListAccess:hover div.accessListReadOnly {
   padding: 1px 6px;
}
div.accessListDelete {
   position: absolute;
   top: 0;
   bottom: 0;
   right: 0;
   width: 25px;
   display: none;
}
div.accessListDelete img {
   position: absolute;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   margin: auto;
   cursor: pointer;
}
div.accessListItem:hover div.accessListDelete {
   display: block;
}
div.minimalSelect {
   height: 30px;
   overflow: hidden;
   width: 250px;
   background: url(../images/fieldmenudrop.png) no-repeat right 5px center #ffffff;
}
div.minimalSelect select {
   padding: 5px;
   color: #666666;
   border: 0;
   height: 30px;
   background: transparent;
   -webkit-appearance: none;
}
div.accessLevelListApprover {
	text-align:center;
	position:absolute;
	right:185px;
	top:8px;
}

div.accessListAccess div.minimalSelect {
   height: 34px;
}
div.accessListAccess div.minimalSelect select {
   height: 34px;
}
div.accessListAccess div.minimalSelect span {
   font-size: 15px;
   font-weight: normal;
}
/* Styles used with drop_down_menu.js */
div#dropDownMenuOverlay {
   opacity: 0;
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: #aaaaaa;
   z-index: auto;
}
/* Styles used with ImageOptionView.js */
div.imageOptionItem {
   text-align: center;
   cursor: pointer;
   width: 99px;
}
div.imageOptionText {
   white-space: nowrap;
   font-size: 14px;
   color: #999999;
   overflow: hidden;
   text-overflow: ellipsis;
}
div.imageOptionItemSelected div.imageOptionText, div.imageOptionItem:hover div.imageOptionText {
   color: #333333;
}
/**
	Radio Button and Checkbox List Styles
*/

.multiOptionList {
	
}

.multiOptionList div {
	margin: 2px 0;
	position:relative;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}

.multiOptionList img {
	position:relative;
	margin: 0 5px;
	height:21px;
	width:21px;
}

.inclusiveFilter .multiOptionList img, .exclusiveFilter .multiOptionList img {
	top:4px;
	margin: 0 5px;
}

.editableDivTextArea {
	outline: none;
	position: absolute;
	background-color: white;
	overflow-y:auto;
	top: 3px;
}

.editableDivTextAreaAnnotation {
	outline: none;
	position: relative;
	background-color: white;
	overflow-y:auto;
}

/*Filter prompt styles*/
div.filterPromptHolder {
	padding:20px 25px;
	color:#333333;
}

div.filterPromptHolder > div {
	clear:both;
}

div.filterPromptHolder div.promptFilterName {
	float:left;
	font-size:18px;
	max-width:240px;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

div.filterPromptHolder div.promptFilterOperator {
	font-size:18px;
	margin-left:10px;
	float:left;
	max-width:150px;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

div.filterPromptHolder div.header {
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
}

div.filterPromptHolder div.searchBar {
	width:160px;
	margin:5px 0;
}

.inclusiveFilter {
	color:#009EEC;
}

.exclusiveFilter {
	color:#FE2E2E;
}

div.filterPromptHolder div.promptValuesHolder {
	border:1px solid #ccc;
	height:300px;
	background-color:white;
	padding-left:5px;
}

div.filterPromptHolder div.promptValuesHolder > div {
	overflow-x:hidden;
	overflow-y:auto;
	height:295px;
	padding-top:5px;	
}

div.filterPromptHolder div.promptValuesHolder div.sideBySide {
	width:50%;
	float:left;
}

div.filterPromptHolder div.submitButton {
	display:table;
	width:400px;
	position:absolute;
	bottom:20px;
}

div.filterPromptHolder div.promptValuesControl {
	float:right;
	overflow:hidden;
}
div.filterPromptHolder div.promptValuesControl div {
	float:left;
}

div.filterPromptHolder div.selectAll {
	background-image:url('../images/list_select_all_grey.png');
	width:20px;
	height:20px;
	background-repeat: no-repeat;
	background-size:20px 13px;
	background-position: center;
	cursor: pointer;
}

div.filterPromptHolder div.selectNone {
	background-image:url('../images/close_large_grey.png');
	background-size:15px 15px;
	width:20px;
	height:20px;
	background-repeat:no-repeat;
	background-position: center;
	cursor: pointer;
}

div.filterPromptHolder div.sort {
	width:20px;
	height:20px;
	background-image:url('../images/blue_icon_sort_descending.png');
	background-size:15px 15px;
	background-position:center;
	background-repeat:no-repeat;
	cursor:pointer;
}

div.filterPromptHolder div.sortAscending {
	background-image:url('../images/blue_icon_sort_ascending.png');
}


/**
	Radio Panel View
*/


div.radio-button-container {
	position: relative;
	float: left; 
	height:260px; 
	width:175px; 
	border-right: 1px solid #ccc; 
}

div.radio-panel-lower-item {
	padding-left: 20px;
	position: absolute;
	bottom: 0px;
}

td.right-settings-text {
	cursor: pointer;
	font-size: 13px;
	color: #6dbff0;;
	
}

td.left-settings-icon {
	cursor: pointer;
	padding-left: 5px;
	padding-top: 3px;
}

div.radio-panel-lower {
	position: absolute;
	bottom: 20px;
	left: 	25px;
	right: 	25px;
}

div.radio-button-left {
 	margin-left: 20px;
 	padding-top: 4px;
}

div.radio-button-right {
	margin-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
    color: #666666;
    font-size: 	16px;
    cursor: pointer;
}

div.radio-options-inner-container {
	height: 210px;
	overflow: auto;
	padding-top: 8px;
}

div.radio-panel-view-outter {
	margin-top: 20px;
    overflow: auto;
}

/* Styling when there's no radio options shown */
div.radio-panel-view-outter.noRadioOptions{
	overflow: inherit;
}

div.radioPanelContent {
	
}

div.radio-panel-loader-view {
	position: absolute;
	top: 0px;
	left: 0px;
	bottom: 0px;
	right: 0px;
	background-color: #f9f9f9;
	z-index: 55;
}

div.radio-panel-view {
	position: absolute;
	top: 0px;
	left: 0px;
	bottom: 0px;
	right: 0px;
}

/* Radio Panel end */

div.toggleNotify {
	float:left;
	padding-top: 3px;
	margin-right:70px;
}

div.toggleHolder {
	float:left;
}

div.fieldContainer {
	position: relative;
}
div.fieldDragHover, div.subFieldDragHover {
	display: none;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	border-radius: 5px;
	border: 2px solid #80cff6;
   z-index: 5;
}
div.fieldContainerDragging div.fieldDragHover {
	display: block;
}
div.fieldDragIndicator, div.subFieldDragIndicator {
	position: absolute;
	left: 5px;
	right: 5px;
	top: 0;
	height: 2px;
	border-radius: 5px;
	background: #80cff6;
	z-index: 5;
	display: none;
}
div.fieldGroupDragIndicator {
	position: absolute;
	top: 0;
	height: 2px;
	left: 5px;
	right: 5px;
	background: #80cff6;
   border-radius: 5px;
	z-index: 5;
	display: none;
}
div.reportFolderHeading {
   height: 25px;
   padding: 0 5px;
   cursor: pointer;
   position: relative;
}
div.reportDataExp {
   position: absolute;
   right: 0;
   width: 25px;
   top: 0;
   bottom: 0;
}
div.reportFolderHeading div.reportDataExp {
   left: 0;
   right: auto;
}
div.reportDataExp img {
   position: absolute;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   margin: auto;
}
div.reportDataTitle {
   position: absolute;
   left: 5px;
   right: 30px;
   top: 1px;
   bottom: 0;
   font-size: 15px;
   color: #666666;
   line-height: 25px;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
}
div.reportFolderHeading div.reportDataTitle {
   left: 30px;
   right: 5px;
   top: 3px;
}

.reportDataContainer {
	padding: 3px;
	border-bottom: 1px solid #cccccc;
}
.reportFolderContainer {
   border-bottom: 0px;
}

.reportDataItem {
   position: relative;
	color: #666666;
    font-size: 14px;
    height: 25px;
    min-height: 25px;
	line-height: 25px;
}

.reportDataItemGreyed {
	color: #CCCCCC !important;
}

div.reportFieldHier {
   position: absolute;
   left: 9px;
   width: 6px;
   top: 0;
   bottom: 0;
}

div.reportDataSubItems > div.reportDataItem > div.reportFieldHier {
   left: 39px;
}

div.reportFieldHierTop {
   top: 13px;
   background: url(../images/tree_backgrd.gif);
}
div.reportFieldHierBottom {
   bottom: 14px;
}
div.reportFieldNoHier div.reportFieldHier {
   display: none;
}
div.reportFieldHierMiddle {
   background: url(../images/tree_backgrd.gif) repeat-y;
}
div.reportFieldHier img {
   position: absolute;
   width: 6px;
}
div.reportFieldHierMiddle img {
   top: 0;
   bottom: 0;
   margin: auto 0;
}

div.reportFieldHighlight {
   display: none;
   position: absolute;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   border: 1px solid #ececec;
   border-radius: 3px;
   background: #fbfbfb;
}

div.reportDataItem:hover div.reportFieldHighlight {
   display: block;
}
div.reportDataItemNoHover:hover div.reportFieldHighlight {
   display: none;
}

div.draggingErrorMessageHeader {
	background: #CC0000;
	color: #ffffff;
	font-size: 15px;
	padding: 8px 12px;
	font-weight: bold;
}

div.draggingErrorMessageBody {
	border: 1px solid #CC0000;
	background: #fdfdfd;
	font-size: 14px;
	color: #666666;
   padding: 8px 12px;
}

div.draggingErrorMessageHeaderWarning {
   background: #dd8800;
}
div.draggingErrorMessageBodyWarning {
   border: 1px solid #dd8800;
}

div.reportDataItemSelected div.reportFieldHighlight {
   display: block;
   background: #f0f0f0;
   border-color: #cccccc;
}
div.reportDataItemSelectedFirst div.reportFieldHighlight {
	display: block;
	background: #f0f0f0;
	border-color: #cccccc;
	border-bottom: 0;
	border-radius: 3px 3px 0 0;
}
div.reportDataItemSelectedMiddle div.reportFieldHighlight {
   display: block;
   background: #f0f0f0;
   border-color: #cccccc;
   border-top: 0;
   border-bottom: 0;
   border-radius: 0;
}
div.reportDataItemSelectedLast div.reportFieldHighlight {
   display: block;
   background: #f0f0f0;
   border-color: #cccccc;
   border-top: 0;
   border-radius: 0 0 3px 3px;
}

div.reportDataItemSelectedInvalid div.reportFieldHighlight {
   border-color: #FF0303;
}

div.reportDataItemSelectedWarning div.reportFieldHighlight {
   border-color: #dd8800;
}

div.reportDataItemSelectedHorizFirst div.reportFieldHighlight {
   display: block;
   background: #f0f0f0;
   border-color: #cccccc;
   border-right: 0;
   border-radius: 3px 0 0 3px;
}
div.reportDataItemSelectedHorizMiddle div.reportFieldHighlight {
   display: block;
   background: #f0f0f0;
   border-color: #cccccc;
   border-left: 0;
   border-right: 0;
   border-radius: 0;
}
div.reportDataItemSelectedHorizLast div.reportFieldHighlight {
   display: block;
   background: #f0f0f0;
   border-color: #cccccc;
   border-left: 0;
   border-radius: 0 3px 3px 0;
}

div.reportFieldIcon {
   position: absolute;
   left: 15px;
   width: 30px;
   top: 0;
   bottom: 0;
}

div.reportDataSubItems > div.reportDataItem > div.reportFieldIcon {
	left: 45px;
}

div.reportFieldNoHier div.reportFieldIcon {
   left: 0;
}

div.reportDataSubItems > div.reportFieldNoHier div.reportFieldIcon {
   left: 30px;
}

div.reportFieldIcon img {
   position: absolute;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   margin: auto;
}
div.reportDataItemDisabled div.reportFieldIcon img {
   opacity: 0.5;
}


div.reportFieldName {
   position: absolute;
   left: 45px;
   right: 0;
   top: 0;
   bottom: 0;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   cursor: default;
}

div.reportDataSubItems > div.reportDataItem > div.reportFieldName {
   left: 75px;
}

div.reportFieldNoHier div.reportFieldName {
   left: 30px;
}

div.reportDataSubItems > div.reportFieldNoHier div.reportFieldName {
   left: 60px;
}

div.reportDataItem:hover div.reportFieldName {
   right: 30px;
}
div.reportDataItemNoMenu:hover div.reportFieldName {
   right: 0;
}
div.reportDataItemDisabled div.reportFieldName {
   color: #cccccc;
}
div.reportDataItemDisabled:hover div.reportFieldName {
   right: 0;
}

div.reportFieldName.fieldNameHighlighted {
   font-weight: bold;
}

div.reportFieldMenuDrop {
   display: none;
   position: absolute;
   right: 0;
   width: 30px;
   top: 0;
   bottom: 0;
   cursor: pointer;
}
div.reportDataItem:hover div.reportFieldMenuDrop {
   display: block;
}
div.reportDataItemNoMenu:hover div.reportFieldMenuDrop {
   display: none;
}
div.reportDataItemDisabled:hover div.reportFieldMenuDrop {
   display: none;
}

div.reportFieldMenuDrop img {
   position: absolute;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   margin: auto;
}

div.reportDataItemSelected {
   height: auto;
}
div.reportDataItemSelected div.reportFieldIcon {
   bottom: auto;
   top: 3px;
   min-height: 20px;
}
div.reportFieldInfo {
   display: none;
   padding-left: 41px;
   padding-top: 25px;
   position: relative;
   line-height: normal;
}
td.reportFieldInfoLabel {
   vertical-align: top;
}
td.tableAndColumnName {
	white-space: nowrap;
}
div.reportDataItemSelected div.reportFieldInfo {
   display: block;
}

div.hierarchyList {
	margin-left:25px;
}

div.hierarchyList .selected {
	background-color:#f9f9f9;
}

div.hierarchyDesc {
	font-size:14px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow:ellipsis;
	padding:7px 10px;
	height:16px;
	position:relative;
}

div.hierarchyDesc:hover {
	background-color:#f9f9f9;
}

div.hierarchyChildren {
	display:none;
}


div.notificationFlag {
   padding:0 150px 0 10px;
   color: #ffffff;
   width: 0px;
   height: 0px;
   border-right: 10px solid #009eec;
   border-left: 12px solid transparent;
   border-top: 17px solid #009eec;
   border-bottom: 17px solid #009eec;
   font-size:18px;
}

div.notificationFlag span {
	display:inline-block;
	position:relative;
	top:-12px;
	white-space: nowrap;
}

div.lbviewpopup {
	background: #f8f8f8;
	height: 554px;
}
div.lbviewpopupof {
	height: 462px;
	overflow-y: auto;
	overflow-x: hidden;
}
div.lbviewpopupofscroll {
	border-bottom: 1px solid #cccccc;
}
div.lbviewpopupinner {
	margin: 20px 25px;
}

td.disableRadioOption {
	position:relative;	
}

td.disableRadioOption:after {
	content:'';
	width:21px;
	height:21px;
	background-color:grey;
	top:3px;
	left:2px;
	border-radius:20px;
	position:absolute;
	opacity:0.3;
}
div#bcFailGroupSearch {
	text-align: left;
	width: 186px;
}

/* Broadcast list */
div.addBroadcastBtn {
	padding-left: 10px;
}
div.reportBroadcastListSection {
	height: 400px;
	overflow: auto;
	margin-left: -15px;
}
div.bcItemList {
	border-style: solid;
	border-color: #e4e4e4;
	border-width: 0 1px 1px 1px;
	position: relative;
}
div.bcItemHeader {
	background: #ffffff;
	border-top: 1px solid #e4e4e4;
	position: relative;
	height: 40px;
	cursor: pointer;
}
div.bcItemHeader:hover {
	background: #f8f8f8;
}
div.bcItemIcons {
	position: absolute;
	left: 10px;
	width: 40px;
	top: 0;
	bottom: 0;
}
div.bcItemTypeIcon {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 10px;
}
img.blkCentre {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}
div.bcItemExpIcon {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	width: 10px;
}
div.bcItemDescription {
	position: absolute;
	left: 60px;
	right: 60px;
	top: 0;
	bottom: 0;
	line-height: 40px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
div.bcItemAlertIcon {
	position: absolute;
	right: 10px;
	width: 40px;
	top: 0;
	bottom: 0;
}
div.bcItemBody {
	display: none;
	background: #ffffff;
}
div.bcItemInfoLeft {
	width: 300px;
	float: left;
}
div.bcItemInfoRight {
	width: 390px;
	float: right;
	padding-top: 20px;
}
div.bcItemDelivery {
	margin-bottom: 20px;
}
div.bcItemDelivery span.bcItemDelivery {
	color: #009eec;
	cursor: default;
}
div.bcItemDelivery:hover span.bcItemDelivery {
	background: #f0f0f0;
}
div.bcItemCalendar1, div.bcItemCalendar2, div.bcItemCalendar3 {
	float: left;
}
div.bcItemCalendar2 {
	padding: 0 10px;
}
div.bcItemCalendarInfo {
	clear: both;
}
div.bcItemCalendarInfo span {
	font-weight: bold;
}
div.bcItemFailure {
	clear: both;
	border: 1px solid #e4e4e4;
	background: #f0f0f0;
	padding: 10px;
	margin: 0 20px 0 43px;
}
div.bcItemFailureTitle {
	color: #e90202;
	font-size: 24px;
}
td.bcItemFailureRunning {
	text-align: right;
}
div.bcItemButtons {
   clear: both;
   padding: 0 20px 0 43px;
}
div.bcItemFailureResult span {
	font-weight: bold;
}
div.bcUnavailable {
	border: 1px solid #e4e4e4;
	background: #ffffff;
	padding: 10px;
	margin-bottom: 20px;
	line-height: 24px;
}
div.bcUnavailable img {
	padding-right: 10px;
}

/* styles used for CalendarEventView */
div.eventCal {
	width: 105px;
}
div.eventCalWeek {
	width: 105px;
	height: 15px;
}
div.eventCalDay {
	width: 12px;
	height: 12px;
	line-height: 12px;
	float: left;
	color: #666666;
	background: #e4e4e4;
	margin: 0 3px 3px 0;
	font-size: 12px;
	text-align: center;
}
div.eventCalDay.eventCalDayHeader, div.eventCalDay.eventCalDaySpacer {
	background: none;
}
div.eventCalDay.eventCalDayEvent, div.eventCalDay.eventCalDayEvent.eventCalDayWeekend {
	background: orange;
}
div.eventCalDay.eventCalDayFuture {
	background: #cccccc;
}
div.eventCalDay.eventCalDayWeekend {
	background: #f4f4f4;
}
div.eventCalDay.eventCalDayHeader.eventCalDayWeekend {
	background: none;
	color: #888888;
}
div.eventCalMonthHeader {
	font-size: 18px;
	color: #666666;
}

/* AnnotateImageView */
div.annotateContainer {
	position: relative;
}
div.annotateImg {
	position: relative;
	margin: 40px auto 20px auto;
	border: 1px solid #e4e4e4;
	overflow: auto;
}
div.annotateImg canvas {
	display: block;
}
div.annotateControls {
	position: absolute;
	top: 0;
	left: 35px;
}
div.annotateControl {
	cursor: pointer;
	padding-bottom: 5px;
}
div.annotateControl img {
	display: block;
}
div.annotateDrawCols {
	position: absolute;
	top: 0;
	left: 70px;
	width: 216px;
	display: none;
}
div.annotateTextCols {
   position: absolute;
   top: 74px;
   left: 70px;
   width: 216px;
   display: none;
}
div.annotateDrawCol, div.annotateTextCol {
	float: left;
	padding-right: 4px;
	cursor: pointer;
}
div.annotateDrawCol > img, div.annotateTextCol > img {
   display: block;
}
div.annotateIcons {
   position: absolute;
   top: 37px;
   left: 70px;
   width: 252px;
   display: none;
}
div.annotateIcon {
   float: left;
   padding-right: 4px;
   cursor: pointer;
}
div.annotateIcon > img {
   display: block;
}
textarea.annotateText {
	position: absolute;
	font-family: sans-serif;
	font-size: 14px;
	color: black;
	border: 1px solid #cccccc;
	background: none;
	padding: 5px;
	resize: both;
	outline: none;
	width: 300px;
	height: 80px;
}

/* ScreenshotView */
div.screenshotSaveBtn {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 20px;
}


/* This style is for the people search link*/
.root-comment-people-link {
	cursor: pointer; color: #008BD0; 
	font-size: 14px; 
	float:left; 
	white-space:nowrap;
	height:14px;
	margin:3px;
	padding: 5px;
	padding-right: 2px;
}

div.createBookmark {
	padding: 20px 25px 0 25px;
	height: 400px;
	overflow: auto;
}
td.bmkPrivacyPublicRad img, td.bmkPrivacyPrivateRad img {
	display: block;
}
td.bmkPrivacyPublicLbl, td.bmkPrivacyPrivateLbl {
	padding: 0 5px;
	cursor: default;
	color: #666666;
}
div.bmkSaveBtn {
	padding: 0 25px;
	float: right;
}

div.bmkAddToStoryBtn {
	float: right;
}

div.bmkAddToStoryBtn > .btn-container {
	height: 38px;
	line-height: 38px;
}

div.pageOverlay {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 55000;
}

.sysInfoToggleIcon {
	padding-left: 10px; padding-right: 5px;
}

td.customStyleInfo {
	padding-left: 20px;
}
td.customStyleInfo div {
	font-weight: bold;
	display: block;
	padding-left: 20px;
}

/* Highlight red menu for standard dropdown*/
ul.yfDropMenu.standardYfDropdown li.menuHover > div.yfDropMenuTitleRedHighlight {
	background-color: #EE2439;
}
ul.yfDropMenu.standardYfDropdown li.menuItem:last-child > div.yfDropMenuTitleRedHighlight {
	color: #EE2439;
}

ul.yfDropMenu.standardYfDropdown li.menuItem.menuHover:last-child > div.yfDropMenuTitleRedHighlight {
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
}

li.menuHover > div.yfDropMenuTitleRedHighlight,
div.yfDropMenuTitle.red-highlight:hover, 
.options-box-red-highlight,
.tabRedHighlight {
	color: #FFFFFF !important;
	background-color: #E90202 !important;
	font-weight: bold !important;
}

img.adminRolesTitle, img.reportOptionsRightNavTitle {
	padding: 0px 5px;
}

.overflowEllipsis {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;	
}

#importTranslationPopup {
    z-index: 5000;
}

div.exportContentLoader, div.importContentLoader {
	display: none;
	width: 20px;
	height: 20px;
	margin-left: 5px;
}

div.loadingDivBackgroundNoAnimation {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}

table.radioList td.radioListDescription {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display:block;
}

div#client-org-auto-select-outer {
	width:600px;
	margin-right: auto;
	margin-left: auto;
}

div#auto-results {
	width: 600px;
	overflow: auto;
	height: 400px;
	border: 1px solid #cccccc;
	-webkit-overflow-scrolling: touch;
}

#auto-select-box {
	font-size: 24px;
    font-weight: 400;
    width: 300px;
    font-family: sourceSansPro, arial, sans-serif;
    color: #CCC;
    position: relative;
    height: 40px;
    background-color: #FFF;
    padding: 0 35px 0 0px;
    border: 1px solid #cccccc;
    z-index: 100000000;
    float: left;
    margin-bottom: 10px;
}

#clear-search-results {
	top: 0px;
    position: absolute;
    right: 5px;
    font-size: 35px;
    width: 20px;
    line-height: 50px;
    text-align: center;
    color: red;
}


#auto-select-box input {
	font-size: 24px;
	font-family: sourceSansPro, inherit;
	width: 300px;
	text-indent: 5px;
	padding-top: 5px;
	padding-bottom: 5px;	
	height: 30px;
	border: 0;
	margin: 0;
	position:relative;
	top:0px;
}

div.simple-auto-connect-cell {
	text-decoration: none;
    cursor: pointer;
    padding-left: 2px;
    color: #666666;
    font-size: 25px;
    font-family: sourceSansPro, Tahoma, sans-serif;
    height: 35px;
    min-height: 25px;
    line-height: 35px;
    padding: 6px;
}

div.client-org-text {
	color: #666666;
    font-size: 25px;
    font-family: sourceSansPro, Tahoma, sans-serif;
    margin-bottom: 10px;
    margin-top: 6px;
}

div.simple-auto-connect-cell-selected {
	background-color: yellow;
}

div.client-org-action-buttons {
	float: right;
}

div#client-select-box {
	
}

div#client-go-button, div#client-cancel-button, div#client-clear-button {
	padding-top: 4px;
	padding-right: 10px;
	float: left;
}
div.chartCustomError {
    width: 50%;
    margin: 0 auto;
}
div.chartCustomError > div {
	text-align: center;
}
div.chartCustomError > img {
	display: block;
    margin: auto;		
}
.unselectable {
  -webkit-user-select: none;  /* Chrome all / Safari all */
  -moz-user-select: none;     /* Firefox all */
  -ms-user-select: none;      /* IE 10+ */
  -o-user-select: none;
  user-select: none;     
}

.selectable {
	-webkit-user-select: auto;  /* Chrome all / Safari all */
	-moz-user-select: auto;     /* Firefox all */
	-ms-user-select: auto;      /* IE 10+ */
	-o-user-select: auto;
	user-select: auto;
}

table.standardInfoContainer {
   background-color: #ffffff;
   width: 100%;
   padding-top: 10px;
   padding-bottom: 10px;
   padding-left: 15px;
   padding-right: 15px;
   border-spacing: 0;
}

td.standardInfoIcon {
   width: 42px;
   vertical-align: top;
   padding-right: 15px;
}


td.standardInfoIcon > img {
   width: 42px;
   height: 42px;
}

td.standardInfoIcon.noIcon {
   width: 0;
   padding: 0;
}

div.report-usage-view-header {
	background-color: #009eec;
	color: #ffffff;
	text-align: left;
	font-size: 16px;
   position: relative;
   height: 33px;
   z-index: 1;
}

div.report-usage-view-item-list {
	background-color: white;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	overflow: auto;
}

div.report-usage-col {
	display: table;
	float: left;
   font-size: 12px;
   height: 100%;
}

div.report-usage-view-header-col {
   text-align: left;
   font-size: 16px;
   cursor: pointer;
   height: 33px;
}

div.report-usage-row {
	clear: both;
	padding: 0px;
	margin: 0px;
	height: 100%;
}

div.report-usage-view-item {
	line-height: 100%;
	border-bottom: 1px solid #e4e4e4;
	height: 33px;
}

div.report-usage-report-delete-img {
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	cursor: pointer;
	display: table-cell;
	vertical-align: middle;
}

div.report-usage-group:before,
div.report-usage-group:after { 
	content:""; 
	display:table; }

div.report-usage-group:after { 
	clear:both;}

div.report-usage-delete {
	width: 5%;
}

div.report-usage-delete-item {
	text-align: center;
}

div.report-usage-name {
	width: 40%;
}

div.report-usage-modified {
	width: 30%;
}

div.report-usage-usage {
	width: 24%;
}

div.report-usage-text-item {
	border-left: solid 1px white;
	padding: 0 3px;
	height: 33px;
	line-height: 33px;
}


div.report-usage-view-header .report-usage-text-item {
	border-left: solid 0px white;
}

div.report-usage-report-item {
	font-size: 12px;
	display: table-cell;
	vertical-align: middle;
	height: 100%;
	padding: 0 3px;
}

div.report-usage-bar-container {
	position: relative;
	display: table-cell;
	vertical-align: middle;
}

div.report-usage-bar-background {
   height: 5px;
   background-color: #cccccc;
}

div.report-usage-bar-background > div.report-usage-bar {
	height: inherit;
	background-color: #009eec;
}

div.report-usage-report-delete-img img {
	top: 1px;
	position: relative;
	cursor: pointer;
}

div.report-usage-to-results {
	height: 60px;
	line-height: 60px;
	text-align: center;
}

.multilogon {
	text-align: center;
	margin: 100px auto;
	width: 350px;
}

.searchholder {
	margin: 10px 0;
}

.searchholder input {
	float: left;
	font-size: 22px;
    width: 350px;
    margin-top: 10px;
    text-overflow: ellipsis;
    color: #666666;
    height: 40px;
    padding-left: 10px;
    padding-right: 35px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}

.searchholder input::-ms-clear {
	display: none;
}

.searchholder .clearbtn {
	clear: both;
	margin-left: -30px;
    margin-top: 10px;
	width: 25px;
	height: 40px;
	background-image: url('../images/close_large_grey.png');
	background-repeat: no-repeat;
	background-position: center;
	display: inline-block;
	cursor: pointer;
}

.searchholder .searchresults {
	width: 100%;
	max-height: 300px;
	overflow-y: auto;
	overflow-x: hidden;
	text-align: left;
	text-overflow: ellipsis;
 	padding: 5px 0;
	border: solid 0.1px #CCCCCC;
	white-space: nowrap;
}

.searchholder .searchitem {
	cursor: pointer;
	font-size: 16px;
	color: #666666;
	padding: 5px 10px;
}

.searchholder .noresultsitem {
	font-size: 16px;
	text-align: center;
	color: #c00000;
	padding: 5px 10px;
}

.searchitem:hover {
	background-color: #EEEEEE
}

.multilogon .i4bodytext {
	font-size: 16px;
	color: #999999;
	width: 350px;
	margin: 10px 0 10px 0;
	text-align: center;
}

#configCancel {
	margin-left: 2px;
	margin-right: 2px;
}
#configSave {
	margin-left: 2px;
	margin-right: 2px;
}
.btn-container {
	margin-left: 2px;
	margin-right: 2px;
}

.multilogon .btn-container {
	height: 40px;
	line-height: 40px;
	padding: 0;
	width: 350px;
	margin: 10px 0;
	font-size: 22px;
	background: #009eec;
   	color: #ffffff;
   	cursor: pointer;
   	white-space: nowrap;
	display: inline-block;
	text-align: center;
	position: relative;
	text-overflow: ellipsis;
    overflow: hidden;
}

.multilogon .btn-container:hover {
	background: #008ed4;
}

div.keyValuePairEdit div {
	float:left;
	margin-right:5px;
}

div.lbcontainer {
	padding: 20px;
	color: #666666;
}
div.lbtitle {
	padding-bottom: 10px;
	color: #333333;
	font-size: 16px;
}

.view-edit-page {
	background-color: #f7f8f7;
}

div.view-edit-page-wrapper {
	background-color: #f7f8f7;
}

div.view-edit-desc-text {
	height: 100px;
	width: 80%;
}

div.view-edit-rollback-warning {
	width: 80%;
}

div.view-edit-wrapper {
	width: 600px;
	padding: 30px;
	position: relative;
	margin: 4px auto 0 auto;
	border: solid 1px #e6e6e6;
	min-height: 500px;
}

div.view-edit-wrapper div.optionTitle {
	font-size: 24px;
}

div.view-edit-button {
	position: relative;
	height: 40px;
}

div.view-edit-summary-section {
	height: 60px;
}

div.view-edit-type-desc-left {
	float: left;
	width: 22%;
	font-weight: bold;
	margin-right: 2%;
}

div.view-edit-type-desc-right {
	float: left;
	width: 76%;
}

div.view-edit-tooltip {
	position: relative;
}

div.view-edit-tooltip-inner {
	padding: 10px;
	position: relative;
}

div.view-edit-summary-reports-section {
	margin: 20px auto 20px auto;
	background-color: #FFFFFF;
	padding: 10px;
	width: 80%;
}

div.view-edit-summary-reports-section div {
	padding: 4px;
}

div.view-edit-more-info {
	color: #009EEC;
	cursor: pointer;

}
div.view-edit-more-info:hover {
	text-decoration: underline;
}

div.view-edit-rollback-warning {
	border: solid 1px #EC644B;
	padding: 6px;
	width: 80%;
	margin: 4px auto 4px auto;
}

div.view-edit-rollback-field-info {
	margin: 4px 0 4px 0;
}

div.view-edit-rollback-field-info div {
	padding: 2px;
	font-weight: bold;
}

div.view-edit-rollback-field-info table {
	width: 50%;
}
/**
	Animations to make nodeInserted.jquery work
**/
@keyframes nodeInserted {  
    from {  
        outline-color: #fff; 
    }
    to {  
        outline-color: #000;
    } 
 
}

@-moz-keyframes nodeInserted {  
    from {  
        outline-color: #fff; 
    }
    to {  
        outline-color: #000;
    }  
  
}

@-webkit-keyframes nodeInserted {  
    from {  
        outline-color: #fff; 
    }
    to {  
        outline-color: #000;
    }  
  
}

@-ms-keyframes nodeInserted {  
    from {  
        outline-color: #fff; 
    }
    to {  
        outline-color: #000;
    } 
 
}

@-o-keyframes nodeInserted {  
    from {  
        outline-color: #fff; 
    }
    to {  
        outline-color: #000;
    }  
  
} 

.insertElement {
    animation-duration: 0.01s;
    -o-animation-duration: 0.01s;
    -ms-animation-duration: 0.01s;
    -moz-animation-duration: 0.01s;
    -webkit-animation-duration: 0.01s;
    animation-name: nodeInserted;
    -o-animation-name: nodeInserted;
    -ms-animation-name: nodeInserted;        
    -moz-animation-name: nodeInserted;
    -webkit-animation-name: nodeInserted;
}

.publish-tab {
	background-color: #009eec;
	color: #ffffff;
	border-bottom:1px solid #e4e4e4;
}

.publish-tab a, 
.publish-tab a:VISITED, 
.publish-tab a:LINK {
	color: #ffffff !important;
}

.publish-tab:hover {
	background-color:#008ed4;
}

div.shapeWidget svg * {
	fill:none;
	stroke:#000;
	vector-effect:non-scaling-stroke;
}

div.report-usage-view-container {
	position: relative;
}

div.report-usage-view-header-background {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   height: 33px;
   background-color: #009eec;
}
div.aceEditorTab {
	cursor: pointer;
	padding: 5px;
	height: 25px;
	line-height: 25px;
	min-width: 100px;
	text-align: center;
}
div.aceEditorTabActive {
	color: #009EEC;
}
div.aceEditorTabDisabled {
	color: #888888;
	background-color: #D0D0D0;
}
div.aceEditorView {
	position: absolute;
	top: 35px;
	right: 0;
	bottom: 0;
	left: 0;
	margin: 0;
}
div.aceEditorTabs {
	background-color: #EBEBEB;
}
div.aceEditorSaveButton {
	position: absolute;
    right:10px;
    top: 2px;
}

.sliderAndText {
	width:150px;
}
.sliderAndText > div {
	float:left;
	position:relative;
	top:3px;
}
.sliderAndText .slider {
	width:118px;
	top:10px;
}
.sliderAndText .textDisplay {
	width: 23px;
	text-align: right;
	top: 10px;
	float: right;
	margin-right:7px;
}

div.contentApproval {
   padding: 20px;
   color: #666666;
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   overflow: auto;
}
div.contentApproval li {
   padding-bottom: 10px;
}
div.contentApprovalButtons {
   position: absolute;
   bottom: 20px;
   left: 20px;
   right: 20px;
}
div.contentApprovalButtons div.btn-flat {
   padding: 0;
   width: 100px;
}
div.contentApprovalButtons table {
   margin: auto;
}
div.contentApprovalButtons table td {
   text-align: center;
   padding-right: 20px;
}
div.contentApprovalButtons table td:last-child {
	padding-right: 0;
}

div.tabBarApproval {
	padding: 2px;
}
table.tabBarApproval img {
   display: block;
   width: 18px;
}
table.tabBarApproval img.tabBarApprovedAvatar {
   height: 35px;
   width: 35px;
}
td.tabBarApprovedName {
   padding: 0 10px;
   font-size: 12px;
   color: #8e8e8e;
   white-space: nowrap;
}
td.tabBarApprovedName span {
   font-size: 14px;
}
td.tabBarApprovedLbl {
	padding: 0 0 0 10px;
	font-size: 14px;
	color: #8e8e8e;
	white-space: nowrap;
}

.user-import {
	border-radius: 15px;
	padding: 15px;
	border: 2px solid #f3f3f3;
	background: #f9f9f9;
}

.warningChecked {
	background-color:#FFEEEC;
}
.jsChartNoOverflow {
	line-height: 0;
	overflow: hidden;
}
.initReportError {
	position: RELATIVE;
	top: calc(50% - 20px);
	text-align: center;
}

div.dataDiscoveryMenu, div.dataDiscoveryAdditionalOptionsLink, div.dataDiscoveryAdvancedOptions{
	font-family: Roboto;
	font-size:16px;
	color:#666666;
}

.dataDiscoveryAdditionalOptionsLink {
	color: #009EEC;
	cursor: pointer;
	font-size: 14px;
	float: right;
	clear: left;
	margin-right:80px;
	margin-top:10px;
}

.dataDiscoveryAdditionalOptionsLink .moreLessText {
	color: #009EEC;
	display: inline-block;
	font-size: 16px;
	padding: 5px;
	padding-left: 20px;
}

.dataDiscoveryAdditionalOptionsLink .moreLessImgDiv {
	display:inline-block;
}

.dataDiscoveryAdvancedOptions {
	display: none;
	float: left; 
	clear: left;
	margin-top:20px;
}

.aaa {
	background-image:url('../images/list_select_all_grey.png');
	width:20px;
	height:20px;
	background-repeat: no-repeat;
	background-size:20px 13px;
	background-position: center;
	cursor: pointer;
}

div.dataDiscoveryChartsContainer div.sections {
	overflow-y:auto;
	overflow-x:hidden;
	position: absolute;
    bottom: 0px;
}

div.helpDismissed {
    top: 73px;
}

div.helpDismissedDashboard {
    top: 45px;
}

div.showHelp {
    top: 173px;
}

div.showHelpDashboard {
    top: 136px;
}

div.dataDiscoveryListMenu {
	background-color: #f9f9f9;
	padding-bottom: 1px;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	width:403px;
}

div.discussionStreamDataDiscovery div.dataDiscoveryListMenu {
	position: static;
}

div.widgetTemplateMenu div.chartWidgets div.canvasWidgetDrag div.widgetText {
	background-color:rgba(0,0,0, 0.4);
	color:white;
	font-family:Roboto, Arial, sans-serif;
	font-size:14px;
	padding-left:10px;
	height:25px;
	padding-top:5px;	
	position:absolute;
	bottom:0;
	left:0;
	right:0;
}

div.dataDiscoveryListMenu div.chartWidgets div.dataDiscoveryChart {
	border: 1px solid #e4e4e4;
	position: relative;
	margin: 5px;
	background-color: #ffffff;
}

div.dataDiscoveryChartMenuHeading div.title {
	padding: 8px 7px;
    font-size: 20px;
    color: white;
    float:left;
    padding-bottom:0;
}

div.dataDiscoveryChartMenuHeading {
    height: 39px;
    background-color: #009EEC;
    color: white;
    z-index: 10;
    position: relative;
    border: none;	
}

div.dataDiscoveryChartMenuHeadingDashboardChartList {
    height: 39px;
    background-color: #009EEC;
    color: white;
    z-index: 10;
    border: none;	
    width: 100%;
    top: 0;
}

div.dataDiscoveryChartMenuHeadingDashboardChartList div.title {
    padding: 8px 7px;
    font-size: 20px;
    color: white;
    float:left;
    padding-bottom:0;
}

div.dashboardSections {
	position:absolute;
	bottom:142px;
}

div.dashboardSections div.templateSection {
	overflow-x:hidden;
	overflow-y:auto;
	height:100%;
}

div.discussionStreamDataDiscovery div.dashboardSections {
	position:static;
}

div.dashboardDataDiscoveryHelpMessage {
    height: 90px; 
    background: #ffffff; 
    position: relative; 
    margin-bottom: 20px;
    border: 1px solid #e4e4e4;
    margin: 5px;
    width: 391px;
    z-index: 1;
}

div.dataDiscoveryChartTitleText {
    color: #666666;
    font-family: Roboto, Arial, sans-serif;
    font-size: 18px;
    padding-left: 10px;
    padding-top: 10px;
    text-overflow: ellipsis;
    bottom: 0;
    left: 0;
    right: 0;
	margin-right: 45px;
}

div.dataDiscoveryChartSubTitleText {
    color: #999999;
    font-family: Roboto, Arial, sans-serif;
    font-size: 12px;
    padding-left: 10px;
    padding-bottom: 15px;
    height: 15px;
    bottom: 0;
    left: 0;
    right: 0;
}

div.dataDiscoveryChartNarrativeText {
    color: #666666;
    font-family: Roboto, Arial, sans-serif;
    font-size: 13px;
    padding: 15px;
    white-space: pre-line;
}

div.dataDiscoveryChartNarrativeText p{
	margin-top:0px;
	margin-bottom:3px;
	padding:0px;
}

div.dataDiscoveryChartNarrativeText ul {
	margin:0px;
	padding-left: 10px;
}

div.dataDiscoveryChartNarrativeText ul li:not(:last-child) {
	margin: 4px 0;
}

div.dataDiscoveryChartNarrativeTitleText {
    color: #333333;
    font-family: Roboto, Arial, sans-serif;
    font-size: 16px;
    padding-top:25px;
    padding-left: 10px;
    bottom: 0;
    left: 0;
    right: 0;
}

div.dataDiscoveryChartHeaderchartNotApproved span, div.dataDiscoveryChartHeaderDashboardApproved span {
    content:'';
	position:absolute;
	right:10px;
	top:10px;
	background-image:url('../images/round_icon_tick_grey.svg');
	width:25px;
	height:25px;
	cursor: pointer;
}

div.dataDiscoveryChartHeaderchartNotApproved span:hover , div.dataDiscoveryChartHeaderDashboardApproved span:hover {
	background-image:url('../images/round_icon_tick_blue.svg');
}

div.dataDiscoveryChartHeaderchartApproved span , div.dataDiscoveryChartHeaderDashboardNotApproved span {
    content:'';
	position:absolute;
	right:10px;
	top:10px;
	background-image:url('../images/round_icon_tick_blue.svg');
	width:25px;
	height:25px;
	cursor: pointer;
}

div.dataDiscoveryChartHeaderchartApproved span:hover , div.dataDiscoveryChartHeaderDashboardNotApproved span:hover {
	background-image:url('../images/round_icon_tick_grey.svg');
}

div.dataDiscoveryChartHeaderDashboard span {
	content: '';
	width: 25px;
	height: 25px;
	cursor: pointer;
}

td.fieldsToAnalyse {
    background: #009eec;
	color: #ffffff;
}

div.dataDiscoveryWidgetLightBox{
	background : #f9f9f9;
}

td.dataDiscoveryOptionsTitle {
    width: 100px;
    padding-left: 40px;
}

td.compareTxt{
	text-align:right;
	padding-top:20px;
}

td.higherValuesTitle {
    font-size: 16px;
    width:300px;
    padding-left:40px;
}

td.higherValues{
	width:205px;
	padding-left:10px;
	padding-right:75px;
}

td.dataDiscoveryFieldsTitle{
	width:300px;
	padding-left:40px;
	vertical-align:top;
}

td.dataDiscoveryFieldsTitle div.excludeMetricfieldsExplain{
	font-size: 14px;
    margin-top: 10px;
    color: #999999;
}

td.dataDiscoveryFields{
	width:205px;
	padding-left:10px;
}

div.dataDiscoveryFieldsDiv {
    height: 225px;
    width: 205px;
    overflow: auto;
    border:1px solid #e4e4e4;
    background: #ffffff;
}

div.dataDiscoveryFieldsDiv div.multiOptionList div {
    margin: 5px 0px 0px 3px;
}

div.dataDiscoveryFieldsDiv div.multiOptionList div:first-child {
    margin-top: 10px;
}

div.dataDiscoveryFieldsDiv div.multiOptionList img{
	float:left;
	margin-right:10px;
}

div.dataDiscoveryFieldsDiv div.multiOptionList span{
	float:left;	
	max-width: 150px;
	text-overflow: ellipsis;
    overflow: hidden;
}

div.dataDiscoveryFieldsDiv div.multiOptionList span::before{
	width: 3px;
    height: 21px;
    content: " ";
    display: block;
    float: left;
    margin-right: 10px;
}

div.dataDiscoveryFieldsDiv div.multiOptionList span.NUMERIC::before{
  background-color: #009EEC;
}

div.dataDiscoveryFieldsDiv div.multiOptionList span.DATE::before{
  background-color: #CC6E00;
}

div.dataDiscoveryFieldsDiv div.multiOptionList span.TIMESTAMP::before{
  background-color: #FFA500;
}

div.dataDiscoveryFieldsDiv div.multiOptionList span.TEXT::before{
  background-color: #FFE600;
}

div.dataDiscoveryFieldsDiv div.multiOptionList span.GISGEOMETRY::before{
  background-color: #6CB17C;
}

div.dataDiscoveryFieldLimit {
    float: right;
    clear: both;
    overflow: hidden;
    padding-top: 20px;
}

td.uniqueValuesTitle{
	width:300px;
	padding-left:40px;
}

td.uniqueValuesInput{
	width:205px;
	padding-left:10px;
	padding-right:75px;
}

div.limitText {
    float: left;
    padding-right: 20px;
    height: 35px;
    display: table;
}

div.dataDiscoverySubmit {
    float: left;
    clear: left; 
    width: 450px; 
    padding-left: 96px;
    position:absolute;
    bottom:25px;
}

div.dataDiscoveryHelpMessage {
    height: 90px; 
    background: #ffffff; 
    position: relative; 
    margin-bottom: 20px;
    border: 1px solid #e4e4e4;
    margin: 5px;
    margin-right: 21px;
    width: 390px;
}

div.dataDiscoveryInfoText {

    margin-left: 68px;
    margin-top: 9px;
    font-size: 15px;
}

div.dataDiscoveryInfoIcon {
    float: left;
    padding-top: 11px;
    padding-left: 10px;
}

td.dataDiscoverytd1 {
    width: 220px; 
    padding-left: 25px;
}

td.secondMetric, td.compareTo2{
	padding-top:20px;
}

td.dataDiscoverytd1 div.customPeriod {
	width:50%;
	float:right;
}

td.dataDiscoverytd2 {
    font-size: 14px; 
    width: 25px; 
    padding-left: 10px;
    padding-right:40px;

}

td.dataDiscoverytd2.compareTo3 {
	padding-top:0px;	
}

div.dataDiscoveryMenu {
    float: left; 
    padding-top:35px;
}

td.dataDiscoveryWidth200 {
    width: 200px;
}

div.dataDiscoverySelectValuesControl {
    float: right; 
    clear: both; 
    overflow: hidden;
    margin-right:240px;
}

/* overwrite image size of Button standard */
div.dataDiscoverySelectValuesControl .selectAll img , div.dataDiscoverySelectValuesControl .selectNone img{
	width:20px;height:13px;
}
div.dataDiscoverySelectValuesControl .selectNone img{
	width:15px;height:15px;	margin:2px auto;
}

span.dataDiscoveryFieldLimitSpan {
    vertical-align: middle; 
    display: table-cell;
}

div.dataDiscoveryFieldLimitValue {
    float: left; 
    position: relative;
}

div.saveInsight {
	margin: 5px;
	border: 1px solid #e4e4e4;
	position: absolute;
	background-color: #f9f9f9;
	margin-top:5px;
    bottom: 0px;
    z-index: 1;
    margin-right: 23px;
    width:390px;
    height:130px;
}

div.saveInsight span {
	position: absolute;
    right: 10px;
    bottom: 95px;
    background-image: url(../images/mini_menu.png);
    background-repeat: no-repeat;
    width: 10px;
    height: 20px;
}

div.saveInsight span:hover {
	background-image: url("../images/mini_menu_over.png");
}

div.saveInsightsTitle {
	color: #666666;
	font-size: 20px;
	padding-left: 10px;
	padding-top: 10px;
}

div.saveInsightsText {
	color: #666666;
	font-size: 16px;
	padding-left: 10px;
}

div.saveInsightsAction {
	position: relative;
	left: 265px;
	font-weight: bold;
	width: 100px;
	display:none;
}

td.dataDiscoveryAddCommentButton {
	color: #ffd700;
	cursor: pointer;
}

td.dataDiscoverydiscare {
	color: #666666;
	cursor: pointer;
}

div.saveInsightsComment {
	color: #ffd700;
	cursor: pointer;
}

div.dash-report-selected {
	border: 1px solid #009eec;
}

div.reportDataDiscoveryChartList {
	position: fixed;
	top: 0;
	bottom: 0;
	right: -420px; /*Could be a scroll bar so start this far away*/
	border-left: 1px solid #e4e4e4;
	z-index: 1001;
	background-color:white;
	background-repeat : no-repeat;
	background-position : center;
	overflow:hidden;
}

table.refineSelectAllMenuTable {
	margin-left: 200px;
	margin-top: 8px;
	cursor: pointer;
}

table.refineSelectAllMenuTable td.refine, table.refineSelectAllMenuTable td.refineEmpty {
	width: 115px;
}

table.refineSelectAllMenuTable td.selectAll, table.refineSelectAllMenuTable td.deSelectAll {
    width: 85px;
}

td.dataDiscoveryButtonsText {
	width: 290px;
	padding-left: 10px;
}

div.data-discovery-loading-view-overlay {
	background-color: #333333;
	opacity: 0.4;
	position: fixed;
	z-index: 9999;
	top:0;
	bottom: 0;
	right: 0;
	left: 0;
}

div.data-discovery-loading-view {
	width: 300px;
	height: 350px;
	background-color: #F9F9F9;
	border: #E4E4E4 1px solid;
	position: fixed;
	z-index: 10000;
	left: calc(50% - 150px);
	top: calc(50% - 150px);
	padding: 25px 20px 15px 20px;
}

div.data-discovery-loading-view .inner-container {
	position: relative;
	height: 100%;
	
}

div.data-discovery-loading-view .title {
	color: #333333;
	font-size: 18px;
	padding-bottom: 10px;
	max-height: 125px;
	overflow: hidden;
	text-overflow: ellipsis;
}

div.data-discovery-loading-view .text-container-upper {
	color: #333333;
	font-size: 14px;
}

div.data-discovery-loading-view .button-container {
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
}

div.data-discovery-loading-view .loading-container {
	position: absolute;
	height: 50px;
	width: 50px;
	left: calc(50% - 25px);
	top: calc(50% - 25px);
}

div.data-discovery-loading-view .loader-inner {
	position: relative;
	height: 100%;
	width: 100%;
}

div.data-discovery-loading-view .text-container-lower {
	position: absolute;
	bottom: 110px;
	left: 0;
	right: 0;
	text-align: center;
	color: #333333;
	font-size: 14px;
}

div.data-discovery-loading-view .error-header.error {
	font-size: 16px;
	color: #333333;
	padding-bottom: 4px;
}

div.data-discovery-loading-view .text-container-lower.error,
div.data-discovery-loading-view .error-header.error {
	color: #FD1149;
	font-size: 16px;
}

div.data-discovery-loading-view .text-container-warning {
	position: absolute;
	bottom: 55px;
	left: 0;
	right: 0;
	text-align: center;
	color: #FF0000;
	font-size: 14px;
}

.dataDiscoveryListClose {
	background-image: url("../images/close_large_white.png");
	height: 25px;
	width: 25px;
	float: right;
    margin: 7px 7px 0px 7px;
	cursor: pointer;
}

	/* ------- */

/***
	PARAM STUFF
*/
div.panelSection {
	clear:both;
	margin-bottom:5px;
}

div.sectionName {
	font-size:20px;
	border-bottom:1px solid #cccccc;
	margin-bottom:10px;
	margin-top:5px;
}

div.panelParameter {
	clear:both;
}

div.panelParameter div.parameter {
	padding-bottom:20px;
	overflow:hidden;
}

div.panelParameter div.parameter > div.paramInfo {
	float:left;
	max-width:50%;
}

div.panelParameter div.parameter > div.paramControl {
	float:right;
}

div.panelBody {
	margin:0 10px;
}

div.panelContent div.panel {
	height:auto;
}

/* END basic parameter stuff*/

/* START FieldMatchView CSS */

.fieldIndicator{
	height: 20px;
	width: 3px;
    float: left;
    margin-right: 10px;
    margin-left: 10px;
}

.fieldText{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

div.notMatchedFieldText{
	color: #CCCCCC;
}

.fieldMatchViewListItem{
    padding: 3px;
   	width: 150px;
   	border:1px solid transparent;
}

.hoverableField:hover{
	background-color: #f9f9f9;
	border: 1px solid #CCCCCC;
}

.fieldImgSpace{
    width: 20px;
    height: 20px;
    float: left;
}

.sortableHandleImg{
    height: auto; 
    width: auto; 
    max-width: 20px; 
    max-height: 20px;
}

.fieldListTitle{
	margin-bottom: 10px;
	margin-left: 10px;
    font-weight: 600;
	color: #999999;
}

.hoverableField{
	cursor: pointer;
	border: 1px solid transparent;
}

.fieldList{
	float:left;
    margin-right: 20px;
}

.fieldMetricIndicator{
	background-color: #10A5F4;
}

.fieldDimensionIndicator{
	background-color: #FFC310;
}

.titleClassA{
	padding-bottom: 5px;
	border-bottom: 3px solid green;
}

.titleClassB{
	padding-bottom: 5px;
	border-bottom: 3px solid purple;
}

.mappedFieldsDivider {
	margin-bottom: 28px;
	border-top: 1px solid #CCCCCC;
	height: 1px;
}

.fieldList .fieldsContainer {
	min-height: 28px;
}

.fieldList .unmatchedFieldsArea {
	min-height: 28px;
}

/* END FieldMatchView CSS */
/* START checkbox field indicator parameter example */
span.fieldIndicator{
	width: 3px;
    height: 21px;
    margin-right: 7px;
    margin-left: 25px;
    display: inline-block;
}

/* END checkbox field indicator parameter example */

/* START  Parameter Value Display example */

div.valueDisplayExample{
	width: 3px;
	height: 20px;
	float: left;
    margin-right: 7px;
    margin-left: 7px;
}

div.valueDisplayImgExample{
	width: 20px;
	height: 20px;
	float: left;
    margin-right: 7px;
    margin-left: 7px;
}

div.valueDisplayImgExample img{
	margin-right: 5px;
    max-height: 20px;
    max-width: 20px;
}

/* END  Parameter Value Display example */

/* START delimiter example */

.delimiterMarker{
	border-right: 1px dashed red;
	width: 1px;
	height: 20px;
	margin-left: 5px;
	margin-right: 5px;
	float: left;
}

.delimiterExampleContainer{
	padding: 10px;
	border: 1px solid #cccccc;
	font-size: 12;
	height: 15px;
}

.delimitedText{
	float: left;
}

/* END delimiter example */

/* START example parameter things */

div.toggleFloatLeft{
    white-space: nowrap;
    clear: none;
    margin-right: 100px;
}

div.textBoxFloatRight{
	clear: none;
    white-space: nowrap;
    display: inline-block;
    float: right;
}

/* END example parameter things */

/* START Help Text Parameter */

div.parameterHelpTooltip{
    color: #009EEC;
    float: left;
    cursor: pointer;
    margin-top: 10px;
    margin-right: 5px;
    font-size: 12px;
}

/* END Help Text Parameter */

/* START field match drop down view */

div.dropDownFieldSection{
    float: left;
    margin-right: 50px;	
}

/* END field match drop down view */

/* START example parameter upload */

#uploadFileStyleId{
	padding: 10px 0px;	
  	width: 100%;	
}

div.exampleUploadStyle div.paramControl{
	width: 100%;
}

/* END example parameter upload */

/* START Parameter Connector Drop Down View */

div.loadNewConnectorParameterBtn{
	font-size: 14px;
    float: right;
	cursor: pointer;
	color: #009EEC;
}

.marketplaceLink{
	color: #009EEC;
	cursor: pointer;
}

/* END Parameter Connector Drop Down View */

/* START Parameter Validation */

div.parameterErrorMsg {
	clear: both;
    font-size: 14px;
    color: #FD1149;
    overflow: visible;
}
div.validationError > div {
	display: inline;
	color: red;
}

/* END Parameter Validation */

/* -Google Material Design text input- */
.materialsInput > .inputLine {
  margin-top: 8px;
}

.materialsInput > .inputLine > .placeholderText {
  position: absolute;
  font-size: 16px;
  margin-left: 40px;
  margin-top: 8px;
  color: #CECECE;
  width: calc(100% - 70px);
}

.materialsInput > .inputLine > .inputIcon {
  float: left;
  position: absolute;
  padding-top: 4px;
}

.materialsInput {
  position: absolute;
  width: 200px;
}

.materialsInput > .inputLine > input {
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #999999;
  height: 16px;
  width: calc(100% - 70px);
  line-height: 16px;
  font-size: 16px;
  margin-left: 40px;
  padding-bottom: 8px;
  padding-top: 8px;
}

.materialsInput > .inputLine > input:disabled {
	outline: none;
  	border-bottom: 1px dashed #009EEC;
}

.materialsInput > .inputLine > input:focus {
  outline: none;
  border-bottom: 1px solid #009EEC;
}

.materialsInput > .inputLine > input.error {
  border-bottom: 1px solid #cc0000;
}

.materialsInput > .inputLabel {
  position: absolute;
  margin-left: 40px;
  margin-top: 16px;
  font-size: 16px;
  color: #999999;
  width: calc(100% - 70px);
}

.materialsInput > .inputLabel.selected {
  font-size: 12px;
  color: #009EEC;
  position: relative;
}

.materialsInput > .inputLabel.withValue {
  position: relative;
  font-size: 12px;
}

.materialsInput > .inputLabel.error {
  color: #cc0000;
}

.materialsInput > .inputLine > .clearIcon {
  position: absolute;
  top: 38px;
  right: 0;
  margin-top: 6px;
}

.materialsInput > .helperDiv {
  margin-top: 8px;
  margin-left: 40px;
  font-size: 12px;
  line-height: 12px;
  color: #999999;
  width: calc(100% - 70px);
}

.materialsInput > .errorDiv {
  margin-top: 8px;
  margin-left: 40px;
  font-size: 12px;
  line-height: 12px;
  color: #cc0000;
  width: calc(100% - 70px);
}

.materialsInput > .errorDiv > .errorIcon {
  height: 12px;
  width: 12px;
  margin-right: 8px;
  float: left;
}

/*Show Advanced Settings parameter */
div.show-advanced-settings, div.hide-advanced-settings {
	cursor: pointer;
	color: #009EEC;
}

.dataDiscoveryChartNarrativeText .moreLessText{
	color:#009eec;
	cursor: pointer;
	font-size: 14px;
    float:right;
}

.dataDiscoveryChartNarrativeText span.boldNarrativeField{
    font-weight: bold;
    color:#444444;
}

div.panelParameter.fileUploadParameter  div.parameter > div.paramControl {
	float:none;
}



/* ***********ETL*********** */

div#etlSummary {
    height: 100%;
    border-bottom: 1px solid #e4e4e4;
}

div#etlSummary div.panelContent > div{
	height: 100%;
	background-color: inherit;
}

div#etlSummary div.panelTabsContainer {
	border-bottom: none;
}

div#etlRunLogHistory{
	height: 100%;
}

div#etlRunLogHistory > div{
	height: inherit;
	float: left;
}

div#etlRunLogHistory > div#runLogs{
	width: 22%;
	overflow: auto;
	border-right: 1px solid #E4E4E4;
}

div#etlRunLogHistory div.archivedRunLogs {
	text-align: center;
	padding: 10px 3px;
}

div#etlRunLogHistory div.archivedRunLogs > span{
	color: #009EEC;
	cursor: pointer;
}

div#etlRunLogHistory.noRunLogs{
	text-align: center;
	padding-top: 20px;
	color: #666;
	font-size: 18px;
	height: calc(100% - 20px);
}

div#etlRunLogHistory.noRunLogs > div{
	height: auto;
	float: none;
}

div#etlRunLogHistory > div#runLogs > div#runLogsContainer div.runLog {
	padding: 5px;
	border-bottom: 1px solid #E4E4E4;
	clear: both;
	cursor: pointer;
	color: #666666;
	font-size: 14px;
}
div#etlRunLogHistory > div#runLogs > div#runLogsContainer div.runLog:hover {
	background-color: #FFFFFF
}
div#etlRunLogHistory > div#runLogs > div#runLogsContainer div.runLog.selected{
	background-color: #FFFFFF;
	cursor: auto;
}

div#etlRunLogHistory > div#runLogs > div#runLogsContainer div.runLog.FAILED {
	background-color: #E90202;
	color: #FFFFFF
}

div#etlRunLogHistory > div#runLogs > div#runLogsContainer div.runLog.FAILED:hover,  
div#etlRunLogHistory > div#runLogs > div#runLogsContainer div.runLog.FAILED.selected {
	opacity: 0.7;
}

div#etlRunLogHistory > div#stepsStatus{
	width: 53%;
	overflow: auto;
	border-right: 1px solid #E4E4E4;
}

div.messageOuterContainer.noRunLogs {
	text-align: center;
	margin-top: 20px;
	color: #666;
	font-size: 18px;
}

div#stepsStatusContainer > .stepStatusObject {
	padding: 12px 0 12px 10px;
	height: 56px;
	border-bottom: 1px solid #E4E4E4;
	clear: both;
}

div#stepsStatusContainer > .stepStatusObject:hover {
	background-color: #FFFFFF;
}

div#stepsStatusContainer > .stepStatusObject.selected {
	background-color: #FFFFFF;
}

div.previewRunStepStatus {
	height: inherit;
	clear: both;
	cursor: pointer;
}

div#previewRunLog {
	height: inherit;
}

div#noRunLogs, div#corruptedRunLog {
	text-align: center;
	margin-top: 20px;
	color: #666;
	font-size: 18px;
}

div.previewRunStepStatus > div.stepDetails{
	float: left;
	width: 80px;
	margin-top: 12px;
	margin-left: 10px;
}

div.previewRunStepStatus > div.stepRunStatus{
	float: right;
	width: 205px;
}

div.previewRunStepStatus > div.stepImage {
	float: left;
	width: 30px;
	height: 30px;
	margin-top: 12px;
}

div.previewRunStepStatus .stepImageIcon {
	width: 30px;
	height: 30px;
}

div.stepRunStatus > div > span{
	display: inline-block;
}

div.previewRunStepStatus > .stepDetails > .stepName {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	font-weight: 200;
	font-size: 14px;
	color: #333333;
}

div.previewRunStepStatus > .stepDetails > .stepStatus {
	font-weight: 400;
	font-size: 14px;
	color: #999999;
}

div.stepRunErrors.ERRORS > span{
	font-weight: 400;
	color: #FFB400;
}

div#previewRunLog > #previewRunProcessStatus > .processRunningAnimation{
	width: 20px;
	height: 20px;
	vertical-align: bottom;
}

div.previewRunStepStatus.FAILED .ERRORS > span{
	color: #FF4000;
}

div.previewRunStepStatus.FAILED > .stepDetails > .stepStatus {
	color: #FF4000;
}

div.previewRunStepStatus.SUCCEEDED > .stepDetails > .stepStatus {
	color: #009EEC;
}

div.stepRunStatus .statusProperty{
	font-weight: 200;
	font-size: 14px;
	color: #999999;
	text-align: left;
	width: 110px;
}

div.stepRunStatus .value{
	font-weight: 200;
	font-size: 14px;
	color: #333333;
	text-align: right;
	width: 60px;
}

div.stepRunStatus .unit{
	font-weight: 200;
	font-size: 14px;
	color: #333333;
	text-align: left;
	width: 25px;
}

div#etlRunLogHistory > div#stepErrors{
	width: 24%;
	overflow: auto;
}

div.messageOuterContainer.StepErrorMessages {
	padding: 12px 10px;
	border-bottom: 1px solid #E4E4E4;
	clear: both;
	min-height: 35px;
}

div.messageOuterContainer.noStepErrors {
	text-align: center;
	margin-top: 20px;
	color: #666;
	font-size: 18px;
}

div.messageOuterContainer.StepErrorMessages div.messageContainer > .displayMessages {
	font-weight: 200;
	font-size: 14px;
	color: #333333;
}

div.messageOuterContainer.StepErrorMessages div.messageContainer > .heading {
	font-weight: 600;
	font-size: 16px;
	color: #333333;
}

/*-------------------------------*/

/* ----Pair Columns View---- */
div.inputItem {
	margin-bottom: 15px;
}

div.columnsSection {
	float: none;
	clear: both;
}

div.columnsSection table.columnsTable{
	width: 100%;
	border: none;
	border-collapse: collapse;
}

div.columnsSection table.columnsTable .columnsHeader > th{
	font-weight: bold;
	padding-top: 10px;
}

div.columnsSection table.columnsTable td.column1, td.column2 {
	width: 50%
}

div.columnsSection table.columnsTable th.column1, th.column2 {
	width: 50%
}

div.columnsSection table.columnsTable div.removeListItem,th.removeListItem {
	visibility: hidden;
}

div.columnsSection table.columnsTable tr.pairColumnsItem {
	border-bottom: 1px solid #e4e4e4;
	background-color: #FFFFFF;
}

div.columnsSection table.columnsTable tr.pairColumnsItem:last-child {
	border-bottom: none;
}

div.columnsSection table.columnsTable tr.pairColumnsItem:hover {
	background-color: #E8E8E8;
}

/*-------------------------------*/

/* SlideOutTabSelector View */

.tabSelectContainer .selectorInner {
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: 10px;
  position: relative;
}

.tabSelectContainer .bgLine {
	width: 4px;
	background-color: #c3ebff;
	margin-left: 5px;
	height: 100%;
	position: absolute;
  
	z-index: 1;
}

.tabSelectContainer .selectText {
  display: none;
  margin-left: 25px;
  margin-right: 25px;
  text-overflow: ellipsis;
  overflow: hidden;
  height: 14px;
  white-space: nowrap;
}

.tabSelectContainer .selectIcon {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  border: 1px solid #c3ebff;
  background-color: #ffffff;
  
  float: left;
}

.tabSelectContainer .hovering .selectIcon {
  background-color: #009EEC;
}

.tabSelectContainer .selected .selectIcon {
  background-color: #009EEC;
}

.tabSelectContainer .tabSelectors {
	position: relative;
	z-index: 2;
}

.tabSelectContainer .tabSelector {
  margin-top: 25px;
  margin-bottom: 25px;
  
  height: 14px;
  line-height: 14px;
  font-size: 14px;
  color: #009EEC;
  cursor: pointer;
}

.tabSelectContainer .tabSelector:first-child {
  margin-top: 0px;
}

.tabSelectContainer .tabSelector:last-child {
  margin-bottom: 0px;
}

.tabSelectContainer {
	width: 35px;
/* 	min-height: 197px; */ /* height of three steps in the list so that the lines match nicely */
	min-height: 35px;
  
	border: 1px solid #E4E4E4;
	background-color: #FFFFFF;

	position: absolute;
}

.tabSelectContainer.topAttach {
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}
.tabSelectContainer.leftAttach {
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}
.tabSelectContainer.bottomAttach {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
.tabSelectContainer.rightAttach {
	border-bottom-left-radius: 10px;
	border-top-left-radius: 10px;
}

/* ------------------------ */

/* -----------pop-up helper style ---------------------*/
.helperIconContainer{
	padding-right:15px;
	float:left;
}


div.popupHelper{
  position: relative;
  width: 350px;
  overflow:auto;
}

div.popuphelperBody{
	padding:20px 15px 30px 15px;
	font-size: 15px;
	color:#666666;
    overflow:auto;
}
div.popuphelperBodyText{
	float:left;
	width: calc(100% - 78px);
	font-family: Roboto;
}

div.popupHelperButton{
	border-radius: 4px;
	text-align:center;
	margin:5px 25px 5px 25px;
}
#popupHelperDone .submitMidHighlightText{
	background:#f9f9f9;
	color:#666666;
}

.helperOptionsContainer
{
	width:50%;
	float:left;
}
#popupHelperGotIt{
	float:right;	
}
#dataPreviewHeaderContainer{
	position: relative;
}
.popupHelperHeader{
	background-color: #009eec;
	width: 100%;
	height: 28px;
	color: #fff;
	font-size: 17px;
}

div.popuphelperOptions{
	width:100%;
	height: 35px;
	background-color:#f9f9f9;
}

/* ---SELECT/DESELECT ALL VIEW--- */
div.selectDeselectAllContainer {
	padding: 10px 0px 10px 0px;
}

div.selectDeselectAllContainer > div.selectAll {
	cursor: pointer;
	color: #009EEC;
	padding: 0 20px 0px 10px;
	float: left;
}

div.selectDeselectAllContainer > div.deselectAll {
	cursor: pointer;
	color: #009EEC;
}

/* Expandable Items View */

div.multiExpandableItems > div.expandableItem > div.expandableItemTitle {
	border-bottom: 1px solid #CCCCCC;
}

div.multiExpandableItems > div.expandableItem > div.expandableItemTitle > img.expandableItemArrow {
	cursor: pointer;
	float: right;
}
/*-----------------------*/

/* Chart Selection Popup */
/* Overriding default styling in Lightbox */
div.chartSelectionPopupContainer div.outerlightboxContent {
	border-radius: 5px;
}

div.chartSelectionPopupContainer div.outerlightboxContent div.closeLightboxPopup {
	top: 40px;
	background-image: none;
}

div.chartSelectionPopupContainer div.lightbox-top-gutter {
	border-radius: 5px;
	border-bottom: 2px solid #DDDCDE
}

div.chartSelectionPopupContainer div.lightbox-top-gutter-text {
	color: #333640;
	font-size: 32px;
	margin-top: 30px;
	padding-left: 20px;
	display: inline-block;
}

div.chartSelectionPopupContainer div.lightbox-top-gutter-extra {
	display: inline-block;
	float: right;
	margin-top: 20px;
	margin-right: 32px;
}

div.chartSelectionPopupContainer div.lightbox-top-gutter-extra div.btn-container.btn-noclick {
	background: #DDDCDE;
}

div.chartSelectionPopupContainer div.lightboxContent {
	overflow: auto;
}

div.chartSelectionPopupContainer div.outerlightboxContent div.lightbox-top-gutter-extra div.insertButton {
	display: inline-block;
	float: right;
	margin-top: 15px;
	margin-right: 32px;
	border-radius: 5px;
	z-index: 999999;
}

div.chartSelectionPopupContainer div.reportSelectionContainer div.panelTabsContainer {
	height: 50px;
	border-bottom: none;
}

div.chartSelectionPopupContainer div.reportSelectionContainer div.panelTabsContainer div.panelTabs {
	overflow: visible;
}

div.chartSelectionPopupContainer div.reportSelectionContainer div.panelTabsContainer div.panelTabs div.panelTabInner {
	top: -10px;
}

div.chartSelectionPopupContainer div.reportSelectionContainer .searchBar {
	border-radius: 5px;
}

div.chartSelectionPopupContainer div.reportSelectionContainer .searchBar img.search {
	background-color: transparent;
	border-left: none;
}

div.chartSelectionContainer {
	margin-top: 32px;
	margin-left: 20px;
}

div.chartSelectionContainer div.chartSelectionItemContainer {
	display: inline-block;
	margin-right: 31px;
	margin-bottom: 35px;
	position: relative;
}

div.chartSelectionContainer div.chartSelectionItem.activeThumbnail > img {
	border: 3px solid #009EEC;
}

div.chartSelectionContainer div.chartSelectionItem > img {
	width: 221px;
	height: 131px;
	border-radius: 5px;
	border: 3px solid transparent;
}

div.chartSelectionContainer div.chartSelectionItem > div.checkedMark {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 25px;
	height: 25px;
	display: none;
}

div.chartSelectionContainer div.chartSelectionItem.activeThumbnail > div.checkedMark {
	display: block;
}
/*------------------------------------------------*/
div#addToStoryLightBox div.addToStoryContainer {
	width: 100%;
	height: 100%;
}

/* AddToStoryView */

div.addToStoryCloseButton {
	background: url(../images/close.png) no-repeat center center;
	height: 50px;
	width: 50px;
	border-radius: 25px;
	background-size: 25px;
	z-index: 99;
	cursor: pointer;
	display: block;
	position: absolute;
	top: 15px;
	right: 15px;
	opacity: 0.5;
}

div.addToStoryCloseButton:hover {
	background-color: #F2F2F2;
	opacity: 1;
}

div.addToStoryInnerContainer {
	width: calc(100% - 40px);
	height: calc(100% - 40px);
	padding: 20px;
}

div.addToStoryInnerContainer div.artifactDisplay {
	width: calc(50% - 10px);
	height: 100%;
}

div.addToStoryInnerContainer div.addToStorySection {
	width: calc(50% - 40px);
	height: calc(100% - 10px);
	margin-top: 10px;
	margin-right: 30px;
}

/*>>>Left side<<<*/
div.addToStoryInnerContainer div.artifactDisplay {
	float: left;
}

div.addToStoryInnerContainer div.artifactDisplay div.artifactImageContainer {
	height: 55%;
	margin: 20px;
}

div.addToStoryInnerContainer.addToLinkedStoryInnerContainer div.artifactDisplay div.artifactImageContainer {
	height: calc(100% - 20px);
}

div.addToStoryInnerContainer div.artifactDisplay div.artifactImageContainer img {
	height: 100%;
}

div.addToStoryInnerContainer div.artifactCaptionContainer,
div.addToStoryInnerContainer div.artifactDescriptionContainer {
	margin: 20px 0;
}

div.addToStoryInnerContainer div.artifactDisplay div.artifactCaptionContainer,
div.addToStoryInnerContainer div.artifactDisplay div.artifactDescriptionContainer {
	margin: 20px;
}

div.addToStoryInnerContainer div.artifactCaptionContainer .artifactCaption,
div.addToStoryInnerContainer div.artifactDescriptionContainer .artifactDescription {
	resize: none;
	width: calc(100% - 10px);
}

div.addToStoryInnerContainer div.artifactDescriptionContainer .artifactDescription {
	height: 78px;
}

/*>>>Right side<<<*/
div.addToStoryInnerContainer div.addToStorySection {
	float: right;
}

div.addToStoryInnerContainer div.addToStorySection div.addToStorySectionHeading {
    font-size: 24px;
    font-weight: 700;
    color: #333740;
    margin-bottom: 10px;
}

div.addToStoryInnerContainer div.storySelectionSection {
	  height: 75%;
  }

div.addToStoryInnerContainer div.storySelectionSection div.storySearchBoxContainer {
	width: 70%;
	height: 36px;
	margin-bottom: 20px;
}

div.storySearchBoxContainer div.searchBar input {
	height: calc(100% - 1px);
    top: 1px;
}

div.storySearchBoxContainer div.searchBar div.searchFunctions {
	height: 100%;
}

div.storySearchBoxContainer div.searchBar span.default-overlay {
	height: 100%;
	line-height: 37px;
	color: #A0A5B4;
}

div.storySearchBoxContainer div.searchBar div.searchImgContainer {
	height: 36px;
	width: 36px;
}

div.storySearchBoxContainer div.searchBar img.search {
	border-left: none;
}

div.addToStoryInnerContainer div.storySelectionSection div.storySearchResultsContainer {
	width: 100%;
	height: 75%;
	margin-bottom: 10px;
	display: table;
}

div.addToStoryInnerContainer div.storySelectionSection div.recentStoriesContainer {
	width: 100%;
	height: 70%;
	margin-bottom: 10px;
	display: table;
}

div.addToStoryInnerContainer div.storySelectionSection.fullSize {
	height: 100%;
}

div.addToStoryInnerContainer.addToLinkedStoryInnerContainer div.addToStorySection  div.createNewLinkedStoryDisplayHtml {
	font-size: 18px;
	font-weight: 700;
	min-height: 25px;
}

div.addToStoryInnerContainer div.storySelectionSection div.recentStoriesContainer div.recentStoriesTitle,
div.addToStoryInnerContainer div.storySelectionSection div.storySearchResultsContainer div.storySearchResultsTitle{
	font-size: 18px;
	font-weight: 700;
	color: #333740;
	width: 100%;
	border-bottom: 1px solid #0D1118;
	margin-bottom: 10px;
}

div.addToStoryInnerContainer div.storySelectionSection div.recentStoriesContainer div.recentStories,
div.addToStoryInnerContainer div.storySelectionSection div.storySearchResultsContainer div.searchedStories{
	display: table-row;
	height: 100%;
}

div.storyItemsOuterContainer {
	display: table-cell;
	height: 100%;
}

div.storyItemsOuterContainer div.storyItemsInnerContainer {
	height: 100%;
	position: relative;
	overflow: auto;
}

div.storyItemsOuterContainer div.storyItemsInnerContainer div.storyItemsList {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 10px;
	right: 0;
}

div.storyItemsOuterContainer div.storyItemsInnerContainer div.storyItemsList div.noStories div.heading {
	text-align: center;
	margin-top: 20px;
	color: #717684;
	font-size: 18px;
}

div.storyItemsOuterContainer div.storyItemsInnerContainer div.storyItemsList div.storyItem {
	height: 50px;
	margin: 10px;
	cursor: pointer;
}

div.storyItem div.addToStoryButtonContainer {
	float: right;
	padding: 5px;
	display: none;
}

div.storyItem div.addToStoryButtonContainer div.btn-container{
	height: 34px;
	line-height: 36px;
	color: #009EEC;
	border: 1px solid #009EEC;
	border-radius: 6px;
	padding: 0 16px;
	box-shadow: 0 2px 0 #F2F2F2;
	font-size: 14px;
	font-family: Roboto, sans-serif;
	white-space: nowrap;
	display: inline-block;
	text-align: center;
	position: relative;
	text-overflow: ellipsis;
	overflow: hidden;
}

div.storyItem div.storyDetails {
	overflow: hidden;
}

div.storyItem div.storyDetails > div {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: auto;
	font-family: "Libre Franklin Medium", "Libre Franklin", sans-serif;
}

div.storyItem div.storyDetails > div.storyTitle {
	font-size: 16px;
	font-weight: 400;
	color: #333740;
}

div.storyItem div.storyDetails > div.storyLastEditedTime {
	font-size: 12px;
	font-weight: 400;
	line-height: 28px;
	color: #717684;
}

div.storyItem:hover div.addToStoryButtonContainer {
	display: inline-block;
}

div.storyItem:hover div.storyDetails > div.storyTitle {
	color: #009EEC;
}

div.addToStoryInnerContainer div.addToStorySection div.createNewStorySection {
	height: 25%;
}

div.addToStoryInnerContainer div.addToStorySection div.newStoryTitleInputContainer {
	float: left;
	width: 55%;
}

div.addToStoryInnerContainer div.addToStorySection .newStoryTitle {
	resize: none;
	width: calc(100% - 10px);
}

div.addToStoryInnerContainer div.addToStorySection div.addToStoryButton {
	float: right;
	width: 40%;
	padding-top: 22px;
}

div.addToStorySection div.addToStoryButton div.btn-container {
	height: 36px;
	line-height: 36px;
	border-radius: 6px;
	padding: 0 16px;
	box-shadow: 0 2px 0 #F2F2F2;
	font-size: 14px;
	font-family: Roboto, sans-serif;
}

div.addToStorySection div.addToStoryButton div.btn-container:hover {
	background: #027ACA;
}
div.dashboardAnalyticSetupButtons {
	position: absolute;
    right: 0px;
}

div.addToStoryInnerContainer div.addToStorySection div.createNewStorySection.createNewLinkedStory {
	margin: 100px 20px 80px 20px;
}

div.addToStoryInnerContainer div.addToStorySection div.createNewStorySection.createNewLinkedStory div.createNewLinkedStoryText {
	font-size: 24px;
	color: #333740;
	margin-bottom: 30px;
}

div.addToStoryInnerContainer div.addToStorySection div.createNewStorySection div.newStoryTitleInputContainer.newLinkedStoryTitleInputContainer{
	width: 80%;
}

div.addToStoryInnerContainer div.addToStorySection div.addToLinkedStoryButtonContainer.addToStoryButton {
	position: relative;
	top: 88%;
}

div#storyArtifactSaveSuccess {
    background-color: #333740;
    height: 60px;
    max-width: 500px;
    position: fixed;
    left: 50%;
    transform: translate(-50%, -200%);
    border-radius: 50px;
    display: none;
    color: #F2F2F2;
}

div#storyArtifactSaveSuccess div.editStoryButton {
    float: right;
    margin-top: 15px;
    margin-right: 30px;
    border-radius: 3px;
    border: 1px solid #F2F2F2;
    height: 30px;
    min-width: 123px;
    line-height: 30px;
    padding: 0 10px;
    font-size: 14px;
    font-weight: 200;
    cursor: pointer;
    text-align: center;
}

div#storyArtifactSaveSuccess div.editStoryButton:hover {
    border-color: #717684;
}

div#storyArtifactSaveSuccess div.storyNameContainer {
    width: auto;
    height: 100%;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 60px;
    padding: 0 20px;
}

div.replaceItemInStoryContainer {
	padding: 30px;
}

div.replaceItemInStoryContainer div.replaceItemTitle {
	margin-bottom: 20px;
	font-size: 14px;
	font-family: 'Roboto';
}

div.replaceItemInStoryContainer div.replaceButton,
div.replaceItemInStoryContainer div.addToEndButton {
	display: inline-block;
}

div.replaceItemInStoryContainer div.replaceButton div.yfSubmitButton,
div.replaceItemInStoryContainer div.addToEndButton div.yfSubmitButton {
	line-height: 36px;
}

div.returnToStoryContainer {
	position: fixed;
	right: 100px;
	bottom: 25px;
	border-top: 0;
}

div.returnToStoryContainer div.yfSubmitButton {
	border-radius: 25px;
	line-height: 36px;
}
/*-----------------------*/

/*-------USER DETAILS-------*/
div.userDetailsContainer .userDetails {
	font-family: Roboto, Arial, Helvetica, sans-serif;
	font-weight: 900;
	font-style: normal;
	color: #717684;
	line-height: 16px;
	font-size: 12px;
}

div.userDetailsContainer .userDetails .userName,
div.userDetailsContainer .userDetails .userJobTitle {
	max-width: 200px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

div.userDetailsContainer .userAvatar {
	padding-right: 10px;
}

div.userDetailsContainer .userAvatar .userAvatarIcon {
	width: 60px;
	height: 60px;
	border-radius: 35px;
}

div.userDetailsContainer .userAvatar .userAvatarIcon.small {
	width: 24px;
	height: 24px;
}

div.userDetailsContainer .userAvatar .userAvatarIcon.medium {
	width: 36px;
	height: 36px;
}

div.userDetailsContainer .userAvatar .userAvatarIcon.large {
	width: 60px;
	height: 60px;
}


/*-----------------------*/

/*-------ApprovedBy DETAILS-------*/

div.approvedByContainer .approvedByTextContainer,
div.approvedByContainer .approvedByImg,
div.approvedByContainer .approvedByUserAvatar {
	float: left;
}

div.approvedByContainer .approvedByTextContainer {
	margin: 5px 10px;
	font-family: Roboto, Arial, Helvetica, sans-serif;
	font-style: normal;
	color: #FFFFFF;
	line-height: 16px;
	font-size: 12px;
	overflow:hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	max-width: 120px;
}

div.approvedByContainer .approvedByTextContainer .approvedByText {
	font-weight: 400;
}

div.approvedByContainer .approvedByTextContainer .approvedByUserName {
	font-weight: 700;
}

div.approvedByContainer .approvedByUserAvatar {
	padding-right: 10px;
}

div.approvedByContainer .approvedByUserAvatar .userAvatarIcon {
	width: 36px;
	height: 36px;
	border-radius: 35px;
}

/*-----------------------*/

/* Managing Contributors */

div.manageContributorsOuterContainer div.closeButton {
	margin-right: 30px;
	margin-top: 20px;
}

div.manageContributorsOuterContainer div.closeButton img {
	cursor: pointer;
	float: right;
	width: 25px;
	height: 25px;
	opacity: 0.5
}

div.manageContributorsOuterContainer div.closeButton:hover img {
	opacity: 1
}


div.manageContributorsContainer {
	font-size: 14px;
	color: #A0A5B4;
	margin: 10px 20px 30px 20px;
}

/* Overriding default styling in Lightbox */
div.manageContributorsPopupContainer div.outerlightboxContent {
	border-radius: 5px;
}

div.manageContributorsPopupContainer div.lightbox-top-gutter {
	border-radius: 5px;
}

div.manageContributorsContainer div.inviteContributorsSection {
	display: inline-block;
	width: 300px;
	margin-top: 20px;
}

div.manageContributorsContainer div.inviteContributorsSection .inviteUsersTitle,
div.manageContributorsContainer div.controlContributorsSection .controlUsersTitle {
	margin-bottom: 40px;
	color: #333740;
	font-weight: bolder;
	font-size: 14px;
}


div.manageContributorsContainer div.inviteContributorsSection div.inviteUsersOuterContainer div.additionalMessage {
	margin-top: 10px;
}

div.manageContributorsContainer div.inviteContributorsSection div.inviteUsersOuterContainer div.additionalMessage .additionalMessageText {
	border: 1px solid #A0A5B4;
	padding: 5px;
	font-size: 16px;
	resize: none;
	color: #717684;
	width: calc(100% - 10px);
}

div.manageContributorsContainer div.inviteContributorsSection div.inviteUsersOuterContainer div.additionalMessage .broadcastInputTextPlaceholder {
	padding: 5px;
}

div.manageContributorsContainer div.inviteContributorsSection div.inviteUsersOuterContainer div.additionalMessage textarea {
	border: 1px solid #A0A5B4;
}

div.manageContributorsContainer div.inviteContributorsSection div.recipientsBox {
	border-color: #A0A5B4;
}

div.manageContributorsContainer div.inviteContributorsSection div.inviteUsersOuterContainer div.inviteButton {
	float: right;
	margin-top: 50px;
}

div.manageContributorsContainer div.controlContributorsSection {
	display: inline-block;
	width: 320px;
	float: right;
	margin-top: 20px;
}

div.manageContributorsContainer div.controlContributorsSection .controlUsersContainer .controlUsersList {
	max-height: 300px;
	overflow: auto;
}

div.manageContributorsContainer div.controlContributorsSection table.controlUsersTable {
	border-collapse:separate;
	border-spacing: 0 15px;
}

div.manageContributorsContainer div.controlContributorsSection table.controlUsersTable td.userInfo {
	width: 80%
}

div.manageContributorsContainer div.controlContributorsSection table.controlUsersTable td.userInfo .userName,
div.manageContributorsContainer div.controlContributorsSection table.controlUsersTable td.userInfo .userJobTitle{
	max-width: 100px;
}


div.manageContributorsContainer div.controlContributorsSection table.controlUsersTable .userAvatar img {
	width: 50px;
	height: 50px;
}

/* Control Users View*/
div.controlUsersPopupContainer div.controlUsersContainer {
	margin: 20px;
}

div.controlUsersContainer div.closeButton img {
	cursor: pointer;
	float: right;
	width: 22px;
	height: 22px;
	opacity: 0.5
}

div.controlUsersContainer div.closeButton:hover img {
	opacity: 1
}

div.controlUsersContainer .controlUsersTitle {
	margin-bottom: 20px;
	color: #333740;
	font-family: Roboto;
	font-size: 16px;
	font-weight: bolder;
}

div.controlUsersContainer .controlUsersList {
	max-height: 450px;
	overflow: auto;
}

div.controlUsersContainer table.controlUsersTable {
	border-collapse: separate;
	border-spacing: 0 1em;
}

div.controlUsersContainer table.controlUsersTable td.userInfo {
	width: 80%
}

div.controlUsersContainer table.controlUsersTable td.userInfo .userDetails div {
	font-family: Roboto;
	font-size: 12px;
	color: #717684;
}

div.controlUsersContainer table.controlUsersTable td.userInfo .userDetails .userName {
	font-weight: 700;
	max-width: 120px;
}

div.controlUsersContainer table.controlUsersTable td.userInfo .userDetails .userJobTitle {
	font-weight: 400;
	max-width: 120px;
}

div.controlUsersContainer table.controlUsersTable .userAvatar img {
	width: 36px;
	height: 36px;
}
/*-----------------------*/

/* Like Button */
table.likeButtonTable td {
	padding:5px;
}

table.likeButtonTable td.likeButtonContainer div.btn-container {
	border: 1px solid #717684;
}

table.likeButtonTable td.likeButtonContainer.liked div.btn-container {
	border: 1px solid #FED109;
}

table.likeButtonTable td.likeCounter {
	font-family: Roboto;
	font-size: 14px;
	font-weight: 400;
	color: #333740;
}

table.likeButtonTable td.likeButtonContainer div.likeButtonInnerContainer {
	min-width: 36px;
	border-radius: 30px;
	padding: 0;
	line-height: 36px;
	font-size: 0px;
}

div.userListContainer {
	display: flex;
	align-items: center;
}

div.userListContainer .userListTitle {
	font-family: Roboto;
	font-size: 14px;
	font-weight: 400;
	color: #333740;
	padding-right: 10px;
}

div.userListContainer .userAvatarContainer {
	margin-right: 4px;
}

div.userListContainer .userAvatarContainer img {
	width: 36px;
	height: 36px;
	border-radius: 36px;
}

div.userListContainer .userAvatarContainer{
	height: 36px;
}

div.userListContainer .openUserListContainer a {
	font-family: Roboto;
	font-size: 14px;
	font-weight: 400;
	min-width: 36px;
	border-radius: 30px;
	padding: 0;
	line-height: 36px;
}

div.controlUsersPopupContainer div.outerlightboxContent {
	border-radius: 3px;
}

div.controlUsersPopupContainer div.lightboxContent {
	overflow: hidden;
}
/*-----------------------*/

/*Confirmation Lightbox*/
div.confirmationPopupContainer .outerlightboxContent {
	border-radius: 6px;
}

div.confirmationContainer {
	margin: 30px;
	overflow: hidden;
}

div.confirmationContainer .confirmationIcon {
	margin-bottom: 20px;
}

div.confirmationContainer .confirmationIcon.alertIcon {
	background-image: url(../images/img_warning_circle_orange.svg);
	width: 40px;
	height: 40px;
	background-repeat: no-repeat;
}

div.confirmationContainer .confirmationIcon.goodIcon {
	background-image: url(../images/like-green.svg);
	width: 40px;
	height: 40px;
	background-repeat: no-repeat;
}

div.confirmationContainer .confirmationIcon.doneIcon {
	background-image: url(../images/Yes-green.svg);
	width: 40px;
	height: 40px;
	background-repeat: no-repeat;
}

div.confirmationContainer .confirmationIcon.filterIcon {
	background-image: url("../images/filter-circle-blue.svg");
	width: 40px;
	height: 40px;
	background-repeat: no-repeat;
}

div.confirmationContainer .messageContainer .heading {
	font-family: Roboto;
	font-size: 18px;
	color: #333740;
	font-weight: 700;
}

div.confirmationContainer .messageContainer .displayMessages {
	font-family: Roboto;
	font-size: 16px;
	color: #333740;
	margin-top: 20px;
}

div.confirmationContainer .buttonsContainer {
	margin-top: 20px;
	float: right;
}

div.confirmationContainer .buttonSpan {
	margin-left: 10px;
}

/*-----------------------*/

div.sliderButtonPosition {
  top : 0px;
  left : 0px;
}

div.sliderButtonPositionClicked {
	top : -2px;
	left : -2px;
}

div.dashboardAnalyticSetupButtons {
	position: absolute;
    right: 0px;
}

/*------Page Loader------*/

div.pageLoader {
	position: fixed;
	z-index: 9999999999999;
}

div.pageLoader.pageLoaderActive{
	bottom: 0;
	left: 0;
	right: 0;
}

div.genericInviteUserDescription {
	font-size: 18px;
	color: #333740;
	font-weight: 700;
	margin-bottom: 20px;
}

div.genericInviteContainer {
	margin: 30px;
}

div.genericInviteUserButtons {
	float: right;
	margin-top: 20px;
}

div.genericInviteButton {
	float: left;
	margin-left: 5px;
}

div.genericInviteUserSearch {
	margin-bottom: 10px;
}

div.noAvatar {
	height: 36px;
	width: 36px;
	border-radius: 50%;
}
/*-----------------------*/
#confirmDialogDiv .popmenuTop {
	background-color: #2899E9;
}

#confirmDialogDiv .popmenuBackground {
	background-color: #FFFFFF;
}

.btn-group-box {
   color: #999999; font-size: 12px; height:14px;  float:left; margin:2px;
}
.btn-gbox-left {
   width: 20px; height: 25px; background-image: url('../images/buttons/gbox_left.png');
}
.btn-gbox-mid, .btn-gbox-mid-nolink {
   width: 40px; height: 25px; background-image: url('../images/buttons/gbox_mid.png'); white-space: nowrap; padding-left: 3px; padding-right: 3px;
}
.btn-gbox-mid {
   cursor: pointer;
}
.btn-gbox-delete {
   width: 20px; height: 25px; background-image: url('../images/buttons/gbox_delete.png'); cursor: pointer;  
}
.btn-gbox-right {
   width: 20px; height: 25px; background-image: url('../images/buttons/gbox_right.png');  
}

.btn-person-box {
   color: white; font-size: 12px; height:14px;  float:left; margin:2px;
}
.btn-pbox-left {
   width: 8px; height: 25px; background-image: url('../images/buttons/pbox_left.png');
}
.btn-pbox-mid, .btn-pbox-mid-link {
   width: 40px; height: 25px; background-image: url('../images/buttons/pbox_mid.png'); padding-left: 3px; padding-right: 3px;
}
.btn-pbox-mid-link {
   cursor: pointer;
}
.btn-pbox-delete {
   width: 20px; height: 25px; background-image: url('../images/buttons/pbox_delete.png'); cursor: pointer;  
}
.btn-pbox-right {
   width: 20px; height: 25px; background-image: url('../images/buttons/pbox_right.png');  
}

.btn-email-box {
   color: #f0f0f0; font-size: 12px; height:14px;  float:left; margin:2px;
}
.btn-ebox-left {
   width: 8px; height: 25px; background-image: url('../images/buttons/ebox_left.png');
}
.btn-ebox-mid, .btn-ebox-mid-link {
   width: 40px; height: 25px; background-image: url('../images/buttons/ebox_mid.png'); padding-left: 3px; padding-right: 3px;
}
.btn-ebox-mid-link {
   cursor: pointer;
}
.btn-ebox-delete {
   width: 20px; height: 25px; background-image: url('../images/buttons/ebox_delete.png'); cursor: pointer;  
}
.btn-ebox-right {
   width: 20px; height: 25px; background-image: url('../images/buttons/ebox_right.png');
}

.btn-report-box {
   color: #999999; font-size: 12px; height:14px;  float:left; margin:2px;
}
.btn-rbox-left {
   width: 20px; height: 25px; background-image: url('../images/buttons/gbox_left.png');
}
.btn-rbox-mid, .btn-rbox-mid-nolink {
   width: 40px; height: 25px; background-image: url('../images/buttons/gbox_mid.png'); white-space: nowrap; padding-left: 3px; padding-right: 3px;
}
.btn-rbox-mid {
   cursor: pointer;
}
.btn-rbox-delete {
   width: 20px; height: 25px; background-image: url('../images/buttons/gbox_delete.png'); cursor: pointer;  
}
.btn-rbox-right {
   width: 20px; height: 25px; background-image: url('../images/buttons/gbox_right.png');
}

.btn-box-text {
   white-space: nowrap;
   display: block;
   overflow: hidden;
   text-overflow: ellipsis;
}
.btn-link-arrow {
	background-image: url('../images/menu_drop_arrow.png'); width: 12px; height:8px; padding: 0; margin: 0; border: 0; display:inline-block; background-repeat:no-repeat; margin-top: 3px; margin-left: 3px;
}
.yellowLeftButton {
	width: 5px;
	height: 25px;
	background-image: url('../images/buttons/yellow_left.png');
	cursor: pointer;
}
.yellowMidButton {
	width: 60px;
	height: 25px;
	background-image: url('../images/buttons/yellow_mid.png');
	cursor: pointer;
}
.yellowRightButton {
	width: 5px;
	height: 25px;
	background-image: url('../images/buttons/yellow_right.png');
	cursor: pointer;
}
.yellowMidText {
	white-space: nowrap;
	font-size: 13px;
	color: black;
	   display: block;
   overflow: hidden;
   text-overflow: ellipsis;
}
.yellowLeftDownButton {
	width: 5px;
	height: 25px;
	background-image: url('../images/buttons/yellow_left_on.png');
	cursor: pointer;
}
.yellowMidDownButton {
	width: 25px;
	height: 25px;
	background-image: url('../images/buttons/yellow_mid_on.png');
	cursor: pointer;
}
.yellowRightDownButton {
	width: 5px;
	height: 25px;
	background-image: url('../images/buttons/yellow_right_on.png');
	cursor: pointer;
}
.yellowMidDownText {
	white-space: nowrap;
	font-size: 13px;
	color: black;
	display: block;
   	overflow: hidden;
   	text-overflow: ellipsis;
   	float:left;
   	padding-top: 2px;
}
.blueLeftButton {
	width: 5px;
	height: 25px;
	background-image: url('../images/buttons/blue_left.png');
	cursor: pointer;
}
.blueMidButton {
	width: 60px;
	height: 25px;
	background-image: url('../images/buttons/blue_mid.png');
	cursor: pointer;
}
.blueRightButton {
	width: 5px;
	height: 25px;
	background-image: url('../images/buttons/blue_right.png');
	cursor: pointer;
}
.blueMidText {
	white-space: nowrap;
	font-size: 14px;
	color: white;
   	display: block;
   	overflow: hidden;
   	text-overflow: ellipsis;
}
.blueLeftDownButton {
	width: 5px;
	height: 25px;
	background-image: url('../images/buttons/blue_left_on.png');
	cursor: pointer;
}
.blueMidDownButton {
	width: 60px;
	height: 25px;
	background-image: url('../images/buttons/blue_mid_on.png');
	cursor: pointer;
}
.blueRightDownButton {
	width: 5px;
	height: 25px;
	background-image: url('../images/buttons/blue_right_on.png');
	cursor: pointer;
}
.blueMidDownText {
	white-space: nowrap;
	font-size: 14px;
	color: black;
	display: block;
   	overflow: hidden;
   	text-overflow: ellipsis;
  	float:left;
  	padding-top: 2px;
}
.greyLeftButton {
	width: 5px;
	height: 25px;
	background-image: url('../images/buttons/grey_left.png');
	cursor: pointer;
}
.greyMidButton {
	width: 60px;
	height: 25px;
	background-image: url('../images/buttons/grey_mid.png');
	cursor: pointer;
}
.greyRightButton {
	width: 5px;
	height: 25px;
	background-image: url('../images/buttons/grey_right.png');
	cursor: pointer;
}
.greyMidText {
	white-space: nowrap;
	font-size: 14px;
	color: white;
   	display: block;
   	overflow: hidden;
   	text-overflow: ellipsis;
}
.greyLeftDownButton {
	width: 5px;
	height: 25px;
	background-image: url('../images/buttons/grey_left_on.png');
	cursor: pointer;
}
.greyMidDownButton {
	width: 60px;
	height: 25px;
	background-image: url('../images/buttons/grey_mid_on.png');
	cursor: pointer;
}
.greyRightDownButton {
	width: 5px;
	height: 25px;
	background-image: url('../images/buttons/grey_right_on.png');
	cursor: pointer;
}
.greyMidDownText {
	white-space: nowrap;
	font-size: 14px;
	color: black;
	display: block;
   	overflow: hidden;
   	text-overflow: ellipsis;
  	float:left;
  	padding-top: 2px;
}

div.btn-flat {
   height: 40px;
   line-height: 40px;
   padding: 0 10px;
   font-size: 18px;
   cursor: pointer;
   white-space: nowrap;
   display: inline-block;
   text-align: center;
   min-width: 40px;
   position: relative;
	text-overflow: ellipsis;
    overflow: hidden;
    border-radius: 0px;
}
div.btn-noclick {
   cursor: default;
}
div.btn-yellow {
	background: #FED109;
}

div.btn-transparent {
	background: none;
}

div.btn-blue {
   background: #009eec;
   color: #ffffff;
}
div.btn-blue:not(.btn-noclick):hover {
   background: #008ed4;
}
div.btn-menu-icon-blue {
	background-color: #008ed4 !important;
}
div.btn-grey {
   background: #f9f9f9;
   color: #808080;
   border: 1px solid #cccccc;
}
div.btn-grey:not(.btn-noclick):hover {
   color: #666666;
}
div.btn-menu-icon-grey {
	background-color: #666666 !important;	
}
div.btn-medgrey {
   background: #cccccc;
   color: #ffffff;
}
div.btn-medgrey:not(.btn-noclick):hover {
   background: #999999;
}
div.btn-menu-icon-medgrey {
	background-color: #999999 !important;	
}
div.btn-darkgrey {
   background: #999999;
   color: #f0f0f0;
}
div.btn-darkgrey:not(.btn-noclick):hover {
   color: #ffffff;
}
div.btn-red {
   background: #e90202;
   color: #ffffff;
}
div.btn-red:not(.btn-noclick):hover {
   background: #D30202;
}
div.btn-menu-icon-red {
	background: #D30202 !important;	
}
div.btn-redhover {
   background: #f9f9f9;
   color: #808080;
   border: 1px solid #cccccc;
}
div.btn-redhover:not(.btn-noclick):hover {
   background: #d44332;
   color: #ffffff;
   border-color: #d44332;
}
div.btn-menu-icon {
   position: absolute;
   right: 0;
   top: 0;
   bottom: 0;
   width: 40px;
   background: url(../images/img_dropdown_arrow_white.svg) no-repeat center;
}

div.btn-transparent_bg-verylightgrey_fg,
div.btn-transparent_bg-verylightgrey_fg-red_hover {
   color: #cccccc;
   border: 1px solid #cccccc;
}

div.btn-transparent_bg-verylightgrey_fg-red_hover:not(.btn-noclick):hover {
   color: #ffffff;
   background: #D30202;
}
div.btn-green {
   background: #7CBB00;
   color: #ffffff;
}
div.btn-green:not(.btn-noclick):hover {
   background: #6ba200;
}
div.btn-menu-icon-green {
	background-color: #6ba200 !important;
}
div.btn-purple {
	background:#8F509D;
   color: #ffffff;
}
div.btn-purple:not(.btn-noclick):hover {
   background: #80478c;
}
div.btn-menu-icon-purple {
	background-color: #80478c !important;
}
div.btn-darkGreyBlueHover {
	background: #333740;
	border: 1px solid #FFFFFF;
	border-radius: 5px;
	color: #FFFFFF;
}
div.btn-darkGreyBlueHover:not(.btn-noclick):hover {
	background: #009EEC;
}

/* From Tony's spec https://sketch.cloud/s/GoVvE/p/components/outline-button-spec */
div.btn-noBackLightGreyHover {
	height: 36px;
	border: 1px solid #FFFFFF;
	border-radius: 6px;
	color: #FFFFFF;
	font-family: Roboto;
	font-weight: 400;
	font-size: 14px;
}

div.btn-noBackLightGreyHover:hover {
	background: #717684;
}

div.btn-noBackLightGreyHover:focus {
	border: 2px;
}

div.btn-noBackLightGreyHover.disabled {
	opacity: 0.4;
}

div.btn-native_white-rollover_veryLightGrey {
	background: #FFFFFF;
	color: #333740;
}

div.btn-native_white-rollover_veryLightGrey.btn-noclick {
    opacity: 0.4;
}

div.btn-native_white-rollover_veryLightGrey:not(.btn-noclick):hover {
	background: #f2f2f2;
}

div.btn-native_darkGrey-rollover_veryDarkGrey {
	background: #333740;
	color: #FFFFFF;
}

div.btn-native_darkGrey-rollover_veryDarkGrey.btn-noclick {
    opacity: 0.4;
}

div.btn-native_darkGrey-rollover_veryDarkGrey:not(.btn-noclick):hover {
	background: #0D1118;
}

/*-------------------------*/

/*------Follow Button------*/

div.followUserButton {
    width: 100px;
    height: 34px;
    border-radius: 6px;
    border: 1px solid #333740;
    font-size: 14px;
    font-family: Roboto, sans-serif;
    font-weight: 400;
    line-height: 36px;
    box-shadow: 0 2px #f2f2f2;
    margin: 0 20px;
    padding: 0;
}

/* Standard YF Submit Button */
div.yfSubmitButton {
	background-color: #009EEC;
	border-radius: 6px;
	border: 1px #009EEC;
	font-family: 'Roboto';
	font-size: 14px;
	color: #FFFFFF;
}

div.yfSubmitButton:not(.btn-noclick):hover {
	background-color: #027ACA;
}
/* -------------------------------- */


div.btn-standard {
	height: 36px;
	border-radius: 6px;
	font-family: Roboto;
	font-size: 14px;
	color: #ffffff;
	padding: 0 15px;
	line-height: 36px;
	margin: 0;
}

div.btn-black-primary,
div.btn-menu-black-primary {
	background-color: #333740;
}

div.btn-black-primary:not(.btn-noclick):hover,
div.btn-black-primary:not(.btn-noclick):hover div.btn-menu-black-primary {
	background-color: #717684;
}

div.btn-blue-primary,
div.btn-menu-blue-primary {
	background-color: #009EEC;
}

div.btn-blue-primary:not(.btn-noclick):hover,
div.btn-blue-primary:not(.btn-noclick):hover div.btn-menu-blue-primary {
	background-color: #027ACA;
}

div.btn-yellow-primary,
div.btn-menu-yellow-primary {
	background-color: #FED109;
	color: #333740;
	height: 36px; /* height 36 instead of 34 because we don't have border line for yellow primary button */
	padding: 0 16px; /* padding 16px because we don't have border line for yellow primary button */
}

div.btn-yellow-primary:not(.btn-noclick):hover,
div.btn-yellow-primary:not(.btn-noclick):hover div.btn-menu-yellow-primary {
	background-color: #FC9F02;
}

div.btn-blue-outline,
div.btn-menu-blue-outline {
	background-color: transparent;
	color: #009EEC;
	height: 34px;
	border: 1px solid #009EEC;
}

div.btn-blue-outline:not(.btn-noclick):hover,
div.btn-blue-outline:not(.btn-noclick):hover div.btn-menu-blue-outline {
	background-color: #ffffff;
	border: 1px solid #027ACA;
	color: #027ACA
}

div.btn-blue-outline:not(.btn-noclick):focus,
div.btn-blue-outline:not(.btn-noclick):focus div.btn-menu-blue-outline {
	border: 1px solid #027ACA;
	color: #027ACA
}

div.btn-white-primary,
div.btn-menu-white-primary {
	background-color: #ffffff;
	color: #009EEC;
	height: 34px;
	border: 1px solid #009EEC;
}

div.btn-white-primary:not(.btn-noclick):hover,
div.btn-white-primary:not(.btn-noclick):hover div.btn-menu-white-primary {
	border: 1px solid #027ACA;
	color: #027ACA
}

div.btn-white-primary:not(.btn-noclick):focus,
div.btn-white-primary:not(.btn-noclick):focus div.btn-menu-white-primary {
	border: 1px solid #027ACA;
	color: #027ACA
}

div.btn-white-outline {
	height: 34px;
	border: 1px solid #ffffff;
}

div.btn-white-thick-outline {
	height: 32px;
	border: 2px solid #ffffff;
}

div.btn-white-outline.btn-noclick {
	opacity: 0.4;
}

div.btn-standard.btn-noclick {
	opacity: 0.4;
}

.imageAndTextButton .submitMidHighlightButton, 
.imageAndTextButton .hoverMidHighlightButton {
	/* To override the .css from the ButtonView - TODO: Refactor ButtonView so that it's css is easier to work with/change */
	width: auto;
	padding-left: 15px;
	padding-right: 15px;
}

.imageAndTextButton .submitMidHighlightText, 
.imageAndTextButton .hoverMidHighlightText {
	margin-right: 15px;
}

#lightbox-content html { 
	overflow: auto !important; 
}
.lightbox{ 
	bottom: 0; left: 0; right: 0; top: 0; position: fixed; 
}
.lightbox .close a { 
	background: rgba(0, 0, 0, 0.2); bottom: 0; left: 0; right: 0; top: 0; position: absolute; z-index: 40098; 
}
.close span { 
	color: #FFFFFF; font-size: 2em; text-indent: 0; position: absolute; right: 0.5em; top: 0.5em; 
}
.close {
	text-indent: -999em;
}
.outerlightboxContent {
	background: #FFFFFF; position: absolute; left: 50%; z-index: 40099; padding-top:20px; box-shadow: 5px 5px 10px 4px rgba(005, 005, 005, 0.1); overflow: visible;
} 
.lightboxContent {
	overflow-y: auto; position: absolute; z-index: 42000;
}

div.standardLightbox .outerlightboxContent,
div.standardLightbox .lightboxContent {
	border-radius: 6px;
}

/* .lightbox-border-n { 
	top: -1px; left: 0; width: 100%; background-color: #CCCCCC; position: absolute; padding: 0; margin: 0; border: 0; height: 1px; z-index: 20;
}
.lightbox-border-e { 
	top: 0; right: -1px; height: 100%; background-color: #CCCCCC; background-position: -1px 0px; position: absolute; padding: 0; margin: 0; border: 0; width: 1px; z-index: 20;
}
.lightbox-border-se { 
	bottom: -1px; right: -1px; background-color: #CCCCCC; position: absolute; padding: 0; margin: 0; border: 0; width: 1px; height: 1px; z-index: 20;
}
.lightbox-border-s { 
	bottom: -1px; left: 0; width: 100%; background-color: #CCCCCC; background-position: 0px -1px; position: absolute; padding: 0; margin: 0; border: 0; height: 1px; z-index: 20;
}
.lightbox-border-sw { 
	bottom: -1px; left: -1px; background-color: #CCCCCC; position: absolute; padding: 0; margin: 0; border: 0; width: 1px; height: 1px; z-index: 20;
}
.lightbox-border-w { 
	top: 0; left: -1px; height: 100%; background-color: #CCCCCC; position: absolute; padding: 0; margin: 0; border: 0; width: 1px; z-index: 20;
}
.lightbox-border-nw { 
	top: -1px; left: -1px; background-color: #CCCCCC; position: absolute; padding: 0; margin: 0; border: 0; width: 1px; height: 1px; z-index: 20;
}
.lightbox-border-ne { 
	top: -1px; right: -1px; background-color: #CCCCCC; position: absolute; padding: 0; margin: 0; border: 0; width: 1px; height: 1px; z-index: 20;
} */
.lightbox-top-gutter {
   top: 0px; height: 40px; left: 0px; right: 0px; position: absolute; padding: 0; margin: 0; border: 0; z-index: 20; cursor: move;
}
.lightbox-top-gutter-color {
	background: #009eec;
}
.lightbox-top-gutter-color-red {
	background: #e90202;
}
.lightbox-top-gutter-blue {
	background: #009EEC;
}

.lightbox-top-gutter-grey {
	background: #F8F6F4;
}

.lightbox-top-gutter-text {
	color: white;
	font-size: 20px;
	height:40px;
	line-height: 40px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	padding: 0 10px;
	padding-right: 30px;
}
div.closeLightboxPopup {
	background-image: url('../images/close_large_white.png'); width: 25px; height: 25px; z-index: 99; cursor: pointer; display: block; position: absolute; top: 8px; right: 5px; 
}
.lightbox-loading{
	background-image: url('../images/progress.gif'); z-index: 150; background-repeat:no-repeat; width: 300px; height: 8px; margin: auto; padding: 10px;
}
.lightbox-text-loading{
	z-index: 150; margin: auto; text-align: center; FONT-SIZE: 16px; COLOR: #666666; padding: 10px; font-weight:bold;
}
div.maximiseLightboxPopup {
	background-image: url('../images/maximise_large_white.png'); width: 25px; height: 25px; z-index: 99; cursor: pointer; position: absolute; top: 8px; right: 32px;
}
.pointerLightbox{
	cursor:pointer;	
}
div.close-lightbox-alternative {
	background-image: url('../images/close_large_white.png'); width: 25px; height: 25px; z-index: 99; cursor: pointer; display: block; position: absolute; top: 8px; right: 5px; 
}
.lightbox-grey-border {
	border:2px solid #989898;	
}

.lightbox-thin-grey-border {
	border:1px solid #CCCCCC;
}
.lightbox-thin-grey-border-no-top {
  border-bottom: 1px solid #e4e4e4;
  border-left: 1px solid #e4e4e4;
  border-right: 1px solid #e4e4e4;
}

table.reportMenu {
   width: 100%;
   border: 0px;
   background: url("../images/menu_bck_edit.png") repeat-x;
}

table.activeReportMenu {
	width: 100%;
	border: 0px;
	background: url("../images/menu_back_active.png") repeat-x;
	padding-top: 5px;
}

table.reportMenuTabs, tr.reportMenuTabs {
   width: 100%;
   height: 31px;
   border-top: 0px;
   border-left: 0px;
   border-right: 0px;
   border-bottom: 0px;
}

table.reportMenuTabs td, tr.reportMenuTabs th {
   font-size: 12px;
   padding: 0px 10px;
   text-align: center;
   line-height: 15px;
   white-space: nowrap;
   color: #666666;
   font-weight: bold;
   background-color: transparent;
}

table.reportMenuTabs th.separatorTop {
	text-align: center;
}

th.separatorTop div.separator {
	background-color: #A5A8A9;
	height: 6px;
	width: 0px;
}

table.reportMenuTabs td a, table.reportMenuTabs td a:link, table.reportMenuTabs td a:visited {
   color: #666666;
   text-decoration: none;
}

table.reportMenuTabs td a:hover {
   color: #666666;
   text-decoration: underline;
}

table.reportMenuTabs td.selected {
   color: #666666;
   background-color: transparent;
}

table.reportMenuTabs td.selected a, table.reportMenuTabs td.selected a:link, table.reportMenuTabs td.selected a:visited {
   color: #666666;
   text-decoration: none;
}

table.reportMenuTabs td.selected a:hover {
   color: #666666;
   text-decoration: underline;
}

table.reportMenuContent, tr.reportMenuContent {
   width: 100%;
   text-decoration:none;
   height: 53px;
   border-top: 0px;
   border-left: 0px;
   border-right: 0px;
   border-bottom: 0px;
}

table.reportMenuContent td, table.reportMenuContent th {
   font-size: 10px;
   font-weight: normal;
   line-height: 15px;
}

tr.reportMenuContent td {
   font-size: 10px;
   font-weight: normal;
   line-height: 15px;
   white-space: nowrap;
   text-align: center;
   color: #357cb6;
   padding: 3px;
}

tr.reportMenuContent td.separatorMain {
	text-align: center;
	padding: 0px 10px;
}

td.separatorMain div.separator {
	background-color: #A5A8A9;
	margin-top: 15px;
	height: 15px;
	width: 1px;
}

/*table.reportMenuContent th.spacer, table.reportMenuContent td.spacer, table.reportMenuTabs td.spacer {*/
table.reportMenuContent th.spacer, table.reportMenuTabs td.spacer, table.reportMenuContent td.spacer, table.reportMenu td.spacer {
   width: 99%;
}

table.reportMenuContent th {
   padding-left: 5px;
   padding-right: 5px;
   text-align: center;
   color: #ffffff;
   white-space: nowrap;
   background-color: transparent;
}

table.reportMenuContent td.menuitem {
   background-color: transparent;
   background-image: none;
   behavior: url(css/pngbehavior.htc);
}

table.menuItemTbl, table.menuItemTblPad {
   margin-left: auto;
   margin-right: auto;
   height: 100%;
}

table.menuItemTbl td {
   padding: 0px;
   vertical-align: top;
}

table.menuItemTblPad td {
   padding: 0px 2px;
   vertical-align: top;
}

td.menuitem div.separator {
	background-color: #A5A8A9;
	height: 28px;
	width: 1px;
	margin-left: 4px;
	margin-right: 4px;
}

table.menuItemTbl>tbody>tr>td:hover {
	background-image: url(../images/top_menu_rollover.png);
	background-repeat: repeat-x;
}

table.menuItemTblPad td:hover {
	background-image: url(../images/top_menu_rollover.png);
	background-repeat: repeat-x;
}

table.menuItemTbl td.selectBox:hover {
	background-image: none;
}

td.menuAnchor {
   border-left: 1px solid transparent !important;
   border-right: 1px solid transparent !important;
}

td.menuAnchor:hover {
	background-image: url(../images/top_menu_rollover.png);
	background-repeat: repeat-x;
}

td.borderlessMenuAnchor {
   /* ie6 hack */
   border-left: 1px solid #cccccc;
   border-right: 1px solid #cccccc;
   filter: chroma(color=#cccccc);
   background-image: url(../images/top_menu_click.png);
   background-repeat: repeat-x;
}

td.menuAnchorSelected {
   background: url(../images/top_menu_click.png);
   border-left: 1px solid #cccccc;
   border-right: 1px solid #cccccc;
}

table.menuItemTbl td.menuAnchorSelected:hover {
   /* Do not inherit hover styles */
   
   background: url(../images/top_menu_click.png);
   border-left: 1px solid #cccccc;
   border-right: 1px solid #cccccc;
}

table.reportMenuContent td {
   white-space: nowrap;
   text-align: center;
   color: #357cb6;
   padding: 3px;
}

table.reportMenuContent td.toolbarPopupCell
{
	border-bottom: #EBEBEB 1px solid;
	padding: 10px;
	background-image: none;
	background: #FFFFFF;
	color: #60A0D2;
}

table.reportMenuContent td.toolbarPopupCell:hover {
	background: #f9f9f9;
}

table.reportMenuContent img.menubutton {
   background: transparent;
}

table.reportMenuContent img.menubutton:hover {
   background: #f0f0ff;
}

table.reportMenuContent a.menuExtLink:visited {
   color: #008BD0;
   text-decoration: underline;
}

table.reportMenuContent a.menuExtLink, table.reportMenuContent a.menuDropLink, table.reportMenuContent a.menuDropLink:link, table.reportMenuContent a.menuDropLink:visited {
   color: #008BD0;
   text-decoration: none;
}

table.reportMenuContent a.menuDropLink:hover,  a.menuExtLink:hover{
   color: #008BD0;
   text-decoration: underline;
}

div.menuPopupDiv {
   width: 300px;
   border: 1px solid #cccccc;
   background: #ffffff;
   display: none;
   position: absolute;
   /* mac/firefox hack */
   z-index: 1000;
   box-shadow: 4px 4px 10px #B5B5B5;

}

div.menuPopupContentDiv {
   min-height: 315px;
   /* ie 6 hack */
   height: auto !important;
   height: 315px;
}

div.menuPopupFooterGreyDiv {
   width: 100%;
   border: 0px;
   background-color: #f9f9f9;
   height: 60px;
   border-top: 1px solid;
   border-top-color: #CCCCCC;
}

div.menuLayerBaseDiv {
   width: 100%;
   border: 0px;
   background: url(../images/menu_layer_base.png);
   height: 35px;
}

div.menuPopupFooterGreyDiv a, div.menuPopupFooterGreyDiv a:link, div.menuPopupFooterGreyDiv a:visited {
   color: #ffffff;
   text-decoration: none;
}

div.menuPopupFooterGreyDiv a:hover {
   color: #ffffff;
   text-decoration: underline;
}

div.broadcastDropMenu {
   position: absolute;
   display: none;
   width: 150px;
   border: 1px solid #cccccc;
   background: #ffffff;
   z-index: 30010;
}

div.broadcastDropMenu ul {
   padding: 0px;
   margin: 0px;
}

div.broadcastDropMenu li {
   list-style: none;
   display: block;
   padding: 5px 0px 5px 15px;
   margin: 0px;
   background: #ffffff;
   color: #808080;
   font-size: 16px;
}

div.broadcastDropMenu li:hover {
   background: #f9f9f9;
   cursor: pointer;
}

.search-people-search-box {
	border: 1px solid #cccccc; padding: 4px; width: 290px; height:20px; color: #666666; font-size: 14px; margin: 6px; outline: none;
}
div.search-people-search-box-inline {
   color: #666666; font-size: 16px;
}
input.search-people-search-box-inline {
   padding: 4px;
   color: #666666; font-size: 16px;
}
.search-people-search-box-inline {
   height: 25px;
   border: 0;
   padding-left: 5px;
}
.search-results {
	height:230px; padding-top: 0px; overflow: auto; overflow-x: hidden; -ms-overflow-x: hidden; position: relative;
}
.search-people-search-divider{
	background-color:#f2f2f2; color:#CCCCCC; height:1px; border: 0; margin-top: 3px; margin-bottom: 4px; width: 100%;
}
.search-text-options {
	font-size: 14px; padding-left: 10px; padding-top: 2px; padding-bottom: 2px; cursor: pointer;  color: #666666;
}
.search-text {
	font-size: 14px;
	padding-right: 5px;
	cursor: pointer;
	position: relative;
	height: 36px;
	line-height: 36px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: black;
}
.search-text-inner .search-text {
	font-size: 14px;
	height: 18px;
	line-height: 17.5px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
    max-width: 250px;
}
.search-text-email {
	font-size: 12px;
	height: 18px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #808080;
    max-width: 250px;
}
.search-text-hl div.search-text-inner div.search-text-email {
	color: #FFFFFF;
}

.search-text-options-hl {
   color: #000000; 
}
.search-text-hl {
   background-color: #009eec;
   color: #ffffff; 
}
div.search-text-inner .search-text-no-email {
	line-height: 36px;
    height: 36px;
}
.search-text-group {
	font-size: 14px; padding-left: 25px; padding-top: 4px; padding-bottom: 4px; cursor: pointer; 
}
.search-text-group-hl {
	font-size: 14px; padding-left: 25px; padding-top: 4px; padding-bottom: 4px; cursor: pointer; background-color: #EBEBEB;
}
.search-text-no-results {
	font-size: 14px; padding-left: 10px; padding-top: 5px; height: 36px; line-height: 30px;
}
.search-group-image {
	background-image: url('../images/collaborationGroup.png'); width: 11px; height:12px; padding: 0px; margin: 0; border: 0; display:block; 
	float: left; margin-top:4px; margin-left:5px;
}

.search-box-close {
	position: absolute; 
	right: 5px; 
	top: 5px; 
	cursor: pointer; 
	z-index: 10; 
	height: 25px;
	width: 25px;
	background-image: url('../images/close_small_grey.png');
	background-size: 25px 25px;
    background-repeat: no-repeat;
    background-position: center;
}
.search-box-close:hover {
   color: #666666;
}
.search-box-position {
    display:none; position: fixed; width: 350px; border: 1px solid #cccccc; z-index: 2000; background: white;
}

.root-search-box {
	display:none;
	position:absolute;
	margin: 1em auto;
	width: 350px;
	height: auto;
	border-width:1px;
	border-color:#CCCCCC;
	border-style: solid; 
	z-index: 2000;
	background: white;
	box-shadow: 4px 4px 10px #B5B5B5;
}
.search-text-placeholder {
	font-size: 14px; padding-left: 25px; padding-top: 2px; padding-bottom: 2px; color: #666666; font-style: italic;
}
div.search-icon {
	position: relative;
   	float: left;
   	width: 30px;
   	height: 30px;
   	top: 3px;
    padding-left: 10px;
    padding-right: 10px;
}
div.search-icon > img {
   position: absolute;
   left: 10px;
   top: 0;
   bottom: 0;
   margin: auto;
   max-width: 30px;
   max-height: 30px;
}

div.btn-entity {
   font-size: 12px;
   float: left;
   height: 25px;
   line-height: 25px;
   white-space: nowrap;
   padding: 0 5px;
   position: relative;
   cursor: default;
   border-width: 1px;
   border-style: solid;
   margin: 6px 3px 3px 3px;
   overflow: hidden;
   text-overflow: ellipsis;
   background: #f9f9f9;
   border-color: #e4e4e4;
   color: #999999;
}
div.colourButton div.btn-entity {
   height: 26px;
   line-height: 28px;	
   color: #009eec;
   font-size: 14px;
	border-width: 0;
	background-color: inherit;
}
div.btn-link {
   cursor: pointer;
}
div.btn-person {
   background: #eeeeee;
   color: #666666;
   border-color: #e4e4e4;
}
div.btn-email {
   background: #505050;
   color: #f0f0f0;
   border-color: #505050;
}
div.btn-delete {
   padding-right: 25px;
}
div.btn-delete-link {
   position: absolute;
   right: 0;
   top: 0;
   bottom: 0;
   cursor: pointer;
   width: 19px;
   text-align: center;
   font-size: 18px;
   font-weight: bold;
}
div.btn-hasicon {
   padding-left: 35px;
}
div.btn-icon {
   position: absolute;
   top: 0;
   left: 0;
   width: 25px;
   height: 25px;
   overflow: hidden;
   background-color: #ffffff;
}
div.colourButton div.btn-icon {
	background-color: inherit;
	height: 26px;
    width: 26px;
}
div.btn-icon > img {
   max-height: 25px;
   max-width: 25px;
   position: absolute;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   margin: auto;
}
div.colourButton div.btn-icon > img {
	max-height: 26px;
	max-width: 26px;
}
div.add-suggestion-results {
	border-top: 1px solid #CCCCCC;
	margin: 0px 0px;
	background-color: #FAFAFA;
}
div.add-suggestion-results.no-invite > div.search-text {
	font-style: italic;
	cursor: default;
	color: #999;
}
div.add-suggestion-results-title {
	font-size: 14px;
    padding-left: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
}
div.add-suggestion-results.no-invite > div.add-suggestion-results-title {
	color: #CC0000;
}
div.search-text-inner {
	float: left;
}
div.search-text-upper {
	position: relative;
	padding-right: 5px;
	cursor: pointer;
	height: 36px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;	
}
.loadingspinner {
	width:40px; height:40px;
	background: url("../images/mobile/pulldownRefreshBlack.png") 0 0 no-repeat;
	background-size: 40px 80px;
	background-position:0 100%;
	
	-webkit-transition-property:-webkit-transform;
	-webkit-transform:rotate(0deg) translateZ(0);
	-webkit-transition-duration:0ms;
	-webkit-animation-name:loadingSpinner;
	-webkit-animation-duration:2s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:linear;
	
	-moz-transition-property:-webkit-transform;
	-moz-transform:rotate(0deg) translateZ(0);
	-moz-transition-duration:0ms;
	-moz-animation-name:loadingSpinner;
	-moz-animation-duration:2s;
	-moz-animation-iteration-count:infinite;
	-moz-animation-timing-function:linear;
}
@-webkit-keyframes loadingSpinner {
	from { -webkit-transform:rotate(0deg) translateZ(0); }
	to { -webkit-transform:rotate(360deg) translateZ(0); }
}
@-moz-keyframes loadingSpinner {
	from { -moz-transform:rotate(0deg) translateZ(0); }
	to { -moz-transform:rotate(360deg) translateZ(0); }
}
.scrollHolder {
	width:100%; 
	height:5px; 
	background-color:#CCCCCC;
	position:absolute;
	z-index:45;
}

.scroller {
	width:15px; 
	height:7px; 
	position:relative; 
	background-color:#009EEC;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
   -webkit-user-select: none;  /* Chrome all / Safari all */
   -moz-user-select: none;     /* Firefox all */
   -ms-user-select: none;      /* IE 10+ */
   -o-user-select: none;
   user-select: none;  	
}

.unselectable {
  -webkit-user-select: none;  /* Chrome all / Safari all */
  -moz-user-select: none;     /* Firefox all */
  -ms-user-select: none;      /* IE 10+ */
  -o-user-select: none;
  user-select: none;     
}
/*! jQuery UI - v1.12.1 - 2017-06-11
* http://jqueryui.com
* Includes: draggable.css, core.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif
* Copyright jQuery Foundation and other contributors; Licensed MIT */

.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-sortable-handle{-ms-touch-action:none;touch-action:none}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0 0;padding:.5em .5em .5em .7em;font-size:100%}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:0}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{margin:0;cursor:pointer;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.ui-menu .ui-menu-item-wrapper{position:relative;padding:3px 1em 3px .4em}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item-wrapper{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-button{padding:.4em 1em;display:inline-block;position:relative;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2em;box-sizing:border-box;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-button-icon-only{text-indent:0}.ui-button-icon-only .ui-icon{position:absolute;top:50%;left:50%;margin-top:-8px;margin-left:-8px}.ui-button.ui-icon-notext .ui-icon{padding:0;width:2.1em;height:2.1em;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-icon-notext .ui-icon{width:auto;height:auto;text-indent:0;white-space:normal;padding:.4em 1em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-controlgroup{vertical-align:middle;display:inline-block}.ui-controlgroup > .ui-controlgroup-item{float:left;margin-left:0;margin-right:0}.ui-controlgroup > .ui-controlgroup-item:focus,.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus{z-index:9999}.ui-controlgroup-vertical > .ui-controlgroup-item{display:block;float:none;width:100%;margin-top:0;margin-bottom:0;text-align:left}.ui-controlgroup-vertical .ui-controlgroup-item{box-sizing:border-box}.ui-controlgroup .ui-controlgroup-label{padding:.4em 1em}.ui-controlgroup .ui-controlgroup-label span{font-size:80%}.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item{border-left:none}.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item{border-top:none}.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content{border-right:none}.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content{border-bottom:none}.ui-controlgroup-vertical .ui-spinner-input{width:75%;width:calc( 100% - 2.4em )}.ui-controlgroup-vertical .ui-spinner .ui-spinner-up{border-top-style:solid}.ui-checkboxradio-label .ui-icon-background{box-shadow:inset 1px 1px 1px #ccc;border-radius:.12em;border:none}.ui-checkboxradio-radio-label .ui-icon-background{width:16px;height:16px;border-radius:1em;overflow:visible;border:none}.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon{background-image:none;width:8px;height:8px;border-width:4px;border-style:solid}.ui-checkboxradio-disabled{pointer-events:none}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em}.ui-dialog{position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-n{height:2px;top:0}.ui-dialog .ui-resizable-e{width:2px;right:0}.ui-dialog .ui-resizable-s{height:2px;bottom:0}.ui-dialog .ui-resizable-w{width:2px;left:0}.ui-dialog .ui-resizable-se,.ui-dialog .ui-resizable-sw,.ui-dialog .ui-resizable-ne,.ui-dialog .ui-resizable-nw{width:7px;height:7px}.ui-dialog .ui-resizable-se{right:0;bottom:0}.ui-dialog .ui-resizable-sw{left:0;bottom:0}.ui-dialog .ui-resizable-ne{right:0;top:0}.ui-dialog .ui-resizable-nw{left:0;top:0}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");height:100%;filter:alpha(opacity=25);opacity:0.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px}.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:bold;line-height:1.5;padding:2px 0.4em;margin:0.5em 0 0 0;height:auto;border:0}.ui-selectmenu-open{display:block}.ui-selectmenu-text{display:block;margin-right:20px;overflow:hidden;text-overflow:ellipsis}.ui-selectmenu-button.ui-button{text-align:left;white-space:nowrap;width:14em}.ui-selectmenu-icon.ui-icon{float:right;margin-top:0}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:none;color:inherit;padding:.222em 0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:2em}.ui-spinner-button{width:1.6em;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top-style:none;border-bottom-style:none;border-right-style:none}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px}body .ui-tooltip{border-width:2px}.ui-widget{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget.ui-widget-content{border:1px solid #c5c5c5}.ui-widget-content{border:1px solid #ddd;background:#fff;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #ddd;background:#e9e9e9;color:#333;font-weight:bold}.ui-widget-header a{color:#333}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:normal;color:#454545}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#454545;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{border:1px solid #ccc;background:#ededed;font-weight:normal;color:#2b2b2b}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{color:#2b2b2b;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px rgb(94,158,214)}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #003eff;background:#007fff;font-weight:normal;color:#fff}.ui-icon-background,.ui-state-active .ui-icon-background{border:#003eff;background-color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #dad55e;background:#fffa90;color:#777620}.ui-state-checked{border:1px solid #dad55e;background:#fffa90}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#777620}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #f1a899;background:#fddfdf;color:#5f3f3f}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#5f3f3f}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#5f3f3f}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("images/ui-icons_444444_256x240.png")}.ui-widget-header .ui-icon{background-image:url("images/ui-icons_444444_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon{background-image:url("images/ui-icons_555555_256x240.png")}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url("images/ui-icons_ffffff_256x240.png")}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url("images/ui-icons_777620_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("images/ui-icons_cc0000_256x240.png")}.ui-button .ui-icon{background-image:url("images/ui-icons_777777_256x240.png")}.ui-icon-blank{background-position:16px 16px}.ui-icon-caret-1-n{background-position:0 0}.ui-icon-caret-1-ne{background-position:-16px 0}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-caret-1-se{background-position:-48px 0}.ui-icon-caret-1-s{background-position:-65px 0}.ui-icon-caret-1-sw{background-position:-80px 0}.ui-icon-caret-1-w{background-position:-96px 0}.ui-icon-caret-1-nw{background-position:-112px 0}.ui-icon-caret-2-n-s{background-position:-128px 0}.ui-icon-caret-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-65px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-65px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:1px -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:3px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:3px}.ui-widget-overlay{background:#aaa;opacity:.3;filter:Alpha(Opacity=30)}.ui-widget-shadow{-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666}
table.suggestion-list {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 200;
	background-color: white;
	border: 1px solid #ccc;
	border-collapse: collapse;
}

table.suggestion-list th, table.suggestion-list tr {
	padding: 0px;
}

table.suggestion-list .highlighted {
	background-color: #ccc;
}

table.suggestion-list .suggestion {
	height: 20px;
	line-height: 1.5;
	padding-left: 2px;
	cursor: default;
	FONT-SIZE: 12px;
}
.checkedValuesSortAction {
	color: #008BD0;
	cursor: pointer;
}
/***
Spectrum Colorpicker v1.1.1
https://github.com/bgrins/spectrum
Author: Brian Grinstead
License: MIT
***/

.sp-container {
    position:absolute;
    top:0;
    left:0;
    display:inline-block;
    *display: inline;
    *zoom: 1;
    z-index: 2147483647;
    overflow: hidden;
}
.sp-container.sp-flat {
    position: relative;
}

/* http://ansciath.tumblr.com/post/7347495869/css-aspect-ratio */
.sp-top {
  position:relative;
  width: 100%;
  display:inline-block;
}
.sp-top-inner {
   position:absolute;
   top:0;
   left:0;
   bottom:0;
   right:0;
}
.sp-color {
    position: absolute;
    top:0;
    left:0;
    bottom:0;
    right:20%;
}
.sp-hue {
    position: absolute;
    top:0;
    right:0;
    bottom:0;
    left:84%;
    height: 100%;
}
.sp-fill {
    padding-top: 80%;
}
.sp-sat, .sp-val {
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
}

.sp-alpha-enabled .sp-top
{
    margin-bottom: 18px;
}
.sp-alpha-enabled .sp-alpha
{
    display: block;
}

.sp-alpha-handle
{
    position:absolute;
    top:-4px;
    bottom: -4px;
    width: 6px;
    left: 50%;
    cursor: pointer;
    border: 1px solid black;
    background: white;
    opacity: .8;
}

.sp-alpha
{
    display: none;
    position: absolute;
    bottom: -14px;
    right: 0;
    left: 0;
    height: 8px;
}
.sp-alpha-inner{
    border: solid 1px #333;
}

/* Don't allow text selection */
.sp-container, .sp-replacer, .sp-preview, .sp-dragger, .sp-slider, .sp-alpha, .sp-alpha-handle, .sp-container.sp-dragging .sp-input, .sp-container button  {
    -webkit-user-select:none;
    -moz-user-select: -moz-none;
    -o-user-select:none;
    user-select: none;
}

.sp-container.sp-input-disabled .sp-input-container {
    display: none;
}
.sp-container.sp-buttons-disabled .sp-button-container {
    display: none;
}
.sp-palette-only .sp-picker-container {
    display: none;
}
.sp-palette-disabled .sp-palette-container {
    display: none;
}

.sp-initial-disabled .sp-initial {
    display: none;
}


/* Gradients for hue, saturation and value instead of images.  Not pretty... but it works */
.sp-sat {
    background-image: -webkit-gradient(linear,  0 0, 100% 0, from(#FFF), to(rgba(204, 154, 129, 0)));
    background-image: -webkit-linear-gradient(left, #FFF, rgba(204, 154, 129, 0));
    background-image: -moz-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
    background-image: -o-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
    background-image: -ms-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
    background-image: linear-gradient(to right, #fff, rgba(204, 154, 129, 0));
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)";
    filter : progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr='#FFFFFFFF', endColorstr='#00CC9A81');
}
.sp-val {
    background-image: -webkit-gradient(linear, 0 100%, 0 0, from(#000000), to(rgba(204, 154, 129, 0)));
    background-image: -webkit-linear-gradient(bottom, #000000, rgba(204, 154, 129, 0));
    background-image: -moz-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
    background-image: -o-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
    background-image: -ms-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
    background-image: linear-gradient(to top, #000, rgba(204, 154, 129, 0));
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)";
    filter : progid:DXImageTransform.Microsoft.gradient(startColorstr='#00CC9A81', endColorstr='#FF000000');
}

.sp-hue {
    background: -moz-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
    background: -ms-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
    background: -o-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#ff0000), color-stop(0.17, #ffff00), color-stop(0.33, #00ff00), color-stop(0.5, #00ffff), color-stop(0.67, #0000ff), color-stop(0.83, #ff00ff), to(#ff0000));
    background: -webkit-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
}

/* IE filters do not support multiple color stops.
   Generate 6 divs, line them up, and do two color gradients for each.
   Yes, really.
 */

.sp-1 {
    height:17%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#ffff00');
}
.sp-2 {
    height:16%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff00', endColorstr='#00ff00');
}
.sp-3 {
    height:17%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ff00', endColorstr='#00ffff');
}
.sp-4 {
    height:17%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffff', endColorstr='#0000ff');
}
.sp-5 {
    height:16%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000ff', endColorstr='#ff00ff');
}
.sp-6 {
    height:17%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00ff', endColorstr='#ff0000');
}

.sp-hidden {
    display: none !important;
}

/* Clearfix hack */
.sp-cf:before, .sp-cf:after { content: ""; display: table; }
.sp-cf:after { clear: both; }
.sp-cf { *zoom: 1; }

/* Mobile devices, make hue slider bigger so it is easier to slide */
@media (max-device-width: 480px) {
    .sp-color { right: 40%; }
    .sp-hue { left: 63%; }
    .sp-fill { padding-top: 60%; }
}

.sp-dragger {
   border-radius: 5px;
   height: 5px;
   width: 5px;
   border: 1px solid #fff;
   background: #000;
   cursor: pointer;
   position:absolute;
   top:0;
   left: 0;
}
.sp-slider {
    position: absolute;
    top:0;
    cursor:pointer;
    height: 3px;
    left: -1px;
    right: -1px;
    border: 1px solid #000;
    background: white;
    opacity: .8;
}

/* Basic display options (colors, fonts, global widths) */
.sp-container {
    border-radius: 3px;
    background-color: #ECECEC;
    border: solid 1px #BBBBBB;
    padding: 0;
}
.sp-container, .sp-container input, .sp-color, .sp-hue
{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 12px;
}
.sp-top
{
    margin-bottom: 3px;
}
.sp-color, .sp-hue
{
    border: solid 1px #666;
}

/* Input */
.sp-input-container {
    float:right;
    /*width: 100px;*/
    margin-bottom: 4px;
}

.sp-clear-colour {
	margin-left:5px;
}

.sp-initial-disabled  .sp-input-container {
    width: 100%;
}
.sp-input {
   font-size: 12px !important;
   border: 1px inset;
   padding: 4px 5px;
   margin: 0;
   width: 100%;
   background:transparent;
   border-radius: 3px;
   color: #222;
   width: 70px;
}
.sp-input:focus  {
    border: 1px solid orange;
}
.sp-input.sp-validation-error
{
    border: 1px solid red;
    background: #fdd;
}
.sp-picker-container , .sp-palette-container
{
    float:left;
    position: relative;
    padding: 10px;
    padding-bottom: 300px;
    margin-bottom: -290px;
}
.sp-picker-container
{
    width: 172px;
    border-left: solid 1px #fff;
}

/* Palettes */
.sp-palette-container
{
    border-right: solid 1px #ccc;
}

.sp-palette .sp-thumb-el {
    display: block;
    position:relative;
    float:left;
    width: 24px;
    height: 15px;
    margin: 3px;
    cursor: pointer;
    border:solid 2px transparent;
    border-radius:3px;
}
.sp-palette .sp-thumb-el:hover, .sp-palette .sp-thumb-el.sp-thumb-active {
    border-color: orange;
}
.sp-thumb-el
{
    position:relative;
}

/* Initial */
.sp-initial
{
    float: left;
    border: solid 1px #333;
}
.sp-initial span {
    width: 30px;
    height: 25px;
    border:none;
    display:block;
    float:left;
    margin:0;
}

/* Buttons */
.sp-button-container {
    float: right;
}

.sp-button-container div {
	float:left;
}

/* Replacer (the little preview div that shows up instead of the <input>) */
.sp-replacer {
    /*margin:0;
    cursor:pointer;
    display:inline-block;
    *zoom: 1;
    *display: inline;
    border: solid 1px #91765d;
    background: #eee;
    color: #333;
    vertical-align: middle;*/
    
    cursor:pointer;
	width:30px;
	height:30px;
	border-radius:4px;
	border:solid 1px #CCCCCC;
    overflow:hidden;
}

.sp-replacer-small {
	width:21px;
	height:21px;
}

.sp-replacer:hover, .sp-replacer.sp-active {
    border-color: #F0C49B;
    color: #111;
}
.sp-replacer.sp-disabled {
    cursor:default;
    border-color: silver;
    color: silver;
}
.sp-dd {
    padding: 2px 0;
    height: 16px;
    line-height: 16px;
    float:left;
    font-size:10px;
}

.sp-preview {
    position:relative;
    width: 100%;
    height: 100%;
    border-radius:2px;
    /*border: solid 1px #222;*/
    float:left;
    z-index: 0;
}

.sp-palette
{
    *width: 220px;
    max-width: 220px;
}
.sp-palette .sp-thumb-el
{
    width:16px;
    height: 16px;
    margin:2px 1px;
    border: solid 1px #d0d0d0;
}

.sp-container
{
    padding-bottom:0;
}

.sp-container button:active {

}

.sp-cancel:hover
{
    color: #d93f3f !important;
}


.sp-palette span:hover, .sp-palette span.sp-thumb-active
{
    border-color: #000;
}

.sp-preview, .sp-alpha, .sp-thumb-el
{
    position:relative;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
}
.sp-preview-inner, .sp-alpha-inner, .sp-thumb-inner
{
    display:block;
    position:absolute;
    top:0;left:0;bottom:0;right:0;
}

.no-colour {
	background-color:white !important;
	background-image: url('../images/colour_swatch_none.png');
	background-size: 100%;
	background-repeat: no-repeat;
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src='images/colour_swatch_none.png')";
}

.sp-palette .sp-thumb-inner
{
    background-position: 50% 50%;
    background-repeat: no-repeat;
    border-radius:3px;
}

.sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner
{
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=);
}

.sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner
{
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=);
}

.sp-palette-row-4 {
	margin-top:22px;
}
.multiWidgetCanvasEditor {
	position: relative;
}

.multiWidgetCanvasEditor .editMenu {
	border-radius: 2px;
	border: 1px solid #ccc;
	background-color: #eee;
	margin: 4px;
}

.multiWidgetCanvasEditor .editMenu .editItem, 
.multiWidgetCanvasEditor .editMenu .editItem .sp-replacer {
	position: absolute;
	left: 0px; top: 0px;
	width: 25px;
	height: 25px;
	background-image: url(../images/canvas_finished.png);
	background-repeat: no-repeat;
	background-position: center;
	display: inline-block;
	border-radius: 0px;
	border: none;
	cursor: pointer;
}

.multiWidgetCanvasEditor .editMenu .editItem .sp-preview-inner {
	background-repeat: no-repeat;
	background-position: center;
	background-position-y: 40%;
}

.multiWidgetCanvasEditor .editMenu .editItem.spacer {
	border-right: 1px solid white;
}

.multiWidgetCanvasEditor .editMenu .editItem:hover {
	background-color: #ddd;
	background-image: url(../images/canvas_finished_over.png);
}

.multiWidgetCanvasEditor .editMenu .deleteItem {
	background-image: url(../images/canvas_delete_item.png);
}

.multiWidgetCanvasEditor .editMenu .deleteItem:hover {
	background-image: url(../images/canvas_delete_item_over.png);
}

.multiWidgetCanvasEditor .editMenu .beginEditItem {
	background-image: url(../images/canvas_edit.png);
}

.multiWidgetCanvasEditor .editMenu .beginEditItem:hover {
	background-image: url(../images/canvas_edit_over.png);
}

.multiWidgetCanvasEditor .editMenu .fitCanvasItem {
	right: 25px;
	background-image: url(../images/canvas_fit.png);
}

.multiWidgetCanvasEditor .editMenu .fitCanvasItem:hover {
	background-image: url(../images/canvas_fit_over.png);
}

.multiWidgetCanvasEditor .editMenu .settingsItem {
	right: 25px;
	background-image: url(../images/menu_edit.png);
}

.multiWidgetCanvasEditor .editMenu .sendToBack {
	background-image: url(../images/canvas_move_back.png);
}

.multiWidgetCanvasEditor .editMenu .sendToBack:hover {
	background-image: url(../images/canvas_move_back_over.png);
}


.multiWidgetCanvasEditor .editMenu .bringToFront {
	background-image: url(../images/canvas_move_forward.png);
}

.multiWidgetCanvasEditor .editMenu .bringToFront:hover {
	background-image: url(../images/canvas_move_forward_over.png);
}

.multiWidgetCanvasEditor .editMenu .changeImage {
	background-image: url(../images/canvas_change_image.png);
}

.multiWidgetCanvasEditor .editMenu .changeImage:hover {
	background-image: url(../images/canvas_change_image_over.png);
}

.multiWidgetCanvasEditor .editMenu .changeIcon {
	background-image: url(../images/canvas_icon_select.png);
}

.multiWidgetCanvasEditor .editMenu .changeIcon:hover {
	background-image: url(../images/canvas_icon_select_over.png);
}

.multiWidgetCanvasEditor .editMenu .toggleTextEdit {
	background-image: url(../images/canvas_edit.png);
}

.multiWidgetCanvasEditor .editMenu .toggleTextEdit:hover {
	background-image: url(../images/canvas_edit_over.png);
}

.multiWidgetCanvasEditor .editMenu .toggleTextEdit.editing {
	background-image: url(../images/canvas_finished.png);
}

.multiWidgetCanvasEditor .editMenu .toggleTextEdit.editing:hover {
	background-image: url(../images/canvas_finished_over.png);
}

.multiWidgetCanvasEditor .editMenu .editItem.editRectBorderColour .sp-preview-inner {
   background-image: url(../images/canvas_border.png);
}

.multiWidgetCanvasEditor .editMenu .editItem.editRectBorderColour .sp-preview-inner:hover {
   background-image: url(../images/canvas_border_over.png);
}

.multiWidgetCanvasEditor .editMenu .editItem.editRectFillColour .sp-preview-inner {
	background-image: url(../images/canvas_fill.png);
}

.multiWidgetCanvasEditor .editMenu .editItem.editRectFillColour .sp-preview-inner:hover {
	background-image: url(../images/canvas_fill_over.png);
}

.multiWidgetCanvasEditor .editorArea {
	width: 250px;
	height: 100%;
	border: 1px solid #ddd;
	border-top-left-radius: 2px;
	border-bottom-left-radius: 2px;
	background-color: #f9f9f9;
	display: inline-block;
	vertical-align: top;
}

.widgetSettings {
	margin: 5px;
}

.multiWidgetCanvasEditor .editorArea .editorIcon {
	width: 25px;
	height: 25px;
	padding: 2.5px;
	margin: 2.5px;
	margin-left: 0px;
	background-repeat: no-repeat;
	background-position: center;
	border: 1px solid #ccc;
	border-radius: 4px;
}

.multiWidgetCanvasEditor .editorArea .editorIcon:hover {
	background-color: #ccc;
}

.multiWidgetCanvasEditor .editorArea #sendToBack {
	background-image: url(../images/widget_back.png);
	margin-left: 2px;
}

.multiWidgetCanvasEditor .editorArea #bringToFront {
	background-image: url(../images/widget_front.png);
}

.multiWidgetCanvasEditor .canvasArea {
	background-image: none;
	border: none;
	position: relative;
	width: 100%;
	display: inline-block;
	z-index: 0;
}

.multiWidgetCanvasEditor .canvasArea.zeroWidgets {
	background-image: url(../images/widget_canvas_empty.png);
	background-repeat: no-repeat;
	background-position: center;
}

.multiWidgetCanvasEditor .canvasArea.gridEditMode {
	background-image: url(../images/grid.gif);
	background-repeat: repeat;
	background-position: left top;
	border: 1px dashed #ddd;
}

.multiWidgetCanvasEditor .canvasArea.dropAllowed {
	border: 1px solid #009EEC;
}

.multiWidgetCanvasEditor .editMenu {
	float: left;
	height: 25px;
	position: absolute;
	top: 0px;
	right: 0px;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	z-index: 10;
}
.multiWidgetCanvasEditor .editMenuText {
   top: auto;
   bottom: 0;
}

.edgeAlignmentGuideH {
	height: 2px;
	position: absolute;
	border-top: 1px dashed #009EEC;
}

.edgeAlignmentGuideV {
	width: 2px;
	position: absolute;
	border-left: 1px dashed #009EEC;
}

#reportLeftNavWidgetCanvasMenu {
	background-color: #f9f9f9;
	border-color: #ccc;
}

#reportLeftNavWidgetCanvasMenu .subChartPreview {
	margin-top: 10px;
	margin-left: 5px;
	border: 1px solid #E0E0E0;
	line-height: 0px;
	cursor: pointer;
	padding: 0px;
	background-color: #fff;
}

#reportLeftNavWidgetCanvasMenu .subChartPreview.smallWidget {
	padding: 0px;
	margin-left: 5px;
	border: none;
}

.dragChartWidget {
	border: 1px solid #E0E0E0;
	box-shadow: 2px 2px 2px #B5B5B5;
	line-height: 0px;
	background-repeat: no-repeat;
	background-position: center;
	z-index: 1000;
}

.widgetElement {
	overflow: visible;
}

.widgetElement.ui-draggable {
	border: 1px solid #ccc;
}

.widgetElement .reportChart {
	/* background-color: white; */
}

.widgetElement .reportChart table {
	border-collapse: collapse;
}

.widgetElement .reportChart table tr, .widgetElement .reportChart table tr td {
	padding: 0;
}

.widgetElement .reportChart.error {
	background-image: url(../images/chart_error_sm.png);
	background-repeat: no-repeat;
	background-position: center;
	background-color: #f9f9f9;
	border: 1px solid #ccc;
}

.widgetElement .reportChart .googleMapPlaceholder {
	color: #ccc;
	width:270px;
	height:30px;
	position:absolute;
	left:50%;
	top:50%;
	margin:-15px 0 0 -135px;
	text-align: center;
}

.widgetElement .textWidget {
	position: absolute;
	top: 0; left: 0;
	overflow: hidden;
}

.addHyperLinkSub{
	float: left;
	padding: 5px;
}

.widgetElement .imageWidget {
	width: 100%; height: 100%;
}

.widgetElement .rectangleWidget {
	width: 100%; height: 100%;
}

.widgetElement .iconWidget {
	width: 100%; height: 100%;
}

.widgetElement .imageWidget.noImage {
	background-image : url(../images/image_widget_noimage.png);
	background-repeat : no-repeat;
	background-position : center;
	background-size : contain;
}

.widgetElement.ui-draggable-disabled {
	filter: Alpha(Opacity=100);
	opacity : 1;
}

.canvasArea .dashboardWidthGuide {
	position: absolute;
	top : 0px;
	left : 0px;
	height : 100%;
	width : 110px;
	border-left: 2px solid;
	border-left-color: #009EEC;
	overflow: visible;
	z-index: 1000;
}

.canvasArea .dashboardWidthGuide.horizontal {
	border: none;
	border-top: 2px solid;
	border-top-color: #009EEC;
	height: 110px;
	width: 100%;
}

.canvasArea .guidePopup {
	height: 24px;
	position: absolute;
	top: 15px;
	right: 14px;
	z-index: 1000;
}

.canvasArea .guidePopup.horizontal {
	height: 34px;
	left: 25px;
	right: auto;
	top: auto;
	bottom: 12px;
   background: url(../images/canvas_dash_exceed_left_horizontal.png) no-repeat top left;
}

.guidePopup .guidePopupleft { 
	background-image: url(../images/canvas_dash_exceed_left.png);
	background-repeat: no-repeat;
	height: 24px; width: 5px;
	display: inline-block;
}

.guidePopup .guidePopupMiddle { 
	background-image: url(../images/canvas_dash_exceed_middle.png);
	height: 24px;
	display: inline-block;
	vertical-align: top;
	line-height: 22px;
	color: white;
}

.guidePopup .guidePopupRight { 
	background-image: url(../images/canvas_dash_exceed_right.png);
	background-repeat: no-repeat;
	height: 24px; width: 15px;
	display: inline-block;
}

.guidePopup .guidePopupleft.horizontal { 
	background-image: url(../images/canvas_dash_exceed_left_horizontal.png);
	background-repeat: no-repeat;
	height: 34px; width: 17px;
	display: inline-block;
}

.guidePopup .guidePopupMiddle.horizontal { 
	background-image: url(../images/canvas_dash_exceed_middle_horizontal.png);
	height: 24px;
	display: inline-block;
	vertical-align: top;
	line-height: 26px;
	color: white;
	position: relative;
	left: -10px;
}

.guidePopup .guidePopupRight.horizontal { 
	background-image: url(../images/canvas_dash_exceed_right_horizontal.png);
	background-repeat: no-repeat;
	height: 24px; width: 15px;
	display: inline-block;
	vertical-align: top;
	position: relative;
	left: -10px;
}

div.editAreaTitle {
    width: 100%;
    height: 25px;
    background-color: #009EEC;
    color: #fff;
    line-height: 25px;
	padding-left: 5px;
}

div.editAreaTitle.settings {
}

div.editAreaTitle.help {
    border-top: 1px solid #eee;
}

#reportLeftNavWidgetCanvasMenu .optionListHeader {
	font-size: inherit;
	height: 35px;
	padding: 0px;
	padding-left: 10px;
	border-top: 1px #ccc solid;
	background-color: #ddd;
	line-height: 35px;
}

#reportLeftNavWidgetCanvasMenu .optionListHeader img {
	top: 12px;
}

#reportLeftNavWidgetCanvasMenu .optionListMain {
	padding-left: 2.5px;
	padding-top: 5px;
}

.multiWidgetCanvasEditor .reportCanvasEmptyHelp {
	position: absolute;
	top: 0px; left: 0px;
	width: 100%; height: 100%;
	overflow: hidden;
}

.reportCanvasEmptyHelp .stepTitle {
	color: #666;
	font-size: 22px;
}

.reportCanvasEmptyHelp .stepMessage {
	color: #999;
	font-size: 20px;
}

.reportCanvasEmptyHelp .step1 {
	position: absolute;
	top: 80px; right: 400px;
	width: 300px;
}

.reportCanvasEmptyHelp .step1 img {
	position: absolute;
	top: 55px; right: -70px;
}

.reportCanvasEmptyHelp .step2 {
	position: absolute;
	top: 210px; right: 160px;
	width: 200px;
}

.reportCanvasEmptyHelp .step3 {
	position: absolute;
	top: 30px;
	right: 80px;
	width: 200px;
}

.reportCanvasEmptyHelp .step3 img {
	position: absolute;
	top: -15px;
	right: -70px;
}

.multiWidgetCanvasEditor .nicEditorPanelContainer {
	position: absolute;
	top: 0px;
	right: 65px;
}

.widgetDragNDropHelp {
	margin: 0 -5px -5px -5px;
}
.widgetDragNDropHelp .helpTitle {
	background-color: #009EEC;
	color: #FFFFFF;
	font-size: 18px;
	height: 38px;
	line-height: 38px;
	width: auto;
	padding: 0 6px;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.widgetDragNDropHelp .helpTitle.important {
	background-color: red;
}

.widgetDragNDropHelp .helpDetails {
	background-color: #333333;
	color: #FFFFFF;
	font-size: 13px;
	padding: 6px;
	height: 100px;
}
.seriesSelectionTabbed {
	position: relative;
	width: 100%;
	height: 34px;
	border: 1px solid #666;
	color: #666;
	background-color: white;
	border-color: #e5e5e5;
	font-size: 14px;
	border-radius: 2px;
	margin-bottom: 7px;
}

.seriesSelectionTabbed div.editModeText {
	line-height: 35px;
	padding-left: 10px;
	display: none;
	color: #ccc;
}

.seriesSelectionTabbed table {
	border-collapse: collapse;
	table-layout: fixed;
}

.seriesSelectionTabbed table td, th {
	padding: 0;
}

.seriesSelectionTabbed .applyContainer {
	background-color: #009eec;
	background-image: url(../images/go_arrow.png);
	width: 35px;
	height: 37px;
	position: absolute;
	top: 0; right: 0;
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
}

.seriesSelectionTabbed .selectionContainer {
	position: absolute;
	width: 150px;
	cursor: pointer;
}

.seriesSelectionTabbed .selectionContainer.series {
	left: 0px;	
}

.seriesSelectionTabbed .selectionContainer.units {
	right: 0px;
	width: 100px;
}

.seriesSelectionTabbed .tabsContainer,
.seriesSelectionTabbed .unitTabsContainer {
	position: absolute;
	top: -1px;
	left: 30px;
	height: 46px;
}

.seriesSelectionTabbed .unitTabsContainer {
	left: 0px;
	width: 59px;
	background-color: #009eec;
	color: white;
	line-height: 37px;
	padding-left: 10px;
	text-overflow:ellipsis;
	white-space: nowrap;
	overflow: hidden;
	height: 37px;
}

.seriesSelectionTabbed .tabsContainer .tabContainer {
	position: absolute;
	top: 0px;
}

.seriesSelectionTabbed .tabsContainer .tabSpacer {
	position: absolute;
	left: 0px; top: 0px;
	width: 5px;
	height: 100%;
	display: inline-block;
	height: 35px;
}

.seriesSelectionTabbed .tabsContainer .tab {
	position: absolute;
	left: 5px; top: 0px;
	height: 37px;
	line-height: 37px;
	display: inline-block;
	vertical-align: top;
	padding-left: 7px;
	padding-right: 5px;
	width: 150px;
	text-overflow:ellipsis;
	white-space: nowrap;
	overflow: hidden;
	font-size: 13px;
}

.seriesSelectionTabbed .tabsContainer .tabClose {
	position: absolute;
	left: 160px; top: 0px;
	height: 37px;
	line-height: 37px;
	display: inline-block;
	vertical-align: top;
	padding-left: 2px;
	width: 18px;
	cursor: pointer;
	font-size: 19px;
}

.seriesSelectionTabbed .selectionContainer .selectionButton {
	position: absolute;
	border-right: 1px solid #e5e5e5;
	width: 30px; height: 35px;
	background-image: url(../images/subq_add.png);
	background-repeat: no-repeat;
	background-position: center;
	background-color: #e5e5e5;
}

.seriesSelectionTabbed .selectionContainer.units .selectionButton {
	position: absolute;
	right: 0px;
	border-left: 1px solid #ccc;
	border-right: none;
}

.seriesSelectionTabbed .selectionContainer.single .selectionButton {
	background-image: url(../images/menu_droparrow.png);
}

.seriesSelectionTabbed .selectionContainer .selectionButton:hover {
	background-color: #ccc;
}

.seriesSelectionTabbed .selectionContainer .selectionOptionContainer {
	position: relative;
	display: none;
	box-shadow: 2px 2px 2px #ccc;
	top: 35px;
	z-index: 50;
	background-color: white;
}

.seriesSelectionTabbed .selectionContainer .selectionOption {
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding-top: 10px;
	padding-bottom: 10px;
}

.seriesSelectionTabbed .selectionContainer.single .selectionOption {
	color: #009eec;
}

.seriesSelectionTabbed .selectionContainer .selectionOption div {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.seriesSelectionTabbed .selectionContainer .selectionOption:hover {
	background-color: #ccc;
}

.seriesSelectionTabbed .selectionContainer .selectionOption .optionSelected {
	width: 35px; height: 18px;
	background-image: url(../images/checkbox_unchecked.png);
	background-repeat: no-repeat;
	background-position: center;
	float: left;
}

.seriesSelectionTabbed .selectionContainer .selectionOption .optionSelected.spacer {
	background-image: none;
	width: 5px;
}

.seriesSelectionTabbed .selectionContainer .selectionOption .optionSelected.checked {
	background-image: url(../images/checkbox_checked.png);
}
.iconPicker {
	position: absolute;
	width: 290px; height: 284px;
	background-color: white;
	overflow: hidden;
	z-index: 9999;
	border: 1px solid #ccc;
	border-radius: 2px;
}

.iconPicker .searchHeader {
	width: 100%;
	height: 40px;
	border-bottom: 1px solid #ccc;
}

.iconPicker .iconList {
	width: 100%;
	position: absolute;
	top: 43px;
	bottom: 0;
}

.iconPicker ul {
  list-style: none;
}

.iconPicker li {
  display: inline;
}

.iconPicker .searchHeader ul {
	padding: 0px;
	margin: 0px;
	padding-top: 4px;
}

.iconPicker .searchHeader .controlBtn {
	padding: 5px;
	cursor: pointer;
}

.iconPicker .searchHeader .controlBtn:hover {
	background-color: #ccc;
	border-radius: 4px;
}

.iconPicker .searchHeader ul li:first-child {
	padding-left: 10px;
}

.iconPicker .searchHeader ul li:last-child {
	padding-right: 10px;
}

.iconPicker .searchHeader .search {
	width: 190px;
	padding: 5px;
}

.iconPicker .iconList ul {
	padding: 0;
	margin: 0;
	margin-bottom: 10px;
}

.iconPicker .iconList ul li {
	display: inline-block;
	margin: 5px;
	float: left;
	border: 1px dotted #eee;
}

.iconPicker .iconList ul li a {
	display: block;
	text-decoration: none;
	color: #373737;
	padding: 9px 10px;
}

.iconPicker .iconList ul li a i {
	width: 1em;
}
div.datepicker {
	position: relative;
	font-size: 12px;
	width: 196px;
	height: 147px;
	position: absolute;
	cursor: default;
	top: 0;
	left: 0;
	display: none;
}
.datepickerContainer {
	background: white;
	position: absolute;
}
.datepickerContainer > table {
	background: white;
}
.datepickerBorderT {
	position: absolute;
	left: 10px;
	top: 0;
	right: 10px;
}
.datepickerBorderB {
	position: absolute;
	left: 10px;
	bottom: 0;
	right: 10px;
}
.datepickerBorderL {
	position: absolute;
	left: 0;
	bottom: 10px;
	top: 10px;
}
.datepickerBorderR {
	position: absolute;
	right: 0;
	bottom: 10px;
	top: 10px;
}
.datepickerBorderTL {
	position: absolute;
	top: 0;
	left: 0;
}
.datepickerBorderTR {
	position: absolute;
	top: 0;
	right: 0;
}
.datepickerBorderBL {
	position: absolute;
	bottom: 0;
	left: 0;
}
.datepickerBorderBR {
	position: absolute;
	bottom: 0;
	right: 0;
}
.datepickerHidden {
	display: none;
}
div.datepicker table {
	border-collapse:collapse;
}
div.datepicker a {
	color: #666;
	text-decoration: none;
	cursor: pointer;
	outline: none;
}
div.datepicker table td {
	text-align: right;
	padding: 0;
	margin: 0;
}

div.datepicker th {
	text-align: center;
	color: #999;
	font-weight: normal;
}
div.datepicker tbody th {
	text-align: left;
}
div.datepicker tbody a {
	display: block;
	text-align: center;
}
.datepickerDays a {
	width: 20px;
	line-height: 22px;
	height: 22px;
	padding-right: 2px;
}
.datepickerYears a,
.datepickerMonths a{
	width: 39px;
	line-height: 50px;
	height: 50px;
	text-align: center;
}
td.datepickerNotInMonth a {
	color: #666;
	display: none !important;
}
tbody.datepickerDays td.datepickerToday {
	background: #f7f7f7;
}
tbody.datepickerDays td.datepickerSelected{
	background: #009EEC;
	color: white;
}

tbody.datepickerDays td.datepickerSelected a {
	color: white;
}

tbody.datepickerDays td.datepickerNotInMonth.datepickerSelected {
	background: none;
}
tbody.datepickerYears td.datepickerSelected,
tbody.datepickerMonths td.datepickerSelected{
	background: #009EEC;
}
div.datepicker a:hover,
div.datepicker a:hover {
	color: #88c5eb;
}
div.datepicker tbody.datepickerDays a:hover,
div.datepicker tbody.datepickerMonths a:hover,
div.datepicker tbody.datepickerYears a:hover {
	color: #009eec;
}
div.datepicker td.datepickerNotInMonth a:hover {
	color: #999;
}
div.datepicker tbody th {
	text-align: left;
}
.datepickerSpace div {
	width: 20px;
}
.datepickerGoNext a,
.datepickerGoPrev a,
.datepickerMonth a {
	text-align: center;
	height: 20px;
	line-height: 20px;
}
.datepickerGoNext a {
	float: right;
	width: 20px;
}
.datepickerGoPrev a {
	float: left;
	width: 20px;
}
table.datepickerViewDays tbody.datepickerMonths,
table.datepickerViewDays tbody.datepickerYears {
	display: none;
}
table.datepickerViewMonths tbody.datepickerDays,
table.datepickerViewMonths tbody.datepickerYears,
table.datepickerViewMonths tr.datepickerDoW {
	display: none;
}
table.datepickerViewYears tbody.datepickerDays,
table.datepickerViewYears tbody.datepickerMonths,
table.datepickerViewYears tr.datepickerDoW {
	display: none;
}

tr.datepickerDoW {
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
}

table.datepickerViewDays tbody, table.datepickerViewMonths tbody, table.datepickerViewYears tbody {
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
}


td.datepickerDisabled a,
td.datepickerDisabled.datepickerNotInMonth a{
	color: #333;
}
td.datepickerDisabled a:hover {
	color: #333;
}
td.datepickerSpecial a {
	background: #700;
}
td.datepickerSpecial.datepickerSelected a {
	background: #a00;
}

/**
	Custom styles for Yellowfin
*/

.dateSelector {
	display:none;
	background-color:white;
}

.datePickerContainer {
	float:left;
}

.rangeInput {
	text-align: left;
}

.dateRange .dateSelector {
	width:560px;
}

.dateSelector {
	position:fixed;
	z-index:150000;
}

.dateSelector .dateHolder {
	float:left;
}

.dateSelector .dateDisplay {
	text-align: left;
	float:left;
	border-bottom:1px solid #ccc;
}

.dateSelector .dateControls {
	border-right: 1px solid #ccc;
	overflow:hidden;
	height:149px;
}

.dateSelector .textAreas div {
	margin:10px;
}

.dateSelector .textAreas input {
	width:135px;
}

.dateSelector .textAreas {
    overflow: hidden;
}

.buttonHolder .applyButton, .buttonHolder .cancelButton {
	float:left;
}

.datepickerHeading, .dateDisplay .heading {
	background-color: #444;
	border-right:1px solid black;
	color:white;
	height:45px;
}

tr.datepickerHeading a {
	color:white;
}

.dateDisplay .heading {
	text-align: center;
    vertical-align: middle;
    padding: 13px 0;
    height: 19px;
    border-top-right-radius:5px;
}

.dateDisplay .buttonHolder {
	overflow: hidden;
	float: right;
	padding: 7px 10px 0 0;
}

.prevRoundedCorner {
	border-top-left-radius:5px;
}

.firstCalendar {
	border-left:1px solid #ccc;
}

.rightSpacer {
	height:22px;
}

.datepickerViewDays, .datepickerViewMonths, .datepickerViewYears {
	width:196px;
}

.singleDate .datepickerHeading {
	border-top-right-radius:5px;
}

.dateInput {
	overflow:hidden;
}
	.reportInfo {
		background-color:white;
		text-align:left;
		padding-bottom:35px;
	}
	
	.reportInfo .tabSelector {
		background-color:#ddd;
		height:40px;
		overflow:hidden;
	}
	
	.reportInfo .tabSelector > div {
		border-right:1px solid white;
		width:40px;
		height:40px;
		float:left;
		text-align:center;
	}
	
	.reportInfo .tabSelector > div img {
		position:relative;
		top:7px;
	}
	
	.reportInfo .tabSelector .selectedTab {
		background-color:white;
	}

	.reportInfo .tabDetails {
		padding:25px 30px 0 35px;
	}
	
	.reportDetails .reportRecentStats {
		border-top:1px solid #e4e4e4;
		overflow:hidden;
	}
	
	.reportDetails .reportTitle {
		font-size:20px;
		color:#333333;
		padding-bottom:10px;
	}
	
	.reportDetails .reportDescription {
		font-size:14px;
		margin-bottom:10px;
		white-space: pre-wrap;
		color:#666666; 
	}
	
	.reportDetails .reportRecentStats > div {
		border-right:1px solid #e4e4e4;
		height:105px;
		float:left;
		width:185px;
		position:relative;
	}
	
	.reportDetails .reportRecentStats .activity {
		border: none;
	}
	
	.reportDetails .infoRows > div {
		border-bottom: 1px solid #e4e4e4;
		padding:15px 0;
		display:table;
		width:100%;
		font-size:15px;
		color:#666;
	}
	
	.reportDetails .infoRows > div img {
		float:left;
		margin-right:5px;
	}
	
	.reportDetails .infoRows span {
		display:inline-block;
		margin-top:3px;
		max-width:160px;
		overflow:hidden;
		text-overflow:ellipsis;
		white-space:nowrap;
	}
	
	.reportDetails .infoTitle {
		width:170px;
		/*float:left;*/
		display:table-cell;
		vertical-align: middle;
	}
	
	
	
	.reportDetails .categoryInfo .category,
	.reportDetails .categoryInfo .subCategory,
	.reportDetails .sourceInfo .source,
	.reportDetails .sourceInfo .view {
		width:160px;
		/*float:left;*/
		display:table-cell;
		vertical-align: middle;
	}
	
	.reportDetails .reportAccessInfo .reportAccessText {
		display:inline-block;
		margin-top: 4px;
	}
	
	.reportDetails .reportAccessInfo .reportAccess,
	.reportDetails .reportUrlInfo .reportUrl {
		width:325px;
		display:table-cell;
		vertical-align: middle;
		/*float:left;*/
	}
	
	.reportDetails .reportUrlInfo input {
		width:310px;
	}
	
	.reportDetails .reportRecentStats > div {
		padding:5px 10px 10px 7px;
	}
	.reportDetails .reportRecentStats .lastModified img {
		width:50px;
		height:50px;
	}
	
	.reportDetails .lastUserDetails {
		float:left;
		margin-left:5px;
		width:130px;
	}
	
	.reportDetails .lastUserImage {
		float:left;
	}
	
	.reportDetails .reportRecentStats .statsTitle {
		font-size:15px;
		padding:5px 0 10px 0;
		margin-right:30px;
	}
	
	.reportDetails .reportRecentStats .userName,
	.reportDetails .recentTimes .lastRun {
		color:#009EEC;
		overflow:hidden;
		text-overflow:ellipsis;
		white-space: nowrap;
	}
	
	.reportDetails .recentTimes td {
		min-width:30px;
	}
	
	.reportDetails .reportRecentStats .runTimes {
		position:relative;
	}
	
	.reportDetails .reportRecentStats .recentTimes table {
		border-collapse: collapse; 
		border-spacing: 0;
	}

	.reportDetails .reportRecentStats .recentTimes table td {
		padding:0;
	}	
	
	.reportDetails .reportRecentStats .totalRuns {
		position: absolute;
		top: 14px;
		right: 10px;
	}
	
	.reportDetails .reportRecentStats .totalRuns .runTotal {
		font-size:30px;
		text-align:center;
	}
	
	.reportDetails .reportRecentStats .totalRuns .runs {
		font-size:16px;
		text-align:center;
	}
	
	.reportDetails .reportRecentStats .recentSparkline {
		display:inline-block;
		width:90px;
	}
	
	.reportDetails .reportRecentStats .recentTotalValue {
		font-size:30px;
		display:inline-block;
		position:absolute;
		line-height:30px;
		top: 60px;
		right: 50px;
	}
	
	/**
		Styling for SQL
	*/
	
	.sqlDetails {
		overflow:hidden;
	}
	
	.sqlDetails .reportSql {
		border: 1px solid #ccc;
		background-color: #eee;
		padding: 10px;
		line-height: normal;
		font-size:16px;
		overflow: auto;
	}
	.sqlDetails .reportSql pre {
	   white-space: pre-wrap;
	   margin: 0px;
	}
	
	.sqlDetails .reportSql span {
		color:#009EEC;
	}
	
	.sqlDetails .reportSql p {
		color:#666666;
	}
	
	.sqlDetails .reportSql .sqlParam {
		color:#009EEC;
	}
	
	.sqlDetails .exportButton {
		float:right;
		margin-top:15px;
		margin-right:15px;
		margin-bottom:15px;
	}
	
	/**
		CSS For columnDetails
	*/
	.columnDetails .columnDetailsTitle {
		background-color:#009EEC;
		color:white;
		font-size:18px;
		line-height: normal;
		display:table;
		height:40px;
	}
	
	.columnDetails .columnDetailsTitle > div {
		display:table-cell;
	}
	
	.columnDetails .columnDetailsTitle .columnTitle {
		padding-left:60px;
		width: 350px;
		vertical-align: middle;
	}
	
	.columnDetails .columnDetailsTitle .categoryTitle {
		width:215px;
		vertical-align: middle;
	}
	
	.columnDetails .columnViews {
		border:1px solid #ccc;
		border-bottom: none;
		margin-bottom:15px;
	}
	
	.columnDetails .filterViews {
		border:1px solid #ccc;
		border-bottom: none;
	}
	
	.fieldInfo .fieldInfoRow {
		height:40px;
		background-color:white;
		display:table;
		cursor: pointer;
	}
	
	.fieldInfo .fieldInfoRow > div {
		border-bottom:1px solid #ccc;
		display:table-cell;
		vertical-align: middle;
		font-size:14px;
	}
	
	.fieldInfo .fieldInfoRow .fieldSpacer {
		width:10px;
	}
	
	.fieldInfo .fieldInfoRow .fieldTypeIcon {
		width:30px;
		text-align:center;
	}
	
	.fieldInfo .fieldInfoRow .fieldTypeIconSelected {
		border-bottom:none;
		border-left:1px solid #ccc;
		border-right:1px solid #ccc;
		background-color:#eee;
		width:28px;
	}
	
	.fieldInfo .fieldInfoRow .fieldName {
		width:315px;
		padding-left:20px;
	}
	
	.fieldInfo .fieldInfoRow .fieldCategory {
		width:250px;
	}
	
	.fieldInfo .fieldInfoRow .fieldCategory img {
		margin-right:10px;
		vertical-align: middle;
	}
	
	.fieldInfo .expandedFieldInfo {
		display:none;
		background-color:#eee;
		min-height:10px;
		border-bottom:1px solid #ccc;
		padding-left:40px;
		font-size:14px;
	}
	
	.fieldInfo .expandedInfo {
		padding:5px;
		display:table;
		clear:both;
	}
	
	.fieldInfo .expandedInfo > div {
		display:table-cell;
		vertical-align: middle;
	}
	
	.expandedInfo .expandTitle {
		width:100px;
		font-weight:bold;
	}
	
	.fieldInfo .expandLeft {
		float:left;
		clear:none;
		width:300px;
	}
	
	.fieldInfo .expandRight {
		float:left;
		clear:none;
	}
	
	.expandedInfo .expandValue {
		
	}
	
	.reportInfo {
		font-size:14px;
		line-height: 18px;
	}
	

div#imageCropContainer {
	width: 300px;
	margin-left: auto;
    margin-right: auto;
    display:block;
}

.cropper {
    position: absolute;
    cursor: crosshair;
    overflow: hidden;
 }

.cropper-area-handle {
    width: 6px;
    height: 6px;
    background: yellow;
}
.cropper-overlay {
    background: black;
    opacity: 0.5;
    filter: alpha(opacity = 50);
}

.cropper-overlay-top {
    background: black;
    opacity: 0.5;
    filter: alpha(opacity = 50);
}

.cropper-overlay-left {
	background: black;
    opacity: 0.5;
    filter: alpha(opacity = 50);
}

.cropper-overlay-bottom {
	background: black;
    opacity: 0.5;
    filter: alpha(opacity = 50);
}

.cropper-overlay-right {
	background: black;
    opacity: 0.5;
    filter: alpha(opacity = 50);
}

.cropper-area {
	
}

div#buttonContainer {
	width : 100%;
	margin-top: 10px;
}

#buttonContainer  div#cropButton {	
	width: 400px;
	margin-left: auto;
	margin-right: auto;
}

#buttonContainer  div#cancelButton {
	display: inline-block;
}

#buttonContainer  td#cancelButton {
	text-align: right;
}

.fullWidthTable  {
	width: 100%;
}

#outerCropContainer {
	padding-top: 20px;
	height: 100%;
	width: 100%;
}

.cropper-handle {
    width: 8px;
    height: 8px;
    background: #0BB5FF;
}

div#imageUploadContainer  div.loadCsvCustomFileBrowse input[type=file] {
	height: 100%;
	width: 100%;
}

div#imageUploadContainer {
	height: 100%;
	width: 100%;
}

.imageUploadBackground {
	background: #e5e5e5;
	overflow: auto;
}

.unselectable {
  -webkit-user-select: none;  /* Chrome all / Safari all */
  -moz-user-select: none;     /* Firefox all */
  -ms-user-select: none;      /* IE 10+ */
  -o-user-select: none;
  user-select: none;     
}

div.progressViewLabel {
 	 color: #666666;
 	 font-size: 14px;
 	 width: 100%;
 	 margin-top: 5px;
 	 padding: 5px;
 	 text-align: center;
}

div.fileProcessingImageContainer img {
    display:block;
    margin:auto;
}

div#cropperHeader {
 	 color: #666666;
 	 font-size: 14px;
 	 width: 100%;
 	 margin-top: 10px;
 	 margin-bottom: 10px;
 	 padding: 5px;
}

div.uploadImageFileDrag {
   font-size: 18px;
   padding: 10px;
   text-align: center;
   position: relative;
}


.styledSliderContainer > div#leftSide {
	position: absolute;
	height: 20px;
	width: 20px;
	left: 0px;
	z-index: 20;
}

.styledSliderContainer > div#rightSide {
	position: absolute;
	height: 20px;
	width: 20px;
	right: 0px;
	z-index: 20;
}

div.styledSliderContainer {
	position: absolute;
	width: 300px;
	height: 30px;
}

div#sliderTrack {
	top: 5px;
	left : 25px;
	position: absolute;
	background-color: white;
	height : 8px;
	width : 245px;
	padding-left: 1px;
    padding-top: 1px;
    border-radius: 25px;
}

div#sliderKnob {
	position: absolute;
	height : 20px;
	width : 20px;
	left: 50px;
	cursor: pointer;	
}

div#currentPosition {
	position: absolute;
	top: 35px;
	height : 20px;
	min-width: 40px;
	left: 50px;
	text-align: center;
	color:white;
	background-color: #009EEC;
	border-radius: 5px;	
	z-index: 10000;
}

.upArrow {
	top: 25px;
	left: 60px;
	position: absolute;
	width: 0; 
	height: 0; 
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;	
	border-bottom: 10px solid #009EEC;
	z-index: 10000;
}

#zoomSlider {
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	height: 20px;
}
#imageUploadContainer > div > div > div.loadCsvCustomFileDrag > img {
	margin-top: 80px;
	margin-bottom: 10px;
}

#imageUploadContainer > div > div > div.loadCsvCustomFileDrag > div {
	margin-bottom: 20px;
}
div.imageContainer {
	overflow: hidden;
	position: absolute;
}

img#imageCropperImage {
   position: absolute;
}

.imageAdminInput {
	border: 1px solid #cccccc;
	padding: 5px;
	font-size: 16px;
	resize: none;
	color: #666666;
	width: 240px;
	height: 20px;
	margin-bottom: 5px;		
}

#moreContainer {
	display: none;
}

#moreLessToggle {
	cursor: pointer;
	color: #009EEC;
}

.moreLessTable {
	width: 320px;
}

.moreLessText {
	padding: 5px;
	font-size: 14px;
	color: #ccc;
	
}

#moreLessDisplayText {
	min-width: 200px;
}

#imageTags {
	width: 300px;
}

#imageTags > .rpt-tag-box {
	width: 300px;
}

#imageMetadataView {
	width: 50%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    margin-top: 10px;
    margin-bottom: 10px;
    min-height: 20px;
}

#imageTags > .add-tag-box-position {
	position: fixed;
	z-index: 10000000;
}

#processingViewContainer > div.progressViewLabel {
	padding: 0;
}

#moreLessToggle, #moreLessImgDiv {
	display :inline-block;
}

#imageUploadContainer>div>div>div.loadCsvCustomFileBrowse {
	margin-top: 80px;
	margin-bottom: 103px;
}
/* Comment Template Css */
.commentContentPlaceholder {
	display: none;
	text-align: center;
}
.commentContentBar {
	line-height: 33px;
	height: 33px;
	position: relative;
	top: -6px;
}
.commentContentDropArea {
	border-top: 1px dashed #e4e4e4;
	color: #999999;
	font-size: 14px;
	background-color: white;
	border-left: 1px solid #e4e4e4;
	border-right: 1px solid #e4e4e4;
}
.commentContentHyperlinkDiv {
	display: none;
}
.commentNewCommentPollDiv{
 	display: none;
}
.commentNewCommentMultiPollDiv{
	display: none;
	height: 173px;
	background-color: white;
}
.decisionStyleQuestion {
    background-color: white;
    border: 1px solid #e4e4e4;
    box-sizing: border-box;
}
.commentLinkArea {
	border:1px solid #e4e4e4;
	color: #999999;
	font-size: 14px;
	background-color: white;
	border-bottom: 0px;
}
.commentContentHyperlink .broadcastInput {
	outline-color: white;
	border: 0px;
	margin-left: 1px;
}
.commentNewCommentPoll .broadcastInput {
	outline-color: white;
	border: 0px;
	margin-left: 1px;	
}
.commentNewCommentMultiPoll .broadcastInput {
	outline-color: white;
	border: 0px;
	margin-left: 1px;	
}
.discussionOptionTextInput .broadcastInput {
	border: 1px solid #e4e4e4;
}
.commentContentHyperlink > .broadcastInput::-ms-clear {
    display: none;
}
.commentContentCancelButton {
	color: #999999;
	cursor: pointer;
	position: absolute;
	right: 4px;
	top: 4px;
	height: 25px;
	width: 25px;
	z-index: 100;
	background-image: url("../images/close_small_grey.png");
}

.commentContentInvalidImage {
	position: absolute;
	right: 26px;
	top: 7px;
	display: none;
}
.commentContentFileDragDiv {
	display: none;
}
.commentContentFileDrag .loadCsvFileDrag {
	padding: 0px !important;
	background-color: white;
}
.commentContentFileDrag .loadCsvCustomFileDrag>img {
	height: 26px !important;
	position: absolute;
	left: 10px;
	top: 5px;
}
.commentContentFileDrag .loadCsvCustomFileDrag > img {
	display: none;
}
.commentContentFileDrag .fileDragHint {
	position: absolute;
	top: 10px;
}
.commentContentFileDrag .loadCsvCustomFileDragLabel {
	font-size: 14px;
	width: 100%;
	text-align:center;
}
.commentContentFileDrag .uploadSuccess {
	margin-top: 6px;
}
.commentContentVideoHyperlinkDiv {
	display: none;
}
.commentContentVideoLink .broadcastInput {
	outline-color: white;
	border: 0px;
	margin-left: 1px;
}
.commentBottomContent {
	position: relative;
}
.commentContentAddBar {
	background-color: #F0F0F0;
	border: 1px solid #e4e4e4;
	width: 460px;
	position: relative;
	top: -6px;
	height: 24px;
}

.commentNewCommentTextContainer {
	height : 100px;
	background-color : #FFFFFF;
}

textarea.commentBoxTextarea {
	width:448px;
	height:143px;
}

.commentNewCommentIcon {
	float: left;
	padding-left: 2px;
	padding-right: 2px;
	border-right: #e4e4e4 solid 1px;
	height: 25px;
	cursor: pointer;
}
.commentAddMore {
	position: absolute;
	right: -1px;
	top: -1px;
	cursor: pointer;
	height: 26px;
	width: 26px;
	background-repeat: no-repeat;
	background-position: center; 
	background-image: url("../images/whiteaddcross.png");
}
.commentAddMore:hover {
	background-image: url("../images/whiteaddcross_rollover.png");	
}
.commentAdditionalOptionsLink {
	color: #009EEC;
	cursor: pointer;
	font-size: 14px;
	position:absolute;
	right: 0;
	bottom: -26px;
}
.commentAdditionalOptionsLink .moreLessText {
	color: #009EEC;
	display: inline-block;
	font-size: 16px;
}
.commentAdditionalOptionsLink .moreLessImgDiv {
	display:inline-block;
}
.commentSecurityIcon {
	float: left;
	background-color: #EEE;
	height: 33px;
	width: 33px;
	background-repeat: no-repeat;
	background-position: center; 
}
.commentSecurityPeople {
  margin-top: 4px;
  margin-left: 33px;
}
.commentDecisionDiv {
	display: none;
	height: 35px;
	margin-top: 10px;
	position: relative;
}
.commentDecisionText {
	float: left;
	color: #666;
	font-size: 15px;
	padding-top: 8px;
}
.commentDecisionDueDate {
	position:absolute;
	right: 0;
}
.commentContentPlaceholder div.btn-entity {
	margin-top: 3px;
}
.commentDecisionRequiredToggle {
	position: absolute;
	right: 180px;
	top: 6px;
	color: #666;
	font-size: 15px;
}
.commentReportListImage {
	background-image: url("../images/entity_report_grey.png");
	height: 25px;
	width: 25px;
}
.commentReportListImageSelected {
	background-image: url("../images/entity_report_blue_over.png");
	height: 25px;
	width: 25px;
}
.commentReportListImage:hover {
	background-image: url("../images/entity_report_grey_over.png");
}
.commentDashboardListImage {
	background-image: url("../images/entity_dashboard_grey.png");
	height: 25px;
	width: 25px;
}
.commentDashboardListImageSelected {
	background-image: url("../images/entity_dashboard_blue_over.png");
	height: 25px;
	width: 25px;
}
.commentDashboardListImage:hover {
	background-image: url("../images/entity_dashboard_grey_over.png");
}
.commentStoryboardListImage {
	background-image: url("../images/entity_storyboard_grey.png");
	height: 25px;
	width: 25px;
}
.commentStoryboardListImageSelected {
	background-image: url("../images/entity_storyboard_blue_over.png");
	height: 25px;
	width: 25px;
}
.commentStoryboardListImage:hover {
	background-image: url("../images/entity_storyboard_grey_over.png");
}
.commentStoryListImage {
	background-image: url("../images/drop_story_icon.png");
	height: 25px;
	width: 25px;
    background-position: center;
    background-repeat: no-repeat;
}
.commentStoryListImageSelected {
	background-image: url("../images/drop_story_icon.png");
	height: 25px;
	width: 25px;
    background-position: center;
    background-repeat: no-repeat;
}
.commentStoryListImage:hover {
	background-image: url("../images/drop_story_icon.png");
}
.commentLinkListImage {
	background-image: url("../images/entity_link_grey.png");
	height: 25px;
	width: 25px;
}
.commentLinkListImage:hover {
	background-image: url("../images/entity_link_grey_over.png");
}
.commentLinkListImageSelected {
	background-image: url("../images/entity_link_blue_over.png");
	height: 25px;
	width: 25px;
}
.commentDiscussionImage {
	background-image: url("../images/entity_discussion_grey.png");
	height: 20px;
	width: 20px;
}
.commentDiscussionImage:hover {
	background-image: url("../images/entity_discussion_grey_over.png");
}
.commentDiscussionImageSelected {
	background-image: url("../images/entity_discussion_blue_over.png");
	height: 20px;
	width: 20px;
}
.commentBookmarkListImage {
	background-image: url("../images/entity_bookmark_grey.png");
	height: 25px;
	width: 25px;
}
.commentBookmarkListImageSelected {
	background-image: url("../images/entity_bookmark_blue_over.png");
	height: 25px;
	width: 25px;
}
.commentBookmarkListImage:hover {
	background-image: url("../images/entity_bookmark_grey_over.png");
}
.commentSnapshotListImage {
	background-image: url("../images/entity_snapshot_grey.png");
	height: 25px;
	width: 25px;
}
.commentSnapshotListImageSelected {
	background-image: url("../images/entity_snapshot_blue_over.png");
	height: 25px;
	width: 25px;
}
.commentSnapshotListImage:hover {
	background-image: url("../images/entity_snapshot_grey_over.png");
}
.commentNameHightlight, .commentNameHightlight-NoAccess {
	color: #009EEC;
	white-space: nowrap;
    background: transparent;
    border: none;
    display: inline-block;
	font-size: 14px;
	line-height: 18px;
	padding: 0;
}
.timelineCommentReplyContent .commentNameHightlight, .timelineCommentReplyContent .commentNameHightlight-NoAccess {
	font-size: 13px;
}

/*This is for explorer because it creates <p> tags for every line */
.nicEdit-main > p {
	margin : 0px;
}

/* Styles the stuff in the editable div */
.nicEdit-main {
    color: #666666;
    font-size: 15px;
    padding: 8px;
}

/* This fixes an issue in Safari in a Mac - stuff extending outside the lightbox like a datepicker was getting truncated */
.lightboxContentOverflow {
	overflow : visible;
}

/*clearfix*/
.group {
 *zoom: 1;
}
.group:before, .group:after {
	display: table;
	content: "";
	line-height: 0;
}
.group:after {
	clear: both;
}
/*/clearfix*/


/** /font-icons if you are not using font icons you can just remove this part/**/
@font-face {
	font-family: 'Slide-icons';
	src: src: url('./fonts/lightGallery/Slide-icons.eot');
}
@font-face {
	font-family: 'Slide-icons';
	src: url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AAAWcAAsAAAAACSgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAABCAAAAm4AAAQxqzjSYEZGVE0AAAN4AAAAGgAAABxmWaSOR0RFRgAAA5QAAAAdAAAAIAAzAARPUy8yAAADtAAAAEsAAABgL/bcQGNtYXAAAAQAAAAAPQAAAVLgL/LNaGVhZAAABEAAAAAuAAAANv3vdhloaGVhAAAEcAAAAB4AAAAkBBD/5GhtdHgAAASQAAAAEgAAABIFOwBxbWF4cAAABKQAAAAGAAAABgAGUABuYW1lAAAErAAAAOEAAAGw7pftcnBvc3QAAAWQAAAADAAAACAAAwAAeJx9VE1oE1EQnpfsJutmSWNMQoUoWxB/qmIKnkKJWKvXQlOwhx5E7SEo9WCEHNKAJqVbn8RLzvEgKEUPCgoiIi3YHkWw2mO9CBb8O1SzurXjvLfrJiqEhXkzwzffm/nee8tAUYAxZuQvFs5PHi6cuzR1GVgAGORsM2D3Be1ehRtBbii7ddiZjyPnvmOE+QW7YRfVNNzpSQPE0vBwexqMtNIbh7Dg0KAHUrAL9sARyF6ZKpzKZDK0nMwMHHeXIXc54S7DHU109gPAZpnF5th1xiEkiANgsFpgNDATPB3ldlHZbNiNcBTZ/JNRZBPFZ0nE6mw/GT6MUC6tiPCgihA6Vkb8sXCNI35bGxRuTcYa4vqZIWlUP1sVoCx3Yyqd1gTNIUH4RhJ6rILAxw9yN/bwghVSt56rLoCyFY6gmy8kwENJwjYrlItPVauOuDWyhqDEzlKFIuvIIrAHfTJbr2uSWpgFOVvFHVDQc5dftK751P3CeyuNp8Uf/DL3tal5rFKLuiX2MxGdL00azJHKOWLcrZF3MmtZWhThNRWwx62XSYTF/d8Rc6sR2iFyNYS4MWNSzaeJA+RWfkqjCYBO5tV71bIkjTssUVe5bykrhrXqWqnZ1m9a6rfk61emfu+Px8iIA8zf/SrDNr4s8csd+Gbzn+mXOtWK3rPHkqbeGkuZuvNIGudo9wRdvDkald0Yj9HFy89vtvsgjw7/Pxm9Kf+SEfGj86HU/frlVn6RwgP7CLVRTZDCFZt6j99edcWGSPmz5h4BLO5d73bIzVL7OdTkc8j6O5MIdiPBkzcNnZ7zDvF/2OYkWvSFI78BSE0QpgAAeJxjYGBgZACCk535hiD6XIbUOhgNAD+3BfAAAHicY2BkYGDgA2IJBhBgYmAEQlYgZgHzGAAEgQA4AAAAeJxjYGZiYJzAwMrAwejDmMbAwOAOpb8ySDK0MDAwMbAyM8CBAILJEJDmmsLg8EDqAwPjg/8PGPQYHzAoNDAwMMIVKAAhIwATaAw5AHicY2BgYGaAYBkGRgYQ8AHyGMF8FgYDIM0BhEwgiQeyHxj+/wezpCAs+RcCjFBdYMDIxoDMHZEAAP1aCcoAAAB4nGNgZGBgAGLNvbqy8fw2Xxm4mRhA4FyG1DoE/f8BEwPjAyCXgwEsDQAB0gmnAAB4nGNgZGBgfPD/AYMeEwMDwz8GIAkUQQHMAG3nA/YAAAIAAAAAAAAAAgAAUQClACAAlgAAAABQAAAGAAB4nI2PMW7CQBBFn8FGIkQpo5RbIFHZsjciEhyAMg0SFwALrYS8kuEMOQLH4BgcgGPkAKnz7UxBkYKVVvPmz5/ZWeCZMwndSZjwZjwgozQeMuPLOJXnapyJv41HTJIXOZN0LOW17+p4wBNT4yGffBin8lyMM/HNeCT+Yc2BwI6aXHFLpOEI60PY1XnYxkbJnW7Kqs9PfWzZq9vhKfQPx1L3/6l/Nc9c6kLXy1/xrnGxOa1iu6+dL0q3dHevK/PzfJH7spLxkW03qrZSQ191eqHbi03dHkNsXFWUD835BcvqQqwAAAB4nGNgZsALAAB9AAQ=) format('woff'), url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAANAIAAAwBQRkZUTWZZpI4AAAboAAAAHEdERUYANQAGAAAGyAAAACBPUy8yL9TcHwAAAVgAAABWY21hcOAx89QAAAHMAAABUmdhc3D//wADAAAGwAAAAAhnbHlmlq1ZxgAAAzQAAAGAaGVhZP3vdhkAAADcAAAANmhoZWEEEP/mAAABFAAAACRobXR4BeoAcQAAAbAAAAAabG9jYQEyAOAAAAMgAAAAEm1heHAAUwAnAAABOAAAACBuYW1l7pftcgAABLQAAAGwcG9zdCBfgkMAAAZkAAAAWgABAAAAAQAAZVgBDF8PPPUACwIAAAAAAM5oGq4AAAAAzmgargAA/+ACAAHgAAAACAACAAAAAAAAAAEAAAHg/+AALgIAAAD+AAIAAAEAAAAAAAAAAAAAAAAAAAAFAAEAAAAIACQACQAAAAAAAgAAAAEAAQAAAEAAAAAAAAAAAQIAAZAABQAIAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAIABQMAAAAAAAAAAAAAEAAAAAAAAAAAAAAAUGZFZABA4BrwAAHg/+AALgHgACCAAAABAAAAAAAAAgAAAAAAAAAAqgAAAAAAAAIAAFEAqgAgAJYAAAAAAAMAAAADAAAAHAABAAAAAABMAAMAAQAAABwABAAwAAAACAAIAAIAAAAA4B3wAP//AAAAAOAa8AD//wAAH+oQAwABAAAAAAAAAAAAAAEGAAABAAAAAAAAAAECAAAAAgAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOAEIAZACeAMAAAAABAAD/4AIAAeAAAgAAEQEhAgD+AAHg/gAAAAAAAQBRADYBrwGKAB0AAAE2NC8BJg8BJyYPAQYUHwEHBh8BFj8BFxY/ATYvAQGqBAQXCwx8fAwLFwQEfX0LCxcLDHx8DAsXCwt9AVwFDQUXCwt9fQsLFwUNBXx8DAsXCwt9fQsLFwsMfAABAKoABQGeAbYAEQAAEyYPAQYfAQcGHwEWMj8BNjQn1AwLEwsLrKwLCxMFDQXBCAgBtgsLEwsMrKwMCxMFBcEJGAkAAAkAIAAAAeABwAADAAcACwAPABMAFwAbAB8AIwAAEzMVIyUzFSMnMxUjBzMVIyUzFSMnMxUjBzMVIyUzFSMnMxUjIICAAUCAgKCAgKCAgAFAgICggICggIABQICAoICAAcCAgICAgCCAgICAgCCAgICAgAAAAQCWAAoBjwG2ABEAAAE2LwEmDwEGFB8BFj8BNjQvAQGKCwsTDAvBCQnBCwsUBAStAYwMCxMLC8EJGAnBCwsTBQ0FrAAAAAwAlgABAAAAAAABAAsAGAABAAAAAAACAAUAMAABAAAAAAADACcAhgABAAAAAAAEAAsAxgABAAAAAAAFAAsA6gABAAAAAAAGAAsBDgADAAEECQABABYAAAADAAEECQACAAoAJAADAAEECQADAE4ANgADAAEECQAEABYArgADAAEECQAFABYA0gADAAEECQAGABYA9gBTAGwAaQBkAGUALQBpAGMAbwBuAHMAAFNsaWRlLWljb25zAABpAGMAbwBuAHMAAGljb25zAABGAG8AbgB0AEYAbwByAGcAZQAgADIALgAwACAAOgAgAFMAbABpAGQAZQAtAGkAYwBvAG4AcwAgADoAIAAyADUALQA5AC0AMgAwADEAMwAARm9udEZvcmdlIDIuMCA6IFNsaWRlLWljb25zIDogMjUtOS0yMDEzAABTAGwAaQBkAGUALQBpAGMAbwBuAHMAAFNsaWRlLWljb25zAABWAGUAcgBzAGkAbwBuACAAMQAuADAAAFZlcnNpb24gMS4wAABTAGwAaQBkAGUALQBpAGMAbwBuAHMAAFNsaWRlLWljb25zAAACAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAgAAAABAAIBAgEDAQQBBQEGB3VuaUYwMDAHdW5pRTAxQQd1bmlFMDFCB3VuaUUwMUMHdW5pRTAxRAAAAAAAAf//AAIAAQAAAA4AAAAYAAAAAAACAAEAAwAHAAEABAAAAAIAAAAAAAEAAAAAyYlvMQAAAADOaBquAAAAAM5oGq4=) format('truetype');
	font-weight: normal;
	font-style: normal;
}
[data-icon]:before {
	font-family: 'Slide-icons';
	content: attr(data-icon);
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
/** / End of font-icons /**/




.light-gallery {
	overflow: hidden!important;
}
#lg-gallery img {
	border: none!important;
}
#lg-outer {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999!important;
	overflow: hidden;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	opacity: 1;
	-webkit-transition: opacity 0.35s ease;
	-moz-transition: opacity 0.35s ease;
	-o-transition: opacity 0.35s ease;
	-ms-transition: opacity 0.35s ease;
	transition: opacity 0.35s ease;
	background: rgba(0, 0, 0, 0.7);
}
#lg-outer .lg-slide{
	position: relative;
}
/*lightGallery starting effects*/
#lg-gallery.opacity {
	opacity: 1;
	transition: opacity 1s ease 0s;
	-moz-transition: opacity 1s ease 0s;
	-webkit-transition: opacity 1s ease 0s;
	-o-transition: opacity 1s ease 0s;
	-ms-transition: opacity 1s ease 0s;
}
#lg-gallery.opacity .thumb-cont {
	opacity: 1;
}
#lg-gallery.fade-m {
	opacity: 0;
	transition: opacity 0.5s ease 0s;
	-moz-transition: opacity 0.5s ease 0s;
	-webkit-transition: opacity 0.5s ease 0s;
	-o-transition: opacity 0.5s ease 0s;
	-ms-transition: opacity 0.5s ease 0s;
}
/*lightGallery starting effects*/


/*lightGallery core*/
#lg-gallery {
	height: 100%;
	opacity: 0;
	width: 100%;
	position: relative;
	transition: opacity 1s ease 0s;
	-moz-transition: opacity 1s ease 0s;
	-webkit-transition: opacity 1s ease 0s;
	-o-transition: opacity 1s ease 0s;
	-ms-transition: opacity 1s ease 0s;
}
/**/
#lg-slider {
	height: 100%;
	left: 0;
	top: 0;
	width: 100%;
	position: absolute;
	white-space: nowrap;
}
/**/
#lg-slider .lg-slide {
	display: inline-block;
	height: 100%;
	text-align: center;
	width: 100%;
}
#lg-slider .lg-slide.complete {
	background-image: none;
}
#lg-gallery.show-after-load .lg-slide > * {
	opacity: 0;
}
#lg-gallery.show-after-load .lg-slide.complete > * {
	opacity: 1;
}
#lg-slider.slide .lg-slide, #lg-slider.use-left .lg-slide {
	position: absolute;
	opacity: 0.4;
}
#lg-slider.fade-m .lg-slide {
	position: absolute;
	left: 0;
	opacity: 0;
}
#lg-slider.animate .lg-slide {
	position: absolute;
	left: 0;
}
#lg-slider.fade-m .current {
	opacity: 1;
	z-index: 9;
}
#lg-slider .lg-slide:before {
	content: "";
	display: inline-block;
	height: 50%;
	width: 1px;
	margin-right: -1px;
}
#lg-gallery.opacity .lg-slide .object {
	transform: scale3d(1, 1, 1);
	-moz-transform: scale3d(1, 1, 1);
	-ms-transform: scale3d(1, 1, 1);
	-webkit-transform: scale3d(1, 1, 1);
	-o-transform: scale3d(1, 1, 1);
}
.lg-slide .object{
	transform: scale3d(0.5, 0.5, 0.5);
	-moz-transform: scale3d(0.5, 0.5, 0.5);
	-ms-transform: scale3d(0.5, 0.5, 0.5);
	-webkit-transform: scale3d(0.5, 0.5, 0.5);
	-o-transform: scale3d(0.5, 0.5, 0.5);
	-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.5s ease 0s;
	-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.5s ease 0s;
	-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.5s ease 0s;
	-ms-transition: -ms-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.5s ease 0s;
	transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.5s ease 0s;
}
#lg-gallery.fade-m .lg-slide .object {
	transform: scale3d(0.5, 0.5, 0.5);
	-moz-transform: scale3d(0.5, 0.5, 0.5);
	-ms-transform: scale3d(0.5, 0.5, 0.5);
	-webkit-transform: scale3d(0.5, 0.5, 0.5);
	-o-transform: scale3d(0.5, 0.5, 0.5);
}
#lg-slider.fade-m.on .current {
	opacity: 1;
	transition: opacity 0.5s ease 0s;
	-moz-transition: opacity 0.5s ease 0s;
	-webkit-transition: opacity 0.5s ease 0s;
	-o-transition: opacity 0.5s ease 0s;
	-ms-transition: opacity 0.5s ease 0s;
}
#lg-slider.fade-m .lg-slide {
	transition: opacity 0.4s ease 0s;
	-moz-transition: opacity 0.4s ease 0s;
	-webkit-transition: opacity 0.4s ease 0s;
	-o-transition: opacity 0.4s ease 0s;
	-ms-transition: opacity 0.4s ease 0s;
}
#lg-slider.slide .lg-slide {
	transform: translate3d(100%, 0px, 0px);
	-moz-transform: translate3d(100%, 0px, 0px);
	-ms-transform: translate3d(100%, 0px, 0px);
	-webkit-transform: translate3d(100%, 0px, 0px);
	-o-transform: translate3d(100%, 0px, 0px);
}
#lg-slider.slide.on .lg-slide {
	opacity: 0;
}
#lg-slider.slide .lg-slide.current {
	opacity: 1 !important;
	transform: translate3d(0px, 0px, 0px) !important;
	-moz-transform: translate3d(0px, 0px, 0px) !important;
	-ms-transform: translate3d(0px, 0px, 0px) !important;
	-webkit-transform: translate3d(0px, 0px, 0px) !important;
	-o-transform: translate3d(0px, 0px, 0px) !important;
}
#lg-slider.slide .lg-slide.prev-slide {
	opacity: 0;
	transform: translate3d(-100%, 0px, 0px);
	-moz-transform: translate3d(-100%, 0px, 0px);
	-ms-transform: translate3d(-100%, 0px, 0px);
	-webkit-transform: translate3d(-100%, 0px, 0px);
	-o-transform: translate3d(-100%, 0px, 0px);
}
#lg-slider.slide .lg-slide.next-slide {
	opacity: 0;
	transform: translate3d(100%, 0px, 0px);
	-moz-transform: translate3d(100%, 0px, 0px);
	-ms-transform: translate3d(100%, 0px, 0px);
	-webkit-transform: translate3d(100%, 0px, 0px);
	-o-transform: translate3d(100%, 0px, 0px);
}
#lg-slider.use-left .lg-slide {
	left: 100%;
}
#lg-slider.use-left.on .lg-slide {
	opacity: 0;
}
#lg-slider.use-left .lg-slide.current {
	opacity: 1 !important;
	left: 0% !important;
}
#lg-slider.use-left .lg-slide.prev-slide {
	opacity: 0;
	left: -100%;
}
#lg-slider.use-left .lg-slide.next-slide {
	opacity: 0;
	left: 100%;
}
#lg-slider.slide.on .lg-slide, #lg-slider.slide.on .current, #lg-slider.slide.on .prev-slide, #lg-slider.slide.on .next-slide {
	-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
	-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
	-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
	-ms-transition: -ms-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
	transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
}
#lg-slider.speed .lg-slide, #lg-slider.speed .current, #lg-slider.speed .prev-slide, #lg-slider.speed .next-slide {
	transition-duration: inherit !important;
	-moz-transition-duration: inherit !important;
	-webkit-transition-duration: inherit !important;
	-o-transition-duration: inherit !important;
	-ms-transition-duration: inherit !important;
}
#lg-slider.timing .lg-slide, #lg-slider.timing .current, #lg-slider.timing .prev-slide, #lg-slider.timing .next-slide {
	transition-timing-function: inherit !important;
	-moz-transition-timing-function: inherit !important;
	-webkit-transition-timing-function: inherit !important;
	-o-transition-timing-function: inherit !important;
	-ms-transition-timing-function: inherit !important;
}
#lg-slider .lg-slide img {
	display: inline-block;
	max-height: 100%;
	max-width: 100%;
	cursor: -moz-grabbing;
	cursor: grab;
	cursor: -webkit-grab;
	margin: 0;
	padding: 0;
	width: auto;
	height: auto;
	vertical-align: middle;
}
#lg-gallery .thumb-cont .thumb-inner {
	-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
	-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
	-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
	-ms-transition: -ms-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
	transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
}
 @-webkit-keyframes rightEnd {
 0% {
left: 0;
}
 50% {
left: -30px;
}
 100% {
left: 0;
}
}
@keyframes rightEnd {
 0% {
left: 0;
}
 50% {
left: -30px;
}
 100% {
left: 0;
}
}
@-webkit-keyframes leftEnd {
 0% {
left: 0;
}
 50% {
left: 30px;
}
 100% {
left: 0;
}
}
@keyframes leftEnd {
 0% {
left: 0;
}
 50% {
left: 30px;
}
 100% {
left: 0;
}
}
.lg-slide .object.right-end {
	-webkit-animation: rightEnd 0.3s;
	animation: rightEnd 0.3s;
	position: relative;
}
.lg-slide .object.left-end {
	-webkit-animation: leftEnd 0.3s;
	animation: leftEnd 0.3s;
	position: relative;
}
/*lightGallery core*/


/*action*/
#lg-action {
	bottom: 20px;
	position: fixed;
	left: 50%;
	margin-left: -30px;
	z-index: 9;
	-webkit-backface-visibility: hidden;
}
#lg-action.has-thumb {
	margin-left: -46px;
}

#lg-action a {
	margin: 0 3px 0 0 !important;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	position: relative;
	top: auto;
	left: auto;
	bottom: auto;
	right: auto;
	display: inline-block !important;
	display: inline-block;
	vertical-align: middle;
 *display: inline;
 *zoom: 1;
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.65);
	font-size: 16px;
	width: 28px;
	height: 28px;
	font-family: 'Slide-icons';
	color: #FFF;
	cursor: pointer;
}
#lg-action a.disabled {
	opacity: 0.6;
	filter: alpha(opacity=60);
	cursor: default;
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.65) !important;
}
#lg-action a:hover, #lg-action a:focus {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.85);
}
#lg-action a#lg-prev:before, #lg-action a#lg-next:after {
	left: 5px;
	bottom: 3px;
	position: absolute;
}
#lg-action a#lg-prev:before {
	content: "\e01d";
}
#lg-action a#lg-next:after {
	content: "\e01b";
}
#lg-action a.cl-thumb:after {
	font-family: 'Slide-icons';
	content: "\e01c";
	left: 6px;
	bottom: 4px;
	font-size: 16px;
	position: absolute;
}
/*action*/

/*counter*/
#lg-counter {
	bottom: 52px;
	text-align: center;
	width: 100%;
	position: absolute;
	z-index: 9;
	color: #FFFFFF;
}
/*lightGallery Thumb*/
#lg-gallery .thumb-cont {
	position: absolute;
	bottom: 0;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #000000;
	-webkit-transition: max-height 0.4s ease-in-out;
	-moz-transition: max-height 0.4s ease-in-out;
	-o-transition: max-height 0.4s ease-in-out;
	-ms-transition: max-height 0.4s ease-in-out;
	transition: max-height 0.4s ease-in-out;
	z-index: 9;
	max-height: 0;
	opacity: 0;
}
#lg-gallery.open .thumb-cont {
	max-height: 350px;
}
#lg-gallery .thumb-cont .thumb-inner {
	margin-left: -12px;
	padding: 12px;
	max-height: 290px;
	overflow-y: auto;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
#lg-gallery .thumb-cont .thumb-info {
	background-color: #333;
	padding: 7px 20px;
}
#lg-gallery .thumb-cont .thumb-info .count {
	color: #ffffff;
	font-weight: bold;
	font-size: 12px;
}
#lg-gallery .thumb-cont .thumb-info .close {
	color: #FFFFFF;
	display: block;
	float: right !important;
	width: 28px;
	position: relative;
	height: 28px;
	border-radius: 2px;
	margin-top: -4px;
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.65);
	-webkit-transition: background-color 0.3s ease 0s;
	-moz-transition: background-color 0.3s ease 0s;
	-o-transition: background-color 0.3s ease 0s;
	-ms-transition: background-color 0.3s ease 0s;
	transition: background-color 0.3s ease 0s;
	z-index: 1090;
	cursor: pointer;
}
#lg-gallery .thumb-cont .thumb-info .close i:after {
	left: 6px;
	position: absolute;
	top: 4px;
}
#lg-gallery .thumb-cont .thumb-info .close i:after, #lg-close:after {
	content: "\e01a";
	font-family: 'Slide-icons';
	font-style: normal;
	font-size: 16px;
}
#lg-gallery .thumb-cont .thumb-info .close:hover {
	text-decoration: none;
	background-color: #000;
	background-color: rgba(0, 0, 0, 1);
}
#lg-gallery .thumb-cont .thumb {
	display: inline-block !important;
	vertical-align: middle;
	text-align: center;
 *display: inline;
  /* IE7 inline-block hack */

  *zoom: 1;
	margin-bottom: 4px;
	height: 50px;
	width: 50px;
	opacity: 0.6;
	filter: alpha(opacity=60);
	overflow: hidden;
	border-radius: 3px;
	cursor: pointer;
	-webkit-transition: border-color linear .2s, opacity linear .2s;
	-moz-transition: border-color linear .2s, opacity linear .2s;
	-o-transition: border-color linear .2s, opacity linear .2s;
	-ms-transition: border-color linear .2s, opacity linear .2s;
	transition: border-color linear .2s, opacity linear .2s;
}
@media (min-width: 800px) {
#lg-gallery .thumb-cont .thumb {
	width: 94px;
	height: 94px;
}
}
#lg-gallery .thumb-cont .thumb > img {
	height: auto;
	max-width: 100%;
}
#lg-gallery .thumb-cont .thumb.active, #lg-gallery .thumb-cont .thumb:hover {
	opacity: 1;
	filter: alpha(opacity=100);
	border-color: #ffffff;
}
/*lightGallery Thumb*/

/*lightGallery Video*/
#lg-slider .video-cont {
	display: inline-block;
	max-height: 100%;
	max-width: 100%;
	margin: 0;
	padding: 0;
	width: auto;
	height: auto;
	vertical-align: middle;
}
#lg-slider .video-cont {
	background: none;
	max-width: 1140px;
	max-height: 100%;
	width: 100%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
#lg-slider .video {
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
	overflow: hidden;
	position: relative;
}
#lg-slider .video .object {
	width: 100%!important;
	height: 100%!important;
	position: absolute;
	top: 0;
	left: 0;
}
/*lightGallery Video*/






/*lightGallery Close*/
#lg-close {
	color: #FFFFFF;
	height: 28px;
	position: absolute;
	right: 20px;
	top: 20px;
	width: 28px;
	z-index: 1090;
	cursor: pointer;
/* 	background-color: #000; */
	border-radius: 2px;
/* 	background-color: #000;
	background-color: rgba(0, 0, 0, 0.65); */
	-webkit-transition: background-color 0.3s ease;
	-moz-transition: background-color 0.3s ease;
	-o-transition: background-color 0.3s ease;
	-ms-transition: background-color 0.3s ease;
	transition: background-color 0.3s ease;
	-webkit-backface-visibility: hidden;
	background-image: url('../images/close_large_white.png');
}
#lg-close:after {
	position: absolute;
	right: 6px;
	top: 3px;
}
#lg-close:hover {
	text-decoration: none;
/* 	background-color: #000; */
}
.custom-html {
	background: none repeat scroll 0 0 black;
	/* background: none repeat scroll 0 0 rgba(0, 0, 0, 0.75); */
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.2);
	color: #fff;
	font-family: Arial, sans-serif;
	height: 70px;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 9;
}
.custom-html p {
	font-size: 14px;
}
.custom-html > h4 {
	font-family: Arial, sans-serif;
	font-weight: bold;
	margin-bottom: 5px;
	margin-top: 15px;
}

div.loadCsvFileUpload {
   width: 600px;
}
div.loadCsvFileDrag {
   background: #e5e5e5;
   font-size: 16px;
   text-align: center;
   position: relative;
   min-width: 200px;
   display: table;
   padding: 20px 0px;
   
}
div.loadCsvFileInfo {
   position: absolute;
   left: 660px;
   top: 80px;
}

div.loadCsvFileProgress {
   position: absolute;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   background: #c0c0c0;
   background: rgba(0, 0, 0, 0.2);
   display: none;
   min-width: 200px;
}
div.loadCsvFileProgressBarOuter {
   position: absolute;
   left: 49px;
   right: 49px;
   bottom: 40px;
   height: 10px;
   background: #f0f0ff;
   border: 1px solid #cccccc;
   box-shadow: 0 0 2px;
}
div.loadCsvFileProgressBarInner {
   position: absolute;
   left: 0;
   top: 0;
   bottom: 0;
   background: #009eec;
}
div.loadCsvFileProgressLabel {
   position: absolute;
   left: 0;
   right: 0;
   bottom: 36px;
   padding:0 5px;
   line-height: 20px;
   font-size: 18px;
   text-align: center;
   color: #ffffff;
   text-shadow: 0 0 3px #000000;
   overflow:hidden;
}
div.loadCsvFileDragLabel {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
}
div.loadCsvCustomFileDrag {
   position: relative;
   display: table-cell;
   vertical-align: middle;
   overflow: hidden;
}
div.loadCsvCustomFileDragLabel {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
}
div.loadCsvCustomFileDragLabel.fileDragHint > a {
   color: #A5A5A5;
}

div.loadCsvCustomFileDrag:hover > div.loadCsvCustomFileDragLabel.fileDragHint > a,
div.loadCsvCustomFileDragLabel.fileDragHint.fileDragActive > a {
   color: #666666;
}

div.loadCsvCustomFileDrag input[type=file] {
   position: absolute;
   left: 0;
   right: 0;
   width: 100%;
   top: 0;
   bottom: 0;
   height: 100%;
   opacity: 0;
   overflow: hidden;
   cursor: pointer;
}

div.loadCsvCustomFileDrag input[type=file]::-ms-browse {
   /* IE10 hack */
   font-size: 200px;
}

div.loadCsvFileBrowse {
   position: relative;
   background: #e0e0e0;
   font-size: 18px;
   padding: 10px;
   text-align: center;
}
div.loadCsvCustomFileBrowse {
   position: relative;
   overflow: hidden;
}
div.loadCsvCustomFileBrowse input[type=file] {
   position: absolute;
   left: 0;
   right: 0;
   width: 100%;
   top: 0;
   bottom: 0;
   height: 180px;
   opacity: 0;
   filter: alpha(opacity=0);
   cursor: pointer;
}

div.loadCsvCustomFileBrowse input[type=file]::-ms-browse {
	 /* IE10 hack */
   font-size: 200px;
}

div.loadCsvCustomFileBrowse input.csvFileInputMsie {
   /* IE9 hack */
   font-size: 200px;
}

div.loadCsvCustomFileBrowse:hover a {
   text-decoration: underline;
}
div.loadCsvCustomFileBrowseLabel {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
}

div.loadCsvCustomFileDragLabel img.uploadSuccess {
   vertical-align: top;
   margin-right: 8px;
   border: none;
}

div.loadFileProcessing{
	display:none;
	position: absolute;
	left: 49px;
	right: 49px;
	bottom: 25px;
	height: 10px;
	overflow: hidden;
}

div.lineBreakPadding{
    padding: 10px 0px 0px 0px;
}

div.loadCsvCustomFileDrag div.removeFile {
	position:relative;
	z-index:5;
	cursor: pointer;
	margin-left:10px;
}

div.loadCsvCustomFileDrag div.uploadTextContainer {
	margin: 0 auto;
    display: table;
}

div.loadCsvCustomFileDrag div.uploadTextContainer > div {
	float:left;
}

/********************************************************************/
/* Stylesheet for the report search list.                           */
/* Do not customise the styles in this file - they are required for */
/* correct functionality. This file will be overwritten when        */
/* upgrades are applied.                                            */
/* $Id: reportlist.css,v 1.21 2013/11/28 00:42:13 ned Exp $ */
/********************************************************************/

img#rslMenuIcon {
   display: block;
}
td#rslCloseCell {
   padding-right: 5px;
}
div#rslCloseImg {
   display: none;
}
img#rslMinImg {
   display: none;
}
img#rslMaxImg {
   display: none;
}

div#reportSearchList {
   width: 250px;
   height: 690px;
   min-height: 500px;
   border-right: 1px solid #cdcdcd;
   border-bottom: 1px solid #cdcdcd;
   position: relative;
   overflow: visible;
   z-index: 1;
}

div#reportSearchList .searchHeading {
	color: #FFFFFF;
	background-color: #009EEC;
}

div.rslLoadingDiv {
	height: 100px;
}

div#rslReportSearch {
   display: none;
}

div#rslSearchBox {
   background: #f9f9f9;
}

table.rslSearchTbl {
   background: #f9f9f9;
}

div#rslInfoCloseTop, div#rslInfoCloseBottom {
   background: #f9f9f9;
   color: #808080;
   font-size: 11px;
   text-align: right;
   height: 27px;
   line-height: 27px;
   padding: 0px 5px;
}

div#rslInfoCloseTop {
   border-bottom: 1px solid #cccccc;
}

div#rslSearchContent {
   position: relative;
}

div#rslInfoCloseBottom, div#rslSearchContent {
   border-top: 1px solid #cccccc;
}

div#rslSearchContent, div#rslInfoContent {
   width: 248px;
   overflow: hidden;
   background-color: #f9f9f9;
}

div#rslSearchFooter {
   background: #f9f9f9;
   color: #808080;
   font-size: 12px;
   text-align: right;
   height: 27px;
   line-height: 27px;
   padding: 0px 5px;
   border-top: solid 1px #cccccc;
}

div.rslSearchFooter {
	background: #f9f9f9;
	color: #666666;
	font-size: 12px;
	text-align: center;
	height: 30px;
	line-height: 30px;
	border-top: 1px solid #e4e4e4;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
}

div.rslDivider {
   background: #f9f9f9;
   border-bottom: 1px solid #cccccc;
   color: #808080;
   font-size: 12px;
   font-weight: bold;
   height: 20px;
   line-height: 20px;
   padding: 0px 5px;
}


div.rslReport {
   padding-top: 7px;
   padding-bottom: 7px;
   background-color: #f9f9f9;
}

div.rslReportLinked {
   cursor: pointer;
}
div.rslReportDrag {
   cursor: default;
}

div.rslReportSession {
}


div.rslReportDragging {
   opacity: 0.5;
   position: absolute;
   width: 233px;
}

div.rslContentNotAllowed {
    padding-top: 0px;
    padding-bottom: 0px;
    opacity: 1 !important;
	background: transparent;
}

div.rslReportInner {
	border-color: #cccccc;
	border-width: 1px;
	border-style: solid;
	border-bottom-color: #009EEC;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	margin: 0 auto;
	width: 200px;
	position: relative;
}

div.rslContentNotAllowed div.rslReportInner {
	border: 1px solid #CC0000;
	opacity: 0.7;
}

div.rslReportAdditionalInfo {
	display : none;
    margin-top: 5px;
    margin-bottom: 5px;
    width: 200px;
    position: relative;
    text-align: left;
    border: 1px solid #CC0000;
}

div.rslReportAdditionalInfoTitle {
	padding: 8px 12px;
    background-color: #CC0000;
    color: #FFFFFF;
    font-size: 15px;
    font-weight: bold;
}

div.rslReportAdditionalInfoDesc {
	padding: 8px 12px;
    background-color: #FDFDFD;
    color: #666666;
    font-size: 14px;
}

div.rslReportHover div.rslReportInner {
   box-shadow: 0px 0px 5px 0px #cccccc;
}

div.rslReportDraft div.rslReportInner {
   border-bottom-color: #cccccc;
}

div.rslReportInfoLink {
   display: none;
   position: absolute;
   right: 1px;
   top: 1px;
}

div.rslReportMoreInfoLink {
}

div.rslReportLessInfoLink {
   display: none;
}

div.rslReportHover div.rslReportInfoLink {
   display: block;
}

div.rslReportMoreInfo {
   display: none;
   background-color:#FFF;
}

div.rslReportMainLink {
	cursor: pointer;
}

img.rslReportThumb {
   width: 200px;
   height: 117px;
   display: block;
}

.rslReportTitleCell {
   white-space: normal;
   color: #666666;
   font-size: 12px;
   line-height: 15px;
   font-weight: bold;
   border-top-style: solid;
   border-top-color: #cdcdcd;
   border-top-width:1px;
   background-color:#FFF;
}

.i4RelatedBottom .rslReportTitleCell {
	font-size: 14px;
	width: 100%;
	padding: 0px;
	border: none;
}

div.rslReportTitle {
   height: 30px;
   width: 190px;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   color: #666666;
   font-size: 14px;
   font-weight: bold;
   position: relative;
   line-height: 32px;
   text-align: left;
   padding: 0px 5px; 
}
div.rslReportTitleNoTags {
   height: 70px;
   line-height: 12px;
}
span.rslReportDesc {
   font-weight: normal;
   color: #808080;
}
div.rslReportTags {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   width: 80px;
   height: 15px;
   line-height: 15px;
}

div#rslAdvSearch {
   display: none;
   z-index: 50;
}

div#rslInfoDesc {
   white-space: normal;
   border-bottom: 1px solid #cccccc;
   padding: 5px;
}
table#rslInfoDescTbl {
   table-layout: fixed;
}

table#rslInfoDescTbl td {
   overflow: hidden;
   text-overflow: ellipsis;
}

div#rslInfoInfo {
   white-space: normal;
   padding: 5px;
}

.rslSearchBox {
	width: 100%;
	font-size: 15px;
	border-bottom: 1px solid #e4e4e4;
}

.rslTitle {	
	float:left;
	padding-top: 4px;
}

.rslTitleCell {
	font-size: 20px;
	height:34px;
	padding-top:4px;
	position:relative;
	z-index:102;
	padding-left: 10px;
	background-color: #009EEC;
	color:white;
}

.rslCloseCell {
	float: right;
	cursor: pointer;
	padding-right: 5px;
	padding-top: 3px;	
}

.rslReportList {
	border-color: #CCC;
	border-style: solid;
	border-width: 1px;	
	width: 250px;
}
.rslReportTitleInner {
	position: relative;
	width:90%;
	margin:0 auto;
	white-space: nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	font-size:14px;
	line-height:30px;
}

.rslReportOptions {
	position:absolute;
	top:0;
	right:0;
	display:none;
}

.rslOptionIcon {
	cursor:pointer;
	display:block;
}

/**
	Styles for 7.2 Search box
*/
.advancedSearch {
	position: absolute;
    top: 0;
    bottom: 0;
	width:250px;
	background-color:#f9f9f9;
	border:1px solid #e4e4e4;
	border-top: none;
	border-left: none;
	display:none;
	z-index: -1;
}

.advancedHeader {
	overflow:hidden;
	background-color:#F2F2F2;
	height: 39px;
}

.advancedTitle {
	height: 40px;
	line-height: 40px;
	font-size:18px;
	float:left;
	margin-left: 10px;
	color: #999999;
}

.advancedClose {
	margin: 5px 5px 0 0;
	float:right;
	cursor:pointer;
}

div.advancedOptions {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	overflow: auto;
}

.advancedOptions > div{
	border-bottom:1px solid #e4e4e4;
	overflow:hidden;
	padding:10px;
}

.advancedOptionName {
	float:left;
	color: #666666;
}

.advancedOptionControl {
	float:right;
}

.advancedOptionControl td img {
	margin-left:5px;
}


.searchHeading {
    background-color: #e4e4e4;
	color:#666666;
	width:250px;
	height: 39px;
	overflow:hidden;
	font-size: 20px;
	line-height: 1.25em;
}

.searchHeading .customSelection {
	border:none;
	width:195px;
	background-color:#009EEC;
	padding:0 6px;
}

.searchHeading .customSelection .currentlySelected  {
	color:white;
	font-size: 18px;
}

.searchHeading .customSelection .currentlySelected .selectedDescription {
	margin-top:0;
}

.searchHeading .customSelection .selectedDropDown {
	padding-top:5px;
}

.searchTitle {
	float:left;
	padding-top:10px;
	padding-left:10px;
	font-size:18px;
}

div.searchMenuDrop {
	float: left;
	position: relative;
	height: 35px;
	width: 25px;
	margin-top: 5px;
}

.searchClose {
	float:right;
	padding-top: 7px;
	padding-right: 7px;
    cursor: pointer;
}

.searchContainer {
	border:none;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
}

.rslReportSearch {
	width:250px;
	position:relative;
	height:100%;
	background-color:#f9f9f9;
	border-right: 1px solid #CCCCCC;
}

.searchButton {
	float:left;
	border:1px solid #ccc;
	border-left:none;
	border-right:none;
	height:30px;
	width:30px;
	cursor:pointer;
}

.searchButton img {
	margin-top: 5px;
	margin-left:5px;
}

.mainSearchContainer {
	overflow:hidden;
	padding: 3px;
}

.advancedLink {
	text-align: right;
	padding:5px 5px;
	font-size:14px;
}

span.noResults {
	font-size: 16px;
	text-align: center;
	display: block;
	line-height: 40px;
}

div.rslSearchContent {
	position: absolute;
	top: 0;
	bottom: 31px;
	left: 0;
	right: 0;
	overflow: auto;
	overflow-y: auto;
	overflow-x: hidden;
}

table.radioList {
    color: #666666;
}
.activityStream {
	position: absolute;
	right: 0px;
	opacity: 0;
	width: 420px;
    background-color: white;
    border-radius: 5px;
    bottom:0;
    top:0;
}

.discussionStream {
	position: absolute;
	right: 0px;
	width: 420px;
	top: 0px;
	bottom:0px;
    background-color: #F1F3F5;    
    border-radius: 5px;
	z-index: 1000;
	opacity: 0;
	display:none;
}

/*
	When using a loader make sure that this div matches the size of the discussion stream
*/
div.discussionStream > div {
	height:100%;
	width:100%;
}

.activityStreamOuterDiv .tabSelectorOuter {
	height: 41px;
	position: relative;
	background-color: #fdfdfd;
	border-bottom: 1px solid #e3e3e3;
	display: none;
}

.activityStreamTabButton {
	height: 41px;
	width: 41px;
	border-right: 1px solid #e3e3e3;
	display: inline-block;
}

.activityStreamTabButtonDisabled {
    opacity: 0.3;
    cursor: default !important;
}

.activityStreamOuterDiv .tabSelector {
	height: 42px;
	width: 284px;
	position: relative;
	right: 0;
	top: 0;
	display: none;
}

.activityStreamOuterDiv .tabSelector div {
	text-align: center;
	height: 39px;
	line-height: 42px;
	font-size: 15px;
	color: #999;
	overflow: hidden;
	padding: 0 5px 3px 5px;
}

.activityStreamOuterDiv .tabSelector div.selectedTab {
	border-bottom: #009EEC solid 3px;
	color: #333;
	padding-bottom: 0;
}

.activityStreamHeader, .discussionMembersHeader {
    background-color: #009EEC;
    color: white;
    height: 70px;
    display: block;
    line-height: 65px;
    width: 350px;
    padding-left: 40px;
    padding-right: 30px;
    font-size: 18px;
    border-radius: 5px 5px 0px 0px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.activityStreamSubHeader {
    position: absolute;
    top: 40px;
    left: 50px;
    font-size: 13px;
    padding-top: 5px;
    color: #ffffff;
    display: none;
}

.activityStreamHeader.taskActivityStreamHeader {
	background-color: #FFB700;
	padding-left: 40px;
}

.singleActivityItem {
	position: relative;
	COLOR: #666666;
	height: 90px;
	cursor: pointer;
}

.singleActivityItem:hover {
	background-color: #f9f9f9;
	color: #333;
}

.activityStreamDatePeriodTitle {
	color: #333;
	background-color: #f9f9f9;
	border-bottom: 1px solid #e4e4e4;
	padding: 5px;
}

.singleActivityDate {
	position: absolute;
	top: 10px;
	right: 34px;
	font-size: 11px;
	COLOR: #999;
}
.singleReplyReplyComment .singleActivityName {
	left: 43px;
}
.singleActivityName {
	COLOR: #999999;
	font-size: 11px;
	margin-left: 12px;
    margin-top: 20px;
    height: 23px;
    position:absolute;
    top: 10px;
    left: 67px;
    max-width: 200px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.singleActivityNameLarger {
	font-size: 13px;
	color: #666666;
	top: 1px;
}

.singleActivityActivity {
    float: left;
    margin-left: 80px;
    width: 320px;
	font-size: 14px;
    height: 47px;
    overflow: hidden;
	border-bottom: 1px solid #e4e4e4;
}

.singleActivityUserList {
	left: 60px;
	position: absolute;
	height: 36px;
	top: 63px;
}

.singleActivityUserImage {
	height: 32px;
	width: 32px;
	margin-right: 3px;
    border-radius: 20px;
    position: absolute;
    right: 24px;
}

.singleActivityUserLeftover {
	height: 32px;
	min-width: 30px;
	background-color: #EEE;
	display: inline-block;
	color: #888;
	vertical-align: top;
	border-radius: 15px;
}

.singleActivityUserLeftoverText {
	display: table-cell;
	vertical-align: middle;
	height: 32px;
	width: 28px;
	text-align: center;
}

.singleStreamComment {
	line-height: 18px;
	height: 47px;
	overflow: hidden;
	font-size: 14px;
	word-wrap: break-word;
    padding-right: 20px;
    width: 320px;
	margin-left: 80px;
    float: left;
    margin-bottom: 15px;
    margin-top:-5px;
    border-bottom: 1px solid #e4e4e4;
    color: #333;
}

.singleStreamCommentShowAllReply {
	line-height: 20px !important;
}
.singleStreamCommentShowAllRoot {
    overflow-y: auto;
    overflow-x: hidden;
    padding-bottom: 2px;
    margin-bottom: 0 !important;
}
.singleStreamCommentShowAll, div.singleStreamCommentSuppText {
	padding-left: 42px;
	line-height: 21px;
	font-size: 14px;
	padding-right: 30px;
	margin-right: 0;
	word-wrap: break-word;
	width: 280px;
	margin-bottom: 5px;
	clear: both;
	
    background-color: #ffffff;
    border: 1px solid transparent;
    margin-left: 40px;
    border-radius: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
}
div.rootCommentLikeButton {
    padding-top: 15px;
}
.rootCommentLikeButtonImg {
    padding-top: 10px;
    padding-right: 5px;
    float: left;
    cursor: pointer;
}
div.rootCommentLikeButtonText {
	padding-top: 15px;
}
div.singleStreamCommentSuppText {
	white-space: pre-wrap;
	overflow: auto;
}
div.singleStreamCommentWarn {
	margin: 0 30px 15px 55px;
	border: 1px solid #cccccc;
	padding: 5px;
	background: #fafafa;
	color: #666666;
	text-align: center;
}
/* Fixes spacing between lines of comments created in IE */
.singleStreamCommentShowAll p {
    display: inline;
    margin: 0;
    padding: 0;		
}

.singleStreamCommentShowRight{
	background-color: #E9E9E9;
    width: 300px;
    margin-left: 17px;
    padding-right: 35px;
    padding-left: 20px;
}

.singleStreamCommentUserList {
    margin-left: 55px;
    margin-bottom: 10px;
    position: absolute;
    right: 20px;
    top: 51px;
    z-index: 100;
}

.singleStreamCommentTop {
	height: 48px;
}

.singleStreamCommentTopSmaller {
	height: 13px;
}

.singleStreamCommentTopSmaller .activityStreamAvatarRight {
	margin-top: 0;
	top: 14px;
}

.singleStreamCommentTopSmaller .singleStreamCommentDotsLeft {
	top: 26px;
}

.singleStreamCommentOuter {
	height: 90px;
}

.singleStreamCommentTopLarger {
	height: 25px;
}

.singleStreamCommentTopLarger .activityStreamAvatar {
	margin-top: 0;
}

.singleStreamCommentTopLarger .singleCommentDate {
    top: 8px;
    right: 55px;
}

.activityStreamActivities .singleCommentDate {
	position: absolute;
	top: 20px;
	right: 34px;
	font-size: 11px;
	COLOR: #999;
}

.singleStreamCommentTopLarger .singleActivityName {
	margin-top: 0;
	top: 6px;
}

.singleStreamCommentTopLarger .singleStreamCommentDots {
	right: 26px;
	top: 36px;
}

.singleStreamCommentOuterLarger {
	margin-bottom: 10px;
	margin-top: 15px;
}

/* Fixes spacing between lines of comments created in IE */
.singleStreamCommentOuter p {
    display: inline;
    margin: 0;
    padding: 0;	
}

.singleStreamCommentOuterShowAll {
	height:auto;
	height:initial;
	position: relative;
}

.singleStreamCommentDots {
	background-image: url("../images/mini_menu.png");
	height: 16px;
	width: 16px;
	position: absolute;
	top: 27px;
	right: 12px;
	cursor: pointer;
	display: none;
}

.singleStreamCommentDotsLeft{
    left: 20px;
    top: 60px;
}

.singleStreamCommentDots:hover {
	background-image: url("../images/mini_menu_over.png");
}


.singleStreamCommentArrow {
	background-image: url("../images/right_arrow.png");
	height: 26px;
	width: 18px;
	position: absolute;
	top: 4px;
	right: 2px;
	cursor: pointer;
	display: none;
}

.singleCommentDate {
	position: absolute;
	top: 0px;
	right: 55px;
	font-size: 11px;
	COLOR: #999;
}

.singleCommentDateStream {
	top: 21px;
}

.activityStreamNewComment {
	background-image: url("../images/collaborationRootComment.png");
	cursor: pointer;
	background-size: 39px 39px;
    background-repeat: no-repeat;
    background-position: center;
}

.activityStreamSortAscending {
	background-image: url("../images/blue_icon_sort_ascending.png");
	background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: center;
	cursor: pointer;
}

.activityStreamSortDescending {
	background-image: url("../images/blue_icon_sort_descending.png");
	background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: center;
	cursor: pointer;
}

.activityStreamFilter {
	background-image: url("../images/report_filter_grey.png");
	background-size: 25px 25px;
    background-repeat: no-repeat;
    background-position: center;
	cursor: pointer;
}

.activityStreamAvatar {
	height: 40px;
	width: 40px;
	margin-left: 16px;
	margin-top: 22px;
	position: absolute;
	left: 0;
	top: 0;
	border-radius: 25px;
}

.activityStreamAvatarBorder {
	border: 4px solid #F1F3F5;
}

.singleActivityOuter {
	height: 56px;
}

.activityStreamNewCommentDiv {
	padding: 25px;
	padding-top: 20px;
}

div.activityStreamAddHyperlink {
	color: #009EEC;
	cursor: pointer;
}

div.accessLevelSearchOverlay {
	display: none;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	position: fixed;
	z-index: 300;
}

.activityStreamSubmitComment {
	background-color: #009EEC;
	height: 40px;
	color: white;
	position: absolute;
	bottom: 20px;
	cursor: pointer;
	margin-left: 25px;
}

.activityStreamSearchContent {
	position: fixed;
	width: 251px;
	background-color: white;
	display: none;
	z-index: 1999;
}

.activityStreamSearchContent .searchHeading {
	height: 40px;
}

.activitySteamSearchContent .rslSearchContent {
	overflow-x: initial;
}

.singleStreamCommentAssociatedContentGreyBox {
    background-color: transparent;
    border: none;
    padding-top: 6px;
    padding-left: 6px;
	padding-bottom: 6px;
}

.singleStreamCommentAssociatedContent {
    display: none;
    margin-bottom: 10px;
    margin-top: 15px;
    width: 334px;
    height: 26px;
}

.singleStreamCommentAssociatedContent > .btn-entity {
	margin: 0px !important;
}

.singleStreamCommentAssociatedContentURL {
	float: left;
    width: 334px;
    height: 26px;
	font-size: 16px;
	margin-top: 15px;
}

.singleStreamCommentAssociatedContentURL a {
	text-overflow: ellipsis;
	overflow: hidden;
	width: 250px;
	display: block;
	white-space: nowrap;
}

.singleStreamCommentReplyBox {
	position: relative;
}

.singleStreamCommentAction {
	display: inline-block;
}

.discussionActivityStream {
	position: relative;
}

.singleStreamCommentBottom {
	padding-left: 5px;
	padding-right: 5px;
}

.discussionStreamButtons {
	display: none;
	position: relative;
	z-index: 100;
	background-color: #fdfdfd;
	height: 39px;
	border-bottom: 1px solid #e4e4e4;
    border-left: 1px solid #e4e4e4;
	clear: both;
}

.discussionStreamReplyButtons {
	height: 40px;
	margin-top: 3px;
	margin-right: 14px;
}

.discussionStreamReplyCancel {
	visibility: hidden;
}

.discussionStreamButton {
	float: right;
}

.discussionStreamReply {
	display: block;
	background-color: #fdfdfd;
    box-sizing: border-box;
    border-top: 0px;
    border-radius: 5px;
}

.discussionStreamSearchContent {
	position: absolute;
	top: 0;
	right: 420px;
	z-index: 1;
	border-left: 1px solid #e4e4e4;
}

.discussionStreamResolutionReplies {
	position: relative;
}
.discussionStreamRepliesIndividual {
	position: relative;
	COLOR: #333;
}
div.timelineDiscussionCloseImg {
	background-image: url(../images/close_large_white.png);
}
.discussionStreamBackImg {
    background-repeat: no-repeat;
    background-image: url(../images/BackArrow.svg);
    width: 18px;
    height: 18px;
    margin-top: 15px;
    margin-left: 15px;
    position: absolute;
    background-position: center;
    cursor: pointer;
}

.discussionStreamBack {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 10px;
    left: 10px;
    border-radius: 5px;
    cursor: pointer;
}

.discussionStreamBack:hover{
    background-color: #028bd2;
}

div.discussionStreamBackTask:hover{
   background-color: #e7af31;
}

.discussionStreamSortAscending {
	background-image: url("../images/blue_icon_sort_ascending.png");
	background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: center;
}

.discussionStreamSortDescending {
	background-image: url("../images/blue_icon_sort_descending.png");
	background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: center;
}

.discussionStreamFavouriteOff {
	color: #B4B4B4;
    line-height: 44px;
}

.discussionStreamFavouriteOn {
	color: #009EEC;
    line-height: 44px;
}

.discussionStreamShare {
	background-image: url("../images/report_share_grey.png");
	background-size: 25px 25px;
    background-repeat: no-repeat;
    background-position: center;
}

.discussionStreamUnselectedFlag {
	background-image: url("../images/flag_low_grey.png");
	background-size: 22px 22px;
    background-repeat: no-repeat;
    background-position: center;
}
.discussionStreamSelectedFlag {
	background-image: url("../images/flag_medium_blue.png");
	background-size: 22px 22px;
    background-repeat: no-repeat;
    background-position: center;
}
.discussionStreamMiniMenu {
	background-image: url("../images/mini_menu.png");
	background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: center;
}
.discussionButton {
	float:left;
	border-right: #e4e4e4 1px solid;
	height: 42px;
	width: 42px;
	cursor: pointer;
	position: relative;
	font-size: 18px;
	text-align: center;
	overflow: hidden;
}
.discussionRightButton {
	float:right;
	height: 42px;
	width: 34px;
	position: relative;
	font-size: 18px;
	text-align: center;
	overflow: hidden;
}
.overdueClock {
	background-image: url("../images/red_overdue_clock.png");
	background-size: 26px 26px;
    background-repeat: no-repeat;
    background-position: center;
}
.privateDiscussionIcon {
	background-image: url("../images/admin_console_lock_secure.png");
	background-size: 22px 22px;
    background-repeat: no-repeat;
    background-position: center;
}
.activityStreamClose {
    background-image: url(../images/close_small_white.png);
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    position: absolute;
    top: 22px;
    left: 25px;
    cursor: pointer;
    display: none;
}

.activityStreamFilterOptions {
	font-size: 15px;
	COLOR: #666666;
}

.activityStreamFilterOptions>.multiOptionList>div {
	border-top: 1px #e4e4e4 solid;
	padding-bottom: 6px;
	padding-top: 6px;
	margin: 0;
}

.activityStreamFilterOptions>.multiOptionList>div>span {
	margin-left: 10px;
}

.activityStreamFilterOptions>.multiOptionList>div:hover {
	background-color: #f9f9f9;
}

.activityStreamFilterPopup {
	position: fixed;
	background-color: white;
	display: none;
	top: 86px;
	right: 144px;
	border: 1px solid #e4e4e4;
	width: 200px;
}

.activityStreamFilterHeading {
	color: white;
	background-color: #009EEC;
	font-size: 18px;
	padding: 6px;
}

.activityStreamFilterSearch>.searchBar {
	border: 0;
}

.decisionStyleThumbTypeIcon {
	cursor: pointer;
	background-image: url("../images/thumb_like_grey.png");
	height: 25px;
	width: 25px;
}

.decisionStyleThumbTypeSelectedIcon {
	cursor: pointer;
	background-image: url("../images/thumb_like_white.png");
	height: 25px;
	width: 25px;
}

.decisionStyleListTypeIcon {
	cursor: pointer;
	background-image: url("../images/vote_poll_grey.png");
	height: 25px;
	width: 25px;
}

.decisionStyleListTypeSelectedIcon {
	cursor: pointer;
	background-image: url("../images/vote_poll_white.png");
	height: 25px;
	width: 25px;
}

.decisionStyleSelectedBox {
	float: left;
	background-color: #009eec;
	height: 29px;
	width: 29px;
	padding-top: 2px;
	padding-left: 2px;
}

.decisionStyleUnselectedBox {
	float: left;
	border: 1px #e4e4e4 solid;
	background-color: white;
	height: 27px;
	width: 27px;
	padding-top: 2px;
	padding-left: 2px;
}

.decisionStyleText {
	float: left;
	padding-right: 20px;
	font-size: 16px;
	color: #666;
	margin-top: 6px;
}

.decisionStylePollOptions {
	float: left;
}

.resolutionOptions {
	padding-top: 6px;
	padding-left: 25px;
}

.decisionStyle {
	height: 30px;
	margin-bottom: 6px;
}

.discussionOptionDrag {
	background-image: url("../images/drop_list.png");
	height: 20px;
	width: 20px;
	float: left;
	margin-top: 7px;
}

.discussionOptionTextInput {
	float: left;
	margin-left: 5px;
}

.discussionOption {
	height: 32px;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 310px;
	margin-left: 25px;
}

.uiOptionHighlight {
	height: 1.5em;
	line-height: 1.2em;
	width: inherit;
	opacity: 0.2;
}

.decisionStyleList {
	margin: 0;
	padding: 0;
	margin-top: 10px;
}

.decisionStyleListScrollable {
	height: 140px;
	overflow-x: hidden;
	overflow-y: auto;
	display: none;
}

.decisionStyleAddOption {
    background-image: url(../images/newpost_grey_button.png);
    height: 25px;
    width: 25px;
    background-position: center;
    border-radius: 20px;
    position: relative;
    left: 305px;
    top: 5px;
	margin-bottom: 5px;
}

.decisionStyleAddOption:hover {
    background-image: url(../images/newpost_yellow_button.png);
    cursor: pointer;
}

.discussionOptionDelete {
	float: left;
	height: 25px;
	width: 25px;
	padding: 3px;
}

.discussionOptionDelete>.discussionOptionDeleteImage {
	background-image: url("../images/close_small_grey.png");
	height: 25px;
	width: 25px;
	cursor: pointer;
}

.discussionOptionDelete:hover>.discussionOptionDeleteImage {
	background-image: url("../images/close_small_red_no_padding.png");
	height: 10px;
	width: 10px;
	cursor: pointer;
	margin-left: 8px;
	margin-top: 8px;
}

.resolutionVoteUp {
	background-image: url("../images/thumb_like_blue.png");
	width: 25px;
	height: 25px;
	display: inline-block;
}

.commentVoteUpGrey {
	background-image: url("../images/thumb_like_grey_light.png");
	width: 25px;
	height: 25px;
	display: inline-block;
}

.resolutionVoteDisplay {
	margin-top: 4px;
}

.resolutionVoteDisplayThumb {
	margin-top: 10px;
}

.resolutionVoteContainer {
	display: inline-block;
}

.resolutionVoteDown {
	background-image: url("../images/thumb_dislike_red.png");
	width: 25px;
	height: 25px;
	display: inline-block;
}

.commentVoteDownGrey {
	background-image: url("../images/thumb_dislike_grey_light.png");
	width: 25px;
	height: 25px;
	display: inline-block;
}

.resolutionVoteCount {
	display: inline-block;
}

.resolutionPaddingVoteDown {
	padding-top: 6px;
	min-height: 34px;
	position: relative;
}

.resolutionPaddingVoteUp {
	min-height: 34px;
	position: relative;
}

.resolutionVoteCountPositiveBar {
	height: 3px;
	background-color: #009eec;
	float: left;
	margin-top: 30px;
	margin-left: 10px;
}

.resolutionVoteCountPositive {
	color: #009eec;
	font-size: 24px;
	float: right;
	margin-top: 2px;
}

.resolutionVoteCountNegativeBar {
	height: 3px;
	background-color: red;
	float: left;
	margin-left: 10px;
}

.resolutionOptionLine {
	height: 3px;
	background-color: #CCC;
	position: absolute;
	bottom: 0;
	left: 40px;
}

.resolutionOptionLineLeader {
	background-color: #009eec !important;
}

.resolutionVoteCountNegative {
	color: red;
	font-size: 24px;
	float: right;
}

.resolutionVotingGreyBackground {
	background-color: #e9e9e9;
	height: 34px;
	width: 34px;
	text-align: center;
	float: left;
}

.resolutionCurrentBackground {
	background-color: #f9f9f9;
}

.resolutionButton {
	display: inline-block;
}

.resolutionButtons {
	position: absolute;
	top: 6px;
	right: 12px;
}

.resolutionButtonsContainer {
	border-top: 1px solid #e4e4e4;
	height: 43px;
	position: relative;
}

.resolutionVoting {
	padding-top: 10px;
	position: relative;
	padding-left: 13px;
	padding-bottom: 17px;
}

.resolutionOptionDiv {
	margin-top: 10px;
	float: left;
}

.resolutionOptionText {
	margin-left: 10px;
	font-size: 16px;
}

.resolutionOptionVoteCountLeader {
	color: #009eec !important;
}

.resolutionOptionVoteCount {
	font-size: 22px;
	color: #999;
	float: left;
	margin-left: 10px;
	padding-top: 6px;
	min-width: 10px;
}

.discussionStreamReplyBox {
	padding: 20px;
	padding-top: 15px;
	padding-bottom: 0;
}

.resolutionVoteRadioButton {
	float: left;
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
}

.resolutionCommentBox {
	padding: 25px;
	padding-top: 20px;
	padding-bottom: 0;
}

.detailsReportTitle {
	font-size: 22px;
	padding: 6px;
	color: #666;
}

.detailsReportThumbnail img {
	border: 1px solid #CCC;
	padding: 14px;
}

.detailsReportThumbnail {
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
}

.detailsUsers {
	margin-top: 20px;
	margin-left: 10px;
	margin-right: 10px;
	height: 32px;
}

.activityActivityStream .recentReaders img {
	margin-right: 2px;
	margin-left: 0px;
    float: initial;
    width: 32px;
    height: 32px;
    top: 50px;
}

.detailsRecent {
	border-bottom: 1px solid #CCC;
	margin-bottom: 20px;
	padding-bottom: 6px;
	margin-left: 10px;
	margin-right: 10px;
	height: 40px;
	position: relative;
}

.detailsTotalReads {
	COLOR: #666666;
	font-size: 28px;
	position: absolute;
	left: 260px;
	bottom: -2px;
}

.detailsReadInfo {
	float: left;
	position: absolute;
	left: 48px;
	bottom: 0;
	color: #666;
}

.detailsSparks {
	position: absolute;
	left: 150px;
	bottom: 5px;
}

.detailsReportDescription {
	margin-bottom: 5px;
	margin-left: 10px;
	margin-right: 10px;
	color: #999;
	font-size: 16px;
	white-space: pre-wrap
}

.detailsLastUserImage {
	float: left;
}

.detailsReportUpdate {
	height: 20px;
	margin-top: 10px;
	margin-bottom: 20px;
	margin-left: 10px;
	margin-right: 10px;
	color: #666;
}

.detailsSecurityType {
	color: #666;
	margin-left: 10px;
}

.detailsCategories {
	color: #666;
	margin-left: 10px;
}

.detailsReportUrlInfo {
	margin-top: 16px;
	margin-left: 10px;
	margin-bottom: 10px;
	color: #666;
}

div.detailsMoreLink {
	color: #009EEC;
	cursor: pointer;
	float: right;
	margin-right: 10px;
	margin-bottom: 20px;
}

.contentInformation .reportUrl input {
	width: 370px;
}

.discussionStreamReplyStream {
	position: fixed;
	right: -420px;
	width: 420px;
	background-color: white;
	z-index: 2;
	height: 100%;
}

.activityCommentReplies {
	position: relative;
	background-color: #f9f9f9;
}

.discussionStreamReplyReplies {
	border-top: 1px solid #e4e4e4;
}

.discussionStreamReplyRepliesInner {
	position: relative;
 	margin-left: 30px;   
}

.singleReplyReplyComment {
	height: 84px;
}

.resolutionQuestion {
	padding-top: 12px;
}

.resolutionQuestionPadding {
	padding-top:10px;
	border-bottom: 1px solid #e4e4e4;
}

.resolutionQuestionText {
	color: black;
	margin-left: 8px;
}

.resolutionVoteOption {
	background-color: white;
	height: 40px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 2px;
}

.resolutionVoteOptionOuter {
	position: relative;
}

.resolutionVoteList {
	padding-top: 10px;
	padding-bottom: 5px;
}

.resolutionVoteButton {
	position: absolute;
	left: 10px;
	top: 6px;
}

.resolutionRolloverPeople {
	display: none;
	position: absolute;
	left: 46px;
	width: 252px;
	height: 78px;
	background-color: white;
	z-index: 1;
	border: 1px solid #e4e4e4;
}

.resolutionRolloverPeople img {
	height: 32px;
	width: 32px;
	margin: 2px;
    position: relative;
    right: 0px;
    margin-right: -5px;
}

.resolutionRolloverThumbPeople {
	display: none;
	position: absolute;
	left: 22px;
	width: 252px;
	height: 78px;
	background-color: white;
	z-index: 1;
	border: 1px solid #e4e4e4;
	top: 33px;
}

.resolutionRolloverThumbPeople img {
	height: 32px;
	width: 32px;
	margin: 2px;
}

.singleCommentEdited {
	position: absolute;
	right: 140px;
	top: 11px;
	display: none;
	font-size: 14px;
}
.noActivities {
	text-align: center;
	margin-top: 20px;
	color: #666;
	font-size: 18px;
}

.voteIndividualPosts {
	height: 34px;
	padding-right: 30px;
    padding-bottom: 6px;
	margin-top: -53px;
	visibility: hidden;
}

.voteIndividualPosts>div {
	float: right;
}

.resolutionVotingIndividualBackground {
	height: 25px;
	width: 25px;
	text-align: center;
	float: left;
}

.resolutionVotingUpIndividualCount {
	color: #009eec;
	font-size: 14px;
	float: left;
	padding-top: 7px;
}

.resolutionVotingDownIndividualCount {
	color: red;
	font-size: 14px;
	float: left;
	padding-top: 7px;
	min-width: 7px;
}

.resolutionVotingCountGrey {
	color: #ccc;
}

.activityStreamFilterClose {
	background-image: url("../images/close_small_white.png");
	height: 25px;
	width: 25px;
	position: absolute;
	top: 4px;
	right: 4px;
	cursor: pointer;
}

.activityCommentsToggle {
    border-right: 0px;
    width: 50px;
    height: 50px;
    border-radius: 25px;
    z-index: 1000;
    cursor: pointer;
    transition: .16s linear;
    position: absolute;
    right: 0px;
    bottom: 0px;
    background-color: white;
    transform: rotate(0deg) scale(1);   
}

.activityStreamOpenButton {
	background-image: url("../images/Chat_1.svg");
    background-position: center; 
    background-repeat: no-repeat;
   	z-index: 1005;
   
}

.activityStreamCloseButton {
	background-image: url("../images/close_large_white.png");
	background-color: #009EFF;
    background-position: center; 
    background-repeat: no-repeat;
	z-index: 1000;
    background-color: #009EEC;
   	transform: rotate(45deg);
}

.activityCommentsToggleContainer {
	width: 50px;
	height: 50px;
	border-radius: 25px;
	background-color: #009EEC;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
	
}

.activityStreamOpenButton.activityStreamAnimateToggle {
    transform: rotate(90deg) scale(0);
    opacity: 0;
}

.activityStreamCloseButton.activityStreamAnimateToggle {
    transform: rotate(90deg);
}

.activityStreamTaskTypeDiv {
	width: 250px;
	margin-left: 25px;
    margin-top: 20px;
}
.activityStreamNewTaskDiv {
	padding: 25px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.activityStreamTaskPerson {
	background-color: white;
    height: 33px;
    margin-left: 25px;
    float:left;
}
.activityStreamNewTaskDueDate {
	position: absolute;
    top: 40px;
    right: 25px;
}
.activityStreamTaskPerson .btn-entity {
	margin-top: 3px;
}
.activityStreamTaskDiv {
	background-color: #ffffff;
    height: 55px;
    border-bottom: 1px solid #f5f5f5;
    border-left: 1px solid #e4e4e4;
    border-right: 1px solid #e4e4e4;
    position:relative;
}
.activityStreamTaskAvatar {
    height: 40px;
    width: 40px;
    float: left;
    padding: 0px;
    margin-top: 5px;
    margin-left: 10px;
    border-radius: 25px;
}
.activityStreamTaskNameDiv {
    float: left;
    margin-top: 10px;
    margin-left: 10px;
    margin-bottom: 3px;
    position: relative;
    padding-right: 25px;
    width: 220px;
}
.activityStreamTaskDateDiv {
    float: left;
    padding-left: 10px;
    width: 250px;
}
.activityStreamTaskName {
    font-size: 14px;
    float: left;
    width: 140px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.activityStreamTaskDue {
    font-size: 12px;
    float: left;
    padding-right: 25px;
}
.activityStreamTaskDueDate {
	font-size: 14px;
    float: left;
    color: #FF7C51;
}
.activityStreamTaskAssignedTo {
    font-size: 12px;
    float: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding-right: 13px;
    padding-top: 2px;
}
.discussionStreamTaskStatus {
	float: left;
    margin-top: 10px;
    margin-left: 24px;
	font-size: 16px;
    color: #666666;
}
.discussionStreamTaskIcon {
    height: 22px;
    width: 22px;
    float: left;
    margin-top: 9px;
    margin-left: 14px;
}
.activityStreamTaskDropDown {
    cursor: pointer;
    position: absolute;
    top: 2px;
    right: 0px;
	background-image: url("../images/dash_options_open.png");
	height: 12px;
	width: 12px;
}
.acceptedResolution {
	border-top: 3px solid #009eec;
}
.rejectedResolution {
	border-top: 3px solid #f9130e;
}
.proposedResolution {
	border-top: 3px solid #33CC03;
}
.proposedResolutionPastDue {
	border-top: 3px solid #ff6600;
}
.activityCommentRepliesUsers {
    border-top: 1px solid #e4e4e4;	
	padding-left: 38px;
	height: 45px;
}
.activityCommentRepliesAvatars {
	padding-top: 5px;	
	float: left;
}
.activityCommentRepliesText {
	float:left;
	margin-left: 30px;
    margin-top: 12px;
    color: #009eec;
    cursor: pointer;
}
.activityCommentRepliesUserImage {
	height: 35px;
	width: 35px;
    border: none;
    left: -15px;
}
.commentPriorityHighlighting {
    position: absolute;
    width: 5px;
    height: 40px;
}
.commentPriorityHighlightingActivityStream {
	right: 0;
    bottom: 10px;
}
.commentPriorityHighlightingDiscussion {
	top: 0;
	right: 0;
}
.commentPriorityHighlightingBlue {
	background-color: #009EEC;
}
.commentPriorityHighlightingRed {
	background-color: #FF0000;
}
.activityStreamTaskBottom {
	position:relative;
}
.activityStreamTaskPriority {
    width: 200px;
    position: absolute;
    right: 25px;
}
.taskCommentSecurityPeople {
	position: absolute;
    left: 58px;
    top: 78px;
}
.taskCommentSecurityIcon {
	position: absolute;
    left: 25px;
    top: 78px;
    background-color: #EEE;
    height: 33px;
    width: 33px;
    background-repeat: no-repeat;
    background-position: center;
}
.discussionStreamSharePeople {
	margin: 25px;
	margin-bottom: 0;
	margin-top: 20px;
}
.discussionStreamShareButton {
    position: absolute;
	margin: 25px;
	margin-bottom: 20px;
	bottom: 0;
}
.discussionStreamShareMessage {
	margin: 25px;
	margin-top: 10px;
}
.activityStreamTaskReassign {
	width: 418px;
	position:absolute;
	top: 50px;
}
.taskStreamSelection {
    position: absolute;
    top: 120px;
    left: 25px;
    width: 250px;
}
.taskAdvancedOptions {
	display: none;
}
.taskAdditionalOptionsLink {
	color: #009EEC;
	cursor: pointer;
	font-size: 14px;
	position:absolute;
	right: 25px;
	top: 73px;
}
.taskAdditionalOptionsLink .moreLessText {
	color: #009EEC;
	display: inline-block;
	font-size: 16px;
}
.taskAdditionalOptionsLink .moreLessImgDiv {
	display:inline-block;
}
.taskRootCommentIdentifier {
	height: 22px;
    width: 22px;
    position: absolute;
    left: -8px;
    top: -8px;
    display: none;
}
.discussionStreamRepliesScroll {
	overflow-x: hidden;
	width: 100%;
    box-sizing: border-box;
    border-radius: 0px 0px 5px 5px;
    border-left: 1px solid #e4e4e4;
    border-right: 1px solid #e4e4e4;
    position:absolute;
    top:70px;
    bottom:51px;
    
}
.singleCommentStreamPost {
    position: absolute;
    top: 30px;
    right: 34px;
    font-size: 13px;
    color: #999;
}
.postContentName {
	color: #009eec;
	cursor: pointer;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 200px;
	display: inline-block;
    margin-left: 3px;
	vertical-align: bottom;
}
.postStreamName {
	color: #009eec;
	cursor: pointer;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 100px;
	display: inline-block;
    margin-left: 3px;
	vertical-align: bottom;
}
.streamScrollableMenu {
	max-height: 180px;
	overflow: auto;
}
.communityIndividualOuter {
	border-bottom: 1px solid #e4e4e4;
	position: relative;
}

.communityImage {
	padding: 10px;
	height: 40px;
	width: 40px;
}
.communityPersonName {
    font-size: 16px;
    top: 10px;
    position: absolute;
    left: 60px;
    color: #009eec;
  	width: 180px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.communityPersonButton {
	width: 140px;
	position: absolute;
	right: 25px;
	top: 12px;
}
.communityJobTitle {
    color: #999999;
    font-size: 15px;
    position: absolute;
    left: 60px;
    top: 34px;
	width: 180px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.communityDots {
	background-image: url("../images/mini_menu.png");
	height: 16px;
	width: 16px;
	position: absolute;
	top: 24px;
	right: 16px;
	cursor: pointer;
	display: none;
}

.communityDots:hover {
	background-image: url("../images/mini_menu_over.png");
}
.communityPersonAccessLevel {
	position: absolute;
    left: 200px;
    top: 24px;
    color: #999999;
    font-size: 14px;
}
.communityPersonButtonDiscussion {
	right: inherit;
    left: 200px;
}
.communityPersonNameDiscussion {
	width: 138px;
}
.discussionMembersOuter {
    height: 100%;
    background-color: white;
}
.discussionMembersOuter .tabSelectorOuter {
	height: 42px;
	position: relative;
	background-color: #fdfdfd;
	border-bottom: 1px solid #e4e4e4;
}
.discussionMembersTabButton {
	height: 42px;
	width: 42px;
	border-right: 1px solid #e4e4e4;
	display: inline-block;
}
.discussionMembersSortAscending {
	background-image: url("../images/blue_icon_sort_ascending.png");
	background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: center;
	cursor: pointer;
}

.discussionMembersSortDescending {
	background-image: url("../images/blue_icon_sort_descending.png");
	background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: center;
	cursor: pointer;
}
.discussionMembersFilter {
	background-image: url("../images/report_filter_grey.png");
	background-size: 25px 25px;
    background-repeat: no-repeat;
    background-position: center;
	cursor: pointer;
}
.discussionMembersLock {
	background-image: url("../images/admin_console_lock_secure.png");
	background-size: 22px 22px;
    background-repeat: no-repeat;
    background-position: center;
}
.discussionMembersUnlock {
	background-image: url("../images/admin_console_lock_unsecure.png");
	background-size: 22px 22px;
    background-repeat: no-repeat;
    background-position: center;
}
.discussionMembersFilterPopup {
	position: fixed;
	background-color: white;
	display: none;
	top: 86px;
	right: 144px;
	border: 1px solid #e4e4e4;
	width: 200px;
}
.discussionMembersFilterHeading {
	color: white;
	background-color: #009EEC;
	font-size: 18px;
	padding: 6px;
}
.discussionMembersFilterClose {
	background-image: url("../images/close_small_white.png");
	height: 25px;
	width: 25px;
	position: absolute;
	top: 4px;
	right: 4px;
	cursor: pointer;
}
.discussionMembersFilterSearch>.searchBar {
	border: 0;
}
.discussionMembersFilterOptions {
	font-size: 15px;
	COLOR: #666666;
}

.discussionMembersFilterOptions>.multiOptionList>div {
	border-top: 1px #e4e4e4 solid;
	padding-bottom: 6px;
	padding-top: 6px;
	margin: 0;
}

.discussionMembersFilterOptions>.multiOptionList>div>span {
	margin-left: 10px;
}

.discussionMembersFilterOptions>.multiOptionList>div:hover {
	background-color: #f9f9f9;
}
.topMenuButton.topMenuPersonButton {
	background-image: url("../images/entity_person.png");
	cursor: pointer;
}
.topMenuButton.topMenuSettingsButton {
	background-image: url("../images/chart_settings_grey.png");
	cursor: pointer;
}
.discussionMembersParent {
	position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    border-left: 1px solid #e4e4e4;
    width: 420px;
    z-index: 601;
    background-color: white;
    background-repeat: no-repeat;
    background-position: center;
    height: 100%;
}
.discussionMembersOuter .tabSelector {
	height: 42px;
	width: 238px;
	position: absolute;
	right: 0;
	top: 0;
}

.discussionMembersOuter .tabSelector div {
	float: left;
	display: table-cell;
	text-align: center;
	width: 94px;
	height: 25px;
	font-size: 15px;
	color: #999;
	padding-top: 14px;
	overflow: hidden;
	cursor: pointer;
}

.discussionMembersOuter .tabSelector div.selectedTab {
	border-bottom: #009EEC solid 3px;
	color: #333;
}
.discussionMembersClose {
	background-image: url("../images/close_large_white.png");
	height: 25px;
	width: 25px;
	position: absolute;
	top: 22px;
	right: 10px;
	z-index: 601;
	cursor: pointer;
}
.discussionMembersShare {
	background-image: url("../images/report_share_grey.png");
	background-size: 25px 25px;
    background-repeat: no-repeat;
    background-position: center;
	cursor: pointer;
}
.communityFilterPopup {
	position: fixed;
	background-color: white;
	display: none;
	top: 86px;
	right: 144px;
	border: 1px solid #e4e4e4;
	width: 200px;
}
.communityFilterHeading {
	color: white;
	background-color: #009EEC;
	font-size: 18px;
	padding: 6px;
}
.communityFollowingNone {
	text-align: center;
    color: #999999;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
}
.communityFilterClose {
	background-image: url("../images/close_small_white.png");
	height: 25px;
	width: 25px;
	position: absolute;
	top: 4px;
	right: 4px;
	cursor: pointer;
}
.communityFilterSearch>.searchBar {
	border: 0;
}
.communityFilterOptions {
	font-size: 15px;
	COLOR: #666666;
}

.communityFilterOptions>.multiOptionList>div {
	border-top: 1px #e4e4e4 solid;
	padding-bottom: 6px;
	padding-top: 6px;
	margin: 0;
}

.communityFilterOptions>.multiOptionList>div>span {
	margin-left: 10px;
}

.communityFilterOptions>.multiOptionList>div:hover {
	background-color: #f9f9f9;
}
.activitySelector {
	cursor: pointer;
}
.detailsSelector {
	cursor: pointer;
}
.communitySelector {
	cursor:pointer;
}
.rejectedCommentInfo {
	font-size: 12px;
	COLOR: #999;
	position: absolute;
    top: 10px;
    right: 34px;
}
.rejectedCommentInfoText {
	float:left;
    margin-left: 6px;
    margin-top: 2px;	
}
.rejectedCommentInfoImage {
	float:left;
}

.rightPanelContent {
	z-index: 302;
}

/* NEW Activity Stream Re-styling */
.discussionStreamTitleAvatar {
    float: left;
    width: 50px;
    height: 50px;
    position: relative;
    left: 15px;
    bottom: 8px;
}

.discussionStreamTitle {
    position: relative;
    top: 0px;
    left: 35px;
}

.discussionStreamTitle.taskStreamTitle {
    top: 0px;
}

.discussionStreamTitle.discussionStreamNoSubTitle {
	top: 0px;
	left: 30px;
}

.discussionStreamTitleContainer {
	
}

div.subTitleContentName {
	color: white;
}

div.singleCommentStreamPost.subTitleContentName {
	position: absolute;
    top: 20px;
    left: 125px;
}
.subTitleContentName.postContentName{
    text-decoration: underline;
}

.timelineAddCommentOptions {
	z-index: 2;
    position: absolute;
    cursor: pointer;
    background-image: url("../images/newpost_grey_button.png");
    height: 34px;
    width:34px;
    transition: transform 0.2s;
}
.timelineAddCommentOptions:hover {
	background-image: url("../images/newpost_yellow_button.png");
}
.timelineAddCommentOptionsHover {
	background-image: url("../images/newpost_yellow_button.png");
}

.timelineAddCommentOptions.timelineAddCommentOptionsActive {
	background-image: url("../images/newpost_yellow_button.png");
	transform: rotate(45deg);
}
.timelineAddNewOption {
position: absolute;
    left: 0px;
    z-index: 1;
    cursor: pointer;
    display: none;
    width: 30px;
    height: 30px;
    margin-top: 1px;
    background-color: white;
    border-radius: 20px;
    box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.24);
}
.timelineItemSendMessage {
	height: 39px;
}
.timelineAddCommentText {
    position: absolute;
    width: 200px;
    left: 50px;
    top: 7px;
    color: #999;
    font-size: 16px;	
    cursor: pointer;
}
.newPostButton {
    position: absolute;
    left: 20px;
    top: 7px;
}
.newPostButtonContainer {
    background-color: white;
    width: 418px;
    height: 50px;
    position: absolute;
    bottom: 0px;
    border-radius: 0px 0px 5px 5px;
    border-right: 1px solid #e4e4e4;
    border-left: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
}

.browseActivityStream > div > div > div > .newPostButtonContainer {
	bottom: 0px;
}

.browseActivityStream > div > div > div > .activityStreamHeader {
	border-radius: 5px 0px 0px 0px;
	padding-left: 80px;
}


.browseActivityStream > div > div > .activityStream {
	border: none;
}

/* New Task Inline View CSS for Activity Stream / Discussion Stream */
.inlineNewTaskContainer {
	width: 100%;
	background-color: white;
    position: absolute;
    bottom: 0px;
    left: 0px;
    box-sizing: border-box;
    border-radius: 0px 0px 5px 5px;
    border-right: 1px solid #e4e4e4;
    border-left: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
}
.innerInlineTaskContainer {
	padding: 24px;
	padding-top: 0;
	float: left;	
}
.inlineTaskOption {
	margin-bottom: 10px;
	margin-top: 10px;	
	width: 309px;
}
.inlineTaskAttachment {
	width: 38px;
	float: left;
    height: 38px;
    border-radius: 20px;
    position: relative;
    top: 30px;
    left: 6px;
}
.inlineTaskSubmitButton {
	width: 38px;
	float: left;	
    height: 38px;
    border-radius: 20px;
    position: relative;
    top: 30px;
    right: 6px;
}

.activityStreamInner{
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 10000;
}

.activityActivityStream{
    background: white;
    border-right: 1px solid #e4e4e4;
    border-left: 1px solid #e4e4e4;
    left:0;
    right:0;
    position:absolute;
    top:70px;
    bottom:51px;
    overflow-y:auto;
}

.activityStreamContainer {
	border-radius: 5px;
}

.sendButton {
	fill: #bbb;
}
.attachButton{
	fill: #bbb;
}
.secureLockButton{
	fill: red;
}
.existingPrivateComment{
	fill: #FD9F9F;
}
.inlineCommentTextArea {
    color: #cccccc;
    padding-top: 20px;
    padding-left: 10px;
}
.commentPrivateImage {
    width: 20px;
    height: 20px;
    position: absolute;
	left: 10px;
    bottom: 20px;
    background-color: white;
    border-radius: 10px;
}

.activityStreamMenu {
	background-image: url("../images/Dots.svg");
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;    
    position: absolute;
    top: 22px;
    right: 0px;
	cursor: pointer;
}

.activityStreamHeaderCloseButton {
    background-image: url(../images/close_small_white.png);
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
}

.activityStreamCounter {
	width: 20px;
	height: 20px;
	background-color: #FFBB00;
	border-radius: 20px;
	z-index: 10000;
	position: absolute;
    bottom: 33px;
    left: 33px;
  	text-align: center;
	color: white;
    font-size: 12px;
}

.activityStreamCounterText {
  	display: inline-block;
 	vertical-align: middle;
    line-height: 1.7;
	
}

.inlineCommentTextAreaBox {
	width:320px;
	height:20px;
}

.activityStreamInputTextArea {
	padding-top: 10px;
	padding-left: 10px;
}

.secureComment {
    position: absolute;
    bottom: 55px;
    padding-left: 25px;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-left: 10px;
    width: 345px;
}

.newSecureCommentIcon {
    height: 20px;
    width: 20px;
    position: absolute;
    bottom: 135px;
    right: 15px;
    z-index: 1000;
}

.activityStreamBlueHighlight {
	color: #009EEC;	
}

div.commentContentBarStream{
	border-left: none;
	border-right: none;
	border-bottom: 1px dashed #e4e4e4;
	top: -80px;
    left: -45px;
}

div.taskContentBarStream{
	border-left: none;
	border-right: none;
	border-bottom: 1px dashed #e4e4e4;
	top: -35px;
    position:absolute;
    right:0;
    left:0;
}

.commentNewCommentTextContainer{
	background-color: transparent;
	cursor: text;
}

.discussionOptionTextInput {
	cursor: text;
}

.activityStreamAvatarRight{
    right: 6px;
    left: auto;
    margin-top: 52px;
}

.singleCommentDateRight{
    right: 54px;
}

.singleActivityNameRight {
    left: 47px;
}

/* New Comment & Task Inline View CSS for 
Activity Stream / Discussion Stream */
.inlineNewCommentContainer {
	width: 100%;
	background-color: white;
    position: absolute;
    left: 0px;	
    bottom: 0px;
    height: 50px;
    border-radius: 0px 0px 5px 5px;
    box-sizing: border-box;
    border-right: 1px solid #e4e4e4;
    border-left: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
}

.innerInlineCommentContainer {
	padding-left: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	position: absolute;
	left: 30px;
	float: left;
}
div.innerInlineCommentContainerNoAttachment {
	left: 0;
}
.inlineAttachment {
	width: 18px;
	float: left;
    height: 20px;
    position: relative;
    top: 10px;
    left: 5px;
    margin: 5px;    
    cursor: pointer;    
}
.inlineSubmitButton {
	width: 25px;
	float: left;	
    height: 25px;
    border-radius: 20px;
    position: absolute;
    right: 5px;
    bottom: 5px;    
    margin: 5px;
    cursor: pointer;
}

.inlineTaskTextAreaBox{
	border-bottom: 1px solid #e4e4e4;
}

.commentContentFileDrag .loadCsvFileDrag{
    height: 34px;
    line-height: 14px;
}

.commentNewCommentTextContainer > div {
	height: 100%;
}

.commentContentFileDrag {
	height: 100%;
}

.commentContentFileDrag > div {
	height: 100%;
}

.commentIsNewIndicator {
	width: 10px;
    height: 10px;
    background-color: #FEBA29;
    position: absolute;
    right: -14px;
    bottom: 2px;
    border-radius: 13px;
}

div.commentContentFileDragDiv div.loadCsvCustomFileDrag div.uploadTextContainer {
	margin: 0;
}

.greyButton {
	fill: #bbb;
}

.orangeSendButton {
	fill: #FFB700;
}

.blueAttachButton {
	fill: #009EEC;
}

.inlineSubmitTextContainer {
	display: none;
}
.image-manager {
	background-color: #F9F9F9;
	height: 100%;
}

.upload-table {
	width: 100%;
	height: 65px;
}

.theme-image-container {
	width: 180px;
	height: 180px;
	margin: 10px;
	padding: 10px;
	background-color: white;
	position: relative;
	border:1px solid #CCCCCC;
	border-bottom: 2px solid #009EEC;
}

.theme-image-container div {
	position: absolute;
	cursor: pointer;
}

.theme-image-container img {
	width: 180px;
	position: absolute;
	display: block;
}

.image-container {
	width: 180px;
	height: 180px;
	margin: 10px;
	padding: 10px;
	background-color: white;
	position: relative;
	border:1px solid #CDCDCD;
	border-bottom: 2px solid #009EEC;
}

.image-container div {
	position: absolute;
	cursor: pointer;
}

.image-container img {
	width: 180px;
	position: absolute;
	display: block;
}

.image-buttons {
	visibility: hidden;
	margin-left: 163px;
	margin-top: -10px;
}

.image-buttons img {
	width: 27px;
	height: 30px;
	display: block;
	position: static;
}

.image-container-bottom {
	border-top: 1px solid #CDCDCD;
	width: 200px;
	height: 22px;
	margin-left: -10px;
	margin-top: 6px;
	background-color: #F9F9F9;
	color: gray;
	font-size: 16px;
	padding-top: 4px;
	bottom: 3px;
}

.image-container-bottom-text {
	margin-left: 10px;
	max-width: 180px;
	white-space: nowrap; 
	overflow: hidden;
	color:#666;
}

.image-scroller {
   	position: relative;
	overflow-y: scroll;
	width: 100%;
	height:585px;
}

hr {
	border: 0px;
	height: 1px;
	background-color: #CCCCCC;
}

#delete-button {
	height: 28px;
}

.no-image {
	font-size: 16px;
	color: #CCCCCC;
	text-align: center;
}

.no-image img {
	margin: 100px auto 0 auto;
	display: block;
}

.nav-buttons {
	width: 100%;
	position: absolute;
	bottom: 0;
	margin-bottom: 10px;
}

.nav-buttons table {
	float: right;
}

.large-image-container {
	height: 275px;
	padding: 10px;
	margin: 0 10px 0 10px;
		
	background-color: white;
	border:1px solid;
	border-color: #C0C0C0;
	border-bottom: 2px solid;
	border-bottom-color: #009EEC;
}

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

.image-cell img {
	max-width:100%; 
	max-height:100%;
}

.large-image-container table {
	width: 100%;
	height: 100%;
}

.image-file-details {
	padding-top: 10px;
	font-size: 14px;
	color: grey;
	word-wrap: break-word;
}

.edit-info {
	width: 100%;
}

.edit-info td {
	padding: 10px 10px 0 10px; 
}

.edit-info input {
	width: 100%;
	resize:none;
	border: 1px solid #cccccc;
	font-size: 14px;
	color:#666666;
}

.edit-image textarea {
	width: 100%;
	height: 40px;
	border: 1px solid #cccccc;
	font-size: 14px; 
	resize:none;
	color: #666666;
	padding: 0;
}

.image-description-overlay {
	margin: 10px;
	position: absolute;
	font-size: 14px;
	color: #C0C0C0;
}

.image-search-overlay {
	top: -13px;
	left: 15px;
	margin: 20px;
	position: absolute;
	font-size: 14px;
	color: #C0C0C0;
}

.no-images {
	margin: 20px; 
	position: absolute;
	font-size: 14px;
	color: #C0C0C0;
}

.tags-area {
   margin: 10px 0px 1px 0px;
}

.left-images {
	margin-left: 4px;
	float: left;
}

.right-images {
	margin-right: 5px;
	float: right;
}

.center-images {
	padding: 0 0 0 15px;
}

#loading-container {
   border: #cccccc 1px solid;
   background: #f0f0f0;
   width: 100%;
   text-align: center;
}

.ie-upload {
	width: 100%;
	padding: 15px 15px 0px 15px;
}

.add-cell {
	padding: 0 10px 0 0;
}

.search-cell {
	height: 35px;
}

.upload-cell {
	width: 65%;
	padding: 15px 0px 15px 15px;
}

.upload-box {
	font-size: 11px; 
	width: 240px;
}

.image-div {
	background-color: gray;
	width: 180px;
	height: 150px;
}

table.search {
	border-radius: 5px;
	background: white;
	padding-left: 5px;
	margin-right: 10px;
	width: 85%;
	behavior: url(css/PIE.htc);
    position: relative;
    border: 1px solid #E6E6E6;
}

table.search input {
	border: 0px;
	width: 90%;
}

table.search input:focus {
	outline: none;
}

.details-table {
	margin: 10px 0 0 10px;
	height: 200px;
}

.details-left-cell {
	border-right: 1px solid;
	border-color: #C0C0C0;
	width: 65%;
	float:left;
}

.details-right-cell {
	width: 34%;
	float:right;
}

.details-title {
	font-size: 16px;
	color: grey;
	word-wrap: break-word;
	padding: 0 0 5px 10px;
}

.details {
	padding: 0 0 5px 10px;
}

.details-container {
	font-size: 14px;
	color: #C0C0C0;
}

#more-images {
	width: 100%; 
	height: 25px; 
	background-color: #62a1d4; 
	text-align:center;
	color: white;
	padding-top: 5px;
	font-size: 14px;
	cursor: pointer;
}


/***
	New Image Manager styles
*/

div.imageManager {
	background-color:#f9f9f9;
}

div.imageManager div.searchControls {
	margin:20px;
	overflow:hidden;
}

div.imageManager div.imageManagerImages {
	height:390px; /*Place holder*/
	margin:0 10px 0 20px;
	overflow-y:auto;
}

div.imageManager div.addButton, div.imageManager div.replaceButton {
	float:right;
}

div.imageManager div.searchControls div.imageSearch {
	width:250px;
	float:left;
}

div.imageManager div.imageManagerImages > div {
	float:left;
	width:200px;
	margin-right:10px;
	margin-bottom:10px;
}

div.imageManager div.imageManagerImages div.imageContainer {
	position:relative;
}

div.imageManager div.imageManagerImages div.image {
	height:140px;
	border:1px solid #e4e4e4;
	border-bottom:none;
}

div.imageManager div.imageManagerImages div.image img {
	height:140px;
	width:200px;
}

div.imageManager div.imageManagerImages div.imageContainer div.imageBottomBar {
	height:25px;
	background-color:#b2b2b2;	
}

div.imageManager div.imageManagerImages div.imageContainer div.imageBottomBar div.imageTitle {
	font-size:14px;
	color:#333;
	padding-left:10px;
	padding-top:4px;
	width:190px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

div.imageManager div.imageManagerImages div.imageSettingsHandle {
	display:none;
	background-image:url('../images/mini_menu_white.png');
	position:absolute;
	right:8px;
	bottom:1px;
	background-repeat:no-repeat;
	width:10px;
	height:20px;	
	cursor:pointer;
}

div.imageManager div.imageManagerImages div.imageContainer:hover div.imageSettingsHandle {
	display:block;
}

div.imageManager div.imageManagerImages div.imageSettingsHandle:hover {
	background-image:url('../images/mini_menu_over.png');
}

div.editImage {
	margin-top:20px;
}

div.editImage div.imageMetaData {
	width:50%;
	margin: 0 auto;
	margin-top:5px;
}

div.editImage div.imageMetaData div {
	margin-bottom:5px;
}

div.imageDisplay {
/* 	background-color:white; */
}

div.imageDisplay div.imageThumb {
	text-align: center;
}

div.imageMetaData div.rpt-tag-box {
	width:300px;
}

div.editImage div.saveButton {
	width:400px;
	margin:0 auto;
	position:absolute;
	bottom:15px;
	left:0;
	right:0;
}

div.imageManager div#buttonContainer {
	position:relative;
	bottom:15px;
}

div.imageEdit {
	display:none;
}

div.imageManager div.loadCsvFileDrag {
	height:440px !important;
}

div.imageManager #imageUploadContainer > div > div > div.loadCsvCustomFileDrag > img {
	margin-top:0;
}

#shareContainer {    
	background: #F9F9F9;		
}
	
.tabTableLeft {
	width: 60%;
	display: inline-block;
}

.tabTableRight {
	width: 30%;
	display: inline-block;
	right: 0px;
    position: absolute;
}

.tabTableCell {
	text-align: center;
	cursor: pointer;
}

div.menuTab {
	color: #666666;
	font-size: 14px;
	width: 100%;
	margin-top: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
	height: 100%;
	
	
}

.tabTableCell > td > div {
	padding-left: 10px;
    padding-right: 10px;
}

div.selectedTabCell {
	color: #000000;
	
}

div.lowerSelector {
	height: 4px;
	background-color: transparent;
	width: 100%;
}

.selectedTabCell + div.lowerSelector {
	position: relative;
	bottom: 0px;
	height: 4px;
	background-color: #009eec;
}

#shareContentView {
	margin-top: 20px;
	width : 100%;
	height : 100%;
}

#shareDisplayView {
	background: #F4F4F4;
	border-top: 1px solid #CCCCCC;
	padding : 20px;
}

#linkTextArea {
	margin-left: auto;
    margin-right: auto;
}

.shareText {
	color: #666666;
	font-size: 16px;	
}

.shareDisplayText {
	line-height: 20px;
	margin-top: 15px;
	margin-bottom: 15px;
}

#shareViewBottom {
	
}

#submitButton {
	padding-top:15px;
}

div.accessListContainer {
	height: 190px;
}


.bottomSectionTable {
	width : 100%;
	margin-top: 15px;
}

.bottomSectionCell {
	width : 50%;
	padding: 0px;
}

#shareWithTextInput {
	margin-bottom: 5px;
	width: 90%;
}

#reportNameInput {
	margin-bottom: 10px;
}

#userSearchView {
	margin-bottom: 10px;
	padding-right: 5px;
}


td.userSearchCell {
	padding: 0px;
}

td.userSearchCellRight {
	float: right;
	padding: 0px;
}

table.topContainerTable {
	width: 100%;
	border-spacing: 0px;
	margin-bottom: 10px;
}

#shareWithTextInputPpl {
	width:70%;
}

div.shareViewDisplayContainer {
	padding-left: 25px;
	padding-right: 25px;
    overflow: auto;
}
div.shareViewDisplayContainer .bcLinkOnlyMessage {
	margin-top: 5px;
}
div.share-email-body {
   background: #ffffff;
   border: 1px solid #e4e4e4;
   padding: 5px;
}
div.share-email-body textarea {
   color: #666666;
   font-size: 16px;
   height: 80px;
   width: 100%;
   padding: 0;
   border: 0;
   margin: 0;
   resize: none;
   outline: none;
}
div.share-text-area {
   overflow: auto;
   word-break: break-all;
   background: #ffffff;
   border: 1px solid #e4e4e4;
   color: #666666;
   padding: 6px;
   font-family: monospace;
   font-size: 13px;
   height: 124px;
}

div.share-text-area textarea {
   color: #666666;
   font-size: 16px;
   height: 80px;
   width: 95%;
   padding: 6px;
   margin: 0;
   resize: none;
   outline: none;
   background: #ffffff;
   border: 1px solid #e4e4e4;
}

div.share-distribute-body {
   background: #ffffff;
   border: 1px solid #e4e4e4;
   padding: 5px;
}

div.share-distribute-body textarea {
   color: #666666;
   font-size: 16px;
   height: 80px;
   width: 100%;
   padding: 0;
   border: 0;
   margin: 0;
   resize: none;
   outline: none;
}

div.private-indicator {
   background: #f0f0f0;
   height: 29px;
   border: 1px solid #e4e4e4;
   border-top: 0px;
   background-color: #ffffff;
}

div.share-view-subpanel-container {
	margin-top: 20px;
}


div.back-to-share-button {
	position: absolute;
	bottom: 20px;
	right: 25px;
	left: 25px;
}

div.share-view-private-marker {
	float: left;
	padding-top: 4px;
}

span.share-view-private-text {
	color: #666666;
	font-size: 14px;
}

div.no-access-view-image {
	margin-top: 50px;
    width: 150px;
    margin-left: auto;
    margin-right: auto;
}

div.no-access-view-image > img {
	height: 100px;
	width: 100px;
	margin-left: 25px;
}

div.no-access-view-text {
	margin-left: auto;
    margin-right: auto;
    width: 80%;
	color: #666666;
	font-size: 18px;
	text-align: center;
}




div.view-summary-popup-view {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: hidden;
}

div.view-info-container {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 60px;
    border: solid 1px #e6e6e6;
    border-bottom: 0;
}

div.view-summary-panel-view {
    position: absolute;
    top: 0;
    bottom: 0px;
    right: 0;
    left: 0;
    overflow: auto;
    background-color: #F9F9F9;
    font-size: 16px;
    color: #666666;
}

div.view-summary-panel-view-lower {
    position: absolute;
    bottom: 0px;
    right: 0;
    left: 0;
    height: 70px;
    background-color: #F9F9F9;
    border: solid 1px #e6e6e6;
    border-top: 0;
    z-index: 100;
}

div.view-summary-pre-wrapper {
    background-color: #FFFFFF;

}

div.view-summary-pre-wrapper pre{
    white-space: pre-wrap;

}

div.view-summary-full-section {
    width: 100%;
}
div.view-summary-full-section-text {
    height: 60px;
    line-height: 60px;
    text-align: center;
}

div.view-summary-section-header {
    width: 100%;
    height: 30px;
    line-height: 30px;
    font-size: 26px;
    padding-top: 6px;
}

div.view-summary-section-title {
    font-size: 20px;
    color: #333333;
    padding-bottom: 4px;
    float: left;
    width: 100%
}

div.view-summary-section-description {
    font-size: 14px;
    color: #666666;
    padding-bottom: 4px;
    float: left;
    width: 100%
}


div.view-summary-info-descriptor {
    float: left;
    display: block;
    width: 30%;
}

div.view-summary-info-content {
    float: left;
    display: block;
    width: 70%;
}

div.view-summary-info-section {
    margin: 20px 25px 2px 25px;
    background-color: #F9F9F9;
}

div.view-summary-info-section.subtabs{
	margin: 0px;
    border-bottom: 1px solid #e4e4e4;
    padding: 8px 10px 8px 10px;
}

div.view-summary-info-inner-section {
    padding: 0px 0px 0px 0px;
}

div#etlSummary div.view-summary-row.view-summary-spacer {
	display: none;
}

span.view-summary-info-subtab {
	font-size: 16px;
	color: #999999;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 20px;
    cursor: pointer;
}

div.view-summary-row {
    clear: both;
    padding: 4px 0 0 0;
    margin-top: 5px;
}

div.view-summary-row.view-summary-spacer {
    height: 10px;
}

div.view-summary-row:before,
div.view-summary-row:after {
    content:"";
    display:table;
}
div.view-summary-row:after {
    clear:both;
}

div.view-summary-cache-not-cached-section {
    margin: 60px auto 0px auto;
    font-size: 24px;
    text-align: center;
}

div.view-summary-cache-not-cached-click {
    color: #00abf1;
    cursor: pointer;
}

div.view-summary-cache-header {
    font-size: 24px;
    padding: 6px 0 10px 0;
}

div.view-summary-cache-select-frequency {
    padding: 10px 0 10px 0;
    border-bottom: 1px solid #cccccc;
}
div.view-summary-cache-select-frequency-text {
    font-size: 16px;
    color: #666666;
    margin-bottom: 5px;
}

div.view-summary-cache-select-frequency-view {
    padding: 10px 0 10px 0;
}

div.view-summary-cache-select-frequency-desc span {
    color: #009eec;
}

div.view-summary-cache-create-button {
    position: absolute;
    left: 0;
    right: 0;
    height: 70px;
    bottom: 0;
}

div#view-cache-populate-button,
div#view-cache-delete-button {
    position: relative;
    padding: 10px 0 10px 0;
}

div.view-summary-caching-toggle {
    padding: 10px 0 10px 0;
}

div.view-summary-info-section .reportFieldName,div.view-summary-info-section .reportFieldIcon {
    cursor: pointer;
}

span.view-summary-clickable {
    color: #009EEC;
    cursor: pointer;
}

span.view-summary-clickable:hover {
    text-decoration: underline;
}

div.view-summary-edit-view-button {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}

div.vsInner {
    padding-right: 6px;
}

div.vs-boarder-top {
    border-top: solid 1px #e4e4e4;;
}

div.vs-boarder-bottom {
    border-bottom: solid 1px #e4e4e4;
    padding-bottom: 6px;
}

div.view-summary-toast {
    position: absolute;
    bottom: 0;
    right: 35px;
    left: 35px;
    border: solid 1px #E6E6E6;
    background-color: white;
    font-size: 16px;
    text-align: center;
    z-index: 50;
    padding: 8px;
    display: table-cell;
    vertical-align: middle;
}

img.downloadIcon {
	vertical-align: bottom;
}

div.vdd-general-view {
    padding: 20px;
    position: absolute;
    top: 0;
    bottom: 60px;
    right: 0;
    left: 0;
    overflow: auto;
}

.vdd-view-container {
    padding: 20px;
    position: absolute;
    top: 0;
    bottom: 60px;
    right: 0;
    left: 0;
    overflow: auto;
}

.vdd-variable-tab-container {
    padding: 20px;
    position: absolute;
    top: 0;
    bottom: 60px;
    right: 0;
    left: 0;
}

.vdd-variable-view-container {
    padding: 20px;
    position: absolute;
    top: 0;
    bottom: 60px;
    right: 0;
    left: 0;
}

div.vdd-enable-discovery-summary {
    padding: 20px;
    background-color: #ffffff;
    margin-top: 20px;
}

div.vdd-description-left-container {
    float: left;
    width: 20%;
}

div.vdd-description-right-container {
    color: #999999;
    float: right;
    width: 80%;
}

div.vdd-description-bottom-text {
    margin-top: 20px;
    color: #000000;
}

.vdd-general-view div.optionIdentifiers,
.vdd-view-container div.optionIdentifiers {
    width: 400px;
}

.vdd-variable-usage-box {
    height: 70px;
    width: 120px;
    background-color: #ffffff;
    text-align: center;
}

.vdd-variable-usage-box-text {
    padding: 10px;
 }

.vdd-variable-usage-box-text span {
    padding: 4px;
    font-size: 20px;
}

.vdd-variable-usage-box-text span:nth-child(3) {
    color: #000000;
}

.vdd-header-row {
    top: 0;
    background-color: #f9f9f9;
    z-index: 100;
    height: 40px;
    line-height: 40px;
    border-bottom: solid #e6e6e6 1px;
	position: sticky;
}

.vdd-header-row div.vdd-variable-column {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}


.vdd-variable-table {
    overflow: auto;
    position: absolute;
    top: 0;
    bottom: 80px;
    right: 0;
    left: 0;
}


.vdd-variable-table-container {
    position: relative;
    width: 100%;
    height: 100%;
}


.vdd-variable-column {
    box-sizing: border-box;
    float: left;
    color: #666666;
    display: table;
    min-height: 40px;
    padding-left: 2px;
    padding-right: 2px;
}
/*
* Firefox has a bug where min-height does not work
* on an element with display: table so we have to set the height
*/
@-moz-document url-prefix() {
    .vdd-variable-column {
        height: 40px;
    }
}

.vdd-variable-column span {
    display: table-cell;
    text-overflow: ellipsis;
    vertical-align: middle;
    overflow: hidden;
    max-width: 100px;
    white-space: nowrap;
}

.vdd-column-md {
     width: 25%;
 }

.vdd-column-sm {
	width: 12.5%;
}

.vdd-column-sm-md {
	width: 19.5%;
}

.vdd-column-big {
    width: 30.5%;
}

.vdd-column-half {
    width: 50%;
}


div.vdd-variable-table > div.vdd-metric-container > div,
div.vdd-variable-table > div.vdd-dimension-container > div {
    margin-top: 4px;
    margin-bottom: 4px;
}
.vdd-variable-row {

}

.vdd-variable-row::after {
    content: "";
    clear: both;
    display: table;
}

.vdd-fields-used-all {
    color: red;
}
.vdd-fields-used {
    color: #009EEC;;
}

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

.vdd-include span img,
.vdd-related-metric span img {
    padding-left: 15px;
}

.vdd-additive-field span img {
    padding-left: 30px;
}

.vdd-key-variable span img {
    padding-left: 3px;
}

.vdd-field-marker {
    width: 4px;
    position: absolute;
    top: 4px;
    bottom: 4px;
    left: 0;
}

.vdd-field-marker.vdd-disabled {
    background-color: #E0E0E0;
}

.vdd-field-marker.vdd-dimension {
    background-color: #fbed10;
}

.vdd-field-marker.vdd-metric {
    background-color: #009EEC;
}

.vdd-field-name {
	position: relative;
    padding-left: 10px;
}

/* Signal stuff */
.vdd-create-signal-btn {
    border-radius: 6px;
    background: #009EEC;
    font-size: 16px;
    font-family: Roboto;
    color: white;
    height: 36px;
    line-height: 36px;
    padding-left: 16px;
    padding-right: 16px;
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 10px;
    margin-right: 15px;
    margin-bottom: 15px;
    margin-top: 5px;
}
.vdd-signal-list-table-container {
	margin: 20px;
    overflow: auto;
    height: 480px;
    margin-top: 60px;
}
.vdd-signal-list-table {
	width: 100%;
	text-align: left;
	border-collapse: collapse;
	table-layout: fixed;
}
.vdd-signal-list-table tr td {
	border-bottom: 1px solid #CACCD1;
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 16px;
}
.vdd-signal-list-table tr th {
    font-size: 18px;
   	color: #717684;
	font-weight: bold;
}
.vdd-signal-list-table p {
	margin: 0px;
}
.vdd-signal-list-table td.vdd-signal-name {
	color: #009EEC;
	font-weight: bold;
	cursor: pointer;
	overflow-x: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding-left: 2px;
}
.vdd-signal-list-table td.vdd-signal-name:hover {
	color: #037AC4;
}
.vdd-signal-list-table td.vdd-signal-type {
	color: #717684;
	overflow-x: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 14px;
}
.vdd-signal-list-table .vdd-signal-enabled {
	width: 16%;
    padding-top: 10px;
    padding-bottom: 6px;
    padding-left: 20px;
}
.vdd-signal-list-table .vdd-signal-actions {
	width: 28%;
}
.vdd-signal-list-table td.vdd-signal-actions > * {
	display: inline;
	color: #009EEC;
}
.vdd-signal-list-table td.vdd-signal-actions p {
	cursor: pointer;
}
.vdd-signal-list-table td.vdd-signal-actions p:hover {
	color: #037AC4;
	text-decoration: underline;
}
.vdd-signal-list-table td.vdd-signal-actions .vdd-signal-action-divider {
	border-right: 1px solid #A0A5B4;
	margin: 0px 5px;
}
/**
	OptionView Styles
*/
.optionView {
	overflow:hidden;
	border-bottom:1px solid #cccccc;
	padding:10px 0;
}
.indented{
	margin-left: 50px;
}

.padded{
	padding-left: 50px;
}
.optionViewNoBorder {
	border-bottom:none;
}

div.subOptionView {
   overflow: hidden;
   padding: 10px 0;
}

.optionListMain {
   padding-left: 20px;
   padding-top: 15px;
   padding-bottom: 15px;
}

.optionListMain.noHeader {
	padding-left: 0px;
}

.optionIdentifiers {
	float:left;
}

.optionTitle, .deletePeriodTitle {
	font-size: 16px;
	color: #666666;
	margin-bottom:5px;
}

.optionDescription {
	font-size: 15px;
	color: #999999;
}

.optionSubtext {
	border: 1px solid #CCC;
	font-family: arial, sans-serif;
	font-size: 14px;
	color: #666666;
	padding: 10px;
	margin: 3px;
	background-color: #FFF;
}

.controlContainer {
	float:right;
	color: #666666;
	font-size: 14px;
	text-align: left;
}

.controlContainer img{
	vertical-align: middle;
}

.controlContainer.noFloat {
	float: none;
}

.fullDescription {
	float:left;
}

.controlLinkText {
	font-size: 14px;
	text-align: left;
	color: #009EEC;
	cursor: pointer;
	clear:both;
}

.controlSubText {
	font-size: 14px;
	text-align: left;
	cursor: pointer;
	clear:both;
}

.controlLinkText:hover {
	text-decoration: underline;
}

tr.controlRow > td {
	padding-top: 10px;
}

td.optionViewControlTd {
	vertical-align: top ;
	text-align: right;
	padding-left: 10px;
}

td.vCentered {
	vertical-align: middle;
}

/*
	Option List View Styles
*/

.optionListHeader {
	padding: 10px 0;
	border-bottom: 1px #cccccc solid;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 18px;
	color: #666666;
	position: relative;
	cursor: pointer;
}
.optionListHeader:hover {
   color: #009eec;
}
img.optionListHeaderExp {
   position: absolute;
   right: 10px;
   top: 20px;
}

/**
	overall view stuff
*/

.columnFormatView {
	background-color:#f9f9f9;
}

/**
	field select stuff
*/

.selectFieldDiv {
	width:178px;
	height:18px;
	padding: 5px 10px 5px 10px;
	margin-bottom:5px;
	background-color: #FBFBFB;
	border: 1px solid #CCCCCC;
	text-overflow:ellipsis;
	font-size:14px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow: ellipsis;
	cursor: pointer;
}
.selectFieldDiv:hover {
   background: #e6e6e6;
}

.selectedFieldDivSelected {
	background-color:#009EEC;
	border : 1px solid #009EEC;
	color:white !important;
	color:white;
	cursor: default;
}

.selectedFieldDivSelected:hover {
   background: #009eec;
}

.fontDropDown {
	float:left;
	margin-right:5px;
}

.fontTextField {
	float:left;
	margin-right:5px;
}

.fontTextField input {
	margin-right:4px;
}

.fontColourPicker {
	float:left;
}

/**
	General View Stuff
*/

div.formatLoading {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	display: none;
}

.formatOptions {
	background-color:#f9f9f9;
}
div.formatOptionsWithSelection {
	padding-left: 240px;
}

div.columnFormatOptions {
   padding-left: 25px;
}

.selectFieldHeading {
	background-color: #E4E4E4;
	font-size: 18px;
	padding:8px 10px;
}

.formatSelectionHeading {
	background-color: #009EEC;
	color:white;
	width:230px;
	padding: 0px 10px;
	font-size: 20px;
	height: 38px;
	line-height: 38px;
}

div.formatSelectionRequired {
   display: none;
   padding-left: 25px;
}

.formatSelection {
	border-right:1px solid #CCC;
	position: absolute;
	left: 0px;
	top: 0px;
	bottom: 0px;
	width:249px;
	background-color:white;
}

.selectFieldListDiv {
	width:200px;
	margin: 10px 20px;
}

.selectFieldListDivInner {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	width: 168px;
}

.selectedFormatHeading {
	font-size: 20px;
	padding: 0;
	color: #666666;
	line-height: 1.25;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	
}

span.formatType {
	color: #009EEC;
	font-size : 20px;
}

/**
Colour Picker Styles

*/
.colorPickerButton {
	cursor:pointer;
	position:relative;
	left:0;
	width:2em;
	height:2em;
	border-radius:.25em;
	border:solid 1px #CCCCCC;
}

/**
	Header setup options Need to remove the 
*/

.headerSetup {
	font-size: 12px;
	resize: none;
	color: #262626;
	float:left;
	position:relative;
}

.headerSetup .textArea {
	width: 170px;
	float:left;
	margin-top:5px;
	min-height:30px;
	background: #FFFFFF;
}

.headerSetup .textArea .broadcastInput {
	border:none;
}

.headerSetup .addButton {
	float:left;
	font-size: 30px;
	height:50px;
	width:30px;
	font-weight: bold;
	color: #009EEC;
	cursor: pointer;	
}

.headerSetup .headerHolder {
	float:left;
	margin: 2px;
}

.headerSetup .headerSetupText {
	height: 20px;
	background-image: url('../images/buttons/pbox_mid.png');
	padding-left: 8px;
	padding-right: 8px;
	color:white;
	float:left;
	font-size:12px;
	padding-top:5px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	max-width:130px;
}

.headerSetup .headerSetupDelete {
	width: 20px;
	height: 25px;
	background-image: url('../images/buttons/pbox_delete.png');
	cursor: pointer;
	float:left;
}

.headerSetup .textArea {
	border: 1px solid #cccccc;
}

.headerSetup .addList, .headerSetup .textPopup {
	position:absolute;
	top: 30px;
	width:175px;
	z-index:50;
	background-color: #fefefe;
	border: 1px solid #cccccc;
	padding: 5px;
	left:0;
}

.headerSetup .addList, .headerSetup .textPopup .addText,
.headerSetup .addList, .headerSetup .textPopup .cancelText {
	float:left;
}

.headerSetup .addList .setupOption {
	text-align:left;
}

.headerSetup .addList .setupOption:hover {
	background-color: #009EEC;
	color:white;
}

.headerSetup .addListBackground {
	position:absolute;
	width:100%;
	height:100%;
	z-index:49;
}

.hdrFtrSettings .left, .hdrFtrSettings .right, .hdrFtrSettings .centre {
	float:left;
}

#reportFormatDiv {
	position:absolute;
	z-index:100;
	width:100%;
	height:100%;
	background-color:#f9f9f9;
	display:none;
}

.styleView, .ruleView, .valueView, .removeConditionalView,
	.itemValue, .basicIcon {
	float:left;
	overflow: hidden;
}

div.listSpacer {
	padding-left: 20px;
}

.basicIcon {
	margin-top:7px;
}

.removeConditionalView {
	margin-top:4px;
	cursor: pointer;
}

.removeListItem {
	float:right;
	margin:5px;
	overflow: hidden;
	
	background-image: url('../images/close_small_grey_no_padding.png');
	background-repeat: no-repeat;
	background-position:0 5px;
	width:10px;
	height:20px;
	margin-top:5px;
	cursor:pointer;
}

.removeListItem:hover {
	background-image: url('../images/close_small_red_no_padding.png');
}

.conditionalFormatView {
	clear:both;
	margin-bottom:5px;
	min-height:35px;
	overflow:hidden;
}

.topButtons {
	position: absolute;
	right: 10px;
	top: 6px;
	font-size: 18px;
	color: #CCC;
	cursor: pointer;
}

.filterLine {
	position:relative;
	height:51px;
}

.colourPickerText {
	border: 1px solid #cccccc;
	padding: 5px;
	font-size: 14px;
	resize: none;
	color: #262626;
	width: 60px;
}

.backboneColourPicker .broadcastInputShort {
	margin-right:5px;
}

.operandOption {
	float:left;
	margin-right:5px;
	margin-top: -15px;
	margin-bottom: 15px;
	width: 102px;
	height: 32px;
	line-height: 32px;
	font-size: 14px;
	color: #262626;
	text-align: center;
}

.indentArrowsSpace {
	float:left;
	margin-top: -15px;
	margin-right:5px;
}

.indentArrows div {
	height:15px;
}

.filterSettingContainer {
	left:120px;
	float:left;
	height: 51px;
	background-color:white;
	border-left:1px solid #e4e4e4;
}

.fieldDiv {
	float:left;
	width: 230px;
	height:100%;
	position:relative;
}

.fieldIndentContainer {
	float:left;
	height:100%;
	position:relative;
}

.fieldIndent {
	height:50px;
	width:30px;
	border-right:1px solid #e4e4e4;
	position:absolute;
}

.bottomIndent {
	border-bottom:1px solid #e4e4e4;
}

.fieldDetails {
	padding: 12px 10px 13px 10px;
	border-bottom: solid 1px #e4e4e4;
	position:absolute;
}

.filterOptions {
	float:left;
	height:50px;
	border-bottom: solid 1px #e4e4e4;
	border-right: solid 1px #e4e4e4;
}
.compareOption {
	float:left;
	padding-top:10px;
	margin-right:15px;
	width: 152px;
	height: 30px;
	font-size: 12px;
	color: #666666;
	line-height: 30px;
}

.filterValue {
	float:left;
	margin-right:15px;
	width:100px;
	height: 100%;
	display: table;
	table-layout: fixed;
}

.filterValueText {
	color: #666666;
	font-size: 14px;
	display: table-cell;
    vertical-align: middle;
    overflow:hidden;
    text-overflow:ellipsis;
}

.filterValueDropdown {
	padding-top:10px;
}

.filterPromptImg {
	float:left;
	width:39px;
	padding: 6px 0px;
}

img.filterIndentLeft, img.filterIndentRight {
   cursor: pointer;
}

div.filterPromptImg img.promptImg {
   cursor: pointer;
}

.filterSettingTopBorder {
	border-top: 1px solid #e4e4e4;
	margin-top:10px;
}

div.filterSettingsLoading {
   text-align: center;
   height: 70px;
   width: 100%;
}

div.filterSettingsEmpty {
   text-align: center;
   width: 240px;
   height: 80px;
   line-height: 80px;
   margin-left: 107px;
   color: #666666;
   font-size: 16px;
}

div.filterLogicContainer {
   padding-top: 10px;
}

.filterLogicHeading {
	font-size: 14px;
	color: #666666;
	margin-bottom: 5px;
}

div.filterLogicFooter {
   font-size: 22px;
   color: #666666;
   text-align: right;
   padding-top: 5px;
}

.filterLogic {
	border: 1px solid #e4e4e4;
	background-color:white;
	padding: 5px 10px;
	margin-bottom:5px;
	color: #666666;
	font-size: 14px;
   line-height: 22px;
}

div.rptFilterLogicIndent {
   padding-left: 36px;
}

span.rptFilterLogicIdentifier {
   color: #009eec;
}
span.rptFilterLogicBracket {
   padding: 2px;
   cursor: default;
}
span.rptFilterLogicBracketHover {
   background: #f8f8f8;
   border: 1px solid #cccccc;
   padding: 1px;
}

span.rptFilterLogicWhen {
   padding: 2px;
   cursor: pointer;
}
span.rptFilterLogicWhenHover {
   background: #f8f8f8;
   border: 1px solid #cccccc;
   padding: 1px;
}

.refValueField {
	float:left;
	margin-right:5px;
}
.refTextField {
	float:left;
	margin-right:5px;
margin-top: 3px;
margin-bottom: 3px;
}
.refColourPicker {
	margin-right:5px;
	float:left;
}
.refLabelFont {
    float: left;
    margin-top: 3px;
    margin-bottom: 3px;
}

.refLabelFont .fontView .fontTextField{
	margin-right:0px;
}

.refLabelPosition{
	float: left;
}

.filterListView, .parameterListView {
	width:680px;
	overflow:hidden;
}

.conditionalFormatOverview {
	width:650px;
}

.addFormatSelector {
	width:100%;
}

.advFormatDelete {
	float:left;
	margin-right: 5px;
	padding-top: 2px;
	cursor:pointer;
}

.advFormatColour {
	float:left;
	margin-right: 5px;
	height:30px;
	width:30px;
	margin-bottom:10px;
	cursor:pointer;
}

.advFormatColour img {
	margin-top: 8px;
	margin-left: 7px;
	cursor:pointer;
}

.advFormatType {
	float:left;
	margin-right:5px;
	height:30px;
	width:50px;
	margin-bottom:10px;
	padding-top:8px;
	cursor:pointer;
}

.advFormatDesc {
	float:left;
	margin-right:5px;
	height:30px;
	margin-bottom:10px;
	padding-top:8px;
	cursor:pointer;
	max-width:250px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

.advFormatButtons div {
	float:right;
}

.clearAdvButton {
	clear:both;
	float:right;
	margin-top:10px;
}

.addConditionDiv {
	margin-top:25px;
	margin-bottom:30px;
}

.addCondtion, .addAdvAlert {
	color: #009EEC;
	top:5px;
	font-size:18px;
	position:relative;
	cursor: pointer;
}

.addAdvAlert {
	float:right;
	margin-bottom:10px;
}
.leftTextBoxOuter {
	float: left; 
	margin-right: 20px;
}
.middleTextBoxOuter {
	float: left;
	line-height: 32px;
	margin-right: 20px;
}
.rightTextBoxOuter {
	float:right;
}
.fontAndStyleView {
	width:370px;
}
.fontDefaultCustomPicker {
	float:right; margin-top:5px; margin-bottom:10px;
}
.fontStyleOptions {
	float:right; margin-top: 6px;
}
.fontStyleOptions.autoSize {
	clear: right;
}
.fontOptions {
	float: right;
}
.fontAlignmentOptions {
	float: right;
	margin-top: 6px;
	margin-left: 10px;
}
.borderDropDown {
	float: left;
}
.borderColourPicker {
	float: right;
	margin-left: 10px;
}
.colourPickerMidText {
	padding-left: 5px;
	padding-right: 5px;
	line-height: 33px;
}
.colourPickerTwoView {
	width: 300px;
	float:right;
}
.imagePickerView {
}
.imageThumbnail {
	float: right;
}

.gradientRightLeft {
	background-image:url('../images/gradients/gradient_rightleft.png'); 
	float:left; 
	height: 31px; 
	width: 31px;
	margin: 3px;
}
.gradientLeftRight {
	background-image:url('../images/gradients/gradient_leftright.png'); 
	float:left; 
	height: 31px; 
	width: 31px;
	margin: 3px;
}
.gradientTopBottom {
	background-image:url('../images/gradients/gradient_topbottom.png'); 
	float:left; 
	height: 31px; 
	width: 31px;
	margin: 3px;
}
.gradientBottomTop {
	background-image:url('../images/gradients/gradient_bottomtop.png'); 
	float:left; 
	height: 31px; 
	width: 31px;
	margin: 3px;
}
.gradientInwardVert {
	background-image:url('../images/gradients/gradient_inwardvert.png'); 
	float:left;  
	height: 31px; 
	width: 31px;
	margin: 3px;
}
.gradientOutwardVert {
	background-image:url('../images/gradients/gradient_outwardvert.png'); 
	float:left;  
	height: 31px; 
	width: 31px;
	margin: 3px;
}
.gradientInwardHor {
	background-image:url('../images/gradients/gradient_inwardhor.png'); 
	float:left;  
	height: 31px; 
	width: 31px;
	margin: 3px;
}
.gradientOutwardHor {
	background-image:url('../images/gradients/gradient_outwardhor.png'); 
	float:left;  
	height: 31px; 
	width: 31px;
	margin: 3px;
}
.gradientRow {
	height: 39px;
}
.gradientPreviewEmpty {
	height: 31px;
	width: 31px;
	background-colour: white;
}
.gradientBox {
	display: block;
	position: fixed;
	z-index: 5000;
	border-radius: 3px;
	background-color: #ECECEC;
	border: solid 1px #BBBBBB;
}
.gradientImageBorder {
	border-radius: 4px;
	border: solid 1px #CCCCCC;
}
.gradientImageBorderHighlight {
	border-radius: 4px;
	border: solid 1px #666666;
}

.whiteCloseButton {
	height: 25px;
	width: 25px;
	position:absolute;
	right: 6px;
	top: 6px;
	cursor: pointer;
}

.filterDefault .valueOneDiv {
	margin-bottom:5px;
	float:left;
	clear:right;
}

.filterDefault .valueTwoDiv {
	clear:both;
	float:left;
}

.filterDefault div.addItemView {
	float:right;
}

.filterDefault div.inListSingleItem div.filterPromptImage {
	clear:none !important;
}

.filterDefault div.dateFilterPrompt {
	clear : both;
	border-left : 1px solid #ccc;
}

.filterDefault .preDefValueOne {
	margin-bottom:5px;
}

.inListSingleItem {
	margin-bottom: 5px;
	overflow:hidden;
}

.dateView {
	overflow:hidden;
	position:relative;
}

.dateView .datePickerHolder div {
	float:left;
}

.currentDate td > div {
	float:left;
	margin-right:2px;
}

.currentDate .currDateText {
	width: 95px;
	margin-top:7px;
}

.currentDate {
	clear: both;
}

.dateView .dateViewRadio {
	padding-top:7px;
	margin-right:10px !important;
}

.dateView .seperatorDiv {
	margin-left:2px;
	margin-right:2px;
	padding-top:5px;
	font-size:20px;
}

.dateView .datePicker img {
	width:32px;
	height:32px;
	cursor:pointer;
}

.customQuery .testQuery {
	float:right;
	color: #009EEC;
	cursor: pointer;
	margin-bottom:10px;
}

.customQuery .queryResults {
	width:100%;
	clear:both;
	margin-bottom:5px;
}

.customQuery .queryResults #resultDiv {
	background-color:white;
	margin-top:5px;
	border:1px solid #cccccc;
}

.customQuery .testQuery:hover {
	text-decoration:underline;
}

.customQuery .numberOfCahcedValues {
	float:left;
	margin-right:2px;
}

.customQuery .refreshCachedValues {
	cursor: pointer;
	color: #009EEC;
	cursor: pointer;
}

.customQuery .dataSourceLabel {
	float:left;
	margin-right:15px;
	padding-top:10px;
}

.customQuery .dataSource {
	margin-bottom:10px;
}

.customQuery .dataSourceHelpMessage {
	margin-top:5px;
	padding:10px;
}

.reportFilterValues {
	background-color: #f9f9f9;
	overflow:hidden;
	padding: 0 10px;
}

.reportFilterValuesline {
	height:1px;
	width:100%;
	border-bottom:1px #cccccc solid;
}

.reportFilterValues input[type="checkbox"] {
	display:none;
}

.csvEntryLine {
	float:left;
}

.csvEntryButton {
	float:left;
}

.inputRadioButton {
	float:left;
	padding-top:7px;
	margin-right:5px;
}

.radioOptions .radioHolder {
	margin-right:5px;
	float:left;
}

.radioLabel {
	float:left;
	clear:right;
}

.radioDiv {
	clear:both;
	margin-bottom:5px;
}

.imageDisplayDropdownItem {
	height:25px;
	cursor:pointer;
	border:1px #CCCCCC solid;
	padding-top:5px;
	background-color: #FFFFFF;
}
.imageDisplayDropdownImg {
	float:left; 
	margin-left:5px;
}
.imageDisplayDropdownText {
	padding-left:10px; 
	padding-top:2px; 
	float:left;
}
.imageDisplayDropdownTop {
	padding-top:5px;
	border:1px #CCCCCC solid;
	cursor: pointer;
	height: 25px;
	background-color:white;
}
.imageDisplayDropdownArrow {
	background-image: url('../images/dash_options.png');
	height: 12px; 
	width: 12px;
	float: right;
	margin-right: 10px;
	margin-top: 3px;
}
.imageDisplayDropdownBottom {
	position: absolute;
	display:none;
	z-index:500;
}
.andRadio {
	clear:both;
}

.refLineView {
	width: 252px;
}
.imageDisplayHover {
	background-color: rgb(238,238,238);
}

.conditionalFormatListView {
	clear:both;
	overflow:hidden;
	margin-left:auto;
	margin-right:0;
}

.conditionalFormatListView .clearButton {
	margin-top:10px;
	float:right;
	overflow:hidden;
}

.InListAddButton {
	cursor: pointer;
	padding-left: 20px;
}

.frequencyBasic, .frequencyAdv {
	width: 100%;
}

.frequencyAdv .hours {
	margin-right:5px;
}

.frequencyAdv .hours, .frequencyAdv .minutes {
	float:left;
}

.freqControl {
	float:right;
	margin-top:10px;
	margin-bottom:10px;
}

.optionViewError {
	text-align:center;
}

.timeFrameTextOnly {
	margin-top:7px;
}

/**
	GIS Link setups
*/

.bottomControlDiv {
	margin-top : 5px;
	overflow : hidden;
}

.bottomControlDiv div {
	float: right;	
}

.gisLinkExampleTable {
	border:1px solid #cccccc; 
	border-bottom:none;
	border-right:none;
   	color: #666666;
   	font-size: 14px;
}

.gisLinkExampleTable .row td {
	background: #ffffff;
   	color: #666666;
   	font-size: 16px;
   	padding: 6px 12px;
   	height: 22px;
   	border-right:1px solid #cccccc;
   	border-bottom:1px solid #cccccc;
}

.gisLinkExampleTable .titleRow td {
	background-color : #009EEC;
	color: #FFF;
	font-size: 18px;
   	height: 25px;
   	padding: 8px 12px;
   	border-bottom:1px solid #cccccc;
   	width:200px;
}

.gradientSettingsView .colourSetHolder {
	overflow:hidden;
}

.gradientSettingsView .gradientSettingHolder {
	margin-top : 2px;
	float : right;
	margin-left:10px;
}

.gradientSettingsView .inListHolder {
	margin-top:10px;
}

.multiSelectOptions {
	FONT-SIZE: 12px;
}

.multiSelectOptions a {
	color:#008BD0;
}

.multiSelectOptions a img {
	border:none;
}

div.openHierarchy {
	height:43px;
	display:table-cell;
	vertical-align: bottom;
}

div.filterFieldsDropArea {
   display: none;
   height: 60px;
   width: 551px;
   margin: 20px 0 0 124px;
   background: #ffffff;
   border: 1px dashed #cccccc;
   font-size: 15px;
   color: #cccccc;
   text-align: center;
   line-height: 60px;
}

/**
	Conditional Format setup
*/

div.conditionalSetup {
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	overflow:hidden;
}

div.conditionalSetup div.setupSection {
	margin: 20px 20px 0 20px;
	height: calc(100% - 115px);
	overflow-x:hidden;
	overflow-y:auto;
}

div.conditionalSetup div.controls {
	height:80px;
	width:calc(100% - 40px);
	bottom:15px;
	position:absolute;
	margin: 0 20px;
}

div.conditionalSetup div.controls div.submitButton div {
	width:calc(100% - 20px);
}

div.conditionalSetup div.advancedFormatType {
	overflow:hidden;
}

div.conditionalSetup div.advancedFormatType div.formatAs {
	float:left;
	margin-top:6px;	
}

div.conditionalSetup div.advancedFormatType div.formatSelect {
	float:left;
	margin-left:5px;
}

div.conditionalSetup div.formatRow {
	overflow:hidden;
	margin-top:10px;
	clear:both;
}
div.conditionalSetup div.formatRow div.styleOptions {
	float:left;
	width: calc(100% - 210px);
}

div.conditionalSetup div.formatRow div.formatExample {
	float:right;
	width:210px;
}

div.conditionalSetup div.formatRow div.styleOptions div.options > div {
	float:left;
	min-width:32px;
	margin-right:2px;
}

div.conditionalSetup div.formatRow div.example {
	width:205px;
	height:25px;
	background-color:white;
	display:table-cell;
	vertical-align: middle;
	padding-left:5px;
}

div.conditionalSetup div.formatRow div.example.iconFormat {
	height:100px;
	font-size:80px;
	text-align: center;
}

div.conditionalSetup div.formatRow div.example.widgetFormat {
	position:relative;
	height:150px;
	display:block;
	padding-left:0;
}

div.conditionalSetup div.formatRow div.example.widgetFormat.lineFormat {
	height:50px;
}

td.conditionalFormatEnableContainer {
	padding-left:0 !important;
}

td.conditionalFormatEnableContainer div.widgetName {
	font-size: 16px;
    color: #666666;
    margin-bottom: 5px;
}

td.conditionalFormatEnableContainer div.numberOfRules {
	float:left;
}

td.conditionalFormatEnableContainer div.editRules {
	float:right;
	cursor:pointer;
}

td.conditionalFormatEnableContainer div.ruleInfo {
	overflow:hidden;
	color:#009EEC;
	font-size: 16px;
	margin-top:5px;
	margin-bottom:5px;
}


div.conditionalList div.list div.conditionalItem div.example.shapeExample {
	position:relative;
	display:block;
	text-align: initial;
	padding-top:0;
	padding-bottom:0;
	margin-top:10px;
	margin-bottom:10px;
}


div.scaledExample {
	position:relative;
	margin:0 auto;
}

div.conditionalSetup div.formatRow div.example.widgetFormat svg, div.shapeExample svg {
	position:absolute;
}

div.conditionalSetup div.formatRow div.example.widgetFormat svg *, div.shapeExample svg * {
	vector-effect:non-scaling-stroke;
}

div.conditionalSetup div.formatRow div.example.editableHtml {
	height:200px;
	width:210px;
	position:relative;
	display:block;
}

div.conditionalSetup div.formatRow div.styleOptions div.options div.optionTitle,
div.conditionalSetup div.formatRow div.styleOptions div.options div.optionDescription {
	display:none;
}
div.conditionalSetup div.formatRow div.styleOptions div.options div.optionView {
	border:none;
	padding:0;
}
div.conditionalSetup div.formatRow div.styleOptions div.options div.optionView td {
	padding-left:0 !important;
}

div.conditionalSetup div.setupSection div.optionControls div.option > div {
	padding-left:9px;
	display:table-cell;
	vertical-align:middle;
}

div.conditionalSetup div.setupSection div.optionControls div.option > div:first-of-type {
	margin-left:0;
	padding-left:0;
}

div.conditionalSetup div.setupSection div.filterOperator {
	display:none;
}

div.conditionalSetup div.setupSection div.optionControls {
	margin-left:0;
}

div.conditionalSetup div.setupSection div.optionControls div.option.dateOption > div {
	display:block;
	padding-left:0;
	margin-top:5px;
}

div.conditionalSetup div.setupSection div.optionControls div.option.dateOption > div:first-of-type {
	margin-top:0;
}

div.conditionalSetup div.no-colour {
	background-image:url('../images/format_no_colour.png');
}
div.conditionalSetup div.sp-preview-inner:after{
	content:'';
	width:30px;
	height:30px;
	position:absolute;
	top:0;
	left:0;
	background-repeat: no-repeat;
	background-position:center;
}

div.conditionalSetup div.textColour div.sp-preview-inner:after{
	background-image:url('../images/format_text_colour.png');
}

div.conditionalSetup div.fillColour div.sp-preview-inner:after {
	background-image:url('../images/format_fill_colour.png');
}

div.conditionalSetup div.lineColour div.sp-preview-inner:after {
	background-image:url('../images/format_line_colour.png');
}

/**
	Icon Picker
*/

div.iconPickerDisplay {
	height:32px;
	width:45px;
	overflow:hidden;
	background-color:#ccc;
}

div.iconPickerDisplay div.selectedIcon {
	width:30px;
	border-right:1px solid white;
	float:left;
    text-align: center;
    font-size: 25px;
    display:table-cell;
    vertical-align: middle;	
    height:27px;
    padding-top:3px;
}

div.iconPickerDisplay div.selectArrow {
	width:14px;
	float:left;
	height:30px;
	position:relative;
}

div.iconPickerDisplay div.selectArrow:before {
	width: 0; 
	height: 0; 
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid white;
	position:absolute;
	right:0;
	left:2px;
	bottom:auto;
	top:15px;
	content:'';
}

div.iconPickerContainer {
	position:fixed;
	display:none;
	height:250px;
	width:210px;
	z-index:100;
	background-color:white;
}

div.iconPickerContainer div.iconList {
	height:218px;
	overflow-x:hidden;
	overflow-y:scroll;
}

div.iconPickerContainer div.iconList div {
	float:left;
	font-size: 55px;
	margin-right: 10px;
}

div.conditionalList {
	min-width: 570px;
}

div.conditionalList div.list div.conditionalItem div.example {
	width:15%;
	height:20px;
	text-align: center;
	display:table-cell;
	vertical-align: middle;
	margin:5px 0 5px 5px;
	color:black;
	padding:5px 0;
}

div.conditionalList div.list div.conditionalItem div.operator {
	width:calc(40% - 10px);
	margin-left:10px;
}

div.conditionalList div.list div.conditionalItem div.value {
	width:calc(45% - 30px);
}

div.conditionalList div.list div.conditionalItem > div {
	float:left;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	margin-top:10px;
}

div.conditionalList div.list > div {
	overflow:hidden;
}

div.conditionalList div.list div.conditionalItem {
	width:570px;
	font-size:16px;
	background-color:white;
	border-bottom:1px solid #ccc;
	height:40px;
}

div.conditionalList div.list div.conditionalItem:hover {
	background-color:#EEEEEE;
	cursor: pointer;
}

div.conditionalSetup div.controls div.addAnotherRule, div.conditionalList div.addAnotherRule {
	background-color:white;
	font-size:16px;
	color:#009EEC;
	text-align: right;
	height:40px;
}

div.conditionalSetup div.controls div.addAnotherRule span, div.conditionalList div.addAnotherRule span {
	margin-top:10px;
	margin-right:15px;
	display:inline-block;
	cursor:pointer;
}

div.conditionalSetup div.controls div.addAnotherRule {
	outline:1px solid #e4e4e4;
	width: calc(100% - 2px);
    margin-left: 1px;
}

/**
	Canvas specific lines
*/

div.conditionalItem svg.arrowHead {
	width:20px;
	height:20px;
}

div.conditionalItem svg.singleArrowLine {
	width:calc(100% - 14px);
}

div.conditionalItem svg.doubleArrowLine {
	width:calc(100% - 28px);
	left:0;
	right:0;
	margin:0 auto;
}

/* General styles for all menus */


div#navigationMenuContainer {
	position: absolute;
	height: 40px;
	width: 40px;
	left: 0;
	z-index: 500;
	bottom: 0px
}

div.toobar-on-page {
	top: -40px;
}

div.no-toobar-on-page {
	top: 0px;
}


div.menu-toggle-inner-container img {
	margin-top: 10px;
}

div.navigation-toolbar-top-stripe {
	background-color: #009EEC;
	height: 3px;
    width: 100%;
}

div.navigation-toolbar-holder {
	height: 39px;
    width: 100%;
    background-color: #fdfdfd;
    position: relative;
    top: 0;
    left: 0;
    right: 250px;
    z-index: 100;
	border-top: 3px solid #009EEC;
    border-bottom: 1px solid #E3E3E3;
}

div.navigation-toolbar-holder div.toolbarContainer {
	position: relative;
	height: 43px;
}
div.navigation-toolbar-holder div.toolbarSearch {
   position: absolute;
   width: 200px;
   left: 39px;
   padding: 3px 5px 3px 5px;
}

div.navigation-toolbar-holder div.toolbarPageTitle {
	position: absolute;
	height: 39px;
	line-height: 39px;
	left: 60px;
	font-size: 20px;
	color: #666666;
}

div.navigation-toolbar-holder div.toolbarPageClose {
	position: absolute;
	height: 39px;
	right: 16px;
	line-height: 39px;

}

div.navigation-toolbar-holder div.toolbarPageClose img {
	vertical-align: middle;
    cursor: pointer;
}

/*
Can use this to set the left menu toggle offset
div#navigationMenuContainer {
	top: -80px;
}
*/
div.masking-overlay {
    opacity:0.2;
    background-color:#AAAAAA;
    position:fixed;    
    width:100%;
    height:100%;
    top:0px;
    left:0px;
    z-index:999;
}

div.navigation-masking-view-loader {
	position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 10000;
}

div.navigation-menu-inner-container {
	
}

div.scolling-container {
	 overflow: auto; 
}

div.navigation-menu-container {
	float: left;
	left: -250px;
	top: 0px;
    position: relative;
    width: 250px;
    z-index: 1000;
    height: 100%;
   	background-color: #008CD7;
   
}

div.navigation-menu-container-scroll {
	position: relative;
	overflow: auto;
}

div.navigation-menu-toggle {
	height: 39px;
	width: 38px;
	position: absolute;
	float: left;
	top: 0px;
	cursor: pointer;
	z-index: 999;
	text-align: center;	
}

div.navigation-menu-back-button {
	width: 30px;
	position: absolute;
	right: 0px;
	top: 10px;
	cursor: pointer;
	z-index: 1001;
	
}

div.toggle-old-page {
    border-right: 1px solid #E3E3E3;
    top: 0px;
    text-align: center;
    background-color: #fdfdfd;
}

div.toggle-report-page {
    border-right: 1px solid #e6e6e6;
    top: 2px;
    text-align: center;
    background-color: #fdfdfd;
    height: 39px;
    width: 39px;
}

div.toggle-new-page {
    border-right: 1px solid #e6e6e6;
    text-align: center;
    background-color: #fdfdfd;
    height: 40px;
}

img.header-expand-section-toggle {
	position: absolute;
	right: 10px;
	top: 8px;
	transition: transform 0.2s;	
}

img.flipped-image {
  transform: rotate(180deg);
}

div.navigation-menu-section {
	background-color: #efefef;
	position: relative;
}


div.navigation-menu-toggle span {
  display: block;
  position: absolute;
  top: 20px;
  left: 12px;
  right: 12px;
  height: 1px;
  background: white;
  transition: transform 0.2s;
}

div.navigation-menu-toggle.active span {
	right: 6px;
}

div.navigation-menu-toggle span::before,
div.navigation-menu-toggle span::after {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #fff;
  content: "";
}

div.navigation-menu-toggle span::before {
  top: -6px;
}

div.navigation-menu-toggle span::after {
  bottom: -6px;
}

div.active span {
  transform: rotate(180deg);
}


div.active span::before,
div.active span::after {
  width: 70%;
}

div.navigation-menu-toggle.active span::before {
  top: 0;
  transform: translateX(10px) translateY(6px) rotate(135deg);
}

div.navigation-menu-toggle.active span::after {
  bottom: 0;
  transform: translateX(10px) translateY(-6px) rotate(-135deg);
}

div.navigation-menu-header-cell {
	width: 100%;
	height: 105px;
}

div.expanded-header {
	background-color: #888888;
}

div.header-cell-container {
	padding-top: 10px;
	padding-left: 10px;
}

div.header-cell-details-container {
	position: relative;
}

img.user-avatar-image {
	width: 40px;
	height: 40px;
}

span.header-user-name  {
	font-size: 18px;
	width: 220px;
	color: #ffffff;
	display: block;
	padding-left: 10px;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

span.header-user-job-description  {
	font-size: 16px;
	color: #ffffff;
	display: block;
	padding-left: 10px;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

div.menu-section-header {
	font-size: 16px;
	color: #ffffff;
	cursor: pointer;
}

div.menu-section-header-right-item {
	width: 42px;
    right: 0px;
    top: 0px;
    height : 42px; 
    position: absolute;	
    display: none;
    cursor: pointer;
}

img.right-item-expanded {
	height: 16px;
    width: 16px;
    top: 13px;
    left: 15px;
    position: relative;
}

img.right-item-collapsed {
    top: 11px;
    left: 20px;
    position: relative;
}

img.right-item-collapsed:hover {
    background-color: #008CD7;
}

div.menu-section-header-title {
	height: 42px;
	line-height: 42px;
	padding-left: 15px;
	background-color: #009EEC;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

div.menu-section-cells {
	position: relative;
	overflow: hidden;	
}

div.menu-section-cells-container {
	position: relative;
	overflow: hidden;
	height: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;	
}

div.menu-cell {
	height: 30px;
	line-height: 30px;
	background-color: #efefef;
	padding-left: 20px;
	font-size: 14px;
	color: #333333;
	cursor: pointer;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

div.menu-cell-heading {
	height: 30px;
	line-height: 30px;
	background-color: #efefef;
	padding-left: 22px;
	font-size: 12px;
	font-style: italic;
	color: #8e8e8e;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

div.menu-cell-avatar {
	height: 25px;
	line-height: 35px;
	padding-top: 2px;
	padding-bottom: 2px;
	
}

div.menu-section-cells.ps-container > div:nth-child(1) > div {
	
}
 
div.selected-menu-cell {
	background-color: #f7f7f7;
}

span.count {
	position: relative;
	background: #f6ae28;
	border-radius: 0.8em;
	-moz-border-radius: 0.8em;
	-webkit-border-radius: 0.8em;
	color: #ffffff;
	display: inline-block;
	line-height: 20px;
	text-align: center;
	min-width: 20px;
	float: right;
	right: 5px;
	top:	5px;
	padding: 1px;
}

div.menu-header-expanded {
	background: #999999;
}

div.menu-header-collapsed {
	background-color: #008CD7;
}

div.menu-cell-expanded {
	background: #008CD7;
}

div.menu-cell-collapsed {
	background-color: #009EEC;
}

div.menu-cell-collapsed-create-content {
	background-color: #FFBB00;
}

div.menu-cell-collapsed-create-content:hover {
	background-color: #FFCC00;
}

div.menu-cell-expanded-create-content {
	background-color: #FFBB00;
}


div.menu-cell:hover {
	background-color: #f7f7f7;
}

div.menu-cell-collapsed-hover {
	background-color: #008CD7;
}

img.menu-cell-avatar {
	width: 25px;
	float: left;
}

img.menu-cell-discussion {
	padding-top: 4px;
	width: 25px;
	float: left;
}

div.menu-cell-avatar-text {
	height: 25px;
    line-height: 25px;
    padding-left: 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

div.menu-cell-search-view {
	height: 32px;
	padding: 5px;
	padding-left: 20px;
	background-color: #efefef;
}

div.unselectable-menu-cell {
	cursor: default;
	color: #8e8e8e;
}

div#navigation-position-div {
	position: absolute;
}


/* create content view css */

div.create-menu-container {
	position: absolute;
	top: 10px;
	z-index: 501;
	width: 50px;
}

img.create-content-plus {
	position: absolute;
    left: 16px;
    top: 16px;
    height: 18px;
    width: 18px;
    transition: transform 0.2s;
}

div#create-content-dropdown-menu-container {
	display: none;
}

div.create-content-menu-button {
	position: relative;
	border-radius: 50%;
	height: 50px;
	width: 50px;
	background-color: #FFBB00;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
	cursor: pointer;
	margin-right: auto;
	margin-left: auto;
}


div.create-content-menu-button span {
	display: block;
	position: absolute;
	top: 23px;
    left: 14px;
    right: 14px;
    height: 4px;
	background: white;
	transition: transform 0.2s;
}

div.create-content-menu-button span::after {
	position: absolute;
	display: block;
	left: 0;
	width: 100%;
	height: 4px;
	background-color: #fff;
	content: "";
	transform: rotate(90deg);
}

.rotate-to-cross {
	transform: rotate(45deg);
}

div.create-content-masking {
	opacity:0.2;
    background-color:#AAAAAA;
    position:fixed;    
    width:100%;
    height:100%;
    top:0px;
    left:0px;
    z-index:1200;
}

div#create-content-dropdown-menu ul {
	list-style:none;
	position:relative;
	margin:0;
	padding:0;
	background-color: #ffffff;
	width: 180px;
}

div#create-content-dropdown-menu ul ul
{
	display:none;
	position:absolute;
	top:0px;
	left:101%;
	background:#fff;
	padding:0
}

li.dd-menu-item {
	position: relative;
	margin: 0;
	padding: 0;
	padding-left: 10px;
	border-bottom: 1px solid #f0f0f0;
	font-size: 14px;
	line-height: 35px;
	color: #333333;
}

li.dd-menu-item-hover-state {
	background: #f9f9f9;	
}

.menu-selectable-cell {
	cursor: pointer;
}

div#create-content-dropdown-menu {
	z-index: 100000;
}

div.dropdown-right-arrow {
	width: 0; 
	height: 0; 
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 5px solid black;
	position: absolute;
	right: 10px;
	top: 15px;
}

div.dropdown-arrow-up {
	width: 0; 
	height: 0; 
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;	
	border-bottom: 10px solid #ffffff;
	position: relative;
	margin-left: auto;
    margin-right: auto;
}

div.menu-bring-to-front {
	z-index: 1210;
}






/* Scroll CSS */

/* perfect-scrollbar v0.6.7 */
.ps-container {
  -ms-touch-action: none;
  overflow: hidden !important; }
  .ps-container.ps-active-x > .ps-scrollbar-x-rail,
  .ps-container.ps-active-y > .ps-scrollbar-y-rail {
    display: block; }
  .ps-container.ps-in-scrolling {
    pointer-events: none; }
    .ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
      background-color: #eee;
      opacity: 0.9; }
      .ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
        background-color: #999; }
    .ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
      background-color: #eee;
      opacity: 0.9; }
      .ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
        background-color: #999; }
  .ps-container > .ps-scrollbar-x-rail {
    display: none;
    position: absolute;
    /* please don't change 'position' */
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    opacity: 0;
    -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
    -moz-transition: background-color 0.2s linear, opacity 0.2s linear;
    -o-transition: background-color 0.2s linear, opacity 0.2s linear;
    transition: background-color 0.2s linear, opacity 0.2s linear;
    bottom: 3px;
    /* there must be 'bottom' for ps-scrollbar-x-rail */
    height: 8px; }
    .ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x {
      position: absolute;
      /* please don't change 'position' */
      background-color: #aaa;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      -ms-border-radius: 4px;
      border-radius: 4px;
      -webkit-transition: background-color 0.2s linear;
      -moz-transition: background-color 0.2s linear;
      -o-transition: background-color 0.2s linear;
      transition: background-color 0.2s linear;
      bottom: 0;
      /* there must be 'bottom' for ps-scrollbar-x */
      height: 8px; }
  .ps-container > .ps-scrollbar-y-rail {
    display: none;
    position: absolute;
    /* please don't change 'position' */
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    opacity: 0;
    -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
    -moz-transition: background-color 0.2s linear, opacity 0.2s linear;
    -o-transition: background-color 0.2s linear, opacity 0.2s linear;
    transition: background-color 0.2s linear, opacity 0.2s linear;
    right: 3px;
    /* there must be 'right' for ps-scrollbar-y-rail */
    width: 8px; }
    .ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
      position: absolute;
      /* please don't change 'position' */
      background-color: #aaa;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      -ms-border-radius: 4px;
      border-radius: 4px;
      -webkit-transition: background-color 0.2s linear;
      -moz-transition: background-color 0.2s linear;
      -o-transition: background-color 0.2s linear;
      transition: background-color 0.2s linear;
      right: 0;
      /* there must be 'right' for ps-scrollbar-y */
      width: 8px; }
  .ps-container:hover.ps-in-scrolling {
    pointer-events: none; }
    .ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
      background-color: #eee;
      opacity: 0.9; }
      .ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
        background-color: #999; }
    .ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
      background-color: #eee;
      opacity: 0.9; }
      .ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
        background-color: #999; }
  .ps-container:hover > .ps-scrollbar-x-rail,
  .ps-container:hover > .ps-scrollbar-y-rail {
    opacity: 0.6; }
  .ps-container:hover > .ps-scrollbar-x-rail:hover {
    background-color: #eee;
    opacity: 0.9; }
    .ps-container:hover > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x {
      background-color: #999; }
  .ps-container:hover > .ps-scrollbar-y-rail:hover {
    background-color: #eee;
    opacity: 0.9; }
    .ps-container:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y {
      background-color: #999; }

.ps-container>.ps-scrollbar-y-rail {
	opacity: 0.6;
}

.tag-box, .rpt-tag-box {
	padding: 0 5px; 
	border:1px solid; 
	border-color: #e4e4e4;
	background-color:white;
}

.tag-list {
	vertical-align: middle; 
	height: 31px;
	display: table-cell; 
	position: relative;
}

.add-tag-link {
	cursor: pointer; 
	color: #009EEC; 
	font-size: 16px; 
	float:left;  
	white-space:nowrap; 
	height:31px;
	line-height: 31px;
	padding: 0 2px;
}
div.tag-list div.btn-entity {
   margin-top: 2px;
   margin-bottom: 1px;
}

.tag-scroller {
	overflow: auto;
	height: 60px;
}

.add-table {
	width: 100%;
}

.add-tag-box-position {
	display:none; 
	position:absolute; 
	width: 240px; 
	border: 1px solid #cccccc; 
	z-index: 2000; 
	background: white; 
	box-shadow: 4px 4px 10px #B5B5B5;
}

.addtag-add-box {
	border: 1px solid #cccccc; 
	padding: 4px 0px 4px 4px; 
	width: 130px; 
	height:20px; 
	color: #666666; 
	font-size: 15px; 
	margin: 6px;
}

.addtag-add-divider{
	background-color:#f2f2f2; 
	color:#CCCCCC; 
	height:1px; 
	border: 0; 
	margin-top: 3px; 
	margin-bottom: 4px; 
	width: 100%;
}

.addtag-box-close {
	font-size: 16px; 
	position: absolute; 
	right: 20px; 
	top: 6px; 
	color: #CCCCCC; 
	cursor: pointer;	
}

.addtag-tags {
	height:175px; 
	padding-top: 5px; 
	overflow: auto; 
	overflow-x: hidden; 
	-ms-overflow-x: hidden;
}

.addtag-text {
	font-size: 14px; 
	font-color: #666666;
	padding-left: 25px; 
	padding-top: 4px;
	padding-bottom: 4px; 
	cursor: pointer;
}

.addtag-text-hl {
	font-size: 14px; 
	font-color: #666666;
	padding-left: 25px; 
	padding-top: 4px; 
	padding-bottom: 4px; 
	cursor: pointer; 
	background-color: #EBEBEB; 
}

.toTopLink {
	text-decoration:none;
	position:fixed;
	bottom:48%;
	right:50px;
	display:block;
	cursor:pointer;
	outline: none; border: none; text-decoration:none;
}

div.toTopPlugin {
	position: fixed;
	right: 50px;
	z-index: 1000;
}
a.toTopPluginLink {
	text-decoration: none;
	outline: none;
	border: none;
}

.toTopImage{ outline: none; border: none; text-decoration:none; }

.toTopLink:focus{ outline: none; border: none; text-decoration:none; }

.toTopLink:visited{ outline: none; border: none; text-decoration:none; }

.toTopLink:hover{ outline: none; border: none; text-decoration:none; }

.toTopLink:active{ outline: none; border: none; text-decoration:none; }
.createFolder {
	background-color:#f9f9f9;
	position:relative;
}

.advancedSettings {
	display:none;
    height: 180px;
    overflow: auto;
}

.createFolder .folderTabs {
	height:40px;
	background-color:white;
	border-bottom:1px solid #efefef;
	padding-left:15px;
}

.createFolder .folderTabs div {
	display:inline-block;
	padding: 10px 0;
	margin: 0 10px;
}

.createFolder .folderTabs .selectedTab {
	border-bottom:5px solid #009EEC;
}


.createFolder .details {
	padding-top:5px;
	margin-top: 20px;
	padding-left:25px;
	padding-right: 28px;
}

.createFolder .folderHiereachyContainer {
	margin-top:20px;
}

.createFolder .folderName, .createFolder .folderDescription {
	padding:5px 0;
}

.createFolder .optionView {
	padding:5px 0;
	border-bottom:0;
}

.createFolder .securityContainer {
	border:2px red solid;
	background-color:white;
	padding:5px;
	margin-top: 10px;
}

.createFolder .advancedClose {
	overflow:hidden;
	clear:both;
	margin-top:5px !important;
	font-size: 14px;
}

.createFolder .advancedSettings > div {
	margin-top:25px;
}

.createFolder a {
	float:right;
}

.createFolder .deletePeriodInfo {
	float:left;
	width:470px;
}

.createFolder .deleteUnitCodeContainer {
	float:right;
}

.createFolder .deletePeriodContainer {
	padding-top:5px;
	float:left;
}

.panelContent .submitContainer {
    margin-left: 25px;
    position: absolute;
    bottom: 20px;
}

.createFolder .securityAccessListContainer {
	margin-top:15px;
}

.panelContent .submitContainer div {
	display:table-cell;
	vertical-align: middle;
	width:500px;
	height:43px;
}

.createFolder .customVersionHistory {
	display:none;
}

.createFolder .optionDescription, .createFolder .deletePeriodDesc {
	font-size:14px;
	color:#999999;
}

.createFolder .adminTable {
	width:100%;
	border-spacing: 0;
    border-collapse: separate;
	
}

.createFolder .adminTable thead {
	background-color:#009EEC;
	color:white;
}

.createFolder .adminTable th {
	text-align: left;
}

.createFolder .adminTable th.adminTableHeader {
	padding:10px;
	font-size:16px;
	text-align:center;
}

.createFolder .adminTable td {
	border-bottom:1px solid #fefefe;
}

.createFolder .accessLevelListItemAvatar img {
	width:32px;
	height:32px;
}
.createFolder .accessLevelListItemDetails {
	
}
.createFolder .accessLevelListItemDesc {
	
}
.createFolder .accessLevelListItemAccess {
	
}
.createFolder .accessLevelListItemDelete {
	text-align: center;
}

.createFolder .accessLevelListItemDelete a {
	float:none;
}

.createFolder .accessLevelListHeader {
	display: none;
	background-color: #009EEC;
    color: white;
    font-size: 18px;
    height: 40px;
	margin-top: 10px;
}

.createFolder .accessLevelListHeaderPerson {
	position: absolute;
    left: 78px;
    padding-top: 8px;	
}

.createFolder .accessLevelListHeaderApprover {
	position: absolute;
    left: 442px;
    padding-top: 8px;
}

.createFolder .accessLevelListHeaderAccess {
	position: absolute;
    left: 538px;
    padding-top: 8px;
}

.createFolder .accessLevelListContainer {
	height: 165px;
    overflow-y: auto;	
}

.createFolder .moreLessImg {
	float: right;
    margin-left: 10px;
}

.accessLevelItemText div {
	margin-left:50px;
}

.createFolder .search-people-search-box {
	margin:0;
}

.createFolder .search-box-position {
	border:none;
	width:300px;
}

.createFolder .search-box-position .search-box-close {
	display:none;
}

/* File: viewbuilder.css */
/* IMAGE REPLACEMENTS */
.i4tabon_sbqry {
	background-image: url(../images/viewbuilder/tab_sbqry_middle.png);
}

.i4tabs_sbqry_off {
	background-image: url(../images/viewbuilder/tab_sbqry_middle_off.png);
}

.i4tabspacernew {
	BACKGROUND-IMAGE: url(../images/viewbuilder/tab_sbqry_spacer.png)
}

/* LEFT NAV PANEL */

table.i4rptbuild_tbl_title {
	background-color: #009EEC;
	background-image: none;
	border: 0px;
	font-size: 18px;
	font-weight: normal;
	color: #FFFFFF;
	height: 38px;
	line-height: 38px;
	position: relative;
	padding: 0px 8px;
}

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

img#closeTables {
	display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	background-image: url(../images/viewbuilder/list_close.png);
	width: 14px;
	height: 13px;
	padding-left: 14px;
}

div#divHiddenViewTables {
    height: 536px;
    width: 21px;
    vertical-align: top;
	background-color: #009EEC;
	border: 1px solid #009EEC;
}

.i4collapsebutton {
	position: relative;
}

img#openTables{
	position: absolute;
	right: 0px;
	top: 6px;
	display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	background-image: url(../images/viewbuilder/list_open.png);
	width: 14px;
	height: 13px;
	padding-left: 14px;
	cursor : pointer;
}

div#tblListDiv, tr#filterRow {
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}

div#filterDiv table {
	background-color: #F0F0F0;
	border: 0px;
}

div#filterDiv{
	width: 100%; 
	padding: 0px; 
	border-bottom: 1px solid #CCCCCC;
}

tr#filterRow > td{
	padding: 2px; 
	border-left: #cccccc 1px solid; 
	border-right: #cccccc 1px solid; 
	background-color: #F0F0F0;
}

div.searchBar {
	padding: 0 31px 0 0px;
}

div.searchBar input {
	padding: 0 5px;
    box-sizing: border-box;
}

div#myCanvas {
	position: relative;
	width: 100%;
	background: url('../images/viewbuilder/grid.png');
	overflow: auto;
	border: 0px;
	padding: 0px;
	margin: 0px;
}

div#tblDivYellowfinVirtualTable {
	line-height: 20px;
	padding-top: 5px;
}

div.tblDiv {
	width: 100%;
	margin: 0px;
	padding : 0px;
	padding-left: 5px;
}

div.tblDiv2 {
	padding: 2px 0px;
	line-height: 20px;
	margin: 0px;
}

div.tblDiv2 img {
	padding-left: 5px;
	vertical-align: sub;
}

div.tblDiv2 span {
	padding-left: 5px;
}

div.detailDiv {
	line-height: 15px;
	padding: 5px;
	width: 100%;
}

div#showTable.i4box_home {
	border: 0px;
}

.i4box_home div#showTable, div#attachedList {
	padding-top: 5px;
	padding-left: 2px;
}

div#tablesNav table{
	background-color: #F0F0F0;
	background-image: none;
}

div#tablesNav table .i4bodytext {
	color: #666666;
}

.i4OriginContainer img, .i4StaticContainer img, .i4DestinationContainer img {
	padding-right: 5px;
	vertical-align: top;
}

div#divShowCat img, div#divShowCat.i4bodytext{
	min-height: 16px;
	min-width: 14px;
	padding-right: 5px;
	vertical-align: middle;
	line-height: 22px;
	
}

div.tableDataFooter{
	height:30px;
	background-color:#009EEC;
}

div.tableDataFooter div.tableDataFooterButton{
	cursor: pointer;
	height: 30px;
	line-height: 30px;
  	min-width: 30px;
  	position: relative;
  	color: #ffffff;
  	text-align: center;
  	border:none;
}

div.tableDataFooter div.tableDataFooterButtonLeft{
	float: left;
	border-right: 1px solid #ffffff;
}

div.tableDataFooter div.reportDataFooterButtonRight{
	float: right;
	border-left: 1px solid #ffffff;
}

div.tableDataFooter div.tableDataFooterButtonLeft img{
	margin:auto;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
}

/* This is when you are able to add a CSV table. */
div#createSSTableInner {
	text-align:center;
	height: 27px;
	background-color: #009EEC;
}

div#createSSTableInner img {
	margin-top: 5px;
	border:none;
	height: 19px;
	width: 19px;
}

/* ERD */

div#myCanvas img.tpng {
	height: 23px;
	width: 23px;
	margin: -3px;
}

.i4rpttable_prop_title, .i4rpttable_prop_title_error {
    font-size: 14px;
	font-weight: normal;
    line-height: 31px;
    color: #FFFFFF;
    padding: 0px 15px 0px 5px;
	height: 17px; 
	cursor: default;
	background-image: url(../images/viewbuilder/rpt_tableprop_mid.gif);	
}

.i4rpttable_prop_title img{
    display: block;
    position: absolute;
    top: 2px;
    right: 10px;
    cursor: pointer;    
}

.i4rpttable_prop_title_error {
	background-image: url(../images/viewbuilder/rpt_tableprop_error_mid.gif);
}

.i4viewElement, .i4viewElementError, .i4viewElementFooter, .i4viewElementFooterError {
	border : 1px solid #DDDDDD;
	border-top: 0px;
}

.i4viewElement {
	padding-top: 3px;
}

.i4viewElementError {
	padding: 2px 5px;
    font-size: 14px;
    background-color: #FFFFFF;
}

.i4viewElementFooter, .i4viewElementFooterError {
	height: 30px;
	background-color: #EEEEEE;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    position: relative;
}

.i4viewElementFooterError a {
	color: #666666;
	text-decoration: none;
	margin-left: -5px;
	font-size: 14px;
	line-height: 14px;
}

/* This is when a column name changes in the source DB */
.i4viewElement .error-link span {
	color: #CC0000
}

.i4viewElement .error-link:hover {
	color: #CC0000;
}

.i4viewElement img {
	vertical-align: middle;
	width:10px;
	height:10px;
}

.i4viewElementError img {
	width:10px;
	height:10px; 
	vertical-align: baseline;
}

.i4viewElementError .error-link span { 
	color: #CC0000;
}

.i4viewElementError .error-link:hover {
	color: #CC0000;
}

table.i4viewElementFooter td, table .i4viewElementFooterError td{
	padding: 0px;
}

.i4viewElementFooter > tbody > tr > td:first-of-type > a > img { /* IE8 */
	display:block;
	margin-right: 10px;
}

/*
We're not going to use Drop Shadows, so I've removed the Divs from mi_view_drag.jsp
.elementDiv div {
	background-color: transparent !important;
}
*/

.elementDiv table{
	min-width: 100%; 
}

.i4viewElementFooter a.i4bodytextsm {
	display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	background-image: url(../images/viewbuilder/rpt_propertiestable.gif);
	width: 29px;
	height: 30px;
	margin-left: -10px;
	font-size: 0px;
}


/* RIGHT NAV PANEL */

.i4rptbuild_tbl_title_bottomless {
	background-color: #009EEC;
	border: 0px;
	font-size: 18px;
	font-weight: normal;
	color: #FFFFFF;
	height: 38px;
	line-height: 38px;
	position: relative;
	padding: 0px 8px;
}

.i4viewbuild_options_title_open, .i4viewbuild_options_title_closed {
    font-size: 15px;
	font-weight: normal;
    color: #666666;
    background: #F0F0F0;
    border-bottom: 1px solid #CCCCCC;
	height: 30px;
	line-height: 32px;
}

.i4viewbuild_options_title_open div, .i4viewbuild_options_title_closed div{
	width: 220px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap
}

.i4viewbuild_options_title_open div.viewOptions {
	width : 210px;
}

.i4viewbuild_options {
    color: #505050;
    font-size: 14px;
    background: #F9F9F9;
	padding: 5px;
}

.i4viewbuild_options .i4ruler {
	background: #CCCCCC;
}

div#rightNavHeader {
	min-width: 250px;
}

div#rightNavMain {
	min-width: 250px;
}

div.rightNavHelper {
	width: 200px; 
	margin-right: auto; 
	margin-left: auto;
	text-align:center; 
	margin-top: 80px;
    font-size: 18px;
    color: #666666;
}

div#resizeRightNavDiv {
	background: #FFFFFF;
	cursor: default;
}

/* Table Condition Tooltip */

div#hoverDiv { 
	border: 1px solid #CCCCCC;
	border-radius: 6px;
	background-color: #F9F9F9;
}

div#innerHoverDiv {
	padding: 5px;
	line-height: 17px;
}

div#hoverDiv td.tooltipCell {
	padding : 3px 0px;
}

div#hoverDiv td.i4viewbuild_options {
	border-top: 0px;
	border-bottom: 0px;
	height: 0px;
	padding: 0px;
}

div#hoverDiv div.i4viewbuild_options {
	border-left: 0px;
	border-right: 0px;
}

div#hoverDiv table, div#hoverDiv td, div#hoverDiv hr {
	height: 0px;
	line-height: 0px;
}


/* TABS */

a.i4tabs_sbqry_off:visited, a.i4tabs_sbqry_off:link, a.i4tabs_sbqry_off {
    color: #666666;
    font-size: 15px;
	font-weight: normal;
	line-height: 38px;
}

.i4tabon_sbqry b{
    color: #FFFFFF;
    font-size: 15px;
	font-weight: normal;
	line-height: 38px;
}

/* View SQL Tab */

div#myFrame pre {
	margin: 0px;
	padding: 10px;
	font-size: 13px;
}

/* View Data TAB */

div#dataCanvas .i4tabledata {
	font-size: 14px;
}

div#dataCanvas .i4tabletitle {
	font-size: 14px;
	font-weight: normal;
}

div#dataCanvas .i4rptbuild_options {
	font-size: 14px;
	font-weight: normal;
	color: #505050;
	background-color: #F0F0F0;
}

div.i4SelectChild, div.i4SelectedNoDeleteChild {
	background-color: #F0F0F0;
	min-height: 20px;
	font-weight: normal;
	border: 0px;
}

.i4SelectChild > span > span, .i4SelectedNoDeleteChild > span > span {
	/* vertical-align: super; */
	position: absolute;
	margin-left : 5px;
}

div.dragDiv{
	min-height: 20px;
	line-height: 20px;
	font-weight: normal;
	border: 0px;
	display: inline;
	width: 180px;	   			
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	color: #000000;
	cursor: default;
	z-index: 100;
}


/* Field Edit - Step 2 */

div#editTabs {
	height: 330px;
	overflow: auto;
	visibility: hidden;
}

div#editTabs .i4tabbox, div#summaryTabs .i4tabbox {
	border : 1px solid #CCCCCC;
}

div#editTabs .i4tabon, div#summaryTabs .i4tabon {
    font-size: 15px;
    background-image: url(../images/viewbuilder/tab_sbqry_middle.png);
    border-bottom: medium none;
    background-color: #FFFFFF;
    line-height: 11px;
}

div#editTabs .i4tabon b, div#summaryTabs .i4tabon b{
    font-weight: normal;
}


div#editTabs .i4tabs_off, div#editTabs a.i4tabs_off:visited, div#editTabs a.i4tabs_off:link, div#editTabs a.i4tabs_off,
div#summaryTabs .i4tabs_off, div#summaryTabs a.i4tabs_off:visited, div#summaryTabs a.i4tabs_off:link, div#summaryTabs a.i4tabs_off {
	background-image: url(../images/viewbuilder/tab_sbqry_middle_off.png);
    color: #666666;
    font-size: 15px;
    font-weight: normal;
    line-height: 38px;
}

div#configDiv {
	width: 100%; overflow: auto; top: 0px; height: 255px;
}

/*
 This is In ie.css. Formats the Org Ref Code popup title.
.i4tabletitlefilter {
    FONT-WEIGHT: normal;
    FONT-SIZE: 20px;
    COLOR: #666;
    BACKGROUND: url(../images/viewbuilder/tab_sbqry_middle_off.png);
    height: 38px;
} */

/* Security - Step 3 */

.i4rptbuild_init_title {
	font-size: 18px;
	line-height: 18px;
	font-weight: normal;
}

.i4imgbox .i4bodytext > img {
	padding: 5px;
}

.i4imgbox .i4bodytext {
	line-height: 18px;
}

.i4viewbuild_options input[type=radio] {
	opacity: 0;
	height: 19px;
	width: 19px;
}

.i4viewbuild_options input[type=radio] + img + label {
	margin: 0px 0px 0px -40px;
	padding: 6px 0px 0px 45px;
	background: url(../images/radio_unchecked.png) left center no-repeat;
	cursor: pointer;
}

.i4viewbuild_options input[type=radio]:checked + img + label{
	background-image: url(../images/radio_checked.png);
}

div#divReportProperties input.i4shortbox {
	border: 1px solid #CCCCCC;
	color: #666666;
	font-size: 14px;
	height: 20px;
	padding: 5px;
}

div#divTableMetadata input.i4entryfield {
	border: 1px solid #CCCCCC;
	color: #666666;
	font-size: 14px;
	height: 20px;
	width: 95%;
	padding: 5px;
}

div#divReportProperties textarea.i4entryfield, div#divTableMetadata textarea.i4entryfield {
	border: 1px solid #CCCCCC;
	color: #666666;
	font-size: 14px;
	height: 40px;
	width: 95%;
	padding: 5px;
}

table.i4viewbuild_options select.i4med2box {
    width: 280px;
    padding: 5px;
    font-size: 14px;
    color: #666666;
    border: 1px solid #CCC;
    height: 30px;
    background: url(../images/multifunctiondrop.png) no-repeat right #FFFFFF;
	appearance: none;
	-moz-appearance: none;
    -webkit-appearance: none;
}

table.i4viewbuild_options select.i4med2box::-ms-expand {
    display: none; /* For IE */
}

div#resizeBar {
	width: 6px;
	background-color: #777777;
	position: absolute;
	left: 0px;
	top: 0px;
	height: 100%;
	z-index: 1000;
	display: none;
}

div#entryDiv textarea.viewSQL {
	border: 1px solid #CCCCCC;
	color: #666666;
	font-family: monospace;
	font-size: 14px;
	padding: 2px;
	margin-top: 0px;
	width: 100%;
	height: 100%;
}

#swapDSList {
	height: 20px;
	line-height: 20px;
}
.changeDataSourceLoader {
	float: left;
	width: 20px;
	height: 20px;	
}

div#MIProcessViewWizardDiv {
	height: 43px;
}

table.sourceUpdateInfoTable {
   width: 100%;
   table-layout: fixed;
   border-collapse: separate;
   border-spacing: 0 5px;
}
table.sourceUpdateInfoTable td{
    word-wrap: break-word;         
    overflow-wrap: break-word;

}


div.sourceUpdateInfo {
   background: #f0f0f0;
   border: 1px solid #c0c0c0;
   border-radius: 8px;
   padding: 15px;
   display: none;
   margin-top: 10px;
   color: #666666;
   min-height: 50px;
   font-size:14px;
}