div#oscar_graphs {
	margin-bottom: 26px;
	position: relative;
}

div#header_cont {
	/*margin-bottom: 16px*/;
	height: 100px;
}

div#header_cont #header_left {
	float: left;
	height: 100px;
	width: 188px;

	font-weight: bold;
	font-size: 1.03em;
	line-height: 1.2em;
	
	display: none;
}

div#header_left p {
    color: #D1700E;
    margin: 0px 0px 8px 0px;
    padding: 0px;
}

.blq-js div#header_cont #header_left {
	display: block;
}

div#header_cont #header_right {
	float: right;
}

div#header_cont #header_right img#film_strip {
    position: absolute;
    left: -34px;
}

div#header_cont #header_right #genre_carousel_cont {
	/*display: none*/;
}

div#header_cont #header_right div#genre_carousel_view {
	width: 720px;
	height: 96px;
	overflow: hidden;
	position: relative;
}

div#header_cont #header_right ul#genre_carousel {
	height: 96px;
	width: 11000px;
	position: absolute;
}

div#header_cont #header_right a.genre_carousel_arrow {
	background-image: url('/news/special/entertainment/12/oscar_graph/img/back_next_buttons.gif');
	display: inline-block;
	width: 24px;
	height: 96px;
	margin-right: 1px;
}

div#header_cont #header_right a.genre_carousel_arrow:hover,
div#header_cont #header_right a.genre_carousel_arrow:active {
	text-decoration: none;
}

div#header_cont #header_right a.genre_carousel_arrow_prev:hover {
	background-position: -34px top;
}

div#header_cont #header_right a.genre_carousel_arrow_prev:active {
	background-position: -68px top;
}

div#header_cont #header_right a.genre_carousel_arrow_prev.disabled,
div#header_cont #header_right a.genre_carousel_arrow_prev.disabled:hover,
div#header_cont #header_right a.genre_carousel_arrow_prev.disabled:active {
	background-position: -102px top;
	cursor: default;
}


div#header_cont #header_right a.genre_carousel_arrow_next {
	margin: 0 0 0 1px;
	background-position: -136px top;
}

div#header_cont #header_right a.genre_carousel_arrow_next:hover {
	background-position: -170px top;
}

div#header_cont #header_right a.genre_carousel_arrow_next:active {
	background-position: -204px top;
}

div#header_cont #header_right a.genre_carousel_arrow_next.disabled,
div#header_cont #header_right a.genre_carousel_arrow_next.disabled:hover,
div#header_cont #header_right a.genre_carousel_arrow_next.disabled:active {
	background-position: -238px top;
	cursor: default;
}

div#header_cont #header_right .genre_carousel_arrow,
div#header_cont #header_right div#genre_carousel_view {
	float: left;
}

div#header_cont #header_right ul#genre_carousel li {
	background: none;
	padding: 0px;
	width: 720px;
	height: 96px;
	float: left;
	margin-right: 10px;
}

div#header_cont #header_right ul#genre_carousel li .genre_image {
	width: 174px;
	float: left;
	position: relative;
	margin-right: 9px;
}

div#header_cont #header_right ul#genre_carousel li .genre_image span {
	position: absolute;
	top: 76px;
	left: 0px;
	display: inline-block;
	margin-left: 4px;
	font-weight: bold;
}

ul#genre_carousel li span.span_nav_title {
	font-weight: bold;
}

div#oscar_graphs div#main_cont ul#key {
	background-color: #E5E5E5;
	width: 188px;
	height: 497px;

	float:  left;
}

div#oscar_graphs div#main_cont {
	height: 500px;
}

div#oscar_graphs div#main_cont ul#key li {
	background: none;
	padding: 0px;
	margin: 0px;
}

div#oscar_graphs div#main_cont ul#key li a {
	color: #505050;
	padding: 8px;
	padding-top: 9px;
	display: block;
	font-weight: normal;
	width: 172px;
	position: relative;

	background-color: #E5E5E5;
}

div#oscar_graphs div#main_cont ul#key li a span {
	position: absolute;
	width: 14px;
	height: 14px;
	right: 10px;
	border: 1px solid #E5E5E5;
}

div#oscar_graphs div#main_cont ul#key li a:focus,
div#oscar_graphs div#main_cont ul#key li a:hover {
	text-decoration: none;
	cursor: default;
}

.blq-js div#oscar_graphs div#main_cont ul#key li a:hover {
	background-color: #474747;
	color: white;
	cursor: pointer;
}

.blq-js div#oscar_graphs div#main_cont ul#key li a:hover span {
	border: 1px solid white;
	cursor: pointer;
}

div#oscar_graphs div#main_cont ul#key li a.selected {
	background-color: #D1700E;
	color: white;
	font-weight: bold;
}

.blq-js div#oscar_graphs div#main_cont ul#key li a.selected:hover  {
	background-color: #D1700E;
}

div#oscar_graphs div#main_cont div#graph_cont {
	width: 770px;
	height: 497px;
	overflow: hidden;
	background-image: url('/news/special/entertainment/12/oscar_graph/img/graphs/all_genres_selected.gif');
	position: relative;
	float: right;
}

div#oscar_graphs div#main_cont div#graph_cont ul#graph_overlays li {
	display: none;
	padding: 0px;
	background: none;
}

div#oscar_graphs div#main_cont div#graph_cont .decade_line {
	position: absolute;
	height: 497px;
	width: 1px;
	border-left: 1px dashed white;
	z-index: 10;
	top: 0;
}

div#oscar_graphs div#main_cont div#graph_cont area,
div#oscar_graphs div#main_cont div#graph_cont area:hover {
	cursor: default;
}

div#oscar_graphs div#main_cont div#graph_cont img.trans {
	z-index: 20;
	position: absolute;
	top: 0;
	cursor: default;
}

div#oscar_tooltip {
	width: 250px;
	padding: 6px;
	position: absolute;
	
	z-index: 15;
}

div#oscar_tooltip h3.og-genre {
	background-color: #e5e5e5;
	color: #505050;
	font-size: 15px;
	line-height: 15px;
	margin-bottom: 0px;
	padding: 7px 8px;
}

div#oscar_tooltip ul li {
    background-image: none;
    list-style-type: none;
    margin: 0px;
    padding: 3px 8px;
    position: relative;
}

div#oscar_tooltip ul li.og-odd {
    background-color: #E5E5E5;
}

div#oscar_tooltip ul li.og-even {
    background-color: #ffffff;
}


div#oscar_tooltip ul li span {
    display: inline-block;
    width: 185px;
}

div#oscar_tooltip ul li span.winner {
    color: #d1700e;
    font-weight: bold;
}

div#oscar_tooltip ul li span.eyear {
	width: 60px;
	padding-right: 3px;
	position: absolute;
	right: 0px;
	text-align: right;
}

	
/* GRAPH LINES */
div#oscar_graphs #decade_30 { left: 32px;  }
div#oscar_graphs #decade_40 { left: 137px; }
div#oscar_graphs #decade_50 { left: 242px; }
div#oscar_graphs #decade_60 { left: 347px; }
div#oscar_graphs #decade_70 { left: 453px; }
div#oscar_graphs #decade_80 { left: 558px; }
div#oscar_graphs #decade_90 { left: 664px; }
div#oscar_graphs #decade_00 {	left: 769px; }

/* TEST STYLES*/
/*
div#oscar_graphs #decade_30,
div#oscar_graphs #decade_40,
div#oscar_graphs #decade_50,
div#oscar_graphs #decade_60,
div#oscar_graphs #decade_70,
div#oscar_graphs #decade_80,
div#oscar_graphs #decade_90 { width: 40px; background-color: #ccc; }

div#oscar_graphs #decade_30 span,
div#oscar_graphs #decade_40 span,
div#oscar_graphs #decade_50 span,
div#oscar_graphs #decade_60 span,
div#oscar_graphs #decade_70 span,
div#oscar_graphs #decade_80 span,
div#oscar_graphs #decade_90 span { border-left: 1px dashed #ff0000; width: 1px; height: 497px; display: block; margin-left: 20px; }*/


/* KEY COLOURS */
div#oscar_graphs div#main_cont ul#key li a.key_thriller span { background-color: #7A4530; }
div#oscar_graphs div#main_cont ul#key li a.key_horror span {   background-color: #FF9D6C; }
div#oscar_graphs div#main_cont ul#key li a.key_war span {      background-color: #1B381C; }
div#oscar_graphs div#main_cont ul#key li a.key_scifi span {    background-color: #30913C; }
div#oscar_graphs div#main_cont ul#key li a.key_period span {   background-color: #63B0C1; }
div#oscar_graphs div#main_cont ul#key li a.key_biopic span {   background-color: #7DCFE2; }
div#oscar_graphs div#main_cont ul#key li a.key_romance span {  background-color: #A86FAD; }
div#oscar_graphs div#main_cont ul#key li a.key_action span {   background-color: #DBAFDB; }
div#oscar_graphs div#main_cont ul#key li a.key_family span {   background-color: #FDB515; }
div#oscar_graphs div#main_cont ul#key li a.key_comedy span {   background-color: #47708F; }
div#oscar_graphs div#main_cont ul#key li a.key_western span {  background-color: #809B81; }
div#oscar_graphs div#main_cont ul#key li a.key_musical span {  background-color: #FDBC22; }
div#oscar_graphs div#main_cont ul#key li a.key_drama span {    background-color: #6C4D72; }
div#oscar_graphs div#main_cont ul#key li a.key_crime span {    background-color: #BFBD81; }

div#decade_list {
	color: #505050;
	height: 30px;
	position: relative;
}
div#decade_list ul li{
    background-image: none;
    list-style-type: none;
    padding: 0px;
    position: absolute;
    top: 12px;
}

div#decade_list ul li.d20 { left: 198px;  }
div#decade_list ul li.d30 { left: 230px;  }
div#decade_list ul li.d40 { left: 335px; }
div#decade_list ul li.d50 { left: 440px; }
div#decade_list ul li.d60 { left: 545px; }
div#decade_list ul li.d70 { left: 651px; }
div#decade_list ul li.d80 { left: 756px; }
div#decade_list ul li.d90 { left: 862px; }
div#decade_list ul li.d00 { left: 934px; }

div#oscar_graph_key {
    color: #505050;
    font-size: 12px;
    height: 20px;
    position: relative;
}

div#oscar_graph_key ul li {
    background-image: none;
    list-style-type: none;
    padding: 0px;
    position: absolute;
}

div#oscar_graph_key ul li.gyears { left:200px; }
div#oscar_graph_key ul li.gwinner { left: 320px; }
div#oscar_graph_key ul li.gwinner span { color: #d1700e; font-weight: bold;}
div#oscar_graph_key ul li.gsource { left: 470px; }
