/* Estilos por defecto */
BODY {
  background-color: #FFFFFF;
  font-family: arial, helvetica, sans-serif;
  margin: 0px 0px 0px 0px;
}

A, A:link {
  font-size: 9pt;
  text-decoration: underline;
}

/*
A:active, A:visited {
  color: #333333;
}

A:hover {
  text-decoration: underline;
}
*/
/* Widgets */

.HorizontalPanel {
 /* background-color: #DDEEFF; */
  font-size: 9pt;
  padding: 2px;
  width: 100%;
}

.MainPanel {
  background-color: #FFFFFF;
  font-size: 9pt;
  width: 100%;
}

.MainPanel .header {
  width: 100%;
}

.MainPanel .headerMenu {
  width: 100%;
}

.MainPanel .title {
  background-color: 445566;
  color: #FFFFFF;
  font-size: 12pt;
  font-style: italic;
  font-weight: bold;
  font-variant: small-caps;
  padding: 3px;
  cursor: pointer
}

.MainPanel .mainTitle {
  /*background-color: #336699;*/
  background-color: #993333;
  color: #FFFFFF;
  font-size: 18pt;
  font-style: italic;
  font-weight: bold;
  vertical-align: top;
  width: 100%;
  padding: 3px;
}

.MainPanel .subTitle {
  /*background-color: #6699CC;*/
  background-color: #FFFFFF;
  border-top: 1px solid #CCD8E6;  
  color: #2E9AFE;
  font-size: 12pt;
  font-style: italic;
  font-weight: bold;
  vertical-align: middle;
  width: 100%;
  padding: 3px;
}

.MainPanel .container {
  background-color: #EAF4FF;
  font-size: 9pt;
  width: 100%;
  padding: 4px;
}

.ContentPanel {
  background-color: #EAF4FF;
  font-size: 9pt;
  width: 100%;
  padding: 3px;
}

.ContentPanelSimple {
  background-color: #DDEEFF;
  font-size: 9pt;
  padding: 2px;
  width: 100%;
}

.ContentPanel .title {
  background-color: #AABBCC;
  color: #336699;
  font-size: 9pt;
  font-weight: bold;
  padding: 2px;
}

.ContentPanel .actionPanel {
  background-color: #BBCCDD;
  color: #336699;
  font-size: 9pt;
  text-align: right;
  padding-left: 1px;
  padding-right: 1px;
}

.WorkPanelMenu {
  background-color: #003366;
  font-size: 9pt;
  width: 100%;
}

.WorkPanelMenu .item {
  background-color: #FFFFFF;
  cursor: pointer;
  font-size: 9pt;
  padding: 3px;
}

.WorkPanelMenu .selectedItem {
  background-color: #EAF4FF;
  color: #336699;
  cursor: pointer;
  font-size: 9pt;
  font-weight: bold;
  padding: 3px;
}

.DataGrid {
  border: 1px solid #AABBCC;
  width: 100%;
}

.DataGrid .grid {
  width: 100%;
}

.DataGrid .header {
  background-color: #BBCCDD;
  color: #FFFFFF;
  font-family: arial, helvetica, sans-serif;
  font-size: 9pt;
  font-style: italic;
  font-weight: bold;
  text-align: center;
}
    
.DataGrid .row {
  background-color: #FFFFFF;
  color: #333333;
  font-family: arial, helvetica, sans-serif;
  font-size: 9pt;
  cursor: pointer;
}
    
.DataGrid .alternateRow {
  background-color: #EEEEEE;
  color: #333333;
  font-family: arial, helvetica, sans-serif;
  font-size: 9pt;
  cursor: pointer;
}

.DataGrid .selectedRow {
  /* background-color: #DDEEFF; */
  background-color: #FFCC99
  color: #333333;
  font-family: arial, helvetica, sans-serif;
  font-size: 9pt;
  cursor: pointer;
}

.DataGrid .button {
  font-family: arial, helvetica, sans-serif;
  font-size: 8pt;
  border-width: 1px;
}

.DataGrid .action {
	background-color: #AABBCC;
	text-align: right;
}

.Calendar {
  background-color: #FFFFFF;
  border: 1px solid #333333;
}

.Calendar .navbar {
  background-color: #DDEEFF;
  border-bottom: 1px solid #001122;
  font-family: arial, helvetica, sans-serif;
  font-size: 8pt;
  font-style: italic;
  vertical-align: middle;
  width: 100%;
}

.Calendar .navbar .gwt-Button {
  background-color: #EEEEEE;
	border-width: 1px;
	font-family: arial, helvetica, sans-serif;
	font-size: 7pt;
}

.Calendar .table {
	font-family: arial, helvetica, sans-serif;
  font-size: 8pt;
  text-align: center;
}

.Calendar .weekheader {
  background-color: #EEEEEE;
}

.Calendar .weekheader .days {
	color: #333333;
	font-family: arial, helvetica, sans-serif;
	font-family: 8pt;
}

.Calendar .cell {
  cursor: pointer;
  width: 100%;
}

.Calendar .cell .gwt-HTML {
  border: 1px solid #333333;
}

.Calendar .cell .gwt-HTML span {
  width: 100%;
  height: 100%;
}

.Calendar .today .gwt-HTML {
  background-color: #C3D9FF;
}

.Calendar .day .gwt-HTML {
  border: 1px solid #DDEEFF;
}

.DateBox {
	padding: 1px;
}

.DateBox .label {
  background-color: #FEFEFE;
  border: 1px solid #333333;
  font-family: arial, helvetica, sans-serif;
  font-size: 9pt;
  width: 80px;
}

.Form {
  background-color: #EEEEEE;
  width: 100%;
}

.Form .title {
  background-color: #AABBCC;
  color: #333333;
  font-family: arial, helvetica, sans-serif;
  font-size: 9pt;
  font-style: italic;
  font-weight: bold;
  padding: 2px;
  width: 100%;
}

.Form .field {
  background-color: #FFFFFF;
  color: #333333;
  font-family: arial, helvetica, sans-serif;
  font-size: 8pt;
  padding: 1px;
  vertical-align: top;
}

.NavigationMenuBar {
  background-color: #445566;
  color: #FFFFFF;
  font-family: arial, helvetica, sans-serif;0
  font-size: 9pt;
  height: 25px;
  padding: 3px;
  text-align: left;
  width: 100%;
  text-align: right;
}

.NavigationMenuBar .gwt-MenuItem {
  background-color: #667788;
  color: #FFFFFF;
  cursor: pointer;
  font-family: arial, helvetica, sans-serif;
  font-size: 9pt;
  padding: 1px;
  text-align: left;
}

.NavigationMenuBar .gwt-MenuItem-selected {
  background-color: #DDEEFF;
  color: #333333;
  cursor: pointer;
  font-family: arial, helvetica, sans-serif;
  font-size: 9pt;
  padding: 1px;
  text-align: left;
}

/* GWT Widgets */
.gwt-RadioButton {
  color: #333333;
  font-family: arial, helvetica, sans-serif;
  font-size: 8pt;
}

.gwt-Label {
  color: #333333;
  font-family: arial, helvetica, sans-serif;
  font-size: 8pt;
}

.gwt-Button {
  font-family: arial, helvetica, sans-serif;
  font-size: 8pt;
  border-width: 1px;
}

.gwt-ListBox {
  font-family: arial, helvetica, sans-serif;
  font-size: 8pt;
  border-width: 1px;
}

.gwt-Image {
  cursor: pointer;
}

.gwt-TextArea {
  font-family: arial, helvetica, sans-serif;
  font-size: 8pt;
  border: 1px solid #333333;
}

.gwt-TextBox {
  font-family: arial, helvetica, sans-serif;
  font-size: 8pt;
  border: 1px solid #333333;
}

.gwt-Tree {
  background-color: #FFFFFF;
  color: #333333;
  font-family: arial, helvetica sans-serif;
  font-size: 10pt;
  font-weight: bold;
  width: 100%;
  vertical-align: top;
}

.gwt-Tree .gwt-TreeItem {
  background-color: #FFFFFF;
  color: #333333;
  font-family: arial, helvetica sans-serif;
  font-size: 9pt;
  cursor: pointer;
}

.gwt-Tree .gwt-TreeItem-selected {
  background-color: #DDEEFF;
  color: #333333;
  font-family: arial, helvetica sans-serif;
  font-size: 9pt;
  font-style: italic;
  cursor: pointer;
}

.gwt-DialogBox {
  background-color: #EEEEEE;
  color: #333333;
  border: solid 1px #000000;
  font-family: arial, helvetica, sans-serif;
  font-size: 9pt;
}

.gwt-DialogBox .Caption {
  background-color: #336699;
  border: 1px solid #336699;
  color: #FFFFFF;
  font-family: arial, helvetica sans-serif;
  font-size: 10pt;
  font-weight: bold;
}

.gwt-TabPanel {
}

.gwt-TabPanelBottom {
  border-left: 1px solid #87B3FF;
}

.gwt-TabBar {
  /*background-color: #DDEEFF;*/
  font-size: smaller;
}

.gwt-TabBar .gwt-TabBarFirst {
  height: 100%;
  border-bottom: 1px solid #87B3FF;
  padding-left: 3px;
}

.gwt-TabBar .gwt-TabBarRest {
  border-bottom: 1px solid #87B3FF;
  padding-right: 3px;
}

.gwt-TabBar .gwt-TabBarItem {
  border-top: 1px solid #C3D9FF;
  border-bottom: 1px solid #87B3FF;
  padding: 2px;
  cursor: pointer;
  cursor: hand;
}

.gwt-TabBar .gwt-TabBarItem-selected {
  font-weight: bold;
  background-color: #E8EEF7;
  border-top: 1px solid #87B3FF;
  border-left: 1px solid #87B3FF;
  border-right: 1px solid #87B3FF;
  border-bottom: 1px solid #E8EEF7;
  padding: 2px;
  cursor: default;
}

/** GWT Tk */
.tk-AlertDialog-captionIcon {
  vertical-align: middle;
}

.tk-AlertDialog-captionLeft, .tk-AlertDialog-captionRight {
  width: 16px;
}

.tk-AlertDialog-captionCenter {
  font-size: 90%;
  font-weight: bold;
  padding: 0 8px;
  text-align: center;
}

.tk-AlertDialog-buttons {
  margin: 0 auto;
}

.tk-AlertDialog-hotKeyChar {
  text-decoration: underline;
}

.tk-ModalDialog {
  border: 1px solid black;
  background-color: white;
  padding: 0px;
}

.tk-ModalDialog .Caption {
  text-align: center;
  font-family: sans-serif;
  font-size: 90%;
  font-weight: bold;
  background-color: rgb(195, 217, 255);
  padding: 3px;
  margin: 1px;
  cursor: default;
}

.tk-ModalDialog-content {
  vertical-align: middle;
  text-align: center;
  padding: 8px;
}

.tk-ModalDialog-content .gwt-Button {
  margin-top: 8px;
}

.tk-GlassPanel {
  background: black;
  opacity: 0.2;
  filter: alpha(opacity=20);
  cursor: not-allowed;
}

/*----------------------------------------------------------------------------*/

.table-List {
	border: 1px solid #AAAAAA;
	background-color: white;
	font-size: 100%;
	cursor: pointer;
	cursor: hand;
}

.table-ListHeader {
	/*background-image: url(gray_gradient.gif);*/
	/*background-repeat: repeat-x;*/
	background-color:#F2F2E6;
	font-weight: bold;
}

.tableHeader{
	background-color:#FFFF40;
	font-weight:bold;
	font-size: 100%;
	background: #104A7B;
	
.table-ListNavBar {
	font-size: 80%;
}

.table-SelectedRow {
	background: url(blue_gradient.gif);
	background-repeat: repeat-x;
}

.table-Detail {
	border: 1px solid #AAAAAA;
	margin-top: 4px;
}

.table-DetailBody {
	padding: 4px;
}

.table-FormAction {
	border: 1px solid #AAAAAA;
	background-color:white;
	text-align: right;
	width: 100%;
}

.table-Action {
	text-align: right;
	padding: 2px;
}