@charset "utf-8";
/* CSS Document */

/*General**************/
body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px; margin:0 auto;
	background:url(../img/background2-trans.png) top left no-repeat;}

/*Hedings**************/
td,tr,th{ 
	text-align:center;
	/*border:1px solid #333333;*/
}
th{
background-color:#666666;

}
a {color:#666}
table{
	color:#999;
	border:1px solid #333333; border-top:none;
}
label{
	
	color:#333}
.timesEven{
	
	background-color:#F9F9F9}

/*OPTIONS****/
.Options{ height:21px;line-height:21px; display:block;margin:0 auto;color:#FFF;float:right; margin-right:10px;}
.Options a{color:#FFF;text-decoration:none;}
h1{font-size:11px; font-weight:normal; marign:0;marign-top:-5px; padding:0;float:left; color:#FFF;}
/*Styles***************/
.Container{	width:100%;min-width:1150px; height:auto; display:block; margin:0 auto; padding-top:60px; }


/*TopNavigation*/
.TopNavigation{width:64%;height:35px;display:block;background:url(../img/topNavigation_bakground-trans.png) bottom center no-repeat;line-height:30px;margin-left:23px;}
.TopNavigation a{display:inline-block;height:31px;vertical-align:center;text-decoration:none;font-size:16px;color:#64625B;background:url(../img/topNav_a-trans.png) no-repeat;width:110px;text-align:center;margin-right:0px;padding-top:4px;}
.TopNavigation a:hover{background:url(../img/topNav_span-trans.png); color:#06F;}
.TopNavigation span{display:inline-block;height:31px;vertical-align:center;text-decoration:none;font-size:16px;color:#06F;background:url(../img/topNav_span-trans.png) no-repeat;margin-right:0px;width:110px;text-align:center;padding-top:4px; z-index:3; padding-bottom:10px}
/*****/
span.topDesplegable {
	display:inline-block;height:31px;vertical-align:center;text-decoration:none;font-size:16px;color:#64625B;background:url(../img/topNav_a-trans.png) no-repeat;width:110px;text-align:center;margin-right:0px;padding-top:4px;z-index:0;padding-bottom:0px;;cursor:pointer
	}
span.topDespSelected{display:inline-block;height:31px;vertical-align:center;text-decoration:none;font-size:16px;color:#06F;background:url(../img/topNav_span-trans.png) no-repeat;margin-right:0px;width:110px;text-align:center;padding-top:4px; z-index:3; padding-bottom:10px}
.menuDesplegable{
	position: absolute;
	z-index: 15;
	width:116px;
	background:url(../img/fnd-menudesplegable.png) bottom;
	visibility:hidden;
	clear:right;
	padding:0px;
	margin:0px;
	padding-bottom:10px;
	text-align:left;	
	}
	
.menuDesplegable a{
	dislpay:block;
	background:none;
	background: url(../img/fnd_a_desplegable.png);
	font-size:12px;
	padding:0px;
	padding-bottom:4px;
	width:108px;

	margin:0px;
	height:25px;
	}
.menuDesplegable a:hover{
	background:none;
	}

	

/*Content*/
.Content{width:98%;display:block;margin:0 auto;padding-left:18px}

/*MainList*/
.Main{width:65%;min-height:650px;display:block;background: #FFF; border: 1px #EBEBEB solid/*url(../img/main_background_right.png) no-repeat top right #FFF*/;float:left;padding:10px; margin-bottom:15px;}

/*ListNav*/	

.ListNav{
	width:98%;padding-right:0px;margin-top:10px;padding-top:8px; height:34px;color:#606457
	}
.ListNavReports{
	padding-right:3px;margin-top:10px;padding-top:8px; height:45px;color:#606457;
	padding-bottom:15px; background-color:#F2F2F2; padding-left:5px;margin-left:5px;
	border:1px solid  #CECECE ;display:block;margin-right:5px; 
	}
.ListNavReports h3{
	font-size:16px;
	padding:2px;
	margin:0px;
	padding-bottom:6px;
	
	}	

.botCreate{
	float:right;
	text-align:center;
	color:#2E8DBC;
	display:inline-block;
	text-decoration:none;
	background:url(../img/botCreate_background-trans.png);
	font-weight:bold;
	height:24px;
	padding-top:10px;
	width:142px;
	text-transform: uppercase;
	cursor:pointer;
	
}
.pointer{
	cursor:pointer;
	}
/*SUBNAV****/

.SubNav{
padding-right:3px;
padding-top:8px;
height:24px;
display:block;
margin-right:5px; 
margin-left:5px; 
margin-top:10px;
padding-bottom:5px; 
border:1px solid #F8F8F8;
line-height:24px;
}
/*
.ReportsMain{
	background:#ABB9C5
	}
.SubNavReports{ background-color:#E4EDF3; border:none}
*/

.SubNav a,.SubNav span{display:inline-block;height:24px;vertical-align:center;text-decoration:none;padding-left:15px;padding-right:15px;font-size:14px;color:#333;background:#DCDCD1;margin-left:5px;width:90px; text-align:center}

.SubNav a{ background: url(../img/back_subnav_span.png); color:#FFFFFF}
.SubNav a:hover{ background:url(../img/back_subnav_a.png); color:#333}
.SubNav span{background:url(../img/back_subnav_a.png) }

/*List Large*/	
.List{width:98%;padding-right:0px;background-color:#F9F9F9;border:1px solid #F0F0F0;}
.List ul{display:block; margin:0;padding:5px;/*height:700px*/}
.List li{clear:both;display:block; color:#333; list-style:none; border-bottom:1px solid #E9E9E9;width:100%;}
/*Timesheet*/
.TimesheetTable{
	display:block;padding:5px;
	}
.timesheetFilter{
	display:block;border:1px solid #333333; border-bottom:none;padding:5px;color:#666;
	}
.calendarTable table,td,tr,th{
	border:none;
	}
/*List Large*/
.HalfList{width:100%;padding:0;background-color:#F9F9F9;}
.HalfList ul{display:block; margin:0;padding:5px;/*height:700px*/}
.HalfList li{display:block; color:#333; list-style:none; border-bottom:1px solid #E9E9E9;height:50px;width:50%;float:left;}
/******/
.liEven{background-color:#F7F7F7;}
.liHighlighted{background-color:#FFF;height:50px;}

.paginador{clear:both;display:block; text-align:right; height:25px;color:#777; background: #F3F3F3; width:100%;line-height:25px;}
.paginador a, .paginador span{display:inline-block;color:#555;background: url(../img/bot_paginator-trans.png) no-repeat;width:18px;height:18px;text-align:center;vertical-align:middle;line-height:18px; text-decoration:none}
.paginador a:hover,.paginador span  {color:#FFF;background: url(../img/bot_paginator_ho-trans.png) no-repeat;}


/*List cntent*/
.ListContent{display:block;width:78%;float:left;padding-top:10px;}
.ListButtons{display:block;width:22%;height:35px;float:right;padding-top:15px;vertical-align:baseline; text-align:right }
.ListTopText{font-size:10px;color:#999;}
.ListBottomText{font-size:12px;padding-top:0px;display:inline-block;color:#727272}
.titleStyle{color:#000;}
/***/

.UserListTopText{font-size:10px;color:#999;}
.UserListBottomText{font-size:12px;padding-top:5px;display:block;color:#727272 }

/***/
.Clear{clear:both;margin:0px}
/*IDs*/
#formNewTask{display:none/*visibility:hidden*/}
#formNewCustomer{display:none}
#formNewUser{display:none}
#formNewProject{display:none}
#formNewType{display:none}
#preloader{display:none}
#htmlEdit,#htmlEditProject,#htmlCreateUser,htmlType,htmlCreateCustomer{color:#333333;font-size:14px;}
#total{color:#666;font-size:24px;margin:5px;}
#userDetail{height:230px; }
#projectDetail{height:300px; }
#FlashpieCol, #FlashpieColB{background:#FFF; border:1px solid #EBEBEB;height:195px;padding-top:15px}
#botExport{display:none}
#timesTitle{color:#000;font-size:16px; padding:6px;}
#reportBug{display:none}
.accountForm{
	width:320px;
	float:left;
	border:1px solid #F4F4F4;
	background-color:#F2F5F7;
	margin-top:10px;
	}


#ProjectUsersReport, #divUsersReport{
	width:250px;	
	/*background: url(../img/tooltip_user_report_bottom-trans.png) no-repeat center bottom #00F;*/
	padding:0px;
	padding-top:15px;

	}
	
#ProjectUsersReport li, #ProjectUsersReport ul, #divUsersReport ul, #divUsersReport li{
	list-style:none;
	padding:0px;
	padding-left:5px;
	}
#ProjectUsersReport ul, #divUsersReport ul{
	padding:0px;
	padding-top:35px;
	margin:0px;
	background:url(../img/tooltip_user_report_top-trans.png) no-repeat top center;
	}

.bottomTooltip{color:#06F;text-decoration:underline;text-align:right;padding-top:10px;padding-right:5px;
height:30px; width:245px; display:block;background: url(../img/tooltip_user_report_bottom-trans.png);cursor:pointer;
}

/*UTILS*/
.helpers{display:none}
.hiddenDIV{display:none}
.floatRight{float:right}
.floatLeft{float:left}
.timesheetCombos{display:inline-block;}
#avisoContent{float:left; padding-left:10px}
#avisos{
	display:none;
	height:30px;
	line-height:30px;
	vertical-align:middle;
	width:100%;
	color: #FFF;
	background-color:#F00;
	z-index:100;
	position:absolute;
	}
.redCritical{color:#C00;width:55px;display:inline-block; border-right:1px solid #C8C8C8; margin-right:5px}
.greenCritical{color:#090;width:55px;display:inline-block; border-right:1px solid #C8C8C8; margin-right:5px}
.red{color:#C00}
.green{color:#090}

/* ESTILOS VARIOS****************/
.resaltadoStyle{
color:#06F; 
}
.resaltadoStyleB{
color:#333; 
}
.firmStyle{
color:#06F; 
}
.noResults{
	color:#535353;
	padding-top:10px;
	padding-left:6px;
	font-size:14px;
	}
/*PROGRESS BARS*/
.progressUndefined{
	display:inline-block;
	background-color:#CCC;
	color:#FFF;
	padding-left:2px;
	padding-right:2px;
	width:56px;
	height:10px;
	font-size:9px;
	text-align:center;

}
.progressBar,.progressExedido{
	height:18px;
	}

.percentText{
	margin-left:3px;
	font-size:10px;

	}
/*FORMULARIOS*************/


.divFormNew {	
	background: #F2F4F4; border:1px solid #EFEFEF;
	width:98%;display:block;height:135px;/*#f6f6f6*/
	}



.divFormNew fieldset{
	float:left;display:block;padding:5px; width:auto; height:80px;border:none;
}
.divFormNew label{
	display:block;padding-top:5px; color:#666
}

/*
.divFormNew input {
	font-size:10px;
	margin-top:5px;
	}
 .divFormNew select{
	font-size:10px;
	margin-top:5px;
	}*/
.divFormNew input, .divFormNew select, .ListNav input, .ListNav select, .yui-panel-container input, .yui-panel-container select  {width:auto; color: #666;border:#b4d0da solid 1px; background:#FFF; padding-right:5px; padding-left:5px; padding-top:1px; padding-bottom:2px; .padding-bottom:1px;font-size:12px}
.ListNav input, .ListNav select{
	font-size:14px
	}
.calText {width:auto; color:#333; padding-right:5px; padding-left:5px; padding-top:1px; padding-bottom:2px; .padding-bottom:1px;font-size:12px}
.datesTimesheet{
	display:inline-block;
	border:1px solid #CCC;
	float:left;
	padding:2px;
	padding-bottom:1px;
	margin-left:2px;
	background:#FFF;
	}

button {
	margin-left:4px;
	background: url(../img/bot_background.png) no-repeat bottom;
	border:none;
	border:1px solid #CCC;
	width:87px;
	height:20px;
	color: #666;
	cursor:pointer;
	
	}
.report button {
	margin-left:4px;
	background: url(../img/bot_background.png) bottom repeat-x;
	border:none;
	border:1px solid #CCC;
	width:140px;
	height:24px;
	color: #666;
	cursor:pointer;
	
	}
.formReport input,.formReport select,.formReport textarea {
	border:1px solid #CCC;
	}
	
.saveNewForm{
	width:98%; display:block; text-align:right;margin-top:3px;
	}
/*BUTTONS*************/
input.botEdit{width:19px; height:19px;
	background:url(../img/ico_edit-trans.png) top left no-repeat;
	vertical-align:middle; border:none; cursor:pointer; padding:0; /*float:right*/}
input.botDelete{width:19px; height:19px;
	background:url(../img/ico_delete-trans.png) top left no-repeat;
	vertical-align:middle; border:none; cursor:pointer; padding:0; /*float:right*/}
	
input.botClose{width:19px; height:19px;
	background:url(../img/ico_close-trans.png) top left no-repeat;
	vertical-align:middle; border:none; cursor:pointer; padding:0; /*float:right*/}
input.botDone{width:19px; height:19px;
	background:url(../img/ico_done-trans.png) top left no-repeat;
	vertical-align:middle; border:none; cursor:pointer; padding:0; /*float:right*/}
input.botUpdate{width:19px; height:19px;
	background:url(../img/ico_update-trans.png) top left no-repeat;
	vertical-align:middle; border:none; cursor:pointer; padding:0; /*float:right*/}
input.botCancel{width:19px; height:19px;
	background:url(../img/ico_cancel-trans.png) top left no-repeat;
	vertical-align:middle; border:none; cursor:pointer; padding:0; /*float:right*/}
	
input.botUpdate2{width:19px; height:19px;
	background:url(../img/ico_update-trans.png) top left no-repeat;
	vertical-align:middle; border:none; cursor:pointer; padding:0}
input.botCancel2{width:19px; height:19px;
	background:url(../img/ico_cancel-trans.png) top left no-repeat;
	vertical-align:middle; border:none; cursor:pointer; padding:0; z-index:3}	
input.botOpen{
	width:19px; height:19px;
	background:url(../img/ico_open-trans.png) top left no-repeat;
	vertical-align:middle; border:none; cursor:pointer; padding:0;cursor:pointer;
	}
input.botStat{
	width:19px; height:19px;
	background:url(../img/ico_stat-trans.png) top left no-repeat;
	vertical-align:middle; border:none; cursor:pointer; padding:0
	}

input.botUpdateLarge{width:100px; height:24px;
	background:url(../img/botSave-trans.png) top left no-repeat;
	vertical-align:middle; border:none; cursor:pointer; padding:0}
input.botDeleteLarge{width:100px; height:24px;
	background:url(../img/botDelete-trans.png) top left no-repeat;
	vertical-align:middle; border:none; cursor:pointer; padding:0}
input.botCancelLarge{width:100px; height:24px;
	background:url(../img/botCancel-trans.png) top left no-repeat;
	vertical-align:middle; border:none; cursor:pointer; padding:0; z-index:3}	

input.botText{
	background:none;
	border:none;
	color:#333;
	cursor:pointer;
	text-decoration:underline;
	}



/*BOX********************************/
.BoxContent{
	margin:5px;
	margin-top:0px;
	margin-bottom:0px;
	padding:5px;
	padding-top:15px;	
	padding-bottom:10px;	
	border:1px #E9E9E9  solid;

	border-top:none;border-bottom:none;
	background:url(../img/bakground_ul_box-trans.png) top center no-repeat #FFF;
}
.BoxFooter{
	margin:5px;margin-top:0px;text-align:right;padding:5px;border:1px #F5F5F5 solid;border-top:none;background-color:#F9F9F9; color:#999;
}
.BoxContent li{ height:24px;padding-left:5px;}
.BoxLiEven { background-color:#FCFCFC;height:20px; }
.BoxLiLeft{ float:left;padding-top:4px;}
.BoxLiRightImg{ float:right;padding-top:2px;}
.BoxLiRightText{ float:right;padding-top:4px;padding-right:4px;}

.liHover{ background-color:#E2E7EB;height:25px;padding-right:4px;}

/***boxes percent***/
.HalfBox{display:block;width:50%;min-height:100px;float:left;color:#666;}
.HalfBox h2{
	margin:5px;
	margin-bottom:0px;
	padding:5px;
	padding-bottom:10px;
	border:1px #F5F5F5 solid;border-bottom:none;background:#FFF url(../img/background_h2.png) repeat-x bottom;
	color:#333; font-weight:normal; font-size:16px;}
.HalfBox ul{margin:0px;padding:0px;}
.HalfBox li{list-style:none;color:#666}
/****/
.FullBox{display:block;width:100%;min-height:100px;float:left;}
.FullBox h2{
	margin:5px;
	margin-bottom:0px;
	padding:5px;padding-bottom:10px;border:1px #F5F5F5 solid;border-bottom:none;background:#FFF url(../img/background_h2.png) repeat-x bottom;
	color:#333; font-weight:normal; font-size:16px;
	
	}
.FullBox ul{margin:0px;padding:0px;}
.FullBox li{ list-style:none;display:block; height:20px;color:#666}

/***/
.ThertyBox{display:block;width:30%;min-height:100px;float:left;color:#666;}
.ThertyBox h2{
	margin:5px;
	margin-bottom:0px;
	padding:5px;
	padding-bottom:10px;
	border:1px #F5F5F5 solid;border-bottom:none;background:#FFF url(../img/background_h2.png) repeat-x bottom;
	color:#333; font-weight:normal; font-size:16px;}
.ThertyBox ul{margin:0px;padding:0px;}
.ThertyBox li{ list-style:none;}

/**/
.SeventyBox{display:block;width:70%;min-height:100px;float:left;color:#666;}
.SeventyBox h2{
	margin:5px;
	margin-bottom:0px;
	padding:5px;
	padding-bottom:10px;
	border:1px #F5F5F5 solid;border-bottom:none;background:#FFF url(../img/background_h2.png) repeat-x bottom;
	color:#333; font-weight:normal; font-size:16px;}
.SeventyBox ul{margin:0px;padding:0px;}
.SeventyBox li{ list-style:none;}
/**/
.SixtyBox{display:block;width:60%;min-height:100px;float:left;color:#666;}
.SixtyBox h2{
	margin:5px;
	margin-bottom:0px;
	padding:5px;padding-bottom:10px;border:1px #F5F5F5 solid;border-bottom:none;background:#FFF url(../img/background_h2.png) repeat-x bottom;color:#333; font-weight:normal; font-size:16px;}
.SixtyBox ul{margin:0px;padding:0px;}
.SixtyBox li{ list-style:none;display:block;height:20px;}
/**/
.FortyBox{display:block;width:40%;min-height:100px;float:left;color:#666;}
.FortyBox h2{
	margin:5px;
	margin-bottom:0px;
	padding:5px;padding-bottom:10px;border:1px #F5F5F5 solid;border-bottom:none;background:#FFF url(../img/background_h2.png) repeat-x bottom;
	color:#333; font-weight:normal; font-size:16px;}
.FortyBox ul{margin:0px;padding:0px;}
.FortyBox li{ list-style:none;height:20px}

/**/
.FiftyBox{display:block;width:50%;min-height:100px;float:left;color:#666;}
.FiftyBox h2{
	margin:5px;
	margin-bottom:0px;
	padding:5px;padding-bottom:10px;border:1px #F5F5F5 solid;border-bottom:none;background:#FFF url(../img/background_h2.png) repeat-x bottom;
	color:#333; font-weight:normal; font-size:16px;}
.FiftyBox ul{margin:0px;padding:0px;}
.FiftyBox li{ list-style:none;}

/*options*********************/


.optionsMenu{display:block;height:40px;border:1px #F5F5F5 solid;border-bottom:none;margin:5px;margin-bottom:0px;background:#FFF url(../img/background_h2.png) repeat-x bottom;}
.optionsTitle{display:inline-block; float:left;width:70%;height:40px}
.optionsTitle h2{ background:none;border:none;color:#333; font-weight:normal; font-size:16px;}
.optionsButtons{display:inline-block;float:right;width:29%;height:40px;text-align:right;cursor:pointer}
/******/
.label{ text-decoration:underline}

/*RIGHT COLUMN*************************/
.RightColumn{float:left; width:30%;min-height:400px;margin-top:5px;display:block;color:#333; background: url(../img/right_column_backgournd.jpg) no-repeat top right;padding-top:30px;color:#636358;padding-right:15px}
.RightColumn h2{padding-left:5px;}
.RightColumnContainer{
	padding:10px;
	}
/*FOOTER *************************/
.Footer{
	width:90%;height:20px;display:block;margin-left:40px; color:#666/*background:#EEE; border-top:1px solid #06F;*/
}

/*******************/
.body_index{color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:12px; background: url(../img/login_bkgr-trans.png) top left repeat-x #fff; margin:0; padding:0}

.Contenedor_login{width:784px; height:397px; background:url(../img/modulo_login.jpg) top left no-repeat; display:block; margin:0 auto; margin-top:104px}
.Contenedor_login h1{color:#0099cc; font-size:24px; font-weight:normal; margin:0;display:block}
.Contenedor_login h2{color:#555555; font-size:14px; font-weight:normal; margin:0;}
.Contenedor_login h3{color:#fff; font-size:13px;}
.Contenedor_login h4{font-size:12px; font-weight:normal}

.Container_login{width:auto; height:397px; display:block; padding-left:421px}
.Container_login h1{width:100%;}
.form_login{padding-left:55px;display:block;}
.form_login h3{font-size:16px;margin:0px;margin-top:10px}
.form_login h4{margin:5px  0 }

.Container_login input{width:auto; color:#208dbb; font-size:11px; border:#b4d0da solid 1px; background:url(../img/form_bkgr-trans.png) top left #fff repeat-x; padding-right:5px; padding-left:5px; padding-top:1px; padding-bottom:2px; .padding-bottom:1px}
.Container_login label input{width:190px; color:#208dbb; font-size:11px; border:#b4d0da solid 1px; background:url(../img/form_bkgr-trans.png) top left #fff repeat-x; padding:5px}
.Container_login p input{width:190px; color:#208dbb; font-size:11px; border:#b4d0da solid 1px; background:url(../img/form_bkgr-trans.png) top left #fff repeat-x; padding:5px}

.newAccount a{color:#b4d0da; text-decoration:none}
.newAccount a:hover{color:#b4d0da; text-decoration:underline}

/*HELP--------*/

.Help{
	 display:block; padding:5px; margin-top:10px;
	}
.Help h2, .Help h3{
	padding:0px; margin:0px;margin-bottom:10px;
	}


.Help a{
	color:#37362D
	}

	
/*CALCULADORA*******************/

span.blue {
	color:#09C;
	}

#Calculator{
	background-color:#F4FAFB; padding:15px; margin-bottom:15px;clear:both;
	}
 
#Calculator hr{
	margin:2px;
	border: 1px solid #999;
	}

#Calculator ul, ol{
	padding:0px;margin:0px;
	}

#Calculator li{
	list-style:none; margin-bottom:5px}
#Calculator li{
	width:60%;
	display:block;
	height:20px;
	font-size: 16px
	}
.calcLeft{
	display:block;
	float:left;
	width:150px;


	}
.calculatorTimeLeft li{	
	background-color:#C00; color:#FFF;
	}
	
#edtiTimes{
	
	background:url(../img/editTimes-fnd.png);
	width:71px;
	height:20px;
	display:inline-block;
	padding-left:6px;
	color: #069;
	}
#bugLoading{
	display:none;
	}
#avisoBug{
	display:none;
	}

div .chat{
	
	background-color: #DFF3FD}


a.addDashboard {
	
	background: url(../img/fnd-create.png) right top;
	/*border-bottom: solid 1px #CCC;*/

	
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	
	display:block;
	margin-bottom: 5px;
	padding: 4px;
	padding-top:4px;
	font-size:14px;
	height:18px;
	
	text-decoration:none;
	color:#FFF;
}
.headerAdvice{
	display:block;width:98.5%;float:left;border:1px solid #CCC;margin:5px;padding-bottom:10px; background-color:#EEEDB5;
	}

.headerAdvice p,.headerMessage h3,.headerMessage a {
	padding:5px; padding-right:10px; padding-left:10px; margin:0; color:#59564A;
	}
.headerAdvice a {
	padding:0px;padding-bottom:5px;padding-right:5px; 
	}
/*************************************************************************/
/*SPRY*****************************************************************/
.SpryHiddenRegion {
	visibility: hidden;
}

/* SPRY COLLAPSIBLE PANEL*************************************************/
.CollapsiblePanel {
	margin-left:0px;
	margin-right:0px;
	margin-bottom: 5px;
	padding: 0px;
	border: 1px solid #CCC;
	background-color:#F7F7F7;

}


.CollapsiblePanelTab {
	font-size:14px;
	height:18px;
	background: url(../img/fnd_collapsible.png) right top;
	/*border-bottom: solid 1px #CCC;*/
	margin: 0px;
	padding: 4px;
	padding-top:4px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
}
.CollapHelp{
		font-size:14px;
	height:18px;
	background: url(../img/fnd_collapsible-help.png) right top;
	/*border-bottom: solid 1px #CCC;*/
	margin: 0px;
	padding: 4px;
	padding-top:4px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	}
.CollapsiblePanelContent {
	margin: 0px;
	padding: 0px;
	padding-bottom:10px;
	

}
.CollapsiblePanelContent p{
	padding:10px;
	}
.CollapsiblePanelContent a{
	color:#09C;
}
.CollapsiblePanelContent li{
	margin-right:30px;
}

.CollapsiblePanelContent form{
	margin:10px;
}

input.button {
	margin-top:5px;
	margin-bottom:4px;
	background: url(../img/bot_background.png) no-repeat bottom;
	border:none;
	border:1px solid #CCC;
	width:87px;
	height:24px;
	color: #666;
	cursor:pointer;
	
	}
.CollapsiblePanelTab a {
	color: black;
	text-decoration: none;
}
.CollapsiblePanelOpen .CollapsiblePanelTab {
	background-color: #EEE;
}
.CollapsiblePanelClosed .CollapsiblePanelTab {
 /* background-color: #EFEFEF */
}
.CollapsiblePanelTabHover,  .CollapsiblePanelOpen .CollapsiblePanelTabHover {
	background-color: #CCC;
}
.CollapsiblePanelFocused .CollapsiblePanelTab {
	background-color: #3399FF;
}
/* SPRY TOOL TIP *************************************************/
.iframeTooltip
{
	position: absolute;
	z-index: 5000;
	filter:alpha(opacity:0.1);

}

.tooltipContent
{
	background-color: #FFF;
	text-align:center;
	padding:10px;	
	color:#555;
	width:180px;
	border:1px solid #CCC;
}


/*STEP BY STEP**************/

.StepByStep{
	margin:0 auto;
	}
.StepByStep h1{
	color:#666;
	font-size:24px;
	}
.floatRight{
	float:right;
}
.addForm{
    float:left;
	width:290px;
	padding-left:30px;
	height:384px;
	display:block;
	background:url(../img/stepbystep/fnd_form.jpg) no-repeat left;
	margin-top:10px;
	
}

.stepList{
float:left;
background:#FFFFFF;
width:350px;
height: 350px;
overflow:auto;
border:1px solid #EFEFEF;
margin-top:20px;
}

.stepList ul{
	padding:0px;margin:0px;
	
}
.stepList li{
	list-style:none;
	padding-top:6px;
	padding-bottom:6px;
	padding-left:6px;
	border-bottom:1px solid #CCCCCC;
	color:#999;
}

h2{
 padding:4px;
 margin:0px;
 font-weight:normal;
 color:#666666;
}
.Clear{
	clear:both;
}
.StepByStep input,.StepByStep select,.yui-panel-container input, .yui-panel-container select{
	/*display:block;font-size:12px;*/
	border:1px solid #CCCCCC;
	margin-bottom:5px;
	background:url(../img/back_input.png);
}
input.full{
width:100%;
margin-bottom:5px;
}
.StepByStep label{
display:block;
margin-top:5px;
color:#999;
}
.StepByStep input[type="hidden"]{
display:none;
}
.StepByStep input[type="checkbox"]{
width:auto;
border:1px solid #CCCCCC;
background:url(../img/back_input.png);
}
a.continue { 
display:block;
color:#09F;
text-align:right;
height:20px;
padding-top:6px;
padding-right:6px;
margin-top:6px;
width:100%
}

input.botUpdateLarge{width:100px; height:24px;display:inline-block;
	background:url(../img/botSave-trans.png) top left no-repeat;
	vertical-align:middle; border:none; cursor:pointer; padding:0;}
input.botDeleteLarge{width:100px; height:24px;
	background:url(../img/botDelete-trans.png) top left no-repeat;
	vertical-align:middle; border:none; cursor:pointer; padding:0}
input.botCancelLarge{width:100px; height:24px;display:inline-block;
	background:url(../img/botCancel-trans.png) top left no-repeat;
	vertical-align:middle; border:none; cursor:pointer; padding:0;}
.saveButtons {
	padding-top:5px;
	padding-bottom:5px;
	margin-top:5px;
	margin-bottom:5px;
	border: 1px solid #F2F2F2;
	width:100%;
	text-align:center;
	border: 1px solid #F2F2F2;
}
.Dates{border: 1px solid #CCCCCC;padding:2px;margin-bottom:3px}
.SpryHiddenRegion {
	visibility: hidden;
}



.FromTo{
	color:#666;
	}
.required{color:#999; font-size:11px; margin-left:2px }
button.calendarBot {
	vertical-align:top;
	margin:0px;
	background: url(../img/bot_background_cal.png) no-repeat bottom center;
	border:1px solid #CCC;
	border-left:none;
	width:24px;
	height:20px;
	color: #666;
	cursor:pointer;
	
	}
#htmlEdit,#htmlEditProject,#htmlCreateUser,#htmlType,#htmlCreateCustomer{color:#333333;font-size:12px;}

/* SpryTabbedPanels.css - Revision: Spry Preview Release 1.4 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

.TabbedPanels {
	margin: 0px;
	padding: 0px;
	float: left;
	clear: none;
	width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}

.TabbedPanelsTabGroup {
	margin: 0px;
	padding: 0px;
}

.TabbedPanelsTab {
	position: relative;
	top: 1px;
	float: left;
	padding: 4px 10px;
	margin: 0px 1px 0px 0px;
	font-size:14px;
	list-style: none;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #999;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
	background-color: #F0F0F0;
	color: #888;
	
}

.TabbedPanelsTabHover {
	background-color: #FFF;
	color:#666666;
}

.TabbedPanelsTabSelected {
	background-color: #FFF;
	color:#222;
	border-bottom: 1px solid #EEE;
}

.TabbedPanelsTab a {
	color: black;
	text-decoration: none;
}

.TabbedPanelsContentGroup {
	clear: both;
	border-left: solid 1px  #E4E4E4;
	border-bottom: solid 1px #E4E4E4;
	border-top: solid 1px #E4E4E4;
	border-right: solid 1px #E4E4E4;

}

.TabbedPanelsContent {
	padding: 4px;
}

.TabbedPanelsContentVisible {
}

.VTabbedPanels .TabbedPanelsTabGroup {
	float: left;
	width: 10em;
	height: 20em;
	position: relative;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
}

.VTabbedPanels .TabbedPanelsTab {
	float: none;
	margin: 0px;
	border-top: none;
	border-left: none;
	border-right: none;
}

.VTabbedPanels .TabbedPanelsTabSelected {

	border-bottom: solid 1px #999;
}

.VTabbedPanels .TabbedPanelsContentGroup {
	clear: none;
	float: left;
	padding: 0px;
	width: 30em;
	height: 20em;
}
/*-Estras-*/
/*--Extras--*/
.PayPal
{
	padding:8px;
	margin-top:12px;
	border:1px solid #CCC;
	background-color:#F7F5DB;
	text-align:center;
}
/*-CANCEL ACCOUTN--*/
	
.cancelAccount {
	padding:4px;

}
.dontWorry{
	color:#666;
	font-size:11px;
	background-color:#F5F5F5;
	border:1px solid #CCC;
	margin-top:10px;
	padding:5px;
}

.accountCancel
{
	width:320px;
	margin-top:10px;
}

.cancelAccount span{
	text-decoration:underline;
	color:#C30;
	cursor:pointer;
}
.accountForm label, .accountForm input{
	font-size:14px;
	margin:4px;
	width:300px;
	border:1px solid #F4F4F4;
	}
.accountForm label{
	display:block;
	}
#cancelAccountB span{font-size:13px;}
#cancelAccountC span{font-size:15px;}
#cancelAccountD span{font-size:17px;}
#cancelAccountF,#cancelAccountG{
	padding:8px;color:#333; font-size:12px; 
}

#cancelAccountB , #cancelAccountC , #cancelAccountD , #cancelAccountE, #cancelAccountF,#cancelAccountG
{display:none}
#cancelAccountE input{border:1px solide #999}
/*-----------------*/
.editIMG{ cursor:pointer; margin-top:3px}
.resumenHorasBig{font-size:16px;display:inline; font-weight:normal; color:#555;}