@charset "utf-8";
body
{ background: #eee url(bg2.gif) top left no-repeat;
  font-family: Arial,Verdana,Sans-serif;
  color: #999; 
  font-size: 8pt;
  text-align:left;
  margin-top:2px;
}

h1
{ background-color: #FFF;
  color:#FF9900;
  font-size:12pt;
  font-weight:bold;
  margin-top:0;
  margin-bottom:5px;}
  

h2
{ background-color: #fff;
  color:#FF9900;
  font-size:10pt;
  font-weight:normal;
  margin-top:0;
  margin-bottom:0;}


a:link, a:visited, a:active
{ text-decoration: none; color:#FF9900;}
a:hover
{ text-decoration: underline; color:#FFCC99;}

#header
{ height:112px;
  width:800px;
  margin-left:auto;
  margin-right:auto;
  border:#CCC 1px solid;
  background-color:#fff;}

#main
{ width: 800px;
  margin-top:3px;
  margin-left:auto;
  margin-right:auto;
  border:#CCC 1px solid;
  background-color: #FFF;  
  font-size:9pt;
  color:#666;}

  
#content
{ width:786px;
  float:left;
  padding-left:7px;
  padding-bottom:7px;
  padding-right:7px;
  padding-top:5px;
  text-align:justify;}
  
#nav
{ width:175px;
  float:left;
  margin-right:5px;
  margin-top:0px;}
    
#footer
{ height:10px;
  width:800px;
  margin-top:10px;
  margin-left:auto;
  margin-right:auto;
  padding:10px 0;  
  border:#ccc 1px solid;
  background-color: #fff;
  font-size:8pt;
  color:#999;
  text-align:center;}

#footer a:link, #footer a:visited, #footer a:active
{ background-color: #fff; text-decoration: none; color:#999;}
#footer A:hover
{ background-color: #fff; text-decoration: none; color:#ff9900;}

.footer 
{ clear: both; 
  background:#fff;
  color:inherit;
  height:1px;}

.logo
{ width:220px;
  float:left;
  text-align:left;
  padding:4px 0 10px 15px;
  overflow: hidden;}
  
.ustmenu 
{ width:auto;
  text-align:right;
  font-weight:bold;
  font-size:10pt;
  padding:20px 15px 0 0;
  float: right;
  overflow: hidden;}

.left
{ width:250px;
  float:left;
  margin:10px 15px 10px 0;
  text-align:justify;  
  overflow: hidden;}

.mid 
{ width:auto;
  padding:10px 0 0 10px;
  margin-left:auto;
  margin-top:0;
  overflow: hidden;}
  
.navhead
{ 
  background: url(navhead.gif) top left;
  width:99%;
  height:20px;
  margin-top:2px;
  padding: 3px 3px 0px 3px;
  border:#ddd 1px solid;
  text-align: left;
  font-size:8pt;
  background-color:#eee;
  color:#FF9900;
  font-weight:bold;
}

.navhead1
{ 
  width:50%;
  height:20px;
  margin-top:2px;
  padding: 3px 3px 0px 3px;
  border:#ddd 0px solid;
  text-align: right;
  font-size:8pt;
  color:#FF9900;
  font-weight:bold;
}


.navitem
{ width:99%;
  padding: 3px 3px 0 3px;
  border-bottom:#ddd 1px solid;
  border-right:#ddd 1px solid;
  border-left:#ddd 1px solid;  
  font-size:8pt;
  font-weight: normal;
  text-align:justify;
  margin-bottom:5px;  
  background-color:#FFFFFF;
 }
.navitem ul 
{ margin-left:0px;
	padding-left:17px;
	padding-top:0px;
	margin-top:0px;
}

.baslik
{ color:#FF9900;
}  
.img
{ border:0;}

#menu {  
  width: 800px;
  height:29px;
  margin-top:6px; /*Bunu 6 dan asagi dsrme. Dsrsen firefoxda men ortalaniyo*/
  margin-left:auto;
  margin-right:auto;
  background-color: #FFF;  
  border:#CCC 1px solid;
}  

#menu UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none;
	text-align:left;

}
#menu LI {
	FLOAT: left; WIDTH: 12em; POSITION: relative
}
#menu LI UL {
	DISPLAY: block; LEFT: 0px; POSITION: absolute; TOP: 2em;
		text-align:left;
}
#menu LI > UL {
	LEFT: auto; TOP: auto;
		text-align:left;
}
#menu LI UL LI UL {
	DISPLAY: block; LEFT: 12em; POSITION: absolute; TOP: 0px;
		text-align:left;
}
* HTML #menu UL LI {
	FLOAT: left; HEIGHT: 1%
}
* HTML #menu UL LI A {
	HEIGHT: 1%
}
#menu LI:hover UL {
	DISPLAY: block;
		text-align:left;
}
#menu LI:hover > UL {
	VISIBILITY: visible;
		text-align:left;
}
#menu UL UL {
	VISIBILITY: hidden;
		text-align:left;
}
#menu UL {
	MARGIN: 0px
		text-align:left;
}
#menu LI {
	MARGIN: 0px
}
#menu UL A {
	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: 0px; DISPLAY: block; PADDING-LEFT: 5px; BACKGROUND: #fff; PADDING-BOTTOM: 5px; BORDER-LEFT: #ccc 0px solid; COLOR: #777; PADDING-TOP: 5px; BORDER-BOTTOM: #ccc 0px solid; TEXT-DECORATION: none
}
#menu UL A:hover {
	BACKGROUND: #f9f9f9; COLOR: #e2144a
}
#menu LI UL A {
	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 5px; BACKGROUND: #fff; PADDING-BOTTOM: 5px; BORDER-LEFT: #ccc 1px solid; COLOR: #77f; PADDING-TOP: 5px; BORDER-BOTTOM: #ccc 1px solid; TEXT-DECORATION: none
}
#menu LI UL A:hover {
	BACKGROUND: #f9f9f9; COLOR: #e2144a
}
#menu LI A.submenu {
	BACKGROUND: url(v_arrow.gif) #fff no-repeat right 50%
}
#menu LI A.submenu:hover {
	BACKGROUND: url(v_arrow.gif) #f9f9f9 no-repeat right 50%
}
#menu LI UL A.submenu {
	BACKGROUND: url(r_arrow.gif) #fff no-repeat right 50%
}
#menu LI UL A.submenu:hover {
	BACKGROUND: url(r_arrow.gif) #f9f9f9 no-repeat right 50%
}


.madde
{ padding:2px 4px 8px 10px;
}

.divok
{
	float:right;
	margin-top:-13px;
	padding:0px;
	cursor:pointer;
}

.kmenu ul {
  margin: 2px;
  padding: 0;
  list-style: none;
}
.kmenu li
{
	height:24px;
	cursor:pointer;
}
.kmenu li:hover
{
	background-color:#F5F1F1;
}
.kmenu img
{
	margin-right:10px;
	margin-bottom:-4px;
}
.kmenu a
{
	margin-bottom:16px;
}

.login_label, .login_input, .login_error  {
  padding:10px;
  color:#000;
  text-align:left;
  float:left; 
  width:140px;
  font-size:20px;
  color:#64355A;
}

.login_input {
  width:200px;
}

.login_error {
  width:250px;
  color:#F00;
}

.login_input input {
  width:100%;
}
#login {
  background:#123;
}


.operator ul {
  float: left;
  width: 100%;
  margin: 0;
  margin-left:20px;
  padding: 0;
  list-style: none;
}
 
.operator li {
  float: left;
  width: 155px;;
  margin: 0;
  margin-bottom:5px;
  padding: 0;
  text-align:center;
}
.operator img {cursor:pointer;}

.paket ul {
  margin: 0;
  width:100%;
  margin-left:0px;
  padding: 0px;
  list-style: none;  
}
 
.paket li {
	display: block;
  background:  url(../images/paket.gif) no-repeat;
  font-weight:bold;
  font-size:10px;
  float: left;
  width: 64px;
  height:51px;
  margin-left: 10px;
  margin-bottom:0px;
  text-align:left;
  padding-top:20px;
  padding-left:7px;
  cursor:pointer;
}
.paket span {float:left;margin-top:6px;margin-left:5px;}
.alert {
margin-top:3px;
margin-bottom:2px;
background: #fff6bf url(../images/icon/exclamation.png) 15px 50% no-repeat;
padding: 5px 20px 5px 45px;
border-top: 2px solid #ffd324;
border-bottom: 2px solid #ffd324;
}
.info {
	margin-top:3px;
	margin-bottom:2px;
	background: #f8fafc url(../images/icon/information.png) 15px 50% no-repeat;
	padding: 5px 20px 5px 45px;
	border-top: 2px solid #b5d4fe;
	border-bottom: 2px solid #b5d4fe;
	}