* { margin: 0; padding: 0; }

body.popup {
	background: #fff !important;
	padding: 0 12px;
}

body {
	background: #fff url(/img/bg_body.gif) repeat-x 0 0;
	text-align: center;
}

body.alt,
body.solutions {
	background: #fff url(/img/bg_body_alt.gif) repeat-x 0 0;
}

.container {
	margin: 0 auto;
	position: relative;
	text-align: left;
	width: 996px;
}

#header {
	position: relative;
	z-index: 1;
}

#header .container {
	background: url(/img/bg_header.gif) bottom right no-repeat;
	height: 124px;
	width: 998px;
}

body.alt #header .container {
	background: url(/img/bg_header_alt.gif) bottom center no-repeat;
	height: 154px;
	padding: 0 10px;
	width: 1018px;
}

#content {
	background: #f2f2f3;
	border-bottom: 1px solid #e5e5e5;
	border-top: 1px solid #e5e5e5;
}

#copy {
	background:url(/img/bg_copy_col.gif) top center repeat-y;
	margin: 0 auto;
	width: 998px;
}

body.alt #copy {
	background:url(/img/bg_copy_alt.gif) top center repeat-y;
}

body.solutions #copy,
body.leaf #copy {
	background:url(/img/bg_copy_col_full.gif) top center repeat-y;
}

/* .container nested in #copy needs a couple extra pixels to show the "sidebars" */
#copy .container {
	background: url(/img/bg_copy_container.gif) no-repeat 100% 100%;
	min-height: 500px;
	margin: 0 auto;
	padding: 0 1px;
}

body.solutions #copy .container {
	background: none;
	min-height: 500px;
	margin: 0 auto;
	padding: 0 1px;
	}
	
body.alt #copy .container {
	background: url(/img/bg_copy_container_alt.gif) no-repeat 100% 100%;
	min-height: 500px;
	margin: 0 auto;
	padding: 0 1px;
}

body.leaf #copy .container {
	background: url(/img/bg_copy_container_full.gif) no-repeat 100% 100%;
}

#sidebar {
	float: left;
	width: 140px;
}

body.alt #sidebar {
	width: 218px;
}

body.solutions #sidebar {
	background: #fff;
	border: 1px solid rgba(0,0,0,.15);
	box-shadow: 0px 0px 5px rgba(0,0,0,.3); -moz-box-shadow: 0px 0px 5px rgba(0,0,0,.2); -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,.3);
	margin: -28px 0 25px 19px;
	padding: 0 10px 15px 10px;
	position: relative;
	z-index: 5;
	width: 208px;
}

.no-rgba body.solutions #sidebar {
	border: 1px solid #ddd;
}

body.solutions.full-layout #sidebar { margin-top: 25px; }

.sidebar {
	float: right;
	width: 140px;
}

.copy {
	float: left;
	padding: 15px 0 15px 0;
	width: 856px;
	text-align: left;
}

body.popup .copy {
	background: #fff;
	width: auto;
}

body.leaf .copy {
	float: none;
	padding: 15px;
	width: auto;
}

#user {
	border-left: 1px solid transparent;
	border-right: 1px solid transparent;
	color: #999;
	height: 32px;
	line-height: 32px;
	font-size: 10px;
	padding: 0 5px;
	position: absolute;
	right: 0;
	top: 0;
}

body.alt #user,
body.solutions #user {
	right: 20px;
}

#user.signin-toggled {
	background: #eee;
	border-left: 1px solid #bbb;
	border-right: 1px solid #bbb;
	padding: 0 5px;
	color: #777;
}

#user #signin {
	background: #eee;
	border: 1px solid #bbb;
	border-top: none;
	display: none;
	line-height: 1.1em;
	margin: 0 -1px 0 0;
	padding: 7px 10px 10px 10px;
	position: absolute;
	top: 33px;
	right: 0;
	width: 170px;
	z-index: 20002;
}

#user.signin-toggled a {
	color: #464646;
}

#user #signin label {
	display: block;
	font-size: 11px;
	margin: 4px 0 4px 0;
}

#user #signin input.text {
	display: block;
	margin: 0 0 3px 0;
	width: 98%;
}

img#logo {
	position: absolute;
	left: 0;
	top: 5px;
}

body.u2u #header a.button {
	position: absolute;
	left: 74px;
	top: 4px;
}

body.narrow .container {
	width: 856px;
}

body.narrow #header .container {
	background: url(/img/bg_narrow_header.gif) no-repeat 0 100%;
	margin: 0 auto;
	width: 858px;
}

body.narrow.accounts #header .container {
	background: none;
	margin: 0 auto;
	width: 858px;
}

body.narrow #header .container {
	width: 858px;
}

body.narrow #copy {
	background:url(/img/bg_narrow_copy_col.gif) top center repeat-y;
	width: 858px;
}

/* .container nested in #copy needs a couple extra pixels to show the "sidebars" */
body.narrow #copy .container {
	background: url(/img/bg_narrow_copy_container.gif) no-repeat 0 100%;
}

#footer {
	background: url(/img/bg_footer.gif) no-repeat 100% 12px;
	min-height: 1%;
	z-index: 1;
}

/* hide sections for popup */
body.popup #header,
body.popup #footer,
body.popup #sidebar {
	display: none;
}

/*********** = columns = ***********/

.columnized { 
	margin-left: 30px !important; 
	margin-right: 30px !important; 
}

.column,
.column.sm {
	float: left;
	padding: 2px 0 0 30px;
	width: 245px;
}

.main-content .column.sm.right {
	padding: 0 20px 0 0 !important;
}

/*
.column.micro,
.unbalanced .column.sm {
	width: 125px;
}
*/

.micro,
.unbalanced .column.sm {
	float: right;
	width: 125px;
}


.column.micro.right {
	float: right;
}

.column.right {
	float: right !important;
	text-align: left;
}

.column.md {
	width: 520px;
}

.column.md.no-padding {
	width: 550px;
}

.column.grande,
.unbalanced .column.md {
	width: 640px;
}

.column.lg,
.column.full {
	width: 796px;
	float: none;
}

.column.md .column.full {
	width: 520px;
}

.column.lg.no-padding {
	width: 840px;
}

body.full-layout .column {
	padding: 0 0 0 15px;
	width: 265px;
}

body.full-layout .column.md {
	width: 545px;
}

body.full-layout .column.lg,
body.full-layout .column.full {
	width: 825px;
}

/* nested modular layouts in a vertab, we want the width to inherit from the container */
.verttabactive .column.full {
	width: auto !important;
}

.column.no-padding {
	padding: 0 !important;
}

.column.padding-right {
	padding: 0 15px 0 0 !important;
}

.column.no-float {
	float: none !important;
}

.column.half {
	width: 383px;
}

body.full-layout .column.half {
	width: 405px;
}

/*
.column.half .column {
	padding: 0;
	width: 177px;
}
*/

body.full-layout .column.half .column {
	padding: 0;
	width: 195px;
}

.column.half .column:last-child {
	float: right;
}

.column.md .column.half {
	width: 245px;
    padding: 0
}

/* two equal width columns nested in medium column callouts */
.md .callout .column.half { width:228px; }

.md .callout-alt .column.half,
.md .related-baynote .column.half,
.md .designarea-pod .column.half,
.md .highlight .column.half {
	 width: 230px; 
}

.blogs .blog-ads .highlight .column.half {
	 width: 48%; 
}

.blogs .blog-ads .highlight .count2 { float: right !important; }

/* multimedia wide in a highlights bar */
.highlights .multimedia-wide .column.half.count1,
.highlights .multimedia-wide .column.half.count2 { 
	width: 210px; 
}

/* four columns */
div.four .column,
div.four .column.sm {
	width: 177px;
}

.column.quarter {
	width: 176px;
}

.column .column.quarter {
	margin-right: 30px;
	*margin: 0 0 0 0 !important;
	width: 176px;
}

body.full-layout div.four .column.sm,
body.full-layout .column.quarter {
	width: 196px;
}

body.full-layout .column.quarter {
	margin-right: 15px;
}

.count4 {
	margin: 0 !important;
}

div.four .column.half {
	width: 384px;
}

body.full-layout div.four .column.half {
	width: 407px;
}

div.four .column.md {
	width: 591px;
}

body.full-layout div.four .column.md {
	width: 618px;
}

/* leaf stuff 935 - (30*2) = 935 width */
body.leaf .column {
	margin: 0 15px;
	padding: 0;
}

/* body.leaf .column.md {
	width: 655px;
} */

body.leaf .four .column.sm {
	width: 211px;
}

body.leaf .column.third {
	width: 292px;
}

body.leaf .column.two-third {
	width: 614px;
}

body.leaf .column.quarter {
	margin: 0 30px 0 0;
	padding: 0 !important;
	width: 219px;
}

body.leaf .four .column.half {
	width: 452px;
}

body.leaf .four .column.md {
	width: 693px;
}

body.leaf .four .column.medium-half {
	margin: 0;
	width: 332px;
}

body.leaf .column.weighted {
	width: 385px;
}

body.leaf .column.weighted .column.sm {
	width: 50%;
}

body.leaf .column .column {
	margin: 0;
}

/* don't give nested columns left padding - rely on margins for the last child */
.column .row .column {
	padding: 0;
}

.column.half .column.full {
	width: 383px;
}

.column.half div.wrapper .column:last-child {
	margin-left: 29px;
}


div.column div.wrapper .column.sm:last-child,
/* div.md .column:last-child, */
div.column div.wrapper .column:last-child {
	margin-left: 30px;
}

/* if columns are nested from a full width single column then it needs left padding, but not the first
.number-columns-1 .column { padding: 0 0 0 30px; }
.number-columns-1 .column.count1 { padding: 0; }  */ 

.column div.row.thirds div.column.sm {
	padding-right: 30px;
}

.column div.row.thirds div.column.sm.count3 {
	padding: 0;
}

/* 3 nested small columns in a medium column */
.md div.column.sm.number-columns-3 {
	margin: 0 15px 0 0;
	padding: 0;
	width: 163px;
}

.md div.column.sm.number-columns-3.count3 {
	float: right;
	margin: 0;
}

/* callouts nested in a full size callout */
.callout-alt .sm {
	width: 230px;
}

.callout-alt .md {
	width: 510px;
}

/* 2 nested small columns in a full size callout */
.callout div.column.half.number-columns-2,
.callout-alt div.column.half.number-columns-2,
.highlight div.column.half.number-columns-2 {
	width: 48% !important;
}

.callout div.column.half.number-columns-2.count2,
.callout-alt div.column.half.number-columns-2.count2,
.highlight div.column.half.number-columns-2.count2 { float: right !important; }

/* 3 nested small columns in a full size callout */
.callout div.column.sm.number-columns-3,
.callout-alt div.column.sm.number-columns-3,
.highlight div.column.sm.number-columns-3 {
	margin-right: 29px;
	width: 230px;
}

.callout div.column.sm.number-columns-3.count2,
.callout-alt div.column.sm.number-columns-3.count2,
.highlight div.column.sm.number-columns-3.count2 {
	width: 245px;
}

.callout div.column.sm.number-columns-3.count3,
.callout-alt div.column.sm.number-columns-3.count3,
.highlight div.column.sm.number-columns-3.count3 { 
	margin: 0 !important; 
}

/* float the second column when it's nested */
.column.full .column.half.count2,
.verttabactive .panel .column.half.count2,
.column.md .column.half.count2,
.alt .column.half.count2,
.solutions .column.half.count2,
.column .row .count2.number-columns-2 {
	float: right;
}

/* alt aka solutions */
body.alt .copy {
	overflow: visible;
	padding: 0 63px 15px 63px;
	width: 652px;
}

body.solutions div.copy {
	float: right;
	overflow: visible;
	padding: 0 19px 0 0;
	width: 710px;
}

body.alt .narrow,
body.solutions .narrow {
	margin: 0 0 0 -63px;
	padding: 0 155px 0 63px;
	width: 560px;
}

body.alt .column,
body.solutions .column {
	padding: 0;
}

body.alt .row .column.full,
body.solutions .row .column.full {
	width: 652px !important;
}

body.alt .column.half,
body.solutions .column.half {
	width: 316px;
}

body.alt .narrow .column,
body.solutions .narrow .column {
	margin: 0;
	width: 254px;
}

body.alt .wrapper .column:last-child,
body.solutions .wrapper .column:last-child {
	float: right !important;
}

body.alt .row .column.md,
body.solutions .row .column.md,
body.alt .row .column.md .column.full,
body.solutions .row .column.md .column.full  {
	float: left;
	width: 369px !important;
}

body.alt .row .column.sm,
body.solutions .row .column.sm  {
	margin: 0;
	float: right;
	width: 245px;
}

body.alt .verttabactive .panel .column.half,
body.solutions .verttabactive .panel .column.half {
	width: 230px;
}

/* multimedia */
div.mm .column.sm {
	border-bottom: 1px solid #777;
	display: inline;
	margin:  0 10px 0 10px;
	padding: 10px 5px 10px 5px;
	width:240px;
}

div.mm .column.sm:hover {
	background: #515151;
	cursor: pointer;
}

div.mm .column.selected {
	background: #5f5f5f !important;
	border: 1px solid #777 !important;
	width: 238px !important;
}

div.mm .rows .row:last-child .column.selected {
	border-top: none !important;
}

div.mm .row .column.sm:first-child {
	margin-left: 25px;
}

/* for elements, such as "callout", that need margins */
.columned {
	margin-left: 30px !important;
	margin-right: 30px !important;
}

body.full-layout .columned {
	margin-left: 15px !important;
	margin-right: 15px !important;
}

.solutions .row.tinted {
	background: #f2f7fb;
	border: none;
	box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;
	margin: 15px 0 15px -19px;
	padding: 15px 19px 5px;
	width: 710px;
}

.solutions .copy .row.tinted:last-child { margin-bottom: 0; }

.solutions .copy .row.tinted:first-child,
.solutions .title + .row.tinted { margin-bottom: 15px !important; }

.row.staggered.right .column.sm,
.mini {
	width: 185px;
}

/* solutions */
body.solutions .narrow {
	margin: 0 0 0 0;
	padding: 0;
	width: 560px;
}

body.solutions .column {
	padding: 0;
}

body.solutions .row .column.full {
	width: auto !important;
}

body.solutions .column.half {
	width: 48%;
}

body.solutions .narrow .column {
	margin: 0;
	width: 254px;
}

body.solutions .wrapper .column:last-child {
	float: right !important;
}

body.solutions .row .column.md,
body.solutions .row .column.md .column.full  {
	float: left;
	width: 460px !important;
}

body.solutions .row .column.sm  {
	margin: 0;
	float: right;
	width: 230px;
}

body.solutions .row .column.sm.number-columns-3  {
	margin: 0 0 0 10px;
	float: left;
	width: 230px;
}

body.solutions .row .column.count1.sm.number-columns-3 {
	margin: 0;
}

body.solutions .verttabactive .panel .column.half {
	width: 230px;
}