﻿/*	Reset everything */
@import 'reset.css';

/* Import our other style sheets */
@import 'grid.css';
@import 'chrome.css';
@import 'lists.css';
@import 'tables.css';
@import 'forums.css';
@import 'forms.css';
@import 'buttons.css';
@import 'avatars.css';
@import 'fileresources.css';
@import 'jquery-ui-themeroller.css';

/* Import our RAD / Telerik skins styles */
@import 'calendar.css';

/* Setup our document */
html { }
body { background: #FFF url(../Images/Background01.gif) repeat-x 0 26px; margin: 0; padding:0; }

/*	Reset all type to 10px (browsers default to 16px type) 62.5% of 16 = 10	*/
body { font: 62.5% Arial, Helvetica, Sans-Serif; color:#333; }
body * { font-size: 1em; }		/*	Now 1em == 10px	*/
body * { line-height: 140%; }   /*  Default our line height */
.defaultfont { font-size: 1.2em; }

/* Globals */
a { color: #333; }
a:Hover { text-decoration: none; }
a.more { color: #91A8AC; padding: 0 1.5em 0 0; background: url(../Images/buttonMore.gif) no-repeat right 0.2em; }
a.viewall { font-weight: bold; color: #666666; font-family: Verdana, Arial, Helvetica, Sans-Serif; }
p { margin: 0 0 1.0em 0; }
img { display: block; }
sup { font-size: 60%; vertical-align: text-top; }

h1, h2, h3, h4, h5 { font-family: Verdana, Arial, Helvetica, Sans-Serif; font-weight: normal; }
h1 { font-size: 1.334em; color: #CCC; margin: 0 0 20px 0; padding: 0.25em 0.8em; font-weight: bold; background: #000 url(../Images/H1_Background_LA.gif) repeat-y top left; }
h1.alt { background: #000 url(../Images/H1_Background_RA.gif) repeat-y top right; }
h2 { font-size: 1.167em; color: #333; margin: 0 0 12px 0; padding: 0.25em 0.8em 0.25em 3.5em; font-weight: bold; background: url(../Images/H2_Background01.jpg) repeat-y top left; }
h3 { font-size: 1.167em; color: #91A8AC; margin: 0 0 6px 0; font-weight: normal; }
h3.alt { background: #EAEAEA; color: #333; padding: 0.25em 0.8em; font-weight: bold; }
h4 { font-size: 1.0em; color: #000; margin: 0 0 6px 0; font-weight: bold; }

h2 a { color: #000; }
h3 a { color: #91A8AC; }
h4 a { color: #000; }

ul { list-style-type: disc; margin: 0 0 1.2em 2.0em; }
ul li {  padding: 0 0 0.8em 0.4em; }

ol { list-style-type: decimal; margin: 0 0 1.2em 2.0em; }
ol li {  padding: 0 0 0.8em 0.4em; }

.clr { clear: both; height: 0px; }
.fl { float: left; }
.fr { float: right; }
.hidden { display: none; }

.postdetails { font-family: Verdana, Arial, Helvetica, Sans-Serif; padding: 0 0 0 16px; margin: 0 0 1.0em 0; background: url(../Images/iconPost.gif) no-repeat 0 0.2em; font-size: 0.916em; }
.postdetails a { color: #999999; }
.featureimage { float: left; border: solid 1px #ccc; padding: 3px; margin: 0 20px 20px 0; }

/* Template Setup */
#template { width: 960px; margin: 0 auto 0 auto; position: relative; }

/* Header */
#header { width: 960px; height: 156px; overflow: hidden; background: url(../Images/Header_Background01.gif) no-repeat 180px 26px; }
#header .logo { position: absolute; top: 26px; left: 42px; }
#header .logo img { width: 188px; height: 122px; }

/* User Panel */
#header .userpanel { position: absolute; top: 40px; right: 50px; width: 380px; height: 80px; background: #fff; }
#header .userpanel .login { margin: 0px 0 0 0; padding: 10px; }
#header .userpanel .login input { float: left; margin: 0 0.8em 0 0; font-size: 1.2em; }
#header .userpanel .login input[type=checkbox] { margin: 0em 0.2em 0 0;}
#header .userpanel .login .linkButton01 { font-size: 1.2em; }
#header .userpanel .login .links { float: left; padding: 5px 0 0 0; font-size: 1.1em; clear: both; white-space: nowrap; width: 340px;}

#header .userpanel .login .loginLabel { width: 145px; display: inline-block; }

#header .userpanel .user { margin: 0 0 0 0; padding: 0 10px; font-family: Verdana, Arial, Helvetica, Sans-Serif; }
#header .userpanel .user .avatarThumb { float: left; margin-right: 10px; }
#header .userpanel .user .userdetail { padding: 0 0 0 70px; }
#header .userpanel .user .userdetail .username { display: block; font-size: 2.0em; margin: 0 0 0.6em 0; }
#header .userpanel .user .userdetail ol { list-style-type: none; margin: 0; padding: 0; }
#header .userpanel .user .userdetail ol li { float: left; margin: 0; padding: 0 0.3em 0 0; font-size: 1.1em; }

/* Navigation */
#navigation { width: 940px; margin: 0 auto 0 auto; position: relative; height: 28px; z-index: 2; }

/* Sub Navigation */
#body .subnav ul { list-style-type: none; margin: 0; padding: 0; }
#body .subnav ul li { margin: 0; padding: 0; }
#body .subnav ul li a { display: block; padding: 0.2em 0.2em 0.2em 1.4em; background: url(../Images/Arrow01.gif) no-repeat 0.4em 0.4em; text-decoration: none; }
#body .subnav ul li a:Hover { color: #000; background-color: #E5E5E5; }
#body .subnav ul li a.selected { color: #000; background-color: #E5E5E5; font-weight: bold; }
#body .subnav ul ul li a { padding: 0.2em 0.2em 0.2em 2.4em; background-position: 1.4em 0.4em; }
#body .subnav ul ul ul li a { padding: 0.2em 0.2em 0.2em 3.4em; background-position: 2.4em 0.4em; }
#body .subnav ul ul ul ul li a { padding: 0.2em 0.2em 0.2em 4.4em; background-position: 3.4em 0.4em; }
#body .subnav ul ul ul ul ul li a { padding: 0.2em 0.2em 0.2em 5.4em; background-position: 4.4em 0.4em; }

/* Body */
#body { background: url(../Images/Body_Background01.gif) repeat-x top left; border-top: solid 1px #ccc; }

/* User Profile */
#publicprofile .avatarcol { text-align: center; font-family: Verdana, Helvetica, Sans-Serif; margin-bottom: 20px; }
#publicprofile .avatarcol label { text-align: center; }
#publicprofile .linkButton03, #publicprofile .linkButton01 { display: block; margin: 0.4em 0 0.4em 0; width: 126px; }
#publicprofile .linkButton03 span, #publicprofile .linkButton01 span { display: block; }
#publicprofile .profileinfo { font-family: Verdana, Helvetica, Sans-Serif; margin: 0 0 20px 0; }
#publicprofile .profileinfo .username { display: block; font-size: 1.667em; margin: 0 0 0.4em 0; }
#publicprofile .profileinfo .userdetail { padding: 0 0 0.3em 0; }
#publicprofile .profileinfo .userkeyvalue { padding: 0 0 0.3em 0; }
#publicprofile .profileinfo .useremail { display: block; padding: 0 0 1.0em 0; color: #999999; }

/* Breadcrumbs */
#body .breadcrumbs { width: 940px; margin: 0 auto 0 auto; position: relative; overflow: hidden; padding: 0.8em 0; font-size: 0.917em; line-height: 1.4em; }
#body .breadcrumbs ol { list-style-type: none; margin: 0; padding: 0; }
#body .breadcrumbs ol li { margin: 0; padding: 0 0.6em 0 0; float: left; color: #999; }
#body .breadcrumbs ol li a { color: #999; }

/* Summaries */
#body .summary { font-style: italic; font-weight: bold; }

/* Name Value pairs */
#body .keyvalue { clear: both; font-family: Verdana, Helvetica, Sans-Serif; padding: 0.2em 0; overflow: hidden; }
#body .keyvalue label { float: left; width: 100px; font-weight: bold; }
#body .keyvalue .value { float: left;  }

/* Events */
#body .eventdetail { margin: 0 0 20px 0; }
#body .eventdetail .postdetails { color: #999; }

/* Paging */
#body .paging { font-family: Verdana, Helvetica, Sans-Serif; font-size: 1.167em; }
#body .paging div { font-weight: bold; }
#body .paging .pages { font-weight: normal !important; margin: 0.4em 0 20px 0; text-align: center; }
#body .paging .pages a { color: #666666; }
#body .paging .pages a.alt { color: #999999; }

/* Footer */
#footer { height: 1%; margin-top: 20px; }
#footer .onlinestatus { color: #999999; font-size: 1.2em; padding: 1.0em 10px 1.0em 10px; background: url(../Images/Footer_Background01.gif) repeat-x top left; border-top: solid 1px #ccc; overflow: hidden; }
#footer .onlinestatus a { color: #999999; }
#footer .footernav { font-size: 1.1em; font-weight: bold; font-family: Verdana, Arial, Helvetica, Sans-Serif; padding: 1.0em 0 0 0; background: url(../Images/Body_Background01.gif) repeat-x top left; border-top: solid 1px #ccc; overflow: hidden; height: 1%; }
#footer .footernav .credits { text-align: right; }
#footer .footernav .credits span { color: #999999; }
#footer .footernav .credits span a { color: #999999; }
#footer .footernav ol { list-style-type: none; margin: 0; padding: 0; }
#footer .footernav ol li { float: left; margin: 0; padding: 0 0.4em 0 0; }
#footer .footernav ol li a { font-weight: bold; }

/* Security Message */
.securitymessage { display: block; border: dashed 1px #990000; background: #EBEBEB; color: #9F1010 !important; padding: 0.1em 0.3em;}
.securitymessage a { color: #9F1010 !important; }

/* Follow Us */
.followuswrapper
{
    position: absolute;
    right: 0px;
    top: 5px;
}

.followuswrapper a
{
    display: inline-block;
    margin-left: 3px;
}

.followus
{
    display: inline;
    float: left;
    margin: 5px 3px;
}

.ShareThis
{
    margin: 10px 0px 10px 0px;
    padding-left: -3px !important;
    border-top: solid 1px #BFBFBF;
    border-bottom: solid 1px #BFBFBF;
    display: inline-block;
    width: 83px;
}

.ShareThis .stButton
{
    margin-left: 0px;
    margin-right: 0px;
}
