/* COMMON CSS */
body{margin:0px; padding:0px; margin-top:15px; font-family: Arial, Helvetica, sans-serif; font-size:12px;}
textarea{font-family: Arial, Helvetica, sans-serif; font-size:12px;}
#wrapper{width:920px; margin:auto;}
a img{border:0px;}
.clear{clear:both;}
a{color:#CC3399; text-decoration:none; cursor:pointer;}
a:hover{text-decoration:underline;}
p{margin-top:5px; padding-top:0px; margin-bottom:5px; padding-bottom:0px;}
p.justify{text-align:justify;}
.hr{width:100%; background:#0099FF; height:1px; line-height:1px; font-size:1px; max-height:1px; overflow:hidden; margin-top:10px; margin-bottom:10px; padding:0px;}
hr{width:100%; background:#0099FF; color:#0099FF; height:1px; line-height:1px; font-size:1px; margin-top:10px; margin-bottom:10px; padding:0px; border:none;}
h2{margin-top:0px; padding-top:0px;}
.center{text-align:center;}
.right, .pagination{float:right;}
.left{float:left;}
li{margin-top:10px; margin-bottom:10px;}
area:hover{cursor:pointer;}
a, a:active, a:hover, a:visited, embed, object{outline:0;}
.join{background:#CC3399; color:#FFF; padding:5px; margin-bottom:5px;}
.join a{color:#FFF; font-weight:bold;}
ul.nomarginleft{padding-left:15px;}
ul.nomarginleft li{margin:5px;}

/* HEADER */
.logo{float:left; margin-top:15px;}
.map{float:right;}
.nav{height:30px; margin-top:5px; padding-right:30px; background:url('../images/bar-bg.jpg') repeat-x; margin-bottom:10px;}
.nav-item{margin-left:15px; margin-right:15px; float:right; margin-top:7px;}
.nav-signup{display:block; background:url('../images/nav-signup.png') no-repeat; height:16px; width:65px;}
.nav-login{display:block; background:url('../images/nav-login.png') no-repeat; height:16px; width:46px;}
.nav-logout{display:block; background:url('../images/nav-logout.png') no-repeat; height:16px; width:60px;}
.nav-admin_email{display:block; background:url('../images/admin_email.png') no-repeat; height:16px; width:113px;}
.nav-faq{display:block; background:url('../images/nav-faq.png') no-repeat; height:16px; width:29px;}
.nav-about{display:block; background:url('../images/nav-about.png') no-repeat; height:16px; width:53px;}
.nav-signup:hover{opacity: .70; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; cursor:pointer;}
.nav-faq:hover{opacity: .70; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; cursor:pointer;}
.nav-about:hover{opacity: .70; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; cursor:pointer;}
.nav-login:hover{opacity: .70; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; cursor:pointer;}
.nav-logout:hover{opacity: .70; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; cursor:pointer;}
.nav-admin_email:hover{opacity: .70; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; cursor:pointer;}

/* HOME */
.home-mainimg{height:336px; width:775px; float:left; background:url('../images/bottom-shadow.jpg') no-repeat bottom; margin-top:-10px;}
.home-mainimg img{height:332px; width:775px;}
.home-righttext{float:right; width:145px; background:url('../images/right-text-bg.jpg') no-repeat; height:337px; margin-top:-10px;}
.home-righttext p{width:120px; margin-left:15px; line-height:1.2em;}
.home-col1, .home-col2, .home-col3, .home-col4{width:225px; float:left; margin-top:15px;}
.home-col1{margin-left:10px;}
.login-home p{margin:0px; padding:0px;}
.login-home-title{font-size:15px; font-weight:bold;}

/* FOOTER */
.footer-line{background-color:#1E67AB; height:8px; width:100%; margin-top:15px;}
.footer-left, .footer-right{color:#1E67AB; font-size:10px; margin-bottom:50px;}
.footer-left a, .footer-right a{color:#1E67AB; text-decoration:underline;}
.footer-left{float:left;}
.footer-right{float:right;}

/* COMMON PAGE ELEMENTS */
.col1, .col3{float:left; width:200px; margin-top:10px;}
.col2{float:left; width:480px; margin-left:20px; margin-right:20px;  margin-top:10px;}
.spacebelowtitle{height:25px; width:100%;}


.bar-head, .bar-head-no-margintop{background:url('../images/bar-bg.jpg') repeat-x; color:#FFF; padding-left:10px; margin-top:10px; margin-bottom:10px; padding-top:8px; height:30px;}
.bar-head-no-margintop{margin-top:0px;}

.bar-head-190{background:url('../images/190-bar.gif') no-repeat left; height:26px; width:200px; margin-bottom:10px; margin-top:10px; padding-left:10px; color:#FFF;}
/*.bar-head-no-margintop{ background:#0099FF; color:#FFF; padding-left:10px; margin-top:10px; margin-bottom:10px; line-height:50px; height:30px;}
.bar-head-no-margintop h3{margin-top:0px; padding-top:0px;}*/

.success{background:url('../images/ok.png') center left no-repeat; min-height:34px; padding-left:75px; padding-top:10px;}
.error{background:url('../images/error.png') center left no-repeat; min-height:34px; padding-left:75px; padding-top:10px;}
.colwide{float:left; width:700px; margin-right:20px; margin-top:10px;}



.group-admin{text-align:center;}
.group-admin p{margin:0px; padding:0px;}
.group-image{float:right; padding-left:10px; padding-bottom:5px; background:#fff;}
.profile-image{float:right; padding-left:10px; padding-bottom:5px; background:#fff;}
.group-summary{}
.profile-summary{}
p.option{margin:0px;padding:0px; border-bottom:1px solid #C4E8FF;}
.signup{background:#EFF4FA; padding:10px; margin-top:-20px;}

.wall-item{margin-top:10px;}
.wall-image{float:left; width:85px;}
.wall-text{float:left; width:395px;}
.wall-text p{margin:0px; padding:0px;}
span.small{font-size:0.9em; color:#333;}

.allevent{width:240px; margin-bottom:10px; float:left;}
.event{margin-bottom:10px;}
.event-text{float:left; margin-left:10px; width:124px;}
.calendar{background:url('../images/cal_65.jpg') no-repeat; height:66px; width:66px; float:left; text-align:center;}
.calendar .month{color:#FFF; font-size:12px; font-weight:bold; margin-top:3px;}
.calendar .date{line-height:30px;  font-size:16px; font-weight:bold; margin-top:6px;}
.calendar .year{font-size:8px;}
.rcalendar{background:url('../images/cal_65.jpg') no-repeat; height:66px; width:66px; float:left; text-align:center;}
.rcalendar .rmonth{color:#FFF; font-size:12px; font-weight:bold; margin-top:3px;}
.rcalendar .rdate{line-height:30px;  font-size:11px; font-weight:bold; margin-top:10px;}

.large-calendar-holder{width:210px; background:#fff; float:right; }
.large-calendar{background:url('../images/cal_200.jpg') no-repeat; height:229px; width:200px; float:right; text-align:center; margin-bottom:10px;}
.large-calendar .large-month{color:#FFF; font-size:20px; font-weight:bold; line-height:40px; margin-top:60px;}
.large-calendar .large-date{font-size:60px; font-weight:bold;  margin-top:15px;}
.large-calendar .large-year{font-weight:bold; color:#3EBCF7;}
.large-rcalendar{background:url('../images/cal_200.jpg') no-repeat; height:229px; width:200px; float:right; text-align:center; }
.large-rcalendar .large-rmonth{color:#FFF; font-size:18px; font-weight:bold; line-height:40px; margin-top:63px;}
.large-rcalendar .large-rdate{line-height:100px; width:160px; font-size:30px; font-weight:bold; margin-left:20px; margin-top:0px;}

/* includes/usercol/groups.php */
.mygroup{margin-bottom:10px;}
.mygroup-all{margin-bottom:10px; width:238px; float:left;}
.mygroup-img{width:75px; float:left;}
.mygroup-info{width:125px; float:left;}

/* includes/map/latest.php */
.latestgroup{margin-bottom:10px;}
.latestgroup-img{width:75px; float:left;}
.latestgroup-info{width:125px; float:left;}

/* includes/search/main.php */
.search-result{margin-bottom:10px; padding-bottom:5px; border-bottom:1px solid #C4E8FF;}
.search-image{float:left; width:100px; margin-right:10px;}
.search-description{float:left; width:370px;}

/* Pagination */
.center div.pagination {margin-top:10px; float:none;}
div.pagination {margin-top:10px;}
div.pagination a {padding: 2px 5px 2px 5px;margin: 2px;text-decoration: none;color: #666;}
div.pagination a:hover, div.pagination a:active {color: #FFF;background-color: #0099FF;}
div.pagination span.current {padding: 2px 5px 2px 5px;margin: 2px;font-weight: bold;background-color: #0099FF;color: #FFF;}
div.pagination span.disabled {padding: 2px 5px 2px 5px;margin: 2px;color: #CCC;}

/*All Photos*/
.largephoto{margin-top:25px;}

/*nicEditor*/
.nicEdit-main{font-size:13px; background:#FFF;}

.scrollimage{height:410px; overflow:auto;}
.selectimgholder{float:left; width:100px; height:130px;margin-right:15px; margin-top:10px; text-align:center;}

.frontendgroupphoto{float:left; margin-left:4px; margin-right:4px; height:64px; width:86px; overflow:hidden; border:1px solid #CCC; text-align:center;}
.frontendgroupmember{float:left; margin-left:4px; margin-right:4px; height:84px; width:86px; overflow:hidden; text-align:center;}

.allmemberholder{float:left; margin-left:4px; margin-right:4px; height:140px; width:112px; overflow:hidden; text-align:center;}

h2.sIFR-replaced{margin:0px; line-height: 0.5em; padding:0px;}
h3.sIFR-replaced{margin:0px; height:15px;}
h4.sIFR-replaced{margin:0px; line-height: 0.5em; padding:0px;}

/*Polaroid Full Size*/
.polaroid{background:#FFF url('../images/polaroid-middle.jpg') repeat-y right; width:237px; float:right; position:relative; margin-top:15px; padding-left:15px; margin-bottom:60px;}
.polaroid .polaroid-top{height:15px; width:237px; background:url('../images/polaroid-top.jpg') no-repeat; position:absolute; top:-15px; right:0px;}
.polaroid img{margin-left:16px;}
.polaroid .polaroid-bottom{height:63px; width:237px; background:url('../images/polaroid-bottom.jpg') no-repeat; position:absolute; bottom:-60px; right:0px;}

/*Polaroid Small Size*/
.polaroid-small{background:#FFF url('../images/polaroid-middle-small.jpg') repeat-y right; width:180px; position:relative; margin-top:12px; margin-bottom:44px; margin-left:10px}
.polaroid-small .polaroid-top-small{height:12px; width:180px; background:url('../images/polaroid-top-small.jpg') no-repeat; position:absolute; top:-12px; right:0px;}
.polaroid-small img{margin-left:13px;}
.polaroid-small .polaroid-bottom-small{height:47px; width:180px; background:url('../images/polaroid-bottom-small.jpg') no-repeat; position:absolute; bottom:-44px; right:0px;}
.polaroid-small .polaroid-note-small{position:absolute; bottom:-32px; font-weight:bold; text-align:center; width:180px; left:0px;}

/*Add/Edit Stuff*/
.step{padding:20px; background:#EFF4FA; margin-top:-18px;}
.form-left{float:left; width:150px; padding-top:10px;}
.form-right{float:left; width:510px; padding-top:10px;}
form{padding:0px;}

.login-left{width:700px; float:left;  margin-top:10px;}
.login-right{width:200px; margin-left:20px; float:left; margin-top:10px;}

/* FAQ */
.faq-col1{width:50%; float:left; margin-top:15px; margin-bottom:15px;}
.faq-col2{width:50%; float:left; margin-top:15px; margin-bottom:15px;}
.faq-item{padding:5px;}

/* WELCOME BACK */
.wb_group_1, .wb_group_2{width:235px; float:left;}
.wb_group_3{width:225px; float:left;}

.wb_group_1 .latestgroup, .wb_group_2 .latestgroup, .wb_group_3 .latestgroup{height:75px; overflow:hidden;}
.wb_member{float:left; margin-left:4px; margin-right:4px; height:180px; width:132px; overflow:hidden; text-align:center;}
