html {
   margin: 0;
   padding: 0;
}
body {
   margin: 0;
   padding: 0;
   font-family: helvetica,Arial;
   background-color: #000;
   color: #ccc;
}
.container {
   width: {{width}}px;
   height: {{height}}px;
   /*border: 2px solid {{ border_color }};*/
}

#header-sport-id {
   height: 55px;
   width: 100%;
}

#header-partner {
   height: 55px;
   width: 100%;
   text-align:right;
}

.header-default {
   background: url('/static/img/ui/widget/widget-header-default.gif') no-repeat;
}

.header-baseball {
   background: url('/static/img/ui/widget/widget-header-baseball.gif') no-repeat;
}

.header-basketball {
   background: url('/static/img/ui/widget/widget-header-basketball.gif') no-repeat;
}

.header-cricket {
   background: url('/static/img/ui/widget/widget-header-cricket.gif') no-repeat;
}

.header-football {
   background: url('/static/img/ui/widget/widget-header-football.gif') no-repeat;
}

.header-hockey {
   background: url('/static/img/ui/widget/widget-header-hockey.gif') no-repeat;
}

.header-soccer {
   background: url('/static/img/ui/widget/widget-header-soccer.gif') no-repeat;
}

.header-washpost {
   background: url('/static/img/ui/widget/widget-header-washpost.gif') no-repeat;
}

#game1,
#game2,
#game3 {
   height: 45px;
   padding:5px 0 0 0;
   margin: 0px 6px 0px 6px;
   border-bottom: 1px solid #666;
}
#game1_expanded,
#game2_expanded,
#game3_expanded {
   display: none;
   height: 96px; /* Should be twice the height since it will take up 2 slots */
   padding:5px 0 0 0;
   margin: 0px 6px 0px 6px;
   border-bottom: 1px solid #666;
}
#no_games {
    height: 147px;
    padding:5px 0 0 0;
    margin: 0px 6px 0px 6px;
    border-bottom: 1px solid #666;
}
#footer {
   height: 100%;
   width:100%;
   background-color: black;
   color: white;
   text-align:center;
   padding-top:0;
   position:absolute;
   top:232px;
   left:0;
}

#footer a {
	font-size:10px;
	line-height:10px;
	color:#fff;
	text-decoration:underline;
	position:relative;
	top:-2px;
}

#footer a:hover {
	color:#9cf;
}

/* dropdown code from: 
http://www.jankoatwarpspeed.com/post/2009/07/28/reinventing-drop-down-with-css-jquery.aspx */

.dropdown dd, 
.dropdown dt, 
.dropdown ul { 
    margin:0px; 
    padding:0px; 
}
.dropdown dd { position:relative; }
.dropdown a, 
.dropdown a:visited { 
    color:#fff; 
    text-decoration:none; 
    outline:none;
}
.dropdown a:hover { color:#666; }
.dropdown dt a:hover, 
.dropdown dt a:focus { 
    color:#fff; /* team_color2 */ 
}
.dropdown dt a {
    width: 100%;
    background-color: #666; /* team_color1 */
    background-image: url(/static/img/ui/widget/widget-large-down-arrow.gif);
    background-repeat: no-repeat;
    background-position: 0 2px;
    display:block; 
    padding-right:20px;
    color:#fff;
}

.dropdown dt a:hover {
    background-image:url(/static/img/ui/widget/widget-large-down-arrow-hover.gif); 
}

.dropdown dt a span {
    cursor:pointer; 
    display:block; 
    padding:3px 5px;
    font-size:14px;
}
.dropdown dd ul { 
    display:none;
    position:absolute; 
    left:0px; 
    padding:5px 0px; 
    top:0; 
    width:300px; 
    height:155px;
	overflow: -moz-scrollbars-vertical;
	overflow-y: scroll;
    background:#666 none repeat scroll 0 0; 
    color:#666; 
    list-style:none;
    font-size:12px;
    z-index:10;
}
.dropdown span.value { display:none;}
.dropdown dd ul li a { padding:3px; display:block;}
.dropdown dd ul li a:hover { background-color:#fff;}

.dropdown {
	margin-top:0;
	padding-top:0;
	margin-bottom:2px;
	padding-bottom:0;
}

.widget-game-rating-great, .widget-game-rating-good, .widget-game-rating-ok, .widget-game-rating-dud, .widget-game-rating-upcoming-great, .widget-game-rating-upcoming-good, .widget-game-rating-upcoming-ok, .widget-game-rating-upcoming-dud {
	width:30px;
	height:30px;
	text-align:center;
	color:#000;
	padding-top:8px;
	font-weight:bold;
	font-size:13px;
	float:left;
	margin:5px 0 0 3px;
}

.widget-game {
	position:relative;
}

.widget-game-rating-great {
	background:url('/static/img/ui/widget/widget-red-circle.gif') no-repeat;
}

.widget-game-rating-good {
	background:url('/static/img/ui/widget/widget-orange-circle.gif') no-repeat;
}

.widget-game-rating-ok {
	background:url('/static/img/ui/widget/widget-yellow-circle.gif') no-repeat;
}

.widget-game-rating-dud {
	background:url('/static/img/ui/widget/widget-gray-circle.gif') no-repeat;
}

.widget-game-rating-upcoming-great {
	background:url('/static/img/ui/widget/widget-red-circle-open.gif') no-repeat;
}

.widget-game-rating-upcoming-good {
	background:url('/static/img/ui/widget/widget-orange-circle-open.gif') no-repeat;
}

.widget-game-rating-upcoming-ok {
	background:url('/static/img/ui/widget/widget-yellow-circle-open.gif') no-repeat;
}

.widget-game-rating-upcoming-dud {
	background:url('/static/img/ui/widget/widget-gray-circle-open.gif') no-repeat;
}

.widget-game-details {
	float:left;
	color:#ccc;
	font-size:12px;
	margin-left:10px;
	width:75%;
}

.widget-game-details b {
	color:#FFF;
	font-weight:bold;
}

.widget-more, .widget-less {
	position:absolute;
	top:-5px;
	left:257px;
	width:30px;
	text-align:right;
}

.widget-more a, .widget-less a {
	color:#fff;
	text-decoration:underline;
	font-size:11px;
}

.widget-more a:hover, .widget-less a:hover {
	color:#9cf;
}


#no_games {
	text-align:center;
}

.superscript-plus {
	font-size:10px;
	color:#fff;
	position:relative;
	top:-2px;
	left:3px;
	margin-left:-7px;
}

.watch-button {
	display:block;
	width:68px;
	height:17px;
	background: url('/static/img/ui/watch-button.gif') no-repeat 0 0;
	text-decoration:none !important;
}

.watch-button:hover {
	text-decoration:none !important;
	background: url('/static/img/ui/watch-button.gif') no-repeat 0 -17px;
}