/* FOR IE
CSS hacks
The following hacks to trigger haslayout have been well tested in IE7 and lower. John Gallant and Holly Bergevin published the Holly hack in 2003: from http://www.satzansatz.de/cssd/onhavinglayout.html
*/
/* \*/
* html .gainlayout { height: 1%; }
/* */
/* undohtml.css */
/* (CC) 2004 Tantek Celik. Some Rights Reserved. http://creativecommons.org/licenses/by/2.0 This style sheet is licensed under a Creative Commons License. */
/* Purpose: undo some of the default styling of common (X)HTML browsers */
* { margin: 0; padding: 0; }
/* link underlines tend to make hypertext less readable, because underlines obscure the shapes of the lower halves of words */
:link,:visited { text-decoration:none }
/* no list-markers by default, since lists are used more often for semantics */
ul,ol { list-style:none }
/* avoid browser default inconsistent heading font-sizes and pre/code too */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
/* remove the inconsistent (among browsers) default ul,ol padding or margin / the default spacing on headings does not match nor align with normal interline spacing at all, so let's get rid of it. zero out the spacing around pre, form, body, html, p, blockquote as well */
/* form elements are oddly inconsistent, and not quite CSS emulatable. nonetheless strip their margin and padding as well */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }
/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none }
/* de-italicize address */
address { font-style:normal }
/* more varnish stripping as necessary... */
/*------------------------------------------------------------------------------------
Global Styles
------------------------------------------------------------------------------------*/
* {
padding:0;
margin:0;
}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address { margin:1em 0; }
li, dd { margin-left:5%; }
fieldset { padding: .5em; margin:0; } legend { margin:0; padding:0; }
select option{ padding:0 5px; }
.hide, .print-logo, .close-button{ display:none; }
.left{ float:left; }
.right{ float:right; clear:both; }
.clear{ clear:both; height:1px; font-size:1px; line-height:1px; }
a img{ border:none; }
/*Clear defaults - inspired from Tantek Celik----------------*/
:link,:visited {text-decoration:none;}
ul,ol,dl {list-style:none;}
h1,h2,h3,h4,h5,h6,pre,code {font-size:1em; font-weight:normal;}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,dl,dt,dd {margin:0; padding:0;}
a img,:link img,:visited img {border:none;}
address {font-style:normal;}
strong {font-weight:bold;}
em {font-style:italic;}
i {display:none;}
/* *********************
* ***** SPRITES *******
* *********************/
UL.tabs LI, UL.tabs LI DIV, UL.tabs LI.current, UL.tabs LI.current DIV, DIV.btn, DIV.btn DIV, DIV.btn DIV A, DIV.footer DIV.tab,
DIV.footer DIV.tab SPAN, H2, H2 SPAN, DIV.submit, DIV.submit DIV, BODY.popup FIELDSET .combo INPUT, DIV.yes, DIV.yes DIV
{ background-image:url("/images/sprite_headerfooter.gif"); background-position:0 0; background-repeat:no-repeat; }
DIV.btn SPAN, DIV.search, DIV.more, SPAN.icon_multiple, SPAN.icon_rss_small, SPAN.icon_rss, DIV.sidebar H2, SPAN.icon_question, SPAN.icon_group, SPAN.icon_newdoc,
DIV.smallbtn SPAN, DIV.submit INPUT.check, SPAN.icon_admin, SPAN.icon_add, .combo IMG, SPAN.icon_check, SPAN.icon_member, SPAN.icon_delete,SPAN.icon_find,
DIV.minibtn_add, H6 SPAN, DIV.yes INPUT , H2.mini DIV, #iframe .pointer, SPAN.icon_tags,SPAN.icon_export, SPAN.icon_doc, SPAN.icon_doc_group, SPAN.icon_uploaddoc,
SPAN.icon_doc_friend, SPAN.icon_linkdoc, SPAN.icon_tag, A.tag SPAN, SPAN.icon_shareall, SPAN.icon_history,SPAN.icon_login, SPAN.icon_pwd, SPAN.icon_signup,
SPAN.icon_info, DIV.minibtn_save, DIV.content
{ background-image:url("/images/sprite_icons_general.gif"); background-position:0 0; background-repeat:no-repeat; }
DIV.note, DIV.note DIV, DIV.note DIV DIV
{ background-image:url("/images/sprite_misc.gif"); background-position:0 0; background-repeat:no-repeat; }
DIV#morelesstags
{ background-image:url("/images/sprite_icons_home.gif"); background-position:0 0; background-repeat:no-repeat; }
/* replaced icons */
DIV.btn SPAN, DIV.smallbtn SPAN, SPAN.icon_group, SPAN.icon_multiple, SPAN.icon_rss_small, SPAN.icon_rss, SPAN.icon_question, SPAN.icon_admin, SPAN.icon_check,
SPAN.icon_member, SPAN.icon_delete, H6 SPAN, SPAN.icon_export, SPAN.icon_doc, SPAN.icon_doc_group, SPAN.icon_doc_friend, SPAN.icon_linkdoc,
A.tag SPAN, SPAN.icon_shareall, SPAN.icon_history, SPAN.icon_find, SPAN.icon_newdoc, SPAN.icon_uploaddoc,
SPAN.icon_info
{ font-size:0px; line-height:0px; display:inline-block; vertical-align:middle; cursor:pointer; }
/* **********************
* ***** GENERAL ********
* **********************/
BODY { font-size: 85%; margin:0; padding:0; text-align:center; background:#ecf0f3; }
BODY.popup { background:#fff; text-align:left; padding:0; }
BODY, TD, DIV, INPUT, TEXTAREA { font-family: Arial, Verdana, sans-serif; line-height:1.6em; color:#000000; }
A { color:#3763dc; font-weight:normal; text-decoration:none; } A:hover { text-decoration:underline; } A.lite { font-weight:normal !important; }
IMG { border:0px; }
.clear{ clear:both; line-height:0px; font-size:0; height:0px; }
HR { margin:10px 0; padding:10px 0 0 0; border:0; border-bottom:1px solid #dee4e9; height:1px; font-size:0; display:block; clear:both; }
/* ********************
* ******* TEXT *******
* ********************/
H1 { font-size:180%; line-height:1em; letter-spacing:0; font-weight:normal; margin:0 0 15px 0px; padding:0; }
H1.xlarge { font-size:220%; line-height:1em; letter-spacing:0; font-weight:normal; margin:0 0 15px 0px; padding:0; }
H2 { font-size:130%; line-height:1em; letter-spacing:0; font-weight:normal; margin:0; padding:0; background-position:right -1100px; width:100%; background-color:#2aabe4; }
H2 SPAN { background-position:0 -1044px; width:100%; line-height:3.1em; padding:17px 20px; color:#fff; }
H2 DIV { font-size:80%; color:#fff; display:inline; font-weight:bold; }
H2.mini { font-size:130%; line-height:1em; letter-spacing:0; font-weight:normal; margin:0; padding:0; background-position:right -1357px; width:100%; background-color:#2aabe4; }
H2.mini SPAN { background-position:0 -1318px; width:100%; line-height:2.2em; padding:9px 20px; color:#fff; }
H2.mini DIV { display:block; float:right; width:26px; height:26px; background-position:-419px -169px; margin:4px 10px 0 0; }
H3 { font-size:140%; line-height:1em; letter-spacing:1px; font-weight:normal; margin:0 0 10px 0; padding:0px; float:left; }
H3.plain { font-size:140%; line-height:1em; letter-spacing:0; font-weight:normal; margin:0 0 10px 0; padding:0px; float:none; }
H4 { font-size:110%; line-height:1em; letter-spacing:0; font-weight:bold; margin:0 0 10px 0; padding:0px; }
H5 { padding:12px 15px 12px 15px; text-align:center; margin:15px 0; overflow:auto; background:#f5f9fa; border:1px solid #7c99e8; color:#000; font-size:150%; }
H6 { padding:8px 10px 8px 55px; margin:5px 0 10px 0; overflow:auto; }
H6 SPAN { padding:14px 15px; vertical-align:middle; margin:0 0 0 -45px; float:left; }
H6.okay { background:#ecfec7; border:1px solid #94cd50; color:#3f8a2c; }
H6.okay SPAN { background-position:-373px -168px; }
H6.error { background:#fceae9; border:1px solid #f48985; color:#9c211b; }
H6.error SPAN { background-position:-420px -130px; }
H6.warning { background:#fef8dc; border:1px solid #eec553; color:#cf6c00; }
H6.warning SPAN { background-position:-374px -130px; }
.grey { color:#8c8c8c; }
.hilite { background-color:#ebf6fa; }
.on { background:#feffac; }
P.intro { font-size:130%; font-style:normal; margin:20px 0; line-height:1.4em; }
/* ********************
* ***** LAYOUT *******
* ********************/
DIV.header, DIV.functions, DIV.content, DIV.footer, DIV.blank { width:980px; margin:0 auto; text-align:left; }
/* ********************
* ***** FORMS ********
* ********************/
INPUT, TEXTAREA { border:1px solid #869aa7; padding:2px 4px; font-size:100%; line-height:1em; font-style:italic; color:#9f9a9a; }
TEXTAREA { padding:6px 4px; font-size:110%; letter-spacing:0px; }
INPUT.ready, INPUT.combobox, TEXTAREA.ready { color:#000; font-style:normal; } INPUT.ready, TEXTAREA.ready { border:3px solid #c1d2d9; }
INPUT.nbrdr { border:0; }
INPUT::-moz-focus-inner { border: 0; padding: 0; }
FORM { margin:0; padding:0; }
FIELDSET { border:1px solid #ccc; padding:0 13px 10px 13px; }
FIELDSET.hilite { border:1px solid #ccc; padding:0 13px 10px 13px; background:#f6fafc; }
LEGEND { color:#04406c; font-size:120%; font-weight:bold; margin:0 0 10px 0; }
DIV.fieldsetmini { padding:6px 10px; }
DIV.submit { background-position:0 -1210px; background-repeat:repeat-x; padding:0; float:right; height:54px; _margin:10px 0 0 0; }
DIV.submit DIV { background-position:0 -1156px; }
DIV.submit DIV DIV { background-position:right -1264px; }
DIV.submit INPUT { height:54px; border:0px; background-color:transparent; font-weight:bold; padding: 0 30px 0 55px; width: auto; overflow: visible; _height:52px; }
DIV.submit INPUT.check { background-position:-442px -7px; color:#000; font-style:normal; font-weight:bold; }
DIV.yes { background-position:0 -240px; background-repeat:repeat-x; float:left; clear:both; margin:0 0 0 100px; _margin:0 0 0 50px; }
DIV.yes DIV { background-position:0 -164px; }
DIV.yes DIV DIV { background-position:right -202px; }
DIV.yes INPUT.delete { background-color:transparent; background-position:-450px -143px; height:38px; border:0px; color:#000; font-style:normal; font-weight:bold; padding: 0 25px 0 45px; width: auto; overflow: visible; _height:36px; }
DIV.yes INPUT.check { background-color:transparent; background-position:-452px -16px; height:38px; border:0px; color:#000; font-style:normal; font-weight:bold; padding: 0 25px 0 45px; width: auto; overflow: visible; _height:36px; }
DIV.orno { float:left; padding:8px 0 8px 10px; } DIV.orno A { font-weight:bold; }
/* ********************
* ***** POPUPS ********
* ********************/
BODY.popup { _width:98%; }
BODY.popup FORM { margin:0; }
BODY.popup FIELDSET { margin:10px 5px 15px 5px; }
BODY.popup FIELDSET INPUT { width:400px; padding:6px 10px; margin:0; }
BODY.popup FIELDSET INPUT.radio { width:20px; padding:1px; margin:0; border:0; }
BODY.popup DIV.search INPUT { padding:2px 4px; }
BODY.popup .right { margin:0 10px 0 0; }
BODY.popup .left { margin:0 0 0 10px; }
/******* FIELDSETS **************/
FIELDSET TABLE { width:100%; float:left; }
FIELDSET.admins { background:#f6fafc; }
LABEL.combobox { clear:left; } DIV#administrators { margin:0 0 10px 0; }
FIELDSET.aspiring {}
FIELDSET.aspiring TD.col1 { width:70%;}
FIELDSET.aspiring TD.col2 { width:30%;}
FIELDSET.members { background:#f6fafc; }
FIELDSET.share { }
DIV.group SPAN.icon { padding:18px 18px; background-position:-135px -2px; margin:0 8px 0 0; }
DIV.fieldset { margin:0 0 0 0; overflow:auto; padding:0 0 0 50px; }
DIV.fieldset SPAN { margin:0 0 0 -50px; float:left; }
DIV.fieldset TD SPAN, DIV.fieldset P SPAN { margin:0; float:none; }
DIV.fieldset P { float:left; display:block; width:46%; margin-right:10px; }
DIV.fieldsetsmall { margin:0 0 0 0; padding:6px 10px 6px 60px; overflow:visible; }
DIV.fieldsetsmall SPAN { margin:0 0 0 -40px; float:left; }
DIV.fieldsetsmall LABEL { display:inline; margin:5px 0 0 0; }
DIV.fieldsetsmall SELECT { padding:3px 4px 3px 4px; }
DIV.fieldsetsmall SELECT OPTION { padding:3px; line-height:2em; }
DIV.fieldsetsmall P.item { float:left; display:block; width:30%; padding:0; margin:0 8px 0 0; line-height:1.6em; _line-height:1.2em; }
/*DIV.fieldsetsmall INPUT.check { width:150px; }*/
#exportdocument DIV.minibtn_save { float:right !important; display:inline-block; }
DIV.permalink { padding:3px 10px 0 60px; }
DIV.permalink INPUT { width:490px; border:1px solid #c1c9d0; padding:4px 4px; margin:0 0 5px 0; }
DIV.permalink INPUT.check { width:15px; border:0px; vertical-align:middle; }
DIV.permalink P.item { display:inline; }
FORM#tagsdocument INPUT#newtag { padding:5px 5px; float:left; margin:0 5px 0 0; width:255px; }
FORM#tagsdocument DIV.currenttags { margin:0 0 15px 0; }
A.tag { color:#000; } A.tag:hover { text-decoration:none; }
A.tag SPAN { margin:0 0 0 5px; float:none; background-position:-258px -174px; padding:8px 10px; }
/* ******** * PLAINFORM * ************ */
DIV.plainform { margin:5px 0 15px 0; padding:0 0 0 50px; width:auto; overflow:auto; }
DIV.plainform SPAN { margin:12px 0 0 -50px; float:left; }
DIV.plainform DIV.field { padding:5px 0; overflow:auto; width:99%; }
DIV.plainform DIV.field LABEL { display:inline-block; width:30%; vertical-align:middle }
DIV.plainform INPUT, DIV.plainform SELECT { padding:6px 10px; width:60%; }
DIV.plainform INPUT.small { width:50%; }
/*BODY.popup FIELDSET DIV.plainform INPUT, DIV.plainform INPUT, DIV.plainform SELECT { padding:6px 10px; width:60%; }*/
DIV.plainform DIV.submit{ margin:0 15px 0 0; }
DIV.plainform INPUT.check { padding: 0 30px 0 55px; width:auto; }
DIV.plainform DIV.radios { padding:5px 0; overflow:auto; width:99%; }
DIV.plainform DIV.radios LABEL{ padding:0 15px 0 0; }
DIV.plainform DIV.radios LABEL.main{ display:inline-block; width:30%; vertical-align:middle }
DIV.plainform DIV.radios INPUT { padding:0 10px; width:20px; }
DIV.plainform DIV.checkbox INPUT { width:20px; }
UL.links { list-style-type:square; margin:0 15px; }
/* ******** * DELETING * ************ */
#load { position:absolute; left:225px; background:url('/images/loading-bg.png') center no-repeat;
width:159px; color:#999; font-size:120%; height:40px; font-weight:bold; padding-top:14px; top: 23px; }
P.item { padding:3px 0 2px 5px; }
P.item A.delete { float:right; margin:0 10px 0 0; vertical-align:bottom; display:inline-block; }
P.active { background:#feffac; }
/* ******** * SHARE * ************ */
FIELDSET.share DIV.fieldset { border-bottom:1px solid #eef1f4; padding:0 0 15px 50px; margin:0 0 15px 0; overflow:visible; }
FIELDSET.share DIV.fieldset#sharegroups { border-bottom:0px; padding:0 0 10px 50px; margin:0 0 0 0; }
FIELDSET.share DIV.fieldset SPAN.icon_shareall, FIELDSET.share DIV.fieldset SPAN.icon_friends,
FIELDSET.share DIV.fieldset SPAN.icon_groups { margin:0 0 0 -50px; float:left; }
FIELDSET.share DIV.fieldset H4 { margin:0; line-height:1em; }
FIELDSET.share DIV.fieldset DIV.allow, FIELDSET.share DIV.fieldset DIV.invite { padding:5px 0; width:720px; clear:both; }
FIELDSET.share DIV.fieldset P { vertical-align:middle; width:240px; display:inline; }
BODY.popup FIELDSET.share .combo INPUT { width:210px; }
BODY.popup FIELDSET.share INPUT { width:210px; }
FIELDSET.share DIV.fieldset INPUT.radio { margin:0 0 0 30px; }
FIELDSET.share DIV.fieldset A.delete { } FIELDSET.share DIV.fieldset A.delete SPAN { float:none; margin:0 0 0 15px; }
FIELDSET.share DIV.addaction, FIELDSET.share DIV.inviteaction { overflow:auto; width:90%; padding:0 15px 0 0; }
FIELDSET.share DIV.addaction A.add, FIELDSET.share DIV.inviteaction A.add { font-weight:normal; }
FIELDSET.share .scroll { overflow:auto; height:400px; }
/* ******** * HISTORY * ************ */
FIELDSET.history { }
TABLE.history { width:100%; border-collapse:collapse; }
TABLE.history TH, TABLE.history TD { vertical-align:top; padding:3px 4px; }
TABLE.history TH.type, TABLE.history TD.type { width:75px; }
TABLE.history TH.author, TABLE.history TD.author { width:152px; }
TABLE.history TH.note, TABLE.history TD.note { width:441px; }
TABLE.history TH.date, TABLE.history TD.date { width:142px; }
TABLE.history .hilite { background-color:#f7f9fe; border-bottom:1px solid #e1e8fa; }
TABLE.history .revision TD { background-color:#ebeffb; border-bottom:1px solid #fff; }
TABLE.history DIV.smallbtn { float:none; margin:0; }
DIV.note { width:441px; background-position:-441px bottom; padding:0 0 10px 0; margin:0 0 0 0; position:relative; }
DIV.note DIV { background-position:-882px center; background-repeat:repeat-y; }
DIV.note DIV DIV { background-position:0 0; border:0; margin:0 0 0 0; padding:5px 10px 5px 15px; }
DIV#history FORM#addnote TEXTAREA { float:left; width:580px; height:40px; }
DIV#history FORM#addnote #saveaddnote { width:200px; }
DIV.addrevisionnote TEXTAREA { float:left; width:300px; height:40px; margin:0 0 0 6px; }
DIV.addrevisionnote #saveaddnote { background-position:-452px -7px; width:120px; padding:6px 0px 6px 18px; }
DIV.addrevisionnote { display:none; }
/*addrevisionnote*/
/* ******** * NEW DOC * ************ */
FORM#newdocument DIV.plainform, FORM#newdocument DIV.field { overflow:visible; }
/* ******** * HOME/LOGIN/ETC * ************ */
DIV.blank { clear:both; padding:30px; width:920px; background-image:none; background-color:#fff; }
DIV.home_intro { width:400px; float:left; margin:0 60px 0 0; }
DIV.home_login { width:440px; float:left; }
DIV.register_intro { width:300px; float:left; margin:0 60px 0 0; }
DIV.register_form { width:540px; float:left; }
DIV.layout_content { width:540px; float:left; }
DIV.layout_content P, DIV.layout_menu P { margin:10px 0; }
DIV.layout_menu { width:300px; float:left; margin:0 60px 0 0; }
DIV.layout_menu UL { border-top:1px solid #e8e8e8; }
DIV.layout_menu UL LI { border-bottom:1px solid #e8e8e8; padding:4px;}
DIV.layout_menu H3 { margin:5px 0; float:none; }
DIV.mainmessage { margin:0 100px; }
/* ******** *HEADER ************ */
DIV.header { height:84px; }
DIV.header IMG { float:left; margin:14px 0 0 14px; }
DIV.header UL { float:right; margin:35px 0 0 206px; }
DIV.header UL LI { display:inline; }
DIV.header UL LI A { padding:7px 10px; font-size:130%; color:#000; }
/* ******** FUNCTIONS ********** */
DIV.functions { }
UL.tabs LI { background-position:0 -82px; background-color:#2aabe4; float:left; height:41px; margin:0 2px 0 0; }
UL.tabs LI DIV { background-position:right -123px; height:41px; display:block; _float:left; }
UL.tabs LI SPAN { font-size:150%;}
UL.tabs LI SPAN A { color:#fff; padding:8px 40px; line-height:2em; }
UL.tabs LI.current { background-color:#FFFFFF; } /* tab on */
UL.tabs LI.current DIV { background-position:right -41px; }
UL.tabs LI.current SPAN A { color:#2aabe4;}
DIV.btn { background-position:0 -240px; background-repeat:repeat-x; float:left; margin-left:25px; }
DIV.btn DIV { background-position:0 -164px; padding:0; }
DIV.btn DIV A { background-position:right -202px; padding:10px 20px 10px 40px; line-height:18px; color:#000; font-weight:bold; display:block; }
DIV.btn DIV A:hover { text-decoration:none; }
DIV.btn SPAN { float:left; padding:13px 13px; margin:-5px 5px 0 -30px; }
DIV.btn SPAN.newdocument { }
DIV.btn SPAN.uploaddocument { background-position:0 -36px; }
/* ******** CONTENT ********** */
DIV.content { clear:both; padding:30px; width:920px; background-position:728px -311px; background-color:#fff; }
DIV.workarea { width:680px; float:left; margin:0 17px 0 0; }
DIV.sidebar { width:202px; float:left; padding:0 0 0 20px; }
DIV.sidebar H2 { background-position:0 -161px; width:182px; height:17px; padding:12px 10px; }
DIV.sidebar H2 SPAN { background:none; color:#000000; line-height:0.5em; padding:0; width:auto; font-size:120%; font-weight:bold; }
DIV.sidebar DIV { width:157px; margin:20px 0 0 12px; padding:0 0 0 30px; } DIV.sidebar DIV A { font-weight:bold; }
/*SPAN.icon_question { display:block; float:left; cursor:default; margin:23px 0 0 0; clear:left; }*/
/* twitter exceptions */
DIV.sidebar .twtr-widget { margin:0; padding: 0; width: 194px; }
DIV.sidebar .twtr-doc { margin:0; padding: 4px; }
DIV.sidebar .twtr-doc DIV { margin:0; padding: 2px; width: auto; }
DIV.sidebar .twtr-doc .twtr-hd { padding: 8px; height: 17px; }
DIV.sidebar .twtr-doc .twtr-ft DIV IMG { display: none; }
/* rss exceptions */
SPAN.icon_rss { margin:4px 0 0 0px; display:block; float:left; clear:left; }
DIV.sidebar DIV.rss { margin:4px 0 0 12px; }
DIV.sidebar DIV.rss A { font-weight:normal; }
DIV.sidebar SPAN.icon_question, DIV.sidebar SPAN.icon_info, DIV.sidebar SPAN.icon_rss { float:left; margin:0 0 0 -40px; }
DIV.search { background-position:left -76px; padding:8px 0 0 48px; height:39px; width:448px; }
DIV.search INPUT { font-size:120%; font-weight:normal; font-style:italic; width:425px; border:1px solid #fff; line-height:1em; color:#9f9a9a; }
DIV.search INPUT.active { font-size:120%; font-weight:bold; font-style:normal; color:#000; }
DIV.smallbtn { float:right; margin-left:30px; } DIV.smallbtn A { font-weight:bold; outline:0; } DIV.smallbtn A:hover { text-decoration:none; }
DIV.smallbtn SPAN { padding:12px 12px; margin:0 5px 0 0; }
DIV.smallbtn SPAN.createagroup, DIV.smallbtn SPAN.addafriend { background-position:-184px -5px; }
DIV.smallbtn SPAN.joinagroup { background-position:-141px -46px; }
DIV.smallbtn SPAN.add { background-position:-185px -5px; padding:14px 12px; vertical-align:middle; }
DIV.minibtn_add { background-position:-285px -166px; float:left; margin:0 0 0 10px; }
DIV.minibtn_add A { padding:6px 16px 6px 35px; font-weight:bold; color:#000; line-height:2.2em; }
DIV.minibtn_save { background-position:-285px -204px; float:left; margin:0 0 0 10px; }
DIV.minibtn_save A { padding:6px 16px 6px 35px; font-weight:bold; color:#000; line-height:2.2em; }
DIV.results { margin:30px 0 0 0; }
DIV.results TABLE { width:100%; clear:both; border-top:1px solid #e1e8fa; border-collapse:collapse; }
DIV.results TABLE TD { border-bottom:1px solid #e1e8fa; color:#999; padding:15px 0; vertical-align:top; }
DIV.results TABLE TR.hilite { background-color:#f7f9fe; }
DIV.results TABLE TD.icon { width:40px; padding-left:5px; }
DIV.results TABLE TD.name { width:355px; } DIV.results TABLE TD.name A { font-weight:bold; }
DIV.results TABLE TD.actions { width:230px; vertical-align:bottom; text-align:right; }
DIV.results TABLE TD.select { width:43px; padding-right:5px; vertical-align:bottom; text-align:right; }
DIV.results TABLE TD.friend { width:230px; } DIV.results TABLE TD.friend A { font-weight:bold; }
DIV.results TABLE TD.location { width:185px; }
DIV.results TABLE TD.actionssmall { width:170px; }
DIV.results TABLE TD.document { width:585px; }
DIV.results TABLE TD.document DIV { color:#999; }
TD.document DIV.name A { font-size:120%; font-weight:bold; }
TD.document DIV.metadata { font-size:90%; }
TD.document DIV.metadata SPAN { display:inline-block; }
TD.document DIV.metadata .col1 { width:40%; }
TD.document DIV.metadata .col2 { width:30%; }
TD.document DIV.metadata .col3 { width:28%; }
TD.document DIV.actions { text-align:right;}
DIV.more { width:363px; height:22px; padding:8px 0; background-position:left -123px; text-align:center; font-weight:bold; cursor:pointer; margin:10px auto; }
DIV.multiple { text-align:right; } DIV.multiple A { font-weight:bold; }
/**** icons ******/
SPAN.icon_rss_small { padding:11px 12px; background-position:-88px -5px; margin-right:5px; }
SPAN.icon_rss { padding:14px 15px; background-position:-86px -42px; }
SPAN.icon_group { padding:13px 15px; background-position:-135px -6px; }
SPAN.icon_login { padding:13px 15px; background-position:-210px -205px; }
SPAN.icon_pwd { padding:13px 15px; background-position:-249px -205px; }
SPAN.icon_shareall { padding:13px 15px; background-position:-132px -205px; }
SPAN.icon_multiple { padding:14px 15px; background-position:-42px -3px; }
SPAN.icon_question { padding:15px 15px; background-position:-40px -40px; }
SPAN.icon_info { padding:15px 15px; background-position:-235px -40px; }
SPAN.icon_history { padding:15px 15px; background-position:-175px -206px; }
SPAN.icon_check { padding:11px 15px; background-position:-188px -46px; background-color:#fff; }
SPAN.icon_admin { padding:16px 15px; background-position:-411px 0; }
SPAN.icon_member { padding:16px 15px; background-position:-236px 0; }
SPAN.icon_delete { padding:9px 7px; background-position:-260px -172px; }
SPAN.icon_tags { padding:15px 22px; background-position:-287px 0; }
SPAN.icon_export { padding:15px 10px; background-position:-3px -208px; }
SPAN.icon_doc { padding:15px 22px; background-position:-362px -44px; }
SPAN.icon_doc_group { padding:15px 22px; background-position:-297px -40px; }
SPAN.icon_doc_friend { padding:15px 22px; background-position:-363px -2px; }
SPAN.icon_linkdoc { padding:15px 15px; background-position:-44px -206px; }
SPAN.icon_signup { padding:15px 15px; background-position:-44px -206px; }
SPAN.icon_newdoc { padding:15px 15px; background-position:0 0; }
SPAN.icon_uploaddoc { padding:15px 15px; background-position:0 -36px; }
SPAN.icon_find { padding:15px 15px; background-position:0 -80px; }
SPAN.icon_tag { padding:15px 15px; background-position:-85px -208px; }
/* ******** * MY DOCUMENTS * ************ */
DIV.tags { margin:0 0 0 0; overflow:auto; padding:0 0 0 60px; }
DIV.tags P { font-size:120%; font-style:italic; color:#8d8888; margin:0 0 5px 0; }
DIV.tags SPAN { margin:0 0 0 -60px; float:left; }
DIV.tags UL { display:block; float:left; width:30%; margin:0 15px 0 0; }
DIV.tags LI { padding:0 0 0 20px; }
DIV.tags LI SPAN { margin:0 0 0 -20px; float:left; color:#c6c5c5; font-weight:bold; font-size:90%; }
DIV.tags LI A { font-size:90%; text-decoration:underline; padding:2px 0; }
DIV.tags LI A:hover { background-color:#3763dc; color:#fff; }
DIV.tags DIV.expandable { height:90px; overflow:hidden; }
DIV.tags DIV.expandable DIV { overflow:auto; }
DIV#morelesstags { text-align:center; font-weight:bold; line-height:1.6em; width:624px; margin:15px 0 30px 60px; padding:0 0 8px 0; cursor:pointer; }
DIV#morelesstags #lesstags { display:none; }
#blanknewdocument { display:none; }
/* ******** * FOOTER * ************ */
DIV.footer { }
DIV.footer DIV.tab { float:right; background-position:left -948px; background-repeat:repeat-x; color:#80878c; } DIV.footer DIV.tab A { color:#80878c; }
DIV.footer DIV.tab SPAN { display:block; background-position:left -900px; }
DIV.footer DIV.tab SPAN SPAN { display:block; background-position:right -996px; padding:13px 20px; }
DIV.footer DIV.links { clear:both; padding:10px 0; text-align:center; }
DIV.footer DIV.links A { padding:5px 10px; }
/* ******** * LIVE SEARCH * ************ */
/* joinagroup */
.grouplivesearch #jquery-live-search { padding: 5px 0; height: 240px; width:870px; overflow: auto; clear:both; }
DIV.grouplivesearch { width:95%; } DIV.grouplivesearch TABLE { width:97%; }
DIV.grouplivesearch TABLE TD.name { width:360px; padding:0 0 0 10px; } DIV.grouplivesearch TABLE TD.name A { font-weight:normal; }
DIV.grouplivesearch TABLE TD.owner { width:310px; }
DIV.grouplivesearch TABLE TD.location { width:310px; }
DIV.grouplivesearch TABLE TD.actions { width:160px; padding:0 10px 0 0; vertical-align:middle; }
DIV.grouplivesearch TABLE TD.actions DIV.smallbtn { margin:0; }
/* friends main */
#live-search-mainfriends #jquery-live-search { padding: 5px 0; height: auto; width:100%; overflow: auto; clear:both; }
/* groups main */
#live-search-maingroups #jquery-live-search { padding: 5px 0; height: auto; width:100%; overflow: auto; clear:both; }
#blanknewgroup { display:none; }
#search-status { text-align:center; padding:5px; font-style:italic; color:#666; }
/* ******** * SEXY COMBO * ************ */
.combo { display:block; float:left; position:relative; }
BODY.popup FIELDSET .combo INPUT { margin:0; padding:3px 3px 1px 3px; background-position:0 -1396px; background-repeat:repeat-x;
border:1px solid #929292; height: 21px; width:230px; line-height:1.6em; vertical-align:middle; }
.combo IMG { width:17px; height:26px; border:0; background-position:-212px -169px;
cursor:pointer; border-bottom: 1px solid #B5B8C8; margin:0; vertical-align:middle; }
/** position:absolute; top:0;*/
.combo IMG:hover { background-position:-229px -169px; }
.combo UL { border:1px solid #929292; list-style-type:none; width:253px; background:#FFFFFF;
padding:0; margin:0; cursor:pointer; overflow:hidden; position:absolute; top:28px; left:0px; }
/* position:absolute; left:0; top:28px; */
.combo LI { padding-left:5px; background-color:#FFFFFF; }
LABEl.combobox { margin:0 5px 0 0; float:left; padding:3px 0; }
/* ******** * INLINE FRAMES * ************ */
#iframe { display:none; position:absolute; }
#iframe IFRAME { background:#fff; border:1px solid #b9b9b9; padding:5px; }
A.addafriend, A.joingroup, A.deletegroup, A.deletedocument, A.deletefriend { outline:0; }
/*
A.addafriend #iframe IFRAME, A.joingroup #iframe IFRAME, A.deletegroup #iframe IFRAME, A.deletedocument #iframe IFRAME, A.deletefriend #iframe IFRAME
{ width:410px; height:176px; }
A.exportdocument #iframe IFRAME { width:415px; height:90px; }
A.linkdocument #iframe IFRAME { width:585px; height:224px; }
A.tagdocument #iframe IFRAME { width:450px; height:200px; z-index:10; }
*/
DIV.addafriend IFRAME, DIV.joingroup IFRAME, DIV.deletegroup IFRAME, DIV.deletedocument IFRAME, DIV.deletefriend IFRAME
{ width:410px; height:176px; }
DIV.exportdocument IFRAME { width:560px; height:125px; }
DIV.linkdocument IFRAME { width:585px; height:224px; }
DIV.tagdocument IFRAME { width:450px; height:200px; z-index:10; }
DIV.popup { display:none; position:absolute; background:#fff; border:1px solid #b9b9b9; padding:5px; text-align:left; }
DIV#popup_deletemultiple { width:480px; height:176px; }
/* ******** * jHelperTip * ************ */
#jHelperTipAttrContainer{ display:none; }
#jHelperTipContainer { background-color:#ffffff; border:3px solid #dae4e8; display:none; }
/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.
Copyright 2006 – 2008 Mark Wubben,
Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben
See also and .
This software is licensed and provided under the CC-GNU LGPL.
See
*****************************************************************************/
@media screen {
.sIFR-flash {
visibility: visible !important;
margin: 0;
padding: 0;
}
.sIFR-replaced, .sIFR-ignore {
visibility: visible !important;
}
.sIFR-alternate {
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
display: block;
overflow: hidden;
}
.sIFR-replaced div.sIFR-fixfocus {
margin: 0pt;
padding: 0pt;
overflow: auto;
letter-spacing: 0px;
float: none;
}
}
@media print {
.sIFR-flash {
display : none !important;
height : 0;
width : 0;
position : absolute;
overflow : hidden;
}
.sIFR-alternate {
visibility : visible !important;
display : i !important;
position : static !important;
left : auto !important;
top : auto !important;
width : auto !important;
height : auto !important;
}
}
/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
H1 { font-size:180%; line-height:1em; letter-spacing:0; font-weight:normal; margin:0 0 15px 0px; padding:0; }
H1.xlarge { font-size:220%; line-height:1em; letter-spacing:0; font-weight:normal; margin:0 0 15px 0px; padding:0; }
H2 { font-size:130%; line-height:1em; letter-spacing:0; font-weight:normal; margin:0; padding:0; background-position:right -1100px; width:100%; background-color:#2aabe4; }
H2 SPAN { background-position:0 -1044px; width:100%; line-height:3.1em; padding:17px 20px; color:#fff; }
H2 DIV { font-size:80%; color:#fff; display:inline; font-weight:bold; }
H2.mini { font-size:130%; line-height:1em; letter-spacing:0; font-weight:normal; margin:0; padding:0; background-position:right -1357px; width:100%; background-color:#2aabe4; }
H2.mini SPAN { background-position:0 -1318px; width:100%; line-height:2.2em; padding:9px 20px; color:#fff; }
H2.mini DIV { display:block; float:right; width:26px; height:26px; background-position:-419px -169px; margin:4px 10px 0 0; }
H3 { font-size:140%; line-height:1em; letter-spacing:0; font-weight:normal; margin:0 0 10px 0; padding:0px; float:left; }
H3.plain { font-size:140%; line-height:1em; letter-spacing:0; font-weight:normal; margin:0 0 10px 0; padding:0px; float:none; }
H4 { font-size:110%; line-height:1em; letter-spacing:0; font-weight:bold; margin:0 0 10px 0; padding:0px; }
H5 { padding:12px 15px 12px 15px; text-align:center; margin:15px 0; overflow:auto; background:#f5f9fa; border:1px solid #7c99e8; color:#000; font-size:150%; }
UL.tabs LI A { background-position:right -123px; color:#fff; padding:9px 40px; font-size:150%; line-height:1.1em; display:block; }
*/
@media screen {
/*
.sIFR-active h2 {
font-size:200%; line-height:1em;
}*/
.sIFR-active h1 {
font-size:180%; line-height:1em; color:#04406c;
}
.sIFR-active .mainmenu SPAN {
font-size:130%;
}
.sIFR-active DIV.sidebar H2 SPAN {
font-size:105%; line-height:0.5em; font-weight:bold;
}
.sIFR-active .results H3 {
font-size:140%; line-height:1em; font-weight:bold; letter-spacing:1px;
}
/*
.sIFR-active UL.tabs LI SPAN {
font-size:140%; line-height:1.8em; color:#000000; letter-spacing:1px;
}
.sIFR-active H1.mixed {
font-size:120%;
color:#999999;
letter-spacing:0;
font-weight:normal;
}*/
}