@charset "utf-8";
/* CSS Document */

<style>
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #dddddd;
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop,
.modal-backdrop.fade.in {
  opacity: 0.3;
  filter: alpha(opacity=30);
}
.modal {
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 1050;
	width: 800px;
	max-width:inherit;
	margin: -250px 0 0 -280px;
	background-color: #FFFFFF;
	border: 1px solid #999;
	border: 1px solid rgba(0, 0, 0, 0.3);
    *border: 1px solid #999;
	/* IE6-7 */

	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
	box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding-box;
	background-clip: padding-box;
	outline: none;
	color: #666;
}
.modal.fade {
  -webkit-transition: opacity .7s linear, top .7s ease-out;
  -moz-transition: opacity .7s linear, top .7s ease-out;
  -o-transition: opacity .7s linear, top .7s ease-out;
  transition: opacity .7s linear, top .7s ease-out;
  top: -25%;
}
.modal.fade.in {
  top: 50%;
}
.modal-header {
  padding: 9px 15px;
  border-bottom: 1px solid #eee;
}
.modal-header .close {
  margin-top: 2px;
}
.modal-header h3 {
  margin: 0;
  line-height: 30px;
}
.modal-body {
	overflow-y: auto;
	max-height: 400px;
	padding: 15px;
	color: #5B5B5B;
	background-color: #FFF;
}

.modal-body a{
	color: #044E5E;
	font-family: calibri;
	text-decoration: none;
}
.modal-form {
  margin-bottom: 0;
}
.modal-footer {
  padding: 14px 15px 15px;
  margin-bottom: 0;
  text-align: right;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
  -webkit-box-shadow: inset 0 1px 0 #ffffff;
  -moz-box-shadow: inset 0 1px 0 #ffffff;
  box-shadow: inset 0 1px 0 #ffffff;
  *zoom: 1;
}
.modal-footer:before,
.modal-footer:after {
  display: table;
  content: "";
  line-height: 0;
}
.modal-footer:after {
  clear: both;
}
.modal-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}

.hide {
  display: none;
}
.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -moz-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
.fade.in {
  opacity: 1;
}


/* get rid of those system borders being generated for A tags */
a:active {
    outline:none;
}

:focus {
	-moz-outline-style:none;
	
}

/* the overlayed element */
.apple_overlay {
	/* initially overlay is hidden */
    display:none;
	/* growing background image */
    background-image:url(/images/white.png);
	/*
      width after the growing animation finishes
      height is automatically calculated
      */
    width:auto;
	/* some padding to layout nested elements nicely  */
    padding:35px;
	/* a little styling */
    font-size:1.1em;
}

/* default close button positioned on upper right corner */
.apple_overlay .close {
	background-image:url(/images/close.png);
	position:absolute;
	right:5px;
	top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}
    /* use a semi-transparent image for the overlay */
  #overlay {
	background-image:url(/images/transparent.png);
	color:#efefef;
	height:460px;
  }
  /* container for external content. uses vertical scrollbar, if needed */
  div.contentWrap {
    height:460px;
    overflow-y:auto;
  }
  .palgrey a:link , a:visited {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: small;
	color: #676767;
	text-decoration: none;
	line-height: 1.3em;
	font-weight: 500;
  }
.palgrey a:hover {color: #C03;}
  </style>