/*
	*		 RULES ABOUT THIS FILE:
	*	 
	*		 - only put *global* styles in here
	*		 - if it's on one page it probably doesn't belong here
	*		 - it will most likely contain styles for a tag or a general class ( eg ul.tabs { } )
	*		 - if it doesn't meet those requirements it most likely goes in #{controller}.css
	*/


	/* ------------------------------------------
	*	 COMMON TAGS & STYLES
	* ---------------------------------------- */
	* { margin: 0; padding: 0; }

	body { color: #555; font: normal 10px/1.8 Arial, Verdana, "Helvetica", Verdana, sans-serif; padding: 0 0 3em 0; text-shadow: none; }

	::-moz-selection { background: #fe7; color: #000; text-shadow: #fec 1px 1px 1px; }
	::selection { background: #fe7; color: #000; text-shadow: #fec 1px 1px 1px; }
	
	
	/* ------------------------------------------
	*	 TEXT COLORS
	* ---------------------------------------- */
	*.black { color: #000; }
	*.gray { color: #888; }
	*.white { color: #fff; }
	*.blue { color: #3f7fcc; }
	*.dark_blue { color: #07315d; }
	*.green { color: #709f1d; }
	*.orange { color: #cf8300; }
	*.red { color: #df4729; }
	*.dark_red { color: #7c2900; }
	
	
	/* ------------------------------------------
	*	 BACKGROUND COLORS
	* ---------------------------------------- */
	*.black_bg { background-color: #000; }
	*.gray_bg { background-color: #dcdcdc; }
	*.white_bg { background-color: #fff; }
	*.blue_bg { background-color: #dce7f5; }
	*.green_bg { background-color: #95c210; }
	*.yellow_bg { background-color: #fe6; }
	*.orange_bg { background-color: #ef9d10; }
	*.red_bg { background-color: #df4729; }


	/* ------------------------------------------
	*	 TABULAR DATA
	* ---------------------------------------- */
	table { }
	table thead { }
	table thead tr { }
	table thead tr th { text-align: left; padding: 0.5em; font: bold 1.3em Arial, Verdana; color: #333; }
	table tbody tr td { padding: 0.5em; vertical-align: top; font: normal 1.2em Arial, Verdana; line-height: 1.6em }
	table tbody tr.alt { background: #f5f5f5; }
	
	table { width: 100%; border-collapse: collapse; border-spacing: 0; }
	table.stats { border: 1px solid #000; color: #000; }
	table.stats th { color: #fff; background: #000; }
	table.stats th, 
	table.stats td.label { font-weight: bold; text-transform: uppercase; }

	table.shaded { width: 100%; }
	table.shaded thead { border-bottom: 3px solid #ccc; }
	table.shaded thead tr th { color: #000; font-weight: bold; font-size: 14px; }
	table.shaded tbody tr { background: #f0f0f0 url(/img/old/bg-even.png) repeat-x 0 0; border-bottom: 1px solid #ccc; }
	table.shaded tbody tr.alt td,
	table.shaded tbody tr td.dark { background: #e0e0e0 url(/img/old/bg-even-active.png) repeat-x 0 0; border-bottom: 1px solid #ccc; }
	table.shaded tbody tr td.bordered { border: 1px solid #ccc; }
	table.shaded tbody tr td.centered { text-align: center; }
	
	td li { font-size: 1em; }


	/* ------------------------------------------
	*	 HEADINGS
	* ---------------------------------------- */
	h1 { font: bold 2.4em/1.3 Helvetica, Arial, Verdana, sans-serif; margin: 0 0 0.5em 0; }
	h2 { font: bold 2em/1.4 Helvetica, Arial, Verdana, sans-serif; margin: 0 0 0.4em 0; }
	h3 { font: bold 1.6em Arial; margin-bottom: 0.25em; }
	h4 { font: bold 1.5em Arial; margin-bottom: 0.25em; }
	h5 { font: bold 1.3em/1.4 Arial, Verdana; margin: 0 0 0.3em 0; }
	h6 { font: bold 1.2em Arial, Verdana; margin: 0 0 0.3em 0; }

	h1, h2, h3, h4, h5, h6 { color: #07315d; }
	
	/* Sub-headings */
	h3.sub_heading { color: #7793af; font-size: 1.5em; margin: -1em 0 0.8em 0; }
	h4.sub_heading { color: #7793af; font-weight: normal; font-size: 1.4em; margin: -1em 0 1em 0; }
	h5.sub_heading { color: #7793af; font-weight: normal; margin: -1.1em 0 1em 0; }
	p.sub_heading { font-size: 15px; color: #ff7b00; margin-bottom: 0; }


	/* ------------------------------------------
	*	 PARAGRAPHS & TYPE ELEMENTS
	* ---------------------------------------- */
	p { font: 1.2em/1.6 Arial, Verdana; margin-bottom: 1.2em; color: #444; }
	p.fine_print { font-size: 1.1em; line-height: 1.7em; }
	small { font-size: 0.95em; }
	
	a { color: #3f7fcc; outline: 0; cursor: pointer; }
	a:hover { text-decoration: underline; color: #1a4e8f; }
	a strong { font-family: inherit; color: inherit; }
	hr { border: 0; border-top: 1px solid #dfdfdf; border-bottom: 1px solid #fff; background: #fff; height: 0; margin: 1.5em 0; }
	body.in_ie hr { height: 2px; }
	sup { margin-left: 2px; font: normal 10px Arial; color: #bbb; }
	acronym { font-weight: bold; color: #7c2900; border-bottom: 1px dotted #666; padding: 0.1em; }
	
	blockquote { font: italic normal 1.8em/1.565em Georgia, "Times New Roman", sans-serif; color: #888; margin-bottom: 0.75em; }
	blockquote cite { font-family: "Helvetica", Arial, sans-serif; font-style: normal; white-space: nowrap; }
	cite { color: #7c2900; font-weight: bold; font-style: italic; }
	
	code { font: 1.2em/1.6 Arial, Verdana; display: block; margin: 0 0 1.2em; color: #7c2900; white-space: pre; }

	img { border: 0; }
	
	
	/* ------------------------------------------
	*	 TOOLBOX OF CLASSES
	* ---------------------------------------- */
	span.highlight { color: #000; background: #fe7; padding: 2px 4px; }
	*.left { float: left }
	*.right { float: right }
	*.align_right { text-align: right; }
	*.clear { clear: both }
	*.center { text-align: center }
	img.center { display: block; margin: 0 auto; }
	*.middle { vertical-align: middle }
	*.inline { display: inline }
	*.block { display: block }
	*.hidden { display: none }
	*.normal { font-weight: normal }
	*.bold { font-weight: bold }
	*.no_margin { margin: 0; }
	*.small_margin { margin: 0 0 0.25em; }
	*.medium_margin { margin: 0 0 0.5em; }
	*.big_margin { margin: 0 0 1em; }


	/* ------------------------------------------
	*	 LIST ITEMS
	* ---------------------------------------- */
	dl { margin: 0 0 1.6em; }
	dt { font-size: 1.3em; line-height: 1.5em; font-weight: bold; color: #07315d; }
	dd { margin: 0 0 1.4em; font-size: 1.2em; line-height: 1.5em; }

	dl.navigation dd { line-height: 20px; margin: 0; }
	dl.navigation dd a { text-decoration: none; }
	dl.navigation dd a:hover { text-decoration: underline; }
	dl.navigation dd small { color: #999; }

	ul { list-style-type: square; margin: 0 0 1.5em 1.6em; }
	ol { margin: 0 0 1.5em 1.6em; }
	li { font-weight: normal; font-size: 1.2em; line-height: 1.6em; }
	li h5, li p, li h6 { font-size: 1em; }
	
	body.in_ie ol { margin-left: 2.5em; }
	
	ul ul { margin: 0.1em 0 0.2em 2em; }
	ol ol { list-style: upper-roman; margin: 0.1em 0 0.2em 2em; }
	li li { font-size: 1em; }

	ul.navigation { margin-left: 0; list-style: none; }
	ul.navigation li { line-height: 20px; }
	ul.navigation li a { text-decoration: none; }
	ul.navigation li a:hover { text-decoration: underline; }
	ul.navigation li small { color: #999; }

	ul.navigation.box { background: #f2f2f2; padding: 2px 7px; -webkit-border-radius: 7px; }
	ul.navigation.box li { border-bottom: 1px solid #fff; }
	ul.navigation.box li a { border-bottom: 1px solid #ddd; display: block; padding: 0.5em 0.5em 0.5em 1.7em; }
    ul.navigation.box li a.inline { border: 0; display: inline; font-size: 0.8em;}
	ul.navigation.box li a:hover { text-decoration: underline; }
	ul.navigation.box li:last-child,
	ul.navigation.box li:last-child a { border: none; }

	/* ------------------------------------------
	*	 PAGINATION
	* ---------------------------------------- */
	div.pagination { text-align: center; white-space: nowrap; line-height: 20px; margin: 0 auto 1.8em; }
	div.pagination a { font: normal 12px Arial; border: 1px solid #d6e3e7; color: #657e97; text-decoration: none; padding: 0.2em 0.4em; margin: 0 1px 0 0; -webkit-border-radius: 3px; }
	div.pagination a:hover { background: #81aedd; border-color: #376390; color: #fff; }
	div.pagination span { font: normal 12px Arial; -webkit-border-radius: 3px; }
	div.pagination span.current { border: 0; color: #000; font-weight: bold; padding: 0.2em 0.4em; }
	div.pagination span.disabled { border: 1px solid #eee; color: #999; text-decoration: none; padding: 0.2em 0.4em; }
	div.pagination span.disabled:active { background-color: #df4729; color: #fff; border-color: #c83518; }
	div.pagination *.prev_next { margin: 0 2em; }
	
	
	/* ------------------------------------------
	*	 TABS
	* ---------------------------------------- */
	ul.tabs { font-size: 10px; list-style: none; background: url(/img/assets/tabs-bg.gif) repeat-x bottom left; border-bottom: 1px solid #304258; line-height: 2.6em; height: 2.6em; margin: 0 0 2em; padding: 0.3em 0 0; position: relative; white-space: nowrap; }
	ul.tabs li { display: inline; margin: 0 -2px 0 0; font-size: 10px; position: relative; z-index: 1; }
	ul.tabs li a { background: #9fc4e0 url(/img/assets/tab-off.gif) repeat-x bottom left; color: #fff; font: bold 1.3em Arial, Verdana; border-bottom: 0; padding: 0.6em 0.9em; text-decoration: none; text-shadow: 0 1px 1px #5b80a0; -webkit-border-top-right-radius: 4px; -webkit-border-top-left-radius: 4px; }
	ul.tabs li a:hover,
	ul.tabs li.active a,
	ul.tabs li.current a { background-color: #375b7a; color: #fff; text-shadow: 0 -1px 1px #142847; text-decoration: none; background-image: url(/img/assets/tab-on.gif); }
	ul.tabs li.active a:hover,
	ul.tabs li.current a:hover { border-color: #d6d6d6; border-bottom-color: #fff; }
	ul.tabs li.fade { display: block; position: absolute; right: 2px; z-index: 0; bottom: -1px; width: 237px; height: 21px; background: url(/img/assets/tabs-fade-right.gif); }
	
	ul.tabs.align_right { text-align: right; }
	ul.tabs.align_right li { margin: 0 0 0 -2px; }
	ul.tabs.align_right li.section { margin: 0 0.5em 0 2em; color: #54738b; font-size: 1.2em; }
	ul.tabs.align_right li.fade { left: 0; background: url(/img/assets/tabs-fade-left.gif); }
	
	dl.sub_filters { background: #fafbfc; margin: -2em 0 3em; height: 1.8em; padding: 0.7em 0 0.7em 1.1em; border-bottom: 1px solid #dbe7f0; }
	dl.sub_filters dt { display: inline; font-size: 1.2em; font-weight: normal; color: #777; margin: 0 0.8em 0 0; }
	dl.sub_filters dd { display: inline; color: #ccc; margin: 0 0.6em 0 0; padding: 0.1em 0.6em 0.1em 0; border-right: 1px dotted #bbb; }
	dl.sub_filters dd a { text-decoration: underline; }
	dl.sub_filters dd a:hover { text-decoration: underline; }
	dl.sub_filters dd small { color: #666; }
	dl.sub_filters dd.current { font-weight: bold; }
	dl.sub_filters dd.current a { color: #000; text-decoration: none; cursor: text; }
	dl.sub_filters dd.current a:hover { text-decoration: none; }
	dl.sub_filters dd.current small { color: #777; }
	dl.sub_filters dd:last-child { border: none; }
	
	/* 800x600 */
	body.eight_by_six ul.tabs { line-height: 2.5em; height: 2.5em; margin: 0 0 2em; padding: 0.3em 0 0; }
	body.eight_by_six ul.tabs li a { padding: 0.5em 0.8em; font-size: 1.2em; }
	
	/* Browser fixes */
	body.in_ie ul.tabs li.fade { z-index: -1; }
	body.in_ie6 ul.tabs li.fade { bottom: -2px; }
	body.in_ie ul.tabs li a { padding-top: 0.5em; padding-bottom: 0.45em; line-height: 1.8em; }
	body.in_ie ul.tabs.align_right li.section { margin: 0 0.5em 0 2em; }
	body.in_ff ul.tabs li a { padding-bottom: 0.5em; }
	body.in_ff3 ul.tabs li a { -moz-border-radius: 4px 4px 0 0; }
	
	
	/* ------------------------------------------
	*	 BUTTONS
	* ---------------------------------------- */
	/* Large Buttons */
	button { background: #bbb url(/img/buttons/gray.gif) repeat-x; border: 1px solid #999; font-size: 10px; line-height: 14px; cursor: pointer; padding: 0.5em 0 0.7em; margin: 0 0.4em 0 0; outline: 0; display: inline; -webkit-border-radius: 4px; -webkit-box-shadow: #ddd 1px 1px 2px; position: relative; }
	button span { font: bold 1.8em "Helvetica", Arial; color: #fff; padding: 0.25em 0.6em 0.4em 0.5em; border: 0 solid #d1d0ce; white-space: nowrap; border-width: 1px 0 0 1px; -webkit-border-radius: 2px; text-shadow: #666 1px 1px 1px; }
	a.button { text-decoration: none; background: #bbb url(/img/buttons/gray.gif) repeat-x; border: 1px solid #999; font-size: 10px; line-height: 36px; padding: 13px 0 9px; margin: 0 0.4em 0 0; outline: 0; display: inline; -webkit-border-radius: 4px; -webkit-box-shadow: #ddd 1px 1px 2px; position: relative; }
	a.button span { font: bold 1.8em "Helvetica", Arial; color: #fff; padding: 4px 9px 7px 7px; border: 0 solid #d1d0ce; white-space: nowrap; border-width: 0px 0 0 0px; -webkit-border-radius: 2px; text-shadow: #666 1px 1px 1px; } 
	
	/* Hover, Pressed-In States */
	a.button:hover, button:hover { background-position: 0 -31px; }
	a.button:active, button:active { border-color: #555; border-top-color: #333; border-left-color: #333; -webkit-box-shadow: none; }
	a.button:active span, button:active span { border-color: #888; text-shadow: -1px -1px 0 #666; }
	
	/* Small Buttons */
	button.small { padding: 6px 0; }
	a.button.small { line-height: 30px; padding: 10px 0 7px; }
	a.button.small span, button.small span { font: bold 1.4em Arial; padding: 5px 9px 6px 7px; }
	a.button.small:hover, button.small:hover { background-position: 0 -36px; }

	/* Blue Buttons */	
	a.button.blue, button.blue { background-color: #8bb6e9; background-image: url(/img/buttons/blue.gif); border-color: #7e9abc; }
	a.button.blue span, button.blue span { border-color: #c7d6ed; text-shadow: #3a6aa4 1px 1px 1px; }
	a.button.blue:hover span, button.blue:hover span { border-color: #9cbfec; }
	a.button.blue:active, button.blue:active { border-color: #5c789a; border-top-color: #1c416e; border-left-color: #1c416e; }
	a.button.blue:active span, button.blue:active span { border-color: #5382bb; text-shadow: -1px -1px 0 #3a6aa4; }

	/* Orange Buttons */		
	a.button.orange, button.orange { background-color: #ef9d10; background-image: url(/img/buttons/orange.gif); border-color: #cd8d1e; }
	a.button.orange span, button.orange span { border-color: #f7ca57; text-shadow: #7e5500 1px 1px 1px; }
	a.button.orange:hover span, button.orange:hover span { border-color: #f7ca57; }
	a.button.orange:active, button.orange:active { border-color: #825810; border-top-color: #3e2700; border-left-color: #3e2700; }
	a.button.orange:active span, button.orange:active span { border-color: #a06d15; text-shadow: -1px -1px 0 #7e5500; }
	
	/* Green Buttons */
	a.button.green, button.green { background-color: #97c72e; background-image: url(/img/buttons/green.gif); border-color: #5f8b1d; }
	a.button.green span, button.green span { border-color: #bfdb67; text-shadow: #4c7800 1px 1px 1px; }
	a.button.green:hover span, button.green:hover span { border-color: #bfdb67; }
	a.button.green:active, button.green:active { border-color: #49710d; border-top-color: #2f4e00; border-left-color: #2f4e00; }
	a.button.green:active span, button.green:active span { border-color: #5e8c1a; text-shadow: -1px -1px 0 #4c7800; }

	/* Red Buttons */
	a.button.red, button.red { background-color: #e8652d; background-image: url(/img/buttons/red.gif); border-color: #dc3315; }
	a.button.red span, button.red span { border-color: #f39f68; text-shadow: #902400 1px 1px 1px; }
	a.button.red:hover span, button.red:hover span { border-color: #f39f68; }
	a.button.red:active, button.red:active { border-color: #ab1a00; border-top-color: #520c00; border-left-color: #520c00; }
	a.button.red:active span, button.red:active span { border-color: #9b3107; text-shadow: -1px -1px 0 #902400; }

	/* FF3 Fixes */
	body.in_ff button:focus::-moz-focus-inner { border-color: transparent !important; }
	body.in_ff3 button { -moz-border-radius: 4px; padding: 0.7em 0 0.5em; line-height: 18px; }
	body.in_ff3 button span { -moz-border-radius: 2px; margin: 0 -3px; line-height: 18px; padding: 0.3675em 0.6em 0.2em 0.5em; }
	body.in_ff3 button.small { padding: 4px 0; }
	body.in_ff3 button.small span { padding: 5px 9px 5px 7px; }
	body.in_ff3 a.button { -moz-border-radius: 4px; padding: 1.2em 0 0.7em; }
	body.in_ff3 a.button span { -moz-border-radius: 2px; padding: 0.3875em 0.5em 0.225em; line-height: 15px; }
	body.in_ff3 a.button.small { padding: 0.9em 0 0.6em; }
	body.in_ff3 a.button.small span { padding: 0.365em 0.5em 0.4em; }

	/* FF2 Fixes */
	body.in_ff2 button { padding: 0.65em 0 0.5em; line-height: 18px; }
	body.in_ff2 button span { margin: 0 -3px; line-height: 18px; padding: 0.3675em 0.6em 0.4em 0.5em; }
	body.in_ff2 button.small { padding: 4px 0; }
	body.in_ff2 button.small span { padding: 5px 9px 6px 7px; }
	body.in_ff2 a.button { padding: 1.3em 0 0.75em; }
	body.in_ff2 a.button span { padding: 0.39em 0.5em 0.3075em; line-height: 15px; }
	body.in_ff2 a.button.small { padding: 0.95em 0 0.75em; }
	body.in_ff2 a.button.small span { padding: 0.325em 0.5em 0.4675em; }
	body.win.in_ff2 button { padding-bottom: 0.6em; }
	body.win.in_ff2 button span { padding-top: 0.3em; }
	body.win.in_ff2 button.small { padding-bottom: 4px; }
	body.win.in_ff2 button.small span { padding-top: 5px; }
	body.win.in_ff2 a.button { padding-bottom: 0.65em; }
	body.win.in_ff2 a.button span { padding-top: 0.2775em; }
	body.win.in_ff2 a.button.small { padding-bottom: 0.55em; }
	body.win.in_ff2 a.button.small span { padding-top: 0.4em; padding-bottom: 0.375em; }

	/* IE Fixes */
	body.in_ie button { padding: 0.4em 0; }
	body.in_ie button span { padding-left: 0; padding-right: 0; border: 0; letter-spacing: -0.05em; }
	body.in_ie a.button { padding: 0; text-decoration: none; top: -7px; }
	body.in_ie a.button span { padding-bottom: 6px; letter-spacing: -0.05em; }
	body.in_ie a.button.small { top: -5px; }
	body.in_ie a.button.small span { padding-bottom: 5px; }
	

	/* ------------------------------------------
	*	 BREADCRUMB
	* ---------------------------------------- */
	dl.breadcrumb { margin: 0 0 2em; border-bottom: 1px solid #eee; padding: 0 0 0.4em; }
	dl.breadcrumb dt { display: inline; font-size: 1.2em; font-weight: normal; color: #777; margin: 0 0.6em 0 0; }
	dl.breadcrumb dd { display: inline; margin: 0 0.4em 0 0; }
	dl.breadcrumb dd.divider { color: #ccc; }
	dl.breadcrumb dd a { text-decoration: none; }
	dl.breadcrumb dd a:hover { text-decoration: underline; }
	dl.breadcrumb dd.current { font-weight: bold; }
	
	
	/* ------------------------------------------
	*	 COMMENTS
	* ---------------------------------------- */
	ul.comments { list-style: none; margin: 0 0 1em; }
	ul.comments li { margin: 0 0 1.4em; padding: 0 0 0 25px; background: url(/img/assets/comment.gif) no-repeat 0 1px; }
	ul.comments li div.body { margin: 0 0 0.3em; }
	ul.comments li div.stats { margin: 0 0 0.3em; font-size: 11px; }
	ul.comments li.read_more { background: none; margin: 0; }


	/* ------------------------------------------
	*	 FORM ELEMENTS
	* ---------------------------------------- */
	/* Legacy Styles */
	*.form-item { margin: 1em 0; }
	*.form-item div.description { color: #888; font-size: 1.1em; }
	*.form-required { color: #df4729; }
	
	/* New Styles */
	label { font: normal 1.3em Arial, Verdana, sans-serif; display: block; margin-bottom: 0.4em; color: #444; }
	label span.required { color: #ff2a00; margin-right: 0.25em; }
	h5.label { font: normal 1.3em Arial, Verdana, sans-serif; display: block; margin-bottom: 0.4em; color: #444; }

	textarea { font: normal 1.2em Verdana, Arial; width: 37.7em; line-height: 1.7em; height: 9em; padding: 0.3em; display: block; background: #eee; border: 1px solid #bbb; border-top-color: #000; border-left-color: #000; margin-bottom: 1.2em; overflow: auto; }
	textarea.tall { height: 8em; }
	textarea.skinny { width: 28.4em; }

	input.block { margin-bottom: 1.2em; }
	input.web_button { font: bold 1.7em Arial; padding: 0 3px; }

	input[type=text], input[type=password] { background: #eee; border: 1px solid #bbb; border-left-color: #000; border-top-color: #000; font: bold 1.5em Arial; color: #222; padding: 0.3em 0 0 0.35em; height: 1.5em; width: 15em; }
	input.textbox { background: #eee; border: 1px solid #bbb; border-left-color: #000; border-top-color: #000; font: bold 1.5em Arial; color: #222; padding: 0.3em 0 0 0.35em; height: 1.5em; width: 15em; }
	li input.textbox { font-size: 1em; }
	input.textbox.small { width: 7em; }
	input.textbox.medium { width: 10.5em; }
	input.textbox.large { width: 24em; }

	/* Form Focus States */
	input[type=text]:focus,
	input[type=password]:focus,
	textarea:focus,
	input.textbox.focus,
	input.password:focus,
	textarea.focus { background: #ff9; color: #000; }

	label.for_checkbox,
	label.for_radio { display: inline; font: italic normal 12px Georgia, "Times New Roman", sans-serif; color: #777; cursor: pointer; }

	input.textbox.shaded { background: #fbfcfd url(/img/modals/textbox-bg.gif) no-repeat 0 0; border-color: #7793b6; color: #314c6d; font-size: 12px; padding: 8px 0 2px 9px; }

	/* Errors */
	input.textbox.error { border-color: #f87462 !important; border-width: 2px !important; background: #ffecea !important; color: #d12f09 !important; }
	input.textbox.error:focus { background: #ffecea !important; color: #d12f09 !important; }
	
	fieldset { border: 1px solid #ccc; padding: 1.2em 2em; }
	fieldset legend { font-size: 1.4em; font-weight: bold; color: #709f1d; padding: 0 0.5em; margin: 0 0 0 -1em; }

	/* Inline Errors */
	div.inline_error { background: #ff4f37; position: absolute; border: 1px solid #f82b10; z-index: 50; width: 19em; }
	div.inline_error div.border { padding: 1em; border: 1px solid #ff7663; }
	div.inline_error div.pointer { position: absolute; top: 1.5em; left: -8px; background: url(/img/modals/error-pointer.gif) no-repeat 0 0; width: 9px; height: 19px; }
	div.inline_error div.shadow { border: 0 solid #000; border-width: 0 2px 2px 0; opacity: 0.2; filter: alpha(opacity=20); position: absolute; z-index: 48; right: -3px; bottom: -3px; height: 100%; width: 100%; }
	div.inline_error * { color: #fff; }
	div.inline_error p { margin: 0; font-size: 11px; }

	/* Shortened Forms (labels float left) */ 
	form.short h3.section { clear: left; margin: 2em 0 1em; border: 1px solid #ddd; border-width: 1px 0; padding: 0.5em; }
	form.short label,
	form.short *.label { clear: left; float: left; width: 12em; text-align: right; margin-right: 1em; padding-top: 0.6em; }
	form.short label small { display: block; color: #888; }
	form.short label small a { text-decoration: none; }
	form.short label small a:hover { text-decoration: underline; }
	form.short label.for_checkbox { float: none; margin: 0 15px 0 3px; padding: 0; width: auto; clear: none; }
	form.short input.textbox { float: left; display: block; margin-bottom: 1.5em; }
	form.short input.textbox:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	form.short textarea { float: left; display: block; margin-bottom: 1.5em; }
	form.short input.button { clear: left; display: block; margin-left: 14.25em; }
	form.short button { clear: left; display: block; margin-left: 16.9em; }
	form.short input.image_button { clear: left; display: block; margin-left: 168px; font-size: 10px; }
	form.short input.browse { float: left; display: block; margin: 0.2em 0 1.5em; }
	form.short select { float: left; display: block; margin: 0.6em 0 1.5em; width: 15em; }
	form.short p.input { float: left; display: block; margin: 0.25em 0 1.5em; }
	form.short p.fine_print { font-size: 11px; float:left; margin: -1.5em 0 1.5em 15.5em; }
	form.short p.note { clear: both; font: italic normal 11px Georgia, "Times New Roman"; margin: 0 0 0 168px; color: #777; position: relative; top: -1.6em; line-height: 1.3em; }
	form.short div.input { float: left; display: block; margin: 0.6em 0 1.9em; }
	form.short div.input label { display: inline; width: auto; float: none; clear: none; }
	form.short div.input input { display: inline; }
	form.short p.note a { color: #333; }
	body.in_ff form.short div.input input[type="radio"] { position: relative; top: 3px; }
	body.in_ie7 form.short p.note { top: -10px; }

	/* Tall Forms (labels are stacked) */ 
	form.tall label,
	form.tall *.label { display: block; margin: 0 0 0.3em; }
	form.tall label small { float: right; color: #888; }
	form.tall label small a { text-decoration: none; }
	form.tall label small a:hover { text-decoration: underline; }
	form.tall input.textbox { display: block; margin: 0 0 1.2em; }
	form.tall textarea { display: block; margin: 0 0 1.2em; }
	form.tall select { display: block; margin: 0 0 1.2em; }
	form.tall p.note { font: italic normal 12px Arial; color: #999; }
	form.tall label.for_radio { display: inline; }

	a.select { background: #fff; padding: 3px 4px; width: 80px; display: block; text-decoration: none; border: 1px solid #aaa; }
	ul.options { list-style: none; margin: 0; }
	ul.options li { display: block; }
	ul.options li a { display: block; padding: 3px 6px; text-decoration: none; width: 100px; }
	ul.options li a:hover { background: #fe9; color: #000; }


	/* ------------------------------------------
	*	 ERRORS & ALERTS
	* ---------------------------------------- */
    .notifications ul { list-style:none; margin: 0; padding: 0; }

	/* Plain, Simple Alert */
    .alert { position: relative; font-size: 13px; background: #f5f5f5; margin: 0 0 1.5em; padding: 0.5em 3em 0.5em 0.7em; border: 3px solid #ddd; text-shadow: 0 1px 1px #fff; -webkit-border-radius: 6px; }
	.alert small { color: #888; text-shadow: none; }
	.alert a.close { background: url(/img/buttons/gray-close.gif); position: absolute; right: 0.65em; top: 0.65em; width: 16px; height: 16px; overflow: hidden; text-decoration: none; text-indent: -1000em; }

	/* Message */
	.alert.message { background: #dce7f5; border-color: #bfccdb; color: #3e5570; }
	.alert.message a { color: #3a74ba; }
	.alert.message small { color: #3c699f; }
	.alert.message a.close { background: url(/img/buttons/blue-close.gif); }

	/* Warnings */
	.alert.warning { background: #fffa99; border-color: #fe6; color: #855100; }
	.alert.warning a { color: #cb6e00; }
	.alert.warning small { color: #a77322; }
	.alert.warning a.close { background: url(/img/buttons/yellow-close.gif); }

	/* Errors */
	.alert.error { background: #df4729; border-color: #c83518; color: #fff; text-shadow: 0 1px 1px #bd2507; }
	.alert.error a { color: #ffb48e; }
	.alert.error strong { color: #fff; }
	.alert.error small { color: #7c2900; }
	.alert.error a.close { background: url(/img/buttons/red-close.gif); }

	/* Success */
	.alert.success { background: #95c210; border-color: #84ab0e; color: #fff; text-shadow: 0 1px 1px #6f9700; }
	.alert.success a { color: #eaffa6; }
	.alert.success strong { color: #fff; }
	.alert.success small { color: #526d00; }
	.alert.success a.close { background: url(/img/buttons/green-close.gif); }

	/* Dashed Boxes */
	div.alert { background: #f5f5f5; margin: 0 0 1.5em; padding: 1em; border: 2px dashed #ddd; -webkit-border-radius: 6px; }

	/* Other Browsers */
	body.in_ie .alert { height: 1%; }
	body.in_ff3 .alert { -moz-border-radius: 6px; }

	/* ------------------------------------------
	*	 BOXES
	* ---------------------------------------- */
	div.box { position: relative; background: #f1f1f1; overflow: hidden; margin: 0 0 2em; -webkit-border-radius: 9px; }
	div.box h5.title { background: #9e9e9e url(/img/assets/boxes/gray/title-bg.gif) repeat-x left bottom; color: #fff; position: absolute; top: 0; left: 0; width: 100%; text-shadow: 1px 1px 0 #555; font-size: 1.1em; text-transform: uppercase; height: 16px; padding: 7px 1em 5px; }
	div.box h5.title a { color: #fff; position: absolute; right: 3em; z-index: 15; }
	div.box div.title.corner { position: absolute; overflow: hidden; top: 0; width: 11px; height: 14px; z-index: 10; }
	div.box div.title.corner.left { left: 0; background: url(/img/assets/boxes/gray/title-left-corner.gif); }
	div.box div.title.corner.right { right: 0; background: url(/img/assets/boxes/gray/title-right-corner.gif); }
	div.box div.content { margin: 2.5em 0 0; padding: 1.5em 1.2em; }
	div.box div.shadow { position: absolute; overflow: hidden; }
	div.box div.shadow.left { left: 0; top: 0; width: 5px; height: 100%; background: url(/img/assets/boxes/gray/left-shadow.gif) repeat-y 0 0; }
	div.box div.shadow.right { right: 0; top: 0; width: 5px; height: 100%; background: url(/img/assets/boxes/gray/right-shadow.gif) repeat-y 0 0; }
	div.box div.shadow.bottom { left: 0; bottom: 0; height: 8px; width: 100%; background: url(/img/assets/boxes/gray/bottom-shadow.gif) repeat-x left bottom; z-index: 10; }
	div.box div.shadow.bottom div.corner { position: absolute; overflow: hidden; bottom: 0; width: 8px; height: 8px; }
	div.box div.shadow.bottom div.corner.left { left: 0; background: url(/img/assets/boxes/gray/bottom-left-corner.gif); }
	div.box div.shadow.bottom div.corner.right { right: 0; background: url(/img/assets/boxes/gray/bottom-right-corner.gif); }
	
	div.box.blue { background: #d5e4f1; }
	div.box.blue h5.title { background-color: #6a91b2; background-image: url(/img/assets/boxes/blue/title-bg.gif); text-shadow: 1px 1px 0 #3e5c76; font-size: 1.1em; }
	div.box.blue div.title.corner.left { background: url(/img/assets/boxes/blue/title-left-corner.gif); }
	div.box.blue div.title.corner.right { background: url(/img/assets/boxes/blue/title-right-corner.gif); }
	div.box.blue div.shadow.left { background-image: url(/img/assets/boxes/blue/left-shadow.gif); }
	div.box.blue div.shadow.right { background-image: url(/img/assets/boxes/blue/right-shadow.gif); }
	div.box.blue div.shadow.bottom { background-image: url(/img/assets/boxes/blue/bottom-shadow.gif); }
	div.box.blue div.shadow.bottom div.corner.left { background-image: url(/img/assets/boxes/blue/bottom-left-corner.gif); }
	div.box.blue div.shadow.bottom div.corner.right { background-image: url(/img/assets/boxes/blue/bottom-right-corner.gif); }
	
	
	/* ------------------------------------------
	*	 FLYOUTS
	* ---------------------------------------- */
	/* Dark Blue Flyouts */
	div.flyout { background: #6c9fcd url(/img/assets/flyout-bg.gif) repeat-x 0 0; position: absolute; border: 1px solid #13375c; z-index: 100; width: 19em; }
	div.flyout div.border { border: 0 solid #7caad3; border-width: 1px 0 0 1px; position: relative; z-index: 2; }
	div.flyout div.shadow { width: 100%; height: 100%; -webkit-box-shadow: 2px 2px 2px #000; opacity: 0.32; position: absolute; right: 0; bottom: 0; z-index: 1; }
	
	/* White Flyouts */
	div.flyout.light { background: #fff url(/img/assets/flyout-light-bg.gif) repeat-x left bottom; position: absolute; border-color: #214265; }
	div.flyout.light div.border { border: none; }
	div.flyout.light div.shadow { }


	/* ------------------------------------------
	*	 GRID SYSTEM
	* ---------------------------------------- */
	div.row { width: 100%; padding: 0 0 2em; }
	div.row:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	div.row.last { padding: 0; }
	div.column, div.columns { margin: 0 2em 0 0; float: left; }
	div.column.five, div.five.columns { width: 28em; }
	div.column.six, div.columns.six { width: 34em; }
	div.column.seven, div.columns.seven { width: 40em; }
	div.column.eight, div.columns.eight { width: 46em; }
	div.column.nine, div.columns.nine { width: 52em; }
	div.column.ten, div.columns.ten { width: 58em; }
	div.column.eleven, div.columns.eleven { width: 64em; }
	div.column.twelve, div.columns.twelve { width: 70em; }
	div.column.thirteen, div.columns.thirteen { width: 76em; }
	div.column.fourteen, div.columns.fourteen { width: 82em; }
	div.column.fifteen, div.columns.fifteen { width: 88em; }
	div.column.half, div.columns.half { width: 46em; }
	div.column.third, div.columns.third { width: 30em; }
	div.column.big, div.columns.big { width: 54em; margin: 0 4em 0 0; }
        body.in_ie6 div.column.big, body.in_ie6 div.columns.big { width: 53em; margin: 0 3em 0 0; }
	div.column.small, div.columns.small { width: 36em; margin: 0; }
	div.column.three, div.columns.three { width: 16em; }
	div.column.two, div.columns.two { width: 10em; }
	div.column.one, div.columns.one { width: 4em; }
	div.column.four, div.columns.four { width: 22em; }
	div.column.last, div.columns.last { margin-right: 0; }
	
	body.eight_by_six div.column.big,
	body.eight_by_six div.columns.big { width: 40em; }
	body.eight_by_six div.column.small,
	body.eight_by_six div.columns.small { width: 30em; }
	body.eight_by_six div.column.third,
	body.eight_by_six div.columns.third { width: 23.3em; }
	body.eight_by_six div.column.half,
	body.eight_by_six div.columns.half { width: 36em; }
	
	body.in_ie div.row { position: relative; }


	/* ------------------------------------------
	*	 PLAYLISTS
	* ---------------------------------------- */
	div.playlist { float: none; clear: both; position: relative; overflow: hidden; width: auto; padding: 1em 1em 2em; margin-bottom: 0; }
	div.playlist a.play_button { display: block; float: left; background: url(/img/assets/listen-to-playlist.gif); color: #333; width: 59px; height: 85px; text-indent: -1000em; text-decoration: none; margin: 0 1em 0.25em 0; overflow: hidden; position: relative; }
	div.playlist a.watch_button{ display: block; float: left; background: url(/img/assets/watch-playlist.gif); color: #333; width: 59px; height: 85px; text-indent: -1000em; text-decoration: none; margin: 0 1em 0.25em 0; overflow: hidden; position: relative; }
	div.playlist a.play_group_button { display: block; float: left; background: url(/img/assets/listen-to-group-playlist.gif); color: #333; width: 59px; height: 85px; text-indent: -1000em; text-decoration: none; margin: 0 1em 0.25em 0; overflow: hidden; position: relative; }
	div.playlist a.watch_group_button{ display: block; float: left; background: url(/img/assets/watch-group-playlist.gif); color: #333; width: 59px; height: 85px; text-indent: -1000em; text-decoration: none; margin: 0 1em 0.25em 0; overflow: hidden; position: relative; }
	div.playlist h5 { margin: 1.1em 0 0.2em; line-height: 1.4em; font-weight: normal; color: #77879b; font-size: 1.2em; }
	div.playlist h5 a { color: #28446a; text-decoration: underline; font-weight: bold; font-size: 1.15em; margin: 0 0.2em 0 0; }
	div.playlist h5 a:hover { text-decoration: underline; }
	div.playlist h6 { margin: 0 0 0.8em; font-weight: normal; color: #808d9d; font-size: 1.2em; }
	div.playlist h6 a { text-decoration: none; }
	div.playlist h6 a:hover { text-decoration: underline; }
	div.playlist a.profile_pic { position: relative; float: right; background: #fff; display: block; width: 72px; height: 72px; overflow: hidden; margin: 0.5em 0.5em 0.3em 2em; }
	div.playlist a.profile_pic span { display: block; width: 64px; height: 64px; border: 0.4em solid #fff; overflow: hidden; }
	div.playlist a.profile_pic img { display: block; margin: 0 auto; height: 100%; }
	div.playlist a.profile_pic:hover { border-color: #ccc; border-right-color: #666; border-bottom-color: #666; }
	div.playlist a.profile_pic:hover span { border-color: #fff; background: #fff; }
	div.playlist p { font-size: 1.3em; line-height: 1.4em; color: #808d9d; margin: 0.5em 0 0 5.3em; }
	div.playlist p strong { color: #38587e; font-weight: normal; }
	div.playlist p strong:first-child { font-weight: bold; }
	div.playlist.alt { background-color: #f4f6f7; border: 0 solid #e7edf3; border-width: 1px 0; }
	
	ul.floating_playlists { list-style: none; margin: 0; }
	ul.floating_playlists li { float: left; margin: 0 1.5em 1.3em 0; width: 270px; }
	ul.floating_playlists li a.playlist { display: block; float: left; background: #000; color: #333; width: 90px; height: 90px; text-decoration: none; margin: 0 1em 0.25em 0; overflow: hidden; position: relative; }
	ul.floating_playlists li a.playlist span.play { display: block; width: 38px; height: 35px; position: absolute; left: 29px; top: 29px; background: url(/img/index/play.png) no-repeat 0 0; }
	ul.floating_playlists li a.playlist:hover img { opacity: 0.4; filter: alpha(opacity=40); }
	ul.floating_playlists li a.playlist:hover span.play { background-position: 0 -40px; }
	ul.floating_playlists li h5 { margin: 0 0 0.6em; line-height: 1.4em; font: italic normal 11px Arial; }
	ul.floating_playlists li h5 a { display: block; color: #333; text-decoration: none; cursor: text; font: bold 12px Arial; }
	ul.floating_playlists li p { font-size: 11px; line-height: 1.3em; color: #777; }
	ul.floating_playlists li.last { margin-right: 0; }
	
	body.in_ie6 ul.playlists li a.playlist span.play { background-image: url(/img/index/play.gif); }
	
	
	/* ------------------------------------------
	*	 INLINE TRACKS
	* ---------------------------------------- */
	div.inline_track_list { margin: 0 0 2em; }
	div.inline_track { padding: 1.5em 1em; border-bottom: 2px solid #e9e9e9; text-align: center; font-size: 1.2em; }
	div.inline_track a { text-decoration: none; }
	div.inline_track a:hover { text-decoration: underline; }
	div.inline_track span { display: block; color: #888; font-size: 0.95em; }
	
	/* ------------------------------------------
	*	 INSITU EDITING CUES (see Flickr)
	* ---------------------------------------- */
    /* TEMPORARILY REMOVED UNTIL INSITU EDITOR IS DEVELOPED - 2009-05-14 KZ
	.insitu:hover {
	    background-color: rgb(255,255,211);
    }
    */

	/* ------------------------------------------
	*	 BLOG POSTS
	* ---------------------------------------- */
	div.blog_post { margin: 0 0 2em; }
	div.blog_post h3.title { font-size: 2.3em; margin: 0 0 0.25em; }
	div.blog_post h3.title a { text-decoration: none; }
	div.blog_post h3.title a:hover { text-decoration: underline; }
	div.blog_post span.meta { display: block; color: #888; font-size: 1.2em; margin: 0 0 0 65px; }
	div.blog_post span.meta a { text-decoration: none; }
	div.blog_post span.meta a:hover { text-decoration: underline; }
	div.blog_post span.comments { display: block; font-size: 1.2em; margin: 0 0 0.7em 65px; }
	div.blog_post span.comments a { text-decoration: none; }
	div.blog_post span.comments a:hover { text-decoration: underline; }
	div.blog_post a.profile { display: block; border: 1px solid #ccc; background: #fff; padding: 1px; margin: 0 12px 3px 0; float: left; overflow: hidden; }
	div.blog_post a.profile img { display: block; width: 64px; }
	div.blog_post a.profile:hover { border-color: #1a4e8f; }
	div.blog_post div.body { font-size: 1.2em; line-height: 1.6em; }
	div.blog_post div.body p { font-size: 1em }

	/* ------------------------------------------
	*	 COMMENTS
	* ---------------------------------------- */
	div.comment { border-bottom: 1px solid #ddd; padding: 0 0 1.9em; margin: 0 0 2em; }
	div.comment a.profile { float: left; margin: 0 1.5em 1.5em 0; overflow:hidden; }
	div.comment a.profile img { width: 64px; overflow: hidden; }
    div.comment h5 { margin-bottom: 0.2em; }
	div.comment h6.date { font-weight: normal; color: #888; font-size: 1.1em; margin: 0 0 1em; }
	div.comment div.body { margin: 0 0 1em 0; font-size: 1.2em; line-height: 1.5em; }
	div.comment ul.actions { background: #f0f4f7; list-style: none; margin: 0 0 0 9.5em; padding: 0.75em 0.5em; overflow: hidden; height: 1.9em; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
	div.comment ul.actions li { float: left; border-left: 1px solid #fff; border-right: 1px solid #cfe0eb; padding: 0 1em; color: #7591a3; }
	div.comment ul.actions li.edit { background: url(/img/assets/ico-edit-post.png) no-repeat 2px 2px; padding: 0; }
	div.comment ul.actions li.edit a { padding: 0 10px 0 22px; }
	div.comment ul.actions li.delete { background: url(/img/assets/ico-delete-post.png) no-repeat 3px 1px; padding: 0; }
	div.comment ul.actions li.delete a { padding: 0 10px 0 19px; }
	div.comment ul.actions li:first-child { border-left: none; }
	div.comment ul.actions li:last-child { border-right: none; }

	blockquote.comment cite { color: #666; font-size: 0.65em; }

	/* ------------------------------------------
	*	 ADS
	* ---------------------------------------- */
	div.ad { background: #333; margin: 0 0 1.8em; }
	div.ad * { color: #fff; }
	div.ad160x600 { width: 16em; height: 60em; }
	div.ad120x90 { width: 12em; height: 9em; }
	div.ad720x90 { width: 72em; height: 9em; }
	div.ad300x250 { width: 30em; height: 25em; }
	div.ad440x160 { width: 44em; height: 16em; }
	div.ad300x100 { width: 30em; height: 10em; }

	/* ------------------------------------------
	* COMMON BUTTONS
	* ---------------------------------------- */
    .btn_inline { display: block; width: 16px; height: 16px; overflow: hidden; background-repeat: none; }
    .btn_inline span { display: none; }
    .btn-help { background-image: url(/img/assets/ico-help.png); background-repeat:no-repeat; }

	a.closesmall { text-decoration:none; position: absolute; right: 4px; top: 6px; display: block; width: 7px; height: 7px; font-size: 1px; background: url(/img/assets/close.gif) no-repeat; }