/*		Tablet Layout: 768px.
		Gutters: 24px.
		Outer margins: 28px.
		Inherits styles from: Default Layout.
-----------------------------------------------------------------
cols    1     2      3      4      5      6      7      8
px      68    160    252    344    436    528    620    712    */

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.wrapper{ margin:0 10px}
	.main_row label { width:39%;}
	.left_container { margin-right:1.5%; width:19.9%;}
	.left_container ul li { font-size:9px;}
	form span { width:100%;}
	form span.new{ width:57%;}
	.main_row input.row { width:58%;}
	#atwork_files{width:59%;}
	textarea { width:58%;}
	.uploader { width:59%;}
     
	
	
	
}



/*		Mobile Layout: 320px.
		Gutters: 24px.
		Outer margins: 34px.
		Inherits styles from: Default Layout.
---------------------------------------------
cols    1     2      3
px      68    160    252    */

@media only screen and (max-width: 767px) {
	.wrapper{ margin:0 10px}
	#header { background-size:100%;}
	.logo{ margin-top:44px;}
	#body_container { width:94%;  padding: 20px 3%;}
	.left_container { width:98%; margin-right:0;}
	.right_container { width:94%; margin-top:20px; padding: 20px 3% 0;}
	.right_container h2 { font-size:13px;}
	.main_row label { float:left; width:100%; padding-bottom:10px;}
	#atwork_files{width:100%;}
	.main_row input.row { float:left; width:98%;}
	textarea { float:left; width:98%;}
	form span { float:left; width:100%; text-align:left;}
	form span.new{ width:100%;}
	.uploader { width:98%;}
	
	
	
	
}



/*		Wide Mobile Layout: 480px.
		Gutters: 24px.
		Outer margins: 22px.
		Inherits styles from: Default Layout, Mobile Layout.
------------------------------------------------------------
cols    1     2      3      4      5
px      68    160    252    344    436    */

@media only screen and (min-width: 480px) and (max-width: 767px) {
	

}