@charset "utf-8";

/* MODELOS */

/* Individual Pager Model */
.segmentos { position: relative; width: 650px; height: 27px; overflow: hidden; padding: 0px; }
.segmentos .segmento { clear: both; position: absolute; eight: 30px; overflow: auto; right: 0px; top: 50px; width: 596px; padding: 0px 27px 0px 27px; white-space: nowrap; }
.segmentos .segmento.segmento_activo { top: 0px; }
.segmentos .segmento div { float: right; position: relative; height: 24px; width: 22px; text-align: center; font-size: 10px; font-weight: bold; text-decoration: none; margin: 0px 0px 0px 0px; padding: 6px 0px 0px 0px; cursor: pointer; overflow: hidden; }
.segmentos .segmento div.default { background: URL('imgs_models/pager_bt_default.gif') top left no-repeat; color: #ebebeb; }
.segmentos .segmento div.over { background: URL('imgs_models/pager_bt_over.gif') top left no-repeat; color: #C43040; }
.segmentos .segmento div.active { background: URL('imgs_models/pager_bt_active.gif') top left no-repeat; color: #ffffff; cursor: default; }
/*
.segmentos .segmento div { float: right; position: relative; height: 24px; width: 22px; text-align: center; font-size: 10px; font-weight: bold; text-decoration: none; margin: 0px 0px 0px 0px; padding: 6px 0px 0px 0px; cursor: pointer; overflow: hidden; background: URL('imgs_models/pager_bt_mask.gif') top left no-repeat transparent; }
.segmentos .segmento div.default { background-color: #999999; color: #ebebeb; }
.segmentos .segmento div.over { background-color: #87A649; color: #efefef; }
.segmentos .segmento div.active { background-color: #578200; color: #ffffff; cursor: default; }
*/

.segmentos .segmento div img { position: absolute; bottom: 5px; right: 1px; }
.segmentos .segmento div div.checkmark { position: absolute; bottom: 0px; right: 0px; width: 11px; height: 9px; background: URL('imgs_models/checkmark_11x9.gif') top left no-repeat; }
.blinder { background-color: purple; position: absolute; width: 240px; height: 30px; top: 0px; display: none; }
.blinder.blinder_left { left: 0px; }
.blinder.blinder_right { right: 0px; }

.segmentos .segmento div.scroll_left { position: absolute; left: 0px; background: URL('imgs_models/pager_scroll_left.png') center 6px no-repeat; }
.segmentos .segmento div.scroll_right { position: absolute; right: 0px; background: URL('imgs_models/pager_scroll_right.png') center 6px no-repeat; }

/* Sequencial Pager Model */
.ss { position: relative; width: 180px; height: 24px; margin: 4px 0px 0px 0px; padding: 0px 0px 0px 0px; border-top: 0px solid #ebebeb; text-align: center; }
.ss .ss_carcasa { position: relative; width: 132px; margin-left: auto; margin-right: auto; }
.ss .ss_carcasa .ss_prev { position: relative; float: left; width: 29px; height: 24px; }
.ss .ss_carcasa .ss_prev .icon { position: absolute; left: 0px; width: 29px; height: 19px; background: url('imgs_models/pager_prev.gif') no-repeat top right; margin-top: 4px; cursor: pointer; }
.ss .ss_carcasa .ss_prev .icon_jumper { position: absolute; left: 0px; width: 29px; height: 19px; background: url('imgs_models/pager_prev_jumper.gif') no-repeat top right; margin-top: 4px; cursor: pointer; }
.ss .ss_carcasa .ss_numero { float: left; left: 103px; width: 74px; height: 24px; color: #fff; font-size: 12px; font-weight: bold; text-align: center; line-height: 24px; }
.ss .ss_carcasa .ss_prox { float: right; width: 29px; height: 24px; }
.ss .ss_carcasa .ss_prox .icon { position: absolute; right: 0px; width: 29px; height: 19px; background: url('imgs_models/pager_next.gif') no-repeat top left; margin-top: 4px; cursor: pointer; }
.ss .ss_carcasa .ss_prox .icon_jumper { position: absolute; right: 0px; width: 29px; height: 19px; background: url('imgs_models/pager_next_jumper.gif') no-repeat top left; margin-top: 4px; cursor: pointer; }

/* Mini Toolsbar */
.mini_toolsbar { position: relative; }
.mini_toolsbar .tool { float: left; width: 26px; height: 25px; margin: 2px 0px 0px 12px; background: url('') top left no-repeat; }
.mini_toolsbar .tool.enable { cursor: pointer; }
.mini_toolsbar .tool.icon_home { width: 26px; background-image: url('imgs_models/icon_home.gif'); }
.mini_toolsbar .tool.icon_home.enable:hover { background-image: url('imgs_models/icon_home_over.gif'); }
.mini_toolsbar .tool.icon_tips { width: 20px; background-image: url('imgs_models/icon_tips.gif'); }
.mini_toolsbar .tool.icon_tips.enable:hover { background-image: url('imgs_models/icon_tips_over.gif'); }
.mini_toolsbar .tool.icon_mouse { width: 35px; background-image: url('imgs_models/icon_mouse.gif'); }
.mini_toolsbar .tool.icon_mouse.enable:hover { background-image: url('imgs_models/icon_mouse_over.gif'); }

/* FootTools */
.foot_tools { position: relative; }
.foot_tools .foot_tool.closer { float: left; margin: 6px 0px 0px 10px; padding: 0px 0px 0px 20px; background: url('imgs_models/icon_closer.gif') center left no-repeat; cursor: pointer; }
.foot_tools .foot_tool.printer { float: right; margin: 6px 10px 0px 0px; padding: 0px 26px 0px 0px; background: url('imgs_models/icon_printer.gif') center right no-repeat; cursor: pointer; }

/* Clock */
.clock { background-color: green; color: #fff; padding: 10px; width: 150px; }

/* Hotword *
.hotword { position: relative; padding: 10px; background: #C7DA1F; border: 2px solid #B5C61C; font-size: 13px; color: #58610C; text-align: justify; z-index: 900; }
.hotword > .hotword_title { font-weight: bold; }
.hotword > .hotword_content {  }

/* Hotword */
.hotword { position: relative; left: -5px; padding: 9px 7px 7px 7px; border: 0px solid #B5C61C; font-size: 13px; color: #fff; text-align: justify; z-index: 900; }
.hotword > .hotword_middle { position: relative; idth: 100%; padding: 0px 9px 0px 12px; background: #0099CC; }
.hotword > .hotword_middle > .hotword_title { font-weight: bold; }
.hotword > .hotword_middle > .hotword_content { width: 100%; }
.hotword > .hotword_middle > .hotword_middle_left { position: absolute; top: 0px; right: -6px; width: 6px; height: 100%; background: url('imgs_models/glossary_ribbon_3d_middle_right.png') repeat-y top right transparent; }
.hotword > .hotword_top { position: relative; width: 100%; height: 15px; }
.hotword > .hotword_top > .hotword_top_left { position: absolute; top: 0px; left: 0px; width: 9px; height: 15px; background: url('imgs_models/glossary_ribbon_3d_top_left.png') no-repeat top left transparent; }
.hotword > .hotword_top > .hotword_top_middle { position: absolute; top: 0px; left: 0px; width: 100%; height: 15px; background: url('imgs_models/glossary_ribbon_3d_top_middle.png') repeat-x top left transparent; }
.hotword > .hotword_top > .hotword_top_right { position: absolute; top: 0px; right: -6px; width: 6px; height: 15px; background: url('imgs_models/glossary_ribbon_3d_top_right.png') no-repeat top left transparent; }
.hotword > .hotword_bottom { position: relative; width: 100%; height: 15px; }
.hotword > .hotword_bottom > .hotword_bottom_left { position: absolute; top: 0px; left: 0px; width: 9px; height: 15px; background: url('imgs_models/glossary_ribbon_3d_bottom_left.png') no-repeat top left transparent; }
.hotword > .hotword_bottom > .hotword_bottom_middle { position: absolute; top: 0px; left: 0px; width: 100%; height: 15px; background: url('imgs_models/glossary_ribbon_3d_bottom_middle.png') repeat-x top left transparent; }
.hotword > .hotword_bottom > .hotword_bottom_right { position: absolute; top: 0px; right: -6px; width: 6px; height: 15px; background: url('imgs_models/glossary_ribbon_3d_bottom_right.png') no-repeat top left transparent; }

/* Moreinfo */
.moreinfo { position: relative; padding: 10px; background: #7091C2; border: 2px solid #7091C2; font-size: 13px; color: #fff; text-align: justify; z-index: 900; }
.moreinfo > .moreinfo_closer { position: absolute; top: 10px; right: 10px; font-weight: bold; cursor: pointer; }
.moreinfo > .moreinfo_title { font-weight: bold; padding-bottom: 6px; padding-left: 10px; }
.moreinfo > .moreinfo_content { background: #B7C8E0; padding: 10px; max-height: 200px; overflow: auto; }