/*
  1120px Grid System ~ Core CSS.
  16 Columns ~ Margin left: 10px ~ Margin right: 10px
  Licensed under GPL and MIT.
*/

/*
  Forces backgrounds to span full width,
  even if there is horizontal scrolling.
  Increase this if your layout is wider.

  Note: IE6 works fine without this fix.
*/

body {
    min-width: 1120px;
}

.mobile{
	display:none !important;
}

/* `Containers
----------------------------------------------------------------------------------------------------*/

.container_16 {
    margin-left: auto;
    margin-right: auto;
    width: 1120px;
}

/* `Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16 {
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
}

.push_1, .pull_1,
.push_2, .pull_2,
.push_3, .pull_3,
.push_4, .pull_4,
.push_5, .pull_5,
.push_6, .pull_6,
.push_7, .pull_7,
.push_8, .pull_8,
.push_9, .pull_9,
.push_10, .pull_10,
.push_11, .pull_11,
.push_12, .pull_12,
.push_13, .pull_13,
.push_14, .pull_14,
.push_15, .pull_15 {
    position: relative;
}

/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
    margin-left: 0;
}

.omega {
    margin-right: 0;
}

/* `Grid >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .grid_1 {width: 50px;}
.container_16 .grid_2 {width: 120px;}
.container_16 .grid_3 {width: 190px;}
.container_16 .grid_4 {width: 260px;}
.container_16 .grid_5 {width: 330px;}
.container_16 .grid_6 {width: 400px;}
.container_16 .grid_7 {width: 470px;}
.container_16 .grid_8 {width: 540px;}
.container_16 .grid_9 {width: 610px;}
.container_16 .grid_10 {width: 680px;}
.container_16 .grid_11 {width: 750px;}
.container_16 .grid_12 {width: 820px;}
.container_16 .grid_13 {width: 890px;}
.container_16 .grid_14 {width: 960px;}
.container_16 .grid_15 {width: 1030px;}
.container_16 .grid_16 {width: 1100px;}

/* =Prefix Extra Space >> 16 Columns
--------------------------------------------------------------------------------*/
.container_16 .prefix_1 {padding-left: 70px;}
.container_16 .prefix_2 {padding-left: 140px;}
.container_16 .prefix_3 {padding-left: 210px;}
.container_16 .prefix_4 {padding-left: 280px;}
.container_16 .prefix_5 {padding-left: 350px;}
.container_16 .prefix_6 {padding-left: 420px;}
.container_16 .prefix_7 {padding-left: 490px;}
.container_16 .prefix_8 {padding-left: 560px;}
.container_16 .prefix_9 {padding-left: 630px;}
.container_16 .prefix_10 {padding-left: 700px;}
.container_16 .prefix_11 {padding-left: 770px;}
.container_16 .prefix_12 {padding-left: 840px;}
.container_16 .prefix_13 {padding-left: 910px;}
.container_16 .prefix_14 {padding-left: 980px;}
.container_16 .prefix_15 {padding-left: 1050px;}

/* =Suffix Extra Space >> 16 Columns
--------------------------------------------------------------------------------*/
.container_16 .suffix_1 {padding-right: 70px;}
.container_16 .suffix_2 {padding-right: 140px;}
.container_16 .suffix_3 {padding-right: 210px;}
.container_16 .suffix_4 {padding-right: 280px;}
.container_16 .suffix_5 {padding-right: 350px;}
.container_16 .suffix_6 {padding-right: 420px;}
.container_16 .suffix_7 {padding-right: 490px;}
.container_16 .suffix_8 {padding-right: 560px;}
.container_16 .suffix_9 {padding-right: 630px;}
.container_16 .suffix_10 {padding-right: 700px;}
.container_16 .suffix_11 {padding-right: 770px;}
.container_16 .suffix_12 {padding-right: 840px;}
.container_16 .suffix_13 {padding-right: 910px;}
.container_16 .suffix_14 {padding-right: 980px;}
.container_16 .suffix_15 {padding-right: 1050px;}


/* `Push Space >> 16 Columns
--------------------------------------------------------------------------------*/
.container_16 .push_1 {left: 70px;}
.container_16 .push_2 {left: 140px;}
.container_16 .push_3 {left: 210px;}
.container_16 .push_4 {left: 280px;}
.container_16 .push_5 {left: 350px;}
.container_16 .push_6 {left: 420px;}
.container_16 .push_7 {left: 490px;}
.container_16 .push_8 {left: 560px;}
.container_16 .push_9 {left: 630px;}
.container_16 .push_10 {left: 700px;}
.container_16 .push_11 {left: 770px;}
.container_16 .push_12 {left: 840px;}
.container_16 .push_13 {left: 910px;}
.container_16 .push_14 {left: 980px;}
.container_16 .push_15 {left: 1050px;}

/* `Pull Space >> 16 Columns
--------------------------------------------------------------------------------*/
.container_16 .pull_1 {left: -70px;}
.container_16 .pull_2 {left: -140px;}
.container_16 .pull_3 {left: -210px;}
.container_16 .pull_4 {left: -280px;}
.container_16 .pull_5 {left: -350px;}
.container_16 .pull_6 {left: -420px;}
.container_16 .pull_7 {left: -490px;}
.container_16 .pull_8 {left: -560px;}
.container_16 .pull_9 {left: -630px;}
.container_16 .pull_10 {left: -700px;}
.container_16 .pull_11 {left: -770px;}
.container_16 .pull_12 {left: -840px;}
.container_16 .pull_13 {left: -910px;}
.container_16 .pull_14 {left: -980px;}
.container_16 .pull_15 {left: -1050px;}

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */

.clearfix:before,
.clearfix:after {
    content: "\0020";
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

.clearfix:after {
    clear: both;
}

/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/

.clearfix {
    zoom: 1;
}

/* Percentage Columns
----------------------------------------------------------------------------------------------------*/
.one_half {
    width: 48.93617020799999%;
}

.one_third {
    width: 31.914893614%;
}

.two_third {
    width: 65.95744680199999%;
}

.one_fourth {
    width: 23.404255317%;
}

.three_fourth {
    width: 74.468085099%;
}

.one_fifth {
    width: 16.8%;
}

.two_fifth {
    width: 38.4%;
}

.three_fifth {
    width: 57.6%;
}

.four_fifth {
    width: 79.2%;
}

.one_sixth {
    width: 14.89361702%;
}

.five_sixth {
    width: 82.97872339599999%;
}

.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth {
    position: relative;
    margin-right: 2.127659574%;
    float: left;
}

.one_fifth, .two_fifth, .three_fifth, .four_fifth {
    position: relative;
    margin-right: 4%;
    float: left;
}

.last {
    margin-right: 0 !important;
    clear: right;
}

.clearboth {
    clear: both;
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    width: 100%;
}

/*+++++++++++++++++ TABLET++++++++++++++++++*/
@media only screen and (min-width: 768px) and (max-width: 1119px) {
   
    body {
        min-width: 100%;
		max-width: 100%;
    }
	
	.mobile{
		display:none !important;
	}
	
	.non-tablet{
		display:none !important;
	}
	
	.tablet{
		display: block !important;
	}

    /* `Containers
    ----------------------------------------------------------------------------------------------------*/

    .container_16 {
        margin-left: auto;
        margin-right: auto;
        width: 100%;
    }

    /* `Grid >> Global
    ----------------------------------------------------------------------------------------------------*/

    .grid_1,
    .grid_2,
    .grid_3,
    .grid_4,
    .grid_5,
    .grid_6,
    .grid_7,
    .grid_8,
    .grid_9,
    .grid_10,
    .grid_11,
    .grid_12,
    .grid_13,
    .grid_14,
    .grid_15,
    .grid_16 {
        display: inline;
        float: left;
        margin-left: 0.8928571429%;
        margin-right: 0.8928571429%;
    }

    .push_1, .pull_1,
    .push_2, .pull_2,
    .push_3, .pull_3,
    .push_4, .pull_4,
    .push_5, .pull_5,
    .push_6, .pull_6,
    .push_7, .pull_7,
    .push_8, .pull_8,
    .push_9, .pull_9,
    .push_10, .pull_10,
    .push_11, .pull_11,
    .push_12, .pull_12,
    .push_13, .pull_13,
    .push_14, .pull_14,
    .push_15, .pull_15 {
        position: relative;
    }

    /* `Grid >> Children (Alpha ~ First, Omega ~ Last)
    ----------------------------------------------------------------------------------------------------*/

    .alpha {
        margin-left: 0;
    }

    .omega {
        margin-right: 0;
    }

    /* `Grid >> 16 Columns
    ----------------------------------------------------------------------------------------------------*/

	.container_16 .grid_1 { width: 4.4642857143%; }
	.container_16 .grid_2 { width: 10.7142857143%; }
	.container_16 .grid_3 { width: 16.9642857143%; }
	.container_16 .grid_4 { width: 23.2142857143%; }
	.container_16 .grid_5 { width: 29.4642857143%; }
	.container_16 .grid_6 { width: 35.7142857143%; }
	.container_16 .grid_7 { width: 41.9642857143%; }
	.container_16 .grid_8 { width: 48.2142857143%; }
	.container_16 .grid_9 { width: 54.4642857143%; }
	.container_16 .grid_10 { width:60.7142857143%; }
	.container_16 .grid_11 { width:66.9642857143%; }
	.container_16 .grid_12 { width:73.2142857143%; }
	.container_16 .grid_13 { width:79.4642857143%; }
	.container_16 .grid_14 { width:85.7142857143%; }
	.container_16 .grid_15 { width:91.9642857143%; }
	.container_16 .grid_16 { width:98.2142857143%; }
	
	.container_16 .push_1 {left: 6.25%;}
	.container_16 .push_2 {left: 12.50%;}
	.container_16 .push_3 {left: 18.75%;}
	.container_16 .push_4 {left: 25.00%;}
	.container_16 .push_5 {left: 31.25%;}
	.container_16 .push_6 {left: 37.50%;}
	.container_16 .push_7 {left: 43.75%;}
	.container_16 .push_8 {left: 50.00%;}
	.container_16 .push_9 {left: 56.25%;}
	.container_16 .push_10 {left:62.50%;}
	.container_16 .push_11 {left:68.75%;}
	.container_16 .push_12 {left:75.00%;}
	.container_16 .push_13 {left:81.25%;}
	.container_16 .push_14 {left:87.50%;}
	.container_16 .push_15 {left:93.75%;}

}


/*+++++++++++++++++ MOBILE ++++++++++++++++++*/
@media only screen and (max-width: 767px) {

    /* Grid Logic for 960 syntax
    ----------------------------------------------------------------------------------------------------*/
    body {
        width: 100%;
        min-width: 100%;
    }

	.mobile{
		display:block !important;
	}
	span.mobile{
		display:inline !important;
	}
	.non-mobile{
		display:none !important;
	}
    .container_16 {
        width: 100%;
        margin-left: 0%;
        margin-right: 0%;
    }

    .align_center,
    .align_right {
        text-align: left;
    }

    .grid_1,
    .grid_2,
    .grid_3,
    .grid_4,
    .grid_5,
    .grid_6,
    .grid_7,
    .grid_8,
    .grid_9,
    .grid_10,
    .grid_11,
    .grid_12,
	.grid_13,
	.grid_14,
	.grid_15,
	.grid_16{
        display: inline;
        float: left;
        position: relative;
        margin-left: 2%;
        margin-right: 2%;
    }

    .alpha {
        margin-left: 0;
    }

    .omega {
        margin-right: 0;
    }

    .container_16 .grid_1,
    .container_16 .grid_2,
    .container_16 .grid_3,
    .container_16 .grid_4,
    .container_16 .grid_5,
    .container_16 .grid_6,
    .container_16 .grid_7,
    .container_16 .grid_8,
    .container_16 .grid_9,
    .container_16 .grid_10,
    .container_16 .grid_11,
    .container_16 .grid_12,
    .container_16 .grid_13,
    .container_16 .grid_14,
    .container_16 .grid_15,
    .container_16 .grid_16 {
        width: 96%;
    }

    .container_16 .suffix_1,
    .container_16 .suffix_2,
    .container_16 .suffix_3,
    .container_16 .suffix_4,
    .container_16 .suffix_5,
    .container_16 .suffix_6,
    .container_16 .suffix_7,
    .container_16 .suffix_8,
    .container_16 .suffix_9,
    .container_16 .suffix_10,
    .container_16 .suffix_11,
    .container_16 .suffix_12,
    .container_16 .suffix_13,
    .container_16 .suffix_14,
    .container_16 .suffix_15 {
        padding-right: 0%;
    }

    .container_16 .push_1,
    .container_16 .push_2,
    .container_16 .push_3,
    .container_16 .push_4,
    .container_16 .push_5,
    .container_16 .push_6,
    .container_16 .push_7,
    .container_16 .push_8,
    .container_16 .push_9,
    .container_16 .push_10,
    .container_16 .push_11,
    .container_16 .push_12,
    .container_16 .push_13,
    .container_16 .push_14,
    .container_16 .push_15 {
        left: 0%;
    }

    .container_16 .pull_1,
    .container_16 .pull_2,
    .container_16 .pull_3,
    .container_16 .pull_4,
    .container_16 .pull_5,
    .container_16 .pull_6,
    .container_16 .pull_7,
    .container_16 .pull_8,
    .container_16 .pull_9,
    .container_16 .pull_10,
    .container_16 .pull_11,
    .container_16 .pull_12,
    .container_16 .pull_13,
    .container_16 .pull_14,
    .container_16 .pull_15 {
        left: 0%;
    }

    /* Layout behavior for Column syntax
    ----------------------------------------------------------------------------------------------------*/

    .one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth {
        /*width: 98% !important;*/
		width: 100%;
        position: relative;
        /*margin-left: 1%;*/
        /*margin-right: 1%;*/
        float: left;
        display: block;
    }

    .last {
        margin-right: 0 !important;
        clear: right;
    }

    .clearboth {
        clear: both;
        display: block;
        font-size: 0;
        height: 0;
        line-height: 0;
        width: 100%;
    }
	
	/* Content Changes */
	body{
		background:#fff !important;
		padding-top:0 !important;
	}
	#top-nav-holder{
		position:relative !important;
	}

	#premierholder table{
		height:50px !important;
		margin:10px auto !important;
	}
	.content_holder, .outer-fade{
		box-shadow: 0 0 0 !important; 
		-webkit-box-shadow: 0 0 0 !important; 
		-moz-box-shadow: 0 0 0 !important;
	}
	.article_banner_holder{
		width:100% !important;
		margin:20px 0 !important;
		padding: 0 !important;
	}
	.article_banner_holder .date{
		width:300px !important;
		display:block;
	}
	.standout-quote{
		background: #2b2b2b !important;
		position: relative !important;
		float: none !important;
		margin:0 !important;
		width:100% !important;
	}
	#header{
		width:100% !important;
		height:auto !important;
	}
	#header #main_logo{
		width: 100% !important;
		height: auto !important;
	}
	#header #main_logo img{
		max-width:40%;
		height: auto !important;
		float:left;
	}
	#header #user_navigation{
		top: 0 !important;
	}
	#header_items{
		width: 60%;
		float:right;
		padding: 0 !important;
		position:relative;
		height:36px;
		margin-top:-36px;
	}
	#mobile-header-holder{
		background:#000;
		box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
	}
	.padding-wrap{
		padding: 0 !important;
	}
	.standout-title{
		left:0 !important;
		position:relative !important;
	}
	.article-title{
		padding-left:0 !important;
	}
	.scoreboard .scoreboard_pros,
	.scoreboard .scoreboard_cons{
		width:45% !important;
		float:left !important;
		margin-right:5% !important;
		margin-left:0 !important;
	}
	.scoreboard .scoreboard_text{
		margin-left:30px !important;
	}
	.review_score .review_score_circle{
		background:transparent !important;
		margin-top: 0 !important;
	}
}