﻿html, body 
{
    height: 100%;
    margin: 0;
    padding: 0;
    width: 100%;
    }

body {
	color: #000;
	min-width: 960px;
	font: 12px Century Gothic, arial, helvetica, sans-serif;
}

a{ color:#000000; text-decoration:none;}
a:hover{ color:#ff6600; text-decoration:none;}
a img{ border:0;}

input[type="text"], input[type="password"] { outline: none; }

.container
{
    width:100%; height:100% !important;
    min-width: 960px; min-height:407px;
    position:relative;
    }
    
 

/*==================================================================
 CONTENT ===========================================================
==================================================================*/

.content
{
    width:100%; height:auto;
    min-height:363px;
    position:absolute;
    }
    
    .logo
    {
        width:224px; height:97px;
        position:absolute;
        top:25px; left:25px;
        }
    
    .secureLink
    {
        width:225px; height:50px;
        position:absolute;
        top:25px; right:25px;
        display:none;
        }
        
    .login
    {
        width:433px; height:363px;
        margin:0 auto;
        background-image:url(../img/bg.png);
        }
        
        .title{ width:433px; height:75px;}
        .title h1{font: 26px Century Gothic, arial, helvetica, sans-serif; padding:22px 0 0 0; text-align:center;}
        
        .loginFields{Width:433px; Height:286px; }
              
        .username{ width:418px; height:72px; margin-top:40px; padding-left:15px; font: 18px Century Gothic, arial, helvetica, sans-serif;}
        #Login1_UserName
        {
            background-image:url(../img/field.png);
            background-repeat:no-repeat;
            background-color:#F4F4F4;
            width:395px; height:39px;
            padding-left:10px;
            font: 18px Century Gothic, arial, helvetica, sans-serif;
            border:none;
            margin-bottom:25px;
            margin-left:12px;
            }
            #Login1_UserNameRequired{color:red; font: 18px Century Gothic, arial, helvetica, sans-serif;}
            
        .password{ width:418px; height:72px; margin-top:25px; padding-left:15px; font: 18px Century Gothic, arial, helvetica, sans-serif;}
        #Login1_Password
        {
            background-image:url(../img/field.png);
            background-repeat:no-repeat;
            background-color:#F4F4F4;
            width:395px; height:39px;
            padding-left:10px;
            font: 18px Century Gothic, arial, helvetica, sans-serif;
            border:none;
            margin-left:12px;
            }
            #Login1_PasswordRequired{color:red; font: 18px Century Gothic, arial, helvetica, sans-serif;}
            
            .password{ width:418px; height:72px; margin-top:25px; padding-left:15px; font: 18px Century Gothic, arial, helvetica, sans-serif;}
        #Login1_Company
        {
            background-image:url(../img/field.png);
            background-repeat:no-repeat;
            background-color:#F4F4F4;
            width:395px; height:39px;
            padding-left:10px;
            font: 18px Century Gothic, arial, helvetica, sans-serif;
            border:none;
            margin-left:12px;
            }
            #Login1_PasswordRequired{color:red; font: 18px Century Gothic, arial, helvetica, sans-serif;}
            
        .loginbtn{ width:426px; height:50px; margin-top:25px; padding-right:15px; text-align:right;}
        #Login1_LoginButton
        {
            width:140px; height:50px;
            background-image:url(../img/login.png);
            border:none;
            cursor:pointer;
            margin-top:25px;
            }
            label{font: 18px Century Gothic, arial, helvetica, sans-serif; margin:0 0 10px 11px;}
        .accesstxt{ width:285px; float:left; color:Red; font:18px Century Gothic, arial, helvetica, sans-serif; margin:-65px 0 0 75px;}
        
/*==================================================================
 FOOTER ============================================================
==================================================================*/
.footerMain{ width:100%; height:30px; position:absolute; bottom: 5px;}
.footerTxt{ width:auto; height:25px; margin:5px 0 0 10px; float:left;}
.footerSocial{ width:85px; height:30px; float:right;}
.footerBlog{ width:25px; height:30px; margin:0 2px 0 0; float:left;}
.footerFb{ width:25px; height:30px; margin:0 2px 0 0; float:left;}
.footerTwit{ width:25px; height:30px; margin:0 2px 0 0; float:left;}
.footerPin{ width:25px; height:30px; float:left;}