/*
 * TOC: Default stylesheet (for all pages and locales)
 *
 * - Reset
 * - Document
 * - Wrapper
 * - Header
 * - Navigation
 * - Subnavigation
 * - Content
 *   - Links list
 *   - Columns
 *     - Column widths
 *     - Boxes
 *     - Headers
 *     - Links list
 *     - Sitemap links list
 *     - Poll
 *   - Ticker
 *   - Receipts
 *   - Actionbar
 * - Footer
 */

/*
 * Reset
 *
 * Resets basic styles for consistency in browsers
 */
* {
	padding: 0;
	margin: 0;
}

img {
	vertical-align: middle;
	border: none;
}

p,
ul,
ol,
dl {
	margin-bottom: 16px;
}

ul,
ol {
	padding-left: 20px;
}

/*
 * Document
 *
 * Sets basic documents styles, like fonts and colors
 */
html {
	overflow-y: scroll;
	height: 100%;
}

body {
	font: 13px/20px "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Helvetica, Arial, sans-serif;
	color: #6a6a6a;
	background: #fff url(../images/body-gradient.png) repeat-x;
	min-width: 994px;
	height: 100%;
}

/* Header styles */
h1 {
	font: normal 26px/36px "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Helvetica, Arial, sans-serif;
	margin: -7px 0 14px;
}

h2,
h3,
h4,
h5,
h6 {
	font: bold 13px/20px "Lucida Grande", "Lucida Sans", "Trebuchet MS", Helvetica, Arial, sans-serif;
	margin-bottom: 4px;
}

/* Fix for italic and bold Lucida Sans Unicode */
em,
strong {
	font-family: "Lucida Grande", "Lucida Sans", "Trebuchet MS", Helvetica, Arial, sans-serif;
}

small {
	font-size: 1em;
	color: #bbb;
}

/* Links */
a {
	text-decoration: none;
	color: #69be28;
}

    a:hover {
		text-decoration: underline;
	}

	a span {
		background: url(../images/arrows.png) no-repeat 100% -25px;
		padding-right: 7px;
	}
	
		a.left span {
			background: url(../images/arrows-left.png) no-repeat 0 -25px;
			padding-right: 0;
			padding-left: 7px;
		}
		
	a.align-left {
		float: left;
	}
	
	a.align-right {
		float: right;
	}
		
	/* Consumer (purple) */
	.consumer a { color: #544f99; }
		.consumer a span { background-position: 100% -57px;	}
			.consumer a.left span { background-position: 0 -57px; }

	/* Business (blue) */
	.business a { color: #289bbe; }
		.business a span { background-position: 100% -89px; }
			.business a.left span { background-position: 0 -89px; }
		
	/* News (pink) */
	.news a { color: #ea406f; }
		.news a span { background-position: 100% -121px; }
			.news a.left span { background-position: 0 -121px; }
		
	/* Poll (aqua) */
	.poll a { color: #30b7b1; }
		.poll a span { background-position: 100% -153px;	}
			.poll a.left span { background-position: 0 -153px;	}
		
	/* Active (white) - must cascade all other colors! */
	.active a { color: #fff; }
		.active a span { background-position: 100% 7px; }
			.active a.left span { background-position: 0 7px; }

/*
 * Link buttons
 */
 a.button {
	 display: block;
	 overflow: hidden;
	 background: url(../images/button.png) no-repeat;
	 width: 30px;
	 height: 30px;
 }
 
	a.button:hover { background-position: 0 -30px; }
	a.button:active { background-position: 0 -60px; }
 
	a.button span {
		display: block;
		text-indent: -9999px;
		background: url(../images/button.png) no-repeat;
		width: 100%;
		height: 100%;
		padding: 0;
	}
	
		a.button.next span { background-position: 0 -90px; }
		a.button.previous span { background-position: 0 -120px; }
		a.button.loading span { background-position: 0 100%; }

/* Buttons */
button {
	display: block;
	color: #6a6a6a;
	font: normal 11px/14px "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Helvetica, Arial, sans-serif;
	text-align: center;
	cursor: pointer;
	background: url(../images/form-button.png) no-repeat;
	width: 154px;
	height: 22px;
	margin: 0;
	border: none;
	outline: 0;
}

    button span {
        font: bold 11px/14px "Lucida Grande", "Lucida Sans", "Trebuchet MS", Helvetica, Arial, sans-serif;
    }

    button:hover { background-position: 0 -22px; }
    button:active { background-position: -0 44px; }
    
    .dual.column button { background-position: -154px 0; width: 352px; }
        .dual.column button:hover { background-position: -154px -22px; }
        .dual.column button:active  { background-position: -154px -44px; }

hr {
	height: 0;
	margin: 0 0 16px;
	border: solid #eaeaea;
	border-width: 1px 0 0;
}

/* Form elements */
.form {
	font-size: 11px;
	line-height: 16px;
	margin-bottom: 12px;
}

	.form p {
		margin-bottom: 8px;
	}
	
	.form .round {
		display: block;
		background: url(../images/form.png) no-repeat;
		overflow: hidden;
		padding: 5px 7px 5px 7px;
		margin: 0 -2px -4px;
	}
	
		    /* Focussed styles first because of IE6 multiple class bug - IE6 has no focussed style */
			.column.single .form .round.focussed.input,
			#content .form .round.focussed.single.input { background-position: 0 -28px; }
			.column.dual .form .round.focussed.input,
			#content .form .round.focussed.dual.input { background-position: -158px -28px; }
			.column.single .form .round.focussed.textarea,
			#content .form .round.focussed.single.textarea { background-position: 0 -144px; }
			.column.dual .form .round.focussed.textarea,
			#content .form .round.focussed.dual.textarea { background-position: -158px -144px; }
			
		.column.single .form .round.input,
		#content .form .round.single.input { background-position: 0 0; width: 144px; height: 16px; }
		.column.dual .form .round.input,
		#content .form .round.dual.input { background-position: -158px 0; width: 342px; }
		.column.single .form .round.textarea,
		#content .form .round.single.textarea { background-position: 0 -56px; width: 144px; height: 76px; }
		.column.dual .form .round.textarea,
		#content .form .round.dual.textarea { background-position: -158px -56px; width: 342px; }
		
		/* IE6 **** STARTS HERE - classes get added, so it need more specificity and some other **** */
		
		#wrapper .column.single .form .input-round,
		#wrapper #content .form .input-round-single { background-position: 0 0; width: 144px; height: 16px; }
		#wrapper .column.single .form .input-round input,
		#wrapper #content .form .input-round-single input { width: 144px; }
		
		#wrapper .column.single .form .input-round input { margin-left: 14px; }
		
		#wrapper .column.dual .form .input-round,
		#wrapper #content .form .dual-input-round { background-position: -158px 0; width: 342px; }
		#wrapper .column.dual .form .input-round input,
		#wrapper #content .form .dual-input-round input { width: 342px; }
		
		#wrapper .column.single .form .round-textarea,
		#wrapper #content .form .round-single-textarea { background-position: 0 -56px; width: 144px; height: 76px; }
		#wrapper .column.single .form .round-textarea textarea,
		#wrapper #content .form .round-single-textarea textarea { width: 144px; height: 76px; }
		
		#wrapper .column.dual .form .round-textarea,
		#wrapper #content .form .dual-round-textarea { background-position: -158px -56px; width: 342px; }
		#wrapper .column.dual .form .round-textarea textarea,
		#wrapper #content .form .dual-round-textarea textarea { width: 342px; height: 76px; }
		
		/* IE6 **** ENDS HERE */
	
		.form .round input,
		.form .round textarea {
			display: block;
			font: normal 11px/16px "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Helvetica, Arial, sans-serif;
			color: #aaa;
			width: 100%;
			height: 16px;
			padding: 0;
			margin: 0;
			border: 0;
			outline: 0;
			resize: none;
		}
		
		.form .round textarea {
			overflow: auto;
			height: 76px;
		}

/*
 * Wrapper
 *
 * Set static width and centered content
 */
#wrapper {
	width: 974px;
	min-height: 100%;
	padding: 0 10px;
	margin: 0 auto -30px;
}

/*
 * Header
 *
 * Adds extra width for drop-shadows
 */
#header {
	width: 980px;
	margin: 0 -3px;
}

	/* Logo */
	#header .logo {
		width: 150px;
		height: 55px;
		padding: 15px 0 0;
		margin: 0;
	}
	
		#header .logo a {
			display: block;
			text-indent: -9999em;
			background: url(../images/otoucho-logo.png) no-repeat;
			width: 100%;
			height: 100%;
			outline: none;
		}
		
	#header p.signon-status {
	    float: right;
	    font-size: 11px;
	    padding-right: 7px;
	    margin-top: -41px;
	}

/*
 * Navigation
 *
 * Main navigation bar with submenu
 */
#navigation {
	/* background-image is set in local stylesheet */
	font-size: 11px;
	line-height: 16px;
	margin: 10px 0 21px;
}

	#navigation ul {
		/* background-image is set in local stylesheet */
		position: relative;
		list-style: none;
		width: 793px;
		height: 38px;
		padding: 1px 0 5px 3px;
		margin: 0 0 48px;
	}
	
	    /* Remove space for submenu when not available */
	    #navigation ul.home,
	    #navigation ul.mijn-otoucho {
	        margin: 0;
	    }

		#navigation li {
			float: left;
			overflow: hidden;
			width: 132px;
			height: 38px;
		}
		
			#navigation li a {
				/* background-image is set in local stylesheet */
				background-repeat: no-repeat;
				position: relative;
				z-index: 2;
				display: block;
				text-indent: -9999px;
				width: 100%;
				height: 100%;
				outline: none;
			}
			
				/* Make link transparent if not hovered, active or current item */
				#navigation li a:link,
				#navigation li a:visited {
					background-position: 9999px 9999px;
				}

					/* Hover, active and current styles */
					#navigation li.home a:hover { background-position: -3px -45px; }
					#navigation li.home a:active { background-position: -3px -89px; }
					#navigation ul.home li.home a,
					#navigation ul.home li.home a:hover { background-position: -3px -133px; }
					
					#navigation li.over-otoucho a:hover { background-position: -135px -45px; }
					#navigation li.over-otoucho a:active { background-position: -135px -89px; }
					#navigation ul.over-otoucho li.over-otoucho a,
					#navigation ul.over-otoucho li.over-otoucho a:hover { background-position: -135px -133px; }
					
					#navigation li.voordelen a:hover { background-position: -267px -45px; }
					#navigation li.voordelen a:active { background-position: -267px -89px; }
					#navigation ul.voordelen li.voordelen a,
					#navigation ul.voordelen li.voordelen a:hover { background-position: -267px -133px; }
					
					#navigation li.mijn-otoucho a:hover { background-position: -399px -45px; }
					#navigation li.mijn-otoucho a:active { background-position: -399px -89px; }
					#navigation ul.mijn-otoucho li.mijn-otoucho a,
					#navigation ul.mijn-otoucho li.mijn-otoucho a:hover { background-position: -399px -133px; }
					
					#navigation li.support a:hover { background-position: -531px -45px; }
					#navigation li.support a:active { background-position: -531px -89px; }
					#navigation ul.support li.support a,
					#navigation ul.support li.support a:hover { background-position: -531px -133px; }
					
					#navigation li.contact a:hover { background-position: -663px -45px; }
					#navigation li.contact a:active { background-position: -663px -89px; }
					#navigation ul.contact li.contact a,
					#navigation ul.contact li.contact a:hover { background-position: -663px -133px; }

		/* Submenu */
		#navigation ul ul {
			position: absolute;
			left: 3px;
			z-index: 1;
			/* background-image is set in local stylesheet */
			background-position: -3px -176px;
			width: 974px;
			height: 29px;
			padding: 2px 0;
			margin: -2px 0 0;
		}
		
			#navigation ul ul li {
				width: auto;
				height: 27px;
				padding: 0 0 4px;
			}
			
				#navigation ul ul li.active {
					/* background-image is set in local stylesheet */
					background-position: 50% -207px;
				}
			
				#wrapper #navigation ul ul li a {
					/* background-image is set in local stylesheet */
					background-position: 100% -207px;
					text-indent: 0;
					white-space: nowrap;
					color: #cbe8b4;
					width: auto;
					height: 23px;
					padding: 4px 13px 0 14px;
				}
				
					* html #wrapper #navigation ul ul li a {
						width: 1%; /* IE6 sets width to 100% if set to auto */
					}
				
					#wrapper #navigation ul ul li.active a,
					#wrapper #navigation ul ul li a:hover {
						color: #fff;
						text-decoration: none;
					}

/*
 * Subnavigation
 */
#content #subnavigation .content {
	padding-bottom: 2px;
}
 
	#content #subnavigation ul.links {
		margin: 0 -13px 0;
		border: none;
	}

		#content #subnavigation ul.links li.first-child {
			line-height: 30px;
			padding: 0 1px;
			margin: 0 -1px;
			border-top: none;
		}
		
			#content #subnavigation ul.links li.first-child.active {
				padding-bottom: 1px;
			}
	
		#content #subnavigation ul.links li.last-child {
			line-height: 29px;
			border-bottom: none;
		}
		
		#content #subnavigation ul.links li.active {
			line-height: 30px;
			background: #69be28;
			padding: 0 1px;
			margin: 0 -1px;
			border: none;
		}
		
			#content #subnavigation ul.links li.active a {
				text-decoration: none;
			}
		
		#content #subnavigation ul.links li.first-child {
			background: url(../images/headers.png) no-repeat 0 0;
		}
		
		#content #subnavigation ul.links li.first-child.active,
		#content #subnavigation ul.links li.last-child.active {
			background: url(../images/subnavigation.png) no-repeat;
		}
	
		/* Obymobi (green) */
		#content #subnavigation ul.links li.last-child.active { background-position: 0 -31px; }
		#content #subnavigation ul.links li.first-child.active { background-position: 0 0px; }
		
		/* Consumer (purple) */
		#content #subnavigation.consumer ul.links li.last-child.active { background-position: 0 -92px; }
		#content #subnavigation.consumer ul.links li.first-child.active { background-position: 0 -61px; }
		#content #subnavigation.consumer ul.links li.active { background-color: #524d98; }
		
		/* Business (blue) */
		#content #subnavigation.business ul.links li.last-child.active { background-position: 0 -153px; }
		#content #subnavigation.business ul.links li.first-child.active { background-position: 0 -122px; }
		#content #subnavigation.business ul.links li.active { background-color: #289bbe; }

/*
 * Content
 */
#content {
	width: 974px;
}

    /* Images */
    #content img.no-border,
    #content img.border {
        margin-bottom: 16px;
    }
    
    #content img.border {
		border: 1px solid #ccc;
    }
	
	/* Footnotes */
	#content sup a {
		text-decoration: none;
	}
	
	#content #fn1,
	#content #fn2,
	#content #fn3,
	#content #fn4,
	#content #fn5 {
		font-size: 11px;
	}

	/* Lists */
	#content ul {
		list-style: none;
		padding: 0;
		margin: -11px 0 11px;
	}
	
	    #content h2 + ul {
	        margin-top: 0;
	    }
	
		#content ul li {
			background: url(../images/gui.png) no-repeat 0 -20px;
			padding: 5px 0 5px 15px;
		}

	/*
	 * Links list
	 */
	#content ul.links {
		list-style: none;
		padding: 0;
		margin: 0 -13px 16px;
		border-top: 1px solid #eaeaea;
	}
	
		#content ul.links li {
			line-height: 29px;
			background: none;
			padding: 0 13px;
			border-bottom: 1px solid #eaeaea;
		}
		
		#content ul.links li a {
		    text-decoration: none;
		}
		
			#content ul.links li a:hover {
				text-decoration: underline;
			}
		
		#content ul.links ul {
			list-style: none;
			margin: 0 -13px 0 0;
		}
		
			#content ul.links li li {
				border-top: 1px solid #eaeaea;
				border-bottom: none;
			}
				
	/*
	 * Sitemap links list
	 */
	 #content ul.links.sitemap li {
		 font-weight: bold;
	 }
	 
	 	#content ul.links.sitemap li li {
			font-weight: normal;
		}
		
			#content ul.links.sitemap li li li {
				font-size: 11px;
			}
			
	/*
     * Image links list
     */
    #content ul.images {
        list-style: none;
        overflow: hidden;
        width: 396px;
        padding: 0;
        margin: -14px -14px 11px -30px;
    }
    
        #content ul.images li {
            float: left;
			background: none;
			padding: 0;
			margin: 14px 0 0 16px;
		}
	 
	/*
	 * Poll
	 */
	 #content .poll-options input {
		 vertical-align: middle;
		 margin-right: 4px;
	 }
	 
	 #content dl.poll-results dd {
		 margin-bottom: 8px;
	 }
	 
		 #content dl.poll-results dd strong {
			 background: url(../images/poll.png) no-repeat;
		 }
	
	/*
	 * Columns
	 */
	#content .columns {
		overflow: hidden;
		width: 990px;
		padding-top: 10px;
		margin: -10px 0 0 -16px;
	}
	
		#content .columns .column {
			float: left;
			overflow: hidden;
			display: inline;
			padding: 10px 14px 0;
			margin: -10px 0 0 16px;
		}
		
			/* Widths of the columns */
			#content .columns .column.single { width: 154px; }
			#content .columns .column.dual { width: 352px; }
			#content .columns .column.triple { width: 550px; }
			#content .columns .column.quad { width: 748px; }
			
			/* Boxes */
			#content .columns .column .box {
				font-size: 11px;
				line-height: 16px;
				background: #fbfbfb url(../images/columns.png) no-repeat;
				margin: 0 -14px 14px;
			}
			
				/* Top border with gradient */
				#content .columns .column.single .box { background-position: 0 0; }
				#content .columns .column.dual .box { background-position: -182px 0; }
				#content .columns .column.triple .box { background-position: -562px 0; }
				#content .columns .column.quad .box { background-position: -1140px 0; }
			
				/* Default header */
				#content .columns .column .box h2 {
					font-size: 13px;
					line-height: 26px;
					font-weight: bold;
					white-space: nowrap;
					background: url(../images/headers.png) no-repeat;
					height: 27px;
					padding: 7px 14px 7px;
					margin: 0;
				}
				
					/* Default header (transparent) */
					#content .columns .column.single .box h2 { background-position: 0 0; }
					#content .columns .column.dual .box h2 { background-position: -182px 0; }
					#content .columns .column.triple .box h2 { background-position: -562px 0; }
					#content .columns .column.quad .box h2 { background-position: -1140px 0; }

					/* Boxes with colored header */
					#content .columns .column .box.header h2 {
						font-weight: normal;
						position: relative;
						z-index: 10;
						color: #fff;
						padding: 0 14px 14px;
					}
					
						/* Obymobi headers (green) */
						#content .columns .column.single .box.header h2 { background-position: 0 -41px; }
						#content .columns .column.dual .box.header h2 { background-position: -182px -41px; }
						#content .columns .column.triple .box.header h2 { background-position: -562px -41px; }
						#content .columns .column.quad .box.header h2 { background-position: -1140px -41px; }
						
							/* Consumer headers (purple) */
							#content .columns .column.single .box.header.consumer h2 { background-position: 0 -82px; }
							#content .columns .column.dual .box.header.consumer h2 { background-position: -182px -82px; }
							#content .columns .column.triple .box.header.consumer h2 { background-position: -562px -82px; }
							#content .columns .column.quad .box.header.consumer h2 { background-position: -1140px -82px; }
							
							/* Business headers (blue) */
							#content .columns .column.single .box.header.business h2 { background-position: 0 -123px; }
							#content .columns .column.dual .box.header.business h2 { background-position: -182px -123px; }
							#content .columns .column.triple .box.header.business h2 { background-position: -562px -123px; }
							#content .columns .column.quad .box.header.business h2 { background-position: -1140px -123px; }
							
							/* News headers (pink) */
							#content .columns .column.single .box.header.news h2 { background-position: 0 -164px; }
							#content .columns .column.dual .box.header.news h2 { background-position: -182px -164px; }
							#content .columns .column.triple .box.header.news h2 { background-position: -562px -164px; }
							#content .columns .column.quad .box.header.news h2 { background-position: -1140px -164px; }
							
							/* Poll headers (aqua) */
							#content .columns .column.single .box.header.poll h2 { background-position: 0 -205px; }
							#content .columns .column.dual .box.header.poll h2 { background-position: -182px -205px; }
							#content .columns .column.triple .box.header.poll h2 { background-position: -562px -205px; }
							#content .columns .column.quad .box.header.poll h2 { background-position: -1140px -205px; }

				/* Default content */
				#content .columns .column .box .content {
					background: url(../images/columns.png) no-repeat;
					max-height: 4950px;
					padding: 0 14px 3px;
				}
				
					/* Bottom border */
					#content .columns .column.single .box .content { background-position: 0 100%; }
					#content .columns .column.dual .box .content { background-position: -182px 100%; }
					#content .columns .column.triple .box .content { background-position: -562px 100%; }
					#content .columns .column.quad .box .content { background-position: -1140px 100%; }

                /* Horizontal rule */
                #content .columns .column .box hr {
                    margin: 0 -13px 16px;
                    border-bottom: 1px solid #fff;
                }
                
                    #content .columns .column .box .form hr {
                        margin: 15px -13px 5px;
                    }

				/* Boxes with links list */
				#content .columns .column .box ul.links {
					margin-bottom: 13px;
					border-bottom: 1px solid #fff;
				}
				
					#content .columns .column .box ul.links.first-child {
						margin-top: -6px;
						border-top: none;
					}
				
					#content .columns .column .box ul.links.last-child {
						margin-bottom: 0;
						border-bottom: none;
					}
			
					#content .columns .column .box ul.links li {
						line-height: 28px;
						padding: 0;
						border-top: 1px solid #fff;
					}
					
						#content .columns .column .box ul.links.first-child li.first-child {
							line-height: 29px;
							border-top: none;
						}
					
						#content .columns .column .box ul.links.last-child li.last-child {
							line-height: 28px;
							border-bottom: none;
						}
						
						#content .columns .column .box ul.links li a {
							display: block;
							padding: 0 14px;
						}
						
		/* Boxes with login background images */
		#content .columns .column #consumer-login {
			background: #fbfbfb url(../images/columns-consumer-login.jpg) no-repeat;
		}
		
		#content .columns .column #business-login {
			background: #fbfbfb url(../images/columns-business-login.jpg) no-repeat;
		}
		
			#content .columns .column #consumer-login .content,
			#content .columns .column #business-login .content {
				height: 158px;
				padding-left: 212px;
			}
			
			/* GK Quickfix */
			#content .columns .column .content a.lostpasswordlink			
			{
				position:relative;
				top:8px;
			}			

	/*
	 * Ticker
	 */
	#content .ticker {
		font-size: 11px;
		line-height: 26px;
		background: url(../images/ticker.png) no-repeat 100% 0;
		overflow: hidden;
		height: 30px;
		margin: 0 0 15px;
	}
	
		#content .ticker h2 {
			float: left;
			font-size: 11px;
			line-height: 28px;
			font-weight: bold;
			background: url(../images/ticker.png) no-repeat;
			padding: 0 13px 0 14px;
			margin: 0;
			border-right: 1px solid #dadada;
		}
		
		#content .ticker a {
			color: #6a6a6a;
		}
		
		#content .ticker ul {
			float: left;
			list-style: none;
			overflow: hidden;
			width: 900px;
			height: 26px;
			padding: 0;
			margin: 1px 0 3px;
		}
		
			#content .ticker ul li {
				display: block;
				white-space: nowrap;
				background: none;
				padding: 0 14px 0 13px;
			}
		
	/*
	 * Receipts
	 */
	 #content .receipts {
		 position: relative;
		 overflow: hidden;
		 height: 780px;
		 margin-top: -14px;
		 padding-top: 13px;
	 }
	 
	/*
	 * Receipts history
	 */
	 #content .receipts-history {
		overflow: hidden;
		width: 762px;
		margin: 0 -7px;
	 }
	 
	 	#content .receipts-history .button.previous,
		#content .receipts-history .button.next {
			float: left;
			position: relative;
			z-index: 2;
			margin: 0 7px;
			outline: none;
		}
		
		#content .receipts-history .button.next {
			float: right;
		}
		
		#content .receipts-history .container {
			float: left;
			position: relative;
			width: 674px;
			padding-bottom: 16px;
		}
	 	
			#content .receipts-history .container .receipt {
				float: left;
				z-index: 1;
				margin: 0 7px;
			}

	/*
	 * Receipt
	 */
	 #content .receipt {
		 font: 11px/16px Lucida Console, Courier New;
		 text-align: center;
		 white-space: nowrap;
		 cursor: default;
		 color: #666;
		 background: #fff;
		 overflow: hidden;
		 width: 132px;
		 padding: 8px 10px;
		 margin: 0 0 13px;
		 border: 1px solid #eaeaea;
	}
	
		#content .receipt .items {
			text-align: left;
			overflow: hidden;
			width: 100%;
		}
		
		#content .receipt .footer {
			font-size: 9px;
			white-space: normal;
		}
		
	/*
     * Actionbar
     */
     #content .actionbar {
     	font-size: 11px;
		line-height: 26px;
		overflow: hidden;
		height: 30px;
		padding: 0;
		margin: 0 -14px 14px
     }
     
		#content .actionbar a {
			color: #6a6a6a;
		}
     
		 #content .actionbar ul {
     		display: block;
			list-style: none;
			background: url(../images/ticker.png) no-repeat 100% 0;
			overflow: hidden;
			padding: 0;
			margin: 0;
		 }
		 
			#content .actionbar ul li {
				float: left;
				background: none;
				height: 100%;
				height: 26px;
				padding: 0 10px;
				margin: 1px 0 3px;
				border-right: 1px solid #dadada;
			}
			
			#content .actionbar ul li.first-child {
				background: url(../images/ticker.png) no-repeat 0 -1px;
			}
			
			#content .actionbar ul li.last-child {
				float: right;
				border-right: none;
				border-left: 1px solid #dadada;
			}
			
	/*
     * Menu overview
     */
    #content #menu-overview .content {
    	padding: 0 0 3px;
    }
    
    #content #menu-overview .tree {
    	position: relative;
    	margin: 0 1px;
    	border-top: 1px solid #eaeaea;
    }
    
    #content #menu-overview .buttons {
        padding: 14px 13px 0;
        margin: 0 1px;
    	border-top: 1px solid #fff;
    }
    
    /* Menu property boxes */
    #content .columns .column #menu-property-group.disabled,
    #content .columns .column #menu-property-item.disabled {
        background: url(../images/columns-disabled.png);
    }
    
/*
 * Footer
 */
 #footer {
	 font-size: 9px;
	 line-height: 16px;
	 color: #ccc;
	 text-align: center;
	 padding: 21px 0 30px;
 }
 
	#footer ul {
		list-style: none;
		font-size: 11px;
		padding: 0;
	}

		#footer ul li {
			display: inline;
			background: url(../images/gui.png) no-repeat 0 4px;
			padding-left: 8px;
			margin-left: 5px;
		}
		
			#footer ul li:first-child {
				background: none;
				padding-left: 0;
				margin-left: 0;
			}
		
			#footer ul li a {
				color: #aaa;
			}
			
/*
 * Footer Grenos
 */
#footer-grenos {
    background: url(../images/footer-grenos.png) repeat-x;
    height: 30px;
}

    #footer-grenos p {
        display: block;
        text-indent: -9999px;
        background: url(../images/footer-grenos.png) no-repeat 100% -30px;
        overflow: hidden;
        width: 140px;
        height: 100%;
        padding-left: 854px;
        margin: 0 auto;
    }
    
        #footer-grenos p a {
            display: block;
            width: 100%;
            height: 100%;
        }