/* MYAPPS */
/* MANAGE BACKUP & STORAGE (SLIDERS) BEGINS */
div.manageSpacer {
	background: url(../../images/myapps/spacer.gif) 0 0 no-repeat;
	height: 20px;
	margin: 10px 0;
}
div.manageAccessible {
	position: absolute;
	left: 0;
	text-indent: -9999px;
	top: 0;
}
div.manageMessage {
	float: left;
	width: 345px;
}
div.manageMessage h2,
div.manageChange h2 {
	color: #333;
	font-size: 18px;
	margin: 0 0 8px;
}
div.manageChange p {
	margin: 4px 0;
}
div.manageChange a {
	display: inline-block;
	margin-bottom: 12px;
}
div.manageOverview div.icons {
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background-color: #f0f0f0;
	float: right;
	margin-bottom: 5px;
	padding: 10px;
	position: relative;
}
div.manageOverview div.icons div.icon {
	color: #666;
	display: inline-block;
}
div.manageOverview div.icons div.icon {
	padding: 0 10px 0 15px;
}
div.manageOverview div.icons div.icon.backup {
	background: url('../../images/myapps/icon-backup.gif') 0 2px no-repeat;
}
div.manageOverview div.icons div.icon.storage {
	background: url('../../images/myapps/icon-storage.gif') 0 2px no-repeat;
}
div.manageOverview div.icons div.icon.allocated {
	background: url('../../images/myapps/icon-allocated.gif') 0 2px no-repeat;
}
div.manageRemaining {
	float: right;
	text-align: center;
	width: 235px;
}
div.manageTop {
	position: relative;
	z-index: 1;
}
div.manageRemaining h3 {
	font-size: 14px;
	margin: 0 0 8px;
}
div.manageRemaining div.unlimited {
	background: url('../../images/myapps/unlimited.gif') 0 0 no-repeat;
	height: 91px;
	margin-left: 40px;
	width: 159px;
}
div.manageRemaining div.unlimited span {
	display: none;
}
div.manageRemaining div.manageTotal {
	display: inline-block;
	float: left;
	height: 87px;
	width: 44px;
}
div.manageTotal.digit0 {
	background: url('../../images/myapps/numbers.gif') -3px 0 no-repeat;
}
div.manageTotal.digit1 {
	background: url('../../images/myapps/numbers.gif') -53px 0 no-repeat;
}
div.manageTotal.digit2 {
	background: url('../../images/myapps/numbers.gif') -103px 0 no-repeat;
}
div.manageTotal.digit3 {
	background: url('../../images/myapps/numbers.gif') -153px 0 no-repeat;
}
div.manageTotal.digit4 {
	background: url('../../images/myapps/numbers.gif') -203px 0 no-repeat;
}
div.manageTotal.digit5 {
	background: url('../../images/myapps/numbers.gif') -253px 0 no-repeat;
}
div.manageTotal.digit6 {
	background: url('../../images/myapps/numbers.gif') -303px 0 no-repeat;
}
div.manageTotal.digit7 {
	background: url('../../images/myapps/numbers.gif') -353px 0 no-repeat;
}
div.manageTotal.digit8 {
	background: url('../../images/myapps/numbers.gif') -403px 0 no-repeat;
}
div.manageTotal.digit9 {
	background: url('../../images/myapps/numbers.gif') -453px 0 no-repeat;
}
div.manageTotal.digit00 {
	background: url('../../images/myapps/numbers.gif') -503px 0 no-repeat;
}
div.manageTotal.digitNeg {
	background: url('../../images/myapps/numbers.gif') -553px 0 no-repeat;
}
div.manageRemaining div.manageTotal span {
	display: none;
}
div.manageRemaining div.manageTotal.manageDecimal {
	font-size: 4.5em;
	font-style: italic;
	line-height: 1.1em;
	text-align: center;
	width: 12px;
}
div.manageRemaining div.manageTotal.manageGB {
	font-size: 2em;
	font-style: italic;
	line-height: 3.4em;
	text-align: right;
	width: 36px;
}
div.manageArrow {
	background: transparent url('../../images/myapps/manage-arrow.gif') top right no-repeat;
	height: 11px;
	width: 476px;
}
div.manageContainer {
	margin-top: -10px;
	position: relative;
	z-index: 10;
}
div.manageOverview {
	position: relative;
	z-index: 10;
}
form.manageForm {
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background-color: #535250;
	padding: 20px 15px 15px;
	width: 550px;
}
form.manageForm .globalAlertWrapper {
	margin-bottom: 15px;
}
div.manageOverview form.manageForm {
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	background-color: #fff;
	padding: 0;
	width: auto;
}
div.manageError {
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background: #ffcc00 url('../../images/myapps/error-bg.gif') left bottom repeat-x;
	border: 3px solid #e9b500;
	margin-bottom: 15px;
	padding: 10px;
}
div.manageError div.errorIcon {
	background: transparent url('../../images/myapps/error-icon.gif') 0 0 no-repeat;
	float: left;
	height: 35px;
	margin: 2px;
	width: 35px;
}
div.manageError div.errorText {
	float: left;
	margin: 2px 0 0 10px;
	width: 410px;
}
div.manageError a.errorClose {
	background: transparent url('../../images/myapps/error-close.gif') 0 0 no-repeat;
	cursor: pointer;
	display: none;
	float: right;
	height: 14px;
	width: 14px;
}
div.manageContainer.js div.manageError a.errorClose {
	display: inline-block;
}
div.manageUser {
	border-bottom: 1px dotted #fff;
	margin: 0 0 15px;
	padding: 0 0 14px;
}
div.manageUser.first,
div.manageUser.last {
	border-bottom: 1px solid #fff;
}
div.manageUser div.manageName {
	color: #fff;
	font-size: 1.4em;
	margin: 0 0 10px;
}
div.manageUser span.manageInfo {
	font-size: .8em;
}
div.sliderContainer {
	display: inline-block;
	float: left;
}
div.sliderContainer div.sliderTitle {
	color: #333;
	font-size: 14px;
	font-weight: bold;
	margin: 6px 0;
	text-align: center;
	width: 412px;
}
div.sliderContainer div.sliderNumbers {
	height: 20px;
	width: 412px;
}
div.manageContainer div.sliderContainer div.sliderNumbers div {
	color: #fff;
	display: inline-block;
	padding-bottom: 3px;
	text-align: center;
	width: 40px;
}
div.manageOverview div.sliderContainer div.sliderNumbers div {
	color: #666;
	display: inline-block;
	padding-bottom: 3px;
	text-align: center;
	width: 40px;
}
div.manageContainer div.disabled div.sliderNumbers div {
	color: #999 !important;
}
div.sliderContainer div.sliderNumbers div.num0 {
	width: 25px !important;
	text-align: left !important;
}
div.sliderContainer div.sliderNumbers div.num5 {
	width: 42px !important;
}
div.sliderContainer div.sliderNumbers div.num10 {
	width: 25px !important;
	text-align: right !important;
}
div.sliderContainer div.sliderPercentages {
	height: 20px;
	padding: 0 6px;
	width: 400px;
}
div.manageContainer div.disabled div.sliderPercentages div {
	color: #999 !important;
}
div.manageContainer div.sliderContainer div.sliderPercentages div {
	color: #fff;
	display: inline-block;
	float: left;
	padding-bottom: 0 0 3px;
	text-align: center;
}
div.manageOverview div.sliderContainer div.sliderPercentages div {
	color: #666;
	display: inline-block;
	float: left;
	padding-bottom: 0 0 3px;
	text-align: center;
}
div.manageContainer div.sliderContainer div.sliderOuter {
	background: transparent url('../../images/myapps/manage-outer.gif') 0 0 no-repeat;
	height: 48px;
	position: relative;
	width: 412px;
}
div.manageOverview div.sliderContainer div.sliderOuter {
	background: transparent url('../../images/myapps/manage-outer.gif') 0 -384px no-repeat;
	height: 48px;
	position: relative;
	width: 412px;
}
div.manageContainer div.sliderContainer div.sliderBackup {
	background: transparent url('../../images/myapps/manage-outer.gif') 0 -288px no-repeat;
	height: 48px;
	position: absolute;
	top: 0;
}
div.manageOverview div.sliderContainer div.sliderBackup {
	background: transparent url('../../images/myapps/manage-outer.gif') 0 -528px no-repeat;
	height: 48px;
	position: absolute;
	top: 0;
}
div.manageContainer div.sliderContainer div.sliderStorage {
	background: transparent url('../../images/myapps/manage-outer.gif') 0 -192px no-repeat;
	height: 48px;
	position: absolute;
	top: 0;
}
div.manageOverview div.sliderContainer div.sliderStorage {
	background: transparent url('../../images/myapps/manage-outer.gif') 0 -480px no-repeat;
	height: 48px;
	position: absolute;
	top: 0;
}
div.manageContainer div.sliderContainer div.sliderInner {
	display: none;
	height: 48px;
	position: absolute;
}
div.manageContainer div.sliderContainer div.sliderAllocated {
	background: transparent url('../../images/myapps/manage-outer.gif') 0 -96px no-repeat;
	height: 48px;
	left: 8px;
	position: absolute;
	top: 0;
}
div.manageOverview div.sliderContainer div.sliderAllocated {
	background: transparent url('../../images/myapps/manage-outer.gif') 0 -432px no-repeat;
	height: 48px;
	position: absolute;
	top: 0;
}
div.manageContainer div.sliderContainer a.sliderHandle {
	background: transparent url('../../images/myapps/manage-handle.png') 0 0 no-repeat; /* IE6 */
	color: #333;
	cursor: pointer;
	height: 27px;
	margin: 0 -8px;
	position: absolute;
	top: 0;
	width: 16px;
}
div.manageContainer div.sliderContainer a.sliderHandle:focus,
div.manageContainer div.sliderContainer a.sliderHandle:active {
	outline: 1px dotted #999;
}
div.manageContainer div.sliderContainer.disabled a.sliderHandle:focus,
div.manageContainer div.sliderContainer.disabled a.sliderHandle:active {
	outline: none;
}
div.manageContainer div.sliderContainer a.sliderHandle:hover{
	text-decoration: none;
}
div.manageContainer div.sliderContainer.disabled a.sliderHandle {
	background: transparent url('../../images/myapps/manage-handle.png') 0 -27px no-repeat; /* IE6 */
	cursor: default;
}
div.manageContainer div.sliderContainer div.sliderInfo {
	background: transparent url('../../images/myapps/info.png') 0 0 no-repeat; /* IE6 */
	height: 11px;
	font-weight: bold;
	left: -31px;
	overflow: hidden;
	padding: 11px 0;
	position: absolute;
	text-align: center;
	top: 27px;
	width: 75px;
}
div.manageContainer div.sliderContainer.disabled div.sliderInfo {
	background: transparent url('../../images/myapps/info.png') 0 -33px no-repeat; /* IE6 */
	color: #666 !important;
}
div.sliderInfo a {
	color: #333;
}
div.manageContainer div.sliderContainer div.sliderError {
	background: transparent url('../../images/myapps/error-info.png') 0 0 no-repeat; /* IE6 */
	height: 49px;
	display: none;
	font-weight: normal;
	left: -52px;
	overflow: hidden;
	padding: 5px;
	position: absolute;
	text-align: center;
	top: -52px;
	width: 105px;
}
div.manageContainer div.sliderContainer div.manageAmountUsed {
	color: #fff;
	font-size: 1.5em;
	font-style: italic;
	margin: -6px 0 0;
	position: relative;
	text-align: center;
	width: 412px;
	z-index: 20;
}
div.manageOverview div.sliderContainer div.manageAmountUsed {
	font-size: 14px;
	position: relative;
	text-align: center;
	margin: -6px 0 0;
	width: 412px;
	z-index: 20;
}
div.manageOverview div.sliderContainer div.manageAmountUsed p.overviewUnlimited {
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background: #676767 url('../../images/myapps/number-bg.gif') 0 0 repeat-x;
	color: #fff;
	display: inline-block;
	font-size: 1.1em;
	font-weight: bold;
	padding: 6px 8px;
	position: relative;
}
div.manageOverview div.sliderContainer div.manageAmountUsed div {
	color: #333;
	display: inline-block;
	font-size: 1.4em;
	font-style: italic;
	margin-right: 15px;
	position: relative;
}
.myApps span.toolTipOuter {
	bottom: -28px;
	position: relative;
	margin-right: 4px !important;
}
div.manageOverview span.toolTipOuter {
	bottom: -54px;
	position: relative;
	margin-right: 4px !important;
}
/* photo counter for overview */
div.manageOverview div.photoContainer {
    background: url("../../images/myapps/spacer-vertical.gif") no-repeat scroll left top transparent;
    display: inline-block;
    float: right;
    height: 112px;
    margin-top: 10px;
    padding: 15px 0 0 10px;
}
div.manageOverview div.photoContainer div.photoTitle {
	color: #333;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	width: 130px;
}
div.manageOverview div.photoContainer div.photoText {
	margin-top: 20px;
	text-align: center;
}
div.manageOverview div.photoContainer div.photoText span {
	font-size: 40px;
	font-style: italic;
	margin-right: 5px;
}
/* photo counter for manage users */
div.manageUser div.photoContainer {
	color: #fff;
    display: inline-block;
    float: right;
    margin-top: -20px;
}
div.manageUser div.photoContainer div.photoTitle {
	font-size: 14px;
	text-align: center;
	width: 120px;
}
div.manageUser div.photoContainer div.photoText {
	margin-top: 20px;
	text-align: center;
}
div.manageUser div.photoContainer div.photoText span {
	font-size: 40px;
	font-style: italic;
	margin-right: 5px;
}
div.switchContainer {
	display: inline-block;
	float: right;
	width: 112px;
}
div.switchContainer input {
	display: inline-block;
	margin-top: 28px;
}
div.sliderContainer div.sliderInput span {
	color: #fff;
}
div.sliderContainer div.sliderInput input {
	border: 1px solid #333;
	margin: 0 6px;
	padding: 2px;
	width: 35px;
}
div#manageOwner a.sliderHandle {
/*	display: none;*/
}
div.manageContainer.js div.sliderContainer div.sliderInput {
	display: none;
}
div.manageAllowance {
	clear: left;
	color: #666;
	float: left;
	margin-top: 10px;
	position: relative;
	width: 412px;
}
div.manageAllowance div.allowanceType {
	font-weight: bold;
	font-size: 14px;
	margin-top: 10px;
}
div.manageAllowance div.allowanceType p {
	margin-bottom: 0px;
	color: #333;
}
div.manageAllowance div.allowanceType p span {
	color: #333 !important;
}
div.manageAllowance div.allowanceType span.broadbandType {
	color: #910000;
}
div.switchContainer span {
	color: #fff;
	display: inline-block;
	float: left;
	margin-top: 26px;
}
div.switchContainer a.switch {
	cursor: pointer;
	display: none;
	float: right;
	height: 24px;
	margin-top: 20px;
	width: 65px;
}
div.switchContainer a.switch:focus,
div.switchContainer a.switch:active {
	-moz-outline-radius: 6px;
	outline: 1px dotted #999;
}
div.switchContainer.disabled a.switch:focus,
div.switchContainer.disabled a.switch:active {
	outline: none;
}
div.manageContainer.js div.switchContainer a.switch {
	display: inline-block;
}
div.switchContainer.disabled span {
	color: #666;
}
div.switchContainer a.switch.on {
	background: transparent url('../../images/myapps/switch.gif') 0 0 no-repeat;
}
div.switchContainer a.switch.off {
	background: transparent url('../../images/myapps/switch.gif') 0 -24px no-repeat;
}
div.switchContainer.disabled a.switch.off {
	background: transparent url('../../images/myapps/switch.gif') 0 -48px no-repeat;
	cursor: default;
}
div.manageSaveBar span {
	color: #fff;
	display: inline-block;
	float: left;
	font-size: 1.2em;
	margin: 10px;
}
div.manageSaveBar input {
	float: right;
}
div.manageAddBar {
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background-color: #dfdfdf;
	margin-top: 20px;
	padding: 15px;
}
div.manageAddBar span {
	background: transparent url('../../images/myapps/addbar-bg.gif') 0 0 no-repeat;
	display: inline-block;
	float: left;
	padding: 12px 10px 13px 110px;
	width: 290px;
}
div.manageAddBar a.newCta {
	margin-top: 15px;
}
div.manageContainer.js div.manageUser input {
	display: none;
}
div.lightbox div.alerts {
    width: 375px;
}
div.lightbox div.alerts a.newCta {
	margin: 10px;
}
/* MANAGE BACKUP & STORAGE (SLIDERS) ENDS */

/* Unlimited users - new design*/
div.unltdOuter {
	width: 400px;
	padding: 0;
	margin: 0;
	display: inline-block;
}
div.unltdLeft {
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	background-color: #74736e;
	width: 255px;
	height: 55px;
	color: #fff;
	float: left;
	font-size: 14px;
	background: url('../../images/myapps/unltd_bg_dark_grey.gif') 0 0 repeat;
}
div.unltdLeftContent p {
	padding: 17px 5px 5px 10px;
}
div.unltdRight {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	background-color: #7c7b77;
	width: 142px;
	height: 55px;
	float: left;
	color: #fff;
}
div.unltdRightContent{
	padding: 10px 5px 10px 10px;
}
div.unltdRightContent div.icon span{
	padding-left: 18px;
	font-weight: bold;
}
div.unltdOuter div.unltdRight div.unltdRightContent div.icon.backup  {
	background: url('../../images/myapps/icon-backup-dark.gif') 0 4px no-repeat;
}
div.unltdOuter div.unltdRight div.unltdRightContent div.icon.storage {
	background: url('../../images/myapps/icon-storage-dark.gif') 0 4px no-repeat;
}
div.unltdOuter.lightGrey div.unltdLeft {
	color: #000;
	background: url('../../images/myapps/unltd_bg_light_grey.gif') 0 0 repeat;
}
div.unltdOuter.lightGrey div.unltdRight {
	color: #000;
	background-color: #ebebeb;
}
div.manageUser.unltd span.toolTipOuter, div.manageOverview.unltd span.toolTipOuter {
	position: relative !important;
	top: 16px;
	margin-left: 4px !important;
	vertical-align: top;
}
div.unltdAdmin {
	float: right;
	width: 100px;
	display: inline-block;
	margin-top: 14px;
	color: #fff;
	font-weight: bold;
	padding-left: 10px;	
}

div.unltdAdmin span.line1 {
	padding-left: 4px;
}
div.manageUser.unltd {
	padding-bottom: 20px;
}
div.manageUser.unltd div.switchContainer {
	margin-top: -12px;
	width: 119px;
}
div.unltdOuter div.backupTitle {
	padding: 0px;
	font-weight: bold;
	font-size: 14px;
	color: #000;
	width: 400px;
	margin-bottom: 10px;
}
div.manageOverview.unltd div.manageMessage {
	width: 412px;
	margin-bottom: 20px;
}
div.manageOverview.unltd div.photoContainer {
	margin-right: 35px;
}
div.manageSaveBar.unltd span {
	width: 360px;
	margin-top: 0px;
}
div.manageAddBar.unltd span {
	width: 240px;
}