@media only screen and (max-device-width: 800px), screen and (max-width: 800px) {
  .demo_wrapper {
    width: 80%;
  }  
}
.demo_block {
	width: 100%;
}


caption {
font-size: 18px;
color: white;
padding: 15px;
background: #78b4fe;
background-size: contain;
border-radius: 5px 5px 0px 0px;
-moz-border-radius: 0px 5px 0px 0px;
}


div 
{
    margin:0px 0px 0px 0px;
    border-style:none;
    border-width:0px;

}
p {
    margin: 0 0 3px 0; 
    padding: 0;

}  

h1, h2, h3, h4, h5, h6 
{
    margin: 0 0 2px 0; 
    padding: 0;
    text-align:center;
} 

form {
    margin: 0; 
    padding: 0;

}

.cssEncabezado 
{
   font-family:inherit ;
   font-size:22px;
   font-weight:bold;
   color:#006e8b;
  
}

.cssPiePagina 
{
    background-color:rgb(77,77,77);
    color:rgb(230,230,230);
    font-family:'Century Gothic';
}

.cssContenidoPagina
{
    background-color:rgb(227,227,227);    
    font-family:'Century Gothic';    
    vertical-align:top; 
}

.cssMargen 
{
    width:100%; 
    height:20px; 
    background-color:white;
}

table.tabla_sin {

  border-collapse:collapse;

  border: none;

}

td.celda_sin {

  padding: 0;

}

.cssDivRedondeado {
    khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color: white;
    height:200px;
    width:200px;
    border-color:Gray;
    border-width:1px;
    border-style:solid;
    
    /*efecto de Sombra*/
    position:relative;      
    -webkit-box-shadow:0 0px 4px #777, 0 0 20px #CCC inset;
    -moz-box-shadow:0 0px 4px #777, 0 0 20px #CCC inset;
    box-shadow:0 0px 14px #777, 0 0 20px #CCC inset;
}

.divRedondeado 
{
    border: 1px dashed #ccc;
	float: left;	
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border: 0px solid #403a40;    
    min-width:200px;
    max-width:95%;
    max-height:99%;
    padding:20px 10px;    
    background-color:#f7f7f7;
}



.divRedondeadoTickets 
{
    border: 1px dashed #ccc;
	float: left;	
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border: 0px solid #403a40;    
    min-width:200px;
    max-width:98%;
    max-height:99%;
    padding:20px 10px;    
    background-color:#f7f7f7;
}

.cssIndicador {
    font-size: 30px !important;
    color: #0fe103 !important;
}

/************************************************************************************/


/************************************************************************************/

#col-conten {
	width: 49%;	
	border: 1px dashed #ccc;
	float: left;	
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border: 0px solid #403a40;
    min-height:200px;
    min-width:200px;
    max-width:95%;
    max-height:99%;
    padding:20px 10px;    
    background-color:#f7f7f7;
}
#columns {
	 float: right;
	 width: 25%;	
	 padding-bottom: 3px;
     border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
     border: 0px solid #403a40;
     background-color:#f7f7f7;
     padding:20px 10px;  
     margin-right:40px;
     border: 0px solid #403a40;
}
.colum1 {
	float:left;
	width: 49%;
	border: 1px dotted #CCC;
	}
.colum2 {
	float: right;
	width: 49%;	
	border: 1px dotted #CCC;
}

@media screen and (max-width: 769px) {
 
#col-conten {
	width: 95%;
	max-width: 95%;
}
#columns {
	width: 95%;
	max-width: 95%;
	border: 0px solid #403a40;
	margin-top:20px;
    margin-right:0px;
    padding-left:50px;

}
.colum1 {
	float:left;
	/*width: 49%;*/
	border: 1px dotted #CCC;
	}
.colum2 {
	float: right;
	/*width: 49%;*/	
	border: 1px dotted #CCC;
}
}



/************************************************************************************/
.cssDivRedondeadoSinefecto {
    khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    
    background-color: white;
    min-height:200px;
    min-width:200px;
    border-color:Gray;
    border-width:1px;
    border-style:solid;
  
}

.cssDivCentrado
{
  display:block;
  margin-left: auto;
  margin-right: auto; 
  width:960px; 
  text-align:center; 
  /*background-color:blue;*/
}

.cssEtiquetaAccesoRapido 
{
    background-color:rgb(255, 255, 255);
    color:rgb(110,110,110);
    font-family:'Century Gothic';
    font-size:12px;
    font-weight: bold;
    text-align:justify;
}

.cssEtiqueta 
{
    background-color:transparent;
    color:rgb(110,110,110);
    font-family: 'source-sans-pro', Helvetica, Arial, sans-serif;
    font-size:14px;
    /*font-weight: bold;*/
    text-align:left;
}

.cssEtiquetaTitulo 
{
    background-color:transparent;
    color:red;
    font-family:'Century Gothic';
    font-size:16px;
    font-weight: bold;
    text-align:justify;
}

.cssEtiquetaLogin
{
    background-color:transparent;
    color:rgb(255,255,255);
    font-family: 'source-sans-pro', Helvetica, Arial, sans-serif;
    font-size:14px;
    /*font-weight: bold;*/
    text-align:left;
}

.cssEtiquetaTituloLogin 
{
    background-color:transparent;
    color:white;
    font-family:'Century Gothic';
    font-size:24px;
    font-weight: bold;
    text-align:justify;
}
.cssEtiquetaDetalle
{
    background-color:transparent;
    color:gray;
    font-family:'Century Gothic';
    font-size:12px;
    font-weight: bold;
    text-align:justify;
}

.cssEtiquetaPrecio
{
    background-color:transparent;
    color:black;
    font-family:'Century Gothic';
    font-size:14px;
    font-weight: bold;
    text-align:justify;
}

.cssEtiquetaPe
{
    background-color:transparent;
    color:black;
    font-family:'Century Gothic';
    font-size:10px;    
    text-align:justify;
}

.cssFormulario
{
    border: 1px solid #dcdcdc;
    *zoom:1: ;
    padding: 20px 2em;
    margin-top: 10px;
    -webkit-box-shadow: rgba(255, 255, 255, 0.7) 0 1px inset;
    -moz-box-shadow: rgba(255, 255, 255, 0.7) 0 1px inset;
    box-shadow: inset 0px 1px rgba(255,255,255,0.7);
    position: relative;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    background-color: rgba(244,244,244,0.9);
}


.cssFormularioLogin
{
    border: 1px solid #dcdcdc;
    *zoom:1: ;
    padding: 20px 2em;
    margin-top: 10px;
    -webkit-box-shadow: rgba(255, 255, 255, 0.7) 0 1px inset;
    -moz-box-shadow: rgba(255, 255, 255, 0.7) 0 1px inset;
    box-shadow: inset 0px 1px rgba(255,255,255,0.7);
    
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    background-color:#006e8b;
    position:absolute; 
    top:50%; 
    left:50%; 
    width:400px; 
    height:200px; 
    margin-top: -250px;
    margin-left: -250px;

    /*efecto de Sombra*/   
    -webkit-box-shadow:0 0px 4px #777, 0 0 20px #CCC inset;
    -moz-box-shadow:0 0px 4px #777, 0 0 20px #CCC inset;
    box-shadow:0 0px 14px #777, 0 0 20px #CCC inset;
}
.cssTextBox
{
    display: inline-block;
    height: 22px;
    /*padding: 4px 6px;*/
    margin-bottom: 4px;
    font-size: 13px;
    line-height: 16px;
    color: #555;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;    
    outline: 0;        
    background-color: white;
    border: 1px solid #ccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border linear .2s, box-shadow linear .2s;
    -moz-transition: border linear .2s, box-shadow linear .2s;
    -o-transition: border linear .2s, box-shadow linear .2s;
    transition: border linear .2s, box-shadow linear .2s;
    background-color: rgb(205, 233, 251)
}

.cssTextBoxBoqueado
{
    display: inline-block;
    height: 16px;
    padding: 4px 6px;
    margin-bottom: 9px;
    font-size: 13px;
    line-height: 16px;
    color: #ffffff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;    
    outline: 0;        
    background-color: Gray;
    border: 1px solid #ccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border linear .2s, box-shadow linear .2s;
    -moz-transition: border linear .2s, box-shadow linear .2s;
    -o-transition: border linear .2s, box-shadow linear .2s;
    transition: border linear .2s, box-shadow linear .2s;
}

.cssDropDownList
{
    display: inline-block;
    padding: 4px 6px;
    margin-bottom: 9px;
    font-size: 13px;
    line-height: 16px;
    color: #555;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
        
}


.cssBoton
{
    display: inline-block;
    *border-left: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9;
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #bfbfbf;
    display:inline:;
    *zoom:1:;
    padding: 5px 15px;
    margin-bottom: 0px;
    font-size: 14px;
    line-height: 18px;
    *line-height:18px:;
    color: #333;
    text-align: center;
    text-shadow: 0px 1px 1px rgba(255,255,255,0.75);
    vertical-align: middle;
    cursor: pointer;
    position: relative;
    z-index: 1;
    background-color: #f5f5f5;
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    *-webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    margin-left: .3em:;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.2), 0px 1px 2px rgba(0, 0, 0, 0.05);
    background-image: linear-gradient(top, #ffffff,#e6e6e6);
}


.cssBotonAzul
{
    display: inline-block;
    *border-left: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9;
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #bfbfbf;
    display:inline:;
    *zoom:1:;
    padding: 5px 15px;
    margin-bottom: 0px;
    font-size: 14px;
    line-height: 18px;
    *line-height:18px:;
    color: rgba(255,255,255,0.75);
    text-align: center;
    text-shadow: 0px 1px 1px rgba(255,255,255,0.75);
    vertical-align: middle;
    cursor: pointer;
    position: relative;
    z-index: 1;
    background-color: rgb(26,19,98);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    *-webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    margin-left: .3em:;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.2), 0px 1px 2px rgba(0, 0, 0, 0.05);
    background-image: linear-gradient(top, #ffffff,#e6e6e6);
}


.cssFondoContacto 
{
    background-image:url(./images/contacto-01.png);
}


/***Menu***/

.AccordionHeader {


    border: 1px solid white;
    color:white;
    background-color:GrayText;
    padding:0px;
    margin-top:0px;
    cursor:pointer; 
    font-family:'Century Gothic';
    height:30px;
}


.AccordionHeaderSelected {
    border: 1px solid white;
    color:white;
    background-color:red;
    padding:0px;
    margin-top:0px;
    cursor:pointer; 
    font-family:'Century Gothic';
     height:30px;

}

/* example_6 css */
#example_6 {
	position: relative; /* important */
	overflow: hidden; /* important */
	width: 640px; /* important */
	height: 540px; /* important */
	margin: 0;
	background: #fff;
}

#example_6_content {
	position: absolute;
	top: 0;
	margin-left: 0;
}

#example_6_content
#example_6_content li {
	list-style: none;
	margin: 0;
	padding: 0;
}
	#example_6_content {
		width: 13440px;
	}
	#container_bd #example_6 ul li {
		display: block;
		float: left;
		margin: 0;
		padding: 0;
		border: none;
		background-color: #fff;
	}

#container_bd #example_6 ul li img {
	display: block;
}

#example_6_frame {
	position: relative;
	margin: 485px 131px 0 131px;
}
#container_bd #example_6_frame ul li {
	margin: 0 2px;
}
#container_bd #example_6_frame ul li img{
	border: 1px solid #9cf;
	padding: 2px;
}
#container_bd #example_6_frame ul li img:hover {border: 1px solid #369;}


/*Definicion Css para ajustar div a contenido*/
.clearfix:after {
        content: ".";
        display: block;
        clear: both;
        visibility: hidden;
        line-height: 0;
        height: 0;
      }
.clearfix {
        display: inline-block;
      }
html[xmlns] .clearfix {
        display: block;
      }
* html .clearfix {
height: 1%;
      }



/*Estilos del grid*/
        
.DataGrid_AlternatingItem
 {
     background-color: #12a0bf;     
     color: white;
     font-size: 14px;
     font-family:inherit;
     font-weight: normal;
 }
 .DataGrid_Container
 {
     background-color: rgb(255,255,255);
     border: none;

 }
 .DataGrid_Footer
 {
     background-color: #006063;
     color: #fff;
     font-size:10px;
     /*font-weight:bold;*/     
 }
 .DataGrid_Header
 {
     background-color: #006e8b;
     color:white;
     font-family:inherit;
     font-size: 14px;
     
     text-align:left;
     border: none;
     min-height:50px;
 }
 .DataGrid_Item
 {
     background-color: #CCC;
     color: Black;
     font-size: 14px;
     font-family:inherit;
     font-weight: normal;
     border:0 none transparent;
 }
 .DataGrid_SelectedItem
 {
     background-color: rgb(233, 136, 16);
     color: black;
     font-size: 14px;
     font-family:inherit;
     font-weight: normal;
 }

.container {
    padding-right: 0px;
    padding-left: 0px;
    width: 100%;
}

 .container:before,.container:after
 {
      display:table;
      content:" ";
 }

 .container:after
 {
     clear:both;
 }

 .container:before,.container:after
  {
     display:table;
     content:" ";

 }

 .container:after
 {
     clear:both;
 }

 .form-group
 {
     margin-bottom:15px;  
 }

 .form-control:-moz-placeholder
 {
     color:#999;

 }
 
 .form-control::-moz-placeholder
 {
     color:#999;

 }
 
 .form-control:-ms-input-placeholder
 {
     color:#999;

 }
 
 .form-control::-webkit-input-placeholder
 {
     color:#999;

 }
 
 .form-control
 {
     display:block;
     width:97%;
     height:38px;
     /*padding:4px 55px;*/
     padding-left:2%;
     font-size:14px;
     line-height:1.428571429;
     color:#555;
     vertical-align:middle;
     background-color:#fff;
     border:1px solid #ccc;
     border-radius:4px;
     -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
     box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
     -webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
     transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;     
 }

 .form-control:focus
 {
     border-color:rgba(82,168,236,0.8);
     outline:0;
     -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);
     box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6)

 }
 
 .form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control
 {
     cursor:not-allowed;
     background-color:#eee;
 }
 
 textarea.form-control
 {
     height:auto;
     vertical-align:text-top;
 }

 .cssContenedorTabla 
{    
    background-color:rgb(194, 198, 200);
    color:black; 
    margin: 2px 2px;
    border-radius: 5px;       
}

 .cssContenedorTablaActiva 
{    
    background-color:rgb(81, 142, 182); 
    margin: 2px 2px; 
    color:white;   
    border-radius: 5px;       
}

.cssCentradoVertical 
{
     vertical-align:middle;
}

 .cssEncabezadoTabla 
{         
    background-color:rgb(81, 142, 182);
}


/* Popup*/

.CssFondoAplicacion
{
    position: absolute;
    z-index: 100000;
    background-color: Gray;
    filter: alpha(opacity=50);
    opacity: 0.5;
}

.cssContenidoPop 
{
    z-index:100001;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);

}

.cssPosicionar 
{
   z-index:100001;
    position: absolute;
    left: 50%;
    top: 450px;   
    -webkit-transform: translate(-50%, -50%);
}

.cssBloquearPantalla
{
    width: 100%;
    background-color: Gray;
    moz-opacity: 0.5; 
    khtml-opacity: .5;
    opacity: .5; 
    filter: alpha(opacity=50); 
    z-index: 10000000;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.cssProgressMessage
{
    z-index: 100001;
    background-color:transparent;
    position: absolute;
    border: none;
    padding: 5px 5px 5px 5px;
    text-align: center;
    font-family: Arial;
    font-size: small;    
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.cssOcultar 
{
    visibility:hidden;
    width:0px;
}

/** upload File AJAX  */

.ajax__fileupload {
    padding: 4px;
    /*border: #D3D3D3 1px solid;
    */

    khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    
    background-color:#CCC;
    height:200px;
    width:99%;
    overflow: auto;
    border-color:#CCC;
    border-width:1px;
    border-style:solid;      
}

.ajax__fileupload_selectFileContainer {
    height: 36px;
    line-height: 24px;
}

.ajax__fileupload_selectFileButton {
    display: inline-block;
    padding: 3px 2px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}

.ajax__fileupload_selectFileButton:hover {
    background-color: #000000;
    color: #ffffff;
}

.ajax__fileupload_topFileStatus {
    color: rgb(127, 126, 126);
}

.ajax__fileupload_ProgressBarHolder 
{
    margin-right: 70px;
    _margin-right: 0;
}

.ajax__fileupload_uploadbutton {
     cursor: pointer;
    color: #fff;
    background-color: #428bca;
    border-color: #357ebd;
    display: inline-block;
    padding: 0px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;    
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    width: 60px;
}

.ajax_fileupload_cancelbutton {
    display: inline-block;
    padding: 0px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;  
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236;
    width:60px;
}

.ajax__fileupload_dropzone {
    border-style: dotted; 
    border-width: 1px; 
    line-height: 50px; 
    text-align:center;
    _text-align:left; /* IE Only */
    margin-bottom:2px;
    background-color:white;
}

.ajax__fileupload_queueContainer 
{
    border: #A9A9A9 0px solid;
    border-width: 0px;     
    margin-top:2px; 
    padding:0px;
    clear: both;
}

.ajax__fileupload_progressBar {
    padding-left:4px; 
    background-color: #8DBDFD; 
}

.ajax__fileupload_footer {
    margin-top: 2px;
    line-height: 20px;
    height: 20px;
}

.ajax__fileupload_fileItemInfo {
    line-height: 25px;
    height: 25px;
    margin-bottom: 2px;
    overflow: hidden;
    border-bottom:#A9A9A9 1px dotted;    
}

.ajax__fileupload_fileItemInfo .filename {
    font-weight:normal;
}

.ajax__fileupload_fileItemInfo .uploadstatus {
    font-style: italic;
}

.ajax__fileupload_fileItemInfo .removeButton {
    display: inline-block;
    padding: 0px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;  
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236;
    width:60px;
}

.ajax__fileupload_fileItemInfo .uploadedState {
   color: #060;
    background-color: #fff;
}

.ajax__fileupload_fileItemInfo .uploadingState {
    color: #FF9900;
    background-color: #fff;
}

.ajax__fileupload_fileItemInfo .pendingState {
    color: black;
    background-color: transparent;
}

.ajax__fileupload_fileItemInfo .errorState {
    color: #ffffff;
    background-color: #ff0000;
}

.ajax__fileupload_fileItemInfo .cancelledState {
    color: #900;
    background-color: #fff;
}

/*Check*/
.ajax__fileupload_selectFileContainer {
	display: inline-block;
    overflow: hidden;
    position: relative;
    width: 120px;
    /*float: left;*/
}

.ajax__fileupload_selectFileContainer input {
    border: medium none;
    cursor: pointer;
    height: 40px;
    margin: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.ajax__fileupload_fileItemInfo 
{
    position: relative;
    z-index: 0;
}

.ajax__fileupload_fileItemInfo div
{
    display: inline-block;
}

.ajax__fileupload_fileItemInfo div.removeButton 
{
    position: absolute;
    top: 0;
    right: 0;
}

.pendingState 
{
    font-family:Arial;
    font-size:13px;
}

select 
{
    width: 100%;
    color: #000;
    min-height:35px;
    font-size: 14px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    margin: 2px 0 2px 0;
    border-radius: 5px;
    padding: 2px;
}


span {
vertical-align:top;
}

/*-----------------------------------------------------------------------*/

.RadUploadProgressArea 
{
	width: 430px;
	text-align: left;
	background-color: red;
}

.RadUploadProgressArea_Default input 
{
	font: normal 11px/10px "Segoe UI", Arial, sans-serif;
	color: white;
	font-size: 14px;
}

.RadUpload_Default .ruRemove {
color: #333;
}

.RadUpload_Default .ruButton, .RadUploadProgressArea_Default .ruButton {
    background-image: none;
    display: inline-block;
    border-right: 1px solid #d9d9d9;
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #bfbfbf;
    display: inline;
    padding: 5px 15px;
    margin-bottom: 0px;
    font-size: 14px;
    line-height: 18px;
    color: #333;
    text-align: center;
    text-shadow: 0px 1px 1px rgba(255,255,255,0.75);
    vertical-align: middle;
    cursor: pointer;
    position: relative;
    z-index: 1;
    background-color: #f5f5f5;
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    margin-left: .3em:;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.2), 0px 1px 2px rgba(0, 0, 0, 0.05);
    background-image: linear-gradient(top, #ffffff,#e6e6e6);
}

.ruButton, .RadUploadProgressArea_Default .ruButton {
   
}

.RadUpload .ruUploadSuccess {
background-position: 0 18%;
font-size: 14px;
}

.RadUpload .ruFakeInput {
    background-color:white;   
    height: 32px;
    color: #000;
    font-size: 14px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    margin: 2px 0 2px 0;
    border-radius: 5px;
    padding: 2px;   
}

/*.RadAsyncUpload span.ruFileWrap {
padding-left: 0;
height: 45px;
}*/

.RadAsyncUpload span.ruFileWrap {
padding-left: 0;
height: 40px;
vertical-align: bottom;
margin-right:5px;
}

.RadUpload .ruInputs, .RadUploadProgressArea .ruProgress {
list-style: none;
margin: 0;
padding: 0;
text-align: right;
}



tr.pgr.td {
    padding:15px;
}

.pgr
{
    margin: 3px 0;
    border-width: 0; 
    padding: 0 6px; 
    border-left: solid 1px #666; 
    font-weight: bold; 
    color: #fff; 
    line-height: 12px; 
    color: Gray; 
    text-decoration: none;
}

td {
     padding:1px;
}