/*
	Current version: 1.1
	
	Site: Master
	www: master.atrox.se
	Author: Max Karevall, max@atrox.se
	Notes: This file contains the rules of custom element of the site.
	------------------------------------------------------------------
*/

#customFormMessages{ color: red; }

.submit
{
	cursor:pointer;
}

/* CUSTOM FORM */
#customForm
{
	margin:40px 15px 15px 15px;
}


#CustomForm218000
{
	font-size:110%;
}

	#CustomForm218000 label
	{
		display:block;
	}
	
	#CustomForm218000 input
	{
		width:260px;
		margin:0 0 4px 0;
	}
	
	#CustomForm218000 textarea
	{
		width:262px;
		height:63px;
	}
	
		#customFormSubmit .submit
		{
			width:74px;
			height:25px;
			background:url(../images/custom/btn-send.gif) no-repeat;
			float:right;
			margin:5px 0 10px 0;
			text-indent:5px;
			font-size:9px;
			text-transform:uppercase;
			line-height:1.9em;
			border:0;
		}


/* NEWS */
.newsBoxContainer
{
	background:#fff url(../images/common/col2-puff-bg.gif) bottom left no-repeat;
	margin:10px;
	position:relative;
	font-size:110%;
	padding:10px 15px 15px 15px;
}


#newsArchiveButton
{
	width:102px;
	height:18px;
	background:#fff url(../images/custom/btn-news-archive.gif) no-repeat;
	float:right;
	margin:0 10px 10px 0;
	text-indent:5px;
	font-size:11px;
	line-height:1.6em;
}

	#newsArchiveButton:hover
	{
		color:#000;
		text-decoration:none;
	}
	
.newsDate
{
	width:auto;
	float:right; 
	font-size:0.9em;
}

.newsBoxContainer h2
{
	color:#087dad;
	font-size:12px;
	font-weight:bold;
}


.newsBoxContainer h2 a
{
	color:#087dad;
	font-size:12px;
	font-weight:bold;
}

	.newsBoxContainer h2 a:hover
	{
		text-decoration:none !important;
		color:#cf5e34 !important;
	}
	

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

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

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

	#filteredResults .divider
	{
		display:none;
	}

#filteredResults .newsBoxContainer
{
	background:none;
	padding:0;
	margin:0;
	border-bottom:1px solid #a2a5a2;
}

#newsArchiveFormCollections ul li
{
	background:none;	
}

#newsArchiveFormSearch .submit
{
	float:right;
}
	
/* ORDER FORM */
#SendOrderForm ul
{
	margin:0;
	padding:0;
	list-style:none;
	list-style-type:none;
}

	#SendOrderForm ul li
	{
		background:none;
		padding:0;
		margin:0;
		clear:both;
		float:none;
	}
	
		#SendOrderForm ul li input, #SendOrderForm ul li textarea
		{
			width:420px;
			margin:0 0 10px 0;
		}
	
		#SendOrderForm ul li.left
		{
			width:200px !important;
			float:left !important;
			clear:none !important;
		}
		
		#SendOrderForm ul li.right
		{
			width:200px !important;
			float:right !important;
			clear:none !important;
		}
		
			#SendOrderForm ul li.right input, #SendOrderForm ul li.left input
			{
				width:190px !important;
			}
	
		#SendOrderForm ul li label
		{
			display:block;
		}
		
		.shortInputText
		{
			width:20px !important;
			float:left;
			margin:0 5px 10px 0 !important;
		}
		
		.orderFormSubmit
		{
			width:auto !important;
			float:right;
		}
		
/* POLL */
#poll
{
	margin:10px 0 0 0;
	padding:0;
	list-style:none;
	list-style-type:none;
	display:block;
}

	#poll li
	{
		background:none;
		margin:0 0 5px 0;
		padding:0;
	}
	
	.pollBg
	{
		width:140px;
		height:6px;
		font-size:0;
		background:gray;
	}
	
	.pollBar
	{
		height:6px;
		font-size:0;
		background:#fecd03;
	}
	
	.col3SectionHeader
	{
		font-weight:bold;
	}
	
	#submitButtonPoll
	{
		clear:both;
		background:url(../images/common/link-arrow.gif) no-repeat scroll right top;
		width:18px;
		height:18px;
		float:right;
		border:0;
		margin:0;
		padding:0;
	}


/* Customers */



#customers
{
	margin: 10px 10px 5px 10px;
	background: url(../images/custom/customers_bg.gif) repeat-y;
	border-bottom: 1px solid #448493;
	height: 420px;
}

/* ARTICLES */
.articlesHeading
{
	display:block;
	background: #ce5c34 url(../images/common/col2-h3-bg.gif) repeat-x;
	color: #fff;
	margin: 0;
	text-transform: uppercase;
	font-size: 0.95em;
	line-height: 2.4em;
	height:25px;
	overflow:hidden;
	font-weight: bold;
	padding: 0 0 0 10px;
}

.article
{
	margin:15px;
}
	
	.article .content
	{
		clear:both;
		float:none;
	}
	
	.article .date
	{
		padding:10px 0 0 0;
	}
	
	.article p
	{
		clear:both;
		float:none;
	}
	
	.article a.arrow
	{
		display:block;
		height:18px;
		text-indent:-9999px;
		background:url(../images/common/link-arrow.gif) no-repeat top right;
	}
	
	.article h3
	{
		margin-top:0 !important;
		background:none !important;
		text-transform:none !important;
		padding:0 !important;
		height:auto !important;
	}
	
	#utbildningar h2
	{
		margin:0 10px;
		line-height:2em;
	}
	
	#utbildningar h3
	{
		color:#000 !important;
		background:none !important;
		font-size:13px;
		text-transform:none !important;
	}
	
	.article h3 a, .col2Puff h3 a
	{
		color:#3d7dad;
		background:none;
		display:inline;
		height:auto;
		width:auto;
		float:none;
		text-indent:0;
	}
	
	.col2Puff h3 a
	{
		font-size:130% !important;
	}

.viewAll
{
	display:block;
	width:65px;
	height:18px;
	line-height:1.6em;
	float:right;
	background:url(../images/common/article-archive.gif) no-repeat;
	margin:0 3px 15px 0;
	padding:0 0 0 8px;
	font-size:110%;
}

#leftCol, #read
{
	float:left;
	width:410px;
	overflow:hidden;
}

#rightCol, #write
{
	float:right;
	width:205px;
}

#comments
{
	clear:both;
	float:none;
	border-top:1px solid #d1d1d1;
	margin:0;
	padding:15px 0 0 0;
}

	.kommentarer
	{
		font-size:120%;
		font-weight:bold;
	}
	
	#publicationCommentForm label
	{
		display:block;
	}
	
	#publicationCommentForm input, #publicationCommentForm textarea
	{
		margin:0 0 5px 0;
		width:96%;
	}
	
	#publicationCommentForm .btn
	{
		float:right;
		width:auto; !important;
	}
	
	.msgLegend
	{
		font-size:120%;
		font-weight:bold;
	}
	
	.comment
	{
		margin:10px 0 0 0;
		padding: 0 0 10px 0;
		border-bottom:1px solid #d1d1d1;
	}
	
	.avatar
	{
		float:left;
		margin:0 15px 10px 0;
	}
	
	.date
	{
		display:block;
	}


#share
{
	border-bottom:1px solid #d1d1d1;
	padding-bottom:20px;
}

	#share a
	{
		display:block;
		padding:0 0 3px 20px;
		line-height:1.5em;
		font-weight:bold;
		margin:3px 0 0 10px;
	}
	
		#facebook
		{
			background: url(../images/custom/facebook.gif) no-repeat;
		}
		
		#mySpace
		{
			background: url(../images/custom/myspace.gif) no-repeat;
		}
		
		#rss
		{
			background: url(../images/custom/rss.gif) no-repeat;
		}
		
#bottom dl, .blog dl
{
	margin-left:10px;
}

	#bottom dl dt, .blog  dl dt
	{
		font-size:120%;
		font-weight:bold;
		margin:0 0 10px 0;
	}
	
		#bottom dl dd, .blog  dl dd
		{
			margin-left:0;
		}
		
			#bottom dl dd a, .blog dl dd a
			{
				color:#3d7dad;
				line-height:1.7em;
			}
			
#entries
{
	float:left;
	width:410px;
}

#subSide
{
	float:right;
	width:205px;
}

.entry
{
	border-bottom:1px solid #d1d1d1;
	padding-bottom:10px;
	margin:0 0 20px 0;
	float:left;
	width:410px;
}

#col1 .article
{
	border-bottom:1px solid #d1d1d1;
	padding-bottom:10px;
	margin:0 0 20px 0;
	float:left;
	width:625px;
}

	.entry h2 a
	{
		color:#3d7dad;
	}
	
#published
{
	clear:both;
	float:none;
	border-top:1px solid #d1d1d1;
	padding:10px 0 10px 0;
	color:#858585;
}

/* PAGINATION */
.pagination
{
	list-style:none;
	margin:0;
	padding:0;
	clear:both;
	float:none;
}

	.pagination li
	{
		display:inline;
		float:left;
		margin:15px 10px 0 0;
	}

		.pagination li a
		{
			font-weight:normal;
		}
	
	.paginationNext
	{
		float:right !important;
		margin:15px 0 0 0 !important;
	}
	
	.activePage
	{
		display:block;
		width:15px;
		height:15px;
		background:#fecc00;
		color:#000;
		text-align:center;
		font-weight:bold;
	}
	
/* RECOMMEND */
#recommend
{
	display:none;
}

#recommend dl
{
	margin:0;
	padding:0;
}

#recommend dt
{
	display:none;
}

	#recommend dl dd
	{
		margin:0 0 5px 0;
		padding:0;
		font-size:11px;
	}
	
	#fromName, #toEmail, #moreInfo
	{
		width:161px;
	}
	
	#recommendSubmit
	{
		background:url(../images/common/link-arrow.gif) no-repeat;
		border:0;
		width:20px;
		height:20px;
		font-size:0;
		letter-spacing:-100px;
		color:#fff;
		float:right;
	}
	
	.marginContainer legend 
	{
		display:none;
	}
	
	.marginContainer fieldset
	{
		margin:5px 2px;
	}
	
		.marginContainer .msgInfo, .marginContainer .msgError, .marginContainer .msgWarning
		{
			padding:10px;
			font-size:11px;
			margin-top:5px;
		}
	


/* Advanced form */

.advForm label
{
	display:block;
}

.advForm textarea{ height:80px; }
.advFormLeft, .advFormRight, .advFormFull
{
	margin:0 0 10px 0;
}

.radioValue, .checkboxValue{margin-right:20px;}

.advFormLeft
{
	float:left;
	display:inline;
	width:200px;
	margin:0 20px 10px 0;
}

.mandatory{ color: red; }

	.advFormLeft .text, .advFormRight .text
	{
		width:200px;
		padding: 2px;
	}
	.advFormAmount
	{
		width:420px;
		clear: both;
	}
	.advFormAmount label
	{
		float: right;
		width: 310px;
		margin: 3px 0 0 0;
	}
	.advFormAmount .text
	{
		width: 20px;
		float: left;
		margin: 0 5px 5px 0;
	}
	.advFormAmount label
	{
		float: right;
	}

.advFormRight
{
	float:left;
	display:inline;
	width:200px;
}

.advFormFull
{
	clear:both;
	float:none;
}

	.advFormFull .select
	{
		width:420px;
	}
	
	
	
	.advFormFull .textarea, .advFormFull .text
	{
		width:420px;
		padding: 2px;
	}
	
.submitContainer
{
	clear:both;
	float:none;
	text-align:right;
	width: 420px;
}

option.odd{background:#eeeeee}
option.even{background:silver}
.option4{background:red !important;}