/* @group Common {{{ */

/* @group General {{{ */

/* @group Font Sizes and Margins {{{ */

/* The red: #C4001F  Think Green: #2B7F35;  */

body {
	background: #D1D1D1 url(/images/global_bg.png) repeat-x 0 0;
	color: #555;
	font-size: 62.5%;
	font-family: Verdana, Helvetica, sans-serif;
	margin: -10px 0; 
    text-align: center;
}

.CenterEverything {
    text-align: center;
    width:958px;
}

.noHover {
	padding-bottom:0 !important;
}

p,
td,
li,
th,
dt,
dd {
	font-size: 1.2em;
	line-height: 1.5em;
}

li li,
li p,
li dt,
li dd,
td li,
dt p,
dt li,
dd p,
dd li {
	font-size: 1.0em;
}

p {
	margin: 0.5em 0;
}

/* ------------------------------------------------   */

/* @group Headers {{{ */

h1,
h1 a,
h1 a:link,
h1 a:visited {
	color: #C4001F; 
	font: bold 42px/46px Georgia, Times, serif;
}

.view h2,				/* in asset views, h2 and h1 reverse positions */
.view h2 a,
.view h2 a:visited {
	color: #C4001F !important; 
	font: bold 42px/46px Georgia, Times, serif !important;
}

h2,
h2 a,
h2 a:link,
h2 a:visited,
.block h3,				/* sidebar h3 appear same as main content h2 */
.sectionTitle,			/* headers in sectionTitle can have h1 children */
.sectionTitle h1 {
	color: #C4001F;     /* green */
	font: normal 22px/28px Georgia, Times, serif;
}
.sectionTitle p {
	padding-left: 18px;
}
.MainSectionTitle,			/* headers in sectionTitle can have h1 children */
.MainSectionTitle h1 {
	color: #2B7F35;  /* The red: #C4001F this is green */
	font: normal 22px/28px Georgia, Times, serif;
	padding-left: 18px;
	padding-right: 36px;
	padding-top: 10px;
}
.Social-Media {
	float: right;
    margin-top: -22px;
    line-height:130%;
}
.Social-Media-Page {
	float: right;
    margin-top: -22px;
    margin-left: 10px;
    line-height:130%;
}
.subSectionTitle,			/* headers in sectionTitle can have h1 children */
.subSectionTitle h1 {
	color: #2B7F35;  /* The red: #C4001F this is green */
	font: normal 22px/28px Georgia, Times, serif;
	/* padding-left: 18px;
	padding-right: 36px;
	padding-top: 10px;    */
}

.view h1,				/* in asset views, h1 and h2 reverse positions */
.view h1 a,
.view h1 a:visited {
	color: #C4001F !important;
	font: normal 22px/28px Georgia, Times, serif !important;
}


.sectionTitle h1 {
	display: inline;
}

h3,
.listTitleH3,
.listCourseTitleH3,
.localFooter h6 {
	color: #333;
	font: bold italic 14px/16px Georgia, Times, serif;
	margin: 10px 0 5px;
}

h4,
.listTitleH4 {
	font-size: 12px;
	font-weight: bold;
}

/* @end }}} */

/* @group Lists {{{ */

ul.horizontal li {
	border-right: 1px solid #999999;
	display: inline;
	float: left;
	margin: 0 0.8em 0 0;
	padding: 0 0.8em 0 0;
}

ul.horizontal li.last {
	border-right: 0 none;
	padding-right: 0;
	margin-right: 0;
}

ul.featureList li {
	padding: 4px 0 2px 28px !important;
}

ul.featureList li.yes {
	background: url(../images/icon_yes.gif) no-repeat left top !important;
}

ul.featureList li.no {
	background: url(../images/icon_no.gif) no-repeat left top !important;
}

/* @end }}} */

/* @group Tables {{{ */

table {
	border: 1px solid #e9e9e9;
	border-width: 1px 0 0 1px;
	margin: 1em 0;
	width: 100%;
}

table td,
table th {
	font-size: 1.1em;
	padding: 6px 8px;
	border: 1px solid #e9e9e9;
	border-width: 0 1px 1px 0;
}

table td {
	text-align: center;
}

table th {
	text-align: center;
}

table thead th {
	background-color: #eeeeee;
}

table ul {
	margin: 0;
	padding: 0;
}

table ol {
	margin: 0 5px; 
}

table li {
	text-align: left;
}

table td.custom {
	background-color: #f8f8f8;
}

/* @end }}} */

/* @group Links {{{ */

span.spanLink,
a:link,
a:visited {
	color: #0843B3;
	text-decoration: none;
	cursor: pointer;
}

a:hover {
	color: #0843B3;
	text-decoration: underline;
}

a:focus, object:focus {
	outline-style: none;	/* removes dotted box in FF */
}

.button {
	display: block;
	height: 100%;
	text-indent: -9999em;
	cursor: pointer;
	border: none;
}

a.moreLink {
	background: url(../images/arrow_right.png) right 5px no-repeat transparent;
	padding-right: 10px;
	white-space: nowrap;
}

/* @end }}} */

/* @group Images, Pullquotes and Callouts {{{ */

a img {
	border-width: 0;
}

img {
	margin: 0;
	padding: 0px;
}

.image-left,
div.callout-left,
div.pullquote-left {
	display: inline;
	float: left;
	margin: 0 10px 10px 0;
}

.image-right,
div.callout-right,
div.pullquote-right {
	display: inline;
	float: right;
	margin: 0 0 10px 10px;
}

div.image-left,
div.image-right {
	width: 100px;
}

img.image-left,
img.image-right,
.image-left img,
.image-right img {
	display: block;
}

.image-left p,
.image-right p {
	color: #797979;
	color: rgba(102, 102, 102, 0.99);
	font-size: 1.1em;
}

div.pullquote-left,
div.pullquote-right {
	background-color: #000;
	border-width: 3px 0;
	color: rgba(255, 255, 255, 0.99);
	font-size: 160%;
	line-height: 1.5em;
}

div.callout-left,
div.callout-right {
	background-color: #666;
}

/* @end }}} */

/* @group Clear {{{ */

.clear {
	height: 0px;
	line-height: 0px;
	clear: both;
}

.clear span {
	position: absolute;
	left: -9999em;
}

.group:after {
	clear: both;
	content: ".";
	display: block;
	height: 0px;
	visibility: hidden;
	float: left;
}

/* @end }}} */

/* @group Utility {{{ */

sup {
	font-size: 0.7em;
	font-weight: normal;
    line-height: 0;
}

.noMargin {
	margin: 0;
}

.detailPopup {
	display: none;
	background: #FFC;
	border: solid 1px #DDA;
	padding: 12px;
	position: absolute;
	z-index: 100;
	font-size: 10px;
	line-height: 14px;
}

.detailPopup .listTitleH3 {
	margin: 0 0 8px 0;
	font-size: 12px;
	color: #555;
}

.detailCaret {
	width: 8px;
	height: 16px;
	position: absolute;
	left: -8px;
	background: url(../images/tooltip_caret_sprite.gif) 0 0 no-repeat;
	cursor: pointer;
}

.detailLink {
	color: #0843B3;
	cursor: pointer;
	white-space: nowrap;
}

.popupBelow .detailCaret {
	width: 16px !important;
	height: 8px !important;
	top: -8px !important;
}

.hidden {
	display: none;
}

.quoteBubble {
	background: #EBEBEB;
	margin-top: 20px;
	padding: 14px 20px 14px 40px;
}

.quoteLogo {
	float: left;
	margin: 0 20px 0 30px;
	padding: 26px 0 10px 0;
}

.quoteName {
	float: left;
	font-weight: bold;
	padding: 26px 0 10px 0;
	font-size: 13px;
	line-height: 17px;
	background: url(../images/common/quote_stem.png) no-repeat 14px top;
}

.quoteTitle {
	font-weight: normal;
	font-size: 10px;
}

#fancy_title {
	margin: 0;
}

#fancy_title table,
#fancy_title .fancy_title {
	margin: 0;
        border: 0;
}

#fancy_title td,
#fancy_title tr {
	padding: 0;
}

/* externally generated content from various scripts */

#_atssh, #atff {
	display: none;
}

span.req {
	color: green;
}

.navHeader {
	font: 14px/20px Verdana, sans-serif;
	font-weight: bold;
	color: #555;
	margin: 20px 0 3px 0;
}

.highlight {
	background: #FFC;
    padding:10px 16px;
}

span.highlight {
	padding: 0 4px !important;
}
.highlight.indented {
	padding: 10px 20px;
	text-align: left;
	font-size: 13px;
	width: 200px;
}
.highlight.indented a {
	display: inline;
	text-indent: 0;
}

.navList li {
	background: transparent;
	padding: 0;
	float: left;
	margin: 0;
	text-align: center;
	white-space: nowrap;
}

.centered {
	margin: 0 auto;
	text-align: center;
	display: block;
}

.view-more a {
	border-right: 4px solid #fffcd2;
	background: #fffcd2 url(../images/arrow_right.png) no-repeat 100% 50%;
	float: left;
	margin-right: 20px;
	padding: 2px 12px 2px 6px;
}
.chatboxContent {
	padding: 5px 0;
}

/* @end }}} */

/* @group Section {{{ */

.section {
	padding: 0px 0px 30px 0px;
	margin: 0px 36px 0px 30px;
	clear: both;
}

.top {
	background: url(../images/left_column_top.jpg) left top no-repeat;
	padding-top: 9px;
	padding-bottom: 8px;
	zoom: 1.0;
}

.top h1,
.top h2 {
	margin: 0;
}

/* @end }}} */

/* @end }}} */

/* @group Header {{{ */

#header {
	display: block;
	background: white;
	border-color: #555555;
	border-style: solid solid none;
	border-width: 1px 1px medium;
    align: center;
}

#header .logo {
	background: url(/images/logo.png) no-repeat 0 0;
	float: left;
	margin: 16px 0 8px 10px;
	width: 184px;
	height: 62px;
	padding: 0;
}

#header .logo:hover {
	background-position: 0 -62px;
	padding: 0;
}

#header .logo img {
	display: none;
}

#header .supportNav {
	float: right;
	margin: 13px 16px 0 0;
	font-size: 9px;
}

#header .supportNav li {
	margin-left: 13px;
}

.phone {
	font-size: 10px;
	line-height: 25px;
	height: 22px;
}

.navIcon {
	height: 45px;
}

.supportNav .support {
	width: 45px;
}

.supportNav .support a {
	background-image: url(/images/icon_Support.png);
	background-position: -4px -4px;
}

.supportNav .support a:hover {
	background-position: 0px 0px;
	background-image: url(/images/icon_Support_sm.png);
}

.supportNav .support a:active {
	background-position: 0px 0px;
}

.supportNav .calendar {
	width: 45px;
}

.supportNav .calendar a {
	background-image: url(/images/icon_Calendar_sm.png);
	background-position: 0px 0px;
}

.supportNav .calendar a:hover {
	background-position: 0px 0px;
	background-image: url(/images/icon_Calendar_up.png);
}

.supportNav .calendar a:active {
	background-position: 0px 0px;
}


.supportNav .catalog {
	width: 45px;
}

.supportNav .catalog a {
	background-image: url(/images/icon_Book_green.png);
	background-position: -4px -4px;
}

.supportNav .catalog a:hover {
	background-position: 0px 0px;
	background-image: url(/images/icon_Book_green_Open.png);
}

.supportNav .catalog a:active {
	background-position: 0px 0px;
}


.supportNav .courselist {
	width: 60px;
}

.supportNav .courselist a {
	background-image: url(/images/icon_List.png);
	background-position: -5px -15px;
}

.supportNav .courselist a:hover {
	background-position: 50px 0px;
	background-image: url(/images/icon_List_Look.png);
}

.supportNav .courselist a:active {
	background-position: 50px 0px;
}

/*  ransems - customer button on main page - added april 2011 */

.supportNav .customers {
	width: 60px;
}

.supportNav .customers a {
	background-image: url(/images/icon_customers.png);
	background-position: 60px -10px;
}

.supportNav .customers a:hover {
	background-position: 25px 25px;
	background-image: url(/images/icon_customers_hover.png);
}

.supportNav .customers a:active {
	background-position: 25px 25px;
}

/*  ransems - video button on main page - added april 2011 */

.supportNav .tv {
	width: 60px;
}

.supportNav .tv a {
	background-image: url(/images/icon_tv_off.jpg);
	background-position: 5px 0px;
}

.supportNav .tv a:hover {
	background-position: 12px 10px;
	background-image: url(/images/icon_tv_hover.jpg);
	background-repeat: no-repeat;
}

.supportNav .tv a:active {
	background-position: 14px 14px;
}


#searchForm {
	height: 18px;
	margin-top: 3px;
	border: 1px solid #989898;
	width: 146px;
	background-color: white;
}

#searchForm .searchField {
	width: 112px;
	font-size: 10px;
	height: 15px;
	padding: 3px 5px 0 5px;
	float: left;
	border-top: 0;
	border-bottom: 0;
	border-left: 0;
	border-right: 1px solid #989898;
	display: inline;
}

#searchForm .searchButton {
	background: url(/images/search_button.png) center center no-repeat transparent;
	width: 23px;
	height: 18px;
	float: left;
	display: inline;
	text-indent: -999em;
	cursor: pointer;
	border: 0;
}

.mainNav li.searchList {
	float: right;
	padding: 0;
}

.mainNav {
	background: url(/images/common/main_nav_bg.png) repeat-x #C40022;
	height: 26px;
	clear: both;
	z-index: 10;
}

.mainNav ul {
	height: 26px;
	margin: 0 16px;
}

.mainNav ul li {
	position: relative;
	z-index: 12;
}

.mainNav ul li a,
.mainNav ul li a:visited {
	display: block;
	color: white;
	font-size: 11px;
	padding: 4px 10px;
	height: 18px;
	background: url(../images/main_nav_sprite.png) right top no-repeat transparent;
}

/* the following class combinations make parent nav active when viewing child pages */

.email_hosting li.navApps a.root,
.online_backup li.navApps a.root,
.file_sharing li.navApps a.root,
.why_hosted_apps li.navWhy a.root,
.fanatical_support li.navWhy a.root,
.customers li.navWhy a.root,
.contact_us li.navConnect a.root,
.blog li.navConnect a.root,
.submit_idea li.navConnect a.root,
.careers li.navConnect a.root,
.reseller_program li.navReseller a.root,
.mainNav ul li a:hover {
	color: white;
	text-decoration: none;
	background-position: left bottom;
}

.mainNav ul.navDropdown {
	display: none;
	z-index: 13;
	width: 180px;
	height: auto;
	position: absolute;
	padding: 0px;
	margin: 0px;
	text-align: left;
	left: 0px;
	zoom: 1;
}

.mainNav ul.navDropdown li {
	float: none;
	margin: 0px;
	padding: 0px;
	text-align: left;
	left: 0;
}

.mainNav ul.navDropdown .parent,
.mainNav ul.navDropdown a,
.mainNav ul.navDropdown a:visited {
	background: url(../images/nav-drop.jpg) 0px 0px repeat;
	color: #0843B3;
	border: 1px solid #cbcdc5;
	border-top: none;
	display: block;
}

.mainNav ul.navDropdown a:hover {
	background-position: 0px -25px;
	color: #0843B3;
}

.mainNav ul.navDropdown .parent {
	border: none;
}

.mainNav ul.navDropdown .parent span {
	color: #666;
	font-weight: bold;
	font-size: 11px;

text-align: center;		text-transform: uppercase;
}

.mainNav ul.navDropdown ul.parentList {
	height: auto;
	width: 180px;
	margin: 0;
	padding: 0;
	position: relative;
}

.mainNav ul.navDropdown ul.parentList a {
	padding: 4px 10px;
	width: auto;
}

.mainNav ul.navDropdown .parent span, 
.mainNav ul.navDropdown .parent ul li a, 
.mainNav ul.navDropdown a {
	display: block;
	width: 180px;
}

.mainNav a.downArrow {
	cursor: default;
}

.mainNav a.downArrow span {
	background: url(../images/arrow_white_down.png) no-repeat 100% 45%;
	padding-right: 14px;
}

/* @end }}} */

/* @group Global Navigation {{{ */

.globalNav {
	margin-bottom: 8px;
	background-color: white;
	text-transform: uppercase;
	font-weight: normal;
	border: 1px solid #575757;
	border-width: 0 1px 1px;
}

.globalNav li {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	letter-spacing: 0.04em;
}

.globalNav .navList {
	margin: 0;
	padding: 0;
}

.globalNav .navList li a {
	float: left;
	padding: 5px 15px 4px;
	margin-right: 14px;
	color: #666;
}

.globalNav .navList li a:hover {
	text-decoration: none;
	color: black;
}

.globalNav .appsTab {
	color: white !important;
	background: url('../images/global-selected.png');
}

.globalNav #localization {
	float: right;
	margin: 2px 0 0 0;
	cursor: pointer;
	display: inline-block;
}

/* @end }}} */

/* @group Sub Navigation -- this needs to be sorted through {{{ */

#subNav {
	width: 240px;
	float: left;
	margin-top: 10px;
}

#subNav .catHeader {
	margin-top: 10px;
	font-size: 12px;
	font-weight: bold;
}

#subNav ul {
	margin: 0 0 30px 40px;
	padding: 0;
}

#subNav li span {
	background: url(../images/nav-bullet.gif) no-repeat 6px 50%;
	padding-left: 1.2em;
}

#subSubNav #categories li,
#subSubNav #archives li li {
	background: url(../images/nav-bullet.gif) no-repeat 0 50%;
	padding-left: .8em;
	margin-left: .4em;
}

#subSubNav #categories li span {
	background: transparent none;
	padding: 0 0 0 2px;
	color: #919191;
	font-size: 0.91em;
}

#subNav li.categories ul {
	list-style-type: circle;
	margin: 0;
}

#subNav li.categories ul li {
	background: url(../images/nav-bullet.gif) left center no-repeat;
	margin-left: 2px;
	padding-left: 10px;
}

#subNav li div div {
	padding: 4px;
}

#subNav li {
	background: transparent;
	list-style: none;
	margin: 0;
	padding: 0;
}

#subNav li.active {
	background: url(../images/tab_l.gif) left top repeat-y;
}

#subNav li.active div {
	background: url(../images/tab_t.gif) left top no-repeat;
}

#subNav li.active div div {
	background: url(../images/tab_b.gif) left bottom no-repeat;
}

#subNav ul li ul {
	margin: 5px 0 15px;
}

#subNav ul li ul li {
	background: url(../images/nav-bullet.gif) left center no-repeat;
	padding-left: 10px;
	width: auto;
}

#subNav .block {
	margin: 0 auto;
	width: 230px;
}

#subNav .navigation {
	padding-right: 0;
	margin-right: 0;
	width: auto;
	margin-left: 30px;
	padding-top: 0;
}

#subNav .navigation h3 {
	color: #333333;
	font-size: 18px;
	font-weight: bold;
}

#subNav .navigation ul {
	margin: 1em 0 2em;
}

#subNav .navigation ul li {	
	margin: .4em 0;
	padding: 0;
	border-bottom: 0 none;
}

#subNav .navigation li.active {
	background: url(../images/tab_l.gif) 0 0 repeat-y;
}

#subNav .navigation li.active div {
	background: url(../images/tab_t.gif) 0 0 no-repeat;
}

#subNav .navigation li.active div div {
	background: url(../images/tab_b.gif) 0 100% no-repeat;
}

#subNav .navigation li.active div div div,
#subNav .navigation li div div div {
	background-image: none; /* should be overriden by individual icons for menu items in inline styles */
	background-position: 4px 4px;
	background-repeat: no-repeat;
	padding: 11px 0 11px 40px;
	min-height: 18px;
	height: auto !important;
	height: 18px;
}

#subNav .navigation li div div div.bullet {
	background-image: url(../images/bullet_red_square.png);
	background-position: 40px 12px;
	padding-top: 5px;
	padding-bottom: 5px;
}

#subNav .navigation li div div {
	padding: 0;
}

#subNav .navigation li div div div span {
	background-image: none;
	text-transform: none;
	font-size: 13px;
}

#subSubNav {
	background: transparent url("../images/blog-subnav-middle.png") top left repeat-y;
	padding: 0 10px 20px 24px;
	margin-left: 18px;
	display: inline-block;
	position: relative;
	width: 210px;
}

#subSubNav-top {
	position: absolute;
	top: 00px;
	left: 0px;
	width: 244px;
	height: 14px;
	background: url("../images/blog-subnav-top.png") top left no-repeat;
}

#subSubNav-bottom {
	position: absolute;
	bottom: 00px;
	left: 0px;
	width: 244px;
	height: 14px;
	background: url("../images/blog-subnav-bottom.png") top left no-repeat;
}

#subSubNav h3 {
	margin: 10px 0 0;
}

#subSubNav ul {
	margin: 0;
}

#subSubNav li {
	font-size: 1.0em;
	list-style: none;
	background-color: transparent;
}

#subSubNav li li {
	font-size: 1.2em;
}

#subSubNav li li li {
	font-size: 1.0em;
}

#subSubNav li ul li {
	margin: 1px 0 1px 15px;
	padding-left: 0px;
}

#subSubNav li ul ul {
	margin: 2px 0 8px 10px;
}

#subSubNav #search h3 {
	margin-bottom: 5px;
}

#subSubNav #searchform label {
	display: block;
	height: 0px;
	text-indent: -9999px;
}

#subSubNav #searchform #s {
	width: 130px;
}

#subSubNav #subscribe li {
	background: url(../images/nav-bullet.gif) no-repeat 0 50%;
	margin: .4em .5em;
	padding-left: .8em;
}

#subSubNav #subscribe .rss a, 
#content-sub .rss a {
	background: url(../images/icon_rss.png) left center no-repeat;
	display: block;
	padding-left: 20px;
	padding-bottom: 4px;
    position: relative;
}

#subSubNav #subscribe .twitter a, 
#content-sub .twitter a {
	background: url(../images/icon_twitter.png) left center no-repeat;
	display: block;	
	padding-left: 20px;
	padding-bottom: 4px;
    position: relative;
}

#content-sub .feedburner a,
#content-sub .twittercounter a {
	padding-left: 20px;
}

#subSubNav #subscribe img {
	margin-left: 50px;
	margin-top: 4px;
}

#subSubNav span.twitterTime,
#subSubNav #archives span {
	background: transparent;
	padding-left: 0;
}

#subSubNav #archives li,
#content-sub #archives li {
	background: none;
	padding: 0;
	margin-left: 0;
}

#subSubNav #archives li span,
#content-sub #archives li span {
	background: url(../images/icon_plus_minus.png) no-repeat 0 95%;
	cursor: pointer;
	font-weight: bold;
	padding-left: 20px;
}

#subSubNav #archives li.collapsed span,
#content-sub #archives li.collapsed span {
	background-position: 0 5%;
}

#content-sub #archives li ul {
	padding-left: 20px;
	padding-bottom: 10px;
}

#breadcrumb {
	padding: 15px 0;
	margin: 0 20px 0 22px;
	font-size: 10px;
	background: transparent url(../images/breadcrumb_line.gif) repeat-x scroll 0 22px;
}

#breadcrumb li {
	background: #fff url(../images/breadcrumb-separator.gif) no-repeat 100% 50%;
	font-size: 1.0em;
	float: left;
	padding: 0 15px 0 7px;
}

#breadcrumb .last {
	background: #fff none;
	padding-right: 10px;
}

#breadcrumb .printer {
	background: transparent url(../images/breadcrumb_line.gif) repeat-x scroll 0 22px;
	padding-left: 98%;
}

/* @end }}} */

/* @group Buttons {{{ */

a.chatFanatiguy {
	display: block;
	height: 260px;
	width: 230px;
	text-indent: -999em;
	background: url(../images/chat-fanati-guy.png) 0px 0px no-repeat transparent;
	overflow: hidden;
}

a.chatFanatiguy:hover {
	background-position: -230px 0px;
}

a.chatFanatiguy:active {
	background-position: -460px 0px;
}

a.chatButton {
	display: block;
	background: url(../images/button_chat_now_sprite.png) 0px 0px no-repeat transparent;
	height: 30px;
	width: 124px;
	text-indent: -999em;
}

a.chatButton:hover {
	background-position: 0px -30px;
}

a.chatButton:active {
	background-position: 0px -60px;
}

a.signupButton {
	display: block;
	height: 54px;
	width: 221px;
	text-indent: -999em;
	background: 0px 0px no-repeat transparent;
}

a.signupButton:hover {
	background-position: 0px -54px;
}

a.signupButton:active {
	background-position: 0px -108px;
}

a.freeTrialButton {
	display: block;
	height: 25px;
	width: 149px;
	text-indent: -999em;
	cursor: pointer;
	background: url(../images/button_free_trial.png) 0px 0px no-repeat transparent;
}

a.freeTrialButton:hover {
	background-position: 0px -25px;
}

a.freeTrialButton:active {
	background-position: 0px -50px;
}

.headerButton {
	height: 50px;
	width: 200px;
}
.headerButton:hover {
	background-position: 0px -50px;
}
.headerButton:active {
	background-position: 0px -100px;
}
a.standardButton {
	height: 30px;
	width: 150px;
}
a.standardButton:hover {
	background-position: 0px -30px;
}
a.standardButton:active {
	background-position: 0px -60px;
}

/* @end }}} */

/* @group Widgets {{{ */

#stats #statsTitle {
	font-size: 1.4em;
	font-weight: bold;
	text-align: center;
	margin-bottom: 10px;
}
#stats .majorList {
	margin: 0px;
	width: 204px;
}
#stats .majorList li {
	background: none;
	padding: 0;
	margin: 0;
}
#stats .majorList .title {
	text-align: center;
	margin: 5px 5px;
	font-size: 13px;
}
#stats .number {
	background: url(../images/apps/odometer.png) top right no-repeat;
	width: 204px;
	text-align: right;
	color: white;
	font-size: 28px;
	line-height: 43px;
	letter-spacing: 5px;
	padding-right: 3px;
}
#stats .number .percent {
	font-size: 60%;
	vertical-align: 5px;
}

/* @end }}} */

/* @group Footer {{{ */

#footer {
	background: url(../images/footer_bg.png) repeat-x top #FFF;
	border: 1px solid #555;
	border-top: none;
	padding: 20px 40px 10px;
}
#footer .localFooter {
	float: left;
	width: 146px;
	margin-bottom: 20px;
}
#footer .localFooter h6 {
	color: #666;
}
#footer .localFooter ul {
	margin: 0;
	padding: 0;
}
#footer .localFooter ul li {
	padding: 0;
	font-size: 11px;
	margin: 0;
}

.subFooter {
	text-align: center;
}
.subFooter ul li {
	display: inline;
	padding: 0 10px;
	border-right: 1px solid #999;
}
.subFooter ul li.first,
.subFooter ul li.last {
	border: none;
	padding-right: 0;
}
.subFooter ul li,
.subFooter ul li a,
.subFooter ul li a:visited {
	color: #999;
	font-size: 10px;
	line-height: 10px;
}
.globalFooter {
	height: 20px;
	padding: 12px 10px 0 44px;
	margin: 8px auto 0;
	line-height: 11px;
	border: 1px solid #575757;
	border-bottom: none;
	background: url(../images/footer-icon.gif) 12px 6px no-repeat white;
	color: #8E8E8E;
}

.globalFooter span {
	float: left;
}

.globalFooter ul {
	float: right;
	margin: 0;
}

.globalFooter ul li {
	font-size: 1.0em;
	line-height: 1em;
	padding: 0 12px;
	border-right: #515151 solid 1px;
}

.globalFooter ul li.last {
	border: none;
}

.globalFooter ul li a,
.globalFooter ul li a:visited {
	color: #515151;
}

.globalFooter ul li a:hover {
	border: none;
	color: black;
}

#privacy .floatLeft {
	float: left;
	margin-right: 20px;
	margin-top: 4px;
}

#privacy .floatRight {
	float: right;
	margin-top: 24px;
}

#sitemap .rightColumn {
	float: right;
	width: 318px;
}

#sitemap ul {
	margin-top: 5px;
}

#sitemap h2 {
	font-size: 20px;
	line-height: 26px;
	border-bottom: 1px solid #CCC;
}

/* @end }}} */

/* @group Layout {{{ */

.bodyInner {
	width: 960px;
	margin: 0 auto;
	overflow:visible;
	position: relative;
}

/* @group Content {{{ */

.content {
	background: url(../images/top-gradient.jpg) top repeat-x #FFF;
	padding-bottom: 36px;
	width: 958px;
	overflow: hidden;
	border-left: 1px solid #555;
	border-right: 1px solid #555;
}

.content p {
	margin-bottom: 10px;
	padding-left: 36px;
	padding-right: 36px;
}

.content .highlight p {
	margin: 0;
}

.content cite {
	display: block;
	font-style: normal;
	font-weight: bold;
}

.content cite span {
	display: block;
	font-weight: normal;
	font-size: 11px;
}

.specialBoxIn {
	margin-bottom: 16px;
	padding: 16px;
	background-color: #FFF;
	border: solid #CCC 1px;
	zoom: 1.0;
}

.specialBoxOut {
	background-color: #F4F4F4;
	padding: 16px;
}

.listTitleH2 {
	font: 20px/24px Arial, Helvetica, sans-serif;
	display: inline;
	background: white;
	padding-right: 16px;
}

.sectionLink {
	background-color: white;
	margin-top: 4px;
	padding-left: 8px;
	float: right;
}

.sectionFooter {
	height: 15px;
	font-size: 12px;
	text-align: right;
	background: url(../images/line_gray.png) 0px 7px repeat-x;
}

.sectionFooter div {
	float: right;
	padding: 2px 0 0 28px;
}
/* @end }}} */

/* @group Multi Column Content {{{ */

#content-main {
	border-right: 1px solid #d5d5d5;
	float: left;
	padding: 10px 20px 0 40px;
	margin-top: 20px;
	width: 578px;
}

#content-main div.separator {
	background: url(../images/separator.gif) 100% 100% no-repeat;
	margin: 20px 0px;
}

#content-sub {
	float: right;
	margin-top: 20px;
	padding: 10px 20px 0px 0px;
	position: relative;
	width: 280px;
}

#content-banner .banner-main,
.content-banner .banner-main {
	width: 420px;
	float: left;
	padding: 30px 0px 0px 40px;
}


#content-banner .banner-main h1.no_tagline {
    padding: 15px 0 0;
}

#content-banner .banner-main p,
.content-banner .banner-main p{
	width: 402px;
}

#content-banner .banner-sub,
.content-banner .banner-sub {
	float: right;
	padding: 20px 40px 0 0;
}

/* @end }}} */

/* @group Blocks {{{ */

.block {
	margin-bottom: 40px;
}

.border {
	border: 1px solid #CCC;
	padding: 10px 20px;
}

.block.last {
	margin-bottom: 0px;
}

.block h3 {
	margin: 0;
}

.block p,
.block li,
.block dt,
.block dd {
	font-size: 1.1em;
}

.block .block-inner {
	padding: 20px 20px 0px; 
}

.block ul {
	margin: 0;
	padding: 0;
}

.block li {
	background: transparent;
	border-bottom: 1px solid #CCC;
	margin: 0;
	padding: 5px 0;
}

.block li.last {
	border-bottom: 0;
	padding-bottom: 0;
}

.block p img {
	padding: 10px 0px;
}

a.external {
	background: transparent url(/images/external_icon.png) no-repeat 100% 2px;
	padding-right: 14px;
}

.questions {
	background: url(/images/sidebar-questions.png) no-repeat right bottom;
	height: 88px;
}
.questions p {
	margin-left: 10px;
}
#content-sub .quote {
	background: #ececec url(/images/layout/product/sidebar-quote-bottom.png) no-repeat 0 100%;
	margin-top: 5px;
	width: 240px;
	margin-left: 2px;
}
#content-sub .quote-inner {
	background: url(/images/layout/product/sidebar-quote-top.png) no-repeat 0 0;
	padding: 5px 10px 1px 28px;
}

.faqs dt {
	background: url(/images/icon_plus_minus_long.png) no-repeat 0 -60px;
	cursor: pointer;
	font-weight: bold;
}
.faqs dt.expanded {
	background: url(/images/icon_plus_minus_long.png) no-repeat 0 0;
}
.faqs dd,
.faqs dt {
	padding-left: 20px;
	line-height: 20px;
}
.cros-sell h3  {
    color: #C4001F;
}

.cross-sell ul {
	padding: 0;
	margin-top: 10px;
}
.cross-sell li {
	border: 0;
	float: left;
	margin-bottom: 5px;
}
.cross-sell img {
	float: right;
	margin-right: 20px;
}
.cross-sell div {
	float: left;
	width: 22em;	
	margin-bottom: 5px;
}
.cross-sell div h6 {
	font-size: 18px;
	font-family: Verdana;
	line-height: 1em;
	margin-bottom: 5px;	
	font-weight: normal;
}
.cross-sell div p {
	font-size: 11px;
	font-family: Verdana;
	padding: 0;
	margin: 0;
	line-height: 1.2em;	
}
.block.signup img.price {
	margin-left: 50px;
}
.block.signup div.signupArea {
	margin: 10px 0px;
	line-height: 16px;
	clear: both;
}
.block.signup div.listTitleH3 {
	margin-bottom: 10px;
	margin-top: 15px;
}
.block.signup div.includes {
	margin: 0;
}
.block.signup li {
	background: url(../images/green_check.gif) no-repeat scroll 0px 0px transparent;
	border: 0;
	padding: 0 0 0 30px;
	height: 100%;
	padding-bottom: 10px;
}
.block.signup li p {
	margin: 0px;
	padding: 0px;
}
/* @end }}} */


/* @group Product Landing Page {{{ */

.product-page #content-feature {
	position: relative;
}
.product-page #content-feature ul {
	margin: 0;
	padding: 0;
}

.product-page #content-feature li {
	margin: 0;
	padding: 0;
}

#content-feature li div.signupArea,
#content-feature li img.price-image {
	position: absolute;
}

/* Archiving Banner {{{ */
.email_archiving #content-feature li img.price-image {
	top: 35px;
	right: 50px;
}
/* }}} */

/* Banner Cycle Tabs {{{ */
#content-feature #feature-items li {
	background-position: 0 0;
	display: none;
	width: 958px;
}

#content-feature #feature-items li.first {
	display: block;
}

#content-feature #feature-nav li {
	float: left;
}

#content-feature #feature-nav li a:link,
#content-feature #feature-nav li a:visited {
	border-bottom: 0 none;
	display: block;
	padding-bottom: 0;
}

#content-feature #feature-nav li a:hover {
	background-position: 0 -50px;
}

#content-feature #feature-nav li.active a:link,
#content-feature #feature-nav li.active a:visited,
#content-feature #feature-nav li.active a:hover {
	background-position: 0 -100px;
}
/* }}} */

.product-page #breadcrumb {
	padding-bottom: 0;
}

.product-page #content-Benefits {
	margin:  20px 0px 20px 0;
	padding: 0 0px 15px 0;
	width: 878px;
}


.product-page #content-product {
	margin: 20px 40px 0;
	background: url(/images/rule.png) no-repeat 100% 100%;
	padding: 0 0px 15px;
	width: 520px;
}

.product-page #content-product .screenshot-list {
	margin: 0;
	padding: 0;
}

.product-page #content-product .screenshot-list li {
	background: transparent none;
	float: left;
	margin: 0;
	width: 30%;
	padding: 0 40px 0 0;
}

.product-page #content-product .screenshot-list li a {
	border-bottom: 0 none;
}

.product-page #content-product .screenshot-list li a.image-group {
	position: absolute;
	top: -9999px;
}

.product-page #content-product .screenshot-list li a.first {
	position: static;
}

.product-page #content-product .screenshot-list li img {
	display: block;
}

.product-page #content-product .screenshot-list li.last {
	padding-right: 0;
}

.product-page #content-main dl {
	clear: both;
	margin: 2em 0;
}

.product-page #content-main dl dt,
.product-page #content-main dl dd {
	float: right;
	width: 520px;
}

.product-page #content-main dl dd.image {
	float: left;
	width: 60px;
}

.product-page #content-main dl dd p {
	margin-top: 0;
	margin-left: 0;
}

.product-page #content-main .notes-disclaimers {
	border-top: 1px solid #dddddd;
	padding-top: 5px;
	padding-left: 10px;
}
.product-page #content-main .further-reading {
	padding: 30px 10px;
}
.product-page #content-main .further-reading h3 {
	clear: both;
	color: #2B7F35;  /* The red: #C4001F */
	margin: 0px;
	padding-bottom: 12px;
}
.product-page #content-main .further-reading ul {
	padding: 0;
}
.product-page #content-main .further-reading li {
	padding: 0 0 12px;
	background: none;
	font: 11px Verdana, Helvetica, sans-serif;
}
.product-page #content-main .further-reading a {
	color: #000000;  /* The red: #C4001F */
	padding: 0 0 12px;
	background: none;
	font: 11px Verdana, Helvetica, sans-serif;
}
.product-page #content-main .further-reading strong {
	color: #2B7F35;  /* The red: #C4001F */
	padding: 0 0 12px;
	background: none;
	font: 11px Verdana, Helvetica, sans-serif;
    font-weight: bold;
}

.product-page #cloudDrivePricingPopup {
	width: 275px;
	line-height: 1.2em;
}

.product-page .detailPopup p,
.product-page .detailPopup li {
	font-size: 1.0em;
	margin: 0;
}

.product-page .detailPopup li {
	background-position: 11px 5px;
	padding-bottom: 0;
}

.product-page .detailPopup ul {
	margin: 0;
	padding: 0;
}

.product-page #content-main dl.featureList .listTitleH3 {
	margin-top: 0px;
}
.product-page #content-main dl.featureList {
	margin-top: 0px;
}

.product-page #content-main dl.featureList .listCourseTitleH3 {
	margin-top: 0px;
}
/* @end }}} */

.textAlignRight {
    text-align: right;
}

.textNoWrap {
    white-space: nowrap;
}

/* CMS CONTENT STYLING {{{ */
#content-main ul ,
#contentColumn ul ,
ul.plainList {
	padding: 0 10px 5px;
}

#content-main ul li ,
#contentColumn ul li ,
ul.plainList li {
	padding: 0 20px 5px;
	background: url(../images/bullet_red_square.png) 7px 9px no-repeat;
}

#content-main ol li,
#contentColumn ol li {
    list-style-type: decimal;
    margin-left: 15px;
}

/* CMS CONTENT STYLING }}} */

/* Central Landing Pages {{{ */
#no-sidebar {
	padding: 30px;
}
#no-sidebar h3 {
	font-size: 18px;
	font-style: normal;
}
.product-box {
	background: url(../images/box_product_shadow_280x230.png) no-repeat -6px 0px;
	width: 245px;
	height: 195px;
	text-align: center;
	position: relative;
	padding: 20px;
}
#no-sidebar .product-box h3 {
	margin-top: 0px;
	margin-bottom: 15px;
}
.left {
	float: left;
}
ul.checklist li {
	background: url(images/layout/icons/icon_yes.gif) no-repeat;
	padding: 0 0 0 30px;
	height: 100%;
	margin: 0px 0px 10px 0px;
}
.product-box .product-box-icon {
	position: absolute;
	top: 100px;
	left: -8px;
}
.product-box .product-box-description {
	width: 190px;
	margin: 0 auto;
}
.product-box .product-box-price {
	margin: 10px auto;
}
.product-box .product-box-button {
	margin-left: auto;
	margin-right: auto;
}
.sub-product-box {
	background: url(../images/box_product_shadow_560x60.png) no-repeat 0px 0px;
	width: 520px;
	height: 50px;
	clear: both;
	margin: 0px 10px;
	padding: 15px 0px 0px 40px;
}
.sub-product-box p {
	display: block;
	float: left;
}
.sub-product-box img {
	display: block;
	float: left;
	margin-right: 10px;
}
.central-landing #checklist-main {
	margin-left: 10px;
}
.central-landing .checklist {
	width: 250px;
}
.central-landing .sectionTitle {
	margin-bottom: 20px;
}
.central-landing .product-box {
	margin-right: 20px;
}
.central-landing #checklist-main h3 {
	margin: 0;
	line-height: 18px;
}
.central-landing #checklist-main .link-text {
	margin-top: -10px;
}
.central-landing #checklist-main .post-checklist {
	padding-left: 30px;
	font-size: 11px;
}
/* }}} */

/* Sitemap {{{ */
/* lvl1 */

.sitemap #content-main {
   padding: 0 40px 0 10px;
}

#sitemap > li {
    padding: 0 20px 15px !important;
    list-style: none !important;
    background: none !important;
}

#sitemap > li > a{
    color: #C4001F;
    font-style: Georgia;
    font-weight: bold;
    font-size: 18px;
}

/* lvl2 */
#sitemap li ul li a{
    color: #0843B3;
    border-bottom: none;
}
/* Sitemap }}} */


#footer {
	clear: both;
}


/* {{{ page global */

#page .row {
	padding: 30px 36px 0 0;
	border-top: solid 1px #EEE;
	clear: both;
	zoom: 1.0;
}
#page .col { 
	float: left;
	padding-right: 20px;
	margin-right: 20px;
	border-right: solid 1px #DDD;
}
#page .last { 
	border: none;
	padding-right: 0;
	margin-right: 0;
}

#page .row {
	border-top: 1px solid #EEE;
	/*clear: both;*/
	padding: 30px 36px 0px;
}

#page #row2 { 
	background: url(../images/rax/row2_bg_top.png) right -10px no-repeat;
}
#page #row3 {
	background: url(../images/rax/row3_bg_top.png) top right no-repeat;
	padding-bottom: 16px;
}

/* }}} */

#apps .row {
	background: none;
}
#apps li{
	background: none;
	padding: 0px;
}
#apps #row1 {
	padding: 0;
	border: none;
}
#apps .banner {
	background: url(../images/apps/banner_hartsock.2.jpg) 0px 0px no-repeat;
	height: 338px;
	width: 922px;
	padding: 6px 18px;
	border-bottom: 1px solid #ccc;
}
#apps .bannerInner {
	width: 280px;
	float: right;
}
#apps .bannerInner h1 {
	text-align: center;
	white-space: nowrap;
	color: #FFFFFF;
	font: 17px/20px Georgia, Times, serif;
	font-weight: bold;
	margin-top: 8px;
}
#apps .productButton {
	width: 250px;
	height: 70px;
	padding: 5px 10px 15px 20px;
	margin-top: 10px;
	background: url(../images/apps/button_product.2.png) 0px 0px no-repeat;
}
#apps .productButton:hover {
	background-position: 0px -90px;
	cursor: pointer;
}
#apps .productButton:active {
	background-position: 0px -180px;
}
#apps .productButton img {
	float: right;
	margin-left: 10px;
}
#apps .productButton a {
	color: #0843B3;
	font-family: Verdana,Helvetica,sans-serif;
}

#apps .productButton h2 a {
	font-size: 18px;
}

#apps .productButton h2 a:hover {
	text-decoration: none;
}

#apps .productButton p {
	color: #555;
	font-size: 11px;
	line-height: 14px;
	margin: 0px;
	font-family: Verdana,Helvetica,sans-serif;
}

#apps .quoteBubble {
	font-size: 13px;
	line-height: 17px;
}

#apps #row3 {
	border: none;
	padding-bottom: 0;
}
#apps #row3 .col {
	padding-top: 10px;
	padding-bottom: 20px;
}
#apps #row3 .col1 {
	width: 260px;
}
#apps #row3 .col2 {
	width: 280px;
}
#apps #row3 .col3 {
	width: 260px;
}
#apps .sectionTitle {
	background: transparent;
}
#apps #row3 .majorList {
	margin: 20px 0 0 0;
}
#apps #row3 .majorList li {
	margin-bottom: 20px;
}
#apps #row3 .minorList {
	font-size: 10px;
}
#apps #buzz .minorList {
	border-top: solid 1px #DDD;
	padding-top: 10px;
}
#apps #buzz .minorList li {
	clear: both;
	font-size: 10px;
	margin-bottom: 10px;
}
#apps #buzz li img {
	float: left;
	margin: 0 10px 10px 0;
	height: 16px;
	width: 16px;
}

#apps #customers .blockInner {
	padding: 0 10px;
}
#apps #customers .quoteIcon {
	float: right;
	margin: -20px -25px 0 10px;
}
#apps #customers .quoteName,
#apps #customers .minorList {
	margin-left: 20px;
}

#apps #customers .minorList li {
	font-size: 10px;
}

#apps #stats .blockInner {
	margin-left: 20px;
}

#apps .bannerInner h1 {
	color: #BEE4F3;
	font: normal normal normal 17px/20px Georgia, Times, serif;
	font-weight: bold;
	margin-top: 8px;
	text-align: center;
	white-space: nowrap;
}

h2, .listTitleH2 span span, .listTitleH2 {
	color: #C20020;
	display: block;
	font: normal normal normal 22px/22px Georgia, Regular;
	font-weight: normal;
	margin: 0px;
}