/******************************************* Buttons ***********************************************/
.button {border:none; padding:0; vertical-align:middle;}
.confirmationbutton {height: 34px;background:url("./../../Imgs/Sprite1.png") no-repeat 0 -50px #DCDDDE;font-weight: bold;font-size: 18px;color: #666;border: solid 1px #bbb; padding:0;border-radius: 4px;vertical-align:middle;cursor:pointer; margin-top: 15px; }
.button_cstm { color: #000; font-weight: normal; height: 25px; width: 65px; float: right; margin-right: 10px; font-size: 15px; }
DIV.buttonNext INPUT {height:26px; width: 100px; border:none; font-size:11px !important; font-weight: normal; vertical-align:middle; cursor:pointer; display:inline;  margin:0 2px;}
DIV.buttonBack INPUT {height:26px; width: 100px; border:none; font-size:11px !important; font-weight: normal; vertical-align:middle; cursor:pointer; display:inline;  margin:0 2px;}
DIV.buttonNext INPUT:hover, DIV.buttonBack INPUT:hover {font-size: 12px !important;font-weight: bold;}

.btn, .btnNext, .btnBack {float: left;clear: both;background: url(../../Images/Buttons/ButtonsSprite.png) no-repeat left -120px;padding: 0px;margin: 5px 0;}
.btn:hover, .btnNext:hover {background: url(../../Images/Buttons/ButtonsSprite.png) no-repeat left -150px;}
.btn input, .btnNext input, .btnBack input {background-position: right;border-style: none;border: 0px;box-shadow: none;transition: left 1s ease-in;height: 30px;background: url(../../Images/Buttons/ButtonsSprite.png) no-repeat right -120px;line-height: 30px;padding: 0px;color: #4A4A4A;text-decoration: none;text-align: center;cursor: pointer;font-size: 15px;font-weight: bold;}
.btn input:hover, .btnNext input:hover, .btnBack input:hover {color: #363636;background: url(../../Images/Buttons/ButtonsSprite.png) no-repeat right -150px;border-style: none;border: 0px;box-shadow: none;}

.btnNext input {background: url(../../Images/Buttons/ButtonsSprite.png) no-repeat right -180px;}
.btnNext input:hover {background: url(../../Images/Buttons/ButtonsSprite.png) no-repeat right -210px;}
.btnBack {background: url(../../Images/Buttons/ButtonsSprite.png) no-repeat left -180px;}
.btnBack:hover {background: url(../../Images/Buttons/ButtonsSprite.png) no-repeat left -210px;}

.btnGreen {float: left;clear: both;background: url(../../Images/Buttons/ButtonsSprite.png) no-repeat left -60px;padding: 0px;margin: 5px 0;}
.btnGreen:hover {background: url(../../Images/Buttons/ButtonsSprite.png) no-repeat left -90px;}
.btnGreen input {border-style: none;border: 0px;height: 30px;background: url(../../Images/Buttons/ButtonsSprite.png) no-repeat right -60px;line-height: 30px;padding: 0px;color: #4A4A4A;text-decoration: none;text-align: center;cursor: pointer;font-size: 15px;font-weight: bold;}
.btnGreen input:hover {color: #363636;background: url(../../Images/Buttons/ButtonsSprite.png) no-repeat right -90px;}

.btnRed {float: left;clear: both;background: url(../../Images/Buttons/ButtonsSprite.png) no-repeat left 0px;padding: 0px;margin: 5px 0;}
.btnRed:hover {background: url(../../Images/Buttons/ButtonsSprite.png) no-repeat left -30px;}
.btnRed input {border-style: none;border: 0px;height: 30px;background: url(../../Images/Buttons/ButtonsSprite.png) no-repeat right 0px;line-height: 30px;padding: 0px;color: #FFF;text-decoration: none;text-align: center;cursor: pointer;font-size: 15px;font-weight: bold;}
.btnRed input:hover {color: #FFF;background: url(../../Images/Buttons/ButtonsSprite.png) no-repeat right -30px;}

.btnNextGreen {float: left;clear: both;background: url(../../Images/Buttons/ButtonsSprite.png) no-repeat left -260px;padding: 0px;margin: 5px 0;border: none;}
.btnNextGreen:hover {background: url(../../Images/Buttons/ButtonsSprite.png) no-repeat left -308px;}
.btnNextGreen input {border-style: none;border: 0px;box-shadow: none;transition: left 1s ease-in;height: 48px;background: url(../../Images/Buttons/ButtonsSprite.png) no-repeat right -260px;line-height: 48px;padding: 0px;color: #4A4A4A;text-decoration: none;text-align: center;padding-right: 25px; cursor: pointer;font-size: 15px;font-weight: bold;}
.btnNextGreen input:hover {color: #363636;background: url(../../Images/Buttons/ButtonsSprite.png) no-repeat right -308px;border-style: none;border: 0px;box-shadow: none;}

.btnBackGreen {float: left;clear: both;background: url(../../Images/Buttons/ButtonsSprite.png) no-repeat left -356px;padding: 0px;margin: 5px 0;}
.btnBackGreen:hover {background: url(../../Images/Buttons/ButtonsSprite.png) no-repeat left -404px;}
.btnBackGreen input {border-style: none;border: 0px;box-shadow: none;transition: left 1s ease-in;height: 48px;background: url(../../Images/Buttons/ButtonsSprite.png) no-repeat right -356px;line-height: 48px;padding: 0px;color: #4A4A4A;text-decoration: none;text-align: center;padding-left: 25px; cursor: pointer;font-size: 15px;font-weight: bold;}
.btnBackGreen input:hover {color: #363636;background: url(../../Images/Buttons/ButtonsSprite.png) no-repeat right -404px;border-style: none;border: 0px;box-shadow: none;}

/********************************************Modal Control********************************************/
.modalDialog {margin: 0px auto;width: 400px;padding-top: 0px;position: absolute;display: block;}
.modaldialog .inner {padding-right: 2px;padding-left: 5px;padding-bottom: 1px;background-color: #fff;float: left;padding-top: 2px;display: block;}
.modaldialog H2 {font-weight: bold;font-size: 1.25em;color: #f60;text-align: center;}
.modalBackground {background-color: #DBDBDB;opacity: 0.30;filter:alpha(opacity=30);}

.UpdateBar {top: 40px; left: 43%; position: fixed; z-index: 1000;width: 175px;}
.UpdateFullPanel {position:fixed; left:0; top:0; width:100%; height:100%; background-image:url("../../Images/SilverTransparent35.png");z-index: 1001;}

/*******************************************Package Section********************************************/
.servicesStepSection .sectionPack {display: block;position: relative;margin: 0px 4px 4px 0px;}
.servicesStepSection .sectionPack .sectiongridInfo {width: 270px; float: left;}
.servicesStepSection .sectionPack .sectiongridInfoSeparator {border-right:1px solid #eee;border-left:1px solid #eee;}
.servicesStepSection .sectionPack .sectiongridInfo .prodTitle {font-size: 12px;line-height: 18px;color: #113;}
.servicesStepSection .sectionPack .sectiongridInfo .prodSelector {padding: 3px 1px 0 0;}
.servicesStepSection .sectiongridInfo TR TD{padding: 0 !important;vertical-align: middle;text-align: left; border: solid; border-width: 1px; border-color:white;}
.servicesStepSection .sectiongridInfo TR TD input { margin: 0;padding: 0;}

.sectionProm {display: block;position: relative;margin: 5px 5px 0px 0;}
.sectionProm table { width: auto;}
.sectionProm table td {padding: 0;}
.sectionProm .prodSelector { height: 24px; }
.sectionProm .prodSelector input { padding: 0;margin: 0;}
.sectionProm .prodTitle {font-weight: normal;color: #113;}
.sectionProm .prodTitle span[disabled] {color: silver;} 

.sectionPackageGroup {display: block;position: relative;color: #113;margin: 5px 5px 20px 0;}
.sectionPackageGroup .box {float: left;height: 135px;width: 168px;box-shadow: 0 -2px 5px 0 rgba(120, 120, 120, 0.3) inset;border: #ddd 1px solid;border-radius: 4px;margin: 0 6px 5px 2px;padding: 0;background-color: #f6f6f6 !important;}
.sectionPackageGroup .box a {text-decoration: none;outline: none;}
.sectionPackageGroup .ac {box-shadow: 0 4px 15px 0 rgba(120, 120, 120, 0.5) inset;border: #37b33e 2px solid;}
.sectionPackageGroup .box:hover {box-shadow: 0 4px 16px 3px rgba(120, 120, 120, 0.4) inset;}
.sectionPackageGroup .box .inner {padding: 2px 4px 0;color: #333;width: 168px;border: none;vertical-align: middle;text-align: center;cursor: pointer;white-space: normal;}
.sectionPackageGroup .box .inner .text {margin: 0 8px;font-size: 14px;}
.sectionPackage {display: block;position: relative;margin:25px 5px 20px 0;border-top:1px solid #eee;padding: 0;}
.sectionPackage .group { min-width: 290px;}
.sectionPackage #sectionPackageTitle { position: absolute;left: 15px;top:-20px;color: #006;font-weight: bold;}

/*******************************************Upgrade Section********************************************/
.UpgradeControlDiv {margin: 2px 0px 2px 0px;border: 1px solid #fcfcfc;}
.UpgradeControlDiv table { width: 100%;}
.UpgradeControlDiv table td input { margin-right: 5px;}
.upgradeCheckBox {border-width: 0px;}
.upgradeCheckBox INPUT {margin: 4px 3px 2px 2px;vertical-align: top; padding:0px;}
.upgradeCheckBox label {vertical-align:bottom;}
.upgradeImageFreeAdmin {border-width: 0px;width: 24px;}
.stepDetails .UpgradeControlDiv table {padding-bottom:0px;}
.UpgradeControlDiv .red { color: red;}

/********************************************Contract Menu*********************************************/
.RegistrationNavigationTable TD {width: 130px;}
.RegistrationNavigationTable TD.Title {font-size: 13px;white-space: nowrap;}
.RegistrationWizardContainer {margin-top: 2px;}
.wizardNavig {width:100%;margin-right: 3px;}

.headerMenu .part-header-bg {background: url(//om.primetel.com.cy/SubscriptionManagement/Web/Imgs/b1.png) repeat-x center bottom;box-shadow: 0 -2px 5px 0 rgba(120, 120, 120, 0.2) inset;}
.headerMenu .steps {display: block;margin: 1px 0 4px 0;padding: 0;}
.headerMenu .steps a {color: #ccc;text-decoration: none;}
.headerMenu .steps li {width: 152px;height: 47px;float: left;list-style-type: none;background: url(../../Images/Buttons/BradCrumpMenu.png) no-repeat -160px 0;padding: 10px 20px 5px 24px;margin: 0 0 0 -40px;}
.headerMenu ul.steps > li:last-child {width: 138px;background-position: -315px 0;padding-left: 35px; }
.headerMenu ul.steps > li:first-child {width: 148px;background-position: -4px 0;margin: 0 0 0 0;padding-left: 14px; }

.headerMenu .steps li.visit { background-position: -1528px 0;}
.headerMenu ul.steps > li:last-child.visit {background-position: -1690px 0; }
.headerMenu ul.steps > li:first-child.visit {background-position: -1380px 0; }
.headerMenu .steps li.visit a,.headerMenu ul.steps > li:last-child.visit a, .headerMenu ul.steps > li:first-child.visit a {color: #444;}

.headerMenu .steps li:hover { background-position: -604px 0;}
.headerMenu ul.steps > li:last-child:hover {background-position: -760px 0; }
.headerMenu ul.steps > li:first-child:hover {background-position: -456px 0; }

.headerMenu .steps li.current { background-position: -1072px 0;}
.headerMenu ul.steps > li:last-child.current {background-position: -1228px 0; }
.headerMenu ul.steps > li:first-child.current {background-position: -912px 0; }
.headerMenu .steps li.current a,.headerMenu ul.steps > li:last-child.current a, .headerMenu ul.steps > li:first-child.current a {color: #555;}

.headerMenu .steps li a div.text {margin: 4px 10px 0 8px; font-size: 14px;font-weight: bold;text-align: center;}

/*******************************************Summary Section ********************************************/
.registrationSummaryTableSection {margin: 2px 12px 20px 12px;border-collapse: collapse;width: 100%;border: 1px solid #E4E4E4;vertical-align: top;font-size: 13px;text-align: left;}
.registrationSummaryTableSection Tr {border: 1px solid #EEEEEE;background-color: #FAFAFA;}
.registrationSummaryTableTitle {text-align: left; font-weight: bold; font-size: 14px !important; border-bottom:1px solid #ccc; padding:2px 0 2px 0;}
.registrationSummaryTableNumber {font-style: italic;}
.registrationSummaryTableTdLeft {width: 220px;padding-left: 8px;}
.registrationSummaryList {width: 600px;margin-left: 18px;list-style-image: none;list-style-type: disc;}
.registrationSummarySubList {margin-left: 18px;list-style-image: none;list-style-type: circle;}

.priceTickerControl {padding: 0px 6px 8px 6px;}
.priceTickerControl .registrationSummaryTableSection {margin: 0px;font-size: 11px;border: 0px;}
.priceTickerControl .registrationSummaryTableSection tr {border: 0px;background-color: transparent;}
.priceTickerControl .registrationSummaryTableSection tr td {padding-bottom: 4px;}
.priceTickerControl .registrationSummaryTableTitle {visibility: hidden; display: none;}
.priceTickerControl .registrationSummaryTableTdLeft {width: 200px;padding-left: 2px;text-align: left;}
.priceTickerControl .registrationSummaryTableTdRight {text-align: right;}
.priceTickerControl .registrationSummaryTableSection tr.spacer {height: 10px;}
.priceTickerControl .registrationSummaryTableSection tr.pack {font-weight: bold;color: rgb(17, 17, 51);}
.priceTickerControl .registrationSummaryTableSection tr.mobile td {font-weight: bold;color: rgb(17, 17, 51);padding-top: 10px;}
.priceTickerControl .registrationSummaryTableSection tr.subTotal td { padding-top: 5px; border-top: 1px solid rgb(220, 220, 220);}
.priceTickerControl .registrationSummaryTableSection tr.total {font-weight: bold;color: rgb(17, 17, 51);}

/************************************************ Registration section  ************************************************/
.subtitle { text-align: left; font-weight: bold; display: block; font-size: 13px !important; border-bottom:1px solid #ccc; padding:10px 0 5px 0; margin-bottom: 10px; border-collapse:collapse;}
.subtitle-mandatory {text-align: left; font-weight: bold; display: block; font-size: 13px !important; border-bottom:1px solid #ccc; padding:0 0 5px 0; margin-bottom: 10px; border-collapse:collapse; background:url(../../Images/Buttons/log_error.png) no-repeat right bottom; background-color:transparent;}
.stepDetails table{width:100%; padding-bottom:10px;}
    .stepDetails table .value INPUT.phone { padding-left:20px !important; background-image:url(../../Images/phone_16.png); background-repeat:no-repeat; border: solid 1px #D2D5D8;}
	.stepDetails table .value INPUT.mobile { padding-left:20px !important; background-image:url(../../Images/mobile.png); background-repeat:no-repeat; border: solid 1px #D2D5D8;}
	.stepDetails table .value INPUT.email { padding-left:20px !important; background-image:url(../../Images/email.png); background-repeat:no-repeat; border: solid 1px #D2D5D8;}
	.stepDetails table .value INPUT.fax { padding-left:20px !important; background-image:url(../../Images/fax.png); background-repeat:no-repeat; border: solid 1px #D2D5D8;}

	.stepDetails table .checkbox  input { padding:2px !important; width:10px !important; }
	.stepDetails table .view  textarea { padding:2px !important;}	

	.stepDetails fieldset {background:url(../../Images/BackGrounds/bg-registration-form-top-lrg.png) no-repeat left top;border:1px solid #FFF; padding:0; margin:0;}
	.stepDetails fieldset a {color:#0083B3; display:inline; cursor:pointer;}
	.stepDetails fieldset a:hover {background-color:#E6F5FA;}
	.stepDetails fieldset a:focus { background-color:#E6F5FA;}
	
	.stepDetails div label {width:200px; padding-left:5px;}
	.stepDetails ul.checkboxes li label, .one-column #content .standard ul.radiobuttons li label {width:600px;}
	.stepDetails .no-label {color:#0083B3;font-size: 14px;padding-left:10px; padding-bottom:15px;}
	.stepDetails .error-box {-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;background:transparent url(../../Images/bg-error.png) no-repeat scroll left bottom;clear:both;margin-bottom:10px;padding-bottom:10px;width:100%;}
	.stepDetails .error-box div {background:url(../../Images/bg-error-top.png) top left no-repeat;}
	.stepDetails .subtitle { text-align: left; font-weight: bold; display: block; border-bottom:1px solid #ccc; padding:0px 0px 5px 0px; margin: 8px 0; border-collapse:collapse;}

.substepDetails	{padding-left:29px; width:845px;}
	.substepDetails fieldset {background:url(../../Images/bg-substept-top-lrg.png) #FFF no-repeat 0 0 !important;border:none;border-left:1px solid #FFF; /*--fixes Firefox border and background image placement */margin:15px 0 0 0;}
	.substepDetails  legend {background:#FFF;color:#000;font-weight:normal; font-size:1.2em; font-family:"Trebuchet MS",Arial,sans-serif; margin-left:10px; padding:0 5px;text-transform:uppercase;}
	.substepDetails  div.wrapper {background:url(../../Images/bg-substept-end-lrg.png) no-repeat left bottom;clear:both;float:left;padding:20px 10px;position:relative; /*-- width:673px;Why two widths? RMC --*/width:845px;}
	.substepDetails  div.wrapper div {clear:both;margin-bottom:5px;}

.stepDetWithTick {width: 100%; max-width: 890px;float: left;margin: 0 1px 0 0;}
.stepDetWithTick .box_wide {min-height: 550px;}
.stepDetWithTick fieldset {border:1px solid #FFF; padding:0; margin:0;}
.stepDetWithTick fieldset a {color:#0083B3; display:inline; cursor:pointer;}
.stepDetWithTick fieldset a:hover {background-color:#E6F5FA;}
.stepDetWithTick fieldset a:focus { background-color:#E6F5FA;}
.stepDetWithTick legend {-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;background:#FFFFFF none repeat scroll 0 0;color:#CC0000;font-family:"Trebuchet MS",Arial,sans-serif;font-weight:normal;margin-left:10px;padding:0 5px; color:#cc0000; text-transform:uppercase; font-size:1.2em; }
.stepDetWithTick div.wrapper {-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;position:relative;width:100%; margin-bottom:10px; padding-top:15px; padding-bottom:15px;}
.stepDetWithTick h3.lined-section { margin-top: 0;}
.stepDetTick {width:225px;float: left;}
.stepDetTick h3.lined-section { margin-top: 0;}
.stepDetTick .box_wide {padding-left: 1px;padding-right: 1px; min-height: auto;}

.generalMessage .msgText table.lteInfo td {border: 1px solid #bbb;border-collapse: collapse;}

/************************************************** Mobile  *****************************************************/
.mobileStep {padding: 0;}
.mobileStep .devices {width: 100%;display: block;clear: both;}
.mobileStep .devices .items {position: relative;display: inline-block;float: left;width: 80%;}
.mobileStep .devices .items .item {border: 1px solid #CCCCCC;padding: 4px 4px 1px;vertical-align: top;width: 214px;height: 184px;overflow: hidden;box-shadow: 0 -2px 5px 0 rgba(120, 120, 120, 0.3) inset;background-color: #fbfbfb; float: left;}
.mobileStep .devices .items .item:hover {cursor: auto !important;box-shadow: 0 2px 7px 0 rgba(0, 120, 0, 0.6) inset;border: #bbb 1px solid;}
.mobileStep .devices .items .item .itemInfo {position: absolute;right: 0;bottom: 0;z-index: 9999;}
.mobileStep .devices .items .item .itemInfo .itemSection {display: inline-block;min-width: 20px;height: 20px;text-align: center;font-style: italic;font-size: 12px; border-radius: 8px;background: #8bf;padding: 0 2px; margin-right: 2px;box-shadow: inset 0px 0px 2px 2px #99f;}
.mobileStep .devices .items .item .itemInfo .itemSection:hover { background: #66f;}
.mobileStep .devices .items .item .itemInfo .itemSection a {color: white !important;text-decoration: none;width: 100%;cursor: pointer;}

.mobileStep .devices .items .item .itemInfoAvail {position: absolute;right: 0;top: 0;z-index: 9999;}
.mobileStep .devices .items .item .itemInfoAvail .itemSection {display: inline-block;width: 18px;height: 18px;text-align: center;border-radius: 9px;margin-right: 2px;}
.mobileStep .devices .items .item .itemInfoAvail.end .itemSection {background: orange;}
.mobileStep .devices .items .item:hover .itemInfo, .mobileStep .devices .items .item:hover .itemInfoAvail { visibility: visible;right: 55px;transition: 0.1s;}

.mobileStep .devices .items .item .itemsStockWithPendingDeliverySection, .mobileStep .devices .items .item .itemInfo, .mobileStep .devices .items .item .itemInfoAvail { visibility: hidden;}
.mobileStep .devices .items .item:hover .itemsStockWithPendingDeliverySection { visibility: visible;left: 55px;transition: 0.6s;}
.mobileStep .devices .items .item .title {height: 40px;margin: 1px 0;font-size: 0.7em;font-weight: bold;text-align: center;}
.mobileStep .devices .items .item img {display: inline;padding-top: 6px;margin: 0;max-width: 72px;}
.mobileStep .devices .items .item div.tableSectionTop {display: block;height: 100px;overflow: hidden;position: relative;text-align: center;}
.mobileStep .devices .items .item div.tableSectionBottom {display: block;margin: 0 0;text-align: center;}
.mobileStep .devices .items .item div.tableSectionBottom table {border-width: 0 !important;width: auto !important;text-align: left;margin: 0 auto; }
.mobileStep .devices .items .item div.tableSectionBottom table td {background: none;font-weight: bold;font-size: 12px;line-height: 12px;}
.mobileStep .devices .items .dl { min-height: 550px;}

.mobileStep .devices .items .paginator {display: block;width: 100%;text-align: center;margin: 4px 0px;}
.mobileStep .devices .items .paginator .page {display: inline-block;width: 34px; border: 1px solid #bbb;border-radius: 5px;box-shadow: 0 -2px 5px 0 rgba(120, 120, 120, 0.3) inset;padding: 0 8px;margin: 0;text-align: center;}
.mobileStep .devices .items .paginator .page:hover { font-weight: bold;border: 1px solid #888;box-shadow: 0 -2px 5px 0 rgba(120, 120, 120, 0.6) inset;}
.mobileStep .devices .items .paginator .page a {text-decoration: none;}
.mobileStep .devices .items .paginator .page.active {box-shadow: 0 2px 7px 0 rgba(0, 120, 0, 0.6) inset;border: #bbb 1px solid;}

.mobileStep .devices .filter { display: inline-block;float: right;width: 20%;position: relative;}
.mobileStep .devices .filter .filterBy { position: absolute;top: 0;right: 0; border: 1px solid #CCCCCC;box-shadow: 0 -2px 5px 0 rgba(120, 120, 120, 0.3) inset;background: url(../../Images/BackGrounds/mobSubHeader.png) repeat center;padding: 0 8px 0 2px;border-top-right-radius: 5px;border-bottom-left-radius: 5px;}
.mobileStep .devices .filter .sortBy { position: absolute;bottom: 0;right: 0; border: 1px solid #CCCCCC;box-shadow: 0 -2px 5px 0 rgba(120, 120, 120, 0.3) inset;background: url(../../Images/BackGrounds/mobSubHeader.png) repeat center;padding: 0 8px 2px 2px;border-bottom-right-radius: 5px;border-top-left-radius: 5px;}
.mobileStep .devices .filter .filterBy div, .mobileStep .devices .filter .sortBy div {font-size: 10px !important;line-height: 12px !important;}
.mobileStep .devices .filter .innerFs { position: relative;}
.mobileStep .devices .filter .innerFs .text {display: inline-block; font-weight: bold; color: #666;}
.mobileStep .devices .filter .innerFs .clear {display: inline-block; width: 0;overflow: hidden;margin: 0;padding: 0 0 0 4px;transition: 0.5s;}
.mobileStep .devices .filter .innerFs:hover .clear { width: 50px;}
.mobileStep .devices .filter .innerFs .option {border: 1px solid #bbb;border-radius: 5px;box-shadow: 0 -2px 5px 0 rgba(120, 120, 120, 0.3) inset;padding: 0 4px;margin: 0;font-style: italic;}
.mobileStep .devices .filter .innerFs a { text-decoration: none;}
.mobileStep .devices .filter .innerFs a:hover { color: #333;font-weight: bold;}
.mobileStep .devices .filter .box_wide { margin: 0;min-height: 552px; padding: 12px 0 20px 2px;border-top-left-radius: 0;border-bottom-left-radius: 0;}
.mobileStep .devices .filter h5 { margin: 10px 0 6px 2px;}
.mobileStep .devices .filter .prop { display: block;}
.mobileStep .devices .filter .prop2 { float: left; width: 78px;}
.mobileStep .devices .filter .prop .el { display: block; float: left;font-size: 12px;}
.mobileStep .devices .filter .prop .el input { padding: 0;margin: 0;height: 20px;}
.mobileStep .devices .filter .prop .el input:hover { opacity: 0.8;}
.mobileStep .devices .filter .prop .el .color { width: 48px;height: 20px;border: 1px solid #333;border-radius: 5px;opacity: .8;}
.mobileStep .devices .filter .prop .retailPrice { display: block;}
.mobileStep .devices .filter .prop .retailPrice #sliderDevPriceRange {margin: 0 12px 0 8px;}
.mobileStep .devices .filter .prop .retailPrice .info { font-size: 10px;}
.mobileStep .devices .filter .prop .retailPrice .info #devPriceRange { font-weight: bold;}

.mobileStep .mobileReservation {width: 100%;}
.mobileStep .mobileReservation .searchMyNumber {margin-left: 30px;margin-top: 8px;margin-bottom: 10px;}
.mobileStep .mobileReservation .searchMyNumber .prefix {font-size: 19px;font-weight: bold;margin-right: 3px;height: 22px;}
.mobileStep .mobileReservation .searchMyNumber .validation {color: Red;font-weight: bold;}
.mobileStep .mobileReservation .searchMyNumber .dropDownSearch {display: block;float: left;font-weight: bold;margin-left: 10px;margin-right: 10px;padding-bottom: 1px;padding-right: 1px;padding-top: 1px;text-align: center;vertical-align: top;width: 44px !important;background-color: #F9F9F9;border: 1px solid #8D8D8D;}
.mobileStep .mobileReservation .searchMyNumber .textBoxSearch {margin-right: 10px;width: 64px;border: 1px solid #A0A0A0;padding: 2px;}
.mobileStep .mobileReservation .myNumberResults {width: 98%;height: 80px;border: thin solid #C0C0C0;background-position: bottom;background-image: url(../../Images/textBgShortTrans.jpg);background-repeat: repeat-x;overflow: auto;padding: 3px;}
.mobileStep .mobileReservation .myNumberResults .number {display: inline;margin: 6px;}
.mobileStep .mobileReservation .myNumberResults .number a {color: #0083B3;font-size: 15px;text-decoration: underline;}
.mobileStep .mobileReservation .myNumberResults .number a:hover {color: #111;}

.mobileStep .tableSectionInfo td {padding-bottom: 5px;}
.mobileStep .tableSectionInfo .radioOption {width: 260px;}
.mobileStep .tableSectionInfo .label {width: 270px;}
.mobileStep .tableSectionInfo .label span {padding-left: 0px !important;}

.mobileStep .ui-widget-content { background: transparent;border: 1px solid #ddd;margin: 0 0 10px 0;padding: 0;}
.mobileStep .ui-widget-content .ui-tabs-nav { border: none;padding: 0;margin: 0; background: #ddd;border-radius: 0; font-size: 14px;}
.mobileStep .ui-widget-content .tabs-nav li.ui-tabs-active { margin-bottom: 0;}
.mobileStep .ui-widget-content .ui-tabs-nav .ui-state-active {margin-bottom: 0;border-color: #37b33e;border-top-width: 1px;border-right-width: 2px;border-left-width: 2px;background: #fbfbfb;background: linear-gradient(to top, rgba(100,179,100, 0), rgba(251, 251, 251, 1) 80%, rgba(100,179,100, 1));}

.mobileStep table.shop td div.tableSectionTop {display: block; min-height: 135px; }
.mobileStep table.shop td div.tableSectionTop p {clear: both;}
.mobileStep table.shop td div.tableSectionBottom {display: block;margin-top: 4px;margin-left: 6px;width: 180px;overflow: hidden;}
.mobileStep table.shop td div.tableSectionBottom table {border-width: 0px !important;width: auto !important;}
.mobileStep table.shop td div.tableSectionBottom table td {border-width: 0px !important;width: auto !important;font-weight: bold;padding: 0px;}
.mobileStep #accordion table.shop td div.table-top h3 {font-size: 12px;}
.mobileStep table.shop td .selection{display: block;margin-bottom: 2px;}
.mobileStep .unselectPhoneLinkTable{width: auto;padding-left: 2px;padding-top: 5px;}
.mobileStep .unselectPhoneLinkTable td {font-weight: bold;padding-left: 5px;}
.mobileStep .selectionRadioButton {display: block;}        

.mobileStep .subscriptionsItem {border: thin solid #D0D0D0;background-position: bottom;background-image: url(../../Images/textBgShortTrans.png);background-repeat: repeat-x;background-color: #FDFDFD;overflow: auto;padding: 0 0 10px 0;width: 100%; margin: 2px;}
.mobileStep .subscriptionsItem:hover {border: thin solid #B0B0B0;background-image: url(../../Images/textBgShortTrans.png);background-color: #FDFDFD;}
.mobileStep .subscriptionsItem .subHeader {display: block; border-bottom: 1px solid #d8d8d8; margin-bottom: 6px;height: 25px;font-size: 14px;}
.mobileStep .subscriptionsItem .subHeaderActive {background-color: #e8e8e8;background: url(../../Images/BackGrounds/mobSubHeader.png) repeat center;}
.mobileStep .subscriptionsItem .subHeader .subTitle {float: left;margin-left:4px; color: #444;font-weight: bold;}
.mobileStep .subscriptionsItem .subHeader .subTitleActive {color: #37b33e;}
.mobileStep .subscriptionsItem .subHeader .editButton {float: right; display: none;margin: 2px 1px 1px 1px;}
.mobileStep .subscriptionsItem .subDetails {display: block;padding: 4px;}
.mobileStep .subscriptionsItem .subDetails .subDetailsInfo {float: left;margin-left: 5px; width: 580px;}
.mobileStep .subscriptionsItem .subDetails .subDetailsInfo .label {width: 120px;font-size: 12px;vertical-align: top;}
.mobileStep .subscriptionsItem .subDetails .subDetailsInfo .value {font-size: 12px;}
.mobileStep .subscriptionsItem .subDetails .subDetailsPhone {float: right;}
.mobileStep .subscriptionsItem .subDetails .subDetailsPhone img { max-width: 96px;}

.itemsStockWithPendingDeliverySection { position: absolute;left: 0;top: 0;z-index: 9999;}
.itemsStockWithPendingDeliverySection .itemSection { display: inline-block;min-width: 20px;height: 20px;text-align: center;font-size: 11px; border-radius: 8px;background: #aaa;padding: 0 2px; margin-right: 2px;box-shadow: inset 0px 0px 2px 2px #888;}
.itemsStockWithPendingDeliverySection .itemSection:hover { background: #888;box-shadow: inset 0px 0px 2px 2px #666;}
.itemsStockWithPendingDeliverySection .itemSection a {color: white !important;text-decoration: none;}
.UpgradeControlDiv .itemsStockWithPendingDeliverySection { position: relative;display: inline-block;padding: 0 0 0 8px;}

.devicesReservation {display: block;}
.devicesReservation table.gridInfo {float: none;border: none;}
.devicesReservation table.gridInfo tr th { font-weight: normal;background: url(../../Images/BackGrounds/mobSubHeader.png) repeat center;border: 1px solid #bbb;}
.devicesReservation table.gridInfo tr td span {display: block;margin: 0 10px;}
.devicesReservation table.gridInfo tr td .action {font-size: 20px;}
.devicesReservation table.gridInfo tr td .actionHover { visibility: hidden;}
.devicesReservation table.gridInfo tr:hover td .actionHover { visibility: visible;}
.devicesReservation .updateFullPanel {z-index: 1002;}
.devicesReservation .updateFullPanel .reservationOptions {position: relative;top: 20%;max-width: 600px;min-height: 200px;max-height: 500px;overflow: auto; margin: 0 auto;padding: 0;border: solid 1px #ddd;border-radius: 5px;box-shadow: inset 0px 0px 1px 2px #ccc;background-color: #fff;background-position: bottom;background-image: url(../../Images/textBgLong.png);background-repeat: repeat-x;}
.devicesReservation .updateFullPanel .reservationOptions .header {display: block;position: relative;border-bottom: 1px solid #d8d8d8;padding:12px 0 0 8px;background-position: bottom;background-image: url(../../Images/textBgShortTrans.png);background-repeat: repeat-x;}
.devicesReservation .updateFullPanel .reservationOptions .header .close {position: absolute;top: 5px;right: 10px;}
.devicesReservation .updateFullPanel .reservationOptions .section {display: block;padding: 15px 10px;}


/***************************************************** QA  ******************************************************/
.qaStep .heading {margin: 0px;padding: 3px 10px;cursor: pointer;position: relative;background-color: #e8e8e8;background: url(../../Images/BackGrounds/mobSubHeader.png) repeat center;margin-bottom: 2px;}
.qaStep .content {padding: 5px 5px;}
.qaStep .stepDetails .wrapper table.elementWidthAuto tr td {padding-right: 10px;}

/************************************************ Text on image  ************************************************/
.nav-button  {width:100px; border:none; cursor:pointer; height:26px;}
	.nav-button.back {background:url(../../Images/Buttons/ButtonBack100-26.png) no-repeat left top; }
	.nav-button.custom { float: right; margin-right: 25px; }
	.nav-button.next {background:url(../../Images/Buttons/ButtonNext100-26.png) no-repeat left top; }
    
.add-button {background: url(../../Images/Buttons/add.png) no-repeat left top; height: 16px !important; width: 16px !important; border:none; cursor:pointer;}	
.edit-button {background: url(../../Images/Buttons/edit.png) no-repeat left top; height: 16px; width: 16px; border:none; cursor:pointer; }	
.remove-button {background: url(../../Images/Buttons/remove.png) no-repeat left top; height: 16px; width: 16px; border:none; cursor:pointer; }	

		.modal table{ padding-top:10px;}
		/*.modal table .label {width:180px;}*/
		.modal table .label span {color:#333; font-size:12px; padding-left:10px; padding-top:4px; position:relative; }
		.modal table .label span.mandatory {color:#CC0000; padding-left:5px; padding-right:5px;}		
		.modal table .value  input {padding:2px !important;}
		.modal table .value INPUT.phone { padding-left:20px !important; background-image:url(../../Images/phone_16.png); background-repeat:no-repeat; border: solid 1px #D2D5D8;}
	    .modal table .value INPUT.mobile { padding-left:20px !important; background-image:url(../../Images/mobile.png); background-repeat:no-repeat; border: solid 1px #D2D5D8;}
	    .modal table .value INPUT.email { padding-left:20px !important; background-image:url(../../Images/email.png); background-repeat:no-repeat; border: solid 1px #D2D5D8;}
	    .modal table .value INPUT.fax { padding-left:20px !important; background-image:url(../../Images/fax.png); background-repeat:no-repeat; border: solid 1px #D2D5D8;}

#ui-timepicker-div dl{text-align: left;}
#ui-timepicker-div dl dt{height: 25px;}
#ui-timepicker-div dl dd{margin: -25px 0 10px 65px;}

/************************************************ Find Address Modal Dialog  ************************************************/
.findAddress fieldset {background:url(../../Images/bg-modal-findAddress-top-lrg.png) #FFF no-repeat 0 0;border:none;border-left:1px solid #FFF; /*--fixes Firefox border and background image placement */margin:20px 0 0 0;}
.findAddress  legend {background:#FFF;color:#C00;font-weight:normal; font-size:1.2em;font-family:"Trebuchet MS",Arial,sans-serif;margin-left:10px;padding:0 5px;text-transform:uppercase;}
.findAddress  div.wrapper {background:url(../../Images/bg-modal-findAddress-end-lrg.png) no-repeat left bottom;	clear:both;float:left;padding:20px 10px;position:relative; /*-- width:673px;Why two widths? RMC --*/width:800px;}
.findAddress  div label {color:#333;display:block;float:left;margin-right:10px;text-align:right;width:150px;padding-right:2px;padding-top:4px;}
.findAddress div.wrapper div {clear:both;margin-bottom:5px;}
.findAddress .mandatory-area {clear:both;position:absolute !important;right:10px;text-align:right;top:0;width:300px;}		
.findAddress .mandatory-area span {color:#cc0000;}
.findAddress .mandatory-area p.note {text-align:right; margin-top:-36px; padding-right:10px;}
	
/************************************************ Results Table  ************************************************/
.result-table { width: 98%; border: 1px solid #CDD8DE; margin-bottom: 10px; }
	.result-table  TR TD { padding: 3px 2px !important; vertical-align: top; border:1px solid #D6E0E5;}	
	.result-table  TR TD span.phone { padding-left:28px; background-image:url(../../Images/phone_22.png); background-repeat:no-repeat;  width:275px;}	
	.result-table TR.alternating TD { background-color: #efefef; border-bottom:1px solid #d3d3d3; border-top:1px solid #d3d3d3; vertical-align: top;}
	.result-table  TD A { text-decoration:underline; }
	.result-table  .header TH, .result-table  .header TD { padding: 4px 4px; font-weight: normal; text-align: left; color: #CC0027; border:1px solid #D6E0E5; vertical-align: top; text-align: left;}
	.result-table  .header  .first-header { background-color:#DFE5E8; color: black; font-weight: normal;}
	.result-table   .first-header { background-color:#DFE5E8; color: black; font-weight: normal;}
	.result-table  TH.num, .result-table TD.num { text-align: right;}
	.result-table  .footer TF, .result-table  .footer TD { padding: 4px 4px; font-weight: normal; text-align: left; color: #909090; border-top:1px solid #D6E0E5; vertical-align: top; text-align: left;}
	.result-table  TH.num, .result-table TD.num { text-align: right;  }
	.result-table  TD INPUT.phone { padding-left:28px; background-image:url(../../Images/phone_22.png); background-repeat:no-repeat; }
	.result-table  TD.freeze { padding: 4px 4px; font-weight: bold; text-align: left; color: #909090; border-right:2px solid #909090; vertical-align: top; text-align: left;}
	.result-table  TR.pending TD { color:#f00; background-color: #efefef; border-bottom:1px solid #d3d3d3; border-top:1px solid #d3d3d3; }

/************************************************Add Number Modal*************************************************/
.addNumber fieldset {background:url(../../Images/bg-modal-findAddress-top-lrg.png) #FFF no-repeat 0 0;border:none;border-left:1px solid #FFF; /*--fixes Firefox border and background image placement */margin:20px 0 0 0;}
.addNumber  legend {background:#FFF;color:#C00;font-weight:normal; font-size:1.2em;font-family:"Trebuchet MS",Arial,sans-serif;margin-left:10px;padding:0 5px;text-transform:uppercase;}
.addNumber  div.wrapper {background:url(../../Images/bg-modal-findAddress-end-lrg.png) no-repeat left bottom;	clear:both;float:left;padding:20px 10px;position:relative; /*-- width:673px;Why two widths? RMC --*/width:800px;}
.addNumber  div label {padding-left:5px; width:200px;}
.addNumber div.wrapper div {clear:both;margin-bottom:5px;}

.addNumber input {padding:3px;}
.addNumber table{width:98%; padding-bottom:15px;}
    .addNumber table .label  {width:180px;}
	.addNumber table .label span {color:#333; font-size:12px; padding-left:10px; padding-top:4px; position:relative; }
	.addNumber table .label span.mandatory {color:#CC0000; padding-left:5px;}	
	.addNumber table .value-h-radio table {text-align:center;}
	.addNumber table .value-h-radio  input { padding:2px !important; width:10px !important;}
	.addNumber table .value  input {padding:2px !important;}
	.addNumber table .checkbox  input { padding:2px !important;}
	.addNumber table .value INPUT.phone { padding-left:20px !important; background-image:url(../../Images/phone_16.png); background-repeat:no-repeat; border: solid 1px #D2D5D8;}
	.addNumber table .value INPUT.mobile { padding-left:20px !important; background-image:url(../../Images/mobile.png); background-repeat:no-repeat; border: solid 1px #D2D5D8;}
	.addNumber table .value INPUT.email { padding-left:20px !important; background-image:url(../../Images/email.png); background-repeat:no-repeat; border: solid 1px #D2D5D8;}
	.addNumber table .value INPUT.fax { padding-left:20px !important; background-image:url(../../Images/fax.png); background-repeat:no-repeat; border: solid 1px #D2D5D8;}

	
.addNumber .subtitle { text-align: left; font-weight: bold; display: block; font-size: 12px !important; border-bottom:1px solid #ccc; padding:20px 0 5px 0; margin-bottom: 10px; border-collapse:collapse;}
.addNumber. subtitle-mandatory {text-align: left; font-weight: bold; display: block; font-size: 12px !important; border-bottom:1px solid #ccc; padding:0 0 5px 0; margin-bottom: 10px; border-collapse:collapse; background:url(../../Images/Buttons/log_error.png) no-repeat right bottom; background-color:transparent;}

/************************************************Edit Number Modal*************************************************/
.editNumber fieldset {background:url(../../Images/bg-modal-findAddress-top-lrg.png) #FFF no-repeat 0 0;border:none;border-left:1px solid #FFF; /*--fixes Firefox border and background image placement */margin:20px 0 0 0;}
.editNumber  legend {background:#FFF;color:#C00;font-weight:normal; font-size:1.2em;font-family:"Trebuchet MS",Arial,sans-serif;margin-left:10px;padding:0 5px;text-transform:uppercase;}
.editNumber  div.wrapper {background:url(../../Images/bg-modal-findAddress-end-lrg.png) no-repeat left bottom;	clear:both;float:left;padding:20px 10px;position:relative; /*-- width:673px;Why two widths? RMC --*/width:800px;}
.editNumber  div label {padding-left:5px; width:200px;}
.editNumber div.wrapper div {clear:both;margin-bottom:5px;}

.editNumber input {padding:3px;}
.editNumber table{width:98%; padding-bottom:15px;}
    .editNumber table .label  {width:180px;}
	.editNumber table .label span {color:#333; font-size:12px; padding-left:10px; padding-top:4px; position:relative; }
	.editNumber table .label span.mandatory {color:#CC0000; padding-left:5px;}	
	.editNumber table .value-h-radio table {text-align:center;}
	.editNumber table .value-h-radio  input { padding:2px !important; width:10px !important;}
	.editNumber table .value  input {padding:2px !important;}
	.editNumber table .checkbox  input { padding:2px !important;}
	.editNumber table .value INPUT.phone { padding-left:20px !important; background-image:url(../../Images/phone_16.png); background-repeat:no-repeat; border: solid 1px #D2D5D8;}
	.editNumber table .value INPUT.mobile { padding-left:20px !important; background-image:url(../../Images/mobile.png); background-repeat:no-repeat; border: solid 1px #D2D5D8;}
	.editNumber table .value INPUT.email { padding-left:20px !important; background-image:url(../../Images/email.png); background-repeat:no-repeat; border: solid 1px #D2D5D8;}
	.editNumber table .value INPUT.fax { padding-left:20px !important; background-image:url(../../Images/fax.png); background-repeat:no-repeat; border: solid 1px #D2D5D8;}
	
.editNumber .subtitle { text-align: left; font-weight: bold; display: block; font-size: 12px !important; border-bottom:1px solid #ccc; padding:20px 0 5px 0; margin-bottom: 10px; border-collapse:collapse;}
.editNumber. subtitle-mandatory {text-align: left; font-weight: bold; display: block; font-size: 12px !important; border-bottom:1px solid #ccc; padding:0 0 5px 0; margin-bottom: 10px; border-collapse:collapse; background:url(../../Images/Buttons/log_error.png) no-repeat right bottom; background-color:transparent;}

INPUT.phone { padding-left:28px !important; background-image:url(../../Images/phone_16.png); background-repeat:no-repeat;}
INPUT.mobile { padding-left:28px; background-image:url(../../Images/mobile.png); background-repeat:no-repeat;}
INPUT.email { padding-left:28px!important; background-image:url(../../Images/email.png); background-repeat:no-repeat;}
INPUT.fax { padding-left:28px; background-image:url(../../Images/fax.png); background-repeat:no-repeat;}

/************************************************.phoneSection *************************************************************************/
.stepDetails .phoneSection fieldset {background:url(../../Images/phoneSection-form-top-lrg.png) no-repeat left top;border:1px solid #FFF; padding:0; margin:0;}
.stepDetails .phoneSection legend {-moz-background-clip:border;-moz-background-inline-policy:continuous;background:#FFFFFF none repeat scroll 0 0;color:#CC0000;font-weight:normal;margin-left:10px;padding:0 5px 5px; color:#cc0000; text-transform:capitalize; font-size:12px; }
	
.subtitle-no-border { text-align: left; font-weight: bold; display: block; font-size: 12px !important; border-collapse:collapse;}

/************************************************.numbersSection *************************************************************************/
.numbersSection table{width:100%; padding-bottom:15px;}
.numbersSection table .label span.mandatory {color:#CC0000; padding-left:5px;}	
.numbersSection table .value-h-radio table {text-align:center;}
.numbersSection table .value-h-radio  input { padding:2px !important; width:10px !important;}
.numbersSection table .checkbox  input { padding:2px !important;}
	
/************************************************.Advice Section *************************************************************************/
.adviceSection {width:98%; font-size:12px; padding-top:10px !important; margin-left:10px !important; margin-bottom:5px !important; font-weight:normal; background-color: #F0F3F6;  }
.adviceSection-mandatory {background:url(../../Images/Buttons/log_error.png) no-repeat right top;width:98%; font-size:12px; padding-top:10px !important; margin-left:10px !important; margin-bottom:5px !important; font-weight:normal; background-color: #F0F3F6; }
.isMandatory {background-color:#FBEFEF;}

/*********************************************** Add Comment **************************************************/
.addComment  div.wrapper {background:url(../../Images/bg-modal-findAddress-end-lrg.png) no-repeat left bottom;	clear:both;float:left;padding:20px 10px;position:relative; /*-- width:673px;Why two widths? RMC --*/width:800px;}
.addComment  div label {padding-left:5px; width:200px;}
.addComment div.wrapper div {clear:both;margin-bottom:5px;}

.addComment input {padding:3px;}
.addComment table{width:98%; padding-bottom:15px;}
.addComment table .label  {width:100px;}
.addComment table .label span {color:#333; font-size:12px; padding-left:10px; padding-top:4px; position:relative; }
.addComment table .label span.mandatory {color:#CC0000; padding-left:5px;}	

/*********************************************** Add Case **************************************************/
.addCase  div.wrapper {background:url(../../Images/bg-modal-findAddress-end-lrg.png) no-repeat left bottom;	clear:both;float:left;padding:20px 10px;position:relative; /*-- width:673px;Why two widths? RMC --*/width:800px;}
.addCase  div label {padding-left:5px; width:200px;}
.addCase div.wrapper div {clear:both;margin-bottom:5px;}

.addCase input {padding:3px;}
.addCase table{width:98%; padding-bottom:15px;}
.addCase table .label  {width:100px;}
.addCase table .label span {color:#333; font-size:12px; padding-left:10px; padding-top:4px; position:relative; }
.addCase table .label span.mandatory {color:#CC0000; padding-left:5px;}	

/*********************************************** Add Appointment **************************************************/
.addAppointment  div.wrapper {background:url(../../Images/bg-modal-findAddress-end-lrg.png) no-repeat left bottom;	clear:both;float:left;padding:20px 10px;position:relative; /*-- width:673px;Why two widths? RMC --*/width:800px;}
.addAppointment  div label {padding-left:5px; width:200px;}
.addAppointment div.wrapper div {clear:both;margin-bottom:5px;}

.addAppointment input {padding:3px;}
.addAppointment table{width:98%; padding-bottom:15px;}
.addAppointment table .label  {width:130px;}
.addAppointment table .label span {color:#333; font-size:12px; padding-left:10px; padding-top:4px; position:relative; }
.addAppointment table .label span.mandatory {color:#CC0000; padding-left:5px;}	

/******************************************* Register Credit Card *************************************************/
.RegisterCreditCard {height:500px;}
.RegisterCreditCard table {padding-bottom:0px;}
.RegisterCreditCard .placeHolderDiv {padding-left: 20px; padding-right: 10px;}

/******************************************* Slider Section Table **************************************************/
table.sliderSec td .changeLimitSectionText {display: block;margin-bottom: 12px;}
table.sliderSec td .changeLimitSectionText input {font-weight: bold;}
table.sliderSec td .changeLimitSectionSlider {display: block;margin-bottom: 10px;width: 260px;}
table.sliderSec td .changeLimitSectionSlider #slider {background: #999 none;}
table.sliderSec td .changeLimitSectionSliderInfo {display: block;font-style: italic;font-size: 10px;}

/*******************************************************************************************************************/
 .page fieldset {border: 1px solid #bbb;border-top-left-radius: 4px;border-top-right-radius: 4px;border-bottom: 0; margin: 0;  padding: 0;background: url(//om.primetel.com.cy/SubscriptionManagement/Web/Imgs/b1.png) repeat-x center bottom; }
 .page legend {font-weight:normal;margin-left:10px;padding:0 5px;text-transform:uppercase; font-size:1.2em;border: 1px solid #bbb;border-radius: 7px;}
 .page fieldset+.wrapper { border: 1px solid #bbb;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;border-top: 0;margin: 0 0 10px 0; padding: 15px; position: relative;background: url(//om.primetel.com.cy/SubscriptionManagement/Web/Imgs/b1.png) repeat-x center bottom;box-shadow: 0 -2px 5px 0 rgba(120, 120, 120, 0.2) inset;}
 .page .wrapper a {color: #222;}

table tr td.label { width: 138px;}
table tr td.value input[readonly] { color: silver;}
table tr td.space { width: 32px;}
	
.ui-front { z-index: 1001 !important;}
.birthDayControls .day { width: 83px !important;}
.birthDayControls .month { width: 84px !important;}
.birthDayControls .year { width: 83px !important;}
.tableSectionInfo .birthDayControls select { margin-right: 5px;}
.logo .logoText {font-size: 20px;margin-left: -50px;color: #c00;display: block;height: 36px;vertical-align: top;}
.login {min-height: 600px !important;position: relative;}
.additionalInfoBox { width: 100%; box-sizing: border-box; resize: none; }

/*************************************************Mask to any input****************************************/
.masked-input {-webkit-text-security: disc; font-family: monospace;}