body {
background: #FFF;
border:0px;
margin:0px;
padding:0px;
font-family: Inconsolata, sans-serif;
font-size: 0.92em;
text-shadow: 1px 1px 2px #EEE;
color: #556670;
}

a:link, a:active, a:visited {
color: #1587DE;
font-weight: bold;
}

a:hover {
text-decoration: none;
}

h4 {
font-size: 1.23em;
font-weight: 900;
text-decoration: none;
margin-left: 20px;
margin-top: 29px;
margin-bottom: -5px;
line-height: 14px;
}

#headerwrap {
position: fixed;
width: 100%;
height: auto;
box-shadow: 4px 0px 9px #666;
z-index: 20;
overflow: hidden;
}

#headerbg {
position: fixed;
width: 100%;
height: 68px;
background-color: #EEE;
opacity: 0.9;
z-index: -1;
}

#header {
position: static;
width: 72%;
height: inherit;
margin: 0 auto;
text-align: center;
border: 0px solid #000;
}

.testSite {
padding: 5px 12px;
background-color: #788288;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
font-size: 12pt;
color: #FFF;
text-shadow: none;
cursor: pointer;
}

#headerRight {
width: 53%;
float: right;
}

#headerbottomline {
width: 100%;
height: 8px;
padding: 0;
/*background-color: #46545C;*/
background: linear-gradient(to right, #46545C, #728590, #46545C);
clear: both;
}

#logo {
float: left;
margin-top: 5px;
}

#logomobile {
margin-top: 4px;
margin-left: 6px;
display: none;
float: left;
}

#signedinas {
float: right;
position: relative;
margin-top: 7px;
}

#headerText {
width: 100%;
margin: 20px 0 8px 0;
float: right;
}

/* TURN ON/OFF REQUESTS */
.button-primary {display: block; width: 100%; padding: 7px 0 6px 0; margin: 8px 3px 0 0; text-align: center; color: #FFF !important; font-size: 0.85rem; text-decoration: none; background-color: #1BB1E7; text-shadow: 1px 1px #444; box-shadow: 0 3px #CCC; border-radius: 2px; float: right; cursor: pointer;}
.button-primary:hover, .button-primary:focus {background: #33C0F2; color: #FFF; text-shadow: 1px 1px #1BB1E7;}
/*.button-primary:visited {color: #FFF;}*/

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

#contentmainheading {
font-size: 2.78em;
font-weight: 200;
text-decoration: none;
color: #46545C;
margin: 20px -20px 14px -22px;
padding-right: 0px;
text-shadow: 1px 1px 1px #DDD;
letter-spacing: 4px;
}

.contentmainunderheading {
margin: -24px 0px 0px -40px;
color: #556670;
letter-spacing: 7px;
float: left;
}

#container {
margin: 0 auto;
min-height: 90%;
height: auto !important;
height: 100%;
background-color:#fff;
overflow:hidden;
width:100%;
}

#topnav {
float: right;
clear: both;
margin-top: 3px;
margin-bottom: 4px; /* added */
width: auto;
}

#topnav li {
display: inline;
}

#topnav li a {
padding: 0 4px 0 4px;
margin-left: 5px;
color: #556670;
font-size: 1.13em;
font-weight: 700;
line-height: 14px;
text-decoration: none;
text-shadow: 0px 2px 1px #DDD; /*text-shadow: 0px 0px 1px #556670;*/
border: 1px solid rgba(0, 0, 0, 0);
}

#topnav li a:hover {
color: #000; /*color: #0274A0;*/
border: 1px dotted #556670;
border-radius: 5px;
background-color: #F9F9F9;
}

#topnav li.off a {
color: #CCC;
background-color: none;
text-shadow: none;
border: 1px solid #FFF;
cursor: default;
}

#topnav li a:active {
position: relative;
top: 1px;
left: 1px;
}

#contentboxcontent {
padding-left: 5px;
overflow-x: hidden;
}

#contentboxcontent div {
padding: 20px;
}

#contentboxcontent div p {
padding: 20px 40px 0px 20px;
}

#contentboxcontent div ul {
padding: 20px 20px 0px 60px;
}

#contentboxcontent div h3 {
margin-left: 20px;
}

#contentboxwrapper {
position: absolute;
top: 467px;
left: 50%;
width: 1044px;
margin: 0px 0px 200px -522px;
z-index: 9;
}

#contentboxwrappercontent {
position: relative;
margin: 125px auto 0;
width: 72%;
border: 0px solid #000;
z-index: 9;
}

#noticebox {
width: 62%;
margin: 0 0 20px 24px;
padding: 0;
color: #222;
font-size: 12pt;
background-color: #fff9d4;
border: 1px dashed #99a174;
border-radius: 12px;
transition: background-color 0.2s ease;
}

#noticebox:hover {
background-color: #ffffe8;
cursor: pointer;
}

/* Song Queues Styles
-------------------------------------------*/

#songqueueheader {
width: 100%;
margin: -20px 0 8px 0;
border-radius: 10px;
border-color: grey;
background-color: #FFF;
color: #000;
box-shadow: 0 8px 6px -6px #666;
}

#songqueueheader td {
padding: 8px;
border: #FFF;
}

#info:hover {
cursor: hand;
}

.songScheduled { color: #009900; }

/* admin.css Imported Styles
-------------------------------------------*/

#formboxtitle {
position: relative;
top:-34px;
left:-3px;
padding: 0px 8px 2px 8px;
color:#000;
font-family: Monda;
font-size: 13pt;
background-color: #F9F9F9;
border: solid 1px #333;
border-radius: 5px;
/*z-index: 40;*/
}

.customerformtitle {
float: left;
clear: both;
margin-right: 220px;
}

#loginbox {
margin: 0 auto;
width: 270px;
font-size: 1.2em;
}

#expander {
padding: 0px 0px 4px 4px;
width: 80%;
height: 70px; 
margin: -40% 0 0 2%; 
margin-bottom: 20px; 
font-family: Monda;
border: 1px solid #CCC;
background-color: #F2F2F2;
border-top: 0px solid #FFF;
border-radius: 4px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
clear: both;
}

#contactinfobox {
float: left;
width: 26%;
margin-left:2%;
margin-bottom:30px;
border: 0px solid #000;
padding: 0;
margin-bottom: -20px;
padding-bottom: 20px;
}

#contactinfoboxsub {
min-height: 180px;
margin-top: -47px;
margin-left: -20px;
padding-top: 200px;
border: solid 1px #0680e3;
background-repeat: repeat-x;
background-position-x: 55px;
width: 100%;
margin-bottom: -20px;
border-radius: 16px;
}

#expander {
width: 94%;
margin-top: -26px;
margin-left: 20px;
margin-bottom: 20px;
font-family: Monda;
border: 1px solid #CCC;
background-color: #F3F3F3;
border-top: 0px solid #F3F3F3;
border-top-radius: 0px;
border-bottom-radius: 4px;
}

#listbox { /* shared between index.php, viewcustomer.php, formcustomer.php, formtasks.php */
width: 91%;
border:solid 1px #0680e3;
background-image:url("/shared/images/box-bg.gif");
background-repeat:repeat-x;
background-color: #FFF;
margin-left: 2%;
margin-bottom: 30px;
border-radius: 16px;
text-align: left;
}

.shadows {
box-shadow: 2px 2px 2px #AAA;
}

.indexbuttons {
background-position: 0px -80px;
margin-bottom: 30px !important;
margin-right: 20px;
padding: 30px !important;
width: 26% !important;
height: 80px;
text-align: center;
cursor: pointer;
}

.colorbox { /* shared between index.php, viewcustomer.php, formcustomer.php, formtasks.php */
width: 91%;
border:solid 1px #0680e3;
background-image:url("/shared/images/box-bg.gif");
background-repeat:repeat-x;
background-color: #FFF;
margin-left: 2%;
margin-bottom: 20px;
border-radius: 16px;
}

.indexbox {
width: 60%;
border: solid 1px #0680E3;
background-image:url("/shared/images/box-bg.gif");
background-repeat:repeat-x;
background-color: #FFF;
margin-left: 2%;
margin-bottom: 20px;
float: left;
border-radius: 16px;
}

.indexbox:hover {
background-position: 0px 0px;
}


#customerbox {
width: 91%;
border: solid 1px #0680E3;
background-repeat:repeat-x;
background-color: #FFF;
margin-left: 2%;
margin-bottom: 30px;
float: left;
border-radius: 16px;
}

#infobox {
float: right; 
border:solid 1px #0680e3;
background-repeat:repeat-x;
margin-right: 20px;
width: 18%;
min-width: 150px;
border-radius: 16px;
font-family: Monda;
clear: both;
}

#spanLeft {
margin: 0;
padding: 0;
display: inline-block;
width: 30%;
font-size: 11pt;
font-family: "Monda";
color: #000;
text-align: left;
float: none;
}

#spanRight {
margin: 0;
padding: 0;
display: inline-block;
width: 55%;
font-size: 11pt;
font-family: "Monda";
color: #000;
text-align: left;
float: none;
}

#formlayoutcontroller { /* used on: /settings */
padding: 0;
float: left;
width: 68%;
}

#regionslayoutbase { /* used on: /settings */
padding: 0;
width: 45%;
float: left;
}

#regionslayoutcontroller { /* used on: /settings */
padding: 0;
width: 45%;
float: right;
}

#companyTable {
margin-top: -14px;
}

#settingsBox {
width: 18%;
min-width: 180px;
margin-right: 20px;
float: right;
font-family: Monda;
border: 1px solid #0680e3;
border-radius: 16px;
/*background-color: #FFF;*/
background-image: url("/shared/images/box-bg.gif");
background-repeat: repeat-x;
}

.alignRight {
text-align: right;
width: 84px;
}

.listboxtitle {
padding: 0px 4px 2px 4px;
color: #0680E3; /* #707070; */
position: relative;
top: 5px;
background-color: #FFF;
border:solid 1px #0680E3;
border-radius: 2px;
}
.listboxtitle a {
text-decoration:none;
color:#707070;
}

.listboxtitlemobile {
padding:1px 2px 2px 2px;
color:#0680E3;
position: relative;
top:5px;
background-color:#FFF;
border:solid 1px #0680E3;
}
.listboxtitlemobile a {
text-decoration:none;
color:#707070;
}

#recentactivity {
float: right;
font-style: italic;
font-weight: bold;
margin-top: 5px;
}

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

#formleftbox {
width: 47%;
padding: 0;
margin: 0;
float: left;
/*	margin-top: -30px; */
border: 0px solid #000;
}

#formrightbox {
width: 47%;
padding: 0;
margin: 0;
float: left;
/*	margin-top: -30px; */
margin-top: -20px; 
border: 0px solid #000;
}


#auxindex {
margin-top: 50px;
}

#auxindex li {
display:block;
margin: 40px 0 30px -30px;
padding: 20px;
}

#auxlinks {
padding: 10px 20px;
font-family: Lato, Monda;
font-size: 2.4em;
font-weight: 600;
text-decoration: none;
border:1px solid #dcdcdc;
border-radius: 10px;
text-shadow: 1px 1px 0px #FFF;
box-shadow: inset 0px 1px 1px 0px #888;
}

#auxlinks:hover {
box-shadow: inset 0px 1px 1px 0px #666; */
/*	color:#556670; */
}

#auxlinks:active {
position: relative;
top: 1px;
box-shadow: inset 0px 1px 0px 0px #FFF;
}



/* from mobile.css, implement into styles, configure in dark theme, 24-01-17 */
#auxlinks { background-color:#EEE; }
#account-details { float:right; width: 40%; margin-right: 10%; }
.accountformchoice{ width: 33%; margin: 0px; float: left; }
#user-details-form { float: right; }
#contentmainheadingwrapper{ padding-top:20px!important; }
/* end */



.formboxbuttons {
padding:0px 5px 2px 5px;
margin-left: 4px;
font-family: Verdana;
color: #0680e3;
font-size:8pt;
font-weight:bold;
position: relative;
top:-29px;
background-color:#FFFFFF;
border:solid 1px #0680e3;
border-radius: 3px;
box-shadow: 1px 1px 3px rgba(0,0,0,0.6);
float: right;
}

.formboxbuttons a {
text-decoration:none;
color:#707070;
}

.inputs {
border: solid 1px #b0dbf3;
padding-left: 3px;
}

.multiline {
border: solid 1px #b0dbf3;
padding: 2px 0px 0px 2px;
}

.mycornerlist {
list-style-type: square;
padding: 0px;
margin: -32px 0 0 -44px;
line-height: 20px;
}

.mycornerlist a {
color: #1587DE;
text-decoration: none;
text-shadow: none;
}

.searchbutton {
margin-top:10px;
}

.searchText {
top:2px;
bottom:-10px
}

.notifications {
font-size:8pt;
}

#taskfilter {
padding:0px 5px 2px 5px;
font-family:Verdana;
color:#707070;
font-size:8pt;
font-weight:bold;
position:relative;
top:-14px;
background-color: #FFF;
border:solid 1px #0680e3;
width:158px;
left:472px;
}

.filterinput { /* for coloring text of filter dropdown, currently unused. delete if used */
font-size:8pt;
margin: 3px 0 0 0;
border:dotted 1px #0680e3;
color: #707070;
}

#searchTable {
/* margin: -12px auto 0px auto; #for centering */
float: right;
padding: 0px 0px 0px 0px;
}

.left{
float:left;
}
.right{
float:right;
}
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: "";
clear: both;
height: 0;
}

#loading { width: 50%; margin: -24px 0 14px 18%; display: none; }
#loading1 {  width: 50%;margin: -24px 0 14px 18%; display: none; }
#loading2 { display: none; }
#loadinginside { width: 100%; text-align: center; background-color:#F5F5F5; border-radius: 6px; }
#loadingmessage { margin: auto 0px; padding: 0; }
#loadingclose { margin: 20px 0 0 0; font-size: 9pt; font-weight: bold; width: 50%; height: 24px; cursor: pointer; }
.success-border { border: 1px solid green; }
.success-text { color: green; }

/* Form Styles
-------------------------------------------*/

input[type="text"], input[type="email"], input[type="password"], textarea {
padding: 6px;
margin: 2px 0px;
background: #FFF;
color: #676767;
font-family: Inconsolata;
font-size: 1.0em;
box-shadow: inset 1px 1px 5px rgba(0,0,0,0.3);
border: 0px solid #BBB;
border-radius: 3px;
}

select {
padding: 7px 7px 7px 7px;
margin: 0px 0px 0px 0px;
border-radius:3px;
box-shadow: 0px 3px 0px #999, 0px -1px #fff inset;
background: #F7F7F7;
color:#888;
border:#888 1px solid;
outline:none;

display: inline-block;
appearance:none;
cursor:pointer;
position: relative;
/*    top: -3px; */
margin-bottom: 2px;
}

.btnStyle {
text-align: center;
font-size: 14px;
font-weight: bold;
text-shadow: 1px 1px 3px rgba(0,0,0,0.6);
padding: 10px 30px;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.3);
color: #FFF;
text-decoration: none;
border-radius: 4px;
display: inline-block;
zoom:1; *display: inline; /* IE7 Fix */
cursor: pointer;
border: 1px solid #000;
background-color: #333;
}

a:hover.btnStyle, input:hover.btnStyle  { color: #FFF; background-color: #444; }

a:active.btnStyle, input:active.btnStyle {
box-shadow: inset 1px 1px 3px rgba(0,0,0,0.2);
}

.btnStyle.blue, .mediaPhotos .btnStyle {
border: 1px solid #017ba6;
background-color: #01acde;
background-image: linear-gradient(bottom, #1BB1E7 100%, #01AADE 0%);
}

a:hover.btnStyle.blue, input:hover.btnStyle.blue, .mediaPhotos .btnStyle:hover {
background-color: #21b8ee;
background-image: linear-gradient(bottom, #21b8ee 100%, #08b3e7 0%);
}
/* 33CC33 */
.btnStyle.green {
border: 1px solid #4a6c1d;
background-color: #80b334;
background-image: linear-gradient(bottom, #80B334 100%, #77A92C 0%);
}

a:hover.btnStyle.green, input:hover.btnStyle.green {
background-color: #87bb3a;
background-image: linear-gradient(bottom, #87bb3a 100%, #80b532 0%);
}

.button {
text-transform:uppercase;
box-shadow:inset 0px 0px 0px -10px #97c4fe;
background-color:#3d94f6;
border-radius:3px;
border:1px solid #308fbb;
display:inline-block;
color:#ffffff;
font-size:15px;
font-weight:bold;
padding:8px 19px;
text-decoration:none;
margin-left:2px;
}
.button:hover {
background-color:#1e62d0;
cursor:pointer;
}
.button:active {
position:relative;
top:1px;
}

#footertopline {
background-color:#00A3FC;
height: 8px;
width: 100%;
margin: 24px 0px; /* uniform spacing at bottom of pages */
}

#footer {
background: #FFF url('../images/footer-tile.png') no-repeat;
background-size: 100% auto;
margin: 17px auto;
}

#footerinside {
margin: auto;
margin-top: -24px;
width: 1000px;
height: 180px;
border: 0px solid red;
}

#footerright {
float: right;
padding: 0px;
text-align: right;
font-size: 1em;
font-weight: 700;
text-decoration: none;
color: #FFF;
margin-left: 5px;
line-height: 18px;
margin-top: 6px;
margin-right: 15px;
text-shadow: none;
}

/*#footertoplinecontent {
background-color:#00A3FC;
height:8px;
width: 100%;
margin:19px auto;
padding:0;
position:relative;
} */