/******************************************************************
 *
 *   Alennuskupongit.fi / jounistyle
 *
 */

/*******************
 *  COLORS 
 *********************/

body			{	background: 		#4f80bc url('/layout/img/body-bg-wideverticalstripe-blue.gif') top center repeat; }

#icw, #ic,
#couponscover	{	background:		#FFFFFF; }
#ic			{	color:			#233163; } /* content text color */

#c, #f, #question	{	background:		#4f80bc;
				color:			#FFFFFF; }

#h, .hfwrap,
#tools span		{	background-color:	#FFFFFF;
				color:			#000000; }
.mba,
.selectbox, .menuinput{	background:		#4f80bc;
				color:			#FFFFFF; }

.mbb			{	background:		#336193;
				color:			#FFFFFF; }
#nextcoupons,
#lastcoupons		{	color:			#000000; }

.target		{	background:		#4f80bc; }
.targetHover		{	background:		#5586c2; }
#coupons .target	{	background:		#FFFFFF; }
#coupons .targetHover{	background:		#F0F0FF; }
div.selectbox-wrapper{	background:		#FFFFFF; }
.selectbox-header	{	background-color:	#FFFFFF;
				color:			#000000; }
.selectbox-selected	{	background-color:	#FFFFFF; }
.selectbox-hover	{	background-color:	#ddddff; }

div.selectbox-wrapper ul li.selected { 
				background-color:	#368;
}


/******************************************************
 * HTML entities
 */

body, html
{	margin:		0;
	padding:		0;
	border:		0;
	font-family:		"Trebuchet MS", "Trebuchet", "FreeSans", "Helvetica", sans-serif;
	font-size:		11px;
	height:		100%;
	min-height:		100%;
	cursor:		default;
}

* html body
{	height:		100%;
}


html {
     overflow:		-moz-scrollbars-vertical;
     overflow-y:		scroll;
     overflow-x:		auto;
}

p, ul, li, br, table, div, ol, a, img, table, tr, td
{		margin: 		0;
		padding:		0;
		border:		0;
}

img {	behavior:		url('/common/iepngfix.php'); }

div
{
}

p
{	margin:		8px 0;
	padding:		0;
	line-height:		15px;
	font-size:		12px;
}

h1
{	font-size:		24px;
	font-weight:		bold;
	margin:		0 0 26px 8px;
}

h2
{	font-size:		18px;
	margin:		0 0 2px 8px;
}

h3
{	font-size:		14px;
	margin:		0 0 2px 8px;
}

.hr
{	border-bottom:	2px dotted #999;
	height:		1px;
	width:			100%;
}

/****************************/
/* 	links (a tags)	*/
/****************************/

a:link
{	color:			#FFF;
	text-decoration:	none;
}

a:visited
{	color:			#EEE;
}

a:hover
{	color:			#FFF;
	text-decoration:	underline;
}

a:active
{	color:			#DDD;
}




/******************************************************
 * Generic layout (containers, etc)
 */

#contenttable
{
}

#c	/*	page outer container		*/
{	width:			960px;
	margin:		0 auto;
	min-height:		100%;
}

#icw
{
}

#ic	/*	inner container	*/
{	width:			956px;
	border:		2px dotted #4f80bc;
}


#content	/* container	*/
{	width:			728px;
	zoom:			1;
	padding:		16px 16px 40px 8px;
	position:		relative;
	vertical-align:	top;
	display:		block;
 	min-height:		400px;
}

* html #content
{	height:		400px;
}

#content ul
{	margin-left:		32px;
}

#content a:link
{	color:			#114;
	text-decoration:	none;
}

#content a:visited
{	color:			#131346;
}

#content a:hover
{	color:			#226;
	text-decoration:	underline;
}

#content a:active
{	color:			#55A;
}

/****************************/
/* 	header (top menu)	*/
/****************************/

#h	
{	height:		160px;
	width:			956px;
	position:		relative;
	border-left:		2px dotted #4f80bc;
	border-right:		2px dotted #4f80bc;
}

#logo	/*	top header logo	*/
{	width:			526px;
	height:		160px;
	position:		relative;
	float:			left;
	cursor:		pointer;
	background:		url('/layout/img/promo-upperlogo.png') -25px 0px no-repeat;
}

#ads_top
{	position:		absolute;
	width:			468px;
	height:		120px;
	top:			2px;
	right:			2px;
	
}

#topmenu /* top header menu */
{	position:		absolute;
	right:			4px;
	bottom:		2px;
}

/****************************/
/* 	left menu / stats	*/
/****************************/

#lm	/* 	left menu	*/
{	width:			174px;
	padding:		8px;
	position: 		relative;
	display:		block;
	zoom:			1;
}

#stats	/* lefthand stats */
{	text-align:		center;
	width:			174px;
	border:		1px dotted #234;
	border-bottom:	none;
	zoom:			1;
}

#upperstats
{	padding-bottom:	4px;
	border-bottom:	1px dotted #234;
	zoom:			1;
}

#stats1
{	margin:		0 0 4px 0;
	padding:		2px 0;
	height:		42px;
	width:			174px;
	zoom:			1;
}

#numselectedcoupons
{
}

#stats2
{	margin:		0;
	padding:		2px 0;
	height:		42px;
	width:			174px;
	zoom:			1;
}

#amountsaved
{
}

#tools /* user tools hidden by default */
{	overflow:		hidden;
	height:		36px;
	border-bottom:	1px dotted #234;
	zoom:			1;

}

#promofooter	/* kassikuvat jne */
{	background:		url('/layout/img/promo-footer.jpg') top left no-repeat;
	display:		block;
	height:		128px;
}


#f	/*	footer		*/
{	width:			960px;
	height:		160px;
	padding-top:		16px;
	display:		block;
	text-align:		left;
}

.fc, .fc table
{	width:			900px;
	margin:		0 auto;
}

.fbox, .fbox td
{	width:			225px;
	height:		100px;
}

.fbox ul
{	margin-left:		16px;
}

.spacer	/* spacer	*/
{	clear:			both;
	width:			100%;
	margin:		0;
	padding:		0;
}

/******************************************************
 * UI components
 */
.mbwrap
{	border-left:		1px dotted #234;
	border-right:		1px dotted #234;
	border-bottom:	1px dotted #234;
	width:			174px;
}
.mba, .mbb
{	border-top:		1px dotted #234;
	zoom:			1;
}

.mh
{	height:		22px;
	cursor:		pointer;
	margin-bottom:	0px;
}

.mh span
{	position:		relative;
	top:			3px;
	left:			6px;
	zoom:			1;
}

.sm			/* generic submenu element */
{	position:		relative;
	padding:		0;
	zoom:			1;
}

.sm ul 		/* submenu list */
{	margin:		0;
	padding:		0;
}

.sm li, .sm span 	/* submenu list item */
{	margin:		0;
	list-style-type:	none;
}

.sm li
{	padding:		2px 8px;
}

.wrap			/* generic wrapper for items that margin-scroll to hide */
{	overflow:		hidden;
	padding-bottom:	4px;
}

.link
{	text-decoration:	none;
	cursor:		pointer;
}

.menuinput
{	width:			172px;
	padding:		2px;
	margin:		0;
	border:		1px solid #234;
}

#zone	/* menu zone entry */
{	width:			132px;
}


#cover		/* darken the page! */
{	position:		absolute;
	width:			100%;
	height:		100%;
	top:			0px;
	left:			0px;
	display:		none;
	background-color:	#FFFFFF;
	z-index:		20000;
}

* #cover
{	height:		100%;
}

#question	/* user interaction required */
{	position:		absolute;
	left:			50%;
	top:			10%;
	width:			600px;
	height:		400px;
	margin-left:		-300px;
	display:		none;
	z-index:		25000;
	border:		0px;
	border:		2px dotted #FFFFFF;
	overflow:		hidden;
}

.questionbuttons
{	width: 		400px;
	position:		absolute;
	bottom:		0px;
	left:			50%;
	margin-left:		-200px;
}

.questionbutton
{	cursor:		pointer;
	position:		relative;
	float:			left;
	text-align:		center;
	width:			50%;
}

/****************************/
/* 	selectbox		*/
/****************************/

div.selectbox-wrapper {
	display:		block;
	position:		absolute;
	top:			8px;
	left:			7px;
	width:			177px;
	margin:		0px;
	padding:		0px;
	text-align:		left;
	z-index:		200;
	height:		668px;

}

div.selectbox-wrapper ul {
	width:			176px;
	position:		absolute;
	list-style-type:	none;
	margin:		0;
	padding:		0;
	border: 		1px dotted #234;
}


div.selectbox-wrapper ul li {
	height:		18px;
	width:			170px;
	list-style-type:	none;
	display:		block;
	margin:		0;
	padding:		0;
	padding-left:		6px;
	cursor:		pointer;
	font-family:		"Trebuchet MS", "Helvetica", "Jamrul", sans-serif;
	font-size:		11px;
}

.selectbox-header
{	cursor:		default;
	border-bottom:	1px dotted #234;
	font-weight:		bold;
}


label
{    display: block;
}

.selectbox
{	width: 		168px;
	height: 		18px;
	margin: 		0;
	padding-top: 		4px;
	padding-left:		6px;
	position: 		relative;
	font-family:		"Trebuchet MS", "Helvetica", "Jamrul", sans-serif;
	font-size:		11px;
	cursor:		pointer;
	border:		1px dotted #234;
	z-index:		199;
}



/******************************************************
 * Coupons, etc.
 */


#coupons, #mostusedcoupons
{	width:			672px;
	padding:		0 8px;
	margin:		0 auto;
}


#couponscover
{	position:		absolute;
	width:			100%;
	height:		100%;
	left:			0;
	top:			0;
	visibility:		hidden;
	z-index:		15000;
	zoom:			1;
	-moz-opacity:		0.0;
	-khtml-opacity:	0.0;
	opacity:		0.0;
	filter:		alpha(opacity=0.0);
}

#mainmsgbox	/* ajax loader icon */
{	position:		relative;
	text-align:		center;
	color:			#ccc;
	width:			120px;
	height:		60px;
	top:			256px;
	left:			50%;
	margin-left:		-60px;
	margin-top:		-30px;
}

#nextcoupons
{	width:			300px;
	position:		absolute;
	bottom:		8px;
	right:			8px;
	text-align:		right;
	cursor:		pointer;
	overflow:		hidden;
}

#lastcoupons
{	width:			300px;
	position:		absolute;
	bottom:		8px;
	left:			8px;
	text-align:		left;
	cursor:		pointer;
	overflow:		hidden;
}


/******************************************************
 * MISCELLANEOUS classes etc
 */

.center
{	text-align:		center;
}

.big
{	font-size:		18pt;
}

.em
{	font-weight:		bold;
}

.target
{	cursor:		pointer;
}

.target a
{	z-index:		10;
}


.transparent50 {
	zoom:			1;
	-moz-opacity:		0.5;
	-khtml-opacity:	0.5;
	opacity:		0.5;
	filter:		alpha(opacity=50);
}

.transparent75 {
	zoom:			1;
	-moz-opacity:		0.75;
	-khtml-opacity:	0.75;
	opacity:		0.75;
	filter:		alpha(opacity=75);
}

.opaque {
	zoom:			1;
	-moz-opacity:		1.0;
	-khtml-opacity:	1.0;
	opacity:		1.0;
	filter:		alpha(opacity=100);
}
.unselectable {
   -moz-user-select:		none;
   -khtml-user-select:	none;
   user-select:		none;
}