@charset "UTF-8";
/* CSS Document for html/galleries/index.php */

fieldset {
	border:1px #eee solid;	
	padding-top:10px;
}

legend { font-size:1.3em; font-weight:bold; }

#viewGalleryButton {
	float:right;
	border:1px #ddd solid;
	background-color:#eee;
	padding:5px 10px;
	margin:0px;
	cursor:pointer;
}

#viewGalleryButton:hover { background-color:#ddd; }

#pageContent #advControl {
	margin-top:10px;
	font-size:1em;
	color:#888;
	text-align:right;
	cursor:pointer;
	float:right;
}

@media screen and (max-width:870px) {
	fieldset#advancedSettings {
		display: block;
		margin: 10px;
		overflow: hidden;
		width: 400px !important;
		
	}
	
	fieldset#advancedSettings label {
		display: inline-block;
		margin: 10px 5px 2px 5px;
	}
	
	fieldset#advancedSettings p {
		width: 400px;
	}
	
	fieldset#advancedSettings input[type='text'],
	fieldset#advancedSettings select#orderBySelect  {
		width:400px !important;
	}
}

@media screen and (max-width:610px) {
	fieldset label {
		display: block;
	}
	
	fieldset select {
		display:block;
		width: 350px !important;
	}
	
	fieldset#advancedSettings {
		width: 350px !important;
		
	}
	
	fieldset#advancedSettings label {
		display: inline-block;
		margin: 10px 5px 2px 5px;
	}
	
	fieldset#advancedSettings p {
		width: 350px;
	}
	
	
	fieldset#advancedSettings input[type='text'],
	fieldset#advancedSettings select#orderBySelect  {
		width:350px !important;
	}
}

@media screen and (max-width:450px) {
	
	fieldset p {
		width:260px !important;
	}
	
	fieldset#advancedSettings select {
		width: 260px !important;
	}
	
	fieldset#advancedSettings input[type='text'],
	fieldset#advancedSettings select#orderBySelect  {
		width:260px !important;
	}
}
	

@media screen and (max-width:340px) {
	fieldset p {
		width: 210px !important;
	}
	
	fieldset#advancedSettings select {
		width: 200px !important;
	}
	
	fieldset#advancedSettings input[type='text'],
	fieldset#advancedSettings select#orderBySelect {
		width:200px !important;
	}
	
	fieldset#advancedSettings label {
		display: block;
		margin: 0px;
	}
}