/* Global Styles */


body
{
	margin:0px;
	background-image: url(imagenes/fondo.jpg);
    background: #FFFFFF;
    font-size: .80em;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    margin: 0px;
    padding: 0px;
    color: #696969;
}

.header { background-color: #003468;padding: 10px;text-align: right; }
.header table { margin: auto !important;width: 100% !important; }
.header a { color: #FFFFFF;text-decoration: none;font-size: 10pt;margin: auto 20px;font-weight: bold; }
.header input[type=text] { width: 200px; }

.subHeader1 { background-color: #FFFFFF;text-align: left;width: 1000px;margin: auto;color: #003468 ;padding: 10px;height: 75px; }
.subHeader1 .titulo { font-weight: bold; }
.subHeader1 table { float: right !important;margin-top: -20px !important; }
.subHeader1 .logo { display: inline; margin: -68px 30px auto 10px;position: relative;float: left; }
.subHeader1 .logo img { border: 2px solid #003468;width: 120px;  drop-shadow(0 2px 5px rgba(0, 0, 0, 0.7)); }


td {
	font:12px arial;
	color:#333333;
	}

th {
	font:12px arial;
	color:#000000;
	}

a {
/*	color: #005A00; */
	color: #104F68; 
	text-decoration:none;
	font-weight:bold;
	}
	
a:hover {
	color: #990000; 
	text-decoration:underline;
	}


div.encabezado {
  margin: 0;
	color: #FFFFFF;
	letter-spacing:0.1em;
	font-weight:bold;
	line-height:22px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
  text-align: center;
  position: fixed;
  top: 0em;
  left: 0em;
/*  width: 8.5em; */
  right: 0em;
}


div.subencabezado {
  margin: 0;
	color: #FFFFFF;
	letter-spacing:0.1em;
	font-weight:bold;
	line-height:18px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
  text-align: center;
  position: fixed;
  left: 0em;
/*  width: 8.5em; */
  right: 0em;
}


table.horario {
	border-width: 1px;
	border-spacing: 0px;
	border-style: solid;
	border-color: gray;
	border-collapse: collapse;
	background-color: white;
}
table.horario th {
	border-width: 1px;
	padding: 0px;
	border-style: solid;
	border-color: gray;
	background-color: #104F68;
	-moz-border-radius: ;
}
table.horario td {
	border-width: 1px;
	padding: 0px;
	border-style: solid;
	border-color: gray;
/*	background-color: white; */
	-moz-border-radius: ;
}

	
/* ID Styles */

#navigation a {
	font:10px arial, Helvetica, sans-serif;
	color: #ffffff;
	text-decoration:none;
	letter-spacing:.1em;
	}
	
#navigation a:hover {
	color: #99ccff;
	}

#padding {
	padding:20px 5px 20px 5px;
	}
	
#calendar td {
	border: 1px solid rgb(0,51,153);
	}
	
#noborder td {
	border: 0px;
	}
	
#titulos th {
	font:11px arial, Helvetica, sans-serif;
	color: #ffffff;
	font-weight:bold;
	border: 0px;
	padding:2px;
	}

#subtitulos th {
	font:11px arial, Helvetica, sans-serif;
	color: #000000;
	background-color: #ebd204;
/*	font-weight:bold; */
	border: 0px;
	padding:1px;
	}

#calheader td {
	font-weight:bold;
	}

#menu td {
	border: 0px solid rgb(0,51,153);
   background-color: #000000;
	}

td.vineta{
background-image:url(imagenes/vineta/Mini-Vineta.png);
background-repeat:no-repeat;
}

/* Class Styles */

.BotonEditar {
	color: #CCCCCC;
   background-color: #CCCCCC;
   background-image: url(imagenes/lapiz.gif);
   font-size: 14px;
}

.BotonEliminar {
   background-image: url(imagenes/eliminar.gif);
}


.logo {
	color: #FFFFFF;
	letter-spacing:0.1em;
	font-weight:bold;
	line-height:22px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	text-shadow: 2px 2px 0.05px #000;
	}

.subEncabezado {
	color: #00006B;
	letter-spacing:0.1em;
	font-weight:bold;
	line-height:18px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	}

/*
.logo {
	color: #FFFFFF;
	letter-spacing:0.5em;
	font-weight:bold;
	line-height:22px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	}
*/

.campo_vacio{
	color: #c8c8c8;
	background-color: #ececec;
	}


.tagline {
	font:11px arial, Helvetica, sans-serif;
	color: #CC3300;
	letter-spacing:.2em;
	}

.tachado {
   text-decoration:line-through;
   }


.texto_historial {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}

.texto_blanco_historial {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	font-weight: bold;
}

.fechaGrande {
	font:28px arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-color: #D2D2D2;
	font-weight:bold;
	line-height:30px;
	}

.fechaMediana {
	font:24px arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-color: #D2D2D2;
	font-weight:bold;
	line-height:26px;
	}

.fechaPequena {
	font:20px arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-color: #D2D2D2;
	font-weight:bold;
	line-height:22px;
	}


.smallText {
	font-family: arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000033;
	line-height: 14px;
	}

.smallText1 {
	color: #0D7000;
	}

.smallText2 {
	color: #EDD100;
	}

.smallText3 {
	color: #AF0000;
	}

.TextoNota {
	font:10px arial, Helvetica, sans-serif;
	line-height:10px;
	}

.verySmallText {
	font-family:arial, Helvetica, sans-serif;
	font-size: 8px;
	color: #000033;
	line-height: 8px;
	}

.texto_verde {
	color: #00AA00;
	}

.texto_amarillo {
	color: #F3D217;
	}

.texto_rojo {
	color: #CC0000;
	}


.notas {
	font:11px arial, Helvetica, sans-serif;
	color: #000033;
	line-height:12px;
	font-weight: bold;
	}


.listas {
	font:11px arial, Helvetica, sans-serif;
	color: #000033;
	line-height:18px;
	}


.texto_grande_impresion_negritas {
	font:14px arial, Helvetica, sans-serif;
	color: #000033;
	line-height:14px;
	font-weight: bold;
	}

.texto_impresion_negritas {
	font:10px arial, Helvetica, sans-serif;
	color: #000033;
	line-height:11px;
	font-weight: bold;
	}

.texto_impresion {
	font:10px arial, Helvetica, sans-serif;
	color: #000033;
	line-height:11px;
	}

.texto_blanco_impresion {
	font:10px arial, Helvetica, sans-serif;
	color: #FFFFFF;
	line-height:490px;
	}


.texto_pequeno_impresion {
	font:8px arial, Helvetica, sans-serif;
	color: #000033;
	line-height:10px;
	}

.texto_muy_pequeno_impresion {
	font:7px arial, Helvetica, sans-serif;
	color: #000033;
	line-height:7px;
	}

.texto_pequeno_impresion_negritas {
	font:8px arial, Helvetica, sans-serif;
	color: #000033;
	line-height:10px;
	font-weight: bold;
	}

.traslape_impresion {
	text-decoration: blink;	
	font:9px arial, Helvetica, sans-serif;
	color: red;
	line-height:12px;
	font-style: italic;
	font-weight: bold;
	}

.etiquetas_impresion {
	font:11px arial, Helvetica, sans-serif;
	color: #000033;
	line-height:11px;
	font-weight: bold;
	}


.etiquetas {
	font-family: arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000033;
	line-height:18px;
	font-weight: bold;
	}

.etiquetas.rojo {
/*	color: #13235B;
*/
	color: #9A0D0D;
	font-weight: bold;
	}

.etiquetas.blanco {
	color: #FFFFFF;
	}

.etiquetas.gris {
	color: #777777;
	}

.etiquetas.azul {
	color: #13235B;
	}


.traslape {
	text-decoration: blink;	
	font:13px arial, Helvetica, sans-serif;
	color: red;
	line-height:18px;
	}


.texto_oficio_impresion {
	font:12px arial, Helvetica, sans-serif;
	color: #000033;
	line-height:18px;
	}


.texto_oficio_negritas_impresion {
	font:12px arial, Helvetica, sans-serif;
	color: #000033;
	line-height:18px;
	font-weight: bold;
	}


.estudiante {
	font:16px arial, Helvetica, sans-serif;
	color: #000033;
	line-height:18px;
	font-style: italic;
	}

.solicitante {
	font:16px arial, Helvetica, sans-serif;
	color: #000033;
	line-height:18px;
	font-style: italic;
	}


.aspirante {
	font:14px arial, Helvetica, sans-serif;
	color: #000033;
	line-height:16px;
	font-style: italic;
	}


.usuario {
	font:16px arial, Helvetica, sans-serif;
	color: #000033;
	line-height:18px;
	font-style: italic;
	}


.titulo_horario {
	font:16px arial, Helvetica, sans-serif;
	color: #000033;
	line-height:18px;
	font-style: italic;
	}

.texto_horario {
	font:11px arial, Helvetica, sans-serif;
	color: #000000;
	line-height:11px;
	}

.traslape_horario {
	font:11px arial, Helvetica, sans-serif;
	color: #CC0000;
	line-height:11px;
	}


.situaciones {
	font:16px arial, Helvetica, sans-serif;
	line-height:18px;
	font-style: italic;
	}

.situacion1 {
	color: #0D7000;
	}

.situacion2 {
	color: #EDD100;
	}

.situacion3 {
	color: #AF0000;
	}

.situacion5 {
	color: #1919c8;
	}

.situacion6 {
	color: #0D7000;
	}

.situacion7 {
	color: #0D7000;
	}

.situacion8 {
	color: #0D7000;
	}

.situacion9 {
	color: #AF0000;
	}

.situacion_aspirante0 {
	color: #CC0000;
	}
.situacion_aspirante2 {
	color: #CC0000;
	}
.situacion_aspirante1 {
	color: #00AA00;
	}
.situacion_aspirante4 {
	color: #0000BB;
	}
.situacion_aspirante3 {
	color: #0000BB;
	}
.situacion_aspirante5 {
	color: #CC0000;
	}


.disponibilidad {
	font:12px arial, Helvetica, sans-serif;
	line-height:18px;
	font-weight: bold;
	}

.disponibilidad.dverde {
	color: #00AA00;
	}

.disponibilidad.damarilla {
	color: #e49115;
	}

.disponibilidad.droja {
	color: #CC0000;
	}


.alerta {
	font:13px arial, Helvetica, sans-serif;
	line-height:18px;
	}

.alerta.verde {
	color: #00AA00;
	}

.alerta.amarilla {
	color: #F3D217;
	}

.alerta.roja {
	color: #CC0000;
	}


.pageHeader {
	font:30px arial, Helvetica, sans-serif;
	color: #CC3300;
	letter-spacing:.1em;
	line-height:38px;
	}
	
.bodyText {
	font:11px arial, Helvetica, sans-serif;
	color:#333333;
	line-height:24px;
	}
	
.pageName {
	color: #000033;
	letter-spacing:0.1em;
	line-height:26px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	font-style: italic;
	}
	
  
  
.subHeader {
	color: #003399;
	font-weight:bold;
	line-height:20px;
	letter-spacing:.1em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	}
	
.navText {
	font:11px arial, Helvetica, sans-serif;
	color: #333300;
	letter-spacing:.1em;
	}
	
	
#penumbra{
	background-color: #ccc; /*color de sombra tonalidad gris*/
}
.sombra,
.contenido-texto{
	/* con bottom y right hacemos correr 2px hacia abajo y hacia la derecha. */
	position: relative;
	bottom: 2px;
	right: 2px;
}

.sombra{
	background-color: #666; /*color de sombra tonalidad gris más clara*/
}

.contenido-texto{
	background-color: #efefef; /*color de fondo del contenido #f1ffed*/
	color: #549790; /*color del texto*/
	padding: .4em 1ex;
	font-family:Arial, sans, sans-serif, nimbus sans L;
}


.sombra-image {
padding: 0.1em;
background-color:#666;
border: 1px solid #444444;
-moz-box-shadow:4px 4px 3px #000;
-webkit-box-shadow: 4px 4px 3px #000;
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=125,strength=5)";
filter: progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=125,strength=5);
}


  .g-button {
  display: inline-block;
  min-width: 46px;
  text-align: center;
  color: #444;
  font-size: 11px;
  font-weight: bold;
  height: 27px;
  padding: 0 8px;
  line-height: 27px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-transition: all 0.218s;
  -moz-transition: all 0.218s;
  -ms-transition: all 0.218s;
  -o-transition: all 0.218s;
  transition: all 0.218s;
  border: 1px solid #dcdcdc;
  background-color: #f5f5f5;
  background-image: -webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#f1f1f1));
  background-image: -webkit-linear-gradient(top,#f5f5f5,#f1f1f1);
  background-image: -moz-linear-gradient(top,#f5f5f5,#f1f1f1);
  background-image: -ms-linear-gradient(top,#f5f5f5,#f1f1f1);
  background-image: -o-linear-gradient(top,#f5f5f5,#f1f1f1);
  background-image: linear-gradient(top,#f5f5f5,#f1f1f1);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  cursor: default;
  }
  *+html .g-button {
  min-width: 70px;
  }
  button.g-button,
  input[type=submit].g-button {
  height: 29px;
  line-height: 29px;
  vertical-align: bottom;
  margin: 0;
  }
  *+html button.g-button,
  *+html input[type=submit].g-button {
  overflow: visible;
  }
  .g-button:hover {
  border: 1px solid #c6c6c6;
  color: #333;
  text-decoration: none;
  -webkit-transition: all 0.0s;
  -moz-transition: all 0.0s;
  -ms-transition: all 0.0s;
  -o-transition: all 0.0s;
  transition: all 0.0s;
  background-color: #f8f8f8;
  background-image: -webkit-gradient(linear,left top,left bottom,from(#f8f8f8),to(#f1f1f1));
  background-image: -webkit-linear-gradient(top,#f8f8f8,#f1f1f1);
  background-image: -moz-linear-gradient(top,#f8f8f8,#f1f1f1);
  background-image: -ms-linear-gradient(top,#f8f8f8,#f1f1f1);
  background-image: -o-linear-gradient(top,#f8f8f8,#f1f1f1);
  background-image: linear-gradient(top,#f8f8f8,#f1f1f1);
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
  -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
  box-shadow: 0 1px 1px rgba(0,0,0,0.1);
  }
  .g-button:active {
  background-color: #f6f6f6;
  background-image: -webkit-gradient(linear,left top,left bottom,from(#f6f6f6),to(#f1f1f1));
  background-image: -webkit-linear-gradient(top,#f6f6f6,#f1f1f1);
  background-image: -moz-linear-gradient(top,#f6f6f6,#f1f1f1);
  background-image: -ms-linear-gradient(top,#f6f6f6,#f1f1f1);
  background-image: -o-linear-gradient(top,#f6f6f6,#f1f1f1);
  background-image: linear-gradient(top,#f6f6f6,#f1f1f1);
  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
  -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
  }
  .g-button:visited {
  color: #666;
  }
  
  .g-button-green {
  border: 1px solid #3079ed;
  color: #fff;
  text-shadow: 0 1px rgba(0,0,0,0.1);
	background-color: #53a93f;
  background-image: -webkit-gradient(linear,left top,left bottom,from(#4d90fe),to(#4787ed));
  background-image: -webkit-linear-gradient(top,#4d90fe,#4787ed);
  background-image: -moz-linear-gradient(top,#4d90fe,#4787ed);
  background-image: -ms-linear-gradient(top,#4d90fe,#4787ed);
  background-image: -o-linear-gradient(top,#4d90fe,#4787ed);
  background-image: linear-gradient(top,#4d90fe,#4787ed);
}
.g-button-green:hover {
    box-shadow: inset 0 -1px 0 #4c8534;
    background-color: #65b045;
    border-bottom-color: #4c8534;
}
.g-button-green:active {
    box-shadow: inset 0 1px 0 #2f6124;
    background-color: #3e802f;
    border-top: 1px solid #2f6124;
}

  .g-button-submit {
  border: 1px solid #3079ed;
  color: #fff;
  text-shadow: 0 1px rgba(0,0,0,0.1);
  background-color: #4d90fe;
  background-image: -webkit-gradient(linear,left top,left bottom,from(#4d90fe),to(#4787ed));
  background-image: -webkit-linear-gradient(top,#4d90fe,#4787ed);
  background-image: -moz-linear-gradient(top,#4d90fe,#4787ed);
  background-image: -ms-linear-gradient(top,#4d90fe,#4787ed);
  background-image: -o-linear-gradient(top,#4d90fe,#4787ed);
  background-image: linear-gradient(top,#4d90fe,#4787ed);
  }
  .g-button-submit:hover {
  border: 1px solid #2f5bb7;
  color: #fff;
  text-shadow: 0 1px rgba(0,0,0,0.3);
  background-color: #357ae8;
  background-image: -webkit-gradient(linear,left top,left bottom,from(#4d90fe),to(#357ae8));
  background-image: -webkit-linear-gradient(top,#4d90fe,#357ae8);
  background-image: -moz-linear-gradient(top,#4d90fe,#357ae8);
  background-image: -ms-linear-gradient(top,#4d90fe,#357ae8);
  background-image: -o-linear-gradient(top,#4d90fe,#357ae8);
  background-image: linear-gradient(top,#4d90fe,#357ae8);
  }
  .g-button-submit:active {
  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
  -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
  }
  .g-button-share {
  border: 1px solid #29691d;
  color: #fff;
  text-shadow: 0 1px rgba(0,0,0,0.1);
  background-color: #3d9400;
  background-image: -webkit-gradient(linear,left top,left bottom,from(#3d9400),to(#398a00));
  background-image: -webkit-linear-gradient(top,#3d9400,#398a00);
  background-image: -moz-linear-gradient(top,#3d9400,#398a00);
  background-image: -ms-linear-gradient(top,#3d9400,#398a00);
  background-image: -o-linear-gradient(top,#3d9400,#398a00);
  background-image: linear-gradient(top,#3d9400,#398a00);
  }
  .g-button-share:hover {
  border: 1px solid #2d6200;
  color: #fff;
  text-shadow: 0 1px rgba(0,0,0,0.3);
  background-color: #368200;
  background-image: -webkit-gradient(linear,left top,left bottom,from(#3d9400),to(#368200));
  background-image: -webkit-linear-gradient(top,#3d9400,#368200);
  background-image: -moz-linear-gradient(top,#3d9400,#368200);
  background-image: -ms-linear-gradient(top,#3d9400,#368200);
  background-image: -o-linear-gradient(top,#3d9400,#368200);
  background-image: linear-gradient(top,#3d9400,#368200);
  }
  .g-button-share:active {
  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
  -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
  }
  .g-button-red {
  border: 1px solid transparent;
  color: #fff;
  text-shadow: 0 1px rgba(0,0,0,0.1);
  text-transform: uppercase;
  background-color: #d14836;
  background-image: -webkit-gradient(linear,left top,left bottom,from(#dd4b39),to(#d14836));
  background-image: -webkit-linear-gradient(top,#dd4b39,#d14836);
  background-image: -moz-linear-gradient(top,#dd4b39,#d14836);
  background-image: -ms-linear-gradient(top,#dd4b39,#d14836);
  background-image: -o-linear-gradient(top,#dd4b39,#d14836);
  background-image: linear-gradient(top,#dd4b39,#d14836);
  }
  .g-button-red:hover {
  border: 1px solid #b0281a;
  color: #fff;
  text-shadow: 0 1px rgba(0,0,0,0.3);
  background-color: #c53727;
  background-image: -webkit-gradient(linear,left top,left bottom,from(#dd4b39),to(#c53727));
  background-image: -webkit-linear-gradient(top,#dd4b39,#c53727);
  background-image: -moz-linear-gradient(top,#dd4b39,#c53727);
  background-image: -ms-linear-gradient(top,#dd4b39,#c53727);
  background-image: -o-linear-gradient(top,#dd4b39,#c53727);
  background-image: linear-gradient(top,#dd4b39,#c53727);
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
  -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
  -ms-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
  -o-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
  box-shadow: 0 1px 1px rgba(0,0,0,0.2);
  }
  .g-button-red:active {
  border: 1px solid #992a1b;
  background-color: #b0281a;
  background-image: -webkit-gradient(linear,left top,left bottom,from(#dd4b39),to(#b0281a));
  background-image: -webkit-linear-gradient(top,#dd4b39,#b0281a);
  background-image: -moz-linear-gradient(top,#dd4b39,#b0281a);
  background-image: -ms-linear-gradient(top,#dd4b39,#b0281a);
  background-image: -o-linear-gradient(top,#dd4b39,#b0281a);
  background-image: linear-gradient(top,#dd4b39,#b0281a);
  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
  -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
  }
  .g-button-white {
  border: 1px solid #dcdcdc;
  color: #666;
  background: #fff;
  }
  .g-button-white:hover {
  border: 1px solid #c6c6c6;
  color: #333;
  background: #fff;
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
  -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
  box-shadow: 0 1px 1px rgba(0,0,0,0.1);
  }
  .g-button-white:active {
  background: #fff;
  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
  -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
  }
  .g-button-green:visited,
  .g-button-red:visited,
  .g-button-share:visited,
  .g-button-submit:visited {
  color: #fff;
  }
  .g-button-submit:focus,
  .g-button-share:focus,
  .g-button-green:focus,
  .g-button-red:focus {
  -webkit-box-shadow: inset 0 0 0 1px #fff;
  -moz-box-shadow: inset 0 0 0 1px #fff;
  box-shadow: inset 0 0 0 1px #fff;
  }
  .g-button-share:focus {
  border-color: #29691d;
  }
  .g-button-red:focus {
  border-color: #d14836;
  }
  .g-button-submit:focus:hover,
  .g-button-share:focus:hover,
  .g-button-red:focus:hover {
  -webkit-box-shadow: inset 0 0 0 1px #fff, 0 1px 1px rgba(0,0,0,0.1);
  -moz-box-shadow: inset 0 0 0 1px #fff, 0 1px 1px rgba(0,0,0,0.1);
  box-shadow: inset 0 0 0 1px #fff, 0 1px 1px rgba(0,0,0,0.1);
  }
  .g-button.selected {
  background-color: #eee;
  background-image: -webkit-gradient(linear,left top,left bottom,from(#eee),to(#e0e0e0));
  background-image: -webkit-linear-gradient(top,#eee,#e0e0e0);
  background-image: -moz-linear-gradient(top,#eee,#e0e0e0);
  background-image: -ms-linear-gradient(top,#eee,#e0e0e0);
  background-image: -o-linear-gradient(top,#eee,#e0e0e0);
  background-image: linear-gradient(top,#eee,#e0e0e0);
  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
  -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
  border: 1px solid #ccc;
  color: #333;
  }
  .g-button img {
  display: inline-block;
  margin: -3px 0 0;
  opacity: .55;
  filter: alpha(opacity=55);
  vertical-align: middle;
  pointer-events: none;
  }
  *+html .g-button img {
  margin: 4px 0 0;
  }
  .g-button:hover img {
  opacity: .72;
  filter: alpha(opacity=72);
  }
  .g-button:active img {
  opacity: 1;
  filter: alpha(opacity=100);
  }
  .g-button.disabled img {
  opacity: .5;
  filter: alpha(opacity=50);
  }
  .g-button.disabled,
  .g-button.disabled:hover,
  .g-button.disabled:active,
  .g-button-submit.disabled,
  .g-button-submit.disabled:hover,
  .g-button-submit.disabled:active,
  .g-button-share.disabled,
  .g-button-share.disabled:hover,
  .g-button-share.disabled:active,
  .g-button-red.disabled,
  .g-button-red.disabled:hover,
  .g-button-red.disabled:active,
  .g-button-green.disabled,
  .g-button-green.disabled:hover,
  .g-button-green.disabled:active,
  input[type=submit][disabled=disabled].g-button {
  background-color: none;
  opacity: .5;
  filter: alpha(opacity=50);
  cursor: default;
  pointer-events: none;
  }