/* ******************************************************************************************************* */
/* THIS FILE CONTAINS LAYOUTS AND STYLES FOR MODULES									     */
/* ******************************************************************************************************* */
/* Anne, february 21th 2010	      											     */



/* ------------------------------------------------------------------------------------------------------- */
/* GRAPHIC MODULE. Hides text i preText and allows therefore to write hidden text                          */

.graphicModule .preText {
	display				: none;
	}
/* ------------------------------------------------------------------------------------------------------- */
/* PAGE BOTTOM. ADDRESS SECTION. Placed on the bottom of the page                                          */
.addressSection { 
	display				: inline;
	float					: right;
	width					: 60%; 
	}
.addressSection p { 
	padding				: 6px 0px 0px 0px; 
	color					: #8c8c8c; 
	font-size				: 10px;
	text-align				: right;
	}
.addressSection a, 
.addressSection a:hover, 
.addressSection a:visited { 
	color					: #8c8c8c;
	text-decoration			: underline; 
	}

.addressSection a:hover {
	color					: #222222;
	}	
/* ------------------------------------------------------------------------------------------------------- */	
/* PAGE BOTTOM. PAYMENT OPTIONS SECTION. Placed on the bottom of the page                                  */	
.paymentOptions {
	display				: inline;
	float					: left;
	width					: 40%;
	text-align				: left;
	margin				: 8px 0px 0px 0px;
	}
.paymentOptions img {
	margin				: 0px 5px 0px 0px;
	}
/* ------------------------------------------------------------------------------------------------------- */	
/* PAGE LEFT. PAYMENT OPTIONS SECTION. Placed on the left of the page on the Refill Automatic and Refill page */
.refillInfo {
	height				: 234px;
	padding				: 3px 0px 0px 0px;
	color					: #FFFFFF;
	}
.refillInfo p,
.refillInfo h2 {
	color					: #FFFFFF;
	}	
.refillInfo h2 {
	font-size				: 13px;
	margin				: 0px 0px 4px 0px;
	}					
/* ------------------------------------------------------------------------------------------------------- */
/* PAGE TOP. LOGIN BOX. Positioned on the top of the page by the topMenu                                   */
/* The elements fieldset, legend and label are used to perform better usability.                           */
/* The login is working together with the jquery-script. The script shows and hides the <label> over the inputfields. The script doesn't validate. */

/* LOGGED OUT STYLES */
.loginContainer fieldset {
	position				: relative;
	}
.loginContainer legend { 
	display				: none; 
	}
.loginContainer input { 
	display				: block; 
	clear					: right;  
	}
.loginContainer input.field { 
	width					: 100px;  
	font-size				: 11px; 
	padding				: 1px 7px 1px 7px; 
	border				: 1px solid #999999; 
	margin				: 0px 0px 0px 0px; 
	line-height				: 14px;
	height				: 14px;
	}
.loginContainer #f div.label { 
	position				: relative; 
	float					: right; 
	clear					: right;
	overflow				: hidden; /*overflow:hidden is important because it hides the <label> when the user places the cursor ind the input-field. */
	height				: 21px;
	}
.loginContainer input.submitLogin { 
	position				: absolute;
	top					: 38px;
	left					: 436px;
	width					: 48px; 
	height				: 24px; 
	background				: #ED1C24; 
	border				: none; 
	color					: #fbdc60;
	text-transform			: uppercase;
	font-size				: 16px;
	cursor				: pointer;
	line-height				: 13px;
	font-family				: Impact, Arial, sans-serif;
	outline				: none;
	}
.loginContainer input.submitLogin:hover { 
	color					: #FFFFFF;
	}	
.loginContainer label.over { 
	color					: #666666; 
	position				: absolute; 
	top					: 0px; 
	left					: 10px;
	font-size				: 11px;
	}
.loginContainer .forgottenPassword {
	height				: 14px;
	line-height				: 13px;
	overflow				: hidden;
	}
.loginContainer .forgottenPassword a {
	position				: absolute;
	top					: 2px;
	left					: 277px;
	color					: #000000;
	font-size				: 10px;
	text-decoration			: underline;
	}
.loginContainer .forgottenPassword a:hover {
	color					: #FFFFFF;
	}	
.loginContainer .message p,
.loginContainer .message a {
	color					: #FFD93D;
	font-weight				: bold;
	font-size				: 13px;
	letter-spacing			: normal;
	}	
.loginContainer .message a {
	text-decoration			: underline;
	}
.loginContainer .message a:hover {
	color					: #FFF381;
	}
	
/* LOGGED IN STYLES */
.loginContainer input.submitLogout { 
	background				: #ED1C24; 
	border				: none; 
	color					: #FFFFFF;
	text-transform			: uppercase;
	font-size				: 12px;
	font-weight				: bold;
	cursor				: pointer;
	line-height				: 13px;
	width					: 53px; 
	height				: 16px;
	}
.loginContainer .userNameContainer,
.loginContainer .logoutButtonContainer {
	float:right;
	display:inline;
	}		
.loginContainer .userNameContainer p {
	padding				: 0px 10px 0px 0px;
	color					: #FFFFFF;
	font-weight				: bold;
	font-size				: 13px;
	letter-spacing			: 0px;
	}
.loginContainer .userNameContainer a {
	color					: #FFFFFF;
	}

/* --------------------------------------------------------------------------------------------------------- */
/* CONTENT RIGHT. FAQ-INFO.														 */
.faqInfo .postText {
	display				: none;
	}
.faqInfo a {
	display				: block;
	width					: 182px;
	height				: 256px;
	font-size				: 0px;
	line-height				: 0px;
	overflow				: hidden;
	background				: url("/application/css/btmobil/images/content/faq-info.gif") no-repeat;
}
/* ------------------------------------------------------------------------------------------------------- */
/* CONTENT RIGHT. FRONTPAGE. CHANGE SUBSCRIPTION.                                                             */
.changeSubscription .postText {
	display				: none;
	}
.changeSubscription a {
	display				: block;
	width					: 201px;
	height				: 192px;
	font-size				: 0px;
	line-height				: 0px;
	overflow				: hidden;
	background				: url("/application/css/btmobil/images/content/frontpage-skift-abonnement-idag.gif") no-repeat;
}
/* ------------------------------------------------------------------------------------------------------- */
/* CONTENT RIGHT. FRONTPAGE. ROTATION. FORDELE.                                                            */
.rotation .postText {
	display				: none;
	}
.rotation {
	width					: 201px;
	height				: 115px;
	margin				: 3.5px 0px 0px 0px;
	font-size				: 0px;
	line-height				: 0px;
	overflow				: hidden;
}
/* ------------------------------------------------------------------------------------------------------- */
/* CONTENT RIGHT. FRONTPAGE. SUPPORT.			                                                     */
.frontpageSupport .postText {
	display				: none;
	}
.frontpageSupport a {
	display				: block;
	width					: 201px;
	height				: 98px;
	margin				: 3.5px 0px 0px 0px;
	font-size				: 0px;
	line-height				: 0px;
	overflow				: hidden;
	background				: url("/application/css/btmobil/images/content/frontpage-kundeservice.gif") no-repeat;
}
/* ------------------------------------------------------------------------------------------------------- */
/* CENTER. FRONTPAGE. BANNER.			                                                                 */
.banner .postText { 
	display				: none; 
	}
/* ------------------------------------------------------------------------------------------------------- */
/* FRONTPAGE. BOX 1, BOX 2 and BOX 3.  			                                                     */
.frontpageBox1 .postText,
.frontpageBox2 .postText,
.frontpageBox3 .postText { 
	display				: none; 
	}
.frontpageBox1,
.frontpageBox2,
.frontpageBox3 {
	display				: inline;
	height				: 180px;
	float					: left;
	width					: 231px;
	margin				: 8px 8px 0px 0px;
}	
.frontpageBox1 {
	background				: url("/application/css/btmobil/images/content/frontpagebox1.gif") no-repeat;
	}
.frontpageBox2 {
	background				: url("/application/css/btmobil/images/content/frontpagebox2.gif") no-repeat;
	}
.frontpageBox3 {
	margin				: 8px 0px 0px 0px;
	background				: url("/application/css/btmobil/images/content/frontpagebox3.gif") no-repeat;
	}
.frontpageBox1 a,
.frontpageBox2 a,
.frontpageBox3 a {
	display				: block;
	height				: 180px;
	width					: 231px;
}
/* ------------------------------------------------------------------------------------------------------- */
/* CONTENT LEFT. USERNAME-INFO AND NUMBER-INFO - LOGGED IN.	                                               */
.usernameInfo p,
.usernameInfo a {
	color					: #FFFFFF;
	font-weight				: normal !important;
	}
/* ------------------------------------------------------------------------------------------------------- */
/* CONTENT LEFT. LOGOUT-BUTTON - LOGGED IN.			                                               */
.logoutButton .submitLogout {
	background				: none; 
	border				: none; 
	color					: #FFFFFF; 
	font-weight				: bold; 
	margin-bottom			: 20px; 
	display				: block;
	}
.logoutButton .submitLogout:hover {
	text-decoration			: underline;
	display				: block;
	}
		
html>/**/body .logoutButton .submitLogout, x:-moz-any-link, x:default { /* Firefox 3 only */
	position				: relative;
	left					: -3px;
	}
	
*+html .logoutButton .submitLogout  { /* IE7 only */
	position				: relative;
	left					: -7px;
	}		
/* ------------------------------------------------------------------------------------------------------- */