﻿html,body 
{
    font-family:Arial;
    margin:0px;
    padding:0px;
}
input[type="text"] {
            border:2px solid #C7C7C7;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
            padding:5px; 
            margin:2px !important;
            -webkit-transition-property: border, opacity;
            transition-property: border, opacity;
            -webkit-transition-duration: 0.6s;
            transition-duration: 0.6s;
        }
        
        input[type="text"]:hover
        {
            border:2px solid #0000ff;
        }
        input[type="password"] {
            border:2px solid #C7C7C7;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px; 
            padding:5px;
            margin:2px !important;
            -webkit-transition-property: border, opacity;
            transition-property: border, opacity;
            -webkit-transition-duration: 0.6s;
            transition-duration: 0.6s;
        }
        input[type="password"]:hover
        {
            border:2px solid #0000ff;
        }
        textarea
        {
            border:2px solid #C7C7C7;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px; 
            padding:5px;
            margin:2px !important;
            -webkit-transition-property: border, opacity;
            transition-property: border, opacity;
            -webkit-transition-duration: 0.6s;
            transition-duration: 0.6s;
        }
        textarea:hover
        {
            border:2px solid #0000ff;
        }
        input[type="submit"]
        {
            border:2px solid #C7C7C7;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px; 
            padding:5px;
            margin:2px !important;
            cursor:pointer;
            -webkit-transition-property: border, opacity;
            transition-property: border, opacity;
            -webkit-transition-duration: 0.6s;
            transition-duration: 0.6s;
        }
        input[type="submit"]:hover
        {
            border:2px solid #0000ff;
            opacity: 0.6;
            filter:Alpha(opacity=60);
        }
        select 
        {
            background-color:White;
            border:2px solid #C7C7C7; 
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
            padding:5px;
            margin:2px !important; 
            -webkit-transition-property: border, opacity;
            transition-property: border, opacity;
            -webkit-transition-duration: 0.6s;
            transition-duration: 0.6s;
        }
        
        select:hover
        {
            border:2px solid #0000ff;
        }
        
        .bdplButton 
        {
            position:relative;
            width:28px !important;
            left:-34px;
            top:5px;
        }
img{border:none;}
#form1
{
    height:99%;
    width:100%;
    display:block;
}
/*Header*/
#Header
{
    margin:0px;
    padding:0px;
    background-color: #F0E6C2;
    height:100px;
    width: 100%;
}
#BodyDiv 
{
    padding:5px;
}
#LogoDiv
{
    height: 75px;
    width: 20%;
    float:left;
}
#PawnLogoDiv
{
    text-align:center;
    height: 75px;
    padding-top:15px;
}
#Logo
{
    height:74px;
}
#UserInfo
{
    padding:3px;
    height: 75px;
    width: 20%;
    float:right;
    text-align:right;
    margin-left: 0px;
}
/*Session Bar*/
#SessionBar
{

    position:fixed;
    bottom:0px;
    left:0px;
    right:0px;
    padding:3px;
    margin:0px;
    background-color:#465C83;
    text-align:center;
    font-weight:bold;
    color:#C4D8F0;
    width:100;
    height:22px;
    z-index:100;

}
/*Navigation Menu*/
#srnav
{
    clear:both;
    /*background-image: url('../Images/nav.jpg');*/
    background-repeat: repeat-x;
    z-index:30;
    height:46px;
}
#srnav ul
{
    list-style:none;
    list-style-type:none;
    height:50px;
    margin:0px;
    padding:0px;
    z-index:49;
    text-transform:uppercase;
    font-style:italic;
}  
#srnav li
{
    margin:2px;
    border:2px solid white;
    width: 200px;
    height:40px;
    background-color:#A0A682;
    color:#FFFFFF;
    list-style:none;
    float:left;
    z-index:50;
    font-family: Arial;
    font-weight: bold;
    font-size:12pt;
    padding:3px;
    padding-top:10px;
    text-align:center;
}
#srnav li a
{
    
    display: block;
    color:#FFFFFF;
    text-decoration:none;
    font-family: Arial;
    font-weight: bold;
}
#srnav li ul
{
    display:none;
    
}
#srnav li:hover
{
    background-color:#C6CEA1;
}
#srnav li:hover ul
{
    display: block;
    padding:0;
    position:relative;
    margin-left:auto;
    margin-right:auto;
    z-index:50;
}
#srnav li ul li
{
    border:2px solid white;
    width:auto;
    height:30px;
    padding:0px;
    float:none;
    z-index:51;
    margin:-1px;
    font-size:12pt;
}

#srnav li:hover li a
{
    width:auto;
    padding-top:5px;
    background-color: #CEDAE8;
    border-bottom: 1px solid #fff;
    text-decoration:none;
    color:#A16239;
    z-index:52;
    font-size:12pt;
}
#srnav li:hover ul li a:hover
{
    background-color:#465C83;
}
/* Content */
#Content
{
    clear:both;
}
H1
{
    text-align:center;
    font-size:24px;
    font-weight:bold;
    color:#404040;
}
/* Login */
#Login
{
    clear:both;
    width:420px;
    height:136px;
    margin-left:auto;
    margin-right:auto;
    position:absolute;
    top:50%;
    margin-top:-68px;
    left:50%;
    margin-left:-230px;
    
    
}
#CatchPhrase
{
    clear:both;
    position:absolute;
    top:25%;
    width:100%;
    text-align:center;
    font-size:22px;
    font-style:italic;  
    font-weight:bold;
}
.TransactionItems
{
    float:right;
    position:relative;
    width:40%;
    top: 85px;
    left: -101px;
}
#LogoutButton
{
    font-weight: bold;
    color: #003399;
    text-decoration: none;
}
#LogoutButton:hover
{
    color:#9E9E9E;
}
.UserInfoLabel
{
    color: #3366FF;
    font-weight: bold;
}
.center
{
    margin-left:auto;
    margin-right:auto;
    font-size: small;
}
#Register
{
    position:absolute;
    width:200px;
    top:50%;
    margin-top:-68px;
    margin-right:0px;
    left:80%;
    text-align:center;
}