/* pcc.com.tr  		*/
/* erhan harmankaya */
/*     2010 Mart 	*/
html
{
  overflow: hidden;
  height: 99%;
}
                         
body
{
  /*background: rgb(211, 226, 195);*/
   background: #222 url('images/bg-login.gif');
  height: 99%;
  margin: 0;
  padding: 0;
  line-height: 150%;
  text-align: center;
  

}

*
{
  font-size: 8pt; 
  font-family: Tahoma, Verdana, sans-serif; 
  color: #000000;
  text-align: left;
}

.list
{
  margin: 5px;
  border-top: 1px solid white;
  border-bottom: 1px solid white;
}




/* === Containers === */

#password
{


}


#first_container
{
  margin: 0 auto 0 auto; 
  display: table; 
  height: 100%;  
  position: relative; 
  overflow: hidden; 
  width: 660px;
}

#second_container
{
  position: absolute; 
  top: 50%;
  vertical-align: middle;
  width: 100%; 
}

#third_container
{
  position: relative; 
  top: -163px; 
  width: 660px;
}



/* === Menu === */



#menu
{
  height: 31px;
  padding-right: 2px;
  margin: 0;
  list-style: none;   
}

#menu li
{
  float: right;
  display: block;
  width: 82px;  height: 31px;  
}

#menu a
{
  display: block;
  width: 82px;  height: 31px;  
  background-color: inherit;
  text-decoration: none;
  line-height: 31px;
  text-align: center;
}

#menu a:link, #menu a:visited
{
  color: #749942; 
  
  /*background-color: #D3E2C3;*/
}

#menu a:hover, #menu a:active
{
  /*background-image: url('images/taba2.jpg');
  color: #ffffff; */
}

#menuselected
{
  display: block;
  width: 82px;  height: 31px;  
  /*background-image: url('images/taba.jpg');  */   
  text-decoration: none;
  line-height: 31px;
  color: #ffffff;
  text-align: center;
}



/* === Language menu === */



#submenu
{
  float: left;
  height: 31px;
  width: 300px;
  padding-left: 10px;
  margin: 0;
  list-style: none;   

}

#submenu li
{
  float: left;
  display: block;
  width: 82px;  height: 31px;  
}

#submenu a
{
  display: block;
  width: 82px;  height: 31px;  
  background-color: inherit;
  text-decoration: none;
  line-height: 25px;
  text-align: center;
}

#submenu a:link, #submenu a:visited
{
  color: #749942; 
  /*background-color: #D3E2C3;*/
}

#submenu a:hover, #submenu a:active
{
 /* background-image: url('images/tabb2.jpg');
  color: #ffffff; */
}

#submenuselected
{
  display: block;
  width: 82px;  height: 31px;  
  /*background-image: url('images/tabb.jpg');   */ 
  text-decoration: none;
  line-height: 25px;
  color: #ffffff;
  text-align: center;
}



/* === Other Divs === */
 


.border
{
  background-color: #ffffff;
  padding: 15px 15px 15px 146px;
  height: 232px;
  background-image: url('images/main.jpg');
  background-repeat: no-repeat;
  background-position: center center;
  text-align: left;
}

.title
{
	position: absolute;
	margin-left: 15px;
	margin-top: 15px;
	width: 126px;
	height: 221px;
	/*background-image: url('images/login_logom.jpg');*/
	left: 3px;
	top: 40px;
}

.content
{
  height: 217px;
  overflow: auto;
  padding: 5px;
  
scrollbar-3d-light-color: #666666; 
scrollbar-arrow-color: #CCCCCC; 
scrollbar-base-color: #666666; 
scrollbar-dark-shadow-color: #666666; 
scrollbar-face-color: #666666; 
scrollbar-highlight-color: #666666; 
scrollbar-shadow-color: #666666; 
scrollbar-track-color: #141E28 
}

.designinfo
{
  margin-top: 5px;
  text-align: right;
  color: #666;
  background-color: inherit;
}



/* === Inline Text Styles === */



h1
{
  margin: 10px 0 -40px -2px;
  padding: 0 10px 40px 9px;
  font-size: 12px;
  color: #000000;
  background-color: inherit;
  

}

.details
{
  display: none;
  font-size: 9px;
  color: #6E7468;
}

.text
{
  display: block;
  margin: 5px 5px 20px 12px;
}

.text a
{
  color: #666F53;
  text-decoration: none;
  font-weight: bold;
}

.text a:hover, .text a:active
{
  color: #000000;
}

blockquote
{
  margin: 3px 0 3px 0;
  padding: 5px 10px 5px 10px;
}

.note
{
  	display: block;
	margin: 10px 15px 10px 15px;
	color: #555555;
}

.bold
{
  font-weight: bold;
}


/********************************      Login Page      ********************************/

body#login {
                color: #fff;
                background: #222 url('../images/bg-login.gif');
				}
				
#login-wrapper {
                background: url('../images/bg-login-top.png') top left repeat-x;
				}

#login-wrapper #login-top {
				width: 100%;
				padding: 140px 0 50px 0;
				text-align: center;
				}
				
#login-wrapper #login-content {
				text-align: left;
				width: 300px;
				margin: 0 auto;
				}
				
#login-wrapper #login-content label {
				color: #fff;
				font-weight: normal;
				font-size: 14px;
				font-family: Helvetica, Arial, sans-serif;
				float: left;
				width: 70px;
				padding: 0;
				}
				
#login-wrapper #login-content input {
				width: 200px;
				float: right;
				margin: 0 0 20px 0;
				border: 0;
				background: #fff;
				}
				
#login-wrapper #login-content p {
				padding: 0;
				}
				
#login-wrapper #login-content p#remember-password {
				float: right;
				}
				
#login-wrapper #login-content p#remember-password input {
				float: none;
				width: auto;
				border: 0;
				background: none;
				margin: 0 10px 0 0;
				}
				
#login-wrapper #login-content p .button {
				width: auto;
				margin-top: 20px;
				}
div#navigation { margin-bottom:10px; margin-left:auto; margin-right:auto font-family:Arial,sans-serif; font-size:13px;}
ul#navigation_pri { width:550px; margin:0 auto; overflow:hidden;  list-style:none; font-family:Helvetica, Arial, sans-serif;  }
ul#navigation_pri li { float:left; margin:0 4px; height:10px; padding:11px 10px 10px 10px; font-weight:bold; color:#999; text-decoration:none;}
ul#navigation_pri li a:link,
ul#navigation_pri li a:visited { font-weight:bold; color:#999; text-decoration:none;  }
ul#navigation_pri li a:hover {cursor: pointer;}
ul#navigation_pri li a:focus { text-decoration:none; color:#ccc;}
/*ul#navigation_pri li.active { background:url(img/nav_cur_bg.jpg) no-repeat center bottom; }*/
ul#navigation_pri li a { color:#fff; }
ul#navigation_pri li:hover{
	color: #666;
	cursor: pointer;
}

/*ajax işlemleri için */
#loading{
	text-align: center;
	visibility: hidden;
	position:absolute;
	top:50%;
	left:50%;
	
}

#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(images/login-header.png) no-repeat 0 0 transparent; 
  width:375px; 
  height:150px;
}

#dialog1 .d-header input {
  position:relative;
  top:60px;
  left:100px;
  border:3px solid #cccccc;
  height:22px;
  width:200px;
  font-size:15px;
  padding:5px;
  margin-top:4px;
}

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

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