/* SUELDOS */
span.tipo_liquidacion { font-size: 80%; color:#FFF; padding: 2px 10px;}
span.mensual { background-color: #66B }
span.aguinaldo { background-color: #6AA }
span.vacacional { background-color: #6AC }
span.despido { background-color: #D33 }


div.add-mensual form { width:100% }
div.add-mensual form div { margin: 0px; padding:0px; clear:none }
div.add-mensual table tr td { vertical-align:middle }


/* LAYOUT DEFS */
.layout { margin:0px; padding:0px; background-color:transparent}
.nomargin { margin:0px; }
.nopadding { padding:0px; }
.spacer { padding:0px; margin:0px; height:1px; }

table { border-collapse:collapse; }
table tr td { padding: 4px }
table tr td.hh { font-weight: bold; background-color: #EEE;border-bottom:0px; border-right:1px solid #CCC; }
table.layout tr td { border:0px solid #FFF; margin:0px; padding:0px; background-color:auto }
table.cancel_layout tr td { border-bottom:1px solid #ddd; padding: 6px; background-color:#FFFFFF }
table.cancel_layout tr:nth-of-type(even) td { background: none repeat scroll 0 0 #F5F5F5 }
th.mid_table { height:24px;background-color:#DDD;color:#333; border:0px; }
th.actions { text-align:center; width:10px}
table.selectable tr { cursor: pointer }
table.selectable tr:hover td { background-color: #FFA !important}
table.selectable tr.selected td { background-color: #FFEA80 !important}
table.selectable tr:nth-of-type(even).selected td { background-color: #FFEA80 }
table.vam tr td { vertical-align: middle }

table.vertical tr td { vertical-align: middle }
table.vertical tr th { background-color: #CCC; border-bottom:1px solid #AAA; padding-left: 10px; padding-right: 10px  }
table.vertical tr:nth-of-type(even) th { background-color: #DDD }
table.vertical tr:nth-of-type(even) td { background-color: #EEE }
table.vertical tr td div { margin:0px }

.actions img { margin-top:-4px}



.right { text-align:right; }
li.separator { border:1px solid #CCC; }
.ajaxIndex { padding: 10px 2%; }
.ajaxForm { padding: 10px 2%; }
img.header { width:100%; max-width:220px; }
div.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.desc {color: #666; font-style:italic; font-size: 90% }
div.warning {background-color: #FFEE88; padding:10px;}
h2 a { font-weight: normal; font-size:80% }


/* REPORTING */
.report_index { border:1px solid #CCC; background-color: #EEE; text-align:center; padding:10px 20px; border-radius: 8px;
	-moz-box-shadow: 1px 1px 1px #333;
	-webkit-box-shadow:1px 1px 1px #333;
	box-shadow: 1px 1px 1px #333;
}
.report_index table { background-color: inherit }
.report_parameters { border:1px solid #CCC; background-color: #EEE; text-align:center; padding:10px 30px; border-radius: 8px;
	-moz-box-shadow: 1px 1px 1px #333;
	-webkit-box-shadow:1px 1px 1px #333;
	box-shadow: 1px 1px 1px #333;
}
.report_parameters table { background-color: inherit }

div.fullscreen{ display:block; position:absolute; top:0; left:0; width:100%; height:100%; }

/* FORM DEFS*/
.activity_section { padding:0px; margin-bottom:10px; border:1px solid #CCC; width:100%;	}
.activity_section .title { background-color:#333; padding:2px; margin-bottom:0px; height:38px; }
.activity_section .title .text { color:#EEE; font-size:140%; font-weight:bold; }
.input .short { width:90px; }
input.short { width:90px; }
input.tiny { width:40px; }
input.cell { width:60px; font-size:100%; text-align:right;}

/* SLIDER */
div.slider { width:256px; margin:10px 0; background-color:#ccc; height:6px; position: relative; margin:0px;padding:0px; }
div.slider div.handle { width:25px; height:24px; cursor:move; position: absolute; margin:0px;padding:0px; top:-8px }

/* ELEMENTS */
#user_info { float:right; color:#DDD; padding:10px; text-align:right; }
#user_info a { color:#BBB }
#view_logs { float:right; z-index:1000;}
#view_logs a { color:#666 }
#view_logs a:hover { color:#333 }

#flashContainer { top:18px; margin-left:auto; position:absolute; margin-right:auto; text-align:center; width:300px; left:0; right:0; z-index:9999; }
#flashMessage { font-size:110%; background-color: #3CAF2C; }
#flashMessage.warning { background-color:#CF5309; }
#flashMessage.error { background-color: #CF0909; }

#divSpinner { z-index:10000;text-align:center;position:absolute;top:10px;width:100% }

/* OTHER */
.login label { color:#DDD; }

.observation { border:1px solid #CCC; }
.observation .header { background-color:#CCCCEE;margin:auto;padding:6px; }
.observation .urgent { background-color:#FFEE11; }
.observation .archived { background-color:#DDDDDD;margin:auto;padding:3px 6px; color:#888 }
.observation .archived span { color:#666; font-size:90%; padding-left:10px }
.observation .innerdiv { padding:6px; padding-left:10px; margin:6px 0px 6px 6px; border:1px solid #DDD }

/* a.selected { font-size: 130%; } */

/* STORAGE */
table.crop_storage { width: 300px; border:1px solid #CCC}
table.crop_storage th { font-size: 120%; background:#DDD }

/* TAB CONTROL */
.tabcontrol .tabmenu { background: #C4C4C4; float: left; list-style: none; margin: 0; padding: 0; width: 100%;}
.tabcontrol .tabmenu li { float: left; font: 90% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif; margin: 0; padding: 0; }
.tabcontrol .tabmenu a { color: #555; display: block; float: left; margin: 0; padding: 4px 12px; text-decoration: none; font-weight:normal; }
.tabcontrol .tabmenu a:hover { background-color: #888; color: #fff; }
.tabcontrol .tabmenu li.right { float: right; }
.tabcontrol .tabmenu a.selected { background-color: #555; color: #FFF }
.tabcontrol .tabcontent { padding:10px;padding-top:35px; border:1px solid #CCC }

/* GOOGLE MAPS */
.map div { margin:0px; padding:0px }
.map .button { border:1px solid #999; background-color: white; color:#6688CC; cursor:pointer; text-align:center; padding:4px; border-radius: 8px;
	-moz-box-shadow: 1px 1px 1px #333;
	-webkit-box-shadow:1px 1px 1px #333;
	box-shadow: 1px 1px 1px #333;
}
.map .button:hover {
	color: #5571AA;
	background: -webkit-gradient(linear, left top, left bottom, from(white), to(#BCD1FF));
	background-image: -moz-linear-gradient(top, white, #BCD1FF);
}
#fancybox-content { color: #333 }

div.editable { background-color: #EEE }
div.editable:hover { background-color: #FFA }

/* Preferences table */
table.preferences { border: 1px solid #555 }
table.preferences tr td { border-bottom: 1px solid #555; padding-left:20px }
table.preferences tr th { border-bottom: 1px solid #555; background-color:#666; color: #FFF; font-weight:bold; padding:10px 25px }


/* TUTORIALS */
div.tutorial_message { padding:10px 20px; background-color:#FE7; border:1px solid #C96; margin:10px; font-size:110%; color:#640; border-radius: 8px;
	-moz-box-shadow: 1px 1px 1px #BBB;
	-webkit-box-shadow:1px 1px 1px #BBB;
	box-shadow: 1px 1px 1px #BBB }
#tutorial_sidebar { width:250px; background-color:#FE7;border-bottom:0px; padding:6px 12px; color: #642; border-left:1px solid #ED6}
#tutorial_sidebar h2 { color: #974; background-color:transparent; text-align:center }
#menu li.tutorial-selected { background-color:#FE7; }
#menu li.tutorial-selected a { color:#642 }
#tutorial_sidebar div.actions { width: 100%; text-align:center }
#tutorial_content p { padding: 5px 0px; }
#tutorial_content div.section h3 { color:#65D }
#tutorial_content div.section { background-color: #EEE; border:1px solid #CCC; padding:10px 30px; border-radius: 8px;
	-moz-box-shadow: 1px 1px 1px #BBB;
	-webkit-box-shadow:1px 1px 1px #BBB;
	box-shadow: 1px 1px 1px #BBB }