/* default text and background colors */
body {
  color:#174258;
  background-color: #fff;
  background-image: url(../images/bg.gif);
  background-repeat: repeat;
}

.Titulo
{
	font-family: Verdana;
	font-size: small;	
	font-weight:bold;
	color: #006699;
	text-align:left;
}

.TituloDepto
{
	font-family: Verdana;
	font-size: small;	
	font-weight:bold;
	color: #006699;
	text-align:center;
}

.Respuesta{
  font-family: Verdana;
	font-size: small;		
	color: #000; 
}

.TituloSlas
{
    font-size: 20px;
    font-weight:bold;
    color: #006699;
    font-family:Verdana;
}

.TituloSlas2
{
    font-size: 25px;
    font-weight:bold;
    color: #FE7700;
    font-family:Verdana;
}

.Subtitle
{
    font-size: 20px;
    color: #FE7700;
    font-family:Verdana;
}

.Subtitle2
{
    font-size: 18px;
    color: #FE7700;
    font-family:Verdana;
}

.TituloSubSeccion
{
	font-family: Verdana;
	font-size: 14px;	
	font-weight:bold;
	color: #FE7700;
	text-align:center;
}

 /*=======================================================*/
/*Gridview*/
.GvTitle{
	font-family: Verdana;
	font-size: 10.5px;
	font-weight: bold;
	color: #ffffff;
	font-style: italic;    
    background-color :#353333;
    border-style:none;   
}

.GvTitle th{
     border-bottom-style:none ; 
     border-top-style:none ; 
     border-left-style:solid ; 
     border-right-style:solid; 
     border-color:#FFFFFF;
     border-width:1px;
     padding-left :5px;
     padding-right:5px;
     padding-top :4px;
     padding-bottom:4px;
     font-size: 10.5px;
     font-family: Verdana;
}
.GvFooter{
	font-family: Verdana;
	font-size: 10.5px;
	font-weight: bold;
	color: #FFFFFF;
	font-style: italic;    
    background-color :#09509E;
    border-style:none;    
}
.GvFooter td{
     border-bottom-style:none ; 
     border-top-style:none ; 
     border-left-style:solid ; 
     border-right-style:solid; 
     border-color:#FFFFFF;
     border-width:1px;
     padding-left :5px;
     padding-right:5px;
     padding-top :2px;
     padding-bottom:2px;
     font-size: 10.5px; 
     font-family: Verdana;    
}
.GvRow
{
    background-color :#9EC6F2;
    font-family:Verdana;
	font-size: 10.5px;
	color: #000000;    
    border-style:none;
}
.GvRow td{
     border-bottom-style:none ; 
     border-top-style:none ; 
     border-left-style:solid ; 
     border-right-style:solid; 
     border-color:#FFFFFF;
     border-width:1px;
     padding-left :5px;
     padding-right:5px;
     padding-top:2px;
     padding-bottom:2px;
     font-size: 10.5px;
     font-family: Verdana;
}
.GvAlternate{
    background-color :#ffffff;
    font-family: Verdana;
	font-size: 10.5px;
	color: #000000;   
    border-style:none;	   
}
.GvAlternate td{
     border-bottom-style:none ; 
     border-top-style:none ; 
     border-left-style:solid ; 
     border-right-style:solid; 
     border-color:#FFFFFF;
     border-width:1px;
     padding-left :5px;
     padding-right:5px;
     padding-top:2px;
     padding-bottom:2px;
     font-size: 10.5px;
     font-family: Verdana;
}

.GvRowDepto
{
    background-color :#fae492;
    font-family: Verdana;
	font-size: 11px;
	color: #000000;    
    border-style:none;
    text-align:center;
}
.GvRowDepto td{
     border-bottom-style:none ; 
     border-top-style:none ; 
     border-left-style:solid ; 
     border-right-style:solid; 
     border-color:#FFFFFF;
     border-width:1px;
     padding-left :5px;
     padding-right:5px;
     padding-top:2px;
     padding-bottom:2px;
     font-size: 11px;
     text-align:center;
     width:92px;
     font-family: Verdana;
}
.GvAlternateDepto{
    background-color :#d8d8d8;
    font-family: Verdana;
	font-size: 11px;
	color: #000000;   
    border-style:none;
    text-align:center;	   
}
.GvAlternateDepto td{
     border-bottom-style:none ; 
     border-top-style:none ; 
     border-left-style:solid ; 
     border-right-style:solid; 
     border-color:#FFFFFF;
     border-width:1px;
     padding-left :5px;
     padding-right:5px;
     padding-top:2px;
     padding-bottom:2px;
     font-size: 11px;
     text-align:center;
     width:92px;
     font-family: Verdana;
}
.GvRowExecutive
{
    background-color :#9EC6F2;
    font-family: Verdana;
	font-size: 11px;
	color: #000000;    
    border-style:none;
/*    text-align:center;*/
}
.GvRowExecutive td{
     border-bottom-style:none ; 
     border-top-style:none ; 
     border-left-style:solid ; 
     border-right-style:solid; 
     border-color:#FFFFFF;
     border-width:1px;
     padding-left :5px;
     padding-right:5px;
     padding-top:2px;
     padding-bottom:2px;
     font-size: 11px;
     /*text-align:center;*/
     width:100px;
     font-family: Verdana;
}
.GvAlternateExecutive{
    background-color :#ffffff;
    font-family: Verdana;
	font-size: 11px;
	color: #000000;   
    border-style:none;
    /*text-align:center;*/
}
.GvAlternateExecutive td{
     border-bottom-style:none ; 
     border-top-style:none ; 
     border-left-style:solid ; 
     border-right-style:solid; 
     border-color:#FFFFFF;
     border-width:1px;
     padding-left :5px;
     padding-right:5px;
     padding-top:2px;
     padding-bottom:2px;
     font-size: 11px;
     /*text-align:center;*/
     width:100px;
     font-family: Verdana;
}
.GvFooterExecutive{
	font-family: Verdana;
	font-size: 10.5px;
	font-weight: bold;
	color: #FFFFFF;
	font-style: italic;    
    background-color :#09509E;
    border-style:none;    
}
.GvFooterExecutive td{
     border-bottom-style:none ; 
     border-top-style:none ; 
     border-left-style:solid ; 
     border-right-style:solid; 
     border-color:#FFFFFF;
     border-width:1px;
     padding-left :5px;
     padding-right:5px;
     padding-top :2px;
     padding-bottom:2px;
     font-size: 10.5px;
     font-family: Verdana;
}
.GvEmpty{
    background-color :#FFFFFF;
    font-family: Verdana;
	font-size: 10.5px; 
	color:Red;
    border-style:none;    
}   
    .GvAlternate1 td{
     border-style:none;
    border-width:0px;
    padding-left :0px;
    padding-right:0px;   
    }
    
 .GvRowr{
    background-color :#999999;
    font-family: Verdana;
	font-size: 10.5px;
	color: #000000;    
    border-style:none;
}
.GvRowr td{
     border-bottom-style:none ; 
     border-top-style:none ;     
     border-color:#FFFFFF;     
     padding-left :0px;
     padding-right:0px;
     padding-top:0px;
     padding-bottom:0px;
}
.GvAlternater{
    background-color :#CCCCCC;
    font-family: Verdana;
	font-size: 10.5px;
	color: #000000;   
    border-style:none;	   
}
.GvAlternater td{
     border-bottom-style:none ; 
     border-top-style:none ; 
     border-left-style:solid; 
     border-right-style:solid; 
     border-color:#FFFFFF;
     border-width:0px;
     padding-left :0px;
     padding-right:0px;
     padding-top:0px;
     padding-bottom:0px;
     font-family: Verdana;
}   

.GvTitle1{
	font-family: Verdana;
	font-size: 10.5px;
	font-weight: bold;
	color: #ffffff;
	font-style: italic;    
    background-color :#09509E;
    border-style:none;   
}
.GvTitle1 td{
     border-bottom-style:none ; 
     border-top-style:solid ;      
     border-left-style:solid ; 
     border-right-style:none; 
     border-color:#FFFFFF;
     border-width:1px;
     padding-left :5px;
     padding-right:5px;
     padding-top:2px;
     padding-bottom:2px;
     font-size: 10.5px;
     font-family: Verdana;
}

.GridPagerEstilo{font-family: Verdana;font-size:x-small ;  
                background-color:#ffffff; Color: #ff0000; }




/* default link color */
a { color:#006699; text-decoration: none; }

/* default link hover color */
a:hover { color:#DB8606; text-decoration: none; }


#container {
    background:#fff;
    border-color:#ccc;
}

#loginform, #ticketform {
  background:#f1f1f1;
  border-color:#ccc;
}

/* bottom border of header */
#header {
  border-color:#000;
}

/* "SUPPORT TICKET SYSTEM" default text */
#header p {
  color:#666;
}

/* "SUPPORT TICKET" color */
#header p span {
  color:#fe7700;
}

/* top nav background and bottom border */
#nav {
  background:#f1f1f1;
  border-color:#ccc;
}

/* nav link color */
#nav li a {
  color:#006699;
  font-weight:bold;
}

/* nav link hover color */
#nav a:hover {
  color:#fe7700;
}

/* footer background and border */
#footer {
  background:#f1f1f1;
  border-color:#ccc;
}

/* Headings */
h1 {
  color:#fe7700;
}
h2 {
  color:#333;
}
h3 {
  color:#666;
}


/* Data Table */
table.tgrid {
 border-left: 1px solid;
}

table.tgrid td {
  border:1px solid;
  border-top:none;
  border-left:none;
}

table.tgrid th {
  color: #FFF;
  font-size: 12px; 
  font-weight:bold;
}


table.tgrid, table.tgrid td, table.tgrid th {
  border-color:#ADADAD;
}

/* Table headings */
table.tgrid th {
  background:#ADADAD;
  color:#FFF;
}

table.tgrid th a, table.tgrid th a:hover {
  color:#FFF;
  text-decoration:underline;
}

/* row highlighting on hover */
.tgrid tr:hover td {  background-color: #FFFFDD; }

/* Alt rows used on most data tables */
.row1 { background-color: #F4FAFF; }
.row2 { background-color: #FFFFFF; }

/* auto-highlight */
.row1.highlight td,.row2.highlight td {
    background-color: #FFFFDD;
}


/* mesages, warning and errors */
.error {
    color: #FF0000;
}

.msg {
    color:#006699;
}

#infomessage {
  background-color: #390;
  border-color: #390;
  color: #390;
  background: #CFC;
}

#errormessage {
    border-color: #903;
    background-color: #fcc;
    color: #903;
}

#warnmessage {
    border-color: #fad163;
    background-color: #fdedc1;
}

/* Input buttons/submits colors*/
.button {
    background-color: #DB8606;
    color: #FFF;
    border-color: #666;
}

/* Assorted number of tables used on view ticket.*/

table.infotable td, table.infotable th {
    background-color: #F4FAFF;
}

table.infotable th {
    font-weight:bold;
    text-align:left;
    padding-left:3px;
}

/* Response & message background */
table.message, table.response {
    border-color:#ADADAD;
}

/* Message title */
table.message th {
    background-color: #C3D9FF;
}
/* Response title */
table.response th {
    background-color: #FFE0B3;
}

/* message & response header */
table.message tr.header td, table.response tr.header td {
    background-color: #EFEFEF;
    border-color:#ccc;
}

/* table cells bg */
table.message td, table.response td {
  background-color: #FAFAFA;
}

.rcol h3, .lcol h3 { color:#006699; }

hr { border:none; border-bottom:1px solid #ccc; margin:10px 0 10px 0; }

.tooltip_elemento {
    position: relative;
}
.tooltip {
    display: none;
    position: absolute;
    width: 300px;    
    padding: 10px;
    margin: 0 0 12px 0;    
    z-index: 100;
    bottom: 100%;
    background: #000;
    color: #fff;
    font-family:Verdana;
    text-align: left;
    font-weight: bold;
    font-size: 14px;
}
.tooltip:after {
    content: "";
    position: absolute;
    bottom: -14px;
    z-index: 100;
    border: 0 solid #FDD017;
    border-bottom: 14px solid transparent;
    border-left-width: 10px;
    width: 50%;
    left: 50%;
}
  
.tooltip:before {
    content: "";
    position: absolute;
    border: 0 solid #FDD017;
    bottom: -14px;
    z-index: 100;
    border-right-width: 10px;
    border-bottom: 14px solid transparent;
    width: 50%;
    right: 50%;
}