/* 
    Document   : login
    Created on : May 17, 2012, 5:26:35 PM
    Author     : Developer-3
    Description:
        Purpose of the stylesheet follows.
*/
body {
    background:url(../../images/common/bg-main.jpg);
    margin: 0px;
    padding: 0px;
}
#login-1{
    width:1122px; 
    height:522px; 
    margin:65px auto; 
    background:url(../../images/common/black-board-bg.png) no-repeat center;
}

.panel {
    position: relative;
    top: 125px;
    left:515px;
    color:white;
    width:300px;
    font-family: sans-serif;
    font-size:14px;
}

.panel input[type='text'] , .panel input[type='password']  {
    width:226px;
    display: block;
    margin:10px 0;
    height:25px;
    font-size: 16px;
    border-radius: 5px;
    padding: 3px;
    border: 1px solid #eee;
    background-color: #333;
    color:#ddd;
    -moz-transition: all 1s ease-out 0s;
    -webkit-transition: all 1s ease-out 0s; 
}

.ddlcss {
	
	font-family:Arial, Helvetica, sans-serif;
	width:226px;
    display: block;
    margin:10px 0;
    height:25px;
    font-size: 12px;
    border-radius: 5px;
    padding: 3px;
    border: 1px solid #eee;
    background-color: #333;
    color:#ddd;
    -moz-transition: all 1s ease-out 0s;
    -webkit-transition: all 1s ease-out 0s; 
	
}

.panel input[type='text']:focus , .panel input[type='password']:focus {
    border: 1px solid #fff;
    box-shadow: 0 0 10px #fff;
    -moz-transition: all 0.3s ease-out 0s;   
    -webkit-transition: all 0.3s ease-out 0s;   
    outline: none;
}

.panel input[type='submit'] {  
    display: block;
    background-color:#eee;
    padding: 0 20px;
    height:32px;
    margin-top:10px;
    font: bold 16px sans-serif;
    color:#ffffff;
    cursor:pointer;
    border:none;
    background-image:-moz-linear-gradient(top , #eee, #aaa);
    background-image:-webkit-linear-gradient(top , #eee, #aaa);
    background-image:linear-gradient(top , #eee, #aaa);
    border-radius: 5px;
    color: #111;
}

.panel input[type='submit']:hover {
    box-shadow: 0 0 5px #fff ;
}

.panel input[type='submit']:hover:active {    
    background-color:#aaa;
    box-shadow: 0 0 5px #fff inset;
    background-image:-moz-linear-gradient(top , #aaa, #eee);
    background-image:-webkit-linear-gradient(top , #aaa, #eee);
    background-image:linear-gradient(top , #aaa, #eee);
}

.panel a {
    color:white;
    text-decoration: none;
}

.panel a:hover {
    color:white;
    text-decoration: underline;
}