#diary { width: 100%; margin: 0; }

    #diary div.title { display: block; width: 90%; margin: 0 auto 30px auto; border-bottom: 1px solid #ffffff; border-left: 20px solid transparent; border-right: 20px solid transparent; }
        #diary div.title h1 { font-size: 14px; line-height: 50px; height: 50px; color: #000000; text-shadow: 0 0 3px #ffffff; font-weight: bold; border-bottom: 1px solid #c4c4c4; border-left: 10px solid transparent; border-right: 10px solid transparent; }

	/* controladores */
	#diary .controllers { width: 50%; margin: 0 0 10px 20px; float: left; }
        #diary .controllers .prev { width: 32px; height: 32px; float: left; margin: 0 10px 0 0; background: transparent url(../../../../../src/img/diary/previous.png) no-repeat; cursor: pointer; }
        #diary .controllers .next { width: 32px; height: 32px; float: left; margin: 0 20px 0 0; background: transparent url(../../../../../src/img/diary/next.png) no-repeat; cursor: pointer; }
        #diary .controllers p { font-size: 14px; font-weight: bold; color: #DA2041; text-shadow: 0 0 3px #ffffff; float: left; line-height: 32px; }

	/* tabela */
	#diary table.diary { width: 50%; margin: 0 0 0 20px; border: 1px solid #000000; float: left; background-color: #ffffff; }
		#diary table.diary tr { border-bottom: 1px solid #000000; }

			/* titulo */
			#diary table.diary tr th { text-align: center; border-bottom: 1px solid #ffffff; border-right: 1px solid #ffffff; background-color: #000000; width: 14%; }
			#diary table.diary tr th:last-child { border-right: none; }
				#diary table.diary tr th span { font-weight: bold; font-size: 14px; line-height: 40px; color: #ffffff; }

			/* calendario */
			#diary table.diary tr td { border-bottom: 1px solid #000000; border-right: 1px solid #000000; position: relative; }
			#diary table.diary tr td.final_row { border-bottom: none; }
			#diary table.diary tr td.last { border-right: none; }

			#diary table.diary tr td div { position: relative; display: block; width: 100%; min-height: 50px; height: 100%; }
			#diary table.diary tr td div.out_of_range { background-color: #ffffff; } /* campos fora do mes */
			#diary table.diary tr td div.event { background-color: #858484; cursor: pointer; } /* campos com eventos */
                #diary table.diary tr td div.event p { text-shadow: 0 0 0 #ffffff; }
			#diary table.diary tr td div.null { background-color: #E7E5E6; } /* campos sem eventos */
			#diary table.diary tr td div.today { background-color: red; } /* campo de hoje */
				#diary table.diary tr td div p { position: absolute; bottom: 5px; left: 5px; color: #000000; text-shadow: 0 0 3px #ffffff; font-size: 12px; font-weight: bold; }

	/* listagem dos eventos */
	#diary #diary_events_title { width: 40%; float: right; margin: 0 5% 0 0; font-size: 14px; font-weight: bold; text-shadow: 0 0 3px #ffffff; color: #DA2041; }
    #diary #diary_events_text { width: 40%; float: right; margin: 10px 5% 0 0; font-size: 11px; color: #000000; text-shadow: 0 0 3px #ffffff; }