@import "reset.css";
@import "typography.css";
@import "buttons.css";

/**** Body ****/
body { background:#113548 url(/images/patterns/pattern_143.gif)  }
body { background:#113548 url(/images/layout/bg.jpg) no-repeat center -350px; }


/**** Header ****/
#header { margin:0; padding:0; width:100%; position:relative; }
#primary-nav, #header-content { margin:0 auto; padding:0; position:relative; width:960px; }
#primary-nav { padding-left: 60px; }
#header-content { height:80px; }
.logo { position:absolute; top:22px; left:30px; z-index:10; }
#body-notice { position: fixed; top: 0px; left: 0px; width: 100%; padding: 15px 10px; background:#b7c9ce; color:#000000; z-index: 20; font-size: 28px; text-align: center; }

.drop-menu { margin:0; padding:0; position:absolute; top:16px; right:0; !height:55px; }

.drop-item { float:left; white-space:nowrap; padding:6px 10px; }
.drop-item-selected { float:left; white-space:nowrap; padding:6px 10px; border-bottom:1px solid #3c798c; background:#113548; -moz-border-radius:4px; -webkit-border-radius:4px; }

.drop-title { font-size:1.1em; margin:0; padding:0; background:transparent; }
.drop-title a { color:#FFF; text-decoration:none; white-space:nowrap; }
.drop-title a img {  vertical-align:baseline; }
.drop-title a:hover { background:#113548; -moz-border-radius:4px; -webkit-border-radius:4px; }

.drop-item-selected .drop-title { margin:0;  padding:0; }
.drop-item-selected .drop-title a { color:#FFF; text-decoration:none; white-space:nowrap; padding:0;  }


.drop-subitem-selected a { color:#FFF !important; background-color:#1e516c; -moz-border-radius:4px; -webkit-border-radius:4px; }
.drop-down { position:absolute; right:0; min-width:100%; }
.drop-down ul { background:#113548; list-style-type:none; padding:0; margin:0; -moz-border-radius:4px; -webkit-border-radius:4px; }
.drop-down ul li { display:inline-block; padding:6px 0 6px 5px; }
.drop-down ul li a { color:#FFF; white-space:nowrap; padding:3px 6px; }
.drop-down ul li a:hover { padding:3px 6px; text-decoration:none; color:#FFF !important; border-bottom:1px solid #000; background-color:#1e516c; -moz-border-radius:4px; -webkit-border-radius:4px; }
.drop-down ul li img { vertical-align:text-bottom }

#admin { z-index: 100; background: url(/favicon.ico) no-repeat 5%; padding: 2px 5px 2px 20px; position: fixed; top: 0px; left: 0px; color: #333333; background-color: #dddddd }
#admin a { color: #333333; }

/*
ul#menu { list-style:none; margin:0; padding:0; position:absolute; top:22px; right:30px; }
ul#menu li { display:inline; margin:0; padding:0; font-size:1.25em; letter-spacing:.06em; color:#FFFFFF; }
ul#menu li a { color:#FFFFFF; padding:8px 13px; }
ul#menu li a:hover { padding:8px 12px; background-color:#438095; border:#71b5c8 1px dashed; color:#FFFFFF; text-decoration:none; }
ul#menu li a.cur { padding:15px; background-color:#EFFFFF; }
*/

/**** PaperBox ****/
#paperbox { position:relative; margin:20px auto 0px auto; padding:0; width:960px; min-height:317px; background:url(/images/layout/paperbox.png) no-repeat top; }
#paperbox-content { margin:0 auto; padding:30px; height:260px; color:#333333; position:relative; }
#paperbox .main-img { position: absolute; top: 14px; left: 17px; }
#paperbox-right-content { position:absolute; top: 7px; left: 300px; width: 610px; height:295px; padding: 10px; color:#333333; }

#paperbox-short { float:left; margin:25px 0 0; padding:5px 10px 10px 5px; width:284px; min-height:146px; background:url(/images/layout/paperbox-short.png) no-repeat top; position:relative; }
#paperbox-short .main-img-sm { position: absolute; top: 10px; left: 10px; }
#paperbox-short .floatlink { position: absolute; top: 128px; left: 14px; }
#paperbox-short-content { position: absolute; top: 7px; left: 158px; }
#paperbox-short-content .name { white-space: nowrap; width: 130px; height: 40px; font-size: 1.35em; line-height: 1.1; overflow: hidden; }
#paperbox-short-content .name a { text-decoration: none; }
#paperbox-short-content .name .small a { font-size: 0.85em; }

#paperbox-short dl.count-status { list-style:none; white-space:nowrap; margin:5px 0; color: #333333; }
#paperbox-short dl.count-status dt { float:left; width:25px; margin:0 5px 0 0; padding:0; line-height:1.35; text-align:right; }
#paperbox-short dl.count-status dd { margin:0; padding:0; line-height:1.35; }
#paperbox-short .count-status-line { color: #333333; line-height: 1.35em; font-size: .9em; }

#group-heading { color: #ffffff; }
.group-title h1 { color: #ffffff; margin-bottom: 3px; font-size: 2em; }
#group-heading p { margin-top: 10px; }
.main-img { padding: 10px; background-color: #ffffff; margin: 0px 0px 15px 0px; }
#main-img-container { position: relative; }
#main-img-container .ribbon { position: absolute; top: 0px; right: 0px; }

.brochure { width:100%; margin:0; padding:0; }
#brochure-top { color: #ffffff; margin: 40px auto; width:960px; }
#brochure-top h1 { color: #ffffff; font-size: 28px; line-height: 45px }
#brochure-top .btn-large { margin: 0px }
#brochure-content { margin:60px auto 0; !margin:0 auto; padding-bottom: 20px; width:1024px; color: #000000; line-height: 1.4em; }
#brochure-content h4 { color: #000000; margin-bottom: 0px; }
.brochure-column { width: 289px; padding: 65px 0px 0px 25px; margin: -35px 0px 0px 20px; float: left; }
.brochure-column .transbox-sm { background: transparent; padding: 0px; margin-bottom: 20px }
.brochure-column .transbox-sm h5 a { color: #000000; font-weight: bold; }
.brochure-column .transbox-sm img.left { margin-right: 10px; }
.brochure-column .transbox-sm h5 a:hover { color: #80e0fd; }
.brochure-column .collage-item { margin: 2px; }
.brochure-column .collage-item:hover { margin:0px }
#brochure-people h4 { margin-bottom: 15px; }
#brochure-people .collage-container { margin-bottom: 15px; }
.brochure-column-divider { width: 314px; height: 2px; margin: 15px 0px; background:url(/images/brochure/column-divider.png) no-repeat; }
#brochure-who { background:url(/images/brochure/who-column.png) no-repeat; }
#brochure-groups { background:url(/images/brochure/groups-column.png) no-repeat; }
#brochure-people { background:url(/images/brochure/people-column.png) no-repeat; }
.brochure-who-content { float: left; width: 175px; }
#brochure-content .learn-more { color: #ffffff; font-size: 1em; }
#brochure-content .learn-more:hover { color: #80e0fd; }

.brochure p { font-size:1.4em; line-height:1.4; }
.brochure p.small { font-size:.9em; }

.learn-more { font-size:.8em; font-weight:normal; white-space: nowrap; }

.stats dl { list-style: none; white-space:nowrap; margin: 5px 0; color: #ffffff; margin-bottom: 15px; }
.stats dl dt { clear: both; float:right; padding:2px 10px; width: 40px; font-weight: bold; font-size: 1.5em; margin: 0; line-height:1.35; }
.stats dl dd { border: 1px solid #286f94; margin: 0px 0px 2px 0px; padding:6px 10px 4px 10px; background-color: #1e516c; line-height:1.35; }
.stats h2 { margin-bottom: .3em; }

.rollover { margin-bottom:12px; padding:20px; font-size:14px; background:transparent url(/images/rollover-tooltip-top.png) no-repeat top; width:319px; height:100%; }
.rolloverbtm { position:absolute; bottom:0; left:0; z-index:500; background:transparent url(/images/rollover-tooltip-btm.png) no-repeat bottom; width:359px; height:12px; }
.rollover .avatar { border:3px solid white; float:right; width:120px; padding-right:20px; }
.rollover a { color: #333333 }
.rollover a:hover { color: #194e69; }
.rollover .name { width:155px; font-size:1.1em; }
.rollover dl.count-status { list-style:none; white-space:nowrap; margin:5px 0; color: #333333; }
.rollover dl.count-status dt { float:left; width:35px; margin:0 8px 0 0; padding:0; line-height:1.35; text-align:right; }
.rollover dl.count-status dd { margin:0; padding:0; line-height:1.35; }
.rollover .count-status-line { font-size: 12px; }
.rollover .roll-about { color: #333333; font-size: 12px; margin-top: 10px; padding-top: 10px; border-top:1px solid #164863; width: 325px; }
.rollover .roll-join { margin-top: 10px; float: right; }
.rollover .roll-about .roll-join { margin: 0px 0px 3px 10px; }

#invite { position: relative; margin-bottom: 15px; }
#invite #contacts-link { position: absolute; bottom: 0px; right: 0px; }
#invite textarea { width: 95%; }

.shrink ul.stats li { margin: 0 6px 0 0; padding: 0 0 0 6px; }
.shrink-more ul.stats li { margin: 0 5px 0 0; padding: 0 0 0 5px; }
.shrink-most ul.stats li { margin: 0 3px 0 0; padding: 0 0 0 3px; }

.shrink { font-size: .87em }
.shrink-more { font-size: .8em }
.shrink-most { font-size: .7em }

/**** TransBox ****/
.transbox { margin:0 0 25px; padding:15px; background:url(/images/layout/px-trans-blue.png) repeat; border-top:#71b5c8 1px dashed; }
.transbox h1 { color:#FFF; }
.transbox.trimbox { padding: 5px 0px 0px 0px; }
.transbox.trans { background: transparent; }

.transbox-sm { margin:0 0 2px; padding:7px; background:url(/images/layout/px-trans-blue.png) repeat; overflow:auto; }
.transbox-sm h1 { color:#FFF; }
.transbox-sm .yell-img,
.transbox-sm .img-border-sm { padding:2px; background:#FFF; border:1px solid #113548; }

ul.submenu { list-style-type:none; margin:0 0 5px; padding:0 0 5px; !padding:0; border-bottom:2px solid #508a9a; }
ul.submenu li { display:inline; line-height:1; !line-height:1.8; margin:0 2px 0 0; !margin-right:5px; padding:6px 15px 5px 15px; color:#FFF; background:#113548; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; }
ul.submenu li:hover { background-color:#245c70; cursor:pointer; color:#FFF; }
ul.submenu li.enabled { background-color:#508a9a; color:#FFF; }
ul.submenu li:first-child { margin-left:15px; }
.submenu-spacer { background-color: #508a9a; background:url(/images/submenu-spacer.png) repeat; height: 25px; position: relative; z-index: 2; }

.transbox-help { margin:0 0 25px; padding:15px; background:url(/images/layout/px-trans-blue.png) repeat; border-top:#71b5c8 1px dashed; }
.transbox-help h4 { font-size:1.5em; margin:1.1em 0 .2em; line-height:1.1; color:#FFF; }
.transbox-help h4.blank { margin-bottom: 1em; }
.transbox-help p { line-height:1.4; color:#e0e0e0; }
.transbox-help p strong { color: #ffffff; font-size: 1.05em; }

.infoboxA { background-color: #f7f781; color: #444444; padding: 10px 10px; border-top: 1px dashed #131300 }
.infoboxB { background-color: #9f733a; color: #fffffe; padding: 10px 10px; border-top: 1px dashed #ffb85d }

.floatlink a { padding:1px 5px; border:1px solid #71b5c8; background-color:#d3e1e8; color: #2981af ! important; -moz-border-radius:5px; -webkit-border-radius:5px;
			   opacity: 0.70; -moz-opacity: 0.70; /* older Gecko-based browsers */ filter:alpha(opacity=70); /* For IE6&7 */ } 
.floatlink a:hover { background-color:#194f6b; cursor:pointer; border:1px solid #71b5c8; color:#31a1da ! important; 
			   opacity: 1; -moz-opacity: 1; /* older Gecko-based browsers */ filter:alpha(opacity=100); /* For IE6&7 */ } 

/**** Page, Content ****/
#page { margin:0 auto; width:960px; position:relative; }
#page { display:inline-block; }
#page:after { content: "."; display:block; height:0; clear:both; visibility:hidden; }
* html #page{ height:1%; }
#page { display:block; padding-bottom:250px; position:relative; height:100%; }
#partner-feed #page { padding: 10px; width: auto; }

#content { float:left; width:620px; min-height: 200px; margin:25px 30px 0 0; padding-left:10px; position:relative; }

#feed { width:620px; }
.feed-control { margin:0 0 2px; padding:5px; background:#508A9A; width:610px; color:#FFF; -moz-border-radius:1px; -webkit-border-radius:1px; }
.feed-control input[type="text"] { font-size: 1em; padding: 3px; }
.feed-control input[type="submit"], .feed-control input[type="button"] { padding: 2px 5px; font-size: .9em; }

.feed-content { position: relative; width:606px; background:#EBEBEB; margin:0 0 2px; padding:7px; overflow:auto; color:#666666; -moz-border-radius:1px; -webkit-border-radius:1px; }
.feed-content:hover { background:#FEEEEE; color:#000; }
.feed-item-control { font-size: .8em; position: absolute; bottom: 10px; right: 10px; background-color: #EBEBEB; z-index: 10; }
.fic-hide { display: none; }
.feed-content:hover .fic-hide { display: block; background-color: #FEEEEE; }
.feed-item-spinner { position: absolute; top: 27px; right: 10px; }
.feed-item-control img { padding: 3px; }
.feed-msg { width:520px; float:left; font-size:1em; }
.feed-msg .yell-verb { font-size:.8em; }
.yell-img { margin-right: 15px; padding:2px; background:#FFF; border:1px solid #CCC; border-top:1px solid #e8e8e8; border-bottom:1px solid #999; }

.feed-content .yell-img { float: left; }
.yell-approve,
.yell-when { font:normal .8em/1.8 "Helvetica Neue", Helvetica, Arial, sans-serif; color:#999; }
.yell-approve { color: #000000; }
.feed-msg .yell-text { color:#000; line-height:1.5; }
.future { background: #ccf7b4 }
.future:hover { background: #bbf79a; z-index: 11 }
.future .feed-item-control { background-color: #bbf79a; }
.feed-time-divide { position: relative; height: 20px; width: 100%; }
.feed-time-divide .big-arrow { position: absolute; bottom: 0px; right: 60px; }
.big-arrow { color: #111111; width: 124px; height: 20px; background:url(/images/big-arrow-up.png); text-align: center; padding-top: 53px; }

#edit-feed .feed-content { width: 566px; }
#edit-feed .feed-msg { width: 480px; }
#edit-feed { margin: 15px 0px; }
#edit-feed-controls .feed-item-spinner { position: static; }

.yell-receiver { padding: 2px 0px 2px 2px;  }
.yell-receiver img { margin-right: 3px; height: 16px; width: 16px;}

/**** Sidebar ****/
#sidebar { float:right; width:300px; margin:25px 0 0; }

/**** Footer ****/
#footer { height:200px; width:100%; position:absolute; bottom:0; margin-top:50px; padding:0; background:#265269 url(/images/layout/footer-shadow-trans.png) repeat-x top;  }
#footer-content { margin:0 auto; padding:30px 20px 0; width:960px; height:170px; color:#EFEFEF; }
#footer-content a, #footer-content em { margin: 0px 15px; }

/**** Help ****/
.help { list-style-type:none; padding:0; margin:0px 0px 10px 15px; }
ul.level0 { list-style-image:none; font-size:1.3em; font-weight:bold; margin-bottom: 0px; }
ul.level1, ul.level2, ul.level3, ul.level4 { list-style-image:none; display:none; margin-bottom: 0px; }
.level0 li.open ul.level1 { display: block }
.level1 li.open ul.level2 { display: block }
.level2 li.open ul.level3 { display: block }
li.children { list-style-image:url(/images/help-open.png); }
li.open { list-style-image:none; }
ul.level1 { font-size:.8em; font-weight:normal }

/**** Form Elements ****/
input[type="submit"], input[type="button"], button { margin:5px 0; padding:5px 10px; color:#113548; }
input[type="text"] { padding:5px; width:200px; font-size:1.5em; color:#666666; }
input[type="password"] { padding:5px; width:200px; font-size:1.5em; color:#666666; }
form.v { position:relative; }
form.v select.dob { padding:2px; width:100px; font-size:1.5em; color:#666666; }
form.v select.drop { padding:2px; width:200px; font-size:1.5em; color:#666666; }
form.v .radio_list, form.v .special_radio { list-style-type:none; margin-top:5px; }
form.v .radio_list li, form.v .special_radio li { display:inline; margin:0 15px 0 0; }
form.v .radio_list label, form.v .special_radio label { display:inline; font-size:1em; }
form.v textarea { padding:5px; width:500px; font-size:1.5em; color:#666666; -moz-border-radius:5px; -webkit-border-radius:5px; }
form.v label, .v-label { font-size:1.3em; font-weight:normal; margin-top:10px; display:block; }

input.small[type="submit"], input.small[type="button"], button.small { margin:0; padding:2px 6px; color:#113548; }
input.small[type="text"] { padding:2px; width:140px; font-size:1em; color:#666666; }
input.small[type="password"] { padding:2px; width:140px; font-size:1em; color:#666666; }

/**** Sidebar Form ****/
.sidebarForm input[type="text"], .sidebarForm input[type="password"] { padding:2px; width:170px; font-size:1.5em; color:#666666; }
.sidebarForm textarea { margin-bottom:5px; padding:5px; width:250px; font-size:1.5em; color:#666666; }

/***** Yell Form ******/
#event-form { position: relative; padding: 10px; background-color: #508a9a; margin-bottom: 10px; -moz-border-radius:5px; -webkit-border-radius:5px; }
#event-form #to { width:505px; }
#event-form #to img { margin-bottom: 2px; cursor:pointer; }
#event-form #to-box-container { float: right; }
#event-form #to-box { padding: 4px 4px 0px 4px; width: 440px; min-height: 28px; background-color: #ffffff; -moz-border-radius:2px; -webkit-border-radius:2px; }
#event-form #to-box .picked { margin-bottom: 4px; display: inline-block; font-size: 1em; white-space: nowrap; padding: 2px 5px; margin-right: 5px; color: #000000; border: 1px solid #cccccc; background-color: #eeeeee; -moz-border-radius:5px; -webkit-border-radius:5px; }
#event-form #to-box .picked:hover { color: #333333; border: 1px solid #999999; background-color: #bbbbbb; }
#event-form #to-box-input { width: 100px; font-size: 1em; border: 0; padding: 5px; margin: 0px; }
#event-form #target-box-container { position:relative; width:100%; height:10px; background-color:transparent; }
#event-form #target-box { z-index:15; overflow: auto; background-color:#ffffff; color: #666666; position: absolute; top: 0px; left: 0px; width: 448px }
#event-form #target-box ul { width: 100%; list-style-type:none; margin:0; }
#event-form #target-box li { border: 1px solid #dddddd; border-top: 0px; padding:5px 10px; height: 36px; }
.sel { background-color: #113548 ! important; color: #ffffff ! important; }
#event-form #target-box .target-name { display: block; }
#event-form #target-box .target-uname { display:block; font-size: .9em; margin-left:10px; }
#event-form #advanced a { color: #ffffff; }
#event-form #advanced img { vertical-align: middle; }
#event-form .mainbtn { float: right; }
#event-form h1 { font-size: 1.8em; color: #ffffff; }
#message-count { float: right; white-space: nowrap; font-family:'georgia'; color:#ffffff; font-size: 1.2em; } 
#message-overflow { font-size: .9em; }
#message-trimmed { font-family: "Andale Mono", "Monotype.com", monospace; }
#whatshappening { width: 505px; }
#groups-choice-content { background:#FFFEEE; border-top:1px solid #4c7990; border-bottom:1px solid #FFF; color:#333333; padding: 5px 15px; }
#groups-choice label { color:#666666; font-size:1em; }
#groups-choice { margin: 15px 0px; width: 515px; }
#groups-choice h4 { color: #000000; margin-bottom: 5px; }
#group-selections { height: 110px; max-height: 200px; overflow: auto; }
#group-selections ul { padding: 0px 5px 5px 5px; list-style-type:none; padding:5px; margin:0; }
#group-selections ul li { padding: 2px 5px; font-size: .9em; border-bottom:1px dotted #CCC; }
#group-selections ul li input { vertical-align: text-bottom; }
.grouplist { margin:0 0 15px 0; }
#event_message { width: 500px; height: 44px; font-size: 18px; }
#whensend { float: left; height: 40px; background:url(/images/gradient-40h.png) repeat;  }
#whensend img { margin: 0px 0px 8px 7px; }
#whensend input { border: 0px; margin-top: 5px; padding: 3px; background: transparent; }
#howsend { float: left; margin-left: 40px; background:url(/images/gradient-40h.png) repeat; height: 40px;  }
#howsend #howsend-control { margin: 8px 4px 0px; }
#howsend #howsend-control select { border: 0; color: #666666; font-size: 18px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif  }
#short-form #whatsactive { margin-top: 15px; }
#long-form { position:relative; z-index:10; }
#long-form #whatsactive { margin-top: 15px; }

/***** Invite/Add Control ******/
#ia-form { position:relative; margin-bottom:10px; padding:0 10px; }
#ia-form #to { width:100%; margin-top:10px; }
#ia-form #to img { margin-bottom: 2px; cursor:pointer; }
#ia-form #to-box-container { float:left; }
#ia-form #to-box { padding: 4px 4px 0px 4px; width: 510px; min-height: 28px; background-color: #ffffff; -moz-border-radius:2px; -webkit-border-radius:2px; }
#ia-form #to-box .picked { text-decoration: none; margin-bottom: 4px; display: inline-block; font-size: 1em; white-space: nowrap; padding: 2px 5px; margin-right: 5px; color: #000000; border: 1px solid #cccccc; background-color: #eeeeee; -moz-border-radius:5px; -webkit-border-radius:5px; }
#ia-form #to-box .picked:hover { color: #333333; border: 1px solid #999999; background-color: #bbbbbb; }
#ia-form #to-box .picked-error { color: red ! important }
#ia-form #to-box-input { width: 200px; font-size: 1em; border: 0; padding: 5px; margin: 0px; }
#ia-form #target-box-container { position:relative; width:100%; height:0px; background-color:transparent; margin-bottom: 0px }
#ia-form #target-box { border-bottom: 1px solid black; z-index: 15; overflow: auto; background-color:#ffffff; color: #666666; position: absolute; top: 0px; left: 0px; width: 533px }
#ia-form #target-box ul { width: 100%; list-style-type:none; margin:0; }
#ia-form #target-box li { border: 1px solid #dddddd; border-top: 0px; padding:5px 10px; height: 36px; }
.sel { background-color: #113548 ! important; color: #ffffff ! important; }
#ia-form #target-box .target-name { display: block; }
#ia-form #target-box .target-uname { display:block; font-size: .9em; margin-left:10px; }
#ia-form #ia-note-container { width: 518px; }
#ia-form #ia_note { width: 505px; height: 65px; margin-top: 5px; }

/***** Profile View *****/
#content #profile { position: relative; width: 300px; height: 300px; float: right; }
#profile .name h1 { color: #ffffff; margin-bottom: 6px; }
#profile .stats { margin-top: 20px; }
#profile #controls { position: absolute; bottom: 0px; left: 0px; width: 100% }
#profile #controls .btn-control { margin-top: 10px; }

#profile-form .half { margin-left: 0px; }

/**** Errors ****/
ul.error_list { list-style-type:none; margin:0; border:1px dashed #ff3300; background:#FFDCDC; padding:2px; }
ul.error_list li { margin:0; color:#FF3333; }

.checkError { border:1px dashed #ff3300; background:#FFDCDC; padding:2px; color:#ff3300; }

/**** Global Styles ****/
.left { float:left; }
img.left { float:left; margin-right:15px; }
.right { float:right; }
img.right { float:right; margin-left:15px; }
.clear { clear:both; }
.center { text-align: center; }
.nowrap { white-space: nowrap; }
.handle { font-size: 1.35em; }
.handle .shrink { font-size: .85em }
.handle .shrink-more { font-size: .7em }
.handle .shrink-most { font-size: .5em }
.half { width: 45%; margin: 0px 10px; }

.img-border-lrg { padding:5px; background:#FFF; border:1px solid #CCC; border-top:1px solid #e8e8e8; border-bottom:1px solid #999; }
.img-border-med { padding:3px; background:#FFF; border:1px solid #CCC; border-top:1px solid #e8e8e8; border-bottom:1px solid #999; }
.img-border-sm { padding:2px; background:#FFF; border:1px solid #CCC; border-top:1px solid #e8e8e8; border-bottom:1px solid #999; }
.yell-img-pair { margin-right: 15px; float:left }
.yell-img-pair .yell-img { margin-right: 0px; }

.top { vertical-align:top; }
.middle { vertical-align:middle; }
.bottom { vertical-align:bottom; }

.round { background-color:transparent; }
.round:hover { background-color:#ccc; -moz-border-radius:5px; -webkit-border-radius:5px; border:1px solid #000; padding:10px; }

#paperbox .profile-buttons { position:absolute; bottom:35px; left:315px; }
#paperbox-med .profile-buttons { position:absolute; bottom:25px; left:170px; }

ul.inlineCSSbtns { list-style-type:none; margin:0; padding:0; }
ul.inlineCSSbtns li { display:inline; }
ul.inlineCSSbtns a { margin:0 15px 0 0; padding:8px 12px; background-color:#efefef; border:1px dashed #CCC; }
ul.inlineCSSbtns a:hover { text-decoration:none; background-color:#FFF; border:1px dashed #999; }
.inlineCSSbtnsDisabled { background-color:#FFF !important; border:1px dashed #999 !important; cursor:none; color:#333; }

ul.minimenu { list-style:none; margin:-10px 0 5px; padding:0; }
ul.minimenu li { display:inline-block; margin-right:10px; background-color:#113548; -moz-border-radius:2px; -webkit-border-radius:2px; padding:2px 5px; }
ul.minimenu li:hover { background-color:#113548; -moz-border-radius:2px; -webkit-border-radius:2px; padding:2px 5px; }
ul.minimenu li:hover a:hover { text-decoration:none; color:#FFF; }

.divider-line { margin: 0px 0px 15px; padding:0; line-height:0; border-bottom:1px solid #71b5c8; width:100%; }

.group-summary h4 { margin-bottom: 0px; }
.group-summary li { min-width: 27%; }

.listbox { float:right; margin:-10px 0 0; padding:2px 15px; }

.paged-list { margin-bottom: 10px; padding:0 10px 20px; border:1px solid #1e4c64; border-bottom:1px solid #092331; color:#FFF; background-color:#113548; -moz-border-radius:5px; -webkit-border-radius:5px; }
.paged-list table { width: 100% }
.paged-list .list-image-heading { font-size: 1.2em; }
.paged-list img { vertical-align:text-bottom }
.paged-list-hidden { font-size: 1.2em; margin-bottom: 10px; padding:5px 20px 5px 10px; border:1px solid #1e4c64; border-bottom:1px solid #092331; color:#71b5c8; background-color:#113548; -moz-border-radius:5px; -webkit-border-radius:5px; } 
			   
.list th, .list td, .list-full th, .list-full td { padding:5px 10px 5px 0; vertical-align:top; }
.list td, .list-full td { border-bottom:1px dotted #508A9A; }
.list th { white-space:nowrap; }
.list-image { vertical-align:middle; }
.list-empty { padding: 2px 10px; font-size: 1.5em; }
.list-delivery { list-style-type:none; margin: 0; padding:0; width: 80px; }
.list-delivery li { display:inline-block; width: 20px; text-align: center; } 

.list-tools { width: 110px; font-size: 11px; }
.list-member-level { font-size: 11px; text-align: right; width: 100px; }
.list-member-level select { font-size: 10.5px; }

.uctrl-status { width:160px; }
.uctrl-status img { float: right; }

.list-full .list-image { width:60px }
.list-full .list-image img { width:60px; height:60px; }
.list-full .list-card h4 { margin-bottom:0px; }
.list-full .list-card h4 a { font-size:1em; }
.list-full .full-item { display:inline; }
.list-full .small-item { display:none; }
.list-full .list-full-button { margin:0; padding:4px 8px 9px 7px; background:url(/images/icons/list-button.png) no-repeat; cursor:pointer; }
.list-full .list-small-button { margin:0; padding:4px 8px 9px 7px; cursor:pointer; }
.list-full .handle .shrink { font-size: 1em }
.list-full .handle .shrink-more { font-size: .9em }
.list-full .handle .shrink-most { font-size: .7em }

.list-small td { vertical-align:middle; }
.list-small .list-image { width:20px; }
.list-small .list-image img { width:20px; height:20px; vertical-align:middle; margin-right:5px; }
.list-small .list-card h4 { margin-bottom:0px; display:inline; margin-right:10px; }
.list-small .list-card h4 a { font-size:1em; }
.list-small .list-card br { display:inline; }
.list-small .full-item { display:none; }
.list-small .small-item { display:inline; }
.list-small .uctrl-status { white-space:nowrap; }
.list-small .uctrl-item { display:inline-block; width:95px; margin-left:8px; !display:block; !float:left; }
.list-small .control-line { display:none; }
.list-small .list-small-button { margin:0; padding:4px 8px 9px 7px; background:url(/images/icons/list-button.png) no-repeat; cursor:pointer; }
.list-small .list-full-button { margin:0; padding:4px 8px 9px 7px; cursor:pointer; }
.list-small .user-control { font-size:.8em; }
.list-small .list-control { vertical-align:middle; }
.list-small td { padding:5px 10px 5px 0px; }
/* .list-small .handle { font-size: 1.35em; } */
.list-small .handle .shrink { font-size: 1em }
.list-small .handle .shrink-more { font-size: .9em }
.list-small .handle .shrink-most { font-size: .7em }

.list-control-heading { text-align: right; }
.list-card { vertical-align: top; width: 80% }
.list-control img { vertical-align: text-bottom; }
.list-controls-heading { text-align: right; white-space: nowrap; }
.list-control select { font-size: 12px; }
.list-control .profile { display:none; }
.list-control,
.user-control { font-size:.95em; vertical-align:top; text-align: right; white-space: nowrap; }
.uctrl-select { margin: 8px 0px; font-size: 1.2em; }
.uctrl-select select { margin-top:4px; }
.uctrl-box img { vertical-align: text-bottom; }
.uctrl-spinner { display: inline ! important; }
.control-line { margin: 3px 0px; padding:0; line-height:0; border-bottom:1px solid #164863; width:100%; }
#paperbox .control-line, .uctrl-box .control-line { border-bottom: 1px solid #d8d8d8; }
.member-list img { vertical-align: middle; }
.dashed-line { margin: 3px 0px; padding:0; line-height:0; border-bottom:1px dashed #71b5c8; width:100%; }

.collage-wrapper { padding-top: 5px; margin-bottom: 20px; border-top: 1px dashed #71b5c8 }
.collage { position: relative; top: -5px; left: -5px; width: 310px;}
.collage-item { margin:5px; float:left; position:relative; }
.collage-item a img {  padding:3px; background:#ebebeb;  }
.collage-item:hover { margin:3px }
.collage-item:hover a img { margin:2px 2px; padding:0; background:transparent; height:66px; width:66px }
#content .collage { width: 620px; }

.pager { position: relative; float: right; height: 16px; }
.pager a:hover { text-decoration: none; }
.pager img { vertical-align: baseline; }

.activation { position: relative; background:url(/images/90909-mobile.png); width: 72px; height: 80px; text-align: center; }
.activation p { position: relative; top: 24px; margin: 0px; padding: 0px; }
.activation p span { font-size: 1.1em; font-weight: bold; color: black; }

#email-control .control-line,
#sms-control .control-line { margin: 10px 0px; }
#email-control #email-validated-status { margin-top: 5px; }
#sms-validated-status { margin-top: 5px; }
#sms-number-display { margin-bottom: 15px; }
#sms-delete { margin-top: 10px; }
#sms-validate-instructions { width: 160px; margin-left: 10px; float: left; line-height: 1.6em; }
#sms-step-control #sms-validate-instructions { width: 400px; margin-left: 15px; font-size: 1.2em; line-height: 1.8em; }
#sms-step-control #sms-validate-instructions .shortcode { font-size: 1.35em; }
#sms-step-control #sms-entry { font-size: 1.2em; }
#sms-step-control #sms-number-display { margin-top: 15px; font-size: 1.2em; font-weight: bold; }
#email-validated-status { margin-top: 5px; }
#email-number-display { margin-bottom: 15px; }
#email-delete { margin-top: 10px; }
#email-step-control #email-validate-instructions { font-size: 1.2em; line-height: 1.8em; }
#email-step-control #email-validate-instructions .shortcode { font-size: 1.35em; }
#email-step-control #email-entry { font-size: 1.2em; }
#email-step-control #email-number-display { margin-top: 15px; font-size: 1.2em; font-weight: bold; }
#email-step-control #email-controls .small { font-size: .75em; }

#upload-container {  }

.helpbox-border { border: 1px solid #999; position: absolute; width: 550px; left: 35px; top: 100px; background:#ffffc0; color:#754e03; padding:5px; background:#FFF; z-index:100; -moz-border-radius:3px; -webkit-border-radius:3px; }
.helpbox { background:#ffffc0; padding: 7px 10px; color:#754e03; border:1px solid #CCC; border-top:1px solid #999; }
.helpbox .close { float: right; margin: 3px 0px 3px 12px; background: #754e03; color: #ffffc0; padding: 3px 8px; -moz-border-radius:5px; -webkit-border-radius:5px; }
.helpbox .close a { color: #ffffc0; text-decoration: none; }
.helpbox .close:hover a { color: red ; }
.helpbox .close-btn { background:transparent url(/images/buttons/btn-close.png) no-repeat 0 0; width:14px; height:15px; }
.helpbox .close:hover .close-btn { background:transparent url(/images/buttons/btn-close.png) no-repeat 0 -15px; }
.helpbox .helpbox-content { font-size:1.4em; }
.helpbox h1 { color: #754e03; font-size: 1.8em }

.tipbox-border { display:block; position:relative; margin:0 0 15px; padding:5px; background:#FFF; z-index:100; -moz-border-radius:3px; -webkit-border-radius:3px;  }
.tipbox { margin:0; position:relative; padding:7px 20px 7px 10px; background:#ffffc0; color:#754e03; border:1px solid #CCC; border-top:1px solid #999; }
.tipbox .close-btn { position:absolute; right:5px; top:5px; background:transparent url(/images/buttons/btn-close.png) no-repeat 0 0; width:14px; height:15px; }
.tipbox .close-btn:hover { background:transparent url(/images/buttons/btn-close.png) no-repeat 0 -15px; }

.tip { position: relative; margin: 0px; }
.tip .helpbox { padding: 8px; }
.tip .helpbox-content { font-size: 1em; }

.illustration { border: 4px solid #cccccc; -moz-border-radius:3px; -webkit-border-radius:3px;  }
.illustration.right { margin: 0px 0px 5px 15px; }
.illustration.left { margin: 0px 15px 5px 0px; }
.check-list { margin: 15px 15px 15px 35px; list-style-image: url(/images/check-tiny.png) }
.big-phone { background-image: url(/images/brochure/big-phone.png); width: 75px; height: 40px; padding: 68px 18px; font-size: 8.5px; color: black; }

.invite-box { margin:-12px 0 0; padding:20px 10px 10px; position:relative; z-index:2; background:#508a9a; -moz-border-radius:5px; -webkit-border-radius:5px; }
.invite-box a { color: #93d1f1; }
table.invite-list { width: 100%; margin-bottom: 0 }
table.invite-list th { vertical-align: bottom; font-size: 1.2em; padding: 0px 5px 5px 5px; }
table.invite-list td { padding: 5px 5px; vertical-align: top; }
.invite-more { text-align: right; padding-right: 5px }
.invite-button-container { height: 40px; margin: 0px 5px }
input.invite-name,
input.invite-email,
input.invite-sms { width: 260px; }

.fineprint { padding: 10px; }
.fineprint h1 { font-size: 1em; color: inherit; }
.fineprint p { font-size: .75em; margin-bottom: 0 }
#sms-control .fineprint { margin: 15px 0px }
#sms-step-control .fineprint { width: 50% }

.steps table td { border: 0; padding: 2px 0px; }

.search input { vertical-align: text-bottom; }
.search input[type=text] { height: 20px; font-size: 1.4em }
#sidebar .transbox .search #search { width: 190px; } 

.about { font-size:1em; line-height:1.4; margin-bottom: 10px;  -moz-border-radius:5px; -webkit-border-radius:5px; }
	
.avatar-picker { margin-bottom: 10px; padding: 5px; border:1px solid #1e4c64; border-bottom:1px solid #092331; color:#FFF; -moz-border-radius:5px; -webkit-border-radius:5px; }
.avatar-picker-items { height: 220px; overflow: auto; }
.avatar-picker .item { float: left; margin-right: 5px; margin-bottom: 5px; padding: 5px; }
.avatar-picker .selected, .avatar-picker .picked { margin-bottom: 5px; padding: 4px; border:1px solid #1e4c64; border-bottom:1px solid #092331; color:#FFF; background-color:#113548; -moz-border-radius:5px; -webkit-border-radius:5px; }
.avatar-picker .selected { background-color: #1e5e7f; }
.avatar-picker .picked { background-color: #113548; }
.avatar-picker .name { width: 100px; margin-left: 5px; float: right; }
.avatar-picker .avatar { float: left; }

.tip { margin-bottom: 15px; }

ul.yell-pref { list-style-type:none; margin: 0; padding:0px; background:none; border: 1px solid #4c8597; min-width: 160px }
ul.yell-pref li { margin:0; padding:3px 6px; cursor:pointer; }
ul.yell-pref li.selected { background: #143b4f; color: #ffffff; }
.v ul.yell-pref { border: 0; }
.v ul.yell-pref li { padding:7px 10px; }

.validator input { float: left; }
.validator .validator-result { min-width: 300px; margin-left: 10px; float: left; height: 34px; }
.validator .validator-divider { float: left; height: 34px; width: 18px; background:transparent url(/images/validate-arrow.png) no-repeat top right; }
.validator .validator-content { float: left; font-size: 1.3em; height: 23px; min-width: 250px; padding: 6px 10px; background:#508a9a; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; }
.validator ul.error_list,
.validator .checkError { background:transparent url(/images/icons/icon-delete-trans.png) no-repeat left; border:0; padding:0 0 0 20px; color:#ed8267; }
.validator .checkValid { background:transparent url(/images/icons/icon-accept-trans.png) no-repeat left; border:0; padding:0 0 0 20px; color:#90c610; }

#group-types { margin-bottom: 10px; }
.group-type { background:url(/images/supercheckbox.png) no-repeat 105px 105px; cursor:pointer; width: 120px; height: 120px; float: left; padding: 5px;  margin: 5px; border:1px solid #296889; border-bottom:1px solid #092331; color:#FFF; background-color:#1b5472; -moz-border-radius:5px; -webkit-border-radius:5px; text-align: center; }
.group-type-on { background:url(/images/supercheckbox-checked.png) no-repeat 105px 105px; background-color: #2980ae; }
.group-type:hover { background-color: #2980ae; }
.group-type h1 { font-size: 16px; }
.group-privacy-box { width: 530px; margin: 5px; font-size: .9em; padding: 5px 15px; border:1px solid #296889; border-bottom:1px solid #092331; color:#FFF; background-color:#1b5472; -moz-border-radius:5px; -webkit-border-radius:5px; }
.group-privacy-box ul { list-style-type:square; font-style:italic; margin: 0px 0px 0px 30px; }

.funtable { border-bottom:2px solid white; }
.funtable th { background:#438093; }
.funtable td { border-bottom:1px dotted #438093; padding-left:5px; }
.table-tab-top { background:url(/images/table-tab-top.png) no-repeat; position:absolute; left:220px; top:-10px; width:119px; height:19px; }