@charset "utf-8";
/* CSS Document */

#etkinlikForm {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
 	background:#e8eef1;
	font-size:11px;
	padding:8px; 
	float:none; 
	height:130px; 
	margin-top: 10px;
}
#register_form,#rapor_form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
 	background:#e8eef1;
	font-size:11px;
	padding:8px; 
	float:none; 
	margin-top: 10px;
	padding-top: 20px;
	padding-bottom: 20px;
}

.the_form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
 	background:#e8eef1;
	font-size:11px;
	padding:8px; 
	float:none; 
	margin-top: 10px;
}

#filtreForm { 
  	background:#e8eef1;
	font-size:11px;
	width:540px;
	height:40px; 
	margin-top:10px;
	vertical-align:middle;
	clear:both;
}
#filtreForm label{ 
	font-weight:normal;

}
#formContact { 
  	background:#e8eef1;
	font-size:11px;
	margin-top:10px;
}
#girisForm { 
  	background-color:#e8eef1;
	font-size:11px;
	padding:8px; 
	float:none; 
	margin-top: 10px;
}

#girisForm label{ 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 120px; 
	padding-right:16px;
	margin: 10px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

#sendafriendForm label{ 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 170px; 
	padding-right:16px;
	margin: 10px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

input.groovybutton
{
   font-size:11px;
   font-family:Arial,sans-serif;
   color:#FFFFFF;
   background-color:#18417b;
   border-style:solid;
   border-color:#0c3266;
   border-width:1px;
}
input.groovybuttonCyn
{
   font-size:11px;
   font-family:Arial,sans-serif;
   color:#FFFFFF;
   background-color:#4c90a6;
   border-style:solid;
   border-color:#fff;
   border-width:1px;
}
input.groovybuttonRed
{
   font-size:11px;
   font-family:Arial,sans-serif;
   color:#FFFFFF;
   background-color:#d33737;
   border-style:solid;
   border-color:#fff;
   border-width:1px;
}

form fieldset {
  /* clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
  border-color: #000;
  border-width: 1px;
  border-style: solid;
  padding: 10px;        /* padding in fieldset support spotty in IE */
}

form fieldset legend {
	font-size:1.1em; /* bump up legend font size, not too large or it'll overwrite border on left */
                       /* be careful with padding, it'll shift the nice offset on top of border  */
}


#register_form label{ 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 180px; 
	padding-right: 16px;
	margin: 10px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	clear: both;
	
}

#register_form fieldset {
  /* clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
  border-color: #CCC;
  border-width: 1px;
  border-style: solid;
  padding: 10px;        /* padding in fieldset support spotty in IE */
}

#register_form fieldset legend {
  color: #666;
}

form fieldset label:first-letter { /* use first-letter pseudo-class to underline accesskey, note that */
	text-decoration:underline;    /* Firefox 1.07 WIN and Explorer 5.2 Mac don't support first-letter */
                                    /* pseudo-class on legend elements, but do support it on label elements */
                                    /* we instead underline first letter on each label element and accesskey */
                                    /* each input. doing only legends would  lessens cognitive load */
                                   /* opera breaks after first letter underlined legends but not labels */
}


form input, form textarea {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:10px 0 0 0px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
}

form input#reset {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}

textarea { overflow: auto; }

form br {
	clear:both; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}

#register_form .error_list{
	color: #FF0000;
	list-style:none;
	margin-left: 198px;
	margin-top: -4px;
	margin-bottom: -10px;
	 
}

#sf_apply_reset_form .error_list{
	color: #FF0000;
	list-style:none;
	margin-top: -4px;
	margin-bottom: -10px;
	margin-left: -0px;
}

#makaleForm { 
  	background:#e8eef1;
	font-size:11px;
	width:540px;
	margin-top:10px;
	vertical-align:middle;
	clear:both;
}
#makaleForm label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 60px; 
	padding-right:16px;
	margin: 10px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

#makaleForm .textArea {
	width:420px;
	height:300px;
}

.groovylinkCyn
{
   font-family:Arial,sans-serif;
   color:#FFFFFF;
   background-color:#4c90a6;
   border-style:solid;
   border-color:#fff;
   border-width:1px;
   text-decoration: none;
	 padding: 2px 26px 2px 26px;
}
.groovylinkCyn:hover
{
   background-color:#39768a;
	 text-decoration: none;
 	 color:#FFFFFF;
}

.groovylinkRed
{
   font-family:Arial,sans-serif;
   color:#FFFFFF;
   background-color:#d33737;
   border-style:solid;
   border-color:#fff;
   border-width:1px;
   text-decoration: none;
	 padding: 2px 26px 2px 26px;
}
.groovylinkRed:hover
{
   background-color:#bb2d2d;
	 text-decoration: none;
 	 color:#FFFFFF;
}