/* Columns */
.row {margin:0 -9px; *zoom: 1; position:relative;}
.row.centered {max-width:1100px; margin:0 auto;}
.row:after, .row:before {content: " "; display: table;}
.row:after {clear:both;}
.column, .columninner { position:relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float:left; margin-bottom:18px; min-height:1px; padding:0 9px;}
.columninner {margin-bottom:0; padding-left:0;}

.noMargin>.column {margin-bottom:0!important;}

.container { max-width:1920px; width:auto; padding:18px; position:relative; box-sizing:border-box; margin:0 auto;}
.container.smallPage, .smallPage { max-width:900px;}
.container.mediumPage, .mediumPage { max-width:1100px;}
.loggedout .container { max-width:1100px; margin:0 auto;}

div.span12 {width:100%;}
div.span11 {width:91.666%;}
div.span10 {width:83.333%;}
div.span9 {width:75%;}
div.span85 {width:71%;}
div.span8 {width:66.666%;}
div.span75 {width:62.5%;}
div.span72 {width:60%;}
div.span7 {width:58.333%;}
div.span6 {width:50%;} 			/* For 2-column */
div.span5 {width:41.666%;}
div.span45 { width:37.5%;}
div.span4 {width:33.333%;} 		/* For 3-column */
div.span35 {width:29%;}
div.span3 {width:25%;} 			/* For 4-column */
div.span24 {width:20%;} 		/* For 5-column */
div.span225 {width:18.75%;}		/* 4 of these + span3 for pricing table */
div.span2 {width:16.666%;} 		/* For 6-column */
div.span1 {width:8.333%}

.pspanL4 {padding-left:33.333%;}
.pspanR4, .column.pspanR4:last-child {padding-right:33.333%;}
.pspanL35 {padding-left:29%;}
.pspanR35, .column.pspanR35:last-child {padding-right:29%;}
.pspanL3 {padding-left:25%;}
.pspanR3, .column.pspanR3:last-child {padding-right:25%;}
.pspanL2 {padding-left:16.666%;}
.pspanR2, .column.pspanR2:last-child {padding-right:16.666%;}
.pspanL1 {padding-left:8.333%}
.pspanR1, .column.pspanR1:last-child {padding-right:8.333%;}

.content, .contentTabbed, .lighter, .lighterTabbed {
	background: #eee;
	box-sizing:border-box;
	border-radius: 6px;
	box-shadow: inset 0 -1px 0 rgba(0,0,0,.1);
	padding:9px;
	position:relative;
	}
	
.lighter, .lighterTabbed {background:#fff; border:1px solid #eee; box-shadow:0 0 10px rgba(0,0,0,.1);}
.border {background:#fff; border-color:#000; border-width:1px; box-shadow:0 3px 10px rgba(0,0,0,.1);}
.contentTabbed { background:#fff; border-radius:0 0 6px 6px; box-shadow:none; border-top:0; padding-top:1em; padding-bottom:0;}
.content.lighter {background:#fefefe;}
.lighterTabbed {border-radius:0 0 6px 6px; box-shadow:0 10px 10px rgba(0,0,0,.1);}

.columninner {margin-bottom:0;}
.innercolumn {float:left; position:relative; margin:0 4% 0 0;}
.innercolumn.half {width:48%;}
.innercolumn.nomarginright {margin-right:0;}

.analytics-header { background: #eee; padding: .25em .75em; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px;}
.analytics-container {}
	
div.column.gray {}
.shortColumn, .longColumn {box-sizing:border-box;}
.shortColumn { position:absolute; left:0; right:auto; width:280px; padding:0 0 0 9px;}
.longColumn {min-height:300px; width:100%; padding:0 9px 0 300px;}
.shortColumn.right { width:380px; right:0; left:auto; padding:0 9px 0 0;}
.longColumn.right { padding:0 400px 0 9px;}

/* Masonry 4-column */
.grid {*zoom: 1; position:relative; width:100%;}
.gutter-sizer {width:1%}
.grid-sizer {width:24.25%;}
.grid-item { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing:border-box; width:24.25%; margin:0;}
.grid-item .lighter {margin-bottom:18px;}
.grid-item .lighter h4 {padding-bottom:9px;}

/* Dashboard */
.dashboardLayout {position:relative; padding-right:calc(33.333% + 18px);}
.dashboardHeader {}
.dashboardRH { position:absolute; width:33.333%; right:0; top:0;}
.rh1, .rh2, .rh3 {margin-bottom:18px; box-sizing:border-box;}
.rh2>div, .rh3>div {min-height:370px;}
.rh3>div {min-height:402px;}
.rh2.hasITB>div, .dashboardRH .hasITB .tab-panel {min-height:0;}
.rh3.hasITB>div {min-height:280px;}
.dashboardBody {}
.lform {}

.lform .selectHeader select { max-width:200px;}

@media only screen and (max-width:1600px) { 
}

@media only screen and (max-width:1200px) { 
	.span6.llh1, .span6.llh2 {width:100%;}
}

@media only screen and (max-width:1024px) { 
	.shortColumn { width:300px;}
	.longColumn { padding-left:320px; top:0;}
	.shortColumn.right { width:300px;}
	.grid-item, .grid-sizer {width:32%;}
	.gutter-sizer {width:2%}
	.longColumn.right { padding-right:320px; }
	.dashboardLayout {padding-right:318px;}
	.dashboardRH {width:300px;}
	
	div.mspan12 {width:100%;}
	div.mspan11 {width:91.666%;}
	div.mspan10 {width:83.333%;}
	div.mspan9 {width:75%;}
	div.mspan85 {width:71%;}
	div.mspan8 {width:66.666%;}
	div.mspan75 {width:62.5%;}
	div.mspan72 {width:60%;}
	div.mspan7 {width:58.333%;}
	div.mspan6 {width:50%;} 			/* For 2-column */
	div.mspan5 {width:41.666%;}
	div.mspan45 { width:37.5%;}
	div.mspan4 {width:33.333%;} 		/* For 3-column */
	div.mspan35 {width:29%;}
	div.mspan3 {width:25%;} 			/* For 4-column */
	div.mspan24 {width:20%;} 		/* For 5-column */
	div.mspan225 {width:18.75%;}		/* 4 of these + span3 for pricing table */
	div.mspan2 {width:16.666%;} 		/* For 6-column */
	div.mspan1 {width:8.333%}
	
	.mspan-spacer {width:100%; clear:both; margin-bottom:18px;}
}

@media only screen and (max-width:900px) { 
	.shortColumn { width:240px;}
	.longColumn { padding-left:250px; top:0;}
	.shortColumn.right { width:240px; }
	.longColumn.right { padding-right:250px;}
	.dashboardLayout {padding-right:0;}
	.dashboardRH {position:relative; width:100%;}
	.rh1, .rh2 {float:left; width:100%;}
	.rh1 {padding-right:0;}
	.rh2 {padding-left:0;}
	.rh2>div, .rh3>div {min-height:0;}
	.dashboardBody .span6 {width:100%;}
}

@media only screen and (max-width:768px) {
	.shortColumn { width:190px;}
	.longColumn { padding-left:200px;}
	.shortColumn.right { width:280px;}
	.longColumn.right { padding-right:300px;}
	.gutter-sizer {width:3%}
	.grid-item, .grid-sizer {width:48.5%;}
	.rh1, .rh2 {width:100%; float:none; padding:0;}
	
	.pspanL4, .pspanR4, .column.pspanR4:last-child, .pspanL35, .pspanR35, .column.pspanR35:last-child, .pspanL3, .pspanR3, .column.pspanR3:last-child,.pspanL2, .pspanR2, .column.pspanR2:last-child, .pspanL1, .pspanR1, .column.pspanR1:last-child {padding-right:0; padding-left:0;}
	
}

@media only screen and (max-width:641px) { 
	.shortColumn,.shortColumn.right { left:auto; right:auto; padding:0; width:100%; margin:0 0 9px 0; position:relative;}
	.longColumn, .longColumn.right  { padding:0;}
	.container {padding-left:18px; padding-right:18px;}
	.column {margin:0 0 9px 0; padding:0;}
	.column, .columninner, .grid-item, .grid-sizer { width:100%!important;}
	.gutter-sizer {width:0;}
	.row { margin:0;} 
	.grid-item .lighter {margin:9px 0;}
}

@media only screen and (max-width:580px) {
}

@media only screen and (max-width:320px) {
}