html,body {
	font: normal 11px Tahoma, Arial;
	margin: 0;
	padding: 0;
	border: 0 none;
	overflow: hidden;
	height: 100%;
}

a,a:active,a:visited,a:hover {
	color: #000;
	text-decoration: underline;
}

.nopbm {
	padding: 0;
	border: 0;
	margin: 0;
}

.pl_25 {
	padding-left: 25px;
}

.b {
	font-weight: bold;
}

.w82p {
	width: 82%;
}

p {
	margin: 5px;
}

.mr_15 {
	margin-right: 15px;
}

.mb_13 {
	margin-bottom: 13px;
}

.p_2 {
	padding: 2px !important;
}

.p5 {
	padding: 5px !important;
}

.p_15_0_0_10 {
	padding: 15px 0 0 10px;
}

.p_0_0_0_5 {
	padding: 0 0 0 5px;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.tar {
	text-align: right;
}

.tal {
	text-align: left;
}

.clr {
	clear: both !important;
	float: none !important;
	height: 0 !important;
	line-height: 0 !important;
}

img {
	border: 0
}

.x-form-item,.x-form-field {
	font: normal 11px Tahoma, Arial;
}

.settings {
	background-image: url(images/icons/fam/folder_wrench.png);
}

.nav {
	background-image: url(images/icons/fam/folder_go.png);
}

.ext-ie .x-grid3-row-radio input {
	position: relative;
	left: -6px;
	top: 0px;
	height: 13px;
}

.step_label,.step_label_active {
	padding: 2px;
	margin: 1px 1px 0;
	border: 1px solid #5F5F5F;
	background-color: #E6E6DE;
	color: #000;
	display: block;
	clear: both;
}

.step_label_active {
	background-color: #AFAFAF;
	color: #fff;
}

.x-grid3-row td {
	-moz-user-select: text;
}

.x-grid3-cell-inner {
	white-space: normal;
}

.accessDenied {
	background: transparent no-repeat 0 0;
	background-image: url(../../../images/lock.gif);
}

#header .fr p {
	text-align: right;
}

#po3 div {
	padding: 0
}

.blue-row .x-grid3-cell-inner {
	color: blue;
}

.red-row .x-grid3-cell-inner {
	color: red;
}

.green-row .x-grid3-cell-inner {
	color: green;
}

.primary-row .x-grid3-cell-inner {
	font-weight: bold;
}

.version {
	font: bold 10px Tahoma, Arial;
	color: #6B6B6B;
}

.menuIconBG {
	background-image: url(../../../images/menuIcon.gif) !important;
}

.simIcon {
	background-image: url(../../../images/sim.gif) !important;
	background-repeat: no-repeat;
	padding-left: 28px !important;
}

.deviceIcon {
	background-image: url(../../../images/device.gif) !important;
	background-repeat: no-repeat;
}

.deleteIcon {
	background-image: url(../../../images/delete.gif) !important;
	background-repeat: no-repeat;
}

.infoIcon {
	background-image: url(../../../images/info.gif) !important;
	background-repeat: no-repeat;
}

.resumeIcon {
	background-image: url(../../../images/resume.gif) !important;
	background-repeat: no-repeat;
}

.laptopIcon {
	background-image: url(../../../images/laptop-icon.png) !important;
	background-repeat: no-repeat;
}

.tvIcon {
	background-image: url(../../../images/tv-icon.png) !important;
	background-repeat: no-repeat;
}

.phoneIcon {
	background-image: url(../../../images/phone-icon.png) !important;
	background-repeat: no-repeat;
}

.mobileIcon {
	background-image: url(../../../images/smartphone-icon.png) !important;
	background-repeat: no-repeat;
}

.convergedIcon {
	background-image: url(../../../images/cart-icon.png) !important;
	background-repeat: no-repeat;
}

.otherIcon {
	background-image: url(../../../images/other.png) !important;
	background-repeat: no-repeat;
}

.promoIdIcon {
	background-image: url(../../../images/present.gif) !important;
	background-repeat: no-repeat;
}

.inactiveIcon {
	background-image: url(../../../images/delete.png) !important;
	background-repeat: no-repeat;
}

.submitOrderIcon {
	background-image: url(../../../images/submitOrder.png) !important;
	background-repeat: no-repeat;
	padding-left: 20px !important;
	height: 20px !important;
}

.cr {
	color: #D60000 !important;
}

.cb {
	color: #000 !important;
}

.cg {
	color: #37993F !important;
}

.cbe {
	color: #4B53E5 !important;
}

.ra {
	background-color: coral;
}

.doiInfo-row {
	background-color: coral;
	color: black;
}

.redCell {
	background-color: red;
}

.greenCell {
	background-color: green;
}

.yellowCell {
	background-color: yellow;
}

.orangeCell{
	background-color: orange;
}

.blueCell{
	background-color: blue;
}

.blackCell{
	background-color: grey;
}

.squareRowCells {
	overflow: hidden;
	padding: 6px 6px;
	white-space: nowrap;
}

.rat a span {
	color: coral !important;
}

.cp {
	color: purple !important;
}

.serviceTreeItem span {
	vertical-align: middle !important;
}

.iconExpandAll {
	background-image: url(../../../images/expand-all.gif) !important;
}

.iconCollapseAll {
	background-image: url(../../../images/collapse-all.gif) !important;
}

.iconInfo {
	background-image: url(../../../images/info.gif) !important;
}

.pInfo {
	background-image: url(../../../images/brick.png) !important;
}

.pdfIcon {
	background-image: url(../../../images/pdf_icon.png) !important;
}

.options {
	background-image: url(../../../images/cog.png) !important;
}

.highlight {
	background-color: purple;
}

.promo_highlight {
	color: #FF8F2D !important;
}

.scroll_show {
	overflow-y: hidden !important;
	overflow-x: scroll !important;
	/* padding-bottom: 15px !important; */
}

.add {
	font-weight: bold;
	font-size: 14px;
	color: green;
	cursor: pointer;
	padding-left: 5px;
}

.remove {
	font-weight: bold;
	font-size: 14px;
	color: red;
	cursor: pointer;
	padding-left: 5px;
}

.dn {
	display: none;
}

.x-form-item label {
	vertical-align: middle;
}

.x-item-disabled * {
	color: #777777 !important;
}

.pt5 {
	padding-top: 5px;
}

.arrow-left {
	background-image: url(../../../images/arrow_left.png) !important;
}

.arrow-right {
	background-image: url(../../../images/arrow_right.png) !important;
}

.cancel {
	background-image: url(../../../images/cancel.png) !important;
}

.accept {
	background-image: url(../../../images/accept.png) !important;
}

.search {
	background-image: url(../../../images/magnifier.png) !important;
}

.undo {
	background-image: url(../../../images/arrow_undo.png) !important;
}

.redo {
	background-image: url(../../../images/arrow_undo.png) !important;
}

.taj {
	text-align: justify;
}

.x-grid3-row-over {
	background: #efefef repeat left;
	border: 1px #efefef solid;
}

.loadTxt {
	padding-left: 25px;
	background: url(../../../images/loading.gif) no-repeat;
}

.loadWrap {
	padding: 15px;
}

.wizardTitle {
	display: block;
}

.infoWizard {
	background: url(../../../images/info.gif) no-repeat !important;
	padding-left: 15px;
	margin-left: 5px;
	padding-bottom: 2px;
}

.validation_ph {
	background: #F37B5F;
}

.validation_conf {
	background-color: transparent !important;
	background-image: url("../../../images/exclamation.png") !important;
	background-position: right center;
	background-repeat: no-repeat !important;
	font-style: italic !important;
	padding: 0 20px 3px 0 !important;
	text-decoration: underline !important;
}

.validation_f {
	font-style: italic !important;
	text-decoration: underline !important;
}

/* Override standard grid styles (add colour to vertical grid lines) */
.x-grid3-col {
	border-left:  1px solid #EEEEEE;
	border-right: 1px solid #D2D2D2;
}

/* Also remove padding from table data (to compensate for added grid lines) */
.x-grid3-row td, .x-grid3-summary-row td {
	padding-left: 0px;
	padding-right: 0px;
}

.highButton button {
	height: 22px !important;
	font-weight: bold !important;
}
/*35098 General info for customer in red*/
.highButtonRed button {
	height: 22px !important;
	font-weight: bold !important;
	background-color: red !important;
	width: 221px !important;
}

/* QuickWin CR Editor Grid */
.x-grid3-col-status {
	background-image:url("../../../images/trigger-single.gif");
	background-position: right;
	background-repeat: no-repeat;
	cursor: pointer
}
#WP_feasibility{
	margin-top: 4px;
}

/*31433 Multiscreen Web&Mobi TV project*/
.x-grid3-hd-checker{
	display:none;
}

div.panel_header_main {
	float: left;
	text-align: center;
}

div.panel_header_extra_left {
	float: left;
	text-align: center;
	width:40%;
}

div.panel_header_extra_right {
	float: right;
	text-align: left;
	margin-right: 2px;
}

.pos-attr-cell {
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	padding: 3px;
	text-align:center;
}

.pos-bolton-panel{
	margin-top: 8px
}
.pos-bolton-panel table{
	margin-left: 6px
}

.pos-bolton-panel input{
	margin-left:18px
}

.pos-bolton-cterms {
	margin-left: 20px;
}

/* Chrome 25+ Bug fix, 100% width causes issues with the date picker, replaced with a fixed width */
table.x-date-inner {
	width:200px !important; /* original was width : 100% */
}

/* CR35054 Used to remove row separators in grid */
.x-grid3-row-table .x-grid3-td-activeServicesButton, .x-grid3-row-table .x-grid3-td-invoicesButton,
.x-grid3-row-table .x-grid3-td-billAccountCode, .x-grid3-hd-row .x-grid3-td-activeServicesButton,
.x-grid3-hd-row .x-grid3-td-invoicesButton, .x-grid3-hd-row .x-grid3-td-billAccountCode {
	border-width: 0px !important;
}

.paymentPanel {
	background-color: #b2aeae;
	margin-top: 20px;
	border: #121212;
}

/* CR35054 Used on receipt button */
.highButtonOrange button {
	height: 25px !important;
	font-weight: bold !important;
	background-color: #f7a056 !important;
	width: 221px !important;
}

/* CR35054 Fix for amount column editor position */
.amountEdit {
	width: 188px !important;
	margin-left: 428px !important;
}

/* CR35054 Fix for advance payment column editor position */
.advancePaymentEdit {
	width: 188px !important;
	margin-left: 748px !important;
}


/* CR35054 Total amount display field */
.bigDisplay {
	font-size: 30px;
	font-weight: bold;
}

/* CR35054 Red font for Bill Payment tab */
.redFont {
	color: red !important;
}

/* CR35054 Background color for error cell */
.price-fall-adPayment .x-grid3-td-bpadvancePayment {
	background-color: #FFB0C4;
	color:red;
}
.price-fall-amount .x-grid3-td-bpamountToPay {
	background-color: #FFB0C4;
	color:red;
}
.ppbs-removed {
	background-color: #AFAFAF;
	color:red;
}
.ppbs-locked {
	background-color: #AFAFAF;
}