@CHARSET "ISO-8859-1";
/*
    CSS common to the Shannan Web Site and Community/Admin Styles
    Should be included after /_css/default.css on the corporate web site
    and after /css/layout.css on the community and admin interfaces
    I had to change some of Shannan's styles for backwards compatibility with
    the existing community sites, thus these were extracted from default.css
*/

/*---------- GLOBAL HEADER ----------*/
#community_top_outer_header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    border-bottom: 1px solid black;
}
#community_top_header {
    background-color: #142a46;
    background-image: url(../_images/bg_globalheader.png);
    background-repeat: repeat-x;
    height: 30px;
    min-width: 960px;
}
#logo_icon {display:inline; float:left; margin:4px 0 0 5px;}
#logo_header {display:inline; float:left; margin:1px 0 0 5px;}

ul.sign_up_in{float:right; width:auto; list-style:none; padding:5px 15px 0 0; margin:2px 0; clear:none;}
ul.sign_up_in li{float:left; width:auto; font-weight:bold; color:#fff;}
ul.sign_up_in li a{float:left; text-decoration:none; margin:0 11px; color:#fff; display:inline; }
ul.sign_up_in li.last a{margin-right:0;}
ul.sign_up_in li a:hover{text-decoration:underline;}
.header_clear {height:40px; }

#super_admin_nav{margin:auto; max-width:970px; height:30px; background:white; padding:5px 10px; }
.super_admin_input {
  display: inline-block;
}

@media only screen and (max-width: 1000px) {
  #super_admin_nav{
    height: 60px;
  }

  .super_admin_input {
    display: block;
    margin-bottom: 6px;
  }
}

/* ----- SOCIAL ICONS ---------- */
.social_icons a {
    text-decoration: none;
}
.social_icon {
    font-family: 'WebSymbolsRegular';
    text-decoration: none;
    font-size: 40px;
    line-height: 1.4;
    padding: 6px
}
a .social_icon.linked_in:hover {
    color: #0077b5 !important;
}
a .social_icon.twitter:hover {
    color: #1DA1F2 !important;
}
a .social_icon.facebook:hover {
    color: #4267B2 !important;
}
a .social_icon.youtube:hover {
    color: #FF0000 !important;
}

.social-follow .twitter-follow-button {
    margin-top: 4px;
}
a.fb-link {
    background: #4267B2;
    color: #fff !important;
    padding: 0px 10px;
    border-radius: 4px;
    font-weight: 700;
    display: inline-block;
    position: relative;
    line-height: 1.8;
    text-decoration: none;
}
a.fb-link img {
    position: relative;
    top: 3px;
    margin-right: 2px;
}

/* ----- SEARCH FORM STYLES ---------- */
#search_area {display:inline; float:left; margin:3px 0 0 10px; }
#search_area input[type=text], #search_area input.text {
    width:175px;
    background-color:#FFFFFF;
    border:1px solid #000;
    color: #363636; /* blue: 4984D2 */
    font-size: 12px;
    font-weight: normal;
    height: 20px;
    margin:1px 0;
    padding: 0px 25px 0px 5px;
    float:left;
    display:inline;
    /*rounded corners*/
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
#search_area input[type=text]:focus, #search_area input.text:focus {
    background-color: #ffffff; /* orange:#FF921D */
    color: #363636;
}
#search_area input.button{float:right; background:url(../_images/bg_search.png) no-repeat 0 0; width:24px; height:20px;
                          border:none; cursor:pointer; margin:2px 3px 0 0; display:inline; position:relative; left:-25px; }

#globalnav {font-size:1.3em; margin: 10px 15px 0px 0px; float:right; text-align:right; }
#globalnav a {color: #FFFFFF; }
#globalnav a:hover {color: #95bdf2; text-decoration: underline; }
#globalnav span.username a { }
#globalnav span.username a:hover { }
#globalnav img {margin-bottom: -4px; }
.useremail {
    font-family: 'PT Sans', Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: .8em;
}
.nav_sep {padding: 0px 5px 2px 5px; font-weight:normal; font-size:.8em; vertical-align:top; }
.header_clear {height:30px; }

/*----- Navigation Menu -----*/
#navmenu {
    background-color:#EAEAEA; /*edit to adjust bg color*/
    border: #ccc solid 1px;
    overflow:hidden;
    /*rounded corners*/
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding-right: 5px;
    padding-left: 5px;
    padding-top: 10px;/*edit to adjust navigation height */
    padding-bottom: 10px;/*edit to adjust navigation height */
    clear:both;
    min-width:978px;
}
#navmenu ul {list-style-type: none; margin-left:-3px; padding:0;}
#navmenu ul li {
    font-size: 14px; /*edit to adjust font size */
    font-weight: normal;
    text-align: left;
    display:inline;
}
#navmenu ul li a {
    padding: 15px; /*edit to adjust navigation spacing */
    border-right: #ccc solid 1px;
    color:#636363; /*edit to adjust text color*/
    margin-left:-3px;
}
#navmenu a:link, #navmenu a:visited {text-decoration: none; }
#navmenu a:hover, #navmenu a.active {
    background-color:#142A46; /*edit to adjust hover background color */
    color:#FFFFFF; /*edit to adjust hover text color*/
}

#navmenu ul li.nav-edit{float:right; }
#navmenu ul li.nav-edit a {border-left: #CCC solid 1px; border-right:0; display: inline-block; margin: -15px -10px -30px 0px; padding: 25px 10px;}

/* TEMP: Default to hide Webinar categories and Dates filter */
#webinar-list-categories {display: none; }
#webinar-dates {display: none; }

/* Web Symbols typeface, open source from: http://www.justbenicestudio.com/studio/websymbols/, see legend at http://www.fonts2u.com/websymbols-regular.font */
@font-face{
    font-family: 'WebSymbolsRegular';
    src: url('../css/fonts/websymbols-regular-webfont.eot');
    src: url('../css/fonts/websymbols-regular-webfont.eot?#iefix') format('embedded-opentype'),
        url('../css/fonts/websymbols-regular-webfont.woff') format('woff'),
        url('../css/fonts/websymbols-regular-webfont.ttf') format('truetype'),
        url('../css/fonts/websymbols-regular-webfont.svg#WebSymbolsRegular') format('svg');
}

/* Next and Previous site icons */
#icon_previous, #icon_next {margin-top:10px; font-family: 'WebSymbolsRegular'; }
#icon_previous a {font-size:40px; text-decoration:none; color:#EF751B; }
#icon_previous a:hover{text-decoration:none; color:#0976b8; }
#icon_next a {font-size:40px; text-decoration:none; color:#EF751B; }
#icon_next a:hover {text-decoration:none; color:#0976b8; }

.icon, .icon-link {font-family: 'WebSymbolsRegular'; font-size:8px; margin:0 2px; vertical-align:super; }
.icon-link {text-decoration:none !important; color:#EF751B !important; }
.icon-link:hover{text-decoration:none !important; color:#636363 !important; }
.icon.big {font-size:14px; }

.red {color:darkred !important; }
.yellow {color:darkgoldenrod !important; }
.green {color:darkgreen !important; }
.grey {color:darkslategrey !important; }

.center {text-align: center;}

/* Wordpress hack for Contact Us page in IE */
.wpcf7-form table tr td p{margin:0; text-align:right; padding-right:8px;}
/* Wordpress forms on Webvent Score Card and Contact Us */
.wpcf7-submit {float:left; background:#ef751b; border:1px solid black; -moz-border-radius:5px; border-radius:5px;
               color:#000000; padding:5px 10px 5px 10px; margin:10px 0; display:inline;
               font-size:1.2em; font-weight:bold;}
.wpcf7-submit:hover{background:#0976b8;}
.wpcf7-not-valid-tip-no-ajax{color:#CC0000; padding-left:3px;}
.wpcf7-response-output.wpcf7-validation-errors{color:#CC0000; padding:10px 0 10px 115px; border:2px solid #f00; background-color:#ffc0c0; font-weight:bold; }
.wpcf7-response-output.wpcf7-mail-sent-ok{color:#060; padding:10px 0 10px 170px; background-color:#CFC; border:2px solid #060; margin:10px 0; font-weight:bold; }

/* Move Quick link anchors up 50 px so that the section title appears below the fixed top navigation row */
.content {position:relative; top:-50px;}

/* Useful css classes to test layouts */
.boxItBlue {
    border-style : solid;
    border-width : 1px;
    border-color : blue;
}

.boxItRed {
    border-style : solid;
    border-width : 1px;
    border-color : red;
}


.boxItYellow {
    border-style : solid;
    border-width : 1px;
    border-color : yellow;
}

.boxItGray {
    border-style : solid;
    border-width : 1px;
    border-color : gray;
}

/* Elegant Icons font: http://www.elegantthemes.com/blog/resources/elegant-icon-font */
@font-face {
    font-family: 'ElegantIcons';
    src:url('fonts/ElegantIcons.eot');
    src:url('fonts/ElegantIcons.eot?#iefix') format('embedded-opentype'),
        url('fonts/ElegantIcons.woff') format('woff'),
        url('fonts/ElegantIcons.ttf') format('truetype'),
        url('fonts/ElegantIcons.svg#ElegantIcons') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
    font-family: 'ElegantIcons';
    content: attr(data-icon);
    speak: none;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

#edit-icon {padding-right: 5px; margin: -15px 5px; }
#print-icon {padding-right: 5px; margin: -15px 5px; }
#email-icon {padding-right: 5px; margin: -15px 5px; }
#download-icon {float: right; padding: 0 10px 10px 0;}
#download-icon a {color: inherit; text-decoration: none; }
#download-icon a:hover {text-decoration:underline;}


/* Simple Button CSS: Keep in sync with /registration/_packageFeatureTable.php */
.big-button { font-size: 24px; line-height: 52px; font-weight: 700; color: #fff; padding: 8px 15px; background: #0976b8; text-shadow: 2px 2px rgba(0, 0, 0, 0.3); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #0976b8; text-decoration: none; } /* Original colors: bg #4a980d border #407718 */
.big-button:hover { color: #fff; -moz-box-shadow: 0 0 20px #fffc00; -webkit-box-shadow: 0 0 20px #fffc00; box-shadow: 0 0 20px #fffc00; background: #ef751b; } /* Original colors: bg #6fbb2f */
.big-button.inverse {background: #ef751b;}
.big-button.inverse:hover {background: #0976b8; }
/* .big-button:active { position: relative; top: 1px; } */