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,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,input,textarea{margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 16px;font-family: Helvetica, Arial, sans-serif;vertical-align: baseline;line-height: 20px;}
ol,ul{list-style:none;}table{border-collapse:separate;border-spacing:0;}caption,th,td{text-align: left;font-weight: normal;}blockquote:before,blockquote:after,q:before,q:after{content: "";} blockquote, q {quotes: "" "";}

body {
	color: #444444;
	background-color: #3f79f4;
	background-image: url('/static/images/body.png'); 
	background-repeat: repeat-y;
	background-position: center center;
	font-family: Helvetica, Arial, sans-serif;
	-webkit-text-size-adjust:none;
}

a{color:#3f79f4;}
li a{color:#444444;text-decoration:none;}

img.help{cursor: help}

ul{
	width: 100%;
	clear: both;
	float: left;
	background-image: url('/static/images/gradient_alt.png'); 
	background-position: top left;
}
li{
	width: 100%;
	clear: both;
	float: left;
	height: 40px;
	line-height: 40px;
	overflow: hidden;
}

dl{
	overflow: hidden;
	max-width:560px;
	min-width:320px;
	margin:auto auto;
}
dl dl{margin:0px; float: left; clear: both;width: 100%;}
dt{
	clear: both;
	float: left;
	width: 100%;
	text-shadow: 0px -1px 1px black;
	font-weight: bold;
	background-image: url('/static/images/gradient_dark.png'); 
	background-repeat: repeat-x;
	height:46px;
	padding-right: 2px;
	border-top: 1px solid #444444;
	background-color: #333333;
	text-shadow: 0px -1px 1px #333333;
	color: #ffffff;
}


dt img,li img{float:right;cursor: pointer;height:46px;}
dl dl dt img,li img{height:40px;}

h2{
	font-size: 20px;
	line-height: 27px;
	text-shadow: 0px 1px 1px #eeeeee;
}
dt span{
	font-size: 21px;
	line-height: 46px;
	float:left; padding-left: 33px;cursor: pointer;
	background-image: url('/static/images/close_dark.png'); 
	background-repeat: no-repeat;
	background-position: top left;
	text-decoration: none;
	color: #ffffff;
}
dt span.open{	
	background-image: url('/static/images/open_dark.png'); 
}
dt span.close{	
	background-image: url('/static/images/close_dark.png'); 
}


dl dl dt{
	height:40px;	border-top:0px none; border-bottom: 1px solid #444444;
	background-image: url('/static/images/gradient_grey.png');
}

dl dl dt span{
	line-height: 40px;
	font-size: 20px;
	color: #222222;
	text-shadow: 0px 1px 1px #eeeeee;
	background: none;
}
dl dl dt span.open{	
	background-image: url('/static/images/open_light.png'); 
	background-repeat: no-repeat;
}
dl dl dt span.close{	
	background-image: url('/static/images/close_light.png'); 
	background-repeat: no-repeat;
}

dl dd{
	clear: both;
	background-image: url('/static/images/gradient_light.png'); 
	background-repeat: repeat-x;
	background-position: top left;
	background-color: #e2e2e2;
	text-shadow: 0px -1px 1px #aaaaaa;
	color: #222222;
	float: left;
	width: 100%;

}
dl dl dd{
	border-top:0px none;
	border-bottom:1px solid #444444;
}


li span,dt span{
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 33px;cursor: pointer;
	max-width:350px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space:nowrap;
}
.play_icon{
	background-position: center left;
	background-repeat: no-repeat;
	background-image: url('/static/images/icon_play.png'); 
}
.dot_icon{
	background-position: center left;
	background-repeat: no-repeat;
	background-image: url('/static/images/icon_dot.png'); 
}
.add_icon{
	background-position: center left;
	background-repeat: no-repeat;
	background-image: url('/static/images/icon_add.png'); 
}
.search_icon{
	background-position: center left;
	background-repeat: no-repeat;
	background-image: url('/static/images/icon_search.png'); 
}
.red_icon{
	background-position: center left;
	background-repeat: no-repeat;
	background-image: url('/static/images/icon_red.png'); 
}
.green_icon{
	background-position: center left;
	background-repeat: no-repeat;
	background-image: url('/static/images/icon_green.png'); 
}
.loading_icon{
	background-position: center left;
	background-repeat: no-repeat;
	background-image: url('/static/images/icon_load.gif'); 
}
p{float: left;padding-bottom: 8px;}

.page{ clear: both; float: left;width: 100%;}
.padding{padding:8px;clear: both; float: left;} /*IE NEEDS PADDING FOR P INSIDE PAGE SO P FLOATS OK*/
.padclear{padding:8px;clear: both;}
.block{display: block;}
.button{
	float: right;
	width: 68px;
	overflow: hidden;
	display: block;
	background-image: url('/static/images/button.png'); 
	background-repeat: no-repeat ;
	background-position: top left;
	text-shadow: 0px -1px 1px #333333;
	color: #ffffff;
	padding-left: 17px;
	cursor: pointer;
	text-decoration: none;
	height: 31px;
	vertical-align: middle;
}
.button img{width:56px;}
.button span{
	display: block;
	text-align: center;
	height:31px;
	overflow: hidden;
	padding-right: 7px;
	background-image: url('/static/images/button.png'); 
	background-repeat: no-repeat ;
	background-position: top right;
	vertical-align: middle;
}
.button:hover{
	background-position: -31px left;
}
.button span:hover, .button:hover span{
	background-position: -31px right;
}/*Removed in html for IE 6 */

.button b{line-height: 30px;}


table{width:100%;float:left;clear: both;}
tr{width: 100%;}
td,tr{	height: 31px; vertical-align: middle;}
.gradient_footer{
	background-image: url('/static/images/gradient_grey.png'); 
	background-position: bottom;
	background-repeat: repeat-x;
	width:100%;
	float:left;
}
div.gradient_grey{
	background-image: url('/static/images/gradient_grey.png'); 
	border-bottom: 1px solid #444444;
	float: left;
	width:100%;
	clear: both;
	height: 40px;
}
div.inner_pad{	
	padding:4px;
	padding-top:5px;
	padding-right:8px;
}



.gradient_block,.text_block{
	background-image: url('/static/images/gradient_down.png'); 
	border-bottom: 1px solid #444444;
	clear: both;
	float: left;
	width: 100%;
	height: 40px;
}
.text_block{
	border-top: 1px solid #444444;
}

dl dl div.gradient_grey{
	background-image: url('/static/images/gradient_down.png');
}
.hit{
	width: 100%;
	padding: 0;
	margin: 0;
}
.hit span{
	background-color: red;
	display: block;
	height: 15px;
	margin: 0;
	padding: 0;
}
.input{
	width: 100%;
	background-image: url('/static/images/button.png'); 
	background-repeat: no-repeat ;
	background-position:right -62px;
	padding-right:4px;
	height: 31px;
	overflow: hidden;
}
.input span{
	background-image: url('/static/images/button.png'); 
	background-repeat: no-repeat ;
	background-position:left -62px;
	display: block;
	height: 31px;
	overflow: hidden;
	padding-left:5px;
}

input,textarea{
	display:block;width: 100%;margin: 0;padding: 0; height: 25px; 	line-height: 15px; padding-top:9px; border: 0px; 
	background-color: transparent;
	background: none;
	-webkit-border-image:none;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none; 
}
input.hide{display: none;} /*ff shosw these? */
.checkbox{
	appearance: checkbox;
	-webkit-appearance: checkbox;
	-moz-appearance: checkbox; 
	width: auto;
	height: auto;
	border:1px solid;
}
select,option{width:100%;font-size: 16px;margin: 0;}
textarea{ height: auto;padding-top:0px;resize:horizontal; background-color: #ffffff;}
.textarea{
	background-image: url('/static/images/button.png'); 
	background-repeat: no-repeat ;
	background-position:right -61px;
	width:100%;
}
.textarea span{
	background-image: url('/static/images/button.png'); 
	background-repeat: no-repeat ;
	background-position:left -93px;
	display: block;
	padding-top:8px;	
}
.textarea span span{
	background-image:none;
	padding-top:0px;	
	padding-left:2px;
	border: 1px solid #737373;
	border-top:0px none;
	border-radius:1px
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	display: block;
	background-color: #ffffff;
}

.label{padding-right: 2px;line-height: 30px; white-space: nowrap; text-align: right; vertical-align: top;}
.space{height:8px;width:8px;font-size: 1px;line-height: 1px;}
img.pad{height: 8px;width:90px;}
.break, .copy{	
	float: left;
	width:100%;
	clear: both;
	border-top: 1px solid #444444;
	background-image: url('/static/images/gradient_light.png'); 
	background-repeat: repeat-x;
	background-position: top left;
}
.copy{
	border-top: 0px none #444444;
	height: 60px;
	width:100%;
	color:#444444;
	font-weight: normal;
	text-shadow: none;
}

.required,.itunes{
	background-image: url('/static/images/required.png'); 
	background-repeat: no-repeat;
	background-position: top right;
}
.itunes{
	background-image: url('/static/images/itunes.png'); 
}
textarea.required{
	background-image: url('/static/images/required_ta.png'); 
}
strong{font-weight: bold;word-break: break-all; word-wrap:break-word;}

#guideItem{
	background-color: #222222;
}
iframe{margin:0;padding:0;border:0;width: 1px;height:1px;float:left;}

.videoUploadProgress{
	background-image: url('/static/images/progress.gif');
	background-position:left top;
	padding-left:16px;
	background-repeat: no-repeat;
	display: none;
}
.videoUploadProgress div{
	background-image: url('/static/images/progress.gif');
	background-position:right top;
	padding-right:16px;
	background-repeat: no-repeat;
}
.videoUploadProgress div div{
	background-image: url('/static/images/progress_anim.gif');
	background-position:center top;
	background-repeat: repeat-x;
	height:30px;
	line-height: 30px;
}




DT.header{
	background-image: url('/static/images/header.png');
	background-position:left top;
	background-repeat: no-repeat;
	height: 66px;
}
DT.header img{height: auto;}

DD.menu{
	background-color: #121212;
	border-bottom:4px solid #3f79f4;
	background-image: url('/static/images/header.png');
	background-position:left bottom;
	height: 32px;
	overflow: hidden;
}

SPAN.tab{
	background-image: url('/static/images/tab.png');
	background-position:left top;
	background-repeat: no-repeat;
	height: 32px;
	padding: 0px;
	padding-left: 7px;
	float:left;
	margin-left: 8px;
	overflow: hidden;
}
SPAN.tab SPAN{
	float:left;
	background-image: url('/static/images/tab.png');
	background-position:right top;
	background-repeat: no-repeat;
	height: 32px;
	padding-right: 7px;
}
SPAN.tab SPAN A{
	color: #ffffff;
	text-shadow: 0px -1px 1px #333333;
	font-size: 20px;
	line-height: 35px;
	font-weight: bold;
	text-decoration: none;
}
SPAN.on, SPAN.on SPAN{
	background-image: url('/static/images/tab_on.png');
}
SPAN.map{
	height: 32px;
	padding: 0px;
	float:right;
	margin-right: 6px;
	overflow: hidden;
}
DIV.menu{
	max-width:88%;
	height: 32px;
	float:left;
	overflow: hidden;
}