body,html{
	/*height:100%;*/
	background:#DDDDDD;
	background-color: #DDDDDD; /* Navegadores sin CSS3 */
    background-image: -moz-linear-gradient(100% 100% 90deg, #DDDDDD, #F9F9F9); /* Firefox */
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#DDDDDD), to(#F9F9F9)); /* Webkit: Chrome, Opera,... */
    background-image: linear-gradient(top , #DDDDDD, #F9F9F9 ); /* CSS3 puro */
}

.boton{
	cursor:pointer;
}

#forgot_password{
	font-size:10px;
	color:blue;
	text-align:right;
}

.top{
	position:relative;
	top:0px;
	left:0px;
	z-index:1;
	height:0;
	background:#E0E0E0;
	//border-bottom:1px solid #CCCCCC;
}
.content{
	position:relative;
	top:0px;
	left:0px;
	width:1200px;
	height:750px;
	margin-left:auto;
	margin-right:auto;
	border:1px solid #CCCCCC;
	background:#FFFFFF;
}

.content_left{
	position:absolute;
	top:0px;
	left:0px;
	background:#F9F9F9;
	width:250px;
	height:100%;
	border-right:solid 1px #CCCCCC;
	box-shadow: 5px 0px 5px #DDDDDD;
	z-index:1;
	overflow-y: auto;
	overflow-x: hidden;
}

.left_label{
	position:relative;
	width:230px;
	margin-left:auto;
	margin-right:auto;
	color:#999999;
	font-size:16px;
}

.user_info{
	position:relative;
	width:230px;
	margin-left:auto;
	margin-right:auto;
	color:#999999;
	font-size:16px;
}

#user_info{
	position:relative;
	top:0px;
	left:0px;
	width:230px;
	border-bottom:1px solid #CCCCCC;	
}

.left_form{
	border:none;
	background:none;
	color:#999999;
	text-align:left;
	font-size:14px;
}

#user_name{
	width:150px;
	color:#000000;
	font-size:20px;
}

#free_days{
	width:75px;
	color:#000000;
	font-size:20px;
}

#calendar_year{
	width:100px;
	font-size:20px;
	text-align:center;
}

.selected_day{
	position:relative;
	width:230px;
	margin-left:auto;
	margin-right:auto;
	border-bottom:1px solid #CCCCCC;

}

.day{
	width:230px;
	border:none;
	background:none;
	color:#999999;
	text-align:left;
	font-size:60px;
}

.full_date{
	width:230px;
	border:none;
	background:none;
	color:#999999;
	text-align:left;
	font-size:14px;

}

.login{
	position:relative;
	width:230px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	border-bottom:solid 1px #CCCCCC;
}
.users{
	position:relative;
	min-height:100px;
	max-height:200px;
	width:230px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	border-bottom:solid 1px #CCCCCC;
}

#users{
	overflow-y: auto;
	overflow-x: hidden;
	max-height:160px;
}

.users_element{
	color:#999999;
	text-align:left;
	font-size:14px;
	width:200px;
	text-align:right;
	cursor:pointer;
}

.delete_user{
	display:none;
}


.notes{
	position:relative;
	min-height:75px;
	max-height:300px;
	width:230px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	border-bottom:solid 1px #CCCCCC;
}

.notes_element{
	color:#999999;
	text-align:left;
	font-size:14px;
	width:200px;
	text-align:right;
	background:none;
	border:none;
	font-size:12px;

}

#notes{
	overflow-y: auto;
	overflow-x: hidden;
	max-height:260px;
}

.new{
	color:red;
}

.remove_note
{
	display:none;
}

.share_note{
	display: none;
}

.events{
	position:relative;
	min-height:75px;
	max-height:300px;
	width:230px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	border-bottom:solid 1px #CCCCCC;
}

#events{
	overflow-y: auto;
	overflow-x: hidden;
	max-height:260px;
}

.events_element{
	color:#999999;
	text-align:left;
	font-size:14px;
	width:200px;
	text-align:right;
	background:none;
	border:none;
}

.remove_event
{
	display:none;
}



.calendars{
	position:relative;
	min-height:75px;
	width:230px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	border-bottom:solid 1px #CCCCCC;
}

.calendars_element{
	color:#999999;
	text-align:left;
	font-size:14px;
	width:160px;
	text-align:right;
	background:none;
	border:none;
}

.delete_calendar{
	display: none;
}

.share_calendar{
	display: none;
}

.editable{
	background:#FFFFFF;
	border: solid 1px #000000;
}	

.circle{
	width:10px;
	height:10px;
	border-radius:250px;
}

.content_right{
	position:absolute;
	top:0px;
	left:250px;
	height:100%;
}

.month td, th{
	text-align: center;
	vertical-align: middle;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	color:#999999;
	position: relative;
	height:20px;
	width:30px;
}


.month th.month_header{
	text-align: right;
}

.month td:hover{
	background:#DDDDDD;
}


.month td.today{
	font-weight:bold;
	color:#000000;
}

.month td.past{
	color:#CCCCCC;
}

.month td.past:hover{
}

.month td.holiday{
	color:red;
}

.month td.forced{
	color:#800000;
}

.month td.user_holiday{
	color:red;
}

#enero
{
	position:absolute;
	top:10px;
	left:30px
}

#febrero
{
	position:absolute;
	top:10px;
	left:260px
}

#marzo
{
	position:absolute;
	top:10px;
	left:490px
}

#abril
{
	position:absolute;
	top:10px;
	left:720px
}

#mayo
{
	position:absolute;
	top:210px;
	left:30px
}

#junio
{
	position:absolute;
	top:210px;
	left:260px
}

#julio
{
	position:absolute;
	top:210px;
	left:490px
}

#agosto
{
	position:absolute;
	top:210px;
	left:720px
}

#septiembre
{
	position:absolute;
	top:410px;
	left:30px
}

#octubre
{
	position:absolute;
	top:410px;
	left:260px
}
#noviembre
{
	position:absolute;
	top:410px;
	left:490px
}

#diciembre
{
	position:absolute;
	top:410px;
	left:720px
}

#nextYear
{
	position:absolute;
	top:610px;
	left:30px
}

.dialog
{
	display:none;
	position:absolute;
	background: rgba(249, 249, 249, 0.95);
	/*background: -webkit-gradient(linear, left top, left bottom, from(rgba(100, 100, 100, 0.9)),  to(rgba(100,100,100,0.7)));*/
	min-width:150px;
	min-height:50px;
	border:solid 1px #CCCCCC;
	z-index: 1;
}

.dialog_label{
	color:#999999;
	font-size:16px;
}

.dialog_input{
	width:200px;
	color:#999999;
	text-align:left;
	font-size:14px;
}

.dialog_element
{
	width:200px;
	margin-left:auto;
}

.buttons{
	text-align:right;
}

#add_event_table
{
	margin-left:auto;
	margin-right:auto;
	margin-top:auto;
}