#ms-body{
  width: 100%;
  height: 100%;	
  margin: 0;
  padding: 0;	
  font-family: sans-serif;
  background-color: #ffffff;
}

#ms-page-header{
  width: 100%;
  margin:0px;
  padding: 0px;
  background: #ededed;
}

#ms-page-body{
  width: 100%;
  height: 100%;
  background: #ededed;
  text-align: center;
  overflow: auto;
  position: relative; /* fixes IE 7 overflow bug? */
}

#ms-page-footer{
  width: 100%;
  margin:0px;
  padding: 0px 0px;
  background: #ededed;
  height: 30px;
}

#ms-page-container{
	height: 100%;
	width: 100%;
	position: relative;
	margin: 0px auto;
	padding: 0px;
	text-align: center;
	background-color: #ededed;
}

.ms-page-image{
  display: block;
  margin: 0;
  background: #ededed;
}

#ms-page-header h1{
	font-size:120%;
	margin:0;
	padding: 8px;
}

.ms-nav{
  margin: 0;
  padding: 0px 10px;
  background: #ededed;
  height: 30px;

}

.ms-clearer{
  clear:both;
}

.ms-nav-pages{
	float: right;
	margin-right: 20px;
}

.ms-page-number{
  font-size:0.9em; /* specified: 12pt */
	margin-top: 4px;
	float:left;
	height:20px;
	line-height:20px; /* vertical center */
	color: #666666;
	padding: 0 10px 0 10px;
	text-align: center;
}

.ms-nav-item-pages:hover{
	background: #333333;
	cursor:pointer;
}

.ms-nav-annotations{
}

.ms-annotation-current-title{
  height: 24px; /* less padding-top */
  line-height: 24px; /* fake vertical centering */
  margin: 2px 4px;
  float: left;
  padding: 0px 12px 0px 12px;
  width: 330px;
  max-width: 330px;
  overflow: hidden;
  text-align: center;
  font-size:0.9em; /* specified at 12pt */
  font-weight: bold;
  border: 1px solid #666666; /* replaced dynamically by active colour */
}

/* hover handled by jQuery for IE6 compatibility, since we're changing things other than cursor on mouseover */
.ms-nav-annot-title{
  color: #666666;
	background: #ffffff;
	cursor:pointer;
}

.ms-nav-annot-title-dummy{
	background: #ffffff;
	color: #cccccc;
}

.ms-page{
	position: absolute;
	top: 0px;
	left: 0px;
	display:none;
}

/* ensures hotspot border is never translucent. border-color is specified in the ms-author-X-border class */
.ms-hotspot-border{
	position:absolute;
	padding: 0;
	border-style: solid;
	border-width: 3px;
}

/* note: order of filters in translucent classes *is* significant for different flavours of IE */
.ms-translucent, .ms-translucent-without-hover{
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  opacity: .50;
}

.ms-translucent{ 
  cursor: pointer;
}

.ms-translucent:hover{
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=66)";
  filter: alpha(opacity=66);
  opacity: 0.66;
  cursor:pointer;
}

/* note: border-color is specified by ms-author-X-border class */
.ms-annotation-display{
  position:absolute;	
  z-index: 3;
  display: none; 
  padding: 6px;
  background:white; 
  text-align: left;
  border-style: solid;
  border-width: 3px;
  cursor: move;
}

.ms-annotation-display h2{
  margin: 8px 8px 0 8px; /* 8px margin + container's 6px padding = 14px */
  font-size: 1.333em;
  font-family: georgia, serif;
  font-weight: normal;
  border-top-style: none !important;
  padding-bottom: 14px;
}

.ms-annotation-author{
  width: 100%;
  margin: 0;
  padding: 0;
  border-top: 1px dotted #999;
  text-align: right;
}

.ms-annotation-author-byline-picture{
  width: 64px;
  height: 58px;
  max-width: 64px;
  max-height: 58px;
  margin: 6px 6px 4px 0px;
  border-bottom: 1px dotted #999; 
  padding-bottom: 4px;
  float:left;
}

.ms-annotation-author-byline-picture img{
  width: 64px;
  height: 58px;
  max-width: 64px;
  max-height: 58px;
}

.ms-annotation-author-container{
  padding: 0;
  margin: 6px 6px 0 69px;
}

.ms-annotation-author-byline, .ms-annotation-author-name{
  margin: 0;
  padding: 0;
  font-weight: bold;
  text-align: left;
}

.ms-annotation-body-container{

  margin-top: 0px;
  margin-left: 69px;
}

.ms-annotation-body{
}

.ms-annotation-body p{
  margin: 8px 0;
}

.ms-annotation-close-box{
	float:right;
	margin: 2px;
	width: 11px;
	height: 11px;
	background-image: url('/gut.mysociety.org/images/close_annotation_window.gif');
	background-repeat: no-repeat;
	background-position: top left;
	cursor: pointer;
}

.ms-annotation-footer{
  clear: both;
  border-top: 1px dotted #999;
  margin: 6px 0 0 69px;
  padding: 14px 0 6px 0;
}


.ms-annotation-footer-closer, .ms-annotation-link{
  margin: 0;
  border: 0;
  display: inline;
  font-weight: bold;
  cursor: pointer;
}

.ms-annotation-footer-closer:hover, .ms-annotation-close-box:hover, .ms-annotation-link:hover{
  cursor: pointer;
}

a.ms-annotation-link{
  text-decoration: none;  
}

.ms-nav-label{
  float: left;
  font-weight: bold;
  font-size:0.9em; /* matches title */
  margin: 0;
  height: 30px;
  line-height: 30px;
  padding: 0 1em 0 0;
}

.ms-nav-arrow{
  width: 11px;
  height:28px;
	background-color: #ededed;
  background-image:url('/gut.mysociety.org/images/nav_arrows.gif');
	background-repeat: no-repeat;
	float:left;  
}

.ms-nav-arrow-first{
	background-position: -10px 0px;
	cursor: pointer;
}
.ms-nav-arrow-first:hover{
	background-position: -10px -64px;
	cursor: pointer;
}
.ms-nav-arrow-first-ghost{
	background-position: -10px -32px;
}
.ms-nav-arrow-prev{
	background-position: -42px -0px;
	cursor: pointer;
}
.ms-nav-arrow-prev:hover{
	background-position: -42px -64px;
	cursor: pointer;
}
.ms-nav-arrow-prev-ghost{
	background-position: -42px -32px;
}
.ms-nav-arrow-next{
	background-position: -74px 0px;
	cursor: pointer;
}
.ms-nav-arrow-next:hover{
	background-position: -74px -64px;
	cursor: pointer;
}
.ms-nav-arrow-next-ghost{
	background-position: -74px -32px;
}
.ms-nav-arrow-last{
	cursor: pointer;
	background-position: -106px -0px;
}
.ms-nav-arrow-last:hover{
	background-position: -106px -64px;
	cursor: pointer;
}
.ms-nav-arrow-last-ghost{
	background-position: -106px -32px;
}