.popup {
  position   : fixed;
  z-index    : 1000;
  display    : none;
  max-width  : 650px;
}
#loginWrapper {
  width: 350px;
}
#forgottenPasswordWrapper {
  width : 350px;
}
.popup .dragarea {
  position : absolute;
  top      : 0;
  left     : 0;
  height   : 20px;
  width    : 80%;
  cursor   : move;
  z-index  : 99;
  font-style:italic;
  color:#666;
  font-size:10px;
  padding-left: 17px;
  background: transparent url('/images/icons/moveCross.gif') no-repeat top left;
}
.popup .popupMain {
  position         : relative;
  top              : 0;
  left             : 0;
  margin-right     : 4px;
  margin-bottom    : 4px;
  background-color : #f5c13a;
  border           : 1px solid #cccccc;
  padding          : 20px 25px 10px 10px;
  text-align       : left;
  max-height       : 400px;
  overflow-y        : auto;
  overflow-x: hidden;
}
.popup.yellow .popupMain {
  background-color:#FFEEC0;
}
.popup.blue .popupMain {
  background-color:#d7e6e9;
}
.popup .popupShadow {
  background-color:#000;
  opacity:0.5;
}
#slideShow .popupMain {
  background-color: black;
  padding: 20px;
  width: 600px;
  overflow:hidden;
}
#slideShow .closeButton {
  background-color: #999;
}
.popup.blue .popupShadow {
  background-color:#b0bbbd;
}
.popup .popupShadowLeft {
  position:absolute;
  top:0;
  bottom:0;
  right:0;
  width:4px;
  margin-top:4px; 
}
.popup .popupShadowBottom {
  position:absolute;
  bottom:0;
  left:0;
  right:0;
  height:4px;
  margin-left:4px;
  margin-right:4px;
}
.popup p {
  margin-bottom:3px;
}
.popup .closeButton {
  position         : absolute;
  top              : 2px;
  right            : 2px;
  cursor           : pointer;
  width            : 12px;
  height           : 15px;
  text-align       : center;
  border           : 1px solid #888888;
  text-decoration  : none;
  background-color : #ddbb22;
  font-weight      : bold;
}
.popup.blue .closeButton {
  background-color:inherit;
}
.popup .closeButton:hover {
  border : 1px #555555 outset;
}
.popup .closeButton:active {
  border : 1px #555555 inset;
}

.countyNumberPopupDiv {
  display : none;
}

.popup .o2checkboxButton {
  display       : block;
  width         : 150px;
  float         : left;
  margin-top    : 1px;
  margin-bottom : 1px;
}
.popup .o2checkboxLabel {
  padding-left : 5px;
  font-size    : 10pt;
}

ul#loginLinks {
  padding: 5px 0 0 0;
}

ul#loginLinks li {
  background: transparent url(/images/dot.gif) no-repeat left center;
  display: inline;
  margin-right: 2px;
  padding-left: 8px;
  cursor: pointer;
}