﻿/* ******************************************* */
/* Archivo principal css                       */
/* Ing. Francisco Javier Areas Rios            */
/* ******************************************* */
body {color:#000000;font-size:12px; font-family: Lucida Grande, Lucida Sans, Arial, sans-serif;}
h1 {font-size: 24px;border-bottom: 1px solid #CCCCCC;}
h2 {font-size: 16px;border-bottom: 1px dotted #AAAAAA;}
h3 {font-size: 14px;border-bottom: 1px dotted #AAAAAA;}
hr { width:100%;  border-width:1px; color:#B8CFFE; border-color:#B8CFFE;}
legend{font-size:1.2em;font-weight:bold;}
textarea{font-size:1em;font-family:  Tahoma,Arial, Verdana, Helvetica, Geneva, sans-serif;}
option{font-size:1em;font-family:  Tahoma,Arial, Verdana, Helvetica, Geneva, sans-serif;}
*{padding: 0;     margin-left: 0;  margin-top: 0;   margin-bottom: 0;}
.BodyMain {margin:auto;	width:98%;height:100%;min-width:800px;min-height:600px;	padding: 0px 20px 0px 0px;color:#000000;
	font-size: 12px;font-family:  Tahoma,Arial, Verdana, Helvetica, Geneva, sans-serif;	background:#FFFFFF;}	
Body {width:100%;	height:100%; margin:0px;}	
/*hacking para report viewer*/
#oReportCell {width:100%;}
/*Mapa de navegacion del sitio*/
.SiteMapa{width:100%;height:100%;}
.Negrilla {font-weight:bold;margin:1px 2px 1px 2px;}
 input[disabled], input[readonly], select[disabled], select[readonly], checkbox[disabled], checkbox[readonly], textarea[disabled], textarea[readonly]
   {background-color: #FFF; border: #3532ff 1px solid;color: #000000;cursor: default;} 
/* Panel Collapsable de Informacion */
.InfoContainerPanel {width:100%;margin: 1px 1px 1px 2px;border: 1px solid #79b7e7;}
.InfocollapsePanelHeader {width:100%;height:24px;border: 1px solid #79b7e7; background: #d0e5f5 url(images/ui-bg_glass_75_d0e5f5_1x400.png) 50% 50% repeat-x; 
                          font-weight: bold;color: #1d5987;outline: none;}
.InfoHeaderContent{font-size:1.2em;text-align:center;float:left;padding-left:5px;}
.Content{}
.note{}
.InfoArrowExpand {cursor:pointer; background-image: url(images/nbExpand.png);width:15px;height:15px;float:left;margin: 2px 5px 1px 5px;}
.InfoArrowClose {cursor:pointer; background-image: url(images/nbCollapse.png);width:15px;height:15px;float:left;margin: 2px 5px 1px 5px;}
/*scroller de areas */
.scrollrepeater{height:400px; overflow-y:scroll;border-top: solid 0px silver;padding-left: 5px;text-align:left; list-style-image:none;}    
.scrollrepeater2{height:600px; overflow-y:scroll;border-top: solid 0px silver;padding-left: 5px;text-align:left; list-style-image:none;}    

/*                 Cabezera                   */
.HeaderLogo {background-image: url('images/header.png');background-position: center center;	background-repeat: no-repeat;height: 110px;}
.HeaderInfo {float:left;  width:90%; margin-left:8%; margin-right:5%; margin-bottom:1%; height:100%;}
.Header .Text{color:#999fa2;font-size:10px;text-align:left;	position:absolute;float:right;width:410px;top:35px;left:330px;}
.Logo {float:left;width:314px;height:57px;display:block;overflow:hidden;position:absolute;top:20px;z-index:10;left:22px;}
.LogoImage {border: none;}
/*             filtros simples                 */
.SimpleFilter {position:relative; margin:5px 0; min-height:21px; background:url('images/filter.background.png') repeat-x top; border:2px solid #cedbea; text-align:left;}
/*               Layaout Principal             */
.Content {border:none; vertical-align:top; border:1px solid #a1a1a1; table-layout:fixed;}
.ContentBox {border:none; width:400px;  vertical-align:top; border:1px solid #a1a1a1; table-layout:fixed;}
.LeftColumn {vertical-align:top; background: url('images/fieldset.background.png') #F4F4F4 repeat-x; border:1px solid #a1a1a1; table-layout:fixed  ;}
.ContentText {position:relative;}
.ContentLeft {background:url('images/content.left.gif') repeat-y left top; position:static;}
.ContentRight {background:url('images/content.right.gif') repeat-y right top; position:static;}
.Container {border-collapse:collapse; position:relative; table-layout:fixed; }
.ContentIn {padding:10px;}
.MainLoginPanel {background:none; }
.SupportBrowsers {margin-left:70px;}
/*             Pie de pagina          */
.Footer {background:url(images/content.bottom.gif) repeat-x;display: block;	margin:auto;padding:0;margin-bottom: 10px;}
.FooterLeft {padding-left:5px; background:url('images/content.bottom.left.gif') repeat-y left top;}
.FooterRight {padding-right:5px; background:url('images/content.bottom.right.gif') repeat-y right top; height:23px;}
.Footer span {display:block; color:#ffffff; padding:13px 20px;}
.Copyright{padding:4px 0px 0px 4px; float:left; color:#2B3C5D;}
/* Configuracion CSS Easy Slider */
#containerSlider{margin:0 auto;	position:relative;text-align:left;width:400px;background:#fff;}	
.graphic, #prevBtn, #nextBtn{margin:0;padding:0;display:block;overflow:hidden;text-indent:-8000px;}
#slider{}	
#slider ul, #slider li{margin:1px;padding:0;list-style:none;}
#slider li{	width: 390px;height: 241px;	overflow: hidden;border:solid 0px #FFFFFF;font-size: 1em;}	
#prevBtn, #nextBtn{display:block;width:50px;height:50px;position:absolute;left:-30px;top:71px;}	
#nextBtn{left:400px;}														
#prevBtn a, #nextBtn a{display:block;width:50px;height:50px;background:url(images/leftarrow.png) no-repeat ;}	
#nextBtn a{	background:url(images/rightarrow.png) no-repeat;}												
#caja1 {height:240px;background-image: url(images/SecurityImage.png); background-repeat: no-repeat; background-position: bottom right;}
#caja2 {height:240px;background-image: url(images/userhelp.png); background-repeat: no-repeat;background-position: bottom right;}
#caja3 {height:240px;background-image: url(images/manuales.png); background-repeat: no-repeat; background-position: bottom right;}
img {border:none;}
/*para el panel de reportes*/
.report-box { background-color:#E2ECFF; border:1px solid #B8CFFE;margin:5px;padding:5px 5px 10px;}
.nolistimage { list-style-type:none;list-style-image:none;}
/*     Barra de  Navegacion Superior pagina principal */
.Navigation{background:url('images/content.top.gif') repeat-x; margin:0px; }
.NavigationLeft {background:url('images/content.top.left.gif') no-repeat left top; padding-left:7px;}
.NavigationRight {background:url('images/content.top.right.gif') no-repeat right top; padding-right:7px; height:30px;}
.menubar {height:25px;background: transparent;}
.menubar ul {padding-left: 0px;margin-left: 0px;padding-top:3px;padding-right:10px;background-color: transparent;float:right;
            color: #4C628F;font-weight: bold;font-size:1em;}
.menubar ul li {display: inline;margin:1px 2px 1px 2px;}
.menubar ul li a {padding-left:3px;background-color: transparent;color: #383838;text-decoration: none;}
.menubar ul li a:hover {background-color: transparent;text-decoration:underline;color: #000000;}
/*  menu de la izquierda        */
.MenuRight ul {margin: 0px;padding: 0px;width:100%;color:Black;list-style-image:none;list-style-type:none;}
.MenuRight ul li a {display: block;padding: 0px;text-decoration: none;color:#4E7EA3;font-weight:bold;}
.MenuRight ul li a:hover {color:#E17009;}
.MenuRight ul li ul li a {padding:4px 16px 4px 35px;color:Black;border-right: 0px;background :#FAFAFA url('images/cmenu-vista-bg.gif') repeat-y left top;
                           font-weight:normal;}
.MenuRight ul li ul li a:hover{	background:url('images/cmenu-vista-menu-item-hover.gif')  repeat-x top left;border-right: 0px;color:Black;}
.MenuItemSup {display:inline;vertical-align:top;}
.MenuItemSup {display:inline;vertical-align:top;}
/*  Links con navegacion de opciones sencillas */
.navigationTop {border: 1px #CCD7ED solid;background-color: #e5ecf9;text-align:left;margin: 0px 0px 0px 0px;font-family: Arial;font-size: 0.9em;padding: 7px;}
.navigationTop a {font-size: 1.2em;font-weight: bold;color: #0018A5;text-decoration:underline;font-family: arial;}
/*  ventana emergentes con Ajax Toolkit           */
.modalpopup {font-family:arial,helvetica,clean,sans-serif;font-size:small;display:block;position:absolute;padding:2px 3px;}
.modalpopup .container {width:350px;border:2px solid #336699;border-width:1px 0;}
.modalpopup .header {border:1px solid #336699;background:url(images/header.gif) repeat-x;color:#FFF;display:block;padding:3px 10px;}
.modalpopup .header .msgHead {font-weight:700;}
.modalpopup .bodyError,.bodySuccess,.bodyWarning,.bodyPrompt {border:2px solid #336699;background-color:#f2f2f2;
                padding-top:10px;padding-left:10px;padding-bottom:30px;display:block;height:120px;border:2px solid #336699;}
.modalpopup .bodyError {background:#fff url(images/error_bg.jpg) bottom right no-repeat;}
.modalpopup .bodySuccess {background:#fff url(images/success_bg.jpg) bottom right no-repeat;}
.modalpopup .bodyWarning {background:#fff url(images/warning_bg.jpg) bottom right no-repeat;}
.modalpopup .bodyPrompt {background:#fff url(images/prompt_bg.jpg) bottom right no-repeat;}
.modalpopup .msg {float:left;padding-left:22px;}
.modalpopup .footer {background-color:#FFF;text-align:right;padding-bottom:8px;padding-right:8px;
                    display:block;border:solid 0px #336699 ;border-left-width:2px;border-right-width:2px;border-bottom-width :1px;}
.modalpopup .close {right:7px;background:url('images/dialog_close.gif') no-repeat;width:25px;cursor:pointer;position:absolute;top:7px;height:15px;}
.modalpopup .modalBackground {background-color:#FFF;filter:alpha(opacity=50);opacity:.5;}
 /*****Ventanas de informacion estaticas******/
.infomsg, .successmsg, .warningmsg, .errormsg, .validationmsg {border: 1px solid;margin: 10px 0px;background-repeat: no-repeat;background-position: 10px center;}
.infomsg {color: #00529B;background-color:White;background-image: url('images/info.png');}
.successmsg {color: #4F8A10;background-color:White;background-image:url('images/success.png');}
.warningmsg {color: #9F6000;background-color:White;background-image: url('images/warning.png');}
.warningerrormsg {color: #9F6000;background-color:White;background-image: url('images/warningerror.png');}
.errormsg {color: #D8000C;background-color:White;background-image: url('images/error.png');}
.infomsg p, .successmsg p, .warningmsg p, .errormsg p {padding: 0px 50px;text-align:center;}
.infomsg a, .successmsg a, .warningmsg a, .errormsg a {float: right;cursor:pointer; padding-top:5px;}
.messageheader {cursor:move;background: url(images/header2.png) repeat-x;height:18px;padding:5px;border-bottom: solid 1px black;}
.messageheadertext {color:White;float:left;font-weight:bold;}
.messagefooter {text-align:center;padding-top: 5px;}
.messagemodalbackground {background-color:Gray;filter:alpha(opacity=50);opacity:0.6;z-index:998;}
/* Manejo de Modal Popup para SimpleModal-Jquery   */
#confirmModalOverlay {background-color:#eee; cursor:wait;}
#confirmModalContainer {height:180px; width:420px; left:50%; top:15%; margin-left:-210px; font-family:'Trebuchet MS', Verdana, Arial; font-size:16px; text-align:left; background:#fff; border:2px solid #336699;}
#confirmModalContainer .header {height:30px; width:100%; background:url('images/glossydarkblue.jpg') repeat-x; color:#fff; font-size:1.1em; font-weight:bold; line-height:30px;}
#confirmModalContainer .header span {padding-left:8px;}
#confirmModalContainer .message {color:#333; text-align:center; margin:0; padding:12px 4px; font-size:1em;}
#confirmModalContainer .buttons {width:160px; float:right; padding:10px 8px 0;} 
#confirmModalContainer .buttons div {float:right; margin-left:8px; width:70px; height:26px; color:#666; font-weight:bold; text-align:center; background:url('images/glass.png') repeat-x; border:1px solid #bbb; cursor:pointer;} 
#confirmModalContainer .buttons div:hover{background:url('images/glassover.png') repeat-x;color: #e17009 !important;}
#confirmModalContainer a.modalCloseX,
#confirmModalContainer a.modalCloseX:link,
#confirmModalContainer a.modalCloseX:active,
#confirmModalContainer a.modalCloseX:visited {text-decoration:none; font-weight:bold; font-size:1.1em; position:absolute; top:-1px; left:400px; color:#ddd;}
#confirmModalContainer a.modalCloseX:hover {color:#9bb3b3;}
/* IE 6 hacks*/
#confirmModalContainer {top:expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(15 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');}
/*    Formato para el TAB de ASP.NET AJAX    */
.TABAzul .ajax__tab_header {font-size:13px;font-weight:bold;color:#000;font-family:sans-serif;}
.TABAzul .ajax__tab_active .ajax__tab_outer,.TABAzul .ajax__tab_header .ajax__tab_outer,
.TABAzul .ajax__tab_hover .ajax__tab_outer{height:46px;}
.TABAzul .ajax__tab_active .ajax__tab_inner,.TABAzul .ajax__tab_header .ajax__tab_inner,
.TABAzul .ajax__tab_hover .ajax__tab_inner {height:46px;margin-left:16px;}
.TABAzul .ajax__tab_active .ajax__tab_tab,.TABAzul .ajax__tab_hover .ajax__tab_tab,
.TABAzul .ajax__tab_header .ajax__tab_tab {	margin:16px 16px 0px 0px;}
.TABAzul .ajax__tab_hover .ajax__tab_tab,
.TABAzul .ajax__tab_active .ajax__tab_tab {	color:#fff;}
.TABAzul .ajax__tab_body {font-family:verdana,tahoma,helvetica; font-size:10pt;
    border:0px solid #999999;border-top:0;padding:8px; background-color:#ffffff;}
.TABAzul-blue .ajax__tab_header {background:url(images/blue_bg.gif) repeat-x;}
.TABAzul-blue .ajax__tab_hover .ajax__tab_outer,.TABAzul-blue .ajax__tab_active .ajax__tab_outer 
{background:url(images/blue_left.gif) no-repeat left top;}
.TABAzul-blue .ajax__tab_hover .ajax__tab_inner,.TABAzul-blue .ajax__tab_active .ajax__tab_inner 
{background:url(images/blue_right.gif) no-repeat right top;}
/*        Formato del GridView de ASP.NET      */
.letranormal {color:#000000;font-size: 8pt;font-style:normal;font-weight:normal}
.gridcontainer {border: solid 1px #99BBE8;border-top-width:0px;width: 99.7%;}
.grid {width: 100%;border-width:0px;}
.grid caption {background:#f9f9f9 url(images/captionbckg.gif) repeat-x;color:#15428B;text-align:left;line-height:22px;font-size:11px;
	            font-weight:bold;padding-top:4px;padding-left:4px;font-family:tahoma,arial,verdana,sans-serif;}
.grid table {border-color:#99BBE8;border-width:1px;}
.grid tr:hover {background:transparent url(images/header3.png) repeat-x;}	
.grid tr input[type="image"]{cursor:hand;}
.grid td, .grid th {height:18px;vertical-align:middle;}
.grid th {background:transparent url(images/captionbckg.gif) repeat-x;height:20px;border:solid 1px #99BBE8;font-weight:normal;padding-left:5px;text-align:left;}
.grid th a {color:black;border-bottom-style:none;text-decoration:none;} 
.grid th:hover {background:url(images/buttonover.gif) repeat-x;}
.grid .sortascheaderstyle{background: url(images/sort_asc.gif) no-repeat scroll right center;padding-left:5px;}
.grid .sortdescheaderstyle{background: url(images/sort_desc.gif) no-repeat scroll right center;padding-left:5px;} 
.grid input[type=text]{border-style:solid;border-width:1px;border-color:#4682B4;}
.sortalternatingrowstyle{background-color:#E5E5E5;}
.sortrowstyle{background-color:#f0f0f0}
.gridnavigation{background:url(images/captionbckg.gif) repeat-x;}
.grid td {border-right:solid 1px #7f7f7f;border-bottom:solid 1px #7f7f7f;border-top-color:#fff; width:100%; cursor:default;}
/*formato de fila cuando esta seleccionada*/
.selectedrow td  {background: url('images/header2.png') repeat-x;border:solid 1px #DCDCDC;color:White;}
.altrow {background-color:#EEEEEE;}
.altoverow {border:10px solid #99BBE8;background: efefef url(images/rowover.gif) repeat-x left top;}
.pagerstyle {font-size:x-small;text-align:left;background-position: bottom left; background: #D0DEF0 url(images/toolbarbck.gif) repeat-x scroll left top;}
.gopag {font-size:x-small;width:20px;}
.pagprev { background:transparent url(images/prev.png) no-repeat scroll center;height:1.3em;width:16px;cursor:pointer;border:0px;}
.pagnext { background:transparent url(images/next.png) no-repeat scroll center;height:1.3em;width:16px;cursor:pointer;border:0px;}
.pagfirst{ background:transparent url(images/first.png) no-repeat scroll center;height:1.3em;width:16px;cursor:pointer;border:0px;}
.paglast { background:transparent url(images/last.png) no-repeat scroll center;height:1.3em;width:16px;cursor:pointer;border:0px;}
.pagfirst:hover,.paglast:hover,.pagprev:hover,.pagnext:hover {border: solid 1px #FF7400;}
.hiddenColumn {display:none;}
 .visibleColumn{display:block;}
/*aplicar formato al login*/
/*  Solo para mostrar datos */
.ShowInfo { font-size:1em;font-weight:normal; width:98%; margin: 1px 1px 1px 1px;}
.ShowInfo label {position: relative;float: left;width: 14em;margin-right: 0em;font-weight:bold;}
.ShowInfo fieldset ol {padding: 1em 1em 0 1em;	list-style: none;}
.ShowInfo fieldset {clear: left;width: 98%;margin: 0  0 1.5em 0;background-color:#ffffff;border:solid 1px #3399ff;padding:10px;}
.ShowInfo legend {margin-left: 1.5em;padding: 0;color: #E17009;font-weight: bold;font-size:1.2em;}
/*    Formulario para captura de datos        */
#EntryForm {border-style: none;border-color: inherit;border-width: medium;
    clear: left;    width: 100%;     padding: 0;    background-color:White; min-width : 250px; 
}
#EntryForm fieldset {clear: left;width: 98%;margin: 0  0 1.5em 0;padding:5px;border :1px solid #C4D3EA;}
#EntryForm legend {margin-left: 1.5em;padding: 0;color: #E17009;font-weight: bold;font-size:1.2em;border : 0px solid #C4D3EA;}
#EntryForm fieldset ol {padding: 1em 1em 0 1em;list-style: none;zoom: 1;height: auto;width: auto;}
#EntryForm fieldset li {float: left;clear: left;width: 100%;padding-bottom: 1px;padding-top:1px;}
#EntryForm label {position: relative;float: left;width: 14em;margin-right: 0em;}
#EntryForm label em{ position: absolute;left: 1em;top: 0;}
#EntryForm fieldset.submit {float: none;width:  auto ;border-style: none;padding-left: 2em;}
/*Definicion de los campos de captura de datos estas clases*/
/*esta vinculadas con jquery por tanto debe tener cuidado al cambiarlas*/
.txtLogin {background-image:url(images/BO_User.png);background-position:left center;background-repeat:no-repeat;padding:3px 23px;}
.txtUser {background-image:url(images/user.png);background-position:left center;background-repeat:no-repeat;padding:3px 23px;}
#EntryForm .Get100 {width: 90%;}
#EntryForm .Get80 {width: 80%;}
#EntryForm .Get60 {width: 60%;}
#EntryForm .Get40 {width: 40%;}
#EntryForm .Get20 {width: 20%;}
#EntryForm .GetDate {width: 90px;}
/*campo para captura de combos*/
#EntryForm .GetCombo {width: 45%;}
#EntryForm .GetMultiline {margin:0px;width: 70%;height:60px;}
#EntryForm .GetForo {margin:0px;width: 90%;height:90px;}
/*campo numerico sin decimales*/
#EntryForm .GetInt {width: 30%;}
/*campo entero con dos decimales*/
#EntryForm .GetFloat2Decimal{width: 30%;}
/*campo flotante con 4 decimales*/
#EntryForm .GetFloat4Decimal{width: 30%;}
/*capturar moneda en cordobas*/
#EntryForm .GetMoneyCordoba {width: 30%;}
/*capturar moneda en dollar*/
#EntryForm .GetMoneyDollar {width: 30%;}
/*captura email*/
#EntryForm .GetEmail {width: 20%;}
/*capturar solo letras*/
#EntryForm .GetOnlyLetter {width: 20%;}
#EntryForm  option {color:#000000;background-color: #C3D9FF}
#EntryForm input[type=text],input[type=password],textarea {border-style:solid;border-width:1px;border-color:#4682B4;}
#EntryForm input[type="checkbox"], input[type="radio"] {background: transparent; border: 0;}
/*colores encima para texto,passaword y areas grandes*/
#EntryForm input[type=text]:hover,input[type=password]:hover,textarea:hover {background-color:#FFFF99;}
/*Barra de progreso de captura de datos   */
.ProgressUpdate {background-color:#FFFFFF;position:fixed;top:50%;left:50%;height:90px;width:100px;text-align:center;
   padding-top:10px;font-family:Verdana;border-style:solid;border-width:1px;border-color:#3399FF;   
   background-position: center center;z-index:3;}
.ProgressUpdate img {vertical-align:middle;margin:2px;}
/* For IE (big surprise): */
#ConfirmSave { margin-top: 20px; }
/*    Caja con bordes redondos */
* html {height: 1%;}
#box {
	font-size: 1em;
	position: relative;
	margin-left: auto;
	margin-right: auto;	
	margin-top: 1em;
	text-align: left;
	width: 100%;
	overflow: hidden;
	background-color: #eeeeee;
	top: 0px;
	left: 0px;
}
 #boxModal	{position: relative;margin-left: auto;margin-right: auto;margin-top: 0em;padding: 0;text-align: left;width:400px;
	        height:220px;background-color: #eeeeee;}
/*titulo de la ventana*/
.Title {float:left;width:100%;top:12px;left:22px;font-size:14px;font-weight:bold;overflow:hidden;position:absolute;color:#000000;z-index:10;}
#content {padding:3em;padding-bottom:1em;}

#tlc, #trc, #blc, #brc{background-color: transparent;background-repeat: no-repeat;}
#tlc {background-image:url('images/roundboxtlc.gif');background-position: 0% 0%;}
#trc {background-image:url('images/roundboxtrc.gif');background-position: 100% 0%;}
#blc {background-image:url('images/roundboxblc.gif');background-position: 0% 100%;}
#brc {background-image:url('images/roundboxbrc.gif');background-position: 100% 100%;}
#tb, #bb {background-color: transparent;background-repeat: repeat-x;}
#tb {background-image:url('images/roundboxtb.gif');background-position: 0% 0%;}
#bb {background-image:url('images/roundboxbb.gif');background-position: 50% 100%;}
#rb {background-image:url('images/roundboxr.gif');background-position: 100% 0%;background-repeat: repeat-y;}
#lb	{background-color: white;background-image:url('images/roundboxl.gif');background-position: 0% 100%;background-repeat: repeat-y;}
* html #tlc, * html #trc {height: 1%;}
#tlc, #trc { zoom: 1 }
/*    botones  */
.ButtonAPP {border: 1px solid #c5dbec;background: #dfeffc url('images/glass.png') 0 50% repeat-x;font-weight: bold;
            font-family: 'Trebuchet MS', Verdana, Arial,Tahoma, Helvetica, Geneva, sans-serif;
	        font-size:1em;color: #2e6e9e !important;cursor :hand;margin :2px;height: 2.5em;width:120px;}
.ButtonAPP a {color: #2e6e9e;}
.ButtonAPP:hover {border: 1px solid #79b7e7;background: #d0e5f5 url(images/glassover.png) 0 50% repeat-x;font-weight: bold;color: #1d5987 !important;}
.ButtonAPP a {color: #1d5987;}
.ButtonAPP:active {border: 1px solid #79b7e7;background: #f5f8f9 url(images/glassactive.png) 0 50% repeat-x;font-weight: bold;color: #e17009 !important;}
/*cuando se fija el campo de captura se selecciona toda la lista miembro*/
.OverFieldForEdit {background-color :#C3D9FF;border-style:solid;border-width:1px;border-color:#696969;}
/*  Estilos para los alertas y mensajes        */
.info, .success, .warning, .error, .validation, .help {border: 1px solid; margin: 10px 0px; background-repeat: no-repeat;background-position: 10px center;padding: 5px 5px 5px 50px;width:75%;min-height:20px;}
/*formato para aplicarse algunos div con un fondo azulado*/
.divAliceBlue {background-color:#f0f8ff;border:solid 1px #3399ff;padding:20px;font-family:Calibri;}
.info {overflow: hidden;color: #00529B;background-color: #BDE5F8; background-image: url('images/info.png');}
.success {overflow: hidden; color : #4F8A10;background-color: #DFF2BF;background-image:url('images/success.png');}
.warning {overflow: hidden;color: #9F6000;background-color: #FEEFB3; background-image: url('images/warning.png');}
.error {overflow: hidden;float:left;display :inline ;color: #D8000C;background-color: #FFBABA; background-image: url('images/error.png');}
.comments{background:#D6E8F5 none repeat scroll 0 0;border:2px solid #77B2DF;
     color:#33597F;font-weight:bold;margin:10px 0 5px;padding:3px 5px;text-align:center;}
.help {text-align:justify;color  : #00529B;background-color: #BDE5F8;background-image: url('images/tip.png');}
.help li {list-style-image: url('images/list.png');}
.errorProxyValidator {background-color: #FFBABA; border: 1px solid;}
.container{}
.info p, .success p, .warning p, .error p {padding: 0px 50px;}
.info a, .success a, .warning a, .error a {float: right;padding: 10px;cursor:pointer;}
.container img {border: none;}
/* validacion cuando es summary */
.validation {color: #D8000C;background-color: #FFBABA;background-image: url('images/error.png');}
.validation ul {padding: 0px 30px;}
/*Estilos de mensajes de alertas tipo sin iconos*/
.clean-gray {border:solid 1px #DEDEDE;background:#EFEFEF;color:#222222;padding:4px;text-align:center;}
.clean-yellow {border:solid 1px #DEDEDE;background:#FEEFB3;color:#000000;padding:4px;text-align:left;}
.clean-ok {border:solid 1px #349534;background:#C9FFCA;color:#008000;font-weight:bold;padding:4px;text-align:center;}
.clean-error{border:solid 1px #CC0000;background:#F7CBCA;color:#CC0000;font-weight:bold;padding:4px;text-align:justify;}
/*  Explorador de archivos y fileupload        */
#browser {clear:both;font-family:Calibri, Sans-Serif;font-size:12pt;width:100%;}
/*Panel del arbol*/
#browser .sidebar {float:left;display: inline;margin:0px 0px 0px 6px;width:25%;min-width:150px;border:solid 1px #a7bac5;background-color:#fff;}
#browser .sidebar .title {background-color:#f6fbfd;border-bottom:solid 1px #9eb6ce;color:#1f3695;font-size:11pt;height:20px;line-height:20px;
	                        padding:0px 0px 0px 4px;background:transparent url(images/captionbckg.gif) repeat-x;}
#browser .sidebar .folders .tree {border:none;height:405px;overflow:auto;} 
#browser .sidebar .folders .tree IMG {padding:0px 1px 0px 0px;}
#browser .sidebar .folders .tree .node {font-size:10pt;border:solid 1px #fff;padding:1px;color:#444;}
#browser .sidebar .folders .tree TD.selected-node {background-color:#f6fbfd;border-color:#99defd;}
/* panel de contenido del explorer*/
#browser .content {border:solid 1px #a7bac5;border-left:none;height:427px;background-color:#fff;overflow:auto;margin-right:6px;} 
#browser .content .grid {background-color:#fff;width:100%;}
#browser .content .grid TH {font-weight:normal;text-align:left;background-color:#f6fbfd;border-bottom:solid 1px #9eb6ce;color:#1f3695;font-size:11pt;	height:20px;line-height:20px;padding:0px 0px 0px 2px;} 
#browser .content .grid TD {font-size:10pt;padding:2px;border:none ;} 
#browser .content .grid tr:hover {background-color:#f6fbfd;}     
#browser .content .grid .name {width:40%;}
#browser .content .grid .icon {text-align:center;}                    
#browser .footer {clear:both;background:#fff url('images/toolbarbck.gif') repeat-x ;border:solid 1px #a7bac5;border-top:none;height:47px;margin:0px 6px;}
#browser .footer .details {background:transparent url('images/large_folder.png') no-repeat left;height:50px;float:left;padding-left:100px;}
#browser .footer .details .folderinfo {padding:6px 0px;}
#browser .footer .details .folderinfo TABLE {font-size:10pt;padding-top:4px;}
#browser .footer .details .folderinfo TABLE TD.header {color:#777;text-align:right;}
#browser .footer .details .folderinfo TABLE TD {color:#444;text-align:left;padding-left:4px;}
.fileupload {width:80%;}
/*caja redondeada para el explorer*/
div.rounded { clear:both;max-width:2400px;}
div.rounded div.top-outer {background:url('images/tl.gif') no-repeat left bottom; padding:0px;width:100%;}
div.rounded div.top-outer div.top-inner {background:url('images/tr.gif') no-repeat right bottom;margin-left:12px;}
div.rounded div.top-outer div.top-inner div.top {background:url('images/bg.gif') repeat; height:12px;margin-right:12px; font-size:.01em;}
div.rounded div.mid-outer {background:url('images/bg.gif') repeat-y;clear:both;width:100%;}
div.rounded div.mid-outer div.mid-inner {background:url('images/bg.gif') repeat-y;}
div.rounded div.mid-outer div.mid-inner div.mid {background:url('images/bg.gif') repeat;}
div.rounded div.bottom-outer {background:url('images/bl.gif') no-repeat left top;clear:both;padding:0px;width:100%;}
div.rounded div.bottom-outer div.bottom-inner {background:url('images/br.gif') no-repeat right top; margin-left:12px;}
div.rounded div.bottom-outer div.bottom-inner div.bottom {background:url('images/bg.gif') repeat;height:12px;margin-right:12px;font-size:.01em;}
/*  maquetado CSS para la barra de progreso   */
.vista .ajax__progress_indicator {background-image:url(images/vista.gif);}    
.vista .ajax__progress_outer {text-align:left;border-top-color:#B2B2B2;border-bottom-color:#B2B2B2;}
.vista .ajax__progress_inner {border-left-color:#B2B2B2;border-right-color:#B2B2B2;background-image:url(images/vista_bg.gif);} 
/*  maquetado CSS para FileUplod que se encarga*/
.upload {width: 90%;height:150px;border: solid 1px #004792;margin: 10px 0px; padding: 10px 25px;background-color: #F0F8FF;}
.upload h3 { margin:0;padding-bottom:5px;font-size:14px;}
/*frame oculto del upload*/        
.upload IFRAME {text-align:center;vertical-align:middle;border-style:none;margin:0px;width:100%;height:53px;
}
#status, .commands{ height:25px; line-height:25px; }
.upload .commands{ float:right; }
.hidden { display:none; }        
#status { float:left; }
#status .error{ color:Red;}
#status .info{ color:#333;}
#status .success{ color:green;}
/*  Pantalla de Login del usuario */
#smallHeaderTitle {color:Black ; font-weight: bold; padding-left: 18px; font-size: 1.4em;}
#smallHeader		{width:400px;margin-right:auto; margin-left:auto; background-image:url('images/blue_bg.gif');
z-index:10;position:relative;
    top: -10px;
    left: 0px;
}
#smallHeader .bg {background-image:url('');padding: 15px 2px 0px 2px}
#smallHeader .r1 {height:28px;overflow:hidden;padding:0px;}
#smallContent {margin:0px auto 0px auto;width:400px;height:100%;background-image:url('images/small_content_bg.gif');overflow:hidden; padding-bottom: 0px;}
#smallContent-inner {background-image:url(''); background-repeat:no-repeat; background-position:top right;}
#smallContentOnly {margin:0px auto 0px 7px;border:solid 0px red;height:100%;}
#smallFooter {margin:0px auto 0px auto; width:400px; height:37px;overflow:hidden;background-image:url(images/small_footer.gif);font-family:arial;font-size:11px;color:#666666;font-weight:700;}
#smallFooter .container {margin-top:13px;text-align:left; padding-left: 10px;}
/* Configuracion para mostrar tooltips*/
.tooltip { border:0};
#cluetip-close img { border: 0;}
#cluetip-title { overflow: hidden;}
#cluetip-title #cluetip-close { float: right; position: relative;}
#cluetip-waitimage {width: 43px;height: 11px; position: absolute;background-image: url(images/busy.gif);}
.cluetip-arrows {display: none;position: absolute;top: 0; left: -11px;height: 22px;width: 11px;background-repeat: no-repeat; background-position: 0 0;}
#cluetip-extra {display: none;}
/*Configuracion de cluetipClass: 'default'*/ 
.cluetip-default { background-color: #EFF3FB;}
.cluetip-default #cluetip-outer {position: relative; margin: 0; background-color: #EFF3FB;}
.cluetip-default h3#cluetip-title {margin: 0 0 5px;padding: 8px 10px 4px;font-size: 1.1em;font-weight: normal;background-color: #0192BF;color: #fff;}
.cluetip-default #cluetip-title a {color: #d9d9c2; font-size: 0.95em;}  
.cluetip-default #cluetip-inner {padding: 10px;}
.cluetip-default div#cluetip-close {text-align: right;margin: 0 5px 5px;color: #900;}
/* IE6 hack */
.cluetip-rounded #cluetip-title,
.cluetip-rounded #cluetip-inner {zoom: 1;}
/*configuracion menu pulldown*/
.MenuPullDown {width: 200px;margin-top: 10px;}
.MenuPullDown ul {list-style: none;margin : 0;padding: 0;}
.MenuPullDown li a {text-decoration: none;height: 32px;voice-family: "\"}\"";voice-family: inherit;height: 24px;}
.MenuPullDown li a:link, #menu8 li a:visited {color: #777;display:block;background: url(images/menupulldown.gif);padding: 8px 0 0 20px;}
.MenuPullDown li a:hover {color: #257EB7;background: url(images/menupulldown.gif) 0 -32px;padding: 8px 0 0 25px;}
.MenuPullDown li a:active {color: #fff;background: url(images/menupulldown.gif) 0 -64px;padding: 8px 0 0 25px;}
/*Configuracion de GrowUI*/
div.growlUI h1 { font-size:1.5em; }
div.growlUI h2 { font-size:1.1em;}
div.growlUI h1, div.growlUI h2 {text-align: left}
/*Chat Configuracion*/
#msgnotifchat {	bottom: 0px;right: 0px;	margin:0px;
	position:fixed; width:300px; height: 160px;border: solid 2px #fad42e;margin: 0px 0px 0px 20px;
    background-color:white;display:none;font-size:13px;}
#modalwinchat .modalwinchattop
{
	width: 294px; background-color: Transparent; background-image: url(images/glossydarkblue.jpg); background-repeat: repeat-x;
    padding: 4px;color: #ffffff; text-align: right;cursor: move;
}
#modalwinchat .modalwinchattitle{padding: 4px;font-size: 12px; font-weight: bold;color: #ffffff;float:left;}
#modalwinchat .modalwinchatbody {padding: 10px;text-align: left;}
#modalwinchat .modalclose {cursor:pointer;}
.mensajechat { background-color: White; border-color:#fad42e;border-width:1px;border-style:solid; float:left; height:300px;width:60%;overflow-y:scroll; font-size: 11px; padding: 4px 4px 4px 4px;}
.userschat {background-color: White; border-color:#fad42e;border-width:1px;border-style:solid;height :300px;width:30%;overflow-y:scroll; font-size: 11px;  padding: 4px 4px 4px 4px;}
/*Imagen de ayuda */
ImgHelp{ font-style:normal;}
/* Redmond style para jQuery date picker v3.5.2. */
#datepick-div, .datepick-inline {font-family: Arial,Helvetica,sans-serif;font-size: 14px;padding: 0;margin: 0;background: #fff;color: #222;width: 185px;}
#datepick-div {display: none;border: 1px solid #4297d7;z-index: 100;}
.datepick-inline {float: left;display: block;border: 0;}
.datepick-rtl {direction: rtl;}
.datepick-dialog {padding: 5px !important;border: 4px ridge #4297d7 !important;}
.datepick-disabled {position: absolute;	z-index: 100;background-color: white;opacity: 0.5;filter: alpha(opacity=50);}
button.datepick-trigger {width: 25px;}
img.datepick-trigger {margin: 2px;vertical-align: middle;}
.datepick-prompt {float: left;padding: 2px;}
* html .datepick-prompt {width: 185px;}
.datepick-control, .datepick-links, .datepick-header, .datepick {clear: both;float: left;width: 100%;}
.datepick-control {background: #d0e5f5;	padding: 2px 0px;}
.datepick-links {padding: 2px 0px;}
.datepick-control, .datepick-links {font-weight: bold;font-size: 80%;}
.datepick-links label {	padding: 2px 5px;color: #888;}
.datepick-clear, .datepick-prev {float: left;width: 34%;}
.datepick-rtl .datepick-clear, .datepick-rtl .datepick-prev {float: right;text-align: right;}
.datepick-current {float: left;width: 30%;text-align: center;}
.datepick-close, .datepick-next {float: right;width: 34%;text-align: right;}
.datepick-rtl .datepick-close, .datepick-rtl .datepick-next {float: left;text-align: left;}
.datepick-header {background: #5c9ccc;color: #fff;text-align: center;font-weight: bold;height: 1.6em;}
.datepick-header select {background: #5c9ccc;color: #fff;border: 0px;font-weight: bold;}
.datepick-header span {	position: relative;top: 3px;}
.datepick {text-align: center;font-size: 100%;}
.datepick a {display: block;width: 100%;}
.datepick-title-row th {text-align: center;	font-weight: normal;}
.datepick-week-col {background: #d0e5f5;}
.datepick-days-cell {border: 1px solid #c5dbec;}
.datepick-days-cell a {display: block;background: #dfeffc;}
.datepick-other-month a {background: #fff;}
.datepick-week-over a {background: #d0e5f5;}
.datepick-unselectable {color: #888;}
.datepick-today {border: 1px solid #fad42e;}
.datepick-today a {background: #fbec88;}
.datepick-current-day {	border: 1px solid #4297d7;}
.datepick-current-day a {background: #5c9ccc;color: #fff;}
.datepick-days-cell-over {border: 1px solid #79b7e7;}
.datepick-days-cell-over a {background: #d0e5f5;color: #222;}
.datepick-status {width: 100%;font-size: 80%;text-align: center;}
#datepick-div a, .datepick-inline a {cursor: pointer;margin: 0;padding: 0;text-decoration: none;}
.datepick-inline .datepick-links a {padding: 0 5px !important;}
.datepick-control a, .datepick-links a {padding: 2px 5px !important;color: #222 !important;}
.datepick-control a:hover {background: #5c9ccc;}
.datepick-links a:hover, .datepick-title-row a:hover {background: #d0e5f5;}
.datepick-multi .datepick {border: 1px solid #a6c9e2;}
.datepick-one-month {float: left;width: 185px;}
.datepick-new-row {clear: left;}
/* ___________ IE6 IFRAME FIX ________ */
.datepick-cover {display: none;display: block; position: absolute; z-index: -1; filter: mask();top: -1px;left: -1px;
                 width: 187px;height: 187px; }
/*thickbox*/
#TB_window {font: 12px Arial, Helvetica, sans-serif;color: #333333;}
#TB_secondLine {font: 10px Arial, Helvetica, sans-serif;color:#666666;}
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}
#TB_overlay {position: fixed;z-index:100;top: 0px;left: 0px;	height:100%;width:100%;}
.TB_overlayMacFFBGHack {background: url(images/macFFBgHack.png) repeat;}
.TB_overlayBG {background-color:#555;filter:alpha(opacity=75);-moz-opacity: 0.75;opacity: 0.75;}
/* ie6 hack */
* html #TB_overlay {position: absolute;height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}
#TB_window {position: fixed;background: #ffffff;z-index: 102;color:#000000;display:none;border: 4px solid #3F4C6B;text-align:left;top:50%;left:50%;}
/* ie6 hack */
* html #TB_window { position: absolute;
                    margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}
#TB_window img#TB_Image {display:block;margin: 15px 0 0 15px;border-right: 2px solid #ccc;border-bottom: 2px solid #ccc;border-top: 2px solid #666;	border-left: 2px solid #666;}
#TB_caption {height:25px;padding:7px 30px 10px 25px;float:left;}
#TB_closeWindow {height:25px;padding:11px 25px 10px 0;float:right;}
#TB_closeAjaxWindow {padding:7px 10px 5px 0;margin-bottom:1px;text-align:right;float:right;}
#TB_ajaxWindowTitle {float:left;padding:7px 0 5px 10px;margin-bottom:1px;}
#TB_title{background-color:#C3D9FF;height:27px;}
#TB_ajaxContent {clear:both;padding:2px 15px 15px 15px;overflow:auto;text-align:left;line-height:1.4em;}
#TB_ajaxContent.TB_modal {padding:15px;}
#TB_ajaxContent p {padding:5px 0px 5px 0px;}
#TB_load {position: fixed;display:none;height:13px;width:208px;z-index:103;top: 50%;left: 50%;	margin: -6px 0 0 -104px; }
/* ie6 hack */
* html #TB_load { position: absolute;
                  margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}
#TB_HideSelect{z-index:99;position:fixed;top: 0;left: 0;background-color:#fff;border:none;filter:alpha(opacity=0);-moz-opacity: 0;opacity: 0;height:100%;width:100%;}
 /* ie6 hack */
* html #TB_HideSelect {
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent{clear:both;border:none;margin-bottom:-1px;margin-top:1px;_margin-bottom:1px;}
.thickbox{ border:0px;}
.thickbox a{border:1px;}
.thickbox img{ border:0px;}
/** jQuery UI CSS Framework*/
/* Layout helpers----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }
/* Interaction Cues----------------------------------*/
.ui-state-disabled { cursor: default !important; }
/* Icons----------------------------------*/
/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/* Component containers
----------------------------------*/
.ui-widget { font-family: Lucida Grande, Lucida Sans, Arial, sans-serif; font-size: 1.1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Lucida Grande, Lucida Sans, Arial, sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #a6c9e2; background: #fcfdfd url(images/ui-bg_inset-hard_100_fcfdfd_1x100.png) 50% bottom repeat-x; color: #222222; }
.ui-widget-content a { color: #222222; }
.ui-widget-header { border: 1px solid #4297d7; background: #5c9ccc url(images/ui-bg_gloss-wave_55_5c9ccc_500x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; }
.ui-widget-header a { color: #ffffff; }
/* Interaction states----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #c5dbec; background: #dfeffc url(images/ui-bg_glass_85_dfeffc_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #2e6e9e; outline: none; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #2e6e9e; text-decoration: none; outline: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #79b7e7; background: #d0e5f5 url(images/ui-bg_glass_75_d0e5f5_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #1d5987; outline: none; }
.ui-state-hover a, .ui-state-hover a:hover { color: #1d5987; text-decoration: none; outline: none; }
.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #79b7e7; background: #f5f8f9 url(images/ui-bg_inset-hard_100_f5f8f9_1x100.png) 50% 50% repeat-x; font-weight: bold; color: #e17009; outline: none; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #e17009; outline: none; text-decoration: none; }
/* Interaction Cues----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #fad42e; background: #fbec88 url(images/ui-bg_flat_55_fbec88_40x100.png) 50% 50% repeat-x; color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #cd0a0a; }
.ui-state-error a, .ui-widget-content .ui-state-error a { color: #cd0a0a; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #cd0a0a; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
/* Icons----------------------------------*/
/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_469bdd_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(images/ui-icons_469bdd_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(images/ui-icons_d8e7f3_256x240.png); }
.ui-state-default .ui-icon { background-image: url(images/ui-icons_6da8d5_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_217bc0_256x240.png); }
.ui-state-active .ui-icon {background-image: url(images/ui-icons_f9bd01_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(images/ui-icons_2e83ff_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_cd0a0a_256x240.png); }
/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-off { background-position: -96px -144px; }
.ui-icon-radio-on { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }
/* Corner radius */
.ui-corner-tl { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; }
.ui-corner-tr { -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; }
.ui-corner-br { -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; }
.ui-corner-top { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; }
.ui-corner-right {  -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; }
.ui-corner-left { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; }
.ui-corner-all { -moz-border-radius: 5px; -webkit-border-radius: 5px; }
/* Overlays */
.ui-widget-overlay { background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); }
.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -webkit-border-radius: 8px; }/* Accordion
----------------------------------*/
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em 2.2em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 0em 0em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; }
.ui-accordion .ui-accordion-content-active { display: block; }
/* Datepicker----------------------------------*/
.ui-datepicker { width: 17em; padding: .2em .2em 0; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { float:left; font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; }
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}
/* Dialog----------------------------------*/
.ui-dialog { position: relative; padding: .2em; width: 300px; }
.ui-dialog .ui-dialog-titlebar { padding: .5em .3em .3em 1em; position: relative;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 0 .2em; } 
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }
/* Progressbar----------------------------------*/
.ui-progressbar { height:2em; text-align: left; }
.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }/* Resizable
----------------------------------*/
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;}
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0px; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0px; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0px; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0px; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}
/* Slider----------------------------------*/
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; }
.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }
.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }
/* Tabs----------------------------------*/
.ui-tabs { padding: .2em; zoom: 1; }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }
