/* Mobile */
@media handheld, only screen and (max-width: 767px) {
#Body								{ background:#ececec}
#DNN6								{ background:url(../images/mobilehead-bg.png) top center repeat-x;}
body 								{ font-size: 16px;-webkit-text-size-adjust: none;}
.fleft, .fright						{ float: none}
.row, body, .container 				{ width: 100%;min-width: 0;margin-left: 0px;margin-right: 0px;padding-left: 0px;padding-right: 0px;}
.TopLeftPane, .TopRightPane, .FootAPane, .FootBPane, .FootCPane, .LeftPane, .CenterPane, .RightPane, .FAColPane, .FBColPane, .FCColPane, .FDColPane, .LeftFourPane, .RightEightPane, .RightFourPane, .LeftEightPane, .FullPane, .HeadPane{width: auto;margin: 0px;padding:0px; clear:both}
.Headpane							{ margin-right:0px; clear:both; text-align:center; padding-top:0px; width:auto}
.FullPane							{ margin:0 10px}
.FootAPane,.FootBPane, .FootCPane	{ padding-top:20px}
.bgleft,
.bgright							{ padding:0px; background:none}
.mlr40								{ margin:0 10px}
#dnncontent							{ padding:5px 10px; margin:0px;}
#dnnfooter							{ padding-top:0px}
#dnncopyright .row.mlr40			{ text-align:center}
#top-link							{ right:5px}
.leftbox							{ display:none}
.rightbox							{ width:auto}
.w49								{ width:100%;}
.grid3								{ width:auto}
.grid4								{ width:auto; padding-right:0; padding-bottom:20px}
a.backhome							{ width:8px;}
a.tabback							{ float:right;}
.list-wrapper .listbox				{ width: auto; float: none; margin-right:0px;}
.grid_8								{ float: none; width: auto;}
.grid_16							{ float: none; width: auto;}
.workteam							{ width:40%; float:left;}
.topbar								{ float:right}
#Login div.registerGroup ul.buttonGroup li.userProfileImg,
#Login div.registerGroup ul.buttonGroup li.userMessages,
#Login div.registerGroup ul.buttonGroup li.userNotifications{ display:none}

/*menu*/
#dnnmenu								{  margin:0 10px;background: none; border-bottom:1px #fff solid}
#menubox								{ width: auto}
ul.sf-menu > li							{ width:100%; float:none; margin-bottom:2px; text-align:left; background:none}
ul.sf-menu 								{ width:100%}
ul.sf-menu > li.first a, ul.sf-menu > li.last > a,	
ul.sf-menu > li a, ul.sf-menu > li a:link, ul.sf-menu > li a:active, ul.sf-menu > li a:visited{ border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; padding:0px}
ul.sf-menu li a, ul.sf-menu li a:link, ul.sf-menu li a:active { background:#333}
ul.sf-menu li.current a, ul.sf-menu li.Breadcrumb a, ul.sf-menu li.sfHover a, ul.sf-menu li a:hover{ text-decoration:none; background:#4e627b; color:#fff;}
ul.sf-menu > li > a span				{ padding:10px 0 10px 20px; text-align:left; font-size:16px}
ul.sf-menu > li > .submenu-arrow		{ display:none;}
ul.sf-menu > li.sfHover > a 			{ margin-bottom:0px;}
ul.sf-menu ul 							{ position:static; width:auto;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;margin-top:2px;padding:0px}
ul.sf-menu li li						{ text-align:left;}
ul.sf-menu li li a:link, ul.sf-menu li li a:active,	ul.sf-menu li li a:link:visited{ padding:8px 0 8px 20px}
ul.sf-menu ul ul 						{ width:auto; background:none; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; padding:0 0 0 10px;}
ul.sf-menu ul ul li						{ background:none; padding-bottom:0; font-style:italic; margin-bottom:6px;}
ul.sf-menu li.haschild a span			{ background: url(../images/min.gif) right center no-repeat; display:block;}
ul.sf-menu li ul li a.haschild			{ background: url(../images/min.gif) right center no-repeat; }
ul.sf-menu li ul li a.haschild:hover	{ background: url(../images/min.gif) right center no-repeat; }

div.royalSlider .royalControlNavOverflow { right:0px; bottom:0px;}
div.royalSlider .royalControlNavOverflow a{ background:url(../images/msoff.png) 0 0 no-repeat;width:20px;}
div.royalSlider .royalControlNavOverflow a.current,
div.royalSlider .royalControlNavOverflow a:hover {	background:url(../images/mson.png) 0 0 no-repeat}


.linksbox							{ border-top:0px #ddd solid; border-bottom:0px #ddd solid; line-height:30px; margin-bottom:15px;}
.searchbox							{ position:relative;z-index:200;float: none;width:220px; background:#fff; height:32px; border:1px #ddd solid; margin:0 auto; display:none}

#dnnheader .logo					{ float: none; width:100%; text-align:center; margin-top:15px; margin-bottom:0px}
li.slideitem .desbox, .themestyle	{ display:none}


div.dnnForm							{ min-width:1px;width:240px;margin:0 auto;}
div.dnnLogin div.dnnFormItem		{ width:auto; min-width:0px}
div.dnnLogin div.LoginPanel			{ width: auto}
div.dnnLogin div.dnnLoginRememberMe,
div.dnnLogin p *					{ text-align:left;padding:0px; margin:0 0 0 7px}

}
@media handheld, only screen and (max-width: 720px){}
@media handheld, only screen and (max-width: 480px){div#Login .language-object{ display:none}.topbar{ float:none;}}
@media handheld, only screen and (max-width: 320px){}