﻿html{
	overflow-y:scroll; /* Force scrollbars 100% of the time - none ie browsers*/
}

body{
	padding:0;
	margin:0;
	font-family:"Segoe UI", "Helvetica Neue", Arial, sans-serif;
	color:#353535;
	background-color:#E0E0E0;
	line-height:21px;
	font-size:14px;
}



/* ~Link Styles 
**************************/
a, a:visited{
	color: #18ADF9;
	text-decoration: none;
	outline:0;
}
a:hover{
	color:#18ADF9;
}

img{
	border:	none;
}

p a,.arrow a{
	border-bottom:1px solid #ccc;
}
p a:hover,.arrow a:hover{
	border-bottom:1px solid #888;
}

/* ~Typography - Headers  
**************************/
h1,h2,h3,h4,h5,h6{
	color: #1390BD;
	font-size:100%;
}

h1{
	font-size: 36px;
	line-height:38px;
	font-weight:bold;
	padding-bottom:7px;
	color:#444;
}

h1 span{
	font-weight:lighter;
	color:#888;
}

h2{
	font-size:21px;
	line-height:24px;
}

h3{
	font-size:16px;
	color: #18ADF9;
	font-style:normal;
	font-family:Geneva, Arial, Helvetica, sans-serif;
}

h4{
	font-size:16px;
	color: #444444;
	font-style:normal;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
}

h5{
	font-size:16px;
	color: #444444;
	font-style:normal;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	text-align: left;
}
.float_l {
	float: left;

	padding: 5px;
	  	margin: 5px 10px 10px 0px;
	vertical-align:top;
	
}

.float_r {
	float: right;

	padding: 5px;
	vertical-align:top;
	  	margin: 5px 0px 10px 10px;  
}


.float_l_img {
	float: left;
		background: #fafafa;
   border: 1px solid #dcdcdc;
	padding: 5px;
	  	margin: 5px 10px 10px 0px;
	vertical-align:top;
	
}

.float_r_img {
	float: right;
		background: #fafafa;
   border: 1px solid #dcdcdc;
	padding: 5px;
	vertical-align:top;
	  	margin: 5px 0px 10px 10px;  
}



.textalign{
	vertical-align:top !important;
	list-style-position: outside;
	padding-left:15px;
}

/* ~General Formatting 
**************************/
p, ol, h1, h2, h3, h4, h5, h6, img, table{
	margin:0 0 15px;
	padding: 0;
	vertical-align:text-top;
	text-align: left;
}

ul ul, ol ol{
	padding-bottom:0;
}

.contentWrapper li{
	margin:0 0 0 40px;
	list-style:disc outside none;
}

.contentWrapper ol > li{
	list-style:decimal outside none;
	list-style-position: outside;
}



/* ~Helper Classes
**************************/
.clearBoth{clear: both;}
.txt_center{text-align:center;}
.txt-left{text-align:left;}
.txt-right{text-align:right;}
.mainTagline{
	color:#888;
	font-weight:lighter;
	font-size:21px;
	line-height:24px;
}


/* ~Page Layouts
**************************/
#outerWrapper { 
	background:	#fff url('images/common-page-shadow-v1.png') repeat-y 0 bottom;
	margin: 0 auto;
    padding: 9px 50px 0;
    width: 919px;
}

.contentWrapper{
	float:left;
	width:869px;
	padding: 0px;
}

/*CLEAR FIX*/
#wrapper:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#left8020{
	float:left;
	width:605px;
}

#right8020{
	float:right;
	width:250px;
}

.bottom-right{
			width:500px;
			float:right;
			position:relative;
			}
			
.bottom-text {
	color:#adaead;
	font-size: 12px;
	}

/* ~Header (- menu) 
************************************/
.header{
	position:				relative;
	padding:0 2px 0 0;
}


.search-box{
	float:right;
	clear:both;
}

.search-box input[type="text"] {
    width:265px;
    padding: 2px;
    color: #888;
    height: 16px;
}




/* END HEADER *************************/


/* ~Footer
***************************************/
.footer{
	width: 960px;
	margin: 0 auto;
	background: transparent url(images/footerimage.png) no-repeat;
	padding-top:5px;
}
.footer a{
	color:#888;
}
.footer a:hover{
	color:#444;
}
.footer ul{float:left;}

.footer li{
	float:left;
	list-style:none;
	margin:0 20px 0 0;
}

.footer .float_r{
	width:200px;
}

.footer{font-size:13px;line-height:21px;}
.footer-sitemap{padding-left:43px;}
.footer-column{width:165px;}
.footer-column li{clear:both;}
.footer-right{float:right;width:190px;padding-top:10px;text-align:right;margin-right:55px;}


.li-header{padding-top:10px;}
.li-header a{font-weight:bold; color:#444;}
.li-header a:hover{color:#000;}
.copyright-section{padding:0px 0 10px 0px;margin-top:10px;text-align:right;color:#888}
.copyright-section ul{padding:0;}


/* END FOOTER *************************/


/*** Sub Box styles on the feature pages - retire ***/
.sub-box-container{
	overflow:hidden;
}

.sub-box{
	float:left;
	width:179px;
	padding:7px;
	margin-right:5px;
	border:1px solid #e4e4e4;
	text-align:center;
	border-radius:5px;
	background:#fff url(file:///C|/Users/Anna/AppData/Local/Microsoft/Windows/Temporary Internet Files/publishingimages/common/cellGradient.png) top left repeat-x;
}

.sub-box p{
	display:table-cell;
	min-height:74px;
	vertical-align:middle;
	padding:0;
}

.sub-box a{
	display:block;
	height:38px;
	margin:0 auto;
	line-height:38px;
	background:transparent url(file:///C|/Users/Anna/AppData/Local/Microsoft/Windows/Temporary Internet Files/publishingimages/common/bg-sub-box.png) top center no-repeat;
	color:#fff;
	text-shadow:1px 1px 0 rgba(0,0,0,.3);
}

.sub-box a:hover{
	background-position:bottom center;
	color:#fff;
}

.last-sub{
	margin-right:0;
}




/* ~Menu
******************************/
.menu{
	border:none;
	border:0px;
	margin:0px;
	padding:0px;
	font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	}



.menu ul{
	background:#2BADDC;
	height:35px;
	list-style:none;
	margin:0;
	padding:0;
		font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	font-size:14px;
	
	}
	.menu li{
		float:left;
		padding:0px;
	border-right:  solid 2px #FFFFFF;
		}
	.menu li a{
		background:#2BADDC url("images/seperator.gif") bottom right no-repeat;
		color:#ffffff;
		display:block;
		font-weight:normal;
		line-height:35px;
		margin:0px;
		padding:0px 10px;
		text-align:center;
		text-decoration:none;
		
		}
		.menu li a:hover, .menu ul li:hover a{
			background: #2580a2;
			color:#FFFFFF;
			text-decoration:none;

			}
	.menu li ul{
		background:#2BADDC;
		display:none;
		height:auto;
		padding:0px;
		margin:0px;
		border:0px;
		position:absolute;
		width: 200px;
		z-index:200;

		/*top:1em;
		/*left:0;*/
		}
	.menu li:hover ul{
		display:block;

		}
	.menu li li {
		background:url('images/sub_sep.gif') bottom left no-repeat;
		display:block;
		float:none;
		margin:0px;
		padding:0px;
		width: 200px;

		}
	.menu li:hover li a{
		background:none;

		
		}
	.menu li ul a{
		display:block;
		height:35px;
		font-size:12px;
		font-style:normal;
		margin:0px;
		padding:0px 10px 0px 15px;
		text-align:left;

		}
		.menu li ul a:hover, .menu li ul li:hover a{
			background:#2580a2 url('images/hover_sub.gif') center left no-repeat;
			border:0px;
			color:#ffffff;
			text-decoration:none;

			}
	.menu p{
		clear:left;
		}	

	
/* ~Subpage Style - Features, tutorials, & community 
****************************/
#SubPageLeftColumn{
	width:245px;
	float:left;
	margin-left:-25px;
}
        	
#SubPageLeftColumn h2{
	border-radius: 5px;
	font-size: 16px;
	color: #444;
	margin: 0 0 5px;
	background-color: #F2F2F2;
	padding: 2px 10px 3px;
	border: 1px solid #E1E1E1;
}

#SubPageMenu ul, #SubPageMenu li {
	margin:0;
	padding:0;
	list-style:none;
}
        	
#SubPageMenu a{
	display:block;
	padding:5px;
	border-bottom: 1px dashed #ccc;
}
#SubPageMenu a:hover{
	border-bottom: 1px dashed #ccc;
}
#SubPageMenu a:hover span{
	background-color:#6EB6DF;
}
        	
#SubPageMenu {
	margin-top:5px;
}
        	
.SubPageNav span{
	width:23px;
	height:24px; 
	background:#999 url(http://az24364.vo.msecnd.net/publishingimages/common-feature-icons-mini-window-v1.png) top left no-repeat;
	display: block;
	float: left;
	margin-right: 15px;
}

#SubPageLearnMore h2{
	margin-top:15px;
}
        	
#SubPageContent{
	float:right;
	width:640px;
	margin:0 -15px 20px 0; /* 20px Added for scenario where right column is longer than left column*/
}
        	
.SubPageNav b{
	display:none;
	width:7px;
	height:20px;
	border-radius:5px;
	float:right;
	background-color:#6EB6DF;
}
        	
.SubPageNav a:hover b{
	display:block;
	opacity:.3;
}
  			
.datasync span{background-position:0 0;}
.database span{background-position:0 -30px;}
.compute span{background-position:0 -60px;}
.virtual-network span{background-position:0 -90px;}
.marketplace span{background-position:0 -120px;}
.storage span{background-position:0 -150px;}
.cdn span{background-position:0 -180px;}
.reporting span{background-position:0 -210px;}
.appliance span{background-position:0 -240px;}
.composite-app span{background-position:0 -270px;}
.integration span{background-position:0 -300px;}
.caching span{background-position:0 -330px;}
.access-control span{background-position:0 -360px;}
.service-bus span{background-position:0 -390px;}

#SubPageAd {
	/*Added for scenario where left column is longer than right column*/
	margin-bottom:20px;
}



/*~bottom boxes - styles on homepage / offers
**************************/
#bottom-boxes{
	overflow:hidden;
	margin-top:20px;
	padding-bottom:10px;

}
		
#bottom-boxes li{
	float:right;
	list-style-type:none;
	padding-bottom:10px;
	
}

#bottom-boxes li:first-child{
	margin:0;
}
		
#bottom-boxes a{
	float:left;
	display:block;
	border-radius:10px;
	margin-left: 10px;
	padding-top:7px;
	width:280px;
	height:110px;
	border:1px solid #dadada;
	text-align:left;
	background: #F0F0F0;
	font-size:18px;
	font-weight:bold;
	color:#444;
}

#bottom-boxes a:hover{
	border:1px solid #a2a2a2;
	box-shadow:inset 0 0 15px rgba(0,0,0,.07);
}

#bottom-boxes span{
	font-size:11px;
	font-weight:normal;
	display:block;
}


/*~sideboxes - styles on homepage / offers - smaller ones
**************************/
#side-boxes{
	overflow:hidden;
	margin-top:0px;
	padding-bottom:0px;

}
		
#side-boxes li{
	float:right;
	list-style-type:none;
	padding-bottom:10px;
	
}

#side-boxes li:first-child{
	margin:0;
}
		
#side-boxes a{
	float:left;
	display:block;
	border-radius:10px;
	margin-left: 10px;
	padding-top:0px;
	width:280px;
	height:35px;
	border:1px solid #dadada;
	text-align:left;
	background: #F0F0F0;
	font-size:18px;
	font-weight:bold;
	color:#444;
}

#side-boxes a:hover{
	border:1px solid #a2a2a2;
	box-shadow:inset 0 0 15px rgba(0,0,0,.07);
}

#side-boxes span{
	font-size:11px;
	font-weight:normal;
	display:block;
}





#side-boxesindustry{
	overflow:hidden;
	margin-top:0px;
	padding-bottom:5px;

}
		
#side-boxesindustry li{
	float:right;
	list-style-type:none;
	padding-bottom:10px;
	
}

#side-boxesindustry li:first-child{
	margin:0;
}
		
#side-boxesindustry a{
	float:left;
	display:block;
	border-radius:10px;
	margin-left: 10px;
	padding-top:0px;
	width:280px;
	height:35px;
	border:1px solid #dadada;
	text-align:left;
	font-size:18px;
	font-weight:bold;
	color:#444;
}

.indfit a {
	background: #2BADDC;
}

.indhol a {
	background: #8CC641;
}

.indtra a {
	background: #D8600C;
}

#side-boxesind a:hover{
	border:1px solid #a2a2a2;
	box-shadow:inset 0 0 15px rgba(0,0,0,.07);
}

#side-boxesind span{
	font-size:11px;
	font-weight:normal;
	display:block;
}





/*~indboxes - styles on industry pages - smaller ones
**************************/
#ind-boxes{
	overflow:hidden;
	margin-top:0px;
	padding-bottom:5px;

}

	
#ind-boxes li{

	list-style-type:none;
	padding-bottom:10px;
	
}

#ind-boxes li:first-child{
	margin:0;
}
		
#ind-boxes a{
	float:left;
	display:block;
	border-radius:10px;
	margin-left: 10px;
	padding-top:0px;
	height:35px;
	border:1px solid #dadada;

	background: #F0F0F0;
	font-size:18px;
	font-weight:bold;
	color:#444;
}

#ind-boxes a:hover{
	border:1px solid #a2a2a2;
	box-shadow:inset 0 0 15px rgba(0,0,0,.07);
}

#ind-boxes span{
	font-size:11px;
	font-weight:normal;
	display:block;
}

/*====================
		top block
======================*/
#top-wrap{
			width:860px;
			float:left;
			position:relative;
			padding-top: 40px;
			
		
			}

.top-block{
			width:880px;
			margin:auto;
			padding-left:10px;
			padding-right:10px;
			position:relative;
			
			}
			
.top-block-side{
			width:900px;
			margin:auto;
			padding-left:10px;
			padding-right:0px;
			position:relative;
			
			}
			
			
.top-block li {
		padding-bottom: 10px;
		margin-left:25px;
	font-size:14px;
	color: #333333;
	font-weight:normal;
	font-family:"Segoe UI", "Helvetica Neue", Arial, sans-serif;		
			}			
			
			
.top-border{
			width:910px;
			border-bottom: #CCCCCC 1px solid;
			text-align: right;			}			
.top-left{
			width:600px;
			float:left;
			position:relative;
			}
			
.top-right{

			width:290px;
			float:right;
			position:relative;
			}
			


/* This is the main link for the section. Usually 
used as a footer link to link to a outbound resource */
.section-main-link 
{
    text-align: right;
    padding: 20px 0px 10px 0px;
    clear: both;
}

.section-main-link a
{
    background-color: #1e85be;
    color: #FFFFFF;
    padding: 5px 10px 5px 10px;
}





.section-main h2:first-child
{
    margin: 0px;
    padding: 0px 0px 30px 0px;
    color: #000000;
    font-size: 1.667em;
    
}


.section2x1 
{
   padding: 0px 0px 20px 0px;    
}

.section2x1 .section2x1-1
{
    float: left;
    width: 465px;
    border-right: dotted 1px #CCCCCC;
}

.section2x1-1 li {
	margin-left: 10px;
	}



.section2x1 .section2x1-2
{
    float: left;
    width: 400px;
}

.section2x1-2 {
	padding-left: 20px;
    float: left;
    width: 400px;
}



/* start - table */
table {
	border-collapse: collapse;
	margin: 0px;
	vertical-align:text-top;
}
table li {
	margin-left: 10px;
	padding-left:10px;
}

table image {
	vertical-align: text-top;
		
}

th strong {
	color: #fff;
}
th {
	height: 35px;
	padding-left: 12px;
	padding-right: 12px;
	color: #fff;
	text-align: left;
	border-left: 1px solid #ffffff;
	border-bottom: solid 2px #fff;
}
tr {
	height: 32px;
}
td {
	padding-left: 11px;
	padding-right: 11px;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
/*	border: 1px solid #dcdcdc;*/
	padding: 0px;
	vertical-align:text-top;
}

.tdalignmid {
	vertical-align: middle;
	}


td.first,th.first {
	border-left: 0px;
}

td.blank {
	border: 0px;

}

td.first,th.first {
	border-left: 0px;
}
tr.row-a { 
	background: #ECF9FF;
}

tr.row-b {
	background-color: #FEFFF0;		
}

.noformattable , .noformattable tr, .noformattable td{
	background: #FFFFFF;
	border: #FFFFFF solid 1px;
	vertical-align:text-top;
 
}

/****** News and Guests Data Lists */

.newsguest_header{
                line-height: 1.5em;
                font-family: Arial, Helvetica, sans-serif;
                font-size: 16px;
				color: #18ADF9; 
				text-decoration: none;
				font-weight: bold;
}

.newsguest_body{
                line-height: 21px;
                font-family:"Segoe UI", "Helvetica Neue", Arial, sans-serif;
                font-size: 14px;
                color: #353535;
                text-align: left;
}

.newsborder {
				padding:10px 0 5px 15px;
	border-bottom: solid 1px #CCCCCC;
	margin-bottom: 5px;
	
}

.newsguest_detailheader{
                line-height: 21px;
                font-family:"Segoe UI", "Helvetica Neue", Arial, sans-serif;
                font-size: 14px;
				color: #18ADF9;
				text-decoration: none;
				font-weight: bold;
}

