#smCalendar {
	width: 100%;
	margin-bottom:30px;
}

#smCalendar>table {
	width:100%;
	height:auto;
	padding:3px;
	border:1px solid #bbb;
	border-radius:5px;
}
#smCalendar table th {
	width:110px;
	height:auto;
	background:#eee;
	color:#aaa;
	padding:0px;
	font-family:"Oswald";
	font-weight:normal;
	font-size:16px;
	border-width:0px 2px 2px 0px;
	border-style: solid;
	border-color:#FFF;
	background: #eeeeee; /* Old browsers */
	background: -moz-linear-gradient(top, #eeeeee 0%, #eeeeee 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #eeeeee 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #eeeeee 0%,#eeeeee 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #eeeeee 0%,#eeeeee 100%); /* IE10+ */
	background: linear-gradient(to bottom, #eeeeee 0%,#eeeeee 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
}
#smCalendar table th:first-child {
	text-align:center;
	border-width:0px 2px 2px 0px;
	border-style: solid;
	border-color:#FFF;
	width:20px;
}
#smCalendar table th a {
	font-size:16px;
	color:#555;
}
#smCalendar table tbody td {
	width:114px;
	padding: 0 12px 0 0 !important;
	border-width:0px 2px 2px 0px;
	border-style: solid;
	border-color:#FFF;
	font-size:12px;
	color:#000;
	text-align:center;
	vertical-align:top;
	border-radius:5px;
}
#smCalendar table tbody td:hover {
	cursor:pointer;
	transition:height 0.5s;
}
#smCalendar table tbody td span {
    display: block;
    background: none;
    color: #000;
    cursor: pointer;
    text-align: left;
    padding-left: 7px;
    font-weight: 600;
    overflow: hidden;
    height: auto; 
}
#smCalendar table tbody tr {
	width:110px;
	padding:10px;
	font-size:12px;
	color:#000;
}

#smCalendar .hover td {
	background-color: #e5e5e5;
}

#smCalendar .hover {
	background: #e5e5e5 !IMPORTANT;
}

.event-tt{
	position: relative;
    text-align: left;
    padding-left: 7px;
   	height: auto; 
}

#smCalendar_Controls {
	border-style:solid;
	border-color:#aaa;
	border-width:1px 1px 0px 1px;
	overflow:hidden;
	margin:0 auto 0;
	width:470px;
	padding:0;
	border-radius:5px 5px 0px 0px;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
    z-index: 99999;
}

#smCalendar_Controls button{
	float:left;
	padding:7px 0px;
	text-align:center;
	margin:2px;
	cursor:pointer;
	color:#0066CC;
	font-size:14px;
	border: 1px solid transparent;
	margin:3px;
    width: 30% !important;
	background:none;
	border-radius:3px;
}
#smCalendar_Controls button:hover{
	background: #ededed; /* Old browsers */
	background: -moz-linear-gradient(top, #ededed 0%, #f6f6f6 53%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(53%,#f6f6f6), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ededed 0%,#f6f6f6 53%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ededed 0%,#f6f6f6 53%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ededed 0%,#f6f6f6 53%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ededed 0%,#f6f6f6 53%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	border:1px solid #ddd;
}

.smCalendarAddEvent td {
	background:url("images/calendar_adauga_eveniment.png") no-repeat center center #eee;
	transition:0.25s;
	cursor:pointer;
	height:30px;
}

.smCalendarAddEvent td:hover {
	background-color:#aaa;
    -webkit-transition: background-color 250ms linear;
    -moz-transition: background-color 250ms linear;
    -o-transition: background-color 250ms linear;
    -ms-transition: background-color 250ms linear;
    transition: background-color 250ms linear;
	cursor:pointer;
	height:30px;
}

.smCalendarLastMonth {
	background: rgba(238, 238, 238,0.5) !important;
}

.smCalendar_formModal {
	height:auto !IMPORTANT;	
	width:auto !IMPORTANT;	
}

.smCalendar_formModal  input, .smCalendar_formModal  textarea, .smCalendar_formModal  select {
	border: 1px solid #ccc !IMPORTANT;
	background: #fff !IMPORTANT;
	color: #ddd !IMPORTANT;
	outline: none !IMPORTANT;
	padding:4px !IMPORTANT;
	clear:both;
	height:auto !IMPORTANT;
	display:block;
	margin: 5px 0px 0px 0px !IMPORTANT;
	border-radius:3px;
	color: #555 !IMPORTANT;
	font-size:12px !IMPORTANT;
}

.smCalendar_formModal  input:hover, .smCalendar_formModal textarea:hover {
	border: 1px solid #666 !IMPORTANT;
	transition:0.5;
}

.smCalendar_formModal  input:focus, .smCalendar_formModal textarea:focus {
	border: 1px solid #666 !IMPORTANT;
	transition:0.5;
}

.smCalendar_formModal textarea {
	width:90%;
}
.smCalendar_formModal  label{
	padding:3px 3px 3px 0px !IMPORTANT;
	margin: 5px 0px 0px 0px !IMPORTANT;
	clear:both;
	text-size:10px !IMPORTANT;
	color: #222;
}

.smCalendar_addEvent {
    padding: 7px 10px !important;
    height: 9px;
    transition: none !IMPORTANT;
    position: absolute;
    top: -26px;
    left: 0px;
    background: url(images/calendar_adauga_eveniment.png) no-repeat scroll center center #828282;
    background-size: 15px;
    border-radius: 3px;
    width: 3px;
}

.smCalendar_addEvent:hover{
	background: url('images/calendar_adauga_eveniment.png') no-repeat scroll center center #d70d0d;
	background-size: 15px;
	transition: background-color 250ms linear 0s !IMPORTANT;
	cursor: pointer;
}

.tdrelative{
    height: 0px !important;
    padding: 0px !important;
    position: relative !important;
    border: none !important;
}

.event-bg-color{
    position: absolute;
    top: 12px;
    left: 0px;
    height: 10px;
    width: 10px;
    border-radius: 100%;
}

.smCalendar_validationValid {
	background-color: green;
	color:#FFFFFF;
}

.smCalendar_validationInvalid {
	background-color: red;
	color:#FFFFFF;
}

#smCalendar_mainValidation {
	border-radius:5px;
	width:100%;
	padding:5px;
	margin:5px;
	font-size:14px;
	float: left;
	margin-top: 10px;
}

.smCalendar_eventBox {
    display: block;
    padding: 5px;
    border-radius: 3px;
    z-index: 8;
    position: relative;
    width: 100%;
    float: left;
    height: 36px;
    overflow: hidden;
    margin: 1px 0;
}

.smCalendar_eventBox:hover {
    opacity: 1;
    transform: scale(1.6);
    -moz-transform: scale(1.6);
    -webkit-transform: scale(1.6);
    -o-transform: scale(1.6);
    -ms-transform: scale(1.6);
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    box-shadow: 1px 1px 5px #888888;
    min-height: 110px;
    background: #fff !important;
    z-index: 999;
    padding: 10px;
    transform-origin: -12px 12px;
    -webkit-transform-origin: -12px 12px;
    -moz-transform-origin: -12px 12px;
    height: auto;
    width: auto !IMPORTANT;
}

.smCalendar_eventBox:hover .event-bg-color 
{ left: 3px;
  top: 17px; 
}

.smCalendar_eventBox:hover .eventDescription 
{
    display: block !important;
}

.smCalendar_eventBox span {
	display:block;
	color:#555;
	padding:3px;
	margin:2px 0;
	cursor:pointer;
}
#smCalendar .smCalendar_eventBox .eventDescription b {
	display:inline-block;
}
#smCalendar .smCalendar_eventBox .eventDescription button {
	font-size:9px;
	padding:2px;
	border:none;
	/*background:#fff;*/
	border-radius:2px;
	margin-top:3px;
}
#smCalendar .smCalendar_eventBox .eventDescription button:hover {
	/*background:#ddd;*/
}
#smCalendar .smCalendar_eventBox .eventDescription {
    height: 0;
    display: none;
    overflow: hidden;
    font-size: 9px;
    width: 100%;
    margin-left: -5px !IMPORTANT;
}
#smCalendar .smCalendar_eventBox:hover .eventDescription {
    height: auto;
    border-radius: 0 0 3px 3px;
    padding-bottom: 5px !IMPORTANT;
    width: 100%;
    float: left;
    text-align: left;
    padding-left: 13px;
    height: auto;
    margin-top: 5px;
}