/**
* @version $Id: general.css 10203 2008-04-14 14:57:54Z mtk $
* @copyright Copyright (C) 2005 - 2006 Open Source Matters. All rights reserved.
* @license GNU/GPL, see LICENSE.php
* Joomla! is free software. This version may have been modified pursuant
* to the GNU General Public License, and as distributed it includes or
* is derivative of works licensed under the GNU General Public License or
* other free or open source software licenses.
* See COPYRIGHT.php for copyright notices and details.
*/

/**
 * Joomla! 1.5 Admin template main css file
 *
 * @author		Andy Miller <andy.miller@joomla.org>
 * @package		Joomla
 * @since		1.5
 * @version    1.0
 */

/* -- General styles ------------------------------ */

body
{
    margin: 10px;
    padding: 0;
    background: #fff;
    padding-bottom: 1px;
    font-size: 11px;
    text-align: center;
}

body, td, th
{
    font-family: Arial, Helvetica, sans-serif;
}

html, body
{
    height: 95%;
}

#minwidth
{
    min-width: 600px;
}

.clr
{
    clear: both;
    overflow: hidden;
    height: 0;
}

a, img
{
    padding: 0;
    margin: 0;
}

img
{
    border: 0 none;
}

form
{
    margin: 0;
    padding: 0;
}

h1
{
    margin: 0;
    padding-bottom: 8px;
    color: #0B55C4;
    font-size: 20px;
    font-weight: bold;
}

h3
{
    font-size: 13px;
}

a:link
{
    color: #0B55C4;
    text-decoration: none;
}
a:visited
{
    color: #0B55C4;
    text-decoration: none;
}
a:hover
{
    text-decoration: underline;
}

fieldset
{
    margin-bottom: 10px;
    border: 1px #ccc solid;
    padding: 5px;
    text-align: left;
}

fieldset p
{
    margin: 10px 0px;
}

legend
{
    color: #0B55C4;
    font-size: 12px;
    font-weight: bold;
}

input, select
{
    font-size: 11px;
    border: 1px solid silver;
}
textarea
{
    font-size: 11px;
    border: 1px solid silver;
}
button
{
    font-size: 11px;
}

input.disabled
{
    background-color: #F0F0F0;
}

input.button
{
    cursor: pointer;
}

input:focus, select:focus, textarea:focus
{
    background-color: #ffd;
}

/* -- overall styles ------------------------------ */

#border-top.h_green
{
    background: url(images/j_header_middle.png) repeat-x;
}
#border-top.h_green div
{
    background: url(images/j_header_right.png) 100% 0 no-repeat;
}
#border-top.h_green div div
{
    background: url(images/j_header_left_rtl.png) no-repeat;
    height: 54px;
}

#border-top .title
{
    font-size: 22px;
    font-weight: bold;
    color: #fff;
    line-height: 44px;
    padding-left: 10px;
}

#border-top .title a
{
    color: #fff;
    text-decoration: none;
}

#border-top .version
{
    display: block;
    float: right;
    color: #fff;
    padding: 25px 5px 0 0;
}

#border-bottom
{
    background: url(images/j_bottom.png) repeat-x;
}
#border-bottom div
{
    background: url(images/j_corner_br.png) 100% 0 no-repeat;
}
#border-bottom div div
{
    background: url(images/j_corner_bl.png) no-repeat;
    height: 11px;
}

#footer .copyright
{
    margin: 10px;
    text-align: center;
}

#header-box
{
    border: 1px solid #ccc;
    background: #f0f0f0;
}

#content-box
{
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

#content-box .padding
{
    padding: 10px 10px 0 10px;
}

#toolbar-box
{
    background: #fbfbfb;
    margin-bottom: 10px;
}

#submenu-box
{
    background: #f6f6f6;
    margin-bottom: 10px;
}
#submenu-box .padding
{
    padding: 0px;
}


/* -- status layout */
#module-status
{
    float: right;
}
#module-status span
{
    display: block;
    float: left;
    line-height: 16px;
    padding: 4px 10px 0 22px;
    margin-bottom: 5px;
}

#module-status
{
}
.legacy-mode
{
    color: #c00;
}
#module-status .preview
{
    background: url(images/icon-16-media.png) 3px 3px no-repeat;
}
#module-status .unread-messages, #module-status .no-unread-messages
{
    background: url(images/icon-16-messages.png) 3px 3px no-repeat;
}
#module-status .unread-messages a
{
    font-weight: bold;
}
#module-status .loggedin-users
{
    background: url(images/icon-16-user.png) 3px 3px no-repeat;
    font-style: normal;
	font-weight: bold;	
}
#module-status .logout
{
    background: url(images/icon-16-logout.png) 3px 3px no-repeat;
}
#module-status .config
{
    background: url(images/icon-16-config.png) 3px 3px no-repeat;
}
#module-status .mail
{
    background: url(images/icon-16-mail.png) 3px 3px no-repeat;
}

/* -- various styles -- */
span.note
{
    display: block;
    background: #ffd;
    padding: 5px;
    color: #666;
}

/** overlib **/

.ol-foreground
{
    background-color: #ffe;
}

.ol-background
{
    background-color: #6db03c;
}

.ol-textfont
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #666;
}

.ol-captionfont
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #fff;
    font-weight: bold;
}
.ol-captionfont a
{
    color: #0b5fc6;
    text-decoration: none;
}

.ol-closefont
{
}

/** toolbar **/

div.header
{
    font-size: 22px;
    font-weight: bold;
    color: #0B55C4;
    line-height: 48px;
    padding-left: 55px;
    background-repeat: no-repeat;
    margin-left: 10px;
}

div.header span
{
    color: #666;
}

div.configuration
{
    font-size: 14px;
    font-weight: bold;
    color: #0B55C4;
    line-height: 16px;
    padding-left: 30px;
    margin-left: 10px;
    background-image: url(images/icon-16-config.png);
    background-repeat: no-repeat;
}

div.toolbar
{
    float: right;
    text-align: right;
    padding: 0;
}

table.toolbar
{
    border-collapse: collapse;
    padding: 0;
    margin: 0;
}
table.toolbar td
{
    padding: 1px 1px 1px 4px;
    text-align: center;
    color: #666;
    height: 48px;
}
table.toolbar td.spacer
{
    width: 10px;
}
table.toolbar td.divider
{
    border-right: 1px solid #eee;
    width: 5px;
}

table.toolbar span
{
    float: none;
    width: 32px;
    height: 32px;
    margin: 0 auto;
    display: block;
}

table.toolbar a
{
    display: block;
    float: left;
    white-space: nowrap;
    border: 1px solid #fbfbfb;
    padding: 1px 5px;
    cursor: pointer;
}

table.toolbar a:hover
{
    border-left: 1px solid #eee;
    border-top: 1px solid #eee;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    text-decoration: none;
    color: #0B55C4;
}

/** for massmail component **/
td#mm_pane
{
    width: 90%;
}
input#mm_subject
{
    width: 200px;
}
textarea#mm_message
{
    width: 100%;
}

/* pane-sliders  */
.pane-sliders .title
{
    margin: 0;
    padding: 2px;
    color: #666;
    cursor: pointer;
}

.pane-sliders .panel
{
    border: 1px solid #ccc;
    margin-bottom: 3px;
}

.pane-sliders .panel h3
{
    background: #f6f6f6;
    color: #666;
}

.pane-sliders .content
{
    background: #f6f6f6;
}

.pane-sliders .adminlist
{
    border: 0 none;
}
.pane-sliders .adminlist td
{
    border: 0 none;
}

.jpane-toggler span
{
    background: transparent url(images/j_arrow.png) 5px 50% no-repeat;
    padding-left: 20px;
}
.jpane-toggler-down span
{
    background: transparent url(images/j_arrow_down.png) 5px 50% no-repeat;
    padding-left: 20px;
}

.jpane-toggler-down
{
    border-bottom: 1px solid #ccc;
}

/* tabs */

dl.tabs
{
    float: left;
    margin: 10px 0 -1px 0;
    z-index: 50;
}

dl.tabs dt
{
    float: left;
    padding: 4px 10px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
    margin-left: 3px;
    background: #f0f0f0;
    color: #666;
}

dl.tabs dt.open
{
    background: #F9F9F9;
    border-bottom: 1px solid #F9F9F9;
    z-index: 100;
    color: #000;
}

div.current
{
    clear: both;
    border: 1px solid #ccc;
    padding: 10px 10px;
}

div.current dd
{
    padding: 0;
    margin: 0;
}
/** cpanel settings **/

#cpanel div.icon
{
    text-align: center;
    margin-right: 5px;
    float: left;
    margin-bottom: 5px;
}

#cpanel div.icon a
{
    display: block;
    float: left;
    border: 1px solid #f0f0f0;
    height: 97px;
    width: 108px;
    color: #666;
    vertical-align: middle;
    text-decoration: none;
}

#cpanel div.icon a:hover
{
    border-left: 1px solid #eee;
    border-top: 1px solid #eee;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background: #f9f9f9;
    color: #0B55C4;
}

#cpanel img
{
    padding: 10px 0;
    margin: 0 auto;
}
#cpanel span
{
    display: block;
    text-align: center;
}

/* standard form style table */
div.col
{
    float: left;
}
div.width-45
{
    width: 45%;
}
div.width-55
{
    width: 55%;
}
div.width-50
{
    width: 50%;
}
div.width-70
{
    width: 70%;
}
div.width-30
{
    width: 30%;
}
div.width-60
{
    width: 60%;
}
div.width-40
{
    width: 40%;
}

table.admintable td
{
    padding: 3px;
}
table.admintable td.key, table.admintable td.paramlist_key
{
    background-color: #f6f6f6;
    text-align: right;
    width: 170px;
    color: #666;
    font-weight: bold;
    border-bottom: 1px solid #e9e9e9;
    border-right: 1px solid #e9e9e9;
}

table.paramlist td.paramlist_description
{
    background-color: #f6f6f6;
    text-align: left;
    width: 170px;
    color: #333;
    font-weight: normal;
    border-bottom: 1px solid #e9e9e9;
    border-right: 1px solid #e9e9e9;
}

table.admintable td.key .vtop
{
    vertical-align: top;
}

table.adminform
{
    background-color: #f9f9f9;
    border: solid 1px #d5d5d5;
    border-collapse: collapse;
    margin: 8px 0 10px 0;
    margin-bottom: 15px;
    width: 100%;
}
. table.adminform.nospace
{
    margin-bottom: 0;
}
table.adminform tbody tr.row0 td
{
    background-color: #f9f9f9;
}
table.adminform tbody tr.row1 td
{
    background-color: #eeeeee;
}

table.adminform thead tr.AspNet-GridView-Header
{
    font-size: 11px;
    padding: 6px 2px 4px 4px;
    text-align: left;
    height: 25px;
    color: #000;
    background-repeat: repeat;
}
table.adminform td
{
    padding: 3px;
    text-align: left;
}
table.adminform td.filter
{
    text-align: left;
}
table.adminform td.helpMenu
{
    text-align: right;
}
fieldset.adminform
{
    border: 1px solid #ccc;
    margin: 0 10px 10px 10px;
}



table.adminlist
{
    /** grilla **/
    width: 100%;
    text-align: center;
    border-spacing: 1px;
    background-color: #f9f9f9;
    color: Gray;
    border-spacing: 1px;
    padding: 1px;
    height: 10px;
}
table.adminlist thead th
{
    text-align: center;
    background: #f9f9f9;
    border-bottom: 1px solid #999;
    border-left: 1px solid #fff;
    color: #666;
}
table.adminlist tbody th
{
    /** cabecera **/
    text-align: center;
    background: #f3f3f0;
    font-weight: bold;
    border: 1px solid #C0C0C0;
    color: #8A8A8A;
    padding: 8px;
    height: 24px;
}
table.adminlist tbody tr.adminlist
{
    background: #f9f9f9;
    border-top: 1px solid #fff;
}
table.adminlist tbody td
{
    /** fila de la grilla **/
    border: 1px solid silver;
    height: 22px;
    padding: 5px;
}
table.adminlist tbody tr.filaNormal td
{
    background-color: white;
}
table.adminlist tbody tr.filaAlternativa td
{
    background-color: #F5F5F5;
}
/**
table.adminlist tbody tr.filaNormal:hover td, table.adminlist tbody tr.filaAlternativa:hover td
{
    background-color: #DDDDDD;
    border: 1px solid white;
}
**/



/** stu nicholls solution for centering divs **/
.container
{
    clear: both;
    text-decoration: none;
}
* html .container
{
    display: inline-block;
}

/** table solution for global config **/
table.noshow
{
    width: 100%;
    border-collapse: collapse;
    padding: 0;
    margin: 0;
}
table.noshow tr
{
    vertical-align: top;
}
table.noshow td
{
}
table.noshow fieldset
{
    margin: 15px 7px 7px 7px;
}

#editor-xtd-buttons
{
    padding: 5px;
}

/* -- buttons -> STILL NEED CLEANUP*/

.button1, .button1 div
{
    height: 1%;
    float: right;
}

.button2-left, .button2-right, .button2-left div, .button2-right div
{
    float: left;
}

.button1
{
    background: url(images/j_button1_left.png) no-repeat;
    white-space: nowrap;
    padding-left: 10px;
    margin-left: 5px;
}

.button1 .next
{
    background: url(images/j_button1_next.png) 100% 0 no-repeat;
}

.button1 a
{
    display: block;
    height: 26px;
    float: left;
    line-height: 26px;
    font-size: 12px;
    font-weight: bold;
    color: #333;
    cursor: pointer;
    padding: 0 30px 0 6px;
}

.button1 a:hover
{
    text-decoration: none;
    color: #0B55C4;
}

.button2-left a, .button2-right a, .button2-left span, .button2-right span
{
    display: block;
    height: 22px;
    float: left;
    line-height: 22px;
    font-size: 11px;
    color: #333;
    cursor: pointer;
}

.button2-left span, .button2-right span
{
    cursor: default;
    color: #999;
}

.button2-left .page a, .button2-right .page a, .button2-left .page span, .button2-right .page span, .button2-left .blank a, .button2-right .blank a, .button2-left .blank span, .button2-right .blank span
{
    padding: 0 6px;
}

.page span, .blank span
{
    color: #000;
    font-weight: bold;
}

.button2-left a:hover, .button2-right a:hover
{
    text-decoration: none;
    color: #0B55C4;
}

.button2-left a, .button2-left span
{
    padding: 0 24px 0 6px;
}

.button2-right a, .button2-right span
{
    padding: 0 6px 0 24px;
}

.button2-left
{
    background: url(images/j_button2_left.png) no-repeat;
    float: left;
    margin-left: 5px;
}

.button2-right
{
    background: url(images/j_button2_right.png) 100% 0 no-repeat;
    float: left;
    margin-left: 5px;
}

.button2-right .prev
{
    background: url(images/j_button2_prev.png) no-repeat;
}

. .button2-right.off .prev
{
    background: url(images/j_button2_prev_off.png) no-repeat;
}

.button2-right .start
{
    background: url(images/j_button2_first.png) no-repeat;
}

. .button2-right.off .start
{
    background: url(images/j_button2_first_off.png) no-repeat;
}

.button2-left .page, .button2-left .blank
{
    background: url(images/j_button2_right_cap.png) 100% 0 no-repeat;
}

.button2-left .next
{
    background: url(images/j_button2_next.png) 100% 0 no-repeat;
}

. .button2-left.off .next
{
    background: url(images/j_button2_next_off.png) 100% 0 no-repeat;
}

.button2-left .end
{
    background: url(images/j_button2_last.png) 100% 0 no-repeat;
}

. .button2-left.off .end
{
    background: url(images/j_button2_last_off.png) 100% 0 no-repeat;
}

.button2-left .image
{
    background: url(images/j_button2_image.png) 100% 0 no-repeat;
}
.button2-left .readmore
{
    background: url(images/j_button2_readmore.png) 100% 0 no-repeat;
}
.button2-left .pagebreak
{
    background: url(images/j_button2_pagebreak.png) 100% 0 no-repeat;
}
.button2-left .blank
{
    background: url(images/j_button2_blank.png) 100% 0 no-repeat;
}

/* Tooltips */
.tool-tip
{
    float: left;
    background: #ffc;
    border: 1px solid #D4D5AA;
    padding: 5px;
    max-width: 200px;
    z-index: 50;
}

.tool-title
{
    padding: 0;
    margin: 0;
    font-size: 100%;
    font-weight: bold;
    margin-top: -15px;
    padding-top: 15px;
    padding-bottom: 5px;
    background: url(images/selector-arrow.png) no-repeat;
}

.tool-text
{
    font-size: 100%;
    margin: 0;
}

/* Calendar */
a img.calendar
{
    width: 16px;
    height: 16px;
    margin-left: 3px;
    background: url(images/calendar.png) no-repeat;
    cursor: pointer;
    vertical-align: middle;
}

/* System Standard Messages */
#system-message dd.message ul
{
    background: #C3D2E5 url(images/notice-info.png) 4px center no-repeat;
}

/* System Error Messages */
#system-message dd.error ul
{
    color: #c00;
    background: #E6C0C0 url(images/notice-alert.png) 4px top no-repeat;
    border-top: 3px solid #DE7A7B;
    border-bottom: 3px solid #DE7A7B;
}

/* System Notice Messages */
#system-message dd.notice ul
{
    color: #c00;
    background: #EFE7B8 url(images/notice-note.png) 4px top no-repeat;
    border-top: 3px solid #F0DC7E;
    border-bottom: 3px solid #F0DC7E;
}

.modalBackground
{
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
    -moz-opacity: 0.7;
}

.modalPopup
{
    background-color: White;
    border: 3px solid Gray;
    padding: 3px;
}

.boton_oculto
{
    visibility: hidden;
}


.failureNotification
{
    font-size: 1em;
    color: Red;
}

.mensaje_success
{
    background: url(images/html/success.jpg) 12px center no-repeat;
    width: 93.8%;
    margin: 10px auto 0px auto;
    border: 1px solid #E9E9E9;
    padding: 10px 20px 15px 60px;
    font: 12px Tahoma, Arial, Helvetica, sans-serif;
}
.mensaje_success li
{
    padding: 5px 0px;
}
.mensaje_success li span
{
    color: #900;
}

.mensaje_error
{
    background: url(images/html/error.jpg) 12px center no-repeat;
    width: 93.8%;
    margin: 10px auto 0px auto;
    border: 1px solid #E9E9E9;
    padding: 10px 20px 15px 60px;
    font: 12px Tahoma, Arial, Helvetica, sans-serif;
}
.mensaje_error li
{
    padding: 5px 0px;
}
.mensaje_error li span
{
    color: #900;
}

.mensaje_information
{
    background: url(images/html/information.gif) 12px center no-repeat;
    width: 93.8%;
    margin: 10px auto 0px auto;
    border: 1px solid #E9E9E9;
    padding: 10px 20px 15px 60px;
    font: 12px Tahoma, Arial, Helvetica, sans-serif;
}
.mensaje_information li
{
    padding: 5px 0px;
}
.mensaje_information li span
{
    color: #900;
}

.mensaje_warning
{
    background: url(images/html/warning.png) 12px center no-repeat;
    width: 93.8%;
    margin: 10px auto 0px auto;
    border: 1px solid #E9E9E9;
    padding: 10px 20px 15px 60px;
    font: 12px Tahoma, Arial, Helvetica, sans-serif;
}
.mensaje_warning li
{
    padding: 5px 0px;
}
.mensaje_warning li span
{
    color: #900;
}


/* AJAX Calendar */

table.adminlist tbody td thead td
{
    padding: 0px;
    height: 15px;
    border: none;
}
table.adminlist tbody td tbody td
{
    padding: 0px;
    height: 15px;
    border: none;
}


.ajax_calendar_theme .ajax__calendar_container
{
    background-color: #FFFFFF;
    border: solid 1px #cccccc;
    width: 205px;
    height: 210px;
}
.ajax_calendar_theme .ajax__calendar_header
{
    background-color: #ffffff;
    margin-bottom: 4px;
}
.ajax_calendar_theme .ajax__calendar_title, .ajax_calendar_theme .ajax__calendar_next, .ajax_calendar_theme .ajax__calendar_prev
{
    color: #004080;
    padding-top: 3px;
}
.ajax_calendar_theme .ajax__calendar_body
{
    background-color: #FFFFFF;
    border: solid 1px #cccccc;
    width: 195px;
    height: 170px;
}
.ajax_calendar_theme .ajax__calendar_dayname
{
    text-align: center;
    font-weight: normal;
    margin-bottom: 4px;
    margin-top: 2px;
}
.ajax_calendar_theme .ajax__calendar_day
{
    text-align: center;
}
.ajax_calendar_theme .ajax__calendar_hover .ajax__calendar_day, .ajax_calendar_theme .ajax__calendar_hover .ajax__calendar_month, .ajax_calendar_theme .ajax__calendar_hover .ajax__calendar_year, .ajax_calendar_theme .ajax__calendar_active
{
    color: #004080;
    font-weight: bold;
    background-color: #ffffff;
}
.ajax_calendar_theme .ajax__calendar_today
{
    font-weight: bold;
}
.ajax_calendar_theme .ajax__calendar_other, .ajax_calendar_theme .ajax__calendar_hover .ajax__calendar_today, .ajax_calendar_theme .ajax__calendar_hover .ajax__calendar_title
{
    color: #bbbbbb;
}

.RadioButtonList
{
    vertical-align: middle;
}

.acciones
{
    float: left;
    width: 16px;
    height: 16px;
}
.acciones span
{
    display: block;
    width: 16px;
    height: 16px;
}
