/* @override 
	http://localhost:8080/download/resources/com.atlassian.confluence.plugins.iphone/small-device.css
*/
@media screen and (max-device-width:480px) {
	/* Ensure that images can be displayed within the confines of the iPhone viewport*/
	#content div.wiki-content div img {
		max-width: 250px;
	}
	#navigation.content-navigation {
		float: left ! important;
		margin-left: 0px ! important;
		margin-top: 12px ! important;
		width: auto ! important;
	}
	/* Hide the edit page Help text */
	#sidebar {
		display: none;
	}
	/* Hide the Wiki Markup and Preview tabs */
	#editor-tabs {
		display: none;
	}
	/*Ensure that the licence text in the footer is flush against the left/right sides */
	#footer p.license.license-personal {
		margin: 0 -10px;
	}
	/* Set an explicit height on the header image, and use a gradient png*/
	#header {
		left: 0;
		right: 0;
		display: block;
		height: 44px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		width: 100% ! important;
		background:
			url(/download/resources/com.atlassian.confluence.plugins.iphone/toolbar.png)
			#003366 repeat-x;
	}
	/* Pop the header menu bar and breadcrumb trail on the left, and fiddle with the margins slightly*/
	#header-menu-bar,#breadcrumbs {
		float: left ! important;
		margin: 0;
		margin-top: 5px;
		margin-left: -10px;
		font-size: 8pt;
		width: auto;
		display: inline;
	}
	/* Ensure that the breadcrumb trail fits within horizontally across the header */
	#breadcrumbs {
		left: 0;
		position: absolute;
		margin-left: -10px;
		padding-left: 5px;
		right: 0;
		margin-right: -10px;
		height: auto;
		top: auto;
		margin-top: 26px;
		bottom: auto;
		margin-bottom: auto;
	}
	/* Pop the search box on the top right hand side, and fiddle with the margins slightly */
	#quick-search {
		float: right;
		margin-right: 0;
		margin-top: 2px;
	}
	/* Pop the link inserter (image/link) images on the left and tidy up the borders*/
	#linkinserters {
		clear: left;
		background: #d6d6d6;
		border: none ! important;
		border-bottom: none;
		border: 1px solid #d6d6d6 ! important;
	}
	#wiki-editor {
		background: #d6d6d6;
	}
	/* Set the width of the text field to be slightly smaller than the default*/
	#quick-search-query {
		width: 10em ! important;
	}
	/* Hide the search group components*/
	div.searchGroup {
		display: none;
	}
	/* Set the width of the main body to be 300px (the width of the iPhone viewport) */
	#main,#main table,.grid,#main table tbody tr td.pagebody table tbody tr td div.pagecontent center div,#main table tbody tr td.pagebody table tbody tr td div
		{
		width: 300px ! important;
	}
	#main table tbody tr td table.grid tbody tr td,.greyLinks {
		font-size: 9pt;
	}
	/* Hide the add attachments form */
	#viewAttachmentsDiv form,#viewAttachmentsDiv div.greyLinks {
		display: none;
	}
	/* Remove the border around the page edit text area */
	#markup {
		border: none ! important;
		padding: 0px ! important;
	}
	/* Hide any table cells with a 'right' class.  This affects the Dashboard 'Recently Updated' component */
	td.right {
		display: none;
	}
	#squaretab li {
		display: none;
		list-style-type: none ! important;
	}
	/* Hide the blog calendar */
	.blogcalendar {
		display: none;
	}
	/* Hide the recent and popular label boxes*/
	.borderedGreyBox {
		display: none;
	}
	/* Hide the Help tips */
	#helptd .rightpanel {
		display: none ! important;
	}
	/* Move the Edit page box over to the left*/
	#main table tbody tr td.pagebody table tbody tr td div {
		padding-left: 0 ! important;
		padding-right: 0 ! important;
		padding-top: 10px !   impportant;
	}
	/* Set the width of the title text field to be smaller than the default*/
	#content-title {
		width: 200px ! important;
	}
}