@import "slidebox-my-own-style.css";
@import "slidebox.css";
@import "home-page.css";
@import "slideshow,schedule,mosaic,top5.css";

/** 
* @filepath: reset,style,global,register-loader,social-link,textmessage,upgrade,abc-community
* @created: Sat, 03 Apr 10 09:28:54 -0700
*/


/** 
* @filepath: /shared/reset.css
* @created: Fri, 02 Apr 10 18:15:29 -0700
*/
/* -------------------------------------------------- 
				RESET CSS
----------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, 
pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, 
font, img, ins, kbd, q, s, samp,small, strike, strong, sub, 
sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,table, caption, tbody, tfoot, 
thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 12px;
	vertical-align: baseline;
	background: transparent;
}
body {line-height: 18px;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */

/* IE PNG FIX */
.pngFixWrapRel { position: relative; }
.pngFixWrapAbs { position: absolute; }
/* Clearfix */
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
* html .clearfix {height: 1%;}
*:first-child+html .clearfix {min-height: 1px;}


/** 
* @filepath: /shared/style.css
* @created: Fri, 02 Apr 10 18:15:29 -0700
*/
/* -------------------------------------------------- 
				General Text Settings
----------------------------------------------------*/
body{background-color:#fff;color:#ffffff;margin:0px;font-size:.9em;
font-family:"Avant Garde Book BT","Avant Garde Book","Avant Garde",Arial, Helvetica, sans-serif;color:#999999;height:100%;}

/* Headings */
h1 { padding: 7px 0 12px; font-size: 1.6em; font-weight: 700; margin: 0 0 12px; }
h2 { padding: 3px 0 8px; font-size: 24px; font-weight: 700; margin: 0 0 8px; }
h3 { font-size: 14px; font-weight: 700; margin: 0 0 4px; padding: 0 0 4px; }
h4 { font-size: 14px; font-weight: 700; margin: 0 0 12px; }
h5 { font-size: 12px; }
h6 { font-size: 10px; }
 
/* -------------------------------------------------- 
				LINKS
----------------------------------------------------*/
a,
a:link,
a:visited { text-decoration: none; color: #56caf5; }

a:hover,
a:active { /* text-decoration: underline;*/ color: #56caf5; }

/* -------------------------------------------------- 
				COMMON FORMATTING
----------------------------------------------------*/
hr { margin: 15px 0; }
div.hr { height:1px; width:100%; background:#C8C8C8 }
/* paragraphs */
p { margin: 0 0 5px; }
strong { font-weight: 700; }

/* Lists */
ul, ol { margin: 0 0 18px; }
ul ul, ol ol { margin: 0 18px 3px; }

dl { margin: 0 0 18px; }
dl dt { font-weight: 700; }
dl dd { margin-left: 0px; }

/* Blockquotes */
blockquote { margin: 18px; padding: 18px 18px 0 18px; }

/* -------------------------------------------------- 
				FORMS
----------------------------------------------------*/
label { font-weight: 700; }
p.buttons { margin: 15px 0 0; }
label.vote{ font-weight:normal; display: inline  ;}

/* Fieldsets */
fieldset { padding: 14px; margin: 0 0 18px 0; border: 1px solid #ccc; }
legend { font-weight: bold; font-size: 18px; }
label { display: block; }

/* Text fields */
input.text, input.title { width: 300px; margin: 6px 6px 18px 0; }
input.text, input.title { border:1px solid #bbb; background:#f6f6f6; padding: 6px; }
input.text:focus,
input.title:focus { border:1px solid #999; background:#fff; }
input.title { font-size: 14px; }

/* Textareas */
textarea { width: 500px; height: 200px; margin: 6px 6px 6px 0; }
textarea { border:1px solid #bbb; background:#eee; padding:5px; }
textarea:focus { border:1px solid #999; background:#fff; }

/* Select fields */
select { border:1px solid #ccc; background:#f6f6f6; width:200px; }
select:focus { border:1px solid #999; background:#fff; }

/* -------------------------------------------------- 
				TABLES
----------------------------------------------------*/
table   { margin-bottom: 15px; }/*
th      { border-bottom: 2px solid #ccc; font-weight: bold; }
td      { border-bottom: 1px solid #ddd; }
th,td   { padding: 4px 10px 4px 0; }*/
tfoot   { font-style: italic; }
caption { background: #ffc; }
table .last { padding-right: 0; } 

/* -------------------------------------------------- 
				GLOBAL CLASSES
----------------------------------------------------*/
.clear  { clear: both; }

/** 
* @filepath: /global.css
* @created: Fri, 02 Apr 10 18:15:29 -0700
*/
/* GLobal Disabled state for pagination arrows */
a.disabled {
	opacity: .4;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	cursor: text !important;
}

a:hover, a:active {
	text-decoration:underline;
}

/* -------------------------------------------------- 
				HEADER
----------------------------------------------------*/ 
.header {
	min-width: 1001px;
	width: 100%;

	
}

	.headerContent,.headerContent1 {
		margin: 0 auto;
		width: 995px; 
		position: relative;
		z-index:0;
		padding-top:5px;
		text-align: center;
	}
	
		.headerControls {
			height: 55px;
			position: relative;
			z-index: 1002;
			text-align: left;
		}



/*	BRANDING
----------------------------------------------------*/
div.logo {
	position: absolute;
	bottom: -85px;
	left: -69px;
	z-index: 1000;
	margin: 0 0 12px;
	padding: 7px 0 12px;
}
	
div.logo a {
	text-indent: -9999px;
	height: 115px;
	width: 200px;
	background: url(http://cdn.media.abc.go.com/m/images/global/generic/logo.png?v1) no-repeat;
	display: block;
}

h1.logo {
	position: absolute;
	bottom: -85px;
	left: -69px;
	z-index: 1000;
}
	
h1.logo a {
	text-indent: -9999px;
	height: 115px;
	width: 200px;
	background: url(http://cdn.media.abc.go.com/m/images/global/generic/logo.png?v1) no-repeat;
	display: block;
}


/*	PRIMARY NAV / TABS
----------------------------------------------------*/
ul.primaryNav {
	position: absolute;
	bottom: 1px;
	left: 100px;
	margin: 0;
	padding: 0;
	z-index: 1000;
}

ul.primaryNav li{
	float: left;
	display: inline;
	margin-right: 4px;
}

ul.primaryNav li a{
	display: block;
	height: 34px;
	width: 98px;
	text-indent: -9999px;
}

ul.primaryNav li.videoTab a {
	width: 150px;
}

ul.primaryNav li.showsTab a{
	background: url(http://cdn.media.abc.go.com/m/images/global/buttons/tab_navi2.gif) no-repeat 0px 3px;
}

ul.primaryNav li.scheduleTab a{
	background: url(http://cdn.media.abc.go.com/m/images/global/buttons/tab_navi2.gif) no-repeat -102px 3px;
}

ul.primaryNav li.videoTab a{
	background: url(http://cdn.media.abc.go.com/m/images/global/buttons/tab_navi2.gif) no-repeat -204px 3px;
}				


ul.primaryNav li.showsTab a:hover{
	background: url(http://cdn.media.abc.go.com/m/images/global/buttons/tab_navi2.gif) no-repeat 0px bottom;
}

ul.primaryNav li.scheduleTab a:hover{
	background: url(http://cdn.media.abc.go.com/m/images/global/buttons/tab_navi2.gif) no-repeat -102px bottom;
}

ul.primaryNav li.videoTab a:hover{
	background: url(http://cdn.media.abc.go.com/m/images/global/buttons/tab_navi2.gif) no-repeat -204px bottom;
}	

/*	SECONDARY NAV
----------------------------------------------------*/
ul.secondaryNav {
	position: absolute;
	right: 230px;
	bottom: 4px;
	margin: 0;
	padding: 0;
}

ul.secondaryNav li{
	float: left;
	display: inline;
	padding-right: 10px;
	margin-right: 10px;
	border-right: 1px solid #666666;
}

ul.secondaryNav li a{
	font-size: 10px;
	text-transform: uppercase;
}

ul.secondaryNav li.last{
	border: none;
}

/*	TAB
----------------------------------------------------*/

a.tabOn:link , a.tabOn:visited {color:#990000;font-weight:bold;}
a.tabOn:hover, a.tabOn:active  {color:#990000;font-weight:bold;}
a.tabOff:link, a.tabOff:visited{color:#999999;font-weight:bold;}
a.tabOff:hover,a.tabOff:active{color:#990000;font-weight:bold;}


.tab{float:left;width:120px;padding-right:2px; }
.tab div{padding:7px; border:solid 1px #333333;border-bottom-width:0px;text-align:center;height:15px;}
.spacetab{width:245px;}
a.tab:link, a.tab:visited, a.tab:hover, a.tab:active{font-size:15px;font-weight:bold;text-decoration:none;border-color:#ffffff;border-width:0px;}
.tabbelow{clear:both;height:20px;border-left:solid 1px #333333;width:500px;}
.Content{float:left;width:655px;padding:180px 0px 0px 0px; }  


/**
 * Tabs
 */
.tabs {
	text-align:left;
	margin:0;
	padding:0;
}

.tabs:after {
	clear:both;
	content:'';
	display:block;
	overflow:hidden;
}

.tabs dt {
	display:inline-block;
	font-size:1.3em;
	font-weight:bold;
	margin:0 0 -1px;
	position:relative;
	padding:5px 10px 5px 10px;
	vertical-align:top;	
	z-index:0;
	background: #E1E1E1;
-moz-border-radius-topright: 0.3em;
-moz-border-radius-topleft: 0.3em;
-webkit-border-top-right-radius: 0.3em;
-webkit-border-top-left-radius: 0.3em;
	
}

.tabs-smaller-headings dt {
	font-size:12px;
}


.tabs dt .c {
	display:none;
}
.tabs dt a {
	color:#414141;
	display:block;
	padding:7px 15px 4px;
	text-decoration:none;
	outline:none;
	
}

.tabs-smaller-headings dt a {
	padding:9px 5px 5px;
}

.tabs dt a:hover {
	text-decoration:underline;
}

.tabs dd {
	display:none;
	text-align:left;
	margin:0;
	padding:0;
}

.tabs dt.selected {
	border:1px solid #E1E1E1;
	border-bottom:0;
	background:#FFF;
		padding:5px 10px 5px 10px;
	-moz-border-radius-topright: 0.3em;
-moz-border-radius-topleft: 0.3em;
-webkit-border-top-right-radius: 0.3em;
-webkit-border-top-left-radius: 0.3em;
	
	
}

.tabs dt.selected .c {
	display:block;
}

.tabs dt.selected a {
	background-color:#FFF;
	color:#49acd1;
	padding:6px 14px 4px;
	cursor:default;
}

.tabs-smaller-headings dt.selected a {
	padding:8px 4px 5px;
}

.tabs dt.selected a:hover {
	text-decoration:none;
}

.tabs dd.selected {
	display:block;
	float:left;
	width:100%;
}

.tab-content {
	border:1px solid #E1E1E1;
	position:relative;
	padding:10px;	
	min-height:300px;
	margin-bottom:10px;
	
}
.tab-content h2{ color:#6ecbed; font-weight:normal; font-size:1.3em}
.tab-content h3{ color:#6ecbed; font-weight:normal; font-size:1.1em; margin-bottom:0; margin-top:1em; padding:0;}
.tab-content span.data{color:#CCC;}
.sub-tab-content {
	border-top:1px solid #B9B9B9;
	position:relative;
	padding:2px 0;
}



/* -------------------------------------------------- 
				FOOTER
----------------------------------------------------*/
.footer {
	background: #4c4b4b;
	border-top: 2px solid #54b4d6;
	padding: 40px 0 60px;
	/*margin-top: 80px;*/
	clear: both;
	width: 100%;
	min-width: 1002px;
}
.copyright{ padding:10px; font-size:0.9em; width:850px;	margin: 0 auto;	position: relative;}
.footerContent {
	margin: 0 auto;
	width: 1000px;

}

.footer ul {
	float: left;
}

.footer ul.lastList {
	float: left;
	margin: 0 !important; 
}

.footer ul li a{
	font-size: 12px;
	color:#C0C0C0;
}
.footer ul li h3{ color:#a2d7ec; font-size:1em; margin-bottom:0px; margin-top:9px; line-height:1em; font-weight:normal }


/*	ABC.COM LINKS
----------------------------------------------------*/		
.abcLinks {
	width: 220px;
	padding: 0 0 0 20px;
	border-right: 1px solid #666;
	margin:0px 10px 5px10px;
	float:left;
	display: block;
	height: 220px;
	overflow: hidden;
}

.abcLinks ul li {
	margin: 0 18px 0 0;
	width: 180px;
}



div.news{ float:left; width:30%; margin:7px;position: relative; padding:7px; border:1px solid #E9E9E9; display:block;}
div.news a img{ display:block; margin-bottom:5px; text-align:center;}
div.news h2 a,div.block h2 a{ color:#6ecbed; font-size:1.2em;  line-height:1em; font-weight:normal}
div.news h2 a:hover,div.block h2 a:hover{ background:#6ecbed; text-decoration:none; color:#FFF; font-size:1.2em;;line-height:1em;font-weight:normal;}
div.news span.data,div.block span.data{ color:#CCC;}
div.news span.vote,div.block span.vote{ color: #282828;}
div.news h2.vote,div.block h2.vote{ display:block;  color:#FFF; text-align:center; font-weight:bold}
div.news a.fadeNext { color:#f2053d; font-size:1.2em; border-bottom:#f2053d dashed 1px  }
div.news a:hover.fadeNext { color:#f2053d; font-size:1.2em; border-bottom:#f2053d dashed 0px  }

.column-3{
    width: 990px;
    overflow: hidden;
    float: left;
    padding-right: 10px;
    padding-bottom: 22px;
    position: relative;
}
.column{
    width: 30%;
    overflow: hidden;
    float: left;
    padding-right: 10px;
    position: relative;

}

.block {
    margin: 0 0 10px 0;
    padding: 10px 9px 10px 10px;
    background: #fff;
    font-size: 11px;
    color: #636363;
    position: relative;
    border-top: 1px solid #e3e3e3;
    border-left: 1px solid #d9d9d9;
}

.block input.element { color: #4A4A4A; font-size:1em;}


/*pager */

.pager span.curr { padding: 2px 7px 3px 7px; margin-right: 5px; background: #6ecbed; border: 1px solid #6ecbed; color: #fff }
.pager a {
	padding: 2px 7px 3px 7px;
	margin-right: 5px;
	background: url('../images/transparent.png');
	border: 1px solid #DCDCDC;
	text-decoration: none;
}
.pager a:hover {
	background: #6ecbed; border: 1px solid #6ecbed;
	color: #fff;
}
.pager a.prev, .pager a.next, .pager a.first, .pager a.last { color: #ACACAC }
.pager a.prev:hover, .pager a.next:hover, .pager a.first:hover, .pager a.last:hover {
	border: 1px solid #666;
	color: #E7E7E7;
	background: url('../images/transparent.png');
}
.pager a.prev { margin-right: 15px }
.pager a.next { margin-left: 10px }

/*captcha */
/*captcha */
captcha{ background:url("../capcha/capcha_post.gif") no-repeat 0px 0px; margin-top:5px }
 .captcha img.taburet { width:200px; height:60px; float:left; padding:2px 0 2px 2px; cursor:pointer; }
 .captcha img.captcha { float:left; margin:30px 8px 0 5px; }
.captcha .captcha_license { float:left;}
.captcha .clear { clear:both; padding-bottom:10px; }


/**** Inputs and Labels ****/
label.description
{
	border:none;
	color:#222;
	display:block;
	font-size:0.9em;	
	line-height:150%;
	padding:10px 0 1px;
}



input.text,input.file
{
	font-size:0.9em;
	width: 97%;
	padding: 7px;
	margin-top: 1px;
	margin-right: 6px;
	margin-bottom: 3px;
	line-height:15px;
	border: 1px solid  #C1C1C1;
	background: #E9E9E9;
	color: #2D2D2D ;

}





input.small
{
	width:25%;
	
}


input.cap
{
	width:80px;
	
}

select.small
{
	width:25%;
}

input.medium
{
	width:80%;
}

select.medium
{
	width:40%;
}

input.large
{
	width:90%;
}

select.large
{
	width:100%;
}

textarea.small
{
	height:5.5em;
}

textarea.medium
{
	height:8em;
	width:80%;
	color: #2D2D2D ;
border: 1px solid  #C1C1C1;
	background: #E9E9E9;
}

textarea.large
{
	height:10em;
	width:95%;
	background: #F8F8F8;
	color: #2D2D2D ;
}

.buttons
{
display: block;
cursor:pointer;
 width:150px;
 padding:8px;
  font-size:0.8em;  border: 1px solid #bbb;
  background: #999; color:#fff;  margin-top:10px;-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.orderbut
{

cursor:pointer;
 width:150px;
 padding:8px;
  font-size:0.8em;  border: 1px solid #bbb;
  background: #999; color:#fff;  margin-top:10px;-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.green{ background: #008040;}
.red{ background: #800000  ;}
fieldset {
  margin: 8px 0; border: 1px solid #ccc;  padding: 0 10px 5px 10px;
}

fieldset legend {
	margin:5px;	padding: 7px;background: #eb0033;
		color:#fff;font-size: 1.2em;
	
}

label em {
  color: red;
}


#VoteForm input[type=checkbox].error + span {color: #FABADA; }

#customForm input.error,#editForm input.error,#VoteForm input.error,#VoteForm input[type=checkbox].error,#Newsletters input.error,#OrderAkk input.error,#authForm input.error,#foggotForm input.error,#OrderForm  input.error,#OrderContact  input.error{
	background: #f8dbdb;
	border-color: #e77776;
}

#OrderForm  textarea.error,#OrderContact  textarea.error{
	background: #f8dbdb;
	border-color: #e77776;
}

div.error{
color: #E6E6E6; font-size:0.8em; margin:10px 10px 10px 0px;}
div.ok{
color: #648ee2; font-size:0.8em; margin:10px 10px 10px 0px;}
#ok{
color: #648ee2;font-size:1.2em; margin:10px 10px 10px 0px;padding: 10px;line-height: 1.6em; }

#error{
	margin-bottom: 10px;
	border: 1px solid #efefef;
}
#error ul,#ok ul{
	list-style: square;
	padding: 5px;
	
}
#ok ul li{
	list-style-position: inside;
	line-height: 1.6em;
	font-size:1.2em;
	font-weight:normal;
	color: #648ee2;
}
#error ul li{
	list-style-position: inside;
	line-height: 1.6em;
	font-size:1.2em;
	font-weight:normal;
	color:#FF8080	;
}
#error ul li strong{
	
}
#error.valid ul li strong{
	
}
.holder {
	float:left;
	clear:both;
	width:550px;
	margin:0 0 12px;
}

.holder {
	float:left;
	clear:both;
	width:550px;
	margin:0 0 12px;
}


p.error, p.succes {
	background:#F0F0F0;
	display:block;
	float:left;
	text-align:center;
	color:#005FA6;
	width:100%;
	padding:5px;
	margin:15px 0px 5px 0px;
}

.blue {
	color:#005FA6;
}
.pikachoose{width:1000px;margin:0 auto;}
/* This is the ul you have all your images in */
.pikachoose ul{padding-left:0;width:990px;height:135px;margin:0;overflow:hidden;}
.pikachoose ul li{float: left;border:1px solid #555;padding:2px;margin:0 2px 2px 0;position:relative;overflow:hidden;}
.pikachoose ul li div img{position:relative;cursor:pointer;}

/* this is the surroundner for all your elements. This is also the fake border around the main img and room for caption */
.pika_main{width:1000px;height:410px;display:block;position:relative;}
/*sine we give it the fake border, you need to position the image a little. */
.pika_main_img{position:relative;}
.pika_subdiv{position:relative;border:1px solid #555;padding:2px;}
.pika_animationDivs{top:2px;left:2px;} /*must match top/left padding for subdiv */
.pika_subdiv img, .pika_subdiv a img{border:none;}
.pika_caption{width:1000px;height:7px;padding-top:4px;text-align:center;position:absolute;bottom:7px;left:3px;background:url('../images/black.png') top left;}
.pika_caption a{color:white;}

.pika_play{position:absolute;z-index:1;left:50%;margin-left:-25px;width:50px;top:5px;}
.pika_play a{position:relative;margin-left:auto;cursor:pointer;display: block;width:50px;height:50px;background:url('../images/play.png') top center no-repeat;}
.pika_play a.pika_stop_button{background:url('../images/pause.png') top center no-repeat;}

.pika_navigation a{font-size: 12px; text-decoration: none;}
.pika_navigation a:hover{text-decoration: underline;}
.pika_navigation{padding-top:10px;clear:both;text-align:center;}

/* if you want to 'hide' these jus make their height and width 1px */
.pika_prev_hover{position:absolute;top:5px;left:5px;height:456px;width:100px;background:url('../images/rewind.png') top left no-repeat;}
.pika_next_hover{position:absolute;top:5px;right:5px;height:456px;width:100px;background:url('../images/fastf.png') top right no-repeat;}

/* video */
#ytvideo2 {
background:#272727;padding:7px;-moz-border-radius: 5px;-webkit-border-radius: 5px;margin: 0 auto;width: 995px;}
 
.yt_holder { }
.currentvideo {background: #555;padding:7px;-moz-border-radius: 5px;-webkit-border-radius: 5px; }
ul.demo2 {
      margin: 0;
    padding: 0;
    width: 995x;
}
 
ul.demo2 li {
    list-style-type: none;
    display:block;  
    float: left;
    width: 110px;
    margin: 3px;
	padding:3px;
	
 
}
 
ul.demo2 li img {
    width: 110px;
    float: left;
    padding: 0px;
	 margin: 0px;
    border: 1px solid  #666;
}
 
ul.demo2 li a {
      text-decoration: none;
    display: block;
    color:#F0F0F0;
}
/* sponsor */
#sponsor {
margin: 0px auto;
width: 1000px;
height: 126px;
z-index:0;
background: rgba(0, 0, 0, 0.7);
 *background:transparent;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000,endColorstr=#80000000);
    *zoom: 1;
position:relative;

}
#sponsor a img{ float:right; display:block; margin-right:10px;}
#sponsor a.logo img{ float:left; display:block; margin:20px;}
.fader{opacity:0;display:none;}


/* triger */
a.trigger img{ border:0px}
a.trigger{
	
	background: #000 url(../images/plus.png) 45% 7% no-repeat;
	border-bottom:1px solid #09F;
	border-right:1px solid #09F;
	border-top:1px solid #09F;
	width:45px;
	text-align:center;
	padding:15px 0px 15px 0px;
	  /* for IE */
  filter:alpha(opacity=70);
  /* CSS3 standard */
  opacity:0.7;
	
}


a.trigger.left {
	left: 0;
	border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-bottom-right-radius: 5px;
}


a.trigger:hover {
	background-color: #2C2C2C;
}
a.active.trigger {
	background:#2C2C2C url(../images/minus.png) 45% 7% no-repeat;
}

.panel {
	color:#CCC;
	position: absolute;
	display: none;
	background: #000000;
	width: 300px;
	height: auto;
	z-index:9999;
		padding:15px 0px 15px 0px;
	  /* for IE */
  filter:alpha(opacity=50);
  /* CSS3 standard */
  opacity:0.5;
}
.panel.left {
	left: 50px;
	padding: 20px 30px 20px 100px;
	border-top-right-radius: 15px;
	-moz-border-radius-topright: 15px;
	-webkit-border-top-right-radius: 15px;
	-moz-border-radius-bottomright: 15px;
	-webkit-border-bottom-right-radius: 15px;
	border-bottom-right-radius: 15px;
	
}

.panel p {
	font-size:11px;
}


/* DDD standard */
.dd {
	/*display:inline-block !important;*/
	text-align:left;
	background-color:#fff;
	float:left;
}
.dd .ddTitle {
	background:#f2f2f2;
	border:1px solid #c3c3c3;
	padding:7px;
	text-indent:0;
	cursor:default;
	overflow:hidden;
	height:16px;
	
}
.dd .ddTitle span.arrow {
	background:url(dd_arrow.gif) no-repeat 0 0; float:right; display:inline-block;width:16px; height:16px; cursor:pointer;
}

.dd .ddTitle span.textTitle {text-indent:1px; overflow:hidden; line-height:16px;}
.dd .ddTitle span.textTitle img{text-align:left; padding:0 2px 0 0}
.dd .ddTitle img.selected {
	padding:0 3px 0 0;
	vertical-align:top;
	
	
}
.dd .ddChild {
	position:absolute;	
	border:1px solid #c3c3c3;
	border-top:none;
	display:none;
	margin:0;
	width:auto;
	overflow:auto;
	overflow-x:hidden !important;
	background-color:#ffffff;
	
}
.dd .ddChild .opta a, .dd .ddChild .opta a:visited {padding-left:10px}
.dd .ddChild a {
	display:block;
	padding:0 0 0 3px;
	text-decoration:none;
	color:#000;
	overflow:hidden;
	white-space:nowrap;
	cursor:pointer;
	font-size:1.4em;
	
}
.dd .ddChild a:hover {
	background:#66CCFF;
}
.dd .ddChild a img {
	border:0;
	padding:0 2px 0 0;
	vertical-align:middle;
}
.dd .ddChild a.selected {
	background:#66CCFF;

	
}
.hidden {display:none;}
label.hilite { background:#f50062;color:white; padding:5px }


/* Bar Graphs */
.graph {
  width: 250px;
  position: relative;
  right: 30px;
}
.bar-title {
  position: relative;
  float: left;
  width: 104px;
  line-height: 20px;
  margin-right: 17px;
  font-weight: bold;
  text-align: right;
}
.bar-container {
  position: relative;
  float: left;
  width: 110px;
  height: 10px;
  margin: 0px 0px 15px;
}

.bar-container div {
  background-color:#cc4400;
  height: 20px;
}
.bar-container strong {
  position: absolute;
  right: -32px;
  top: 0px;
  overflow: hidden;
}
#poll-results p {
  text-align: center;
}

#osx-modal-content, #osx-modal-data {display:none;}

/* Overlay */
#osx-overlay {background-color:#000; cursor:wait;}

/* Container */
#osx-container {background-color:#eee; color:#000; font: 0.8em "Lucida Grande",Arial,sans-serif; padding-bottom:4px; width:600px; -moz-border-radius-bottomleft:6px; -webkit-border-bottom-left-radius:6px; -moz-border-radius-bottomright:6px; -webkit-border-bottom-right-radius:6px; border-radius:0 0 6px 6px; -moz-box-shadow:0 0 64px #000; -webkit-box-shadow:0 0 64px #000;}
#osx-container a {color:#ddd;}
#osx-container #osx-modal-title {color:#000; background-color:#ddd; border-bottom:1px solid #ccc; font-weight:bold; padding:6px 8px; text-shadow:0 1px 0 #f4f4f4;}
#osx-container .close {display:none; position:absolute; right:0; top:0;}
#osx-container .close a {display:block; color:#777; font-weight:bold; padding:6px 12px 0; text-decoration:none; text-shadow:0 1px 0 #f4f4f4;}
#osx-container .close a:hover {color:#000;}
#osx-container #osx-modal-data {font-size:12px; padding:6px 12px;}
#osx-container h2 {margin:4px 0 2px; color:#900;font: 1.1em }
#osx-container h1 {margin:4px 0 2px; color: #06C;font: 1.2em }
#osx-container p {margin-bottom:5px;}
#osx-container span {color:#777;}