/*custom css doc*/
/*ELEMENT BASICS CSS*/
    body {
        font-family: 'Open Sans', Arial, sans-serif;
        font-weight: 400;
        font-size: 16.5px;
        background-color:#cccccc;
        padding:0px;
    }

    .header {
        background-color:white;
        width:100%;
        vertical-align: middle;
        background-color:white;
        background-image: none;
        background-repeat: no-repeat;
        filter: none;
        font-size:14.5px;
        color:#777777;
    }

    .navbar {
        margin-bottom:0px;
        position:static;
    }
    .navbar-inner {
        height:55px;
        padding:0px 0px 0px 0px;
        border:none;
        border-radius:0px;
    }

    .caret {
        border-top: 8px solid #000000;
        border-right: 8px solid transparent;
        border-left: 8px solid transparent;
    }

    .nav-spacer {
        width:65%;
        margin-left:auto;
        margin-right:auto;
        min-width:268px;
    }

    a.close {
        font-size:25px;
        float:none;
        position:relative;
        top:0.135em;
        right:0.125em;
        margin-left:0.5em;
    }

    .modal .close {
        position:absolute;
        top:5px;
        right:8px;
    }

    .window-spacer {
        margin-top:5%;
    }
    .dropdown-menu > li > a:hover, .dropdown-menu > li > button:hover{
        background-color:#e7e7e7;
        background-image:none;
    }
    
    .navbar .nav .dropdown-menu > li > a {
        line-height:35px;
    }
    
    .dropdown-menu>li>a:hover, 
    .dropdown-menu>li>a:focus, 
    .dropdown-submenu:hover>a, 
    .dropdown-submenu:focus>a 
    {
       filter: none;
    }

    .dropdown-menu:before, 
    .dropdown-menu:after {
        border: none !important;
        content: none !important;
    }
    


    .form-login a, .form-login p, .form-login h3{
        color:#777777;
        font-family: 'Open Sans', Arial, sans-serif;
        font-weight: 400;
        font-size: 0.7em;
        margin-bottom:30px;
    }

    .help-desk p {
        font-size: 1.0em;
        margin-bottom: 0.8em;
    }
    
    #resetLink {
    	color: #0088cc;
        font-size: 1.0em;
	font-weight: 600;
    }


    .login, .logoff {
        background-image: url('txtr_web.png');
        /*  -webkit-border-radius: 0.4em;
        -moz-border-radius: 0.4em;
        -o-border-radius: 0.4em;
        border-radius: 0.4em;*/
        border-style:solid;
        border-width:1px;
        border-color:#b3b3b3;
        padding: 1.5em 3.0em 1.0em 3.0em;
        box-shadow:0 2px 5px 0 rgba(0,0,0,0.1);
        min-height:275px;
    }
    
    #logoff {
        min-height:none;
    }

    .form-login .container-narrow {
        margin: 5em auto;
        max-width: 690px;
        padding: 0.7em 0 1.1em 0;
    }

    .form-login .container-narrow p {
        text-align:center;
        font-size:14px;
    }

    .form-login .container-narrow p a {
        font-size:14px;
    }

    .form-login h3, .help-desk h3 {
        font-size: 1.3em;
        line-height: 1.45em;
        margin: 0;   
    }

    .form-login h3 {
        color: #016a8c;
        font-size:1.5em;
        font-weight:700;
    }
    
    #address h3, #helpdesk h3, #feedback h3, #reset h3 {
        font-size:1em;
    }

    .help-desk h3 {
        color: #016a8c;
        margin-bottom: 0.2em;
    }

    .form-login span {
        color: #83f331;
    }

    .form-login label {
        color: #808080;
        display: block;
        font-size: 1.1em;
        font-family: 'Open Sans', sans-serif;
        margin-bottom: 0.5em;
        margin-top: 0.9em;
    }


    .form-login a {
        font-size: 1.3em;
    }

    .form-login a:hover {
        color: #20ABD6;
        text-decoration: none;
    }

    .form-login .simple-btn,#address .simple-btn, #helpdesk .simple-btn, #submitElements .simple-btn {
        display: inline-block;
        *display: inline;
        color: #ffffff;
        padding: 0.5em 2.2em;
        bottom: 1em;
        margin: 0.5em;
        font-weight: 300;
        text-align: center;
        vertical-align: middle;
        cursor: pointer;
        background-color: #25B10C;
        border: 1px solid #649C40;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        text-transform: uppercase;
        letter-spacing:1px;
        font-size:12.5px;
        position:relative;
    }
    
    .form-login .simple-btn:active,
    .form-login .simple-btn.active,
    .form-login .simple-btn.disabled,
    .form-login .simple-btn[disabled] {
        color: #ffffff;
        background-color: #7bbf4f;
        *background-color: #7bbf4f;
    }
    
    .simple-btn.disabled,
    .simple-btn[disabled] {
        color: #ffffff;
        background-color: #7bbf4f;
        *background-color: #7bbf4f;
    }


    .form-login textarea:focus,
    .form-login input[type="text"]:focus,
    .form-login input[type="password"]:focus,
    .form-login input[type="email"]:focus,
    .uneditable-input:focus {
        border-color: #ABCCD1;
        outline: 0;
        outline: thin dotted \9;
        /*   IE6-9 */
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
        -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    }
    /*above boxshadow code is glow around box on active select*/


    /*PLACEHOLDER COLOR INSIDE INPUT BOXES*/
    .form-login input:-moz-placeholder,
    .form-login textarea:-moz-placeholder {
        color: #BDBDBD;
        font-size: 0.9em;
        letter-spacing: 3px;

    }

    .form-login input:-ms-input-placeholder,
    .form-login textarea:-ms-input-placeholder {
        color: #BDBDBD;
        font-size: 0.9em;
        font-weight: 300;
    }

    .form-login input::-webkit-input-placeholder,
    .form-login textarea::-webkit-input-placeholder {
        color: #BDBDBD;
        font-size: 0.9em;
        font-weight: 300;
    }

    /*Below- positions helpdesk textarea placeholder*/

    .help-desk textarea::-moz-input-placeholder {
        line-height: 0;
    }

    .help-desk textarea::-ms-input-placeholder {
        line-height: 0;
    }

    .help-desk textarea::-webkit-input-placeholder {
        line-height: 0;
    }


    /*this is for form boxes themselves- not selected color border */
    .form-login textarea,
    .form-login input[type="text"],
    .form-login input[type="email"],
    .form-login input[type="tel"],
    .form-login input[type="password"],
    .uneditable-input {
        border-radius:0px;
    }

    /*this following is for inside text SELECTED input box*/
    .form-login select,
    .form-login textarea,
    .form-login input[type="text"],
    .form-login input[type="password"],
    .form-login input[type="email"],
    .uneditable-input {
        display: inline-block;
        margin-bottom: 15px;
        font-size: 14px;
        font-family: 'Open Sans', sans-serif;
        line-height: 20px;
        color: #808080;
        vertical-align: middle;
    }

    .help-desk textarea {
        min-height: 90px;
        background-color:#f3f1f1;
    }

    li {
        list-style-type:none;
    }

    .icon-box {
        border-style:solid;
        border-width:1px;
        height:100%;
        width:40px;
    }

    .fa {
        font-size:1.25em;
        color:#016a8c;
        text-align: center;
        line-height: 35px;

    }

    .input-prepend {
        width:100%;
    }

    .input-prepend .add-on {
        height:35px;
        width:35px;
    }

    .input-prepend input {
        height:35px;
        width:83%;
    }

    #address .form-login .span8 {
        background-image:none;
        border-style:none;
        border-width:0px;
        box-shadow:none;
    }

    #address p, #confirm p {
        font-size:1.0em;
    }

    .modal {
        background-image: url('txtr_web.png');
        border-radius:0px;
        border-width:1px;
        border-color:#b3b3b3;
        box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1);
        color:#777777;
    }
    
    .policy {
        background-image: none;
        min-height:
    }

    .nav-collapse {
        background:white;
        z-index:1001;
    }
    .navbar .nav > li {
        z-index: 1001;
    }
    .navbar .nav li a{
        line-height:55px;
        text-shadow:none;
        color:#777777;
        padding:0px 15px;
    }

    .navbar .nav li a img{
        line-height:55px;
        text-shadow:none;
        color:#777777;
        padding:5px 15px;
    }

    .navbar .nav .dropdown-toggle img {
        padding-right:0px;
    }

    .navbar .nav .dropdown-toggle .caret {
        margin-top:25px;
    }

    .brand img{
        margin:5px 5px 5px 5px;
    }

    #password-help {
        color:#626262;
    }

    #password-help > a {
        color:#147999;
    }

    .notice {
        color: #5186B5;
        background-color: #D7EFFA;
    }
    .success {
        color: #73A142;
        background-color: #E9F7D0;
    }
    .warning {
        color: #C27C11;
        background-color: #FCF2CA;
        margin:0px 0px 0px 0px;
        text-align:center;
    }
    .error {
        color: #E84F57;
        background-color: #FCD4D4;
    }

    .notice, .success, .warning, .error, .validation {
        padding:12px 0px;;
        background-repeat: no-repeat;
        position: relative;
        width:100%;
        text-decoration: none;
    }

    #errorBlock > ul {
        margin:0px 0px 0px 0px;
        text-align:center;
    }
    
    #collapse-button {
        background-color:white;
        background-image:none;
        background-repeat: no-repeat;
        border-style:none;
        border:none;
    }
    
    form {
        margin:0px;
    }
    

    /*BEGIN MEDIA QUERY LIST*/


    /*DESKTOP AND LARGER*/
    @media screen and (min-width: 1000px) {
        .container-fluid {
            width: 1000px;
            margin: auto;
        } 

    }


    @media (max-width: 767px) {

        .form-login .container-narrow {
            margin: 0 auto;
            max-width: 75%;
            padding: 0.7em 0 1.1em 0;
        }
    }
   
::-webkit-input-placeholder {
   letter-spacing:1px;
}

:-moz-placeholder { /* Firefox 18- */
   letter-spacing:1px;  
}

::-moz-placeholder {  /* Firefox 19+ */
   letter-spacing:1px;  
}

:-ms-input-placeholder {  
   letter-spacing:1px; 
}


@media only screen 
and (max-width : 1060px)  {
/* Styles */
    #portal-logo {
        padding:0px;
    }
    .nav-spacer{
        width:100%;
    }
}

@media only screen 
and (max-width : 857px)  {
/* Styles */
     
     li.dropdown > a.dropdown-toggle{
        padding:0px;
     }
}

@media only screen 
and (min-width : 408px) 
and (max-width : 857px)  {
/* Styles */
    .tilepane {
        width:408px;
    }
}

@media only screen 
and (min-width : 857px) 
and (max-width : 1100px)  {
/* Styles */
    .tilepane {
        width:612px;
    }
}

@media only screen 
and (min-width : 1100px) 
and (max-width : 1400px)  {
/* Styles */
    .tilepane {
        width:816px;
    }
}

@media only screen 
and (min-width : 1400px)
and (max-width : 1700px){
/* Styles */
    .tilepane {
        width:1020px;
        height:100%;
    }
}

@media only screen 
and (min-width : 1700px) {
/* Styles */
    .tilepane {
        width:1224px;
        height:100%;
    }
}

/* navbar responsiveness */

@media only screen 
and (max-width : 645px) {
/* Styles */
    #title { display: none;}
}

@media only screen 
and (max-width: 555px) {
  #smallDropdown { display: block; }  /* show it on small screens */
  .lg-item { display: none; }   /* hide it elsewhere */
}

@media only screen and (min-width: 555px){
  #smallDropdown { display: none; }   /* hide it elsewhere */
  .lg-item { display: block; }  /* show it on small screens */
}