/*
		logo area
*/

.classLogoArea {
	position: absolute;

	top: 0px;
	left: 0px;
	width: 240px;
	height: 98px;

	padding-top: 0px;
	padding-left: 0px;

	z-index: 6;
}

.classLogoImage {
	margin-top: 20px;
	margin-left: 20px;
}

/*
		header area
*/

.classHeaderArea {
	position: absolute;

	top: 0px;
	left: 0px;
	width: 100%;
	height: 98px;

	z-index: 4;
}

.classHeaderContent {
	width: 100%;
	margin-top: 11px;
}

.classTextSearch {
	white-space:nowrap;
	width: 50%;
	text-align: left;
	padding-left: 310px;
}

.classSearchInputBox {
	font-size: 8pt;
}

.classSearchInputBoxNonValidating {
	font-size: 8pt;
}

.classSearchButton {
	cursor: pointer;
}

.classAdvancedSearchLink {
	text-decoration: none;
	font-size: 10px;
}

.classTextProductName {
	white-space:nowrap;
	width: 50%;
	text-align: right;
	padding-right: 20px;

	font-size: 24px;
}

.classHeaderBaseLineHigh {
	position: absolute;

	top: 0px;
	left: 0px;
	width: 100%;
	height: 99px;

	z-index: 3;
}

.classHeaderBaseLineLow {
	position: absolute;

	top: 0px;
	left: 0px;
	width: 100%;
	height: 100px;

	z-index: 2;
}

/*
		sub header area
*/
.classSubHeaderArea {
	position: absolute;

	top: 100px;
	left: 0px;
	width: 100%;
	height: 40px;

	z-index: 3;
}

.classSubHeaderBaseLine {
	position: absolute;

	top: 100px;
	left: 0px;
	width: 100%;
	height: 41px;

	z-index: 2;
}

.classSubHeaderContent {
	width: 100%;
	margin-top: 10px;
}

.classTextBreadcrumbtrail {
	white-space:nowrap;
	width: 50%;
	text-align: left;
	padding-left: 20px;

	cursor: default;
	font-size: 12px;
}

.classTextBreadcrumbtrail a {
	text-decoration: none;
}

.classTextUserRole {
	white-space:nowrap;
	width: 50%;
	text-align: right;
	padding-right: 20px;

	font-size: 14px;
	font-weight: bold;
}

/*
		top menu area
*/

.classMenuTopArea {
	width: 100%;

	position: absolute;

	top: 72px;
	left: 0px;

	z-index: 10;
}

.classMenuTopContent {
	width: 100%;
}

.classIconMenuTopSpacerLeft {
	width: 260px;
}

.classIconMenuTopSpacerSmall {
	width: 15px;
}

.classIconMenuTopSpacerBig {
	width: 30px;
}

.classIconHome {
	width: 40px;
	height: 34px;
	background-image: url("../Images/MenuTop/Home.png");
	background-repeat:no-repeat;
}

tr.nonValidating {
	background-color: red;
	color: black;
}

tr.nonValidating2 {
	background-color: blue;
	color: black;
}


td.classIconHome:hover {
	background-image: url("../Images/MenuTop/Home_highlighted.png");
	cursor: pointer;
}

.classIconEmail {
	width: 40px;
	height: 34px;
	background-image: url("../Images/MenuTop/Email.png");
	background-repeat:no-repeat;
}

td.classIconEmail:hover {
	background-image: url("../Images/MenuTop/Email_highlighted.png");
	cursor: pointer;
}

.classIconHelp {
	width: 40px;
	height: 34px;
	background-image: url("../Images/MenuTop/Help.png");
	background-repeat:no-repeat;
}

td.classIconHelp:hover {
	background-image: url("../Images/MenuTop/Help_highlighted.png");
	cursor: pointer;
}

.classIconDocumentation {
	width: 40px;
	height: 34px;
	background-image: url("../Images/MenuTop/Documentation.png");
	background-repeat:no-repeat;
}

td.classIconDocumentation:hover {
	background-image: url("../Images/MenuTop/Documentation_highlighted.png");
	cursor: pointer;
}

.classIconLanguageSelector {
	width: 50px;
	height: 34px;
	background-image: url("../Images/MenuTop/LanguageSelector.png");
	background-repeat:no-repeat;
}
td.classIconLanguageSelector:hover {
	cursor: pointer;
}

.classIconSelectedLanguage {
	padding-left: 4px;
}

table.flagTable {
    padding-top: 5px;
    width: 100%;
}

table.flagSelectorTable {
    width: 100%;
}

td.flagSelectorTable {
    text-align: center;
}

a.classTextSelectedLanguage {
    text-decoration: none;
    font-size: 8px;
    font-weight: bold;
    color: #000000;
}

.classIconLanguage {
	border: 0px;
/*	padding-left: 10px;    */
}

label.classTextLanguage {
    font-size: 8px;
}

.classTextUserName {
	text-align: right;
	font-size: 10px;
	font-weight: bold;
	padding-bottom: 10px;
}

.classIconLogout {
	width: 40px;
	height: 34px;
	background-image: url("../Images/MenuTop/Logout.png");
	background-repeat:no-repeat;
}

td.classIconLogout:hover {
	background-image: url("../Images/MenuTop/Logout_highlighted.png");
	cursor: pointer;
}

/*
		left menu area
*/

.classMenuLeftArea {
	position: absolute;

	top: 0px;
	left: 0px;
	width: 250px;
	min-height: 100%;
	height:auto;

	z-index: 1;

	padding-left: 10px;
	padding-right: 20px;
}

.classMenuLeftAreaStructureTable {
	padding-bottom: 20px;
	width: 100%;
}

.classMenuLeftTopSpacer {
	height: 160px;
}

.menuBlock {
	padding-left: 10px;
	padding-right: 18px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.menuBlockHeader {
	cursor: pointer;
	font-size: 12px;
	font-weight: bold;
}

.menuBlockHeaderText {
	padding-left: 5px;
	width: 100%;
}

.menuBlockHeader label {
	cursor: pointer;
}

.menuBlockContentEntry {
	cursor: pointer;
	padding-top: 3px;
	padding-bottom: 2px;
}
.menuBlockContentEntry a {
	font-size: 11px;
}

.menuBlockContentEntrySelected a {
	font-size: 11px;
}

a.subMenu {
	padding-left: 20px;
	text-decoration: none;
}

/*
		content
*/

.divContentLogin {
    padding-top: 200px;
    width: 100%;
    cursor: default;
}

.classLoginInnerContent {
    padding: 70px;
}

.divContent {
	width: 100%;
	cursor: default;
}

.classContentTableMain {
	width: 100%;
}

.classContentSpacerTop {
	height: 160px;
}

.classContentSpacerLeft {
	width: 1px;
	padding-left: 280px;
}

table.cdForm {
	background: #dddddd;
	width: 100%;
	border-collapse: collapse;
}

table.highlightRows {
	background: #dddddd;
	width: 100%;
	border-collapse: collapse;
}

table.contact {
	background: #dddddd;
	width: 100%;
	border-collapse: collapse;
}

table.cdFormPaging {
	background: #ffffff;
	width: 100%;
	border: 0;
}

table.contactPaging {
	background: #ffffff;
	width: 100%;
	border: 0;
}

table.featureMatrix {
	background: #dddddd;
	width: 100%;
	border-collapse: collapse;
}

th {
	background-image: url("../Images/Common/TableHeaderSprite.gif");
	font-size: 9pt;
	text-align:left;
	padding-top: 3px;
	padding-left: 10px;
	padding-bottom: 3px;
	cursor: default;
    border: 1px solid #e5e5e5;
}
th.addEntryHeader {
	text-align: center;
	padding-left: 0px;
	width: 10px;
}
td {
	font-size: 9pt;
}

table.cdForm tr {
	background-color: #ffffff;
}

table.contact tr {
	background-color: #ffffff;
}

table.highlightRows tr {
	background-color: #ffffff;
}

td.cdForm {
    border-width: 1px;
    border-style: solid;
	padding: 3px;
    border-color: #dddddd;
}

td.contact {
    border-width: 1px;
    border-style: solid;
	padding: 3px;
    border-color: #dddddd;
}

table.highlightRows td {
    border-width: 1px;
    border-style: solid;
	padding: 3px;
    border-color: #dddddd;
}

td.active_false {
	border-width: 1px;
    border-style: solid;
	padding: 3px;
    border-color: #dddddd;
	color: #969696;
}
td.active_true {
	/* same as a normal cdForm */
    border-width: 1px;
    border-style: solid;
	padding: 3px;
    border-color: #dddddd;
}

a.active_false {
	color: #969696;
}

td.nonClickable {
    border-width: 1px;
    border-style: solid;
	padding: 3px;
    border-color: #dddddd;
    cursor: default;
}

td.nonClickableNoBorder {
	padding: 3px;
    border: none;
    cursor: default;
}

td.nonClickableAddressbook {
    text-align: center;
	padding: 1px;
	width: 1px;
    border: 1px solid #dddddd;
    cursor: default;
}

table.cdForm tr.cdFormRRInactive {
	color: #aaaaaa;
}
table.cdForm tr.cdFormRRInactive td a {
	color: #aaaaaa;
}
table.cdForm tr.cdFormRRNonClickable {
	cursor: default;
}

.clickableElement {
	cursor: pointer;
}

table.cdForm tr.nonValidating {
	background: red;
	background-color: blue;
}

table.contact tr.nonValidating {
	background: red;
	background-color: red;
}

table.cdForm tr.highlightedPlusCursor {
	cursor: pointer;
}

table.cdFormFoldable {
	background: #dddddd;
	width: 100%;
    border-collapse:collapse;
}

table.cdFormFeature {
	width: 100%;
	border: 0;
	padding: 0;
	border-spacing: 0;
}
table.cdFormFeature tr {
    background-image: url("../Images/Common/TableHeaderSprite.gif");
}
table.cdFormFeatureFoldable {
	width: 100%;
	border: 0;
	padding: 0;
	border-spacing: 0;
}
table.cdFormFeatureFoldable tr {
    background-image: url("../Images/Common/TableHeaderSprite.gif");
	cursor: pointer;
}

table.foldable {
	width: 100%;
	border: 0;
	padding: 0;
	border-spacing: 0;
}
table.foldable tr {
    background-image: url("../Images/Common/TableHeaderSprite.gif");
}
table.foldable tr th {
    font-weight: bold;
    cursor: pointer;
}

td.imageLink {
	text-align: center;
	padding: 3px;
	width: 10px;
    border: 1px solid #dddddd;
}

td.textLink {
	text-align: left;
	padding: 3px;
	width: 10px;
    border: 1px solid #dddddd;

}

td.imageLinkWithoutBorder {
	text-align: center;
	padding: 3px;
	width: 10px;
    border: none;
}

td.imageLinkLeftWithoutBorder {
	text-align: left;
	padding: 3px;
	width: 10px;
    border: none;
}

td.imageLinkLeftBounded {
	text-align: left;
	padding: 3px;
	width: 10px;
    border: 1px solid #dddddd;
}
td.deleteEntry {
	text-align: center;
	padding: 3px;
	width: 10px;
    border: 1px solid #dddddd;
}
td.redirectStatus {
    padding: 3px;
    border: 1px solid #dddddd;
}
td.redirectStatus i.icon {
    padding: unset;
    margin: unset;
    font-size: 14px;
}
td.deleteEntryDisabledHovertip {
	text-align: center;
	padding: 3px;
	width: 10px;
    border: 1px solid #dddddd;
}
td.commentHovertip {
	/*text-align: center;*/
	padding: 3px;
	width: 10px;
    border: 1px solid #dddddd;
}
th.deleteEntryDisabledHovertip {
	text-align: center;
	padding: 3px;
	width: 10px;
    border: 1px solid #dddddd;
}
th.redirectStatusDisabledHovertip {
	text-align: center;
	padding: 3px;
	width: 10px;
    border: 1px solid #dddddd;
}

td.excludeIpFilter {
	text-align: center;
	padding: 3px;
	width: 10px;
    border: 1px solid #dddddd;
}
td.excludeIpFilterDisabledHovertip {
	text-align: center;
	padding: 3px;
	width: 10px;
    border: 1px solid #dddddd;
}

td.newEntry {
	color: #000000;
}

td.wastebasketspacer {
    width: 150px;
}

/* common links, fields */

A {
	FONT-SIZE: 9pt;
	COLOR: #333333;
	TEXT-DECORATION: underline
}

A:hover {
	COLOR: #333333;
}

input {
	border-width: 1px;
	border-style: solid;
}

textarea {
	border-width: 1px;
	border-style: solid;
}

select {
	border-width: 1px;
	border-style: solid;
}

a.downloadLink {
    text-decoration: none;
}
img.downloadLink {
    cursor: pointer;
}

/*
    indexing
*/

td.indexBookmark {
	background-image: url("../Images/Common/IndexBookmark.gif");
	background-repeat:no-repeat;
}

td.indexBookmark a {
	text-decoration: none;
}

div.indexSelectionLinkDivActive {
	min-width: 9px;
	cursor: default;
}

div.indexSelectionLinkDivInactive {
	cursor: pointer;
	min-width: 9px;
}
div.indexSelectionLinkDivInactive:hover {
	cursor: pointer;
	min-width: 9px;
	background-image: url("../Images/Common/IndexBookmarkHover.gif");
	background-repeat:no-repeat;
}

div.indexSelectionLinkDivInactive a {
	color: #000000;
}
div.indexSelectionLinkDivInactive a:hover {
	color: #000000;
}


/*
    select all rows
*/

tr.selectAll td {
    background-color: #F0F0F0;
}

/* Feature spans */

span.classLocalizedFeatureActive {
	FONT-WEIGHT: bold;
}

span.classLocalizedGroupFeatureActive {
	FONT-WEIGHT: bold;
	color: #000000;
}

span.classLocalizedFeatureInactive {
}

span.classLocalizedFeatureNotallowed {
	color: #888888;
}


/* Feature tabs */
td.classTabActive,
td.classFeatureTabActive {
	cursor: pointer;
	background-image: url("../Images/Common/Tab1Active.gif");
	background-repeat:no-repeat;
	height: 32px;
	width: 128px;
	FONT-WEIGHT: bold;
	text-align: center;
}

td.classTabActive a,
td.classFeatureTabActive a {
	TEXT-DECORATION: none;
	color: #000000;
}

td.classTabPassive,
td.classFeatureTabPassive {
	cursor: pointer;
	background-image: url("../Images/Common/Tab1Passive.gif");
	background-repeat:no-repeat;
	height: 32px;
	width: 128px;
	text-align: center;
}

td.classTabPassive a,
td.classFeatureTabPassive a {
	TEXT-DECORATION: none;
	color: #000000;
}

div.featureTabLine {
	width: 100%;
	height: 1px;
	background-image: url("../Images/Common/TabLine.gif");
	background-repeat:no-repeat;
}

td.documentationHovertip a {
	TEXT-DECORATION: none;
}

td.classExtensionBoardTabActive {
	cursor: pointer;
	background-image: url("../Images/Common/Tab1Active.gif");
	background-repeat:no-repeat;
	background-size: 62px 32px;
	height: 32px;
	width: 60px;
	FONT-WEIGHT: bold;
	text-align: center;
}

td.classExtensionBoardTabActive a {
	TEXT-DECORATION: none;
	color: #000000;
}

td.classExtensionBoardTabPassive {
	cursor: pointer;
	background-image: url("../Images/Common/Tab1Passive.gif");
	background-repeat:no-repeat;
	background-size: 62px 32px;
	height: 32px;
	width: 60px;
	text-align: center;
}

td.classExtensionBoardTabPassive a {
	TEXT-DECORATION: none;
	color: #000000;
}

/*
		icons
*/
.addEntryButton {
	border: 0;
}

/*
		buttons
*/

.ButtonDisabledGreen {
	height:24px;
	width:120px;
    left: 50%;
    position: absolute;
    margin: 30px 0pt 0pt 80px;
	border:0 none;
	background-image: url(../Images/Buttons/ButtonDisabled.gif);
}
.ButtonEnabledGreen {
	height:24px;
	width:120px;
    left: 50%;
    position: absolute;
    margin: 30px 0pt 0pt 80px;
	border:0 none;
	cursor:pointer;
	background-image: url(../Images/Buttons/ButtonEnabledGreen.gif);
}
.ButtonEnabledGreen:hover {
	background-image: url(../Images/Buttons/ButtonEnabledGreenHover.gif);
}

.ButtonDisabledYellow {
	height:24px;
	width:120px;
	border:0 none;
    left: 50%;
    position: absolute;
    margin: 30px 0pt 0pt 80px;
	background-image: url(../Images/Buttons/ButtonDisabled.gif);
}
.ButtonEnabledYellow {
	height:24px;
	width:120px;
    left: 50%;
    position: absolute;
    margin: 30px 0pt 0pt 80px;
	border:0 none;
	cursor:pointer;
	background-image: url(../Images/Buttons/ButtonEnabledYellow.gif);
}
.ButtonEnabledYellow:hover {
	background-image: url(../Images/Buttons/ButtonEnabledYellowHover.gif);
}

.ButtonRedirectStatus {
	height:24px;
	width:180px;
    left: 30%;
    position: absolute;
    margin: 30px 0pt 0pt 80px;
	border:0 none;
	cursor:pointer;
	background-image: url(../Images/Buttons/ButtonRedirectStatus.gif);
}
.ButtonRedirectStatus:hover {
	background-image: url(../Images/Buttons/ButtonRedirectStatusHover.gif);
}

.ButtonRedirectStatusRight {
	height:24px;
	width:180px;
    left: 60%;
    position: absolute;
    margin: 30px 0pt 0pt 80px;
	border:0 none;
	cursor:pointer;
	background-image: url(../Images/Buttons/ButtonRedirectStatus.gif);
}
.ButtonRedirectStatusRight:hover {
	background-image: url(../Images/Buttons/ButtonRedirectStatusHover.gif);
}

.ButtonChangeDisabledYellow {
	height:24px;
	width:120px;
	border:0 none;
    margin: 30px 0pt 0pt 0px;
	background-image: url(../Images/Buttons/ButtonDisabled.gif);
}
.ButtonChangeEnabledYellow {
	height:24px;
	width:120px;
    margin: 30px 0pt 0pt 0px;
	border:0 none;
	cursor:pointer;
	background-image: url(../Images/Buttons/ButtonEnabledYellow.gif);
}
.ButtonChangeEnabledYellow:hover {
	background-image: url(../Images/Buttons/ButtonEnabledYellowHover.gif);
}

.ButtonDisabledRed {
	height:24px;
	width:120px;
	border:0 none;
    left: 50%;
    position: absolute;
    margin: 30px 0pt 0pt 80px;
	background-image: url(../Images/Buttons/ButtonDisabled.gif);
}
.ButtonEnabledRed {
	height:24px;
	width:120px;
    left: 50%;
    position: absolute;
    margin: 30px 0pt 0pt 80px;
	border:0 none;
	cursor:pointer;
	background-image: url(../Images/Buttons/ButtonEnabledRed.gif);
}
.ButtonEnabledRed:hover {
	background-image: url(../Images/Buttons/ButtonEnabledRedHover.gif);
}

div.ButtonEnabledRed {
	background-image: url("../Images/Buttons/ButtonEnabledRed.gif");
	background-repeat: no-repeat;

	width: 120px;
	height: 24px;
	text-align: center;
	padding-top:4px;
  left: 50%;
  position: absolute;
  margin: 40px 0pt 0pt 50px;
  cursor: pointer;
}
div.ButtonEnabledRed:hover {
    background-image: url("../Images/Buttons/ButtonEnabledRedHover.gif");
}
div.ButtonDisabledRed {
	background-image: url("../Images/Buttons/ButtonDisabled.gif");
	background-repeat: no-repeat;

    width: 120px;
	height: 24px;
	text-align: center;
	padding-top:4px;
    left: 50%;
    position: absolute;
    margin: 40px 0pt 0pt 50px;
    cursor: default;
}


.ButtonAddDisabledGreen {
	height:24px;
	width:120px;
    margin: 30px 0pt 0pt 0px;
	border:0 none;
	background-image: url(../Images/Buttons/ButtonDisabled.gif);
}
.ButtonAddEnabledGreen {
	height:24px;
	width:120px;
	margin: 30px 0pt 0pt 0px;
	border:0 none;
	cursor:pointer;
	background-image: url(../Images/Buttons/ButtonEnabledGreen.gif);
}
.ButtonAddEnabledGreen:hover {
	background-image: url(../Images/Buttons/ButtonEnabledGreenHover.gif);
}





div.ButtonDeleteRight {
    background-image:url(../Images/Buttons/ButtonEnabledYellow.gif);
    background-repeat:no-repeat;
    cursor:pointer;
    height:24px;
    left:50%;
    margin:2px 0 0 5px;
    padding-top:4px;
    text-align:center;
    width:120px;
}
div.ButtonDeleteRight:hover {
    background-image: url("../Images/Buttons/ButtonEnabledYellowHover.gif");
}

div.ButtonEnabledLogin {
	background-image: url("../Images/Buttons/ButtonLogin.gif");
	background-repeat: no-repeat;

	width: 40px;
	height: 34px;
    cursor: pointer;
}
div.ButtonDisabledLogin {
	background-image: url("../Images/Buttons/ButtonDisabledLogin.gif");
	background-repeat: no-repeat;

    width: 40px;
	height: 34px;
    cursor: default;
}
div.ButtonEnabledLogin:hover {
	background-image: url("../Images/Buttons/ButtonLoginHover.gif");
}

table.deleteButtonDroppable {
    margin-top: -10px;
}

/* images */

img.paging {
    border: 0;
}

img.downloadLink {
    border: 0;
}
img.downloadLinkSmall {
    border: 0;
    width: 30px;
    height: 25px;
}

img.voicemailPlay {
    border: 0;
    cursor: pointer;
}

img.fileTypeIcon {
    border: 0;
}

/* HLL Styles */

font.hll_tag1 {
	color:red;
}

font.hll_tag2 {
	color:green;
}

font.hll_tag3 {
	color:blue;
}

font.hll_tag4 {
	color:white; background:blue;
}

font.hll_tag5 {
	color:white;background:green;
}

font.hll_tag_b {
	font-weight: bold;
}

font.hll_tag_i {
	font-style:italic;
}

/* images for checkboxes and radiobuttons */

.checkbox, .radio {
  height: 21px;
  width: 20px;
  background: url("../Images/Buttons/checkbox.gif") no-repeat 0 0;
  cursor: default;
  text-align: center;
}
.checkbox input, .checkbox_checked_disabled input, .radio input {
  display: none;
}
.selected {
  background-position: 0 -52px;
}

.checkbox_selected {
  height: 21px;
  width: 20px;
  background: url("../Images/Buttons/checkbox.gif") no-repeat 0 0;
  background-position: 0 -52px;
  cursor: default;
  text-align: center;
}

.checkbox_selected input {
	display: none;
}


.checkbox_disabled {
  height: 21px;
  width: 20px;
  background: url("../Images/Buttons/checkbox_disabled.gif") no-repeat 0 0;
  cursor: default;
  text-align: center;
}
.checkbox_disabled input {
  display: none;
}
.checkbox_checked_disabled {
  height: 21px;
  width: 20px;
  background: url("../Images/Buttons/checkbox_disabled.gif") no-repeat 0 0;
  background-position: 0 -52px;
  cursor: default;
  text-align: center;
}

/* status messages */

div.loginMessageContainer {
    margin-top: -50px;
    padding-left: 250px;
    padding-right: 250px;
    font-size:9pt;
}

div.messageError {
	background-image: url("../Images/Common/Action_Error.gif");
	background-repeat:no-repeat;
	font-weight: bold;

	width: 100%;
	border: 0;

	margin-bottom: 30px;
}

div.messageSuccess {
	background-image: url("../Images/Common/Action_OK.gif");
	background-repeat:no-repeat;
	font-weight: bold;

	width: 100%;
	border: 0;

	margin-bottom: 30px;
}

div.messageWarning {
	font-weight: bold;

	width: 100%;
	border: 0;

	margin-bottom: 30px;
}

div.messageHint {
	font-weight: bold;

	width: 100%;
	border: 0;

	margin-bottom: 30px;
}


div.messageText {
	padding-left:80px;
	padding-right:20px;
	padding-top:20px;
	padding-bottom:20px;
}

div.messageTextWithoutIcon {
	padding-left:20px;
	padding-right:20px;
	padding-top:20px;
	padding-bottom:20px;
}

div.messageTextWithIcon {
	background-image: url("../Images/Common/Achtung.png");
    background-repeat:no-repeat;
        background-size: 42px 42px;
    background-position: left center;
    background-position-x: 20px;
    background-color: #eeeeee;
    color: #e77341;
}

div.messageTextWarning {
    margin-top:-5px;
	padding-left:80px;
	padding-right:20px;
	padding-top:0px;
	padding-bottom:20px;
}


/* voicemail */

.voicemailBlockTable {
    width: 100%;
    background: #dddddd;
    border-collapse:collapse;
}

.voicemailBlockCategoryHeader {
    cursor: pointer;
}

.voicemailBlockDiv {
    padding-bottom:20px;
}

.deleteButtonDroppableText {
    padding-left: 30px;
    padding-top: 20px;
}

td.voicemailTable {
	vertical-align: middle;
	padding-left: 3px;
}

td.faxmailTable {
	vertical-align: middle;
	padding-left: 10px;
}


label.voicemailBlockStatusHeader {
    font-weight: normal;
    cursor: pointer;
}
label.voicemailBlockStatusHeaderNew {
    font-weight: bold;
    color: #be3b31;
    cursor: pointer;
}

.voicemailNew {
	background-image: url("../Images/Common/voicemailBackground.gif");
	width: 700px;
	height: 30px;
	margin: 5px;
	margin-left: 30px;
    color: #000000;
}

.voicemailOld {
	background-image: url("../Images/Common/voicemailNewBackground.gif");
	width: 700px;
	height: 30px;
	margin: 5px;
	margin-left: 30px;
    color: #888888;
}

.outlined {
	border: 1px;
}

div.menuClosed td.menuBlockHeaderText
 {
	background-image: url(../Images/Common/BoxSlideDown.gif);
	background-repeat: no-repeat;
	background-position: 98% center;
}

div.menuOpen td.menuBlockHeaderText
{
	background-image: url(../Images/Common/BoxSlideUp.gif);
	background-repeat: no-repeat;
	background-position: 98% center;
}

tr.hideTr {
  display: none;
}

div.hideDiv {
  display: none;
}

table.hideTable {
	display: none;
}

div.colorpicker {
	display: none;
}
/* Moved from corporate.css to main.css for better branding */

/* #####   CONTENT   ######################################################################################################################### */

/* validating and non validating input fields */
input {
  border-color: #c9d4d8;
  background-color: #eef5f6;
}
input.nonValidating {
	background-color: #ffc5c7;
}

select.nonValidating {
    background-color:#ffc5c7;  border:1px solid #ffc5c7;
}

/* validating and non validating textarea fields */
textarea {
  border-color: #c9d4d8;
  background-color: #eef5f6;
}

/* select box border */
select {
    background-color:#ffffff;  border:1px solid #c9d4d8;
}

/* table row highlighting */
table.cdForm tr.highlighted {
	background-color: #f6f4f4;
}

table.contact tr.highlighted {
	background-color: #f6f4f4;
}

table.cdForm tr.highlightedPlusCursor {
	background-color: #f6f4f4;
}

table.contact tr.highlightedPlusCursor {
	background-color: #f6f4f4;
}

table.highlightRows tr.highlighted {
	background-color: #f6f4f4;
}


/* #####   MESSAGES ######################################################################################################################' */

div.messageError {
	background-color: #eeeeee;
	color: #be3b31;
}
div.messageSuccess {
	background-color: #eeeeee;
	color: #309040;
}
div.messageWarning {
	background-color: #eeeeee;
	color: #e77341;
}
div.messageHint {
	background-color: #eeeeee;
	color: #68777c;
}

div.messageTextWarning {
    color: #68777c;
}

/* #####   OVERLAYS   ######################################################################################################################' */

/* background */
div.whiteOverlay {
	background: #dddddd;
}

/* title color */
div.jqmdTC {
	color: #be3b31;
}

/* text color */
div.jqmdMSG {
	color: #000000;
}

div.apps {
	margin: 25px 10pt 25pt 10px;
}


/* Calendar */
table.calendar {
	border: 0;
	padding: 0;
	border-spacing: 0;
}

.calDay td {
	font-size: 8pt;
	text-align: center;
}

.ui-datepicker .ui-datepicker-title select { font-size: 0.8em; margin:1px 0; }

div.addButton {
	background-image: url("../Images/Buttons/ButtonEnabledGreen.gif");
	background-repeat: no-repeat;
	width: 120px;
	height: 24px;
	text-align: center;
	padding-top:4px;
	position: relative;
	cursor: pointer;
}

div.addButton:hover {
    background-image: url("../Images/Buttons/ButtonEnabledGreenHover.gif");
}

div.addButtonDisabled {
	background-image: url("../Images/Buttons/ButtonDisabled.gif");
	background-repeat: no-repeat;
	width: 120px;
	height: 24px;
	text-align: center;
	padding-top:4px;
	position: relative;
	cursor: default;
}

div.changeButton {
	background-image: url("../Images/Buttons/ButtonEnabledYellow.gif");
	background-repeat: no-repeat;
	width: 120px;
	height: 24px;
	text-align: center;
	padding-top:4px;
	position: relative;
	cursor: pointer;
}

div.changeButton:hover {
    background-image: url("../Images/Buttons/ButtonEnabledYellowHover.gif");
}

div.changeButtonDisabled {
	background-image: url("../Images/Buttons/ButtonDisabled.gif");
	background-repeat: no-repeat;
	width: 120px;
	height: 24px;
	text-align: center;
	padding-top:4px;
	position: relative;
	cursor: default;
}

div.deleteButton {
	background-image: url("../Images/Buttons/ButtonEnabledRed.gif");
	background-repeat: no-repeat;
	width: 120px;
	height: 24px;
	text-align: center;
	padding-top:4px;
	position: relative;
	cursor: pointer;
}

div.deleteButton:hover {
    background-image: url("../Images/Buttons/ButtonEnabledRedHover.gif");
}

div.deleteButtonDisabled {
	background-image: url("../Images/Buttons/ButtonDisabled.gif");
	background-repeat: no-repeat;
	width: 120px;
	height: 24px;
	text-align: center;
	padding-top:4px;
	position: relative;
	cursor: default;
}

select.fkeyCommon {
min-width: 100px;
}

td.showDragHandle {
    background-image: url("../Images/Common/updown2.gif");
    background-position: center center;
    background-repeat: no-repeat;
    cursor: move;
}

div.messageInProgress {
	background-color: #eeeeee;
	color: #68777c;
}

div.messageInProgress {
	background-image: url("../Images/Common/indicator.gif");
	background-repeat:no-repeat;
	background-position:20px center;
	font-weight: bold;

	width: 100%;
	border: 0;

	margin-bottom: 30px;
}

th.DoubleHeader {
	background-image: url("../Images/Common/TableHeaderMobileLink.png");
	font-size: 9pt;
	text-align:left;
	padding-top: 3px;
	padding-left: 10px;
	padding-bottom: 3px;
	cursor: default;
    border: 1px solid #e5e5e5;
}


.searchHeader th {
	padding: 1px;
}

.searchHeader th * {
	width: 100%;
}

.searchHeader th input {
	background-color: white;
}


.inactive,
.inactive a{
	color: #aaaaaa;
}


table.cdFormFoldable tr{
	height: 27px;
}

#table_domain_settings-ip_filter_list .ip{
	width:19ex;
}
#table_domain_settings-ip_filter_list .active,
#table_domain_settings-ip_filter_list .rule,
#table_domain_settings-ip_filter_list .protocol{
	width:12ex;
	text-align: center;
}
#table_domain_settings-ip_filter_list .level{
	width:10em;
}

i.icon {
	padding: 1px;
	margin: 1px;
	color: rgb(153,3,6);
	font-size: 18px;
}

i.icon:hover {
	color: red;
}

i.stackIcon {
	color: rgb(153,3,6);
}

i.stackIcon:hover {
	color: red;
}

i.iconPlus {
	color: rgb(106, 183, 88);
}

i.iconPlus:hover {
	color: rgb(131, 208, 113);
}


i.iconNoHover:hover {
	color: rgb(153,3,6);
}

i.alertIconNoHover:hover {
	color: rgb(153,3,6);
}

i.warningIconNoHover {
	color: rgb(255, 204, 102);
}

i.warningIconNoHover:hover {
	color: rgb(255, 204, 102);
}

html,
body{
	position: relative;
    height: 100%;
    width: 100%;
    padding: 0;
	margin:0;
}

#divHeaderArea,
#divHeaderBaseLineHigh,
#divHeaderBaseLineLow,
#divSubHeaderArea,
#divSubHeaderBaseLine,
#divMenuTopArea{
	width:100%!important;
}

#jsPageContent{
	position: realtive;
	padding-left: 296px;
	padding-right: 14px;
	max-width:100%;
	font-size: 12px;

}

[embed] #jsPageContent{
	padding: 0;
}

#jsPageContent>#viewContainer{
	position: relative;
}

#jsPageContent[loading]>#viewContainer>.gearBox{
	position: relative;
	left: 45%;
	top: 10em;
	 display: inline-block;
}

.rotating.cog,
.gearBox{
	opacity:0.3;
}

.gearBox *{
	position: relative;
}

.gearBox .cogs{
	font-size: 8px;
}

.gearBox i{
	font-size: 4em;
}
.gearBox i{
    width: 1em;
    height: 1em;
    text-align: center;
    position: absolute;
    top: 0;
	left: 0;
    -moz-animation-duration: 1.5s;
    -o-animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
}

.gearBox i:nth-child(2) {
	font-size: 6em;
    top: 0.4em;
    left: 0.25em;
}

.gearBox i:nth-child(3) {
	font-size: 3em;
    top: 0.2em;
    left: 1.7em;
}

.gearBox .reverse {
  -moz-animation-direction: reverse!important;
  -o-animation-direction: reverse!important;
  -webkit-animation-direction: reverse!important;
  animation-direction: reverse!important;
}

.popup {
	box-shadow: 0 0 10px rgba(0,0,0,0.3);
    display:none;
    margin:1em;
    padding:1em;
    background:white;
    border-radius: 10px;
}

.optionFromEnterprise {
	background-color: #D8D8D8;
}

.optionFromSite {
	background-color: #ffffff;
}