body {
	background-image: url(../layout/bg_pattern.png);
	background-repeat: repeat;
	padding: 0;
	margin: 0 0 10px 0;
}

.bentonsansbold {
  font-family: "BentonSans Bold", "Myriad Pro", Myriad, "Trebuchet MS", Trebuchet, Arial, sans-serif;
  font-style: normal;
  font-weight: bold;
}

.bentonsanslight {
  font-family: "BentonSans Light", "Myriad Pro", Myriad, "Trebuchet MS", Trebuchet, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
}

.bentonsansregular {
  font-family: "BentonSans Regular", "Myriad Pro", Myriad, "Trebuchet MS", Trebuchet, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
}

.standardFontSize { font-size: 13px;}

img { border: none;}

#main-container {
	width: 53%;
	margin: 0 auto;
}

#main-help-container {
	width: 99%;
	margin: 0 auto;
}

a img {
    text-decoration: none;
    border: 0 none;
}

/*#left-shadow-gutter,  #right-shadow-gutter {width: 7px; height: 100%;
    background-image: url(https://vpn.mia01.softlayer.com/prx/000/http/localhost/login/css/images/layout/shadow_sprite.png);
    background-repeat: repeat; float: left; background-color: red;}*/

#main-header {
	width: inherit;
	height: 100%;
	margin: 0px auto;
	
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	
	/* IE7/8/9 */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#C9C9C9,endColorstr=#FFFFFF);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#C9C9C9,endColorstr=#FFFFFF)";
	
	/* IE10 Consumer Preview */ 
	background-image: -ms-linear-gradient(bottom, #FFFFFF 0%, #C9C9C9 100%);
	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #C9C9C9 100%);
	/* Opera */ 
	background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #C9C9C9 100%);
	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #FFFFFF), color-stop(1, #C9C9C9));
	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #C9C9C9 100%);
	/* W3C Markup, IE10 Release Preview */ 
	background-image: linear-gradient(to top, #FFFFFF 0%, #C9C9C9 100%);
}

#main-header-logo {
	margin-top: 17px;
	margin-left: 15px;
	float: left;
}

#header {
	width: 100%;
	height: 60px;
	margin-top: 35px;
}

#top-help-header {
	width: 100%;
	height: 60px;
	margin-top: 5px;
}

#top_links { height: 35px; float: right;}

#global-content-wrapper {
	width: 100%;
	background-image: url(../layout/main-content-shadow-bg.png);
	background-repeat: repeat; clear: both;
	float: left;
}

#global-content-container {
	width: 100%;
	background-color: #fff;
	//position: relative;
	float: left;
}

#global-nav-container {
	height: 34px;
	width: 100%;
	background-color: #1b1b1b;
	color: #fff;
    border-bottom: 4px solid #701614;
    float: left;
}

.global-nav-item {
	font-family: "BentonSans Regular", "Myriad Pro", Myriad, "Trebuchet MS", Trebuchet, Arial, sans-serif;
	font-size: 13px;
	line-height: 18px;
	line-height: 18px;
	float: left;
    padding: 9px 24px 9px 24px;
	cursor: pointer;
}

.global-nav-item-active { background-color: #701614; }

#quick-links {
	width: 970px;
	background-image: url(../layout/black_denim.png);
	color: #fff;
	height: 430px;
	padding: 24px 0 0 24px;
	float: left;
}

#main-content-container {
    clear:left;
    float:left;
    width:100%;
    overflow:hidden;
    min-height: 500px;
	background-color:  rgb(255, 255, 255);

}

#failed-login-msg {
	clear: both;
	vertical-align: middle;
}

.generic-failed-container {
	margin-top: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.help-container {
	margin-top: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#footer {
	width: 100%;
	height: 27px;
	color: #ffffff;
	background-color: #000000;
	padding-top: 10px;
	float: left;
}
#copyright { float: left; margin-left: 20px; font-family: "BentonSansCond Regular", "Myriad Pro", Myriad, "Trebuchet MS", Trebuchet, Arial, sans-serif; font-size: 13px; line-height: 18px; line-height: 18px;}
#btf_footer { float: right; margin: -2px 20px 0 0; display: block;}

#hr-helper {
    border: 0;
    height: 1px;
    background: #333;
    background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc); 
    background-image:    -moz-linear-gradient(left, #ccc, #333, #ccc); 
    background-image:     -ms-linear-gradient(left, #ccc, #333, #ccc); 
    background-image:      -o-linear-gradient(left, #ccc, #333, #ccc); 
}

.top-info-text, #lpchatSales2 {
    font-family: "BentonSans Light", "Myriad Pro", Myriad, "Trebuchet MS", Trebuchet, Arial, sans-serif; color: #fff; font-size: 11px; line-height: 16px; float: left;
    padding: 15px 10px 15px 10px;
}

#super-menu-container { width: 994px; height: 194px; float: left;
    position: absolute; z-index: 100; top: 38px;left:0; display: none;
}

.super-menu {
    width: 994px; height: 194px; color: #fff; display: none;
}

.super-menu-left-col-content { width: 163px; height: 194px; /*z-index: 200; position: absolute;*/
    padding: 0 20px 0 20px; float: left; background-color: #373737; opacity:0.92;
    filter:alpha(opacity=92); cursor: pointer;}

.super-menu-right-col-content { width: 791px; float: left; /*z-index: 200;*/ height: 194px; background-color: #616161;
    opacity:0.95;
    filter:alpha(opacity=95);
    }

.super-menu-left-col-content h3 { font-family:  "BentonSans Regular", "Myriad Pro", Myriad, "Trebuchet MS", Trebuchet, Arial, sans-serif; font-size: 22px; margin: 15px 0 10px 0;}
.super-menu-left-col-content p { font-family:  "BentonSans Regular", "Myriad Pro", Myriad, "Trebuchet MS", Trebuchet, Arial, sans-serif; font-size: 11px; margin: 0 0 10px 0;}

.super-menu-hide-target {width: 994px; height: 51px; blue; float: left;}


.super-menu-nav-list, .quick-links-nav-list {
    font-family: "BentonSans Regular", "Myriad Pro", Myriad, "Trebuchet MS", Trebuchet, Arial, sans-serif;
    list-style-type: none;
    font-size: 13px; line-height: 18px;
    padding: 0;
    margin: 12px 0 0 20px;
    float: left;
}

.super-menu-nav-list {
    border-right: 1px solid #717171;
    height: 170px;
    padding-right: 25px;
}

.super-menu-nav-list.last {
    border: none;
}

.super-menu-nav-list.layout2 {
    padding-right: 15px; margin-left: 15px;
}

.super-menu-nav-list li { margin-bottom: 3px; line-height: normal;}

.quick-links-divider {
    background-image: url(../layout/divider01.png);
    width: 4px; height: 347px;
    float: left;
    color: white;
    margin-right: 20px;
}

.quick-links-nav-list {
    font-size: 11px;
    margin: 0;
    padding-right: 27px;
}

.quick-links-nav-list li { margin-bottom: 12px;}

.quick-links-nav-list-container { width: 100px; height: 347px;}

.quick-links-nav-list-sub { clear: both;}

.quick-link-heading {font-family: "BentonSans Regular", "Myriad Pro", Myriad, "Trebuchet MS", Trebuchet, Arial, sans-serif;
    font-size: 11px; margin-bottom: 16px;font-variant: small-caps; }

.quick-link-heading a {

}

.quick-link-heading-anchor { color: #8a8a8a }

.quick-link-heading-sub-heading { margin-top: 22px;}

.super-menu-nav-list .heading {
    font-family: "BentonSans Bold", "Myriad Pro", Myriad, "Trebuchet MS", Trebuchet, Arial, sans-serif; font-weight: bold;
    font-size: 14px;
    margin: 0 0 10px 0;
    color: #7aaac8;
    background-image: none;
}

.super-menu-nav-list a:link, .global-nav-item a:link, .top-info-text a:link,
.quick-links-nav-list a:link, #lpchatSales2 a:link
{ color: #fff; text-decoration: none;}

.super-menu-nav-list a:visited, .global-nav-item a:visited, .top-info-text a:visited,
.quick-links-nav-list a:visited, #lpchatSales2 a:visited
{ color: #fff;}

.super-menu-nav-list a:hover { color: #afafaf;}

.super-menu-nav-list a:active, .global-nav-item a:active, .top-info-text a:active,
.quick-links-nav-list a:active, #lpchatSales2 a:active
{ color: #fff;}

.global-nav-item a:hover, .top-info-text a:hover,
.quick-links-nav-list a:hover, #lpchatSales2 a:hover
{ color: #fff;}

.nav-pointer, .compare-details-pointer { position: absolute; z-index: 250; width: 34px; height: 9px; background-image: url(https://vpn.mia01.softlayer.com/prx/000/http/localhost/login/buttons/sprite01.png);
    background-position: -8px 0px; background-repeat: no-repeat;}

.compare-details-pointer { width: 29px; height: 8px; background-position: -8px -9px; top: 0px;}

/* examples for nav-pointer styles when super menus are used */
/*#dedicated-nav-pointer  { left: 38px;}
#cloudlayer-nav-pointer { left: 150px;}*/

.social-icon-grey {background-image: url(https://vpn.mia01.softlayer.com/prx/000/http/localhost/login/buttons/sprite01.png); display: block; float: left; width: 22px; height: 20px; margin-right: 8px;}


#social-icon-grey-facebook { background-position: -22px -18px;}
#social-icon-grey-twitter { background-position: -44px -1px;}
#social-icon-grey-linkedin { background-position: -45px -23px;}

#social-icon-grey-container {width: 90px; height: 27px; float: left;}

#lpchatSales1 {

    position:absolute;
    width:31px;
    height:113px;
    background-image: url(https://vpn.mia01.softlayer.com/prx/000/http/localhost/login/buttons/chat-tab-left.png);
    top: 227px;
    left: 50%;
    margin-left: -528px;
    z-index: 301;
    cursor: pointer;

}

#lpchatSales3 {
    width: 216px; height: 42px;
    background-image: url(https://vpn.mia01.softlayer.com/prx/000/http/localhost/images/buttons/button_liveChat3.png);
    cursor: pointer;
}

#col-container { background-color: blue; width: 100%; height: 100%;}

.newStrong {font-family: "BentonSans Bold", "Myriad Pro", Myriad, "Trebuchet MS", Trebuchet, Arial, sans-serif; font-weight: bold; font-size: 13px; line-height: 18px;}


/* Left Navigation styles*/
#nav-column {
    float: left;
    width: 230px;
    font-family: "BentonSans Regular", "Myriad Pro", Myriad, "Trebuchet MS", Trebuchet, Arial, sans-serif;
    font-size: 12px;
    position:relative;
    left:764px;
    overflow:hidden;
}

ul.navigation-list{
    margin:0;
    padding:0;
}

.side-nav li { font-size: 14px; }
.nav-submenu-arrow{
    margin-left: 5px;
}
.navigation-list a{
    display:block;
    border-bottom: 1px solid #bababa;
    padding:4px 0px 4px 0px;
}
.navigation-list li{
    display: block;
    background-color: #e2e2e2;
    list-style: none;
    font-size: 12px;

    color:#616161;
}

.navigation-list li a{
    text-decoration: none;
    color:#616161;
}
.navigation-list a:hover{
    background-color:#9e9e9e;
     color:#efefef;
}

.navigation-list li.selected-item  > a{
    background-color:#9e9e9e;
    color:#efefef;
}

.navigation-list li a{
    padding-left:15px;
}
.navigation-list li li a{
    padding-left:30px;
}
.navigation-list li li li a{
    padding-left:45px;
}

.selected-item > ul.navigation-list{
    display: block !important;
}
.parent-of-selected > ul.navigation-list{
    display: block !important;
}

#navigation-root{
    display:block;
}

ul.navigation-list{
    display:none;
}

#hero-banner {float: left;}

.connectionInfo {font-family: "BentonSans Regular", "Myriad Pro", Myriad, "Trebuchet MS", Trebuchet, Arial, sans-serif; font-size: 13px; line-height: 18px;}
.newStrong {font-family: "BentonSans Bold", "Myriad Pro", Myriad, "Trebuchet MS", Trebuchet, Arial, sans-serif; font-weight: bold; font-size: 13px; line-height: 18px;}

h2.tableHeading {
    border-bottom: 1px solid #d6d6d6; font-family: "BentonSans Regular", "Myriad Pro", Myriad, "Trebuchet MS", Trebuchet, Arial, sans-serif;
    font-size; 18px; font-weight: normal; position: relative; clear: both;}

.headingLinkSet { right: 0px; margin: 30px 20px 0 0; top: 0px; position: absolute;}

.headingLinkSet2 { float: right;}
/*.headlingLInkSe2.headlingLink { margin-top: -5px;}*/

.headingLink a, .price td a, .overviewLink a, .listLink a, .award-item a{ font-size: 12px; line-height: 18px; font-family: "BentonSans Regular", "Myriad Pro", Myriad, "Trebuchet MS", Trebuchet, Arial, sans-serif;
    color: #972f2c; margin-top: 2px; font-weight: normal;}
.listLink a { margin: 0;}
.listLinkGroup {margin: 0; list-style-type: none;}

.headingLink a:link, .price td a:link, .listLink a,.award-item a { text-decoration: none;}
.headingLink a:hover{text-decoration: underline;}
.list-a {width: 709px; float: left;}

.overviewLinkSet {float: left;}
.overviewLink a { color: #fff; font-size: 11px; text-decoration: none;}


.overviewLink {margin-top: 1px;}

.inpage-navigation{
    font-family: "BentonSans Bold", "Myriad Pro", Myriad, "Trebuchet MS", Trebuchet, Arial, sans-serif; font-weight: bold;
    font-size:11px;
    height:37px;
    width:724px;
    float:left;
    background: url("https://vpn.mia01.softlayer.com/prx/000/http/localhost/images/misc/inpage-nav-tile.png") repeat-x;
    margin: 5px 0px 20px 0px;
}
.inpage-navigation > div{
    color:#fff;
    height:37px;
    display:block;
    float:left;
}

.inpage-navigation a{
    float:left;
    display:block;
    cursor: pointer;
    color:#fff;
    height:22px;
    padding: 7px 20px 0px 20px;

}

.inpage-navigation .active > a{
    background:#972f2c;
}

.selection-indicator{
    float:left;
    width:100%;
    height:8px;
}

div.active > .selection-indicator{

    background: url("https://vpn.mia01.softlayer.com/prx/000/http/localhost/images/misc/selection-arrow-inpage-nav.png") center bottom no-repeat;

}

table.centered-cells td, table.centered-cells th {
    text-align: center;
}

.new-window-icon { margin: 0 0 0 6px;}

.sectionLabel { font-family: "BentonSans Bold", "Myriad Pro", Myriad, "Trebuchet MS", Trebuchet, Arial, sans-serif; font-weight: bold; font-size: 13px; line-height: 18px;
    clear: both; margin: 15px 0 4px 0; display: block; }

.sectionLabel2, .sectionLabel3Red, sectionLabel4Red{ font-family: "BentonSans Bold", "Myriad Pro", Myriad, "Trebuchet MS", Trebuchet, Arial, sans-serif; font-weight: bold; font-size: 13px }

.sectionLabel3Red {color: #972f2c;}


.sectionLabel4 {
    font-size:18px;
    color:#373737;
    font-family: "BentonSans Regular", "Myriad Pro", Myriad, "Trebuchet MS", Trebuchet, Arial, sans-serif;
}

.text-link{
    color: #972f2c;
    text-decoration: none;
    cursor: pointer;
}

.swapable-text {display: none;}



.standardText0 {font-family: "BentonSans Regular", "Myriad Pro", Myriad, "Trebuchet MS", Trebuchet, Arial, sans-serif; font-size: 13px; line-height: 18px;}

.standardText {font-family: "BentonSans Regular", "Myriad Pro", Myriad, "Trebuchet MS", Trebuchet, Arial, sans-serif; font-size: 13px; line-height: 18px;}

.standardList, .smallList  {
    color: #972f2c;
    margin: 10px 0 0 17px; font-size: 11px;
}

.subList {
   list-style: disc;
   margin-top: 2px;
}

.moreSpace li { margin-bottom: 15px;}

.smallList {font-size: 11px; float: left; margin-top: 7px;}

li > span { color: #373737;}

.smallList > span {font-size: 11px;}

.in-site-link {
    background-image: url(https://vpn.mia01.softlayer.com/prx/000/http/localhost/login/buttons/red-arrow-right.png);
    background-repeat: no-repeat;
    background-position: right;
    padding-right:18px;
}

.off-site-link {
    background-image: url(https://vpn.mia01.softlayer.com/prx/000/http/localhost/login/buttons/new-window-icon-red.png);
    background-repeat: no-repeat;
    background-position: right;
    padding-right:15px;
}

.text-link{
    color: #972f2c;
    text-decoration: none;
    cursor: pointer;
}

#quick-links #mini_emailsignup{
    font-size:11px;
    font-family: "BentonSans Regular";
    float:left;
    margin-top: 20px;
    overflow:hidden;
    width:143px;
}
#quick-links label{
    display: block;
    margin-bottom: 5px;
}
#quick-links #emailsignup_email{
    background: url(../layout/email_signup_form_field_bg.png);
    border:1px solid #616161;
    width:110px;
    height:15px;
    padding:0 2px 0 2px;
    color:#b6b6b6;
    font-size:9px;
    font-family: "BentonSans Regular";
    margin-right:5px;
}

#quick-links #emailsignup_submit{
    font-size:11px;
    font-family: "BentonSans Regular";
    cursor:pointer;
    vertical-align: bottom;
}
 #quick-links #emailsignup_error{
    margin-top:10px;
    background: #781f1c;
    width:143px;
    display:none;
}
 #quick-links #emailsignup_thanks{
     font-size:9px;
     width:143px;
     display:none;
 }

 #quick-links  .emailsignup_error_text{
    background: #616161;
    color:#fff;
    width: 126px;
    margin-left:7px;
    padding:5px;
    font-size:9px;

}

.right-aligned{
     text-align: right !important;
 }

 td.highlight-covered-cell{
     background:#fff !important;
 }
 .footnote{
     font-size:11px !important;
 }
 .plainLink{
     text-decoration:none;
 }


.smallLeftPadding{ padding-left: 5px;}
.noTopMargin {margin-top: 0;}
.moreMarginTop { margin-top: 15px;}
.moreMarginTop2 { margin-top: 35px;}
.moreMarginBottom { margin-bottom: 15px;}
.moreMarginBottom2 { margin-bottom: 25px;}
.noMarginBottom { margin-bottom: 0px !important;}
.lowMargin { margin-top: 3px;}
.noBottomBorder { border-bottom: none;}
.noBottomPadding { padding-bottom: 0;}

.left-element { float: left;}
.clear-element { clear: both;}
.centerCel { text-align: center;}
.slBold { font-family: "BentonSans Bold", "Myriad Pro", Myriad, "Trebuchet MS", Trebuchet, Arial, sans-serif; font-weight: bold;}
.blackColor { color: #000;}

.redGrey2 {
    color: #972f2c; margin-top: 17px;
    margin: 14px 0 0 35px; font-size: 11px;
}

.redGrey2 li > span { color: #373737;}

.redGrey1 {
    color: #972f2c; margin-top: 17px;
    margin: 14px 0 0 35px; font-size: 11px; float: left;
}

.redGrey1 li > span { color: #373737;}

.slRed {color: #972f2c; font-family: "BentonSans Regular", "Myriad Pro", Myriad, "Trebuchet MS", Trebuchet, Arial, sans-serif; font-size: 13px; line-height: 18px;}
.slRed a {color: #972f2c;}
.slRed a:link {text-decoration: none;}
.slDarkGray {color: #373737;}
.slWhite{ color:#fff !important;}
.clear-element{ clear:both; }

ul, li
{
    margin: 0;
    padding: 0;
}

a
{
    color: #000;
}

a:hover
{
    color: #404040;
}

a.order
{
    background-image: url(https://vpn.mia01.softlayer.com/prx/000/http/localhost/login/button_order_gray.jpg);
    background-repeat: no-repeat;
    padding-left: 27px;
    text-decoration: none;
}

a.active
{
    color: #972F2C;
}

.awards_left_col {
    width: 170px;
    float: left;
}

.awards_right_col {
    width: 505px; 
    float: left;
    padding-left: 8px;
    margin-bottom: 10px;
}

#bannercontainer
{
    height: 127px;
    min-height: 127px;
    clear: both;
    margin: 0;
    padding: 0;
    position: relative;
    background-color: #fff;
}

#bannercontainer #left
{
    float: left;
    height: 127px;
    width: 709px;
    /*position: relative;*/
    left: 0;
}

#byocErrorMessage
{
    color: #972F2C;
    font-size: 12px;
    font-weight: bold;
}

#left .menu li ul li a:hover
{
    color: #000;
    background-color: #B5B5B5;
}

#bannercontainer #right
{
    width: 275px;
    height: 127px;
    float: right;
    margin-right: -2px;
}

#bannercontainer #logocontainer
{
    height: 76px;
}

#bannercontainer #logo
{
    position: relative;
    top: 20px;
    left: 20px;
}

#basic-modal-content
{
    display: none;
}

    #basic-modal-content.modal-display
    {
        display: block;
        position: absolute;
        top: 35%;
        left: 45%;
        z-index: 1000;
        background-color: #fff;
    }

html, body
{
    height: 100%;
}


#bottom-row
{
    width: 695px;
    clear: both;
    padding: 10px 0 0 15px;
}
    #bottom-row div
    {
        float: left;
        width: 220px;
        margin-right: 15px;
    }

    #bottom-row div div
    {
        margin: 0 0 10px 0;
        cursor: pointer;
    }

    #bottom-row h5
    {
        color: #972F2C;
        font-size: 11px;
        border-bottom: dotted 1px #404040;
        padding-bottom: 4px;
    }

    #bottom-row p
    {
        font-size: 11px;
        color: #404040;
    }

    #bottom-row strong
    {
        font-size: 11px;
        padding-left: 10px;
        position: relative;
        top: 15px;
        color: #404040;
    }

.button-container
{
    height: 100px;
    padding-top: 10px;
}

.button-container a img
{
    border: none;
}

.button-container ul
{
    margin: 0;
}

.button-container ul li
{
    float: left;
    list-style: none;
    padding-right: 5px;
}

.button-container ul li ul
{
    display: none;
    background-color: #fff;
    position: absolute;
    border: solid 1px #000;
}

.button-container ul li ul li
{
    float: none; 
    padding: 0;
}

.button-container ul li ul li a
{
    padding: 7px 10px 5px 10px;
    margin: 0;
    width: auto;
    text-align: left;
    text-decoration: none;
    display: block;
    font-weight: bold;
}

.button-container ul li ul li a:hover
{
    background-color: #972F2C;
    color: #fff;
}

#codesion-left
{
    width: 360px;
    margin: 0 20px 0 0;
    float: left;
}

#codesion-right
{
    width: 300px;
    float: left;
    margin-top: 27px;
}


#contactbottom
{
    width: 273px;
    height: 25px;
    background-color: #972F2C;
    background-image: url(https://vpn.mia01.softlayer.com/prx/000/http/localhost/login/layout/curve-right-top.jpg);
    background-position: right top;
    background-repeat: no-repeat;
    margin: 26px 0px 0px 0px;
}

#contactbottom span
{
    margin: 0 0 0 12px;
    *margin: 0 0 0 12px; /* IE6/IE7 only */
    font-size: 10px;
    color: #fff;
    display: none;
    position: relative;
    top: 6px;
}

#contactbottom span a
{
    color: #fff;
    text-decoration: none;
}

#contactbottom span#phone-content
{
    display: block;
}

#container
{
    display: block;
    width: 100%;
    clear: both;
}

#contentcontainer
{
    min-height: 500px;
    margin: 0;
    padding: 0;
    background-color: #fff;
    background-image: url('https://vpn.mia01.softlayer.com/prx/000/http/localhost/login/layout/top-bg.jpg');
    background-repeat: no-repeat;
    background-position: left top;
}
    #contentcontainer #container
    {
        clear: both;
        width: 100%;
    }
    
    #container #left-content
    {
        padding: 0 17px 0 4px;
        margin: 10px 0 0 10px;
        width: 690px;
        float: left;
    }
    
    #container #left-content p
    {
        font-size: 12px;
        line-height: 14px;
        margin: 0 0 10px 0;
    }
    
    #container #right-content
    {
        margin: 0;
        float: left;
        width: 265px;
        font-size: 11px;
    }
    
        #right-content h5
        {
            font-size: 11px;
            color: #404040;
            /* border-bottom: dotted 1px #404040; */
            padding-bottom: 3px;
        }
    
        #right-content .highlight
        {
            color: #972F2C;
            font-size: 11px;
            border: none;
            margin: 0;
            padding: 0;
        }
    
        #right-content ul li a
        {
            font-size: 11px;
        }


#contentcontainer .top-curve-container

{
    display: block;
    height: 11px;
    clear: both;
}

#contentcontainer .top-left
{
    background-image: url(https://vpn.mia01.softlayer.com/prx/000/http/localhost/login/layout/top-left.jpg);
    background-repeat: no-repeat;
    width: 11px;
    height: 11px;
    margin: 0;
    position: absolute;
    left: 0;
    top: 0;
}

#contentcontainer .top-right
{
    background-image: url(https://vpn.mia01.softlayer.com/prx/000/http/localhost/login/layout/top-right.jpg);
    background-repeat: no-repeat;
    width: 11px;
    height: 11px;
    position: absolute;
    top: 0;
    right: 0;
    float: right;
    margin: 0;
}

.sub
{
    display: none;
}

#dedicated-sub a
{

}

div.products
{    
    *padding-top: 30px;
    min-height: 256px;
}

div.grouping
{
    clear: both;
}

    div.grouping div.group
    {
        width: 337px;
        float: left;
        vertical-align: top;
    }

        div.grouping div.group h5
        {
            border-bottom: dotted 1px #B5B5B5;
            padding-bottom: 5px;
        }

div.product
{
    float: left;
    width: 330px;
    min-height: 230px;
    position: relative; /* for safari mac */    
}

    div.product img
    {
        margin-right: 20px;
    }

    div.product div.title
    {
        color: #972F2C;
        font-weight: bold;
    }

    div.product ul li
    {
        margin-left: -10px;
    }

    div.product-bottom
    {
        clear: both;
        height: 25px;
        padding: 10px 0 0 0;
        border-top: dotted 1px #404040;
        border-bottom: dotted 1px #404040;
    }
    
        div.product-bottom div.price-config
        {
            
        }

        div.product-bottom div.configure
        {
            float: left;
            font-size: 12px;
            font-weight: bold;
        }

            div.configure a
            {
                text-decoration: none;
            }

            div.configure img
            {
                margin: 0 4px 0 0;
            }

            div.product-bottom div.price
            {
                font-size: 12px;
                float: right;
                font-weight: bold;
            }

                div.price span
                {
                    margin: 0 5px 0 0;                    
                }

                div.price span.cost
                {
                    margin: 0;
                    color: #972F2C;                    
                }


div.dots
{
    border-top: dotted 1px #B5B5B5;
}

div.contact-box
{
    color: #fff;
    background-color: #972F2C;
    font-size: 17px;
    padding: 8px;
    margin: 20px 0 0 0;
}

div.contact-box a
{
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    font-weight: bold;
}

div.contact-box a:hover
{
    text-decoration: underline;
}

div.contact-box span
{
    font-weight: bold;
}

div.keybenefits
{
    border-bottom: dotted 1px #404040;
    font-weight: bold;
    font-size: 11px;
    padding: 0 0 10px 0;
}

div.keybenefits span
{
    color: #972F2C;
}

div ul, div ol
{
    margin: 15px 0 15px 30px;
}

div ul li, div ol li
{
    font-size: 12px;
}

.download
{
    background-image: url(https://vpn.mia01.softlayer.com/prx/000/http/localhost/login/button_download_paper_gray.jpg);
    background-repeat: no-repeat;
    padding: 0 0 0 50px;
    text-decoration: none;
}



/* CLEAR FIX*/
.clearfix:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix
{
    display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#email-content a
{
    color: #fff;
    text-decoration: none;
}

#empty-wrapper
{
    width: 100%;
}
    #empty-wrapper .container
    {
        width: auto;
        margin: 0 20px 0 20px;
    }

    #empty-wrapper p
    {
        font-size: 12px;
    }
    
#facebook-like
{
    position: absolute;
    top: 30px;
    /*right: 0;*/
    width: 265px;
    left: 721px;
}

#footercontainer
{
    text-align: center;
    font-size: 11px;
    color: #404040;
    clear: both;
    display: block;
    width: 994px;
    height: 80px;
    padding-top: 5px;
    margin: 10px auto 0;
    background-color: #fff;
    position: relative;
}
    #footercontainer a
    {
        color: #404040;
    }
    #footercontainer a:hover
    {
        color: #000;
    }
    #footercontainer .bottom-curve-container
    {
        display: block;
        clear: both;
    }
        .bottom-curve-container .bottom-left
        {
            background-image: url(https://vpn.mia01.softlayer.com/prx/000/http/localhost/login/layout/curve-left-bottom.jpg);
            background-repeat: no-repeat;
            width: 12px;
            height: 23px;
            margin: 0;
            position: absolute;
            left: 0;
            top: 0;
        }
        .bottom-curve-container .bottom-right
        {
            background-image: url(https://vpn.mia01.softlayer.com/prx/000/http/localhost/login/layout/curve-right-bottom.jpg);
            background-repeat: no-repeat;
            width: 12px;
            height: 23px;
            position: absolute;
            top: 0;
            right: 0;
        }
    #footercontainer .copyright
    {
        padding-bottom: 20px;
    }
    #footercontainer .footer-menu
    {
        padding-top: 20px;
    }
    #footercontainer .copyright
    {
        position: relative;
        top: 10px;
    }

h1
{
    font-size: 24px;
    font-weight: bold;
    font-family: Arial;
    margin: 0 0 15px 0;
    padding: 0 0 5px 0;
    width: auto;
    border-bottom: dotted 1px #B5B5B5;
    vertical-align: bottom;
    /* position: relative; */
}

h1 a, h2 a, h3 a
{
    text-decoration: none;
    font-size: 10px;
    margin: 0;
    padding: 0 5px 0 5px;
    /* position: relative; */
    border-left: dotted 1px #B5B5B5;
    color: #404040;
}

h1 a:hover, h2 a:hover, h3 a:hover
{
    color: #000;
}

h1 span, h2 span, h3 span
{
    font-size: 10px;
    /* position: relative; */
    float: right;
    color: #404040;
    border-right: dotted 1px #B5B5B5;
    clear: both;
    margin-top: 14px;
    *margin-top: -19px; /* IE6 & IE7 only */
}

h1 span.display, h2 span.display
{
    border-right: none;
}

h1 sup, h2 sup, h3 sup, h4 sup
{
    font-size: 10px;
    vertical-align: super;
}

h2
{
    font-size: 18px;
    border-bottom: dotted 1px #B5B5B5;
    padding: 10px 0 5px 0;
    margin: 0 0 10px 0;
    /* position: relative; */
}

h2.title
{
    border: none;
    margin: 0;
}

h2.prTitle
{
    font-size: 19px;
    padding: 0;
    margin: 40px 0 0 0;
    border: none;
}

h3
{
    font-size: 16px;
    border-bottom: dotted 1px #B5B5B5;
    font-weight: bold;
    font-family: Arial;
    margin: 0 0 10px 0;
    padding: 0 0 5px 0;
}

h3.title
{
    color: #972F2C;
    padding: 20px 0 20px 0;
}

h3.corp_overview
{
margin-top: 40px;
margin-bottom: 20px;
}


h4
{
    margin: 0 0 10px 0;
}

h4.display
{
    border-bottom: dotted 1px #404040;
    font-size: 12px;
    padding: 0 0 5px 0;
    margin-bottom: 10px;
}

h4.highlight
{
    border-bottom: dotted 1px #404040;
    padding: 0 0 5px 0;
    margin-bottom: 5px;
    font-size: 12px;
}

h4.prSubTitle, h5.prAboutTitle
{
    font-size: 12px;
    padding: 0;
    margin: 0 0 20px 0;
    border: none;
}

h5
{
    margin: 0 0 10px 0;
}

h5.display
{
    border-bottom: dotted 1px #404040;
    padding: 0 0 5px 0;
}

h5.prAboutTitle
{
    margin: 0;
}

h6
{
    margin: 0;
    padding: 0;
    font-size: 15px;
}

h6.right
{
    border-bottom: dotted 1px #404040;
    margin-bottom: 10px;
    margin-left: 5px;
    font-size: 10px;
    padding-bottom: 2px;
}

.highlight
{
    color: #972F2C;
    font-weight: bold;
}

/* OLD EVENTS STYLES 
#home-banner-a
{
    height: 119px;
}

#home-banner-div
{
    height: 119px;
}

#home-event-panel
{
    margin-top: 5px;
    margin-bottom: 15px;
    height:90px; 
    width:260px;
}

#home-event-banner{
    width: 115px;
    height: 90px; 
    background-image: url(https://vpn.mia01.softlayer.com/prx/000/http/localhost/login/banners/banner_events_home.jpg);
    padding-left: 10px;
    color:#FFF;
    background-repeat: no-repeat; 
    float:left; 
    position: relative;
    cursor: pointer;
    font-size: 10px;
}

#home-event-content
{
    position: relative;
    top: 34px;
    left: 6px;
    font-weight: bold;
}

#home-event-text
{
    float:left; 
    width:115px;
    height:90px;
    font-size: 10px;
}
*/


#home-banner-a
{
    height: 119px;
}

#home-banner-div
{
    height: 119px;
}

#home-event-panel
{
    margin: -10px 0 15px 0;
    height:90px; 
    width:260px;
}

#home-event-title
{
    color: #972F2C;
    
}

#home-event-banner
{
    width: 115px;
    height: 90px; 
    background-image: url('https://vpn.mia01.softlayer.com/prx/000/http/localhost/login/banners/banner_events_home.jpg');
    padding-left: 10px;
    color:#FFF;
    background-repeat: no-repeat; 
    float:left; 
    position: relative;
    cursor: pointer;
}

#home-event-content
{
    position: relative;
    top: 34px;
    left: 6px;
    font-weight: bold;
}

#home-event-text
{
    float:left; 
    width:145px;
    height:90px;
    margin-left: 10px;
    font-size: 12px;
}

.iphone
{
    display: none;
}

#innerlayer
{
    border: none;
}

img
{
    margin: 0;
    border: 0;
}

img.intel
{
    position: relative;
    top: -10px;
}

/* New Portal Login page styles */

#newLoginPage {
    background-image: url(https://vpn.mia01.softlayer.com/prx/000/http/localhost/login/prx/000/http/localhost/login/layout/bg-new2.png);
    background-position: center top;
    background-repeat: repeat-x;
    background-color: #dbdbdb;
    color: #000;
    margin: 0;
}

#login-logo {
    display: block;
    text-align: center;
    margin: 252px auto 12px auto;
}

#reflectiondiv {
    margin: 0 auto;
    width: 346px;
}

#content-container {
    margin: 0 auto;
    width: 346px;
	position: relative;
	margin-top: 12%;
	display: inline-block;
	text-align: center;
}

#login-content-container {
	width: 100%;
	min-height: 500px;
	overflow: hidden;
	position: relative;
	text-align: center;
}

#content-box{`
    width: 344px;
    float: left;
    background-color: #efefef;
    border-radius: 8px;
    border: 1px solid #adadad;
	z-index:3;

}

.reflection {  
	z-index:-1;		  
}
 
.reflection img { 
    z-index:2;
    -webkit-transform: scaleY(-1); 
       -moz-transform: scaleY(-1); 
        -ms-transform: scaleY(-1); 
         -o-transform: scaleY(-1); 
            transform: scaleY(-1); 
    filter: flipv; opacity:0.90; 
    filter: alpha(opacity='90');
	
} 

.corners { -webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;

overflow: hidden;
}

.overlay { position:absolute; top:160px; left:0px; width:344px; height:30px;  
    background-image: -moz-linear-gradient( center bottom, rgb(250,250,250) 5%, rgba(255,255,255,0) 40%); 
    background-image:   -o-linear-gradient( rgba(255,255,255,0) 5%, rgb(255,255,255) 40%); 
    background-image:     -webkit-gradient( linear, left bottom, left top, color-stop(0.60, rgb(255,255,255)), color-stop(0.75, rgba(255,255,255,0))); 
    /*filter: progid:DXImageTransform.Microsoft.Gradient( gradientType=0, StartColorStr=#ffffff, EndColorStr=0 ); */
}


#content-box-title {
    margin: 8px 0 0 15px;
    font-weight: bold;
    font-size: 14px;
    color: #fff;
    float: left;
    height: 19px;
}

#login-box-header {
    background-color: #616161;
    width: 344px; height: 30px;
    float: left;
    border-radius: 8px 8px 0 0;
    border-bottom: 3px solid #701614;

}

.login-box-row, .login-box-row-2 {
    width: 294px;
    height: 22px;
    margin-bottom: 17px;

}

.login-box-row-2 {
    width: 300px;
    height: 22px;
    margin-bottom: 17px;
}

#login-box, #login-box-2 {
    float: left;
    padding: 25px;
    width: 294px;
    clear: both;

}




#login-box-2 {
    width: 300px;
}

.login-box-label, .login-box-label-2,  .login-box-label-3 {
    color: #616161;
    font-size: 12px;
    padding-top: 5px;
    width: 60px; text-align: right; margin-right: 10px; float: left;
}

.login-box-label-2 {
    width: 130px;
}

.login-box-label-3 {
    width: 80px;
}

.login-box-row .inputtextwide {
    width: 198px;
    text-align: right;
}

.login-box-input {
    float: left;
}

#username-password {
    width: 272px;
    height: 150px;
    float: left;
}

#login-box #pwd
{
    width: 250px; margin-bottom: 0;
}

.login-screen-link {
    display: block;
    margin-top: 7px;
    width: 50px;
    float: left;
}

#forgot-password-link {
    color: #972f2c;
    font-size: 10px;
}

#login-box #locations {
    width: 256px
}

#login-label-locations {
    display: block; margin-top: 5px;
}

#security-question {
    margin-top: 20px;
    width: 272px;
    height: 137px;
    float: left;
}

#login-box #user_securityquestionid {
    margin-bottom: 2px; width: 256px;
}

#login-label-security-answer {
    display: block; margin-top: 8px;
}

#login-box #user_securityquestionanswer {
    margin-bottom: 6px; width: 251px;
}

#login-button-container{
    float: right;

}

#loginform #_submit{
    float: left;
}

#info_box {
    margin-left: 14px;
    margin-right: 8px;
    width: 249px;
    height: 303px;
}

#info_box h2 {
    color: #972f2c;
    border-bottom: none;
    padding-top: 0;
    font-size: 14px;
    margin-top: 4px;
}

#info_box p{
    font-family: helvetica, arial, sans-serif;
    font-size: 12px;
    color: #767676;
}

#errorMessages {
    font-size: 10px;
    height: 12px;
    width: 535px;
    color: red;
    font-weight: bold;
    text-align: center;
    margin: 0 auto;
    padding-top: 10px;
    clear: both;
}

#login-divider{
    width: 100%;
    height: 1px;
    margin-top: 30px;
    border-bottom: 1px dotted #b4b4b4;
}

.login-description-text {
    font-size: 12px;
    width: 294px;
}

#login-description-text-notice {
    margin-top: 0px;
}

/* End New Portal Login page styles */

#main
{
    background-color: #fff;
    display: block;
    min-height: 700px;
    margin: 0 auto 0;
}

.menu, .sales-menu
{
    height: 26px;
    clear: both;
}

.menu
{
    width: 709px;
    margin: 0;
    padding: 0;
}

.menu li
{
    list-style: none;
    float: left;
    text-align: center;
    margin: 0 1px 0 0;
    height: 26px;
    background-repeat: no-repeat;
}

.menu li a
{
    font-weight: bold;
    font-size: 11px;
    text-decoration: none;
    color: #404040;
    padding: 6px 0 0 0;
    height: 20px;
    display: block;
}

.menu li ul
{
    position: relative;
    _position: absolute; /* IE6 only */
    visibility: hidden;
    background-image: none;
    z-index: 100;
    background-color: #616161;
    width: 200px;
    margin: 0;
    padding: 0;
    border-left: solid 2px #B4B4B4;
    border-bottom: solid 2px #B4B4B4;
    border-right: solid 2px #B4B4B4;
    filter: alpha(opacity=97);
    opacity:0.97;
    -moz-opacity:0.97;
}

.menu li ul li
{
    float: none;
    display: inline;
    text-align: left;
    margin: 0;
    padding: 0;
}

.menu li ul li a
{
    padding: 7px 0 0 10px;
    margin: 0;
    width: auto;
    text-align: left;
    font-size: 12px;
    font-weight: normal;
}

.menu li ul li a:hover
{
    
}
.menu #home
{
    width: 55px;
    background-image: url(https://vpn.mia01.softlayer.com/prx/000/http/localhost/login/layout/navigation/mainNav_home_off.jpg);
}
.menu #home.hover
{
    color: #fff;
    background-image: url(https://vpn.mia01.softlayer.com/prx/000/http/localhost/login/layout/navigation/mainNav_home_hot.jpg);
}
.menu #home.active
{
    background-image: url(https://vpn.mia01.softlayer.com/prx/000/http/localhost/login/layout/navigation/mainNav_home_active.jpg);
}
.menu #home.active a
{
    color: #fff;
}
.menu #home.hover a
{
    color: #fff;
}



.menu #dedicated
{
    width: 78px;
    background-image: url(https://vpn.mia01.softlayer.com/prx/000/http/localhost/login/layout/navigation/mainNav_dedicated_off.jpg);
}
.menu #dedicated.active
{
    background-image: url(https://vpn.mia01.softlayer.com/prx/000/http/localhost/login/layout/navigation/mainNav_dedicated_active.jpg);
}
.menu #dedicated.active a
{
    color: #fff;
}
.menu #dedicated.hover
{
    background-image: url(https://vpn.mia01.softlayer.com/prx/000/http/localhost/login/layout/navigation/mainNav_dedicated_hot.jpg);
}
.menu #dedicated.hover a
{
    color: #fff;
}


.menu #cloudlayer
{
    width: 93px;
    background-image: url(https://vpn.mia01.softlayer.com/prx/000/http/localhost/login/layout/navigation/mainNav_cloud_off.jpg);
}
.menu #cloudlayer.active
{
    background-image: url(https://vpn.mia01.softlayer.com/prx/000/http/localhost/login/layout/navigation/mainNav_cloud_active.jpg);
}
.menu #cloudlayer.active a
{
    color: #fff;
}
.menu #cloudlayer.hover
{
    color: #fff;
    background-image: url(https://vpn.mia01.softlayer.com/prx/000/http/localhost/login/layout/navigation/mainNav_cloud_hot.jpg);
}
.menu #cloudlayer.hover a
{
    color: #fff;
}

.menu #solutions
{
    width: 73px;
    background-image: url(https://vpn.mia01.softlayer.com/prx/000/http/localhost/login/layout/navigation/mainNav_solutions_off.jpg);
}
.menu #solutions.active
{
    background-image: url(https://vpn.mia01.softlayer.com/prx/000/http/localhost/login/layout/navigation/mainNav_solutions_active.jpg);
}
.menu #solutions.active a
{
    color: #fff;
}
.menu #solutions.hover
{
    background-image: url(https://vpn.mia01.softlayer.com/prx/000/http/localhost/login/layout/navigation/mainNav_solutions_hot.jpg);
}
.menu #solutions.hover a
{
    color: #fff;
}

.menu #services
{
    width: 65px;
    background-image: url(https://vpn.mia01.softlayer.com/prx/000/http/localhost/login/layout/navigation/mainNav_services_off.jpg);
}
.menu #services.active
{
    background-image: url(https://vpn.mia01.softlayer.com/prx/000/http/localhost/login/layout/navigation/mainNav_services_active.jpg);
}
.menu #services.active a
{
    color: #fff;
}
.menu #services.hover
{
    background-image: url(https://vpn.mia01.softlayer.com/prx/000/http/localhost/login/layout/navigation/mainNav_services_hot.jpg);
}
.menu #services.hover a
{
    color: #fff;
}

.menu #facilities
{
    width: 70px;
    background-image: url(https://vpn.mia01.softlayer.com/prx/000/http/localhost/login/layout/navigation/mainNav_facilities_off.jpg);
}
.menu #facilities.active
{
    background-image: url(https://vpn.mia01.softlayer.com/prx/000/http/localhost/login/layout/navigation/mainNav_facilities_active.jpg);
}
.menu #facilities.active a
{
    color: #fff;
}
.menu #facilities.hover
{
    background-image: url(https://vpn.mia01.softlayer.com/prx/000/http/localhost/login/layout/navigation/mainNav_facilities_hot.jpg);
}
.menu #facilities.hover a
{
    color: #fff;
}

.menu #reseller
{
    width: 64px;
    background-image: url(https://vpn.mia01.softlayer.com/prx/000/http/localhost/login/layout/navigation/mainNav_reseller_off.jpg);
}
.menu #reseller.active
{
    background-image: url(https://vpn.mia01.softlayer.com/prx/000/http/localhost/login/layout/navigation/mainNav_reseller_active.jpg);
}
.menu #reseller.active a
{
    color: #fff;
}
.menu #reseller.hover
{
    background-image: url(https://vpn.mia01.softlayer.com/prx/000/http/localhost/login/layout/navigation/mainNav_reseller_hot.jpg);
}
.menu #reseller.hover a
{
    color: #fff;
}

.menu #resources
{
    width: 75px;
    background-image: url(https://vpn.mia01.softlayer.com/prx/000/http/localhost/login/layout/navigation/mainNav_resources_off.jpg);
}
.menu #resources.active
{
    background-image: url(https://vpn.mia01.softlayer.com/prx/000/http/localhost/login/layout/navigation/mainNav_resources_active.jpg);
}
.menu #resources.active a
{
    color: #fff;
}
.menu #resources.hover
{
    background-image: url(https://vpn.mia01.softlayer.com/prx/000/http/localhost/login/layout/navigation/mainNav_resources_hot.jpg);
}
.menu #resources.hover a
{
    color: #fff;
}

.menu #partners
{
    width: 65px;
    background-image: url(https://vpn.mia01.softlayer.com/prx/000/http/localhost/login/layout/navigation/mainNav_partners_off.jpg);
}
.menu #partners.active
{
    background-image: url(https://vpn.mia01.softlayer.com/prx/000/http/localhost/login/layout/navigation/mainNav_partners_active.jpg);
}
.menu #partners.active a
{
    color: #fff;
}
.menu #partners.hover
{
    background-image: url(https://vpn.mia01.softlayer.com/prx/000/http/localhost/login/layout/navigation/mainNav_partners_hot.jpg);
}
.menu #partners.hover a
{
    color: #fff;
}

.menu #specials
{
    width: 61px;
    background-image: url(https://vpn.mia01.softlayer.com/prx/000/http/localhost/login/layout/navigation/mainNav_specials_off.jpg);
}
.menu #specials.active
{
    background-image: url(https://vpn.mia01.softlayer.com/prx/000/http/localhost/login/layout/navigation/mainNav_specials_active.jpg);
}
.menu #specials.active a
{
    color: #fff;
}
.menu #specials.hover
{
    background-image: url(https://vpn.mia01.softlayer.com/prx/000/http/localhost/login/layout/navigation/mainNav_specials_hot.jpg);
}
.menu #specials.hover a
{
    color: #fff;
}


.sales-menu div
{
    float: left;
    vertical-align: baseline;
    margin: 0;
    height: 26px;
    padding: 0 1px 0 0;
    text-align: center;
    position: relative;
}
.sales-menu div a
{
    font-weight: bold;
    font-size: 11px;
    text-decoration: none;
    color: #fff;
    padding-top: 7px;
    display: block;
}
.sales-menu #contact
{
    width: 93px;
}
.sales-menu #contact a
{
    color: #404040;
}

.sales-menu #chat
{
    width: 55px;
    background-image: url(https://vpn.mia01.softlayer.com/prx/000/http/localhost/login/layout/chat-off.jpg);
    background-repeat: no-repeat;
}
#chat a
{
    color: #962E2B;
}
#chat.chat-active
{
    background-image: url(https://vpn.mia01.softlayer.com/prx/000/http/localhost/login/layout/chat-active.jpg);
}
#chat.chat-active a
{
    color: #fff;
}
#chat.chat-inactive
{
    background-image: url(https://vpn.mia01.softlayer.com/prx/000/http/localhost/login/layout/chat-off.jpg);
}

.sales-menu #email
{
    width: 60px;
    background-image: url(https://vpn.mia01.softlayer.com/prx/000/http/localhost/login/layout/email-off.jpg);
    background-repeat: no-repeat;
    color: #962E2B;
}
#email a
{
    color: #962E2B;
}
#email.email-active
{
    background-image: url(https://vpn.mia01.softlayer.com/prx/000/http/localhost/login/layout/email-active.jpg);
    color: #fff;
}
#email.email-active a
{
    color: #fff;
}
#email.email-inactive
{
    background-image: url(https://vpn.mia01.softlayer.com/prx/000/http/localhost/login/layout/email-off.jpg);
}

.sales-menu #phone
{
    width: 62px;
    background-image: url(https://vpn.mia01.softlayer.com/prx/000/http/localhost/login/layout/phone-active.jpg);
    background-repeat: no-repeat;
    color: #fff;
}
#phone.phone-active
{
    background-image: url(https://vpn.mia01.softlayer.com/prx/000/http/localhost/login/layout/phone-active.jpg);
}
#phone.phone-inactive
{
    background-image: url(https://vpn.mia01.softlayer.com/prx/000/http/localhost/login/layout/phone-off.jpg);
}
#phone.phone-inactive a
{
    color: #962E2B;
}

#menubottom
{
    background-color: #616161;
    background-image: url(https://vpn.mia01.softlayer.com/prx/000/http/localhost/login/layout/curve-left-top.jpg);
    background-position: left top;
    background-repeat: no-repeat;
    height: 25px;
    width: 708px;
    margin: 26px 0px 0px 0px;
}
#modal-header
{
    width: 100%;
    height: 20px;
    font-weight: bold;
/*    cursor: move;*/
}
p.postdate
{
    color: #972F2C;
    margin: 0;
    padding: 0 0 5px 0;
    font-weight: bold;
}
p.small
{
    font-size: 6px;
}
.print-info
{
    display: none;
}

.providers
{
    clear: both;
    width: 100%;
}
    .providers .provider
    {
        float: left;
        width: 210px;
        margin-right: 20px;
    }
        .provider div.title
        {
            width: 120px;
            float: left;
        }
        .provider h5
        {
            padding-bottom: 5px;
        }
        .provider ul
        {
            margin: 5px 0 0 20px;
            border-top: dotted 1px #404040;
        }
        .provider ul li
        {
            border-bottom: dotted 1px #404040;
            padding: 3px 0 3px 0;
        }
        .provider ul li sup
        {
            line-height: 3px;
        }
        .provider ul li.transit, .provider-grid td li.transit
        {
            list-style: url(https://vpn.mia01.softlayer.com/prx/000/http/localhost/login/button_transit_gray.jpg);
        }
        .provider ul li.peering
        {
            list-style: url(https://vpn.mia01.softlayer.com/prx/000/http/localhost/login/button_peering_red.jpg);
        }
.right-pad
{
    height: 76px;
}
.right-section
{
    padding: 0 0 10px 0;
}

    .right-section p
    {
        font-size: 11px;
    }

.rightColBanner {
    float:left;
    height: 85px;
    width: 130px;
    margin: 0px auto;
}

.rightColBannerRow {
    margin-top: 5px;
    width: 260px;
    height: 85px;
}

.rightColBannerImg {
    display:block;
    margin:auto;
}

strong.title
{
    font-size: 15px;
}

.social
{
    border-bottom: dotted 1px #404040;
    padding-bottom: 5px;
}

    .social span
    {
        position: relative;
        top: -15px;
        padding: 0 0 0 5px;
    }
    
.social-icon
{
    float: left;
    margin: 0 12px 0 0;
    position: relative;
}

.social-large
{
    display: none;
    position: absolute;
    top: -8px;
    left: -9px;
    z-index: 1000;
}
    
.sub-button-container
{
    display: none;
    background-color: #fff;
    padding: 10px;
}
    
.subnav
{
    position: absolute;
    top: 2px;
    right: 5px;
}
.subnav a
{
    font-size: 10px;
    border-right: dotted 1px #616161;
    padding: 0 5px 0 0;
    text-decoration: none;
    color: #404040;
}
.subnav a:hover
{
    color: #000;
}
sup
{
    font-size: 8px;
    vertical-align: super;
    line-height: 0;
}
sup.tm
{
    font-size: 6px;
}

#tab-menu
{
    display: none;
}

table
{
    font-size: 12px;
    width: 100%;
}

table th
{
    padding-bottom: 10px;
    vertical-align: top;
}

table tr.alternate
{
    background-color: #F8F8F8;
}

table td
{
    vertical-align: top;
}

table td.highlight-off:hover
{
    background-color: #fff;
}

table.display, table.price
{
    margin: 20px 0 0 0;
}

table.price2
{
    margin: 10px 0 0 0;
}

table.display td, table.price td, table.price2 td, table.providers-grid td
{
    padding: 4px;
    border-bottom: dotted 1px #B5B5B5;
    font-size: 11px;
}

table.providers-grid{
   /* width: 500px; */
}


table.providers-grid td
{
    font-size: 12px;
}

table.providers-grid td span.provider-icon
{
    float: left; 
    margin-right: 4px;
}

table.display tr:hover
{
    background-color: #E0E0E0;
}
table.display tr:hover th
{
    background-color: #fff;
}

table.price tr:hover
{
    background-color: #E0E0E0;
}

table.price tr:hover th
{
    background-color: #fff;
}

table.price td
{
    vertical-align: middle;
    padding: 4px 0 4px 4px;
}

table.price td.cost
{
    text-align: right;
    font-weight: bold;
}

table.price td.cost a
{
    margin-left: 5px;
}

table.price td a, table.price .no-link
{
    padding-right: 3px;
    font-weight: bold;
    font-size: 12px;
}

table.price td a img
{
    position: relative; top: 1px;
}

table.price td a.img, table.price2 td a.img
{
    position: relative;
    top: 1px;
}

table.price2 td
{
    padding: 4px;
}

table.price2 td a.img
{
    margin-left: 5px;
}

table.price2 td.cost
{
    text-align: right;
    font-weight: bold;
}

table.price2 tr:hover
{
    background-color: #E0E0E0;
}

table.price2 tr:hover th
{
    background-color: #fff;
}

table.display td.center, table.providers-grid th.data-center, table.providers-grid td.connection-speed
{
    text-align: center;
}

table.display td.dark, table.price td.dark
{
    font-weight: bold;
}

table.display th, table.price th, table.price2 th, table.providers-grid th
{
    text-align: left;
    vertical-align: bottom;
    padding: 0 0 5px 0;
    border-bottom: dotted 1px #B5B5B5;
}

table.price th, table.price2 th, table.providers-grid th
{
    color: #972F2C;
}

table.price2 th
{
    text-align: left;
}

table.display th.highlight
{
    color: #972F2C;
}

table.center-display th
{
    vertical-align: bottom;
    padding: 0 0 4px 0;
    color: #000;
    border-bottom: dotted 1px #b5b5b5;
}

table.center-display tr:hover
{
    background-color: #E0E0E0;
}

table.center-display tr:hover th
{
    background-color: #fff;
}

table.center-display td
{
    text-align: center;
    border-bottom: dotted 1px #b5b5b5;
    vertical-align: middle;
    padding: 4px 0 4px 4px;
}

.two-col-left, .two-col-right
{
    float:left;
    width:325px;
}

.two-col-left
{
    margin-right: 20px;
}

.three-col, .three-col-mobile-app-side, .device-photo
{
   float: left;
   width: 200px;
   text-align: center;
}

.device-photo
{
  height: 320px;
}

.magnify
{
  height: 34px
}

.three-col-mobile-app-side
{
    width: 55px;
    margin-top: 150px;
}

.title-tag
{
    width: 190px;
    position: relative;
    top: 2px;
    vertical-align: middle;
}

.sitemap-three-col
{
    float: left;
    width: 230px;
    text-align: left;
}

.sitemap-top
{
    font-weight:bold;
    font-size: 14px;
    text-decoration: underline;
}

.sitemap-three-col ul li ul
{
    list-style:square outside none;
}

.clear
{
    clear:both;
    height: 0px;
    overflow: hidden;
}

td span.attention
{
    color: #972F2C;
    font-size: 14px;
    font-weight: bold;
    display: none;
    text-align: center;
    top: 4px;
}

td.prDate
{
    width: 75px; 
    color:#972f2c; 
    font-weight: bold;
}

td.prColSpacer
{
    width: 15px;
}

tr.prRowSpacer
{
    height: 5px;
}

body > #wrapper
{
    height: auto;
    min-height: 100%;
}

ul
{
    list-style: square;
}

ul.arrow, ul.arrow-horizontal, ul.arrow-left-just, ul.sitemap-arrow
{
    list-style-image: url(https://vpn.mia01.softlayer.com/prx/000/http/localhost/login/arrow_red.jpg);
    list-style-position: outside;
}

ul.arrow li
{
    padding: 0 0 5px 0;
}

ul.arrow-horizontal
{
    list-style-position: inside;
    margin: 0;
}

ul.arrow-horizontal li
{
    float: left;
    padding: 0;
    margin: 0 10px 0 0;
}

ul.arrow-left-just
{
    list-style-position: inside;
    margin-left: 0px;
    padding-left: 0px;
}

#wrapper
{
    width: 993px;
    min-height: 100%;
    margin: 0 auto 0;
    background-color: #fff;
}

* html #wrapper
{
    height: 100%;
}

/* non-IE specific */
html>body #wrapper
{
    width: 994px;
    margin: 0 auto 0;
}



fieldset.portallogin
{
    border: none;
    padding: 0;
    margin: 0;
    height: 85px;
}

fieldset.portallogin legend
{
    display: none;
}

fieldset.portallogin .formitemrow
{
    clear: both;
}

fieldset.portallogin .formitemrow .formitem
{
    float: left;
    padding: 0;
}

fieldset.portallogin .formitem select
{
    font-size: 12px;
    width: 200px;
    border: solid 1px #b4b4b4;
}

fieldset.portallogin .formitem label
{
    display: block;
    font-size: 11px;
}

fieldset.portallogin .formitem label.break
{
    display: inline;
    cursor: pointer;
    position: relative;
    top: -2px;
    left: -2px;
    font-size: 8px;
}

fieldset.portallogin .input
{
    border: solid 1px #b5b5b5;
}

#right-content ul
{
    margin-top: 8px;
}

#right-content ul li
{
    font-size: 11px;
}

#right-content strong
{
    margin: 0px 0px 0px 12px;
}

#right-content span.phone
{
    float: right;
    *float: none;
    margin: 0px 95px 0px 0px;
}

#right-content #vip_banner
{
    margin: 5px 0px 0px 0px;
}

#right-content table
{
    font-size: 11px;
}

.portal
{
    padding: 0 0 4px 0;
    position: relative;    
    height: 15px;
    background-image: url('https://vpn.mia01.softlayer.com/prx/000/http/localhost/login/layout/bg.png');
    background-repeat: no-repeat;
    font-weight: bold;
    margin: 20px 0px 9px 0px;
}

.portal:first-child
{
    margin: 10px 0px 9px 0px;
}

.portal div
{
    position: relative;
    top: 2px;
    color: #fff;
}

.portal div.portal-title
{
    float: left;
    left: 8px;    
}

.portal div.portal-link
{
    float: right;
    right: 6px;
}

/*h5.portal span
{
    position: absolute;
    top: 1px;
    right: 0;
    padding: 0 4px 0 4px;
}*/
    
.portal div a
{
    text-decoration: underline;
    padding: 0;
    margin: 0;
    color: #fff;
}

.portal div a:hover
{
    text-decoration: none;
}


.submit
{    
    border: none;
    cursor: pointer;
    margin-top: 4px;
}




*
{
    font-family: helvetica, Verdana, Arial, Geneva, Tahoma, sans-serif;    
}

/* Modal Dialog */
.jqmWindow {
    display: none;

    position: fixed;
    top: 50px;

    /*margin-left: -300px;*/

    background-color: #fff;
    color: #000;
    border: 1px solid black;
    text-align: center;
    z-index: 3;
}

/*.jqmWindow iframe
{
    width: 900px;
    height: 600px;
}*/


.jqmOverlay
{
    background-color: #000;
    filter:alpha(opacity=50);
    opacity: 0.5;
    -moz-opacity:0.5;
}

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
    width: expression(this.parentNode.offsetWidth+'px');
    height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}
/* Modal Dialog */





/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url(https://vpn.mia01.softlayer.com/prx/000/http/localhost/login/overlay.png) 0 0 repeat;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(https://vpn.mia01.softlayer.com/prx/000/http/localhost/login/controls.png) -100px 0 no-repeat;}
    #cboxTopRight{width:21px; height:21px; background:url(https://vpn.mia01.softlayer.com/prx/000/http/localhost/login/controls.png) -129px 0 no-repeat;}
    #cboxBottomLeft{width:21px; height:21px; background:url(https://vpn.mia01.softlayer.com/prx/000/http/localhost/login/controls.png) -100px -29px no-repeat;}
    #cboxBottomRight{width:21px; height:21px; background:url(https://vpn.mia01.softlayer.com/prx/000/http/localhost/login/controls.png) -129px -29px no-repeat;}
    #cboxMiddleLeft{width:21px; background:url(https://vpn.mia01.softlayer.com/prx/000/http/localhost/login/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(https://vpn.mia01.softlayer.com/prx/000/http/localhost/login/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(https://vpn.mia01.softlayer.com/prx/000/http/localhost/login/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(https://vpn.mia01.softlayer.com/prx/000/http/localhost/login/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(https://vpn.mia01.softlayer.com/prx/000/http/localhost/login/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(https://vpn.mia01.softlayer.com/prx/000/http/localhost/login/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(https://vpn.mia01.softlayer.com/prx/000/http/localhost/login/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(https://vpn.mia01.softlayer.com/prx/000/http/localhost/login/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(https://vpn.mia01.softlayer.com/prx/000/http/localhost/login/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=..//prx/000/http/localhost/login/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=..//prx/000/http/localhost/login/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=..//prx/000/http/localhost/login/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=..//prx/000/http/localhost/login/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=..//prx/000/http/localhost/login/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=..//prx/000/http/localhost/login/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=..//prx/000/http/localhost/login/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=..//prx/000/http/localhost/login/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}