/******* DEFAULT PAGE *******/
/******* LAYOUT *******/
/******* OLD BROWSER *******/
/******* SITE HEADER *******/
/******* MAIN MENU *******/
/******* PAGE CONTAINER *******/
/******* USER MENU *******/
/******* CONTENT *******/
/******* SITE FOOTER *******/
/******* PAGE RESULT *******/
/******* DATA GROUPING *******/
/******* FORMS *******/
/******* BTEDIT *******/
/******* TABLES *******/
/******* ARTICLES *******/
/******* PAGENAV *******/
/******* FULL SCREEN OVERLAY *******/
/******* DEFAULTS *******/
p           { margin: 0.7em 0; }
em          { font-style: italic; }
strong      { font-weight: bold; }
a           { color: #da7100; text-decoration: none; }
a:link      {  }
a:active    {  }
a:visited   {  }
a:hover     { text-decoration: underline; }
h1          { font-size: 2.0em; }
img         { margin: 15px; border: 0; }
.Inline     { display: inline; margin-bottom: 0; border: 0; vertical-align: baseline; }
.SmallMargin{ margin: 0 3px; }
.TinyMargin { margin: 0 1px; }
.NoMargin   { margin: 0; }
.NoDisplay  { display: none; }
.FloatLeft  { float: left; }
.FloatRight { float: right; }
p.Separator { width: 630px;
margin: 1em 0px 0.5em 0px;
padding: 0px 0px 0.2em 0;
color: #ce5419;
border-bottom: 1px dashed #666666; }
/******* LAYOUT *******/
html { padding: 0px;
background: #D2D2D2 url('images/layout/htmlbg.png') repeat-x; }
body { width: 950px;
margin: 25px auto;
padding: 0px;
box-shadow: 0px 0px 35px #444444;
font-family: Verdana, Sans-serif;
font-size: 10pt;
border: 2px solid #666666;
border-radius: 15px; }
/******* OLD BROWSER *******/
div#OldBrowser { position: fixed;
top: 0;
width: 100%;
left: 0;
padding: 10px;
display: none;
background: black;
background: rgba(0, 0, 0, 0.8);
color: #FFFFFF;
text-align: center;
z-index: 100; }
/******* SITE HEADER *******/
div#SiteHeader { height: 130px;
padding: 0px;
margin: 0px;
background: #545454 url('images/layout/headerbg.png') repeat-x;
border-top-right-radius: 15px;
border-top-left-radius: 15px; }
a#SiteHeaderLink { padding: 0px;
margin: 0px;
display: block;
position: relative;
top: 20px;
left: 30px; }
img#SiteHeaderLinkImg { padding: 0px;
margin: 0px; }
/******* MAIN MENU *******/
div#MainMenu { height: 50px;
margin: 0px;
padding: 0px;
background: #282828 url('images/layout/mainmenubg.png') repeat-x;
color: #ffffff; }
ul.MainMenu { padding: 0;
margin: 0;
list-style-type: none; }
li.MainMenuItem { padding: 0;
margin: 0;
display: inline-block; }
a.MainMenuItem { width: 150px;
height: 45px;
margin: 5px 0px 0px 0px;
padding: 0px;
line-height: 40px;
text-align: center;
border-right: 2px solid #6b6b6b;
display: inline-block;
color: #ffffff;
font-weight: bold;
font-size: 1.3em; }
ul.MainSubMenu { position:absolute;
height: 0px;
padding: 0;
margin: 0;
background: #9d9d9d;
overflow: hidden;
list-style-type: none; }
li.MainSubMenuItem { padding: 0;
margin: 0;
display: table-row;
height: 30px; }
a.MainSubMenuItem { width: 138px;
display: table-cell;
padding: 5px;
color: #000000;
text-align: center;
vertical-align: middle; }
li.MainMenuItem:hover ul.MainSubMenu
{
height: auto;
border-bottom: 2px solid #6F6F6F;
border-left: 2px solid #6F6F6F;
border-right: 2px solid #6F6F6F;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
box-shadow: 5px 5px 10px #444444;
}
a.MainMenuItem:hover
{
background: #da7100 url('images/layout/mainmenuitemhover.png') repeat-x;
text-decoration: none;
}
li.MainSubMenuItem:last-child a.MainSubMenuItem
{
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}
a.MainSubMenuItem:hover
{
background: #e87900;
text-decoration: none;
}
/******* PAGE CONTAINER *******/
div#PageContainer { display: table;
width: 950px;
background-color: #f5f5f5;
overflow: auto;
padding: 0px 0px 50px 0px; }
/******* USER MENU *******/
div#UserMenu { display: table-cell;
width: 250px;
margin: 0px;
padding: 0px 0px 20px 0px;
background-color: #9d9d9d;
color: #000000;
border-right: 2px solid #6F6F6F;
border-bottom: 2px solid #6F6F6F;
border-bottom-right-radius: 10px;
box-shadow: 5px 5px 10px #999999;
height: 300px; }
ul.UserMenu { margin: 0px;
padding: 0px;
list-style-type: none; }
li.UserMenuHeader { width: 200px;
margin: 20px 0px 0px 0px;
padding: 10px 25px;
background: #3e3e3e url('images/layout/usermenuheaderbg.png') repeat-x;
font-size: 1.3em;
color: #e87900; }
li.UserMenuItem { width: 250px;
margin: 0px;
padding: 0px; }
li.UserMenuItem a { width: 195px;
margin: 0px;
padding: 5px 25px 5px 30px;
display: inline-block;
color: #000000; }
li.UserMenuItem a:hover
{
background-color: #e87900;
text-decoration: none;
}
/******* CONTENT *******/
div#Content { display: table-cell;
padding: 1em 1em 1em 2em;
color: #666666; }
/******* SITE FOOTER *******/
div#SiteFooter { margin: 0px;
padding: 5px;
height: 50px;
background: #4D4D4D url('images/layout/sitefooterbg.png') repeat-x left bottom;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px; }
div#SiteFooter p { padding: 0;
font-size: 0.8em;
text-align: center; }
/******* PAGE RESULT *******/
p#PageResult             { padding: 1em;
background-color: #F9D9C9;
border: 1px solid #CE5419;
border-radius: 10px;
color: #CE5419;
font-weight: bold; }
/******* FORMS *******/
form.EFForm                     {  margin: 1em 0px;
padding: 1em 0px;
background: #f5f5f5 url('images/layout/blockitembg.png') repeat-x;
border-radius: 15px; }
form.EFForm *.EFFieldSet        { margin: 1em 0px 0px 0px;
border: 0px; }
form.EFForm *.EFLegend          { width: 630px;
padding: 0px 0px 0.2em 1em;
color: #ce5419;
border-bottom: 1px dashed #666666; }
form.EFForm *.EFContainer       { margin-top: 1em; }
form.EFForm *.EFLabel           { display: inline-block;
width: 200px;
text-align: right;
margin-right: 15px; }
form.EFForm *.EFDesc            { width: 300px;
margin-left: 215px;
margin-top: 0.2em;
font-size: 0.7em;
color: #888888; }
form.EFForm *.EFTextField       { display: inline-block;
width: 300px;
border: 1px solid #666666;
color: #666666;
background-color: #eeeeee;
padding: 3px; }
form.EFForm *.EFMemoField       { display: inline-block;
width: 300px;
height: 150px;
padding: 3px;
vertical-align: top;
border: 1px solid #666666;
color: #666666;
background-color: #eeeeee; }
form.EFForm *.EFComboField      { display: inline-block;
width: 308px;
border: 1px solid #666666;
color: #666666;
background-color: #eeeeee;
padding: 3px; }
form.EFForm *.EFFileField       { display: inline-block;
width: 300px;
border: 1px solid #666666;
color: #666666;
background-color: #eeeeee;
padding: 3px; }
form.EFForm *.EFRadioField      { display: block;
margin-left: 215px; }
form.EFForm *.EFCheckboxField   { display: inline-block; }
form.EFForm *.EFButton          { display: inline-block;
margin-left: 215px;
min-width: 100px;
padding: 5px;
border: 1px solid #666666;
background-color: #cccccc;
color: #666666;
border-radius: 5px; }
form.EFForm *.EFTextField:focus,
form.EFForm *.EFMemoField:focus,
form.EFForm *.EFComboField:focus,
form.EFForm *.EFFileField:focus,
form.EFForm *.EFButton:hover
{
background-color:#f9d9c9;
border: 1px solid #ce5419;
}
/******* TABLES *******/
table                    { width: 100%;
margin: 1em 0em;
border-collapse: collapse;
background-color: #eeeeee; }
thead                    { background-color: #aaaaaa; }
tbody                    {  }
tfoot                    {  }
col                      {  }
tr                       { border-right: 1px solid #666666;
border-left: 1px solid #666666; }
tr.odd                   { background-color: #d7d7d7; }
th                       { padding: 0.75em 0.5em;
text-align:left;
font-weight: bold;
border-top: 1px solid #666666;
border-bottom: 1px solid #666666; }
td                       { padding: 0.5em;
border-bottom: 1px solid #666666; }
/******* DATA GROUPING *******/
.DataGroup              { display: table-row;
padding: 0;
margin: 0; }
.DataItem               { display: table-cell;
padding: 0;
margin: 0; }
.DataItem:first-child
{
width:  200px;
}
/******* ARTICLES *******/
div.Article             { margin: 1em 0px;
padding: 0px;
border-radius: 15px;
border: 1px solid #666666; }
div.ArticleTitle        { margin: 0;
padding: 10px 10px 0px 10px;
font-size: 1.5em;
background-color: #aaaaaa; }
div.ArticleSubTitle     { margin: 0;
padding: 1px 10px 10px;
background-color: #aaaaaa;
font-style: italic; }
div.ArticleBody         { margin: 0px;
padding: 1em 10px; }
div.ArticleFooter       { margin: 0;
padding: 1em 10px;
background-color: #dddddd; }
div.Article > div:first-child
{
border-top-left-radius: 15px;
border-top-right-radius: 15px;
padding-top: 10px;
}
div.Article > div:last-child
{
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
padding-bottom: 10px;
}
div.ArticleTitle p    { margin: 0; }
div.ArticleSubTitle p { margin: 0; }
div.ArticleFooter p   { margin: 0; }
/******* BTEDIT *******/
.BTEContainer           { display: inline-block; margin: 0; padding: 0; }
.BTEBtnPanel            { height: 25px; margin: 0; padding: 0 0 1px 0; }
.BTEEditPanel           { width: 300px; height: 50px; margin: 0; padding: 4px; border: 1px solid #666666; border-radius: 4px; background-color: #eeeeee; overflow: auto; }
.BTEEditPanelBig        { width: 400px; height: 400px; }
.BTEBtn                 { margin: 0px; padding: 0px; height: 25px; width: 25px; float: left; }
.BTEBtnBold             { background-image: url('images/global/bteditbuttons.png'); background-position:0 0; }
.BTEBtnItalic           { background-image: url('images/global/bteditbuttons.png'); background-position:-25px 0; }
.BTEBtnUnderline        { background-image: url('images/global/bteditbuttons.png'); background-position:-50px 0; }
.BTEBtnLink             { background-image: url('images/global/bteditbuttons.png'); background-position:-75px 0; }
.BTEBtnImage            { background-image: url('images/global/bteditbuttons.png'); background-position:-100px 0; }
.BTEBtnCode             { background-image: url('images/global/bteditbuttons.png'); background-position:-125px 0; }
.BTEBtnQuote            { background-image: url('images/global/bteditbuttons.png'); background-position:-150px 0; }
.BTEBtnAlignLeft        { background-image: url('images/global/bteditbuttons.png'); background-position:-175px 0; }
.BTEBtnAlignCenter      { background-image: url('images/global/bteditbuttons.png'); background-position:-200px 0; }
.BTEBtnAlignRight       { background-image: url('images/global/bteditbuttons.png'); background-position:-225px 0; }
.BTEBtnClearFormat      { background-image: url('images/global/bteditbuttons.png'); background-position:-250px 0; }
.BTEBtnEditSize         { background-image: url('images/global/bteditbuttons.png'); background-position:-275px 0; }
.BTEBold                { font-weight: bold; }
.BTEItalic              { font-style: italic; }
.BTEUnderline           { text-decoration: underline; }
.BTECode                { display: block;
width: 75%;
margin: auto;
padding: 10px;
border: 1px solid #666666;
border-radius: 10px;
background: #c8c8c8;
font-family: Courier; }
.BTEQuote               { display: block;
width: 75%;
margin: auto;
padding: 10px;
border: 1px solid #666666;
border-radius: 10px;
background: #c8c8c8;
font-style: italic; }
.BTELink                { color: #da7100; text-decoration: none; }
.BTEImage               {  }
.BTEAlignRight          { display: block; text-align: right; }
.BTEAlignCenter         { display: block; text-align: center; }
/******* PAGENAV *******/
div.PageNav            {  }
p.PageNavData          {  }
p.PageNavLinks         {  }
span.PageNavCurPage    { display: inline-block;
padding: 5px;
margin: 0px 3px;
background-color: #F9D9C9;
border: 1px solid #CE5419;
color: #666666;
border-radius: 2px;
line-height: 1em; }
p.PageNavLinks a       { display: inline-block;
padding: 5px;
margin: 0px 3px;
border: 1px solid #666666;
background-color: #cccccc;
color: #666666;
border-radius: 2px;
line-height: 1em; }
p.PageNavLinks a:hover
{
background-color:#f9d9c9;
border: 1px solid #ce5419;
text-decoration: none;
}
/******* FULL SCREEN OVERLAY *******/
div.FSOverlay          { width: 100%;
height: 100%;
left: 0px;
top: 0px;
position: fixed;
z-index: 200;
background: rgba(0, 0, 0, 0.8);
visibility: hidden; }
div.FSOverlayContent   { width: 600px;
position: absolute;
top: 0;
bottom: 0;
left: 50%;
padding: 20px;
margin: 40px 0px 40px -300px;
z-index: 210;
background: #f5f5f5;
overflow: auto; }
a.FSOverlayClose       { display: block;
padding: 0;
margin: 0 0 10px 0;
text-align: right; }