/***************************************
Application:		Yturria Sistema Azul	
Filename:		resources/css/ui.css
Description:		Archivo css para enlistar los estilos referentes a la interfaz de usuario
Author:			pnarvaez
Last Modifcation by:	rmejia

Revisions

Author		Date		l		Changes Made
pnarvaez	09:00 a.m. 22/01/2010		Creación	
****************************************/
body{	
	font-family: tahoma,helvetica,Verdana !important;	
	font-size:8pt;
}

.menu td  {
	padding:0 4px;
}
.ui-state-default {
	font-size:8.5pt;	
}

.menu-selected{
	background-color:#555;
}
.menu img {	
	padding:0px;
	border:0px;		
}

.click {
	margin:0px !important;
}

.click{
 	cursor:pointer;
}

h3 {
	margin:5px;
	_margin:16px;
	*margin:16px;
	margin:16px\9;
}

.side-panel{
	border:1px solid #aaa;
	background-color:#fff;
}

.content-panel{
	border:1px solid #aaa;

}

#maindiv{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.round  { -moz-border-radius:12px; -webkit-border-radius:12px; }



.list_menu {
	list-style-type: none;
	padding:0px;
	margin: 0px;
	height:32px !important;	
}

.list_menu li {
	float:left;	
	list-style-type:none;
	vertical-align:top;
	padding:0px;
	
}

.list_menu a {	
       text-decoration: none;	
       display: block;
       padding:0px !important;
       height:30px;       
}

.list_menu img {
	margin:0px !important;	
}

a.icon {
	display:block;
	width:31px;
}
a.icon:hover {
	background-image:url(../img/ui/over.png);
	background-position:center center;
	background-repeat:no-repeat;
}

a {
	text-decoration: none;
	color: #000;
	border:none;
}

#header_navigation {
	padding:0px;
}

#header_navigation a {
	color:white;
}
#header_navigation .nav_title ul li {
	color:white;
}
img {
	border:none;
}

#header_navigation .rounded_corner .r1 {
	background:transparent url(../img/ui/shadow_navigation_top_right.png) no-repeat scroll right top;
	padding:0 8px 0 0;
}

#header_navigation .rounded_corner span {
	display:block;
}

#header_navigation .rounded_corner .r2 {
	background:#B2BADF url(../img/ui/navigation_tab_background.png) repeat-x scroll 0 0;
	padding:7px 18px 18px;	
	*padding:4px 20px 16px;
	padding:4px 20px 16px\9;
	_padding:4px 0px 16px;	
	*height:5px;
	height:5px\9;
	_height:5px;
}

#header_navigation .rounded_corner span {
	display:block;
}

#header_navigation .nav_title ul li.first {
	border-left:0 none;
	padding-right:20px;
}

#header_navigation .nav_title ul li {
	color:white;
	display:-moz-inline-stack;
	padding:2 6px;
}


#header_navigation .nav_title ul {
	list-style-type:none;
	white-space:nowrap;
}


#header_navigation .nav_title ul li {
	color:white;
	display:-moz-inline-stack;
	padding:0 6px;
}

#header_navigation .rounded_corner {
}
#header_navigation .rounded_corner .r4 {
	background:transparent url(../img/ui/shadow_navigation_bottom_right.png) no-repeat scroll right bottom;
	padding:0 8px 0 0;
}


#header_navigation .rounded_corner .r5 {
	background:transparent url(../img/ui/shadow_navigation_bottom.png) repeat-x scroll center bottom;
	padding:0 0 4px;
}

#header_navigation .rounded_corner .r6 {
	background-color:#F9F9F9;
	text-align:center;
}

#nav_user {
	position:absolute;
	right:0;
	_right:10px;
	top:0;
	z-index:1;
	margin:0px;
	width:216px;	
	*width:220px;
	width:220px\9;
	_width:220px;
	font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
	
}
.nav_title ul {
	margin:0px;
	padding:0px;	
}
 
.nav_title ul li {
	float:left;
}

#nav_menu ul {
	background-color:#F9F9F9;
	list-style-type:none;
	margin:0;
	padding:5px 1px;
	width:195px;	
	
}

#nav_menu li a.nav_dropdown img {
	vertical-align:middle;
}
#header_navigation li a.nav_dropdown:hover img {
	background-image:url(../img/ui/button_right.png);
	background-position:left center;
	background-repeat:no-repeat;
}
#header_navigation .nav_title ul li.first {
	border-left:0 none;
}

#nav_menu li a {
	color:black;
	display:block;
	padding:0 45px;
	text-decoration:none;
}

#nav_menu li a:hover {
	background:transparent url(../img/bg_tab_hover.png) repeat-x scroll 0 0;
	display:block;
}
	
div.nav_dropdown {
	background-color: #FFF;
}

.fg-button {
	cursor:pointer;
	margin:0 4px 0 0;
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:0;
	padding:0.4em 1em;
	position:relative;
	text-align:center;
	text-decoration:none !important;
}

.ul li {
	cursor:pointer;
	float:left;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:2px;
	padding:4px 0;
	position:relative;
}
li.ui-icon-li{
	list-style-image:none;
	list-style-type:none;	
}

ul span.ui-icon {
	float:left;
	margin:0 4px;
}

.fg-buttonset .fg-button {
	float:left;
}

.fg-button-icon-solo {
	display:block;
	text-indent:-9999px;
	width:4px;
	height:12px;	
}

.fg-button .ui-icon {
	left:50%;
	margin-left:-8px;
	margin-top:-8px;
	position:absolute;
	top:50%;	
}

.fg-buttonset {	
	padding-left:45px;
}

.fg-buttonset {  
	float:left;
}

.noticia_mensaje, .exito_mensaje, .precaucion_mensaje, .error_mensaje {
	position:relative;
	border: 1px solid;
	margin: 1px 0;
	padding:5px 0px 3px 50px;
	background-repeat: no-repeat;
	background-position: 10px center;	
	width:*;
	height:18px;
	font-weight:bold;	
	margin-bottom:2px;	
	width: 40%; 
}

.error_mensaje {
	color: #D8000C;
	background-color: #FFBABA;
	background-image: url('../img/error.png');
	
}

.noticia_mensaje {
	color: #00529B;
	background-color: #EAEBFF;
	background-image: url('../img/info.png');
}

.exito_mensaje {
	color: #4F8A10;
	background-color: #DFF2BF;
	background-image:url('../img/valid.png');
}

.precaucion_mensaje {
	color: #9F6000;
	background-color: #FEEFB3;
	background-image: url('../img/warning.png');
}

.cerrar_mensaje {	
	float:right;
    margin-right:12px;
    margin-top:1px;
    _position: relative;
	_margin-top: -15px;
	*position: relative;
	*margin-top: -15px;	
}

label, legend{
	font-family:Helvetica, Tahoma;
	font-size:13px;
	color:#999;
	font-weight:bold;
}

.input, select, textarea{
	font-family:Helvetica, tahoma;
	font-size:11px;
	color:#000;
	border:1px solid #aaa;
}

fieldset{
	border-color:#AAAAAA;
	border-style:dotted none;
	border-width:1px medium;
	margin-bottom:10px;
	margin-top:10px;
	/*padding-top:20px;*/
	padding-left:12px;
	_padding-left:18px;
	*padding-left:18px;
	padding-left:18px\9;
	/*padding-bottom:16px;*/
	_padding-bottom:20px;
	*padding-bottom:20px;
	padding-bottom:20px\9;	
}

.required{
	background-image:url(../img/ui/required.jpg);
	background-repeat:no-repeat;
	background-position:top right;
}


.title{
	font-family:Tahoma, Helvetica;
	font-size:28px;
	color:#fff;
}

.subtitle{
	font-family:Tahoma, Helvetica;
	font-weight:;
	font-size:20px;
	color:#aaa;
}

.session-links{
	font-family:Tahoma, Helvetica;
	font-size:11px;
	color:#aaa;
}

.text{
	font-family:Tahoma, Helvetica;
	font-size:11px;
	color:#000;
}

.instructions{
	font-family:Tahoma, Helvetica;
	font-size:11px;
	color:#000;
}

.main-header{
	font-family:Tahoma, Helvetica;
	font-weight:bold;
	font-size:18px;
	color:#fff;
}

.sub-header{
	font-family:'Trebuchet MS';
	font-weight:bold;
	font-size:14px;
	color:#aaa;
}

.side-panel-title{
	font-family:Tahoma, Helvetica;
	font-size:18px;
	color:#aaa;
	padding:10px;
}

.side-panel-text{
	font-family:Tahoma, Helvetica;
	font-size:8pt;	
	color:#000;
	padding:10px;
	text-decoration:none;
}

.advice{
	font-family:Tahoma, Helvetica;
	font-size:12px;
	color:#ff3300;
}

.currency{
	text-align:right;
}

.required-mark{
	font-family:Tahoma, Helvetica;
	font-size:13px;
	color:#ff3300;
}

.working-on{
	font-family:Tahoma, Helvetica;
	font-size:12px;
	color:#777;
}
.css_right {
	float: right;
}

.css_left {
	float: left;
}

.user_image {
	width:50px;
	height:50px;
}

.tablednd tr {
	
}

.tablednd tr td {
	background-color:#EFEFEF;
	border:1px solid #DADADA;	
}

.focus {
	background-color:#FFF7C0;	
	
	
}

.title_form {
	font-family: "Lucida Grande",Tahoma,Arial,sans-serif;
	margin: 12px;
	font-weight:bold;
	font-size:110%;
	color:#AAAAAA;
}
input[type="text"], input[type="password"], textarea {
	background:#FFFFFF url(../img/fieldbg.gif) repeat-x scroll center top;*/
	border-color:#7C7C7C #C3C3C3 #DDDDDD;
	border-style:solid;
	border-width:1px;
	background-color:#FFFFFF;
	color:#333333;
	font-size:100%;
	position:relative;
}
/*ComboBox*/
div#combobox_overlay { 
/*	required	*/	
	position: fixed;
	z-index: 99;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
	
/*	layout	*/
}
div.combobox_container {
/*	required	*/
	position: absolute;
	
/*	layout	*/
}
input.combobox_input {
/*	layout	*/	
	width: 146px;
	height: 20px;
	padding: 0 0 0 4px;
	border: 1px solid black;
	position: absolute;
}
a.combobox_button {
/*	layout	*/
	display: block;
	height: 20px;
	position: absolute;
	margin: 0 0 0 152px;
	padding: 0 5px;
	border: 1px solid black;
	border-left: 0;
	text-decoration: none;
}
ul.combobox_summary {
/*	required	*/	
	overflow-x: hidden;
	overflow-y: auto;

/*	layout	*/
	width: 146px;
	background-color: white;
	border: 1px solid black;
	border-top: 0;
	margin: 22px 0 0 0;
	padding: 2px;
	list-style: none;
	display: block;
}
ul.combobox_summary li {
/*	layout	*/	
	width: 144px;
	height: 24px;
	display: block;
	margin: 0;
	padding: 0;
}
ul.combobox_summary li a {
/*	layout	*/	
	width: 143px;
	height: 22px;
	padding: 2px 0 0 3px;
	margin: 0;
	display: block;
	text-decoration: none;
}


ul.combobox_summary li a:hover {
	background-color: #eeeeee;
	text-decoration: none;
}
/*	required when using several comboboxes below each other	*/
#combobox_container_foo1 { z-index: 103; }
#combobox_container_foo2 { z-index: 102; }
#combobox_container_foo3 { z-index: 101; }

/*Jquery Alerts*/
#popup_container {
	font-family: Arial, sans-serif;
	font-size: 12px;
	min-width: 300px; /* Dialog will be no smaller than this */
	max-width: 600px; /* Dialog will wrap after this width */
	background: #FFF;
	border: solid 5px #999;
	color: #000;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#popup_title {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	line-height: 1.75em;
	color: #666;
	background: #CCC url(../img/title.gif) top repeat-x;
	border: solid 1px #FFF;
	border-bottom: solid 1px #999;
	cursor: default;
	padding: 0em;
	margin: 0em;
}

#popup_content {
	background: 16px 16px no-repeat url(../img/info.gif);
	padding: 1em 1.75em;
	margin: 0em;
}

#popup_content.alert {
	background-image: url(../img/info.gif);
}

#popup_content.confirm {
	background-image: url(../img/important.gif);
}

#popup_content.prompt {
	background-image: url(../img/help.gif);
}

#popup_message {
	padding-left: 48px;
}

#popup_panel {
	text-align: center;
	margin: 1em 0em 0em 1em;
}

#popup_prompt {
	margin: .5em 0em;
}
/* Tabletools*/

* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * TableTools styles
 */
.TableTools {
	padding: 3px 0 3px 3px;
	border: 1px solid #d0d0d0;
	background-color: #f0f0f0;
	float: right;
	margin-bottom: 1em;
}

.TableTools_button {
	position: relative;
	float: left;
	margin-right: 3px;
}

.TableTools_csv {
	background: url(../img/csv.png) no-repeat center center;
	border: 1px solid #f0f0f0;
}

.TableTools_csv_hover {
	background: url(../img/csv_hover.png) no-repeat center center;
	border: 1px solid #d0d0d0;
	background-color: #fdfdfd;
}

.TableTools_xls {
	background: url(../img/xls.png) no-repeat center center;
	border: 1px solid #f0f0f0;
}

.TableTools_xls_hover {
	background: url(../img/xls_hover.png) no-repeat center center;
	border: 1px solid #d0d0d0;
	background-color: #fdfdfd;
}

.TableTools_clipboard {
	background: url(../img/copy.png) no-repeat center center;
	border: 1px solid #f0f0f0;
}

.TableTools_clipboard_hover {
	background: url(../img/copy_hover.png) no-repeat center center;
	border: 1px solid #d0d0d0;
	background-color: #fdfdfd;
}

.TableTools_print {
	background: url(../img/pdf_opaco.png) no-repeat center center;
	border: 1px solid #f0f0f0;
	width:26px;
	height:26;
}

.TableTools_print_hover {
	background: url(../img/pdf.png) no-repeat center center;
	border: 1px solid #d0d0d0;
	background-color: #fdfdfd;
	cursor: hand;
	cursor: pointer;
}

.TableTools_PrintInfo {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 400px;
	height: 150px;
	margin-left: -200px;
	margin-top: -75px;
	text-align: center;
	background-color: #3f3f3f;
	color: white;
	padding: 10px 30px;	
	opacity: 0.9;	
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
}

.TableTools_PrintInfo h6 {
	font-weight: normal;
	font-size: 28px; 
	line-height: 28px;
	margin: 1em;
}

.TableTools_PrintInfo p {
	font-size: 14px;
	line-height: 20px;
}
.color_1 {
	background-color:#EFEFEF;
}
.color_2 {
	background-color:#FFF;
}

.normal {
	border:1px solid #AAAAAA !important;
	display: inline;
	
}
.cufon_h2 {
	font-size:4em;
	padding:0 !important;
}

.divpath {
	background:none repeat scroll 0 0;
	border:1px solid #E9E9E9;	
	margin:0 0 1em;
	padding:0.5em 0.2em;
	text-align:left;
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px;
	border-radius:4px;
}
.divpath ul {
	display:inline;
	margin-left:0;
	padding-left:0;
	line-height:1.5em;	
	list-style-type:square;
	margin:0.3em 0 0 1.5em;
	padding:0;
}

.divpath ul li {
	border-left:1px solid #E4E4E4;
	display:inline;
	list-style:none outside none;
	margin-left:0;
	padding:0 0.7em;
}

.divpath ul li.firstpath {
	border-left:medium none;
	display:inline;
	list-style:none outside none;
	margin-left:0;
	padding-left:0;
}

.icon-close {
	background-image : url(../img/close.png);
	backround-reapeat:no-repeat;
	height:20px;
	width:20px;	
	cursor:pointer;
	cursor:hand\9;
}

.TableTools_PrintMessage { 
	font-size:13px;
	margin-bottom:8px;
	margin-top:8px;
}

.progress_image_complete {
	background-image:url(../img/ui/progressbg_green.gif);
	background-position:0 50%;
	margin:0;
	padding:0;
}

.progress_image_enProgreso  {
	background-image:url("../img/ui/progressbg_red.gif");
	background-position:0 50%;
	margin:0;
	padding:0;
}

.loading_message  {
	background-color:#FFF;
	font-weight:bold;
	padding:4px;
	position:absolute;
	left:0;
    top:0;
	z-index:1007;
}

.bgtransparent{
        position:absolute;
        left:0;
        top:0;
        background-color:#000000;
        opacity:0.65;
        filter:alpha(opacity=65);
        z-index:1005;       
}

.bgmodal{
        position:absolute; 
        font-family:arial;
        font-size:1em;
        border:0.05em solid black;
        overflow:auto;
        left:0;
        top:0;
        background-color:#fff;       
}

/*Tooltip*/

#tooltip { 
    display:none; 
    background:transparent url(../img/ui/black_arrow.png); 
    font-size:12px; 
    height:50px; 
    width:160px; 
    padding:25px; 
    color:#fff;
    z-index:1000;     
}

#tooltip.bottom { 
    background:url(../img/ui/black_arrow_bottom.png);     
    padding-top:40px; 
    height:55px; 
} 
 
#tooltip.bottom { 
    background:url(../img/ui/black_arrow_bottom.png); 
}

.tooltip .label { 
    color:yellow; 
    width:35px; 
} 
 
.tooltip a { 
    color:#ad4; 
    font-size:11px; 
    font-weight:bold; 
}
strong {
	font-weight:bold;
	font-size: 12px;
}

.usuario_border {
	background: url(../img/ui/usuario-border.png) transparent scroll repeat 0% 0%;
	padding:6px; 
}
align_left {
	text-align:left;
}
td.ot {
	background:url("../img/testsidebar.jpg") repeat-y scroll right center #F7F7F7;
	border-bottom:1px solid #DEDEDE;
	border-left:1px solid #DEDEDE;
	border-right:1px solid #DEDEDE;
	color:#545454;
	padding-left:10px;
	padding-right:10px;
	white-space:nowrap;
}
td.poliza {
	background:url("../img/testsidebar.jpg") repeat-y scroll right center #F7F7F7;	
	/*color:#545454;*/
	padding-left:10px;
	padding-right:10px;
	white-space:nowrap;
}

.border {	
	border-bottom:1px solid #DEDEDE;
	border-left:1px solid #DEDEDE;
	border-right:1px solid #DEDEDE;
	padding-left:10px;
	padding-right:10px;
}
tr.comentario_nuevo {
	background-color:#FEFF8F;
}

.tdCentrado {
	text-align: center;
}

.borderBlack {
	border: 1px solid #000;
}

.font-weight {
	font-weight: bold;
}

.borderBottom{
	border-bottom : 1px solid #000;		
}
.borderLeft {
	border-left : 1px solid #000;
}

.borderRight {
	border-right : 1px solid #000;
}

.borderTop{
	border-top : 1px solid #000;
}

.noPadding {
	padding:0;
}

.borderTopRightBottom {
	border-top : 1px solid #000;
	border-right : 1px solid #000;
	border-bottom : 1px solid #000;	
}
.vAlignTop {
	vertical-align: top;
}

td.padding-left {
	padding-left:6px;
}

td.cotizacion {
	padding-top:7px;
}

td.cotizacion-bottom {
	padding-bottom:7px;
}

a.active {
	color: red;
}

#calendarioTasks td.date_has_event {
	background-position: 162px 0px;
	color: white;
}
#calendarioTasks td.date_has_event:hover {
	background-position: 162px -81px;
}
#calendarioTasks td.padding {
	background: url(../img/calpad.jpg);
}
#calendarioTasks  td.today {
	background-position: 81px 0px;
	color: #FFF;
}
#calendarioTasks td.today:hover {
	background-position: 81px -81px;
}
.events {
	position: relative;
}
.events ul {
	text-align: left;
	position: absolute;
	display: none;
	z-index: 1000;
	padding: 15px;
	background: #E7ECF2;
	color: white;
	border: 1px solid white;
	font-size: 15px;
	width: 400px; 
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	-border-radius: 3px;
	list-style: none;
	color: #444444;
	-webkit-box-shadow: 0px 8px 8px #333;
}

.events li span {
	display: block;
	font-size: 9pt;
	text-align: justify;
	color: #555;
}
.events li span.title {
	font-weight: bold;
	color: #222;
	margin:0;
	padding:0px;
}
.events li span.desc{
	width: 345px;
	word-wrap: break-word; 
}
#calendarioTasks th a{
	text-decoration:none;
	font-size:120%;
	font-weight:bold;
	color: #000;
	outline-width:0;
}

#calendarioTasks  table {
	border-collapse: separate;
	border: 1px solid #9DABCE;
	border-width: 0px 0px 1px 1px;
	margin: 10px auto;
	font-size: 20px;
}
#calendarioTasks td, #calendarioTasks th {
	width: 81px;
	height: 81px;
	text-align: center;
	vertical-align: middle;
	background: url(../img/cells.png);
	color: #444;
	position: relative;
	font-weight: bold;
}

#calendarioTasks th {
	height: 30px;
	font-weight: bold;
	font-size: 14px;
}
#calendarioTasks  td:hover, th:hover {
	background-position: 0px -81px;
	color: #222;
}

#sinEstilo {
	width:100%;
	border-collapse:separate;
	border-color: none !important;
	border-style:none !important;
	border-width:0 0 0px 0px;
	font-size:9pt !important;
	margin: 0 !important;
}


#sinEstilo td {
	width: 100%;
	height: 100%;
	text-align: left;
	vertical-align: middle;
	background: none;
	border:none;

}

.cancelado{
	background-color: #FF8F8F;
}

.cancelado a {
	color: #FFF;
}

.padding_cheque {
	padding: 6px;
}

table.displayReporte {
	clear:both;
	margin:0 auto;
	width:100%;
}

table.displayReporte td {
	padding:5px 10px;
	border:1px solid;
	font-weight:normal;
}

#columns .column  {
	list-style:none; 
}

.column { width: 400px; float: left; padding-bottom: 100px; }
.portlet { margin: 0 1em 1em 0; }
.portlet-header { padding-bottom: 4px; padding-left: 0.6em; padding-top:0.6em;  }
.portlet-header .ui-icon { float: right; }
.portlet-content { padding: 0.8em; }
.portlet-content table td {border-top:1px solid #CCCCCC; padding:2px 4px; vertical-align:middle;}	
.ui-sortable-placeholder { border-bottom: 1px dotted black; visibility: visible !important; height: 50px !important; }
.ui-sortable-placeholder * { visibility: hidden; }
.disabled_input {
	background: #EBEBE4 !important;
	border: 1px solid #919191;
}


.fieldset-new{
	margin: 0;
	padding: 10;
	border: 1px solid #AAAAAA;
	border-radius: 4px;
}
.fieldset-new legend{
	margin-left: 10px; 
}