html, body {
    background: url(images/blue_bg.png) rgb(235,246,249) repeat-x fixed;
    height:100%;
    width: 100%;
    margin: 0;
    margin-top: 0px;
    padding-top: 0px;
    padding: 0;
    border: none;
    vertical-align: top;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
#page_outer{
    height:100%;
    width:100%;
    display:table;
    vertical-align:middle;
}
#page_container {
    margin: 0;
    padding: 0;
    border: none;
    text-align: center;
    vertical-align: top;
    width: 100%;}
#page_inner{
    width: 100%;
    height: 100%;
    text-align: center;
    margin-left:auto;
    margin-right:auto;
}

#page_panel {
    margin: 0;
    padding: 0;
    border: none;
    text-align: center;
    vertical-align: top;}

#content {
}
a:link {
  	font-family:Verdana, Arial, Helvetica, sans-serif;  
  	color:#666666;
  	font-size:10px;
	text-decoration: none;}
	
a:visited {
  	text-decoration: none;
	color:#666666;
    font-size:10px;}
        
a:hover {
    text-decoration: underline;
    color:#666666;
    font-size:10px;}
    
a:active {
  	text-decoration: none;
  	color:#666666;
    font-size:10px;}

textarea { 
	font-family:Verdana, Arial, Helvetica, sans-serif;
  	color:#333333;
  	font-size:10px;
  	font-style:normal;
  	border-color:#999999;
  	border-width:1px;
  	border-style:solid;}

input[type="text"] { 
	font-family:Verdana, Arial, Helvetica, sans-serif;
  	color:#333333;
  	font-size:10px;
  	font-style:normal;
  	border-color:#999999;
  	border-width:1px;
  	border-style:solid;}
input[type="text"][lang="number"] { 
	font-family:Verdana, Arial, Helvetica, sans-serif;
  	color:#333333;
        text-align:right;
  	font-size:10px;
  	font-style:normal;
  	border-color:#999999;
  	border-width:1px;
  	border-style:solid;}

input[type="file"] {
	font-family:Verdana, Arial, Helvetica, sans-serif;
  	color:#333333;
  	font-size:10px;
  	font-style:normal;
  	border-color:#999999;
  	border-width:1px;
  	border-style:solid;}

input[type="password"] { 
	font-family:Verdana, Arial, Helvetica, sans-serif;
  	color:#333333;
  	font-size:10px;
  	font-style:normal;
  	border-color:#999999;
  	border-width:1px;
  	border-style:solid;}

select {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:10px;
	font-style:normal;
	border-color:#999999;
	border-width:1px;
  	border-style:solid;}
    
.container_no_size {
	padding:0px;
	text-align: justify;
	border-collapse:separate;
	border-spacing:2px 2px}

.page {
	height: 100%;
	padding:0px;
	text-align: center;
	border-collapse:separate;
	border-spacing:0px 0px;}
	
.page_header {}

.page_content {
	text-align: center;
	font-family:Verdana, Arial, Helvetica, sans-serif;  
  	color:#666666;
  	font-size:10px;
	text-decoration: none;}

.page_footer {
    text-align: center;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    color:#666666;
    font-size:10px;
    text-align: center;}

.page_left_margin {
	width: 40px;}

.container_border_left {
	background: url(images/bg_03.png);
	width: 4px;
	outline: none;}
	
.container_border_left_top {
	background: url(images/bg_02.png) 0px 0px;
	width: 4px;
	height: 4px;
	outline: none;}

.rounded_container_border_left_top {
	background: url(images/rounded_lt_bg.png) 0px 0px;
	width: 25px;
	outline: none;}
.rounded_container_border_right_top {
	background: url(images/rounded_rt_bg.png) 0px 0px;
	width: 25px;
	outline: none;}
.rounded_container_border_top {
	background: url(images/rounded_ct_bg.png) 0px 0px;
        height: 35px;
	outline: none;}
.rounded_container_border_left_bottom {
	background: url(images/rounded_bg_white_lb.png) 0px 0px;
	width: 25px;
        height:57px;
	outline: none;}
.rounded_container_border_right_bottom {
	background: url(images/rounded_bg_white_rb.png) 0px 0px;
	width: 25px;
        height:57px;
	outline: none;}
.rounded_container_border_bottom {
	background: url(images/rounded_bg_white_ct_b.png) 0px 0px;
        height: 35px;
	outline: none;}
.rounded_container_border_left {
    	background: url(images/rounded_bg_left.png) 0px 0px;
	width: 4px;
	outline: none;}
.rounded_container_border_right {
    	background: url(images/rounded_bg_right.png) 0px 0px;
	width: 4px;
	outline: none;}

.container_border_left_bottom {
	background: url(images/bg_02.png) 0px -4px;
	width: 4px;
	height: 4px;
	outline: none;}

.container_border_left_top_next {
	background: url(images/rounded_bg_left_top.png) 0px 0px;
	width: 18px;
	height: 4px;
	outline: none;}

.container_border_top {
	background: url(images/bg_02.png) 1px -8px;
	height: 4px;
	outline: none;}

.container_border_bottom {	
	background: url(images/bg_02.png) 1px -12px;
	height: 4px;
	outline: none;}

.container_border_right {
	background: url(images/bg_03.png) -4px;
	width: 3px;
	outline: none;}

.container_border_right_top {
	background: url(images/bg_02.png) -4px 0px;
	width: 3px;
	height: 4px;
	outline: none;}

.container_border_right_bottom {
	background: url(images/bg_02.png) -4px -4px;
	width: 3px;
	height: 4px;
	outline: none;}

.container_main {
	/*border-collapse:separate;*/
	background-color: rgb(255,255,255);
        height:100%;
        width:100%;
        margin: 0;
        padding: 0;
        border: none;
        text-align: center;
        vertical-align: top;}
	
.page_top_bar {
    background: url(images/bg_01.png) 1px 1px;
    height: 25px;
    outline: none;
    text-align: left;}
	
.page_bottom_bar {
    background: url(images/bg_01.png) 1px 25px;
    height: 25px;
    outline: none;}
	
.inner_page {
	width: 100%;
	height:100%;
	padding:6px;
	text-align: justify;
	border-collapse:separate;
	border-spacing:0px 0px;}

.login_page {
	padding:2px;
	background-color: #ffffff;
	text-align: justify;
	border-collapse:separate;
	border-spacing:0px 0px;}

.query_font {
        font-size: 10px;
        font-family: Verdana, Arial, Helvetica, sans-serif;}

.bold_font {
	font-weight:bold;}

.strong_font {
	font-size:12px;
	font-weight:bold;}
.normal_font { font-size:10px; font-family: Verdana, Arial, Helvetica, sans-serif;}
.warning_font {
	color: #68ba09;
	font-weight:bold;
	font-size:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}.button_medium {
	background: url(images/blue_m_button.png) no-repeat;
	font-size: 10px; 
  	font-family: Verdana, Arial, Helvetica, sans-serif;
  	color: #ffffff;
  	font-weight: bold; 
  	border: 0px;
  	height: 34px;
  	width: 118px;}
  	
.button_medium_disabled {
	background: url(images/gray_m_button.png) no-repeat;
	font-size: 10px; 
  	font-family: Verdana, Arial, Helvetica, sans-serif;
  	color: #ffffff;
  	font-weight: bold; 
  	border: 0px;
  	height: 34px;
  	width: 118px;}
  	
.tab_button_medium {
	background: url(images/blue_m_tab_button.png) no-repeat;
	font-size: 10px; 
  	font-family: Verdana, Arial, Helvetica, sans-serif;
  	color: #ffffff;
  	font-weight: bold; 
  	border: 0px;
  	height: 24px;
  	width: 116px;}
  	
.tab_button_medium_disabled {
	background: url(images/gray_m_tab_button.png) no-repeat;
	font-size: 10px; 
  	font-family: Verdana, Arial, Helvetica, sans-serif;
  	color: #ffffff;
  	font-weight: bold; 
  	border: 0px;
  	height: 24px;
  	width: 116px;}
  	
.tab_panel_content {
 	border: #3c7cbe 1px solid;
	background-color: #e3e9f0;}

.back_button{
	background: url(images/back.png) no-repeat;
  	border: 0px;
  	height: 23px;
  	width: 23px;}

.next_button{
	background: url(images/next.png) no-repeat;
  	border: 0px;
  	height: 23px;
  	width: 23px;}

.grid_header {
	background: url(images/cell_bg.png);
	height: 25px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
  	font-size:10px;
  	color:#666666;
  	vertical-align:middle;}

.grid {
	background-color: #dddddd;}

.grid_odd_line {
	background-color: #ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
  	font-size:10px;
}.grid_even_line {
	background-color: #f8faf7;
	font-family:Verdana, Arial, Helvetica, sans-serif;
  	font-size:10px;
}.grid_odd_line:hover {
	background-color: #f3f3f3;}

.grid_even_line:hover {
	background-color: #f3f3f3;}

.grid_footer {
	background-color: #ffffff;}

.grid_over {
	background-color: #f3f3f3;}

.loading_div_content {
    /*background: white;*/
    background: #3c7ec0;
    text-align: center;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:10px;
    color:#333333;
}
#loading_outer{
    z-index:1001;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    display:none;
    vertical-align:middle;
    position: absolute;
    display: none;
    background: white;
    opacity:0.0;
    filter:alpha(Opacity=0);}
#loading_container {
    left: 0px;
    top:0px;
    height:100%;
    width:100%;
    display:none;
    text-align: center;
    position: absolute;
    vertical-align: middle;}
#loading_inner{ width: 108px; height: 50px; margin-left:auto; margin-right:auto; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #ffffff; font-weight: bold; background: red; position: absolute; text-align: center; vertical-align: middle;}
.up_chart_bg {
    background: url(images/up_chart_center.png);
    background-repeat: repeat-x;
}
.tree_node {
    background: url(images/tn.gif) repeat-y;
}
.tree_child {
    background: url(images/tp.gif) no-repeat;
}
.tree_last_child {
    background: url(images/ln.gif) no-repeat;
}
.tree_link {
    text-decoration: none;
    border-radius:3px; 
    -moz-border-radius:3px; 
    -webkit-border-radius:3px;
    padding:2px 4px 2px 4px;
}
.tree_link:hover {
    text-decoration: none;
    color:#ffffff;
    background: #6a9bcd;
    border:1px solid #34689d;
    padding:1px 3px 1px 3px;
}
.tree_link_clicked {
    text-decoration: none;
    border-radius:3px; 
    -moz-border-radius:3px; 
    -webkit-border-radius:3px;
    border:1px solid #34689d;
    padding:1px 3px 1px 3px;
    text-decoration: none;
    color:#ffffff;
    background: #85b9d7;
}
.celda_actividad_calendario {
    background: #cce8f8;
}
.celda_hoy_calendario {
    background: #85b9d7;
}