@import url('webkit-input-styles.css');

html {
    height: 100%;
}

a
{
    color:inherit;
    font-weight: bold;
}

body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    background: white;

    margin: 0;
    padding: 0;
    height: 100%;
    position: relative;
}

.center {
    text-align: center;
}

.page-header 
{
    
    background: #f5f2f2;
    background: -moz-linear-gradient(top,  #f5f2f2 0, #bdbdbd 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0,#f5f2f2), color-stop(100%,#bdbdbd));
    background: -webkit-linear-gradient(top,  #f5f2f2 0,#bdbdbd (100%));
    background: -o-linear-gradient(top,  #f5f2f2 0,#bdbdbd (100%));
    background: -ms-linear-gradient(top,  #f5f2f2 0,#bdbdbd (100%));
    background: linear-gradient(to bottom,  #f5f2f2 0,#bdbdbd (100%));
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f2f2', endColorstr='#bdbdbd',GradientType=0 );
  
    border-bottom: 1px solid #787979;
    
            
  
    padding: 5px;
    box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
  	display: -webkit-box;
    display:    -moz-box;
    display:         box;
	display: -webkit-flex;
    display:    -moz-flex;
    display:     -ms-flex;
    display:         flex;
	width: 100%;

	-webkit-box-orient: horizontal;
        -moz-box-orient: horizontal;
        -ms-box-orient: horizontal;
            box-orient: horizontal;
 
 
    -webkit-flex-direction: row;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
            
             align-items: center;
    height: 70px;

   
}

.page-header img {
    height: 100%;
    width: auto;
}
.page-header .logo-wrap {
    height: 100%;
    -webkit-flex:1;
		-moz-flex:1;
		-ms-flex:1;
		flex:1;
}

.page-header .menu-wrap {
    text-align: right;
    -webkit-flex:1;
	-moz-flex:1;
	-ms-flex:1;
	flex:1;
}

.page-header .menu {
    font-weight: bold;
     color: #6B6B6E;
    list-style: none;
    margin: 0;
}

.page-header .menu-item a{
  
    color: inherit;
}
        
    
.page-title 
{
    text-align: center;
}

.page-content-wrap-1
{
    display: table;
    height: 80%;
    width: 100%;
    
    
    background: #dadada;
    background: -moz-linear-gradient(top,  #dadada 0, #fff 50px);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0,#dadada), color-stop(50px,#fff));
    background: -webkit-linear-gradient(top,  #dadada 0,#fff 50px);
    background: -o-linear-gradient(top,  #dadada 0,#fff 50px);
    background: -ms-linear-gradient(top,  #dadada 0,#fff 50px);
    background: linear-gradient(to bottom,  #dadada 0,#fff 50px);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dadada', endColorstr='#fff',GradientType=0 );
  
    border-top: 1px solid #e6e6e6;
    
    

}
    
.page-content-wrap-2
{
    display: table-cell;
    
    vertical-align: middle;
    text-align: center;
}
.page-content {
    text-align: left;
    padding: 0.5em;
}
        
.panel 
{
    
    border: 1px solid #E2E2E2;
  
    padding: 1em;
         
    color: #6B6B6E;
 
    margin: 0 auto;
    min-width: 200pt;
    max-width: 300pt;
             
    background: #efefef;
}
  
input[type="submit"] {
    width: 100%;
}
 
.editor-field {
    margin: 0.5em 0;
}

.field-validation-error,
.validation-summary-errors {
    color: red;
}
.field-validation-error {
    clear: left;
    display: list-item;
    margin: 4px 0 10px 24px;
}

.editor-field input, .editor-field select {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;   
    box-sizing: border-box;
    border-width: 1px;
    margin: 0;
}

/* prevents border & margin from changing when focused */
.editor-field input:focus {
    border-width: 1px;
    margin: 0;
}
  
#page-login .link-forget-password 
{
    display: block;
    text-align: right;
}

#page-login .page-title {
    display: none;
}

#page-login .login .msg {
    font-size: 120%;
    margin-bottom: 1em;
    text-align: center;
}

input {
    -webkit-appearance: none;  
    border: 1px solid #CCC;
    font-size: 12px;
}
    
input[type="submit"] {
    background: #f1f1f1;	
}
input[type="submit"]:hover {
    background: #f8f8f8;
	text-decoration: none;
    border-color: #dbdbdb;
      	
}

.footer {
    position: absolute;
    bottom: 20px;
    left: 20px;
}

.btn-fedlogin {
    -webkit-appearance: none;  
    border: 1px solid #CCC;
    font-size: 12px;
    background: #f1f1f1;
    text-decoration: none;
    font-weight: normal;
        line-height: 1.5em;  	
        border: 1px solid #CCC;
    display: block;
        text-align: center;
    padding: 6px;
    margin-top: 5px;
    margin-bottom: 5px;
    color: #000;
}
    
.btn-fedlogin:hover {
    background: #f8f8f8;
	text-decoration: none;
    font-size: 12px;
    border-color: #dbdbdb;
    cursor: default;
}

.ccc {
    padding: 10px;

    overflow: hidden;
    text-align: center;
}
.ccc:before,
.ccc:after {
    background-color: #888;
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 50%;
}
.ccc:before {
    right: 0.5em;
    margin-left: -50%;
}
.ccc:after {
    left: 0.5em;
    margin-right: -50%;
}

.aaa {
   width: 100%; 
   height: 
   text-align: center; 
   border-bottom: 1px solid #AAA; 
   line-height: 1px;
   margin: 10px 0 10px;
}

.bbb {
    padding:0 10px; 
    background: #efefef;
}

.requirements-fail {
    color: #f44336;
    border: 2px solid #f44336;
    background-color: #ffebee;
    display: block;
    padding: 20px;
    font-weight: bold;
    font-size: 140%;
    text-align: center;
}

.hide {
    display: none;
}