a, a:active, a:link, a:visited { text-decoration:none; color: #069; }
a:hover { text-decoration: underline; color: #C00; }
#logo { font-size:24px; font-style:italic; font-weight:normal; color:white; line-height:69px; }
#header { background:url(../images/bg_header_blue.gif) left top no-repeat; height:123px; }
#content { background:url(../images/bg_content.gif) left top repeat-x #FFFFFF; width:938px !important; border-left:1px solid #9c9c9c; border-right:1px solid #9c9c9c; border-bottom:1px solid #9c9c9c; padding: 10px 0px;}
#textcontent { padding:10px !important; width:900px !important; }
#wrapper { padding-bottom:10px !important; background:url(../images/bg_content_bottom.gif) center bottom no-repeat; }
#footer { text-align:center; padding:15px 0px; color: #666; font-size:11px; }
.hidden { display:none; }
.text { padding:10px 15px; }
.nopadding { padding:0px !important; }
.floatLeft { float:left; }
.floatRight { float:right; }
a.edit_icon { background:url(../images/icons/edit.gif) no-repeat left top; display:inline-block; width: 16px; height:16px; }
a.delete_icon { background:url(../images/icons/action_delete.gif) no-repeat left top; display:inline-block; width: 16px; height:16px; }
a.approve_icon { background:url(../images/icons/action_check.gif) no-repeat left top; display:inline-block; width: 16px; height:16px; }
a.reject_icon { background:url(../images/icons/action_remove.gif) no-repeat left top; display:inline-block; width: 16px; height:16px; }
a.edit_inline { background:url(../images/icons/edit.gif) no-repeat left top; display:inline-block; line-height:16px; color: #069 !important; font-size:10px; padding-left:20px; margin-right:5px; }
a.delete_inline { background:url(../images/icons/action_delete.gif) no-repeat left top;	display:inline-block; line-height:16px; color: #D23333 !important; font-size:10px; padding-left:20px; margin-right:5px; }
a.reject_inline { background:url(../images/icons/action_remove.gif) no-repeat left top;	display:inline-block; line-height:16px; color: #D23333 !important; font-size:10px; padding-left:20px; margin-right:5px; }
a.approve_inline { background:url(../images/icons/action_check.gif) no-repeat left top;	display:inline-block; line-height:16px; color: #5a801b !important; font-size:10px; padding-left:20px; margin-right:5px; }
.news_items li { margin-left:15px; }
/*******************************************************************************
  HEADING CLASSES
*******************************************************************************/
h1 { font-size:22px; color: #1b486a; display: block; margin-top: 10px;}
h1.dashboard { background:url(../images/icon_dashboard_small.gif) left 3px no-repeat; padding-left:35px;}
h1.content_edit { background:url(../images/icon_content_small.gif) left 3px no-repeat; padding-left:35px;}
h1.catalogos { background:url(../images/catalogos_small.png) left 3px no-repeat; padding-left:35px;}
h1.clientes { background:url(../images/clientes_small.gif) left 3px no-repeat; padding-left:35px;}
h1.cuentas { background:url(../images/icon_content_small.gif) left 3px no-repeat; padding-left:35px;}
h1.reportes { background:url(../images/icon_reports_small.gif) left 3px no-repeat; padding-left:35px;}
h1.cotizaciones { background:url(../images/cotizaciones_small.png) left 3px no-repeat; padding-left:35px;}
h1.vencimientos { background:url(../images/vencimientos_small.png) left 3px no-repeat; padding-left:35px;}
h1.ordenes { background:url(../images/orders_small.png) left 3px no-repeat; padding-left:35px;}
h1.facturacion { background:url(../images/invoice_small.png) left 3px no-repeat; padding-left:35px;}
h1.config { background:url(../images/icon_settings_small.gif) left 3px no-repeat; padding-left:35px;}
h1.prospect { background:url(../images/icons_prospect_small.png) left 3px no-repeat; padding-left:35px;}
h2 { font-size:18px !important; }
h3 { font-size: 13px !important; }
/*******************************************************************************
  EVENTBOX (title -> rightbox)
*******************************************************************************/
#eventbox {
	font-size:11px;
	text-align:right;
	margin-top: 10px;
	line-height:35px;
	width: 375px !important;
	position:relative;
}
#eventboxLeft{
	font-size:11px;
	text-align:left;
	margin-top: 10px;
	line-height:35px;
	width: 375px !important;
	position:relative;
}
a.inline_calendar { padding-left:21px; background:url(../images/icons/calendar.gif) no-repeat left top; }
a.inline_tip { padding-left:21px; background:url(../images/icons/lightbulb_off.gif) no-repeat left top; }
.hidden_calendar { position:absolute; top:35px; right:20px; width:200px; height:200px; display:none; }
.hidden_calendar { line-height:normal !important;}
.hidden_calendar .ui-datepicker .ui-datepicker-prev span, .hidden_calendar .ui-datepicker .ui-datepicker-next span {
	text-indent:-99999px !important;
}
/*******************************************************************************
  USER TOOLS
*******************************************************************************/
#user_tools {
	background:url(../images/bg_usertools_right.gif) right top no-repeat;
	height:34px;
	padding-right:9px;
	float:right;
}
#user_tools span {
	background:url(../images/bg_usertools_left.gif) left top no-repeat #000000;
	height:34px;
	padding-left:9px;
	line-height: 34px;
	font-size:10px;
	color: #b0b0b0;
	display:block;
	float:right;
}
#user_tools a { color: #FFF; text-decoration:none; }
#user_tools a:hover { text-decoration:underline; }
#user_tools a.mail { background: url(../images/icon_mail_small.gif) left 2px no-repeat; padding-left:17px; margin-right:5px; }
#user_tools a.mail:hover { text-decoration:none !important; }
.dropdown { background:url(../images/arrow_mini_down.gif) no-repeat right 3px; padding-right:13px; }
#colorchanger { z-index: 8; display: none; position:absolute; color: white; top:33px; right:35px; border-left:1px solid #333; border-right: 1px solid #333; background:black; width:100px;}
#colorchanger a { padding:5px; border-bottom:1px solid #333; color: #FFF; display: block; font-size: 10px; text-decoration:none; }
#colorchanger a:hover { background: #222; }
#colorchanger span.redtheme { background: url(../images/bullet_red.gif) left 0px no-repeat; padding-left:16px;  }
#colorchanger span.bluetheme { background: url(../images/bullet_blue.gif) left 0px no-repeat; padding-left:16px; }
#colorchanger span.greentheme { background: url(../images/bullet_green.gif) left 0px no-repeat; padding-left:16px; }
/*******************************************************************************
  MENU
*******************************************************************************/
#menu {
	float: left;
}
#menu ul.group {
	margin: 12px 0px 0px 14px;
	padding: 0px 0px 0px;
	list-style: none;
	float: left;
	z-index:4;
}
#menu ul.group li {
	display: inline;
	float: left;
	position: static;
	z-index: 5;
	margin-left:0px !important;
}
#menu ul.group li a {
	display: block;
	float: left;
	height: 100px;
	width: 114px;
	overflow:hidden;
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
	color: white;
	text-decoration:none;
	text-align:center;
	z-index:6;
}
#menu ul.group li a * {
	cursor: pointer;
}
#menu ul.group li a span.outer {
	display: block;
	height: 90px;
	padding-top: 10px
}
#menu ul.group li a span.inner {
	display: block;
	padding: 55px 10px 9px 10px;
	white-space: nowrap;
	background-repeat: no-repeat;
	background-position: 50% 3px;
}
#menu ul.group li a {
	background:url('../images/navigation_background_blue.gif') repeat-x top left;
}
#menu ul.group li.first a {
	background:url('../images/navigation_first_blue.gif') no-repeat top left;
}
#menu ul.group li.last a {
	background:url('../images/navigation_last_blue.gif') no-repeat top right;
}
#menu ul.group li.last a span.inner {
	border: none !important;
}

#menu ul.group li a:hover, #menu ul.group li a.hover {
	background-position: bottom left;
	text-decoration: none;
}
#menu ul.group li.last a:hover, #menu ul.group li.last a.hover  {
	background-position: bottom right;
}
#menu ul.group li a.current {
	background-position: bottom left;
	text-decoration: none;
}
#menu ul.group li.last a.current  {
	background-position: bottom right;
}
#menu ul.group li.first a.current  {
	background-position: bottom left;
}

#menu ul.group li a span.inner {
	border-right: 1px solid #6b6b6b;
}
#menu ul.group li a:hover span.inner {
	border-right: 1px solid #6b6b6b;
}
#menu ul.group li a.more {
}
#menu .additional a span {
  	border-right:1px solid #DFDCBB;
}
#menu .dashboard { background-image: url(../images/icon_dashboard.png); background-repeat: no-repeat;  }
#menu .content { background-image: url(../images/icon_edit.png); background-repeat: no-repeat;  }
#menu .reports { background-image: url(../images/icon_reports.png); background-repeat: no-repeat;  }
#menu .balance { background-image: url(../images/balance.png); background-repeat: no-repeat;  }
#menu .users { background-image: url(../images/icon_users.png); background-repeat: no-repeat;  }
#menu .media_library { background-image: url(../images/company.png); background-repeat: no-repeat;  }
#menu .vencimientos { background-image: url(../images/vencimientos.png); background-repeat: no-repeat;  }
#menu .orders { background-image: url(../images/orders.png); background-repeat: no-repeat;  }
#menu .invoice { background-image: url(../images/invoice.png); background-repeat: no-repeat;  }
#menu .cotizaciones { background-image: url(../images/folios.png); background-repeat: no-repeat;  }
#menu .catalogos { background-image: url(../images/catalogos.png); background-repeat: no-repeat;  }
#menu .event_manager { background-image: url(../images/sales.png); background-repeat: no-repeat;  }
#menu .newsletter { background-image: url(../images/icon_news.png); background-repeat: no-repeat;  }
#menu .settings { background-image: url(../images/settings_48.png); background-repeat: no-repeat;  }
#menu .prospect { background-image: url(../images/prospect.png); background-repeat: no-repeat;  }
#hidden_submenu {
	background:#FFF;
	padding:10px;
	display:none;
	width:918px !important;
	border-left: 1px solid #9C9C9C;
	border-right: 1px solid #9C9C9C;
	border-bottom: 1px solid #CCC;
}
#hidden_submenu .more_menu { float:left; margin: 10px 5px; }
#hidden_submenu .more_menu li { margin-left: 30px; }
/*******************************************************************************
  TABS
*******************************************************************************/

#tabs {
}

#tabs .container {
	height: 25px;
	padding-top: 8px;
	border-left: 1px solid #6b6b6b;
	border-right: 1px solid #6b6b6b;
	border-bottom: 1px solid #6b6b6b;
	width: 938px !important;
	background: #eee;
}

#tabs ul {
	margin: 0px 0px 0px 10px;
	padding: 0px;
	list-style: none;
}

#tabs ul li {
	display: inline;
}

#tabs ul li a {
	font-family:Arial, Helvetica, sans-serif;
	display: block;
	float: left;
	height: 25px;
	margin-right: 3px;
	font-size: 11px;
	font-weight: bold;
	overflow: hidden;
	border-bottom: 0px;
	background: #DEDEDE;
	text-decoration:none;
	color:#FFF;
}
#tabs ul li a:visited {
	text-decoration: none;
	color:#FFF;
}
#tabs ul li a:hover {
	text-decoration: underline;
	background-color: #FFFFFF;
}

#tabs ul li a span {
	height: 20px;
	padding: 0px 10px;
	display: block;
	padding-top: 5px;
	cursor: pointer;
	white-space: nowrap;
}

#tabs ul li a.current {
  color: #1b486a;
}
#tabs ul li.first a span {
  padding-left: 15px;
  padding-right: 15px;
}
#tabs {
	background: #6b6b6b;
}

#tabs .container {
	background:url('../images/tabs_bg.gif') repeat-x left top;
	border-bottom: none;
}

#tabs ul li a {
	background: url('../images/tabs_left.gif') no-repeat left top;
	border: 0px;
}

#tabs ul li a span {
	background: url('../images/tabs_right.gif') no-repeat right top;
}

#tabs ul li a.current {
  background-position: left bottom;
}

#tabs ul li a.current span {
	background-position: right bottom;
}
#tabs ul li a.tempoff {
  background-position: left top;
}

#tabs ul li a.tempoff span {
	background-position: right top;
}

#tabs ul li.first a{
  color: #1b486a !important;
}
/*******************************************************************************
  PORTLETS AND GRID
*******************************************************************************/
#portlets { padding:0px 10px; }
.column { width: 450px; float: left; padding-bottom: 0px; }
.column#left { margin-right:17px; }
.portlet { margin: 0 0em 1em 0; }
.portlet-header { margin: 0em; padding-bottom: 5px; padding-left: 6px; padding-top:4px; padding-right:6px; font-size:12px; border: none !important; color: #333 !important; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; cursor:move; }
.portlet-header .ui-icon { float: right; cursor:pointer; }
.portlet-header img { float:left; margin-right:5px; }
#portlets .fixed { cursor:auto; }
.portlet-content { padding: 0.8em; font-size:12px !important; color: #333; border-top:1px solid #999 !important; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }
.ui-sortable-placeholder { border: 1px dashed #999 !important; visibility: visible !important; height: 100px !important; background: #EBEBEB;}
.ui-sortable-placeholder * { visibility: hidden; }

/*******************************************************************************
  Informational Messages
*******************************************************************************/
.info  {
	display: block;
	background: url('../images/informationbar_right.gif') no-repeat right top;
	height: 30px;
	overflow: hidden;
	margin-top: 5px;
	margin-bottom:10px !important;
	padding: 0px !important;
	font-size: 12px !important;
	font-weight: bold;
	cursor: pointer;
	border: 0px;
	font-style: italic;
}
.info .info_inner {
  display: block;
  height: 30px;
  padding: 6px 10px 0px 35px;
}
#success .info_inner {
  color: #5a801b;
  background: url('../images/icon_success.gif') no-repeat left top;
  border: 0px;
}
#warning .info_inner {
	color: #E89326;
	background: url('../images/icon_warning.gif') no-repeat left top;
	border: 0px;
}
#error .info_inner {
	color: #C00;
	background: url('../images/icon_error.gif') no-repeat left top;
	border: 0px;
}
#info .info_inner {
	color: #4985B2;
	background: url('../images/icon_info.gif') no-repeat left top;
	border: 0px;
}
/*******************************************************************************
  TABLE DESIGN
*******************************************************************************/
#box-table-a {
	font-size: 12px;
	margin: 0px;
	text-align: left;
	border-collapse: separate;
	border-bottom:none;
}
#box-table-a th {
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
/*	background: #EFEFEF;
*/	border-top: 1px solid #FFF;
	color: #333;
	text-align: center;
}
#box-table-a td {
	padding: 8px;
	background: none;
	border-top: 1px solid #CCC;
	color: #666;
	border-bottom: none !important;
}

#box-table-a tr:hover td {
	background: #FBFBFB;
	color: #333;
}
#box-table-a tr.footer { background: none !important; }
#box-table-a tr.footer:hover td { background: none !important;  }

/*******************************************************************************
  TABLE DESIGN
*******************************************************************************/
.box-table-b {
	font-size: 12px;
	margin: 0px;
	text-align: left;
	border-collapse: separate;
	border-bottom:none;
}
.box-table-b th {
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
	background: #EFEFEF;
	border-top: 1px solid #FFF;
	color: #333;
	text-align: center;
}
.box-table-b td {
	padding: 8px;
	background: none;
	border-top: 1px solid #CCC;
	color: #666;
	border-bottom: none !important;
}
.box-table-b tr.footer { background: none !important; }
.box-table-b tr.footer:hover td { background: none !important;  }

#box-table-b {
	font-size: 12px;
	margin: 0px;
	text-align: left;
	border-collapse: separate;
	border-bottom:none;
}
#box-table-b th {
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
	background: #EFEFEF;
	border-top: 1px solid #FFF;
	color: #333;
	text-align: center;
}
#box-table-b td {
	padding: 8px;
	background: none;
	border-top: 1px solid #CCC;
	color: #666;
	border-bottom: none !important;
}

#box-table-b tr.footer { background: none !important; }
#box-table-b tr.footer:hover td { background: none !important;  }

/*******************************************************************************
  TABLE DESIGN
*******************************************************************************/
.box-table-a {
	font-size: 12px;
	margin: 0px;
	text-align: left;
	border-collapse: separate;
	border-bottom:none;
}
.box-table-a th {
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
	background: #EFEFEF;
	border-top: 1px solid #FFF;
	color: #333;
	text-align: center;
}
.box-table-a td {
	padding: 8px;
	background: none;
	border-top: 1px solid #CCC;
	color: #666;
	border-bottom: none !important;
}
.box-table-a tr:hover td {
	background: #FBFBFB;
	color: #333;
}
.box-table-a tr.footer { background: none !important; }
.box-table-a tr.footer:hover td { background: none !important;  }

/*******************************************************************************
  PAGINATION
*******************************************************************************/
.pagination { border:0; margin:0; padding:0; font-size:10px; }
.pagination a { border:solid 1px #DEDEDE; margin-right:2px; }
.pagination .previous-off, .pagination .next-off { color:#888888; display:inline-block; font-weight:normal; padding:3px 4px; }
.pagination .next a,.pagination .previous a { font-weight:bold; border:solid 1px #FFFFFF; }
.pagination .active{ color:#000000; font-weight:bold; display:inline-block; padding:4px 6px; }
.pagination a:link, .pagination a:visited { display:inline-block; padding:3px 6px; text-decoration:none; }
.pagination a:hover{ text-decoration:none; border: 1px solid #999; }

/*******************************************************************************
  FORMS
*******************************************************************************/
form label { display:block !important; line-height:normal !important; margin: 5px 0px;  font-size:12px;	font-weight:bold; }
input[type=text] { display:block !important; }
textarea { display:block; }
.smallInput { padding:3px 3px; border:1px solid #999; background:#FFFFE6; font-size:12px !important; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif !important; color: #333 !important; font-style:italic; }
.largeInput { padding:6px 5px; border:1px solid #999; background:#FFFFE6; font-size:15px !important; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif !important; color: #333 !important; }
form .small { width:150px; }
form .medium { width:350px; }
form .medium2 { width:300px; }
form .wide { width:890px; }
form .wide2 { width:670px; }
.button {
  margin: 0px;
  padding: 0px !important;
  border: 0px;
  background: transparent url('../images/but_right_blue.gif') no-repeat scroll top right;
  color: #1b486a;
  display: inline-block;
  height: 29px;
  margin-right: 6px;
  padding-right: 12px !important;
  text-decoration: none;
  overflow: hidden;
  font-size: 12px;
  outline: none !important;
  cursor: pointer;
  font-weight: bold;

}
.button span {
  background: url('../images/but_left_blue.gif') no-repeat left top;
  display: block;
  line-height: 29px;
  padding: 0px 0px 0px 12px;
  outline: none !important;
  float:left;

}
.button:hover {
  background-position: right bottom;
  text-decoration:none !important
}
.button:hover span {
  background-position: left bottom;
  color: #1b486a;
}
.button_grey {
  margin: 0px;
  padding: 0px !important;
  border: 0px;
  background: transparent url('../images/but_right_grey.gif') no-repeat scroll top right;
  color: #555;
  display: block;
  float: left;
  height: 30px;
  margin-right: 6px;
  margin-top:10px;
  padding-right: 12px !important;
  text-decoration: none;
  overflow: hidden;
  font-size: 12px;
  outline: none !important;
  cursor: pointer;
  font-weight: bold;
}
.button_grey:link,
.button_grey:visited{
	color: #555;
}
.button:link,
.button:visited{
	color: #1b486a;
}
.button_grey span {
  background: url('../images/but_left_grey.gif') no-repeat left top;
  display: block;
  line-height: 30px;
  padding: 0px 0px 0px 12px;
  outline: none !important;
  float:left;
}
.button_grey:hover {
  background-position: right bottom;
  text-decoration:none !important
}
.button_grey:hover span {
  background-position: left bottom;
  color: #333;
}
.button_ok {
  margin: 0px;
  padding: 0px !important;
  border: 0px;
  background: transparent url('../images/but_round_span_blue.gif') no-repeat scroll top right;
  color: #1b486a;
  display: block;
  float: left;
  height: 30px;
  margin-right: 6px;
  margin-top:10px;
  padding-right: 15px !important;
  text-decoration: none;
  overflow: hidden;
  font-size: 12px;
  outline: none !important;
  cursor: pointer;
  font-weight: bold;
}
.button_ok span {
  background: url('../images/but_round_ok_blue.gif') no-repeat left top;
  display: block;
  line-height: 30px;
  padding: 0px 0px 0px 35px;
  outline: none !important;
  float:left;
}
.button_ok:hover {
  background-position: right bottom;
  text-decoration:none !important
}
.button_ok:hover span {
  background-position: left bottom;
  color: #1b486a;
}
.button_notok {
  margin: 0px;
  padding: 0px !important;
  border: 0px;
  background: transparent url('../images/but_round_span_blue.gif') no-repeat scroll top right;
  color: #1b486a;
  display: block;
  float: left;
  height: 30px;
  margin-right: 6px;
  margin-top:10px;
  padding-right: 15px !important;
  text-decoration: none;
  overflow: hidden;
  font-size: 12px;
  outline: none !important;
  cursor: pointer;
  font-weight: bold;
}
.button_notok span {
  background: url('../images/but_round_del_blue.gif') no-repeat left top;
  display: block;
  line-height: 30px;
  padding: 0px 0px 0px 35px;
  outline: none !important;
  float:left;
  font-style: italic;
}
.button_notok:hover {
  background-position: right bottom;
  text-decoration:none !important
}
.button_notok:hover span {
  background-position: left bottom;
  color: #1b486a;
}
.button_grey_round {
  margin: 0px;
  padding: 0px !important;
  border: 0px;
  background: transparent url('../images/but_round_span_grey.gif') no-repeat scroll top right;
  color: #555;
  display: block;
  float: left;
  height: 30px;
  margin-right: 6px;
  margin-top:10px;
  padding-right: 12px !important;
  text-decoration: none;
  overflow: hidden;
  font-size: 12px;
  outline: none !important;
  cursor: pointer;
  font-weight: bold;
}
.button_grey_round span {
  background: url('../images/but_round_left_grey.gif') no-repeat left top;
  display: block;
  line-height: 30px;
  padding: 0px 0px 0px 12px;
  outline: none !important;
  float:left;
}
.button_grey_round:hover {
  background-position: right bottom;
  text-decoration:none !important
}
.button_grey_round:hover span {
  background-position: left bottom;
  color: #333;
}
/*******************************************************************************
  MODAL BOX OVERRIDE
*******************************************************************************/
.ui-dialog {
padding:0px !important;
border: none 0 !important;
font-size: 12px !important;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif !important;
}
.ui-dialog .ui-dialog-titlebar {
padding-left:5px !important;
padding-top:3px !important;
padding-bottom:3px !important;
padding-right:5px !important;
position:relative;
border-bottom: none !important;
font-size:13px !important;
}
.ui-dialog .ui-corner-all {
-moz-border-radius-bottomleft:0px !important;
-moz-border-radius-bottomright:0px !important;
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
}
.ui-dialog .ui-dialog-content {
border: 1px solid #AAAAAA !important;
}
.ui-widget-overlay {
background:#000 !important;
opacity:0.7 !important;
}

/*** NEW STYLES ***/

.spanGetCE,
.spanAll,
.spanEdit,
.spanDown,
.spanHistory,
.spanActivate,
.spanDelete,
.spanAddTask,
.spanTaskEdit,
.spanTaskDelete{
	cursor:pointer;
	text-decoration: none;
}
.spanAll:hover{
	text-decoration: none;
}
.no-clickable{
	pointer-events: none;
}
.borderGray{
	border:1px solid #999;
}
a.inline_add { padding-left:21px; background:url(../images/icons/add.png) no-repeat left top; }

#errMsg{
	color:#F00;
	font-weight:bold;
}
.bgRed{
	background-color:#990000 !important;
	color:#FFFFFF !important;
}
.bgYellow{
	background-color:#FFCC00 !important;
}
.msgConfirm{
	color:#009900;
	font-size:14px;
}
.msgError{
	color:#FF0000;
	font-size:14px;
}

/*** Fview ***/

#fview {
	position: fixed;
	top: 85px;
	left: 49%;
	margin-left: -350px;
	width: 700px;
	padding: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	background: url(../images/fviewbg.png) repeat-x #f5f5f5;
	border: 1px solid #666;
	text-align: left;
	z-index: 210;
}
#fview_large {
	position: fixed;
	top: 85px;
	left: 49%;
	margin-left: -350px;
	width: 80%;
	padding: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	background: url(../images/fviewbg.png) repeat-x #f5f5f5;
	border: 1px solid #666;
	text-align: left;
	z-index: 210;
}
table.setting {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	width: 100%;
}
#fview th {
	color: #666;
	font-weight: normal;
	text-align: left;
}

#fview td, #fview td, table.setting td {
	color: #000;
	text-align: left;
}
#vctxt span {
	font-weight: bold;
}
#fviewmenu {
	float: right;
	text-align: right;
	margin: 5px 8px 5px 0px;
}
#fviewmenu a:link, #fviewmenu a:visited {
	color: #ccc;
	text-decoration: none;
}
#fviewmenu a:hover {
	color: #999;
}
#fviewmenu a img {
	margin-left: 8px;
	padding-top: 2px;
	position: relative;
	top: 1px;
	vertical-align: middle;
}
#fviewmenu img {
	vertical-align: middle;
	margin: 0px 0px 6px 0px;
}
#fviewload, #fviewcontent .ctr {
	text-align: center;
}
#fviewload img {
	margin: 160px 0px 170px 0px;
}
#fview div.flabel {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999;
	margin-bottom: 3px;
}
#fview div.flabel2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #ccc;
	float: left;
	margin: 3px 20px 3px 0px;
}

.popupheader {
	background: url(../images/win-head.png) #3d3d3d repeat-x;
	height: 122px;
	display: block;
	width: 720px;
	position: relative;
	top: -10px;
	left: -10px;
}
#ftitl {
	clear: left;
	float: left;
	width: 492px;
	margin: 3px 5px 10px 10px;
	font-size: 20px;
	color: white;
	sheight: 40px;
}
#ftitl .flabel { display: none; }
#fviewclose,
#draganddrop{
	cursor:pointer;
}

/**** Fview 2 ****/

#fview2 {
	position: fixed;
	left: 49%;
	margin-left: -350px;
	width: 700px;
	padding: 0px 10px 10px 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	background: url(../images/fviewbg.png) repeat-x #f5f5f5;
	border: 1px solid #666;
	text-align: left;
	z-index: 210;
}

#fview2 th {
	color: #666;
	font-weight: normal;
	text-align: left;
}

#fview2 td, #fview2 td, table.setting td {
	color: #000;
	text-align: left;
}
#fview2 div.flabel {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999;
	margin-bottom: 3px;
}
#fview2 div.flabel2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #ccc;
	float: left;
	margin: 3px 20px 3px 0px;
}

/*******************************************************************************
  TABLE DESIGN
*******************************************************************************/
#box-table-costeo {
	font-size: 12px;
	margin: 0px;
	text-align: left;
	border-width: 1px;
	border-spacing: 0px;
	border-style: outset;
	border-color: #999;
	border-collapse: separate;
}
#box-table-costeo th {
	font-size: 13px;
	font-weight: normal;
	padding: 5px;
	background: #EFEFEF;
	border-right: 1px solid #999;
	color: #333;
	text-align: center;
}
#box-table-costeo td {
	padding: 5px;
	background: none;
	border-top: 1px solid #CCC;
	color: #666;
	border-right: 1px solid #999;
}
#box-table-costeo tr:hover td {
	background: #FBFBFB;
	color: #333;
}
#box-table-costeo tr.footer { background: none !important; }
#box-table-costeo tr.footer:hover td { background: none !important;  }

/*******************************************************************************
  TABLE DOCS
*******************************************************************************/
#boxTableDocs {
	font-size: 12px;
	margin: 0px;
	text-align: left;
	border-width: 0px;
	border-spacing: 0px;
	border-style: outset;
	border-color: #999;
	border-collapse: separate;
}
#boxTableDocs th {
	font-size: 13px;
	font-weight: normal;
	padding: 5px;
	background: #EFEFEF;
	border-right: 1px solid #999;
	color: #333;
	text-align: center;
}
#boxTableDocs td {
	padding: 5px;
	background: none;
	border-top: 1px solid #CCC;
	color: #666;
	border-right: 1px solid #999;
}
#boxTableDocs tr.footer { background: none !important; }
#boxTableDocs tr.footer:hover td { background: none !important;  }

/*******************************************************************************
  TABLE DESIGN
*******************************************************************************/

#boxTable {
	font-size: 12px;
	margin: 0px;
	text-align: left;
	border-collapse: separate;
	border-bottom:none;
}

#boxTable th {
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
	background: #EFEFEF;
	border-top: 1px solid #FFF;
	color: #333;
	text-align: center;
}

#boxTable .tdPad{
	padding: 8px;
	background: none;
	border-top: 1px solid #CCC;
	color: #666;
	border-bottom: none !important;
}

/*
#box-table-a tr:hover td {
	background: #FBFBFB;
	color: #333;
}
#box-table-a tr.footer { background: none !important; }
#box-table-a tr.footer:hover td { background: none !important;  }
*/
/**********/

.bordTbl{
	border:1px solid #090;
}
.bordTbl th,
.bordTbl td{
	border:1px solid #0C0;
}

.invCancel{
	color:#FFFFFF !important;
	background-color:#EA0000 !important;
}
.invFacturado{
	color:#000 !important;
	background-color:#FF0 !important;
}
.invPagado{
	color:#000 !important;
	background-color:#CC6 !important;
}

/*******/


.divBotones{
	margin-top:20px;
}
.btnSave{
	background-image:url(../images/btnSave1.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	width:102px;
	height:40px;
	cursor:pointer;
}
.btnSave:hover{
	background-image:url(../images/btnSave2.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	width:102px;
	height:40px;
	cursor:pointer;
}

#divLoading{
	margin-bottom:8px;
	display:none;
}
#infoArrendamiento{
	display:none;
}
#infoCompraVenta{
	display:none;
}

.stCompleto{
	background-color:#009900 !important;
}
.stCompletoTardio{
	background-color:#01FFFF !important;
}
.stPorCompletar{
	background-color:#FC0 !important;
}
.stIniciado{
	background-color:#ffff99 !important;
}
.stPorIniciar{
	background-color:#F00 !important;
}
.stParcial{
	background-color: #768389 !important;
}

.txtStCompleto,
.txtStPorIniciar,
.txtStPorCompletar
.txtStCompletoTardio{
	color:#FFFFFF !important;
}
.txtIniciado{
	color:#000000 !important;
}
.txtStParcial{
	color: #ffffff !important;
}

/*#box-table-a tr.stCompleto:hover td { color: #000 !important;  }
#box-table-a tr.stPorCompletar:hover td { color: #000 !important;  }
#box-table-a tr.stIniciado:hover td { color: #000 !important;  }
#box-table-a tr.stPorIniciar:hover td { color: #000 !important;  }

#box-table-b tr.stCompleto:hover td { color: #000 !important;  }
#box-table-b tr.stPorCompletar:hover td { color: #000 !important;  }
#box-table-b tr.stIniciado:hover td { color: #000 !important;  }
#box-table- tr.stPorIniciar:hover td { color: #000 !important;  }*/

/*** BOXES ***/

.boxEnt{
	border:1px solid #000;
	width:200px;
	height:120px;
}
.boxEntW{
	border:1px solid #000;
	width:200px;
	height:180px;
}
.timeLine{
	background-color:#03C;
	color:#FFFFFF;
	font-weight:bold;
}

div#rounded-box2 {
	margin:0 auto;
	padding:0;

	/* Esquinas redondeadas */
	border-radius:5px;

	/*Descompuesta*/
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	border-bottom-left-radius = 10px;
	border-bottom-right-radius = 10px;

	/* Esquinas redondeadas en Firefox */
	-moz-border-radius: 5px;

	/*Descompuesta*/
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomleft = 5px;
	-moz-border-radius-bottomright = 5px;

	/*Internet Explorer 8 */
	-ms-border-radius: 5px;

	/*Descompuesta*/
	-ms-border-radius-topleft: 5px;
	-ms-border-radius-topright: 5px;
	-ms-border-radius-bottomleft: 5px;
	-ms-border-radius-bottomright: 5px;

	/*Webkit y Safari */
	-webkit-border-radius: 5px;

	/*Descompuesta*/
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;

	/* Konqueror */
	-khtml-border-radius: 5px;

	/*Descompuesta*/
	-khtml-border-radius-topleft: 5px;
	-khtml-border-radius-topright: 5px;
	-khtml-border-radius-bottomleft:5px;
	-khtml-border-radius-bottomright:5px;

}

.iconSH{
	float:right;
	cursor:pointer;
}

.btnGral{
	width:100px;
	height:30px;
}

/*sorter*/
/*.panel {
	clear: both;
	display: none;
	border: 3px solid #00adef;
	padding: 1em;
	background-color: #FFF;
	margin: 0;
}
.panel.active-tab-body {
	display: block;
}

table {
	border-collapse: collapse;
	table-layout: fixed;
}

*/
td, th {
/*	padding: 0.5em;
	border: 1px solid #CCC;
	white-space: nowrap;
	overflow: hidden;*/
}

/*th {
   white-space: pre;
}*/

thead, tfoot {
	background-color: #DDD;
}

tr.rowodd {
	background-color: #FFF;
}

tr.roweven {
	background-color: #F2F2F2;
}

.sortcol {
	cursor: pointer;
	padding-right: 20px;
	background-repeat: no-repeat;
	background-position: right center;
}
.sortasc {
	background-color: #DDFFAC;
	background-image: url(http://www.avantika.com.mx/visitantes/libs/sorter/css/up.gif);
}
.sortdesc {
	background-color: #B9DDFF;
	background-image: url(http://www.avantika.com.mx/visitantes/libs/sorter/css/down.gif);
}
.nosort {
	cursor: default;
}

/*.urg1, .urg2, .urg3, .urg4, .urg5 {
	padding: 3px;
	text-align: center;
	border: 1px solid #333;
	width: 3em;
}

.urg1 {
	background-color: #FFFACD;
}
.urg2 {
	background-color: #FFD700;
}
.urg3 {
	background-color: #FFA500;
}
.urg4 {
	background-color: #E13E00;
}
.urg5 {
	background-color: Red;
}*/

/*th.resize-handle-active {
	cursor: e-resize;
}

div.resize-handle {
	cursor: e-resize;
	width: 2px;
	border-right: 1px dashed #1E90FF;
	position:absolute;
	top:0;
	left:0;
}*/


#box-table-a-1 {
	padding: 8px;
	background: #E3E3E3;
	border-top: 1px solid #CCC;
	color: #666;
	border-bottom: none !important;
}
ul.menu_arbol, ul.menu_arbol ul {
	list-style-type: none;
	/*background: url(imagenes/linea_vertical.gif) repeat-y;*/
}
ul.menu_arbol li {
	padding: 0 10px;
}
ul.menu_arbol ul {
	margin-left: 5px;
}
.btn-file {
	position: relative;
	overflow: hidden;
}
.btn-file input[type=file] {
	position: absolute;
	top: 0;
	right: 0;
	min-width: 100%;
	min-height: 100%;
	font-size: 100px;
	text-align: right;
	filter: alpha(opacity=0);
	opacity: 0;
	outline: none;
	background: white;
	cursor: inherit;
	display: block;
}
.actionPopup{
	text-align: center;
	padding-bottom: 10px;
}
.actionsChild{
	display: inline-block;
	margin: auto;
}
.msjRequired{
	float: left;
}
.formLine{
	margin-bottom: 10px !important;
}
.formLineFact{
	margin-bottom: 10px !important;
	padding-right: 8px;
	margin-left: 8px;
}
.formLineFact > .titleLabel{
	text-align: left;
	vertical-align: middle;
	width: 90px;
	float: left;
	box-sizing: border-box;
	padding-left: 15px;
	padding-right: 15px;
	font-weight: bold;
}
.formLineFact > .controlLg{
	box-sizing: border-box;
	padding-right: 5px;
	padding-left: 5px;
	width: 350px;
	float: left;
}
.formLineFact > .controlMd{
	box-sizing: border-box;
	padding-right: 5px;
	padding-left: 5px;
	width: 175px;
	float: left;
}
.formLineFact > .controlSm{
	box-sizing: border-box;
	padding-right: 5px;
	padding-left: 5px;
	width: 88px;
	float: left;
}
.formLineFact > .controlXsm{
	box-sizing: border-box;
	padding-right: 5px;
	padding-left: 5px;
	width: 44px;
	float: left;
}
.formLineFact > .moreBtnControl{
	padding-left: 20px;
	box-sizing: border-box;
	width: 250px;
	float:left;
	font-size: 18px;
	cursor:pointer
}
.colDiv{
	position: relative;
	box-sizing: border-box;
	width: 150px;
	float:left;
	font-size: 15px;
	padding-right: 15px;

}
.colDiv300{
	position: relative;
	box-sizing: border-box;
	width: 300px;
	float:left;
	font-size: 15px;
	padding-right: 15px;

}
/*estilos para los workflows*/
/*estilo para cuadro de step*/
.completeStep{
	cursor:pointer;
	width:150px;
	float:left;
	height:100px;
	min-height:100px;
	border:solid;
	border-width:1px;
	margin:5px;
	padding:5px;
	text-align:center;
	background-color:#006633;
	color:#FFFFFF
}
.incompleteStep{
	cursor:pointer;
	width:150px;
	float:left;
	height:100px;
	min-height:100px;
	border:solid;
	border-width:1px;
	margin:5px;
	padding:5px;
	text-align:center;
	background-color:#C00;
	color:#FFFFFF
}
.arrowStep{
	width:50px;
	float:left;
	height:70px;
	min-height:70px;
	border:solid;
	border-width:0px;
	margin:0px;
	padding:5px
}
.arrowStep:before{
	content: '';
	display: inline-block;
	height: 50%;
	vertical-align: middle;
}
.arrowStep>img{
	vertical-align: middle;
}
.zoneTaskShow{
	border:solid;
	border-width:1px;
	margin:10px;
	padding:10px;
	display: block;
}
.zoneTaskHiden{
	display: none;
}
@font-face {
	font-family: 'Bellerose Light:1.0';
	font-style: normal;
	font-weight: normal;
	src: local('Bellerose Light:1.0'), url('../assets/plugins/font-awesome/fonts/Bellerose.woff') format('woff');
}
@font-face {
	font-family:"Be Kind To The Earth";
	src:url("../assets/plugins/font-awesome/fonts/Be_Kind_To_The_Earth.eot?") format("eot"),url("../assets/plugins/font-awesome/fonts/Be_Kind_To_The_Earth.woff") format("woff"),url("../assets/plugins/font-awesome/fonts/Be_Kind_To_The_Earth.ttf") format("truetype"),url("../assets/plugins/font-awesome/fonts/Be_Kind_To_The_Earth.svg#BeKindToTheEarth") format("svg");
	font-weight:normal;
	font-style:normal;
}
.tableFull{
	width: 100%;
}
.text-left{
	text-align: left;
}
.text-bold{
	font-size: bold;
}
.label-form{
	display: inline;
}
.input-addon{
	display: table-cell;
	width: auto;
	min-width: 16px;
	padding: 4px 10px;
	text-align: center;
	line-height: 1.42857143;
	vertical-align: middle;
	margin-left: -5px;
	margin-right: -5px;
	border-bottom:1px solid #999;
	border-top:1px solid #999;
	background: #FFFFE6;
}
.input-group{
	display: table;
	border-collapse: separate;
	position: relative
}
.custom-autocomplete{
	position:relative;
	display: inline-block;
	width: 100%;
}
.autocomplete-items {
	position: absolute;
	border: 1px solid #d4d4d4;
	border-bottom: none;
	border-top: none;
	z-index: 99;
	/*position the autocomplete items to be the same width as the container:*/
	top: 100%;
	left: 0;
	right: 0;
	max-height: 254px;
	overflow: hidden;
	overflow-y: auto;
	overflow-x: auto;
	box-sizing: border-box;
}

.autocomplete-items div {
	padding: 10px;
	cursor: pointer;
	background-color: #FFFFE6;
	border-bottom: 1px solid #d4d4d4;

}
/*when hovering an item:*/
.autocomplete-items div:hover {
	background-color: #fafabb;
}
/*when navigating through the items using the arrow keys:*/
.autocomplete-active {
	background-color: #1ABC9C !important;
	color: #ffffff;
}

/* Style the buttons that are used to open and close the accordion panel */
.accordion {
	background-color: #eee;
	color: #444;
    font-weight: bold;
	cursor: pointer;
	padding: 18px;
	width: 100%;
	text-align: left;
	border: none;
	outline: none;
	transition: 0.4s;
}
.accordion:after {
	content: '\02795'; /* Unicode character for "plus" sign (+) */
	font-size: 13px;
	color: #777;
	float: right;
	margin-left: 5px;
}

.active:after {
	content: "\2796"; /* Unicode character for "minus" sign (-) */
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .accordion:hover {
	background-color: #ccc;
}

/* Style the accordion panel. Note: hidden by default */
.panel {
	padding: 0 18px;
	background-color: white;
	display: none;
	overflow: hidden;
}
.fullWidthTitleFormControl {
	width:100%;
	font-weight: bold;
	text-align: left;
}