/*---------------------------------------------------------------
# Package - Joomla Template based on Sboost Framework   
# ---------------------------------------------------------------
# Author - olwebdesign http://www.olwebdesign.com
# Copyright (C) 2008 - 2017 olwebdesign.com. All Rights Reserved.
# Websites: http://www.olwebdesign.com
-----------------------------------------------------------------*/

body.bg{color: #222;background-color:#fafafa;
    font-family: 'Lato', sans-serif;
    font-size: 15px;
    font-weight: 300;
    line-height: 1.425;}
body{margin:0;font-family:Arial,Helvetica,sans-serif;font-size:12px;line-height:150%}
a{text-decoration:none;}
a:hover,a:active,a:focus{text-decoration:none;}
.mx-base{margin-left:auto;margin-right:auto}
.mx-block{display:inline}
.mod-block {padding:10px}
.mx-inner{padding-left:10px;padding-right:10px}
.mx-block .first {margin-left:-10px}
.mx-block .last {margin-right:-10px}
.mx-block .single {margin-left:-10px;margin-right:-10px}
.gap{clear:both;margin-bottom:10px}
.top-bg{padding-top:10px}
.clearfix{*zoom:1;}.clearfix:before,.clearfix:after{display:table;content:"";line-height:0;}
.clearfix:after{clear:both;}
/*top bar*/

#mx-banner,
#mx-search,
#members-area{float:right}
#mx-search {margin-top:10px;}
#mx-top-menu{margin-top:8px;margin-bottom: 7px;float:right}
#mx-top-menu ul.menu {margin:0;padding:0;}
#mx-top-menu li{display:inline-block;list-style:none;padding:0 2px;line-height:12px;}
#mx-top-menu li a{ background-color: #999;padding: 5px 10px;  color: #f1f1f1;}
#mx-top-menu li a:hover {color: #888 }

/*Header*/
#headershow .mx-inner {}
#header {
  position:relative;
  }
.slider .mx-inner {padding:0}
a#logo,#logo-text,a#logom{float:left; position: relative; z-index: 100; }
#logo-text h1{font-size:200%;font-weight:bold;text-transform:uppercase;border:0!important;margin:0px 10px 0!important;padding:0!important}
#logo-text p.site-slogan{margin:-4px 10px 10px!important;padding:0;}

/*search*/
#mx-search .mod-search input#mod-search-searchword, 
#mx-search .mod-search input#mod-finder-searchword{background:#fff url(../images/search.png) no-repeat 3% 50%;padding: 4px 3px 4px 30px; margin:0;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	box-shadow:0 0 6px rgba(0,0,0,0.3);
}

/* Layout */
#mx-leftcol, #mx-rightcol, #mx-maincol ,#mx-sideleft, #mx-sideright, #inner_content {float:left}
#mx-leftcol, #mx-rightcol, #mx-maincol {padding:10px 0}
#sj-br{position: absolute; top: 0px; left: -5500px;}

/* Breadcrumbs */
#mx-breadcrumbs .mx-inner {padding:0}
#mx-breadcrumbs .breadcrumb {
	margin:0;
	background:transparent;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	border-top:1px solid #e7e7e7;
	border-bottom:1px solid #e7e7e7	
}
.readmore, a.readmore {
	font-size: 0.9em;
	text-align: center;
	-webkit-transition: background-color 0.2s ease-in-out;
	-moz-transition: background-color 0.2s ease-in-out;
	-ms-transition: background-color 0.2s ease-in-out;
	-o-transition: background-color 0.2s ease-in-out;
	transition: background-color 0.2s ease-in-out;
	color: #ffffff;
	background: #444;
	border-radius: 3px;
	padding: 3px 8px;
}
/* Footer */

#mx-bft { padding:10px}
#mx-footer .cp {float:left; line-height:26px; }

/*Footer Navigation*/
#mx-footer-nav{float:right}
#mx-footer-nav ul{list-style-type:none;padding:0;margin:0 0 5px 0}
#mx-footer-nav li{background:none;padding:0;display:inline} 
#mx-footer-nav .nav > li > a:hover {background:none;}
#mx-footer-nav a{font-weight:normal;text-decoration:none;display:inline;margin:0;padding:0 8px;color:#838181}
a#pagetop{float:right; }
span.designed_by {display:block;}

/* clr */
.clr{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
/* template colors */
div.color-site{height:10px;line-height:10px; margin-top:1px; text-align: center; font-size: 1px;}
div.color-site a {padding: 6px; margin: 0px 3px; 
border-radius: 50%;
box-shadow:0 0 3px rgba(0,0,0,0.2);
-moz-box-shadow:0 0 3px rgba(0,0,0,0.2);
-webkit-box-shadow:0 0 3px rgba(0,0,0,0.2);}
div.color-site a.btn_fs_blue{ background: #399cdd; color: #399cdd;}
div.color-site a.btn_fs_red{ background: #c30; color: #c30;}
div.color-site a.btn_fs_orange{ background: #f99d26; color: #0c0c0c;}
div.color-site a.btn_fs_green{ background: #99cc33; color: #99cc33;}
div.color-site a.btn_fs_brown{ background: #cc9966; color: #cc9966;}
div.color-site a.btn_fs_lilac{ background: #ad77bb; color: #ad77bb;}

/*
// #Accordion
*/




tspan {


  font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
  
text-decoration-color: yellow;

  color: #ffffff;
	background: #444;
  
}





#rect {

    position: relative;
  color: #ffffff;
  background: #444;
  z-index: 5000;
  
}




thead {

    color: rgb(255, 255, 255);

    
}




body{
    
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size:12px;
    line-height:1.42857143;
    color:#000000;
    background-color:rgb(0, 0, 0);
    background-image: url("https://www.thegatecore.com/images/panel_usuario_pro_new.png");
}





.table{
    width:100%;
    max-width:100%;
    margin-bottom:20px;

}

#g{
  width:35px;
  height:35px;

}



#start {

  font-size:1.0em;
  cursor: pointer;
  opacity: 0.0;
  z-index: 1000;


}


#help {

  font-size:1.0em;
  cursor: pointer;
  opacity: 0.0;


}



#choose_pair {
 
  font-size:1.0em;
  cursor: pointer;

}


#usermanual {

  position: relative;
  z-index: 100;  
  cursor: pointer;

}

#panel_trading {
 
  
   position: relative;
 opacity: 0.0;
  z-index: -100;

}


#trade_update {
 
  
  cursor: pointer;
  opacity: 0.0;

}
#audio { 
  
  cursor: pointer;
  opacity: 0.0;

}

#audio_status { 
  
  color:#ffffff;

}
#abierto {

position: relative;

  color:#ffffff;

  z-index: 1;
 
  font-size:1.5em;

}



#posicion_porcentajes {

  display: none;
 
  
}

#posicion_bloquea {

  display: none;
 
  
}

#posicion_por_act3 {

  display: none;
 
  
}
#datos2 {

  display: none;
 
  
}
#proffit_final {

  display: none;
 
  
}
#proffit_parcial {

  display: none;
 
  
}
#gatecore_pair {

  display: none;
 
  
}


#posicion_operaciones {

  display: none;
 
  
}


#posicion_por_act {

  display: none;
 
  
}

#posicion_por_act1 {

  display: none;
 
  
}

#posicion_calendario {

  display: none;
 
  
}

#datos {

  display: none;
 
  
}



#resultado_token_inicial {

  display: none;
 
  
}


#control_licencia {

  display: none;
 
  
}

#fecha_licencia {

  display: none;
 
  
}

#posicion_licencia {

  display: none;
 
  
}

#posicion_articulo_ip {

  display: none;
 
  
}

#exportxlm {

  cursor: pointer;
  opacity: 0.0;
 
  
}

#gate_core_ip {

  display: none;
 
  
}


#test_connection {
  color:#080a83; 
  font-size:1.5em;
  cursor: pointer;
  display: none;
 
}

#boton {
 position: relative;
 z-index: 1;
 
}

#xlmusdt {
  position: relative;
  z-index: 1;
  color:#ffffff; 
  font-size:1.5em;
  display: none;  
  background-image: url("https://www.thegatecore.com/images/boton_pair.png");
}

#blzusdt {
  position: relative;
  z-index: 1;
  color:#ffffff; 
  font-size:1.5em;
  display: none;  
  background-image: url("https://www.thegatecore.com/images/boton_pair.png");
}
#dotusdt {
  position: relative;
  z-index: 1;
  color:#ffffff; 
  font-size:1.5em;
  display: none; 
  background-image: url("https://www.thegatecore.com/images/boton_pair.png"); 
}
#etcusdt {
  position: relative;
  z-index: 1;
  color:#ffffff; 
  font-size:1.5em;
  display: none; 
  background-image: url("https://www.thegatecore.com/images/boton_pair.png"); 
}
#ethusdt {
  position: relative;
  z-index: 1;
  color:#ffffff; 
  font-size:1.5em;
  display: none;  
  background-image: url("https://www.thegatecore.com/images/boton_pair.png");
}
#trxusdt {
  position: relative;
  z-index: 1;
  color:#ffffff; 
  font-size:1.5em;
  display: none;
  background-image: url("https://www.thegatecore.com/images/boton_pair.png");  
}
#adausdt {
  position: relative;
  z-index: 1;
  color:#ffffff; 
  font-size:1.5em;
  display: none;  
  background-image: url("https://www.thegatecore.com/images/boton_pair.png");
}

#choosen_pair {
  display: block; 
  font-size:1.5em;
  color: #000000;
   
}



#media_total_proffit_parcial {
  
  display: none;
  
  
}

#warnings_console {
  
  display: none;
  
  
}

#media_total_proffit {
  
  display: none;
  
  
}

#proffit_operacion {
  
  display: none;
  
  
}

#resultado_usdt_inicial {
  
  display: none;
  
  
}




#memory_used{
    
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size:1.5em;
   line-height:1.42857143;
   color:#0fcc3e;

 
}

#cpu_used{
    
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
   font-size:12px;
   margin-left: 100px;
   line-height:1.42857143;
   color:#bfcc0f;

 
}






#level_status_drop {
 
  display: none;
 
  
}

#level_status_rise {
 
  display: none;
 
  
}







#problem {
  opacity: 0.0;
  font-size:1.0em;

}

#apic {
  opacity: 0.0;
  font-size:1.0em;
  position: relative;
  z-index: 1;

}

#buy {
  opacity: 0.0;
  font-size:1.0em;

}


#last_buy {
  opacity: 2.0;
  font-size:1.6em;  
  color: white;

}

#last_sell {
  opacity: 2.0;
  font-size:1.6em;
  color: rgb(255, 255, 255);


}

#btc_price {

  color: white;
  opacity: 2.0;
  font-size:1.6em;

}

#sell {
  opacity: 0.0;
  font-size:1.0em;

}

#video_youtube {
  opacity: 0.9;
 

}
#change_status {
  opacity: 100;
  width:30%;
  max-width:30%;
}

.wrap{
  position: relative;
  width:80%;
  max-width:60%;
  z-index: -1;
 /*margin:auto;*/

}

.general_console{
  width:100%;
  max-width:80%;
  font-size:1.2em;
 /*margin:auto;*/

}

.widget2{
  text-align: center;
  font-size:1.2em;
  margin-bottom: 0%3125rem;
  background: rgba(0,0,0,0);
  padding: 20px;
  width: 100%;
 /*margin:auto;*/

}

.widget_central{
  text-align: center;
  font-size:1.2em;
  margin-bottom: 0%3125rem;
  background: rgba(0,0,0,0);
  padding: 20px;
  width: 100%;
 /*margin:auto;*/

}

.widget3{
  text-align: center;
  font-size:1.2em;
  margin-bottom: 0%3125rem;
  background: rgba(0,0,0,0);
  padding: 20px;
  width: 100%;
 /*margin:auto;*/

}



.widget_buy1_datos{
  text-align: center;
  font-size:1.3em;
  font-weight: bold;
  margin-bottom: 0%3125rem;
  background: rgba(0,0,0,0);
  padding: 20px;
  width: 20%;
 /*margin:auto;*/

}



.Encabezado2{
  text-align: center;
  font-size:1.2em;
  margin-bottom: 0%3125rem;
  background: rgba(0,0,0,0);
  padding: 20px;
  width: 100%;
 /*margin:auto;*/

}
.Encabezado3{
  text-align: center;
  font-size:1.2em;
  margin-bottom: 0%3125rem;
  background: rgba(0,0,0,0);
  padding: 20px;
  width: 100%;
 /*margin:auto;*/

}

.datos_widget2{
  text-align: center;
  font-size:1.2em;
  margin-bottom: 0%3125rem;
  background: rgba(0,0,0,0);
  padding: 20px;
  width: 100%;
 /*margin:auto;*/

}
.datos_widget3{
  text-align: center;
  font-size:1.2em;
  margin-bottom: 0%3125rem;
  background: rgba(0,0,0,0);
  padding: 20px;
  width: 100%;
 /*margin:auto;*/

}

  #start {cursor: pointer;}
  #euro {cursor: pointer;}
  #btc {cursor: pointer;}
  #usdt {cursor: pointer;}
 
  #btc_euro {cursor: pointer;}

   
  #btc_wallet {cursor: pointer;}

  #problem {cursor: pointer;}

  #apic {cursor: pointer;}

  #statistics {    
    position: relative;
    opacity: 0;
      margin-left: 300px;
    margin-top: 500px;
    cursor: pointer;
  
  }

  #simulation {cursor: pointer;}

  #buscaposicion {cursor: pointer;}  

  #buy {cursor: pointer;}
  

    
  #venta {cursor: pointer;}

  #sell {cursor: pointer;}

  #change_status {cursor: pointer;}



  path.slice{
    stroke-width:2px;
  }

  #compra {
    cursor: pointer;
 
  
  }

  #venta {
    cursor: pointer;

  
  }
  

  
  path{
    position: relative;
    z-index: 5000;
    stroke-width:2px;
  }
  polyline{
    opacity: .3;
    stroke: black;
    stroke-width: 2px;
    fill: none;
  } 
  svg text.percent{
    fill:white;
    text-anchor:middle;
    font-size:12px;
  }

  

  
#status_binance{
  text-align: left;
  font-size:1.5em;
  text-decoration: solid;
  

}

  
#status_gate_core{
  text-align: left;
  font-size:1.5em;
  text-decoration: solid;
  

}



.fecha{
  position: relative;
  text-align: center;
  font-size:1.5em;
  text-decoration: solid;
  margin-bottom: 0%3125rem;
  background: rgba(0,0,0,0);
  padding: 20px;
  width: 100%;
  z-index: -1;
 /*margin:auto;*/

}

.reloj{
  text-align:center;
  font-size:4em;
   background: rgba(0,0,0,0);
  padding: 20px;
  width: 100%;
 /*margin:auto;*/

}

.reloj .caja-segundos{
 
  display: inline-block;
 

}

.reloj .segundos,
.reloj .ampm{
  font-size:2rem;
  display: block;
 

}



.widget{
  width:35%;
  height:35%;
  margin:2em;
 /*margin:auto;*/

}

.widget p{
  display:inline-block;
  line-height:1em;
 /*margin:auto;*/

}

tbody{

    display: table-row-group;
    vertical-align: middle;
    border-color: inherit;
   
}

#cuadro_trading{

  position: relative;

  width:35%;
  height:35%;
  margin:2em;
  opacity: 2.85;
  z-index: 0;

}






svg{  
  position: relative;
 bottom: 1950px;
 left: 1220px;
    width: 250px;
  height: 230px;

}


#donut_portfolio{  
  position: relative;

  width: 1000px;
  height: 1000px;

}


#grafica_mensual{  
  position: relative;

  width: 1000px;
  height: 1000px;
  z-index: 1;

}


#posicion_mensual{  
 display: none;

}

#posicion_por_act_25{  
  display: none;
 
 }

 #datos_mensual{  
  display: none;
 
 }

 



#estadisticas{  
  position: relative;

    z-index: 5000;
 

}


#chart {
  
 
    position: absolute ; 
   
    z-index: 2000;
  
  
  }


#chartdiv {
  
background: rgb(0, 0, 0);
  position: absolute ; 
  display: inline-block;
   width: 90%;
   height: 70%;
    opacity: 100.0;
   max-height: 300px;
   margin-top: 80px;   
   margin-left: 25px;
  z-index: 2000;


}

#html5 {  
 
  position: relative ; 
  z-index: 2000;
}





#progresscontainer { 
  width: 100%;
  background-color: rgb(255, 255, 255); 
  position: relative ; 
  z-index: 100;
}


#progress {  

  width: 0%;
  height: 30px;
  background-color: royalblue;
  left: -5px;
  position: relative ;  
  z-index: 400;
}


#controls {  

 margin-top: -30px;
  position: relative ;  
  z-index: 100;
}

#down {  

 opacity: 0.0;
 cursor: pointer;
 }

 
 #status {  

 
  opacity: 1.2;
 
 }

 
 #up { 
 
  opacity: 0.0;
  cursor: pointer;
 }
 

#barra_progreso {  
  
   position: relative ;  
   z-index: 5000;
   max-height: 20%;
 }

 #proffit {  
  
  text-align: center;
  font-size:1.5em;

}


 
#cantidad_token {  
  
  text-align: center;
  font-size:1.5em;
  color: #000;

}

#cantidad_usdt {  
  
  text-align: center;
  font-size:1.5em;
  color: #000;

}

#control_buy {  
  
  text-align: center;
  font-size:1.5em;
  color: #000;

}

#control_sell {  
  
  text-align: center;
  font-size:1.5em;
  color: #000;

}

#consola {

  text-align: center;
  font-size:1.8em;

  
}




#media_total_proffit{

  position: relative;
  display: none;
  z-index: 500;
}

#media_total_proffit_parcial{

  position: relative;
  display: none;
  z-index: 200;
}


#reset{

  opacity: 1.0;
  cursor: pointer;
}

#apiconf_div{


  cursor: pointer;
}



#memory_used{

  text-align: center;
  font-size:1.2em;
}

#list{

  text-align: center;
  font-size:1.6em;
}





#kissfm{

  opacity: 0.0;
  cursor: pointer; 
}

#los40{

  opacity: 0.0;
  cursor: pointer; 
}




#top_ten_trend {
 
  display: none;
 
 
}


#api_form {

 position: relative;
 z-index: 1;
 color: white;
 text-decoration-color: white;
 
}

#api_conf{

  text-align: center;
  display: none;
 
  font-size:2.2em;
  color: rgb(5, 21, 114);
}



#ip_configuration{

  text-align: center;
  font-size:2.2em;
  color: rgb(5, 21, 114);
  display: none;

}

#gatecore_ip{

  text-align: left;
  font-size:1.5em;
  color: rgb(5, 21, 114);
  opacity: 0.0;
  cursor: pointer;
}

#media_mensual{


  font-size:2.5em;
  color: rgb(0, 9, 63);
 
}


#posicion_bloquea2{
display: none;

 
}

#cantidad_ultima_venta{
  display: none;
  
   
  }

  
#pos_mensual{
  display: none;
  
   
  }


#label_pair{

  position: relative;
  color: rgb(255, 255, 255);
  font-size:1.7em;
  z-index: 1;
  display: none;
 
}

#contact_us{

  position: relative; 
  color: rgb(255, 255, 255);
  font-size:2.1em;
  display: none;
  z-index: 1;
 
}


#telefono_1{

  position: relative;
  color: rgb(255, 255, 255);
  font-size:2.1em;
  display: none; 
  z-index: 1;
 
}


#telefono_2{

  position: relative; 
  color: rgb(255, 255, 255);
  font-size:2.1em;
  display: none;
  z-index: 1;
 
}


#mail{

  position: relative;
  color: rgb(255, 255, 255);
  font-size:1.7em;
  display: none;
  z-index: 1;
 
}


#choose_pair_1{

  text-align: left;
   font-size:1.5em;
  color: rgb(5, 21, 114);
  opacity: 0.0;
  cursor: pointer;
}

#fondo_api_conf {
  position: relative;  
  display: none;
  z-index: 0;
  background-image: url("https://www.thegatecore.com/images/fondo_comparacion_blanco.png");
 
}


#fondo_help {
  position: relative;  
  display: none;
  z-index: 0;

  background-image: url("https://www.thegatecore.com/images/fondo_comparacion_help.png");
 
}

#fondo_trading_pair {
  position: relative;  
  display: none;
  z-index: 0;
  background-image: url("https://www.thegatecore.com/images/fondo_trading_pair.png");
 
}

#fondo_calendar {
  position: relative; 
 
  background-image: url("https://www.thegatecore.com/images/fondo_comparacion.png");
  z-index: 1900;
  opacity: 100.0;
  display: none;
}

#calendar {
  position: relative;
  background-image: url("https://www.thegatecore.com/images/textura_oro.jpg");
   display: none;
   opacity: 100.0;
  z-index: 2000;
  
 }











#suma {

  cursor: pointer;

 
}

#resta {
 
 cursor: pointer;
  
}

#orders_calendar {

  position: relative;
  cursor: pointer;
  z-index: 2000;
  display: none;
  opacity: 0.0;
  
   
 }








.bar{
  fill: steelblue;
}

.bar:hover{
  fill: brown;
}

.axis {
  font: 10px sans-serif;
}

.axis path,
.axis line {
  fill: none;
  stroke: #000;
  shape-rendering: crispEdges;
}



g{  

  width: 300px;
  height: 300px;
 
 
}
#salesDonut{ 
  
  position: relative; 
  display:none;
 margin-left: 200px;
  

}

#dashboard {
  opacity: 0.0;
}

#myDiv {
    opacity: 0.65;
}





#login form {
	padding: 10px 10px 10px 10px;
	/*display: none;*/
	background-color: rgb(255,255,255);
}



#action {
 
  display: none;
 
}

#posicion_articulo {
 
  display: none;
 
}



#api {

  position: relative;
  z-index: 1;
  
  color:#fdfdfd;
 
  font-size:1.5em;
}

#api_secret {

  position: relative;
  z-index: 1;
  
  font-size: 100% !important;
  font-family: 'Muli', sans-serif;
  text-decoration-color: rgb(255, 255, 255);
  line-height: 2.5em;
  text-transform: none;
  padding: 0;
}


#api_key {

  position: relative;
  z-index: 1;
  
  font-size: 100% !important;
  font-family: 'Muli', sans-serif;
  text-decoration-color: rgb(255, 255, 255);
  line-height: 2.5em;
  text-transform: none;
  padding: 0;
}



.table{
    background-color:transparent;
}






















.accordion-heading {
  font-size: 120% !important;
  font-family: 'Muli', sans-serif;
  line-height: 1.5em;
  text-transform: none;
  padding: 0;
}
.accordion-heading > a {
  display: block;
  padding: 12px 18px 12px 12px !important;
  color: #222;
  background-image: -webkit-linear-gradient(top, #ffffff 0%, #f4f4f4 100%);
  background-image: linear-gradient(to bottom, #ffffff 0%, #f4f4f4 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f4f4f4', GradientType=0);
  -webkit-transition: 0.2s;
  transition: 0.2s;
  position: relative;
}

.accordion-heading > a.collapsed {
  color: none;
  background-image: -webkit-linear-gradient(top, #ffffff 0%, #f4f4f4 100%);
  background-image: linear-gradient(to bottom, #ffffff 0%, #f4f4f4 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f4f4f4', GradientType=0);
}

.accordion-heading > a.collapsed:hover {
  background: #ececec;
  text-decoration: none;
}
.accordion-heading > a:hover {
  text-decoration: none;
}
.accordion-inner {
  padding: 14px 20px;
  background: #fff;
}
/* Button, Input */

input, select, textarea, .inputbox, button, .button, input[type="button"], input[type="submit"] {
	padding: 3px;
}

input[type="button"], input[type="text"] {}

input[type="button"] { }

input[type="text"], input[type="password"], input[type="email"], textarea, .inputbox, .validate-username, .validate-password { 
	border: 0; background: #fff; color:#999;
	-webkit-box-shadow: 0 0 0 1px #ccc inset; box-shadow: 0 0 0 1px #ccc inset;
	border-radius: 3px; -webkit-border-radius: 3px;
}

#ol-topsl .inputbox, #ol-botsl .inputbox, #ol-user-panel .inputbox {}

input[type="text"]:hover, input[type="password"]:hover, input[type="email"]:hover,
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus,
.inputbox:hover, .inputbox:focus,
 textarea:hover, textarea:focus { background: #ffffcc; color:#666; }


.browserChrome input[type="text"]:focus, .browserChrome input[type="password"]:focus, .browserChrome input[type="email"]:focus,
.browserSafari input[type="text"]:focus, .browserSafari input[type="password"]:focus, .browserSafari input[type="email"]:focus,
.browserChrome .inputbox:focus, .browserChrome  textarea:focus,
.browserSafari .inputbox:focus, .browserSafari textarea:focus {outline: none;}

/* buttons */
.button, button, input[type="button"], input[type="submit"] {
	line-height:24px;
	color: #888;
	text-transform: uppercase; 
	border:0; 
	font-size: 11px !important;
	cursor:pointer;
	zoom: 1;
	*display: inline;
	vertical-align: top;
	outline: none;
	text-align: center;
	text-decoration: none;
	padding: 4px 15px !important;
	text-shadow: 0 1px 1px rgba(0,0,0, 0.1);
	-webkit-border-radius: 0px; border-radius: 0px;
	-webkit-box-shadow: 0 0 0 1px #BBBBBB inset;	
	-ms-box-shadow: 0 0 0 1px #bbbbbb inset;	
	box-shadow: 0 0 0 1px #BBBBBB inset;
	background: #f6f6f6;
	background-image: -webkit-linear-gradient(top,  #fff, #fafafa);
	background-image: -moz-linear-gradient(top, #fff, #fafafa);
	background-image: -ms-linear-gradient(top, #fff, #fafafa);
	background-image: -o-linear-gradient(top, #fff, #fafafa);
}
.btn-primary {
	text-transform: uppercase;
  border-bottom-color: transparent;
  -webkit-box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.06);
  box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.06);
  padding: 5px 20px !important;
  background-repeat: repeat-x;
}
.btn-primary:hover,
.btn-primary:focus {
  background-color: #444;
  background-position: 0 -45px;
  border-color: #444;
}
.btn-primary:active,
.btn-primary.active {
  background-color: #555;
  border-color: #555;
  -webkit-box-shadow: inset 0 3px 0 rgba(0, 0, 0, 0.12);
  box-shadow: inset 0 3px 0 rgba(0, 0, 0, 0.12);
}