@charset "utf-8";

/* Estilos generales y Estructura
---------------------------------*/
body{font-family:"Trebuchet MS",MetaBlack,sans-serif;font-size:11px;background:#fbfbfb;color:#333;}
div.wrapper{width:1000px; margin:0 auto;}

input{width:168px; margin:0;}
input, select, textarea{font-family:"Trebuchet MS",MetaBlack,sans-serif;font-size:12px;border:1px solid #dedede;color:#5E5E5E;}
textarea{resize:vertical;}
input:focus, .iefocus, select:focus, textarea:focus{border-color:#b6b6b6;box-shadow:0 0 1px #b6b6b6 inset;}
input:hover, select:hover, textarea:hover{border-color:#b6b6b6;}
fieldset{padding:5px;border:1px solid #bbb;}
fieldset.interno{border-color:#ddd;}
legend{padding:0 3px;font-weight:bold;color:#81A100;margin:0 6px;cursor:default;}
/*label{cursor:pointer;}*/
input[disabled="disabled"], input[readonly="readonly"], textarea[readonly="readonly"], select[disabled="disabled"], input.readOnly, input.disabled, select.disabled, textarea.readOnly{background:#efefef;}
input[disabled="disabled"]:hover, input.disabled:hover, select[disabled="disabled"]:hover, select.disabled:hover{border:1px solid #dedede;}
a.disabled, a.disabled span{cursor:default;text-decoration:none;color:#666;}
a.disabled{background-position:left -150px;}
a.disabled span{background-position:100% -150px;}
a.disabled:hover{background-position:left -150px;text-shadow: 1px 1px 0 #fff;}
a.disabled:hover span{background-position:100% -150px;}
fieldset.disabled{background:#f6f6f6;}
select{width:170px;}

.ComboBoxSelectRows select{width:50px; float:right; margin-left:5px; margin-top:-3px;}


select[multiple="multiple"], .multiple{width:155px;}
input[type="checkbox"], .chkBox{width:auto;}
option{width:auto;}
*:focus{outline:none;}

a, .link{color:#81A100;font-weight:bold;text-decoration:underline; cursor:pointer;}
a:hover, .link:hover{text-decoration:none;}
a.cancelar{color:#f00;}
ul a{font-weight:normal;}
.oculto{display:none;}
a span{text-decoration:underline;cursor:pointer;}
a span:hover{text-decoration:none;}
a.radioButton{background:url("../images/radio_button.png");width:10px;height:11px;display:block;}
a.radioButtonO{background:url("../images/radio_button.png") bottom;width:10px;height:11px;display:block;}
.noLink{cursor:pointer;}
.bold, strong{font-weight:bold;}

.green{background-image: url("../css/south-street/images/ui-icons_495516_256x240.png") !important;}
.greenOver{background-position:0 -16px !important;}
.verde{color:#81A100;font-weight:bold;}
.asterisco{font-weight:normal;color:#B50007;}
.ribbon{margin:0;padding:0;position:absolute;right:0;top:0;z-index:-1;}

select.comboBox{display:none;}

/* Tamaños, Márgenes y Posiciones 
---------------------------------*/
.clear{clear:both;}
.clearM{clear:both;margin-top:5px;}
.left{float:left;}
.right{float:right;}
.relativa{position:relative;}
.w50{width:50%;}
.w100{width:100%;}
.wp90{width:90px !important;}
.wp100{width:100px;}
.wp300{width:300px;}
.wp130{width:130px;}
fieldset.w50{width:49.3%;padding:1px;margin:1px;}
.floatL{float:left; display:inline-block !important;*float:none;}
.floatR{float:right; display:inline-block !important;*float:none;}
.noBorder{border:none !important;}
.noPadding{padding:0 !important;}
.fijo{position:fixed;}
.inline{display:inline !important;}
.iBlock{display:inline-block;}
.block{display:block;}
.auto{width:auto !important;}

/* Ventanas Modales
-------------------*/
.modal, .upModal{display:none;width:100%;height:100%;z-index:1000;opacity:0.2;filter:alpha(opacity=20) !important;background:#000;position:fixed;top:0;left:0;}

.window{border-radius:3px;display:none;position:fixed;background:#fcfcfc;border:3px solid #aaa;width:350px;height:150px;z-index:1001;top:35%;left:50%; margin-top:-75px; margin-left:-175px;box-shadow:0 5px 10px rgba(0, 0, 0, 0.3);}
.big{width:990px;height:550px;top:45%;left:50%;margin-top:-253px;margin-left:-498px;}

.sBig{width:990px;height:550px;top:45%;left:50%;margin-top:-253px;margin-left:-498px;}

.medium{width:500px; height: 250px;margin-top:-125px;top:40%;margin-left:-250px;}
.mediumL{width:600px; height: 500px;margin-top:-125px;top:40%;margin-left:-250px;}
div.vScroll{ height:300px; overflow-y:scroll;}

.regular{width:650px; height: 300px;margin-top:-125px;top:40%;margin-left:-250px;}
.list{height:300px;margin-top:-150px;top:45%;}
.bigMessage{height:245px;margin-top:-122.5px;top:40%;}
.contentWindow{padding:5px;}

.big .contentWindow{height:470px;overflow-y:auto;}
.sBig .contentWindow{height:470px;z-index:9999;overflow-y:auto;overflow-x:auto;}

.inboxContent{height:450px;overflow-y:auto;}
.window .title span, .windowAjax .title span{margin-left:5px;}
.window .claveWin, .windowAjax .claveWin{padding:3px;display:inline-block;width:110px;background-color: #F6F6F6;border-bottom: 1px solid #E9E9E9;border-right: 1px solid #E9E9E9;color: #444;font-weight: bold;text-align: right;}
.botones{position:absolute;bottom:5px;right:5px;}
.keypad{position:absolute;bottom:5px;width:97%;}
.center{height:30px;left:50%;margin-left:-125px;margin-top:-15px;position:absolute;top:55%;width:250px;}
.window select[multiple="multiple"], .window .multiple{width:417px;height:300px;}
td.multiSmall select{height:140px !important;}
td.multiSmall .ms2side__options{top:45px !important;}
td.multiMini select{height:175px !important;width:180px !important;}
td.multiMini .ms2side__options{top:55px !important;}
td.multiMini .ms2side__div{width:425px;}
.multiBig select[multiple="multiple"], .multiBig .multiple{width:417px;height:300px;}
.multiBigInline select[multiple="multiple"], .multiBigInline .multiple{width:410px;height:300px;}
.multiBigTab select[multiple="multiple"], .multiBigTab .multiple{width:385px;height:200px;}
.draggable div.title{cursor:move;}

.contentWindowInside select[multiple="multiple"], .contentWindowInside .multiple{width:200px;height:100px;}
.big .contentWindowInside{height:410px;overflow-y:auto;}

/* Logo 
-------*/
.imgLogo{float:left;margin:10px 5px 0;}

/* Mensajes del sistema
-----------------------*/
.mensaje{cursor:default;border-radius:3px;padding:2px 5px 2px 25px;margin-bottom:4px;font-weight:normal !important;position:relative;}
.info{background:url("../images/info.png") no-repeat 5px 50% #E5ECF9;border:1px solid #AAC6E8;color: #0055B5 !important;}
.error{background: url("../images/error.png") no-repeat 5px 50% #F9E5E6;border: 1px solid #E8AAAD;color: #B50007 !important;}
.notice{background: url("../images/notice.png") no-repeat 5px 50% #F9F9E5;border: 1px solid #E8E3AA;color: #828400 !important;}
.success{background: url("../images/success.png") no-repeat 5px 50% #E9F9E5;border: 1px solid #B4E8AA;color: #1C8400 !important;}
.mensaje span{cursor: pointer;display: block;font-family: Arial,Helvetica,sans-serif;font-size: 10px;font-weight: bold;padding: 2px;position: absolute;right: 2px;top: 2px;}
.mensaje ul{list-style:disc inside;}
.mensaje a {color:inherit;}
.alert{padding:5px 10px 5px 30px;margin:10px 0;font-size:12px;}

.msgColor{cursor:default;border-radius:3px;padding:2px 5px 2px 5px;margin-bottom:4px;font-weight:normal !important;position:relative;}
.infoColor{background-color: #E5ECF9;border:1px solid #AAC6E8;color: #0055B5 !important;}
.errorColor{background-color: #F9E5E6;border: 1px solid #E8AAAD;color: #B50007 !important;}
.noticeColor{background-color: #F9F9E5;border: 1px solid #E8E3AA;color: #828400 !important;}
.successColor{background-color: #E9F9E5;border: 1px solid #B4E8AA;color: #1C8400 !important;}

.errorList{background: url("../images/error.png")  no-repeat 5px top #F9E5E6;border: 1px solid #E8AAAD;color: #B50007 !important;}

.boxHelp{position:relative;display:inline;}
.tip{background:url("../images/info.png") no-repeat;width:16px;height:16px;cursor:pointer;display:inline-block;vertical-align:middle;}
.tipMulti{background:url("../images/multiple.png") no-repeat;width:16px;height:16px;cursor:pointer;display:inline-block;vertical-align:middle;}
.help{z-index:1;position:absolute;width:190px;border-radius:3px;border:1px solid #798F4F;top:0;left:20px;padding:3px;background:#FBFFF2;}
.helpR{right:20px;left:auto;}
.help .close{cursor: pointer;font-family: Arial,Helvetica,sans-serif;font-size: 10px;font-weight: bold;position: absolute;right: 2px;top: -2px;}
.help .content{width:185px;display:block;text-align:left;}
.search{background:url("../images/search16x16.png") no-repeat;width:16px;height:16px;cursor:pointer;display:inline-block;vertical-align:middle;}

.helpL{z-index:1;position:absolute;width:190px;border-radius:3px;border:1px solid #798F4F;top:0;left:-200px;padding:3px;background:#FBFFF2;}
.helpL .close{cursor: pointer;font-family: Arial,Helvetica,sans-serif;font-size: 10px;font-weight: bold;position: absolute;right: 2px;top: -2px;}
.helpL .content{width:185px;display:block;text-align:left;}


.validateBox li{position:relative;cursor:default;border-radius:3px;padding:4px 4px 4px 25px;margin-bottom:4px;font-weight:normal !important;background: url("../images/error.png") no-repeat 5px 50% #F9E5E6;border: 1px solid #E8AAAD;color: #B50007 !important;}

.gold-release-error {font-weight: bold;border: 1px solid;border-radius: 2px;padding: 1px;}

/* Iconos de la Leyenda
-----------------------*/
.leyenda{text-align:center;border:1px solid #ccc;margin-top:3px;}
.leyenda span{display:inline-block;width:10px;height:10px;margin-right:5px;}
.leyenda .newRule{background:#6CE26C;border:1px solid #499949;}
.leyenda .grpCanal{background:#289BD9;border:1px solid #195575;}
.leyenda .grpTipoCont{background:#FFA800;border:1px solid #966300;}
.leyenda .warningRow{background:#FFF4C4;border:1px solid #A3880F;}
.leyenda .errorRow{background:#F9E5E6;border:1px solid #A82D34;}
.leyenda .provInac{background:#FFC85E;border:1px solid #000;}
.leyenda .contInac{background:#7396C7;border:1px solid #003F96;}
.leyenda .provContInac{background:#C4AAE6;border:1px solid #5A2E94;}
.leyenda .grpRightOn{background:#81A100;border:1px solid #455700;}
.leyenda .grpRightOff{background:#333;border:1px solid #000;}
.leyenda .inactive{background:#ECEDE6;border:1px solid #9F9F9D;}
.leyenda .mapped{background:#F2FFC6;border:1px solid #57860F;}
.leyenda .overdue{background:#CC4444;border:1px solid #993333;}
.leyenda .previousOrder {background:#e5ecf9;border:1px solid #aac6e8;}

.leyenda .rowReady{background:#b3e0b3;border:1px solid #57860F;}
.leyenda .yellowState{background:#ffa800;border:1px solid #966300;}
.leyenda .rowClosed {background:#c2d1f0;border:1px solid #aac6e8;}



/* Iconos de Estados de Cobro
-----------------------------*/
.chargingStatus {display:inline-block;width:7px;height:7px;margin-right:2px;}
.chargingStatusOnTime   {background:#289BD9;border:1px solid #195575;}
.chargingStatusOverdue  {background:#CC4444;border:1px solid #993333;}
.chargingStatusLate     {background:#FFA800;border:1px solid #966300;}
.chargingStatusTimely   {background:#6CE26C;border:1px solid #499949;}
.chargingStatusCell{border:none;display:block;width:5px;height:25px;}

.rowReady{background:#b3e0b3;border:1px solid #57860F;}
.yellowState{background:#ffa800;border:1px solid #966300;}
.rowClosed {background:#c2d1f0;border:1px solid #aac6e8;}


.cellReady {color: #009933 !important; font-weight: bold !important}
.cellClosed {color: #1975FF !important; font-weight: bold !important}
.cellAgreed {color: green !important; font-weight: bold !important}
.cellDisputed {color: red !important; font-weight: bold !important}
.cellWriteOff {color:Purple !important; font-weight: bold !important}


/* Título y Caja de Contenido
-----------------------------*/
.title{position:relative;color:#81A100;cursor:default;text-shadow:1px 1px 0 #fff;text-transform:uppercase;font-size:13px;background:url("../images/bhead.gif") repeat-x;height:35px;line-height:35px;font-weight:bold;border-bottom:1px solid #ccc;}
.title .headl{background: url("../images/bheadl.gif") no-repeat left top;float:left;height:35px;width:20px;}
.title .headr{background: url("../images/bheadr.gif") no-repeat right top;float:right;height:35px;width:20px;}
.title h2{left: 10px;position: absolute;}

.cont{margin-top:5px;}
.boxContent{background:#fff;border:1px solid #ccc;padding:5px;margin-bottom:10px;border-top:none;}

/* Clases para jQuery 
---------------------*/
.comboBox, .datePicker, .dateRange, .multiSelect, .multiSelectLoading, .top, .save, .comboBoxValidate, .comboBoxValidatePost, .boxMensaEstado, .boxMensaReglas{}

.datePicker, .dateRange{width:75px;font-weight:bold;}

/* Tabla de Administración
--------------------------*/
table.adminTable{}
fieldset.w50 table.adminTable{width:100%;}
table.adminTable th{text-align:center; background-color:#F6F6F6; font-weight: bold; border: 1px solid #E9E9E9; color: #444;}
table.adminTable td.clave{vertical-align:middle;background-color: #F6F6F6 !important;border-bottom: 1px solid #E9E9E9 !important;border-right: 1px solid #E9E9E9 !important;border-width:0 1px 1px 0 !important;color: #444;font-weight: bold;text-align: right;}
table.adminTable td {padding:2px;vertical-align:middle;}
/*table.adminTable img, table.tableList img*/ .ui-datepicker-trigger{vertical-align:middle;margin-left:3px;cursor:pointer;}
table.adminTable tr.selectDate td{padding:10px 2px;background:#FCFFF2;}
table.adminTable tr.selectDate td input{border-color:#999}
table.adminTable tr.light td{background:#fdfff7;font-size:12px;border:1px solid #e8efce;}
table.adminTable td.masInfo{border: 1px solid #eee !important;text-align: center !important;}

table.rulesTable{float:left;}
table.rulesTable td.clave{width:100px;}
.window table.adminTable td.clave{width:auto;}
table.rulesTable td{width:370px;vertical-align:top !important;}

table.tdFixed td.clave{width:150px;}
table.tdFixed td{width:170px;}

table.detailConcilia td.clave{width:130px;}

table.detallesConcilia{border:1px solid #ddd;margin-bottom:10px;}

/* Tabla de Listados
--------------------*/
table.tablePago{width:100%;color:#333;margin:5px auto 0 auto;border-left:1px solid #ddd;border-right:1px solid #ddd;border-collapse:collapse;}
table.tablePago th,table.tablePago td{padding:3px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
table.tablePago th{background:url("../images/bg_tableRow.gif") repeat-x 0 1px;font-weight:bold;text-align:left;font-size:12px;}
table.tablePago th a{color:#333;background:url('../images/sorter-bg.gif') no-repeat right;padding-right:12px;}
table.tablePago a{text-decoration:none;color:#81A100;}
table.tablePago tr.highlighted td{background: #F2FFC6; color:#222;}
/*table.tablePago tr:hover td{background: #FCFFF2; color:#222;}
table.tablePago tr:hover table td{background:#fff;color:#333;}
table.tablePago table tr:hover td{background: #FCFFF2; color:#222;}
table.tablePago table tr:hover table td{background:#fff;color:#333;}
table.tablePago table table tr:hover td{background: #FCFFF2; color:#222;}*/

table.tableList{width:100%;color:#666;margin:0 auto;border-left:1px solid #ddd;border-right:1px solid #ddd;border-collapse:collapse;}
table.tableList a{text-decoration:none;}
table.tableList th,table.tableList td{padding:5px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}

table.tableList tr.disabled td{background:#ECEDE6;color:#888;}
table.tableList tr.disabled:hover td{background:#ECEDE6;color:#888;}
table.tableList th,
table.tableList td.tHead {color:#333;padding:7px;background:url("../images/bg_tableRow.gif") repeat-x 0 1px #fff;font-weight:bold;text-align:left;font-size:12px;}
table.tableList td.tHead:hover{background:url("../images/bg_tableRow.gif") repeat-x 0 1px #fff;}
table.tableList th a{color:#333;background:url('../images/sorter-bg.gif') no-repeat right;padding-right:12px;}
table.tableList .alt td{background:#FAFAFA;}
table.tableList tr:hover td{background: #FCFFF2; color:#222;}
table.adminTable td.top{vertical-align:top;}

table.tableList .pag:hover td, table.tableList .tableFooter:hover td{background:url("../images/bg_tableRow.gif") repeat-x 0 1px;color:#333;}
table.tableList .pag > td, table.tableList .tableFooter > td{border-bottom:1px solid #ddd !important;}
table.tableList .pag td, table.tableList .tableFooter td{padding:10px 5px; background:url("../images/bg_tableRow.gif") repeat-x 0 1px;border:none;color:#333;font-size:12px;}
table.tableList .pag .pagerText{float:left;}
table.tableList .pag .pagerList{float:right;}
table.tableList .pag .pagerList a,
table.tableList .pag .pagerList span{position:relative;}

table.tableList .pag .pagerList a{font-size:11px;margin-left:3px;text-decoration:none;border-radius:3px;background:url("../images/bg_switch.png") repeat-x #ccc;border:1px solid #AAA9A9;color:#333;padding:3px 5px;}
table.tableList .pag .pagerList span{font-size:11px;margin-left:3px;text-decoration:none;border-radius:3px;background:url("../images/bg_switch_over.png") repeat-x #ccc;border:1px solid #a5b362;color:#2d311a;padding:3px 5px;}
table.tableList .pag .pagerList a:hover{background:url("../images/bg_switch.png") repeat-x #999;border:1px solid #666;}

table.tablePago .pag:hover td, table.tablePago .tableFooter:hover td{background:url("../images/bg_tableRow.gif") repeat-x 0 1px;color:#333;}
table.tablePago .pag > td, table.tableList .tableFooter > td{border-bottom:1px solid #ddd !important;}
table.tablePago .pag td, table.tableList .tableFooter td{padding:10px 5px; background:url("../images/bg_tableRow.gif") repeat-x 0 1px;border:none;color:#333;font-size:12px;}
table.tablePago .pag .pagerText{float:left;}
table.tablePago .pag .pagerList{float:right;}
table.tablePago .pag .pagerList a,
table.tablePago .pag .pagerList span{position:relative;}

table.tablePago .pag a{font-size:11px;margin-left:3px;text-decoration:none;border-radius:3px;background:url("../images/bg_switch.png") repeat-x #ccc;border:1px solid #AAA9A9;color:#333;padding:3px 5px;}
table.tablePago .pag span{font-size:11px;margin-left:3px;text-decoration:none;border-radius:3px;background:url("../images/bg_switch_over.png") repeat-x #ccc;border:1px solid #a5b362;color:#2d311a;padding:3px 5px;}
table.tablePago .pag a:hover{background:url("../images/bg_switch.png") repeat-x #999;border:1px solid #666;}

table.tablePago tr.disabled td{background:#ECEDE6;color:#888;}
table.tablePago tr.disabled:hover td{background:#ECEDE6;color:#888;}

table.tableList .rowError td{background:#F9E5E6;}
table.tableList .rowError:hover td{background:#F9E5E6;color:#666;}

table.tableList .rowWarning td{background:#FCBA58;}
table.tableList .rowWarning:hover td{background:#FCBA58;color:#666;}

table.tableList .noData td{color:#222;font-weight:bold;}
table.tableList .noData:hover td{background:#fff;}

table.tableList .rowProvInac td{background:#FFC85E;color:#333;}
table.tableList .rowProvInac:hover td{background:#FFC85E;color:#333;}

table.tableList .rowContInac td{background:#7396C7;color:#fff;}
table.tableList .rowContInac:hover td{background:#7396C7;color:#fff;}

table.tableList .rowProvContInac td{background:#C4AAE6;color:#333;}
table.tableList .rowProvContInac:hover td{background:#C4AAE6;color:#333;}

table.tableList .rowPreviousOrder td{background:#e5ecf9;color:#333;}
table.tableList .rowPreviousOrder:hover td{background:#e5ecf9;color:#333;}

table.tableList .rowReady td{background:#b3e0b3;color:#333;}
table.tableList .rowReady:hover td{background:#b3e0b3;color:#333;}

table.tableList .rowClosed td{background:#c2d1f0;color:#333;}
table.tableList .rowClosed:hover td{background:#c2d1f0;color:#333;}

div#listingDiv{margin:5px auto;}

a.exExcel, a.exPrint{padding: 3px 3px 3px 23px;display:inline-block;margin:1px 0;border:1px solid #ccc;text-decoration:none;color:#81A100;}
a.exExcel:hover, a.exPrint:hover{background-color:#f6f6f6;}
a.exExcel{background: url("../images/document-excel.png") no-repeat 3px 35%;}
a.exPrint{background: url("../images/print.png") no-repeat 2px 45%;}


table.small{margin:5px 0 0;}
table.small th,
table.small td{padding:2px;}
table.small th, 
table.small td.tHead{font-size:inherit; padding: 2px;}

.smallGrid table th,.smallGrid table td{padding:2px;}
.smallGrid table th{font-size:inherit;}

table.rulesList{color:#333;}
table.rulesList tr.itemRow:hover td{background:#efefef;color:inherit;}
table.rulesList tr.itemRow{background:#efefef;border-bottom:2px solid #9CA38C;}

table.rulesProvider{color:#333;margin:0;}
table.rulesProvider tr.itemRow{background:#efefef;border-bottom:2px solid #9CA38C;}
table.rulesProvider th{background:#ddd;border-bottom:1px solid #ccc;}
table.rulesProvider td, 
table.rulesProvider th{/*padding:4px;*/}

table.scopeTable{width:100%;margin-bottom:10px;}
table.scopeTable td{border:none;}

table.scopeTableKeys{margin-top:-1px;font-weight:bold;border-left:1px solid #ddd;border-right:1px solid #ddd;background:#fdfdfd;width:100.2%;border-collapse:collapse;}
table.scopeTableKeys td{font-weight:normal;border-top:1px solid #ddd;}
table.rulesList tr:hover table.scopeTableKeys td{background:#fdfdfd;color:#333;}

table.detailTable {border-left:1px solid #ccc;border-right:1px solid #ccc;border-collapse:collapse;width:100%;margin-top:5px;}
table.detailTable td{border-top:1px solid #ccc;border-bottom:1px solid #ccc;background-color:#fff;}
table.detailTable th{border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
table.scopeTable tr:hover table.detailTable td{background-color:#fff;}
table.rulesList tr.itemRow:hover table.detailTable td{background-color:#fff;}

table.scopeTable td.itemCell{width:4px;padding:0;}
table.scopeTable td.colorGCanales,
table.scopeTable tr:hover td.colorGCanales,
table.rulesList tr:hover td.colorGCanales{width:4px;background:#289bd9 !important;padding:0 !important;}
table.scopeTable td.colorGTipoCont,
table.scopeTable tr:hover td.colorGTipoCont,
table.rulesList tr:hover td.colorGTipoCont{width:4px;background:#ffa800 !important;padding:0 !important;}
table.scopeTable td.colorScope{width:4px;padding:0;}
td.reglaRowEdited{background:#6CE26C !important;padding:0 !important;width:4px;}
/*tr.mailRow td{cursor:pointer;}*/
tr.selectedRow td{background:#F0FCCF;color:#222;}
tr.selectedRow:hover td{background:#F0FCCF !important;}
tr.selectedRowMail td{background:#B2DB40;color:#222;}
tr.selectedRowMail:hover td{background:#B2DB40 !important;}
table.rulesList tr.itemRow:hover tr.selectedRow td{background:#F0FCCF;}
table.rulesList tr.itemRow tr.selectedRow td{background:#F0FCCF;}

tr.headRow > td,
table.scopeTable tr:hover tr.headRow > td,
table.rulesList tr:hover tr.headRow > td{background:#fff;}
tr.headRow > td{border-bottom:1px solid #ddd;}

table.listPermisos{width:100%;color:#333;margin:0 auto;border-left:1px solid #ddd;border-right:1px solid #ddd;border-collapse:collapse;}
table.listPermisos th,table.listPermisos td{padding:2px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
table.listPermisos th{padding:5px;background:url("../images/bg_tableRow.gif") repeat-x 0 1px;font-weight:bold;text-align:left;font-size:12px;}
table.listPermisos tr.clave td{font-weight:bold;background:#f0f0f0;padding:5px;border-top:1px solid #bbb;}
table.listPermisos table{width:100%;border-left:1px solid #ddd;border-right:1px solid #ddd;border-collapse:collapse;}
table.listPermisos table tr:hover td{background: #FCFFF2; color:#222;}

.tableList .thFinance,
.tablePago .thFinance{text-align:right;}
.tableList .fauxTd{padding:7px 5px;}

.tableContentRights{width:100%;color:#333;margin:5px auto 0 auto;border-left:1px solid #ddd;border-right:1px solid #ddd;border-collapse:collapse;}

.tableContentRights > tbody > tr > th,
.tableContentRights > tbody > tr > td{border-top:1px solid #ddd;border-bottom:1px solid #ddd;}

.tableContentRights > tbody > tr > th{background:url("../images/bg_tableRow.gif") repeat-x 0 1px;font-weight:bold;text-align:left;font-size:12px;}

.tableContentRights a{text-decoration:none;}

.tableContentRights td,
.tableContentRights th{padding:3px;}

.tableContentRights div.disabled{background:#F9F3C0;}

/* Contract Negotiation Table
-----------------------------*/
.tblContract {
    font-size: 12px;
}

.tblContract td {
    vertical-align: top;
    padding: 5px;
}

.tblContract p {
    margin-bottom: 1em;
}

.tblContract p strong {
    font-weight: bold;
}

.tblContract .clauseNum {
    font-weight: bold;
}

.tblContract .clauseTit {
    font-weight: bold;
    display:block;
}

.tblContract .rowTitleClause td {
    border: 1px solid #ccc;
    border-width: 1px 0;
    border-color: #ccc;
    background-color: #fafafa;
    vertical-align: top;
}

.tblContract .rowTitleClause td:first-child {
    border-left: 1px solid #ccc;
}

.tblContract .rowTitleClause td:last-child {
    border-right: 1px solid #ccc;
}

.tblContractDetail {
    width: 100%;
    border-collapse: collapse;
    font-size: 12px;
}

.tblContractDetail th,
.tblContractDetail td {
    text-align: center;
    border: 1px solid #333;
    padding: 3px;
}

.tblContractDetail th {
    background-color: #333;
    color: #fff;
    font-weight: bold;
}

.trClauseApproved td
{
    background-color:#BADAC1;
}

.contractField {
    border: 1px solid #91A151;
    padding: 0 2px;
    background-color: #FBFFED;
    display: inline-table;
    font-weight: bold;
    cursor: pointer;
    border-radius: 2px;
    text-decoration: underline;
}

.contractFieldNoEdit {
    border: 1px solid #91A151;
    padding: 0 2px;
    background-color: #FBFFED;
    display: inline-table;
    font-weight: bold;
    border-radius: 2px;
}

.contractField:hover {
    text-decoration: none;
    background-color: transparent;
}

/* Listados Informativos
------------------------*/
ul.bulletList{padding:2px;border:1px solid #bbb;max-height:150px;overflow-y:auto;}
ul.bulletListPlain{max-height:150px;overflow-y:auto;}
ul.bulletList li,
ul.bulletListPlain li{background:url("../images/bullet_cuadrado.gif") 0 6px no-repeat;padding-left:6px;}

/* Iconos de Botones de Acción
------------------------------*/
.lnkDetails,.lnkContratos,.lnkCanales,.lnkDelete{text-align:right;width:105px;}

.lnkDetail{text-align:right;}

.lnkDetailsMcpProducts{width: 70px;}
.lnkDetailsSettlement{width:185px;}
.lnkConcilia{text-align:right;}
.lnkPagos{text-align:right;}
.lnkDetail a,
.lnkDetails a,
.lnkConcilia a,
.lnkPagos a,
.lnkDetailsMcpProducts a,
.lnkDetailsSettlement a{
    padding-left: 20px;
    background: url("../images/details.png") no-repeat;
}
.lnkContratos a{padding-left:20px;background:url("../images/contratos.png") no-repeat;}
.lnkCanales a{padding-left:20px;background:url("../images/contratos.png") no-repeat;}
.lnkExcelExport a{padding-left:20px;background:url("../images/document-excel.png") no-repeat 3px 35%;}
.lnkDelete a{padding-left:20px;background: url("../images/delete16x16.png") no-repeat;}

.conciliaState{font-weight:bold;}
.conciliaState span{background:url("../images/states.png") no-repeat;width:7px;height:7px;display:inline-block;*margin-right:3px;*height:auto;}
.conciliaState .purpleState{background-position:-77px;}
.conciliaState .pinkState{background-position:-70px;}
.conciliaState .blackState{background-position:-63px;}
.conciliaState .darkGreyState{background-position:-56px;}
.conciliaState .greyState{background-position:-49px;}
.conciliaState .lightGreyState{background-position:-42px;}
.conciliaState .redState{background-position:-35px;}
.conciliaState .orangeState{background-position:-28px;}
.conciliaState .yellowState{background-position:-21px;}
.conciliaState .blueState{background-position:-14px;}
.conciliaState .lightGreenState{background-position:-7px;}
.conciliaState .greenState{background-position:0;}

/* Login
--------*/
div.loginHeader{width:710px;margin:0 auto;margin-top:20px;}
div.loginHeader h1.logo,div.loginHeader h1.titulo_es, div.loginHeader h1.titulo_en{height:92px;display:inline-block;float:left;}
div.loginHeader h1.logo{width:74px;background:url('../images/zed-logo.png') 0 22px no-repeat;text-indent:-9999px;}
div.loginHeader h1.titulo_es{width:636px;background:url('../images/titulo_es.png') no-repeat 18px 32px;text-indent:-9999px;}
div.loginHeader h1.titulo_en{width:636px;background:url('../images/titulo_en.png') no-repeat 18px 32px;text-indent:-9999px;}

div.cajaLogin{width:330px; margin:20px auto;}

div.leftLogin{background:url('../images/login_left_bg.png');width:4px;height:44px;float:left;display:inline-block;border-bottom:1px solid #000;}
div.rightLogin{background:url('../images/login_right_bg.png');width:4px;height:44px;float:left;display:inline-block;border-bottom:1px solid #000;}
div.login{width:282px;float:left;display:inline-block;padding:0 20px;border-bottom:1px solid #000;color:#fff;font-weight:bold;font-size:12px;height:44px;line-height:44px;background:url('../images/login_bg.png') repeat-x;cursor:default;}

div.loginBox{background-color:#fff;border:1px solid #e5e2e2;padding:10px 20px;box-shadow: 0 0 10px 0 #ddd}
div.loginBox span{color:#333;display:block;font-size:12px;font-weight:bold;cursor:default;position:relative;}
div.loginBox input{width:80%;background:#fff;margin-bottom:10px;padding:3px;}

div.loginBox select{width:83%;background:#fff;margin-bottom:10px;padding:3px;}

div.loginBox input.button{text-transform:uppercase;font-size:12px;text-shadow:1px 1px 0 #fff;background:url('../images/login_button.png') no-repeat bottom;border-radius:0;color:#333;cursor: pointer;font-family:Helvetica, sans-serif;border:none;width:72px;height:37px;margin-top:5px;font-weight:bold;padding:0;box-shadow:none;}
div.loginBox input.button:hover{background-position:top;color:#fff;text-shadow:-1px -1px 0 rgba(0, 0, 0, 0.3);}

.lnkPassword{position:relative;}

/* Barra de Usuario
-------------*/
div.user{margin-right:10px;float:right;}
div.user a{color:#333;}

/* Botones
----------*/
.boton{text-transform:uppercase;background: url("../images/boton.png") no-repeat left 0;color: #222;cursor: pointer;display: inline-block;font-size: 12px;font-weight: bold;height: 23px;margin: 5px;overflow: visible;padding: 0 0 0 3px;text-decoration: none;text-shadow: 1px 1px 0 #fff;white-space: nowrap;}
.boton span{background: url("../images/boton.png") no-repeat 100% 0;display: block;height: 23px;line-height: 23px;padding: 0 10px 0 8px;}
.boton:hover{background-position:left -30px;text-shadow:-1px -1px 0 rgba(0, 0, 0, 0.3);color:#fff;}
.boton:hover span{background-position:100% -30px;}
.boton span{text-decoration:none;}

.cancel:hover{background-position:left -90px;}
.cancel:hover span{background-position:100% -90px;}

table.adminTable .boton, .window .boton, .windowAjax .boton{margin:0;}

/* Autocomplete
----------*/
.completionListElement {
  border: 1px solid buttonshadow;
  max-height: 360px;
  list-style-type: none;
  margin: 0 !important;
  overflow: auto;
  text-align: left;
  width: 300px !important;
}

.listItem {
  background-color: window;
  color: #333;
  padding: 1px;
}

.highlightedListItem {
  background-color: #f2ffc2;
  color: #000;
  padding: 1px;
}

/* Menú Principal
-----------------*/
div.boxMenu{margin:0 auto;width:1000px;}
div.contentMenu{height:44px;background:url('../images/menu_bg.png') repeat-x;float:left;display:inline-block;width:988px;}
div.leftMenu{background:url('../images/menu_left_bg.png');height:44px;width:6px;display:inline-block;float:left;}
div.rightMenu{background:url('../images/menu_right_bg.png');height:44px;width:6px;display:inline-block;float:left;}

.red .contentMenu{background-image:url('../images/menuRed_bg.png') !important;}
.red .leftMenu{background-image:url('../images/menuRed_left_bg.png') !important;}
.red .rightMenu{background-image:url('../images/menuRed_right_bg.png') !important;}

.blue .contentMenu{background-image:url('../images/menuBlue_bg.png') !important;}
.blue .leftMenu{background-image:url('../images/menuBlue_left_bg.png') !important;}
.blue .rightMenu{background-image:url('../images/menuBlue_right_bg.png') !important;}

ul.menu{line-height:23px;text-transform:uppercase;font-weight:bold;position:relative;z-index:999;}
ul.menu{border-left:1px solid #2F508C;}
ul.menu{border-right-color:rgba(255, 255, 255, 0.15);border-left-color:rgba(0, 0, 0, 0.2);}

ul.menu li{float:left;position:relative;}
ul.menu li.btnRight{float:right;position:relative;}
ul.menu li.btnRight a{background:url('../images/menu_admin_bg.png') repeat-x;}

.red .menu li.btnRight > a{background-image:url('../images/menuRed_admin_bg.png') !important;}
.blue .menu li.btnRight > a{background-image:url('../images/menuBlue_admin_bg.png') !important;}

ul.menu li.btnRight:hover a,
ul.menu li.activoA, ul.menu li.activoA a {background:url('../images/menu_admin_over_bg.png') repeat-x;}

.red .menu li.btnRight:hover > a,
.red .menu > li.activoA, .red .menu li.activoA > a {background-image:url('../images/menuRed_admin_over_bg.png') !important;}
.blue .menu li.btnRight:hover > a,
.blue .menu > li.activoA, .blue .menu li.activoA > a {background-image:url('../images/menuBlue_admin_over_bg.png') !important;}

.menu .separator{border-top:1px solid #557a22;margin:4px 5px;border-bottom:1px solid #8cb055;}

.red .menu .separator{border-top:1px solid #4f3f33;margin:4px 5px;border-bottom:1px solid #846a54;}
.blue .menu .separator{border-top:1px solid #162f55;margin:4px 5px;border-bottom:1px solid #496288;}

.menu .btnRight .separator{border-bottom: 1px solid #9CAE80;border-top: 1px solid #6B734C;margin: 4px 5px;}

.red .menu .btnRight .separator{border-top:1px solid #734d50;margin:4px 5px;border-bottom:1px solid #ae8480;}
.blue .menu .btnRight .separator{border-top:1px solid #274988;margin:4px 5px;border-bottom:1px solid #808dae;}

ul.menu li:hover,
ul.menu li.activo{background:url('../images/menu_over_bg.png') repeat-x;}

.red .menu li:hover,
.red .menu li.activo{background-image:url('../images/menuRed_over_bg.png') !important;}
.blue .menu li:hover,
.blue .menu li.activo{background-image:url('../images/menuBlue_over_bg.png') !important;}

ul.menu li a{color:#fff;text-decoration:none;padding:10px 8px 0;display:block;height:30px;border-left:1px solid #88b84b;border-right:1px solid #659427;}

ul.menu li a{border-left-color: rgba(255, 255, 255, 0.15);border-right-color: rgba(0, 0, 0, 0.2);}

.red .menu li a{border-left-color:#b85a4b !important;border-right-color:#943527 !important;}
.blue .menu li a{border-left-color:#4f6ba6 !important;border-right-color:#264078 !important;}

ul.menu li.last a{border-right:none;}

.subDown{margin-left:3px;}

/* Desplegables del Menú
------------------------*/
ul.menu li ul li{float:none;}
ul.menu li:hover ul{display:block;}
ul.menu ul{background:#6f9948;line-height:normal;}

.red .menu ul{background-color:#995a48 !important;}
.blue .menu ul{background-color:#3b4f88 !important;}

ul.menu ul{left:0;top:40px;position:absolute;z-index:999;background:rgba(95, 142, 52, 0.9);padding:4px 0;text-shadow:1px 1px 0 #333, 0 0 5px #1B3B6A;width:200px;display:none;border-radius:0 0 3px 3px;}

.red .menu ul{background-color:rgba(95, 72, 52, 0.9) !important;}
.blue .menu ul{background-color:rgba(38, 60, 123, 0.9) !important;}

li.desplegable ul li a{font-size:11px;border:none;font-weight:normal;height:auto;margin:0;padding:5px 15px;position:relative;text-transform:none;}
li.desplegable ul li:hover a{background:#537824;}

.red .desplegable ul li:hover a{background-color:#7a2e22 !important;}
.blue .desplegable ul li:hover a{background-color:#283e7c !important;}

li.desplegable ul li:hover a{background:rgba(83, 120, 36, 0.9);border-bottom: 1px solid #8cb055;border-top: 1px solid #3d5a10;padding-bottom: 4px;padding-top: 4px;}

.red .desplegable ul li:hover a{background-color:rgba(120, 48, 36, 0.9) !important;border-bottom-color:#b05e55 !important;border-top-color:#5a1710 !important;}
.blue .desplegable ul li:hover a{background-color:rgba(38, 60, 123, 0.9) !important;border-bottom-color:#496288 !important;border-top-color:#162F55 !important;}

li.btnRight ul{left:auto;right:0;background:#788662;}

.red .btnRight ul{background-image:#866562 !important;}
.blue .btnRight ul{background-image:#3b6aa3 !important;}

li.btnRight ul{background: rgba(120, 134, 98, 0.9);}

.red .btnRight ul{background-color: rgba(134, 101, 98, 0.9) !important;}
.blue .btnRight ul{background-color: rgba(38, 90, 153, 0.9) !important;}

li.btnRight ul a{background:none !important;}
li.btnRight ul li:hover a{background:#6c7052 !important;}
li.btnRight ul li:hover a{background:rgba(108, 112, 82, 0.9) !important;border-top: 1px solid #4c573b;border-bottom: 1px solid #9cae80;}

.red .btnRight ul li:hover a{background-color:#705257 !important;}
.red .btnRight ul li:hover a{background-color:rgba(112, 82, 87, 0.9) !important;border-top-color:#573e3b !important;border-bottom-color:#ae8480 !important;}
.blue .btnRight ul li:hover a{background-color:#275288 !important;}
.blue .btnRight ul li:hover a{background-color:rgba(38, 80, 133, 0.9) !important;border-top-color:#234a85 !important;border-bottom-color:#5a78a7 !important;}

/* Footer
---------*/
div.footer{position:relative;cursor:default;padding-top:10px;border-top:1px solid #ccc;margin:50px 0 10px 0;}
.boxTop{position:absolute;right:0;top:10px;}

/* Logo AJAX
------------*/
.cargando{height:50px;left:50%;margin-left:-25px;margin-top:-25px;position:fixed;top:35%;width:50px;z-index:1002;}
.cargandoCentrado{text-align:center;}
.modalAjax{width:100%;height:100%;z-index:1001;opacity:0.2;filter:alpha(opacity=20) !important;background:#000;position:fixed;top:0;left:0;}
.windowAjax{border-radius:3px;position:fixed;background:#fcfcfc;border:3px solid #aaa;width:350px;height:150px;z-index:1001;top:35%;left:50%;margin-top:-75px;box-shadow:0 5px 10px rgba(0, 0, 0, 0.3);}


/* Tab UI
---------*/
.gstTab a span {text-decoration: none;}

.gstTab .ajax__tab_active .ajax__tab_tab span {cursor: default;}

.gstTab .ajax__tab_header { /* A container element that wraps all of the tabs at the top of the TabContainer. Child CSS classes:.ajax__tab_outer. */
    padding: .2em .2em 0;
    border-bottom: 1px solid #aaa;
    background: #F6F6F6;
    color: #2D360D;    
}
    
.gstTab .ajax__tab_outer{} /* An outer element of a tab, often used to set the left-side background image of the tab.Child CSS classes: .ajax__tab_inner. */

.gstTab .ajax__tab_inner{} /* An inner element of a tab, often used to set the right-side image of the tab. Child CSS classes:.ajax__tab_tab. */

.gstTab .ajax__tab_tab { /* An element of the tab that contains the text content. Child CSS classes:none. */
    padding: .5em 1em;
    margin: 0 .2em 0 0;
    border-bottom: 0 !important;
    background: #FFFFFF;
    border: 1px solid #D3D3D3;
    color: #555555;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.gstTab .ajax__tab_body { /* A container element that wraps the area where a TabPanel is displayed. Child CSS classes: none. */
    padding: 0.5em;
}

.gstTab .ajax__tab_hover .ajax__tab_tab { /* This is applied to a tab when the mouse is hovering over. Child CSS classes:.ajax__tab_outer. */
    background: #f6ffda;
    border: 1px solid #91a151;
    color: #333333;
}

.gstTab .ajax__tab_active .ajax__tab_tab { /* This is applied to a tab when it is the currently selected tab. Child CSS classes:.ajax__tab_outer. */
    background: #f6ffda;
    border: 1px solid #91a151;
    color: #212121;
    margin-bottom: -1px;
    cursor: default;
}

/* GST-MCP Mapping
------------------*/
.matchedMcpItem {
    width: 320px;
    text-align: center;
    font-weight: bold;
    display: inline-block;
}


/* AjaxFileUpload UI
---------*/
.gstAjaxFileUpload .ajax__fileupload {
    padding: 4px 4px 8px;
    border: #D3D3D3 1px solid;
    overflow: visible;
}

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

.gstAjaxFileUpload .ajax__fileupload_selectFileButton {
    border-radius: 3px;
    cursor: pointer;
    outline: 0 none;
    overflow: visible;
    padding: 1px 10px;
    text-decoration: none;
    display: inline-block;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAgCAIAAABch4VNAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAhSURBVHjaYvr58ycTAwMD0////+E0PjY2jE+egJkAAQYAo3dH5xfHZd4AAAAASUVORK5CYII=') /*../images/grd_a.png*/ repeat-x;
    *background: url("../images/grd_a.png") repeat-x; /* For IE 6 and 7 */
    border: 1px solid #C6C6C6;
    -webkit-text-shadow: 1px 1px 0 #FFF;
    text-shadow: 1px 1px 0 #FFF;
    font: bold 11px/20px Helvetica,Arial,sans-serif;
    margin: 0;
    color: #578c02;
    width: auto;
    height: auto;
}

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

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

.gstAjaxFileUpload .ajax__fileupload_uploadbutton {
    text-align: center;
    border-radius: 3px;
    cursor: pointer;
    outline: 0 none;
    overflow: visible;
    padding: 1px 10px;
    text-decoration: none;
    display: inline-block;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAgCAIAAABch4VNAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAhSURBVHjaYvr58ycTAwMD0////+E0PjY2jE+egJkAAQYAo3dH5xfHZd4AAAAASUVORK5CYII=') /*../images/grd_a.png*/ repeat-x;
    *background: url("../images/grd_a.png") repeat-x; /* For IE 6 and 7 */
    border: 1px solid #C6C6C6;
    -webkit-text-shadow: 1px 1px 0 #FFF;
    text-shadow: 1px 1px 0 #FFF;
    font: bold 11px/20px Helvetica,Arial,sans-serif;
    margin: 1px;
    color: #578c02;
    width: 40px;
    height: auto;
}

.gstAjaxFileUpload .ajax__fileupload_uploadbutton:hover {
    text-decoration: none;
    background: none #578c02;
    color: #fff;
    -webkit-text-shadow: none;
    text-shadow: none;
    border: 1px solid #416802;
}

.gstAjaxFileUpload .ajax_fileupload_cancelbutton {
    color: #900;
    text-align: center;
    border-radius: 3px;
    cursor: pointer;
    outline: 0 none;
    overflow: visible;
    padding: 1px 10px;
    text-decoration: none;
    display: inline-block;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAgCAIAAABch4VNAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAhSURBVHjaYvr58ycTAwMD0////+E0PjY2jE+egJkAAQYAo3dH5xfHZd4AAAAASUVORK5CYII=') /*../images/grd_a.png*/ repeat-x;
    *background: url("../images/grd_a.png") repeat-x; /* For IE 6 and 7 */
    border: 1px solid #C6C6C6;
    font: bold 11px/20px Helvetica,Arial,sans-serif;
    margin: 1px;
    width: 40px;
    height: auto;
}

.gstAjaxFileUpload .ajax_fileupload_cancelbutton:hover {
    background: #900;
    border: 1px solid #690000;
    color: white;
}

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

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

.gstAjaxFileUpload .ajax__fileupload_progressBar {
    padding-left:4px; 
    background-color: #CCFFCC; 
}

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

.gstAjaxFileUpload .ajax__fileupload_fileItemInfo {
    line-height: 20px;
    height: 20px;
    margin-bottom: 4px;
    overflow: visible;
}

.gstAjaxFileUpload .ajax__fileupload_fileItemInfo .filename {
    font-weight: bold;
}

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

.gstAjaxFileUpload .ajax__fileupload_fileItemInfo .removeButton {
    color: #900;
    width: 55px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    float: left;
    border-radius: 3px;
    cursor: pointer;
    outline: 0 none;
    overflow: visible;
    text-decoration: none;
    display: inline-block;
    margin: 0;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAgCAIAAABch4VNAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAhSURBVHjaYvr58ycTAwMD0////+E0PjY2jE+egJkAAQYAo3dH5xfHZd4AAAAASUVORK5CYII=') /*../images/grd_a.png*/ repeat-x;
    *background: url("../images/grd_a.png") repeat-x; /* For IE 6 and 7 */
    border: 1px solid #C6C6C6;
    font: bold 11px/20px Helvetica,Arial,sans-serif;
}

.gstAjaxFileUpload .ajax__fileupload_fileItemInfo .removeButton:hover {
    background: #900;
    border: 1px solid #690000;
    color: white;
}

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

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

.gstAjaxFileUpload .ajax__fileupload_fileItemInfo .pendingState {
    color: #009;
    background-color: #fff;
}

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

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

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

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

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

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


/* TooltipMenu UI
---------*/

/* set menu position; change here to set to relative or float, etc. */
.gst-tm-menu {
	position: relative;
}

/* first level menu items */
.gst-tm-menu > li {
}

.gst-tm-menu > li > a {
}

.gst-tm-menu > li > a:hover,
.gst-tm-menu > li > a:active {
}

/* sumbenu with transitions */
.gst-tm-submenu {
    position: absolute;
    display: block;
    visibility: hidden;
    opacity: 0;
    padding: 0;
    text-align: left;
    -webkit-transition: visibility 0s, opacity 0s;
    -moz-transition: visibility 0s, opacity 0s;
    -o-transition: visibility 0s, opacity 0s;
    transition: visibility 0s, opacity 0s;
}

.gst-tm-show .gst-tm-submenu {
    width: 200px;
    right: 0;
    opacity: 1;
    visibility: visible;
    border: 1px solid #81A100;
    z-index: 1000;
    -webkit-transition: visibility 0s, opacity 0.3s;
    -moz-transition: visibility 0s, opacity 0.3s;
    -o-transition: visibility 0s, opacity 0.3s;
    transition: visibility 0s, opacity 0.3s;
}

.gst-tm-show-below .gst-tm-submenu {
}

.gst-tm-submenu > li {
	display: block;
	background: #fff;
}

    .gst-tm-submenu > li > a {
        padding: 4px;
        display: block;
        color: #81A100;
        font-size: 1.1em;
        position: relative;
        -webkit-transition: all 0.1s;
        -moz-transition: all 0.1s;
        -o-transition: all 0.1s;
        transition: all 0.1s;
    }

.gst-tm-submenu > li > a:hover,
.gst-tm-submenu > li > a:active {
	color: #fff;
	background: #81A100;
}