/*.formboxcustomer {
border:solid 1px #0680e3;
background-image: url("/shared/images/box-bg.gif");
background-repeat: repeat-x;
font-family: Verdana;
font-size: 9pt;
padding: 10px;
width: 660px;
margin-bottom: 30px;
} */

#formboxtitle {
position: relative;
top: -35px;
left: -3px;
padding: 0px 8px 2px 5px;
font-family: Monda;
font-size: 13pt;
color:#000;
background-color: #F9F9F9;
border:solid 1px #333; /* #003399 */
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;
}

#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;
}

.colorbox {
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;
}

#customerbox {
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;
float: left;
border-radius: 16px;
}

#infobox {
float: right; 
border:solid 1px #0680e3;
background-image:url("/shared/images/box-bg.gif");
background-repeat:repeat-x;
margin-right: 20px;
width: 18%;
min-width: 150px;
border-radius: 16px;
font-family: Lato;
clear: both;
}

.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;
border: 0px solid #000;
}

#auxindex {
margin-top: 50px;
}

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

.auxlinks {
padding: 10px 20px;
font-size: 2.4em;
font-weight: 600;
text-decoration: none;
font-family: Lato;
border: 1px solid #dcdcdc;
border-radius: 10px;
text-shadow: 1px 1px 0px #FFF;
background: linear-gradient(to bottom, rgba(223, 223, 223, 0.9) 5%, rgba(255, 255, 255, 0.9) 100%);
box-shadow: inset 0px 1px 1px 0px #888;
}

.auxlinks:hover {
background: linear-gradient(to bottom, #d4d4d4 5%, #fcfcfc 100%);
box-shadow: inset 0px 1px 1px 0px #666;
/* color: #556670; */
}

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

.inputs {
border:solid 1px #b0dbf3;
padding-left: 2px;
/*	width: 164px; */
}

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

.editTextbOxes {
border:solid 1px #b0dbf3;
padding-left: 2px;
font-family: Arial, Verdana;
font-size: 10pt;
font-weight: bold;
width:400px;
}

.TasksUpdateButtOn {
margin: 0px 5px 0px 15px;
}

#editProfile {
margin-left: 16px;
}

#custCount {
font-family: Monda;
}

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

.formboxhome {
float: right; 
border:solid 1px #0680e3;
background-image:url("/shared/images/box-bg.gif");
background-repeat:repeat-x;
padding:10px;
width: 160px; 
font-family:Verdana;
font-size:9pt;
}

.searchbutton {
margin-top:10px;
}

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


.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;
}

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

.DateSungData { width: 250px; }

#loading { display: none; }
#loadinginside { width: 100%; text-align: center; background-color: #F5F5F5; border-radius: 6px; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5); }
#loadingmessage { margin: auto 0px; }

.noshadow {
text-shadow: none;
}







/* Forms & Button Styles */

input[type="text"], input[type="email"], input[type="password"], textarea {
border: 1px solid #888;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 6px;
margin: 2px 0px;
background: #F7F7F7;
-moz-box-shadow: inset 1px 1px 5px rgba(0,0,0,0.2);
-webkit-box-shadow: inset 1px 1px 5px rgba(0,0,0,0.2);
box-shadow: inset 1px 1px 5px rgba(0,0,0,0.2);
color: #484242;
font-size: 1.0em;
}

select {

padding: 7px 7px 7px 7px;
margin: 0px 0px 0px 0px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
-webkit-box-shadow: 0px 3px 0px #CCCC, 0px -1px #FFF inset;
-moz-box-shadow: 0px 3px 0px #ccc, 0px -1px #fff inset;
box-shadow: 0px 3px 0px #999, 0px -1px #fff inset;
background: #F7F7F7;
color:#888;
border:#888 1px solid;
outline:none;

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

.btnStyle, .extraBtnBlue, .extraBtnGreen {
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%);
}

.btnStyle.green {
border: 1px solid #4a6c1d;
background-color: #26c823;
background-image: linear-gradient(bottom, #80B334 100%, #77A92C 0%);
}

a:hover.btnStyle.green, input:hover.btnStyle.green {
background-color: #179e19;
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;
}

.rounded{
border: 1px solid #ccc;
border-radius: 5px;
}

a.nobold{
font-weight:normal;
}

.contenttopgap{
padding-top:15px;
}

.headerimg{
margin:-8px 0 0 22px;
}

.incontent{
height:198px;
}

.headertext{
font-family: 'Average Sans', sans-serif;
position:absolute;
margin:-165px 0 0 495px;
font-size:2.5em;
color:#000;
font-style:italic;
text-shadow: 0 0 1px rgba(0,0,0,0.3);
}

.featureservice{
height:376px;
width:100%;
background: url('../images/interface/feature-bg.jpg') repeat-x;
margin-top:132px;
margin-bottom:-100px;
}

.insidefeatureservice{
margin:0 auto;
width:1015px;
}

.featureicon{
position:absolute;
float: right;
margin-top:50px;
margin-left:-10px;
}

h4.featureheading{
position:absolute;
font-size:2.18em;
font-weight:400;
text-decoration:none;
color:#1587DE;
margin-left:0;
margin-bottom:26px;
line-height:29px;
text-shadow: 0px 0px 1px #2f8fba;
letter-spacing:1px;
margin-top:47px;
margin-left:60px;
}

.featureheadsub {
padding-left: 2px;
font-size:.85em;
font-style:italic;
/*color:#556670;*/
color: #A8B0B5;
}

a.featureheadsub {
padding-left: 2px;
font-size:.85em;
font-style:italic;
color: #A8B0B5;
font-weight: normal;
}

a.featureheadsub:hover{
color: #000000;
text-decoration: none;
}

.featuretext{
position:absolute;
margin-top:130px;
width:400px;
margin-left:-10px;
}

.featureimage{
float:right;
margin-top:20px;
width:568;
height:340;
margin-right:5px;
}

h4.otherheading {
position: absolute;
font-size: 1.8em;
font-weight: 500;
text-decoration: none;
/*color:#2f8fba;*/
color: #556670;
margin-left: -20px;

line-height: 29px;
text-shadow: 0px 0px 1px #2F8FBA;
letter-spacing: 1px;
margin-top: -20px;
}

h4 a, h3 a {
text-decoration: none;
}