html{ padding:0;  font-family:Arial, Helvetica, sans-serif; font-size:12px;}
body{margin:auto; padding:0; position:relative; background: #fff; overflow:hidden; width: 98%; }
.pageContainer{ overflow-x:hidden; overflow-y:auto;}
.phprojePage{margin:auto;}
.header{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;   margin:20px 0; height:auto;  -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;	padding: 10px 0;	border:solid 1px #CCC; color:#333}
#formContainer a{color:#000; text-decoration:none; }
#formContainer a:hover{color:#C91B31}

#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:142px; }
#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: 4px;
    border-radius: 4px;
}

#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%; padding-left: 5px; 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 #ccc;
    color:#000;
background:#efefef;}

#formContainer
input[type="button"],input[type="reset"]{width:auto; height:25px; line-height:25px;
cursor:pointer; background:#efefef; color:#000; border:1px solid #ccc;}
#formContainer
input[type="button"]:hover,input[type="reset"]:hover{color:#000; 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:8px;
    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{
    background: none repeat scroll 0 0 #efefef;
    border: 1px solid #ccc;
    color: #000;
    height: 14px;
    margin-left: -20px;
    margin-top: 7px;
    position: absolute;
    text-decoration: none;
    text-indent: 3px;
    width: 14px;
}

#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: #C91B31;}
#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}