containing the day names */
}
.calendar thead .name { /* Cells | containing the day names */
border-bottom: 1px solid ButtonShadow;
padding: 2px;
text-align: center;
background: ButtonFace;
color: ButtonText;
}
.calendar thead .weekend { /* How a weekend day name shows in header */
color: #f00;
}
.calendar thead .hilite { /* How do the buttons in header appear when hover */
border: 2px solid;
padding: 0px;
border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
}
.calendar thead .active { /* Active (pressed) buttons in header */
border-width: 1px;
padding: 2px 0px 0px 2px;
border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
}
/* The body part -- contains all the days in month. */
.calendar tbody .day { /* Cells | containing month days dates */
width: 2em;
text-align: right;
padding: 2px 4px 2px 2px;
}
.calendar tbody .day.othermonth {
font-size: 80%;
color: #aaa;
}
.calendar tbody .day.othermonth.oweekend {
color: #faa;
}
.calendar table .wn {
padding: 2px 3px 2px 2px;
border-right: 1px solid ButtonShadow;
background: ButtonFace;
color: ButtonText;
}
.calendar tbody .rowhilite td {
background: Highlight;
color: HighlightText;
}
.calendar tbody td.hilite { /* Hovered cells | */
padding: 1px 3px 1px 1px;
border-top: 1px solid #fff;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
border-left: 1px solid #fff;
}
.calendar tbody td.active { /* Active (pressed) cells | */
padding: 2px 2px 0px 2px;
border: 1px solid;
border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
}
.calendar tbody td.selected { /* Cell showing selected date */
font-weight: 700;
border: 1px solid;
border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
padding: 2px 2px 0px 2px;
background: ButtonFace;
color: ButtonText;
}
.calendar tbody td.weekend { /* Cells showing weekend days */
color: #f00;
}
.calendar tbody td.today { /* Cell showing today date */
font-weight: 700;
color: #00f;
}
.calendar tbody td.disabled { color: GrayText; }
.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
visibility: hidden;
}
.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
display: none;
}
/* The footer part -- status bar and "Close" button */
.calendar tfoot .footrow { /* The |
in footer (only one right now) */
}
.calendar tfoot .ttip { /* Tooltip (status bar) cell | */
background: ButtonFace;
padding: 1px;
border: 1px solid;
border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
color: ButtonText;
text-align: center;
}
.calendar tfoot .hilite { /* Hover style for buttons in footer */
border-top: 1px solid #fff;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
border-left: 1px solid #fff;
padding: 1px;
background: #e4e0d8;
}
.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
padding: 2px 0px 0px 2px;
border-top: 1px solid #000;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
border-left: 1px solid #000;
}
/* Combo boxes (menus that display months/years for direct selection) */
.calendar .combo {
position: absolute;
display: none;
width: 4em;
top: 0px;
left: 0px;
cursor: default;
border: 1px solid;
border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
background: Menu;
color: MenuText;
font-size: 90%;
padding: 1px;
z-index: 100;
}
.calendar .combo .label,
.calendar .combo .label-IEfix {
text-align: center;
padding: 1px;
}
.calendar .combo .label-IEfix {
width: 4em;
}
.calendar .combo .active {
padding: 0px;
border: 1px solid #000;
}
.calendar .combo .hilite {
background: Highlight;
color: HighlightText;
}
.calendar td.time {
border-top: 1px solid ButtonShadow;
padding: 1px 0px;
text-align: center;
background-color: ButtonFace;
}
.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
padding: 0px 3px 0px 4px;
border: 1px solid #889;
font-weight: 700;
background-color: Menu;
}
.calendar td.time .ampm {
text-align: center;
}
.calendar td.time .colon {
padding: 0px 2px 0px 3px;
font-weight: 700;
}
.calendar td.time span.hilite {
border-color: #000;
background-color: Highlight;
color: HighlightText;
}
.calendar td.time span.active {
border-color: #f00;
background-color: #000;
color: #0f0;
}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> Horizontal Menu <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
/* ================================================================
This copyright notice must be untouched at all times.
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop2.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any
way to fit your requirements.
MainMenu
FooterMiniMenu
FooterMenu
=================================================================== */
/* Main Menu
*********************/
/* Header Mini Menu
***********************/
#HeaderMiniMenu { float: right; margin-top: 4px; margin-right: 3px; }
#HeaderMiniMenu ul { display:block; padding:0; margin:0; width:100%; }
#HeaderMiniMenu ul li { display:block; float:left; width:auto; position:relative; }
#HeaderMiniMenu ul li a {
display:block;
height:100%;
padding: 0 7px;
border:1px solid transparent;
line-height: 22px;
text-transform:capitalize;
color:#fff;
text-decoration:none;
text-align:center;
border-right-color: #dedede;
font-size: 12px; }
#HeaderMiniMenu ul li:last-child a { border-right-color: transparent; }
#HeaderMiniMenu ul li a:hover {
background:#000;
text-decoration: none;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
/* Footer Menu
***********************/
#FooterMenu {
width: 920px;
margin-top: 8px;
padding-left: 20px;
height: 50px;
position: relative;
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ED1C24), color-stop(1, #8E1318) );
background: -moz-linear-gradient( center top, #ED1C24 5%, #8E1318 100% );
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ED1C24', endColorstr='#8E1318');
background-color: #000000;
border: solid #FFF;
border-width: 5px 0 5px 0;
}
#FooterMenu ul { display: block; padding: 0; margin: 0; width: 100%; }
#FooterMenu ul li { display: block; float: left; width: auto; position: relative; }
#FooterMenu ul li a {
display: block;
height: 100%;
padding: 0 10px;
border: solid transparent;
border-width: 0 1px;
line-height: 50px;
text-transform: capitalize;
color: #fff;
text-decoration: none;
text-align: center;
}
#FooterMenu ul li:last-child a { border-right-color: transparent; }
#FooterMenu ul li ul.sub { display: none; width: 230px; left: -1px; position: absolute; top: 100%; background: #053560 none no-repeat 0 0; margin: 0; padding: 10px 0; z-index: 99; }
#FooterMenu ul li ul.sub li { background: #004e9f; color: #FFF; padding: 5px 0; height: auto; width: 210px; text-align: left; border: none; margin: 0 10px; border-bottom: 1px solid #053560; }
#FooterMenu ul li ul.sub li:hover { background: #0063cb; }
#FooterMenu ul li ul.sub li a { margin: 0; padding: 2px 5px; text-align: left; font-size: 10px; font-weight: 700; font-family: arial, helvetica, sans; }
#FooterMenu ul li a:hover {
border-color: #FFF;
background: #023670;
background: url(data: image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2Q0MWMyOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4NDEyMWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #023670 1%, #053560 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#023670), color-stop(100%,#053560));
background: -webkit-linear-gradient(top, #023670 1%,#053560 100%);
background: -o-linear-gradient(top, #023670 1%,#053560 100%);
background: -ms-linear-gradient(top, #023670 1%,#053560 100%);
background: linear-gradient(to bottom, #023670 1%,#053560 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#023670', endColorstr='#053560',GradientType=0 );
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
/* Footer Mini Menu
***********************/
#FooterMiniMenu { float: left; margin: 15px 0 0 20px; clear: both; }
#FooterMiniMenu ul { display: block; padding: 0; margin:0; width:100%; }
#FooterMiniMenu ul li { display:block; float:left; width:auto; position:relative; }
#FooterMiniMenu ul li a {
display:block;
height:100%;
padding: 2px 9px;
line-height: 22px;
text-transform:capitalize;
color:#fff;
text-decoration:none; text-align:center;
font-size: 12px; }
#FooterMiniMenu ul li a:hover {
background:#000000;
text-decoration: none;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
/* Facebox
*********************/
#facebox {
position: absolute;
top: 0;
left: 0;
z-index: 10000;
text-align: left;
max-width: 540px;
}
#facebox .popup{
position: relative;
border: 5px solid #023670;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0 0 18px rgba(0,0,0,0.4);
-moz-box-shadow: 0 0 18px rgba(0,0,0,0.4);
box-shadow: 0 0 18px rgba(0,0,0,0.4);
}
#facebox .content {
display: table;
padding: 10px 20px 10px 10px;
background: #fff;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
#facebox .content > p:first-child{
margin-top:0;
}
#facebox .content > p:last-child{
margin-bottom:0;
}
#facebox .close {
position: absolute;
top: 1px;
right: 5px;
padding: 1px 1px 5px 5px;
background: #fff;
}
#facebox .close img {
opacity:0.3;
}
#facebox .close:hover img {
opacity:1.0;
}
#facebox .loading {
text-align: center;
}
#facebox .image {
text-align: center;
}
#facebox img {
border: 0;
margin: 0;
}
#facebox_overlay {
position: fixed;
top: 0px;
left: 0px;
height:100%;
width:100%;
}
.facebox_hide {
z-index:-100;
}
.facebox_overlayBG {
background-color: #000;
z-index: 299;
}
/* Popup Page Alert
************************/
#alert_container {
display: none;
}
#page_alert {
}
/* title */
#page_alert > h2 {
}
/* content */
#page_alert .alert_content {
}
/* File Uploader window
************************/
body.uploadWindow {
padding: 5px;
overflow: hidden;
}
body.uploadWindow .container {
width: 400px;
height:220px;
background-color: #ffffff;
padding:20px;
border: 1px solid #888;
margin: 0 auto;
}
body.uploadWindow .container .alert {
text-align: center;
font-size: 0.9em;
line-height: 2em;
}
/* Animations
************************/
@keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Firefox */
@-moz-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Safari and Chrome */
@-webkit-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Internet Explorer */
@-ms-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Opera */
@-o-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/*INCLUDED FOR WYSYIWYG EDITOR*/
.early-bird-button, .event-results-button{border-radius:5px;
text-align:center;
text-transform:uppercase;
font-size:1.8rem;
font-weight:550;
color:#FFF !important;
width:80%;
padding:5px 0px;
margin:10px auto;}
.early-bird-button{background:#dd003d;}
.event-results-button{background:#003473;}
.early-bird-button a, .event-results-button a{color:#FFF!important;}
table.table-partners{
width:100%;
border-collapse:collapse;
border: none;
background:#fff;
padding:0px;
margin:0px;
margin-bottom:40px;
}
table.table-partners td{
wi dth:25%;
border-collapse:collapse;
margin:0px;
padding:0px;
text-align:center;
vertical-align:middle;
}
table.table-partners td a{
display:inline-block;
margin:0px auto;
} |