/* CSS Document für den Optionscontainer */

/***
 *	optionscontainer
 */
#optionscontainer			{padding:0px; position:relative; }
#optionscontainer h2		{padding-bottom:10px; position:relative; }
#optionscontainer select	{width:120px; font-size:0.875em; }	
#optionscontainer 
  div.globaloptions			{margin-left:330px;height:300px; padding:32px 20px 20px 2px; font-size:0.75em; width:280px;}
	
* html #optionscontainer div.globaloptions	{
	height	: 322px;  	/* Internet Explorer < 6 */
	h\eight	: 300px;  	/* Internet Explorer >= 6 */
}

#backToOverview img { text-decoration: none; padding: 4px 0; }

/***
 *	gobaloptions
 */
div.globaloptions h2 			{}
div.globaloptions thead	{font-size: 0.1em;}
div.globaloptions div.left 		{float:left; width:13em; color:black; padding-left:13px; padding-top:5px;}
div.globaloptions div.right		{margin-left:13.1em;}
div.globaloptions div.right img {cursor:pointer}
div.globaloptions div.close_or_save	{margin-top : 50px;}
div.globaloptions td			{padding : 0px 6px 2px 0;}
div.selectchannels				{font-size:0.8em; float: left; position:relative; height:300px; width:280px; margin-top: 20px; }
div.selectchannels h2	{ padding: 0 !important;}
div.selectchannels table, div.selectchannels tr, div.selectchannels td	{ vertical-align: middle;}
div.selectchannels td.arrowUp {vertical-align: top;}
div.selectchannels td.arrowDown {vertical-align: bottom;}
option.sfchannel 				{color: #000000; }


/****
 * Elements in table
 */
#favchannels					{ color: #A50019; }
#optionscontainer td img		{ cursor: pointer}
a.link_tvoptions				{ text-decoration:none; }
div.selectchannels img 			{ background-position:0px 0px; height:17px; width:17px;}
div.selectchannels img.right 	{ background:transparent url(../img/options/sftv_arrow_right.gif) no-repeat scroll 0% 0%; display:block; margin:0 10px 3px 10px;}
div.selectchannels img.left 	{ background:transparent url(../img/options/sftv_arrow_left.gif) no-repeat scroll 0% 0%; display:block; margin:0 10px 3px 10px;}
div.selectchannels img.top 		{ background:transparent url(../img/options/sftv_arrow_top.gif) no-repeat scroll 0% 0%; }
div.selectchannels img.bottom 	{ background:transparent url(../img/options/sftv_arrow_bottom.gif) no-repeat scroll 0% 0%; }

/****
 * 	Checkbox formats
 */
.globaloptions .add {
	background: url(../img/options/options_box_empty.gif) top left no-repeat;
	width: 14px;
	height: 14px;
	display: block;
	float: left;
}

.globaloptions .active {
	background: url(../img/options/options_box_add.gif) top left no-repeat;
}

/****
 * Additional: This styles are used, because this script
 * is only applied in the tvprogram and no where else
 */
 #FOOT	{clear:left; position:relative}