html {background-color:#fff;height:100%;font-family:'Arial';font-size:18px;}
body {margin:0px;padding:0px;}
form button {margin:none;}
a {color:#fff;}
li p {margin: 20px 0px 0px 30px;height:45px;}
fieldset {margin:20px;}
fieldset p {margin: 20px 0px 0px 0px;height:45px;}
label {color:#fff;text-align:left;}
input {line-height:40px;float:right;margin:0px;color:#000;padding-left:10px;}
select {float:right;margin:0px;color:#000;padding:10px;}
p {margin:25px;line-height:150%;}
h1 {margin-left:25px;color:#fff;}
h2 {margin-left:25px;color:#fff;}
h3 {color:#fff;}
li {padding-bottom:10px;line-height:150%;}
/*
input {margin:0px;margin-bottom:20px;padding:10px;}
*/
button {background-color: #fff; height: 48px; width:100%; border-radius: 3px;box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
    border:1px solid #000a0d; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;
    font-size:12px;font-family:arial, helvetica, sans-serif; font-weight:bold; 
    padding: 10px 10px 10px 10px; 
    text-decoration:none; 
/*
    display:inline-block;
*/
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);color: #FFFFFF;
    background-color: #003645; background-image: -webkit-gradient(linear, left top, left bottom, from(#003645), to(#00232D));
    background-image: -webkit-linear-gradient(top, #003645, #00232D);
    background-image: -moz-linear-gradient(top, #003645, #00232D);
    background-image: -ms-linear-gradient(top, #003645, #00232D);
    background-image: -o-linear-gradient(top, #003645, #00232D);
}

.left {float:left;}
.right {float:right;}


.hide {display:none;}
#ajaxPopup {position:absolute;width:750px;height:550px;background-color:#fff;top:68px;left:50%;margin-left: -375px;box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);background-color:#93B1C6;}
#ajaxPopup legend {width:720px;padding:15px;color:#fff;background-color:#000;margin:0px;}
#ajaxPopup fieldset {border:0px;margin:0px;padding:0px;}
#ajaxPopup label {width:160px;color:#000;line-height:48px;}
#ajaxPopup p {margin:20px;}
#ajaxPopup input {width:50%;}
#ajaxPopup button {position:absolute;bottom:0px;}
#ajaxPopup .bottom {position:absolute;bottom:0px;}
#ajaxPopup .full_width {left:0px;right:0px;}


.margin_default {margin:10px;}

.header span{font-size:100px;}
.headerbar {background-color:#E7EAEF;}
.footer {width:100%:margin:auto;height:40px;background-color:#dddddd;border-top:1px solid #aaaaaa;border-bottom:1px solid #aaaaaa;}
.footerbar {background-color:#E7EAEF;border-top:1px solid #D2D2D2;border-bottom:1px solid #D2D2D2;margin-top:60px;}
.pageFooter{clear:both;}
.pageHeader{padding:20px;color:#fff;font-size:24px;}


.pagination{height:40px;font-size:16px;}
.pagination li.active{background-color:#0a2024;}
.pagination li{float:left;list-style-type: none;margin-left:12px;background-color:#7eabb8;padding:2px;border:2px solid #000;border-radius:6px;}
.pagination li:hover{background-color:#0a2128;}
.pagination li a{text-decoration:none;color:#000;}

.on{background-color:#1e424c !important;}
.clear{clear:both;}

table {width:100%;background-color: #eee;font-size:11px;border-collapse: collapse;border-spacing: 0px;box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 2px 0px rgba(0, 0, 0, 0.24);}
table tr {transition: all 0.3s ease 0s;}
table th {padding:16px;}
table td{padding:16px;border-bottom: 1px solid rgba(0, 0, 0, 0.12);}
table caption{font-size:16px;}
tbody tr:nth-child(odd) {
   background-color: #eee;
   font-size:11px;
}
.tabrow1(background-color:#eee;)


#topbar {position:relative;position:absolute;top:0px;width:100%;z-index:10;}


.hover:hover {background-color:#9fa8da;}
.hover:hover {background-color:#9fa8da;}
.hover-expand:hover .children { display: block; }


/* new styles */
.copyright {float:right;margin-top:20px;color:#fff;}




.tile-right {margin-top:20px;width:230px;float:right;margin-right:20px;}
.tile-right img {float:right;}
.tile-image {float:right;clear:right;}
#headerstrip{position:absolute;left:0px;right:0px;height:68px;top:0px;background-color:#00232D;}
#headerstrip .navstrip{margin:10px;height:48px;}
#headerstrip .mini-logo-text{position:absolute;left:56px;padding-top: 12px;font-size:22px;color:#fff;font-weight:bold;padding-left:10px;}
#headerstrip .mini_logo{position:absolute;width:48px;height:48px;}
#headerstrip .mini-logo:hover{
transition:ease-in-out;
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
transform-origin: 50% 50%;

height:48px;width:48px; -webkit-animation:spin 2s linear infinite ;-moz-animation:spin 2s linear infinite;animation:spin 2s linear infinite;}
#headerstrip .middle{}



@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

#navstrip{}

.menu {position:absolute;left:0px;right:0px;height:408px;top:68px;background-color:#00232D;z-index:-1;}
.menu ul {width:960px;margin:auto;height:40px;padding-left:20px;background-color:#0087A8;}
.menu li {width:130px;float:left;list-style-type:none;margin-top:10px;padding:00px;text-align:center;}
.menu li:hover {width:130px;float:left;list-style-type:none;border-bottom:4px solid #1C4085;}
.menu a {color:#ffffff;font-weight:bold;text-decoration:none;}
.menu li:hover {}

.page {width:980px;margin:auto;margin-top:155px;padding-bottom:48px;background-color:#0087A8;}
.page .pageSection {margin-left: 20px;}
.page .messages{color:#fff;border:10px solid #0087A8;background-color:#00232D; font-weight:bold;}
.page .messages li{padding:10px;}

.columns{float:right;clear:right;width:460px;margin-left:20px;margin-bottom:20px;}

.google-groups-signup {width:300px;float:left;}
.google-groups-signup input{margin-top:20px;width:282px;}
.google-groups-signup a{color:#fff;width:282px;}

.banner-slide {position:absolute;width:700px;margin: 20px 20px 20px 0px;}
.banner-slide ul{position:relative;overflow:hidden;width:700px;height:300px;margin:0px;}
.banner-slide li{position:absolute;left:0px;top:0px;list-style-type:none;padding:0px;margin:0px;}
.banner-slide .button{background-color: #0087A8;border-radius:50%;opacity:0.4;}
.banner-slide .content{position:absolute;top:250px;width:100%;background-color: #eee;opacity: 0.4;}
.banner-slide .left{text-align:left;padding:6px;font-size:48px;color:#fff;position:absolute;top:122px;left:0px;width:60px;height:60px;background-color: transparent;}
.banner-slide .right{text-align:right;padding:6px;font-size:48px;color:#fff;position:absolute;top:122px;right:0px;width:60px;height:60px;background-color: transparent;}

.slide-button {
  background-image: url('static/images/css/sprite-navigation-white.png');
}

.banner-slide .left {
  background-position: -73px -39px;
  width: 24px;
  height: 24px;
}

.banner-slide .right {
  background-position: -107px -39px;
  width: 24px;
  height: 24px;
}


/*slider animation*/
.slide {position:absolute;left:0px;}

.slide.ng-hide-add {left:0px;opacity:1;}
.slide.ng-hide-add-active {transition:0.9s linear all;opacity:0;}

.slide.ng-hide-remove {left:0px;opacity:0;}
.slide.ng-hide-remove-active {transition:0.9s linear all;opacity:1;}

.slide.ng-leave.ng-leave-active,
.slide.ng-enter {
    transition:0.5s linear all;
    left:0px;opacity:0;
}
.slide.ng-leave,
.slide.ng-enter.ng-enter-active {
    transition:0.5s linear all;
    left:0px;opacity:1;
}

.bullet-list li {margin:0px;margin-left:10px;line-height:100%;}

.tile {position:relative;background-color:#eee;width:460px;margin-left:20px;margin-bottom:20px;box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.26);}
.tile-img {margin:20px;width:420px;height:200px;overflow:hidden;background-repeat: no-repeat;background-position: center;background-image:url('/static/images/background.png');}
.tile header {background-color: #00232D;width:100%;bottom:20px;top:220px;overflow:auto;left:20px;right:20px;text-align:left;line-height:150%;font-size:12px;}
.tile h2 {line-height:150%;font-size:12px;margin-right:20px;}
.tile header a {color:#fff;}
.tile-content {bottom:20px;top:220px;overflow:auto;left:20px;right:20px;text-align:justify;line-height:150%;font-size:12px;}
.tile img {display:block;margin:auto;width:300px;height:200px;}

#footertop {background-color:#00232D;height:48px;}
#footerbottom {background-color:#0087A8;height:300px;}
#footerbottom div.container {margin:auto;background-color:#0087A8;height:250px;width:960px;}
.twitter-feed {width:460px;margin:20px;}

.social-chat {width:100%;height:480px;position:relative;}
.social-chat .contain{left:0px;right:0px;height:480px;position:absolue;margin:20px;}
.social-chat iframe{display:block;border:0px;width:100%;height:100%;}

.social {z-index:1;position:absolute;right:0px;top:0px;margin-top:25px;}
.social .btn{float:left;margin-left:20px;}
.col {width:480px;float:left;}


#login_box {width:500px; margin:auto;position:relative;}
#login_box p {color:#fff;padding:0px;margin:0px;}
#login_box label {display:block;margin: 20px 0px 20px;}
#login_box input {margin: 20px 0px 0px;float:none;width:100%;}
#login_box button {margin: 20px 0px 0px;float:left;width:100%;}
#login_box .providers {margin: 20px 0px 20px;height:48px;height:35px;}
#login_box .providers a {float:left;margin-right:30px;}

.members .stats {}
.members .tile {width:220px;float:left;}
.members .tile-img{margin:10px;width:200px;}
.members .badge{width:32px;height:32px;margin:0px;margin-top:5px;}

#member_navigation {z-index:2;position:fixed;top:68px;left:0px;width:180px;height:100%;}
#member_navigation a {color:#ffffff;font-weight:bold;text-decoration:none;}
#member_navigation ul {padding:0px;margin:0px;box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.26);}
#member_navigation li {margin:0px;padding:10px;background-color:#0087A8;list-style-type: none;}
#member_navigation li:hover {background-color:#E7EAEF;}

.action-bar {overflow:hidden;position:fixed;right:50px;bottom:50px;width:65px;height:70px;}
.action-bar:hover {height:260px;}
.action-bar .container{position:absolute;left:0px;bottom:0px;width:62px;min-width:62px;max-width:62px;padding-bottom:5px;}
.action-bar-small {overflow:hidden;position:absolute;right:0px;top:40px;width:32px;height:32px;}
.action-bar .action-bar-button{margin-top:20px;}

.action-bar-button {display:block;padding:19px;background-color: #FF2670;border-radius: 100%;box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.26);z-index:5;}
.action-bar-button-small {display:block;padding:19px;background-color: #FF2670;border-radius: 100%;box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.26);z-index:5;}

.closePopup {position:absolute;top:12px;right:12px;background-color: #FF2670;border-radius: 100%;box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.26);z-index:5;}


#membercard{
    color:#000;
    background-color: #8C50A5;border-radius: 14px;box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.5);
    background-image: url('/static/images/membership_card_background.png');
    width: 430px;
    height: 240px;
    margin-left:20px;
    text-shadow: 1px 1px #FFF;
    position:relative;
}

#membercard .date {position:absolute;margin:25px;top:0px;left:0px;}
#membercard p {margin:0px;}
#membercard .container {position:relative;top:50%; width:100%;}
#membercard .middle {color:#000;position:absolute;top:-38px;width:100%;text-align:center;font-size:28px;}
#membercard label {text-align:left;line-height:48px;color:#000;}
#membercard input {width:140px;}
#membercard select {width:155px;}
#membercard .button {margin:0px;}
#membercard button {margin-top:30px;}
#membercard legend {margin-top:10px;margin-bottom:10px;font-weight:strong;}
#membercard fieldset {position:absolute;top:0px;left:0px;right:0px;padding:0px;margin:28px;border:0px;}

.calendar {width:230px;height:300px;overflow:auto;}
.calendar ul{list-style:none;padding:0px;margin:0px;}
.calendar li{font-size:14px;padding:6px;}
.calendar li:first-child{color:#fff;background-color:#00232D;}
.calendar .but {width:80px;text-align:center;}
.but{
    border:1px solid #000a0d; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:12px;font-family:arial, helvetica, sans-serif; padding: 10px 10px 10px 10px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF;
    background-color: #003645; background-image: -webkit-gradient(linear, left top, left bottom, from(#003645), to(#00232D));
    background-image: -webkit-linear-gradient(top, #003645, #00232D);
    background-image: -moz-linear-gradient(top, #003645, #00232D);
    background-image: -ms-linear-gradient(top, #003645, #00232D);
    background-image: -o-linear-gradient(top, #003645, #00232D);
}
