body { line-height:1.9; background:#03607F;/* url('../images/bg_image.jpg') no-repeat center top;*/
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }

body.fs1 { font-size:10px; }
body.fs2 { font-size:11px; }
body.fs3 { font-size:13px; }
body.fs4 { font-size:14px; }
body.fs5 { font-size:15px; }
body.fs6 { font-size:16px; }
a { color: #00a4da; text-decoration:none; }
a:hover, a:active, a:focus { color: #456004; text-decoration:underline; }
.column p, .column pre, .column blockquote, .column ol, .column ul { margin:0; padding:0; }
h1, h2, h3, h4, h5 { color:#00a4da; margin:0; }
h1 { font-size:130%; }
h2 { font-size:120%; }
h3 { font-size:115%; }
h4 { font-size:110%; }
h5 { font-size:100%; }
ul { list-style:none; clear:both; }
ul li { line-height:1.9; }
.container{
	background:#ebebeb;
	border-radius: 10px;
	height:600px;
	width: 900px;
	margin:40px auto;
	padding:0;
}
#content {
	background: -moz-linear-gradient(top,  rgba(248,248,248,1) 0%, rgba(249,249,249,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(249,249,249,1) 100%);
	background: -o-linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(249,249,249,1) 100%);
	background: -ms-linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(249,249,249,1) 100%);
	background: linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(249,249,249,1) 100%);
	float:left;
	padding:0;
	text-align: center;
	text-shadow: 0 1px 0 #fff;
	border-radius:10px 10px 0 0;
	background:#FD8534;
	width:100%;
	height:60px;
	
}



#content form { margin:0 ; position: relative }
#content form input[type="text"],
#content form input[type="password"] {
	
	-webkit-box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0,0,0,0.08) inset;
	-moz-box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0,0,0,0.08) inset;
	-ms-box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0,0,0,0.08) inset;
	-o-box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0,0,0,0.08) inset;
	box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0,0,0,0.08) inset;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	background: #eae7e7 url(http://cssdeck.com/uploads/media/items/8/8bcLQqF.png) no-repeat;
	border: 1px solid #c8c8c8;
	color: #777;
	font: 13px Helvetica, Arial, sans-serif;
	margin: 10px;
	padding: 5px 10px 5px 40px;
	width: 130px;
}
#content form input[type="text"]:focus,
#content form input[type="password"]:focus {
	-webkit-box-shadow: 0 0 2px #00a4da inset;
	-moz-box-shadow: 0 0 2px #00a4da inset;
	-ms-box-shadow: 0 0 2px #00a4da inset;
	-o-box-shadow: 0 0 2px #00a4da inset;
	box-shadow: 0 0 2px #00a4da inset;
	background-color: #fff;
	border: 1px solid #00a4da;
	outline: none;
}
#cari { background-position: 3px 3px !important }
#kullanici { background-position: 3px 3px !important }
#sifre { background-position: 3px -60px !important }

#content form div a {
	color: #004a80;
    float: right;
    font-size: 12px;
    margin: 30px 15px 0 0;
    text-decoration: underline;
}


.button {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0,0,0,0.08) inset;
	-moz-box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0,0,0,0.08) inset;
	-ms-box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0,0,0,0.08) inset;
	-o-box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0,0,0,0.08) inset;
	box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0,0,0,0.08) inset;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	border: 1px solid #c8c8c8;
	color: #777;
	font: 13px Helvetica, Arial, sans-serif;
	margin: 10px;
	padding: 5px;
	width: 220px;
}
.button:hover{ color:#FFF; background:#000; border-radius:3px;}