﻿@charset "utf-8";
/* CSS Document */

@font-face {
font-family:'bellslimregular';
src:url('font/bellslim_regular-webfont.eot');
src:url('font/bellslim_regular-webfont.eot?#iefix') format('embedded-opentype'), /*url('font/bellslim_regular-webfont.woff') format('woff'),*//*removed because of 404*/
url('font/bellslim_regular-webfont.ttf') format('truetype'), url('font/bellslim_regular-webfont.svg#bellslimregular') format('svg');
font-weight:normal;
font-style:normal
}
@font-face {
font-family:'bellslim_mediumregular';
src:url('font/bellslim_medium-webfont.eot');
src:url('font/bellslim_medium-webfont.eot?#iefix') format('embedded-opentype'), /*url('font/bellslim_medium-webfont.woff') format('woff'),*//*removed because of 404*/
url('font/bellslim_medium-webfont.ttf') format('truetype'), url('font/bellslim_medium-webfont.svg#bellslim_mediumregular') format('svg');
font-weight:normal;
font-style:normal
}
@font-face {
font-family:'bellslim_semiboldregular';
src:url('font/bellslim_semibold-webfont.eot');
src:url('font/bellslim_semibold-webfont.eot?#iefix') format('embedded-opentype'), /*url('font/bellslim_semibold-webfont.woff') format('woff'),*//*removed because of 404*/
url('font/bellslim_semibold-webfont.ttf') format('truetype'), url('font/bellslim_semibold-webfont.svg#bellslim_semiboldregular') format('svg');
font-weight:normal;
font-style:normal
}
.bellSlim {
	font-family:"bellslim_mediumregular", Helvetica, Arial, sans-serif
}
.bellSlimRegular {
	font-family:"bellslimregular", Helvetica, Arial, sans-serif
}
.bellSlimSemibold {
	font-family:"bellslim_semiboldregular", Helvetica, Arial, sans-serif
}
.cLoader {
	background:transparent url(../common/all_languages/all_regions/skin/loader_pgLoader.gif) no-repeat;
	width: 36px;
	height: 36px;
	position: relative;
	margin: 0 auto;
}
	.cLoaderWithText {
		padding-top: 36px;
		text-align: center;
		width: 25%;
		background-position: 52px 0;
	}
/*.itemListExtra2 {
    background: url("../../images/bg_cornerSprite.png") no-repeat scroll 0 0 transparent !important;
    height: 5px;
    position: absolute;
    width: 5px;
}*/
.formRadioConnector .disabled .inputImageConnector, .formRadio .disabled .inputCustomTrigger {
    background-position: -32px -33px !important;
}
/*Radio button alignment fix*/
#navigationMain .itemList a, .navigationMain .itemList a {
    width: 11.5em !important;
    cursor:pointer;
}
.iconGearC {
    background-position: -8px -64px !important;
}
.padderHover:hover {
background-color:#e0e0e0;
}
.mOver, .pointer {
    cursor: pointer;
}
.disabled {
    text-decoration: none !important;
    cursor: default !important;
}
.editLinks {
    color: #0066A4;
}
.minHeight1 {
    min-height: 350px;
}
.cropText1 { 
  overflow:hidden !important; 
  white-space:nowrap !important; 
  text-overflow:ellipsis !important; 
  width:250px !important; 
}
​  .cropText2 {
  overflow:hidden !important; 
  white-space:nowrap !important; 
  text-overflow:ellipsis !important; 
  width:300px !important; 
}
  .cropText3 { 
  overflow:hidden !important; 
  white-space:nowrap !important; 
  text-overflow:ellipsis !important; 
  width:500px !important; 
}
.ellipsisMultiline1 {
	width:300px;
    height:29px;
    vertical-align:middle;
    display: inline-block;
    line-height: 14px;   
    overflow:hidden;  
}
.ellipsisMultiline2 {
	width:180px;
    height:29px;
    vertical-align:middle;
    display: inline-block;
    line-height: 14px; 
    overflow:hidden;  
}
.cropTextCompany { 
  overflow:hidden !important; 
  white-space:nowrap !important; 
  text-overflow:ellipsis !important; 
  width:80px !important;
}
.cropTextEmailAddress { 
  overflow:hidden !important; 
  white-space:nowrap !important; 
  text-overflow:ellipsis !important; 
  width:155px !important;
}
.cropTextLastName { 
  overflow:hidden !important; 
  white-space:nowrap !important; 
  text-overflow:ellipsis !important; 
  width:55px !important; 
}
​ .cropTextName {
  overflow:hidden !important; 
  white-space:nowrap !important; 
  text-overflow:ellipsis !important; 
  width:55px !important; 
}
​ .tdDiv {
    height: 29px !important;
    display: inline-block !important;
    line-height: normal !important; 
}
​ .floatR1 {
    float: right;
}
.connector .flyOut .column, .borderradius .connector .flyOutWrapThemeB .column, .connector .flyOutConnector .columnConnector {
    margin-bottom: 0 !important;
}
.marginBottom5 {
    margin-bottom: 5px;
}
.padderPadding {
    padding: 20px 20px 0px 20px;
    margin-bottom:-18px;
}
#divDateTime {
	padding-left: 9px;
}
#divSubject {
	padding-left: 9px;
}
#divActivityType {
	padding-left: 9px;
}
#divUserName {
	padding-left: 9px;
}
#divPriority {
	padding-left: 9px;
}
.footerNote {
	padding-bottom: 100px !important;
}
.flyOutPos {
    top: -4px !important;
}
.flyOutArrowPos {
    left:420px;
}
.paperBillIcon {
    margin-right:15px;
}
.alignGreenIcon {
    margin-left:20px;
}
.tdDiv {
    height: 29px;
}
.padder2error {
	padding:20px 20px, 0px 20px;
}
.box.errorMSG {
	border: 1px solid #CECECE;
	margin-bottom: 10px;
	margin-left: 20px;
	margin-right: 20px;
	min-height: 20px;
}
.padder.managePref {
	padding:5px 20px 20px 20px;
}
.header.marginLR {
	margin:0 20px;
}
.wrapper.belowSecondaryNav {
	padding-bottom: 0px;
	padding-top: 20px;
}
.marginTop1 {
	margin-top:5px;
}
.marginTop2 {
	margin-top:15px;
}
.marginTop3 {
	margin-top:20px;
}
.txtAlignL {
	text-align:left;
}
.txtAlignR {
	text-align:right;
}
.txtAlignC {
	text-align:center;
}
.iconStatus {
	background-position: -16px -96px;
	height: 17px;
	width: 17px;
}
.iconStatusA {
	background-position: -32px -96px;
	height: 17px;
	width: 17px;
}
.iconStatusB {
	background-position: -48px -96px;
	height: 17px;
	width: 17px;
}
th.status {
	width:72px;
}
th.firstName {
	width:100px;
}
th.lastName {
	width:100px;
}
th.emailAddress {
	width:130px;
}
th.companyName {
	width:133px;
}
th.phoneNumber {
	width:125px;
}
th.actions {
	width:110px;
}
th.status.first {
	border-left:1px solid #ccc;
}
th.actions.last {
	border-right:1px solid #ccc;
}
.even th, .even td {
	background-color: #fff;
}
/*LightBox Style from Perfect rate Plan*/
.contentBody {
	background: none repeat scroll 0 0 #FFFFFF;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	height: 100%;
	padding: 10px 20px 20px;
}
.MultilineHeader, .MultilineHeader span {
	display:block
}
.MultilineHeader .MultilineHeader_TL {
	background:url('../images/x.png');
	background-position:0px -290px;
	background-repeat:no-repeat;
	height:5px;
	padding-left:5px;
	font-size:0;
	line-height:0
}
.MultilineHeader .MultilineHeader_TR {
	background:url('../images/x.png');
	background-position:right -350px;
	background-repeat:repeat-x;
	height:5px;
	padding-right:5px;
	font-size:0;
	line-height:0
}
.MultilineHeader .MultilineHeader_TM {
	background:url('../images/x.png');
	background-position:0px -410px;
	background-repeat:repeat-x;
	height:5px;
	font-size:0;
	line-height:0
}
.MultilineHeader .MultilineHeader_border {
	background-repeat:repeat-x;
	background-position:0 bottom;
	background-image:url('../images/header_bg_multi.png');
	background-color:#fafafa
}
.MultilineHeader .MultilineHeader_content {
	padding:8px 20px 14px;
	font-size:2em;
	color:#000;
	line-height:32px;
	border-left:1px #cccccc solid;
	border-right:1px #cccccc solid
}
.MultilineHeader .button2_Multiline .button2_Multiline_content {
	line-height:14px
}
.MultilineHeader .button2_Multiline {
	margin-top:-2px
}
.lightBoxCloseBtn {
	width:32px;
	height:32px;
	cursor:pointer;
	background:url("../images/x.png");
	background-repeat:no-repeat;
	background-position:2px -4037px;
	margin-top:4px
}
.border2_BL {
	background:url('../images/x.png') no-repeat 0 -485px;
	height:4px;
	padding-left:4px
}
.border2_BR {
	background:url('../images/x.png') no-repeat right -490px;
	height:4px;
	padding-right:4px
}
.border2_BM {
	background:url('../images/x.png') repeat-x 0 -495px;
	height:4px
}
.lightBox_Overlay {
	background: none repeat scroll 0 0 #000000;
	bottom: 0;
	left: 0;
	opacity: 0.6;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 51100;
}
.lightBoxWrap {
	left: 50%;
	max-width: 900px;
	min-width: 640px;
	position: fixed;
	top: 50%;
	/*width: 100%;*/
    z-index: 999999;
}
.lightBoxContainer .contentBody {
	overflow: hidden;
	overflow-y: auto;
}
.marginTop1 {
	margin-top: 5px;
}
.pointer {
    cursor: pointer;
}
.floatL {
	float: left;
}
.floatR {
	float: right;
}
.marginRight3 {
	margin-right:15px;
}
.lightBoxContainer {
	width:640px;
}
/*LightBox Style from Perfect rate Plan END*/
.lightBoxContent {
	max-height:810px;
}
/* Position content outside the viewport so it can be accessed by screenreader users */
/* For IE6, always use "top" instead of "left". Performance with "left" is lacking. */
.migrationContext .accessAlt, .migrationContext .offScreen {
	position: absolute !important;
	left: -999em !important;
	top: -999em !important;
}
.noJs .migrationContext .accessAlt, .noJs .migrationContext .offScreen {
	position: static !important;
	left: auto !important;
	top: auto !important;
}
.migrationContext .buttonize span span,  .migrationContext .button span span {
	height: 37px;
	padding-top: 0;
}
.migrationContext .buttonize span.accessAlt,  .migrationContext .button span.accessAlt,  .migrationContext .buttonize span.offScreen,  .migrationContext .button span.offScreen {
	display: none;
}
.successGreenAlert {
    background-image: url("../images/bg_iconSprite.png");
    background-position: -16px -49px;
    background-repeat:no-repeat;
    height: 15px;
    width: 15px;
}
.dataListHeader.w45 {
    width: 45%;
}
.eAddress {
	display: block;
	width:120px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.firstNametxt {
	display: block;
	width:110px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.lastNametxt {
	display: block;
	width:120px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.companyNametxt {
	display: block;
	width:120px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.leftWarning {
    margin-left:21px; 
}

.greyIcon {
    width: 14px;
    height: 14px;
    background-image: url("../images/greyRoundedIcon.png");
    background-position: top left;
    background-repeat: no-repeat;
    display: inline-block;
    margin: 6px 0 0 10px;
}

/*Helper classes*/
.txtSize14 {
    font-size: 14px;
}

.margin-right-40 {
    margin-right: 40px;
}

.margin-top-6 {
    margin-top: 6px;
}

.margin-bottom-6 {
    margin-bottom: 6px;
}

.inline-block {
    display: inline-block;
}

.lineH-18 {
    line-height: 18px !important;
}

.relative {
    position: relative;
}

.padding20 {
    padding: 15px;
}

.txtBold {
    font-weight: bold;
}
.txtBlack {
    color: #000;
}


/* tooltip */
.tool-tip {
    top: auto;
    left: 50%;
    width: 285px;
    color: #555;
    background-color: #fff;
    text-shadow: none;
    font-size: 13px;
    line-height: 15px !important;
    visibility: hidden;
    text-align: left !important;
    opacity: 0;
    z-index: 999;
    padding: 3px 8px;
    position: absolute;
    cursor: default;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.6);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.6);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.6);
}

/* tool tip position right */
.tool-tip.right {
    top: 0%;
    margin-top: -130px;
    margin-left: 23px;
}

.tooltip-arrow-right {
    background-image: url("../images/tt-al.png");
    background-repeat: no-repeat;
    background-position: left top;
    width: 24px;
    height: 39px;
    position: absolute;
    left: -24px;
    top: 16px;
}

/* tooltip on focus */
.on-focus .tool-tip.right {
    margin-top: -130px;
}

/* on hover of element containing tooltip default*/
*:not(.on-focus):hover > .tool-tip,
.on-focus input:focus + .tool-tip {
    visibility: visible;
    opacity: 1;
}

*:not(.on-focus):hover > .tool-tip.slideIn.right,
.on-focus > input:focus + .tool-tip.slideIn.right {
    left: 109%;
    top: 106px;
}

.on-focus {
    position: relative;
    padding: 0px;
    display: table;
    float: left;
}

.unFocus:focus {
    outline: none !important;
}

.g-recaptcha1 {
    transform: scale(0.82);
    -webkit-transform: scale(0.82);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
}
