
/* ADDED NEW DEFAULTS *********************************************************************/

html,textarea,input { font-family:arial; }

/* remove chrome autofill background color */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active  { -webkit-box-shadow: 0 0 0 30px white inset !important; }

/* remove firefox autofill background color */
input,select { filter:none; }

input,textarea,select { -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
                         box-sizing:border-box; outline:none !important; }

.height5    { height:5px;  }
.height10   { height:10px; }
.height15   { height:15px; }

.defaultinput { width:100%; border:1px solid #bbbbbb;  border-radius:3px;
                font-size:12pt; height:40px; color:#333333; padding:0px 8px 0px 8px; }
.defaulttext  { width:100%; border:1px solid #bbbbbb;  border-radius:3px; font-size:12pt;
                height:66px; color:#333333; padding:8px 8px 5px 8px; overflow:auto;
                resize:none; }

/* POPUP WINDOW ***************************************************************************/

#Cpopup      { display:none; position:fixed; z-index:4999; background-color:rgba(0,0,0,0.7);
               width:100%; height:100%; top:0px; left:0px; text-align:center; }
.Cpopupdiv   { position:absolute; width:100%; height:90%; margin:0 auto; overflow-y:auto;
               top:50%; left:50%; -ms-transform:translate(-50%, -50%);
               transform:translate(-50%, -50%); }
.Cpopuptable { display:table; width:100%; height:100%; margin:0 auto; }
.Cpopuprow   { display:table-row; }
#Cpopupcell  { display:table-cell; width:100%; margin:0 auto; position:relative;
               vertical-align:middle; }

/* CONTACT FORM (makecontacthtml) *********************************************************/

.contactwrap      { width:95%; max-width:370px; margin:0 auto; border-radius:5px; background:#fff; }
.contactdiv       { width:95%; margin:0 auto; border-radius:5px; background:#fff; }
.contactclose     { width:100%; text-align:right; cursor:pointer; }
.contactclose img { width:36px; }

.contactT         { display:table; width:100%; margin:0 auto; height:46px;
                    border-collapse:collapse; }
.contactTCL       { display:table-cell; width:15%; text-align:left; vertical-align:middle;
                    font-size:15pt; color:#444; }
.contactTCM       { display:table-cell; width:70%; text-align:center; vertical-align:middle;
                    font-size:15pt; color:#444; }
.contactTCR       { display:table-cell; width:15%; text-align:right; vertical-align:middle;
                    opacity:0.5; }

.contactTCR img   { width:80%; cursor:pointer; }

.contactTCLdo     { display:table-cell; width:86%; text-align:justify; vertical-align:middle;
                    font-size:12pt; color:#444; }
.contactTCRdo     { display:table-cell; width:13%; text-align:right; vertical-align:top;
                    opacity:0.5; }

.contactTCRdo img { width:70%; cursor:pointer; }

.contactTCR:hover { opacity:1.0; }


.contacttitle1    { width:97%; margin:0 auto; text-align:left; font-size:11pt; color:#444444;
                    white-space:nowrap; }

.contactfield1    { width:100%; margin:0 auto; }
.contactfield1
 textarea         { width:100%; border:1px solid #bbbbbb;  border-radius:3px; font-size:12pt;
                    height:80px; color:#aaaaaa; padding:8px 8px 5px 8px; overflow:auto;
                    resize:none; } 

.contactfield2    { width:100%; margin:0 auto; }
.contactfield2
 input            { width:100%; border:1px solid #bbbbbb; border-radius:3px;
                    height:50px; color:#aaaaaa; padding:0px 8px 0px 8px; font-size:12pt; }

.contactfield2dn  { width:100%; margin:0 auto; }
.contactfield2dn
 input            { width:100%; border:1px solid #bbbbbb; border-radius:3px;
                    height:50px; color:#aaaaaa; padding:0px 8px 0px 8px; font-size:12pt; }

#statusT          { display:table; width:90%; margin:0 auto; }
#statusC          { display:table-cell; height:30px; vertical-align:middle; color:#555555;
                    font-size:13pt; }

.contactbutton1T  { display:table; width:100%; background:#00ff00; margin:0 auto; }

.contactbutton1C  { display:table-cell; width:100%; border:1px solid #0074d1; font-size:14pt;
                    border-radius:5px; height:46px; color:#fff;
                    text-align:center; vertical-align:middle; cursor:pointer; background:#0074d1; }

#contactwait      { display:none; width:100%; border:1px solid #ffffff; font-size:14pt;
                    border-radius:5px; height:46px; color:#fff;
                    text-align:center; vertical-align:middle; cursor:pointer; background:#ffffff; }

#contactwait img  { height:41px; }

/* NO EMAIL POPUP HTML (makenoemailhtml) ***************************************************/

.contactPhoneT    { display:table; width:100%; margin:0 auto; }
.contactPhoneC    { display:table-cell; height:80px; vertical-align:middle; }

.contactURLT      { display:table; width:100%; margin:0 auto; }
.contactURLC      { display:table-cell; height:80px; vertical-align:middle; }

.contactURLC a:link    { color:#000080; font-size:14pt; }
.contactURLC a:visited { color:#330033; }
.contactURLC a:hover   { color:#000080; font-size:16pt; }
.contactURLC a:active  { color:#6FB25C}

/* CAPTCHA HTML *****************************************************************************/

#captchawrap           { }
.captchatitle          { }
.captchaimage          { }
.captchanewkey         { }
.captchanewkey input   { color:#0000ee; font:12pt "Open Sans", sans-serif; cursor:pointer;
                         background:transparent; border:0px; }
.captchakeydiv         { }
.captchakeydiv input   { width:130px; text-align:center; height:40px; font-family:helvetica;
                         color:#aaaaaa; font-size:22pt; font-weight:bold;
                         border:1px solid #5454ff; border-radius:4px; } 

/* SELECT FORMAT ****************************************************************************/

/* not used yet */

.select-css {
        display: block;
        font-size: 18px;
        font-family: sans-serif;
        font-weight: 700;
        color: #444;
        line-height: 1.2;
        padding: .7em 1.4em .6em .4em;
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        margin: 0;
        border: 1px solid #aaa;
        box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
        border-radius: .0em;
        -moz-appearance: none;
        -webkit-appearance: none;
        appearance: none;
        background-color: #fff;
        background-image: url('/images/arrowdowngray.png'),
        linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
        background-repeat: no-repeat, repeat;
        background-position: right .7em top 50%, 0 0;
        background-size: 1.3em auto, 100%;
        cursor:pointer;
}

.select-css::-ms-expand {
        display: none;
}
.select-css:hover {
        border-color: #888;
}
.select-css:focus {
        border-color: #aaa;
        box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
        box-shadow: 0 0 0 3px -moz-mac-focusring;
        color: #222;
        outline: none;
}
.select-css option {
        font-weight:normal;
}

/* Support for rtl text, explicit support for Arabic and Hebrew */
*[dir="rtl"] .select-css, :root:lang(ar) .select-css, :root:lang(iw) .select-css {
        background-position: left .7em top 50%, 0 0;
        padding: .6em .8em .5em 1.4em;
}

/* Disabled styles */
.select-css:disabled, .select-css[aria-disabled=true] {
        color: graytext;
        background-image: url(''),
         linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
}
.select-css:disabled:hover, .select-css[aria-disabled=true] {
        border-color: #aaa;
}


/*** MEDIA QUERIES *************************************************************************/

@media screen and (max-device-width: 736px) {
 .contactTCM          { font-size:50pt; text-transform: uppercase; }
 .captchaimage img    { width:50%; height:150px; }
 .captchanewkey input { font-size:50pt; }
 #captchakey          { font-size:50pt; width:40%; height:130px; text-transform: lowercase; }
 .contactwrap         { max-width:90%; }
 #Cpopupcell          { vertical-align:top; }
 #contactbutton       { font-size:50pt; } 
 .contactbutton1C     { height:120px; }
}
