/* -------------------------------------------------------------------------------------
	CSS STYLE FOR CREATE WITH CURTIS
	Created:  4/29/08
	By: Ryan F
		Web Developer
------------------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------------------
--> GENERAL STYLE AREA -->
------------------------------------------------------------------------------------- */

* {
	padding: 0;
	margin: 0;
}

body {
	text-align: center;
	font-size: small;
	background: #006ab1 url(../images/blue_background.jpg) top left repeat;
	color: #2c2c2c;
	font-family: helvetica, arial, sans-serif;
	-moz-opacity: 0.9999;
}

div, p, ul, dl, h1, h2, h3, h4, h5, h6 {
	float: left;
	clear: both;
	width: 100%;
}

a {
	color: #2c2c2c;
	text-decoration: none;
	outline: none;
}

a:hover {
	text-decoration: underline;
}

a img {
	border: none;
}

p {
	margin: 0 0 10px 0;
	line-height: 1.3;
}

ul {
	display: inline;
}

h1 {
	font-size: 140%;
	color: #0056a9;
	border-bottom: 1px dashed #0056a9;
	padding: 0 0 5px;
	margin: 10px 0 10px 0;
}

h1.toggable {
	padding: 5px 0;
	background: #252525;
	border: 0;
	cursor: pointer;
}

h1.toggable span, h4.toggable span {
	margin: 0 5px;
}

h4.toggable {
	padding: 5px 0;
	background: #252525;
	border: 0;
	cursor: pointer;
}

h1.header {
	font-size: 160%;
	color: #fff;
	border-bottom: 1px dashed #fff;
	padding: 0 0 10px;
	margin: 20px 0 10px 0;
}

.left {
	float: left;
	clear: none;
	width: auto;
}

.left * {
	float: left;
}

.right {
	float: right;
	clear: none;
	width: auto;
}

.right * {
	float: left;
}

.half {
	float: left;
	width: 50%;
	clear: none;
}

.half * {
	float: left;
}

select {
	width: 150px;
}

select option {
	display: block;
	float: left;
	clear: both;
	width: 130px;
	padding: 0 15px 0 5px;
}

.small_select {
	font-size: 80%;
	width: 100px;
}

.small_select option {
	display: block;
	float: left;
	clear: both;
	width: 80px;
	padding: 0 15px 0 5px;
}

#background_wrapper {
	background: transparent url(../images/body_bg.jpg) top left repeat-x;
	padding: 0 0 50px 0;
}

.wrapper {
	text-align: left;
	float: none;
	width: 896px;
	margin: 0 auto;
}

.container {
	color: #fff;
	width: 896px;
}

.login .wrapper, .login .container {
	width: 300px;
}

.button {
	font-size: 80%;
	padding: 3px 5px;
	background: #0755a0;
	border: 0;
	color: #fff;
	cursor: pointer;
}

.thick_border {
	border: 3px solid #7e7e7e;
}

.hidden {
	display: none;
}

/* -------------------------------------------------------------------------------------
<-- END GENERAL STYLE AREA <--
------------------------------------------------------------------------------------- */


/* -------------------------------------------------------------------------------------
--> HEADER AREA -->
------------------------------------------------------------------------------------- */

#banner {
	position: relative;
	height: 86px;
	background: transparent url(../images/curtis.png) center left no-repeat;
}

#banner a {
	position: absolute;
	top: 22px;
	left: 0;
	height: 40px;
	width: 140px;
	text-indent: -10000px;
	outline: none;
}

#top_nav {
	width: 876px;
	background: #000;
	padding: 10px 10px 5px 10px;
}

#top_nav ul {
	list-style: none;
	width: 100%;
}

#top_nav ul li {
	float: left;
	clear: none;
}

.main_links li {
	margin: 0 6px 0 0;
}

#top_nav ul li.right {
	float: right;
	margin: 0;
}

.main_links li a {
	text-indent: -10000px;
	outline: none;
	display: block;
	height: 31px;
	width: 112px;
}

.calendar, .calendara {
	background: transparent url(../images/nav_calendar.jpg) 0 -31px no-repeat;
}

.manage_users, .manage_usersa {
	background: transparent url(../images/nav_manage_users.jpg) 0 -31px no-repeat;
}

.manage_clients, .manage_clientsa {
	background: transparent url(../images/nav_manage_clients.jpg) 0 -31px no-repeat;
}

.my_account, .my_accounta {
	background: transparent url(../images/nav_my_account.jpg) 0 -31px no-repeat;
}

.manage_projects, .manage_projectsa {
	background: transparent url(../images/nav_manage_projects.jpg) 0 -31px no-repeat;
}

.curtis {
	background: transparent url(../images/nav_curtis.jpg) 0 -31px no-repeat;
}

.logout {
	background: transparent url(../images/nav_logout.jpg) 0 -31px no-repeat;
}

.calendar:hover, .logout:hover, .curtis:hover, .manage_projects:hover, .manage_clients:hover, .manage_users:hover, .my_account:hover, .manage_projectsa, .manage_usersa, .manage_clientsa, .my_accounta {
	background-position: 0 0;
}

ul.sub_links {
	float: right;
	clear: none;
	font-size: 9px;
	padding: 12px 0 0;
	color: #bfbfc0;
}

ul.sub_links a {
	color: #bfbfc0;
}

/* -------------------------------------------------------------------------------------
<-- END HEADER AREA <--
------------------------------------------------------------------------------------- */

#content_area {
	background: #000;
	width: 876px;
	padding: 0 10px 10px 10px;
}

.login #content_area {
	width: 274px;
	padding: 10px;
	border: 3px solid #7e7e7e;
}

#footer {
	padding: 30px 0;
}

#footer a {
	color: #fff;
	background: #0755a0;
	border: 1px solid #4B4B4B;
	padding: 3px 5px;
}

/* -------------------------------------------------------------------------------------
--> FILE UPLOAD AREA -->
------------------------------------------------------------------------------------- */

#notifications {
	display: none;
}

.notify_users {
	list-style: none;	
}

.notify_users li {
	float: left;
	clear: none;
	width: 180px;
	margin: 0 0 5px 0;
}

.notify_users label {
	margin: 0 5px;
}

#file_upload {
	width: 370px;
}

.flash {
	width: 344px;
	margin: 10px 0;
	padding: 10px;
	background: #fff;
	border: 3px solid #7e7e7e;
}

a.likeParent {
	color: #000000;
	text-decoration: none;
}

.progressWrapper {
	overflow: hidden;
}
.progressContainer {
	margin: 5px;
	padding: 4px;
	width: 324px;
	border: 1px solid #E8E8E8;
	background: #F7F7F7;
	overflow: hidden;
}

.red {
	border: 1px solid #B50000;
	background: #FFEBEB;
}

.green {
	border: 1px solid #DDF0DD;
	background-#EBFFEB;
}

.blue {
	border: 1px solid #CEE2F2;
	background: #F0F5FF;
}

.progressName {
	font-size: 90%;
	font-weight: bold;
	color: #555555;
	width: 305px;
	clear: none;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
}

.progressBarInProgress,
.progressBarComplete,
.progressBarError {
	font-size: 0px;
	width: 0%;
	height: 2px;
	background: blue;
	margin: 2px 0 0 0;
}

.progressBarComplete {
	width: 100%;
	background: green;
	visibility: hidden;
}
.progressBarError {
	width: 100%;
	background: red;
	visibility: hidden;
}
.progressBarStatus {
	margin-top: 2px;
	width: 337px;
	font-size: 7pt;
	font-family: Verdana;
	text-align: left;
	color: #414141;
	white-space: nowrap;
}
a.progressCancel {
	font-size: 0px;
	display: block;
	height: 14px;
	width: 14px;
	background: transparent url(../images/cancelbutton.gif) -14px 0px no-repeat;
	float: right;
}
a.progressCancel:hover {
	background-position: 0px 0px;
}

/* -------------------------------------------------------------------------------------
<-- END FILE UPLOAD AREA <--
------------------------------------------------------------------------------------- */


/* -------------------------------------------------------------------------------------
--> CLIENT COMMENTS AREA -->
------------------------------------------------------------------------------------- */

#comments textarea, #client_projects textarea {
	float: left;
	clear: both;
	width: 364px;
	border: 3px solid #7e7e7e;
	height: 75px;
}

.comment {
	margin: 0 0 5px 0;
}

.comment p {
	padding: 3px 5px;
	width: 360px;
}

.comment_header {
	background: #3F3F3F;
	margin: 0 0 5px 0;
}

.comment span {
	float: left;
	clear: none;
}

.comment .date, .comment .delete {
	float: right;
}

.comment_header .left, .comment_header .right {
	margin: 0 5px;
}

.comment .delete a {
	background: #0755a0;
	color: #fff;
	padding: 1px 3px;
	float: left;
	font-size: 80%;
}

/* -------------------------------------------------------------------------------------
<-- END CLIENT COMMENTS AREA <--
------------------------------------------------------------------------------------- */



/* -------------------------------------------------------------------------------------
--> CLIENT FILES AREA -->
------------------------------------------------------------------------------------- */

#client_files {
	clear: none;
	float: right;
	width: 490px;
}

#client_files ul {
	list-style: none;
	width: 490px;
	float: left;
	border-top: 1px solid #747474;
}

#client_files ul li {
	padding: 3px;
	float: left;
	clear: both;
	width: 484px;
	border-bottom: 1px solid #747474;
	background: #C7C7C7;
}

#client_files ul li.odd_row {
	background: #9E9E9E;
}

#client_files ul li div {
	padding: 3px 0;
}

#client_files ul li span {
	float: left;
	clear: none;
}

#client_files .delete {
	float: right;
}

#client_files .delete a {
	background: #0755a0;
	color: #fff;
	padding: 1px 3px;
	float: left;
	font-size: 80%;
}

#client_files .file_name {
	width: 219px;
	clear: both;
}

#client_files .size {
	width: 75px;
	text-align: right;
}

#client_files .date {
	width: 190px;
	text-align: right;
}

.move_file {
	padding: 0;
	margin: 0;
}

.move_file * {
	float: left;
}

.move_file label {
	font-size: 90%;
	padding: 4px 10px 0 0;
}

.move_file .button {
	font-size: 80%;
	padding: 1px 3px;
	margin: 2px 0 0 10px;
	background: #0755a0;
	border: 0;
	color: #fff;
	cursor: pointer;
}

#all_folders h3 {
	font-size: 100%;
	width: 470px;
	margin: 5px 0 0;
	padding: 5px 10px;
	background: #0056a9;
	border-bottom: 1px solid #414141;
}

#all_folders h3:hover {
	cursor: pointer;
}

#all_folders ul {
	display: none;
}

#all_folders ul * {
	display: inline;
}


/* -------------------------------------------------------------------------------------
<-- END CLIENT FILES AREA <--
------------------------------------------------------------------------------------- */


/* -------------------------------------------------------------------------------------
--> MANAGE CLIENTS AREA -->
------------------------------------------------------------------------------------- */

#client_list, #user_form ul {
	list-style: none;
}

#client_list li {
	float: left;
	width: 870px; 
	color: #252525; 
	font-weight: bold;
	clear: both; 
	background: #C7C7C7; 
	padding: 3px;
}

#client_list li.odd {
	background: #9E9E9E;
}

#client_list .left {
	float: left;
	clear: none;
	width: 300px;
}

#client_list .right {
	float: right;
	clear: none;
	width: auto;
}

#client_list .right a {
	margin: 0 10px;
	color: #252525;
}

#user_form {
	margin: 15px 0;
	display: inline;
	background: #464646;
	color: #fff;
	font-weight: bold;
	padding: 10px;
	width: 856px;
}

#user_form ul {
	width: 100%;
}

#user_form ul li {
	float: left; 
	clear: both; 
	padding: 0 0 5px;
}

#user_form label {
	float: left;
	width: 140px;
	text-align: left;
}

#user_form select {
	float: left;
}

#user_form select option {
	float: left;
	clear: both;
	width: 100%;
	display: block;
	padding: 0 20px 0 0;
}

#user_form .submit {
	width: auto;
	padding: 3px 5px;
	border: 1px solid #4B4B4B;
	background: #B8C460;
}

/* -------------------------------------------------------------------------------------
<-- END MANAGE CLIENTS AREA <--
------------------------------------------------------------------------------------- */

.login label {
	font-size: 90%;
	width: 100px;
	float: left;
	padding: 3px 0 0;
}

/* -------------------------------------------------------------------------------------
--> CLIENT PROJECTS AREA -->
------------------------------------------------------------------------------------- */

#client_projects_header:hover {
	cursor: pointer;
}

#client_projects {
	margin: 0 0 20px 0;
}

.add_comments {
	float: left;
	width: 380px;
}

.show_comments {
	float: right;
	width: 380px;
	clear: none;
}

#client_projects p {
	width: 380px;
}

#client_projects .project_status {
	float: left;
	clear: both;
	margin: 4px 10px 10px 0;
}

#client_projects .todo_status {
	float: left;
	clear: both;
	margin: 2px 10px 10px 0;
}

#client_projects h3 {
	float: left;
	clear: none;
	font-size: 100%;
	font-weight: bold;
	width: 756px;
	margin: 0 0 10px;
	padding: 3px 10px 3px;
	background: #0056a9;
	cursor: pointer;
	border-bottom: 1px solid #414141;
}

#client_projects h3.project_completed {
	background: #C9C9C9;
	color: #5C5B5B;
}

#client_projects h3.warning {
	background: #A80006;
}

#client_projects h4 {
	margin: 10px 0 5px;
	font-size: 110%;
	padding: 2px 0 2px 0;
	background: #252525;
	cursor: pointer;
}

#client_projects .smaller_comments h4 {
	width: 380px;
	margin: 5px 0 0 20px;
	display: inline;
}

#client_projects .smaller_comments .add_comments {
	margin: 5px 0 0 20px;
	display: inline;
}

#client_projects h4 span {
	margin: 0 5px;
}

#client_projects ul {
	list-style: none;
	width: 800px;
	margin: 0 0 10px 40px;
	display: none;
}

#client_projects ul li {
	margin: 0 0 2px 0;
	float: left;
	clear: both;
	width: 100%;
}

.todo_completed {
	text-decoration: line-through;
}

.edit_todo {
	padding: 2px 10px 0 5px;
}

.remove_project {
	padding: 2px 10px 0 5px;
}

.remove_project a {
	color: #fff;
	font-weight: bold;
}

.notyour_todo {
	padding: 2px 10px;
}

#client_projects ul li .your_todo {
	background: #CEC390;
	padding: 2px 10px;
	color: #000;
}

#client_projects ul li.sortableitem {
	cursor: move;
}

#client_projects ul li a {
	color: #fff;
	font-weight: bold;
}

#add_project_button {
	margin: 20px 0 0;
}

#add_project {
	margin: 20px 0 0;
	display: none;
}

#add_project label, #client_projects label {
	width: 100px;
	float: left;
	font-size: 90%;
}

.view_client {
	float: left;
	clear: both;
	font-weight: bold;
	margin: 0 5px;
	padding: 4px 0;
}

.view_client a {
	color: #fff;
}




.side_bar {
	width: auto;
}

.mini_calendar {
	width: 200px;
	float: left;
	background: #fff;
}

.large_calendar {
	width: 876px;
	clear: none;
	background: #fff;
}

.large_entries_cell span {
	white-space: nowrap;
	float: left;
}

.entry_tag {
	float: left;
	width: 10px;
	height: 10px;
	margin: 2px 5px 0 0;
}

input.entry_tag {
	border: 0;
	text-indent: -1000px;
	cursor: pointer;
}

.mini_calendar th, .large_calendar th {
	text-align: center;
	color: #000;
}

.large_calendar th {
	padding: 5px 0;
}

.mini_calendar td a {
	display: block;
	width: 100%;
	text-align: center;
}

.mini_calendar td, .large_calendar td {
	border: 1px solid #414141;
}

.large_calendar a {
	z-index: 5;
}

.entry_description {
	display: none;
	width: 200px;
	position: absolute;
	top: 0;
	left: 0;
	background: #fff;
	padding: 5px;
	border: 2px solid #000;
	z-index: 1000;
}

.entry_description h3 {
	font-size: 1.3em;
}


.mini_calendar tr {
	border: 1px solid #414141;
}

.mini_calendar td.calendar_today {
	background: #EBD6D1;
}

.large_calendar td {
	width: 124px;
	vertical-align: top;
}

.blank_cell .large_cal_day {
	background: #C9C9C9;
}

.blank_cell .large_cal_day a {
	color: #585858;
}

.large_cal_day {
	border-bottom: 1px solid #414141;
	background: #D0E4EB;
	margin: 0 0 5px 0;
}

td.calendar_today {
	background: #EBD6D1;
}

.large_cal_day a {
	display: block;
	float: left;
	width: 100%;
	text-align: right;
	padding: 2px 0;
}

.blank_cell {
}

.large_entry a.multiple_days_start {
	width: 103px;
	background: transparent url(../images/multi_entry_start.jpg) top left no-repeat;
}

.large_entry a.multiple_days_middle {
	margin: 0 0 0 -1px;
	width: 103px;
	background: transparent url(../images/multi_entry_mid.jpg) top left repeat-x;
}

.large_entry a.multiple_days_end {
	margin: 0 0 0 -1px;
	width: 103px;
	background: transparent url(../images/multi_entry_end.jpg) top right no-repeat;
}

.blank_space {
	height: 20px;
	margin: 3px 0;
}

.large_entry {
	height: 20px;
	margin: 3px 0;
	position: relative;
}

.large_entry a {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 102px;
	overflow: hidden;
	height: 17px;
	font-size: 12px;
	z-index: 1;
	padding: 3px 10px 0;
}

.large_entry a.span_2 {
	width: 249px;
	z-index: 100;
}

.large_entry a.span_3 {
	width: 374px;
	z-index: 100;
}

.large_entry a.span_4 {
	width: 499px;
	z-index: 100;
}

.large_entry a.span_5 {
	width: 624px;
	z-index: 100;
}

.large_entry a.span_6 {
	width: 749px;
	z-index: 100;
}

.large_entry a.span_7 {
	width: 874px;
	z-index: 100;
}

.large_entry a.multiple_days_middle.span_2 {
	width: 229px;
}
.large_entry a.multiple_days_middle.span_3 {
	width: 354px;
}
.large_entry a.multiple_days_middle.span_4 {
	width: 479px;
}
.large_entry a.multiple_days_middle.span_5 {
	width: 604px;	
}
.large_entry a.multiple_days_middle.span_6 {
	width: 729px;
}
.large_entry a.multiple_days_middle.span_7 {
	width: 854px;
}

.entries_list {
	width: 400px;
}

.entries_list li {
	float: left;
	clear: both;
	width: 100%;
}

.entries_list a {
	float: left;
	width: 100%;
	display: block;
}

#tag_list {
	float: left;
	clear: none;
	width: 856px;
}

#tag_list p {
	float: left;
	clear: none;
	width: 152px;
	padding: 2px 10px 2px 0;
	margin: 0;
}









/* -------------------------------------------------------------------------------------
--> ENTRY FORM STYLE -->
------------------------------------------------------------------------------------- */

input.date_input {
	width: 100px;
	margin: 0 5px 0 0;
}

#new_entry {
	width: 400px;
	float: left;
	padding: 20px 0 0 20px;
}

#new_entry label {
	width: 100px;
	float: left;
}

#new_entry input {
	float: left;
}

#include_dates_select, #exclude_dates_select {
	width: 175px;
}

#these_relative_days, #days_of_week, #repeat_options {
	display: none;
}

#repeat_options {
	margin: 0 0 10px 0;
	padding: 10px;
	width: 380px;
	background: #BED8FF;
}

#days_of_week label, #these_relative_days label, #tags label {
	width: auto;
	margin: 0 5px 0 0;
	float: left;
}

#days_of_week input, #these_relative_days input, #tags input {
	width: auto;
	float: left;
	margin: 0 10px 0 0;
}

#new_entry .header {
	margin: 0 0 5px 0;
	padding: 0 0 3px 0;
	border-bottom: 2px solid #333333;
}

#new_entry .header label {
	width: 100%;
	text-align: center;
}

#new_entry .large_label {
	width: 150px;
}

#new_entry button, #new_entry .button {
	border: 1px solid #333;
	width: auto;
	background: #D3D3D3;
	cursor: pointer;
	padding: 2px 3px;
	float: left;
}

.swfupload {
	float: left;
	border: 1px solid #333;
	background: #D3D3D3;
}

#description {
	width: 100%;
	height: 100px;
}

#tags {
	margin: 0 0 10px 0;
}

/*datepicker*/
/* Main Style Sheet for jQuery UI date picker */
.ui-datepicker-div, .ui-datepicker-inline, #ui-datepicker-div {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	font-family: Lucida Grande, Lucida Sans, Arial, sans-serif;
	background: #f3f3f3 url(../images/f3f3f3_40x100_textures_01_flat_0.png) 0 0 repeat-x;
	font-size: 1.2em;
	border: 4px solid #dddddd;
	width: 15.5em;
	padding: 2.5em .5em .5em .5em;
	position: relative;
}
.ui-datepicker-div, #ui-datepicker-div {
	z-index: 9999; /*must have*/
	display: none;
}
.ui-datepicker-inline {
	float: left;
	display: block;
}
.ui-datepicker-control {
	display: none;
}
.ui-datepicker-current {
	display: none;
}
.ui-datepicker-next, .ui-datepicker-prev {
	position: absolute;
	left: .5em;
	top: .5em;
	width: auto;
	background: #e0e0e0 url(../images/e0e0e0_40x100_textures_02_glass_80.png) 0 50% repeat-x;
}
.ui-datepicker-next {
	left: 14.6em;
}
.ui-datepicker-next:hover, .ui-datepicker-prev:hover {
	background: #d8d8d8 url(../images/d8d8d8_40x100_textures_02_glass_90.png) 0 50% repeat-x;
}
.ui-datepicker-next a, .ui-datepicker-prev a {
	text-indent: -999999px;
	width: 1.3em;
	height: 1.4em;
	display: block;
	font-size: 1em;
	background: url(../images/888888_7x7_arrow_left.gif) 50% 50% no-repeat;
	border: 1px solid #cccccc;
	cursor: pointer;
}
.ui-datepicker-next a {
	background: url(../images/888888_7x7_arrow_right.gif) 50% 50% no-repeat;
}
.ui-datepicker-prev a:hover {
	background: url(../images/222222_7x7_arrow_left.gif) 50% 50% no-repeat;
}
.ui-datepicker-next a:hover {
	background: url(../images/222222_7x7_arrow_right.gif) 50% 50% no-repeat;
}
.ui-datepicker-prev a:active {
	background: url(../images/ffffff_7x7_arrow_left.gif) 50% 50% no-repeat;
}
.ui-datepicker-next a:active {
	background: url(../images/ffffff_7x7_arrow_right.gif) 50% 50% no-repeat;
}
.ui-datepicker-header select {
	border: 1px solid #cccccc;
	color: #444444;
	background: #e0e0e0;
	font-size: 1em;
	line-height: 1.4em;
	position: absolute;
	top: .5em;
	margin: 0 !important;
}
.ui-datepicker-header option:focus, .ui-datepicker-header option:hover {
	background: #d8d8d8;
}
.ui-datepicker-header select.ui-datepicker-new-month {
	width: 7em;
	left: 2.2em;
}
.ui-datepicker-header select.ui-datepicker-new-year {
	width: 5em;
	left: 9.4em;
}
table.ui-datepicker {
	width: 15.5em;
	text-align: right;
}
table.ui-datepicker td a {
	padding: .1em .3em .1em 0;
	display: block;
	color: #444444;
	background: #e0e0e0 url(../images/e0e0e0_40x100_textures_02_glass_80.png) 0 50% repeat-x;
	cursor: pointer;
	border: 1px solid #f3f3f3;
}
table.ui-datepicker td a:hover {
	border: 1px solid #2694e8;
	color: #000000;
	background: #8ab9ff url(../images/8ab9ff_40x100_textures_02_glass_50.png) 0 50% repeat-x;
}
table.ui-datepicker td a:active, table.ui-datepicker td.ui-datepicker-current-day a {
	border: 1px solid #2694e8;
	color: #000000;
	background: #8ab9ff url(../images/8ab9ff_40x100_textures_02_glass_50.png) 0 50% repeat-x;
}
table.ui-datepicker td.ui-datepicker-today a {
	border: 1px solid #888888;
	color: #111111;
	background: #f0e8bc url(../images/f0e8bc_40x100_textures_02_glass_90.png) 0 50% repeat-x;
}

table.ui-datepicker .ui-datepicker-title-row td {
	padding: .3em 0;
	text-align: center;
	font-size: .9em;
	color: #362b36;
	text-transform: uppercase;
}
table.ui-datepicker .ui-datepicker-title-row td a {
	color: #362b36;
}
.ui-datepicker-cover {
	display: none;
	display/**/: block;
	position: absolute;
	z-index: -1;
	filter: mask();
	top: -4px;
	left: -4px;
	width: 193px;
	height: 200px;
}

#colorpicker {
	display: none;
}

.farbtastic {
  position: relative;
}
.farbtastic * {
  position: absolute;
  cursor: crosshair;
}
.farbtastic, .farbtastic .wheel {
  width: 195px;
  height: 195px;
}
.farbtastic .color, .farbtastic .overlay {
  top: 47px;
  left: 47px;
  width: 101px;
  height: 101px;
}
.farbtastic .wheel {
  background: url(../images/wheel.png) no-repeat;
  width: 195px;
  height: 195px;
}
.farbtastic .overlay {
  background: url(../images/mask.png) no-repeat;
}
.farbtastic .marker {
  width: 17px;
  height: 17px;
  margin: -8px 0 0 -8px;
  overflow: hidden; 
  background: url(../images/marker.png) no-repeat;
}