html, body {margin:0; padding:0;height:100%;} 
body {height:100%; line-height:100%;font-family: sans-serif;font-size:14px; color:#454545;background:#CCD8E7;}
input {border:1px solid #dadada;border-radius:2px;font-size:13px;padding:5px;}
input:focus { outline:none;border-color:#9ecaed;box-shadow:0 0 6px #9ecaed;}
.login{border-radius:0px;box-shadow:0 0 10px #9ecaed; border:1px solid #e9e9e9; width:510px; position:relative; margin:140px auto 0px; background:#F9F9f9; font-size:10px;color:#000000;
}
.login123{border-radius:0px;box-shadow:0 0 10px #9ecaed; border:1px solid #e9e9e9; width:510px; position:relative; margin:140px auto 0px; background:#ffffff; font-size:13px;

background: rgb(107,105,105); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
//background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZiNjk2OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhOWE5YTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(107,105,105,1) 0%, rgba(169,169,169,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(107,105,105,1)), color-stop(100%,rgba(169,169,169,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(107,105,105,1) 0%,rgba(169,169,169,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(107,105,105,1) 0%,rgba(169,169,169,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(107,105,105,1) 0%,rgba(169,169,169,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(107,105,105,1) 0%,rgba(169,169,169,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b6969', endColorstr='#a9a9a9',GradientType=0 ); /* IE6-8 */}
.login span{ font-size:11px;}
.login table{}
.login th{ padding:10px 0; text-align:center;}
.login td{ padding:3px; color:#ffffff;

}
.txt{width:310px; margin:0 0 12px 0;}
.error-message{font-size:12px; color:#000000; padding:5px 0 !important; text-align:center;}


.login-header{padding:1px 0;height:30px; text-align:center; font-size:19px; border-bottom:1px solid #ccc;border-radius:0px 0px 0 0; color:#ffffff;
background-image:url(../images/login_header.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
}

.login-header1234{padding:1px 0;height:30px; text-align:center; font-size:19px; border-bottom:1px solid #ccc;border-radius:0px 0px 0 0; color:#ffffff;
background: rgb(49,139,189); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMxOGJiZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzNjUwODkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(49,139,189,1) 0%, rgba(54,80,137,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(49,139,189,1)), color-stop(100%,rgba(54,80,137,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(49,139,189,1) 0%,rgba(54,80,137,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(49,139,189,1) 0%,rgba(54,80,137,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(49,139,189,1) 0%,rgba(54,80,137,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(49,139,189,1) 0%,rgba(54,80,137,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#318bbd', endColorstr='#365089',GradientType=0 ); /* IE6-8 */
background-image:url(../images/header_image.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
}



.button{ color:#ffffff; padding:3px 12px !important; border-radius:6px; cursor:pointer; font-weight:bold; border:0px solid #fff;
background: rgb(49,139,189); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMxOGJiZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzNjUwODkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(49,139,189,1) 0%, rgba(54,80,137,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(49,139,189,1)), color-stop(100%,rgba(54,80,137,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(49,139,189,1) 0%,rgba(54,80,137,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(49,139,189,1) 0%,rgba(54,80,137,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(49,139,189,1) 0%,rgba(54,80,137,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(49,139,189,1) 0%,rgba(54,80,137,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#318bbd', endColorstr='#365089',GradientType=0 ); /* IE6-8 */}

/*############################################ Logout page  CSS ###################################*/
.logoutmain{position:relative; margin:140px auto 0px;width:410px; height:auto; padding:12px 0; text-align:right; font-size:20px; color:#ffffff;}
.logout{border-radius:10px;box-shadow:0 0 10px #9ecaed; height:250px; border:1px solid #e9e9e9; margin:0 auto; width:410px;  background:#ffffff; font-size:13px;

background: rgb(238,238,238); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc4JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(255,255,255,1) 78%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(78%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(255,255,255,1) 78%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(255,255,255,1) 78%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(255,255,255,1) 78%); /* IE10+ */
background: linear-gradient(top, rgba(238,238,238,1) 0%,rgba(255,255,255,1) 78%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */}
.logout-header{padding:18px 8px; text-align:left; font-size:20px; border-bottom:1px solid #ccc;border-radius:10px 10px 0 0; color:#454545;

 }
 
 .logout-txt{padding:10px; text-align:center; font-size:16px;}
 .logout-txt a{ text-decoration:none; color:#233f74;}
  .logout-txt a:hover{ text-decoration:underline;}