/* Logo to display when printing */

#printLogo {
  display: none;
}

@media print {
  #printLogo {
    display: inline;
  }
}

.clear_both { clear: both; }

#utilityStrip #trackingLink img {
	vertical-align: middle;
}

#utilityStrip span { display: inline; }

#edittoolmenu {
  width: 15em;
  position: absolute;
  top: 24px;
  right: 22em;
  list-style-type: none;
  margin: 0px;
  display: none;
  padding: 2px;
  background-color: white;
  border: 1px solid #999;
  border-right-width: 2px;
  border-bottom-width: 2px;
  text-align: left;
  
  font-size: 11px;
  
  z-index: 100;
}

#edittoolmenu form {
  display: inline;
  margin: 0px;
  padding: 0px;
}

#edittoolmenu:hover,
#edittoolmenu.sfhover {
  display: block;
}

#edittoolmenu li {
  line-height: 18px;
  overflow: hidden;
  margin: 0px;
  padding: 0px;
}

#edittoolmenu li.separator {
  font-size: 1px;
  height: 2px;
  overflow: hidden;
  border-top: 1px solid #ccc;
  margin-bottom: -3px;
  margin-top: 3px;
}

#edittoolmenu li.separator hr {
  height: 1px;
  border: none;
  display: none;
}

#edittoolmenu li a,
#edittoolmenu li a:link,
#edittoolmenu li a:visited {
  text-decoration: none;
  color: #444;
  display: block;
  padding: 1px;
  margin: 0px;
  padding-left: 24px;
}


#edittoolmenu .disabled {
  padding: 1px;
  padding-left: 24px;
  color: #aaa;
}

#edittoolmenu li a:hover,
#edittoolmenu li a.hover {
  color: HighlightText;
  background-color: Highlight;
}

#edittoolmenu li a,
#edittoolmenu li .disabled {
  background-repeat: no-repeat;
}
#editMenumain, .editMenumain {
  background: url(/static_war/render/images/edit-icons2.png) no-repeat 2px 2px;
}
#editMenurhs, .editMenurhs {
  background: url(/static_war/render/images/edit-icons2.png) no-repeat 2px -45px;
}
#editMenuProperties {
  background: url(/static_war/render/images/edit-icons2.png) no-repeat 2px -63px;
}
#editMenuPermissions {
  background: url(/static_war/render/images/edit-icons2.png) no-repeat 2px -80px;
}
#editMenuUploadFile {
  background: url(/static_war/render/images/edit-icons2.png) no-repeat 2px -116px;
}
#editMenuCreatePage {
  background: url(/static_war/render/images/edit-icons2.png) no-repeat 2px -98px;
}
#editMenuStatistics {
  background: url(/static_war/render/images/edit-icons2.png) no-repeat 2px -136px;
}
#editMenuMore {
  background: url(/static_war/render/images/edit-icons2.png) no-repeat 2px -153px;
}

/* IE overrides */

* html #edittoolmenu {
  margin-left: -14em;
}
* html #edittoolmenu form {
  float: left;
}
* html #edittoolmenu a,
* html #edittoolmenu a:link,
* html #edittoolmenu a:visited {
 height: 1em;
}

/* images for links that open in a new window */
a img.targetBlank {
  border: 0px;
  width: 12px;
  height: 13px;
  background: url(/static_war/images/newwindow.gif) right 3px no-repeat;
}
a:hover img.targetBlank {
  background-position: right -125px;
}

/* IE7 list whitespace bug */
#edittoolmenu li a,
#edittoolmenu li form{
  display:block;
  height:1em;
}
html>body #edittoolmenu li a,
html>body #edittoolmenu li form{
  height:auto;
  min-height:1em;
}
/* end IE7 */

#edittoolmenu li.separator {
  /*min-height: auto;*/
  height: 8px;
  line-height: 8px;
}

.user_error {
  display: block;
  color: red;
}

/* email page owner div */

#emailOwnerForm td, #emailOwnerForm input, #emailOwnerForm select, #emailOwnerForm textarea {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
}

#emailOwnerForm input, #emailOwnerForm select, #emailOwnerForm textarea {
  border: 1px solid #808080;
}

#emailOwnerForm .textfield {
  width: 95%;
}

#emailOwnerForm table {
  width: 100%;
}

#emailOwnerForm td.label {
  width: 10em;
}

#emailOwnerDivInner h1 {
  margin-top: 0px;
  font-size: 18px;
}

.rssicon {
    float: right; 
}

/** Versioning **/
ins.sbversion {
  background-color: #cec;
  text-decoration: none;
}
del.sbversion img {  }
del.sbversion {
  text-decoration: line-through;
  opacity: 0.3;
  -moz-opacity: 0.3;
  filter:alpha(opacity=30);
}

/** 404 **/

.pageNotFound #pageTitle h1 {
  padding-left: 40px;
  font-size: 170%;
  letter-spacing: 0px;
  padding-bottom: 10px;
  padding-top: 3px;  
}

.pageNotFound #pageTitle {
  background: url(/static_war/render/images/warning-triangle.png) 0px 0px no-repeat;
}

.pageNotFound .infobox {
  border: 1px solid #aaa;
  padding: 0px;
  background-image: none;
  margin-bottom: 1.5em;
}

.pageNotFound .infobox h2 {
  font-size: 90%;
  color: #000;
  background: url(/static_war/render/images/greygradient.png) 0px 1px repeat-x;
  border-bottom: 1px solid #aaa;
}

.pageNotFound .infobox h2 span {
  background: url(/static_war/images/qmark2.gif) 3px 3px no-repeat;
  display: block;
  padding: 0.4em 0.4em 0.3em 2.4em;
}

.pageNotFound #mainContent .infobox p {
  margin: 10px;
  font-size: 90%;
}

/* uncolour the selected page parts */
.pageNotFound #navigation .submenu li.selected * {
  background-color: transparent !important;
}
.pageNotFound #navigation .submenu li.selected span {
  display: none;
}
.pageNotFound #navigation .selected ul.submenu {
  padding-bottom: 0px;
}

/** Page tracking **/

.pageTrackingForm #pageTitle h1 {
	padding-left: 30px;
	font-size: 170%;
	letter-spacing: 0px;
	padding-bottom: 10px;
	padding-top: 3px;  
}

.pageTrackingForm #pageTitle {
	background: url(/static_war/render/images/tracking_whitebg.png) left 6px no-repeat;
}

.pageTrackingForm #mainContent form p {
	margin: 1em 0;
}

.pageTrackingForm #rhsContent p.trackingExplanation {
	background: url(/static_war/render/images/tracking_whitebg.png) top left no-repeat;
  	padding: 0px 10px 10px 28px;
  	margin-top: 10px;
}

/* Page comments */

ul.rootComments,
ul.rootComments ul.replies,
#bodyContent ul.rootComments,
#bodyContent ul.rootComments ul.replies {
  padding-left: 0px;
  margin-left: 0px;
  list-style: none;
  zoom: 1.0; /* damn you ie6 */
}

ul.rootComments ul.replies,
#bodyContent ul.rootComments ul.replies {
  margin-left: 10px;
}

ul.rootComments li,
#bodyContent ul.rootComments li {
  background-image: none;
  padding: 0px;
}

ul.rootComments form {
  padding-bottom: 1em;  
}

.comment_feed_icon {
  float: right;
  color: #999;  
}

.comment_feed_icon a {
  text-decoration: none !important;
}

.pageComment {
  border: 1px solid #ddd;
  margin-bottom: 1em;
  padding; 0px;
  background: #f9f9f9;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  zoom: 1.0;
}


.pageComment .commentFooter {
  padding: 0 0.5em;
}
.pageComment .meta {
  padding: 0.5em;
}

.pageComment .commentFooter {

}

.pageComment .editinfo {
  font-style: italic; 
}

.pageComment .meta .author {
  font-weight: bold;
  float: left;
  margin-right: 5px;
}  

.pageComment .meta .date {
  float: left;
  color: #666;
}

.pageComment .tools {
  float: right;
} 

.pageComment .tools a,
.commentsContainer .tools a {
  padding: 3px;
  background: white;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border: 1px solid #ddd;
  line-height: 220%;
  position: relative;
  bottom: 4px;
}

.pageComment .meta a,
.pageComment .tools a,
#bodyContent .pageComment .meta a,
#bodyContent .pageComment .tools a {
  text-decoration: none;
  font-weight: bold;
}

.pageComment.deleted {
  background: #fcc;
  opacity: 0.5;
  -moz-opacity: 0.5;
  filter: Alpha(50);
  border: 1px dashed red;
}

.pageComment.notApproved {
  background: #ccf;
  opacity: 0.5;
  -moz-opacity: 0.5;
  filter: Alpha(50);
  border: 1px dashed blue;
}

.pageComment.deleted,
.pageComment.deleted .meta,
.pageComment.notApproved,
.pageComment.notApproved meta {
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}

.pageComment .text {
  clear: left;
  padding: 0.5em;
}

.commentsContainer {
  padding-right: 10px;
}

.comment_form_holder textarea {
   font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
   font-size: 100%;
}

/* SBTWO-3433 */
.ieCommentSizeWarning {
  background: #fec url(/static_war/images/warning_icon.gif) 7px 10px no-repeat;
  padding: 5px 5px 5px 25px;
  border: 1px solid #cc6;
}

/* table layout is a bit more squished around the footer area. space it out. */
table#layoutTable #pageCommentsContainer {
  margin: 1em 0em;
}

/* Tell IE to use Bicupic interpolation, makes resized images look better */
img { -ms-interpolation-mode:bicubic; }


#bodyContent table,
#mainContent table,
#rhsContent table {
  border-collapse: collapse;
  border-color: #A0A0A0;  
}

#bodyContent table.cellSpacing {
  border-collapse: separate;
}

/* HTML5 Audio players */

.buttonPlayer .button {
  font-family: sans-serif;
  background: rgba(0,0,0,0.6);
  color: white;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
  position: relative;

  background: -moz-linear-gradient(
    #666 0%,
    #333 100%
  );
  background: -webkit-gradient(linear, left top, left bottom,
    from(#666),
    to(#333)
  );
}

.buttonPlayer .progress {
  background: yellow;
  height: 2px;
  width: 0px;
}
.buttonPlayer .progressLoading {
  background: green;
  height: 2px;
  width: 0px;
}
.buttonPlayer .progressContainer {
  background: #222;
}

.buttonPlayer .glyph {
  background-image: url(/static_war/render/images/mediaplayers/boxplayer-glyphs.png);
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -6px;
  margin-top: -6px;
}

.buttonPlayer .play .glyph {
}
.buttonPlayer .pause .glyph {
  background-position: 0px -28px;
}
.buttonPlayer .stop .glyph {
  background-position: 0px -16px;
}

.buttonPlayer .button.pause {
  background: #2f728f;
  background: -moz-linear-gradient(
    #2f728f 0%,
    #003969 100%
  );
  background: -webkit-gradient(linear, left top, left bottom,
    from(#2f728f),
    to(#003969)
  );
}

.buttonPlayer .button.play, 
.buttonPlayer .button.pause {
  height: 30px;
  line-height: 30px !important;
  border-bottom: none;
  -moz-border-radius: 8px 8px 0px 0px;
  -webkit-border-radius: 8px 8px 0px 0px;
}

.buttonPlayer .button.stop {
 -moz-border-radius: 0px 0px 8px 8px;
 -webkit-border-radius: 0px 0px 8px 8px;
 height: 15px;
}

.buttonPlayer  {
  width: 4em;
  height: 45px;
}

.buttonPlayer .button:hover {
  background: #4295e1;
  color: #000;

  background: -moz-linear-gradient(
    #4295e1 0%,
    #005979 100%
  );
  background: -webkit-gradient(linear, left top, left bottom,
    from(#4CB9E9),
    to(#005979)
  );
}
.buttonPlayer .rewindStop {

}

.longPlayer audio[controls] {
  width: 230px;
}

.longPlayer .clicktoplay {
  width:32px;
  height:32px;
  background: rgba(0,0,0,0.7);
}
/* bow before the imageless play icon */
.longPlayer .clicktoplay .playicon {
  background:transparent; 
  height:0px; 
  width: 0px;  
  border: 10px solid transparent; 
  border-left: 15px solid white; 
  border-right: 0px; 
  position: relative; top: 6px; left: 8px;
}

/* HTML5 click-to-play video poster support */
.media_tag_video {
  position: relative;
  display: inline-block;
}
.media_tag_play {
  position:absolute;
  height: 40px;
  width: 40px;
  background: url(/static_war/render/images/mediaplayers/video-play.png) center center no-repeat;
  left: 50%; margin-left: -20px;
  top: 50%; margin-top: -20px;
}

/* Fix for Chromium bug 76459, SBTWO-4293 */
video {
  text-align: left;	
}

/* Javascript slideshow */
.sb-slideshow {
	position: relative;
	
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center center;
	
	-o-background-size: contain;
	-webkit-background-size: contain;
	-khtml-background-size: contain;
	-moz-background-size: contain;
	background-size: contain;
}

.sb-slideshow-info {
	width: 100%;
	position: absolute;
	
	top: 0px;
	
	background: #000000;
	color: #FFFFFF;
	padding: 5px 0px;
	
	opacity: 0.75;
  	-moz-opacity: 0.75;
  	filter:alpha(opacity=75);	
}

.sb-slideshow-info .sb-slideshow-title, .sb-slideshow-info .sb-slideshow-description {
	margin: 0px 5px;	
}

.sb-slideshow-controls {
	width: 100%;
	position: absolute;
	
	bottom: 0px;
	
	background: #000000;
	color: #FFFFFF;
	text-align: center;
	height: 22px;
	
	opacity: 0.75;
  	-moz-opacity: 0.75;
  	filter:alpha(opacity=75);	
}
.sb-slideshow-controls img {
	height: 14px;
	width: 14px;
	border: 0;
	padding: 0;
	line-height: normal;
	white-space: nowrap;
	cursor: pointer;
	margin: 4px;
	
	background-image: url(/static_war/render/images/slideshowbuttongrid.png);	
  	background-repeat: no-repeat;
}

.sb-slideshow-controls .sb-slideshow-controls-prev { background-position: 0px 0px; }
.sb-slideshow-controls .sb-slideshow-controls-play { background-position: -14px 0px; }
.sb-slideshow-controls .sb-slideshow-controls-pause { background-position: -28px 0px; }
.sb-slideshow-controls .sb-slideshow-controls-next { background-position: -42px 0px; }

.sb-slideshow-overlay {
	width: 100%;
	height: 100%;
	background: white;
	zoom: 1;
	
	opacity: 0;
  	-moz-opacity: 0;
  	filter:alpha(opacity=0);	
}