/* 
===============================================================================
GENERAL INDEX OF STYLES:
===============================================================================
LAYOUT ELEMENTS
- BODY
- HEADER
- SIDEBAR
- FOOTER

PAGE COMPONENTS
- TABLES
- ALIGNS
- LINKS
- IMAGES
- GENERAL PROPERTIES
===============================================================================
*/

/* BODY
============================================================================= */

body {
/*    background: url('http://static.classora.com/files/images/backs/fullback.gif') top left repeat-x;*/
   background: url('http://static.classora.com/files/images/imagesC/header-bg.png') top left repeat-x;
    background-color: #f9f9f9;
    font-family: Verdana, Arial, sans-serif;
    font-size: 11px;
}

#window {
    align: center;
    //background-color: #FFFFFF;
    /* border: #000 1px solid; */
    min-width: 970px;
    width: auto !important;
    width: 980px;
    /*margin-top: -3px;*/
    padding-top :0px;
    margin-left: auto;
    margin-right: auto;
    background:transparent;
}

/* ========================================================================== */
/* IMPORTANTE: DISE�O ANTIGUO                                                 */
/* ========================================================================== */
/*
#content {
float: right; 
text-align: center;
width: 75%;
}
EL ESPACIO ENTRE LA CABECERA Y EL SIDEBAR/CONTENT ES DIFICIL DE VER.
SE ESPECIFICA EN:
- PARA SIDEBAR: <li class="section" style="margin-top:12px">
- PARA CONTENT: <div class="portlet_big">
*/
/* ========================================================================== */

#content {
    /*text-align:center;*/
    text-align: left;
    /*margin: 0px 0px 0px 200px;  */
    margin: 0em 0em 0em 17.6em;
    display:inline-block;
}

#contentFocus {
    padding-top: 20px;
    float: right;
    text-align: left;
    font:11px Arial,Verdana,Tahoma,Helvetica,Sans-serif;
    color: black;
    width: 100%;
}

#pageBody { 
    /*margin-top: 5px;*/
    width: 100%;
}


.errorMessage {
    font-weight: bold;
    font-size: 14px;
    color: red;
    margin-left: 5px;
}

/* HEADER
============================================================================= */

#header {
    /* background: url('http://static.classora.com/files/images/newbacktop.gif') repeat; */
    color: #0000cc;
    font-weight: bold;
    height: 64px;
    padding: 0px 0px 2px 0px;
    text-align: left;
    width: 100%;
}

h1 {
    margin-top: 0px;
    margin-bottom:8px;
    text-align:left;
    font-family: verdana;
    font-size: 18px;
}

h2 {
    margin-top: 6px;
    margin-bottom:6px;
    text-align:left;
    font-family: verdana;
    font-size: 17px;
}

.headerLink, .headerLink:hover {
    margin-top: 0px;
    font-family: verdana;
    font-size: 18px;
    color:#0000CC;
    text-decoration: none;
}

.logo {
    position:absolute;
    border:0px solid red;
    margin-top:-3px;
    margin-left:0px;
}

.tableMenuOptions{

    display:block;
    margin-top:3px;
}


.tableMenuOptions tr td{
    border-right:0px dotted gray;
    padding-left:4px;
    padding-right:4px;
}

.tableMenuOptions tr td a{
    font-family:arial;
    font-size:10px;
}

.tableMenuOptions tr td a:hover{
    font-family:arial;
    font-size:10px;
}

table.ShowEntryTypeTree{
    width:95%;
    margin:10px;
}

table.pathCategories{
    width:95%;
    max-width:1050px;
    margin: 15px;
}

table.pathCategories td {

}

table.pathCategories td.path {

    padding-top: 25px;
}


/* SIDEBAR
============================================================================= */

#sidebar {
    float: left;
    margin-bottom: 10px;
    height: 100%;
    width: 180px;
}


#sidebar ul {
    margin: 0px;
    width: 100%;
    padding: 0px;
}

#sidebar ul li {
    list-style: none;
    margin: 0px;
    padding: 0px;
    background: #fff;
    height :26px ;

}

#sidebar ul li.section {
    margin-top:12px;
    font-family: verdana, arial;
    font-size: 11px;
    font-weight: bold;
    display: block;
    padding-left: 10px;
    padding-top: 4px;
    border-top: 1px solid #BBB;
    border-left: 1px solid #BBB;
    border-right: 1px solid #BBB;
    border-bottom: 1px solid #BBB;
    height: 20px;
    color: #555;
    /*background: #888 url('http://static.classora.com/files/images/menu_header.gif') repeat;*/
    background: #888 url('http://static.classora.com/files/images/backs/sidebar_back.gif') repeat;
}

#sidebar ul li a,span.result {
    color: #888;
    display: block;
    height: 20px;
    padding-left: 36px;
    padding-top: 5px;
    border-left: 1px solid #BBB;
    border-right: 1px solid #BBB;
    border-bottom: 1px solid #BBB;
}

#sidebar ul li.closeSection a {
    color: #888;
    display: block;
    height: 20px;
    padding-left: 36px;
    padding-top: 5px;
    border-left: 1px solid #BBB;
    border-right: 1px solid #BBB;
    border-bottom: 1px solid #BBB;
}

#sidebar ul li a:hover {
    background:#FFF3DF;
    color: #CB747A;
    text-decoration: underline;
}

.sidebar_icon {
    border:0px solid red;
    position:absolute;
    margin-top:4px;
    margin-left:14px;
}

.tab_icon {
    float:left;
    margin-left:-6px;
    margin-right:6px;
    border: 0px;
}

.header_icon {
    border:0px solid red;
    position:absolute;
    margin-top:2px;
    margin-left:2px;
}

div.customizeSection {
    margin-top: 2px;
    font-family: Arial;
    font-size: 10pt;
    font-weight: bold;
    display: block;
    padding-left: 10px;
    padding-top: 4px;
    border-bottom: 1px solid #e1e1e1;
    height: 20px;
    color: #fff;
    background: #888;
}

div.customizeSection input {
    border: 1px solid gray;
}

/*
.searchSidebar{
   float: left;
   margin-bottom: 10px;
   height: 100%;
   width: 180px;
   border-left:1px solid #BBB;
   border-right:1px solid #BBB;
   border-bottom:1px solid #BBB;
}

.searchSidebar li{
}
*/
/* FOOTER
============================================================================= */

#footer {
    background: url("http://static.classora.com/files/images/foot-bg.png") repeat scroll left top #E7E7E7;
    clear:both;
    margin-top:20px;
    text-align:center;
    width:100%;
}

/* CALENDAR (Javascript popup component)
============================================================================= */

/* The main calendar widget.  DIV containing a table. */

.calendar {
    position: relative;
    display: none;
    border: 1px solid;
    border-color: #fff #000 #000 #fff;
    font-size: 11px;
    cursor: default;
    background: Window;
    color: WindowText;
    font-family: tahoma,verdana,sans-serif;
}

.calendar table {
    border: 1px solid;
    border-color: #fff #000 #000 #fff;
    font-size: 11px;
    cursor: default;
    background: Window;
    color: WindowText;
    font-family: tahoma,verdana,sans-serif;
}

/* Header part -- contains navigation buttons and day names. */

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
                    text-align: center;
                    padding: 1px;
                    border: 1px solid;
                    border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
                    background: ButtonFace;
}

.calendar .nav {
    background: ButtonFace url(menuarrow.gif) no-repeat 100% 100%;
}

.calendar thead .title { /* This holds the current "month, year" */
                         font-weight: bold;
                         padding: 1px;
                         border: 1px solid #000;
                         background: ActiveCaption;
                         color: CaptionText;
                         text-align: center;
}

.calendar thead .headrow { /* Row <TR> containing navigation buttons */
}

.calendar thead .daynames { /* Row <TR> containing the day names */
}

.calendar thead .name { /* Cells <TD> containing the day names */
                        border-bottom: 1px solid ButtonShadow;
                        padding: 2px;
                        text-align: center;
                        background: ButtonFace;
                        color: ButtonText;
}

.calendar thead .weekend { /* How a weekend day name shows in header */
                           color: #f00;
}

.calendar thead .hilite { /* How do the buttons in header appear when hover */
                          border: 2px solid;
                          padding: 0px;
                          border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
}

.calendar thead .active { /* Active (pressed) buttons in header */
                          border-width: 1px;
                          padding: 2px 0px 0px 2px;
                          border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
}

/* The body part -- contains all the days in month. */

.calendar tbody .day { /* Cells <TD> containing month days dates */
                       width: 2em;
                       text-align: right;
                       padding: 2px 4px 2px 2px;
}
.calendar tbody .day.othermonth {
    font-size: 80%;
    color: #aaa;
}
.calendar tbody .day.othermonth.oweekend {
    color: #faa;
}

.calendar table .wn {
    padding: 2px 3px 2px 2px;
    border-right: 1px solid ButtonShadow;
    background: ButtonFace;
    color: ButtonText;
}

.calendar tbody .rowhilite td {
    background: Highlight;
    color: HighlightText;
}

.calendar tbody td.hilite { /* Hovered cells <TD> */
                            padding: 1px 3px 1px 1px;
                            border-top: 1px solid #fff;
                            border-right: 1px solid #000;
                            border-bottom: 1px solid #000;
                            border-left: 1px solid #fff;
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
                            padding: 2px 2px 0px 2px;
                            border: 1px solid;
                            border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
}

.calendar tbody td.selected { /* Cell showing selected date */
                              font-weight: bold;
                              border: 1px solid;
                              border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
                              padding: 2px 2px 0px 2px;
                              background: ButtonFace;
                              color: ButtonText;
}

.calendar tbody td.weekend { /* Cells showing weekend days */
                             color: #f00;
}

.calendar tbody td.today { /* Cell showing today date */
                           font-weight: bold;
                           color: #00f;
}

.calendar tbody td.disabled {
    color: GrayText;
}

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
                             visibility: hidden;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
                            display: none;
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
                        background: ButtonFace;
                        padding: 1px;
                        border: 1px solid;
                        border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
                        color: ButtonText;
                        text-align: center;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
                          border-top: 1px solid #fff;
                          border-right: 1px solid #000;
                          border-bottom: 1px solid #000;
                          border-left: 1px solid #fff;
                          padding: 1px;
                          background: #e4e0d8;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
                          padding: 2px 0px 0px 2px;
                          border-top: 1px solid #000;
                          border-right: 1px solid #fff;
                          border-bottom: 1px solid #fff;
                          border-left: 1px solid #000;
}

/* Combo boxes (menus that display months/years for direct selection) */

.calendar .combo {
    position: absolute;
    display: none;
    width: 4em;
    top: 0px;
    left: 0px;
    cursor: default;
    border: 1px solid;
    border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
    background: Menu;
    color: MenuText;
    font-size: 90%;
    padding: 1px;
}

.calendar .combo .label,
.calendar .combo .label-IEfix {
    text-align: center;
    padding: 1px;
}

.calendar .combo .label-IEfix {
    width: 4em;
}

.calendar .combo .active {
    padding: 0px;
    border: 1px solid #000;
}

.calendar .combo .hilite {
    background: Highlight;
    color: HighlightText;
}

.calendar td.time {
    border-top: 1px solid ButtonShadow;
    padding: 1px 0px;
    text-align: center;
    background-color: ButtonFace;
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
    padding: 0px 3px 0px 4px;
    border: 1px solid #889;
    font-weight: bold;
    background-color: Menu;
}

.calendar td.time .ampm {
    text-align: center;
}

.calendar td.time .colon {
    padding: 0px 2px 0px 3px;
    font-weight: bold;
}

.calendar td.time span.hilite {
    border-color: #000;
    background-color: Highlight;
    color: HighlightText;
}

.calendar td.time span.active {
    border-color: #f00;
    background-color: #000;
    color: #0f0;
}


/* TABLES
============================================================================= */

/* Table list  */

table.list {
    margin: 0 auto;
    border: #CECCCC 1px solid;
    text-align: left;
    width: 100%;
    font-family: verdana, arial;
    font-size: 11px;

}

table.list th {
    border: #CECCCC 1px solid;
    background: #EEEEEE;
}

table.list tr {
    height: 30px;
}

table.list tr.odd {
    background: #FFF;
}

table.list tr.even {
    background: #EEE;
}

table.list tr.evenBrown {
    background: #FFF6DF;
}

table.list th a {
    font-family: verdana, arial;
    font-size: 11px;
}


table.list td {
    border-top:1px dotted blue;
    border-bottom:1px dotted blue;
    height: 30px;
    /*background: red;*/
}

table.list td.positionNumber{
    width: 55px;
    text-align: center;
    font-weight: bold;
}


table.list td a {
    font-family: verdana, arial;
    font-size: 11px;
}


table.list td button.search_row {
    width: 14px;
    height: 14px;
    background: url('http://static.classora.com/files/images/icon_search_row.gif');
    border: 1px;
    float: left;
}


table.list td button.update_row {
    background: #339933;
    float: left;
}

table.list td button.delete_row {
    background: #CC6666;
    float: left;
    margin-left: 3px;
}

table.list td.label{

    text-align: right;
    font-weight: bold;
}

table.list td.value{
    text-align: left;
}

table.list td.together{
    font-size: 14px;
    color: #003399;
    font-weight: bold;
    text-align: left;
    border-bottom: #CECCCC 1px solid;
}

table.list td.listRankingLeft{      
    /*min-width:480px;*/
    border:0px;
    vertical-align:top;
    /*width: (this.width < 480? "480px": "auto");*/
    width: expression(this.width < 480? "auto": "480px");
}

table.list td.listRankingRight{
    max-width:400px;
    /*width: expression(this.width > 400? "400px": "auto");  */
    width: expression(this.width > 400? "400px": "300px");
    vertical-align:top;
    text-align:left;
    border:0px;
    vertical-align:top;
    padding-left:8px;
}

/* Table related */

table.relatedRankings{
    /*width: expression(this.width > 450? "450px": "auto");*/
    border-left:1px solid gray;
    border:1px solid gray;
    width:100%;
    max-width:450px;

}

.relatedEntries{
    vertical-align:top;
    width:100%;
    max-width:730px;
    width: expression(this.width > 730? "730px": "100%");
    /*padding:10px;*/
}

/* Table entry */
.entryContainer{
    border: 1px solid gray;
    width: 730px;
    padding-left:10px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;

}



table.entry {
    text-align: left;
    width: 700px;   
    margin-top:5px;
    margin-left:5px;
}

table.entry td{
    /*padding-left :10px;
    padding-right :10px;*/
}
table.entry td.fieldName {
    width: 25%;
    font-size: 11px;
    font-weight: bold;
    height: 30px;
}

table.entry td.fieldText {
    font-size: 11px;
    text-align: left;
}

table.entry td.fieldText input {
    border: 1px solid gray;
    font-size: 11pt;
    height: 18px;
    width: 200px;
    margin-right: 10px;
}

table.entry td.fieldText input.fix {
    font-family: verdana, arial;
    font-size: 11px;
    border: 1px solid green;
    height: auto;
    width: auto;
}

/* Table entity_statistics */

table.entity_statistics {
    margin: 0 8px;
    border: 1px solid gray;
    text-align: left;
    font-family: verdana, arial;
    font-size: 11px;
    background: #EEE;
}

table.entity_statistics th {
    border: #CECCCC 0px solid;
    background: #AAA;
    color: #FFF;
    text-align:center;
    font-weight:bold;
    width:70px;
    height: 25px;
}

table.entity_statistics tr {
    height: 18px;
}


table.entity_statistics td {
    padding:3px;
    text-align:right;
    width:70px;
    border-bottom: 1px dotted #BBB;
}

table.entity_statistics td.title {
    text-align:left;
    font-weight:bold;
    width:200px;
}

table.entity_statistics td.total {
    font-weight:bold;
    width:50px;
}




/* Table inputForm */
div.inputFormContainer {
    border: gray 1px solid;
    padding:1px;
}

table.inputForm {
    /*margin: 0 50px; */
    text-align: left;
    width:730px;
    font-family: verdana, arial;
    font-size: 11px;
}

table.inputForm th {
    border: #CECCCC 0px solid;
    background: #DDD url('http://static.classora.com/files/images/table_header.gif') repeat;
    padding-left: 10px;
    font-family: verdana, arial;
    font-size: 11px;
    color: #444;
    height: 32px;
}

table.inputForm td input {
    border: 1px solid gray;
}

table.inputForm td.label{
    text-align: right;
    font-weight: bold;
}

table.inputForm td.value {
    text-align: left;
    padding-left: 15px;
}

table.inputForm td.rowTitle {
    width: 12%;
    background: #CCC;
    border: 1px solid blue;
    text-align: center;
    margin-right: 10px;
    font-weight: bold;
}

/* Table inputGrid */

div.inputGridContainer {
    border: gray 1px solid;
    padding:1px;
}

table.inputGrid {
    text-align: left;
    width:730px;
    font-family: verdana, arial;
    font-size: 11px;
}

table.inputGrid th {
    border: #CECCCC 0px solid;
    background: #DDD url('http://static.classora.com/files/images/table_header.gif') repeat;
    padding-left: 10px;
    font-family: verdana, arial;
    font-size: 11px;
    color: #444;
    height: 32px;
}

table.inputGrid td input {
    margin-top:-1px;
}



/* Table buttons (previous & next) */
table.buttons {
    margin-top: 20px;
    text-align: center;
    /*width: 730px;*/
    width:100%;
}

/* Table entityDetails */

table.entityDetails {
    margin: 0 auto;
    border: #000 1px solid;
    text-align: left;
    width: 35%;
}

table.entityDetails th {
    width: 60%;
}

table.entityDetails td {
    width: 30%;
}




table.editRow {
    margin: 0 auto;
    border: #CECCCC 1px solid;
    text-align: left;
    width: 100%;
    font-family: verdana, arial;
    font-size: 11px;
}

table.editRow th {
    border: #CECCCC 1px solid;
    background: #EEEEEE;
}

table.editRow tr {
    height: 40px;
}

table.editRow td {
    border-bottom: #CECCCC 1px solid;
    text-align: center;
    font-family: verdana, arial;
    font-size: 11px;
}

table.editRow td button {
    font-family: verdana, arial;
    font-size: 11px;
}

table.editRow td input {
    font-family: verdana, arial;
    font-size: 11px;
    border: #CECCCC 1px solid;
    height: 18px;
    width: 100%;
}

table.editRow td input.entryText {
    font-family: verdana, arial;
    font-size: 11px;
    border: #CECCCC 1px solid;
    height: 18px;
    width: 100%;
}


table.editRow td input.fix {
    font-family: verdana, arial;
    font-size: 11px;
    border: 1px solid green;
    height: auto;
    width: auto;
}

table.editRow td input.text {
    width: 60px;
}

table.editRow td input.entry {
    width: 60px;
}


/* Table tree */

table.tree {
    margin: 0 auto;
    border: #000 1px solid;
    text-align: left;
    width: 90%;
}

table.tree td {
    padding-left: 10px;
    font-size: 14px;
}

table.tree td.path {
    font-size: 14px;
    font-weight: bold;
    padding-left: 10px;
}

table.tree td.main {
    width: 50%;
    padding-left: 10px;
    font-size: 14px;
    font-weight: bold;
}

table.tree td.main li{
    margin-left: 40px;
    padding-left: 5px;
}

/* Table entryHeader  */

table.entryHeader {
    margin: 0;
    text-align: left;
    width: auto;
    font-family: verdana, arial;
    font-size: 11px;

}

table.entryHeader td.photo {
    width:200px;
}

table.entryHeader td.text {
    border: #CECCCC 1px solid;
    background: #DFDFFF;
    width:325px;
}

table.entryHeader td.votes {
    border: #CECCCC 1px solid;
    background: #E8EFE0;
    width:120px;
}

table.entryHeader td.stats {
    border: #CECCCC 1px solid;
    background: #FFE4CF;
    width:180px;
}


/* ALIGNS
============================================================================= */
.alignRight {
    text-align: right;
}

.alignCentert {
    text-align: center;
}

.alignLeft {
    text-align: left;
}

/* LINKS
============================================================================= */

a {
    font-family: verdana, arial;
    font-size: 11px;
    color: #727272;
    font-style: normal;
    text-decoration: none;
    border-bottom-style: hidden;
}

a:hover {
    font-family: verdana, arial;
    font-size: 11px;
    color: #CB747A;
    font-style: normal;
    text-decoration: underline;
}


/* IMAGES
============================================================================= */
.imageNoBorder
{
    border: 0;
}

.imagenBorder
{
    border: #000000 1px solid;
}


/* GENERAL PROPERTIES
============================================================================= */

form {

    width: 100%;

}

.subtitle {
    text-align: left;
    font-size: 11pt;
    color: #CB747A;
}

div.subheader {
    margin-top:24px;
    /*height:32px;*/
    text-align:left;
    width:auto;
}

div.subheaderSubmodal {
    margin-top:24px;
    height:32px;
    text-align:left;
    width:auto;
    margin-left:128px;
}

div.subheader,div.subheaderSubmodal span {
    width: expression(document.body.clientWidth< 220? "220px" : "auto");
    width: expression(document.body.clientWidth> 300? "300px" : "auto");
    /*background: #EEE url('http://static.classora.com/files/images/table_header.gif') repeat;*/
    /*background: #EEE url('http://static.classora.com/files/images/subheader_back.gif') repeat;*/
    background: url('http://static.classora.com/files/images/backs/fullback.gif') bottom left repeat-x;
    /*background: url('http://static.classora.com/files/images/backs/snxheader.gif') bottom left repeat-x; */
    border-top: 1px solid gray;
    border-left: 1px solid gray;
    border-right: 1px solid gray;
    min-width:220px;
    max-width:300px;
    padding:8px;
    padding-top:6px;
    font-family: verdana, arial;
    font-size:13px;
    font-weight:bold;
    text-align:left;
    display:block;
}

div.subheaderSmall {
    margin-top:24px;
    text-align:left;
    width:auto;
}

div.subheaderSmall span {
    /*width: auto;*/
    /*background: #EEE url('http://static.classora.com/files/images/table_header.gif') repeat;*/
    /*background: #EEE url('http://static.classora.com/files/images/subheader_back.gif') repeat;*/
    background: url('http://static.classora.com/files/images/backs/fullback.gif') bottom left repeat-x;
    /*background: url('http://static.classora.com/files/images/backs/snxheader.gif') bottom left repeat-x; */
    border-top: 1px solid gray;
    border-left: 1px solid gray;
    border-right: 1px solid gray;
    max-width:300px;
    padding:8px;
    padding-top:6px;
    font-family: verdana, arial;
    font-size:13px;
    font-weight:bold;
    text-align:left;
    display:block;
}

div.relatedComponentLeft{
    border:1px solid #BBB;
    padding:5px;
    margin-right:3px;
}

.resalted {
    font-size: 9pt;
    color: #000;
    font-family: verdana, arial;
    //font-weight:bold;
}

div.emptyCell {
    /*   background: #DDD; */
    width: 125px;
    height: 100%;
    border: 0px solid #88F;
}

div.emptyCell img {
    position:absolute;
    margin-left:50px;
    margin-top:5px;
}

/*
div.emptyCell img {
display: block;
margin: auto;
}
*/


div.field {
    clear: both;
    padding-top: 1em;
    text-align: right;
    width: 100%;
}

div.field span.label {
    float: left;
    text-align: right;
    font-weight: bold;
    width: 49.5%;

}

div.field span.entry {
    float: right;
    text-align: left;
    width: 49.5%;

}

div.button {
    clear: both;
    padding-top: 1em;
    text-align: center;
    width: 100%;
    font-family: verdana, arial;
    font-size: 11px;

}

div.commentsText {
    border-color: #CECCCC;
    border-style: solid;
    border-width: 1px;
}

div.commentsTitle {   
    background-color: #CECCCC;
    border-color:#CECCCC;
    border-style:solid;
    border-width: 1px;
    margin-top: 15px;
    height: 20px;
}

div.commentsTitle div.commentsTitleLeft {
    background-color: #CECCCC;
    border-color:#CECCCC;
    border-style:solid;
    border-width: 1px;
    text-align: left;
    float:left;
    width:20%;
    height: 16px;
}

div.commentsTitle div.commentsTitleRight {
    background-color: #CECCCC;
    border-color:#CECCCC;
    border-style:solid;
    border-width: 1px;
    float: right;
    width: 75%;
    height: 16px;
}

div.commentsTitle div.commentsTitleRight div {
    background-color: #CECCCC;
    border-color:#CECCCC;
    border-style:solid;
    border-width: 1px;
    padding-left:60%;
    width:40%;
}

div.commentsTitle div.commentsTitleRight div button {
    float: left;
    margin-left: 10px;
}

div.commentsTitle div.commentsTitleRight div span {
    float: left;
    margin-left: 10px;
}

div.commentsTitle div.commentsTitleRight div a {
    float: left;
    margin-left: 10px;
}

div.commentsFoot {
    color: gray;
    text-align: right;
}

button {
    font-family: verdana, arial;
    font-size: 11px;
}

input, select, textarea  {
    background-color: #f4f4f4;

}

input.fix {
    font-family: verdana, arial;
    font-size: 11px;
    border: 1px solid green;
}

.enhancedButtons {
    width:100%;
    border:0px;}

div.embeddedZone {
    font-family: verdana,arial,sans-serif;
    font-weight:bold;
    font-size: 10pt;
    text-align: left;

    margin-top: 10px;
    width:600px;

}

div.embeddedZone div#title{
    font-family: verdana,arial,sans-serif;
    font-weight:bold;
    font-size: 10pt;
    text-align: left;

    margin-top: 20px;
    width:40%;
    border:1px solid blue;
    background-color: #DDDEFC;
    height: 20px;
    padding: 8px 5px 5px 5px;
}

div.embeddedZone div.content{
    font-family: verdana,arial,sans-serif;
    font-weight:normal;
    font-size: 9pt;
    text-align: left;

    margin-top: 2px;
    width:90%;
    height:80px;
    border:3px solid gray;
    background-color: #EFE;
    padding: 10px 5px 0px 5px;
}

div.embeddedZone div.content input {
    border: 1px solid gray;
    width: 80%;
    margin-top: 12px;
    margin-bottom: 12px;
}

/* ========================================================================== */
/* PESTA�AS DE NAVEGACION INTERNA */
/* ========================================================================== */


#inner-classora-body {
    text-align:left;
    /*background: url('http://static.classora.com/files/images/backs/back-inner-logo.jpg') top right no-repeat;*/
    background-color: #FFF;
    border:1px solid #BBB;
    padding-top:30px;
    padding-left:15px;
    padding-right:15px;
    padding-bottom:30px;
    _margin-top:-1px;
    z-index : 0;
}

#inner-classora-body h3{
    font-size: 11px;
    font-weight: bold;
}
#sub-nav-container {
    width:100%;
    height:33px;
    border:0px solid gray;
    /*_margin-bottom:1px;*/
}

/*
#sub-nav {
float: right;
font-family:verdana,arial;
font-size:11px;
font-weight: bold;
}
*/
#sub-nav {
    float: left;
    font-family:verdana,arial;
    font-size:11px;
    font-weight: bold;
}

html>body #sub-nav {
    /* Lo siguiente se ve en firefox pero no en explorer */
    background: url('http://static.classora.com/files/images/step-line.gif') bottom repeat-x;
    float: right;
    font-family:verdana,arial;
    font-size:11px;
    font-weight: bold;
    width :100%;
}

#sub-nav ul {
    margin: 0.5em 0 0 0;
    padding: 0 0 0 1em;
    list-style: none;
}

#sub-nav li {
    margin: 0 1px 0 0;
    padding: 0 5px 0 0;
    background: url('http://static.classora.com/files/images/step.png') 100% -100px;
    float: left;
    border-bottom: 1px solid #bbb;
    text-align: center;

}

#sub-nav li.active {
    border-bottom: 1px solid #fff;
    background: url('http://static.classora.com/files/images/step.png') 100% 0;
}

#sub-nav li.fill {
    /* Controlar altura de las pesta�as */
    padding: 6px 11px 8px 16px;
    /* Explorer */
    //padding: 6px 11px 8px 16px;
    /* Firefox */
    background: none;
    border-bottom: none;
    display: block;
    float: left;
    width: auto;
} /*IE6*/


#sub-nav li a, #sub-nav li a:visited, #sub-nav li span {
    display: block;
    float: left;
    /* Controlar altura de las pesta�as */
    padding: 6px 11px 4px 16px;
    text-align: center;
    white-space: nowrap;
    background: url('http://static.classora.com/files/images/step.png') 0 -100px;
    text-decoration: none;
    min-height: 17px;
    /* fixes FX/Mac issue */
    color: #555;
    font-family:verdana,arial;
    font-size:11px;
    font-weight: bold;
}

#sub-nav li.active a, #sub-nav li.active span {
    background: url('http://static.classora.com/files/images/step.png') 0 0;
} /*IE6*/

#sub-nav li.sub-comments a, #sub-nav li.sub-comments a:visited, #sub-nav li.sub-comments span, #sub-nav li.sub-comments a, #sub-nav li.sub-comments span {
    background-image: url('http://static.classora.com/files/images/step-comment.png');
    padding-left: 28px;
}

#sub-nav li:hover {
    background-position: 100% -200px;
}

#sub-nav li:hover a {
    background-position: 0 -200px;
}

#sub-nav li.active:hover {
    background-position: 100% 0;
}

#sub-nav li.active:hover a {
    background-position: 0 0;
    text-decoration: underline;
}


/* ========================================================================== */
/* PORTLETS */
/* ========================================================================== */

.portlet, .portlet_small, .portlet_middle, .portlet_medium, .portlet_big, .portlet_custom, .portlet_body, .portlet_head, .portlet_head h2
{

    /* set the image to use and establish the lower-right position */
    background: transparent url('http://static.classora.com/files/images/box.gif') no-repeat bottom right;
}

.portlet
{
    width: 100%;
    /* intended total box width - padding-right(next) */
    /* width: 335px !important;
    */
    /* IE Win = width - padding */
    /* width: 320px;
    */
    /* the gap on the right edge of the image (not content padding) */
    /* padding-right:15px;
    */
    /* use to position the box */
    margin: 12px 0px 0px 0px;
}

/*
Possible combination of portlets:
1) portlet_big (100%)
2) portlet_middle (50%) + portlet_middle (50%)
3) portlet_medium (75%) + portlet_small (25%)
4) Anyone with portlet_custom
*/


.portlet_small
{
    width: 27%;
    margin: 12px 0px 0px 0px;
}

.portlet_middle
{
    width: 49.5%;
    margin: 12px 0px 0px 0px;
}

.portlet_medium
{
    width: 72%;
    margin: 12px 0px 0px 0px;
}

.portlet_big
{
    width: 100%;
    margin: 12px 0px 0px 0px;
}

.portlet_custom
{
    margin: 12px 0px 0px 0px;
}

/* set the top-right image */
.portlet_head
{
    background-position: top right;
    /* pull the right image over on top of border */
    margin-right: 0px;
    /* right-image-gap + right-inside padding */
    padding-right: 4px
}

/* set the top-left image */
.portlet_head h2{
    background-position: top left;
    margin: 0;
    border: 0;
    font-family: verdana, arial;
    font-size: 10pt;
    text-align: left;
    /* padding-left = image gap + interior padding ... no padding-right */
    padding: 5px 0 5px 15px;
    height: auto !important;
    height: 1%
} 

.portlet_body
{

    background-position: bottom left;

    margin-right: 25px;

    padding: 5px 0 15px 15px;


    font-family: arial, verdana;

    font-size: 10pt;

    font-weight: normal;

    text-decoration: none;

    text-align: left;

    color: black;

}

.portlet_body h3
{

    margin-top: 30px;
    font-family: arial, verdana;
    font-size: 11pt;
    font-weight: bold;
    text-decoration: none;
    text-align: left;
    color: black;

}

.portlet_body a
{

    font-family: arial, verdana;

    font-size: 10pt;

    font-weight: normal;

    text-decoration: none;

    text-align: left;

    color: #5734CC;


}

.portlet_body a:hover

{

    font-family: arial, verdana;

    font-size: 10pt;

    font-weight: normal;

    text-decoration: none;

    text-align: left;

    color:#CB747A;

    text-decoration:underline;

}

.portlet_body ul li
{

    margin-top: 12px;

}

.portlet_body ul li div.listing
{

    font-style: italic;

    margin-left: 22px;

    margin-top: 10px;

}

.portlet_body div.sectionPath a
{

    font-style: italic;

    font-weight : bold;

    margin-bottom :20px;
    ;
}




/* ========================================================================== */
/* roundCell: ESQUINAS REDONDEADAS PARA EL PORTLET DE CATEGORIAS DE RANKING    */
/* ========================================================================== */

.roundCell
{
    -moz-border-radius:0 30px 0 0;
    float:left;


    width:100%;
    border:1px solid #5734CC;
    padding:12px;

}


/* ========================================================================== */
/* WINPORT: PORTLET VARIANT, FOR TALLEST PAGES (ONLY WITH IMAGE IN TITLE)     */
/* ========================================================================== */

.winpor
{
    width: 100%;
    /* intended total box width - padding-right(next) */
    /* width: 335px !important;
    */
    /* IE Win = width - padding */
    /* width: 320px;
    */
    /* the gap on the right edge of the image (not content padding) */
    /* padding-right:15px;
    */
    /* use to position the box */
    margin: 12px 0px 0px 0px;

}

.winpor_head
{

    background: transparent url('http://static.classora.com/files/images/box_title.gif') top left;

    /* pull the right image over on top of border */
    margin-right: 0px;
    /* right-image-gap + right-inside padding */
    padding-right: 4px
}

.winpor_head h2 {

    margin: 0;

    border: 0;

    font-family: verdana, arial;

    font-size: 10pt;

    text-align: left;


    /* padding-left = image gap + interior padding ... no padding-right */
    padding: 4px 0 5px 14px;
    height: auto !important;
    height: 1%
} 

.winpor_body
{

    padding: 5px 25px 15px 15px;

    font-family: arial, verdana;
    font-size: 10pt;
    font-weight: normal;
    text-decoration: none;
    text-align: left;
    color: black;


}

.winpor_body a
{
    font-family: arial, verdana;
    font-size: 10pt;
    font-weight: normal;
    text-decoration: none;
    text-align: left;
    color: #5734CC;
}

.winpor_body a:hover
{
    font-family: arial, verdana;
    font-size: 10pt;
    font-weight: normal;
    text-align: left;
    color: #CB747A;
    text-decoration: underline;
}

.winpor_page
{
    width:99%;
    border:1px solid #9E9E9E;
    margin: 12px 0px 0px 0px;


}



/* ========================================================================== */
/* DIVS INFORMACION, WARNING, ERROR */
/* ========================================================================== */
/* Div information ========================================================== */
div.information
{
    background-color: #9EFA8C;
    border: 1px solid #348017;
    margin-left: 0px;
    margin-top: 10px;
    width: 728px;
}

div.information img
{
    padding: 5px 10px 0px 10px;
    float: left;
}

div.information h2
{
    font-family: sans-serif,arial,verdana;
    font-weight: normal;
    font-size: 12px;
    text-align: left;
    padding: 2px 10px 2px 10px;
}


/* Div warning ============================================================== */

div.warning
{
    background-color: #ffff99;
    border: 1px solid #ff6633;
    margin-left: 0px;
    margin-top: 10px;
    width: 728px;
}

div.warning img
{
    padding: 5px 10px 0px 10px;
    float: left;
}

div.warning h2
{
    font-family: sans-serif,arial,verdana;
    font-weight: normal;
    font-size: 12px;
    text-align: left;
    padding: 2px 10px 2px 10px;
}

div.helpSubheader {
    width:100%;
    border:1px solid blue;
    background: #DADADA;
    padding:5px;
    font-size:14px;
    font-weight:bold;
    margin-top:24px;
}

/* Div autoSuggestError ===================================================== */

div.autoSuggestError
{
    background-color: #F6D888;
    border: 1px solid #ff6633;
    margin-left: 0px;
    margin-top: 10px;
    width: 98%;
    height: 26px;
}

div.autoSuggestError img
{
    padding: 2px 10px 0px 10px;
    float: left;
}

div.autoSuggestError div
{
    font-family: verdana,arial,sans-serif;
    font-weight: normal;
    font-size: 11px;
    text-align: left;
    padding: 6px 10px 2px 10px;
}


div.innerHelp {
    font-style: italic;
    color: #777;
    padding-bottom: 10px;
}

/* ERRORS
============================================================================= */
.errors_text{
    background-color: #F1F1F1;
}

.errors_select{
    background-color: #F1F1F1;
}

.errors_password{
    background-color: #F1F1F1;
}

/* PAGINATION
============================================================================= */

.pages-margin {
    padding: 10px 0 0 0;
    margin: 20px 0 50px 0;
    /* clear: left;
    */
    font-size: 90%;
}

.pages-margin {
    margin-left: 90px;
}

.pages-margin a, .pages-margin span {
    display: block;
    float: left;
    padding: 5px 7px 5px 7px;
    margin-right: 3px;
    border: 1px solid;
    background: #F6F6F6;

}

.pages-margin a:hover {

    background: #FFFFDF;

}

.pages-margin a.current{

    border: 2px solid navy;

    font-weight: bold;

    background: #5554BC;

    color:white;

}

.pages-margin span.current a {

    padding: 0;

    border: 0px;

}

.pages-margin a.nextprev {

    font-weight: bold;

}

/* CALENDARIO COMENTARIOS
============================================================================= */
.date_back {

    height: 50px;
    width: 45px;
    background: url('http://static.classora.com/files/images/calendar_back.gif') no-repeat;
    font: normal 22px Arial, Helvetica, sans-serif;
    color: #666666;
    text-align: center;
    padding: 0px 2px 0 0;
    line-height: 100%;
}

.date_back span {

    height: 16px;
    display: block;
    font: normal 11px Arial, Helvetica, sans-serif;
    color: #ffffff;
    text-align: center;
    padding-top: 5px;
}

div.createNewComment{

    font-family: verdana,arial,sans-serif;
    font-weight:bold;
    font-size: 10pt;
    text-align: left;
    margin-top: 20px;
    margin-bottom:-19px;
    width:300px;
    border:1px solid blue;
    border-bottom:none;
    background-color: #C2C9F4;
    height: 20px;
    padding: 8px 5px 5px 5px;

}


/* PRUEBAS
============================================================================= */

div.diana {

    font-weight: bold;
    color: red;

}

div.diana span {

    font-weight: bold;
    color: blue;

}

#prueba {

    font-weight: bold;
    color: green;

}

#width_explorer {
    /*width: expression(document.body.clientWidth > 1101? "1100px": "auto");*/

}

.fixScroll{

    _margin-right:15px;
}

div.newsSidebar{  
    /*height:695px;*/
    background:#FCFFCD;
    border:1px solid #BBB;
    /*margin-left:-38px;*/
    margin-top:-1px;
}

div.newsSidebar a{
    border-left:1px solid #FCFFCD;
    border-right:1px solid #FCFFCD;
    border-bottom:1px solid #FCFFCD;
    margin-right:-2px;

}

div.newsSidebar a div{
    border-left:1px solid #FCFFCD;
    border-right:1px solid #FCFFCD;
    border-bottom:1px solid #FCFFCD;


}

div.subModalWindow{
    padding-left:0px;
}

.searchButton {   
    position:absolute;
    margin-top: 15px;
    margin-left:-60px;
    width:120px;
}

.buttonGeneric{
    /*margin-top:20px;*/
    display:block;
    width:140px;
    padding-right:10px;
    margin:0;
}

.buttonGeneric img{
    margin:0px;
}

.voteButton{
    /*margin-top:20px;*/
}

.addFavoriteButton{
    margin-top:0px;
    margin-bottom:0px;
}

.graphicsButton{   
    width:150px;
}

.graphicsButton img{
    margin-left:5px;
}

div.userContent{
    border: 1px solid #808080;
    margin: 0px;
}


.relatedRanking{
    height :28px ;
}

div.searchSidebar{
    height:110px;
}

div.searchSidebar span.radiobuttons #radioSearchRankings{
    margin-top:5px;
}

div.searchSidebar span.radiobuttons #radioSearchCompendium{
    margin-top:0px;
}

/* =========================================================== */
/* NUEVO */
/* =========================================================== */

.sidebar_bullet {        
    position: relative;
    margin-top:-13px;
    float:right;
    margin-right:7px;
}

.welcome_subheader {
    border-top:1px solid #5354BF;
    border-bottom:1px solid #5354BF;
    background:#5354BF url(http://static.classora.com/files/images/backs/prufon5.gif) repeat-x scroll left bottom;
    padding-top:6px;
    padding-bottom:8px;
    margin-top:9px;
    width:100%;
    text-align:left;
    font-family: arial,verdana;
    font-size:10pt;
    font-weight:bold;
    color:white;
}

.welcome_subheader span {
    margin-left:32px;
}


.welcome_subheader_entry {
    border-top:1px solid #C7D0F8;
    border-bottom:1px solid #C7D0F8;
    /* background:#7F7F7F url(http://static.classora.com/files/images/backs/wheader.gif) repeat-x scroll left bottom; */
    background:#7F7F7F url(http://static.classora.com/files/images/backs/prufon3.gif) repeat-x scroll left bottom;
    padding-top:6px;
    padding-bottom:8px;
    margin-top:9px;
    width:100%;
    text-align:left;
    font-family: arial,verdana;
    font-size:11pt;
    font-weight:bold;
    color:white;
}

.welcome_subheader_entry span {
    margin-left:32px;
}


.welcome_subheader_icon {
    border:0 solid red;
    margin-left:10px;
    margin-top:1px;
    position:absolute;
}

.userImageIndex {
    vertical-align:top;
    width:85px;
    border-top:1px dotted navy;
    border-bottom:1px dotted navy;
    border-left:1px dotted navy;
}

.statIndex {
    text-align:left;
    padding:10px;
    margin:8px;
    border:1px dotted navy;
    color: navy;
    font-size: 10pt;
}

.statIndex a {
    font-weight:bold;
    font-family: arial,verdana;
    color: navy;
    font-size:11pt;
}

.statIndex:hover {
    background:#F2F2F2;
}

.adminIndex {
    text-align:left;
    padding:6px;
    padding-left:20px;
    margin-top:8px;
    border:1px dotted navy;
}

.adminIndex a {
    font-weight:bold;
    font-family: arial,verdana;
    color: navy;
    font-size:10pt;
}

.adminIndex:hover {
    background:#F2F2F2;
}

.userContribution {
    border:1px solid gray;
    margin:12px;
}

.userContributionTitle {
    text-align:left;
    font-weight:bold;
    font-size:10pt;
    margin:18px;
}

.myPreferencePosition {
    text-align:center;
    background-color:#5554BC;
    color:#FFFFFF;
    font-weight:bold;
    width:40px;
}

.myPreferenceHeader {
    padding:10px;
    margin:5px 2px;
    border:1px solid #5354BF;
    background:url("http://static.classora.com/files/images/backs/prunn2.gif") repeat-x scroll left bottom;
    color:black;
    font-size:10pt;
    font-weight:bold;
    -moz-border-radius:6px;
}

.statHeaderType {
    width:10px;
}

.statHeaderIndex {
    text-align:left;
    padding:5px;
    margin:4px;
}

.statHeaderIndex a {
    font-weight:bold;
    font-family: verdana,arial;
    font-size:11px;
}

table.rankingCreationWizard {
    /* width:100%; */
    min-width:730px;
    margin-top:10px;
    text-align:center;
}

table.rankingCreationWizard td{
    vertical-align: middle;
}

table.rankingCreationWizard td div.stepTitleContainer{
    border:1px solid gray;
    text-align:center;
    padding:5px;
    padding-left:15px;
    vertical-align: middle;
    height:75px;
    background:transparent url(http://static.classora.com/files/images/category_back.jpg) repeat-x scroll left bottom;
}

table.rankingCreationWizard td div.stepDescriptionContainer{
    border:1px solid gray;
    text-align:center;
    padding:5px;
    height:75px;
}

table.rankingCreationWizard td div.stepTitle{
    font-weight: bold;
    font-size:11pt;
    white-space: nowrap;
}

table.rankingCreationWizard td div.stepDescription{
    font-size:8pt;
}

table.rankingCreationWizard div.title {
    border:1px solid gray;
    background:#5354BF url('http://static.classora.com/files/images/backs/prufon5.gif') repeat-x scroll left bottom;
    padding:8px;
    text-align:left;
    font-weight: bold;
    font-size:11pt;
    height:auto;
    color:white;
}

table.innerColumnDefinition {
    width:100%;
    border:0px;
}

table.innerColumnDefinition td {
    padding-left:5px;
    text-align:left;
}

.generalSpace {
    border:0px !important;
}

.generalSpace a {
    font-size:12px !important;
}

/* ============================================================================================================================================================ */
/* Estilos procedentes de styles_new.css */
/* ============================================================================================================================================================ */
.standard,.standardtitle { 
    font-family: verdana,arial,helvetica;
    font-weight:bold;
    font-size:11px;
}

.emphasized { color:#009900;font-weight:bold; }
.error { color:#FF0000; }
.help { color:#666666; font-size:11px; display:block}
.hide { display:none; }
.ens { display:inline; }
.pipe { color:#9999FF; }
.nomargin { margin:0px; }
.bold { font-weight:bold; }

input { margin:0 25px 0 0; border:1px solid gray;}
select { margin:0 25px 0 0; border:1px solid gray; }
.module { vertical-align:top;margin:0 0 13px 0;text-align:left; }
.moduleNoMargins { margin:0 0 10px 0; }
.moduleNoMargins input { margin:0px; }
.moduleNoMargins select { margin:0px; }
.fldGrp { float:left;vertical-align:top; }
.fldGrpInline { float:left;display:inline;vertical-align:top; }

table.module {
    margin:0 auto;
}
table.module td{
    padding: 0px 8px 0px 8px
}

/* ============================================================================================================================================================ */
/* Estilos de menu horizontal de flecha */
/* ============================================================================================================================================================ */

.pointerOptionIcon{
    border: 0px;
    vertical-align:bottom;
}

.pointerTableMenu{
    border-collapse: collapse;
    width:100%;
}
.pointerTableMenu td{
    padding:0;
    background-color:#FFFFFF;
}
.pointerTableMenuTopCellContainer{
    background: transparent url(http://static.classora.com/files/images/line.gif) bottom center no-repeat;
    width:100%;
}
.pointerTableMenuTopCellContent{
    text-align:center;
    padding-top:5px;
    padding-bottom:15px;
    width:100%;
}
#pointerTableMenuTopCellSelectedContent{
    background: transparent url(http://static.classora.com/files/images/pointer.gif) bottom center no-repeat;
}
.pointerTableMenuBottomCellContent{
    text-align:center;
    padding-top:10px;
    padding-bottom:10px;
    background-color:#FFFBFF;
}
a.pointerLink{
    display: block;
    padding: 2px;
    text-decoration: none;
    color: navy;
    font-weight:bold;
}

#columnDefinition{
    width:100%;
}

/* ============================================================================================================================================================ */
/* Estilos de menu horizontal de flecha */
/* ============================================================================================================================================================ */

input {
    margin: 0px;
}

a.editionsSelectorLink{
    background: transparent url('http://static.classora.com/files/images/select-back-inactive.png') no-repeat scroll top right;
    color: #FFFFFF;
    display: block;
    float: left;
    height: 33px;
    margin-right: 8px;
    padding-right: 25px; /* sliding doors padding */
    text-decoration: none;
    font-weight:bold;font-size:18px;
}

a.editionsSelectorLink span{
    background: transparent url('http://static.classora.com/files/images/select-front-inactive.png') no-repeat;
    display: block;
    line-height: 17px;
    padding: 8px 0 8px 18px;
}

a.editionsSelectorLink:hover {
    background: transparent url('http://static.classora.com/files/images/select-back-open.png') no-repeat scroll top right;
    color:#000000;
}

a.editionsSelectorLink:hover span {
    background: transparent url('http://static.classora.com/files/images/select-front-open.png') no-repeat;
}

#editionsSelectorLinkActive {
    background: transparent url('http://static.classora.com/files/images/select-back-hover.png') no-repeat scroll top right;
}

#editionsSelectorLinkActive span {
    background: transparent url('http://static.classora.com/files/images/select-front-hover.png') no-repeat;
}

/* ============================================================================================================================================================ */
/* EditRankingStyles */
/* ============================================================================================================================================================ */

.movingRow{
    background: gray;
}

.rowUp img{
    border:0;
    margin:0;
}

.rowDown img{
    border:0;
    margin:0;
}

.removeRowLink img{
    border:0;
    margin:0;
}


.mainimage {
    max-width: 400px;
    max-height: 400px;
    width: expression(this.width > 400 ? "400px" : true);
    height: expression(this.height > 400 ? "400px" : true);
}

.styleClassHide{
    display:none;
}

.styleClassShow{
    display:block;
}

.adjustTableCreateRanking{
    padding-top:10px;
}

/*===============AUTOSUGGEST==================*/

.autoSuggestComponentMessage{
    position:absolute;
    z-index:80;
    border:1px solid #8496BA;
    background:#F5F5F5;
    padding:8px;
    font-size:10px;
    margin-top:28px;
    margin-left: -274px;
}

.autoSuggestComponentNotFound{
    position:absolute;
    z-index:80;
    border:1px solid #FFA69F;
    background:#F5F5F5;
    padding:10px;
    width:370px;
    font-size:10px;
    margin-top:28px;
    margin-left:-274px;
}

div.entryHeaderInfo{
    border:1px solid gray;
    background:#5554BC;
    color:white;
    width:158px;
    -moz-border-radius:6px;
    position:absolute;
    margin-left:330px;
    margin-top:0px;
    padding:10px;
    padding-top:6px;
    height: 185px;
}

.p2p{
    margin-top:2px;
}

.p5p{
    margin-top:5px;
}

div.popularity{
    font-size:11pt;
    position:absolute;
    margin-left:30px;
    margin-top:12px;
    color:black;
}


.phantomTd{
    width:20%;
}

.welcomeHeader{
    margin-bottom:-5px;
    margin-top: 5px;
    position:relative;
}

.closedRankingImage{
    border:0px;
    position:absolute;
    margin-top:2px;
    margin-left:-47px;
}

.closedRankingText{
    margin-top:8px;
    margin-left:45px;
}

.addEntryToRanking{
    margin-top:13px;
}

.entryTypesEntryHeader{
    width : 495px ;
}

.rankingDescription{
    min-height: 105px;
    height:auto !important;
    height:105px;

}

.rankingsFromEntry{
    padding-left:10px;
    padding-right:10px;
}

.graphicInformation{
    position:absolute;
    margin-top:120px;
    margin-left:-110px;
    border:1px dotted gray;
    background:#FFF;
    width:225px;
    text-align:justify;
    padding:8px;
}

.imageGallery{
    /*overflow-x:scroll;*/
    /*height:120px;*/
    width:100%;
    border:0px solid green;
    display:block;
}

.addToFavorites{

    height:70px !important ;
}

.categoryPath{
    text-align:left;
    margin-top:-20px;
    margin-bottom:8px;
}

.imageEditRanking{
    position:absolute;
    margin-top:-18px;
    margin-left:-135px;
}

.alternativeImageEditRanking{
    position:absolute;
    margin-top:-10px;
    margin-left:-135px;
}

.imageForward{
    border:0px;
    position:absolute;
    margin-top:-1px;
    margin-left:7px;
}

.grayArrowPlainAutoSuggest{
    position:absolute;
    margin-top:-28px;
}

.entryGoogleMapsComponent{
    border:1px solid gray;
    width:100%;
    background:#F5F5F5;
    padding:14px;
    width:712px;
    -moz-border-radius:6px;
    margin-bottom:10px;
}

.greenFlagAutoSuggestComponent{
    position:relative;
    margin-left:228px;
    margin-top:-25px;
}

/* NUEVAS (05/06/2009)
============================================================================= */

.translationTitle{
    margin-top:14px;
    font-weight:bold;
}

.translationField{
    padding:4px;
    width:95%;
    border:1px solid gray;
}

.translationField:focus{
    border:2px solid gray;
}

.translationFieldName{
    padding:4px;
    width:310px;
    border:1px solid gray;
    font-weight:bold;
    /*font-size:12pt; */
    background:#FEFFBF;
}

.translationFieldName:focus{
    border:2px solid gray;
}


/* NUEVAS (28/07/2009)
============================================================================= */

table.reportResults {
    border:0px;
}


table.reportResults th {
    height:32px;
    background:transparent url(http://static.classora.com/files/images/backs/fullback.gif) repeat-x scroll left bottom;
    border:1px solid gray;
    padding-left:8px;
    padding-right:12px;
    -moz-border-radius-topleft:4px;
    -moz-border-radius-topright:4px;
}

table.reportResults th span {
    position:absolute;
    margin-top:-1px;
    margin-left:-2px;
}

table.reportResults td.image {
    border:1px solid gray;
}

table.reportResults td.data {
    border:1px solid gray;
    padding-top:10px;
    padding-bottom:10px;
    padding-left:12px;
    padding-right:12px;
    background:white;
    -moz-border-radius-bottomleft:3px;
    -moz-border-radius-bottomright:10px;
    -moz-border-radius-topleft:10px;
    -moz-border-radius-topright:3px;
}

table.reportResults td.div.dataDiv {
    border:1px solid gray;
    padding-top:10px;
    padding-bottom:10px;
    padding-left:12px;
    padding-right:12px;
    background:white;
    -moz-border-radius-bottomleft:3px;
    -moz-border-radius-bottomright:10px;
    -moz-border-radius-topleft:10px;
    -moz-border-radius-topright:3px;
}

div.galleryTitle {
    border:1px solid gray;
    border-bottom:0px;
    padding:8px;
    padding-left:12px;
    background:#FFF url(http://static.classora.com/files/images/backs/strongback.gif) repeat-x scroll center bottom;
    padding-left:10px;
    text-align:left;
}

div.galleryTitle span {
    font-size:11px;
    font-family:verdana,arial;
    font-weight:bold;
}

.classtip{
    width:100%;
}

.voteButtonsTable{
    position:relative;
    margin-top:-25px;
}

.geoCheckPoint{
    position:absolute;
    margin-left:-28px;
    margin-top:-10px;
}

.statisticsTable{

    margin-top : 20px !important;
}

.phantomTdDiscussion{
    width:70%;
}

a.addRowLink{
    text-decoration:none;
}

.userActionTableHeader{
    padding: 5px;
    padding-top: 0px; 
    padding-bottom: 0px; 
}

table.allRankings{
    width:760px;
    padding:10px;
    padding-bottom:0px;
}

.imageIdea{
    position:absolute;
    margin-left:630px;
    margin-top:10px;
    z-index: 1;
}

ul.welcome{  
}

ul.welcome li{
    margin-bottom : 10px;
}

button.reduceSideSpace{

    padding-left:-5px;
    padding-right:-5px;

}

.errorImage{
    position:absolute;
    margin-left:-210px;
    margin-top:15px;
}

.headerRankingColumns{

    height:28px;
    background:transparent url(http://static.classora.com/files/images/backs/fullback.gif) repeat-x scroll left bottom;
    border:1px solid gray;
    padding-left:5px;
    padding-right:5px;
    text-align:left;

}


/* Statistics Exapmle Style */

table.statistics {
    margin: 0 auto;
    border: 0;
    text-align: left;
    width: 100%;
    font-family: verdana, arial;
    font-size: 11px;
}

table.statistics th {
    border: 1px solid black;
    background: #EEEEEE;
    padding-left: 5px;
    padding-right: 5px;
}

table.statistics tr {
    height: 30px;
}

table.statistics th a {
    font-family: verdana, arial;
    font-size: 11px;
}

button.askClassora {
    padding-top:5px;
    padding-bottom :5px;  
    padding-left:-10px;
    padding-right:-10px; 
    min-width: 180px;
}

button.examplesToAsk{
    padding-top:5px;
    padding-bottom :5px;  
    padding-left: -10px;
    padding-right: -10px; 
    margin-left:8px;
    min-width: 200px;
}

.welcomeLeftParagraph{
    margin-top:0px;
}

button.submitReportWizard{
    height:28px;
}



/*** header ***/
div#header {
        position:relative;
        height: 104px;
        background: url('http://static.classora.com/files/images/imagesC/header-logo-bg.jpg') 0px 0px no-repeat;
        margin-left:-15px;
        margin-top:-15px;
}

div#header div#logo {
    width: 380px;
    height: 80px;
}
div#header div#logo a {
    float: left;
    width: 380px;
    height: 80px;
    /* height: 103px; */
    text-indent: -1000em;
}

	/* menu de usuario */
	div#header ul#user-menu {
		position: absolute;
                right:-7px;
                top:12px;
	}
	div#header ul#user-menu li {
		float: left;
		margin-left: 10px;
	}
		div#header ul#user-menu a,
		div#header ul#user-menu span {
			font-family: verdana;
			font-size: 11px;
			font-weight: bold;
			color: #333;
		}
		div#header ul#user-menu li a {
			text-decoration: none;
		}
			div#header ul#user-menu li a:hover { color: #999;}

		div#header ul#user-menu li a.salir {
			color: #c00;
		}
			div#header ul#user-menu li a:hover { color: #600;}

		div#header ul#user-menu li span {
			cursor: default;
		}
	/* fin de menu de usuario */
ol, ul {
     list-style: none
}
	/* menu de opciones */
	div#header ul#menu {
            /*  ivy:
		position: absolute;
                left:65px;
		height:30px;
                top:60px;
            */
            float:right;
            margin-bottom:5px;
            margin-top:-11px;
            font-weight: normal;
	}
		div#header ul#menu li {
			float: left;
			height: 30px;
			line-height: 30px;

			/* si queremos un divisor con una linea
			border-right: 1px solid #9999cc;*/

			/* si queremos un divisor con puntos */
			padding-right: 1px;
			background: url(http://static.classora.com/files/images/imagesC/menu-sep.png) 100% 12px no-repeat;
		}
		div#header ul#menu li.primero 		{}
		div#header ul#menu li.ultimo		{
			/* si queremos un divisor con una linea
			border-right: 0px none;*/

			/* si queremos un divisor con puntos */
			padding-right: 0px;
			background: url();
		}
			div#header ul#menu li a {
				margin: 0px 20px;
				font-family: verdana;
				font-size: 11px;
				/* font-weight: bold; */
				color: #333;
				text-decoration: none;
			}
				div#header ul#menu li a:hover { color: blue;}
	/* fin de menu de opciones */


        /*** botones ***/
.botonera {
	text-align: right;
	height: auto!important;
	height: 25px;
	min-height: 25px;
	margin: 10px 0px;
}
	.botonera .f_izquierda	{ margin-left: 0px; margin-right: 10px;}
	.botonera .f_derecha	{ margin-left: 10px; margin-right: 0px;}

button.button {
	border: none;
	background: none;
	padding:0;
	margin:0;
	width:auto;
	vertical-align:middle;
	overflow:hidden;
	text-align:center;
	white-space:nowrap;
	height:25px;
	line-height:25px;
	cursor: pointer;
}
	button.button span, button.button em{
		display:block;
		height:25px;
		line-height:25px;
		margin:0;
		padding:0;
		vertical-align:super;
		font-size: 10px;
		color:#fff;
		cursor: pointer;
	}

	button.button span{
		padding-left:10px;
		background-image:url('http://static.classora.com/files/images/imagesC/botones-bg.png');
		background-repeat:no-repeat;
	}

	button.button span em{
		font-style:normal;
		padding-right:10px;
		text-transform:uppercase;
		background-image:url('http://static.classora.com/files/images/imagesC/botones-bg.png');
		background-repeat:no-repeat;
	}

	/* botones */
	button.button span.primario 				{ background-position: 0px 0px;}
	button.button span.primario em 				{ background-position: 100% -25px;}

	button.button span.secundario 				{ background-position: 0px -50px;}
	button.button span.secundario em			{ background-position: 100% -75px;}

	button.button span.terciario				{ background-position: 0px -100px;}
	button.button span.terciario em				{ background-position: 100% -125px; color: #333;}

	button.button span.accion 					{ background-position: 0px -150px;}
	button.button span.accion em				{ background-position: 100% -175px;}

	button.button span.ok 						{ background-position: 0px -200px;}
	button.button span.ok em 					{ background-position: 100% -225px;}

	button.button span.cancelar 				{ background-position: 0px -250px;}
	button.button span.cancelar em 				{ background-position: 100% -275px;}


/*** fin de botones ***/

/*button,
input[type="reset"],
input[type="button"],
input[type="submit"] {
  -moz-appearance: button;
  padding: 0px;
  border: none;
  background-color: transparent;
  color: #000;
  font: -moz-button;
  line-height: normal !important;
  white-space: pre;
  cursor: default;
  -moz-box-sizing: border-box;
  -moz-user-select: none;
  -moz-binding: none;
  text-align: center;
}*/


/* buscador */
	div#buscador {
		position: absolute;
		top: 33px;
		right: -7px;
		width: 520px;
		height: 30px;
		background: url('http://static.classora.com/files/images/imagesC/buscador-bg.png') 0px 0px no-repeat;
	}
		div#buscador input {
			position: absolute;
			left: 30px;
			top:1px;
			width: 325px;
			height: 20px;
			font-size: 15px;
			color: #333;
			border:0px none;
                        background-color:#FFF;
                        padding-top:5px; /* Ivy */
		}
		div#buscador button {
			/*
                        position: absolute;
			top: 0px;
			right: 0px;
                        background: #069; */
                        background:none repeat scroll 0 0 navy;
                        color:white;
                        font-size:10pt;
                        height:30px;
                        padding-left:9px;
                        padding-right:9px;
                        position:absolute;
                        /* right:0; */
                        left:360px;
                        top:0;
		}
		div#buscador button em {
			background-color: #ccf;
			font-size: 11px;
			text-transform:none;
		}

	/* fin de buscador */

/*** fin del header ***/

.commentsHeader {

    padding-top:5px;
    padding-bottom:6px;
    font-weight:bold;
    font-family:Arial,Verdana;
    font-size:12pt;

}

div.zoneNewComment{
    font-family: verdana,arial,sans-serif;
    font-weight:bold;
    font-size: 10pt;
    text-align: left;

    margin-top: 0px;
    /* width:300px; */
    border:1px solid blue;
    border-top:none;
    background-color: #C2C9F4;

    padding: 8px 5px 5px 5px;
}

.pRankingDescription {
    margin:0;
}

.welcomeH1 {
    color:#4F4F4F;
}

.welcomeH2 {
    color:#4F4F4F;
    font-size:12px;
    font-family:verdana;
    margin-top:12px;
}

.welcomeP {
    color:#4F4F4F;
    font-family:verdana;
    margin-top:12px;
    margin-bottom:10px;
}

.footer_table {
   height: 580px;
   width: 940px;
   margin: auto;
   padding: 10px 0px;
}


.footer_table .column{
    float:left;
    margin-right:20px;
    width:160px;
}

.footer_table .column p {
    text-align: left;
    color:#aaa;
}

.footer_table .column h4 {
    color:#fff;
    font-family: Arial,Helvetica,Verdana,san-serif;
    font-size: 12px;
    letter-spacing: 0.4px;
    display: block;
    font-weight: bold;
    line-height: 22px;
    text-align: left;
    padding: 3px 0px;
    margin-bottom:0px;
    position: relative;
    text-decoration: none;
    border-bottom: 1px solid #777;
}

.footer_table .column ul {
    padding: 0px;
    margin-top: 4px;
}

.footer_table .column ul li a {
    color:#aaa;
    font-family: Arial,Helvetica,Verdana,san-serif;
    font-size: 13px;
    display: block;
    line-height: 22px;
    text-align: left;
    padding: 3px 10px;
    position: relative;
    text-decoration: none;
    border-bottom: 1px solid #777;
    background: url(http://static.classora.com/files/images/foot-bullet.png) no-repeat scroll 0 12px transparent;
}

.footer_table .column ul li a:hover {
    color:yellow;
}

#cookieAlert {
    background-color: #526a9e;
    text-align: center;
    font-size: 8pt;
    color: white;
    padding: 5px;
    margin: 0;
}

#cookieAlert a {
    color: #fff0a9;
}