@charset "utf-8";
/* CSS Document */
.header { background: url(../img/main_top.jpg) repeat-x 0 bottom #FFF; padding-bottom: 5px; }
.header.no-nav { height: 130px; }
.header .bluebar { background:#1a66b8; background:-moz-linear-gradient(top, #2da8d8 1%, #1a66b8 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(1%, #2da8d8), color-stop(100%, #1a66b8)); background:-webkit-linear-gradient(top, #2da8d8 1%, #1a66b8 100%); background:-o-linear-gradient(top, #2da8d8 1%, #1a66b8 100%); background:-ms-linear-gradient(top, #2da8d8 1%, #1a66b8 100%); background:linear-gradient(top, #2da8d8 1%, #1a66b8 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2da8d8', endColorstr='#1a66b8', GradientType=0);
border-bottom: 1px solid #0a4a91; border-top: 1px solid #ace0f1; height: 82px !important; }
.header .tabswitch, .header h1 { position: absolute; left: 50%; margin: 0 0 0 -120px; width: 240px; }
.header h1 { top: 15px; background: url(../img/logo.png) no-repeat center 0; height: 42px; }
.header .tabswitch { top: 66px; }
.header .tabswitch a { display: inline-block; width: 68px; padding: 4px 25px 8px; background: #2da8d8; position: relative; font-size: 90%; text-align: center; color: white; text-shadow: 0px -1px 0px #2a89bc; background: #46bfee; background: -moz-linear-gradient(top, #6dcdf1 1%, #46bfee 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #6dcdf1), color-stop(100%, #46bfee)); background: -webkit-linear-gradient(top, #6dcdf1 1%, #46bfee 100%); background: -o-linear-gradient(top, #6dcdf1 1%, #46bfee 100%); background: -ms-linear-gradient(top, #6dcdf1 1%, #46bfee 100%); background: linear-gradient(top, #6dcdf1 1%, #46bfee 100%); border-top: 2px solid #99dcf6; }
.header .tabswitch a:hover { background: #9cddf5; }
.header .tabswitch .first { -moz-border-radius-topleft: 15px; -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 15px; -webkit-border-radius: 15px 0 0 15px; border-radius: 15px 0 0 15px; -webkit-box-shadow: inset 1px -3px 3px 1px #3f8ab0, 0px 5px 10px 0px rgba(1, 1, 1, 0.2); box-shadow: inset 1px -3px 3px 1px #3f8ab0, 0px 5px 10px 0px rgba(1, 1, 1, 0.2); border-right: 1px solid #99dcf6; }
.header .tabswitch .first span { top: 4px; left: 7px; }
.header .tabswitch .last { -moz-border-radius-topleft: 0; -moz-border-radius-topright: 15px; -moz-border-radius-bottomright: 15px; -moz-border-radius-bottomleft: 0; -webkit-border-radius: 0 15px 15px 0; border-radius: 0 15px 15px 0; -webkit-box-shadow: inset -1px -3px 3px 1px #3f8ab0, 0px 5px 10px 0px rgba(1, 1, 1, 0.2); box-shadow: inset -1px -3px 3px 1px #3f8ab0, 0px 5px 10px 0px rgba(1, 1, 1, 0.2); border-left: 1px solid #99dcf6; }
.header .tabswitch .last span { top: 4px; right: 7px; }
.header .tabswitch .active { background: #46abe0; background: -moz-linear-gradient(top, #2b9fdc 1%, #46abe0 80%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #2b9fdc), color-stop(80%, #46abe0)); background: -webkit-linear-gradient(top, #2b9fdc 1%, #46abe0 80%); background: -o-linear-gradient(top, #2b9fdc 1%, #46abe0 80%); background: -ms-linear-gradient(top, #2b9fdc 1%, #46abe0 80%); background: linear-gradient(top, #2b9fdc 1%, #46abe0 80%); border-top: 2px solid #61b6e3; }
.header .tabswitch .active.first { border-right: 1px solid #2b8abc; }
.header .tabswitch .active.last { border-left: 1px solid #2b8abc; }
.header .tabswitch .active:hover { background: #46abe0; background: -moz-linear-gradient(top, #2b9fdc 1%, #46abe0 80%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #2b9fdc), color-stop(80%, #46abe0)); background: -webkit-linear-gradient(top, #2b9fdc 1%, #46abe0 80%); background: -o-linear-gradient(top, #2b9fdc 1%, #46abe0 80%); background: -ms-linear-gradient(top, #2b9fdc 1%, #46abe0 80%); background: linear-gradient(top, #2b9fdc 1%, #46abe0 80%); }
.header .search { float: left; background: url(../img/search.png) no-repeat 8px center #0f5a82; color: #fff; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; font-size: 80%; border: none; padding: 7px 5px 7px 32px; margin: 30px 20px 0 0; width: 125px; border-bottom: 1px solid #4c95ce; }
.header .about { float: left; color: #fff; display: block; margin: 35px 0 15px 20px; font-size: 80%; padding-right: 20px; background: url(../img/about-arrow.png) no-repeat right center; }
.header .memberplanet, .header .user { float: right; margin: 30px 0 0 10px; }
.header .memberplanet>li>a, .header .user>li>a { display:inline-block; color:#fff; font-size:80% }
}
.header .memberplanet > li > a:hover, .header .user > li > a:hover { color: #e6e6e6; }
.header .memberplanet { float: left; }
.header .user { float: right; }
.header .message { display: block; width: 30px; height: 30px; background: url(../img/.header_message.png) no-repeat 0 0; float: right; margin: 30px 15px 0; position: relative; text-indent: -9999px; }
.header .message span { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; width: 20px; height: 20px; position: absolute; background: #e6621f; top: -7px; right: -8px; text-indent: 0; color: #fff; text-align: center; font-size: 80%; -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.3); }
.header .message:hover { background-position: 0 -30px; }
.header .message:hover span { background: #eb824d; }
.header .button { display: block; float: right; margin: 29px 5px 0; position: relative; color: #fff !important; font-size: 80%; padding: 5px 10px; border: 1px solid #1e7099; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #1a66b8; background: -moz-linear-gradient(top, #2da8d8 1%, #1a66b8 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #2da8d8), color-stop(100%, #1a66b8)); background: -webkit-linear-gradient(top, #2da8d8 1%, #1a66b8 100%); background: -o-linear-gradient(top, #2da8d8 1%, #1a66b8 100%); background: -ms-linear-gradient(top, #2da8d8 1%, #1a66b8 100%); background: linear-gradient(top, #2da8d8 1%, #1a66b8 100%); -webkit-box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.2), 0px 1px 1px 0px rgba(255, 255, 255, 0.3); box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.2), 0px 1px 1px 0px rgba(255, 255, 255, 0.3); }
.header .button:hover { background: #1d72ce; background: -moz-linear-gradient(top, #43b1dc 1%, #1d72ce 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #43b1dc), color-stop(100%, #1d72ce)); background: -webkit-linear-gradient(top, #43b1dc 1%, #1d72ce 100%); background: -o-linear-gradient(top, #43b1dc 1%, #1d72ce 100%); background: -ms-linear-gradient(top, #43b1dc 1%, #1d72ce 100%); background: linear-gradient(top, #43b1dc 1%, #1d72ce 100%); color: #fff !important; }
.header .logo { margin: 50px auto 0; position: relative; width: 100px; }
.header .logo.circle img { width: 100px; height: 100px; }
.header .logo.circle .overlay { width: 100px; height: 100px; position: absolute; top: 0; left: 0; background: url(../img/logo_circle.png) no-repeat 0 0; }
.header .logo.circle ul { display: none; position: absolute; top: -8px; left: 70px; z-index: 10; margin: 0; padding: 0; }
.header .logo.circle li { display: block; width: 160px; margin: 3px 0; padding: 0; list-style: none; }
.header .logo.circle a { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; display: block; border: 1px solid #2997cf; padding: 5px 10px 5px 30px; background: url(../img/edit.png) no-repeat 10px center white; font-size: 70%; }
.header .logo.circle.hover .overlay { width: 112px; height: 112px; top: -6px; left: -6px; background: url(../img/logo_circle_hover.png) no-repeat 0 0; cursor:pointer; }
.header .logo.circle.hover a { cursor:pointer; }
.header .logo.circle.hover ul { display: block; }
.header h2 { margin: 0 0 10px 0; text-align: center; }
.header .location { color: #e6621f; font-size: 70%; font-style: italic; text-align: center; margin: -10px 0 20px 0; }
.header .description { color: #7a7a7b; text-align: center; padding: 20px 180px 0; margin: 10px 0 40px; background: url(../img/pin_divider.png) no-repeat center 0; }
.header .mygroups { position: absolute; right: 0; top: 10px; }
.header .mygroups .current-group, .header .mygroups ul { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.3); width: 228px; position: relative; background: #fff; }
.header .mygroups .current-group { background: url(../img/down_arrow_black.png) no-repeat 200px center #FFF; }
.header .mygroups .current-group .notification { float: none; position: absolute; top: -8px; right: -7px; -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.3); margin: 0; color: #fff; }
.header .mygroups ul { z-index: 50; }
.header .mygroups li { width: 228px; border-bottom: 1px solid #e7e7e7; display: block; }
.header .mygroups li:hover { background: #dfeff8; }
.header .mygroups .notification { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; width: 20px; height: 20px; background: #e6621f; color: #fff; text-align: center; font-size: 80%; float: right; margin: 15px 10px 0 0; }
.header .mygroups .current-group, .header .mygroups a { display: block; }
.header .mygroups .current-group img, .header .mygroups a img { float: left; width: 38px; height: 38px; background: #000; margin: 6px; }
.header .mygroups .current-group h6, .header .mygroups a h6 { margin: 0; padding: 7px 0 0 0; font-size: 80%; font-weight: 400; color: #000; }
.header .mygroups .current-group span, .header .mygroups a span { display: block; font-size: 70%; color: #a9a9a9; }
.header .mygroups .newgroup { float: right; font-size: 70%; padding: 4px 0; }
.header .mygroups ul { display: none; }
.header .mygroups.openlist .current-group { -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 0; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; border-bottom: 1px solid #e7e7e7; }
.header .mygroups.openlist .current-group .notification { display: none; }
.header .mygroups.openlist ul { -moz-border-radius-topleft: 0; -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; display: block; }
.header .mygroups.openlist .newgroup { display: none; }
.header ul { margin: 0; padding: 0; }
.header li { list-style: none; display: inline-block; }
.header li a { display: block; }
.header nav { border-top: 1px solid #cfe7f4; border-bottom: 1px solid #cfe7f4; font-size: 90%; }
.header nav ul { text-align: center; }
.header nav a { display: inline-block; width: 130px; margin: 0; text-align: center; /*color: #003a79;*/ }
.header nav a span { display: inline-block; padding: 10px 4px; }
.header nav a.active span { color: #003a79; background: url(../img/nav_active.jpg) repeat-x 0 bottom; }
.header nav a.active:hover { color: #003a79; }
.header nav a:hover { color: #003a79; }
.header nav a:hover span { background: url(../img/nav_active.jpg) repeat-x 0 bottom; }
.header .quicklinks { margin-top: 20px; padding-bottom: 20px; font-size: 70%; }
.header .quicklinks a { display: inline-block; width: 153px; margin: 0; text-align: center; color: #a9a9a9; background-position: center 0; background-repeat: no-repeat; padding-top: 69px; }
.header .quicklinks a:hover { color: #767676; }
.header .quicklinks a.email { background-image: url(../img/admin_nav_email.png); }
.header .quicklinks a.event { background-image: url(../img/admin_nav_event.png); }
.header .quicklinks a.survey { background-image: url(../img/admin_nav_survey.png); }
.header .quicklinks a.funds { background-image: url(../img/admin_nav_funds.png); }
.header .quicklinks a.album { background-image: url(../img/admin_nav_album.png); }
.header .quicklinks a.member { background-image: url(../img/admin_nav_member.png); }
.header .quicklinks a.group { background-image: url(../img/admin_nav_group.png); }
.header .quicklinks a.connection { background-image: url(../img/admin_nav_connection.png); }