html, body{ background:#ffffff;}
.wapper { height: auto; min-height: 100%; position: relative; width: 100%; }
.fixed { position: fixed; bottom: 0; left: 0; }
.pad-l-15{ padding-left:15px;}
.pad-r-5{ padding-right:5px;}
.pad-tb-30{ padding-top:30px; padding-bottom:30px;}
.pad-b-30{padding-bottom:30px !important;}
.pad-b-20{padding-bottom:20px !important;}
.top-header{width:100%; height:57px; background:#e6ebee; position:relative; border-bottom:2px solid #2a97d0;}
header .profile { position: absolute; right: 0; top: 0; width:auto; }
header .profile ul {width: 228px; position: relative; background: #e6ebee; z-index: 50; border-top:2px solid #2a97d0; display: none; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);}
header .profile li { width: 91%; display: block; padding:8px 10px; }
header .profile ul li h4{ padding:5px 0 0 0; text-transform:uppercase; color:#7f7f7f; margin:0; font-weight:bold; font-size:12px; font-family:"Lucida Grande",Helvetica,Arial,sans-serif; background:none;}
header .profile ul li a { display: block; }
header .profile .profile-img img { float: right; height: 55px;margin:0 0 0 20px; width: 55px; }
header .profile .profile-img h6{ color: #2a97d0; display: inline-block;font-size: 15px;line-height: 55px; padding: 0; margin:0;}
header .profile .arrow-down{background: url(../img/new-menu/nav_greyarrow.png) no-repeat center 10px; padding-top:2px; display:inline-block;  width:12px; height:17px; margin-left:8px;}
header .profile ul li a { margin: 0; padding:3px 0; color:#2a97d0; font-size:12px; font-weight:bold; text-align:left;}
header .profile.openlist .profile-img .notification { display: none; }
header .profile.openlist ul { display: block; z-index: 10001; height: 200px;}
header .profile.openlist .newgroup { display: none; }
header .profile ul li a.goto-user{ background:url(../img/new-menu/nav_user_user.png) left center no-repeat; padding-left:40px;}
header .profile ul li a.edit-user{ background:url(../img/new-menu/nav_user_edit.png) left center no-repeat; padding-left:40px;}
header .profile ul li a.change-pass{ background:url(../img/new-menu/nav_user_password.png) left center no-repeat; padding-left:40px;}
header .profile ul li a.logout-user{ background:url(../img/new-menu/nav_user_logout.png) left center no-repeat; padding-left:40px;}
footer { background:#ffffff; min-height:40px !important; position:fixed; bottom:0; }
footer ul{ width:100%; float:left; padding:0; margin:0; line-height: 40px;}
footer ul li{ float:left;}
footer ul li:first-child{ padding-left:20px;}
.public footer ul{ width:100%;}
.col-135{ width:135px;}

.panel.login-wraper .tagline h2{ font-size:36px; text-transform:none; color:#E6621F; margin:50px 0 30px 0; text-align:center; font-family: "adelle" !important;}
.panel.login-wraper .tagline p{ font-size:16px; color:#333;}
.public .panel.login-wraper .main-content-box{ margin-top:30px !important; margin-bottom:20px !important;}
.panel.login-wraper .home-icons{ margin:50px 0 0 0;}
.panel.login-wraper .log-bott-icons{ margin:10px 0 0 0; padding:0}
.panel.login-wraper .log-bott-icons li{ list-style:none; display: inline-block; text-align:center; margin:0 5px;}
.panel.login-wraper .log-bott-icons li span.icons{ width:20px; height:20px; display:block; text-indent:-9999px;}
.panel.login-wraper .log-bott-icons li span.member{background:url(../img/new-menu/tool_member.png) center no-repeat; }
.panel.login-wraper .log-bott-icons li span.broadcast{background:url(../img/new-menu/tool_broadcast.png) center no-repeat; }
.panel.login-wraper .log-bott-icons li span.event{background:url(../img/new-menu/tool_event.png) center no-repeat; }
.panel.login-wraper .log-bott-icons li span.fundraiser{background:url(../img/new-menu/tool_fundraiser.png) center no-repeat; }
.panel.login-wraper .log-bott-icons li span.docstorage{background:url(../img/new-menu/tool_docstorage.png) center no-repeat; }
.panel.login-wraper .log-bott-icons li span.email{background:url(../img/new-menu/tool_email.png) center no-repeat; }
.panel.login-wraper .log-bott-icons li span.survey{background:url(../img/new-menu/tool_survey.png) center no-repeat; }
.panel.login-wraper .log-bott-icons li span.payments{background:url(../img/new-menu/tool_payments.png) center no-repeat; }
.panel.login-wraper .log-bott-icons li span.photos{background:url(../img/new-menu/tool_photos.png) center no-repeat; }
.panel.login-wraper .log-bott-icons li span.dicussion{background:url(../img/new-menu/tool_dicussion.png) center no-repeat; }

@media only screen and (min-width: 100px)
{
.panel { margin:0; padding:0; width:100%; background:#ffffff; border-bottom:none;}
.logo-waper{ padding:18px 0 0 20px;  width:216px; }
/*.panel.login-wraper .logo-waper{ margin:0 auto;  width:216px; padding:10px 0;}*/
.logo-small{ background: url(../img/new-menu/nav_memberplanetlogo.png) no-repeat; text-align: center; text-indent: -9999px; display: block; height: 36px; margin:0;  }
}
@media only screen and (min-width: 769px) {
.nav-text { display: inline-block; line-height: 30px; font-weight:bold; }
.logo-waper{padding:18px 0 18px 20px; width:146px; margin:0;}
.logo-small { background: url(../img/new-menu/nav_memberplanetlogo.png) no-repeat; text-align: center; text-indent: -9999px; display: block; height: 20px; margin:0;  }
.panel{ padding-bottom:40px;}
}

 @media only screen and (max-width: 767px) 
 {
     .public .panel .titles{margin: 0 12px 10px;}
     .five{ width:95%;}
     .col-135{ width:101% !important;}
     footer ul li{ float:none;}
footer ul li:first-child{ padding-left:0;}
.public footer ul, .public footer ul.user { background: url("../img/double_line.jpg") repeat-x left top !important;}
/*.panel{ padding-bottom:80px;}*/
}