@charset "utf-8";
/*  	
	Copyright Noterik B.V 
	Springfield
	Akbar Khrisna (a.khrisna@noterik.nl)
	October 2008
 */
 
/* -----------------------
	CSS Fixing settings
	For workaround ie, firefox and safari
   ----------------------- */
IMG { border:0; }
FORM { margin:0; padding:0; }
.mozillaBugFix { clear:both; }
a:active { outline: none; }
a:focus { -moz-outline-style: none; }

/* -----------------------
	General settings 
	This is where we put all the general settings about the page
   ----------------------- */
html,body {
	margin:0;
	padding:0;
} 
body {
	color:#494949;
	background-color:#eaeaea;
	font-family:Arial,'Trebuchet MS', Tahoma;
	font-size:12px;
	text-align:center;
	margin:0 auto;
}

/* -----------------------
	Page layout settings 
	This is where the layout is constructed
   ----------------------- */
.wrapper {
	margin:0 auto;
}
.pre-header {
	height:23px;
	width:100%;
	background-image:url('../images/bg_preheader.gif');
	background-repeat:repeat-x;
	margin:0 auto;
}
.header {
	width:100%;
	height:64px;
	background-image:url('../images/bg_header.gif');
	background-repeat:repeat-x;
}
.link {
	width:100%;
	height:28px;
	background-image:url('../images/bg_link.gif');
	background-repeat:repeat-x;
}
.body {
	width:855px;
	background-color:#b5bbc2;
	margin:0 auto;
}
.footer {
	width:855px;
	height:50px;
	background-image:url('../images/bg_footer.gif');
	background-repeat:no-repeat;
	margin:0 auto;
}

/* -----------------------
	Textual settings 
	This is where the text settings
   ----------------------- */
a { 
	text-decoration:none; 
	color:#808080;
}

/* -----------------------
	Additional settings 
	This is where the additional layout settings (more specific)
   ----------------------- */
.pre-header_text {
	width:855px;
	margin:0 auto;
	text-align:right;
	color:#b5bbc2;
}
.pre-header_text a {
	color:#b5bbc2;
}
.pre-header_text_padding { padding: 5px 0px 0px 0px;}
.pre-header_text ul { margin:0; padding:0; }
.pre-header_text li {
	list-style:none;
	margin-left:40px;
	display:inline;
}
.language { color:#b5bbc2; }
.chosen_language {
	color:#ffd200;
	font-weight:bold;
}
.header_padding {
	width:855px;
	margin:0 auto;
	text-align:left;	
}
.link_padding {
	width:855px;
	margin:0 auto;
	text-align:left;	
}
.link ul { margin:0; padding:0; }
.link li {
	display:inline;
	list-style:none;	
}
.link a {
	float:left;
	font-size:1.1em;	
	color:#e1dddd;
	display:block;
	width:100px;
	height:22px;
	text-align:center;
	background-image:url('../images/bg_link_separator.gif');
	background-position:right;
	background-repeat:no-repeat;
	padding-top:6px;
}
.link a:hover {
	background-color:#7d8488;	
}
.link a:active {
	padding-top:8px;
	height:20px;	
}
.chosen_link a, .chosen_link a:hover, .chosen_link a:active {
	background-color:#b5bbc2;
	color:#414141;
}
.footer_information {
	color:#797979;
	font-size:0.9em;	
}
.footer_information_padding { padding:20px 0px 0px 0px; }

/* -----------------------
	Form settings
	Style of the pages
   ----------------------- */
input {
	font-family:Arial, 'Lucida Grande', 'Segoe UI', Arial,'Trebuchet MS', Tahoma;
}

/* -----------------------
	Page based settings
	Style of the pages
   ----------------------- */
   
/*-- MAIN LAYOUT --*/
.welcome { text-align:left; }
.welcome h2, .welcome h3 { 
	margin:0; padding:0;	
}
.welcome p { 
	margin:0 auto; 
}
.welcome_padding {
	padding:10px 0px 10px 20px;	
}

.ic_welcome_right {
	float:right;
	display:inline;
	margin:0px 0px 0px 5px;	
}
.ic_welcome_left {
	float:left;
	display:inline;
	margin:0px 5px 0px 0px;	
}
.welcome_left {
	width:550px;
	float:left;
	display:inline;
	margin-right:30px;
}
.welcome_right {
	width:240px;
	overflow:auto;
}
.welcome_left_content {
	width:100%;	
	margin:0px 0px 20px 0px;
}
.welcome_left_content_padding {
	padding:20px 0px 0px 0px;
}
.welcome_left_content_left {
	float:left;
	width:265px;
	display:inline;
	margin-right:10px;
	}
.welcome_left_content_right {
	float:left;
	width:265px;
	display:inline;
	margin-left:10px;
}
.welcome_feature {
	margin-bottom:10px;
	overflow:auto;	
}
.welcome_feature h3 {
	color:#f0f0f0;
	font-size:1.1em;
	padding:0px 0px 2px 0px;
	border-bottom:1px solid #dedede;
	margin-bottom:10px;
}
.welcome_feature p {
	margin:5px 0px 5px 0px;
	line-height:16px;
	text-align:justify;
}
.welcome_left_header h3 {
	color:#79944d;
	font-size:1.2em;
	font-weight:normal;
}
.welcome_right_header h3 {
	color:#79944d;
	font-size:1.2em;
	font-weight:normal;
}
.welcome_middle_top {
	background-image:url('../images/bg_webtvplatform.gif');
	background-repeat:no-repeat;
	width:815px;
	height:10px;
}
.welcome_middle_body {
	background-image:url('../images/bg_webtvplatform_body.gif');
	background-repeat:repeat-y;
	width:815px;
	margin:0 auto;
}
.welcome_middle_body a {
	color:#494949;
	text-decoration:none;
	font-weight:bold;
}
.welcome_middle_body a:hover {
	color:#494949;
	text-decoration:underline;
	font-weight:bold;
}
.welcome_middle_body p {
	margin:5px 0px 5px 0px;
	line-height:16px;
	text-align:justify;
}
.welcome_middle_footer {
	background-image:url('../images/bg_webtvplatform_footer.gif');
	background-repeat:no-repeat;
	width:815px;
	height:10px;
}
.welcome_middle_body_padding {
	padding:0px 10px 0px 10px;
}
.welcome_middle_body_left {
	float:left;
	width:405px;
	margin:0 auto;
	display:inline;
}
.welcome_middle_body_right {
	float:left;
	width:405px;
	margin:0 auto;
	display:inline;
	border-left:1px dotted #999;
}
/*-- TOP RIGHT TEXT --*/
.welcome_feature_top {
	overflow:auto;	
	background-image:url('../images/bg_feature_top.gif');
	background-repeat:repeat-x;
}
.welcome_feature_top h3 {
	color:#79944d;
	font-size:1.2em;
	font-weight:normal;
	margin-bottom:20px;
}
.welcome_feature_top p { 
	margin:5px 0px 5px 0px;
	line-height:16px;
	text-align:justify;
}
.welcome_feature_top_padding {
	padding:5px;
}
/*-- TOP LEFT CONTENT --*/
.welcome_top_box {
	width:815px;  margin-top:10px;
}
.welcome_top_box_player {
	float:left; margin-right:20px;
}
.welcome_top_box_info {
	text-align:justify;	
}

.welcome_middle {
	margin-bottom:10px;
	overflow:auto;	
}
.welcome_right_content_padding {
	padding:20px 0px 0px 0px;	
}
.welcome_screenshot {
	float:left;
	display:block;
	margin-right:10px;
	margin-bottom:10px;	
}
.welcome_screenshot_image {
	height:85px;
	width:85px;
	border:3px solid #899397;
	padding:2px;
	background-color:#fff;
}


/* home page */
.home { text-align:left; }
.home h2, .home h3 { 
	margin:0; padding:0;	
}
.home p { 
	margin:0px 0px 0px 0px; 
	line-height:17px;
}
.home_padding {
	padding:20px 0px 10px 20px;	
}
.ic_home_right {
	float:right;
	display:inline;
	margin:0px 0px 0px 5px;	
}
.ic_home_left {
	float:left;
	display:inline;
	margin:0px 5px 0px 0px;	
}
.home_left {
	width:550px;
	float:left;
	display:inline;
	margin-right:30px;
}
.home_right {
	width:240px;
	overflow:auto;
}
.home_left_content {
	width:100%;	
}
.home_left_content_padding {
	padding:20px 0px 0px 0px;
}
.home_left_content_left {
	display:inline;
	margin-right:10px;
	}
.home_left_content_right {
	float:left;
	width:265px;
	display:inline;
	margin-left:10px;
}
.home_feature {
	margin-bottom:10px;
	overflow:auto;	
}
.home_feature h3 {
	color:#f0f0f0;
	font-size:1.1em;
	padding:0px 0px 2px 0px;
	border-bottom:1px solid #dedede;
	margin-bottom:10px;
}
.home_right_content_padding {
	padding:20px 0px 0px 0px;	
}
.home_screenshot {
	float:left;
	display:inline;
	margin-right:10px;
	margin-bottom:10px;	
}
.home_screenshot_image {
	height:85px;
	width:85px;
	border:3px solid #899397;
	padding:2px;
	background-color:#fff;
}

/* contact page */
.contact {
	text-align:left;
}
.contact_padding {
	padding:20px 0px 10px 20px;
}
.contact_box { margin:0 auto; }
.contact_box h1 {
	margin:0; padding:0;
	font-size:1.6em;
	border-bottom:1px solid #dedede;
	padding-bottom:3px;
	margin-bottom:5px;
}
.contact_box h3 {
	margin:0; padding:0;
	font-size:1.2em;
	margin-bottom:2px;
	font-weight:normal;
}
.contact_box_top {
	height:20px;
	margin:0 auto;
	width:577px;
	background-image:url('../images/bg_boxbig_top.gif');
	background-repeat:no-repeat;
}
.contact_box_middle {
	margin:0 auto;
	width:577px;
	background-image:url('../images/bg_boxbig_middle.gif');
	background-repeat:repeat-y;
}
.contact_box_middle_padding {
	padding:10px 30px 15px 30px;
}
.contact_box_middle_text {
	margin-bottom:10px; 
	color:#666666;
	line-height:16px;	
}
.contact_box_bottom {
	margin:0 auto;
	width:577px;
	height:20px;
	background-image:url('../images/bg_boxbig_bottom.gif');
	background-repeat:no-repeat;
}
.contact_box_middle_left {
	width:170px;
	float:left;
	margin-left:10px;
	margin-right:10px;
	margin-top:11px;
	color:#666666;
}
.contact_box_middle_right {
	overflow:auto;	
}
.contact_box_middle_left_address {
	padding-left:10px;	
	font-size:0.9em;
	font-style:italic;
}
.contact_box_middle_right_form {
	margin-top:10px;	
}
.contact_form_space {
	margin-bottom:6px;	
}
.input_contact {
	width:310px;
	border:0;
	background-color:#cfcdc3;
	font-size:1.3em;
	padding:5px;
	color:#666666;	
}
.textarea_contact {
	width:310px;
	height:100px;
	border:0;
	background-color:#cfcdc3;
	font-size:1.3em;
	padding:5px;
	color:#666666;	
}
.button_contact {
	background-image:url('../images/bg_button_black.gif');
	background-repeat:repeat-x;
	height:23px;
	font-size:1.2em;
	border:0;
	color:#fff;
	margin-left:-3px;
	cursor:pointer;
	margin-top:3px;
	padding:0px 20px 0px 20px;	
}

/* register page */
.register { text-align:left; }
.register_padding { padding:20px 0px 10px 20px; }
.register_box { margin:0 auto; }
.register_box h1 {
	margin:0; padding:0;
	font-size:1.6em;
	border-bottom:1px solid #dedede;
	padding-bottom:3px;
	margin-bottom:5px;
}
.register_box h3 {
	margin:0; padding:0;
	font-size:1.2em;
	margin-bottom:2px;
	font-weight:normal;
}
.register_box a {
	text-decoration:underline;
}
.register_box_top {
	height:20px;
	margin:0 auto;
	width:463px;
	background-image:url('../images/bg_box_top.gif');
	background-repeat:no-repeat;
}
.register_box_middle {
	margin:0 auto;
	width:463px;
	background-image:url('../images/bg_box_middle.gif');
	background-repeat:repeat-y;
}
.register_box_middle_padding {
	padding:10px 30px 15px 30px;
}
.register_box_middle_text {
	margin-bottom:10px; 
	color:#666666;	
	line-height:16px;
}
.register_box_bottom {
	margin:0 auto;
	width:463px;
	height:19px;
	background-image:url('../images/bg_box_bottom.gif');
	background-repeat:no-repeat;
}

/* login page */
.login { text-align:left; }
.login_padding { padding:20px 0px 10px 20px; }
.login_box { margin:0 auto; }
.login_box h1 {
	margin:0; padding:0;
	font-size:1.6em;
	border-bottom:1px solid #dedede;
	padding-bottom:3px;
	margin-bottom:5px;
}
.login_box h3 {
	margin:0; padding:0;
	font-size:1.2em;
	margin-bottom:2px;
	font-weight:normal;
}
.login_box a {
	text-decoration:underline;
}
.login_box_top {
	height:20px;
	margin:0 auto;
	width:463px;
	background-image:url('../images/bg_box_top.gif');
	background-repeat:no-repeat;
}
.login_box_middle {
	margin:0 auto;
	width:463px;
	background-image:url('../images/bg_box_middle.gif');
	background-repeat:repeat-y;
}
.login_box_middle_padding {
	padding:10px 30px 15px 30px;
}
.login_box_middle_text {
	margin-bottom:10px; 
	color:#666666;	
	line-height:16px;
}
.login_box_bottom {
	margin:0 auto;
	width:463px;
	height:19px;
	background-image:url('../images/bg_box_bottom.gif');
	background-repeat:no-repeat;
}
.input_login {
	width:390px;
	border:0;
	background-color:#cfcdc3;
	font-size:1.3em;
	padding:5px;
	color:#666666;	
}
.button_login {
	background-image:url('../images/bg_button_black.gif');
	background-repeat:repeat-x;
	height:23px;
	font-size:1.2em;
	border:0;
	color:#fff;
	margin-left:-0px;
	cursor:pointer;
	margin-top:3px;
	padding:0px 20px 0px 20px;	
}