/* Reset */
body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}

/* Typography */
body,ul,ol,dl,h1,h2,h3,h4,h5,h6,td,th,caption,pre,p,blockquote,input,textarea {
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  line-height: 18px;
  font-weight: normal;
  color: #222;
}

/* General */
BODY {background-color : #ffffff; margin : 0;}
BODY.main {background-color : #ffffff; margin : 0;}
P {margin : 0 0 16px 0;}

A:link {text-decoration : underline; color : #000000;}
A:visited {text-decoration : underline; color : #000000;}
A:active {text-decoration : underline; color : #000000;}
A:hover {text-decoration : none; color : #333333;}
A.menu:hover {text-decoration : none; color : #333333; background-color : #ffffff;}

A.footer:link {font-size : 11px; color : #ffffff;}
A.footer:visited {font-size : 11px; color : #ffffff; text-decoration : underline;}
A.footer:active {font-size : 11px; color : #ffffff; text-decoration : underline;}
A.footer:hover {font-size : 11px; color : #dddddd; text-decoration : none;}

A.button_link:link {font-weight : bold; text-decoration : none;}
A.button_link:visited {font-weight : bold; text-decoration : none;}
A.button_link:active {font-weight : bold; text-decoration : none;}
A.button_link:hover {font-weight : bold; text-decoration : none;}

A.highlightedtitle:link {font-size: 22px; font-weight: normal; color : #FF3366; line-height : 30px; font-family : arial, helvetica, sans-serif; text-decoration : none;}
A.highlightedtitle:visited {font-size: 22px; font-weight: normal; color : #FF3366; line-height : 30px; font-family : arial, helvetica, sans-serif; text-decoration : none;}
A.highlightedtitle:active {font-size: 22px; font-weight: normal; color : #FF3366; line-height : 30px; font-family : arial, helvetica, sans-serif; text-decoration : none;}
A.highlightedtitle:hover {font-size: 22px; font-weight: normal; color : #FF3366; line-height : 30px; font-family : arial, helvetica, sans-serif; text-decoration : none;}

HR {color : #eeeeee; background-color : #eeeeee; height : 1px; border : 0;}
BLOCKQUOTE {margin:0 0 18px 12px; padding-left:12px; color:#999999; border-left : 1px solid #cccccc;}
BLOCKQUOTE.forums {margin:0; padding:0; border:0;}
BLOCKQUOTE.forums * {color:#999999;}

DIV.scrollable_area {padding : 0; overflow : auto; width:720px; white-space:normal;}
DIV#admin_bar {border-bottom : 1px solid #eeeeee; background : url('./img/admin_bar_bg.gif') repeat-x top left #fafafa;}

.small {font-size : 11px; line-height : 16px;}
.bold {font-weight : bold;}
.smallbold {font-size : 11px; line-height : 16px; font-weight : bold;}
.lighttext {color : #c6c6c6;}
.smalllighttext {font-size : 11px; color : #c6c6c6;}
.highlighted {color : #FF3366; font-weight : bold;}
.smallhighlighted {color : #FF0066; font-weight : bold; font-size : 11px;}
.photo {border : 4px solid #eeeeee;}
.no_photo {border : 4px solid #eeeeee;}
.help {color:#ddd;}
.blog_term_chart_image {border : 1px solid #eeeeee; padding : 12px; cursor:pointer;}

/* Code Formatting */
pre {margin:0; white-space:normal;}
ol.code {margin:0;padding:5px 7px 5px 37px;border:1px dashed #cccccc;list-style-type:decimal-leading-zero;font-family:georgia;color:#cccccc;}
.code code {font-family:Monaco,"Courier New",Tahoma; color:#666666;}
.code li {margin:2px 0;padding:0 5px;background:#f7f7f5;}
.code .changed {color:#900;font-weight:bold;}
.code em {color:#900;font-weight:bold;font-style:normal;}

/* Primary Content Area Container */
TD.content {padding : 12px; line-height : 18px;}
TD.content TD {line-height : 18px;}

/* Sidebar Container */
TD.sidebar {padding : 12px;}

/* Header and Footer Bars */
TD.header_footer_bar {padding : 12px; background-color : #fafafa; border-top : 1px solid #cccccc; border-bottom : 1px solid #cccccc;}
TD.header_footer_bar TD {line-height : 20px;}
TD.header_footer_bar_text, TD.header_footer_bar_text A {font-size : 11px; line-height : 17px;}
SPAN.menu_header {font-size : 18px; font-weight : bold; margin-bottom : 18px;}

/* Footer Area */
TD.footer {padding : 12px; background-color : #222222;}
TD.footer TD {font-size : 11px; line-height : 17px; color : #ffffff;}

/* Header and Logo Area */
TD.header {padding : 12px;}
TD.header TD {font-size : 11px; line-height : 17px;}
TD.header A {font-size : 11px; line-height : 17px; font-weight : bold;}

/* Gradient Separator Bar */
TD.gradient_bar_1 {background-color : #333333;}
TD.gradient_bar_2 {background-color : #555555;}
TD.gradient_bar_3 {background-color : #999999;}
TD.gradient_bar_4 {background-color : #cccccc;}

/* Color Picker */
TABLE.color_picker {margin-top : 6px; margin-bottom : 0px; background-color : #444444;}
TD.color_picker_cell {width:16px; height:12px;}

/* Picture Ribbons */
DIV.ribbon {height:100%; width:100%; position:relative; top:-2px; right:-2px;}
DIV.moderator_ribbon {background:url('./img/ribbons/moderator.png') top right no-repeat;}
DIV.contributor_ribbon {background:url('./img/ribbons/contributor.png') top right no-repeat;}
DIV.reviewer_ribbon {background:url('./img/ribbons/reviewer.png') top right no-repeat;}
DIV.recognized_ribbon {background:url('./img/ribbons/recognized.png') top right no-repeat; right:10px;}
DIV.admin_ribbon {background:url('./img/ribbons/admin.png') top right no-repeat; right:10px;}

/* System Messages */
.sys_msg {border : 1px solid #cccccc; background : url('./img/notification_bg.png') repeat-x top left;}
.sys_msg_alert {background : url('./img/sysmessage_alert.gif') no-repeat 10px 50%; padding : 18px 14px 18px 58px;}
.sys_msg_question {background : url('./img/dialog_questionmark.gif') no-repeat 10px 50%; padding : 18px 18px 14px 58px;}
.sys_msg_error {background : url('./img/sysmessage_error.gif') no-repeat 10px 50%; padding : 18px 14px 18px 58px;}
.sys_msg_note {background : url('./img/sysmessage_chat.gif') no-repeat 10px 50%; padding : 18px 14px 18px 58px;}

/* Clickable Item Title Bar */
.item_title_bar {font-size : 16px; font-weight : bold; padding : 12px 12px 12px 12px; font-family : arial, helvetica, sans-serif;}
.item_title_bar_off {background-color : #fafafa; color : #666666;}
.item_title_bar_on {background-color : #FF3366; color : #ffffff; cursor : pointer;}
.item_title_bar_on .smalllighttext {font-size : 11px; color : #eeeeee;}

/* Search Results Match Highlighting */
.search_term_match, .search_term_match A {background-color: #FFFF33; font-weight:bold;}

/* Chat Room Area */
TD.chat_box {background : url('./img/diag_bg.gif'); border : 1px solid #dddddd; padding : 24px;}

/* General Content Box */
TABLE.box TD.boxcontent {background-color : #fafafa; padding : 18px; line-height : 22px;}

/* Sidebar Navigation */
SPAN.css_side_menu_header {font-size : 16px; font-weight : bold; margin-bottom : 18px; color : #dddddd; font-family : arial, helvetica, sans-serif;}
TD.sidebarboxcontent {line-height : 20px; background-color : #fafafa; padding : 12px; font-size : 11px;}
TD.sidebarboxcontent .small {font-size : 11px; line-height : 16px; font-family : arial, helvetica, sans-serif;}

/* Sidebar Feature Box */
.sidebar_box {border-left : 1px solid #dddddd; border-right : 1px solid #dddddd; border-bottom : 1px solid #dddddd; border-top : 1px solid #dddddd;} 
.sidebar_box_header {background : url('./img/diag_bg.gif'); padding : 12px; border-bottom : 1px solid #dddddd; font-size : 14px; font-weight : bold; font-family : arial, helvetica, sans-serif; color : #FF3366; text-transform : uppercase;} 
.sidebar_box_content {background-color : #ffffff; padding : 12px; font-size : 11px; line-height : 16px; font-family : arial, helvetica, sans-serif;} 

/* Articles */
.article_blurb {font-size : 14px; line-height : 20px; color : #999999;}

/* User Generated Text */
.user_generated_text, .user_generated_text * {}

/* Administration Bar Area */
TABLE.admin_bar {background-color : #A60000; cursor : pointer;}
.admin_bar TD {padding : 12px; color : #ffffff; font-size : 16px; font-family : arial, helvetica, sans-serif;}

/* Inline Administration Options */
.admin_options {display: block; padding : 12px; border-left : 4px solid #dddddd; background-color : #f4f4f4; color : #2E993A; font-weight : bold;}
.admin_options A {color : #2E993A; font-weight : bold; text-decoration : none;}

/* Popup Paging Area */
.css_browser_bar {height : 24px; background-color : #fafafa;}
.nav {font-size : 11px;}
.nav_selected {font-size : 11px; color : #c6c6c6;}

/* Titling */
.title {font-size: 22px; font-weight: normal; line-height : 30px; color : #333333; font-family : arial, helvetica, sans-serif;}
.highlightedtitle {font-size: 22px; font-weight: normal; color : #FF3366; line-height : 30px; font-family : arial, helvetica, sans-serif;}
.subtitle, .subtitle A {font-size: 16px; font-weight: normal; color : #333333; line-height : 26px; text-decoration : none; font-family : arial, helvetica, sans-serif;}
.boldsubtitle, .boldsubtitle A {font-size: 16px; font-weight: bold; color : #333333; line-height : 26px; text-decoration : none; font-family : arial, helvetica, sans-serif;}

/* Pseudo Tabs */
#minitabscontainer {width: 100%;padding: 0;	margin: 6px 0 0 0;background: #fcfcfc; border-bottom : 1px solid #eeeeee; border-top : 1px solid #eeeeee;}
#minitabs {margin: 0;padding: 5px 0 20px 5px;}
#minitabs li {margin: 0; padding: 0;display: inline;list-style-type: none;}
#minitabs a:link, #minitabs a:visited {float: left;font-family: arial;font-size: 11px;line-height: 14px;font-weight: bold;margin: 0 20px 4px 0;text-decoration: none;color: #333333;}	
#last_minitab a:link, #last_minitab a:visited {float: left;font-family: arial;font-size: 11px;line-height: 14px;font-weight: bold;margin: 0 0 4px 0;text-decoration: none;color: #333333;}
#minitabs a.active:link, #minitabs a.active:visited, #minitabs a:hover {border-bottom: 4px solid #333333;padding-bottom: 2px;background: #fcfcfc;color: #333333;}
#minitabs a:hover {border-bottom: 4px solid #2E993A;color: #333333;}

/* Article Pull-Quotes */
.inlinequote {width: 200px;float: left;	display: inline;padding: 5px 15px;	margin: 10px 20px 10px 0;border-right: 1px solid #DDD;}
.inlinequote img.quote {float: left;padding: 0 7px 0 0;}
.inlinequote img.quoteEnd {display: inline;	padding: 0;margin: 0 0 0 4px;	position: relative;	top: 5px;}
.inlinequote h3 {margin: 0;padding: 7px 0 8px 0;line-height: 1.6em;font-size: 120%;font-family: Arial, Helvetica, sans-serif;}
.inlinequote p {margin: 0 0 0 20px;	padding: 0;}

/* Comment Bubble */
.teaser blockquote {margin:0;padding:0 0 0 15px;background:url('./img/bubble.gif') no-repeat 0 0px; font-style:normal; border:0;}
.teaser blockquote div {padding:15px 20px 0 5px;background:url('./img/bubble.gif') no-repeat 100% 0px;}
.teaser blockquote * {margin-top:0;margin-bottom:0;}
.teaser .quote-by {display:block;padding:0 15px 0 0;background:url('./img/bubble.gif') no-repeat 100% -570px;font-style:normal;}
.teaser .quote-by cite {display:block;padding:20px 0 0;background:url('./img/bubble.gif') no-repeat 0 -570px;}

/* Forms */
label 					{color:#444; cursor:pointer;}
input, select, textarea		{margin: 0; padding: 4px; border: 1px solid #ccc; border-top-color: #777; border-bottom-color: #DDD; background: #fcfcfc; color: #555;}
input:focus, textarea:focus	{background: #fff;}
input, textarea			{width : 96%; border: 1px solid #ccc; border-top-color: #777; border-bottom-color: #DDD;}
textarea					{height: 100px; overflow:auto;}
select option				{margin-right:6px;}
input.button				{background: url('./img/button_bg.png') bottom left repeat-x #ffffff; color: #333333; text-align: center; font: bold 12px Arial, Helvetica, sans-serif; border: 3px double #dddddd; width: auto; padding: 0px 6px; line-height: 24px !important; line-height: 22px; height: 32px !important; height: 30px; margin: 1px; cursor: pointer;}
input.checkbox				{width:auto; border : 0; background : '';}
input.radio				{width:auto; border : 0; background : '';}
