@charset "utf-8";

/*****************************/
/* COMTR İNTERNET HİZMETLERİ */
/* Group Barter				 */
/* 15 MART 2011              */
/* Halis Elciman             */
/* helciman@comtr.com.tr     */
/*****************************/

@import url(http://fonts.googleapis.com/css?family=Roboto&subset=latin,latin-ext);

html, .ui-dialog .ui-dialog-content {
	background: #e7e7e7 !important;
}

html{
	background-attachment: fixed !important;
}


body{
	background:url("http://barter.comtr.com.tr/documents/logo.png") no-repeat scroll 160px 5px rgba(0, 0, 0, 0);
	color:#333;
	font-family:tahoma;
	font-size:11px;
	margin-bottom:50px;
}

h1{
	font-family: 'Roboto', 'sans-serif';
	font-size:20px;
	color: #444;
}

h2, #update_form center{
	font-family: 'Roboto', 'sans-serif';
	font-size:14px;
		
	padding:0;
	margin:5px 0;
}

h3{
	font-family: 'Roboto', 'sans-serif';
	font-size:14px;
		
	padding:0;
	margin:5px 0;
	color:red;
}

#site{
    margin: auto;
    width: 960px;
}

#page_menu {
	margin: 25px 0 47px;
}
#page_menu_align { margin-left: auto; margin-right: auto; width: 77%; }
#page_login_menu {
	float:left;
	margin: 69px 0 47px 310px;
}

#page_menu a {
    color: #FFFFFF;
    font-family: 'Roboto','sans-serif';
    font-size: 11px;
    font-weight: bold;
    line-height: 1.2;
    padding: 8px 6px;
    text-decoration: none;
    text-transform: uppercase;
}


#page_menu a:hover{
	border-bottom: 2px solid #DA251C;
	color:#fff;
}
#page_login_menu a:hover{
	background:#2f2f37;
	color:#fff;
}


#girisyapan{

    display: block;
    float: left;
    height: 55px;
    text-align: right;
    width: 100%;
}

#girisyapan > div {
    font-weight: bold;
}

#logout{
    float: right;    
    font-size: 16px;    
}

#logout a{
	color:#555;
	font-weight:normal;
	text-decoration: none;		
}

.solayasla, .sagayasla, #account td, #account th, #extract_list th, #extract_list td, #kayit_table td, #filter_form input, #filter_menu select, #cust_list_table tr, #login_form_table input, #customer_member_form input, #customer_member_form #membertype, #duzenleme_table input, #duzenleme_table textarea, #duzenleme_table select,
.pagedisplay, .pagesize{    
    padding: 5px;
}


.sagayasla{
    text-align: right;
    width: 200px;	
}

.solayasla{
	text-align:left;
	width: 500px;
}

#user_info_page, #user_info_page table, #extract_of_account, #uye_kayit_formu, #cust_list_table, #customer_activate_form #CustActivateCloseButton {
	margin:auto;
}

#extract_of_account, #user_info_page, #extracts_list_page, #kayit_formu, #cust_list_page{
	padding:20px;
}



#user_info_page h1{
	padding-left: 98px;
}

#filter_menu{
	width: 100%;
}

#filter_menu input, #filter_menu select{
	display:block;	
	color:#fff;
	padding:5px;
	font-size:10px;
	width:150px;
}

#filter_menu select {
	width:160px;
}

#uye_kayit_formu{
	width:600px;
}

.checkbox, #sellerfirmname{
	display:inline !important;
	width:auto !important;
}

#sellercode, #bartertotal, #buyercode, #buyerfirmname, #total, #bartertotal2,
#sellerfirmname, #rate, #cash, #invoiceno, #alim_kayit_formu input{
	background:none;
	border:none;
	border-bottom:1px solid #000;
	color:#000;	
    font-size: 11px;
    margin-left: 5px;	
}

#sellerfirmname{
	width:400px;
}

#filter_form{
	width:200px;
	margin-bottom:10px;
}

#kayit_table input, #kayit_table #address, #kayit_table #sector, #kayit_table #membertype, #kayit_table #city{
	border:none;
	width:500px;
	color:#fff;
}

#autopass, #datecode, #citycode, #idcode, #risklimit{
	width:auto !important;
}

#datecode, #citycode, #idcode{
	width:35px !important;
}

#risklimit{
	margin-right:10px;
}

#user_info_page, #membertype, #city, #sector, #update_form center{
	color:#333 !important;
}

#cust_list_table{
	width: 100%;
}

#cust_list_table td{
	padding:2px;
}

#alim_kayit_sayfasi #kayit_formu{
	width:589px;
	margin: auto;
	color:#000;
	line-height: 20px;
}

#kayit_formu table{
    margin: 30px 0;
	border-collapse: collapse;	
	width: 589px;
}

 #kayit_formu td{
    border: 1px dotted;
/*    padding: 10px;*/
}

#kayit_formu table:hover, #kayit_formu td:hover, #kayit_formu tr:hover,
#onayFormu table:hover, #onayFormu tr:hover, .ui-datepicker tr:hover, 
.ui-datepicker td:hover, #login_form_table tr:hover, #duzenleme_table tr:hover,
#activateForm table tr, #membertype, #risklimit, #city, #datecode, #citycode, #idcode {
	background:none;
}

#uye_kayit_sayfasi #kayit_formu table,
#uye_kayit_sayfasi #kayit_formu td{
    border: none;
	border-collapse: separate;
}
 
#uye_kayit_sayfasi #kayit_formu table{
 width:700px  !important;
}


#kayit_submit_btn{
	margin-bottom:150px;
	margin-right: -98px;
}
	
#login_page{
    color: #000000;
    margin-bottom: auto;
    margin-left: auto;
    margin-right: auto;
    padding-top: 152px;
    text-align: center;
    width: 275px;
}
	

#footDiv {
    background: none repeat scroll 0 0 #555;
    bottom: 0;
    color: #FFFFFF;
    display: block;
    height: 5px;
    left: 0;
    margin: 40px auto 0;
    padding: 19px;
    position: fixed !important;
    width: 100%;
}

#footDiv img {
    bottom: 6px;
    position: absolute;
    right: 40px;
}


#footDiv > span {
    bottom: 13px;
    position: absolute;
}	
	
#alim_kayit_sayfasi 	#kayit_submit_btn{
	margin-right: 0;
}

#login_form_table input, #duzenleme_table input, #duzenleme_table textarea, #duzenleme_table select, #success_message h1, #CustFreezeMessageField h2,
#customer_member_form h2, #CustActivateMessageField h2, #customer_activate_form h2, #customer_freeze_form h2{
	color:#333;
}

#login_form #login_submit_button{
	margin-top:20px !important;
}

#user_info_page{
	margin-bottom:150px;
}

#user_info_page #duzenle_btn{    
    margin: 12px 99px !important;	
}

#customer_member_form input, #customer_member_form #membertype{
	color:#333;
	display:block;
	margin: 10px auto;
}

#duzenleme_table textarea{
	width:300px;
}


#uye_kayit_sayfasi h1 {
	margin-bottom:-20px;
}



.pager2{
	position: absolute;
    top: 172px !important;
}

.pager2 img, .pager1 img, thead:hover{
	cursor:pointer;
}

.pager1{
    margin-left: 597px !important;
    position: absolute !important;
    top: 170.2px !important;	
}

#cust_list_table img{
	border:none;
}


#login_form #username, #login_form #pass{
	background:#fff !important;
	color:#000000 !important;
}


#printbutton{
	float:right;
	margin-top:-50px;
    margin-right: 10px;
}

#filter_form .form-group {
  display: block;
  float: left;
  width: 140px;
}
#filter_menu input, #filter_menu select {
  color: #333;
  display: block;
  font-size: 10px;
  padding: 5px;
  width: 110px;
  background: #fff;
}
#filter_menu select {
  width: 120px;
}
#filter_menu {
  width: 98%;
}
#filter_form {
  margin-bottom: 10px;
  width: 100%;
}
.alt-satir {
  clear: both;
}
#extracts_page { width: 100%!important; }
#extract_list { margin-top: 10px; }
#extracts_page {
  padding-bottom: 70px;
  width: 100% !important;
}
.borderMe {
    border: 1px solid #666666;
}

#kayit_formu {      
    background-image: none!important; 
    border: 1px dotted #cCc;
    margin-top: 35px; 
}

#uye_kayit_formu input, select, textarea { color: #333; background: #fff; padding: 5px;}
#uye_kayit_formu #sector { background: #FFF; }
#kayit_table #address,  { background: #FFF; }
#uye_kayit_formu select  { background: #FFF; }
#kayit_table #membertype, #kayit_table #city{ background: #FFF; }

#extract_list {
    margin-top: 10px;
    width: 100%;
}

#page_menu {
    background-color: #017cc2;
    border: 2px solid transparent;
    -moz-box-shadow: 0px 0px 5px #000000;
    -webkit-box-shadow: 0px 0px 5px #000000;
    box-shadow: 0px 0px 5px #000000;
    /*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
    opacity: 0.7;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 70);
    /*-ms-filter must come before filter*/
    filter: alpha(opacity = 70);
    /*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
    /*All filters must be placed together*/
    padding-bottom: 10px;
    padding-top: 10px;
}

#logout > a#logout_link { 
    color: #FFF;
    background: url("http://barter.comtr.com.tr/documents/images/exit.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    width: 45px;
    height: 45px;
    display: block;
    overflow: hidden;
    text-indent: -500px; 
}

#logout > a#menu_link { 
    color: #FFF;
    background: url("http://barter.comtr.com.tr/documents/images/homepage.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    width: 45px;
    height: 45px;
    display: block;
    overflow: hidden;
    text-indent: -500px; 
}

#page_login_menu > a#menu_link { 
    color: #FFF;
    background: url("http://barter.comtr.com.tr/documents/images/homepage.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    width: 45px;
    height: 45px;
    display: block;
    overflow: hidden;
    text-indent: -500px; 
}

#logout {    
    color: #FFFFFF;
    float: right;
    font-size: 16px;
    padding: 2px;
    position: absolute;
    right: 10px;
    top: 20px;
}

.leftMe {
    background: none repeat scroll 0 0 #FFFFFF;
    display: block;
    float: left;
    padding: 10px;
    width: 45%;
    -moz-box-shadow: 0px 0px 5px #000000;
    -webkit-box-shadow: 0px 0px 5px #000000;
    box-shadow: 0px 0px 5px #000000;
}

.rightMe {
    background: none repeat scroll 0 0 #FFFFFF;
    display: block;
    float: right;
    padding: 10px;
    width: 45%;
    -moz-box-shadow: 0px 0px 5px #000000;
    -webkit-box-shadow: 0px 0px 5px #000000;
    box-shadow: 0px 0px 5px #000000;
}

#user_info_page {
    background: none repeat scroll 0 0 #FFFFFF;
    display: block;    
    padding: 10px;
    width: 95%;
    -moz-box-shadow: 0px 0px 5px #000000;
    -webkit-box-shadow: 0px 0px 5px #000000;
    box-shadow: 0px 0px 5px #000000;
}

#filter_menu {
    background: none repeat scroll 0 0 #FFFFFF;
    display: block;    
    padding: 10px;    
    -moz-box-shadow: 0px 0px 5px #000000;
    -webkit-box-shadow: 0px 0px 5px #000000;
    box-shadow: 0px 0px 5px #000000;
}

table.borderMe {
    background: none repeat scroll 0 0 #FFFFFF;              
    -moz-box-shadow: 0px 0px 5px #000000;
    -webkit-box-shadow: 0px 0px 5px #000000;
    box-shadow: 0px 0px 5px #000000;   
}

#alim_kayit_sayfasi {
    background: none repeat scroll 0 0 #FFFFFF;
    display: block;    
    padding: 10px;
    width: 95%;
    -moz-box-shadow: 0px 0px 5px #000000;
    -webkit-box-shadow: 0px 0px 5px #000000;
    box-shadow: 0px 0px 5px #000000;
}

table.borderMe td { text-align: center; }

#uye_kayit_sayfasi #kayit_formu {
    background: none repeat scroll 0 0 #FFFFFF;
    display: block;    
    padding: 10px;
    width: 95%;
    -moz-box-shadow: 0px 0px 5px #000000;
    -webkit-box-shadow: 0px 0px 5px #000000;
    box-shadow: 0px 0px 5px #000000;
}

#uye_kayit_sayfasi #kayit_formu input {
    border: 1px solid #ccc;
}

#uye_kayit_sayfasi #kayit_formu select {
    border: 1px solid #ccc;
}

#uye_kayit_sayfasi #kayit_formu textarea {
    border: 1px solid #ccc;
}


#login_page > div {
    background: none repeat scroll 0 0 #FFFFFF;
    display: block;    
    padding: 10px;
    width: 95%;
    -moz-box-shadow: 0px 0px 5px #000000;
    -webkit-box-shadow: 0px 0px 5px #000000;
    box-shadow: 0px 0px 5px #000000;
}


#kayit_formu textarea#address {
  color: #222;
  font-family: arial;
  font-size: 13px;
}