/******************************************************************
Generic styles 
F0FAFF => EDF5FF
*/

*
{
  font-family:     verdana, arial, helvetica, sans-serif;
  font-size:       11px;
  color:           black;
}

body
{
  margin:              0;
  padding:             0 0 26px 0;
  background-image:    url(../images/column_left_wide.png);
	background-repeat:   no-repeat;
	background-position: left top;
}

h1
{
  font-size:       18px;
}

td
{
  text-align:      left;
  border-color:    black;
  border-width:    0;
}

a
{
	font-weight:     bold;
	text-decoration: none;
	padding:         0 4px 0 4px;
}  

a.button
{
	padding:         1px 1px 1px 1px;
}  

input
{
  margin:          2px 2px 2px 2px;
	padding:         1px 1px 1px 1px;
}

.top_menu
{
  text-align:      right;
  position:        absolute;
  top:             0;
  right:           0;
  padding:         0 0 0 0;
}

td.welcome-note
{
  background:      #ABEAEF;
  text-align:      center;
  width:           100%;
  font-weight:     bold;
  background-image:url(../images/welcome_background.png);
}

td.footer
{
  text-align:      center;
  font-size:       10px;
  font-weight:     normal;
}
  
span.copyright
{
  font-size:       10px;
  font-weight:     bold;
}

td.no-data
{
  font-size:       11px;
  padding:         4px 4px 4px 4px;
  background:      #EAEECC;
  text-align:      center;
  width:           100%;
  height:          15px;
  font-weight:     bold;
}  

a.account:link, a.account:visited
{
  font-weight:     normal;
	text-decoration: underline;
  padding:         0 0 0 0;
}	
a.account:hover 
{
  font-weight:     normal;
	text-decoration: underline;
  color:           #3333FF;
}

a.legal:link, a.legal:visited
{
  font-size:       10px;
  color:           #2222AA;
  padding:         0 0 0 0;
}	
a.legal:hover 
{
  font-size:       10px;
  color:           #5555FF;
  padding:         0 0 0 0;
}

a.info_link:link, a.info_link:visited
{
  color:           #8888AA;
  padding-right:   6px;
}	
a.info_link:hover 
{
  color:           #2222DD;
  padding-right:   6px;
}

a.forgot-password:link, a.forgot-password:visited
{
  color:           #8888AA;
  font-size:       10px;
	text-decoration: underline;
	padding:         0 0 0 0;
}	
a.forgot-password:hover 
{
  color:           #2222DD;
  font-size:       10px;
	text-decoration: underline;
	padding:         0 0 0 0;
}

a.details
{
  color:           blue;
  font-weight:     bold;
}

p.country
{
  background:      #F0F0FF;
  font-size:       18px;
  font-weight:     bold;
}

p.farm
{
  background:      #F0F0FF;
  font-size:       17px;
  font-weight:     bold;
}


table.itemLabel, td.itemLabel
{
  width:           100%;
  background:      #F0F0FF;
  font-size:       17px;
  font-weight:     bold;
  text-align:      center;
}  

input.dataButton, button.dataButton
{
  width:           90px;
  margin:          2px 2px 2px 2px;
  font-size:       13px;
  font-weight:     bold;
  padding:         0 0 0 0;
}


td.details
{
  font-size:       12px;
  vertical-align:  middle;
}  

table.dataGroup
{
  width:           100%;
  border-style:    solid;
  border-width:    1px;
  border-color:    #CCCCCC;
  margin-top:      6px;
  padding:         4px;
}


/******************************************************************
Menu items
*/
td.menu-label
{
  color:           #666666;
  font-weight:     normal;
  font-style:      italic;
  text-align:      right;
	padding:         0 2px 0 2px;
	width:           56px;
}
a.menu-link:link, a.menu-link:visited
{
  color:           black;
	padding:         0 2px 0 2px;
}	
a.menu-link:hover 
{
  color:           #0099FF;
}
td.menu-link
{
  text-align:      left;
}

a.menu-super:link, a.menu-super:visited
{
  color:           #FF0000;
	padding-right:   0;
}	
a.menu-super:hover 
{
  color:           #FF8800;
}

a.menu-admin:link, a.menu-admin:visited
{
  color:           #1E1EFF;
	padding:         0 2px 0 2px;
}	
a.menu-admin:hover 
{
  color:           #0099FF;
}

a.menu-lib:link, a.menu-lib:visited
{
  color:           #009900;
	padding:         0 2px 0 2px;
}	
a.menu-lib:hover 
{
  color:           #44CC44;
}

a.menu-super:link, a.menu-super:visited
{
  color:           #FF0000;
	padding:         0 2px 0 2px;
}	
a.menu-super:hover 
{
  color:           #FF8800;
}

td.menu-separator
{
  font-weight:     bold;
	padding:         0 2px 0 2px;
}  

tr.menu-row
{
  background:      #EAEECC;
}

td.menu-hub
{
  color:           white;
  background:      #CFCFAF;
  width:           140px;
  font-size:       22px;
  font-weight:     bold;
  width:           140px;
  text-align:      center;
  vertical-align:  middle;
}

td.menu_labels
{
  color:           #5A77EF;
  background:      #8FCFAF;
  font-size:       18px;
  font-weight:     bold;
  text-align:      center;
  vertical-align:  middle;	
  padding:         2px 0 2px 0;
	width:           140px;
}

td.underline
{
  border-width:    0 0 1px 0;
  border-style:    solid; 
  border-color:    #CCCCCC;
}

.menu_function
{
  color:           white;
  background:      #DFCF9F;
  font-size:       14px;
  font-weight:     bold;
	padding:         4px 12px 4px 8px;
}  

.menu_item
{
  background:      #EDF5FF;
  text-align:      right;
  font-weight:     bold;
}

.menu_marker
{
  background:      #E2E0F1;
  text-align:      center;
  font-weight:     bold;
}

a.function_link:link, a.function_link:visited
{
  color:           #000000;
	font-size:       14px;
	padding-left:    0;
	padding-right:   0;
}	
a.function_link:hover 
{
  color:           #6666FF;
}

a.col_head:link, a.col_head:visited
{
  color:           black;
	padding-left:    0;
	padding-right:   0;
}	
a.col_head:hover 
{
  color:           #6666FF;
}

a.download:link, a.download:visited
{
  color:           #BC5A0F;
	font-size:       14px;
	text-decoration: underline;
	padding-left:    0;
	padding-right:   0;
}	
a.download:hover 
{
  color:           #FF0000;
}

td.menu-head
{
  text-align:      center;
  border-width:    1px 1px 0 0;
  cursor:          help;
  height:          22px;
  border-style:    solid;
  border-color:    #A2A0B1; 
  background-image: url(../images/left_menu.png);
}


/*******************************************************************
Misc
*/
.table_head
{
  background:      #F0F0FA;
  padding-left:    0;
  text-align:      left;
}

.alt-column
{
  background:      #EFEFEF;
}

.message
{
  font-size:       13px;
  font-style:      italic;
  font-weight:     bold;
  color:           blue;
  margin-bottom:   0;
}

.message-annotation
{
  font-style:      italic;
  font-size:       10px;
  margin-top:      0;
  margin-bottom:   1.5em;
}

  
span.message_succ
{
  font-size:       13px;
  font-style:      italic;
  font-weight:     bold;
  color:           green;
}
  
span.message_fail
{
  font-size:       13px;
  font-style:      italic;
  font-weight:     bold;
  color:           red;
}
  
.error
{
  font-size:       13px;
  font-style:      italic;
  font-weight:     bold;
  color:           red;
}
  
.error-highlight
{
  font-size:       13px;
  font-style:      italic;
  font-weight:     bold;
  color:           purple;
}
  
.edit
{
  width:           24px;
  height:          24px;
  text-align:      center;
  padding:         0 6px 0 6px !important;
}

.edit-image
{
  width:           24px;
  height:          24px;
  text-align:      center;
  padding:         0 !important;
}

table.main
{
  background:      #EDF5FF;
  height:          26px;
}

a.left-link:link, a.left-link:visited
{
  color:           #1E1EFF;
  background:      #EDF5FF;
  word-wrap:       break-word;
	padding-right:   0;
	vertical-align:  bottom;
}	
a.left-link:hover 
{
  color:           #0099FF;
}

a.left-link-head:link, a.left-link-head:visited
{
  color:           #1E1EFF;
  background:      #E1E9FF;
	padding-right:   2px;
	vertical-align:  bottom;
}	
a.left-link-head:hover 
{
  color:           #0099FF;
}
span.left-link-head
{
  color:           #999999;
  background:      #E1E9FF;
  font-weight:     bold;
	padding-right:   2px;
	vertical-align:  bottom;
}	

a.left-link-selected:link, a.left-link-selected:visited
{
  color:           #FF9300;
  background:      #EDF5FF;
	padding-right:   0;
	vertical-align:  bottom;
  border-width:    0 0 1px 0;
  border-style:    solid; 
  border-color:    #FF9300;
}	
a.left-link-selected:hover 
{
  background:      white;
}

a.left-link-head-selected:link, a.left-link-head-selected:visited
{
  color:           #FF9300;
  background:      #E1E9FF;
	padding-right:   0;
	vertical-align:  bottom;
  border-width:    0 0 1px 0;
  border-style:    solid; 
  border-color:    #FF9300;
}	
a.left-link-head-selected:hover 
{
  background:      white;
}

td.ellipsis
{
  color:           #999999;
  text-align:      right;
  font-weight:     bold;
  font-size:       6px;
  cursor:          help;
  padding:         1px 4px 0 0;
} 

.list-table
{
  background:      #FFFFFE;
  border-color:    black;
}

.list-edit
{
  background:      url(../images/icons/page_white_edit.png) no-repeat center center;
	border:          none;
	cursor:          pointer;
	display:         block;
	height:          18px;
	overflow:        hidden;
	padding:         0;
	margin:          0 2px 0 0;
	text-indent:     -9999px;
	width:           18px;
	font-size:       0;
	line-height:     25px;
  title:           "Edit this field";
}

.list-edit-disabled
{
  background:      url(../images/icons/lock.png) no-repeat center center;
	border:          none;
	cursor:          pointer;
	display:         block;
	height:          18px;
	overflow:        hidden;
	padding:         0;
	margin:          0 2px 0 0;
	text-indent:     -9999px;
	width:           18px;
	font-size:       0;
	line-height:     25px;
}

.list-delete
{
  background:      url(../images/icons/bin_closed.png) no-repeat center center;
	border:          none;
	cursor:          pointer;
	display:         block;
	height:          18px;
	overflow:        hidden;
	padding:         0;
	margin:          0 2px 0 0;
	text-indent:     -9999px;
	width:           18px;
	font-size:       0;
	line-height:     25px;
}

.list-delete-disabled
{
  background:      url(../images/icons/lock.png) no-repeat center center;
	border:          none;
	cursor:          pointer;
	display:         block;
	height:          18px;
	overflow:        hidden;
	padding:         0;
	margin:          0 2px 0 0;
	text-indent:     -9999px;
	width:           18px;
	font-size:       0;
	line-height:     25px;
}

/************************************************************************
Irrimax graphs
*/

table.graphlist 
{
  background:       white;
}

.graphname 
{
  font-weight:      bold;
}

a.graphname 
{
  color:            black;
}

a.graphname:hover, a.graphname:active 
{
  color:            #0066a4;
}
.graphtype 
{
  color:            grey;
  font-style:       italic;
}

.graphcomment 
{
  color:            green;
}

/************************************************************************
KPI section
*/
.kpi_display
{
  padding:          12px 12px 24px 48px;
}

.kpi_title
{
  text-align:       center;
  font-weight:      bold;
  font-size:        20px;
}

.kpi_tree
{
  border-width:     1px;
  border-style:     solid;
  border-color:     #AAAAAA;
  vertical-align:   top;
  padding:          12px 12px 12px 12px;
}

.kpi_country
{
  width:            300px;
  padding:          0 2px 0 0;
  border-width:     0 0 1px 0;
  border-style:     solid;
  vertical-align:   top;
}

.kpi_country_text
{
  padding:          0 2px 0 2px;
  vertical-align:   top;
  font-size:        12px;
}

.kpi_farm
{
  background:       #EEDDEE;
  vertical-align:   top;
}

.kpi_farm_name
{
  width:            240px;
  padding:          0 0 0 36px;
  vertical-align:   middle;
}

.kpi_field
{
  padding:          0 0 0 58px;
  vertical-align:   middle;
}

.kpi_select
{
  border-width:     1px;
  border-style:     solid;
  border-color:     #999999;
  vertical-align:   top;
  padding:          12px 12px 12px 12px;
}

.kpi_entry
{
  font-weight:      bold;
  font-size:        20px;
  margin-top:       0.05em;
  float:            left;
  clear:            right;
}

.select_all
{
  border-width:     1px;
  font-style:       italic;
}

.image_edit
{
  border-width:     1px;
  border-style:     solid;
  border-color:     #888888;
  margin:           0 0 0 0;
}

.td_entry
{
  width: 500px;
}

/************************************************************************
Fixed sections
*/
div#content
{
  margin:           0 auto;
}

* html body
{
  overflow:         hidden;
}
 
* html div#content
{
  height:           100%;
  overflow:         auto;
}

div#flashcontent 
{
	overflow:         auto;
	padding:          0;
}

div#display
{
  padding:          0;
}


/************************************************************************
Table sorting
*/
img 
{
	border:           0;
}

table.sortable 
{
	border-spacing:   0px;
	border:           1px solid #AAA;
	border-collapse:  collapse;
}

table.sortable th, table.sortable td 
{
	padding:          0 4px 0 4px;
	border-style:     solid;
	border-color:     #444;
}

table.sortable th 
{
	border-width:     0 1px 1px 1px;
	background-color: #ccc;
}

table.sortable td 
{
	border-width:     0 0 0 0;
  border-color:     #444;
}

table.sortable tr.odd td 
{
	background-color: #ddd;
}

table.sortable tr.even td 
{
	background-color: #fff;
}

table.sortable tr.sortbottom td 
{
	border-top:       1px solid #444;
	background-color: #ccc;
	font-weight:      bold;
}

a.sortheader:link, a.sortheader:visited
{
  color:            #000000;
	font-weight:      bold;
	padding:          0 0 0 0;
}	
a.sortheader:hover 
{
  color:            #6666FF;
	font-weight:      bold;
	padding:          0 0 0 0;
}


/************************************************************************
List-edit
*/
.le_line
{
  font-family:     "Courier New";
  font-size:       11px;
  padding:         0 0 0 0;
}


/************************************************************************
jQuery UI legacy CSS
*/
.ui-spinner
{
	display:         block;
	position:        relative;
	overflow:        hidden;
	border:          1px solid #999;
	background:      #FEFEFE;
	padding:         0;
}

.ui-spinner-disabled
{
	background:      #F4F4F4;
	color:           #CCC;
}

.ui-spinner-box
{
	width:           22px;
	float:           left;
  margin-bottom:   1px;
  margin-top:      0;
	border:          none;
	padding:         0;
  text-align:      right;
}

.ui-spinner-up, .ui-spinner-down
{
	width:           14px;
	padding:         0;
	margin:          0;
	z-index:         100;
	text-align:      center;
	vertical-align:  middle;
	position:        absolute;
	border:          1px solid #999;
	border-right:    none;
	border-top:      none;
}

.ui-spinner-up-image
{
  padding-bottom:  1px;
}

.ui-spinner-down-image
{
  padding-bottom:  2px;
}

.ui-spinner-up
{
	height:          8px;
}

.ui-spinner-down
{
	height:          6px;
	bottom:          0;
	border-bottom:   0;
	vertical-align:  top;
}

.ui-spinner-pressed
{
	background:      #FEFEFE;
}

.ui-spinner-list, .ui-spinner-listitem
{
	margin:          0;
	padding:         0;
}