/* 
 * These styles are for specific pages. 
 * If a page specific style ends up getting used in multiple places, it should be moved into main.css.
 */



/***************************************************************************
 * Stuff for the home page
 ***************************************************************************/

/* Slider CariNet */
#slider {
	width:965px; 
	height:280px; 
	background-image:url(/assets/images/slider-carinet.jpg); 
	float:left;
	margin-bottom: 12px;
}
/*#Slider-Info {width:965px; height:280px; float:left; margin-left:8px}*/

/* Services Buttons */
#mainButtons {
}
#mainButtons a {
        background-repeat: no-repeat;
        color: white;
        display: block;
        float: left;
        font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
        height: 167px;
        text-decoration: none;
        text-align: center;
        width: 193px;
}
#mainButtons a:hover { color: #0099FF; }
#mainButtons span {
        display: block;
        font-size: 12pt;
        font-weight: bold;
        padding-top: 130px;
}
#buttonWhatisApplogic { background-image:url(/assets/images/whatis-applogic-img.jpg); }
#buttonCloudHosting { background-image:url(/assets/images/cloud-computing-img.jpg); }
#buttonCloudOnDemand { background-image:url(/assets/images/managed-servers-img.jpg); }
#buttonCustomClouds { background-image:url(/assets/images/support-img.jpg); }
#buttonDedicatedServers { background-image:url(/assets/images/dedicated-servers-img.jpg); }
#buttonServerClusters { background-image:url(/assets/images/server-clusters-img.jpg); }

/* Principal Information */
#mainInfo {
        background-image: url(/assets/images/principal-information.jpg);
        background-repeat: no-repeat;
        color: white;
        float: left;
        font-size: 12pt;
        height: 170px;
	margin-bottom: 20px;
        padding: 40px;
        text-align: justify;
}


/* COMPARE ALL PAGE */
/* Bump the content over a bit */
#comparePage #content {
	padding-left: 5px;
}
.compareTable {
        font-size: 10px !important;
        font-family: Verdana, 'Lucida Grande', 'Trebuchet MS', Arial, Helvetica, sans-serif;
		width: 680px;
        /*width: 715px;*/
        /**margin-left: 25px;
        *margin-right: 25px;*/
}
.compareTable a {
	font-size: 10px;
}
.compareTable .rowOdd td, .compareTable .rowEven td {
        border-bottom: dotted 1px silver;
}
.compareTableHeaders {
        text-align:center;
        background-color: #5183A7;
        color: #FFFFFF;
        font-weight: bold;
}
.processorHeader {
        text-align: center;
        font-size: 12px !important;
        color: white;
        font-weight: bold;
        background-color: #336A92;
        width: 150px
}
.priceOptionsHeader {
        text-align:center;
        font-size: 12px !important;
        background-color: #336A92;
        color: white;
        font-weight: bold;
        width: 180px; 
}
.hardwareHeader {
        text-align: center;
        font-size: 12px !important;
        background-color: #336A92;
        font-weight: bold;
        color: white;
        width: 340px;
}
.buyNowHeader {
        text-align: center;
        font-size: 12px !important;
        color: white;
        font-weight: bold;
        background-color: #336A92;
        width: 110px
}
.compareTable td .cpu {
        font-weight: bold;
}

table.gridComparison td {
        border-left: 1px solid gray;
}

table.tableBackup, table.compare_table {
        border:1px solid #e0e0e0;
}
table.tableBackup td {
        font-size:11px;
}
table.tableBackup tr.headings th {
        padding-left:15px;
        font-size:11px;
}
table.tableBackup tr th {
        color:#6d6d6d; 
}
.compareTable .highlightText {
	font-size: 10px;
}



/* PARTNERS PAGE */
div.imagePartnerContainer {margin:10px 0px 25px; text-align:center;}
div.imagePartner {display:inline; text-align:center;}
img.imagePartner {padding:5px 20px;}


/***********************************************************************
 * Server overview
 ***********************************************************************/
table#serverOverviewThumbs {
	border: none;
}




/***********************************************************************
 * Thumbnails for display with slimbox 
 ***********************************************************************/

a.cloudThumbs {
        height:194px;
        width:300px;
        margin: 0px 30px 20px 0px;
}
a#starterCloudThumb {
        background: transparent url('/assets/images/thumbnails/Dev 3Tera Cloud thumbnail.png') no-repeat scroll left top;
}
a#onDemandThumb {
        background: transparent url('/assets/images/thumbnails/On-Demand 3Tera Cloud thumbnail.jpg') no-repeat scroll left top;
}
a#hybridThumb {
        background: transparent url('/assets/images/thumbnails/Hybrid 3Tera Cloud thumbnail.jpg') no-repeat scroll left top;
}


div#clusters_overview_thumbs{
        height:274px;
        }
div#clusters_overview_thumbs.spod_density {
        height:207px;
        margin-top:10px
}
a#basic_cluster_small_thumb{
        background:transparent url(/assets/images/thumbnails/2008-07-08-Basic-Cluster-thumb.jpg) no-repeat scroll center top;
        height:130px;
        width:200px;
}
a#secure_cluster_small_thumb{
        background:transparent url(/assets/images/thumbnails/VLAN-firewall-cluster-thumb.jpg) no-repeat scroll left top;
        height:130px;
        margin-left:5px;
        width:200px;
}
a#lb_cluster_small_thumb{
        background:transparent url(/assets/images/thumbnails/VLAN-firewall-load-balanced-cluster-thumb.jpg) no-repeat scroll left top;
        height:130px;
        margin-left:5px;
        width:200px;
}
a#swb_cluster_small_thumb{
        background:transparent url(/assets/images/thumbnails/Firewall-load-balanced-cluster-with-backups-thumb.jpg) no-repeat scroll left top;
        height:130px;
        margin:7px 5px 0pt 90px;
        width:215px;
}
a#custom_cluster_small_thumb{
        background:transparent url(/assets/images/thumbnails/Network-Layout-Open-Life-Grid-thumb.jpg) no-repeat scroll left top;
        height:130px;
        margin:7px 0pt 0pt;
        width:185px;
}
a#basic_cluster_thumb{
        background:transparent url(/assets/images/thumbnails/VLAN-firewall-load-balanced-cluster-bigthumb.jpg) no-repeat scroll left top;
        height:383px;
}
a#load_balancing_cluster_thumb{
        background:transparent url(/assets/images/thumbnails/VLAN-firewall-load-balanced-cluster-bigthumb.jpg) no-repeat scroll left top;
        height:383px;
}
a#secure_cluster_thumb{
        background:transparent url(/assets/images/thumbnails/VLAN-firewall-cluster-bigthumb.jpg) no-repeat scroll left top;
        height:383px;
}
a#secure_cluster_backup_thumb{
        background:transparent url(/assets/images/thumbnails/Firewall-load-balanced-cluster-with-backups-bigthumb.jpg) no-repeat scroll left top;
        height:383px;
}
a#custom_cluster_thumb{
        background:transparent url(/assets/images/thumbnails/Network-Layout-Open-Life-Grid-bigthumb.jpg) no-repeat scroll left top;
        height:426px;
}
div#cooling_spods_thumbs{
        height:428px;
        }
a.spod_thumbs{
        height:196px;
        width:300px;
        margin: 0px 30px 20px 0px;
        }
a#spods1_thumb{
        background:transparent url(/assets/images/thumbnails/spod-buildout-x-thumb.jpg) no-repeat scroll left top;
        }
a#spods2_thumb{
        background:transparent url(/assets/images/thumbnails/spod-buildout-x2-thumb.jpg) no-repeat scroll left top;
        }
a#spods3_thumb{
        background:transparent url(/assets/images/thumbnails/spod-buildout-x3-thumb.jpg) no-repeat scroll left top;
        }
a#spods4_thumb{
        background:transparent url(/assets/images/thumbnails/spod-buildout-x4-thumb.jpg) no-repeat scroll left top;
        }
a.density_thumb{
        height:196px;
}
a#spod5_thumb{
        background:transparent url(/assets/images/thumbnails/spod-buildout-x5-thumb.jpg) no-repeat scroll left top;
        margin-left:23px;
        width:280px;
}
a#pod_1_2_thumb{
        background:transparent url(/assets/images/thumbnails/Pod-1.0-and-2.0-thumb.jpg) no-repeat scroll left top;
        margin-left:7px;
        width:280px;
}

div.iBizBackup_thumbs {
        height: 180px;
}
a.iBizBackup_thumb{
        height:177px;
        width:260px;
        margin: 0px 30px 20px 0px;
        }

a#iBizBackup_jobs_thumb{
        background:transparent url(/assets/images/thumbnails/iBizBackup-jobs-thumb.png) no-repeat scroll left top;
        }
a#iBizBackup_media_thumb{
        background:transparent url(/assets/images/thumbnails/iBizBackup-media-thumb.png) no-repeat scroll left top;
        }
a#iBizBackup_settings_thumb{
        background:transparent url(/assets/images/thumbnails/iBizBackup-settings-thumb.png) no-repeat scroll left top;
        }
a#iBizBackup_files_thumb{
        background:transparent url(/assets/images/thumbnails/iBizBackup-files-thumb.png) no-repeat scroll left top;
        }






#amandaNotice {
        border: 2px dotted #CC3300;
        padding: 8px;
        color:#666;
        font-size:18px;
        margin: 30px 0 20px 0;
}



td.survey_table_header
{
        background: transparent url(/assets/images/bg/bg-grad-gray-striped.png) no-repeat scroll right top;
}

td.survey_table_header h2
{
        color: white !important;
        margin-top: 0px;
}

#pleskUpgradeNote {
        background-color: #FFFFCC;
        margin: 10px;
        padding: 10px 15px 0;
}
#pleskUpgradeNote h4 {
        color: #660000;
}


/* Datacenter videos */
#videoLinksNav {
        margin-bottom: 8px;
}
#videoLinksNav h4{
        font-size: 18px;
        margin-bottom: 7px;
}
#videoLinksNav ul{
        height: 18px;
        margin-left: 11px;
}
#videoLinksNav ul li{
        float: left;
        margin-right: 20px;
}
#videoLinksNav ul li a{
        background: transparent url(/assets/images/bg/movie.gif) no-repeat scroll 0% 50%;
        color: #999;
        font-weight: bold;
        padding: 0px 0px 0px 20px;
}
#videoLinksNav ul li a.current{
        background: transparent url(/assets/images/bg/movie-gray.gif) no-repeat scroll 0% 50%;
        color: #444;
}
ul.nodots {
        list-style-position: outside;
        list-style-type: none;
}

/*========SD CAMPUS==========*/

div.color_legend_content{
        border:1px solid #CCCCCC;
        height:18px;
        margin-bottom:15px;
        padding:5px;
}
div.color_legend_content li{
        float: left;
        margin-bottom: 5px;
}
span.color{
        border:1px solid #666666;
        display:block;
        float:left;
        height:16px;
        margin-right:5px;
        width:16px;
}
span.color_legend{
        color:#666666;
        display:block;
        float:left;
        font-size:11px;
        margin-right:15px;
}
span.red{
        background-color:#FF0000;
}
span.yellow{
        background-color:#FFCC00;
}
span.blue{
        background-color:#3366FF;
}
span.green{
        background-color:#00CC00;
}
span.black{
        background-color:#000000;
}
span.gray{
        background-color:#999999;
}
span.green_gray{
        background:transparent url(/assets/images/icons/green-gray.gif) no-repeat scroll left bottom;
}

/***************************************************************************
 * Search results page
 ***************************************************************************/

#ajaxSearch_form label {
	border-bottom: none;
	width: 170px;
}
#ajaxSearch_input {
	margin-top: 8px;
}

/***************************************************************************
 * Sitemap page
 ***************************************************************************/

#sitemap ul {
	list-style-type: none;
}
#content #sitemap ul ul {
	margin-left: 30px; /* Override the usual 20px */
}
#sitemap ul li {
	margin-top: 3px;
}
/* Separate each list */
#sitemap li.sitemapOuter {
	margin-bottom: 20px;
}
#sitemap a.sitemapOuterLink {
	font-weight: bold;
}

#customClouds h3 a {
	font-size: 12pt;	
	font-weight: bold;
}

/***************************************************************************
 * News page
 ***************************************************************************/

#content_news_box .rowNews {
        /*display: none;*/
}

#content_news_box.all .rowNews {
        display: block;
}
_box .newsCounter1,
#content_news_box .newsCounter2,
#content_news_box .newsCounter3,
#content_news_box .newsCounter4,
#content_news_box .newsCounter5,
#content_news_box .newsCounter6 {
        display: block;
}

#content_news_box .showall {
        background: url(/assets/images/buttons/news-show-all.png) no-repeat scroll left top;
        display:block;
        width:92px;
        height:36px;
        margin: 22px 0px 0px 44px;
        cursor: pointer;
}

#content_news_box .showall:hover {
        background-position: left -35px;
}

.rowNews .news_datepub {
        bottom: 0px; 
        position: absolute;
        color: #3DA4D9;
        font-size: 10px;
        margin-left: 31px;
}

.rowNews {
        min-height:85px; 
        _height:85px;
        padding:0px 5px 5px 160px;
        margin:10px 15px 0px;
        border-bottom:1px solid #E0E0E0;
        clear:both;
        position:relative;
        background:no-repeat left top;
}
.rowNewsAlt {
        padding:0px 160px 5px 5px;
        background-position:bottom right;
}
.rowNewsLast {
        border-bottom:0px;
}
.rowNews h6 {
        padding:2px;
        position:absolute; left:0px; top:0px;
        background:#666;
        color:#fff;
}
.rowNews h3 {
        margin:0px 0px 0px; _margin-top:5px;
        padding:0px;
        /* line-height:.6; */
}
.rowNews h3 a {
        color:#000;
        font-size:18px;
        font-weight:normal;
        letter-spacing:-1px;
        text-decoration:none;
}
.rowNews h3 a:hover {
        color:#2a70cf;
        text-decoration:underline;
}
.rowNews p {
        color:#3c3f3d;
        font-size:11px;
        padding: 3px 0px 0px; 
}
.rowNews .buttonMore {width:58px;
        padding-top:15px;
        position:absolute; bottom:0px; right:0px;
}
.rowNewsAlt .buttonMore {}
.rowNewsLast .buttonMore {
        padding-top:19px;
        bottom:-2px;
}
a.more_news_button{
    background:transparent url(/assets/images/buttons/btn-news-more.png) no-repeat scroll left top;
    bottom:0px;
    height:17px;
    position:absolute;
    right:0px;
    width:62px;
    overflow:hidden;
    text-indent:200px;
}

a.more_news_button:hover { 
   background-position:0px -17px;
}


/* Cloud pages */
a.orderCloudNowButton {
        position: absolute;
        height: 28px;
        width: 100px;
        background: transparent url(/assets/images/buttons/order-now-blue.png) no-repeat scroll left top;
        text-indent: -5000px; /* Pushes the link text out of view */
        top: 280px;
        left: 110px;
}
a.orderCloudNowButton:hover {
        background-position:0px -28px;
}
a.orderCloudNowButton:active {
        background-position:0px -56px;
}





/*Add ons list*/


#addonsList-box {
	width:530px;
	height:195px;
	padding-top:20px;
	margin:auto;
	}

#addonsList {
	width:auto;
	float:left;
	font-size:12px;
	}

#addonsList ul {
	list-style:none;
	padding:0px;
	margin:0px;
	}
	
#addonsList li {
	/*padding:16px 8px 4px 60px;*/
	height:56px;
	width:260px;	
	}	

#addonsList li a {
	padding:16px 8px 18px 60px;
	text-decoration:none;
	color:#333;
	}

#addonsList li a:hover {
	text-decoration:underline;
	color:#3CF;
	}





#addons_70 {
background:url(/assets/images/addons/add70.jpg) top left no-repeat;
height:50px;
}

#addons_70:hover {
background-position:0 -50px;
}


#addons_71 {
background:url(/assets/images/addons/add71.jpg) top left no-repeat;
height:50px;
}

#addons_71:hover {
background-position:0 -50px;
}
	
#addons_140 {
background:url(/assets/images/addons/add140.jpg) top left no-repeat;
height:50px;
}

#addons_140:hover {
background-position:0 -50px;
}	

#addons_141 {
background:url(/assets/images/addons/add141.jpg) top left no-repeat;
height:50px;
}

#addons_141:hover {
background-position:0 -50px;
}	


#addons_142 {
background:url(/assets/images/addons/add142.jpg) top left no-repeat;
height:50px;
}

#addons_142:hover {
background-position:0 -50px;
}		


#addons_143 {
background:url(/assets/images/addons/add143.jpg) top left no-repeat;
height:50px;
}

#addons_143:hover {
background-position:0 -50px;
}	

	
#addons_144 {
background:url(/assets/images/addons/add144.jpg) top left no-repeat;
height:50px;
}

#addons_144:hover {
background-position:0 -50px;
}		

	
#addons_145 {
background:url(/assets/images/addons/add145.jpg) top left no-repeat;
height:50px;
}

#addons_145:hover {
background-position:0 -50px;
}		


/***************************************************************************
 * Cloud Reseller pages
 ***************************************************************************/

#cloudReseller #locationPath {
	padding-bottom: 5px;
}
#cloudReseller span.locationPathSeparator {
	background: url(/assets/images/icons/gray-arrow.gif) top left no-repeat;
	margin: 0 0 0 10px;
	padding: 0 10px 0 0;
}
#cloudReseller #resellerProfile p {
	padding: 0 0 5px 0;
}
#cloudReseller #resellerProfile td.right p {
	text-align: right;
}
/* Override the default table styling on the ModifyProfile page */
#cloudReseller table#mapAddress {
	border: none;
}
#cloudReseller table#mapAddress td {
	padding: 0px;
}

#cloudReseller table#table thead{
	width: 98%; 
}
#cloudReseller table#table th a ,
#cloudReseller table#table th a:active  {
  outline: none;
}
table#table td { 
	text-align: right; 
	padding: 0.3em 0.5em; 
	border-left: 1px solid #cccccc; 
	border-right: 1px solid #cccccc; 
}
table#table th { 	
	border: 1px solid #cccccc; 
}
table#table tr { 
	background: #f6f6f6 url(ui-lightness/images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x;
}
table#table tr.odd { 
	background: white;
}
table#table caption {
	margin: 0 0 1em 0;
	text-align: left; 
	padding: 0.3em 0.3em; 
}
table#table th a {	
	padding: 0.5em 2em 0.5em 0.7em; 
	display: block;
	line-height: 1;
	color: black;
	border: 0 !important;
	position: relative;
}
table#table th.ui-table-desc a {	
	background: url(desc.gif) right center no-repeat;
}
table#table th.ui-table-asc a{	
	background: url(asc.gif) right center no-repeat;
}
table#table th.ui-table-desc a:hover,	
table#table th.ui-table-desc a:active,	
table#table th.ui-table-desc a:focus, 
table#table th a:hover,	
table#table th a:active,	
table#table th a:focus{	
	background: url(asc.gif) right center no-repeat;
}
table#table th.ui-table-asc a:hover, 
table#table th.ui-table-asc a:active, 
table#table th.ui-table-asc a:focus{	
	background: url(desc.gif) right center no-repeat;
}


/***************************************************************************
 * On-Demand Cool Sliders
 ***************************************************************************/

#onDemandSlider {
	width: 680px;
}
#onDemandSlider .fd-slider {
	border: none;
	display: block;
	height: 20px;
	position: relative;
	text-align: center;
	text-decoration: none;
	width: 680px;
	margin-bottom: 20px;
	margin-top: 5px;
}

#onDemandSlider .fd-slider-inner {
	background: #FCFCFC none repeat scroll 0 0;
	border: 1px solid #CCCCCC;
	display: block;
	height: 18px;
	position: relative;
	text-align: left;
	z-index: 1;
}
#onDemandSlider .fd-slider-bar {
	background:#DDDDDD none repeat scroll 0 0;
	border-color:#BBBBBB #AAAAAA #AAAAAA #BBBBBB;
	border-style:solid;
	border-width:1px;
	display:block;
	height:2px;
	line-height:4px;
	margin:0;
	overflow:hidden;
	position:absolute;
	z-index:2;
}
#onDemandSlider .fd-slider-handle {
	/*background:transparent url(/assets/images/slider-disabled.png) no-repeat scroll 0 0;*/
	background:transparent url(/assets/images/slider2.gif) no-repeat scroll 0 0;
	border:0 none;
	cursor:w-resize;
	display:block;
	/* originally 20h x 80w */
	height:20px;
	width:31px;
	left:0;
	margin:0;
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:0;
	padding:0;
	position:absolute;
	top:0;
	z-index:3;
	/*border: 1px solid black;*/
}
#onDemandSlider input {
	border-color:#888888 #CCCCCC #CCCCCC #888888;
	border-style:solid;
	border-width:1px;
	margin-left:0.2em;
	width:2em;
}
#onDemandSlider .fd-slider-hover {
}
#onDemandSlider .fd-slider-hover button:hover {
	background-position: 0 0 !important;
	/*border: 2px solid red;*/
	/*background:transparent url(/assets/images/slider-1.png) no-repeat scroll 0 0;*/
}
#onDemandSlider .sliderScale {
	width: 134px;
	float: left;
	text-align: center;
	border: 1px dotted gray;
	font-weight: bold;
	font-size: 14px;
}
#onDemandSlider .sliderScale:hover {
	border: 1px dotted lightblue;
	background-color: #DDDDDD;
}
#onDemandSlider .sliderPrice {
	font-style: italic;
	font-weight: normal;
	font-size: 12px;
}
/* selected price option */
#onDemandSlider .scaleSelected, #onDemandSlider .scaleSelected:hover {
	background-color: lightblue;
}

/* The actual progress bars */
#onDemandSlider #progressBars table {
	border: none;
}

#onDemandSlider #progressBars td {
	padding: 0 0 20px 0;
}
#onDemandSlider #progressBars tr {
}
#onDemandSlider #progressBars .progressDescription {
	font-size: 12px;
	padding-left: 5px;
}
#onDemandSlider #progressBars .progressDescription strong {
	font-size: 14px;
}
#onDemandSlider #progressBars .progressDescription span {
	padding-left: 10px;
}
#onDemandSlider #progressBars #progressScale {
}
#onDemandSlider #progressBars .scalePart {
	float: left;
	/*border: 1px dotted black;*/
	text-align: right;
}
/* Adjust the width for each attribute */
#onDemandSlider #progressBars #scaleCpu .scalePart {
	width: 61px;
}
#onDemandSlider #progressBars #scaleMem .scalePart {
	width: 41px;
}
#onDemandSlider #progressBars #scaleDisk .scalePart {
	width: 54px;
}
#onDemandSlider #progressBars #scaleBand .scalePart {
	width: 50px;
}
#onDemandSlider #onDemandBuyLink {
}
/* Buy link in the sidebar */
#sideNavBuyNow {
	margin-top: 30px;
	text-align: center;
	/* force the width to match the sidenav graphic */
	width: 200px;
}
#onDemandBuyLink2 {
	margin-left: auto;
	margin-right: auto;
}













/***************************************************************************
 * Westmere link
 ***************************************************************************/

.billboardText #westmereNotice {
	color: white;
	font-size: 16pt;
	left: 60px;
	line-height: 1.4em;
	position: relative;
	top: 135px;
	width: 600px;
}
.billboardText #westmereNotice em {
	color: red;
}
.billboardText #westmereNotice a {
	color: white;
	font-size: 16pt;
	margin-left: 30px;
}
.billboardText #westmereNotice span {
	font-size: 10pt;
	margin-left: 2px;
}