/* ========================================================================================================================================================================================================================================================================================================================== */
/* RESET --- OK */
/* ========================================================================================================================================================================================================================================================================================================================== */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: central; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }

/* ========================================================================================================================================================================================================================================================================================================================== */
/* ELEMENTS --- OK */
/* ========================================================================================================================================================================================================================================================================================================================== */

a { text-decoration: underline; color: #0033CC; }
a:hover { text-decoration: underline; color: #0033CC; }
a[disabled] { color: #A0A0A0; }
a[disabled]:hover { color: #A0A0A0; }
a img { border: 0px; }
h1 { padding: 0px 20px 0px 0px; margin-bottom: 10px; font-weight: normal; }
h2 { font-size: 15px; margin: 0px 0px 4px 0px; font-weight: bold; color: #000000; }
ul li { list-style-type: disc; margin-left: 17px; }

/* ========================================================================================================================================================================================================================================================================================================================== */
/* MENSAJES EN GENERAL --- OK */
/* ========================================================================================================================================================================================================================================================================================================================== */

div.error-stack-trace { font-size: 10px; word-wrap: break-word; }

/* ========================================================================================================================================================================================================================================================================================================================== */
/* MASTER --- OK */
/* ========================================================================================================================================================================================================================================================================================================================== */

html, body, form { width: 100%; height: 100%; margin: 0; padding: 0; }
body { font-family: Tahoma, Verdana, sans-serif; font-size: 11px; font-style: normal; font-weight: normal; text-transform: none; letter-spacing: 0px; line-height: 1.2em; color: #000000; background-color: #FFFFFF; color: #000000; background-repeat: repeat-y; background-position: left; overflow: auto; }
body.no-overflow { overflow: hidden; }
div#wrapper { min-width: 1260px; min-height: 100%; position: relative; background-image: url(/__cdn/WebApps/v1.0/Images/EXA.Apps.1.0.UI.Y.png); background-repeat: repeat-y; background-position: right; }
div#header { width: auto; height: 100px; padding-top: 10px; background-color: #EAEAEA; }
div#body { width: 100%; padding-bottom: 90px; /* ALTO DEL PIE DE PAGINA */ }
div#footer { position: absolute; bottom: 0; width: 100%; height: 90px; /* ALTO DEL PIE DE PAGINA */ background-color: #EAEAEA; }
div#content { margin-left: 41px; margin-right: 41px; width: auto; min-height: 340px; position: relative; }

/* ========================================================================================================================================================================================================================================================================================================================== */
/* HEADER --- OK */
/* ========================================================================================================================================================================================================================================================================================================================== */

div#header div.left { padding-left: 40px; height: 100px; background-image: url(/__cdn/WebApps/v1.0/Images/EXA.Apps.1.0.UI.X.png); background-repeat: no-repeat; background-position: 0px -10px; }
div#header div.right { padding-right: 40px; height: 100px; background-image: url(/__cdn/WebApps/v1.0/Images/EXA.Apps.1.0.UI.X.png); background-repeat: no-repeat; background-position: right -120px; }
div#header div.content { height: 100px; background-image: url(/__cdn/WebApps/v1.0/Images/EXA.Apps.1.0.UI.X.png); background-repeat: repeat-x; background-position: 0 -230px; }
div#header div.header-info { float: right; display: inline; padding: 63px 20px 0px 10px; text-align: right; }

/* ========================================================================================================================================================================================================================================================================================================================== */
/* MAIN MENU --- OK */
/* ========================================================================================================================================================================================================================================================================================================================== */

div#mainmenu { width: auto; height: 44px; margin: 0px 41px 0px 23px; }
div#mainmenu div.left { padding-left: 8px; width: auto; height: 44px; background-image: url(/__cdn/WebApps/v1.0/Images/EXA.Apps.1.0.UI.Hdr.png); background-repeat: no-repeat; background-position: -92px -10px; }
div#mainmenu div.right { padding-right: 8px; width: auto; height: 44px; background-image: url(/__cdn/WebApps/v1.0/Images/EXA.Apps.1.0.UI.Hdr.png); background-repeat: no-repeat; background-position: right -60px; }
div#mainmenu div.content { width: auto; height: 44px; padding-top: 1px; background-image: url(/__cdn/WebApps/v1.0/Images/EXA.Apps.1.0.UI.Hdr.png); background-repeat: repeat-x; background-position: 0 -110px; }

div#menu-frame { }
div#menu-frame ul { height: 34px; width: auto; padding: 2px 0px 2px 2px; font-weight: bold; }
div#menu-frame ul li { z-index: 94; position: relative; height: 32px; float: left; display: inline; margin: 0px; margin: 0px 2px 0px 0px; border-radius: 3px; background-color: rgba(0,0,0,0.2) }

div#menu-frame li div.menu { z-index: 1; display: none; position: absolute; top: 48px; width: 600px; height: auto; color: #000000; word-wrap: break-word; padding: 20px 20px 4px 20px; background-color: #FFFFFF; box-shadow: 0 0 0 6px rgba(0,0,0,0.2); border-radius: 5px; }
div#menu-frame li div.menu { left: 0px; }
div#menu-frame li div.menu.mleft { left: auto; right: 0px; }
div#menu-frame li:hover { background-color: #333333; }
div#menu-frame li:hover div.menu { display: block; }
div#menu-frame li:before { content: ""; display: block; position: absolute; bottom: -20px; left: 0px; width: 100%; height: 20px; background-color: transparent; }

div#menu-frame li > a { z-index: 3; position: relative; display: block; width: auto; height: 23px; text-decoration: none; color: #FFFFFF; padding: 9px 20px 0px 20px; }

div#menu-frame li a.selected:before { content: ''; position: absolute; top: 0; left: 50%; margin-left: -6px; border-right: 5px solid transparent; border-left: 5px solid transparent; border-top: 5px solid #FFFFFF; }
div#menu-frame li a.selected:after { content: ''; position: absolute; bottom: -50px; left: 0px; width: 100%; height: 60px; opacity: 1; }

div.menu-group span.menu-title { display: block; font-size: 12px; border-bottom: 2px solid #CCCCCC; padding-bottom: 5px; margin-bottom: 1px; color: #666666; }
div.menu-group { display: block; margin-bottom: 10px; }
div.menu-group a { position: relative; display: inline-block; height: auto; width: 292px; margin: 0px 4px 3px 0px; padding: 0px; border: 1px solid #FFFFFF; font-weight: bold; text-decoration: none; }
div.menu-group a span.tag { position: relative; display: block; color: #000000; width: auto; height: 20px; padding: 8px 0px 0px 40px; }
div.menu-group a span.lbl { display: none; color: #666666; font-weight: normal; text-decoration: none; padding: 4px; font-size: 11px; }
div.menu-group span.tag:before { content: ''; position: absolute; bottom: -3px; left: -1px; right: -1px; height: 1px; background-color: #CCCCCC; }
div.menu-group span.tag:after { content: ''; position: absolute; bottom: -4px; left: -1px; right: -1px; height: 1px; background-color: #FFFFFF; }
div.menu-group.info a { height: 60px; width: 280px; margin: 0px 0px 3px 0px; padding: 4px 8px 4px 8px; }
div.menu-group.info a span.tag { position: relative; display: block; color: #000000; width: auto; height: 20px; padding: 4px 0px 2px 32px; border-bottom: 1px solid #FFFFFF; }
div.menu-group.info a span.lbl { display: block; }
div.menu-group.info span.tag:before { content: ''; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 1px; background-color: #CCCCCC; }
div.menu-group.info span.tag:after { display: none; }
div.menu-group a:before { content: ''; position: absolute; top: 0px; left: 8px; width: 30px; height: 28px; }
div.menu-group.info a:before { top: 0px; }
div.menu-group a:hover { border: 1px solid #CCCCCC; background-color: #E2E2E2; }
div.menu-group a[disabled] span.tag { color: #A0A0A0; }
div.menu-group a[disabled] span.lbl { color: #A0A0A0; }
div.menu-group a[disabled]:hover { border: 1px solid #FFFFFF; background-color: #FFFFFF; color: #A0A0A0; }

/* ========================================================================================================================================================================================================================================================================================================================== */
/* PAGETITLE */
/* ========================================================================================================================================================================================================================================================================================================================== */

div.pagetitle-frame { margin: 0px 41px 0px 41px; }
div.pagetitle { width: auto; height: 58px; position: relative; border: 1px solid #CCCCCC; margin: 0px 0px 5px 0px; }
div.pagetitle div.frame { width: auto; height: 56px; position: relative; border: 1px solid #FFFFFF; background-color: #EFEFEF; }
div.pagetitle div.image { width: 60px; height: 56px; position: absolute; top: 0px; left: 10px; }
div.pagetitle span.title { position: absolute; top: 13px; left: 70px; font-family: “Trebuchet MS”, sans-serif; font-size: 24px; font-style: normal; font-weight: bold; text-transform: uppercase; letter-spacing: -1px; line-height: 0.9em; display: block; color: #000000; }
div.pagetitle span.subtitle { position: absolute; top: 35px; left: 70px; font-family: “Trebuchet MS”, sans-serif; font-size: 12px; font-style: normal; font-weight: bold; text-transform: none; letter-spacing: 0px; line-height: 1.2em; display: block; padding-left: 1px; color: #333333; }

/* ========================================================================================================================================================================================================================================================================================================================== */
/* FOOTER */
/* ========================================================================================================================================================================================================================================================================================================================== */
div#footer div.left { padding-left: 40px; height: 85px; background-image: url(/__cdn/WebApps/v1.0/Images/EXA.Apps.1.0.UI.X.png); background-repeat: no-repeat; background-position: 0px -340px; }
div#footer div.right { padding-right: 40px; height: 85px; background-image: url(/__cdn/WebApps/v1.0/Images/EXA.Apps.1.0.UI.X.png); background-repeat: no-repeat; background-position: right -430px; }
div#footer div.content { height: 85px; background-image: url(/__cdn/WebApps/v1.0/Images/EXA.Apps.1.0.UI.X.png); background-repeat: repeat-x; background-position: 0 -520px; }
div#footer div.logo-left { }
div#footer div.logo-left div { }
div#footer div.logo-right { float: right; display: inline; width: 106px; padding: 17px 10px 0px 0px; }
div#footer div.logo-right div { width: 106px; height: 35px; background-image: url(/__cdn/WebApps/v1.0/Images/EXA.Apps.1.0.UI.Res.png); background-repeat: no-repeat; background-position: -30px -120px; }
div#footer div.information { float: left; display: inline; padding: 22px 0px 0px 12px; color: #666666; }
div#footer div.footer-info { position: absolute; bottom: 6px; left: 30px; color: #EAEAEA; }

/* ========================================================================================================================================================================================================================================================================================================================== */
/* UI */
/* ========================================================================================================================================================================================================================================================================================================================== */

div#layer-guide { display: block; display: none; z-index: 3000; position: fixed; top: 0px; left: 0px; height: 100%; width: 100%; background-image: url(/__cdn/WebApps/v1.0/Images/EXA.Apps.1.0.Guide.png); background-repeat: repeat; background-position: left top; }

div#loading { display: block; position: fixed; z-index: 2000000; top: 0px; left: 0px; height: 100%; width: 100%; background-color: #FFFFFF; }
div#loading-msg { width: 500px; height: 60px; position: fixed; text-align: center; top: 50%; left: 50%; margin-top: -30px; margin-left: -250px; }
div#loading-msg span.text-title { font-weight: bold; color: #000000; display: block; }
div#loading-msg span.text-subtitle { color: #000000; display: block; }

div#processing { position: fixed; z-index: 1000000; top: 0; left: 0; height: 40px; width: auto; }
div#processing-msg { width: 300px; height: 40px; background-color: #C63E37; color: #FFFFFF; margin-left: auto; margin-right: auto; }
div#processing-msg img.image { position: absolute; top: 5px; left: 30px; }
div#processing-msg span.text { position: absolute; top: 14px; left: 70px; font-weight: bold; }


/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* CONTENIDOS --- */
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* ========================================================================================================================================================================================================================================================================================================================== */
/* INPUTS --- OK */
/* ========================================================================================================================================================================================================================================================================================================================== */

input.button { background-image: url(/__cdn/WebApps/v1.0/Images/EXA.Apps.1.0.UI.Res.png); background-repeat: no-repeat; background-position: -160px -1140px; width: 113px; height: 28px; border: 0; margin: 0; padding: 0; text-align: center; color: #333333; font-family: Tahoma, Verdana, sans-serif; font-size: 11px; font-weight: bold; text-transform: none; }
input.button:hover { background-position: -300px -1140px; }
input[disabled].button { color: #999999; background-position: -160px -1100px; }
input[disabled].button:hover { background-position: -300px -1100px; }
input.blue { color: #FFFFFF; background-position: -160px -1180px; }
input.blue:hover { background-position: -300px -1180px; }
input.orange { color: #FFFFFF; background-position: -160px -1220px; }
input.orange:hover { background-position: -300px -1220px; }
input.green { color: #FFFFFF; background-position: -160px -1260px; }
input.green:hover { background-position: -300px -1260px; }
input.red { color: #FFFFFF; background-position: -160px -1300px; }
input.red:hover { background-position: -300px -1300px; }
input.gray { color: #FFFFFF; background-position: -160px -1340px; }
input.gray:hover { background-position: -300px -1340px; }
input.button.disabled { color: #A0A0A0; background-position: -160px -1100px; }
input.button.disabled:hover { background-position: -300px -1100px; }

/* ========================================================================================================================================================================================================================================================================================================================== */
/* INPLACE BOX MESSAGE --- OK */
/* ========================================================================================================================================================================================================================================================================================================================== */

div.alert { width: auto; height: 20px; position: relative; margin: 0px 0px 3px 0px; padding: 7px 10px 0px 34px; font-weight: bold; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; background-image: url(/__cdn/WebApps/v1.0/Images/EXA.Apps.1.0.UI.Res.png); background-repeat: no-repeat; }
div.alert.filtered { border: 1px solid #F0C36D; border-left: 4px solid #F0C36D; color: #000000; background-color: #FBF2D2; background-position: -1560px -150px; }
div.alert.warning { border: 1px solid #F0C36D; border-left: 4px solid #F0C36D; color: #000000; background-color: #FBF2D2; background-position: -1560px 0; }
div.alert.success { border: 1px solid #4F8A10; border-left: 4px solid #4F8A10; color: #000000; background-color: #F1FAE4; background-position: -1560px -30px; }
div.alert.info { border: 1px solid #00529B; border-left: 4px solid #00529B; color: #000000; background-color: #EAF7FD; background-position: -1560px -60px; }
div.alert.error { border: 1px solid #C63E37; border-left: 4px solid #C63E37; color: #000000; background-color: #FEF1F1; background-position: -1560px -90px; }
div.alert.validation { border: 1px solid #C63E37; border-left: 4px solid #C63E37; color: #000000; background-color: #FEF1F1; background-position: -1560px -120px; }

/* ========================================================================================================================================================================================================================================================================================================================== */
/* EVENT MESSAGE --- OK */
/* ========================================================================================================================================================================================================================================================================================================================== */

div.event-message { }
div.event-message div.message-frame { display: none; z-index: 201; position: fixed; top: 50%; left: 50%; background-color: #1D1D1D; filter: alpha(opacity=60); opacity: 0.60; }
div.event-message div.message-window { display: none; z-index: 202; position: fixed; top: 50%; left: 50%; background-color: #FFFFFF; }
div.event-message span.icon { width: 33px; height: 29px; position: absolute; top: 18px; left: 14px; background-image: url(/__cdn/WebApps/v1.0/Images/EXA.Apps.1.0.UI.Res.png); background-repeat: no-repeat; }
div.event-message span.title { display: block; margin-top: 25px; margin-left: 52px; font-weight: bold; }
div.event-message span.msg { display: block; font-size: 10px; margin: 15px 20px 20px 20px; }

div.event-message.error div.message-window { border: 4px solid #C63E37; background-color: #FEF1F1; width: 640px; min-height: 160px; }
div.event-message.error span.icon { background-position: -1560px -120px; }
div.event-message.error span.title { }

div.event-message.exception div.message-window { border: 4px solid #C63E37; background-color: #FEF1F1; width: 640px; min-height: 64px; }
div.event-message.exception span.icon { background-position: -1560px -120px; }
div.event-message.exception span.title { }

div.event-message.warning div.message-window { border: 4px solid #F0C36D; background-color: #FBF2D2; width: 640px; min-height: 64px; }
div.event-message.warning span.icon { background-position: -1560px 0px; }
div.event-message.warning span.title { }

div.event-message.success div.message-window { border: 4px solid #4F8A10; background-color: #F1FAE4; width: 640px; min-height: 64px; }
div.event-message.success span.icon { background-position: -1560px -30px; }
div.event-message.success span.title { }

div.event-message.info div.message-window { border: 4px solid #00529B; background-color: #EAF7FD; width: 640px; min-height: 64px; }
div.event-message.info span.icon { background-position: -1560px -60px; }
div.event-message.info span.title { }

/* ========================================================================================================================================================================================================================================================================================================================== */
/* LAYOUTS --- OK */
/* ========================================================================================================================================================================================================================================================================================================================== */

div.layout-main { width: auto; }
div.layout-main.right { margin-left: 226px; }
div.layout-main.left { margin-right: 226px; }

/* ========================================================================================================================================================================================================================================================================================================================== */
/* CONTENT FRAMES --- OK */
/* ========================================================================================================================================================================================================================================================================================================================== */

div.frame-basic { display: block; width: auto; border-top: 1px solid #CCCCCC; margin: 0px 0px 3px 0px; padding: 0px 4px 0px 4px; position: relative; }
div.frame-basic div.fb-left { width: 2px; height: 230px; position: absolute; top: 0px; left: -1px; background-image: url(/__cdn/WebApps/v1.0/Images/EXA.Apps.1.0.UI.X.png); background-repeat: no-repeat; background-position: -38px -1630px; }
div.frame-basic div.fb-right { width: 2px; height: 230px; position: absolute; top: 0px; right: -1px; background-image: url(/__cdn/WebApps/v1.0/Images/EXA.Apps.1.0.UI.X.png); background-repeat: no-repeat; background-position: right -1870px; }

/* ========================================================================================================================================================================================================================================================================================================================== */
/* SEARCH BOX --- OK */
/* ========================================================================================================================================================================================================================================================================================================================== */

div.search-box { width: 770px; margin-left: auto; margin-right: auto; height: 60px; padding-top: 30px; }
div.search-box div.text { float: left; height: 40px; padding-top: 3px; }
div.search-box div.button { float: left; height: 40px; margin-left: 6px; }

/* ========================================================================================================================================================================================================================================================================================================================== */
/* MENU BAR --- OK */
/* ========================================================================================================================================================================================================================================================================================================================== */

div.layout-main.right div.frame-basic div.side-menu { float: left; position: absolute; top: -1px; left: -226px; }
div.layout-main.left div.frame-basic div.side-menu { float: right; position: absolute; top: -1px; right: -226px; }

div.layout-main.right div.side-menu { float: left; position: absolute; top: 0px; left: 0px; }
div.layout-main.left div.side-menu { float: right; position: absolute; top: 0px; right: 0px; }

div.side-menu { border: 1px solid #CCCCCC; width: 220px; }
div.side-menu div.side-menu-content { width: auto; background-color: #F0F0F0; padding: 0px 10px 0px 10px; border: 1px solid #FFFFFF; }
div.side-menu hr.sep { width: auto; height: 2px; text-align: left; border: 0px; margin: 1px 0px 1px 0px; background-image: url(/__cdn/WebApps/v1.0/Images/EXA.Apps.1.0.UI.X.png); background-repeat: repeat-x; background-position: 0px -1620px; }
div.side-menu span.title { display: block; margin: 17px 0px 4px 4px; font-weight: bold; color: #000000; }
div.side-menu div.links { margin-bottom: 20px; }
div.side-menu div.links a { display: block; position: relative; width: auto; height: 20px; padding: 6px 0px 0px 36px; border: 1px solid #F0F0F0; color: #000000; }
div.side-menu div.links a:hover { border: 1px solid #CCCCCC; background-color: #E2E2E2; }
div.side-menu div.links a[disabled] { border: 1px solid #F0F0F0; background-color: #F0F0F0; color: #A0A0A0; }
div.side-menu div.links a[disabled]:hover { border: 1px solid #F0F0F0; background-color: #F0F0F0; color: #A0A0A0; }
div.side-menu div.links a span { float: left; position: absolute; left: 4px; top: -1px; }
div.side-menu span.title-username { font-size: 13px; font-weight: bold; display: block; }

div.bar-menu { border: 1px solid #CCCCCC; width: auto; height: 32px; margin-bottom: 3px; }
div.bar-menu div.bar-menu-content { border: 1px solid #FFFFFF; background-color: #F0F0F0; width: auto; height: 30px; }
div.bar-menu span.title { display: inline; float: left; margin: 8px 14px 0px 14px; font-weight: bold; color: #000000; }
div.bar-menu span.sep { display: inline; float: left; width: 3px; height: 22px; margin: 4px 0px 0px 1px; background-image: url(/__cdn/WebApps/v1.0/Images/EXA.Apps.1.0.UI.Res.png); background-repeat: no-repeat; background-position: -120px -1285px; }
div.bar-menu a { position: relative; display: inline; float: left; width: auto; height: 20px; margin: 1px 0px 0px 1px; padding: 6px 10px 0px 36px; border: 1px solid #F0F0F0; color: #000000; }
div.bar-menu a:hover { border: 1px solid #CCCCCC; background-color: #E2E2E2; }
div.bar-menu a[disabled] { border: 1px solid #F0F0F0; background-color: #F0F0F0; color: #A0A0A0; }
div.bar-menu a[disabled]:hover { border: 1px solid #F0F0F0; background-color: #F0F0F0; color: #A0A0A0; }
div.bar-menu a span { float: left; position: absolute; left: 4px; top: -1px; }

div.bar-menu a.float-menu-link { padding: 0px; width: 17px; height: 26px; cursor: pointer; }
div.bar-menu a.float-menu-link span { width: 7px; height: 4px; position: absolute; top: 12px; left: 5px; background-image: url(/__cdn/WebApps/v1.0/Images/EXA.Apps.1.0.UI.Res.png); background-repeat: no-repeat; background-position: -80px -1300px; }
div.bar-menu div.float-menu-frame { position: relative; display: inline; float: left; }
div.bar-menu div.float-menu-frame div.float-menu { position: absolute; z-index: 1; width: 230px; top: 40px; left: -30px; }
div.bar-menu div.float-menu-frame div.float-menu.icon { position: absolute; z-index: 1; width: 230px; top: 44px; left: -22px; }

div.float-menu { border: 1px solid #CCCCCC; width: 220px; display: none; -moz-box-shadow: 5px 5px rgba(0,0,0,0.4); -webkit-box-shadow: 5px 5px rgba(0,0,0,0.4); box-shadow: 5px 5px rgba(0,0,0,0.4); }
div.float-menu div.flyout { position: absolute; top: -19px; left: 20px; width: 40px; height: 20px; background-image: url(/__cdn/WebApps/v1.0/Images/EXA.Apps.1.0.UI.Res.png); background-repeat: no-repeat; background-position: -30px -1290px; }
div.float-menu div.close-button { cursor: pointer; position: absolute; top: 10px; right: 10px; width: 10px; height: 10px; background-image: url(/__cdn/WebApps/v1.0/Images/EXA.Apps.1.0.UI.Res.png); background-repeat: no-repeat; background-position: -100px -1290px; }
div.float-menu div.float-menu-content { display: block; width: auto; background-color: #F0F0F0; padding: 0px 10px 0px 10px; border: 1px solid #FFFFFF; }
div.float-menu hr.sep { display: block; width: auto; height: 2px; text-align: left; border: 0px; margin: 1px 0px 1px 0px; background-image: url(/__cdn/WebApps/v1.0/Images/EXA.Apps.1.0.UI.X.png); background-repeat: repeat-x; background-position: 0px -1620px; }
div.float-menu span.title { float: none; display: block; margin: 17px 0px 4px 4px; font-weight: bold; color: #000000; }
div.float-menu div.links { display: block; margin-bottom: 20px; }
div.float-menu div.links a { float: none; display: block; position: relative; width: auto; height: 20px; padding: 6px 0px 0px 36px; border: 1px solid #F0F0F0; color: #000000; }
div.float-menu div.links a:hover { border: 1px solid #CCCCCC; background-color: #E2E2E2; }
div.float-menu div.links a[disabled] { border: 1px solid #F0F0F0; background-color: #F0F0F0; color: #A0A0A0; }
div.float-menu div.links a[disabled]:hover { border: 1px solid #F0F0F0; background-color: #F0F0F0; color: #A0A0A0; }
div.float-menu div.links a span { float: left; position: absolute; left: 4px; top: -1px; }

/* ========================================================================================================================================================================================================================================================================================================================== */
/* MODAL WINDOW --- OK */
/* ========================================================================================================================================================================================================================================================================================================================== */

div.modal-popup div.popup-wrapper { z-index: 100; width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; display: none; background-color: #000000; filter: alpha(opacity=70); opacity: 0.70; }
div.modal-popup div.popup-frame { z-index: 101; position: fixed; top: 50%; left: 50%; display: none; background-color: #000000; filter: alpha(opacity=50); opacity: 0.50; }
div.modal-popup div.popup-window { z-index: 102; position: fixed; top: 50%; left: 50%; display: none; background-color: #FFFFFF; min-width: 850px; }
div.modal-popup div.buttons { height: 36px; padding-left: 40px; padding-top: 8px; border-top: 1px solid #CCCCCC; }
div.modal-popup div.buttons input.button { float: left; display: inline; margin-right: 4px; }
div.modal-popup div.pagetitle { height: 70px; border-bottom: 0px; margin: 0px; background-image: url(/__cdn/WebApps/v1.0/Images/EXA.Apps.1.0.UI.X.png); background-repeat: repeat-x; background-position: 0 -3920px; }
div.modal-popup div.pagetitle span.title { top: 20px; }
div.modal-popup div.pagetitle span.subtitle { top: 42px; color: #505050; }
div.modal-popup div.pagetitle div.image { top: 9px; }
div.modal-popup div.pagetitle.action { background-position: 0 -3840px; }
div.modal-popup div.pagetitle.warning { background-position: 0 -3760px; }
div.modal-popup div.pagetitle.sucess { background-position: 0 -3680px; }
div.modal-popup div.pagetitle.error { background-position: 0 -3600px; }

div.modal-popup div.popup-window div.content { min-height: 221px; }
div.modal-popup div.popup-window div.popup-form { margin: 6px; min-height: 221px; }


/* Para cargar recursos externos con jquery -- Mismo width de div.window */
div#formdata { min-width: 850px; }

/* Ventana acceso no permitido */
div.ui-shield div.shield-wrapper { z-index: 90; top: 0px; left: 0px; right: 0px; height: 100%; position: absolute; display: none; background-color: #1D1D1D; filter: alpha(opacity=30); opacity: 0.30; }
div.ui-shield div.shield-frame { z-index: 91; top: 60px; left: 80px; width: 600px; height: 170px; position: absolute; display: none; background-color: #1D1D1D; filter: alpha(opacity=60); opacity: 0.60; }
div.ui-shield div.shield-window { z-index: 92; top: 66px; left: 86px; width: 548px; height: 118px; padding: 20px; position: absolute; display: none; background-color: #FFFFFF; }

div.ui-shield.form a.close-link { display: none; }
div.ui-shield.inplace div.shield-wrapper { left: 0px; right: 0px; }
div.ui-shield.inplace div.shield-frame { top: 60px; left: 80px; }
div.ui-shield.inplace div.shield-window { top: 66px; left: 86px; }
div.ui-shield.popup a.close-link { display: none; }
div.ui-shield.popup div.shield-wrapper { width: 100%; position: fixed; }

/* ========================================================================================================================================================================================================================================================================================================================== */
/* GRID FORM  --- OK */
/* ========================================================================================================================================================================================================================================================================================================================== */

div.grid-form { position: relative; }
div.grid-sort-button { position: absolute; top: 4px; right: 2px; }

div.grid-bar { width: auto; height: 35px; margin: 0px 0px 3px 0px; border-bottom: 1px solid #CCCCCC; color: #000000; }
div.grid-bar span.sep { display: inline; float: left; width: 4px; height: 23px; margin-top: 6px; background-image: url(/__cdn/WebApps/v1.0/Images/EXA.Apps.1.0.UI.Res.png); background-repeat: no-repeat; background-position: -120px -1285px; }
div.grid-bar span.sep.right { float: right; }
div.grid-bar span.pages-count { display: inline; float: left; height: 15px; padding: 11px 8px 0px 12px; }
div.grid-bar span.records-count { display: inline; float: left; height: 15px; padding: 11px 12px 0px 8px; }
div.grid-bar div.sort-options { display: inline; float: right; height: 29px; padding-top: 7px; padding-right: 0px; margin-right: 118px; }
div.grid-bar div.sort-options span { margin-right: 4px; font-weight: bold; }
div.grid-bar div.sort-options div.RadComboBox { margin-right: 2px; }

div.grid { margin: 0px 0px 3px 0px; border: 1px solid #CCCCCC; padding: 0px; }
div.grid table { width: 100%; border-collapse: collapse; }
div.grid table th { height: 15px; padding-top: 7px; padding-bottom: 4px; border-bottom: 1px solid #CCCCCC; background-color: #F0F0F0; font-weight: bold; }
div.grid table td { height: 14px; padding-top: 6px; padding-bottom: 4px; border-bottom: 1px solid #F4F4F4; }
div.grid table tr:last-child td { border-bottom: 0px; }
div.grid table td div.links { position: relative; height: 10px; }
div.grid table td div.links a { display: inline; position: absolute; top: -6px; left: 0px; text-indent: -1999px; overflow: hidden; }
div.grid table td div.links a.pos1 { left: 0px; }
div.grid table td div.links a.pos2 { left: 21px; }
div.grid table td div.links a.pos3 { left: 42px; }
div.grid table td div.links a.pos4 { left: 63px; }
div.grid table td div.links a.pos5 { left: 84px; }
div.grid table tr.highlight { background-color: #E2EEFF; }
div.grid table div.empty-data { width: auto; padding: 0px 9px 0px 9px; margin: 1px 0px 0px 0px; }

div.grid table tr.overdue-payment { background-color: #FF9999; }
div.grid table tr.partial-payment { background-color: #FFCCCC; }
div.grid table tr.overdue-payment.highlight { background-color: #FF6666; }
div.grid table tr.partial-payment.highlight { background-color: #FF6666; }

div.grid-pager { width: auto; height: 27px; margin: 0px 0px 0px 0px; border: 1px solid #CCCCCC; background-color: #F0F0F0; }
div.grid-pager span.sep { display: inline; float: right; width: 4px; height: 21px; margin-top: 3px; background-image: url(/__cdn/WebApps/v1.0/Images/EXA.Apps.1.0.UI.Res.png); background-repeat: no-repeat; background-position: -120px -1285px; }
div.grid-pager span.sep.left { float: left; }
div.grid-pager div.pagesize { display: inline; float: right; height: 27px; padding: 2px 4px 0px 6px; }
div.grid-pager span.pagesizetag { display: inline; float: right; height: 25px; padding: 7px 0px 0px 3px; font-weight: bold; }
div.grid-pager span.pages { display: inline; float: right; height: 25px; padding: 7px 0px 0px 6px; font-weight: bold; }
div.grid-pager div.fixed-links { display: inline; float: right; height: 28px; width: 100px; padding: 3px 2px 0px 2px; }
div.grid-pager div.fixed-links a { width: 21px; height: 21px; display: inline; float: right; margin: 0px 2px 0px 2px; }
div.grid-pager div.page-links { display: inline; float: right; height: 28px; padding: 3px 2px 0px 5px; }
div.grid-pager div.page-links a { width: auto; height: 16px; color: #000000; display: inline; float: left; border: 1px solid #8C8C8C; margin: 0px 2px 0px 2px; padding: 3px 7px 0px 6px; text-decoration: none; background-image: url(/__cdn/WebApps/v1.0/Images/EXA.Apps.1.0.UI.Res.png); background-repeat: repeat-x;  background-position: -20px -1190px; }
div.grid-pager div.page-links a:hover { background-position: -20px -1220px; }
div.grid-pager div.page-links a[disabled] { color: #A0A0A0; background-position: -20px -1250px; }

/* ========================================================================================================================================================================================================================================================================================================================== */
/* TABBED LINKS  --- OK */
/* ========================================================================================================================================================================================================================================================================================================================== */

div.tabbed-links { width: auto; height: 34px; border-bottom: 1px solid #CCCCCC; background-color: #F0F0F0; position: relative; padding-left: 8px; margin: 4px 0px 3px 0px; }
div.tabbed-links a { height: 20px; float: left; display: inline; padding: 7px 10px 0px 10px; margin: 6px 4px 0px 0px; border: 1px solid #CCCCCC; background-color: #E2E2E2; font-weight: bold; text-decoration: none; color: #000000; }
div.tabbed-links a.selected { height: 21px; border-bottom: 0px; background-color: #FFFFFF; }
div.tabbed-links a:hover { background-color: #D6D6D6; }
div.tabbed-links a.selected:hover { border-bottom: 0px; background-color: #FFFFFF; }
div.tabbed-links a[disabled] { color: #A0A0A0; }
div.tabbed-links a[disabled]:hover { background-color: #E2E2E2; }
div.tabbed-links a[disabled].selected:hover { border-bottom: 0px; background-color: #FFFFFF; }

/* ========================================================================================================================================================================================================================================================================================================================== */
/* FORMS --- OK */
/* ========================================================================================================================================================================================================================================================================================================================== */
span.form-title { font-size: 22px; font-weight: bold; color: #333333; display: block; margin-bottom: 6px; }
span.form-subtitle { color: #333333; display: block; margin-bottom: 6px; }

div.page-form { position: relative; margin: 3px 0px 0px 0px; }
div.page-form fieldset { z-index: 0; position: relative; border-bottom: 1px solid #CCCCCC; background-color: #F0F0F0; padding: 40px 26px 16px 26px; }
div.page-form legend { position: absolute; top: 16px; left: 28px; font-weight: bold; font-size: 18px; color: #333333; }
div.page-form div.form-info { position: absolute; top: 40px; left: 794px; width: 230px; min-height: 60px; padding: 10px 20px 12px 20px; background-color: #E3E0D9; border: 1px solid #B5AC99; }
div.page-form div.form-wrapper { padding: 14px 20px 10px 26px; background-color: #FFFFFF; border: 1px solid #CCCCCC; width: 700px; min-height: 80px; }
div.page-form div.form-row { display: block; width: auto; height: 45px; }
div.page-form div.form-col { width: 230px; display: inline; float: left; height: 44px; margin: 0px; padding: 0px; margin-right: 2px; position: relative; }
div.page-form div.form-col.xss { width: 114px; }
div.page-form div.form-col.ss { width: 230px; }
div.page-form div.form-col.ms { width: 462px; }
div.page-form div.form-col.ls { width: 694px; }
div.page-form div.form-col span.rfv { position: absolute; top: -4px; left: 0px; height: 15px; padding: 4px 0px 0px 19px; color: #C63E37 !important; font-weight: bold; background-image: url(/__cdn/WebApps/v1.0/Images/EXA.Apps.1.0.UI.Res.png); background-repeat: no-repeat; background-position: -1560px -180px; background-color: #FFFFFF; }
div.page-form div.form-col span.tag { display: inline; float: left; margin: 0px 0px 0px 1px; padding: 0px; font-weight: bold; }
div.page-form div.form-col span.req { width: auto; height: 13px; display: inline; float: right; margin: 0px 6px 0px 0px; padding: 0px 4px 0px 4px; font-size: 7px; text-transform: uppercase; color: #FFFFFF; background-color: #999999; }
div.page-form div.form-col span.RadInput { position: absolute; top: 15px; left: 0px; margin: 0px; padding: 0px; }
div.page-form div.form-col div.RadComboBox { position: absolute; top: 15px; left: 0px; margin: 0px; padding: 0px; }
div.page-form div.form-col div.RadEditor { z-index: 1; position: absolute; top: 15px; left: 0px; margin: 0px; padding: 0px; }
div.page-form div.form-col input[type="checkbox"] { position: absolute; top: 15px; left: 0px; margin: 0px; padding: 0px; }
div.page-form div.form-col label { position: absolute; top: 15px; left: 20px; margin: 0px; padding: 0px; }
div.page-form div.form-col input { margin: 0px; }
div.page-form div.alert { margin: 8px 0px 8px 0px; width: 639px; }
div.page-form div.error-summary { position: fixed; top: 250px; left: 830px; z-index: 2; width: 300px; min-height: 60px; background-color: #FEF1F1; padding: 20px 30px 20px 30px; color: #C63E37 !important; border: 4px solid; font-weight: bold; -moz-box-shadow: 5px 5px rgba(0,0,0,0.4); -webkit-box-shadow: 5px 5px rgba(0,0,0,0.4); box-shadow: 5px 5px rgba(0,0,0,0.4); }
div.page-form div.error-summary span.image { display: none; width: 60px; height: 56px; position: absolute; top: 8px; left: 6px; background-image: url(/__cdn/WebApps/v1.0/Images/EXA.Apps.1.0.UI.Res.png); background-repeat: no-repeat; background-position: -380px -190px; z-index: -30000; }
div.page-form div.error-summary ul { margin-top: 4px; }
div.page-form div.error-summary ul li { list-style-type: disc; margin-left: 17px; color: #D8000C; font-weight: normal; }
div.page-form div.buttons { width: auto; height: 34px; padding: 6px 0px 0px 26px; border-bottom: 1px solid #CCCCCC; }
div.page-form div.buttons input.button { float: left; display: inline; margin-right: 4px; }
div.page-form div.form-trace { width: auto; height: 29px; position: relative; border: 1px dotted #B5AC99; background-color: #E3E0D9; padding: 3px 0px 0px 44px; margin: 6px 0px 6px 0px; }
div.page-form div.form-trace span.img-res { position: absolute; top: 3px; left: 9px; }

div.popup-overflow { display: block; width: auto; height: 514px; overflow-y: scroll; overflow-x: hidden; margin: 1px 0px 0px 0px; }
div.popup-form { }

div.popup-form div.form-title { display: block; position: relative; width: auto; height: 30px; margin-bottom: 10px; margin-top: 0px; border-bottom: 1px solid #CCCCCC; background-color: #F0F0F0; }
div.popup-form div.form-title.spacer { margin-top: 10px; }
div.popup-form div.form-title span { position: absolute; top: 10px; left: 14px; font-weight: bold; color: #000000; }

div.popup-form div.form-row { display: block; width: auto; height: 45px; margin-left: 54px; }
div.popup-form div.form-row.spacer { margin-top: 16px; }
div.popup-form div.form-row.rows4 { display: block; width: auto; height: 70px; }

div.popup-form div.form-col { width: 230px; display: inline; float: left; height: 44px; margin: 0px; padding: 0px; margin-right: 2px; position: relative; }
div.popup-form div.form-col.xss { width: 114px; }
div.popup-form div.form-col.ss { width: 230px; }
div.popup-form div.form-col.ms { width: 462px; }
div.popup-form div.form-col.ls { width: 694px; }
div.popup-form div.form-col input.button { position: absolute; top: 12px; left: 0px; }
div.popup-form div.form-col span.rfv { position: absolute; top: -4px; left: 0px; height: 15px; padding: 4px 0px 0px 19px; color: #C63E37 !important; font-weight: bold; background-image: url(/__cdn/WebApps/v1.0/Images/EXA.Apps.1.0.UI.Res.png); background-repeat: no-repeat; background-position: -1560px -180px; background-color: #FFFFFF; }
div.popup-form div.form-col span.tag { display: inline; float: left; margin: 0px 0px 0px 1px; padding: 0px; font-weight: bold; }
div.popup-form div.form-col span.req { width: auto; height: 13px; display: inline; float: right; margin: 0px 6px 0px 0px; padding: 0px 4px 0px 4px; font-size: 7px; text-transform: uppercase; color: #FFFFFF; background-color: #999999; }
div.popup-form div.form-col span.RadInput { position: absolute; top: 15px; left: 0px; margin: 0px; padding: 0px; height: 40px !important; }
div.popup-form div.form-col div.RadComboBox { position: absolute; top: 15px; left: 0px; margin: 0px; padding: 0px; }
div.popup-form div.form-col div.RadEditor { position: absolute; top: 15px; left: 0px; margin: 0px; padding: 0px; }
div.popup-form div.form-col div.RadAsyncUpload { position: absolute; top: 15px; left: 0px; margin: 0px; padding: 0px; }
div.popup-form div.form-col input[type="checkbox"] { position: absolute; top: 0px; left: 0px; margin: 0px; padding: 0px; }
div.popup-form div.form-col label { position: absolute; top: 0px; left: 20px; margin: 0px; padding: 0px; }
div.popup-form div.form-col span.row1 input[type="checkbox"] { top: 0px; }
div.popup-form div.form-col span.row1 label { top: 0px; }
div.popup-form div.form-col span.row2 input[type="checkbox"] { top: 15px; }
div.popup-form div.form-col span.row2 label { top: 15px; }
div.popup-form div.form-col span.row3 input[type="checkbox"] { top: 30px; }
div.popup-form div.form-col span.row3 label { top: 30px; }
div.popup-form div.form-col span.row4 input[type="checkbox"] { top: 45px; }
div.popup-form div.form-col span.row4 label { top: 45px; }
div.popup-form div.form-col input { margin: 0px; }
div.popup-form div.alert { margin: 8px 0px 8px 34px; width: 639px; }
div.popup-form div.form-trace { width: auto; height: 29px; position: relative; border: 1px dotted #B5AC99; background-color: #E3E0D9; padding: 3px 0px 0px 44px; margin: 6px 0px 6px 0px; }
div.popup-form div.form-trace span.img-res { position: absolute; top: 3px; left: 9px; }

div.popup-form div.form-col div.RadPicker span.RadInput { position: absolute; top: 15px; left: 0px; margin: 0px; padding: 0px; width: 201px !important; }
div.popup-form div.form-col div.RadPicker a.rcCalPopup { position: absolute; top: 15px; right: 6px; margin: 0px; padding: 0px; }
div.popup-form div.form-col div.RadPicker a.rcTimePopup { position: absolute; top: 15px; right: 6px; margin: 0px; padding: 0px; }
div.popup-form div.form-col.xss div.RadPicker span.RadInput { position: absolute; top: 15px; left: 0px; margin: 0px; padding: 0px; width: 85px !important; }

div.popup-form div.form-col div.files { width: 456px; height: 20px; position: absolute; top: 15px; left: 0px; border: 1px dotted #D0D0D0; }
div.popup-form div.form-col div.files a { float: left; margin: 4px 0px 0px 10px; }

div.details-form { border: 1px solid #CCCCCC; padding: 0px 8px 0px 8px; margin-bottom: 3px; }
div.details-form div.form-wrapper { margin: 8px 0px 2px 0px; }
div.details-form div.form-row { display: block; width: auto; height: 34px; }
div.details-form div.form-col { width: 230px; display: inline; float: left; height: 33px; margin: 0px; padding: 0px; margin-right: 2px; position: relative; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; }
div.details-form div.form-col.xss { width: 114px; }
div.details-form div.form-col.ss { width: 230px; }
div.details-form div.form-col.ms { width: 462px; }
div.details-form div.form-col.ls { width: 694px; }
div.details-form div.form-col span.tag { position: absolute; top: 0px; left: 4px; font-weight: normal; }
div.details-form div.form-col span.lbl { position: absolute; top: 15px; left: 4px; font-weight: bold; }

div.view-form { display: block; width: auto; height: 314px; overflow-y: scroll; overflow-x: hidden; margin: 1px 0px 0px 0px; }
div.view-form div.form-frame { margin: 6px 6px 6px 6px; }
div.view-form div.form-title { display: block; position: relative; width: auto; height: 30px; margin-bottom: 2px; margin-top: 6px; border-bottom: 1px solid #CCCCCC; background-color: #F0F0F0; }
div.view-form div.form-title span { position: absolute; top: 10px; left: 14px; font-weight: bold; color: #000000; }
div.view-form div.form-row { display: block; width: 580px; margin-bottom: 2px; padding: 4px 0px 4px 200px; position: relative; border-bottom: 1px solid #F0F0F0; }
div.view-form div.form-row span.tag { position: absolute; top: 4px; right: 0px; margin-right: 585px; font-weight: bold; }
div.view-form div.form-row span.lbl { }
div.view-form div.form-trace { width: auto; height: 29px; position: relative; border: 1px dotted #B5AC99; background-color: #E3E0D9; padding: 3px 0px 0px 44px; margin: 8px 0px 4px 0px; }
div.view-form div.form-trace span.img-res { position: absolute; top: 3px; left: 9px; }

div.filter-form { border: 1px solid #CCCCCC; background-color: #F0F0F0; padding: 10px 30px 10px 30px; margin-bottom: 3px; }
div.filter-form div.form-title { height: 16px; border-bottom: 1px solid #CCCCCC; margin-bottom: 5px; font-weight: bold; }
div.filter-form div.form-row { display: block; width: 700px; height: 45px; }
div.filter-form div.form-col { width: 694px; display: inline; float: left; height: 44px; margin: 0px; padding: 0px; margin-right: 2px; position: relative; }
div.filter-form div.form-col span.tag { display: inline; float: left; margin: 0px 0px 0px 1px; padding: 0px; font-weight: bold; }
div.filter-form div.form-col div.RadComboBox { position: absolute; top: 15px; left: 0px; margin: 0px; padding: 0px; }

div.uc-title { border: 1px solid #919191; background-color: #C3C3C3; padding: 0px; margin: 3px 0px 3px 0px; height: 31px; font-family: “Trebuchet MS”, sans-serif; font-size: 22px; font-style: normal; font-weight: bold; text-transform: uppercase; letter-spacing: -1px; line-height: 0.9em; display: block; color: #000000; position: relative; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; }
div.uc-title a { position: absolute; top: 7px; left: 8px; color: #353535; text-decoration: none; }
div.uc-title a:hover { position: absolute; color: #353535; text-decoration: underline; }
div.uc-title a[disabled] { color: #A0A0A0; }

div.uc-subtitle { border: 1px solid #919191; background-color: #C3C3C3; padding: 0px; margin: 3px 0px 3px 0px; height: 21px; font-style: normal; font-weight: bold; text-transform: uppercase; letter-spacing: 0px; line-height: 1.2em; display: block; color: #000000; position: relative; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; }
div.uc-subtitle a { position: absolute; top: 4px; left: 8px; color: #353535; text-decoration: none; }
div.uc-subtitle a:hover { position: absolute; color: #353535; text-decoration: underline; }
div.uc-subtitle a[disabled] { color: #A0A0A0; }

div.form-row2 { background-color: Orange; }
div.form-col2 { background-color: Aqua; }

/* ========================================================================================================================================================================================================================================================================================================================== */
/* IMAGES --- REVISAR */
/* ========================================================================================================================================================================================================================================================================================================================== */

span.img-res { background-image: url(/__cdn/WebApps/v1.0/Images/EXA.Apps.1.0.UI.Res.png); background-repeat: no-repeat; }
span.img-res.img-record-info { width: 30px; height: 28px; background-position: -320px -730px; }
span.img-res.img-attachment { width: 60px; height: 56px; background-position: -680px -190px; }
span.img-res.img-errorpage { width: 220px; height: 160px; margin-left: auto; margin-right: auto; background-position: -1360px -1100px; }

span.img-res.flag-green { width: 33px; height: 29px; background-position: -1560px -210px; }
span.img-res.flag-blue { width: 33px; height: 29px; background-position: -1560px -240px; }
span.img-res.flag-red { width: 33px; height: 29px; background-position: -1560px -270px; }
span.img-res.arrow-left { width: 33px; height: 29px; background-position: -1560px -300px; }
span.img-res.arrow-right { width: 33px; height: 29px; background-position: -1560px -330px; }

/* ========================================================================================================================================================================================================================================================================================================================== */
/* PAGE TITLES, MODAL TITLES --- OK */
/* ========================================================================================================================================================================================================================================================================================================================== */

div.icon-title { width: 60px; height: 56px; background-image: url(/__cdn/WebApps/v1.0/Images/EXA.Apps.1.0.UI.Res.png); background-repeat: no-repeat; background-position: -20px -190px; }
div.icon-title.home { background-position: -80px -190px; }
div.icon-title.signin { background-position: -140px -190px; }
div.icon-title.signout { background-position: -200px -190px; }
div.icon-title.errorevents { background-position: -260px -190px; }
div.icon-title.help { background-position: -320px -190px; }
div.icon-title.filter { background-position: -440px -190px; }
div.icon-title.export { background-position: -500px -190px; }
div.icon-title.print { background-position: -560px -190px; }
div.icon-title.reports { background-position: -620px -190px; }
div.icon-title.search { background-position: -20px -250px; }
div.icon-title.quicksearch { background-position: -80px -250px; }
div.icon-title.delete { background-position: -20px -370px; }
div.icon-title.emailverification { background-position: -140px -250px; }
div.icon-title.setpassword { background-position: -200px -250px; }

div.icon-title.warning { background-position: -20px -310px; }
div.icon-title.error { background-position: -80px -310px; }
div.icon-title.sucess { background-position: -140px -310px; }

div.menu-group a:before { background-position: -20px -730px; background-image: url(/__cdn/WebApps/v1.0/Images/EXA.Apps.1.0.UI.Res.png); background-repeat: no-repeat; }
div.menu-group a[disabled]:before { background-position: -20px -760px; }

/* ========================================================================================================================================================================================================================================================================================================================== */
/* TOOLBAR LINKS --- OK */
/* ========================================================================================================================================================================================================================================================================================================================== */

a.bar-link span { width: 30px; height: 28px; background-image: url(/__cdn/WebApps/v1.0/Images/EXA.Apps.1.0.UI.Res.png); background-repeat: no-repeat; background-position: -20px -730px; }
a[disabled].bar-link span { background-position: -20px -760px; }
a.bar-link.home span { background-position: -50px -730px; }
a[disabled].bar-link.home span { background-position: -50px -760px; }

a.bar-link.create span { background-position: -110px -730px; }
a[disabled].bar-link.create span { background-position: -110px -760px; }
a.bar-link.gridview span { background-position: -140px -730px; }
a[disabled].bar-link.gridview span { background-position: -140px -760px; }
a.bar-link.reports span { background-position: -170px -730px; }
a[disabled].bar-link.reports span { background-position: -170px -760px; }
a.bar-link.filter span { background-position: -200px -730px; }
a[disabled].bar-link.filter span { background-position: -200px -760px; }
a.bar-link.search span { background-position: -230px -730px; }
a[disabled].bar-link.search span { background-position: -230px -760px; }
a.bar-link.export span { background-position: -260px -730px; }
a[disabled].bar-link.export span { background-position: -260px -760px; }
a.bar-link.print span { background-position: -290px -730px; }
a[disabled].bar-link.print span { background-position: -290px -760px; }
a.bar-link.print-record span { background-position: -350px -730px; }
a[disabled].bar-link.print-record span { background-position: -350px -760px; }
a.bar-link.edit span { background-position: -380px -730px; }
a[disabled].bar-link.edit span { background-position: -380px -760px; }
a.bar-link.delete span { background-position: -410px -730px; }
a[disabled].bar-link.delete span { background-position: -410px -760px; }
a.bar-link.trace span { background-position: -440px -730px; }
a[disabled].bar-link.trace span { background-position: -440px -760px; }
a.bar-link.quicksearch span { background-position: -470px -730px; }
a[disabled].bar-link.quicksearch span { background-position: -470px -760px; }
a.bar-link.view span { background-position: -500px -730px; }
a[disabled].bar-link.view span { background-position: -500px -760px; }
a.bar-link.preview span { background-position: -590px -730px; }
a[disabled].bar-link.preview span { background-position: -590px -760px; }
a.bar-link.mail-error span { background-position: -650px -730px; }
a[disabled].bar-link.mail-error span { background-position: -650px -760px; }
a.bar-link.mail-ok span { background-position: -680px -730px; }
a[disabled].bar-link.mail-ok span { background-position: -680px -760px; }
a.bar-link.user-pwd span { background-position: -710px -730px; }
a[disabled].bar-link.user-pwd span { background-position: -710px -760px; }
a.bar-link.duplicate span { background-position: -110px -790px; }
a[disabled].bar-link.duplicate span { background-position: -110px -820px; }

a.bar-link.back span { background-position: -20px -850px; }
a[disabled].bar-link.back span { background-position: -20px -880px; }
a.bar-link.forward span { background-position: -50px -850px; }
a[disabled].bar-link.forward span { background-position: -50px -880px; }

a.bar-link.add-html span { background-position: -80px -850px; }
a[disabled].bar-link.add-html span { background-position: -80px -880px; }
a.bar-link.add-image span { background-position: -110px -850px; }
a[disabled].bar-link.add-image span { background-position: -110px -880px; }
a.bar-link.add-media span { background-position: -140px -850px; }
a[disabled].bar-link.add-media span { background-position: -140px -880px; }

a.bar-link.verify span { background-position: -170px -790px; }
a[disabled].bar-link.verify span { background-position: -170px -820px; }
a.bar-link.register span { background-position: -200px -790px; }
a[disabled].bar-link.register span { background-position: -200px -820px; }
a.bar-link.sync span { background-position: -230px -790px; }
a[disabled].bar-link.sync span { background-position: -230px -820px; }
a.bar-link.options span { background-position: -260px -790px; }
a[disabled].bar-link.options span { background-position: -260px -820px; }
a.bar-link.calendar-refresh span { background-position: -290px -790px; }
a[disabled].bar-link.calendar-refresh span { background-position: -290px -820px; }
a.bar-link.task-refresh span { background-position: -320px -790px; }
a[disabled].bar-link.task-refresh span { background-position: -320px -820px; }

/*
a.bar-link.usermessages span { background-position: -50px -520px; }
a[disabled].bar-link.usermessages span { background-position: -50px -550px; }
a.bar-link.schedule span { background-position: -80px -520px; }
a[disabled].bar-link.schedule span { background-position: -80px -550px; }
*/

/* ========================================================================================================================================================================================================================================================================================================================== */
/* GRIDVIEW LINKS --- OK */
/* ========================================================================================================================================================================================================================================================================================================================== */

a.grid-link { width: 20px; height: 20px; background-image: url(/__cdn/WebApps/v1.0/Images/EXA.Apps.1.0.UI.Res.png); background-repeat: no-repeat; background-position: -20px -960px; }
a.grid-link.view { background-position: -40px -960px; }
a[disabled].grid-link.view { background-position: -40px -980px; }
a.grid-link.details { background-position: -60px -960px; }
a[disabled].grid-link.details { background-position: -60px -980px; }
a.grid-link.edit { background-position: -80px -960px; }
a[disabled].grid-link.edit { background-position: -80px -980px; }
a.grid-link.delete { background-position: -100px -960px; }
a[disabled].grid-link.delete { background-position: -100px -980px; }
a.grid-link.trace { background-position: -120px -960px; }
a[disabled].grid-link.trace { background-position: -120px -980px; }
a.grid-link.clip { background-position: -140px -960px; }
a[disabled].grid-link.clip { background-position: -160px -980px; }
a.grid-link.moveup { background-position: -160px -960px; }
a[disabled].grid-link.moveup { background-position: -160px -980px; }
a.grid-link.movedown { background-position: -180px -960px; }
a[disabled].grid-link.movedown { background-position: -180px -980px; }
a.grid-link.preview { background-position: -240px -960px; }
a[disabled].grid-link.preview { background-position: -240px -980px; }
a.grid-link.mail-error { background-position: -280px -960px; }
a[disabled].grid-link.mail-error { background-position: -280px -980px; }
a.grid-link.mail-ok { background-position: -300px -960px; }
a[disabled].grid-link.mail-ok { background-position: -300px -980px; }
a.grid-link.lock { background-position: -320px -960px; }
a[disabled].grid-link.lock { background-position: -320px -980px; }

a.grid-link.user01 { background-position: -360px -960px; }
a[disabled].grid-link.user01 { background-position: -360px -980px; }
a.grid-link.user02 { background-position: -380px -960px; }
a[disabled].grid-link.user02 { background-position: -380px -980px; }
a.grid-link.user03 { background-position: -400px -960px; }
a[disabled].grid-link.user03 { background-position: -400px -980px; }
a.grid-link.user04 { background-position: -420px -960px; }
a[disabled].grid-link.user04 { background-position: -420px -980px; }
a.grid-link.user05 { background-position: -440px -960px; }
a[disabled].grid-link.user05 { background-position: -440px -980px; }
a.grid-link.user06 { background-position: -460px -960px; }
a[disabled].grid-link.user06 { background-position: -460px -980px; }

a.grid-link.task-execute { background-position: -480px -960px; }
a[disabled].grid-link.task-execute { background-position: -480px -980px; }
a.grid-link.task-update { background-position: -500px -960px; }
a[disabled].grid-link.task-update { background-position: -500px -980px; }
a.grid-link.calendar-warn { background-position: -520px -960px; }
a[disabled].grid-link.calendar-warn { background-position: -520px -980px; }

a.grid-link.create { background-position: -600px -960px; }
a[disabled].grid-link.create { background-position: -600px -980px; }

a.grid-link.warning { background-position: -40px -1010px; }
a[disabled].grid-link.warning { background-position: -40px -1030px; }
a.grid-link.error { background-position: -60px -1010px; }
a[disabled].grid-link.error { background-position: -60px -1030px; }
a.grid-link.ready { background-position: -80px -1010px; }
a[disabled].grid-link.ready { background-position: -80px -1030px; }
a.grid-link.completed { background-position: -100px -1010px; }
a[disabled].grid-link.completed { background-position: -100px -1030px; }
a.grid-link.configure { background-position: -180px -1010px; }
a[disabled].grid-link.configure { background-position: -180px -1030px; }
a.grid-link.export-excel { background-position: -200px -1010px; }
a[disabled].grid-link.export-excel { background-position: -200px -1030px; }

a.grid-link.print { background-position: -340px -1010px; }
a[disabled].grid-link.print { background-position: -340px -1030px; }


a.grid-link.user-info { background-position: -300px -1010px; }
a[disabled].grid-link.user-info { background-position: -300px -1030px; }

a.pager-btn { background-image: url(/__cdn/WebApps/v1.0/Images/EXA.Apps.1.0.UI.Res.png); background-repeat: no-repeat; }
a.pager-btn.first { background-position: -20px -1100px; }
a.pager-btn.first:hover { background-position: -20px -1130px; }
a[disabled].pager-btn.first { background-position: -20px -1160px; }
a.pager-btn.prev { background-position: -50px -1100px; }
a.pager-btn.prev:hover { background-position: -50px -1130px; }
a[disabled].pager-btn.prev { background-position: -50px -1160px; }
a.pager-btn.next { background-position: -80px -1100px; }
a.pager-btn.next:hover { background-position: -80px -1130px; }
a[disabled].pager-btn.next { background-position: -80px -1160px; }
a.pager-btn.last { background-position: -110px -1100px; }
a.pager-btn.last:hover { background-position: -110px -1130px; }
a[disabled].pager-btn.last { background-position: -110px -1160px; }

/* ========================================================================================================================================================================================================================================================================================================================== */
/* MY ACCOUNT INFO --- OK */
/* ========================================================================================================================================================================================================================================================================================================================== */


#user-info { height: 150px; width: auto; display: block; position: relative; background-color: #F1F1F1; margin: 3px 0px 0px 0px; }
#user-info span.fullname { position: absolute; top: 22px; left: 150px; font-family: “Trebuchet MS”, sans-serif; font-size: 24px; font-style: normal; font-weight: bold; letter-spacing: -1px; line-height: 0.9em; color: #000000; }
#user-info div.photo { position: absolute; top: 16px; left: 16px; width: 120px; height: 120px; background-color: orange; background: url(/__cdn/WebApps/v1.0/Images/photo.png) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
#user-info div.info { position: absolute; top: 50px; left: 150px; width: 400px; height: 90px; padding: 0px; margin: 0px; }
#user-info div.info.right { left: 560px; }
#user-info span.tag { color: #000000; }
#user-info span.lbl { color: #000000; font-weight: bold; }
#user-info span.title { color: #000000; font-weight: bold; }

/* ========================================================================================================================================================================================================================================================================================================================== */
/* FIXED */
/* ========================================================================================================================================================================================================================================================================================================================== */
.ruInputs, .ruInputs li { list-style-type: none !important; }
.RadComboBox .rcbSlide { position: relative; }
/*html .RadComboBox .rcbInputCell { height: 22px; line-height: 22px; }*/