html{margin:0; padding:0; width:100%; height:100%; font-family:Arial, Helvetica, sans-serif; font-size:12px; background:#f0f0f0}
body{margin:0; padding:0; position:relative; width:100%; height:100%; overflow:hidden}
.pageContainer{height:100%; width:100%; overflow-x:hidden; overflow-y:auto;}
	.phprojePage{margin:0 auto; width:640px;}
		.header{width:600px; height:30px; background:#fff; margin:20px 0 0 0; padding:20px 0; border:solid 10px #fff;-moz-border-radius: 15px; border-radius: 15px; font-size:26px;}
			.logo{float:left;font:30px 'Courier New', Courier, monospace; color:#F63}
			.formName{float:right; font:14px Arial, Helvetica, sans-serif; padding-top:10px;}
			span.date{float:right; font-size:11px;}
		.formSet{ position:relative; float:left;width:600px; min-width:600px; margin:20px 0; height:auto;background:#fff;  border:10px solid #fff; -moz-border-radius: 15px; border-radius: 15px;  }

/* eğer bir sayfa içerisinde kullanacaksanız buraya kadar yazılmış kodları silip
	aşağıdaki kodları aktif ediniz.
	dahil edeceğiniz alanın genişliğine göre minimum 600 px olacak şekilde form genişliğini (width) ayarlayınız.


.formSet{
    margin:20px 0;
    width:600px;  
    height:auto;
    background:#fff;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    border:10px solid #fff;
    -moz-border-radius: 15px;
    border-radius: 15px;
}
*/

#formContainer{	position:relative; float:left;	margin:0;	padding:0;	width:100%;	height:100%; padding: 10px 0;	border:solid 1px #CCC; color:#333}
#formContainer a{color:#09C; text-decoration:none; }
#formContainer a:hover{color:#f00}

#formContainer .l0,#formContainer .l1,#formContainer .l2,#formContainer .l3,#formContainer .l4{
	height:27px; float:left; line-height:25px; text-indent:5px; padding: 0 5px 0 0; border-right:1px solid #CCC;
}

#formContainer .l4{width:24%; }
#formContainer .l3{width:32.1%; }
#formContainer .l2{width:49%;}
#formContainer .l1{width:66%;}
#formContainer .l0{width:99.3%; border-right:none; font-size:15px; font-weight:bold; }

a,input,textarea,select,div{outline:none;
	-moz-border-radius: 7px;
	 border-radius: 7px;
}

#formContainer .r{border-right:none;}

#formContainer  hr{margin:5px 0; padding:0; float:left; width:99%; border:none; border-bottom:solid 1px #ccc;}


#formContainer
	select{width:auto; height:28px; padding:3px; border:solid 1px #CCC; color:#333}

#formContainer
	option{height:25px; line-height:25px;}

#formContainer 
	input[type="text"]{width:97%; height:25px; line-height:27px;
	 
					   border:solid 1px #CCC; background:#fff; color:#333; }
#formContainer input[type="text"]:hover,
#formContainer input[type="text"]:focus{
	border:1px solid #000;
	color:#fff;
	background:#64697B;}
						
#formContainer 
	input[type="button"],input[type="reset"]{width:auto; height:25px; line-height:25px;
						cursor:pointer; background:#06C; color:#fff; border:1px solid #ccc;}
#formContainer 
	input[type="button"]:hover,input[type="reset"]:hover{color:#06C; background:#fff}
	
#formContainer .repeat{  width:99.9%; float:left;  height:28px; }
	#formContainer .delLang a,#formContainer .delMis a,#formContainer .delRef a{
		border:1px solid #f00;position:absolute; margin-top:4px; margin-left:10px;   text-indent:3px; width:14px; height:14px; background:#f00;color:#fff;text-decoration:none;}
	
	#formContainer .addLang a,#formContainer .addMis a,#formContainer .addRef a{
		position:absolute;margin-top:4px; margin-left:-10px;  text-indent:3px; width:14px; height:14px; background:#06C;color:#fff;text-decoration:none; border:1px solid #06C}
	
	#formContainer .addLang a:hover,#formContainer .addMis a:hover,#formContainer .addRef a:hover, #formContainer .delLang a:hover,#formContainer .delMis a:hover,#formContainer .delRef a:hover{
		background:#fff;color:#f00; border:1px solid #f00}

ul#formError{ display:none; position:relative; float:left; width:100%;
	margin:0; padding:0; height:auto;list-style-image:url(../img/error.png); list-style-position:inside !important; /*list-style-type:!important;*/
	}
ul#formError li{
	height:25px; line-height:25px; color:black; font-weight:bold;   margin:2px 0;  padding-left:10px; background:#FFC; 
}
/*response table style*/
#table table { padding:2px;border:1px solid #009;}	 
#table table td{border-left:1px solid #009; padding-left:3px;}


/*uploader style*/
a.hover {	color: red;}
#list { float:left;width:100%;	padding: 0;	list-style: none;margin: 0;}
#list .file-invalid {cursor: pointer;color: #514721; padding-left: 48px; line-height: 24px; background: url(../img/error.png) no-repeat 24px 5px;margin-bottom: 1px; }
#list .file-invalid span {background-color: #fff6bf;padding: 1px;}
#list .file {line-height: 2em;padding-left: 22px;background: url(../img/attach.png) no-repeat 1px 50%;}
#list .file span,
#list .file a {padding: 0 4px;}
#list .file .file-size {color: #666;}
#list .file .file-error {color: #8a1f11;}
#list .file .file-progress {width: 125px;height: 12px;vertical-align: middle;background-image: url(../img/progress.gif);}
a#attach, a#attach-2{ height:30px; float:left; width:100%; line-height:30px; text-indent:30px; font-weight:bold; text-decoration:none; color: #333; background:url(../img/upload-small.png) 0 0 no-repeat;}
a:hover#attach,a:hover#attach-2{color:#f00}