@import url("/common/css/pagebase.css");
@import url("/common/css/leftmenu.css");

body#page {
  background-color: #CCCCCC;
}

#scroller {
  position: relative;
  top: 0;
  left: 0;
  overflow: hidden;
  height: 5em;
  margin: 0 4px 0 0;
  padding: 2px 4px;
  border: 1px solid #ccc;
  background-color: white;
  font-size: 90%;
  line-height: 1.2em;
  color: #31868B;
}

#popupscroller {
  margin: 5px;
  padding: 5px;
  border:1px solid #ccc;
}

#popupscroller #scroller {
  height: 160px;
  margin: 0;
  padding: 0;
  border: none;
}

#scrolltext.red {
	color: #cc1600;		
}
#scrolltext.amber {
	color: #e3571a;		
}
#scrolltext.green {
	color: #12b61c;		
}

#spinner { color: red }

#testimonial {
	text-align: left;
}

#castbox, #castimage { width: 160px }
#castimage { height: 160px }

#castbox {
  height: 224px;
  height: 240px;
  background-color: #e7e7e7;
  text-align: center;
  border: 1px solid #717131;
}

#castbox h2, #casttext { color: #848418 }
#castbox h2 { margin: 0.5em 0 }

#casttext {
  background-color: #e7e7e7;
  font-weight: normal;
  font-size: 110%;
  font: "trebuchet ms";
}

#twitterbox {
  margin-top: 1em;
  text-align: center;
  padding-bottom: 20px;
}

a {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  color: #b50000;
}

a:link, a:visited {
	color: #054245;
  border-bottom-color: #ccc;
}

a:hover, a:active {
  border-bottom-color: #333;
}

a.imagelink:link, a.imagelink:visited, a.imagelink:hover, a.imagelink:active {
  border-bottom-width: 0;
}
img {border: none;}

input, textarea {
  background-color: #F6F6F6;
  color: #333333;
  border: 1px solid #CECFCE;
}
h1, h3 {
  color: #054245;
  font-weight: normal;
}
h2, h4 {
	color: #51510C;
	font-weight: normal;
}

h1 { font-size: 130% }
h2 { font-size: 120% }
h3 { font-size: 110% }
h4 { font-size: 100% }

.helptext { color: #690 }

.castpro ul {
	float: left;
	width: 29%;
	list-style-position: outside;
	list-style-type: none;	
	padding-left: 5px;
	margin-left: 5px;
	}

.castpro h2 {
  height: 3em;
  margin: 0.5em 0;
  line-height: 1em;
}

* html .castpro { height: 1% } /* IE/Win < 7.0 - force layout */

table h2, table h3 {
  margin-top: 0.5em;
  margin-bottom: 0;
}

.highlight { color: black }

.xwrap {
  margin: 0 0 0 0;
  border: 1px solid green;
  padding: 0 0 0 0;
}

#pagetop a:link, #pagetop a:active, #pagetop a:visited, #pagetop a:hover {
  text-decoration: none;
  border: none;
}

/*
 *   news article page styles
 */

.newsfilter { float: right }

.headlinelist {
  float: right;
  width: 20em;
  margin: 10px;
  border: 1px solid black;
  padding: 10px;
}


/*
 *   contentspot link style overrides
 */

#creditlink {
  bottom: -30px;
  right: 20px;
  background-color: #fffcf9;
  border: 1px solid #787835;
  line-height: 1.5em;
}


/*
 *   page structure styles
 */

#pagetop {
  position: absolute;
  z-index: 1;
  top: 10px;
  left: 0;
  height: 128px;
  width: 84%;
  margin: 10px 8% 0 8%;
  background: url("../resources/pagetop.png") repeat-x top;
  text-align: center;
}

.topleft {
	margin: 15px 0 0 10px;
	float: left;
	}
.topright {
	margin: 35px 10px 0 0;
	float: right;
		}
#body {
  position: absolute;
  top: 120px;
  left: 0;
  margin: 0 8% 0 8%;
  width: 84%;
}

#content {
  padding: 10px 175px 10px 175px;
  text-align: left;
  line-height: 140%;
  color: #333;
  border: 1px solid #b09464;
  background-color: #FBFBFB;	
}

#testimonials {
  border: 1px solid #FBFBFB; /* for ie/win < 7 */
}

#testimonials p{
	margin-bottom: 0;
	margin-left: 25px;
	}
.testers {
	margin-top: 0;
	text-align: right;
	margin-right: 35px;
	color:  #054245;
		}
/*
 *   left menu style overrides
 */
#rightcolumn { position: absolute; top: 87px; right: 5px }


#navigate { position: absolute; top: 7px; left: 5px }

#menu { position: relative }
#menubar { position: relative }
#menuoffset { left: 130px }
#menupad { top: -50px; left: -50px; width: 600px; height: 500px }

#menubar a:link, #menubar a:visited, #menubar a:active, #menubar a:hover {
  border: 1px solid #717131;
}

#menubar a:link, #menubar a:visited, #menubar a:active,
#menu .menubag a:link, #menu .menubag a:visited, #menu .menubag a:active {
  background-color: #E3E3E3;
  color: #054245;
}

#menubar a:hover, #menu .menubag a:hover,
#menubar a.hover:link, #menubar a.hover:visited,
#menubar a.active:link, #menubar a.active:visited {
  background-color: #054245;
  color: #E3E3E3;
}

#menu .menubag div {
  margin-top: 0.8em;
  border-color: #357910;
}

#menubar, #menu .menubag, .contextmenu { opacity: 0.85 }
/* non-standard alpha settings - will not validate */
#menubar, #menu .menubag, .contextmenu { -moz-opacity: 0.85 }    /* early Gecko */
#menubar, #menu .menubag, .contextmenu { -khtml-opacity: 0.85 }  /* early Konq/Safari */

#menubar, #menu .menubag, .contextmenu {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; /* IE8 native */
  filter: alpha(opacity=85); /* IE5-7 and IE8 in IE7 mode (must be in this order!) */
} /* IE/Win */

#navigate input {
  background-color: #F6F6F6;
  color: #333333;
  border: 1px solid #CECFCE;
}

#navigate input.text { width: 120px }
#znavigate input.button { width: 150px }

#imdb {
	font-size: 80%;
	text-align: center;
	}
#ximdb input {
	background-color: #F6F6F6;
	color: #333333;
	border: 1px solid #CECFCE;
	}

#imdb input.button { width: inherit }
/*
 *   thumbnail and gallery styles
 */

.thumb {
  position: absolute;
  width: 125px;
  height: 125px;
  text-align: center;
}

.thumb img {
  border-style: none;
  margin-left: auto;
  margin-right: auto;
}

.piximage img { border-style: none }

.thumblist, .thumbnail { position: relative }
.thumblist .thumbback, .thumblist .selected, .thumblist .thumbforward { display: inline }
.thumblist img { border: 1px solid white; margin: 4px 1px }
.thumblist img.missing { border-color: #ddd }
.thumblist .selected img {
  border-color: white;
  opacity: 0.30;
  /* non-standard alpha settings - will not validate :) */
  -moz-opacity: 0.30;
  -khtml-opacity: 0.30;
  filter: alpha(opacity=30);
}
.thumblist a { border-bottom-width: 0 }
.thumblist a:hover img { border-color: #357910 }

/*
 *   in-page admin menu style overrides
 */

#pageadmin { top: 100px; right: 10px }