@media screen and (max-width: 1100px) {

#headerwrap {
height: 100px;
overflow: hidden;
}

#headerbg {
height: 100px;
overflow: hidden;
}

#header {
width: 98%;
height: 115px;
}

#headerRight {
width: 60%;
padding-top: 0;
margin-top: 0;
}

#headerbottomline {
position: absolute;
top: 92px;
height: 10px;
}

#signedinas {
padding: 0px;
font-size: 0.85em;
}

#headerText {
margin: 14px 0 4px 0;
float: right;
}

#logo {
height: 69px;
margin-bottom: -3px;
overflow: hidden;
/*	margin: 0 auto;
float: none; */
}

#logomobile {
height: 66px;
}

.button-primary {
padding: 5px 0 4px 0;
margin: 0;
font-size: 0.75rem;
}

#topnav {
padding: 1px 0 0 0;
margin: 0 auto;
float: none;
font-size: 0.92em;
}

#footerinside {
margin: 0 0 -17px 0 auto;
width: 97%;
height: 34px;
}

#contentboxwrappercontent {
width: 98%;
margin: 100px auto 0;
}

#contentmainheadingwrapper {
border-bottom: #DDD 1px solid;
padding: 20px 0px -8px 20px;
margin-bottom: 30px;
}

#contentmainheading {
font-size:2.2em;
margin:8px -18px 8px -18px;
}

.contentmainunderheading {
font-size: 0.9em;
margin:-20px 0px 0px -36px;
}

#loginbox {
font-size: 1.0em;
}

#expander {
width: 92%;
margin-left: 2%;
}

#expanderbox {
font-size: 10pt;
}

#listbox {
margin-left: 4%;
width: 86%;
}

.listboxtitlemobile {
width: 0px;
overflow: hidden;
display: none;
color: #FFF;
position: relative;
top: 5px;
background-color: #FFF;
border: solid 0px #FFF;
}
.listboxtitlemobile a {
text-decoration:none;
color:#707070;
}

.listboxtitlemobilecontent {
width: 0px;
overflow: hidden;
display: none;
}

#formleftbox {
width: 100%;
}

#formrightbox {
width: 100%;
}

.alignRight {
width: 100px;
white-space: nowrap;
}

#recentactivity {
float: none;
}

#labelcode {
display: none;
}

/*#labelmode { /* used on formTasks.php */
/*	display: block;
} */

#auxindex {
margin-top: 40px;
}

#auxindex li {
margin: 20px 0 15px -38px;
}

#auxindex li last-child {
margin-bottom: 0px;
}

#auxlinks {
font-size:1.5em;
font-weight:700;
padding: 10px 10px;
}

}

@media screen and (max-width: 1000px) {

#header {
height: 115px;
}

/*#signedin {
display: none;
}*/

#topnav {
/*margin: 0 auto;*/
}

#customerbox {
margin-left: -10px;
}

#infobox {
float: none;
width: 60%;
font-size:12pt;
margin-left: 2%;
margin-bottom: 20px;
/*	overflow: inherit; */
}

#formleftbox {
float: none;
width: 90%;
}

#formrightbox {
float: none;
width: 90%;
}

#formlayoutcontroller {
width: 100%;
padding-left: 0px;
}

}

@media screen and (max-width: 840px) {

#headerRight {
width: 90%;
}

#signedin {
display: none;
}

/*#account-details {float:none;width: 100%;margin-top:20px;margin-right:10%;}
.accountcontent {text-align:center;margin:0px auto!important;}
#listbox {margin:0px auto!important;}
.accountformchoice {margin:0px auto!important;width:100%;}
#user-details-form {width:100%!important;margin-top:20px;float:clear;}
.accountformchoice {margin:0px auto!important;width:100%;}
.thesettings {width:82%!important;}*/

}

@media screen and (max-width: 590px) {

#topnav li a {
padding: 0 5px 0 5px;
margin-left: 0px;
font-size: 1.04em;
}

#regionslayoutbase {
/*	float: none;
clear: left; */
width: 90%;
}

#regionslayoutcontroller {
width: 90%;
float: none;
clear: left;
}

#listbox {
margin-left: 3%;
width: 85%;
}

.thesettings {width:75%!important;margin-left:-20px!important;}

#noticebox {
width: 80%;
padding: 0; 
margin: -6px 0 20px 10px;
}

/*#customerbox {width:82%;}*/

.indexbuttons {
width: 76% !important;
}

#logo a img {max-width:225px!important;margin-bottom:10px;}

}

@media screen and (max-width: 400px) {

#headerwrap {
height: 110px;
overflow: hidden;
}

#headerwrapbg {
height: 117px;
overflow: hidden;
}

#headerbottomline {
position: absolute;
top: 100px;
height: 10px;
}

#boo {
display: none;
}

#logo {
display: none;
}

#logomobile {
display: inherit;
}

#logomobile img {
padding-top: 0px!important;
width: 100%;
max-width:150px;
max-height:63px!important;
}

#topnav {padding-top:5px!important;}

#number {
height: 36px;
margin: 0px;
padding: 4px 0px 6px 0px;
font-size: 1.05em;
position: relative;
}

#number a {
text-decoration: underline;
}

#topnav {
margin: 0px;
padding: 0px;
float: right;
clear: right;
width: 100%;
}

#topnav li a {font-size:1em;}

#contentmainheading {
font-size:1.8em;
margin:0px -20px 6px -12px;
}

.contentmainunderheading {
font-size: 0.9em;
margin:-20px 0px 0px -32px;
padding-bottom: 0px;
letter-spacing: 4px;
}

#contentboxcontent {
clear: both;
margin-top: 125px;	
}

#editButton {
/*	clear: both; */
}


#listbox {
width: 83%;
font-size: 9pt;
}

#customerbox {
width: 81%;
font-size: 9pt;
}

#expanderbox {
font-size: 8pt;
}

#infobox {
width: 81%;
}

#notebox {
width: 81%;
}

#propertystatsbox {
width: 81%;
clear: left;
}

#indexbox {
width: 81%;
clear: left;
}

#formboxtitle {
clear:left;
}

.customerformtitle {
margin-right: 60px;
}

#loginbox {
width: 250px;
}

#contactinfobox {
width: 81%;
}

#jobinfobox {
width: 81%;
}

#notebox {
width: 81%;	
}

#songqueue {
margin-left: -8%;
}

#songqueueheader {
width: 108%;
}

#songqueueheader td {
padding: 4px;
}

#spanLeft {
width: 30%;
font-size: 10pt;
}

#spanRight {
width: 70%;
font-size: 10pt;
}

#companyTable {
margin-left: -10px;
}

.managetable {
margin-left: -7px;
}

.inputs {
width: 160px;
}

#auxindex {
margin-top: 40px;
}

#auxindex li {
margin: 20px 0 15px -38px;
}

#auxindex li last-child {
margin-bottom: 0px;
}

#auxlinks {
font-size:1.1em;
font-weight:700;
padding: 10px 10px;
}

#disclaimerText
{
width: 45%!important;
}

.timezonebox{width:100%;max-width:200px;}
#fburl {max-width:175px;}
#ShoutOutText {max-width:200px;}
#DisclaimerText {max-width:200px;}
#CarrierChoice {max-width:175px;}
/*#contentboxcontent div ul {padding:20px 0px 0px 25px}*/
#contentmainheading {font-size:1.5em;}
}

@media screen and (max-width: 340px) {
#ShoutOutText {max-width:200px;}
#DisclaimerText {max-width:200px;}
#topnav li a {font-size:.95em;}
#fburl {max-width:172.5px;}
#contentmainheading {font-size:1.5em;}
}