/*
Brock U plugin CSS

*/

/* ----------------------------------------------
   ----------------------------------------------
   Large Screen desktops (Default)
   ----------------------------------------------
   ---------------------------------------------- */

#tableWrap {
    width: auto;
    margin: 0 auto;
}
#tableWrap legend {
    font-style: italic;
}
#tableWrap label {
	margin-bottom: 10px;
    display: block;
}
#tableWrap input,select {
    margin-bottom: 10px;
}
#tableWrap input#cGrade { padding: 10px; }

#tableWrap fieldset {
	padding: 15px;
    margin-right: 30px;
    margin-bottom: 30px;
    border: 1px solid #f0f0f0;
}
#tableWrap td {
    border: 1px solid black;
}
#tableWrap #fiftyLeft {
    width:35%; float:left;
}
#tableWrap #fiftyMiddle {
    width:30%; float:left;
}
#tableWrap #fiftyRight {
    width:35%; float:left;
    margin-top : 50px;
}

#tableDiv {
    clear: both;
    margin: auto;
}

#tableWrap .largeFont {
    font-size: 2em;
    font-weight:bold;
}

#tableWrap #errorMessage {
    font-weight: bold;
    color: #cc0000;
}



/* ----------------------------------------------
   ----------------------------------------------
   Tablets
   ----------------------------------------------
   ---------------------------------------------- */

@media only screen 
and (min-width : 951px) and (max-width: 1114px) {
	


}



/* ----------------------------------------------
   ----------------------------------------------
   Small Tablet
   ----------------------------------------------
   ---------------------------------------------- */
   
@media only screen 
and (min-width : 841px) and (max-width: 950px) {
	
	#tableWrap fieldset { margin-right: 0; }
	#tableWrap #fiftyLeft {
    width:100%; float:left;
	}
	#tableWrap #fiftyMiddle {
	    width:60%; float:left;
	}
	#tableWrap #fiftyRight {
	    width:40%; float:left;
	}

}



/* ----------------------------------------------
   ----------------------------------------------
   Mobile
   ----------------------------------------------
   ---------------------------------------------- */

@media only screen 
and (max-width: 840px) {
	
	#tableWrap fieldset { margin-right: 0; }
	#tableWrap #fiftyLeft {
    width:100%; float:left;
	}
	#tableWrap #fiftyMiddle {
	    width:60%; float:left;
	}
	#tableWrap #fiftyRight {
	    width:40%; float:left;
	}
	

}