* { margin: 0; padding: 0; list-style-type: none; }

html, body, form { height: 100%; }
body { font-family: Arial; font-size: 12px; color: #333333; background: url( '../images/white_gradient.gif' ) repeat-x; background-position: 0 127px; width: 100%; }

.jqmWindow { display: none; position: fixed; top: 17%; left: 50%; margin-left: -320px; width: 640px; height: 310px; background: url(/images/modal-bg.png) no-repeat; color: #333; padding: 10px; }
.jqmOverlay { background-color: #ffffff; }

* html .jqmWindow { position: absolute; }

/* ____________ default tag rules ___________ */

p { padding: 1.6em 0em 0em 0em; width: 600px; }

h1 { float: left; background: url(    '../images/logo.gif' ) no-repeat; width: 125px; height: 115px; margin-top: 7px; position: relative; }
h1 a { position: absolute; width: 125px; height: 115px; text-indent: -10000px; overflow: hidden; }
.ttds { display: block; text-indent: -10000px; background: url(    '../images/to-do-social.gif' ) no-repeat; width: 169px; height: 16px; margin-bottom: 5px; }
a, a:visited { color: #003366; text-decoration: none; }
a:hover { text-decoration: underline !important; }
img { border-width: 0px; }
fieldset { border-width: 0px; }
input.ra { cursor: pointer; margin: 1px 3px 0px 0px; *margin: -3px 0px 0px -4px !important; }
input.cb { cursor: pointer; margin: 1px 3px 0px 0px; *margin: -3px 0px 0px -4px !important; }

div#niid_container { float: left; margin-top: 5px; padding-top: 10px; margin-left: 15px; }
div#niid_container input.text { margin-top: 5px; font-family: helvetica, Arial; font-size: 2.5em; font-weight: bold !important; padding: 6px; color: #cccccc; float: left; width: 703px; height: 39px; border-bottom: solid 1px #e4e4e4; border-left: solid 1px #e4e4e4; border-top: solid 1px #cdcdcd; }
div#niid_container input.button { float: left; margin: 5px 0px 0px 10px; clear: none; }
div#niid_container img.info { margin: 12px 0px 0px 0px; }
div#niid_container #search-results-popup { position: absolute; display: none; background-color: #fff; top: 95px; width: 715px; border: 1px solid #c2cccc; } 
div#niid_container #search-results-popup ul { } 
div#niid_container #search-results-popup li { position: relative; cursor: pointer; padding: 0; height: 65px; margin-bottom: -3px; background: url(/images/search-item-bg.gif) repeat-x; } 
div#niid_container #search-results-popup li.selected { background: none; background-color: #ced6d6; } 
div#niid_container a.mii-too { position: absolute; top: 9px; left: 9px; width: 48px; height: 48px; background: url(../images/miitoo-button.png) no-repeat; background-position: 0px 0px; border-width: 1px; text-indent: -10000px; }
div#niid_container a.mii-too:hover { background-position: 0px -48px; }  
div#niid_container span.title { position: absolute; font-size: 1.5em; font-weight: bold; left: 65px; top: 12px; height: 50px; width: 650px; } 
div#niid_container span.sub-text { position: absolute; font-size: 0.95em; left: 65px; top: 36px; color: #666; width: 600px; } 
div#niid_container div.others { position: absolute; top: 12px; right: 0; background: url(/images/search-mii-too-box.png) no-repeat; width: 49px; height: 45px; } 
div#niid_container div.others span.n { float: left; clear: both; width: 49px; font-weight: bold; font-size: 1.9em; padding: 3px; margin: 0 0 0 2px; } 
div#niid_container div.others span.t { float: left; font-size: 0.85em; font-weight: bold; margin: -5px 0 0 5px; } 
div#niid_container #search-results-popup p { position: relative; font-size: 1.2em; font-weight: bold; padding: 5px 10px 5px 10px; border-bottom: solid 1px #787e7e; background: url(/images/suggest-box-p-bg.gif) repeat-x; width: 695px; } 
div#niid_container #search-results-popup a.hide { position: absolute; top: 6px; right: 10px; } 

div#header-container { position: absolute; top: 0px; left: 0px; background: url(   '../images/noise_bg.gif' ) repeat-x; width: 100%; height: 125px; border-top: solid 2px #003367; }
div#header { position: relative; z-index: 500; background: url(   '../images/noise_bg.gif' ); margin-top: 2px; width: 940px; height: 125px; }

div#user-nav-drop-down { float: left; clear: none; background: url(   '../images/mini-drop-down.png' ) no-repeat; background-position: 0 0; width: 32px; height: 21px; cursor: pointer; }
div#user-nav-drop-down a.home-link { float: left; clear: none; }
div#user-nav-drop-down:hover { background-position: 0 -21px; }
div#user-nav-drop-down:active { background-position: 0 -42px; }
div#user-nav-drop-down img { margin: 3px 0px 0px 3px; }
div#user-nav-drop-down ul#options { position: absolute; left: 0px; top: 30px; width: 120px; background-color: #C2CCCC; padding: 4px; }
div#user-nav-drop-down ul.visible { margin-left: auto; }
div#user-nav-drop-down ul.hidden { margin-left: -10000px; }
div#user-nav-drop-down ul li { float: left; clear: both; font-size: 0.65em; font-weight: bold; padding: 2px 6px 2px 6px; }

ul#small_nav { position: absolute; top: 0px; right: -7px; text-transform: lowercase; }
ul#small_nav li { float: left; padding: 12px 10px 0px 10px; font-size: 1.45em; font-weight: bold; color: #666666; }
ul#small_nav li.dd { padding: 11px 0px 0px 0px; }
ul#small_nav li.selected { background: url(../images/nav_arrow.gif) no-repeat; background-position: 50% 0px; color: #003367; }
ul#small_nav li a:link { color: #666666; text-decoration: none; }
ul#small_nav li a:visited { color: #666666; text-decoration: none; }
ul#small_nav li a:hover { color: #003366; text-decoration: none !important; }
ul#small_nav li a:active { color: #022222; text-decoration: none; }

ul.nc-buttons { margin-top: 7px; } 
ul.nc-buttons li { float: left; }  
ul.nc-buttons li a { float: left; width: 100%; height: 100%; overflow: hidden; } 
ul.nc-buttons li.sn { height: 17px; width: 114px; background: url(../images/niidcode-dd.gif) no-repeat; cursor: pointer; } 
ul.nc-buttons li.sn:hover { background-position: 0 -17px; } 
ul.nc-buttons li.sn:active { background-position: 0 -34px; } 

ul.nc-buttons li.pn { height: 17px; width: 114px; background: url(../images/niidcode-dd.gif) no-repeat; background-position: -114px 0; cursor: pointer; } 
ul.nc-buttons li.pn:hover { background-position: -114px -17px; } 
ul.nc-buttons li.pn:active { background-position: -114px -34px; } 

div.sn-dd { display: none; position: absolute; top: 117px; left: 140px; width: 150px; height: 150px; padding-bottom: 5px; background-color: #f5f5f5; overflow: auto; } 
div.sn-dd ul { float: left; padding-bottom: 15px; } 
div.sn-dd li { float: left; padding: 5px; clear: both; width: 120px; } 
div.sn-dd li img { float: left; } 
div.sn-dd li span { float: left; font-size: 0.9em; font-weight: bold; margin-top: -2px; padding: 2px 0 2px 5px; } 
div.sn-dd li a { color: #022222; } 
div.sn-dd li a:visited { color: #022222; text-decoration: none; }
div.sn-dd li a:hover { color: #003366; text-decoration: none !important; }
div.sn-dd li a:active { color: #022222; text-decoration: none; }
div.sn-dd p { position: relative; float: left; font-size: 0.9em; font-weight: bold; margin-top: -2px; padding: 5px; color: #022222; width: 130px; } 

div.clearer { clear: both; }
div#container { margin: 0 auto; width: 940px; padding: 0px 10px 0px 10px; min-height: 100%; height: auto !important; height: 100%; }

div#register_form label { float: left; clear: both; }
div#register_form input { float: left; clear: both; }
div#register_form input.text { width: 300px; padding: 1px; }
div#register_form .error { float: left; clear: both; }

.hidden { display: none !important; }
.visible { display: block !important; }

/* __________ form rules ___________ */

input { float: left; }
div#middle div.row { clear: both; width: 600px; }
div#middle fieldset { padding-top: 1.6em; padding-bottom: 1em; width: auto; }
div#middle fieldset legend { font-weight: bold; margin-left: -7px; }
div#middle label { clear: right; font-size: 1em; display: block; padding: 0 0 5px 0; }
div#middle input.text { float: left; clear: both; margin-bottom: 5px; font-family: arial; font-size: 1em; padding: 6px; border-top: 1px #ccc solid; border-bottom: 1px #eee solid; border-right: 1px #eee solid; border-left: 1px #ccc solid; background: #ffffff; width: 480px; }
div#middle span.checkbox { float: left; padding-right: 10px; }
div#middle span.checkbox input { float: left; clear: none; margin-top: 1px; *margin-top:-3px;}
div#middle span.error { float: left; clear: both; padding-bottom: 10px; }
div#middle select.select { float: left; clear: both; font-family: arial; font-size: 1em; background: #ffffff; width: 495px; }
div#middle textarea { float: left; clear: both; height: 85px; font-family: arial; font-size: 1em; padding: 6px; border-top: 1px #ccc solid; border-bottom: 1px #eee solid; border-right: 1px #eee solid; border-left: 1px #ccc solid; width: 480px; }
div#middle input.button { margin-top: 5px; font-family: arial; font-weight: bold; font-size: 1em; width: auto; padding: 6px; margin-right: 2px; color: #ffffff; background-color: #003366; margin: 10px 10px 0 0; border-width: 0px; border-bottom: solid 1px #B2B2B2; border-right: solid 1px #B2B2B2; cursor: pointer; }
div#middle input.button-g { margin-top: 5px; font-family: arial; font-weight: bold; font-size: 1em; width: auto; padding: 6px; color: #333333; background-color: #f5f5f5; border-width: 0px; border-bottom: solid 1px #d1d1d1; border-right: solid 1px #d1d1d1; cursor: pointer; } 
div#middle input.checkbox { float: left; }

input.text2ch { width: 25px; }
div#middle { width: 960px; }
div#wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -400px; /* the bottom margin is the negative value of the footer's height */ }

div.push { height: 400px; }
div#footer { height: 400px; background-color: #f5f5f5; border-top: solid 1px #c2cccc; margin-top: 25px; text-align: center; }
div#footer div#feedback { width: 940px; margin: 0 auto; height: 35px; border-left: solid 1px #fefefe; background-color: #c2cccc; }
div#footer div#feedback-b { margin: 0 auto; background: #c2cccc url(/images/footer-b.gif) no-repeat; height: 8px; width: 941px; overflow: hidden; }
div#footer ul { margin-top: 20px; }
div#footer li { font-family: Arial; display: inline; padding: 0px 10px 0px 6px; background: url(/images/footer-seperator.gif) no-repeat; background-position: 100% 3px; }
div#footer li a, div#footer li a:visited { color: #666666; font-size: 0.9em; text-decoration: none; }
div#footer li.last { background: none; }

/* right boxes */

div.blue-box-top { background: url( '../images/right_box_corners_top_blue.gif' ) no-repeat; width: 310px; height: 8px; overflow: hidden; }
div.blue-box-middle { width: 300px; height: auto; background: #003466 url( '../images/blue_box_indent.gif' ) no-repeat; background-position: 0 26px; padding: 0px 0px 0px 10px; }
div.blue-box-middle h3, div.blue-header h4 { background-color: #003466; text-indent: -10000px; width: 300px; height: 22px; margin: -1px 0px 15px 0px; }
div.blue-box-middle a, div#l_friend-list div#right300 div.blue-box-middle a:visited { color: #ffffff; font-size: 0.95em; }
div.blue-box-middle fieldset { float: left; padding: 0 0 5px 0 !important; margin-top: 5px; width: 300px !important; }
div.blue-box-middle p { font-size: 0.95em; width: 270px; padding: 5px 0px 5px 0px; color: #fff; }
div.blue-box-bottom { background: url( '../images/right_box_corners_bottom_blue.gif' ) no-repeat; width: 310px; height: 8px; margin-bottom: 10px; }
div.blue-header { height: 26px; width: 303px; padding: 2px 0px 0px 7px; background-color: #003466; overflow: hidden; }
div.green-box-top { background: url( '../images/right_box_corners_top_green.gif' ) no-repeat; width: 310px; height: 8px; overflow: hidden; }
div.green-box-middle { width: 300px; background: #C2CCCC url( '../images/green_box_indent.gif' ) no-repeat; background-position: 0 26px; padding: 0px 0px 0px 10px; }
div.green-box-middle h3, div.green-box-middle h4 { float: left; background-color: #C2CCCC; text-indent: -10000px; width: 280px; height: 19px; margin: -1px 0px 15px 0px; }
div.green-box-middle fieldset { clear: both; margin-top: 5px; }
div.green-box-bottom { background: url( '../images/right_box_corners_bottom_green.gif' ) no-repeat; width: 310px; height: 8px; margin-bottom: 10px; }
div.black-box-top620 { background: url( '../images/left_box_corners_top_dark.gif' ) no-repeat; width: 620px; height: 8px; overflow: hidden; }
div.green-box-top620 { background: url( '../images/left_box_corners_top_green.gif' ) no-repeat; width: 620px; height: 8px; overflow: hidden; }
div.green-header { height: 26px; width: 303px; padding: 2px 0px 0px 7px; background-color: #C2CCCD; }
div.green-header620 { height: 26px; width: 613px; padding: 2px 0px 0px 7px; background-color: #C2CCCD; }
div.black-header620 { height: 26px; width: 613px; padding: 2px 0px 0px 7px; background-color: #022222; }
a.l-blue-button { width: 289px; height: 25px; background: url( '/images/large-share-button-bg.gif' ) no-repeat; text-align: center; text-decoration: none; float: left; font-weight: bold; font-size: 1.2em; padding: 6px 0px 0px 0px; color: #ffffff; }
a.l-blue-button:visited { color: #fff !important; }

/* niid display css, used in lots of places */

ul#niid-list { }

ul#niid-list li.niid-item { float: left; position: relative; width: 620px; height: 82px; border-bottom: solid 1px #e0e0e0; }
ul#niid-list li.niid-item img.reorder-icon { position: absolute; left: 0px; bottom: 6px; display: none; cursor: pointer; }
ul#niid-list li.niid-item img.promote-icon { position: absolute; left: 17px; bottom: 7px; display: none; cursor: pointer; }
ul#niid-list li.hover img.reorder-icon { display: block; }
ul#niid-list li.hover img.promote-icon { display: block; }
ul#niid-list li.niid-item a.title { position: absolute; top: 18px; left: 62px; font-size: 1.5em; font-weight: bold; color: #222222; padding: 0px 15px 0px 2px; text-decoration: none; }
ul#niid-list li.niid-item img.l-avatar { position: absolute; top: 12px; width: 48px; height: 48px; }
ul#niid-list li.priority-0 a.title { background: #F0F2F2 url( '../images/low-priority-bg.gif' ) no-repeat; background-position: right 0; }
ul#niid-list li.priority-2 a.title { background: #F2BFBF url( '../images/high-priority-bg.gif' ) no-repeat; background-position: right 0; }
ul#niid-list li.niid-item ul.sub-niid { position: absolute; top: 40px; left: 62px; }
ul#niid-list li.niid-item ul.sub-niid li { float: left; clear: none; font-size: 0.95em; padding: 0px 4px 0px 2px; color: #999; }
ul#niid-list li.niid-item ul.sub-niid li.private { color: #000000; padding: 0px 2px 0px 2px; background-color: #dfdfdf; }
ul#niid-list li.niid-item ul.sub-niid a { font-size: 0.95em; color: #999; text-decoration: none; }
ul#niid-list li.niid-item ul.sub-niid a.high-priority { float: left; font-size: 0.85em; color: #ffffff; background-color: #ce0000; text-transform: uppercase; padding: 0px 2px 0px 2px; margin-left: -2px; }
ul#niid-list li.niid-item a.set-complete { position: absolute; top: 12px; overflow: hidden; width: 48px; height: 48px; background: url(../images/complete-button.png) no-repeat; background-position: 0px 0px; border-width: 1px; text-indent: -10000px; }
ul#niid-list li.niid-item a.set-complete:hover { background-position: 0px -48px; }
ul#niid-list li.niid-item a.set-complete:active { background-position: 0px -96px; }
ul#niid-list li.niid-item a.mii-too { position: absolute; top: 12px; width: 48px; height: 48px; background: url(../images/miitoo-button.png) no-repeat; background-position: 0px 0px; border-width: 1px; text-indent: -10000px; }
ul#niid-list li.niid-item a.mii-too:hover { background-position: 0px -48px; }
ul#niid-list li.niid-item ul.groups li { float: left; padding-right: 6px; } 
ul.icons { position: absolute; top: 0px; right: 0px; width: 106px; padding-top: 10px; }
ul.icons li { padding: 2px 0px 2px 4px; font-size: 0.95em; color: #999; width: 102px; text-align: right; } 
ul.icons li.highlighted { background-color: #ffcccc; } 
ul#niid-list ul.icons li:hover a, ul#niid-list ul.icons li:hover a:visited { color: #022222; }
ul#niid-list ul.icons li a, ul#niid-list ul.icons li a:visited { text-decoration: none; color: #999; }
ul#niid-list li.niid-item a.username { position: absolute; top: 18px; left: 60px; font-size: 1.5em; font-weight: bold; color: #222222; }
ul li span.niid-count { position: absolute; top: 45px; left: 65px; font-size: 0.95em; color: #666666; }

/* __________________ layouts _________________ */

div#l_login { margin-top: 25px; }

div#l_register { margin-top: 25px; }
div#l_register div.add-niid { width: 940px; }
div#l_register div.add-niid span.display-niid { display: block; font-weight: bold; background: url( '../images/dashboard-niid-bg.gif' ) no-repeat; width: 940px; height: 60px; font-size: 2em; color: #fff; padding: 5px 0px 0px 10px; }
div#l_register div.add-niid p.info a, div#l_dashboard a:visited { text-decoration: none; color: #cccccc; }
div#l_register div.add-niid p.info a:hover { text-decoration: underline !important; }
div#l_register div.add-niid img { float: left; margin-top: -15px; }
div#l_register div.add-niid p.info { float: right; font-size: 1.8em; font-weight: bold; color: #cccccc; width: 860px; margin-top: -13px; padding: 0px; }
div#l_register div.add-niid a:visited { color: #cccccc; }
div#l_register div.add-niid p.caption { float: right; font-size: 0.9em; color: #000000; padding: 0px; width: 860px; }


/* friend search */
div#l_friend-search { padding-top: 25px; }
div#l_friend-search div#left620 { float: left; width: 620px; }
div#l_friend-search div#left620 h3 { background-color: #003466; text-indent: -10000px; width: 300px; height: 22px; background: url( '/images/headers-black.gif' ) no-repeat; background-position: 0 -171px; }
div#l_friend-search div#right310 { float: left; width: 310px; margin-left: 10px; }
div#l_friend-search ul#friend-list li.friend-item { position: relative; height: 80px; border-bottom: solid 1px #e0e0e0; }
div#l_friend-search ul#friend-list li.friend-item img { position: absolute; top: 14px; left: 0px; border-width: 0px; }
div#l_friend-search ul#friend-list li.friend-item a.username { position: absolute; top: 18px; left: 60px; font-size: 1.5em; font-weight: bold; color: #222222; }
div#l_friend-search ul.icons li:hover a, div#l_friend-search ul.icons li:hover a:visited { color: #022222; }
div#l_friend-search ul.icons li a, div#l_friend-search ul.icons li a:visited { text-decoration: none; color: #A7A7A7; }
div#l_friend-search ul li span.niid-count { position: absolute; top: 40px; left: 60px; font-size: 0.95em; color: #666666; }
div#l_friend-search div#right310 input.text { border-width: 0px; padding: 3px 0px 3px 3px; font-size: 0.95em; width: 285px; margin-bottom: 9px; }
div#l_friend-search div.blue-box-middle h3 { background: url( '/images/headers-blue.gif' ) no-repeat; background-position: 0 -105px; }
div#l_friend-search div.green-box-middle h3 { background: url( '/images/headers-green.gif' ) no-repeat; background-position: 0 -127px; }
div#l_friend-search div.blue-box-middle input.lg { float: left; clear: both; font-family: arial; font-weight: bold; font-size: 1em; width: 80px; padding: 3px; color: #333333; background-color: #f5f5f5; border-width: 0px !important; cursor: pointer; }
div#l_friend-search ul.page-links { float: right; width: auto; padding: 0px; margin-top: 15px; }
div#l_friend-search ul.page-links li { float: left; clear: none; width: auto; padding: 0px 10px 0px 10px; }

/* ------------- */

/* edit profile */
div#l_edit-profile { margin-top: 25px; } 
div#l_edit-profile h4 { font-size: 1.6em; font-weight: normal; color: #003366; padding: 0.2em 0 0 0; }
div#l_edit-profile div#saved-container { height: 21px; }
div#l_edit-profile span.saved { float: left; background: #ffffcc url( '/images/saved-tick.gif' ) no-repeat 0 0; font-weight: bold; color: #003366; padding-left: 21px; margin-bottom: 5px; }
div#l_edit-profile span.cb { display: block; padding: 5px 0 5px 0; } 
div#l_edit-profile span.cb label { display: inline; }
div#l_edit-profile span.cb input { display: inline; margin: 1px 3px 0px 0px; *margin: -3px 3px 0px -4px; } 
div#l_edit-profile span.unverified { float: left; background: #ffcccc url( '/images/error.gif' ) no-repeat 0 0; font-weight: bold; color: #022222; padding: 0 10px 0 21px; margin-bottom: 5px; } 
div#l_edit-profile span.verified { float: left; background: #ffffcc url( '/images/saved-tick.gif' ) no-repeat 0 0; font-weight: bold; color: #003366; padding: 0 10px 0 21px; margin-bottom: 5px; } 

/* view profile */
div#l_view-profile { padding-top: 25px; }
div#l_view-profile div#left620 { float: left; width: 620px; }
div#l_view-profile div#right310 { float: left; width: 310px; margin-left: 10px; }
div#l_view-profile div#left620 h3 { background-color: #003466; text-indent: -10000px; width: 300px; height: 22px; background: url( '/images/headers-black.gif' ) no-repeat; background-position: 0 -409px; }
div#l_view-profile h4 { font-size: 1.2em; color: #fff; }
div#l_view-profile img.avatar { margin: 5px 0 0 5px; }
div#l_view-profile div.green-box-middle h3 { background: url( '/images/headers-green.gif' ) no-repeat; background-position: 0 -386px; }
div#l_view-profile p.bio { float: left; width: 285px; font-size: 0.9em; padding: 10px 0 15px 0; }
div#l_view-profile div.green-box-middle h4 { background: url( '/images/headers-green.gif' ) no-repeat; background-position: 0 -420px; }
div#l_view-profile div.blue-box-middle div.activity-panel { height: 0px; }
div#l_view-profile div.blue-header h4 { background: url( '/images/headers-blue.gif' ) no-repeat; background-position: 0 -300px; }
div#l_view-profile div.profile-box { position: relative; } 
div#l_view-profile div.info-box { position: relative; float: right; margin: -30px 10px 10px 0; background: url(/images/p-box.gif) no-repeat; width: 106px; height: 192px; } 
div#l_view-profile span.u { float: left; padding: 5px 5px 5px 5px; font-size: 1.2em; font-weight: bold; color: #003366; } 
div#l_view-profile span.f { position: absolute; left: 25px; bottom: 26px; } 
div#l_view-profile span.mf { position: absolute; left: 25px; bottom: 2px; } 
div#l_view-profile dl { float: left; width: 165px; } 
div#l_view-profile dt { clear: both; font-weight: bold; font-style: italic; } 
div#l_view-profile dd { clear: both; margin-bottom: 10px; } 

/* friend list */
div#l_friend-list { padding-top: 25px; }
div#l_friend-list h3 { background-color: #003466; text-indent: -10000px; width: 300px; height: 22px; background: url( '/images/headers-black.gif' ) no-repeat; background-position: 0 -85px; }
div#l_friend-list ul#friend-list li.friend-item { position: relative; height: 80px; border-bottom: solid 1px #e0e0e0; }
div#l_friend-list ul#friend-list li.friend-item img { position: absolute; top: 14px; left: 0px; border-width: 0px; }
div#l_friend-list ul#friend-list li.friend-item a.username { position: absolute; top: 18px; left: 60px; font-size: 1.5em; font-weight: bold; color: #222222; }
div#l_friend-list ul.icons li:hover a, div#l_friend-list ul.icons li:hover a:visited { color: #666666; }
div#l_friend-list ul.icons li a, div#l_friend-list ul.icons li a:visited { text-decoration: none; color: #666666; }
div#l_friend-list ul li span.niid-count { position: absolute; top: 40px; left: 60px; font-size: 0.95em; color: #666666; }
div#l_friend-list div#left620 { float: left; width: 620px; }
div#l_friend-list div#right300 { float: left; width: 300px; margin-left: 10px; }
div#l_friend-list div#right300 input.text { border-width: 0px; padding: 3px 0px 3px 3px; font-size: 0.95em; width: 285px; margin-bottom: 9px; }
div#l_friend-list div#right300 div.blue-box-middle { height: auto; }
div#l_friend-list div#right300 h3 { background: url( '/images/headers-blue.gif' ) no-repeat; background-position: 0 -105px; }
div#l_friend-list div#right300 div.blue-box-middle input.lg { float: left; clear: both; font-family: arial; font-weight: bold; font-size: 1em; width: 80px; padding: 3px; color: #333333; background-color: #f5f5f5; border-width: 0px !important; cursor: pointer; }
div#l_friend-list div#right300 div.green-box-middle h3 { background: url( '/images/headers-green.gif' ) no-repeat; background-position: 0 -127px; }

/* ------------- */

/* user home */
div#l_user-home { padding-top: 10px; }
div#l_user-home p.welcome { padding: 5px 0px 11px 0px; } 
div#l_user-home p.welcome span { color: #ff0000; }
div.top-dark-wide { position: relative; background: url( '../images/left_box_corners_top_dark.gif' ) no-repeat; width: 620px; height: 36px; background-color: #022222; font-weight: normal; font-size: 1em; color: #fff; }

div#l_user-home h3.page-name { float: left; background: url(../images/headers-black.gif) no-repeat; width: 121px; height: 19px; margin: 8px 0px 0px 8px; text-indent: -10000px; overflow: hidden; }
div#l_user-home h3.me { background-position: 0 -256px; }
div#l_user-home h3.fr { background-position: 0 -559px; }
div#l_user-home h3.ev { background-position: 0 -580px; }

div#l_user-home ul#list-tabs { position: absolute; right: 10px; bottom: 0px; }
div#l_user-home ul#list-tabs li { display: block; float: left; font-size: 0.85em; font-weight: bold; background-color: #677a7a; min-width: 70px; margin-right: 1px; text-transform: uppercase; letter-spacing: -0.02em; text-align: center; }
div#l_user-home ul#list-tabs li a { display: block; width: 100%; height: 100%; padding: 5px 0 5px 0; color: #fff; text-decoration: none; }
div#l_user-home ul#list-tabs li:hover { background-color: #fff; }
div#l_user-home ul#list-tabs li:hover a { color: #022222; text-decoration: none !important; }
div#l_user-home ul#list-tabs li.selected { background: #fff;  }
div#l_user-home ul#list-tabs li.selected a { color: #022222; }
div#l_user-home ul#list-tabs li.selected:first-child { background: url(/images/your-list-bg.gif) no-repeat !important; } 

div#l_user-home div.group-tabs-container { position: relative; overflow: hidden; width: 620px; height: 33px; background: url(/images/group-tabs-bg.gif) no-repeat; } 
div#l_user-home div.group-scr { position: relative; overflow: hidden; margin-left: 5px; width: 500px; height: 33px;  } 
div#l_user-home div.group-scr a.add-group { float: left; background: url(/images/new-group-tab.png) no-repeat; width: 23px; height: 24px; text-indent: -10000px; overflow: hidden; } 
div#l_user-home ul#group-tabs { position: absolute; width: 10000px; left: 5px; bottom: 0; } 
div#l_user-home ul#group-tabs li { width: 82px; position: relative; float: left; font-size: 0.85em; font-weight: bold; text-transform: uppercase; text-align: center; /* padding: 6px; */ letter-spacing: .03em; margin: 0 1px 0 1px; background: url(/images/group-tab-item-bg.png); } 
div#l_user-home ul#group-tabs li.selected { /* border-left: solid 1px #aaa; border-top: solid 1px #aaa; border-right: solid 1px #aaa; */ background: none; background-color: #fff; } 
div#l_user-home ul#group-tabs li.selected a { color: #000; } 
div#l_user-home ul#group-tabs li.selected a:visited { color: #000; } 
div#l_user-home ul#group-tabs li a { float: left; color: #fff; padding: 6px; width: 70px; } 
div#l_user-home ul#group-tabs li a:visited { color: #fff; } 
div#l_user-home ul#group-tabs li a:hover { text-decoration: none !important; } 
div#l_user-home ul#group-tabs li#add-group { padding: 0 !important; background: none; }   

div#l_user-home div.tab-controls { float:right; bottom: 0; } 

div#l_user-home a.add { position: absolute; left: 556px; bottom: 0; background: url(/images/new-group-tab.png) no-repeat; width: 23px; height: 24px; text-indent: -10000px; overflow: hidden; } 
div#l_user-home a.next { position: absolute; left: 595px; bottom: 0; text-indent: -10000px; overflow: hidden; cursor: pointer; width: 14px; height: 24px; background: url(/images/next-tab-bg.png) no-repeat; } 
div#l_user-home a.prev { position: absolute; left: 580px; bottom: 0; text-indent: -10000px; overflow: hidden; cursor: pointer; width: 14px; height: 24px; background: url(/images/prev-tab-bg.png) no-repeat } 

div#l_user-home div#action-bar { background-color: #f5f5f5; width: 620px; margin-top: 10px; } 
div#l_user-home div#action-bar p { float: left; clear: none; color: #999; font-size: 0.85em; font-weight: bold; margin: 0; padding: 7px 0 7px 10px; width: 425px; text-transform: uppercase; } 
div#l_user-home div#action-bar ul { float: left; } 
div#l_user-home div#action-bar li { float: left; padding: 5px; font-size: 0.9em; } 
div#l_user-home div#action-bar a.delete-group { float: left; text-indent: -10000px; height: 17px; width: 142px; background: url(../images/delete-group-button.png) no-repeat; background-position: 0 0; cursor: pointer; } 
div#l_user-home div#action-bar a.delete-group:hover { background-position: 0 -17px; } 
div#l_user-home div#action-bar a.delete-group:active { background-position: 0 -34px; } 

div#l_user-home ul#filter-container { cursor: pointer; position: absolute; right: 10px; top: 8px; z-index: 1; }
div#l_user-home ul#filter-container li#filter-menu { background: url( '../images/filter-dd.png' ) no-repeat; background-position: 0 -1px; width: 92px; height: 20px; }
div#l_user-home ul#filter-container li#filter-menu:hover { background-position: 0 -21px; }
div#l_user-home ul#filter-container li#filter-menu:active { background-position: 0 -41px; }
div#l_user-home ul#filter-container a#filter-link { float: left; font-size: 0.9em; color: #000000; text-decoration: none; padding: 3px 0px 0px 6px; }
div#l_user-home ul#filter-options { float: left; clear: both; margin-top: 3px; width: 135px; background-color: #C2CCCC; padding: 4px; z-index: 10000; }
div#l_user-home ul#filter-options li { float: left; clear: both; font-size: 0.9em; font-weight: bold; width: 135px; padding: 2px 6px 2px 6px; }
div#l_user-home ul#filter-options a, div#l_user-home ul#filter-options:visited { color: #666666; text-decoration: none; }
div#l_user-home span#h3-caption { float: right; font-size: 0.9em; font-weight: bold; color: #999999; padding-top: 4px; }
div#l_user-home div#left700 { float: left; width: 620px; position: relative; }
div#l_user-home div#right300 { float: left; width: 310px; margin-left: 10px; }
div#l_user-home div.announcement { background: #FFFFCC; border: 1px solid #FFCC66; padding: 5px; margin-top: 5px; }
div#l_user-home div.announcement a { color: #022222; }
div#l_user-home div#right300 h3.friend-activity { background-color: #003466; text-indent: -10000px; width: 303px; height: 22px; background: url( '/images/headers-blue.gif' ) no-repeat; background-position: 0 -279px; }
div#l_user-home div.green-header { float: left; clear: both; height: 26px; width: 303px; padding: 2px 0px 0px 7px; background-color: #C2CCCC; }
div#l_user-home div#right300 h3.recently-completed { height: 22px; margin-top: -1px; text-indent: -10000px; background: url( '/images/headers-green.gif' ) no-repeat; background-position: 0 -344px; }
div#l_user-home div#right300 img.invite-ad { margin-bottom: 10px; } 
div#l_user-home div#completed-list-container p { font-size: 0.9em; padding: 5px 0 0 7px; } 
div#l_user-home ul#completed-niid-list { float: left; margin-bottom: 15px; }
div#l_user-home ul#completed-niid-list img.r { float: left; margin: 7px 7px 0px 7px; padding-bottom: 20px; }
div#l_user-home ul#completed-niid-list li.niid { position: relative; width: 308px; height: 58px; border-bottom: solid 1px #e0e0e0; }
div#l_user-home ul#completed-niid-list li.niid a.title { float: left; font-size: 1.1em; font-weight: bold; float: left; margin-top: 4px; color: #333333; width: 275px; text-decoration: none; }
div#l_user-home ul#completed-niid-list span.sub { font-size: 0.95em; color: #666666; }
div#l_user-home ul#completed-niid-list li.niid ul.icons li img { border-width: 0px; } 
div#l_user-home p.message { color: #333; line-height: 1.5em; margin: 25px 0 25px 0; padding: 0 15px 0 15px; width: 580px; } 

/* invite users */
div#l_invite { margin-top: 25px; }
div#l_invite h2, div#l_invite h3 { font-weight: normal; color: #003366; padding-bottom: 0em; letter-spacing: -0.05em; }
div#l_invite h2 { font-size: 2.8em; }
div#l_invite h3 { font-size: 2em; padding-bottom: 0.2em; }
div#l_invite p { padding: 10px 0 10px 0; width: auto; color: #333333; }
div#l_invite div.hr { background-color: #c2cccc; margin: 10px 0 10px 0; height: 1px; width: 591px; overflow: hidden; }
div#l_invite fieldset.outer { padding: 10px 0 10px 0; width: 594px; }
div#l_invite input.text { }
div#l_invite label.outer { float: left; clear: none; font-weight: bold; width: 125px; padding-right: 5px; margin-top: 0px; text-align: right; }
div#l_invite textarea { float: left; clear: right; width: 447px; margin-top: 0px; }
div#l_invite textarea.recipient-list { height: 65px; }
div#l_invite textarea.message { height: 115px; }
div#l_invite div.tab-container { margin: 15px 0 0 130px; }
div#l_invite div.tab-container span { float: left; }
div#l_invite div#left { position: relative; float: left; width: 620px; }
div#l_invite div#left p { width: 605px; }
div#l_invite img.little-niid { position: absolute; top: 0; right: 20px; }
div#l_invite ul.tabs li { float: left; padding: 0 10px 15px 10px; }
div#l_invite ul.tabs li.selected { background: url(/images/invite-tab-selected.gif) no-repeat; background-position: 50% 25px; }

div#invite-widget-container { display: none; position: relative; background: #c2cccc; margin: 0 0 10px 130px; width: 460px; }
div#invite-widget-container p { padding: 10px; }
div#invite-widget-container fieldset { padding: 10px; }
div#invite-widget-container fieldset label { font-weight: bold; padding: 0px; clear: both; }
div#invite-widget-container fieldset input.text { width: 427px; margin: 5px 0px 5px 0px; padding: 5px; }

div#l_invite div#contact-list { position: relative; clear: both; width: 438px; height: 255px; margin-bottom: 45px; overflow: auto; border-top: 11px solid #c2cccc; border-left: 11px solid #c2cccc; border-right: 11px solid #c2cccc; }
div#l_invite div#contact-list ul li { padding: 7px; background-color: #fff; border-bottom: solid 1px #c2cccc; }
div#l_invite div#contact-list ul li input { margin: 0px 5px 0px 0px; }
div#l_invite fieldset.select-recipients { position: absolute; bottom: 0px; left: 11px; padding: 10px 0px 10px 0px; width: 438px; background-color: #c2cccc; }
div#l_invite fieldset input.g { font-size: 1em; background-color: #627777; padding: 5px; margin: 3px 10px 0 0; color: #f5f5f5; border-width: 0px; cursor: pointer; }
div#l_invite fieldset input.b { margin-top: 5px; font-family: arial; font-weight: bold; font-size: 1em; width: auto; padding: 6px; margin-right: 2px; color: #ffffff; background-color: #003366; border-width: 0px; border-bottom: solid 1px #B2B2B2; border-right: solid 1px #B2B2B2; cursor: pointer; }
div#l_invite fieldset input.right { float: right; }

div#l_invite ul#friend-list li.friend-item { position: relative; height: 80px; border-bottom: solid 1px #e0e0e0; }
div#l_invite ul#friend-list li.friend-item img { position: absolute; top: 14px; left: 0px; border-width: 0px; }
div#l_invite ul#friend-list li.friend-item a.username { position: absolute; top: 18px; left: 60px; font-size: 1.5em; font-weight: bold; color: #222222; }
div#l_invite ul.icons li:hover a, div#l_friend-list ul.icons li:hover a:visited { color: #666666; }
div#l_invite ul.icons li a, div#l_friend-list ul.icons li a:visited { text-decoration: none; color: #666666; }
div#l_invite ul li span.niid-count { position: absolute; top: 40px; left: 60px; font-size: 0.95em; color: #666666; }

div#l_invite div#right { position: relative; float: left; background: #f5f5f5 url(/images/light-grey-indent.gif) no-repeat; background-position: 0 120px; width: 300px; margin-left: 20px; }
div#l_invite div#right div.bottom { position: absolute; bottom: 0; background: url(/images/right-box-bottom-wb.gif) no-repeat; width: 300px; height: 4px; overflow: hidden; }

div#l_invite #right-menu { }
div#l_invite #right-menu #menu-header div.top { background: url( '../images/right-corners-top-300.gif' ) no-repeat; width: 300px; height: 8px; text-indent: -10000px; overflow: hidden; }
div#l_invite #right-menu #menu-header span.section { text-indent: -10000px; display: block; background: #c2cccc url( '../images/invite-tools.gif' ) no-repeat; background-position: 10px 3px; width: 300px; height: 34px; }
div#l_invite #right-menu p { padding: 12px; line-height: 1.5em; }
div#l_invite #right-menu p img.t { float: left; margin-right: 15px; }
div#l_invite #right-menu p img.f { margin: 5px 0 0 2px; }

/* activity panel */

div#activity-panel-container { margin-bottom: 10px; } 
div#activity-panel-container p { float: left; clear: both; font-size: 0.9em; line-height: 1.3em; padding: 6px 0 7px 7px; width: 100%; } 
div#activity-panel-container ul { width: 310px; }
div#activity-panel-container li { float: left; clear: both; background: url( '../images/activity-panel-item-bg.gif' ) repeat-x; height: 42px; width: 310px; }
div#activity-panel-container li img { float: left; display: inline; margin: 8px 10px 8px 8px; border-width: 0px; }
div#activity-panel-container li { float: left; clear: both; }
div#activity-panel-container li ul.inner { float: left; clear: none; width: 270px; }
div#activity-panel-container li ul.inner li { background: none; height: auto; width: 270px; }
div#activity-panel-container li.text { font-size: 0.95em; margin-top: 5px; height: 14px; }
div#activity-panel-container li.text a { color: #003366; text-decoration: none; }
div#activity-panel-container li.time { font-size: 0.95em; color: #C2CCCC; }
div#activity-panel-container li.bottom { background: none; margin: 0; padding: 0; height: 8px; }
div#activity-panel-container li.bottom a { float: left; background: url( '../images/activity_temp.gif' ) no-repeat; width: 310px; height: 8px; text-indent: -10000px; }

/* dashboard */
div#l_dashboard { padding-top: 25px; height: 100%; }
div#l_dashboard h3 { font-weight: bold; float: left; background: url( '../images/dashboard-niid-bg.gif' ) no-repeat; width: 940px; height: 60px; font-size: 2em; color: #fff; padding: 5px 0px 0px 10px; } 
div#l_dashboard h3.long { font-weight: bold; float: left; background: url( '../images/dashboard-niid-bg.gif' ) no-repeat; width: 935px; height: 60px; font-size: 1.2em; color: #fff; line-height: 1em; padding: 5px 0px 5px 8px; } 
div#l_dashboard div#top p.info a, div#l_dashboard a:visited { text-decoration: none; color: #cccccc; }
div#l_dashboard div#top p.info a:hover { text-decoration: underline !important; }
div#l_dashboard div#top { width: 940px; }
div#l_dashboard div#top img { float: left; margin-top: -15px; }
div#l_dashboard div#top p { padding: 0px; }
div#l_dashboard div#top p.info { float: right; font-size: 1.8em; font-weight: bold; color: #cccccc; width: 860px; margin-top: -13px; }
div#l_dashboard div#top a:visited { color: #cccccc; }
div#l_dashboard div#top p.caption { float: right; font-size: 0.9em; color: #000000; width: 860px; }
div#l_dashboard div#left { float: left; width: 620px; padding-top: 20px; }
div#l_dashboard a.view-options { float: left; background: url( '../images/view-options-bg.gif' ) no-repeat; width: 620px; height: 40px; margin-bottom: 10px; text-indent: -10000px; }
div#l_dashboard div#left-button { float: left; width: 289px; background-color: #f5f5f5; border-right: solid 1px #dcdcdc; padding: 10px; }
div#l_dashboard div#left-button span.sc { float: left; font-size: 1.5em; font-weight: bold; background: url( '../images/db-sc-bg.gif' ) no-repeat; width: 168px; height: 21px; color: #333333; margin: 5px; padding-left: 2px; }
div#l_dashboard div#left-button a.sc { float: left; top: 12px; width: 48px; height: 48px; background: url(../images/complete-button.png) no-repeat; background-position: 0px 0px; border-width: 1px; text-indent: -10000px; }
div#l_dashboard div#left-button a.mii-too { float: left; top: 12px; width: 48px; height: 48px; background: url(../images/miitoo-button.png) no-repeat; background-position: 0px 0px; border-width: 1px; text-indent: -10000px; }
div#l_dashboard div#left-button span.mii-too { float: left; font-size: 1.5em; font-weight: bold; background: url( '../images/db-mt-bg.gif' ) no-repeat; width: 168px; height: 21px; color: #333333; margin: 5px 0px 0px 5px; padding-left: 2px; }
div#l_dashboard span.options-sub { float: left; width: 225px; font-size: 0.9em; font-weight: bold; color: #999999; margin: 2px 0px 0px 7px; }
div#l_dashboard div#left-button a:hover { background-position: 0px -48px; }
div#l_dashboard div#left-button a:active { background-position: 0px -96px; }
div#l_dashboard div#right-button { float: left; width: 289px; background-color: #f5f5f5; border-left: solid 1px #ffffff; padding: 10px; }
div#l_dashboard div#right-button span.label { float: left; font-size: 1.5em; font-weight: bold; background: url( '../images/db-dn-bg.gif' ) no-repeat; width: 168px; height: 21px; color: #333333; margin: 5px; padding-left: 2px; width: 200px; }
div#l_dashboard div#right-button span.warning { float: left; font-size: 0.85em; color: #ffffff; background-color: #ce0000; text-transform: uppercase; padding-left: 3px; margin: -3px 0px 0px 5px; width: 110px; }
div#l_dashboard div#right-button a.delete { float: left; top: 12px; width: 48px; height: 48px; background: url(../images/delete-button.gif) no-repeat; background-position: 0px 0px; border-width: 1px; text-indent: -10000px; }
div#l_dashboard div#right-button a.nudge { float: left; top: 12px; width: 48px; height: 48px; background: url(../images/nudge-button.png) no-repeat; background-position: 0px 0px; border-width: 1px; text-indent: -10000px; }
div#l_dashboard div#right-button span.nudge { float: left; font-size: 1.5em; font-weight: bold; background: #b8c0c0 url( '../images/db-n-bg.gif' ) no-repeat; background-position: 100% 0; min-width: 135px; height: 21px; color: #333333; margin: 5px 0px 0px 5px; padding-left: 2px; }
div#l_dashboard div#right-button a:hover { background-position: 0px -48px; }
div#l_dashboard div#right-button a:active { background-position: 0px -96px; } 
div#l_dashboard div.button-desc { position: relative; float: left; width: 309px; height: 68px; background-color: #f5f5f5; border-left: solid 1px #ffffff; } 
div#l_dashboard div.button-desc p { padding: 17px; font-size: 0.9em; width: 250px; line-height: 1.6em; } 
div#l_dashboard div.button-desc img { position: absolute; right: 15px; bottom: 5px; } 
div#l_dashboard img.join { margin-bottom: 10px; } 
div#l_dashboard div.green-box-top { margin-top: 10px; overflow: hidden; } 
div#l_dashboard h4.comments { background-color: #003466; text-indent: -10000px; width: 310px; height: 19px; background: url( '/images/headers-green.gif' ) no-repeat; background-position: 0 1px; }
div#l_dashboard h4.add-comment { background-color: #003466; text-indent: -10000px; width: 310px; height: 19px; background: url( '/images/headers-green.gif' ) no-repeat; background-position: 0 -21px; }
div#l_dashboard div.grey-panel-bottom { float: left; width: 620px; height: 5px; background: url( '/images/grey-panel-bottom.gif' ) no-repeat; margin-bottom: 15px; }
div#l_dashboard div.small-grey-top { float: left; background: url( '/images/light-grey-box-top.gif' ) no-repeat; width: 620px; height: 4px; margin-bottom: 0px; overflow: hidden; }
div#l_dashboard div.small-grey-bottom { float: left; background: url( '/images/light-grey-box-bottom.gif' ) no-repeat; width: 620px; height: 4px; margin-bottom: 10px; }
div#l_dashboard div#comments-container { float: left; width: 620px; background-color: #f5f5f5; padding-bottom: 10px; }
div#l_dashboard div#comments-container img.loader { margin-left: 300px; padding: 200px 0px 200px 0px; }
div#l_dashboard div#comments-container ul { margin: 0 auto; width: 600px; padding: 0 0px 10px 0px; }
div#l_dashboard div#comments-container li { position: relative; float: left; clear: both; background-color: #f5f5f5; padding: 10px 0px 10px 0px; }
div#l_dashboard div#comments-container p { font-weight: bold; width: 580px; }
div#l_dashboard div#comments-container p.general { padding: 25px 10px 5px 10px; }
div#l_dashboard div#comments-container p.body { padding: 5px 10px 5px 10px; background-color: #ffffff; }
div#l_dashboard div#comments-container a:visited { color: inherit; }
div#l_dashboard div#comments-container p.info-l { position: absolute; bottom: 4px; left: 32px; font-size: 0.85em; color: #000000; }
div#l_dashboard div#top a:visited { color: #cccccc; }
div#l_dashboard div#comments-container ul li p.info-r { position: absolute; bottom: 4px; right: 38px; font-size: 0.85em; color: #000000; text-align: right; }
div#l_dashboard div#comments-container ul li img.l { position: absolute; bottom: 2px; left: 2px; }
div#l_dashboard div#comments-container ul li img.r { position: absolute; bottom: 2px; right: 2px; }
div#l_dashboard div#comments-container div.comment-top { width: 600px; height: 5px; background: url( '/images/comment-top-bg.gif' ) no-repeat; }
div#l_dashboard div#comments-container div.comment-bottom-l { width: 600px; height: 16px; background: url( '/images/comment-bottom-l-bg.gif' ) no-repeat; }
div#l_dashboard div#comments-container div.comment-bottom-r { width: 600px; height: 16px; background: url( '/images/comment-bottom-r-bg.gif' ) no-repeat; }
div#l_dashboard div#comments-container ul.page-links { float: right; width: auto; padding: 0px; margin-top: 15px; }
div#l_dashboard div#comments-container ul.page-links li { float: left; clear: none; width: auto; padding: 0px 10px 0px 10px; }
div#l_dashboard div#comments-container a, div#l_dashboard div#comments-container a:visited { color: #003366; text-decoration: none; }
div#l_dashboard div#comments-container-bottom { float: left; background: url( '/images/light-grey-box-bottom.gif' ) no-repeat; width: 620px; height: 4px; margin-bottom: 10px; }
div#l_dashboard textarea { float: none; margin: 10px auto 10px; width: 590px; display: block; }
div#l_dashboard div.grey { float: left; background-color: #f5f5f5; width: 620px; }
div#l_dashboard div.grey p { font-weight: bold; padding: 10px 0px 10px 8px; }
div#l_dashboard div.grey p a { color: #003366; }
div#l_dashboard span.error { float: left; padding: 10px; }
div#l_dashboard input.add-comment-button { width: 620px; height: 41px; background: url( '/images/comment-submit-bg.gif' ) no-repeat; border-width: 0px; margin-bottom: 15px; cursor: pointer; }
div#l_dashboard div#right { float: left; width: 310px; padding-top: 19px; margin-left: 10px; }
div#l_dashboard h4.share { background: url( '/images/headers-green.gif' ) no-repeat; background-position: 0 -364px; }
div#l_dashboard div.share-box { min-height: 90px; }
div#l_dashboard div.share-box label { font-weight: bold; font-size: 0.85em; color: #000000; margin: 0px; }
div#l_dashboard div.share-box input { font-size: 0.9em; width: 138px; border: 1px solid #666666; margin: 6px 0px 6px 0px; padding: 1px; }
div#l_dashboard div.share-box div.form-left { float: left; width: 145px; height: 48px; }
div#l_dashboard div.share-box div.form-right { float: left; width: 145px; height: 48px; }
div#l_dashboard h4.activity { background-color: #003466; text-indent: -10000px; width: 300px; height: 22px; background: url( '/images/headers-blue.gif' ) no-repeat; background-position: 0 -322px; }

/* --------- */

/* error page */
div#l_error { position: relative; margin-top: 25px; padding-bottom: 100px; width: 940px; }
div#l_error span.error-text { display: block; margin: 80px auto 15px; background: url(/images/error-text.gif) no-repeat; width: 627px; height: 22px; }
div#l_error p { margin: 0 auto; color: #666666; padding: 12px; text-align: center; }
div#l_error img.little-niid { position: absolute; top: 65px; right: 150px; }
/* ---------- */

div#l_post-register { margin-top: 25px; }
div#l_post-register h2, div#l_post-register h3 { font-weight: normal; color: #003366; padding-bottom: 0em; letter-spacing: -0.05em; }
div#l_post-register h2 { font-size: 2.8em; }
div#l_post-register h3 { font-size: 2em; padding-bottom: 0.2em; }
div#l_post-register p { padding: 10px 0 10px 0; width: auto; color: #333333; }

div#modal { }
div#modal div#modal-content { }
div#modal div#m-header { height: 56px; background-color: #c2cccc; border-bottom: solid 1px #919999; width: 620px; }
div#modal div#m-header h4 { float: left; background: url(/images/headers-green.gif) no-repeat; height: 19px; width: 250px; margin: 18px 0px 0px 10px; text-indent: -10000px; overflow: hidden; }
div#modal div#m-header h4.sn { background-position: 0 -429px; }
div#modal div#m-header h4.qo { background-position: 0 -192px; }
div#modal div#m-header h4.fr { background-position: 0 -451px; }
div#modal div#m-header h4.mt { background-position: 0 -494px; }
div#modal div#m-header h4.f { background-position: 0 -582px; } 
div#modal div#m-header h4.ag { background-position: 0 -602px; } 
div#modal div#m-header h4.dg { background-position: 0 -623px; } 
div#modal div#m-header h4.dn { background-position: 0 -515px; } 
div#modal div#m-main { z-index: -1000; padding: 10px; width: 600px; height: 162px; background-color: #fff; }
div#modal div#m-button-container { float: left; width: 600px; padding: 10px; background-color: #fff; }
div#modal div#saved-container { position: absolute; bottom: -5px; left: 25px; height: 21px; }

div#modal div#saved-container span.saved { background: #ffffcc url( '/images/saved-tick.gif' ) no-repeat 0 0; font-weight: bold; color: #003366; padding-left: 21px; margin-bottom: 5px; }
div#modal div#saved-container span.error-notification { background: #ffcccc url( '/images/error.gif' ) no-repeat 0 0; font-weight: bold; color: #022222; padding-left: 21px; margin-bottom: 5px; } 

div#modal div#m-options ul#m-nav { z-index: 10000; float: left; background-color: #f5f5f5; width: 150px; height: 232px; *height: 233px; } 
div#modal div#m-options ul#m-nav li { float: left; padding: 0; margin: 0; width: 150px; background: #f5f5f5 url(/images/qo-menu-bg.gif) repeat-x; height: 31px; }
div#modal div#m-options ul#m-nav li a, div#modal div#m-options ul#m-nav li a:visited { float: left; width: auto; margin: 8px 0px 0px 8px; font-weight: bold; color: #000000; text-decoration: none; }
div#modal div#m-options ul#m-nav li img { float: right; }
div#modal div#m-options ul#m-nav li.selected { width: 160px; }
div#modal div#m-options div#m-main { position: relative; float: left; padding: 10px 10px 10px 25px; width: 435px; height: 162px; }
div#modal div#m-options h5 { font-size: 1em; font-weight: bold; padding-bottom: 5px; margin: 0px; }
div#modal div#m-options p { width: 420px; margin: 10px 0 10px 0; padding: 0; }
div#modal div#m-options fieldset { padding: 5px 0px 5px 0px; }
div#modal div#m-options label { min-width: 120px; }
div#modal div#m-options input.text { padding: 2px; width: 100px; }
div#modal div#m-options select.select { padding: 2px; width: 420px; } 
div#modal input.ra { cursor: pointer; margin: 1px 3px 0px 0px; *margin:-1px 0px 0px -4px;}
div#modal input.cb { cursor: pointer; margin: 1px 3px 0px 0px; *margin:-1px 0px 0px -4px;}
div#modal div#m-options input.notify-value { width: 22px; margin: 0 5px 0 0; } 
div#modal div.row { width: 300px; height: 5px; }
div#modal input.b { font-family: arial; font-weight: bold; font-size: 1em; width: 112px; padding: 6px; margin-right: 2px; color: #ffffff; background-color: #003366; border-width: 0px; border-bottom: solid 1px #B2B2B2; border-right: solid 1px #B2B2B2; cursor: pointer; }
div#modal input.dg { font-family: arial; font-weight: bold; font-size: 1em; width: 112px; padding: 6px; margin-right: 2px; color: #333333; background-color: #C2CCCC; border-width: 0px; border-bottom: solid 1px #809090; border-right: solid 1px #809090; cursor: pointer; }
div#modal input.lg { font-family: arial; font-weight: bold; font-size: 1em; width: 112px; padding: 6px; margin-right: 2px; color: #333333; background-color: #f5f5f5; border-width: 0px; border-bottom: solid 1px #d1d1d1; border-right: solid 1px #d1d1d1; cursor: pointer; }
div#modal div#m-options ul.vertical-list { float: left; margin-top: -5px; padding-top: 0px; }
div#modal div#m-options ul.vertical-list li { float: left; clear: both; padding: 5px 0px 5px 0px; *padding:5px 0px 2px 0px;}
div#modal div#m-options ul.vertical-list-2-col { float: left; clear: both; width: 300px; margin-bottom: 10px; }
div#modal div#m-options ul.vertical-list-2-col li { float: left; clear: none; width: 150px; padding: 3px 0px 3px 0px; *padding:3px 0px 0px 0px;}
div#modal div#m-options div.col-l { float: left; }
div#modal div#m-options div.col-r { float: right; }
div#modal div#m-options img.loader { margin: 150px auto; }
div#modal div#m-options div#m-button-container { display: inline; float: left; padding-left: 25px; width: 435px; } 
div#modal div#m-options div.button-spacer { float: left; clear: both; height: 20px; }
div#modal div#m-suggested { padding: 10px; height: 162px; width: 600px; background-color: #fff; overflow: auto; }

/* mini user list for modal popups */
div#modal ul.user-list { } 
div#modal ul.user-list span.title { float: left; font-size: 1.5em; font-weight: bold; color: #222222; width: 445px; }
div#modal ul.user-list { float: left; width: 570px; }
div#modal ul.user-list div.left { float: left; }
div#modal ul.user-list ul.actions { float: left; width: 90px; }
div#modal ul.user-list ul.actions li { float: left; clear: both; text-align: right; padding: 2px 0px 2px 4px; font-size: 0.95em; color: #cccccc; width: 100px; }
div#modal ul.user-list ul.actions li:hover a, ul.icons li:hover a:visited { color: #022222; }
div#modal ul.user-list ul.actions li a, ul.icons li a:visited { text-decoration: none; color: #999999; }
div#modal ul.user-list ul.sub-niid { width: 280px; }
div#modal ul.user-list ul.sub-niid li { float: left; padding-right: 6px; font-size: 0.95em; }
div#modal ul.user-list li.user-item img { float: left; margin: 4px 8px 0px 0px; }
div#modal ul.user-list li.user-item { float: left; clear: both; width: 590px; padding: 5px 0px 15px 0px; border-bottom: solid 1px #e0e0e0; }

div#modal div.v-scrollable { height: 190px; overflow: auto; } 
div#modal ul.user-grid { margin-top: 10px; } 
div#modal ul.user-grid li { float: left; padding: 0 10px 5px 0; } 
div#modal ul.user-grid li img { float: left; clear: both; } 
div#modal ul.user-grid li span { float: left; clear: both; padding-top: 5px; height: 23px; font-size: 0.85em; color: #022222; width: 48px; } 

/* generic modal */

div#modal div#m-main h4 { font-size: 1em; color: #000000; }
div#modal div#m-friend div#m-main p img { float: left; margin-right: 5px; }
div#modal div#m-friend div#m-main span.username { font-size: 1.5em; font-weight: bold; color: #222222; padding: 0px 15px 0px 2px; text-decoration: none; }
div#modal div#m-friend div#m-button-container { float: left; }

/* delete group */ 
div#modal div#m-delete-group span.error-notification { float: left; background: #ffcccc url( '/images/error.gif' ) no-repeat 0 0; font-weight: bold; color: #022222; padding: 2px 2px 2px 21px; margin: 5px 0px 0px 0px; } 
div#modal div#m-delete-group select.select { width: 600px; padding: 2px; } 

/* add group */ 
div#modal div#m-add-group span.error-notification { float: left; background: #ffcccc url( '/images/error.gif' ) no-repeat 0 0; font-weight: bold; color: #022222; padding: 2px 2px 2px 21px; margin: 5px 0px 0px 0px; } 

/* other content headers */
h3.generic-h3 { font-weight: normal; color: #003366; font-size: 2em; }