/*
	Current version: 1.0
	
	Site: Tillotts Pharma
	www: tillottsnordic.com
	Author: Robert Hedman, robert.hedman@atrox.se
	Notes: This file contains the rules of the basic structure and navigation of the site.
	------------------------------------------------------------------

*/



/* ----------------------------------------------------------------------- */


#startPage, #defaultPage
{
	background: #fff;
	border-top:5px solid #043d7b;
}

	#eyelid
	{
		width:970px;
		height:30px;
		background:url(../images/common/eyelid-bg.gif) no-repeat;
		position:relative;
		top:-5px;
		margin:0 auto;
	}
	
		#eyelid a
		{
			float:right;
			display:inline;
			background:url(../images/common/eyelid-link-icon.gif) right 5px no-repeat;
			padding:0 10px 0 0;
			color:#fff;
			margin: 8px 15px 0 0;
			font-size:90%;
		}
		
			#eyelid a:hover
			{
				color:#ee3b33;
			}
			
			#language
			{
				margin-right:20px !important;
			}
			
			#languageContainer
			{
				width:100px;
				height:101px;
				overflow:hidden;
				background:url(../images/common/language-bg.gif) no-repeat;
				position:absolute;
				top:-5px;
				right:15px;
				z-index:999;
				display:none;
			}
			
				#languageContainer ul
				{
					margin:0;
					padding:0;
					list-style:none;
				}
				
					#languageContainer ul li
					{
						border-bottom:1px solid #c2d6dc;
						margin:0 1px;
						padding:0 0 0 10px;
						cursor:pointer;
						line-height:2em;
					}
					
						#languageContainer a
						{
							padding:0 !important;
							margin:0 !important;
							background:none !important;
							color:#003977;
							display:block;
							float:none;
						}
						
						#languageContainer ul #last
						{
							border:0 !important;
						}
			
			#registerContainer
			{
				width:316px;
				height:101px;
				overflow:hidden;
				background:url(../images/common/register-bg.gif) no-repeat;
				position:absolute;
				top:-5px;
				right:15px;
				z-index:998;
				display:none;
			}
			
			#loginContainer
			{
				width:316px;
				height:121px;
				overflow:hidden;
				background:url(../images/common/login-bg.gif) no-repeat;
				position:absolute;
				top:-5px;
				right:15px;
				z-index:997;
				display:none;
			}
	
	#wrapper
	{
		width:960px;
		margin:0 auto;
	}
	
		#landingPage #wrapper
		{
			width:375px;
			height:230px;
			background:url(../images/common/language-selection-bg.gif) 0 80px no-repeat;
			position:absolute;
			top:50%;
			left:50%;
			margin:-115px 0 0 -187px;
		}
	
	#content
	{
		width:960px;
		margin:0 auto;
		background:url(../images/common/wrapper-bg.gif) 0 5px no-repeat;
	}

#header
{
	position:relative;
	z-index:1;
	font-size:100%;
	width:960px;
}
	
	#logotype{
		background: url(../images/common/asacol-logotype3.gif) no-repeat;
		height: 78px;
		width: 153px;
		display: block;
		text-indent: -9999px;
		float: left;
		overflow: hidden;
		margin-bottom:10px;
	}

		#logotype-dk
		{
			background: url(../images/common/asacol-logotype3.gif) no-repeat;
			height: 78px;
			width: 153px;
			display: block;
			text-indent: -9999px;
			float: left;
			overflow: hidden;
			margin-bottom:10px;
		}
	
	#landingPageLogo
	{
		display:block;
		width:375px;
		height:80px;
		text-indent: -9999px;
		background: url(../images/common/language-selection-logos.gif) no-repeat;
	}
	
		#lang
		{
			margin:25px 0;
		}
		
			#lang ul
			{
				margin:0 0 0 10px;
				padding:0;
				list-style:none;
			}
			
			#lang ul li
			{
				float:left;
				width:156px;
				margin:0 10px;
				line-height:2.2em;
				background: url(../images/common/dots01.gif) bottom left repeat-x;
			}
			
				#lang ul li a
				{
					padding:0 0 0 25px;
					color:#000;
					margin:0 0 0 10px;
				}
				
				.se{background: url(../images/common/se.gif) 0 1px no-repeat}
				.no{background: url(../images/common/no.gif) 0 1px no-repeat}
				.dk{background: url(../images/common/dk.gif) 0 1px no-repeat}
				.fi{background: url(../images/common/fi.gif) 0 1px no-repeat}
	
#col1
{
	width:680px;
	min-height:450px;
	height: auto !important;
	height:450px;
	float:left;
	display:inline;
	overflow:hidden;
	margin:15px 0 0 15px;
	padding:6px 0 0 0;
}

	#flashContainer
	{
		margin:0 0 10px 0;
		float:left;
	}
	
	#startPageTeasers
	{
		width:680px;
		height:220px;
		overflow:hidden;
		background: url(../images/common/start-teasers-bg.gif) no-repeat;
		margin:0 0 10px 0;
		float:left;
	}
	
		.leftTeaser
		{
			width:300px;
			float:left;
			display:inline;
			margin:20px 0 20px 20px;
		}
		
		.rightTeaser
		{
			width:300px;
			float:right;
			display:inline;
			margin:20px 20px 20px 0;
		}
		
		#startPageTeasers p, #startPageTeasers h2
		{
			color:#012246;
		}

#col2
{
	width:244px;
	float:right;
	display:inline;
	overflow:hidden;
	margin:21px 10px 0 0;
}

	#startPage #col2
	{
		background:url(../images/common/col2-bg.gif) no-repeat;
	}
	
		#defaultPage #main
		{
			width:764px;
			float:left;
			display:inline;
			overflow:hidden;
			margin:21px 0 0 11px;
			padding:6px 0 0 0;
			background:url(../images/common/defaultpage-col2-bg.gif) no-repeat;
		}
		
		#defaultPage #col1
		{
			background:none !important;
			width:480px;
			float:left;
			margin:10px 0 15px 20px;
			padding:0;
		}
		
		#defaultPage #col2
		{
			width:244px;
			float:right;
			display:inline;
			overflow:hidden;
			margin:-6px 0 0 0;
		}
		
#footer
{
	clear:both;
	float:none;
	width:930px;
	height:185px;
	background:url(../images/common/footer-bg.gif) no-repeat;
	margin:0 0 30px 15px;
	color:#fff;
}

	#footer dl
	{
		margin:25px;
		width:300px;
		float:left;
		display:inline;
	}
	
		#footer dl.short
		{
			width:190px !important;
			float:right;
			display:inline;
			margin:25px 25px 25px 0;
		}
	
		#footer dt
		{
			font-weight:bold;
			font-size:120%;
			padding:0 0 10px 0;
		}
		
			#footer dd
			{
				margin:0;
				padding:0;
				font-size:90%;
				line-height:1.8em;
			}
		
			#footer ul
			{
				list-style:none;
				margin:0;
				padding:0;
			}
			
				#footer li, .borderDl dd
				{
					background:url(../images/common/dots02.gif) bottom left repeat-x;
					line-height:1.8em;
					margin:0;
					padding:0;
				}
				
					#footer li a
					{
						color:#fff;
					}
	
	

/* PRIMARY NAVIGATION */
#topMenuContent
{
	float:none;
	clear:both;
	width:960px;
	height:20px;
	margin:10px 0 0 3px;
}

	#topMenuContent ul
	{
		list-style:none;
		margin:0;
		padding:0;
	}
	
		#topMenuContent ul li
		{
			float:left;
			display:inline;
		}
		
			#topMenuContent ul li a
			{
				display:block;
				font-weight:bold;
				font-size:110%;
				color:#003977;
				padding:0 20px 0 15px;
			}
			
				#topMenuContent ul li a:hover, .topMenuItemContentSelected a
				{
					color:#ee3b33 !important;
				}
				
/* SECONDARY NAVIGATION */

#nav2
{
	width:175px;
	float:left;
	min-height:100px;
	height:auto !important;
	height:100px;
}

	#nav2 img{margin-left:15px;margin-top:21px;}

#subMenuActive
{
	display:none;
}


#subMenuListLvl1
{
	margin:30px 0 10px 15px;
	padding:0;
	list-style:none;
}

	#subMenuListLvl1 li
	{
		background:url(../images/common/dots01.gif) bottom left repeat-x;
		line-height:1.4em;
		padding:7px 0;
		margin:0;
	}
	
		#subMenuListLvl1 li a
		{
			font-size:90%;
			color:#003977;
		}
		
			#subMenuListLvl1 li a:hover
			{
				color:#ee3b33;
			}
			
			.leftMenuSelected
			{
				color:#ee3b33 !important;
			}
			
#subMenuListLvl2
{
	margin:-5px 0 0 5px;
	padding:0 0 5px 0;
	list-style:none;
}

	#subMenuListLvl2 li
	{
		background:none !important;
		line-height:1.8em;
	}
		

/* NEWS */
#news
{
	margin:19px;
	padding:0 0 15px 0;
	background:url(../images/common/dots01.gif) bottom left repeat-x;
}

.col3SectionHeader
{
	background:url(../images/common/dots01.gif) bottom left repeat-x;
	display:block !important;
	width:205px;
}


	
#newsArchiveButton
{
	color:#003977;
	font-size:90% !important;
	float:right;
	display:inline;
	font-style:normal;
	margin:-23px 0 0 0;
	font-weight:bold;
}

.newsBoxContainer h2
{
	font-size:100%;
	color:#000;
	font-weight:bold;
}

.newsBoxContainer
{
	font-size:90%;
	margin:15px 0 0 0;
}

.readMoreDate
{
	text-align:right;
	padding:7px 0 0 0;
}

.newsDate, .divider
{
	color:#787878;
	display:inline;
}

/* NEWS ARCHIVE */
#newsArchiveFilterLeft, #newsArchiveFilterRight
{
	width:200px;
	float:left;
}

#newsArchiveSearchString, #fromDate, #toDate, newsArchiveSearchString
{
	width:190px !important;
}

#filteredResults
{
	margin:20px 0 20px 0;
}

	#filteredResults .divider
	{
	
	}

#filteredResults .newsBoxContainer
{
	background:none;
	padding:0;
	margin:15px 0 0 0;
	background:url(../images/common/dots01.gif) bottom left repeat-x;
}

	#filteredResults .newsBoxContainer h2
	{
		font-size:130%;
	}
	
	#filteredResults .newsBoxContainer h2 a
	{
		color:#003977;
	}
	
	#filteredResults .newsBoxContainer h2 a:hover
	{
		text-decoration:none;
	}
	

.readMoreDate
{
	text-align:right;
	padding:5px 0 10px 0;
}

#newsArchiveFormCollections ul li
{
	background:none;
	list-style:none;	
}

#newsArchiveFormSearch .submit
{
	float:right;
	margin:10px 0 0 0;
	cursor:pointer;
}

/* NEWSLETTER */
#SiteSubscribeForm, #AtroxLogonForm, #forgotPass
{
	margin:10px 15px;
	float:left;
	display:inline;
	font-size:100%;
	width:100%;
}
	
	#SiteSubscribeForm label
	{
		display:block !important;
	}

#newsletterMessages, #loginText, #forgotPass label, .col3SectionHeader
{
	font:bold 120% arial, helvetica, sans-serif;
	color:#003977;
	margin:0 0 8px 0;
	display:inline;
}

	.ok{color:green}
	.invalid{color:red}


#emailSubscribeInput, #emailSubscribeSubmit, #loginUsername, #loginPassword, #loginSubmit
{
	width:auto;
	float:left;
}

#email
{
	float:left;
	display:inline;
	width:190px;
	margin:1px 0 0 0;
	padding:2px;
}

#btnEmailSubscribeSubmit
{
	width:83px;
	margin:0 0 0 5px;
	height:24px;
	font-size:90%;
}

/* LOGIN */
#AtroxLogonForm label
{
	display:block;
}


#loginUsername input, #loginPassword input
{
	float:left;
	display:inline;
	width:100px;
	padding:2px;
	margin:1px 5px 0 0;
}

#loginSubmit input
{
	font-size:90%;
	margin:12px 0 0 0;
	height:25px;
	width:65px;
}

.forgotPwd
{
	display:block;
	clear:both;
	float:none;
	font-size:90%;
}

#forgotPass
{
	width:290px !important;
}

#ForgotPasswordForm
{
	margin:8px 0 0 0;
	padding:0;
	float:left;
	display:inline;
}

#ForgotPasswordForm input
{
	float:left;
	display:inline;
	width:205px;
	padding:2px;
	margin:1px 5px 0 0;
}

#forgotPwdSubmit
{
	height:23px;
	width:65px !important;
	font-size:90%;
	display:inline;
}

#forgotPasswordMessages
{
	color:green !important;
}

#forgotPasswordErrors
{
	color:red !important;
}

/* CALENDAR */

.calendar
{
	margin:19px; 
}

#calendarContent
{
	width:205px;
	height:165px;
	overflow:hidden;
	background:url(../images/common/calendar-bg.gif) no-repeat;
}

.calendar h3
{
	text-align:center;
}

	#currentMonth
	{
		color:#003977;
		margin:0 0 8px 0;
		font-weight:bold;
	}
		.calendar h3:first-letter 
		{
			text-transform:uppercase !important;
		}
		
#calendarTable
		{
			width:100%;
			background:#f1f4f7;
			margin:3px 0 0 0;
			font-family:arial, helvetica, sans-serif;
		}
		
			#calendarTable th
			{
				padding:0;
				margin:0;
				height:20px; 
				text-align:center;
			}
			
				.thSunday
				{
					color:#b11b00 !important;
				}
			
			#calendarTable td
			{
				text-align:center;
				height:20px;
			}
			
				#calendarTable td a
				{
					display:block;
					height:20px;
					text-decoration:none;
					font-weight:bold;
					color:#fff;
					line-height:1.7em;
					background:#5b8fd2 url(../images/common/event-bg.gif) no-repeat;
				}

			
			.week
			{
				font-size:9px;
				color:#5e5d5d;
				text-align:center;
				vertical-align:center !important;
			}
			
				.week a{background:transparent !important;text-align:center;width:auto !important;height:auto !important;color:#000 !important}
			
			.weekDayLastMonth
			{
				background:#bdbdbd;
				color:#000;
			}
			
			.weekDayActiveMonth
			{
				background:#ffffff;
			}
			
			.saturday
			{
				background:#fff;
			}
			
			.sunday
			{
				color:#b11b00 !important;
				background:#fff ;
			}
			
				.sunday a{color:#b11b00 !important;}
			

			
			#calendarPagination
			{
				height:15px;
				overflow:hidden;
				clear:both;
				float:none;
				margin:-23px 10px 0 10px;
			}
			
				#col2 #calendarPagination
				{
					margin-top:0 !important;
				}
			
				#calendarPagination a
				{
					display:block;
					width:auto;
					font-size:90%;
					color:#003977;
				}
			
				#calendarPagination #previousMonth
				{
					float:left;
				}
				
				#calendarPagination #nextMonth
				{
					float:right;
				}
				
				.nextMonth, .previousMonth
				{
					padding:0 0 15px 0;
				}
				
				
		#calendarTableBig
		{
			width:100%;
			background:#f1f4f7;
			font-family:arial, helvetica, sans-serif;
		}
		
			#calendarTableBig th
			{
				padding:0;
				margin:0;
				height:51px;
				text-align:center;
				color:#000;
				width:12%;
			}
			
				.thSunday
				{
					color:#d30028;
				}
			
			#calendarTableBig td
			{
				text-align:left;
				vertical-align:top;
				height:51px;
				font-weight:normal;
			}
			
				#calendarTableBig td a
				{
					display:block;
					text-decoration:none;
					color:#000 !important; 
					line-height:1.7em;
					font-weight:bold;
					padding:3px;
				}
				
					#calendarTableBig td a.event
					{
						font-size:9px;
						font-weight:normal;
						overflow:hidden;
						border-bottom:1px solid #fff;
						color:#fff !important;
					}

			
			#calendarTableBig .week a
			{
				font-size:9px;
				color:#5e5d5d;
				margin:15px 0 0 0;
			}
			
			.weekDayLastMonth
			{
				color:#000;
			}
			
			.weekDayActiveMonth
			{
				background:#ffffff;
			}
			
			.saturday
			{
				background:#fff !important;
			}
			
			.sunday
			{
				color:#d30028;
				background:#fff !important;
			}
		
		#calendarTableWeek
		{
			width:100%;
			margin:0;
			padding:0;

		}
		
			#calendarTableWeek td
			{
				border-right:1px solid #cedbdf;
				border-bottom:1px solid #cedbdf;
			}
			
				.calendarEventContainer{border-right:none !important;}
			
				#calendarTableWeek a
				{
					display:block;
					padding:5px 0 5px 0;
					margin:0 0 0 10px;
				}
		.calendarTimeStamp
		{
			width:90px;
			margin:0;
			padding:0;
			height:auto;
			text-align:center;
			padding:10px 0 10px 0;
		}

		#calendarEventContainer
		{
			width:351px;
			margin:0;
			padding:0;
		}
			#calendarEventContainer a
			{
				color: #a91e2b;
				text-decoration: underline;
			}
			#calendarEventContainer a:hover
			{
				color:#494949;
			}
	
		.calendarHr
		{
			float:right;
			width:351px;
			margin:0;
			padding:0;
			display:block;
		}			
		
		.calendarBack
		{
			width:auto;
			display:block;
			float:left;
		}
		
		.calendarRegisteredBy
		{
			display:none;
		}		
		
		.calendarH1
		{
			width:200px;
			display:block;
			float:left;
			margin:0;
		}
		
		#selectView
		{
			width:120px;
			float:right;
			margin:0;
			font-size:11px;
		}
			
		.calendarHr2
		{
			clear:both;
			font-size:0;
			height:1px;
			border-bottom:1px solid #cedbdf;
			margin:0 0 15px 0;
		}
		
		.calendarH2
		{
			margin-bottom:1em;
		}

		
.calendarSeparator
{
	padding:10px 0 0 0;
	display:block;
	width:181px;
	height:2px;
	font-size:0;
	clear:both;
	background:url(../images/common/horisontell-linje-liten-calendar.gif) bottom left no-repeat;
}

.eventContainer
{
	margin:12px 0 0 0;
}

	.eventContainer span
	{
		font-size:10px;
	}
	
	.eventContainer h3
	{
		font-size:12px;
		font-weight:bold;
		padding:7px 0 3px 0;
	}
	
	.eventContainer .readMore
	{
		text-align:right;
	}	
	
	
/* Contact form */



.leftLast
{
	float: left;
}

#SendEmailForm
{
	margin:0;
	padding:0;
	width:440px;
}

#SendEmailForm label
{
	display:block;
	float:none;
	clear:both;
}

#SendEmailForm textarea
{
	clear:both;
	float:none;
}

#contactEmail ul
{
	margin: 0 !important;
	margin-left: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	list-style:none;
	list-style-type:none;
}
#contactEmail li
{
	padding: 0 !important;
	border: 0 !important;
	margin:0 !important;
}
#contactEmail input
{
	width: 175px;
	padding: 2px 0 0 4px;
	height: 21px;
	margin: 0 0 8px 0 !important;
}

#contactEmail #subject
{
	width: 100%;
}
#contactEmail #message
{
	height: 67px;
	width: 432px;
	margin: 5px 0 20px 0 !important;
	padding: 6px;
}

#contactEmail .left
{
	clear: left;
	float: left;
	width: 175px;
}
#contactEmail .right
{
	width: 175px;
	float: right;
	
}

#contactEmail .contactEmailSubmit
{
	float: right !important;
	width:auto !important;
	height:auto !important;
	padding:2px 5px 2px 5px;
	margin:0;
}		



/* Etc */
.inputHidden
{
	display: none !important;
	height: 0;
	width: 0;
}
.clearFix
{
	clear: both;
	float: none;
}

.msgInfo
{
	color:#90c642;
	font-weight:bold;
}

.msgError
{
	color:#e90047;
	font-weight:bold;
}

.msgWarning
{
	color:#ffcc00;
	font-weight:bold;
}