/* Styles for the general looks for the Curve theme.
------------------------------------------------------- */

/* Normal, standard links. */
a:link 
{
   color: #436A5C;
   text-decoration: none;
}

a:visited
{
   color: #618377;
   text-decoration: none;
}
a:hover
{
   text-decoration: underline;
   cursor: pointer;
}

/* Links that open in a new window. */
a.new_win:link, a.new_win:visited
{
   color: #7a8e87;
   text-decoration: none;
}
a.new_win:hover
{
   text-decoration: underline;
}

/* header styles to fix leading problem */

h1
{ 
   line-height: 120%;
   
}

h2
{ 
   line-height: 120%;
}

h3
{ 
   line-height: 120%;
}

h4
{ 
   line-height: 120%;
}

h5
{ 
   line-height: 120%;
}

h6
{ 
   line-height: 120%;
}
/* Tables should show empty cells. */
table
{
   empty-cells: show;
}

/* Set a fontsize that will look the same in all browsers. */
body
{
   background: #000000;
   font: 78%/130% "Verdana", "Arial", "Helvetica", sans-serif;
   margin: 0 auto;
   padding: 15px 0;
}

/* Help popups require a different styling of the body element. */
body#help_popup
{
   padding: 1em;
}

/* use dark grey for the text, leaving #000 for headers etc */
body, td, th, tr
{
   color: #444;
}

/* This division wraps the entire forum when a forum width is set. */
div#wrapper
{
   margin: 0 auto;
   min-width: 764px;
   max-width: 2300px;
}

/* lets give all forms zero padding/margins */
form
{
   padding: 0;
   margin: 0;
}

/* We can style the different types of input buttons to be uniform throughout different browsers and their color themes.
   .button_submit - covers input[type=submit], input[type=button], button[type=submit] and button[type=button] in all browsers
   .button_reset  - covers input[type=reset] and button[type=reset] throughout all browsers
   .input_check   - covers input[type=checkbox] throughout all browsers
   .input_radio   - covers input[type=radio] throughout all browsers
   .input_text    - covers input[type=text] throughout all browsers
   .input_file    - covers input[type=file] throughout all browsers
*/

input, button, select, textarea
{
   font: 95%/115% verdana, Helvetica, sans-serif;
   color: #000;
   background: #fff;
   border: 1px solid #92adaa;
   padding: 2px;
}

/* Select elements look horrible with the extra padding, so leave them unpadded. */
select
{
   padding: 0;
}

/* Add some padding to the options instead. */
select option
{
   padding: 1px;
}

/* The font size of textareas should be just a little bit larger. */
textarea
{
   font: 100%/130% verdana, Helvetica, sans-serif;
}

/* Buttons should be styled a bit differently, in order to make them look more button'ish. */
.button_submit, .button_reset
{
   background: #b4cdc9 url(../images/theme/submit_bg.png) no-repeat;
   border: 1px solid #aaa;
   cursor: pointer;
   font-weight: normal;
}
input:hover, textarea:hover, button:hover, select:hover
{
   border: 1px solid #454545;
}
.button_submit:hover, .button_reset:hover
{
   border: 1px solid #aaa;
   background: url(../images/theme/submit_bg.png) no-repeat 0 -140px #b4cdc9;
}
input:focus, textarea:focus, button:focus, select:focus
{
   border: 1px solid #454545;
}

/* All input elements that are checkboxes or radio buttons shouldn't have a border around them. */
input.input_check, input.input_radio
{
   border: none;
   background: none;
}
h3.catbg input.input_check
{
   margin: 9px 7px 0 7px;
}

/* Give disabled text input elements a different background color. */
input[disabled].input_text
{
   background-color: #eee;
}

/* Standard horizontal rule.. ([hr], etc.) */
hr, .hrcolor
{
   height: 1px;
   border: 0;
   color: #ccc;
   background-color: #ccc;
}

/* By default set the color on these tags as #000. */
h1, h2, h3, h4, h5, h6
{
   color: #000;
   margin: 0;
   padding: 0;
}

/* Fieldsets are used to group elements. */
fieldset
{
   border: 1px solid #c4c4c4;
   padding: 1em;
   margin: 0 0 0.5em 0;
}
fieldset legend
{
   font-weight: bold;
   color: #444;
}
/* No image should have a border when linked. */
a img
{
   border: 0;
}

/* Define strong as bold, and em as italics */
strong
{
   font-weight: bold;
}

em
{
   font-style: italic;
}
/* Alternative for u tag */
.underline
{
   text-decoration: underline;
}

/* Common classes to easy styling.
------------------------------------------------------- */

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

.flow_auto
{
   overflow: auto;
}
.flow_hidden
{
   overflow: hidden;
}
.flow_hidden .windowbg, .flow_hidden .windowbg2
{
   margin-top: 2px;
}
.clear
{
   clear: both;
}
.clear_left
{
   clear: left;
}
.clear_right
{
   clear: right;
}

/* Default font sizes: small (8pt), normal (10pt), and large (14pt). */
.smalltext, tr.smalltext th
{
   font-size: 0.85em;
   font-family: verdana, sans-serif;
}
.middletext
{
   font-size: 0.9em;
   line-height: 1em;
   font-family: verdana, sans-serif;
}
.normaltext
{
   font-size: .85em;
   line-height: 1.2em;
}
.largetext
{
   font-size: 1.4em;
}
.centertext
{
   margin: 0 auto;
   text-align: center;
}
.righttext
{
   margin-left: auto;
   margin-right: 0;
   text-align: right;
}
.lefttext
{
   margin-left: 0;
   margin-right: auto;
   text-align: left;
}
.double_height
{
   line-height: 2em;
}
/* some common padding styles */
.padding
{
   padding: 0.7em;
}
.main_section, .lower_padding
{
   padding-bottom: 0.5em;
}
/* a quick reset list class. */
ul.reset, ul.reset li
{
   padding: 0;
   margin: 0;
   list-style: none;
}

/* Some BBC related styles.
------------------------------------------------------- */

/* A quote, perhaps from another post. */
blockquote.bbc_standard_quote, blockquote.bbc_alternate_quote
{
   font-size: x-small;
   color: #000;
   line-height: 1.4em;
   background: url(../images/theme/quote.png) 0.1em 0.1em no-repeat;
   border-top: 2px solid #9eaca5;
   border-bottom: 2px solid #9eaca5;
   padding: 1.1em 1.4em;
   margin: 0.1em 0 0.3em 0;
   overflow: auto;
}

/* Alterate blockquote stylings */
blockquote.bbc_standard_quote
{
   background-color: #b9cac0;
}
blockquote.bbc_alternate_quote
{
   background-color: #c0d2c7;
}

/* A code block - maybe PHP ;). */
code.bbc_code
{
   display: block;
   font-family: "dejavu sans mono", "monaco", "lucida console", "courier new", monospace;
   font-size: x-small;
   background: #cbd9d2;
   border-top: 2px solid #999;
   border-bottom: 2px solid #999;
   line-height: 1.5em;
   padding: 3px 1em;
   overflow: auto;
   white-space: nowrap;
   /* Show a scrollbar after about 24 lines. */
   max-height: 24em;
}

/* The "Quote:" and "Code:" header parts... */
.codeheader, .quoteheader
{
   color: #666;
   font-size: x-small;
   font-weight: bold;
   padding: 0 0.3em;
}

/* For links to change the code stuff... */
.codeoperation
{
   font-weight: normal;
}

/* Styling for BBC tags */
.bbc_link:link, .bbc_link:visited
{
   border-bottom: 1px solid #a3b9b4;
}
.bbc_link:hover
{
   text-decoration: none;
   border-bottom: 1px solid #7a8e87;
}
.bbc_size
{
   line-height: 1.4em;
}
.bbc_color a
{
   color: inherit;
}
.bbc_img
{
   border: 0;
}
.bbc_table
{
   font: inherit;
   color: inherit;
}
.bbc_table td
{
   font: inherit;
   color: inherit;
   vertical-align: top;
}
.bbc_u
{
   text-decoration: underline;
}
.bbc_list
{
   text-align: left;
}
.bbc_tt
{
   font-family: "dejavu sans mono", "monaco", "lucida console", "courier new", monospace;
}

/* Generally, those [?] icons.  This makes your cursor a help icon. */
.help
{
   cursor: help;
}

/* /me uses this a lot. (emote, try typing /me in a post.) */
.meaction
{
   color: red;
}

/* Highlighted text - such as search results. */
.highlight
{
   font-weight: bold;
   color: #bf7200 !important;
   font-size: 1.1em;
}

/* A more discreet highlight color, for selected membergroups etc. */
.highlight2
{
   background-color: #b5ccc2;
   color: #000 !important;
}

/* Generic, mostly color-related, classes.
------------------------------------------------------- */

.titlebg, .titlebg2, tr.titlebg th, tr.titlebg td, tr.titlebg2 td
{
   color: #222;
   font-family: arial, helvetica, sans-serif;
   font-size: 1.1em;
   font-weight: bold;
   background: #bdd1c2 url(../images/theme/main_block.png) no-repeat -10px -380px;
}
.catbg, .catbg2, tr.catbg td, tr.catbg2 td, tr.catbg th, tr.catbg2 th
{
   color: #fff;
   font-family: arial, helvetica, sans-serif;
   font-size: 1.1em;
   font-weight: bold;
   background: #a3bab3 url(../images/theme/main_block.png) no-repeat -10px -280px;
}

/* adjust the table versions of headers */
tr.titlebg th, tr.titlebg2 th, td.titlebg, td.titlebg2, tr.catbg th, tr.catbg2 th, td.catbg, td.catbg2
{
   padding: 0 6px;
}
tr.titlebg th a:link, tr.titlebg th a:visited, tr.titlebg2 td a:link, tr.titlebg2 td a:visited
{
   color: #222;
}
tr.catbg th a:link, tr.catbg th a:visited, tr.catbg2 td a:link, tr.catbg2 td a:visited
{
   color: #fff;
}
.catbg select
{
   height: 1.5em;
   font-size: 0.85em;
}

/* Alternating backgrounds for posts, and several other sections of the forum. */
.windowbg, #preview_body
{
   color: #000;
   background-color: #bfd2c2;
}
.windowbg2
{
   color: #000;
   background-color: #c3d7c5;
}
.windowbg3
{
   color: #000;
   background-color: #b2c5b5;
}

/* the page navigation area */
.pagesection
{
   font-size: 0.9em;
   padding: 0.2em;
   overflow: hidden;
   margin-bottom: 1px;
}
div.pagesection div.floatright input
{
   margin-top: 3px;
}

.pagelinks
{
   padding: 0.6em 0 0.4em 0;
}

/* Colors for background of posts requiring approval */
.approvebg
{
   color: #000;
   background-color: #ffeaea;
}
.approvebg2
{
   color: #000;
   background-color: #fff2f2;
}

/* Color for background of *topics* requiring approval */
.approvetbg
{
   color: #000;
   background-color: #d88a41;
}
.approvetbg2
{
   color: #000;
   background-color: #ea9f56;
}

/* Sticky topics get a different background */
.stickybg
{
   background: #cbae92;
}
.stickybg2
{
   background: #d6b389;
}

/* Locked posts get a different shade, too! */
.lockedbg
{
   background: #b7ccbc;
   font-style: italic;
}
.lockedbg2
{
   background: #bacebf;
   font-style: italic;
}

/* Posts and personal messages displayed throughout the forum. */
.post, .personalmessage
{
   overflow: auto;
   line-height: 1.4em;
   padding: 0.1em 0;
}

/* All the signatures used in the forum.  If your forum users use Mozilla, Opera, or Safari, you might add max-height here ;). */
.signature, .attachments
{
   width: 98%;
   overflow: auto;
   clear: right;
   padding: 1em 0 3px 0;
   border-top: 1px solid #aaa;
   line-height: 1.4em;
   font-size: 0.85em;
}
.custom_fields_above_signature
{
   width: 98%;
   clear: right;
   padding: 1em 0 3px 0;
   border-top: 1px solid #aaa;
   line-height: 1.4em;
   font-size: 0.85em;
}

/* Sometimes there will be an error when you post */
.error
{
   color: red;
}

/* Messages that somehow need to attract the attention. */
.alert
{
   color: red;
}

/* Calendar colors for birthdays, events and holidays */
.birthday
{
   color: #920ac4;
}

.event
{
   color: #078907;
}

.holiday
{
   color: #5f698b;
}

/* Colors for warnings */
.warn_mute
{
   color: red;
}

.warn_moderate
{
   color: #bf9800;
}

.warn_watch, .success
{
   color: green;
}

a.moderation_link, a.moderation_link:visited
{
   color: red;
   font-weight: bold;
}

.openid_login
{
   background: white url(../images/openid.gif) no-repeat;
   padding-left: 18px;
}

/* a descriptive style */
.description, .description_board, .plainbox
{
   padding: 0.5em 1em;
   font-size: 0.9em;
   line-height: 1.4em;
   border: 1px solid #bbb;
   background: #e3e8dd;
   margin: 0.2em 1px 1em 1px;
}
.description_board
{
   margin: 1em 1px 0 1px;
}

/* an informative style */
.information
{
   padding: 0.5em 1em;
   font-size: 0.9em;
   line-height: 1.3em;
   border: 1px solid #bbb;
   background: #f0f6f0;
   margin: 0.2em 1px 1em 1px;
}
.information p
{
   padding: 1em;
   margin: 0;
}
p.para2
{
   padding: 1em 0 3.5em 0;
   margin: 0;
}
/* AJAX notification bar
------------------------------------------------------- */
#ajax_in_progress
{
   background: url(../images/theme/loadingbar.png) repeat-x;
   color: #bb6f00;
   text-align: center;
   font-size: 16pt;
   padding: 8px;
   width: 100%;
   height: 66px;
   line-height: 25px;
   position: fixed;
   top: 0;
   left: 0;
}

#ajax_in_progress a
{
   color: orange;
   text-decoration: underline;
   font-size: smaller;
   float: right;
   margin-right: 20px;
}

/* Lists with settings use these a lot.
------------------------------------------------------- */
dl.settings
{
   clear: right;
   overflow: auto;
   margin: 0 0 10px 0;
   padding: 0;
}
dl.settings dt
{
   width: 40%;
   float: left;
   margin: 0 0 10px 0;
   padding: 0;
   clear: both;
}
dl.settings dt.settings_title
{
   width: 100%;
   float: none;
   margin: 0 0 10px 0;
   padding: 5px 0 0 0;
   font-weight: bold;
   clear: both;
}
dl.settings dt.windowbg
{
   width: 98%;
   float: left;
   margin: 0 0 3px 0;
   padding: 0 0 5px 0;
   clear: both;
}
dl.settings dd
{
   width: 56%;
   float: right;
   overflow: auto;
   margin: 0 0 3px 0;
   padding: 0;
}
dl.settings img
{
   margin: 0 10px 0 0;
}
/* help icons */
dl.settings dt a img
{
   position: relative;
   top: 2px;
}

/* Styles for rounded headers.
------------------------------------------------------- */
h3.catbg, h3.catbg2, h3.titlebg, h4.titlebg, h4.catbg
{
   overflow: hidden;
   height: 31px;
   line-height: 31px;
   font-size: 1.2em;
   font-weight: bold;
}
h3.catbg a:link, h3.catbg a:visited, h4.catbg a:link, h4.catbg a:visited, h3.catbg, .table_list tbody.header td, .table_list tbody.header td a
{
   color: #fff;
}
h3.catbg2 a, h3.catbg2
{
   color: #ffed4d;
}
h3.catbg a:hover, h4.catbg a:hover, .table_list tbody.header td a:hover
{
   color: #ffda33;
   text-decoration: none;
}
h3.catbg2 a:hover
{
   color: #fff;
   text-decoration: none;
}
h3.titlebg a, h3.titlebg, h4.titlebg, h4.titlebg a
{
   color: #222;
}
h3.titlebg a:hover, h4.titlebg a:hover
{
   color: #84998b;
   text-decoration: none;
}
h3.catbg img.icon, h4.titlebg img.icon
{
   vertical-align: middle;
   margin: -2px 5px 0 0;
}
h4.catbg a.toggle img
{
   vertical-align: middle;
   margin: -2px 5px 0 5px;
}
h4.catbg, h4.catbg2 , h3.catbg , h3.catbg2 , .table_list tbody.header td.catbg
{
   background: url(../images/theme/main_block.png) no-repeat 100% -160px;
   padding-right: 9px;
}
h4.titlebg, h3.titlebg
{
   background: url(../images/theme/main_block.png) no-repeat 100% -200px;
   padding-right: 9px;
}
h4.titlebg img.icon
{
   float: left;
   margin: 5px 8px 0 0;
}
div.cat_bar
{
   background: #9db4ad url(../images/theme/main_block.png) no-repeat 0 -160px;
   padding-left: 9px;
   height: 31px;
   overflow: hidden;
   margin-bottom: 1px;
}
div.title_bar
{
   background: #bdd1c2 url(../images/theme/main_block.png) no-repeat 0 -200px;
   padding-left: 9px;
   height: 31px;
   overflow: hidden;
   margin-bottom: 1px;
}

/* rounded bars needs a different background here */

div.roundframe div.cat_bar
{
   background: #9db4ad url(../images/theme/main_block.png) no-repeat 0 -240px;
   margin-bottom: 0;
}
div.roundframe div.cat_bar h3.catbg
{
   background: url(../images/theme/main_block.png) no-repeat 100% -240px;
}
div.title_barIC
{
   background: #b9cdbe url(../images/theme/main_block.png) no-repeat 0 -120px;
   padding-left: 9px;
   height: 31px;
   overflow: hidden;
   margin-bottom: 1px;
}
div.title_barIC h4.titlebg
{
   background: url(../images/theme/main_block.png) no-repeat 100% -120px;
}
#upshrinkHeaderIC p.pminfo
{
   margin: 0;
   padding: 0.5em;
}
img#upshrink_ic, img#newsupshrink
{
   float: right;
   margin: 10px 5px 0 0;
}
table.table_list a.unreadlink, table.table_list a.collapse
{
   float: right;
}
table.table_list a.collapse
{
   margin: 10px 5px 0 1em;
   height: 31px;
   line-height: 31px;
}

/* The half-round header bars for some tables. */
.table_grid tr.catbg, .table_grid tr.titlebg
{
   font-size: 0.95em;
   border-bottom: 1px solid #fff;
}
.table_grid tr.catbg th, .table_grid tr.titlebg th
{
   height: 28px;
   line-height: 28px;
}
tr.catbg th.first_th
{
   background: #a3bab3 url(../images/theme/main_block.png) no-repeat 0 -280px;
}
tr.catbg th.last_th
{
   background: #a3bab3 url(../images/theme/main_block.png) no-repeat 100% -280px;
}
tr.titlebg th.first_th
{
   background: #bdd1c2 url(../images/theme/main_block.png) no-repeat 0 -380px;
}
tr.titlebg th.last_th
{
   background: #bdd1c2 url(../images/theme/main_block.png) no-repeat 100% -380px;
}
.table_grid th.last_th input
{
   margin: 0 2px;
}
.table_grid th.lefttext
{
   padding: 0 0.7em;
}

/* a general table class */
table.table_grid
{
   border-collapse: collapse;
   margin-top: 0.1em;
}
table.table_grid td
{
   padding: 3px;
   border-bottom: 1px solid #fff;
   border-right: 1px solid #fff;
}

/* GenericList */
.additional_row
{
   padding: 0.5em 0 0.5em 0;
}
table.table_grid thead tr.catbg th
{
   white-space: nowrap;
}

/* table_grid styles for Profile > Show Permissions. */
#permissions table.table_grid  td
{
   padding: 0.4em 0.8em;
   cursor: default;
} 

/* Common styles used to add corners to divisions.
------------------------------------------------------- */
.windowbg span.topslice
{
   display: block;
   padding-left: 20px;
   background: url(../images/theme/main_block.png) 0 -30px no-repeat;
}
.windowbg span.topslice span
{
   display: block;
   background: url(../images/theme/main_block.png) 100% -30px no-repeat;
   height: 11px;
}
.windowbg span.botslice
{
   display: block;
   padding-left: 20px;
   background: url(../images/theme/main_block.png) 0 -40px no-repeat;
   font-size: 5px;
   line-height: 5px;
   margin-bottom: 0.2em;
}
.windowbg span.botslice span
{
   display: block;
   background: url(../images/theme/main_block.png) 100% -40px no-repeat;
   height: 11px;
}

.windowbg2 span.topslice
{
   display: block;
   padding-left: 20px;
   background: url(../images/theme/main_block.png) 0 -60px no-repeat;
}
.windowbg2 span.topslice span
{
   display: block;
   background: url(../images/theme/main_block.png) 100% -60px no-repeat;
   height: 11px;
}
.windowbg2 span.botslice
{
   display: block;
   padding-left: 20px;
   background: url(../images/theme/main_block.png) 0 -71px no-repeat;
   font-size: 5px;
   line-height: 5px;
   margin-bottom: 0.2em;
}
.windowbg2 span.botslice span
{
   display: block;
   background: url(../images/theme/main_block.png) 100% -71px no-repeat;
   height: 11px;
}
.approvebg span.topslice
{
   display: block;
   padding-left: 20px;
   background: url(../images/theme/main_block.png) 0 0 no-repeat;
}
.approvebg span.topslice span
{
   display: block;
   background: url(../images/theme/main_block.png) 100% 0 no-repeat;
   height: 11px;
}
.approvebg span.botslice
{
   display: block;
   padding-left: 20px;
   background: url(../images/theme/main_block.png) 0 -11px no-repeat;
   margin-bottom: 0.2em;
}
.approvebg span.botslice span
{
   display: block;
   background: url(../images/theme/main_block.png) 100% -11px no-repeat;
   height: 11px;
}
.postbg
{
   border-left: 1px solid #7f7f7f;
   border-right: 1px solid #7f7f7f;
}

/* Used for sections that need somewhat larger corners.
----------------------------------------------------------- */
.roundframe
{
   padding: 0 10px;
   background: #f5f5f5;
   border-left: 1px solid #c5c5c5;
   border-right: 1px solid #c5c5c5;
}
.roundframe dl, .roundframe dt, .roundframe p
{
   margin: 0;
}
.roundframe p
{
   padding: 0.5em;
}
span.upperframe
{
   padding: 0;
   display: block;
   background: url(../images/theme/main_block.png) 0 -90px no-repeat;
   padding-left: 20px;
}
span.upperframe span
{
   padding: 0;
   height: 12px;
   display: block;
   background: url(../images/theme/main_block.png) 100% -90px no-repeat;
}
span.lowerframe
{
   padding: 0;
   display: block;
   background: url(../images/theme/main_block.png) 0 -102px no-repeat;
   padding-left: 20px;
}
span.lowerframe span
{
   padding: 0;
   height: 12px;
   display: block;
   background: url(../images/theme/main_block.png) 100% -102px no-repeat;
}

/* The main content area.
------------------------------------------------------- */
.content
{
   padding: 0.5em 1.2em;
   margin: 0;
   border: none;
}
.content p
{
   margin: 0 0 0.5em 0;
}

/* Styles used by the auto suggest control.
------------------------------------------------------- */
.auto_suggest_div
{
   border: 1px solid #000;
   position: absolute;
   visibility: hidden;
}
.auto_suggest_item
{
   background-color: #ddd;
}
.auto_suggest_item_hover
{
   background-color: #888;
   cursor: pointer;
   color: #eee;
}

/* Styles for the standard dropdown menus.
------------------------------------------------------- */
#main_menu
{
   padding: 0 0.5em;
   float: left;
   margin: 0;
   width: 98%;
}

.dropmenu, .dropmenu ul
{
   list-style: none;
   line-height: 1em;
   padding: 0;
   margin: 0;
}
.dropmenu
{
   padding: 0 0.5em;
}
.dropmenu a
{
   display: block;
   color: #000;
   text-decoration: none;
}
.dropmenu a span
{
   display: block;
   padding: 0 0 0 5px;
   font-size: 0.9em;
}
/* the background's first level only */
.dropmenu li a.firstlevel
{
   margin-right: 8px;
}
.dropmenu li a.firstlevel span.firstlevel
{
   display: block;
   position: relative;
   left: -5px;
   padding-left: 5px;
   height: 22px;
   line-height: 19px;
   white-space: pre;
}
.dropmenu li
{
   float: left;
   padding: 0;
   margin: 0;
   position: relative;
}
.dropmenu li ul
{
   z-index: 90;
   display: none;
   position: absolute;
   width: 19.2em;
   font-weight: normal;
   border-bottom: 1px solid #999;
   background: url(../images/theme/menu_gfx.png) 0 -130px no-repeat;
   padding: 7px 0 0 0;
}
.dropmenu li li
{
   width: 19em;
   margin: 0;
   border-left: 1px solid #999;
   border-right: 1px solid #999;
}
.dropmenu li li a span
{
   display: block;
   padding: 8px;
}
.dropmenu li ul ul
{
   margin: -1.8em 0 0 13em;
}

/* the active button */
.dropmenu li a.active
{
   background: url(../images/theme/menu_gfx.png) no-repeat 100% 5px;
   color: #fff;
   font-weight: bold;
}
.dropmenu li a.active span.firstlevel
{
   background: url(../images/theme/menu_gfx.png) no-repeat 0 5px;
}
/* the hover effects */
.dropmenu li a.firstlevel:hover, .dropmenu li:hover a.firstlevel
{
   background: url(../images/theme/menu_gfx.png) no-repeat 100% 5px;
   color: #fff;
   cursor: pointer;
   text-decoration: none;
}
.dropmenu li a.firstlevel:hover span.firstlevel, .dropmenu li:hover a.firstlevel span.firstlevel
{
   background: url(../images/theme/menu_gfx.png) no-repeat scroll +1px -24px transparent;
}
/* the hover effects on level2 and 3 */
.dropmenu li li a:hover, .dropmenu li li:hover>a
{
   background: #b7cbbd;
   color: #000;
   text-decoration: none;
}
.dropmenu li:hover ul ul, .dropmenu li:hover ul ul ul
{
   top: -999em;
}
.dropmenu li li:hover ul
{
   top: auto;
}
.dropmenu li:hover ul
{
   display: block;
}
.dropmenu li li.additional_items
{
   background-color: #fff;
}

/* The dropdown menu toggle image */
#menu_toggle
{
   float: right;
   margin-right: 10px;
   padding-top: 3px;
}
#menu_toggle span
{
   position: relative;
   right: 5000px;
}

/* Styles for the standard button lists.
------------------------------------------------------- */

.buttonlist ul
{
   z-index: 100;
   padding: 5px;
   margin: 0 0.2em 5px 0;
}
.buttonlist ul li
{
   margin: 0;
   padding: 0;
   list-style: none;
   float: left;
}
.buttonlist ul li a
{
   display: block;
   font-size: 0.8em;
   color: #000;
   background: #e8e8e8 url(../images/theme/menu_gfx.png) no-repeat 0 -60px;
   padding: 0 0 0 8px;
   margin-left: 12px;
   text-transform: uppercase;
   cursor: pointer;
}
.buttonlist ul li a:hover
{
   background: url(../images/theme/menu_gfx.png) no-repeat 0 0;
   color: #fff;
   text-decoration: none;
}
.buttonlist ul li a span
{
   background: url(../images/theme/menu_gfx.png) no-repeat 100% -60px;
   display: block;
   height: 19px;
   line-height: 19px;
   padding: 0 8px 0 0;
}
.buttonlist ul li a:hover span
{
   background: #fff url(../images/theme/menu_gfx.png) no-repeat 100% 0;
}
/* the active one */
.buttonlist ul li a.active
{
   background: #879c93 url(../images/theme/menu_gfx.png) no-repeat 0 -90px;
   color: #fff;
   font-weight: bold;
}
.buttonlist ul li a.active span
{
   background: url(../images/theme/menu_gfx.png) no-repeat 100% -90px;
}
.buttonlist ul li a.active
{
   font-weight: bold;
}
.buttonlist ul li a.active:hover
{
   color: #c3d0d2;
}
.align_top ul li a, .align_bottom ul li a
{
   margin: 0 12px 0 0;
}

/* the navigation list */
ul#navigation
{
   margin: 0;
   font-size: 0.9em;
   padding: 1em 0.4em;
}
ul#navigation li
{
   float: none;
   font-size: 0.95em;
   display: inline;
}

#adm_submenus
{
   background: #ffffff;
   padding-left: 2em;
   overflow: hidden;
}

/* Styles for the general looks for the Curve theme.
------------------------------------------------------- */

/* the framing graphics */
#header
{
   background: url(../images/theme/main_block.png) #fefefe no-repeat 0 -500px;
   padding-left: 20px;
}
#header div.frame
{
   background: url(../images/theme/main_block.png) no-repeat 100% -500px;
   display: block;
   padding: 5px 5px 1em 0;
}
/* the content section */
#content_section
{
   padding-left: 20px;
}
#content_section div.frame
{
   display: block;
   padding: 0 20px 0 0;
}
#main_content_section
{
   width: 100%;
   min-height: 200px;
}

/* the main title, always stay at 45 pixels in height! */
h1.forumtitle
{
   line-height: 45px;
   font-size: 1.8em;
   font-family: Geneva, verdana, sans-serif;
   margin: 0;
   padding: 0;
   float: left;
}
/* float these items to the right */
#siteslogan, img#smflogo
{
   margin: 0;
   padding: 0;
   float: right;
   line-height: 3em;
}
h3, h4
{
   padding-bottom: 3px;
}
/* the upshrink image needs some tweaking */
img#upshrink
{
   float: right;
   margin: 1em;
}
/* ..so does the SMF logo */
img#smflogo
{
   margin-left: 1em;
}
/* the upper_section, float the two each way */
#upper_section
{
   padding: 5px;
   margin-bottom: 1.5em;
}
#upper_section ul li.greeting
{
   font-size: 1.3em;
   font-weight: bold;
   line-height: 1.5em;
}
#upper_section div.news
{
   width: 50%;
   float: right;
   text-align: right;
}
#guest_form
{
   overflow: hidden;
}
#guest_form .info
{
   padding: 4px 0 ;
   line-height: 1.3em;
}
div#upper_section div.user
{
   width: 50%;
   float: left;
   overflow: auto;
}
div#upper_section div.user p
{
   float: left;
   margin: 0 1em 1em 0;
   padding: 0;
}
div#upper_section div.user ul
{
   margin: 0;
   padding-left: 10px;
}
div#upper_section div.user ul li
{
   margin-bottom: 2px;
}
div#upper_section div.news p
{
   display: inline;
}
div#upper_section div.news form
{
   padding-bottom: 10px;
}
/* clearing the floats */
#top_section
{
   min-height: 141px;
   overflow: hidden;
   margin-bottom: 3px;
}
#upper_section
{
   overflow: hidden;
}

/* The navigation list (i.e. linktree) */
.navigate_section
{
   padding: 0.5em;
   margin: 0 0 0 0;
}
.navigate_section ul
{
   display: block;
   margin: 0;
   font-size: 0.9em;
   padding: 1em 0 0.5em 0;
   border-top: 1px solid #ccc;
   overflow: hidden;
   list-style: none;
   clear: both;
   width: 100%;
}
.navigate_section ul li
{
   float: left;
   padding: 0 0.5em 0 0;
   font-size: 0.95em;
}
.navigate_section ul li a
{
   white-space: pre;
}

/* The footer wih copyright links etc. */
#footer_section
{
   text-align: center;
   background: url(../images/theme/main_block.png) no-repeat 0 -820px;
   padding-left: 20px;
}
#footer_section span.smalltext
{
   font-size: 100%;
}
#footer_section div.frame
{
   background: url(../images/theme/main_block.png) no-repeat 100% -820px;
   display: block;
   padding: 60px 0 0 0;
}
#footer_section ul li, #footer_section p
{
   font-size: 0.8em;
}
#footer_section ul li
{
   display: inline;
   padding-right: 5px;
}
#footer_section ul li.copyright
{
   display: block;
}
select.qaction, input.qaction
{
   font-size: 0.85em;
   padding: 0;
}
#mlist table tbody td.windowbg2
{
   text-align: center;
}

/* Styles for a typical table.
------------------------------------------------------- */
table.table_list
{
   width: 100%;
}
table.table_list p
{
   padding: 0;
   margin: 0;
}
table.table_list td, table.table_list th
{
   padding: 5px;
}
table.table_list tbody.header td
{
   padding: 0;
}
table.table_list tbody.content td.stats
{
   font-size: 90%;
   width: 15%;
   text-align: center;
}
table.table_list tbody.content td.lastpost
{
   line-height: 1.3em;
   font-size: 85%;
   width: 24%;
}
table.table_list tbody.content td.icon
{
   text-align: center;
   width: 6%;
}

/* Styles for the board index.
------------------------------------------------- */

/* the board title! */
.table_list tbody.content td.info a.subject
{
   font-weight: bold;
   font-size: 110%;
   color: #a97020;
}
.table_list tbody.content td.children
{
   color: #555;
   font-size: 85%;
}
p.moderators
{
   font-size: 0.8em;
   font-family: verdana, sans-serif;
}
/* hide the table header/footer parts - but its here for those needing to style it */
#boardindex_table .table_list thead, #boardindex_table .table_list tfoot
{
   display: none;
}

/* the posting icons */
#posting_icons
{
   padding: 0 1em 0.5em 1em;
   margin: 0 0 1em 0;
   line-height: 1em;
}
#posting_icons ul
{
   font-size: 0.8em;
}
#posting_icons img
{
   vertical-align: middle;
   margin: 0 0 0 4ex;
}
#postbuttons_upper ul li a span
{
   line-height: 19px;
   padding: 0 0 0 6px;
}
.nextlinks
{
   text-align: right;
   margin-top: -1px;
}
.nextlinks_bottom
{
   clear: right;
   text-align: right;
}
.mark_read
{
   padding: 0 0.5em;
}

/* the newsfader */
#newsfader
{
   margin: 0 2px;
}
#smfFadeScroller
{
   text-align: center;
   padding: 0 2em;
   overflow: auto;
   margin: 1em 0;
   color: #575757; /* shouldn't be shorthand style due to a JS bug in IE! */
}

/* Styles for the info center on the board index.
---------------------------------------------------- */

#upshrinkHeaderIC
{
   margin-top: 4px;
}
dl#ic_recentposts
{
   margin: 0 0 0.5em 0;
   padding: 0.5em;
   line-height: 1.3em;
}
dl#ic_recentposts dt
{
   float: left;
}
dl#ic_recentposts dd
{
   text-align: right;
}
#upshrinkHeaderIC p
{
   margin: 0 0 0.5em 0;
   padding: 0.5em;
}
#upshrinkHeaderIC p.last
{
   margin: 0;
   padding: 0.5em;
   border-top: 2px dotted #bbb;
}
#upshrinkHeaderIC p.inline
{
   border: none;
   margin: 0;
   padding: 0.2em 0.5em 0.2em 0.5em;
}
#upshrinkHeaderIC p.stats
{
   font-size: 1.1em;
   padding-top: 8px;
}
form#ic_login
{
   padding: 0.5em;
   height: 2em;
}
form#ic_login ul li
{
   margin: 0;
   padding: 0;
   float: left;
   width: 20%;
   text-align: center;
}
form#ic_login ul li label
{
   display: block;
}

/* the small stats */
#index_common_stats
{
   display: block;
   margin: 0 0 0.5em 0;
   text-align: right;
   font-size: 0.9em;
   position: relative;
   top: -20px;
   line-height: 1px;
}

img.new_posts
{
   padding: 0 0.1em;
}
/* Styles for the message (topic) index.
---------------------------------------------------- */
div.table_frame .table_list
{
   border-collapse: collapse;
   margin: 2px 0;
}
.table_frame .table_list td.icon, .table_frame .table_list td.info, .table_frame .table_list td.stats
{
   border-right: 2px solid white;
}
#messageindex
{
   clear: both;
}
/* the page navigation area */
.childboards
{
   margin-bottom: 0.2em;
}
#childboards h3
{
   padding-bottom: 0;
}
#childboards .table_list thead
{
   display: none;
}
#childboards .table_list
{
   margin-bottom: 1em;
}
.lastpost img
{
   float: right;
   padding: 4px;
}

/* Styles for the display template (topic view).
---------------------------------------------------- */

#postbuttons div.buttons
{
   padding: 0.5em;
   width: 40%;
   float: right;
}
#postbuttons div.middletext
{
   width: 60%;
}
#postbuttons span
{
   display: block;
   text-align: right;
}
#postbuttons span.lower
{
   clear: right;
}
#postbuttons .buttonlist
{
   float: right;
}
#postbuttons #pagelinks
{
   padding-top: 1em;
}
#moderationbuttons
{
   overflow: hidden;
}
/* Events */
.linked_events
{
   padding: 1em 0;
}
.edit_event
{
   margin: 0 1em;
   vertical-align: middle;
}
/* Poll question */
#poll
{
   overflow: hidden;
}
#poll .content
{
   padding: 0 1em;
}
h4#pollquestion
{
   padding: 0 0 0.5em 2em;
}

/* Poll vote options */
#poll_options ul.options
{
   border-top: 1px solid #9eaca5;
   padding: 1em 2.5em 0 2em;
   margin: 0 0 1em 0;
}
#poll_options div.submitbutton
{
   border-bottom: 1px solid #9eaca5;
   clear: both;
   padding: 0 0 1em 2em;
   margin: 0 0 1em 0;
}

/* Poll results */
#poll_options dl.options
{
   border: solid #9eaca5;
   border-width: 1px 0;
   padding: 1em 2.5em 1em 2em;
   margin: 0 1em 1em 0;
   line-height: 1.1em !important;
}

#poll_options dl.options dt
{
   padding: 0.3em 0;
   width: 30%;
   float: left;
   margin: 0;
   clear: left;
}

#poll_options dl.options .voted
{
   font-weight: bold;
}

#poll_options dl.options dd
{
   margin: 0 0 0 2em;
   padding: 0.1em 0 0 0;
   width: 60%;
   max-width: 450px;
   float: left;
}

#poll_options dl.options .percentage
{
   display: block;
   float: right;
   padding: 0.2em 0 0.3em 0;
}

/* Poll notices */
#poll_options p
{
   margin: 0 1.5em 0.2em 1.5em;
   padding: 0 0.5em 0.5em 0.5em;
}

div#pollmoderation
{
   margin: 0;
   padding: 0;
   overflow: auto;
}

/* onto the posts */
#forumposts
{
   clear: both;
}
#forumposts .cat_bar
{
   margin: 0 0 2px 0;
}
/* author and topic information */
#forumposts h3 span#author
{
   margin: 0 7.7em 0 0;
}
#forumposts h3 img
{
   float: left;
   margin: 4px 0.5em 0 0;
}
#forumposts h3.catbg
{
   margin-bottom: 3px;
}
p#whoisviewing
{
   margin: 0;
   padding: 0.5em;
}
/* poster and postarea + moderation area underneath */
.post_wrapper
{
   float:left;
   width:100%;
}
.poster
{
   float: left;
   width: 15em;
}
.postarea, .moderatorbar
{
   margin: 0 0 0 16em;
}
.postarea div.flow_hidden
{
   width: 100%;
}

.moderatorbar
{
   clear: right;
}
/* poster details and list of items */
.poster h4, .poster ul
{
   padding: 0;
   margin: 0 1em 0 1.5em;
}
.poster h4
{
   margin: 0.2em 0 0.4em 1.1em;
   font-size: 120%;
}
.poster h4, .poster h4 a
{
   color: #905d01;
}
.poster ul ul
{
   margin: 0.3em 1em 0 0;
   padding: 0;
}
.poster ul ul li
{
   display: inline;
}
.poster li.stars, .poster li.avatar, .poster li.blurb, li.postcount, li.im_icons ul
{
   margin-top: 0.5em;
}
.poster li.avatar
{
   overflow: hidden;
}
.poster li.warning
{
   line-height: 1.2em;
   padding-top: 1em;
}
.poster li.warning a img
{
   vertical-align: bottom;
   padding: 0 0.2em;
}
.messageicon
{
   float: left;
   margin: 0 0.5em 0 0;
}
.messageicon img
{
   padding: 6px 3px;
}
.keyinfo
{
   float: left;
   width: 50%;
}
.modifybutton
{
   clear: right;
   float: right;
   margin: 6px 20px 10px 0;
   text-align: right;
   font: bold 0.85em arial, sans-serif;
   color: #7a8e87;   
}

/* The quick buttons */
div.quickbuttons_wrap
{
   padding: 0.2em 0;
   width: 100%;
   float: left;
}

ul.quickbuttons
{
   margin: 0.9em 11px 0 0;
   clear: right;
   float: right;
   text-align: right;
   font: bold 0.85em arial, sans-serif;
}
ul.quickbuttons li
{
   float: left;
   display: inline;
   margin: 0 0 0 11px;
}
ul.quickbuttons li a
{
   padding: 0 0 0 20px;
   display: block;
   height: 20px;
   line-height: 18px;
   float: left;
}
ul.quickbuttons a:hover
{
   color: #806c00;
}
ul.quickbuttons li.quote_button
{
   background: url(../images/theme/quickbuttons.png) no-repeat 0 0;
}
ul.quickbuttons li.remove_button
{
   background: url(../images/theme/quickbuttons.png) no-repeat 0 -30px;
}
ul.quickbuttons li.modify_button
{
   background: url(../images/theme/quickbuttons.png) no-repeat 0 -60px;
}
ul.quickbuttons li.approve_button
{
   background: url(../images/theme/quickbuttons.png) no-repeat 0 -90px;
}
ul.quickbuttons li.restore_button
{
   background: url(../images/theme/quickbuttons.png) no-repeat 0 -120px;
}
ul.quickbuttons li.split_button
{
   background: url(../images/theme/quickbuttons.png) no-repeat 0 -150px;
}
ul.quickbuttons li.reply_button
{
   background: url(../images/theme/quickbuttons.png) no-repeat 0 -180px;
}
ul.quickbuttons li.reply_all_button
{
   background: url(../images/theme/quickbuttons.png) no-repeat 0 -180px;
}
ul.quickbuttons li.notify_button
{
   background: url(../images/theme/quickbuttons.png) no-repeat 0 -210px;
}
ul.quickbuttons li.inline_mod_check
{
   margin: 0 0 0 5px;
}

.post
{
   margin-top: 0.5em;
   clear: right;
}
.inner
{
   padding: 1em 1em 2px 0;
   margin: 0 1em 0 0;
   border-top: 1px solid #9eaca5;
}
img.smiley
{
   vertical-align: bottom;
}
#forumposts .modified
{
   float: left;
}
#forumposts .reportlinks
{
   margin-right: 1.5em;
   text-align: right;
   clear: right;
}
#forumposts .signature, .post .signature
{
   margin: 1em 0 0 0;
}
#forumposts span.botslice
{
   clear: both;
}
.attachments hr
{
   clear: both;
   margin: 1em 0 1em 0;
}
.attachments
{
   padding: 1em 0 2em 0;
}
.attachments div
{
   padding: 0 0.5em;
}

/* Styles for the quick reply area.
---------------------------------------------------- */

#quickreplybox
{
   padding-bottom: 1px;
}
#quickReplyOptions .roundframe
{
   padding: 0 10%;
}
#quickReplyOptions form textarea
{
   height: 100px;
   width: 635px;
   max-width: 100%;
   min-width: 100%;
   margin: 0.25em 0 1em 0;
}
/* The jump to box */
#display_jump_to
{
   clear: both;
   padding: 5px;
   margin-top: 6px;
   text-align: right;
}

/* Separator of posts. More useful in the print stylesheet. */
#forumposts .post_separator
{
   display: none;
}

/* Styles for edit post section
---------------------------------------------------- */
form#postmodify .roundframe
{
   padding: 0 12%;
}
#post_header, .postbox
{
   padding: 0.5em;
   overflow: hidden;
}
#post_header dt, .postbox dt
{
   float: left;
   padding: 0;
   width: 15%;
   margin: .5em 0 0 0;
   font-weight: bold;
}
#post_header dd, .postbox dd
{
   float: left;
   padding: 0;
   width: 83%;
   margin: .3em 0;
}
#post_header img
{
   vertical-align: middle;
}
ul.post_options
{
   margin: 0 0 0 1em;
   padding: 0;
   list-style: none;
   overflow: hidden;
}
ul.post_options li
{
   margin: 0.2em 0;
   width: 49%;
   float: left;
}
#postAdditionalOptionsHeader
{
   margin-top: 1em;
}
#postMoreOptions
{
   border-bottom: 1px solid #b2c5b5;
   padding: 0.5em;
}
#postAttachment, #postAttachment2
{
   overflow: hidden;
   margin: .5em 0;
   padding: 0;
   border-bottom: 1px solid #b2c5b5;
   padding: 0.5em;
}
#postAttachment dd, #postAttachment2 dd
{
   margin: .3em 0 .3em 1em;
}
#postAttachment dt, #postAttachment2 dt
{
   font-weight: bold;
}
#postAttachment3
{
   margin-left: 1em;
}
#post_confirm_strip, #shortcuts
{
   padding: 1em 0 0 0;
}
.post_verification
{
   margin-top: .5em;
}
.post_verification #verification_control
{
   margin: .3em 0 .3em 1em;
}
/* The BBC buttons */
#bbcBox_message
{
   margin: 0.75em 0.5em;
}
#bbcBox_message div
{
   margin: 0.2em 0;
   vertical-align: top;
}
#bbcBox_message div img
{
   margin: 0 1px 0 0;
   vertical-align: top;
}
#bbcBox_message select
{
   margin: 0 2px;
}
/* The smiley strip */
#smileyBox_message
{
   margin: 0.5em;
}

/* Styles for edit event section
---------------------------------------------------- */
#post_event .roundframe
{
   padding: 0 12%;
}
#post_event fieldset
{
   padding: 0.5em;
   clear: both;
}
#post_event #event_main input
{
   margin: 0 0 1em 0;
   float: left;
}
#post_event #event_main div.smalltext
{
   width: 33em;
   float: right;
}
#post_event div.event_options
{
   float: right;
}
#post_event ul.event_main, ul.event_options
{
   padding: 0;
   overflow: hidden;
}
#post_event ul.event_main li
{
   list-style-type: none;
   margin: 0.2em 0;
   width: 49%;
   float: left;
}
#post_event ul.event_options
{
   margin: 0;
   padding: 0 0 .7em .7em;
}
#post_event ul.event_options li
{
   list-style-type: none;
   margin: 0;
   float: left;
}
#post_event #event_main select, #post_event ul.event_options li select, #post_event ul.event_options li .input_check
{
   margin: 0 1em 0 0;
}

/* Styles for edit poll section.
---------------------------------------------------- */

#edit_poll
{
   overflow: hidden;
}
#edit_poll fieldset
{
   padding: 0.5em;
   clear: both;
   overflow: hidden;
}
#edit_poll fieldset input
{
   margin-left: 8.1em;
}
#edit_poll ul.poll_main li
{
   padding-left: 1em;
}
#edit_poll ul.poll_main input
{
   margin-left: 1em;
}
#edit_poll ul.poll_main, dl.poll_options
{
   overflow: hidden;
   padding: 0 0 .7em .7em;
   list-style: none;
}
#edit_poll ul.poll_main li
{
   margin: 0.2em 0;
}
#edit_poll dl.poll_options dt
{
   width: 33%;
   padding: 0 0 0 1em;
}
#edit_poll dl.poll_options dd
{
   width: 65%;
}
#edit_poll dl.poll_options dd input
{
   margin-left: 0; 
}

/* Styles for the recent messages section.
---------------------------------------------------- */

#readbuttons_top .pagelinks, #readbuttons .pagelinks
{
   padding-bottom: 1em;
   width: 60%;
}
#readbuttons .pagelinks
{
   padding-top: 1em;
}
#recent
{
   clear: both;
}

/* Styles for the move topic section.
---------------------------------------------------- */

#move_topic dl
{
   margin-bottom: 0;
}
#move_topic dl.settings dt
{
   width: 40%;
}
#move_topic dl.settings dd
{
   width: 59%;
}
.move_topic
{
   width: 710px;
   margin: auto;
   text-align: left;
}
div.move_topic fieldset
{
   padding: 0.5em;
}

/* Styles for the send topic section.
---------------------------------------------------- */

fieldset.send_topic
{
   border: none;
   padding: 0.5em;
}
dl.send_topic
{
   margin-bottom: 0;
}
dl.send_mail dt
{
   width: 35%;
}
dl.send_mail dd
{
   width: 64%;
}

/* Styles for the report topic section.
---------------------------------------------------- */

#report_topic dl
{
   margin-bottom: 0;
}
#report_topic dl.settings dt
{
   width: 20%;
}
#report_topic dl.settings dd
{
   width: 79%;
}

/* Styles for the split topic section.
---------------------------------------------------- */

div#selected, div#not_selected
{
   width: 49%;
}
ul.split_messages li.windowbg, ul.split_messages li.windowbg2
{
   margin: 1px;
}
ul.split_messages li a.split_icon
{
   padding: 0 0.5em;
}
ul.split_messages div.post
{
   padding: 1em 0 0 0;
   border-top: 1px solid #fff;
}

/* Styles for the merge topic section.
---------------------------------------------------- */
ul.merge_topics li
{
   list-style-type: none;
}
dl.merge_topic dt
{
   width: 25%;
}
dl.merge_topic dd
{
   width: 74%;
}
fieldset.merge_options
{
   clear: both;
}
.custom_subject
{
   margin: 0.5em 0;
}

/* Styles for the login areas.
------------------------------------------------------- */
.login
{
   width: 540px;
   margin: 0 auto;
}
.login dl
{
   overflow: auto;
   clear: right;
}
.login dt, .login dd
{
   margin: 0 0 0.4em 0;
   width: 44%;
   padding: 0.1em;
}
.login dt
{
   float: left;
   clear: both;
   text-align: right;
   font-weight: bold;
}
.login dd
{
   width: 54%;
   float: right;
   text-align: left;
}
.login p
{
   text-align: center;
}

/* Styles for the registration section.
------------------------------------------------------- */
.register_error
{
   border: 1px dashed red;
   padding: 5px;
   margin: 0 1ex 1ex 1ex;
}
.register_error span
{
   text-decoration: underline;
}

/* Additional profile fields */
dl.register_form
{
   margin: 0;
   clear: right;
}

dl.register_form dt
{
   font-weight: normal;
   float: left;
   clear: both;
   width: 50%;
   margin: 0.5em 0 0 0;
}

dl.register_form dt strong
{
   font-weight: bold;
}

dl.register_form dt span
{
   display: block;
}

dl.register_form dd
{
   float: left;
   width: 49%;
   margin: 0.5em 0 0 0;
}

#confirm_buttons
{
   text-align: center;
   padding: 1em 0;
}

.coppa_contact
{
   padding: 4px;
   width: 32ex;
   background-color: #fff;
   color: #000;
   margin-left: 5ex;
   border: 1px solid #000;
}

.valid_input
{
   background-color: #f5fff0;
}
.invalid_input
{
   background-color: #fff0f0;
}

/* Styles for maintenance mode.
------------------------------------------------------- */
#maintenance_mode
{
   width: 75%;
   min-width: 520px;
   text-align: left;
}
#maintenance_mode img.floatleft
{
   margin-right: 1em;
}

/* common for all admin sections */
h3.titlebg img
{
   vertical-align: middle;
   margin-right: 0.5em;
   margin-top: -1px;
}
tr.titlebg td
{
   padding-left: 0.7em;
}
#admin_menu
{
   background-color: #f5fff0;
   min-height: 2em;
   vertical-align: middle;
   padding-left: 0;
   padding-top: 2;
   margin-top: 7px;
}
#admin_content
{
   clear: left;
   padding-top: 0.5em;
}
/* Custom profile fields like to play with us some times. */
#admin_content .custom_field
{
   margin-bottom: 15px;
}
#admin_login .centertext
{
   padding: 1em;
}
#admin_login .centertext .error
{
   padding: 0 0 1em 0;
}

/* Styles for sidebar menus.
------------------------------------------------------- */
.left_admmenu, .left_admmenu ul, .left_admmenu li
{
   padding: 0;
   margin: 0;
   list-style: none;
}
#left_admsection
{
   width: 160px;
   float: left;
   padding-right: 10px;
}
.adm_section h4.titlebg
{
   font-size: 95%;
   margin-bottom: 5px;
}
#main_container
{
   position: relative;
}
.left_admmenu li
{
   padding: 0 0 0 0.5em;
}
.left_admmenu
{
   margin-bottom: 0.5em;
}
#main_admsection
{
   position: relative;
   left: 0;
   right: 0;
   overflow: hidden;
}

tr.windowbg td, tr.windowbg2 td, tr.approvebg td, tr.highlight2 td
{
   padding: 0.3em 0.7em;
}
#credits p
{
   padding: 0;
   font-style: italic;
   margin: 0;
}

/* Styles for generic tables.
------------------------------------------------------- */
.topic_table table
{
   width: 100%;
}
.topic_table .icon1, .topic_table .icon2, .topic_table .stats
{
   text-align: center;
}
#topic_icons
{
   margin: 1em 0 0 0;
}
#topic_icons .description
{
   margin: 0;
}
.topic_table table thead
{
   border-bottom: 1px solid #fff;
}
/* the subject column */
.topic_table td
{
   font-size: 1em;
}
.topic_table td.subject p, .topic_table td.stats
{
   font-size: 0.85em;
   padding: 0;
   margin: 0;
}
.topic_table td.lastpost
{
   font-size: 0.85em;
   line-height: 1.3em;
   padding: 4px;
}
.topic_table td.stickybg2
{
   background-image: url(../images/icons/quick_sticky.gif);
   background-repeat: no-repeat;
   background-position: 98% 4px;
}
.topic_table td.lockedbg2
{
   background-image: url(../images/icons/quick_lock.gif);
   background-repeat: no-repeat;
   background-position: 98% 4px;
}
.topic_table td.locked_sticky2
{
   background-image: url(../images/icons/quick_sticky_lock.gif);
   background-repeat: no-repeat;
   background-position: 98% 4px;
}
.topic_table td.lastpost
{
   background-image: none;
}

/* Styles for (fatal) errors.
------------------------------------------------- */

#fatal_error
{
   width: 80%;
   margin: auto;
}

.errorbox
{
   padding: 1em;
   border: 1px solid #cc3344;
   color: #000;
   background-color: #ffe4e9;
   margin-bottom: 1em;
}
.errorbox h3
{
   padding: 0;
   margin: 0;
   font-size: 1.1em;
   text-decoration: underline;
}
.errorbox p
{
   margin: 1em 0 0 0;
}
.errorbox p.alert
{
   padding: 0;
   margin: 0;
   float: left;
   width: 1em;
   font-size: 1.5em;
}

/* Styles for the profile section.
------------------------------------------------- */

dl
{
   overflow: auto;
   margin: 0;
   padding: 0;
}

/* The basic user info on the left */
#basicinfo
{
   width: 20%;
   float: left;
}
#basicinfo .windowbg .content
{
   padding-left: 20px;
}
#detailedinfo
{
   width: 79.5%;
   float: right;
}
#basicinfo h4
{
   font-size: 135%;
   font-weight: 100;
   line-height: 105%;
   white-space: pre-wrap;
   overflow: hidden;
}
#basicinfo h4 span.position
{
   font-size: 80%;
   font-weight: 100;
   display: block;
}
#basicinfo img.avatar
{
   display: block;
   margin: 10px 0 0 0;
}
#basicinfo ul
{
   list-style-type: none;
   margin: 10px 0 0 0;
}
#basicinfo ul li
{
   display: block;
   float: left;
   margin-right: 5px;
   height: 20px;
}
#basicinfo span#userstatus
{
   display: block;
   clear: both;
}
#basicinfo span#userstatus img
{
   vertical-align: middle;
}
#detailedinfo div.content dl, #tracking div.content dl
{
   clear: right;
   overflow: auto;
   margin: 0 0 18px 0;
   padding: 0 0 15px 0;
   border-bottom: 1px #ccc solid;
}
#detailedinfo div.content dt, #tracking div.content dt
{
   width: 35%;
   float: left;
   margin: 0 0 3px 0;
   padding: 0;
   font-weight: bold;
   clear: both;
}
#detailedinfo div.content dd, #tracking div.content dd
{
   width: 65%;
   float: left;
   margin: 0 0 3px 0;
   padding: 0;
}
#detailedinfo div.content dl.noborder
{
   border-bottom: 0;
}
#detailedinfo div.content dt.clear
{
   width: 100%;
}
.signature, .custom_fields_above_signature
{
   border-top: 1px #ccc solid;
}
.signature h5
{
   font-size: 0.85em;
   margin-bottom: 10px;
}
#personal_picture
{
   display: block;
   margin-bottom: 0.3em;
}
#avatar_server_stored div
{
   float: left;
}
#avatar_upload
{
   overflow: auto;
}
#main_admsection #basicinfo, #main_admsection #detailedinfo
{
   width: 100%;
}
#main_admsection #basicinfo h4
{
   float: left;
   width: 35%;
}
#main_admsection #basicinfo img.avatar
{
   float: right;
   vertical-align: top;
}
#main_admsection #basicinfo ul
{
   clear: left;
}
#main_admsection #basicinfo span#userstatus
{
   clear: left;
}
#main_admsection #basicinfo p#infolinks
{
   display: none;
   clear: both;
}
#main_admsection #basicinfo .botslice
{
   clear: both;
}

/* Simple feedback messages */
div#profile_error, div#profile_success
{
   margin: 0 0 1em 0;
   padding: 1em 2em;
   border: 1px solid;
}
div#profile_error
{
   border-color: red;
   color: red;
   background: #fee;
}

div#profile_error span
{
   text-decoration: underline;
}

div#profile_success
{
   border-color: green;
   color: green;
   background: #efe;
}

/* Profile statistics */
#generalstats div.content dt
{
   width: 50%;
   float: left;
   margin: 0 0 3px 0;
   padding: 0;
   font-weight: bold;
   clear: both;
}
#generalstats div.content dd
{
   width: 50%;
   float: left;
   margin: 0 0 3px 0;
   padding: 0;
}

/* Activity by time */
#activitytime
{
   margin: 6px 0;
}
.activity_stats
{
   margin: 0;
   padding: 0;
   list-style: none;
}
.activity_stats li
{
   margin: 0;
   padding: 0;
   width: 4.16%;
   float: left;
}
.activity_stats li span
{
   display: block;
   border: solid #000;
   border-width: 1px 1px 0 0;
   text-align: center;
}
.activity_stats li.last span
{
   border-right: none;
}
.activity_stats li div.bar
{
   margin: 0 auto;
   width: 15px;
}
.activity_stats li div.bar div
{
   background: #86a5b3;
}
.activity_stats li div.bar span
{
   position: absolute;
   top: -1000em;
   left: -1000em;
}

/* Most popular boards by posts and activity */
#popularposts
{
   width: 49.5%;
   float: left;
}
#popularactivity
{
   width: 49.5%;
   float: right;
}

#popularposts div.content dt, #popularactivity div.content dt
{
   width: 65%;
   float: left;
   margin: 0 0 3px 0;
   padding: 0;
   font-weight: bold;
   clear: both;
}
#popularposts div.content dd, #popularactivity div.content dd
{
   width: 35%;
   float: left;
   margin: 0 0 3px 0;
   padding: 0;
}

.profile_pie
{
   background-image: url(../images/stats_pie.png);
   float: left;
   height: 20px;
   width: 20px;
   margin: 0 1em 0 0;
   padding: 0;
   text-indent: -1000em;
}

/* View posts */
.topic .time
{
   float: right;
}

.counter
{
   margin: 0 0 0 0;
   padding: 0.2em 0.5em 0.1em 0.2em;
   font-size: 2.2em;
   font-weight: bold;
   color: #3f3f3f;
   float: left;
}
.list_posts
{
   border-top: 2px solid #abb9b0;
   padding-top: 12px;
   margin-top: 6px;
   overflow: auto;
}

.core_posts
{
   margin-bottom: 3px;
}

.topic h4
{
   margin: 3px 0;
}

.topic .post
{
   margin: 0 1em;
   min-height: 80px;
   height: auto !important;
   height: 80px;
}

.topic .mod_icons
{
   text-align: right;
   margin-right: 1em;
}

#tracking div.content dl
{
   border-bottom: 0;
   margin: 0;
   padding: 0;
}

#creator dl
{
   margin: 0;
}
#creator dt
{
   width: 40%;
   float: left;
   clear: both;
   margin: 0 0 10px 0;
}
#creator dd
{
   float: right;
   width: 55%;
   margin: 0 0 10px 2px;
   overflow: auto;
}

.ignoreboards
{
   margin: 0 2%;
   padding: 0;
   width: 45%;
}
.ignoreboards a
{
   font-weight: bold;
   border-bottom: 1px solid #c4c4c4;
   padding: 0.1em 0;
}
.ignoreboards a:hover
{
   text-decoration: none;
   border-bottom: 1px solid #7a8e87;
}
.ignoreboards ul
{
   margin: 0;
   padding: 0;
}
.ignoreboards li
{
   list-style: none;
   float: left;
   clear: both;
}
.ignoreboards li.category
{
   margin: 0.7em 0 0 0;
   width: 100%;
}
.ignoreboards li ul
{
   margin: 0.2em 0 0 0;
}
.ignoreboards li.category ul li.board
{
   width: 93%;
}

#theme_settings
{
   overflow: auto;
   margin: 0;
   padding: 0;
}

#theme_settings li
{
   list-style: none;
   margin: 10px 0;
   padding: 0;
}
/* Paid Subscriptions */
#paid_subscription
{
   width: 100%;
}
#paid_subscription dl.settings
{
   margin-bottom: 0;
}
#paid_subscription dl.settings dd, #paid_subscription dl.settings dt
{
   margin-bottom: 4px;
}
/* Pick theme */
#pick_theme
{
   width: 100%;
   float: left;
}
/*Issue a warning*/
#warn_body{
   width: 80%;
   font-size: 0.9em;
}

/* Styles for the statistics center.
------------------------------------------------- */
#statistics
{
   padding: 0.5em 0;
}
#statistics div.title_bar
{
   margin: 4px 0 -2px 0;
}
#statistics h3.catbg
{
   text-align: center;
}
#statistics div.content
{
   min-height: 210px;
}
#statistics div.top_row
{
   min-height: 150px;
}
#stats_left, #top_posters, #top_topics_replies, #top_topics_starter
{
   float: left;
   width: 49.5%;
}
#stats_right, #top_boards, #top_topics_views, #most_online
{
   float: right;
   width: 49.5%;
}
dl.stats
{
   clear: both;
   overflow: hidden;
   margin: 0;
   padding: 0;
}
dl.stats dt
{
   width: 49%;
   float: left;
   margin: 0 0 4px 0;
   line-height: 16px;
   padding: 0;
   clear: both;
   font-size: 1em;
}
dl.stats dd
{
   text-align: right;
   width: 50%;
   font-size: 1em;
   float: right;
   margin: 0 0 4px 0;
   line-height: 16px;
   padding: 0;
}
.statsbar div.bar
{
   float: left;
   background: url(../images/bar_stats.png) no-repeat;
   display: block;
   margin: 0 4px;
   height: 16px;
}
.statsbar div.bar div
{
   position: relative;
   right: -4px;
   padding: 0 4px 0 0;
   background: url(../images/bar_stats.png) no-repeat 100%;
   height: 16px;
}
tr.windowbg2 th.stats_month
{
   width: 25%;
   padding: 0 2em;
   text-align: left;
}
tr.windowbg2 td.stats_day
{
   padding: 0 3.5em;
   text-align: left;
}

/* Styles for the personal messages section.
------------------------------------------------- */

#personal_messages h3 span#author, #personal_messages h3 span#topic_title
{
   float: left;
}
#personal_messages h3 span#author
{
   margin: 0 0 0 0.5em;
}
#personal_messages h3 span#topic_title
{
   margin: 0 0 0 9em;
}
#personal_messages div.labels
{
   padding: 0 1em 0 0;
}
#personal_messages .capacity_bar
{
   background: #c3d7c5;
   display: block;
   margin: 0.5em 0 0 1em;
   height: 1em;
   border: 1px solid #adadad;
   width: 10em;
}
#personal_messages .capacity_bar span
{
   border-right: 1px solid #adadad;
   display: block;
   height: 1em;
}
#personal_messages .capacity_bar span.empty
{
   background: #a6d69d;
}
#personal_messages .capacity_bar span.filled
{
   background: #b39900;
}
#personal_messages .capacity_bar span.full
{
   background: #f10909;
}
#personal_messages .reportlinks
{
   padding: 0.5em 1.3em;
}
#searchLabelsExpand li
{
   padding: 0.3em 0.5em;
}
#manrules div.righttext
{
   padding: 0.3em 0.1em;
}
dl.addrules dt.floatleft
{
   width: 15em;
   color: #333;
   padding: 0 1.25em 0.5em 1.25em;
}
#addrule fieldset
{
   clear: both;
}

/* Styles for the calendar section.
------------------------------------------------- */
.calendar_table
{
   margin-bottom: 0.7em;
}

/* Used to indicate the current day in the grid. */
.calendar_today
{
   background-color: #fff;
}

#month_grid
{
   width: 200px;
   text-align: center;
   float: left;
}
#month_grid div.cat_bar
{
   height: 25px;
}
#month_grid h3.catbg
{
   height: 25px;
   line-height: 27px;
}
#month_grid table
{
   width: 200px;
}
#main_grid table
{
   width: 100%;
   padding-bottom: 4px;
}
#main_grid table h3.catbg
{
   text-align: center;
   height: 29px;
   border-top: 2px solid #fff;
   border-bottom: none;
}
#main_grid table.weeklist td.windowbg
{
   text-align: center;
   height: 49px;
   width: 25px;
   font-size: large;
   padding: 0 7px;
   border-bottom: 2px solid #fff;
}
#main_grid table.weeklist td.weekdays
{
   height: 49px;
   width: 100%;
   padding: 4px;
   text-align: left;
   vertical-align: middle;
   border-bottom: 2px solid #fff;
}
#main_grid h3.weekly
{
   text-align: center;
   padding-left: 0;
   font-size: large;
   height: 29px;
}
#main_grid h3 span.floatleft, #main_grid h3 span.floatright
{
   display: block;
   font-weight: bold;
}
#main_grid table th.days
{
   width: 14%;
   padding: 4px 0;
}
#main_grid table.weeklist h4.titlebg
{
   margin: 0 0 0 0;
   height: 23px;
   line-height: 27px;
}
#main_grid table td.weeks
{
   vertical-align: middle;
   text-align: center;
   font-weight: bold;
   font-size: large;
}
#main_grid table td.days
{
   vertical-align: top;
   text-align: center;
}

a.modify_event
{
   color: red;
}

span.hidelink
{
   font-style: italic;
}

#calendar_navigation
{
   text-align: center;
}

/* Styles for the memberlist section.
------------------------------------------------- */
#mlist_search
{
   margin: auto;
   width: 500px;
}

/* Styles for the basic search section.
------------------------------------------------- */
#searchform, #simple_search p
{
   padding: 0.5em;
   margin: 0;
}
#simple_search, #simple_search p, #advanced_search
{
   text-align: center !important;
   margin: 0;
}
#search_error
{
   font-style: italic;
   padding: 0.3em 1em;
}
#search_term_input
{
   font-size: 115%;
   margin: 0 0 1em;
}

/* Styles for the advanced search section.
------------------------------------------------- */
#searchform fieldset
{
   text-align: left;
   padding: 0;
   border: none;
}
#advanced_search dl#search_options
{
   margin: 0 auto;
   width: 600px;
   padding-top: 1em;
   overflow: hidden;
}
#advanced_search dt
{
   clear: both;
   float: left;
   padding: 0.2em;
   text-align: right;
   width: 20%;
}
#advanced_search dd
{
   width: 75%;
   float: left;
   padding: 0.2em;
   margin: 0 0 0 0.5em;
   text-align: left;
}
#searchform p.clear
{
   clear: both;
}

/* Styles for the search results page.
------------------------------------------------- */
.topic_table td blockquote, .topic_table td .quoteheader
{
   margin: 0.5em;
}
.search_results_posts
{
   overflow: hidden;
}
.search_results_posts .buttons
{
   padding: 5px 1em 0 0;
}
/*Marsh add-in styles  to update
________________________________________________*/
@charset "utf-8";
*{
   /* This section of code corrects the issues that exist with layout containers 
   on mobile devices. */
   -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
   -moz-box-sizing: border-box; /* Firefox, other Gecko */
   box-sizing: border-box;
}
body {
   /* This is the style for the page body and contains overall styles that 
   affect the entire page */
   /*background-color: #751717;*/
   margin: 0px;
   font-family:Arial, Helvetica, sans-serif;
   font-size:14px;
   text-size-adjust: 100%; /* Fix the font-sizing issue on mobile */
   -ms-text-size-adjust: 100%;  /* Fix the font-sizing issue on M$ mobile */
   -moz-text-size-adjust: 100%;  /* Fix the font-sizing issue on Mozilla mobile */
   -webkit-text-size-adjust: 100%; /* Fix the font-sizing issue on Chrome/Safarimobile */
}
.MainBodyFloat{
   background-color: #f5f5dc;
   vertical-align: top;
   margin:5px 20px 35px 10px;
   display:inline-block;
   border-radius:15px;
   padding:10px 25px;
   font-family:Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
   text-align:center;
   font-size: small;
   line-height: 1.2em;
   border-radius:20px;
   -moz-box-shadow:   2px 2px 3px 3px #999;
   -webkit-box-shadow:   2px 2px 3px 3px #999;
   box-shadow:         2px 2px 3px 3px #999;
   border:solid 1px #000;
}
.MarshFloat{
   width:1300px;
   background-color: #f5f5dc;
   vertical-align: top;
   margin:5px 20px 35px 10px;
   display:inline-block;
   border-radius:15px;
   padding:10px 25px;
   font-family:Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
   text-align:center;
   font-size: small;
   line-height: 1.2em;
   border-radius:20px;
   -moz-box-shadow:   2px 2px 3px 3px #999;
   -webkit-box-shadow:   2px 2px 3px 3px #999;
   box-shadow:         2px 2px 3px 3px #999;
   border:solid 1px #000;
}
.NoteGrnFloat{
   background-color: #bdb76b;
   vertical-align: top;
   margin:5px 20px 35px 10px;
   display:inline-block;
   border-radius:15px;
   padding:10px 25px;
   font-family:Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
   text-align:center;
   font-size: small;
   line-height: 1.2em;
   border-radius:20px;
   -moz-box-shadow:   2px 2px 3px 3px #999;
   -webkit-box-shadow:   2px 2px 3px 3px #999;
   box-shadow:         2px 2px 3px 3px #999;
   border:solid 1px #000;
}
.NoteOrngeFloat{
   background-color: #cc3300;
   vertical-align: top;
   /*margin:5px 20px 35px 10px;*/
   display:inline-block;
   border-radius:15px;
   padding:10px 25px;
   font-family:Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
   text-align:center;
   font-size: small;
   line-height: 1.2em;
   border-radius:20px;
   -moz-box-shadow:   2px 2px 3px 3px #999;
   -webkit-box-shadow:   2px 2px 3px 3px #999;
   box-shadow:         2px 2px 3px 3px #999;
   border:solid 1px #000;
}
.NoteBlackFloat{
   background-color: #000;
   vertical-align: top;
   margin:5px 20px 35px 10px;
   display:inline-block;
   border-radius:15px;
   padding:10px 25px;
   font-family:Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
   font color: #fff
   text-align:center;
   font-size: small;
   line-height: 1.2em;
   border-radius:20px;
   -moz-box-shadow:   2px 2px 3px 3px #999;
   -webkit-box-shadow:   2px 2px 3px 3px #999;
   box-shadow:         2px 2px 3px 3px #999;
   border:solid 1px #000;
}
.NoteBlackFloat p{
   color: #FFF;
   text-align:center;
}
@font-face {
    font-family: 'Josefin Slab';
    src: url('https://fonts.googleapis.com/css?family=Josefin+Slab:600,700');
    font-weight: normal;
    font-style: normal;
} 
/* START HAMBERGER CODE */
.NT{
    color:#000;
    font-size:16px;
    min-height:35px;
    margin:0px;
    padding:0px;
    list-style-type: none;
    padding:0px 0px 0px 0px;
    clear:both;
}
.NBR{
    float:left;
    width:90px;
}
.NBR ul{
    color:#000;
}
.menutext {
   color: #000;
   float: right;
   margin-top: 5px;
}
.NBI{
    width:28px;
    height:35px;
    float:left;
    padding-top:1px;
    margin-left:6px;
    cursor:pointer;
    display:none;
}
.NBIB{
    position:relative;
    background-color:#000;
    height:3px;
    margin-top:6px;
   width: 28px;
    -webkit-transition: all .25s ease-out;
    -moz-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out;
}
.NF{
    display:block;
}
.shwit{
    display:none;
}
#NB1{
    top:0px;
}
#NB2{
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter:alpha(opacity=100);
    -moz-opacity:100;
    -khtml-opacity:100;
    opacity:100;
}
#NB3{
    top:0px;
} 
/* END HAMBERGER CODE */
h1 {
   position:relative;
   text-align:center;
   color: #4fd68e;
   font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
   line-height: 120%;
   z-index:0;
   font-size:34px;
   text-shadow:-0.9px -0.9px 0 #000, 0.9px -0.9px 0 #000, -0.9px 0.9px 0 #000, 0.9px 0.9px 0 #000, -0.9px -0.0px 0 #000, 0.9px -0.0px 0 #000, -0.9px 0.0px 0 #000, 0.9px 0.0px 0 #000;
}
.h1{
   position:absolute;
   width:100%;
   top:3px;
   left:3px;
   font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
   color: transparent;
   z-index:-1;
   color: transparent;
   text-shadow: 0 0 8px rgba(0,0,0,1);
   z-index:-1;
   line-height: 120%;
}
h2{
   line-height: 120%;
   background-image:url(../images/fresco2_horiz_sm.jpg);
   font-size:18px;
   padding:2px;
   color:#FFF;
   font-family:Arial, Helvetica, sans-serif;
   text-align:center;
   text-shadow: 2px 2px #000;   border-radius:20px;
   -moz-box-shadow:   2px 2px 3px 3px #999;
   -webkit-box-shadow:   2px 2px 3px 3px #999;
   box-shadow: 2px 4px 7px 0px #000;
   border:solid 1px #000;
}
h3{
   color:#00008b;
   font-size:16px;
   padding:2px;
   line-height:120%;
   margin-top:20px;
   font-family:Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
   text-align:left;
   /*text-shadow: 2px 2px #000;*/
}
h4{
   color: #900;
   font-size: 15px;
   font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
   line-height: 120%;
}
h5{
   color: #939;
   font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
   line-height: 120%;
}
h6{
   font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 120%;
}
a.rollover1,a.rollover2,a.rollover3{
   display: block;
   width: 160px;
   text-decoration: none;
   font-family: "IM Fell DW Pica", sans-serif;
   font-size: 16px;
   font-weight: 600;
   line-height: 110%;
   text-align: center;
   color: #000;
   /*a color:#ffff31;*/
   /*background-color: #ff0;*/
}
a.rollover1{
   height: 40px;
   background: url("http://www.romanobritain.org/page_furn/Button-Sgl-160.png");
   background-repeat: no-repeat;
   padding-top: 11px;
}
a.rollover2{
   height: 50px;
   background: url("http://www.romanobritain.org/page_furn/Button-Dbl-160.png");
   background-repeat: no-repeat;
   padding-top: 6px;
}
a.rollover3{
   height: 67px;
   background: url("http://www.romanobritain.org/page_furn/Button-Tpl-160.png");
   background-repeat: no-repeat;
   padding-top: 7px;
}
a.rollover1:hover{
   background-position: -160px 0;
   padding-top: 11px;
}
a.rollover2:hover{
   background-position: -160px 0;
   padding-top: 6px;
}
a.rollover3:hover{
   background-position: -160px 0;
   padding-top: 7px;
}
.rollover1:link, .rollover1:visited, .rollover2:link, .rollover2:visited, .rollover3:link, .rollover3:visited {
   color: #FF0;
}
div.space {
   display: block;
   width: 160px;
   height: 1px;
}
div.test1{
   width: 160px;
   margin-left: 0px;
}
.firstLetter{
   display:block;
   float:left;
   margin-top:-0.63em; /* use -0.205em for two lines */
   /* margin-left  : -0.56em; */
   margin-right:0.5em;
   height:4.5em;
}
.firstLetter span{
   font-size:5.6em;/* use 3.33em for two lines */
   font-family: "Century Schoolbook", "New Century Schoolbook", "Times New Roman", Times, serif;
   line-height:1.0em;
}
.firstLetter + span{
   margin-left:-0.5em;
}
.topicBar{
   color: #fff; 
   text-align: center; 
   font-size: large; 
   font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
   font-weight: bold; 
}
p{
   text-align: justify;
   font-size: 1.0em;
   line-height  : 1.2em;
   font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
}
.photocaption {
   color: #000000;
   text-align: center;
   font-size: small;
   font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
   font-weight: bold; 
}

/* p: { font-size: 1em; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 100%; } */
td{
   border-radius:10px;
   max-width:100%;
}
tr{
   max-width:100%;
}
.uneTable {
   border-spacing:15px;
   padding:8px;
   max-width:99%;
   background-color:#ffe4c4;
   border-radius:15px;
   -moz-box-shadow: 2px 2px 3px 3px #999;
   -webkit-box-shadow: 2px 2px 3px 3px #999;
   box-shadow: 2px 2px 3px 3px #999;
}
/* .uneTable td{
   display:inline-block;
   border-radius:15px;
   padding:10px;
   max-width:99%;
   border:solid 1px #000;
   -moz-box-shadow: 2px 2px 3px 3px #999;
   -webkit-box-shadow: 2px 2px 3px 3px #999;
   box-shadow: 2px 2px 3px 3px #999;
} */
a:link{
   color: blue;
}
a:visited{
   color: #8b008b;
}
a:hover{
   color: #909;
}
a:active{
   color: #7cfc00;
}
.floatbox{ 
   background-color:#ffe4c4;
   vertical-align: top;
   margin:5px 10px 10px 5px;
   display:inline-block;
   border-radius:15px;
   text-align: center;
   font-family:Arial, Helvetica, sans-serif;
   font-size: 17px;
   line-height: 1.1em;
   font-style: strong;
   padding:5px;
   max-width:48%;
   height:450px;
   border:solid 1px #000;
   -moz-box-shadow: 2px 2px 3px 3px #999;
   -webkit-box-shadow: 2px 2px 3px 3px #999;
   box-shadow: 2px 2px 3px 3px #999;
   display:relative;
}
.floatbox2 { 
   background-color:#ffe4c4;
   vertical-align: top;
   margin:5px 10px 10px 5px;
   display:inline-block;
   border-radius:15px;
   text-align: center;
   font-family:Arial, Helvetica, sans-serif;
   font-size: 17px;
   line-height: 1.1em;
   font-style: strong;
   padding:5px;
   max-width:48%;
   height:450px;
   border:solid 1px #000;
   -moz-box-shadow: 2px 2px 3px 3px #999;
   -webkit-box-shadow: 2px 2px 3px 3px #999;
   box-shadow: 2px 2px 3px 3px #999;
   display:relative;
}
.religion-floatbox { 
   background-color:#ffe4c4;
   vertical-align: top;
   margin:5px 10px 10px 5px;
   display:inline-block;
   border-radius:15px;
   text-align: justify;
   font-family:Arial, Helvetica, sans-serif;
   font-size: 14px;
   padding:5px;
   max-width:95%;
   border:solid 1px #000;
   -moz-box-shadow: 2px 2px 3px 3px #999;
   -webkit-box-shadow: 2px 2px 3px 3px #999;
   box-shadow: 2px 2px 3px 3px #999;
   display:relative;
   /*p: font-family:Arial, Helvetica, sans-serif;
   font-size: 14px;*/
}
.religion-floatbox2 { 
   background-color:#ffe4c4;
   vertical-align: top;
   margin:5px 10px 10px 5px;
   display:inline-block;
   border-radius:15px;
   text-align: justify;
   font-family:Arial, Helvetica, sans-serif;
   font-size: 14px;
   padding:5px;
   max-width:95%;
   border:solid 1px #000;
   -moz-box-shadow: 2px 2px 3px 3px #999;
   -webkit-box-shadow: 2px 2px 3px 3px #999;
   box-shadow: 2px 2px 3px 3px #999;
   display:relative;
}
.floatbox_photo_style { 
   -moz-box-shadow:2px 2px 3px 3px #999;
   -webkit-box-shadow:2px 2px 3px 3px #999;
   box-shadow:2px 2px 3px 3px #999;
   border:solid 2px #000;
   border-radius:15px;
   margin:5px;
}
.religion_floatbox_text { 
   font-family:Arial, Helvetica, sans-serif;
   font-size: 14px;
   line-height: 1.2em;
   text-align: justify;
}
.religion-header{
   background-image:url(../Graphics/fresco_horiz_sm.jpg);
   font-size:18px;
   padding:2px;
   color:#FFF;
   font-family:Arial, Helvetica, sans-serif;
   text-align:center;
   border-radius:20px;
   text-shadow: 2px 2px #696969;
   border-radius:20px;
   -moz-box-shadow:   2px 2px 3px 3px #999;
   -webkit-box-shadow:   2px 2px 3px 3px #999;
   box-shadow:         2px 2px 3px 3px #999;
   border:solid 1px #000;
}  
.religion-floatbox  p{
   margin-bottom:20px;
}
.video-container {
   position:relative;
   padding-bottom:56.25%;
   padding-top:30px;
   height:0;
   overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
   position:absolute;
   top:0;
   left:0;
   width:100%;
   height:100%;
}
.pix_radii{
   border:solid 1px #000; border-radius:15px;
}
.Rounding{
   border-radius:10px;
}
.Photo_style { 
   -moz-box-shadow:   2px 2px 3px 3px #999;
   -webkit-box-shadow:   2px 2px 3px 3px #999;
   box-shadow:         2px 2px 3px 3px #999;
   border:solid 2px #000;
   border-radius:15px;
   margin:12px;
}
.PacToolTip {
   border-radius: 4px;
   padding:5px;
   width:150px;
   font-family:Arial, Helvetica, sans-serif;
   z-index:2001;
   position:absolute;
}
.PacTTColor {
   border:solid 1px #3366FF;
   background-color:#AEC7FF;
}
.Visible {
   display:block;
}
.Hidden {
   display:none;
}
.MapCaptions{
   font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
   line-height: 125%;
   text-align: center;
}
.map-divider {
   background-image:url(../Graphics/fresco_horiz_sm.jpg);
   font-size:14px;
   padding:2px;
   color:#fff;
   font-family:Arial, Helvetica, sans-serif;
   font-weight: bold;
   text-shadow: 2px 2px #000;
   text-align:center;
   border-radius:20px;
   text-shadow: 2px 2px #696969;
   border-radius:20px;
   -moz-box-shadow:   2px 2px 3px 3px #999;
   -webkit-box-shadow:   2px 2px 3px 3px #999;
   box-shadow:         2px 2px 3px 3px #999;
   border:solid 1px #000;
}
.map-note{
   background-image:none; 
   font-size:12px; 
   padding:4px; 
   color:#fff; 
   font-family:Arial, Helvetica, sans-serif; 
   font-weight: bold; 
   background-color: #191970; 
   text-shadow: 2px 2px #000; 
   text-align:center; 
   border-radius: 7px;
}
.SocialBar{
   display:block;
   width:100%;
}
.TheNote{
   font-size:12px;
   font-weight:bold;
}
.nostroke{
   border:none;
}
blockquote{
   font-family:Arial, Helvetica, sans-serif;
   font-size:12px;
   font-style:italic;
   /*color:#03F;*/
}
.peoplequote{
   font-family:Courier New, Courier, Lucida Sans Typewriter, Lucida Typewriter, monospace;
   font-size: 1.3em;
   color:#03F;
   /* text-align: left */
   margin-left:7%;
   margin-right:7%;
}
.Special{
   position:relative;
   top:5vw;
}
HeaderImg{
   margin-top:10px;
   margin-bottom:10px;
   max-width:95%;
}
.BigHeader{
   margin-top:10px;
   margin-bottom:10px;
   max-width:95%;
}
.MobHeader{
   display: none;
}
.pix_radii{
   border:solid 1px #000;
   border-radius:15px;
}
.MenuHeader{
   width:95%;
   margin-top:10px;
}
.DivBorR{
   border-radius:15px;
   text-align:left;
   padding:10px
}
.HowToBox{
   background-color:#FFF;
   float:left;
   margin-right:10px;
   width:250px;
   padding: 10px;
   border-radius:15px;
}

.Credit{
   font-family:Arial, Helvetica, sans-serif;
   font-size:12px;
   color:#000;
   text-align: center;
}

.TextNote{
   font-family:Arial, Helvetica, sans-serif;
   font-size:12px;
   color:#990000;
   text-align: center;
   font-weight:bold;
   line-height: 105%;
}

.AuthorCredit{
   font-family:Arial, Helvetica, sans-serif;
   font-size:14px;
   line-height: 110%;
   /* color:#990000; */
   text-align: center;
   border-top: 3px solid #000;
   border-bottom: 2px solid #000;
}
.CallOutBox{
   background-color:#FFF;
   border:solid 1px #000;
   border-radius:15px;
   margin:10px;
   padding: 10px;
}
.Table_caption{
   background-image:url(../Graphics/fresco_horiz_sm.jpg);
   font-size:14px;
   padding:2px;
   color:#FFF;
   font-family:Arial, Helvetica, sans-serif;
   text-align:center;
   border-radius:15px;
   text-shadow: 2px 2px #696969;
   border-radius:20px;
   -moz-box-shadow:   2px 2px 3px 3px #999;
   -webkit-box-shadow:   2px 2px 3px 3px #999;
   box-shadow:         2px 2px 3px 3px #999;
   border:solid 1px #000;
}
.ArticleTitle{ background-image:url(../Graphics/fresco_horiz_sm.jpg); font-size:18px; line-height: 120%; padding:10px; color:#fff; font-family:Arial, Helvetica, sans-serif; text-align:center; margin: 5px 12px; text-shadow: 2px 2px #000; border-radius:15px; -moz-box-shadow:   2px 2px 3px 3px #999; -webkit-box-shadow:   2px 2px 3px 3px #999; box-shadow: 2px 4px 7px 0px #000; border:solid 1px #000; }

.tooltip {
   position: relative;
   display: inline-block;
   border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}
.tooltip .tooltiptext {
   visibility: hidden;
   width: 320px;
   background-color: #555;
   color: #fff;
   text-align: center;
   padding: 5px 5px;
   border-radius: 6px;

   /* Position the tooltip text */
   position: absolute;
   z-index: 1;
   bottom: 125%;
   left: 50%;
   margin-left: -60px;

   /* Fade in tooltip */
   opacity: 0;
   transition: opacity 1s;
}
.tooltip .tooltiptext::after {
   content: "";
   position: absolute;
   top: 100%;
   left: 50%;
   margin-left: -5px;
   border-width: 5px;
   border-style: solid;
   border-color: #555 transparent transparent transparent;
}
.tooltip:hover .tooltiptext {
   visibility: visible;
   opacity: 1;
} 
.VW {
   position: relative;
   padding-bottom: 56.25%;
   padding-top: 25px;
   height: 0;
}
.VW iframe {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}
.KaC,.KaU{
   margin:0% auto;
}
.nodec{
   text-decoration:none;
   color:inherit;
}
.KaC,.HeaderImg,.KaRightSide,.KaLeftSide,.KaBody{
   border-radius:10px;
}
.KaBody,.KaRightSide,.KaLeftSide{
   padding:10px;
   background:url(../Graphics/bkg_page_standard.jpg);
}
.HeaderImg{
   border:solid 1px #000;
   display:block;
   margin-bottom:10px;
}
.brfc{
   /* <br> float clear. This cause containers to expand to encompass all
   content when floats are inside. <br class="brfc"> should be included
   before closing the containing div */
   clear:both;
}
.KaHeader,.KaBody,.KaFooter{
}
.KaDecider{
   /* This is the container for the Desktop/Tablet/Mobile Switcher displayed
   on screen. It can be located anywhere on the page and several of them 
   can be added if desired (i.e., top and bottom mode switchers) */
   float:right;
   margin-right:5px;
   display:none;
}
.KaLeftSide{
   /* This is the container for the left side bar. Due to its orientation, 
   navigation is often reloated from the header section to this sidebar
   and the orientation is shifted from horizontal to vertical */
   color:#000;
   width:167px;
   text-align:center;
/*   position:absolute;
   top:0px;
   left:0px;
   bottom:0px; */
   padding:3px;
   padding-top:10px;
   float:left;
}
.KaRightSide{
   /* This is the container for the right side bar. Due to its orientation, 
   navigation is often reloated from the header section to this sidebar
   and the orientation is shifted from horizontal to vertical */
   color:#000;
   width:161px;
   text-align:center;
/*   position:absolute;
   top:0px;
   bottom:0px;
   right:0px; */
   float:right;
}
.KaHeader{
   /* This is the container for the header section. Due to its orientation, 
   navigation is often reloated from here to the sidebar and the 
   orientation is shifted from horizontal to vertical. The Decider
   section is also located here but can be moved elsewhere */
   padding-bottom:10px;
   text-align:center;
}
.KaBody{
   /* This is the container for the main content section. Your pages content 
   will live here */
   margin-left:177px;
   margin-right:171px;
   font-family:"Century Schoolbook", "New Century Schoolbook", "Times New Roman", Times, serif;
   font-size:12px;
   text-align: justify;
   line-height: 1.1em;
}
.KaFooter{
   /* This is the container for the footer content section. Your footer content 
   will live here */
   font-family:Arial, Helvetica, sans-serif;
   font-size:18px;
   font-weight:bold;
   color:#FFF;
   margin-top:10px;
   text-align:center;
}
.KaCopyright{
   /* This is the container for the copyright bar. */
   background-color:#18121E;
   color:#555;
   padding:3px 5px 3px 5px; /* top right bottom left */
   clear:both;
   display:none;
}
.CopyText{
   float:left;
}
.PoweredText{
   float:right;
}
.Linkit{
   /* This is the style for Linkit class items on the page. By default, these
   are only the decider links */
   color:#FFF;
   text-decoration:none;
}
img{
   /* This ensures that images will not exceed the full width of a browser
   window. While this generally doesn't matter in desktop browsers, it 
   will have a large effect on usability within mobile platforms by 
   avoiding left to right scrolling due to image overflow. */
   max-width:100%;
}
.KaU{
   /* This section is not used to any effect in this template; however, if you
   want to have a full screen background, you can set .KaC to 100% width and
   this will act as a restrained Container. The full width background could 
   then be placed in the .KaC section */
   overflow:hidden; /* Required in order to have float "push" containing div open */
}
.KaC{
   background-color:#FC0;
   width:1020px;
   max-width:100%;
   margin-top:2vw;
   margin-bottom:2vw;
   background:url(../Graphics/backgrounds/brick035.jpg);
   padding:10px;
}
#KaR{
   position:relative;
}
.bfrcm{
   display:none;
}
.L250{
   float:left;
   margin-right:10px;
   width:250px;
}
.TLT{
   float:left;
   line-height:35px;
   margin-left:10px;
}
.UpdateRmn{
   font-family:Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
   text-align:center;
   font-weight:bold;
   font-size:1.2em;
   color:#000;
}
.recipe-header-floatbox { 
   background-color:#751717;
   vertical-align: top;
   margin:5px 10px 10px 5px;
   display:inline-block;
   border-radius:15px;
   text-align: left;
   font-family:Arial, Helvetica, sans-serif;
   font-size: 16px;
   line-height: 1.2em;
   color:#fff;
   /*font-style: strong;*/
   padding:5px;
   max-width:99%;
   border:solid 1px #000;
   -moz-box-shadow: 2px 2px 3px 3px #999;
   -webkit-box-shadow: 2px 2px 3px 3px #999;
   box-shadow: 2px 2px 3px 3px #999;
   display:relative;
}
.recipe-floatbox { 
   background-color:#ffe4c4;
   vertical-align: top;
   margin:5px 10px 10px 5px;
   display:inline-block;
   border-radius:15px;
   text-align: left;
   /*font-family:Arial, Helvetica, sans-serif;
   font-size: 17px;
   font-style: strong;*/
   padding:5px;
   min-width:140px;
   max-width:95%;
   border:solid 1px #000;
   -moz-box-shadow: 2px 2px 3px 3px #999;
   -webkit-box-shadow: 2px 2px 3px 3px #999;
   box-shadow: 2px 2px 3px 3px #999;
   display:relative;
}
.recipe-floatbox2 { 
   background-color:#ffe4c4;
   vertical-align: top;
   margin:5px 10px 10px 5px;
   display:inline-block;
   border-radius:15px;
   text-align: left;
   /*font-family:Arial, Helvetica, sans-serif;
   font-size: 17px;
   font-style: strong;*/
   padding:5px;
   min-width180px;
   max-width:45%;
   border:solid 1px #000;
   -moz-box-shadow: 2px 2px 3px 3px #999;
   -webkit-box-shadow: 2px 2px 3px 3px #999;
   box-shadow: 2px 2px 3px 3px #999;
   display:relative;
}
.recipe-floatbox3 { 
   background-color:#ffe4c4;
   vertical-align: top;
   margin:5px 10px 10px 5px;
   display:inline-block;
   border-radius:15px;
   text-align: left;
   /*font-family:Arial, Helvetica, sans-serif;
   font-size: 17px;
   font-style: strong;*/
   padding:5px;
   min-width:180px;
   max-width:85%;
   border:solid 1px #000;
   -moz-box-shadow: 2px 2px 3px 3px #999;
   -webkit-box-shadow: 2px 2px 3px 3px #999;
   box-shadow: 2px 2px 3px 3px #999;
   display:relative;
}
.recipe-floatbox-ing { 
   background-color:#ffe4c4;
   vertical-align: top;
   margin:10px 20px 10px 40px;
   display:inline-block;
   border-radius:15px;
   text-align: center;
   font-family:Arial, Helvetica, sans-serif;
   font-size: 14px;
   font-style: bold;
   padding:5px;
   min-width:225px;
   max-width:245px;
   min-height:255px;
   max-height:265px;
   border:solid 1px #000;
   -moz-box-shadow: 2px 2px 3px 3px #999;
   -webkit-box-shadow: 2px 2px 3px 3px #999;
   box-shadow: 2px 2px 3px 3px #999;
}
.recipe-floatbox-ingB { 
   background-color:#ffe4c4;
   vertical-align: top;
   margin:10px 20px 10px 40px;
   display:inline-block;
   border-radius:15px;
   text-align: center;
   font-family:Arial, Helvetica, sans-serif;
   font-size: 14px;
   font-style: bold;
   padding:5px;
   min-width:225px;
   max-width:245px;
   min-height:255px;
   max-height:265px;
   border:solid 1px #000;
   -moz-box-shadow: 2px 2px 3px 3px #999;
   -webkit-box-shadow: 2px 2px 3px 3px #999;
   box-shadow: 2px 2px 3px 3px #999;
}
.RecipeListFloatbox { 
   background-color:#ffe4c4;
   vertical-align: top;
   margin:5px 15px 35px;
   display:inline-block;
   border-radius:15px;
   text-align: left;
   /*font-family:Arial, Helvetica, sans-serif;
   font-size: 17px;
   font-style: strong;*/
   padding:25px 25px 10px;
   min-width:180px;
   width:95%;
   border:solid 1px #000;
   -moz-box-shadow: 2px 2px 3px 3px #999;
   -webkit-box-shadow: 2px 2px 3px 3px #999;
   box-shadow: 2px 2px 3px 3px #999;
   display:inline-block;
}
.recipe-book-floatbox { 
   float:right;
   background-color:#fff;
   vertical-align: top;
   margin:5px 10px 10px 10px;
   display:inline-block;
   border-radius:15px;
   text-align: center;
   font-family:Arial, Helvetica, sans-serif;
   font-size: 2;
   color:#000;
   padding:5px;
   max-width:135px;
   border:solid 1px #000;
   -moz-box-shadow: 2px 2px 3px 3px #999;
   -webkit-box-shadow: 2px 2px 3px 3px #999;
   box-shadow: 2px 2px 3px 3px #999;
   display:relative;
}
.recipe-book-floatbox2 { 
   float:left;
   background-color:#bdb76b;
   vertical-align: top;
   margin:5px 20px 10px 10px;
   display:inline-block;
   border-radius:15px;
   text-align: center;
   font-family:Arial, Helvetica, sans-serif;
   font-size: 2;
   color:#000;
   padding:5px;
   max-width:135px;
   border:solid 1px;
   -moz-box-shadow: 2px 2px 3px 3px #999;
   -webkit-box-shadow: 2px 2px 3px 3px #999;
   box-shadow: 2px 2px 3px 3px #999;
   display:inline-block;
}
.recipe-header {
   font-family:Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
   font-weight:strong;
   font-size:medium;
}
.recipe_ingr-hdr {
   background-image:url(../Graphics/fresco_horiz_sm.jpg);
   font-size:12px;
   padding:2px;
   color:#FFF;
   font-family:Arial, Helvetica, sans-serif;
   text-align:center;
   text-shadow: 2px 2px #696969;
   border-radius:20px;
   -moz-box-shadow:   2px 2px 3px 3px #999;
   -webkit-box-shadow:   2px 2px 3px 3px #999;
   box-shadow:         2px 2px 3px 3px #999;
   border:solid 1px #000;
}
.recipe-original {
   font-family:Courier New, Courier, Lucida Sans Typewriter, Lucida Typewriter, monospace;
   text-align: left;
   font-size: 1.2em;
   color:#03F;
   margin-left:7%;
   margin-right:7%;
}
.recipe-body {
   font-family:Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
   font-size: 1.4em;
   color:#000;
   margin-left:2%;
   margin-right:2%;
}
.recipe-trans {
   font-family:Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
   font-size: 1.4em;
   color:#000;
   margin-left:7%;
   margin-right:7%;
}
.recipe-caption {
   font-family:Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
   font-weight:bold;
   font-size:medium;
   color:#900;
}
.bullet-list1-ul {
   list-style: url(../page_furn/bullet1.png);
   /*font-family:Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;*/
   color:#000;
   text-align: justify;
   font-size:14px;
   line-height:15px;
   padding-left: 25px;
}
.recipe_ingr-ul {
   list-style-image: url(../page_furn/zz-bul-2.gif);
   font-family:Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
   color:#000;
   font-size:small;
   padding-bottom: 15px;
}
.recipe_instrc-ul {
   list-style-image: url(../page_furn/zz-bul1.gif);
   font-family:Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
   color:#000;
   font-size:small;
}
.recipe_checkoff-ul {
   list-style-image: url(../page_furn/bullet-star1.gif);
   color:#000;
   font-size:small;
}
.recipe_checkoff2-ul {
   list-style-image: url(../page_furn/bullet-need.gif);
   color:#000;
   font-size:small;
}
.recipe-list-ul {
   list-style: url(../page_furn/bullet-notdone.png);
   font-family:Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
   color:#000;
   font-size:small;
}
.recipe-menu-ul {
   list-style: none;
}
#recipe-button li a {
   color: #ff0;
   font-size: small;
   display: block;
   list-style-type: none;
   padding: 5px 5px 5px 0.8em;
   border-left: 10px solid #ff4500;
   border-right: 10px solid #f00;
   border-bottom: 1px solid #ff0;
   background-color: #f00;
   font-family:Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
   text-align: left;
   text-decoration: none;
   text-shadow: 2px 2px #000;
   width: 100%;
   list-style-image: none;
}
html>body #recipe-button li a {
   width: 100%;
}
#recipe-button li a:hover {
   border-left: 10px solid #000;
   border-right: 10px solid #000;
   background-color: #8b0000;
   color: #ff0;
}
.bam-menu-ul {
   list-style-type: none;
}
.military-floatbox { 
   float:right;
   background-color:#000;
   vertical-align: top;
   margin:5px 10px 10px 10px;
   display:inline-block;
   border-radius:12px;
   text-align: center;
   font-family:Arial, Helvetica, sans-serif;
   font-size: 2;
   color:#fff;
   padding:5px;
   max-width:200px;
   border:solid 1px #000;
   -moz-box-shadow: 2px 2px 3px 3px #999;
   -webkit-box-shadow: 2px 2px 3px 3px #999;
   box-shadow: 2px 2px 3px 3px #999;
   display:relative;
}
* {
   -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
   -moz-box-sizing: border-box; /* Firefox, other Gecko */
   box-sizing: border-box;
}
.TTT,.sub {
   color: #ff0;
   list-style:none;
   padding:0px;
   width:161px;
}
.TTT li{
   min-height:39px;
   position:relative;
   margin-bottom:2px;
/*   font-family: 'IM Fell DW Pica', serif;*/
}
.sub li {
   min-height:25px;
   line-height:18px;
   font-family:Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
   font-size: small;
   font-weight:bold;
   color:#ff0;
   text-align:left;
   padding:10px;
   border-bottom:1px solid #ff0;
   border-left:12px solid #fb7d4e;
   border-right:10px solid #fe0100;
   background:#fe0100;
   text-shadow: 2px 2px #000;
   /*text-shadow: 2px 2px 2px #000;*/
   /*margin-bottom:5;*/
}
.sub a{
   color:inherit;
   text-decoration:none;
}
.sub li:hover{
   background:#9D1C20;
   border-left:solid 12px #000;
   border-right:solid 10px #000;
}
.tabula {
   z-index:2;
   position:absolute;
   width:100%;
   height:53%;
   overflow:hidden;   
   background-size:cover;
   background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='99px' height='99px' viewBox='0 0 99 99'%3E%3Cpolygon points='97.827 98.302 1.529 98.302 1.529 3.778 7.257 6.895 7.225 1.24 91.875 1.234 91.843 6.895 97.827 3.778 ' fill='%23fe0100'/%3E%3Cpath d='M98.71 99.229H0.32V2.217l6.001 3.112L6.292 0.313l86.516-0.006 -0.029 5.055 5.932-3.112V99.229zM2.176 97.374h94.678V5.307l-5.947 3.121 0.035-6.266L8.158 2.168 8.193 8.46 2.176 5.338V97.374z' style='fill:%23fffe00;stroke-width:0.6;stroke:%23000'/%3E%3C/svg%3E");
}
.TTT li:hover .tabula{
   background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='99px' height='99px' viewBox='0 0 99 99'%3E%3Cpolygon points='97.827 98.302 1.529 98.302 1.529 3.778 7.257 6.895 7.225 1.24 91.875 1.234 91.843 6.895 97.827 3.778 ' fill='%239D1C20'/%3E%3Cpath d='M98.71 99.229H0.32V2.217l6.001 3.112L6.292 0.313l86.516-0.006 -0.029 5.055 5.932-3.112V99.229zM2.176 97.374h94.678V5.307l-5.947 3.121 0.035-6.266L8.158 2.168 8.193 8.46 2.176 5.338V97.374z' style='fill:%23F6EB14;stroke-width:0.6;stroke:%23000'/%3E%3C/svg%3E");
}
.tabula2{
   z-index:1;
   -webkit-transform:rotate(180deg);
   -moz-transform:rotate(180deg);
   -ms-transform:rotate(180deg);
   -o-transform:rotate(180deg);
   transform:rotate(180deg);
   bottom:0px;
}
.btxt{
   position:relative;
   font-family:"praitorregular", "serif";   z-index:3;
   text-align:center;
   color:#FF0;
   font-weight:bold;
   font-size:20px;
   padding:10px;
   line-height:15px;
/*   text-shadow: -1px -1px 1px #999, 3px 3px 2px #000;*/
   text-shadow: 2px 2px 2px #000;
}
.nodec{
   color:inherit;
   text-decoration:none;
}
a.btn {
   width: 180px;
   text-align: center;
   background: #4fd68e;
    background-image: -webkit-linear-gradient(top, #4fd68e, #2980b9);
   background-image: -moz-linear-gradient(top, #4fd68e, #2980b9);
   background-image: -ms-linear-gradient(top, #4fd68e, #2980b9);
   background-image: -o-linear-gradient(top, #4fd68e, #2980b9);
   background-image: linear-gradient(to bottom, #4fd68e, #2980b9);
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border-radius: 10px;
  text-shadow: 5px 3px 3px #666666;
  -webkit-box-shadow: 3px 3px 7px #666666;
  -moz-box-shadow: 3px 3px 7px #666666;
  box-shadow: 3px 3px 7px #666666;
  font-family: Josefin Slab, sans san-serif;
  color: #ffffff;
  font-size: 20px;
  padding: 10px 5px 10px 15px;
  margin: 5px 5px;
  border: solid #1f628d 1px;
  text-decoration: none;
  display: block;
   }

.btn:hover {
 background: #4fd68e;
  background-image: -webkit-linear-gradient(top, #4fd68e, #4fd68e);
  background-image: -moz-linear-gradient(top, #4fd68e, #4fd68e);
  background-image: -ms-linear-gradient(top, #4fd68e, #4fd68e);
  background-image: -o-linear-gradient(top, #4fd68e, #4fd68e);
  background-image: linear-gradient(to bottom, #4fd68e, #4fd68e);
  text-decoration: strong;
}

/* Styles for the help section.
------------------------------------------------- */

#help_container
{
   margin: 4px 0 0 0;
   padding: 0 0 8px 0;
}
#helpmain
{
   padding: 0 1em;
}
#helpmain p
{
   margin: 0 0 1.5em 0;
   line-height: 1.5em;
}
#helpmain ul
{
   line-height: 1.5em;
}

/* Styles for print media.
------------------------------------------------------- */
@media print
{
   #headerarea
   {
      display: none;
   }

   .tborder
   {
      border: none;
   }
}