html, body {
margin:0; 
padding:0; 
width:100%; 
height:100%; 
overflow:hidden;
}

body {
font-family:verdana, arial, sans-serif; 
font-size:76%;
}

a{
color:#ffffff;
text-decoration:none;3
}

#background {
position:absolute; 
z-index:1; 
width:100%; 
height:100%;
}

#scroller {
position:absolute; 
width:100%; 
height:100%; 
top:0; 
left:0; 
overflow:auto; 
z-index:2;
}

#content {
padding:5px 300px 20px;
color:white;
}

#navcontainer{
right:0;
top:0;
position:absolute;
text-shadow:0 1px 0 #000;
}

p {
/*line-height:1.8em; 
letter-spacing:0.1em;*/ 
text-align:justify;
}

#fixed {
position:absolute; 
top:25px; 
left:10px; 
width:150px; 
z-index:10; 
color:#567; 
border:0px solid #000; 
padding:10px;
}

#current a {
color:red;
}

li.active {
border-right: 1px solid pink;
background:yellow;	
}

#navlist li{
display: inline;
list-style-type: none;
padding-right: 20px;
text-shadow:0 1px 0 #000;
}

#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
}
  
#boxes .window {
  position:absolute;
  left:0;
  top:0;
  width:440px;
  height:200px;
  display:none;
  z-index:9999;
  padding:20px;
}

#boxes #dialog {
  width:375px; 
  height:203px;
  padding:10px;
  background-color:#ffffff;
}

#boxes #dialog1 {
  width:375px; 
  height:203px;
}

#dialog1 .d-header {
  background:url(../img/login-header.png) no-repeat 0 0 transparent; 
  width:375px; 
  height:150px;
}

#dialog1 .d-header input {
  position:relative;
  top:46px;
  left:124px;
  border:0px solid #cccccc;
  height:15px;
  width:155px;
  font-size:12px;
  padding:0px;
  margin-top:16px;
}

#dialog1 .d-blank {
  float:left;
  background:url(../img/login-blank.png) no-repeat 0 0 transparent; 
  width:267px; 
  height:53px;
}

#dialog1 .d-login {
  float:left;
  width:108px; 
  height:53px;
}

#boxes #dialog2 {
  background:url(../img/notice.png) no-repeat 0 0 transparent; 
  width:326px; 
  height:229px;
  padding:50px 0 20px 25px;
}

 #footer{
  height:36px;
  background:url(../img/alt_kisim.png) left repeat-x;
  width:100%;
  position:absolute;
  z-index:10;
  bottom:0;
}
#footer a{
 color:#fff !important;
}
#footer table{
  margin:auto;
  width:970px;
  vertical-align:middle;
}

#right-box{
position:relative;
margin-right:25px;
margin-top:15px;
float:right;
/*background:url(../img-mountain/logo.png) no-repeat;*/
text-align:right;
}

/*navigation*/

.navwrap{
line-height:50px;
font-size:11pt;
padding-right:18px;
position:relative;
top:40px;
z-index:6;
float:left;
background-color:#ffffff;
border:1px solid black;
/* for IE */
filter:alpha(opacity=80);
/* CSS3 standard */
opacity:0.80;
border-radius: 6px;
-ms-border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-khtml-border-radius: 6px;
}

#top #nav{
float:left;
height:50px;
line-height:50px;
padding-left:30px;
}


#nav, #nav ul{
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
position:relative;
line-height:50px; 
z-index:500;

}
#nav ul{
z-index:500;
}



#top #nav a{
height:33px;
display:block;
padding:0 16px;
text-decoration:none;
text-align:center;
line-height:28px; 
outline:none;
z-index:500;
position:relative;
float:left;
}

#top #nav ul a{
line-height:33px; 
}

#top #nav li{
float:left;
position:relative;
z-index:20;
margin-top:11px;
}

#top #nav li li{
border-left:none;
margin-top:0;
}

#top #nav ul {
position:absolute;
display:none;
width:172px;
top:26px;
left:-10px;
padding:0 0 5px 0;
}

#top #nav li ul a{
float:left;
height:auto;
padding:0 25px;
text-align:left;
width:122px;
}

#top #nav ul ul{
top:auto;
border-top:none;
}	

#top #nav li ul ul {
left:172px;
top:0px;
}

#top #nav li:hover ul ul, #top #nav li:hover ul ul ul,#top  #nav li:hover ul ul ul ul{
display:none;	
}
#top #nav li:hover ul, #top #nav li li:hover ul, #top #nav li li li:hover ul, #top #nav li li li li:hover ul{
display:block;
}

#top #nav li.back {
width: 9px; 
height: 30px;
z-index: 8;
position: absolute;
}
#top #nav li.back .left {
height: 30px;
margin-right: 9px;
}

/*nav*/

#top #nav li.back{
background:#BAD65F /*url(../img-mountain/lava.png) no-repeat right bottom !important*/; /*EDIT: transparent*/
background:#BAD65F /*url(../img-mountain/lava_ie6.png) no-repeat right bottom*/; /*EDIT: transparent*/
border:1px solid #396613;
border-radius: 6px;
-ms-border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-khtml-border-radius: 6px;
}
#top #nav li.back .left{
background:#BAD65F /*url(../img-mountain/lava.png) no-repeat top left !important*/; /*EDIT: transparent*/
background:#BAD65F /*url(../img-mountain/lava_ie6.png) no-repeat top left*/; /*EDIT: transparent*/

}

#top #nav a{
color: #000 !important; /*internet explorer 6 fix*/
color:#000;
}

.wrap_all #top #nav li ul a{
border-bottom:1px solid #eee;
color: #555!important;
}
.wrap_all #top #nav ul a:hover{
color: #888!important;
}

#top #nav a:hover, #top #nav .current a{
color: #000 !important; /*internet explorer 6 fix*/
color:green;
}

#top #nav ul{
background:blue;
}

/*NICE MOO TOOLTIP*/



.tool-tip {
	color: #fff;
	width: 139px;
	z-index: 13000;
}
 
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #9FD4FF;
	padding: 8px 8px 4px;
	background: url(images/bubble.png) top left;
}
 
.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: url(images/bubble.png) bottom right;
}
 
.custom-tip {
	color: #000;
	width: 130px;
	z-index: 13000;
}
 
.custom-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #3E4F14;
	padding: 8px 8px 4px;
	background: #C3DF7D;
	border-bottom: 1px solid #B5CF74;
}
 
.custom-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: #CFDFA7;
}