﻿body{font-family: Arial, Helvetica; font-size: 12px; color: #333; padding: 0; margin: 0; border: 0; -webkit-user-select:none; -webkit-text-size-adjust:none;}
ul, li, h1, h2, h3{padding: 0; margin: 0; border: 0;}
a, a:link, a:visited, a:active{}
a:hover{}
h1{}
h1.app-title{color: #333; font-size: 16px;}
h1.content-header{color: #333; font-size: 16px; font-weight: normal;}
h2{color: #333; font-size: 15px;}
.clear{clear: both;}

/*html {
    overflow: hidden;
    margin: 0; padding: 0;
}*/

.global-button {cursor: pointer; border: 1px solid #8ec1da; background-color: #ddeef6; border-radius: 4px; box-shadow: inset 0 1px 3px #fff, inset 0 -15px #cbe6f2, 0 0 3px #8ec1da; -o-box-shadow: inset 0 1px 3px #fff, inset 0 -15px #cbe6f2, 0 0 3px #8ec1da; -webkit-box-shadow: inset 0 1px 3px #fff, inset 0 -15px #cbe6f2, 0 0 3px #8ec1da; -moz-box-shadow: inset 0 1px 3px #fff, inset 0 -15px #cbe6f2, 0 0 3px #8ec1da; color: #3985a8; text-shadow: 0 1px #fff; padding: 5px 30px;}
.action-button{cursor: pointer; position: relative; display: block; float: left; font-size: 12px; font-weight: normal; height: 30px; line-height: 30px; margin: 0 5px 0 0; border-radius: 4px; border: 1px solid #BABABA; color: #FFF; padding: -2px 3px 0 3px;}
.action-button{background: rgb(211,211,211); /* Old browsers */
background: -moz-linear-gradient(top, rgba(211,211,211,1) 0%, rgba(142,142,142,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(211,211,211,1)), color-stop(100%,rgba(142,142,142,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(211,211,211,1) 0%,rgba(142,142,142,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(211,211,211,1) 0%,rgba(142,142,142,1) 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, rgba(211,211,211,1) 0%,rgba(142,142,142,1) 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3d3d3', endColorstr='#8e8e8e',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, rgba(211,211,211,1) 0%,rgba(142,142,142,1) 100%); /* W3C */}
.action-button .image{position: relative; display: block; float: left; margin: 2px 3px 0 0;}
.action-button .label{position: relative; display: block; float: left; margin: -2px 0 0 0;}
.action-button.right{float: right; margin: 0 10px 0 0;}

input[type="text"], input[type="email"], input[type="tel"], input[type="password"], input[type="number"] 
{
    border: 1px solid #CCC; 
    font-size: 14px; 
    margin: 0 0 8px 0; 
    padding: 0 0 0 5px; 
    height: 25px; 
    border-radius: 2px; 
    -moz-box-shadow: inset 1px 1px 5px #CCC;
    -webkit-box-shadow: inset 1px 1px 5px #CCC;
    box-shadow: inner 1px 1px 5px #CCC;
}

.shortinput
{border: 1px solid #CCC; font-size: 14px; margin: 0 0 8px 0; padding: 0 0 0 5px; height: 25px; border-radius: 2px;
-moz-box-shadow: inset 1px 1px 5px #CCC;
-webkit-box-shadow: inset 1px 1px 5px #CCC;
box-shadow: inner 1px 1px 5px #CCC;}

input[type="text"].textbox-error, input[type="email"].textbox-error, input[type="tel"].textbox-error, input[type="password"].textbox-error, input[type="number"].textbox-error, textarea.textbox-error, select.textbox-error 
{
    border: 1px solid #FF8F8F;
    -moz-box-shadow: inset 1px 1px 5px #FFCCCC;
    -webkit-box-shadow: inset 1px 1px 5px #FFCCCC;
    box-shadow: inner 1px 1px 5px #FFCCCC;
}

/* JW future refactor: use these generics instead of specifics above */
.textinput
{
    border: 1px solid #CCC; 
    font-size: 14px; 
    margin: 0 0 8px 0; 
    padding: 0 0 0 5px; 
    height: 25px; 
    border-radius: 2px; 
    -moz-box-shadow: inset 1px 1px 5px #CCC;
    -webkit-box-shadow: inset 1px 1px 5px #CCC;
    box-shadow: inner 1px 1px 5px #CCC;
}
    

.textbox-error
{
    border: 1px solid #FF8F8F;
    -moz-box-shadow: inset 1px 1px 5px #FFCCCC;
    -webkit-box-shadow: inset 1px 1px 5px #FFCCCC;
    box-shadow: inner 1px 1px 5px #FFCCCC;
}

input.small{width: 100px;}
input.smaller{width: 75px;}
input.medium{width: 170px;}

.window{position: relative; display: block; background-color: #FFF; -webkit-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, .5);-moz-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, .5);box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, .5);-webkit-border-radius: 5px;
-moz-border-radius: 5px;border-radius: 5px; z-index:100;}
.window .window-titlebar{position: relative; display: block; height: 25px; line-height: 25px; font-weight: bold; color: #FFF; -moz-border-radius-topleft: 5px;-moz-border-radius-topright: 5px;-moz-border-radius-bottomright: 0px;-moz-border-radius-bottomleft: 0px;-webkit-border-radius: 5px 5px 0px 0px;
border-radius: 5px 5px 0px 0px; padding: 0 10px 0 10px; background: #6db3f2; /* Old browsers */
background: -moz-linear-gradient(top, #6db3f2 0%, #54a3ee 50%, #3690f0 51%, #1e69de 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6db3f2), color-stop(50%,#54a3ee), color-stop(51%,#3690f0), color-stop(100%,#1e69de)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db3f2', endColorstr='#1e69de',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%); /* W3C */}
.window .window-titlebar .window-title{display: block; float: left;}
.window .window-titlebar .window-actions{display: block; float: right; margin: -10px -18px 0 0; cursor: pointer;}
.window .window-titlebar .window-actions img{border: 0;}
.window .window-content{overflow:auto;width:600px;height:550px; margin: 10px;}

.window.contract-newstored{vertical-align:middle; margin:250px 0 0 0; text-align:center;display: none; }
.window.contract-storage{width:625px; height:425px; /*margin: 50px 50px 50px 162px;*/ margin: 150px 0 0 200px; display: none;}
.window.dealer-contract{width:500px; height:150px; margin: 212px 0 0 309px; display: none;}
.window.dealer-login{width:450px; height:210px; margin: 212px 0 0 309px; display: none;}
.window.dealer-nonsolicit{width:450px; height:auto; margin: 212px 0 0 309px; display: none;}
.window.wait-loading{display:none; width:100px; height:100px;margin: 150px 0 0 200px;}
.window.creditauth{width:650px; height:410px; margin: 112px 0 0 309px;  display: none;}

.window.contract-newstored.on, 
.window.contract-storage.on, 
.window.dealer-contract.on, 
.window.dealer-login.on, 
.window.wait-loading.on, 
.window.dealer-nonsolicit.on, 
.window.creditauth.on
{display: block;}

.modal-background{position: absolute; display: none; top: 0; left: 0; width: 1024px; height: 768px; z-index: 75; background-color: #000;opacity:.50;filter:alpha(opacity=50);filter: "alpha(opacity=50)";}
.modal-background.on{display: block;}

    .modal-background.login {
        opacity: 1.0;
        filter: alpha(opacity=100);
        filter: "alpha(opacity=100)";
        background: #0039a6;
        width: 100%;
        height: 100%; /* Old browsers */
        background: -moz-linear-gradient(top, #0039a6 0%, #8abbd7 69%, #c5deea 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0039a6), color-stop(69%,#8abbd7), color-stop(100%,#c5deea)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #0039a6 0%,#8abbd7 69%,#c5deea 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #0039a6 0%,#8abbd7 69%,#c5deea 100%); /* Opera11.10+ */
        background: -ms-linear-gradient(top, #0039a6 0%,#8abbd7 69%,#c5deea 100%); /* IE10+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0039a6', endColorstr='#c5deea',GradientType=0 ); /* IE6-9 */
        background: linear-gradient(top, #0039a6 0%,#8abbd7 69%,#c5deea 100%); /* W3C */
    }
.modal-background.login.on{display: block}

/*select{height: 25px;font-size: 14px;}*/

#main-container{}
#header-container{}
#content-container{position: relative; display: block; height: 688px; overflow: auto;}
#footer-container{}

#header{position:absolute; z-index:60; top:0; left:0; width:1014px; height:45px; line-height:45px; border-bottom: 1px solid #BABABA; font-weight: bold; padding:0 0 0 10px; color:#eee; font-size:20px; text-align:left;}
#header, #footer{background: -moz-linear-gradient(top, #ffffff 0%, #c9c9c9 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#c9c9c9)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top, #ffffff 0%,#c9c9c9 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top, #ffffff 0%,#c9c9c9 100%); /* Opera11.10+ */background: -ms-linear-gradient(top, #ffffff 0%,#c9c9c9 100%); /* IE10+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c9c9c9',GradientType=0 ); /* IE6-9 */background: linear-gradient(top, #ffffff 0%,#c9c9c9 100%); /* W3C */}
#header a{color:#f3f3f3; text-decoration:none; font-weight:bold; text-shadow:0 -1px 0 rgba(0,0,0,0.5);}
#header h1.app-title{color: #333; font-size: 16px; position: relative; display: block; float: left;}

#utility{position: relative; display: block; float: right; height: 45px; line-height: 45px; z-index: 70; font-weight: normal; font-size: 14px; color: #333;}
#utility .item{position: relative; display: block; float: right; line-height: 45px; margin: 0 0 0 10px;}
#utility .item.button{padding: 8px 0 0 0;}
#utility .item .status-icon{position: relative; display: block; float: left; height: 45px; line-height: 45px; margin: 0 5px 0 0; padding: 4px 0 0 0;}
#utility .item #status, #utility .item #status .online{position: relative; display: block; float: left; height: 45px; line-height: 45px; font-weight: bold; color: Green;}
#utility .item #status .offline{color: Red;}

#footer{position:absolute; z-index:60; bottom:0; left:0; width:1014px; height:40px; line-height: 40px; background-color:#222; padding:10px 0 0 10px; border-top:1px solid #444; border-bottom: 0; border-top: 1px solid #BABABA;}
#footer .left-content{position: relative; display: block; float: left; width: 500px; font-size: 14px;}
#footer .left-content .total-contracts{position: relative; display: block; float: left; height: 30px; line-height: 30px;}
#footer .left-content .total-contracts .label{position: relative; display: block; float: left; margin: 0 5px 0 0;}
#footer .left-content .total-contracts #local-count{position: relative; display: block; float: left;}
#footer .left-content .total-contracts #sent-count{position: relative; display: block; float: left;}
#footer .right-content{position: relative; display: block; float: right; width: 250px;}

#wrapper, #wrapper2, #wrapper3 {position:absolute; z-index:1; top:45px; bottom:48px; left:0; width:300px; background:#FFF; overflow:auto; float: left; display: block;}
#wrapper{-webkit-transform: translate3d(0,0,0); display: block; background: #aaa; box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.5); z-index: 50;}
#wrapper2, #wrapper3{top: 75px; width: 724px; float: right; left: 300px; -moz-box-shadow: inset 0 0 8px rgba(0,0,0, 0.25);-webkit-box-shadow: inset 0 0 8px rgba(0,0,0, 0.25);}
#wrapper2{-webkit-transform: translate3d(0,0,0); display: block; overflow-x: hidden}

/*#wrapper{position: relative; display: none; float:left; margin-top: 45px; width: 250px; overflow: hidden; height: 500px; -webkit-transform: translate3d(0,0,0); border: 1px solid blue;}
#wrapper2{position: relative; display: none; float:left; margin-top: 45px; width: 724px; overflow: hidden; height: 500px; -webkit-transform: translate3d(0,0,0);}*/

.scrollable {
    -webkit-transform: translate3d(0,0,0); -webkit-backface-visibility: hidden;-webkit-perspective: 0; 
}

#container {
    position: relative;
    left: 0;
    top: 0;
    bottom: 24px;
    width: 20%;
    background: #fff;
    overflow: hidden;
    display: none;
    float: left;
    display: block;
    height: 500px;
    margin-top: 45px;
    -webkit-backface-visibility: hidden;-webkit-transform: translate3d(0,0,0);-webkit-perspective: 0; 
    border: 1px solid blue;
}
#container-right{margin-top: 45px; -webkit-perspective: 0; -webkit-transform: translate3d(0,0,0);position: relative; left: 0px; background: #FFF; overflow: hidden; height: 200px; padding: 10px; float: left; display: block; width: 75%;-webkit-backface-visibility: hidden;}
  

#scroller, #scroller2, #scroller3 {/*position:absolute; */z-index:1;/*-webkit-touch-callout:none;*/-webkit-tap-highlight-color:rgba(0,0,0,0); padding:0; overflow:auto}
#scroller ul, #scroller2 ul {list-style:none; padding:0; margin:0; width:100%; text-align:left;}
#scroller li, #scroller2 li {padding:0 10px; height:40px; line-height:40px; border-bottom:1px solid #ccc; background-color:#fafafa; font-size:14px;}
#scroller li{padding: 10px 10px 20px 10px; cursor: pointer; -webkit-tap-highlight-color: Red; background: #ffffff; /* Old browsers */background: -moz-linear-gradient(top, #ffffff 0%, #ededed 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ededed)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top, #ffffff 0%,#ededed 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top, #ffffff 0%,#ededed 100%); /* Opera11.10+ */background: -ms-linear-gradient(top, #ffffff 0%,#ededed 100%); /* IE10+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */background: linear-gradient(top, #ffffff 0%,#ededed 100%); /* W3C */}
#scroller li .icon, #scroller li .label{display: inline-block; float: left;}
#scroller li .icon{padding: 0 10px 0 0; width: 48px;}
#scroller li .label{padding: 3px 0 0 0;}
#scroller li .label.installation{line-height: 15px; padding: 3px 0 0 0; display: none;}
#scroller li .label.normal{}
#scroller li.selected{color:#FFF; background-color: #27a5f4; /* Old browsers */background: -moz-linear-gradient(top, #27a5f4 1%, #2f58ed 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#27a5f4), color-stop(100%,#2f58ed)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top, #27a5f4 1%,#2f58ed 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top, #27a5f4 1%,#2f58ed 100%); /* Opera11.10+ */background: -ms-linear-gradient(top, #27a5f4 1%,#2f58ed 100%); /* IE10+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#27a5f4', endColorstr='#2f58ed',GradientType=0 ); /* IE6-9 */background: linear-gradient(top, #27a5f4 1%,#2f58ed 100%); /* W3C */}
#scroller li.error{color:#333; background: #f9d6d6; /* Old browsers */
background: -moz-linear-gradient(top, #f9d6d6 1%, #fcbfbf 57%, #fcaeae 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#f9d6d6), color-stop(57%,#fcbfbf), color-stop(100%,#fcaeae)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f9d6d6 1%,#fcbfbf 57%,#fcaeae 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f9d6d6 1%,#fcbfbf 57%,#fcaeae 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #f9d6d6 1%,#fcbfbf 57%,#fcaeae 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9d6d6', endColorstr='#fcaeae',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #f9d6d6 1%,#fcbfbf 57%,#fcaeae 100%); /* W3C */}

#scroller2 .content-container, #scroller3 .content-container{margin: 0 20px 10px 0; width: 700px;}

#wrapper3{visibility: hidden; overflow: hidden; height: 0;}

.content-section{display: none;}
.content-section.selected{display: block;}
.content-section .section{position: relative; display: block;}
.content-section .section .title{position: relative; display: block; color: #FFF; height: 30px; width: 705px; line-height: 30px; padding: 0 0 0 10px; background: #CCC; -moz-box-shadow: inset 0 0 8px rgba(0,0,0, 0.25);-webkit-box-shadow: inset 0 0 8px rgba(0,0,0, 0.25);}
    .content-section .section .title {
        background: #0039a6; /* Old browsers */
        background: -moz-linear-gradient(top, #0039a6 0%, rgba(96,171,248,1) 44%, rgba(64,150,238,1) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0039a6), color-stop(44%,rgba(96,171,248,1)), color-stop(100%,rgba(64,150,238,1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #0039a6 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #0039a6 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%); /* Opera11.10+ */
        background: -ms-linear-gradient(top, #0039a6 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%); /* IE10+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0039a6', endColorstr='#4096ee',GradientType=0 ); /* IE6-9 */
        background: linear-gradient(top, #0039a6 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%); /* W3C */
    }
.content-section .section .sub-title-secondary{position: relative; display: block; color: #FFF; font-weight: bold; height: 30px; width: 715px; line-height: 30px; padding: 0 0 0 10px; background: #CCC; -moz-box-shadow: inset 0 0 8px rgba(0,0,0, 0.25);-webkit-box-shadow: inset 0 0 8px rgba(0,0,0, 0.25);}
.content-section .section .sub-title-secondary{background: rgb(147,206,222); /* Old browsers */
background: -moz-linear-gradient(top, rgba(147,206,222,1) 0%, rgba(117,189,209,1) 41%, rgba(73,165,191,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(147,206,222,1)), color-stop(41%,rgba(117,189,209,1)), color-stop(100%,rgba(73,165,191,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(147,206,222,1) 0%,rgba(117,189,209,1) 41%,rgba(73,165,191,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(147,206,222,1) 0%,rgba(117,189,209,1) 41%,rgba(73,165,191,1) 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, rgba(147,206,222,1) 0%,rgba(117,189,209,1) 41%,rgba(73,165,191,1) 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#93cede', endColorstr='#49a5bf',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, rgba(147,206,222,1) 0%,rgba(117,189,209,1) 41%,rgba(73,165,191,1) 100%); /* W3C */}
.content-section .section .title h3{font-size: 13px; color: #FFF;}
.content-section .section.first{}

.content-section .section .sub-title-xxxx{position: relative; display: block; height: 25px; line-height: 25px; color: #FFF; padding: 0 0 0 10px;}
.content-section .section .sub-title-xxxxx{background: rgb(44,175,227); /* Old browsers */
background: -moz-linear-gradient(top, rgba(44,175,227,1) 0%, rgba(73,192,240,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(44,175,227,1)), color-stop(100%,rgba(73,192,240,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(44,175,227,1) 0%,rgba(73,192,240,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(44,175,227,1) 0%,rgba(73,192,240,1) 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, rgba(44,175,227,1) 0%,rgba(73,192,240,1) 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2cafe3', endColorstr='#49c0f0',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, rgba(44,175,227,1) 0%,rgba(73,192,240,1) 100%); /* W3C */}

.terms-legal-container{position: relative; display: block; padding: 10px;page-break-inside:avoid;}
.terms-legal-container .legal-item{margin: 0 0 10px 0;}
.terms-legal-container ul li{position: relative; display: block; background: none; border: 0;}

.terms-legal-container-almcom{font: 0.813em; font-family: "Times New Roman"; position: relative; display: block; padding: 10px;page-break-inside:avoid;}
.terms-legal-container-almcom .legal-item-almcom{font: 0.813em; font-family: "Times New Roman"; margin: 0 0 10px 0;}
.terms-legal-container-almcom ul li{position: relative; display: block; background: none; border: 0;}

.terms-legal-container-bindingarbitration{font: 0.813em;  position: relative; display: block; padding: 10px; page-break-inside:avoid;}
.terms-legal-container-bindingarbitration .legal-item-bindingarbitration{font: 1.000em;  margin: 0 0 10px 0;font-weight:bold; text-transform:uppercase;}
.terms-legal-container-bindingarbitration ul li{position: relative; display: block; background: none; border: 0;}

.form-row{position: relative; display: block; height: 35px;}
.form-row .label{position: relative; display: block; float: left; font-size: 14px; height: 35px; line-height: 35px; width: 175px; border-bottom: 1px solid #FFF; padding: 0 10px 0 10px; margin: 0 10px 0 0; background: #e4f5fc;}
.form-row .label-wide{position: relative; display: block; float: left; font-size: 14px; height: 35px; line-height: 35px; width: 300px; border-bottom: 1px solid #FFF; padding: 0 10px 0 10px; margin: 0 10px 0 0; background: #e4f5fc;}
.form-row .label-wide.tall{height: 55px; line-height: normal; padding-top: 10px;}
.form-row .input-field, .form-row .select-field{position: relative; display: block; float: left; height: 35px; line-height: 35px; margin: 0 8px 0 0;}
.form-row .select-field{height: 32px; line-height: 32px;}
.form-row .empty-label{position: relative; display: block; float: left; width: 10px;}
.form-description .text{font-size: 14px; padding: 0 0 0 10px; color: #333; font-weight: bold; width: 715px; height: 25px; line-height: 25px;}

/* Custom Signature Pad Style */
.clearButton{position: relative; display: block; margin: 0 0 10px 0;}
.signature-pad-container{margin: 10px;}

/* Contact List */
.global-table{border: 0;} /* JW removed width here, is set in JS on orientation */
.global-table .sub-title{color: #333; height: 25px; font-weight: bold; color: #FFF;}
.global-table .sub-title{background: rgb(0,158,195); /* Old browsers */
background: -moz-linear-gradient(top, rgba(0,158,195,1) 0%, rgba(0,183,234,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,158,195,1)), color-stop(100%,rgba(0,183,234,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(0,158,195,1) 0%,rgba(0,183,234,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(0,158,195,1) 0%,rgba(0,183,234,1) 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, rgba(0,158,195,1) 0%,rgba(0,183,234,1) 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009ec3', endColorstr='#00b7ea',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, rgba(0,158,195,1) 0%,rgba(0,183,234,1) 100%); /* W3C */}
.global-table tr td{padding: 4px 7px 4px 7px;}
.global-table select{padding: 0;}
input.table{width:100%;}
.global-table .empty-row{height: 2px;}

/* Custom Datepicker */
.ui-datepicker-trigger{margin: 0 0 0 3px; line-height: 35px; vertical-align: middle; cursor: pointer;}

.agreement-description{position: relative; display: block; width: 715px;}
.agreement-description .check{position: relative; display: block; float: left;}
.agreement-description .text{position: relative; display: block; float: left; font-size: 14px;}

#right-header{position: absolute; z-index: 1; top: 45px; left: 300px; height: 30px; width: 715px;}

/* Progress Chevron */
#breadcrumb{height:30px; line-height:30px; color:#9b9b9b; width:500px; overflow:hidden; margin:0px; padding:0px;}
#breadcrumb li{list-style-type:none; float:left; padding-left:10px; height:30px; line-height: 30px; display:block; background-image:url('Images/bc-separator.png'); background-repeat:no-repeat; background-position:right; padding-right: 15px; text-decoration: none;}
#breadcrumb li img{margin: -1px 0 0 0; vertical-align: middle; display: none;}
#breadcrumb li img.show{display: inline-block;}
#breadcrumb li.visited{color: Green; font-weight: bold;}
#breadcrumb li.current{color: #333; font-weight: bold;}
#breadcrumb a{cursor: default; height:30px; display:block; background-image:url('Images/bc-separator.png'); background-repeat:no-repeat; background-position:right; padding-right: 15px; text-decoration: none; color:#454545;}
.home{border:none; margin: 8px 0px;}

#breadcrumb a:hover{color:#35acc5;}

.banner{color:Yellow; width:100%; margin:0px; padding:0px;}
.bannerText{color: Black; font-size: 14px; font-weight: bold;}

/* Camera/attachment styles
----------------------------------------------------------*/

label.uploadButton {
  display: inline-block;
  width: 150px;
  font: strong 12px Arial, Helvetica;

  /* Styles to make it look like a button */
  /*padding: 0.5em;*/
  border: 2px solid #666;
  border-color: #EEE #CCC #CCC #EEE;
  background-color: #DDD;
}

/* Look like a clicked/depressed button */
label.uploadButton:active {
  border-color: #CCC #EEE #EEE #CCC;
}

/* This is the part that actually hides the 'Choose file' text box for camera inputs */
label.uploadButton input {
  display: none;
}

.centeredimg 
{
    left:50%;
    top:50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position:absolute;
    background-color:grey;
}
