﻿/* COMMON */
    /* LOADING */
        .LoadingImage
        {
            height: 100%; 
            width: 100%;
            background-image: url('../../EngageAgent/HTMLControls/images/loadingGrid.gif'); 
            /* IE8 ... background-image: url('../../EngageAgent/HTMLControls/images/loadingGrid.png'); */
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE8 ... deben estar seteados height y/o width */
			/* IE7 ... filter: Alpha(Opacity=100); */
            background-repeat: no-repeat; 
            background-position: center center;
        }
        .loading
        {
	        font-family: Tahoma, Helvetica, Sans Serif;
	        font-size: 12px;
	        font-weight: bold;
	        color: #cc0000;
	        font-style: italic;
        }
        #GridLoading
        {
	        background-color: #DCDBDB;
            position: absolute;
            left: 50%;
            top: 50%;
            margin-top: -25px;
            margin-left: -100px;
            text-align: center;
        }
        #LoadingPage {
 	        position: absolute;
 	        left: 50%;
 	        top: 50%;
 	        text-align: center;
        }
    /* LABELS */
        .labelstyle
        {
	        font-family: Tahoma, Helvetica, Sans Serif;
	        text-align: left;
	        color: #44393b;
	        font-size: 10px;
        }
        .it_headertexto
        {
	        font-family: Tahoma, Helvetica, Sans Serif;
	        font-size: 14px;
	        font-weight: bold;
	        text-align: left;
	        line-height: 14px;
	        color: #555555;
	        height: 20px;
	        padding-left: 10px;
        }
        .it_headertexto_ma
        {
	        font-family: Tahoma, Helvetica, Sans Serif;
	        font-size: 14px;
	        text-align: left;
	        padding-left: 20px;
	        margin-bottom: 10px;
	        line-height: 14px;
	        color: #cc0000;
	        font-weight: bold;
	        height: 20px;
	        margin-top: 20px;
	        margin-bottom: 10px;
        }
    /* TEXTBOXES */
        .riTextBox_bs
        {
	        border: solid 1px #c0c0c0;
	        text-align: left;
	        float: left;
	        display: inline;
	        clear: right;
	        margin-left: 10px;
        }
        .riTextBox_bs:hover
        {
	        border-color: #b93737;
        }
    /* CHECKBOXES */
        .passcheckbox
        {
	        font: normal Tahoma, Helvetica, Sans Serif 10px;
	        color: #222222;
        }
    /* BUTTONS */
        a.ovalbutton
        {
	        background: transparent url('images/oval-gray-left.gif') no-repeat top left;
	        display: inline;
	        float: left;
	        font: normal 13px Tahoma, Helvetica, Sans Serif; /* Change 13px as desired */
	        line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
	        height: 24px; /* Height of button background height */
	        width: inherit;
	        padding-left: 11px; /* Width of left menu image */
	        text-decoration: none;
	        text-align: center;
	        overflow:hidden; 
	        white-space:nowrap;
        }
        a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton
        {
	        color: #494949; /*button text color*/
        }
        a.ovalbutton span
        {
	        background: transparent url('images/oval-gray-right.gif') no-repeat top right;
	        display: block;
	        padding: 4px 15px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
        }
        a.ovalbutton:hover
        {
	        /* Hover state CSS */
	        background-position: bottom left;
        }
        a.ovalbutton:hover span
        {
	        /* Hover state CSS */
	        background-position: bottom right;
	        color: black;
        }
        a.sqlprocessbutton
        {
	        background: transparent url('images/oval-gray-left.gif') no-repeat top left;
	        display: inline;
	        float: left;
	        font: normal 13px Tahoma, Helvetica, Sans Serif; /* Change 13px as desired */
	        line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
	        height: 24px; /* Height of button background height */
	        width: inherit;
	        padding-left: 11px; /* Width of left menu image */
	        text-decoration: none;
	        text-align: center;
	        overflow:hidden; 
	        white-space:nowrap;
        }
        a:link.sqlprocessbutton, a:visited.sqlprocessbutton, a:active.sqlprocessbutton
        {
	        color: #494949; /*button text color*/
        }
        a.sqlprocessbutton span
        {
	        background: transparent url('images/oval-gray-right.gif') no-repeat top right;
	        display: block;
	        padding: 4px 15px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
        }
        a.sqlprocessbutton:hover
        {
	        /* Hover state CSS */
	        background-position: bottom left;
        }
        a.sqlprocessbutton:hover span
        {
	        /* Hover state CSS */
	        background-position: bottom right;
	        color: black;
        }
        .buttonwrapper
        {
	        /* Container you can use to surround a CSS button to clear float */
	        overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
	        width: 50px;
	        clear: none;
	        float: left;
	        display: inline;
        }
    /* DIVS */
        .it_divgeneral
        {
	        height: 30px;
	        width: 100%;
	        padding: 0px;
	        padding-top: 0px;
	        margin-top: 0px;
	        margin-left: 0px;
	        background-image: url(images/back_header_it.gif);
	        background-repeat: repeat;
	        overflow: hidden;
        }
        
        .busquedaclass
        {
	        font-family: Tahoma, Helvetica, Sans Serif;
	        font-size: 11px;
	        color: #333333;
	        display: block;
	        clear: both;
        }
        .FilterMenu
        {
            background-color: #efefef; 
            position:relative; 
            float:left;
            width: 450px; 
            left: 20px;
            margin: 0px 0px 10px 0px;     
        }
        .FilterElement
        {
            width: 95%;
            display: block; 
            float: left; 
            margin-top: 6px; 
            font-size: 11px;
        }
        .FilterElementTitle
        {
            display: inline; 
            float: left; 
            width: 30%;
            padding-top:3px;
        }
        .GridContainer
        {
            display: block; 
            clear: both;
            position:relative;
            float: left; 
            left: 20px;
            width: 98%;
            margin-bottom: 20px;
        }
    /* COMBOBOX */
        .Combo_mp
        {
            /* background-color: #ff0000; */
            color: #ff0000;
            font-size: 12px;
            width: 200px;
            vertical-align: middle;
            float: left;
            display: inline;
            cursor: pointer;
            margin-left: 5px;
        }
        .Combo_mp3
        {
            color: #333;
            font-size: 12px;
            width: 200px;
            vertical-align: middle;
            float: left;
            display: inline;
            cursor: pointer;
            margin-right: 20px;
            margin-left: 10px;
        }
    /* COMBO LISTAS */
        .rcbHeader ul,
        .rcbItem ul, .rcbHovered ul, .rcbDisabled ul
        {
            width: 100%;
            display: inline-block;
            margin: 0;
            padding: 0;
            list-style-type: none;
        }

        .ListColumn
        {
            float: left;
            width: 110px;
            margin: 0;
            padding: 0 5px 0 0;
            line-height: 14px;
        }
/* MAINPAGE */
    /* DIVS */
        .header_mp
        {
            position:relative;
            overflow: visible;
	        display: block;
            height: 30px; 
            top: 0px; 
            left: 0px;
            padding: 0px;
	        margin: 0px;
	        background-color: #ffffff;
	        background-image: url(images/Py_backheader3.png);
	        background-repeat: repeat-x;
	        text-align: center;
	        text-align: -moz-center;
	        font-family: Tahoma, Helvetica, Sans Serif;
	        font-size: 11px;
        }
        .header2_mp
        {
            position:relative;
            overflow: visible;
	        display: none;
            height: 30px; 
            top: 0px; 
            left: 0px;
            padding: 0px;
	        margin: 0px;
	        background-color: #ffffff;
	        background-image: url(images/Py_backheader3.png);
	        background-repeat: repeat-x;
	        text-align: center;
	        text-align: -moz-center;
	        font-family: Tahoma, Helvetica, Sans Serif;
	        font-size: 11px;
        }
		/* LABELS */
        .HeaderTitleLabel
        {
	        font-family: Tahoma, Helvetica, Sans Serif;
	        font-weight: bold;
	        font-size: 11px;
	        color: #f5f5f5;
	        text-decoration: none;
	        vertical-align: center;
	        padding-left: 10px;
        }
        .HeaderLoadLabel
        {
	        font-family: Tahoma, Helvetica, Sans Serif;
	        font-weight: bold;
	        font-size: 14px;
	        color: #f5f5f5;
	        text-decoration: none;
	        vertical-align: center;
	        padding-left: 10px;
        }
        .HeaderValueLabel
        {
	        font-family: Tahoma, Helvetica, Sans Serif;
	        font-size: 11px;
	        color: #dedede;
	        font-style: italic;
	        text-decoration: none;
	        vertical-align: center;
	        padding-right: 10px;
        }
    /* TABSTRIPS */
        .maintabs
        {
	        float: left;
	        clear: both;
	        width: 100%;
	        height: 100%;
	        background: #f5f5f5 url(images/Py_tabs.png) top left repeat-x;
        }
    /* LINKS UTILES */
        #MenuLinksUtiles
        {
            float: right !important;
            margin-right: 14px;
            z-index: 0 !important;
        }
/* ERROR */
    .it_headertexto_us
    {
	    font-family: Tahoma, Helvetica, Sans Serif;
	    font-size: 11px;
	    text-align: left;
	    padding-left: 20px;
	    line-height: 11px;
	    color: #444444;
	    height: 20px;
    }
    .it_headertexto_us span
    {
	    float: left;
	    width: 30px;
	    height: 22px;
	    padding-top: 6px;
	    display: block;
    }
/* LOGIN */
    /* IMAGES */
        .imgInfo 
        {
            height:24px;
            width:24px;
        }
        .logoengage
        {
	        background-image: url(images/PymEasy4.png);
	        background-repeat: no-repeat;
	        height: 109px;
	        width: 389px;
	        text-align: left;
	        overflow: hidden;
        }
        .logoengageversion
        {
	        height: 78px;
	        width: 142px;
	        text-align: left;
	        overflow: hidden;
        }
        .headerlogin
        {
	        background-image: url(images/headerbacklogin.gif);
	        height: 15px;
	        width: 389px;
	        margin-bottom: -5px;
	        overflow: hidden;
        }
        .backgroundlogin
        {
	        height: 348px;
	        width: 389px;
	        overflow: hidden;
        }
        .bottomlogin
        {
	        background-image: url(images/bottombacklogin.gif);
	        height: 15px;
	        width: 389px;
	        overflow: hidden;
        }
        .headersplitbox
        {
	        background-image: url(images/headersplitbox.gif);
	        background-repeat: no-repeat;
	        width: 389px;
	        height: 0px;
	        position: relative;
	        overflow: hidden;
	        line-height: 0px;
        }
        .boxsplitreflex10h
        {
	        background-image: url(images/boxsplitreflex10h_389.gif);
	        background-repeat: no-repeat;
	        height: 10px;
	        width: 389px;
	        overflow: hidden;
        }
        .boxreflex369x70
        {
	        background-image: url(images/boxreflex389x70.gif);
	        background-repeat: no-repeat;
	        height: 70px;
	        width: 389px;
	        text-align: left;
	        overflow: hidden;
        }
    /* DIVS */
        .divgeneral
        {
	        background-image: url(images/Pyfondo.jpg);
			background-color: #cccccc; /* Used if the image is unavailable */
		    background-position: center; /* Center the image */
			background-repeat: no-repeat; /* Do not repeat the image */
			background-size: cover; /* Resize the background image to cover the entire container */	        
			text-align: center;
	        vertical-align: middle;
	        overflow: hidden;
		}
        .vacio
        {
	        height: 68px;
	        overflow: hidden;
        }
        .vacio2
        {
	        height: 20px;
	        overflow: hidden;
        }
    /* LABELS */
        .logintitle
        {
            font-family: Verdana, Arial, Helvetica, Sans Serif;
            color: #5bc0de;
            font-size: 22px;
            font-weight: bolder;
            text-align: left;
        }
        .loginlabel
        {
	        font-family: Verdana, Arial, Helvetica, Sans Serif;
	        font-size: 12px;
	        color: #5bc0de;
	        font-weight: bold;
            text-align: left;
		}
        .loginlabel2
        {
	        font-family: Verdana, Arial, Helvetica, Sans Serif;
	        font-size: 12px;
	        color: #5bc0de;
	        font-weight: bold;
            text-align: left;
		}
    /* BUTTONS */
        .botonlogin
        {
	        background-image: url(images/login_pelu_a.png);
	        width: 74px;
	        height: 30px;
	        border: 0px;
        }
        .botonlogin:hover
        {
	        background-image: url(images/login_pelu_b.png);
	        width: 74px;
	        height: 30px;
	        border: 0px;
        }
        .botonlogout
        {
	        background-image: url(images/logout_pelu_a.png);
	        width: 74px;
	        height: 30px;
	        border: 0px;
	        border-width: 0px;
        }
        .botonlogout:hover
        {
	        background-image: url(images/logout_pelu_b.png);
	        width: 74px;
	        height: 30px;
	        border: 0px;
	        border-width: 0px;
        }
    /* TEXTBOXES */
        .logintextbox
        {
	        font-family: Verdana, Helvetica, Sans Serif;
	        color: #44393b;
	        font-size: 12px;
	        border: solid 1px #44393b;
	        width: 142px;
        }
        .logintextbox2
        {
	        font-family: Verdana, Helvetica, Sans Serif;
	        color: #44393b;
	        font-size: 12px;
	        border: solid 1px #44393b;
	        width: 138px;
        }
	/* ACTIVITIESBROWSER */
    /* PANELS */
        .PaneActivities
        {
	        width: 100%;
	        height: 100%;
        }
    /* COMBOBOX */
        .Combo_mp3_buscar
        {
            color: #333;
            font-size: 12px;
            width: 200px;
            vertical-align: middle;
            float: left;
            display: inline;
            cursor: pointer;
            margin-right: 8px;
            margin-left: 5px;
        }
/* ACTIVITIES */
    /* LABELS */
        .listas_span
        {
	        font-family: Tahoma, Helvetica, Sans Serif;
	        font-size: 10px;
	        text-align: right;
	        line-height: 11px;
	        color: #444444;
	        height: 18px;
	        float: left;
	        display: block;
	        padding-top: 2px;
        }
    /* TEXTBOXES */
        .riTextBox_listas
        {
	        border: solid 1px #c0c0c0;
	        text-align: left;
	        clear: right;
	        margin-left: 10px;
        }
        .riTextBox_listas:hover
        {
	        border-color: #b93737;
        }
    /* DIVS */
        .listas_tl
        {
	        float: left;
	        width: 50px;
	        display: block;
        }
        .listas_tl input
        {
	        margin-top: 0px;
	        font-size: 10px;
        }
        .listas_tl span.RadInput_Default
        {
	        padding-top: 0px;
        }
    /* COMBOBOX */
        .Combo_mp3_listas
        {
            color: #333;
            font-size: 12px;
            width: 220px;
            vertical-align: middle;
            float: left;
            display: inline;
            cursor: pointer;
            margin-right: 6px;
            margin-left: 10px;
        }
