html, body {
  color            : #000000;
  margin-top       : 10px;
  margin-bottom    : 20px;
  padding          : 0px;
  background-color : #FFFFFF;
  font-family      : Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size        : 12px;
    scrollbar-3dlight-color: #333333;
	scrollbar-base-color: #333333;
	scrollbar-darkshadow-color: #f0f0f0;
	scrollbar-face-color: #394956;
	scrollbar-highlight-color: #ffffff;
	scrollbar-shadow-color: #333333;
	scrollbar-track-color: #f0f0f0;
	scrollbar-arrow-color: #ffffff;
 
}
#wrapper {
	position:relative;
	width:980px;
	margin:0 auto;
}
td, tr, div {
  font-family      : Arial, Helvetica, sans-serif;
  font-size        : 12px;
  color            : #666666;
}
hr {
  color            : #666666;
  height           : 1px;
  width            : 100%;
}

p { margin-top: 0; margin-bottom: 0px; }

img { border: 0 none; }

input.button,
button.button,
#validate { cursor: pointer; }

.contentdescription { 
  width            : auto;
  display          : block;
} 
#buttons {
  float            : right;
  margin           : 0px;
  padding          : 0px;
  width            : 50%;
}
ul#mainlevel-nav {
  font-size        : 11px;
  list-style       : none;
  padding          : 0;
  margin           : 0;
  font-size        : 0.8em;
}
ul#mainlevel-nav li {
  display          : block;
  background-image : none;
  padding-left     : 1px;
  padding-right    : 1px;
  float            : right;
  margin           : 0;
  width            : auto;
  font-size        : 11px;
  line-height      : 22px;
  white-space      : nowrap;
  border-left      : 1px solid #cccccc;
}
ul#mainlevel-nav li a {
  font-size        : 11px;
  display          : block;
  padding-left     : 16px;
  padding-right    : 15px;
  text-decoration  : none;
  color            : #999999;
  background       : transparent;
}
ul#mainlevel-nav li a:hover {
  font-size        : 11px;
  color            : #666666;
}
.sublevel {
  padding-left     : 10px;
}
.leftrow {
  width            : 168px;
  margin-right     : 5px;
}
.rightrow {
  width            : 168px;
  text-align       : right;
  margin-left      : 5px;
}

/* NEWSFLASH
--------------------------------------------------------- */
div.newsflash {
  margin-left		:10px;
  margin-right		:10px;
  border			:2px solid #D2D2D2;
  background-color	:#EAEAEA;
}

/* MODULES
--------------------------------------------------------- */
div.moduletable h3,
div.moduletable_menu h3,
div.moduletable_text h3,
div.moduletable_hilite h3 {
  font-size        : 12px;
  font-weight      : bold;
  text-transform   : uppercase;
  text-align       : left;
  height           : 20px;
  line-height      : 20px;
  text-indent      : 8px;
  letter-spacing   : 1px;
  color            : #666666; 
  border-bottom    : 1px solid #666666;
}

div.moduletable h3 span,
div.moduletable_menu h3 span,
div.moduletable_text h3 span,
div.moduletable_hilite h3 span {
	display: block;
	height: 20px;
	line-height: 20px;
	margin: 0;
	padding: 0;
}

div.moduletitle {
  font-size        : 12px;
  font-weight      : bold;
  text-transform   : uppercase;
  text-align       : left;
  height           : 20px;
  line-height      : 20px;
  text-indent      : 8px;
  letter-spacing   : 1px;
  color            : #666666; 
  border-bottom    : 1px solid #666666;
  margin-bottom		: 4px;
}

div.moduletable,
div.moduletable_menu,
div.moduletable_text,
div.moduletable_hilite {
  width			   : 100%;
  padding		   : 0px;
}

#search {
  float            : left;
  margin-top       : 5px;
  border           : 1px solid #cccccc;
  padding          : 0px;
  width            : 125px;
  height           : 16px;
  overflow         : hidden;
}
#search .inputbox {
  border           : 0px;
  margin-top       : 0px;
  font-family      : arial, helvetica, sans-serif;
  font-size        : 9px;
  height           : 10px;
  width            : 140px;
  color            : #666666;
  background       : #FFFFFF;
}
.back_button {
  color            : #394956;
  font-family      : Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size        : 11px;
  background-repeat: no-repeat;
  white-space      : normal;
  font-weight      : normal;
  padding-bottom   : 4px;
  padding-left     : 20px;
  padding-right    : 2px;
  padding-top      : 1px;
  margin-right     : 4px;
  float            : right;
  font-weight      : normal;
  line-height      : 10px;
  text-decoration  : none; 
}
.button {
  color            : #666666;
  border           : 1px solid #666666;
  background-color : #ffffff;
  margin-top       : 0px;
  font-family      : arial, helvetica, sans-serif;
  font-size        : 12px;
  padding-bottom   : 0px;
  padding-left     : 4px;
  padding-right    : 4px;
  padding-top      : 0px;
}
.inputbox {
  font-size        : 10px;  
  border           : 1px solid #666666;
  background-color : #ffffff;
  margin-bottom    : 0px;
  color		 		: #666666;
  padding          : 1px;
}
.sectiontableheader {
  font-size        : 11px;
  font-weight      : normal;
  text-transform   : uppercase;
  letter-spacing   : 1px;
  color            : #666666;
  background       : #ffffff;
  padding          : 1px;
}
.sectiontableentry1 {
  vertical-align   : top;
  padding          : 3px;
  background       : #ECEAD8;
  border-top       : 1px solid #FFFFFF;
  border-bottom    : 1px solid #BCB778;
}
.sectiontableentry2 {
  vertical-align   : top;
  padding          : 3px;
  border-top       : 1px solid #FFFFFF;
  border-bottom    : 1px solid #BCB778;
}

/*---------------- Start Menu with Logo Background */

a.mainlevel:link, a.mainlevel:visited {
	display: block;
	background: url(../images/menu_bg.png) no-repeat;
	vertical-align: middle;
	font-size: 11px;
	font-weight: bold;
	color: #fff200;
	text-align: left;
	padding-top: 5px;
	padding-left: 55px;
	height: 20px !important;
	height: 25px;
	width: 100%;
	text-decoration: none;
}

a.mainlevel:hover {
	background-position: 0px -25px;
	text-decoration: none;
	color: #004693;
}

a.mainlevel#active_menu {
	background-position: 0px -25px;
	color:#004693;
	font-weight: bold;
}

a.sublevel:link, a.sublevel:visited {
	display: block;
	background: url(../images/menu_bg.png) no-repeat;
	background-position: 0px -50px;
	vertical-align: middle;
	font-size: 11px;
	font-weight: bold;
	color: #004693;
	text-align: left;
	padding-top: 5px;
	padding-left: 55px;
	height: 20px !important;
	height: 25px;
	width: 100%;
	text-decoration: none;
}

a.sublevel:hover {
	background-position: 0px -75px;
	color: #fff200;
	text-decoration: none;
}

a.sublevel#active_menu {
	background-position: 0px -75px;
	color: #fff200;
	text-decoration: none;
}

/*---------------- End of Menu with Logo Background */

a:link, a:visited {
  font-size        : 11px;
  color            : #394956;
  text-decoration  : none;
  font-weight      : bold;
}
a:hover {
  font-size        : 11px;
  color            : #394956;
  text-decoration  : none;
  font-weight      : bold;
}
a.category:link, a.category:visited {
  font-size        : 11px;
  font-weight      : bold;
}
a.readon:link, a.readon:visited {
  color            : #394956;
  font-family      : Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size        : 11px;
  background-repeat: no-repeat;
  white-space      : normal;
  font-weight      : bold;
  border           : 1px solid #394956;
  padding-bottom   : 3px;
  padding-left     : 21px;
  padding-right    : 2px;
  padding-top      : 1px;
  float            : left;
  line-height      : 10px;
  text-decoration  : none; 
}
a.readon:hover {
  color            : #666666;
  font-family      : Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size        : 11px;
  background-repeat: no-repeat;
  white-space      : normal;
  font-weight      : bold;
  border           : 1px solid #666666;
  padding-bottom   : 3px;
  padding-left     : 21px;
  padding-right    : 2px;
  padding-top      : 1px;
  float            : left;
  line-height      : 10px;
  text-decoration  : none; 
}
ul {
  float            : left;
  margin           : 2px;
  padding-left     : 10px;
  list-style       : none;
}
li {
  line-height      : 15px;
  padding-left     : 15px;
  padding-top      : 0px;
  background-repeat: no-repeat;
  background-position: 0px 3px;
}
table.contenttoc {
  border           : 1px solid #666666;
  background       : #ffffff;
  padding          : 5px;
  margin-left      : 2px;
  margin-bottom    : 2px;
}
.pagenavcounter {
  font-size        : 10px;
  color            : #394956;
}
.pagenavbar {
  border-top       : 1px solid #666666;
  padding          : 2px;
}

.pagenav {
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  color            : #394956;
  border: 3px double #1655a4;
  width: auto;
  background: url(../images/button_bg.png) repeat-x;
  padding: 0px 10px;
  line-height: 20px;
  margin: 1px;
}

a.pagenav:link, a.pagenav:visited {
  text-decoration  : none;
}
a.pagenav:hover {
  text-decoration  : none;
  color				: #666666;
}
.date {
  font-size        : 10px;
  color            : #394956;
  padding-right    : 10px;
}
.small {
  font-size        : 10px;
  color            : #394956;
}
.smalldark {
  font-size        : 10px;
  color            : #394956;
}
.createdate, .modifydate {
  font-size        : 10px;
  color            : #394956;
}
.content_vote {
  font-size        : 10px;
  height           : 22px;
  padding-top      : 2px;
  padding-bottom   : 2px;
}
.content_rating {
  font-size        : 10px;
  color            : #394956;
}
.pathway {
  text-align       : left;
  vertical-align   : top;
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-size        : 10px;
  font-weight      : bold;
  color            : #ffffff;
  background-color : #394956;
  padding-left     : 5px;
}
a.pathway:link, a.pathway:visited {
  font-size        : 10px;
  font-weight      : bold;
  padding-left     : 0px;
  color            : #ffffff;
}
a.pathway:hover {
  font-size        : 10px;
  font-weight      : bold;
  padding-left     : 0px;
  color			   : #666666;
}
table.content{
  width            : 100%;
  padding          : 0px;
  border-collapse  : collapse;
  border-spacing   : 0px;
  margin-bottom    : 10px;
}
table.contentpane {
  width            : 100%;
  padding-left     : 5px;
  padding-right    : 5px;
  border-spacing   : 0px;
  margin-bottom    : 5px;
}
table.contentpaneopen {
  width            : 100%;
  padding-left     : 5px;
  padding-right    : 5px;
  border-spacing   : 0px;
  margin-bottom    : 5px;
}
.pollstableborder{
  border-color     : #666666;
}
.contentheading {
  font-size        : 14px;
  font-weight      : bold;
  line-height      : 20px;
  text-transform   : uppercase;
  text-align       : left;
  color            : #394956;
  width            : 100%;
}
.componentheading {
  font-size        : 14px;
  font-weight      : bold;
  text-transform   : uppercase;
  text-align       : left;
  vertical-align   : middle;
  color            : #394956;
  background       : url(../images/components.gif);
  padding-top      : 5px;
  padding-left     : 5px;
  height	   : 20px !important;
  height	   : 25px;
  width            : 100%;
}
.title {
  font-family      : Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-weight      : bold;
  text-transform   : uppercase;
  text-indent      : 8px;
  font-size        : 20px;
  text-align       : left;
  color            : #FFFFFF;
}
.title a:link, .title a:visited {
  font-size        : 20px;
  color            : #394956;
  text-decoration  : none;
  font-weight      : bold;
}
.title a:hover {
  font-size        : 20px;
  color            : #666666;
  text-decoration  : none;
  font-weight      : bold;
}
.ontab {
  border-left      : 1px solid #666666;
  text-align       : center;
  font-weight      : bold;
  color            : #333333;
  padding          : 5px;
  cursor           : hand;
  line-height      : 40px;
}
.offtab {
  border-left      : 1px solid #333333;
  text-align       : center;
  color            : #666666;
  font-weight      : normal;
  padding          : 5px;
  cursor           : hand;
  line-height      : 40px;
}
.tabpadding {
 border-left       : 1px solid #333333;
}
.pagetext {
  visibility       : hidden;
  position         : relative;
  top              : -10px;
  background-color : #FFFFFF;
  display          : none;
}
div.endofpage {
  font-family      : Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size        : 10px;
  text-align       : center;
  text-decoration  : none;
  font-weight      : normal;
}
.footer {
  font-family      : Verdana, Geneva, Arial, Helvetica, sans-serif;
  color            : #FFFFFF;
  font-size        : 10px;
  color            : #FFFFFF;
  font-weight      : normal;
 }
.footer a:link, .footer a:visited {
  font-size        : 10px;
  color            : #ffffff;
  text-decoration  : none;
  font-weight      : normal;
}
.footer a:hover {
  font-size        : 10px;
  color            : #ffffff;
  text-decoration  : none;
  font-weight      : bold;
}

/* Tooltips */

.tool-tip {
	float: left;
	background: #ffc;
	border: 1px solid #D4D5AA;
	padding: 5px;
	max-width: 200px;
}

.tool-title {
	padding: 0;
	margin: 0;
	font-size: 100%;
	font-weight: bold;
	margin-top: -15px;
	padding-top: 15px;
	padding-bottom: 5px;
	background: url(../../system/images/selector-arrow.png) no-repeat;
}

.tool-text {
	font-size: 100%;
	margin: 0;
}

.allvideos {
	display: block;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	background: url(../images/videos/tv/streaming_5.gif) no-repeat;
	vertical-align: middle;
	font-size: 11px;
	font-weight: bold;
	color: #fff200;
	text-align: left;
	height: 285px;
	width: 100%;
	text-decoration: none;
}

.form-login {
  display			: inline;
  font-size        : 11px;
  height           : 12px;
  padding-top      : 2px;
  padding-bottom   : 2px;
}

.form-login inputbox {
  font-size        : 12px;
  height           : 12px;
}

/* -- buttons -> STILL NEED CLEANUP*/
table.button2-pagination {
	display:inline-block;
	text-align: center;
	width: auto;
	padding-top: 5px;
}

.button2-left,
.button2-right,
.button2-left div,
.button2-right div {
	float: left;
}

.button2-left a,
.button2-right a,
.button2-left span,
.button2-right span {
	display: block;
	height: 22px;
	float: left;
	line-height: 22px;
	font-size: 11px;
	color: #333;
	cursor: pointer;
}

.button2-left span,
.button2-right span { cursor: default; color: #999; }

.button2-left .page a,
.button2-right .page a,
.button2-left .page span,
.button2-right .page span,
.button2-left .blank a,
.button2-right .blank a,
.button2-left .blank span,
.button2-right .blank span { padding: 0 6px; }


.button2-left a:hover,
.button2-right a:hover { text-decoration: none; color: #394956; }

.button2-left a,
.button2-left span { padding: 0 24px 0 6px; }

.button2-right a,
.button2-right span { padding: 0 6px 0 24px; }

.button2-left { background: url(../images/j_button2_left.png) no-repeat; float: left; margin-left: 5px; }

div.button2-right { background: url(../images/j_button2_right.png) 100% 0 no-repeat; float: left; margin-left: 5px; }

.button2-right .prev { background: url(../images/j_button2_prev.png) no-repeat; }

.button2-right.off .prev { background: url(../images/j_button2_prev_off.png) no-repeat; }

.button2-right .start { background: url(../images/j_button2_first.png) no-repeat; }

.button2-right.off .start { background: url(../images/j_button2_first_off.png) no-repeat; }

.button2-left .page,
.button2-left .blank { background: url(../images/j_button2_right_cap.png) 100% 0 no-repeat; }

.button2-left .next { background: url(../images/j_button2_next.png) 100% 0 no-repeat; }

.button2-left.off .next { background: url(../images/j_button2_next_off.png) 100% 0 no-repeat; }

.button2-left .end { background: url(../images/j_button2_last.png) 100% 0 no-repeat; }

.button2-left.off .end { background: url(../images/j_button2_last_off.png) 100% 0 no-repeat; }

.button2-left .image 	{ background: url(../images/j_button2_image.png) 100% 0 no-repeat; }
.button2-left .readmore 	{ background: url(../images/j_button2_readmore.png) 100% 0 no-repeat; }
.button2-left .pagebreak { background: url(../images/j_button2_pagebreak.png) 100% 0 no-repeat; }
.button2-left .blank	 	{ background: url(../images/j_button2_blank.png) 100% 0 no-repeat; }