*
{
	margin:0;
	padding:0;
}

#default
{
	color:#000;
	font:10px/12px Verdana, Helvetica, sans-serif;
	margin:0;
	padding:0;
	text-align:center;
}

#login
{
	/* background:#2691cf; */
	font:10px/12px Verdana, Helvetica, sans-serif;
	margin:0;
	padding:0;
	text-align:center;
}

#iframe
{
	color:#000;
	height:350px;
	margin:0;
	overflow:auto;
	padding:0;
	text-align:center;
	width:100%;
	font-family: Helvetica;
}

iframe
{
	border:none;
}

input[type=submit],
input[type=button],
select,
button,
img:hover
{
	cursor:pointer;
}

input
{
	border:none;
}

hr
{
	border-bottom: 1px solid #a9a9a9;
	border-left:none;
	border-right:none;
	border-top:none;
	clear:both;
	margin: 0px 5px 5px 5px;
	padding: 5px 0 5px 0;
}

input.disabled
{
	background-color:#f0f0f0;
}

label.disabled
{
	color:#bbb;
}

#container
{
	background-color:#fff;
	color:inherit;
	height:100%;
	margin:0 auto;
	min-width:1000px;
	text-align:left;
	width:100%;
}

#containerOld
{
	background-color:#fff;
	color:inherit;
	height:100%;
	margin:20px auto;
	min-width:800px;
	text-align:left;
	width:100%;
}

#container.iframe
{
	background-color:#fff;
	padding:5px 0 0 10px;
	width:98%;
}

#header
{
	background:#fff url("/images/HeaderBackground.png") repeat-x scroll 0 0;
	height:69px;
	width:100%;
}

#header div.headerInfo
{
	float:right;
	margin:0 21px 0 0;
}

#header div.subscriberInformation
{
	clear:both;
	float:right;
	margin:0 2px 0 0;
}

#header img.logo
{
	margin:0 0 0 20px;
}

#header p
{
	color:#fff;
	text-align:right;
}

#header p.welcomeMessage
{
	color:#dcdcdc;
	margin:5px 0 0 0;
}

#language
{
	float:right;
	margin:5px 0 0 0;	
}

#language ul
{
	float:right;
	height:18px;
	margin:0;
}

#language ul li
{
	display:block;
	float:left;
	height:inherit;
	list-style:none;
	margin:0 1px 0 0;
	padding:0 0 3px 0;
}

#language ul li.last
{
	margin-right:0;
}

#language ul li.enabled:hover
{
	border-bottom:3px solid #4796db;
}

#language ul li.disabled
{
	filter:alpha(opacity=50);
	-khtml-opacity:0.5;
	-moz-opacity:0.5;
	opacity:0.5;
}

#language ul li.disabled img
{
	cursor:default;
}

#language ul li a
{
	display:block;
}

#navigation
{
	/* background:#fff url("/images/NavigationBackground.png") repeat-x; */
	color:inherit;
	font: normal normal 15px/18px Helvetica;
	margin-top: 7px;
	height: 32px;
	text-align:center;
	width:100%;
}

#navigation ul
{
	color:inherit;
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	width:100%;
}

#navigation ul li
{
	/* background-image:url("/images/NavigationTabInactive.png"); */
	height: 100%;
	/* margin: 0 45px 0 0; */
	padding: 2px 20px 3px 20px;
	width:175px;
	border-right: lightgrey 1px solid;
	border-top: lightgrey 1px solid;
	text-align: center;
}

#navigation ul li:hover
{
	/* background-image:url("/images/NavigationTabHover.png"); */
	/* background: #f2f2f2; */
	/* background: -webkit-linear-gradient(rgb(208, 208, 208) , #f2f2f2 33%); */
	background: -o-linear-gradient(rgb(208, 208, 208) , #f2f2f2 33%);
	background: -moz-linear-gradient(rgb(208, 208, 208) , #f2f2f2 33%);
	background-color: #D03C3C;
	border-top: rgba(204, 204, 204, 0.41) 3px solid;
	height: 25px;
	color: white;
}

#navigation ul li:hover p a {
	line-height: 20px;
}

#navigation ul li.first
{
	margin-left: 7px;
	border-left: lightgrey 1px solid;
}

#navigation ul li.selected
{
	/* background-image:url("/images/NavigationTabActive.png"); */
	/* background-color: rgba(211, 211, 211, 0.56); */
	/* background: #f2f2f2;
	background: -webkit-linear-gradient(rgb(208, 208, 208) , #f2f2f2 33%);
	background: -o-linear-gradient(rgb(208, 208, 208) , #f2f2f2 33%);
	background: -moz-linear-gradient(rgb(208, 208, 208) , #f2f2f2 33%); */
	background: #E6E6E6 !important;
	/* background: linear-gradient(#3DA5CA , #CCE6EF 54%); */
	color: black;
	height: 25px;
	border-top: rgba(156, 156, 156, 0.14) 3px solid;
	width:175px;
}

#navigation ul li.settings
{
	/* background-image:url("/images/ButtonSettings.png"); */
	font:normal normal 12px/18px Helvetica;
	/* height:25px; */
	/* margin:6px 5px 0 0; */
	/* width:78px; */
	border: none;
}

#navigation ul li.settings:hover
{
	/* background-image:url("/images/ButtonSettingsHover.png"); */
	height:25px;
	width:78px;
}

#navigation ul li.logout
{
	/* background-image:url("/images/ButtonLogout.png"); */
	font:normal normal 12px/18px Helvetica;
	height:25px;
	margin: 0px 22px 0 0;
	border: none;
	width:78px;
}

#navigation ul li.logout:hover
{
	background-image:url("/images/ButtonLogoutHover.png");
	height:25px;
	width:78px;
}

#navigation ul li.floatleft
{
	float:left;
	background-color: #F1F1F1;
	/* color: black; */
}

#navigation ul li.floatRight
{
	float:right;
}

#navigation ul li p
{
	font-color:#fff;
	padding:4px 0 0 0;
}

#navigation ul li p a
{
	color:#fff;
}

#navigation ul li p,
#navigation ul li p a
{
	display:block;
	height: 23px;
	line-height: 24px;
	text-decoration:none;
	width:100%;
}

#navigation ul li p.selected
{
	color: black;
	cursor:default;
	padding:3px 0 0 0;
}

#navigation ul li p a:link,
#navigation ul li p a:visited
{
	color: rgb(115, 115, 115);
	text-decoration:none;
}

#navigation ul li.settings p,
#navigation ul li.logout p
{
	margin:-2px 0 0 0;
	padding:0;
}

#navigation ul li.settings p a:link,
#navigation ul li.settings p a:visited,
#navigation ul li.logout p a:link,
#navigation ul li.logout p a:visited
{
	color:#fff;
	text-decoration:none;
}

#navigation ul li p a:hover
{
	/* color:#565656; */
}

#navigation ul li p span.recordCountSpinner
{
	margin:-1px 0 0 12px;
}

#content
{
	background-color:#fff;
	float:left;
	height: 100%;
	text-align:left;
	width:100%;
}

#loginError,
#loginMessage
{
	height:auto;
	width:100%;
}

#loginError .error,
#loginMessage .success
{
	margin:20px auto;
	width:365px;
}

#loginContainer
{
	font:normal normal 14px/18px Helvetica;
	height:100%;
	margin:0;
	text-align:left;
	width:100%;
}
#loginForm  h2.maintenance{
	text-align:center;
	color:#FFFFFF;
	font-size:medium;
	padding:5px;
	margin-top:30px;
}
#loginForm h3.maintenance{
	text-align:center;
	color:#FFFFFF;
	font-size:small;
	padding:5px
}
#loginContainer .loginGradient
{
	/* background-image:url("/images/LoginBackgroundGradient.png"); */
	height:725px;
	position:absolute;
	width:100%;
}

#loginContainer .loginHeader
{
	height:auto;
	width:100%;
}

#loginContainer .loginHeader div.headerInfo
{
	display: none;
	/* float:right; */
	/* margin:10px 21px 0 0; */
}

#loginContainer .loginHeader img.logoHeader
{
	margin: 20px auto 0 auto;
	display: block;
	padding-right: 30px;
	/* position: absolute; */
}

#loginContainer .loginPanel
{
	/* background-image:url("/images/LoginPanel.png"); */
	/* background-repeat:no-repeat; */
	height: 430px;
	border: 1px lightgrey solid;
	margin: 50px auto 0 auto !important;
	width: 350px;
	border-radius: 3px;
}

#loginContainer .loginPanel img.logoLoginPanel
{
	/* margin:62px 0 0 120px; */
}

#loginContainer .loginFields
{
	/* margin:0 0 0 120px; */
	width: 350px;
}

#loginContainer form
{
	width: inherit;
}

#loginContainer form label
{
	text-align:left;
	width:269px;
}

#loginContainer form input
{
	font:normal normal 14px/18px Helvetica;
	-webkit-appearance: none;
}

#loginContainer form input.field
{
	background-color:#e3e3e3;
	border: 1px solid lightgrey;
	border-radius: 2px;
	float:left;
	height:27px;
	margin: 2px 25px 0 25px;
	-moz-border-radius: 2px;
	padding:0 0 0 3px;
	-webkit-border-radius: 2px;
	width: 297px;
}

#loginContainer .forgotPasswordFields
{
	/* margin:0 0 0 120px; */
	/* margin-top: 20px; */
	width:300px;
}

#loginContainer .forgotPasswordFields p.note
{
	clear:both;
	padding:3px 0 0 3px;
	margin-left: 12px;
	margin-top: 70px;
	width:269px;
	text-align: center;
}

#loginContainer .forgotPasswordFields input.field
{
	/* margin:2px 0 0 0; */
	margin-top: 7px;
}

#loginContainer form .loginButtons,
#loginContainer form .forgotPasswordButtons
{
	clear:both;
}

#loginContainer form .loginButtons
{
	height:40px;
}

#loginContainer form .forgotPasswordButtons
{
	/* height:32px; */
	padding:8px 0 0 0;
	margin: 35px auto;
	width: 300px;
	margin-left: 25px;
}

#loginContainer form .forgotPassword
{
	margin: 40px 0 0 0;
	text-align:center;
}

#loginContainer .changePasswordFields
{
	height:150px;
	margin:10px 0 0 15px;
	width:auto;
}

#loginContainer form img.loginSpinner
{
	/* cursor:wait; */
	/* float:right; */
	/* height:16px; */
	/* margin:17px -85px 0 0; */
	/* position:relative; */
	/* width:16px; */
	display: none;
}

#loginContainer form input.loginButton
{
	/* background:transparent url("/images/ButtonLogin.png") no-repeat; */
	color: #E6E6E6;
	font-weight: bold;
	background-color: #075f7e;
	/* float:right; */
	height: 29px;
	border: 1px solid rgb(0, 109, 162);
	margin: 25px 25px 0 25px;
	/* position: absolute; */
	width: 300px;
	/* display: block; */
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	border-radius:0;
	/* box-shadow: 1px 1px 1px 0px rgba(0, 109, 162, 0.56); */
}

#loginContainer form input.loginButton:hover
{-moz-box-shadow: inset 0 0 1px #000000;-webkit-box-shadow: inset 0 0 1px #FFFFFF;box-shadow: inset 0 0 1px #FFFFFF;border: 1px white;}

#loginContainer form img.loginButtonImage
{
	color: #E6E6E6;
	cursor: wait;
	/* float:right; */
	/* height:33px; */
	/* margin:8px -2px 0 0; */
	position:relative;
	text-align: center;
	/* width:94px; */
	font-weight: bold;
	background-color: rgb(70, 149, 207);
	/* float: right; */
	height: 29px;
	/* border: 1px solid rgb(0, 109, 162); */
	margin: 25px 25px 0 25px;
	line-height: 25px;
	/* position: absolute; */
	width: 300px;
}

#loginContainer form img.loginButtonImage:hover
{
	cursor:wait;
}

#loginContainer form p.loginButtonImageText
{
	/* color:#fff; */
	/* cursor:wait; */
	/* float:right; */
	/* margin:15px -64px 0 0; */
	/* position:relative; */
	display: none;
}

#loginContainer form input.requestNewPasswordButton
{
	/* background:transparent url("/images/ButtonLogin.png") no-repeat; */
	color: #2692D0;
	/* float: left; */
	height: 29px;
	margin: 0 auto 0 auto;
	border: 1px solid;
	background-color: white;
	-webkit-border-radius: 0;
	border-radius:0;
	-webkit-appearance: none;
	width:94px;
}

#loginContainer form input.requestNewPasswordButton:hover
{
	/* background:transparent url("/images/ButtonLoginHover.png") no-repeat; */
	color: white;
	background-color: #2692D0;
}

#loginContainer form input.cancelButton
{
	/* background:transparent url("/images/ButtonLogin.png") no-repeat; */
	color: black;
	background-color: white;
	float:right;
	height: 29px;
	margin:0 -2px 0 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	-webkit-appearance: none;
	width:94px;
	border: 1px solid grey;
}

#loginContainer form input.cancelButton:hover
{
	/* background:transparent url("/images/ButtonLoginHover.png") no-repeat; */
	color: white;
	background-color: grey;
	float: right;
	height: 29px;
	margin: 0 -2px 0 0;
	width: 94px;
	border: 1px solid grey;
}

#loginContainer form input.rememberMe
{
    float:left;
    margin: 5px 5px 0 25px;
    display: inline-block;
    /* text-align: center; */
    -webkit-appearance: checkbox !important;
    width:auto;
}



#loginContainer form label.rememberMe
{
	/* color:#fff; */
	/* float:left; */
	/* padding: 0px 0 0px 5px; */
	display: inline-block;
	font-size: 13px;
	/* width:auto; */
	margin: 3px 0px 0;
}

#loginContainer form input.changeButton
{
	display:inline;
	filter:alpha(opacity=100);
	float:right;
	font-weight:bold;
	height:22px;
	-khtml-opacity:1;
	margin:5px 18px 0 0;
	-moz-opacity:1;
	opacity:1;
	text-align:center;
	text-shadow:#fff 1px 1px 1px;
}

#loginContainer form input.changeButton
{
	background:transparent url("/images/LoginButtonChange.gif") no-repeat;
	width:100px;
}
span.changeButton
{
	float:left;
	margin-left:-75px;
	font-weight:bold;
	margin-top:3px;
	
}
img.changeButton
{
	float:left;
	}

a.changeButton:link,
a.changeButton:visited,
a.changeButton:hover,
a.changeButton:active
{
	text-decoration:none;
	color:#000000;
}
#loginContainer form input.changeButton:hover
{
	filter:alpha(opacity=70);
	-khtml-opacity:0.7;
	-moz-opacity:0.7;
	opacity:0.7;
}

#loginContainer a:link,
#loginContainer a:visited,
#loginContainer a:hover,
#loginContainer a:active
{
	/* border-style:solid; */
	border-width:0 0 1px 0;
	color: #B9B6B6;
	filter:alpha(opacity=100);
	-khtml-opacity:1;
	-moz-opacity:1;
	opacity:1;
	text-decoration:none;
}

#loginContainer a:hover
{
	border-style:solid;
	border-width:0 0 1px 0;
	filter:alpha(opacity=70);
	-khtml-opacity:0.7;
	-moz-opacity:0.7;
	opacity:0.7;
}

#loginContainer form a.changePasswordButton
{
	display:block;
	float:left;
	margin:12px 0 0 0;
}

#loginContainer form a.changePasswordButton
{
	margin-left:20px;
}

.accordionPreferences
{
	width:auto;
	margin:10px 10px 10px 10px;
}

.accordionPreferences h3
{
	padding-left:25px;
}

.accordionPreferences fieldset.noBorder
{
	border:none;
}

.accordionPreferences fieldset p
{
	clear:both;
}

.accordionPreferences fieldset p.columnHeadings
{
	display:inline;
	float:left;
	font-weight:bold;
	text-align:left;
	width:470px;
}

.accordionPreferences fieldset p.columnHeadings span.column1
{
	margin:0 0 0 153px;
}

.accordionPreferences fieldset p.columnHeadings span.column2
{
	margin:0 0 0 125px;
}
fieldset p.columnHeadings span.column1
{
	margin:0 0 0 153px;
	float:left;
}

fieldset p.columnHeadings span.column2
{
	margin:0 475px 0 125px;
	float:right;
}
.accordionPreferences select.uiDisplayTabNames
{
	float:left;
	margin:3px 5px 0 -6px;
	width:18px;
}

#mailServerPortNumberInbound,
#mailServerPortNumberOutbound,
#ldapServerPortNumber
{
	width:40px;
}

#navigation ul li p span.recordCountSpinner
{
	margin:-1px 0 0 12px;
}

#searchForm,
#detailForm,
#preferencesForm
{
	/*background-color:#2792d0;*/
	background-color: #E6E6E6;
	/*background-color: #CCE6EF;*/
	float:right;
	padding:0 0 0 0;
	position:relative;
	vertical-align:middle;
	width:100%;
	z-index:1;
}

#searchForm .searchFormGradient,
#detailForm .detailFormGradient,
#preferencesForm .preferenceFormGradient
{
	/* background-image:url("/images/SearchFormBackgroundGradient.png"); */
	background-color: #E2E2E2;
	border-top: #C7C7C7 1px solid;
	border-bottom: rgb(191, 191, 191) 1px solid;
	bottom: 0px;
	position:absolute;
	width: 100%;
	height: 30px;
	z-index:-1;
}

#detailForm,
#preferencesForm
{
	height:58px;
	padding:4px 0 0 0;
}

#searchForm .searchContainer
{
	float: left;
	margin: 0px 0 0px 50px;
	padding: 6px 0 0px 0;
	width:850px;
}

#searchForm .searchClauses
{
	float:left;
}

#searchForm .searchClause
{
	float:left;
	height:22px;
	margin: 0 16px 3px 0;
	padding:2px 0 0 0;
	z-index:2;
}

#searchForm select.menu
{
	float:left;
	margin:5px 10px 0 0;
	width:120px;
}

#searchForm select.menuSearchField
{
	width:200px !important;
}

#searchForm select.menuSearchField option.menuSearchFieldDefault
{
	padding:0 0 0 3px !important;
}

#searchForm form.search
{
	height:inherit;
}

#searchForm .search input
{
	float:left;
	margin:0 0 0 3px;
}

#searchForm form.search .functionButtons
{
	float:left;
	width:100px;
}

#searchForm form.search .functionButtons .addNew
{
	/* background:url("/images/SearchFormButtonNew.png") no-repeat 0 0; */
	/* height: 19px; */
	margin:5px 0 0 3px;
	background: white;
	border: 1px solid #B7B4B4;
	color: #000;
	font: bold 12px/14px Helvetica;
	height: 21px;
	width: 80px;
	/* margin-top: -1px !important; */
	/* width: auto; */
}

#searchForm form.search .functionButtons .addNew:hover
{
	/* background:url("/images/SearchFormButtonNew.png") no-repeat 0 0; */
	border: lightgrey 2px solid;
	margin: 4px 0 0 2px;
}

#searchForm form.search .functionButtons .addNew a
{
	display:block;
	font:normal normal 12px/14px Helvetica;
	font-weight:bold;
	height: auto;
	margin:0 0 0 26px;
	padding:4px 0 0 0;
	width:inherit;
	text-decoration:none;
}

#searchForm form.search .functionButtons .addNew a:link,
#searchForm form.search .functionButtons .addNew a:visited,
#searchForm form.search .functionButtons .addNew a:hover
{
	color:#000;
	text-decoration:none;
}

#searchForm form.search .searchContainer select.menu option
{
	color:#000;
	padding-left:10px;
}

#searchForm form.search .searchContainer select.menu optgroup
{
	color:#777;
	font-style:normal;
	font-weight:bold;
	text-indent:4px;
}

#searchForm form.search .searchContainer select.menu optgroup
{
}

#searchForm form.search .searchContainer .menuSearchTypeText
{
	display:inline;
}

#searchForm form.search .searchContainer .menuSearchTypeDate
{
	display:none;
}

#searchForm form.search .searchContainer .menuSearchTypeActive
{
	display:none;
}


#searchForm form.search .searchContainer .searchField
{
	/* background:url("/images/SearchFormField.png") no-repeat 0 0; */
	float:left;
	height:19px;
	margin: 4px 0 0px 0;
	width:238px;
}

#searchForm form.search .searchContainer .searchField .searchOff
{
	/* background:url("/images/SearchFormFieldSearchOff.png") no-repeat 0 0; */
	float:left;
	height:19px;
	margin:0 0 0 207px;
	width:31px;
}

#searchForm form.search .searchContainer .searchField .searchOn
{
	float:left;
	height:19px;
	margin:0 0 0 207px;
	width:31px;
}

#searchForm form.search .searchContainer .searchField .searchOn input,
#searchForm form.search .searchContainer .searchField .searchOff input
{
	background-color:white;
	margin:0 0 0 -202px;
	outline:none;
	border: lightgrey 1px solid;
	padding: 2px 0 2px 4px;
}

#searchForm form.search .searchContainer .searchField .searchOn input
{
	width:200px;
	webkit-border-radius: 0;
	border-radius: 0;
	-webkit-appearance: none;
}

#searchForm form.search .searchContainer .searchField .searchOff input
{
	width:220px;
}

#searchForm form.search .searchFilter
{
	width: 31px; 
	background: url("/images/SearchFormFieldSearchOn.png") no-repeat scroll 0pt 0pt transparent; 
	float: right;
}

#searchForm form.search .searchContainer .searchField .searchOn .searchAll
{
	/* background:url("/images/SearchFormFieldSearchOn.png") no-repeat 0 0; */
	/* float:left; */
	/* height: 21px; */
	/* margin: 0px; */
	/* padding:0; */
	/* border: none; */
	/* position:absolute; */
	/* width: 23px; */
}

#searchForm form.search .searchContainer .searchField .searchAll input
{
	height:19px;
	margin:0;
	webkit-border-radius: 0;
	border-radius: 0;
	-webkit-appearance: none;
	width:31px;
}

#searchForm form.search .searchAll input
{
	    /* background: url("/images/SearchFormFieldSearchOn.png") no-repeat 0 0; */
	    /* background: #48bbff url("/images/SearchFormFieldSearchOn.png") no-repeat 4px 3px !important; */
	    float: left;
	    height: 21px !important;
	    margin: 0px;
	    /* background: url(/images/magnify_up.png);*/
	    background-image: url(/images/magnify_up.svg), none;
	    padding: 0;
	    border-left: 1px transparent !important;
	    /* border-bottom: 1px transparent !important; */
	    position: absolute !important;
	    /* border: none !important; */
	    width: 20px !important;
	    background-size: cover !important;
}

#searchForm form.search .searchAll input:hover
{
	    /* background: url("/images/SearchFormFieldSearchOn.png") no-repeat 0 0; */
	    /* background: #0090B1 url("/images/SearchFormFieldSearchOn.png") no-repeat 4px 3px !important; */
	   /* background: url(/images/magnify_down.png);*/
	    background-image: url(/images/magnify_down.svg), none;
}


#searchForm form.search .searchContainer .searchFieldButton
{
	float:left;
	height:19px;
	margin:4px 0 0 0;
	padding:0;
	width:368px;
}

#searchForm form.search .searchContainer .searchFieldButton input
{
	background:url("/images/SearchFormButtonSearch.png") no-repeat 0 0;
	float:right;
	height:19px;
	margin:0;
	width:25px;
}


#searchForm form.search .searchContainer .searchField label,
#searchForm form.search .searchContainer .searchFieldSearch label
{
	font-size:10px;
	font-weight:bold;
	line-height:16px;
	margin:0 4px 4px 0;
}

#searchForm form.search .searchContainer .searchField img.ui-datepicker-trigger
{
	filter:alpha(opacity=0);
	float:left;
	height:16px;
	-khtml-opacity:0;
	-moz-opacity:0;
	opacity:0;
	padding:1px 3px 0 0;
	width:16px;
}

#searchForm form.search .searchContainer .addRemoveSearchTerms
{
	float:left;
	margin: 9px 0 0 0px;
	width: 30px;
}

#searchForm form.search .searchContainer .addRemoveSearchTerms img.add
{
	margin:0;
}

#searchForm form.search .searchContainer .searchButtons
{
	float:right;
	width: 167px;
	margin:5px 28px 0 0;
}

#searchForm form.search .searchContainer .searchButtons .resetButton
{
	/* background:url("/images/SearchFormButtonReset.png") no-repeat 0 0; */
	float:left;
	height:22px;
	width: 80px;
}

#searchForm form.search .searchContainer .searchButtons .resetButton:hover
{
	background:url("/images/SearchFormButtonResetHover.png") no-repeat 0 0;
}

#searchForm form.search .searchContainer .searchButtons .historyButton
{
	/* background:url("/images/SearchFormButtonHistory.png") no-repeat 0 0; */
	float: right; 
	height:22px;
	width: 80px;
	
	
	/* text-align: center; */

}



#searchForm form.search .searchContainer .searchButtons .historyButton input.history
{
	background: #fff url("/images/DataTableHeaderSortDescending.png") no-repeat 65px center !important;
	padding-right: 7px !important;
}

#searchForm form.search .searchContainer .searchButtons .historyButton input.history:hover
{
	background: #fff url("/images/DataTableHeaderSortDescending.png") no-repeat 64px center !important;
}

#searchForm form.search .searchContainer .searchButtons .resetButton input.reset,
#searchForm form.search .searchContainer .searchButtons .historyButton input.history
{
	background: white;
	border: lightgrey 1px solid;
	font:normal normal 12px/14px Helvetica;
	font-weight:bold;
	height:inherit;
	margin: 0px 0 0 0;
	padding: 0 0 0 0px;
	webkit-border-radius: 0;
	border-radius: 0;
	-webkit-appearance: none;
	text-align: center;
	width:inherit;
}
#searchForm form.search .searchContainer .searchButtons .resetButton input.reset:hover,
#searchForm form.search .searchContainer .searchButtons .historyButton input.history:hover
{
	border: lightgrey 2px solid;
}


#searchForm .functionButtons,
#detailForm .functionButtons,
#preferencesForm .functionButtons
{
	margin: 3px 0 0 17px;
	padding:4px 0 0 0;
}

#searchForm .functionButtons input.selectTickedButton,
#searchForm .functionButtons input.deleteTickedButton,
#searchForm .functionButtons input.assignEMailJob,
#searchForm .functionButtons input.unassignEMailJob,
#searchForm .functionButtons input.orphanModeOnButton,
#searchForm .functionButtons input.orphanModeOffButton,
#searchForm .functionButtons input.addButton,
#searchForm form.search .searchContainer .searchButtons input.allButton,
#searchForm form.search .searchContainer .searchButtons input.refineButton
{
	filter:alpha(opacity=100);
	-khtml-opacity:1;
	-moz-opacity:1;
	opacity:1;
}

#searchForm .functionButtons input.selectTickedButton:hover,
#searchForm .functionButtons input.deleteTickedButton:hover,
#searchForm .functionButtons input.assignEMailJob:hover,
#searchForm .functionButtons input.unassignEMailJob:hover,
#searchForm .functionButtons input.addButton:hover,
#searchForm .functionButtons input.orphanModeOnButton:hover,
#searchForm .functionButtons input.orphanModeOffButton:hover,
#searchForm .functionButtons img:hover,
#searchForm form.search .searchContainer .searchButtons img.refineButton,
#searchForm form.search .searchContainer .searchButtons input.allButton:hover,
#searchForm form.search .searchContainer .searchButtons input.refineButton:hover
{
	filter:alpha(opacity=90);
	float:left;
	-khtml-opacity:0.9;
	-moz-opacity:0.9;
	opacity:0.9;
}

#searchForm .functionButtons img.selectTickedButton,
#searchForm .functionButtons img.deleteTickedButton,
#searchForm .functionButtons img.assignEMailJob,
#searchForm .functionButtons img.unassignEMailJob
{
	filter:alpha(opacity=70);
	float:left;
	-khtml-opacity:0.7;
	-moz-opacity:0.7;
	opacity:0.7;
}

#searchForm .functionButtons input.selectTickedButton,
#searchForm .functionButtons input.deleteTickedButton,
#searchForm .functionButtons input.assignEMailJob,
#searchForm .functionButtons input.unassignEMailJob,
#searchForm .functionButtons input.addButton,
#searchForm .functionButtons input.orphanModeOnButton,
#searchForm .functionButtons input.orphanModeOffButton,
#searchForm .functionButtons img
{
	float:left;
	margin:3px 0 0 3px;
}

#searchForm .selectButtons img
{
	cursor:default;
}

#searchForm form.search .searchContainer .searchButtons input.allButton
{
	margin:0 5px 0 5px;
}

#searchForm form.search .searchContainer .searchButtons img.refineButton,
#searchForm form.search .searchContainer .searchButtons input.refineButton,
#searchForm form.search .searchContainer .searchButtons input.resetButton,
#searchForm form.search .searchContainer .searchButtons input.historyButton
{
	margin:0 5px 0 0;
}

#searchHistoryMenu
{
	width:366px;
	z-index:4;
}

#searchHistoryMenu li
{
	border-style:dotted;
	border-width:0 0 1px 0;
}

#searchHistoryMenu li.last
{
	border-style:none;
	border-width:0;
}

#searchHistoryMenu li.noSearchHistory
{
	padding:5px 0 5px 5px;
}

#searchHistoryMenu li a
{
	font-weight:bold;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

#searchHistoryMenu li span.indent
{
	float:left;
	width:30px;
}

#searchHistoryMenu li span.noSearchHistory
{
	font-style:italic;
	font-weight:bold;
}

#searchFiltersLeftContainer
{
	float:left;
	margin: 10px 0 7px 50px;
}

#searchFiltersRightContainer
{
	float:left; 
	margin: 10px 0px 4px 30px;
}

#searchFiltersLeftContainer p.disabled,
#searchFiltersRightContainer p.disabled
{
	filter:alpha(opacity=50);
	-khtml-opacity:0.5;
	-moz-opacity:0.5;
	opacity:0.5;
}

#searchFiltersLeftContainer p.actionsMenu
{
	float:left;
	margin: 0 60px 0px 0px;
	/* padding: 10px 0 10px 0; */
}

#searchFiltersLeftContainer p.actionsMenu select
{
	margin:0;
	width:260px;
}

#searchFiltersLeftContainer p.actionsMenu select option
{
	padding:0 0 0 6px !important;
}

#searchFiltersLeftContainer p.actionsMenu select option.menuActionDefault
{
	padding:0 0 0 3px !important;
}


#searchFiltersRightContainer .displayChoiceCheckBox
{
	float:left;
	height:17px;
	margin:0 8px 0 0;
	width:auto;
}

#searchFiltersRightContainer .displayChoiceCheckBox:hover
{
	cursor:pointer;
	filter:alpha(opacity=80);
	-khtml-opacity:0.8;
	-moz-opacity:0.8;
	/* opacity:0.8; */
}

#searchFiltersRightContainer .checkBoxKnownOn,
#searchFiltersRightContainer .checkBoxMightKnowOn,
#searchFiltersRightContainer .checkBoxDoNotKnowOn,
#searchFiltersRightContainer .checkBoxKnownOff,
#searchFiltersRightContainer .checkBoxMightKnowOff,
#searchFiltersRightContainer .checkBoxDoNotKnowOff
{
	float:left;
	height:inherit;
	width:35px;	
}

#searchFiltersRightContainer .checkBoxKnownOn
{
	background:url("/images/SearchFormButtonKnownOn.png") no-repeat 0 0;
}

#searchFiltersRightContainer .checkBoxMightKnowOn
{
	background:url("/images/SearchFormButtonMightKnowOn.png") no-repeat 0 0;
}

#searchFiltersRightContainer .checkBoxDoNotKnowOn
{
	background:url("/images/SearchFormButtonDoNotKnowOn.png") no-repeat 0 0;
}

#searchFiltersRightContainer .checkBoxKnownOff
{
	background:url("/images/SearchFormButtonKnownOff.png") no-repeat 0 0;
}

#searchFiltersRightContainer .checkBoxMightKnowOff
{
	background:url("/images/SearchFormButtonMightKnowOff.png") no-repeat 0 0;
}

#searchFiltersRightContainer .checkBoxDoNotKnowOff
{
	background:url("/images/SearchFormButtonDoNotKnowOff.png") no-repeat 0 0;
}

#searchFiltersRightContainer .checkBoxKnownLabel,
#searchFiltersRightContainer .checkBoxMightKnowLabel,
#searchFiltersRightContainer .checkBoxDoNotKnowLabel
{
	float:right;
	width:auto;
	margin: 0 1px 0 3px;
}
/*
#searchFiltersRightContainer .checkBoxKnownLabel
{
	background:url("/images/SearchFormButtonKnownMiddle.png") repeat-x 0 0;
}

#searchFiltersRightContainer .checkBoxMightKnowLabel
{
	background:url("/images/SearchFormButtonMightKnowMiddle.png") repeat-x 0 0;
}

#searchFiltersRightContainer .checkBoxDoNotKnowLabel
{
	background:url("/images/SearchFormButtonDoNotKnowMiddle.png") repeat-x 0 0;
}

#searchFiltersRightContainer .checkBoxKnownEndCap,
#searchFiltersRightContainer .checkBoxMightKnowEndCap,
#searchFiltersRightContainer .checkBoxDoNotKnowEndCap
{
	float:left;
	height:inherit;
	width:8px;
}

#searchFiltersRightContainer .checkBoxKnownEndCap
{
	background:url("/images/SearchFormButtonKnownEndCap.png") no-repeat 0 0;
}

#searchFiltersRightContainer .checkBoxMightKnowEndCap
{
	background:url("/images/SearchFormButtonMightKnowEndCap.png") no-repeat 0 0;
}

#searchFiltersRightContainer .checkBoxDoNotKnowEndCap
{
	background:url("/images/SearchFormButtonDoNotKnowEndCap.png") no-repeat 0 0;
}*/

#searchFiltersRightContainer p
{
	font:normal normal 12px/14px Helvetica;
	height:17px;
	margin:2px 4px 0 4px;
	width:auto;
}

#searchFiltersRightContainer input.searchAll
{
	background:url("/images/SearchFormButtonApply.png") no-repeat 0 0;
	color:#fff;
	font:bold 12px/14px Helvetica;
	height:17px;
	margin:0;
	width:79px;
}

#searchFiltersRightContainer input.searchAll:hover
{
	filter:alpha(opacity=80);
	-khtml-opacity:0.8;
	-moz-opacity:0.8;
	opacity:0.8;
}

#preferencesForm .saveButton,
#preferencesForm .cancelButton,
#itemSearchForm .itemSearchButton
{
	float:left;
	height:24px;
}

#itemSearchForm .Button
{
	width:24px;
}

#itemSearchForm .Search
{
    border:1px solid #ffffff;
    box-shadow:1px 1px 3px #555555;
    cursor:pointer;
    float:left;
    height:12.5px;
    margin:3px 0;
    outline:medium none;
    width:12.5px;
}

#itemSearchForm .jobSearch
{
	margin-right:0;
}

#preferencesForm .saveButton,
#itemSearchForm .itemSearchButton
{
	margin:0 0 0 3px;
}

#preferencesForm .cancelButton
{
	margin:0 0 0 6px;
}

#preferencesForm a.saveButton img,
#preferencesForm a.cancelButton img
{
	filter:alpha(opacity=100);
	-khtml-opacity:1;
	-moz-opacity:1;
	opacity:1;
}

#preferencesForm a.saveButton:hover img,
#preferencesForm a.cancelButton:hover img
{
	filter:alpha(opacity=90);
	-khtml-opacity:0.9;
	-moz-opacity:0.9;
	opacity:0.9;
}

#isBetweenDates
{
	color:#777;
}

#ui-datepicker-div
{
	margin:16px 0 0 0;
}

.searchFormSpinner
{
	background:black;
	filter:alpha(opacity=80);
	-khtml-opacity:0.8;
	-moz-opacity:0.8;
	opacity:0.8;
}

.searchFormSpinner .ui-dialog-titlebar
{
	display:none;
	opacity:1;
}

#spinnerOverlay .spinnerImage
{
	height:0;
	width:100px;
}

#spinnerOverlay p
{
	color:white;
	font:normal 18px/20px "Trebuchet MS", Verdana, sans-serif;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

#spinnerOverlay p.large
{
	margin:125px 0 0 0;
}

#spinnerOverlay p.small
{
	margin:110px 0 0 0;
}

#tableOverlay
{
	background:#000;
	filter:alpha(opacity=40);
	-khtml-opacity:0.4;
	-moz-opacity:0.4;
	opacity:0.4;
	position:absolute;
}

#invisibleOverlay
{
	
	position:absolute;
}

.ReportAlert
{
	position: relative;
	width: 400px;
	height: 50px;
	background: #fff;
	margin: 0px 800px;
	text-align : center;
	
	background: #159aea;
	/* background: -webkit-radial-gradient(center, ellipse cover, rgba(141,173,51,1) 0%, rgba(146,178,55,1) 24%, rgba(157,187,64,1) 55%, rgba(166,194,78,1) 100%);
	background: -moz-radial-gradient(center, ellipse cover, rgba(141,173,51,1) 0%, rgba(146,178,55,1) 24%, rgba(157,187,64,1) 55%, rgba(166,194,78,1) 100%);
	background: -o-radial-gradient(center, ellipse cover, rgba(141,173,51,1) 0%, rgba(146,178,55,1) 24%, rgba(157,187,64,1) 55%, rgba(166,194,78,1) 100%);
	background: -ms-radial-gradient(center, ellipse cover, rgba(141,173,51,1) 0%, rgba(146,178,55,1) 24%, rgba(157,187,64,1) 55%, rgba(166,194,78,1) 100%);
	background: radial-gradient(center, ellipse cover, rgba(141,173,51,1) 0%, rgba(146,178,55,1) 24%, rgba(157,187,64,1) 55%, rgba(166,194,78,1) 100%); */
	-moz-box-shadow: 0px 0px 40px #3aaaed;
	box-shadow: 0px 0px 40px #3aaaed;
}

.ReportAlertRed
{
	position: relative;
	width: 200px;
	height: 30px;
	background: #fff;
	margin: 0px 800px;
	text-align : center;
	
	background: #d50000;
	-moz-box-shadow: 0px 0px 40px #ff2222;
	box-shadow: 0px 0px 40px #ff2222;
}

#recordsTable
{
	clear:both;	
}

#recordsTableRows
{
	height:600px;
	overflow-x:auto;
	overflow-y:scroll;
	width:100%;
	z-index:2;
}

#recordsSearchTableRows 
{
	height:150px;
	overflow-x:auto;
	overflow-y:scroll;
	width:100%;
}

#recordsTable table.rows,
#recordsTableRows table.rows,
#recordsSearchTableRows table.rows
{
	background-color:#fff;
	border-collapse:collapse;
	float:inherit;
	table-layout:fixed;
	width:100%;
}

#recordsTable table.rows thead,
#recordsTableRows table.rows thead,
#recordsSearchTableRows table.rows thead
{
	height:25px;
	border-bottom: rgb(191, 191, 191) 1px solid;
}

#recordsTable table.rows th,
#recordsTableRows table.rows th,
#recordsSearchTableRows table.rows th
{
	font-size:11px;
	height:25px;
}

#recordsTable .tableHeaderGradient,
#recordsTableRows .tableHeaderGradient,
#recordsSearchTableRows .tableHeaderGradient
{
	background-image:url("/images/DataTableHeaderGradient.png");
	height:15px;
	pointer-events:none;
	position:absolute;
	top:195px;
	width:100%;
	z-index:1;
}

#recordsTable table.rows th.checkboxColumn,
#recordsTableRows table.rows th.checkboxColumn
{
	max-width:24px;
	min-width:24px;
	width:24px;
}

#recordsTable table.rows th.moreInfoColumn,
#recordsTableRows table.rows th.moreInfoColumn,
#recordsSearchTableRows table.rows th.moreInfoColumn
{
	max-width:20px;
	min-width:20px;
	width:20px;
}

#recordsTable table.rows th.interactionCategoryColumn,
#recordsTableRows table.rows th.interactionCategoryColumn,
#recordsSearchTableRows table.rows th.interactionCategoryColumn
{
	max-width:23px;
	min-width:23px;
	width:23px;
}

#recordsTable table.rows th.eMailOriginColumn,
#recordsTableRows table.rows th.eMailOriginColumn,
#recordsSearchTableRows table.rows th.eMailOriginColumn
{
	max-width:35px;
	min-width:35px;
	width:35px;
	
	
}

#recordsTable table.rows th.trafficLightsColumn,
#recordsTableRows table.rows th.trafficLightsColumn,
#recordsSearchTableRows table.rows th.trafficLightsColumn
{
	max-width:45px;
	min-width:45px;
	width:45px;
}

#recordsTable table.rows th.eMailAddressesColumn,
#recordsTableRows table.rows th.eMailAddressesColumn,
#recordsSearchTableRows table.rows th.eMailAddressesColumn
{
	width:18%;
}
#recordsTable table.rows th.eMailRecipientsColumn,
#recordsTableRows table.rows th.eMailRecipientsColumn,
#recordsSearchTableRows table.rows th.eMailRecipientsColumn
{
	width:175px;
	border-left: rgb(191, 191, 191) 1px solid;
}
#recordsTable table.rows th.dateColumn,
#recordsTableRows table.rows th.dateColumn,
#recordsSearchTableRows table.rows th.dateColumn
{
	max-width:161px;
	min-width:161px;
	width:161px;
}

#recordsTable table.rows th.jobColumn,
#recordsTableRows table.rows th.jobColumn,
#recordsSearchTableRows table.rows th.jobColumn
{
	max-width:100px;
	min-width:100px;
	width:100px;
}

#recordsTable table.rows th.actionColumn,
#recordsSearchTableRows table.rows th.actionColumn
{
	max-width:42px;
	min-width:42px;
	width:42px;
}

#recordsTable table.rows th.wideColumnFixedWidth,
#recordsTableRows table.rows th.wideColumnFixedWidth,
#recordsSearchTableRows table.rows th.wideColumnFixedWidth
{
	width:250px;
}

#recordsTable table.rows th.wideColumn,
#recordsTableRows table.rows th.wideColumn,
#recordsSearchTableRows table.rows th.wideColumn
{
	width:20%;
}

#recordsTable table.rows th.masterColumn,
#recordsTableRows table.rows th.masterColumn
{
	min-width:500px;
	width:40%;
}

#recordsTable table.rows th.sortOff,
#recordsTableRows table.rows th.sortOff,
#recordsSearchTableRows table.rows th.sortOff
{
	/* background:#fff url("/images/DataTableHeaderBackground.png") repeat-x left top; */
	background-color: rgba(241, 241, 241, 0.93);
	border-left: rgb(191, 191, 191) 1px solid;
}

#recordsTable table.rows th.sortOn,
#recordsTableRows table.rows th.sortOn,
#recordsSearchTableRows table.rows th.sortOn
{
	/* background:#fff url("/images/DataTableHeaderBackground.png") repeat-x left top; */
	background-color: rgba(241, 241, 241, 0.93);
	border-left: rgb(191, 191, 191) 1px solid;
}

#recordsTable table.rows th.sortNone,
#recordsTableRows table.rows th.sortNone,
#recordsSearchTableRows table.rows th.sortNone
{
	/* background:#fff url("/images/DataTableHeaderBackground.png") repeat-x left top; */
	background-color: rgba(241, 241, 241, 0.93);
	
}

#recordsTable table.rows th.sortOff,
#recordsTable table.rows th.sortOn,
#recordsTableRows table.rows th.sortOff,
#recordsTableRows table.rows th.sortOn,
#recordsTable table.rows th.sortNone,
#recordsTableRows table.rows th.sortNone
{
	font:bold 11px/16px "Lucida grande", Verdana, Helvetica, sans-serif;
	padding:2px 0 2px 3px;
	text-align:left;
}

#recordsTable table.rows th p,
#recordsTableRows table.rows th p,
#recordsSearchTableRows table.rows th p
{
	font:normal normal 14px/18px Helvetica;
	height:25px;
}

#recordsTable table.rows th p.columnName,
#recordsTableRows table.rows th p.columnName,
#recordsSearchTableRows table.rows p.columnName
{
	height:16px;
	margin:4px 0 0 0;
}

#recordsTable table.rows th p.columnName input.checkBoxToggleTicked,
#recordsTableRows table.rows th p.columnName input.checkBoxToggleTicked,
#recordsSearchTableRows table.rows p.columnName input.checkBoxToggleTicked
{
	margin:0 0 0 5px;
}

#recordsTable table.rows th p.columnSeparator img,
#recordsTableRows table.rows th p.columnSeparator img,
#recordsSearchTableRows table.rows p.columnSeparator img
{
	height:25px;
	display: none;
	-webkit-filter: contrast(0%);
	filter: contrast(0%);
}

#recordsTable table.rows th a,
#recordsTableRows table.rows th a,
#recordsSearchTableRows table.rows th a
{
	border:none;
	display:block;
	text-decoration:none;
}

#recordsTable table.rows th a:link,
#recordsTable table.rows th a:visited,
#recordsTable table.rows th a:hover,
#recordsTable table.rows th a:active,
#recordsTableRows table.rows th a:link,
#recordsTableRows table.rows th a:visited,
#recordsTableRows table.rows th a:hover,
#recordsTableRows table.rows th a:active,
#recordsSearchTableRows table.rows th a:link,
#recordsSearchTableRows table.rows th a:visited,
#recordsSearchTableRows table.rows th a:hover,
#recordsSearchTableRows table.rows th a:active
{
	color:#000;
	text-decoration:none;
}

#recordsTable table.rows th a img.sortAscending,
#recordsTableRows table.rows th a img.sortAscending,
#recordsSearchTableRows table.rows th a img.sortAscending
{
	border:none;
	float:right;
	margin:7px 2px 0 0;
}

#recordsTable table.rows th a img.sortDescending,
#recordsTableRows table.rows th a img.sortDescending,
#recordsSearchTableRows table.rows th a img.sortDescending
{
	border:none;
	float:right;
	margin:7px 2px 0 0;
}

#recordsTableRows table.rows tbody tr td.checkboxColumn,
#recordsSearchTableRows table.rows tbody tr td.checkboxColumn
{
	max-width:23px;
	min-width:23px;
	width:23px;
}

#recordsTable table.rows tbody tr td.moreInfoColumn,
#recordsTableRows table.rows tbody tr td.moreInfoColumn,
#recordsSearchTableRows table.rows tbody tr td.moreInfoColumn
{
	max-width:19px;
	min-width:19px;
	width:19px;
}

#recordsTable table.rows tbody tr td.interactionCategoryColumn,
#recordsTableRows table.rows tbody tr td.interactionCategoryColumn,
#recordsSearchTableRows table.rows tbody tr td.interactionCategoryColumn
{
	max-width:22px;
	min-width:22px;
	width:22px;
}

#recordsTable table.rows tbody tr td.eMailOriginColumn,
#recordsTableRows table.rows tbody tr td.eMailOriginColumn,
#recordsSearchTableRows table.rows tbody tr td.eMailOriginColumn
{
	max-width:34px;
	min-width:34px;
	width:34px;
}

#recordsTable table.rows tbody tr td.trafficLightsColumn,
#recordsTableRows table.rows tbody tr td.trafficLightsColumn,
#recordsSearchTableRows table.rows tbody tr td.trafficLightsColumn
{
	max-width:44px;
	min-width:44px;
	width:44px;
}

#recordsTable table.rows tbody tr td.eMailAddressesColumn,
#recordsTableRows table.rows tbody tr td.eMailAddressesColumn,
#recordsSearchTableRows table.rows tbody tr td.eMailAddressesColumn
{
	width:18%;
}
#recordsTable table.rows tbody tr td.eMailRecipientsColumn,
#recordsTableRows table.rows tbody tr td.eMailRecipientsColumn,
#recordsSearchTableRows table.rows tbody tr td.eMailRecipientsColumn
{
	width:175px;
}
#recordsTable table.rows tbody tr td.dateColumn,
#recordsTableRows table.rows tbody tr td.dateColumn,
#recordsSearchTableRows table.rows tbody tr td.dateColumn
{
	max-width:145px;
	min-width:145px;
	width:145px;
}

#recordsTable table.rows tbody tr td.jobColumn,
#recordsTableRows table.rows tbody tr td.jobColumn,
#recordsSearchTableRows table.rows tbody tr td.jobColumn
{
	max-width:100px;
	min-width:100px;
	width:100px;
}

#recordsTableRows table.rows tbody tr td.actionColumn,
#recordsSearchTableRows table.rows tbody tr td.actionColumn
{
	max-width:23px;
	min-width:23px;
	width:23px;
}

#recordsTable table.rows tbody tr td.wideColumnFixedWidth,
#recordsTableRows table.rows tbody tr td.wideColumnFixedWidth,
#recordsSearchTableRows table.rows tbody tr td.wideColumnFixedWidth
{
	width:249px;
}

#recordsTable table.rows tbody tr td.wideColumn,
#recordsTableRows table.rows tbody tr td.wideColumn,
#recordsSearchTableRows table.rows tbody tr td.wideColumn
{
	width:20%;
}

#recordsTableRows table.rows tbody tr td.masterColumn,
#recordsSearchTableRows table.rows tbody tr td.masterColumn
{
	min-width:500px;
	width:40%;
}

#recordsTable table.rows tbody tr
{
	height:16px;
}

#recordsTable table.rows tbody tr,
#recordsTableRows table.rows tbody tr,
#recordsSearchTableRows table.rows tbody tr
{
	background-color:#fff;
	border-bottom:1px solid #ececec;
}

#recordsTable table.rows tbody tr:hover,
#recordsTableRows table.rows tbody tr:hover,
#recordsSearchTableRows table.rows tbody tr:hover
{
	background-color:#d8e7f0;
}
#recordsTable table.rows tbody tr:hover select.menu,
#recordsTableRows table.rows tbody tr:hover select.menu,
#recordsSearchTableRows table.rows tbody tr:hover select.menu
{
	background-color:#d8e7f0;
}
#recordsTable table.rows tbody tr:hover ul li a,
#recordsTableRows table.rows tbody tr:hover ul li a,
#recordsSearchTableRows table.rows tbody tr:hover ul li a
{
	background-color:#d8e7f0;
}

/* NB these classes are only set via a jQuery function	*/
/*    applied to a row's check box click event			*/
#recordsTable table.rows tbody tr.selected,
#recordsTableRows table.rows tbody tr.selected,
#recordsSearchTableRows table.rows tbody tr.selected
{
	background-color:#d7edcc;
	border-bottom:1px solid #c8dcbe;
}

#recordsTable table.rows tbody tr.selected:hover,
#recordsTableRows table.rows tbody tr.selected:hover,
#recordsSearchTableRows table.rows tbody tr.selected:hover
{
	background-color:#d8e7f0;
}

#recordsTable table.rows tbody tr td,
#recordsTableRows table.rows tbody tr td,
#recordsSearchTableRows table.rows tbody tr td
{
	font:11px/16px "Lucida grande", Verdana, Helvetica, sans-serif;
	padding:3px 2px;
	text-align:left;
	vertical-align:top;
}

/*
#recordsTable table.rows tbody tr td p.longText
{
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
*/

#recordsTable table.rows tbody tr td.checkbox,
#recordsTableRows table.rows tbody tr td.checkbox,
#recordsSearchTableRows table.rows tbody tr td.checkbox
{
	text-align:center;
	vertical-align:top;
}

#recordsTable table.rows tbody tr td.image,
#recordsTableRows table.rows tbody tr td.image,
#recordsSearchTableRows table.rows tbody tr td.image
{
	text-align:center;
	vertical-align:top;
}

#recordsTable table.rows tbody tr td p:hover,
#recordsTableRows table.rows tbody tr td p:hover,
#recordsSearchTableRows table.rows tbody tr td p:hover
{
	cursor:default;
}

#recordsTable table.rows tbody tr td p.cellText,
#recordsTableRows table.rows tbody tr td p.cellText,
#recordsSearchTableRows table.rows tbody tr td p.cellText
{
	display:block;
	font:11px/13px "Lucida grande", Verdana, Helvetica, sans-serif;
	height:16px;
	line-height:16px;
	overflow:hidden;

}
#recordsTable table.rows tbody tr td p.cellText150,
#recordsTableRows table.rows tbody tr td p.cellText150,
#recordsSearchTableRows table.rows tbody tr td p.cellText150
{
	display:block;
	font:11px/13px "Lucida grande", Verdana, Helvetica, sans-serif;
	height:16px;
	line-height:16px;
	overflow:hidden;
	width:150px;
	float:left;
}
#recordsTable table.rows tbody tr td p.cellText span.indent,
#recordsTableRows table.rows tbody tr td p.cellText span.indent,
#recordsSearchTableRows table.rows tbody tr td p.cellText span.indent
{
	padding-left:5px;
}

#recordsTable table.rows tbody tr td p.channelValue,
#recordsTable table.rows tbody tr td p.internetDomain
{
	float:left;
	padding:2px 5px 0 0;
}

#recordsTable table.rows tbody tr td p.channelValue span,
#recordsTable table.rows tbody tr td p.internetDomain span
{
	background-color:#8fcbff;
	border:1px solid #8fcbff;
	border-radius:50px;
	margin:0 3px 0 0;
	-moz-border-radius:50px;  
	padding:0 5px 0 5px;
	-webkit-border-radius:50px;
}

#recordsTable table.rows tbody tr td p.channelOrphan span
{
	background-color:#e3cdcd;
	border:1px solid #e3cdcd;
}

#recordsTable table.rows tbody tr td p.channelTentative span
{
	background-color:#e3d6b9;
	border:1px solid #e3d6b9;
}

#recordsTable table.rows tbody tr td p.channelConfirmed span,
#recordsTable table.rows tbody tr td p.internetDomain span
{
	background-color:#c1d7b7;
	border:1px solid #c1d7b7;
}

#recordsTable table.rows tbody tr td p.channelFlag
{
	float:left;
	padding:0 10px 0 0;
}

#recordsTable table.rows tbody tr td.eMailOriginColumn p,
#recordsTableRows table.rows tbody tr td.eMailOriginColumn p,
#recordsSearchTableRows table.rows tbody tr td.eMailOriginColumn p
{
	font-weight:bold;
	text-align:right;
}

#recordsTable table.rows tbody tr td p.cellTextHidden,
#recordsTableRows table.rows tbody tr td p.cellTextHidden,
#recordsSearchTableRows table.rows tbody tr td p.cellTextHidden,
#recordsSearchTableRows table.rows tbody tr td div.cellTextHidden
{
	display:none;
}
#recordsSearchTableRows table.rows tbody tr td div.cellTextHidden
{
	display:none;
}
#recordsTable table.rows tbody tr td p.cellText a,
#recordsTableRows table.rows tbody tr td p.cellText a,
#recordsSearchTableRows table.rows tbody tr td p.cellText a
{
	display:block;
	height:auto;
}

#recordsTable table.rows tbody tr td p.cellText a:link,
#recordsTable table.rows tbody tr td p.cellText a:visited,
#recordsTable table.rows tbody tr td p.cellText a:hover,
#recordsTable table.rows tbody tr td p.cellText a:active,
#recordsTableRows table.rows tbody tr td p.cellText a:link,
#recordsTableRows table.rows tbody tr td p.cellText a:visited,
#recordsTableRows table.rows tbody tr td p.cellText a:hover,
#recordsTableRows table.rows tbody tr td p.cellText a:active,
#recordsSearchTableRows table.rows tbody tr td p.cellText a:link,
#recordsSearchTableRows table.rows tbody tr td p.cellText a:visited,
#recordsSearchTableRows table.rows tbody tr td p.cellText a:hover,
#recordsSearchTableRows table.rows tbody tr td p.cellText a:active
{
	color:#000;
	text-decoration:none;
}

/* NB this only works for the current table row cell - so a jQuery function	has	*/
/*    been bound at the table row level to apply this across the whole row		*/
#recordsTable table.rows tbody tr td p.cellText a:hover,
#recordsTableRows table.rows tbody tr td p.cellText a:hover,
#recordsSearchTableRows table.rows tbody tr td p.cellText a:hover
{
	color:#000;
}

#recordsTable table.rows tbody tr td p.cellText a.disableReverseColourOnHover:hover,
#recordsTableRows table.rows tbody tr td p.cellText a.disableReverseColourOnHover:hover,
#recordsSearchTableRows table.rows tbody tr td p.cellText a.disableReverseColourOnHover:hover
{
	color:#000;
}

#recordsTable table.rows tbody tr td p.cellText a span.highlightedSearchTerm,
#recordsTableRows table.rows tbody tr td p.cellText a span.highlightedSearchTerm,
#recordsSearchTableRows table.rows tbody tr td p.cellText a span.highlightedSearchTerm
{
	background-color:#fff300;
	border:1px solid #fff300;
	padding:0 2px 0 2px;
}

#recordsTable table.rows tbody tr td a.maxWidthInvisible:link,
#recordsTable table.rows tbody tr td a.maxWidthInvisible:visited,
#recordsTable table.rows tbody tr td a.maxWidthInvisible:hover,
#recordsTable table.rows tbody tr td a.maxWidthInvisible:active
{
	color:#000;
	display:block;
	text-decoration:none;
	width:100%;
}

#recordsTable table.rows tbody tr td img
{
	border:none;
	float:left;
	padding: 0 0 0 0px;
	margin:0;
}

#recordsTable table.rows tbody tr td img.showMore,
#recordsTable table.rows tbody tr td img.showMoreDisabled,
#recordsTable table.rows tbody tr td img.showLess
{
	float:left;
	margin:0;
}

#recordsTable table.rows tbody tr td img.showMoreDisabled
{
	cursor:default;
	filter:alpha(opacity=30);
	-khtml-opacity:0.3;
	-moz-opacity:0.3;
	opacity:0.3;
}

#recordsTable table.rows tbody tr td img.interactionEMail
{
	padding:1px 0 0 0;
}

#recordsTable table.rows tbody tr td img.trafficLight
{
	padding:3px 0 0 2px;
}


#recordsTable table.rows tbody tr td img.cog
{
    margin-left: -2px;
    margin-top: 3px;
    padding-right: 3px;
}
#recordsTable table.rows tbody tr td img.trafficLightRecipient {
    margin-top: 3px;
    padding-right: 3px;
}

#recordsTable table.rows tbody tr td img.confidenceJob {
    margin-top: 2px;
    padding-right: 3px;
}



ul.jobsMenu
{
	display: block;
    background-color:white;
  	
  	z-index:1000;
  	margin-left: 20px;
    margin-top: -15px;
	padding: 0;
  	
  	white-space: nowrap;
 	overflow: hidden;
 	text-overflow: ellipsis;
  	
  	position:relative;
  	width:230px;
  	border:1px solid black;
}


ul.jobsMenuTentative
{
	display: block;
    background-color:white;
  	
  	z-index:1000;
  	margin-left: 50px;
    margin-top: -15px;
	padding: 0;
  	
  	white-space: nowrap;
 	overflow: hidden;
 	text-overflow: ellipsis;
  	
  	position:relative;
  	width:230px;
  	border:1px solid black;
}

.jobsMenuTitle
{
	
  	color:#777;
  	font-weight:bold;
  	text-indent:5px;
}

.jobsMenuAction
{
	color:black;
	text-indent:10px;
	cursor:pointer;
}

#recordsTable table.rows tbody tr td img.companyFlagRed,
#recordsTable table.rows tbody tr td img.contactFlagRed
{
	float:right;
	padding:2px 2px 0 0;
}

#recordsTable table.rows tbody tr td ul.contactMenu,
#recordsTable table.rows tbody tr td ul.companyMenu
{
    margin-left: 23px;
    margin-top: -15px;
    padding: 0;
    list-style: none;
    display:none;
    position:relative;
    width: 250px;
    border:1px solid black;
}




#recordsTable table.rows tbody tr td ul.contactDetails ,
#recordsTable table.rows tbody tr td ul.companyDetails 
{
	margin:0;
  	padding: 0;
  	list-style: none;
	height:16px;
}
#recordsTable table.rows tbody tr td ul li {
  display: block;
  padding-right: 7px;

}
#recordsTable table.rows tbody tr td ul li span {
 	display: block;
  	text-decoration: none;
    overflow: hidden;
    height:20px;
    text-overflow: ellipsis;
}
#recordsTable table.rows tbody tr td ul li span.companyName
{

}
#recordsTable table.rows tbody tr td ul li span.contactDetails:hover
#recordsTable table.rows tbody tr td ul li span.companyDetails:hover
{
	display:none;
}


#recordsTable table.rows tbody tr td ul li a {
 	display: block;
  	text-decoration: none;
	color:#000000;
    overflow: hidden;

}
#recordsTable table.rows tbody tr td ul li.menuEmailGridName  a{
	color:#777;
	font-style:normal;
	font-weight:bold;
	text-indent:5px;
	padding-top:3px;
	cursor:arrow;
}
#recordsTable table.rows tbody tr td  ul li.menuEmailGridOption a{
	text-indent:10px;
}
#recordsTable table.rows tbody tr td  ul li.menuEmailGridOptionUnenabled  a{
	text-indent:10px;
	color: lightgray;
}
 #recordsTable table.rows tbody tr td li:hover ul {
  	display: block;
    background-color:white;
  	color:black;
  	z-index:1000;
} 

#recordsTable table.rows tbody tr td ul li a:hover {             
	background-color: #d8e7f0;

    z-index:1000; }
  

#recordsTable table.rows tbody tr td li:hover li {
  float: none;
  font-size: 11px;
      background-color:white;
  z-index:1000;
}
#recordsTable table.rows tbody tr td li:hover a {        
	background-color:white;
  
  z-index:1000;
  }
#recordsTable table.rows tbody tr td li:hover li a:hover { 
     
	background-color:white;

  z-index:1000;}
  
/*

#recordsTable table.rows tbody tr td select.menu
{

      border: 0px !important;  
     -webkit-appearance: none ;  
     -moz-appearance: none;  
     background: url("/images/CogWhite.png")  no-repeat; 
      background-position: 160px 2px;                
      background-color:white;
      width: 175px;                
  text-indent: 0.01px;          
      text-overflow: "";               
     font:11px/16px "Lucida grande",Verdana,Helvetica,sans-serif;
	
}
#recordsTable table.rows tbody tr td select.menu::-ms-expand {
 display: none;
 }
#recordsTable table.rows tbody tr td select.menu option.menuOptionName
{
	color:#777;
	font-style:normal;
	font-weight:bold;
	text-indent:5px;
	padding-top:3px;
	background:none repeat scroll 0 0 white;
} 
#recordsTable table.rows tbody tr td select.menu option.menuOption
{
	color:#000;

	background:none repeat scroll 0 0 white;
	text-indent:10px;
}

*/
#emailHeader
{
	border-bottom:1px solid #666;
	float:left;
	padding-top:10px;
	width:100%;
	max-height: 40vh;
    overflow: auto;
}

#emailHeader p span
{
	color:#000;
	float:left;
	height:18px;
}

#emailHeader p span.emailLabel
{
	clear:left;
	color: #000;
	font: 12px/14px "Trebuchet MS", Verdana, sans-serif;
	margin: 0px 20px 0 0;
	text-align:right;
	width: 75px;
}

#emailHeader p span.emailValue
{
	font: 12px/14px "Trebuchet MS", Verdana, sans-serif;
	height:auto;
	text-align:left;
	width:75%;
}

#emailHeader p span.emailValueSubject
{
	font: bold 12px/14px "Trebuchet MS", Verdana, sans-serif;
	margin-top: 0px;
	height:auto;
	text-align:left;
	width:75%;
}

#emailHeader p span.attachment
{
	margin-top: 0px;
}

#emailHeader p span.attachment img
{
	float:left;
	padding:5px 0 0 0;
}

#emailHeader p span.attachment span.text
{
	padding-top:19px;
}

#emailHeader p span.attachment a
{
	padding-bottom:2px;
}

#emailHeader p span.attachment a:link,
#emailHeader p span.attachment a:visited,
#emailHeader p span.attachment a:active
{
	color:#000;
	border-bottom:1px dotted #000;
	text-decoration:none;
}

#emailHeader p span.attachment a:hover,
#emailHeader p span.attachment a:hover
{
	color:#000;
	border-bottom:2px solid #000;
	text-decoration:none;
}
#emailContent
{
	/*overflow:hidden;*/
}
#emailContent
{
	float:left;
	font:12px/14px "Courier", sans-serif;
	height:350px;
	/*overflow:auto;*/
	/*padding:10px 5px 10px 10px;*/
	width:100%;

}

#emailContent.iframe
{
	float:left;
	font:12px/14px "Courier", sans-serif;
	height:350px;
	/*overflow:auto;/*
	padding:0;
	width:100%;
	overflow:scroll;
	-webkit-overflow-scrolling:touch;
}



#emailHeader p span.highlightedSearchTerm,
#emailContent p span.highlightedSearchTerm,
#iframe p span.highlightedSearchTerm
{
	background-color:#fff300;
	border:1px solid #fff300;
	display:inline;
	padding:0 2px 0 2px;
}

#emailHeader p span.highlightedSearchTerm
{
	float:none;
}

#apiTestFields,
#companyFields,
#contactFields,
#jobFields
{
	padding:0 10px;
	width:100%;
}

#apiTestFields
{
	min-height:450px;
}

#companyFields
{
	min-height:370px;
}

#contactFields
{
	min-height:300px;
}
#jobFields
{
	min-height:300px;
}
#contactPhoneFields
{
	margin-bottom:20px;
}

.recordDetails .apiTestContainer
{
	float:left;
	/*min-height:450px;*/
	height:auto;
	padding:0 22px 0 0;
	width:500px;
}

.recordDetails .companyContainer
{
	float:left;
	/*min-height:370px;*/
	height:auto;
	padding:0 22px 0 0;
	width:500px;
}

.recordDetails .contactContainer
{
	float:left;
	/*min-height:300px;*/
	height:auto;
	padding:0 22px 0 0;
	width:500px;
}
.recordDetails .preferenceContainer
{
	float:left;
	/*min-height:300px;*/
	height:auto;
	padding:10px 22px 0 50px;
	width:1000px;
}
.recordDetails .confirmPasswordContainer
{
	float:left;
	/*min-height:300px;*/
	height:auto;
	padding:10px 22px 0 50px;

}
.recordDetails .jobContainer
{
	/* margin-left: 50%; */
	margin-bottom: 50px;
	right: -615px;
	margin-top: 10px;
	/* position: absolute; */
	min-height: 525px;
	padding: 10px 0px 0px 12px;
	width: 300px;
	display: block;
	background-color: #B3B2B2;
	/* -webkit-border-top-left-radius: 9px; */
	-moz-border-top-left-radius: 9px;
	/* border-top-left-radius: 9px; */
	/* -webkit-border-bottom-left-radius: 9px; */
	-moz-border-bottom-left-radius: 9px;
	/* border-bottom-left-radius: 9px; */
}

#companyFields,
#contactFields
{
	width:auto;
}

#apiTestFields,
#apiTestEntityFields,
#companyDetailsFields,
.recordDetails .addressFields,
.recordDetails .addressChannelsFields,
#contactDetailsFields,
#contactChannelsFields
{
	float:left;
	width:500px;
}

.recordDetails .addressFields
{
	width:500px;
}

.recordDetails .addressChannelsFields
{
	margin-top:10px;
	margin-left:10px;
	width:490px;
}

.recordDetails fieldset
{
	border: 1px solid #a9a9a9;
	clear:left;
	height:auto;
	margin: 10px 10px 10px 10px;
	padding: 5px;
}

.recordDetails fieldset legend
{
	padding-top:0;
}

.recordDetails fieldset legend,
.recordDetails fieldset legend,
.recordDetails fieldset legend
{
	color:#6b8b9f;
	font:bold 11px/13px "Trebuchet MS", Verdana, sans-serif;
	padding:0px 5px 0px 5px;
	width:auto;
}

.recordDetails fieldset select
{
	border:1px solid #ccc;
	float:left;
	font:11px/13px "Trebuchet MS", Verdana, sans-serif;
	height:18px;
	margin:3px;
	padding:0;
	width:100px;
}

.recordDetails fieldset legend select
{
	float:none;
	width:150px;
}

.recordDetails fieldset label,
.accordionPreferences fieldset label
{
		clear: left;
		float: left;
		font: bold 11px/13px Helvetica;
		padding: 6px 0 10px 0;
		text-align: center;
		width: 180px;
}

.accordionPreferences fieldset label.standard
{
	width:150px;
}

.accordionPreferences fieldset label.medium
{
	width:200px;
}
.recordDetails fieldset label.standardRight
{
	width:175px;
	clear:none;
	text-align:left;
	
}
.recordDetails fieldset label.long
{
	width:300px;
}

.recordDetails fieldset input,
.accordionPreferences fieldset input
{
	border:1px solid #ccc;
	float:left;
	/* font:11px/13px "Trebuchet MS", Verdana, sans-serif; */
	height:14px;
	margin:3px;
	font-size: 11px;
	padding: 2px 2px 2px 2px;
	width:210px;
}

.recordDetails fieldset input.channelValue
{
	border-right:none;
	margin:3px 12px 3px 3px;
	padding: 1px 3px 1px 3px;
	width:184px;
}

.recordDetails fieldset input.channelValueNone
{
	border:1px solid #ccc;
	margin:3px 12px 3px 3px;
	padding:1px 3px 1px 1px;
	width:207px;
}

.recordDetails fieldset input.channelValueDisabled
{
	border:1px solid #ccc;
	width:207px;
}

.accordionPreferences fieldset input.standard
{
	width:150px;
}

.accordionPreferences fieldset input.medium
{
	width:200px;
}

.accordionPreferences fieldset input.long
{
	width:250px;
}
.recordDetails fieldset input.vlong
{
	width:350px;
}
.recordDetails fieldset input[readonly=readonly],
.recordDetails fieldset textarea[readonly=readonly],
.accordionPreferences fieldset input[readonly=readonly],
.accordionPreferences fieldset textarea[readonly=readonly]
{
	background-color:#ffdddd;
}

.recordDetails fieldset input[type=submit],
.accordionPreferences fieldset input[type=submit]
{
	border:1px solid #000;
	float:left;
	font:11px/13px "Trebuchet MS", Verdana, sans-serif;
	height:18px;
	margin:3px;
	padding:1px 0 1px 1px;
	width:60px;
}

.recordDetails fieldset input[type=checkbox],
.recordDetails fieldset p input[type=checkbox],
.accordionPreferences fieldset input[type=checkbox]
{
	margin:4px 0 0 0;
	padding:0;
	width:20px;
}

.recordDetails fieldset textarea,
.accordionPreferences fieldset textarea
{
	border:1px solid #ccc;
	float:left;
	font:11px/13px "Trebuchet MS", Verdana, sans-serif;
	height:100px;
	margin:4px 3px 4px 3px;
	overflow:auto;
	padding:2px 0 0 3px;
	resize:none;
	width:208px;
}

.recordDetails fieldset legend img
{
	/*float:right;*/
	margin:0;
	padding:0 0 0 5px;
}

.recordDetails .addressChannelsFields fieldset,
#contactChannelsFields fieldset,
#jobCategoryFields fieldset
{
	margin-bottom:12px;
}

.recordDetails fieldset p span,
.recordDetails p span
{
	display:block;
	/*padding-top:5px; khc 05/11/13*/
}

.recordDetails fieldset p a img,
.accordionPreferences fieldset p a img
{
	height:16px;
}

.recordDetails fieldset p a.link:link,
.recordDetails fieldset p a.link:visited,
.recordDetails fieldset p a.link:active,
.recordDetails fieldset p a.link:link,
.recordDetails fieldset p a.link:visited,
.recordDetails fieldset p a.link:active
{
	color:#000;
	filter:alpha(opacity=100);
	float:left;
	height:16px;
	-khtml-opacity:1;
	-moz-opacity:1;
	opacity:1;
	padding:0;
	text-decoration:underline;	
}

.recordDetails fieldset p a.link:hover,
.recordDetails fieldset p a.link:hover
{
	filter:alpha(opacity=90);
	-khtml-opacity:0.9;
	-moz-opacity:0.9;
	opacity:0.9;
}

.recordDetails fieldset img.linkNone
{
	filter:alpha(opacity=30);
	float:left;
	-khtml-opacity:0.3;
	-moz-opacity:0.3;
	opacity:0.3;
	margin:4px 3px 0 0;
}

.recordDetails fieldset p img,
.recordDetails fieldset p a img
{
	float:left;
	margin:4px 2px 0 4px;
	width:auto;
}
.recordDetails fieldset p img.disabled,
.recordDetails fieldset p a img.disabled
{
	filter:alpha(opacity=60);
	-khtml-opacity:0.6;
	-moz-opacity:0.6;
	opacity:0.6;
}
.recordDetails fieldset p img:hover,
.recordDetails fieldset img.add:hover
{
	filter:alpha(opacity=60);
	-khtml-opacity:0.6;
	-moz-opacity:0.6;
	opacity:0.6;
}

.recordDetails fieldset p img.lockedField,
.accordionPreferences fieldset img.lockedField
{
	cursor:default;
	filter:alpha(opacity=100);
	-khtml-opacity:1;
	margin:4px 0 0 -19px;
	-moz-opacity:1;
	opacity:1;
}
.recordDetails fieldset p img.lockedFieldWide
{
	margin:4px 0 0 -30px;
}
.recordDetails fieldset p img.lockedCheckbox,
.accordionPreferences fieldset img.lockedCheckbox
{
	cursor:default;
	filter:alpha(opacity=100);
	-khtml-opacity:1;
	margin:4px 0 0 2px;
	-moz-opacity:1;
	opacity:1;
}

.recordDetails fieldset img.add
{
	margin: auto;
	padding: 4px 0 0 3px;
	/* float: left; */
}

.recordDetails fieldset img.info
{
	margin:0;
	padding:4px 0 0 3px;
}

.recordDetails fieldset img.addDomain
{
	margin:0;
	padding:12px 0 0 3px;
}

.recordDetails fieldset span img.info
{
	margin:0;
	padding:0;
}

.recordDetails fieldset label.address,
.recordDetails fieldset label.comments
{
	padding-top:7px;
}

.recordDetails fieldset a.channelEMail img
{
	border:1px solid #ccc;
	border-left:none;
	height:auto;
	margin:3px 0 0 -12px;
	padding:0;
	width:auto;
}

.recordDetails fieldset a.channelPhone img
{
	border:1px solid #ccc;
	border-left:none;
	height:auto;
	margin:3px 0 0 -12px;
	padding:0 0 0 2px;
	width:auto;
}

.recordDetails fieldset a.channelURL img
{
	border:1px solid #ccc;
	border-left:none;
	height:auto;
	margin:3px 0 0 -12px;
	padding:0 0 1px 7px;
	width:auto;
}

.recordDetails fieldset select.menuAddressTypes,
.recordDetails fieldset select.menuAddressTypeTemplates,
.recordDetails fieldset select.menuChannelTypeTemplates,
.recordDetails fieldset select.menuContacts
{
	width:213px;
}

.recordDetails fieldset p.channel select.menuChannelTypeTemplates
{
	width:174px;
}

.recordDetails fieldset p.textlabel
{
	float:left;
	height:14px;
	margin:2px 0 0 0;
	width:60px;
}

.recordDetails fieldset p.textlabel span
{
	float:left;
	margin:5px 0 0 2px;
	width:20px;
}

.recordDetails fieldset p.textlabel input.checkbox
{
	margin:3px 0 0 2px;
	width:20px;
}

.recordDetails fieldset p.channel label
{
	width:180px;
}

.recordDetails fieldset p.addressTypeTemplatesAllUsed span
{
	display:inline;
	float:left;
	font-style:italic;
	margin:0 0 0 0;
	padding:6px 0 0 5px;
}

.recordDetails fieldset img.contactFlagRed,
.recordDetails fieldset img.contactFlagYellow,
.recordDetails fieldset img.contactFlagGreen,
.recordDetails fieldset img.channelFlagRed,
.recordDetails fieldset img.channelFlagYellow,
.recordDetails fieldset img.channelFlagGreen
{
	padding:0 0 0 3px;
}

.recordDetails fieldset p.channel span.channelHiddenFromDirectory
{
	clear:left;
}

.recordDetails fieldset p.channel span.channelHiddenFromDirectory,
.recordDetails fieldset p.channel span.channelHiddenFromMailRobot,
.recordDetails fieldset p.channel span.channelExcludedFromMailRobot,
.recordDetails fieldset p.channel span.channelActive,
.recordDetails fieldset p.channel span.channelGeneralUser,
.recordDetails fieldset p.channel span.channelAdminUser
{
	/* float:left; */
	padding:0;
}

.recordDetails fieldset p.channel span.channelHiddenFromMailRobot label,
.recordDetails fieldset p.channel span.channelExcludedFromMailRobot label,
.recordDetails fieldset p.channel span.channelActive label,
.recordDetails fieldset p.channel span.channelAdminUser label
{
	/* width:85px; */
}

.recordDetails fieldset p.channel span.channelHiddenFromDirectory label,
.recordDetails fieldset p.channel span.channelGeneralUser label
{
	width:130px;
}

.recordDetails fieldset.dialogAddCompany label
{
	width:150px;
}

.recordDetails fieldset.dialogAddCompany input
{
	width:245px;
}

.recordDetails fieldset.dialogAddDomain label
{
	width:100px;
}

.recordDetails fieldset.dialogAddDomain input
{
	width:245px;
}

.recordDetails fieldset.dialogAddDomain img
{
	padding:0 0 0 2px;
}

.recordDetails fieldset.dialogOrphanChannel p.contactHeading
{
	display:inline;
	float:left;
	font-weight:bold;
	text-align:left;
	width:150px;
}

.recordDetails fieldset.dialogOrphanChannel p.orphanContactHeading
{
	margin:0 0 0 85px;
}

.recordDetails fieldset.dialogOrphanChannel p.currentContactHeading
{
	margin:0 0 0 28px;
}

.recordDetails fieldset.dialogOrphanChannel p.currentContact
{
	float:left;
}

.recordDetails fieldset.dialogOrphanChannel label
{
	width:80px;
}

.recordDetails fieldset.dialogOrphanChannel input
{
	width:150px;
}

.recordDetails fieldset.dialogOrphanChannel img
{
	padding:0 0 0 2px;
}


.recordDetails fieldset.dialogForwardEMail label
{
	width:70px;
}

.recordDetails fieldset.dialogForwardEMail input
{
	width:275px;
}

.recordDetails fieldset.dialogForwardEMail textarea
{
	height:55px;
	width:273px;
}

#spinnerForwardEMail
{
	float:left;
	margin:4px 4px 0 0;
}

#searchForm .actionButtonContainer,
#detailForm .actionButtonContainer,
#preferencesForm .actionButtonContainer
{
	float:left;
	height:17px;
	width:auto;
}

.actionButtonContainerAdd
{
	
	height:17px;
	width:auto;
	color:black;
}

#detailForm .actionButtons,
#preferencesForm .actionButtons
{
	float: left;
    height: 17px;
    margin: 37px 0 0 0;
    width: 100%;
}

#detailForm .spacer,
#preferencesForm .spacer
{
	margin:0 0 0 6px;
}

#detailForm .divider
{
	/* background:url("/images/ButtonDivider.png") no-repeat 0 0; */
	float:left;
	/* height:17px; */
	margin: 0 0px 0 20px;
	/* width:2px; */
}

#detailForm .informationText
{
	float:left;
	margin: 0px 10px 0 0;
	width:auto;
	/* color: black; */
}

#detailForm .informationText p
{
	/* color:#fff; */
	font: normal 12px/14px Helvetica;
}

#searchForm .actionButtonContainer:hover,
#detailForm .actionButtonContainer:hover,
#preferencesForm .actionButtonContainer:hover
{
	/* filter:alpha(opacity=75);
	-khtml-opacity:0.75;
	-moz-opacity:0.75;
	opacity:0.75; */
}

.actionButtonLeft
{
	background:url("/images/ButtonTemplateLeft.png") no-repeat 0 0;
	float:left;
	height:inherit;
	display: none;
	width:7px;
}

.actionButtonMiddle
{
	/* background:url("/images/ButtonTemplateMiddle.png") repeat-x 0 0; */
	float:left;
	height:inherit;
}

.actionButtonMiddle input.searchAllButton
{
	margin: 0 !important;
}

#searchFiltersRightContainer input[type=checkbox]
{
	
	margin: 0 !important;
}

.actionButtonRight
{
	background:url("/images/ButtonTemplateRight.png") no-repeat 0 0;
	float:left;
	height:inherit;
	width:7px;
	display: none;
	padding-right:5px;
}

.actionButtonLeftGreen
{
	background:url("/images/ButtonTemplateLeftGreen.png") no-repeat 0 0;
	float:left;
	height:inherit;
	width:7px;
	
}

.actionButtonMiddleGreen
{
	background:url("/images/ButtonTemplateMiddleGreen.png") repeat-x 0 0;
	float:left;
	height:inherit;
	text-color:white;
}

.actionButtonRightGreen
{
	background:url("/images/ButtonTemplateRightGreen.png") no-repeat 0 0;
	float:left;
	height:inherit;
	width:7px;
	padding-right:5px;
}


.actionButtonLeftWhite
{
	background:url("/images/ButtonTemplateLeftWhite.png") no-repeat 0 0;
	float:left;
	height:inherit;
	width:7px;
	
}

.actionButtonMiddleWhite
{
	background:url("/images/ButtonTemplateMiddleWhite.png") repeat-x 0 0;
	float:left;
	height:inherit;
	text-color:white;
}

.actionButtonRightWhite
{
	background:url("/images/ButtonTemplateRightWhite.png") no-repeat 0 0;
	float:left;
	height:inherit;
	width:7px;
	
}

.actionButtonLeft input,
.actionButtonRight input
{
	display: none;
	background:none;
	margin:0 !important;
	width:auto;
}

.actionButtonMiddle input.searchAllButton
{
    /* background: url("/images/ButtonTemplateMiddle.png") repeat-x 0 0; */
    background: white;
    border: 1px solid #B7B4B4;
    color: #000;
    font: bold 12px/14px Helvetica;
    webkit-border-radius: 0;
    border-radius: 0;
    -webkit-appearance: none;
    height: 22px;
    width: 80px;
    margin-top: -1px !important;
}

.actionButtonMiddle input.searchAllButton:hover
{
	border: 2px solid #c0c0c0;
}

.actionButtonContainer a
{
	display:block;
	font:bold 12px/14px Helvetica;
	height:inherit;
	padding:2px 12px 2px 12px;
	width:inherit;
	text-decoration:none;
}

.actionButtonContainer a.defaultButton
{
	font-weight:bold;
}

.actionButtonContainer a.standardButton
{
	font-weight:normal;
}

.actionButtonContainer a:link,
.actionButtonContainer a:visited,
.actionButtonContainer a:hover
{
	color:#000;
	text-decoration:none;
}

.actionButtonContainerAssign a
{
	display:block;
	font:bold 11px/13px Helvetica;
	height:inherit;
	padding:2px 2px 2px 2px;
	width:inherit;
	text-color: black;
	text-decoration:none;
}

.actionButtonContainerAssign a.defaultButton
{
	font-weight:bold;
}

.actionButtonContainerAssign a.standardButton
{
	font-weight:normal;
}

.actionButtonContainerAssign a:link,
.actionButtonContainerAssign a:visited
{
	color:#000;
	text-decoration:none;
	font-weight: bold;
}



#audioPlayerContainer
{
	    /* float: left; */
    margin: 10px auto;
    width: 530px;
    /* text-align: center; 
  /*  display: block; */
}

p.audioRecording
{
	clear:left;
	color: #000000;
	font: 12px/14px "Trebuchet MS",Verdana,sans-serif;
	text-align:right;
	width:75px;
}

.jp-gui
{
	/* padding: 50px 5px 0px 5px; */
	width: 530px;
	background: none repeat scroll 0 0 #9c9c9c;
	height: 42px;
}

.jp-gui-position-absolute
{
	position:absolute;
}

.jp-gui-position-relative
{
	position:relative;
}

.jp-gui .jp-no-volume
{
	width:432px;
}

.jp-gui ul
{
	margin:0;
	padding:0;
}

.jp-gui ul li
{
	cursor:pointer;
	float:left;
	list-style:none;
	margin: 12px 5px 0 0px;
	padding: 0px 0;
	position:relative;
}

.jp-gui ul li a
{
	margin:0 4px;
}

.jp-gui li.jp-repeat,
.jp-gui li.jp-repeat-off
{
	margin-left:344px;
}

.jp-gui li.jp-mute,
.jp-gui li.jp-unmute
{
	/* margin-left: 20px; */
	position: absolute;
	margin: 12px 380px;
}

.jp-gui li.jp-volume-max
{
	/* margin-left: 20px; */
	position: absolute;
	display: none !important;
	margin: 11px 610px;
}

li.jp-pause,
li.jp-repeat-off,
li.jp-unmute,
.jp-no-solution
{
	display:none;
}

.jp-progress-slider
{
	margin: 18px 57px;
	position: absolute;
	/* top: 28px; */
	width: 300px;
}

.jp-progress-slider .ui-slider-handle
{
	cursor:pointer;
}

.jp-volume-slider
{
	height: 2px;
	/* left: 508px; */
	position: absolute;
	/* top: 31px; */
	margin: 18px 410px;
	width: 100px;
}

.jp-volume-slider .ui-slider-handle
{
	cursor:pointer;
	height:0.8em;
	width:0.8em;
}

.jp-gui.jp-no-volume .jp-volume-slider
{
	display:none;
}

.jp-current-time
{
	cursor: default;
	font-size: 11px;
	position: absolute;
	/* top: 42px; */
	margin: 25px 59px;
	color: white;
}
.jp-duration
{
	cursor: default;
	font-size: 11px;
	position: absolute;
	/* top: 42px; */
	margin: 25px 323px;
	color: white;
}

/* .jp-current-time
{
	left:100px;
}

.jp-duration
{
	right:266px;
} */

.jp-gui.jp-no-volume .jp-duration
{
	right:70px;
}

.jp-no-solution
{
	margin:-1px 0 0 -1px;
}

.jp-play,
.jp-pause
{
	margin: 6px 5px 0px 10px !important;
}

.jp-clearboth
{
	clear:both;
}

#paginationForm
{
	/* background:url("/images/PaginationBackground.png") repeat-x; */
	bottom:0;
	background-color: lightgrey;
	float:left;
	font:normal normal 14px/18px Helvetica;
	height:33px;
	margin:0;
	position:fixed;
	text-align:center;
	width:100%;
	color: black;
	min-width:1000px;
}

#paginationForm form.pagination .recordDisplaySelection
{
	display:block;
	float:left;
	height:33px;
	margin:2px 5px 0 9px;
	padding:7px 0 0 0;
}

#paginationForm form.pagination .recordDisplaySelection p
{
	/* color:#fff; */
	font-weight:normal;
	padding:0 10px;
}

#paginationForm form.pagination .recordDisplaySelection p select
{
	font-weight:bold;
	width:60px;
}

#paginationForm form.pagination .recordDisplaySummary
{
	display:block;
	float:left;
	font-weight:bold;
	height:25px;
	margin:2px 0 0 0;
	padding:10px 0 0 0;
}

#paginationForm form.pagination .recordDisplaySummary p
{
	padding:0 5px;
}

#paginationForm form.pagination .paginationLinks
{
	float:right;
	margin:7px 20px 0 0;
	width:700px;
}

#paginationForm form.pagination .paginationLinks .pageSummary
{
	float:right;
	margin:0 10px 0 0;
}

#paginationForm form.pagination .paginationLinks .pageSummary p
{
	/* color:#fff; */
	/* font-weight:bold; */
	margin:2px 0 0 0;
	text-align:right;
	width:200px;
}

#paginationForm form.pagination .paginationLinks p.currentPage,
#paginationForm form.pagination .paginationLinks p.placeholder,
#paginationForm form.pagination .paginationLinks p a
{
	border-radius:6px;
	color: black;
	display:block;
	float:right;
	height:16px;
	margin:0 2px 0 2px;
	-moz-border-radius:6px;
	padding:2px 4px 2px 3px;
	text-align:center;
	text-decoration:none;
	-webkit-border-radius:6px;
	width:auto;
}

#paginationForm form.pagination .paginationLinks p.currentPage
{
	/* background-color:#363636; */
	/* color:#fff; */
	font-weight: bolder;
	cursor:default;
}

#paginationForm form.pagination .paginationLinks p a.previousPage,
#paginationForm form.pagination .paginationLinks p a.nextPage
{
	padding:2px 6px 2px 5px;
}

#paginationForm form.pagination .paginationLinks p a:link,
#paginationForm form.pagination .paginationLinks p a:visited,
#paginationForm form.pagination .paginationLinks p a:hover,
#paginationForm form.pagination .paginationLinks p a:active
{
	/* color:#fff; */
	text-decoration:none;
}

#paginationForm form.pagination .paginationLinks p a:hover
{
	/* background-color:#363636; */
	/* color:#fff; */
}

#ajaxActive
{
	float:left;
	padding:0 0 0 8px;
}

#ajaxInactive
{
	float:left;
	padding:1px 0 0 8px;
}

#dialogTentativeChannel p
{
	float:left;
}

#releaseNotes
{
	font:13px/16px "Lucida grande", Verdana, Helvetica, sans-serif;
	height:600px;
	overflow-x:auto;
	overflow-y:scroll;
	width:100%;
}

#releaseNotes h1,
#releaseNotes h2
{
	padding:10px 10px;
}

#releaseNotes ul
{
	list-style:disc;
	margin:10px 0 0 25px;
}

#releaseNotes ul li ul,
#releaseNotes ul li ul li ul
{
	margin:5px 0 0 15px;
}

#releaseNotes ul li,
#releaseNotes ul li ul li
{
	margin-top:10px;
}

#debugDetails h1
{
	padding:10px 10px;
}

#debugContent
{
	float:left;
	font:12px/14px "Courier", sans-serif;
	height:350px;
	overflow:auto;
	padding:10px 5px 10px 10px;
	width:99%;
}

#footerLogin,
#footer
{
	float:left;
	height:25px;
	position:fixed;
	text-align:left;
	width:100%;
}

#footerLogin
{
	bottom:6px;
}

#footer
{
	background-color:#ddd;
	border:1px solid #999;
	bottom:0;
}

#footer p
{
	margin:5px 5px;
}

#footerLogin p
{
	/* color:#fff; */
	font:normal normal 14px/18px Helvetica;
	margin:5px 20px;
}

#footer p
{
	color:#333;
}

#footerLogin p.left,
#footer p.left
{
	float:left;
}

#footerLogin p.right,
#footer p.right
{
	float:right;
}

img.ajaxInputSpinner1
{
	margin:4px 0 0 -20px !important;
}

img.ajaxInputSpinner2
{
	margin:4px 0 0 -45px !important;
}

img.domainAddSpinner
{
	margin:4px 0 0 -22px !important;
}

.messagePanel,
.messagePanel .messagePanelHideByFade,
.messagePanel .messagePanelHideBySlide,
.messagePanel .messagePanelHideStatic
{
	background-color:#fff;
	height:65px;
	margin:10px 0 0 0;
	width:100%;
	z-index: -1;
}

.messagePanel .error
{
	/* background:#ffeeee url("/images/ButtonAlertError.gif") no-repeat scroll 10px 10px; */
	/* border:1px solid #f88; */
	/* height:52px; */
	/* margin:0 auto; */
	/* width:365px; */
}

.messagePanel .success
{
	/* background:#e6f8dd url("/images/ButtonAlertSuccess.gif") no-repeat scroll 10px 10px; */
	border:1px solid #a8e788;
	height:52px;
	margin:0 auto;
	width:365px;
}

.messagePanel .error img.closeBox,
.messagePanel .success img.closeBox
{
	filter:alpha(opacity=60);
	float:right;
	-khtml-opacity:0.6;
	-moz-opacity:0.6;
	opacity:0.6;
	padding:3px 3px 0 0;
}

.messagePanel .error img.closeBox:hover,
.messagePanel .success img.closeBox:hover
{
	filter:alpha(opacity=100);
	-khtml-opacity:1;
	-moz-opacity:1;
	opacity:1;
}

.messagePanel .error p,
.messagePanel .success p
{
	font:12px/14px Verdana, Helvetica, sans-serif;
	height:35px;
	margin:0 0 0 52px;
	padding:8px 25px 5px 5px;
	text-align:left;
}

#loginContainer .messagePanel,
#loginContainer .messagePanelHideByFade .messagePanel,
#loginContainer .messagePanelHideBySlide .messagePanel
{
	background-color:transparent;
	/* height:207px; */
	margin: 56px -28px 0;
	position:absolute;
	/* width:261px; */
}

#loginContainer .messagePanel .error
{
	/* background-color:inherit; */
	/* background-image:url("/images/LoginMessageError.png"); */
	border:none;
	height:inherit;
	margin:0;
	/* width:inherit; */
}

#loginContainer .messagePanel .success
{
	background-color:inherit;
	/* background-image:url("/images/LoginMessageNotification.png"); */
	border:none;
	height:inherit;
	margin:0;
	width:inherit;
}

#loginContainer .messagePanel .error img.closeBox,
#loginContainer .messagePanel .success img.closeBox
{
	display:none;
}

#loginContainer .messagePanel .error img.closeBox:hover,
#loginContainer .messagePanel .success img.closeBox:hover
{
	display:none;
}

#loginContainer .messagePanel .error p,
#loginContainer .messagePanel .success p
{
	color: #F00;
	/* display:inline-block; */
	font:normal normal 14px/18px Helvetica;
	/* margin:50px 0 0 60px; */
	/* height:90px; */
	/* overflow:hidden; */
	padding:inherit;
	/* width:160px; */
}

.messageDialog p.main
{
	margin:12px 0 0 0;
	text-align:left;
}

.messageDialog p.intro
{
	margin:0 0 10px 0;
	text-align:left;
}

.messageDialog p.secondary
{
	margin:10px 0 0 20px;
	text-align:left;
}

.messageDialog p.main span.messageIcon
{
	float:left;
	margin:0 7px 30px 0;
}

#progressBar
{
	margin:10px 0 auto auto;
	width:380px;
}

#progressBar div.progressBarLabel
{
	float:left;
	margin-top:5px;
}

#progressBar div.progressBarLabel p
{
	font-weight:bold;
	margin-left:auto;
	text-align:center;
	text-shadow:1px 1px 0 #fff;
	width:380px;
}

#info
{
	height:16px;
	margin:5px 0 0 0;
	padding:0;
	width:auto;
}

#info a.showInfo,
#info a.hideInfo
{
	margin:0;
}

#info a.showInfo:link,
#info a.showInfo:visited,
#info a.hideInfo:link,
#info a.hideInfo:visited
{
	color:#000;
	text-decoration:none;
}

#info a.showInfo:hover span,
#info a.hideInfo:hover span
{
	color:#000;
	border-bottom:1px dotted #000;
	text-decoration:none;
}

#info a.showInfo span,
#info a.hideInfo span
{
	display:block;
	float:left;
	font-weight:bold;
	margin:2px 0 0 0;
}

#info img.showInfo,
#info img.hideInfo
{
	float:left;
	padding:0;
}

.hidden
{
	display:none;
}

.floatLeft
{
	float:left;
}

.floatRight
{
	float:right;
}

.clearLeft
{
	clear:left;
}

.clearRight
{
	clear:right;
}

.clearBoth
{
	clear:both;
}

.clearPadding
{
	padding:0;
}

.clearMargin
{
	margin:0;
}

ul.ui-autocomplete
{
	max-height:250px;
	overflow-y:auto;
	overflow-x:hidden;
	text-align:left;
}

ul.ui-corner-all
{
	border-radius:0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
}

ul.ui-autocomplete li span.noMatches
{
	padding-left:5px;
	width:auto;
}

ul.ui-autocomplete li img.orphan,
ul.ui-autocomplete li img.tentative
{
	float:right;
	height:auto;
	padding:0 0 0 2px;
	width:auto;
}

ul.ui-autocomplete li a.ui-state-hover
{
	background-color:#ccc;
}

ul.ui-autocomplete li a.ui-corner-all:hover
{
	border:1px solid #ccc;
	border-radius:0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
}

ul.ui-autocomplete li hr
{
	margin:0 0 5px 0;
	padding:5px 0 0 0;
}

.ui-dialog .ui-dialog-title
{
	width:100%;
}

ul.ui-menu
{
	position:absolute;
}

.select2ContainerCompanyDomains
{
	float:left;
	font:11px/13px "Trebuchet MS", Verdana, sans-serif;
	margin:4px 3px 4px 0;
	padding:2px 0 0 3px;
	width:216px;
}

.select2ContainerDropdownCompanyDomains
{
	margin-left:2px;
	text-align:left;
	width:213px !important;
}

.select2-input
{
	font:11px/13px "Trebuchet MS", Verdana, sans-serif;
}

.select2-drop
{
	border:1px solid #ccc;
	margin-left:3px;
}
.select2-container-multi .select2-choices
{
	background-image:none;
	/*border:1px solid #ccc;*/
	border: none;
}

.select2-container-multi.select2-container-active .select2-choices
{
    border:1px solid #ccc;
    box-shadow:none;
    outline: medium none;
}

.select2-container-multi .select2-choices .select2-search-choice
{
	color:#000;
	margin:3px 5px 3px 5px;
}
#recordsTable table.rows tbody tr td select.menu:hover {
	
    background-color: #d8e7f0;
    color: #000000;
}

#recordsTable table.rows tbody tr td select.menu
{
	
}
img.cogActionButton
{
	border:1px solid #ccc;
	}
	
/* Styles */




#jobsbuttondiv label {
	width: 60px;
	height: 10px;
	display: inline-block;
	margin-top: 7px;
	margin-left: 13px;
	position: relative;
	border-radius: 15px;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding-box;
	background-clip: padding-box;
	background: rgb(138,138,138);
	background: -webkit-linear-gradient(top, rgba(138,138,138,1) 0%, rgba(140,140,140,1) 14%, rgba(159,159,159,1) 72%, rgba(164,164,164,1) 100%);
	background: -moz-linear-gradient(top, rgba(138,138,138,1) 0%, rgba(140,140,140,1) 14%, rgba(159,159,159,1) 72%, rgba(164,164,164,1) 100%);
	background: -o-linear-gradient(top, rgba(138,138,138,1) 0%, rgba(140,140,140,1) 14%, rgba(159,159,159,1) 72%, rgba(164,164,164,1) 100%);
	background: -ms-linear-gradient(top, rgba(138,138,138,1) 0%, rgba(140,140,140,1) 14%, rgba(159,159,159,1) 72%, rgba(164,164,164,1) 100%);
	background: linear-gradient(top, rgba(138,138,138,1) 0%, rgba(140,140,140,1) 14%, rgba(159,159,159,1) 72%, rgba(164,164,164,1) 100%);
	box-shadow: inset 0 2px 5px 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 0 rgba(0, 0, 0, 0.1);
	line-height: 30px;
	font-style: normal;
	color: #fff;
	text-shadow: 0 1px 1px rgba(0,0,0,0.1);
	
	-webkit-box-reflect: below 0px
		-webkit-gradient(linear, left top, left bottom,
		color-stop(0.5, transparent),
		to(rgba(255, 255, 255, 0.3)));
	-moz-transition: all 1s ease-in;
	-webkit-transition: all 1s ease-in;
	-o-transition: all 1s ease-in;
	transition: all 1s ease-in;
	cursor: pointer;
}

#jobsbuttondiv label.attention:hover {
	background: rgb(238,159,7);
	background: -moz-linear-gradient(top,  rgba(238,159,7,1) 0%, rgba(240,171,8,1) 45%, rgba(243,182,15,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,159,7,1)), color-stop(45%,rgba(240,171,8,1)), color-stop(100%,rgba(243,182,15,1)));
	background: -webkit-linear-gradient(top,  rgba(238,159,7,1) 0%,rgba(240,171,8,1) 45%,rgba(243,182,15,1) 100%);
	background: -o-linear-gradient(top,  rgba(238,159,7,1) 0%,rgba(240,171,8,1) 45%,rgba(243,182,15,1) 100%);
	background: -ms-linear-gradient(top,  rgba(238,159,7,1) 0%,rgba(240,171,8,1) 45%,rgba(243,182,15,1) 100%);
	background: linear-gradient(to bottom,  rgba(238,159,7,1) 0%,rgba(240,171,8,1) 45%,rgba(243,182,15,1) 100%);
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee9f07', endColorstr='#f3b60f',GradientType=0 );*/
}

#jobsbuttondiv input[type=checkbox]:checked ~ label.attention:hover:before  {
	content: "Jobs on";
	font-size: 8px
}


#jobsbuttondiv label i {
	position: absolute;
	top: -2px;
	right:60px;
	width: 12px;
	height: 12px;
	display: block;
	border-radius: 24px;
	background: rgb(255,255,255);
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(252,252,252,1) 11%, rgba(228,228,228,1) 50%, rgba(221,221,221,1) 53%, rgba(205,205,205,1) 97%, rgba(191,191,191,1) 100%);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(252,252,252,1) 11%, rgba(228,228,228,1) 50%, rgba(221,221,221,1) 53%, rgba(205,205,205,1) 97%, rgba(191,191,191,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(252,252,252,1) 11%, rgba(228,228,228,1) 50%, rgba(221,221,221,1) 53%, rgba(205,205,205,1) 97%, rgba(191,191,191,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(252,252,252,1) 11%, rgba(228,228,228,1) 50%, rgba(221,221,221,1) 53%, rgba(205,205,205,1) 97%, rgba(191,191,191,1) 100%);
	background: linear-gradient(top, rgba(255,255,255,1) 0%, rgba(252,252,252,1) 11%, rgba(228,228,228,1) 50%, rgba(221,221,221,1) 53%, rgba(205,205,205,1) 97%, rgba(191,191,191,1) 100%);
	box-shadow: inset 0 -3px 3px 0 rgba(0, 0, 0, 0.1), inset 0 -1px 1px 0 rgba(255, 255, 255, 0.4), 0 2px 0 0 rgba(0, 0, 0, 0.2);
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	transition: all 200ms ease;
}

#jobsbuttondiv label i:before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 18px;
	height: 18px;
	margin: -9px 0 0 -9px;
	border-radius: 18px;
	background: rgb(239,239,239);
	background: -webkit-linear-gradient(top, rgba(239,239,239,1) 0%, rgba(225,225,225,1) 6%, rgba(225,225,225,1) 24%, rgba(229,229,229,1) 94%, rgba(242,242,242,1) 100%);
	background: -moz-linear-gradient(top, rgba(239,239,239,1) 0%, rgba(225,225,225,1) 6%, rgba(225,225,225,1) 24%, rgba(229,229,229,1) 94%, rgba(242,242,242,1) 100%);
	background: -o-linear-gradient(top, rgba(239,239,239,1) 0%, rgba(225,225,225,1) 6%, rgba(225,225,225,1) 24%, rgba(229,229,229,1) 94%, rgba(242,242,242,1) 100%);
	background: -ms-linear-gradient(top, rgba(239,239,239,1) 0%, rgba(225,225,225,1) 6%, rgba(225,225,225,1) 24%, rgba(229,229,229,1) 94%, rgba(242,242,242,1) 100%);
	background: linear-gradient(top, rgba(239,239,239,1) 0%, rgba(225,225,225,1) 6%, rgba(225,225,225,1) 24%, rgba(229,229,229,1) 94%, rgba(242,242,242,1) 100%);
	box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1);
}
#jobsbuttondiv label:hover i {
	box-shadow: inset 0 -3px 3px 0 rgba(0, 0, 0, 0.1), inset 0 -1px 1px 0 rgba(255, 255, 255, 0.4), 0 2px 0 0 rgba(0, 0, 0, 0.3);
}
#jobsbuttondiv label:active i:before {
	box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.3);
}

#jobsbuttondiv label:before {
	content: "Jobs off";
	margin-left: 5px;
	
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	transition: all 200ms ease;
}



#jobsbuttondiv input[type=checkbox]:checked ~ label:before {
	content: "Jobs on";
	
	margin-right: 0px;
	margin-left: 7px;
	margin-top:3px;
}




#jobsbuttondiv input[type=checkbox]:checked ~ label{
	background: rgb(141,173,51);
	background: -webkit-radial-gradient(center, ellipse cover, rgba(141,173,51,1) 0%, rgba(146,178,55,1) 24%, rgba(157,187,64,1) 55%, rgba(166,194,78,1) 100%);
	background: -moz-radial-gradient(center, ellipse cover, rgba(141,173,51,1) 0%, rgba(146,178,55,1) 24%, rgba(157,187,64,1) 55%, rgba(166,194,78,1) 100%);
	background: -o-radial-gradient(center, ellipse cover, rgba(141,173,51,1) 0%, rgba(146,178,55,1) 24%, rgba(157,187,64,1) 55%, rgba(166,194,78,1) 100%);
	background: -ms-radial-gradient(center, ellipse cover, rgba(141,173,51,1) 0%, rgba(146,178,55,1) 24%, rgba(157,187,64,1) 55%, rgba(166,194,78,1) 100%);
	background: radial-gradient(center, ellipse cover, rgba(141,173,51,1) 0%, rgba(146,178,55,1) 24%, rgba(157,187,64,1) 55%, rgba(166,194,78,1) 100%);
	-moz-box-shadow: 0px 0px 40px  #00ff00;
    box-shadow: 0px 0px 40px #00ff00;
    -webkit-box-shadow: 0px 0px 40px #00ff00;
}


#jobsbuttondiv input[type=checkbox]:checked ~ label i {
	right: -6px;
}

/* hide the actual checkbox */
#jobsbutton input:before {
	content: "Jobs:";
	margin-left: -35px;
	font-size: 10px;
	color: #333;
}
#jobsbutton{
	display: none;
}

#jobsbutton p{
  float: left;
  text-align : left;
  display: inline-block;
  position : relative;
}

#jobsbutton input:hover {
	opacity: 1;
}


.detailedResults
{

	
	position:relative;
	display : none;
	width : 1000px;
	height : 650px;
	background: #fff;
	/* filter:alpha(opacity=90);
	-khtml-opacity:0.9;
	-moz-opacity:0.9;
	opacity:0.9; */
	margin: 30px auto;
}

/* nice canvas for job matching stats */

.gauge
{
	
	padding-top: 5px;
	padding-left : 35%;
}

p.scoreTitle
{
	
	padding-top : 20px;
	text-align : center;
	font-size : 22px;
}


.polarChart
{
	width: 500px;
    height: 300px;
    
    float: right;
}

.doughnutChart
{
	width: 500px;
    height: 300x;
    
    float: left;
}

.polarchart
{
	margin-left : 150px;
	margin-top: 30px;
}

.polarinfo
{
	font-size : 10px;
	color : grey;
	font-weight : italic;
	text-align:center;
}

.doughnutchart
{
	margin-left : 150px;
	margin-top: 30px;
}

.keywordsList
{
	text-align : center;
	position: absolute;
	bottom : 15px;
	padding-top:50px;
    width: 1000px;
    height: 100px;

    
}

.originalEmail
{
	
	text-align : center;
	position: absolute;
	bottom : 300px;
	padding-top:50px;
    width: 1000px;
    height: 100px;
}
.channelsList
{
	text-align : center;
	position: absolute;
	padding-top:10px;
    width: 500px;
    height: 200px;
	font-weight : bold;
    
}

.channelsList span:hover
{
	background-color: #000037;
}

p.polarTitle
{
	position:relative;
	padding-top : 5px;
	text-align : center;
	font-size : 22px;
}

p.doughnutTitle
{
	position:relative;
	padding-top : 5px;
	text-align : center;
	font-size : 22px;
}

p.keywordsTitle
{
	
	margin-bottom : 30px;
	text-align : center;
	font-size : 22px;
}

.keywordmatch
{
	
	background-color: #fff;
	border: 1px solid #b3cee1;
	padding: 3px 4px 3px 4px;
	margin: 4px 4px 4px 0;
	text-decoration: none;
	font-size: 15px;
	line-height: 1.4;
	white-space: nowrap;
	display: inline-block;
	
	
	border-radius:5px;
	
	-moz-border-radius:5px;
	
	-webkit-border-radius:5px;
}

.keywordmatch:hover
{
	background-color: #000037;
}

.closeDetailedResults
{
	position: absolute;
    top: 0px;
    right: 0px;
}


#buttonsAssign
{
	
/* margin: 308px 95px; */
position: relative;
padding-left: 85px;
height: 20px;
width: 160px;
}
	
#buttonsDetails
{
	width: 150px;
	margin: 100px auto;
	padding-left: 5px;
	
}

.actionButtonContainer .detailbutton
{
	margin-left : 100px;
	margin-top : 650px;
}

#buttonsDetailsAssign
{
	
	margin: 10px auto;
	padding-left: 100px;
}

#addNewJob span
{
	cursor: pointer;
	display:block;
	font:normal normal 12px/14px Helvetica;
	font-weight:bold;
	height:inherit;
	margin:0 0 0 26px;
	padding:4px 0 0 0;
	width:inherit;
	text-decoration:none;
}

#addNewJob
{
	cursor: pointer;
}

#nbEmailsInJob
{
	
	text-align : center;
	font: italic 11px/13px "Trebuchet MS", Verdana, sans-serif;
	border-bottom: thin solid rgba(255, 255, 255, .3);
	padding : 2px 0 2px 2px;
	
	margin-bottom:15px;
}

.blur{
    box-shadow: 0px 0px 20px 10px rgba(255,255,255,1);
    transform: scale(0.9);
    opacity: 0.5;
    text-shadow: 0px 0px 10px rgba(51, 51, 51, 0.9);
}

/* new design for 2016 */


input#toggleIKnow {
  max-height: 0;
  max-width: 0;
  opacity: 0;
}

input#toggleIKnow + label {
  display: inline-block;
  position: relative;
  box-shadow: inset 0 0 0px 1px #badcb9;
  text-indent: -5000px;
  background: #badcb9;
  height: 20px;
  width: 30px;
  border-radius: 15px;
  margin : -1px;
}

input#toggleIKnow + label:before {
  content: "";
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  top: 0;
  left: 0;
  border-radius: 15px;
  background: rgba(19, 191, 17, 0);
  -moz-transition: .25s ease-in-out;
  -webkit-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

input#toggleIKnow + label:after {
  content: "";
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  top: 0;
  left: 0px;
  border-radius: 15px;
  background: white;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2), 0 2px 4px rgba(0, 0, 0, 0.2);
  -moz-transition: .25s ease-in-out;
  -webkit-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

input#toggleIKnow:checked + label:before {
  width: 30px;
  background: #13bf11;
}

input#toggleIKnow:checked + label:after {
  left: 12px;
  box-shadow: inset 0 0 0 1px #13bf11, 0 2px 4px rgba(0, 0, 0, 0.2);
}


input#toggleIMightKnow {
  max-height: 0;
  max-width: 0;
  opacity: 0;
}

input#toggleIMightKnow + label {
  display: inline-block;
  position: relative;
  box-shadow: inset 0 0 0px 1px #cbc39c;
  background: #cbc39c;
  text-indent: -5000px;
  height: 20px;
  width: 30px;
  border-radius: 15px;
  margin : -1px;
}

input#toggleIMightKnow + label:before {
  content: "";
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  top: 0;
  left: 0;
  border-radius: 15px;
  background: rgba(19, 191, 17, 0);
  -moz-transition: .25s ease-in-out;
  -webkit-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

input#toggleIMightKnow + label:after {
  content: "";
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  top: 0;
  left: 0px;
  border-radius: 15px;
  background: white;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2), 0 2px 4px rgba(0, 0, 0, 0.2);
  -moz-transition: .25s ease-in-out;
  -webkit-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

input#toggleIMightKnow:checked + label:before {
  width: 30px;
  background: #D9BE3F;
}

input#toggleIMightKnow:checked + label:after {
  left: 12px;
  box-shadow: inset 0 0 0 1px #D9BE3F, 0 2px 4px rgba(0, 0, 0, 0.2);
}



input#toggleIDontKnow {
  max-height: 0;
  max-width: 0;
  opacity: 0;
}

input#toggleIDontKnow + label {
  display: inline-block;
  position: relative;
  box-shadow: inset 0 0 0px 1px #ddbeb9;
  text-indent: -5000px;
  background: #ddbeb9;
  height: 20px;
  width: 30px;
  border-radius: 15px;
  margin : -1px;
}

input#toggleIDontKnow + label:before {
  content: "";
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  top: 0;
  left: 0;
  border-radius: 15px;
  background: rgba(19, 191, 17, 0);
  -moz-transition: .25s ease-in-out;
  -webkit-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

input#toggleIDontKnow + label:after {
  content: "";
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  top: 0;
  left: 0px;
  border-radius: 15px;
  background: white;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2), 0 2px 4px rgba(0, 0, 0, 0.2);
  -moz-transition: .25s ease-in-out;
  -webkit-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

input#toggleIDontKnow:checked + label:before {
  width: 30px;
  background: #F94F31;
}

input#toggleIDontKnow:checked + label:after {
  left: 12px;
  box-shadow: inset 0 0 0 1px #F94F31, 0 2px 4px rgba(0, 0, 0, 0.2);
}

#gbqfb {
    border: 1px solid transparent;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    height: 30px;
    margin: 0;
    outline: none;
    padding: 0 0;
    width: 60px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #4285f4;
    background: -webkit-linear-gradient(top,#4387fd,#4683ea);
    background: linear-gradient(top,#4387fd,#4683ea);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4387fd,endColorstr=#4683ea,GradientType=1);
    
    cursor: default!important;
    display: inline-block;
    font-weight: bold;
    height: 29px;
    line-height: 29px;
    min-width: 54px;
    padding: 0 8px;
    text-align: center;
    text-decoration: none!important;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -webkit-user-select: none;
}

.gbqfi {
    background-position: 0 -1942px;
    display: inline-block;
    margin: -1px;
    height: 30px;
    width: 30px;
}
.gb_Nb {
    background-image: url('//ssl.gstatic.com/gb/images/v1_4593b7d7.png');
    -webkit-background-size: 92px 2460px;
    background-size: 92px 2460px;
}




.header-dropdown {
    position: absolute;
    display: inline-block;
    width:100px;
    right: 0px;
    top: 3px;
    float: right;
    z-index: 200;
    /* text-align:left; */
}



.header-dropdown p
{
	white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
	/* font: normal normal 15px/18px Helvetica; */
	/* padding: 5px; */
	cursor: default;
	/* margin-left: 5px; */
}

.header-dropdown-content p
{
	font: normal normal 12px/15px Helvetica;
	padding: 4px;
	cursor: pointer;
	/* margin-left: 5px; */
}

.header-dropdown-content p:hover
{
	/*background-color: #2FB1FD;*/
}

.header-dropdown-content p:hover a
{
	color: white;
}

.header-dropdown a, .header-dropdown-content a
{
	font: normal normal 14px/18px Helvetica;
	text-decoration: none;
	color:black;
	margin-left: 10px;
	display: block;
}



.header-dropdown-content {
	display: none;
	position: relative;
	height:auto;
	top: 5px;
	right: 80px;
	text-align: left;
	width: 150px;
	z-index:200;
	padding: 10px 0px;
	background: #fff;
	background-color: rgb(255, 255, 255);
	border: 1px solid #e1e8ed;
	border-top: 0px;
	/* border: 1px solid rgba(0,0,0,0.25); */
	border-radius: 0px;
	/* box-shadow: 0 1px 4px rgba(0,0,0,0.25); */
	background-clip: padding-box;
}

.dropdown-divider
{
	border-bottom: 1px solid #e1e8ed;
	padding-bottom: 2px;
	padding-top: 0px !important;
	height: 1px;
	/* margin-top: -17px; */
	margin-bottom: 4px;
}

.dropdown-divider:hover
{
	background-color: rgba(255,255,255,0.95) !important;
}

.header-dropdown:hover .header-dropdown-content {
    display: block;
}

.header-dropdown-content:hover {
    display: block;
}

.header-dropdown-usercompany
{
	font-size: 11px !important;
	font-weight: bold !important;
	color: grey;
	text-align: center;
	cursor:default !important;
}

.header-dropdown-usercompany:hover
{
	background-color: rgba(255,255,255,0.95) !important;
}


.dropdown-caret {
    position: absolute;
    top: -9px;
    /* left: 12px; */
    right: 10px;
    width: 17px;
    height: 10px;
    /* float: left; */
    /* overflow: hidden; */
}

.dropdown-caret .caret-outer {
    /* border-bottom: 10px solid #8899a6; */
    border-bottom-color: rgba(0,0,0,0.1);
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    height: auto;
    left: 0;
    top: 0;
    width: auto;
}

.dropdown-caret .caret-inner {
    top: 1px;
    left: 1px;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 9px solid #fff;
    border-bottom-color: rgba(255,255,255,0.98);
}

.dropdown-caret .caret-outer, .dropdown-caret .caret-inner {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    margin-left: -1px;
}

#searchForm form.search .searchContainer .searchField .searchOn .queryString, 
#searchForm form.search .searchContainer .searchField .searchOn .datepickerActive, 
#searchForm form.search .searchContainer .searchField .searchOn .datepickerCalendarButton
{
	border-right:none !important;
}

.displayChoiceCheckBox p
{
	cursor: default;
}

.displayChoiceCheckBox label
{
	cursor: pointer;
}

#detailForm .actionButtonContainer a {
    display: block;
    font: bold 12px/14px Helvetica;
    /* height: inherit; */
    padding: 3px 14px 1px 14px;
    background: white;
    border: 1px solid #B7B4B4;
    color: #000;
    /* font: 12px/14px Helvetica; */
    /* height: 22px; */
    /* width: 102px; */
    margin-top: -6px !important;
    width: inherit;
    text-decoration: none;
}



#detailForm .actionButtonContainer a:hover
{

	 -moz-box-shadow:    inset 0 0 1px #000000;
   -webkit-box-shadow: inset 0 0 1px #000000;
   box-shadow:         inset 0 0 1px #000000;
}


#jobDetailsFieldset a.saveJobDetailsButton,
#jobAddFieldSet a.saveJobDetailsAddButton
{
	display: block;
    font: bold 12px/14px Helvetica;
    /* height: inherit; */
    padding: 3px 14px 1px 14px;
    background: white;
    border: 1px solid #B7B4B4;
    color: #000;
    /* font: 12px/14px Helvetica; */
    /* height: 22px; */
    /* width: 102px; */
    margin-top: -6px !important;
    width: inherit;
    text-decoration: none;
}

#loginForm label.userName, #loginForm label.password
{
	float: left;
	margin-top: 20px;
	font-weight: bold;
	font-size: 13px;
	margin-left: 25px;
	width: auto;
}

#loginForm h1.SignInTitle, #login h1.ResetTitle
{
	margin: 20px 25px 0px;
	font-weight: normal;
	font-size: 28px;
	line-height: 1.2;
}

#login h1.ResetTitle
{
	width: 100%;
	margin-bottom: 20px;
}

#login .loginFormInfo
{
	margin-top: 20px;
	font-size: 13px;
	text-align: center;
}

#login .loginFormInfo p
{
	
	font-size: 13px;
	text-align: center;
	margin: 5px 0px 5px 0px;
}



/* pdf report section */

#pdfReportContainer
{
	display: none;
	position: absolute;
    z-index: 2000000;
    width: 100%;
    height: 100%;
}

#pdfReportPopup
{
    z-index: 3000000;
    display: block;
    width: 300px;
    height: auto;
    padding: 30px;
    /* text-align: center; */
    background-color: white;
    opacity: 1 !important;
    border: 2px solid #61B6E6;
    border-radius: 3px;
    font-family: helvetica;
    font-size: 15px;
    margin: 50px auto;

}

#pdfReportPopup div#pdfReportPopupClose
{
	position: relative;
	/* bottom: 30px; */
	/* right:0; */
	/* margin-top: -10px; */
	padding-left: 100%;
	top: -15px;
}

#pdfReportPopup span#pdfReportPopupCloseIcon
{
	
	font-family: Lucida Sans Unicode, Arial Unicode MS;
	color: #42AFED;
	cursor: pointer;
	font-size: 20px;
	/* display: block; */
}

#boltSign
{
	font-family: DejaVu Sans, Segoe UI Emoji, Symbola, Unifont;
	color: #FFB000;
	cursor: help;
	vertical-align: middle;
	font-size: 22px;
}

#pdfReportForm .pdfReportFormTitle
{
	text-align: center;
    font-size: 20px;
    padding-bottom: 10px;
}

#pdfReportForm input[name="pdfTitle"]
{
	margin: 10px auto;
    border: 1px solid lightgrey;
    width: 90%;
    text-align: center;
    padding: 3px;
    display: block;
    margin-bottom: 10px;
}


#pdfReportForm p.pdfReportSectionTitle
{
	text-align: center;
	font-size: 15px;
	margin-bottom: 10px;
	margin-top: 30px;
}

#pdfReportForm input#pdfFormatPlain
{
	/* display: block; */
	/* float: left; */
	height: 17px;
	margin: 15px 10px 5px 60px;
	padding: 0;
}

#pdfReportForm input#pdfFormatHtml
{
	/* display: block; */
	/* float: left; */
	height: 17px;
	margin: 10px 10px 30px 60px;
	/* width: auto; */
	/* padding-top: 0px; */
}

#pdfReportForm .labelForRadio
{
	/* display: block; */
	margin: 0px 5px;
	vertical-align: text-top;
	/* margin-top: 16px; */
	/* padding-top: 2px; */
}

#pdfReportForm input#pdfAddThreadsLinks
{
    margin: 10px 10px 10px 15px;
    height: 17px;
}

#pdfReportForm #pdfAddThreadsLinksLabel
{
	vertical-align: text-top;
}

#pdfReportForm input#pdfPasswordCheckbox
{
    margin: 5px 10px 10px 15px;
    height: 17px;
}

#pdfReportForm #pdfPasswordCheckboxLabel
{
	/* display: block; */
	vertical-align: text-top;
}

#pdfReportForm input#pdfPasswordField
{
    margin: 0 0px 30px 42px;
    padding: 3px;
    width: 211px;
    border: 1px solid lightgrey;
}

#pdfReportForm input#pdfReportFormSubmit
{
    margin: 0 auto;
    display: block;
    padding: 10px;
    background: #42AFED;
    font-size: 18px;
    border-radius: 2px;
    margin-bottom: 15px;
    color: white;
    /* border: 1px solid #61B6E6; */
}


#pdfReportForm input#pdfReportFormSubmit:hover
{
	color: #42AFED;
	background: white;
	border: 1px inset #42AFED;
	margin-bottom: 13px;
}

#pdfReportResult
{
	display: none;
}

#pdfReportResult p.pdfReportResultTitle
{
	text-align: center;
	font-size: 20px;
	display: block;
	padding-bottom: 20px;
	line-height: normal;
}

#pdfReportResult a.pdfReportResultLink
{
	text-align: center;
	display: table;
	margin: 25px auto;
	font-size: 18px;
	/* padding-bottom: 60px; */
}

#pdfReportResult p.pdfReportResultInfo
{
	text-align: center;
	font-size: 15px;
	margin-top: 50px;
	font-style: italic;
	color: grey;
	padding-bottom: 10px;
}






#pdfReportPopup .loaderDiv
{
	display: none;
}

#pdfReportPopup .loaderDiv .loader {
  width: 250px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  /* position: absolute; */
  /* top: 50%; */
  margin: 50px 0px 0 150px;
  /* left: 50%; */
  transform: translate(-50%, -50%);
  font-family: helvetica, arial, sans-serif;
  text-transform: uppercase;
  font-weight: 600;
  color: #61B6E6;
  letter-spacing: 0.2em;
}
#pdfReportPopup .loaderDiv .loader::before, .loader::after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  background: #61B6E6;
  position: absolute;
  animation: load .7s infinite alternate ease-in-out;
}
#pdfReportPopup .loaderDiv .loader::before {
  top: 0;
}
#pdfReportPopup .loaderDiv .loader::after {
  bottom: 0;
}

/* link numbers and switchboards section */


#linkNumberContainer
{
	display: none;
	position: absolute;
    z-index: 2000000;
    width: 100%;
    height: 100%;
}

#linkNumberPopup
{
    z-index: 3000000;
    display: block;
    width: 300px;
    height: auto;
    padding: 30px;
    /* text-align: center; */
    background-color: white;
    opacity: 1 !important;
    border: 2px solid #61B6E6;
    border-radius: 3px;
    font-family: helvetica;
    font-size: 15px;
    margin: 50px auto;

}

#linkNumberPopup div#linkNumberPopupClose
{
	position: relative;
	/* bottom: 30px; */
	/* right:0; */
	/* margin-top: -10px; */
	padding-left: 100%;
	top: -15px;
}

#linkNumberPopup span#linkNumberPopupCloseIcon
{
	
	font-family: Lucida Sans Unicode, Arial Unicode MS;
	color: #42AFED;
	cursor: pointer;
	font-size: 20px;
	/* display: block; */
}



#linkNumberForm .linkNumberFormTitle
{
	text-align: center;
    font-size: 20px;
    padding-bottom: 10px;
}


#linkNumberForm input#linkNumberFormSubmit
{
    margin: 0 auto;
    display: block;
    padding: 10px;
    background: #42AFED;
    font-size: 18px;
    border-radius: 2px;
    margin-bottom: 15px;
    color: white;
    /* border: 1px solid #61B6E6; */
}


#linkNumberForm input#linkNumberFormSubmit:hover
{
	color: #42AFED;
	background: white;
	border: 1px inset #42AFED;
	margin-bottom: 13px;
}

#linkNumberResultSuccess, #linkNumberResultError
{
	display: none;
}

#linkNumberResult p.linkNumberResultTitle
{
	text-align: center;
	font-size: 20px;
	display: block;
	padding-bottom: 20px;
	line-height: normal;
}

#linkNumberResult a.linkNumberResultLink
{
	text-align: center;
	display: table;
	margin: 25px auto;
	font-size: 18px;
	/* padding-bottom: 60px; */
}








#linkNumberPopup .loaderDiv
{
	display: none;
}

#linkNumberPopup .loaderDiv .loader {
  width: 250px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  /* position: absolute; */
  /* top: 50%; */
  margin: 50px 0px 0 150px;
  /* left: 50%; */
  transform: translate(-50%, -50%);
  font-family: helvetica, arial, sans-serif;
  text-transform: uppercase;
  font-weight: 600;
  color: #61B6E6;
  letter-spacing: 0.2em;
}
#linkNumberPopup .loaderDiv .loader::before, .loader::after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  background: #61B6E6;
  position: absolute;
  animation: load .7s infinite alternate ease-in-out;
}
#linkNumberPopup .loaderDiv .loader::before {
  top: 0;
}
#linkNumberPopup .loaderDiv .loader::after {
  bottom: 0;
}









@keyframes load {
  0% {
    left: 0;
    height: 30px;
    width: 15px;
  }
  50% {
    height: 8px;
    width: 40px;
  }
  100% {
    left: 235px;
    height: 30px;
    width: 15px;
  }
}


#mergeCompaniesBox, #mergeContactsBox
{
	display: none;
	position: absolute;
    z-index: 2000000;
    width: 100%;
    height: 100%;
}

#mergeCompaniesPopup, #mergeContactsPopup
{
    z-index: 3000000;
    display: block;
    min-width: 400px;
    width: 60%;
    height: auto;
    padding: 30px;
    /* text-align: center; */
    background-color: white;
    opacity: 1 !important;
    border: 2px solid #61B6E6;
    border-radius: 3px;
    font-family: helvetica;
    font-size: 15px;
    margin: 50px auto;

}

#mergeCompaniesPopup #mergeCompaniesContainer .mergeCompaniesFormTitle, #mergeContactsPopup #mergeContactsContainer .mergeContactsFormTitle
{
   	text-align: center;
    font-size: 20px;
    padding-bottom: 20px;
}

#mergeCompaniesPopup #mergeCompaniesContainer label, #mergeContactsPopup #mergeContactsContainer label
{
	font-size: 16px;
	padding: 5px 2px 5px 2px;
}

#mergeCompaniesPopup .mergeCompaniesLeft, #mergeContactsPopup .mergeContactsLeft
{
	height: 90%;
	float: left;
	width: auto;
	max-width: 40%;
}

#mergeCompaniesPopup .mergeCompaniesLeft label, #mergeCompaniesPopup .mergeCompaniesRight label, #mergeContactsPopup .mergeContactsLeft label, #mergeContactsPopup .mergeContactsRight label
{
	display: inline-block;
  	width: 140px;
  	text-align: right;
}

#mergeCompaniesPopup .mergeCompaniesLeft input, #mergeCompaniesPopup .mergeCompaniesRight input, #mergeContactsPopup .mergeContactsLeft input, #mergeContactsPopup .mergeContactsRight input
{
	float: right;
}

#mergeCompaniesPopup .mergeCompaniesRight, #mergeContactsPopup .mergeContactsRight
{
	height: 90%;
	float: right;
	width: auto;
	max-width: 40%;
	/*padding-right: 20px;*/
}

#mergeCompaniesPopup div#mergeCompaniesPopupClose, #mergeContactsPopup div#mergeContactsPopupClose
{
	position: relative;
	/* bottom: 30px; */
	/* right:0; */
	/* margin-top: -10px; */
	padding-left: 100%;
	top: -15px;
}

#mergeCompaniesPopup span#mergeCompaniesPopupCloseIcon, #mergeContactsPopup span#mergeContactsPopupCloseIcon
{
	
	font-family: Lucida Sans Unicode, Arial Unicode MS;
	color: #42AFED;
	cursor: pointer;
	font-size: 20px;
	/* display: block; */
}

#mergeCompaniesContainer input[type=submit], #mergeContactsContainer input[type=submit]
{
	padding: 10px;
    display: block;
    margin: 15px auto;
    background-color: #61B6E6;
    color: #ffffff;
    font-size: 14px;
    width: 172px;
    border: 2px solid #61B6E6;
    box-shadow: 1px 1px 1px 1px #61B6E6;
}

#mergeCompaniesContainer input[type=submit]:hover, #mergeContactsContainer input[type=submit]:hover
{
	background-color: white;
    color: #61B6E6;
	box-shadow: none;
}

#mergeCompaniesValidationBox, #mergeContactsValidationBox
{
	display: none;
	z-index: 3000001;
    position: relative;
    min-width: 400px;
    width: 60%;
    height: auto;
    min-height: 100px;
    padding: 30px;
    /* text-align: center; */
    background-color: white;
    opacity: 1 !important;
    border: 2px solid #61B6E6;
    border-radius: 3px;
    font-family: helvetica;
    font-size: 15px;
    margin: 50px auto;
    text-align: center;
}

#mergeCompaniesValidationBox #mergeCompaniesValidationText, #mergeContactsValidationBox #mergeContactsValidationText
{
	text-align: center;
    font-size: 16px;
    line-height: 23px;
}

#mergeCompaniesValidationBox #mergeCompaniesValidationText span, #mergeContactsValidationBox #mergeContactsValidationText span
{
	font-weight: bold;
}

#mergeCompaniesValidationBox input[type=submit], #mergeContactsValidationBox input[type=submit]
{
	padding: 10px;
    display: inline-block;
    margin: 15px auto;
    background-color: #61B6E6;
    color: #ffffff;
    font-size: 14px;
    width: 172px;
    border: 2px solid #61B6E6;
    box-shadow: 1px 1px 1px 1px #61B6E6;
}

#mergeCompaniesValidationBox input[type=submit]:hover, #mergeContactsValidationBox input[type=submit]:hover
{
	background-color: white;
    color: #61B6E6;
	box-shadow: none;
}

#mergeIntoThirdCompanyBox, #mergeIntoThirdContactBox
{
	display: none;
	z-index: 3000001;
    position: relative;
    min-width: 400px;
    width: 60%;
    height: auto;
    min-height: 100px;
    padding: 30px;
    /* text-align: center; */
    background-color: white;
    opacity: 1 !important;
    border: 2px solid #61B6E6;
    border-radius: 3px;
    font-family: helvetica;
    font-size: 15px;
    margin: 50px auto;
    text-align: center;
}

#mergeIntoThirdCompanyBox p, #mergeIntoThirdContactBox p
{
	text-align: center;
    font-size: 16px;
    line-height: 23px;
}

#mergeIntoThirdCompanyBox p span, #mergeIntoThirdContactBox p span
{
	font-weight: bold;
}


#mergeIntoThirdCompanyBox input[type=submit], #mergeIntoThirdContactBox input[type=submit]
{
	padding: 10px;
    display: inline-block;
    margin: 15px auto;
    background-color: #61B6E6;
    color: #ffffff;
    font-size: 14px;
    width: 172px;
    border: 2px solid #61B6E6;
    box-shadow: 1px 1px 1px 1px #61B6E6;
}

#mergeIntoThirdCompanyBox input[type=text], #mergeIntoThirdContactBox input[type=text]
{
	padding: 5px;
    display: inline-block;
    margin: 15px auto;
    background-color: white;
    color: black;
    font-size: 15px;
    width: 172px;
    border: 1px solid #61B6E6;
}


#mergeIntoThirdCompanyBox input[type=submit]:hover, #mergeIntoThirdContactBox input[type=submit]:hover
{
	background-color: white;
    color: #61B6E6;
	box-shadow: none;
}

#mergeIntoThirdCompanyBox #confirmThirdMerging:disabled, #mergeIntoThirdContactBox #confirmThirdMerging:disabled
{
	background-color: lightgrey;
	color: grey;
	box-shadow: none;
	border: 1px solid grey;
	cursor: not-allowed;
}




#mergeCompaniesSuccess, #mergeContactsSuccess
{
	display: none;
	z-index: 3000001;
    position: relative;
    min-width: 400px;
    width: 60%;
    height: auto;
    min-height: 100px;
    padding: 30px;
    /* text-align: center; */
    background-color: white;
    opacity: 1 !important;
    border: 2px solid #61B6E6;
    border-radius: 3px;
    font-family: helvetica;
    font-size: 15px;
    margin: 50px auto;
    text-align: center;
}

a#mergeSuccessReload
{
	text-decoration: none;
    padding: 5px;
    display: block;
    margin: 15px auto;
    font-size: 15px;
    color: white;
    width: 100px;
    background-color: #61b6e6;
    border: 1px solid #61b6e6;
}

a#mergeSuccessReload:hover
{
	color: #61b6e6;
	background-color: white;
}

#mergeCompaniesPopup .loaderDiv, #mergeContactsPopup .loaderDiv
{
	display: none;
}

#mergeCompaniesPopup .loaderDiv .loader, #mergeContactsPopup .loaderDiv .loader {
  	width: 250px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    /* position: absolute; */
    /* top: 50%; */
    margin: 0px 50%;
    /* left: 50%; */
    transform: translate(-50%, -50%);
    font-family: helvetica, arial, sans-serif;
    text-transform: uppercase;
    font-weight: 600;
    color: #61B6E6;
    letter-spacing: 0.2em;
}
#mergeCompaniesPopup .loaderDiv .loader::before, .loader::after, #mergeContactsPopup .loaderDiv .loader::before, .loader::after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  background: #61B6E6;
  position: absolute;
  animation: load .7s infinite alternate ease-in-out;
}
#mergeCompaniesPopup .loaderDiv .loader::before, #mergeContactsPopup .loaderDiv .loader::before {
  top: 0;
}
#mergeCompaniesPopup .loaderDiv .loader::after, #mergeContactsPopup .loaderDiv .loader::after {
  bottom: 0;
}


.editEmailDisplayChannel, .editEmailDisplayChannel:visited, .editEmailDisplayChannel:active
{
	display: inline-block;
	background-color: #e4e4e4;
	color: black;
	border: 1px solid #aaaaaa;
	padding: 5px 4px 5px 4px;
	margin-right: 5px;
	margin-top: 5px;
	font-weight: bold;
	text-align: center;
	border-radius: 2px;
	cursor: pointer;
	text-decoration: none;
}

.editEmailDisplayChannel:hover
{
	background-color: #bebcbc;
	color: black;
}

.editEmailDisplayChannel img
{
	cursor:help;
    margin-top: 2px;
    display: inline-block;
    padding-right: 5px;
    float: left;
}

#mergeCompaniesTable, #mergeContactsTable
{
	margin: 0 auto;
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
    border: 1px solid #cbcbcb;
}

#mergeCompaniesTable thead, #mergeContactsTable thead
{
	background-color: #e0e0e0;
    color: #000;
    text-align: left;
    vertical-align: bottom;
}

#mergeCompaniesTable td, #mergeCompaniesTable th, #mergeContactsTable td, #mergeContactsTable th
{
    border-left: 1px solid #cbcbcb;
    border-width: 0 0 0 1px;
    font-size: inherit;
    margin: 0;
    overflow: visible;
    padding: .5em 1em;
}

#mergeCompaniesTable td, #mergeContactsTable td
{
	background-color: transparent;
}

#mergeCompaniesTable td:first-child, #mergeCompaniesTable th:first-child, #mergeContactsTable td:first-child, #mergeContactsTable th:first-child
{
    border-left-width: 0;
}
.attachmentsCountBadge {
      display: inline-block;
    /* vertical-align: text-top; */
    /* margin-left: 10px; */
    top: -14px;
    left: -8px;
    position: relative;
    padding: 0 3px;
    line-height: 11px;
    font-size: 9px;
    color: white;
    /* text-shadow: 0 1px #902a27; */
    background: #000000;
     border-radius: 2px; 
    /* background-image: -webkit-linear-gradient(top, #f65d5f, #e93631); */
    background-image: -moz-linear-gradient(top, #f65d5f, #e93631);
    background-image: -o-linear-gradient(top, #f65d5f, #e93631);
    /* background-image: linear-gradient(to bottom, #f65d5f, #e93631); */
    /* -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px rgba(0, 0, 0, 0.2); */
    /* box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px rgba(0, 0, 0, 0.2); */
}





#DisplayMessagesSwitchImg , #DisplayAttachmentsSwitchImg
{
	text-decoration: underline;
    color: black;
    font-size: 11px;
    position: relative;
    line-height: 17px;
    margin-left: 10px;
    font-weight: bold;

}

/*
 * The Attachments Grid View
 */



  /* Add `.grid` for the table */
  #attachmentsGrid {
    display: table;
    width: auto;
    table-layout: fixed;
  }

  /* Add `.col` for the table cells, or columns */
  .attachmentColumn {
    display: inline-block;
  }

  /* Set the widths */
  .col-1 {width: 190px;}

  /* Padded columns */
  .attachmentColumnPadded {
    margin-left:  -1rem;
    margin-right: -1rem;
  }
  .attachmentColumnPadded #attachmentsGrid {
    border-spacing: 1rem 0;
  }



/*
 * Vertically center grid content
 *
 * Requires content within the column to be inline or inline-block.
 */

.grid-align-middle .attachmentColumn {
  vertical-align: middle;
}


#attachmentsGrid {
  margin-bottom: 4rem;
}


/**** GRID VIEW *****/

#attachmentsGrid .attachmentColumn {
  /* line-height: 200px; */
  text-align: center;
  color: #333;
  background-color: #f4f4f4;
  height: 190px;
  margin: 20px 0px 0px 20px;
  padding: 20px 10px;
  border: 2px solid white;
  -webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,.25);
  box-shadow: inset 0px 0px 6px rgba(0, 0, 0, 0.09);
  vertical-align: middle;
}



#attachmentsGrid .attachmentColumn:hover {
  border: 2px solid #d8d8d8;
}



.attachmentColumn .attachmentColumnTitle {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	height: 15px;
	font-size: 13px;
}

.attachmentColumn .attachmentColumnTitle:hover {
	cursor: pointer;	
}

.attachmentColumn .attachmentColumnDate{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 11px;
	margin-top: 5px;
	font-style: italic;
}

.attachmentColumn .attachmentColumnSubject {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 11px;
	margin-top: 5px;
}

.attachmentColumn .attachmentColumnSubject:hover {
	overflow: visible;
	white-space: normal;
	font-size: 11px;
	font-weight: bold;
	word-break: break-all;
	cursor: pointer;
	margin-top: 5px;
}

/**** LIST VIEW *****/

#attachmentsGrid .attachmentColumnList {
  	line-height: 13px;
  	text-align: center;
  	color: #333;
  	text-align: left;
  	background-color: white;
  	height: 20px;
  	width: 100%;
  	margin: 0px 0px 0px 0px;
  	padding: 1px 0px;
  	border: 0px solid #f4f4f4;
  	-webkit-box-shadow: none;
  	box-shadow: none;
  	vertical-align: middle;
}



#attachmentsGrid .attachmentColumnList:hover {
  border: 0px solid #f4f4f4;
  background-color: #e6e6e6;
}



.attachmentColumnList .attachmentColumnTitle {
	overflow: hidden;
	/* text-overflow: ellipsis; */
	/* white-space: nowrap; */
	height: 13px;
	display: inline-block;
	float: left;
	/* height: 15px; */
	margin-top: 5px;
	width: 150px;
	margin-left: 15px;
	font-size: 12px;
}

.attachmentColumnList .attachmentColumnTitle:hover {
	cursor: pointer;	
}

.attachmentColumnList .attachmentColumnThumbnail
{
	float: left;
	margin-top: 4px;
	margin-left: 10px;
}

.attachmentColumnList .attachmentColumnDate{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 12px;
	float: left;
	/* margin-top: 5px; */
	font-style: italic;
	width: 100px;
	margin-left: 15px;
	display: inline-block;
}

.attachmentColumnList .attachmentColumnSubject {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 11px;
	margin-top: 5px;
	/* max-width: 290px; */
	width: auto;
	float: left;
}

.attachmentColumnList .attachmentColumnSubject:hover {
	cursor: pointer;
	font-weight: normal;
}

/*** LOAD MORE ****/

#attachmentsLoadMoreDiv
{
	width: 100%;
	min-width: 1000px;
	text-align: center;
	/* bottom: 50px; */
	margin-top: 25px;
	/* position: absolute; */
	padding-bottom: 30px;
}

#attachmentsLoadMoreSpinner
{
	width: 100%;
	min-width: 1000px;
	text-align: center;
	/* bottom: 50px; */
	margin-top: 25px;
	/* position: absolute; */
	padding-bottom: 30px;
}

#attachmentsLoadMoreSpinner
{
	color:lightgray;	
}

#loadMoreAttachments
{
	font-weight: bold;
	cursor: pointer;
	text-decoration: underline;
}



/**** FILTERS *****/



#attachmentsGridFilters {
	position: fixed;
	min-height: 50px;
	background-color: #e2e2e2;
	border-top: 1px solid #c7c7c7;
	width: 100%;
	min-width: 1000px;
	bottom:0;
	/* overflow-wrap: break-word; */
	/* overflow: scroll; */
}


#attachmentsGridFilters .attachmentsGridFilterName {
	float: left;
	width: 200px;
	height: 20px;
	font-size: 13px;
	margin-top: 15px;
	display: inline-block;
	margin-left: 15px;
	outline: none;
	border: #989797 1px solid;
	padding: 2px 0 2px 4px;
}

#attachmentsGridFilters label[for="attachmentsGridFilterName"] {
	float: left;
	margin: 20px 0 0 20px;
	display: inline-block;
	font-size: 13px;
}

#attachmentsGridFilters .attachmentsGridSortLabel
{
	margin: 20px 0 0 50px;
	float: left;
	font-size: 13px;
	display: inline-block;
}

#attachmentsGridFilters input[name="attachmentsGridSort"]
{
	 font-size: 13px;
	 /* margin: 15px 0 0 15px; */
	 float: left;
	 margin-top: 21px;
	 margin-left: 20px;
	 display: inline-block;
}

#attachmentsGridFilters .attachmentsGridSortText
{
	 font-size: 13px;
	 margin: 21px 0 0 15px;
	 float: left;
	 /* margin-top: -9px; */
	 /* margin-left: 5px; */
	 /* height: 48px; */
	 /* margin-top: -28px; */
	 vertical-align: middle;
	 display: inline-block;
}

#attachmentsGridFilters #attachmentsGridLayoutGrid , #attachmentsGridFilters #attachmentsGridLayoutList
{
	margin: 15px 20px 0 0px;
    float: right;
}

.currentAttachmentDownload:not(.attachmentNotReady):hover, .currentAttachmentClosePreview:hover, .currentAttachmentEmailLink:hover, .currentAttachmentShowText:not(.attachmentTextNotReady):hover, .currentAttachmentShowLargeThumbnail:hover
{
	background-color: rgba(241, 227, 227, 0.33);
	cursor: pointer;
}

.attachmentNotReady, .attachmentTextNotReady
{
	opacity: 0.2;
	cursor: default;
}


.speechmaticsSummary
{
	display: block;
    background-color: #ededed;
    max-width: 20%;
    position: fixed;
    width: auto;
    border-radius: 5px;
    padding: 10px;
    right: 50px;
    font-size: 13px;
    font-weight: lighter;
    max-height: 80vh;
    overflow-y: overlay;
}

.speechTranscriptSection, .sspeechTranscriptSection
{
	width: 40%;
	display: none;
	-ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
}

* > .speechTranscriptSection, * > .sspeechTranscriptSection
{
	float: left;
	margin-right: 0;
	position: fixed;
    width: 35%;
}

* > .speechTranscriptSection ~ .speechTranscriptSection, * > .sspeechTranscriptSection ~ .sspeechTranscriptSection
{
	float: right;
	margin-right: 30px;
	position: fixed;
    width: 35%;
    right: 0;
}

.speechTranscriptToken, .sspeechTranscriptToken
{
	margin-right: 3px;
	display: inline-block;
	font-size: 15px;
}

.summarytopics, .summarydiscussion
{
	font-weight: 600;
    display: block;
}

.speechTranscriptSection .speechTranscriptToken, .sspeechTranscriptSection .sspeechTranscriptToken
{
	    display: inline-block;
	    padding: 2px;
	    margin-right: 0;
}

#fullTextHeaderSpeakerA
{
	    text-align: center;
    width: 100%;
    margin-bottom: 20px;
    margin-top: 20px;
    font-weight: bold;
    display: inline-block;
    color: #0083be;
}

#fullTextHeaderSpeakerB
{
	    text-align: center;
    width: 100%;
    margin-bottom: 20px;
    margin-top: 20px;
    font-weight: bold;
    display: inline-block;
    color: #686868;
}

#schatFormatTranscript
{
	width: 70%;
	display: block;
	border: 0;
	margin: 20px 30%;
}

#chatFormatTranscript
{
	width: 70%;
	display: none;
	border: 0;
	margin: 20px 30%;
}

.scriptBubble
{
    
    -ms-flex-item-align: start;
    align-self: flex-start;
    font-size: 16px;
    position: relative;
    display: inline-block;
    clear: both;
    margin: 0 0 0.5em;
    border-radius: 1em;
    padding: 0.5em 1em;
    vertical-align: top;
    cursor : pointer;
}

#chatFormatTranscript .bubbleSpeakerA
{
	color: #fff;
	/* margin-left: 28%; */
	float: left;
	background-color: #0083be;
	max-width: 56%;
	word-wrap: break-word;
	border: 1px solid #0083be;
}

#schatFormatTranscript .bubbleSpeakerA
{
	color: #000;
    /* margin-left: 28%; */
    float: left;
    background-color: #dfdfdf;
    max-width: 56%;
    word-wrap: break-word;
    border: 1px solid #dfdfdf;
}

/*.bubbleSpeakerA:before
{
	position: absolute;
    top: 19px;
    display: block;
    width: 8px;
    height: 6px;
    content: '\00a0';
    -webkit-transform: rotate(29deg) skew(-35deg);
    transform: rotate(29deg) skew(-35deg);
    left: -3px;
    background-color: #00b0ff;
}*/

#chatFormatTranscript .bubbleSpeakerA:after
{
	content: "";
	position: absolute;
	left: -0.5em;
	bottom: 0;
	width: 0.5em;
	height: 1em;
	border-right: 0.5em solid #0083be;
	border-bottom-right-radius: 1em 0.5em;
}

#schatFormatTranscript .bubbleSpeakerA:after
{
	content: "";
	position: absolute;
	left: -0.5em;
	bottom: 0;
	width: 0.5em;
	height: 1em;
	border-right: 0.5em solid #dfdfdf;
	border-bottom-right-radius: 1em 0.5em;
}

#chatFormatTranscript .bubbleSpeakerB:after
{
	content: "";
	position: absolute;
	left: -0.5em;
	bottom: 0;
	width: 0.5em;
	height: 1em;
	border-right: 0.5em solid #686868;
	border-bottom-right-radius: 1em 0.5em;
}

#schatFormatTranscript .bubbleSpeakerB:after
{
	content: "";
    position: absolute;
    right: -0.5em;
    bottom: 0;
    width: 0.5em;
    height: 1em;
    border-left: 0.5em solid #147efb;
    border-bottom-left-radius: 1em 0.5em;
}

#chatFormatTranscript .bubbleSpeakerB
{
	color: #fff;
	float: left;
	background-color: #686868;
	/* margin-right: 29%; */
	max-width: 56%;
	word-wrap: break-word;
	border: 1px solid #686868;
}

#schatFormatTranscript .bubbleSpeakerB
{
	color: #fff;
    float: right;
    background-color: #147efb;
    margin-right: 45%;
    max-width: 56%;
    word-wrap: break-word;
    border: 1px solid #147efb;
}

.bubbleSpeakerCurrent
{
	background-color : #00a176 !important;
	border: 1px solid #00a176 !important;
	color: white !important;
}

.bubbleSpeakerCurrent:after
{
	border-color: #00a176 !important;
}

/*.bubbleSpeakerB:before
{
	position: absolute;
    top: 19px;
    display: block;
    width: 8px;
    height: 6px;
    content: '\00a0';
    -webkit-transform: rotate(29deg) skew(-35deg);
    transform: rotate(29deg) skew(-35deg);
    right: -3px;
    background-color: #686868;
}*/

#chatHeaderSpeakerA
{
	float: left;
	font-size: 20px;
	font-weight: bold;
	color: #0083be;
	margin-left: 5px;
	word-wrap: break-word;
	margin-bottom: 50px;
}

#schatHeaderSpeakerA
{
	float: left;
	font-size: 20px;
	font-weight: bold;
	color: #3a393a;
	margin-left: 5px;
	word-wrap: break-word;
	margin-bottom: 50px;
}

#chatHeaderSpeakerB
{
	float: right;
	font-size: 20px;
	font-weight: bold;
	color: #686868;
	margin-right: 5px;
	word-wrap: break-word;
	margin-bottom: 50px;
}

#schatHeaderSpeakerB
{
	float: right;
	font-size: 20px;
	font-weight: bold;
	color: #147efb;
	margin-right: 5px;
	word-wrap: break-word;
	margin-bottom: 50px;
}

.chatHeaders
{
	width: 56%;
    display: block;
    height: auto;
}

.tokenPlaying
{
	color: rgb(244, 255, 0);
}

#chatLayoutOptions
{
	display: inline-block;
	/* width: 70%; */
	color: black;
	font-size: 16px;
	/* font-weight: bold; */
	text-decoration: underline;
	text-align: left;
	/* margin: 15px auto; */
	margin-left: 30px;
	/* margin-top: -10px; */
	/* margin-bottom: 15px; */
	position: absolute;
	margin-top: -30px;
}

#chatLayoutOptions .showChatLayout
{
	display : none;
	cursor: pointer;
	
}

#chatLayoutOptions span
{
	margin-right: 15px;
}

#chatLayoutOptions .showGoogleTranscript
{
	display: none;
	cursor: pointer;
}

#chatLayoutOptions .showSpeechmaticsTranscript
{
	cursor: pointer;
}

#chatLayoutOptions .showFullTextLayout
{
	cursor: pointer;
	display: none;
}



/* .togglePrivateSharedContainer
{
	width: 160px;
	height: 26px;
	margin: auto;
	float: right;
	margin-top: 27px;
	position: relative;
	border-radius: 6px;
	padding-top: 3px;
	overflow: hidden;
	user-select: none;
	cursor: pointer;
	margin-bottom: 10px;
	margin-right: 5px;
}


.togglePrivateSharedContainer a
{
	text-decoration: none;
	opacity: .6;
	padding: 60px;
	font-weight: bolder;
	position: absolute;
	right: 0px;
	bottom: 0px;
	font-size: 1.4em;
}

.togglePrivateSharedContainer a:hover
{
	opacity: 1;
}

.togglePrivateSharedContainer .inner-container {
	position: absolute;
	left: 0;
	top: 0;
	width: inherit;
	height: inherit;
	text-transform: uppercase;
	font: normal normal 12px/12px Helvetica;
	letter-spacing: .2em;
}

.togglePrivateSharedContainer .inner-container:first-child {
	background: #e9e9e9;
	color: #a9a9a9;
}

.togglePrivateSharedContainer .inner-container:nth-child(2) {
	background: #39b100;
	color: white;
	clip-path: inset(0 50% 0 0);
	width: 50%;
	-webkit-clip-path: inset(0 50% 0 0);
	transition: .3s cubic-bezier(0,0,0,1);
}

.togglePrivateSharedContainer .toggle {
	width: 50%;
	position: absolute;
	height: inherit;
	display: flex;
	box-sizing: border-box;
}

.togglePrivateSharedContainer .toggle p {
	margin: auto;
}

.togglePrivateSharedContainer .toggle:nth-child(1) {
	right: 0;
} */



.togglePrivateSharedContainer
{
	width: 160px;
	height: 26px;
	margin: auto;
	float: right;
	margin-top: 27px;
	position: relative;
	border-radius: 6px;
	/* padding-top: 3px; */
	overflow: hidden;
	user-select: none;
	cursor: pointer;
	margin-bottom: 10px;
	margin-right: 5px;
}


.togglePrivateSharedContainer a
{
	text-decoration: none;
	opacity: .6;
	padding: 60px;
	font-weight: bolder;
	position: absolute;
	right: 0px;
	bottom: 0px;
	font-size: 1.4em;
}

.togglePrivateSharedContainer a:hover
{
	opacity: 1;
}

.togglePrivateSharedContainer .inner-container {
	position: absolute;
	left: 0;
	top: 0;
	width: inherit;
	height: inherit;
	/* text-transform: uppercase; */
	font: normal normal 12px/12px Helvetica;
	/* letter-spacing: .2em; */
}

.togglePrivateSharedContainer .inner-container:first-child {
	background: #e9e9e9;
	color: #a9a9a9;
}



.togglePrivateSharedContainer .inner-container:nth-child(2) {
  /* green part */
  
	background: #39b100;
	color: white;
	width: 50%;
	transition: .3s cubic-bezier(0,0,0,1);
}

.togglePrivateSharedContainer .toggle {
	width: 50%;
	position: absolute;
	height: inherit;
	display: flex;
	box-sizing: border-box;
}



.togglePrivateSharedContainer .toggle p {
	margin: 6px auto;
}

.togglePrivateSharedContainer .toggle-container p {
  margin: 6px auto;
  text-align: center;
}

.togglePrivateSharedContainer .toggle:nth-child(1) {
	right: 0;
}


/* auto manual container */
.toggleManualAutoContainer
{
	width: 160px;
	height: 26px;
	margin: auto;
	float: right;
	margin-top: 27px;
	position: relative;
	border-radius: 6px;
	/* padding-top: 3px; */
	overflow: hidden;
	user-select: none;
	cursor: pointer;
	margin-bottom: 10px;
	margin-right: 5px;
}


.toggleManualAutoContainer a
{
	text-decoration: none;
	opacity: .6;
	padding: 60px;
	font-weight: bolder;
	position: absolute;
	right: 0px;
	bottom: 0px;
	font-size: 1.4em;
}

.toggleManualAutoContainer a:hover
{
	opacity: 1;
}

.toggleManualAutoContainer .inner-container {
	position: absolute;
	left: 0;
	top: 0;
	width: inherit;
	height: inherit;
	/* text-transform: uppercase; */
	font: normal normal 12px/12px Helvetica;
	/* letter-spacing: .2em; */
}

.toggleManualAutoContainer .inner-container:first-child {
	background: #e9e9e9;
	color: #a9a9a9;
}



.toggleManualAutoContainer .inner-container:nth-child(2) {
  /* grey part */
  
	background: #808080;
	color: white;
	width: 50%;
	transition: .3s cubic-bezier(0,0,0,1);
}

.toggleManualAutoContainer .toggle {
	width: 50%;
	position: absolute;
	height: inherit;
	display: flex;
	box-sizing: border-box;
}



.toggleManualAutoContainer .toggle p {
	margin: 6px auto;
}

.toggleManualAutoContainer .toggle-container p {
  margin: 6px auto;
  text-align: center;
}

.toggleManualAutoContainer .toggle:nth-child(1) {
	right: 0;
}





/****
For the notifications and subscription UI
****/


#subscriptionContainer
{
	position: absolute;
    right: 0;
    /* top: 0; */
    float: right;
    width: auto;
    display: grid;
}

.subscribeButton
{
	display: inline-block;
    width: auto;
    /* padding: 5px; */
    
    color: black;
    /* border: 1px solid #aaaaaa; */
    padding: 5px 4px 5px 4px;
    margin-right: 25px;
    margin-top: 5px;
    font-weight: bold;
    text-align: center;
    border-radius: 2px;
    cursor: pointer;
    text-decoration: none;
    border: 1px #aaaaaa solid;
}

.subscribeButton.subscribeOff
{
	background-color: #e4e4e4;
	border: 1px #aaaaaa solid;
}

.subscribeButton.subscribeOn
{
	background-color: rgb(59, 226, 1);
    border: 1px #8affa8 solid;
    opacity: 0.6;
}

.subscribeButton.subscribeOn img.tickOff
{
	display: none;
}

.subscribeButton.subscribeOn:hover img.tickOff
{
	display: initial;
}

.subscribeButton.subscribeOn:hover img.tickOn
{
	display: none;
}

.subscribeButton.subscribeOff:hover
{
	background-color: #bebcbc;
    color: black;
}

.subscribeButton.subscribeOn:hover
{
	background-color: #f35656;
    color: #000000;
    opacity: 1;
}



.subscribeButton.subscribeOff img.tickOn, .subscribeButton.subscribeOff img.tickOff
{
	display: none;
}

.subscribeButton.subscribeOn img.eyeOn
{
	display: none;
}

.notificationBadge 
{
	position: absolute;
    left: 20px;
    top: 0;
    font-size: 0.6em;
    background: #cc4b37;
    color: #fefefe;
    display: inline-block;
    min-width: 2.1em;
    padding: 0.1em;
    border-radius: 50%;
    text-align: center;
    -webkit-animation-name: Floatingx;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-name: Floating;
    -moz-animation-duration: 1s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: ease-in-out;
    

}

@-webkit-keyframes Floatingx{
    from {-webkit-transform:translate(0, 0px);}
    65% {-webkit-transform:translate(0, 2px);}
    to {-webkit-transform: translate(0, -0px);    }    
}
    
@-moz-keyframes Floating{
    from {-moz-transform:translate(0, 0px);}
    65% {-moz-transform:translate(0, 2px);}
    to {-moz-transform: translate(0, -0px);}    
}


.notificationDropdownItemActive
{
	font-weight: bold !important;
}


/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 999999;
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
    -webkit-animation-name: mfadeIn; /* Fade in the background */
    -webkit-animation-duration: 0.4s;
    animation-name: mfadeIn;
    animation-duration: 0.4s
}

/* Modal Content/Box */
.modal-content {
    /* background-color: #fefefe; */
    margin: 10% auto; /* 15% from the top and centered */
    padding: 20px;
    /* border: 1px solid #888; */
    width: 40%; /* Could be more or less, depending on screen size */
    min-width: 400px;
    -webkit-animation-name: mslideIn;
    -webkit-animation-duration: 0.4s;
    animation-name: mslideIn;
    animation-duration: 0.4s;
}

/* The Close Button */
.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}



#notificationContainer 
{
	background-color: #fff;
	border: 1px solid rgba(100, 100, 100, .4);
	-webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
	overflow: visible;
	/* position: absolute; */
	/* top: 30px; */
	/* margin-left: -170px; */
	width: 100%;
	/* z-index: -1; */
	/* display: none; */
}

#notificationContainer:before {
	content: '';
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	color: transparent;
	border: 10px solid black;
	border-color: transparent transparent white;
	/* margin-top: -20px; */
	/* margin-left: 188px; */
}
#notificationTitle
{
	font-weight: bold;
	padding: 15px;
	font-size: 14px;
	background-color: #ffffff;
	/* position: fixed; */
	z-index: 1000;
	border-bottom: 1px solid #dddddd;
}

#notificationTitle img.manageSubscriptionsCog
{
	float: right;
    height: 14px;
    margin-top: 2px;
    margin-left: -3px;
    margin-right: 3px;
	filter: brightness(0%);
    -webkit-filter: brightness(0%);
    -moz-filter: brightness(0%);
    -ms-filter: brightness(0%);
    -o-filter: brightness(0%);
}

#notificationTitle img.manageSubscriptionsCog:hover
{
	 filter: none;
    -webkit-filter: none;
    -moz-filter: none;
    -ms-filter: none;
    -o-filter: none;
}


#notificationsBody
{
	padding: 0px 0px 0px 0px !important;
	max-height: 500px;
	min-height: 200px;
	overflow-y: auto;
}
#notificationFooter
{
	background-color: #e9eaed;
	text-align: center;
	font-weight: bold;
	padding: 8px;
	font-size: 12px;
	border-top: 1px solid #dddddd;
}
#notificationFooter a, #notificationFooter a:visited, #notificationFooter a:active
{
	text-decoration: none;
	color : black;
	font-weight: bold;
}

#notificationFooter a:hover
{
	cursor: pointer;
	text-decoration: underline;
}


#subscriptionsContainer 
{
	background-color: #fff;
	border: 1px solid rgba(100, 100, 100, .4);
	-webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
	overflow: visible;
	/* position: absolute; */
	/* top: 30px; */
	/* margin-left: -170px; */
	width: 100%;
	/* z-index: -1; */
	/* display: none; */
}

#subscriptionsContainer:before {
	content: '';
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	color: transparent;
	border: 10px solid black;
	border-color: transparent transparent white;
	/* margin-top: -20px; */
	/* margin-left: 188px; */
}
#subscriptionsTitle
{
	font-weight: bold;
	padding: 15px;
	font-size: 14px;
	background-color: #ffffff;
	/* position: fixed; */
	z-index: 1000;
	border-bottom: 1px solid #dddddd;
}




#subscriptionsBody
{
	padding: 0px 0px 0px 0px !important;
	max-height: 500px;
	min-height: 200px;
	overflow-y: auto;
}
#subscriptionsFooter
{
	background-color: #e9eaed;
	text-align: center;
	font-weight: bold;
	padding: 8px;
	font-size: 12px;
	border-top: 1px solid #dddddd;
}
#subscriptionsFooter a, #subscriptionsFooter a:visited, #subscriptionsFooter a:active
{
	text-decoration: none;
	color : black;
	font-weight: bold;
}

#subscriptionsFooter a:hover
{
	cursor: pointer;
	text-decoration: underline;
}

.notificationsTableDate
{
	text-align: center;
	font-size: 12px;
	width: 80px;
}

.notificationsTableText
{
	text-align: left;
	padding-left: 40px;
}

#notificationsTable tr.notificationElement[data-read="0"] .notificationsTableRead
{
	text-align: center;
	font-weight: 100 !important;
	padding: 5px 10px;
	/* transition-delay: 0.5s; */
	color: black;
	width: 30px;
	font-size: 12px;
}

#notificationsTable tr.notificationElement[data-read="1"] .notificationsTableRead
{
	color: #a9a9ab;
	padding: 5px 10px;
	/* transition-delay: 0.5s; */
	width: 30px;
	font-size: 12px;
}

.notificationsTableRead:hover
{
	cursor: pointer;
	/* -webkit-filter: drop-shadow(16px 16px 20px blue); */
	/* filter: drop-shadow(16px 16px 20px blue); */
	color: white !important;
}


#notificationsTable
{
	width: 100%;
	padding: 5px;
	border-collapse: collapse;
	max-height: 200px;
	height: auto;
	position: relative;
}

#notificationsTable tr.notificationElement
{
	height: 50px;
	max-height: 50px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.03);
}

#notificationsTable tr.notificationElement:hover
{
	cursor: pointer;
	background-color: rgba(199, 199, 199, 0.3) !important;
}

#notificationsTable tr.notificationElement[data-read="0"]
{
	
	font-weight: bold;
	background-image: linear-gradient(rgba(29, 33, 41, .04), rgba(29, 33, 41, .04));
    text-decoration: none;
        background-color: #edf2fa;
}

.notificationsTableIcon
{
	text-align: center;
	padding: 10px;
	width: 50px;
}

.notificationsTableIcon img
{
	margin-top: 3px !important;	
}

#notificationsTable tr.notificationElement[data-read="0"] .notificationsTableIcon img
{
	-webkit-filter: brightness(0%);
    filter: brightness(0%);
}






#subscriptionsTable
{
	width: 100%;
	padding: 5px;
	border-collapse: collapse;
	max-height: 200px;
	height: auto;
	position: relative;
}

#subscriptionsTable tr.subscriptionsElement
{
	height: 50px;
	max-height: 50px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.03);
}

#subscriptionsTable tr.subscriptionsElement:hover
{
	
	background-color: rgba(199, 199, 199, 0.3) !important;
}

.subscriptionsTableCompany
{
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	/* width: 50%; */
	padding-left: 50px;
}

.subscriptionsTableDirection
{
	text-align: left;
	padding-left: 50px;
	font-style: italics;
	font-style: italic;
	/* font-weight: bold; */
}

.subscriptionsTableDirection span
{
	margin-right: 10px;
	font-weight: bold;
	text-decoration: underline;
	cursor: pointer;
}

.subscriptionsTableActive
{
	padding-right: 20px;
}

.subscriptionsTableActive input[name="toggleSubscriptionActive"] + label {
    display: inline-block;
    position: relative;
    box-shadow: inset 0 0 0px 1px #badcb9;
    text-indent: -5000px;
    background: #badcb9;
    height: 20px;
    width: 30px;
    border-radius: 15px;
    margin: -1px;
}

.subscriptionsTableActive input[name="toggleSubscriptionActive"] {
	max-height: 0;
    max-width: 0;
    opacity: 0;
}



.subscriptionsTableActive input[name="toggleSubscriptionActive"]:checked + label:before {
    width: 30px;
    background: #13bf11;
}


.subscriptionsTableActive input[name="toggleSubscriptionActive"] + label:before {
    content: "";
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    top: 0;
    left: 0;
    border-radius: 15px;
    background: rgba(19, 191, 17, 0);
    -moz-transition: .25s ease-in-out;
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

.subscriptionsTableActive input[name="toggleSubscriptionActive"]:checked + label:after {
    left: 12px;
    box-shadow: inset 0 0 0 1px #13bf11, 0 2px 4px rgba(0, 0, 0, 0.2);
}


.subscriptionsTableActive input[name="toggleSubscriptionActive"] + label:after {
    content: "";
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    top: 0;
    left: 0px;
    border-radius: 15px;
    background: white;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2), 0 2px 4px rgba(0, 0, 0, 0.2);
    -moz-transition: .25s ease-in-out;
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

.subscriptionsElement[data-fromonly="0"] span.directionFrom
{
	display: none;
}

.subscriptionsElement[data-fromonly="1"] span.directionAll
{
	display: none;
}


/* Add Animation */
@-webkit-keyframes mslideIn {
    from {bottom: -300px; opacity: 0} 
    to {bottom: 0; opacity: 1}
}

@keyframes mslideIn {
    from {bottom: -300px; opacity: 0}
    to {bottom: 0; opacity: 1}
}


#loginSpinnerImage
{
	margin: 25px 25px 0 25px;
    /* position: absolute; */
    width: 300px;
    text-align: center;
}

.loginSpinnerImage {
  /* Spinner size and color */
  width: 1.5rem;
  height: 1.5rem;
  border-top-color: #00ff40;
  border-left-color: #00ff40;

  /* Additional spinner styles */
  animation: loginspinner 400ms linear infinite;
  border-bottom-color: transparent;
  border-right-color: transparent;
  border-style: solid;
  border-width: 2px;
  border-radius: 50%;  
  box-sizing: border-box;
  display: inline-block;
  vertical-align: middle;
}

.linktomanager{
background-color: Crimson;
    border-radius: 2px;
    color: white;
    padding: 10px;
    text-decoration: none;
    font-weight: bold;
    font-size: 11px;
}



.linktomanager:focus,
.linktomanager:hover {
  background-color: FireBrick;
  color: White;
}

.uninstallhubspot{
background-color: #ff7b00;
    border-radius: 2px;
    color: white;
    padding: 10px;
    text-decoration: none;
    font-weight: bold;
    font-size: 11px;
}



.uninstallhubspot:focus,
.uninstallhubspot:hover {
  background-color: #904602;
  color: White;
}


/* Animation styles */
@keyframes loginspinner {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}



@-webkit-keyframes mfadeIn {
    from {opacity: 0} 
    to {opacity: 1}
}

@keyframes mfadeIn {
    from {opacity: 0} 
    to {opacity: 1}
}

.progress {
  width: 140px;
  height: 6px;
  border-radius: 10px;
}

.progress-wrap {
  background: #2EB3D0;
  margin: 20px 0;
  overflow: hidden;
  position: relative;
}
  .progress-bar {
    border-radius: 0 0 10px;
    background: #B9C0C9;
    left: 0;
    position: absolute;
    top: 0;
  }

div.container-email-accounts-table
{
	width: 100%;
	height: 100%;
	position: relative;
	margin: 0 auto;
	
}

.email-accounts-table
{
	border-collapse: separate;
    margin: 50px auto;
    background-color: transparent;
    
}

 .email-accounts-td {
 	color: #666;
 	font-family: Roboto-Medium;
    font-size: 15px;
    line-height: 1.4;
    padding-top: 16px;
    padding-bottom: 16px;
    text-align: center;

 }

.email-accounts-tr
{
	border-bottom: 1px solid #f2f2f2;
}

.email-accounts-tbody
{

}

.email-accounts-th
{
	font-family: Roboto-Bold;
    font-size: 14px;
    color: #333;
    line-height: 1.4;
    text-transform: uppercase;
    /* padding-top: 21px; */
    padding: 21px 21px;
    /* padding-bottom: 21px;*/
    text-align:center;
}

.email-accounts-thead
{
	display: table-header-group;
    vertical-align: middle;
    border-color: inherit;
}

.email-accounts-cell
{

}

.email-accounts-container-table {
    max-width: 1366px;
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    
    justify-content: center;
    padding: 33px 33px;
    background-color: transparent;

}

.add-email-account-table
{
	background-color: #03A9F4;
    border-radius: 2px;
    color: white;
    padding: 10px;
    text-decoration: none;
    font-weight: bold;
    font-size: 11px;
    margin: 50px;
    position: absolute;
    cursor: pointer;
    right: 50px;
}

.add-email-account-table:hover
{
	background-color: #078ac5;
}

#edit-form-accounts, #add-form-accounts
{
	display: block;
	font-family: Helvetica;
	font-size: 13px;
	/* color: white; */
	font-weight: bold;
	line-height: 1.2;
	padding: 10px 20px;
}

.edit-form-accounts, .add-form-accounts
{
	    width: 500px;
	    /* position: absolute; */
	    margin: 100px auto;
	    padding: 50px 40px 70px 40px;
	    border-radius: 5px;
	    background-color: #ffffff;
}

#edit-form-accounts input, #add-form-accounts input
{
	display: block;
	padding: 10px;
	margin: 0 auto;
	width: 90%;
	background-color: #eaeaea;
	border-radius: 5px;
}

#edit-form-accounts label, #add-form-accounts label
{
	display: inline-block;
	text-align: left;
	padding: 10px;
}

a.edit-email-account, a.delete-email-account
{
	cursor:pointer;
	font-weight: bold;
}


.changeButtonDynamic
{
	/*	this is to match the changeButton class, except it uses a button rather than a href,
	*	so it can dynamically resize itself to match the text title
	*/
	background-image: linear-gradient(#f1f2f1, #9b9c9b);
	border-color: #adb1b8 #a2a6ac #8d9096;
	border-style: solid;
	border-width: 1px;
	border-radius: 6px;
	box-shadow: rgba(255, 255, 255, .6) 0 1px 0 inset;
	box-sizing: border-box;
	color: #0f1111;
	cursor: pointer;
	display: inline-block;
	font-family: Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	height: 24px;
	outline: 0;
	overflow: hidden;
	padding: 0 11px;
	text-align: center;
	text-decoration: none;
	text-overflow: ellipsis;
	user-select: none;
	-webkit-user-select: none;
	touch-action: manipulation;
	white-space: nowrap;
}





.dialogTwoFactor fieldset legend
{
  padding-top:0;
  color:#6b8b9f;
  font: bold 11px/13px ;
  padding:0px 5px 0px 5px;
  width:auto;
}

.dialogTwoFactor fieldset
{
	border: 1px solid #a9a9a9;
	clear:left;
	height:auto;
	margin: 10px 10px 10px 10px;
	padding: 20px;
  font: "Trebuchet MS", Verdana, sans-serif;
}

.dialogTwoFactor fieldset label
{
		clear: left;
		float: left;
		font-size: 11px;
		/*padding: 6px 0 10px 0;*/
		text-align: center;
		font-family: "Trebuchet MS", Verdana, sans-serif;
		/*width: 260px;*/
}

.dialogTwoFactor fieldset label.lrg
{
    font-weight: bold;
    font-size: 16px;
}

.dialogTwoFactor fieldset input.centre
{
    font-weight: bold;
    font-size: 16px;
    border: 1px solid lightgrey;
    background-color: #e9effe;
    padding: 5px;
    border-radius: 2px;
    border-style: solid;
    margin: auto;
    display: block;
    
}

.dialogTwoFactor p.intro
{
	margin:0 0 10px 0;
	text-align:left;
  font: bold 13px/15px "Trebuchet MS", Verdana, sans-serif;
}