body { background:url(../images/bg.gif) repeat-x left top #d4d3d3; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; color: #333; }

h1 {
	font-size:24px;
	font-style:italic;
	font-weight:normal;
	color:white;
	line-height:35px;
	margin-bottom:0px;
	margin-top:80px;
	text-align: center;
}
#login {
	margin:10px 0px 0px 0px;
	border:1px solid #666;
	background:url(../images/bg_login.gif) repeat-x left top #f6f5f5;
	padding:20px;
}
#forgot {
	margin:0px auto 30px auto;
	width:235px;
	text-align: center;
}
p.tip {
	padding-left:20px;
	display:block;
	background-image: url(../images/lightbulb.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
p.error {
	padding-left:20px;
	display:block;
	background-image: url(../images/exclamation.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	color: #900;
}
.black_button {
	margin: 0px;
  	padding: 0px !important;
  	border: 0px;
  	background: transparent url('../images/but_login_span.gif') no-repeat scroll top right;
  	color: #FFF;
  	display:block;
  	float: right;
	width:105px;
  	height: 30px;
  	margin-right: 6px;
  	margin-top:10px;
  	padding-right: 12px !important;
  	text-decoration: none;
  	overflow: hidden;
  	font-size: 12px;
  	outline: none !important;
  	cursor: pointer;
  	font-weight: bold;
}
.black_button span {
	background: url('../images/but_login_left.gif') no-repeat left top;
	display: block;
	line-height: 30px;
	padding: 0px 0px 0px 12px;
	outline: none !important;
	float:right;
}
.inputText {
	padding:7px;
	border:1px solid #999;
	font-size:16px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #333;
	width:270px;
	margin:5px;
	background:#FFFFF8;
}
.forgotlink {
	margin: 0px;
  	padding: 0px !important;
  	border: 0px;
  	background: transparent url('../images/forgot_bg_span.gif') no-repeat scroll top right;
  	color: #888 !important;
  	display:block;
  	float: left;
  	height: 30px;
  	margin-right: 6px;
  	padding-right: 15px !important;
  	text-decoration: none;
  	overflow: hidden;
  	font-size: 11px;
  	outline: none !important;
  	cursor: pointer;
  	font-weight: bold;
}
.forgotlink:hover {
	color: #666 !important;
}
.forgotlink span {
	background: url('../images/forgot_bg_left.gif') no-repeat left top;
	display: block;
	line-height: 25px;
	padding: 0px 0px 0px 15px;
	outline: none !important;
	float:left;	
	height:30px;
}
#forgotform {
	margin:0px auto;
	width:280px;
	padding:10px;
	border:1px solid #666;
	background:#CCC;
	display:none;
}

.container_12, .container_16 {
    margin-left: auto;
    margin-right: auto;
    width: 960px;
}
.container_16 .suffix_5 {
    padding-right: 300px;
}
.container_16 .prefix_5 {
    padding-left: 300px;
}
.container_16 .grid_6 {
    width: 340px;
}
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16 {
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
}
.btn {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #E0E0E0;
    background-image: linear-gradient(to bottom, #5BC0DE, #2F96B4);
    background-repeat: repeat-x;
    border-color: #EEEEEE -moz-use-text-color -moz-use-text-color;
    border-image: none;
    border-radius: 5px 5px 5px 5px;
    border-right: medium none;
    border-style: solid none none;
    border-width: 1px medium medium;
    box-shadow: 0 5px 0 0 #212121, 0 10px 5px #999999;
    color: #FFFFFF;
    font-family: 'Open Sans',sans-serif;
    font-size: 12px;
    font-weight :bold ;
     margin: 10px 6px 0 0;
width:80px;
    padding: 8px 0px 10px 40px;
    position: relative;
    text-decoration: none;
    text-shadow: none;
     display: block;
    float: right;
}
 .btn:active
        {
            top: 4px;
            box-shadow: 0px 2px 0px 0px #212121, 0px 5px 3px #999;
        }
        
        input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus, .text:focus
{
background-color: white;
border: 1px solid #3ca2c0;
border-left: 4px solid #3ca2c0;
}
input[type="text"], input[type="password"], textarea, select, .text
{
background: #EEE;
border: 1px solid #C6C6C6;
margin: 5px 5px 5px 0px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
font-size: 14px;
padding: 4px;
outline: none;
border-left: 4px solid #3ca2c0;
height :25px;
}