<div id="mc-body">
				<div class="mc-wrapper">
					<jdoc:include type="message" />
					<div id="content-box">
						<div id="toolbar-box"><div class="m">
							<div id="mc-title">
								<?php $mctrl->displayTitle(); ?>
								<?php $mctrl->displayHelpButton(); ?>
								<?php $mctrl->displayToolbar(); ?>
								<div class="mc-clr"></div>
							</div>
							<?php if (!JRequest::getInt('hidemainmenu')): ?>
							<div id="mc-submenu">
								<?php $mctrl->displaySubMenu(); ?>
							</div>
						<?php endif; ?>
						</div></div>
					</div>

					<?php if ($option == 'com_cpanel') : ?>
					<div id="mc-cpanel">
						<?php $mctrl->displayDashText(); ?>
						<jdoc:include type="modules" name="dashboard" style="standard"  />
					<?php endif; ?>

					<div id="mc-component" class="clearfix">
						<jdoc:include type="component" />
					</div>
					<?php if ($option == 'com_cpanel') : ?>
					</div>
					<?php endif; ?>
					<div id="mc-sidebar">
						<jdoc:include type="modules" name="sidebar" style="sidebar"  />
					</div>
					<div class="mc-clr"></div>
				</div>
			</div>

/* mobile query size is 480px and below */
@media (max-width: 320px) {
  /* put css here */
	.mc-wrapper{width:295px}
	#mc-sidebar{clear:both;width:295px;margin-top:20px;}
}
/* tablets query size is 321px to 480px */
@media (min-width: 321px) and (max-width: 480px) {
  /* put css here */
	.mc-wrapper{width:313px}
	#mc-sidebar{clear:both;width:313px;margin-top:20px;}
}
/* tablets query size is 481px to 767px */
@media (min-width: 481px) and (max-width: 767px) {
  /* put css here */
	.mc-wrapper{width:473px}
	#mc-sidebar{clear:both;width:473px;margin-top:20px;}
}
/* tablets or less - max width 959px */
@media (max-width: 959px) {
		.adminlist { display: block; position: relative; width: 90%; }
  	.adminlist th { width:100% !important;}
		.adminlist thead { display: block; float: left; margin-bottom:34px;}
		.adminlist tbody { display: -webkit-box; overflow-x: auto; }
		.adminlist th { display: block;line-height:18px !important;font-size:12px !important;}
		.adminlist tr,
		.adminlist td { display: block;line-height:18px !important;font-size:12px !important;}
    table.adminlist{width:100%;border-collapse:collapse;}
    .adminlist thead th{font-weight:normal;padding:4px;border-right:1px solid #fff}
		.grid_true {margin-top:1px;margin-bottom:1px;}
		.adminlist tfoot tr {display: block;font-size: 12px !important;line-height:29px !important;height:37px !important;
}
	}
/* tablets query size is 768px to 959px */
@media (min-width: 768px) and (max-width: 959px) {
  /* put css here */
	.mc-wrapper{width:760px}
	#mc-component{width:60%;float:left;}
	#mc-cpanel {width:60%;float:left;}
	#mc-sidebar{width:30%;float:right;}
	#rok-userchart img {width:100%;}
}
/* default desktop query size is 960px to 1199px */
@media (min-width: 960px) and (max-width: 1199px) {
  /* put css here */
	.mc-wrapper{width:960px}
	#mc-component{width:70%;float:left;}
	#mc-cpanel {width:70%;float:left;}
	#mc-sidebar{width:20%;float:right;}
	#rok-userchart img {width:100%;}
  table.adminlist{width:90%;border-collapse:collapse;font-size:10px !important;}
  .adminlist thead th{font-weight:normal;padding:5px;line-height:15px;font-size:10px;border-right:1px solid #fff}
}
/* large display query size is 1200px and up */
@media (min-width: 1200px) {
  /* put css here */
	.mc-wrapper{width:1200px}
	#mc-component{width:70%;float:left;}
	#mc-cpanel {width:70%;float:left;}
	#mc-sidebar{width:25%;float:right;}
	#rok-userchart img {width:100%;}
  table.adminlist{width:100%;border-collapse:collapse;font-size:12px !important;}
  .adminlist thead th{font-weight:normal;padding:5px;line-height:15px;font-size:12px;border-right:1px solid #fff}
}