*{padding:0; margin:0;}
html, body, form, table, td, h1, h2, h3, h4, p, a, ul, ol, li, input {font-family:Trebuchet MS, Arial, Verdana, Helvetica, sans-serif; color:#000;}
html, body{background:#fff; margin:0 auto 10px auto; padding:0; text-align:center; }
#wrapper, #header, #footer, #footer_shadow, #content_wrapper, #content_outer_wrapper, #loginbox{width:988px;}
#wrapper{text-align:left; margin:0 auto; padding:0;}
#header{background:transparent url(/ut/images/header_bg.jpg) no-repeat top center; height:126px; padding:0; margin:0 0 3px 0;}
#header #logo{float:left; padding:25px 0 0 35px;}
#header #header_buttons{position:relative; float:right; right:20px; top:80px;}
#header #header_buttons img{border:0;}
#header #header_buttons a, #header #header_buttons a:link, #header #header_buttons a:visited{color:#fff; text-decoration:none; font-size:11px; margin:0 5px;}
#header #header_buttons a:hover, #header #header_buttons a:active{color:#fff; text-decoration:underline; font-size:11px; margin:0 5px;}

#content_outer_wrapper{ padding:0; margin:0 0 3px 0;}
#content_wrapper{background:transparent url(/ut/images/content_bg.gif) repeat-y top center; padding:0; margin:0;}
#content_wrapper #content_header{background:transparent url(/ut/images/content_header.jpg) no-repeat top center; padding:0; height:48px;}
#content_wrapper #content_header_login{background:transparent url(/ut/images/content_header_login.jpg) no-repeat top center; padding:0; height:48px;}
#content_outer_wrapper #content_footer{background:transparent url(/ut/images/content_footer.gif) no-repeat top center; padding:0; font-size:0; line-height:0; height:8px;}
#content_wrapper #content{width:960px; margin:8px auto 5px auto;}

#loginbox_outer{margin:0 0 3px 0; display:none;}
#loginbox{background:#272727 url(/ut/images/content_bg.gif) repeat-y top center; padding:0; margin:0; color:#fff;}
#loginbox #loginbox_header{background:transparent url(/ut/images/content_top.gif) no-repeat top center; padding:0; margin:0; font-size:0; line-height:0; height:8px;}
#loginbox_outer #loginbox_footer{background:#272727 url(/ut/images/content_footer.gif) no-repeat top center; padding:0; margin:0; font-size:0; line-height:0; height:8px;}
#loginbox #loginbox_content{padding:5px 10px;}
#loginbox #loginbox_content strong{color:#fff; font-size:12px;}
#full_col{
	padding:5px;
	font-size:80%;
}
#left_col {
	float:left;
	width:250px;
	margin:3px 0 5px 0;
	padding:0 0 18px 0; 
	font-size:80%;
}
#right_col {
	float:right;
	font-size:80%;
	width:680px;
	margin:3px 4px 10px 0;
	padding:0 0 0 10px;
}
.clear_both{
	clear:both;
}

.page_title{display:none;}

#footer{background:transparent url(/ut/images/footer_bg.jpg) no-repeat top center; height:54px; padding:0;}
#footer_shadow{background:transparent url(/ut/images/footer_shadow.jpg) no-repeat top center; height:54px; padding:0;}

#copyright{text-align:center; padding:20px; color:#fff; font-size:70%;}
#copyright a, #copyright a:link, #copyright a:visited{color:#fff; text-decoration:none;}
#copyright a:hover, #copyright a:active{color:#fff; text-decoration:underline;}
#mainmenu{
	position:relative;
	display:block;
	height:48px;
	line-height:44px;
	font-size:12px;
	padding:0px 0px 0px 20px;
}
#mainmenu ul{
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;
}
#mainmenu ul li{
	display:block;
	float:left;
	color:#fff;
}
#mainmenu ul li.first, #mainmenu ul li a{
	display:block;
	float:left;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	padding:3px 20px 0 20px;
	height:48px;
	background:transparent url(/ut/images/nav_seperator.gif) no-repeat center right;
}
#mainmenu ul li.first{
	padding:3px 2px 0 2px;
}
#mainmenu ul li a:hover,#mainmenu ul li a.current{
	color:#fff;
	height:48px;
	font-weight:bold;
	padding:3px 20px 0 20px;
	line-height:44px;
	background:transparent url(/ut/images/nav_full_bg_on.gif) no-repeat center right;
}

#mainmenu_login{
	position:relative;
	display:block;
	height:48px;
	line-height:44px;
	font-size:12px;
	padding:0px 0px 0px 20px;
}
#mainmenu_login ul{
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;
}
#mainmenu_login ul li{
	display:block;
	float:left;
	color:#fff;
}
#mainmenu_login ul li.first, #mainmenu_login ul li a, #mainmenu_login ul li a:link, #mainmenu_login ul li a:visited{
	display:block;
	float:left;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	padding:3px 20px 0 20px;
	height:48px;
	background:transparent url(/ut/images/nav_seperator_login.gif) no-repeat center right;
}
#mainmenu_login ul li.first{
	padding:3px 2px 0 2px;
}
#mainmenu_login ul li a:hover,#mainmenu_login ul li a.current, #mainmenu_login ul li a:active{
	color:#fff;
	height:48px;
	font-weight:bold;
	padding:3px 20px 0 20px;
	line-height:44px;
	background:transparent url(/ut/images/nav_full_bg_on_login.gif) no-repeat center right;
}

div.app_menu{
	float:left;
	padding:10px;
	font-size:11px;
}
div.app_menu a, div.app_menu a:link, div.app_menu a:visited{
	padding:0 0 0 20px;
	color:#fff;
	text-decoration:none;
}
div.app_menu a:hover, div.app_menu a:active{
	padding:0 0 0 20px;
	color:#f00;
	text-decoration:none;
}

.submenu{
	position:relative;
	display:block;
	float:right;
	font-size:12px;
}
.submenu ul{
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;
}
.submenu ul li{
	padding:0 0 0 20px;
	display:block;
	float:left;
}
.submenu ul li a,.submenu ul li a.link,.submenu ul li a.visited,.submenu ul li a:hover.current{
	display:block;
	float:left;
	color: #39f;
	font-weight:bold;
	text-decoration:underline;
	padding:0 0 0 20px;
}

.submenu ul li a:hover,.submenu ul li a:active,.submenu ul li a.current{
	color:#76b101;
	font-weight:bold;
	text-decoration:none;
	padding:0 0 0 20px;
}

.submenu ul li a.inbox {
	background:transparent url(/ut/images/mail/inbox.gif) no-repeat top left;
	padding:0 0 0 20px;
}
.submenu ul li a.trash {
	background:transparent url(/ut/images/mail/trash.gif) no-repeat top left;
	padding:0 0 0 20px;
}
.submenu ul li a.sent {
	background:transparent url(/ut/images/mail/sent.gif) no-repeat top left;
	padding:0 0 0 20px;
}
.submenu ul li a.compose {
	background:transparent url(/ut/images/mail/compose.gif) no-repeat top left;
	padding:0 0 0 20px;
}
.submenu ul li a.password {
	background:transparent url(/ut/images/fnc_lock.gif) no-repeat top left;
	padding:0 0 0 20px;
}
.submenu ul li a.settings {
	background:transparent url(/ut/images/fnc_settings.gif) no-repeat top left;
	padding:0 0 0 20px;
}
.submenu ul li a.profile {
	background:transparent url(/ut/images/profile/edit_profile.gif) no-repeat top left;
	padding:0 0 0 20px;
}
.submenu ul li a.photo {
	background:transparent url(/ut/images/profile/edit_photo.gif) no-repeat top left;
	padding:0 0 0 20px;
}
.submenu ul li a.create_invoice {
	background:transparent url(/ut/images/profile/create_invoice.gif) no-repeat top left;
	padding:0 0 0 20px;
}
.submenu ul li a.view_invoice {
	background:transparent url(/ut/images/profile/view_invoice.gif) no-repeat top left;
	padding:0 0 0 20px;
}
.submenu ul li a.newsletters {
	background:transparent url(/ut/images/apps/newsletter.gif) no-repeat top left;
	padding:0 0 0 20px;
}
.submenu ul li a.add_newsletter {
	background:transparent url(/ut/images/apps/add_newsletter.gif) no-repeat top left;
	padding:0 0 0 20px;
}
.submenu ul li a.mailing_list {
	background:transparent url(/ut/images/apps/mailing_list.gif) no-repeat top left;
	padding:0 0 0 20px;
}
.submenu ul li a.add_mailing_list {
	background:transparent url(/ut/images/apps/add_mailing_list.gif) no-repeat top left;
	padding:0 0 0 20px;
}
.submenu ul li a.send_newsletter {
	background:transparent url(/ut/images/apps/send_newsletter.gif) no-repeat top left;
	padding:0 0 0 20px;
}
.submenu ul li a.friend_request {
	background:transparent url(/ut/images/apps/club_group.gif) no-repeat top left;
	padding:0 0 0 20px;
}
.submenu ul li a.profile_comments {
	background:transparent url(/ut/images/fnc_comments.gif) no-repeat top left;
	padding:0 0 0 20px;
}

a.app_open, a:link.app_open, a:visited.app_open, a:hover.app_open, a:active.app_open{
	background:transparent url(/ut/images/arrow_down_small.gif) no-repeat center right;
	padding:0 15px 0 0;
}

a.app_close, a:link.app_close, a:visited.app_close, a:hover.app_close, a:active.app_close{
	background:transparent url(/ut/images/arrow_up_small.gif) no-repeat center right;
	padding:0 15px 0 0;
}

.invoice_menu{
	position:relative;
	display:block;
	float:right;
	font-size:12px;
}
.invoice_menu ul{
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;
}
.invoice_menu ul li{
	display:block;
	float:left;
	padding:0 0 0 5px;
}
.invoice_menu ul li a,.invoice_menu ul li a.link,.invoice_menu ul li a.visited,.invoice_menu ul li a:hover.current{
	display:block;
	float:left;
	background:#dfeefc;
	border-top:1px #39f solid;
	border-right:1px #39f solid;
	border-left:1px #39f solid;
	color: #39f;
	font-weight:bold;
	text-decoration:none;
	padding:5px 8px;
}
.invoice_menu ul li a:hover,.invoice_menu ul li a:active,.invoice_menu ul li a.current{
	color:#fff;
	background:#39f;
	border-top:1px #39f solid;
	border-right:1px #39f solid;
	border-left:1px #39f solid;
	font-weight:bold;
	text-decoration:none;
	padding:5px 8px;
}
.invoice_menu ul li a.red,.invoice_menu ul li a.link.red,.invoice_menu ul li a.visited.red{
	background:#ffdcdc;
	border-top:1px #f00 solid;
	border-right:1px #f00 solid;
	border-left:1px #f00 solid;
	color: #f00;
	text-decoration:none;
}
.invoice_menu ul li a:hover.red,.invoice_menu ul li a:active.red{
	color:#fff;
	background:#f00;
	border-top:1px #f00 solid;
	border-right:1px #f00 solid;
	border-left:1px #f00 solid;
	font-weight:bold;
	text-decoration:none;
	padding:5px 8px;
}
.invoice_menu ul li a.green,.invoice_menu ul li a.link.green,.invoice_menu ul li a.visited.green{
	background:#edfff0;
	border-top:1px #13b70b solid;
	border-right:1px #13b70b solid;
	border-left:1px #13b70b solid;
	color: #13b70b;
	text-decoration:none;
}
.invoice_menu ul li a:hover.green,.invoice_menu ul li a:active.green{
	color:#fff;
	background:#13b70b;
	border-top:1px #13b70b solid;
	border-right:1px #13b70b solid;
	border-left:1px #13b70b solid;
	font-weight:bold;
	text-decoration:none;
	padding:5px 8px;
}

.small_box{
	border:1px #999 solid;
	padding:5px;
	margin:0 0 10px 0;
}
.small_box h1{
	border-bottom:1px #999 solid;
	margin:0 0 5px 0;
	font-size:120%;
	font-weight:bold;
}
.small_box h1.green{color:#619B08;}
.small_box h1.blue{color:#1B82FB;}
.small_box ul{
	margin:0 0 0 20px;
}

.small_content_outer{margin:0 0 5px 0; width:250px;}
.small_content{background:#fff url(/ut/images/small_content_bg.gif) repeat-y top center; padding:0; margin:0; color:#fff;}
.small_content .small_content_header{background:transparent url(/ut/images/small_content_top.gif) no-repeat top center; padding:0; margin:0; font-size:0; line-height:0; height:7px;}
.small_content .small_calendar_header{background:#424242 url(/ut/images/small_content_top.gif) no-repeat top center; padding:0; margin:0; font-size:0; line-height:0; height:7px;}
.small_content_outer .small_content_footer{background:#fff url(/ut/images/small_content_bottom.gif) no-repeat top center; padding:0; margin:0; font-size:0; line-height:0; height:7px;}
.small_content .small_content_inner{padding:0 5px;}

.left{float:left;}
.right{float:right;}


.type1, .type2, .type3{position:relative; width:150px; height:180px; display:block;}
.text_type1, .text_type2, .text_type3{display:none; line-height:18px; color:#fff; height:20px; width:100%; position:absolute; left:0px; bottom:0px; background:#000; z-index:1000; filter:alpha(opacity=80); -moz-opacity:.80; opacity:.80;}
.text_type2{background:#39f;}
.text_type3{background:#619b08;}

#dynamic_content{
	width:100%;
	max-height:85%;
	bottom:0;
	left:0;
	right:0;
	margin:0;
	background:transparent url(/ut/images/dc_bg.png) top center repeat-x;
	display:none;
	overflow:auto;
	padding-bottom:30px;
	padding-top:40px;
	position:fixed;
	z-index:1000;
}
#close_dc{
	position:absolute;
	right:10px;
	top:12px;
}
#loading_image{
	background:#000 url(/ut/images/loader_bg.gif) center center no-repeat;
	height:16px;
	width:75px;
	position:fixed;
	left:0;
	bottom:0;
	display:none;
	text-align:left;
	z-index:1500;
}
#dc_inner{
	padding:0 20px;
	font-size:12px;
	text-align:left;
}

table.pt_profile_contact{width:410px; color:#fff;}
table.pt_profile_contact td{color:#fff;}
.location_map{border:5px #fff solid; width:240px;height:200px; float:right; margin:10px 10px 15px 0;}

a, a:visited, a:link{text-decoration:underline; color: #39f; }
a:hover, a:active{text-decoration:none; color:#39f;}

h1 {
	font-size: 180%;
	font-weight: bold;
	padding: 0px;
	margin:0 0 10px 0;
	color: #1b82fb;
	line-height: 120%;
}
h2 {
	font-size: 140%;
	font-weight: bold;
	margin:0 0 10px 0;
	padding: 0px;
	color: #619b08;
}
h3 {
	font-size: 125%;
	font-weight: bold;
	margin:0 0 10px 0;
	padding-top: 2px;
	padding-bottom: 2px;
	color: #ec7e31;
}
h4 {
	font-size: 110%;
	font-weight: bold;
	text-transform: uppercase;
	margin:0 0 10px 0;
	padding-top: 5px;
	padding-bottom: 0px;
	color: #ec7e31;
}
h5 {
	font-size: 110%;
	font-weight: bold;
	text-transform: uppercase;
	margin:0 0 10px 0;
	padding: 0px;
	color: #838383;
}
h6 {
	font-size: 11px;
	font-weight: normal;
}
h1, h2, h3, h4, h5, h6{
	text-align: left;
}
p{margin:0 0 15px 0 }
ul, ol{
	margin:0 0 15px 20px;
}
ul li.tick{
	list-style:url(/ut/images/tick_green.gif);
}
ul li.cross{
	list-style:url(/ut/images/cross_red.gif);
}
ul li.arrow{
	list-style:url(/ut/images/arrows.gif);
}
ul li.blog{
	list-style:url(/ut/images/blog.gif);
}



#leftmenu ul{
	width:250px;
	display:block;
	margin:0 0 10px 0;
}
#leftmenu ul li{
	list-style:none;
	height:25px;
	border-bottom:1px solid #D6E6FB;
}
#leftmenu ul li a, #leftmenu ul li a:link,#leftmenu ul li a:visited{
	width:230px;
	display:block;
	padding:5px 10px;
	text-decoration:none;
	color:#8493A8;
}
#leftmenu ul li a:hover, #leftmenu ul li a:active{
	width:230px;
	display:block;
	padding:5px 10px;
	text-decoration:none;
	background:#8493A8;
	color:#fff;
}

.lf_content{
	margin:0 0 00 0;
	background:#f0f8fb;
}
.lf_content h3{
	background:#DEECF5 url(/ut/images/bg_h3.gif) no-repeat scroll left bottom;
	color:#04142E;
	margin:0 0 5px 0;
	padding:3px 0 13px 10px;
}
.lf_content_green{
	margin:0 0 0 0;
	background:#ecfae9;
}
.lf_content_green h3{
	background:#d5f5d5 url(/ut/images/bg_h3_green.gif) no-repeat scroll left bottom;
	color:#04142E;
	margin:0 0 5px 0;
	padding:3px 0 13px 10px;
}

.info_error, .info_warning, .info_success, .info_help {
	font-size:12px;
	font-weight:normal;
	margin-bottom:12px;
	padding:20px 20px 20px 70px;
	width:85%;
	margin:0 auto 12px auto;
}
.info_error{
	background:#FFF4F0 url(/ut/images/error_box.gif) no-repeat 20px 22px;
	border:1px solid #f00;
	color:#DF5900;
}
.info_success {
	background:#d9f7ab url(/ut/images/success_box.gif) no-repeat 20px 22px;
	border:1px solid #619b08;
	color:#619b08;
}
.info_warning {
	background:#ffffae url(/ut/images/warning_box.gif) no-repeat 20px 22px;
	border:1px solid #ff8400;
	color:#ff8400;
}
.info_help {
	background:#ece9d8 url(/ut/images/help_box.gif) no-repeat 20px 22px;
	border:1px solid #7b7345;
	color:#7b7345;
}
.highlight_box{
	border:1px #f60 solid; 
	padding:20px 20px 20px 70px;
	width:85%;
	background:#ff9; 
	font-size:14px; 
	text-align:center;
}
.highlight_box a,.highlight_box a:link,.highlight_box a:visited{
	color:#f60;
	text-decoration:none;
}
.highlight_box a:hover,.highlight_box a:active{
	color:#f60;
	text-decoration:underline;
}
.valid{
	font-weight:bold;
}
.invalid{
	font-weight:bold;
	color:#f00;
}
.input_invalid{
	border:2px #f00 solid;
}
input, file, textarea {
	background:#fff;
	border:1px solid #999;
	color:#333;
	font-size:12px;
	margin:0px;
	padding:3px;
}
.checkbox{
	background:none;
	border:0;
}
.content_hide{
	display:none;
}

a.red, a.red:visited, a.red:link{text-decoration:underline; color: #f00; }
a.red:hover,a.red:active {text-decoration:none; color:#f00;}

a.green, a.green:visited, a.green:link{text-decoration:underline; color: #13b70b; }
a.green:hover,a.green:active {text-decoration:none; color:#13b70b;}

a.white, a.white:visited, a.white:link{text-decoration:underline; color: #fff; }
a.white:hover,a.white:active {text-decoration:none; color:#fff;}

.fade{color:#999;}
.red{color:#f00;}
.green{color:#13b70b;}
.dark_grey{color:#666;}
.white{color:#fff;}

.signup_table{border-collapse:collapse; border-top:1px #e5e5e5 solid;border-left:1px #e5e5e5 solid;}
.signup_table thead td, .signup_table tbody td{background:#eaf5ff; border-right:1px #e5e5e5 solid;border-bottom:1px #e5e5e5 solid; padding:5px;}
.signup_table tbody td{background:#fff;}
.dashboard{border:1px #c1dafd solid; margin:0 0 10px 0; background:#eaf5ff; padding:10px;}

#todo_list{width:250px; margin:0 auto; background:#fee403 url(/ut/images/postit_bg.gif) repeat-x top center;}
#todo_list_content{padding:10px;}
.bottom_shadow, #todo_list .bottom_shadow{background:transparent url(/ut/images/postit_bottom.jpg) no-repeat top left; height:12px; font-size:0; line-height:0;}
#todo_list_content .pi_header{display:block;margin:0 0 10px 0; font-size:18px; font-weight:bold; color:#846a03;}
#todos{margin:10px 0 0 0;}
#todos .thingstodo{border-bottom:1px #846a03 dotted; margin:0 0 5px 0;}
#todos .thingstodo .todo_date{padding:0 0 0 20px; color:#846a03; font-size:10px;}
.image_button{border:0; background:none;}
.button{color:#fff; padding:2px; font-size:12px; width:auto; border:0; background:#39f url(/ut/images/button_shade.gif) bottom center repeat-x}
.button_green{color:#fff; padding:2px; font-size:12px; width:auto; border:0; background:#76b101 url(/ut/images/button_shade_green.gif) top center repeat-x}
.button_red{color:#fff; padding:2px; font-size:12px; width:auto; border:0; background:#980000 url(/ut/images/button_shade_red.gif) top center repeat-x}
.main_form{width:350px; padding:4px; font-size:13px}
.signup_form{width:300px;}
.signup_name_form{width:150px;}
.profile_form{width:300px; padding:0;}
.checkbox_list{border:1px #999 solid; overflow-y:auto; height:100px; padding:5px; width:340px;}
.checkbox_list_select_all{padding:5px; width:340px; border:1px #999 solid; background:#999; color:#fff;}
.light_b_box_90, .light_b_box_100, .light_b_box_large_100{width:90%; border:1px #e8d2b8 solid; padding:5px; background:#f7f3e5;}
.light_b_box_100{width:100%;}
.light_b_box_large_100{width:auto; padding:10px; font-size:14px;}
.float_right{float:right;}
.float_left{float:left;}
.small{font-size:11px;}
.line{background:url(/ut/images/line.gif)top center repeat-x; width:90%; height:2px; margin:10px 0;}
#features{background:transparent url(/ut/images/feature_bg.jpg) top center no-repeat; width:401px; height:105px;}
#features h1{font-size:14px; margin:10px; font-weight:bold;}
#features table{border-collapse:collapse;}
#feature_info { width: 350px; height:100px; }
#feature_info div { width:320px; height: 80px; color: #fff; margin:20px 0 0 0; padding:10px; text-align: left; font-size: 12px; overflow: hidden }

.signup_off, .signup_on{
	background:transparent url(/ut/images/signup_back_off.jpg) no-repeat; 
	width:150px; 
	height:200px; 
	margin:0 10px; 
	padding:10px; 
	float:left;
}
.signup_on{
	background:transparent url(/ut/images/signup_back_on.jpg) no-repeat; 
}

.preview{
	float:left; 
	position:relative; 
	overflow:hidden; 
	width:100px; 
	height:100px; 
	border:1px #000 solid;
}
.preview_pt{
	float:left; 
	position:relative; 
	overflow:hidden; 
	width:150px; 
	height:180px; 
	border:1px #000 solid;
}
.preview_club{
	float:left; 
	position:relative; 
	overflow:hidden; 
	width:150px; 
	height:180px; 
	border:1px #000 solid;
}
.preview img, .preview_pt img, .preview_club img{
	position: relative;
}
.profile_header{
	background:#DEECF5 url(/ut/images/bg_h3_long.gif) no-repeat scroll left bottom;
	color:#04142E;
	font-size:16px;
	margin:0 0 5px 0;
	padding:3px 0 13px 10px;
}
.friends{
	float:left;
	margin:10px;
	text-align:center;
	font-size:11px;
}
.friends a{
	text-decoration:none;
	font-size:11px;
}
.small_table, .vedit .small_table{
	border-collapse:collapse;
}
.small_table td, .vedit td .small_table td{
	padding:2px;
}
/*--Subscription css--*/
.vedit {
	border-collapse:collapse;
}
/* vedit - usual column (right) */
.vedit td {
/*    vertical-align: middle; */
    padding: 15px 10px 10px 10px;
}
.vedit .td_heading, .td_heading{
	border-bottom:2px #ff0 solid; 
	font-weight:bold;
	height:20px;
	line-height:20px;
}
.black_listed, .vedit .black_listed{
	color:#999; 
	text-decoration: line-through;
}
.tr_off, .vedit .tr_off{
	background:#fff;
}
.tr_on, .vedit .tr_on{
	background:#e6f3ff;
}
/* hedit - horizontal table (payments list) */
.hedit {
    border: solid 1px #8CACBB;
}
/* hedit - usual column */
.hedit td {
    padding: 5px;
    background-color: #E0E0E0;
    font-size: 8pt;
    background-color: white;
    border: solid 1px #8CACBB;
}
/* hedit - header column */
.hedit th {
    padding: 5px;
    font-weight: bold;
    text-align: center;

    background-color: #DEE7EC;
    border: solid 1px #8CACBB;
}
/* Receipt table from thanks.html */
.receipt td {
    background-color: #F0F0F0;
    border: solid 1px black;
    padding: 2px 4px 2px 4px;
}
.receipt th {
    background-color: #C0C0C0;
    border: solid 1px black;
    font-weight: bold;
    padding: 2px 4px 2px 4px;
}
.receipt td.total {
    background-color: #C0C0C0;
    border: solid 1px black;
}
.receipt {
    border-collapse: collapse;
}
/*-----------------------------------------Calendar Style----------------------------------*/
.year {
	border-style: outset;
	border-width: 1px;
	background-color: #e4e4e4;
	text-align: center;
}
.month {
	border:1px #424242 solid;
	text-align: center;
	border-collapse:collapse;
	width:100%;
	padding:0;
	margin:0;
}
.yearname {
	text-align: center;
	font-size: 18px;
	font-weight: bold;
}
.monthname {
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	color:#fff;
	background-color: #424242;
	padding:5px 0;
}
.dayname {
	text-align: center;
	font-size: 10px;
	font-weight: bold;
	background-color: #424242;
	color: #fff;
	width:14%;
}
.weeknumtitle {
	text-align: center;
	font-size: 12px;
	font-weight: normal;
	background-color: #e9e9e9;
	border-style: outset;
	border-width:1px
}
.weeknum {
	text-align: center;
	font-size: 10px;
	height:20px;
	width:33px;
	color: #009;
	background-color: #e9e9e9;
}
.yearnavigation {
	font-size: 12px;
}
.datepicker {
	background-color: #e4e4e4;
}
.datepickerform {
	margin: 0px;
}
.monthnavigation, #left_col .monthnavigation{
	font-weight:bold;
	background-color: #424242;
}
.monthnavigation a, .monthnavigation a:visited, #left_col .monthnavigation a, #left_col .monthnavigation a:visited{

	text-decoration:none;
	color:#fff;
	background-color: #424242;
}
.monthnavigation a:hover, #left_col .monthnavigation a:hover{
	color:#f00;
	text-decoration:none;
}
.monthpicker {
	font-size: 11px;
	background-color: #eee;
}
.yearpicker {
	font-size: 11px;
	background-color: #eee;
}
.pickerbutton {
	font-size: 11px;
	background-color: #eee;
	border-style: solid;
	border-color: #000000;
	border-width: 1px;
}
.nomonthday {
	text-align: center;
	font-size: 10px;
	height:24px;
	width:33px;
	background:#fff;
}
.monthday {
	text-align: center;
	font-size: 10px;
	height:24px;
	width:33px;
}
.monthday a, .monthday a:visited {
	background-color: #fff;
	line-height:24px;
	color:#999;
	height:100%;
	width:100%;
	display:block;
	text-decoration:none;
}
.monthday a:hover {
	background: #999;
	color: #fff;
	line-height:24px;
	height:100%;
	width:100%;
	display:block;
	text-decoration:none;
}
.today, #left_col .today {
	text-align: center;
	font-size: 10px;
	background: #ffdede;
	height:24px;
	width:33px;
}
.today a, .today a:visited {
	background-color: transparent;
	color:#999;
	line-height:24px;
	height:100%;
	width:100%;
	display:block;
	text-decoration:none;
}
.today a:hover {
	background: #999;
	color: #fff;
	line-height:24px;
	height:100%;
	width:100%;
	display:block;
	text-decoration:none;
}
.selectedday {
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	background: #d4eafc;
	height:24px;
	width:33px;
	text-decoration:none;
}
.selectedday a, .selectedday a:visited {
	background-color: transparent;
	color: #004fb7;
	line-height:24px;
	height:100%;
	width:100%;
	display:block;
	text-decoration:none;
}
.selectedday a:hover {
	background: #999;
	color: #fff;
	line-height:24px;
	height:100%;
	width:100%;
	display:block;
	text-decoration:none;
}
.sunday {
	text-align: center;
	font-size: 10px;
	height:24px;
	width:33px;
}
.sunday a, .sunday a:visited {
	background-color: transparent;
	color:#999;
	line-height:24px;
	height:100%;
	width:100%;
	display:block;
	text-decoration:none;
}
.sunday a:hover {
	background: #999;
	color: #fff;
	line-height:24px;
	height:100%;
	width:100%;
	display:block;
	text-decoration:none;
}
.saturday {
	text-align: center;
	font-size: 10px;
	height:24px;
	width:33px;
}
.saturday a, .saturday a:visited {
	background-color: transparent;
	color: #999;
	line-height:24px;
	height:100%;
	width:100%;
	display:block;
	text-decoration:none;
}
.saturday a:hover {
	background: #999;
	color: #fff;
	line-height:24px;
	height:100%;
	width:100%;
	display:block;
	text-decoration:none;
}
.event, #left_col .event {
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	background: transparent url(ut/images/cal_event_flag.gif) no-repeat bottom right;
	height:24px;
	width:33px;
}
.event a, .event a:visited, #left_col .event a, #left_col .event a:visited{
	color: #999;
	line-height:24px;
	height:100%;
	width:100%;
	display:block;
	text-decoration:none;
}
.event a:hover, #left_col .event a:hover {
	background: #999 url(ut/images/cal_event_flag.gif) no-repeat bottom right;
	color: #fff;
	line-height:24px;
	height:100%;
	width:100%;
	display:block;
	text-decoration:none;
}

.selectedevent {
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	background: #d4eafc url(ut/images/cal_event_flag.gif) no-repeat bottom right;
	height:24px;
	width:33px;
}
.selectedevent a, .selectedevent a:visited {
	color: #f00;
	line-height:24px;
	height:100%;
	width:100%;
	display:block;
	text-decoration:none;
}
.selectedevent a:hover, #left_col .selectedevent a:hover {
	background: #999 url(ut/images/cal_event_flag.gif) no-repeat bottom right;
	color: #fff;
	line-height:24px;
	height:100%;
	width:100%;
	display:block;
	text-decoration:none;
}

.todayevent, #left_col .todayevent {
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	color: #999;
	background: #FFDEDE url(ut/images/cal_event_flag.gif) no-repeat bottom right;
	height:24px;
	width:33px;
}
.todayevent a, .todayevent a:visited, #left_col .todayevent a, #left_col .todayevent a:visited{
	color: #999;
	line-height:24px;
	height:100%;
	width:100%;
	display:block;
	text-decoration:none;
}
.todayevent a:hover, #left_col .todayevent a:hover {
	background: #999 url(ut/images/cal_event_flag.gif) no-repeat bottom right;
	color: #fff;
	line-height:24px;
	height:100%;
	width:100%;
	display:block;
	text-decoration:none;
}
.eventcontent {
	font-size: 10px;
	width: 100%;
}

/*--------date picker-------*/
table.jCalendar {
	border: 1px solid #000;
	background: #fff;
    border-collapse: separate;
    border-spacing: 2px;
}
table.jCalendar th {
	background: #333;
	color: #fff;
	font-weight: bold;
	padding: 3px 5px;
}
table.jCalendar td {
	background: #ccc;
	color: #000;
	padding: 3px 5px;
	text-align: center;
}
table.jCalendar td.other-month {
	background: #ddd;
	color: #aaa;
}
table.jCalendar td.jq_today {
	background: #666;
	color: #fff;
}
table.jCalendar td.jq_selected {
	background: #f66;
	color: #fff;
}
table.jCalendar td.jq_selected:hover {
	background: #f33;
	color: #fff;
}
table.jCalendar td:hover, table.jCalendar td.dp-hover {
	background: #fff;
	color: #000;
}
table.jCalendar td.disabled, table.jCalendar td.disabled:hover {
	background: #bbb;
	color: #888;
}

/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date */

div.dp-popup {
	position: relative;
	background: #000;
	font-size: 10px;
	font-family: arial, sans-serif;
	padding: 2px;
	line-height: 1.2em;
}
div#dp-popup {
	position: absolute;
	z-index: 199;
}
div.dp-popup h2 {
	font-size: 12px;
	text-align: center;
	margin: 2px 0;
	padding: 0;
color:#fff;
}
a#dp-close {
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}
a#dp-close:hover {
	text-decoration: underline;
}
div.dp-popup a {
	color: #fff;
	text-decoration: none;
	padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-prev a {
	float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
	cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
	cursor: default;
}
div.dp-popup div.dp-nav-next {
	position: absolute;
	top: 2px;
	right: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-next a {
	float: right;
}
div.dp-popup a.disabled {
	cursor: default;
	color: #666;
}
div.dp-popup td {
	cursor: pointer;
}
div.dp-popup td.disabled {
	cursor: default;
}

a.dp-choose-date {
	float: left;
	width: 14px;
	height: 16px;
	padding: 0;
	margin: 5px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(/ut/images/profile/date.gif) no-repeat; 
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	width: 100px;
	float: left;
}
/*----Day view styles-----*/
#day_view{
	position:relative;
	padding:0;
	margin:0;
	width:650px;
}
.day_view_hour{
	width:100%;
	height:100px;
	color:#000;
	padding:0;
	margin:0;
	background:#fdf9da url(/ut/images/hour_bg.gif) repeat-x top left;
	border-bottom:1px #abd5fe solid;
	position:absolute;
}
.day_view_not_working{
	background:#e5e5e5;
	border:1px #000 solid;
	font-size:12px;
	left:50px;
	overflow:auto;
	position:absolute;
	cursor: pointer;
}
.day_view_event, .day_view_event_red, .day_view_event_orange, .day_view_event_blue{
	background:#e4f9cc;
	border:1px #4e8f04 solid;
	font-size:10px;
	color:#000;
	left:50px;
	overflow:auto;
	position:absolute;
	cursor: pointer;
}
.day_view_event h1, .day_view_event_red h1, .day_view_event_orange h1, .day_view_event_blue h1{
	background:#4e8f04;
	color:#fff;
	font-size:10px;
	margin:0;
}

.day_view_event_blue{
	background:#e0edfc;
	border:1px #458adf solid;
}
.day_view_event_blue h1{
	background:#458adf;
}

.day_view_event_red{
	background:#ffcece;
	border:1px #f00 solid;
}
.day_view_event_red h1{
	background:#f00;
}

.day_view_event_orange{
	background:#ffe5ce;
	border:1px #ff7800 solid;
}
.day_view_event_orange h1{
	background:#ff7800;
}

.day_view_event_content{
	padding:2px;
}


#day_view_divider{
	width:2px;
	background-color:#abd5fe;
	color:#abd5fe;
	left:48px;
	padding:0px;
	position:absolute;
}

div.time-picker {
  position: absolute;
  height: 200px;
  width:4em; /* needed for IE */
  overflow: auto;
  background: #fff;
  border: 1px solid #000;
  z-index: 99;
}
div.time-picker-12hours {
  width:6em; /* needed for IE */
}

div.time-picker ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
div.time-picker li {
  padding: 1px;
  cursor: pointer;
}
div.time-picker li.selected {
  background: #316AC5;
  color: #fff;
}
/*-------rating stars-------*/
div.rating{cursor:pointer;margin:2em;clear:both;display:block;}
div.rating:after{content:'.';display:block;height:0;width:0;clear:both;visibility:hidden;}
div.cancel,div.star{float:left;width:17px;height:15px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden;}
div.cancel,div.cancel a{background:url(/ut/images/rating/delete.gif) no-repeat 0 -16px;}
div.star,div.star a{background:url(/ut/images/rating/star.gif) no-repeat 0 0px;}
div.cancel a,div.star a{display:block;width:16px;height:100%;background-position:0 0px;border:0px solid #f00;}
div.star_on a{background-position:0 -16px!important;}
div.star_hover a,div.star_live a:hover{background-position:0 -32px;}
/* Read Only CSS */
div.star_readonly a,div.star_readonly a:hover{cursor:default !important;}
/* Partial Star CSS */
div.star{background:transparent!important;overflow:hidden!important;}
/*------tabs-----*/
.ui-tabs-panel{border:1px #DEECF5 solid;}
.ui-tabs-hide { display: none;}
.ui-tabs-nav{text-align:left; margin:0; padding:0;list-style-type:none;}
.ui-tabs-nav li{display: inline; font-size:16px;}

.ui-tabs-nav a, 
.ui-tabs-nav a:link, 
.ui-tabs-nav a:visited{color:#fff; font-weight:bold; text-decoration:none; line-height:100%; border:1px #58626b solid; border-bottom: 0; padding:0 5px; background:#58626b; margin:0 2px 0 0;}

.ui-tabs-nav a:hover, 
.ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-selected a,
.ui-tabs-nav .ui-tabs-selected a:link{color:#000; font-weight:bold; text-decoration:none; line-height:100%; border:1px #DEECF5 solid; border-bottom: 0; padding:0 5px; background:#DEECF5; margin:0 2px 0 0;}