/* CSS Document */


.wrapper{margin:0 auto; width:1100px;}
	
.content{background-color:#FFFFFF; border:1px solid #bab9b9; text-align:center; padding-bottom:25px;margin-bottom:20px; }

.path_menu{background-color:#D9D8D8; border:1px solid #bab9b9; text-align:left; padding:5px;}

.path_submenu{background-color:#D9D8D8; border:1px solid #bab9b9; text-align:left; padding:2px; height:35px;}

.in{width:1060px; margin:25px auto; text-align:left;}

.line{border-top:1px solid #bab9b9; height:1px; }



/*.............................................................General.................... */


.author p{margin:0; padding:0; }

.forms{line-height:2em; }




/*.............................................................Header.................... */

.logo{float:left; margin:25px 0;}

.txt_right{ float:right; margin-top:15px;}




/*.............................................................Form.................... */

.box_extra_big{border:1px solid #bab9b9; padding:5px; width:800px; color:#707070; font-size:14px; }

.box_big{border:1px solid #bab9b9; padding:5px; width:600px; color:#707070; font-size:14px; }

.box_medium{border:1px solid #bab9b9; padding:5px; width:400px; color:#707070; font-size:14px; }

.box_small{border:1px solid #bab9b9; padding:5px; width:200px; color:#707070; font-size:14px; }

.label_micro{border:0px solid #bab9b9; padding:5px; width:70px; color:#707070; font-size:14px; }

.label_medium{border:0px solid #bab9b9; padding:5px; width:400px; color:#707070; font-size:14px;  }

.label_small{border:0px solid #bab9b9; padding:5px; width:200px; color:#707070; font-size:14px; }

.box_tiny{border:1px solid #bab9b9; padding:5px; width:110px; color:#707070; font-size:14px; }

.box_micro{border:1px solid #bab9b9; padding:5px; width:70px; color:#707070; font-size:14px; }

.box_porcentaje{border:1px solid #bab9b9; padding:5px; width:30px; color:#707070; font-size:14px; }

.combobox_big{border:1px solid #bab9b9; padding:4px; width:600px; color:#707070; font-size:14px; }

.combobox_extra_big{border:1px solid #bab9b9; padding:4px; width:800px; color:#707070; font-size:14px; }

.combobox_medium{border:1px solid #bab9b9; padding:4px; width:400px; color:#707070; font-size:14px; }

.combobox_small{border:1px solid #bab9b9; padding:4px; width:200px; color:#707070; font-size:14px; }

.combobox_tiny{border:1px solid #bab9b9; padding:4px; width:110px; color:#707070; font-size:14px; }

.combobox_micro{border:1px solid #bab9b9; padding:4px; width:70px; color:#707070; font-size:14px; }

.checkbox_small{border:0px solid #bab9b9; padding:0px; width:100px; color:#707070; font-size:12px; }

.box_text_micro{border:1px solid #bab9b9; padding:0px; width:20px; color:#707070; font-size:8px; }

.box_text_small{border:1px solid #bab9b9; padding:0px; width:200px; color:#707070; font-size:8px; }

.box_text_medium{border:1px solid #bab9b9; padding:0px; width:400px; color:#707070; font-size:8px; }

.box_text_large{border:1px solid #bab9b9; padding:0px; width:600px; color:#707070; font-size:8px; }

.box_text_large_enabled{border:1px solid #bab9b9; padding:0px; width:600px; background-color: #e2e2e2; color:#707070; font-size:8px; }

.box_medium_text_font6{border:1px solid #bab9b9; padding:0px; width:400px; color:#707070; font-size:6px; }

.combobox_text_micro{border:1px solid #bab9b9; padding:0px; width:20px; color:#707070; font-size:8px; }

.combobox_text_small{border:1px solid #bab9b9; padding:0px; width:200px; color:#707070; font-size:8px; }

.combobox_text_medium{border:1px solid #bab9b9; padding:0px; width:400px; color:#707070; font-size:8px; }

.exit_btn {
    background-color: #CEE6C3;
    border: 2px solid #168A43;
    color: #168A43;
    margin:0px; 
    padding:10px 20px;
    font-size:14px;cursor:pointer;
}
.exit_btn:hover {
    background-color:greenyellow;
}

.close_btn {
    background-color: #bab9b9;
    border: 1px solid #bab9b9;
    color: #FEF4E9;
    margin:0px; 
    padding:10px 20px;
    font-size:14px;cursor:pointer;
}
.close_btn:hover {
    background-color:gray;
}

.com_btn {
    background-color: #F7971D;
    border: 1px solid #DA7C0C;
    color: #FEF4E9;
    margin:0px; 
    padding:10px 20px;
    font-size:14px;cursor:pointer;
}
.com_btn:hover {
    background-color:#F3891D;
}

.guardar_btn {
    background-color: #6eac2c;
    border: 1px solid #acdd4a;
    color: #ffffff;
    margin:0px; 
    padding:10px 20px;
    font-size:14px;cursor:pointer;
}
.guardar_btn:hover {
    background-color:#acdd4a;
}

.buscar_btn {
    background-color: #77d5f7;
    border: 1px solid #77d5f7;
    font-size: 8px;
    color: #ffffff;
    margin:0px; 
    padding:10px 10px;
    cursor:pointer;
}
.buscar_btn:hover {
    background-color:#4297d7;
}

form span.required{
    display:inline;
    float:none;
    color:#CE2027 !important;
    font-weight:bold;
    margin:0;
    padding:0;
    font-size:10px;
}

form fieldset{
  padding: 10px 10px 10px 50px;  
  margin-bottom:30px;
    
}

form fieldset legend{
  padding: 0;  
  margin: 0; 
  font-weight:bold; 
    
}

form textarea{
    border:1px solid #bab9b9;
    padding:10px; 
    width:200px;
    height:70px; 
    color:#707070; 
    font-size:14px; 
}



form select{
    border:1px solid #bab9b9;
    padding:10px; 
    width:200px;
    color:#707070; 
    font-size:14px; 
}


form file{
    border:1px solid #bab9b9;
    padding:10px; 
    width:200px;
    color:#707070; 
    font-size:14px; 
}

/*.............................................................Check YES or NO.................... */

.check{ margin:25px; text-align:left; padding:10px 15px; border:1px solid #bab9b9; background-color:#f7f7f7;}

.good{}

.icon{padding-right:8px; float:left;}

.bad{}

.message_bad{ 
    margin:25px; 
    text-align:left; 
    padding:8px 8px 8px 40px;
    border:1px solid #CE2027; 
    color:#CE2027;
    background-color: #F6CBCA;    
}
.message_ok{ 
    margin:25px; 
    text-align:left; 
    padding:8px 8px 8px 40px; 
    border:1px solid #168A43; 
    color:#168A43;
    background-color:#CEE6C3;
    font-size:16px;    
}

.message_bad li, .message_bad ul{ 
    list-style-type: none;
    
}

/*..................................................... Navigation .....................*/	
	

.navigation{ background-color:#464646; float: left; margin-bottom:20px; width:1000px; position:relative;}

.navigation ul{ margin:0px; padding:0px; }

.navigation ul li{list-style:none; float: left; margin: 1px; padding: 0; font-weight:normal; }

.navigation li a{float:left; color:#fff; margin: 0; font-size: 10px; text-decoration: none; padding:20px 7px;  }

.navigation li a:hover, .navigation li .active { color:#FFFFFF; background-color:#30a4b1; }

.clear{clear:both;}


/*............................... Search Form.....................*/	


#searchform{ position:absolute; top:13px; right:15px;}

.search_box{ padding:6px; color:#999999; font-size:13px; margin:0; background-color:#FFFFFF; border:1px solid #ccc;}

.search_btn{    
    background-color: #F7971D;    
    margin:0 0 0 5px; 
    padding:6px; 
    border:0px; 
    color:#fff; 
    height:30px; 
    font-size:13px;
    cursor: pointer;
}

.search_btn:hover{    
    background-color: #F3891D;   
}

.delete_btn{
    background-color: #D73A36;    
    margin:10px 0 0 5px; 
    padding:6px; 
    border:0px; 
    color:#fff; 
    height:30px; 
    font-size:13px;
    cursor: pointer;
}

.delete_btn:hover{
    background-color: #C32C36;
}

/*.............................................................Footer................... */






/*.............................................................Table................... */


td { padding: 12px; text-align:left; }

.gray td {background-color:#f7f7f7;}

.table_main { width:900px; border-top: 1px solid #bab9b9; border-right: 1px solid #bab9b9; border-left: 1px solid #bab9b9;}


tr td {border-bottom: 1px solid #bab9b9;}




/* ...........................................................Pagination...................*/
div.pagination {
	background-color:#fff;
	padding:10px 0 10px 0;

	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align:center;
}

div.pagination a {
	padding:2px 5px;
	margin:0 2px;
	text-decoration:none;
	border:2px solid #f0f0f0;
}

div.pagination a:hover, div.pagination a:active {
	border:2px solid #F7971D;
	color:#ff5a00;
}

div.pagination span.current {
	padding:2px 5px;
	border:2px solid #F7971D;
	color:#fff;
	font-weight:bold;
	background-color:#F3891D;
}
div.pagination span.disabled {
	display:none;
}


/*...........................................................Tabs.................................*/
.tab-bar {
    border-bottom: 1px solid #CCCCCC;
    height: 25px;
    margin-bottom: 30px;
    position: relative;
}
ul.tabs {
    left: 12px;
    margin: 0;
    position: absolute;
    right: 12px;
}
.tabs li {
    background: url("../images/tab_generic_off_left.png") no-repeat scroll left top transparent;
    float: left;
    list-style-type: none;
    margin-left: 2px;
    padding-left: 2px;
    min-width: 110px;
    text-align: center;
}
.tabs li.current {
    background: url("../images/tab_generic_on_left.gif") no-repeat scroll left top transparent;
    margin-top: 1px;
}
.tabs li a {
    background: url("../images/tab_generic_off_right.png") no-repeat scroll right top transparent;
    display: block;
    padding: 7px 13px 4px 10px;
    text-decoration: none;
}
.tabs li a:focus {
    outline: medium none;
}
.tabs li.current a {
    background: url("../images/tab_generic_on_right.png") no-repeat scroll right top transparent;
}
.tabs li.outer_link {
    background: none repeat scroll 0 0 white;
}
.tabs li.outer_link a {
    background: none repeat scroll 0 0 white;
    padding-bottom: 4px;
    text-decoration: underline;
}
.tabs a:hover {
    text-decoration: underline;
}
#li_preferences {
    float: right;
}


/*..........................................IMAGES...............................................*/
.image_gallery {
    background: none repeat scroll 0 0 white;
    border: 1px solid #BBBBBB;
    margin: 7px 14px 7px 0;
    padding: 4px;
    width: 100px;
 } 
 
 
 /* ...................FB friends selector............................*/
#fcbklist {
    border-color: white;/* #C1C1C1;*/
    border-style: none solid solid;
    border-width: medium 1px 1px;
    width: 600px;
    height: 500px;
    list-style-type: none;
    margin: 0;
    overflow: auto;
    padding: 0;
    z-index: 10000;
}

#fcbklist .liselected {
    background-color: #D7F8AC !important;
    border: 1px solid #149525 !important;
}
#fcbklist li {
    background-color: #F7F7F7;
    border: 1px solid #D8DFEA;
    display: block;
    float: left;
    list-style-image: none;
    list-style-type: none;
    margin: 2px;
    padding: 2px;
    width: 180px;
    height: 90px;
    cursor: pointer;
}

td.number {
	text-align: right;
	font-weight: bold;
	padding-right: 5px;
	white-space: nowrap;
}

td.number.nan {
	font-weight: normal;
	color: #AAA;
}

th.number {
	text-align: right;
}

td.boolean {
	text-align: center;
}

th.boolean {
	text-align: center;
}



/* css for timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 45%; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
.ui-timepicker-rtl dl dd { margin: 0 45% 10px 10px; }