﻿/* Layout CSS */
html, body {
	width: 100%;
	background-color: #333333;		
	background-image: url(../images/background.png);
	background-repeat: no-repeat;
	background-position: top center;
	text-align: center;
    position: relative;
}
#wrapper {	
	width: 940px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	text-align: left;
}

/********* Header CSS **********/
.searchbox {
	background-image: url(../images/search.png);
	background-repeat: no-repeat; 
	width: 269px;
	height: 47px;
}
.searchbox-text {
	border: none;
}
.left_fl {
	float: left;
	text-align: left;
}
.right_fl {
	float: right;
	text-align: right;
}
#nav {
	height: 75px;
}
#nonav {
	height: 20px;
}
#how {
	z-index: 10;
	position: absolute;
	width: 600px;
}
#feature.how {
	height: 160px;
}
#feature #background{
	z-index: 5;
	position: absolute;
	top: 0px;
}
.vm_virtual, #nav-right {
	float: right;
	height: 75px;
	width: 100px;
	background-image: url(../images/vm-virtual.png);
	background-repeat: no-repeat;
	background-position: right;
	text-align: left;
}
#nav-right #search {
	height: 75px;
	width: 317px;
	background-image: url(../images/search-field-input.png);
	background-repeat: no-repeat;
	background-position: left;
}
#header {
	width: 940px;
	height: 20px;
	padding-top: 10px;
	background-color: #000000;
}
#logos {
	height: 65px;
	width: 940px;
	text-align: left;
}

/********** Content Layouts ************/
#wrap {
	width:900px;
	margin:0 auto;
	background-color:#ffffff;
}

/* img Validate Token label on-off state */
#img-over-on {
    background-image:  url(../images/order-sidemenu-on.png);
    background-repeat: no-repeat;
    left: 30px;
    width: 196px;
    height: 35px;
    position: relative;
    top: 0px;
}
#img-over-off {
    background-image:  url(../images/order-sidemenu-off.png);
    background-repeat: no-repeat;
    width: 196px;
    height: 35px;
    position: relative;
    left: 15px;
    top: 0px;
}
#text-label {
    color: #ffffff; 
    position: relative; 
    top: 6px; 
    left: 18px;
}
#text-label-off {
    color: #000000; 
    position: relative; 
    top: 6px; 
    left: 23px;
}
/* end img Validate Token label on-off state */

#feature {
	position: relative;
	vertical-align: bottom;
}
#feature div.maintitle{
	float: left;
	text-align: left;
	position: absolute; 
	bottom: 0; 
}

#feature div.rss {
	float: right;
	text-align: right;
	padding: 50px 35px 0px 0px;
}
#feature div.f-vmware {	
	float: right;
	text-align: right;
	padding: 25px 30px 0px 0px;
}
#main {
	float: left;
	width: 580px;
	padding: 10px 0px 0px 35px;
	background-color: #ffffff;
}
#main-order {
	float: left;
	width: 580px;
	padding: 10px 0px 0px 25px;
	background-color: #ffffff;
}
#main #subcolumns #subleft {
	float: left;
	width: 260px;
}
#main #subcolumns #subright {
	float: left;
	margin-left: 60px;
	width: 260px;
}
#middlebar {
	float: left;
	width: 15px;
	margin: 0px 20px;
}
#middlebar.order {
	float: left;
	width: 15px;
	margin: 0px 0px 0px 0px;
}
#middlebar #vdivider {
	background-image: url(../images/vdivider.png);
	background-repeat: repeat-y;
}
#sidebar {
	float: left;
	width: 195px;
	padding-top: 10px;
	padding-right: 30px;
	padding-bottom: 10px;
	padding-left: 0px;
	background-color: #ffffff;
}
#clear, .clear {
	clear: both;
}

ul.token-list li {
	margin-left: 15px;
}

ul.blogentries {
	list-style: none;
}
ul.blogentries li {
	padding-left: 15px;
	margin-bottom: 5px;
	background-image: url(../images/icon-chevron-double.png);
	background-repeat: no-repeat;
}

div.comm-feature-left {
	float: left;
	width: 410px;
	text-align: left;
	margin-left: 35px;
}
div.comm-feature-right {
	float: left;
	width: 410px;
	text-align: left;
	margin-left: 15px;
}

p.star {
	background-image: url(../images/icon-star.png);
	background-repeat: no-repeat;
	background-position: top left;
	padding-left: 20px;
}
span.forum-new {
	background-image: url(../images/icon-forum-new.png);
	background-repeat: no-repeat;
	background-position: top left;
	padding-left: 20px;
	padding-top: 4px;
	padding-bottom: 4px;
}

/* Footer Content Area */
#footer {
	margin-top: 20px;
	width: 940px;
	text-align: left;
}
#footer #segmenta {
	width: 515px;
	height: 100px;
	float: left;
}
#footer #segmentb, #footer #segmentc, #footer #segmentd {
	width: 136px;
	height: 100px;
	border-left-color: #404040;
	border-left-style: solid;
	border-left-width: 2px;
	float: left;
}
#footer ul {
	list-style: none;
	float: left;
	margin-top: 10px;
	margin-left: 16px;
	padding: 0px 0px 20px 0px;
}
#footer ul.footerbottom {
	width: 924px;
	margin-left: 0px;
	padding-left: 16px;
	padding-top: 5px;
	border-top-color: #404040;
	border-top-style: solid;
	border-top-width: 2px;
}
#footer ul.footerbottom li {
	float: left;
	margin-top: 5px;
	margin-right: 16px;
}

#bottom-cap {
	width:940px;
}
#c-footer {
	clear: both;
	padding: 1px 10px;
	background: #ffffff;
}
#c-footer p {
	margin: 0;
}
* html #c-footer {
	height: 1px;
}
#page {
	min-height: 652px;
	width: 940px;
	background-image: url(../images/content-gradient.png);
	background-position: top center;
	background-repeat: repeat-x;
	background-color: #ffffff;
}

.content-banner-div {
	width: 900px;
	height: 60px;
	background-image: url(../images/hdivider.png);
	background-repeat: no-repeat;
	background-position: top center;
}
.content-box {
	padding: 5px 15px 5px 15px;
	width: 161px;
	background-color: #DDE9F7;
}
#content-box {
	margin-left: 3px;
	margin-bottom: 15px;
	width: 191px;
	background-color: #dde9f7;
}
#content-box #pricing {
	padding-left: 5px;
}
#content-box #content-top {
	height: 5px;
	background-color: #ffffff;
	background-image: url(../images/content-box-top.png);
}
#content-box #content-btm {
	height: 5px;
	background-color: #ffffff;
	background-image: url(../images/content-box-btm.png);
}
#content-box ul {
	list-style-type: none;
	margin-top: 10px;
	margin-left: 15px;
	margin-right: 15px;
}
#content-box ul li.star {
	background-image: url(../images/icon-star.png);
	background-repeat: no-repeat;
	background-position: top left;
	padding-left: 20px;
}
#content-box ul li.email {
	background-image: url(../images/icon-email-blue.png);
	background-repeat: no-repeat;
	background-position: top left;
	padding-left: 20px;
}
#content-box ul li {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ffffff;
}
.h2 {
	margin: 10px 0px 10px 0px;
}

#content {
	padding: 0px 20px 0px 20px;
	text-align: left;
}
div #content-spacing {
	margin: 0px 30px 0px 30px;
}

div .order-left-nav div {
	padding: 10px 0px 5px 0px;
	margin-left: 47px;
}

/* End Content Layouts */

/* Content Dividers */
.hdivider {
	text-align: center;
	background-color: #ffffff;
}
.vdivider {
	width: 15px;
	background-image: url(../images/vdivider.png);
	background-repeat:r epeat-y;
}
.blue-double-divider {
	height: 1px; 
	border-top: 1px solid #a6c6e9; 
	border-bottom: 1px solid #a6c6e9;
}	
.blue-divider {
	height: 1px; 
	border-top: 1px solid #a6c6e9;
	padding: 10px 0px 5px 0px;
}
.light-blue-divider {
	height: 1px; 
	border-top: 1px solid #B7CFEC;
	margin: 0px 0px 7px 0px;
}
.lighter-blue-divider {
	height: 1px; 
	border-top: 1px solid #ddeeff;
	margin: 0px 0px 7px 0px;
}
/* End Content Dividers */


/* Rounded Corners */
div.corners {
	height: 10px;
	text-align: center;
	position: relative;
}
.corners .tcl {
	background-image: url(../images/corner-top-lft.png);
	background-repeat: no-repeat;
	height: 10px;
	width: 10px;
	float: left;
}
.corners .tcr {
	background-image: url(../images/corner-top-rt.png);
	background-repeat: no-repeat;
	height: 10px;
	width: 10px;
	float: right;
}
.corners .bcl {
	background-image: url(../images/corner-btm-lft.png);
	background-repeat: no-repeat;
	height: 10px;
	width: 10px;
	float: left;
}
.corners .bcr {
	background-image: url(../images/corner-btm-rt.png);
	background-repeat: no-repeat;
	height: 10px;
	width: 10px;
	float: right;
}
.corners .horiz {
	float: left; 
	height: 10px; 
	width: 880px;
	background-color: #ffffff;
}
.corners .big-horiz {
	float: left; 
	height: 10px; 
	width: 920px;
	background-color: #ffffff;
}
/* End Rounded Corners */

img.icon {
	float: left;
	margin-right: 10px;
	margin-bottom: 0px;
}

h4 {
	margin-top: 5px;
}

/* FAQs */
dt {
	margin: 0px;
	padding: 0px;
}
dt.faqClosed {
	background-color: #ffffff;
}
dd {
	margin: 0px 0px 0px 20px;
	padding: 0px;
	overflow: hidden;
}

/* Blog */
dl.blog dt {
	margin-bottom: 10px;
}

/* Video */
#video {
	text-align: center;
}
