/*OVERALL LAYOUT*/
body{background: #fff url(img/background.jpg) no-repeat top center; text-align: center;
font-size: 14px; font-family: "Lucida Grande", Arial, sans-serif; color: #2d2c2e; padding-bottom: 25px;}
body#tinymce{background-image: none !Important; text-align: left !Important; padding: 10px !Important;}

#main{width: 895px; text-align: left; margin: auto; margin-top: 37px; position: relative;}
#top{margin-bottom: 20px;}

#body.subpage, #profileHeader{margin-top: 30px}
#body a{color: #519a5e }

/*TOP + TOPNavi */
#top{position: relative;}
#top .box{position: relative; padding-left: 8px !Important}
#top #logo{position: absolute; top: 17px; right: 17px; width: 47px; height: 47px; padding: 47px 0px 0px 47px; overflow: hidden; 
background: url(img/top_logo.png) no-repeat top center; color: #fff; font-size: 1px; display: block;}

#memberHeaderProfile{font-size: 10px; display: inline; padding: 3px; position: absolute; right: 0px; top: -30px; text-align: right}
#memberHeaderProfile a{padding: 5px; color: #999;}


ul#topNavigation{height: 67px; display: block; list-style: none; margin: 0px; padding: 0px;}
ul#topNavigation li{ float: left; margin-left: 8px;}
ul#topNavigation li a{text-transform: uppercase; display: block; width: 219px; height: 47px; border: 1px solid #519a5e; 
background: #4a9e59 url(img/top_a_bg.png) top repeat-x; 
color: #000; font-size: 15px; font-weight: bold; padding: 15px 0px 0px 25px; text-decoration: none;}

ul#topNavigation li a small{width: 190px; color: #fff; display: block; font-weight: normal !Important; font-size: 11px; background: url(img/top_a_small_bg.png) no-repeat center right;}
ul#topNavigation a:hover{border-color: #64a770; background: #6baf77 url(img/top_a_bg_hover.png) top repeat-x;  color: #fff;}


/* ROTATOR */
#rotator{height: 300px; position: relative;}
#rotator .previous, #rotator .next{display: none;}
#rotator .carousel-wrap{height: 300px !Important; width: 950px; margin-left: -25px;}
#rotator ul{list-style: none; margin: 0px; padding: 0px;}
#rotator li{display:inline; float:left; padding:20px 0; width:950px;text-align:center;}
#rotator .center-wrap{position: absolute; right: 0px; bottom: -10px; border-right: 9px solid #fff; padding-bottom: 10px; }
#rotator .carousel-pagination{border-left: 9px solid #fff; border-top: 9px solid #fff;}
#rotator .carousel-pagination p{border-left: 4px solid #4a9e59; border-right: 4px solid #4a9e59; border-top: 4px solid #4a9e59; margin: 0px; height: 24px;}
#rotator .carousel-pagination p a{cursor: pointer;}
#rotator .carousel-pagination p a:hover span{background: #4A9E59; color: #fff}
#rotator .carousel-pagination p span{text-align: center; display: block; float: left; width: 12px; height: 16px; border: 1px solid #ccc; padding: 3px; background: #fff;}

#rotator ul a, #rotator ul a img{border: none !Important; text-decoration: none !Important;}

/* REASONS TO ATTEND */
ul#reasons{margin: 15px 0px 15px 0px; padding: 0px; font-size: 11px; list-style: none;}
ul#reasons li{margin: 0px; display: block; height: 60px;}
ul#reasons li img{float: left; margin-right: 15px; border: 1px solid #ccc; width: 70px; height: 50px;}
ul#reasons li h3, ul#reasons li p{margin: 0px; padding: 2px;} 

/* ATTENDEES */
ul#attendees{margin: 0px; padding: 20px; list-style: none;}
ul#attendees li{margin: 10px; float: left;}
ul#attendees li a{display: block; overflow: hidden; padding-top: 48px; width: 48px; height: 0px; border: 1px solid #ccc;}

/* ATTENDEE BADGE */
.attendeeBadge{padding-top: 48px; overflow: hidden; height: 0px; width: 48px; background: no-repeat #ccc center center; border: 1px solid #ccc; display: block;}

/* ATTENDEE PROFILE HEADER */
#profileHeader h1{background: none; color: #2d2c2e; border: none; padding: 0px; margin: 0px;}
#profileHeader h2{background: none; color: #ccc; padding: 0px; margin: 0px; font-size: 1em; margin-top: 2px;}
#profileHeader .attendeeBadge{float: right;}
#profileHeader .option{color: #999; padding: 10px 20px 10px 0px;}

/*BUDDY ICON FORM */
.iconOption{display: block; width: 200px; padding: 15px; text-decoration: none; height: 150px; float: left; border: none; color: #999; text-align: center; font-size: 16px; font-weight: bold;}
.iconOption img{border: none; padding: 10px;}
.iconOption:hover{border: 1px solid #ccc; padding: 14px;}
#webcamHolder{width: 340px; float: right; margin-left: 40px; text-align: center;}
#webcamHolder input{margin-top: 15px;}

/* Author badge */
div.author{padding:5px; height: 60px; width: 300px; float: left;}
div.author .attendeeBadge{float: left; margin-right: 15px}
div.author h3{font-size: 14px; margin:0px; padding: 0px;}

/* TOPICS */
ul#topics{margin: 0px; padding: 0px; list-style: none; width: 920px;}
ul#topics li{padding: 10px 23px 0px 0px; display: block; width: 435px; float: left;}
ul#topics li .box{height: 180px;}
ul#topics li .box p{display: block; overflow: auto; height: 70px;}
ul#topics li div.author{border-top: 1px solid #ccc; padding:5px; height: 60px; position: absolute; 
bottom: 0px; width: 380px;}
ul#topics li .box .author .attendeeBadge{float: left; margin-right: 15px}
ul#topics li .box .author h3{font-size: 14px; margin:0px; padding: 0px;}
ul#topics li h1 a{color: #fff; text-decoration: none;}
ul#topics li h1 a:hover{text-decoration: underline;}
ul#topics li.new .box{background: #F8FFC8;}
ul#topics a.loveTopic{float: left; background: #fff; color: #999; width: 50px; 
border: 1px solid #ccc; text-decoration: none; text-align: center; margin-top: 3px; padding:1px; font-size: 11px;}

/* SESSIONS */
ul#tracks, ul#tracks ul{margin: 0px; padding: 0px; list-style: none; position: relative;}
ul#tracks h1{background: #EFEFEF !Important; border-color: #efefef; color: #999 !Important;}
ul#tracks h1 a{color: #999 !Important;}
ul#tracks h2{color: #2d2c2e !Important; font-size: 1.2em}

ul#tracks ul.sessions li{display: block; border-bottom: 1px solid #ccc; position: relative; margin-bottom: 15px;}

ul#tracks li div.author{padding:5px; height: 60px; width: 300px; float: left;}
ul#tracks li .author .attendeeBadge{float: left; margin-right: 15px}
ul#tracks li .author h3{font-size: 14px; margin:0px; padding: 0px;}
ul#tracks .desc{margin: 10px 0px 10px 0px; padding: 10px;}

/* SESSION PAGE */
.sessionData{float: right; width: 300px; background: #F7F7F7; padding: 10px; margin: 0px 0px 20px 35px; border: 4px solid #EFEFEF}




/* MODAL */
#communityModal{text-align: left; display: none; z-index: 300 !Important; position: absolute; top: 100px; left: 143px; 
width: 600px; background: #fff; padding: 9px; border: 4px solid #e0e0e0;}
#communityModal h2{margin: 0px; border-bottom: 1px solid #e0e0e0;}
#comminityModalClose{font-size: 20px; position: absolute; top: 7px; right: 14px; 
font-weight:bold; text-decoration: none; color: #999;}
#communityModal a{color: #4a9e59 }

/* Businesscard */
.businessCard .attendeeBadge{float: left; margin: 0px 15px 50px 0px;}
.businessCard h2{border: none !Important;}
.businessCard h3{ margin-top: 3px; border: none !Important; margin-bottom: 2px; font-size:11px;}
.businessCard div.status{margin: 10px 0px 10px 63px; padding: 7px; color: #999; font-size: 11px; height: 50px; 
font-style: italic; border-top: #efefef 1px solid}

.businessCard a.meetup{background: #fff; color: #999; width: 70px; 
border: 1px solid #ccc; text-decoration: none; text-align: center; margin:3px 0px 0px 63px; padding:3px; font-size: 11px;}

/* Twitter bubble */
#twitBub{position: absolute; background: url(img/twitter_bg.png) top left; width: 225px; height: 75px; 
overflow: hidden; padding: 10px 15px 20px 10px; z-index: 200 !Important; display: none; font-size: 11px;}


/* STANDARD ELEMENTS */
.box{z-index: 1; background: url(img/top_background.gif) repeat-x bottom #fff; padding: 8px 8px 8px 25px; margin-bottom: 20px; display: block;}
.box h1{background: #4a9e59; text-transform: uppercase; border: 1px solid #519a5e;  color: #fff; margin: 0px;  margin-left: -17px; 
padding: 4px 0px 4px 17px; font-size: 18px; line-height: 20px;}
.divider{border-top: 4px solid #4a9e59; border-bottom: 9px solid #fff; margin-bottom: 20px;}

a.button{padding: 10px 0px 10px 0px; border: 1px solid #EFEFEF; text-decoration: none;}
a.button em{border: 5px solid #fff; padding: 5px; color: #fff; background: #F5366D; }


/*Breadcrumb*/
#breadcrumb{margin: 0px; padding: 4px; list-style: none; font-size: 11px; color: #999; display: block;}
#breadcrumb li{display: inline; padding-right: 5px; margin: 0px;}
#breadcrumb li a{color: #999; padding-right: 3px;}

/*Footer*/
#footer{font-size: 10px; color: #3F3F3F; padding-top: 15px; text-align: right}


/* FORM ELEMENTS */
label.inputLabel {font-weight:bold; width: 7em; display: block; float: left; padding: 1.5em 1.5em 0 0; text-align: right; }

fieldset {padding:0em;margin:1.5em 0 0 0;border:none; border-bottom:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #bbb;}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
.buttons{background: #EFEFEF; padding: 1em;}
.buttons input{font-size: 18px;}

textarea {width:300px;height:250px;padding:5px;}
.error, .notice, .success {padding:.2em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4 !Important;color:#8a1f11;border-color:#FBC2C4 !Important;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}

.error * {color:#8a1f11 !Important;}
.notice * {color:#514721;}
.success * {color:#264409;}

dt{font-style: italic;}
dd{padding-bottom: 5px;}
label.error, label.notice, label.success {background: none; border: none; padding-left: 1em;}




















































































































































/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */
h2 {
color: #999;
font-size: 1.5em;
margin-top: 0.9em;
}

h3 {
color: #999;
font-size: 1.1em;
}

h4 {
color: #999;
font-size: 0.8em;
}