/* Responsive Columns CSS Styles - Erik Swenson http://erikswenson.blogspot.com/ */

/* Set Content Box Min Width */
#contentBox{min-width: 0px !important;}

/* Column Styles */

.ms-viewheadertr th{
	text-align: center !important;
	height: 20px;
	background-color: #006CB5;
	padding: 0px 30px 3px 18px;
	font-family: 'Open Sans', sans-serif;
	font-weight:800;
	color:#FFF;
	font-size: 13px;
	border-right: 1px #FFF solid;
	text-transform:uppercase;
	white-space: nowrap;
}
/* This important tag helps keep the headings white on pages like the permission levels page */
.ms-viewheadertr th a{
	color:#FFF !important;
}
.s4-ctx{
		padding: 0px 10px 0px 10px;
}
.ms-viewheadertr th a,
.ms-viewheadertr th a:active,
.ms-viewheadertr th a:visited{color: #FFF;}
.ms-viewheadertr th a{cursor: pointer;}

.ms-viewheadertr th:first-child+th{background-color: #006CB5;}
.ms-viewheadertr th:first-child+th+th{background-color: #aeaeae;}
.ms-viewheadertr th:first-child+th+th+th{background-color: #006CB5;}
.ms-viewheadertr th:first-child+th+th+th+th{background-color: #aeaeae;}
.ms-viewheadertr th:first-child+th+th+th+th+th{background-color: #006CB5;}
.ms-viewheadertr th:first-child+th+th+th+th+th+th{background-color: #aeaeae;}
.ms-viewheadertr th:first-child+th+th+th+th+th+th+th{background-color: #006CB5;}
.ms-viewheadertr th:first-child+th+th+th+th+th+th+th+th{background-color: #aeaeae;}
.ms-viewheadertr th:first-child+th+th+th+th+th+th+th+th+th{background-color: #006CB5;}
.ms-viewheadertr th:first-child+th+th+th+th+th+th+th+th+th+th{background-color: #aeaeae;}
.ms-viewheadertr th:first-child+th+th+th+th+th+th+th+th+th+th+th{background-color: #006CB5 ;}
.ms-viewheadertr th:first-child+th+th+th+th+th+th+th+th+th+th+th+th{background-color: #aeaeae;}
.ms-viewheadertr th:first-child+th+th+th+th+th+th+th+th+th+th+th+th+th{background-color: #006CB5;}
.ms-viewheadertr th:first-child+th+th+th+th+th+th+th+th+th+th+th+th+th+th{background-color: #aeaeae;}

/* Desktop Landscape (All Screens Up to 1280px) */
@media only screen 
and (max-width: 1550px){

/* Hide Columns */
.ms-viewheadertr th:first-child+th+th+th+th+th+th+th+th+th+th,
.ms-listviewtable td:first-child+td+td+td+td+td+td+td+td+td+td{display: none;}
.ms-viewheadertr th:first-child+th+th+th+th+th+th+th+th+th+th+th,
.ms-listviewtable td:first-child+td+td+td+td+td+td+td+td+td+td+td{display: none;}
.ms-viewheadertr th:first-child+th+th+th+th+th+th+th+th+th+th+th+th,
.ms-listviewtable td:first-child+td+td+td+td+td+td+td+td+td+td+td+td{display: none;}
.ms-viewheadertr th:first-child+th+th+th+th+th+th+th+th+th+th+th+th+th,
.ms-listviewtable td:first-child+td+td+td+td+td+td+td+td+td+td+td+td+td{display: none;}
.ms-viewheadertr th:first-child+th+th+th+th+th+th+th+th+th+th+th+th+th+th,
.ms-listviewtable td:first-child+td+td+td+td+td+td+td+td+td+td+td+td+td+td{display: none;}

}


/* Desktop Landscape (All Screens Up to 1280px) */
@media only screen 
and (max-width: 1350px){

/* Hide Columns */
.ms-viewheadertr th:first-child+th+th+th+th+th+th+th+th+th,
.ms-listviewtable td:first-child+td+td+td+td+td+td+td+td+td{display: none;}


}


/* Desktop Landscape (All Screens Up to 1280px) */
@media only screen 
and (max-width: 1200px){

/* Hide Columns */
.ms-viewheadertr th:first-child+th+th+th+th+th+th+th+th,
.ms-listviewtable td:first-child+td+td+td+td+td+td+td+td{display: none;}


}

/* Tablet Landscape (All Screens Up to 1024px) */
@media only screen 
and (max-width: 1024px){

/* Hide Top Header */
#s4-titlerow{display: none !important;}

/* Hide Columns */
.ms-viewheadertr th:first-child+th+th+th+th+th+th+th,
.ms-listviewtable td:first-child+td+td+td+td+td+td+td{display: none;}

}

/* Tablet Portait (Custom) */
@media only screen 
and (max-width: 950px){
/* Modified to show left side navigation */
/* Hide Left Nav */
/* #sideNavBox{display: none !important;} */
#contentBox{margin-left: 20px !important;}

}


/* Tablet Portait (All Screens Up to 768px) */
@media only screen 
and (max-width: 768px){

/* Hide Columns */
.ms-viewheadertr th:first-child+th+th+th+th+th+th,
.ms-listviewtable td:first-child+td+td+td+td+td+td{display: none;}

}


/* Tablet Portait (Custom) */
@media only screen 
and (max-width: 650px){

/* Hide Columns */
.ms-viewheadertr th:first-child+th+th+th+th+th,
.ms-listviewtable td:first-child+td+td+td+td+td{display: none;}

}


/* Phone Portait (All Screens Up to 480px) */
@media only screen 
and (max-width: 480px){

/* Hide Top Ribbon and Branding Text */
#s4-ribbonrow{display: none !important;}
.ms-core-brandingText{display: none;}

/* Hide Columns */
.ms-viewheadertr th:first-child,
/*.ms-listviewtable td:first-child{display: none;}*/
.ms-viewheadertr th:first-child+th+th+th+th,
.ms-listviewtable td:first-child+td+td+td+td{display: none;}
}

/* Phone Portait (All Screens Up to 480px) */
@media only screen 
and (max-width: 320px){

/* Hide Top Blue Bar and make gray bar 100% */
#suiteBar{width: 100%; display: table; text-align: right;}
#suiteBarLeft{display: none;}
}

/* Phone Portait (All Screens Up to 250px) */
@media only screen 
and (max-width: 250px){

/* Hide Top Ribbon and Branding Text */
#s4-ribbonrow{display: none !important;}
.ms-core-brandingText{display: none;}

/* Hide Columns */
.ms-viewheadertr th:first-child,
/*.ms-listviewtable td:first-child{display: none;}*/
.ms-viewheadertr th:first-child+th,
.ms-listviewtable td:first-child+td{display: none;}
}


/**
Copyright (c) 2012 Marco Pegoraro, http://movableapp.com/

Permission is hereby granted, free of charge, to any person obtaining
a copy of this software and associated documentation files (the
"Software"), to deal in the Software without restriction, including
without limitation the rights to use, copy, modify, merge, publish,
distribute, sublicense, and/or sell copies of the Software, and to
permit persons to whom the Software is furnished to do so, subject to
the following conditions:

The above copyright notice and this permission notice shall be
included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.


WHERE TO FIND MEDIA TABLE:
https://github.com/thepeg/MediaTable
http://consulenza-web.com/jquery/MediaTable/
http://www.consulenza-web.com/2012/01/mediatable-jquery-plugin/

**/



/* -----[[     S T R U C T U R E     ]]------------ */


/**
 * Structural Style
 */
.mediaTable {
	width:100%;
	border-collapse:collapse;
}

.mediaTableWrapper {
	position: relative;
}

.mediaTableWrapperWithMenu {
	padding-top:3em;
}


.mediaTableMenuClosed ul {
	display:none;
}


/**
 * Menu Style
 */

.mediaTableMenu {
	position:absolute;
	top:0;
	left:0;
	background-color: #FFF;
	border:1px solid #999;
	overflow:hidden;
	z-index: 1000;
}

.mediaTableMenu a {
	display: block;
	background: #91b06d;
	padding: 5px 15px;
	cursor:pointer;
	font-family:"Segoe UI Light","Segoe UI","Segoe",Arial,sans-serif;
	color:#FFF;
	font-size: 14px;
	
}

.mediaTableMenu ul {
	list-style-position:outside;
	list-style:none;
	margin:0;
	padding:0 0.5em;
}

.mediaTableMenuClosed a {
}

.mediaTableMenu ul li {
	line-height: 2em;
}

.mediaTableMenu ul li label {
	cursor:pointer;
}