/******************************************* Reset *******************************************/ * { margin: 0; padding: 0; text-decoration: none; font-size: 1em; outline: none; } html {overflow-y: scroll;} code, kbd, samp, pre, tt, var, textarea, input, select, isindex { font: inherit; font-size: 1em; } dfn, i, cite, var, address, em { font-style: normal; } th, b, strong, h1, h2, h3, h4, h5, h6 { font-weight: normal; } a, img, a img, iframe, form, fieldset, abbr, acronym, object, applet { border: none; } table { border-collapse: collapse; border-spacing: 0; } caption, th, td, center { text-align: left; vertical-align: top; } body { line-height: 1; background: white; color: black; } q { quotes: "" ""; } ul, ol, dir, menu { list-style: none; } sub, sup { vertical-align: baseline; } a { color: inherit; } font { color: inherit !important; font: inherit !important; color: inherit !important; } /******************************************* Layout *******************************************/ body { background:#fff; font:62.5% arial,helvetica,sans-serif; } .wrapper { margin:0 auto; width:968px; } #header, #headerAnonym, #content, #footer { margin:0 14px; } #content { } #pageAuth #content { min-height:300px; } .col1 { width:620px; margin:0 auto; } .col13 { width:300px; } .col13v { width:280px; } .panel .col13 { width:292px; } .panel .colX .col13 { width:306px; margin-left:0; } .col23 { width:620px; } .col23v { width:640px; } .panel .col23 { width:600px; } .col14 { width:220px; } .panel .col14 { width:210px; } .col24 { width:460px; } .panel .col24 { width:448px; } .col34 { width:700px; } .panel .col34 { width:686px; } .col34 .col24 { width:340px; } .col34 .col13 { width:220px; } .col34 .col14 { width:120px; } .col34 .col34 { width:560px; } .col34 .panel .col13 { width:210px; } .col34 .panel .col23 { width:445px; } .col34 .panel .col24 { width:326px; } .col16 { width:140px; } .col46 { width:620px; } .col50 { clear:none !important; float:left; width:49%; } .col100 { width:100%; } .col13, .col13v, .col23, .col23v, .col14, .col24, .col34, .col16, .col46 { float:left; margin-left: 20px; } .colFromTo { background:url(../images/bgTo.gif) no-repeat center 30px; width:100%; } .colFromTo .col24 { width:440px; margin-left:60px; } #content .panel { margin-bottom:20px; } #content .panel h3 { color:#666; font-size:1.2em; font-weight:normal; margin:0 0 5px 0; } #content .panel h4 { color:#666; font-size:1.0em; font-weight:normal; margin:0 0 5px 0; } #content .panel h3 em { display:block; float:right; font-size:90%; font-weight:normal; font-style:normal; } #content .panel h3 em a { padding:0 2px; } #content .border h3 { margin:0 0 10px 0; padding: 0 0 5px 0; } #content .cc { padding:2px 8px; } #content .green .rounded { background-color:#badb3c; } #content .green2 .rounded { background-color:#e9f4bd; } .green2 h3 a { color:#8caf31; } .green2 h3 a:hover { color:#f6921e; } #content .orange .rounded { background-color:#f19720; } #content .orange2 .rounded { background-color:#fdf0de; } #content .orange2 h3 { font-weight:bold; } #content .orange2 h3, .orange2 h3 a { color:#f6921e; } .orange2 .bullets { color:#f6921e; } .orange2 .bullets p { color:#555; } #content .yellow .rounded { background-color:#fad60d; } #content .yellow2 .rounded { background-color:#fef9db; } #content .blue2 .rounded, .blue2 .rounded2 { background-color:#f4f8fe; } /*#f6faff*/ #content .gray .rounded { background-color:#f0f0f0; } #content .constr .rounded { background:url(../images/bg/construction.gif); } #content form .panel { margin-bottom:10px; } form .panel .rounded { background-color:#f4f8fe; margin-bottom:15px; } #content form .panel .rounded .cc { padding:4px 10px; } form .last .rounded { margin-bottom:0; } #content .poster .rounded .cc { padding:10px 0; text-align:center; } .panelGreen .h, .panelYellow .h { height:6px; } .panelGreen .cc, .panelYellow .cc { padding:0 6px 6px 6px; } .panelGreen { background:#d5e26a url(../images/bg/pGreen.gif) no-repeat center bottom; } .panelGreen .h { background:#d5e26a url(../images/bg/pGreenH.gif) no-repeat; } .panelYellow { background:#fcd84f url(../images/bg/pYellow.gif) no-repeat center bottom; } .panelYellow .h { background:#fcd84f url(../images/bg/pYellowH.gif) no-repeat; } .rounded { } .rounded .cc { border-left: solid 1px #dbe2e6; border-right: solid 1px #dbe2e6; padding:8px; } .c1, .c2, .c3, .c4 { background-image:url(../images/sprites/global.png?001); background-repeat:no-repeat; height:6px; } .c1, .c3 { width:100%; } .c2, .c4 { float:right; width:6px; } .rounded .c1 { background-position:0 -146px; } .rounded .c2 { background-position:-994px -146px; } .rounded .c3 { background-position:0 -152px; } .rounded .c4 { background-position:-994px -152px; } .rounded2 {} .rounded2 .cc { padding:4px 8px; } .rounded2 .c1, .rounded2 .c2, .rounded2 .c3, .rounded2 .c4 { height:5px; } .rounded2 .c1, .rounded2 .c3 { width:100%; } .rounded2 .c2, .rounded2 .c4 { float:right; width:5px; right:0; } .rounded2 .c1 { background-position:0 -158px; } .rounded2 .c2 { background-position:-995px -158px; } .rounded2 .c3 { background-position:0 -163px; } .rounded2 .c4 { background-position:-995px -163px; } .lead { background-color:#0075ae; height:326px; margin-bottom:20px; } .lead .panelLogin { background-color:#c2d23a; background-position:0 -326px; height:160px; margin-bottom:20px; width:288px; } .lead .panelCode { background-color:#ffcd11; background-position:-288px -326px; height:124px; width:288px; } .lead .panelLogin h3, .lead .panelCode h3 { color:#6a7608; font-family:arial,helvetica,sans-serif; font-size:1.4em; font-weight:bold; height:34px; margin:6px 0 0 0; padding:0; } .lead .panelCode h3 { color:#8e7106; } .lead .f { display:block; float:left; width:62px; } .lead .row { height:38px; margin:0; padding:0; } .lead .tabs { border:none; margin:0 0 0 12px; height:43px; padding:0; position:inherit; } .lead .tabs li { margin:0 0 0 4px; padding:0; position:inherit; } .lead .tabs span { display:none; } .lead .tabs li a { background:url(../images/sprites/lead.png) no-repeat; border:none; display:block; height:43px; margin:0; padding:0; } .lead .tabs .li1 a { background-position:0 -486px; width:122px; } .lead .tabs .li1:hover a, .lead .tabs .li1 a.current { background-position:0 -529px; } .lead .tabs .li2 a { background-position:-122px -486px; width:97px; } .lead .tabs .li2:hover a, .lead .tabs .li2 a.current { background-position:-122px -529px; } .lead .tabs .li3 a { background-position:-219px -486px; width:116px; } .lead .tabs .li3:hover a, .lead .tabs .li3 a.current { background-position:-219px -529px; } .lead .tabs .li4 a { background-position:-335px -486px; width:134px; } .lead .tabs .li4:hover a, .lead .tabs .li4 a.current { background-position:-335px -529px; } .lead .tabs .li5 a { background-position:-469px -486px; width:123px; } .lead .tabs .li5:hover a, .lead .tabs .li5 a.current { background-position:-469px -529px; } .leadBg { background-image:url(../images/sprites/lead.png); background-repeat:no-repeat; } .lead .tab { position:relative; overflow:hidden; height:237px; margin:16px 0 0 12px; } .lead .tab .tabContent { position:absolute; width:20000em; } .lead .tab .tabContent div { color:#fff; font-size:1.6em; float:left; height:217px; width:608px; } .lead .tab li { background:url(../images/sprites/lead.png) no-repeat 0 -572px; margin:8px 0 4px 30px; padding:0 0 0 26px; } .lead .tabContent2 li { background-position:0 -640px; } .lead .tabContent3 li { background-position:0 -708px; } .lead .tabContent4 li { background-position:0 -776px; } .lead .tabContent5 li { background-position:0 -844px; } .lead h4 { color:#3c7996; font-size:1.2em; margin-left:12px; text-align:center; } /******************************************* Header *******************************************/ #header { height:160px; margin-left:0; } #header a b, #headerAnonym a b { display:none; } #header h1, #header h1 a { background:url(../images/sprites/global.png?001) no-repeat 0 0; display:block; float:left; height:110px; width:93px; } #header .logout { float:right; height:74px; width: 26px; } #header .logout a { background:url(../images/sprites/global.png?001) no-repeat -400px -67px; display:block; float:right; height:20px; margin-top:15px; width:18px; } #header .logout a:hover { background-position: -400px -87px; } #header .god li { float:right; } #header .god li.avatar { height:64px; width: 52px; } #header .god li.avatar a { background-color:#fff; border:solid 1px #ccc; display:block; float:right; padding:1px; margin-top:15px; } #header .god li.avatar a:hover { background-color:#328fc0; border-color:#328fc0; } #header .god li.avatar a img { height:40px; width:40px; } #header .god li.name { font-size:1.4em; font-weight:bold; height:35px; line-height:35px; text-align:right; width:700px; } #header .god li.name a { color:#7db82d; } #header .god li.name a:hover { background-color:Transparent; color:#328fc0; } #header .god li.stats { display:inline; height:34px; width:200px; } #header .god li.stats li { margin-left:5px; } #header .god li.stats li a { background:url(../images/sprites/global.png?001) no-repeat; color:#ccc; display:block; font-size:1.4em; font-weight:bold; line-height:24px; margin-left:6px; padding-left:30px; } #header .god li.stats li a:hover { color:#328fc0; } #header .god li.stats li.active a { color:#f19720; } #header #statsM a { background-position: -96px 0; } #header #statsM.active a { background-position: -96px -50px; } #header #statsF a { background-position: -196px 0; } #header #statsF.active a { background-position: -196px -50px; } #header #statsG a { background-position: -296px 0; } #header #statsG.active a { background-position: -296px -50px; } #header #statsM.active a:hover, #header #statsF.active a:hover, #header #statsG.active a:hover { color:#328fc0; } #header .panel { background:#0273b2 url(../images/sprites/global.png?001) no-repeat right -110px; float:left; height:36px; width:861px; } #header .panel ul { margin:6px 0 0 0; float:left; position:relative; left:-10px; width: 100%; } #header .panel li { float:left; margin-left:10px; } #header .panel li.r { margin-right:10px; } #header .panel li.r, #header .panel li.a { float:right; } #header .panel a { color:#fff; display:block; float:left; font-size:140%; height: 24px; line-height:24px; padding: 0 6px; } #header .panel li.active a { background-color:#f6921e !important; } #header .panel a:hover, #header .panel li.hover a { background-color: #44c5ea; } #header form { display:block; float:left; padding-left:33px; position:relative; top:-10px; } #header input { background:#fff url(../images/sprites/global.png?001) no-repeat -432px -70px; border: 1px solid #bfbfbf; color:#999; font-size:1.4em; padding:2px 4px 2px 24px; width:170px; } #header ul.sub { clear:both; height:20px; padding:5px 0 0 90px; } #header ul.sub li { float:left; margin-right:4px; } #header ul.sub li a { display:block; float:left; font-size:1.3em; margin:0; padding:2px 6px; } #header ul.sub li a:hover, #header ul.sub li.active a { background-color:#44c5ea; color:#fff; } #header ul.sub li.active a { color:#fff; } #header ul.sub li.active a.disabled { background-color:#eee; color:#ddd; } #header ul.sub li.active a.disabled:hover { background-color:#eee; color:#fff; } #header ul.sub li a.disabled { color:#ddd; } #header ul.sub li a.disabled:hover { background-color:Transparent; } #header div.subMenus {clear: both; height: 25px; overflow: hidden; position: relative; } #header div.subMenus ul.sub {position: absolute; top: -25px; } #header ul.login { color:#999; float:right; font-size:1.8em; padding:20px 0 0 0; } #header ul.login li { display:inline; } #headerAnonym { height:130px; margin-left:0; } #headerAnonym h1, #headerAnonym h1 a { background: url(../images/dnevnik.gif) no-repeat 0 0; float:left; height:110px; width:220px; } #headerAnonym ul.links { float:right; height:26px; margin-top:10px; } #headerAnonym ul.links li { float:left; font-size:1.2em; margin-left:25px; list-style-type:none; } #headerAnonym ul.menu a:hover { color:#f6921e; } #headerAnonym ul.menu { float:right; padding:2px 25px 2px 0; } #headerAnonym ul.menu li { float:left; font-size:1.8em; font-weight:normal; margin-left:20px; list-style-type:none; white-space:nowrap; } #headerAnonym ul.menu a { color:#0079b3; } #headerAnonym ul.menu a:hover, #headerAnonym ul.menu a.active { color:#f6921e; } #headerAnonym .hotline { color:#999; float:right; font-size:1.2em; height:56px; margin-top:14px; text-align:right; } #headerAnonym .hotline .s2 { font-size:1.6em; font-family:arial,helvetica,sans-serif; } #headerAnonym .hotline .s2 a:hover { color:#2291be; } #headerAnonym .hotline .s2 strong { color:#fd8f1b; } #pageError #header h1 { float:none; margin:0 auto; } #pageError h1, #pageError h1 a { background: url(../images/dnevnik.gif) no-repeat 0 0; height:110px; width:220px; } /******************************************* Footer *******************************************/ #footer { clear:both; color:#999; font-size:1.2em; margin-top:60px; height:80px; } #footer p { margin-bottom:6px; } #footer .col23 ul { height:1.4em; } #footer .col23 li { float:left; font-size:1.2em; margin:0 20px 0 0; width:auto; } #footer .col { float:left; margin-left:20px; width:164px; } #pageAnonym #footer { margin-top:40px; } #footer .feedback { margin-top:6px; } #footer .feedback a { display:block; background-color:#f0f0f0; clear:both; color:#f6921e; font-size:1.2em; padding:6px; text-align:center; width:18.5em; } #footer .feedback a:hover { background-color:#f6921e; color:#fff; } #footer .blue2 { margin-bottom:4px; } #footer .blue2 .cc { padding:6px 20px; } #footer .blue2 h4 { color:#999; font-size:1em; margin:0 0 6px 0; } #footer .blue2 h4 a { color:#999; } #footer .blue2 li { font-size:1.2em; margin:3px 0 3px 0; } #footer .banner { height:110px; text-align:center; width:100%; } /******************************************* Typography *******************************************/ strong, b, th, thead td, h1, h2, h3, h4, h5, h6 { font-weight: bold; } cite, em, dfn { font-style: italic; } code, kbd, samp, pre, tt, var { font-size: 92%; font-family: arial,helvetica,sans-serif; } del { text-decoration: line-through; color: #666; } ins, dfn { border-bottom: 1px solid #ccc; } small, sup, sub { font-size: 75%; } abbr, acronym { text-transform: uppercase; font-size: 85%; letter-spacing: .1em; } a abbr, a acronym { border: none; } abbr[title], acronym[title], dfn[title] { cursor: help; border-bottom: 1px solid #ccc; } sup { vertical-align: baseline; position: relative; top: -0.4em; } sub { vertical-align: baseline; position: relative; bottom: -0.4em; } #content { font-size: 120%; } h2, h3, h4 { font-family:tahoma,arial,sans-serif; font-weight:normal; } h2 em, h3 em, h4 em { font-style:normal; font-weight:bold; } h3 img, h4 img { vertical-align:middle; padding-right:6px; } h2 { color:#af69a1; font-size: 2.2em; padding-bottom:20px; font-weight:normal; } #content h2 a { color:#af69a1; } #content h2 a:hover { color:#f6921e; } #content h2 a.blue { color:#2291be; } h2 img { vertical-align:top; } h3 { font-size: 1.6em; color:#666; margin-bottom:15px; } h4 { font-size: 1.4em; color:#666; } h5 { font-size: 1.3em; } h6 { font-size: 1.2em; } #content hr { display: block; background: #aaa; color: #aaa; width: 100%; height: 1px; border: none; margin:20px 0; } .big { font-size:1.8em; } .line2 { height:2.5em; } .line3 { height:3.5em; } p.more { padding:6px 0 0 0; text-align:right; } p.more a, a.more { background:url(../images/icons/more.png) no-repeat right 1px; padding-right:20px; white-space:nowrap; } p.more a:hover, a.more:hover { background-position:right -27px; } .s2, .s3, .s4, .s5 { color:#444; } .s2 p, .s3 p, .s4 p { margin:0.5em 0; } .s2 { font-size:1.2em; } .s3 { font-size:1.3em; } .s4 { font-size:1.6em; } .s5 { font-size:2.2em; } .text { color:#333; font-size: 1.2em; line-height: 1.4em; } .text blockquote *:first-child { margin: .8em 0; } .text hr, .text p, .text ul, .text ol, .text dl, .text pre, .text blockquote, .text address, .text table, .text form { padding: 0 0 1.0em 0; } .text h2, .text h3, .text h4 { color:#af69a1; font: normal 1.0em Arial, sans-serif; margin-top:0; } .text h1, .text h2, .text h3, .text h4 { padding:0; } #content .text h1 a, #content .text h2 a, #content .text h3 a, #content .text h4 a { text-decoration:none; } .text h1 { margin: 1em 0 .5em; } .text h2 { font-size:1.9em; margin: 0.6em 0; } .text h3 { font-size:1.4em; margin: 0.2em 0 0.4em 0; } .text ul h3 { font-size:1.2em; font-weight:bold; margin:0; } .text h4 { font-size:1.2em; margin: 1.23em 0; } .text h5 { margin: 1.33em 0 .67em; } .text h6 { margin: 1.6em 0 .8em; } .text th, .text td { padding: .8em; } .text caption { padding-bottom: .8em; } /* padding instead of margin for IE */ .text blockquote { padding: 0 1em; margin: 1.6em 0; } .text a { position: relative; padding: 0.3em 0 .1em 0; } /* for larger click-area */ #content .text a { text-decoration:underline; } .text a.more { background-position: right .4em; padding-right:20px; } .text dt { font-weight: bold; margin-top: .8em; margin-bottom: .4em; } .text dd { margin-left:1em; } .text ul { list-style-type:disc; } .text ul li { margin: 0.2em 0 0.2em 2.5em; } .text ol { list-style-type: decimal; } .text ol li { margin: 0.2em 0 0.2em 2.5em; } .text ol ol, .text ul ol { margin: 0.2em 0 0.2em 2.5em; } .text table { border-top: 1px solid #ccc; border-left: 1px solid #ccc; margin: 0 0 1.0em 0; } .text th, .text td { border-bottom: 1px solid #ddd; border-right: 1px solid #ccc; } .text th { line-height:1.2em; } .text img { margin:0 15px 15px 0; } blockquote { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; color: #666; } blockquote *:first-child:before { content: "\201C"; } blockquote *:first-child:after { content: "\201D"; } q { quotes: "\201C" "\201D" "\2018" "\2019"; } .infobox { width:300px; margin-left:20px; line-height:1em; } .infobox caption { text-align:center; padding:0; } .infobox th { padding:4px 6px; font-size:0.8em; } .infobox td { padding:4px 6px; font-size:0.8em; } /******************************************* Colors *******************************************/ a { outline:none; } a { text-decoration: none; color: #2291be; } a:hover { color:#f6921e; } a.cyan{ color:#14c9ea; } a.orange { color:#f6921e; } a.green { color:#92a20a; } a.blue { color:#2291be; } a.red { color:#f00; } a.white { color:#fff; } a.gray { color:#999; } a.yellow { color:#edc93e; } .text a { color:#1281ae; } a.gray2 { color:#666; } .blue { color:#32a1ce; } .green { color:#a2c22a; } .orange { color:#f6921e; } #content .red, #content h3.red { color:#f00; } .yellow { color:#edc93e; } .purple { color:#bf79b1; } .cyan { color:#14c9ea; } .white { color:#fff; } code, pre { color: #c33; } /******************************************* Forms *******************************************/ legend { background: #fff; padding-left: .8em; padding-right: .8em; } legend+* { margin-top: 1em; } /* compensates for the opera margin bug */ select { padding: .1em .2em 0 .2em; } option { padding: 0 .4em; } textarea, input.t, select, input[type='text'], input[type='password'], div.textarea { border: 1px solid #ccc; background-color: #fff; cursor: text; font-size: 120%; font-family: arial,helvetica,sans-serif; padding: 4px; } textarea:hover, input.t:hover, select:hover { border-color: #aaa; } .col1 textarea { width:610px; } .col1 .rounded textarea { width:586px; } .col23 textarea { width:610px; } .col23 .rounded textarea { width:586px; } .col13 .rounded textarea { width:266px; } .col24 textarea { width:450px; } .col34 textarea { width:690px; } .col34 .rounded textarea { width:666px; } .col100 .rounded textarea { width:906px !important; } #content table textarea { width:100%; } textarea.editor { height:220px; } input[type='checkbox'], input[type='radio'] { margin-right:5px; } input, select { cursor: pointer; vertical-align:middle; } form input.button { background:#76b9ea; border:solid 1px #b8defa; border-right-color:#5398cb; border-bottom-color:#5398cb; color:#fff; font-size:1.4em; overflow:visible; padding:2px 8px; width: auto; } form input.button:hover { background:#f19720; } form input.green, form input.yellow, form input.orange { font-weight:bold; } form input.green { background:#badb3c; border-color:#d8f273; border-right-color:#9fc11e; border-bottom-color:#9fc11e; } form input.green:hover { background:#76b9ea; } form input.yellow { background:#fbd504; border-color:#fce254; border-right-color:#e6c400; border-bottom-color:#e6c400; } form input.yellow:hover { background:#76b9ea; } form input.orange { background:#f19720; border-color:#fdc881; border-right-color:#eb8601; border-bottom-color:#eb8601; } form input.orange:hover { background:#76b9ea; } form input.file { font-size:1.4em; padding:4px; width:400px; } form input.fileSmall { font-size: 120%; font-family: arial,helvetica,sans-serif; padding: 4px; } form input.icon { background-position:2px center; padding-left:24px; } form input.wTime { text-align:center; width:1.6em; } #content input.disabled { background-color: #eee; border-color: #fff; color:#999; } form h3 { margin:0; padding:0 0 5px 5px; } form .big { font-size:1.8em; } form .checkboxes {} form .checkboxes li { font-size:1.2em; height:1.6em; line-height:1.6em; padding:4px; margin-left:10px; } form .checkboxes li:hover { background:#d7e6f2; } .fields td { padding:0 6px 6px 0; } form label { color:#333; } form label.fixed, form label.f { display:block; float:left; width:150px; } form label.inline, form label.b { display:block; margin-bottom:5px; } form label.req { font-weight:bold; } div.f, ul.f, ol.f { margin-left:150px; } .row { clear:left; padding:0 0 20px 0; } .rowInline { float:left; margin:0 10px 10px 0; } .row .row { margin-top:10px; } .row2 { padding-bottom:6px; } .privacy { float:right; min-height:20px; padding: 0 0 0 20px; width:250px; } .permissionEdit { } .permissionEdit .col12 { float:left; width:220px; margin-right:20px; } .permissionEdit h3 { margin:0; padding:0 0 15px 0; } .permissionEdit ul { background:#fff; clear:both; padding:10px 0; } .permissionEdit ul li { padding: 0 0 5px 18px; } .permissionEdit ul li label { padding-left:5px; } .permissionEdit ul ul { padding:10px 0 0 0; } .permissionEdit ul li input { margin:0; padding:0; overflow:visible; } .sample { color:#999; margin:5px 0; } form.formGrid { } form.formGrid .button { font-size:1.0em; padding:2px 5px; } .formGrid .button:hover { background:#f3a944; color:#fff; } form.formGrid .buttonsB { margin-top:6px; } form.formSearch { color:#666; padding-bottom:10px; } form.formSearch .button { font-size:1.2em; padding:2px 8px; } form.formSearch label.b { margin:0; padding:0; } form.formSearch .row, form.formSearch .rowInline { padding:0 6px 0 0; } .formSearch .fakeLabel { height:1.3em; } form.formSearch .row { clear:left; padding:0 0 10px 0; } .formLogin { } .formLogin label { font-size: 1.2em; } .formLogin .row {} .formLogin .t { width:250px; } .formLogin label a { display:block; margin-left:5px; } form .text { font-size:1.0em; margin-bottom:10px; } form .text p { color:#666; margin:0; } form div.textLimit { float:right; } form ul.select { } form ul.select li { padding:0 0 6px 0; } form ul.select li.stepBottom { margin-bottom:10px; } form ul.select li input { vertical-align:middle; } form ul.select ul.select { margin:6px 0 0 16px; } form ul.selectWithText { } form ul.selectWithText li { padding:0 0 10px 0; clear:left; } form ul.selectWithText input { width:30px; margin:0; padding:0; } #content form ul.selectWithText h4 { color:#333; display:inline; font-size:1.1em; font-weight:bold; margin:0; } #content form ul.selectWithText h5 { clear:none; color:#333; font-size:1.0em; font-weight:bold; margin:6px 10px; } form ul.selectWithText p { color:#666; margin:2px 0 0 32px; } form ul.selectWithText ol { margin-top:5px; } form ul.selectWithText ol li { padding:0 0 4px 25px; } form ul.selectWithText ol input { vertical-align:middle; } form ul.selectWithText ul { margin-top:5px; } form ul.selectWithText ul li { color:#666; list-style-type:disc; margin:0 0 5px 50px; } ul.selectWithText .panel { background-color:#fff;border:solid 1px #e4e8ee; margin: 6px 0 10px 25px; } ul.selectWithText .panel ol li { padding-left:0; } ul.selectWithText .panel .col14 { width:200px; } form .f .selectWithText { float:left; } form .w0 { width:70px; } form .w1 { width:150px; } form .w2 { width:200px; } form .w3, #content form textarea.w3 { width:300px; } form .w4, #content form textarea.w4 { width:400px; } form .w100 { width:98%; } .col14 form .w100 { width:190px; } .inplaceEdit { width:100%; } .inplaceEdit .field { height:50px; width:100%; display:block; margin:0 0 6px 0; padding:0; } .inplaceEdit .button { font-size:1.2em; margin-right:6px; } /******************************************* Lists *******************************************/ div.emptyData { clear:both; color:#999; text-align:center; padding:20px 0; } div.emptyData p { margin:5px 0; } .panel div.emptyData { padding:10px 0; } div.membersOnly { clear:both; color:#999; } div.membersOnly p { background: url(../images/icons/lock.gif) no-repeat left center; line-height:40px; margin:0 auto; padding-left:22px; width:16em; } #comments { clear:both; margin-bottom:10px; } #comments form { clear:both; width:100%; } #comments form textarea { height:100px; width:98%; } #comments h3 { clear:both; } .voter { color:#999; height:20px; } .voter ul { height:20px; } #content .voter li { background:url(../images/sprites/global.png?001); float:left; font-weight:bold; padding:0; margin:0 0 0 3px; } .voter a { background:url(../images/sprites/global.png?001); display:block; padding:0; width:16px; height:16px; } .voter span { display:none; } #content .voter li.plus, #content .voter li.minus { width:16px; height:16px; } #content .voter .plus a { background-position:-968px 0; } #content .voter .minus a { background-position:-952px 0; } #content .voter li.plus { background-position:-968px -32px; } #content .voter li.minus { background-position:-952px -32px; } #content .voter li.p2 { background-position:-968px -16px; } #content .voter li.m2 { background-position:-952px -16px; } #content .voter .plus a, #content .voter .minus a { margin: 0; padding:0; } #content .voter .plus {color:Green; } #content .voter .minus {color:Red; } #content .voter li.count { background:none; padding-right:4px; width:auto; } dl.contacts { } .contacts dt { color:#999; font-size:1.0em; margin-top:3px; } .contacts dd { color:#333; font-size:1.4em; margin:2px 0 3px 10px; } .contacts dd p { font-size:0.8em; margin:4px 0; } dl.details { margin-top:10px; } dl.details dt { font-size:100%; margin:10px 0 0 0; } dl.details dd { color:#666; font-weight:bold; font-size:120%; margin:2px 0 5px 10px; } dl.details .large strong, dl.details .large a { font-size:160%; } dl.details dd.text { font-size:110%; font-weight:normal; line-height:1.4em; } dl.faq { } .faq dt { font-weight:bold; } .faq dd { margin:5px 0 10px 10px; } dl.info { } dl.info dt { clear:left; color:#666; float:left; padding:6px 10px 6px 0; width: 9em; } dl.info dd { margin:0 0 0 10em; padding:6px 0; } dl.info dd.in { clear:left; margin:0; padding:0 0 6px 6px; } dl.info a.button { font-size:1.2em; } dl.info dd p { margin-bottom:6px; } table.info { width:100%; } table.info .dt { clear:left; color:#666; padding:6px 10px 6px 0; width:9em; } table.info .dd { padding:6px 0; } table.info .dd p { margin-bottom:6px; } ol.dict { font-size:1.2em; margin-left:40px; list-style-type:decimal; } .dict li { color:#999; margin:8px 0; } .dict .dt { margin-bottom:2px; } .dict .dt a { font-weight:bold; } .dict .dd { color:#000; margin:0; } table.agenda {} table.agenda li { color:#666; margin:0 0 8px 0; } table.agenda span.light { font-weight:bold; } table.agenda table { width:100%; } table.agenda table td { border:none; } .agenda .wE a { color:#f00; } table.calendar { width:100%; } table.calendar caption { color:#666; font-size:1.2em; padding:2px 2px 8px 2px; text-align:center; } table.calendar caption a { font-weight:bold; padding:0 2px; } table.calendar caption a.monthP { display:block; float:left; } table.calendar caption a.monthN { display:block; float:right; } table.calendar th { color:#666; font-weight:normal; padding:2px 0; text-align:center; width:14%; } table.calendar th.dayW { color:Red; } table.calendar td { border:solid 1px #ddd; font-size:1.2em; padding:2px 4px; text-align:center; vertical-align:middle; } table.calendar td a { display:block; font-weight:bold; padding:2px 0; width:100%; } table.calendar td.dayW a { } table.calendar td.dayO { color:#999; } table.calendar td.dayO a { color:#ccc; font-weight:normal; } table.calendar td.empty a { color:#bbb; } table.calendar td.dayS { background:#ffeaaa; } table.calendar td:hover { background-color:#ffeaaa; } .big table.calendar td { height:4em; } .year .calendar { margin-bottom:10px; } table.calBig {} table.calBig td { font-size:1.0em; height:6em; text-align:left; vertical-align:top; } table.calBig td a { display:inline; font-weight:normal; } table.calBig td div.d { margin-bottom:6px; } table.calBig td div.d a { color:#999; font-size:1.2em; font-weight:bold; } table.calBig td.dayO div.d a { color:#ccc; font-weight:normal;} table.calBig td p { margin:2px 4px; } table.grid { width:100%; } #content .grid h3 { color:#333; font-size:1.2em; font-weight:bold; margin:4px 0; padding:0; } .grid th { color:#666; font-size:90%; font-weight:normal; padding:4px 0; text-align:center; } .grid .head th { background-color:#ecf2f9; border-top:solid 1px #ddd; } .grid th.tal { text-align:left; } .grid th.vam { vertical-align:middle; } .grid tr.alt td { background-color:#f4f8fe; } .grid td { border-top:solid 1px #ddd; border-bottom:solid 1px #ddd; padding:4px 8px; } .grid td.tdN { font-size:1.4em; } .grid tr:hover td { background-color:#ffeaaa; } .gridNohover tr:hover td { background-color:transparent; } .grid td.center { text-align:center; } .gridCount { color:#999; padding:0 0 15px 0; } table.grid tr.subhead td { background-color:#fff; color:#666; font-size:1.4em; } table.grid tr.highlight td { background-color:#e9f4bd; } table.grid tr.selected td, table.grid tr td.selected { background-color:#ffeaaa; } .gray .cc .grid td, .blue2 .cc .grid td, form .cc .grid td { background:#fff; } .gray .cc .grid tr:hover td, .blue2 .cc .grid tr:hover td, form .cc .grid tr:hover td { background-color:#ffeaaa; } .gray .cc .grid tr.selected td, .blue2 .cc .grid tr.selected td, form .cc .grid tr.selected td { background-color:#ffeaaa; } .gray .cc .grid tr td.selected, .blue2 .cc .grid tr td.selected, form .cc .grid tr td.selected { background-color:#ffeaaa; } #content .grid td.trans, #content .grid th.trans { background-color:Transparent; border:none; } .grid tr td.bgRed { background-color:Red !important; } .grid tr td.bgGreen { background-color:#c2d23a !important; } .grid td select { width:100%; } .grid td.split { background-color:#f0f0f0; color:#333; padding:6px 10px; } .grid td.split h4 { color:#333; font-size:1.3em; } .grid .details { color:#666; padding:3px 0 0 0; } .grid .details p { color:#666; padding:3px 0; } table.vam td, table.vam th, #content td.vam { vertical-align:middle; } table.vat td, table td.vat { vertical-align:top; } table.vab td, table td.vab, table th.vab { vertical-align:bottom; } table.pad6 td { padding:0 6px 6px 0; } table.pad8 td { padding:8px; } .nowrap { white-space:nowrap; } table td.nopad { padding:4px; } .grid .bgG, .grid .bgY, .grid .bgR, .grid .bgB, .grid .bgX, .grid .bgXX { color:#999; font-weight:bold; padding:0 2px; } #content .grid .bgG { background-color:#c2d23a; color:#fff; } #content .grid .bgB { background-color:#459dd6; color:#fff; } #content .grid .bgY { background-color:Orange; color:#fff; } #content .grid .bgR { background-color:#ff6666; color:#fff; } #content .grid .bgX { background-color:#ccc; color:#666; } #content .grid .bgXX { background-color:#eee; color:#666; } #content .grid .bgXXX { background-color:#f0f0f0; color:#666; } .grid .bgTrans { background-color:Transparent; } table.gridLines {} .gridLines th, .gridLines td { border:solid 1px #ddd; } table.gridLines tr.subhead td { border-left:none; border-right:none; } .gridLines th { background-color:#ecf2f9; } table.gridNoLines {} .gridNoLines td { border:none; } table.rows {} table.rows td { padding:4px; } table.rows tr.highlight td { background-color:#e9f4bd; } table.rows tr.selected td { background-color:#ffeaaa; } table.marks {} .marks th { background-color:#ecf2f9; } .marks th a { font-weight:bold; } .marks em { color:#999; font-size:1.4em; font-style:normal; padding:0 2px; } .marks .mG, .marks .mY, .marks .mR, .marks .mX, .marks .mD { color:#999; font-size:1.4em; font-weight:bold; line-height:1.3em; padding:0 2px; } .marks .mG { background-color:#c2d23a; color:#fff; } .marks .mG:hover { background-color:#b2c22a; } .marks .mY { background-color:#f9a23b; color:#fff; } .marks .mY:hover { background-color:#f39320; } .marks .mR { background-color:#ff6666; color:#fff; } .marks .mR:hover { background-color:#ef5656; } .marks .mD { background-color:#bbb; color:#fff; } .marks .mR:hover { background-color:#aaa; } .marks .mX:hover { background-color:#bbb; color:#fff; } #content .marks .lsG, #content .marks .lsR, #content .marks .lsB, #content .marks .lsY, #content .marks .lsX, #content .marks .ls0, .marks .tse a { font-size:1.2em; font-weight:bold; } .marks .lsG a, .marks .lsR a, .marks .lsY a, .marks .lsB a, .marks .lsG, .marks .lsR, .marks .lsY, .marks .lsB, .marks .ls0, .marks .tse a { color:#fff; } .marks .lsX a { color:#999; } #content .marks .lsG, .marks .lsG { background-color:#c2d23a; } #content .marks .lsG:hover, .marks .lsG:hover { background-color:#b2c22a; } #content .marks .lsR, .marks .lsR { background-color:#ff6666; } #content .marks .lsR:hover, .marks .lsR:hover { background-color:#ef5656; } #content .marks .lsB, .marks .lsB { background-color:#459dd6; } #content .marks .lsB:hover, .marks .lsB:hover { background-color:#358dc6; } #content .marks .lsY, .marks .lsY { background-color:#f9a23b; } #content .marks .lsY:hover, .marks .lsY:hover { background-color:#f39320; } #content .marks .ls0, .marks .ls0 { background-color:#ccc; } #content .marks .ls0:hover, .marks .ls0:hover { background-color:#bbb; } .marks .lpcHover { color:#32a1ce; text-align:center; } .marks td.lpm { white-space:nowrap; } .marks td.lpm span { color:#f00; display:block; font-size:0.9em; } .marks .u2 { line-height:24px; } .marks th .button { float:none; font-size:1.4em; margin:5px auto 0 auto; padding:0; width:20px; } .marks input { margin:0; padding:2px 4px; text-align:center; width:1.2em; } .marks #mFooter .button { float:none; font-size:1.1em; font-weight:bold; margin:5px auto 0 auto; width:20px; } .marks #mFooter td { text-align:center; } #content .marks h3 { margin-top:6px; } table.messages { margin-top:10px; } table.messages .avatar img { float:none; } table.messages .delete { margin-top:9px; } table.messages td { border-top:solid 1px #f0f0f0; border-bottom:solid 1px #f0f0f0; padding:4px; vertical-align:top; } table.messages td.td1 { text-align:center; vertical-align:middle; width:5%; } table.messages td.td2 { text-align:center; padding:2px; width:5%; } table.messages td.td3 { width:25%; } table.messages td.td3 a.u { font-size:120%; } table.messages td.td3 .date { color:#737373; font-size:90%; padding-top:2px; } table.messages td.td4 { font-weight:bold; width:65%; } table.messages td.td5 { text-align:right; width:10%; } table.messages td.td5 .icons { width:60px; } table.messages2 { margin-top:10px; } table.messages2 .avatar, table.messages2 .avatar img { float:none; } table.messages2 .delete { margin-top:9px; } table.messages2 th { background:#fff; } table.messages2 td { border-top:solid 1px #f0f0f0; border-bottom:solid 1px #f0f0f0; padding:4px; vertical-align:top; } table.messages2 td.tdAvatar { width:5%; } table.messages2 td.tdName { width:55%; } table.messages2 td.tdName a.u { font-size:120%; } table.messages2 td.tdName .date { color:#999; padding-top:6px; } table.messages2 td.tdCount { color:#999; font-size:1.4em; text-align:center; vertical-align:middle; width:15%; } table.messages2 td.tdCount a { font-weight:bold; padding:0 4px; } table.messages2 td.tdButtons { text-align:right; font-weight:bold; vertical-align:middle; width:10%; } table.people { margin-top:10px; } table.people .avatar { float:none; } table.people .delete { margin-top:9px; } table.people td { border-top:solid 1px #f0f0f0; border-bottom:solid 1px #f0f0f0; padding:4px; vertical-align:top; } table.people td.tdAvatar { width:5%; } table.people td.tdAvatar .avatar { height:40px; width:40px; } table.people td.tdName { color:#999; width:65%; } table.people td.tdName .u { font-size:120%; } table.people td.tdName .date { color:#737373; font-size:90%; padding-top:2px; } table.people td.tdButtons { width:30%; } table.people td.tdButtons div.clear { color:#999; font-size:1.0em; height:2.0em; padding-top:6px; text-align:right; } table.people td.tdButtons .button { font-size:1.2em; margin:0 0 0 6px; } table.schedule { } #content .schedule caption h3 { color:#666; font-size:1.2em; font-weight:normal; margin:0 0 5px 0; } .schedule caption h3 em { display:block; float:right; font-size:90%; font-weight:normal; font-style:normal; } .schedule caption h3 em a { padding:0 2px; } .schedule th { border-top:solid 1px #ddd; background-color:#f0f0f0; font-size:1.0em; width:3.4%; } .schedule th.wD { width:13.8%; } .schedule th.wE a { color:#f00; } .schedule th.wE a:hover { color:#f6921e; } .schedule td { background-color:#f0f0f0; color:#999; padding:0 4px; } .schedule tr:hover td { background-color:#f0f0f0; } .schedule td.wDS { text-align:center; font-size:1.4em; font-weight:bold; vertical-align:middle; } .schedule tr td.wD:hover { background-color:#e6e6e6; } .schedule ul { } .schedule li { background-color:#fff; border:solid 1px #ddd; margin:4px 0; padding:2px 4px; } .schedule li:hover { background-color:#ffeaaa; border-color:#ccc; } .schedule li a.aL { font-size:1.2em; } .schedule li .u { font-weight:normal; } .scheduleStaff li { min-height:60px; } table.scheduleEditor { } .scheduleEditor th { font-size:120%; width:3.4%; } .scheduleEditor th.wD { width:13.8%; } .scheduleEditor th.wE { color:#f00; } .scheduleEditor td { background-color:#f0f0f0; color:#999; vertical-align:middle; padding:0; } .scheduleEditor tr:hover td { background-color:#f0f0f0; } .scheduleEditor td.wDS { text-align:center; height:56px; font-size:1.4em; font-weight:bold; vertical-align:middle; width:3.4%; } .scheduleEditor td.wDS .s2 { display:block; color:#666; font-size:1.8em; } .scheduleEditor td.wD { background-color:#f0f0f0; padding:2px; vertical-align:top; width:13.8%; } .scheduleEditor td.wDA { text-align:center; vertical-align:middle; } .scheduleEditor td.wDA img { vertical-align:middle; } .scheduleEditor td.wDA a { display:none; margin:0 16px; } .scheduleEditor td.wDA a:hover { } form .panel .scheduleEditor td { background-color:Transparent; border:none; } form .panel .scheduleEditor tr:hover td { background-color:Transparent; } .scheduleEditor .bar { height:16px; text-align:center; margin:4px 4px 8px 4px; } .scheduleEditor .bar a { display:inline; } .scheduleEditor ul { border-collapse:collapse; } .scheduleEditor li { background-color:#fff; border:solid 1px #ddd; margin:4px 0; padding:0 4px; height:64px; position:relative; } .scheduleEditor li:hover { background-color:#ffeaaa; border-color:#ccc; } .scheduleEditor li a, .scheduleEditor li span { display:block; margin:2px 0; font-size:1.2em; } .scheduleEditor li span { color:#666; } .scheduleEditor li div { background-color:#ffeaaa; border:solid 1px #ccc; border-right:none; display:none; width:20px; height:64px; position:absolute; left:-28px; top:-1px; padding:0 4px; } .scheduleEditor li div a { margin:4px 0; } .scheduleEditor li p { font-size:90%; color:#999; } .scheduleEditor li.selected { background-color:#ffeaaa; } .scheduleEditor td input { width:auto; padding:0; margin:20px 0 0 0; } .scheduleEditor .bgG { font-weight:normal; } .scheduleEditor .bgG span { color:#fff; } .scheduleEditor .bgG p { color:#f5fcea; } table.forums {} .forums td { vertical-align:middle; } table.threads { } .threads td { vertical-align:middle; } .threads .u { font-weight:normal; } .threads img { padding-right:4px; vertical-align:middle; width:16px; height:16px; } table.week { } #content .week caption h3 { color:#666; font-size:1.2em; font-weight:normal; margin:0 0 5px 0; } .week caption h3 em { display:block; float:right; font-size:90%; font-weight:normal; font-style:normal; } .week caption h3 em a { padding:0 2px; } .week th { background-color:#f0f0f0; border-top:solid 1px #ddd; font-size:1.0em; width:14.2%; } .week th.wE a { color:#f00; } .week th.wE a:hover { color:#f6921e; } .week tr:hover td { background-color:#f0f0f0; } .week td { background-color:#f0f0f0; color:#999; width:14.2%; padding:0 6px; } .week tr td.wD:hover { background-color:#e6e6e6; } .week td.h { background-color:#fff; } #content .week td.h { padding:10px 3px 6px 3px; } .week td.h h3 { display:inline; padding:0 10px 0 0; margin:0; vertical-align:middle; } .week ul { } .week li { background-color:#fff; border:solid 1px #ddd; list-style:none; margin:4px 0; padding:2px 4px; } .week li:hover { background-color:#ffeaaa; border-color:#ccc; } ul.blocks { } .blocks li { background-color:#fff; border:solid 1px #eee; clear:both; padding:6px 10px; margin:8px 0 0 0; } .blocks h4 { } .blocks p.info { color:#666; margin:0 0 0 26px; } .blocks div.content { margin-left:26px; } ul.bullets { clear:both; } .bullets li { margin:0.5em 0; } ul.bullets li { list-style:disc; margin-left: 20px; } ol.numbers { clear:both; } ol.numbers li { margin:0.5em 0; list-style:decimal; margin-left: 20px; font-weight:bold; } ol.numbers li p { font-weight:normal; } ul.catalog1 { color:#999; font-size:1.2em; } .catalog1 li { margin:10px 0 10px 10px; } .catalog1 li a { font-weight:bold; } ul.catalog2 { color:#999; font-size:1.2em; } .catalog2 li { width:30%; float:left; padding:5px 0 5px 0; } .catalog2 li a { font-weight:bold; } .catalog2 p { font-size:90%; padding-left:0.5em; } ul.catalogLarge, ol.catalogLarge { font-size:150%; } ol.catalogLarge { margin-left:40px; list-style-type:decimal; } .catalogLarge li { color:#999; margin:10px; } .catalogLarge p { color:#999; font-size:70%; font-weight:normal; padding-left:0.5em; } ul.catS { color:#999; } .catS li { font-size:1.3em; list-style:disc; margin:5px 0 5px 20px; } .catS li em { font-style:normal; font-size:0.9em; } ul.categories { color:#999; margin:10px 0; } .categories li { clear:both; font-size:1.4em; padding: 5px 0 0 0; } .categories li a { font-weight:bold; } .categories ul { margin: 2px 0 0 15px; } .categories ul li { clear:none; float:left; font-size:0.8em; margin: 2px 15px 2px 2px; padding: 0; white-space:nowrap; } .categories ul li a { font-weight:normal; } .categories .empty sup { display:none; } .categories .empty a:hover { color:#666; } .categories em { font-style:normal; font-size:90%; } .panel .categories { margin:0; } ul.categoriesV { color:#999; margin:10px 0; } .categoriesV li { clear:both; font-size:1.2em; padding: 5px 0 0 0; } .categoriesV li a { font-weight:bold; } .categoriesV li a.selected { color:#f6921e; } .categoriesV .selected span { background:#32a1ce; color:#fff; padding:0 2px; border:solid 2px #32a1ce; } .categoriesV ul { margin: 5px 0 0 15px; } .categoriesV ul li { font-size:0.9em; margin: 0 15px 2px 0; padding: 0; } .categoriesV ul li a { font-weight:normal; } .categoriesV .empty sup { display:none; } .categoriesV .empty a:hover { background-color:#ccc; color:#fff; } .panel .categoriesV { margin:0; } .categoriesV em { font-style:normal; font-size:90%; } ul.classes { } ul.classes li { float:left; width:8%; } ul.classes li strong { color:#ccc; display:block; font-size:2.4em; } ul.classes ul { clear:left; margin:4px 0; } ul.classes ul li { clear:left; float:none; font-size:1.4em; margin:2px 0 2px 8px; width:auto; } ul.classes ul li a { display:block; float:left; padding:2px 6px 2px 4px; } #classes { clear:both; margin:6px 0 0 50px; height:1%; } #classes td.par { width:20px; vertical-align:middle; } #classes label { margin:0; padding:0; } #classes div { float:left; margin:4px 0; width:80px; } #classes input { margin:0; padding:0; width:auto; } ul.comments { margin:15px 0; } .comments div.replyForm form { padding:10px 0 0 0; width:100%; } .comments div.replyForm textarea { height:60px; width:98%; } .comments div.replyForm .button { font-size:1.2em; margin:6px 0 0 6px; } .comments li.unread { background-color:#e9f4bd; } .comments li { clear:both; margin-top:15px; } .comments li.step1 {margin-left:50px;} .comments li.step2 {margin-left:100px;} .comments li.step3 {margin-left:150px;} .comments li.step4 {margin-left:200px;} .comments li.step5 {margin-left:250px;} .comments .head { height:44px; } .comments .avatar { display:block; float:left; margin:0 10px 0 0; } .comments .avatar img { height:40px; width:40px; } .comments .date { color:#999; display:block; } .comments .u { font-size:1.2em; } .comments .head h4 { font-size:1.4em; font-weight:bold; margin-top:2px; } .comments .blocked .head p { margin-left:50px; } .comments .content { background: #f6f6f6; color:#333; margin-left:50px; padding:6px 10px; } .comments div.content div.reply { text-align:right; padding:5px 0 0 0; } .comments div.content div.reply a { margin-left:5px; } .comments .voter { clear:none; float:right; width:100px; height:auto; } .comments .voter .loading { float:right; margin-top:1em; } .comments .voter ul { clear:none; float:right; margin:1em 0 0 0; padding:0; } #content .comments .voter li { border:none; clear:none; float:right; padding:0; margin:0 0 0 3px; } .blue2 .cc .comments { margin:0; } .blue2 .cc .comments .content { background:#fff; padding:4px 6px; } ul.details { clear:both; color:#999; } ul.details li { padding: 5px 0; } ul.feed { background:#fff; clear:both; } .feed li { clear:both; background:url(../images/icons/group.png) 5px 5px no-repeat; min-height:20px; padding:2px 0 2px 30px; } .feed li.feedCommentNew { background-image:url(../images/icons/comment.png); } .feed li.feedFiles { background-image:url(../images/icons/images.png); } .feed li.feedFriendNew { background-image:url(../images/icons/user.png); } .feed li.feedEventJoin { background-image:url(../images/icons/calendar.gif); } .feed li.day { background:none; padding-left:0; } #content .feed li.day h3 { margin:5px 0; padding:0; } .feed li em { color:#999; font-style:normal; } .feed li a { font-weight:bold; } .feed li ul { min-height:64px; } .feed li li { background:none; clear:none; float:left; height:64px; margin:4px 4px 0 0; padding:0; width:56px; } .feed li li a { background-color:#fff; border:solid 2px #f0f0f0; display:block; text-align:center; width:54px; height:54px; } .feed li li a:hover { border-color:#f6921e; } .feed li li a img { width:32px; height:32px; } .feed li li a.v img { padding-top:12px; } .feed li li .type { color:#999; display:block; font-size:1em; font-weight:normal; height:16px; text-align:right; padding-right:4px; } .blue2 .rounded .feed { color:#333; font-size:90%; padding:0 6px; } .blue2 .rounded .scroll .feed { padding:0 8px; margin-top:0; } .blue2 .rounded .feed li { padding:2px 0 2px 30px; } .blue2 .rounded .feed li.day { padding-left:0; } .blue2 .rounded .feed li li { padding:0; } div.files {} div.files div div { font-size:1.2em; margin:6px 0; } ul.files {} ul.files li { margin:6px; } ul.files a { font-size:1.2em; font-weight:bold; } ul.files img { padding-right:6px; width:16px; height:16px; vertical-align:middle; } ul.files p { margin-left:22px; } ul.fileThumbs { clear:both; } ul.fileThumbs li { float:left; margin:0 0 16px 39px; width:84px; } ul.fileThumbs .thumb { width:84px; height:84px; position:relative; } ul.fileThumbs .thumb a.i { background-color:#fff; border:solid 2px #f0f0f0; display:block; text-align:center; width:80px; height:80px; } ul.fileThumbs .selected a { color:#f6921e; } ul.fileThumbs .selected .thumb a.i { border-color:#f6921e; background-color:#ffeaaa; } ul.fileThumbs .thumb a.i img { width:32px; height:32px; padding:24px 0 0 0; } ul.fileThumbs .vid .fav { width:150px; height:16px; position:absolute; top:72px; left:4px; } ul.fileThumbs .vid .plus { display:none; display:block; width:16px; height:16px; } ul.fileThumbs .thumb .type { color:#999; display:block; font-size:1em; width:2.5em; height:16px; position:absolute; text-align:right; top:2px; right:4px; } ul.fileThumbs .name { font-size:1.0em; height:30px; overflow:hidden; text-align:center; width:84px; } ul.fileThumbs .rate { color:#999; font-size:0.9em; text-align:right; height:14px; overflow:hidden; } ul.fileThumbs .rate .rating { float:left; } ul.fileThumbs a.u { font-size:0.9em; font-weight:normal; } .fileThumbs .bar { background-color:#f6921e; border:solid 2px #f6921e; border-right:none; width:20px; height:40px; position:absolute; left:-28px; top:0px; padding:0 4px; } .fileThumbs .bar a { margin:4px 0; } ul.fileThumbs .loading { width:84px; height:114px; } ul.fileThumbs p { width:84px; height:82px; text-align:center; color:#999; margin-top:32px; } ul.fileThumbs2 { clear:both; } .fileThumbs2 li { float:left; float:left; height:68px; margin:0 0 0 8px; padding:0; width:64px; } .fileThumbs2 li a { background-color:#fff; border:solid 2px #dde7f6; display:block; text-align:center; width:60px; height:60px; } .fileThumbs2 li a:hover { border-color:#f6921e; } .fileThumbs2 li a img { width:32px; height:32px; } .fileThumbs2 li a.v img { padding-top:12px; } .fileThumbs2 li .type { color:#999; display:block; font-size:1em; font-weight:normal; height:16px; text-align:right; padding-right:4px; } ul.folders { color:#999; } .folders li { clear:both; font-size:1.2em; margin:4px 0; white-space:nowrap; } .folders li a { font-weight:bold; } .folders em { font-style:normal; } .folders span {padding:0 2px; border:solid 2px Transparent; } .folders .selected span { background:#32a1ce; color:#fff; border-color:#32a1ce; } .folders .selected span.orange { background:#f6921e; color:#fff; border-color:#f6921e; } .folders label.selected { background:#32a1ce; color:#fff; padding:0 2px; border:solid 2px #32a1ce; } .folders ul { margin: 5px 0 0 15px; } .folders ul li { font-size:0.9em; margin: 0 15px 2px 0; padding: 2px 0; } .folders img { vertical-align:middle; padding-right:4px; } .folders .fE { display:none; } form .folders li { padding:0; } form .folders ul { margin-top:0; } ul.hands { clear:both; margin-top:10px; } .hands li { background: url(../images/icons/dnevnik.gif) no-repeat; list-style:none; padding:0 0 10px 22px; } ul.gallery {} .gallery li { float:left; margin:0 2px 2px 0; } .gallery a { background-color:#f0f0f0; display:block; float:left; padding:2px; text-align:center; } #content .gallery a:hover { background-color:#f7941d; } ul.galleryPeople {} .galleryPeople li { float:left; margin:0 1px 1px 0; } .galleryPeople li.large { margin:0 2px 2px 0; } .galleryPeople a { background-color:#f0f0f0; display:block; float:left; padding:2px; text-align:center; } #content .galleryPeople a:hover { background-color:#f7941d; } ul.glossary { color:#999; margin:10px 0; } ul.glossary li { clear:both; } #content ul.glossary h3 {color:#ddd; float:left; height:1.4em; width:40px; font-size:3.0em; margin:0; padding:0; text-align:center; } ul.glossary ul { font-size:1.2em; margin:0 0 30px 60px; } ul.glossary ul li { clear:none; margin:5px 0; } ul.groups { clear:both; margin-top:4px; } .groups li { background-position: left top; background-repeat:no-repeat; clear:both; color:#999; font-size:1.2em; margin-bottom:6px; min-height:16px; padding:0 0 0 20px; } .groups li.stepTop { margin-top:10px; } .groups a { font-weight:bold; line-height:1.0em; padding:2px 4px; margin-right:2px; } .groups a:hover, .groups a.active { background-color:#32a1ce; color:#fff; } .groups .iAsterisk a { color:#f69220; } .groups .iAsterisk a:hover, .groups .iAsterisk a.active { background-color:#f69220; color:#fff; } .groups .iUserGray a { color:#000; } .groups .iUserGray a:hover, .groups .iUserGray a.active { background-color:#000; color:#fff; } .groups li.empty a:hover, .groups li.empty a.active { background-color:#ccc; color:#fff; } .groups ul { clear:both; margin: 6px 0; } .groups ul li { font-size:1.0em; margin-bottom:5px; } ul.items { } .items li { border-top:solid 1px #f0f0f0; clear:both; min-height:90px; padding:6px 6px 0 6px; } .items li.first { border-top:none; } .items li:hover { background:#f4f8fe; } .items .avatar { margin:0 10px 0 0; } .items .avatar img { float:left; vertical-align:top; height:80px; width:80px; } .items a.name { font-size:1.4em; font-weight:bold; } .items p { color:#999; padding:2px 0; } .items p a { color:#42b1de; } .items p a:hover { color:#f6921e; } .items ul { float:right; font-size:1.0em; } .items ul li { border:none; color:#ccc; height:auto; list-style-type:disc; padding:0; margin:0 5px 0 20px; } .items li .menu { float:left; margin:6px 0; font-size:1.2em; } .items li .menu li { min-height:inherit; margin:3px 0 3px 16px; } .blue2 .items {} .blue2 .items li { background:#fff; margin-top:10px; } .items .invited { clear:none; margin:10px; } .items .invited p { margin:0; } .items .invited .button { float:left; margin:6px 6px 0 0; font-size:1.2em; } ul.itemsS { } .itemsS li { clear:both; margin: 10px 0 0 0; min-height:44px; } .itemsS li.first { border-top:none; } .itemsS li.hover { background:#f5fae2; } .itemsS .avatar { margin:0 10px 5px 0; } .itemsS .avatar img { float:left; vertical-align:top; height:40px; width:40px; } .itemsS a.name { font-size:1.2em; font-weight:bold; } .itemsS p { color:#999; margin:0 0 0 46px; } .itemsS ul { float:right; font-size:1.0em; } .itemsS ul li { border:none; color:#ccc; height:auto; list-style-type:disc; padding:0; margin:0 5px 0 20px; } .itemsS .invited { clear:none; padding-top:6px; margin-left: 54px; } .itemsS .invited p { margin:0; } .itemsS .invited .button { float:left; margin:6px 0 0 6px; font-size:1.0em; } .blue2 .itemsS li { background:#fff; padding:6px; border:solid 1px #dde7f6; } ul.messages { } ul.messages li { border-bottom:solid 1px #ddd; clear:both; padding:10px 5px; } ul.messages li.highlight { background-color:#e9f4bd; } ul.messages li.inbox .content { color:#32a1ce; } #content ul.messages li.inbox .u { color:#32a1ce; } #content ul.messages li.inbox a.avatar { background-color:#32a1ce; } ul.messages .author { height:2em; margin-left:50px; } ul.messages .avatar { display:block; float:left; margin:0 5px 10px 0; } ul.messages .avatar img { height:40px; width:40px; } ul.messages .date { color:#999; } ul.messages .content { color:#8caf31; clear:right; margin-left:50px; padding:5px 0 10px 15px; height:1%; } #content ul.messages li a.avatar { background-color:#8caf31; } ul.news { clear:both; } .news li { padding:5px 0; } .news .author { color:#999; font-style:normal; margin:2px 0; } .news .author .u { font-weight:normal; } #content .news h4 { font-size:1.4em; padding:0; } .blue2 .rounded .news { background:#fff; padding:0 10px; } ul.newsS { clear:both; padding-bottom:6px; } .newsS li { margin:5px 0; } .newsS .date { color:#999; } .newsS .author { color:#999; font-size:90%; font-style:normal; } #content .newsS h4 { font-size:1.2em; padding:0; } ul.people { } ul.people li { border-top:solid 1px #f0f0f0; clear:both; min-height:90px; padding:6px 6px 0 6px; } ul.people li.first { border-top:none; } ul.people li:hover { background:#f6f6f6; } ul.people .avatar { margin:0 10px 0 0; } ul.people .avatar img { float:left; vertical-align:top; height:80px; width:80px; } ul.people p { color:#999; padding:3px 0; } ul.people .u { font-size:1.4em; } ul.people ul { } ul.people ul li { border:none; clear:none; height:auto; } ul.people dl { float:left; margin-top:5px; } ul.people dt { clear:left; color:#666; float:left; padding:3px 10px 3px 0; width: 3em; } ul.people dd { margin:0 0 0 3.5em; padding:3px 0; } ul.peopleSmall { margin:5px 0; } .peopleSmall li { float:left; margin:0 0 3px 3px; } .peopleSmall img { height:40px; width:40px; } ul.peopleS { } .peopleS li { clear:both; margin: 5px 0 0 0; } .peopleS li.hover { background:#f5fae2; } .peopleS .avatar { margin:0 10px 5px 0; height:40px; width:40px; } .peopleS p { color:#999; } .peopleS ul { float:right; font-size:1.0em; } .peopleS ul li { border:none; color:#ccc; height:auto; list-style-type:disc; padding:0; margin:0 5px 0 20px; } .gray .cc .peopleS li { background-color:#fff; height:46px; padding:6px; margin:0; } ul.peopleM { } .peopleM li { clear:both; margin: 5px 0 0 0; } .peopleM a.avatar { margin:0 10px 5px 0; } .peopleM a.avatar img { height:80px; width:80px; } .peopleM .n { font-size:1.2em; font-weight:bold; } .peopleM p { color:#999; margin:5px 0 0 92px; } ul.peopleM ul.bullets { color:#999; margin-left:92px; } ul.photos {} ul.photos li { float:left; margin:0 0 2px 2px; } ul.photos a { background-color: #f0f0f0; display:block; float:left; padding:2px; text-align:center; } ul.photos a:hover { background-color:#f7941d; } ul.photos img { width:90px; height:90px; } .col13 ul.photos { margin-left:-2px; } .col13 ul.photos li { margin:0; } .col13 ul.photos li a { } ul.photoComments { margin:15px 0; } ul.photoComments .comment { margin-left:120px; } ul.photoComments .commented { background-color:#f0f0f0; float:left; padding:8px; } ul.photoComments .commented a { display:block; padding:2px; } table.photos { width:100%; } table.photos td { text-align:center; padding:10px; width:33%; } ul.photosS { clear:both; } ul.photosS li { float:left; margin:0 0 2px 2px; padding:4px; text-align:center; width:248px; } ul.photoAlbums { clear:both; } .photoAlbums li { float:left; margin:0 15px 15px 0; width:190px; } .photoAlbums a.thumb { background-color:#eee; display:block; float:left; padding:2px; } .photoAlbums a.thumb:hover { background-color:#f7941d; } .photoAlbums a.thumb img { height:186px; width:186px; } .photoAlbums .details { clear:left; margin:0; height:4em; } #content .photoAlbums .details h4 { font-size:1.4em; margin:0; padding:0; } #content .photoAlbums .details p { color:#999; font-size:1.0em; } ul.photosDetails { clear:both; } .photosDetails li { clear:both; margin:0; } .photosDetails .thumb { background:#f0f0f0; float:left; margin-bottom:10px; padding:10px 0; text-align:center; width:280px; } .photosDetails .thumb a { border:solid 2px #fff; } .photosDetails .thumb a:hover { border-color:#f7941d; } #content .photosDetails h3 { margin:0 0 0 300px; padding:0; } .photosDetails dl { color:#999; font-size:90%; margin:10px 0 0 300px; height:200px; } .photosDetails dl dt { padding:2px 0; width:9em; } .photosDetails dl dd { padding:2px 0 0 0; } ul.posts {} #content .posts h3 { font-size:1.8em; margin-bottom:0; } .posts .author { color:#999; margin:5px 0 0 0; } .posts .comments { background: url(../images/icons/comment.png) 0 5px no-repeat; border-bottom:solid 1px #f0f0f0; color:#999; margin:5px 0 20px 0; padding: 5px 0 10px 20px; } .posts .text { margin-bottom:15px; } ul.press {} .press li { padding:30px 0 0 0; } .press li.first { padding:0; } .press div.avatar { background:#fff; float:left; padding:0; margin:0; text-align:center; width:200px; } .press div.avatar img { float:none; display:inline; } .press div.content { float:left; font-size:1.2em; width:406px; } .press .light { font-size:1.2em; } .press .quot { color:#333; font-size:1.2em; line-height:1.3em; font-style:italic; margin:10px 10px 0 10px; } .press .quot strong { font-size:1.2em; line-height:0.8em; } .press .quot a { color:#333; } ul.pressBlocks {} .pressBlocks li { float:left; font-size:1.2em; margin:0 0 0 20px; text-align:center; width:180px; } .pressBlocks img { padding-bottom:6px; } #reviews { clear:both; margin-bottom:10px; } #reviews form { clear:both; width:100%; } #reviews form textarea { height:100px; width:98%; } #reviews h3 { clear:both; } #reviews .rate { display:block; float:right; padding-bottom:8px; } #reviews .voter ul { margin:0; } ul.reviews { } .reviews li { padding:20px 0 0 0; } .reviews li.first { padding:0; } .reviews div.avatar { background:#fff; float:left; padding:0; margin:0; width:94px; } .reviews div.content { float:left; font-size:1.2em; } .col23 .reviews div.content { width:486px; } .col34 .reviews div.content { width:606px; } .reviews .quot { color:#333; font-size:1.2em; line-height:1.3em; font-style:italic; margin:10px 10px 0 10px; } .reviews .quot strong { font-size:1.2em; line-height:0.8em; } .reviews .quot a { color:#333; } .reviews .text { font-size:1em; margin-top:1em; } ul.stats { clear:both; font-size:1.2em; } .stats li { color:#666; margin:0.5em 0 0.5em 10px; } .stats li strong { font-size:1.2em; } .tagEditor { } .tagEditor li { float:left; background: #fff url(../images/icons/remove.png) 2px center no-repeat; color:#333; padding: 4px 6px 4px 20px; margin: 0 8px 6px 0; cursor: pointer; -moz-border-radius: 4px; -webkit-border-radius: 4px; } .tagEditor li:hover { background-color: #32a1ce; color:#fff; } #thread { clear:both; margin-bottom:10px; } #thread form { clear:both; width:500px; } #thread form textarea { height:100px; } #thread h3 { clear:both; font-size:1.8em; } #thread ul { margin:15px 0; } #thread li { border-bottom:solid 1px #ddd; clear:both; padding:10px 0; } #thread li.step1 {margin-left:50px;} #thread li.step2 {margin-left:100px;} #thread li.step3 {margin-left:150px;} #thread li.step4 {margin-left:200px;} #thread li.step5 {margin-left:250px;} #thread .author { } #thread .avatar { display:block; float:left; margin:0 5px 0 0; } #thread .avatar img { height:40px; width:40px; } #thread .date { color:#999; } #thread .name { font-weight:bold; font-size:1.0em; } #thread .content { margin-left:50px; padding:10px 0 0 15px; height:1%; } #thread div.reply { clear:both; text-align:right; } #thread div.reply a { margin-left:10px; } ul.thumbs { } ul.thumbs li { float:left; margin:0 0 6px 27px; text-align:center; width:134px; } ul.thumbs img { border:solid 2px #dde7f6; width:130px; } ul.thumbs a:hover img { border-color:#f6921e; } ul.thumbs p { font-size:1.0em; } ul.top { } ul.top li { width:25%; } ul.top p { float:left; color:#999; font-size:1.2em; font-weight:bold; padding: 0 0 0 6px; } ul.videos { clear:both; } ul.videos li { float:left; margin:0 0 20px 22px; width:158px; } ul.videos .vid { width:158px; height:92px; position:relative; } ul.videos .vid a.v { background-color:#f0f0f0; display:block; padding:4px; } ul.videos .vid a.v:hover { background-color:#f6921e; } ul.videos .vid img { width:150px; height:84px; } ul.videos .vid .fav { width:150px; height:16px; position:absolute; top:72px; left:4px; } ul.videos .vid .plus { display:none; display:block; width:16px; height:16px; } ul.videos .vid .time { display:block; width:154px; height:16px; position:absolute; text-align:right; top:72px; } ul.videos .vid .time span { background-color:#666; color:#eee; line-height:16px; padding:0 2px; } ul.videos .name { font-size:1.1em; font-weight:bold; height:2.5em; overflow:hidden; margin-bottom:2px; } ul.videos .rate { color:#999; font-size:0.9em; text-align:right; height:14px; overflow:hidden; } ul.videos .rate .rating { float:left; } ul.videos a.u { font-size:0.9em; font-weight:normal; } ul.videosV { clear:both; } ul.videosV li { margin:0 0 10px 0; height:1%; } ul.videosV .vid { float:left; width:98px; height:58px; position:relative; } ul.videosV .vid a.v { background-color:#f0f0f0; display:block; padding:4px; } ul.videosV .vid a.v:hover { background-color:#f6921e; } ul.videosV .vid img { width:90px; height:50px; } ul.videosV .vid .time { display:block; width:94px; height:16px; position:absolute; text-align:right; top:39px; } ul.videosV .vid .time span { background-color:#666; font-size:0.8em; color:#eee; line-height:16px; padding:0 2px; } ul.videosV .name { font-size:1.1em; font-weight:bold; height:2.5em; overflow:hidden; margin-bottom:2px; } ul.videosV .rate { color:#999; font-size:0.9em; text-align:right; height:14px; overflow:hidden; } ul.videosV .rate .rating { float:left; } ul.videosV a.u { font-size:0.9em; font-weight:normal; } ul.vidM {} ul.vidM .video { height:122px; } .wall {} .wall .row { margin-bottom:5px; } ul.list {} ul.list li { padding:6px 0; } /******************************************* Messages *******************************************/ .confirmation { } .confirmation .content { margin:20px auto; width:600px; } .confirmation .text { background:#fce1b6; border: solid 5px #feb266; margin:10px 0; padding:5px 0; } #content .confirmation .text p { padding:5px 10px; margin:0; } .confirm { margin:20px auto; width:500px; } #content .confirm .rounded { background:#f19720; } #content .confirm .panel { margin-bottom:5px; } #content .confirm .cc { color:#fff; font-size:1.2em; font-weight:bold; } .confirm .cc p { margin:0.5em 0; } .confirm .cc a { color:#fff; text-decoration:underline; } .confirm .cc a:hover { color:#eee; } #content .confirm h2, #content .confirm h3 { color:#f6921e; font-size:1.6em; font-weight:bold; padding:0; margin-bottom:5px; } .confirmAvatar .cc p { margin-left:50px; } .confirmAvatar .avatar { margin-top:4px; } div.construction { margin:30px auto 50px auto; width:600px; } #content .construction .rounded { background:url(../images/bg/construction.gif); } #content .construction .cc { text-align:center; height:200px; } #content .construction h3 { color:#f19720; font-size:1.4em; font-weight:bold; margin:50px 0 10px 0; text-align:center; } #content .construction p { color:#f19720; font-size:1.2em; line-height:1.6em; } div.help { background: url(../images/bg/help.gif) no-repeat 0 2px; color:#777; font-size:1.1em; min-height:30px; } .help p { padding:0 0 0.5em 28px; } .help h3, .help h4 { padding:0 0 0.5em 28px; margin:0; } .help a { color:#666; text-decoration:underline; } .help .faq { margin-left:28px; } .help ul { margin-bottom:0.5em; } .help ul li { list-style-type:disc; margin:2px 0 2px 40px; } .panel div.help { background:none; min-height:auto; } .panel div.help p, .panel div.help h3 { padding-left:0; } #content div.help h3 { font-size:1.4em; margin:0; } #content div.help h4 { font-size:1.1em; font-weight:bold; margin:0; } p.help { color:#777; } div.messages, div.errors { clear:both; margin:0 auto 1em auto; width:620px; } #content div.messages .rounded, #content div.errors .rounded { background:#bed639 url(../images/bg/info.gif) no-repeat 10px 8px; } #content div.errors .rounded { background-color:#fe5454; background-image:url(../images/bg/error.gif); } #content div.messages .cc, #content div.errors .cc { color:#fff; min-height:25px; padding:4px 10px 4px 50px; } #content div.messages h3, #content div.errors h3 { color:#fff; font-size:1.4em; font-weight:bold; margin-bottom:10px; } #content div.messages li, #content div.errors li { list-style-type:decimal; margin:0 0 10px 20px; font-size:1.2em; } #content div.messages a, #content div.errors a { color:#fff; text-decoration:underline; } #content div.messages a.button, #content div.errors a.button { text-decoration:none; } div.messages p, div.errors p { margin:0.5em 0; font-size:1.2em; } .col13 div.messages, .col23 div.messages, .col34 div.messages, .col24 div.messages, .col13 div.errors, .col23 div.errors, .col34 div.errors, .col24 div.errors { width:auto; } div.notification { clear:both; color:#666; font-size:1.2em; margin:0 auto 1em auto; width:620px; } #content div.notification .rounded .cc { min-height:25px; padding:4px 10px 4px 50px; } #content div.notification .rounded { background:#f0f0f0 url(../images/bg/notify.gif) no-repeat 10px 8px; } #content div.notification h3 { color:#999; font-size:1.4em; margin:0 0 0.5em 0; } #content div.notification p { margin:0.3em 0; } #content div.notification .cc ol li { list-style-type:decimal; margin:0 0 10px 20px; } #content div.notification .cc a { text-decoration:underline; } #content .col23 div.notification, #content .col34 div.notification { clear:both; margin:0 0 1em 0; width:auto; } div.notification form { margin-top: 20px; } div.notification form .button { font-size:1.2em; } .welcome {} #content .welcome .panel .cc { background:red; height:15em; padding:15px; position:relative; } .welcome input.t { width:96%; } .welcome input.button { position:absolute; right:6px; bottom:2px; } #content .welcome .green .rounded { background-color:#e9f0f7; } #content .welcome .orange .rounded { background-color:#e9f0f7; } #content .welcome .yellow .rounded { background-color:#e9f0f7; } #content .welcome .yellow form { margin-top:3em; } #content .welcome .green h3 { color:#badb3c; font-size:1.6em; font-weight:bold; } #content .welcome .orange h3 { color:#f19720; font-size:1.6em; font-weight:bold; } #content .welcome .yellow h3 { color:#fad60d; font-size:1.6em; font-weight:bold; } .welcome li { color:#eb8601; margin:0 0 10px 10px; font-size:1.2em; font-weight:bold; list-style:disc; } .welcome li a { color:#4b87c7; } .welcome li a:hover { background-color:Transparent; text-decoration:underline; } ul.errors { color:Red; } ul.errors li { list-style-type:decimal; margin:0 0 5px 20px; } /******************************************* Navigation *******************************************/ .choose { float:right; width:280px; } .choose select { width:280px; } a.link { font-size:1.2em; font-weight:bold; } a.linkDelete { margin-left:5px; vertical-align:middle; } a.linkDelete:hover { background-color:Transparent; } .alphabet { font-size:1.2em; margin:10px 5px 5px 5px; } .alphabet a { margin:0 2px 0 0; } div.links { padding-bottom:10px; } div.links li { color:#999; clear:both; margin: 2px 0; } div.links li a { display:block; float:left; font-size:1.4em; font-weight:bold; padding:2px 4px; } #content div.links .rounded .cc { padding:0 4px; } #content div.links .rounded .cc .loading { line-height:1.4em; margin:5px 4px 4px 4px; } #content div.links .r { margin-right:10px; } #content div.links .r li { float:right; } ul.linkBullets { margin-bottom:20px; } .linkBullets li { color:#999; font-weight:bold; list-style-type:disc; margin:0.3em 0 0.2em 24px; padding:0; } ul.actions { float:right; } .actions a { display:block; font-size:1.2em; font-weight:bold; margin-bottom:5px; padding:2px 4px; } div.buttons { padding:3px 0; } ul.buttons { height:4em; } ul.buttons li { float:left; padding:5px 0; } ul.buttons a { background:#76b9ea; border:solid 1px #b8defa; border-right-color:#5398cb; border-bottom-color:#5398cb; color:#fff; font-size:1.4em; line-height: 26px; margin-left:10px; overflow:visible; padding:4px 8px; width: auto;} ul.buttons a:hover, .buttons a.light:hover { background: #f19720; } ul.buttons a.light { background:#ccc; border:solid 1px #eee; border-right-color:#999; border-bottom-color:#999; } div.buttons { height:2.2em; } a.button { background:#76b9ea; border:solid 1px #b8defa; border-right-color:#5398cb; border-bottom-color:#5398cb; color:#fff; display:block; float:left; font-size:1.4em; margin-right:10px; overflow:visible; padding:2px 8px; width: auto; } a.button:hover { background:#f19720; } .text .button, .s2 .button { font-size:1.2em; } .r a.button { margin: 0 0 0 10px; } .buttonsOr { text-align:center; } .buttonsOr a { font-size:1.2em; font-weight:bold; padding:0 2px; vertical-align:middle; } .buttonsOr a.yes:hover { background-color:Green; } .buttonsOr a.no:hover { background-color:Red; } .icons { float:right; } #content .icons { float:right; } #content .icons li { border:none; clear:none; float:left; list-style:none; margin: 0 0 0 4px; padding:0; } .icons a { background:url(../images/sprites/global.png?001) no-repeat; display:block; height:24px; width:24px; } .icons span { display:none; } .icons .iA a { background-position: -760px 0; } .icons .iA a:hover { background-position: -760px -24px; } .icons .iD a { background-position: -736px 0; } .icons .iD a:hover { background-position: -736px -24px; } .icons .iFA a { background-position: -808px 0; } .icons .iFA a:hover { background-position: -808px -24px; } .icons .iFD a { background-position: -784px 0; } .icons .iFD a:hover { background-position: -784px -24px; } .icons .iE a { background-position: -688px 0; } .icons .iE a:hover { background-position: -688px -24px; } .icons .iM a { background-position: -664px 0; } .icons .iM a:hover { background-position: -664px -24px; } .icons .iS a { background-position: -712px 0; } .icons .iS a:hover { background-position: -712px -24px; } .icons .iW a { background-position: -832px 0; } .icons .iW a:hover { background-position: -832px -24px; } .i1 { width:24px; } #content .i1 li { margin:0; } .iconsL { float:right; } .iconsL li { float:left; margin: 0 0 0 10px; } .iconsL a { background:url(../images/sprites/global.png?001) no-repeat; display:block; height:32px; width:32px; } .iconsL span { display:none; } .iconsL .iA a { background-position: -528px 0; } .iconsL .iA a:hover { background-position: -528px -32px; } .iconsL .iD a { background-position: -496px 0; } .iconsL .iD a:hover { background-position: -496px -32px; } .iconsL .iFA a { background-position: -560px 0; } .iconsL .iFA a:hover { background-position: -560px -32px; } .iconsL .iFD a { background-position: -592px 0; } .iconsL .iFD a:hover { background-position: -592px -32px; } .iconsL .iE a { background-position: -432px 0; } .iconsL .iE a:hover { background-position: -432px -32px; } .iconsL .iM a { background-position: -400px 0; } .iconsL .iM a:hover { background-position: -400px -32px; } .iconsL .iS a { background-position: -464px 0; } .iconsL .iS a:hover { background-position: -464px -32px; } .iconsL .iW a { background-position: -624px 0; } .iconsL .iW a:hover { background-position: -624px -32px; } .pager { clear:both; margin-top:10px; } #content .pager h6 { color:#999; font-size:1.0em; font-weight:normal; } .pager ul { margin:5px 0 0 20px; } .pager li { display:inline; margin-right:4px; font-size:1.4em; } .pager li b { background-color:#f0f0f0; padding:0 4px; } .pager li a { background-color:#fff; padding:0 2px; } .pager li a:hover { background-color:#32a1ce; color:#fff; } .play { float:left; margin-right:6px; } .play li { float:left; margin: 0 4px 0 0; padding:0; } .play a, .play div { background:url(../images/sprites/global.png?001) no-repeat; display:block; height:24px; width:24px; } .play span { display:none; } .play .pB a { background-position: -864px 0; } .play .pB a:hover { background-position: -864px -24px; } .play .pF a { background-position: -888px 0; } .play .pF a:hover { background-position: -888px -24px; } .play .pB div { background-position: -864px -48px; } .play .pF div { background-position: -888px -48px; } .playB, .playF { background:url(../images/sprites/global.png?001) no-repeat -864px 0; display:block; float:left; height:24px; width:24px; } .playB span, .playF span { display:none; } .playB:hover { background-position: -864px -24px; } .playF { float:right; background-position: -888px 0; } .playF:hover { background-position: -888px -24px; } .player { height:50px; margin-bottom:10px; } .player h3 { margin:0; padding:0; } .player .filter { float:left; } .player .play { height:50px; } .panel .cc .player { height:40px; } ul.crumbs { font-size:1.0em; margin-bottom:5px; } .crumbs li { display:inline; } .crumbs em { color:#ccc; font-style:normal; padding:0 5px; } ul.dashboard { } .dashboard a.orange { font-weight:bold; } .dashboard li { float:left; font-weight:bold; line-height:1.4em; padding:0 0 0 0; width:153px; } .dashboard li ul { clear:left; margin:5px 10px 0 0; } .dashboard li li { color:#999; float:none; font-size:1.0em; font-weight:normal; line-height:1.0em; margin:0; padding:4px 0 4px 0; width:auto; } #content .dashboard h3 { margin:0; padding: 0 0 0 20px; font-size:1.2em; font-weight:bold; } .dashboard h3 sup { color:#999; font-weight:normal; padding-left:3px; } .dash2 li { font-size:1.2em; margin-bottom:10px; width:33%; } #content .dash2 h3 { padding: 0 0 0 22px; } .dash2 li li { margin-left:22px; } ul.menu { } ul.menu li { color:#999; font-weight:bold; list-style-type:disc; margin:2px 0 2px 16px; } ul.menu li.step { margin-bottom:10px; } ul.menu li.nobullet { list-style-type:none; } ul.menuH { } ul.menuH li { float:left; font-size:1.4em; font-weight:bold; margin:2px 20px 20px 0; } ul.menuH img { vertical-align:middle; } .menuV { margin-top:5em; } .menuV a { line-height:1.4em; padding:2px 6px; } .menuV a.active { color:#f6921e; font-weight:bold; } .menuV ul a.active { background-color:#f6921e; color:#fff; } .menuV li { font-size:1.4em; font-weight:bold; line-height:1.4em; margin:4px 0; } .menuV li li { color:#598527; font-size:1.0em; font-weight:normal; margin:0.2em 0 0.2em 15px; } .filter { float:right; line-height:2em; } .filter li { float:left; margin-left:2px; } .filter li.active a { background-color:#32a1ce; color:#fff; } .filter a { padding:2px 6px; } .iconbar { height:42px; width:100%; } .iconbar li { float:right; width:32px; height:32px; margin:0 0 10px 10px; } .iconbar img { width:32px; height:32px; } ul.stepper { height:5em; } ul.stepper li.prev, ul.stepper li.next { color:#ddd; font-size:2.4em; width:50px; } ul.stepper li.prev a, ul.stepper li.next a { padding:0 0.1em; } ul.stepper li.prev { float:left; } ul.stepper li.next { float:right; text-align:right; } ul.stepper li.stat { text-align:center; } ul.stepper li.stat strong { font-size:1.8em; vertical-align:middle; } .switch { font-size:1.1em; height:40px; } .switch li { float:left; margin-right:5px; } .switch li a { display:block; padding:1px 6px; } .switch li.active a { background-color:#32a1ce; color:#fff; } .switch li.active a:hover { background-color:#44c5ea; color:#fff; } .panel .cc .switch { height:1.4em; } .s2 .switch li a { padding:4px 8px; } .tabs { clear:both; padding-bottom:20px; } .tabs ul { border-bottom:solid 1px #dce3e7; color:#666; height:26px; position: relative; } .tabs .tc1, .tabs .tc2 {background:url(../images/sprites/global.png?001) no-repeat; width: 6px; height: 6px; position: absolute; z-index: 10 !important; } .tabs .tc1 { top:0; left:0;} .tabs .tc2 { top:0; right:0;} .tabs .tc1 { background-position: -840px -318px; } .tabs .tc2 { background-position: -994px -318px; } .tabs li { float:left; position:relative; top:1px; } .tabs li a, .tabs li span { background:#e6f6fc url(../images/sprites/global.png?001) no-repeat -776px -218px; border:solid 1px #dce3e7; display:block; font-size:110%; line-height:24px; padding:0 12px; } .tabs li a:hover { background-position: -776px -268px; color:#32a1ce; } .tabs li.active { border-bottom: solid 1px #fff; } .tabs li.active a, .tabs li.active span { background-color:#fff; background-position: -776px -168px; border-bottom:none; color:#eb8601; font-weight:bold; } .tabs li.active a:hover { color:#f19720; } .toolbar { } .toolbar li { float:left; font-size:1.2em; font-weight:bold; margin:0 20px 20px 0; } .toolbar img { vertical-align:middle; padding-right:6px; } .viewMode { float:right; width:56px; } .viewMode li { float:left; padding-left:4px; } .viewMode a { background:url(../images/sprites/global.png?001) no-repeat; display:block; height:24px; width:24px; } .viewMode span { display:none; } .viewMode .vG a { background-position: -952px -56px; } .viewMode .vG a:hover { background-position: -952px -80px; } .viewMode .vG a.active { background-position: -952px -80px; } .viewMode .vL a { background-position: -976px -56px; } .viewMode .vL a:hover { background-position: -976px -80px; } .viewMode .vL a.active { background-position: -976px -80px; } .wizard { clear:both; padding-bottom:0px; } .wizard ul { color:#666; height:40px; font-size:1.4em; } .wizard li { background: url(../images/bgTo.gif) no-repeat 0 0; float:left; padding:0.5em 10px 0 50px; height:40px; } .wizard li.first { background:none; padding-left:0; } .wizard li.active { } .wizard li.active a, .wizard li.active { color:#eb8601; font-weight:bold; } .wizard li.active a:hover { color:#f19720; } /******************************************* Object *******************************************/ a.avatar, div.avatar { background:#dde7f6; display:block; float:left; padding:2px; } a.avatar:hover { background:#f7941d !important; } a.avatar img, div.avatar img { float:left; } div.avatarL { float:left; margin:0 10px 0 0; height:150px; width:150px; } div.avatar150 { background: url(../images/bg/avatar150.gif) no-repeat top center; float:left; text-align:center; width:240px; margin-top:10px; } .avatar150 img { padding:26px 0 0 0; } div.avatar150x150 { background: url(../images/bg/avatar150x150.gif) no-repeat center center; float:left; height:240px; text-align:center; width:240px; } .avatar150x150 img { padding:45px 0; height:150px; width:150px; } .achtung { background-color:Red; color:#fff; padding:2px 4px; font-size:1.8em; font-weight:bold; position:absolute; top:6px; left:6px; } a.abuse { background:url(../images/icons/ahtung.png) no-repeat left center; padding:2px 2px 2px 18px; } a.abuse:hover { color:#f00; } .alarm { background:#f0f0f0; color:#666; font-size:1.2em; padding:6px 0; text-align:center; } .banner { clear:both; margin-bottom:20px; width:100%; } .col13 .banner { padding-left:30px; } .col13 .stepLeft .banner { padding-left:20px; } .col13v .banner { padding-left:25px; } .col14 .banner { padding-left:10px; } .col14 .stepLeft .banner { padding-left:0px; } .feedScroll .cc { overflow: auto; overflow-x: hidden; height:200px; } .found { color:#999; clear:both; padding: 0 0 10px 0; width:100%; } .icon { background-position:0 0; background-repeat:no-repeat; } .iAdd { background-image:url(../images/icons/add.png); } .iAddressBook { background-image:url(../images/icons/addressBook.png); } .iAsterisk { background-image:url(../images/icons/asterisk.png); } .iBlog { background-image:url(../images/icons/blog.png); } .iCal { background-image:url(../images/icons/calendar.gif); } .iClone { background-image:url(../images/icons/clone.png); } .iDelete { background-image:url(../images/icons/delete.gif); } .iEdit { background-image:url(../images/icons/edit.gif); } .iEmail { background-image:url(../images/icons/email.png); } .iFolderUser { background-image:url(../images/icons/folderUser.png); } .iGroup { background-image:url(../images/icons/group.png); } .iICQ { background-image:url(../images/icons/icq.gif); } .iLock { background-image:url(../images/icons/lock.gif); } .iMSN { background-image:url(../images/icons/msn.gif); } .iPencil { background-image:url(../images/icons/pencil.png); } .iPhone { background-image:url(../images/icons/phone.png); } .iPhotos { background-image:url(../images/icons/photos.png); } .iPlus { background-image:url(../images/icons/plus.png); } .iRemove { background-image:url(../images/icons/remove.png); } .iSearch { background-image:url(../images/icons/search.gif); } .iSearch2 { background-image:url(../images/icons/search.png); } .iSettings { background-image:url(../images/icons/settings.png); } .iSkype { background-image:url(../images/icons/skype.gif); } .iTelephone { background-image:url(../images/icons/telephone.png); } .iUser { background-image:url(../images/icons/user.png); } .iUserGray { background-image:url(../images/icons/userGray.png); } .iUserGreen { background-image:url(../images/icons/userGreen.png); } .iUserOrange { background-image:url(../images/icons/userOrange.png); } .iUserRed { background-image:url(../images/icons/userRed.png); } .iVcard { background-image:url(../images/icons/vcard.png); } .invite { background:#ffeaaa; clear:both; color:#666; height:2.2em; margin-bottom:20px; padding:6px; } .invite p { font-size:1.2em; padding:0.3em 0 0 6px; } .invite .button { margin: 0 0 0 6px; } .label { background:#f0f0f0; border:solid 1px #ccc; color:#666; float:right; padding:5px; } .loading { background: url(../images/loadingWhite.gif) no-repeat center center; width:16px; height:16px; } .loadingLabel { background-position:top left; color:#999; width:100%; } .loadingLabel h4, .loadingLabel p { padding-left:22px; } .loadingLabel h4 { color:#999; font-size:1.2em; font-weight:bold; } .loadingContainer .loading { background-color:#fff; background-position:center center; clear:both; height:40px; width:100%; } .message { } .message .to { background: url(../images/bgTo.gif) 0 0 no-repeat; margin-left:10px; padding-left:50px; } .message .author { float:left; padding-bottom:13px; } .message .author .avatar { margin:0 10px 0 0; } .message .author img { float:left; vertical-align:top; height:40px; width:40px; } .message .author .u { font-size:1.2em; } .message .author .date { color:#999; padding-bottom:2px; } .message .content { border-top:solid 1px #ccc; clear:both; color:#333; font-size:1.2em; padding:10px 0 20px 0; min-height:60px; } .owner { padding-bottom:20px; } .owner .avatar { margin:0 10px 20px 0; float:left; } .owner .avatar img { height:40px; width:40px; } #content .owner h2 { line-height:1em; padding:0; } #content .owner h2 a.u { font-weight:normal; } .owner p { color:#999; font-size:1.0em; margin:4px 0 0 0; padding:0; } .owner p.s2 { font-size:1.2em; } p.info { color:#999; padding-bottom:10px; } .online { color:#f6921e; font-size:90%; padding:0 5px; letter-spacing:.1em; text-transform:lowercase; vertical-align:top; } div.photo { min-height:200px; text-align:center; margin-bottom:10px; } div.photo a { border: 5px solid #fff; } div.photo a:hover { background: transparent; } div.photo img { border: 10px solid #fff; } a.photo { } a.photo img { background-color:#f0f0f0; padding:10px; } .post {} #content .post h3 { font-size:1.8em; } .post .author { color:#999; margin:0 0 15px 0; } .post .text { margin:0 0 40px 0; } .private { color:#666; padding:0 4px; } .profile { margin-bottom:20px; } .profile .avatar { margin:0 10px 0 0; } .profile .avatar img { width:150px; height:150px; } .profile .online { font-size:80%; letter-spacing:normal; } .profile img.sex { display:block; float:left; } .profile dl { float:left; width:726px; } .profile dl dt { clear:left; color:#666; float:left; padding:3px 10px 3px 0; width: 8em; } .profile dl dd { margin:0 0 0 9em; padding:3px 0; } .profileShort { } .profileShort .avatar { margin:0 10px 0 0; } #content .profileShort h2 { margin:0; padding:0; } .profileShort h2 a { } .profileShort p.details { color:#999; font-size:80%; margin:0; padding:0; } .promopage {} #content .promopage .panel h3 { font-size:1.4em; } #content .promopage .rounded .cc { padding:4px 12px; } .promopage .col23 { width:610px; } .promopage .col13 { margin-left:30px; } .promopage .itemsS p { color:#666; } .promopage .newsS a { font-size:1.2em; } .promopage .newsS li { margin:0 0 10px 0; } .promopage ul.stats li { margin:6px 0 0 0; } .promopage .newsFav img { height:180px; width:280px; } .promopage .newsFav .strong { padding:6px 0 2px 0; font-size:1.2em } .promopage .blue2 .itemsS li { background:transparent; padding:0; border:none; } .promoBanner { color:#999; font-size:1.6em; line-height:1.4em; text-align:center; } .promoBanner a.gray { text-decoration:underline; } .slider { background: #e9f0f7; margin-left: -5px !important; padding-right: 5px !important; } .slider .knob { width: 20px; height: 80px; background: #ddd; } .slider .up, .slider .down { width: 20px; height: 20px; background: #e9f0f7; text-align: center; line-height: 20px; cursor: pointer; color: #666; } .slider .active { background: #bbb; } .translate {} .translate ul { font-size:1.2em; margin-bottom:40px; } .translate ul.from { float:left; margin-left:15px; width:50%; } .translate ul.to { float:left; width:40%; } .translate ul li { clear:left; } .translate ul li a { display: block; color: #5095BE; float:left; text-decoration: none; margin-bottom:2px; padding: 2px 10px; } .translate ul li a:hover, .translate ul li a.selected { background: #5095BE; color: #fff; } .translate ul li a.disabled, .translate ul li a.disabled:hover { color: #ccc; cursor: default; background: transparent; } .translate ul em { color:#fff; font-style:normal; } .translate textarea { height:140px; } a.thumb { border:solid 2px #dde7f6; display:block; } a.thumb:hover { border-color:#f7941d; } .screen { background:#f4f8fe; margin-bottom:1em; padding:10px; text-align:center; } .screen img { margin:0; width:100%; } .fileThumb { float:left; width:84px; height:84px; margin-right:10px; position:relative; } .fileThumb a.i { background-color:#fff; border:solid 2px #f0f0f0; display:block; text-align:center; width:80px; height:80px; } .fileThumb a.i img { width:32px; height:32px; padding:24px 0 0 0; } .fileThumb .vid .fav { width:150px; height:16px; position:absolute; top:72px; left:4px; } .fileThumb .vid .plus { display:none; display:block; width:16px; height:16px; } .fileThumb .type { color:#999; display:block; font-size:1em; width:2.5em; height:16px; position:absolute; text-align:right; top:2px; right:4px; } .object {} .object .avatar { margin:0 5px 0 0; } .object .name { font-size:1.2em; font-weight:bold; } .object p { color:#999; margin:5px 0 0 0; } a.u { font-weight:bold; } #content a.u { color:#8caf31; } #content a.u:hover { color:#f7941d; } span.u { color:#888; font-weight:bold; } #content p.light a.u { font-weight:normal; color:#999; } .user {} .user .avatar { margin:0 5px 0 0; } .user .u { font-size:1.2em; font-weight:bold; } .user p { color:#999; margin:5px 0 0 49px; } .stars { background: url(../images/sprites/global.png?001) -664px -52px no-repeat; border:none; padding:0; margin:0; outline:none; } .stars span { display:none; } .starsS { width:63px; height:12px; } .starsL { background-position:-664px -76px; width:85px; height:16px; } div.audio { background-color:#f0f0f0; color:#999; min-height:20px; text-align:center; width:400px; } div.video { background-color:#f0f0f0; color:#999; font-size:1.6em; height:380px; text-align:center; width:640px; } div.audio p a, div.video p a { white-space:nowrap; } .video p { padding:20% 20px 0 20px; } .video640 { width:640px; height:500px; } .videoHD { width:640px; height:380px; } /******************************************* Misc *******************************************/ .blocked { color:#999; } #content .blocked p { background:#f6f6f6; padding:6px 10px; } .error { color:Red; } .clear { clear:both; } .cl { clear:left; } .cr { clear:right; } #content .noClear { clear:none; } .b { display:block; } .empty a, .empty { color:#ccc; font-weight:normal; } #content a.female { background-color:#f9cfe3; border-color:#f9cfe3; } .ie { height:1%; } .fade { filter:Gray Alpha(opacity=20); -moz-opacity:0.20; opacity:0.20; } .light { color:#666; } .light2 { color:#bbb; } .line { margin:6px 0; } #content a.male { background-color:#aecaf2; border-color:#aecaf2; } #content .l { float:left; } img.l { margin: 0 10px 0 0; } .r, #content .r { float:right; } .tac { text-align:center; } .tal { text-align:left; } .tar { text-align:right; } #content .first, #footer .first { clear:left; } #content li.first { margin-left:0; margin-top:0; } #content dt.first { margin-top:0; } #content div.first, #footer div.first { margin-left:0; } #content .last { margin-bottom:0; padding-bottom:0; } #content .hidden { display:none; } #content .nobr { white-space: nowrap; } #content .centered { float:none; margin:0 auto; } .scroll { background:#fff; max-height:200px; overflow: auto; width:100%; } .disabled, a.disabled { color:#ccc; } .padT { padding-top:20px; } .stepLeft, stepL { margin-left:20px; } .stepB { margin-bottom:20px; } .stepT { margin-top:10px; } .stepT2 { margin-top:20px; } .big { font-size:1.2em; } .big2 { font-size:1.4em; } .h40 { height:40px; } .h200 { height:140px; } .space { clear:both; height:20px; } .space1 { clear:both; height:1px; } .strike, a.strike { text-decoration:line-through; font-weight:normal;} .strong { font-weight:bold; } em.samp, .dotted { border-bottom:dashed 1px #ccc; cursor:pointer; } .underline { border-top:solid 1px #999; } /******************************************* im.scroller *******************************************/ .scroller { background:#666; clear:both; position:relative; width:100%; margin:0 auto 20px auto; overflow:hidden; } .scroller .thumbs { height:104px; width:888px; overflow:hidden; float:left; } .scroller ul { width:10000px; height:100%; margin:8px 0; padding-left:4px; z-index:1; } .scroller li { float:left; margin: 0px 4px; text-align:center; width: 88px; height: 88px; } .scroller li a { background-color:#fff; border:solid 4px #444; display:block; float:left; width:80px; height:80px; } .scroller li a:hover { border-color:#333; } .scroller li img { width:32px; height:32px; padding:8px 0 0 0; } .scroller li.active { } .scroller .thumbs li.active a { border-color:#F7941D; } .scroller li .type { color:#999; font-size:1em; height:16px; padding-right:4px; text-align:right; } .scroller a.thumbs_move { background: url(../images/sprites/scroller.gif) 0px -212px no-repeat; display: block; height: 104px; width: 26px; z-index:10; float:left; cursor:default; } .scroller a#thumbs_move_left.on, .scroller a#thumbs_move_right.on { cursor:pointer; } .scroller a#thumbs_move_left.on { background-position: 0px 0px; } .scroller a#thumbs_move_left.on:hover { background-position: 0px -106px; } .scroller a#thumbs_move_right { background-position: -26px -212px; float:right; } .scroller a#thumbs_move_right.on { background-position: -26px 0px; } .scroller a#thumbs_move_right.on:hover { background-position: -26px -106px; } /******************************************* imCalendar *******************************************/ #calendar { position: absolute; border: 1px solid black; width: 175px; height: 170px; padding: 4px; font-family: tahoma,verdana,helvetica; font-size: 11px; text-align: center; background: #fff; overflow: hidden !important; } input.calendar { width: 173px; } #calendar a { text-decoration: none; color: #000; cursor: pointer; } #calendar a:hover { background-color:#ffeaaa; color: #000; } #calendar .previous, #calendar .next { position: absolute; top: 6px; } #calendar .previous { left: 8px; } #calendar .next { right: 8px; } #calendar .current { font-weight: bold; padding: 4px 0px; } #calendar li { float: left; margin: 0px; } #calendar .week li { width: 25px; padding: 4px 0px 2px; border:none; border-bottom: 1px solid #eee; } #calendar .days li a { width: 25px; display: block; height: 18px; line-height: 18px; } #calendar a.notnow { color: #999; } #calendar .today { border-top: 1px solid #eee; clear: both; position: absolute; bottom: 5px; left: 3px; padding-top: 3px; width:100%; } #calendar div.month, #calendar div.year, #calendar div.decade { overflow: hidden; height: 132px; } #calendar .years li a, #calendar .months li a { display: block; width: 43px; height: 44px; line-height: 44px; font-size: 11px; text-transform: lowercase; #height: 43px; #line-height: 43px; } #calendar .now { background-color:#f0f0f0; } #calendar .selected { background-color:#e9f4bd; } #calendar span { color: #ddd; } #calendar a.disabled, #calendar .days li a.disabled, #calendar .months li a.disabled, #calendar .years li a.disabled { color: #ddd; cursor: default; } #calendar a.disabled:hover, #calendar li a.disabled:hover { color: #ddd; background: #fff; } #calendar .hidden { display: none; } #calendar .changin { position: relative; } /******************************************* im.boxer *******************************************/ .screenblock { background: #000; opacity: 0.35; filter: alpha(opacity=35) !important; } #boxer { width: 100%; position: absolute; top: 40%; left: 0px; text-align: center; z-index: 3000; } #boxer .box { background: #fff; border: 4px solid #333; margin: 0px auto; display: none; text-align: left; width: 500px; overflow: hidden; z-index: 3100; } #boxer .header { background: #eee !important; overflow: hidden; display: block; padding: 2px 4px; float: left; width: 100%; } #boxer .header span { display:block; font-size: 1.4em; font-weight:bold; color:#666; line-height: 25px; float: left; } #boxer .close_button { background: url(../images/icons/wc.gif) center center no-repeat; display: block; width: 25px; height: 25px; font-weight: bold; text-align: center; line-height: 25px; color: #000; float: right; margin-right: 5px; #margin-right: 3px; } #boxer .close_button span { display:none; } #boxer .content { background-color:#fff; padding: 10px; display: block; font-size:1em; overflow: hidden; clear: both; } #boxer #content { margin:0; } #boxer .loading { display: block; width:60px; height:60px; margin: 0px auto; z-index:3100; background: transparent url('../images/wait.gif') 50% 50% no-repeat; } #boxer .footer { height:2.5em; background: #eee !important; text-align: right; clear: both; padding: 5px; } #boxer .footer .button { float:right; margin:0 0 0 10px; overflow:visible; padding:4px 8px; width: auto;} #boxer .footer .l { float:left; margin: 0 10px 0 0; } #boxer .flash, #boxer .flashError{ background: #bed639 !important; color: #fff !important; overflow: hidden !important; border: 0px !important; font-size:1.8em; } #boxer .flash *, #boxer .flashError * { display: none !important; } #boxer .flash .content, #boxer .flashError .content { background: #bed639 !important; color: #fff !important; text-align: center !important; display: block !important; font-size: 1.2em !important; font-weight: bold !important; float: none !important; } #boxer .flashError .content { background: #f00 !important; } /* здесь цвет фона у ошибки */ #boxerInplace { border: 4px solid #bbb; background: #f0f0f0; color:#666; font-size: 1.2em; position: absolute; width:170px; } #boxerInplace .text { padding: 2px 10px 2px 10px; font-size: 1.2em; font-weight:bold; } #boxerInplace .btns { padding: 0 8px 8px 8px; } #boxerInplace .btns a { margin-right:5px; padding:2px 4px; font-size: 1.4em; font-weight: bold; } #boxerInplace.error { border-color: #f00; color:#f00; } /******************************************* uplodify *******************************************/ .uploadifyQueueItem { border: 2px solid #E5E5E5; background-color: #fff; color:#666; margin-top:16px; padding:6px; } .uploadifyError {background-color: #ffe7df !important; border-color:#f00; color:#f00; } .uploadifyOk {background-color: #e9f4bd !important; border-color:#badb3c; } .uploadifyQueueItem .cancel { float: right; } .uploadifyProgress { background-color: #fff; border:1px solid #999; margin-top:10px; width:100%; } .uploadifyProgressBar { background-color:#0099FF; width:1px; height:6px; } /******************************************* im.taggin *******************************************/ #people { padding: 10px; margin-bottom: 15px; } #photoOverlay { position: absolute; background: transparent; z-index: 2008; display: none; } #lightedArea { position: absolute; z-index: 2010; overflow: hidden; border: 1px solid #FFCD11; display: none; cursor: move; } #lightedArea img { position: absolute; } .ontop { z-index: 2008; position: relative; background: #fff; } .resizer { overflow: hidden; position: absolute; width: 6px; height: 6px; background: #FFCD11; z-index: 10; visibility: hidden; display: block; } #r_se { bottom: 0px; right: 0px; cursor: se-resize; } #r_e { top: 50%; right: 0px; margin-top: -3px; cursor: e-resize; } #r_ne { top: 0px; right: 0px; cursor: ne-resize; } #r_n { top: 0px; left: 50%; margin-left: -3px; cursor: n-resize; } #r_nw { top: 0px; left: 0px; cursor: nw-resize; } #r_w { top: 50%; left: 0px; margin-top: -3px; cursor: w-resize; } #r_sw { left: 0px; bottom: 0px; cursor: sw-resize; } #r_s { bottom: 0px; left: 50%; margin-left: -3px; cursor: s-resize; } #tagginInfo { position: absolute; background: #fff; display: none; text-align: center; z-index: 2008; font-size: 1.2em; line-height: 20px; padding: 60px 20px; } #tagList { background: #fff; border: 4px solid #333; margin: 0px auto; display: none; text-align: left; width: 500px; overflow: hidden; z-index: 3100; } #tagList .header { background: #eee !important; overflow: hidden; display: block; padding: 3px; float: left; width: 100%; } #tagList .header h1 { font-size: 1.4em; line-height: 25px; float: left; } #tagList .header .close_button { background: url(../images/icons/wc.gif) center center no-repeat; display: block; width: 25px; height: 25px; font-weight: bold; text-align: center; line-height: 25px; color: #000; float: right; margin-right: 5px; #margin-right: 3px; } #tagList .content { background-color:#fff; padding: 10px; display: block; font-size:1.2em; overflow: hidden; clear: both; } #tagList .footer { background: #eee !important; text-align: right; clear: both; padding: 5px; } #tagList .footer a.r { float:right; margin-right:0; } #tagList { width: 250px; position: absolute; display: none; z-index: 2010; } #tagList .footer { overflow: hidden; } #tagList .nameEdit { width: 220px; } #tagList p { line-height: 1.4em; } #tagList p.chooseFriend { margin-top: 8px; } #tagList .friendsList { height: 150px; overflow: auto; } #tagList .friendsList a { display: block; font-size:1.2em; padding: 2px; margin-bottom:2px; } #tagList .fGroups { width: 220px; margin-bottom: 5px; } #tagginTooltip { position: absolute; z-index: 2010; background: #fff; border: 1px solid #FFCD11; padding: 5px 7px; display: none; font-size: 1.1em; } /******************************************* star rating *******************************************/ div.rating{cursor:pointer; display:block; height:16px;} div.rating:after{content:'.';display:block;height:0;width:0;clear:both;visibility:hidden} div.cancel,div.star{float:left;width:17px;height:15px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden} div.cancel,div.cancel a{background:url(../images/icons/delete.gif) no-repeat 0 -16px} div.star,div.star a{background:url(../images/sprites/star.gif) no-repeat 0 0px} div.cancel a,div.star a{display:block;width:16px;height:100%;background-position:0 0px;border:1 solid #FF0000} div.star_on a{background-position:0 -16px!important} div.star_hover a,div.star_live a:hover{background-position:0 -32px} /* Read Only CSS */ div.star_readonly a,div.star_readonly a:hover{cursor:default !important} /* Partial Star CSS */ div.star{background:transparent!important;overflow:hidden!important} div.ratingD { color:#999; float:left; padding-left:6px; font-size:1.2em; } /******************************************* treeview *******************************************/ .treeview { } .treeview ul { margin-top: 4px; } .treeview .hitarea { background: url(../images/sprites/global.png?001) -928px -4px no-repeat; height: 16px; width: 16px; margin-left: -16px; float:left; cursor: pointer; } * html .hitarea { display: inline; float:none; } /* fix for IE6 */ .treeview li { margin: 0; padding: 3px 0pt 3px 16px; } .treeview .hover { background:red; cursor: pointer; } .treeview li.collapsable, .treeview li.expandable { background-position:-928px -35px; } .treeview .expandable-hitarea { background-position:-928px -35px; } /******************************************* marks *******************************************/ #boxerInplace.markPopup { width:82px; margin-left:1px; } #boxerInplace.markPopup .text { padding:2px; } #boxerInplace.markPopup a { display:block; margin-bottom:2px; float:left; font-size:1.2em; text-align:center; padding:0; width:26px; } #boxerInplace.markPopup a.w { width:78px; } #boxerInplace.markPopup a.mC, #boxerInplace.markPopup a.mD { font-size:0.8em; width:78px; } #boxerInplace.markPopup a.mD { background-color:#bbb; color:#fff; font-size:1.0em; } #boxerInplace.markPopup a.mD:hover { background-color:#aaa; } #boxerInplace.markPopup b { visibility:hidden; } #boxerInplace.pPopup { width:92px; margin-left:1px; } #boxerInplace.pPopup .text { padding:2px; } #boxerInplace.pPopup a { display:block; margin-top:2px; text-align:center; padding:0; width:100%; } .pPopup .lsR, .pPopup .lsG, .pPopup .lsB, .pPopup .lsY, .pPopup .lsD { color:#fff; } #boxerInplace.pPopup a.lsD { background-color:#bbb; color:#fff; } #boxerInplace.pPopup a.lsD:hover { background-color:#aaa; } #boxerInplace.pPopup a.mC { font-size:0.8em; margin-top:0; } #boxerInplace.pPopup2 { width:112px; }