Basegrid CSS

/* Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the

BSD License: http://developer.yahoo.net/yui/license.txt version: 2.3.1 */
body{text-align:center;}
#ft{clear:both;}
#doc,#doc2,#doc3,#doc4,.yui-t1,.yui-t2,.yui-t3,.yui-t4,.yui-t5,.yui-t6,.yui-
t7,.yui-t8,.yui-t9 {margin:auto;text-align:left;width:57.69em;*width:56.301em;min-
width:750px;}
#doc2 {width:73.074em;*width:71.313em;}
#doc3 {margin:auto 10px;width:auto;}
#doc4 {width:74.923em;*width:73.117em;}
.yui-b {position:relative;}
.yui-b {_position:static;}
#yui-main .yui-b {position:static;}
#yui-main {width:100%;}
.yui-t1 #yui-main,.yui-t2 #yui-main,.yui-t3 #yui-main,.yui-t8 #yui-main,.yui-t9
#yui-main {float:right;margin-left:-31em;}
.yui-t4 #yui-main,.yui-t5 #yui-main,.yui-t6 #yui-main{float:left;margin-right:-
25em;}
.yui-t1 .yui-b{float:left;width:12.3207em;*width:12.0106em;}
.yui-t1 #yui-main .yui-b{margin-left:13.3207em;*margin-left:13.0106em;}
.yui-t4 .yui-b{float:right;width:13.8456em;*width:13.512em;}
.yui-t4 #yui-main .yui-b{margin-right:14.8456em;*margin-right:14.512em;}
.yui-t7 #yui-main .yui-b{display:block;margin:0 0 1em 0;}
#yui-main .yui-b{float:none;width:auto;}
.yui-g .yui-gb .yui-u,.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-gc,.yui-gb .yui-
gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gb .yui-u,.yui-gc .yui-u,.yui-gc .yui-
g,.yui-gd .yui-u {float:left;margin-left:2%;width:32%;}
.yui-gb .yui-gb .yui-u,.yui-gb .yui-gc .yui-u {*margin-left:1.8%;_margin-left:4%;}
.yui-g .yui-gb .yui-u{_margin-left:.8%;}.yui-gb .yui-u{float:right;}.yui-gb
div.first{margin-left:0;float:left;}.yui-g .yui-gb div.first,.yui-gb .yui-gb
div.first{*margin-right:0;*width:32%;_width:31.7%;}.yui-gb .yui-gc div.first,.yui-
gb .yui-gd div.first{*margin-right:0;}.yui-gb .yui-gd .yui-
u{*width:66%;_width:61.2%;}.yui-gb .yui-gd
div.first{*width:31%;_width:29.5%;}.yui-g .yui-gc .yui-u,.yui-gb .yui-gc .yui-
u{width:32%;_float:right;margin-right:0;_margin-left:0;}.yui-gb .yui-gc
div.first{width:66%;*float:left;*margin-left:0;}.yui-gb .yui-ge .yui-u,.yui-gb
.yui-gf .yui-u{margin:0;}.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-
gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf,.yui-gc .yui-u,.yui-gd .yui-
g,.yui-g .yui-gc .yui-u,.yui-ge .yui-u,.yui-ge .yui-g,.yui-gf .yui-g,.yui-gf .yui-
u{float:right;}.yui-g .yui-gc div.first,.yui-g .yui-ge div.first,.yui-g
div.first,.yui-gc div.first,.yui-gc div.first div.first,.yui-gd div.first,.yui-ge
div.first,.yui-gf div.first{float:left;}.yui-g .yui-g .yui-u,.yui-gb .yui-g .yui-
u,.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u,.yui-ge .yui-g .yui-u,.yui-gf .yui-g
.yui-u{width:49%;*width:48.1%;*margin-left:0;}.yui-g .yui-g
div.first{*margin:0;}.yui-gb .yui-g div.first{*margin-right:4%;_margin-
right:1.3%;}.yui-gb .yui-gb .yui-u{_margin-left:.7%;}.yui-gb .yui-g
div.first,.yui-gb .yui-gb div.first{*margin-left:0;}.yui-gc .yui-g .yui-u,.yui-gd
.yui-g .yui-u{*width:48.1%;*margin-left:0;}.yui-g .yui-u,.yui-g .yui-g,.yui-g
.yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-
gf{width:49.1%;}.yui-g .yui-gb div.first,.yui-gb div.first,.yui-gc div.first,.yui-
gd div.first{margin-left:0;}.yui-g .yui-gc div.first,.yui-gc div.first,.yui-gd
.yui-g,.yui-gd .yui-u{width:66%;}.yui-gd div.first,.yui-gb .yui-gd
div.first{width:32%;}.yui-g .yui-gd div.first{_width:29.9%;}.yui-ge .yui-u,.yui-ge
.yui-g,.yui-gf div.first{width:24%;}.yui-gb .yui-ge div.yui-u,.yui-gb .yui-gf
div.yui-u{float:right;}.yui-gb .yui-ge div.first,.yui-gb .yui-gf div.first
{float:left;}.yui-ge div.first,.yui-gf .yui-g,.yui-gf .yui-u{width:74.2%;}.yui-gb
.yui-ge .yui-u,.yui-gb .yui-gf div.first{*width:24%;_width:20%;}.yui-gb .yui-ge
div.first,.yui-gb .yui-gf .yui-u{*width:73.5%;_width:65.5%;}#bd:after,.yui-
g:after,.yui-gb:after,.yui-gc:after,.yui-gd:after,.yui-ge:after,.yui-
gf:after{content:".";display:block;height:0;clear:both;visibility:hidden;}#bd,.yui
-g,.yui-gb,.yui-gc,.yui-gd,.yui-ge,.yui-gf{zoom:1;}.yui-gb .yui-u{float:left;}
/* Copyright (c) 2007, Yahoo! Inc. All rights reserved. Code licensed under the
BSD License: http://developer.yahoo.net/yui/license.txt version: 2.3.1 */ body
{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,t
extarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-
weight:normal;}
li {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup,sub {line-height:-1px;vertical-align: text-top;}
sub {vertical-align:text-bottom;}
input, textarea, select{font-family:inherit;font-size:inherit;font-
weight:inherit;}
/* Copyright (c) 2008, Yahoo! Inc. All rights reserved. Code licensed under the
BSD License: http://developer.yahoo.net/yui/license.txt version: 2.5.1 */ /** *
Percents could work for IE, but for backCompat purposes, we are using keywords. *
x-small is for IE6/7 quirks mode. */ body {font:13px/1.231
arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}
/** * Bump up IE to get to 13px equivalent */ pre,code,kbd,samp,tt {font-
family:monospace;*font-size:108%;line-height:100%;}
/* @group global */ /* global colors #eef8fe lightest blue (left nav) #EEF8FE
medium blue (top nav, deep subnavs) #6496c3 dark blue (links, top subnav) #388FDF
darkest blue (a:hover) #fff1a4 spring yellow */ /* legacy header styles */
h3.error {color:#DB5B61}
h2.adj {margin-top: 1em}
h2.underline {padding-bottom: 2px; border-bottom: 1px solid #eee}
h2.green, h2.green a {color: #363636 !important}
h2.tight {margin: 0; margin-top: 15px; padding: 0}
h1 em {font-style: italic}
h1 small, h1 small a {font-size: 12px !important}
h1.user {font-size: 138.5%}
h1.first {margin-top: 0}
h1.light {color: #47C981}
.pad15 {padding: 15px}
.yellow_box {padding: 10px; text-align: left; margin-bottom: 15px}
.yellow_box h2 {margin-bottom: 8px}
.yellow_box p {line-height: 1.4em; margin-bottom: 10px}
.bluebutton {/* background-color:#00aab5; */ background-color:#1B6FBF;
color:white; font-size:108%; padding:1px; border-top:1px solid #D9DFEA; border-
left:1px solid #D9DFEA; border-bottom:1px solid #0e1f5b; border-right:1px solid
#0e1f5b}
/* @end */ #adv_search table {border-collapse: collapse}
#adv_search table tr td {padding-bottom: 5px}
#adv_search table tr td ul {margin-top: 10px; padding-left: 25px}
#adv_search table tr td ul li {margin-bottom: 5px}
#main_promo {text-align: center; margin-top: 0; margin-bottom: 15px}
#main_promo table {text-align: center}
#main_promo table tr td {padding: 0 10px 15px 10px}
#main_promo .upload_now {text-align: center; margin: 0 auto 0 auto; padding: 0;
margin-top: 0}
#main_promo .upload_now p img {vertical-align: middle}
#main_promo .upload_now p {margin: 5px 0 5px 0; padding: 0}
#main_promo .upload_now p.educational {margin-bottom: 25px}
#main_promo .upload_now .unlimited {font-weight: bold; float: right; font-size:
116%; margin-top: 18px; margin-right: 0}
#main_promo h1 {color: #363636; font-size: 210%; margin-bottom: 10px; margin-top:
15px}
.import_contacts h1 {margin: 0px auto 4px auto; padding-top: 0}
.import_contacts h2 {margin: 4px auto 14px auto}
.import_contacts table tr td.head {font-size: 116%; font-weight: bold}
.image_popup {position: relative}
.preview {position: absolute; top: -120px; left: -250px; border: 5px solid #777;
font-size: 116%; text-align: center; font-weight: bold; padding: 15px; background:
white; z-index: 5000}
.image_popup:hover span a {font-size: 153.9%; font-weight: bold; color: black}
#content_group {width: 990px; margin: 20px auto 20px auto; text-align: left}
/* @group Upload Promo Page (adwords) */ #upload_promo h1 {margin-bottom: 5px;
padding-bottom: 0}
#upload_promo h2 {margin: 3px auto 25px auto; color: #777}
#upload_promo .splash {text-align: center}
#upload_promo .splash table tr td {font-size: 189%; text-align: left}
/* @end */ /* @group Upload Page */ .upload h1 {font-size: 182%; margin-bottom:
3px; padding: 0; margin-top: 0px}
.upload h2 {font-size: 100%; color: #555; margin-top: 0}
.progress {float: right; margin-top: 0px; margin-right: 0px; padding: 5px}
.progress_word_grid {margin-right: 0px}
.progress ul {list-style-type: none; padding: 5px}
.progress ul li {display: inline; font-size: 123.1%; margin-right: 0px; padding:
5px 15px 5px 15px; background: url(/images/progress_gray_bg.gif) repeat-x left;
color: #777}
.progress ul li a {color: #777; text-decoration: none}
.progress ul li.active a {color: white; text-decoration: none}
.progress ul li a:hover {color: #1B6FBF; text-decoration: underline}
.progress ul li.active {color: white; font-weight: bold; background:
url(/images/progress_green_bg.gif) repeat-x left}
.progress ul li.arrow {display: inline; margin: 0 10px 0 0; padding: 5px 13px 5px
0; background: white url(/images/rightarrow_gray.gif) no-repeat; width: 13px}
.progress ul li.activearrow {display: inline; margin: 0 10px 0 0; padding: 5px
13px 5px 0; background: white url(/images/rightarrow_green.gif) no-repeat; width:
13px}
.progress ul li.arrow img {margin-top: 5px; padding-top: 0px; vertical-align:
baseline}
.upload_box {/*width: 600px;*/ background: #eef8fe; border: 1px solid #ccc;
padding: 20px; color: #555; margin-top: 10px; margin-bottom: 15px; font-size:
100%}
.upload_box h1 {color: #363636; margin-top: 0}
.upload_box h1 img {vertical-align: middle}
.upload_box h2 {color: #27A84D; font-size: 14px}
.upload_box input.submit_button {margin-top: 10px; margin-bottom: 10px}
.upload_box .input_area {width: 230px}
.upload #upload_other_wrapper {padding-left: 10px; margin-top: 15px}
.upload #upload_other {margin-bottom: 15px}
.upload #upload_other h1 {font-size: 153.9%; color: #363636}
.upload #upload_other .upload_box h1 {font-size: 131%}
.upload #upload_other .upload_box h1 img {vertical-align: middle}
.upload #upload_other .upload_box {background: #fff
url(/images/backgrounds/light_gray_fade.gif) repeat-x; border: 1px solid #ccc;
padding: 15px}
#formats {margin-top: 10px}
#formats tr td {padding-right: 10px; padding-bottom: 10px}
#formats tr td.list {vertical-align: top}
#formats tr td.list p {margin: 0 auto 7px 0}
#formats tr td.list img {vertical-align: middle}
#formats .type {font-size: 108%; text-align: right; vertical-align: top}
.upload .copy_warning{ color: #8C172B; text-align: center; margin-top: 15px;
clear: both}
.doc_status .title {color: #363636; font-size: 138.5%; padding: 7px 10px 7px 10px;
border-width: 1px 1px 0 1px !important}
.doc_status .title img {vertical-align: middle}
.doc_status .body {padding: 10px; margin-bottom: 25px; font-size: 108%; color:
#555}
.doc_status .body p {margin: 10px auto 10px auto}
.doc_status .body h2 {margin-bottom: 10px; margin-top: 25px}
.doc_status .body h2.first {margin-top: 0}
/* @end */ /* @group View Document Page */ #view_container {margin: 0px auto 10px
auto; padding-top: 10px; width: 970px; text-align: left}
#view_title_bar {margin: 0px auto 5px 4px; padding: 0 10px 0 0; text-align: left}
#doc_title_container {}
#doc_title {text-align: left; padding: 0}
#doc_title .highlight {background: #fffaaf}
#doc_title h1 {display: inline; font-weight: bold}
#doc_title .meta {font-size: 11px; position: relative; bottom: 3px; margin-left:
10px}
#doc_title .meta img {vertical-align: middle; margin-left: 2px}
#doc_title .private {color:#DB5B61; background: #EFCACC; font-size: 11px; padding:
2px; margin-left: 3px}
#doc_title_edit {margin: 0 0 15px 3px; text-align: left}
#doc_title_edit .button_text a {font-size: 85%}
#doc_title_edit form {font-size: 116%; display: inline}
#doc_title_edit form .text_input {width: 300px; font-size: 15px; height: 17px}
#doc_title_edit form .submit_button {font-size: 15px; padding:0; height: 25px}
#doc_description {text-align: left; height: 42px; overflow: hidden; position:
relative; margin-bottom: 10px}
#doc_description p {}
#doc_description_more {position: absolute; padding-left: 10px; padding-right: 5px;
bottom: 3px; right: 0; background: white; font-size: 11px}
#doc_description_text {font-size: 11px}
#document_category_edit {}
#document_category_edit_form {margin: 10px auto 10px auto}
.document_edit_spinner {position: relative; bottom: 13px; left: 5px}
#toolbar_container {margin-top: 10px}
#buttons_container {position:relative; z-index: 1; height: 1%}
#buttons {margin: 0px auto 0 0; padding: 0; text-align: left; list-style-type:
none; position: relative; height: 1%}
#buttons li {display: block; float: left; position: relative; margin: 0 2px 0 0}
#buttons li a {position: relative; z-index: 0}
#buttons li a.active {z-index: 1}
.button_box {background: #e6e8ea; padding: 15px; text-align: left; position:
absolute; top: 21px; left: 0; border: 1px solid #b2b2b2; z-index: 0}
.button_box p {margin: 10px auto 10px auto}
.button_box .close_button {margin-bottom: 10px}
#viewer_document {clear: left; padding-top: 2px}
#document_group_overlay_toolbar {background: #eef8fe; padding: 15px; text-align:
left; position: absolute; top: 28px; left: 0; border: 4px solid #6496c3}
.document_metadata_group {position: relative}
#document_group_overlay_metadata {background: #eef8fe; padding: 15px; text-align:
left; position: absolute; top: 0; left: 0; width: 500px; border: 4px solid
#6496c3}
#document_listen_overlay {background: #eef8fe; padding: 15px; text-align: left;
position: absolute; top: 18px; left: 0; width: 300px; border: 4px solid #6496c3}
#close_document_listen_overlay {float: right}
#download_box img {padding: 3px}
#download_box ul li {list-style-type: none}
#embed_box h5 {margin-bottom: 3px}
#embed_box h5 small {margin-left: 5px}
.ad {text-align: center; padding: 0px; margin: -10px auto 0 auto}
.ad_text {margin: 0; padding: 0; font-size: 77%; color: #ccc}
.ad_text_center {text-align: center}
.ad_text_right {text-align: right}
.ad_text_left {text-align: left}
#view_main {margin: 0px auto 10px 10px; text-align: center}
/* My Comment */ #unconverted {background: #eef8fe; padding: 15px; border: 1px
solid #ccc; margin: 15px auto 15px auto; text-align: left; width: 400px}
#unconverted.long {width: auto}
#unconverted .download strong {font-size: 153.9%; color: #363636; margin-right:
10px}
#unconverted .download {padding-left: 100px; font-size: 138.5%}
#unconverted .download img {vertical-align: middle}
#unconverted .note {font-family: Helvetica; color: #777; font-size: 100%; margin-
bottom: 15px}
#unconverted .status {font-family: Helvetica; color: #555; font-size: 108%;
margin: 0px auto 15px auto}
/* View6 */ #view_bar {clear: both; float: right; width: 300px}
#view_bar .stats {clear: left; text-align: center; font-size: 108%; margin: 0 auto
10px auto; padding: 0; padding-left: 0; font-weight: bold; line-height: 1.8em}
#view_bar .featured {margin: 5px auto 5px auto; text-align: center}
#view_bar .featured img {vertical-align: middle}
#view_bar .stat {margin: 5px}
#view_bar .stat img {vertical-align: middle}
#view_bar h1 {font-size: 123.1%; color: #363636; clear: right; text-align: left;
#view_bar h1 .tiny {font-size: 85%}
#view_bar h1 .tiny a {text-decoration: none; color: #999}
#view_bar h1 .tiny a:hover {color: #363636}
#view_bar h1 img {vertical-align: middle}
#view_bar .side_doc_list {background: #fff; height: 300px; overflow: auto; border:
1px solid #e4e4e4; font-size: 100%; margin: 5px 0 10px 0; padding: 0; color: #777;
text-align: left; clear: right}
#view_bar .side_doc_list .highlight {color: black}
#view_bar .side_doc_list h1 {color: #363636; margin-left: 7px}
#view_bar .side_doc_list h1.query {color: white; font-size: 138.5%; margin-left:
7px}
#view_bar .side_doc_list .filetype_image {float: left; margin-right: 10px; width:
58px; /*height: 1%;*/ }
#view_bar .side_doc_list .picture {border: 1px solid #ccc}
#view_bar .side_doc_list .rstats {font-size: 85%; color: #555; margin-bottom: 5px;
padding-bottom: 0}
#view_bar .side_doc_list .rstats strong.after {margin-left: 4px}
#view_bar .side_doc_list ul {list-style-type: none; padding: 0 5px 0 5px; margin:
0}
#view_bar .side_doc_list ul li {clear: left; list-style-type: none; margin: 10px
auto 10px 0; border-bottom: 1px solid #eee; padding-bottom: 5px; color: #555}
#view_bar #actions {clear: right; height: 1%; /* fix peek-a=boo bug in IE6, adds
Layout */ background: #eef8fe; margin: 0 0 5px 0; padding: 10px; border: 1px solid
#ccc}
#view_bar #actions ul {list-style-type: none; margin: 0; text-align: left;
padding-left: 0}
#view_bar #actions ul li {margin-bottom: 9px; margin-left: 0; font-size: 108%;
padding-left: 0; font-weight: bold; color: #333}
#view_bar #actions ul li .sub_action .errorExplanation {width: 200px}
#view_bar #actions ul li .sub_action .errorExplanation ul li {list-style-type:
none}
#view_bar #actions ul li .sub_action h2{ font-size: 108%}
#view_bar #actions ul li .sub_action {margin:10px auto 10px auto}
#view_bar #actions ul li .sub_action a {}
#view_bar #actions ul li .unfavorite a {font-size: 85%}
#view_bar #actions ul li .actionable {margin: 5px auto 5px auto; display: none}
#view_bar #actions ul li .embed_float {float: left; margin-right: 10px; margin-
bottom: 10px}
#view_bar #actions ul li .embed {font-size: 85%; color: #555}
#view_bar #actions ul li .embed a {font-size: 85%}
#view_bar #actions ul li a {font-weight: bold; font-size: 108%}
#view_bar #actions ul li img {vertical-align: middle}
#view_bar #actions ul li img.middle {vertical-align: middle}
#view_bar #author3 {margin: 20px auto 0px auto; padding: 0 15px 0 0; text-align:
left}
#view_bar #author3 .user_info {padding-left: 55px}
#view_bar #author3 .user_info p.name {margin: 2px auto 2px auto; font-size: 108%}
#view_bar #author3 .user_info p.date {margin-top: 4px; margin-bottom: 5px; color:
#777}
#view_bar #author3 .user_picture {float: left}
#view_bar #description {margin: 10px auto 15px auto; padding: 0 15px 0 0px; clear:
both; text-align: left}
#view_bar #description h2 {font-size: 108%; color: #333; font-weight: bold;
margin: 0 0 2px 0; padding: 0}
#view_bar ul#metadata {list-style-type: none; padding: 10px 15px 5px 10px; margin:
15px 0 15px 0; clear: both; border-top: 1px solid #ccc; border-bottom: 1px solid
#ccc}
#view_bar ul#metadata #categorize_this_doc {}
#view_bar ul#metadata #categorize_this_doc strong {color:#DB5B61}
#view_bar ul#metadata #categorize_this_doc form {margin: 0; padding: 0}
#view_bar ul#metadata #categorize_this_doc input, #view_bar ul#metadata
#categorize_this_doc select {font-size: 85%}
#view_bar ul#metadata img {vertical-align: middle}
#view_bar ul#metadata li {margin-bottom: 10px; font-size: 100%; text-align: left}
#view_bar ul#metadata li table {border-spacing: 5px}
#view_bar ul#metadata li table tr td.type {font-weight: bold; padding-right: 10px}
#view_bar ul#metadata li table tr td {vertical-align: top; margin-right: 5px}
#view_main {margin: 0 auto 10px 0px; text-align: center; width: 690px}
#view_main #viewer #embedded_flash, #view_main #viewer #html_wrapper, #view_main
#viewer #long_window {border: 1px solid #ccc}
#view_main #document_metadata {text-align: left}
#document_metadata h6 {font-weight: bold}
#document_metadata h6 img {margin-left: 5px}
#document_metadata p {font-size: 11px}
#document_metadata .stats {font-weight: bold; border: 0; font-size: 13px}
#document_metadata .author {margin-top: 10px}
#document_metadata .author .user_picture {float: left; width: 50px}
#document_metadata .author .user_info {float: left}
#document_metadata table {width:100%}
#document_metadata table td {}
#document_metadata table td.label {width:30%}
#document_description_edit_field textarea, #document_tags_edit_form textarea
{width: 100%; height: 150px; margin-bottom: 10px}
#document_tags_edit_form textarea {height: 50px}
#document_edit_spinner {position: relative; bottom: 13px; left: 5px}
#view_main #doc_comments {text-align: left; padding-left: 10px}
#doc_comments .add {font-size: 108%; margin-bottom: 2px}
#doc_comments h6 {margin:5px 0 10px 0}
#doc_comments .comment_box {height: 1%; border-top:#e4e4e4 solid 1px; margin-
top:20px}
#doc_comments textarea {width: 100%}
#related_categories ul {margin-top: 5px}
#related_categories ul li {list-style-type: none; margin-left: 0}
#related_tags {margin-top: 5px}
#search_queries {margin-top: 5px}
.analytics_box {font-weight:bolder; font-size:13px; color:#333333; border-
bottom:1px solid #EEEEEE; padding:0; text-align: left}
.analytics_box h2 {font-size: 108%; padding: 0; margin: 0 0 5px 0; color: #000;
font-weight: bold}
#analytics_popup {position: absolute; border: 10px solid #ccc; width: 700px;
height: 600px; background: white; z-index:1002; padding: 15px}
#analytics_popup_content {text-align: left}
#analytics_popup .close {font-size: 116%}
#post_comment_button {margin-top: 10px; font-size: 116%; padding: 2px 10px 2px
10px}
/* @end */ #embed_code {margin: auto; font-size: 15px}
#notice {border: 2px solid red; padding: 1em; margin-bottom: 2em; background-
color: #f0f0f0; font: bold smaller sans-serif}
#notice2 {border: 2px solid red; padding: 1em; margin-bottom: 2em; background-
color: #f0f0f0; font: bold larger sans-serif}
#notice3 {border: 2px solid green; padding: 1em; margin-bottom: 2em; background-
color: #f0f0f0; font: bold larger sans-serif}
#main_search_box {position:absolute; top:24px; right:10px; z-index:10}
.tagline {font-size:14px}
a.black {color:black; text-decoration:none}
#no_subtabs {}
#subtabs {padding-top:10px; font-size:12px; /* width:220px;*/ margin-right:10px;
margin-top:16px; float:left; min-height:520px; /* height:520px; */ background-
color:white; border-right:1px solid #dddddd}
#subtabs a {text-decoration:underline}
#subtabs a.selected {text-decoration:none; color:black; background-color:white}
#navbar {font-size:16px; padding:0px 0px 0px 0px; /* background-
image:url('/images/word/images/tabbar.gif'); */ font-weight:bold;
position:absolute; left:134px; top:10px; height:47px; overflow:hidden}
#upload_button {font-size:12px; position:absolute; top:20px; left:585px; font-
weight:bold; background-image:url(/images/word/new_images/diagonals2.gif);
padding:10px 10px 12px 10px; height:17px; overflow:hidden; padding-top: 4px;
padding-bottom: 18px}
#upload_promotion {position:absolute; left:585px; background-
image:url(/images/word/new_images/diagonals2.gif); top:58px; width:392px;
height:92px}
#view_upload_promotion {position:absolute; left:585px; background-
image:url(/images/word/new_images/diagonals2.gif); top:59px; width:372px;
height:55px}
.profile-right {/*padding-left: 20px;*/ }
.profile-right .search {margin: 0 0 15px 0}
.profile-right .shelves {border-bottom: 1px solid #ccc; margin-bottom: 10px}
.profile-right .shelves .right {margin-bottom: 5px}
.profile-right .shelves h1 {border-bottom: 1px solid #ccc; width: 375px}
.profile-right .shelves h2 a {text-decoration: none; color: #363636}
.profile-right .shelves h2 small a {text-decoration: underline}
.profile-right .shelves table tr td {padding: 10px; vertical-align: top; text-
align: center; width: 100px}
.profile-right .shelves table tr td img {margin-bottom: 5px}
#profile_info {}
/* #profile_info .stats {margin: 5px auto 10px auto}
#profile_info .stats p {font-size: 108%; margin: 4px auto 4px auto; padding: 0}
#profile_info .stats p img {vertical-align: middle}
#profile_info .stats small {font-size: 108%; color: #363636}
*/ #profile_info p {/*margin: 10px auto 10px auto;*/ }
#profile_info h2 {margin-top: 20px; border-bottom: 1px solid #ccc; margin-bottom:
10px}
#profile_info .label {color:#777777; font-size:12px}
#profile_info .data {font-size:12px; padding-left: 10px}
#profile_info .heading {font-weight:bolder; font-size:12px}
.embed_box {padding: 25px; height: 1%; /* fix peek-a=boo bug in IE6, adds Layout
*/ }
.embed_box h1 {margin-bottom: 15px}
.embed_box .embed_form {font-size: 116%; margin-bottom: 25px}
.embed2 .redundant_send_to_friend{ display:none}
#html_wrapper:focus {-moz-outline:none}
#spinner {margin-right:5px}
#simple_analytics {width: 270px}
.statistics_label {font-size:11px}
.statistics_value {font-size:11px; font-weight:bold; padding-left:10px}
.statistics_average {color:#555555; padding-left:10px; font-size:11px}
.format_options {float: right; margin-right: 15px}
.format_options img {vertical-align: middle; margin-left: 10px}
table#doc_grid tr td, table#group_grid tr td, table#profile_grid tr td {padding:
15px; width: 33%; text-align: center; vertical-align: top}
table#doc_grid, table#group_grid, table#profile_grid {table-layout: fixed; width:
100%}
table#doc_grid tr td img.thumbnail, table#group_grid tr td img.thumbnail,
table#profile_grid tr td img.thumbnail {border: 1px solid #ccc; float: none}
table#doc_grid tr td p.title, table#group_grid tr td p.title, table#profile_grid
tr td p.title {font-size: 108%; margin-bottom: 10px}
table#doc_grid tr td .filetype_no_thumb_available, table#profile_grid tr td
.filetype_no_thumb_available , table#group_grid tr td .filetype_no_thumb_available
{width: 120px; padding: 20px; background: transparent; margin: auto; height:
100px; vertical-align: middle; border: 1px solid #aaa}
#listing {margin-bottom:10px}
#peoplelisting {margin-top: 15px}
#peoplelisting td {font-size:12px}
#peoplelisting .gray {color:#9eaaac}
#peoplelisting .oneperson {padding:5px 0px 5px 0px}
#peoplelisting .oneperson p {margin-top: .3em; margin-bottom: .3em}
#invited_word_users {width:300px}
#invited_word_users .small_x {border:1px solid #B3D1FE; padding:0px 1px; text-
decoration:none; margin-left:2px; position:relative; bottom:2px; font-size:10px}
#invited_word_users .existing_user_box {border:1px solid #cccccc; margin-
right:5px; padding:2px}
#grouplisting td {font-size:12px}
#grouplisting .gray {color:#9eaaac}
#grouplisting .onegroup {border-top:1px solid #f9f5ef; padding:5px 0px 5px 0px}
form.search_group {margin-bottom: 10px}
table.members {border-collapse: collapse; margin-bottom: 10px}
table.members tr td {padding: 5px}
.usermessage {width:400px; background: #EEF8FE; margin-top: 15px; padding: 15px;
font-size:14px}
.usermessage_header {font-size:16px; margin-bottom:10px; margin-right:30px}
/* @group Promo Banners */ .publish_banner_column {clear: right; text-align:
center; font-family: Lucida Grande, Helvetica; padding: 2px 10px 10px 10px;
margin-bottom: 10px}
.publish_banner_column_container {margin-bottom: 10px}
.publish_banner_column a {text-decoration: none}
.publish_banner_column h1 img {vertical-align: middle; position: relative; margin-
top: 3px; top: -3px}
.publish_banner_column h1 {font-size: 17px !important; clear: right}
.publish_banner_column h1 a {color: #363636}
.publish_banner_column h2 {font-size: 131%; clear: right; margin-bottom: 5px}
.publish_banner_column h2 a {color: #555; font-weight: normal}
.publish_banner_column h2 {font-size: 12px !important}
.publish_banner_small {margin: 5px auto 0 auto; font-family: Lucida Grande,
Helvetica; text-align: left; padding: 0px 10px 0 10px; height: 32px; border: 1px
solid #eee !important}
.publish_banner_small a {text-decoration: none}
.publish_banner_small img.publish_icon {position: relative; top: -3px}
.publish_banner_small img {vertical-align: middle; padding: 0; margin: 0}
.hide_this {margin-top: 5px}
.publish_banner_small h1 {font-size: 131%; display: inline; float: left; margin-
top: 5px; margin-right: 10px}
.publish_banner_small h1 a {color: #363636}
.publish_banner_small h1 small a {color: #555; font-weight: normal}
.publish_banner img.upload_now {float: left}
.publish_banner_small h1 small {font-size: 12px !important}
/* @end */ table.email tr td .sub {font-size: 85%; color: #555}
table.email tr td {font-size: 100%; color: #555; vertical-align: top}
table.email {margin: 0 auto 0 15px; border-spacing: 15px; border-collapse:
separate}
table.email .input_box {width: 225px}
td.send_form {background: #EEF8FE; padding: 15px; margin-right: 15px}
.success {font-size: 153.9%; padding: 10px; border: 1px solid #ccc; background:
#C1EACA; text-align: center}
table.email h2 {font-size: 116%; font-weight: bold; padding: 0; color: #555;
margin: 0 auto 10px 0; text-align: center}
table.email .submit_button {font-size: 116%; margin: 10px auto 5px auto; padding:
4px}
table.email .providers_container {text-align: center; padding: 10px; border: 1px
solid #ccc; background: white; margin-top: 10px}
table.email .providers {text-align: left; margin: 0 auto 0 auto; width: 125px}
table.email .providers input {border: none}
table.import {border-collapse: separate; border-spacing: 10px}
table.import h3 {margin: 5px auto 10px auto; padding: 0; color: black}
table.email tr td.or {font-size: 189%; color: #777; vertical-align: middle}
.send_error {}
table.email p {margin: 8px auto 2px auto}
#buy_url {text-align: center}
#publisher_picture {text-align: center; margin-bottom: 10px}
#publisher_picture p {margin: 2px auto 2px auto}
#publisher_picture .url {width: 100%; overflow: hidden}
.banner {margin-bottom: 15px; text-align: center}
#send_to_friend_icon_left {width: 170px; text-align: center; float: left; margin-
right: 0px}
#send_to_friend_header {background: #eef8fe; margin: 0 auto 10px auto; border: 1px
solid #ddd; padding-top: 15px; text-align: left}
#send_to_friend_header h1 {margin: auto auto 10px 26px}
#send_to_friend_icon_view3 {width: 260px; text-align: center; float: left; margin-
right: 0px}
.document_summaries {clear: right}
.document_summary .title {font-size:18px}
.document_summary .title img {vertical-align: middle}
.document_summary .title a {}
.document_summary .description {padding-left:0px}
.share {clear: right; margin-top: 15px; padding: 15px}
.share input {border: 1px solid #aaa !important}
.share h2 {margin: 0px auto 10px auto; padding-top: 20px; font-size: 108%}
.filetype {float: left; clear: left; margin-right: 0; color: #555; font-size: 85%;
text-align: center}
.filetype_with_thumbnail {float: left; clear: left; margin-right: 0; color: #555;
font-size: 85%; text-align: center}
.pages {margin-top: 7px}
.pages img {border: 0 !important}
.thumbnail .toolbar {text-align: left !important; margin: -20px auto 0 auto;
padding-left: 6px}
.thumbnail .toolbar img {border: 0 !important}
.toolbar_no_image {margin-top: 4px}
.filetype_with_thumbnail a {text-decoration: none}
.thumbnail .toolbar .favorite {}
.highlight {background-color: #FFFAAF}
.doc_converted_message {background-color: #feff00; font-size:18px}
.narrow_by_category .selected_category {}
.narrow_by_category .selected_category a {color:black}
.narrow_by_category .category_item {padding-left:10px; padding-top:2px}
#html_wrapper a {color: #369; text-decoration:underline; border-bottom:0px solid
black}
#html_wrapper a:hover {color: #69C}
/* Home page */ .feature {font-size:12px; color:white; padding-top:6px}
.feature a {color:white}
.quick-link {padding:1px 0px}
/* @group Notifications */ #email_preferences {background: #fff
url(/images/backgrounds/light_gray_fade.gif) repeat-x; border: 1px solid #eee;
width:200px; float:left; margin-left:30px; margin-top:20px; font-size:12px;
padding: 15px; color: #555}
#email_preferences p {margin: 10px auto 10px auto}
#email_preferences input {border:0px solid white}
#email_preferences .submit_button {padding: 5px}
#notifications {font-size:12px; width:540px; float:left}
#notifications p {margin: 10px auto 10px auto}
#new_message {padding:20px}
#message_thumb {width:110px; float:left}
#message_fields {width:500px; float:left}
#message_fields table tr td {padding: 10px}
.message_field_title {font-size:14px; color:#777777}
.message_field_body {font-size:14px; padding-left:15px}
a.notification_tab {text-decoration:none; background: #eee; padding:5px 10px 5px
10px; color:#777777; margin-right: 15px}
a.notification_tab:hover, a.notification_tab.selected {background-color:#5C95CF;
color: #fff}
a.notification_tab.selected {font-weight: bold}
#notifications_tabs{ font-size:12px; color:#933100; padding-bottom:5px; border-
bottom:1px solid #ccc; width:100%; padding-top:20px}
#notifications .inbox_header {border-bottom:1px solid #b2b2b2; border-top:1px
solid #b2b2b2; padding:10px 0px 0px 0px; color:#777777; background-color:#eeeeff;
font-size:10px; font-weight:bold}
#notifications .inbox_row {padding:10px 0px; border-bottom:1px solid #ccc; font-
size:14px}
#notifications .unread {font-weight:bold}
#notifications .message_synopsis a{ /* color:#aabbff; */ color:#8899ff;
padding:0px 40px 0px 0px; text-decoration:none}
#confirm_message_box {padding:5px 10px; width:300px; margin: 0px auto; text-
align:center}
table.group_notes {border-collapse: collapse}
table.group_notes tr td {width: 25%}
/* @end */ /* Pagination */ #faq .header {font-family: Arial, Helvetica, Verdana,
sans-serif; font-size:18px; font-weight:bold}
#faq .question {font-weight:bold; font-size: 116%; color:#555}
#faq .answer {margin:1em 0 2em 0; width:600px}
#faq h3 {margin-top: 15px; font-size: 116%; color: #555}
#faq ul {margin-top: 15px; padding-left: 15px}
#faq ul li {list-style-type: disc; margin-bottom: 3px}
/* SWFUpload CSS */ /* for bulk uploading */ .clr {clear: both}
#wrapper {width: 500px; margin: 0 auto}
#swfcontent {padding: 0 0 0 20px}
#filesDisplay_cont {text-align: center}
#filesDisplay {padding: 10px; margin: 20px auto 0 auto; width: 350px; background:
#FCF8CD; border: 1px solid #f3f3f3; display: none; text-align: left}
#filesDisplay2 {margin-top: 20px; width: 350px; background: #f9f9f9; border: 1px
solid #f3f3f3; display: none}
#SWFUpload {margin-left: 20px}
#mmUploadFileListing {margin-top: 10px; padding: 0}
#mmUploadFileListing2 {margin-top: 10px; padding: 0; position: absolute; z-
index:10; background-image:url(/images/word/new_images/diagonals2.gif);
width:372px}
#mmUploadFileListing2 li {margin: 0 0 10px 0; display: block; float: left; width:
300px; list-style-type: none; /*background: url(/images/bulkupload.png) no-
repeat;*/ }
#mmUploadFileListing li {margin: 0 0 10px 0; display: block; float: left; width:
300px; list-style-type: none; /*background: url(/images/bulkupload.png) no-
repeat;*/ }
.uploading {color: #000}
.uploadDone {color: #CCC}
span.progressBar {width: 300px; display: block; font-size: 77%; height: 10px;
margin-top: 4px; border: 2px solid #CFBA9D}
a.SWFUploadLink {width: 260px; height: 30px; background:
url(/images/bulkupload_trans.gif) no-repeat; display: block}
a.SWFUploadLink:hover {background: url(/images/bulkupload_trans.gif) no-repeat}
a.SWFUploadLinkButton {width: 220px; height: 70px; text-align: center; background:
url(/images/upload.gif) no-repeat; display: block; outline: none}
a.SWFUploadLinkButtonPromo {width: 520px; height: 100px; text-align: center;
background: url(/images/promos/adwords_landing/upload.gif) no-repeat; display:
block; outline: none; margin: 0 auto 0 auto}
a.SWFUploadLink:hover {background: url(/images/upload.gif) no-repeat}
.upload_button {text-align: center}
/* firefox style browse field and buttons */ a.SWFUploadLink_ff {width: 410px;
height: 30px; background: url(/images/upload_field_ff.png) no-repeat; display:
block}
a.SWFUploadLink_ff:hover {background: url(/images/upload_field_ff.png) no-repeat}
#home_page_uploader a.SWFUploadLink_ff {width: 68px; height:22px; display:inline;
background: url(/images/word/new_images/browsebutton.gif) no-repeat}
#home_page_uploader a.SWFUploadLink_ff:hover {background:
url(/images/word/new_images/browsebutton.gif) no-repeat}
#home_page_uploader a.SWFUploadLink {width:269px; height:30px; display:inline;
background: url(/images/word/new_images/browsebar5.png) no-repeat;
position:relative; bottom:14px; _bottom:0px}
#home_page_uploader a.SWFUploadLink:hover {background:
url(/images/word/new_images/browsebar5.png) no-repeat}
#file-list .list-line-even {background: #f6fffb}
#file-list .list-line-odd {background: #d6f9ff}
/* The error box */ .fieldWithErrors {}
#errorExplanation {width: 400px; border: 2px solid #fff1a4; padding: 7px; padding-
bottom: 12px; margin-bottom: 20px; background-color: white}
#errorExplanation h2 {text-align: left; font-weight: bold; padding: 5px 5px 5px
15px; margin: -7px; background-color: #fff1a4}
#errorExplanation p {margin-bottom: 0; padding: 5px}
#errorExplanation ul li {list-style: square}
#group-form {margin-top: 0px; margin-left: auto; margin-right: auto; text-align:
left; padding-top: 0; padding-left: 10px; padding-right: 10px}
#group-form .firstcol {}
#group-form .secondcol {}
.inplaceeditor-form textarea {width: 100%}
/* THREADS */ #DiscussTopic table {border-collapse: collapse;}
#DiscussTopic textarea {width: 300px;}
#DiscussTopic .Preview {border: 1px solid #ddd}
#DiscussTopic .Preview td {background-color: #f5f5f5; padding: 10px}
#DiscussTopic .Who {vertical-align: top; padding-right: 10px}
#DiscussTopic .Said {padding-bottom: 15px; width: 100%}
#DiscussTopic .Said h4 {font-size: 100%; margin-bottom: 10px}
.TopicListing table {font: 12px Arial, Helvetica, sans-serif; margin: 0px; width:
100%}
.TopicListing tr {vertical-align: top}
.TopicListing td {border-bottom: 1px solid #E5E5E5; padding: 5px 5px 7px 5px}
.TopicListing th {text-align: left; padding-left: 5px}
.TopicListing p {margin-bottom: 10px}
.TopicListing .Head {font: bold 12px Arial, Helvetica, sans-serif; margin-top:
0px; margin-bottom: 0px; color: #fff; background: #666}
.TopicListing h4 {font: 11px Arial, Helvetica, sans-serif; margin-top: 0px;
margin-bottom: 0px; color: #666666}
.TopicListing h6 {font: 11px Arial, Helvetica, sans-serif; margin-top: 0px;
margin-bottom: 0px; color: #666666; margin-bottom: 0px; padding-bottom: 0px;}
.margin10 {margin-top: 10px; margin-bottom: 10px}
.copyright_warning{ font-weight: bold; color: #966}
ul.explanation li, ol.explanation li {margin-top: 10px; line-height: 1.3em}
.new_comment_form {position:relative; padding: 10px; width:350px; border:1px solid
#e4e4e4; background: #eef8fe; margin-top: 5px}
.group_info_box{ padding:10px; float:right; background: #eee; border: 1px solid
#999}
div.spacer {clear: both; height: 1px;}
#gwrapper {width: 700px}
.gleftcol {/*width: 550px;*/ float: left}
.grightcol {width: 230px; float: right; color: #666}
#group_tabs_wrapper {padding: 0px; margin: 0px; width: 750px; /* margin-bottom:
-7px;*/ position: relative; bottom: -8px}
#gtabs{ padding: 0px; margin: 0px; float: left}
#gsearch {padding: 0px; margin: 0px; padding-bottom: 8px; float: right}
#gsearch input {background-image: url(/images/word/group/search_bg.png);
background-repeat: no-repeat; font-family: Arial, Helvetica, sans-serif; color:
#333; padding: 5px; width: 130px; padding-left: 25px}
.group_body {background: #FFF; width: 750px; margin-bottom: 5px}
.group_body .content {color: #666}
.gtitle {color: #aaa; margin-bottom: 5px}
.gheader {padding-top: 3px}
.gheader .gtitle {font-size: 14pt; color: #444}
.gheader .left {/*width: 350px;*/ float: left}
.gheader .right {/*width: 350px;*/ float: right; text-align: right}
.gheader {border-bottom: 1px solid #DDDDDD; margin-bottom: 2px}
.gheader .details {font-size: 77%; color: #999}
.gsubheader {background: #EDEDED; padding: 3px}
body.group ul#gtabs {padding: 3px 0; margin-left: 30px; font: 12px Verdana, sans-
serif}
body.group ul#gtabs li {list-style: none; margin: 0; display: inline; color:
#578cca}
body.group ul#gtabs li a {padding: 5px; margin-left: 10px}
body.group ul#gtabs li a:link, body.group ul#gtabs li a:visited {color: #578cca}
body.group ul#gtabs li a:hover {color: #333}
ul.gdoc_subtabs li.current a, ul.gdoc_subtabs li.current a:visited,
ul.gdoc_subtabs li.current a:link, ul.gdoc_subtabs li.current a:hover {color:
#333; text-decoration: none}
body.group ul#gtabs li.current {padding: 10px; /* border-bottom: 2px solid #fff;*/
/* background: white;*/ border: 1px solid #EEEEEE; border-bottom: 2px solid
#F8F8F8; background: #F8F8F8; color: #000}
table.doc_listing {margin-bottom: 15px}
.gbc {margin:10px 0px 0px 0px}
.gbc table {border-collapse: collapse}
.invite_group_button {cursor: pointer}
.member_links a, .member_links a:link, .member_links a:visited {color: #008000}
.member_links ul {margin-left: 0; padding-left: 5px; list-style: none; line-
height: 1.5em; font-size: 108%}
.gdoc_subtab_wrapper {text-align: center;}
ul.gdoc_subtabs {/* /images/word/new_images/blackraquo.gif
/images/word/new_images/blueraquo.gif*/ list-style: none; margin: 0; padding: 0;
margin-bottom: 10px}
ul.gdoc_subtabs li {display: inline; margin: 0; margin: 0px 5px 0px 5px; font-
size: 108%}
table.featured_group {/* background: #E3F2FF;*/ }
table.group_details th {color: #aaa; font-weight: normal}
.blue_box {color: #333; /* background: #F5FBFF;*/ background: #E3F2FF; padding:
10px}
.gbc ul, .gbc ul li {list-style-type: none; margin: 0px; padding: 0px;}
.listing_name {font-weight: bold; font-size: 1.3em;}
.create_group ul, .create_group ul li {list-style-type: disc; line-height: 1.3em;}
.create_group ul li {margin-bottom: 10px;}
.helpme ul li {margin-left:-20px;padding-left:0px;padding:0px;}
.existing_user_box {color: #333; padding: 5px; margin: 5px}
.existing_user_box a {margin-left: 50px}
.group_body textarea {padding: 5px; color: #666}
.thumbnail {text-align: center; clear: left; margin-right: 0px; background:
transparent; color: #555; float: left; font-size: 85%}
.thumbnail_nofloat {text-align: center; clear: left; margin-right: 0px;
background: transparent; color: #555; font-size: 85%}
.thumbnail img {border: 3px solid #ccc}
.thm {background-color:#FFFFCC; border-bottom:1px solid #BBBBBB; padding:5px 8px;
margin-top:5px; text-align:center; font-family:arial,sans-serif; font-
size:14px;color:black}
.thm2 {background-color:#FFFF80; border-bottom:1px solid #BBBBBB; padding:5px 8px;
margin-top:5px; text-align:center; font-family:arial,sans-serif; font-
size:14px;color:black}
#file-list tr.underline td {border-bottom: 1px solid #aaa;}
#file-list tr.list-line-even td {background: #f6fffb;}
#file-list tr.list-line-odd td {background: #d6f9ff;}
/* @group Groups */ .group_menu_container {text-align: center; border-bottom: 1px
solid #ccc; border-top: 1px solid #ccc; clear: both; background:
url(/images/top_bar_small_back.gif) repeat-x left bottom; padding: 0; border-
bottom: 1px solid #578cc9; margin-top: 0px}
.group_menu_top_container {margin: 0}
.group_menu_fixed_container {width: 990px; margin: 0 auto 0 auto; padding: 0}
#group_actions {float: right; text-align: left; margin-top: 5px; padding: 0}
#group_actions ul {list-style-type: none; padding-left: 0; margin: 0; padding: 0}
#group_actions ul li{ display: block}
#group_info {text-align: left}
#group_info .picture {float: left; margin-bottom: 10px}
#group_info .info h1 {font-size: 30px; margin: 10px auto 5px auto; padding: 0}
#group_info .search_input {width: 100px}
#group_info .info h1 a.title {text-decoration: none; color: black}
#group_info .info h1 small {font-size: 85%; color: #777; display: block; padding:
0; margin-top: 0px}
#group_info .description, #group_info .description_more {margin: 0 0 5px 0}
#group_menu {clear: both; text-align: left; margin: 0; padding: 0}
#group_menu ul {list-style-type: none; padding: 5px; margin: 0}
#group_menu ul li {display: inline; margin: 0 10px 0 0}
#group_menu ul li.upload a {background: #EEF8FE url(/images/upgreen.gif) left no-
repeat; padding-bottom: 5px; padding-left: 17px}
#group_menu ul li.upload a:hover {background: #00A34C url(/images/upwhite.gif)
left no-repeat; color: white}
#group_menu ul li a {font-size: 100%; color: #2E6FB7; text-decoration: none;
padding: 5px 8px 6px 8px}
#group_menu ul li a:hover {background: #476FB6
url(/images/backgrounds/blue_fade.gif); color: white}
#group_menu .search {float: right; margin-top: 3px; margin-bottom: 0}
#group_menu .search form {display: inline}
.group_thumbnail {float: left; clear: left; margin-bottom: 10px}
.group_summary {margin: 20px auto 20px auto; clear: left}
* html .group_summary, * html .group_summary .group_info {height: 1%; margin-left:
0}
.group_summary .name {font-size: 131%; margin: 0 0 5px 0}
.group_summary .description {color: #555; margin: 0 0 5px 0}
.group_summary .stats {font-size: 85%; border: 0; padding: 0}
.groups_featured {float: right; width: 550px; margin-top: 10px}
.groups_splash {width: 400px; margin-top: 10px}
.groups_splash h1 {}
.groups_splash h1 img {vertical-align: middle; margin-right: 3px}
.groups_splash h2 {color: #363636; font-size: 121.6%; margin-top: 5px; font-
weight: bold; padding: 0; margin-bottom: 0px}
.groups_splash p {font-size: 116%}
.groups_splash .description {background: #eef8fe; border: 1px solid #ccc; padding:
15px; font-size: 123.1%; color: #363636; line-height: 1.5em; margin: 15px auto
15px auto}
.groups_splash .description strong {color: black; font-weight: bold}
.groups_splash .button {text-align: center}
.groups_splash .group_button {margin: 0 auto 0 auto}
.groups_splash .my_groups .group_summary .group_info .name a {}
.groups_splash .my_groups .group_summary {margin: 5px auto 5px auto}
.groups_featured h2.featured {padding-bottom: 3px; border-bottom: 1px solid #ccc;
clear: left}
.groups_featured h1.find {margin: 0 0 5px 0; padding: 0}
.groups_front_browse {clear: both}
.groups_front_browse h1 {padding-bottom: 5px; border-bottom: 1px solid #ccc}
.groups_front_browse h1 small {font-size: 100%; margin-left: 5px}
.see_more {float: right; font-size: 100%; margin-bottom: 10px}
.groups_featured form {margin-top: 0; padding: 0}
.groups_front_browse .left_col {width: 470px}
.groups_front_browse .right_col {width: 470px; float: right}
.group_view_right {float: right; width: 500px}
.group_view_right h1 {color: #363636; font-size: 161.6%; border-bottom: 1px solid
#ccc}
.group_view_right h1.search {margin-bottom: 3px; padding: 0; border-bottom: 0}
.group_view_right .admin_message {background: #eef8fe; padding: 15px; font-size:
100%; margin: 10px auto 10px auto}
.group_view_right form {margin-top: 0; padding: 0; color: #363636}
.group_view_right form input {margin: 0; padding: 0}
.group_view_right .more {float: right; font-size: 108%; margin-top: 5px; margin-
bottom: 10px}
.group_popular_documents {width: 440px}
.group_popular_documents h1 {color: #363636; font-size: 161.6%; border-bottom: 1px
solid #ccc}
.group_popular_documents h1 small a, .group_browse_documents h1 small a {font-
size: 116%; margin-left: 5px}
.group_popular_documents .listing {margin-top: 15px; border-bottom: 1px solid
#ccc; padding-bottom: 15px; clear: left; background: url(/images/popular_back.gif)
repeat-x bottom left}
.group_popular_documents h2 {font-size: 108%; color: #555}
.group_popular_documents .last {border-bottom: 0}
.group_browse_documents {clear: both}
.group_browse_documents h1 {color: #363636; font-size: 161.6%; border-bottom: 1px
solid #ccc}
.group_browse_documents .listing {margin-bottom: 15px; clear: left; padding-
bottom: 10px}
.group_browse_documents .right_col {float: right; width: 480px}
.group_browse_documents .left_col {width: 480px}
.group_browse_documents h2 {font-size: 108%; color: #555}
#groups_browse h1, #group_create h1, #group_listing h1, #group_discussion_list h1,
#group_discussion h1, #group_start_new_discussion h1, #add_document_explanation h1
{color: #363636; font-size: 161.6%}
#group_create ul li {list-style-type: disc; margin-bottom: 5px}
#group_create p {width: 350px}
#group_create table {border-collapse: separate; border-spacing: 10px}
#group_create table h2 {margin-bottom: 10px}
#group_create table tr td {width: 33%}
#group_create table tr.explanation {vertical-align: top}
#group_create table tr.choices {background: #eef8fe}
#group_create table tr.choices td {padding: 10px; height: 130px; text-align:
center}
#group_create table tr.explanation td {text-align: left; padding: 10px; color:
#555}
#group_discussion h2 small {font-size: 123.1%}
#add_document_explanation h2 {color: #777; padding: 0; margin-top: 5px}
#add_document_explanation .explanation_table {margin: 0 auto 0 auto; border-
spacing: 10px}
#add_document_explanation .explanation {border: 1px solid #ccc; background:
#eef8fe; padding: 25px; text-align: left; font-size: 131%; width: 300px; margin:
10px}
#add_document_explanation .explanation h1 {padding: 0; margin-top: 0}
#add_document_explanation .explanation h1 a {text-decoration: none; color:
#363636}
#add_document_explanation .explanation h2.upload_now {text-align: center}
#add_document_explanation .explanation h1 img {vertical-align: middle}
#add_document_explanation .explanation ul {list-style-type: none}
#add_document_explanation .explanation ul li {margin: 5px auto 5px auto}
/* @end */ /* @group Document Info */ .info_box {background: #eee; padding: 10px
10px 10px 10px; margin-bottom: 15px; margin-top:20px}
.info_box h2, .info_box h2.green {color: #555 !important; font-size: 174%; margin-
bottom: 10px}
.info_box p {margin: 10px auto 10px auto}
.info_box .copy_small_button {margin-left:5px ; float:left}
table.info {border-collapse: collapse; width: 100%}
table.info tr td {vertical-align: top; border-bottom: 1px solid #ccc; padding:
10px}
table.info tr td.sm {font-size: 100%; line-height: 1.4em}
table.info tr td.sm .text {width: 350px; overflow: hidden}
table.info tr td.hd {padding-left: 0; width: 150px}
/* @end */ .unsubmitted_message {width: 400px; padding: 15px; font-size: 108%}
/* @group Edit Document */ .edit_document {background: #eef8fe; border: 1px solid
#ccc; padding: 15px 15px 15px 15px; margin-bottom: 25px; margin-top: 25px; clear:
right; height: 1%}
.edit_document .main_edit {margin-top: 15px}
.edit_document .thumbnail {float: right; margin-right: 35px; font-size: 116%}
.edit_document .thumbnail img {margin-top: 10px}
.edit_document .advanced {padding: 10px}
.edit_document .save {padding-top: 15px}
.edit_document small {font-size: 85%; color: #666; font-weight: normal}
.edit_document table tr td {padding-bottom: 15px; vertical-align: top}
.edit_document table tr td.flush {padding-bottom: 0px}
.edit_document table tr td.publisher h3 {font-size: 153.9%; color: #555; padding:
0; padding-top: 10px; margin: 0}
.edit_document table tr td.publisher {}
.edit_document .label {color: #363636; font-size: 108%; font-weight: bold;
padding-right: 10px; width: 200px}
.edit_document h2 {color: #363636; padding-top: 10px; font-size: 153.9%}
.edit_document h2 img {vertical-align: middle}
.edit_document .text_area_field {height: 200px}
.edit_document .text_area_field, .edit_document .text_field {width: 500px}
.user_search {float: right; margin-bottom: 0px; margin-top: 5px; padding-bottom:
0}
/* @end */ .hidden {display: none !important}
/* @group Publisher Program */ .icon_left {float: left; margin-right: 10px}
.icon_left_content {padding-left: 0px}
* html .icon_left_content {height: 1%; margin-left: 0}
.icon_left_content h1 {margin-top: 0; padding-top: 0}
.publisher {width: 75% ; margin: auto}
.publisher img {vertical-align: middle}
.publisher p {font-size: 108%; color: #555}
.publisher h3 {color: #363636}
.publisher label,.publisher .input_form {display: block; float: left; margin-
bottom: 15px; width: 150px}
.publisher .button {width: auto}
.publisher input.radio {width: auto; margin-bottom: 2px}
.publisher input .radio {width: auto}
.publisher label {font-size: 108%; text-align: right; width: 200px; padding-right:
20px}
.publisher .signup {background: #eef8fe; padding: 15px; border: 1px solid #ccc}
.publisher p {line-height: 1.5em}
.publisher p strong {font-weight: bold}
.publisher ul li {margin-bottom: 5px; font-size: 108%}
.publisher .signup small {#363636}
.publisher .submit {width: auto; margin-top: 15px; margin-left: 175px}
.publisher br {clear: left}
.publisher .signup input.hidden {display: none}
.picright {float: right; margin: 15px}
/* p.description {color: #555; margin-top: 2px; padding-top: 0; font-size: 108%}
*/ h3.publisher {margin: 0; margin-top: 10px; padding: 0; font-size: 123.1%}
#upload_picture {}
#upload_banner {padding: 15px}
#update_url {margin-top: 15px; padding: 15px}
.yellow_fade {background: #eef8fe}
.light_green_fade {background: #edf6ea
url(/images/backgrounds/light_green_fade.gif) repeat-x; border: 1px solid #ccc}
.light_gray_fade {background: #fff url(/images/backgrounds/light_gray_fade.gif)
repeat-x}
big {color: #555; font-size: 108%}
.publisher_stats {padding: 15px; width: 200px; margin-top: 15px}
.publisher_stats p {margin-bottom: 4px; margin-top: 3px; padding: 0}
.publisher_shelves {float: right; width: 700px; margin-top: 15px}
#editprofile {padding: 15px}
#editprofile h1 {margin-bottom: 15px}
#editprofile table {border-spacing: 10px}
#editprofile table tr td {padding: 0 10px 10px 0}
/* @end */ .file-list {margin: 10px auto 10px auto; padding: 15px}
.file-list table tr td {padding: 10px}
.file-list h2 {margin-bottom: 15px}
.file-list h2 img {vertical-align: middle}
.file-list label {font-size: 116%; width: 75px; margin-right: 15px; clear: left}
.file-list textarea {width: 300px}
.file-list .metadata input {width: 300px; font-size: 116%}
.file-list .settings {font-size: 116%}
.file-list .settings .delete {font-size: 116%}
.file-list .settings .delete img {vertical-align: middle}
.file-list .settings ul {padding-top: 25px; padding-left: 25px; clear: right}
.file-list .settings ul li {margin-bottom: 10px}
h2.describe {width: 400px}
.noclear {clear: none !important}
.large_width {width: 600px}
table.folders td {padding: 10px; text-align: center}
.folders {margin-top: 10px}
.folders h2 {margin-top: 10px; border-bottom: 1px solid #eee}
.folders ul{ margin-top: 10px}
.folders ul li {padding: 2px}
.folders img {vertical-align: middle}
/* Categories */ #browse_header {width:76.153em;/* non-IE */ *width:74.3185em;/*
IE */ margin: 0 auto 0 auto; text-align: left}
#browse_header h1 img {vertical-align: middle}
#browse_header h1 a {color: #363636; font-size: 189%}
#browse_header .other_cats {text-align: left; font-size: 100%}
#browse_header .category_search {float: right}
.sort_type_header {margin-top: 0}
.sort_type h2 {font-size: 146.5%; padding-bottom: 3px; color: #363636; padding-
left: 8px; margin-top: 15px}
.pagination {text-align: right; padding-top: 0px; padding-right: 15px}
.browse_main {border-top: 3px solid #eee}
.sidebar {padding: 10px; border: 0; margin-top: -15px; margin-bottom: 15px}
.main_listing {padding-left: 20px}
.main_listing #grid_listing table tr td {background: none !important; border: 0px}
ul.pagination_bar {float: right; margin: 15px auto 8px auto}
ul.pagination_bar li {display: inline; margin-left: 10px}
ul.pagination_bar li img{ vertical-align: middle}
.sidebar h2 {margin-bottom: 5px; font-size: 123.1%; color: #444}
.sidebar ul {margin-bottom: 15px}
.sidebar ul li {padding: 3px}
.sidebar ul li ul.time_filtering {margin: 0; padding-left: 10px}
.sidebar ul li.selected {background-color: #F2E9AD}
/* admin categories */ .admin_categories_approve table {border-collapse: collapse}
.admin_categories_approve table tr td {margin-bottom: 15px; padding: 15px}
.admin_categories_approve table tr td.decide {background: #edf6ea
url(/images/backgrounds/light_green_fade.gif) repeat-x; width: 200px}
.admin_categories_approve .submit {font-size: 189%; padding: 5px}
.admin_categories_approve .submission {font-size: 153.9%}
.admin_test_results h1 {margin-bottom: 25px}
.admin_test_results ul {margin-top: 15px; margin-bottom: 15px}
.category_feeds ul {margin-top: 10px; margin-bottom: 10px; padding: 0}
.category_feeds ul.sub li{ font-size: 93%}
.category_feeds ul li {margin-bottom: 10px; font-size: 167%}
.category_feeds table {width: 100%}
.category_feeds table h3 {margin-top:25px}
.pad10 {padding: 10px}
/* @group Adsense ads */ .ad-listing {border-bottom: 1px solid #eee; padding: 0;
margin: 0; text-align: left}
.ads-container {border-collapse: collapse}
.ads-listing-container {margin: 0px auto 0px auto; text-align: left; padding:
10px; background: #fffadc url(/images/ads/search_listing_bg.gif) repeat-x top
left}
.ads-listing-container tr td.ad-header-content {padding: 10px 10px 0 10px}
.ads-listing-container tr td.ad-text {padding: 10px}
.ads-skyscraper {margin-top: 15px; padding: 10px; background: #fffadc
url(/images/ads/search_listing_bg.gif) repeat-x top left; border-top: 1px solid
#eee; border-bottom: 1px solid #eee}
.ads-skyscraper .ad-header a {color: #888; font-size: 100%; text-decoration: none}
.ads-skyscraper li.ad-text {margin-bottom: 10px}
.ad-header {color:#000; font-weight:bold; padding-bottom:7px; font-size:13px}
td.ad-header-content {padding: 5px auto 5px auto !important}
.ad-header .sponsored {float: right; color: #777; font-size: 85%}
.ad-title {color:#1B6FBF; font-size:15px; text-decoration:underline}
.ad-text {color:#000000; font-size:13px; text-decoration:none; padding-right: 5px;
vertical-align: top}
.ad-url {color:#008000; font-size:13px; margin-bottom:12px; text-decoration:none}
.wide-ads {background:#e4e3e3 url(/images/ads/search_top_bg.gif) repeat-x top
left; padding:10px}
.wide-listing-ads {padding:10px}
.narrow-ads {background:#e5ecf9; padding:10px}
/* @end */ /* Tabs */ /* #people, #documents, #groups {padding-top:10px}
*/ /* search2 partial */ .search_bar {background: #fff
url(/images/backgrounds/light_gray_fade.gif) repeat-x; padding: 10px 15px 10px
15px; margin: 0; height: 1%; font-size: 100%}
.search_bar .reader_link {float: right}
#search_doc {}
.search_bar td.related {padding-top: 10px}
form.search {margin-bottom: 15px}
/* form.search .query {font-size: 131%; width: 300px}
form.search .submit {font-size: 131%; padding-right: 13px; padding-left: 13px;
padding-bottom: 2px; height: 24px; vertical-align: middle; background: #eee}
*/ form.search table {margin-top: 10px; margin-bottom: 10px; border-collapse:
collapse}
form.search table tr td {padding-right: 10px}
form.search table tr td.options {font-size: 75%}
ul.search_tabs {list-style-type: none; padding: 0; margin: 0; border: 0; height:
22px}
ul.search_tabs li {margin-right: 10px; border: 0; float: left; text-align: center}
ul.search_tabs li a {background: #ddd; font-size: 108%; overflow: hidden; display:
block; width: 160px; height: 19px; padding: 3px 6px 0 6px; color: #555; text-
decoration: none}
ul.search_tabs li a:hover {background: #d8e0e8; color: #555}
ul.search_tabs li a.active:hover, ul.search_tabs li a.active {background: #6fa1d5;
color: #fff}
.search_info {background: #6fa1d5; color: #fff; padding: 3px 10px 3px 8px; height:
1%}
.search_info .number {float: right}
#search_doc ul.pagination_bar {float: none; font-size: 116%}
.search_paginator {margin: 15px auto 15px auto; font-size: 116%}
.paginator a {padding: 3px 6px 3px 6px; text-decoration: none; color: #3e79b6;
border: 1px solid #6fa1d5}
.paginator a:hover {background: #6fa1d5; color: #fff}
.right_mini_paginator {float: right; margin-bottom: 5px}
.search_paginator .paginator {width: 500px; margin: 15px auto 15px auto}
#search_doc h1 {margin-left: 10px; margin-bottom: 5px; padding-bottom: 0; margin-
top: 0; padding-top: 0}
#search_doc .more_options {padding: 15px 15px 10px 15px; background: #fff
url(/images/backgrounds/light_gray_fade.gif) repeat-x; margin-bottom: 10px}
#search_doc .more_options p {margin-bottom: 10px}
#search_doc .more_options ul {}
#search_doc .more_options ul li {margin-bottom: 5px}
#search_doc .more_options input {border: 0; margin-right: 5px}
#search_doc .more_options h2 {margin-top: 0; margin-bottom: 10px; padding-top: 0}
#documents .sort_by {color: #555; padding-left: 15px}
#documents h2 {margin: 15px auto 15px auto}
.square_ad {margin: 10px auto 10px auto; clear: both}
/* @group Tools Page */ .tool_box {}
.tool_box ul {margin: 25px auto 25px auto}
.tool_box p {margin: 10px auto 10px auto}
.tool_box .download_uploader {width: 700px; margin: 15px auto 15px auto}
.tool_box .screenshot {margin-left: 35px}
.tool_box .screenshot img {}
.tool_box ul {padding-left: 25px}
.tool_box ul li {list-style-type: disc; margin-bottom: 10px}
/* @end */ /* @group Logged in Homepage */ .user_splash {font-size: 108%; color:
#363636; float: left; margin-right: 15px}
ul.user_menu {margin-top: 0; float: left; list-style-type: none; margin-bottom:
15px}
ul.user_menu li {display: inline; font-size: 108%; border-right: 0 solid #ccc;
color:#1B6FBF; padding: 6px 15px 6px 15px; border-left: 0; cursor: pointer}
ul.user_menu li.green {color: #363636; font-weight: bold}
ul.user_menu li img {border: 0; margin-right: 3px}
ul.user_menu li.last {border-right: 0}
ul.user_menu li.active {background: #f3f3f3}
.user_index_pad {padding-left: 5px}
.user_stats img {margin-right: 5px}
.user_stats p {margin: 3px auto 3px auto}
.new_messages {font-size: 108%; background: #EEF8FE; padding: 5px 10px 5px 15px;
margin-bottom: 15px; cursor: pointer}
.new_messages img {position: relative; top:-3px; right:3px}
.new_messages_hover {background: #5C95CF; color: #fff}
.user_box {background: #EEF8FE; padding: 15px; font-size: 108%; margin-bottom:
15px; line-height: 1.4em}
.user_box .close {position: relative; top: -10px; right: -10px}
.user_box p {margin: 10px auto 10px auto}
.user_box .thumbnail {float: left; width:32px}
.user_box .thumbnail img {border: 0}
.user_box .message {margin-left: 40px; clear: none}
.user_box h2 {font-size: 167%; margin-top: 0; margin-bottom: 15px}
.user_box ul {padding-left: 25px}
.user_box ul li {list-style-type: disc; margin-bottom: 5px}
.news_box {background: #eef8fe; padding: 15px; margin-bottom: 15px; font-size:
100%; color: #555; line-height: 1.4em}
.news_box h3 {font-size: 100%; color: #363636; margin-top: 15px}
.news_box h2 {margin-top: 0; margin-bottom: 15px}
.news_box h2 a, .news_box h3 a {text-decoration: none; color: #363636}
.news_box h2 small {color: #777; font-size: 85%}
.news_box h2 small a {text-decoration: none}
.news_box h2 small a:hover {color: #1B6FBF}
.docs_box {border: 1px solid #e4e4e4; padding: 15px; margin: 0 0 15px 0; height:
1%}
.docs_box h2 {margin-top: 0; margin-bottom: 10px}
.docs_box h2 img {margin-right: 10px}
.docs_box h2 .note {color: #777; font-size: 85%; margin-left: 5px}
.docs_box h2 .note a {color: #777 !important; font-size: 85%; text-decoration:
none}
.docs_box h2 .note a:hover {color: #1B6FBF !important}
.docs_box .see_more {float: right; margin-top: 0; margin-bottom: 0}
.docs_box .see_more a {color: #777 !important; font-size: 85%; text-decoration:
none}
.docs_box .see_more a:hover {color: #1B6FBF !important}
.news_box .notification, .docs_box .notification {width: auto; font-size: 85%;
margin: 5px auto 5px auto; padding: 3px}
.news_box .notification img {margin-right: 5px}
.news_box .see_all a {color: #999; font-size: 85%; text-decoration: none; margin:
0}
.news_box .see_all a:hover {color: #555}
tr.doc_box_row {}
tr.doc_box_row td {width: 160px; padding: 10px 10px 10px 0; vertical-align: top}
tr.doc_box_row td .thumbnail {float: left; text-align: left; width: auto}
tr.doc_box_row td .filetype_image {border: 0}
tr.doc_box_row td .summary {margin-left: 58px; clear: none}
tr.doc_box_row td .summary p {margin-bottom: 5px; margin-top: 0}
.group_notes ul li {font-size: 85%; font-style: italic}
.comment_ad {margin-top: 25px; margin-bottom: 20px}
.survey_box {background: #EEF8FE; padding: 5px 15px 5px 15px; font-size: 100%;
color: #555; text-align: left; margin-bottom: 10px}
/* @end */ /* Deleted Doc */ .deleted_notice {font-size: 116%; color: #363636;
border: 1px solid #ccc; background: #EEF8FE; padding: 5px 10px 5px 10px; margin:
15px auto 15px auto; text-align: center}
.holly_hack {height: 1%}
.deleted_listing_ad {margin: 10px auto 10px auto}
/* @group Top Users */ .top_user {font-size: 85%}
.top_users {padding: 15px}
#top_username {width: 34px; display: block; float: left; overflow: hidden}
.top_users ul {padding-left: 30px; margin-top: 20px; list-style-type: decimal}
.top_users ul li {margin-bottom: 10px; list-style-type: decimal}
.top_users {list-style-type: decimal; margin-bottom: 10px}
.top_users table {border-collapse: separate; border-spacing: 0; margin-top: 20px}
.top_users table td {padding: 3px 5px 3px 5px}
.top_users table td.number {font-size: 153.9%}
/* @end */ /* @group Browse Pages */ .browse .categories {margin-bottom: 15px}
.browse .categories ul {background: #E8E8E8; margin-top: 10px; padding: 10px}
.browse .categories ul li {margin-bottom: 3px; padding: 2px}
.browse .categories ul li.separator {margin: 5px auto 0px auto; border-top: 1px
solid #ccc}
.browse .categories ul li.all {padding-left: 22px}
.browse .categories ul li.selected ul.sub {margin: 0px auto 0px auto; padding: 1px
auto 3px 19px; background: #ddd}
.browse .categories ul li.selected ul.sub li a {color: #1B6FBF; text-
decoration:underline}
.browse .categories ul li.selected ul.sub li.selected a {color: white; text-
decoration: none}
.browse .categories ul li.selected {background: #5B95CF; color: white; margin-
bottom: 0}
.browse .categories ul li.selected a {color: white; text-decoration: none}
.browse #right_bar {width: 160px; float: right; margin-bottom: 15px; padding: 0}
.browse #main {padding-left: 5px}
.browse #main h1 {margin-bottom: 15px}
.browse #main .docs {margin-bottom: 15px; position: relative; height: 1%}
.browse #main .docs .overlay {position: absolute; height: 1200px; width: 100%;
opacity: 0.6; -moz-opacity: 0.6; filter: alpha(opacity=60); background: white;
text-align: center; padding-top: 100px; z-index: 100}
.browse #main ul.time_tabs_empty {height: 8px; clear: left; margin-top: 0; list-
style-type: none; background: #5B95CF; padding: 0}
.browse #main ul.time_tabs {clear: left; margin-top: 0; list-style-type: none;
background: #5B95CF; padding: 10px; height: 25px}
.browse #main ul.time_tabs li {float: left; overflow: visible; margin-right: 5px;
padding: 0; cursor: pointer}
.browse #main ul.time_tabs li a {display: block; color: white; text-decoration:
none; font-size: 100%; line-height: 1em; float: left; padding-left: 8px}
.browse #main ul.time_tabs li a span {display: block; float: left; line-height:
1em; height: 15px; padding: 5px 8px 5px 0; cursor: pointer}
.browse #main ul.time_tabs li.current a, .browse #main ul.time_tabs li.current
a:hover {background: url(/images/menu/browse_time_tabs.gif) no-repeat}
.browse #main ul.time_tabs li.current a span, .browse #main ul.time_tabs
li.current a:hover span {background: url(/images/menu/browse_time_tabs.gif) 100% 0
no-repeat}
.browse #main ul.time_tabs li a:hover {background:
url(/images/menu/browse_time_light_tabs.gif) no-repeat}
.browse #main ul.time_tabs li a:hover span {background:
url(/images/menu/browse_time_light_tabs.gif) 100% 0 no-repeat}
.browse #main .filters {background: #EEF8FE; padding: 4px; clear: left; height:
17px; margin-bottom: 10px}
.browse #main .filters ul.dropdowns {list-style-type: none; padding-left: 5px;
margin-top: 0}
.browse #main .filters ul.dropdowns li {display: block; background:
url(/images/menu/filter_dropdown.gif) no-repeat; padding-left: 5px; margin-right:
15px; font-size: 85%; float: left; position: relative; cursor: pointer; z-index:
1; color: #555}
.browse #main .filters ul.dropdowns li.selected {background:
url(/images/menu/filter_dropdown_selected.gif) no-repeat; color: white}
.browse #main .filters ul.dropdowns li span {background:
url(/images/menu/filter_dropdown.gif) 100% 0 no-repeat; padding: 2px 25px 2px 0;
height: 15px; float: left; display: block}
.browse #main .filters ul.dropdowns li.selected span {background:
url(/images/menu/filter_dropdown_selected.gif) 100% 0 no-repeat; color: white}
.browse #main .filters ul.dropdowns li span img {position: relative; bottom: 2px}
.browse #main .filters ul.dropdowns li .dropdown {position: absolute; margin-left:
-4px; padding: 0 0 0 0px; top: 18px; background: #E5D893; clear: left}
.browse #main .filters ul.dropdowns li .dropdown table {border-collapse: collapse}
.browse #main .filters ul.dropdowns li .dropdown table tr td {width: 80px;
padding: 0 10px 0 10px; border-right: 1px solid #A39457}
.browse #main .filters ul.dropdowns li .dropdown table tr td.last {border: 0}
.browse #main .filters ul.dropdowns li .dropdown a {background: #E5D893; display:
block; padding: 4px 5px 2px 4px; font-size: 108%; text-decoration: none; width:
100px; z-index: 100; color: #555}
.browse #main .filters ul.dropdowns li .long a{ width: 180px}
.browse #main .filters ul.dropdowns li .dropdown a:hover {background: #A39457;
color: white}
.browse #main .docs .browse_paginator {margin-top: 15px; font-size: 108%; height:
30px}
.doc_thumbnail_pages {margin-top: 5px}
.doc_thumbnail_data {font-size: 85%; color: #555; margin-top: 3px}
/* @end */ /* @group Contest Pages */ .contest_over {margin: 15px auto 25px auto;
text-align: center}
.contest_over h2 {padding: 10px}
.contest_fade {background: url(/images/contest/yellow_fade.gif) left top repeat-x;
text-align: center; padding-top: 15px; margin-top: 15px; padding-bottom: 15px;
border-top: 1px solid #EFE2A3}
.contest_box, .contest_signup_box {padding: 20px; color: #555; font-size: 100%;
line-height: 1.4em; margin: 25px auto 15px auto}
.contest_signup_input {width: 300px; text-align: left; margin: auto; font-size:
123.1%; line-height: 1.5em}
.contest_box {width: 600px}
.contest p {margin-bottom: 15px}
.contest ul {list-style-type: disc; padding-left: 25px}
.contest ul li {list-style-type: disc; margin-bottom: 5px}
.contest h2 {font-size: 153.9%; margin-bottom: 15px; line-height: 1.5em}
.contest h1 {margin-bottom: 15px; line-height: 1.2em}
.contest input.submit_button {padding: 7px; font-size: 108%}
.contest_signup {margin: 20px auto 15px auto}
.contest .error {color:#DB5B61; font-weight: bold; background: #F4C9C9; padding:
10px; border: 1px solid #E8AAAA; margin: 10px auto 10px auto}
.contest .notice {color: #555; font-weight: bold; background: #EEF8FE; padding:
10px; border: 1px solid #E8DCA3; margin: 15px auto 15px auto; width: 600px}
.contest .rank {font-size: 189%; line-height: 1.3em; background: #EFE2A3; width:
100px; margin: auto; color: #555; text-align: center; padding: 10px}
.contest .rank_hover {background: #876D00; color: white; cursor: pointer}
.contest .rank_hover big {color: white}
.contest .rank_none {font-size: 153.9%; line-height: 1.3em; background: #EFE2A3;
width: 500px; margin: 15px auto 15px auto; color: #555; text-align: left; padding:
10px}
.contest .rank big {font-size: 35px}
.contest .question {font-weight: bold; font-size: 123.1%; margin-top: 25px}
.contest ul.error {padding-left: 25px !important}
ul.contest_menu {text-align: center; margin: 10px auto 10px auto}
ul.contest_menu li {display: inline; font-size: 123.1%; margin-right: 8px}
ul.contest_menu li a {padding: 3px 8px 3px 8px; text-decoration: none}
ul.contest_menu li a:hover, ul.contest_menu li.current a {background: #476FB6;
color: white}
table.leaderboard {border-collapse: collapse; color: #363636; margin: auto;
margin-top: 25px; margin-bottom: 25px}
table.leaderboard a {text-decoration: none}
table.leaderboard tr td {padding: 10px 15px 10px 15px; font-size: 174%}
table.leaderboard tr td.top {color: white; background: #484848}
table.leaderboard tr td.top_left {background: url(/images/contest/table_top.gif)
top left no-repeat}
table.leaderboard tr td.top_right {background: url(/images/contest/table_top.gif)
no-repeat top right}
table.leaderboard tr td.views {width: 100px}
table.leaderboard tr td.user {width: 350px}
table.leaderboard tr.odd {background: #EEF8FE}
table.leaderboard tr.even {background: #F2E8B1}
table.leaderboard tr.you {background: #476FB6; color: white}
table.leaderboard tr.you a {color: white}
#contest_nag {border: 1px solid #ccc; text-align: center; margin-bottom: 15px;
position: relative; padding-bottom: 2px}
/* .close {position: absolute; top: 3px; right: 3px}
*/ /* @end */ /* @group iPaper at Scribd */ .account_settings {width: 600px}
.account_settings h2 small {font-size: 11px; margin-left: 15px}
.account_settings table tr td {vertical-align: top; padding-top: 7px}
.account_settings table tr td ul {padding-left: 0; margin-top:0; font-variant:
normal}
.account_settings table tr td ul li {list-style-type: none}
.account_settings table tr td.firstcol {font-weight: bold; width: 200px}
..account_settings table tr td.secondcol p {margin-top:0}
.account_settings table tr.header td {padding-top: 15px}
.account_settings table tr.save td {margin-top: 15px}
.greeting {font-size: 140%; color: #555; margin-top: 25px; font-weight: bold}
.conversion_stats {width: 500px; margin: 15px auto 20px auto}
.conversion_stats .header {font-size: 140%; color: #1B6FBF; margin-bottom: 10px;
margin-top: 0; padding: 0; text-align: center}
.conversion_stats p {color: #555; text-align: left}
div.round_gray {background: #e8e8e8 url(/images/backgrounds/gray_round_tl.gif) top
left no-repeat}
div.round_gray div {background: url(/images/backgrounds/gray_round_tr.gif) top
right no-repeat}
div.round_gray div div {background: url(/images/backgrounds/gray_round_bl.gif)
bottom left no-repeat}
div.round_gray div div div {padding: 15px; background:
url(/images/backgrounds/gray_round_br.gif) bottom right no-repeat}
h1.iats {margin-top: 25px}
.blue_fade {margin-top: 15px; padding-top: 15px; border-top: 1px solid #BBD5F9;
background: url(/images/ipaper_at_scribd/blue_bg.gif) top left repeat-x}
h2.blue {font-size: 187%; color: #476FB6; font-weight: bold; width: 500px; margin:
25px auto 15px auto; text-align: left}
h3.blue {font-size: 151%; color: #476FB6; text-align: left; margin-bottom: 15px}
.iats_body .wrapper {padding-right: 15px}
ul.iats {text-align: left; width: 500px; margin: auto; padding-left: 30px}
ul.iats li {list-style-type: disc; color: #555; font-size: 131%}
.iats_block {padding: 20px; border: 1px solid #ddd; margin-bottom: 30px}
.iats_block h3 + p {margin-top: 15px}
.iats_block p {color: #666; font-size: 116%; margin-bottom: 15px}
.iats_block p strong {font-weight: bold}
.iats_top_pitch {margin-bottom: 25px}
.iats_body ul {margin-top: 10px}
.iats_body ul li {margin-bottom: 5px}
.iats_block ul.more_reasons {padding-left: 25px}
.iats_block ul.more_reasons li {list-style-type: disc; color: #666; font-size:
116%}
/* @end */ /* @group Share WBU */ .share_with_friends {padding: 15px; margin-
bottom: 15px; margin-top: 15px}
.share_docs .related {padding: 15px}
.share_docs .filetype_image {float: left; margin-right: 10px}
.share_docs .filetype_image img {border: 1px solid #ccc}
.share_docs .related h2 {margin-bottom: 15px}
.share_docs .related ul li {margin-bottom: 15px}
.share_docs .related .rstats {margin-top: 5px}
.share_docs .check {float: left}
.share_docs .confirm {margin-left: 35px}
.share_docs strong {font-weight: bold}
/* @end */ /* @group Word Bulk Upload View */ .upload_view {text-align: center}
.upload_view .block {text-align: left; margin: auto; border: 1px solid #ddd;
width: 600px; padding: 15px}
.upload_view p.right {margin-top: 15px}
/* @end */ /* @group 500 Error */ .error_block {text-align: center; width: 600px;
margin: 35px auto 35px auto; background: #eef8fe; border: 1px solid #e4e4e4;
padding: 25px}
.error_block p {font-size: 116%; color: #555}
.error_block h1 {font-size: 170%}
/* @end */ /* @group Static */ #press table {margin-top: 15px; margin-bottom:
15px}
#press table tr td {padding: 3px 10px 3px 0}
/* Jobs Page */ #jobs {width:420px; float:left; font-size:14px; padding:0}
#jobs ul {padding-left: 25px; margin-bottom: 15px}
#jobs ul li {margin-bottom: 5px; list-style-type: disc}
/* Feedback */ table.feedback tr td {padding: 10px; vertical-align: top}
/* @end */ /* @group Homepage */ .homepage {}
.homepage p {color: #555}
.homepage p.more a{ text-decoration: none}
.homepage h1 {font-size: 153.9%}
.homepage h1 small {margin-left: 15px}
.homepage h1 small a {text-decoration: none}
.homepage h2 {color: #476FB6; font-weight: bold; font-size: 131%}
.homepage .header {margin: 25px auto 20px auto; text-align: center}
/* hot document splash */ .homepage .hot {background:
url(/images/homepage/hot_bg.gif) repeat-x left 7px; height: 1%; margin: 5px 0 5px
0; padding: 15px 80px 5px 80px; position: relative}
.homepage .hot .hot_top {background: url(/images/homepage/hot_top_round.gif) top
left no-repeat; height: 7px; position: absolute; top: 0; left: 0; width: 990px;
padding: 0}
.homepage .hot .right_arrow {cursor: pointer; position: absolute; right: 27px;
top: 100px}
.homepage .hot .left_arrow {cursor: pointer; left: 27px; position: absolute; top:
100px}
.homepage .hot .outer_container {overflow: hidden; width: 830px; position:
relative}
.homepage .hot .outer_container #hot_container {width: 100000px; left: 0;
position: relative}
.homepage .hot .outer_container #hot_container .doc {float: left; display: inline;
margin-right: 17px; width: 152px}
.homepage .hot .outer_container #hot_container .doc .thumb {width: 152px; height:
202px; background: url(/images/homepage/doc_border.gif); overflow: hidden}
.homepage .hot .outer_container #hot_container .doc .thumb img {position:
relative; top: 1px; left: 1px; display: none}
.homepage .hot .outer_container #hot_container .doc .title {color: #476FB6; font-
size: 121%; font-weight: bold; height: 2.5em; margin: 0.5em auto auto auto;
overflow: hidden; width: 152px}
.homepage .hot .outer_container #hot_container .doc .title a {color: #476FB6;
font-weight: bold; text-decoration: none}
.homepage .hot .outer_container #hot_container .doc .title a:hover {text-
decoration: underline}
.homepage .hot .outer_container #hot_container .doc .category {margin-top: 10px}
.homepage .hot .outer_container #hot_container .doc .category a {color: #888;
text-decoration: none}
.homepage .hot .outer_container #hot_container .doc .category a:hover {text-
.homepage .hot .more a {text-decoration: none}
.homepage .pitch {background: #EEF8FE; border: 1px solid #E5D89C; padding: 15px}
.homepage .pitch h2 {color: #363636}
.homepage .pitch em {font-style: italic}
.homepage .pitch ul {padding-left: 10px; margin: 10px auto 10px auto}
.homepage .pitch ul li {list-style-type: disc; margin-bottom: 3px}
.homepage .explore {clear: both; padding-top: 20px}
.homepage .explore ul.content_tabs {margin-top: 10px}
.homepage .explore .box {border-top: 4px solid #5B95CF; background:
url(/images/homepage/hot_bg.gif) top left repeat-x; clear: left; padding: 15px}
.homepage .explore .box ul li {margin-bottom: 3px}
.homepage .explore .box ul li a {font-size: 116%}
.homepage .explore #explore_tags {display: none}
.homepage .explore #explore_tags a {padding-left:3px; padding-right:3px; text-
decoration: none}
.homepage .featured {background: #FFF9DC; padding: 15px}
.homepage .featured h1 {font-size: 123.1%; color: #476FB6; margin-bottom: 10px}
.homepage .featured .group {margin-bottom: 10px}
.homepage .featured .group .thumbnail {float: left}
.homepage .featured .group .description {padding-left: 65px}
.homepage .featured .group .description p {margin-bottom: 0.3em; margin-top:
0.3em}
.homepage .featured .group .description p.name {}
.homepage .featured .more {margin-top: 15px; clear: both}
.homepage .featured .more a {text-decoration: none}
.homepage .featured .more_users {margin-top: 5px; clear: both}
.homepage .featured .more_users a {text-decoration: none}
.homepage .users {margin-top: 20px; margin-bottom: 20px}
.homepage .users table {width: 100%}
.homepage .users table tr td {text-align: left; width: 152px; padding: 3px}
.homepage .users table tr td.info {padding-bottom: 10px}
.homepage .users p {margin: 0.3em auto 0.3em auto}
.homepage .users .info p {width: 142px; overflow: hidden; text-align: left}
.homepage .ipaper_introduce {margin-top: 10px; color: #555}
.homepage .tools p.more, .homepage .news p.more {margin-top: -0.5em; margin-
bottom: 25px}
/* @end */ /* @group Admin */ /* @group Test Results */ table.test_results
{border-collapse: collapse; margin-top: 15px}
table.test_results tr td {padding: 5px; border: 1px solid #ddd}
/* @end */ /* @end */ .no_border {border:none !important}
/* @end */ /* zoho classes that must be added to new_word.css */ #zoho_login
{font-family:Arial,Helvetica,sans-serif; color:#000 border:#ccc solid 1px;
padding:20px}
#zoho_login h1 {font-weight: bold; color:#000; font-size: 14pt}
#zoho_login h2 {font-weight: bold; color:#000; font-size: 10pt}
table.zoho_table {margin-top:10px; vertical-align: bottom; width:100%}
table.zoho_table td.first {width:30%}
table.zoho_table td {text-align: left; vertical-align: bottom}
table.zoho_table td p {font-weight:bold; margin:.8em 5px .8em auto; outline: none;
text-align:right}
table.zoho_table td input {padding:1px; border:2px inset threedface; margin:.8em
auto; background-color: transparent}
#zoho_login hr {border:0; border-bottom: 1px dotted #ccc; height: 1px; background-
color: #fff; color:#fff}
input.no_style {border:inherit; background-color: inherit}
/* global colors #eef8fe lightest blue (left nav) #EEF8FE medium blue (top nav,
deep subnavs) #6496c3 dark blue (links, top subnav) #388FDF darkest blue (a:hover)
#fff1a4 spring yellow */ /* @group Global */ body {background-color: #fff; font-
family: 'Lucida Grande',Trebuchet,Helvetica,sans-serif; color: #363636; text-
align: center; background: url(/images/topbar/bg.gif) top left repeat-x; font-
size-adjust:none; font-style:normal; font-variant:normal; font-weight:normal}
/* used to customize the width on Yahoo Grids */ #scribd-doc {margin:auto;text-
align:left; /* leave unchanged */ padding-top:15px; width:76.153em;/* non-IE */
*width:74.3185em;/* IE */ min-width:600px;/* optional but recommended */ }
a {color: #6496c3; outline: none; font-weight:normal; text-decoration: none}
a:hover {color: #388fdf; text-decoration: underline}
.alert {color:#DB5B61}
.green {color:#4bb296}
.alert_box {background-color: #fff1a4; border:#cdc3a7 solid 1px; padding:2px 5px
10px 5px; text-align: center}
.alert_box2 {border:#eee solid 7px; padding:2px 5px 10px 5px; text-align: center}
.alert_box h1 {font-size:18px !important; text-align: center !important;
margin:auto; float:none; clear:both; margin-top:3px; letter-spacing: -1px}
.alert_box a {color: #363636}
.big {font-size: 15px}
.bold {font-weight: bold}
.button {padding:2px !important}
.center {margin-left: auto; margin-right: auto; text-align: center !important}
.center a {margin-left: auto; margin-right: auto}
.clear {clear: both !important}
.clear_right {clear: right !important}
.clear_left {clear: left !important}
.col2 {float: left; width: 45%; margin-right: 15px}
.col5 {float: left; width: 183px; margin-right: 15px}
.copyable {float: left}
.divide {padding-top: 5px; border-top: 1px solid #eee}
div.first {margin-top: 0 !important}
.error {color: #DB5B61}
em {font-style: italic}
/* Edited by CAO */ .filters {background-color: #fbfbfb; border-bottom:#6496c3
solid 1px; margin:0; padding:6px 5px 5px 5px}
/* End CAO */ form {font-size:12px}
.green_check {float: left; margin-right: 5px; margin-top: 7px}
.green_check_text {margin-left: 32px}
h1, h2, h3, h4, h5, h6, h7 {color:#363636; font-weight:normal}
h1 {font-size: 20px}
h1.first, h2.first, h3.first, h4.first, h5.first, h6.first, p.first {margin-top: 0
!important}
h1.underline {border-bottom:#ccc solid 1px; padding-bottom:3px}
h2 {font-size: 18px }
h2.sub {margin-top: 4px !important; color: #555}
h2.adj {font-size:16px}
h3.sub {margin-top: 4px !important; color: #555}
h3.underline {border-bottom: #ccc solid 1px; padding-bottom: 3px}
#right_nav h3 {margin: 16px 0}
h4 {font-size: 15px }
h4.underline, h5.underline {border-bottom: 1px solid #ddd}
h6 {font-size: 11px; text-transform: uppercase}
h7 {font-size: 10px; text-transform: uppercase}
.hidden {display: none}
hr {background-color: #e4e4e4; border:0; color: #e4e4e4; height:1px}
img {border: 0; vertical-align: middle}
img.base {vertical-align: baseline}
li {font-size:12px}
p.not_bold {font-weight:normal !important}
textarea, input {border: 1px solid #ccc; padding:3px}
input, textarea, select {font-size:11px}
.leftpic {float: left; margin: 10px 10px 10px 0; clear: left}
.left {float: left}
.middle {vertical-align: middle !important}
.nag {background-color: #eef8fe; padding: 15px; position: relative; margin-bottom:
15px}
.nag .close {position: absolute; top: 10px; right: 10px}
.special_nag {border: #fff3b4 solid 10px; background-color: #fffdf1; padding:
15px; margin-bottom: 15px}
.special_nag p.first, .queue p.first {text-align:left}
.onpage_specialnag .special_nag {width:600px; margin-top:20px}
.lightbox .special_nag {margin-top:20px; margin-bottom:0}
.no_border {border:0 !important}
.search_groups, .relative_button {border:0; position:relative; top:13px}
.notice_small, .notice, .notice_fluid {background: #EEF8FE; border: 1px solid
#e4e4e4; padding: 16px; color: black; font-size: 108%; clear: both; margin: 10px
auto 10px auto; width: 500px; text-align: left}
.notice_fluid {width: auto; margin-left: 0}
.notice_small {width: auto; padding: 0; border: 0}
.notice_small p {margin: 4px}
.notice_small img {margin-right: 5px}
.notice img {float: left; margin-right: 7px}
.notice .image {float: left; margin: 10px}
.notice .poem {font-style: italic; line-height: 1.7em}
p {font-size:12px; line-height:16px; margin: 0.75em auto 0.75em auto}
p.description {clear:both}
p.first {margin-top: 0; padding-top: 0; text-align: center}
p.first .thumbnail_image {text-align: center}
p.right {margin-top: 0}
p.strong, .strong {font-weight: bold !important}
p.message_excerpt {margin-right:40px}
p.notification {border-bottom: #e4e4e4 solid 1px; margin-bottom: 15px; padding-
bottom: 5px}
p.notification img {position: relative; top:3px}
p.notification small {color: #666; font-size:9px; text-transform: uppercase}
p.notification a.action {background-color:#EEEEEE; color:#363636; height:13px;
margin:0pt 5px; padding:1px 2px; text-decoration:none}
p.notification a.action:hover {background-color:#ccc; color:#363636; height:13px;
margin:0pt 5px; padding:1px 2px; text-decoration:none}
p.notification strong {color: #DB5B61; font-weight: bold; margin:0 10px 0 10px}
.pic {border: 3px solid #eee}
.plain_box {margin: 20px auto 20px auto; padding: 15px 15px 15px 0; clear: left}
.plain_box .thumbnail_square {margin-right: 10px; margin-bottom: 20px}
.plain_box .thumbnail_text {margin-left: 145px}
.preload {position: absolute; top: -1000px}
.right {float: right !important}
.rightpic {float: right; margin: 10px 0 10px 10px}
.screenshot {border:#e4e4e4 solid 3px; margin:auto; padding: 3px}
small, small a.cancel {font-size:11px !important}
small.new {background: yellow fixed; font-size: 77%; color: #555}
.submit_buttons {height: 33px; line-height: 33px; border: 0; vertical-align:
middle}
.submit_buttons input {border: 0; float: left; margin-right: 15px}
.submit_buttons a {line-height: 33px; display: block; float: left; margin-right:
15px}
strong {font-weight: bold}
table {border-collapse:collapse; margin:0; padding:0}
table.three {width: 100%}
table.three tr td {width: 30%; padding: 15px}
table.center tr td {text-align: center}
table.three .copy_small_button {margin-left:10px}
.text h1, .text h2, .text h3, .text h4, .text h5, .text h6 {margin: 20px auto 0
auto}
.text form {margin: 15px auto 15px auto}
.text .leftpic {margin-top: 0}
.text ul li {list-style: disc; list-style-position: outside; margin-left: 15px;
margin-bottom: 3px}
.text ul, .text ol {margin: 15px auto 15px auto}
.text ol li {list-style-position: outside; margin-left: 25px; margin-bottom: 3px;
list-style-type: decimal}
.text_container {clear: both; margin-bottom: 15px}
.text_container .leftpic {margin-bottom: 15px}
.text_box {background-color: #EEF8FE; border:#e4e4e4 solid 1px; padding: 15px;
.text_box ul li {list-style: disc; list-style-position: outside; margin-left:15px}
img.thumbnail_image {border:#e4e4e4 solid 3px; margin:auto; padding: 3px}
.thumbnail_square {border:#e4e4e4 solid 3px; float: left; margin:0 5px 0 0;
padding: 3px}
.w25 {width: 25% !important}
.error_box {border: 1px solid #ccc; background: #FFDFDF; padding: 6px; color:
#DB5B61; font-size: 108%; clear: both; margin: 10px auto 10px auto}
/* @end */ /* @group Forms */ .form {text-align: left}
.form .cancel_link {margin-left: 5px}
.form .checkbox {border: 0 !important}
.form label {display: block; margin-bottom: 2px; clear: left}
.form label em {color: #777; font-size: 85%; font-style: italic}
.form h1 {margin-bottom: 15px}
.form .input, .form .input_short {background: #fff
url(/images/backgrounds/gray_fade_short.gif) repeat-x; margin-bottom: 20px; font-
size: 116%; padding: 4px; width: 200px}
.form .input_short {width: 100px}
.form .textarea {width: 350px; height: 150px}
.form .last {margin-bottom: 0 !important}
.form .w3 {width: 300px}
.form .radio {border: 0}
.form .fieldWithErrors .input {margin-bottom: 0}
.form .fieldWithErrors {}
.form .submit {border: 0 !important; font-size: 16px}
.form select {margin: 5px auto 5px auto}
.form table {border-collapse: collapse}
.form table tr td {padding: 10px; vertical-align: top}
/* @end */ /* @group Tabs */ ul.content_tabs {list-style: none; padding:0;
margin:10px 0 0 0; height: 35px}
ul.content_tabs li {display:inline; font-size: 14px}
ul.content_tabs li a {background-color:#EEF8FE; border: #EEF8FE solid 1px; color:
#6496c3; display:block; float:left; margin-right:10px; padding:8px 10px 8px 10px;
text-decoration: none}
ul.content_tabs li.inactive span {background-color: #eee; border: #eee solid 1px;
color: #999; display:block; float:left; margin-right:10px; padding:8px 10px 8px
10px; text-decoration: none}
ul.content_tabs li a:hover {background-color: #eef8fe; color: #6496c3; text-
decoration: none}
ul.content_tabs li.current a, ul.content_tabs li.current a:hover {background-
color: #6496c3; border: #6496c3 solid 1px; color: #fff}
.content_tabs_bottom {border-top: #6496c3 solid 1px; clear: left; margin: 0}
/* @end */ /* @group Tool Tips */ div#toolTip {position:absolute; z-index:1000;
/*width:220px;*/ background:#388FDF; border:2px double #fff; text-align:left;
padding:5px; min-height:1em; -moz-border-radius:5px}
div#toolTip p {margin:0; padding:0; color:#fff; font:11px/12px verdana,arial,sans-
serif}
div#toolTip p em {display:block; margin-top:3px; color:#f60; font-style:normal;
font-weight:bold}
div#toolTip p em span {font-weight:bold;color:#fff}
/* @end */ /* @group Pagination */ .paginator {clear:both; margin:20px 0 10px 0}
.paginator p {float:left; margin-right: 20px}
.paginator span {border: #fff solid 1px; display:block; float:left; margin-right:
10px; padding:3px 6px}
.paginator a {background-color: #fff; border: #6496c3 solid 1px; display: block;
float: left; margin-right: 10px; padding:3px 6px}
.paginator a:hover {background-color: #6496c3; color: #fff; text-decoration: none}
.paginator a:active {background-color: #363636; border: #363636 solid 1px; color:
#fff; text-decoration: none}
.pagination_links a {padding: 1px 5px 1px 5px; background:white; color: #578CCA;
border: 1px solid #578CCA; border-width: 1px; text-decoration: none}
.pagination_links a:hover {background: #578CCA; color: white; text-decoration:
none}
.pagination_bar p {margin: 4px auto 4px auto; padding: 0}
.pagination_bar {margin: 15px auto 15px auto}
/* @end */ /* @group Dropdowns and Buttons */ ul.dropdowns {float: left; margin:
0; padding: 0; overflow: hidden}
ul.dropdowns li {font-size:11px; background-color:#eee; color: #363636;
display:block; float:left; height:13px; margin:0 5px; padding:3px 5px; text-
decoration: none}
ul.dropdowns li img {bottom:3px; position:relative}
ul.dropdowns li span {bottom:5px; position: relative}
ul.dropdowns li .dropdown {position: absolute; padding: 0; top: 18px; background:
#EEEEEE; left: 0}
ul.dropdowns li .dropdown table {border-collapse: collapse}
ul.dropdowns li .dropdown table tr td {width: 80px; padding: 0 10px 0 10px;
border-right: 1px solid #555}
ul.dropdowns li .dropdown table tr td.last {border: 0}
ul.dropdowns li .dropdown a {display: block; padding: 4px 5px 2px 4px; font-size:
108%; text-decoration: none; width: 100px; z-index: 100; color: #555}
ul.dropdowns li .long a{ width: 180px}
ul.dropdowns li .dropdown a:hover {background: #ccc}
ul.dropdowns_submit {float: left; margin: 0; padding: 0; overflow: hidden}
ul.dropdowns_submit li {display: inline; display:block; float:left}
ul.dropdowns_submit li .submit_tag {font-size:11px; background-color:#eee; color:
#6496c3; height:19px; margin:2px 5px; padding:0px 5px 0 5px; text-decoration:
none; border: 0}
ul.dropdowns_submit li img {bottom:3px; position:relative}
ul.dropdowns_submit li span {bottom:5px; position: relative}
/* @end */ /* @group Lightboxes */ #overlay {position: absolute; top: 0; left: 0;
height: 100%; width: 100%; opacity: 0.6; -moz-opacity: 0.6; filter:
alpha(opacity=60); background: black; z-index: 100}
.lightbox {z-index: 1000; position: absolute; overflow: auto; background: white;
border-width: 5px; border: 3px solid #e4e4e4; text-align: left}
.lightbox .close {position: absolute; top: 10px; right: 10px}
.lightbox .close_bar {position: absolute; top: 7px; right: 7px}
.queue {border: #fff3b4 solid 10px; background-color: #fffdf1; padding: 15px;
position: relative; margin-bottom: 15px; width:700px}
/* @end */ /* @group Login */ #login_lb, .lightbox {padding:20px}
#login_lb h1, .lightbox h1 {text-align:left; margin-bottom:10px}
.signup_lb {width: 600px}
.login_lb {width: 900px}
#logout {background: #eef8fe; text-align: center; height: 1%; padding: 15px}
.loginform {margin: 0px auto 0px auto; text-align: left}
.loginform .signup_input {width: 180px}
.loginform input {font-size: 116%; /*width: 175px;*/ }
.loginform .submit {font-size: 123.1%; padding: 5px !important; width: auto !
important}
.loginform .login {text-align: left}
.loginform h1 {margin-top:15px; margin-bottom:10px}
.loginform .signup h2 {margin-bottom: 10px; color: #363636 !important; margin-
top:0}
.loginform .login table, .loginform .signup table {margin-top: 10px; border-
spacing: 0; border-collapse: separate}
.loginform .login table tr td, .loginform .signup table tr td {padding-right:
15px; padding-bottom: 10px}
.loginform .other_options {font-size: 85%; color: #999; border-bottom: 1px solid
#bbb; margin: 25px auto 10px auto}
#login_lb .explanation {color: #555; border-bottom: 1px solid #eee; margin-bottom:
10px; padding: 0; text-align: left; position:relative; top:-10px}
#personalize_lb label {font-size: 100%; display: block; margin-bottom: 2px; clear:
left}
.form .tagline, #personalize_lb .tagline {margin: 0 0 25px 0}
#personalize_lb .input {background: #fff
url(/images/backgrounds/gray_fade_short.gif) repeat-x; margin-bottom: 20px; font-
size: 116%; padding: 4px; width: 200px}
.form .login2 .login_submit {float: left; clear: left; border: 0; margin: auto
25px 35px auto}
.form .login2 #signup_spinner {float: left; margin-left: 10px}
.form .login2 .trouble {float: left; margin-top: 10px; font-size: 93%}
.form .other_options {font-size: 85%; clear: both; color: #777; border-bottom: 1px
solid #bbb; margin: 25px auto 10px auto}
.form .respect {clear: left; font-size: 85%; margin-left: 0; text-align: left}
.form .signupform {margin-right: 25px}
.form .signup_reasons_container {background: #eef8fe; float: right; margin-right:
35px; width: 230px}
.form .signup_reasons_container .signup_reasons {border:#ccc solid 1px; padding:
10px}
.form .signup_reasons h2 {color: #363636}
.form div.signup span.alert {display:block; margin-bottom:10px; width:200px}
#login_form small {font-size:10px}
#login_successful_lb, #signup_successful_lb {padding: 15px; width: 375px; text-
align: center}
#forgot_password_lb {width: 600px; padding: 15px}
#forgot_password_lb form {width: 300px; text-align: left; margin: 15px auto 15px
auto}
#forgot_password_lb form input {padding: 4px}
#forgot_password_lb form #email_address {background: #fff
url(/images/backgrounds/gray_fade_short.gif) repeat-x}
.signup_input {padding: 4px; background: #fff
url(/images/backgrounds/gray_fade_short.gif) repeat-x}
#welcome_lb {width: 685px; padding: 35px; text-align: left; color: #555}
#welcome_lb .thumbnail_image {width:300px}
#welcome_lb .message {text-align: center; margin: 10px auto 10px auto; width:
150px}
#personalize_lb {width: 800px; padding: 15px 15px 55px 15px; text-align: left;
color: #555}
#personalize_lb .input_textarea {background: #fff
url(/images/backgrounds/gray_fade_short.gif) repeat-x; height: 50px; margin-
bottom: 20px; padding: 4px; width: 300px}
#personalize_lb ul li {margin-bottom: 3px; vertical-align: middle}
#personalize_lb ul.picture {padding-left: 25px; float: left; margin: 10px auto
10px auto}
#personalize_lb ul.picture li {list-style-type: disc}
#personalize_lb .input {width: 300px}
#personalize_lb .interests input {border: 0}
#personalize_lb label {font-weight: bold}
#personalize_lb label.other {clear: both; padding-top: 15px}
#personalize_lb .submit {border: 0; margin-top: 15px}
#personalize_lb h3 {margin-bottom: 15px}
#upload_picture_progress {border: 1px solid #ccc; font-size: 10px; height: 48px;
margin-top: 15px; width: 48px; float: left; position: relative}
#upload_picture_progress_message {position: absolute; top: 12px; left: 12px}
#personalize_lb .upload_picture_inputs {clear: left}
#personalize_lb .upload_picture_inputs input.submit {border: 0; margin-top: 0;
margin-left: 5px}
#personalize_lb .upload_picture_inputs input {float: left}
#personalize_lb .save_buttons {position: absolute; bottom: 15px; width: 100%}
#personalize_lb .save_button .container {width: 33%; margin: auto}
/* @end */ /* @group Nav Structure */ #left_nav {background-color: #eef8fe;
float:left; margin:0 0 25px 0; padding: 0 0 10px 5px; position: relative;
width:192px}
#left_nav .left_invite {margin-top: 25px}
.left_border {border-left: #E4E4E4 solid 1px; float:right; margin-bottom: 25px}
#main {clear: both; margin-left:10px; /*overflow: auto;*/ width:781px}
#right_nav {float:right; margin:0 0 25px 0; padding: 0 0 10px 5px; position:
relative; width:280px}
#subcontainer {float:right; margin-left:-31em; text-align:left; width:100%}
ul.nav_list {clear: both; list-style:none; margin:0; padding: 0; height: 1%; /*
holly hack */ }
ul.nav_list li {font-size:12px; margin:5px}
ul.nav_list li.selected {background-color: #72ABDF; color: #fff; padding:3px}
ul.nav_list li.selected a {background-color: #72ABDF; color: #fff; padding: 0;
display: block}
ul.nav_list li.expanded {border-top:#eee solid 1px; border-bottom: #eee solid 1px;
font-size:13px}
ul.subcategories {margin:0; padding:2px 0 2px 0}
ul.subcategories li {color:#6496c3; font-size: 11px; list-style-type:none;
margin:0; margin-left: 5px; padding: 0}
ul.subcategories li.selected {background-color: #72ABDF; color: #fff; padding:2px
3px}
ul.subcategories li.selected a:hover {text-decoration: none}
.nav_action {position:relative; bottom:2px; margin-left:20px}
.subnav {border-top:#eee solid 1px; border-bottom: #eee solid 1px; margin:5px}
.subnav h3 {font-size:13px; margin:3px}
#left_nav h6 {margin-top:10px; font-weight:bold}
#middle_column {width: 67%}
#right_column {float:right; padding: 5px; width:30%}
/* @end */ /* @group Data Table */ table.data {border-collapse: collapse; margin-
bottom: 15px; margin-top: 15px}
table.data tr th {font-size: 14px; font-weight: bold}
table.data tr td, table.data tr th {padding: 10px; border: 1px solid #ccc; text-
align: left}
/* @end */ /* @group Listing Table */ table#listing_table {border-collapse:
collapse; margin:15px 0 15px 0; width:100%}
table#listing_table th, table#listing_table td {text-align: left; vertical-align:
middle}
table#listing_table th {background-color:#FBFBFB; border-bottom:1px solid #6496c3;
border-top:1px solid #6496c3; margin:0pt; padding:6px 5px 5px 0; vertical-align:
middle}
table#listing_table tr {border-bottom:#eee solid 1px}
table#listing_table tr.document_subhead, table#listing_table .subhead {background-
color: #EEF8FE; height:20px; padding:5px; border-bottom:1px solid #6496c3}
table#listing_table .subhead th {background: none; border-bottom: 1px solid
#6496c3; border-top: 1px solid #6496c3; vertical-align: middle}
table#listing_table tr.document_subhead td.sorted, table#listing_table .subhead
.sorted {background-color:#fff; border-left:#6496c3 solid 1px; border-
right:#6496c3 solid 1px; border-bottom: #fff solid 1px}
table#listing_table tr.document_subhead td.sorted a, table#listing_table tr
.sorted a {font-weight:bold}
table#listing_table h4 {margin-top:5px; text-align:left}
table#listing_table p.description {float: left; text-align: left; overflow:
hidden}
table#listing_table th.message {width:400px}
table#listing_table th.from {width:120px}
table#listing_table th.date {width:120px}
table#listing_table tr.document_subhead h5 {margin:5px 0 5px 0}
table#listing_table .button {position:relative; bottom:1px}
table#listing_table td img {text-align: center; vertical-align: middle}
table#listing_table img.thumbnail {border:#ccc solid 1px; margin: 5px; text-
align:left; width:48px}
table#listing_table td.actions {text-align: center}
table#listing_table tr.message_row td {padding-top:10px}
table#listing_table .members td, table#listing_table .discussions td {font-size:
.9em; padding: 10px 0 10px 0; vertical-align: top}
table#listing_table .members td img {margin-right: 10px}
table#listing_table .members td a, table#listing_table .members td span {white-
space: nowrap}
table#listing_table .members p.actions {font-size: 11px}
/* @end */ /* @group Profiles Table */ table.profiles {clear: right}
table.profiles tr td {vertical-align: middle; padding: 5px; width: 153px;
overflow: hidden; text-align: center}
table.profiles tr td .metadata {color: #999; font-size: 11px}
/* @end */ /* @group Document Summary */ div.filters div.dropdown_selection
{display: block; float: left}
div.filters div.list_selection {display: block; float: right}
.summary .title {font-size: 138.5%}
.summary .title img {vertical-align: middle}
/* .summary .description {padding-top: 5px; padding-bottom:5px; color:black;
width: 100%}
*/ .summary {padding-left: 5px}
.summary .right_toolbar {float: right; /*margin-left: 10px;*/ }
.doc_thumbnail {text-align: center}
/* Modified by CAO */ .document_summary {position: relative; border-bottom:
#E4E4E4 solid 1px; margin-top: 20px; padding-bottom: 20px; /*height: 1%; /*holly
*/ }
/* end CAO */ /* Added by CAO */ .document_summary h4 {padding-right: 75px;
margin-bottom: 5px}
.document_summary div.thumbnail {display: inline; float: left; text-align: center;
width: 100px}
.document_summary div.summary {margin-left: 125px; padding: 0; position: relative}
.document_summary div.summary li.pages {bottom:0; position: relative}
.document_summary .action_icons {position: absolute; top: -1px; right: 0}
/* end CAO */ table#my_documents .favorites tr {border-bottom: 0}
.document_summary table td, .comment_summary table td {vertical-align: top}
.document_summaries {clear:both}
/* Holly Hack: prevents 3px gap (only IE-win sees this) \*/ * html .summary
{height: 1%; margin-left: 0}
/* End Holly Hack */ ul.stats_bottom {/* Modified by CAO 07/23/08 */
/*height:20px;*/ /* end CAO */ list-style:none; margin:10px 0 0 0; padding: 0;
vertical-align: bottom}
ul.stats_bottom li {display: inline; float:left; font-size:10px; /* Modified by
CAO 07/23/08 */ line-height: 1.6em; /* height:20px;*/ /* end CAO */ margin:0;
margin-right:20px; text-transform: uppercase; vertical-align: bottom; /* Modified
by CAO 07/23/08 */ /* position: relative; */ /* end CAO */ }
ul.stats_bottom li.hot_date {color: #db5b61; font-weight: bold}
ul.stats_bottom li img {vertical-align: top}
.filetype {float: left; clear: left; margin-right: 0; color: #555; font-size: 85%;
text-align: center}
.filetype_with_thumbnail {float: left; clear: left; margin-right: 0; color: #555;
font-size: 85%; text-align: center}
.thumbnail .toolbar {text-align: left !important; margin: -20px auto 0 auto;
padding-left: 6px}
.thumbnail .toolbar img {border: 0 !important}
a .thumbnail_image:hover, a .thumbnail_square:hover {border:#6496c3 solid 3px}
a .thumbnail_image:active, a .thumbnail_square:active {border:#EEF8FE solid 3px}
.add_group_checkbox {float: right}
/* Modified by CAO */ .show_group_select {padding-right: 10px; color: #777; font-
size: 100%; float: right; margin: 0 0 10px 0; clear: right}
/* end CAO */ .group_select {float: right; font-size: 100%; text-align: right;
padding: 10px; margin-top: 10px; margin-bottom: 10px; color: #363636; background:
#eef8fe; border: 1px solid #e4e4e4; clear: right}
.group_select p {margin-bottom: 10px}
.document_summary .right_toolbar {float: right; /*margin-left: 10px;*/ }
/* @end */ /* @group Grid Listing */ #grid_listing {}
table#doc_grid2 {text-align: left; border-collapse: collapse; z-index: 10}
table#doc_grid2 tr {padding: 0; margin: 0}
table#doc_grid2 tr td {width: 33%; padding: 0px; padding-right: 20px; padding-
left: 10px}
table#doc_grid2 tr td .thumbnail_nofloat {border: 1px solid #ccc}
table#doc_grid2 tr td .thumb_container {position: relative}
table#doc_grid2 tr td.thumb {vertical-align: middle}
table#doc_grid2 tr td.desc {padding-bottom: 25px}
table#doc_grid2 tr td .title {font-size: 116%; height: 38px; line-height: 18px;
overflow: hidden; margin-top: 4px}
table#doc_grid2 tr td .data {margin-top: 6px; color: #555}
table#doc_grid2 tr td .data p {margin-bottom: 2px}
table#doc_grid2 tr td .thumb_container .toolbar {position: absolute; bottom: 3px;
left: 3px}
/* @end */ /* @group View Document Page */ .ipaper_highlighting {font-size: 11px;
padding: 5px}
.survey {font-size: 11px; padding: 6px}
.survey img {float: left; margin-right: 5px; margin-top: 5px}
/* @end */ /* @group User Profile */ .user_stats {border:#e4e4e4 solid 1px;
background-color: #fff; margin:5px 5px 0 0; padding:5px}
.user_stats p {margin: 5px auto 5px auto}
.profile_box {width:190px; word-break: inherit}
.profile_box td {vertical-align: top}
.profile_box td.data p {overflow: hidden; display: block; width: 100px}
#profile_info .box {margin-bottom:10px; overflow: hidden; width:190px}
#profile_info h2 {border-bottom: #E4E4E4 solid 1px; margin:15px 0 5px 0; padding:0
0 1px 0}
#profile_info h6 {font-weight: bold; margin:15px 0 0 0}
.box {clear:both}
.box img {float:left}
.comment_summary {border-bottom: #E4E4E4 solid 1px; margin-top:5px; padding-
bottom:5px; /*overflow: auto;*/ }
p.comment_info {margin-right:15px}
/* @end */ /* @group Edit Group */ #edit_group label {font-weight: bold; margin:
3px 0}
#edit_group input {color: #363636; padding: 3px}
#edit_group textarea {color: #363636; padding: 5px}
/* @end */ /* @group Group Info */ #group_info .search_group {position: relative;
top: -15px}
#group_info .search_input {width: 100px; color: #888}
#group_info .search_input {padding: 3px; margin: 0 5px 0 0}
#group_info .submit {padding: 2px}
/* @end */ /* @group Groups */ /* @end */ /* @group Files */ #upload_picture form
#file {margin: 20px 0 10px 0}
#upload_picture form input.submit, #edit_groupType input.submit {padding: 2px}
/* @end */ /* @group Forms */ form p {margin: .5em 0 1em 0}
form .text, form textarea {color: #666; padding: 3px}
form textarea {width: 300px}
/* @end */ /* @group Footer */ #footer_search_container {background: #EEF8FE;
text-align: center; clear: both; height: 50px; padding-top: 15px; margin-top:
25px}
#footer_search {width: 590px; font-size: 16px; text-align: left; margin: auto;
position: relative}
#footer_search form {display: block}
#footer_search .search_input {float: left; width: 330px; margin: auto 10px auto
15px; height: 23px; font-size: 20px; position: relative; top: 3px}
#footer_search .submit {border: 0; float: left}
#footer_search div {float: left; line-height: 35px; margin-bottom: 10px; font-
size: 16px}
#footer {width: 990px; margin: auto; text-align: left; margin-top: 15px; margin-
bottom: 25px}
#footer ul {margin-top: 10px}
#footer ul li {margin-bottom: 4px; font-size:12px}
/* @end */ /* @group Homepage */ .homepage {}
.homepage p {color: #555}
.homepage p.more a{ text-decoration: none}
.homepage .col2 {margin-top: 15px}
.homepage h1 {font-size: 153.9%}
.homepage h4 {clear: right}
.homepage .header {margin: 25px auto 20px auto; text-align: center}
/* hot document splash */ .homepage .hot {background:
url(/images/homepage/hot_top_back2.gif) top left no-repeat; margin: 5px 0 5px 0;
padding: 14px 60px 5px 60px; position: relative; height: 211px}
.homepage .hot .hot_top {/*background: url(/images/homepage/hot_top_round.gif) top
left no-repeat;*/ height: 7px; position: absolute; top: 0; left: 0; width: 990px;
padding: 0}
.homepage .hot .right_arrow {cursor: pointer; position: absolute; right: 17px;
top: 86px}
.homepage .hot .left_arrow {cursor: pointer; left: 17px; position: absolute; top:
86px}
.homepage .hot .outer_container {overflow: hidden; width: 872px; position:
relative}
.homepage .hot .outer_container #hot_container {width: 100000px; left: 0;
position: relative}
.homepage .hot .outer_container #hot_container .doc {float: left; display: inline;
margin-right: 16px; width: 131px}
.homepage .hot .outer_container #hot_container .doc .doc_box {border: 3px solid
#eee; padding-bottom: 5px; padding-top: 5px}
.homepage .hot .outer_container #hot_container .doc .thumb {width: 105px; height:
122px; position: relative; left: 10px; /*background:
url(/images/homepage/doc_border.gif);*/ overflow: hidden}
.homepage .hot .outer_container #hot_container .doc .thumb img {display: none;
position: relative; /*border: 1px solid #aaa;*/ }
.homepage .hot .outer_container #hot_container .doc .title {font-size: 121%; font-
weight: bold; height: 1.10em; margin: 0.5em auto auto 12px; overflow: hidden;
width: 105px}
.homepage .hot .outer_container #hot_container .doc .title a {text-decoration:
none; font-size: 12px}
.homepage .hot .outer_container #hot_container .doc .title a:hover {text-
.homepage .hot .outer_container #hot_container .doc .category {margin-top: 0;
margin-left: 10px; overflow: hidden; height: 16px}
.homepage .hot .outer_container #hot_container .doc .category a {text-decoration:
none; font-size: 9px}
.homepage .hot .outer_container #hot_container .doc .category a .in {color:
#363636}
.homepage .hot .outer_container #hot_container .doc .category a:hover, .homepage
.hot .outer_container #hot_container .doc .category a:hover .in {text-decoration:
underline; color: #388fdf}
.homepage .hot .outer_container #hot_container .doc .empty {visibility: hidden}
.homepage .hot .more a {text-decoration: none}
.homepage .pitch {background: #EEF8FE; border: 1px solid #e3e3e3; padding: 15px}
.homepage .pitch h2 {}
.homepage .pitch em {font-style: italic}
.homepage .pitch ul {padding-left: 15px; margin: 10px auto 15px auto}
.homepage .pitch ul li {list-style-type: disc; margin-bottom: 3px}
.homepage .explore {clear: both; padding-top: 20px}
.homepage .explore ul.content_tabs {margin-top: 10px}
.homepage .explore .box {clear: left; padding: 15px}
.homepage .explore .box ul li {margin-bottom: 3px}
.homepage .explore .box ul li a {font-size: 100%}
.homepage .explore .box .col {float: left; margin-right: 10px; width: 138px}
.homepage .explore #explore_tags {display: none}
.homepage .explore #explore_tags a {padding-left:3px; padding-right:3px; text-
decoration: none}
.homepage .featured {}
.homepage .featured h4 {margin-bottom: 10px}
.homepage .featured .group {margin-bottom: 25px; clear: left}
.homepage .featured .group img {border: 3px solid #eee}
.homepage .featured .group .thumbnail {float: left}
.homepage .featured .group .description {padding-left: 65px}
.homepage .featured .group .description p {margin-bottom: 0.3em; margin-top:
0.3em}
.homepage .featured .group .description p.name {}
.homepage .featured .more {margin-top: 15px; clear: both}
.homepage .featured .more a {text-decoration: none}
.homepage .featured .more_users {margin-top: 5px; clear: both}
.homepage .featured .more_users a {text-decoration: none}
.homepage .users {margin-top: 20px; margin-bottom: 20px}
.homepage .users table {width: 100%}
.homepage .users table tr td {text-align: left; width: 152px; padding: 3px}
.homepage .users table tr td.info {padding-bottom: 10px}
.homepage .users p {margin: 0.3em auto 0.3em auto}
.homepage .users .info p {width: 142px; overflow: hidden; text-align: left}
.homepage .ipaper_introduce {margin-top: 10px; color: #555}
.homepage .tools p.more, .homepage .news p.more {margin-top: -0.5em; margin-
bottom: 25px}
/* @end */ /* @group Invite Contacts */ .invite_contacts {}
.invite_contacts .select_all {background: #eef8fe; border-width: 1px 1px 0 1px;
border-color: #eee; border-style: solid; margin-top: 10px; width: 495px; height:
25px}
.invite_contacts .select_all div {margin: 5px}
.invite_contacts .submit {margin-right: 20px}
.invite_contacts .contacts_container {border: 1px solid #eee; height: 400px;
overflow: auto; overflow-x: hidden; width: 495px}
.invite_contacts table {width: 495px}
.invite_contacts table tr td {padding: 5px; vertical-align: middle}
.invite_contacts table tr td.contacts_check {width: 6px}
.invite_contacts table tr.selected td {background: #eee}
.invite_contacts table tr td.profile_pic {text-align: center}
.invite_contacts table tr td.login_and_email {width: 150px}
.invite_contacts table tr td.login_and_email div {width: 150px; overflow: hidden}
.invite_contacts table tr td.login_and_email div p {margin: .25em 0 .25em 0}
.sent_invites {}
.sent_invites table {width: 100%}
img.provider_radio {position: relative; bottom: 5px}
/* @end */ /* @group Upload Pages */ #upload_progress_lb .header {margin-bottom:
0; text-align: center; font-size: 131%; color: white; line-height: 1.9em;
background:#6496c3; font-weight: bold}
.upload_box2 .other_options {font-size: 85%; color: #999; border-bottom: 1px solid
#bbb; margin: 25px 15px 10px 15px}
.upload_box2 .other_options_links {margin: 10px 15px 0 15px; color: #777; font-
size: 95%}
.upload_box2 .other_options_links a {text-decoration: none}
.upload_box2 .other_options_links p {margin-bottom: 2px; margin-top: 2px}
.upload_box2 {margin-top: 20px}
.upload_box2 .header {margin-bottom: 0; color: white; background: #6496c3}
.upload_box2 .header h1 {color: white; line-height: 1.9em; margin-bottom: 0;
margin-left: 15px}
.upload_box2 .inactive {background: url(/images/upload/header_inactive.gif) no-
repeat top left !important}
.upload_box2 .inactive div {background: url(/images/upload/header_inactive.gif)
no-repeat top right !important}
.upload_box2 .inner_box {margin: 0; padding-top: 20px; padding-bottom: 20px;
border: 1px solid #dedede; border-width: 0 1px 1px 1px}
.upload_box2 .inner_box #choose_docs_to_upload {text-align: center; color: #777}
.upload_box2 .inner_box #choose_docs_to_upload p {margin-bottom: 10px}
.upload_box2 .inner_box #upload_ready, .upload_box2 .inner_box #upload_not_ready
{padding: 0 15px 0 15px; font-size: 115%; font-weight: bold; color: #555}
.upload_box2 .inner_box #upload_not_ready {margin-left: 15px}
.upload_box2 .inner_box #upload_ready p {margin: 0}
.upload_box2 .inner_box #upload_ready span.markAllPrivate {margin-left: 5px; font-
size: 12px; margin-bottom: 15px; font-weight: bold}
.upload_box2 input {margin-right:10px; border:#ccc solid 1px}
#NoJSUpload {padding: 0 15px 0 15px}
#NoJSUpload p {margin: 10px auto 10px auto}
ul#upload_queue {margin-top: 15px; margin-bottom: 15px; text-align: left}
ul#upload_queue li {margin: 0 3px 3px 3px; padding: 10px; background: #eee}
ul#upload_queue p {margin: 0; padding: 0}
ul#upload_queue li p.filename {/* font-size: 108%;*/ padding-top: 7px; font-
weight: normal; text-align: left}
ul#upload_queue .fileicon {padding-left: 11px; padding-right: 5px}
ul#upload_queue .makeprivate {align }
ul#upload_queue li p.filename strong {font-weight: bold}
ul#upload_queue li p.filename span.label {margin-right: 5px}
ul#upload_queue li p input.input_text {border: 1px solid #aaa; padding: 3px;
width: 300px; margin-right: 5px}
ul#upload_queue li.odd {background: #dfdfdf}
ul#upload_queue li.removed {background: #F9DCDE !important; font-weight: normal}
ul#upload_queue li p.first {/* margin-bottom: 12px;*/ color: #555}
.upload_page .progressWrapper {overflow: hidden}
.upload_page .progressContainer {margin: 5px; padding: 4px; background-color:
#F7F7F7; text-align: left}
.upload_page .red /* Error */ {border: solid 1px #B50000; background-color:
#FFEBEB}
.upload_page .green /* Current */ {border: solid 1px #eee; background-color: #eee}
.upload_page .blue /* Complete */ {border: solid 1px #DDD; background-color: #EEE}
.upload_page .progressName {font-size: 116%; font-weight: bold; color: #555555;
text-align: left; white-space: nowrap}
.upload_page .progressBarInProgress, .upload_page .progressBarComplete,
.upload_page .progressBarError {font-size: 0px; width: 0%; height: 20px;
background: #6496c3; margin-top: 2px}
.upload_page .progressBarComplete {width: 100%}
.upload_page .progressBarError {width: 100%; background-color:#DB5B61; visibility:
hidden}
.upload_page .progressBarStatus {margin-top: 2px; font-size: 100%; text-align:
left; white-space: nowrap}
.upload_page a.progressCancel, .upload_page a.progressCancel:link, .upload_page
a.progressCancel:active, .upload_page a.progressCancel:visited, .upload_page
a.progressCancel:hover {font-size: 0px; display: block; height: 14px; width: 14px;
background-image: url(../images/cancelbutton.gif); background-repeat: no-repeat;
background-position: -14px 0px; float: right}
.upload_page a.progressCancel:hover {background-position: 0px 0px}
.supported {margin: 15px auto 15px auto}
.supported h2 {background: none !important; border: 0 !important}
.supported p {color: #555; margin: 5px auto 10px auto}
.reasons {padding-left: 10px; margin: 15px auto 15px auto}
.reasons h2 {background: none !important; border: 0 !important}
.reasons p {color: #555; margin: 5px auto 10px auto}
.reasons ul {padding-left: 25px; margin-top: 15px}
.reasons ul li {color: #555; font-size: 100%; list-style-type: disc; margin-
bottom: 5px}
#SWFUploadButton {width: 270px; height: 55px; text-align: center;
background:transparent url(/images/buttons/click_to_upload_sprite.gif) 0 0px no-
repeat; display: block; margin: auto; outline: none}
#SWFUploadButton:hover {background:transparent
url(/images/buttons/click_to_upload_sprite.gif) 0 -55px no-repeat}
#SWFUploadButton:active {background:transparent
url(/images/buttons/click_to_upload_sprite.gif) 0 -110px no-repeat}
#message_finished {background: none; border: 0; margin: 10px auto 10px auto}
#force_next {margin-bottom: 15px; text-align: center; font-size: 80%}
#fsUploadProgress {clear: right}
/* Text Upload */ .upload_text {padding: 15px}
.upload_text textarea {width: 98%; height: 150px}
.upload_text .submit_button {font-size: 110%; padding: 3px; border: 1px solid
#ddd}
/* URL Upload */ .upload_url {text-align: center; padding: 15px}
.upload_url .input_text {width: 350px; border: 1px solid #ddd; margin-bottom:
10px; font-size: 110%}
.upload_url .submit_button {font-size: 110%; padding: 3px; border: 1px solid #ddd}
/* Describe Uploaded Documents */ table.describe_save {border-collapse: collapse;
width: 300px; margin: 10px auto 10px auto}
table.describe_save tr td {vertical-align: middle; width: 150px; text-align:
center}
table.describe_save tr td input {border: 0}
.description_box {margin-top: 0; margin-bottom: 20px}
.description_box_lb {margin: 0 !important}
.description_box_lb h1 {margin-top: 0}
.description_box .header_bulk {margin-bottom: 0; color: white; background: #555}
.description_box .header_bulk h1 {font-size: 131%; color: white; line-height:
1.9em; margin-bottom: 0; margin-left: 15px}
.description_box .header_bulk h1 img {line-height: 1.9em; margin-top: 8px; margin-
bottom: 8px}
.description_box .header_square {background: #6496c3}
.description_box .header_square h1 {margin-top: 0; font-size: 131%; color: white;
line-height: 1.9em; margin-bottom: 0; margin-left: 10px}
.description_box .header_square h1 img {line-height: 1.9em; margin-top: 8px;
margin-bottom: 8px}
.description_box .header {margin-bottom: 0; color: white; background: #6496c3}
.description_box .header h1 {color: white; line-height: 1.9em; margin-bottom: 0;
margin-left: 15px}
.description_box .header h1 img {line-height: 1.9em; margin-top: 8px; margin-
bottom: 8px}
.description_box .header h1 .view_doc {float: right; line-height: 1.9em; padding-
top: 3px; font-size: 13px; margin: 0 10px 0 0}
.description_box .header h1 a {color: white; text-decoration: none}
.description_box .header h1 a:hover {color: #ddd}
.description_box .inner_box {margin: 0; padding: 20px; border: 1px solid #dedede;
border-width: 0 1px 1px 1px; height: 1%}
.description_box .inner_box label {margin-bottom: 2px}
.description_box .inner_box p, .share_with_friends p {margin-bottom: 15px}
.share_with_friends h2 {font-size: 13px}
.share_with_friends h2.green {font-size: 16px}
.share_with_friends .submit_button {font-size: 15px; padding: 2px; margin-top: 0}
.description_box .inner_box p, .share_with_friends #emails {margin-bottom: 15px}
.description_box .inner_box input.text_input, .description_box .inner_box
textarea.text_input {width: 90%}
.description_box .inner_box .thumbnail {float: left; width: 100px}
.description_box .inner_box .thumbnail .share {border: 0; margin-top: 0px}
.description_box .inner_box .thumbnail .share img {border: 0}
.description_box .inner_box .document_summary {border-bottom: 0}
.description_box .inner_box h2 {margin-top: 15px}
.description_box .inner_box .edit_info {padding-left: 215px}
.description_box .inner_box input.text_code, .share_with_friends input.text_code
{width: 55%}
.description_box .inner_box .copy_container, .share_with_friends .copy_container
{width: 55px}
.description_box .inner_box .code_container, .share_with_friends .code_container
{width: 200px}
.description_box .inner_box .copy, .share_with_friends .copy {position: relative;
top: -1px}
.copy_success {font-size: 11px; color: #388FDF; font-weight: bold; margin-top:
3px}
/* @end */ /* @group My Documents */ .add_folder {margin: 5px 0 10px 5px}
#create_folder {margin-left:5px}
#my_docs_table {margin-top: 10px}
#my_docs_table h1 {font-size: 153.9%}
#my_docs_table h1 img {vertical-align: baseline}
#info {margin-bottom: 5px; color: #555; padding: 0; clear: right}
#my_documents_container img {vertical-align: middle}
#folders input {font-size: 85%; margin: 3px auto auto 3px}
#my_docs_table h1 {}
#my_docs_table h1 .folder_buttons {font-size: 100%; margin-left: 15px}
#my_docs_table h1 .folder_buttons a {padding: 2px; border: 1px solid #fff}
#my_docs_table h1 .folder_buttons a img {vertical-align: middle}
#my_docs_table h1 .folder_buttons a:hover {border: 1px solid #ccc; background:
#fdf8c2}
#folder_title .title:hover {background: #fffaaf}
.my_documents_button_box {background: #eef8fe; border: 1px solid #ccc; padding:
15px; margin: 10px auto 10px auto}
.my_documents_button_box h2 {margin-top: 0}
.my_documents_button_box .text_input {border: 1px solid #aaa !important; width:
460px}
#rename_folder input.text {font-size: 108%; border: 1px solid #ccc}
#my_docs_table h1 .folder_buttons img {vertical-align: baseline}
table#my_documents tr.top td {background: none; border: 0}
table#my_documents select {}
#my_documents h5 {margin-left:20px; margin-bottom:10px}
#advanced_menu_top, #advanced_menu_bottom {margin-bottom:5px; float:right;
background-color:#fff; border-top:#eee solid 5px; width:100%}
#advanced_menu_top .nav_action, #advanced_menu_bottom .nav_action {margin-
bottom:10px; display:inline; width:200px; margin-left:0; margin-top:10px}
#advanced_menu_top h5, #advanced_menu_bottom h5 {margin:10px 5px 0px 5px}
#advanced_menu_top .relative_button, #advanced_menu_bottom .relative_button
{top:6px}
table#my_documents tr.advanced_menu td ul, table#my_documents tr.menu td ul,
table#my_documents tr.menu_bottom td ul {list-style-type: none; padding: 0;
margin: 0}
table#my_documents tr.advanced_menu td ul li, table#my_documents tr.menu td ul li,
table#my_documents tr.menu_bottom td ul li {display: inline; margin-right: 10px}
#my_docs_table .pagination {float: right; clear: right; margin-top: 1px; margin-
bottom: 0; padding: 0; font-size: 14px}
#my_docs_spinner2 {float: right; margin-top: 10px; clear:right}
#my_docs_spinner {margin-left: 5px}
#my_documents .relative_action {position:relative; bottom: 8px}
ul.view_options {list-style: none; padding:0; margin: 0}
ul.view_options li {display: inline; margin:0; font-size:11px; margin-right:30px;
text-transform: uppercase}
ul.view_options li img {vertical-align: middle}
table#my_documents {border-collapse: collapse; margin:15px 0 15px 0; width:100%}
table#my_documents input {border: 0}
table#my_documents .doc_share input {border: 1px solid #ccc !important}
table#my_documents .doc_share ul li {list-style-type: none; margin-left: 0}
table#my_documents h4 {margin-top:5px; text-align:left}
table#my_documents p.description {float: left; text-align: left; overflow: hidden}
table#my_documents .button {position:relative; bottom:1px}
table#my_documents img {vertical-align: middle; position:relative: top:100px}
table#my_documents select {font-size: 11px}
table#my_documents tr.highlighted {background: #eef8fe}
table#my_documents .pagination .numbers {margin-right: 15px}
table#my_documents tr.menu td a {text-decoration: none}
table#my_documents th, table#my_documents td {text-align: left; vertical-align:
middle}
table#my_documents th {background-color:#FBFBFB; border-bottom:1px solid #72ABDF;
border-top:1px solid #72ABDF; margin:0pt; padding:6px 5px 5px; vertical-align:
middle}
table#my_documents tr {border-bottom:#eee solid 1px}
table#my_documents tr.document_subhead {background-color: #EEF8FE; height:20px;
padding:5px}
table#my_documents tr.document_titleannounce {border-top:1px solid #FFF3B4;
border-bottom:1px solid #FFF3B4; padding:5px}
table#my_documents tr.document_titleannounce td {padding: 5px; background-
color:#FFFDF1}
table#my_documents tr.document_subhead td.sorted {}
table#my_documents tr.document_subhead td.sorted a {font-weight:bold}
table#my_documents tr.document_subhead h5 {margin:5px 0 5px 0}
table#my_documents tr.data td {padding: 5px}
/* column widths */ table#my_documents tr td {font-size: 11px}
table#my_documents tr td.check {width: 20px}
table#my_documents tr td.title {width: 400px}
table#my_documents tr td.date {width: 90px}
table#my_documents tr td.views {width: 50px}
table#my_documents tr td.clicks {width: 80px}
table#my_documents tr td.status {width: 70px}
/* title column */ table#my_documents tr td.title .details {width: 490px}
table#my_documents tr td.title div.titlesuggestions {width: 650px}
table#my_documents tr td.title .details ul {list-style-type: none; vertical-align:
top; padding: 5px 0 5px 0}
table#my_documents tr td.title .details ul li {display: inline; vertical-align:
top; margin-right: 3px}
table#my_documents tr td.title .details .thumbnail {float: left; width: 50px;
padding-top: 10px}
table#my_documents tr td.title .titlesuggestions .thumbnail {float: left; width:
50px; padding: 0 !important}
table#my_documents tr td.title .details .thumbnail .ftype {border: 0}
table#my_documents tr td.title .details .description {float: left; padding-left:
15px; color: #555; width: 400px; height: 68px; overflow: hidden; margin-top:10px}
table#my_documents tr td.title .details .description p {margin-top: 2px; font-
size: 11px}
table#my_documents tr td.title .details .description h4.title {display: block;
font-size: 13px; margin-bottom: 0px}
table#my_documents tr td.title .details .description h4 {margin: 0px}
table#my_documents tr td.title .folders {font-size: 77%; color: #777; background:
#fdf8c2; padding: 2px; border: 1px solid #ddd; float: left; margin: 2px 2px 0 2px}
table#my_documents tr td.title .folders:hover {background: #5C95CF; color: white}
table#my_documents tr td.title .folders:hover a {color: white}
table#my_documents tr td.title .folders a {text-decoration: none}
/* date column */ table#my_documents tr td.date {padding-left: 5px}
/* status column */ table#my_documents tr td.status_message {font-size: 11px}
table#my_documents tr td .converting {color: #FBB040}
table#my_documents tr td .failed, table#my_documents tr td .removed
{color:#DB5B61}
table#my_documents tr td .published {color: #363636}
table#my_documents tr td .private {color: blue}
table#my_documents tr td .unsubmitted a{ color:#DB5B61}
/* more info and sharing */ table#my_documents tr td.more_info {padding: 10px;
padding-right: 20px}
table#my_documents tr td.title .titles {float: left; padding-left: 15px; color:
#555; width: 550px; overflow: hidden}
table#my_documents span.updated_title_tag {background-color: #c5f7cb; font-size:
9px; color: green; padding: 2px 5px 2px 5px}
table#my_documents tr td.title table.titlesug {height: 30px; color: #555; margin-
top: 7px; width: 550px; overflow: hidden}
table#my_documents tr td.title table.titlesug tr.unused {color: #999}
table#my_documents tr td.title table.titlesug tr.unused span.suggested_title
{text-decoration: line-through}
table#my_documents tr td.title table.titlesug tr.used span.suggested_title {text-
decoration: none}
table#my_documents tr td.title table.titlesug tr.used span.reverted_tag {display:
none}
table#my_documents tr td.title table.titlesug tr.used span.undo_tag {display:
none}
table#my_documents tr td.title table.titlesug tr.unused span.reverted_tag
{display: inline}
table#my_documents tr td.title table.titlesug tr.unused span.undo_tag {display:
inline}
table#my_documents tr td.title table.titlesug tr.unused span.reverted_title
{color: #999; text-decoration: line-through}
table#my_documents tr td.title table.titlesug tr.used span.reverted_title {text-
decoration: none}
table#my_documents tr td.title table.titlesug tr.used span.reverted_title {text-
decoration: none}
table#my_documents span.undo_tag {background-color: lightyellow; font-size: 9px;
color: #444; padding: 2px 5px 2px 5px}
table#my_documents span.reverted_tag {background-color: #eee; font-size: 9px;
color: #444; padding: 2px 5px 2px 5px}
table#my_documents tr td.accepted a.revert_button {float: left; height: 15px;
background-image: url('/images/minis_silk/arrow_undo.gif'); background-repeat: no-
repeat; padding-left: 20px; display: block; font-size: 11px; font-weight: bold;
margin-left: 10px}
table#my_documents tr td.reverted a.revert_button {float: left; height: 15px;
background-image: url('/images/minis_silk/arrow_undo.png'); background-repeat: no-
repeat; padding-left: 20px; display: none; font-size: 11px; font-weight: bold;
margin-left: 10px}
table#my_documents table.titlesug tr td {font-size: 11px; padding: 2px}
table#my_documents table.titlesug tr {font-size: 12px; padding: 0}
table#my_documents tr.document_subhead a.revert_all_titles_button {height: 15px;
background-image: url('/images/minis_silk/basket_go.png'); background-repeat: no-
repeat; padding-left: 20px; display: block; font-size: 11px; font-weight: normal}
table#my_documents span.title_reject {float: left; background-image:
url('/images/minis_silk/cross.png'); background-repeat: no-repeat; padding-left:
20px; display: block; height: 15px; font-size: 11px; margin-left: 10px; font-
weight: bold}
.thumbnail {float:left; text-align:center; width:115px}
table#my_documents img.thumbnail {border:#ccc solid 1px; margin: 5px; text-
align:left; width:48px}
/* @end */ /* @group Notifications */ #email_preferences {}
#email_preferences p {margin: 10px auto 10px auto}
#email_preferences input {border:0px solid white}
#email_preferences .submit_button {}
.notification {border-bottom:1px solid #eee; padding:10px 5px 10px 5px; color:
#555; clear: left}
.notification .unviewed {font-weight: bold}
#notifications_header {font-size:22px; color:#933100; border-bottom:1px dotted
#996}
#notifications {}
#new_message {padding:20px}
#message_thumb {width:110px; float:left}
#message_fields {/*width:500px;*/ float:left}
.message_field_title {font-size:14px; color:#777777}
.message_field_body {font-size:14px; padding-left:15px}
a.notification_tab {text-decoration:none; background: #eee; padding:5px 10px 5px
10px; color:#777777; margin-right: 15px}
a.notification_tab:hover, a.notification_tab.selected {background-color:#5C95CF;
color: #fff}
a.notification_tab.selected {font-weight: bold}
#notifications .inbox_header {border-bottom:1px solid #b2b2b2; border-top:1px
solid #b2b2b2; padding:10px 0px 0px 0px; color:#777777; background-color:#eeeeff;
font-size:10px; font-weight:bold}
#notifications .inbox_row {padding:10px 0px; border-bottom:1px solid #ccc; font-
size:14px}
#notifications .unread {font-weight:bold}
#notifications .message_synopsis a{ /* color:#aabbff; */ color:#8899ff;
padding:0px 40px 0px 0px; text-decoration:none}
#confirm_message_box {padding:5px 10px; background-color:yellow; width:300px;
margin: 0px auto; text-align:center}
table.group_notes {border-collapse: collapse}
table.group_notes tr td {width: 25%}
#message_fields table tr td {padding: 10px}
/* @end */ /* @group Browse Pages */ .browse #right_bar {width: 160px; float:
right; margin-bottom: 15px; padding: 0}
.browse .docs {margin-bottom: 15px; position: relative; height: 1%}
.browse .docs .overlay {position: absolute; height: 1200px; width: 100%; opacity:
0.6; -moz-opacity: 0.6; filter: alpha(opacity=60); background: white; text-align:
center; padding-top: 100px; z-index: 100}
/* modified CAO */ /* made this selector more general so that it can be used on
/groups/documents/ */ #main ul.time_tabs {clear: both; margin-top: 0; list-style-
type: none; background: #6496C3; padding: 3px 5px 3px 5px; height: 25px}
/* made this selector more general so that it can be used on /groups/documents/ */
#main ul.time_tabs li {float: left; overflow: visible; margin-right: 5px; padding:
0; cursor: pointer}
#main ul.time_tabs li a {display: block; color: white; text-decoration: none;
font-size: 100%; line-height: 1em; float: left; padding-left: 8px}
#main ul.time_tabs li a span {display: block; float: left; line-height: 1em;
padding: 7px 8px 5px 0; cursor: pointer}
#main ul.time_tabs li a:hover {background: #EEF8FE; color: #336b99; -moz-border-
radius-bottomleft:3px; -moz-border-radius-bottomright:3px; -moz-border-radius-
topleft:3px; -moz-border-radius-topright:3px}
ul.time_tabs li.current a, ul.time_tabs li.current a:hover {background: #336b99;
-moz-border-radius-bottomleft:3px; -moz-border-radius-bottomright:3px; -moz-
border-radius-topleft:3px; -moz-border-radius-topright:3px; cursor: default}
.browse #main ul.time_tabs li.current a:hover span {background: #336b99; -moz-
border-radius-bottomleft:3px; -moz-border-radius-bottomright:3px; -moz-border-
radius-topleft:3px; -moz-border-radius-topright:3px}
.filters {background-color: #fbfbfb; border-bottom:#6496c3 solid 1px; margin:0 0
15px 0; padding:6px 5px 5px 5px; height: 19px; clear: left}
.filters p {float:left; font-size:11px; margin:2px}
.filters select {margin: 0 0 0 10px}
.filters ul.dropdowns {overflow: visible !important}
.filters ul.dropdowns li {z-index: 1; position: relative; cursor: pointer;
display: block; float: left}
.filters ul.dropdowns li a {text-decoration: none}
.browse #main .docs .browse_paginator {margin-top: 15px; font-size: 108%; height:
30px}
.doc_thumbnail_pages {margin-top: 5px}
.doc_thumbnail_data {font-size: 85%; color: #555; margin-top: 3px}
/* @end */ /* @group QuickSwitch */ .qp_type {margin-right: 5px; vertical-align:
middle; margin-left: 20px; margin-top: 4px; margin-bottom: 10px; border: 0}
ul.qp_radios {list-style-type: none}
ul.qp_radios input {border: 0}
ul.qp_radios .more_options {font-size: 11px; margin-left: 20px; width: 400px}
ul.qp_radios .more_options p {margin-bottom: 5px; font-size: 11px; padding: 0}
ul.qp_radios .more_options h3 {font-size: 12px; border-bottom: 1px solid #aaa}
ul.qp_radios li {margin-bottom: 4px; list-style-type: none; font-size: 14px}
ul.qp_radios li input {vertical-align: middle}
ul.qp_radios li .size {margin-left: 50px; font-size: 12px}
ul.qp_radios li .size input {width: 40px; border: 1px solid #aaa}
.qp_code {font-size: 13px; margin: 10px auto 10px auto; font-family: Courier New}
#global_link_mode_selects, #single_link_mode_selects {margin-top: 0; font-size:
13px; padding: 10px; background: #eef8fe; margin-bottom: 15px}
#global_link_mode_selects {}
#single_link_mode_selects {}
ul#mode {clear: right; list-style-type: none; border-bottom: 3px solid #6496c3;
padding: 3px; margin: 10px auto 0 auto}
ul#mode li {margin-right: 5px; display: inline; color: white; font-size: 13px;
padding: 5px}
ul#mode li.help a, ul#mode li.help {color: #6496c3; font-size: 11px; margin-left:
-10px}
ul#mode li a {text-decoration: none; padding: 3px 7px 3px 7px; color: white; font-
size: 14px; font-weight: bold}
ul#mode li a.unselected_global, ul#mode li a.unselected_single {background:
#E2E2E2; color: black}
ul#mode li a.unselected_global:hover, ul#mode li a.selected_global {background:
#6496c3; color: white}
ul.single {border-bottom: 3px solid #6496c3 !important}
ul#mode li a.selected_single, ul#mode li a.selected_single small, ul#mode li
a.unselected_single:hover, ul#mode li a.unselected_single:hover small {background:
#6496c3; color: white}
/* @end */ /* @group Publishers */ .publisher_overview {width: 75%}
.publisher_overview .text_container {margin-top: 15px}
.publisher_overview .text_right {margin-left: 115px; height: 1%}
.publisher_overview .text_right h3 {margin-top: 0}
.integration_options {width: 75%}
.integration_options .text_right {margin-left: 132px; height: 1%}
.integration_options .text_container {margin-top: 15px}
.integration_options .text_container h2 {margin-top: 0}
.api_parameters_header {font-weight:bold}
.api_results_header {font-weight:bold}
.api_example .codebox {height:80px}
.api_example {margin-top:15px}
.api_parameters {margin-top:15px}
.authentication_header {font-weight:bold; font-size:16px}
.api_parameters, .api_results {color: #555}
.api_parameters table tr td, .api_results table tr td, .error_codes table tr td
{padding: 10px}
.api_parameters table tr td.head,.api_results table tr td.head, .error_codes table
tr td {color: black}
dl dt {margin-bottom: 10px}
dl dd {margin-bottom: 15px}
.codebox {margin: 15px auto 15px 0px; padding: 1em; border: 1px dotted #666666;
padding: 5px 8px; background: #EEF8FE; font-family: "Lucida Sans Typewriter",
"Courier New", Courier, mono; font-size: 12px; width: 600px; overflow:auto}
.icon_left {float: left; margin-right: 10px}
.icon_left_content {padding-left: 0px}
* html .icon_left_content {height: 1%; margin-left: 0}
.publisher label,.publisher .input_form {display: block; float: left; margin-
bottom: 15px; width: 150px}
.publisher .button {width: auto}
.publisher input.radio {width: auto; margin-bottom: 2px}
.publisher input .radio {width: auto}
.publisher label {font-size: 108%; text-align: right; width: 200px; padding-right:
20px}
.publisher .signup {background: #eef8fe; padding: 15px; border: 1px solid #ccc}
.signup_api_promo {float: right; width: 200px; margin: 0 0 15px 15px}
/* @end */ /* @group New Classes to be Categorized */ .action_icons {float:right;
margin-left:10px}
/* Modified by CAO 07/23/08 */ .action_icons input {position: relative; top: 2px}
/* end CAO */ .action_icons img {bottom:1px; position: relative}
.document_description {float:left; margin-left:10px; width:270px}
.document_description h4 img {position: relative; top:2px}
.footer {clear:both}
.hot_date {color: #db5b61; font-weight: bold}
h2.top_margin {margin-top:20px}
li.pages {bottom:6px; position: relative}
.popular_documents, .recent_documents {margin-bottom:15px}
.search_box {margin-right:10px; width:110px}
table.group_listing {border-bottom: #e4e4e4 solid 1px; margin-top:20px;
width:100%}
table.group_listing td {padding:0 0 10px 0; vertical-align: middle}
table.group_listing h2 {float:left}
/* Added by CAO 07/22/08 */ table.group_listing p.role {float: left; font-size:
1em; line-height: 1.7em; margin: 2px 0 0 15px}
/* end CAO */ table.group_listing ul.dropdowns {position: relative; margin-
left:15px; top: 3px}
table.topic_listing {margin-top:10px}
table.topic_listing .subhead {background-color:#EEF8FE; border-bottom:1px solid
#6496C3; border-top:1px solid #6496C3; height:20px; padding:5px}
table.topic_listing .topic {width:40%}
table.topic_listing .topic p {margin-left:5px}
table.topic_listing .latest {width:20%}
.recent_members {text-align: center}
table.members {clear:both; margin:15px auto 0 auto; text-align:center}
table.members td {padding: 5px}
table.members td p {font-size: 11px}
/* individual document page */ .adwords {border:#6496C3 solid 1px; padding:5px}
#author {clear:both; margin:10px 0}
#embedded_flash {border:#e4e4e4 solid 1px}
.filetype_image {float:left; width:70px}
#post_comment_button {clear:both}
table.other_info p {/*margin:5px 0;*/ }
.user_info {float: left}
.user_info p {float: left; margin:0 0 0 10px; width:60%}
.user_picture {float: left; width:50px}
ul#metadata {clear:both}
/*search results page */ #middle_search {margin:10px 0 20px 0}
#middle_search p {font-size:11px; margin-top:0}
#middle_search .search_input {float:left; font-size:15px; margin:5px 10px auto 0;
width:300px}
p.tags {font-size:12px; line-height: 18px}
ul.category {margin-bottom:10px}
ul.category li {list-style-type: none; margin-left: 0; font-size:12px; line-
height: 18px}
#search_results {float:left; width:670px}
#search_results .advanced_search {position: relative; margin-left: 25px; top:
15px}
#search_results .related_search_terms {font-size: 12px; margin-top: 5px}
form.search input.submit {border: none; display: inline; float: left; height:
30px; margin-left: 10px; padding: 0; position: relative; top: 0; width: 66px}
.submit {border:0}
form.search input.query {display: inline; float: left; font-size: 18px; height:
22px; position: relative; top: 0; width: 300px}
/* @end */ /*used in threaded comments section*/ #group_discussion .comment
{margin: 2em 0}
#group_discussion .comment .avatar {display: block; float: left; margin-right:
15px}
#group_discussion .comment .comment_body {padding-left: 68px}
#group_discussion .comment .comment_body .user {font-size: 1.2em}
#group_discussion .comment .actions {text-transform: uppercase; font-size: .8em}
#group_discussion .comment .date {font-size: .8em}
#group_discussion .comment .new_comment_form, #group_discussion_list
.new_comment_form {padding: 2px 10px 10px 10px; width: 400px; border: 1px solid
#ccc; background: #eef8fe; margin: 5px 0}
.new_comment_form .close, .new_comment_form .close {float: right}
ul.list_plain {margin-top: 10px}
ul.list_plain li {margin-bottom: 15px}
ul.list_plain li p {margin-top: 0}
div.headings {margin-bottom: 15px}
/* end CAO */ .generic_box {background: #EEF8FE; margin-top: 15px; padding: 15px;
font-size:14px}
.providers img {margin-left:15px}
.providers p {border: 1px solid #fff; padding: 10px 5px 5px 5px; width: 150px;
margin: 0}
.providers p.selected {background: #EEF8FE; border: 1px solid #eee}
.button_box hr {background-color: #B2B2B2; color:#B2B2B2}
.import_contacts a.button {margin:10px 10px 10px 0}
.import_contacts table {border: #ccc solid 1px; margin-top:20px; width:400px}
.import_contacts table td {padding:0 10px}
#group_create a {margin:auto; text-align: center}
/* zoho classes */ #zoho_login {padding:10px}
table.zoho_table {margin-top:10px; vertical-align: bottom; width:100%}
table.zoho_table td.first {width:30%}
table.zoho_table td {text-align: left; vertical-align: bottom}
table.zoho_table td p, table.zoho_table td input {margin:.8em auto; outline: none}
table.zoho_table td p {text-align:right; margin-right:5px}
/* end zoho */ /* email verification */ /* invite users to group */
.invite_users_search input {position: relative; bottom:10px}
.invite_users_search input.relative_button {position: relative; top:0}
.invite_users_search p.explanatory_text {float:left; margin-right:10px}
.message_preview_box {border:#e4e4e4 solid 4px; clear:both; margin-bottom:10px;
padding:10px 10px 0 10px; width:288px}
.message_preview_box #message {width:270px}
p.shorter {width:300px}
/* new welcome/verify lightbox */ .wider_side {float:left; width:300px}
.thumbnail_side {margin-left:30px; float:left; width:320px}
.screenshot_side {float:left; width:320px; margin-left:0}
#flash_notice {font-weight: bold; color: green; text-align: center; margin-top:
10px}
#flash_error {font-weight: bold; color:#DB5B61; margin-top: 10px}
.mini_alert {border:5px solid #FFF3B4; background-color: #FFFDF1; padding:0 5px;
margin:10px 5px 0 0; text-align: center}
.alert_icon {float:left; margin-right:20px; margin-top:15px}
.alert_text {width:500px; float:left}
.or_sign_up {float:left; background-color: #fff; padding:15px; width:200px;
margin-left:100px}
.float {float:left}
.inline {display:inline}
.second {width:220px; margin-left:480px; margin-top:70px; text-align: center !
important}
.accept_invitation_button {background:transparent
url(/images/buttons/accept_invitation.gif) 0 -60px no-repeat; border:0;
padding:0 !important; float:left; height:30px; outline:none; width:160px}
.accept_invitation_button:hover {background:transparent
url(/images/buttons/accept_invitation.gif) 0 -30px no-repeat}
.accept_invitation_button:active {background:transparent
url(/images/buttons/accept_invitation.gif) 0 0 no-repeat}
.add_friends_button {background:transparent url(/images/buttons/add_friends.gif) 0
-60px no-repeat; border:0; padding:0 !important; float:left; height:30px;
outline:none; width:107px}
.add_friends_button:hover {background:transparent
url(/images/buttons/add_friends.gif) 0 -30px no-repeat}
.add_friends_button:active {background:transparent
url(/images/buttons/add_friends.gif) 0 0 no-repeat}
.advanced_button {background-image:transparent
url(/images/buttons/advanced_white_small.gif) 0 -36px no-repeat; display:block;
height:18px; outline:none; width:75px}
.advanced_button:hover {background-image:transparent
url(/images/buttons/advanced_white_small.gif) 0 -18px no-repeat}
.advanced_button:active {background-image:transparent
url(/images/buttons/advanced_white_small.gif) 0 0 no-repeat}
.advanced_up_button {background-image:
url(/images/buttons/advanced_white_small_up.gif); background-repeat:no-repeat;
display:block; height:18px; outline:none; width:75px}
a.button {border: 1px solid #ccc; background-color: #eee; color: #363636 !
important; display: block; float:left; font-size: 11px; margin-right:10px;
outline: none; padding:3px; text-decoration: none}
a.button:hover {background-color: #ccc; color: #363636 !important}
a.button:active {background-color: #fff; color: #363636 !important}
a.favorites_button {background-image:url(/images/minis_silk/star.gif); background-
repeat:no-repeat; display:block; height:15px; padding-left:20px !important}
li.selected a.favorites_button {background-
image:url(/images/buttons/star_blue.gif); background-repeat:no-repeat;
display:block; height:15px; padding-left:20px !important}
.add_friends_button {background-image: url(/images/buttons/add_friends.gif);
background-repeat:no-repeat; display:block; height:30px; outline:none;
width:140px}
.add_folder_button {background-image: url(/images/buttons/add_folder.gif);
width:123px}
.add_folder_button:hover {background-image:
url(/images/buttons/add_folder_hover.gif); background-repeat:no-repeat}
.add_folder_button:active {background-image:
url(/images/buttons/add_folder_active.gif); background-repeat:no-repeat}
.add_friends_button:hover {background-image:
url(/images/buttons/add_friends_hover.gif); background-repeat:no-repeat}
.add_friends_button:active {background-image:
url(/images/buttons/add_friends_active.gif); background-repeat:no-repeat}
.back_to_uploading_button {background-image:
url(/images/buttons/back_to_uploading.gif); background-repeat:no-repeat;
.back_to_uploading_button:hover {background-image:
url(/images/buttons/back_to_uploading_hover.gif); background-repeat:no-repeat}
.back_to_uploading_button:active {background-image:
url(/images/buttons/back_to_uploading_active.gif); background-repeat:no-repeat}
.cancel_button {background-image: url(/images/buttons/cancel.gif); background-
repeat:no-repeat; display:block; height:30px; outline:none; width:104px}
input.cancel, a.cancel {border:0; background-color: transparent; color: #DB5B61;
cursor: pointer; font-size: 12px; text-transform: capitalize; padding:0}
.cancel_button:hover {background-image: url(/images/buttons/cancel_hover.gif);
background-repeat:no-repeat}
.cancel_button:active {background-image: url(/images/buttons/cancel_active.gif);
.click_to_choose_button {background-image:
url(/images/buttons/click_to_choose.gif); background-repeat:no-repeat;
.click_to_choose_button:hover {background-image:
url(/images/buttons/click_to_choose_hover.gif); background-repeat:no-repeat}
.click_to_choose_button:active {background-image:
url(/images/buttons/click_to_choose_active.gif); background-repeat:no-repeat}
.click_to_upload_button {background-image:
url(/images/buttons/click_to_upload.gif); background-repeat:no-repeat;
.click_to_upload_button:hover {background-image:
url(/images/buttons/click_to_upload_hover.gif); background-repeat:no-repeat}
.click_to_upload_button:active {background-image:
url(/images/buttons/click_to_upload_active.gif); background-repeat:no-repeat}
.copy_button {background-image: url(/images/buttons/copy.gif); background-
.copy_button:hover {background-image: url(/images/buttons/copy_hover.gif);
.copy_button:active {background-image: url(/images/buttons/copy_active.gif);
.copy_small_button {background-image: url(/images/buttons/copy_small.gif);
background-repeat:no-repeat; display:block; height:18px; outline:none; width:62px;
float: left; margin: auto 5px auto 5px; position: relative; top: 2px}
.copy_small_button:hover {background-image:
url(/images/buttons/copy_small_hover.gif); background-repeat:no-repeat}
.copy_small_button:active {background-image:
url(/images/buttons/copy_small_active.gif); background-repeat:no-repeat}
.create_button {background-image: url(/images/buttons/create.gif); background-
.create_button:hover {background-image: url(/images/buttons/create_hover.gif);
.create_button:active {background-image: url(/images/buttons/create_active.gif);
.delete_button {background-image: url(/images/buttons/delete.gif); background-
.delete_button:hover {background-image: url(/images/buttons/delete_hover.gif);
.delete_button:active {background-image: url(/images/buttons/delete_active.gif);
.done_button {background-image: url(/images/buttons/done.gif); background-
.done_button:hover {background-image: url(/images/buttons/done_hover.gif);
.done_button:active {background-image: url(/images/buttons/done_active.gif);
.edit_small_button {background-image: url(/images/buttons/edit_small.gif);
background-repeat:no-repeat; display:block; height:18px; outline:none; width:62px}
.edit_small_button:hover {background-image:
url(/images/buttons/edit_small_hover.gif); background-repeat:no-repeat}
.edit_small_button:active {background-image:
url(/images/buttons/edit_small_active.gif); background-repeat:no-repeat}
.edit_profile_button {background-image: url(/images/buttons/edit_profile.gif);
width:104px}
.edit_profile_button:hover {background-image:
url(/images/buttons/edit_profile_hover.gif); background-repeat:no-repeat}
.edit_profile_button:active {background-image:
url(/images/buttons/edit_profile_active.gif); background-repeat:no-repeat}
.finish_blue_button {background-image: url(/images/buttons/finish_blue.gif);
width:104px}
.finish_blue_button:hover {background-image:
url(/images/buttons/finish_blue_hover.gif); background-repeat:no-repeat}
.finish_blue_button:active {background-image:
url(/images/buttons/finish_blue_active.gif); background-repeat:no-repeat}
.import_button {background-image: url(/images/buttons/import.gif); background-
.import_button:hover {background-image: url(/images/buttons/import_hover.gif);
.import_button:active {background-image: url(/images/buttons/import_active.gif);
.join_button {background-image: url(/images/buttons/join.gif); background-
.join_button:hover {background-image: url(/images/buttons/join_hover.gif);
.join_button:active {background-image: url(/images/buttons/join_active.gif);
.leave_group_button {background-image: url(/images/buttons/leave_group.gif);
width:104px}
.leave_group_button:hover {background-image:
url(/images/buttons/leave_group_hover.gif); background-repeat:no-repeat}
.leave_group_button:active {background-image:
url(/images/buttons/leave_group_active.gif); background-repeat:no-repeat}
.login_blue_button {background-image: url(/images/buttons/login_blue.gif);
width:104px}
.login_blue_button:hover {background-image:
url(/images/buttons/login_blue_hover.gif); background-repeat:no-repeat}
.login_blue_button:active {background-image:
url(/images/buttons/login_blue_active.gif); background-repeat:no-repeat}
.next_button {background-image: url(/images/buttons/next.gif); background-
.next_button:hover {background-image: url(/images/buttons/next_hover.gif);
.next_button:active {background-image: url(/images/buttons/next_active.gif);
.personalize_blue_button {background-image:
url(/images/buttons/personalize_blue.gif); background-repeat:no-repeat;
.personalize_blue_button:hover {background-image:
url(/images/buttons/personalize_blue_hover.gif); background-repeat:no-repeat}
.personalize_blue_button:active {background-image:
url(/images/buttons/personalize_blue_active.gif); background-repeat:no-repeat}
.reset_password_button {background:transparent
url(/images/buttons/reset_password.gif) 0 -60px no-repeat; border:0; padding:0 !
important; float:left; height:30px; outline:none; width:160px}
.reset_password_button:hover {background:transparent
url(/images/buttons/reset_password.gif) 0 -30px no-repeat}
.reset_password_button:active {background:transparent
url(/images/buttons/reset_password.gif) 0 0 no-repeat}
.retrieve_password_button {background:transparent
url(/images/buttons/retrieve_password.gif) 0 -60px no-repeat; border:0;
padding:0 !important; float:left; height:30px; outline:none; width:160px}
.retrieve_password_button:hover {background:transparent
url(/images/buttons/retrieve_password.gif) 0 -30px no-repeat}
.retrieve_password_button:active {background:transparent
url(/images/buttons/retrieve_password.gif) 0 0 no-repeat}
.request_to_join_button {background-image:
url(/images/buttons/request_to_join.gif); background-repeat:no-repeat;
.request_to_join_button:hover {background-image:
url(/images/buttons/request_to_join_hover.gif); background-repeat:no-repeat}
.request_to_join_button:active {background-image:
url(/images/buttons/request_to_join_active.gif); background-repeat:no-repeat}
.resend_invite_button {background:transparent
url(/images/buttons/resend_invite.gif) 0 -60px no-repeat; height:30px;
outline:none; width:118px}
.resend_invite_button:hover {background:transparent
url(/images/buttons/resend_invite.gif) 0 -30px no-repeat}
.resend_invite_button:active {background:transparent
url(/images/buttons/resend_invite.gif) 0 0 no-repeat}
a.view_title_button {background-image:url(/images/buttons/exclaim_blue.gif);
background-repeat:no-repeat; display:block; height:15px; padding-left:20px !
important}
li.selected a.view_title_button {background-
image:url(/images/buttons/exclaim_dark_blue.gif); background-repeat:no-repeat;
display:block; height:15px; padding-left:20px !important}
.save_button {background-image: url(/images/buttons/save.gif); background-
.save_button:hover {background-image: url(/images/buttons/save_hover.gif);
.save_button:active {background-image: url(/images/buttons/save_active.gif);
.save_blue_button {background-image: url(/images/buttons/save_blue.gif);
.save_blue_button:hover {background-image:
url(/images/buttons/save_blue_hover.gif); background-repeat:no-repeat}
.save_blue_button:active {background-image:
url(/images/buttons/save_blue_active.gif); background-repeat:no-repeat}
.save_finish_blue_button {background-image:
url(/images/buttons/save_finish_blue.gif); background-repeat:no-repeat;
.save_finish_blue_button:hover {background-image:
url(/images/buttons/save_finish_blue_hover.gif); background-repeat:no-repeat}
.save_finish_blue_button:active {background-image:
url(/images/buttons/save_finish_blue_active.gif); background-repeat:no-repeat}
a.save_smaller_button {background:transparent
url(/images/buttons/save_smaller.gif) 0 -44px no-repeat; display:block;
float:left; height:22px; outline:none; width:55px; margin-left:10px; margin-
right:5px}
a.save_smaller_button:hover {background:transparent
url(/images/buttons/save_smaller.gif) 0 -22px no-repeat}
a.save_smaller_button:active {background:transparent
url(/images/buttons/save_smaller.gif) 0 0 no-repeat}
input.save_smaller_button {background:transparent
url(/images/buttons/save_smaller.gif) 0 -44px no-repeat; border:0; height:22px;
margin-left:5px; margin-right: 5px; outline:none; padding:0 !important;
width:55px}
input.save_smaller_button:hover {background:transparent
url(/images/buttons/save_smaller.gif) 0 -22px no-repeat}
input.save_smaller_button:active {background:transparent
url(/images/buttons/save_smaller.gif) 0 0 no-repeat}
input.search_button {background-image: url(/images/buttons/search.gif);
background-repeat:no-repeat; background-color: transparent; border:0;
input.search_button:hover {background-image:
url(/images/buttons/search_hover.gif); background-repeat:no-repeat; background-
color: transparent}
input.search_button:active {background-image:
url(/images/buttons/search_active.gif); background-repeat:no-repeat}
.search_button {background-image: url(/images/buttons/search_blue.gif);
.search_button:hover {background-image:
url(/images/buttons/search_blue_hover.gif); background-repeat:no-repeat}
.search_button:active {background-image:
url(/images/buttons/search_blue_active.gif); background-repeat:no-repeat}
.search_blue_button {background-image: url(/images/buttons/search_blue.gif);
.search_blue_button:hover {background-image:
url(/images/buttons/search_blue_hover.gif); background-repeat:no-repeat}
.search_blue_button:active {background-image:
url(/images/buttons/search_blue_active.gif); background-repeat:no-repeat}
.send_it_button {background-image: url(/images/buttons/send_it.gif); background-
.send_it_button:hover {background-image: url(/images/buttons/send_it_hover.gif);
.send_it_button:active {background-image: url(/images/buttons/send_it_active.gif);
.send_button {background-image: url(/images/buttons/send.gif); background-
.send_button:hover {background-image: url(/images/buttons/send_hover.gif);
.send_button:active {background-image: url(/images/buttons/send_active.gif);
.send_verification_email_button {background:transparent
url(/images/buttons/send_verification_email.gif) 0 -60px no-repeat; display:block;
.send_verification_email_button:hover {background:transparent
url(/images/buttons/send_verification_email.gif) 0 -30px no-repeat}
.send_verification_email_button:active {background:transparent
url(/images/buttons/send_verification_email.gif) 0 0px no-repeat}
.send_verification_email_yellow_button {background:transparent
url(/images/buttons/send_verification_email_yellow.gif) 0 -60px no-repeat;
.send_verification_email_yellow_button:hover {background:transparent
url(/images/buttons/send_verification_email_yellow.gif) 0 -30px no-repeat}
.send_verification_email_yellow_button:active {background:transparent
url(/images/buttons/send_verification_email_yellow.gif) 0 0px no-repeat}
.sign_up_button {background-image: url(/images/buttons/sign_up.gif); background-
.sign_up_button:hover {background-image: url(/images/buttons/sign_up_hover.gif);
.sign_up_button:active {background-image: url(/images/buttons/sign_up_active.gif);
.sign_up_blue_button {background-image: url(/images/buttons/sign_up_blue.gif);
width:104px}
.sign_up_blue_button:hover {background-image:
url(/images/buttons/sign_up_blue_hover.gif); background-repeat:no-repeat}
.sign_up_blue_button:active {background-image:
url(/images/buttons/sign_up_blue_active.gif); background-repeat:no-repeat}
.skip_button {background-image: url(/images/buttons/skip.gif); background-
.skip_button:hover {background-image: url(/images/buttons/skip_hover.gif);
.skip_button:active {background-image: url(/images/buttons/skip_active.gif);
.start_button {background-image: url(/images/buttons/start.gif); background-
.start_button:hover {background-image: url(/images/buttons/start_hover.gif);
.start_button:active {background-image: url(/images/buttons/start_active.gif);
/* .submit_button {background-image: url(/images/buttons/submit.gif); background-
.submit_button:hover {background-image: url(/images/buttons/submit_hover.gif);
.submit_button:active {background-image: url(/images/buttons/submit_active.gif);
background-repeat:no-repeat}*/ a.submit_smaller_button {background:transparent
url(/images/buttons/submit_smaller.gif) 0 -44px no-repeat; display:block;
a.submit_smaller_button:hover {background:transparent
url(/images/buttons/submit_smaller.gif) 0 -22px no-repeat}
a.submit_smaller_button:active {background:transparent
url(/images/buttons/submit_smaller.gif) 0 0 no-repeat}
input.submit_smaller_button {background:transparent
url(/images/buttons/submit_smaller.gif) 0 -44px no-repeat; height:22px;
outline:none; width:55px; padding:0 !important; position:relative; top:7px}
input.submit_smaller_button:hover {background:transparent
url(/images/buttons/submit_smaller.gif) 0 -22px no-repeat}
input.submit_smaller_button:active {background:transparent
url(/images/buttons/submit_smaller.gif) 0 0 no-repeat}
input.text {background-color: transparent; border:none; color:#6496C3; cursor:
pointer; font-size:12px; padding:0}
.upload_button {background:transparent
url(/images/buttons/upload_green_sprite.gif) 0 -60px no-repeat; display:block;
.upload_button:hover {background:transparent
url(/images/buttons/upload_green_sprite.gif) 0 -30px no-repeat}
.upload_button:active {background:transparent
url(/images/buttons/upload_green_sprite.gif) 0 0 no-repeat}
.upload_plain_button{ background:transparent url(/images/buttons/plain_upload.gif)
0 -60px no-repeat; display:block; height:30px; outline:none; width:107px}
.upload_plain_button:hover {background:transparent
url(/images/buttons/plain_upload.gif) 0 -30px no-repeat}
.upload_button:active {background:transparent
url(/images/buttons/plain_upload.gif) 0 0 no-repeat}
.upload_blue_button {background-image: url(/images/buttons/upload_blue.gif);
width:104px}
.upload_blue_button:hover {background-image:
url(/images/buttons/upload_blue_hover.gif); background-repeat:no-repeat}
.upload_blue_button:active {background-image:
url(/images/buttons/upload_blue_active.gif); background-repeat:no-repeat}
.upload_files_button {background-image: url(/images/buttons/upload_files.gif);
width:120px}
.upload_files_button:hover {background-image:
url(/images/buttons/upload_files_hover.gif); background-repeat:no-repeat}
.upload_files_button:active {background-image:
url(/images/buttons/upload_files_active.gif); background-repeat:no-repeat}
.upload_now_button {background-image: url(/images/buttons/upload_now.gif);
width:104px}
.upload_now_button:hover {background-image:
url(/images/buttons/upload_now_hover.gif); background-repeat:no-repeat}
.upload_now_button:active {background-image:
url(/images/buttons/upload_now_active.gif); background-repeat:no-repeat}
.upload_now {background:transparent url(/images/buttons/large_upload_sprite.gif) 0
-82px no-repeat; display:block; height:41px; outline:none; width:164px; margin:
auto}
.upload_now:hover {background:transparent
url(/images/buttons/large_upload_sprite.gif) 0 -41px no-repeat}
.upload_now:active {background:transparent
url(/images/buttons/large_upload_sprite.gif) 0 0 no-repeat}
.upload_url_button {background-image: url(/images/buttons/upload_url.gif);
width:120px}
.upload_url_button:hover {background-image:
url(/images/buttons/upload_url_hover.gif); background-repeat:no-repeat}
.upload_url_button:active {background-image:
url(/images/buttons/upload_url_active.gif); background-repeat:no-repeat}
/* doc page buttons */ .share_this {background:transparent
url(/images/buttons/document_page_sprites.gif) -591px -44px no-repeat;
.share_this:hover {background:transparent
url(/images/buttons/document_page_sprites.gif) -591px -22px no-repeat}
.share_this:active, .share_this_active {background:transparent
url(/images/buttons/document_page_sprites.gif) -591px 0px no-repeat;
.send_this {background:transparent url(/images/buttons/document_page_sprites.gif)
-501px -44px no-repeat; display:block; height:22px; outline:none; width:90px}
.send_this:hover {background:transparent
.send_this:active, .send_this_active {background:transparent
.add_to_favs {background:transparent
.add_to_favs:hover {background:transparent
.add_to_favs:active, .add_to_favs_active {background:transparent
.remove_favs {background:transparent
.remove_favs:hover {background:transparent
.remove_favs:active, .remove_favs_active {background:transparent
url(/images/buttons/document_page_sprites.gif) -673px 0px no-repeat}
.remove_friend {background:transparent
.remove_friend:hover {background:transparent
.remove_friend:active, .remove_active {background:transparent
url(/images/buttons/document_page_sprites.gif) -767px 0 no-repeat}
.like_this {background-image: url(/images/buttons/like_this.gif); background-
.like_this:hover, .like_this_active {background-image:
url(/images/buttons/like_this_hover.gif); background-repeat:no-repeat}
.like_this:active {background-image: url(/images/buttons/like_this_active.gif);
.unlike_this {background-image: url(/images/buttons/unlike_this.gif); background-
.unlike_this:hover {background-image: url(/images/buttons/unlike_this_hover.gif);
.unlike_this:active, .unlike_this_active {background-image:
url(/images/buttons/unlike_this_active.gif); background-repeat:no-repeat}
.embed {background:transparent url(/images/buttons/document_page_sprites.gif)
.embed:hover {background:transparent
.embed:active, .embed_active {background:transparent
.download {background:transparent url(/images/buttons/document_page_sprites.gif)
.download:hover {background:transparent
.download_active, .download_active {background:transparent
.flag {background:transparent url(/images/buttons/document_page_sprites.gif)
.flag:hover {background:transparent url(/images/buttons/document_page_sprites.gif)
-234px -22px no-repeat}
.flag_active, .flag_active {background:transparent
.more_dropdown {background:transparent
.more_dropdown:hover {background:transparent
.more_dropdown_active, .more_dropdown_active {background:transparent
.edit {background:transparent url(/images/buttons/document_page_sprites.gif) 0
-44px no-repeat; display:block; height:22px; outline:none; width:49px}
.edit:hover {background:transparent url(/images/buttons/document_page_sprites.gif)
0 -22px no-repeat}
.edit:active, .edit_active {background:transparent
url(/images/buttons/document_page_sprites.gif) 0 0px no-repeat}
/* @group TopNav */ #topbar {text-align: left; width: 990px; margin: 0 auto 0
auto}
#topbar #logo {float: left; margin: 10px 38px auto auto}
#topbar #top_upload {float: left; position: relative; top: 18px}
#topbar #top_search {float: right; width: 460px; height: 55px; background:
url(/images/topbar/top_search_back.png) no-repeat bottom center; position:
relative}
#topbar #top_search ul {margin-top: 5px; margin-left: 15px}
#topbar #top_search li {margin-right: 3px; list-style-type: none; display: inline}
#topbar #top_search li a {color: #535353; font-size: 10px}
#topbar #top_search li a.selected {font-weight: bold; color: #222}
#topbar #top_search div {margin-top: 13px}
#topbar #top_search .search_input {float: left; width: 350px; margin: auto 10px
auto 17px; height: 18px; position: relative; top: 3px; font-size: 14px}
#topbar #top_search .submit {float: left; border: 0}
#topbar #login_info {font-size:10px; float: right; margin: 8px auto; font-weight:
bold; clear: right}
#topbar #login_info a {font-weight: bold}
#topbar #login_info .notifications a {text-decoration: none}
#topnav_container {background: #EEF8FE; text-align: center; clear: both}
#topnav {width: 990px; font-size: 16px; text-align: left; margin: auto}
#topnav .actions {float: right; /*padding-top: 5px;*/ width: 330px; text-align:
right}
#topnav .actions a {/*float: right; margin-left: 15px;*/ }
#topnav .actions ul {float: right !important}
#topnav ul li {display: block; list-style-type: none; font-size: 16px; float:
left; margin: 7px 20px 7px 0; text-align: center}
#topnav ul li a {display: block; color: #363636; padding:3px 15px; text-align:
center}
#topnav ul li.current {background-color: #6496C3}
#topnav ul li.current a {color: white}
#topnav ul li.current a:hover {color: white; background-color: #6496C3}
#topnav ul li a:hover {background-color: #fff; color: #5ab1da; text-decoration:
none}
#topnav ul li a:active {background: url(/images/topbar/tab_back_active.png) top
center no-repeat}
#topnav ul li.current a:active {background: url(/images/topbar/tab_back2.png) top
center no-repeat}
#topnav ul li.current a:hover {color: white}
#upload_button_left {float: left; position: relative; top: 5px}
#top_subtabs_container {background: #6496c3; text-align: center; clear: both}
#top_subtabs {width: 990px; font-size: 13px; text-align: left; margin: auto}
#top_subtabs ul li {list-style-type: none; display: block; float: left; text-
align: center; margin: 5px 25px 5px auto; font-size: 13px}
#top_subtabs ul li a {display: block; color: white; padding: 3px 6px 3px 6px}
#top_subtabs ul li a:hover {color: #6496c3; text-decoration: none; background:
white}
#top_subtabs ul li.current {background: white}
#top_subtabs ul li.current a {background: white; color: #6496c3}
#top_subtabs ul li.current a:hover {background: white; color: #6496c3}
/* @end */

Basegrid CSS

Hochgeladen von

Dokumentinformationen

Originaltitel

Copyright

Verfügbare Formate

Dieses Dokument teilen

Dokument teilen oder einbetten

Freigabeoptionen

Stufen Sie dieses Dokument als nützlich ein?

Sind diese Inhalte unangemessen?

Copyright:

Verfügbare Formate

Basegrid CSS

Hochgeladen von

Copyright:

Verfügbare Formate

/* Copyright (c) 2007, Yahoo! Inc. All rights reserved.

Code licensed under the

Das könnte Ihnen auch gefallen