/* Box Model & Visual Formatting Model */
* { padding:0; margin:0; zoom:1; }
img, button { border:0; }
li { list-style:none; }
body { width:990px; padding:20px 0 10px 20px; }
h1 { float:left; }
table { width:100%; }
th, td { padding:4px; }
select { width:147px; }
select.day { width:4em; }
select.month { width:6.5em; }
select.year { width:6em; }
button, .sidebar .function a.main { width:110px; height:26px; padding-bottom:7px; cursor:pointer; }
button { height:13px; padding-bottom:17px; padding-top:3px; }
.header { overflow:hidden; }
	.header form { float:right; }
	form.search { padding:4px 10px; margin:4px 15px 0 0; position:relative; }
		form.search div { float:left; }
		form.search input { border:0; margin-right:7px; }
		form.search button { width:26px; height:13px; margin:2px 0 0 0; padding-bottom:5px; }
div.content { padding:17px 0 8px; margin-top:33px; position:relative; }
div.content::after { clear:both; display:block; content:""; height:0; }
.sidebar, div.main-wrapper { float:left; }
.sidebar { width:28.5%; min-height:10px; }
	.sidebar .function { padding:15px; margin:0 6px 15px; border-style:solid; border-width:1px; position:relative; }
	.sidebar .function-content { padding:7px 0; margin-top:2px; border-style:solid; border-width:1px 0; }
	.sidebar .function-content h4 { margin-bottom:10px; }
	.sidebar .function p.bottom-line { margin-top:10px; }
	.sidebar .function a.main { margin-top:10px; display:block; }
div.main-wrapper { width:69.9%; position:relative; }
div.main-wrapper div.main { padding:10px 10px 15px; position:relative; top:-10px; left:10px; z-index:15; }
ul.functions { position:absolute; top:-31px; right:6px; }
	ul.functions li { width:108px; height:26px; margin:0 3px 0 0; float:left; }
	ul.functions li.current, ul.functions li a { padding:5px 0 0; }
ul.navigation { margin:0 0 10px 15px; }
	ul.navigation li { display:inline; }
	ul.navigation li::after { content:" \2F"; }
	ul.navigation li:last-child::after{ content:""; }
div.main div.function { padding:8px 12px; margin-bottom:5px; border-style:solid; border-width:2px; position:relative; }
div.main h3 { padding-left:15px; }
div.main div.text-section { padding:15px; }
div.main h4, div.main p { padding:5px 2px; }
div.main h4 { margin-bottom:10px; border-style:solid; border-width:0 0 1px; }
td.date-selects a img { vertical-align:-4px; margin-right:5px; }
#filter-tasks { padding:1%; }
	#filter-tasks table { margin:0 0 10px 10%; width:90%; }
	#filter-tasks table th, #filter-tasks table td { padding:0 4px; }
	#filter-tasks h4 { position:absolute; top:30%; left:2%; border-width:0; }
	#filter-tasks table td.first-child { width:40%; }
	#filter-tasks table td { width:30%; }
	#filter-tasks div.submit { margin-top:0; }
div.submit { margin-top:10px; padding-right:16px; clear:both; }
div.task-rights-edit { margin-top:20px; }
	div.task-rights-edit select { width:7.85em; }
	div.task-rights-edit button { margin-right:15px; }
table.function { border-collapse:collapse; }
	table.first-function { margin-top:20px; }
	table.function thead tr th { padding:0; }
	table.function th, table.function td { padding:5px; border-style:solid dotted; border-width:1px; }
	table.function th:first-child, table.function td:first-child { padding-left:25px; border-width:1px 1px 1px 0; }
	table.function th:last-child, table.function td:last-child { border-width:1px 0 1px 1px; }
div.main div.separator { width:100%; height:1px; margin:20px 0 15px; }
form.tasks { width:100%; margin-bottom:5px; }
	form.tasks div.controls { padding:0 20px 5px; overflow:hidden; }
	form.tasks div.legend { margin-top:5px; float:left; }
	form.tasks div.legend h4, form.tasks div.legend dl, form.tasks div.legend dt, form.tasks div.legend dd { display:inline; border-width:0; }
	form.tasks div.change-status { margin-bottom:10px; float:right; }
	form.tasks div.change-status select { width:10em; }
div.function-nav { margin:15px 0 5px; clear:both; }
	div.function-nav h4, div.function-nav ul, div.function-nav li, div.function-nav div, div.function-nav form { display:inline; border-width:0; }
	div.function-nav select { width:5em; }
#add-user div.general { padding:5px 0; margin-left:19%; overflow:hidden; }
	#add-user div.user-type { padding:5px 0 0; float:left; }
	#add-user div.time-zone { float:right; }
	#add-user th:first-child { width:110px; }
	#add-user th, #add-user td { padding:13px 0.5%; }
	#add-user tr.group th, #add-user tr.group td { padding:0 0.5%; }
	#add-user tr.group-first th, #add-user tr.group-first td { padding-top:13px; }
	#add-user tr.group-last th, #add-user tr.group-last td { padding-bottom:13px; }
	#add-user tr input { width:360px; }
	#add-user tr.group input, #add-user tr.group td { width:210px; }
#task-create-names th, #task-create-names td { padding:7px 4px; }
	#task-create-names input, #task-create-names select { width:450px; }
	#task-create-dates td.priority { width:11em; }
	#task-create-attachments label { margin-right:5px; }
	#task-create-attachments input { width:250px; }
	#task-create-attachments button { margin:10px 0 0 80px; }
	#task-create-attachments ul.files { margin-top:10px; }
	#task-create-details { width:100%; height:6em; }
ul.files { margin-bottom:10px; }
	ul.files li { padding:3px 0; }
	ul.files li::before { content:"\203A  "; }
#email-template tr input { width:360px; }
	#email-template textarea { width:475px; }
div.task dt, div.task h4, div.task label { width:16%; margin-right:10px; float:left; border-width:0; }
	div.task dt { clear:left; }
	div.task dt, div.task dd { height:2em; }
	div.task dt.status, div.task dd.status, div.task dt.priority, div.task dd.priority { position:absolute; right:40px; top:8px; }
	div.task dt.priority, div.task dd.priority { top:20px; }
	div.task dt.status, div.task dt.priority { right:80px; }
	div.task textarea { width:80%; height:5em; }
ul.comments { margin-bottom:10px; margin-left:18%; }
	ul.comments li { border-style:solid; border-width:0 0 1px; }
	ul.comments div.signature { padding:2px 0; }
ul.function-sub-nav { margin:70px auto; width:585px; overflow:hidden; }
	ul.function-sub-nav li { width:262px; height:95px; float:left; margin:0 15px 30px; }
	ul.function-sub-nav li a { display:block; margin:0; height:57px; padding-top:38px; }
div.email-notification-edit label, div.email-notification label { white-space:nowrap; }
	div.email-notification-edit select { width:130px; }
	div.email-notification table { width:auto; }
	div.email-notification table td { padding:4px 10px; }

/* Colors & Background */
html { background:black url(../_img/background.png) repeat-x; color:white; }
button, .sidebar .function a.main { background:url(../_img/button_110.png) no-repeat; color:white; }
button:hover, .sidebar .function a.main:hover { background-position:0 -33px; }
form.search { background:#707070; color:#bfbfbf; }
	form.search input { background:#5e5e5e; color:#bfbfbf; }
	form.search button { background-image:url(../_img/button_26.png); }
	form.search button:hover { background-position:0 -25px; }
div.content { background:#7e7e7e; }
div.sidebar div.function { background:#878787; border-color:#767676; }
div.sidebar div.function-content { border-color:#999; }
div.sidebar div.function p.bottom-line { color:#ffde9f; }
div.sidebar div.function a { color:#ccc; }
div.sidebar div.function a.main:hover { color:white; }
div.sidebar div.function a:hover { color:#eee; }
div.main-wrapper { background:#6b6b6b; }
div.main-wrapper div.main { background:white; color:#787878; }
div.main a:hover { color:#aeaeae; }
div.main ul.functions li a { background:url(../_img/nav_tab.png) no-repeat; }
div.main ul.functions li a:hover { background-position:0 -31px; }
ul.functions li.current { background-image:url(../_img/nav_tab_current.png); }
ul.functions li { text-align:center; font-size:1.3em; }
ul.functions li a { text-decoration:none; color:white; }
div.main h3 { background:#fca822 url(../_img/ftasks_head_bckg.gif) repeat-x; color:white; }
div.main h4 { border-color:#eee; }
div.main div.function { background:#fafafa url(../_img/content_function_bckg.png) repeat-x bottom; border-color:transparent; }
#filter-tasks h4, form.tasks div.legend h4, div.task dd.priority-urgent { color:#d10000; }
table.function thead { background:#fca822 url(../_img/ftasks_head_bckg.gif) repeat-x; color:white; border-color:white; }
table.function tbody tr td { border-color:white #c9c9c9; }
table.function tr.even { background:#f8f8f8; }
table.function tr.urgent { background:#ffd1d1; }
table.function tr.urgent a { color:#ad4545; }
table.function tr.urgent a:hover { color:#c77777; }
div.main a, div.function-nav a { color:#787878; }
div.main div.separator { background:#fca822; }
#add-user div.user-type label { color:#fca603; }
div.task dd.name { color:#ffa100; }
ul.comments li { border-color:#ebebeb; }
ul.function-sub-nav li a { background:url(../_img/function_sub_nav_button.png) no-repeat; opacity:0.99; }
ul.function-sub-nav li a:hover { opacity:0.8; }

/* Fonts & Text */
body { font:0.7em Tahoma, Arial, Helvetica, sans-serif; }
h3 { font-size:1.2em; }
h4 { font-size:1em; }
table th { text-align:right; }
label, dt { font-weight:bold; }
button, .sidebar .function a.main { text-align:center; font-weight:bold; font-size:12px; }
form.search label { font-size:1.2em; vertical-align:middle; }
form.search input { font-size:1.4em; vertical-align:middle; }
.sidebar .function h2 { font-size:1.7em; font-weight:normal; }
.sidebar .function h4 { font-size:1em; }
.sidebar .function p.bottom-line { font-weight:bold; }
.sidebar .function a.main { text-decoration:none; line-height:20px; }
ul.functions li { text-align:center; }
ul.navigation li a { font-weight:bold; }
div.main h3, table.function thead tr { line-height:25px; vertical-align:middle; }
td.date-selects { white-space:nowrap; }
#filter-tasks table th { text-align:left; }
#filter-tasks table h3, table.function, form.tasks div.legend h3, form.tasks div.change-status label { font-weight:bold; }
div.submit { text-align:right; }
div.submit *, div.task-rights-edit * { vertical-align:middle; }
	div.submit label, div.task-rights-edit label { margin:0 5px; }
	div.submit button, div.task-rights-edit button { position:relative; top:5px; }
div.submit label { margin-right:5px; }
table.function th:first-child, table.function td:first-child { text-align:left; }
table.function td, table.function th { text-align:center; }
form.tasks div.legend h4, form.tasks div.legend dd { margin-right:15px; vertical-align:top; }
form.tasks div.legend dt { margin-right:10px; }
form.tasks div.change-status label { margin-right:5px; }
div.function-nav { text-align:center; }
div.function-nav h4 { margin-right:5px; font-size:1em; font-weight:normal; }
div.function-nav a { font-weight:bold; text-decoration:none; }
div.function-nav form { margin-left:40px; }
div.function-nav input { font-size:1em; text-align:center; }
#add-user th { white-space:nowrap; }
#add-user div.user-type label { font-weight:bold; margin-right:3px; vertical-align:top; }
#add-user div.user-type input { margin-right:20px; }
#add-user div.time-zone label { margin-right:3px; }
div.task dt, div.task h4, div.task label { text-align:right; }
div.task dd.name, div.task dd.priority-urgent { font-weight:bold; }
ul.comments div.signature { font-style:italic; font-weight:bold; font-size:0.9em; }
ul.function-sub-nav li a { font-size:20px; text-align:center; text-decoration:none; }

/* Other */
.crn { position:absolute; z-index:20; background-repeat:no-repeat; }
.crn-tl { background-position:top left; }
.crn-tr { background-position:top right; }
.crn-bl { background-position:bottom left; }
.crn-br { background-position:bottom right; }

.crn-tl-b0 { top:0; left:0; }
.crn-tr-b0 { top:0; right:0; }
.crn-bl-b0 { bottom:0; left:0; }
.crn-br-b0 { bottom:0; right:0; }

.crn-s4 { width:4px; height:4px; }
form.search .crn-tl, form.search .crn-tr, form.search .crn-bl, form.search .crn-br { background-image:url(../_img/fsearch_crn.png); }
.crn-s12 { width:12px; height:12px; }

div.content .crn-tl, div.content .crn-tr { background-image:url(../_img/content_crn_t.png); }
div.content .crn-bl, div.content .crn-br { background-image:url(../_img/content_crn_b.png); }
.crn-s8 { width:8px; height:8px; }
.crn-tl-b1 { top:-1px; left:-1px; }
.crn-tr-b1 { top:-1px; right:-1px; }
.crn-bl-b1 { bottom:-1px; left:-1px; }
.crn-br-b1 { bottom:-1px; right:-1px; }
.sidebar .function .crn-tl, .sidebar .function .crn-tr, .sidebar .function .crn-bl, .sidebar .function .crn-br { background-image:url(../_img/sidebar_crn.png); }
.sidebar .function h2, ul.functions li.current, ul.functions li a, ul.function-sub-nav li a { white-space:nowrap; display:block; overflow:hidden; }
.sidebar .function h2::before, ul.functions li.current::before, ul.functions li a::before, ul.function-sub-nav li a::before { display:block; }
#sb-new-task h2 { width:103px; height:25px; }
#sb-new-task h2::before { content:url(../_img/sf_new_task.png); }
#sb-printable-view h2 { width:151px; height:25px; }
#sb-printable-view h2::before { content:url(../_img/sf_printable_view.png); }
#sb-add-user h2 { width:102px; height:25px; }
#sb-add-user h2::before { content:url(../_img/sf_add_user.png); }
#sb-attachments h2 { width:139px; height:25px; }
#sb-attachments h2::before { content:url(../_img/sf_attachments.png); }

div.main-wrapper .crn-tl, div.main-wrapper .crn-tr, div.main-wrapper .crn-bl, div.main-wrapper .crn-br { background-image:url(../_img/main_wrapper_content_crn.png); }
div.main-wrapper .crn { z-index:10; }
div.main-wrapper div.main .crn-tr { z-index:20; }
div.main-wrapper div.main .crn-tl, div.main-wrapper div.main .crn-tr, div.main-wrapper div.main .crn-br { background-image:url(../_img/main_content_crn.png); }
div.main-wrapper div.main .crn-bl { background-image:url(../_img/main_content_shadow_crn_bl.png); }
div.main-wrapper div.main .crn { margin:0; }

ul.functions li#nav-tasks a { width:108px; height:26px; }
ul.functions li#nav-tasks a::before { content:url(../_img/nav_tasks.png); }
ul.functions li#nav-users a { width:108px; height:26px; }
ul.functions li#nav-users a::before { content:url(../_img/nav_users.png); }
ul.functions li#nav-settings a { width:108px; height:26px; }
ul.functions li#nav-settings a::before { content:url(../_img/nav_settings.png); }
ul.functions li#nav-my-details a { width:108px; height:26px; }
ul.functions li#nav-my-details a::before { content:url(../_img/nav_my_details.png); }
ul.functions li#nav-support a { width:108px; height:26px; }
ul.functions li#nav-support a::before { content:url(../_img/nav_support.png); }
ul.functions li#nav-logout a { width:108px; height:26px; }
ul.functions li#nav-logout a::before { content:url(../_img/nav_logout.png); }
ul.functions li#nav-tasks.current { width:108px; height:26px; }
ul.functions li#nav-tasks.current::before { content:url(../_img/nav_tasks_current.png); }
ul.functions li#nav-users.current { width:108px; height:26px; }
ul.functions li#nav-users.current::before { content:url(../_img/nav_users_current.png); }
ul.functions li#nav-settings.current { width:108px; height:26px; }
ul.functions li#nav-settings.current::before { content:url(../_img/nav_settings_current.png); }
ul.functions li#nav-my-details.current { width:108px; height:26px; }
ul.functions li#nav-my-details.current::before { content:url(../_img/nav_my_details_current.png); }
ul.functions li#nav-support.current { width:108px; height:26px; }
ul.functions li#nav-support.current::before { content:url(../_img/nav_support_current.png); }
ul.functions li#nav-logout.current { width:108px; height:26px; }
ul.functions li#nav-logout.current::before { content:url(../_img/nav_logout_current.png); }

ul.function-sub-nav li#fsn-email-templates a { width:262px; height:58px; }
ul.function-sub-nav li#fsn-email-templates a::before { content:url(../_img/fsn_email_templates.png); }
ul.function-sub-nav li#fsn-general-preferences a { width:262px; height:58px; }
ul.function-sub-nav li#fsn-general-preferences a::before { content:url(../_img/fsn_general_preferences.png); }

.brd { position:absolute; z-index:15; }
.brd-t { width:100%; background-position:top; left:0; }
.brd-b { width:100%; background-position:bottom; left:0; }
.brd-l { height:100%; background-position:left; top:0; }
.brd-r { height:100%; background-position:right; top:0; }
.brd-t-w2 { height:2px; top:-2px; }
.brd-b-w2 { height:2px; bottom:-2px; }
.brd-l-w2 { width:2px; left:-2px; }
.brd-r-w2 { width:2px; right:-2px; }
div.main div.function .brd-h { background-image:url(../_img/content_function_bh.png); }
div.main div.function .brd-v { background-image:url(../_img/content_function_bv.png); }
.crn-s6 { width:6px; height:6px; }
.crn-tl-b2 { top:-2px; left:-2px; }
.crn-tr-b2 { top:-2px; right:-2px; }
.crn-bl-b2 { bottom:-2px; left:-2px; }
.crn-br-b2 { bottom:-2px; right:-2px; }
div.main-wrapper div.main div.function .crn-tl, div.main-wrapper div.main div.function .crn-tr, div.main-wrapper div.main div.function .crn-bl, div.main-wrapper div.main div.function .crn-br { background-image:url(../_img/content_function_crn.png); }

/* Safari hack (all below applies to anything but safari) */
button { height:33px;# }
form.search button { margin:0 0 -2px 0; height:22px; }
form.search label { font-size:1em; vertical-align:baseline; }
ul.functions { right:10px; }
div.submit *, div.task-rights-edit * { vertical-align:baseline; }
div.submit button, div.task-rights-edit button { position:static; }