/* Includes */
@import url("/stylesheets/register.css");

body { background: #fff; font-family: arial, helvetica, sans-serif; font-size: 72.5%; margin: 0; padding: 0; }
a { color: #06c; text-decoration: none; }
a:hover { text-decoration: underline; }

a.usability { color: #000; }
a.usability:hover { text-decoration: none; }

/* Headers */
h1, h2, h3, h4 { margin: 4px 0 10px 0; }
h1 { font-size: 1.3em }
h2 { font-size: 1.1em }
h3 { font-size: 1.1em }
h3.fade { font-size: 1em; color: #333; }
h4 { font-size: 1em }

h1.major { font-size: 2em; }

/* Common page elements */
p { margin: 10px 0 10px 0}

img { border: none; }
img.left { float: left; margin: 4px 12px 4px 0; }
img.right { float: right; margin: 4px 0 4px 12px;  }

/* Structure */
#HeaderContainer, .main_header_container { background-image: url('/images/circles.gif'); background-position: right top; background-repeat: no-repeat; background-color: #fff; padding: 0; margin: 0; height: 91px; border-bottom: 1px solid #24618E }
#Header, .main_header { background: transparent url('/images/reuters_thomson_header.gif') left no-repeat; padding: 0; margin: 0; height: 67px; background-position: 14px 12px; }
#Header img, .main_header img { margin: 0; padding: 0; border: none;}

#SecondaryNav ul, #TertiaryNav ul { display: inline; margin: 0; padding: 0; list-style: none; }
#SecondaryNav li, #TertiaryNav li { display: inline; margin: 0; padding: 0 10px 0 0 ; }

.t1 { background-image: none !important }
.t1, .main_header_container { height: 60px !important }
.t1 #SearchContainer { top: 28px !important }
.t1 #Header, .t1 .main_header { background-image: url('/images/mobile/header.gif') !important; background-position: 5px 4px }
.t1 #Header, .t1 .main_header { height: 60px !important }
.t1 #Tabs { top: 40px !important }
.t1 #NavigationFade { display: none }
.t1 #HeaderContainer { background-image: none !important; height: 62px !important }

/* Layout */
#NavigationFade { background-image: url('/images/gradient_out.gif'); background-position: top; background-repeat: repeat-x; position: absolute; left: 0; right: 0; top: 77px; height: 14px; z-index: 0; width: 100%; }
#PageFade { background-image: url('/images/gradient_light.gif'); background-position: top; background-repeat: repeat-x; position: absolute; left: 0; right: 0; top: 0; height: 14px; z-index: 0; width: 100%;}

#ContentContainer { background-image: url('/images/gradient.gif'); background-position: top; background-repeat: repeat-x; width: 100%; margin: 0; padding: 0; float: left; }
#Content { width: 80%; }
#Derivatives #Content, #Analytics #Content { width: 88%; }
#Derivatives #Graphs { margin: 20px 0 }
#Content { float: left; margin: 10px 0 0 14px; }

/* This negative margin is due to an IE6 bug caused by the 100% width and float configuration */
#Footer { margin: 0 -3px 0 0; float: left; color: #aaa; font-size: 0.9em; border-top: 1px solid #8888cc; width: 100%; }
#FooterLinks { margin: 4px 0 14px 0; }
#FooterText { padding-top: 4px; border-top: 1px dotted #aaa; }
#FooterLinks, #FooterText { padding-left: 15px }

#InlineStory #Footer { background-color: #F0F0FF }

/* 404 pages */
body#ErrorPage ul li { margin: 1em 0 }

/* Tab navigation */
.tabs { font-size: 95%; float: left; line-height: 1.2em; margin: 0; padding: 0; width: 100%; border-bottom: 1px solid #24618E }
.tabs ul { margin: 0; padding: 10px 10px 0 14px; list-style: none; border: none; }
.tabs li { display: inline; margin: 0; padding: 0; }
.tabs a { float: left; background: url('/images/tabLeft.gif') no-repeat left top; margin: 0; padding: 0 0 0 4px; text-decoration: none; }
.tabs a.right { float: right; }
.tabs a span { float: left; display: block; background: url('/images/tabRight.gif') no-repeat right top; padding: 5px 15px 4px 6px; color: #fff; border: none;}
.tabs a span.wide { background: url('/images/widetabRight.gif') no-repeat right top; }
.tabs a span.construction { font-weight: bold; color: #ccc }

#Tabs { background-color: transparent; margin: 0; padding: 0; width: auto; position: absolute; top: 69px; left: 0 }
#Tabs ul { padding-top: 0 !important;}
#Tabs li { font-weight: bold; }

/* IE5-Mac: \*/
.tabs a span {float: none;}
/* End IE5-Mac hack */
.tabs a:hover, .tabs a:hover span, .tabs a.selected span { color: #222; text-decoration: none !important }
.tabs a:hover, .tabs a.selected { background-position: 0% -42px; }
.tabs a:hover span, .tabs a.selected span { background-position: 100% -42px; }

/* Tabs in content */
#Derivatives #GraphTabs { width: 90%; margin: 2em 0 0 0; }
#Derivatives #Graphs, #TabContent { width: 90%; border: 1px solid #24618E; border-top: none; padding: 0; margin: 0; clear: both; text-align: center; }
#TabContent { width: 98%; text-align: left; padding: 0 1% 10px 1%; float: left; margin-bottom: 2em; }
#Derivatives #Graphs img { padding: 10px }

.content_tabs { line-height: normal; margin: 0; padding: 0; }
.content_tabs .tab .title { float: left; background: url('/images/tabLeft.gif') no-repeat left top; margin: 0; padding: 0 0 0 4px; text-decoration: none; }
.content_tabs .tab h3 { float: left; display: block; width: 10em; background: url('/images/tabRight.gif') no-repeat right top; padding: 5px 15px 4px 6px; color: #fff; }
.content_tabs .tab .content { display: block; clear: both; }

/* Drop-down menus */
div.dropdown { margin: 0; padding: 0; height: 2em; font-size: 11px; }
div.dropdown ul, div.dropdown ul ul { list-style-type: none; padding: 0; margin: 0; }
div.dropdown ul li { position: relative; float: left; line-height: 1.3em; }
div.dropdown ul ul { position: absolute; left: 0; margin: 0; padding: 0; }
div.dropdown ul li ul li a:hover { text-decoration: underline }
div.dropdown ul li ul li a { width: 100%; display: block; }

div.dropdown ul li a { float: left; position: relative; background: url('/images/tabLeft.gif') no-repeat left top; margin: 0; padding: 0 0 0 4px; text-decoration: none; }
div.dropdown ul li a span { float: left; display: block; background: url('/images/widetabRight.gif') no-repeat right top; padding: 5px 15px 4px 6px; color: #fff; }
div.dropdown ul li a:hover { text-decoration: none }

div.dropdown ul ul { margin-top: 22px; border: 1px solid #676367; border-right: 1px solid #a5a5a5; border-top: none; }
div.dropdown ul ul li { float: none; position: relative; padding: 4px 0; margin: 0; background-color: #a5a5a5; border-left: 1px solid #cecece; border-right: 1px solid #676367; }
div.dropdown ul ul li a { float: none; position: relative; background: none; color: #fff; margin: 0 0 0 8px; padding: 0; }

/* Tables */
.odd { background-color: #fafafa }
.look_at_me { font-weight: bold; color: #454545; }

.hover_active { background-color: #F0F0FF !important }

table.standard { border-collapse: collapse; width: 95%; clear: both; }
table.standard thead tr th { text-align: left; padding: 0.5em; }
table.standard tbody tr td { vertical-align: top; padding: 0.5em; padding-right: 1.6em;  }

table.standard tr th { padding: 0.5em 0; text-align: left; border-top: 1px solid #aaa; border-bottom: 1px solid #aaa; background-color: #F0F0FF; }
table.standard tr td { padding: 0.5em 0; border-bottom: 1px solid #CCC; }
table.standard th.inline { background-color: #CEDEEF; padding-left: 4px !important }

tr.odd { background-color: #f5f5f5; }

table.horizontal { border-collapse: collapse; }
table.horizontal tr th { padding: 2px 10px 2px 5px; text-align: right; border-bottom: 1px solid #aaa; background-color: #F0F0FF; }
table.horizontal tr td { padding: 2px 5px 2px 10px; border-bottom: 1px solid #CCC; }
table.horizontal tr:hover td  { background-color: #F0F0FF; }

table.contacts { border-collapse: collapse; }
table.contacts tr th { padding: 2px 10px 2px 0; text-align: left; border-bottom: 1px solid #aaa; background-color: #F0F0FF; }
table.contacts tr td { padding: 2px 5px 2px 0; }
table.contacts tr:hover td  { background-color: #F0F0FF; }

table.premium tbody tr td { vertical-align: middle; }
table.premium tr th { font-size: 1.2em; }
table.premium { border: 1px solid #aaa; }

/* Forms */
form.standard { padding: 20px; border: 1px solid #bbb; background-color: #F0F0FF; width: 90%; }
form.standard div.section { margin: 0 0 10px 0; border-bottom: 2px solid #dfdfdf; }
form.standard div.required { border-left: 2px solid red; }
form.standard dl { margin: 0; padding: 0; }
form.standard dt { float: left; clear: left; text-align: right; margin: 5px 10px 0 0; width: 170px; font-size: 1em; font-weight: bold; }
form.standard dl.detailed dt { font-weight: normal }
form.standard dd { margin-bottom: 5px; font-size: 1em; }
form.standard input, textarea { }
form.standard input:focus { background-color : #ffc; }
form.standard textarea:focus { background-color : #ffc; }
form.standard div.action { margin: 2px 0 0 0; border-bottom: none; padding: 0;}
form.standard label { font-weight: bold; padding-right: 1em;}

form.standard dd.checkbox_list div { clear: right; margin-left: 140px; }
form.singlebutton { text-align: center; }

/* Form changes for forms that use the editor */
form.standard dl.editor { margin: 0; padding: 0; }
form.standard dl.editor dt { float: none; clear: left; text-align: left; margin: 10px 10px 2px 40px; width: 170px; font-size: 11px; font-weight: bold; }
form.standard dl.editor dd { margin-bottom: 5px; font-size: 11px; }

form.remote, form.remote dl, form.remote dt, form.remote dd { margin: 0; padding: 0 }
form.remote dl { margin: 10px }
form.remote dt label { font-weight: bold }

/* Login page */
#Login .tabs .beta_nav,
#Login .tabs .live_nav,
#Registration .tabs .beta_nav,
#Registration .tabs .live_nav { font-weight: bold; color: #ccc }

body#Login div.panel h2, body#Login form.standard h2, #SourceContent h2, #Message h2, .question h2, .Message h2 { margin: 0; padding: 2px 0 2px 8px; background-color: #999; color: #fff; font-size: 1.5em; }

#TestimonialPanel { border: 1px solid #bbb; background: #F0F0FF url('/images/register_shadow.gif') repeat-x top; float: right; width: 25%; margin-top: 10px; }
#TestimonialPanel h2 { margin: 0; padding: 2px 0 2px 8px; background-color: #A5A5A5; color: #fff; }

#TestimonialPanel.wide { width: 100%; clear: both; margin: 10px 0 20px 0; }
div.testimonial_panel_content { margin-top: 10px; padding: 10px; }
div.testimonial_panel_content cite { display: block; padding-bottom: 20px; padding-top: 10px; }
div.testimonial_panel_content h2,
div.testimonial_panel_content h3,
div.testimonial_panel_content h4 { margin: 0 0 1em 0 }
div.testimonial_panel_content p { margin: 0; padding: 0; }
div.testimonial_panel_content blockquote { display: block; width: 68%; margin: 1.5em auto; }

div#Left, div#Right, div#Centre { width: 250px; }
div#Left { float: left; }
div#Centre { float: left; margin: 0 13px; width: 440px; }
div#Right { float: left; }

ul.features { list-style-type: none; margin-left: 2px; padding-left: 15px; list-style-image: url('/images/arrow.gif'); }
ul.features li { margin: 5px 0 0 0; }

div.form_panel { margin: 0 0 10px 0; float: left; }

div.form_panel form.standard label { padding: 0; margin: 0; }
div.form_panel form.standard label.clear { margin: 0 0 4px 0; padding: 0; width: 200px; display: block; }
div.form_panel form { border-width: 4px }
div.form_panel form.standard div.clear { margin: 0 0 4px 0; padding: 0 }
div.form_panel form.standard div.clear input { width: 97% !important; margin: 0; }
div.form_panel form.standard { width: 100%; margin: 0; padding: 0; background: #F0F0FF url('/images/register_shadow.gif') repeat-x top; }
div.form_panel form.standard div.section { padding: 4px 0; margin-bottom: 6px; clear: both; float: left; width: 100%; }
div.form_panel form.standard div.remember_me { width: 11em; float: left;}
div.form_panel form.standard input.submit { float: right; }
div.form_panel form.standard dd input { width: 220px }
div.form_panel form.standard div.help { margin: 0; padding: 0; }
div.form_panel form.standard fieldset { margin: 0; border: none; clear: both; }
div.form_panel form.standard .confirm { color: #666; }
div.form_panel p { margin: 0 0 5px 0; }
div.form_panel div.action { margin: 0 10px 10px 10px; }
div.form_panel div.help { color: #aaa; }
div.form_panel form.standard h3 { padding: 4px 6px; margin: 0; margin-bottom: 10px; color: white; background-color: #A5A5A5; }

div#headlines { clear: both; padding: 10px 0 0 0; margin: 0; width: 257px !important; }
div#headlines h2 { font-size: 1.5em; }
div#headlines ul { margin: 0; padding: 0; list-style: none; font-size: 12px; font-weight: bold }
div#headlines ul li { padding: 6px 10px; }
div#headlines ul li.odd { background: #cce0f5 url('/images/headline-odd.gif'); }
div#headlines ul li.even { background: #80b3e5 url('/images/headline-even.gif'); }

div.panel { width: 250px; margin: 0 0 10px 0; padding: 0; border: 1px solid #bbb; background: #F0F0FF url('/images/register_shadow.gif') repeat-x top; float: left; }
.panel_content, div.form_panel form.standard fieldset { padding: 10px; }
div.headlines h3 { font-weight: normal; background-image: url('/images/arrow.gif'); background-repeat: no-repeat; background-position: 0 4px; padding-left: 8px; }

ul.perks { width: 200px; padding-left: 20px; margin: 10px 0 15px 0; line-height: 20px; float: left; }
ul.perks li { margin-left: 5px; }

/* About page */
.about_details { width: 100%; margin: 0 0 2em 0; }
.about_details td, .about_details th { padding: 0.6em 0 }
.about_details td { font-weight: bold;}
.about_details th { text-align: left; width: 15em; color: #333; }
a.pdf { padding: 0 0 2px 22px; background-image: url('/images/pdf.gif'); background-repeat: no-repeat; background-position: top left; }

/* Search forms */
form.search { clear: both; margin-bottom: 1em; }

/* Errors */
.fieldWithErrors { clear: none; display: inline; }
div .fieldWithErrors input, form input.fieldWithErrors, div .fieldWithErrors textarea, form textarea.fieldWithErrors, div .fieldWithErrors select, form select.fieldWithErrors { border: 2px solid #ff5555 !important; }
.error, #Error { padding: 4px 2px; margin: 0; margin-top: 10px; margin-bottom: 10px; font-weight: bold; color: red; background-color: #FFDBDB; border-top: 1px solid red; border-bottom: 1px solid red; width: 100%; }
.errorExplanation { padding: 0 0 1px 0; margin: 0 0 10px 0; border: none !important; }
.errorExplanation { background: #f9f9f9 !important; }
.errorExplanation ul { padding: 0; margin: 10px 10px 10px 30px;}
.errorExplanation ul li { font-weight: bold; color: red; }
.errorExplanation h2 { background-position: 4px center; background-repeat: no-repeat; background-image: url('/images/error.gif'); margin: 0; padding: 3px 0 3px 26px; font-size: 1em; border: none; background-color: #FFDBDB; color: red;}
.errorExplanation p { margin: 10px;}

.long_message { padding: 0 0 1px 0; margin: 0 0 10px 0; border: none !important; width: 100%;}
.long_message { background: #f9f9f9 !important; }
.long_message ul { padding: 0; margin: 10px 10px 10px 30px;}
.long_message h2 { background-position: 4px center; background-repeat: no-repeat; margin: 0; padding: 3px 0 3px 26px; font-size: 1em; border: none; }
.long_message p { margin: 10px;}

.long_message h2 { background-color: #DBFFDB; color: green; }
.long_info_message h2 { background-color: #DBDBFF; color: #2222AA; }

#helpExplanation { padding: 0 0 1px 0; margin: 0 0 10px 0; border: none !important; width: 95%;}
#helpExplanation { background: #f9f9f9 !important; }
#helpExplanation ul { padding: 0; margin: 10px 10px 10px 30px;}
#helpExplanation h2 { background-position: 4px center; background-repeat: no-repeat; background-image: url('/images/completed.gif'); margin: 0; padding: 3px 0 3px 26px; font-size: 1em; border: none; background-color: #DBFFDB; color: green;}
#helpExplanation.info { color: #000; font-weight: normal; }
#helpExplanation.info h2 { background-image: url('/images/azuki/info.gif'); color: #222299; background-color: rgb(240, 240, 255);}
#helpExplanation p { margin: 10px;}

.notice, #Notice,
.error, #Error,
.info, #Info { margin: 0 0 10px 0; padding: 4px 0; font-weight: bold; }

.notice, #Notice { color: green; background-color: #DBFFDB; border-top: 1px solid green; border-bottom: 1px solid green; width: 100%; }
.error, #Error { color: red; background-color: #FFDBDB; border-top: 1px solid red; border-bottom: 1px solid red; width: 100%; }
.info, #Info { color: green; background-color: #DBFFDB; border-top: 1px solid green; border-bottom: 1px solid green; width: 100%; }

#Notice .body, #Error .body, #Info .body { margin-left: 24px; }

#Notice, #Error { cursor: pointer; background-position: 4px center; background-repeat: no-repeat }
#Notice { background-image: url('/images/completed.gif'); }
#Error { background-image: url('/images/error.gif'); }
#Error span.message_space, #Notice span.message_space { padding: 0; margin: 0; }
.Message { margin: 0; padding: 0; border: 2px solid #999; background-color: #f0f0f0; clear: both; width: 40em; }
.Message h2 { background-color: #999; color: #fff; margin: 0; }
.Message p { padding-left: 8px;}
.Message .links { padding: 2px 2px 2px 8px; font-weight: bold; }
#Message, #ThomsonOneMessage { position: absolute; z-index: 1010; }

/* All message_spaces might use this style soon */
.long_message .message_space { display: block; float: left; border: 2px solid transparent; }

#SearchFeedback { float: left; padding: 5px 0; margin: 0 0 10px 0; margin: 0 0 1px 0; font-weight: normal; color: #fff; background-color: #06c; width: 100%; border: none; clear: both;}
#SearchFeedback .message { width: 70%; padding: 0 0 0 5px; margin: 0; float: left; }
#SearchFeedback a .message { color: #fff; }
#SearchFeedback .message_button { float: right; padding: 0; margin: 0; width: 12%; color: #000; }
#SearchFeedback .message_button a { color: #fff; }

#PrintNav { width: 784px; }
#NewsletterNav { text-align: right; float: right; width: 40%; color: #999; margin: 10px 0 10px 0; padding: 0; font-weight: bold;}
#FeedbackNav { float: left; text-align: left; width: 10%; color: #999; margin: 10px 0 10px 0; padding: 0; font-weight: bold;}

/* Classes */
.nowrap { white-space: nowrap; }
.widelink { width: 100%; display: block; }
.accessibility { display: none; }
.rss { padding-left: 17px; background: url('/images/feedicon.gif') no-repeat left; }
.action {}
.destroy { color: red }
.highlight { background-color: #ffa; padding: 0 2px; }
.smallprint { font-size: 0.9em; font-style: italic; }

.small { font-size: 0.8em }

.button-to { float: left; } 

.popup { position: absolute; border: 1px solid #666; width: 120px; background-color: #f9f9f9; padding: 2px; margin: 0 0 0 0; z-index: 3;}

.editor_section, .section_warning, .section_ok { border: 1px solid #bbb; background-color: #F0F0FF; margin: 10px 0; padding: 0 14px; width: 90%; }
.section_warning { border: 2px solid red; background-color: #f0f0f0;}
.editor_section form, .section_warning form, .section_ok form { clear: both; margin-bottom: 10px }
.section_ok { border: 2px solid green; background-color: #f0f0f0;}

input.highlight { font-weight: bold; }

/* Newsletter archive hovers */
.hover_content { display: none; }
.hover { text-decoration: underline; }
td.archive_message_sidebar a:hover { text-decoration: none;}

/* Pagination */
p#pagination { margin: 2em 0 10px 0; padding: 1.5em 0 1em 0; width: 100%; text-align: center; border-top: 1px solid #ccc; }
p#pagination a { margin: 1px; padding: 4px; border: 1px solid #B8C8FF }
p#pagination a.next { border: none !important; }

.pagination { margin: 2em 0 10px 0; padding: 1.5em 0 1em 0; width: 100%; text-align: center; border-top: 1px solid #ccc; }
.pagination a { margin: 1px; padding: 4px; border: 1px solid #B8C8FF }
.pagination a.next { border: none !important; }

/* Textile help */
div.textile-help { font-size: small; background-color: #ffc; border: 1px solid #333; padding: 4px; }
div.textile-help .def { font-family: courier }

/* Premium marketing */
img#premium_button { float: right; margin: 34px 10px 0 0 ;}

div#PricePlans { width: 100%; text-align: center; margin: 0; background-color: #F0F0FF;}
div#PricePlans table { width: 100%; margin: 0 auto; }
div#PricePlans table td { text-align: left; }
div#PricePlans table th { text-align: left; }

span.premium, a.source { text-transform: uppercase; background-color: #F67421; padding: 2px 3px; font-size: 0.8em; color: #fff; }
a.source { font-size: 1em; font-weight: bold; }

/* Premium forms */
div#RightMenu { width: 25%; float: right; padding: 0; border: 1px solid #aaa; margin: 10px 0; background-color: #F0F0FF; clear: right; }
div.right_menu_content { padding: 10px; }

form.upgrade { padding: 0; border: none; background-color: transparent; }
form.upgrade div.section { margin: 0; border-bottom: 2px solid #dfdfdf; }
form.upgrade div.required { border-left: 2px solid red; }
form.upgrade dl { margin: 0; padding: 0; }
form.upgrade dt { float: left; clear: left; text-align: right; margin: 5px 10px 0 0; width: 170px; font-size: 1em; font-weight: bold; }
form.upgrade dd { margin-bottom: 5px; font-size: 1em; }
form.upgrade input:focus { background-color : #ffc; }
form.upgrade textarea:focus { background-color : #ffc; }
form.upgrade div.action { margin: 2px 0 0 0; border-bottom: none; padding: 0; background-color: transparent; }
form.upgrade table { border-bottom: 2px solid #bbb; width: 100%;}

/* Economics section */
#GenericStories, #EconomicsStories { border: 1px solid #295a90; width: 718px}
div.generic_story, div.economics_story { padding: 10px; border-bottom: 2px solid #dfdfdf }

/* beta */
span.beta { padding: 1px 3px; background-color: #ff4444; color: #fff; font-size: 1em !important; margin: 0 4px 0 0;}

pre.email_example { padding: 1em; border: 1px solid #bbb; width: 600px; background-color: #F0F0FF;}

.spacer { border-bottom: 1px solid #bbb; margin: 1em 0;}
.important { color: #ee0000; font-weight: bold;}

img.banner {float: right;}

/* News */
div.newsdate { color: #454545; font-size: 0.95em; padding-bottom: 2px; }
div#NextIssue { text-align: left; margin: 4px 10px 0 4px; float: left; width: 180px;}
div#NextIssue h3 { font-family: arial, sans-serif; font-size: 1.25em; color: #222; margin: 0 0 2px 0; padding: 0; }

/* Close story link */
div#CloseStory { position: absolute; right: 1em; top: 1em; background-color: #fff; padding: 2px 4px; border: 1px solid #8888cc;}

/* View site link */
div.view_site { float: right; margin: 5px 5px 0 0; background-color: #fff; padding: 2px 4px; border: 1px solid #8888cc; }

/* Config page */
body#Config h3 { margin-top: 1.5em; }

ul.link_list { list-style-type: none; padding: 0; margin: 0; }
ul.link_list li { padding: 0; margin: 0 0 10px 0; }

/* Menus */
ul.nav_menu { list-style-type: none; padding: 0; margin: 0; width: 100%; }
ul.nav_menu li { margin: 0; padding: 0; }
ul.nav_menu ul { list-style-type: none; margin: 0 0 0 4px; padding: 0; width: 100%; }

ul.nav_menu h2, ul.nav_menu h3, ul.nav_menu h4, ul.nav_menu h5, ul.nav_menu h6 { margin: 0; padding: 0; }

ul.nav_menu li.container { margin-top: 4px; }
ul.nav_menu li.section { padding: 0 0 0 6px; margin: 0; background-image: none; }
ul.nav_menu li.link { padding: 0 0 0 10px; margin: 4px 0; }

/* Community */
.small_profile { padding: 1px; margin: 4px;}
.small_profile .details { margin: 0 10px 10px 10px }
.small_profile .image { border: 1px solid #ccc; padding: 4px; width: 80px; margin-left: 4px; }

#MessageAlert { background-color: #ffa }
#MessageAlert a { color: #000!important }

.marker { line-height: 13px }
.marker .popinfo_image, .marker .long_popinfo_image  { display: block; position: absolute; top: 22px; z-index: 1; width: 22px; height: 12px; padding: 0; margin: 0; background: transparent url('/images/arrow.png') no-repeat; }
.marker .long_popinfo_image { height: 35px; background: transparent url('/images/arrow_long.png') no-repeat; }

#RemoteForm { width: 40em; position: absolute; z-index: 1000; padding: 0 !important; left: 0; top: 0; margin: 0 !important; border: 2px solid #999 !important;}
#RemoteForm div { padding: 6px 0 0 0; }
#RemoteForm div.help { padding: 0 6px; }
#RemoteForm div.section { border: none; }
#RemoteForm div.button_container div.buttons { padding-left: 8em }
#RemoteForm textarea { width: 27em !important; }
#RemoteForm dt { width: 7em !important; }

.ico_graph { width: 600px; height: 300px; background-color: #fff }
.graph_container { float: left; text-align: center; margin-top: 1em }
.graph_container h2 { padding: 0; font-size: 1em; width: 300px; margin: 0 auto }

.loading { background-color: #ff4444; color: #fff; font-weight: bold; font-size: 120%; padding: 4px }

/* START AzukiLib */
/* Busybox */
#Busybox { position: absolute; z-index: 1001; padding: 1em !important; left: 0; top: 0; margin: 0 0 0 0 !important; width: 138px; height: 81px; position: absolute; }

/* Contextual help */
a.help { margin-left: 1px; padding-left: 16px; background: url('/images/azuki/help.gif') no-repeat left; font-size: 86% !important; background-position: 0; white-space: nowrap; cursor: pointer }
#HelpContainer { width: 500px; z-index: 1001;}
#HelpContent { margin: 4px; padding: 10px; text-align: left; line-height: 1.2; z-index: 101; background-color: #fff; }
#HelpContent h3 { text-align: center; font-size: 120% !important; border-bottom: 1px solid #ccc; margin-top: 0; margin-bottom: 10px; }

/* Virtual windows */
.popinfo_frame { display: block; position: absolute; margin: 0; width: 30em; z-index: 1; font-size: 1em; }
.popinfo_inner { display: block; position: absolute; z-index: 1; border: solid 1px #999; background-color: #ff8; text-align: left; margin: 0; padding: 4px; color: #000; font-weight: normal !important; white-space: normal !important;}
.popinfo_container { position: absolute; z-index: 1000; padding: 0; left: 0; top: 0; margin: 0 !important; border: 2px solid #999 !important; background-color: #F0F0FF; text-align: center;}

/* Keyboard shortcuts */
div.accesskey { text-decoration: underline; display: inline; margin: 0; padding: 0;}
span.accesskey { text-decoration: underline; }

/* Textarea extensions */
.bigger, .smaller { cursor: pointer }

/* Previews that work using timed observers */
.observed_preview { border: 2px solid #999; padding: 10px; background-color: #f0f0f0; }

/* END AzukiLib */

#VideoViewer { margin: 3em 0 0 2em; text-align: center; }