/**
 * @version		$Id$
 * @copyright	Copyright (C) 2012 mktgexperts.com. All rights reserved.
 * @license		http://www.gnu.org/licenses/gpl-2.0.html
 * @description	Common styles to make some Joomla core HTML elements more flexible/responsive
 */

/******************************************************************************
styles
*******************************************************************************/

/* images */
img {max-width: 100%; height: auto;}

/* iframes */
iframes {max-width: 100%;}

/* pagination */
.component-content .pagination li {display: inline-block;}

/* mobile menu */
.rt-mobile-menu, .mobile-menu {min-width: 50%; max-width: 80%;  border: 1px solid #D5D5D5; display: block; margin: 10px auto; padding: 5px; border-radius: 2px;}
.rt-mobile-menu .separator, .mobile-menu .separator {color: grey;}

/* search box */
.search input {width: 170px; max-width: 80%; border: 1px solid #D5D5D5; display: block; margin: 10px auto; padding: 5px; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
background-image: url(../../images/overlays/dark/search-controls.png); background-position: 95% -71px; background-repeat: no-repeat; border-radius: 2px; line-height: 1.4em; }

/* editors */
.button2-left {float: none; display: inline-block; margin-right: 5px; margin-top: 10px;}
.button2-left a {display: block;}
.CodeMirror-wrapping iframe {background: white;}

/******************************************************************************
media queries
*******************************************************************************/

/* Large desktop */
@media only screen and (min-width: 1200px) {/* 1200px wide container */

}

/* Portrait tablet to landscape and desktop */
@media only screen and (min-width: 960px) and (max-width: 1199px) {/* 960px wide container */
}

/* Landscape phone to portrait tablet */
@media only screen and (min-width: 768px) and (max-width: 959px) {/* 768px wide container */
	
}
@media only screen and (max-width: 959px) {
	
}

/* Landscape phones and down */
@media only screen and (min-width: 481px) and (max-width: 767px) {/* 480px wide container */
	
}
@media only screen and (max-width: 767px) {
		
}

@media only screen and (max-width: 480px) {/* 95% wide liquid container */
	
}
@media only screen and (max-width: 320px) {
	
}