@CHARSET "ISO-8859-1";
/* CSS Variables and Base Colors */
.bodyback { background-color: var(--BODYBACKGROUND); }
.inputcolor { background-color: var(--INPUTBACKGROUND); }
.inputsecondarycolor { background-color: var(--INPUTSECONDARY); }
.themeprimary { background-color: var(--THEMEPRIMARY); }
.themesecondary { background-color: var(--THEMESECONDARY); }
.sidebarbackground { background-color: var(--SIDEBARBACKGROUND); }
.menuborderbackground { background-color: var(--MENUBORDER); }
.lighttext { color: var(--LIGHTTEXT); }
.linkcolor { color: var(--LINKCOLOR); }
.basefont { font-size: calc(var(--FONTSIZE) * 1px); font-family: var(--FONTFAMILY); color: var(--TEXTCOLOR); }
/* Border Styles */
.menuborder { border: 1px solid var(--MENUBORDER); }
.border { border: 1px solid var(--BORDERCOLOR); }
.bordershadow { border: 1px solid var(--BORDERCOLOR); -webkit-box-shadow: inset 0px 1px 3px 1px rgba(0, 0, 0, 0.1); box-shadow: inset 0px 1px 3px 1px rgba(0, 0, 0, 0.1); padding: 4px; -webkit-border-radius: 3px; border-radius: 3px; }
/* Base Element Styles */
body { background-color: var(--BODYBACKGROUND); font-size: calc(var(--FONTSIZE) * 1px); font-family: var(--FONTFAMILY); color: var(--TEXTCOLOR); }
body.bodypopup, body.bodyiframe { background-color: var(--BODYBACKGROUND); font-size: calc(var(--FONTSIZE) * 1px); font-family: var(--FONTFAMILY); color: var(--TEXTCOLOR); padding: 0px; margin: 0px; }
a { color: var(--LINKCOLOR); }
a, img { border: none; outline: none; }
table { font-size: calc(var(--FONTSIZE) * 1px); font-family: var(--FONTFAMILY); color: var(--TEXTCOLOR); }
hr { background-color: var(--BORDERCOLOR); border-width: 0; color: var(--BORDERCOLOR); height: 2px; line-height: 0; text-align: center; width: 80%; }
/* Form Elements */
input, select, textarea { font-size: calc(var(--FONTSIZE) * 1px); font-family: var(--FONTFAMILY); background-color: var(--INPUTBACKGROUND); border: 1px solid var(--BORDERCOLOR); -webkit-box-shadow: inset 0px 1px 3px 1px rgba(0, 0, 0, 0.1); box-shadow: inset 0px 1px 3px 1px rgba(0, 0, 0, 0.1); padding: 4px; -webkit-border-radius: 3px; border-radius: 3px; }
input.light { font-size: calc(var(--FONTSIZE) * 1px); font-family: var(--FONTFAMILY); background-color: var(--INPUTSECONDARY); background-image: url(../images/graybutton.png); background-position: top; background-repeat: repeat-x; cursor: pointer; border: 1px solid var(--BORDERCOLOR); -webkit-border-radius: 2px; border-radius: 2px; padding: 6px; color: var(--LINKCOLOR); padding-left: 12px; padding-right: 12px; }
input.dark { font-size: calc(var(--FONTSIZE) * 1px); font-family: var(--FONTFAMILY); background-color: var(--THEMEPRIMARY); -webkit-border-radius: 2px; border-radius: 2px; padding: 6px; color: white; border: none; padding-left: 12px; cursor: pointer; padding-right: 12px; }
input:disabled, select:disabled, textarea:disabled { opacity: 0.7; background-color: var(--INPUTBACKGROUND); border: 1px solid var(--BORDERCOLOR); -webkit-box-shadow: inset 0px 1px 3px 1px rgba(0, 0, 0, 0.1); box-shadow: inset 0px 1px 3px 1px rgba(0, 0, 0, 0.1); padding: 4px; -webkit-border-radius: 3px; border-radius: 3px; }
input.light:disabled { opacity: 0.7; font-size: calc(var(--FONTSIZE) * 1px); font-family: var(--FONTFAMILY); background-color: var(--INPUTSECONDARY); background-image: url(../images/graybutton.png); background-position: top; background-repeat: repeat-x; cursor: pointer; border: 1px solid var(--BORDERCOLOR); -webkit-border-radius: 2px; border-radius: 2px; padding: 6px; color: var(--LINKCOLOR); padding-left: 12px; padding-right: 12px; }
input.dark:disabled { opacity: 0.7; font-size: calc(var(--FONTSIZE) * 1px); font-family: var(--FONTFAMILY); background-color: var(--THEMEPRIMARY); -webkit-border-radius: 2px; border-radius: 2px; padding: 6px; color: white; border: none; padding-left: 12px; cursor: pointer; padding-right: 12px; }
/* Layout Structure */
div.main { background-color: #ffffff; margin: 0 auto; margin-top: 20px; margin-bottom: 20px; width: 950px; -webkit-box-shadow: 0px 0px 2px 3px rgba(0,0,0,0.1); box-shadow: 0px 0px 2px 3px rgba(0,0,0,0.1); }
div.popupmain { background-color: #ffffff; width: 100%; padding: 0px; margin: 0px; -webkit-box-shadow: 0px 0px 2px 3px rgba(0,0,0,0.1); box-shadow: 0px 0px 2px 3px rgba(0,0,0,0.1); }
div.iframemain { background-color: #ffffff; width: 100%; padding: 0px; margin: 0px; -webkit-box-shadow: 0px 0px 2px 3px rgba(0,0,0,0.1); box-shadow: 0px 0px 2px 3px rgba(0,0,0,0.1); }
/* Header Styles */
div.header { display: table; width: 100%; height: 80px; background-image: url(images/header.png); background-repeat: repeat-x; background-position: bottom; }
div.popupheader { display: table; width: 100%; height: 30px; background-image: url(images/header.png); background-repeat: repeat-x; background-position: bottom; }
div.iframeheader { display: none; }
div.headerlogo { display: table-cell; padding: 12px; padding-top: 10px; }
div.headername { display: table-cell; width: 100%; overflow: hidden; padding-left: 10px; vertical-align: middle; font-size: 2.5em; }
div.popupheadername { display: table-cell; width: 100%; overflow: hidden; padding-left: 10px; vertical-align: middle; font-size: 1.5em; }
.logocontainer { float: right; text-align: center; line-height: 120%; padding: 5px; padding-right: 10px; font-size: 12px; }
img.logo { height: 55px; }
img.popuplogo { height: 20px; }
/* Menu Styles */
div.mainmenu { min-height: 41px; background-color: var(--THEMEPRIMARY); background-image: url(../images/menugrad.png); background-repeat: repeat-x; overflow: hidden; height: auto !important; }
div.popupmainmenu, div.iframemainmenu { height: 41px; background-color: var(--THEMEPRIMARY); background-image: url(../images/menugrad.png); background-repeat: repeat-x; width: 100%; }
div.menupadder { padding-top: 10px; }
body.bodypopup div.menupadder { padding-top: 5px; }
div.menutable { display: table; height: 30px; }
div.menuspacer { display: table-cell; width: 5px; }
div.menuspacer:first-child { display: table-cell; width: 10px; }
div.menuitem, div.menuitemactive, div.menuitemhover { font-size: 13px; display: table-cell; cursor: pointer; border: 1px solid var(--MENUBORDER); border-bottom: none; -webkit-border-radius: 2px 2px 0px 0px; border-radius: 2px 2px 0px 0px; }
div.menuitem { background-color: var(--THEMESECONDARY); }
div.menuitemactive { background-color: white; border: 1px solid #FFFFFF; }
div.menuitemhover { background-color: var(--MENUBORDER); }
div.menuitem>div, div.menuitemhover>div { padding: 10px; color: white; }
div.menuitemactive>div { color: #333333; padding: 10px; }
div.menuitem a { color: white; text-decoration: none; }
div.menuitemactive a { color: #333333; text-decoration: none; }
div.logoutdiv { font-size: 12px; float: right; padding: 8px; padding-bottom: 0px; }
div.logoutdiv > div { background-color: white; cursor: pointer; padding: 5px; -webkit-border-radius: 4px; border-radius: 4px; color: #333333; }
div.logindiv { font-size: 12px; float: right; padding: 6px; color: white; padding-bottom: 0px; text-align: center; }
div.logindiv > div { float: right; margin: 3px; margin-left: 5px; background-color: white; cursor: pointer; padding: 5px; -webkit-border-radius: 4px; border-radius: 4px; color: #333333; }
/* Content Styles */
div.contentdiv { width: 100%; padding: 0px; margin: 0px; }
div.contenttable { display: table; table-layout: fixed; width: 100%; margin: 0px; padding: 0px; }
div.contentcell { display: table-cell; padding: 0px; margin: 0xp; background-color: white; vertical-align: top; overflow-x: hidden; }
div.contenthead { width: 100%; height: 46px; background-color: #ffffff; background-image: url(../images/headline.png); background-repeat: repeat-x; background-position: bottom; border-bottom: 1px solid var(--BORDERCOLOR); }
div.contenthead>div { padding: 10px; font-size: 1.6em; }
div.contentbody { padding: 8px; }
div.contentpadding { padding: 20px; }
/* Text and Table Styles */
div.text { margin: 8px; line-height: 150%; }
div.fulltable { display: table; width: 100%; }
div.tablerow { display: table-row; }
div.halfcell { display: table-cell; width: 50%; vertical-align: top; }
/* Content Box Styles */
div.contentbox { margin: 8px; -webkit-box-shadow: 1px 2px 4px 1px rgba(0, 0, 0, 0.1); box-shadow: 1px 2px 4px 1px rgba(0, 0, 0, 0.1); }
div.contentheader, div.contentboxsub:first-child { width: 100%; height: 34px; background-color: var(--THEMESECONDARY); background-image: url(../images/boxhead.png); border: 1px solid var(--MENUBORDER); -webkit-border-radius: 4px 4px 0px 0px; border-radius: 4px 4px 0px 0px; }
div.contentheader>div, div.contentboxsub:first-child>div { color: var(--LIGHTTEXT); font-size: 1.3em; padding: 8px; padding-bottom: 0px; font-weight: bold; }
div.contentboxmain { width: 100%; border: 1px solid var(--BORDERCOLOR); border-top: none; background-color: white; }
div.contentboxsub { width: 100%; border: 1px solid var(--BORDERCOLOR); border-top: none; background-color: var(--INPUTSECONDARY); }
div.contentboxsub>div { padding: 7px; padding-left: 10px; font-weight: bold; }
/* Form Layout */
div.formname { display: table-cell; padding: 5px; text-align: right; vertical-align: middle; }
div.forminput { display: table-cell; padding: 5px; vertical-align: middle; }
div.formbuttonbar { text-align: right; padding: 10px; }
/* Sidebar Styles */
div.sidebarcell, div.sidebarcellleft, div.sidebarcellright { overflow-x: hidden; display: table-cell; padding: 0px; margin: 0xp; width: 280px; background-color: var(--SIDEBARBACKGROUND); vertical-align: top; }
div.sidebarcell { border-left: 1px solid var(--BORDERCOLOR); }
div.sidebarcellleft { border-right: 1px solid var(--BORDERCOLOR); }
div.sidebarcellright { border-left: 1px solid var(--BORDERCOLOR); }
div.sidebarcellleft>div, div.sidebarcellright>div { padding: 10px; padding-top: 0px; }
div.sidebarbox { clear: both; margin-top: 20px; -webkit-box-shadow: 1px 2px 4px 2px rgba(0, 0, 0, 0.1); box-shadow: 1px 2px 4px 2px rgba(0, 0, 0, 0.1); }
div.sidebarboxhead { width: 100%; height: 34px; background-color: var(--THEMESECONDARY); background-image: url(../images/boxhead.png); border: 1px solid var(--MENUBORDER); -webkit-border-radius: 4px 4px 0px 0px; border-radius: 4px 4px 0px 0px; }
div.sidebarboxhead>div { color: var(--LIGHTTEXT); font-size: 1.3em; padding: 8px; padding-bottom: 0px; font-weight: bold; }
div.sidebarboxnav { width: 100%; border: 1px solid var(--BORDERCOLOR); border-top: none; background-color: white; }
div.sidebarboxnavitem { padding: 8px; padding-left: 10px; border-bottom: 1px solid var(--BORDERCOLOR); cursor: pointer; }
div.sidebarboxnavitem img { padding-right: 8px; }
div.sidebarboxnavitem>a { color: var(--TEXTCOLOR); text-decoration: none; }
div.sidebarboxmain { clear: both; width: 100%; border: 1px solid var(--BORDERCOLOR); border-top: none; background-color: #f5f5f5; overflow: hidden; }
div.sidetext { padding: 7px; line-height: 120%; display: inline-block; max-width: 98%; }
/* Notification and Calendar */
div.notification { height: 21px; width: 23px; background-image: url(../images/notice.png); background-repeat: no-repeat; color: white; font-size: 12px; text-align: center; padding-top: 3px; }
div.calendaricon { float: left; margin-right: 8px; }
div.calendaricon>div { width: 40px; height: 32px; font-size: 10px; line-height: 110%; font-weight: bold; background-color: white; text-align: center; padding-top: 9px; -webkit-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.2); -webkit-border-radius: 6px; border-radius: 6px; }
div.eventtitle { padding: 3px; font-size: 1.16em; font-weight: bold; color: var(--LINKCOLOR); }
div.eventsub { padding: 4px; padding-top: 1px; font-size: 0.85em; }
/* Data Tables */
table.data { border-collapse: collapse; border-spacing: 0; width: 100%; -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1); -webkit-border-radius: 4px 4px 0px 0px; border-radius: 4px 4px 0px 0px; }
table.data thead:first-child td { height: 34px; font-size: 1.3em; background-color: var(--THEMESECONDARY); color: var(--LIGHTTEXT); text-align: left; padding: 0px; padding-left: 10px; background-image: url(../images/boxhead.png); border: 1px solid var(--LINKCOLOR); }
table.data thead td { background-color: #f5f5f5; border: 1px solid #dddddd; padding: 6px; font-weight: bold; text-align: center; }
table.data tbody td { background-color: #ffffff; border: 1px solid #dddddd; padding: 6px; }
/* Footer */
div.footer, div.popupfooter { height: 30px; width: 100%; background-color: var(--SIDEBARBACKGROUND); border-top: 1px solid var(--BORDERCOLOR); overflow: hidden; }
div.iframefooter { display: none; }
div.footerleft { float: left; padding: 8px; color: var(--LINKCOLOR); }
div.footerright { float: right; padding: 8px; color: var(--LINKCOLOR); }
/* Utility Classes */
div.loader { margin: 40px; text-align: center; font-weight: bold; }
.errormessage { text-align: center; color: red; padding: 5px; }
.okmessage { margin: 40px; text-align: center; font-weight: bold; color: green; }
.hidden { display: none; }
div.stdmargin { margin: 20px; }
/* Dialog Overlay */
#darkoverlay { display: none; position: fixed; z-index: 800; background-color: #333333; opacity: 0.5; width: 100%; height: 100%; top: 0px; left: 0px; }
#dialogdiv { display: none; position: absolute; z-index: 801; width: 100%; height: 100%; top: 0px; left: 0px; }
#dialogdiv .dialoginner { position: relative; text-align: left; overflow-x: hidden; overflow-y: hidden; padding: 0px; font-size: 14px; margin-top: 150px; background: white; width: 700px; height: 400px; border-radius: 5px; border: 1px solid #888888; -webkit-box-shadow: 1px 1px 6px 1px rgba(0, 0, 0, 0.3); box-shadow: 1px 1px 6px 1px rgba(0, 0, 0, 0.3); max-width: 95%; }
#dialogdiv .close { position: absolute; width: 20px; height: 20px; top: 5px; right: 5px; cursor: pointer; }
/* Auth Button Styles */
.btn-auth, .btn-auth:visited {
position: relative; display: inline-block; height: 22px; padding: 0 1em; border: 1px solid #999; border-radius: 2px; margin: 0;
text-align: center; text-decoration: none; font-size: 14px; line-height: 22px; white-space: nowrap; cursor: pointer; color: #222;
background: #fff; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;
-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
-webkit-appearance: none; *overflow: visible; *display: inline; *zoom: 1;
}
.btn-auth:hover, .btn-auth:focus, .btn-auth:active { color: #222; text-decoration: none; }
.btn-auth:before {
content: ""; float: left; width: 22px; height: 22px; background: url(../images/auth-icons.png) no-repeat 99px 99px;
}
.btn-auth.large { height: 36px; line-height: 36px; font-size: 20px; }
.btn-auth.large:before { width: 36px; height: 36px; }
.btn-auth::-moz-focus-inner { border: 0; padding: 0; }
/* Facebook Button */
.btn-facebook, .btn-facebook:visited {
border-color: #29447e; border-bottom-color: #1a356e; color: #fff; background-color: #5872a7;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#637bad), to(#5872a7));
background-image: -webkit-linear-gradient(#637bad, #5872a7);
background-image: -moz-linear-gradient(#637bad, #5872a7);
background-image: -ms-linear-gradient(#637bad, #5872a7);
background-image: -o-linear-gradient(#637bad, #5872a7);
background-image: linear-gradient(#637bad, #5872a7);
-webkit-box-shadow: inset 0 1px 0 #879ac0; box-shadow: inset 0 1px 0 #879ac0;
}
.btn-facebook:hover, .btn-facebook:focus { color: #fff; background-color: #3b5998; }
.btn-facebook:active { color: #fff; background: #4f6aa3; -webkit-box-shadow: inset 0 1px 0 #45619d; box-shadow: inset 0 1px 0 #45619d; }
.btn-facebook:before { border-right: 1px solid #465f94; margin: 0 1em 0 -1em; background-position: 0 0; }
.btn-facebook.large:before { background-position: 0 -22px; }
/* Google Button */
.btn-google, .btn-google:visited {
border-color: #3079ed; color: #fff; background: #4787ed;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4d90fe), to(#4787ed));
background-image: -webkit-linear-gradient(#4d90fe, #4787ed);
background-image: -moz-linear-gradient(#4d90fe, #4787ed);
background-image: -ms-linear-gradient(#4d90fe, #4787ed);
background-image: -o-linear-gradient(#4d90fe, #4787ed);
background-image: linear-gradient(#4d90fe, #4787ed);
}
.btn-google:hover, .btn-google:focus, .btn-google:active {
color: #fff; background-color: #357ae8;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4d90fe), to(#357ae8));
background-image: -webkit-linear-gradient(#4d90fe, #357ae8);
background-image: -moz-linear-gradient(#4d90fe, #357ae8);
background-image: -ms-linear-gradient(#4d90fe, #357ae8);
background-image: -o-linear-gradient(#4d90fe, #357ae8);
background-image: linear-gradient(#4d90fe, #357ae8);
}
.btn-google:active { -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3); }
.btn-google:before { margin: 0 1em 0 -1em; background-position: -88px 0; background-color: #e6e6e6; }
.btn-google.large:before { background-position: -144px -22px; }
/* Miscellaneous */
.faw-cal-details img { max-width: 100%; }
div.mobiletoggle { display: none; }
.btn-login-small { display: none; }
.ckprimarybox { background: #0d2d62; color: white; padding: 20px; position: relative;}
.cksecondarybox { background: #b80924; color: white; padding: 20px; position: relative; }
.ckdarkbox { background: #555555; color: white; padding: 20px; position: relative;}
.cklightbox { background: #DDDDDD; color: black; padding: 20px; position: relative; }
/* Responsive Styles */
@media screen and (max-width: 700px) {
.sidebarcellleft { display: none !important; position: absolute; left: 0px; width: 100vw !important; height: 100%; }
.sidebarmobileactive { display: inline-block !important; }
div.stdmargin { margin: 0px; margin-top: 10px; margin-bottom: 10px; }
#dialogdiv .dialoginner { margin-top: 50px; }
form { padding: 0px; margin: 0px; }
body { padding: 0px; margin: 0px; font-size: 0.9em; }
div.main { padding: 0px; margin: 0px; width: 100%; }
div.contentcell { display: inline-block; width: 100%; }
div.contenthead { width: 100%; height: auto; }
div.headername { paddig-bottom: 50px; font-size: 1.5em !important; }
div.sidebarcellright { display: inline-block; width: 100%; }
div.logocontainer { float: none; display: none; text-align: right; overflow: hidden; }
div.menuspacer { display: none; }
div.menutable { display: block; height: auto; }
div.menuitem, div.menuitemactive { display: block; width: 100%; }
div.logoutdiv { display: block; float: none; }
div.menupadder { padding: 0px; margin: 0px; }
div.mainmenuinner { display: none; }
div.mainmenuinneractive { display: block; }
div.mobiletoggle { width: 100%; display: inline-block; text-align: center; padding-top: 5px; padding-bottom: 5px; }
div.contentbody { padding-left: 5px; padding-right: 5px; margin: 0px; }
div.contentbody>div { padding-left: 0px; padding-right: 0px; margin-left: 0px; margin-right: 0px; }
div.contentpadding { padding: 0px; padding-top: 10px; padding-bottom: 10px; }
input.memberusername, input.memberpassword, input.memberusernameforgot { max-width: 90%; }
div.logindiv { float: none; }
div.logindiv div { float: none; }
div.responsivetable { display: block; }
div.contentheader { height: auto; }
div.responsivetable div.tablerow { display: block; }
div.responsivetable div.tablerow div.formname { display: block; text-align: left !important; padding-left: 5px; padding-right: 5px; }
div.responsivetable div.tablerow div.forminput { display: block; padding-left: 5px; padding-right: 5px; padding-bottom: 15px; }
div.contentbox { margin-left: 0px; margin-right: 0px; padding-left: 0px; padding-right: 0px; }
div.halfcell { width: 100%; }
div.fulltable div.contentpadding { padding-left: 10px; padding-right: 10px; }
div.contentbox div.contentpadding { padding-left: 10px; padding-right: 10px; }
.btn-login-small { display: inline-block; }
.btn-login-large { margin-bottom: 80px !important; }
}