@charset "UTF-8";
/* CSS Document */


/* ASSETS */

.thumb30 {
	background-image: url("../images/30x30-thumb.jpg");
	}
.thumb30:hover {
	background-image: url("../images/30x30-thumb-over.jpg");
	}
	
.thumb40 {
	background-image: url("../images/40x40-thumb.jpg");
	}
.thumb40:hover {
	background-image: url("../images/40x40-thumb-over.jpg");
	}
	
.thumb50 {
	background-image: url("../images/50x50-thumb.jpg");
	}
.thumb50:hover {
	background-image: url("../images/50x50-thumb-over.jpg");
	}
	
.thumb70 {
	background-image: url("../images/fillerbox.png");
	}
.thumb70:hover {
	background-image: url("../images/fillerbox2.png");
	}
	
.thumb80 {
	background-image: url("../images/80x80-thumb.jpg");
	}
.thumb80:hover {
	background-image: url("../images/80x80-thumb-over.jpg");
	}
	
.thumb100 {
	background-image: url("../images/100x100-thumb.jpg");
	}
.thumb100:hover {
	background-image: url("../images/100x100-thumb-over.jpg");
	}
	
	.video1 {background-image: url("../images/video1.gif");}
	.video1:hover {background-image: url("../images/video1-hover.gif");}
	.event1 {background-image: url("../images/event1.gif");}
	.related1 {background-image: url("../images/related1.gif");}
	.case1{background-image: url("../images/case1.gif");}
	.case2{background-image: url("../images/case2.gif");}
	.case3{background-image: url("../images/case3.gif");}
	.case4{background-image: url("../images/case4.gif");}


/* Sets margins/height of page - used in conjunction with "sticky" footer css */

* {
	margin: 0;
	padding: 0;
	font-size: 1em;
	text-decoration: none;
	border: none;
	list-style: none;
	outline: none;
}
html, body {
	height: 100%;
	-webkit-font-smoothing: antialiased;
}
html {
	overflow: auto;
	background-color: #fff;
	-webkit-font-smoothing: antialiased;
}


body {
	background: #fff;
	color: #333;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 10px;
	overflow-y: scroll;
	overflow-x: hidden;
	text-align:left;
	font-size:1em;
	font-family: "Trebuchet MS", sans-serif;
   font-weight: 300 !important;
   color:#666;
}

/* BETTER HELVETICA */


::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {
    display: block;
    height: 10px;
}

::-webkit-scrollbar-button:vertical:increment {
    background-color: none;
}

::-webkit-scrollbar-track-piece {
    background-color: #eee;
    -webkit-border-radius: 3px;
}

::-webkit-scrollbar-thumb:vertical {
    height: 50px;
    background-color: #59c1dd;
    -webkit-border-radius: 3px;
}

::-webkit-scrollbar-thumb:horizontal {
    width: 50px;
    background-color: #ccc;
    -webkit-border-radius: 3px;
}




/* UNIVERSAL STYLES */

.module {
	border:1px solid #999999;
	padding:5px;
	margin-bottom:15px; /* Horizontal Whitespace between modules */
	min-height:1px;
	display:block;
	}
a, p { /* Single Asset Container */
	color:#777777;
	font-size:1em;
	text-decoration:none;
	padding: 10px 20px 10px 20px;
	font-weight:normal;
	margin:0;
	}
h1#spot{ /* Module Heading */
background: #B3B4B6; /* Old browsers */
background: -moz-linear-gradient(top, #B3B4B6 0%, #A2A4A7 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#B3B4B6), color-stop(100%,#A2A4A7)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #B3B4B6 0%,#A2A4A7 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #B3B4B6 0%,#A2A4A7 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #B3B4B6 0%,#A2A4A7 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#B3B4B6', endColorstr='#A2A4A7',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #B3B4B6 0%,#A2A4A7 100%); /* W3C */
	}
h1.modhead{ /* Module Heading */
	
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#fff;
	background: #28A3C9; /* Old browsers */
background: -moz-linear-gradient(top, #28A3C9 0%, #177DA1 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#28A3C9), color-stop(100%,#177DA1)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #28A3C9 0%,#177DA1 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #28A3C9 0%,#177DA1 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #28A3C9 0%,#177DA1 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#28A3C9', endColorstr='#177DA1',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #28A3C9 0%,#177DA1 100%); /* W3C */
-moz-border-radius-topleft: 7px;
-moz-border-radius-topright: 7px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
border-top-left-radius: 7px;
border-top-right-radius: 7px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
	padding: 7px 0 7px 20px;
	}
b { /* Headline */
	font-weight:bold;
	padding-bottom:2px;
	}
i { /* Deck */
	font-style:normal;
	line-height: 18px;
	}

u { /* Call to Action */
	font-weight:bold;
	}
#resources u, #spotlight u, #vidright u{ /* Call to Action */
	background: url('../images/btn_base.png') no-repeat 0 1px;
	width: 100px;
	height: 19px;
	color: white;
	text-decoration: none;
	font-size: 10px;
	text-indent: 15px;
	padding: 3px 0 0 0;
	}
	#spotlight u {margin-left:25px;}
#vidright u{
	float: left;
	margin: 5px 0 0 0;
}

#spotlight a{
	padding: 3px 0 0 0;
}
#spotlight p{
   font-family: "Trebuchet MS", sans-serif;
}

p img { /* Text Wrap on In-line Images */
	float:left;
	padding-right:20px;
	padding-bottom:5px;
	padding-top:3px;
	}
p b {
	}
.caption {
	text-align:center;
	padding:3px 0;
	text-decoration: none;
	color: #666;
	display:block;
	font-size:.775em;
    font-family: "Trebuchet MS", sans-serif;
	}
ul.bulleted {
	padding: 8px 0;
	display:block;
	min-height:1px;
	height:100%;
	list-style: disc url("../images/bullet.gif") !important top left;
	margin-left:25px;
	margin-right:20px;
	 font-family: "Trebuchet MS", sans-serif;
	 color:#666;
	list-style-position:outside;
	 *margin-left:15px;
	}
ul.bulleted li {
	display:list-item !important;
	list-style-type:disc !important;
	background:none 0 !important;
	margin:5px 0 0 10px !important;
	padding:0 0 3px 0 !important;line-height:auto;
	}



/* OLD LINK HOVER 

a:hover {
	background-color:#eee;
}
a:hover b {
	color:#069;
	text-decoration:underline;
}
a:hover i {
	color:#666;
}
a:hover u {
	color:#069;
	text-decoration:none;
}
*/

/* NEW LINK HOVER */

a {
	color: #36c;
	text-decoration: none;
}

a:hover,
a:focus {
	color: #039;
}

a:active {
	position: relative;
	top: 1px;
}




	
/***********/
/* MODULES */
/***********/


/* HEADER */

#header {
	text-align:center;
	padding:0;
	}
#header img {
	padding:0;
	margin:0;
	}
	
div.headcenter{
width:950px;
position: relative;
margin: 0 auto !important;
padding: 45px 0 0 0!important;
height:0;
min-height:0;
_margin-bottom:-30px!important;
padding-bottom:0!important;
}
h1.vmwaretitle {
	        width: 210px; max-height: 32px; height:32px;
	        background: url("../images/vmwarelogo.png") no-repeat;
	        text-indent: -9999px;
	        float: left;
}
h1.ibm {
	        width: 141px; max-height: 24px; height:24px;
	        background: url("../images/sp_ibm.jpg") no-repeat;
	        text-indent: -9999px;
	        float: right;
}

ul .colorbar{
background: url("../images/colorbarbg.jpg") 0px 45px no-repeat;
width:950px;
height: 108px;
margin: 0 auto;
padding: 50px 0 0 0;
color: white;
font-family: "Trebuchet MS", sans-serif;
font-weight: bold;
position:relative;
}
.colorbar li{
margin: 30px 0 0 0;

}
.bartitle{
font-size:30px;
position:absolute;
top:40px;
left:50px;
width:400px;
line-height:30px;
}
.barsub{
width: 450px;
position:absolute;
top:50px;
left:460px;
}


/* RESOURCES MODULE */
#resources{
background: #eef3f8;
height: 340px;
overflow-y: scroll;
-webkit-box-shadow: 0px 2px 2px #d9d9d9;
-moz-box-shadow: 0px 2px 2px #d9d9d9;
box-shadow: 0px 2px 2px #d9d9d9;

}
#resources a {
	padding-left:125px;
	background-position: 20px 12px;
	background-repeat:no-repeat;
	color: #6c6c6c;
	font-size:12px;
	font-family: "Trebuchet MS", sans-serif;
	}
#resources b{
text-transform: capitalize;
color: #222;
font-size: 1.1em;
}

/* RESOURCES-LITE MODULE */

#resources-lite a {
	padding-left:60px;
	background-position: 20px 12px;
	background-repeat:no-repeat;
	}
#resources-lite a:hover b {
	text-decoration:none;
}


/* FEATURED WITH LIST */
#featured-list{
background: #FFFFFF; /* Old browsers */
background: -moz-linear-gradient(top, #FFFFFF 0%, #E5E5E5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#E5E5E5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #FFFFFF 0%,#E5E5E5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #FFFFFF 0%,#E5E5E5 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #FFFFFF 0%,#E5E5E5 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#E5E5E5',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #FFFFFF 0%,#E5E5E5 100%); /* W3C */
}
#featured-list ul {
	float:left;
	padding:10px;
	font-size:.975em;
	
	}
#featured-list a {
	padding:0;
	}
#featured-list .image-col {
	width:165px;
	border-right:1px dotted #ccc;
	text-align:center;
	}
#featured-list .list-col {
	width:245px;
	padding-right:0;
	}
#featured-list .list-col a:hover b {
	text-decoration:none;
}
#featured-list .image-col u {
	text-align:center;
	}
#featured-list a {
	color: #999;
	}
#featured-list .list-col u, #featured-list .list-col b {
	float:left;
	font-size:.825em;
	}
#featured-list .list-col b {
	color:#999;
	margin-right:5px;
	}
	
	
/* BUTTONS MODULE */

#buttons {
	font-size:.875em;
	text-align:center;
	}
#buttons li {
	float:left;
	}
#buttons a {
	padding: 4px;
	}


/* IMAGE FEATURES MODULE */

#image-features {
    height:175px;
	padding:10px 15px 5px 15px;
	font-size:.875em;
	font-family: "Trebuchet MS", sans-serif;
	text-align:left;
	background: #FFFFFF; /* Old browsers */
background: -moz-linear-gradient(top, #FFFFFF 0%, #E5E5E5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#E5E5E5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #FFFFFF 0%,#E5E5E5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #FFFFFF 0%,#E5E5E5 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #FFFFFF 0%,#E5E5E5 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#E5E5E5',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #FFFFFF 0%,#E5E5E5 100%); /* W3C */
	}
#image-features #vidleft{
	float:left;
	padding: 0 10px 0 0;
	}
#image-features a {
	padding: 4px;
	}
#image-features h3{
font-size: 18px;
color: #333;
}
#image-features p{
font-size:.9em;
}


/* RESOURCES-COMPACT */

#resources-compact li {
	float:left;
	width:50%;
	}
#resources-compact a {
	padding-left:85px;
	background-position: 20px 12px;
	background-repeat:no-repeat;
	}

#spotlight {
font-size:.825em;
height: 340px;
overflow-y: scroll;
	}
#spotlight .bulleted {height:auto!important; margin-top:0!important; padding-top:0;}

html>body #spotlight .bulleted {*text-indent:15px;_text-indent:0;}

#spotlight b{
color: #222;
text-transform: capitalize;
}
#spotlight em{
font-size:0.85em;
display: block;
padding: 0 0 5px 0;
color: #999;
font-style: italic;
}
	
ul.list-col{
   width:230px !important;
   margin-right:0!important;
   float:left;
   list-style-position:outside
}
ul.list-col li {width:200px !important; padding:0 !important; margin:0 0 8px 15px !important;}

ul.list-col li a{
   font-family: "Trebuchet MS", sans-serif;
   font-size:13px !important;
   font-weight: bold !important;
   color: #6c6c6c !important;
   display:inline !important;
   padding:0 !important;
   margin:0 !important;
}
/* "Sticky" footer */
	
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -80px; /* the bottom margin is the negative value of the footer's height */
}
.footer, .push {
	height: 80px; /* .push must be the same height as .footer */
	clear: both;
}


/* FOOTER */

#footer {
	height:60px;
	line-height:30px;
	text-align:center;
	font-size:10px;
	font-weight:bold;
	margin-bottom:0;
	}

.threecol .module {
		min-height:430px;
		
}
.module {
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 7px;
-moz-border-radius-bottomleft: 7px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-right-radius: 7px;
border-bottom-left-radius: 7px;
border: 1px solid #ccc;
}