/*  ----------------------|  Common Tags  |----------------------  */
#showButtons{
	border-bottom: solid 1px #f1901a;
	padding-bottom: 20px;
	width: 730px;
	height: 65px;
}

#showButtons img{
border:1px solid #494949;
float:left;
}

.downloadpage-img{
	padding-right: 30px;
	width:210px;
	height: 63px;
	float: left;
}

.downloadpage-img img{
	margin-right: 10px;
}

.downloadpage-img:hover{
	background-color: #cccccc;
}

.downloadpage-img p{
	font-size: 11px;}
	
form{ 
	padding: 0px; 
	margin: 0px; }	

p { 
	/* paragraph*/
	line-height: 17px; 
	padding: 6px 0px 6px 0px; 
	margin: 0px; }
	


/*  ----------------------|  COMMON CLASSES  |----------------------  */

.block {
	/* Used by divs as the default class*/
	background: #f0f0f0;
	/* border color*/
	border: 1px solid #ffa904;	
	margin-bottom: 30px;
	padding: 5px 10px 10px 10px; }

.clear {
	/* Used for quick clearing of divs */
  	display: block; 
  	height: 0; 
  	border: 0px;
  	background: none;
  	clear: both;
  	margin: 0px;
  	padding: 0px;
  	visibility: hidden; }

.support_message {
	width: 492px;
	margin-top: 2px;
	height: 100px; }




/*  ----------------------|  CONTENT ID  |----------------------  */

#content {
	position: relative;
	margin: 0px auto;
	/*width: 800px;*/
	padding: 20px 5px 0px 5px; }



/*  ----------------------|  RETIRED ID  |----------------------  */

#retired {
	padding: 2px 0px 50px 0px; }		
		
		
/*  ----------------------|  DESCRIPTION  |----------------------  */

#description {
	padding: 5px 5px 0px 5px; }
	
	#description .left {
		width: 430px;
		float: left; }
	
	#description .right {
		margin-top: 0px;
		float: right; }
		
	#description .button {
		margin: -3px 5px 0px 0px;
		float: left; }

#description-left{
		float: left;
		width: 450px;
}

#description-right{
		float: right;
		width: 235px;
}

#description-right img{
		float: right;
}
			
/*  ----------------------|  INSTRUCTIONS  |----------------------  */

#instructions ol {
	/* changes color of order numbers */
	color: #ffa904;
	margin-top: 15px;
	margin-left: -22px;
 	line-height: 17px; }

	#instructions ol span {
		/* changes color of order numbers */
		color: #000; }
	 	 	
	#instructions ol ol {
		width: 100%;
	 	margin-bottom: 10px;
	 	margin-left: -21px;
	 	margin-top: 4px;
	 	list-style: lower-latin; }
		
textarea {
width: 250px;
height: 150px;
}
	
.form {
 	margin: 0px;
 	padding: 0px; }
 	
 	.form fieldset {
 		background-color: transparent;
		border: 1px solid #ffa904;
		margin-bottom: 30px;
		position: relative;
		padding: 5px 10px 10px 10px; 
		position: relative; margin-top:1em; padding-top:.75em;}
 	 	
 	 	.form fieldset legend {
 	 	 	margin-left: -2px;
			position:absolute; top: -.5em; left: .5em;
 	 	 	color: #000000; }
 	
 	.form ul, .form ol {
 	 	list-style: none;
 	 	margin: 0px;
 	 	padding: 0px; }
 	 	
 	 	.form li {
 	 	 	margin: 0px 0px 8px 0px;
 	 	 	padding: 0px; }
 	
 	.form label {
 	 	float: left;
 	 	padding: 3px 3px 3px 0px;
 	 	color: #000000;
 	 	width: 300px; }
 	
 	.form fieldset input {
 	 	font-family: arial;
 	 	font-size: 9.5pt;
 	 	padding: 2px;
 	 	background: #f3f3f3;
 	 	border: 1px solid #b3b3b3; }
 	
 	.form fieldset select {
 	 	font-family: arial;
 	 	font-size: 9.5pt;
 	 	padding: 2px;
 	 	height:21px;
 	 	margin-bottom: 2px;
 	 	background: #f3f3f3;
 	 	border: 1px solid #b3b3b3; }
 	

 	.form .error {
 	 	color: #ff9a01; }
 	
 	.form .radio {
 	 	float: left; }
 	 	
 	 	.form .radio input {
 	 	 	float: left;
 	 	 	border: 0px;
 	 	 	background: none;
 	 	 	margin: 6px 3px 0px 0px; }
 	 	
 	 	.form .radio label {
 	 	 	float: left;
 	 	 	width: auto;
 	 	 	color: #000;
 	 	 	margin: 0px 10px 0px 0px; }
 	 	
.form_submit {
 	padding: 0px;
 	margin: 10px 0px 0px 0px; }
 	
 	.form_submit .button {
 		padding-bottom: 2px;
 	 	margin-right: 10px; }
 	
 	.form_submit .right {
 	 	display: block;
 	 	padding-top: 4px; }
 	 	
.warning {
 	display: none;
 	border: 1px solid #ff9a01;
 	background: transparent;
 	color: #ff9a01;
	padding: 10px;
	line-height: 16px;
	margin: 12px 0px 0px 0px; }
 	 	
 	.warning ul {
 	 	padding: 2px 0px 0px 5px;
 	 	margin :0px; }
 	 	
 	.warning ul li {
 	 	padding: 2px 0px 2px 0px;
 	 	margin :0px; }
		
		
.formError {
 	display: none;
 	border: 1px solid #ff9a01;
 	background: transparent;
	padding: 10px;
	line-height: 16px;
	margin: 12px 0px 0px 0px; }
 	 	
 	.warning ul {
 	 	padding: 2px 0px 0px 5px;
 	 	margin :0px; }
 	 	
 	.warning ul li {
 	 	padding: 2px 0px 2px 0px;
 	 	margin :0px; }
 	 	
.success {
	border: 1px solid #327032;
 	background: #f0fff0;
 	color: #327032;
	padding: 10px;
	line-height: 16px;
	margin: 0px 0px 12px 0px; }
 	 	
	.success a:link, .success a:visited {
	 	color: #327032; }
 	 	
.failed {
	border: 1px solid #ff9a01;
 	background: #fffaf2;
 	color: #ff9a01;
	padding: 10px;
	line-height: 16px;
	margin: 0px 0px 12px 0px; }
 	 	
	.failed a:link, .failed a:visited {
	 	color: #ff9a01; }

.block_Reminder {
	background: #f0f0f0;
	width: 50%;
	border: 1px solid #c30708;
	margin-bottom: 30px;
	padding: 5px 10px 10px 10px; }
	
#invite_left {
	float: left;
	margin: 0px 0px 0px 100px;	}
	 	
#invite_right {
 	float: right; 
	margin: 0px 100px 0px 0px; }	
	
	
/*  ----------------------|  SCREENSHOTS  |----------------------  */

#screenshots-left {
	width: 420px;
	float:left;
	}
	
	#screenshots-left ol {
	}

	#screenshots-left li {
	height: 250px;
	}
	
.ss1{
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;}	
	
.ss1 img{
	text-align: center;}

.words{
	float: left;
	padding-left: 20px;
	padding-right: 20px;
	text-align: left; 
	width: 230px;
}

.images{
	text-align: left;
	width: 200px;
	float: left;
	padding-right: 175px;
}

#screenshots-right {
	float:right;
	}
	
	/*  ----------------------|  DOWNLOAD  |----------------------  */
	 	 	
.instructions {
 	line-height: 16px; }
	 	 	
	.instructions ol {
	 	margin-bottom: 10px;
	 	list-style: lower-latin; }

	#download_info {
	 	float: left;
	 	padding: 4px 0px 0px 4px; }

.begin_download {
 	border: 1px solid #ff9a01;
 	background: #fffaf2;
	color: #000;
	padding: 10px;
	margin: 4px 0px 0px 0px; }
	
	.begin_download span {
		font-weight: bold; }
	
	.begin_download img {
		float: left;
		margin: -2px 6px 0px 0px; }




.mac_download_button {
	float: left;
	margin-right: 15px; }

#schedule_wrap {
	height: 100%;
	padding-top: 4px;
	position: relative; }
	
#download_now {
	margin-bottom: -20px; }
	
#download_now .download_button {
	float: left;
	margin-right: 0px; }
	
/*#download_now .demo_player {
	float: right;
	margin-top: -35px;
	margin-left: 30px; }*/

	#zoom_overlay {
		display: none;
		z-index: 2001;
		top: 0px;
		background: #fff;
		position: absolute;
		left: 0px;
		width: 100%;
		right: 0px;
		opacity: .75;
		filter: alpha(opacity=75); }
		
			#loading {
				display: none;
				margin-left: 10px;
				float: right; }
				
			#sort {
				padding: 0px 0px 0px 0px;
				margin-top: 3px;
				margin-bottom: 12px; }
				
				#sort td {
					vertical-align: middle; }
	
		.clear {
			float: none !important;
		  	display: block !important;
			background: none !important;
			border: 0px !important;
			margin: 0px !important;
			padding: 0px !important; 
		  	height: 0 !important; 
		  	clear: both !important; 
		  	visibility: hidden !important;}


		/* TIME 
		
		.time {
			position: relative;
			height: 34px;
			margin: 7px 0px 7px 0px;
			background: url(../images/schedule/time_bg.gif); }
		
			.time .left {
				top: 0px;
				left: -2px;
				position: absolute;
				width: 18px;
				height: 34px;
				overflow: hidden;
				background: #ff000 }
		
			.time .right {
				top: 0px;
				right: -2px;
				position: absolute;
				width: 18px;
				height: 34px;
				overflow: hidden;
				background: url(../images/schedule/time_right.gif); }
		
			.time .back {
				cursor: pointer;
				top: 5px;
				left: 11px;
				position: absolute;
				width: 10px;
				height: 20px;
				overflow: hidden;
				background: url(../images/schedule/time_back.gif) center center; }
		
				.time .back:hover {
					background: url(../images/schedule/time_back_hover.gif) center center; }
		
			.time .next {
				cursor: pointer;
				top: 5px;
				left: 26px;
				position: absolute;
				width: 10px;
				height: 20px;
				overflow: hidden;
				background: url(../images/schedule/time_next.gif) center center; }
		
				.time .next:hover {
					background: url(../images/schedule/time_next_hover.gif) center center; }

			.time ul {
				float: right;
				list-style: none;
				margin: 0px;
				padding: 0px; }

			.time ul li {
				font-size: 10.5pt;
				font-weight: bold;
				position: relative;
				margin: 1px 0px 0px 0px;
				padding: 0px;
				float: left;
				line-height: 30px;
				color: #e3e3e3;
				width: 290px;
				padding-left: 8px;
				background: url(../images/schedule/time_div.gif) no-repeat left top; }

				.time ul li span {
					top: -1px;
					left: 0px;
					padding-left: 8px;
					line-height: 30px;
					position: absolute;
					color: #000; }


		/* GUIDE 
		
		.guide {
			height: 100%;
			background: #d2d2d2;
			padding: 8px 5px 8px 5px;
			position: relative; }
			
			.guide_round {
				height: 1px;
				margin: 0px 1px 0px 1px;
				overflow: hidden;
				background: #d2d2d2; }

		/* SCHEDULE 
		
			.schedule {
				margin: 0px;
				padding: 0px;
				float: left;
				width: 586px;}
		
			.schedule td {
				color: #7e7e7e;
				background-color: #fff;
				background-image: url(../images/schedule/schedule_right.gif);
				background-repeat: no-repeat;
				background-position: right center;
				overflow:hidden;
				cursor: default;
				padding: 10px 0px 7px 0px; 
				vertical-align: top;
				font-size: 8.5pt;}
				
				.schedule td img.continuted {
					position: absolute;
					left: 1px;
					top: -6px; }
				
				.schedule td img.curve {
					position: absolute;
					left: 0px;
					top: -10px;}
				
				.schedule td img.magnify {
					margin-bottom: -1px;
					margin-right: 4px;}
				
				.schedule td div {
					padding-left: 10px;
					padding-right: 5px;
					position: relative;
					height: 33px;}
				
				.schedule td span.name {
					display: block;
					overflow: hidden;
					height: 33px;}

			.schedule td.grid {
				background: none;
				overflow: hidden;
				border: 0px;
				padding: 0px;
				height: 0px; }
				
			.schedule td.small {
				cursor: pointer;
				color: #a5a5a5;
				background-color: #e8e8e8; }
				
				.schedule td.small:hover {
					background-color: #ffd392; }

			.schedule td.hidden {
				padding: 0px;
				height: 0px;
				overflow: hiddden;
				visibility: hidden; }



		/* CHANNEL 
		
			.channel {
				cursor: default;
				color: #666;
				padding-left: 10px;
				padding-bottom: 17px;
				font-size: 9.5pt;
				padding-top: 17px;
				float: left;
				width: 112px; }



		/* SPACER 
		
			.spacer {
				margin: 0px 3px 0px 0px;
				height: 17px;
				padding: 0px;
				border-left: 0px;
				border-right: 0px;
				background: url(../images/schedule/div.gif) repeat-x center center;
				border-bottom: 0px; }






		/* ZOOM */
		
			#zoom_wrapper {
				left: 0px;
				right: 0px;
				z-index: 10000;
				position: absolute;
				display: none;  }
		
			#zoom {
				margin: 0px auto;
				cursor: move;
				width: 767px;
				height: 320px;
				background: url(../images/schedule/zoom.png); }

				.pad {
					padding: 50px 0px 0px 0px;
					position: relative; }
				
			#zoom .pad #zoom_scroll {
				opacity: .50;
				filter: alpha(opacity=50);
				cursor: pointer;
				width: 12px;
				height: 71px;
				top: 41px;
				left: 32px;
				position: absolute;
				overflow: hidden;
				background-image: url(../images/schedule/zoom_scroll.gif);
				background-repeat: repeat-y;
				background-position: center top;}
				
			#zoom .pad #zoom_prev {
				opacity: 1;
				filter: alpha(opacity=100);
				cursor: pointer;
				width: 30px;
				height: 21px;
				top: 24px;
				left: 50px;
				position: absolute;
				overflow: hidden;
				background-image: url(../images/schedule/zoom_prev.gif);
				background-repeat: no-repeat;
				background-position: center center;}
				
				#zoom .pad #zoom_prev.no_paginate {
					cursor: default;
					background-image: url(../images/schedule/zoom_prev_off.gif); }
				
			#zoom .pad #zoom_next {
				opacity: 1;
				filter: alpha(opacity=100);
				cursor: pointer;
				width: 30px;
				height: 21px;
				top: 276px;
				left: 50px;
				position: absolute;
				overflow: hidden;
				background-image: url(../images/schedule/zoom_next.gif);
				background-repeat: no-repeat;
				background-position: center center;}
				
				#zoom .pad #zoom_next.no_paginate {
					cursor: default;
					background-image: url(../images/schedule/zoom_next_off.gif); }
				
			#zoom .pad #zoom_prev:hover, #zoom .pad #zoom_next:hover {
				opacity: .60;
				filter: alpha(opacity=60); }
			
			#zoom .pad #zoom_prev.no_paginate:hover, #zoom .pad #zoom_next.no_paginate:hover {
				opacity: 1;
				filter: alpha(opacity=100); }
				
			#zoom .pad #zoom_close {
				cursor: pointer;
				width: 20px;
				height: 21px;
				top: 24px;
				right: 32px;
				position: absolute;
				overflow: hidden;
				background-image: url(../images/schedule/zoom_close.gif);
				background-repeat: no-repeat;
				background-position: center center;}
				
			#zoom_size {
				display: none; }
			
			#zoom ul {
				list-style: none;
				margin: 0px;
				padding: 0px; }
			
			#zoom ul li {
				padding: 0px;
				cursor: default;
				height: 55px;
				color: #b4b4b4;
				margin: 0px 28px 0px 28px; }
			
				#zoom ul li .title {
					float: left;
					padding: 18px 0px 13px 18px;
					font-weight: 200;
					font-size: 14.5pt;
					margin: 0px; }

				#zoom ul li .time {
					margin: 0px;
					float: left;
					padding: 20px 0px 0px 0px;
					width: 77px;
					text-align: center;
					font-weight: bold; }



/* SELECT TIME */

#select_time {
	line-height: 24px;
	margin: 3px 0px 19px 0px; }

	#select_time .now {
		float: right; }

/* PAGINATE TIME */

.paginate_time {
	margin: 0px -2px 0px -2px;
	height: 39px;
	overflow: hidden;
	position: relative;
	background: url(../images/schedule/time_bg.gif); }

	.paginate_time .round_left {
		z-index: 1;
		position: absolute;
		left: 0px;
		top: 0px;
		width: 18px;
		height: 34px;
		overflow: hidden;
		background: url(../images/schedule/time_left.gif); }

	.paginate_time .round_right {
		z-index: 1;
		position: absolute;
		right: 0px;
		top: 0px;
		width: 18px;
		height: 34px;
		overflow: hidden;
		background: url(../images/schedule/time_right.gif); }


	.paginate_time .back {
		cursor: pointer;
		z-index: 2;
		position: absolute;
		height: 19px;
		width: 37px;
		top: 5px;
		left: 10px;
		overflow: hidden;
		background: url(../images/schedule/time_back.gif); }

		.paginate_time .back:hover {
			background: url(../images/schedule/time_back_hover.gif); }

	.paginate_time .next {
		cursor: pointer;
		z-index: 2;
		position: absolute;
		height: 19px;
		width: 37px;
		top: 5px;
		right: 10px;
		overflow: hidden;
		background: url(../images/schedule/time_next.gif); }

		.paginate_time .next:hover {
			background: url(../images/schedule/time_next_hover.gif); }
		
	.paginate_time ul {
		list-style: none;
		float: right;
		margin: 0px;
		padding: 0px; }
		
		.paginate_time ul li {
			font-size: 10.5pt;
			color: #6b6b6b;
			font-weight: bold;
			position: relative;
			height: 30px;
			line-height: 30px;
			background: url(../images/schedule/time_div.gif) no-repeat left top;
			float: right;
			width: 49%;
			margin: 1px 0px 0px 0px;
			padding: 0px; }

			.paginate_time ul li div {
				padding-left: 10px; }

			.paginate_time ul li span {
				position: absolute;
				top: -1px;
				left: 10px;
				color: #000; }

/* GUIDE BLOCK */

.guide_block {
	height: 100%;
	position: relative;
	margin-top: 7px;
	padding: 10px 8px 2px 8px;
	background: #e5e5e5; 
	border: 1px solid #6b6b6b;}

	.guide_block .round_1 {
		background: #fff;
		height: 1px;
		width: 1px;
		overflow: hidden;
		position: absolute;
		top: 0px;
		left: 0px; }

	.guide_block .round_2 {
		background: #fff;
		height: 1px;
		width: 1px;
		overflow: hidden;
		position: absolute;
		top: 0px;
		right: 0px; }

	.guide_block .round_3 {
		background: #fff;
		height: 1px;
		width: 1px;
		overflow: hidden;
		position: absolute;
		bottom: 0px;
		right: 0px; }

	.guide_block .round_4 {
		background: #fff;
		height: 1px;
		width: 1px;
		overflow: hidden;
		position: absolute;
		bottom: 0px;
		left: 0px; }

	.guide_block .channel_name {
		float: left; }

	.guide_block .channel_name td {
		font-weight: bold;
		height: 50px;
		vertical-align: middle;
		line-height: 18px;
		color: #777;
		font-size: 10.1pt;
		overflow: hidden;
		margin: 0px 0px 0px 2px;
		padding: 0px 0px 0px 2px;
		width: 100px; }
		
	.guide_block ul {
		float: right;
		margin: 0px 0px 8px 0px;
		padding: 0px;
		list-style: none; }

		.guide_block ul li {
			cursor: default;
			font-size: 8.5pt;
			position: relative;
			background: #fff url(../images/schedule/schedule_right.gif) no-repeat right top;
			white-space: nowrap;
			overflow: hidden;
			height: 50px;
			line-height: 50px;
			margin: 0px;
			padding: 0px;
			float: left; }

		.guide_block ul li.continued {
			background: #fff url(../images/schedule/schedule_continued_right.gif) no-repeat right top; }

			.guide_block ul li .round_left {
				position: absolute;
				left: 0px;
				top: 0px;
				background: url(../images/schedule/schedule_left.gif) no-repeat right top;
				width: 3px;
				height: 50px; }

			.guide_block ul li .round_left_extend {
				position: absolute;
				left: 0px;
				top: 0px;
				background: url(../images/schedule/schedule_continue.gif) no-repeat right top;
				width: 4px;
				height: 50px; }
				
			
				
			.guide_block ul li .title {
				overflow: hidden;
				margin: 0px 8px 0px 10px; }

		.guide_block ul li.grouped {
			cursor: pointer;
			color: #000;
			background-color: #f1f1f1; }

		.guide_block ul li.grouped:hover {
			color: #000;
			background-color: #fff; }

			.guide_block ul li.grouped img {
				float: left;
				margin: 15px 6px 0px 0px; }

	.guide_block div.line {
		margin: 0px 2px 8px 2px;
		clear: both;
		display: block;
		height: 0px;
		visibility: visible;
		border-top: 1px solid #6b6b6b;
		border-bottom: 1px solid #fff; }

.hover {
	width: 211px;
	background: url(../images/schedule/hover.gif) center top no-repeat; 
	color: #000;}

.hover h5 {
	margin: 0px 0px 0px 11px;
	padding: 10px 10px 0px 10px;
	font-size: 9.1pt; }
	
	.hover p {
		margin: 1px 10px 5px 21px;
		padding: 0px 0px 5px 0px;
		color: #666;
		border-bottom: 1px solid #444;
		font-size: 8.5pt; }

	.hover ul {
		list-style: none;
		margin: 0px 0px 0px 0px;
		background: url(../images/schedule/hover_bttm.gif) center bottom no-repeat;
		padding: 0px 10px 10px 21px; }
		
		.hover li {
			margin: 0px;
			background: url(../images/schedule/hover_dot.gif) no-repeat left center;;
			padding: 0px 0px 0px 11px; }
		
		.hover li.repeats_at {
			background: none;
			font-weight: bold;
			padding: 0px; }