/** styles.css text-markup, colors, images **/ body, td, input, select, textarea { font-family: Tahoma, Verdana; background-color: #fff; color: #444; text-decoration: none; word-spacing: normal; letter-spacing: 0; font-size: 62.5%; vertical-align: top;} body { text-align: center; margin: 0; } #side1 .left {background-image: url('../images/bg-yellow.gif'); background-position: top right;} #side2 .right {background-image: url('../images/bg-yellow.gif');} h1 { font-weight: bold; line-height: 1.3em; font-size: 1.3em; } li{ line-height: 1.3em; font-size: 1.3em; } input { border: 1px solid #444; width: 20em; font-size: 10pt;} input[type=checkbox] {width: auto; } input.button { width: auto; margin-left: 4px; } input.auto { width: auto; } textarea { font-size: 10pt;} select { border: 1px solid #444; } a, a:visited { color: #666; text-decoration: none; font-weight: normal; border-bottom:1px solid #666;} a:hover { color: #444; text-decoration: none; font-weight: normal;} div#site-container { background-color: #fff;} div#search_results {} #search_results ul {} #search_results ul li { list-style: none; margin: 0 15px 10px 0;} #search_results ul li a { color: #444; } #search_results ul li span.snippet { font-size: 8pt; color: #666; } .highlight{ font-weight: bold;} #message-input input[type=radio] { width: auto;} #header { height: 57px; background: url('../images/layout-sprites.gif') 0px -129px no-repeat; background-color: #FFFFFF; } #header.frontpage {background: url('../images/layout-sprites.gif') 0 0 no-repeat;} #back-to-frontpage{ width: 270px; height: 57px; margin: 0; } #back-to-frontpage a { display: block; width: 270px; height: 57px; text-decoration: none; border: 0;} #back-to-frontpage a i { visibility: hidden; } #header ul { margin:0; padding:0; list-style:none; } #header li { float:right; margin:0; padding:0; line-height:1.8em; height: 24px; width: 118px; } #header li.calendar {background: #fff url('../images/layout-sprites.gif') no-repeat -234px -188px; } #header li.photos {background: #fff url('../images/layout-sprites.gif') no-repeat -116px -188px; } #header li.forum {background: #fff url('../images/layout-sprites.gif') no-repeat 2px -188px; } #header li.calendar:hover {background-position: -234px -212px; } #header li.photos:hover {background-position: -116px -212px; } #header li.forum:hover {background-position: 2px -212px; } #header li a { display: block; width: 118px; height: 24px; text-decoration: none; border: 0; } #header li a i { visibility: hidden;} #random-quote { background: url('../images/layout-sprites.gif') 0px -57px no-repeat; background-color: #FFFFFF; } #random-quote p {font-size: 1.1em; text-align: left; color: #185871; font-weight: bold;} #random-quote span {color: #FFFFFF; margin-right: 20px;} #main-menu { position: relative; top: 33px;} div.header-end { background-image: url('../images/bt-header-end.gif'); height: 24px; width: 11px; float: right; } #header div.header-button { background-color: #fff; background-image: url('../images/bt-calendar.gif'); background-repeat: no-repeat; background-position: top right; height: 24px; width: 118px; float: right; cursor: pointer;} #header div.login { text-align: left; width: 500px; height: 24px; } #header div.login { left: 350px; } #header div.login * { font-size: 1.1em; } #header div.login input { background: url('../images/bg-login-input.gif'); border: 0; width: 139px; height: 19px; padding: 2px 10px; line-height: 1.8em; color: #195972; font-weight: bold; margin-top: 0em;} #header div.login input.submit { background: url('../images/bg-login-submit.gif'); width: 100px; height: 23px; color: #FFFFFF;} #header div.login input.submit:hover{ background: url('../images/bg-login-submit-hover.gif'); } div#login-userid {font-weight: bold; float: left;} div#login-userid a{ font-weight: bold;} div#logout-userid {font-weight: bold; float: right; } div#logout-userid a{ font-weight: bold;} div#content { text-align: left; } div#footer { background-color: #fff; background-image: url('../images/icon-385.gif'); background-repeat: no-repeat; background-position: 445px 0;} div#footer p {font-size: 1.1em; color: #b9ccd2; font-weight: bold; line-height: 3em;} div#footer a {color: #b9ccd2; border: 0; font-weight: bold;} div#footer a:hover {color: #185873;} #irc-link { margin-right: 40px;} #disclaimer{ margin-right: 120px;} #melding { margin: 5px 6px; padding: 10px; background-color: #EAF3DE; color: #447700; font-size: 10pt; } #melding p {padding: 0; margin: 0;} div.column { /*background-color: #fff;*/ /*background-image: url('../images/border-top-column.gif'); background-repeat: repeat-x; */padding-top: 10px;} div.columnHover { background-color: #ffe; } div.block { text-align: left; margin: 0; padding: 0; background-color: #fff; background-repeat: repeat-x; padding-top: 15px;} div.block h1 { margin: 0; height: 1.3em; padding: 0.3em 43px 0.3em 15px; background-image: url('../images/li-white.gif'); background-repeat: no-repeat; background-position: center left; clear: both; overflow: hidden;} div.block h1 span.unread { padding-right: 5px; } div.block div.btopen { position: absolute; margin-top: 0.5em; right: 26px; width: 16px; height: 16px; cursor: pointer; background: url('../images/layout-sprites.gif') -370px -220px no-repeat;} div.block div.btclose { position: absolute; margin-top: 0.5em; right: 5px; width: 16px; height: 16px; cursor: pointer; background: url('../images/layout-sprites.gif') -370px -188px no-repeat;} div.block ul { clear: both; margin: 0; margin-top: 4px; margin-bottom: 4px; padding: 0; text-indent: 1em; list-style: none;} div.block li { margin 0; padding: 0.3em; background-repeat: no-repeat; background-position: center left; white-space: nowrap; overflow: hidden; cursor: pointer;} div.block li.channeltitle { display: none; } div.forumtracker p { margin: 0.2em 0;} div.forumtracker p.sub { margin: 0; font-size: 0.8em; } div.forumtracker p.sub a { font-weight: bold; } div.forumtracker a {font-weight: normal; border: 0;} div.forumtracker li { background-position: 0 1em;} div.forumtracker li.unread a { font-weight: bold; } div.calendarblock span.date { display: block; width: 60px; float: left;} div.calendarblock span.time { font-size: 0.8em; margin-left: 10px;} div.calendarblock a {font-weight: normal; border: 0;} div.feed a {font-weight: normal; border: 0;} div.cafepointsblock a {font-weight: normal; border: 0;} div.fpoptions { /*display: none; */ } div.fpoptions * { font-size: 1em; } div.fpoptions label { width: 50px;} div.fpoptions div {width: 10px; height: 10px; border: 1px solid #444; float: left; margin: 2px; } div.fpoptions input{ width: 15em;} div.fpoptions input.button {width: auto;} /****** COLORS ******/ /****** GREEN ******/ div.fpoptions div.green { background-image: none; background-color: #ADD080;} div.green { background-image: url('../images/border-top-column-green.gif');} div.green h1{ background-color: #ADD080; color: #fff; } div.green li.odd { background-color: #EAF3DE;} div.green li {background-image: url('../images/li-green.gif');} div.green li.unread {background-image: url('../images/li-green-unread.gif');} div.green p, div.green a, div.green li span {color: #447700;} div.green p.sub, div.green a:hover {color: #95B66F;} /****** BLUE ******/ div.fpoptions div.blue { background-image: none; background-color: #B9CDD4; } div.blue { background-image: url('../images/border-top-column-blue.gif');} div.blue h1{background-color: #B9CDD4; color: #fff;} div.blue li.odd { background-color: #EAEFF2;} div.blue li { background-image: url('../images/li-blue.gif');} div.blue li.unread { background-image: url('../images/li-blue-unread.gif');} div.blue p, div.blue a, div.blue li span {color: #185873;} div.blue p.sub, div.blue a:hover {color: #8EACB6;} .handle {cursor: move;} .sortHelper{border: 1px dashed #F00; width: auto !important;} .disabled { color: #ccc; } /** TOOLTIPS **/ .prototip{position:absolute;overflow:hidden;}.prototip .tooltip,.prototip .toolbar,.prototip .toolbar .title{position:relative;}.prototip .content{clear:both;}.prototip .toolbar .close{position:relative;text-decoration:none;float:right;width:19px;height:15px;display:block;line-height:0;font-size:0;border:0;cursor:pointer;}.prototip .tooltip{clear:both;float:left;}.prototip .borderLeftWrapper,.prototip .borderRightWrapper{position:absolute;top:0;left:0;width:300px;height:20px;}.prototip .borderFrame{height:100%;width:100%;float:left;margin:0;padding:0;position:relative;}.prototip .borderTop,.prototip .borderBottom{overflow:hidden;}.prototip .borderRow{list-style-type:none;float:left;width:100%;position:relative;clear:both;margin:0;padding:0;}.prototip_CornerWrapper{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;clear:both;}.prototip_Corner{float:left;position:relative;}.prototip canvas{position:relative;float:left;}.prototip_CornerTr,.prototip_CornerBr{float:right;}.prototip_BetweenCorners{position:absolute;top:0;left:0;width:100%;overflow:hidden;clear:both;}.prototip .borderMiddle{position:relative;float:left;}.prototip .borderCenter{position:relative;float:left;height:100%;}.prototip_StemWrapper{position:relative;width:100%;height:auto;clear:both;}.prototip_StemBox{float:left;position:relative;}.prototip_Stem{width:100%;position:absolute;overflow:hidden;}.iframeShim{position:absolute;border:0;margin:0;padding:0;background:none;}.prototip .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}.prototip .clearfix{display:inline-block;}/* IE Mac Hide \*/ .prototip .clearfix{display:block;}/* IE Mac Hide End */ .prototip .default { width: 300px; background-color: #FFE; border: 1px solid #FEA; padding: 0.5em; text-align: left; } .prototip .default .toolbar { } .prototip .default .title { margin: 0, 0, 0.5em, 0; font-size: 1.3em; font-weight: bold; } .prototip .default .content { margin: 0; font-size: 1.3em; } div.addbutton { margin: 5px; background: url('../images/layout-sprites.gif') -354px -204px no-repeat; width: 16px; height: 16px; cursor: pointer;} div.closebutton { margin: 5px; background: url('../images/layout-sprites.gif') -354px -188px no-repeat; width: 16px; height: 16px; cursor: pointer;} div#add-frontpage-content-intro{background: transparent url('../images/balloon.png') no-repeat; font-size: 10pt; text-align: center; padding: 50px 45px; width: 160px; height: 50px; cursor: pointer;} div#frontpage-elements { text-align: left; margin: 0; padding: 5px; border-right: 1px solid #444; border-bottom: 1px solid #444; background-color: #fff;} div#frontpage-elements h1 {margin: 0;} div#frontpage-elements .closebutton {position: fixed; left: 186px; top: 0.1em;} div#frontpage-elements ul {clear: both; margin: 0; margin-top: 10px; margin-bottom: 4px; padding: 0; text-indent: 1em; list-style: none;} div#frontpage-elements li { padding-bottom: 5px; } div#frontpage-elements img { border: 0; vertical-align: -0.2em; } div#frontpage-elements a { cursor: pointer; border: 0; } /******* Forum styles *******/ div#forum-header { background-image: url('../images/bg-blue-curve-right-border-yellow.gif'); background-repeat: no-repeat; background-position: top right; margin: 12px 6px; height: 78px; } div#forum-overview { position: relative; top: 10px; height: 25px; } div#forum-overview * { color: #195972; font-size: 10pt; font-weight: bold; } div#forum-overview a { border: 0; } div#forum-overview a:hover { color: #cdcc34; } div#forum-overview ul { margin: 0; padding: 0; list-style: none; } div#forum-overview ul li { float: left; margin: 0 4px; padding: 4px 15px; background: transparent url('../images/li-blue.gif') no-repeat left; } div#forum-overview ul li:first-child { background: transparent; } div#forum-options { clear: both; position: relative; top: 10px; } div#forum-options * { color: #FFFFFF; font-size: 10pt; font-weight: bold; } div#forum-options ul.options { margin: 0; padding: 0; list-style: none; } div#forum-options ul.options li { display: block; float: left; margin: 0; padding: 0; height: 29px; background: transparent url('../images/bg-li-options-blue.gif') repeat-x; } div#forum-options ul.options li:first-child { background: transparent url('../images/bg-li-options-blue-start.gif') no-repeat left; } div#forum-options ul.options li:last-child { background: transparent url('../images/bg-li-options-blue-end.gif') no-repeat right; } div#forum-options ul.options li span{ display: block; height: 29px; padding: 0 10px; line-height:2em; background: transparent url('../images/bg-li-options-white-separator.gif') no-repeat right;} div#forum-options ul.options li:last-child span{ background: transparent; } div#forum-options a { border: 0; } div#forum-options a:hover { color: #b9cdd4; } div#moderate-options { background-color: #195972; padding: 5px 15px 5px 15px;} div#moderate-options ul.moderate { margin: 0; padding: 0; list-style: none; } div#moderate-options select { font-weight: normal; color: #444; } div#moderate-options select *{ font-weight: normal; color: #444; } div#moderate-options optgroup { font-weight: bold; } div#forum-header div.pages { position: relative; right: 10px; top: 32px; text-align: right; font-size: 10pt;} div#forum-header div.pages a { color: #195972; border: 0; font-weight: bold;} div#forum-header div.pages a:hover { color: #eaeff2; } div#forum-header div.pages a.current { color: #ffffff; } div.leesverder { text-align: right; font-size: 10pt; padding: 20px 30px 0 0;} div.leesverder a { color: #195972; border: 0; font-weight: bold; } div.leesverder a:hover { color: #b9cdd4; } div.leesverder span {margin-left: 40px;} div.forum-list { background: #eaeff2; margin: 5px 6px; padding: 5px 0 15px 15px;} div.forum-list p { font-size: 10pt; color: #195972; font-weight: bold; } div.forum-list span {font-weight: normal;} div.forum-calendar {background: #eaeff2; margin: 5px 6px; padding: 5px 0 15px 15px;} div.forum-calendar p { font-size: 10pt; } div.forum-calendar ul.errors { margin-bottom: 10px; color: red;} div.forum-event { background: #eaeff2; margin: 5px 6px; padding: 5px 0 15px 15px;} div.forum-event h2 { font-weight: bold; font-size: 10pt; color: #195972; } div.forum-event h2 span {font-weight: normal;} div.forum-event p { font-size: 10pt; margin-bottom: 24px;} div.forum-event label {width: 150px; font-size: 10pt; display: block; float: left; margin-bottom: 3px;} div.forum-event span {font-size: 10pt; margin-bottom: 3px; margin-left: 5px;} div.forum-event br { clear: both;} div.forum-event input[type=checkbox] { margin: 3px 5px 0 3px; width: auto;} div.forum-event label.checkbox { display: inline; float: none; width: auto; } div.forum-event ul { list-style: none; padding: 10px 0 10px 15px; margin: 0; } div.forum-event li {clear: both;} div.forum-event li span.date { display: block; width: 60px; float: left;} div.forum-event li span.time { font-size: 0.8em; margin-left: 10px;} div.forum-event li a {font-weight: normal; border: 0;} div.forum-poll { background: #eaeff2; margin: 5px 6px; padding: 5px 0 15px 15px; } div.forum-poll h2 { font-weight: bold; font-size: 10pt; color: #195972; } div.forum-poll input { width: auto; } div.forum-poll span { font-size: 10pt; } div.forum-poll label.percentage { display: block; width: 50px; margin-right: 10px; float: left; font-size: 10pt; text-align: right; } div.forum-poll label.count { display: block; width: 100px; float: left; font-size: 8pt; line-height: 1.5em; color: #999999 } div.forum-poll-buttons { padding: 15px 0 0 30px;} /*div.forum-message { margin: -8px 0;}*/ div.forum-message-header { background: #eaeff2; margin: 5px 6px; height: 28px; line-height: 28px; padding-left: 15px; } div.forum-message-header * { font-size: 10pt; font-weight: bold; color: #195972; } div.forum-message-header p { clear: both; margin:0;} div.forum-message-header p a, div.forum-message-header p a:visited{ color: #195972; border: 0; font-weight: bold;} div.forum-message-header p a:hover{ color: #cdcc34; border: 0; font-weight: bold;} div.forum-message-header span { font-weight: normal; } div.forum-message-header span.date { font-weight: normal; float: right; padding-right: 15px; font-size: 8pt;} div.forum-message-text { background: #eaeff2; margin: 0 6px;padding: 18px; } div.forum-message-avatar { width: 120px; height: 120px; background: transparent url('../images/bg-avatar.gif') no-repeat left; } div.forum-message-avatar img { display: block; position: relative; top: 10px; left: 10px; width: 100px; height: 100px; } div.forum-message-message { position: relative; width: 732px; top: -120px; left: 138px; font-size: 10pt; } div.forum-message-message * { font-size: 10pt; } div.forum-message-message .quote { background-color: #b9cdd4; padding: 8px; margin: 5px 30px 5px 30px; } div.forum-message-message .quote .quote { background-color: #a9bdc4; } div.forum-message-message .quote .quote .quote { background-color: #b9cdd4; } div.forum-message-signature { text-align: right; color: #195972; font-size: 10pt; } div.forum-message-footer { height: 43px; background: #eaeff2 url('../images/bg-forum-footer-blue.gif') repeat-x; margin: 5px 6px 0 6px; text-align: right; } div.forum-message-footer ul { margin: 0; padding: 0; list-style: none; } div.forum-message-footer ul li { float: right; margin: 0; padding: 0; height: 29px; background: transparent url('../images/bg-li-options.gif') repeat-x -10px 0px; } div.forum-message-footer ul li:last-child { background: transparent url('../images/bg-li-options.gif') no-repeat left; } div.forum-message-footer ul li:first-child { background: transparent url('../images/bg-li-options.gif') no-repeat right; } div.forum-message-footer ul li i{display:inline-block; width: 25px; height: 25px; cursor: pointer;} div.forum-message-footer ul li .quote { background: transparent url('../images/bg-li-options.gif') no-repeat -550px 0; } div.forum-message-footer ul li .edit { background: transparent url('../images/bg-li-options.gif') no-repeat -525px 0; } div.forum-message-footer ul li .delete { background: transparent url('../images/bg-li-options.gif') no-repeat -501px 0; } div.forum-message-footer ul li .quote:hover { background-position: -640px 0; } div.forum-message-footer ul li .edit:hover { background-position: -615px 0; } div.forum-message-footer ul li .delete:hover { background-position: -591px 0; } div.forum-message-footer a { color: #ffffff; font-weight: bold; border: 0; line-height: 28px; margin: 0 10px;} div.forum-message-footer a.icon {margin: 0;} div.forum-message-footer li:last-child a {margin-left: 5px;} div.forum-message-footer a:hover { color: #b9cdd4; font-weight: bold; } div.deleted div.forum-message-header { background-color: #ffdddd; } div.deleted div.forum-message-text { background-color: #ffdddd; } div.sticky div.forum-message-header { background-color: #EAF3DE; color: #447700; } div.sticky div.forum-message-text { background-color: #EAF3DE; color: #447700; } div.sticky * { color: #447700; } div.sticky div.forum-message-header p a, div.sticky div.forum-message-header p a:visited{ color: #447700; } div.sticky div.forum-message-avatar { background-image: url('../images/bg-avatar-sticky.gif'); } div.sticky div.forum-message-message .quote { background-color: #aece80; } #forum-board { margin: 5px 6px; } #forum-board td {font-size: 10pt; background: #eaeff2; border-top: #fff solid 4px; color: #195972; padding: 4px 10px;} #forum-board td.forum-board-date { text-align: right; } #forum-board td a, #forum-board td a:visited { color: #195972; font-weight: bold; border: 0; } #forum-board td a:hover { color: #cdcc34; font-weight: bold; } #forum-board tr.unread td {background: #eee0c6;} #forum-board td img {border: 0; margin-right: 5px; margin-bottom: -3px;} #forum-group { margin: 5px 6px; } #forum-group td {font-size: 10pt; background: #eaeff2; border-top: #fff solid 4px; color: #195972; padding: 4px 10px;} #forum-group td.forum-group-date { text-align: right; } #forum-group td a, #forum-group td a:visited { color: #195972; font-weight: bold; border: 0; } #forum-group td a:hover { color: #cdcc34; font-weight: bold; } #forum-group tr.unread td {background: #eee0c6;} #forum-group tr.forum-group-groupname td{color: #fff; font-weight: bold; height: 43px; padding-top: 18px; background: #eaeff2 url('../images/bg-forum-footer-blue.gif') repeat-x;} #message-input { margin: 5px 6px; background: #eaeff2; padding: 10px; } #message-input h2 { font-size: 10pt; font-weight: normal; } #message-input label { width: 150px; font-size: 10pt; display: block; float: left; margin-bottom: 3px; } #message-input input { margin-bottom: 3px; } #message-input span {margin-bottom: 3px; font-size: 10pt;} #message-input p {margin-left: 150px; font-size: 10pt;} #message-input-messagefield {clear: both;} #message-input-buttons { margin-left: 150px; margin-bottom: 10px; } #message-input-buttons input { font-size: 10pt; } #message-input-smilies { float: left; width: 150px; } #message-input-textarea { float: left; width: 720px; } #message-input-textarea textarea { font-size: 10pt; } #message-input input[type=checkbox]{ margin-left: 100px; width: auto; border: 0;} #message-input label.checkbox { display: inline; float: none; width: auto; } #message-input-submit {margin-left: 150px; margin-top: 20px;} #message-input-submit input { font-size: 10pt; width: 10em; cursor: pointer;} #message-input .errors { color: red;} #message-input .recaptcha {margin-left: 150px; } /****** MEMBER ******/ #member-details { margin: 5px 6px; background: #eaeff2; padding: 10px;} #member-details h2 { font-size: 10pt; font-weight: bold; } #member-details label { display: block; float: left; width: 150px; font-size: 10pt; margin-bottom: 3px;} #member-details label.private { font-style: italic; } #member-details input { margin-bottom: 3px; } /*#member-details input[type=checkbox] { margin-left: 100px; width: auto; border: 0; }*/ #member-details label.checkbox { display: inline; float: none; width: auto; } #member-details span { font-size: 10pt;} #member-details p { font-size: 10pt;} #member-details br { clear: both;} #member-details input[type=submit] {margin-left: 150px; margin-top: 20px; width: auto;} #member-details .errors { color: red; } #member-details ul.errors li { color: red; } #member-details .errors li { font-size: 10pt;} #member-details .recaptcha {margin-left: 150px; } #member-details ul { list-style: none; margin-bottom: 50px;} #member-details ul li{ margin: 0; padding: 0; height:35px; width: 200px; font-size: 8pt; color: #999;} * html #member-details ul li{ position: relative;} #member-details ul li.column1 { margin-left: 0px; } #member-details ul li.column2 { margin-left: 280px; } #member-details ul li.column3 { margin-left: 560px; } #member-details ul li a{font-size: 10pt; border: 0; font-weight: bold; color:#666;} #member-details ul li span{font-size: 10pt; font-weight: bold; color:#444; border-bottom: 1px solid #666; width: 200px; display: block; padding-top: 12px; text-align: right;} p#add_cafe { margin: 0 0 20px 150px;} /******* default ********/ div.body-content { background-image:url(../images/bg-blue-curve-right-border-yellow.gif); background-position:right top; background-repeat:no-repeat; margin:12px 6px;} div.body-content h1 { font-size: 10pt; font-weight:bold; color: #FFFFFF; padding-left: 15px; height:78px; line-height: 128px; } div.body-content p { font-size: 10pt; background-color: #EAEFF2; margin-top: 6px; padding: 10px 15px 10px 15px;} div.body-content form { font-size: 10pt; background-color: #EAEFF2; margin-top: 6px; padding: 10px 15px 10px 15px;} div.body-content label { display: block; float: left; width: 150px; font-size: 10pt; margin-bottom: 3px;} div.body-content input { margin-bottom: 3px; } div.body-content input[type=checkbox] { margin-left: 100px; width: auto; border: 0; } div.body-content label.checkbox { display: inline; float: none; width: auto; } div.body-content span { font-size: 10pt;} div.body-content br { clear: both;} div.body-content input[type=submit] {margin-left: 150px; margin-top: 20px; width: auto;} div.body-content .errors { color: red; } div.body-content .errors li { font-size: 10pt;} /****** Café ********/ .gtalk{ padding-left: 20px; background: url("../images/googletalk.png") no-repeat; width: 130px !important;} .wlm{ padding-left: 20px; background: url("../images/wlm.png") no-repeat; width: 130px !important; } dl { font-size: 10pt; background-color: #EAEFF2; margin-top: 6px; padding: 10px 15px 10px 15px; } dt { font-weight: bold; margin: 10px 0 3px 0; padding: 0;} dl span *{ margin: 0 0 0 15px; padding: 0;} dl span a, #cafe-details dl span a:visited { font-size: 8pt; color: #666; text-decoration: none; font-weight: normal;} dl span a:hover { font-size: 8pt; color: #444; text-decoration: none; font-weight: normal;} dl a { font-weight: bold; font-size: 10pt; border: 0; color: #444444; } dl a:hover { font-weight: bold; font-size: 10pt; border: 0; color: #444444; } dd { margin: 0; padding: 0;} dd dl { margin: 0; padding: 0;} dd dt { margin: 0; font-weight: normal; float: left; padding: 2px;} dd dd { margin-left: 150px; padding: 2px;} dd dd a, a:visited { color: #666; text-decoration: none; font-weight: normal; border-bottom:1px solid #666; margin: 0;} dd dd a:hover { color: #444; text-decoration: none; font-weight: normal; margin:0;} dd dd span {margin-left: 20px; font-size: 8pt;} /****** Foto Album *******/ .spinner { position: absolute; top: 160px; left: 130px; height: 30px; width: 150px; font-size: 10pt; padding-left: 50px; padding-top: 10px; background-color: #FFF; background-image: url('../images/lightview/loading.gif'); background-repeat: no-repeat; background-position: 7px 8px; border: 1px solid #5F5F5F; } #photoContainer { font-size: 10pt; background-color: #EAEFF2; padding: 10px 15px 10px 15px;} #photoContainer td { font-size: 10pt; background-color: #EAEFF2; padding-right: 12px; } #photoContainer p.thumbnail { float: left; width: 144px; height: 144px; margin: 9px; padding: 5px; text-align: center;} #photoContainer a { border: 0; } #photoContainer img.thumbnail { border: 1px solid black; cursor: pointer; cursor: hand; } #photoContainer img.photo {margin: 5px;} #photos { background-image:url(../images/bg-blue-curve-right-border-yellow.gif); background-position:right top; background-repeat:no-repeat; margin:12px 6px;} #photos h1 { font-size: 10pt; font-weight:bold; color: #FFFFFF; padding-left: 15px; height:78px; line-height: 128px; } #photos p { font-size: 10pt; background-color: #EAEFF2; margin-top: 6px; padding: 10px 15px 10px 15px;} #photo-options {background-color: #EAEFF2; height: 30px; width: 100%;} #photo-options ul { margin: 0; padding: 0; list-style: none;} #photo-options li { float: left; margin: 0 4px; padding: 4px 15px; } #newalbum { font-size: 10pt; background-color: #EAEFF2; padding: 10px 15px 10px 15px; } #newalbum label { width: 150px; font-size: 10pt; display: block; float: left; margin-bottom: 3px; } #newalbum input { margin-bottom: 3px; } .hide { display: none; } #demo-status { padding: 10px 15px; width: 420px;} #demo-status .progress {background: white url(../images/progress.gif) no-repeat; background-position: +50% 0; margin-right: 0.5em; } #demo-status .progress-text {font-size:9pt; font-weight:bold; } #demo-list{list-style:none; width:450px; margin:0; } #demo-list li.file{border-bottom:1px solid #eee; background:url(../images/file.png) no-repeat 4px 4px; } #demo-list li.file .file-uploading{background-image:url(../images/uploading.png); background-color:#D9DDE9; } #demo-list li.file .file-success{background-image:url(../images/success.png); } #demo-list li.file .file-failed{background-image:url(../images/failed.png); } #demo-list li.file .file-name{font-size:10pt; margin-left:44px; display:block; clear:left; line-height:40px; height:40px; font-weight:bold; } #demo-list li.file .file-size{font-size:8pt; line-height:18px; float:right; margin-top:2px; margin-right:6px; } #demo-list li.file .file-info{display:block; margin-left:44px; font-size:8pt; line-height:20px; clear } #demo-list li.file .file-remove{font-size:8pt; clear:right; float:right; line-height:18px; margin-right:6px; } /****** CALENDAR ******/ #calendar-content { background-image:url(../images/bg-blue-curve-right-border-yellow.gif); background-position:right top; background-repeat:no-repeat; margin:12px 6px; } #calendar-content h1 { font-size: 10pt; font-weight:bold; color: #FFFFFF; padding-left: 15px; height:78px; line-height: 128px;} #calendar-content p { font-size: 10pt; background-color: #EAEFF2; margin: 6px 0; padding: 10px 15px 10px 15px; } #calendar-content div { background-color: #EAEFF2;} #calendar-content div p { margin: 0; } #calendar-content ul { list-style: none; padding: 10px 0 10px 15px; margin: 0; } #calendar-content li span.date { display: block; width: 60px; float: left;} #calendar-content li span.time { font-size: 0.8em; margin-left: 10px;} #calendar-content li a {font-weight: normal; border: 0;} #add-event-container { padding: 10px 15px; margin-top: 6px;} #add-event-container h2 { font-size: 10pt; font-weight: normal; } #calendar-input-form label { width: 150px; font-size: 10pt; display: block; float: left; margin-bottom: 3px; } #calendar-input-form input { margin-bottom: 3px; } #calendar-input-form input[type=checkbox] { margin: 3px 5px 0 3px; width: auto;} #calendar-input-form label.checkbox { display: inline; float: none; width: auto; } #calendar-input-form input.date { width: auto;} #calendar-input-form span { font-size: 10pt; } #add-event-container ul.errors { margin-bottom: 10px; color: red;} #add-event-container p.help { font-size: 8pt; margin: 2px 0 2px 150px; padding: 0; } #calendar-input-submit {margin-left: 150px; margin-top: 20px;} #calendar-input-submit input { font-size: 10pt; width: 10em; cursor: pointer;} #preview-event-container { padding: 10px 15px; margin-top: 6px;} #preview-event-container label {width: 150px; font-size: 10pt; display: block; float: left; margin-bottom: 3px;} #preview-event-container span {font-size: 10pt; margin-bottom: 3px; margin-left: 5px;} #preview-event-container br { clear: both;} #calendar-quickadd { margin-bottom: 18px; } /****** PLAIN CONTENT *****/ #plain-content{ background-image:url(../images/bg-blue-curve-right-border-yellow.gif); background-position:right top; background-repeat:no-repeat; margin:12px 6px;} #plain-content h1 { font-size: 10pt; font-weight:bold; color: #FFFFFF; padding-left: 15px; height:78px; line-height: 128px; } #plain-content p { font-size: 10pt; background-color: #EAEFF2; margin-top: 6px; padding: 10px 15px 10px 15px;} /****** ERROR *****/ #error { background-image:url(../images/bg-blue-curve-right-border-yellow.gif); background-position:right top; background-repeat:no-repeat; margin:12px 6px; } #error h1 { font-size: 10pt; font-weight:bold; color: #FFFFFF; padding-left: 15px; height:78px; line-height: 128px; } #error p { font-size: 10pt; background-color: #EAEFF2; margin-top: 6px; padding: 50px 15px 50px 15px; color: red;}