/* CSS Document */
body{
	position:relative;
	margin: 0;
	padding: 0;
	background:#FFFFFF;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#555555;
	background:url(../img/body_bg.jpg) left top repeat-x #FFF ;
	scrollbar-face-color:#cbcbcb;
	scrollbar-highlight-color:#cbcbcb;
	scrollbar-3dlight-color:#cbcbcb;
	scrollbar-darkshadow-color:#CCC;
	scrollbar-shadow-color:#c4dc99;
	scrollbar-arrow-color:#FFF;
	scrollbar-track-color:#ededed;		

}

h3{
	font-family:"Trebuchet MS";
	color:#7dad2c;
	font-weight:bold;
	font-size:14px;
	text-align:right;
	padding-right:18px;
	margin: 0;
	
	
}

div#canvas{
	width:900px;
	margin:0px auto 0px auto;
}

div#header{
	height:125px;
	width:100%;
	display: none;
}

div#headerContent{
	position:relative;
	width:850px;
	height:100%;
	margin: 0 auto 0 auto;
	background:url(../img/logo.jpg) center top no-repeat;
	display:block;
}

div#systemName{
	float:right;
	color:#000;
	margin-top:5px;
	color:#999999;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

div#menuBox{
	display:inline;
	float:left;
	background:url(../img/menu_bg_deg.gif) left top repeat-x;
	margin-top:65px;
	display: none;
}


div#menuBoxTop{
	display:block;
	width:157px;
	height:19px;
	background:url(../img/menu_box_top.gif) left top no-repeat;
}

div#menuBoxBottom{
	display:block;
	width:157px;
	height:29px;
	background:url(../img/menu_box_bottom.gif) left top no-repeat;
}

div#menuBox a{
	height:33px;
	width:150px;	
	padding-left:20px;
	text-transform:capitalize;
	line-height:34px;
	text-decoration:none;
	color:#628e0c;
	font-weight:bold;
	margin-left:1px;
	background:url(../img/op_dot.gif) 2px 50% no-repeat;

}

div#menuBox a.selected{	
	background:url(../img/op_dot_sel.gif) left 50% no-repeat;
	color:#577d0c;
	padding-left:20px;
}

div#content{
	display:inline;
	float:left;
	width:700px;
	margin:0px auto 0px 25px;
	background:#FFF;
}

div#content a{
	text-decoration:none;
	font-size:10px;
	color:#333333;
}
div#content a:hover{
	text-decoration:underline;

}


div#contentBox{
	position:relative;
	width:100%;
	margin: 0 auto 0 auto;
	display:block;
	padding-top:0px;
	padding-bottom:5px;
	background:#FFFFFF;
}


div#footer{
	float:left;
	height:35px;
	width:100%;
	margin-top:25px;
	font-size:10px;
	color:#000000;
	line-height:35px;
	text-align:right;
	display: none;
}

p.tituloSeccion{
	font-size:20px;
	font-weight:bold;
}

div#toolsMenu{
/*	display:block;*/
	margin:0 auto;
	display:table;
	text-align: center;

}

div.shrinkwrap{
	width:320px;
	margin:0 auto 0 auto;
	text-align:center;

}

div#toolsMenu ul{	
	padding:0;
	list-style-type:none;
	text-transform:capitalize;
	color:#FFF;
}

div#toolsMenu ul li{
	float:left;
	height:25px;
	line-height:22px;
	display:block;
	background:url(../img/tools_center.gif) left top repeat-x;
	padding-left:10px;
	padding-right:10px;
	text-transform:uppercase;

}

div#toolsMenu ul li.final{
	background:url(../img/tools_right.gif) left top no-repeat;
	height:25px;
	width:6px;
}

div#toolsMenu ul li.inicial{
	background:url(../img/tools_left.gif) right top no-repeat;
	height:25px;
	width:6px;
}

div#toolsMenu ul li a{
	text-decoration:none;
	color:#FFF;
}
div.informacion-de-error {
	color: red;
	font-weight: bold;
	text-align: center;
	padding-top:5px;
}
div.informacion-al-usuario {
	background:transparent url(../img/check.gif) no-repeat scroll left center;
	color:#7DAD2C;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:12px;
	font-weight:bold;
	line-height:1.6em;
	padding-left:20px;
	text-align:left;
}
div#help{
	display:none;
}

table {
	margin-bottom:5px;
	border-collapse:collapse;
}



table th {
	background:#eeeeee;
	border-left:1px solid #FFF;
	padding:5px;
	text-align:center;
	font-size:11px;
	color:#555555;
}
table td {
	border-bottom: 1px dashed #CCC;
	border-left:1px solid #FFF;
	text-align:left;
	padding:3px;
}

table tr:hover{
	background:#f8f8f8;
	border-bottom: 1px dashed #CCC;
}

table.neta td {
	border-bottom:none;
	border-left:none;
	text-align:center;
	font-size:10px;
	padding:3px;
}

table.neta tr:hover{
	background:none;
	border-bottom: none;
}
.floatimg {
	border: none;
	/* float:left;
	clear:left; */
}


a.columnHeaderOrderUp{
	/*background:url("../img/styles/orderArrowsUp.jpg") no-repeat right;*/
	height:20px;
	width:30px;
	margin:0px auto 0px auto;
	text-decoration:none;
	color:#333333;
}

a.columnHeader{
	text-decoration:none;
	font-size:10px;
	color:#333333;
}
a.columnHeader:hover {
	text-decoration:underline;
	color:#333333;
}

img.imgOrderHeader{
	border:0px;
	vertical-align: middle;
	padding-left:5px;
}
a img { border: 0 }

.linkLogo{
display:block;
width:100px;
height:14px;
background:url(../img/pow.gif) no-repeat left;
float:right;
margin-right:100px;
}


div#output{
	font-family:monospace;
	font-size:12px;
	width:700px;
	height:200px;
	margin:10px auto 10px auto;
	overflow:scroll;
}

ul#pagination{
	padding:0px;
	display:inline;
	font-size:14px;
}

ul#pagination li{
	display:inline;
}

ul#pagination a{
	font-family:"Trebuchet MS";
	text-decoration:none;
	color:#5b880f;
	font-weight:bold;
}

ul#pagination a:hover{
	text-decoration:underline;
}

ul#pagination a:hover{	
	text-decoration:underline;
	color:#333333;	
}

.paginationCurrent{
	color:#0d52a1;
	font-weight:bold;
	font-size:10px;
	margin:0 10px 0 10px;	
}
.paginationContainer{
	width:675px;
	text-align:right;
	margin:0px 0px 0px auto;
	padding:5px;
	border-right: 15px solid #0091cf;
	
}

.contentList{
	width:100%;
	height:auto;
	min-height:382px;
	overflow-x:scroll;
	border-right:1px solid #E5E5E5;
	border-left:1px solid #E5E5E5;
	padding:0px 1px 0px 1px;
	margin-top: 10px; 	
}

.paginationTotal{
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#0d52a1;
}

/*
campo de la fecha en los listados
*/
.timeField{
	font-family:"Arial Narrow";

}

div.accessDenied{
	font-size:11px;
	color:#CC3300;
	font-weight:bold;
	text-align:center;


}
table#loginTable td { 
	border: 0px;
	margin: 0; 
	padding: 2px;
}

/*USER DETAIL/NEW */
.usuario-no-disponible { padding-left: 10px; color: red; }
.passwordmeter { padding-left: 10px; color: #888; }
#passwordStrength { position: relative; margin: 10px 0 0 180px; height: 5px; }
.muy-debil { position: relative; background: #f00; width: 30px; }
.debil { background: #ff0; width: 60px;  }
.aceptable { background: #0b0; width: 90px;  }
.fuerte { background: #0f0; width: 120px; }
.password-equals { padding-left: 10px; color: blue; }
div.info { color: #888; margin: 10px 15px 15px 15px; }