/*--FONTS--*/
@import url('font.css');
/******RESET CODE*******/
/*
 YUI 3.4.0 (build 3928)
 Copyright 2011 Yahoo! Inc. All rights reserved.
 Licensed under the BSD License.
 http://yuilibrary.com/license/
 */
html {
	color:#000;
	background:#FFF
}
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
	margin:0;
	padding:0
}
body {
	margin: 0 auto;
	padding: 0;
	 -ms-overflow-style: scrollbar !important;
}
table {border-collapse:collapse;border-spacing:0}
fieldset, img {border:0}
address, caption, cite, code, dfn, em, strong, th, var {font-style:normal;font-weight:normal}
li {list-style:none}
caption, th {text-align:left}
h1, h2, h3, h4, h5, h6 {font-size:100%;font-weight:normal}
h1, h2, h3 {font-family:"Omnes_ATTRegular",Arial,sans-serif;}
h1 {font-size:34px;margin-bottom: 18px;line-height:38px;}
h2 {font-size:24px;}
h3 {font-size:16px;}
q:before, q:after {	content:''}
abbr, acronym {	border:0;font-variant:normal}
sub {vertical-align:text-bottom}
input, textarea, select {font-family:inherit;font-size:inherit;font-weight:inherit}
input, textarea, select {font-size:100%}
input[type="radio"]{padding-left:5px;}
legend {color:#666}
/*p,li,label{
	
	font-size:11px;
	color: #191919;
	line-height: 18px;
} */
.track {letter-spacing: -1px;}
label{color: #191919}
sup {vertical-align: top; position: relative;top: -0.1em;}
h1 sup {top:0em;}
.leadImage > .learnMore , .orderNow,.carHoverContainer .learnMore,.carHoverContainer .orderNow{
	width:105px;
	height:35px;
	background:url(/clouduser/static/images/us/en/commons/orderNow.png) no-repeat left;
	display: block;
	margin:0 auto;
	text-indent:-9999em;
}

/*****GENERIC CLASSES*******/
/*--FORMAT--*/
.italic {
	font-style:italic
}
.bold {
	font-weight:bold;
}
.nowrap {
	white-space:nowrap
}
.small {
	font-size:10px;
	
}
.noBorder{
	border:0 !important;
}
.hide { display:none !important; }
.textRight{text-align:right;}
.textLeft{text-align:left;}
.textCenter{text-align:center;}
.tightTracking{letter-spacing:-2px;}
.numberXL {font-size:36px; font-family:"Omnes_ATTMedium",Arial,sans-serif;}
.numberL {font-size:24px; font-family:"Omnes_ATTMedium",Arial,sans-serif;}
.actionWarning {color: #fa00a1!important; font-size: 11px; text-align: left!important; margin: 20px 20px 0 20px}
/*--LAYOUT--*/
.right {
	float:right !important;
}
.rightMar15{float:right !important; margin-bottom: 15px;
}
.left {
	float:left
}
.block {
	display:block !important;
}
.inline-block {
	display:inline-block !important;
}
.topbuffer{margin-top:10px;}
.topbuffer5{margin-top:5px;}
.rightbuffer{margin-right:10px;}
.hide {
	display:none !important;
}
.top {
	vertical-align:top
}
.vertical-middle {vertical-align:middle;}
.clear{clear: both;}
.center{text-align:center !important}
.noFloat{float:none !important}
.inline {display:inline;}
.topbuffer15{margin-top:15px!important;}
.infotext {padding-left:22px; background:transparent url("/images/info-icon.png") no-repeat 0 2px;}
.inlineBlock {display:inline-block!important;}
/*-- COLORS --*/
.black{color:#000000;}
.gray{color: #191919;}
.orange{color:#ff7200;}
.blue{color:#067ab4;}
.purple{color:#81017e}
.pink{color:#fa00a1}
.charcoal{color:#333333}
.inactiveLink {color: #191919!important; cursor: default!important;}
.pointer{cursor: pointer;}
/***ATT STYLES***/

/**COMMON STYLES**/
body{}

/*input.textInput,input.passwordInput,textarea{
	font-family: Arial, Helvetica, sans-serif;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	border-radius: 5px;
	padding:3px; 
	font-size:12px;
	color:#067ab4;
	border:1px solid #CCCCCC;
	box-shadow:inset 2px 2px 3px #dad9d9;
	-moz-box-shadow:inset 2px 2px 3px #dad9d9; 
	-webkit-box-shadow:inset 2px 2px 3px #dad9d9;
	position:relative;
	z-index:1;
	}*/
textarea{resize: none;}
input.textInput,input.passwordInput{height:18px;}

.tiniest{width:20px !important;}
.tiny{width:30px !important;}
.smaller{width:70px !important;}
.long{width:200px !important;}
.longplus{width:250px;}
.longest{width:380px;}
.short{width:80px !important;}
.medium{width:134px !important;}
.shMedium{width:100px !important;}
.dates{width:55px !important;}
.noMargin{margin:0 !important}
.noPadding{padding:0 !important}
a:link,a:active,a:visited,a:hover{color:#067ab4;font-size:10px;text-decoration: none;}
hr{border-top:1px solid #dddddd;margin:0 auto;background-color:#dddddd;height:1px;}
.pBuffer{height:10px;}
.leftpadding{padding-left:15px;}
.leftNegative {margin-left: -15px;}

/*LAYOUT*/
#mainWrapper {width:1024px;	margin:0 auto;background: url(images/bounding-shadow.png) center repeat-y;}
#mainContainer {width:976px; margin:0 auto;}
#mainContentHome {position:relative}
#mainContent { padding:0 22px;position:relative;width:932px;}
#mainContent .leadImage {width:135px;float:left;margin: 10px 33px 0 24px;text-align:center;}
#mainContent .leadImage .GsaApproved {margin-top:15px;}

/*END LAYOUT*/

.browser {
	    float:left;
	    margin-left: 30px;
	}
	
.browserDiv {
		border:1px solid #666;
	    padding:8px;
	    position:static;
	    clear:both;
	    width:950px;
	    margin: 0 auto;
	}

/*Buttons*/
.mainBtn:active,.mainBtn:visited,.mainBtn:link,.mainBtn:hover{
padding:5px 23px 9px 23px;
font-size:20px;
font-family: "Omnes_ATTMedium",sans-serif; color:#FFFFFF;
display:inline-block;
text-decoration: none;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
text-shadow: 1px 1px 2px #757575;
background:url(images/btnMainTile.png);
zoom:1;*display:inline;
}

.mainBtnInactive:active,.mainBtnInactive:visited,.mainBtnInactive:link,.mainBtnInactive:hover{
padding:5px 23px 9px 23px;
font-size:20px;
font-family: "Omnes_ATTMedium",sans-serif; color:#6f6f6f;
display:inline-block;
text-decoration: none;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border:1px solid #e2e2e2;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fefefe), to(#eeeeee));
background: -webkit-linear-gradient(#fefefe, #eeeeee);
background: -moz-linear-gradient(#fefefe, #eeeeee);
background: -ms-linear-gradient(#fefefe, #eeeeee);
background: -o-linear-gradient(#fefefe, #eeeeee);
background: linear-gradient(#fefefe, #eeeeee);
zoom:1;*display:inline;
}

.miniBtn:active,.miniBtn:visited,.miniBtn:link,.miniBtn:hover{
padding:5px 15px 7px 15px;font-size:14px;font-family: "Omnes_ATTMedium",sans-serif; color:#FFFFFF;
display:inline-block;
text-decoration: none;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
text-shadow: 1px 1px 2px #757575;
background: #0CBDE9;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#0CBDE9), to(#0993CB));
background: -webkit-linear-gradient(#0CBDE9, #0993CB);
background: -moz-linear-gradient(#0CBDE9, #0993CB);
background: -ms-linear-gradient(#0CBDE9, #0993CB);
background: -o-linear-gradient(#0CBDE9, #0993CB);
background: linear-gradient(#0CBDE9, #0993CB);
zoom:1;
display:inline;
}

.miniBtnInactive:active,.miniBtnInactive:visited,.miniBtnInactive:link,.miniBtnInactive:hover{
padding:5px 15px 7px 15px;
font-size:14px;font-family: "Omnes_ATTMedium",sans-serif; color:#fff;
display:inline-block;
text-decoration: none;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border:1px solid #e2e2e2;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fefefe), to(#808080));
background: -webkit-linear-gradient(#d8d8d8, #808080);
background: -moz-linear-gradient(#d8d8d8, #808080);
background: -ms-linear-gradient(#d8d8d8, #808080);
background: -o-linear-gradient(#d8d8d8, #808080);
background: linear-gradient(#d8d8d8, #808080);
z-index:1;position:relative;
zoom:1;*display:inline;
}

.miniBtnWhite:active,.miniBtnWhite:visited,.miniBtnWhite:link,.miniBtnWhite:hover{
padding:5px 15px 7px 15px;
font-size:14px;font-family: "Omnes_ATTMedium",sans-serif; color: #191919;
display:inline-block;
text-decoration: none;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border:1px solid #e2e2e2;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fefefe), to(#eeeeee));
background: -webkit-linear-gradient(#fefefe, #eeeeee);
background: -moz-linear-gradient(#fefefe, #eeeeee);
background: -ms-linear-gradient(#fefefe, #eeeeee);
background: -o-linear-gradient(#fefefe, #eeeeee);
background: linear-gradient(#fefefe, #eeeeee);
z-index:1;position:relative;
zoom:1;*display:inline;
}

#tbl-login-submit .btn-alt, .btn-circular .btn-alt {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #087ac2 0%, #0568ae 100%) repeat scroll 0 0;
    border-color: #087ac2 transparent #0568ae;
    color: #ffffff;
}
#tbl-login-submit .btn {
    background-clip: padding-box;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 8px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
    cursor: pointer;
    display: inline-block;
    font-family: "Omnes-ATT-W02-Medium";
    font-size: 16px;
    font-weight: normal;
    line-height: 1;
    margin: 0 7px 10px 0;
    max-width: 470px;
    min-width: 70px;
    overflow: hidden;
    padding: 7px 7px 7px 7px;
    position: relative;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}

/*END Buttons*/


/*#mainContent ul,*/
#mainContent p{margin-bottom:10px;}

#mainContent li{list-style-type: disc; list-style-position: inside;}
.vCloud-SM-ReportsManager.console li{list-style-type: none !important; list-style-position: inside;}
.productHero {
	margin-bottom:20px;
}
.testimonial {
	float:right;
	margin:0 10px 0 30px;
}

.share a{display:inline-block;
width:59px;
height:20px;
zoom:1;
*display: inline;
background:url(/clouduser/static/images/us/en/commons/share.png) no-repeat top left;
margin-left:15px;
}

.tt{display:none;padding:15px 0 10px 20px;font-size:11px;margin-left:175px;margin-top:-73px;}
.tt p{width:180px}
.ttReq{text-transform: uppercase;font-weight:bold;padding-left:10px;}
.tt ul {padding-left:10px;font-weight:bold;}
.tt ul li{list-style-type: none !important;padding-left:20px;margin-top:3px;}
.tt ul li.checked{background: url(/clouduser/static/images/us/en/commons/ttChecked.png) left center no-repeat;color:#7cc6ff}
.curvedContainer{
	-moz-border-radius:30px; /* firefox's individual border radius properties */
	-webkit-border-radius:30px;/* webkit's individual border radius properties */
	border-radius:30px;
	background:#FFFFFF;
	box-shadow:inset 5px 0 3px #000000;
	-moz-box-shadow:inset 3px 3px 6px #CCCCCC; 
	-webkit-box-shadow:inset 0 0 10px #CCCCCC;
	font-size:38px;
	font-family:"Omnes_ATTMedium",arial,sans-serif;
	color:#6ebb1f;
	padding:4px 15px;
	border:1px solid #808080;
	position:relative;;
}
.curvedContainer .curvyCaption{
	position:absolute;
	top:-10px;
	left:20px;
	display:block;
	height:10px;
	width:200px;
	background: no-repeat top left;
	
}
.bigCaret{width:34px;height:89px;background: url("/clouduser/static/images/us/en/commons/bigCaret.png") no-repeat top left;display:inline-block;zoom:1;*display:inline;}
.curvedContainer .curvyCaption{height:21px;}
.curvedContainer .avoid{background:url(/clouduser/static/images/us/en/commons/avoidCap.png) no-repeat top left;width:63px;}
.curvedContainer .saved{background:url(/clouduser/static/images/us/en/commons/saveCap.png) no-repeat top left;width:59px;}
.curvedContainer .curveyLabel{position:absolute;top:60px;left:17px;font-family: "Omnes_ATTMediumItalic",sans-serif;color:#6ebb1f;font-size:14px;}
.productPromo{text-align:center}
.productPromo a.learnMore{color:#067ab4;font-size:10px;text-decoration: none;padding:3px;}
.titleTools{float:right;margin:16px 24px 0 0;}
/***FLYOUT TABS***/
#flyout {
	position:absolute;
	right:-7px;
	top:20px;
	z-index:11;
}
#flyout .tabs {
	float:left;
	clear:both;
	left:-37px;
	position:absolute;
	width:39px;
	margin-top:20px;
	z-index:15;
}
#flyout .tabs .tab {
	width:39px;
	height:128px;
	display:block;
	margin-bottom:5px;
}
#flyout .container {
	width:0px;
	height:330px;
	background-color:#eeeeee;
	float:right;
	display: none;
	border:1px solid #FFFFFF;
}
#flyout .container .inner {
	display:none;
	margin:20px
}

#flyout .close{display:block;text-decoration: none; font-size: 10px; color: #333333;text-align: right;margin-bottom:10px}
#flyout textarea{display:block;width:260px !important;height:250px !important}
/*PRODUCT FEATURE TABS
 *
 */
.productFeaturesTabs,.moreValueTabs {
	margin:0 22px 46px 22px;
}
.tabs ul {
	background-image: url(/images/us/en/commons/productFeatureTabTile.png);
	background-repeat: repeat-x;
	padding-top:.1px;
	display:inline-block;
	/* firefox's individual border radius properties */
	-moz-border-radius-topleft:10px;
	/* top left corner */
	-moz-border-radius-topright:10px;
	/* top right corner */
	/* webkit's individual border radius properties */
	-webkit-border-top-left-radius:10px;
	/* top left corner */
	-webkit-border-top-right-radius:10px;
	/* top right corner */
	border-radius:10px 10px 0 0;

	
	border:1px solid #e7e7e7;
}
.tabs ul li {
	display: inline-block;
	height:52px;
	padding-top:.1px;
	zoom:1;
	*display: inline;
	vertical-align: top;
	border-right:1px solid #EEEEEE;
	float:left;
}
.tabs ul li.last{
	border:0px
}
.tabs ul li a {
	padding:18px 23px;
	display:block;
	font-family: "Omnes_ATTMedium",Verdana,sans-serif;
	font-size:18px;
	color:#ef6f00;
	text-decoration: none;
	background:none;
}
.tabs ul li a:hover, .tabs ul li a.selected {
	background-image: url(/clouduser/static/images/us/en/commons/productFeatureTabTile.png);
	background-repeat: repeat-x;
	background-position: bottom center;
	color:#FFFFFF;
}
.tabs ul li.first a:hover, .tabs ul li a.selectedFirst {
	background-image: url(/clouduser/static/images/us/en/commons/productFeatureTabTile.png);
	background-repeat: repeat-x;
	background-position: bottom center;
	-moz-border-radius: 10px 0 0 0 ;
	border-radius: 10px 0 0 0 ;
	-webkit-border-radius:10px 0 0 0 ;
	color:#FFFFFF;
}
.tabs ul li.last a:hover, .tabs ul li a.selectedLast {
	background-image: url(/clouduser/static/images/us/en/commons/productFeatureTabTile.png);
	background-repeat: repeat-x;
	background-position: bottom center;
	-moz-border-radius: 0 10px  0 0;
	border-radius: 0 10px  0 0;
	-webkit-border-radius: 0 10px 0 0;
	color:#FFFFFF !important;
}
.productFeaturesTabs .tabbedContent,#moreValue .tabbedContent  {
	border:1px solid #e4e4e4;
	padding-bottom:20px;
	clear:both;
	color: #191919;
	font-size:13px;
	
}
.productFeaturesTabs .tabbedContent h2 {
	font-size:22px;
	font-family: "Omnes_ATTMedium",Verdana,sans-serif;
}
.productFeaturesTabs .tabbedContent h3 {
    font-family: "Omnes_ATTMedium",Verdana,sans-serif;
    font-size: 18px;
    margin-bottom: 20px;
   
}

.productFeaturesTabs .tabbedContent h3 span.pricingTitle{
	/*position:absolute;
	top:10px;
	left: 65px;*/
}
.productFeaturesTabs .tabbedContent a {
	color:#067ab4;
	text-decoration: none;	
}
.productFeaturesTabs .tabbedContent a:hover {
	text-decoration: underline;
}
.productFeaturesTabs .tabbedContent .inner .main {
	font-size: 14px; 
	padding:10px 10px 20px 20px;
}
.sideBar {
	float:right;
	width:233px;
}

.productFeaturesTabs .tabbedContent .sideBar {
	border-left:1px solid #e7e7e7;
	margin-right:10px;
	margin-left:-10px;
}
.partnerBundles {
	color:#000000;
	width:220px;
	margin-left:15px;
}
.partnerBundles h3 {
	font-family:"Omnes_ATTBold",Verdana,sans-serif;
	font-size:18px;
}

.bundle .bundleTitles p {
	float:left;
	line-height: 16px !important;
	font-size:11px;
	width:100px;
	color:#000000;
	font-family:"Omnes_ATTBold",Verdana,sans-serif;
	height:60px;
}
.sideBar .callout {
	margin-left:-20px;
}

.bundle .price{float:right;
display:block;width:79px;height:38px;text-align:center;padding-top:15px;color:#FFFFFF;
background:url(/clouduser/static/images/us/en/productdetail/calloutCloud.png) no-repeat top center;
font-family:"Omnes_ATTMedium",Verdana,sans-serif;font-size:16px;margin-right:15px;
}

.bundle .specs{float:right;
font-family:Verdana,sans-serif;font-size:11px;clear:right;margin:0 0 5px 0;}

.bundle .orderNow{float:right;clear:right;margin-right:-5px}
.bundle .description{clear:both;margin-top:10px;}
.bundle .bundleTitles .stars{
	clear:left;
	width:75px;
	margin-top:10px;
	padding-top:10px;
}
.bundle .orderBundle{float:right;padding-top:10px;width:100px;}
.bundle .bundleTitles{float:left;padding-top:20px;}
.bundle .bundleTitles .stars li{
	height:15px;
	width:15px;
	display:block;
	zoom:1;
	*display:inline;
	margin-left:0 !important;
}
/* feature tab */
.productFeaturesTabs .tabbedContent .features { margin:24px  0 0 24px; }
.productFeaturesTabs .tabbedContent .features .main { /*width:624px;*/ }
.productFeaturesTabs .tabbedContent .features ul li { list-style-type: disc; margin-left:20px; line-height: 32px; }
.productFeaturesTabs .tabbedContent .features ol li { list-style-type: decimal; margin-left:20px; margin-bottom:6px; }
.productFeaturesTabs .tabbedContent .features strong {font-weight:bold;}
/* pricing tab */
.productFeaturesTabs .tabbedContent .pricing { }
.productFeaturesTabs .tabbedContent .pricing ul li { list-style-type: disc; margin: 0px 0px 3px 16px; line-height: 20px; }
.productFeaturesTabs .tabbedContent .pricing .row { border-bottom:1px solid #e4e4e4; padding: 10px 0px; }
.productFeaturesTabs .tabbedContent .pricing .row.intro { width:100%; }
.productFeaturesTabs .tabbedContent .pricing .row h3 { padding:10px 0px 10px 55px; }
.productFeaturesTabs .vmComponents h3 { background: url(/clouduser/static/images/iconSetup.png) no-repeat 0 0; }
.productFeaturesTabs .additionalStorage h3 { background: url(/clouduser/static/images/us/en/productdetail/iconAdditionalStorage.png) no-repeat 0px 0px; }
.productFeaturesTabs .CommittedVDC h3 { background: url(/clouduser/static/images/iconUsage.png) no-repeat 0px 0px; }
.productFeaturesTabs .dataAccess h3 { background: url(/clouduser/static/images/us/en/productdetail/iconDataAccess.png) no-repeat 0px 0px; }
.productFeaturesTabs .networking h3 { background: url(/clouduser/static/images/us/en/productdetail/iconNetworking.png) no-repeat 0px 0px; }
.productFeaturesTabs .tabbedContent .pricing .summary {
	width:420px;
	float:left;
	font-size:11px;
	line-height:18px;
}
#productDetail .tip .ttContent {
right: 0px;
background: url(/clouduser/static/images/us/en/commons/csTooltip.png) no-repeat 0 0 !important;
}

#productDetail .tip .ttContent p {
padding: 0;
}


.details {
	width:445px;
	float:left;
	font-size:11px;
	color:#333;
	padding:0px 0px 0px 20px;
}
.details ul li {
	list-style:none !important;
	width:425px;
	padding:5px 10px;
	margin: 0px 0px 0px 0px;
}
.details ul li.odd {
	background: #e5f4ff;
	-moz-border-radius:8px; /* firefox's individual border radius properties */
	-webkit-border-radius:8px;/* webkit's individual border radius properties */
	border-radius:8px; 
	position:relative;
}
.details .item { display: inline-block; vertical-align: top; width:225px; zoom:1; *display:inline; }
.details .price { font-weight:bold; width:200px; display: inline-block; zoom:1; *display:inline; }
.productFeaturesTabs .tabbedContent .pricing .tip { width:16px; height:16px; cursor: pointer; display:inline-block; margin:0px 0px 0px 4px;  zoom:1; *display:inline; }
.details .note { font-size: 9px; line-height: 11px; padding:10px 0px 0px 0px; }

#productDetail .details .note{ padding:10px 0 0 20px; }

.productFeaturesTabs .tabbedContent .pricing table td {padding:5px;}
.techSpecs li, .optimalService li {list-style: disc inside none;}



/* EXISTING TO BE MADE GLOBAL */


#mainContainer .pagination ul{
	float: left;
	/*margin-right:60px; eliminated causing braking */
}
#mainContainer .pagination ul li {
	list-style: none;
	float: left;
	height:24px;
	padding:2px 10px 0 1px;
}
#mainContainer .pagination ul li.selected {
	width:24px;
	color:#111FF2;
	padding:2px 0px 0px 9px;
	background:url(images/paginationSelectedBG.png) no-repeat;
	text-align:left;
}

#mainContainer .pagination ul li.selected a{text-align:center;color:#111FF2 !important;}
#mainContainer .pagination .sortBy {
	float:right;
}
#mainContainer .pagination .numResults {
	float:left;
	width: 250px;
}


/*--CHECKOUT--*/
.required{color:#fa00a1}
#tblCreateAcct{width:680px;margin:10px 0 15px 0;}
#tblCreateAcct td{vertical-align:top;padding-top:10px;position: relative}
.captcha{width:276px;padding:5px;border:1px solid #CCC;margin-top:10px;
	border-radius:3px;
	-moz-border-radius: 3px;
	-webkit-border-radius:3px;
	text-align:center;
	float:right;margin-right:20px;
	}
#tblCreateAcct input.textInput,#tblCreateAcct input.passwordInput,#tblCreateAcct select{width:174px;}
#tblCreateAcct input.checkboxInput{display: inline-block; zoom:1; *display:inline;margin:4px;}
#tblCreateAcct label{text-align:right;margin-right:10px;color:#000000;}
#tblCreateAcct .fieldName{text-align:right;margin-right:5px;}
#tblCreateAcct .forceHeight{height:20px;}
#tblCreateAcct .leftPadding{padding-left:5px;}
/*.errorMessage{background: url(/clouduser/static/images/us/en/commons/errorExclaim.png) 20px 0 no-repeat; height:94px;
	border:1px solid #c23b63;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	margin:0 13px 15px 0;
	
	display: none;
	}*/
.errorField{border:1px solid #c23b63 !important}
.errorTT{display:none}
.ttErrorMessage{display:none;position:absolute;margin-left:205px;margin-top:-75px;}
.ttErrorMessage p{width:200px;margin:15px 0 0 20px;color:#c23b63}
.ttRollover{display:inline-block;width:16px;height:16px;background:url(/clouduser/static/images/us/en/commons/errTTBtn.png) no-repeat;margin-left:190px;margin-top:-15px}
.errorMessage .message{position:relative;left:145px;top:18px;}
.errorMessage .message p{color:#c23b63;width:520px;font-size: 11px;}
.radios{margin:20px 0 20px 20px;}
.payInfo .radios{margin:0;}
.captcha img{display:block}
.captcha label{margin:7px 0 3px 0;display:block;}
.captcha p{margin:10px 0;}
.sla { padding-top:20px; }
.sla .title{font-weight:bold; width:660px;}
.sla .title .printLinks { display:block; float:right; font-weight:normal; }
.sla .agreement{padding:17px 21px;height:89px;overflow-y: scroll;
	border:1px solid #cccccc;
	border-radius:3px;
	-moz-border-radius: 3px;
	-webkit-border-radius:3px;width:617px;}
.accept{margin:10px 0 15px 0;}
.acknowledge-message {width:800px;vertical-align:middle;margin-left:15px;}
.PurchSummaryTable {
	 margin-top: 20px; margin-left: 50px; margin-right: 50px;
}
.PurchSummaryTable caption {
	padding-top:10px; padding-bottom:10px; border-bottom: solid 1px #ededed;
}
.PurchSummaryTable th {
	padding: 10px 0;
}

/* -- FAQs  -- */
.productFeaturesTabs .tabbedContent .faq {
	
}.productFeaturesTabs .tabbedContent .faq .inner .main {
	width: 100%;
}
.productFeaturesTabs .tabbedContent .faq .sideNav {
	width:204px;
	float:left;
	border-right: 1px solid #E4E4E4;
}
.productFeaturesTabs .tabbedContent .faq .sideNav li {
	width:205px;
	color:#FF7200;
	font-size:18px;
	font-family:"Omnes_ATTBold",Verdana,sans-serif;
}
.productFeaturesTabs .tabbedContent .faq .sideNav li.selected {
	background: url(/clouduser/static/images/us/en/commons/sideNavSelectedArrow.png) no-repeat right center;
}
.productFeaturesTabs .tabbedContent .faq .sideNav li a {
	display:table-cell;
	vertical-align:middle;
	width: 190px;
	height: 96px;
	color:#FF7200;
	border-bottom: 1px solid #e4e4e4;
	margin-left:0px
}
.productFeaturesTabs .tabbedContent .faq .sideNav li.selected a {
	color:#333333;
}
.productFeaturesTabs .tabbedContent .faq .sideNav li a img {
	float:left;
	display: inline-block;
	margin:0px 0px 0px 25px;
}
.productFeaturesTabs .tabbedContent .faq .sideNav li a span {
	float:left;
	display: inline-block;
	margin:8px 0px 0px 10px;
	font-size:18px;
	overflow-y:visible;
	line-height:24px;
	width:40px;
}
.productFeaturesTabs .tabbedContent .faq .accordionWrapper {
	width:680px;
	float:left;
	padding:0px 0px 0px 15px;
}
.productFeaturesTabs .tabbedContent .faq .accordionWrapper .accordion {
	display: none;
}
.productFeaturesTabs .tabbedContent .faq .accordionWrapper .accordion .item {
	padding:0px 0px 20px 0px;
	width: 650px;
}
.productFeaturesTabs .tabbedContent .faq .accordionWrapper .question {
	color:#067ab4;
	display:block;
	padding:0px 0px 0px 22px;
	
}
.productFeaturesTabs .tabbedContent .faq .accordionWrapper .question.selected {
	/*background: url(/clouduser/static/images/us/en/commons/accordionOpen.png) no-repeat 0px 0px;*/
}
.productFeaturesTabs .tabbedContent .faq .accordionWrapper .answer{
	display:none;
	padding:10px 0px 0px 22px;
	
}
.productFeaturesTabs .tabbedContent .faq .accordionWrapper .answer ul{
	display:block;
	padding:2px 0px 15px 0px;
}
.productFeaturesTabs .tabbedContent .faq .accordionWrapper .answer li{
	list-style-type: disc;
	margin: 0px 0px 0px 16px;
}



/**END COMMON STYLES**/
/*--HEADER--*/
#header {
	width:976px;
	position:relative;
	z-index:400;
}
#header .links {
	background-color: #333333;
	text-align:right;
	font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	height:19px;
	display:none;
}
#header .links ul li {
	display:inline;
	margin:14px 20px 0;
	line-height: 20px;
}
#header .links ul a:link, #header .links ul a:active, #header .links ul a:visited, #header .links ul a:hover {
	color:#FFFFFF;
	text-decoration: none;	
}
#header .content {
	height:69px;
	background: url(images/tile-sprite.png) 0 0 repeat-x;
	padding-top:.1px;
	width: 970px;
}

/*---CMI EDIT-- REMOVED BACKGROUND FROM #header .logo---*/

#header .menu.nnp {width: 600px;}

#header .menu.nnp .logo{
	width:480px;
	height:43px;
	margin:15px 0 0 26px;
	float:left;
}

#header .menu.nnp .logo h1 {font-size: 18px;
color: #333;
line-height: 20px;
display: inline;
font-size: 18px;
padding-left: 12px;
}

#header .menu.nnp .logo h1 img {display: inline-block;}

#header .logo {
	width:140px;
	height:43px;
	margin:15px 0 0 26px;
	float:left;
}

.search{width:222px;
		height:22px;
		background:url(images/search_bg.png) no-repeat;position:relative;}

.search input{  
	border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
	border:1px #000000;
	background:transparent;
	padding-top:2px;
	margin-left:6px;
	height:20px;
	}

 .search .magGlass{
 	padding:0;margin:0;position:absolute;right:5px;top:4px;width:15px;height:15px;
 }

#header .search {
	float:right;
	margin: 7px 20px 0;
}

.search.focused {
	background:url(images/search_bg.png) 0px -22px no-repeat;
}



#header .search label{display:none;}
/*#header .search input.textInput {
	border:0;
	width:222px;
	height:22px;
	padding:0 30px 0 5px;
}
#header .search .focused {
	background:url(/clouduser/static/images/us/en/commons/txtEmpty.png) no-repeat;
}
#header .search .unfocused {
	background:url(images/graphic-sprites.png) 0px -43px no-repeat;
}
*/
/*----NAVIGATION----*/
#header .menu {
	float:left;
	margin-left:26px;
	position:relative;
	z-index:100;
	width:440px;
}
#header .menu ul .topLevel {
	display:block;
	height:68px;
	border-left:1px solid #e4e4e4;
	position:relative;
	z-index: 20;
}
#header .menu ul .topLevel a
{padding:40px 5px 0 10px;}

#header .menu ul li {
	display:inline-block;
	float:left;
	zoom:1;
	*display:inline;
	vertical-align:top;
	height:67px;
}

*+html #header .menu ul > li{display:inline;}
#header .menu ul > li > a {
	padding:20px 5px 0 10px;
	height:47px;
	width:70px;
	font-family:"Omnes_ATTMedium",arial,sans-serif;
	font-size:13px;
	color:#333333;
	border-right:1px solid #e4e4e4;
	line-height:15px;
}
#header .menu ul > li > a:link, #header .menu ul > li > a:active, #header .menu ul > li > a:visited {
	text-decoration: none;
}
#header .menu ul > li > a:hover ,#header .menu ul > li > a.selected{
	background: url(images/tile-sprite.png) 0px -676px repeat-x;
}
#header .solutionsMenu {
	margin-left:18px;
}
#header .menu .fatNav h2 {
	font-family:"Omnes_ATTMedium",arial,sans-serif;
	font-size:13px;
	color:#333333;
	margin-bottom:16px;
}
#header .fatNav .menuTitles li {
	padding:0;
	font:11px Verdana, Geneva, Arial, Helvetica, sans-serif
}
#header .fatNav .menuTitles .subMenuLinks li {
	display:block;
}
#header .fatNav .menuTitles .subMenuLinks li a, #header .fatNav .menuTitles .subMenuLinks li a:link, #header .fatNav .menuTitles .subMenuLinks li a:active, #header .fatNav .menuTitles .subMenuLinks li a:visited, #header .fatNav .menuTitles .subMenuLinks li a:hover {
	/*
	 * RESET LINKS FOR FATNAV
	 */
	font-size:10px;
	color:#067ab4;
	text-decoration: none;
	padding:0;
	margin:0;
	background: none;
	height:auto;
	width:auto;
	border: 0;
	/*RESTYLE*/
	display:block;
}
#header .fatNav .menuTitles .subMenuLinks {
	margin:9px 0 13px 0;
}
#header .menu .fatNav {
	display:none;
	position:absolute;
	height:300px;
	left:0px;
	color:#FFF;
	background-color: #000;
	width:976px;
	height:230px;
	background: url(images/tile-sprite.png) 0px -444px repeat-x;
	z-index:20;
}
#header .menu .fatNav .menu{margin-top:10px;}
#header .menu .fatNav p{font-size:10px;line-height:14px;padding-bottom:4px;}
#header .menu .fatNav bold{text-transform: uppercase;font-size:10px;color:#191919;}
#header .menu .fatNav a{color:#067ab4;font-size:10px;text-decoration: none;}
#header .menu .fatNav a.disabled{color: #191919;} 
#header .menu .fatNav p.bold{margin:3px 0 0 0;}
#header .menu .fatNav .column{float:left;width:140px;padding:0px 18px 0px 0px;}
#header .menu .fatNav .column.position1 { width:130px; }
#header .menu .fatNav .fnCallouts {
	float:right;
	margin-right:18px;
}
#header .menu .fatNav .fnCallouts .fnCallout {
	float:right;
	width:142px;
	height:190px;
	background-color:#81017e;
	padding-top:.1px;
	margin:16px 0 0 5px;
	
	color:#FFF
}
#header .menu .fatNav .fnCallouts .fnCallout img {
	margin:5px auto;
	display: block
}
/* CMI EDIT CHANGED .title TO h6*/
#header .menu .fatNav .fnCallouts .fnCallout h6 {
	text-transform: uppercase;
	font-weight:bold;
	font-size:10px !important;
	margin:0 13px;
	color:#FFFFFF;
}
#header .menu .fatNav .fnCallouts .fnCallout .copy {
	font-size:10px;
	margin:0 13px;
	width:110px;
	color:#FFFFFF;
	line-height:12px;
}

#header .menu .fatNav .fnCallouts .fnCallout .title {
	color: #ffffff;
	padding-left: 12px;
	text-transform: uppercase;
	font-weight:bold;
}

#header .menu .fatNav .fnCallouts .fnCallout .title a {
	color: #ffffff;
	text-transform: uppercase;
	font-weight:bold;
}

/*new style for accordion fat nav*/
.fatNav .accordion {max-height: 400px; overflow-y: auto;}
/*----END NAVIGATION----*/
/*----MANAGE ACCOUNT----*/
#header .manageAccount {
	float:right;
	clear:right;
	/*border-top:1px solid #e4e4e4;
	border-left:1px solid #e4e4e4;*/
	border:0;
	min-width:275px;
	height:32px;
	margin-top:5px;
	padding-top:.1px;
	position:relative;
}
#header .manageAccount a {
	margin:5px 0 0 5px;
	display:block;
	text-decoration: none;
	line-height:30px;
}
#header .manageAccount .cart {
	background:url(images/graphic-sprites.png) -126px -3px no-repeat;
	display:block;
	width:24px;
	height:22px;
	margin:5px 0 0 10px;
	float:left;
}
#header .manageAccount .itemsInCart {
	color:#ff7200;
	margin-right:20px;
}
/*#header .manageAccount .cartInfo {
	margin:10px 20px 0 5px;
	float:left;
	color:#333333;
}*/
#header .manageAccount .cartInfo {
  display: inline;
  float: right;
  margin: 0 10px 0 5px;
  color:#333333;
  font-size: 14px;
}
#header .manageAccount .openBtn {
	display:block;
	width:34px;
	height:33px;
	margin:0;
	float:right;
	cursor: pointer;
	position:absolute;
	top:30px;
	right:0;
}
#header .manageAccount .closedBg { background:url(/clouduser/static/images/us/en/commons/mangeClosed.png) no-repeat; }
#header .manageAccount .openBg { background:url(/clouduser/static/images/us/en/commons/mangeOpen.png) no-repeat; }
#accountContainer { display:none; z-index:10000 }
#accountContainer #login { position:absolute; width:243px; height:146px; background:url("..images/us/en/commons/loginTile.png") repeat-x; top:33px; }
#accountContainer .inputs { margin-top:13px; margin-left:14px; }
#accountContainer .inputs label { display:none; }
#accountContainer .inputs input { border:0; background:none; width:197px; height:22px; padding:0 10px }
#accountContainer .inputs .username { background:url(..images/us/en/commons/txtUsername.png) no-repeat; ; margin-bottom:10px; }
#accountContainer .inputs .password { background:url(..images/us/en/commons/txtPassword.png) no-repeat; }
#accountContainer .manageLinks { text-align:center; font-size:10px; color:#999999; }
#accountContainer .manageLinks a { display:inline; color:#067ab4; }
#accountContainer .loginBtn { text-align:center; }
/*----END MANAGE ACCOUNT----*/
/*--END HEADER--*/
/*--PAGE SPECIFIC CONTENT--*/
/*----HOME PAGE----*/
#home #mainContent {
	position:relative;
}
/*----END HOME PAGE----*/
/*----SOLUTIONS PAGE----*/

.introCallout{
	float:right;
	position:absolute;
	top:0;
	right:10px;
}

#cloudSoutions .orderNow{width:119px;height:35px;background:url(/clouduser/static/images/us/en/commons/orderNow.png) no-repeat left;display: block;margin:5px auto;}
#cloudSoutions .learnMore{font-size:10px;color:#067ab4;text-decoration: none;}
#cloudSoutions .callout img{margin:0 10px 0 0;}

.reasons {
	display:block;
	width:700px;
	margin-bottom:20px;
}
.reasons li {
	display: inline-block;
	width:205px;
	height:100px;
	zoom:1;
	*display:inline;
}
.reasons .position {
	font-family:"Omnes_ATTMedium",Verdana,sans-serif;
	font-size:60px;
	float:left;
	margin-right:6px;
	line-height: 60px;
	width:30px;
	text-align: center;
	color:#CCCCCC;
}
.reasons .description {
	
	float:right;
	clear: none;
	width:150px;
	margin-right:15px;
	font-size:11px;
	margin-top:10px;
	color: #191919;
}
.comparisonChart .which.serviceTab {
	background-image: url(/clouduser/static/images/us/en/CloudSolutions/rightChoiceForBusiness.png);
	display:block;
	float:left;
	width:183px;
	height:130px;
}
.comparisonChart {
	margin-bottom:20px;
	position:relative
}
.comparisonChart .products ul {
	clear:both;
	border-top: 1px solid #e4e4e4;
	border-left: 1px solid #e4e4e4;
	width:186px;
	border-right:1px solid #e4e4e4;
}
.comparisonChart .products ul li {
	display:block;
	width:186px;
	height:210px;
	border-bottom: 1px solid #e4e4e4;
	text-align: center;
	padding-top: .1px;
	border-right:1px solid #e4e4e4;
}
.comparisonChart .table .services{
	border-right:1px solid #e4e4e4;	
}


.comparisonChart .table .services li {
	display:inline-block;
	width:185px;
	height:75px;
	color:#000000;
	
	font-weight:bold;
	font-size:11px;
	background-color: #f4f4f4;
	text-align: center;
	border-top:1px solid #e4e4e4;
	border-left:1px solid #e4e4e4;
	vertical-align: top;
	zoom:1;
	*display:inline;
	float:left;
}
/*--CMI EDIT -- CHANGED TOP FROM 90px TO 0 in .comparisonChart .tip -- */
.comparisonChart .tip {  }
.comparisonChart .tip a {  }

.comparisonChart td:nth-child(4) .tip {}

.comparisonChart .ttName { color:#b30a3c; font-weight:bold; }
.ttContent { text-align:left; z-index:500; position:absolute }
.ttContent .bold { color:#333; }
.comparisonChart .products ul li p{
	margin-bottom:0 !important;
}
#cloudSoutions .tableWrap {
	overflow: hidden;
	width:745px;
	/*position:relative;*/
}
.comparisonChart .table {
	margin-left:0;
	width:1600px;
	overflow: hidden;
}
.comparisonChart .table .services li span {
	margin-top:30px;
	display: block
}
.comparisonChart .table .services li span.multiLine { margin-top:18px; }
.comparisonChart .table .row {
	display:block;
	height:210.5px;
	width:1504px;
	border-bottom:1px solid #f4f4f4;
}
.comparisonChart .table .row>li {
	display:table-cell !important;
	width:185px;
	height:209px;
	border-left:1px solid #f4f4f4;
	vertical-align:top;
	text-align:center;
	color: #191919;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:13px;
	position:relative;
	vertical-align:middle;
	*display:block;
}
.comparisonChart .table .row li .copy{
	/*margin:102px auto 0 auto;*/
	display: block;
	width:155px;	
	text-align:center;
	margin-left:10px;
}

#cloudSoutions #mainContent{width:977px;}

#cloudSoutions #servicesGrid{
	
	
}
#cloudSoutions #servicesGrid td{
	width:186px;
	height:211px;
	border-right:1px solid #f4f4f4;/*f4f4f4*/
	border-bottom:1px solid #f4f4f4;/*f4f4f4*/
	text-align:center;
	color: #191919;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:13px;
	vertical-align:middle;
	
	}
/*---CMI EDIT -- REMOVING BACKGROUND FROM #cloudSoutions #servicesGrid td.exlusive changed to #cloudSoutions #servicesGrid td .exlusive--*/
#cloudSoutions #servicesGrid .exlusive {position:relative;left:0; top:0; }
/*---CMI EDIT -- ADDING #cloudSoutions #servicesGrid td.ribbon--*/


#cloudSoutions #servicesGrid td .copy li{display:list-item;list-style:disc outside !important;text-align:left !important;font-size:13px !important;}
#cloudSoutions #servicesGrid td .copy ul{text-align:left;margin:0 auto;list-style-type:disc !important;margin-left:20px;}
#cloudSoutions #servicesGrid .exclusive{
position: relative; width: 184px; height: 210px;
left:0;
}

#cloudSoutions #servicesGrid .exclusive .copy
{
position:absolute;top:80px;width:150px;left:20px
 
}

#cloudSoutions #servicesGrid .ribbon {
    position: absolute;
left:0;
top:0;
}


.comparisonChart .table .row li ul{text-align:left;border:0;}
.comparisonChart .table .row li ul li{border:0;}

#cloudSoutions #servicesGrid .checked{
	width:40px;
	height:40px;
	background: url("/clouduser/static/images/us/en/cloudsolutions/checked.png") no-repeat center center;
	vertical-align:middle;
	margin:auto;
	display:block;
	}
.comparisonChart .table .row:last-child {
	border-right:0px;
}
#rolesPermissions .matrixHeadTab .tabs li{
	width:371px;
	text-align:center;
}
.products .productColumn {
	float:left;
}
.products .productColumn ul li{list-style-type: none !important;list-style-position: outside;
*margin-left:-15px;}
.products .productColumn ul{margin:0;padding:0;}
.products .carImage {
	padding-top:20px;
	display:block
}

#cloudSoutions .tabs ul{width:743px;}
/*----END SOLUTIONS PAGE----*/
}
.cloudContainer { width:220px; height:128px; background:url(/clouduser/static/images/us/en/commons/cloudBg.png) top center no-repeat; text-align:center; position:relative; z-index:10; padding-top:20px; }
.cloudContainer .cloudTitle { font-family: 'Omnes_ATTMediumItalic', Serif; font-size:14px; clear:both; }
.cloudContainer .mainBtn { margin-top:10px; }
.splitPageLayout .splitColumn { }
.splitPageLayout .splitColumn .column { width:450px }
.splitPageLayout .splitColumn div.right { margin-right:20px; }
.splitPageLayout .splitColumn .callout{background: url(/clouduser/static/images/us/en/commons/colCalloutTile.png) repeat-x;padding:20px 20px 13px 20px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius:3px;
	border:1px solid #e4e4e4;
	margin:15px 0 30px;
	}
#cloud101 img.header { margin-top:-10px }
#cloud101 .printLinks { float:right; padding:15px 30px 0px 0px; }
/*cloud101 next steps block*/
#cloud101 .NextSteps {width:440px; background:url('images/cloud-information-bg.png') repeat-x 0 100% #fbfbfb; border: 1px solid #cccccc; height: 290px; margin-top:20px;}
#cloud101 .NextSteps h2.NextStepsTitle {background:url('images/cloud-information-icon.png') no-repeat 5px 5px; padding: 20px 0 20px 70px; font-family: "Omnes_ATTMedium", Verdana, sans-serif; font-size: 18px; }
#cloud101 .NextSteps .col1,
#cloud101 .NextSteps .col2 {width: 200px; padding:10px; float: left; position: relative;}
#cloud101 .NextSteps .col1 h3,
#cloud101 .NextSteps .col2 h3 {font-family: "Omnes_ATTMedium", Verdana, sans-serif; font-size: 14px; }
#cloud101 .NextSteps .orderNow {
	width:119px;
	height:35px;
	background:url(/clouduser/static/images/us/en/commons/orderNow.png) no-repeat left;
	display: block;
	margin:0 auto;
}

.detailsTable ul{ padding:0px 0px 0px 15px; background: #e5f4ff;
	-moz-border-radius:8px; /* firefox's individual border radius properties */
	-webkit-border-radius:8px;/* webkit's individual border radius properties */
	border-radius:8px;clear:both;
}
.detailsTable ul li { width:95px; padding:8px 0px 8px 0px; vertical-align:top; list-style-type:none !important; display:inline-block; zoom:1; *display:inline }
.col4 li { width:100px !important; }
.col3 li { width:120px !important; }
.detailsTable ul.noBg { background: none; }
.note { margin-top:10px; }
.buffer { height:30px; }
#cloud101 .splitColumn .column { width:450px !important }
.splitPageLayout .splitColumn .callout h3{font-family:"Omnes_ATTMedium",sans-serif;font-size:22px;padding-left:60px;
	background:url(/clouduser/static/images/us/en/commons/grafArrowIcon.png) no-repeat top left;height:45px;padding-top:5px;}
.splitPageLayout .splitColumn .callout h4 { font-family:"Omnes_ATTMedium", sans-serif; font-size:13px; }
.splitPageLayout .splitColumn .callout p { height:85px; }
.splitPageLayout .splitColumn .callout .col { width:188px; }
.splitPageLayout .splitColumn .callout .right { margin:0; }
h3.cloud{position:relative;clear:both}
h3.cloud span{
		
		
		font-family: "Omnes_ATTMedium",sans-serif;
		font-size:16px;
		color:#666;
		
		top:10px;
		display:block;
	}
h3.cloud span.sub{
		top:45px;
	}
h3.twolines{
		height:90px
	}
.section {}
.splitPageLayout .splitColumn .section { clear:both; padding-top:15px; margin-top:20px; }
.splitPageLayout .splitColumn .section .details { padding:0px; margin-top:10px; }
/*----END MORE VALUES PAGE----*/
/*----HOME PAGE----*/
#heroCurveAndSolutionsTitle {
margin-top:-50px;
margin-bottom:0;
}
#hero{
	position:relative;z-index:1;
}
#heroCurveAndSolutionsTitle .solutionsTitle {
	height:35px;
	width:173px;
	margin:34px 0 0 -10px;
}
.titleAndContent .content { width:370px; position:relative;}
#productDetail .titleAndContent .content { width:370px; position:relative;}
#productDetail .titleAndContent {float:left;width:370px; position:relative;}
/*----END PRODUCT DETAIL PAGE----*/

.badge { position:absolute; top:-2px; left:-2px; }
.tip { display: inline-block; }
.tip a { width:16px; height:16px; cursor: pointer; display:block; position:absolute; margin:0px 0px 0px 0px; background: url(/clouduser/static/images/us/en/commons/btnTooltip.png) no-repeat 0px 0px; }
.tip .ttContent { margin:-52px 0px 0px 20px; position:absolute; z-index:500 ;height:130px;}

.tip .ttContent {right:100%;}
.tip .ttContent {background: url(/clouduser/static/images/us/en/commons/csTooltip_rev.png) no-repeat 0 0;}

.tip .ttContent p { padding:15px 25px 20px 25px; }
/*.ttContent, .tt, .ttErrorMessage { display:none; position:absolute; z-index:40; width:232px; height:132px; background:url("/clouduser/static/images/us/en/commons/csTooltip.png") no-repeat; display:none; z-index:10 }*/
.ttContent, .tt, .ttErrorMessage { display:none; 
	position:absolute;
	 z-index:40; 
	 width:232px;
	 height:130px;
	 background:url("/clouduser/static/images/us/en/commons/csTooltip.png") no-repeat; 
	 display:none; z-index:10 ;
	 border-bottom-left-radius:13px;
	 -moz-border-radius-bottomleft:13px;
	 -webkit-border-radius:0 0 13px 13px;
	}
.ttContent p{margin:15px 25px 20px 25px; }
.ttContent p span.ttName{padding-right:10px;color:#D2005A;font-weight:bold;}
.ttContent .inner { padding:10px 10px 10px 5px; }
/*---BECOME A PARTNER---*/
#becomeAPartner .intro { width:600px; }
#becomeAPartner .introCallout p { width:630px; }
#becomeAPartner .section, #becomeAPartner .sideBar { margin-top:30px; padding-top:10px; }
#becomeAPartner .section { width:685px; }
#becomeAPartner .sideBar { border-top:1px solid #e4e4e4; margin-top:20px; margin-right:20px; width:220px }
#becomeAPartner .sideBar h3 { margin-bottom:10px; }
#becomeAPartner .sideBar img { margin: 10px auto; display:block }
	#becomeAPartner .reasons li {
	    display:inline-block;
	    width: 300px;
		height: 70px;
	    margin-right:20px;
	   zoom:1;
	   *display:inline;
	}
	
.disclaimer { font-size:9px; line-height:11px; clear:both; width:697px; margin-bottom:20px !important }
#becomeAPartner .partnerSec p { font-size:13px; }
#becomeAPartner .reasons .description { width:240px; font-size:13px; }
/***MODAL***/
.cornerCheckmark {
	background: url(/clouduser/static/images/check-mark.gif) no-repeat left center;
	width:20px;
	height: 20px;
	float: right;
	margin-top: 20px;
	margin-right: 10px;
}
.cornerJoin{
	position: absolute;
	background: url(/clouduser/static/images/joinCloud.png) no-repeat top center;
	top: -54px;
	left: 574px;
	width: 200px;
	height: 128px;
    z-index: 18;
}
.cornerApplyNow{
	position: absolute;
	background: url(/clouduser/static/images/be-our-partner-for-apply.png) no-repeat top center;
	top: -54px;
	left: 574px;
	width: 233px;
	height: 142px;
    z-index: 18;
}
.cornerCreate{
	position: absolute;
	background: url(/clouduser/static/images/cornerGraphicCreate.png) no-repeat top center;
	top: -30px;
	left: -60px;
	width: 117px;
	height: 81px;
    z-index: 1000;
}
.cornerDelete{
	position: absolute;
	background: url(/clouduser/static/images/cornerGraphicDelete.png) no-repeat top center;
	top: -30px;
	left: -40px;
	width: 107px;
	height: 97px;
    z-index: 1000;
}
.cornerDetails{
	position: absolute;
	background: url(/clouduser/static/images/cornerGraphicDetails.png) no-repeat top center;
	top: -30px;
	left: -30px;
	width: 108px;
	height: 89px;
    z-index: 1000;
}
.cornerModify{
	position: absolute;
	background: url(/clouduser/static/images/cornerGraphicInfo.png) no-repeat top center;
	top: -30px;
	left: -30px;
	width: 114px;
	height: 89px;
    z-index: 1000;
}
.cornerManage{
	position: absolute;
	background: url(/clouduser/static/images/cornerGraphicManage.png) no-repeat top center;
	top: -30px;
	left: -37px;
	width: 113px;
	height: 95px;
    z-index: 1000;
}
.cornerMisc{
	position: absolute;
	background: url(/clouduser/static/images/cornerGraphicInfo.png) no-repeat top center;
	top: -30px;
	left: -45px;
	width: 114px;
	height: 94px;
    z-index: 1000;
}
.cornerImage{
	position: absolute;
	background: url(/images/us/en/commons/lcMdlOnlineSupport.png) no-repeat top center;
	top: -30px;
	left: -45px;
	width: 114px;
	height: 94px;
    z-index: 1000;
}

.modal-delay{width:100%;height:100%;background:url(images/waiting-bg.png) top left ;position:fixed;top:0;right:0;z-index:11000;
		display:none;}
.spinner{display:block;margin:200px auto;}
	
.overlay { display:none; width:100%; height:100%; background-color:#FFFFFF; position:fixed; top:0; left:0; z-index:9998; background-color: rgba(103, 105, 107, 0.8); }
	.box{background-color: #FFFFFF;
	box-shadow: 0 0 5px #CCCCCC;
	-moz-box-shadow: 0 0 5px #CCCCCC; 
	-webkit-box-shadow: 0 0 5px #CCCCCC;
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px; 
	border-radius: 3px;
	position:absolute;
	}
	.modalCloseButton{
		width:34px;height:33px;
		background:url(/clouduser/static/images/us/en/commons/modalCloseBtn.png) no-repeat;
		display: block;
		position:absolute;
		right:-15px;
		top:-15px;
	}
.modal .errorTxt{color:#ff0000;float:right;margin:20px 20px 0 0;font-weight:bold;display: block;width:200px;}
.modal input.textInput { width:200px; margin-right:10px; }
.areaCode, .prefix { width:53px !important; margin-right:1px !important; }
.login .prefix, .login .areaCode { width:40px !important }
.lineNumber { width:63px !important; margin-right:0 !important; }
.login .lineNumber { width:50px }
.modal label { display:block; padding:8px 3px 0 3px; }
.modal textarea { height:74px; width:418px; margin-right:10px; }
.mdlBecomePartner { width:460px; height:380px }
.mdlBecomePartner table { margin:15px; width:410px; }
.mdlBecomePartner .cornerImage { position:absolute; top:-55px; left:-62px; }
.mdlBecomePartner .miniBtn { margin:1px 16px 16px 16px; }
.mdlBecomePartner .intro { margin:20px 0 0 160px; width:270px !important; font-size:13px; }
/*---CHECKOUT--*/
.subtotals {width:300px;margin-left:680px;}
.subtotals .inline-block {width:140px; text-align:right;}
.selectContainer{display:inline-block;zoom:1;*display:inline; margin-left:-6px;}
	.creditCardInfo fieldset label{display: inline-block;width:108px; text-align:right;zoom:1;*display:inline;margin:0 10px 10px 0;}
	.creditCardInfo fieldset{width:400px;margin-top:20px;}
	.creditCardInfo .long{width:180px;}
	.creditCardInfo .short{width:85px}
	.cardImages{padding-top:10px;}
	.cardImages li{display:inline-block;padding-right:2px;zoom:1;*display:inline;}
	.myOrder{
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		border:1px solid #DDDDDD;
		-moz-box-shadow: 0px 0px 5px rgba(153,153,153,0.3);
		-webkit-box-shadow: 0px 0px 5px rgba(153,153,153,0.3);
		box-shadow: 0px 0px 5px rgba(153,153,153,0.3);
		margin-bottom: 30px;
		position:relative;
		z-index: 1;
		background-color: #FFFFFF;
		}
	.myOrder .copy p{line-height:13px;margin:0;}
	.myOrder li{list-style-type:none !important;clear:both;}
    .myOrder .header{height:47px;
    	background-image: url("/clouduser/static/images/us/en/commons/selectedTile.png");
    	background-position: center bottom;
    	background-repeat: repeat-x;
    	color:#FFFFFF;
    	-webkit-border-radius: 5px 5px 0 0;
		-moz-border-radius: 5px 5px 0 0;
		-moz-border-radius:5px 5px 0 0; 
		border-radius: 5px 5px 0 0;
    	}
    .myOrder .header h3{padding:15px;
    	}
.myOrder .order { clear:both; border-bottom:1px solid #CCCCCC; }
.myOrder .order h3, .myOrder .total h2 { color:#000; }
.myOrder .order img { margin-top:10px; margin-left:10px; float:left; }
.myOrder .order .copy { margin-top:10px; margin-right:10px; width:140px; float:right }
.myOrder .order .cost { font-weight:bold; color:#000; }
.myOrder .disclaimer { padding:10px; border-top:1px solid #CCCCCC; width:auto; font-size:13px; line-height:15px; }
.myOrder .total { background-color:#f4f4f4; padding:10px; }
/*--PAGE SPECIFIC CONTENT--*/
/*--FOOTER--*/

#footer {
	background: url(images/footerTile.png) 0px -68px repeat-x #d9d9d9;
	min-height:418px;
	height:auto;
	width:976px;
	clear:both;
	border-top:1px solid #dddddd; 
}
#footer .solutionsMenu {
	margin-left:24px;
}
#footer .menu {
	float:left;
	width:270px;
	margin-top:24px;
}
#footer .menu h2 {
	font-family:"Omnes_ATTMedium",arial,sans-serif;
	font-size:13px;
	color:#333333;
	margin-bottom:0;
}
#footer .menuTitles li {
	font:11px Verdana, Geneva, Arial, Helvetica, sans-serif
}
#footer .menuTitles .subMenuLinks li a { padding-right:2px; }
#footer .menuTitles .subMenuLinks li a, #footer .copyright { position:relative; bottom:0 }
#footer .menuTitles .subMenuLinks li a,#footer .copyright a {
	font-size:10px;
	color:#067ab4;
	text-decoration: none;
	line-height:14px;
}
#footer .menuTitles .subMenuLinks {
	margin:5px 0 13px 0;
}
#footer .social {
	float:right;
	margin:24px 22px 0 0;
	padding:0;
}
#footer .social ul {
	display:block;
	margin:0 0 10px 0;
	
}
#footer .social ul li {
	display:inline-block;
	zoom:1;
	*display:inline;
}
#footer .social li a {
	display:block;
	width:32px;
	height:32px;
	margin-left:8px;
}
#footer .social .bookmark a {
	background:url(images/graphic-sprites.png) no-repeat 0 -143px;
}
#footer .social .flickr a {
	background:url(images/graphic-sprites.png) no-repeat -40px -143px;
}
#footer .social .youtube a {
	background:url(images/graphic-sprites.png) no-repeat -80px -143px;
}
#footer .social .facebook a {
	background:url(images/graphic-sprites.png) no-repeat -120px -143px;
}
#footer .social .twitter a {
	background:url(images/graphic-sprites.png) no-repeat -160px -143px;
}

#footer .copyright{
	margin:30px 0 0 24px;
	
}

#footer .copyright p{
	font-size:10px;
}
/*--END FOOTER--*/

/*Knowledge center styles*/

#KnowledgeCenter .titleAndContent .content { width:510px; position:relative;}
#KnowledgeCenter .titleAndContent {float:left; position:relative;}
#KnowledgeCenter .testimonial {
	position: absolute;
    right: 5px;
    top: 50px;
    margin-top: -50px;
}


.knowledgeCenterTabs,.moreValueTabs {
margin: 0 auto 46px auto;
width: 980px;
}

.knowledgeCenterTabs .tabbedContent,#moreValue .tabbedContent  {
	border:1px solid #e4e4e4;
	padding-bottom:20px;
	clear:both;
	color: #191919;
	font-size:13px;
	
	width: 980px;
margin: 0 auto;
}
.knowledgeCenterTabs .tabbedContent h2 {
	font-size:22px;
	font-family: "Omnes_ATTMedium",Verdana,sans-serif;
}
.knowledgeCenterTabs .tabbedContent h3 {
    font-family: "Omnes_ATTMedium",Verdana,sans-serif;
    font-size: 18px;
    margin-bottom: 20px;
   
}

.knowledgeCenterTabs .tabbedContent h3 span.pricingTitle{
	/*position:absolute;
	top:10px;
	left: 65px;*/
}
.knowledgeCenterTabs .tabbedContent a {
	color:#067ab4;
	text-decoration: none;	
}
.knowledgeCenterTabs .tabbedContent a:hover {
	text-decoration: underline;
}
.knowledgeCenterTabs .tabbedContent .inner .main {
	font-size: 14px; 
	padding:10px 10px 20px 20px;
}

.knowledgeCenterTabs .tabbedContent .faq {
	
}.knowledgeCenterTabs .tabbedContent .faq .inner .main {
	width: 100%;
}
.knowledgeCenterTabs .tabbedContent .faq .sideNav {
	width:204px;
	float:left;
	border-right: 1px solid #E4E4E4;
}
.knowledgeCenterTabs .tabbedContent .faq .sideNav li {
	width:205px;
	color:#FF7200;
	font-size:18px;
	font-family:"Omnes_ATTBold",Verdana,sans-serif;
}
.knowledgeCenterTabs .tabbedContent .faq .sideNav li.selected {
	background: url(/clouduser/static/images/us/en/commons/sideNavSelectedArrow.png) no-repeat right center;
}
.knowledgeCenterTabs .tabbedContent .faq .sideNav li a {
	display:table-cell;
	vertical-align:middle;
	width: 190px;
	height: 96px;
	color:#FF7200;
	border-bottom: 1px solid #e4e4e4;
	margin-left:0px
}
.knowledgeCenterTabs .tabbedContent .faq .sideNav li.selected a {
	color:#333333;
}
.knowledgeCenterTabs .tabbedContent .faq .sideNav li a img {
	float:left;
	display: inline-block;
	margin:0px 0px 0px 25px;
}
.knowledgeCenterTabs .tabbedContent .faq .sideNav li a span {
	float:left;
	display: inline-block;
	margin:8px 0px 0px 10px;
	font-size:12px;
	font-family:"Omnes_ATTBold",Verdana,sans-serif;
	overflow-y:visible;
	line-height:24px;
	width:110px;
}
.knowledgeCenterTabs .tabbedContent .faq .accordionWrapper {
	width:680px;
	float:left;
	padding:0px 0px 0px 15px;
}
.knowledgeCenterTabs .tabbedContent .faq .accordionWrapper .accordion {
	display: none;
}
.knowledgeCenterTabs .tabbedContent .accordionWrapper .accordion .item {
	padding:0px 0px 20px 0px;
	width: 650px;
}
.knowledgeCenterTabs .tabbedContent .accordionWrapper .question {
	color:#067ab4;
	font-size:13px;
	font-weight:bold;
	display:block;
	padding:0px 0px 0px 12px;
}
.knowledgeCenterTabs .tabbedContent .accordionWrapper .question.selected {

}
.knowledgeCenterTabs .tabbedContent .accordionWrapper .answer{
	display:none;
	padding:10px 0px 0px 22px;
	font-size:11px;
	line-height: 19px;
}
.knowledgeCenterTabs .tabbedContent .faq .accordionWrapper .answer ul{
	display:block;
	padding:2px 0px 15px 0px;
}
.knowledgeCenterTabs .tabbedContent .accordionWrapper .answer li{
	list-style-type: disc;
	margin: 0px 0px 0px 16px;
}

.knowledgeCenterTabs .tabbedContent .accordionWrapper .answer ol li { list-style-type: decimal; margin-left:20px; margin-bottom:10px; }

.knowledgeCenterTabs .tabbedContent li.item {list-style:none outside none;}
.knowledgeCenterTabs .tabbedContent #tab3 .answer,
.knowledgeCenterTabs .tabbedContent #tab4 .answer,
.knowledgeCenterTabs .tabbedContent #tab5 .answer,
.knowledgeCenterTabs .tabbedContent #tab6 .answer{
	display:none;
	padding-left:22px;
}
.knowledgeCenterTabs .tabbedContent #tab3 .question,
.knowledgeCenterTabs .tabbedContent #tab4 .question,
.knowledgeCenterTabs .tabbedContent #tab5 .question,
.knowledgeCenterTabs .tabbedContent #tab6 .question{
	display:block;
	padding:0px 0px 0px 22px;
	font-weight: bold;
}
.knowledgeCenterTabs .tabbedContent #tab3 .question.selected,
.knowledgeCenterTabs .tabbedContent #tab4 .question.selected,
.knowledgeCenterTabs .tabbedContent #tab5 .question.selected,
.knowledgeCenterTabs .tabbedContent #tab6 .question.selected {

}
.knowledgeCenterTabs .tabbedContent #tab3 li > p {
	color:#067AB4;
}


#mainContent .knowledgeCenterTabs .tabbedContent li {list-style:none outside none;}

/*END - Knowledge center styles*/
/*---- CMI EDITS ----*/
/*---- CALLOUTS REPLACEMENTS ----*/
.calloutContainer.vertical{
	
}
.calloutContainer.vertical .callout 
{
	position:relative;
}

.calloutContainer.vertical h3{
	margin:10px 0 0 40px;
	padding:10px 0 0 0;
	border-top:1px solid #333333;
}

.calloutContainer.vertical  .title{
	float:left;
	margin:10px 0 0 40px;
	line-height: 16px !important;
	font-size: 11px;
	width: 100px;
	color: black;
	font-family: "Omnes_ATTBold",Verdana,sans-serif;
	height:100px;
	}
	
.calloutContainer.vertical .copy img{
	position:absolute;
	top:30px;
	right:0;
	
}

.calloutContainer.vertical .copy p{
	clear:both;
	margin:10px 0 0 40px;
}


.calloutContainer.vertical .copy p a{
	display:block;
}
/**--CAROUSEL--**/
.carousel { display:block; /*height:160px;*/ width:760px; margin:0 auto; position:relative; z-index:10; }
.carousel .overInfo { display:none; }
.carousel .carHoverContainer{
	display:block;
	background-image:url(/clouduser/static/images/us/en/commons/carHoverBg.png);
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	z-index:100;
	top:0px;
	padding-top:1px;
	text-align:center;
	padding-top:40px;
}
.carHoverContainer .title{font-size:18px;font-family:"Omnes_ATTMedium",verdana,sans-serif;
color:#000000;margin-top:10px;}
.carHoverContainer .subTitle { font-size:12px; font-family:"Omnes_ATTRegular", verdana, sans-serif; color:#000000; margin: 0 23px 0 23px;}
.carHoverContainer .copy { font-size:11px; line-height:14px; color:#191919; text-align:left; padding:0 30px 0 20px }
.carHoverContainer .lMoreLink { font-size:11px; line-height:14px; text-align:left; padding:0 30px 0 20px }
.carHoverContainer .lMoreLink a { color:#067ab4; }
.carousel .carouselContainer { overflow: hidden; width:760px; position:relative; /*left:85px;*/ margin:0 auto; }
.carousel ul { position:relative; }
.carousel ul li { display:inline-block; zoom:1; *display:inline; width:184px; height:163px; text-align:center; margin:0; padding:0; vertical-align:top;}
.carousel .prevBtn, .carousel .nextBtn { width:23px; height:155px; display:block; padding-top:.1px; }
.carousel .prevBtn { /*float:left;*/ position:absolute; left:-100px; }
.carousel .nextBtn { /*float:right;*/ position:absolute; right:-100px;}
.carousel .prevBtn .disabled { background-position:0 -123px; margin:58px 0 0 15px; text-align:right; }
.carousel .nextBtn .disabled { background-position:-8px -123px; margin:58px 15px 0 0; text-align:left; }
.carousel .prevBtn span, .carousel .nextBtn span { background: url(images/graphic-sprites.png) no-repeat; display:block; width:8px; height:15px; }
.carousel .prevBtn span { background-position:-20px -123px; margin:58px 0 0 15px; text-align:right; }
.carousel .prevBtn .disabled { background-position:0 -123px; margin:58px 0 0 15px; text-align:right; }
.carousel .nextBtn .disabled { background-position:-8px -123px; margin:58px 15px 0 0; text-align:left; }
.carousel .nextBtn span { background-position:-28px -123px; margin:58px 15px 0 0; text-align:left; }
.carousel .carImage {height:80px; display: block; margin-top:10px;}
#home .carTitle { font-size:16px; font-family:"Omnes_ATTMedium", verdana, sans-serif; color:#000000; }
.carousel .carTitle, .products .carTitle { font-size:16px; font-family:"Omnes_ATTMedium", verdana, sans-serif; text-align:center; color:#000000; }
.carousel .carSubtitle, .products .carSubtitle { font-size:12px; font-family:"Omnes_ATTRegular", verdana, sans-serif; text-align:center; color:#000000;margin: 0 23px 0 23px; }
.carousel .statusIndicator { min-height:18px; max-height:41px; text-align:center; clear:both }
.carousel .statusIndicator .statusDot { background: url(images/graphic-sprites.png) -41px -122px no-repeat; display:inline-block; width:9px; height:9px; margin:5px; zoom:1; *display:inline; }
.carousel .statusIndicator .selected { background: url(images/graphic-sprites.png) -41px -131px no-repeat; }
/**--END CAROUSEL--*/

/**--CALLOUTS--*/
#home .callouts { height:156px; background: url(images/tile-sprite.png) 0 -750px repeat-x; padding-top:1px; position:relative; clear:both; z-index:1 }
#home .callouts .calloutContainer { margin:27px 0 0 23px; }
#home .callouts .callout {
				background: url(images/graphic-sprites.png) 0 -180px no-repeat;
				width:300px;
				height:101px;
				float:left;
				margin-right:16px;
				position:relative;
			}
			
			#home .callouts .badge, #addOns .badge {
				float:left;
				position:absolute;
				width:73px;
				height:73px;
				left:-37px;
				top:-30px;
			}
#addOns .badge { z-index: 401; }
#home .callouts .callout .title {
	font-size:16px;
	font-family:"Omnes_ATTMedium",verdana,sans-serif;
	display:block;
	margin-top:34px;
	text-align:center;
	width:140px;
}
#home .callouts .callout .stars{
	margin-left:32px;
	width:100px;
}
#home .viewAll { clear:both; float:right; padding-right:22px; margin-bottom:10px; }
#home .callouts .viewAll { padding-top:6px; clear:none;}
.stars { display: block; list-style-type: none; }
.stars li { display:block; width:15px; height:15px; list-style-type: none !important; float:left; }
.stars .fullstar { background: url(images/graphic-sprites.png) -57px -124px no-repeat; }
.stars .emptystar { background: url(images/graphic-sprites.png) -72px -124px no-repeat; }
#home .callouts .callout .copy {
	width:138px;
	float:right;
	
	font-size:11px;
	color: #191919;
	margin:21px 15px 0 0;
}
#home .callouts .callout .copy a {
	text-decoration: none;
	color:#067ab4;
}
/*#cloudSoutions .callouts{margin:0 20px 46px 20px;}*/
#cloudSoutions .callouts .calloutContainer { display:block; width:976px; height:135px; padding-top:10px; margin-left:-10px; clear:both; }
#cloudSoutions .callout { float:right; width:300px; margin-right:20px; border-top:1px solid #CCCCCC; padding-top:20px }
#cloudSoutions .callout .title { font-size:16px; font-family:"Omnes_ATTMedium", verdana, sans-serif; width:140px; }
#cloudSoutions .callout .copy { color: #191919 }
#cloudSoutions .callout .copy img { float:left; }
/**--END CALLOUTS--*/
	
	


/* MY SERVICES */
#servicesNav { height:100%; float:left; margin-right:20px; }
#servicesNav li { width:140px; list-style:none;
	margin:0px 0px 10px 0px; }
#servicesNav .serviceTab { 
	display:block;
	width:140px;
	height:120px;
	text-align:center;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border:1px solid #Eaeaea;
	color:#333333;
	font-size:16px;
	font-family: "Omnes_ATTMedium",Verdana,sans-serif;
	background: #fbfbfb;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fbfbfb), to(#e7e8e8));
	background: -webkit-linear-gradient(#fbfbfb, #e7e8e8);
	background: -moz-linear-gradient(#fbfbfb, #e7e8e8);
	background: -ms-linear-gradient(#fbfbfb, #e7e8e8);
	background: -o-linear-gradient(#fbfbfb, #e7e8e8);
	background: linear-gradient(#fbfbfb, #e7e8e8);
	
}

#servicesNav .AccountSwitch .serviceTab {height:160px;}
#servicesNav .AccountSwitch .serviceTab img {padding:8px 0 8px 0;}

#servicesNav .serviceTabSmall{
	display:block;
	width:140px;
	height:30px;
	text-align:center;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border:1px solid #Eaeaea;
	color:#333333;
	font-size:16px;
	font-family: "Omnes_ATTMedium",Verdana,sans-serif;
	background: #fbfbfb;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fbfbfb), to(#e7e8e8));
	background: -webkit-linear-gradient(#fbfbfb, #e7e8e8);
	background: -moz-linear-gradient(#fbfbfb, #e7e8e8);
	background: -ms-linear-gradient(#fbfbfb, #e7e8e8);
	background: -o-linear-gradient(#fbfbfb, #e7e8e8);
	background: linear-gradient(#fbfbfb, #e7e8e8);
	
	padding-top: 7px;
	line-height: 10px;
	white-space: normal;
}
#servicesNav .serviceTabSmall img {float:left; margin-top:-1px;margin-left:3px;}
/*#servicesNav .serviceTabSmall .small {float:left; padding-top: 10px;padding-left:5px;}*/
#servicesNav .serviceTab img { margin:5px 0px 0px 0px; display:inline-block; }
#servicesNav .serviceTab.myServices img { margin:15px 0px 8px 0px; }
#servicesNav .serviceTab.addOns img { margin:22px 0px 10px 0px; }
#servicesNav .serviceTab span { display: block; }
#servicesNav .serviceTab span.small { font-size:12px; font-family: "Omnes_ATTMedium", Verdana, sans-serif; }
#servicesNav .answer { display:none; margin:0px 0px 0px 0px; padding:20px 0px 0px 0px; background: url(/clouduser/static/images/us/en/commons/servicesNavSelected.png) no-repeat top center; }
#servicesNav .answer li { width:120px; height:21px; padding:3px 0px 0px 10px; margin:0px 0px 0px 6px; }
#servicesNav .answer li.selected {
	background:#ffffff url("images/orangeHover.png") no-repeat 0 0;
}

#servicesNav .answer li.selected a { color:#FFFFFF; font-weight: bold; }
#servicesNav .answer a { font-size:11px; }
#servicesNav .answer a:hover { text-decoration: none; color:#FFFFFF; }

#servicesNav .answer li:hover {
	color:#FFFFFF;
	background:#ffffff url("images/orangeHover.png") no-repeat 0 0;
}

#servicesNav .answer li:hover a{
	color:#FFFFFF;
}

/*  COLLAPSIBLE MODULE  */

#onlineSupport .collapsibleModule .modTab img{
	display: none!important;
}

.collapsibleModule {
	border:1px solid #E4E4E4;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	border-radius: 5px;
	-moz-box-shadow: 0px 0px 5px rgba(153,153,153,0.3);
	-webkit-box-shadow: 0px 0px 5px rgba(153,153,153,0.3);
	box-shadow: 0px 0px 5px rgba(153,153,153,0.3);
	position:relative;
	background:#FFFFFF;
}
.collapsibleModule .modTab {
	display: block;
	height:27px;
	line-height: 24px;
	color:#333333;
	
	font-size:18px;
	
}
.collapsibleModule .modTab img{
	position:absolute;
	margin:4px 0px 0px 320px;
}
.collapsibleModule .modBody{
	padding:12px 20px 20px 20px;
	background: #fff;
	border-radius: 0px 0px 5px 5px;
	position: relative;
	
}
.ticketSummaryBox .modBody{
	padding:12px 20px 20px 20px;
	background: #fff;
	border-radius: 0px 0px 5px 5px;
	position: relative;
	
}

.nonCollapsibleModule {
	border:1px solid #E4E4E4;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	border-radius: 5px;
	-moz-box-shadow: 0px 0px 5px rgba(153,153,153,0.3);
	-webkit-box-shadow: 0px 0px 5px rgba(153,153,153,0.3);
	box-shadow: 0px 0px 5px rgba(153,153,153,0.3);
	position:relative;
	z-index:1;
	background:#FFFFFF;
	margin-bottom:25px;
}
.nonCollapsibleModule .modTab {
	display: block;
	height:38px;
	color:#333333;
	
	font-size:18px;
	background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#e7e8e8)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #fbfbfb,  #e7e8e8); /* for firefox 3.6+ */ 
	background: linear-gradient(#fbfbfb, #e7e8e8);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#fbfbfb', endColorstr='#e7e8e8');/*For IE7-8-9*/ 
}
.nonCollapsibleModule .modTab img{
	position:absolute;
	margin:4px 0px 0px 320px;
}
.nonCollapsibleModule .modBody{
	padding:12px 20px 20px 20px;
	background: #fff;
}
.nonCollapsibleModule .modTab .forMore { float:right; padding:3px 17px 0 0; font-size:11px; }

/* SERVICES OVERVIEW */
#servicesOverview .confirmation {height:auto; float:left; padding:20px 40px 10px 20px; margin-bottom:25px; border: 1px solid #e4e4e4; word-wrap: break-word;}
.alert {background: url(images/servicedashboard/warning.png) no-repeat left 0px; padding-left: 22px;}
.accountList{padding-left: 20px; font-weight: bold;}
#servicesOverview .confirmation .bold { color:#333; }
#servicesOverview .confirmation h2 { color:#333; margin-bottom: 10px; }
#servicesOverview .restriction { width:710px; height:auto; float:left; padding:20px 40px 10px 20px; margin-bottom:25px; border: 1px solid #e4e4e4;}
#servicesOverview .restriction h2 { color:#ff7200; margin-bottom: 10px;	background: url(images/servicedashboard/warning.png) no-repeat left center; padding-left: 24px;
}
#servicesOverview .confirmation .activeServices li { list-style:none !important; font-weight:bold; }
#servicesOverview .confirmation .basicCustomer { display:none; }
#servicesOverview .tabs ul { padding:0px !important; margin:0px !important; }
#servicesOverview .myServicesTabs { float:left; }
#servicesOverview .myServicesTabs .tabbedContent { width:775px; border:1px solid #E4E4E4; margin-top: -6px }
#servicesOverview .sideBar { font-size:11px; width:196px; padding:20px 20px 0px 20px; }
#servicesOverview .sideBar a { font-size:11px !important; }
#servicesOverview .quickLinks { background:#e5f4ff; padding:10px 10px 5px 15px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
#servicesOverview .quickLinks .head { margin:-20px 0 3px 18px; }
#servicesOverview .quickLinks ul { padding:3px 0px 10px 16px; }
#servicesOverview .quickLinks ul li { list-style-position: outside; }
#servicesOverview .cloudNews { margin:10px 0px 0px 0px; padding:10px 0px 0px 0px; border-top:1px solid #E4E4E4; }
#servicesOverview .cloudNews ul { padding:10px 0px 10px 16px; }
#servicesOverview .cloudNews ul li { list-style-position: outside; }
#servicesOverview .tabbedContent { margin-bottom: 20px; }
#servicesOverview .tabbedContent .main { width:480px; min-height:350px; margin:20px 0px 20px 20px; padding-right:35px; line-height:20px; border-right:1px solid #E4E4E4; }
#servicesOverview .tabbedContent h4 { font-size:11px; font-weight:bold; color:#333333; margin:15px 0px 0px 0px; }
#servicesOverview .tabbedContent a { font-size:13px; }
#servicesOverview .tabbedContent a .new { color:#FA00A1; font-weight:bold; font-size:11px; }
#servicesOverview .tabbedContent p { margin:0px !important; padding:0px 0px 0px 25px !important; }
#servicesOverview .tabbedContent a.pdf { margin:5px 0px 0px 0px; display:block; }
#servicesOverview .tabbedContent .seeAll { display:block; margin:20px 0px 0px 0px; }
a.pdf { height:15px; display:inline-block; padding:3px 0px 0px 25px; background:url(/clouduser/static/images/us/en/commons/iconPDF.png) no-repeat 0px 2px; }
a.print { height:15px; display:inline-block; padding:3px 0px 0px 25px; background:url(/clouduser/static/images/us/en/commons/iconPrint.png) no-repeat 0px 2px; }
a.rss { padding:1px 0px 2px 20px; margin:0px 0px 0px 15px; color:#ff7200; background:url(/clouduser/static/images/us/en/commons/iconRSS.png) no-repeat 0px 0px; }

/*  SERVICE SNAPSHOP PAGES  */
#serviceSnapshot #mainContent { color: #191919; }
#serviceSnapshot .collapsibleModule { margin-bottom:25px; }
#serviceSnapshot .column { width:380px; float:left; margin-right:15px; }
#serviceSnapshot .modTab .detail { font-size:14px; color: #191919; }
#serviceSnapshot .modBody table { width:100%; margin:0px 0px 10px 0px; }
#serviceSnapshot .modBody table td { border-right:1px solid #e4e4e4; vertical-align:top; padding:0px 20px 0px 20px; }
#serviceSnapshot .modBody table td.left { padding:0px 20px 0px 0px; float:none; }
#serviceSnapshot .modBody table td.right { border:0px; float:none !important; }
#serviceSnapshot .modBody table td.colSpan { border:0px; border-top:1px solid #E4E4E4; padding:10px 0px 0px 0px; }
#serviceSnapshot .modBody.settings td.left { width:120px; }
#serviceSnapshot .modBody.supportTickets td { padding:0px 18px 0px 0px; border:0px; white-space:nowrap; }
#serviceSnapshot .modBody.userSummary td { width:80px; }
#serviceSnapshot .value { display:block; color:#333333; font-size:16px; margin-bottom:10px; margin-top: 5px; }
#serviceSnapshot .value.large { color:#81017E; font-size:21px; }
#serviceSnapshot .value.large.redBG { width:50px; height: 20px; line-height: 26px; padding:5px 10px; color:#FFFFFF; line-height: 19px; background:#b30a3c; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; position:relative; z-index:1; }
#serviceSnapshot .value.large.yellowBG { width:50px; height: 20px; line-height: 26px; padding:5px 10px; line-height: 19px; color:#FFFFFF; background:#fcb314; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; position:relative; z-index:1; }
#serviceSnapshot .value.large.greenBG { width:50px; height: 20px; line-height: 26px; padding:5px 10px; line-height: 19px; color:#FFFFFF; background:#c4d82d; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; position:relative; z-index:1; }
#serviceSnapshot .value.large.purple { width:50px; height: 20px; line-height: 26px; padding:5px 10px; line-height: 19px; color:#FFFFFF; background:#CCCCCC; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; position:relative; z-index:1; }
#serviceSnapshot .value.large sup { font-size:14px; vertical-align:text-top; }
#serviceSnapshot .billingSummary .date { display:block; font-family: "Omnes_ATTLightItalic", Verdana, sans-serif; }
#serviceSnapshot .serviceMessage { font-size:11px; font-family:Verdana; }
#serviceSnapshot .serviceMessage .bold { color:#333333; }
#serviceSnapshot .serviceActivities span { display:inline-block; padding:0px 0px 8px 0px; font-size:11px; font-family:Verdana; }
#serviceSnapshot .serviceActivities .label { color: #191919 !important; font-size:14px !important; font-weight:normal !important; font-family: "Omnes_ATTMedium", Verdana, sans-serif; }
#serviceSnapshot .serviceActivities .date { width:120px; color:#333333; font-weight:bold; }
#serviceSnapshot .serviceActivities .event { width:160px; }
#serviceSnapshot .sublinks { float:right; padding:10px 0px 0px 0px; font-size:11px; font-family:Verdana; }
.supportTickets.modBody{padding-bottom:20px;}
/* SERVICE REPORT PAGES */
#serviceReport #mainContent { color: #191919; font-size:14px; min-height:800px; }
#serviceReport #mainContent h1 { color:#333333;}
#serviceReport .filters { width:920px; float:left; padding:10px 10px 10px 10px; margin:0px 0px 20px 0px; background:#e5f4ff; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
#serviceReport .filters .scope { width:205px; float:left; padding:0px 20px 0px 0px; border-right:1px solid #CCCCCC; }
#serviceReport .filters .view { width:230px; float:left; padding:0px 0px 0px 20px; }
#serviceReport .filters .view .ttl, #serviceReport .filters .scope .ttl { font-weight:bold }
#serviceReport .filters .last { width:180px; float:right; }
#serviceReport .filters input { margin:0px 0px 0px 10px; }
#serviceReport .collapsibleModule { margin-bottom:25px; }
#serviceReport #mainContent .column { width:300px; float:left; margin-right:15px; }
#serviceReport .column.last { margin-right:0px; }
#serviceReport .modTab { height:25px; padding:5px 0px 0px 20px; font-size:16px; }
#serviceReport .modTab .status { position:absolute; top:2px; right:6px; }
#serviceReport .modTab .refresh { position:absolute; top:2px; right:30px; }
#serviceReport .modBody { padding:10px; }
#serviceReport .details { float:right; width:40px; }
#serviceReport .modBody p { color:#333333; padding-bottom: 10px; }
#serviceReport .modBody .current { color:#333333; font-size:11px; font-weight:bold; font-family:Verdana; }
#serviceReport .modBody .value { color:#81017e; font-size:16px; font-family: "Omnes_ATTMedium", Verdana, sans-serif; }
#serviceReport .errorMessage {
	float:right;
	width:640px;
	margin: 20px 20px 20px 0;
}

.mdlServiceOptions { font-size:11px; width:460px; height:480px; }
.mdlServiceOptions .cornerImage { position:absolute; top:-35px; left:-30px; }
.mdlServiceOptions h1 { margin:20px 0px 0px 100px; padding:0px; font-size: 22px; color:#000000;}
.mdlServiceOptions h2 { margin:0px; padding:0px 0px 5px 0px; font-size: 16px; color:#000000; font-family:"Omnes_ATTMedium"; }
.mdlServiceOptions .bundle { margin:0px 30px 0px 30px; padding:10px 0px 10px 0px; border-top:1px solid #E4E4E4; clear:both; }
.mdlServiceOptions .bundle p.desc { padding:0px 0px 10px 0px; float:right; width:310px; clear:right; margin-top: 10px }
.mdlServiceOptions .bundle img { float:left; margin-top: 10px }
#managePaas h3 { font-size:22px; font-weight:normal; color:#333333; }
#managePaas #contentContainer { clear:right; padding-top:10px; }
#manageSaas #contentContainer { clear:right; margin-top:10px; }
	#managePaas .collItemContainer .selected .shared {display: block;border-top:1px solid #CCCCCC;padding-top:20px;}
#manageSaas .collapsibleTable ul li {padding: 0px 0 0px 16px;display: inline-block;zoom: 1;}
/*#manageSaas .selectBox-dropdown { width:12px; }*/
#manageSaas .heroImage { margin-top:-10px; right:30px; position: absolute; }
#manageSaas .pagination{ border-top:1px solid #CCCCCC; margin:10px 0 10px 0; width:770px }
#onlineSupport .pagination { border-top:0; margin:20px 0 0 0; width:100% ;border-top:1px solid #CCC;clear:right;}
#onlineSupport #paginationdiv2{margin:0;border:0;}
#onlineSupport .tiniest {width: 55px !important;margin-right: 24px;}
#manageSaas .pagination.bottom { border:0; }
#manageSaas .numResults { padding-top:4px; }
#manageSaas .head .main { width:420px; font-size: 14px; color: #333; }
#manageSaas .head .status { width:115px; font-size: 14px; color: #333; border-right: 1px solid #EEEEEE;}
#manageSaas .head .cellHighlighted { width:276px; border-left:1px solid #cecece; }
	
#manageSaas .collapsibleTable ul{
		display:block;
		margin:0;
		margin-top: 20px;
		margin-bottom: 20px;
		text-align: left; width: 975px;
		-webkit-box-shadow: #666 0px 0px 4px;
		-moz-box-shadow: #666 0px 0px 4px;
		box-shadow: #666 0px 0px 4px;
		background: #ffffff;
		background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffffff), to(#ffffff));
		background: -webkit-linear-gradient(#ffffff, #ffffff);
		background: -moz-linear-gradient(#ffffff, #ffffff);
		background: -ms-linear-gradient(#ffffff, #ffffff);
		background: -o-linear-gradient(#ffffff, #ffffff);
		background: linear-gradient(#ffffff, #ffffff);
		
		position:relative;
		z-index:1;
		font-family:"Omnes_ATTMedium",Arial,Sans-serif;
	}
	.collapsibleTable ul{
		display:block;
		margin:0;
		/*text-align: left; width: 770px;*/
		-webkit-box-shadow: #666 0px 0px 4px;
		-moz-box-shadow: #666 0px 0px 4px;
		box-shadow: #666 0px 0px 4px;
		background: #ffffff;
		background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffffff), to(#e9e9e9));
		background: -webkit-linear-gradient(#ffffff, #e9e9e9);
		background: -moz-linear-gradient(#ffffff, #e9e9e9);
		background: -ms-linear-gradient(#ffffff, #e9e9e9);
		background: -o-linear-gradient(#ffffff, #e9e9e9);
		background: linear-gradient(#ffffff, #e9e9e9);
		
		position:relative;z-index:1;
		font-family:"Omnes_ATTMedium",Arial,Sans-serif;
		
	}
#manageSaas .collItemContainer .selected { }
.collItemContainer { margin-top: 10px; }
.collapsibleTable ul li { padding:16px 0 16px 16px; display:inline-block; zoom:1; *display:inline; }
.collapsibleTable .main { width:350px; text-align:left; padding-left:10px; }
.collapsibleTable .textHighlight { color:#ff7200; font-size:16px; font-family:"Omnes_ATTMedium", Arial, Sans-serif; }
.collapsibleTable .status { width:107px; }
.collapsibleTable .cellHighlighted{
		color:#333333;
		font-size:16px;
		font-family:"Omnes_ATTMedium",Arial,Sans-serif;
		background: #dfdfdf;
		background: -webkit-gradient(linear, 0 0, 0 bottom, from(#dfdfdf), to(#f2f2f2));
		background: -webkit-linear-gradient(#dfdfdf, #f2f2f2);
		background: -moz-linear-gradient(#dfdfdf, #f2f2f2);
		background: -ms-linear-gradient(#dfdfdf, #f2f2f2);
		background: -o-linear-gradient(#dfdfdf, #f2f2f2);
		background: linear-gradient(#dfdfdf, #f2f2f2);
		}
.collItemContainer .collItem { padding:10px 16px; width:972px;min-height:30px;}
.collItemContainer .collItem .overview { display:table-cell; margin-bottom:5px; width: 940px;}
.collItemContainer .collItem .shared { display:none; margin:0 0 0 25px; }
.collItem { border-bottom:1px solid #ccc; }
#onlineSupport .collItem:first-child { border:0; margin-top:-10px; }
.collItemContainer .selected{
		/*background:#e5f4ff;*/
		padding:15px 15px 20px 15px;
		margin:10PX 10px 10PX 0PX;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius: 8px;
		border:1px solid #ccc;
		position:relative;
		}
.collItemContainer .unSelected{
		background:#fff;
		position:relative;
		}
		
#contentContainer { margin-left:155px; }
.collItemContainer .selected .shared { display:block; }
.collItemContainer .shared { display:none; }
#managePaas .collItemContainer .collItem .itemName { font-size:11px; }
#managePaas .tenantDetails { color:#333333; font-weight: bold; }
#managePaas .address p { color:#333333; }
#managePaas .package { color:#333333; }
.collItemContainer .collItem .itemName{
		padding-left:25px;
		padding-bottom: 5px;
		font-weight:bold;
		background: url("/clouduser/static/images/us/en/commons/accordionClosed.png") no-repeat left;
		height:14px;
		display:inline-block;
		zoom:1;
		*display:inline;
		width:400px;
		float:left;
		margin-top:5px;
		font-size: 11px;
	}
	
	.switch{width:87px; height:26px; display:inline-block; zoom:1; *display:inline; float:right; }
	.on{ background: url("/clouduser/static/images/us/en/commons/onOff.png") no-repeat 0 -26px !important; }
	.off{ background: url("/clouduser/static/images/us/en/commons/onOff.png") no-repeat 0 0; }
	.onLabel{color:#067ab4}
	.offLabel{color:#cccccc}
	
	#contentContainer .bottom{margin-bottom:30px;}
	
	
	.collItem .lastTested{
		font-size:11px;color: #191919;display: inline-block;
		zoom:1;
		*display:inline;
		float:left;
		margin:0px;
		width: 200px;
	}
	
	
	.collItem li{display:block;float:left; width: 100%;}
	
	.testService{float:right;margin:5px 0 0 50px;}
	.deleteUID{float:right;margin:8px 200px 0 0;}
	
	/*User Management Styles */
	.lnServiceGrp{margin-top:5px; width: 80px; background:#FFFFFF;}
	#usersAndGroups .heroImage{margin-top:-20px;}
	#usersAndGroups .usersAndGroupsTabs { width:770px; float:left; }
	#usersAndGroups .sublinks{margin-bottom:5px;}
	#usersAndGroups .tabs ul li a { padding: 14px 20px; }
	#usersAndGroups .tabs ul li a.selectedLast {-moz-border-radius: 0 10px  0 0;
	border-radius: 0 10px  0 0;
	-webkit-border-radius: 0 10px 0 0;
	border-rigth: none;
	}
	#usersAndGroups .tabs ul li.first a:hover, .tabs ul li a.selectedFirst {
	-moz-border-radius: 10px 0 0 0!important;
	 -webkit-border-radius: 10px 0 0 0!important;
	 border-radius: 10px 0 0 0!important;
}
	#usersAndGroups .tabbedContent { border:1px solid #E4E4E4;}
	#usersAndGroups .collapsibleModule { margin-bottom:10px; }
	#usersAndGroups .modBody .tabbedContent { padding:20px 0px 20px 0px; border:0px; }
	#usersAndGroups .column { width: 360px; float:left; margin:0px 15px 0px 0px; }
	#usersAndGroups .modTab { height:25px; padding:5px 0px 0px 20px; font-size:16px; font-family:"Omnes_ATTMedium",Verdana,sans-serif; }
	#usersAndGroups .modTab .status{ position:absolute; top:2px; right:6px; }
	#usersAndGroups .modBody { font-size:11px; font-family:Verdana; }
	#usersAndGroups .modBody .column { width:142px; }
	#usersAndGroups .bold { color:#333333; }
	#usersAndGroups .modBody p { padding:10px 0px 0px 0px; line-height:14px; display:block; clear:both; }
	#usersAndGroups .filterLetters { display:block; clear:both; padding:10px 0px 0px 0px; }
	#usersAndGroups .userList { padding:4px 8px 0px 8px; margin:5px 0px 15px 0px; height:100px; overflow-y:scroll; border:1px solid #E4E4E4; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; }
	#usersAndGroups .userList ul li { list-style:none; }
	#usersAndGroups .userList .name { display:inline-block; width:150px; }
	#usersAndGroups .premissionsList { padding:4px 8px 0px 8px; margin:5px 0px 15px 0px; height:100px; overflow-y:scroll; border:1px solid #E4E4E4; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; }
	#usersAndGroups select { padding-bottom: 10px !important; }
	#usersAndGroups .miniBtn,#usersAndGroups .miniBtnWhite,#usersAndGroups .miniBtnInactive,#usersAndGroups .mainBtn,#usersAndGroups .mainBtnInactive{margin-right:15px; margin-top: -3px;}
	#usersAndGroups .hl{color:#81017e;}
	#usersAndGroups .sectionbar {
		display: block;
		height:38px;
		color:#333333;
		padding:12px 10px 0px 20px;
		font-size:16px; font-family:"Omnes_ATTLight",Verdana,sans-serif;
		background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#efefef)); /* for webkit browsers */
		background: linear-gradient(#ffffff, #efefef);
		background: -moz-linear-gradient(top,  #ffffff,  #efefef); /* for firefox 3.6+ */
		}
	#usersAndGroups .sectionbar .selectBox {}
	#usersAndGroups .users .sectionbar {height:100px;}
	#usersAndGroups .users .sectionbar .left {padding-right:15px;}
	#usersAndGroups .users .sectionbar .miniBtn {margin-top:8px; float: right;}
	
	#usersAndGroups .letterbar {
		border-bottom:1px solid #E4E4E4;
		padding: 5px 15px 5px 20px;
		line-height:21px;
		font-size:11px;
		color: #191919;
		}
	#usersAndGroups .letterbar .filterLetters{float:right;clear:none;padding:0; margin-right: 20px;}
	#usersAndGroups .letterbar .filterLetters a {padding-left:5px;}
	#usersAndGroups .letterbar .filterLetters a.inactive {color: #191919;}
	#usersAndGroups .letterbar .showAll{float:left;	padding:0;}
	#usersAndGroups .subaccounts .abcsorter {width:194px;float:left;padding-left:20px;max-height:643px; overflow:auto; min-height: 250px; border-right: 1px solid #e4e4e4;}
	#usersAndGroups .accounts .abcsorter {width:180px;float:left;border-right:1px solid #E4E4E4;}
	#usersAndGroups .users .abcsorter {width:300px;float:left;border-right:1px solid #E4E4E4;padding-left:20px;height:400px; overflow:auto;}
	#usersAndGroups .subaccounts .abcsorter .selected {margin-left:-20px;padding-left:20px;background:#7cc6ff;color:#FFFFFF;}
	#usersAndGroups .subaccounts .abcsorter .selected a{color:#FFFFFF;}
	#usersAndGroups .subaccounts .divider,
	#usersAndGroups .users .divider {width:160px; margin-top:8px; color: #191919;font-size:16px;font-family:"Omnes_ATTLight",Verdana,sans-serif;background: url("/clouduser/static/images/us/en/myservices/divider80.png") no-repeat 20px 10px;}
	#usersAndGroups .users .abcsorter .user {font-size:11px; display:block;clear:both;margin-top:15px;}
	#usersAndGroups .users .abcsorter .userActive {font-size:11px; display:block;clear:both;margin-top:15px;background:url("images/selectedUserBg.png") no-repeat 0px 0px; padding-left: 5px; padding-top: 5px; margin-left: -5px;color:#fff;}
	#usersAndGroups .users .abcsorter .userActive a{color:#fff;}
	#usersAndGroups .users .abcsorter .user .left {padding-right:10px;}
	#usersAndGroups .users .abcsorter .user .left input {margin-top:23px;}
	#usersAndGroups .subaccounts .subaccountName {color#333333;font-size:11px;font-weight:bold;margin-top:5px;}
	#usersAndGroups .subaccounts .accountName {color#333333;font-size:11px;}
	#usersAndGroups .subaccounts .rightColumn,
	#usersAndGroups .accounts .rightColumn,
	#usersAndGroups .users .rightColumn{float:right; width:180px;border-left:1px solid #E4E4E4;border-bottom:1px solid #E4E4E4; }
	#usersAndGroups .accounts .rightColumn {width:195px;}
	#usersAndGroups .subaccounts .rightColumn .heading,
	#usersAndGroups .accounts .rightColumn .heading,
	#usersAndGroups .users .rightColumn .heading {
		background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#efefef)); /* for webkit browsers */
		background: linear-gradient(#ffffff, #efefef);
		background: -moz-linear-gradient(top,  #ffffff,  #efefef); /* for firefox 3.6+ */
		color:#333333;
		font-size:16px; font-family:"Omnes_ATTLight",Verdana,sans-serif;
		padding: 4px 0 3px 5px;
		border-top:1px solid #E4E4E4;
		border-bottom:1px solid #E4E4E4; }
	#usersAndGroups .subaccounts .rightColumn .content,
	#usersAndGroups .accounts .rightColumn .content,
	#usersAndGroups .users .rightColumn .content {font-size:11px; padding:5px; line-height:14px; margin-bottom: -3px;}
	#usersAndGroups .subaccounts .rightColumn .heading .summary,
	#usersAndGroups .accounts .rightColumn .heading .summary,
	#usersAndGroups .users .rightColumn .heading .summary  {background:url("/clouduser/static/images/us/en/myservices/folder_blue_19.png") no-repeat 0 0;padding-left:24px; }
	#usersAndGroups .subaccounts .rightColumn .heading .settings,
	#usersAndGroups .accounts .rightColumn .heading .settings,
	#usersAndGroups .users .rightColumn .heading .settings {background:url("/clouduser/static/images/us/en/myservices/settings_blue_19.png") no-repeat 0 0;padding-left:24px;}
	#usersAndGroups .accounts .mainView,
	#usersAndGroups .users .mainView {float:left;padding:10px;font-size:11px;border-left:1px solid #E4E4E4;margin-left:0px;}
	#usersAndGroups .subaccounts .mainView {float:left;padding:10px;font-size:11px;}
	#usersAndGroups .subaccounts .mainView h3 {background:url("/clouduser/static/images/us/en/myservices/account.png") no-repeat 0 4px;padding-left:50px;}
	#usersAndGroups .accounts .mainView h3 {background:url("/clouduser/static/images/us/en/myservices/account.png") no-repeat 0 4px;padding: 13px 0 10px 40px;}
	#usersAndGroups .users .mainView h3 {background:url("/clouduser/static/images/us/en/myservices/userIconSmall.png") no-repeat 0 4px;padding: 13px 0 10px 33px;}
	#usersAndGroups .subaccounts .mainView h4 {font-size:16px; font-family:"Omnes_ATTLight",Verdana,sans-serif; margin: 10px 0 0 0;}
	#usersAndGroups .accounts .mainView h4,
	#usersAndGroups .users .mainView h4 {font-size:16px; font-family:"Omnes_ATTLight",Verdana,sans-serif; margin: 10px 0 0 0;}
	#usersAndGroups .users .mainView p {border-bottom:1px solid #E4E4E4; padding-bottom:15px;}
	#usersAndGroups .users .mainView .miniBtn {float:right; margin-left:10px;margin-top:10px;}
	#usersAndGroups .subaccounts .mainView .subaccountName{font-size:16px; font-family:"Omnes_ATTMedium",Verdana,sans-serif;}
	#usersAndGroups .subaccounts .mainView .accountName{font-size:16px; font-family:"Omnes_ATTLight",Verdana,sans-serif;}
	#usersAndGroups .subaccounts .mainView .activeIcon,
	#usersAndGroups .accounts .mainView .activeIcon {
		float:left;
		padding:5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		border:1px solid #Eaeaea;
		background: #fbfbfb;
		background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fbfbfb), to(#e7e8e8));
		background: -webkit-linear-gradient(#fbfbfb, #e7e8e8);
		background: -moz-linear-gradient(#fbfbfb, #e7e8e8);
		background: -ms-linear-gradient(#fbfbfb, #e7e8e8);
		background: -o-linear-gradient(#fbfbfb, #e7e8e8);
		background: linear-gradient(#fbfbfb, #e7e8e8);
}
		
	#usersAndGroups .subaccounts .mainView .serviceMngmt,
	#usersAndGroups .accounts .mainView .serviceMngmt {float:left;padding-left:10px;padding-top:5px;width:300px;}
	#usersAndGroups .mainView .getMore {background:#fbfbfb url("/clouduser/static/images/us/en/myservices/corner_200.png") no-repeat 100% 0;border:1px solid #E4E4E4; padding:10px;width:340px;}
	#usersAndGroups .mainView .getMore .serviceMngmt {width:280px}
	#usersAndGroups .accounts .accountName {color#333333;font-size:11px;font-weight:bold;padding:15px 0 15px 20px;}
	#usersAndGroups .accounts .accountName:hover,
	#usersAndGroups .accounts .abcsorter .selected {color:#FFFFFF;background:#7cc6ff;}
	#usersAndGroups .accounts .accountName:hover a,
	#usersAndGroups .accounts .abcsorter .selected a{color:#FFFFFF;}
	
	
	#usersAndGroups .permissions .accordionWrapper .roles-accordion dt {
	padding:10px;
	/*width: 755px;*/
	list-style-type:none;
	color:#067ab4;
	font-size:13px;
	font-weight:bold;
	display:block;
	background: url(/clouduser/static/images/us/en/commons/accordionClosed.png) no-repeat 940px 10px;
	background-color: #f1f1f1;
	border-bottom: 1px solid #e4e4e4;
	cursor: pointer;
	}
	#usersAndGroups .permissions .accordionWrapper .roles-accordion dt.active {
	background: url(/clouduser/static/images/us/en/commons/accordionOpen.png) no-repeat 940px 10px;
	background-color: #f1f1f1;
	}
    #usersAndGroups .permissions .accordionWrapper .roles-accordion dt:hover {
	background-color: #e4e4e4;
	}

#usersAndGroups .permissions .accordionWrapper .answer{
	display:none;
	padding:10px 0px 0px 0px;
	font-size:11px;
	line-height: 19px;
}
#usersAndGroups .permissions .accordionWrapper .answer ul{
	display:block;
	padding:2px 0px 15px 0px;
}
#usersAndGroups .permissions .accordionWrapper .answer li{
	list-style-type: none;
	margin: 0px 0px 0px 16px;
}

#usersAndGroups .permissions .accordionWrapper .answer .row {border-bottom:1px solid #E4E4E4;padding:10px 0 10px 0;}
#usersAndGroups .permissions .accordionWrapper .answer tr.row {height:50px;}

#usersAndGroups .permissions .accordionWrapper .description .row .col1 {float:left;width:200px;padding-left:20px;}
#usersAndGroups .permissions .accordionWrapper .description .row .col2 {float:left;width:660px;padding-left:20px;}

#usersAndGroups .permissions .accordionWrapper .permissionstable .row .col1 {float:left;width:220px;padding-left:20px;}
#usersAndGroups .permissions .accordionWrapper .permissionstable .row .col2 {float:left;width:224px;padding-left:20px;}
#usersAndGroups .permissions .accordionWrapper .permissionstable .row .col3,
#usersAndGroups .permissions .accordionWrapper .permissionstable .row .col4,
#usersAndGroups .permissions .accordionWrapper .permissionstable .row .col5,
#usersAndGroups .permissions .accordionWrapper .permissionstable .row .col6,
#usersAndGroups .permissions .accordionWrapper .permissionstable .row .col7 {float:left;width:100px;padding-left:10px;text-align:center;} 
#usersAndGroups .tabs {display:block; clear:both; height: 54px;}

#usersAndGroups .FormTabs {display:block; height:50px; background:#E4E4E4; margin:1px;}
#usersAndGroups .FormTabs .tab {float:right;width:51%;height:35px;padding: 11px 10px 0 3px;font-size:18px;font-family:"Omnes_ATTRegular",Arial,sans-serif;text-align:center;}
#usersAndGroups .FormTabs .activeFirst {background: transparent url(images/FormTabs.png) no-repeat 100% 0px;z-index:5;color:#FFF; position:absolute;}
#usersAndGroups .FormTabs .disabledLast {background: transparent url(images/FormTabs.png) no-repeat 0px -95px;z-index:4;color: #191919;position:absolute;right:0;}
#usersAndGroups .FormTabs .visitedFirst {background: transparent url(images/FormTabs.png) no-repeat 100% -48px;z-index:5;color:#FFF; position:absolute;}
#usersAndGroups .FormTabs .activeLast {background: transparent url(images/FormTabs.png) no-repeat 0px -1px;margin-left:-50px;z-index:4;color:#FFF;position:absolute;right:0;}
#usersAndGroups .step1, #usersAndGroups .step1user, #usersAndGroups .step2, #usersAndGroups .step2user  {background: #E5F4FF; padding:20px 20px 20px;}

#usersAndGroups .users .FormTabs .activeFirst {background: transparent url(images/FormTabs.png) no-repeat 100% 0px;z-index:5;color:#FFF; }
#usersAndGroups .users .FormTabs .visitedFirst {background: transparent url(images/FormTabs.png) no-repeat 100% -48px;z-index:5;color:#FFF;}

#usersAndGroups .step3 {background: #E5F4FF url(/clouduser/static/images/us/en/myservices/3cutFormStep3.png) no-repeat -1px 0; padding:70px 20px 20px;}
#usersAndGroups .subaccountTop{background: #e4e4e4; font-size: 12px; padding: 3px 3px 3px 0px;}
#usersAndGroups .createSubaccountTop{
 background: url("/clouduser/static/images/us/en/myservices/accountAdd.png") no-repeat 10px 20px;
 padding: 20px 20px 5px 60px;
 }
 #usersAndGroups .createUserTop{
 background: url("/clouduser/static/images/us/en/myservices/userAdd.png") no-repeat 10px 20px;
 padding: 20px 20px 5px 60px;
 }
.createSubaccountTop h2 {
font-size: 24px;
font-family: "Omnes_ATTMedium",Arial,sans-serif;
display: block;
width: 232px;
float: left;
border-right: 1px solid #E4E4E4;
margin-right: 20px;
}
.createUserTop h2{
font-size: 24px;
font-family: "Omnes_ATTMedium",Arial,sans-serif;
display: block;
width: 120px;
float: left;
/* border-right: 1px solid #E4E4E4; */
margin-right: 20px;
min-height: 85px;
}
.createUserTop p{
	padding-left: 18px;
	border-left: 1px solid #e4e4e4;
	margin-left: 120px;
}	
	
#usersAndGroups .create .left {padding-left:40px;}
#usersAndGroups .create .radios input {margin-left:20px;}
#usersAndGroups #tblCreateAcct {width:480px;}
#tblCreateSubAcct{width:480px;margin:10px 0 15px 0;}
#tblCreateSubAcct td{vertical-align:top;padding-top:10px;position: relative}
#tblCreateSubAcct input.textInput,#tblCreateAcct input.passwordInput,#tblCreateAcct select{width:174px;}
#tblCreateSubAcct input.checkboxInput{display: inline-block; zoom:1; *display:inline;margin:4px;}
#tblCreateSubAcct label{text-align:right;margin-right:10px;color:#000000;}
#tblCreateSubAcct .fieldName{text-align:right;margin-right:5px;}
#tblCreateSubAcct .forceHeight{height:20px;}
#tblCreateSubAcct .leftPadding{padding-left:5px;}
#usersAndGroups .create .step {width:680px; color: #191919;font-size:16px;font-family:"Omnes_ATTLight",Verdana,sans-serif;clear:both;}
#usersAndGroups .create .step .description{background:#E5F4FF;}
#usersAndGroups .create .step img {vertical-align:middle;}
#usersAndGroups .radiosRole {margin-top:20px;}
#usersAndGroups #tblAssignRoles {width:700px; background:#FFFFFF; font-size:11px; border:1px solid #E4E4E4;margin-top:20px;margin-bottom:20px;}
#usersAndGroups #tblAssignRoles .row {border-bottom:1px solid #E4E4E4;padding:10px 0 10px 0;} 

#usersAndGroups #tblAssignRoles .row .col1 {float:left;width:180px;padding-left:20px;}
#usersAndGroups #tblAssignRoles .row .col2,
#usersAndGroups #tblAssignRoles .row .col3,
#usersAndGroups #tblAssignRoles .row .col4,
#usersAndGroups #tblAssignRoles .row .col5,
#usersAndGroups #tblAssignRoles .row .col6,
#usersAndGroups #tblAssignRoles .row .col7,
#usersAndGroups #tblAssignRoles .row .col8 {float:left;width:70px;padding-left:10px;text-align:center;}

#usersAndGroups .HowToSubaccount {
	background: url(/clouduser/static/images/us/en/commons/how-do-subaccounts.png) no-repeat 0 0;
	height:136px;
	margin:10px 0 10px 20px;
	padding-left:315px;
	width:400px;
	padding-top:20px;
	}
#usersAndGroups .HowToSubaccountInfo {
	background: url(/clouduser/static/images/vCDC-how-do-i.png) no-repeat 0 0;
	float:left;
	height:136px;
	margin:10px 0 10px 20px;
	padding-left:158px;
	padding-top:20px;
	width:300px;
	}
#usersAndGroups .HowToUserInfo {
	background: url(/clouduser/static/images/vCDC-how-do-i.png) no-repeat 0 0;
	float:left;
	height:136px;
	margin:50px 0 10px 20px;
	padding-left:158px;
	padding-top:30px;
	width:250px;
	}
	

.accounts .line {font-size:14px; font-family:Verdana; font-weight:normal; color: #191919;display:block; margin:20px 0 0 0;} 
.accounts .data {font-size:11px; font-family:Verdana; font-weight:bold; color:#333333;display:inline;}
	
	
#loginResetForm textarea{width:135px; height:60px; resize: none;}
#loginResetForm .head{
	clear:both;
	width:855px;
	}
#loginResetForm .head ul{background: url(/clouduser/static/images/us/en/commons/productFeatureTabTile.png) repeat-x;height:50px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border:1px solid #CCCCCC;
	-moz-box-shadow: 0px 0px 5px rgba(153,153,153,0.3);
	-webkit-box-shadow: 0px 0px 5px rgba(153,153,153,0.3);
	box-shadow: 0px 0px 5px rgba(153,153,153,0.3);
	position:relative;
	}
#loginResetForm .head li{display:inline-block; list-style-position:outside; height:38px; padding:12px 0px 0px 17px; font-family:"Omnes_ATTMedium",sans-serif; font-size:16px; zoom:1; *display:inline; margin:0;}
#loginResetForm .head li.position1{width:350px}
#loginResetForm .head li.position2{border-left:1px solid #dddddd;}
#loginResetForm .section .column{width:330px;}
#loginResetForm .section .note{color:#fa00a1;font-size:14px;font-family:"Omnes_ATTMedium"}
#loginResetForm .section img{float:left;}
#loginResetForm .section .copy{float:right;width:210px;padding-right:10px;}
#loginResetForm .section .cost{font-weight:bold;color:#000000;}
#loginResetForm .section .justRadio{}
#loginResetForm .section .justRadio .radios li{list-style-type: none}
#loginResetForm .section .justRadio .radios input{margin-right:5px;}
#loginResetForm .section{width:855px;border-top:1px solid #CCCCCC;padding: 10px 0 10px 0;}
#loginResetForm .captcha {margin-left: 24px;}
#loginResetForm #tblCreateAcct {width:855px;}
#loginResetForm .pink {background: transparent;}
#loginResetForm .sla .agreement {width:815px;}

	
	
	
	
	
	/*End -- User management */
	.billing .price { font-size:18px; color:#81017e; font-family:"Omnes_ATTMedium",Verdana,sans-serif; }
	.billing .result { padding-top: 10px; clear: both; }
	
	
.tabs.subtabs ul {  width:100%; margin:0px 0px 0px -20px; padding:0px 20px 0px 20px; border:none; border-bottom:1px solid #E4E4E4; background:none; }
.tabs.subtabs ul li { height:25px; padding:0px; margin-left:-1px; float:left; }
.tabs.subtabs ul li a { height:21px; padding:3px 23px 0px 23px !important;  font-size:11px; color:#067ab4; font-family:Verdana;
		border-top:1px solid #E4E4E4;
		border-left:1px solid #E4E4E4;
		border-right:1px solid #E4E4E4;
		-moz-border-radius-topleft:5px;
		-moz-border-radius-topright:5px;
		-webkit-border-top-left-radius:5px;
		-webkit-border-top-right-radius:5px;
		border-radius:5px 5px 0 0;
		background: #ffffff;
		background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffffff), to(#f8f7f7));
		background: -webkit-linear-gradient(#ffffff, #f8f7f7);
		background: -moz-linear-gradient(#ffffff, #f8f7f7);
		background: -ms-linear-gradient(#ffffff, #f8f7f7);
		background: -o-linear-gradient(#ffffff, #f8f7f7);
		background: linear-gradient(#ffffff, #f8f7f7);
}
.tabs.subtabs ul li a:hover { text-decoration:underline; }
.tabs.subtabs ul li a.selected { 
		color:#333333;
		background: #f4f4f4;
		background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f4f4f4), to(#e4e4e4));
		background: -webkit-linear-gradient(#f4f4f4, #e4e4e4);
		background: -moz-linear-gradient(#f4f4f4, #e4e4e4);
		background: -ms-linear-gradient(#f4f4f4, #e4e4e4);
		background: -o-linear-gradient(#f4f4f4, #e4e4e4);
		background: linear-gradient(#f4f4f4, #e4e4e4);

}



/* ONLINE SUPORT  */
.datepicker{
	border:0 !important;
	padding:5px 10px 10px 10px !important;
	box-shadow:none !important;
	-moz-box-shadow:none !important;
	-webkit-box-shadow:none !important;
	text-transform:uppercase;
	cursor: pointer !important;
	}
.timepicker{
	cursor: pointer !important;
	}
#onlineSupport .datepickers label{
	float:right;
	margin:0 !important;
}
.datepickers input{
	width:131px !important;
}
.datepicker.blue{background:url(images/datepicker-blue.png) no-repeat;color:#FFFFFF;}
.datepicker.gray{background:url(images/datepicker-gray.png) no-repeat;color:#999999;}
.lt-ie9 .datepicker.blue, .lt-ie9 .datepicker.gray { width: 80px; height: 7px; }

#fieldValidDiv, #erroDiv, #infoDiv, #successDiv, #erroMsgSection {
	width: 99%;
}

#onlineSupport .datefilter{width:774px;height:40px;margin-top:20px;padding-top:12px}

#onlineSupport .datepicker{margin-left:10px;height:33px;width:123px;}

#onlineSupport h3 { font-size:22px; }
#onlineSupport .ticket { width:140px; }
#onlineSupport .head .ticket { width:152px;float:left; }
#onlineSupport .summary { width:160px; }
#onlineSupport .head .summary { width:208px;float:left; }
#onlineSupport .service { width:130px; }
#onlineSupport .head .service { width:125px;float:left; }
#onlineSupport .status { width:83px }
#onlineSupport .head .status { width:70px;float:left; }
#onlineSupport .openedBy { width: 240px;overflow: hidden;margin-right: 5px;word-break: break-all;}
#onlineSupport .head .openedBy { width:256px;float:left; margin-right: 0px!important;}
#onlineSupport .createDate { width:119px; }
#onlineSupport .head .createDate { width:145px;}

#onlineSupport .head li { font-size:14px; padding-left:12px; font-family:"Omnes_ATTMedium"; border-right:1px solid #E4E4E4; }
#onlineSupport .head li.last { border:0px; }
#onlineSupport .collapsibleModule { background: #FFFFFF; margin-top:35px;}
#onlineSupport .collapsibleModule .modCol { width:100px; font-size:14px; color: #191919 }
#onlineSupport .collapsibleModule .left { border-right:1px solid #cccccc; padding-right:30px; }
#onlineSupport .collapsibleModule .modCol .large { display:block; font-size:36px; color:#81017e }
#onlineSupport .collapsibleModule.right { width:300px; margin-right:25px; }
#onlineSupport .numResults { float:right !important }
#onlineSupport .numResults label { text-align: right; margin:0 10px 0 30px; }
#onlineSupport .sortBy label { margin-right:10px; }
#onlineSupport .collItem .status span,.mdlOnlineSupport .mdlStatus{display:inline-block;height:8px;width:8px;
-webkit-border-radius: 4px; 
margin-right:5px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	zoom:1;*display:inline;
}
#onlineSupport .collItem li{float:left;list-style-type:none; }
.collItem .ticket { width:50px; }
.collItem .summary { font-weight:bold; width:211px!important; }
#onlineSupport .collapsibleModule { font-family:"Omnes_ATTMedium", sans-serif; font-size:14px; width: 715px; margin-bottom:30px; padding:10px;}
#onlineSupport .collapsibleModule table {}
#onlineSupport .collapsibleModule table th { border-bottom:1px solid #CCC; padding-bottom:5px; }
#onlineSupport .collapsibleModule table td { padding:5px 0px 0px 0px;}
#onlineSupport .collapsibleModule table td.cat { color: #191919; width:170px;white-space:wrap;font: normal 11px/16px Verdana, Geneva, sans-serif; }
#onlineSupport .collapsibleModule table td span.value{    border-radius: 15px 15px 15px 15px;
	-webkit-border-radius: 15px 15px 15px 15px;
	-moz-border-radius: 15px 15px 15px 15px;
    color: #FFFFFF;
    display: block;
    font-size: 17.5px;
    margin: 10px 20px 10px 20px;
    padding: 5px 15px;
    position: relative;
    width: 80px;
}
#onlineSupport .collapsibleModule table td span.redBG { background:#EF0000; }
#onlineSupport .collapsibleModule table td span.greenBG { background:#008B00; }
#onlineSupport .collapsibleModule table td span.yellowBG { background:#7B7B00; }
#onlineSupport .collapsibleModule table td span.purple { background:#777777; }

.noPaddingBottom {padding-bottom: 0px!important;}
.mdlCreateTicket .open, .status .Open { background-color:#b30a3c }
.mdlCreateTicket .inprogress, .status .inprogress { background-color:#fcb314 }
.mdlCreateTicket .closed, .status .closed { background-color:#CCCCCC; }
.mdlCreateTicket .resolved, .status .resolved { background-color:#c4d82d }
.mdlCreateTicket .closed, .status .Closed { background-color:#cccccc; }
.mdlCreateTicket .cornerImage { position:absolute; top:-25px; left:-42px; }
.mdlCreateTicket h2 { margin:20px 0 20px 40px; }
.mdlCreateTicket hr { width:620px; }
.mdlCreateTicket { width:660px; height:auto; }
.mdlCreateTicket, .Short{ width:660px;  }

.mdlCreateTicket .ticketAudit { margin:20px; }
.mdlCreateTicket .bold { color:#000000 }
.mdlCreateTicket table p { margin-bottom:10px; }
.mdlCreateTicket textarea { width:100%; }
.mdlCreateTicket .attachments{height:50px;}
.mdlOnlineSupport .open, .status .open { background-color:#b30a3c }
.mdlOnlineSupport .closed, .status .closed { background-color:#fcb314 }
.mdlOnlineSupport .inprogress, .status .inprogress { background-color:#fcb314 }

.mdlOnlineSupport .resolved, .status .resolved { background-color:#c4d82d }
.mdlOnlineSupport .cornerImage { position:absolute; top:-25px; left:-42px; }
.mdlOnlineSupport h2 { margin:20px 0 20px 40px; }
.mdlOnlineSupport hr { width:620px; }
.mdlOnlineSupport { width:660px; height:416px; }
.mdlOnlineSupport .ticketAudit { margin:20px; }
.mdlOnlineSupport .bold { color:#000000 }
.mdlOnlineSupport table p { margin-bottom:10px; }
.mdlOnlineSupport textarea { width:220px; }
.mdlOnlineSupport .attachments{height:50px;
	width:470px;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:10px;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	border-radius: 5px;
	border:1px solid #ccc;
	padding:3px; 
	font-size:12px;
	color:#067ab4;
	position:relative;
	z-index:1;
	box-shadow:inset 2px 2px 3px #dad9d9;
	-moz-box-shadow:inset 2px 2px 3px #dad9d9; 
	-webkit-box-shadow:inset 2px 2px 3px #dad9d9;
}

.mdlOnlineSupport .ticketAudit td { vertical-align: top; }
.mdlOnlineSupport .ticketAudit td label { margin:0; padding:0; }
.mdlOnlineSupport .attachments th { background-color:#eeeeee !important; }
.mdlOnlineSupport .attachments th, .mdlOnlineSupport .attachments td { padding:5px; font-size:11px; color:#191919; height:20px; }
.mdlOnlineSupport .attachments .filename { border-right:1px solid #ccc; }
.mdlOnlineSupport .attachments p { margin:0; padding:0; }
.mdlOnlineSupport td.nfoField { height:150px; padding-bottom:10px; }
.mdlOnlineSupport td.nfoField textarea { height:125px; width:222px; font-size:11px; color: #191919; }
.mdlOnlineSupport .miniBtn { margin:-25px 25px 25px 0; }
#managePaasTable .tenant { width:140px }
#managePaasTable .service { width:110px }
#managePaasTable .company { width:120px }
#managePaasTable .contact { width:100px }
#managePaasTable .phone { width:110px }
#managePaasTable .modified { width:100px }
#managePaasTable .collItemContainer .itemName.tenant { width:120px !important; }
.collItemContainer .info .service { width:90px }
.collItemContainer .info .company { width:110px }
.collItemContainer .info .contact { width:110px }
.collItemContainer .info .phone { width:100px }
.collItemContainer .action { width:130px }
#managePaasTable .cellHighlighted .selectedColumn { padding-right:15px; background:url("/images/us/en/commons/colSelectedArrow.png") no-repeat right center; }
#managePaasTable .head { display:table; text-align: left }
#managePaasTable .head li { font-size:14px !important; font-family: "Omnes_ATTMedium", sans-serif; padding-left:10px; border-right:1px solid #E4E4E4; display:inline-block; height:30px; zoom:1; *display:inline;}
#managePaasTable .head li.last { border:0; }
.collItemContainer .info { margin-bottom:10px; }
.collItemContainer .info .itemName { width:160px; }
.collItemContainer { }
.collItemContainer .dets { text-align:right !important; margin-left:200px; margin-top:10px; }
.collItemContainer .dets ul { }
.collItemContainer .dets li { display:inline-block; vertical-align:top; padding-right:20px; text-align:left; zoom:1; *display:inline;}
.mdlManagePaas { width:520px; height:600px; }
.collItemContainer .collItem:first-child { border-top:0; }
.collItemContainer .collItem:last-child {/*border-bottom:1px solid #CCCCCC;*/ }
.mdlManagePaas .disclaimer { width:100px; float:right; }
.mdlManagePaas .cornerImage { position:absolute; top:-25px; left:-42px; }
.mdlManagePaas h2 { margin:20px 0 20px 40px; }
.mdlManagePaas hr { width:500px; }
.mdlOnlineSupport { width:660px; height:416px; }
.mdlManagePaas .ticketAudit { margin:20px; }
.mdlManagePaas .bold { color:#000000 }
.mdlManagePaas table p { margin-bottom:10px; }
.mdlManagePaas table td { padding-top:5px; }
.mdlManagePaas table label { display:block; }
.mdlManagePaas textarea { width:220px; }
.mdlManagePaas input.textInput { width:220px }
	.mdlManagePaas .attachments{height:50px;
	width:470px;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:10px;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	border-radius: 5px;
	border:1px solid #ccc;
	padding:3px; 
	font-size:12px;
	color:#067ab4;
	position:relative;
	z-index:1;
	box-shadow:inset 2px 2px 3px #dad9d9;
	-moz-box-shadow:inset 2px 2px 3px #dad9d9; 
	-webkit-box-shadow:inset 2px 2px 3px #dad9d9;
}

.mdlManagePaas .ticketAudit td { vertical-align: top; }
.mdlManagePaas .ticketAudit td label { margin:0; padding:0 0 0 5px; }
.mdlManagePaas .attachments th { background-color:#eeeeee !important; }
.mdlManagePaas .attachments th, .mdlManagePaas .attachments td { padding:5px; font-size:11px; color:#191919; height:20px; }
.mdlManagePaas .attachments p { margin:0; padding:0; }
.mdlManagePaas td.nfoField { height:150px; padding-bottom:10px; }
.mdlManagePaas td.nfoField textarea { height:125px; width:222px; font-size:11px; color: #191919; }
.mdlManagePaas .miniBtn { margin:0px 30px 15px 0; }
.mdlManagePaas .radios { margin:0; padding:5px 0 0 0 }
.mdlManagePaas .radioCont { display:block; padding:2px; }
.mdlManagePaas .radioCont label { display:inline }
.mdlManagePaas .cancel { margin-right:10px; margin-top:10px; }


.clearfix:after { 	visibility: hidden; 	display: block;	font-size: 0;	content: " ";	clear: both;	height: 0;	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

.hasFlyout #servicesNav{
	position:absolute;
	top:0px;
	left:0;
	z-index:20000;
	width:226px;
}

.hasFlyout .wrapper{
	position:absolute;
	left:0px;
}

.hasFlyout #servicesNav .accordion{
	padding:20px 20px 20px 20px;
	border-right:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	background-color:#FFFFFF;
	position:absolute;
	
}

.wrapper-shadow{
	-moz-box-shadow: 5px 0px 5px #ececec;
	-webkit-box-shadow: 5px 0px 5px #ececec;
	box-shadow: 5px 0px 5px #ececec;
}

.hasFlyout #flyoutSwitch{
	width:46px;
	height:138px;
	position:absolute;
	right:-46px;
	top:0;
}

.hasFlyout #flyoutSwitch.closed{
	background : url('sideNavOpen.png') no-repeat;
}

.hasFlyout #flyoutSwitch.open{
	background : url('sideNavClosed.png') no-repeat;
}

.searchResults	#results{width:923px;}
.searchResults	#results .rslt_item{clear: both;border-bottom:1px solid #e4e4e4;height:104px;}
.searchResults	#results .rslt_item .icon-container{width:51px;height:70px;position:relative;float:left;margin:17px 15px 21px 15px;}
.searchResults	#results .rslt_item .icon-container .icon{position:absolute;right:0;bottom:0;}
.searchResults	#results .rslt_item .icon-container .secure{position: absolute;right:0;top:0;}
.searchResults	#results .rslt_item .result-copy{margin-top:30px;float:left;width:800px;}
.searchResults	#results .rslt_item .result-copy h4 a{color:#333333;font-size:16px}

.searchResults	.searchControls{width:930px;margin-top:35px;}
.searchResults	.pageSearch{background:url(images/searchBg.png) transparent no-repeat top left;padding:5px 30px 5px 9px;
height:14px;width:204px;box-shadow:none;webkit-box-shadow:none;moz-box-shadow:none;border:none;font-size:12px;color: #999999;}

.searchResults .resultsHero {
    clear: both;
    margin: 65px 0 0;
}

.searchResults .textInput{}

.resultPerPage{width:110px;text-align:center;float:left;color:#333333;margin-right:35%;}
.searchResults .pagination.bottom{border:none;padding-bottom:0px;}
.searchResults #results .rslt_item .result-copy h4 a{color:#333333;font-size:16px;font-weight:bold;}


.mdlCreateTicket .open, .status .open { background-color:#b30a3c }
.mdlCreateTicket .closed, .status .closed { background-color:#CCCCCC }
.mdlCreateTicket .inprogress, .status .inprogress { background-color:#fcb314 }
.mdlCreateTicket .resolved, .status .resolved { background-color:#c4d82d }
.mdlCreateTicket .cornerImage { position:absolute; top:-40px; left:-60px; }
.mdlCreateTicket label{width:180px;padding-bottom:8px !important; }
.mdlCreateTicket .noPaddingBottom label{padding-bottom: 0px!important;}
.mdlCreateTicket .selectBox{width:140px;margin-bottom:8px !important;margin-right:10px; }
.mdlCreateTicket h2 { margin:20px 0 20px 50px; }
.mdlCreateTicket hr { width:620px; }
.mdlCreateTicket { width:660px; height:auto; }
.mdlCreateTicket .ticketAudit { margin:20px;width:600px; }
.mdlCreateTicket .bold { color:#000000 }
.mdlCreateTicket table p { margin-bottom:10px; }
.mdlCreateTicket textarea { width:100%; }
.mdlCreateTicket .attachments{height:50px;
	width:470px;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:10px;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	border-radius: 5px;
	border:1px solid #ccc;
	padding:3px; 
	font-size:12px;
	color:#067ab4;
	position:relative;
	z-index:1;
	box-shadow:inset 2px 2px 3px #dad9d9;
	-moz-box-shadow:inset 2px 2px 3px #dad9d9; 
	-webkit-box-shadow:inset 2px 2px 3px #dad9d9;
}
.mdlCreateTicket .ticketAudit td { vertical-align: top; }
.mdlCreateTicket .ticketAudit td label { margin:0; padding:0; }
.mdlCreateTicket .attachments th { background-color:#eeeeee !important; }
.mdlCreateTicket .attachments th, .mdlCreateTicket .attachments td { padding:5px; font-size:11px; color:#191919; height:20px; }
.mdlCreateTicket .attachments .filename { border-right:1px solid #ccc; }
.mdlCreateTicket .attachments p { margin:0; padding:0; }
.mdlCreateTicket td.nfoField { height:150px; padding-bottom:10px; }
.mdlCreateTicket td.nfoField textarea { height:125px; width:100%; font-size:11px; color: #191919;margin-bottom:20px; }
.mdlCreateTicket .miniBtn {margin-left:10px;}
.mdlCreateTicket .miniBtnInactive {margin-left:10px;}
.mdlCreateTicket .miniBtnWhite {margin-left:10px;}
.mdlCreateTicket .miniBtnWhite {margin-top: -3px;}


.mdlAddAttachment .open, .status .open { background-color:#b30a3c }
.mdlAddAttachment .closed, .status .closed { background-color:#CCCCCC }
.mdlAddAttachment .resolved, .status .resolved { background-color:#c4d82d }
.mdlAddAttachment .inprogress, .status .inprogress { background-color:#fcb314 }

.mdlAddAttachment .cornerImage { position:absolute; top:-40px; left:-60px; }
.mdlAddAttachment h2 { margin:20px 0 20px 70px; }
.mdlAddAttachment hr { width:620px; }
.mdlAddAttachment { width:660px; height:auto; }
.mdlAddAttachment .ticketAudit { margin:20px; }
.mdlAddAttachment label{width:180px;padding-bottom:8px !important;}
.mdlAddAttachment .bold { color:#000000 }
.mdlAddAttachment table p { margin-bottom:10px; }
.mdlAddAttachment textarea { width:100%; }
.mdlAddAttachment .nfoField .issue-description textarea{width:380px !important;height:100px !important;font-size:11px;line-height:14px;padding:5px;}
.mdlAddAttachment .nfoField .issue-description label{width:180px;padding-bottom:8px !important;font-weight:bold;}
.mdlAddAttachment span{color: #191919;font-size:11px;}
.mdlAddAttachment label.italic{font-size:9px;}
.mdlAddAttachment .attachments{height:50px;width:432px;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:10px;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	border-radius: 5px;
	border:1px solid #ccc;
	padding:3px; 
	font-size:12px;
	color:#067ab4;
	position:relative;
	z-index:1;
	box-shadow:inset 2px 2px 3px #dad9d9;
	-moz-box-shadow:inset 2px 2px 3px #dad9d9; 
	-webkit-box-shadow:inset 2px 2px 3px #dad9d9;
	margin-top:25px 0 20px 0;}

.mdlAddAttachment span.right{padding-right:10px;}
.mdlAddAttachment .ticketAudit td { vertical-align: top; padding:5px; }
.mdlAddAttachment .ticketAudit td label { margin:0; padding:0; }
.mdlAddAttachment .attachments th { background-color:#eeeeee !important; }
.mdlAddAttachment .attachments th, .mdlAddAttachment .attachments td { padding:5px; font-size:11px; color:#191919; height:20px; }
.mdlAddAttachment .attachments .filename { border-right:1px solid #ccc; }
.mdlAddAttachment .attachments p { margin:0; padding:0; }
.mdlAddAttachment td.nfoField { height:150px; padding-bottom:10px; }
.mdlAddAttachment td.nfoField textarea { height:125px; width:100%; font-size:11px; color: #191919; }
.mdlAddAttachment .miniBtn {margin-left:10px;}
.mdlAddAttachment.edit .nfoField textarea{margin-bottom:5px;}
.mdlAddAttachment.edit .ticketAudit label{padding-bottom:2px !important;}
.mdlAddAttachment.edit .ticketAudit label.request{width:220px;}
.mdlAddAttachment.edit .ticketAudit table p {margin-bottom:6px;}
.mdlAddAttachment.edit .issue-description label{width:100%;}

.searchResults #mainContent{
   /*background: url("images/searchPageBg.png") repeat-x scroll 0 -30px transparent;*/
    width: 955px;
}
.isIE .jqPagePosition {
    padding-top: 5px;
}
#onlineSupport #mainContent{
	/*background: url("images/searchPageBg.png") repeat-x scroll 0 0 transparent;*/
    width: 955px;
}

.searchResults #mainContent #searchIntro {
    height: 132px;
}
.searchResults .pagination {
	border-top:1px solid #ccc;
    border-bottom: 0;
    clear: both;
    padding: 15px 0 !important;
    text-align: right;
    width: 923px;
    position:relative;
}

.searchResults #paginationdiv{
	 margin-top:20px;
	border-bottom:1px solid #CCC;
}

.pagination {
    padding: 30px 0 10px 0 !important;
    text-align: right;
    position:relative;
}
.pagination .numResults {
    right:5px;top:20px;
    position:absolute;
}

#paginationdiv2.pagination {
    padding: 0px 0px 0px 0px !important;
    text-align: right;
    position:relative;
    margin-bottom:20px;
}
.searchResults #results {
    width: 923px;
}
.searchResults #results .rslt_item {
    border-bottom: 1px solid #E4E4E4;
    clear: both;
    height: 104px;
}
.searchResults #results .rslt_item .icon-container {
    float: left;
    height: 70px;
    margin: 17px 15px 21px;
    position: relative;
    width: 51px;
}
.searchResults #results .rslt_item .icon-container .icon {
    bottom: 0;
    position: absolute;
    right: 0;
}
.searchResults #results .rslt_item .icon-container .secure {
    position: absolute;
    right: 0;
    top: 0;
}
.searchResults #results .rslt_item .result-copy {
    float: left;
    margin-top: 30px;
    width: 800px;
}
.searchResults .searchControls {
    margin-top: 35px;
    width: 930px;
}
.searchResults .pageSearch {
    background: url("images/searchBg.png") no-repeat scroll left top transparent;
    border: medium none;
    box-shadow: none;
    color: #999999;
    font-size: 12px;
    height: 14px;
    padding: 5px 30px 5px 9px;
    width: 204px;
}
#paginationUL{width:300px;float:left}
#paginationUL2{float:left;display:block;}
#paginationUL li {float:left;display:inline;padding:0 3px;}
#paginationUL2 li{float:left;display:inline;padding:0 3px;}
#paginationUL,#paginationUL2{clear:both}
.searchResults .resultsHero {
    clear: both;
    margin: 5px 0 0 0px;
    width: 955px!important;
}
.searchResults .pagination.bottom {
    border: medium none;
    padding-bottom: 0;
}

#resultPerPage{width:180px;margin:auto;text-align:center;padding-top:8px;color:#333333;}
#paginationdiv2{border:0px !important;}


#onlineSupport .errorMessage {
/*	float:right; */
	width:640px;
	margin: 20px 0;
}
/*New Classes please add*/
#onlineSupport .successMessage {
/*	float:right; 
	width:640px; */
	margin: 20px 0;
}
#ticketBean .successMessage {
	float: left;
	width: 843px;
	margin: 20px 0;
}

/*New Classes please add*/

#onlineSupport .infoMessage {
	
	width:100%;
	height:60px;
	margin: 20px 0;
}
	

/*End of New Classes to add*/


.loader{width:100%;height:100px;background:url(images/loading-circle.gif) 50% 50% no-repeat;}
.zero-results p{padding:20px;color:#B30A3C !important ;font-weight:bold !important;}
.miniBtn.refresh {padding:4px 15px 4px 5px;margin-right:28px;margin-top:3px;}
.refresh span.icon{margin-right:10px;background-image: url(images/refresh.png);float:left;display:block;width:24px;height:24px;}
input[type="text"], input[type="password"], textarea, select { 
    outline: none;
}
#onlineSupport #contentContainer {
	margin-left: 0px;
}

#onlineSupport .collapsibleModule.right { width:300px; margin-right:0px; }
#onlineSupport #paginationdiv2{margin:0;border:0; float: none;}

/* Sapient style oveerides @TODO put this in CMS and remove here*/
.Manage.Service, .Overview, .Desktop.Apps, .Account.History, .Billing, .Support{
	font-size: 11px;
	color: #cccccc;
}
#header .manageAccount a, a, a:link, a:active, a:visited, a:hover{
	display:inline;	 
    font-size: 14px;    
	color: #0568ae;	
}	
#header .manageAccount .cart{
	background: none;
	display: inline; 
}	
#header .manageAccount .cartInfo{
	float:right;
	margin: 0px 20px 0 5px;
	display: inline;
}
#header .manageAccount .cartInfo a{
	display: inline;
}

#header .manageAccount {
	height: 32px;
	font-size: 11px;		
	text-align: right;	
	color: #191919;
	line-height: 22px;	
}

#header .search input.textInput {
	padding: 0 0 0 5px;
}

.SolutionProvidersTable p,
.SolutionProvidersTable h3	{
	padding: 0px 10px 0px 10px;
}

/* end Spaient overrides*/

/*new paas styles*/

.addTenant {
	margin-top:5px;
	display:table;
	text-align:center;
	align:center;
	background-color:#e5f4ff;
	width:100%; 
	height:100%;
	overflow:hidden;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	position:relative;	
	 
}

.addTenant .addTenantForm {
	color:#000000;
	font-size:10px;
	font-family: "Verdana";
	font-weight:normal;
	text-align:right;
}
.addTenant input,
.addTenant selectBox{
	margin:5px;
	vertical-align:middle;
}

.tenantDashboard ul {
	color: #191919;
	font-size:11px;
	font-family: "Verdana";
	font-weight:normal;
}

.tenantDashboard ul.left {
	position: absolute;
	left:20px;
	white-space:nowrap;
	line-height:36px;
}

.tenantDashboard ul.right {
	position: absolute;
	left:200px;
	white-space:nowrap;
	line-height:36px;
}

.summaryHolder{
	with: 160px;
	display: block;
}
#searchWrapper {
	width: 932px;
}
#serviceContentSearch{
	width:932px;
}

/*GSA Unsubscribed Dashboard*/
.GSAcaas{
	background: url(/clouduser/static/css/images/Caas_large.png) no-repeat center top;
	width: 144px;
	padding: 125px 0px 0px;
	overflow: visible;
	height: 40px;
	text-align: center;
	color: #000;
	float: left;
}
.GSAstaas{
	background: url(/clouduser/static/css/images/Staas_large.png) no-repeat center top;
	width: 144px;
	padding: 125px 0px 0px;
	overflow: visible;
	height: 40px;
	text-align: center;
	color: #000;
	float: left;
}
.GSAdashboardTopBox {
	background: #fff url(/clouduser/static/css/images/orangeBottomBG.png) repeat-x scroll left bottom;
	height: 170px;
	width: 422px;
	clear: none;
	float: left;
	padding: 15px;
    border: 1px solid #DDDDDD;
 	-moz-border-radius: 5px;
	 -webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0px 0px 5px #999999;
     -webkit-box-shadow: 10px 10px 5px #999999;
	box-shadow: 0 0 5px rgba(153, 153, 153, 0.3);
	 
	position:relative;
}
.dbRight {
	float: right;
	width: 260px;
	font-size: 11px;
	line-height: 16px;
	font-weight: normal;
	color: #191919;
	margin-top: 20px;
}
.DBintro{
	font-size: 12px!important;
	max-width: 700px;
	margin-bottom: 20px!important;
}
.GSAdashboardSmallBoxWrapper {
	padding: 20px 0px 0px;
	width: 934px;
	overflow: visible;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.GSAdashBoardSmallBoxLeft {
	float: left;
	padding: 5px 5px 10px;
	border: 1px solid #ddd;
	width: 285px;
	height: 255px;
	background: url(/clouduser/static/css/images/grayTopBG.png) repeat-x scroll left top;
	position: relative;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	-moz-border-radius: 10px 10px 0px 0px;
	 -webkit-border-radius: 10px 10px 0px 0px;
    border-radius: 10px 10px 0px 0px;
	 	
}
.GSAdashBoardSmallBoxRight {
	float: right;
	padding: 145px 15px 15px;
	border: 1px solid #ddd;
	width: 258px;
	height: 110px;
	background: #fff url(/clouduser/static/css/images/miim_orangeBG.png) no-repeat center top;
	position: relative;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	    border: 1px solid #DDDDDD;
 	-moz-border-radius: 5px;
	 -webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0px 0px 5px #999999;
     -webkit-box-shadow: 10px 10px 5px #999999;
	box-shadow: 0 0 5px rgba(153, 153, 153, 0.3);
	 
	text-align:left;
}
.GSAdashBoardSmallBoxMiddle {
	float: left;
	padding: 145px 15px 15px;
	border: 1px solid #ddd;
	width: 258px;
	height: 110px;
	background: #fff url(/clouduser/static/css/images/paas_orangeBG.png) no-repeat center top;
	margin: 0px 0px 0px 28px;
	position: relative;
	    border: 1px solid #DDDDDD;
 	-moz-border-radius: 5px;
	 -webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0px 0px 5px #999999;
     -webkit-box-shadow: 10px 10px 5px #999999;
	box-shadow: 0 0 5px rgba(153, 153, 153, 0.3);
	 
}
.GSAdashBoardSmallBoxLeft h4 {
	font: 18px Verdana, Geneva, sans-serif;
	color: #000;
	margin-top: 10px;
	margin-bottom: 22px;
	text-align: center;
}
.orderBtnSummary{
	padding-top: 10px;
}
.SUPp12 {
	font-size: 8px;
}
.TopSpace{
	margin-top: 10px;
}
.dashboardSmallBoxWrapper {
	padding: 20px 0 0 8px;
	width: 934px;
	overflow: visible;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.UnsubscribedWrapper {
	width: 934px;
	padding: 0px;
}
h2.serviceTitle {
	font-size:26px;
	font-family:"Omnes_ATTRegular",Arial,sans-serif !important;
	margin-bottom: 10px;
}
.spaceB15 {
	margin-bottom: 15px;
}
.fullPageWrapper {
	width: 934px;
	margin-bottom: 20px;
}
.newsLargeBox h4, .newsSmallBox h4{
	font: 18px Verdana, Geneva, sans-serif;
	color: #000;
	margin-top: 10px;
	margin-bottom: 22px;
	text-align: center;
}
.serviceLabel{
	font: 16px/18px "Omnes_ATTMedium", sans-serif;
}
.subLabel {
	font: 12px "Omnes_ATTMedium", sans-serif;
	color: #000;
	display: block;
	margin-left: auto;
	margin-right:auto;
	text-align: center;
	margin-top: 0px;
	padding-top: 0px;
}
.DBserviceLabel{
	font: 16px "Omnes_ATTMedium", sans-serif;
	text-align: center !important;
	color: #000;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
a.learnMore{
	color:#067ab4;
	text-decoration: none;
	padding:3px;
	font: 10px Verdana, Geneva, sans-serif;
}
.ServiceList tr {
	border: none !important;
}
.dashboardWrapper{
	margin-bottom: 0px;
	overflow: hidden;
}
.DBintro {
	font-size: 12px;
	max-width: 700px;
}
.newsSmallBox {
	float: left;
	padding: 5px 5px 10px;
	border: 1px solid #ddd;
	width: 285px;
	height: 255px;
	background: url(/clouduser/static/css/images/grayTopBG.png) repeat-x scroll left top;
	position: relative;
	margin-top: 0px;
	margin-bottom: 0px;
	-moz-border-radius: 10px 10px 0px 0px;
	 -webkit-border-radius: 10px 10px 0px 0px;
    border-radius: 10px 10px 0px 0px;
	 	
}
.newsLargeBox {
	padding: 5px 5px 10px;
	border: 1px solid #ddd;
	width: 531px;
	background: url(/clouduser/static/css/images/grayTopBG.png) repeat-x scroll left top;
	position: relative;
	margin-top: 40px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	-moz-border-radius: 10px 10px 0px 0px;
	 -webkit-border-radius: 10px 10px 0px 0px;
    border-radius: 10px 10px 0px 0px;
	 	
}
.UDB_Service {
	float: left;
	padding: 0px 15px 15px;
	border: 1px solid #ddd;
	width: 178px;
	min-height: 345px;
	background: url("/clouduser/static/css/images/UDB_OrangeBGTall.png") repeat-x left top;
	background-color: #ffffff;
	margin: 0px 10px;
	border: 1px solid #DDDDDD;
	position: relative;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0px 0px 5px #999999;
	-webkit-box-shadow: 10px 10px 5px #999999;
	box-shadow: 0 0 5px rgba(153, 153, 153, 0.3);
}

.UDBLearnMore {
	position: absolute;
	z-index: auto;
	left: 15px;
	bottom: 15px;
}
.UDB_Service img {
	margin-bottom: 10px;
	margin-left: 30px;
	border: none;
}
.GSALearnMoreLink {
	position: absolute;
	right: 53px;
	bottom: 11px;
	width: 109px;
}
.GSAorderNowButton {
	height: 35px;
	width: 120px;
	overflow: visible;
	margin-left: 15px;
}
.GSA_blueBulletList {
	padding-top: 0px;
	margin-left: 5px;
	padding-left: 20px;
}
.GSA_blueBulletList li {
	list-style: disc outside !important;
	color: #067ab4;
	padding-bottom: 10px;
	font-size: 13px;
}
.GSA_blueBulletList a{
	color: #067ab4;
	font: 13px/17px Verdana, Geneva, sans-serif;
	font-size: 11px;
}
.GSA_blueBulletList a:visited{
	color: #067ab4;
	font: 13px/17px Verdana, Geneva, sans-serif;
	font-size: 11px;
}
.GSA_blueBulletList a:hover{
	color: #067ab4;
	text-decoration: none;
	font: 13px/17px Verdana, Geneva, sans-serif;
	font-size: 11px;
}
.newsSmallBox.newsLargeBox h4 {
	font: 18px Verdana, Geneva, sans-serif;
	color: #000;
	margin-top: 10px;
	margin-bottom: 22px;
	text-align: center;
}
.UDB_orderNowButton {
	height: 35px;
	width: 120px;
	overflow: visible;
	margin-left: auto;
	margin-right: auto;
	display: block;
}
.leftSpace10 {
	margin-left: 10px;
}
/*End of Unsubscribed Dashboards*/
/* Sapient style oveerides @TODO put this in CMS and remove here*/
.Manage.Service, .Overview, .Desktop.Apps, .Account.History, .User.Management,.Reports, .Manage.Files{
	font-size: 11px;
	color: #cccccc;
}

#MyProfilePage #header .manageAccount .cartInfo .profile .myProfile {color:#ff7200!important;} /* added this for the myprofile link to turn orange */

/*classes for zaniah 5/24/202*/
#serviceContent {float: left;padding-bottom: 20px;width: 975px;}
#serviceSnapshot .column {margin-right: 0;margin-top: 20px;width: 380px;}

/*classes to fix IE overview*/

#serviceSnapshot .columnRight {
    margin-right: 0px;
    margin-top: 0px;
    width: 380px;
    float: left;
}
.allBrowsersList {
	font: normal 11px/16px Verdana, Geneva, sans-serif;
	color: #191919;
	text-decoration: none;
	background: url(images/bullet-gray.gif) no-repeat left 6px;
	padding-left: 15px;
	padding-bottom: 6px;
}

h1.headingMiim {
	font-size: 32px;
	margin-bottom: 0px;
}
h1.mainHeading{
	margin-bottom: 0px;
	margin-top: 0px;
	float: left;
	padding-bottom:0px;
}
h1.mainHeadingNF{
	margin-bottom: 20px;
	margin-top: 0px;
}
h1.mainHeadingDB{
	margin-bottom: 0px;
	margin-top: 0px;
	float: left;
	padding-bottom: 5px;
}
/*End of Classes to fix IE Overview*/

/*Class for Line under Reports Tab*/
.tabLine{
	margin-top: -1px; height:1px;
}

/*end of class for line under Reports tab*/

/*styles for monitoring link*/

.vCloud-SM-ReportsManager {	
	background: url(/clouduser/static/images/account-settings-box-bg.png) repeat-x scroll 0 100% #FFFFFF;
	width: 900px;
	height: 200px;
	margin-top:24px;
	border: 1px solid #E4E4E4;
    border-radius: 5px 5px 5px 5px;
    -moz-box-shadow: 0px 0px 5px #d8d8d8;
    -webkit-box-shadow: 0px 0px 5px #d8d8d8;
    box-shadow: 0 0 5px rgba(153, 153, 153, 0.3);
   	padding: 10px;
}

.vCloud-SM-ReportsManager .tool-header {
	float:left;
	padding-left: 60px;
	padding-right: 20px;
	padding-top:10px;
	background: transparent url(/clouduser/static/images/vCDC-data-icon-for-history-log.png) no-repeat 0 0;
	height:60px;
	color:#000000;
	font-size: 14px;
}

.vCloud-SM-ReportsManager .company-name {
      float:left;
      background: transparent url(/clouduser/static/images/LocationManagerSeparator.png) no-repeat left center;
      height:60px;
      padding-top:10px;
      padding-left: 20px;
      width:215px
}


.vCloud-SM-ReportsManager .monitoring-link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	float:left;
	width: 290px;
	background: transparent url(/images/us/en/productdetail/iconVMComponents.png) no-repeat 0 0;
	height:60px;
	padding-left: 60px;
	padding-top: 7px;
	line-height:18px;
	font-size: 11px;
}
.vCloud-SM-ReportsManager .monitoring-link .miniBtn {float:right;}

/*Staas Service management new classes*/
#serviceContent .subtenantMgrTop img {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

#serviceSnapshot #mainContent {
overflow: visible;
padding: 0 20px 0;
position: relative;
width: 935px;
margin-left: auto;
margin-right: auto;

}

#serviceContent .subtenantMgrTop h2 {
font-family:"Omnes_ATTRegular",Arial,sans-serif;
}
.subtenantManager {
	width: 975px;
	height: 100px;
	border: 1px solid #cccccc;
	border-radius: 10px;
	background: url(/clouduser/static/images/us/en/commons/subtenantBoxBG.png) left bottom repeat-x;
	position:relative;
	z-index: 19!important;
	margin: 0;
	overflow: visible;
}
.subtenantSelection {
    border-right: 1px solid #F1F1F1;
    color: #191919;
    float: left;
    font: 11px Verdana,Geneva,sans-serif;
    height: 70px;
    padding: 15px 3px 0;
    text-align: center;
    width: 225px;
}
.subtenantTop{
	height: 18px;
	margin-bottom: 8px;
}
btenantSelection img {
	padding-left: 2px;
	cursor: pointer;
}
.subtenantSelection .selectBox-dropdown {
background: white!important;
width: 185px!important;
border: 1px solid #067AB4!important;
-moz-border-radius: 4px;
 -webkit-border-radius: 4px;
border-radius: 4px;
float: left;
cursor: pointer;
padding-right: 20px!important;
text-align: left;
 
position: relative;
z-index: 1;
margin-left:5px;
}
.subtenantDetails {
	width: 300px;
	height: 85px;
	float: left;
	overflow: visible;
}
.subtenantDetails p{
	line-height: 16px;
	padding-left: 8px;
	font-size: 10px;
}
.subtenantMgmHeads {
	font: normal 11px Verdana, Geneva, sans-serif;
	color: #191919;
	text-align: center;
	padding-bottom: 5px;
	padding-top: 5px;
	border-bottom: 1px solid #e4e4e4;	
}
.subtenantActions {
	width: 165px;
	height: 85px;
	float: right;
	border-left: 1px solid #f1f1f1;
}
.subtenantManager .subtenantActions a img {
    margin-left: 2px;
    margin-right: 6px;
}
.staasmgmt_overview .vclouddropdown_1column a img {
    margin-left: 2px;
    margin-right: 6px;
}
.subtenantActions .vclouddropdown_1column {
    background: none repeat scroll 0 0;
    box-shadow: none;
    border: none;
    margin: 0 auto;
    left: 813px;
    padding: 0;
    text-align: left;
    width: 165px;
    z-index: 1;
}
.staasmgmt_overview .vclouddropdown_1column {
    background: none repeat scroll 0 0;
    box-shadow: none;
    border: none;
    margin: 0 auto;
    left: 813px;
    padding: 0;
    text-align: left;
    width: 150px;
    z-index: 1;
}
div.console input[type="text"], div.console input[type="password"], div.console textarea {
	 z-index: 0;
	}
.staasMenu {
	list-style:none!important;
	width: 145px;/* width = (desired width) - padding-right */
	padding-left:8px;
	padding-top:6px;
	position: relative;
	border: solid 1px #067ab4;
	height:22px;
	text-decoration: none;
	color: #000;
	outline: none;
	vertical-align: middle;
	background: #F2F2F2;
	background: -moz-linear-gradient(top, #ffffff 1%, #dddddd 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #ffffff), color-stop(100%, #dddddd));
	background: linear-gradient(#ffffff, #dddddd);
	-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .75);
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .75);
	box-shadow: 0 1px 0 rgba(255, 255, 255, .75);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	display: inline-block;
	cursor: default;
	font-size:10px;
	color:#067ab4;
	 
	margin-left: 4px;
}
#mainContent .staasMenu li {list-style: none;}
.staasMenu li:hover {padding-bottom: 10px;}
.staasMenu li a {
	font-family: Verdana, Geneva, sans-serif;
	font-size:11px; 
	color: #067ab4;
	display:block;
	text-decoration:none;
}
.staasMenu li:hover a {color:#067ab4;}
.staasMenu li .vclouddrop {
	padding-right:21px;
    background: url(/images/us/en/commons/selectArrow.png) no-repeat 125px center;}
.vcloudMenu li:hover .vclouddrop {margin-bottom: 8px;}
.vclouddropdown_1column {
	margin:0px auto;
	float:left;
	position:absolute;
	left:-999em;
	text-align:left;
	padding:0px;
	border: solid 1px #BBB; /* should be the same border width as .selectBox-dropdown */
	background: #FFF;
	-moz-box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
	 -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
	box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
	width: 150px;
	z-index: 1;
}
.staasMenu li:hover .vclouddropdown_1column {position: absolute; left:0px; top:28px; z-index: 1;}
.vcloudcol_1{
	display:inline;
	float: left;
	position: relative;
	margin: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	box-shadow: none;
	width:165px;
}
.staasMenu li p a {
	font-size:11px;
	line-height:17px;
	padding-left:0;
	padding-right:0;
	padding-Top:0;
	margin:0;
	float:none;
	text-align:left;
	width:100%;
	padding-top:1px;
	padding-bottom: 1px;
}
.staasMenu li p {
	font-size:11px;
	line-height:17px;
	padding-left:0;
	padding-right:0;
	padding-Top:0;
	margin:0;
	float:none;
	text-align:left;
	width:100%;
	padding-top:0px;
	padding-bottom: 0px;
}
.staasMenu li p a:hover {background-color: #eee;}
.staasMenu li .vclouddropdown_1column .vcloudcol_1 p a img {margin-right: 5px;	margin-left: 8px;}
.staasMenu li .vclouddropdown_1column .vcloudcol_1 p img {margin-right: 5px; margin-left: 8px;}
.shared {width: 309px;}
.shared input { width: 383px;}
.UIDActions{float: right;}
.collItem .UIDstatus{
		font-size:11px;color: #191919;display: inline-block;
		zoom:1;
		*display:inline;
		float:left;
		margin:0px;
		margin-right: 5px;
		padding-top: 5px;
		width: 75px;
		overflow: hidden;
	}
.gray {color: #191919;}
.inactive {color: #191919!important; cursor: default!important;}
#manageSaas .head .serviceTestTime { width:185px; font-size: 14px; color: #333; border-left: 1px solid #eee; border-right: 1px solid #eee; padding-left: 13px; padding-right: 6px; }
#manageSaas .head .UIDmanagement { width:110px; font-size: 14px; color: #333; padding-left: 40px; }
#serviceContent .staasSrvMgr {margin-right: 8px;}
.overview div .UIDmgrActionsWrapper {
	height: 50px;
	width: 200px;
	position: absolute;
	visibility: visible;
	z-index: 999;
	top: 0px;
	right: 0px;
}
#manageSaas .bold {color: #191919;}
.noSubtenantWrapper {
	width: 753px;
	text-align: center;
	font: normal 14px/20px Verdana, Geneva, sans-serif;
	color: #191919;
	text-decoration: none;
}
.noSubtenantWrapper img { clear: both; margin: 20px auto; cursor: pointer; }
#footer {line-height: normal;}
#serviceSnapshot .vdcFirePolRow table td {line-height:22px;font-size:11px;}
.vdcFirePolHeader {color:#000000;font-size:12px;}

/*  IE MODAL FAILBACK */
#serviceDashboard .shadowContainer{position:absolute;}
#serviceDashboard .shadowContainer .sb-middle .box {position:relative;}
#serviceDashboard .shadowContainer .sb-top{}
#serviceDashboard .shadowContainer .sb-top .left{width:9px;height:8px; background:url(images/w3/ie7-modal/ie7-modal-sprite.png) no-repeat;}
#serviceDashboard .shadowContainer .sb-top .right{width:9px;height:8px; background:url(images/w3/ie7-modal/ie7-modal-sprite.png) no-repeat 0 -19px;}
#serviceDashboard .shadowContainer .sb-top .middle{height:8px;width:auto; background:url(images/w3/ie7-modal/ie7-modal-sprite.png) repeat-x 0 -40px;margin:0 9px;}


#serviceDashboard .shadowContainer .sb-bottom{clear:both;}
#serviceDashboard .shadowContainer .sb-bottom .left{width:9px;height:10px; background:url(images/w3/ie7-modal/ie7-modal-sprite.png) no-repeat 0 -8px;}
#serviceDashboard .shadowContainer .sb-bottom .right{width:9px;height:10px; background:url(images/w3/ie7-modal/ie7-modal-sprite.png) no-repeat 0 -27px;}
#serviceDashboard .shadowContainer .sb-bottom .middle{padding:0 12px;height:8px;width:auto; background:url(images/w3/ie7-modal/ie7-modal-sprite.png) repeat-x 0 -49px;margin:0 9px;}

#serviceDashboard .shadowContainer .sb-middle{box-sizing:border-box;}
#serviceDashboard .shadowContainer .sb-middle .left{padding-left:9px;background:url(images/w3/ie7-modal/ie7-modal-side-tiles.png) repeat-y 0 0;}
#serviceDashboard .shadowContainer .sb-middle .left .right{padding-right:9px;background:url(images/w3/ie7-modal/ie7-modal-side-tiles.png) repeat-y top right;box-sizing:border-box;}
#serviceDashboard .shadowContainer .sb-middle .left .middle{box-sizing:border-box;width:620px;}
#serviceDashboard .shadowContainer .sb-middle .left .middle .modal{border:0;}
#serviceDashboard .shadowContainer .sb-middle .box{background-color: #FFFFFF;
		box-shadow: none;
		-moz-box-shadow: none; 
		-webkit-box-shadow:none;
		-webkit-border-radius: 0; 
		-moz-border-radius: 0; 
		border-radius:0;position:relative;}
div.navLabel{
	line-height:22px;
}

div.navSubLabel{
	line-height:12px;
	color: #191919;
	font-size: 12px;
}

#servicesNav .serviceTab.leftNavTwoLevelLabel{
	height: 135px;
}
	
/* 	two column snippet edits */
#serviceSnapshot .columnSection .column {width:360px;}	
#serviceSnapshot .columnSection { border-bottom: 1px solid #E4E4E4;padding-top:24px;}

.PricingBox {
	width:215px; 
	height:270px;
	margin:20px 10px 10px 10px;
	background: #FFFFFF;
	padding:20px;
	position:relative;
	z-index:1;
	border:1px solid #e7e7e7;
	-moz-box-shadow: 0px 0px 5px rgba(153,153,153,0.3);
	-webkit-box-shadow: 0px 0px 5px rgba(153,153,153,0.3);
	box-shadow: 0px 0px 5px rgba(153,153,153,0.3);	
	 
	
	}
.PricingPage {width: 835px;margin: 0 auto;}
			
.newsLargeBoxTop {
	font: 18px Verdana, Geneva, sans-serif;
	color: #000;
	text-align: center;
	padding: 5px 5px 10px;
    border-top: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-left: 1px solid #ddd;
    width: 531px;
	background: url(/clouduser/static/css/images/grayTopBG.png) repeat-x scroll left top;
	position: relative;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	-moz-border-radius: 10px 10px 0px 0px;
	 -webkit-border-radius: 10px 10px 0px 0px;
    border-radius: 10px 10px 0px 0px;
	 	
}
.newsLargeBoxBottom {
	padding: 5px 5px 10px;
	width: 531px;
	position: relative;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
	}
/*unsubscribed dashboard carousel classes*/
/*Dashboard Carousel Style*/
.dashboardSmallBoxWrapper .jcarousel-skin .jcarousel-container {background: #ffffff;}
.dashboardSmallBoxWrapper .jcarousel-skin .jcarousel-direction-rtl {direction: rtl;}
.dashboardSmallBoxWrapper .jcarousel-skin .jcarousel-container-horizontal {width: 864px;	padding: 0px 35px}
.dashboardSmallBoxWrapper .jcarousel-skin .jcarousel-clip-horizontal {width: 865px; height: 365px;}
.dashboardSmallBoxWrapper .jcarousel-skin .jcarousel-item {width: 175px; height: 75px;}
.dashboardSmallBoxWrapper .jcarousel-skin .jcarousel-item-horizontal {margin-left: 0; margin-right: 10px;}
.dashboardSmallBoxWrapper .jcarousel-skin .jcarousel-direction-rtl .jcarousel-item-horizontal {margin-left: 10px; margin-right: 0;}
.dashboardSmallBoxWrapper .jcarousel-skin .jcarousel-item-vertical {margin-bottom: 10px;}
.dashboardSmallBoxWrapper .jcarousel-skin .jcarousel-item-placeholder {background: #fff;color: #000;}

/* Horizontal Buttons */
.dashboardSmallBoxWrapper .jcarousel-skin .jcarousel-next-horizontal {
	position: absolute;
	top: 165px;
	right: 0px;
	width: 30px;
	height: 50px;
	cursor: pointer;
	background: transparent url(/clouduser/static/images/carousel-next-buttons.png) no-repeat 0 0;
}

.jcarousel-skin .jcarousel-direction-rtl .jcarousel-next-horizontal {
    left: 5px;
    right: auto;
    background-image: url(prev-horizontal.png);
}

.jcarousel-skin .jcarousel-next-horizontal:hover {background-position: -30px 0;}

.jcarousel-skin .jcarousel-next-horizontal:active {background-position: 0 0;}

.jcarousel-skin .jcarousel-next-disabled-horizontal,
.jcarousel-skin .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: 0 0;
}

.jcarousel-skin .jcarousel-prev-horizontal {
	position: absolute;
	top: 165px;
	left: 0px;
	width: 30px;
	height: 50px;
	cursor: pointer;
	background: transparent url(/clouduser/static/images/carousel-previous-buttons.png) no-repeat 0 0;
}

.jcarousel-skin .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: 0px;
    background-image: url(/clouduser/static/images/next-horizontal.png);
}

.jcarousel-skin .jcarousel-prev-horizontal:hover {
    background-position: -30px 0;
}

.jcarousel-skin .jcarousel-prev-horizontal:active {
    background-position: -30px 0;
}

.jcarousel-skin .jcarousel-prev-disabled-horizontal,
.jcarousel-skin .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -60px 0;
}


/*Back up manager */

.Backup-Manager {
	background: url(/clouduser/static/images/account-settings-box-bg.png) repeat-x scroll 0 100% #FFFFFF;
	width: 920px;
	margin-bottom:24px;
	border: 1px solid #E4E4E4;
    border-radius: 5px 5px 5px 5px;
    -moz-box-shadow: 0px 0px 5px #d8d8d8;
    -webkit-box-shadow: 0px 0px 5px #d8d8d8;
    box-shadow: 0 0 5px rgba(153, 153, 153, 0.3);
   	padding: 10px;
   	font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
    color: #191919;
}
.Backup-Manager td {height:30px;}
.pBuffer2{height: 5px;}

.Backup-Manager .tool-header {
	float:left;
	padding-left: 40px;
	padding-top:10px;
	background: transparent url(/clouduser/static/images/backup.png) no-repeat 0 15px;	width:185px;
	line-height: 16px;
	
}

.vCloud-SM-ReportsManager .picker,
.Backup-Manager .picker {
	float:left;
	margin-left:15px;
	margin-top: 10px;
}
.vCloud-SM-ReportsManager .picker1,
.Backup-Manager .picker1 {
	float:left;
	margin-left:0px;
	margin-top: 10px;
	background: transparent url(/clouduser/static/images/LocationManagerSeparator.png) no-repeat left center;
    padding-left: 20px;
}

.vCloud-SM-ReportsManager .buttons,
.Backup-Manager .buttons {
	float:right;
	padding-top:31px;
}

.Backup-Manager .selectBox {
	border: 1px solid #067ab4;
	background: #ffffff;
	
}

.Backup-Manager .disabled .selectBox {
	border: 1px solid #cccccc;
	background: #ffffff;
	color: #cccccc;
}

.Backup-Manager .disabled .selectBox-dropdown .selectBox-label {color:#cccccc;}

table#backupmanager th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	text-align: left;
	height: 50px;
	background: url(/clouduser/static/images/CloudBoxTopEdge.jpg) repeat-x left top;background-repeat:repeat-x;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #f1f1f1;
}

#backupmanager .rownormal,
#backupmanager .rowalternate {
	font-size: 11px;
}

#backupmanager .subheadBK {margin-left: 3px;padding-left:10px;}
#backupmanager .subhead {font-size:14px;}

#backupmanager #fxdcont {
	padding-left:10px;
}
.hintBox {  
	font-family: Verdana; 
	color: #ffffff;
	font-size: 10px;
	display: table-cell;
	text-align: left;
}
#managedVappDisclaimer {font-size:10px;display:none;width:240px;}
#vm_RestoreVMs .details {padding:0;}
#vm_RestoreVMs .details  ul li{width:690px;}
#vm_RestoreVMs .details .date {width:215px;display:inline-block;}
#vm_RestoreVMs .details .size {width:60px;display:inline-block;}
#vm_RestoreVMs .details .action {width:180px;display:inline-block;}
#vm_RestoreVMs .details .Header{
	width:690px;
	padding: 7px 10px 7px 10px;
	height:25px;
	font-size:14px;
	border: 1px solid #e4e4e4;
	-moz-border-radius: 5px;
	 -webkit-border-radius: 5px;
    border-radius: 5px;
	position: relative;
	zoom:1;
	background: url("/clouduser/static/images/CloudBoxTopEdge.jpg") repeat-x scroll left -12px #e4e4e4;
    -moz-box-shadow: 0px 0px 5px #d8d8d8;
     -webkit-box-shadow: 0px 0px 5px #d8d8d8;
    box-shadow: 0 0 5px rgba(153, 153, 153, 0.3);
	z-index:1;
	 
	
}
#back-upPricing .Header{
	width:460px;
    padding: 7px;
	height:25px;
	font-size:14px;
	border: 1px solid #e4e4e4;
	-moz-border-radius: 5px;
	  -webkit-border-radius: 5px;
    border-radius: 5px;
	position: relative;
	zoom:1;
	background: url("/clouduser/static/images/CloudBoxTopEdge.jpg") repeat-x scroll left -12px #e4e4e4;
    -moz-box-shadow: 0px 0px 5px #d8d8d8;
     -webkit-box-shadow: 0px 0px 5px #d8d8d8;
    box-shadow: 0 0 5px rgba(153, 153, 153, 0.3);
	z-index:1;
	 
}
#back-upPricing .details {padding-left: 5px;}
#back-upPricing .details  ul li{width:460px; padding-right: 0px;}
#back-upPricing .col1{width:150px; display:inline-block; padding-left: 5px;}
#back-upPricing .col2{width:150px; display:inline-block;}
#back-upPricing .col3{width:100px; display:inline-block;}

#backupreport h2.subhead {font-size:10px;line-height:14px;}
#backupreport #fxdcont {font-size:10px;line-height:14px;}
table#backupreport th {
	text-decoration: none;
	text-align: left;
	height: 50px;
	background: url(/clouduser/static/images/CloudBoxTopEdge.jpg) repeat-x left top;background-repeat:repeat-x;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #f1f1f1;
	}
	
.UnsubscribedWrapper p {margin-bottom: 0px!important;}	
/*Back up manager -- End*/
/***Classes for GSA Account Cancelation confirmation****/
.vcloudActionConfirm p {margin-bottom: 0px!important;}
.returnTKaddress {margin-left: 20px!important;}

#vappDialog1 .overlayRight .description {
    padding-left: 15px;
    width: 150px;
}



ul.legend {
	float:left;
	margin: 5px 5px 0 60px;
	padding:4px 7px 4px 7px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	border:1px solid #CCCCCC;}
ul.legend li {display:inline-block; margin:0 5px 0 0;}
ul.legend h3 {display:inline-block;font-size:11px;line-height:22px;}

.payg_intro{
font-size: 12px!important;
margin-bottom: 20px!important;
}
.payg_service {
border: 1px solid #DDDDDD;
border-radius: 5px 5px 5px 5px;
box-shadow: 0 0 5px rgba(153, 153, 153, 0.3);
float: left;
margin: 0 10px;
padding: 0 15px 15px;
position: relative;
width: 254px;
}
.payg_service_label {
color: #000;
display: block;
margin: 0 auto;
text-align: center !important;
font-size: 16px;
font-weight: bold;
}
#caas_logo_container {
background: url(images/Caas_large.png) no-repeat scroll center center;
height: 165px;
}
#staas_logo_container {
background: url(images/Staas_large.png) no-repeat scroll center center;
height: 165px;
}
#paas_logo_container {
background: url(/images/us/en/commons/PaasHeadIcon.png) no-repeat scroll center center;
height: 165px;
}
.payg_subtext { font-size: 14px; color: #888; font-weight: bold; padding-bottom: 10px; }
.payg_spec { font-size: 20px; color: #800080; padding-bottom: 10px; width: 100%; margin: 0 auto; }
.payg_unit { font-size: 16px; }
.payg_get_started_today { font-size: 18px; font-weight: bold; color: #000; padding: 5px; }

#commitedStoragevolume1, #commitedStoragevolume2 { width: 660px; margin: 50px auto; overflow: visible; }

/***Classes for Overlays****/
.overlay {padding-top: 50px;}

.lt-ie8 .overlay {padding-top: 100px;}
.overlay .box {margin: 50px auto; position:relative;}
.overlay .box {
	-moz-box-shadow: 0 0 5px #A1A1A1;; 
	-webkit-box-shadow: 0 0 5px #A1A1A1;; 
	box-shadow: 0 0 5px #A1A1A1;; 
}
.overlay .box {width: -moz-fit-content; width: -webkit-fit-content; width: fit-content; display: table; top: 50px!important;}

.modalWebFlowInit .overlay {height: 1656px; display: block; top:0px;position:absolute;	background: rgba(103, 105, 107, 0.8);zoom:1;}
.modalDirectInit .overlay {height: 1656px; display: block; top:0px;position:absolute;	background: rgba(103, 105, 107, 0.8);zoom:1; z-index: 10001;}
.modalWebFlowInit .noscroll{position:fixed;zoom:1;}
.modalDirectInit .noscroll{position:fixed;zoom:1;}

.lt-ie9 .modalWebFlowInit .overlay {background-image:url('/clouduser/static/images/ie-opacity.png');background-repeat:repeat;}
.lt-ie9 .modalDirectInit .overlay {background-image:url('/clouduser/static/images/ie-opacity.png');background-repeat:repeat;}

.modal .overlayPanel {width: 780px;height: 310px;min-height: 350px;position: relative;overflow: visible;}
.modal .overlayStep1Icon {position: absolute;top:-46px;left:5px;float: right;z-index: 900;}
.modal .overlayStep2Icon {position: absolute;top:-48px;left:5px;float: right;z-index: 900;}
.modal .overlayStep1MsgIcon {position: absolute;top:5px;left:480px;float: right;z-index: 999;}
.modal .overlayLastStepIcon {position: absolute;top:-10px;left:-60px;float: right;z-index: 900;}
.modal .overlayCloseIcon {position: absolute;top:-17px;right:-16px;float: right;z-index: 999;}
.modal .overlayLeft1 {text-align:left;font-size:11px;color: #000;font-family: Verdana, Arial, Helvetica, sans-serif;letter-spacing: 0px;clear: both;margin: 0px;padding: 3px;padding-top: 8px;outline: none;display: inline;float: left;width: 180px;}
.modal .overlayLeft2 {text-align:right;font-size:11px;color: #000;font-family: Verdana, Arial, Helvetica, sans-serif;letter-spacing: 0px;float: left;width:130px;clear: both;margin-right: 10px;padding: 3px;padding-top: 8px;outline: none;display: inline;}
.modal .overlayLeft3 {text-align:right;font-size:11px;color: #000;font-family: Verdana, Arial, Helvetica, sans-serif;letter-spacing: 0px;float: left;width:70px;clear: both;margin-right: 10px;padding: 3px;padding-top: 8px;outline: none;display: inline;}
.modal .overlayLeft4 {text-align:right;font-size:11px;color: #000;font-family: Verdana, Arial, Helvetica, sans-serif;letter-spacing: 0px;float: left;width:200px;clear: both;margin-right: 10px;padding: 3px;padding-top: 8px;outline: none;display: inline;}
.modal .overlayLeft5 {text-align:left;font-size:11px;color: #000;font-family: Verdana, Arial, Helvetica, sans-serif;letter-spacing: 0px;float: left;width:250px;clear: both;margin-right: 10px;padding: 10px;padding-top: 8px;outline: none;display: inline;}
.modal .overlayLeft {text-align:right;font-size:11px;color: #000;font-family: Verdana, Arial, Helvetica, sans-serif;letter-spacing: 0px;float: left;width:180px;clear: both;margin-right: 10px;padding: 3px;padding-top: 8px;outline: none;display: inline;}
.modal .overlayRightDetails {text-align:left;font-size:12px;color: #191919;font-family: Verdana, Arial, Helvetica, sans-serif;letter-spacing: 0px;margin: 0px;padding: 3px;padding-top: 8px;float: left;width:490px;outline: none;display: inline;}
.modal .overlayRight2 {text-align:left;font-size:12px;color: #191919;font-family: Verdana, Arial, Helvetica, sans-serif;letter-spacing: 0px;margin: 0px;padding: 3px;padding-top: 8px;float: left;width:490px;outline: none;display: inline;}
.modal .overlayRight3 {text-align:left;font-size:12px;color: #191919;font-family: Verdana, Arial, Helvetica, sans-serif;letter-spacing: 0px;margin: 0px;padding: 3px;padding-top: 8px;float: left;width:90px;outline: none;display: inline;}
.modal .overlayRight {text-align:left;font-size:12px;color: #191919;font-family: Verdana, Arial, Helvetica, sans-serif;letter-spacing: 0px;margin: 0px;padding: 3px;padding-top: 8px;float: left;width:500px;outline: none;display: inline;}
.modal .overlayRight input[type="text"] :not(.smallinput) {width:490px;outline: none;}
.modal .overlayRight input[type="text"] .smallinput {width:100px;outline: none;}
.modal .overlayRight textarea {width:490px;height:60px;resize: none;overflow: auto;outline: none;}
.modal .overlayRightDetail .DetailNameDesc {border: medium none;height: auto;float: left;margin-left: 10px;margin-top: 2px;resize: none;width: 490px;word-wrap: break-word;overflow: visible;padding-top:4px;}
.modal .overlayLeftManageIP {text-align:left;font-size:13px;color: #191919;font-family: Verdana, Arial, Helvetica, sans-serif;letter-spacing: 0px;float: left;width:665px;clear: both;margin: 0px;padding: 3px;padding-top: 8px;outline: none;display: inline;}
.modal .overlayLeftFirewall {text-align:left;font-size:13px;color: #191919;font-family: Verdana, Arial, Helvetica, sans-serif;letter-spacing: 0px;float: left;width:901px;clear: both;margin: 0px;margin-left:0px;padding: 3px;padding-top: 8px;outline: none;display: inline;}
.modal .overlayLeftLoadBal {text-align:left;font-size:13px;color: #191919;font-family: Verdana, Arial, Helvetica, sans-serif;letter-spacing: 0px;float: left;width:830px;clear: both;margin: 0px;margin-left: 38px;padding: 3px;padding-top: 8px;outline: none;display: inline;}
.modal .overlayLeftEditLoadBal {text-align:left;vertical-align:top;font-size:13px;color: #191919;font-family: Verdana, Arial, Helvetica, sans-serif;letter-spacing: 0px;width:500px;margin: 0px;padding: 3px;outline: none;}
.modal .overlayRightEditLoadBal {text-align:left;vertical-align:top;font-size:13px;color: #191919;font-family: Verdana, Arial, Helvetica, sans-serif;letter-spacing: 0px;width:400px;margin: 0px;padding: 3px;outline: none;}
.modal .overlayRightEditLoadBal input[type="text"] {width:100px;outline: none;}
.modal .overlayRightEditLoadBal input[type="text"] .smallinput {width:100px;outline: none;}
.modal .overlayRightEditLoadBal textarea {width:370px;height:60px;resize: none;overflow: auto;outline: none;}
.modal .overlayLeftAddLoadBal {text-align:left;vertical-align:top;font-size:13px;color: #191919;font-family: Verdana, Arial, Helvetica, sans-serif;letter-spacing: 0px;width:500px;margin: 0px;padding: 3px;outline: none;}
.modal .overlayLeftAddLoadBal textarea {width:500px;height:60px;resize: none;overflow: auto;outline: none;}
.modal .overlayLeftEditLoadBal tr{height: 35px;}
.modal .overlayRightEditLoadBal tr{height: 35px;}
.modal .overlayLeftAddLoadBal tr{height: 35px;}
.modal .overlayRightMedium {text-align:left;font-size:13px;color: #191919;font-family: Verdana, Arial, Helvetica, sans-serif;letter-spacing: 0px;margin: 0px;margin-left: 10px;padding: 3px;padding-top: 8px;float: left;width:330px;outline: none;display: inline;}
.modal .overlayRightMedium input[type="text"] {width:250px;outline: none;}
.modal .overlayRightMedium input[type="text"] .smallinput {width:100px;outline: none;}
.modal .overlayRightMedium textarea {width:250px;height:60px;resize: none;overflow: auto;outline: none;}
.modal .overlayRightMedium select {width:250px;}
.modal .overlayBottom {clear:both;padding-top: 20px;padding-bottom: 20px;text-align:right;float: right !important;}
.modal .overlayBottom a {padding-left: 10px;outline: none;}
.modal .overlayCenter {text-align: center;padding-bottom: 20px;}
.modal .overlayCenter a {outline: none;}

.mdlcreateVDC { padding-left: 10px;padding-right: 10px; line-height: 12px;}
.mdlcreateVDC .cornerImage { position:absolute; top:-25px; left:-42px; }
.mdlcreateVDC h2 { margin:10px 0 20px 50px; padding-top: 20px; }
.mdlcreateVDC hr { width:620px; }
.mdlcreateVDC { width:620px; height:auto; }
.mdlcreateVDC .miniBtn {margin-left:10px;}
.mdlcreateVDC .miniBtnWhite {margin-left:10px;}
.mdlcreateVDC input.textInput { width:300px;margin-right:0px; }
.mdlcreateVDC label { display: inline; }
.mdlcreateVDC .overlayRight { width:390px; }
.mdlcreateVDC .overlayRight textarea { width:380px; }
.mdlcreateVDC .overlayBottom { padding-top:2px; padding-bottom: 18px; width: 100%;}

.mdlcreate2VDC { padding-left: 10px;padding-right: 10px; line-height: 12px; font:22px "Omnes_ATTMedium",sans-serif;}
.mdlcreate2VDC .cornerImage { position:absolute; top:-25px; left:-42px; }
.mdlcreate2VDC h2 { margin:10px 0 20px 50px; padding-top: 20px; }
.mdlcreate2VDC hr { width:656px; }
.mdlcreate2VDC { width:656px; height:auto; }
.mdlcreate2VDC .miniBtn {margin-left:10px;}
.mdlcreate2VDC .miniBtnWhite {margin-left:10px;}
.mdlcreate2VDC input.textInput { width:300px;margin-right:0px; }
.mdlcreate2VDC label { display: inline; }
.mdlcreate2VDC .overlayRight { width:390px; }
.mdlcreate2VDC .overlayRight textarea { width:380px; }
.mdlcreate2VDC .overlayBottom { padding-top:20px; padding-bottom: 18px; width: 100%;}

.mdlEditAllocPool { padding-left: 10px;padding-right: 10px; line-height: 12px; font:22px "Omnes_ATTMedium",sans-serif;}
.mdlEditAllocPool .cornerImage { position:absolute; top:-25px; left:-42px; }
.mdlEditAllocPool h2 { margin:10px 0 20px 50px; padding-top: 20px; }
.mdlEditAllocPool hr { width:656px; }
.mdlEditAllocPool { width:656px; height:auto; }
.mdlEditAllocPool .miniBtn {margin-left:10px;z-index:0;}
.mdlEditAllocPool .miniBtnWhite {margin-left:10px;z-index:0;}
.mdlEditAllocPool input.textInput { width:300px;margin-right:0px; }
.mdlEditAllocPool label { display: inline; }
.mdlEditAllocPool .overlayRight { width:390px; }
.mdlEditAllocPool .overlayRight textarea { width:380px; }
.mdlEditAllocPool .overlayBottom { padding-top:20px; padding-bottom: 18px; width: 100%;}

.mdlAllocationConfirmation { padding-left: 10px;padding-right: 10px; line-height: 12px; font:22px "Omnes_ATTMedium",sans-serif;}
.mdlAllocationConfirmation .cornerImage { position:absolute; top:-25px; left:-42px; }
.mdlAllocationConfirmation h2 { margin:10px 0 20px 50px; padding-top: 20px; }
.mdlAllocationConfirmation hr { width:590px; }
.mdlAllocationConfirmation { width:590px; height:auto; }
.mdlAllocationConfirmation .miniBtn {margin-left:10px;z-index:1;}
.mdlAllocationConfirmation .miniBtnWhite {margin-left:10px;z-index:1;}
.mdlAllocationConfirmation .overlayBottom { padding-top:20px; padding-bottom: 18px; width: 100%;}

.mdlVdcDeleteConfirmation { padding-left: 10px;padding-right: 10px; line-height: 12px; font:22px "Omnes_ATTMedium",sans-serif;}
.mdlVdcDeleteConfirmation .cornerImage { position:absolute; top:-25px; left:-42px; }
.mdlVdcDeleteConfirmation h2 { margin:10px 0 20px 64px; padding-top: 20px; }
.mdlVdcDeleteConfirmation hr { width:614px; }
.mdlVdcDeleteConfirmation { width:614px; height:auto; }
.mdlVdcDeleteConfirmation .miniBtn {margin-left:10px;z-index:1;}
.mdlVdcDeleteConfirmation .miniBtnWhite {margin-left:10px;z-index:1;}
.mdlVdcDeleteConfirmation .overlayBottom { padding-top:20px; padding-bottom: 18px; width: 100%;}

.mdlcreateFW { padding-left: 10px;padding-right: 10px; line-height: 12px; font:22px "Omnes_ATTMedium",sans-serif;}
.mdlcreateFW .cornerImage { position:absolute; top:-25px; left:-42px; }
.mdlcreateFW h2 { margin:10px 0 20px 64px; padding-top: 20px; }
.mdlcreateFW hr { width:622px; }
.mdlcreateFW { width:622px; height:auto; }
.mdlcreateFW label { display: inline; }
.mdlcreateFW .miniBtn {margin-left:10px;z-index:1;}
.mdlcreateFW .miniBtnWhite {margin-left:10px;z-index:1;}
.mdlcreateFW .overlayBottom { padding-top:20px; padding-bottom: 18px; width: 100%;}

.mdleditFW { padding-left: 10px;padding-right: 10px; line-height: 12px; font:22px "Omnes_ATTMedium",sans-serif;}
.mdleditFW .cornerImage { position:absolute; top:-25px; left:-42px; }
.mdleditFW h2 { margin:10px 0 20px 70px; padding-top: 20px; }
.mdleditFW hr { width:622px; }
.mdleditFW { width:622px; height:auto; }
.mdleditFW label { display: inline; }
.mdleditFW .miniBtn {margin-left:10px;z-index:1;}
.mdleditFW .miniBtnWhite {margin-left:10px;z-index:1;}
.mdleditFW .overlayBottom { padding-top:20px; padding-bottom: 18px; width: 100%;}

.mdlcreateLB { padding-left: 10px;padding-right: 10px; line-height: 12px; font:22px "Omnes_ATTMedium",sans-serif;}
.mdlcreateLB .cornerImage { position:absolute; top:-25px; left:-42px; }
.mdlcreateLB h2 { margin:10px 0 20px 64px; padding-top: 20px; }
.mdlcreateLB hr { width:925px; }
.mdlcreateLB { width:925px; height:auto; }
.mdlcreateLB label { display: inline; }
.mdlcreateLB .miniBtn {margin-left:10px;z-index:1;}
.mdlcreateLB .miniBtnWhite {margin-left:10px;z-index:1;}
.mdlcreateLB .overlayBottom { padding-top:20px; padding-bottom: 18px; width: 100%;}

.mdleditLB { padding-left: 10px;padding-right: 10px; line-height: 12px; font:22px "Omnes_ATTMedium",sans-serif;}
.mdleditLB .cornerImage { position:absolute; top:-25px; left:-42px; }
.mdleditLB h2 { margin:10px 0 20px 68px; padding-top: 20px; }
.mdleditLB hr { width:925px; }
.mdleditLB { width:925px; height:auto; }
.mdleditLB label { display: inline; }
.mdleditLB .miniBtn {margin-left:10px;z-index:1;}
.mdleditLB .miniBtnWhite {margin-left:10px;z-index:1;}
.mdleditLB .overlayBottom { padding-top:20px; padding-bottom: 18px; width: 100%;}

.mdlenableBA { padding-left: 10px;padding-right: 10px; line-height: 12px; font:22px "Omnes_ATTMedium",sans-serif;}
.mdlenableBA .cornerImage { position:absolute; top:-25px; left:-42px; }
.mdlenableBA h2 { margin:10px 0 20px 68px; padding-top: 20px; }
.mdlenableBA hr { width:528px; }
.mdlenableBA { width:528px; height:auto; }
.mdlenableBA label { display: inline; }
.mdlenableBA .miniBtn {margin-left:10px;z-index:1;}
.mdlenableBA .miniBtnWhite {margin-left:10px;z-index:1;}
.mdlenableBA .overlayBottom { padding-top:20px; padding-bottom: 18px; width: 100%;}

.mdldisableBA { padding-left: 10px;padding-right: 10px; line-height: 12px; font:22px "Omnes_ATTMedium",sans-serif;}
.mdldisableBA .cornerImage { position:absolute; top:-25px; left:-42px; }
.mdldisableBA h2 { margin:10px 0 20px 68px; padding-top: 20px; }
.mdldisableBA hr { width:500px; }
.mdldisableBA { width:500px; height:auto; }
.mdldisableBA label { display: inline; }
.mdldisableBA .miniBtn {margin-left:10px;z-index:1;}
.mdldisableBA .miniBtnWhite {margin-left:10px;z-index:1;}
.mdldisableBA .overlayBottom { padding-top:20px; padding-bottom: 18px; width: 100%;}

.mdlFirewallDeleteConfirmation { padding-left: 10px;padding-right: 10px; line-height: 12px; font:22px "Omnes_ATTMedium",sans-serif;}
.mdlFirewallDeleteConfirmation .cornerImage { position:absolute; top:-25px; left:-42px; }
.mdlFirewallDeleteConfirmation h2 { margin:10px 0 20px 64px; padding-top: 20px; }
.mdlFirewallDeleteConfirmation hr { width:500px;}
.mdlFirewallDeleteConfirmation { width:534px; height:auto;}
.mdlFirewallDeleteConfirmation .miniBtn {margin-left:10px;z-index:1;}
.mdlFirewallDeleteConfirmation .miniBtnWhite {margin-left:10px;z-index:1;}
.mdlFirewallDeleteConfirmation .overlayBottom { padding-top:20px; padding-bottom: 18px; width: 100%;}

.mdlLoadBalDeleteConfirmation { padding-left: 10px;padding-right: 10px; line-height: 12px; font:22px "Omnes_ATTMedium",sans-serif;}
.mdlLoadBalDeleteConfirmation .cornerImage { position:absolute; top:-25px; left:-42px; }
.mdlLoadBalDeleteConfirmation h2 { margin:10px 0 20px 64px; padding-top: 20px; }
.mdlLoadBalDeleteConfirmation hr { width:500px; }
.mdlLoadBalDeleteConfirmation { width:534px; height:auto;}
.mdlLoadBalDeleteConfirmation .miniBtn {margin-left:10px;z-index:1;}
.mdlLoadBalDeleteConfirmation .miniBtnWhite {margin-left:10px;z-index:1;}
.mdlLoadBalDeleteConfirmation .overlayBottom { padding-top:20px; padding-bottom: 18px; width: 100%;}

.mdlmanageFW { padding-left: 10px;padding-right: 10px; line-height: 12px; font:22px "Omnes_ATTMedium",sans-serif;}
.mdlmanageFW .cornerImage { position:absolute; top:-25px; left:-42px; }
.mdlmanageFW h2 { margin:10px 0 20px 82px; padding-top: 20px; }
.mdlmanageFW hr { width:945px; }
.mdlmanageFW { width:945px; height:auto; }
.mdlmanageFW .miniBtn {margin-left:10px;z-index:1;}
.mdlmanageFW .miniBtnWhite {margin-left:10px;z-index:1;}
.mdlmanageFW .overlayBottom { padding-top:20px; padding-bottom: 18px; width: 100%;}

.mdlVDCDetails { padding-left: 10px;padding-right: 10px; line-height: 12px;}
.mdlVDCDetails .cornerImage { position:absolute; top:-25px; left:-42px; }
.mdlVDCDetails h2 { margin:10px 0 10px 80px; padding-top: 20px; }
.mdlVDCDetails hr { width:620px; }
.mdlVDCDetails { width:620px; height:auto; }
.mdlVDCDetails .miniBtn {margin-left:10px;}
.mdlVDCDetails .miniBtnWhite {margin-left:10px;}
.mdlVDCDetails input.textInput { width:300px;margin-right:0px; }
.mdlVDCDetails label { display: inline; }
.mdlVDCDetails .overlayRight { width:190px; }
.mdlVDCDetails .overlayRight2 { width:390px; }
.mdlVDCDetails .overlayRightDetail .DetailNameDesc { width:390px; }
.mdlVDCDetails .overlayRight textarea { width:380px; }
.mdlVDCDetails .overlayBottom { padding-top:2px; padding-bottom: 18px; width: 100%;}

.mdlmanageLB { padding-left: 10px;padding-right: 10px; line-height: 12px; font:22px "Omnes_ATTMedium",sans-serif;}
.mdlmanageLB .cornerImage { position:absolute; top:-25px; left:-42px; }
.mdlmanageLB h2 { margin:10px 0 20px 82px; padding-top: 20px; }
.mdlmanageLB hr { width:945px; }
.mdlmanageLB { width:945px; height:auto; }
.mdlmanageLB .miniBtn {margin-left:10px;z-index:1;}
.mdlmanageLB .miniBtnWhite {margin-left:10px;z-index:1;}
.mdlmanageLB .overlayBottom { padding-top:20px; padding-bottom: 18px; width: 100%;}

.mdlVMCreate { padding-left: 10px;padding-right: 10px; line-height: 12px;}
.mdlVMCreate .cornerImage { position:absolute; top:-25px; left:-42px; }
.mdlVMCreate h2 { margin:10px 0 10px 80px; padding-top: 20px; }
.mdlVMCreate hr { width:620px; }
.mdlVMCreate { width:695px; height:auto; }
.mdlVMCreate .miniBtn {margin-left:10px;width:70px;text-align: center;}
.mdlVMCreate .miniBtnWhite {margin-left:10px;width:70px;text-align: center;}
.mdlVMCreate label { display: inline; }
.mdlVMCreate .overlayRight { width:390px; }
.mdlVMCreate .overlayRight2 { width:390px; }
.mdlVMCreate .overlayRightDetail .DetailNameDesc { width:390px; margin-left:0}
.mdlVMCreate .overlayRight textarea { width:500px; }
.mdlVMCreate .overlayRight input.textInput { width:125px;}
.mdlVMCreate .overlayBottom { padding-top:20px; padding-bottom: 18px; width: 100%;}

.mdlVMCreateProgress { padding-left: 10px;padding-right: 10px; line-height: 12px;}
.mdlVMCreateProgress .cornerImage { position:absolute; top:-25px; left:-42px; }
.mdlVMCreateProgress h2 { margin:10px 0 10px 80px; padding-top: 20px; }
.mdlVMCreateProgress { width:480px; height:auto; }
.mdlVMCreateProgress .miniBtn {margin-left:10px;width:70px;text-align: center;}
.mdlVMCreateProgress .overlayRight { width:390px; }
.mdlVMCreateProgress .overlayRight2 { width:390px; }
.mdlVMCreateProgress .overlayBottom { padding-top:20px; padding-bottom: 18px; width: 100%;}

.mdlVMDetails { padding-left: 10px;padding-right: 10px; line-height: 12px;}
.mdlVMDetails .cornerImage { position:absolute; top:-25px; left:-42px; }
.mdlVMDetails h2 { margin:10px 0 10px 80px; padding-top: 20px; }
.mdlVMDetails hr { width:620px; }
.mdlVMDetails { width:620px; height:auto; }
.mdlVMDetails .miniBtn {margin-left:10px;}
.mdlVMDetails .miniBtnWhite {margin-left:10px;}
.mdlVMDetails input.textInput { width:500px;margin-right:0px; }
.mdlVMDetails label { display: inline; }
.mdlVMDetails .overlayRight { width:390px; }
.mdlVMDetails .overlayRight2 { width:390px; }
.mdlVMDetails .overlayRightDetail .DetailNameDesc { width:390px; margin-left:0}
.mdlVMDetails .overlayRight textarea { width:380px; }
.mdlVMDetails .overlayBottom { padding-top:2px; padding-bottom: 18px; width: 100%;}

.mdlVMUpdate { padding-left: 10px;padding-right: 10px; line-height: 12px;}
.mdlVMUpdate .cornerImage { position:absolute; top:-25px; left:-42px; }
.mdlVMUpdate h2 { margin:10px 0 10px 80px; padding-top: 20px; }
.mdlVMUpdate hr { width:620px; }
.mdlVMUpdate { width:620px; height:auto; }
.mdlVMUpdate .miniBtn {margin-left:10px;z-index:1;}
.mdlVMUpdate .miniBtnWhite {margin-left:10px;z-index:1;}
.mdlVMUpdate input.textInput { width:375px;margin-right:0px; }
.mdlVMUpdate label { display: inline; }
.mdlVMUpdate .overlayRight { width:390px; }
.mdlVMUpdate .overlayRight2 { width:390px; }
.mdlVMUpdate .overlayRightDetail .DetailNameDesc { width:390px; margin-left:0}
.mdlVMUpdate .overlayRight textarea { width:380px; }
.mdlVMUpdate .overlayBottom { padding-top: 2px; padding-right: 10px; padding-bottom: 18px; float: right; }

.mdlVMPowerOn { padding-left: 10px;padding-right: 10px; line-height: 12px;}
.mdlVMPowerOn .cornerImage { position:absolute; top:-25px; left:-42px; }
.mdlVMPowerOn h2 { margin:10px 0 10px 80px; padding-top: 20px; }
.mdlVMPowerOn { width:435px; height:auto; }
.mdlVMPowerOn .miniBtn {margin-left:10px;width:50px;text-align: center;}
.mdlVMPowerOn .miniBtnWhite {margin-left:10px;width:50px;text-align: center;}
.mdlVMPowerOn .overlayRight { width:390px; }
.mdlVMPowerOn .overlayRight2 { width:390px; }
.mdlVMPowerOn .overlayBottom { padding-top:20px; padding-bottom: 18px; width: 100%;}

.mdlVMClone { padding-left: 10px;padding-right: 10px; line-height: 12px;}
.mdlVMClone .cornerImage { position:absolute; top:-25px; left:-42px; }
.mdlVMClone h2 { margin:10px 0 10px 80px; padding-top: 20px; }
.mdlVMClone { width:500px; height:auto; }
.mdlVMClone .miniBtn {margin-left:10px;width:50px;text-align: center;}
.mdlVMClone .miniBtnWhite {margin-left:10px;width:50px;text-align: center;}
.mdlVMClone .overlayRight { width:390px; }
.mdlVMClone .overlayRight2 { width:390px; }
.mdlVMClone .overlayBottom { padding-top:20px; padding-bottom: 18px; width: 100%;}
.mdlVMClone #vmCloneConstraints { line-height: 18px; padding-left: 25px; padding-bottom: 10px; }

.mdlVMResetPassword { padding-left: 10px;padding-right: 10px; line-height: 12px;}
.mdlVMResetPassword .cornerImage { position:absolute; top:-25px; left:-42px; }
.mdlVMResetPassword h2 { margin:10px 0 10px 80px; padding-top: 20px; }
.mdlVMResetPassword { width:475px; height:auto; }
.mdlVMResetPassword .miniBtn {margin-left:10px;}
.mdlVMResetPassword .miniBtnWhite {margin-left:10px;}
.mdlVMResetPassword .overlayRight { width:300px; }
.mdlVMResetPassword .overlayRight2 { width:390px; }
.mdlVMResetPassword .overlayBottom { padding-top:20px; padding-bottom: 18px; width: 100%;}

.mdlVMPowerOff { padding-left: 10px;padding-right: 10px; line-height: 12px;}
.mdlVMPowerOff .cornerImage { position:absolute; top:-25px; left:-42px; }
.mdlVMPowerOff h2 { margin:10px 0 10px 80px; padding-top: 20px; }
.mdlVMPowerOff { width:475px; height:auto; }
.mdlVMPowerOff .miniBtn {margin-left:10px;width:50px;text-align: center;}
.mdlVMPowerOff .miniBtnWhite {margin-left:10px;width:50px;text-align: center;}
.mdlVMPowerOff .overlayRight { width:390px; }
.mdlVMPowerOff .overlayRight2 { width:390px; }
.mdlVMPowerOff .overlayBottom { padding-top:20px; padding-bottom: 18px; width: 100%;}

.mdlVMRestart { padding-left: 10px;padding-right: 10px; line-height: 12px;}
.mdlVMRestart .cornerImage { position:absolute; top:-25px; left:-42px; }
.mdlVMRestart h2 { margin:10px 0 10px 80px; padding-top: 20px; }
.mdlVMRestart { width:445px; height:auto; }
.mdlVMRestart .miniBtn {margin-left:10px;width:50px;text-align: center;}
.mdlVMRestart .miniBtnWhite {margin-left:10px;width:50px;text-align: center;}
.mdlVMRestart .overlayRight { width:390px; }
.mdlVMRestart .overlayRight2 { width:390px; }
.mdlVMRestart .overlayBottom { padding-top:20px; padding-bottom: 18px; width: 100%;}

.mdlVMShutdown { padding-left: 10px;padding-right: 10px; line-height: 12px;}
.mdlVMShutdown .cornerImage { position:absolute; top:-25px; left:-42px; }
.mdlVMShutdown h2 { margin:10px 0 10px 80px; padding-top: 20px; }
.mdlVMShutdown { width:465px; height:auto; }
.mdlVMShutdown .miniBtn {margin-left:10px;width:50px;text-align: center;}
.mdlVMShutdown .miniBtnWhite {margin-left:10px;width:50px;text-align: center;}
.mdlVMShutdown .overlayRight { width:390px; }
.mdlVMShutdown .overlayRight2 { width:390px; }
.mdlVMShutdown .overlayBottom { padding-top:20px; padding-bottom: 18px; width: 100%;}

.mdlVMReset { padding-left: 10px;padding-right: 10px; line-height: 12px;}
.mdlVMReset .cornerImage { position:absolute; top:-25px; left:-42px; }
.mdlVMReset h2 { margin:10px 0 10px 80px; padding-top: 20px; }
.mdlVMReset { width:415px; height:auto; }
.mdlVMReset .miniBtn {margin-left:10px;width:50px;text-align: center;}
.mdlVMReset .miniBtnWhite {margin-left:10px;width:50px;text-align: center;}
.mdlVMReset .overlayRight { width:390px; }
.mdlVMReset .overlayRight2 { width:390px; }
.mdlVMReset .overlayBottom { padding-top:20px; padding-bottom: 18px; width: 100%;}

.mdlVMAssignIPv6 { padding-left: 10px;padding-right: 10px; line-height: 12px;}
.mdlVMAssignIPv6 .cornerImage { position:absolute; top:-25px; left:-42px; }
.mdlVMAssignIPv6 h2 { margin:10px 0 10px 80px; padding-top: 5px; font-size: 23px;}
.mdlVMAssignIPv6 { width:415px; height:auto; }
.mdlVMAssignIPv6 .miniBtn {margin-left:10px;width:50px;text-align: center;}
.mdlVMAssignIPv6 .miniBtnWhite {margin-left:10px;width:50px;text-align: center;}
.mdlVMAssignIPv6 .overlayRight { width:390px; }
.mdlVMAssignIPv6 .overlayRight2 { width:390px; }
.mdlVMAssignIPv6 .overlayBottom { padding-top:20px; padding-bottom: 18px; width: 100%;}

.mdlVMDelete { padding-left: 10px;padding-right: 10px; line-height: 12px;}
.mdlVMDelete .cornerImage { position:absolute; top:-25px; left:-42px; }
.mdlVMDelete h2 { margin:10px 0 10px 80px; padding-top: 5px; padding-bottom: 8px;}
.mdlVMDelete { width:415px; height:auto; }
.mdlVMDelete .miniBtn {margin-left:10px;width:50px;text-align: center;}
.mdlVMDelete .miniBtnWhite {margin-left:10px;width:50px;text-align: center;}
.mdlVMDelete .overlayRight { width:390px; }
.mdlVMDelete .overlayRight2 { width:390px; }
.mdlVMDelete .overlayBottom { padding-top:20px; padding-bottom: 18px; width: 100%;}

.mdlVMAttachVolume { padding-left: 10px;padding-right: 10px; line-height: 12px;}
.mdlVMAttachVolume .cornerImage { position:absolute; top:-25px; left:-42px; }
.mdlVMAttachVolume h2 { margin:10px 0 10px 80px; padding-top: 5px; font-size: 23px;}
.mdlVMAttachVolume .vmMIPheading { margin-left: 10px; margin-top:5px; }
.mdlVMAttachVolume { width:715px; height:auto; }
.mdlVMAttachVolume .miniBtn {margin-left:10px;width:70px;text-align: center;}
.mdlVMAttachVolume .miniBtnWhite {margin-left:10px;width:70px;text-align: center;}
.mdlVMAttachVolume .overlayRight { width:390px; }
.mdlVMAttachVolume .overlayRight2 { width:390px; }
.mdlVMAttachVolume .overlayBottom { padding-top:20px; padding-bottom: 18px; width: 100%;}

.mdlVMDetachVolume { padding-left: 10px;padding-right: 10px; line-height: 12px;}
.mdlVMDetachVolume .cornerImage { position:absolute; top:-25px; left:-42px; }
.mdlVMDetachVolume h2 { margin:10px 0 10px 80px; padding-top: 5px; font-size: 23px;}
.mdlVMDetachVolume .vmMIPheading { margin-left: 10px; margin-top:5px; }
.mdlVMDetachVolume { width:715px; height:auto; }
.mdlVMDetachVolume .miniBtn {margin-left:10px;width:80px;text-align: center;}
.mdlVMDetachVolume .miniBtnWhite {margin-left:10px;width:50px;text-align: center;}
.mdlVMDetachVolume .overlayRight { width:390px; }
.mdlVMDetachVolume .overlayRight2 { width:390px; }
.mdlVMDetachVolume .overlayBottom { padding-top:20px; padding-bottom: 18px; width: 100%;}

.mdlVMRestore { padding-left: 10px;padding-right: 10px; line-height: 12px;}
.mdlVMRestore .cornerImage { position:absolute; top:-25px; left:-42px; }
.mdlVMRestore h2 { margin:10px 0 10px 80px; padding-top: 5px; font-size: 23px;}
.mdlVMRestore .vmMIPheading { margin-left: 10px; margin-top:5px; }
.mdlVMRestore .pBuffer {height:0px;}
.mdlVMRestore { width:725px; height:auto; }
.mdlVMRestore .miniBtnWhite {margin-left:10px;margin-right:10px; width:70px;text-align: center;}
.mdlVMRestore .overlayRight { width:390px; }
.mdlVMRestore .overlayRight2 { width:390px; }
.mdlVMRestore .overlayBottom { padding-top:20px; padding-bottom: 18px; width: 100%;}

.mdlvmRestoreVMsDialog { padding-left: 10px;padding-right: 10px; line-height: 12px;}
.mdlvmRestoreVMsDialog .cornerImage { position:absolute; top:-25px; left:-42px; }
.mdlvmRestoreVMsDialog h2 { margin:10px 0 10px 80px; padding-top: 5px; font-size: 23px;}
.mdlvmRestoreVMsDialog .vmMIPheading { margin-left: 10px; margin-top:5px; }
.mdlvmRestoreVMsDialog { width:415px; height:auto; }
.mdlvmRestoreVMsDialog .overlayRight { width:390px; }
.mdlvmRestoreVMsDialog .overlayRight2 { width:390px; }
.mdlvmRestoreVMsDialog .overlayBottom { padding-top:20px; padding-bottom: 18px; width: 100%;}

.mdlVMManageIPs { padding-left: 10px;padding-right: 10px; line-height: 12px;}
.mdlVMManageIPs .cornerImage { position:absolute; top:-25px; left:-42px; }
.mdlVMManageIPs h2 { margin:10px 0 10px 80px; padding-top: 10px; }
.mdlVMManageIPs hr { width:620px; }
.mdlVMManageIPs { width:708px; height:auto; }
.mdlVMManageIPs .miniBtn {margin-left:10px;width:80px;text-align: center;margin-top: 20px;}
.mdlVMManageIPs .miniBtnWhite {margin-left:10px;width:80px;text-align: center;margin-top: 20px;}
.mdlVMManageIPs .pBuffer {height:0px;}
.mdlVMManageIPs .vmMIPheading { margin-left: 10px; margin-top:5px; }
.mdlVMManageIPs input.textInput { width:40px;margin-right:0px;display: inline; }
.mdlVMManageIPs .overlayRight { width:390px; }
.mdlVMManageIPs .overlayRight2 { width:390px; }
.mdlVMManageIPs .overlayRightDetail .DetailNameDesc { width:390px; margin-left:0}
.mdlVMManageIPs .overlayRight textarea { width:380px; }
.mdlVMManageIPs .overlayBottom { padding-top:2px; padding-bottom: 18px; width: 100%;}

.mdlvmManageIPsDialog { padding-left: 10px;padding-right: 10px; line-height: 12px;}
.mdlvmManageIPsDialog .cornerImage { position:absolute; top:-25px; left:-42px; }
.mdlvmManageIPsDialog h2 { margin:10px 0 10px 80px; padding-top: 5px; font-size: 23px;}
.mdlvmManageIPsDialog .vmMIPheading { margin-left: 10px; margin-top:5px; }
.mdlvmManageIPsDialog { width:415px; height:auto; }
.mdlvmManageIPsDialog .overlayRight { width:390px; }
.mdlvmManageIPsDialog .overlayRight2 { width:390px; }
.mdlvmManageIPsDialog .overlayBottom { padding-top:20px; padding-bottom: 18px; width: 100%;}

.mdlvmManageIPsDeleteDialog { padding-left: 10px;padding-right: 10px; line-height: 12px;}
.mdlvmManageIPsDeleteDialog .cornerImage { position:absolute; top:-25px; left:-42px; }
.mdlvmManageIPsDeleteDialog h2 { margin:10px 0 10px 80px; padding-top: 5px; padding-bottom: 8px;}
.mdlvmManageIPsDeleteDialog { width:495px; height:auto; }
.mdlvmManageIPsDeleteDialog .miniBtn {margin-left:10px;width:50px;text-align: center;}
.mdlvmManageIPsDeleteDialog .miniBtnWhite {margin-left:10px;width:50px;text-align: center;}
.mdlvmManageIPsDeleteDialog .overlayRight { width:390px; }
.mdlvmManageIPsDeleteDialog .overlayRight2 { width:390px; }
.mdlvmManageIPsDeleteDialog .overlayBottom { padding-top:20px; padding-bottom: 18px; width: 100%;}
.mdlWelcomeDialog { padding-left: 10px;padding-right: 10px; line-height: 12px; font:22px "Omnes_ATTMedium",sans-serif;}
.mdlWelcomeDialog .cornerImage { position:absolute; top:-25px; left:-42px; }
.mdlWelcomeDialog h2 { margin:10px 0 20px 68px; padding-top: 20px; }
.mdlWelcomeDialog hr { width:735px; }
.mdlWelcomeDialog { width:735px; height:auto; }
.mdlWelcomeDialog label { display: inline; }
.mdlWelcomeDialog .miniBtn {margin-left:10px;z-index:1;}
.mdlWelcomeDialog .miniBtnWhite {margin-left:10px;z-index:1;}
.mdlWelcomeDialog .overlayBottom { padding-top:20px; padding-bottom: 18px; width: 100%;}
.mdlWelcomeDialog .overlayCenter {text-align: center; padding-bottom: 20px; width: 100%;}
.mdlWelcomeDialog .overlayCenter a {outline: none;}
.mdlWelcomeDialog .welcomeCopy{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 22px;margin-bottom: 20px;color: #191919;text-align: center;letter-spacing: 0px;}
.mdlWelcomeDialog .smallerCopy{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 14px;color: #191919;margin-bottom: 20px;text-align: center;letter-spacing: 0px;}

.mdlmyCloud { padding-left: 10px;padding-right: 10px; line-height: 12px;}
.mdlmyCloud .cornerImage { position:absolute; top:-25px; left:-42px; }
.mdlmyCloud h2 { margin:10px 0 10px 80px; padding-top: 20px; }
.mdlmyCloud hr { width:600px; }
.mdlmyCloud { width:600px; height:auto; }
.mdlmyCloud .miniBtn {margin-left:10px;}
.mdlmyCloud .miniBtnWhite {margin-left:10px;}
.mdlmyCloud input.textInput { width:300px;margin-right:0px; }
.mdlmyCloud label { display: inline; }
.mdlmyCloud .overlayRight { width:230px; }
.mdlmyCloud .overlayBottom { padding-top:2px; padding-bottom: 18px; width: 100%;}

.mdlchooseLoc { padding-left: 10px;padding-right: 10px; line-height: 12px;}
.mdlchooseLoc .cornerImage { position:absolute; top:-25px; left:-42px; }
.mdlchooseLoc h2 { margin:10px 0 10px 80px; padding-top: 20px; }
.mdlchooseLoc hr { width:600px; }
.mdlchooseLoc { width:600px; height:auto; }
.mdlchooseLoc .miniBtn {margin-left:10px;}
.mdlchooseLoc .miniBtnWhite {margin-left:10px;}
.mdlchooseLoc .overlayBottom { padding-top:2px; padding-bottom: 18px; width: 100%;}

.mdlMapSharedVolume .cornerImage { position:absolute; top:-25px; left:-42px; }
.mdlMapSharedVolume { padding-left: 10px;padding-right: 10px; line-height: 12px;}
.mdlMapSharedVolume h2 { margin:0px 0 10px 60px; padding-top: 20px; }
.mdlMapSharedVolume hr { width:620px; }
.mdlMapSharedVolume { width:660px; height:257px; padding: 0 18px; }
.mdlMapSharedVolume .miniBtn {margin-left:10px;}
.mdlMapSharedVolume .miniBtnWhite {margin-left:10px;}
.mdlMapSharedVolume input.textInput { width:300px }
.mdlMapSharedVolume .overlayBottom { padding: 60px 0 18px 0; }
.mdlMapSharedVolume #part1 { width: 175px; float: left; }
.mdlMapSharedVolume #part2 { width: 400px; float: right; }

.mdlsubConfRequest1 { padding-left: 10px;padding-right: 10px; line-height: 12px;}
.mdlsubConfRequest1 .cornerImage { position:absolute; top:-25px; left:-42px; }
.mdlsubConfRequest1 h2 { margin:10px 0 10px 80px; padding-top: 20px; }
.mdlsubConfRequest1 hr { width:455px; }
.mdlsubConfRequest1 { width:455px; height:auto; }
.mdlsubConfRequest1 .miniBtn {margin-left:10px;}
.mdlsubConfRequest1 .miniBtnWhite {margin-left:10px;}
.mdlsubConfRequest1 .overlayBottom { padding-top:2px; padding-bottom: 18px; width: 100%;}

.mdlsubConfRequest2 { padding-left: 10px;padding-right: 10px; line-height: 12px;}
.mdlsubConfRequest2 .cornerImage { position:absolute; top:-25px; left:-42px; }
.mdlsubConfRequest2 h2 { margin:10px 0 10px 80px; padding-top: 20px; }
.mdlsubConfRequest2 hr { width:455px; }
.mdlsubConfRequest2 { width:455px; height:auto; }
.mdlsubConfRequest2 .miniBtn {margin-left:10px;}
.mdlsubConfRequest2 .miniBtnWhite {margin-left:10px;}
.mdlsubConfRequest2 .overlayBottom { padding-top:2px; padding-bottom: 18px; width: 100%;}

.mdlsubConfRequest3 { padding-left: 10px;padding-right: 10px; line-height: 12px;}
.mdlsubConfRequest3 .cornerImage { position:absolute; top:-25px; left:-42px; }
.mdlsubConfRequest3 h2 { margin:10px 0 10px 80px; padding-top: 20px; }
.mdlsubConfRequest3 hr { width:455px; }
.mdlsubConfRequest3 { width:455px; height:auto; }
.mdlsubConfRequest3 .miniBtn {margin-left:10px;}
.mdlsubConfRequest3 .miniBtnWhite {margin-left:10px;}
.mdlsubConfRequest3 .overlayBottom { padding-top:2px; padding-bottom: 18px; width: 100%;}

.mdlsubConfRequest4 { padding-left: 10px;padding-right: 10px; line-height: 12px;}
.mdlsubConfRequest4 .cornerImage { position:absolute; top:-25px; left:-42px; }
.mdlsubConfRequest4 h2 { margin:10px 0 10px 80px; padding-top: 20px; }
.mdlsubConfRequest4 hr { width:455px; }
.mdlsubConfRequest4 { width:455px; height:auto; }
.mdlsubConfRequest4 .miniBtn {margin-left:10px;}
.mdlsubConfRequest4 .miniBtnWhite {margin-left:10px;}
.mdlsubConfRequest4 .overlayBottom { padding-top:2px; padding-bottom: 18px; width: 100%;}

.mdluidSecrets { padding-left: 10px;padding-right: 10px; line-height: 12px;}
.mdluidSecrets .cornerImage { position:absolute; top:-25px; left:-42px; }
.mdluidSecrets h2 { margin:10px 0 10px 80px; padding-top: 20px; }
.mdluidSecrets hr { width:620px; }
.mdluidSecrets { width:620px; height:auto; }
.mdluidSecrets .miniBtn {margin-left:10px;}
.mdluidSecrets .miniBtnWhite {margin-left:10px;}
.mdluidSecrets .overlayRight { width: 600px;}
.mdluidSecrets .overlayBottom { padding-top:2px; padding-bottom: 18px; width: 100%;}

.mdlupdateSubtenant { padding-left: 10px;padding-right: 10px; line-height: 12px;}
.mdlupdateSubtenant .cornerImage { position:absolute; top:-25px; left:-42px; }
.mdlupdateSubtenant h2 { margin:10px 0 10px 80px; padding-top: 20px; }
.mdlupdateSubtenant hr { width:455px; }
.mdlupdateSubtenant { width:455px; height:auto; }
.mdlupdateSubtenant .miniBtn {margin-left:10px;}
.mdlupdateSubtenant .miniBtnWhite {margin-left:10px;}
.mdlupdateSubtenant .overlayBottom { padding-top:2px; padding-bottom: 18px; width: 100%;}

.mdladdressOverLayWindowGeneric { padding-left: 10px;padding-right: 10px; line-height: 12px;}
.mdladdressOverLayWindowGeneric .cornerImage { position:absolute; top:-25px; left:-42px; }
.mdladdressOverLayWindowGeneric h2 { margin:10px 0 10px 80px; padding-top: 20px; }
.mdladdressOverLayWindowGeneric hr { width:455px; }
.mdladdressOverLayWindowGeneric { width:455px; height:auto; }
.mdladdressOverLayWindowGeneric .miniBtn {margin-left:10px;}
.mdladdressOverLayWindowGeneric .miniBtnWhite {margin-left:10px;}
.mdladdressOverLayWindowGeneric .overlayBottom { padding-top:2px; padding-bottom: 18px; width: 100%;}

.modalx .overlayBottom {clear:both;padding-top: 20px;text-align:right;float: left;}
.modalx .overlayBottom a {padding-left: 10px;outline: none;}

.mdlalertOverLayWindowGeneric { padding-left: 10px;padding-right: 10px; line-height: 12px;}
.mdlalertOverLayWindowGeneric .cornerManage { position:absolute; top:-25px; left:-42px; }
.mdlalertOverLayWindowGeneric h2 { margin:10px 0 10px 80px; padding-top: 5px; padding-bottom: 8px; line-height:24px;}
.mdlalertOverLayWindowGeneric hr { width:535px; }
.mdlalertOverLayWindowGeneric { width:535px; height:auto; }
.mdlalertOverLayWindowGeneric .miniBtn {margin-left:10px;margin-right:10px;}
.mdlalertOverLayWindowGeneric .miniBtnWhite {margin-left:10px;}
.mdlalertOverLayWindowGeneric .overlayBottom { padding-top:20px; padding-bottom: 18px; width: 100%;}

.mdlconfirmOverLayWindowGeneric { padding-left: 10px;padding-right: 10px; line-height: 12px;}
.mdlconfirmOverLayWindowGeneric .cornerManage { position:absolute; top:-25px; left:-42px; }
.mdlconfirmOverLayWindowGeneric h2 { margin:10px 0 10px 80px; padding-top: 5px; padding-bottom: 8px; line-height: 24px;}
.mdlconfirmOverLayWindowGeneric hr { width:435px; }
.mdlconfirmOverLayWindowGeneric { width:435px; height:auto; }
.mdlconfirmOverLayWindowGeneric .miniBtn {margin-left:10px;margin-right:10px;}
.mdlconfirmOverLayWindowGeneric .miniBtnWhite {margin-left:10px;}
.mdlconfirmOverLayWindowGeneric .overlayBottom { padding-top:20px; padding-bottom: 18px; width: 100%;}


.mdlmiimTestConfRequest { padding-left: 10px;padding-right: 10px; line-height: 12px;}
.mdlmiimTestConfRequest .cornerImage { position:absolute; top:-25px; left:-42px; }
.mdlmiimTestConfRequest h2 { margin:10px 0 10px 80px; padding-top: 20px; }
.mdlmiimTestConfRequest hr { width:455px; }
.mdlmiimTestConfRequest { width:455px; height:auto; }
.mdlmiimTestConfRequest .miniBtn {margin-left:10px;}
.mdlmiimTestConfRequest .miniBtnWhite {margin-left:10px;}
.mdlmiimTestConfRequest .overlayBottom { padding-top:2px; padding-bottom: 18px; width: 100%;}

.mdlcreateSubtenant { padding-left: 10px;padding-right: 10px; line-height: 12px;}
.mdlcreateSubtenant .cornerImage { position:absolute; top:-25px; left:-42px; }
.mdlcreateSubtenant h2 { margin:10px 0 10px 80px; padding-top: 20px; }
.mdlcreateSubtenant hr { width:455px; }
.mdlcreateSubtenant { width:455px; height:auto; }
.mdlcreateSubtenant .miniBtn {margin-left:10px;}
.mdlcreateSubtenant .miniBtnWhite {margin-left:10px;}
.mdlcreateSubtenant .overlayBottom { padding-top:2px; padding-bottom: 18px; width: 100%;}

.mdlcreateUserID { padding-left: 10px;padding-right: 10px; line-height: 12px;}
.mdlcreateUserID .cornerImage { position:absolute; top:-25px; left:-42px; }
.mdlcreateUserID h2 { margin:10px 0 10px 80px; padding-top: 20px; }
.mdlcreateUserID hr { width:455px; }
.mdlcreateUserID { width:455px; height:auto; }
.mdlcreateUserID .miniBtn {margin-left:10px;}
.mdlcreateUserID .miniBtnWhite {margin-left:10px;}
.mdlcreateUserID .overlayBottom { padding-top:2px; padding-bottom: 18px; width: 100%;}

.mdldeleteSubtenant { padding-left: 10px;padding-right: 10px; line-height: 12px;}
.mdldeleteSubtenant .cornerImage { position:absolute; top:-25px; left:-42px; }
.mdldeleteSubtenant h2 { margin:10px 0 10px 80px; padding-top: 20px; }
.mdldeleteSubtenant hr { width:455px; }
.mdldeleteSubtenant { width:455px; height:auto; }
.mdldeleteSubtenant .miniBtn {margin-left:10px;}
.mdldeleteSubtenant .miniBtnWhite {margin-left:10px;}
.mdldeleteSubtenant .overlayBottom { padding-top:2px; padding-bottom: 18px; width: 100%;}

.mdldisableUID { padding-left: 10px;padding-right: 10px; line-height: 12px;}
.mdldisableUID .cornerImage { position:absolute; top:-25px; left:-42px; }
.mdldisableUID h2 { margin:10px 0 10px 80px; padding-top: 20px; }
.mdldisableUID hr { width:455px; }
.mdldisableUID { width:455px; height:auto; }
.mdldisableUID .miniBtn {margin-left:10px;}
.mdldisableUID .miniBtnWhite {margin-left:10px;}
.mdldisableUID .overlayBottom { padding-top:2px; padding-bottom: 18px; width: 100%;}

.mdlenableUID { padding-left: 10px;padding-right: 10px; line-height: 12px;}
.mdlenableUID .cornerImage { position:absolute; top:-25px; left:-42px; }
.mdlenableUID h2 { margin:10px 0 10px 80px; padding-top: 20px; }
.mdlenableUID hr { width:455px; }
.mdlenableUID { width:455px; height:auto; }
.mdlenableUID .miniBtn {margin-left:10px;}
.mdlenableUID .miniBtnWhite {margin-left:10px;}
.mdlenableUID .overlayBottom { padding-top:2px; padding-bottom: 18px; width: 100%;}

.mdlmiimupdateSubtenant { padding-left: 10px;padding-right: 10px; line-height: 12px;}
.mdlmiimupdateSubtenant .cornerImage { position:absolute; top:-25px; left:-42px; }
.mdlmiimupdateSubtenant h2 { margin:10px 0 10px 80px; padding-top: 20px; }
.mdlmiimupdateSubtenant hr { width:455px; }
.mdlmiimupdateSubtenant { width:455px; height:auto; }
.mdlmiimupdateSubtenant .miniBtn {margin-left:10px;}
.mdlmiimupdateSubtenant .miniBtnWhite {margin-left:10px;}
.mdlmiimupdateSubtenant .overlayBottom { padding-top:2px; padding-bottom: 18px; width: 100%;}

.sharedStorageInnerWrapper {
       overflow: visisble;
       padding: 8px 20px 20px 20px;
       border: 1px solid #e4e4e4;
       margin-top: -1px; 
       margin-bottom: 20px;
}
.sharedStorageInnerWrapper .vdcFilter {float: left; margin-left: 192px; margin-top: 8px;}
.sharedStorageInnerWrapper .vdcFilter .selectBox {width: 100px!important;}
.sharedStorageInnerWrapper .volumeNameFilter {float: left; margin-left: 8px; margin-top: 8px;}
.sharedStorageInnerWrapper .volumeNameFilter .selectBox {width: 100px!important;}
.sharedStorageInnerWrapper .addVolume {/*width: 100px;*/float: left; margin-left: 5px; margin-top: 2px;}
.volumeName{width: 220px; overflow: hidden; color: #191919; font-weight: bold; white-space: nowrap;}
.sharedStorageInnerWrapper .inactive {color:#191919; font-size:11px;}
/*End of Shared Storage Classes*/

.mdlCreateSharedStorage .cornerImage { position:absolute; top:-25px; left:-42px; }
.mdlCreateSharedStorage h2 { margin:20px 0 20px 50px; padding-top: 20px; }
.mdlCreateSharedStorage hr { width:420px; }
.mdlCreateSharedStorage {width:460px; height:auto;}
.mdlCreateSharedStorage .overlayRight{ width:300px!important;}
.mdlCreateSharedStorage .miniBtn {margin-left:10px;}
.mdlCreateSharedStorage .miniBtnWhite {margin-left:10px;}
.mdlCreateSharedStorage input.textInput { width:300px }
.mdlCreateSharedStorage .overlayBottom { padding-top:8px; padding-bottom: 18px; padding-right: 20px; width: 96%; }

.mdlDeleteSharedStorage .cornerImage { position:absolute; top:-25px; left:-42px; }
.mdlDeleteSharedStorage h2 { margin:20px 0 20px 50px; padding-top: 20px; }
.mdlDeleteSharedStorage hr { width:620px; }
.mdlDeleteSharedStorage { width:660px; height:auto; }
.mdlDeleteSharedStorage .miniBtn {margin-left:10px;}
.mdlDeleteSharedStorage .miniBtnWhite {margin-left:10px;}
.mdlDeleteSharedStorage input.textInput { width:300px }
.mdlDeleteSharedStorage #part1 { padding: 18px 18px 0 18px; }
.mdlDeleteSharedStorage .overlayBottom { padding-top:8px; padding-bottom: 18px; padding-right: 20px; width: 96%; }

.mdlSharedStorageDetails .cornerImage { position:absolute; top:-25px; left:-42px; }
.mdlSharedStorageDetails h2 { margin:20px 0 20px 50px; padding-top: 20px; }
.mdlSharedStorageDetails hr { width:480px; }
.mdlSharedStorageDetails { width:480px; height:auto; }
.mdlSharedStorageDetails .overlayRight{ width:200px;}
.mdlSharedStorageDetails .miniBtn {margin-left:10px;}
.mdlSharedStorageDetails .miniBtnWhite {margin-left:10px;}
.mdlSharedStorageDetails input.textInput { width:300px }
.mdlSharedStorageDetails .overlayBottom { padding-top:2px; padding-bottom: 18px; padding-right: 20px; width: 96%; }

.mdlupdSharedStorage .cornerModify { position:absolute; top:-25px; left:-42px; }
.mdlupdSharedStorage h2 { margin:20px 0 20px 70px; padding-top: 20px; }
.mdlupdSharedStorage hr { width:620px; }
.mdlupdSharedStorage { width:660px; height:auto; }
.mdlupdSharedStorage .miniBtn {margin-left:10px;}
.mdlupdSharedStorage .miniBtnWhite {margin-left:10px;}
.mdlupdSharedStorage input.textInput { width:300px; }
.mdlupdSharedStorage .overlayBottom { padding-top:2px; padding-bottom: 18px; padding-right: 20px; width: 96%; }

.mdlupdSharedStorageConf .cornerImage { position:absolute; top:-25px; left:-42px; }
.mdlupdSharedStorageConf h2 { margin:20px 0 20px 70px; padding-top: 20px; }
.mdlupdSharedStorageConf hr { width:710px; }
.mdlupdSharedStorageConf { width:750px; height:auto; }
.mdlupdSharedStorageConf .miniBtn {margin-left:10px;}
.mdlupdSharedStorageConf .miniBtnWhite {margin-left:10px;}
.mdlupdSharedStorageConf input.textInput { width:300px }
.mdlupdSharedStorageConf .overlayBottom { padding-top:2px; padding-bottom: 18px; padding-right: 20px; width: 96%; }

.mdlvappAddCatalog { padding-left: 10px;padding-right: 10px; line-height: 12px;}
.mdlvappAddCatalog .cornerImage { position:absolute; top:-25px; left:-42px; }
.mdlvappAddCatalog h2 { margin:10px 0 10px 80px; padding-top: 20px; }
.mdlvappAddCatalog hr { width:700px; }
.mdlvappAddCatalog { width:700px; height:auto; }
.mdlvappAddCatalog .miniBtn {margin-left:10px;}
.mdlvappAddCatalog .miniBtnWhite {margin-left:10px;}
.mdlvappAddCatalog .overlayBottom { padding-top:2px; padding-bottom: 18px; padding-right: 20px; width: 100%; }

.mdlvappCopyMediaTemplate { padding-left: 10px;padding-right: 10px; line-height: 12px;}
.mdlvappCopyMediaTemplate .cornerImage { position:absolute; top:-25px; left:-42px; }
.mdlvappCopyMediaTemplate h2 { margin:10px 0 10px 80px; padding-top: 20px; }
.mdlvappCopyMediaTemplate hr { width:755px; }
.mdlvappCopyMediaTemplate { width:755px; height:auto; }
.mdlvappCopyMediaTemplate .miniBtn {margin-left:10px;}
.mdlvappCopyMediaTemplate .miniBtnWhite {margin-left:10px;}
.mdlvappCopyMediaTemplate .overlayBottom { padding-top:2px; padding-bottom: 18px; width: 100%;}

.mdlvappCopyMediaTemplateDelete { padding-left: 10px;padding-right: 10px; line-height: 12px;}
.mdlvappCopyMediaTemplateDelete .cornerImage { position:absolute; top:-25px; left:-42px; }
.mdlvappCopyMediaTemplateDelete h2 { margin:10px 0 10px 80px; padding-top: 20px; }
.mdlvappCopyMediaTemplateDelete hr { width:555px; }
.mdlvappCopyMediaTemplateDelete { width:555px; height:auto; }
.mdlvappCopyMediaTemplateDelete .miniBtn {margin-left:10px;}
.mdlvappCopyMediaTemplateDelete .miniBtnWhite {margin-left:10px;}
.mdlvappCopyMediaTemplateDelete .overlayBottom { padding-top:2px; padding-bottom: 18px; width: 100%;}

.mdlvappCopyTemplate { padding-left: 10px;padding-right: 10px; line-height: 12px;}
.mdlvappCopyTemplate .cornerImage { position:absolute; top:-25px; left:-42px; }
.mdlvappCopyTemplate h2 { margin:10px 0 10px 80px; padding-top: 20px; }
.mdlvappCopyTemplate hr { width:755px; }
.mdlvappCopyTemplate { width:755px; height:auto; }
.mdlvappCopyTemplate .miniBtn {margin-left:10px;}
.mdlvappCopyTemplate .miniBtnWhite {margin-left:10px;}
.mdlvappCopyTemplate .overlayBottom { padding-top:2px; padding-bottom: 18px; width: 100%;}

.mdlvappCopyTemplateDelete { padding-left: 10px;padding-right: 10px; line-height: 12px;}
.mdlvappCopyTemplateDelete .cornerImage { position:absolute; top:-25px; left:-42px; }
.mdlvappCopyTemplateDelete h2 { margin:10px 0 10px 80px; padding-top: 20px; }
.mdlvappCopyTemplateDelete hr { width:555px; }
.mdlvappCopyTemplateDelete { width:555px; height:auto; }
.mdlvappCopyTemplateDelete .miniBtn {margin-left:10px;}
.mdlvappCopyTemplateDelete .miniBtnWhite {margin-left:10px;}
.mdlvappCopyTemplateDelete .overlayBottom { padding-top:2px; padding-bottom: 18px; width: 100%;}

.mdlvappDeleteDialog { padding-left: 10px;padding-right: 10px; line-height: 12px;}
.mdlvappDeleteDialog .cornerImage { position:absolute; top:-25px; left:-42px; }
.mdlvappDeleteDialog h2 { margin:10px 0 10px 80px; padding-top: 20px; }
.mdlvappDeleteDialog hr { width:460px; }
.mdlvappDeleteDialog { width:460px; height:auto; }
.mdlvappDeleteDialog .miniBtn {margin-left:10px;}
.mdlvappDeleteDialog .miniBtnWhite {margin-left:10px;}
.mdlvappDeleteDialog .overlayBottom { padding-top:2px; padding-bottom: 18px; width: 100%;}

.mdlvappManagedUpdateDialog { padding-left: 10px;padding-right: 10px; line-height: 12px;}
.mdlvappManagedUpdateDialog .cornerImage { position:absolute; top:-25px; left:-42px; }
.mdlvappManagedUpdateDialog h2 { margin:10px 0 10px 80px; padding-top: 20px; }
.mdlvappManagedUpdateDialog hr { width:460px; }
.mdlvappManagedUpdateDialog { width:460px; height:auto; }
.mdlvappManagedUpdateDialog .miniBtn {margin-left:10px;}
.mdlvappManagedUpdateDialog .miniBtnWhite {margin-left:10px;}
.mdlvappManagedUpdateDialog .overlayBottom { padding-top:2px; padding-bottom: 18px; width: 100%;}

.mdlvappPowerOff { padding-left: 10px;padding-right: 10px; line-height: 12px;}
.mdlvappPowerOff .cornerImage { position:absolute; top:-25px; left:-42px; }
.mdlvappPowerOff h2 { margin:10px 0 10px 80px; padding-top: 20px; }
.mdlvappPowerOff hr { width:460px; }
.mdlvappPowerOff { width:460px; height:auto; }
.mdlvappPowerOff .miniBtn {margin-left:10px;}
.mdlvappPowerOff .miniBtnWhite {margin-left:10px;}
.mdlvappPowerOff .overlayBottom { padding-top:2px; padding-bottom: 18px; width: 100%;}

.mdlvappPowerOn { padding-left: 10px;padding-right: 10px; line-height: 12px;}
.mdlvappPowerOn .cornerImage { position:absolute; top:-25px; left:-42px; }
.mdlvappPowerOn h2 { margin:10px 0 10px 80px; padding-top: 20px; }
.mdlvappPowerOn hr { width:460px; }
.mdlvappPowerOn { width:460px; height:auto; }
.mdlvappPowerOn .miniBtn {margin-left:10px;}
.mdlvappPowerOn .miniBtnWhite {margin-left:10px;}
.mdlvappPowerOn .overlayBottom { padding-top:2px; padding-bottom: 18px; width: 100%;}

.mdlvappReset { padding-left: 10px;padding-right: 10px; line-height: 12px;}
.mdlvappReset .cornerImage { position:absolute; top:-25px; left:-42px; }
.mdlvappReset h2 { margin:10px 0 10px 80px; padding-top: 20px; }
.mdlvappReset hr { width:460px; }
.mdlvappReset { width:460px; height:auto; }
.mdlvappReset .miniBtn {margin-left:10px;}
.mdlvappReset .miniBtnWhite {margin-left:10px;}
.mdlvappReset .overlayBottom { padding-top:2px; padding-bottom: 18px; width: 100%;}

.mdlvappRestart { padding-left: 10px;padding-right: 10px; line-height: 12px;}
.mdlvappRestart .cornerImage { position:absolute; top:-25px; left:-42px; }
.mdlvappRestart h2 { margin:10px 0 10px 80px; padding-top: 20px; }
.mdlvappRestart hr { width:460px; }
.mdlvappRestart { width:460px; height:auto; }
.mdlvappRestart .miniBtn {margin-left:10px;}
.mdlvappRestart .miniBtnWhite {margin-left:10px;}
.mdlvappRestart .overlayBottom { padding-top:2px; padding-bottom: 18px; width: 100%;}

.mdlvappShutdown { padding-left: 10px;padding-right: 10px; line-height: 12px;}
.mdlvappShutdown .cornerImage { position:absolute; top:-25px; left:-42px; }
.mdlvappShutdown h2 { margin:10px 0 10px 80px; padding-top: 20px; }
.mdlvappShutdown hr { width:460px; }
.mdlvappShutdown { width:460px; height:auto; }
.mdlvappShutdown .miniBtn {margin-left:10px;}
.mdlvappShutdown .miniBtnWhite {margin-left:10px;}
.mdlvappShutdown .overlayBottom { padding-top:2px; padding-bottom: 18px; width: 100%;}

.mdlvappTemplateDetails { padding-left: 10px;padding-right: 10px; line-height: 12px;}
.mdlvappTemplateDetails .cornerImage { position:absolute; top:-25px; left:-42px; }
.mdlvappTemplateDetails h2 { margin:10px 0 10px 80px; padding-top: 20px; }
.mdlvappTemplateDetails hr { width:706px; }
.mdlvappTemplateDetails { width:706px; height:auto; }
.mdlvappTemplateDetails .miniBtn {margin-left:10px;}
.mdlvappTemplateDetails .miniBtnWhite {margin-left:10px;}
.mdlvappTemplateDetails .overlayBottom { padding-top:2px; padding-bottom: 18px; width: 100%;}

.mdlcreatevappTemplate { padding-left: 10px;padding-right: 10px; line-height: 12px;}
.mdlcreatevappTemplate .cornerImage { position:absolute; top:-25px; left:-42px; }
.mdlcreatevappTemplate h2 { margin:10px 0 10px 80px; padding-top: 20px; }
.mdlcreatevappTemplate hr { width:460px; }
.mdlcreatevappTemplate { width:460px; height:auto; }
.mdlcreatevappTemplate .miniBtn {margin-left:10px;}
.mdlcreatevappTemplate .miniBtnWhite {margin-left:10px;}
.mdlcreatevappTemplate .overlayBottom { padding-top:2px; padding-bottom: 18px; width: 100%;}

.mdleulaDialog10 { padding-left: 10px;padding-right: 10px; line-height: 12px;}
.mdleulaDialog10 .cornerImage { position:absolute; top:-25px; left:-42px; }
.mdleulaDialog10 h2 { margin:10px 0 10px 80px; padding-top: 20px; }
.mdleulaDialog10 hr { width:755px; }
.mdleulaDialog10 { width:755px; height:auto; }
.mdleulaDialog10 .miniBtn {margin-left:10px;}
.mdleulaDialog10 .miniBtnWhite {margin-left:10px;}
.mdleulaDialog10 .overlayBottom { padding-top:2px; padding-bottom: 18px; width: 100%;}

.mdlvappDialog1 { padding-left: 10px;padding-right: 10px; line-height: 12px;}
.mdlvappDialog1 .cornerImage { position:absolute; top:-25px; left:-42px; }
.mdlvappDialog1 h2 { margin:10px 0 10px 80px; padding-top: 20px; }
.mdlvappDialog1 hr { width:660px; }
.mdlvappDialog1 { width:660px; height:auto; }
.mdlvappDialog1 .miniBtn {margin-left:10px;}
.mdlvappDialog1 .miniBtnWhite {margin-left:10px;}
.mdlvappDialog1 label {display:inline;}
.mdlvappDialog1 .overlayRight .description {width:150px;padding-left:15px;}
.mdlvappDialog1 .overlayBottom { padding-top:2px; padding-bottom: 18px; width: 100%;}
.mdlvappDialog1 label {display:inline;}

.mdlvappdtlDialog1 { padding-left: 10px;padding-right: 10px; line-height: 12px;}
.mdlvappdtlDialog1 .cornerImage { position:absolute; top:-25px; left:-42px; }
.mdlvappdtlDialog1 h2 { margin:10px 0 10px 80px; padding-top: 20px; }
.mdlvappdtlDialog1 hr { width:660px; }
.mdlvappdtlDialog1 { width:660px; height:auto; }
.mdlvappdtlDialog1 .miniBtn {margin-left:10px;}
.mdlvappdtlDialog1 .miniBtnWhite {margin-left:10px;}
.mdlvappdtlDialog1 .overlayRightDetail .DetailNameDesc{margin-left: 0px;}
.mdlvappdtlDialog1 .overlayBottom { padding-top:2px; padding-bottom: 18px; width: 100%;}

.mdlvappupdtDialog1 { padding-left: 10px;padding-right: 10px; line-height: 12px;}
.mdlvappupdtDialog1 .cornerImage { position:absolute; top:-25px; left:-42px; }
.mdlvappupdtDialog1 h2 { margin:10px 0 10px 80px; padding-top: 20px; }
.mdlvappupdtDialog1 hr { width:660px; }
.mdlvappupdtDialog1 { width:660px; height:auto; }
.mdlvappupdtDialog1 .miniBtn {margin-left:10px;}
.mdlvappupdtDialog1 .miniBtnWhite {margin-left:10px;}
.mdlvappupdtDialog1 .overlayBottom { padding-top:2px; padding-bottom: 18px; width: 100%;}

.mdlupdateTemplate { padding-left: 10px;padding-right: 10px; line-height: 12px;}
.mdlupdateTemplate .cornerImage { position:absolute; top:-25px; left:-42px; }
.mdlupdateTemplate h2 { margin:10px 0 10px 80px; padding-top: 20px; }
.mdlupdateTemplate hr { width:745px; }
.mdlupdateTemplate { width:745px; height:auto; }
.mdlupdateTemplate .miniBtn {margin-left:10px;}
.mdlupdateTemplate .miniBtnWhite {margin-left:10px;}
.mdlupdateTemplate .overlayBottom { padding-top:2px; padding-bottom: 18px; width: 100%;}

.mdlcatalogDeleteDialog { padding-left: 10px;padding-right: 10px; line-height: 12px;}
.mdlcatalogDeleteDialog .cornerImage { position:absolute; top:-25px; left:-42px; }
.mdlcatalogDeleteDialog h2 { margin:10px 0 10px 80px; padding-top: 20px; }
.mdlcatalogDeleteDialog hr { width:450px; }
.mdlcatalogDeleteDialog { width:450px; height:auto; }
.mdlcatalogDeleteDialog .miniBtn {margin-left:10px;}
.mdlcatalogDeleteDialog .miniBtnWhite {margin-left:10px;}
.mdlcatalogDeleteDialog .overlayBottom { padding-top:2px; padding-bottom: 18px; width: 100%;}

.mdldetailsCatalog { padding-left: 10px;padding-right: 10px; line-height: 12px;}
.mdldetailsCatalog .cornerImage { position:absolute; top:-25px; left:-42px; }
.mdldetailsCatalog h2 { margin:10px 0 10px 80px; padding-top: 20px; }
.mdldetailsCatalog hr { width:680px; }
.mdldetailsCatalog { width:680px; height:auto; }
.mdldetailsCatalog .miniBtn {margin-left:10px;}
.mdldetailsCatalog .miniBtnWhite {margin-left:10px;}
.mdldetailsCatalog .overlayBottom { padding-top:2px; padding-bottom: 18px; width: 100%;}

.mdlcreateCatalog { padding-left: 10px;padding-right: 10px; line-height: 12px;}
.mdlcreateCatalog .cornerImage { position:absolute; top:-25px; left:-42px; }
.mdlcreateCatalog h2 { margin:10px 0 10px 80px; padding-top: 20px; }
.mdlcreateCatalog hr { width:605px; }
.mdlcreateCatalog { width:605px; height:auto; }
.mdlcreateCatalog .miniBtn {margin-left:10px;}
.mdlcreateCatalog .miniBtnWhite {margin-left:10px;}
.mdlcreateCatalog .overlayBottom { padding-top:2px; padding-bottom: 18px; width: 100%;}

.mdlupdateCatalog { padding-left: 10px;padding-right: 10px; line-height: 12px;}
.mdlupdateCatalog .cornerImage { position:absolute; top:-25px; left:-42px; }
.mdlupdateCatalog h2 { margin:10px 0 10px 80px; padding-top: 20px; }
.mdlupdateCatalog hr { width:605px; }
.mdlupdateCatalog { width:605px; height:auto; }
.mdlupdateCatalog .miniBtn {margin-left:10px;}
.mdlupdateCatalog .miniBtnWhite {margin-left:10px;}
.mdlupdateCatalog .overlayBottom { padding-top:2px; padding-bottom: 18px; width: 100%;}

.mdlvMediaDetails { padding-left: 10px;padding-right: 10px; line-height: 12px;}
.mdlvMediaDetails .cornerImage { position:absolute; top:-25px; left:-42px; }
.mdlvMediaDetails h2 { margin:10px 0 10px 80px; padding-top: 20px; }
.mdlvMediaDetails hr { width:745px; }
.mdlvMediaDetails { width:745px; height:auto; }
.mdlvMediaDetails .miniBtn {margin-left:10px;}
.mdlvMediaDetails .miniBtnWhite {margin-left:10px;}
.mdlvMediaDetails .overlayBottom { padding-top:2px; padding-bottom: 18px; width: 100%;}

.mdlumRolesPermDialog { padding-left: 10px;padding-right: 10px; line-height: 12px;}
.mdlumRolesPermDialog .cornerImage { position:absolute; top:-25px; left:-42px; }
.mdlumRolesPermDialog h2 { margin:10px 0 10px 80px; padding-top: 20px; }
.mdlumRolesPermDialog hr { width:777px; }
.mdlumRolesPermDialog { width:777px; height:auto; }
.mdlumRolesPermDialog { line-height: 22px; }
.mdlumRolesPermDialog { font-size: 11px; }
.mdlumRolesPermDialog .miniBtn {margin-left:10px;}
.mdlumRolesPermDialog .miniBtnWhite {margin-left:10px;}
.mdlumRolesPermDialog .overlayBottom { padding-top:2px; padding-bottom: 18px; width: 100%;}

.mdlumInviteDetails { padding-left: 10px;padding-right: 10px; line-height: 12px;}
.mdlumInviteDetails .cornerManage { position:absolute; top:-25px; left:-42px; }
.mdlumInviteDetails h2 { margin:10px 0 10px 80px; padding-top: 20px; }
.mdlumInviteDetails hr { width:550px; }
.mdlumInviteDetails { width:550px; height:auto; }
.mdlumInviteDetails .miniBtn {margin-left:10px;}
.mdlumInviteDetails .miniBtnWhite {margin-left:10px;}
.mdlumInviteDetails .overlayBottom { padding-top:2px; padding-bottom: 18px; width: 100%;}

.mdlumDeleteUser { padding-left: 10px;padding-right: 10px; line-height: 12px;}
.mdlumDeleteUser .cornerImage { position:absolute; top:-25px; left:-42px; }
.mdlumDeleteUser h2 { margin:10px 0 10px 80px; padding-top: 5px; padding-bottom: 8px;}
.mdlumDeleteUser hr { width:465px; }
.mdlumDeleteUser { width:465px; height:auto; }
.mdlumDeleteUser .miniBtn {margin-left:10px;width:50px;text-align: center;}
.mdlumDeleteUser .miniBtnWhite {margin-left:10px;width:72px;text-align: center;}
.mdlumDeleteUser .overlayRight { width:390px; }
.mdlumDeleteUser .overlayRight2 { width:390px; }
.mdlumDeleteUser .overlayBottom { padding-top:20px; padding-bottom: 18px; width: 100%;}

.mdlumBillingAddr { padding-left: 10px;padding-right: 10px; line-height: 12px;}
.mdlumBillingAddr .cornerManage { position:absolute; top:-25px; left:-42px; }
.mdlumBillingAddr h2 { margin:10px 0 10px 80px; padding-top: 5px; padding-bottom: 8px;}
.mdlumBillingAddr hr { width:530px; }
.mdlumBillingAddr { width:530px; height:auto; }
.mdlumBillingAddr .miniBtn {margin-left:10px;width:50px;text-align: center;}
.mdlumBillingAddr .miniBtnWhite {margin-left:10px;width:72px;text-align: center;}
.mdlumBillingAddr .overlayRight { width:250px; }
.mdlumBillingAddr .overlayRight2 { width:250px; }
.mdlumBillingAddr .overlayBottom { padding-top:20px; padding-bottom: 18px; width: 100%;}

.mdlumCancelAccount { padding-left: 10px;padding-right: 10px; line-height: 12px;}
.mdlumCancelAccount .cornerManage { position:absolute; top:-25px; left:-42px; }
.mdlumCancelAccount h2 { margin:10px 0 10px 80px; padding-top: 5px; padding-bottom: 8px;}
.mdlumCancelAccount hr { width:660px; }
.mdlumCancelAccount { width:660px; height:auto; }
.mdlumCancelAccount .miniBtn {margin-left:10px;}
.mdlumCancelAccount .miniBtnWhite {margin-left:10px;}
.mdlumCancelAccount .overlayRight { width:250px; }
.mdlumCancelAccount .overlayRight2 { width:250px; }
.mdlumCancelAccount .overlayBottom { padding-top:20px; padding-bottom: 18px; width: 100%;}

.mdlumAssignNEM .overlayBottom { padding-top:20px; padding-bottom: 18px; width: 100%;}

.mdlumRenameSubacct .overlayBottom { padding-top:20px; padding-bottom: 18px; width: 100%;}

.mdlumDeleteSubacct .overlayBottom { padding-top:20px; padding-bottom: 18px; width: 100%;}

.mdlvCloudAPI { padding-left: 10px;padding-right: 10px; line-height: 12px;}
.mdlvCloudAPI .cornerManage { position:absolute; top:-25px; left:-42px; }
.mdlvCloudAPI h2 { margin:10px 0 10px 80px; padding-top: 5px; padding-bottom: 8px;}
.mdlvCloudAPI hr { width:510px; }
.mdlvCloudAPI { width:510px; height:auto; }
.mdlvCloudAPI .miniBtn {margin-left:10px;}
.mdlvCloudAPI .miniBtnWhite {margin-left:10px;}
.mdlvCloudAPI .overlayRight { width:250px; }
.mdlvCloudAPI .overlayRight2 { width:250px; }
.mdlvCloudAPI .overlayBottom { padding-top:20px; padding-bottom: 18px; width: 100%;}

.mdlvCloudConnector { padding-left: 10px;padding-right: 10px; line-height: 12px;}
.mdlvCloudConnector .cornerManage { position:absolute; top:-25px; left:-42px; }
.mdlvCloudConnector h2 { margin:10px 0 10px 80px; padding-top: 5px; padding-bottom: 8px;}
.mdlvCloudConnector hr { width:510px; }
.mdlvCloudConnector { width:510px; height:auto; }
.mdlvCloudConnector .miniBtn {margin-left:10px;}
.mdlvCloudConnector .miniBtnWhite {margin-left:10px;}
.mdlvCloudConnector .overlayRight { width:250px; }
.mdlvCloudConnector .overlayRight2 { width:250px; }
.mdlvCloudConnector .overlayBottom { padding-top:20px; padding-bottom: 18px; width: 100%;}

.mdlnbCreateVNC { padding-left: 10px;padding-right: 10px; line-height: 12px;}
.mdlnbCreateVNC .cornerManage { position:absolute; top:-25px; left:-42px; }
.mdlnbCreateVNC h2 { margin:10px 0 10px 80px; padding-top: 5px; padding-bottom: 8px;}
.mdlnbCreateVNC hr { width:520px; }
.mdlnbCreateVNC { width:520px; height:auto; }
.mdlnbCreateVNC .miniBtn {margin-left:10px;}
.mdlnbCreateVNC .miniBtnWhite {margin-left:10px;}
.mdlnbCreateVNC .overlayRight { width:358px; }
.mdlnbCreateVNC .overlayRight2 { width:358px; }
.mdlnbCreateVNC .overlayBottom { padding-top:20px; padding-bottom: 18px; width: 100%;}

.mdlnbProvisionFirewall { padding-left: 10px;padding-right: 10px; line-height: 12px;}
.mdlnbProvisionFirewall .cornerManage { position:absolute; top:-25px; left:-42px; }
.mdlnbProvisionFirewall h2 { margin:10px 0 10px 80px; padding-top: 5px; padding-bottom: 8px;}
.mdlnbProvisionFirewall hr { width:886px; }
.mdlnbProvisionFirewall { width:886px; height:auto; }
.mdlnbProvisionFirewall .miniBtn {margin-left:10px;}
.mdlnbProvisionFirewall .miniBtnWhite {margin-left:10px;}
.mdlnbProvisionFirewall .overlayLeft4 { width:214px; }
.mdlnbProvisionFirewall .overlayLeft5 { width:99%; text-align:left; padding-left: 30px;}
.mdlnbProvisionFirewall .overlayRight { width:400px; }
.mdlnbProvisionFirewall .overlayRight2 { width:358px; }
.mdlnbProvisionFirewall .overlayRight3 { padding-top: 18px; width: 120px;}
.mdlnbProvisionFirewall .overlayBottom { padding-top: 20px; padding-bottom: 18px; width: 100%;}

.mdlnbModifyFirewall { padding-left: 10px;padding-right: 10px; line-height: 12px;}
.mdlnbModifyFirewall .cornerManage { position:absolute; top:-25px; left:-42px; }
.mdlnbModifyFirewall h2 { margin:10px 0 10px 80px; padding-top: 5px; padding-bottom: 8px;}
.mdlnbModifyFirewall hr { width:686px; }
.mdlnbModifyFirewall { width:686px; height:auto; }
.mdlnbModifyFirewall .miniBtn {margin-left:10px;}
.mdlnbModifyFirewall .miniBtnWhite {margin-left:10px;}
.mdlnbModifyFirewall .overlayLeft4 { width:274px; }
.mdlnbModifyFirewall .overlayLeft5 { width:99%; text-align:left; padding-left: 30px;}
.mdlnbModifyFirewall .overlayRight { width:400px; }
.mdlnbModifyFirewall .overlayRight2 { width:358px; }
.mdlnbModifyFirewall .overlayRight3 { padding-top: 18px; width: 120px;}
.mdlnbModifyFirewall .overlayBottom { padding-top: 20px; padding-bottom: 18px; width: 100%;}

#firewall_vpn_table .vpn_name, #firewall_vpn_table .vpn_id { width: 45%; }
#firewall_vpn_table .vpn_name { float: left; }
#firewall_vpn_table .vpn_id { float: right; }
#firewall_vpn_table { height: 150px; overflow-y: scroll; }
#firewall_vpn_table .firewall_vpn_table_entry { height: 30px; line-height: 30px; }
#firewall_vpn_table .firewall_vpn_table_entry.selected_vpn { background-color: #bbb; }

.mdlnbAddAppliance  { padding-left: 10px;padding-right: 10px; line-height: 12px; height:auto; width:550px; margin: 0 auto;}
.mdlnbAddAppliance .cornerMisc { position:absolute; top:-43px; left:-63px; }
.mdlnbAddAppliance h2 {margin-bottom:10px; margin-top: 20px; margin-left: 42px;}
.mdlnbAddAppliance hr { width:700px; }

.mdlnbAddAppliance .miniBtn {margin-left:10px;}
.mdlnbAddAppliance .miniBtnWhite {margin-left:10px;}
.mdlnbAddAppliance .overlayRight { width:358px; }
.mdlnbAddAppliance .overlayRight2 { width:358px; }
.mdlnbAddAppliance .overlayBottom { padding-top:20px; padding-bottom: 18px; width: 100%;}
.mdlnbAddAppliance .field {margin-top:15px;}

.mdlnbAssignApplianceVLAN  { padding-left: 10px;padding-right: 10px; line-height: 12px; height:auto; width:550px; margin: 0 auto;}
.mdlnbAssignApplianceVLAN .cornerMisc { position:absolute; top:-43px; left:-63px; }
.mdlnbAssignApplianceVLAN h2 {margin-bottom:10px; margin-top: 20px; margin-left: 42px;}
.mdlnbAssignApplianceVLAN hr { width:700px; }
.mdlnbAssignApplianceVLAN .miniBtn {margin-left:10px;}
.mdlnbAssignApplianceVLAN .miniBtnWhite {margin-left:10px;}
.mdlnbAssignApplianceVLAN .overlayRight { width:358px; }
.mdlnbAssignApplianceVLAN .overlayRight2 { width:358px; }
.mdlnbAssignApplianceVLAN .overlayBottom { padding-top:20px; padding-bottom: 18px; width: 100%;}
.mdlnbAssignApplianceVLAN .field {margin-top:15px;}

.mdlnbAssignBwShaping  { padding-left: 10px;padding-right: 10px; line-height: 12px; height:auto; width:550px; margin: 0 auto;}
.mdlnbAssignBwShaping .cornerMisc { position:absolute; top:-43px; left:-63px; }
.mdlnbAssignBwShaping h2 {margin-bottom:10px; margin-top: 20px; margin-left: 42px;}
.mdlnbAssignBwShaping hr { width:700px; }
.mdlnbAssignBwShaping .miniBtn {margin-left:10px;}
.mdlnbAssignBwShaping .miniBtnWhite {margin-left:10px;}
.mdlnbAssignBwShaping .overlayRight { width:358px; }
.mdlnbAssignBwShaping .overlayRight2 { width:358px; }
.mdlnbAssignBwShaping .overlayBottom { padding-top:20px; padding-bottom: 18px; width: 100%;}
.mdlnbAssignBwShaping .field {margin-top:15px;}

.mdlnbModifyBwShaping  { padding-left: 10px;padding-right: 10px; line-height: 12px; height:auto; width:550px; margin: 0 auto;}
.mdlnbModifyBwShaping .cornerMisc { position:absolute; top:-43px; left:-63px; }
.mdlnbModifyBwShaping h2 {margin-bottom:10px; margin-top: 20px; margin-left: 42px;}
.mdlnbModifyBwShaping hr { width:700px; }
.mdlnbModifyBwShaping .miniBtn {margin-left:10px;}
.mdlnbModifyBwShaping .miniBtnWhite {margin-left:10px;}
.mdlnbModifyBwShaping .overlayRight { width:358px; }
.mdlnbModifyBwShaping .overlayRight2 { width:358px; }
.mdlnbModifyBwShaping .overlayBottom { padding-top:20px; padding-bottom: 18px; width: 100%;}
.mdlnbModifyBwShaping .field {margin-top:15px;}


.mdlnbAssignVLAN, #nbEditVLAN  { padding-left: 10px;padding-right: 10px; line-height: 12px; height:auto;  margin: 0 auto;}
.mdlnbAssignVLAN .cornerManage { position:absolute; top:-25px; left:-42px; }
.mdlnbAssignVLAN h2, #nbEditVLAN h2 {margin-bottom:10px;}
.mdlnbAssignVLAN hr { width:700px; }

.mdlnbAssignVLAN .miniBtn {margin-left:10px;}
.mdlnbAssignVLAN .miniBtnWhite {margin-left:10px;}
.mdlnbAssignVLAN .overlayRight { width:358px; }
.mdlnbAssignVLAN .overlayRight2 { width:358px; }
.mdlnbAssignVLAN .overlayBottom { padding-top:20px; padding-bottom: 18px; width: 100%;}
.mdlnbAssignVLAN .field,
#nbEditVLAN .field {margin-top:15px;}
.mdlnbAssignVLAN label,
#nbEditVLAN label,
#nbEditVLAN .label{display:inline-block;width:180px;text-align:left;}
.mdlnbAssignVLAN legend, #nbEditVLAN legend{line-height: 1.5em;}
.mdlnbAssignVLAN input, .mdlnbAssignVLAN select,
#nbEditVLAN .output {display:inline-block; width:330px;}
.mdlnbAssignVLAN #route_management_questionsAssign label,
#nbEditVLAN #route_management_questionsEdit label{text-align:left;}
.mdlnbAssignVLAN #route_management_questionsAssign input[type="radio"] {width:auto;padding-right:5px;}
.mdlnbAssignVLAN #route_management_questionsAssign .radio-q,
#nbEditVLAN #route_management_questionsEdit .radio-q {margin-top:5px; padding-left:20px;}
.mdlnbAssignVLAN #route_management_questionsAssign .radio-q label,
#nbEditVLAN #route_management_questionsEdit .radio-q label  {padding-left:5px;}
.mdlnbAssignVLAN #route_management_questionsAssign,
#nbEditVLAN #route_management_questionsEdit {margin-top:24px;  padding:0px;}
#nbAssignVLANMain .button-row, #netBondModifyVLAN .button-row {padding:20px; text-align:right; width:450px; margin: 0 auto;}


.mdlnbActivateVLAN { padding-left: 10px;padding-right: 10px; line-height: 12px;}
.mdlnbActivateVLAN .cornerManage { position:absolute; top:-25px; left:-42px; }
.mdlnbActivateVLAN h2 { margin:10px 0 10px 80px; padding-top: 5px; padding-bottom: 8px;}
.mdlnbActivateVLAN hr { width:620px; }
.mdlnbActivateVLAN { width:620px; height:auto; }
.mdlnbActivateVLAN .miniBtn {margin-left:10px;}
.mdlnbActivateVLAN .miniBtnWhite {margin-left:10px;}
.mdlnbActivateVLAN .overlayRight { width:358px; }
.mdlnbActivateVLAN .overlayRight2 { width:358px; }
.mdlnbActivateVLAN .overlayBottom { padding-top:20px; padding-bottom: 18px; width: 100%;}
.lt-ie9 #nbActivateVLAN .overlay { background-color: transparent; }
.lt-ie9 #nbActivateVLAN .overlay .box { border: 1px solid #999; }



.mdlnbCreateSubnet { padding-left: 10px;padding-right: 10px; line-height: 12px;}
.mdlnbCreateSubnet .cornerManage { position:absolute; top:-25px; left:-42px; }
.mdlnbCreateSubnet h2 { margin:10px 0 10px 80px; padding-top: 5px; padding-bottom: 8px;}
.mdlnbCreateSubnet hr { width:510px; }
.mdlnbCreateSubnet { width:510px; height:auto; }
.mdlnbCreateSubnet .miniBtn {margin-left:10px;}
.mdlnbCreateSubnet .miniBtnWhite {margin-left:10px;}
.mdlnbCreateSubnet .overlayRight { width:358px; }
.mdlnbCreateSubnet .overlayRight2 { width:358px; }
.mdlnbCreateSubnet .overlayBottom { padding-top:20px; padding-bottom: 18px; width: 100%;}

.mdlnbCreateRnat { padding-left: 10px;padding-right: 10px; line-height: 12px;}
.mdlnbCreateRnat .cornerManage { position:absolute; top:-25px; left:-42px; }
.mdlnbCreateRnat h2 { margin:5px 0 10px 5px; padding-top: 5px; padding-bottom: 8px;}
.mdlnbCreateRnat hr { width:583px; }
.mdlnbCreateRnat { width:583px; height:auto; }
.mdlnbCreateRnat .miniBtn {margin-left:10px;}
.mdlnbCreateRnat .miniBtnWhite {margin-left:10px;}
.mdlnbCreateRnat .overlayRight { width:358px; padding-top: 15px; }
.mdlnbCreateRnat .overlayRight2 { width:358px; }
.mdlnbCreateRnat .overlayBottom { padding-top:20px; padding-bottom: 18px; width: 100%;}

#slDisconnectMessage .box { position: fixed; width: 33%; margin-left: 33%; }
.mdlSoftLayerDiscMsg { padding-left: 10px;padding-right: 10px; line-height: 12px;}
.mdlSoftLayerDiscMsg .cornerManage { position:absolute; top:-25px; left:-42px; }
.mdlSoftLayerDiscMsg h2 { margin:10px 0 10px 80px; padding-top: 5px; padding-bottom: 8px;}
.mdlSoftLayerDiscMsg hr { width:583px; }
.mdlSoftLayerDiscMsg { width:583px; height:auto; }
.mdlSoftLayerDiscMsg .miniBtn {margin-left:10px;}
.mdlSoftLayerDiscMsg .miniBtnWhite {margin-left:10px;}
.mdlSoftLayerDiscMsg .overlayRight { width:358px; padding-top: 15px; }
.mdlSoftLayerDiscMsg .overlayRight2 { width:358px; }
.mdlSoftLayerDiscMsg .overlayBottom { padding-top:20px; padding-bottom: 18px; width: 100%;}

.mdlumAddNewEM { padding-left: 10px;padding-right: 10px; line-height: 12px;}
.mdlumAddNewEM .cornerImage { position:absolute; top:-25px; left:-42px; }
.mdlumAddNewEM h2 { margin:10px 0 10px 80px; padding-top: 5px; padding-bottom: 8px;}
.mdlumAddNewEM hr { width:520px; }
.mdlumAddNewEM { width:520px; height:auto; }
.mdlumAddNewEM .miniBtn {margin-left:10px;}
.mdlumAddNewEM .miniBtnWhite {margin-left:10px;}
.mdlumAddNewEM .overlayRight { width:358px; }
.mdlumAddNewEM .overlayRight2 { width:358px; }
.mdlumAddNewEM .overlayBottom { padding-top:20px; padding-bottom: 18px; width: 100%;}

.mdlumEmInviteDetails { padding-left: 10px;padding-right: 10px; line-height: 12px;}
.mdlumEmInviteDetails .cornerImage { position:absolute; top:-25px; left:-42px; }
.mdlumEmInviteDetails h2 { margin:10px 0 10px 80px; padding-top: 5px; padding-bottom: 8px;}
.mdlumEmInviteDetails hr { width:520px; }
.mdlumEmInviteDetails { width:520px; height:auto; }
.mdlumEmInviteDetails .miniBtn {margin-left:10px;}
.mdlumEmInviteDetails .miniBtnWhite {margin-left:10px;}
.mdlumEmInviteDetails .overlayRight { width:358px; }
.mdlumEmInviteDetails .overlayRight2 { width:358px; }
.mdlumEmInviteDetails .overlayBottom { padding-top:20px; padding-bottom: 18px; width: 100%;}

.mdlcommitedStoragevolume1 { padding-left: 10px;padding-right: 10px; line-height: 12px;}
.mdlcommitedStoragevolume1 .cornerMisc { position:absolute; top:-25px; left:-42px; }
.mdlcommitedStoragevolume1 h2 { margin:10px 0 10px 80px; padding-top: 5px; padding-bottom: 8px;}
.mdlcommitedStoragevolume1 hr { width:660px; }
.mdlcommitedStoragevolume1 { width:660px; height:auto; }
.mdlcommitedStoragevolume1 .miniBtn {margin-left:10px;}
.mdlcommitedStoragevolume1 .miniBtnWhite {margin-left:10px;}
.mdlcommitedStoragevolume1 .overlayRight { width:358px; }
.mdlcommitedStoragevolume1 .overlayRight2 { width:358px; }
.mdlcommitedStoragevolume1 .overlayBottom { padding-top:20px; padding-bottom: 18px; width: 100%;}

.mdlcommitedStoragevolume2 { padding-left: 10px;padding-right: 10px; line-height: 12px;}
.mdlcommitedStoragevolume2 .cornerMisc { position:absolute; top:-25px; left:-42px; }
.mdlcommitedStoragevolume2 h2 { margin:10px 0 10px 80px; padding-top: 5px; padding-bottom: 8px;}
.mdlcommitedStoragevolume2 hr { width:660px; }
.mdlcommitedStoragevolume2 { width:660px; height:auto; }
.mdlcommitedStoragevolume2 .miniBtn {margin-left:10px;}
.mdlcommitedStoragevolume2 .miniBtnWhite {margin-left:10px;}
.mdlcommitedStoragevolume2 .overlayRight { width:358px; }
.mdlcommitedStoragevolume2 .overlayRight2 { width:358px; }
.mdlcommitedStoragevolume2 .overlayBottom { padding-top:20px; padding-bottom: 18px; width: 100%;}

.mdlaccountCancellationConfirm { padding-left: 10px;padding-right: 10px; line-height: 12px;}
.mdlaccountCancellationConfirm .cornerMisc { position:absolute; top:-25px; left:-42px; }
.mdlaccountCancellationConfirm h2 { margin:10px 0 10px 80px; padding-top: 5px; padding-bottom: 8px;}
.mdlaccountCancellationConfirm hr { width:700px; }
.mdlaccountCancellationConfirm { width:700px; height:auto; }
.mdlaccountCancellationConfirm .miniBtn {margin-left:10px;}
.mdlaccountCancellationConfirm .miniBtnWhite {margin-left:10px;}
.mdlaccountCancellationConfirm .overlayRight { width:358px; }
.mdlaccountCancellationConfirm .overlayRight2 { width:358px; }
.mdlaccountCancellationConfirm .overlayBottom { padding-top:20px; padding-bottom: 18px; width: 100%;}

.mdlserviceDisconnectConfirm { padding-left: 10px;padding-right: 10px; line-height: 12px;}
.mdlserviceDisconnectConfirm .cornerMisc { position:absolute; top:-25px; left:-42px; }
.mdlserviceDisconnectConfirm h2 { margin:10px 0 10px 80px; padding-top: 5px; padding-bottom: 8px;}
.mdlserviceDisconnectConfirm hr { width:550px; }
.mdlserviceDisconnectConfirm { width:550px; height:auto; }
.mdlserviceDisconnectConfirm .miniBtn {margin-left:10px;}
.mdlserviceDisconnectConfirm .miniBtnWhite {margin-left:10px;}
.mdlserviceDisconnectConfirm .overlayRight { width:358px; }
.mdlserviceDisconnectConfirm .overlayRight2 { width:358px; }
.mdlserviceDisconnectConfirm .overlayBottom { padding-top:20px; padding-bottom: 18px; width: 100%;}

.mdlvappOsplUnmanagedVappInfo { padding-left: 10px;padding-right: 10px; line-height: 12px;}
.mdlvappOsplUnmanagedVappInfo .cornerCreate { position:absolute; top:-25px; left:-42px; }
.mdlvappOsplUnmanagedVappInfo h2 { margin:10px 0 10px 80px; padding-top: 5px; padding-bottom: 8px;}
.mdlvappOsplUnmanagedVappInfo hr { width:550px; }
.mdlvappOsplUnmanagedVappInfo { width:550px; height:auto; }
.mdlvappOsplUnmanagedVappInfo .miniBtn {margin-left:10px;}
.mdlvappOsplUnmanagedVappInfo .miniBtnWhite {margin-left:10px;}
.mdlvappOsplUnmanagedVappInfo .overlayRight { width:358px; }
.mdlvappOsplUnmanagedVappInfo .overlayRight2 { width:358px; }
.mdlvappOsplUnmanagedVappInfo .overlayBottom { padding-top:20px; padding-bottom: 18px; width: 100%;}

.mdlvmOsplUnmanagedVMInfo { padding-left: 10px;padding-right: 10px; line-height: 12px;}
.mdlvmOsplUnmanagedVMInfo .cornerCreate { position:absolute; top:-25px; left:-42px; }
.mdlvmOsplUnmanagedVMInfo h2 { margin:10px 0 10px 80px; padding-top: 5px; padding-bottom: 8px;}
.mdlvmOsplUnmanagedVMInfo hr { width:550px; }
.mdlvmOsplUnmanagedVMInfo { width:550px; height:auto; }
.mdlvmOsplUnmanagedVMInfo .miniBtn {margin-left:10px;}
.mdlvmOsplUnmanagedVMInfo .miniBtnWhite {margin-left:10px;}
.mdlvmOsplUnmanagedVMInfo .overlayRight { width:358px; }
.mdlvmOsplUnmanagedVMInfo .overlayRight2 { width:358px; }
.mdlvmOsplUnmanagedVMInfo .overlayBottom { padding-top:20px; padding-bottom: 18px; width: 100%;}

.mdlMiiMViewer { padding-left: 10px;padding-right: 10px; line-height: 12px;}
.mdlMiiMViewer .cornerManage { position:absolute; top:-25px; left:-42px; }
.mdlMiiMViewer h2 { margin:10px 0 10px 80px; padding-top: 5px; padding-bottom: 8px;}
.mdlMiiMViewer hr { width:735px; }
.mdlMiiMViewer { width:735px; height:auto; }
.mdlMiiMViewer .miniBtn {margin-left:10px;margin-right:10px;}
.mdlMiiMViewer .miniBtnWhite {margin-left:10px;}
.mdlMiiMViewer textarea { width:530px; }
.mdlMiiMViewer .overlayBottom { padding-top:20px; padding-bottom: 18px; width: 100%;}

.mdlLoginMiiMViewer { padding-left: 10px;padding-right: 10px; line-height: 12px;}
.mdlLoginMiiMViewer .cornerManage { position:absolute; top:-25px; left:-42px; }
.mdlLoginMiiMViewer h2 { margin:10px 0 10px 80px; padding-top: 5px; padding-bottom: 8px;}
.mdlLoginMiiMViewer hr { width:735px; }
.mdlLoginMiiMViewer { width:735px; height:auto; }
.mdlLoginMiiMViewer .miniBtn {margin-left:10px;margin-right:10px;}
.mdlLoginMiiMViewer .miniBtnWhite {margin-left:10px;}
.mdlLoginMiiMViewer textarea { width:530px; }
.mdlLoginMiiMViewer .overlayBottom { padding-top:20px; padding-bottom: 18px; width: 100%;}

.mdlgsaSecureLogin { padding-left: 10px;padding-right: 10px; line-height: 12px;}
.mdlgsaSecureLogin .cornerManage { position:absolute; top:-25px; left:-42px; }
.mdlgsaSecureLogin h2 { margin:10px 0 10px 80px; padding-top: 5px; padding-bottom: 8px;}
.mdlgsaSecureLogin hr { width:700px; }
.mdlgsaSecureLogin { width:700px; height:auto; }
.mdlgsaSecureLogin .miniBtn {margin-left:10px;margin-right:10px;}
.mdlgsaSecureLogin .miniBtnWhite {margin-left:10px;}
.mdlgsaSecureLogin textarea { width:530px; }
.mdlgsaSecureLogin .gsaoverlayRight { width: 450px;}
.mdlgsaSecureLogin .overlayBottom { padding-top:20px; padding-bottom: 18px; width: 100%;}

.mdlgsaSecureLoginTwo { padding-left: 10px;padding-right: 10px; line-height: 12px;}
.mdlgsaSecureLoginTwo .cornerManage { position:absolute; top:-25px; left:-42px; }
.mdlgsaSecureLoginTwo h2 { margin:10px 0 10px 80px; padding-top: 5px; padding-bottom: 8px;}
.mdlgsaSecureLoginTwo hr { width:700px; }
.mdlgsaSecureLoginTwo { width:700px; height:auto; }
.mdlgsaSecureLoginTwo .miniBtn {margin-left:10px;margin-right:10px;}
.mdlgsaSecureLoginTwo .miniBtnWhite {margin-left:10px;}
.mdlgsaSecureLoginTwo textarea { width:530px; }
.mdlgsaSecureLoginTwo .gsaoverlayRight { width: 450px;}
.mdlgsaSecureLoginTwo .overlayBottom { padding-top:20px; padding-bottom: 18px; width: 100%;}

.mdlgsaTokenRequest { padding-left: 10px;padding-right: 10px; line-height: 12px;}
.mdlgsaTokenRequest .cornerManage { position:absolute; top:-25px; left:-42px; }
.mdlgsaTokenRequest h2 { margin:10px 0 10px 80px; padding-top: 5px; padding-bottom: 8px;}
.mdlgsaTokenRequest hr { width:772px; }
.mdlgsaTokenRequest { width:772px; height:auto; }
.mdlgsaTokenRequest .miniBtn {margin-left:10px;margin-right:10px;}
.mdlgsaTokenRequest .miniBtnWhite {margin-left:10px;}
.mdlgsaTokenRequest textarea { width:530px; }
.mdlgsaTokenRequest label { display:inline; }
.mdlgsaTokenRequest .gsaoverlayLeft { width: 260px;}
.mdlgsaTokenRequest .gsaoverlayRight { width: 486px;}
.mdlgsaTokenRequest .overlayBottom { padding-top:20px; padding-bottom: 18px; width: 100%;}

.mdlgsaTokenRequestAtSignup { padding-left: 10px;padding-right: 10px; line-height: 12px;}
.mdlgsaTokenRequestAtSignup .cornerManage { position:absolute; top:-25px; left:-42px; }
.mdlgsaTokenRequestAtSignup h2 { margin:10px 0 10px 80px; padding-top: 5px; padding-bottom: 8px;}
.mdlgsaTokenRequestAtSignup hr { width:772px; }
.mdlgsaTokenRequestAtSignup { width:772px; height:auto; }
.mdlgsaTokenRequestAtSignup .miniBtn {margin-left:10px;margin-right:10px;}
.mdlgsaTokenRequestAtSignup .miniBtnWhite {margin-left:10px;}
.mdlgsaTokenRequestAtSignup textarea { width:530px; }
.mdlgsaTokenRequestAtSignup label { display:inline; }
.mdlgsaTokenRequestAtSignup .gsaoverlayLeft { width: 260px;}
.mdlgsaTokenRequestAtSignup .gsaoverlayRight { width: 486px;}
.mdlgsaTokenRequestAtSignup .overlayBottom { padding-top:20px; padding-bottom: 18px; width: 100%;}

.mdlgsa_TokenRequestMsg { padding-left: 10px;padding-right: 10px; line-height: 12px;}
.mdlgsa_TokenRequestMsg .cornerManage { position:absolute; top:-25px; left:-42px; }
.mdlgsa_TokenRequestMsg h2 { margin:10px 0 10px 80px; padding-top: 5px; padding-bottom: 8px;}
.mdlgsa_TokenRequestMsg hr { width:705px; }
.mdlgsa_TokenRequestMsg { width:705px; height:auto; }
.mdlgsa_TokenRequestMsg .miniBtn {margin-left:10px;margin-right:10px;}
.mdlgsa_TokenRequestMsg .miniBtnWhite {margin-left:10px;}
.mdlgsa_TokenRequestMsg textarea { width:530px; }
.mdlgsa_TokenRequestMsg .overlayBottom { padding-top:20px; padding-bottom: 18px; width: 100%;}

.mdlgsa_TokenRequestMsgSignup { padding-left: 10px;padding-right: 10px; line-height: 12px;}
.mdlgsa_TokenRequestMsgSignup .cornerManage { position:absolute; top:-25px; left:-42px; }
.mdlgsa_TokenRequestMsgSignup h2 { margin:10px 0 10px 80px; padding-top: 5px; padding-bottom: 8px;}
.mdlgsa_TokenRequestMsgSignup hr { width:725px; }
.mdlgsa_TokenRequestMsgSignup { width:725px; height:auto; }
.mdlgsa_TokenRequestMsgSignup .miniBtn {margin-left:10px;margin-right:10px;}
.mdlgsa_TokenRequestMsgSignup .miniBtnWhite {margin-left:10px;}
.mdlgsa_TokenRequestMsgSignup textarea { width:530px; }
.mdlgsa_TokenRequestMsgSignup .overlayBottom { padding-top:20px; padding-bottom: 18px; width: 100%;}

.mdladdrVerification { padding-left: 10px;padding-right: 10px; line-height: 12px;}
.mdladdrVerification .cornerManage { position:absolute; top:-25px; left:-42px; }
.mdladdrVerification h2 { margin:10px 0 10px 80px; padding-top: 5px; padding-bottom: 8px;}
.mdladdrVerification hr { width:600px; }
.mdladdrVerification { width:600px; height:auto; }
.mdladdrVerification .miniBtn {margin-left:10px;margin-right:10px;}
.mdladdrVerification .miniBtnWhite {margin-left:10px;}
.mdladdrVerification textarea { width:530px; }
.mdladdrVerification label { display:inline; }
.mdladdrVerification .overlayLeft { width: 550px;}
.mdladdrVerification .overlayRight { width: 275px;}
.mdladdrVerification .overlayBottom { padding-top:20px; padding-bottom: 18px; width: 100%;}

.mdlnbColDisplay { padding-left: 10px;padding-right: 10px; line-height: 21px;}
.mdlnbColDisplay .cornerImage { position:absolute; top:-25px; left:-42px; }
.mdlnbColDisplay h2 { margin:10px 0 10px 80px; padding-top: 20px; }
.mdlnbColDisplay hr { width:300px; }
.mdlnbColDisplay .overlayRightMedium { width:300px; height:300px; }
.mdlnbColDisplay .overlayRightMedium {overflow-y:auto;}
.mdlnbColDisplay .miniBtn {margin-left:10px;}
.mdlnbColDisplay .miniBtnWhite {margin-left:10px;}
.mdlnbColDisplay .overlayBottom { padding-top:2px; padding-bottom: 18px; width: 100%;}

.mdlsymantecTokenRequest { padding-left: 10px;padding-right: 10px; line-height: 12px;}
.mdlsymantecTokenRequest .cornerManage { position:absolute; top:-25px; left:-42px; }
.mdlsymantecTokenRequest h2 { margin:10px 0 10px 80px; padding-top: 5px; padding-bottom: 8px;}
.mdlsymantecTokenRequest hr { width:772px; }
.mdlsymantecTokenRequest { width:772px; height:auto; }
.mdlsymantecTokenRequest .miniBtn {margin-left:10px;margin-right:10px;}
.mdlsymantecTokenRequest .miniBtnWhite {margin-left:10px;}
.mdlsymantecTokenRequest textarea { width:530px; }
.mdlsymantecTokenRequest label { display:inline; }
.mdlsymantecTokenRequest .gsaoverlayLeft { width: 260px;}
.mdlsymantecTokenRequest .gsaoverlayRight { width: 486px;}
.mdlsymantecTokenRequest .overlayBottom { padding-top:20px; padding-bottom: 18px; width: 100%;}

.mdlsymantecTokenLogin { padding-left: 10px;padding-right: 10px; line-height: 12px;}
.mdlsymantecTokenLogin .cornerManage { position:absolute; top:-25px; left:-42px; }
.mdlsymantecTokenLogin h2 { margin:10px 0 10px 80px; padding-top: 5px; padding-bottom: 8px;}
.mdlsymantecTokenLogin hr { width:772px; }
.mdlsymantecTokenLogin { width:772px; height:auto; }
.mdlsymantecTokenLogin .miniBtn {margin-left:10px;margin-right:10px;}
.mdlsymantecTokenLogin .miniBtnWhite {margin-left:10px;}
.mdlsymantecTokenLogin textarea { width:530px; }
.mdlsymantecTokenLogin label { display:inline; }
.mdlsymantecTokenLogin .feedback_errorMessage { padding: 30px 15px 15px 50px;}
.mdlsymantecTokenLogin .gsaoverlayLeft { width: 260px;}
.mdlsymantecTokenLogin .gsaoverlayRight { width: 486px;}
.mdlsymantecTokenLogin .overlayBottom { padding-top:20px; padding-bottom: 18px; width: 100%;}

.mdlsymantecTokenReset { padding-left: 10px;padding-right: 10px; line-height: 12px;}
.mdlsymantecTokenReset .cornerManage { position:absolute; top:-25px; left:-42px; }
.mdlsymantecTokenReset h2 { margin:10px 0 10px 80px; padding-top: 5px; padding-bottom: 8px;}
.mdlsymantecTokenReset hr { width:772px; }
.mdlsymantecTokenReset { width:772px; height:auto; }
.mdlsymantecTokenReset .miniBtn {margin-left:10px;margin-right:10px;}
.mdlsymantecTokenReset .miniBtnWhite {margin-left:10px;}
.mdlsymantecTokenReset textarea { width:200px; }
.mdlsymantecTokenReset label { display:inline; }
.mdlsymantecTokenReset .gsaoverlayLeft { width: 260px;}
.mdlsymantecTokenReset .gsaoverlayRight { width: 486px;}
.mdlsymantecTokenReset .overlayBottom { padding-top:20px; padding-bottom: 18px; width: 100%;}


/*** Management page select dropdown - begin ***/
.mgmt_select {
	float: right;
	clear: none;
	margin-top: 5px;
	margin-right: 15px;
	position: static;
	width: 150px;
	z-index: 80;
	zoom: 1;
}

.mgmt_select_button, .mgmt_select_dummy_button {
	position:relative;
	border: 1px solid #769dc0;
	padding:5px 4px;
	margin-left: 0px;
    width: 155px;
    text-align: left;
    background-color: #FFFFFF;
    background-image: url("/clouduser/static/images/vdc_actions_dropdown_button.gif");
    background-position: center bottom;
    background-repeat: repeat-x;
	color: #067AB4;
    font: 11px Verdana,Geneva,sans-serif;
    text-decoration: none;	
     
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-webkit-box-shadow:0px 1px 1px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.15);
	box-shadow:0px 1px 1px rgba(0,0,0,0.15);
	cursor: hand;
	cursor: pointer;
	z-index: 90;
	zoom: 1;
}

.mgmt_select_button_label {
    display: inline-block;
    overflow: hidden;
    text-align: left;
    white-space: nowrap;
    width: 84%;
}

.mgmt_select_button_arrow {
    width: 15px;
	height: 15px;
	background-image:url("/clouduser/static/images/vdc_actions_dropdown_button_arrow.gif");
	background-repeat:no-repeat;
	background-position:2px 4px;
	float: right;
}

.mgmt_select_options {
	z-index: 410;
	position: absolute;
	border: 1px solid #ccc;
	border-radius: 0 0 5px 5px;
	display: none;
	height: auto;
	width: auto;
	background: white;
	min-width: 210px;
}

.mgmt_select_options_definitions li {
	border: 1px solid white;
	margin: 1px;
	line-height: 16px;
	padding: 0 5px 0 20px;
	background-image: url("/clouduser/static/images/grey-arrow.gif");
	background-repeat: no-repeat;
	background-position: left;
}

.mgmt_select_options_definitions li:hover {
	border: 1px solid rgb(229, 151, 0);
	border-radius: 5px;
	background-color: #c7def4;
	}

.mgmt_select_options_definitions li a, .mgmt_select_options_definitions li span {
	display: block;
	text-align: left;
}
.VMdropdownButtonContainer1{
    float: left;
    width: 148px;
    Margin-right: 12px;
    margin-top: -2px;
}

.VMdropdownButtonContainer1 .mgmt_select {
	margin-right: 5px;
	width: 135px;
}
.VMdropdownButtonContainer1 .mgmt_select_button_label {
    width: 84%;
}
.VMdropdownButtonContainer1 .mgmt_select_button, .mgmt_select_dummy_button {
    width: 135px;
 }
 
 .GSAchartNav_2 .mgmt_select {
	margin-top: 0px;
}
/*** Management page select dropdown - end ***/



/*****StaaS CSV Report****/

ul.legend {
	float:right;
	margin: 5px 0px 0 0px;
	padding:4px 7px 4px 7px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	border:1px solid #CCCCCC;}
ul.legend li {display:inline-block; margin:0 5px 0 0;}

.green {color: #63bb1f;}
#csvReportWrapper{width: 940px; margin-left: auto; margin-right: auto;}
.total {font-size:14px;}
.tabsTopLine {border-top: 1px solid #e4e4e4; height: 1px; margin-top: -1px, width: 100%;}
.csvReportBox {
	background: url(/clouduser/static/images/us/en/commons/account-settings-box-bg.png) repeat-x left bottom;
	float: left;
	text-align: left;
	border: 1px solid #E4E4E4;
	-moz-box-shadow: 0px 0px 5px #d8d8d8;
	 -webkit-box-shadow: 0px 0px 5px #d8d8d8;
	border-radius: 5px 5px 5px 5px;
	box-shadow: 0 0 5px rgba(153, 153, 153, 0.3);
	padding-top: 10px;
	margin-bottom: 24px;
	margin-top: 20px;
	color: #191919;
	font: normal 11px Verdana, Geneva, sans-serif;
	 
	position: relative;
	width: 100%;
}
.csvReportBox img {float: left;	padding: 8px 10px 10px 10px;}
.csvReportBox .excelIcon {float: right; margin-top: 0px;}
.csvReportBox .actionButtons {width: 158px;}
.reportHeader {float: left; border-right: 1px solid #e4e4e4; width: 372px; padding-right: 20px; margin-bottom: 10px;}
table.csvReportTbl {border: 1px solid #e4e4e4;}
table.csvReportTbl th {
	font-weight: normal;
	border: 1px solid #cccccc;
	padding-right: 5px;
	padding-left: 5px;
	text-align: center;
} 
.tableHeader {
	background: url(/clouduser/static/images/us/en/commons/HeaderBG.png) repeat-x left -1px;
	height: 50px;
	font:14px/18px Verdana, Geneva, sans-serif;
	color: #333333;
	vertical-align: middle;
}
table.csvReportTbl td {
	vertical-align: middle;
	height: 30px;
	font: normal 11px Verdana, Geneva, sans-serif;
	color: #191919;
	border: 1px solid #e4e4e4;
}
.totalRow{font:12px/18px Verdana, Geneva, sans-serif;
	color: #333333;
	padding-left: 20px;}

.alternate{background: #f1f1f1;	}

.actionButtons{float:left ;margin: 20px 20px; 0 0}
#csvReportWrapper .filterPicker{float: left;
margin: 0 0 0 20px;
}
#csvReportWrapper .filterPicker .selectBox-dropdown {
	width: 43px;
	margin-top: 3px;
}
.csvReportBox .actionButtons .miniBtnWhite {
	margin-left: 20px;
}
.csvAccSettings {
background: url(/clouduser/static/images/us/en/commons/account-settings-box-bg.png) repeat-x scroll 0 0 white;
width: 35%;
float: left;
border: 1px solid #E4E4E4;
border-radius: 5px 5px 5px 5px;
-moz-box-shadow: 2px 2px 3px #d8d8d8;
-webkit-box-shadow: 2px 2px 3px #D8D8D8;
box-shadow: 0 0 5px rgba(153, 153, 153, 0.3);
padding: 3px 10px 5px 10px;
margin-right: 20px;
margin-bottom: 24px;
}
.csvSettingsHeader {
background: transparent url(/clouduser/static/images/us/en/commons/MyVirtualAccountSettingsIcn.png)  no-repeat scroll 290px 10px;
text-align: left;
margin: 0px;
padding: 10px 0 10px 0;
color: black;
font: normal 16px/24px Verdana, Geneva, sans-serif;
}
table.csvAccSettingsTbl td {
	vertical-align: middle;
	height: 30px;
	font: normal 11px Verdana, Geneva, sans-serif;
	color: #191919;
	border: none;
}

/* Overview Subaccount Box style starts*/

.subaccountListHeader {width: 100%; background-color: #f1f1f1; text-align: center; color: #333; padding: 3px 0px; margin-top: 10px; border: 1px solid #e4e4e4; font-size: 12px;}
.subaccountList{width: 100%; height: 167px; overflow: auto; border: 1px solid #e4e4e4; margin: 0px;}

#subaccountNav { width:100%; float:left; padding:0px; /*position:relative;*/ }
#subaccountNav li { list-style-position:outside; list-style:none;}
#subaccountNav .subNav { padding:0px; }
#subaccountNav .subNav li { border:0px; padding:8px; line-height:11px; clear: both;}
#subaccountNav .subNav a { padding:0px 0px 0px 2px; color:#067ab4; font-size:11px; font-family:Verdana; background:none; }

#subaccountNav .subNav a.selected { font-weight:bold; color:#333333; }
#subaccountNav .subSubNav { padding:8px 0px 0px 20px; font-size: 11px; clear:both;}
#subaccountNav .subSubNav li { border:0px; padding: 3px; }
#subaccountNav .subSubNav a { background:none;display:inline-block; }
#subaccountNav .subSubNav .SvcName {width:210px;display:inline-block;}
#subaccountNav .viewLink {float: right; color: #067ab4; cursor: pointer; font-size: 11px;}
#subaccountNav .viewLinkinActive {float: right; color: #191919; cursor: pointer;}
.rowAlt{background-color: #f1f1f1;}
.SubaccountNoSrv {background-color: #e5f4ff; line-height:16px!important; color: #333; border: 1px solid #7cc6ff!important; margin-top: 8px;}
#subaccountNav .SubaccountNoSrv p {width:150px; float:left;margin:0;}
/* Overview Subaccount box style ends*/
/*Overview Roles and Permissions Styles*/
.topLabel {display: block; height: 18px; margin-bottom: 5px;}
.serviceOfferings {width: 770px; float: left;}
#servicesOverview .collapsibleModule {margin-bottom: 20px;}

#servicesOverview .importantMessagesWrapper {max-height: 231px;
overflow: auto;}

.OverviewCarrouselWrapper {	width: 730px; padding: 0px;}
.overview_Service {
	float: left;
	padding: 0px 15px 15px;
	margin: 0px 10px;
	text-align:center;
	height: 200px;
}
.overview_Service img {margin: 4px 0px;	border: none;}
#servicesOverview .jcarousel-skin .jcarousel-container {background: #ffffff;}
#servicesOverview .jcarousel-skin .jcarousel-direction-rtl {direction: rtl;}
#servicesOverview .jcarousel-skin .jcarousel-container-horizontal {width: 730px; padding: 0px;}
#servicesOverview .jcarousel-skin .jcarousel-clip-horizontal {width:  730px; height: 190px;}
#servicesOverview .jcarousel-skin .jcarousel-item {width: 145px; height: 175px;}
#servicesOverview .jcarousel-skin .jcarousel-item-horizontal {margin-left: 0px; margin-right: 10px;}
#servicesOverview .jcarousel-skin .jcarousel-direction-rtl .jcarousel-item-horizontal {	margin-left: 10px; margin-right: 0;}
#servicesOverview.jcarousel-skin .jcarousel-item-placeholder {background: #fff; color: #000;}
#servicesOverview .jcarousel-skin .jcarousel-next-horizontal {
	position: absolute;
	top: 80px;
	right: 0px;
	width: 23px;
	height: 50px;
	cursor: pointer;
	background: transparent url(/clouduser/static/images/us/en/commons/carousel-next-buttons.png) no-repeat 0 0;
}
#servicesOverview .jcarousel-skin .jcarousel-direction-rtl .jcarousel-next-horizontal {
    left: 5px;
    right: auto;
    background-image: url(prev-horizontal.png);
}
#servicesOverview .jcarousel-skin .jcarousel-next-horizontal:hover {background-position: -30px 0;}
#servicesOverview .jcarousel-skin .jcarousel-next-horizontal:active {background-position: 0 0;}
#servicesOverview .jcarousel-skin .jcarousel-next-disabled-horizontal,
#servicesOverview .jcarousel-skin .jcarousel-next-disabled-horizontal:hover,
#servicesOverview .jcarousel-skin .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: 0 0;
}
#servicesOverview .jcarousel-skin .jcarousel-prev-horizontal {
	position: absolute;
	top: 80px;
	left: -13px;
	width: 30px;
	height: 50px;
	cursor: pointer;
	background: transparent url(/clouduser/static/images/us/en/commons/carousel-previous-buttons.png) no-repeat 0 0;
}
#servicesOverview .jcarousel-skin .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: 0px;
    background-image: url(next-horizontal.png);}
#servicesOverview .jcarousel-skin .jcarousel-prev-horizontal:hover {background-position: -30px 0;}
#servicesOverview .jcarousel-skin .jcarousel-prev-horizontal:active {background-position: -30px 0;}
#servicesOverview .jcarousel-skin .jcarousel-prev-disabled-horizontal,
#servicesOverview .jcarousel-skin .jcarousel-prev-disabled-horizontal:hover,
#servicesOverview .jcarousel-skin .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -60px 0;
}.OverviewCarrouselWrapper #carousel .overview_Service {list-style: none;}

/*End of overview carousel styles*/

/*New Overview Page My Account Overview Styles*/'
		
#servicesOverview .collapsibleModule { margin-bottom:10px; }
#servicesOverview .modBody .tabbedContent { padding:20px 0px 20px 0px; border-top:1px solid #e4e4e4; margin-top: -1px; }
#servicesOverview .overviewColumn { width: 378px; float:left; margin:0px 15px 0px 0px; }
#servicesOverview .columnRight { width: 378px; float:left; margin:0px; }
#servicesOverview .modTab,
#serviceSnapshot .modTab {
font-size:16px;
font-family:"Omnes_ATTMedium",Verdana,sans-serif;
background: #fff;
color: #000;
}
#servicesOverview #importantMessages .modTab,
#serviceSnapshot #serviceMessages .modTab{
background: #ef6f00;
}
#servicesOverview .modTab .status{ position:absolute; top:2px; right:5px; }
#servicesOverview .modBody { }
#servicesOverview .modBody .column { width:142px; }
#servicesOverview .modBody .accountSelector {margin-right: 10px; position:relative; top:0px; left:0px;}
#servicesOverview .modBody .pBuffer {height: 0px;}
#servicesOverview .bold { color:#333333; }
#servicesOverview .modBody p {display:block; clear:both; }
#servicesOverview .filterLetters { display:block; clear:both; padding:10px 0px 0px 0px; }
#servicesOverview .userList { padding:4px 8px 0px 8px; margin:5px 0px 15px 0px; height:100px; overflow-y:scroll; border:1px solid #E4E4E4; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; }
#servicesOverview .userList ul li { list-style:none; }
#servicesOverview .userList .name { display:inline-block; width:150px; }
#servicesOverview .premissionsList { padding:4px 8px 0px 8px; margin:5px 0px 15px 0px; height:100px; overflow-y:scroll; border:1px solid #E4E4E4; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; }
#servicesOverview select { padding-bottom: 10px !important; }
#servicesOverview .miniBtn,#usersAndGroups .miniBtnInactive,#usersAndGroups .mainBtn,#usersAndGroups .mainBtnInactive{margin-right:0px; padding-right: 10px; padding-left: 10px;}
#servicesOverview .hl{color:#81017e;}
#servicesOverview .sectionbar {
		display: block;
		height:38px;
		color:#333333;
		padding:12px 0px 0px 20px;
		font-size:16px; font-family:"Omnes_ATTLight",Verdana,sans-serif;
		background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#e7e8e8)); /* for webkit browsers */
		background: linear-gradient(#fbfbfb, #e7e8e8);
		background: -moz-linear-gradient(top,  #fbfbfb,  #e7e8e8); /* for firefox 3.6+ */ 
}
#servicesOverview .allBrowsersList {margin-left: 0px; margin-bottom: 0px;}
#servicesOverview p {margin-bottom: 0px;}
#servicesOverview #getMoreServices  .modBody p{border-bottom: 1px solid #e4e4e4; padding: 4px; height: 25px;}
#servicesOverview #getMoreServices .modBody.serviceMessage table tr td {line-height: 14px; border-bottom: 1px solid #e4e4e4; padding: 4px; font-size: 11px;}

/*Overview Styles for my Services Box*/
#servicesOverview .confirmationServ {
	min-height:130px;
	word-wrap: break-word;
}
#servicesOverview .confirmationServ .bold{color:#333; } 
#servicesOverview .confirmationServ .activeServices li{list-style:none !important; font-weight:bold;}
#servicesOverview .confirmationServ p {
	padding-bottom: 8px;
	line-height: 16px;	
	font-weight: normal !important;
}

#servicesOverview #genericWelcome .confirmationServ .activeServices .staasOptList {
	font: bold 11px Verdana, Geneva, sans-serif;
	color: #191919;
	margin-left: 10px;
	padding-left: 15px;
}
#servicesOverview #genericWelcome .confirmationServ .activeServices .staasOptList li {
	list-style: disc outside!important;
	padding-bottom: 8px;
}
.collapsibleModule .ChatOptions ul li.action {
width: 88px;
}
.collapsibleModule .ChatOptions ul li.topic {
width: 122px;
}
.collapsibleModule .ChatOptions ul li.description {
width: 98px;
}
.collapsibleModule .ChatOptions {
width: 336px;
margin-top: 10px;
height: 274px;
}
/*Service Overview Tabs Styles*/

#servicesOverview .tabs ul {
	background-image: url(/images/us/en/commons/productFeatureTabTile.png);
	background-repeat: repeat-x;
	background-position-y: -15px;
	padding-top:.1px;
	display:inline-block;
	/* firefox's individual border radius properties */
	-moz-border-radius-topleft: 10px;
	/* top left corner */
	-moz-border-radius-topright: 10px;
	/* top right corner */
	/* webkit's individual border radius properties */
	-webkit-border-top-left-radius:10px;
	/* top left corner */
	-webkit-border-top-right-radius:10px;
	/* top right corner */
	border-radius:10px 10px 0 0;
	border:1px solid #e7e7e7;
}
#servicesOverview.tabs ul li {
	display: inline-block;
	height:37px;
	padding-top:.1px;
	zoom:1;
	*display: inline;
	vertical-align: top;
	border-right:1px solid #EEEEEE;
	float:left;
}
#servicesOverview .tabs ul li{
	height:37px;
}
#servicesOverview .tabs {height: 38px;}
#servicesOverview .tabs ul li a {
	padding:8px 7px;
	font-size:13px;
}
#servicesOverview .tabs ul li.first a:hover, .tabs ul li a.selectedFirst {
	-moz-border-radius: 10px 0 0 0 ;
	border-radius: 10px 0 0 0 ;
	-webkit-border-radius:10px 0 0 0 ;
}
#servicesOverview .tabs ul li.last a:hover, .tabs ul li a.selectedLast {
	-moz-border-radius: 0 10px  0 0;
	border-radius: 0 10px  0 0;
	-webkit-border-radius: 0 10px 0 0;
	color:#FFFFFF;
}
#servicesOverview .myServicesTabs .tabbedContent {
	width: 100%;
	border-top: 1px solid #E4E4E4;
	border-left: none!important;
	border-right: none!important;
	border-bottom: none!important;
	padding: 0px 20px;
	margin: 0px -19px;
}
#servicesOverview .tabbedContent .main { width:100%; min-height:238px; margin:0px; padding: 0px; line-height:20px; border-right: none!important;}
#servicesOverview .tabbedContent .mainTopSpace { width:100%; min-height:216px; margin:0px; padding-top: 20px; line-height:20px; border-right: none!important;}
#servicesOverview .tabbedContent .mainTopSpace p {padding-left: 0px!important;}
.howToList{
	background: url(/clouduser/static/images/us/en/myservices/how-do_overview.png) no-repeat left 41px;
	padding-left: 180px;
	min-height: 100px;
	padding-top: 38px;
}
.tabbedContent #tab1 .inner .main .howToList li{
 list-style: disc outside!important;
padding-bottom: 8px;
}

#servicesOverview .confirmation .activeServices li { list-style:none !important; font-weight:bold; }
#servicesOverview .confirmation .basicCustomer { display:none; }
#servicesOverview .tabs ul { padding:0px !important; margin:0px !important; }
#servicesOverview .myServicesTabs { float:left; }
#servicesOverview .tabbedContent h4 { font-size:11px; font-weight:bold; color:#333333; margin:15px 0px 0px 0px; }
#servicesOverview .tabbedContent a { font-size:11px; line-height: 14px;}
#servicesOverview .tabbedContent a .new { color:#FA00A1; font-weight:bold; font-size:11px; }
#servicesOverview .tabbedContent p {padding:0px 0px 0px 25px !important; }
.pBuffer3{height:10px; clear: both;}
#servicesOverview .tabbedContent a.pdf { margin:5px 0px 0px 0px; display:inline-block; }
#servicesOverview .tabbedContent .seeAll { display:block; margin:20px 0px 0px 0px; }
a.pdf { height:15px; display:inline-block; padding:3px 0px 0px 25px; background:url(/clouduser/static/images/us/en/commons/iconPDF.png) no-repeat 0px 2px; }
a.print { height:15px; display:inline-block; padding:3px 0px 0px 25px; background:url(/clouduser/static/images/us/en/commons/iconPrint.png) no-repeat 0px 2px; }
a.rss { padding:1px 0px 2px 20px; margin:0px 0px 0px 15px; color:#ff7200; background:url(/clouduser/static/images/us/en/commons/iconRSS.png) no-repeat 0px 0px; }
/*End of New overview Page My Account Overview Styles*/

/*New Styles for My Profile*/
.profileTip {
	width: 154px;
	height: 274px;
	background: url(/clouduser/static/images/us/en/myservices/myProfieTip.png) no-repeat left top;
	position: absolute;
	top: 10px;
	right: 5px;
	padding-top: 25px;
	padding-right: 20px;
	padding-left: 60px;
}
.profileTip p{
	line-height: 14px;
}
.myDetailsWrapper { position: relative; }

.myDetailsWrapper a:link {float: right; margin-top: 0px; padding-left: 20px;}
.formButtons {padding-left: 120px; padding-top: 20px; text-align:right;float: left;}
.formButtons .miniBtn {margin-right: 10px;margin-top:0px;}
.formButtons .miniBtnWhite {margin-right: 10px;margin-top:0px;}
.myProfileContents {position: relative; border: 1px solid #e4e4e4; padding: 20px; margin-top: 0px;}

.myDetailsWrapper .user_details_head, .myDetailsWrapper .notification_preferences_head, .myDetailsWrapper .password_head { position: absolute; z-index: 10; top: 0px; }
.myDetailsWrapper .user_details_head { left: 14px; width: 43%; float: left; }
.myDetailsWrapper .notification_preferences_head { left: 14px; width: 93%; }
.myDetailsWrapper .password_head { left: 490px; width: 43%; float: left; }

.myProfileContents .user_details_box, .myProfileContents .notification_preferences_box, .myProfileContents .password_box { padding-left: 120px; padding-top: 50px; }
.myProfileContents .user_details_box { width: 340px; margin-bottom: 15px; border-right: 2px solid lightgray; float: left; margin-right: 30px; }
.myProfileContents .notification_preferences_box { }
.myProfileContents .password_box { padding-left: 395px; }

.myProfileBox h3 {margin-left: -100px; margin-bottom: 20px;}
.myProfileBoxEdit {
	-moz-border-radius:8px; /* firefox's individual border radius properties */
	-webkit-border-radius:8px;/* webkit's individual border radius properties */
	border-radius:8px;
	position:relative;
	z-index: 1;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	margin-bottom: 20px;
	padding-top: 40px;
	height: auto;
}
.user_details_edit {
	float: left;
	margin-right: 50px;
    width: 402px;
    background-color: #E5F4FF;
}
.password_edit {
	float: left;
    margin-left: -20px;
    width: 417px;
    background-color: #E5F4FF;
}
.notifications_edit {
	float: left;
	width: 94%;
}

.myDetailsWrapper .user_details_head a{ padding-right: 12px;float:right;margin-top:-50px; }
.myDetailsWrapper .password_head a{ padding-right: 4px;float:right;margin-top:-50px; }
.myDetailsWrapper .notification_preferences_head a{ padding-right: 11px;float:right;margin-top:-24px; }

#tblMyDetails td{vertical-align:top;padding-top:10px;position: relative}
#tblMyDetails input.textInput,#tblCreateAcct input.passwordInput,#tblCreateAcct select{width:218px;}
#tblMyDetails input.checkboxInput{display: inline-block; zoom:1; *display:inline;margin:4px;}
#tblMyDetails label{text-align:right;margin-right:10px;color:#000000;}
#tblMyDetails .fieldName{text-align:right;margin-right:5px; width: 116px;}
#tblMyDetails .forceHeight{height:20px;}
#tblMyDetails .leftPadding{padding-left:5px;}

/*End of my profile new page*/

/*disable tabs*/

.tabs ul li.DisabedTab a {color:#E7E8E8;}
.tabs ul li.DisabedTab a:hover {background:transparent; color:#E7E8E8; }

/*New Classes by Zaniah for Subaccount Management page*/
.saSummaryWrapper {float: right; width: 757px; margin-left: -1px; }
.saSummaryWrapper table th {background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#e7e8e8)); /* for webkit browsers */
		background: linear-gradient(#fbfbfb, #e7e8e8);
		background: -moz-linear-gradient(top,  #fbfbfb,  #e7e8e8); /* for firefox 3.6+ */
		color:#333333;
		font-size:16px; font-family:"Omnes_ATTLight",Verdana,sans-serif;
		padding: 4px 0 3px 5px;
		border-top:1px solid #E4E4E4;
		border-bottom:1px solid #E4E4E4;
		height: 22px;}
		
.saSummaryWrapper table {
font-size: 11px;
line-height: 16px;
color: #191919;
border: 1px solid #e4e4e4;
}
.saSummaryWrapper table a {font-size:10px;}
.linkRow {margin-top: 10px;}

.saSummaryWrapper table td { padding: 5px;}

table.withBorder  td {border-left: 1px solid #e4e4e4!important; border-bottom: 1px solid #e4e4e4!important; padding: 5px;}

.saSummaryWrapper p {
font-size: 11px;
line-height: 16px;
color: #191919;
padding-bottom: 0px!important;
margin-bottom: 5px!important;
}
.additionalIDC {margin-left: 82px;}
.noIDC {margin-left: 0px;}
.saSummaryWrapper .summary {background:url("/clouduser/static/images/us/en/myservices/folder_blue_19.png") no-repeat 0 0;padding-left:24px; }
.saSummaryWrapper .settings {background:url("/clouduser/static/images/us/en/myservices/settings_blue_19.png") no-repeat 0 0;padding-left:24px;}
.saSummaryWrapper .activeSvcs {background:url("/clouduser/static/images/us/en/myservices/activeSvc.png") no-repeat 0 0;padding-left:24px;}
.saSummaryWrapper .disconnectedSvcs {background:url("/clouduser/static/images/us/en/myservices/inactiveSvc.png") no-repeat 0 0;padding-left:24px;}
.saSummaryWrapper .orderSvcs {background:url("/clouduser/static/images/us/en/myservices/shoppingIconSm.png") no-repeat 0 0;padding-left:24px;}

/*IPSEC - CAAS tree START*/
#caasTree a, 
#caasTree a:link,
#caasTree a:active,
#caasTree a:visited,
#caasTree a:hover{color:#067ab4;font-size:11px;text-decoration: none;}
#caasTree {min-height:400px;width:265px;float:left;overflow:hidden;padding-left:5px;}
#caasTree a.overview {padding:10px 0px 10px 5px; display:block;cursor:pointer;}
#caasTree li {list-style:none outside none;}
#caasTree .answer{
	display:none;
	padding-left:22px;
}
#caasTree .question{
	display:inline-block;
	padding:0px 0px 0px 15px;
/* 	background: url(/clouduser/static/images/us/en/commons/accordionOpenTiny.png) no-repeat 5px 5px; */
}
#caasTree .question.selected {
/* 	background: url(/clouduser/static/images/us/en/commons/accordionCloseTiny.png) no-repeat 5px 5px; */
}
#caasTree .vdc {display:inline-block;cursor:pointer; padding: 0px 0px 5px 17px; background:url("images/tree-vdc.png") no-repeat 0 2px; width:220px; white-space:nowrap;}
#caasTree .ipsec {display:inline-block;cursor:pointer; padding: 0px 0px 5px 17px; margin:0 0 0 15px;background:url("images/tree-ipsec.png") no-repeat 0 2px;}
#caasTree .ipsec.disabled {background:url("images/tree-ipsec-disbaled.png") no-repeat 0 2px;}
#caasTree .selectedItem {font-weight:bold;}
#caasTree .ipsec.selectedItem a {color:#333333;font-weight:bold;}
#caasContentContainer {float:left; width:638px;padding: 0 0 0 22px;}
#caasContentContainer .ipsecOverview {}
#caasContentContainer .ipsecOverview .row {min-height:30px; padding:10px 16px 5px 16px; border-bottom:1px solid #e4e4e4;}
#caasContentContainer .ipsecOverview .head {
		display: block;
		min-height:38px;
		padding:10px 16px;
		border:1px solid #e4e4e4;
		background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#e7e8e8)); /* for webkit browsers */
		background: linear-gradient(#fbfbfb, #e7e8e8);
		background: -moz-linear-gradient(top,  #fbfbfb,  #e7e8e8); /* for firefox 3.6+ */ }
#caasContentContainer .ipsecOverview .head li{color:#333333;font-size:16px; font-family:"Omnes_ATTLight",Verdana,sans-serif;vertical-align:middle;}
#caasContentContainer .ipsecOverview .name {width:210px;}
#caasContentContainer .ipsecOverview .remote {width:120px;}
#caasContentContainer .ipsecOverview .state {width:100px;}
#caasContentContainer .ipsecOverview .state.enabled {padding-left:24px;background:transparent url("images/servicedashboard/running.png") no-repeat scroll 0 0; color:#6ebb1f;width:84px;}
#caasContentContainer .ipsecOverview .state.disabled {padding-left:24px;background:transparent url("/images/us/en/myservices/inactiveSvc.png") no-repeat scroll 0 0; color:#ff7200;width:84px;}
#caasContentContainer .ipsecOverview .config {width:55px;}
#caasContentContainer .ipsecOverview li{list-style:none outside none; display:inline-block; padding-right:16px;padding-bottom:3px; font-size:11px;}
.rightModuleHead {display: block;
		padding:10px 16px;
		border:1px solid #e4e4e4;
		background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#e7e8e8)); /* for webkit browsers */
		background: linear-gradient(#fbfbfb, #e7e8e8);
		background: -moz-linear-gradient(top,  #fbfbfb,  #e7e8e8); /* for firefox 3.6+ */ }
.rightModuleHead .left {width:285px;}
.rightModuleHead .right {width:300px;}
#caasContentContainer .scrollTable{height:360px; overflow:auto;border:1px solid #e4e4e4}
#IpsecConfigWrapper .accordionWrapper li.item {list-style:none outside none;}
#IpsecConfigWrapper .accordionWrapper li.item .status{display: none;}
#IpsecConfigWrapper .accordionWrapper li.item .question {display: block;
		padding:10px 16px;
		border-top:1px solid #e4e4e4;
		background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#e7e8e8)); /* for webkit browsers */
		background: linear-gradient(#fbfbfb, #e7e8e8);
		background: -moz-linear-gradient(top,  #fbfbfb,  #e7e8e8); /* for firefox 3.6+ */ }
#IpsecConfigWrapper .accordionWrapper li.item .panelArrow{height:17px; width:17px; background: transparent url("/clouduser/static/images/us/en/commons/accordionClosed.png") no-repeat 0 1px ;}		
#IpsecConfigWrapper .accordionWrapper li.item .selected .panelArrow{background: transparent url("/clouduser/static/images/us/en/commons/accordionOpen.png") no-repeat 0 1px ;}
#IpsecConfigWrapper .accordionWrapper {border-left:1px solid #e4e4e4;border-right:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;}
#IpsecConfigDeatils td {padding:10px 16px;font-size:11px;}
#IpsecConfigDeatils .fieldName {text-align:right; vertical-align:top; }
#IpsecConfigDeatils .fieldName label {color:#333333; font-weight:bold;}
#IpsecConfigDeatils h3 {color:#333333;}
#IpsecConfigDeatils #SharedDisplay {width:260px;}

li.ipdefaults .answer{
display:none;
padding-left:22px;
}
#IpsecConfigWrapper .accordionWrapper li.ipdefaults .question,
li.ipdefaults .question{
border:0px;
display:inline-block;
padding:0px 0px 0px 17px;
background: url(/clouduser/static/images/us/en/commons/accordionOpenTiny.png) no-repeat 5px 8px;
}
#IpsecConfigWrapper .accordionWrapper li.ipdefaults .selected
{
background: url(/clouduser/static/images/us/en/commons/accordionCloseTiny.png) no-repeat 5px 8px;
}
#IpsecNewWrapper {border-left:1px solid #e4e4e4;border-right:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;}
#IpsecConfigWrapper .status {padding:16px;}
.ipsec-header {padding: 0 10px; clear:both; border-top:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;}
#caasTree .question.noTunnel {
background: none repeat scroll 0 0 transparent;
}
input#TunnelNameId {width:200px;}
/*IPSEC - CAAS tree END*/

/*new styles for My Notifications*/
#tblMyNotifications .fieldName {width: 174px; padding-right: 5px;}
.accountSelector {
	z-index: 1000;
	left: 30px;
	top: 36px;
}

.notificationStatus {margin-left: 338px;}
.notification_tickets_preference { margin-left: 0px;margin-top: 42px; }
#tblMyNotifications label { 
text-align: left;
margin-right: 10px;
color: #000;
}
#tblMyNotifications input.textInput {
width: 225px;
}

.myProfileLabel {color: #000; font-family: Verdana, Geneva, sans-serif; font-size:11px; margin-right: 5px;}

#tblMyNotifications  {margin-left: 20px}

/*Classes for NetBond */

#netBondSvcMgt .label {color: #000; padding-right: 10px; font-weight: normal;font-family: Verdana, Arial, Helvetica, sans-serif;}
#netBondSvcMgt .normalLink{font-weight: normal;}
.noVLAN .miniBtn {margin-left: 158px; margin-top: 20px;}
#netBondSvcMgt .wrapper {width: 930px; margin-bottom: 20px; margin-top: 10px}
#netBondSvcMgt .VNCdetailsWrapper {border: 1px solid #e4e4e4;}
#netBondSvcMgt .VNCmgt {border: 1px solid #e4e4e4; margin-bottom: 20px;}
#netBondSvcMgt .sectionbar {
display: block;
height:38px;
color:#333333;
padding:10px 26px 10px 0;
font-size:16px; font-family:"Omnes_ATTLight",Verdana,sans-serif;
background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#e7e8e8)); /* for webkit browsers */
background: linear-gradient(#fbfbfb, #e7e8e8);
background: -moz-linear-gradient(top,  #fbfbfb,  #e7e8e8); /* for firefox 3.6+ */ }
#netBondSvcMgt .sectionbar .selectBox {

}
.CSPLocation {
font-size:20px;
font-family:"Omnes_ATTMedium",Arial,sans-serif;
border-bottom: 3px solid #ccc;
margin: 20px;
}
#netBondSvcMgt .actionButtons {margin: 20px 0 0 0; float: right;}
.VNCmgt .noVNCcreated {
	font-size: 13px;
	color: #191919;
	text-align: center;
	width: 100%;
	padding: 50px 20px 20px;
}
.VNCmgt .noVNCcreated .noVNCimage {
	padding-bottom: 20px;
	border-style: none;
	cursor: pointer;
}
.VNCmgt .noVNCcreated p {
max-width: 580px;
margin-left: 160px;
font-size: 13px;
}

.VNCdetails .actionButtons a {margin-left: 10px;}
.label {color: #000; font-size: 11px;}

ul.ipsList {
display: block;
list-style: none;
max-height: 90px;
overflow: auto;
width: 218px;
padding-left: 10px;
border: 1px solid #E4E4E4;
-webkit-border-radius: 5px; 
 -moz-border-radius: 5px; 
border-radius: 5px;
position:relative;
z-index:1;
}
.VNCdetails {
width: 300px;
float: left;
min-height: 301px;
padding: 15px;
border-right: 1px solid #CCC;
}
.VLANdetails {
float: left;
width: 530px;
height: 100%;
padding: 15px;
}
.noVLAN {display: block;}
.withVLAN {display: block}
ul.VLANlist {
width: 400px;
display: block;
border: 1px solid #e4e4e4;
height: 90px;
overflow:auto;
list-style: none;
padding-top: 10px;
-webkit-border-radius: 5px; 
 -moz-border-radius: 5px; 
border-radius: 5px;
position:relative;
z-index:1;
}
.VLANlist li {padding-left: 10px; cursor:pointer;}
.VLANlist li:hover {background-color: #e5f4ff;}
.VLANlist .selected {background-color: #7cc6ff; color: #fff; font-weight: bold;}

#cpBCAngularLeftNavTree .totsg {
	color: #000;
    display: inline;
    font-size: 1.2rem;
    padding-left: 10px;
}

#netBondSvcMgt .VNC-accordion dt .editLink {float: right; font-weight: normal; font-size: 10px;}
#netBondSvcMgt .settings{background-color: #e5f4ff; padding: 10px; margin: -15px -15px 10px -15px; font-size: 13px;}
#netBondSvcMgt .settings .editLink {float: right;}
#netBondSvcMgt .inactive a:link{color: #191919; cursor: default;}
#netBondSvcMgt .inactive a:visited{color: #191919; cursor: default;}
#netBondSvcMgt .inactive a:hover{color: #191919; cursor: default;}
#netBondSvcMgt .sectionbar .left {padding: 5px 0 0 20px; }
#netBondSvcMgt .VNCname {
width: 334px;
word-wrap: break-word;
white-space: normal;
margin-bottom: 15px;
font-size: 11px;
height: 20px;
} 
#netBondSvcMgt .VNC-accordion dt {
padding: 4px 10px 0px 30px !important;
list-style-type: none;
color: #067ab4;
font-size: 13px;
font-weight: bold;
display: block;
background: url(/clouduser/static/images/us/en/commons/accordionBG.png) no-repeat 0px 0px;
background-color: #f1f1f1;
border-bottom: 1px solid #e4e4e4;
cursor: pointer;
margin-top: 15px;
border: 1px solid #ccc;
line-height: 35px;
}
#netBondSvcMgt .VNC-accordion dd {border: 1px solid #e4e4e4; padding: 0px; margin: 0px; line-height: 22px; }
#route_management_questionsAssign {
    margin-top: 10px;
}
#route_management_questionsAssign .rowhead {
    /* border: 1px solid black; */
}
#route_management_questionsAssign .rowdata {
    /* border-left: 1px solid black;
    border-right: 1px solid black;
    border-bottom: 1px solid black; */
}
#route_management_questionsAssign .rowhead .right, #route_management_questionsAssign .rowdata .right {
/*     border-left: 1px solid black; */
}
#route_management_questionsAssign .rowhead .left, #route_management_questionsAssign .rowdata .left, #route_management_questionsAssign .rowhead .right, #route_management_questionsAssign .rowdata .right {
	padding: 5px;
}
#route_management_questionsAssign .rowhead .left, #route_management_questionsAssign .rowdata .left {
	 border-right: 1px solid black;
}
#netBondSvcMgt .VNC-accordion dt.active {
background: url(/clouduser/static/images/us/en/commons/accordionBG.png) no-repeat 0px -42px;
background-color: #f1f1f1;
}
#netBondSvcMgt .VNC-accordion dt:hover {
-moz-box-shadow: 0px 0px 5px rgba(153,153,153,0.3);
 -webkit-box-shadow: 0px 0px 5px rgba(153,153,153,0.3);
box-shadow: 0px 0px 5px rgba(153,153,153,0.3);
position:relative;
z-index: 1;	
}	
#netBondSvcMgt .VNC-accordion {margin: 0 15px 15px 15px;}
#netBondSvcMgt .VNC-accordion a {display: inline-block;}

.VLANlist ul li {list-style: none;}
.VNCdetails table tr td {
	font-size: 11px;
	color: #191919;
}
#netBondSvcMgt #taskManagementContainer {}
#netBondSvcMgt .taskManager {}
#netBondSvcMgt .taskManager .scrollTable {height:230px; overflow:auto;border:1px solid #E4E4E4;}
#netBondSvcMgt .taskManager .head {
		display: block;
		padding:10px 16px;
		border:1px solid #e4e4e4;
		background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#e7e8e8)); /* for webkit browsers */
		background: linear-gradient(#fbfbfb, #e7e8e8);
		background: -moz-linear-gradient(top,  #fbfbfb,  #e7e8e8); /* for firefox 3.6+ */ }
#netBondSvcMgt .taskManager li{
list-style:none outside none;
display: inline-block;
zoom: 1;
*display: inline;
padding-right:16px;
padding-bottom:3px;
font-size:11px;
vertical-align:top;
line-height: 18px;
}
#netBondSvcMgt .taskManager .head li{color:#333333;font-size:16px; font-family:"Omnes_ATTLight",Verdana,sans-serif;vertical-align:middle;}
#netBondSvcMgt .taskManager .row {padding:10px 16px 5px 16px; border-bottom:1px solid #e4e4e4;}
#netBondSvcMgt .taskManager .asset{width:270px; word-wrap:break-word; white-space: normal;}
#netBondSvcMgt .taskManager .op{width:80px; word-wrap:break-word; white-space: normal;}
#netBondSvcMgt .taskManager .time{width:185px; word-wrap:break-word; white-space: normal;}
#netBondSvcMgt .taskManager .uid{width:138px; word-wrap:break-word; white-space: normal;}

#netBondSvcMgt .taskManager .status.success {
	background:transparent url("/clouduser/static/images/us/en/myservices/check-mark.gif") no-repeat scroll 0 0; 
	color:#6ebb1f;
	background-position: 30% 50%;
	background-position-y: 15px;	
}
#netBondSvcMgt .taskManager .status.error {	
	background:transparent url("/clouduser/static/images/us/en/myservices/alert-error.gif") no-repeat scroll 0 0; 
	color:#b30a3c;
	background-position: 30% 50%;
	background-position-y: 15px;	
}
#netBondSvcMgt .taskManager .status.running {
	background:transparent url("/clouduser/static/images/us/en/myservices/loading_sm.png") no-repeat scroll 0 0;
	color:#ff7200;
	background-position: 30% 50%;
	background-position-y: 15px;	
}
#netBondSvcMgt .taskManager .status.prerunning {
	background:transparent url("/clouduser/static/images/us/en/myservices/pre-running_sm.png") no-repeat scroll 0 0;
	color:#cccccc;
	background-position: 30px 50%;
	background-position-y: 15px;	
}
#netBondSvcMgt .taskManager .status.queued {
	background:transparent url("/clouduser/static/images/us/en/myservices/task-manager_sm.png") no-repeat scroll 0 0;
	color:#7cc6ff;
	background-position: 30% 50%;
	background-position-y: 15px;	
}
#netBondSvcMgt .taskManager .status.canceled {
	background:transparent url("/clouduser/static/images/us/en/myservices/deleteIcon.png") no-repeat scroll 0 0;
	color:#b30a3c;
	background-position: 30% 50%;
	background-position-y: 15px;	
}
#netBondSvcMgt .taskManager .status.aborted {
	background:transparent url("/clouduser/static/images/us/en/myservices/deleteIcon.png") no-repeat scroll 0 0;
	color:#b30a3c;
	background-position: 30% 50%;
	background-position-y: 15px;	
}
#netBondSvcMgt .rightModuleHead h3 {display:inline; padding:5px 10px 5px 38px;background:transparent url("/clouduser/static/images/us/en/myservices/task-manager.png") no-repeat scroll 0 0;}
#netBondSvcMgt .rightModuleHead {margin: 20px 0 0 0;}
#netBondSvcMgt .refreshStatus {float: right; }

.bandwidth-slider-wrapper { width: 175px; background: url(/images/us/en/commons/plugins/slider/sliderBg.png) no-repeat; padding: 0 26px; margin: 0 0px; text-align: center; position: relative; z-index: 1; }
.bandwidth-slider-wrapper .ui-slider { width: 176px; border: none; height: 22px; background: none !important; position: relative; }
.bandwidth-slider-wrapper .ui-slider .ui-slider-handle { width: 64px !important; height: 28px !important; background: url(/images/us/en/commons/plugins/slider/sliderThumb.png) !important; border: none !important; margin-left: -32px !important; position: absolute; z-index: 2; }
.bandwidth-slider-wrapper .ui-slider-disabled .ui-slider-handle { width: 64px !important; height: 28px !important; background: url(/images/us/en/configureandorder/configSliderThumbDisabled.png) !important; border: none !important; margin-left: -32px !important; position: absolute; z-index: 2; opacity: 1 !important; filter:Alpha(Opacity=100); cursor: default !important; }
.bandwidth-value { margin: 0 auto; text-align: center; width: 65px !important; }
#netBondSvcMgt #processingImg{
	background: url("/clouduser/static/images/ajax-loader-small.gif") no-repeat scroll 0 5px transparent;
	margin-bottom: 10px;
	padding: 0 10px 0 30px;
	float:left;
}
#netBondSvcMgt #reportsContent{float:none;}
.horLine {height: 1 px; border-bottom: 1px solid #e4e4e4; clear: both}
.overlayRight .bandwidth-slider-wrapper {margin: 10px;}
.NBorderOpt {margin-left: 50px;}
.NBorderOpt table {text-align: left;}
.NBorderOpt .bandwidth-slider-wrapper {margin-left: 50px; float: left;}
.mbcDisclaimer {float: right; width: 500px;}
#netBondSvcMgt .withVLAN .vlanDetails ul{
	line-height: 17px;	
}
#netBondSvcMgt .withVLAN .vlanDetails ul li{
	list-style:none;
	display:inline-block; 
	width: 230px;
	vertical-align: top;
}
/*netbond overrides*/
.mini-feedback .feedback_successMessage,.mini-feedback .feedback_infoMessage, .mini-feedback .feedback_errorMessage{
	padding: 15px 15px 15px 110px;
	min-height: 20px;
	display:hidden;
	margin: 10px!important
}
#netBondSvcMgt li.status.Active,
#netBondSvcMgt li.status.ACTIVE
{
	background:transparent url(/clouduser/static/images/us/en/myservices/check-mark.gif) no-repeat scroll 0 0;
	padding-left: 20px;
	background-position-y: 50%;	
}
#netBondSvcMgt li.status.Disconnect.In.Progress,
#netBondSvcMgt li.status.Deleted,
#netBondSvcMgt li.status.Confirming,
#netBondSvcMgt li.status.CONFIRMING
{
	background:transparent url(/clouduser/static/images/us/en/commons/tinyWarning.png) no-repeat scroll 0 0;
	padding-left: 20px;
	background-position-y: 50%;	
}
#netBondSvcMgt li.status.Assignment.In.Progress
{
	background:transparent url(/clouduser/static/images/us/en/commons/tinyWarning.png) no-repeat scroll 0 0;
	padding-left: 20px;
	background-position-y: 50%;	
} 

#netBondSvcMgt .actionButtons
{
	min-height: 28px;
}

#netbondFirewallDiv {
	padding-left:70px;
	text-align:left;
}

#nbVpnDetails {
	margin-top:24px;
}

#no_vpn {
	background: url(images/alert-error.GIF) no-repeat 0 0;
	height: 43px;
	padding-left:40px;
	color: #C23B63;
	width: 382px;
}



/*NetBond end */

.tinyWarning
{
	background:transparent url(/clouduser/static/images/us/en/commons/tinyWarning.png) no-repeat scroll 0 0;
	padding-left: 20px;
	background-position-y: 50%;	
} 
.alertpng
{
	background:transparent url(/clouduser/static/images/us/en/commons/alert.png) no-repeat scroll 0 0;
	padding-left: 25px;
	background-position-y: 50%;	
} 
/*softlayer*/


/*softlayer end*/

#softLayerDiv {background: url(images/info-note.png) no-repeat 0 5px; padding-left:25px; padding-right: 30px; font-size :10px; }

#cpBCAngularLeftNavTreeMainOuter .selected {
	color: red;
}
#cpBCAngularLeftNavTreeMain .selected {
	color: red;
}
.servicegroupfilters .selected {
	color: red;
}

/*User Management Styles */
	.lnServiceGrp{margin-top:5px; width: 80px; background:#FFFFFF;}
	#rolesPermissions .heroImage{margin-top:-20px;}
	#rolesPermissions .usersAndGroupsTabs { width:770px; float:left; }
	#rolesPermissions .sublinks{margin-bottom:5px;}


	#rolesPermissions .tabs ul li a.selectedLast {-moz-border-radius: 0 10px  0 0;
	border-radius: 0 10px  0 0;
	-webkit-border-radius: 0 10px 0 0;
	border-rigth: none;
	}
	#rolesPermissions .tabs ul li.first a:hover, .tabs ul li a.selectedFirst {
	-moz-border-radius: 10px 0 0 0!important;
	 -webkit-border-radius: 10px 0 0 0!important;
	 border-radius: 10px 0 0 0!important;
}
	#rolesPermissions .tabbedContent { border:1px solid #E4E4E4; width: 928px;}
	#rolesPermissions .collapsibleModule { margin-bottom:10px; }
	#rolesPermissions .modBody .tabbedContent { padding:20px 0px 20px 0px; border:0px; }
	#rolesPermissions .column { width: 360px; float:left; margin:0px 15px 0px 0px; }
	#rolesPermissions .modTab { height:25px; padding:5px 0px 0px 20px; font-size:16px; font-family:"Omnes_ATTMedium",Verdana,sans-serif; }
	#rolesPermissions .modTab .status{ position:absolute; top:2px; right:6px; }
	#rolesPermissions .modBody { font-size:11px; font-family:Verdana; }
	#rolesPermissions .modBody .column { width:142px; }
	#rolesPermissions .bold { color:#333333; }
	#rolesPermissions .modBody p { padding:10px 0px 0px 0px; line-height:14px; display:block; clear:both; }
	#rolesPermissions .filterLetters { display:block; clear:both; padding:10px 0px 0px 0px; }
	#rolesPermissions .userList { padding:4px 8px 0px 8px; margin:5px 0px 15px 0px; height:100px; overflow-y:scroll; border:1px solid #E4E4E4; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; }
	#rolesPermissions .userList ul li { list-style:none; }
	#rolesPermissions .userList .name { display:inline-block; width:150px; }
	#rolesPermissions .premissionsList { padding:4px 8px 0px 8px; margin:5px 0px 15px 0px; height:100px; overflow-y:scroll; border:1px solid #E4E4E4; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; }
	#rolesPermissions select { padding-bottom: 10px !important; }
	#rolesPermissions .miniBtn,#rolesPermissions .miniBtnInactive,#rolesPermissions .mainBtn,#rolesPermissions .mainBtnInactive{margin-right:15px; margin-top: -3px;}
	
	#rolesPermissions .users .abcsorter .user .left {padding-right:10px;}
	#rolesPermissions .users .abcsorter .user .left input {margin-top:23px;}
	#rolesPermissions .subaccounts .subaccountName {color#333333;font-size:11px;font-weight:bold;margin-top:5px;}
	#rolesPermissions .subaccounts .accountName {color#333333;font-size:11px;}
	#rolesPermissions .subaccounts .rightColumn,
	#rolesPermissions .accounts .rightColumn,
	#rolesPermissions .users .rightColumn{float:right; width:180px;border-left:1px solid #E4E4E4;border-bottom:1px solid #E4E4E4; }
	#rolesPermissions .accounts .rightColumn {width:195px;}
	#rolesPermissions .subaccounts .rightColumn .heading,
	#rolesPermissions .accounts .rightColumn .heading,
	#rolesPermissions .users .rightColumn .heading {
		background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#e7e8e8)); /* for webkit browsers */
		background: linear-gradient(#fbfbfb, #e7e8e8);
		background: -moz-linear-gradient(top,  #fbfbfb,  #e7e8e8); /* for firefox 3.6+ */
		color:#333333;
		font-size:16px; font-family:"Omnes_ATTLight",Verdana,sans-serif;
		padding: 4px 0 3px 5px;
		border-top:1px solid #E4E4E4;
		border-bottom:1px solid #E4E4E4; }
	#rolesPermissions .subaccounts .rightColumn .content,
	#usersAndGroups .accounts .rightColumn .content,
	#rolesPermissions .users .rightColumn .content {font-size:11px; padding:5px; line-height:14px; margin-bottom: -3px;}
	#usersAndGroups .subaccounts .rightColumn .heading .summary,
	#rolesPermissions .accounts .rightColumn .heading .summary,
	#usersAndGroups .users .rightColumn .heading .summary  {background:url("/clouduser/static/images/us/en/myservices/folder_blue_19.png") no-repeat 0 0;padding-left:24px; }
	#rolesPermissions .subaccounts .rightColumn .heading .settings,
	#rolesPermissions .accounts .rightColumn .heading .settings,
	#rolesPermissions .users .rightColumn .heading .settings {background:url("/clouduser/static/images/us/en/myservices/settings_blue_19.png") no-repeat 0 0;padding-left:24px;}
	#rolesPermissions .accounts .mainView,
	#rolesPermissions .users .mainView {float:left;padding:10px;font-size:11px;border-left:1px solid #E4E4E4;margin-left:0px;}
	#rolesPermissions .subaccounts .mainView {float:left;padding:10px;font-size:11px;}
	#rolesPermissions .subaccounts .mainView h3 {background:url("/clouduser/static/images/us/en/myservices/account.png") no-repeat 0 4px;padding-left:50px;}
	#rolesPermissions .accounts .mainView h3 {background:url("/clouduser/static/images/us/en/myservices/account.png") no-repeat 0 4px;padding: 13px 0 10px 40px;}
	#rolesPermissions .users .mainView h3 {background:url("/clouduser/static/images/us/en/myservices/userIconSmall.png") no-repeat 0 4px;padding: 13px 0 10px 33px;}
	#rolesPermissions .subaccounts .mainView h4 {font-size:16px; font-family:"Omnes_ATTLight",Verdana,sans-serif; margin: 10px 0 0 0;}
	#rolesPermissions .accounts .mainView h4,
	#rolesPermissions .users .mainView h4 {font-size:16px; font-family:"Omnes_ATTLight",Verdana,sans-serif; margin: 10px 0 0 0;}
	#rolesPermissions .users .mainView p {border-bottom:1px solid #E4E4E4; padding-bottom:15px;}
	#rolesPermissions .users .mainView .miniBtn {float:right; margin-left:10px;margin-top:10px;}
	#rolesPermissions .subaccounts .mainView .subaccountName{font-size:16px; font-family:"Omnes_ATTMedium",Verdana,sans-serif;}
	#rolesPermissions .subaccounts .mainView .accountName{font-size:16px; font-family:"Omnes_ATTLight",Verdana,sans-serif;}
	#rolesPermissions .subaccounts .mainView .activeIcon,
	#rolesPermissions .accounts .mainView .activeIcon {
		float:left;
		padding:5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		border:1px solid #Eaeaea;
		background: #fbfbfb;
		background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fbfbfb), to(#e7e8e8));
		background: -webkit-linear-gradient(#fbfbfb, #e7e8e8);
		background: -moz-linear-gradient(#fbfbfb, #e7e8e8);
		background: -ms-linear-gradient(#fbfbfb, #e7e8e8);
		background: -o-linear-gradient(#fbfbfb, #e7e8e8);
		background: linear-gradient(#fbfbfb, #e7e8e8);
}
		
	#rolesPermissions .subaccounts .mainView .serviceMngmt,
	#rolesPermissions .accounts .mainView .serviceMngmt {float:left;padding-left:10px;padding-top:5px;width:300px;}
	#rolesPermissions .mainView .getMore {background:#fbfbfb url("/clouduser/static/images/us/en/myservices/corner_200.png") no-repeat 100% 0;border:1px solid #E4E4E4; padding:10px;width:340px;}
	#rolesPermissions .mainView .getMore .serviceMngmt {width:280px}
	#rolesPermissions .accounts .accountName {color#333333;font-size:11px;font-weight:bold;padding:15px 0 15px 20px;}
	#rolesPermissions .accounts .accountName:hover,
	#rolesPermissions .accounts .abcsorter .selected {color:#FFFFFF;background:#7cc6ff;}
	#rolesPermissions .accounts .accountName:hover a,
	#rolesPermissions .accounts .abcsorter .selected a{color:#FFFFFF;}
	
	
	#rolesPermissions .permissions .accordionWrapper .roles-accordion dt {
	padding:10px;
	width: 908px;
	list-style-type:none;
	color:#067ab4;
	font-size:13px;
	font-weight:bold;
	display:block;
	background: url(/clouduser/static/images/us/en/commons/accordionClosed.png) no-repeat 893px 10px;
	background-color: #f1f1f1;
	border-bottom: 1px solid #e4e4e4;
	cursor: pointer;
	}
	#rolesPermissions .permissions .accordionWrapper .roles-accordion dt.active {
	background: url(/clouduser/static/images/us/en/commons/accordionOpen.png) no-repeat 893px 10px;
	background-color: #f1f1f1;
	}
    #rolesPermissions .permissions .accordionWrapper .roles-accordion dt:hover {
	background-color: #e4e4e4;
	}

#rolesPermissions .permissions .accordionWrapper .answer{
	display:none;
	padding:10px 0px 0px 0px;
	font-size:11px;
	line-height: 19px;
}
#rolesPermissions .permissions .accordionWrapper .answer ul{
	display:block;
	padding:2px 0px 15px 0px;
}
#rolesPermissions .permissions .accordionWrapper .answer li{
	list-style-type: none;
	margin: 0px 0px 0px 16px;
}

#rolesPermissions .permissions .accordionWrapper .answer .row {border-bottom:1px solid #E4E4E4;padding:10px 0 10px 0;} 
#rolesPermissions .permissions .accordionWrapper .description .row .col1 {float:left;width:160px;padding-left:20px;}
#rolesPermissions .permissions .accordionWrapper .description .row .col2 {float:left;width:560px;padding-left:20px;}

#rolesPermissions .permissions .accordionWrapper .permissionstable .row .col1 {float:left;width:160px;padding-left:20px;}
#rolesPermissions .permissions .accordionWrapper .permissionstable .row .col2 {float:left;width:164px;padding-left:20px;}
#rolesPermissions .permissions .accordionWrapper .permissionstable .row .col3,
#rolesPermissions .permissions .accordionWrapper .permissionstable .row .col4,
#rolesPermissions .permissions .accordionWrapper .permissionstable .row .col5,
#rolesPermissions .permissions .accordionWrapper .permissionstable .row .col6,
#rolesPermissions .permissions .accordionWrapper .permissionstable .row .col7 {float:left;width:70px;padding-left:10px;text-align:center;}


/*New Roles management page */
/*----Roles PAGE----*/

#rolesPermissions .reasons {
	display:block;
	width:700px;
	margin-bottom:20px;
}
#rolesPermissions .reasons li {
	display: inline-block;
	width:205px;
	zoom:1;
	*display:inline;
}
#rolesPermissions .reasons .position {
	font-family:"Omnes_ATTMedium",Verdana,sans-serif;
	font-size:60px;
	float:left;
	margin-right:6px;
	line-height: 60px;
	width:30px;
	text-align: center;
	color:#CCCCCC;
}
#rolesPermissions .reasons .description {
	
	float:right;
	clear: none;
	width:150px;
	margin-right:15px;
	font-size:11px;
	margin-top:10px;
	color: #191919;
}

#rolesPermissions .comparisonChart {
	margin-top: 20px;
	margin-bottom: 10px;
	
	/*position:relative*/
}
#rolesPermissions .comparisonChart .products ul {
	clear:both;
	border-top: 1px solid #e4e4e4;
	border-left: none;
	border-right: 1px solid #e4e4e4;
	width:156px;
}
#rolesPermissions .comparisonChart .products ul li {
	display:block;
	width:156px;
	height:50px;
	border-bottom: 1px solid #e4e4e4;
	text-align: left;
	padding-top: .1px;
}
#rolesPermissions .comparisonChart .table .services{
	border-right:1px solid #e4e4e4;	
}


#rolesPermissions .comparisonChart .table .services li {
	display:inline-block;
	width:81px;
	height:75px;
	color:#000000;
	
	font-weight:bold;
	font-size:11px;
	background-color: #f4f4f4;
	text-align: center;
	border-top:1px solid #e4e4e4;
	border-left:1px solid #e4e4e4;
	vertical-align: top;
	zoom:1;
	*display:inline;
}

#rolesPermissions .comparisonChart .products ul li p{
    line-height: 15px;
    margin-bottom: 0 !important;
    margin-left: 10px;
    margin-top: 7px;
}


#rolesPermissions .comparisonChart .products ul li{
	display: table;
}

#rolesPermissions .comparisonChart .products ul li div{
    display: table-cell;
    line-height: 15px;
    padding-left: 7px;
    vertical-align: middle;
}

#rolesPermissions .tableWrap {
	overflow: hidden;
	width:663px;
	/* position:relative; */
	border-top: 1px solid #E4E4E4
}
#rolesPermissions .comparisonChart .table {
	left:0;
	width:1600px;
	overflow: hidden;
	position: relative;
}
#rolesPermissions .comparisonChart .table .services li span {
	margin-top:16px;
	display: block

}

#rolesPermissions .comparisonChart .matrixHead {
	display:inline;
}
#rolesPermissions .matrixHeadTab .tabs li{
	width:276px;
	text-align:center;
}
#rolesPermissions .products ul{
background: none repeat scroll 0 0 #FFFFFF;
}
#rolesPermissions .products .productColumn {
	float:left;
	margin-top: 0px;
}
#rolesPermissions .products .productColumn ul li{list-style-type: none !important;list-style-position: outside;
*margin-left:-15px;}
#rolesPermissions .products .productColumn ul{margin:0;padding:0;}


#rolesPermissions #mainContent {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}
#rolesPermissions .roleActions {text-align:right; padding:5px 5px 0 0;}

#rolesPermissions .comparisonChart .products .productColumn .columnTop {
height: 132px;
padding-top: 10px;
color: #ff7200!important;

font-weight: bold;
font-size: 11px;
background-color: #F4F4F4;
text-align: center!important;
zoom: 1;
}
#rolesPermissions .comparisonChart .products .productColumn .columnTop .orange {
	margin-left: 0px;
	padding-left: 0px;
}

/*----END Custom Roles PAGE----*/

#rolesPermissions .globalRoles,
#rolesPermissions .customRoles {
margin-left: 0px;
}
#rolesPermissions .globalRoles .roleColumn,
#rolesPermissions .customRoles .roleColumn {
	float:left;
	margin-top: 0px;
}
#rolesPermissions .customRoles li.roleColumn {list-style-type:none; list-style-position:inside;}

#rolesPermissions .globalRoles .roleColumn ul li,
#rolesPermissions .customRoles .roleColumn ul li
{
list-style-type: none !important;list-style-position: outside;
*margin-left:-15px;}
#rolesPermissions .globalRoles .roleColumn ul,
#rolesPermissions .customRoles .roleColumn ul,
{margin:0;padding:0;}


#rolesPermissions .comparisonChart .globalRoles .roleColumn ul .columnTop,
#rolesPermissions .comparisonChart .customRoles .roleColumn ul .columnTop
 {
height: 142px;
color: #ff7200!important;

font-weight: bold;
font-size: 11px;
background-color: #F4F4F4;
padding-left: 9px;
text-align: left!important;
zoom: 1;
}
#rolesPermissions .comparisonChart .globalRoles .roleColumn ul .columnTop .orange,
#rolesPermissions .comparisonChart .customRoles .roleColumn ul .columnTop .orange
 {
	margin-left: 0px;
	padding-left: 5px;
	width: 142px;
	overflow: hidden;
}
#rolesPermissions .comparisonChart .globalRoles ul
 {
	clear:both;
	border-right: 1px solid #e4e4e4;
	width:132px;
	background: none repeat scroll 0 0 #FFFFFF;
}
#rolesPermissions .comparisonChart .customRoles ul
 {
	clear:both;
	border-right: 1px solid #e4e4e4;
/*	width:140px;  */
 }

#rolesPermissions .comparisonChart .globalRoles ul li
 {
	display:block;
	height:50px;
	border-bottom: 1px solid #e4e4e4;
	text-align: center;
	padding-top: .1px;
}
#rolesPermissions #privacy select {
	width: 120px;
	margin-top: 10px;
}

#rolesPermissions .comparisonChart .customRoles ul li
 {
	display:block;
/*	width:140px; */
	height:50px;
	border-bottom: 1px solid #e4e4e4;
	text-align: center;
	padding-top: .1px;
}
#rolesPermissions .comparisonChart .globalRoles .checked, 
#rolesPermissions .comparisonChart .customRoles .checked 
{
	background: url("/clouduser/static/images/us/en/commons/iconStatusOk.png") no-repeat center center;
	vertical-align:middle;
	margin:auto;
	display:block;
	}
#rolesPermissions .comparisonChart .globalRoles ul li p, #rolesPermissions .comparisonChart .customRoles ul li p
{
margin-bottom: 0 !important;
margin-top: 14px;
}


/*classes for roles*/

/*classes for carousel*/
#rolesPermissions .jcarousel-skin .jcarousel-container {background: #ffffff;}

#rolesPermissions .jcarousel-skin .jcarousel-direction-rtl {direction: rtl;}

#rolesPermissions .jcarousel-skin .jcarousel-container-horizontal {
	width: 564px;
	margin-left: 564px;
	height: 920px;
}


#rolesPermissions .jcarousel-skin .jcarousel-item {
    width: 141px;
    height: 982px;
}

#rolesPermissions .jcarousel-skin .jcarousel-item-horizontal {
	margin-left: 0px;
    margin-right: 0px;
}

#rolesPermissions .jcarousel-skin .jcarousel-direction-rtl .jcarousel-item-horizontal {
	margin-left: 10px;
    margin-right: 0;
}

#rolesPermissions.jcarousel-skin .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
#rolesPermissions .jcarousel-skin .jcarousel-next-horizontal {
	position: absolute;
	top: 33px;
	right: 0px;
	width: 24px;
	height: 50px;
	cursor: pointer;
	background: transparent url(/clouduser/static/images/us/en/commons/carousel-next-buttonsSM.png) no-repeat 0 0;
}

#rolesPermissions .jcarousel-skin .jcarousel-direction-rtl .jcarousel-next-horizontal {
    left: 5px;
    right: auto;
    background-image: url(/clouduser/static/images/us/en/commons/prev-horizontalSM.png);
}

#rolesPermissions .jcarousel-skin .jcarousel-next-horizontal:hover {background-position: -30px 0;}

#rolesPermissions .jcarousel-skin .jcarousel-next-horizontal:active {background-position: 0 0;}

#rolesPermissions .jcarousel-skin .jcarousel-next-disabled-horizontal,
#rolesPermissions .jcarousel-skin .jcarousel-next-disabled-horizontal:hover,
#rolesPermissions .jcarousel-skin .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: 0 0;
}

#rolesPermissions .jcarousel-skin .jcarousel-prev-horizontal {
	position: absolute;
	top: 33px;
	left: -5px;
	width: 30px;
	height: 50px;
	cursor: pointer;
	background: transparent url(/clouduser/static/images/us/en/commons/carousel-previous-buttonsSM.png) no-repeat 0 0;
}

#rolesPermissions .jcarousel-skin .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: 0px;
    background-image: url(next-horizontal.png);
}

#rolesPermissions .jcarousel-skin .jcarousel-prev-horizontal:hover {
    background-position: -30px 0;
}

#rolesPermissions .jcarousel-skin .jcarousel-prev-horizontal:active {
    background-position: -30px 0;
}

#rolesPermissions .jcarousel-skin .jcarousel-prev-disabled-horizontal,
#rolesPermissions .jcarousel-skin .jcarousel-prev-disabled-horizontal:hover,
#rolesPermissions .jcarousel-skin .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -60px 0;
}

#rolesPermissions .privateRole,
#rolesPermissions .publicRole
{
font-size: 10px;
font-weight: normal;
color: #333;
background: url(/images/us/en/commons/privateRoleIcon.png) no-repeat left center;
padding-left: 17px;
margin-left: 6px;
height: 50px;
margin-top: 4px!important;
text-align: left;
line-height: 24px;
width: 115px;
overflow: hidden;
}

#rolesPermissions .publicRole {
background: url(/images/us/en/commons/publicRoleIcon.png) no-repeat left 2px;
}
#rolesPermissions .privateRole {
background: url(/images/us/en/commons/privateRoleIcon.png) no-repeat left 2px;
}

#rolesPermissions .addRole {
background: url(/images/us/en/commons/add.png) no-repeat left center;
padding-left: 24px;
font-size: 10px;
color: #067ab4;
height: 53px;
margin-left: 20px;
padding-top: 10px;
padding-bottom: 10px;
margin-right: 10px;
cursor: pointer;
}
#rolesPermissions .editRole {
background: url(/images/us/en/commons/renameIcon.png) no-repeat left center;
padding-left: 24px;
font-size: 10px;
color: #067ab4;
height: 53px;
margin-left: 10px;
padding-top: 10px;
padding-bottom: 10px;
margin-right: 10px;
cursor: pointer;
}
#rolesPermissions .deleteRole {
background: url(/images/us/en/commons/deleteIcon.png) no-repeat left center;
padding-left: 24px;
font-size: 10px;
color: #067ab4;
height: 53px;
margin-left: 10px;
padding-top: 10px;
padding-bottom: 10px;
margin-right: 10px
}
#rolesPermissions .selectBox-dropdown {
width: 81px;
margin-top: 5px;
margin-left: 0px;
margin-bottom: 0px;
}
#rolesPermissions .roleColumn ul .columnTop #roleName {
	height: 20px;
	width: 120px;
	margin-top: 5px;
	margin-left: 0px;
}

#rolesPermissions .editMode {
height: 142px!important;
}

#rolesPermissions .editMode2 {
border-left: 1px solid #E4E4E4;
}

#rolesPermissions  .editMode2 .mainBtn {
font-size: 14px;
margin-top: 5px;
margin-right: 0px;
}
#rolesPermissions #addNewRole{position:relative;left:150px; top:34px;cursor:pointer}

#rolesPermissions .comparisonChart .productsCol2 ul{
    width: 152px;
}

#rolesPermissions .comparisonChart .productsCol2 ul li {
	height: 50px;
	width: 152px;
}

#rolesPermissions #carousel .flex-viewport {
    clear: none;
    height: auto;
    padding-left: 8px;
    width: auto;
}    

#rolesPermissions #carousel .flex-direction-nav {
	position:absolute;
	top:100px;
}

#rolesPermissions .flexslider {
    width: 860px;
    margin-left: 479px;
}

#rolesPermissions .flex-prev {
    background: url("/clouduser/static/images/us/en/commons/carousel-previous-buttons.png") no-repeat scroll 0 0 rgb(0, 0, 0);
    background-color:#F4F4F4;
    cursor: pointer;
    height: 50px;
    left: 187px;
    position: absolute;
    top: -6px;
    width: 20px;
}

#rolesPermissions .flex-next {
    background: url("/clouduser/static/images/us/en/commons/carousel-next-buttons.png") no-repeat scroll -6px 0px rgb(0, 0, 0);
    background-color:#F4F4F4;
    cursor: pointer;
    height: 50px;
    left: 840px;
    position: absolute;
    top: -6px;
    width: 16px;
}

#rolesPermissions .flex-disabled {
	display: none;
}

#rolesPermissions .tabs {
    clear: both;
    display: block;
    height: 54px;
    width: 560px;
    position: relative;
    top: 18px;
    left: 360px;
}
#rolesPermissions .noCustomRolePage {
    background: url("/clouduser/static/images/us/en/commons/addRoleIco.png") no-repeat scroll center top rgb(0, 0, 0);
    background-color:#fff;
    float: right;
    font-weight: bold;
    margin-right: 285px;
    margin-top: 120px;
    padding-top: 90px;
    width: 596px;
 }    
 #rolesPermissions .noCustomRolePageNoImage {
    float: right;
    font-weight: bold;
    margin-right: 285px;
    margin-top: 120px;
    padding-top: 90px;
    width: 596px;
 }    
#rolesPermissions #carousel .customRoles .roleColumn ul .columnTop
 {
 width: 156px;
}

#rolesPermissions .selectBox-dropdown .selectBox-label {
    font-size: 10px;
    width: 100px;
    padding-left: 1px;
    text-align: left;
}
#rolesPermissions .selectBox-dropdown .selectBox-arrow {
    width: 19px;
}

.serviceSettings {
	
    font-size: 15px;
}

/** 508 Compliance START **/

.helphoverimg {
	vertical-align:middle; 
	margin-left: 5px;
	cursor: pointer;"
	border="0";
}
div.helpTxt {
	position:absolute; 
	color:#FFFFFF; 
	text-align:center; 
	vertical-align:middle;
	z-index: 5;
}
.help {
	width:171px;
	color: #333333;	
	font-size: 11px;
	font-family: verdana;
	line-height: 20px;
}
#helpHover {
	min-height: 35px;
	width: 170px;
	overflow: visible;
	padding:0;
	margin:0;
}
.HelpContent  {
	padding: 10px;
	height: 100%;
	width: 146px;
	border: 1px solid #e2e2e2;
	float: right;
	position: relative;
	 
	vertical-align: top;
	background: #fff;
	min-height: 30px;
	background: url(/clouduser/static/images/whiteTooltipBg.png) repeat-x bottom center #ffffff;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-moz-box-shadow:    0px 0px 2px 1px #e4e4e4;
  -webkit-box-shadow: 0px 0px 2px 1px #e4e4e4;
  box-shadow:         0px 0px 2px 1px #e4e4e4;
}
.pointyCorner {
	background: url(/clouduser/static/images/infobox-point.gif) no-repeat 0 15px;
	height: 85%;
	width: 11px;
	position: absolute;
	left: -11px;
	top: 0px;
	z-index:1;
}
.closeCorner{
	background: url(/clouduser/static/images/Error_Hover_CloseIcon.gif) no-repeat right center;
	font-size:11px;
	font-family: Verdana, Geneva, sans-serif;
	line-height:16px;
	text-align:right;
	text-decoration: underline;
	color: #067ab4;
	padding-right: 20px;
	margin-bottom: 10px;
	margin-top: 0px;
	cursor: pointer;
}
#container #feedback{
	width: 960px;
	margin-left: 5px;
	padding: 0px;
}
.feedbackNonErrPg {
	border: 2px solid #ff7200;
	background-color: #f9f4d3;
	color: #067ab4;
	font-size: 13px;
	font-weight: bold;
}
#serviceContent #feedback{
	margin-top: 0px;
}	
.feedback {
	background-color: #f9f4d3;
	color: #ff7200;	
	font-size: 13px;
	font-family: verdana;
	margin-left: 10px;
}
.feedback_errorMessage {
	background: #fff url(/clouduser/static/images/errorExclaimSmall.png) no-repeat scroll 12px center;
	color: #C23B63;
	border: 1px solid #C23B63;
	border-radius: 5px 5px 5px 5px;
	display: block;
	min-height: 23px;
	word-wrap: break-word;
	overflow: visible;
	padding: 30px 15px 15px 110px;
	font: normal 11px/16px Verdana, Geneva, Arial, Helvetica, sans-serif;
	 
	position:relative;
}
.feedback_warningMessage {
	background: #fff url(/clouduser/static/css/images/service-warning.png) no-repeat scroll 12px center;
	color: #000;
	border: 1px solid #000;
	border-radius: 5px 5px 5px 5px;
	display: block;
	min-height: 23px;
	word-wrap: break-word;
	overflow: visible;
	padding: 30px 15px 15px 110px;
	font: normal 11px/16px Verdana, Geneva, Arial, Helvetica, sans-serif;
	 
	position:relative;
}
.feedback_successMessage {
	background: #fff url(/clouduser/static/images/successExclaimSmall.png) no-repeat scroll 12px center;
	color: #6ebb1f;
	border: 1px solid #6ebb1f;
	-webkit-border-radius: 5px;
	 -moz-border-radius: 5px;
	border-radius: 5px;
	display: block;
	min-height: 23px;
	word-wrap: break-word;
	overflow: visible;
	padding: 30px 15px 15px 110px;
	font: 11px/16px Verdana, Geneva, Arial, Helvetica, sans-serif;
	 
	position:relative;
}
.withLeftNav .feedback_infoMessage {/*width: 100%;*/}
.withLeftNav .feedback_successMessage {/*width: 100%;*/}
.withLeftNav .feedback_errorMessage {/*width: 100%;*/}

.feedback_infoMessage {
	background: #fff url(/clouduser/static/images/infoExclaimSmall.png) no-repeat scroll 12px center;
	color: #666666;
	border: 1px solid #067ab4;
	border-radius: 5px 5px 5px 5px;
	display: block;
	min-height: 23px;
	word-wrap: break-word;
	overflow: visible;
	padding: 30px 15px 15px 110px;
	font: 11px/16px Verdana, Geneva, Arial, Helvetica, sans-serif;
	 
	position:relative;
}
#feedback {margin-top:24px;margin-bottom:24px; margin-right:15px;}
.mdltcOverLayWindowGeneric { padding-left: 10px;padding-right: 10px; line-height: 12px;}
.mdltcOverLayWindowGeneric .cornerManage { position:absolute; top:-25px; left:-42px; }
.mdltcOverLayWindowGeneric h2 { margin:10px 0 10px 80px; padding-top: 5px; padding-bottom: 8px;}
.mdltcOverLayWindowGeneric hr { width:635px; }
.mdltcOverLayWindowGeneric { width:635px; height:auto; }
.mdltcOverLayWindowGeneric .miniBtn {margin-left:10px;margin-right:10px;}
.mdltcOverLayWindowGeneric .miniBtnWhite {margin-left:10px;}
.mdltcOverLayWindowGeneric textarea { width:530px; }
.mdltcOverLayWindowGeneric .overlayBottom { padding-top:20px; padding-bottom: 18px; width: 100%;}

.mdlumAssignNEM .cornerImage { position:absolute; top:-25px; left:-42px; }
.mdlumAssignNEM h2 { margin:20px 0 20px 80px; }
.mdlumAssignNEM hr { width:620px; }
.mdlumAssignNEM { width:660px; height:257px; }
.mdlumAssignNEM .miniBtn {margin-left:10px;}
.mdlumAssignNEM .miniBtnWhite {margin-left:10px;}
.mdlumAssignNEM input.textInput { width:300px }

.mdlumAssignNEA .cornerImage { position:absolute; top:-25px; left:-42px; }
.mdlumAssignNEA h2 { margin:20px 0 20px 80px; }
.mdlumAssignNEA hr { width:620px; }
.mdlumAssignNEA { width:660px; height:257px; }
.mdlumAssignNEA .miniBtn {margin-left:10px;}
.mdlumAssignNEA .miniBtnWhite {margin-left:10px;}
.mdlumAssignNEA input.textInput { width:300px }


.mdlumRenameSubacct .cornerImage { position:absolute; top:-25px; left:-42px; }
.mdlumRenameSubacct h2 { margin:20px 0 20px 80px; }
.mdlumRenameSubacct hr { width:620px; }
.mdlumRenameSubacct { width:660px; height:auto; }
.mdlumRenameSubacct .miniBtn {margin-left:10px;}
.mdlumRenameSubacct .miniBtnWhite {margin-left:10px;}
.mdlumRenameSubacct input.textInput { width:300px }

.mdlumDeleteSubacct .cornerImage { position:absolute; top:-25px; left:-42px; }
.mdlumDeleteSubacct h2 { margin:20px 0 20px 80px; }
.mdlumDeleteSubacct hr { width:620px; }
.mdlumDeleteSubacct { width:660px; height:207px; }
.mdlumDeleteSubacct .miniBtn {margin-left:10px;}
.mdlumDeleteSubacct .miniBtnWhite {margin-left:10px;}

.mdlumChangeEM2 .cornerImage { position:absolute; top:-25px; left:-42px; }
.mdlumChangeEM2 h2 { margin:20px 0 20px 80px; }
.mdlumChangeEM2 hr { width:620px; }
.mdlumChangeEM2 { width:660px; height:310px; }
.mdlumChangeEM2 .miniBtn {margin-left:10px;}
.mdlumChangeEM2 .miniBtnWhite {margin-left:10px;}
.mdlumChangeEM2 input.textInput { width:300px }

.mdlumUserFeatures .cornerImage { position:absolute; top:-25px; left:-42px; }
.mdlumUserFeatures h2 { margin:20px 0 20px 80px; }
.mdlumUserFeatures hr { width:535px; }
.mdlumUserFeatures { width:535px; height:auto; }
.mdlumUserFeatures .miniBtn {margin-left:10px;}
.mdlumUserFeatures .miniBtnWhite {margin-left:10px;}
.mdlumUserFeatures input.textInput { width:300px }
#nbCreateRnat .helphoverimg {
	vertical-align:top; 
}

.offscreen {
	position: absolute !important;
   	top: -99999px !important;
   	left: -99999px !important;
}

.alert-buttons:focus {
	cursor: pointer;
	border: 1px dotted !important;
}
#status-indicators a:focus {
	cursor: pointer;
	border: 1px dotted !important;
}

.serviceIcons div:focus {
	border: 1px dotted !important;
}

a.modTab:focus {
	border: 1px dotted !important;
}

a.miniBtn:focus {
	border: 1px dotted black !important;
}

a.miniBtnWhite:focus {
	border: 1px dotted black !important;
}

*:focus {
    outline: none;
}

.modal input.textInput, .modal input.passwordInput {
    margin-right: 10px;
}

.modalCloseButtonx{
		right:0px;
		top:0px;
	}

.pointyCorner {
	background: url(/clouduser/static/images/infobox-point.gif) no-repeat 0 15px;
	height: 85%;
	width: 11px;
	position: absolute;
	left: -11px;
	top: 0px;
	z-index:1;
}
.pointyCornerTop {
	background: url(/clouduser/static/images/infobox-pointspriteBC.png) no-repeat -34px 0px;
	height: 11px !important;
	width: 16px;
	position: absolute;
	right: 55px;
	bottom: -10px !important;
	z-index:1;
}
.pointyCornerBottom {
	background: url(/clouduser/static/images/infobox-pointspriteBC.png) no-repeat 0 0px;
	height: 8px !important;
	width: 16px;
	position: absolute;
	right: 56px;
	top: -7px !important;
	z-index:1;
}
.pointyCornerLeft {
	background: url(/clouduser/static/images/infobox-pointspriteBC.png) no-repeat -21px 0px;
	height: 16px !important;
	width: 8px;
	position: absolute;
	right: -6px;
	top: 15px !important;
	z-index:1;
}
.pointyCornerRight {
	background: url(/clouduser/static/images/infobox-pointspriteBC.png) no-repeat -51px 0px;
	height: 16px !important;
	width: 11px;
	position: absolute;
	left: 1px;
	top: 15px !important;
	z-index:1;
}

.leftnavexpansion {
	display: inline;
    width: 10px;
}

.tree-focus:focus {
	border: 1px dotted black !important;
}

.tab .activeFirst {
	border: 1px dotted black !important;
}
.tab .activeLast {
	border: 1px dotted black !important;
}
.tab .selectedFirst {
	border: 1px dotted black !important;
}
.tab .selectedLast {
	border: 1px dotted black !important;
}
.tab .selected {
	border: 1px dotted black !important;
}
.ui-widget-overlay{
	z-index: 100000 !important;
	}
.ui-dialog{
	z-index: 100005 !important;
	}
	
/** 508 Compliance END **/

body.noAcctSubacctLabel .manageAccount #acct_subacct {display:none;}

/** bootstrap overrides **/

* {
webkit-box-sizing: content-boxi !important;
-moz-box-sizing: content-box !important;
box-sizing: content-box !important;
}


/**end bootstrap overrides */


/*New Service Health Dashboard table Styles*/

/*************
  Blue Theme
 *************/
/* overall */

.height50{
	height: 50px;
}
.netBondInventory .tablesorter-default table {
    width: 100%;
    display:block;
}
.netBondInventory .tablesorter-default thead {
    display: inline-block;
    width: 100%;
}
.netBondInventory .tablesorter-default tbody {
    height: 312px;
    display: inline-block;
    width: 100%;
    overflow: auto;
}

.tablesorter-default {
	width: 100%;
	background-color: #fff;
	margin: 0px 0 15px;
	text-align: left;
	border-spacing: 0;
	border: #e4e4e4 1px solid;
	border-width: 1px 0 0 1px;
	border-top: 1px solid #ccc;
}
#netBondSvcMgtAdmin .netBondInventory .tablesorter-default th,
#netBondSvcMgtAdmin .netBondInventory .tablesorter-default td {
	border:none;
	border-spacing: 0;
}
#serviceDashboard .tablesorter-default th,
#serviceDashboard .tablesorter-default td {
	border: #f1f1f1 1px solid;
}
/* header */
.tablesorter-default th,
.tablesorter-default thead td {
font-size: 14px;
font-family:"Omnes_ATTMedium",Arial,sans-serif;
color: #333;
background-color: #e4e4e4;
border-collapse: collapse;
padding: 4px;
line-height: 17px;
}

.tablesorter-default tbody td,
.tablesorter-default tfoot th,
.tablesorter-default tfoot td {
	padding: 10px 5px 10px 5px;
	vertical-align: top;
	font: normal 11px/14px verdana, Sans-serif;
	color: #191919;
}
.tablesorter-default .header,
.tablesorter-default .tablesorter-header {
	/* black (unsorted) double arrow */
	/*background-image: url(data:image/gif;base64,R0lGODlhFQAJAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==);
	/* white (unsorted) double arrow */
	/* background-image: url(data:image/gif;base64,R0lGODlhFQAJAIAAAP///////yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==); */
	/* image */
	/* background-image: url(images/black-unsorted.gif); */
	background-repeat: no-repeat;
	background-position: center right;
   padding: 4px 5px 4px 10px;
	white-space: normal;
	cursor: pointer;
}
.tablesorter-default .headerSortUp,
.tablesorter-default .tablesorter-headerSortUp,
.tablesorter-default .tablesorter-headerAsc {
	background-color: #ccc;
	/* black asc arrow */
	background-image: url(/images/us/en/commons/colSelectedArrowUp2.png);

}
.tablesorter-default .headerSortDown,
.tablesorter-default .tablesorter-headerSortDown,
.tablesorter-default .tablesorter-headerDesc {
	background-color: #ccc;
	/* black desc arrow */
	background-image: url(/images/us/en/commons/colSelectedArrow2.png);
	/* white desc arrow */
	/* background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAAP///////yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7); */
	/* image */
	/* background-image: url(images/black-desc.gif); */
}
.tablesorter-default thead .sorter-false {
	background-image: none;
	cursor: default;
	padding: 4px;
}

/* tfoot */
.tablesorter-default tfoot .tablesorter-headerSortUp,
.tablesorter-default tfoot .tablesorter-headerSortDown,
.tablesorter-default tfoot .tablesorter-headerAsc,
.tablesorter-default tfoot .tablesorter-headerDesc {
	/* remove sort arrows from footer */
	background-image: none;
}

/* tbody */
.tablesorter-default td {
	color: #191919;
	background-color: #fff;
	padding: 4px;
	vertical-align: middle;
}

/* hovered row colors
 you'll need to add additional lines for
 rows with more than 2 child rows
 */
.tablesorter-default tbody > tr:hover > td,
.tablesorter-default tbody > tr:hover + tr.tablesorter-childRow > td,
.tablesorter-default tbody > tr:hover + tr.tablesorter-childRow + tr.tablesorter-childRow > td,
.tablesorter-default tbody > tr.even:hover > td,
.tablesorter-default tbody > tr.even:hover + tr.tablesorter-childRow > td,
.tablesorter-default tbody > tr.even:hover + tr.tablesorter-childRow + tr.tablesorter-childRow > td {
	background: #d9d9d9;
}
.tablesorter-default tbody > tr.odd:hover > td,
.tablesorter-default tbody > tr.odd:hover + tr.tablesorter-childRow > td,
.tablesorter-default tbody > tr.odd:hover + tr.tablesorter-childRow + tr.tablesorter-childRow > td {
	background: #e4e4e4;
}

/* Zebra Widget - row alternating colors */
.tablesorter-default tbody tr.odd td {
	background-color: #fafafa;
}

.tablesorter-default tbody tr.even td {
	background-color: #fff;
}

#paginationdata li:focus {
	border: 1px dotted !important;
}

#rolesPermissions li:focus {
	border: 1px dotted !important;
}

.StandardRolesDescBardescription div:focus {
	border: 1px dotted !important;
}

#rolesPermissions ul li {
	margin: 0px !important;
}

.jqColFilter, .jqvncGraphFilter, .jqattGraphFilter {
	float: left;
	font-size: 1rem;
}
.jqvncGraphFilter ul{
    font-size: 1rem;
    height: 150px;
    margin-right: 50px;
    overflow: auto;
    width: 300px;
}
.jqattGraphFilter ul{
    font-size: 1rem;
    height: 150px;
    overflow: auto;
    width: 300px;
}
.jqColFilter li {
	display: block;
    float: left;
    width: 33%;
}
.jqvncGraphFilter li {
	display: block;
}
.jqattGraphFilter li {
	display: block;
 }
 
span.pdf {
	font-size: 11px;
}
/* caption */
caption {
	background: #fff;
}

/*NetBond Administrator*/

.providerName {float: right;}

#netBondSvcMgtAdmin #mainContent {padding-left: 0px; padding-right: 0px; width: 982px;}

#netBondSvcMgtAdmin #caasContentContainer {
width: 730px;
padding: 0;
height: 600px;

}
#netBondSvcMgtAdmin #caasTree .answer {
margin-left: 3px;
padding-left: 3px;
}

#netBondSvcMgtAdmin #caasTree li {
list-style: none outside none;
cursor: pointer;
margin-bottom: 8px;
}

#netBondSvcMgtAdmin #caasTree .vdc {
display: inline-block;
cursor: pointer;
padding: 0px 0px 5px 17px;
background: url("images/tree-vdc.png") no-repeat 0 2px;
width: 150px;
white-space: nowrap;
}
#netBondSvcMgtAdmin #caasTree {
height: 600px;
width: 250px;
padding-left: 0px;
overflow-y: auto;
border-right: 1px solid #e4e4e4;
padding-left:5px;
}
#netBondSvcMgtAdmin #caasTree .question {
padding: 0px 0px 0px 3px;
}
#netBondSvcMgtAdmin #caasTree .ipsec {
display: block;
cursor: pointer;
padding: 0px 0px 5px 19px;
margin: 0 0 0 0px;
background: url("images/netBondNavIco.png") no-repeat 0 2px;
}

#netBondSvcMgtAdmin .vncDetails {
padding: 20px;	
}

#netBondSvcMgtAdmin .vncDetails .details-left {
	width: 260px;
}

#netBondSvcMgtAdmin .ipList {
width: 335px;
height: 200px;
overflow-y: auto;
border: 1px solid #e4e4e4;
padding: 10px;
margin-left: 10px;
}



#netBondSvcMgtAdmin .vncDetails .right .ipList li {
	list-style-type: none;
}
#netBondSvcMgtAdmin .netBondInventory {border: 1px solid #e4e4e4;
height: 720px;
width: 982px;
overflow: hidden;}

.nnpFooterWrapper {
	width:100%;
	background: url(images/footerTile.png) 0px -68px repeat-x #d9d9d9;
}

#header.nnpHeader {
	margin-bottom:24px;
}


.netBondInventory #caasTree h3 {
padding-top: 10px;
padding-bottom: 12px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #e4e4e4;
display: block;
margin-bottom: 10px;
font-weight: bold;
padding-left: 8px;
}

.height50{
	height: 50px;
}
.netBondInventory .accountMessage_error {
background: url(images/alert-error.GIF) no-repeat 276px 20px;
height: 43px;
padding-left: 174px;
color: #C23B63;
width: 382px;
}

.netBondInventory #usersAndGroups .HowToSubaccountInfo {
float: left;
height: 136px;
width: 400px;
}
/* End of NetBond Admin */

/* Service Health Dashboard New */

/*#serviceDashboard #mainContent {padding: 0px;
width: 100%;
}*/

#serviceDashboard #report { float: right; }
#serviceDashboard h1.threeColumn { float: left; }

#netBondSvcMgtAdmin #mainContent {padding-left: 0px; padding-right: 0px; width: 982px;}

#netBondSvcMgtAdmin #taskManagementContainer {}
#netBondSvcMgtAdmin .taskManager {}
#netBondSvcMgtAdmin .taskManager .scrollTable {height:230px; overflow:auto;border:1px solid #E4E4E4;}
#netBondSvcMgtAdmin .taskManager .head {
		display: block;
		padding:10px 16px;
		border:1px solid #e4e4e4;
		background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#e7e8e8)); /* for webkit browsers */
		background: linear-gradient(#fbfbfb, #e7e8e8);
		background: -moz-linear-gradient(top,  #fbfbfb,  #e7e8e8); /* for firefox 3.6+ */ }
#netBondSvcMgtAdmin .taskManager li{
list-style:none outside none;
display: inline-block;
zoom: 1;
*display: inline;
padding-right:16px;
padding-bottom:3px;
font-size:11px;
vertical-align:top;
line-height: 18px;
}
#netBondSvcMgtAdmin .taskManager .head li{color:#333333;font-size:16px; font-family:"Omnes_ATTLight",Verdana,sans-serif;vertical-align:middle;}
#netBondSvcMgtAdmin .taskManager .row {padding:10px 16px 5px 16px; border-bottom:1px solid #e4e4e4;}
#netBondSvcMgtAdmin .taskManager .asset{width:270px; word-wrap:break-word; white-space: normal;}
#netBondSvcMgtAdmin .taskManager .op{width:80px; word-wrap:break-word; white-space: normal;}
#netBondSvcMgtAdmin .taskManager .time{width:185px; word-wrap:break-word; white-space: normal;}
#netBondSvcMgtAdmin .taskManager .uid{width:138px; word-wrap:break-word; white-space: normal;}

#netBondSvcMgtAdmin .taskManager .status.success {
	background:transparent url("/clouduser/static/images/us/en/myservices/check-mark.gif") no-repeat scroll 0 0; 
	color:#6ebb1f;
	background-position: 30% 50%;
	background-position-y: 15px;	
}
#netBondSvcMgtAdmin .taskManager .status.error {	
	background:transparent url("/clouduser/static/images/us/en/myservices/alert-error.gif") no-repeat scroll 0 0; 
	color:#b30a3c;
	background-position: 30% 50%;
	background-position-y: 15px;	
}
#netBondSvcMgtAdmin .taskManager .status.running {
	background:transparent url("/clouduser/static/images/us/en/myservices/loading_sm.png") no-repeat scroll 0 0;
	color:#ff7200;
	background-position: 30% 50%;
	background-position-y: 15px;	
}
#netBondSvcMgtAdmin .taskManager .status.prerunning {
	background:transparent url("/clouduser/static/images/us/en/myservices/pre-running_sm.png") no-repeat scroll 0 0;
	color:#cccccc;
	background-position: 30px 50%;
	background-position-y: 15px;	
}
#netBondSvcMgtAdmin .taskManager .status.queued {
	background:transparent url("/clouduser/static/images/us/en/myservices/task-manager_sm.png") no-repeat scroll 0 0;
	color:#7cc6ff;
	background-position: 28% 50%;
	background-position-y: 15px;	
}
#netBondSvcMgtAdmin .taskManager .status.canceled {
	background:transparent url("/clouduser/static/images/us/en/myservices/deleteIcon.png") no-repeat scroll 0 0;
	color:#b30a3c;
	background-position: 28% 50%;
	background-position-y: 15px;	
}
#netBondSvcMgtAdmin .taskManager .status.aborted {
	background:transparent url("/clouduser/static/images/us/en/myservices/deleteIcon.png") no-repeat scroll 0 0;
	color:#b30a3c;
	background-position: 28% 50%;
	background-position-y: 15px;	
}
#netBondSvcMgtAdmin .rightModuleHead h3 {display:inline; padding:5px 10px 5px 38px;background:transparent url("/clouduser/static/images/us/en/myservices/task-manager.png") no-repeat scroll 0 0;}
#netBondSvcMgtAdmin .rightModuleHead.admin h3 {display:inline; padding:5px 10px 5px 10px; background: none;}

#netBondSvcMgtAdmin .rightModuleHead {margin: 20px 0 0 0;}
#netBondSvcMgtAdmin .rightModuleHead.admin {margin: 0;}
#netBondSvcMgtAdmin .refreshStatus {float: right; }

/* -------------------- Date Picker 508 */

.datepicker508 {
   margin: 10px;
   padding: 2px;
   position: absolute;
   width: 268px;
   background-color: #fff;
   border: 1px solid #ccc;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   z-index: 2;
}
.datepicker508 div#month-wrap {
   height: 30px;
   background-color: #ddd;
   border: 1px solid black;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
}
.datepicker508 div#bn_prev {
   margin: 3px;
   float: left;
   width: 24px;
   height: 24px;
}
.datepicker508 div#bn_next {
   margin: 3px;
   float: right;
   width: 24px;
   height: 24px;
}

.datepicker508 div#bn_prev:hover,
.datepicker508 div#bn_prev:focus,
.datepicker508 div#bn_next:hover,
.datepicker508 div#bn_next:focus {
   margin: 2px;
   background-color: #fc3;
   border: 1px solid #800;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
}
.datepicker508 img.bn_img {
   margin: 0;
   padding: 2px;
}
.datepicker508 div#month {
   float: left;
   padding-top: 6px;
   width: 199px;
   height: 24px;
   text-align: center;
   font-weight: bold;
   font-size: 1.2em;
}
.datepicker508 table#cal {
   width: 268px;
   font-size: 1.2em;
   text-align: center;
}
.datepicker508 table#cal th,
.datepicker508 table#cal td {
   width: 35px;
   height: 30px;
   padding: 0;
}
.datepicker508 table#cal td {
   background-color: #ddd;
   border: 1px solid #999;
}

.datepicker508 table#cal td.today {
   background-color: #FFF0C4;
   border: 1px solid #999;
}

.datepicker508 table#cal td.empty {
   background-color: #f9f9f9;
   border: 1px solid #eee;
}

.datepicker508 table#cal td:hover,
.datepicker508 table#cal td.focus {
   border-color: #800;
   background-color: #fc3;
}

.datepicker508 table#cal td.empty:hover {
   background-color: #f9f9f9;
   border: 1px solid #eee;
}

/* RNAT Service Management */
#netBondRnatMgt .slick-header-columns {
	white-space: pre !important;
	height: 64px;
}
#netBondRnatMgt .slick-header-column.ui-state-default {
	height: 100%;
	white-space: pre !important;
}
#netBondRnatMgt .slick-column-name { white-space: normal; font-size:13px;}
#netBondRnatMgt .slick-cell { line-height: 20px; }

/* NetBond FireWall Service Management */
#netBondFirewallMgt .slick-header-columns {
	white-space: pre !important;
	height: 62px;
}
#netBondFirewallMgt .slick-header-column.ui-state-default {
	height: 100%;
	white-space: pre !important;
}
#netBondFirewallMgt .slick-column-name { white-space: normal; font-size:14px }
#netBondFirewallMgt .slick-cell { line-height: 20px; }

/* VPN Search slickgrid */
#vpnresults #resultsgrid .slick-header-columns {
	white-space: pre !important;
	height: 30px;
}
#vpnresults #resultsgrid .slick-header-column.ui-state-default {
	height: 30px;
	white-space: pre !important;
}
#vpnresults #resultsgrid .slick-column-name { white-space: normal; }
#vpnresults #resultsgrid .slick-cell { line-height: 20px; }

/* Manage Reseller Service Provider slickgrid */
#rslresultsProv #resultsgridProv .slick-header-columns {
	white-space: pre !important;
	height: 30px;
}
#rslresultsProv #resultsgridProv .slick-header-column.ui-state-default {
	height: 30px;
	white-space: pre !important;
}
#rslresultsProv #resultsgridProv .slick-column-name { white-space: normal; }
#rslresultsProv #resultsgridProv .slick-cell { line-height: 20px; }

/* Manage Reseller Subaccount slickgrid */
#rslresultsProv #resultsgridProv .slick-header-columns {
	white-space: pre !important;
	height: 30px;
}
#rslresultsProv #resultsgridProv .slick-header-column.ui-state-default {
	height: 30px;
	white-space: pre !important;
}
#rslresultsProv #resultsgridProv .slick-column-name { white-space: normal; }
#rslresultsProv #resultsgridProv .slick-cell { line-height: 20px; }


.slick-column-name {
	bottom: 0;
    left: 0;
    margin-left: 10%;
    margin-right: 10%;
    margin-bottom: 2px;
    position: absolute;
    text-align: center;
    white-space: normal;
}


/*reseller tabs*/
#usersAndGroups .ResellerTabs {display:block; height:50px; background:#E4E4E4; margin:1px;}
#usersAndGroups .ResellerTabs .tab {float:right;width:29%;height:35px;padding: 11px 25px 0 25px;font-size:18px;font-family:"Omnes_ATTRegular",Arial,sans-serif;text-align:center; background-image:url(images/FormTabs.png);background-repeat:no-repeat; background-position: 100% -95px;}
#usersAndGroups .ResellerTabs .active {background-position: 100% 0px;color:#FFF;}

#usersAndGroups .ResellerTabs .last,
#usersAndGroups .ResellerTabs .second {margin-left:-25px;}
#usersAndGroups .ResellerTabs .activeLast {background: transparent url(images/FormTabs.png) no-repeat 0px -1px;margin-left:-50px;z-index:4;color:#FFF;position:absolute;right:0;}
#usersAndGroups .step1, #usersAndGroups .step1user, #usersAndGroups .step2, #usersAndGroups .step2user  {background: #E5F4FF; padding:20px 20px 20px;}

#usersAndGroups .users .FormTabs .activeFirst {background: transparent url(images/FormTabs.png) no-repeat 100% 0px;z-index:5;color:#FFF; }
#usersAndGroups .users .FormTabs .visitedFirst {background: transparent url(images/FormTabs.png) no-repeat 100% -48px;z-index:5;color:#FFF;}

#mainContent ul.faqs li.item {list-style: none;}

ul.faqs li.item .question {font-weight:bold;color:#067ab4;}

.jqHideSGFilter {
	display:none !important;
}

/* overlay dialog for more info in slickgrid - start */
div.moreTxt {
	position:absolute; 
	color:#FFFFFF; 
	text-align:center; 
	vertical-align:middle;
	z-index: 5;
}
.more {
	width:171px;
	color: #808080;	
	font-size: 11px;
	
	line-height: 20px;
}
#moreHover {
	min-height: 35px;
	width: 170px;
	overflow: visible;
	padding:0;
	margin:0;
}
.MoreContent  {
	padding: 6px;
	height: 100%;
	width: 146px;
	border: 1px solid #e2e2e2;
	float: right;
	position: relative;
	 
	vertical-align: top;
	background: #fff;
	min-height: 30px;
	background: url(/clouduser/static/images/infobox-bg.gif) repeat-x top center #e4e4e4;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
}
.pointyCornerMore {
	background: url(/clouduser/static/images/infobox-point-up.gif) no-repeat 0 15px;
	height: 85%;
	width: 14px;
	position: absolute;
	left: 50px;
	top: -26px;
	z-index:1;
}

.helplink {
	color: #067ab4; cursor: pointer; cursor: hand; 
}
/* overlay dialog for more info in slickgrid - end */

.network_latency_table {
	margin: 1em 0;
	width: 100%;
	overflow: hidden;
	background: #FFF;
	/* color: #024457;
	border-radius: 10px; */
	border: 1px solid black;
	font-size: 11px;
}
.network_latency_table tr {
	border: 1px solid black;
}
.network_latency_table th {
	display: none;
	border: 1px solid black;
	/* background-color: #167F92;
	color: #FFF; */
	padding: 1em;
	font-weight: bold;
	background: rgba(255,255,255,1);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(215,215,215,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(215,215,215,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(215,215,215,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(215,215,215,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(215,215,215,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(215,215,215,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d7d7d7', GradientType=0 );
}
.network_latency_table th:first-child {
	display: table-cell;
	text-align: center;
}
.network_latency_table td {
	display: block;
	word-wrap: break-word;
	max-width: 7em;
	border: 1px solid black;
}
.network_latency_table td:first-child, .network_latency_table td:nth-child(2) {
	display: table-cell;
	text-align: center;
	border-right: 1px solid black;
	font-weight: bold;
}
.network_latency_table th, .network_latency_table td {
	text-align: left;
	margin: .5em 1em;
	display: table-cell;
	padding: 1em;
}

/* usage notifications - start */
.usage_notifications_threshold_table th.transparent_back {
	background-color: transparent; border: 1px solid lightgray;
}

.usage_notifications_threshold_table th {
	padding: 0 10px; background-color: lightblue;
}

.usage_notifications_threshold_table th:last-child {
	border: 1px solid lightblue;
}

.usage_notifications_threshold_table td{
	padding: 0 10px; border: 1px solid lightgray;
}

.field_left {
	min-width: 180px;
	float: left;
}

.help_right {
	width: 100px;
	float: left;
}

.padding-top-bottom {
	padding: 5px 0;
}

.add_usage_row, .delete_usage_row {
	cursor: pointer;
}
.add_usage_row:focus, .delete_usage_row:focus {
	border: 1px dotted !important;
}
.toggle-header:focus, .toggle-header0:focus, .toggle-header1:focus, .toggle-header2:focus {
	border: 1px dotted !important;
}
/* usage notifications - end */


		* {
		    'box-sizing: border-box !important;
		}
		.jqAppliance .nb_Appliance::after {
		    content: "";
		    clear: both;
		    display: block;
		}
		
		.jqAppliance .nb_Appliance {
			float: left;	
			width: 100%;
			}

		.jqAppliance dt {
			background: url(/clouduser/static/images/us/en/commons/accordionClosed.png) no-repeat 1px 3px;
			background-color: lightgray;
			margin-bottom: 5px;
			clear: both;
			font-size: 14px;
			width: 107%;
			}	
		.jqAppliance dd {
			margin-left: 5px;
			display: none;
			}	
			
		.jqAppliance dt.active {
			background: url(/clouduser/static/images/us/en/commons/accordionOpen.png) no-repeat 1px 3px;
			background-color: lightgray;
			}		
		.jqAppliance dt.jqMainBar {
			background: url(/clouduser/static/images/us/en/commons/accordionClosed.png) no-repeat 1px 3px;
			background-color: lightblue;
			margin-bottom: 5px;
			clear: both;
			font-size: 16px;
			width: 107%;
			}	
		.jqAppliance dt.jqMainBar.active {
			background: url(/clouduser/static/images/us/en/commons/accordionOpen.png) no-repeat 1px 3px;
			background-color: lightblue;
			}	
			
			

		.jqAppliance .tar {
			text-align: right;
			font-weight: bold;
			margin-right: 10px; 
		}
		.jqAppliance .tal {
			text-align: left;
			font-weight: bold;
			margin-left: 10px; 
		}
		.jqAppliance .borderRight {
			border-right: 1px solid;
		}
		.jqAppliance .borderLeft {
			border-left: 1px solid;
		}
		.jqAppliance .borderBottom {
			border-bottom: 1px solid;
		}
		.jqAppliance .borderTop {
			border-top: 1px solid;
		}
		.jqAppliance [class*="col-"] {
		    float: left;
		    min-height: 23px;
		    font-size: 10px;
		    position: relative;
		    white-space: nowrap;
		}
		
		   .jqAppliance .col-t-1 {width: 8%;}
		   .jqAppliance .col-t-2 {width: 16%;}
		   .jqAppliance .col-t-3 {width: 24%;}
		   .jqAppliance .col-t-4 {width: 32%;}
		   .jqAppliance .col-t-5 {width: 41.9%;}
		   .jqAppliance .col-t-6 {width: 49.9%;}
		   .jqAppliance .col-t-7 {width: 58%;}
		   .jqAppliance .col-t-8 {width: 64%;}
		   .jqAppliance .col-t-9 {width: 74%;}
		   .jqAppliance .col-t-10 {width: 83%;}
		   .jqAppliance .col-t-11 {width: 91%;}
		   .jqAppliance .col-t-12 {width: 107%;}
		   
		   .jqAppliance .col-t-200 {width: 200px;}
		
		
		.jqAppliance .jqCheckBoxPic.checked {
    background: rgba(0, 0, 0, 0) url("/clouduser/static/images/us/en/commons/iconStatusOk.png") no-repeat scroll;
    display: block;
    margin: auto;
    vertical-align: middle;
    min-height: 25px;
}
		.jqCSPSection .nb_Appliance::after {
		    content: "";
		    clear: both;
		    display: block;
		}
		
		.jqCSPSection .nb_Appliance {
			float: left;	
			width: 100%;
			}

		.jqCSPSection dt {
			background: url(/clouduser/static/images/us/en/commons/accordionClosed.png) no-repeat 1px 3px;
			background-color: lightgray;
			margin-bottom: 5px;
			clear: both;
			font-size: 14px;
			width: 107%;
			}	
		.jqCSPSection dd {
			margin-left: 5px;
			display: none;
			}	
			
		.jqCSPSection dt.active {
			background: url(/clouduser/static/images/us/en/commons/accordionOpen.png) no-repeat 1px 3px;
			background-color: lightgray;
			}		
		.jqCSPSection dt.jqMainBar {
			background: url(/clouduser/static/images/us/en/commons/accordionClosed.png) no-repeat 1px 3px;
			background-color: lightblue;
			margin-bottom: 5px;
			clear: both;
			font-size: 16px;
			width: 107%;
			}	
		.jqCSPSection dt.jqMainBar.active {
			background: url(/clouduser/static/images/us/en/commons/accordionOpen.png) no-repeat 1px 3px;
			background-color: lightblue;
			}	
			
			

		.jqCSPSection .tar {
			text-align: right;
			font-weight: bold;
			margin-right: 10px; 
		}
		.jqCSPSection .tal {
			text-align: left;
			font-weight: bold;
			margin-left: 5px; 
		}
		.jqCSPSection .borderRight {
			border-right: 1px solid;
		}
		.jqCSPSection .borderLeft {
			border-left: 1px solid;
		}
		.jqCSPSection .borderBottom {
			border-bottom: 1px solid;
		}
		.jqCSPSection .borderTop {
			border-top: 1px solid;
		}
		.jqCSPSection [class*="col-"] {
		    float: left;
		    min-height: 23px;
		    font-size: 10px;
		    position: relative;
		    white-space: nowrap;
		}
		
		   .jqCSPSection .col-t-1 {width: 8%;}
		   .jqCSPSection .col-t-2 {width: 16%;}
		   .jqCSPSection .col-t-3 {width: 24%;}
		   .jqCSPSection .col-t-4 {width: 32%;}
		   .jqCSPSection .col-t-5 {width: 41.9%;}
		   .jqCSPSection .col-t-6 {width: 46.9%;}
		   .jqCSPSection .col-t-7 {width: 58%;}
		   .jqCSPSection .col-t-8 {width: 64%;}
		   .jqCSPSection .col-t-9 {width: 74%;}
		   .jqCSPSection .col-t-10 {width: 83%;}
		   .jqCSPSection .col-t-11 {width: 91%;}
		   .jqCSPSection .col-t-12 {width: 107%;}
		   
		   .jqCSPSection .col-t-200 {width: 200px;}
		
		
		.jqCSPSection .jqCheckBoxPic.checked {
    background: rgba(0, 0, 0, 0) url("/clouduser/static/images/us/en/commons/iconStatusOk.png") no-repeat scroll;
    display: block;
    margin: auto;
    vertical-align: middle;
    min-height: 25px;
}
.route-policy-accordion-head {
	border: 1px solid black;
	padding: 5px 20px 5px 35px;
	color: #067ab4;
	font-weight: bold;
}

.route-policy-accordion {
	margin-top: 20px;
}

.route-policy-accordion.open-accordion .route-policy-accordion-content {
	display: block;
}

.route-policy-accordion.close-accordion .route-policy-accordion-content {
	display: none;
}

.route-policy-accordion.open-accordion .route-policy-accordion-head {
	background: url(/clouduser/static/images/us/en/commons/accordionBG.png) no-repeat 0px -47px;
}

.route-policy-accordion.close-accordion .route-policy-accordion-head {
	background: url(/clouduser/static/images/us/en/commons/accordionBG.png) no-repeat 0px -5px;
}

	.jqAssignVlan dt {
			background: url(/clouduser/static/images/us/en/commons/accordionClosed.png) no-repeat 1px 3px;
			background-color: lightgray;
			margin-bottom: 5px;
			clear: both;
			font-size: 14px;
			width: 107%;
			}	
		.jqAssignVlan dd {
			margin-left: 5px;
			display: none;
			}	
			
		.jqAssignVlan dt.active {
			background: url(/clouduser/static/images/us/en/commons/accordionOpen.png) no-repeat 1px 3px;
			background-color: lightgray;
			}		
		.jqAssignVlan dt.jqMainBar {
			background: url(/clouduser/static/images/us/en/commons/accordionClosed.png) no-repeat 1px 3px;
			background-color: lightblue;
			margin-bottom: 5px;
			clear: both;
			font-size: 16px;
			width: 100%;
			height: 17px;
			padding-top: 5px;
			}	
		.jqAssignVlan dt.jqMainBar.active {
			background: url(/clouduser/static/images/us/en/commons/accordionOpen.png) no-repeat 1px 3px;
			background-color: lightblue;
			}	

	.jqManageFirewallData dt {
			background: url(/clouduser/static/images/us/en/commons/accordionClosed.png) no-repeat 1px 8px;
			background-color: lightgray;
			margin-bottom: 5px;
			clear: both;
			font-size: 14px;
			width: 107%;
			}	
		.jqManageFirewallData dd {
			margin-left: 5px;
			display: none;
			}	
			
		.jqManageFirewallData dt.active {
			background: url(/clouduser/static/images/us/en/commons/accordionOpen.png) no-repeat 1px 8px;
			background-color: lightgray;
			}		
		.jqManageFirewallData dt.jqMainBar {
			background: url(/clouduser/static/images/us/en/commons/accordionClosed.png) no-repeat 1px 8px;
			background-color: lightblue;
			margin-bottom: 5px;
			clear: both;
			font-size: 16px;
			width: 100%;
			height: 25px;
			padding-top: 5px;
			}	
		.jqManageFirewallData dt.jqMainBar.active {
			background: url(/clouduser/static/images/us/en/commons/accordionOpen.png) no-repeat 1px 8px;
			background-color: lightblue;
			}	
.jqManageFirewallData .tg  {border: 1px solid;border-collapse:collapse;border-spacing:10px;width:100%;margin-top: 20px;}
.jqManageFirewallData .tg td{font-size:14px;padding:10px 10px;border: 1px solid;overflow:hidden;word-break:normal;}
.jqManageFirewallData .tg th{font-size:14px;font-weight:bold;padding:3px;border: 1px solid;overflow:hidden;word-break:normal;}
.jqManageFirewallData .tg .tg-9u0h{border: 1px solid;background-color:lightblue;vertical-align:top}

.jqManageFirewallData .helphoverimg {
    vertical-align: text-bottom;
}
.jqCSPvlanID.highlighted {
    margin: 0 2px;
    border-radius: 3px;
    background: cornflowerblue;
}

.cell-style-growthProj {
	background-color: #A9A9A9;
}

#highlight_message_growthProj {
	font-weight: bold;
}

ul + *,
ol + * {
  margin-top: 0px !important; }
			
#nbprovisionFirewall .tg  {border-collapse:collapse;border-spacing:10px;width: 2000px;margin-top: 20px;}
#nbprovisionFirewall .tg td{font-size:14px;padding:10px 10px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;}
#nbprovisionFirewall .tg th{font-size:14px;font-weight:bold;padding:3px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;}
#nbprovisionFirewall .tg .tg-9u0h{background-color:lightblue;vertical-align:top}

/*staas emea classes*/
.Staas-Utilization-Manager {
	background: url(/clouduser/static/images/account-settings-box-bg.png) repeat-x scroll 0 100% #FFFFFF;
	width: 900px;
	margin-bottom:24px;
	height: 110px;
	border: 1px solid #E4E4E4;
    border-radius: 5px 5px 5px 5px;
    -moz-box-shadow: 0px 0px 5px #d8d8d8;
    -webkit-box-shadow: 0px 0px 5px #d8d8d8;
    box-shadow: 0 0 5px rgba(153, 153, 153, 0.3);
   	padding: 10px;
   	font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
    color: #666666;
}

.Staas-Utilization-Manager .tool-header,
.Miim-Utilization-Manager .tool-header {
	float:left;
	text-align:left;
	padding-left: 60px;
	padding-top:10px;
	background: transparent url(/clouduser/static/images/vCDC-data-icon-for-history-log.png) no-repeat 0 0;
	width:200px;
	line-heigth: 18px;
}

.Staas-Utilization-Manager .tool-header .explanantion,
.Miim-Utilization-Manager .tool-header .explanantion {
	font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
    color: #666666;
}

.Miim-Utilization-Manager .company-name {
	background: url("/clouduser/static/images/LocationManagerSeparator.png") no-repeat scroll left center transparent;
    float: left;
    height:50px;
    padding-top:15px;
    padding-left: 20px;
    text-align:left;
    clear: right;
    width: 470px;
    
}
.Staas-Utilization-Manager .datepickers {
	height: 40px;
    padding-left: 25px;
    margin-top: 10px;
    float:right;
    width: 615px;
}
.Miim-Utilization-Manager .datepickers {
	height: 40px;
    padding-left: 25px;
    margin-top: 10px;
    float:left;
    width: 450px;
}
.Staas-Utilization-Manager a.runreport img {
	vertical-align:middle;
}
.location-picker {
	background: url("/clouduser/static/images/LocationManagerSeparator.png") no-repeat scroll left center transparent;
    float: left;
    height: 60px;
    padding-left: 15px;
    padding-top: 5px;
    position:relative;
    line-height: 2rem;
}
.subtenant-picker {
	float: left;
    height: 60px;
    padding-left: 15px;
    padding-top: 5px;
    position:relative;
    line-height: 2rem;
}
.history-log-select{
	color: #666666;
	font-size:11px;
	font-family: Verdana, Geneva, sans-serif;
}    
#reportsContent {
	width: 940px;
	position:relative;
	float:left;
}
.isIE #deleteLink .tooltip-size-control.wtriangle {
  margin-top:20px !important;
}
.isIE #deleteLink .tooltip-size-control.dicon {
  margin-left:50px !important;
}
.dj_chrome #deleteLink .tooltip-size-control.dicon {
  margin-left:50px !important;
}
.excelIconWrapper img {
    max-width: none !important;
}
#netBondRnatMgt .selectBox-dropdown-menu {
	width: 300px !important;
}
div#iframeDiv{
	width:100%;
	text-align:left;
	align:left;
	min-height: 600px;
}
div#iframeDiv iframe#bdeBillIFrame{
	min-width:941px;
	text-align:left;
	align:left;
}
#inqTestDiv .tc-large-chattab-side {
    width: 80px;
    height: 30px;
}
.jqSearchName, .jqSearchNameTicket, #serviceGroupFilterInUsers, #serviceGroupFilter {
    background-image: url('/clouduser/static/css/images/mag_glass.png') !important;
    background-position: right;
	background-repeat: no-repeat;
    z-index: 2;
}

#serviceReport #ui-datepicker-div {
    width: 20em !important;
}

#serviceReport .ui-icon-circle-triangle-w {
    background-position: -78px -193px;
}

#serviceReport .ui-icon-circle-triangle-e {
    background-position: -46px -193px;
}

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon {
    background-image: url('/clouduser/static/css/ui-lightness/images/ui-icons_222222_256x240.png') !important;
}