/* html elements */
h1,h2,h3,h4,h5,h6 { color:#555; font-weight:bold; margin-bottom:0.5em; letter-spacing:-0.05em; margin-top:0.6em; }
h1 { font-size:2em; }
h2 { font-size:1.8em; }
a { color:#0076a2; text-decoration: none; }
a:hover { color:#099cd3; text-decoration:underline; }
a:active, a:focus { color:#C55; position:relative; top:1px; }
p { margin:0.4em 0; }
label { font-weight:normal; }
html,body { height:100%; } /* for FF height bug */

/* Main site sections */
body {
    text-align:center;
    font-size:85%;
    color:#333;
    min-width:800px;
}

#bigcontainer {
     text-align:left;
     min-height:100%; height:100%; height:auto !important;
     margin:0 auto -139px;
     background:#FFF;
 }

#header {
    width:auto;
    min-width:700px;
    height:74px;
    color:black; 
    background: #a8e4fc url(/static/img/newsite/headslice3.png) repeat-x;
}

#main {
    background:#fff;
    min-height:200px;
    min-width:800px;
    padding:0.3em 1em 2em;
}
#sidebar { margin-top:4.1em; }
#sidebar > a.create_mingle { font-size:1.5em; float:right; padding:0.3em 1.5em; }

/* Subsections of the header */
#header a { text-decoration: none; color: #005574 }
#header a:hover { text-decoration: underline; }
#logo { float:left; margin-top:10px; }
#logo img { margin-right:7px; }
.betatag { float:left; font-size:13px; margin:27px 3px 0px 0px; color:#006990; }
#login { position:relative; width:300px; margin-top:15px; float:right; color:#005574; font-size:0.8em; }
#login .profile_pic {
    margin:0 5px 0px 20px;
    float:right; width:40px; height:40px;
    vertical-align:middle;
    border:1px solid #777;
}
#login .userid { float:right; padding-top:5px; }
#login .helplinks { position:relative; left:130px; width:100px; margin-right:20px; padding:3px 0; }
#login .fbform { float:right; margin-top:5px; }

#logInDropDown {
    position:absolute;
    right:0;
    z-index: 1000;
    background-color: #17b1eb;
    color: #fff;
    float: right;
    text-align: right;
}
#logInDropDown:hover {
    box-shadow:rgba(0,0,0, 0.1) 0px 0px 8px;
    -moz-box-shadow:rgba(0,0,0, 0.1) 0px 0px 8px;  
    -webkit-box-shadow:rgba(0,0,0, 0.1) 0px 0px 8px;
}
#logInDropDown a { color:#fff; font-weight:bold; }
#logInDropDown #logIn { font-weight:bold; display:inline-block; padding:3px 7px 3px 33px;
                        background:url(/static/img/logo/mv_small.png) no-repeat 3px 3px; }
#logInDropDown #logIn:hover { text-decoration:none; }
#logInDropDown form { padding: 0 7px 5px; }

#logInDropDown input {
    border:solid 1px #d9d9d9;
    padding:0px;
    box-shadow:rgba(0,0,0, 0.1) 0px 0px 8px;
    -moz-box-shadow:rgba(0,0,0, 0.1) 0px 0px 8px;  
    -webkit-box-shadow:rgba(0,0,0, 0.1) 0px 0px 8px;
    background:-webkit-gradient(linear, left top, left 25, from(#eee), color-stop(4%, #eee), to(#FFFFFF));
    background:-moz-linear-gradient(top, #FFFFFF, #eee 1px, #FFFFFF 25px);
}

#dropDownInputs { display:none; margin-top:5px; }
#dropDownInputs input { margin-bottom:4px; padding:5px; }
#logInDropDown input:hover, #logInDropDown input:focus {
    border-color:#a7a7a7;
    -webkit-box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 8px;
    -moz-box-shadow:rgba(0,0,0, 0.2) 0px 0px 8px;
}

.fb_login { margin:2px 0; cursor:pointer; }
#login .fb_login { position:absolute; right:74px; top:0; margin:0; }

/* Navigation */
#navcontainer {
    padding:3px 0px 2px;
    text-shadow: #000 0px 1px 2px;
    background:#525252;
    border-bottom:1px solid #444;
}
#nav { list-style:none; margin:3px 0 0; float:left; width:700px; }
#nav a {
    color:#fff;
    text-decoration:none;
    padding:3px 15px;
    border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;
}
#nav a:hover { background: #0076a2; }
#nav a.active { background: #0076a2; }
#nav li { position:relative; display:inline; font:bold 16px Helvetica,Arial; }
#nav li.home { margin-left:-13px; }
#nav ul {
    width:200px;
    display:none;
    position:absolute;
    top:18px;
    left:0;
    padding:5px 0;
    margin: 3px 0px 0px;
    background: #525252;
    z-index: 100;
}
#nav ul li { display:block; font-size:13px; }
#nav ul a { display:block; padding-top:5px; padding-bottom:3px; }
#nav li:hover ul { display:block; }
#nav_search { float:right; position:relative; }
#nav_search .searchbox {
    font-size:13px; background:#fff;
    padding:3px 10px 3px 10px; border:none; width:142px;
    border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;
}
#nav_search .submit { position:absolute; right:6px; top:6px; }

/* Footer */
#footer { height:139px; clear:both; background:#494949; color:#ddd;
          font-size:0.95em; text-align:left; text-shadow:#2a2a2a 0 0 15px; }
.push { height:139px; } /* footer height + footer border */
#footer a { text-decoration:none; color:#ccc; font-weight:bold; }
#footer a:visited { text-decoration:none; color:#ccc; }
#footer a:hover { text-decoration:none; color:#fff; }
#footer h3 { margin:0 0 5px; font-size:1.2em; color:#a8e4fc; line-height:1.4em; }
#footer ul { list-style-type:none; margin:0; }
#footer_links { float:left; }
#footer_links .stack { text-align:left; float:left; width:200px; margin-left:20px; }
#footer_links ul li { line-height:1em; margin-bottom:5px; }
#footer_buttons { margin-top:5px; }
#footer_buttons img { margin-right:5px; opacity:0.2; }
#footer_buttons img:hover { opacity:1; }
#social_label { background:#aaa; color:#333; padding:2px 10px; display:inline-block; width:165px;
               font-size:1em; font-weight:bold; text-shadow:0px 1px 1px #ddd; border-radius:5px; text-align:center; }
#fat_footer { padding:8px 0; }

ul#messages { margin:0; position:fixed; top:0; left:0; width:100%; z-index:9000;
              padding:0.4em 0; cursor:pointer; opacity:0.97; border-left:0;
              -webkit-box-shadow:#777 0 0 20px; -moz-box-shadow:#777 0 0 20px; }
ul#messages li { list-style-type:none; }
ul#messages .close { float:right; padding:0 10px; }

/* Room and room-list specific classes */
.roomblock { margin:0.5em auto; }
.roomblock h3 { margin:0; }
.roomblock .quiet { line-height:1em; }
.no_access_message { clear:both; text-align:center; padding-top:4em; font-size:1.4em; }

/* Room style picker */
#image_picker { width:580px; height:180px; overflow:auto; margin:0; padding:0; }
#image_picker li { position:relative; float:left; list-style-type:none; margin:4px;
                   border:3px solid transparent; cursor:pointer; }
#image_picker li, #image_picker img { width:160px; height:80px; }
#image_picker .label, #image_picker img { position:absolute; top:0; left:0; }
#image_picker .label { z-index:20; background:#222; color:#fff; opacity:0.85; width:100%;
                       padding:2px 0; font-size:11px; font-weight:bold; }
#image_picker li.active { border-color:#559e2c; }
#image_picker li.active .label { background:#559e2c; opacity:1; }

.room_item + .room_item { margin-top:30px; }
.room_left { width:120px; float:left; }
.room_right { width:195px; margin-left:10px; float:left; }
.room_right .fave_buttons { float:left; margin-left:-5px; }
.room_right .mv_btn { display:block; font-size:1.2em; text-align:center; padding:0.5em 0; border:none; }
.room_item h3 { margin:0 0 5px; font-weight:bold; font-size:1.1em; line-height:1em; }
.room_item .fave_label { position:relative; top:3px; font-size:0.9em; color:#555; }
.room_item .edit-link { font-size:0.95em; margin-top:1px; }

h1 a.edit-link { font-size: 0.45em; position: absolute; top: -40px; left: 220px; height: 18px; }
h1 a.edit-link:hover { text-decoration: underline; }

/* Room template and flash client */
#room_container { position:relative; height:100%; width:100%; }
#flashclient { height:100%; width:100%; clear:both; }
#flashclient embed { width:100%; height:100%; }
#download_box {  /* centered horizontally via js */
    position:absolute; z-index:100; left:50%; top:54%; width:200px; font-size:16px;
}
#download_box .oobe_button {
    display:block; font-weight:bold; padding:8px 0; text-align:center; text-decoration:none;
}
#room_info { padding-top:4px; float:left; }
#room_info h1 { float:left; margin:0; font-size:1.5em; color:#444; text-shadow:0px 1px 1px #fff; }
#room_info .fave_buttons { margin-top:-2px; }

#public_modal { display:none; position:absolute; top:4em; left:35%; background:#fff; padding:1em;
    border:3px solid #bbb; border-radius:10px;
    -webkit-box-shadow:0 10px 10px #999; -moz-box-shadow:0 10px 10px #999; }
#public_modal .close { float:right; cursor:pointer; position:relative; top:-10px; right:-5px; }
#public_room_wrapper { clear:both; min-width:400px; margin-top:-10px; }
#public_room_wrapper .go_public { display:block; font-size:1.2em; text-align:center; margin-bottom:2em; }
#public_room_wrapper h3 { text-transform:uppercase; font-size:1em; }
#public_room_wrapper ul { margin-left:0; max-height:300px; overflow:auto; }
#public_room_wrapper ul img { vertical-align:middle; border:1px solid #ddd; margin-bottom:3px; }

/* clearing hacks */
.clearfix:after { /* new clearfix */
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
    }
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
.clear { clear:both; }

/* Helper classes */
.quieter { color:#999; }
.quietest { color:#ccc; }
.pointer { cursor:pointer; }
.big { font-size:1.2em; }
.soft-message { color:#995; border:1px solid #dd6; background:#ffd; 
            padding:0.2em 0.5em; margin:0.5em 0; }
.highlight {
    background:#eff6fe; border:solid 2px #a3d8f1; padding:0.5em 0.8em 0.8em; margin-bottom:1em;
    border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;
}
.block { display:block }
.inline { display:inline }
.floatright { float:right; padding-left:0.8em; }
.floatleft { float:left; padding-right:0.8em; }
.center { text-align:center; }
.graybox {
    background:#eee; 
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;
    padding: 5px;
    font-size: 0.9em;
}
.indent { padding-left:1em; }
.nobullet { list-style-type:none; margin-left:0; }
.vsquish { margin:-0.2em auto; }

a.back { background:url(/static/img/site/back.png) no-repeat; padding-left:17px; }
a.small { font-size:small; }
a.feed { background:url(/static/img/site/icons/feed.jpg) no-repeat; padding:2px 0 2px 24px; }
a.edit-link {
    background:url(/static/img/site/edit-pencil.png) no-repeat scroll 0 0;
    padding-left:14px; margin-left:5px; font-weight:normal; text-decoration:none;
}
a.delete-link {
    background:url(/static/img/site/delete-x.png) no-repeat scroll 0 0.25em;
    padding-left:15px; margin-left:5px;
}
a.invite-link {
    background:url(/static/img/site/invite.png) no-repeat scroll 0 0.2em;
    padding-left:15px; margin-left:5px;
}
a.charge-admission {
    background:url(/static/img/site/charge.png) no-repeat scroll 0 0.2em;
    padding-left:14px; margin-left:5px;
}
a.fb-link {
    background:url(/static/img/site/fb_icon_16.png) no-repeat scroll 0 4px;
    padding-left:15px; margin-left:5px;
}
.profile_pic_sm { vertical-align:middle; }
#testimonials { overflow:auto; }
#testimonials q { font-family:Georgia; font-size:1.1em; font-style:italic; }
#testimonials .quoter {
    color:#777; font-weight:bold; text-align:right; margin-bottom:1.5em; font-family:helvetica,sans-serif;
}
#section_nav ul { list-style-type:none; margin-left:0; }
#section_nav li { margin-bottom:10px; padding:5px 0 0 35px; background:url(/static/img/site/red_arrow.png) no-repeat; }
#section_nav li a { font-size:1.4em; }
#section_nav .subscript { font-size:0.9em; font-weight:bold; margin-top:-3px; }

/* bp overrides */
.error, .notice, .success { margin-top:0.5em; }
dl { margin:0; }

/* tables */
td { padding:0.2em 1em; }
thead td { font-weight:bold; color:#888; }
table { margin-bottom:0.5em; width:auto; }
table td,th { vertical-align:top; }
thead th { background:none; }

/* forms */
form td { padding-bottom:0.6em; font-size:small; color:#555; }
legend { font-size:1em; font-weight:bold; letter-spacing:-0.05em; color:#CCC; margin:0px; text-transform:uppercase; }
fieldset { padding-top:5px; }
.formheader { font-size:1.6em; letter-spacing:-0.05em; font-weight:bold; color:#ccc; 
    margin:0; padding:8px 0 2px; }
textarea { height:100px; width:400px; } /*override bp*/
input.width5 { width:5em; }
input.width10 { width:10em; }
input.width20 { width:20em; }
input.required { font-weight:bold; }
.errorlist { margin:0.2em 0; padding-left:0; }
.errorlist li { list-style-type:none;
    padding:0.4em 0.8em; margin-bottom:0.1em; border:2px solid #ddd;
    background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.helptext { font-style:italic; margin-top:0; line-height:1.2em; }
.privacyFeature {
    background:#eee url(/static/img/site/lock.png) 5px 5px no-repeat;
    font-size:1.4em; margin-bottom:10px; border-bottom:solid 1px #ddd; padding:6px 28px;
}

button {
    color: #fff;
    font-weight: bold;
    text-shadow: #205a00 0px 1px 1px;
    background-color: #529b29;
    background-image: -moz-linear-gradient(100% 100% 90deg, #529b29, #94d567);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#94d567), to(#529b29));
    padding: 5px 10px;
    border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
    border:0;
    font-size: 1em;
}
.mv_btn, a.mv_btn, .cancel_btn, a.cancel_btn {
    color: #fff;
    font-weight: bold;
    padding: 5px 10px;
    border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px;
    text-decoration: none;
    cursor: pointer;
}
.mv_btn, a.mv_btn {
    text-shadow: #205a00 0px 1px 1px;
    background-color: #529b29;
    background-image: -moz-linear-gradient(100% 100% 90deg, #529b29, #94d567);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#94d567), to(#529b29));
}
button:hover, .mv_btn:hover, a.mv_btn:hover {
    color: #fff;
    background-color: #94d567;
    background-image: -moz-linear-gradient(100% 100% 90deg, #94d567, #529b29);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#529b29), to(#94d567));
    cursor: pointer;
    text-decoration: none;
}
.cancel_btn, a.cancel_btn {
    background-color:#999;
    background-image: -moz-linear-gradient(100% 100% 90deg, #777, #bbb);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbb), to(#777));
}
.cancel_btn:hover, a.cancel_btn:hover { background:#aaa; }

div.action_btn { margin:0.7em 0 0.5em; text-align:center; }

/* Pagination */
.pagination { font-weight:bold; margin:2em 0; color:#777; }
.pagination a { text-decoration:none; padding:0 0.3em 0.2em; border:1px solid #0076a2; }
.pagination a:hover { border-color:#17b1eb; }

/* Events */
.mingle { clear:both; overflow:hidden; }
.roundCornerSection, .section {
    border:1px solid #ddd; margin-bottom:20px;
    -webkit-box-shadow:#DDD 0 3px 8px; -moz-box-shadow:#DDD 0 3px 8px; box-shadow:#DDD 0 3px 8px;
}
.roundCornerSection .contents, .section .contents { padding:5px 10px; }
.engravedHeader, .section_heading, .section h2, .section h3 {
    margin:0px;
    padding:2px 0px 5px 10px;
    background:#0076a2;
    background-image:-moz-linear-gradient(100% 100% 90deg, #0076a2, #078dbf);
    background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#078dbf), to(#0076a2));
    color: #fff;
    font-size: 1.2em;
    text-shadow:0px 1px 1px #023f56;
    border-top: solid 1px #3578a0;
}
.engravedHeader a { color:#fff; font-size:0.8em; text-decoration:none; }
.engravedHeader a:hover { text-decoration:underline; }

#eventLocation img { margin:0px 10px 10px 0px; float:left; }
#eventLocation .timeRemaining { color:#AFAEAE; }
#eventLocation h4 { color:#fff; text-align:center; padding:10px 0px 10px 0px; }
#eventLocation h3 { margin:0px; }
#eventLocation .mv_btn { position:relative; top:20px; padding:15px 40px; }
#eventInfo img { margin-right:10px; }
#eventInfo .time { font-style:italic; padding-left:20px; } 
a.editTimezone { color:#666; }
a.editTimezone:hover {
    color:#777;
    background:url(/static/img/site/edit-pencil.png) no-repeat right;
    padding-right:14px;
}
#hostInfo img { margin:5px 10px 5px 10px; }

#rsvpSideBar form { padding:5px 10px 5px 10px; }
#rsvpSideBar label { font-weight:bold; padding-right:15px; }
#rsvpSideBar p { margin:0 5px 5px; }
#rsvpSideBar input { margin:5px; }
#rsvpLeft { float:left; }
#rsvpLeft ul { list-style-type:none; margin:1.3em 0 0; }
#rsvpSideBar .textAreaLabel { margin-left:10px; font-size:0.9em; }
#rsvpSideBar textarea {
    width:60%;
    height:60px;
    margin:0px 0px 3px 10px;
    border:solid 1px #d9d9d9;
    outline:0;
    padding:5px;
    font-family:Helvetica, Arial, sans-serif;
    font-size:1em;
    box-shadow:rgba(0,0,0, 0.1) 0px 0px 8px;
    -moz-box-shadow:rgba(0,0,0, 0.1) 0px 0px 8px;  
    -webkit-box-shadow:rgba(0,0,0, 0.1) 0px 0px 8px;
    background:-webkit-gradient(linear, left top, left 25, from(#eee), color-stop(4%, #eee), to(#FFFFFF));
    background:-moz-linear-gradient(top, #FFFFFF, #eee 1px, #FFFFFF 25px);
}
#rsvpSideBar textarea:hover, textarea:focus {
    border-color:#a7a7a7;
    -webkit-box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 8px;
    -moz-box-shadow:rgba(0,0,0, 0.2) 0px 0px 8px;
}
#rsvpSideBar button { padding:10px 20px; }

/* Promote Section */
#promote { margin:-6px 0px 5px; padding:4px 5px 0px 4px; width:325px; height:22px; }
#promote a { display:block; float:left; margin-right:10px; }
#promote a.fb { margin-top:-2px; }

.addToCalendar {
    background: url(/static/img/site/mingles/add_to_cal.jpg) no-repeat;
    height: 26px;
    padding: 10px 0px 0px 13px;
    font-weight: bold;
}

.calendarLink {
    display: block;
    margin: -22px 0px 0px 35px;
    font-weight: normal;
}

.mingledate {
    margin:0 10px 2em 0px;
    width:85px;
    text-align:center;
    border:solid 1px #555;
}

.mingledate .cal {
    color:#555;
    font:1em Helvetica, Arial, sans-serif;
    font-weight: bold;
    line-height:1.3em;
    box-shadow:#6e6e6e 0px 0px 3px;
    -webkit-box-shadow:#6e6e6e 0px 0px 3px;
    -moz-box-shadow:#6e6e6e 0px 0px 3px;
}

.mingledate .month {
    padding:2px 0px;
    background:#888;
    color:#fff;
}
.myevent .mingledate .month {
    background:#0076a2;
}
.mingledate .day { font-size:1.7em; padding:3px 0 2px; background:white; }
.mingledate .time {
    padding:0 0 2px;
    font-size:0.8em;
    background:white;
}

.smallcal .mingledate {
    width:50px;
    font-size:0.8em;
    float:left;
    margin-bottom:0.1em;
}

.smallcal .time { display:none; }
.event_item { margin-bottom:1em; }
.host_text { color:#333; font-weight:bold; }
.event_nocal {
    width:50px;
    margin:0 10px 0px 0px;
    text-align:center;
    font-size:12px;
    padding:3px 0;
    color:#fff;
    font-weight:bold; 
    background-color: #529b29;
    background-image: -moz-linear-gradient(100% 100% 90deg, #529b29, #94d567);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#94d567), to(#529b29));
    border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;
}
.upcoming_event { margin-top:5px; }
.upcoming_event .name { font-size:1.2em; line-height:1em; margin-bottom:0.2em; }
.upcoming_event .private { font-size:0.8em; }
.upcoming_event .datetime { float:left; padding-right:5px; }
.upcoming_event .time { clear:both; text-align:center; font-weight:bold; }
.upcoming_event .details { margin-left:65px; }
.event-table { font-size:small; line-height:1em; width:100%; margin-top:0.1em; text-shadow: 0px 1px 1px #fff; }
.list_rsvp_status {
    float:right; color:#fff; background:#888; padding:1px 5px; font-size:12px;
    position:relative; top:1px; text-shadow: 0px -1px 1px #666; 
    -webkit-border-top-left-radius:10px; -webkit-border-top-right-radius:10px;
    -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px;
}
.list_rsvp_status .rsvp_text { font-weight:bold; font-size:16px; }
.list_rsvp_button { float:right; display:block; position:relative; top:10px; margin-right:0; }

.rsvpbox { padding:0 0.5em; margin-top:0; }
.rsvpbox td, .rsvpbox div, .rsvpbox label { color:#982; }
.rsvpbox ul { list-style-type:none; margin:auto auto 0.3em 0; }
.rsvpbox ul label { font-weight:bold; }
.rsvpbox textarea { margin:0; width:90%; border-color:#982; }
.rsvpbox thead th { background:none; }
.rsvpbox td { padding:0 1em 0 0; }
.rsvpbox #id_message { height:45px; }
.signin_box { margin-top:0; }

#rsvpstatus { padding:0.2em 1em; }
.rsvp_type { margin:0 0 5px; font-size:1em; text-transform:uppercase; }
.rsvp_count { color:#888; }
.rsvp_list { list-style-type:none; margin:0 0 20px 10px; }
.rsvp_list .name_email { white-space:nowrap; }
.rsvp_list .email { font-size:small; color:#777; }
#host_controls { border:1px solid #ddd; background:#f2f2f2; padding:10px; margin-bottom:20px; }
#host_controls h4 { margin:0; }
#host_controls a { display:block; font-size:0.9em; margin-top: 5px; }

/* Contact inviting & message popups */
#invitebox,#messagebox {
    background:#fff; padding:5px 15px 15px; border:3px solid #999;
    border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
    position:absolute; width:500px; top:60px; text-align:left; z-index:200;
    display:none;
    box-shadow:0 0 30px #555; -webkit-box-shadow:0 0 30px #555; -moz-box-shadow:0 0 30px #555;
}
#invitebox h2 { margin-top:0; }
#invitebox label { font-size:0.9em; }
#invitebox #emails_id { height:20px; margin-top:0; }
a.invitelink { cursor:pointer; }
#contactlist { height:200px; padding:0.5em; overflow:auto; margin-bottom:15px; border:2px solid #ddd; }
#contactlist .hasaccount { background:url(/static/img/logo/tiny.png) no-repeat; padding:1px 0 1px 22px; }
#waitmessage { font-size:1.2em; text-align:center; margin:2em 0; }
#confirmmessage { font-size:1.2em; margin:2em 0; }
.plaxowidget img { vertical-align:middle; margin-left:10px; }

#messagebox label { width:80px; vertical-align:top; float:left; }
#messagebox input,#messagebox textarea,#messagebox form div { float:left; width:400px; }
#messagebox p { clear:both; margin-bottom:10px; }
#messageform { padding:0 20px 20px; text-align:left; }

/* tickets */
.ticket_detail { font-size:1.2em; padding-bottom:0.2em; }
.ticket_detail .price { padding:0 1em 0 0.5em; font-weight:bold; color:#999; }
.ticket_info { border:1px solid #ccc; background:#eee; font-size:0.95em; padding:0.5em 0.8em; }

.round_button {
    background:#385d98; color:#fff;
    margin:10px inherit;
    padding:5px 10px 6px;
    white-space:nowrap;
    text-decoration:none; font-weight:bold;
    line-height:1;
    border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
    -moz-box-shadow:0 2px 3px rgba(0,0,0,0.5); -webkit-box-shadow:0 2px 3px rgba(0,0,0,0.5);
    text-shadow:0 -1px 1px rgba(0,0,0,0.25);
    border-bottom:1px solid rgba(0,0,0,0.25);
    cursor:pointer;
}
.round { border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; }
.round_button:hover { color:#fff; text-shadow:0; }
.spinner { vertical-align:middle; }
.fbbutton { width:auto; margin-top:0.1em }
.pay_btn { color:#fff; padding:5px 10px; font-size:1.5em; }

/* registration/signup forms */
#register_form ul { list-style:none; margin-left:0; margin-bottom:5px; margin-right:0; }
#register_form li { clear:both; margin-bottom:10px; }
#register_form form { padding:5px 10px; }
#register_form label { display:block; margin:0px; }
#register_form li.checkbox { margin-bottom:3px; }
#register_form .checkbox input { float:left; width:auto; margin-top:2px; }
#register_form .checkbox label { display:block; float:left; line-height:1.2em; width:90%; margin:0 0 5px 5px; text-transform:none; }
#register_form button { margin-top:10px; }
#register_form #tos { font-size:0.95em; clear:both; line-height:1.2em; opacity:0.7; }

#register_form input, #register_form textarea {
    width:95%;
    margin:0px 0px 3px 0px;
    border:solid 1px #d9d9d9;
    padding:5px;
    box-shadow:rgba(0,0,0, 0.1) 0px 0px 8px;
    -moz-box-shadow:rgba(0,0,0, 0.1) 0px 0px 8px;  
    -webkit-box-shadow:rgba(0,0,0, 0.1) 0px 0px 8px;
    background:-webkit-gradient(linear, left top, left 25, from(#eee), color-stop(4%, #eee), to(#FFFFFF));
    background:-moz-linear-gradient(top, #FFFFFF, #eee 1px, #FFFFFF 25px);
}
#register_form input:hover, input:focus, #register_form textarea:hover, #register_form textarea:focus {
    border-color:#a7a7a7;
    -webkit-box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 8px;
    -moz-box-shadow:rgba(0,0,0, 0.2) 0px 0px 8px;
}
.register_sidebar { border:1px solid #ddd; padding-bottom:0; }
.register_sidebar_foot { padding:3px 10px; border-top:1px solid #ccc; background:#eee; }
.register_sidebar_foot a { text-shadow:none; }

.my_groups { list-style-type:none; margin:0.5em 0; }
.my_groups img { vertical-align:middle; margin-bottom:5px; }

.smallHeader {
    margin:0px;
    padding:4px 0px 4px 10px;
    background:#eee;
    text-shadow:0px 1px 1px #fff;
    font-size: 0.95em;
    border-top: solid 1px #ddd;
    padding-right: 10px;
}
.smallBoxContents { padding:10px 10px 0px 10px; font-size:0.9em; }

.upgrade_box {
    border: solid 1px #ddd;
    background:#e7e7e7;
    background-image:-webkit-gradient(linear, 0% 100%, 0% 0%, from(#ddd), to(#eee));
    background-image:-moz-linear-gradient(100% 100% 90deg, #ddd, #eee);
    padding:15px;
    margin:10px 0px 0px 0px;
    max-width:600px;
    text-shadow:0px 1px 1px #eee;
}
.upgrade_box h3 { font-size:1.3em; margin:0 0 10px; text-shadow:0px 1px 1px #eee; }

.fancyForm input, .fancyForm textarea {
    margin:0px 0px 3px 0px;
    border:solid 1px #d9d9d9;
    padding:5px;
    box-shadow:rgba(0,0,0, 0.1) 0px 0px 8px;
    -moz-box-shadow:rgba(0,0,0, 0.1) 0px 0px 8px;  
    -webkit-box-shadow:rgba(0,0,0, 0.1) 0px 0px 8px;
    background:-webkit-gradient(linear, left top, left 25, from(#eee), color-stop(4%, #eee), to(#FFFFFF));
    background:-moz-linear-gradient(top, #FFFFFF, #eee 1px, #FFFFFF 25px);
    font-family: Helvetica, sans-serif;
    font-size: 1.1em;
}

.fancyForm input:hover, .fancyForm input:focus, .fancyForm textarea:hover, .fancyForm textarea:focus {
    border-color:#a7a7a7;
    -webkit-box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 8px;
    -moz-box-shadow:rgba(0,0,0, 0.2) 0px 0px 8px;
}
#editRoomPage .fancyForm textarea { width:408px; }

/* feature comparison table */
table#compare { width:100%; text-align:center; font-size:1.1em; margin-top:0; border-spacing:0px; }
table#compare thead th {
    background: #0076A2;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#078DBF), to(#0076A2));
    color: white;
    font-size: 1.1em;
    padding: 2px 0px 5px 10px;
    text-shadow: #023F56 0px -1px 1px;
    border-left:1px solid #ddd;
}
table#compare tbody tr:nth-child(odd) { background:#eee; }
table#compare tbody th { font-weight:bold; text-transform:uppercase; font-size:0.75em; color:#444;
                    padding:8px 8px 8px 20px; width:150px; }
table#compare td { text-align:center; border:1px solid #ddd; border-width:0 0 0 1px; }
table#compare td.yes { background:url(/static/img/newsite/check.png) no-repeat;
                       background-position:center center; text-indent:-9999px; }
table#compare tbody td { vertical-align:middle; }

.comment { background:url(/static/img/site/comment_bg.png) no-repeat; padding:5px 0 5px 8px;
           color:#555; font-size: 0.9em; margin-bottom: 15px; border-bottom: solid 1px #eee; padding-bottom: 10px;}

/* Favourite buttons */
.fave_buttons { line-height:1; position:relative; }
.fave_buttons .tooltip { display:none; position:absolute; left:11px; top:20px; z-index:2; min-width:120px; padding:5px;
                         background:#333; color:#ddd; border-radius:10px; border-top-left-radius:0;
                         font-size:0.9em; line-height:1.2; text-align:center; }
.fave_buttons input { border:none; text-indent:-9999px; background:none no-repeat;
                       height:22px; width:22px; padding:0; cursor:pointer; }
.fave_buttons input.loading { background-image:url(/static/img/site/spinner.gif); }
input.fave { background-image:url(/static/img/site/icons/star_inactive.png); }
input.unfave { background-image:url(/static/img/site/icons/star_active.png); }

/* pricing table */
#compare_plans { width:800px; text-align:center; font-size:1.1em; margin-top:1em; }
#compare_plans thead th.plan { text-align:center; text-transform:uppercase;
                               border-left:1px solid #ddd; padding:3px 5px; font-size:1.0em; }
#compare_plans tbody tr:nth-child(odd) { background:#eee; }
#compare_plans tbody th { font-weight:bold; text-transform:uppercase; font-size:0.75em; color:#444; text-align:left;
                  padding:8px 8px 8px 20px; width:150px; }
#compare_plans td { text-align:center; border:1px solid #ddd; border-width:0 0 0 1px; }
#compare_plans td.capacity { font-weight:bold; }
#compare_plans tbody td { vertical-align:middle; }
#compare_plans tbody td.buy { vertical-align:top; }
#compare_plans a.trial_link { display:block; text-decoration:underline; font-size:0.9em; font-weight:bold; }
#compare_plans a.mv_btn { display:inline-block; text-align:center; padding:2px 15px; margin:5px 0; }