@charset "utf-8";

/* CALENDARIO CHICO */

#small_calendar {
    /*margin-left: 0.1em;*/
    margin:17.5px 17.5px 17.5px 0;
}
#small_calendar div.month_selector {
    height: 30px;
    background:transparent url(/images/bg_calendar_agenda.jpg) repeat-x scroll 0 0;
    border-bottom:1px solid #FFFFFF;
}
#small_calendar div.month_selector a {
    color: #FFF;
    text-decoration: none;
}
#small_calendar div.month_selector a:hover {
    text-decoration: none;
}
#small_calendar div.prev_period, #small_calendar div.next_period {
    float: left;
    padding: 0.3em;
}
#small_calendar div.next_period{
    float: right;
    height: 22px;
    width: 22px;
}
#small_calendar div.prev_period{
    float: left;
    height: 22px;
    width: 22px;
}

#small_calendar div.prev_period a.prev_period_b{
    height:22px;
    width:22px;
}
#small_calendar div.next_period a.next_period_b{
    height:22px;
    width:22px;
}
/*    #small_calendar div.next_period a,
    #small_calendar div.prev_period a{
        text-decoration: none;
        color: #fff !important;
        font-size: 18px;
        font-weight: 800;
        padding: 0 10px;
    }*/
#small_calendar div.month_name,
#small_calendar div.year_name {
    font-weight: 800;
    padding: 4px 0;
    overflow: hidden;
    text-align: center;
    line-height: 22px;
    width: 211px;
    color:#4A4A4A;
    font-size:15px;
    font-weight:bold;
}
#small_calendar div.month_body {
    background-color:#DADADA;
    overflow:hidden;
    padding:3px 10px 10px;
}
#small_calendar div.day {
    background:transparent url(/images/calendario-agenda-sprite.gif) no-repeat scroll 0 0;
    /*background:transparent url(/images/calendario-agenda-sprite.gif) no-repeat scroll 0 -35px;*/
    float: left;
    font-weight: 800;
    line-height: 2em;
    margin: 0;
    padding: 0;
    text-align: center;
	width: 36px;
    height: 35px;
	color: #000000;
	font-size:15px;
    font-weight:bold;
}
#small_calendar div.week_days div.week_day {
    float: left;
    font-weight:normal;
    line-height: 2em;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 36px;
    height: 18px;
    color: #000000;
    text-transform:uppercase;
}
#small_calendar div.week_days div.week_day a:hover{
        color: #fa9c39;
    }
#small_calendar div.week_days div.weekend {
    color: #FFF;
}
#small_calendar div.days {
    margin-top: 2px;
}
#small_calendar div.week {
    margin-top: 0; _height: 35px; display: block;
}
#small_calendar div.today {
	background-position:0 -70px;
	color:#FFFFFF;
}
#small_calendar div.eventday {
    background-position:0 -35px;
    color:#F96F00;
    cursor: pointer;
}

#small_calendar div.day div.daynum {
    padding: 0;
}
#small_calendar div.today div.daynum {
    font-weight: 700;
   /* color: #FFFFFF;*/
}
#small_calendar div.days div.weekend div.daynum {
    /*color: #000000;*/
}
#small_calendar div.calendar_foot {
    background-color: #CEE8E9;
    height: 2em;
    margin: 0.4em 0em;
}
#small_calendar div.day span.event, #small_calendar div.day a.event {
    clear: both;
    cursor: pointer;
	/*display: none;*/
    height: 2em;
    margin: 1.4em auto 0;
    text-decoration: none;
    width: 1.6em;
}
#small_calendar div.weekend span.event, #small_calendar div.weekend a.event {
    /*background-color: #97bd10;*/
}
#small_calendar div.today span.event, #small_calendar div.today a.event {
    /*background-color: transparent;*/ 
}
#small_calendar span.past {
	/*background: transparent url(/img/calendar/pin_opaque_16x24.gif) no-repeat center center;*/_display: none;
}
#small_calendar a.personal {
	/*background: transparent url(/img/calendar/pin_brown_16x24.gif) no-repeat center center;*/
}
#small_calendar a.induction {
	background: transparent url(/img/calendar/pin_gray_16x24.gif) no-repeat center center;
}
#small_calendar a.chat {
	background: transparent url(/img/calendar/pin_green_16x24.gif) no-repeat center center;
}
#small_calendar a.meeting {
	background: transparent url(/img/calendar/pin_green_clear_16x24.gif) no-repeat center center;
}
#small_calendar a.torpedoe {
	background: transparent url(/img/calendar/pin_purple_16x24.gif) no-repeat center center;
}
#small_calendar a.training {
	background: transparent url(/img/calendar/pin_lila_16x24.gif) no-repeat center center;
}
#small_calendar a.session_tdc {
    background: transparent url(/img/calendar/pin_blue_16x24.gif) no-repeat center center;
}
#small_calendar a.multi {
	background: transparent url(/img/calendar/pin_black_16x24.gif) no-repeat center center;
}
p.small_calendar_view_more {
    margin: 0em 1em 0.6em;
    text-align: right;
}

/* CALENDARIO GRANDE */

#big_month {
    margin-top: 2em;
}
#big_month div.selectors_wrapper {
    border: 0.1em solid #FF9C00;
    margin-top: 1em;
    padding: 1em 6em;
}
#big_month div.month_selector {
    margin-top: 0.4em;
}
#big_month div.prev_period, #big_month div.next_period {
    background-color: #FEF4E5;
    border: 0.1em solid #FF9C00;
    float: left;
    padding: 0.3em;
}
#big_month div.next_period {
    float: right;
}
#big_month div.month_name, #big_month div.year_name {
    background-color: #FFDAA8;
    border: 0.1em solid #FF9C00;
    font-size: 1.3em;
    font-weight: 700;
    margin: 0em 2.1em 0em 2.2em;
    padding: 0.2em 0em;
    overflow: hidden;
    text-align: center;
}
#big_month div.buttons_wrapper {
    border: 0.1em solid #FF9C00;
    margin-top: 1em;
    padding: 1em 6em;
    text-align: center;
}
#big_month div.buttons_wrapper input.button {
    background-color: #FDDAA8;
    border: 0.1em solid #FF9C00;
    color: #000000;
    cursor: pointer;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 1.1em;
    padding: 0.1em 0.3em;
}
#big_month div.month_body {
    margin-top: 1em;
}
#big_month div.week_days {
    margin-left: 0.5em;
}
#big_month div.week_days div.week_day {
    background-color: #FFDAA8;
    border: 0.1em solid #FF9C00;
    float: left;
    font-size: 1.2em;
    font-weight: bold;
    line-height: 1.8em;
    margin-right: 0.1em;
    text-align: center;
    width: 8.1em;
}
#big_month div.week_days div.weekend {
    color: #969696;
}
#big_month div.days {
    margin: 0.5em 0em 0em 0.6em;
}
#big_month div.week {
    margin-top: 0.1em;
}
#big_month div.day {
    background-color: #FFF2E1;
    border: 0.1em solid #FF9C00;
    float: left;
    height: 9.5em;
    margin-right: 0.1em;
    padding: 0.2em;
    width: 9.3em;
}
#big_month div.today {
	background: #FFDAA8 url(/img/calendar/bg_small_day.jpg);
}
#big_month div.day div.daynum {
    color: #494949;
    font-size: 1.4em;
    font-weight: 700;
}
#big_month div.past div.daynum {
    font-weight: normal;
}
#big_month div.days div.weekend {
    background-color: #FFE9CC;
}
#big_month div.past {
    /* background-color: #FFFFFF;*/
}
#big_month div.days div.weekend div.daynum {
    color: #969696;
}
#big_month div.days div.daynum a {
    color: #494949;
    text-decoration: none;
}
#big_month div.days div.daynum a:hover {
    text-decoration: underline;
}
#big_month div.events_wrapper {
    margin-top: 0.5em;
}
#big_month div.day div.event {
    border: none;
    margin: 0.2em 0.5em 0em;
    padding: 0.2em 2.3em 0.2em 0em;
}
#big_month div.day div.event span.event_hour {
    /* background-color: #FFFFFF; */
    border: 0.1em solid #000000;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    font-weight: bold;
    line-height: 1.6em;
    text-align: center;
}
#big_month div.day div.personal {
    background: transparent url(/img/icon_event_personal_20x20.gif) no-repeat center right;
}
#big_month div.day div.personal span.event_hour {
    background-color: #DED452;
    color: #000000;
}
#big_month div.day div.induction {
    background: transparent url(/img/icon_event_induction_20x20.gif) no-repeat center right;
}
#big_month div.day div.induction span.event_hour {
    background-color: #A6A389;
}
#big_month div.day div.meeting {
    background: transparent url(/img/icon_event_meeting_20x20.gif) no-repeat center right;
}
#big_month div.day div.meeting span.event_hour {
    background-color: #BCC285;
}
#big_month div.day div.chat {
    background: transparent url(/img/icon_event_chat_20x20.gif) no-repeat center right;
}
#big_month div.day div.chat span.event_hour {
    background-color: #85C29E;
}
#big_month div.day div.torpedoe {
    background: transparent url(/img/icon_event_torpedo_20x20.gif) no-repeat center right;
}
#big_month div.day div.torpedoe span.event_hour {
    background-color: #C28585;
}
#big_month div.day div.training {
    background: transparent url(/img/icon_event_training_20x20.gif) no-repeat center right;
}
#big_month div.day div.training span.event_hour {
    background-color: #A385C2;
}
#big_month div.day div.session_tdc {
    background: transparent url(/img/icon_event_session_tdc_20x20.gif) no-repeat center right;
}
#big_month div.day div.session_tdc span.event_hour {
    background-color: #0066CC;
}
#big_month p.big_month_view_more {
    margin: 1em 0em 0em;
    margin-right: 0.5em;
    text-align: right;
}
#big_month p.big_month_view_more span, #big_month p.big_month_view_more a {
    border: 0.1em solid #000000;
    background-color: #DDDDDD;
    color: #000000;
    padding: 0.1em 0.5em;
    text-decoration: none;
}
#big_month div.past p.big_month_view_more span {
    color: #494949;
}
#big_month p.big_month_view_more a:hover {
    text-decoration: underline;
}

/* LEYENDA MES GRANDE */

#big_month_legend div.legend_content {
    padding-left: 6em;
    padding-top: 1.5em;
}
#big_month_legend div.legend_content li {
    margin-top: 0.5em;
}
#big_month_legend div.legend_content li span.event {
    display: block;
    float: left;
    height: 2em;
    margin-right: 0.5em;
    width: 2em;
}
#big_month_legend div.legend_content li img {
    vertical-align: middle;
}
#big_month_legend div.legend_content li span.personal {
    background-color: #DED452;
}
#big_month_legend div.legend_content li span.induction {
    background-color: #A6A389;
}
#big_month_legend div.legend_content li span.meeting {
    background-color: #BCC285;
}
#big_month_legend div.legend_content li span.chat {
    background-color: #85C29E;
}
#big_month_legend div.legend_content li span.torpedoe {
    background-color: #C28585;
}
#big_month_legend div.legend_content li span.training {
    background-color: #A385C2;
}
#big_month_legend div.legend_content li span.session_tdc {
    background-color: #0066CC;
}

/* DIA COMPLETO */

#full_day {
    margin-top: 2em;
}
#full_day div.selectors_wrapper {
    border: 0.1em solid #FF9C00;
    margin-top: 1em;
    padding: 1em 6em;
}
#full_day div.month_selector {
    margin-top: 0.4em;
}
#full_day div.prev_period, #full_day div.next_period {
    background-color: #FEF4E5;
    border: 0.1em solid #FF9C00;
    float: left;
    padding: 0.3em;
}
#full_day div.next_period {
    float: right;
}
#full_day div.day_name {
    background-color: #FFDAA8;
    border: 0.1em solid #FF9C00;
    font-size: 1.3em;
    font-weight: 700;
    margin: 0em 2.1em 0em 2.2em;
    padding: 0.2em 0em;
    overflow: hidden;
    text-align: center;
}
#full_day div.buttons_wrapper {
    border: 0.1em solid #FF9C00;
    margin-top: 1em;
    padding: 1em 6em;
    text-align: center;
}
#full_day div.buttons_wrapper input.button {
    background-color: #FDDAA8;
    border: 0.1em solid #FF9C00;
    color: #000000;
    cursor: pointer;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 1.1em;
    padding: 0.1em 0.3em;
}

/* DIA COMPLETO O BUSQUEDA DE EVENTOS */

#events_wrapper {
    margin-top: 1em;
}
#events_wrapper div.personal, #events_wrapper div.induction,
#events_wrapper div.meeting, #events_wrapper div.chat,
#events_wrapper div.torpedoe, #events_wrapper div.training,
#events_wrapper div.sessiontdc, #events_wrapper div.session_tdc {
    margin-top: 1em;
}
#events_wrapper p.body_title {
    margin-top: 0em;
}
#events_wrapper div.personal div.event_header_title {
    color: #645406;
}
#events_wrapper div.subtitle {
    width: 33.6em;
}
#events_wrapper div.personal div.subtitle {
    width: 29.8em;
}

/* TOOLTIPS DEL CALENDARIO */

div.event_tooltip_wrapper {
    display: none;
}
div.event_tooltip {
    margin-bottom: 0.8em;
    width: 30em;
}
div.event_tooltip div.event_type_icon {
    float: left;
    height: 4.3em;
    margin-top: 0.5em;
    width: 4em;
}
div.event_tooltip div.event_content {
    /*margin-left: 4.3em;*/
}
div.event_tooltip div.event_header {
    color: #FFFFFF;
    font-size: 1.1em;
    font-weight: bold;
    background-color: #A49426;
    border: 0.1em solid #daeeef;
    color: #FFFFFF;
}
div.event_tooltip div.event_header_text {
    background-color: #DED452;
    border-right: 0.1em solid #daeeef;
    margin-right: 5em;
    padding: 0.2em 0.5em 0em;
}
div.event_tooltip div.event_header div.event_title {
    height: 1.4em;
    font-size: 13px;
    line-height: 1.5em;
    overflow: hidden;
    padding-bottom: 0.2em;
}
div.event_tooltip div.event_header_time {
    float: right;
    font-size: 13px;
    line-height: 1.3em;
    margin: 0.2em 0.5em 0em;
    text-align: center;
    width: 4em;
}
div.event_tooltip  div.event_subheader {
    background-color: #F6F0B7;
    border: 0.1em solid #daeeef;
    color: #000000;
    margin-top: 0.2em;
    padding: 0.3em 0.5em;
}
div.event_tooltip div.event_subheader p {
    margin: 0em;
}
div.event_tooltip div.event_subheader p.event_subtitle {
    font-size: 1em;
    font-weight: bold;
    margin-bottom: 0.2em;
}

/* Evento PERSONAL */

div.event_tooltip_personal div.event_type_icon {
    background: url(/img/icon_event_personal_40x40.gif) no-repeat center center;
}
div.event_tooltip_personal div.event_header {
    background-color: #36b4b1;
}
div.event_tooltip_personal div.event_header_text {
    background-color: #36b4b1;
    color: #FFF;
}
div.event_tooltip_personal div.event_subheader {
    background-color: #f7f8f9;
    color: #36b4b1;
    font-size: 11px;
}

/* Evento INDUCTION */

div.event_tooltip_induction div.event_type_icon {
    background: url(../img/icon_event_induction_40x40.gif) no-repeat center center;
}
div.event_tooltip_induction div.event_header {
    background-color: #716D58;
}
div.event_tooltip_induction div.event_header_text {
    background-color: #A6A389;
}
div.event_tooltip_induction div.event_subheader {
    background-color: #DCDACF;
}

/* Evento MEETING */

div.event_tooltip_meeting div.event_type_icon {
    background: url(../img/icon_event_meeting_40x40.gif) no-repeat center center;
}
div.event_tooltip_meeting div.event_header {
    background-color: #646800;
}
div.event_tooltip_meeting div.event_header_text {
    background-color: #BCC285;
}
div.event_tooltip_meeting div.event_subheader {
    background-color: #E8E8D2;
}

/* Evento CHAT */

div.event_tooltip_chat div.event_type_icon {
    background: url(../img/icon_event_chat_40x40.gif) no-repeat center center;
}
div.event_tooltip_chat div.event_header {
    background-color: #006838;
}
div.event_tooltip_chat div.event_header_text {
    background-color: #85C29E;
}
div.event_tooltip_chat div.event_subheader {
    background-color: #D2E8D6;
}

/* Evento TORPEDOE */

div.event_tooltip_torpedoe div.event_type_icon {
    background: url(../img/icon_event_torpedo_40x40.gif) no-repeat center center;
}
div.event_tooltip_torpedoe div.event_header {
    background-color: #680000;
}
div.event_tooltip_torpedoe div.event_header_text {
    background-color: #C28585;
}
div.event_tooltip_torpedoe div.event_subheader {
    background-color: #E8D2D2;
}

/* Evento TRAINING */

div.event_tooltip_training div.event_type_icon {
    background: url(../img/icon_event_training_40x40.gif) no-repeat center center;
}
div.event_tooltip_training div.event_header {
    background-color: #5B0068;
}
div.event_tooltip_training div.event_header_text {
    background-color: #A385C2;
}
div.event_tooltip_training div.event_subheader {
    background-color: #E5D2E8;
}

/* Evento SESSIONTDC */

div.event_tooltip_session_tdc div.event_type_icon {
    background: url(../img/icon_event_session_tdc_40x40.gif) no-repeat center center;
}
div.event_tooltip_session_tdc div.event_header {
    background-color: #000099;
}
div.event_tooltip_session_tdc div.event_header_text {
    background-color: #0066CC;
}
div.event_tooltip_session_tdc div.event_subheader {
    background-color: #8CC6FF;
}

