/* styles for smart phones */
/*@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {*/
/* Styles outside to be included here
}*/


body{width:98%; border:1px solid #000; margin:0 auto; height:100%;min-height:455px; background-color: #FCF4E4}

.header{width:100%;background-color:#FFFFFF;}
.logos_left{float:left; margin: 0}
.logos_right{float:right; margin: 0.5% 0.5% 0.5% 0.5%}
.brandingLine{height:4px; background-color:white; margin-top:3%; clear:both;}
.brandingLine .color1{border-top:3px solid #923222; width:68%; float:left}
.brandingLine .color2{border-top:3px solid #fcaf17; width:31.5%; float:right;}
/*.names{margin-top:10%}*/ /*commneted for CR13*/
.names{margin-top:3%} /*Added for CR13*/
#mobileLoginPage{padding-top:5%; clear:both; overflow:auto;}
.loginPageData{ font-size:1em/*3.0em*/;    margin: 0 auto;    text-align: center;    width:96%/*96%*/;}
.privacyNote{font-size:0.8em /*2.0em*/;    margin: 0 auto;    text-align: center;    width: 98%;}
.aspBtn{background-color:#472b14; width:70%; cursor:pointer; color:#FFF; border:1px solid #745943; border-radius:5px; font: bold 1em Arial; text-decoration: none; text-align:center; *padding:0 .25em 0 .25em; *width:1; *overflow:visible;
background: -webkit-linear-gradient(#926b4c, #472b14); /* For Safari */
background: -o-linear-gradient(#926b4c, #472b14); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#926b4c, #472b14); /* For Firefox 3.6 to 15 */
background: linear-gradient(#926b4c, #472b14); /* Standard syntax (must be last) */
}

.viewDocument{margin-top:5%;}
.emailDocument{margin-top:5%;}
.sendEmailDocument{margin-top:5%;}
.emailTextBox{margin-top:5%;}
.marginBotton{margin-bottom:5%;}
.emailAddress{width:90%; padding:1%; border:2px solid #999; border-radius:5px; color:#999; font-size: 1em;}
.emailError{font-size:1em /*2.0em*/;    margin: 0 auto;    text-align: center; color:Red;    width: 96%;}
.emailSuccess{font-size:1em /*2.0em*/;    margin: 0 auto;    text-align: center; color:Green;    width: 96%;}
.footer{background-color: #FCF4E4; clear:both; padding-bottom: 2%; padding-top:3%}
.copyright{color:#4b2e17; font-size:1em/*2em*/; width:90%; margin:0 auto; text-align: center;font-family: Verdana}
/*Added form CR10 Start*/
.goback {width :18%;float:right; margin-right: 7%}
.btnview {width :10%;display:inline}
.viewDocumentCongresss { background-color:#191970;   Width:50%;display:inline-block;
background: -webkit-linear-gradient(#000080, #191970); /* For Safari */
background: -o-linear-gradient(#000080, #191970); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#000080, #191970); /* For Firefox 3.6 to 15 */
background: linear-gradient(#000080, #191970); /* Standard syntax (must be last) */
}

@media only screen and (max-width: 1200px) {
    .goback {width :30%;float:right; margin-right: 10%}
   .btnview {width :25%;display:inline-block;}
   
}
@media only screen and (max-width: 1000px) {
    .goback {width :35%;float:right; margin-right: 10%}
   .btnview {width :25%;display:inline-block;}
    
}
@media only screen and (max-width: 600px) {
    .goback {width :50%;float:right; margin-right: 10%}
   .btnview {width :25%;display:inline-block;}
    
}
@media only screen and (max-width: 400px) {
    .goback {width :70%; float:right; margin-right: 5%}
   .btnview {width :25%;display:inline-block;}
    
}
/*End*/