html,body
{
	margin:0px;
	height:100%;
}

#scroll {
     width:100%;
     height:300px;
     background-color:#F2F2F2;
     overflow:auto;
}

#scroll2 {
     width:100%;
     height:200px;
     background-color:#F2F2F2;
     overflow:auto;
}

#scroll3 {
     width:100%;
     height:200px;
     background-color:#F2F2F2;
     overflow:auto;
}

.tableborder
{background-color:#FFFFFF;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px}
.tableborder:hover
{background-color:#EEEEEE;
 font-family: Arial, Helvetica, sans-serif;
 cursor:pointer;
 font-size: 10px}
 
 .buttons
{
	background-image:url('http://192.168.0.2/cs/images/save.png');
	background-repeat:no-repeat;
	width:32px;
	height:32px;
}

 .dials
{
	background-image:url('http://192.168.0.2/cs/images/dial.png');
	background-repeat:no-repeat;
	width:24px;
	height:24px;
}

 .stop
{
	background-image:url('http://192.168.0.2/cs/images/stop.png');
	background-repeat:no-repeat;
	width:24px;
	height:24px;
}

 .mute
{
	background-image:url('http://192.168.0.2/cs/images/mute.png');
	background-repeat:no-repeat;
	width:24px;
	height:24px;
}



#div_carga_edit{
	float:left; 
	position: relative;
    top:0;
    left:0;
    width:100%;
    height:100px;
	background-color:#666666;
	opacity: .65;
    filter: alpha(opacity=65);
	z-index:100;
}

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

.nameModule
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:19px;
	font-weight:bold;
	color:#FFFFFF;
}
.nameModuleDos
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFFFFF;
}

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


.degradado {
  /* Color alternativo para versiones que no soporten degradados */
  background-color:#999999;

  /* Safari 4+ y Chrome 1+ */
  background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #999999), color-stop(1, #CCCCCC));

  /* Safari 5.1+ y Chrome 10+ */
  background-image:-webkit-linear-gradient(#999999, #CCCCCC);

  /* Firefox 3.6+ */
  background-image:-moz-linear-gradient(top, #999999, #CCCCCC);

  /* Opera 11.10+ */
  background-image:-o-linear-gradient(top, #0A4999999797,#CCCCCC);

  /* Internet Explorer 5.5+ */
  filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#999999', EndColorStr='#CCCCCC');
}


.degradadoUno {
  /* Color alternativo para versiones que no soporten degradados */
  background-color:#FFFFFF;

  /* Safari 4+ y Chrome 1+ */
  background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #EDECE9));

  /* Safari 5.1+ y Chrome 10+ */
  background-image:-webkit-linear-gradient(#FFFFFF, #EDECE9);

  /* Firefox 3.6+ */
  background-image:-moz-linear-gradient(top, #FFFFFF, #EDECE9);
	
  /* Opera 11.10+ */
  background-image:-o-linear-gradient(top, #FFFFFF, #EDECE9);

  /* Internet Explorer 5.5+ */
  filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#FFFFFF', EndColorStr='#EDECE9');
}

.degradadoDos {
  /* Color alternativo para versiones que no soporten degradados */
  background-color:#3685B0;

  /* Safari 4+ y Chrome 1+ */
  background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #3685B0), color-stop(1,#0A4797));

  /* Safari 5.1+ y Chrome 10+ */
  background-image:-webkit-linear-gradient(#3685B0, #0A4797);

  /* Firefox 3.6+ */
  background-image:-moz-linear-gradient(top, #3685B0,#0A4797);

  /* Opera 11.10+ */
  background-image:-o-linear-gradient(top, #3685B0,#0A4797);

  /* Internet Explorer 5.5+ */
  filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#3685B0', EndColorStr='#0A4797');
}

.Estilo1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
.Estilo2 {
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
}
.Estilo3 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
}

.Estilo100 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color:#333333;
}


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

.punto
{
	font-size:50px;
	color:#00FF00;
}

.textfield_effect {
/*we will first set the border styles.*/
border-width: 1px;
border-style: solid;
border-color: #999999;
/*we are now going to add in the shadow image that we created earlier*/
background-image: url(back_field.gif);
background-repeat: repeat-x;
/*I am going to add some text formatting of my own*/
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #333333;
width: 200px;
height: 20px;
}
/*we are now going to style how the textfield will look when we
hover over it and when we actually have it selected*/
.textfield_effect:hover {
border-color: #64acd8;
border-width: 1px;
}
.textfield_effect:focus {
border-color: #64acd8;
border-width: 1px;
}
/*you may also like to add some styles for the rest of the form*/
fieldset {
width: 400px;
height: 200px;
border-style: solid;
border-width: 1px;
border-color: #036399;
margin-left: auto;
margin-right: auto;
background-color: #F5F5F5;
}
fieldset:hover {
border-color: #0ca0ff;
background-color:#CCCCCC;
}
legend {
font-family: sans-serif;
font-size: 18px;
color: #097bc3;
font-weight: bold;
}

.design3{
background-color:#FFFFEF;
border:1px solid #999999;
padding:2px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
color: #000;
height: 25px;
}

.design3:hover{
background-color:#EFEFEF;
border:1px solid #999999;
padding:2px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
color: #000;
height: 25px;
}

.design3:focus{
background-color:#FFFFCC;
border:1px solid #999999;
padding:2px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
color: #000;
height: 25px;
}

.select {
  -webkit-appearance: button;
  -webkit-border-radius: 2px;
  border-radius:5px;
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
  -webkit-padding-end: 20px;
  -webkit-padding-start: 2px;
  -webkit-user-select: none;
  background-image: url(../images/select-arrow.png), 
    -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
  background-position: center right;
  background-repeat: no-repeat;
  border: 1px solid #AAA;
  color: #555;
  font-size:14px;
  margin: 0;
  overflow: hidden;
  padding-top: 2px;
  padding-bottom: 2px;
  text-overflow: ellipsis;
  white-space: nowrap;

}

.degradadoInput {
	  /* Color alternativo para versiones que no soporten degradados */
	  background-color:#CCCCCC;
	
	  /* Safari 4+ y Chrome 1+ */
	  background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #CCCCCC), color-stop(1, #FFFFFF));
	
	  /* Safari 5.1+ y Chrome 10+ */
	  background-image:-webkit-linear-gradient(#CCCCCC, #FFFFFF);
	
	  /* Firefox 3.6+ */
	  background-image:-moz-linear-gradient(top, #CCCCCC, #FFFFFF);
	
	  /* Opera 11.10+ */
	  background-image:-o-linear-gradient(top, #CCCCCC, #FFFFFF);
	
	  /* Internet Explorer 5.5+ */
	  filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#CCCCCC', EndColorStr='#FFFFFF');
	}