/*
    Document   : simple
    Created on : 07-12-2010, 11:08:23 AM
    Author     : fcarter
    Description:
        Purpose of the stylesheet follows.
*/

/*
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root {
    display: block;
}

select{
    background-color: #ffffff;
}

table{
    border-collapse:collapse;
}


th {
/*	text-align: left;
    vertical-align:middle;
    font-weight: bold;
    vertical-align: baseline;
    border-left: 1px solid gray;
    padding-left:8px;
    padding-right:8px;
    font-size:10px;*/
    border-top: 1px solid gray;
    border-left: 1px solid gray;
    border-right: 1px solid gray;
    border-bottom: 1px solid gray;
    background-image: url(css-images-blue/fdo.jpg);
    background-repeat:repeat-x;
}

.ordered_column{
    background-image: url(css-images-blue/fdo_order.jpg);
    background-repeat:repeat-x;
}

form.jsfcrud_list_form th, td th {
    font-size: x-small;
    letter-spacing: 3px;
    text-align: left;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 6px;
    padding-right: 6px;
}


tr.jsfcrud_odd_row {
    background-color: #fefeff;
    color: #4e6a71;
}


tr.jsfcrud_even_row {
    background-color: #F0F5FB;
    color: #4e6a71;
}

td {
    text-align: left;
    vertical-align:middle;
    padding-left:8px;
    padding-right:8px;
    border-left: 0px solid gray;
    border-right: 0px solid gray;
    font-size:9px;
}

table.cell_noborder td, tr{
    border-left: 0px solid gray;
    border-right: 0px solid gray;
}

#title{
    width:650px;
    font-style:normal;
    font-family:Arial, Helvetica, sans-serif;
    font-size:15px;
    background-position:center;
    font-weight: bolder;
    color:#6B6B6B;
}

#create_new{
	width:150px;
	height:15px;
	margin-left: 10px;
	}

#list{
	width:150px;
	height:15px;
	margin-left: 10px;
	}

div.logout{
    margin-top: -40px;
    float: right;
}

#acciones_abajo{
    width:150px;
    height:20px;
    padding:4px;
    padding-left:200px;
    margin-left:500px;
}

td#empty{
	border:none;
}

#todo{
    font-style:normal;
    font-family:Arial, Helvetica, sans-serif;
    font-size:10px;
    background-position:center;
}

#todo1{
    font-style:normal;
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    background-image:url(css-images-blue/fondo_cont.jpg);
    background-repeat:repeat-y;
}

.opciones_menu{
    font-style:normal;
    font-family:Arial, Helvetica, sans-serif;
    font-size:10px;
    background-position:center;
    font-weight: bolder;
    color:#6B6B6B;
}

.t {
    background: url(css-images-blue/dot.jpg) 0 0 repeat-x; width: 100%;
}
.b {
    background: url(css-images-blue/dot.jpg) 0 100% repeat-x;
}
.l {
    background: url(css-images-blue/dot.jpg) 0 0 repeat-y;
}
.r {
    background: url(css-images-blue/dot.jpg) 100% 0 repeat-y;
}
.bl {
    background: url(css-images-blue/bl.png) 0 100% no-repeat;
}
.br {
    background: url(css-images-blue/br.png) 100% 100% no-repeat;
}
.tl {
    background: url(css-images-blue/tl.png) 0 0 no-repeat;
}
.tr {
    background: url(css-images-blue/tr.png) 100% 0 no-repeat; padding:8px;
}


.login_box{
    background-color:#AACCFF;
    width:600px;
    margin-top: -30px;
    margin-right: -8px;
    float: right;
    height: 30px;
    font-size: 12px;
    text-align: left;
    padding-top: 8px;
    font-weight: bolder;
    color: #000000;
}

.img_inicio{
    width: 735px;
    height: 455px;
    float: right;
    background-image: url(css-images-blue/inicio.jpg);
    margin-top: -475px;
    margin-right: -8px;
}

.text_inicio_bold{
    height:18px;
    margin-left: 50px;
    color: #2D5881;
    font-weight: bold;
    text-align: justify;
}

.text_inicio{
    height:466px;
    margin-left: 50px;
    color: #5D5955;
    font-weight: bolder;
    text-align: justify;
}

#header{
    width:1330px;
    height:60px;
    background-image: url(css-images-blue/logo_app.png);
    background-repeat: no-repeat;
}

#footer{
    float: right;
    width:227px;
    height:19px;
    background-image:url(css-images-blue/footer.jpg);
    background-repeat: no-repeat;
    margin-right: 10px;
}

#footer1{
	width:800px;
	height:35px;
	background-image:url(css-images-blue/footer_2.jpg);
    background-position: bottom right;
	}

#espacio{
	height:5px;
	background-color:#666666;
	}

#complete{
	margin-left:40px;
	margin-top:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	}

#conte{
	width:600px;
	margin-left:150px;
	margin-top:20px;
	padding-bottom:20px;
}

TABLE#abajo{
	margin-left:550px;
	margin-top:5px;
}

.required{
    background-color: #ffffb8;
}

.disabled{
    background-color:#e6e6e6;
}

div.guardar_limpiar{
	background-image:url(css-images-blue/borrar.png), url(css-images-blue/grabar.png);
	background-repeat: no-repeat;
	background-position: center left, center right;
	width: 36px;
	height: 16px;
	padding-top:100px;
	padding-left: 10px;
	margin-left:700px;
}

div.create_action{
    float:left;
    background-image:url(css-images-blue/document__plus.png);
    background-repeat: no-repeat;
    background-position: center left, center right;
    width: 16px;
    height: 16px;
    margin-left:20px;
}

div.save_action{
    float:left;
    background-image:url(css-images-blue/disk.png);
    background-repeat: no-repeat;
    background-position: center left, center right;
    width: 16px;
    height: 16px;
}

div.edit_action{
    float:left;
    background-image:url(css-images-blue/document__pencil.png);
    background-repeat: no-repeat;
    background-position: center left, center right;
    width: 16px;
    height: 16px;
}


div.delete_action{
    float:left;
    background-image:url(css-images-blue/document__minus.png);
    background-repeat: no-repeat;
    background-position: center left, center right;
    width: 16px;
    height: 16px;
}

div.showAll_action{
    float:left;
    background-image:url(css-images-blue/documents_stack.png);
    background-repeat: no-repeat;
    background-position: center left, center right;
    width: 16px;
    height: 16px;
}

div.view_action{
    float:left;
    background-image:url(css-images-blue/document.png);
    background-repeat: no-repeat;
    background-position: center left, center right;
    width: 16px;
    height: 16px;
}

div.showDetail_action{
    float:left;
    background-image:url(css-images-blue/arrow_split.png);
    background-repeat: no-repeat;
    background-position: center left, center right;
    width: 16px;
    height: 16px;
}

div.showContactos_action{
    float:left;
    background-image:url(css-images-blue/cards_address.png);
    background-repeat: no-repeat;
    background-position: center left, center right;
    width: 16px;
    height: 16px;
}

div.print{
	float:right;
	background-image:url(css-images-blue/print.png);
	background-repeat: no-repeat;
	background-position: center left, center right;
	width: 18px;
	height: 20px;
	margin-top:-30px;
	margin-right:18px;
}

div.exl{
	float:right;
	background-image:url(css-images-blue/excel.gif);
	background-repeat: no-repeat;
	background-position: center left, center right;
	width: 18px;
	height: 20px;
	margin-top:-30px;
	margin-right:36px;
}

div.pdf_all{
	float:right;
	background-image:url(css-images-blue/pdf_all.png);
	background-repeat: no-repeat;
	background-position: center left, center right;
	width: 18px;
	height: 20px;
	margin-top:-30px;
	margin-right:54px;
}

div.borderlr{
    border-left: 1px solid gray;
    border-right: 1px solid gray;

}
div.pdf_page{
	float:right;
	background-image:url(css-images-blue/pdf_page.png);
	background-repeat: no-repeat;
	background-position: center left, center right;
	width: 18px;
	height: 20px;
	margin-top:-30px;
	margin-right:72px;
}

div.pdf{
	float:right;
	background-image:url(css-images-blue/pdf.png);
	background-repeat: no-repeat;
	background-position: center left, center right;
	width: 18px;
	height: 20px;
	margin-top:-30px;
	margin-right:90px;
}

div.filtrar{
	float:right;
	background-image:url(css-images-blue/filter.png);
	background-repeat: no-repeat;
	background-position: center left, center right;
	width: 18px;
	height: 20px;
	margin-top:-30px;
	margin-right:90px;
}

div.first_page{
    float:right;
    background-image:url(css-images-blue/mas_atras.png);
    background-repeat: no-repeat;
    background-position: center left, center right;
    width: 16px;
    height: 20px;
    margin-top:8px;
    margin-right:10px;
}

div.previous_page{
    float:right;
    background-image:url(css-images-blue/atras.png);
    background-repeat: no-repeat;
    background-position: center left, center right;
    width: 16px;
    height: 20px;
    margin-top:8px;
    margin-right:10px;
}

div.pagina{
    float:right;
    background-repeat: no-repeat;
    background-position: center left, center right;
    width: 16px;
    height: 20px;
    margin-top:7px;
    margin-right:30px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:10px;
    font-style:normal;
    text-align:center;
    padding:4px;
    color:#718DAA;
    font-weight: bold;
}

div.next_page{
    float:right;
    background-image:url(css-images-blue/adelante.png);
    background-repeat: no-repeat;
    background-position:center left, center right;
    width: 16px;
    height: 20px;
    margin-top:8px;
    margin-right:10px;
}

div.last_page{
    float:right;
    background-image:url(css-images-blue/mas_adelante.png);
    background-repeat: no-repeat;
    background-position:center left, center right;
    width: 16px;
    height: 20px;
    margin-top:8px;
    margin-right:10px;
}

a:link, a:visited {
  color: #045491;
  font-weight : bold;
  text-decoration: none;
}

a:link:hover, a:visited:hover  {
  color: #999999;
  font-weight : bold;
  text-decoration : underline;
}

div.style_blue{
    float:right;
    background-color: #045491;
    background-position: center left, center right;
    width:7px;
    height:7px;
    background-image: url(css-images-blue/btn_azul.jpg);
    margin-right:10px;
}

div.style_red{
    float:right;
    background-color: #D20005;
    background-position: center left, center right;
    width:7px;
    height:7px;
    background-image: url(css-images-blue/btn_rojo.jpg);
    margin-right:10px;
}

div.style_yellow{
    float:right;
    background-color: burlywood;
    background-position: center left, center right;
    width:7px;
    height:7px;
    background-image: url(css-images-blue/btn_amarillo.jpg);
    margin-right:10px;
}

div.style_grey{
    float:right;
    background-color: grey;
    background-position: center left, center right;
    width:7px;
    height:7px;
    background-image: url(css-images-blue/btn_plomo.jpg);
    margin-right:10px;
}