/* * ================================================================= * Gossamer Links - enhanced directory management system * *   Website  : http://gossamer-threads.com/ *   Support  : http://gossamer-threads.com/scripts/support/ *   Revision : $Id: luna_core.css,v 1.38 2006/08/11 04:30:25 brewt Exp $ * * Copyright (c) 2005 Gossamer Threads Inc.  All Rights Reserved. * Redistribution in part or in whole strictly prohibited. Please * see LICENSE file for full details. * ================================================================= *//*Do not make changes to this file.  Any changes will be overwritten the nexttime you upgrade Gossamer Links.  You can override any css in this file bydefining overriding styles in luna.css.*//*There are a few CSS filters/hacks used in this file to fix bugs in variousbrowsers.  Here is a list of them:- Star html selector bug (css rule only applies to ie)    http://www.info.com.ph/~etan/w3pantheon/style/starhtmlbug.html    eg. * html <selector> {}- Simplified box model hack (hide css from ie5-5.5/win)    http://www.doxdesk.com/personal/posts/css/20020212-bmh.html    eg. w\idth: 100px;- Commented backslash (hide css from ie5/mac)    http://www.sam-i-am.com/work/sandbox/css/mac_ie5_hack.html*//*------------------*\|* global interface *|\*------------------*/body {  margin: 0px;  padding: 0px;  color: #33332e;  background: #ffffff;  font: normal 11px tahoma, geneva, verdana, sans-serif;  text-align: center;}img {  border: 0px;}/* forms */form {  margin: 0px;}input, textarea {  font: normal 13px tahoma, geneva, verdana, sans-serif;}input.text, input.password, textarea {  padding: 1px 0px 1px 2px;  border: 1px solid #57594b;}/* links */a {  color: #212126;}a:visited {  color: #8e8d9a;}a:hover {  color: #5c5b66;  text-decoration: none;}/* headings */h1 {  font-size: 16px;}h2 {  font-size: 15px;}h3 {  font-size: 13px;}h4 {  font-size: 12px;}h5 {  font-weight: normal;  font-size: 11px;}/* use this with text in headings you wish to make small */.hsmall {  font-weight: normal;  font-size: 9px;}#accessibility {  position: absolute;  left: -9000px;  width: 9000px;}#wrapper {  margin: 0px auto;  width: 750px;  text-align: left;}/*--------*\|* header *|\*--------*/#logo {  width: 250px;  height: 80px;  background: transparent url(images/logo.gif) top left no-repeat;  text-indent: -9999px;}#logo h1, #logo a {  margin: 0px;  width: 100%;  height: 100%;}#logo a {  text-decoration: none;  display: block;}#header {  background: transparent url(images/swirls.gif) top right no-repeat;}#loginbar {  float: right;  text-align: right;}#loginbar a {  margin-top: 25px;  padding: 10px 30px 10px 0px;  color: #212126;  font-weight: bold;  display: block;}/* these colours are the same as defined by 'a', but we unset a:visited */#loginbar a:hover {  color: #5c5b66;}#loginbar a.in {  background: transparent url(images/login.gif) center right no-repeat;}#loginbar a.out {  background: transparent url(images/logout.gif) center right no-repeat;}/*------------*\|* navigation *|\*------------*/.navbar {  margin-bottom: 1px;}ul.primarynav, ul.secondarynav {  margin: 0px;  padding: 0px;  border-bottom: 1px solid #ffffff;  float: left;  list-style: none;}ul.primarynav {  width: 100%;  background: #5c5b66;}ul.secondarynav {  width: 100%;  background: #777c8d;}ul.primarynav li, ul.secondarynav li {  float: left;  list-style: none;}ul.primarynav li {  background: transparent url(images/betweennav.gif) bottom right no-repeat;}ul.primarynav a {  margin-right: 1px;  padding: 7px 9px 7px 10px;  float: left;  color: #ffffff;  font-size: 11px;  text-decoration: none;}ul.primarynav a:visited {  color: #ffffff;}ul.primarynav a:hover {  color: #ffffff;  background: #737180;}ul.primarynav li.home {  border-right: 1px solid #ffffff;  background: #383741;}ul.primarynav li.home a {  margin-right: 0px;}ul.secondarynav li.first {  padding-left: 5px;}ul.secondarynav a {  margin-right: 1px;  padding: 4px 5px;  float: left;  color: #ffffff;  font-size: 10px;  text-decoration: none;}ul.secondarynav a:visited {  color: #ffffff;}ul.secondarynav a:hover {  color: #212126;}/*-----------*\|* searchbar *|\*-----------*/.searchbar {  margin-bottom: 3px;  padding: 5px 10px;  border-bottom: 1px solid #57594b;  background: #edf2cb;}.searchbar input.text, .searchbar input.submit {  margin-right: 5px;}/* setting this in mozilla causes rendering issues */* html .searchbar input.submit {  height: 21px;}/* these colours are the same as defined by 'a', but we unset a:visited */.searchbar a {  color: #212126;  font-size: 10px;}.searchbar a:hover {  color: #5c5b66;}/*--------*\|* footer *|\*--------*/#footer {  margin-top: 3px;  padding: 5px;  border-top: 1px solid #57594b;  background: #edf2cb;}#footer img {  float: right;}#footer p {  margin: 0px;  padding: 10px 0px;  color: #8a8d77;  font-size: 9px;}/*---------------*\|* contentheader *|\*---------------*/#contentheader {  padding: 10px 10px 0px 10px;  background: #e2e1eb;}#contentheader .error, #contentheader .message {  margin: 0px 200px 0px 0px;  padding: 2px;  border: 1px solid #ffffff;  color: #ffffff;  font-size: 12px;  text-align: center;}#contentheader .error {  background: #8c3030;}#contentheader .message {  background: #3a5841;}#contentheader .error *, #contentheader .message * {  margin: 0px;  padding: 0px;}/*---------------*\|* contentfooter *|\*---------------*/#contentfooter {  background: #e2e1eb;}/*---------*\|* content *|\*---------*/#ocwrapper {/* background colour of left sidebar */  border-left: 0px solid #e2e1eb;/* background colour of right sidebar */  border-right: 200px solid #e2e1eb;  background: #e2e1eb;}#leftsidebar {  margin-left: -200px;  padding: 10px 0px 10px 10px;  width: 190px;  float: left;  position: relative;/* hide the left sidebar by default */  display: none;}#rightsidebar {  margin-right: -200px;  padding: 10px 10px 10px 0px;  width: 190px;  float: right;  position: relative;}#contentwrapper {  width: 100%;  float: left;  position: relative;}#content {  margin: 0px 10px;  padding: 10px;  background: #ffffff;}/* hack for ie/win's guillotine bug *//* start non ie/mac css \*/* html #content {  height: 1%;}/* end non ie/mac css *//*-----------------*\|* global elements *|\*-----------------*/.shadowtop, .shadowbottom {  height: 10px;  font-size: 1px;  display: inline-block;/* ie/mac fix \*/  display: block;/* end fix */}.shadowtopleft, .shadowtopright, .shadowbottomleft, .shadowbottomright {  width: 15px;  height: 10px;  font-size: 1px;}.shadowtop {  background: url(images/shadow-top.gif) bottom repeat-x;}.shadowbottom {  background: url(images/shadow-bottom.gif) top left repeat-x;}.shadowleft {  background: url(images/shadow-left.gif) left repeat-y;}.shadowright {  background: url(images/shadow-right.gif) right repeat-y;}.shadowtopleft {  float: left;  background: url(images/shadow-topleft.gif) bottom left no-repeat;}.shadowtopright {  float: right;  background: url(images/shadow-topright.gif) bottom right no-repeat;}.shadowbottomleft {  float: left;  background: url(images/shadow-bottomleft.gif) top left no-repeat;}.shadowbottomright {  float: right;  background: url(images/shadow-bottomright.gif) top right no-repeat;}/* links */.linklisting {  margin: 15px 15px 20px 20px;}.linklisting h4.linktitle, .linklisting p.linkurl, .linklisting p.linkrating {  margin: 2px 0px;}.linklisting h4.linktitle a {  padding-bottom: 0px;}.linklisting p.linkurl a {  font-size: 9px;  text-decoration: none;}.linklisting p.linkrating {  font-size: 9px;}.linklisting p.linkrating .linkexpired {  color: #8c3030;  font-weight: bold;}.linklisting .linkdescription, .review .reviewcontent {  margin: 0px 0px 5px 0px;  padding: 5px;  border: 1px solid #bbbfa1;  background: #f8faed;  overflow: hidden;}/* overflow: hidden doesn't work in ie unless the width is set */* html .linklisting .linkdescription, * html .review .reviewcontent {  width: 96%;}.linklisting p.linkactions {  margin: 0px;}.linklisting p.linkactions a, #detailed p.actions a, #jump_frame .actions a {  padding: 1px 4px;  border: 1px solid #bbbfa1;  font-size: 9px;  text-decoration: none;}.linklisting p.linkactions a:hover, #detailed p.actions a:hover, #jump_frame .actions a:hover {  background: #e2e1eb;}/* reviews */.review h4.reviewsubject {  margin: 10px 0px 0px 0px;}.review h5.reviewbyline {  margin: 0px;  font-weight: normal;}.review p.reviewer {  margin: 0px 0px 2px 0px;}.review .reviewhelpful span {  float: left;  font-size: 9px;}.review .reviewhelpful form span {  float: right;}.review .reviewhelpful input {  padding: 0px 3px;  border: 1px solid #bbbfa1;  background: #ffffff;  font-size: 9px; color: black; }/* .review p.reviewcontent => see .linklisting p.linkdescription *//* link/bookmark status icons */.new-item, .updated-item, .popular-item, .unpaid-item, .expired-item, .free-item, .bookmark-public, .bookmark-default {  background: transparent url(images/button-left.gif) top left no-repeat;  font-weight: normal;  font-size: 9px;  color: #ffffff;  vertical-align: text-top;}.new-item {  background-color: #8c3030;}.updated-item {  background-color: #c5a600;}.popular-item {  background-color: #314fb1;}.unpaid-item {  background-color: #555555;}.expired-item {  background-color: #92589c;}.free-item {  background-color: #a7a87c;}.bookmark-public {  background-color: #cc6613;}.bookmark-default {  background-color: #7fb131;}.new-item span, .updated-item span, .popular-item span, .unpaid-item span, .expired-item span, .free-item span, .bookmark-public span, .bookmark-default span {  padding: 0px 3px;  background: transparent url(images/button-right.gif) top right no-repeat;}/* paging */.paging {  text-align: right;}.paging img, .paging select, .paging input {  vertical-align: middle;}.crumb {  font-size: 9px;}/* tables */.ftable {  margin-top: 5px;  border-bottom: 3px solid #bbbfa1;  border-collapse: collapse;  width: 100%;/* ie5-5.5 don't inherit the font style properly */  font-size: 11px;}.ftable th {  background: #bbbfa1;  text-align: left;}.ftable th, .ftable td {  padding: 3px 5px;}.ftablecol {  border-right: 1px solid #bbbfa1;}/* sub headings */#content h3 {  margin: 25px 0px 0px 0px;  padding: 5px 0px 0px 0px;  border-bottom: 1px dotted #bbbfa1;}#content h3.noseparator {  border-bottom: none;}/* lists */#content ul {  margin: 10px 0px 0px 20px;  padding: 0px;  font-size: 12px;  list-style: none;}#content ul.categories {  margin: 0px;}/* forms */.row {  margin-bottom: 1px;  padding: 4px;}.row label.name {  padding-right: 5px;  width: 25%;  float: left;}.row label.name span {  color: #8c3030;}.row .value.wrappedtext {  margin-left: 25%;  padding-left: 5px;}/* hack for ie 5.5 text/textarea resizing */.row .value input.text, .row .value input.password, .row .value textarea {  width: expression(this.parentNode.offsetWidth * 0.74 + 'px');}/* the previous style causes problems with long sidebars in ie6 */.row .value input.text, .row .value input.password, .row .value textarea {  w\idth: 72%;}.row .value input.text.shorttext {  width: 100px;}.row.required {  background: #e2e1eb;}.row.invalid {  color: #8c3030;  background: #eedddd;  font-weight: bold;}.formsubmit {  margin-top: 10px;  text-align: right;}/* generic messages */.errormessage {  color: #8c3030;  font-weight: bold;}.infomessage {  color: #3a5841;  font-weight: bold;}/* treecats */#content .treecats-selection-summary ul, #content .treecats-selection ul {  margin: 0px;}.treecats-selection-summary li a, .treecats-selection li a {  margin-top: 2px;  margin-left: 5px;}.treecats-selection-summary a, .treecats-selection a {  font-size: 9px;}.treecats-selection-summary a:visited, .treecats-selection a:visited {  color: #212126;}.treecats-selection-current {  font-weight: bold;}.treecats-category-info img {  border: 0px;  padding: 2px;  vertical-align: middle;}.treecats-children {  padding-left: 15px;}.treecats-selected span, li.treecats-selected {  font-weight: bold;}.treecats-category a:link, .treecats-category a:visited {  color: #212126;  text-decoration: none;}.treecats-category a:hover {  text-decoration: underline;}#content ul.treecats-links {  padding-left: 15px;  margin: 0px;}.treecats-links li {  line-height: 1.25em;  list-style: circle;}/* search highlighting */.searchhl-1, .searchhl-2, .searchhl-3, .searchhl-4, .searchhl-5 {  font-weight: bold;}.searchhl-1 {  background: #ffff80;}.searchhl-2 {  background: #aaaaff;}.searchhl-3 {  background: #aaffaa;}.searchhl-4 {  background: #ffaaaa;}.searchhl-5 {  background: #aaffff;}/* indent */.indent1 {  margin-left: 20px;}.indent2 {  margin-left: 40px;}.indent3 {  margin-left: 60px;}.indent4 {  margin-left: 80px;}.indent5 {  margin-left: 100px;}.hide {  display: none;}.clear:after {  height: 0px;  clear: both;  display: block;  visibility: hidden;  content: ".";}.clear {  display: inline-block;}/* start non ie/mac css \*/* html .clear {  height: 1%;}.clear {  display: block;}/* end non ie/mac css *//*---------------*\|* page specific *|\*---------------*/#bookmark_list input.checkbox {  float: left;}#bookmark_list .folders .description, #bookmark_folder_view .folders .description {  margin: 0px 0px 10px 20px;}.bookmark_link .comments label {  font-weight: bold;}.bookmark_link .comments label span {  font-weight: normal;}#category dl, #home dl {  margin: 10px 0px 0px 0px;  width: 49%;  float: left;}#category dt a {  font-weight: bold;  font-size: 12px;}#category dt, #category dd, #home dt, #home dd {  margin: 0px 0px 0px 20px;}#category dd, #home dd {  padding-bottom: 10px;}#detailed p.description {  overflow: hidden;}/* ie needs a width for overflow: hidden to work */* html #detailed p.description {  width: 100%;}#detailed p.linknav {  margin: 0px;  text-align: right;}#detailed p.linknav img {  vertical-align: middle;}#detailed p.linknav a {  text-decoration: none;}#detailed p.reviewsfooter {  margin: 20px 0px 0px 0px;  text-align: right;}/* #detailed p.actions a, #detailed p.actions a:hover => see .linklisting p.linkactions a */#home dt a {  font-weight: bold;  font-size: 13px;}#home #content h4 {  margin-top: 20px;  font-weight: normal;  font-size: 14px;}/* #home dl, #home dt, #home dd, #home dd => see #category dl */#jump_frame .jumpwrapper {  height: 40px;  background: transparent url(images/swirls.gif) bottom right no-repeat;}#jump_frame img.jumplogo {  padding: 2px 0px 0px 2px;  float: left;}#jump_frame h4 {  margin: 0px;  padding: 3px 0px;}/* #jump_frame .actions a, #jump_frame .actions a:hover => see .linklisting p.actions a */#modify_select input.radio {  float: left;}#search .searchoption {  margin-top: 10px;  padding-top: 5px;  border-top: 1px dotted #bbbfa1;}/*This file inherits from luna_core.css, so styles in this file will overridestyles defined in it.  Changes to this file will NOT be overwritten duringupgrades.bbbfa1Here's a quick tutorial on overriding styles.  Say you want to change thebackground colour of the body.  Looking at luna_core.css, the colour isdefined in the rule:    body {      margin: 0px;      padding: 0px;      color: #33332e;      background: #ffffff;      font: normal 11px tahoma, geneva, verdana, sans-serif;      text-align: center;    }To change the background colour of white (#ffffff) to gray (#dddddd), you wouldadd the following to this file:    body {      background: #ffffff;    }If you also wanted to change the font as well as the background, then you coulduse:    body {      background: #dddddd;      font: normal 12px times new roman;    }Also note that every template's body id is assigned the template name (withoutthe .html extension).  So if you want to change the h2 heading in thecategory.html template, you can do this by:    #category h2 {       color: red;       font-weight: bold;     }To start you off, some sample overriding styles have been provided below.  Notethat you will have to uncomment the rules for them to work.*/body {      background-image: url(images/bg_grad.jpg);     background-attachment: fixed; }/*body {BACKGROUND-image: url(images/bg_grad.jpg) #cccccc fixed ;}*//* links */a {  color: #000000;}a:visited {  color: #000000;}a {text-decoration:none}/* body {      background: #eeeeee;    }*//* Logo size and image source */#logo {  width: 950px;  height: 80px; background-image: url(images/logo.jpg); }#header {  background: none;}.reviewcontentrefute {  margin: 0px 0px 5px 0px;  padding: 5px;  border: 1px solid #bbbfa1;  background: #FFFF99;  overflow: hidden;  font-style: italic; }.andystyle { border: 2px #ffffff solid; background: #eeeeee;  padding: 5px;}.andystyle2 { border: 2px #ffffff solid; background: #edf2cb;  padding: 5px;}.andystyle3 { border: 1px #FF9500 solid;  background:url(http://www.chambresdhotes.org/carttransparent.gif) left no-repeat;  padding: 5px;}.andystyle4 { border: 1px #FF9500 solid;  background:url(http://www.chambresdhotes.org/carttransparent2.gif) left no-repeat;  padding: 5px;}/* link/bookmark status icons */.new-item, .updated-item, .popular-item, .unpaid-item, .ajouter-review-item, .donner-note-item, .expired-item, .free-item, .bookmark-public, .bookmark-default {  background: transparent url(images/button-left.gif) top left no-repeat;  font-weight: normal;  font-size: 10px;  color: #ffffff;  vertical-align: text-top;}.new-item {  background-color: #8c3030;}.updated-item {  background-color: #c5a600;}.popular-item {  background-color: #314fb1;}.unpaid-item {  background-color: #555555;}.expired-item {  background-color: #92589c;}.ajouter-review-item {  background-color: #92589c;  font-size: 15px;}.donner-note-item {  background-color: #8c3030;  font-size: 15px;}.free-item {  background-color: #a7a87c;}.bookmark-public {  background-color: #cc6613;}.bookmark-default {  background-color: #7fb131;}.new-item span, .updated-item span, .popular-item span, .unpaid-item span, .expired-item span, .free-item span, .bookmark-public span, .bookmark-default span {  padding: 0px 3px;  background: transparent url(images/button-right.gif) top right no-repeat;}.crumb {  font-size:13px;  font-style: italic;}/*this is css for rounded corners*/.whiteBox {	 BACKGROUND: #ffffff }.whiteBox .whiteHeader {	BACKGROUND: url(http://www.chambresdhotes.org/links/static/luna/images/RoundedCorner/white_blue_TR.png) #ffffff no-repeat 100% 0pt; HEIGHT: 8px; OVERFLOW: hidden}.whiteBox .whiteHeader DIV {	WIDTH: 8px; BACKGROUND: url(http://www.chambresdhotes.org/links/static/luna/images/RoundedCorner/white_blue_TL.png) #ffffff no-repeat 100% 0pt; HEIGHT: 8px; OVERFLOW: hidden}.whiteBox .whiteFooter {	TEXT-ALIGN: left; BACKGROUND: url(http://www.chambresdhotes.org/links/static/luna/images/RoundedCorner/white_blue_BR.png) #ffffff no-repeat 100% 0pt; HEIGHT: 8px; OVERFLOW: hidden}.whiteBox .whiteFooter DIV {	WIDTH: 8px; BACKGROUND: url(http://www.chambresdhotes.org/links/static/luna/images/RoundedCorner/white_blue_BL.png) #ffffff no-repeat 100% 0pt; HEIGHT: 8px; OVERFLOW: hidden}.blueBox {	BACKGROUND: #e2e2e2}.blueBox .blueHeader {	BACKGROUND: url(http://www.chambresdhotes.org/links/static/luna/images/RoundedCorner/blue_white_TR.png) no-repeat 100% 0pt; HEIGHT: 8px; OVERFLOW: hidden}.blueBox .blueHeader DIV {	WIDTH: 8px; BACKGROUND: url(http://www.chambresdhotes.org/links/static/luna/images/RoundedCorner/blue_white_TL.png) no-repeat 100% 0pt; HEIGHT: 8px; OVERFLOW: hidden}.blueBox .blueFooter {	BACKGROUND: url(http://www.chambresdhotes.org/links/static/luna/images/RoundedCorner/blue_white_BR.png) no-repeat 100% 0pt; HEIGHT: 8px; OVERFLOW: hidden}.blueBox .blueFooter DIV {	WIDTH: 8px; BACKGROUND: url(http://www.chambresdhotes.org/links/static/luna/images/RoundedCorner/blue_white_BL.png) no-repeat 100% 0pt; HEIGHT: 8px; OVERFLOW: hidden}.lightblueBox {	BACKGROUND: url(http://www.chambresdhotes.org/links/static/luna/images/RoundedCorner/lightblue_white_T.png) repeat-x right top}.lightblueBox .lightblueHeader {	BACKGROUND: url(http://www.chambresdhotes.org/links/static/luna/images/RoundedCorner/lightblue_white_TL.png) no-repeat left top; HEIGHT: 8px}.lightblueBox .lightblueHeader DIV {	BACKGROUND: url(http://www.chambresdhotes.org/links/static/luna/images/RoundedCorner/lightblue_white_TR.png) no-repeat right top; HEIGHT: 8px}.lightblueBox .lightblueFooter {	BACKGROUND: url(http://www.chambresdhotes.org/links/static/luna/images/RoundedCorner/lightblue_white_B.png) repeat-x left bottom; HEIGHT: 8px}.lightblueBox .lightblueFooter DIV {	BACKGROUND: url(http://www.chambresdhotes.org/links/static/luna/images/RoundedCorner/lightblue_white_BL.png) no-repeat left bottom; HEIGHT: 8px}.lightblueBox .lightblueFooter DIV DIV {	BACKGROUND: url(http://www.chambresdhotes.org/links/static/luna/images/RoundedCorner/lightblue_white_BR.png) no-repeat right bottom}.lightblueBox .boxContent {	BORDER-LEFT: #ddddff 1px solid; BACKGROUND: #eeeeff; BORDER-RIGHT: #ddddff 1px solid}.mediumblueBox {	BACKGROUND: url(http://www.chambresdhotes.org/links/static/luna/images/RoundedCorner/mediumblue_white_T.png) repeat-x right top}.mediumblueBox .mediumblueHeader {	BACKGROUND: url(http://www.chambresdhotes.org/links/static/luna/images/RoundedCorner/mediumblue_white_TL.png) no-repeat left top; HEIGHT: 8px}.mediumblueBox .mediumblueHeader DIV {	BACKGROUND: url(http://www.chambresdhotes.org/links/static/luna/images/RoundedCorner/mediumblue_white_TR.png) no-repeat right top; HEIGHT: 8px}.mediumblueBox .mediumblueFooter {	BACKGROUND: url(http://www.chambresdhotes.org/links/static/luna/images/RoundedCorner/mediumblue_white_B.png) repeat-x left bottom; HEIGHT: 8px}.mediumblueBox .mediumblueFooter DIV {	BACKGROUND: url(http://www.chambresdhotes.org/links/static/luna/images/RoundedCorner/mediumblue_white_BL.png) no-repeat left bottom; HEIGHT: 8px}.mediumblueBox .mediumblueFooter DIV DIV {	BACKGROUND: url(http://www.chambresdhotes.org/links/static/luna/images/RoundedCorner/mediumblue_white_BR.png) no-repeat right bottom}.mediumblueBox .boxContent {	BORDER-LEFT: #e2e2e2 1px solid; BACKGROUND: #ffffff; BORDER-RIGHT: #e2e2e2 1px solid}.mediumblueBox .boxHeader {	BORDER-LEFT: #e2e2e2 1px solid; BACKGROUND: #ffffff; BORDER-RIGHT: #e2e2e2 1px solid}.boxContent {	PADDING-BOTTOM: 2px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; PADDING-TOP: 10px}#sidecontent {	BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; MARGIN-BOTTOM: 10px; BACKGROUND: #fff; BORDER-TOP: 0px; BORDER-RIGHT: 0px}.sidecontent {	LINE-HEIGHT: 130%; MARGIN-BOTTOM: 10px; FONT-SIZE: 12px}/*end css for rounded corners*/.searchbar2 {  margin-bottom: 3px;  padding: 5px 10px;  border-bottom: 1px solid #57594b;  background: #eeeeee;}.box { border: 1px #000000 solid; background: #eeeeee;  font-style: bold;  font-size: 11px; width: 50px; height: 60px;float: right;}.linklisting p.linkactions a, #detailed p.actions a, #jump_frame .actions a {  padding: 1px 4px;  border: 1px solid #000000;  font-size: 11px;  text-decoration: none;}.linklisting p.linkactions a:hover, #detailed p.actions a:hover, #jump_frame .actions a:hover {  background: #e2e1eb;}.offer_block h3 {		padding: 4px 4px 0px 4px;		margin: 0px;		margin-top: 15px;		width: 590px;		background: #FF9933;	}.offer_contents {		padding: 4px 4px 4px 4px; 		width: 588px;		border-left: 1px dashed #CDD11B;		border-right: 1px dashed #CDD11B;		border-bottom: 1px dashed #CDD11B;	}#content {  width: 750px;  margin: 0px 10px;  padding: 10px;  background: #DADADA;}#contentregion {  width: 930px;}#contentregion {  margin: 0px 0px;  padding: 10px;  background: #DADADA;}#ocwrapperregion {  border-left-width: 0px;}/*Related department links resized here */#contentwrapper {FONT-SIZE: small; COLOR: #000000; FONT-FAMILY: arial;  TEXT-ALIGN: justify; TEXT-DECORATION: none;}/* If the height of your logo changes from the original, then you will probablywant to also change the vertical position of the login link *//*#loginbar a {  margin-top: 25px;}*/#contentheader .error, #contentheader .message {  margin: 0px 150px 0px 200px;}/* Hide the right sidebar */#ocwrapper {  border-right-width: 0px;}#rightsidebar {  display: none;}#contentheader .error, #contentheader .message {  margin: 0px;}/* Change the right sidebar width.  Note that the sidebars have a 10px left orright padding (left sidebar has a left padding and right sidebar has a rightpadding), hence the 150px - 10px = 140px width *//*#ocwrapper {  border-right-width: 150px;}#rightsidebar {  margin-right: -150px;  width: 140px;}#contentheader .error, #contentheader .message {  margin: 0px 150px 0px 0px;}*//* Change width of document */#wrapper {  width: 950px;}/*This is jumpwrapper for external frame*//*#jump_frame .jumpwrapper {  height: 40px;  background: transparent url(images/swirls.gif) bottom right no-repeat;}#jump_frame img.jumplogo {  padding: 2px 0px 0px 2px;  float: left;}*/#jump_frame .jumpwrapper {  height: 80px;  }/* This is to change area for related links inserted by me *//* Show the left sidebar */#ocwrapper {        border-left-width: 160px;}#leftsidebar {  margin-left: -160px;    width: 150px;  float: left;  position: relative;  display: block;    background: #eeeeee;  FONT-SIZE: small; COLOR: #000000; FONT-FAMILY: arial; TEXT-ALIGN: justify; TEXT-DECORATION: none;}/* Don't want the shadows? */.shadowtop, .shadowbottom, .shadowleft, .shadowright {  background: none;}.shadowtopleft, .shadowtopright, .shadowbottomleft, .shadowbottomright {  width: auto;  height: auto;  float: none;  background: none;}/* If you change the globals category_cols or home_category_cols, then you willneed to change the width of the columns themselves.  Note that IE sometimes hasproblems if this value adds up to 100%, so keep the width a little under 100%.For example, if you changed category_cols to 3, then this example would setthe width of the columns to 33% (99% total).  If you want to change the columnson the home page as well, then remember to set a rule for "#home dl" as well. *//*#category dl {  width: 33%;}*/.linklisting .phone{  font-size: 9px;  text-decoration: none;}#lightbox{	position: absolute;	left: 0;	width: 100%;	z-index: 100;	text-align: center;	line-height: 0;	}#lightbox a img{ border: none; }#outerImageContainer{	position: relative;	background-color: #fff;	width: 250px;	height: 250px;	margin: 0 auto;	}#imageContainer{	padding: 10px;	}#loading{	position: absolute;	top: 40%;	left: 0%;	height: 25%;	width: 100%;	text-align: center;	line-height: 0;	}#hoverNav{	position: absolute;	top: 0;	left: 0;	height: 100%;	width: 100%;	z-index: 10;	}#imageContainer>#hoverNav{ left: 0;}#hoverNav a{ outline: none;}#prevLink, #nextLink{	width: 49%;	height: 100%;	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */	display: block;	}#prevLink { left: 0; float: left;}#nextLink { right: 0; float: right;}#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }#imageDataContainer{	font: 10px Verdana, Helvetica, sans-serif;	background-color: #fff;	margin: 0 auto;	line-height: 1.4em;	overflow: auto;	width: 100%		}#imageData{	padding:0 10px; color: #666; }#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	#imageData #caption{ font-weight: bold;	}#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}			#overlay{	position: absolute;	top: 0;	left: 0;	z-index: 90;	width: 100%;	height: 500px;	background-color: #000;	}/* SLIMBOX */#lbOverlay {	position: absolute;	left: 0;	width: 100%;	background-color: #000;	cursor: pointer;}		#lbCenter, #lbBottomContainer {	position: absolute;	left: 50%;	overflow: hidden;	background-color: #fff;}.lbLoading {	background: #fff url(http://www.chambresdhotes.org/js/loading.gif) no-repeat center;}#lbImage {	position: absolute;	left: 0;	top: 0;	border: 10px solid #fff;	background-repeat: no-repeat;}#lbPrevLink, #lbNextLink {	display: block;	position: absolute;	top: 0;	width: 50%;	outline: none;}#lbPrevLink {	left: 0;}#lbPrevLink:hover {	background: transparent url(http://www.chambresdhotes.org/js/prevlabel.gif) no-repeat 0% 15%;}#lbNextLink {	right: 0;}#lbNextLink:hover {	background: transparent url(http://www.chambresdhotes.org/js/nextlabel.gif) no-repeat 100% 15%;}#lbBottom {	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;	font-size: 10px;	color: #666;	line-height: 1.4em;	text-align: left;	border: 10px solid #fff;	border-top-style: none;}#lbCloseLink {	display: block;	float: right;	width: 66px;	height: 22px;	background: transparent url(http://www.chambresdhotes.org/js/closelabel.gif) no-repeat center;	margin: 5px 0;}#lbCaption, #lbNumber {	margin-right: 71px;}#lbCaption {	font-weight: bold;}/* ----------------------------------------------------------------------------------------------------------------*//* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*//* ----------------------------------------------------------------------------------------------------------------*//* ----------------------------------------------------------------------------------------------------------------*//* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*//* ----------------------------------------------------------------------------------------------------------------*/#TB_window {	font: 12px Arial, Helvetica, sans-serif;	color: #333333;}#TB_secondLine {	font: 10px Arial, Helvetica, sans-serif;	color:#666666;}#TB_window a:link {color: #666666;}#TB_window a:visited {color: #666666;}#TB_window a:hover {color: #000;}#TB_window a:active {color: #666666;}#TB_window a:focus{color: #666666;}/* ----------------------------------------------------------------------------------------------------------------*//* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*//* ----------------------------------------------------------------------------------------------------------------*/#TB_overlay {	position: fixed;	z-index:100;	top: 0px;	left: 0px;	height:100%;	width:100%;}.TB_overlayMacFFBGHack {background: url(http://www.chambresdhotes.org/thickbox/macFFBgHack.png) repeat;}.TB_overlayBG {	background-color:#000;	filter:alpha(opacity=75);	-moz-opacity: 0.75;	opacity: 0.75;}* html #TB_overlay { /* ie6 hack */     position: absolute;     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}#TB_window {	position: fixed;	background: #ffffff;	z-index: 102;	color:#000000;	display:none;	border: 4px solid #525252;	text-align:left;	top:50%;	left:50%;}* html #TB_window { /* ie6 hack */position: absolute;margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}#TB_window img#TB_Image {	display:block;	margin: 15px 0 0 15px;	border-right: 1px solid #ccc;	border-bottom: 1px solid #ccc;	border-top: 1px solid #666;	border-left: 1px solid #666;}#TB_caption{	height:25px;	padding:7px 30px 10px 25px;	float:left;}#TB_closeWindow{	height:25px;	padding:11px 25px 10px 0;	float:right;}#TB_closeAjaxWindow{	padding:7px 10px 5px 0;	margin-bottom:1px;	text-align:right;	float:right;}#TB_ajaxWindowTitle{	float:left;	padding:7px 0 5px 10px;	margin-bottom:1px;}#TB_title{	background-color:#e8e8e8;	height:27px;}#TB_ajaxContent{	clear:both;	padding:2px 15px 15px 15px;	overflow:auto;	text-align:left;	line-height:1.4em;}#TB_ajaxContent.TB_modal{	padding:15px;}#TB_ajaxContent p{	padding:5px 0px 5px 0px;}#TB_load{	position: fixed;	display:none;	height:13px;	width:208px;	z-index:103;	top: 50%;	left: 50%;	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */}* html #TB_load { /* ie6 hack */position: absolute;margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}#TB_HideSelect{	z-index:99;	position:fixed;	top: 0;	left: 0;	background-color:#fff;	border:none;	filter:alpha(opacity=0);	-moz-opacity: 0;	opacity: 0;	height:100%;	width:100%;}* html #TB_HideSelect { /* ie6 hack */     position: absolute;     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}#TB_iframeContent{	clear:both;	border:none;	margin-bottom:-1px;	margin-top:1px;	_margin-bottom:1px;}#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}#cboxOverlay{position:fixed; width:100%; height:100%;}#cboxMiddleLeft, #cboxBottomLeft{clear:left;}#cboxContent{position:relative;}#cboxLoadedContent{overflow:auto;}#cboxTitle{margin:0;}#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}.cboxPhoto{float:left; margin:auto; border:0; display:block;}.cboxIframe{width:100%; height:100%; display:block; border:0;}#cboxOverlay{background:url(/scripts/images/overlay.png) repeat 0 0;}#colorbox{}    #cboxTopLeft{width:21px; height:21px; background:url(/scripts/images/controls.png) no-repeat -100px 0;}    #cboxTopRight{width:21px; height:21px; background:url(/scripts/images/controls.png) no-repeat -129px 0;}    #cboxBottomLeft{width:21px; height:21px; background:url(/scripts/images/controls.png) no-repeat -100px -29px;}    #cboxBottomRight{width:21px; height:21px; background:url(/scripts/images/controls.png) no-repeat -129px -29px;}    #cboxMiddleLeft{width:21px; background:url(/scripts/images/controls.png) left top repeat-y;}    #cboxMiddleRight{width:21px; background:url(/scripts/images/controls.png) right top repeat-y;}    #cboxTopCenter{height:21px; background:url(/scripts/images/border.png) 0 0 repeat-x;}    #cboxBottomCenter{height:21px; background:url(/scripts/images/border.png) 0 -29px repeat-x;}    #cboxContent{background:#fff; overflow:hidden;}        #cboxError{padding:50px; border:1px solid #ccc;}        #cboxLoadedContent{margin-bottom:28px;}        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(/scripts/images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}        #cboxPrevious.hover{background-position:-75px -25px;}        #cboxNext{position:absolute; bottom:0; left:27px; background:url(/scripts/images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}        #cboxNext.hover{background-position:-50px -25px;}        #cboxLoadingOverlay{background:url(/scripts/images/loading_background.png) no-repeat center center;}        #cboxLoadingGraphic{background:url(/scripts/images/loading.gif) no-repeat center center;}        #cboxClose{position:absolute; bottom:0; right:0; background:url(/scripts/images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}        #cboxClose.hover{background-position:-25px -25px;}.cboxIE #cboxTopLeft,.cboxIE #cboxTopCenter,.cboxIE #cboxTopRight,.cboxIE #cboxBottomLeft,.cboxIE #cboxBottomCenter,.cboxIE #cboxBottomRight,.cboxIE #cboxMiddleLeft,.cboxIE #cboxMiddleRight {    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);}.cboxIE6 #cboxTopLeft{background:url(/scripts/images/ie6/borderTopLeft.png);}.cboxIE6 #cboxTopCenter{background:url(/scripts/images/ie6/borderTopCenter.png);}.cboxIE6 #cboxTopRight{background:url(/scripts/images/ie6/borderTopRight.png);}.cboxIE6 #cboxBottomLeft{background:url(/scripts/images/ie6/borderBottomLeft.png);}.cboxIE6 #cboxBottomCenter{background:url(/scripts/images/ie6/borderBottomCenter.png);}.cboxIE6 #cboxBottomRight{background:url(/scripts/images/ie6/borderBottomRight.png);}.cboxIE6 #cboxMiddleLeft{background:url(/scripts/images/ie6/borderMiddleLeft.png);}.cboxIE6 #cboxMiddleRight{background:url(/scripts/images/ie6/borderMiddleRight.png);}.cboxIE6 #cboxTopLeft,.cboxIE6 #cboxTopCenter,.cboxIE6 #cboxTopRight,.cboxIE6 #cboxBottomLeft,.cboxIE6 #cboxBottomCenter,.cboxIE6 #cboxBottomRight,.cboxIE6 #cboxMiddleLeft,.cboxIE6 #cboxMiddleRight {    _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");} 
.submit {
	font-size: 18px;
	background: green;
	color: white;
}