body {
  margin: 0px;
  padding: 0px;
  text-align: center;
  font-family: "lucida grande",tahoma,verdana,arial,sans-serif; /* Arial,Helvetica,sans-serif; */
  font-size: 12px;
  color: #000000;
  height: 100%;
}
table {
/*  font-family: Arial,Helvetica,sans-serif;*/
  font-size: 12px;
  border-collapse : collapse;
}
img {
  border: 0;
  margin: 0;
  padding: 0;
  outline: none;
}
form,fieldset {
  border: 0;
  margin: 0;
  padding: 0;
  outline: none;
}
input,textarea,select {
  font-size: 12px;
/*  font-family: Arial,Helvetica,sans-serif; */
}

h1, h2, h3, h4, table {
  margin: 0;
  margin-bottom: 5px;
  padding: 0;
}

p {
  margin: 0;
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 0;
  text-align : left;
}

h1 {
  font-size: 26px;
}
h2 {
  font-size: 20px;
  margin-top: 10px;
}
h3 {
  font-size: 16px;
  margin: 0;
  padding: 0;
}
hr {
  height: 1px;
  border: none;
  border-top: 1px solid #C0C7CD;
}
a {
  color: #3F94D5; /*#0489B7; /*#7B1535;*/
}
a:link {
  text-decoration : none;
  font-weight : normal;
  outline: none;
}
a:active {
  text-decoration : none;
  font-weight : normal;
  outline: none;
}
a:visited {
  text-decoration : none;
  font-weight : normal;
  outline: none;
}
a:hover {
  text-decoration : underline;
  font-weight : normal;
  outline: none;
}

a img {
  border : 0 none;
}
hr {
  border: none 0;
  height : 1px;
  background : #C0C7CD;
  color : #C0C7CD;
  /*border-bottom: 1px solid #C0C7CD;*/
}
pre {
  border: 1px solid #CECECE;
  padding: 5px;
  background-color: #DEDEDE;
}

/*
input,select,textarea {
  border : 1px solid #dddede;
  padding : 3px;
}
input.button {
  background-color : #00b0d8;
  color : #ffffff;
  border:1px outset #DDDEDE;
  padding-bottom : 2px;
}
input.button:active {
  border:1px inset #DDDEDE;
}
*/

/* Input elements */
input,select,textarea {
  padding : 0;
  margin : 0;
  border : 1px solid #C0C7CD;
  padding : 3px;
  color : #000000;
}

  /* Text fields */
  textarea {
    background : #ffffff url('/img/text_back.gif') repeat-x top;
    overflow : auto;
  }

  input.text {
    background : #ffffff url('/img/text_back.gif') repeat-x top;
  }
  input.text[disabled], textarea[disabled] {
    background-color: #F1F1F1;
    background-image: none;
    color : #777777;
    cursor : default;
  }

  /* Buttons - style matching jQuery ui reedmond style, with custom img background */
  input.button {
    font-weight: bold;
    border: 1px solid #79b7e7;
    background: #dfeffc url(/img/button_back.png) 50% 50% repeat-x;
    color: #2e6e9e;
    outline: none;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
  }
  input.button:hover {
    border: 1px solid #1b8be2;
    color: #1b8be2;
  }
  input.button:active {
    border: 1px solid #1b8be2;
    background: #d0e5f5 url(/img/button_back_active.png) 50% 50% repeat-x;
    color: #1d5987;
    outline: none;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
  }

  input.button[disabled] {
    color: #AAA;
    background: #EEE;
    cursor : default;
    border: 1px solid #aaa;
  }
  input.button[disabled]:active {
    background: #EEE;
  }

  /* Checkbox */
  input.checkbox {
    border : 0 none;
  }


/*
 * CLASSES
 */

.left {
  text-align : left;
}

.center {
  text-align : center;
}

.right {
  text-align : right;
}
.middle {
  vertical-align: middle;
}
.nospace {
  margin : 0;
  padding : 0;
}
.ingress {
  font-weight: bold;
}

.hidden {
  display: none;
}

.buttonbar {
  margin-top : 10px;
  text-align : right;
}
.buttonbar input {
}
.buttonbar input.defaultButton {
  width : 70px;
}
.fullWidth {
  width: 100%;
}
.width100 {
  width: 100px;
}
fieldset.edit {
  background-color : #f1f1f1;
}

input.disabled, textarea.disabled {
  background : #ebeced;
  cursor : default;
}

input.accept {
  background-image : url('gfx/icons/accept.png');
}

.headerLinkRightAligned {
  float: right;
  margin: 7px 7px 0 0;
}

.popupDialog {

}
.popupDialog h1 {
  color:#525856;
  font-size:18px;
  font-weight:bold;
  margin-bottom:5px;
}
.popupDialog input.text {
  width : 100%;
}
p.iconIndent {
  margin-left: 20px;
}
.indent {
  margin-left : 5px;
}

/*
 * HEADER
 */

#BisRoomHeader {
  position: relative;
  height: 55px;
  margin: 0px auto;
  text-align: left;
  /*background-color : #00b0d8;*/
  /*background-color : #52718b;*/
  /*background-color : #B5CBD6;*/
  width : 960px;
  margin-top : 10px;
}
#BisRoomHeaderInner {
  position : absolute;
  top : 0px;
  left : 0px;
  height : 55px;
  width : 960px;
  z-index : 1;
  border: 1px solid #C0C7CD;
  background-image: url(http://images.bisroom.com/background/pattern3.png);
  background-repeat: repeat-x;
  
}
#BisRoomHeaderShadow {
  position : absolute;
  top : -12px;
  left : -12px;
  z-index : 0;
}
#BisRoomHeader #BisRoomHeaderTL {
  position : absolute;
  top : 0px;
  left : 0px;
}
#BisRoomHeader #BisRoomHeaderTR {
  position : absolute;
  top : 0px;
  right : 0px;
}
#BisRoomHeader #BisRoomHeaderBL {
  position : absolute;
  bottom : 0px;
  left : 0px;
}
#BisRoomHeader #BisRoomHeaderBR {
  position : absolute;
  bottom : 0px;
  right : 0px;
}
#BisRoomHeaderLogo {
  position: absolute;
  top: 12px;
  left: 10px;
}
#BisRoomHeaderLogo a {
}
#BisRoomHeaderLinks {
  position : absolute;
  top : 14px;
  right : 20px;
}
a.BisRoomHeaderLink {
  background-color: #7B1535; 
  color: #FFFFFF;
  float: left;
  display: block;
  width: 100px;
  text-align: center;
  margin-left: 5px;
  height: 25px;
  line-height: 23px;
}
#BisRoomHeaderLogin {
  width: 390px;
  position : absolute;
  top : 14px;
  right : 0px;
  /*line-height : 55px;*/
  height : 55px;
  /*padding-right : 10px;*/
  padding-right : 70px
}
#BisRoomHeaderLogin form {
  display : inline;
  margin-left : 10px;
}
#BisRoomHeaderLogin input.text {
  width : 150px;
}
#BisRoomHeaderLogin input.text.password {
  width : 100px;
}

/* Good browsers : */
html>body #BisRoomHeaderLogin input.button {
  background : #931d36;
  color : #fff;
  margin-left : 5px;
  padding-top : 0px; /*Firefox only ?*/
  position : absolute;
  top : 0px;
}
/* Bad browsers */
#BisRoomHeaderLogin input.button {
  background : #931d36;
  color : #fff;
  margin-left : 5px;
  padding-top : 3px; 
  position : absolute;
  top : 1px;
}

/*
 * HEADER MENU
 */

#BisRoomHeaderMenu {
  width: 630px;
  height: 55px;
  line-height : 55px;
  margin: 0px auto;
  color: #FFFFFF;
  overflow: hidden;
  left : 167px;
  position : absolute;
  top : 0px;
}

#BisRoomHeaderMenu h1 {
  color : #525856;
}
.BisRoomHeaderMenuBox {
  margin-left : 10px;
  margin-right : 10px;
  float: left;
}
#BisRoomHeaderMenu a {
  /*color: #FFFFFF;*/
  /*color : #eaf0f5;*/
  color : #8696A4;
  float: left;
  display: block;
  font-size: 14px;
  font-weight : bold;
}
#BisRoomHeaderMenu a:link {
  text-decoration : none;
  outline: none;
}
#BisRoomHeaderMenu a:active {
  text-decoration : none;
  outline: none;
}
#BisRoomHeaderMenu a:visited {
  text-decoration : none;
  outline: none;
}
#BisRoomHeaderMenu a:hover {
  text-decoration : underline;
  outline: none;
}
.BisRoomHeaderMenuBox.small {
  margin-left : 0px;
  padding-top : 1px;
}
#BisRoomHeaderMenu .small a {
  font-weight : normal;
  font-size : 10px;
}

/*
 * USER MENU
 */

#BisRoomUserMenu {
  position : absolute;
  right : 20px;
  top : 0px;
  height : 55px;
  line-height : 55px;
  font-size : 10px;
}
#BisRoomUserMenu a {
  /*color : #ffffff;*/
  color : #8696A4;
  margin-left : 10px;
}
div.leftPanelSpacer {
  border-top:1px solid #C0C7CD; 
  color: #5A5B5E; 
  font-size: 9px;
  margin-top: 10px; 
  height: 15px; 
  text-align: center;
}

/*
 * CONTENT
 */

#BisRoomContent, #addressSearch, #innerDiv {
  position: relative;
  top: 20px;
  width: 960px;
  height: 20px;
  margin: 0px auto;
  text-align: left;
}

#innerDiv {
  padding: 15px;
}

#BisRoomContent h1 {
  font-weight : bold;
  font-size : 18px;
/*  color : #525856;*/
  margin-bottom : 5px;
}

#BisRoomContent h2 {
  font-weight : bold;
  font-size : 16px;
  color : #000000;
  margin-bottom : 5px;
}

#BisRoomContent .line {
  width : 638px;
  height : 20px;
  margin-left : -16px;
  background : url('/img/border-shadow.png') repeat-x bottom;

  position: absolute;  /* This makes it look good in IE */
  margin-top: -30px;
}

/* For browser which does a good job.. :-) */
html>body #BisRoomContent .line {
  position: static;
  margin-top: 0;
}

#BisRoomContent ul.subMenu {
  list-style-type: none;
  margin: 0;
  padding: 0;
  color: #B5B8C8;
  margin-top : -10px;
  margin-bottom: 30px; /* This will press content down in IE as the line is absolute */
}

/* For browser which does a good job.. :-) */
html>body #BisRoomContent ul.subMenu {
  margin-bottom: 0;
}
  
  #BisRoomContent ul.subMenu li {
    display: inline;
    margin-right: 3px;
    padding-right: 3px;
    border-right: 1px solid #666666;
  }
  
    #BisRoomContent ul.subMenu li.lastElement {
      border-right: none;
    }

    #BisRoomContent div#editSubMenu {
      height : 52px;
      margin-top : -5px;
      margin-left : -5px;
      margin-bottom: 40px; /* This will press content down in IE as the line is absolute */
    } 

    html>body #BisRoomContent div#editSubMenu {
      margin-bottom : 10px;
    }
    #BisRoomContent div#editSubMenu div {
      float : left;
      width : 140px;
      height : 20px;
      line-height : 20px;
      margin-bottom : 5px;
      padding : 2px;
      position : relative;
    }
    #BisRoomContent div#editSubMenu div a {
      display : block;
      padding-left : 24px;
    }
    #BisRoomContent div#editSubMenu div img {
      position : absolute;
      left : 4px;
      top : 3px;
    }
    #BisRoomContent div#editSubMenu div.active {
    /*
      background-color : #C6D9F1;
      -moz-border-radius : 5px;
      */
      -moz-border-radius:5px; /* Firefox */
      -webkit-border-radius:5px; /* Safari and chrome */
      -khtml-border-radius:5px; /* Linux browser (Konqueror..) */
      border-radius: 5px; /* CSS3 */
      background: transparent url('/img/menuitem_back.png') 0 0;
      -moz
    }
    #BisRoomContent div#editSubMenu div.active a {
      color : #000000;
    }


#BisRoomContent fieldset,
#innerDiv form fieldset,
#addressSearch form fieldset {
  padding: 15px;
  padding-top : 5px;
  margin-bottom: 10px;
  border: 1px solid #DDDEDE;
}

#BisRoomContent legend,
#innerDiv form legend,
#addressSearch form legend {
  color : #52718B;
  font-size : 18px;
}

#BisRoomContent form legend.black {
  color: #000000;
}

  #innerDiv table tr td,
  #addressSearch table tr td {
    padding-left: 0px;
  }

  #BisRoomContent table tr td.companyInfoLabelWidth {
    width: 130px;
  }
  
  #BisRoomContent table tr td.openingHoursLabelWidth,
  #BisRoomContent table tr td.logoLableWidth,
  #BisRoomContent table tr td.facadeImageLableWidth {
    width: 100px;
  }

  fieldset label {
    color: #5A5B5E;
  }


/*
 * PANEL
 */
#BisRoomContentPanelLeft {
  position: absolute;
  top: -7px;
  left: 0;
  width: 140px;
  height : 420px;
  padding : 10px;
  border-top : 1px solid #C0C7CD;
  border-bottom : 1px solid #C0C7CD;
  border-left : 1px solid #C0C7CD;
  color : #5A5B5E;
  -moz-border-radius-bottomleft:10px;
  -moz-border-radius-topleft:10px;
  -webkit-border-bottom-left-radius:10px;
  -webkit-border-top-left-radius:10px;
  -khtml-border-bottom-left-radius:10px;
  -khtml-border-top-left-radius:10px;
  border-bottom-left-radius:10px;
  border-top-left-radius:10px;
}
#BisRoomContentPanelLeft .firstChild {
  position: absolute;
  top: -5px;
}
#BisRoomContentPanelCenter {
  position: absolute;
  top: -7px;
  left: 160px;
  width: 604px;
  padding : 18px;
  padding-left : 16px;
  padding-top : 16px;
  padding-bottom: 10px;
  background-color : #f1f1f1;
  border-left : 1px solid #C0C7CD;
  border-top : 1px solid #C0C7CD;
  border-bottom : 1px solid #C0C7CD;
  border-right : 1px solid #C0C7CD;

  /* Fixes min-height for all browsers */
  min-height : 420px;
  height:auto !important;
  height : 420px;
  /* Rounded corners */
  -moz-border-radius-bottomleft:10px;
  -moz-border-radius-bottomright:10px;
  -webkit-border-bottom-left-radius:10px;
  -webkit-border-bottom-right-radius:10px;
  -khtml-border-bottom-left-radius:10px;
  -khtml-border-bottom-right-radius:10px;
  border-bottom-left-radius:10px;
  border-bottom-right-radius:10px;
}
#BisRoomContentPanelRight {
  position: absolute;
  top: -7px;
  right: -1px;
  width: 140px;
/*  height : 420px;*/
  padding : 10px;
  border-top : 1px solid #C0C7CD;
  border-bottom : 1px solid #C0C7CD;
  border-right: 1px solid #C0C7CD;
  color : #5A5B5E;
  -moz-border-radius-bottomright:10px;
  -moz-border-radius-topright:10px;
  -webkit-border-bottom-right-radius:10px;
  -webkit-border-top-right-radius:10px;
  -khtml-border-bottom-right-radius:10px;
  -khtml-border-top-right-radius:10px;
  border-bottom-right-radius:10px;
  border-top-right-radius:10px;
  overflow: hidden;
}

#BisRoomContentPanelLeftCenter {
  position: absolute;
  top: -7px;
  left: 0;
  width: 762px;
  padding: 18px;
  /* Fixes min-height for all browsers */
  min-height : 480px;
  height:auto !important;
  height : 420px;
  /* Rounded corners */
  border: 1px solid #C0C7CD;
  -moz-border-radius-bottomleft:10px;
  -moz-border-radius-bottomright:10px;
  -moz-border-radius-topleft:10px;
  -webkit-border-bottom-left-radius:10px;
  -webkit-border-bottom-right-radius:10px;
  -webkit-border-top-left-radius:10px;
  -khtml-border-bottom-left-radius:10px;
  -khtml-border-bottom-right-radius:10px;
  -khtml-border-top-left-radius:10px;
  border-bottom-left-radius:10px;
  border-bottom-right-radius:10px;
  border-top-left-radius:10px;
}
#BisRoomContentPanelCenterRight {
  position: absolute;
  top: -7px;
  left: 160px;
  width: 766px;
  padding : 18px;
  padding-left : 16px;
  padding-top : 16px;
  padding-bottom: 10px;
  background-color : #f1f1f1;
  border-left : 1px solid #C0C7CD;
  border-top : 1px solid #C0C7CD;
  border-bottom : 1px solid #C0C7CD;
  border-right : 1px solid #C0C7CD;

  /* Fixes min-height for all browsers */
  min-height : 420px;
  height:auto !important;
  height : 420px;
  /* Rounded corners */
  -moz-border-radius-bottomleft:10px;
  -moz-border-radius-bottomright:10px;
  -moz-border-radius-topright:10px;
  -webkit-border-bottom-left-radius:10px;
  -webkit-border-bottom-right-radius:10px;
  -webkit-border-top-right-radius:10px;
  -khtml-border-bottom-left-radius:10px;
  -khtml-border-bottom-right-radius:10px;
  -khtml-border-top-right-radius:10px;
  border-bottom-left-radius:10px;
  border-bottom-right-radius:10px;
  border-top-right-radius:10px;
}
#BisRoomContentPanelLeftCenterRight {
  width: 960px;
  border: 1px solid #C0C7CD;
  -moz-border-radius:10px; /* Firefox */
  -webkit-border-radius:10px; /* Safari and chrome */
  -khtml-border-radius:10px; /* Linux browser (Konqueror..) */
  border-radius: 10px; /* CSS3 */
}
#BisRoomContentPanelLeftCenterRight .firstChild {
  padding: 10px;
}
#BisRoomContentPanelLeftCenterRight  #BisRoomFooter {
  position: relative;
  bottom: -5px;
}
#BisRoomContentPanelCenterRight.white {
  background-color : #ffffff;
}
#BisRoomContentPanelCenter.white {
  background-color : #ffffff;
}
#BisRoomContentPanelRight.white {
  background-color : #ffffff;
}
#BisRoomContentPanelLeft.sgkGreen {
  background-color : #6D901B;
}
#BisRoomContentPanelCenterRight.sgkGreen {
  background-color : #6D901B;
}
#BisRoomContentPanelCenter.sgkGreen {
  background-color : #6D901B;
}
#BisRoomContentPanelRight.sgkGreen {
  background-color : #6D901B;
}
#BisRoomContentPanelLeftCenterRight {
  /* Doesn't need absolute positioning since it stands alone in this case. */ 
}


a.BisRoomContentPanelMenu:link, 
a.BisRoomContentPanelMenu:active, 
a.BisRoomContentPanelMenu:visited {
  display: block;
  width: 150px;
  height: 20px;
  padding-top: 3px;
  font-size: 16px;
  color: #5A5B5E;
  margin-bottom: 2px;
}
a.BisRoomContentPanelMenu:hover {
  text-decoration: underline;
}

#panelLogo {
  text-align : center;
  margin-bottom: 10px;
}

/*
 * FOOT
 */

#BisRoomFooter {
  position: absolute;
  bottom: -20px;
  left: 0;
  width: 100%;
  color: #5A5B5E;
  font-size: 10px;
  text-align: left;
  text-align : center;
}
#BisRoomFooter a {
  color: #5A5B5E;
}

/*
 * Dialogs etc.
 */

.messageBox {
  border-width : 1px;
  border-style : solid;
  padding : 10px;
  text-align : center;
  margin: 10px 50px;
}

  form .messageBox {
    margin: 0 0 10px 0;
    padding: 5px 10px;
  }

.messageBox.error {
  border-color: #fe242c;
  background-color: #FE9A9E;
  color: #000000;
}

.messageBox.warn {
  border-color: #FEFE24;
  background-color: #FFFFCD;
  color: #000000;
}

.messageBox.info {
  border-color: #74FE24;
  background-color: #BFFE9A;
  color: #000000;
}


/*
 * LEFT MENU
 */

.BisRoomMenuLink {
  background-repeat: no-repeat;
  padding-left: 20px;
  padding-bottom: 2px;
  padding-top: 1px;
  line-height: 18px;
}
#search {
  position : absolute;
  left : 10px;
  bottom : 10px;
  height : 40px;
  width : 140px;
}

#search p,
#search form {
  margin : 0;
  padding : 0;
  position : relative;
}

#search input.text {
  width : 90px;
  position : absolute;
  top : 0px;
  left : 0px;
}
#search input.button {
  width : 40px;
  position : absolute;
  top : 0px;
  right : 0px;
}

/*
 * index.php
 */
#welcomeBox {
  margin-bottom : 10px;
}
#welcomeBox p {
  margin-bottom: 10px;
  padding-left: 24px;
}
#welcomeBox p#generalInfo {
  background-image: url(/img/icons/02.png);
  background-repeat: no-repeat;
}
#welcomeBox p#keywords {
  background-image: url(/img/icons/49.png);
  background-repeat: no-repeat;
}
#welcomeBox p#network {
  background-image: url(/img/icons/chart_organisation.png);
  background-repeat: no-repeat;
}
#welcomeBox p#purpose {
  background-image: url(/img/icons/chart.png);
  background-repeat: no-repeat;
}

/* Standard way to incorporate rounded corners in most browsers */
.curved {
  -moz-border-radius:10px; /* Firefox */
  -webkit-border-radius:10px; /* Safari and chrome */
  -khtml-border-radius:10px; /* Linux browser (Konqueror..) */
  border-radius: 10px; /* CSS3 */
/* FIXME - doesn't work..  behavior: url('/img/border-radius.htc'); /* IE ++ */
}

.curved5top {
  -moz-border-radius-topLeft:5px; /* Firefox */
  -moz-border-radius-topRight:5px; /* Firefox */
  -webkit-border-top-left-radius:5px; /* Safari and chrome */
  -webkit-border-top-right-radius:5px; /* Safari and chrome */
  -khtml-border-top-left-radius:5px; /* Linux browser (Konqueror..) */
  -khtml-border-top-right-radius:5px; /* Linux browser (Konqueror..) */
  border-top-left-radius: 5px; /* CSS3 */
  border-top-right-radius: 5px; /* CSS3 */
}
div.infoOverImage {
  position: absolute;
  border: 1px solid #000000; 
  background-color: #FFFFFF; 
  width: 250px; 
  padding: 5px; 
  display: none;
}
.greenGradient {
  background-image: url(http://images.bisroom.com/background/pattern12.png);
  background-repeat: repeat-x;
}
.redGradient {
  background-image: url(http://images.bisroom.com/background/pattern10.png);
  background-repeat: repeat-x;
}
.yellowGradient {
  background-image: url(http://images.bisroom.com/background/pattern11.png);
  background-repeat: repeat-x;
}
.blueGradient {
  background-image: url(http://images.bisroom.com/background/pattern13.png);
  background-repeat: repeat-x;
}
.greyGradient {
  background-image: url(http://images.bisroom.com/background/pattern14.png);
  background-repeat: repeat-x;
}
.bisRoomHeaderGradient {
  background-image: url(http://images.bisroom.com/background/pattern3.png);
  background-repeat: repeat-x;
}


#newsFeed {

}

#newsFeed h2 {
  font-size : 12px;
  border : 1px solid #C0C7CD;
  padding : 5px;
  background-image: url(http://images.bisroom.com/background/pattern9.png);
  background-repeat: repeat-x;
}

#newsFeed .item {
  color : #808080;
  padding : 5px;
  padding-top : 0px;
}

#newsFeed hr {
  border-top : 1px solid #C0C7CD;
  text-align : center;
  margin : 0;
  margin-top : 4px;
  padding : 0;
}
#newsFeed .space {
  height : 5px;
}
#newsFeed .indent {
  margin-left : 25px;
}

#newsFeed img.icon {
  vertical-align : middle;
  margin : 0;
  padding : 0;
  margin-right : 10px;
}

#newsFeed .item span {
  color : #525252;
/*  color : #8696A4;*/
}

#newsFeed .item span.editedBy {
  display: block;
  text-align: right;
  font-size: 9px;
  color: #666666;
}

#newsFeed a.profile {
  font-weight : bold;
}

#newsFeed a.normal {
  text-decoration : underline;
}
#bisRoomUpdates img.image {
  margin : 10px;
}
#newsFeed table td {
  vertical-align : top;
}
#newsFeed .date {
  width : 80px;
}
#newsFeed .quote {
  position : relative;

  min-height : 30px;
  height:auto !important;
  height : 30px;
/*
  padding-left : 30px;
  padding-right : 30px;
  padding-top : 10px;
  */
  margin : 10px;
}

#newsFeed .quote p {
  padding-left : 30px;
  padding-right : 30px;
  padding-top: 5px;
}

#newsFeed .leftQuote {
  padding : 0;
  margin : 0;
  margin-right: 5px;
  float: left;
}
#newsFeed .rightQuote {
  position : absolute;
  bottom : 0px;
  right : 0px;
  padding : 0;
  margin : 0;
}


/**
 * index.php
 */

div#storeLocatorCollection {
  
}
div#storeLocatorCollection table {
  width: 100%;
}
div#mapBrandsAndSignup {
}
  div#mapBrandsAndSignup img {
    display: inline;
  }
div#signup {
}
  div#signup form div.formControllerButtons {
    text-align: left;
  }

div#moreInfo {
  font-size: 20px;
}
  div#moreInfo a {
    color: #3e3e3e;
  }
  
  div#moreInfo h2 {
    color: #931D36;
    font-size: 25px;
  }
.activeInput {
  color: #000000 !important;
}
.inActiveInput {
  color: #666666 !important;
}
/*
 * login.php
 */

#login {
  text-align : center;
}

#login table {
  text-align : left;
  margin : 0 auto;
}

#login td {
  padding : 5px;
}

/*
 * search.php
 */

#searchResults {
  margin-bottom: 30px;
}
#searchResults .result {
  margin-bottom : 10px;
  position : relative;
  width : 503px;
  height: 100px;
  padding-left: 100px;
  border: 1px solid #C0C7CD;
  background-image: url(http://images.bisroom.com/background/pattern3.png);
  background-repeat: repeat-x;
}
#searchResults .related, 
#bisMapList .related,
#networkList .related,
#parentCompany .related {
  background-image: url(http://images.bisroom.com/background/pattern4.png) !important;
}
#searchResults .result img.searchViewImg, 
#bisMapList .result img.searchViewImg,
#parentCompany .result img.searchViewImg,
#networkList .result img.searchViewImg {
  position: static;
  vertical-align: middle;
  border: 0;
  margin: 0; 
}

#searchResults .result div.controller {
  float: right;
  width: 150px;
}

#searchResults .result h2 {
  font-size : 12px;
  color : #52718B;
  margin : 0;
  margin-bottom : 0px;
  padding : 5px;
  border-top : 1px solid #C0C7CD;
  border-bottom : 1px solid #f4faff;
  background-color : #EAF0F5;
  font-weight : normal;
  position : relative;
}

#searchResults .result div {
}

#searchResults .result img.logoFacade {
  position: absolute;
  top: 0;
  left: 0;
  border : 1px solid #C0C7CD;
  margin : 10px;
}

#searchResults .result div.image {
  margin-top: 10px;
}

#searchResults .pager {
  width : 100%;
  text-align : right;
  margin-top : 10px;
  margin-bottom : 10px;
}

#searchResults .pager a {
  padding-left : 3px;
  padding-right : 3px;
}

#searchResults .pager a.selected {
  color : #000000;
  text-decoration: underline;
}

/*
 * profile.php
 */

#profile {

}

#profile h1 {
}

#profile .module {
  margin-bottom : 10px;
  width : 604px;
}

#profile .module .header {
  padding : 3px;
  border-top : 1px solid #C0C7CD;
  border-left: 1px solid #C0C7CD;
  -moz-border-radius-topleft:5px;
  -webkit-border-top-left-radius:5px;
  -khtml-border-top-left-radius:5px;
  border-top-left-radius: 5px;
  font-weight : normal;
  position : relative;
  background-image: url(http://images.bisroom.com/background/pattern9.png);
  background-repeat: repeat-x;
}

#profile .module .header h2 {
  font-size : 12px;
  color : #52718B;
  margin : 0;
}

#profile .module .header div.editModule {
  position : absolute;
  right : 7px;
  top : 7px;
  cursor : pointer;
}
#profile .module .header img.headerIcon {
  position: static;
  vertical-align: middle;
}

#profile .module .content {
  padding : 5px;
}
#profileMap .content {
  padding: 0 !important;
}
.descriptionText {
  color: #808080;
}
#logoAndFacade {
  position: absolute;
  top: 17px;
  right: 17px;
  width:140px;
}
#profileLogo {
  margin-bottom: 10px;
  text-align: center;
}
  /* Facade Image */

  #profileFacade {
    position : relative;
    bottom: 0px;
    right : 0px;
    padding : 0;
    margin : 0;
    width : 140px;
    height : 140px;
    cursor : pointer;
  }
  #profileFacadeImage {
    position : relative;
    bottom : 0px;
    right : 0px;
    z-index : 0;
  }

  #profileFacadeZoom {
    position : absolute;
    bottom : 0px;
    right : 0px;
    z-index : 1;
    cursor : pointer;
  }

  #facadePopup {
    padding : 10px;
    border : 1px solid #C0C7CD;
    background-color : #ffffff;
    position : absolute;
  }
  #facadePopupClose {
    position : absolute;
    top : 10px;
    right : 10px;
  }

  /* Contact info */

  #profileOpeningHours {
    min-height: 110px;
  } 
  table.openingHours {
    width: 100%;
  }
  table.openingHours th {
    color: #808080;
    font-weight: normal;
  }
  #profileContactInfo.small, 
  #profileOpeningHours.small {
    width : 450px;
  }
  #profileContactShowMap {
  }

  #profileMapAddressToggle {
    cursor : pointer;
    color : #8696A4;
    width : 80px;
  }
  #profileMapAddressToggle.hover {
    color : #E31938;
  }
  #profileMapAddressToggle img {
    vertical-align : middle;
    margin-right : 5px;
  }

  /* Infotext */

  #profileInfotext {
    
  }

  #profileInfotext p {
  }


  /* Map */
  #profileMap {
  }

  #profileMapToggle {
    position : absolute;
    top : 4px;
    right : 0px;
    width : 60px;
    cursor : pointer;
  }
  #profileMapToggle div.link {
    font-weight : normal;
    display : block;
    text-align : right;
    width : 40px;
  }
  #profileMapToggle img {
    margin-top : -4px;
  }

  div#profile div.bubbleContent h3,
  div#fancy_content div.bubbleContent h3 {
    font-weight : bold !important;
    font-size : 18px !important;
    color : #525856 !important;
    margin-bottom : 5px !important;
  }

  div#profileMapLinks {
    margin-top : 5px;
    margin-bottom: 5px;
  }
  a#profileMapLarge {
    float: right;
  }


  /* Gallery */

  #profile #gallery {
    overflow : auto;
   /* height : 145px;*/
  }

  #profile #thumbs {
  }

  #profile #thumbs img {
    border : 1px solid #f4faff;
  }

  #profile #thumbs a {
    float : left;
    margin-right : 5px;
  }

  #profile #thumbs a:hover img {
    border : 1px solid #C0C7CD;
  }

  /* Contacts */

  #profile .contacts {

  }

  #profile .contact {
    border-bottom: 1px solid #C0C7CD;
    padding-bottom: 5px;
  }

  #profile .contact img.contactPersonImage {
    border : 1px solid #C0C7CD;
    border-top: 0;
    float: right;
  }
  .floatRight {
    float: right;
  }

  #profile .contact .info {
    background-color : #ffffff;
    padding-top: 3px;
  }

  #profile .contact .info.image {
    padding-left : 100px;
  }

  #profile .contact h3 {
    font-size : 14px;
    margin : 0;
    padding : 0;
  }

  #profile .contact h1 span {
    position : absolute;
    top : 0px;
    right : 0px;
    font-size : 12px;
  }

  #profile .contact table {
    width : 200px;
  }

  #profile .contact .separated {
  }

  #profile .wallMessage {
    background-color: #EBF1F5;
    padding-left: 5px;
    padding-right: 3px;
    padding-bottom: 10px;
  }
  #profile div.wallMessageDel {
    display: inline;
    float: right;
    margin-right: 3px;
    margin-top: 5px;
  }
  #profile .wallPost {
    padding-top: 5px;
  }
  #profile .wallPostName, #profile .wallPostDate, #profile .wallPost {
    color: #999999;
    font-size: 10px;
  }


div#profile div#requestBisRoomAccount {
  position: absolute;
  top: 20px;
  left: 638px;
  
  width: 125px;
  background-color: #931D36;
  padding: 10px;
  
  border: 1px solid #C0C7CD;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-bottomright: 10px;
  -webkit-border-top-right-radius:10px;
  -webkit-border-bottom-right-radius:10px;
  -khtml-border-top-right-radius:10px;
  -khtml-border-bottom-right-radius:10px;
}
  div#profile div#requestBisRoomAccount a {
    color: #fff;
    font-weight: bold;
  }
div#profile div#mapBanner {
  position: absolute;
  top: 200px;
  left: 638px;
  
  width: 125px;
  background-color: #931D36;
  padding: 10px;
  
  border: 1px solid #C0C7CD;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-bottomright: 10px;
  -webkit-border-top-right-radius:10px;
  -webkit-border-bottom-right-radius:10px;
  -khtml-border-top-right-radius:10px;
  -khtml-border-bottom-right-radius:10px;

  color: #FFFFFF;
}

/**
 * FAQ
 */
p.faqAnswer {
  text-indent: 10px;
}
  
/**
 * Add company 
 */
div#parentCompany table tr th {
  font-weight: normal;
  color: #5A5B5E;
}

#parentCompany .result {
  margin-bottom : 10px;
  position : relative;
  width : 503px;
  height: 100px;
  padding-left: 100px;
  border: 1px solid #C0C7CD;
  background-image: url(http://images.bisroom.com/background/pattern3.png);
  background-repeat: repeat-x;
}

#parentCompany .result div.controller {
  float: right;
  width: 150px;
}

#parentCompany .result h2 {
  font-size : 12px;
  color : #52718B;
  margin : 0;
  margin-bottom : 0px;
  padding : 5px;
  border-top : 1px solid #C0C7CD;
  border-bottom : 1px solid #f4faff;
  background-color : #EAF0F5;
  font-weight : normal;
  position : relative;
}

#parentCompany .result div {
}

#parentCompany .result img {
  position: absolute;
  top: 0;
  left: 0;
  border : 1px solid #C0C7CD;
  margin : 10px;
}

#parentCompany .result div.image {
  margin-top: 10px;
}

#tagCloud {
  text-align: center;
}

/* 
 * edit.php
 */
.helpBox {
  border : 1px solid #D1D3D4;
  background-color : #FFFFCD; /*OLD #fff;*/
  color : #000;
  padding : 10px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
}

.helpBox img.helpIcon {
  float: left;
  /*margin-right: 10px; Removed this because it fucked up the p-tags margin*/
}

.helpBox h2 {
  padding-left: 25px;
  background: url(/img/info_kundeinfo.png) no-repeat top left;
  margin: 0 0 10px 0;
  color: #787878;
  font-size: 20px;
}

.helpBox p {
  margin-left: 25px;
  margin-top: -2px;
}

#BisRoomContent div.formControllerButtons {
  text-align: right;
}

#BisRoomContent fieldset div.formControllerButtons {
  text-align: left;
}

#BisRoomContent div.formControllerButtons .button {
  min-width: 100px;
}

#BisRoomContent div#facadeImageAlterDiv {

}

#BisRoomContent div#facadeImageNormalButtons,
    #BisRoomContent div#facadeImageCutButtons {
  margin: 5px 0 0 5px;
  width: 130px;
  height: 27px;
}

  #BisRoomContent div#facadeImageNormalButtons input#facadeImageDelete,
      #BisRoomContent div#facadeImageCutButtons input#facadeImageSaveCut {
    float: left;  
    width : 60px;
  }
  #BisRoomContent div#facadeImageNormalButtons input#facadeImageNewCut,
      #BisRoomContent div#facadeImageCutButtons input#facadeImageBack {
    float: right;  
    width : 60px;
  }

#BisRoomContent .pictureResizer {
  border: 1px dashed red;
}

.companyInfo .text {
  width : 320px;
}

.companyInfo #address,
.companyInfo #invoiceAddress {
  width : 300px;
}
.companyInfo #postalCode,
.companyInfo #invoicePostalCode {
  width : 50px;
}
.companyInfo #postalPlace,
.companyInfo #invoicePostalPlace
{
  width : 240px;
}

.companyInfo #infoText {
  width : 100%
}

#BisRoomContent div.formControllerButtons #logoDelete {
  width : 60px;
}

#BisRoomContent div#facadeImageNormalButtons #facadeImageUpload,
#BisRoomContent div#facadeImageNormalButtons #logoUpload 
{
  width : 100px;
}


#editOpeningHoursMenu {

}
#editOpeningHoursMenu a.active {
  text-decoration : none;
  font-weight : normal;
  outline: none;
  color : #000000;
}

/* Contacts */

  /* Form */
  .contactEdit form table {
    width : 300px;
  }
  .contactEdit form td {
    padding : 3px;
    vertical-align : top;
  }
  .contactEdit form input.text {
    width : 100%;
  }
  .contactEdit form select {
    width : 100%;
    padding : 2px;
    margin-bottom : 3px;
  }
  .contactEdit #contactImageEdit {
    height : 170px;
    margin-bottom : 10px;
  }
  .contactEdit #contactImageAlterDiv {
    width : 80px;
    padding : 10px;
  }
  .contactEdit #contactImageEdit input.button {
    margin-top : 5px;
  }


  /* Listing */
  .contactEdit .contact {
    margin-bottom : 10px;
    position : relative;
    /*height: 100px;*/
    min-height : 100px;
    height:auto !important;
    height : 100px;
    padding-left: 100px;
    border: 1px solid #C0C7CD;
    background-color: #EAF0F5;
  }
  .contactEdit .contact.selected {
    border: 1px solid #87adcd;
    background-color: #cee3f5;
  }

  .contactEdit .contact table {
    width : 100%;
  }

  .contactEdit .contact td {
    padding-top : 1px;
    padding-bottom : 1px;
  }

  .contactEdit .contact td.pri {
    width : 100px;
    color : #808080;
  }

  .contactEdit .contact div.controller {
    float: right;
    text-align : right;
    padding-right : 10px;

  }
  .contactEdit .contact div.controller form {
    display : inline;
  }

  .contactEdit .contact h2 {
    font-size : 14px;
    font-weight : normal;
    color : #8696A4;
    margin : 0;
  }

  .contactEdit .contact div.image {
    position: absolute;
    top: 0;
    left: 0;
    margin : 10px;
  }

  .contactEdit .contact div.info {
    margin-top: 10px;
    background : transparent;
  }

/* Gallery edit */


#galleryEdit {
}

  /* Upload Container */


  #galleryImageInfo {

  }

  #galleryImageInfo {
    width : 565px;
  }

  #galleryImageInfo .messageBox {
    margin-top : 5px;
  }

  #galleryImageInfo td {
    vertical-align : top;
    color: #808080;
  }

  #galleryImageInfo input.text , 
  #galleryImageInfo textarea {
    width : 100%;
  }

  #galleryImageInfo.below {
    clear : right;
    margin-top : 10px;
  }

  /* Image Resizer */

  #imageResizerContainer {
  }
  #imageResizer {

  }
  #galleryImageAlterDiv {
    width : 140px;
  }
  #galleryImageNormalButtons,
  #galleryImageCutButtons {
    margin-top : 5px;
    text-align : center;
  }
  #galleryImageBack,
  #galleryImageNewCut {
    width : 100%;
  }

  /* Image Order */

  #galleryOrderContainer {
  /*
    padding-top : 10px;
    margin-top : 10px;
    margin-left : -16px;
    margin-right : -18px;
    margin-bottom : -30px;
    background-color : #ffffff;
    */
  }
  #galleryOrderContainer .content {
  /*
    padding-left : 16px;
    padding-right : 18px;
    */
  }
  #galleryOrder {

  }
  #galleryOrder #galleryImages {
    margin: 0;
    padding: 0;
  }

  #galleryOrder li {
    list-style: none;
    margin: 0;
    padding: 0;
    height: 180px;
    width: 180px;
    float: left; 
    text-align: center;
  }
  #galleryOrder li input.button {
    width : 70px;
  }

#editAddressPopupTop {
  margin-bottom : 5px;
}

#editAddressPopupTop a {
  font-size : 14px;
  color : #666666;
}

#editAddressPopupTop a.active {
  text-decoration : none;
  font-weight : normal;
  outline: none;
  color : #000000;
}


/*
 * network.php
 */
div#filterNetworkList {
  color: #5A5B5E;
  padding: 10px;
  border: 1px solid #C0C7CD;
  margin-bottom: 10px;
  background-image: url(http://images.bisroom.com/background/pattern3.png);
  background-repeat: repeat-x;
}


div#companySearch {
  margin-bottom: 20px;
  border: 1px solid #C0C7CD;
  padding: 10px;
  background-image: url(http://images.bisroom.com/background/pattern4.png);
  background-repeat: repeat-x;
}

#networkList .result {
  margin-bottom : 10px;
  position : relative;
  width : 503px;
  height: 100px;
  padding-left: 100px;
  border: 1px solid #C0C7CD;
}

#networkList .result div.controller {
  float: right;
  width: 150px;
}
#networkList .result .controller a {
/*  width : 100%;
  display : block;*/
}


#networkList .result h2 {
  font-size : 12px;
  color : #52718B;
  margin : 0;
  margin-bottom : 0px;
  padding : 5px;
  border-top : 1px solid #C0C7CD;
  border-bottom : 1px solid #f4faff;
  background-color : #EAF0F5;
  font-weight : normal;
  position : relative;
}

#networkList .result div {
}

#networkList .result img.logoFacade {
  position: absolute;
  top: 0;
  left: 0;
  border : 1px solid #C0C7CD;
  margin : 10px;
}

#networkList .result div.image {
  margin-top: 10px;
}

#networkList .pager {
  width : 100%;
  text-align : right;
  margin-top : 10px;
  margin-bottom : 10px;
}

#networkList .pager a {
  padding-left : 3px;
  padding-right : 3px;
}

#networkList .pager a.selected {
  color : #000000;
  text-decoration: underline;
}

/*
 * companylist.php
 */

#companyListTable, #childListTable, #deliveryAreas, #currentWords {
  width : 100%;
}

#companyListTable th,
#companyListTable td,
#deliveryAreas th,
#currentWords td,
#currentWords th,
#deliveryAreas td,
#childListTable th,
#childListTable td {
  padding : 5px;
}

#companyListTable th, #childListTable th, #deliveryAreas th, #currentWords th {
  border-top : 1px solid #C0C7CD;
  border-bottom : 1px solid #f4faff;
  background-color : #EAF0F5;
}

table#deliveryAreas tr.oddRow, table#currentWords tr.oddRow {
  background-color: #E9E9E9;
}


/*
 * gallery.php
 */

#imageGallery {

}
#imageGallery  span.current img {
  border: 1px solid #7B1535;

}
#imageGallery  span img {
  border: 1px solid #C0C7CD;
}

#imageGallery .navigation h1 {
  margin-top: 15px;
}

#imageGallery .navigation {
  position : relative;
}

#imageGallery .navigation .left {
  position : absolute;
  left : 0px;
  top : 2px;
}

#imageGallery .navigation .left img {
  margin-right : 5px;
}

#imageGallery .navigation .right {
  position : absolute;
  right : 0px;
  top : 2px;
}

#imageGallery .navigation .right img {
  margin-left : 5px;
}

#imageGallery .preview {
  text-align : center;
  margin-top : 10px;
  margin-bottom : 10px;
}

#imageGalleryThumbnails {
  text-align : center;
  margin-top : 10px;
  border-bottom : 1px solid #C0C7CD;
  padding-top : 10px;
  padding-bottom : 10px;
  /*height : 210px;*/
}

#imageGalleryThumbnails div {
  display : inline;
  height : 100px;
  width : 100px;
  margin-left : 4px;
  margin-right : 4px;
}
#imageGalleryThumbnails img {
  border : 1px solid #ffffff;
}
#imageGalleryThumbnails div.current img {
  border : 1px solid #7B1535;
}

#imageGalleryPager {
  text-align : center;
}

#imageGalleryPager a {
  padding : 5px;
}
#imageGalleryPager a.current {
  font-weight : bold;
}

/*
 * bismaps.php 
 */

#bismaps {
  position : relative;
  width : 603px;
}

#bisMapList .result {
  margin-bottom : 10px;
  position : relative;
  width : 503px;
  padding: 5px 0 5px 100px;
  border: 1px solid #C0C7CD;
  background-color: #EAF0F5;
  /*height : 120px;*/
}

#bisMapList .result div.controller {
  float: right;
  width: 100px;

}

#bisMapList .result div.controller div.pinBrandRequests {
  background-color: #FFFFCD;
  padding: 5px;
  border: 1px solid #C0C7CD;
  margin-right: 5px;
  text-align: center;
} 

    #bisMapList .result div.controller div.pinBrandRequests span.numberOfReqests {
      font-size: 26px;
    }

#bisMapList .result h2 {
  font-size : 14px;
  color : #52718B;
  margin : 0;
  margin-top: 5px;
  margin-bottom : 0px;
  font-weight : normal;
  position : relative;
}

#bisMapList .result div {
}

#bisMapList .result img {
  position: absolute;
  top: 0;
  left: 0;
  margin : 10px;
}
table#BisMapsMarketStatisticsTable{
  background-color: #FFFFFF;
}
div#chooseMonth {
  float: right;
}

#bisMapsEditor {

}

#bisMapsEditor h1 {
  font-size : 12px;
  padding : 2px;
  margin : 0;
  margin-bottom : 10px;
  border-bottom : 1px solid #e6e6e6;
}

#bisMapsEditorSteps {
  position : relative;
  text-align : center;
  border-top : 1px solid #e6e6e6;
  border-bottom : 1px solid #e6e6e6;
  height : 20px;
  padding : 0;
  margin : 0;
  margin-top : 10px;
  margin-bottom : 10px;
}
#bisMapsEditorSteps table {
  height : 20px;
  padding : 0;
  margin : 0;
}
#bisMapsEditorSteps td {
  vertical-align : middle;
  background-color : #dee6ed;
}
#bisMapsEditorSteps td.locked {
  /*cursor : not-allowed;*/
}
#bisMapsEditorSteps td.selected {
  background : url('/img/progress_arrow.png') no-repeat right;
  background-color : #c0c7cd;
  color : #fff;
  cursor : pointer;
}
#bisMapsEditorSteps td.finished {
  background-color : #c0c7cd;
  color : #fff;
}

  /* Step 1 */

  #bisMapsEditor #map_information {
    width : 100%;
    margin-bottom : 5px;
  }
  #bisMapsEditor #map_information td {
    padding-bottom : 5px;
  }
  #bisMapsEditor #map_information .first {
    width : 160px;
  }

  #bisMapsEditor .toolbox {
    height : 250px;
  }

  #bisMapsEditor .toolbox textarea {
    width : 600px;
  }

  #bisMapsEditor .properties {
    float : left;
    width : 170px;
    margin-right : 10px;
  }

  #bisMapsEditor .properties div  {
    width : 60px;
    float : left;
    padding-left : 10px;
  }

  #bisMapsEditor .properties input {
    width : 90px;
  }

  #bisMapsEditor .controller {
    text-align : right;
    margin-bottom : 10px;
  }

  #bisMapsEditor #txt_description {
    height : 50px;
  }

  #bisMapsEditor #preview {
    position : relative;
    margin-top : 30px;
    /*
    border : 1px solid #e6e6e6;
    background : #fbfbfb;
    height : 400px;
    */
  }

  #bisMapsEditor div.container {
    padding : 5px;
    text-align : center;
    border : 1px solid;
    width : 200px;
    border : 1px solid #c6cfd4;
    border-bottom : 0 none;
    background : #dfe9ee;
    position : absolute;
    top : -25px;
    left : -1px;
  }

  #bisMapsEditor div.map {
    padding : 5px;
  }

  #bisMapsEditor #bisMap_container {
    position : absolute;
    border : 1px solid #c6cfd4;
    background : #dfe9ee;
    z-index : 1;
  }
  #bisMapsEditor #bisMap_map {
    position : absolute;
    border : 1px solid #5eb453;
    background : #acd7a5;
    z-index : 2;
  }

  /* Step 2 */
  
  #bisMapsEditor #pins_json {
    display : none;
  }

  #bisMapsEditor #pins_images {
    text-align : center;
    border-top : 1px solid #C0C7CD;
    border-bottom : 1px solid #C0C7CD;
    margin-top : 5px;
    margin-bottom : 5px;
    padding-top : 5px;
    padding-bottom : 5px;
  }

  #bisMapsEditor #pins_load {
    display : none;
  }

  #bisMapsEditor #viewport {
    margin-top : 5px;
    margin-bottom : 5px;
  }

  #bisMapsEditor #buttons {
    text-align : right;
  }

  /* Step 3 */
  #bisMapsEditor #summary td {
    padding : 5px;
  }

  #bisMapsEditor #summary_links a {
    margin-bottom : 5px;
    display : block;
  }

/*
 * pinbrands.php
 */

#pinbrands {
  position : relative;
  width : 603px;
}

#pinBrandList .result {
  margin-bottom : 10px;
  position : relative;
  width : 503px;
  padding-left: 110px;
  border: 1px solid #C0C7CD;
  background-color: #EAF0F5;
}

#pinBrandList .result div.controller {
  float: right;
  width: 150px;

}

#pinBrandList .result h2 {
  font-size : 14px;
  color : #52718B;
  margin : 0;
  margin-top: 5px;
  margin-bottom : 0px;
  font-weight : normal;
  position : relative;
}

#pinBrandList .result div {
}

#pinBrandList .result img {
  position: absolute;
  top: 0;
  left: 0;
  margin : 10px;
}

/* ///////////////////////////// */
  /* List page */

  /* Details page */

  #pinbrands #detailTable {
    width : 300px;;
  }

  #pinbrands #detailTable td {
    padding : 5px;
    vertical-align : top;
  }

  #pinbrands #detailTable .pri {
    width : 150px;
    color: #808080;
  }

  #pinbrands #detailTable .sec {
    color : #808080;
    width : 150px;
  }

  #pinbrands #detailTable .highlight td {
    background-color : #EAF0F5;
  }

  #pinbrands #detailTable input {
    text-align : right;
    width : 100px;
  }

  #pinbrands #detailTable .date {
    padding-right : 20px;
    width : 84px;
    background : #ebeced url('/img/icons/calendar_edit.png') no-repeat 90px;
  }

  /* Table specific */

  #pinbrands #budgetTable {
    width : 100%;
  }

  #pinbrands #budgetTable tr.head td {
    background-color : #f5f5f5;
  }

  #pinbrands #budgetTable td,
  #pinbrands #budgetTable tr {
    padding : 5px;
  }

  #pinbrands #budgetTable th {
    font-weight : bold;
    text-align : right;
    padding-bottom : 5px;
  }

  #pinbrands #budgetTable .bottom td {
    border-top : 1px solid #C0C7CD;
  }

  #pinbrands #budgetTable .last td {
    padding-bottom : 15px;
  }

    /* Total stats */

    #pinbrands #budgetTable .desc {
      color : #000000;
      text-align : left;
    }

    #pinbrands #budgetTable .data {
      color : #777777;
      text-align : right;
    }

    /* Domain stats */
    #pinbrands #budgetTable .domain td.desc {
      padding-left : 10px;
      color : #808080;
    }
    #pinbrands #budgetTable .domain td.data {
      color : #bbbbbb;
    }

  #pinbrands #pinbrandOptions {
    position : relative;
  }

  #pinbrands #pinbrandOptions #pinImage {
    position : absolute;
    top : 47px;
    left : 279px;
    text-align : center;
    width : 100px;
  }

  #pinbrands #pinbrandOptions #description {
    position : absolute;
    right : 20px;
    top : 33px;
    width : 200px;
  }

  #pinbrands #description textarea {
    width : 100%;
    height : 163px;
    margin : 0;
    overflow : auto;
  }

  #pinbrands #description .messageBox {
    width : 186px;
    margin : 0;
    margin-top : 5px;
  }

#pinBrandRequests {

}

#pinBrandRequests .item {
  padding-top : 10px;
  padding-bottom : 10px;
  width : 593px;
  position : relative;
  border: 1px solid #C0C7CD;
  background-color: #EAF0F5;
  padding-left : 10px;
}

#pinBrandRequests .item.separated {
  border-top : 1px solid #C0C7CD;
}

#pinBrandRequests .item .image {
  position : absolute;
  vertical-align : middle;
  padding : 5px;
  width : 50px;
  right : 10px;
}

#pinBrandRequests .item a {
  font-size : 14px;
}

#pinBrandRequests .item img {
}

#pinBrandRequests .item .content {
  padding-right : 50px;
}

#pinBrandRequests .item .button {
  width : 75px;
}

#pinBrandRequests .messageBox {
  margin-top : 5px;
}

/*
 * campaign.php
 */
#campaign {
}

/* List */
/*
#campaign table {
  width : 100%;
}

#campaign table td {
  vertical-align : top;
  padding : 2px;
}

#campaign table th {
  font-weight : bold;
  padding : 2px;
}
*/

#campaign .result {
  margin-bottom : 10px;
  position : relative;
  padding-left: 10px;
  border: 1px solid #C0C7CD;
  background-color: #EAF0F5;
}

#campaign .result div.controller {
  float: right;
  width: 150px;
}
#campaign .result div.controller img {
  vertical-align: middle;
}

#campaign .result h2 {
  font-size : 14px;
  color : #52718B;
  margin : 0;
  margin-top: 5px;
  margin-bottom : 0px;
  font-weight : normal;
  position : relative;
}

#campaign .result div {
}

/* Registration */

#campaignRegisterProgress {
  width : 100%;
  border-top : 1px solid #C0C7CD;
  border-bottom : 1px solid #C0C7CD;
  margin-top : 10px;
}

#campaignRegisterProgress td {
  color : #bfbfbf;
  padding : 2px;
  background : #dee6ed;
}

#campaignRegisterProgress .description {
  color: #5A5B5E; 
  background : #ffffff;
  padding-left : 5px;
}

#campaignRegisterProgress .back {
  color: #5A5B5E; 
}

#campaignRegisterProgress .current {
  color: #ffffff;
  background: url('/img/progress_arrow.png') no-repeat #C0C7CD top right;
}

#campaignRegisterProgress .current a {
  color: #ffffff;
}

#campaignRegisterProgress .current.end {
  background : #C0C7CD;
}


/* Step 1 */

#campaignRegisterBubble {
}

#campaignRegisterBubble table {
/*  width : 570px;*/
}

#campaignRegisterBubble table td {
  vertical-align : top;
  padding-bottom : 5px;
}

#campaignRegisterBubble td.dim {
  width : 30px;
}

#campaignRegisterBubble table input.expand {
  width : 360px;
}

#campaignRegisterBubble textarea.expand {
  width : 100%;
  height : 300px;
}

#campaignRegisterBubble td.pri {
  color : #808080;
}

#campaignRegisterBubble #loading {
  width : 100px;
  float : right;
  text-align : center;
  font-weight : bold;
  font-size : 14px;
  margin-top : 10px;
  display : none;
}
#campaignRegisterBubble #loading div {
  margin-bottom : 5px;
}

/* Step 2 */

#campaignRegisterGeneral table {
  width : 100%;
  margin-top : 10px;
}

#campaignRegisterGeneral table td {
  vertical-align : top;
  padding-bottom : 5px;
}

#campaignRegisterGeneral td.pri {
  color : #808080;
}

#campaignRegisterGeneral td textarea {
  width : 100%;
  }

  #campaignRegisterGeneral td input {
    float : left;
    width : 100px;
  }

  #campaignRegisterGeneral td img {
    float : left;
    margin-left : 5px;
    margin-top : 2px;
    cursor : pointer;
  }

  #campaignRegisterGeneral td select {
    width : 200px;
    padding : 0;
  }

  /* Step 3 */

  #campaignRegisterCarriers {

  }

  #campaignRegisterCarriers #mapSelector {
    border-top : 1px solid #C0C7CD;
    border-bottom : 1px solid #C0C7CD;
    padding-top : 5px;
    padding-bottom : 5px;
  }
  #campaignRegisterCarriers #mapSelector select {
    padding : 0;
    width : 200px;
  }
  #campaignRegisterCarriers #mapSelector input {
    padding : 0;
  }

  #campaignRegisterCarriers #carriers {
    height : 750px;
    overflow : auto;
    margin-bottom : 10px;
  }

  #campaignRegisterCarriers #carriers table {
    width : 100%;
    border : 0 none;
  }

  #campaignRegisterCarriers #categories {
  }

  #campaignRegisterCarriers #categories table {
    width : 100%;
    border-top : 1px solid #C0C7CD;
    border-bottom : 1px solid #C0C7CD;
  }
  #campaignRegisterCarriers #categories td {
    vertical-align : middle;
    padding-top : 5px;
    padding-bottom : 5px;
  }
  #campaignRegisterCarriers #categories th {
    font-weight : bold;
    height : 15px;
    line-height : 15px;

  }
  #campaignRegisterCarriers #carriersTable tr th {
    font-size : 12px;
    font-weight : bold;
    color : #52718B;
    background-color : #EAF0F5;
    border-top : 1px solid #F3FaFF;
    border-bottom : 1px solid #C0C7CD;
    padding : 5px;
  }
  #campaignRegisterCarriers #carriersTable tr td {
    padding : 5px;
  }
  #campaignRegisterCarriers th img {
    float : right;
    margin-right : 5px;
  }
  #campaignRegisterCarriers th a,
  #campaignRegisterCarriers th a:link,
  #campaignRegisterCarriers th a:hover,
  #campaignRegisterCarriers th a:visited {
    font-weight : bold;
    color : #000000;
    cursor : pointer;
  }

  #campaignRegisterCarriers #categories label {
    margin-left : 5px;
    margin-right : 5px;
  }

  #campaignRegisterCarriers #selectAllCarriersContainer {
    margin-bottom : 5px;
  }

  /* Step 4 */

  /* Step 5 */

  #campaignPreview {
    position : relative;
    height : 230px;
  }


table#mapCustomers {
  width: 100%;
}
  table#mapCustomers tr.sortableBody2 {
    background-color: #ddd;
  }


.TpinTooltip {
  border : 1px solid #A7A9AC;
  background-color : #ffffff;
  text-align : center;
}
.TpinTooltip pre {
  padding : 0;
  margin : 0;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 12px;
  color: #000000;
}

/**
 * quick-guide.php
 */

div#quickGuide {

}

div#quickGuide p {

}

div#quickGuide div.indent {
  margin : 0;
  padding : 0;
  margin-left : 10px;
}


div#quickGuide h2 {
  font-size : 16px;
  margin-top : 10px;
}

div#quickGuide h3 {
  font-size  : 14px;
}

div#quickGuide h4 {
  font-size : 12px;
  margin : 0;
  padding : 0;
}

div#quickGuide a.screenshot {
  height : 16px;
  line-height : 16px;
}
div#quickGuide a.screenshot:hover {
  text-decoration : none;
}
div#quickGuide a.screenshot img {
  vertical-align : top;
  margin-right : 5px;
}
div#howto h3.step {
  margin-top: 10px;
}

/*
 * Fix map bubbles
 */
div.bubbleContent div.TbubbleAddress {
  line-height : 14px;
}
div.bubbleContent div.TbubbleCoordinates {
  line-height : 14px;
}
div.bubbleContent div.TbubbleCoordinates select {
  padding : 0px;
}
div.bubbleContent a.TbubbleCoordinatesShow {
  display : block !important;
  margin-top : 10px;
}



div#editAccount form#editPassword input.text {
  width: 100px;
}









div.pagination {
  text-align: center;
  border-top: 1px solid gray;
  border-bottom: 1px solid gray;
  margin: 10px 0;
}

  div.pagination a {
    padding: 0 4px;
  }

  div .pagination .next,
  div .pagination .prev {
  }

  div .pagination .current {
    font-size: 160%;
  }



div#loadingImage {
  text-align: center;
  margin: 50px;
}
  div#loadingImage p {
    text-align: center;
    font-weight : bold;
    font-size : 18px;
    color : #525856;
    margin-bottom : 5px;
  }
table.customMapFormatTable th {
  border: 1px solid #CECECE;
  background-color: #A7A9AC;
}
table.customMapFormatTable td {
  vertical-align: top;
  border: 1px solid #CECECE;
}
table.customMapTable th {
  border: 1px solid #CECECE;
  background-color: #A7A9AC;
}
table.customMapTable td {
  vertical-align: middle;
  border: 1px solid #CECECE;
}
#profileJournal {
  display: none;
}
.journalEntry {
  background-color: #E1EBF2;
  padding: 5px;
  margin-top: 5px;
  border:1px solid #C0C7CD;
}
.journalDate {
  background-image:url(http://images.bisroom.com/background/pattern2.png);
  background-repeat: repeat-x;
  height: 20px;
  line-height: 18px;
  padding: 2px;
  padding-left: 5px;
  padding-right: 5px;
}
.journalCompany {
  padding-top: 5px;
  width: 150px;
  vertical-align: top;
  text-align: center;
}
.journalMessage {
  padding-top: 5px;
  vertical-align: top;
}
.colourpicker {
  float: right;
}
div.editEntry, div.showJournal, div.newEntry {
  float: right;
  margin-right: 5px;
  margin-top: 2px;
}
.journalFormEntry textarea {
  width: 95%;
  min-height: 60px;
  font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
}
div.grippie {
  background:#EEEEEE url(/img/icons/grippie.png) no-repeat scroll center 2px;
  border-color:#DDDDDD;
  border-style:solid;
  border-width:0pt 1px 1px;
  cursor:s-resize;
  height:9px;
  overflow:hidden;
  width:95%;
  padding-left: 3px;
  padding-right: 3px;
}
.resizable-textarea textarea {
  display:block;
  margin-bottom:0pt;
  width:95%;
  height: 20%;
}
/**
 * jQuery colour picker
 */
#jquery-colour-picker {
  background: #fafafa;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));

  width: 180px;
  padding: 10px 5px 5px 10px;

  border: 1px solid #666;

  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;

  -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);

  z-index: 99;
}

  #jquery-colour-picker h2 {
    margin: 0 0 5px 0;
    font-size: 14px;
  }

  #jquery-colour-picker ul {
    margin: 0;
    padding: 0;
    list-style-type: none;

    +zoom: 1;
  }

  #jquery-colour-picker ul:after {
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
  }

    #jquery-colour-picker ul li {
      float: left;
      margin: 0 5px 5px 0;
    }

      #jquery-colour-picker ul li a {
	display: block;

	width: 13px;
	height: 13px;

	text-decoration: none;
	text-indent: -100000px;
	outline: 0;

	border: 1px solid #aaa;
      }

      #jquery-colour-picker ul li a:hover {
	border-color: #000;
      }
/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CCAttribution-ShareAlike 2.5 Brazil - http://creativecommons.org/licenses/by-sa/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 90;
  width: 100%;
  height: 500px;
}
#jquery-lightbox {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
  text-align: center;
  line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
  position: relative;
  background-color: #fff;
  width: 250px;
  height: 250px;
  margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
  position: absolute;
  top: 40%;
  left: 0%;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}
#lightbox-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
  width: 49%;
  height: 100%;
  zoom: 1;
  display: block;
}
#lightbox-nav-btnPrev { 
  left: 0; 
  float: left;
}
#lightbox-nav-btnNext { 
  right: 0; 
  float: right;
}
#lightbox-container-image-data-box {
  font: 10px Verdana, Helvetica, sans-serif;
  background-color: #fff;
  margin: 0 auto;
  line-height: 1.4em;
  overflow: auto;
  width: 100%;
  padding: 0 10px 0;
}
#lightbox-container-image-data {
  padding: 0 10px; 
  color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
  width: 100%; 
  float: left; 
  text-align: left; 
} 
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
  display: block; 
  clear: left; 
  float: right;
  padding-bottom: 1.0em;  
}     
#lightbox-secNav-btnClose {
  width: 66px; 
  float: right;
  padding-bottom: 0.7em;  
}
/** END jQuery lightBox plugin */