HTML, BODY { margin:0; padding:0; height:100%; }
IFRAME { margin:0; padding:0; height:100%; display:block; width:100%; border:none; height:100%; border:0px; }
BODY { background:#ffffff;font-size: 12px;font-family: "Arial",Helvetica,Arial,sans-serif; color:#000000; }
BODY.header { margin:4px; }
BODY.content { margin:0px; }
BODY.left_menu { background-color: #ffffff; margin: 4px; margin-left: 3px; }
BODY a:link { color: #084B8A; font-size: 12px; }
BODY a:visited { color: #084B8A; font-size: 12px; font-weight:bold; }
BODY a:hover { color: #00ACD7; text-decoration: underline; color:black;}
BODY a:active { color: #337ab7; text-decoration: underline; }
TABLE.main_table { border-collapse: collapse; }
TABLE.main_table TR TD { padding:0px; margin:0px; }
TEXTAREA { resize:none; }
SELECT { z-index: -100; }
IMG { vertical-align: middle; border: 0px; }
IMG.external_link { margin-top:-3px; border:0px; }
FORM { display: inline; }
a.dark { color: #567b3f; text-decoration: none; }
a.dark:link { color: #567b3f; text-decoration: none; }
a.dark:visited { color: #567b3f; text-decoration: none; }
a.dark:hover { color: #567b3f; text-decoration: underline; }
a.dark:active { color: #567b3f; text-decoration: underline; }
/*** Top Header #567b3f ***/
#header { border:1px solid #cccccc; height:0px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;font-size: 12px;color: #FFF; }
#header a { color: #ffffff; text-decoration:none; }
.header_wrapper { background-color: #343434; margin:2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; height:25px; }
.site_header { font-size: 18px; font-weight:bold; }
.header_caption_ltr { float:left; width:300px; margin:5px 7px;}
.header_logout_ltr { float:right; margin:2px 7px 5px 7px; }
.header_caption_rtl { float:right; width:300px; text-align:right; margin:5px 7px;}
.header_logout_rtl { float:left; margin-top:25px; }
.clear { clear:both; }
/*** Footer ***/
#footer { border:1px solid #cccccc; height:57px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; font: 12px Tahoma, Verdana; color: #ffffff; }
#footer a { color: #ffffff; text-decoration:none; }
.footer_wrapper { background-color: #343434 ;margin:2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; height:40px; }
.site_footer { font-size: 12px; color: #ffffff; }
.clear { clear:both; }
/*** Left Menu ***/
.curtainBox { width:180px; border:1px solid #dddddd; margin-bottom:3px; }
.menu_all .header { height:20px; }
.header { height:30px; margin:1px; padding-left:5px; color:#ffffff; background-color:rgba(43, 91, 103, 1) }
#imgArrow { margin-top:2px; cursor:w-resize; }
/*** Table Settings ***/
.tborder { width:400px; border: #0066B1 0px solid; background: rgba(138,138,138,1) }
.tcat { background: rgba(138,138,138,1); font: 12px Arial; color: #0066B1; padding:7px; }
.tcat a:link { color: #ffffff; text-decoration: none; }
.tcat a:visited { color: #ffffff; text-decoration: none; }
.tcat a:hover { color: #ffff66; text-decoration: underline; }
.tcat a:active { color: #ffff66; text-decoration: underline; }
.tcat2 { background: rgba(138,138,138,1); color: #000000; cursor: default; margin: 0;
padding: 0;
border: 0px;
outline: 0;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
-webkit-box-shadow: 0px 0px 90px 0px rgba(255,255,255, .2), inset 0px 0px 0px 0px rgb(0,0,0);
-moz-box-shadow: 0px 0px 90px 0px rgba(255,255,255, .2), inset 0px 0px 0px 0px rgb(0,0,0);
box-shadow: 0px 0px 90px 0px rgba(255,255,255, .2), inset 0px 0px 0px 0px rgb(0,0,0);}
.tcat2 input[type=checkbox] { margin-left:1px; }
.tcat2_bot { margin-top:0px; padding-top:8px; width:100%; }
.top_border { border-top:0px solid rgba(138,138,138,1); }
.tborder TR TD input[type=text]{
margin: 10px 0;
padding: 6px 15px;
border: 0;
outline: none;
font-family: arial;
font-size: 12px;
font-weight: bold;
text-shadow: 0px 1px 1px rgba(255,255,255, .2);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.tborder TR TD input[type=password] {
margin: 10px 0;
padding: 6px 15px;
border: 0;
outline: none;
font-family: arial;
font-size: 12px;
font-weight: bold;
text-shadow: 0px 1px 1px rgba(255,255,255, .2);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.tborder TR TD input[type=text],
.tborder TR TD input[type=password] {
color: #ffffff;
width: 170px;
-webkit-box-shadow: inset 1px 1px 1px 0px rgba(255,255,255, .6);
-moz-box-shadow: inset 1px 1px 1px 0px rgba(255,255,255, .6);
box-shadow: inset 1px 1px 1px 0px rgba(255,255,255, .6);
background: rgba(138,138,138,1);
}
DIV.tborder { padding-right: 1px; padding-left: 1px; padding-bottom: 1px; padding-top: 1px; }
DIV.tcat { padding-right: 4px; padding-left: 4px; font-weight: bold; font-size: 12px; padding-bottom: 4px; padding-top: 4px; }
DIV.thead { padding-right: 4px; padding-left: 4px; font-weight: bold; padding-bottom: 4px; padding-top: 4px; }
/*** Messages ***/
.msg_error { color: #cd0000; }
.welcome { font-size: 14px; font-weight: bold;}
/*** Dashboard **/
.section_title_left { background:url(../../images/left_border.gif) no-repeat; height: 22px; width: 2px; }
.section_title { background:url(../../images/rep.gif) 0 100% repeat-x; height: 22px; width: 100%; vertical-align: middle; }
.section_title_right { background:url(../../images/right_border.gif) no-repeat; height: 22px; width: 2px; }
.section_title_text { font-size: 12px; font-weight: bold; color: #333333; text-decoration: none; padding: 3px 5px 0 5px; }
.section_title_text SPAN { cursor:pointer; }
/*** Message Boxes ***/
.message_sign { height:32px; width:20px; padding-left:3px;}
.message_text { height:32px; }
.success_message_box { font-family: Tahoma, Verdana; height:auto; color: #000000; background-color:#f1fff1; border:1px solid #3ac13a; }
.important_message_box { font-family: Tahoma, Verdana; height:auto; color: #000000; background-color:#fff1f1; border:1px solid #c13a3a; }
.message_box { font-family: Tahoma, Verdana; height:auto; color: #000000; background-color:#fffff1; border:1px solid #c1c13a; }
.req { color: #a60000; }
.field_comment { color: #444444; white-space:normal; }
/*** Form Elements ***/
.login_form INPUT { border:1px solid #d7d7d7; background-color: #ffffff; }
.login_form INPUT:hover { border:1px solid #98bcdf; background-color: #ffffff; }
.login_form INPUT:focus { border:1px solid #c7c7e7; background-color: #FFFFe7; }
.login_form INPUT[type=checkbox]
{ border:0px; padding:0px; margin-top:5px;}
.login_form INPUT[type=submit], INPUT[type=button]
{ border:1px solid #4667a3; background-color: rgba(138,138,138,1); color:#ffffff; padding-right:5px; }
.panel_form INPUT[type=submit], INPUT[type=button]
{ border:1px solid #4667a3; background-color: rgba(138,138,138,1); color:#ffffff; padding-right:5px; }
/*** Breadcrumbs ***/
.breadcrumb { font:12px Tahoma, Verdana; display: inline-block; }
.breadcrumb a { text-decoration: none; color:#FF0000; }
.breadcrumb a:link { text-decoration: none; color:#FF0000; }
.breadcrumb a:visited { text-decoration: none; color:#FF0000; }
.breadcrumb a:hover { text-decoration: underline; color:#a60000; }
/*** DataGrid ***/
SPAN.yes { color:darkgreen; }
SPAN.no { color:darkred; }
/*** Home Page ***/
TD.icon-cell { border:1px solid #dedede; padding:4px; cursor:pointer; border-radius:1px; }
/* --- Home Page Panels ---------------------- */
#alert-panel { background-color:#fff1f1; border:1px solid #c13a3a; width:100%; margin-bottom:5px; border-radius:3px; }
#alert-panel .header { background-color:#fff1f1; padding:8px; color:#000; border:0px; font-weight:bold; }
#alert-panel .header SPAN.icon { padding-right:7px; border:0px }
#alert-panel .header SPAN.icon IMG { margin-top: -4px; }
#alert-panel .header SPAN.text { text-align:left; padding-left:6px; }
#alert-panel .header SPAN.close-button { width:20px; float:right; }
#alert-panel .header SPAN.close-button IMG { margin-top: -3px;}
#alert-panel .alerts {}
#alert-panel .alerts UL {}
#home-panel { background-color:#fffff1; border:1px solid #c1c13a; width:100%; margin-bottom:5px; border-radius:3px; }
#home-panel .header { background-color:#fffff1; padding:8px; color:#000; border:0; font-weight:bold; }
#home-panel .header SPAN.icon { padding-right:7px; border:0; }
#home-panel .header SPAN.icon IMG { margin-top: -4px; }
#home-panel .header SPAN.text { text-align:left; vertical-align: top; padding-left:6px; }
#home-panel .header SPAN.close-button { width:20px; float:right; }
#home-panel .header SPAN.close-button IMG { margin-top: -3px;}
/* --- ROUNDED CORNERS ---------------------- */
#header_table, .tborder,
.message_box, .important_message_box, .success_message_box{
-webkit-border-radius: 4px;
border-radius: 25px;
}
.curtainBox, FIELDSET{
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.tcat, #header_table .tborder{
-webkit-border-radius: 2px;
border-radius: 2px;
}
.menu_block_header{
-webkit-border-radius: 1px;
border-radius: 1px;
}
DIV#dgWrapper{
padding:0 10px 10px 10px;
}
/* --- TERMS & CONDITIONS ----------------------------------------------------*/
#light { display:none; }
.black_overlay { display:none; position:absolute; top:0%; left:0%; width:100%; height:1900px; background-color:black; z-index:1001; -moz-opacity:0.8; opacity:.80; filter:alpha(opacity=80); }
.white_content { border:1px solid #00ff00; position:absolute; top:140px; left:12%; width:70%; height:45%; padding:16px; border:16px solid darkorange; background-color:white; z-index:1002; overflow:auto; text-align:center; vertical-align:middle; }
.header_caption_ltr { FLOAT:left; WIDTH:300px; }
.header_logout_ltr { FLOAT:right; MARGIN-TOP:15px; }
.header_caption_rtl { FLOAT:right; WIDTH:300px; TEXT-ALIGN:right; }
.header_logout_rtl { FLOAT:left; MARGIN-TOP:25px; }
/* --- REGISTRATION ----------------------------------------------------------*/
.mandatory_star { color:#a60000; }
.messages_wrapper { margin:0 auto; width:400px; }
.m_info,.m_success,.m_warning,.m_error,.m_validation,.m_free{
white-space: pre-wrap; /* CSS3 */
white-space: -moz-pre-wrap; /* Firefox */
white-space: -pre-wrap; /* Opera <7 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* IE */
font-family:Arial,Helvetica,sans-serif;font-size:13px;border:1px solid;margin:10px 0;padding:15px 10px 15px 50px;background-repeat:no-repeat;background-position:10px center;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-khtml-border-radius:3px
}
.m_info A,.m_success A,.m_warning A,.m_error A,.m_validation A,.m_free A{text-decoration:underline}
.m_info{color:#00529B;background-color:#BDE5F8;background-image:url('../../images/messages/info.png')}
.m_success{color:#4F8A10;background-color:#DFF2BF;background-image:url('../../images/messages/success.png')}
.m_warning{color:#9F6000;background-color:#FEEFB3;background-image:url('../../images/messages/warning.png')}
.m_error{color:#D8000C;background-color:#FFBABA;background-image:url('../../images/messages/error.png')}
.m_validation{color:#D63301;background-color:#FFCCBA;background-image:url('../../images/messages/validation.png')}
.m_free{color:#D63301;background-color:#FFCCBA;background-image:url('../../images/messages/free.png');background-size:36px 36px;background-position:7px center;}
.m_top{background-position:10px 15px}
.module-cell {
width:140px;
border:1px solid #dedede;
margin:3px;
cursor:pointer;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-khtml-border-radius: 2px;
}
.module-cell:hover {
border:1px solid #ababab;
-moz-box-shadow: 0 0 3px #ccc;
-webkit-box-shadow: 0 0 3px #ccc;
box-shadow: 0 0 3px #ccc;
background-color:#f1f2f3;
}
.btnlogin{
background:-moz-linear-gradient(#fc0 0%,#F60 100%);
background:-ms-linear-gradient(#fc0 0%,#F60 100%);
background:-o-linear-gradient(#fc0 0%,#F60 100%);
background:-webkit-linear-gradient(#fc0 0%,#F60 100%);
background:linear-gradient(#fc0 0%,#F60 100%);
border-radius:5px;
text-align:center;
padding:5px;
color:#fff;
width:105px;
}
.btnlogin:hover{
background:-moz-linear-gradient(#fff 0%,#DEDEDE 100%);
color:#000;
}
.BackgroundCelda{
border-radius:1px;
text-align:left;
FONT: bold 12px helvetica;
}
.TituloEvento{
border: 1px;
margin-left: 16px;
margin-right: 16px;
background: #E4E4E4;
border-radius:1px;
text-align:left;
FONT: bold 12px helvetica;
padding:5px;
FONT-SIZE: 12px;
FONT-WEIGHT: bold;
TEXT-ALIGN:center;
}
.inicio{
/* set your gradient code here */
background: rgb(0,102,177);
background: -moz-linear-gradient(-45deg, rgba(138,138,138,1) 0%, rgba(138,138,138,1) 50%, rgba(138,138,138,1) 51%, rgba(245,245,245,1) 100%);
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(138,138,138,1)), color-stop(50%,rgba(138,138,138,1)), color-stop(51%,rgba(138,138,138,1)), color-stop(100%,rgba(245,245,245,1)));
background: -webkit-linear-gradient(-45deg, rgba(138,138,138,1) 0%,rgba(138,138,138,1) 50%,rgba(138,138,138,1) 51%,rgba(138,138,138,1) 100%);
background: -o-linear-gradient(-45deg, rgba(138,138,138,1) 0%,rgba(138,138,138,1) 50%,rgba(138,138,138,1) 51%,rgba(245,245,245,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(138,138,138,1) 0%,rgba(138,138,138,1) 50%,rgba(138,138,138,1) 51%,rgba(245,245,245,1) 100%);
background: linear-gradient(135deg, rgba(138,138,138,1) 0%,rgba(138,138,138,1) 50%,rgba(138,138,138,1) 51%,rgba(245,245,245,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0b7a1', endColorstr='#bf6e4e',GradientType=1 );
}
#tablaSO{
margin: 15px 15px 15px 15px;
width: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
text-shadow:0 0 0 #f3f3f3;
}
/*Definimos la cabecera o tÃtulo de la tabla*/
#tablaSO .header-tabla{
background: transparent;
padding: 6px;
text-align: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
display:block;
text-decoration: none;
color: black;
color:#4E443C;
font: normal 12px verdana, arial, sans-serif;
}
/*Definimos la fila*/
#tablaSO .fila{
background: white;
padding: 5px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
/*Todas las filas son blancas, pero con
este selector podemos intercalar colores
con gris*/
#tablaSO .fila:nth-child(odd){
background: #eee;
}
/*Definimos la cabecera de cada columna*/
#tablaSO .cabecera{
background: #045FB4;
opacity: 0.9;
display: block;
text-decoration: none;
color: white;
}
/*Definimos la cabecera de cada columna*/
#tablaSO .columna_cabecera{
color: white;
display: inline-block;
text-align: center;
width: 150px;
}
#tablaSO .columna_ini{
color: black;
display: inline-block;
text-align: left;
width: 150px;
font: bold 12px verdana, arial, sans-serif;
}
/*Definimos las columnas*/
#tablaSO .columna{
color: black;
display: inline-block;
text-align: center;
width: 150px;
}