/* CSS Document för www.matshalling.se, Author Fredo Production*/

/*BOX & CONTAINERS--------------------------------------------------------------------------------------------*/
/*Content Box*/
div.box{
	width: 200px;
	}
div.box div.top{
	background: url(../layout/elements_img/box_img/left_corner_top.png) no-repeat left top;
	height: 16px;
	padding-left: 15px;
	}
div.box div.top_r { 
	background: url(../layout/elements_img/box_img/right_corner_top.png) no-repeat right top; 
	height: 16px;
	width: 25px;
	float: right;
	}
div.box div.top_m { 
	background: url(../layout/elements_img/box_img/top_middle.png) repeat;
	height: 16px;
	width: 160px;
	float: left;
	/*overflow:hidden;*/
	}
div.box div.bottom{
	background: url(../layout/elements_img/box_img/left_corner_bottom.png) no-repeat left top;
	height: 26px;
	padding-left: 15px;
	}
div.box div.bottom_r { 
	background: url(../layout/elements_img/box_img/right_corner_bottom.png) no-repeat right top; 
	height: 26px;
	width: 25px;
	float: right;
	}
div.box div.bottom_m { 
	background: url(../layout/elements_img/box_img/bottom_middle.png) repeat;
	height: 26px;
	width: 160px;
	float: left;
	/*overflow:hidden;*/
	}
div.box div.center{
	background: url(../layout/elements_img/box_img/left_middle.png) repeat-y left top;
	padding: 0 0 0 15px;
	}
div.box div.center_r { 
	background: url(../layout/elements_img/box_img/right_middle.png) repeat-y right top; 
	padding: 0 25px 0 0;
	}
div.box div.center_m { 
	background: url(../layout/elements_img/box_img/center.png) repeat;
	text-align:left;
	}
/*Content box*/
	
/*IMG Box*/
div.floatbox{
	width: 100%;
	clear: left;
	}
div.floatbox div.img_container{
	float: left;
	width: 204px;
	}
div.floatbox div.content_container{
	margin-top: 0;
	margin-right: 200px;
	}

/*ELEMENT DIVIDERS--------------------------------------------------------------------------------------------*/
div.contentdivider{ 
  	width: 100%; 
 	height: 1px;
	background-color:#C2CAB6;
  	margin-top: 4px;
	}
div.contentdivider_black{ 
	width: 100%; 
	height: 6px; 
	background: url(../layout/elements_img/content_divider_black.png) no-repeat left top; 
	margin-bottom: 8px; 
	margin-top: 2px;
	}

/*FORM FIELD & MESSAGES---------------------------------------------------------------------------------------*/
.alert{ 
	/*font: bold 10px/12px Verdana, Arial, Helvetica, sans-serif; */
	color:#FF3300; 
	text-transform:uppercase;
}
.message{
	/*font: bold 10px/12px Verdana, Arial, Helvetica, sans-serif; */ 
	color:#5AFF31; 
	text-transform:uppercase;
	}

.editform_headline{
	color: #93a483; 
	font: bold 20px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	text-transform: uppercase;
	letter-spacing: +1px;
	height: 24px; 
	background: #fff url(../layout/form_input_img/headline_bg.png) no-repeat center; 
	border-style: none;
	border-top: 1px solid #535353;
	margin-top: 5px;
	}
.video_edit {
	color: #FFF; 
	font: normal normal 32px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif; 
	letter-spacing: -1px; 
	width: 768px; 
	height: 36px; 
	border-style: none; 
	background: #151515 url(../layout/form_input_img/youtubebg.jpg) no-repeat center; 
	border-top: 1px solid #535353; 
	border-right: 1px solid #535353; 
	border-left: 1px solid #535353; 
	padding: 5px 5px 5px 10px;
	}
.reg_form{
	padding: 5px;
	}
div.fieldwrapper{ /*field row DIV (includes two columns- Styled label column and 'thefield' column)*/
	width: 550px; /*width of form rows*/
	overflow: hidden;
	padding: 5px 0;
	}
div.fieldwrapper label.styled{ /* label elements that should be styled (left column within fieldwrapper DIV) */
	float: left;
	width: 150px; /*width of label (left column)*/
	border-bottom: 1px solid #c2cab6;
	margin-right: 15px; border-color: #c2cab6;
	}
div.fieldwrapper div.thefield{ /* DIV that wraps around the actual form fields (right column within fieldwrapper DIV) */
	float: left;
	margin-bottom: 10px; /* space following the field */
	}
div.fieldwrapper div.thefield input[type="text"]{ /* style for INPUT type="text" fields. Has no effect in IE7 or below! */
	width: 320px;
	background: #9ca78f; font: bold 10px/12px Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; border: 1px solid #CCCCCC; padding: 6px 0 5px 8px;
	}
div.fieldwrapper div.thefield input[type="password"]{ /* style for INPUT type="text" fields. Has no effect in IE7 or below! */
	width: 320px;
	background: #9ca78f; font: bold 10px/12px Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; border: 1px solid #CCCCCC; padding: 6px 0 5px 8px;
}
div.fieldwrapper div.thefield textarea{ /* style for TEXTAREA fields. */
	width: 320px;
	height: 120px;
	background: #9ca78f; font: normal 10px/12px Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; border: 1px solid #CCCCCC; padding: 6px 0 5px 8px;
	}
div.buttonsdiv{ /*div that wraps around the submit/reset buttons*/
	margin-top: 5px; /*space above buttonsdiv*/
	}
div.buttonsdiv input{ /* style for INPUT fields within 'buttonsdiv'. Assumed to be form buttons. */
	margin-left: 156px;
	height:53px;
	width: 275px;
	cursor:pointer;
	border: none;
	color:#e8f6d8;
	font: bold 14px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	padding: 0 0 12px 0;
	background: url(../layout/buttons/button.png) no-repeat;
	/*background:url(../layout/buttons/contact_form_button_bg.gif) repeat-x left top;*/
	text-transform: uppercase; 
	letter-spacing: 2px;
	}

/*BUTTONS-----------------------------------------------------------------------------------------------------*/
.button{
	font: bold 14px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	color: #e8f6d8;
	text-transform: uppercase; 
	letter-spacing: 2px;
	cursor:pointer;
}
.editformbutton{
	height:40px;
	width:100%;
	cursor:pointer;
	border: 0;
	background:#999;
	color:#666;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	letter-spacing: +2px;
	background:url(../layout/buttons/edit_form_button_bg.gif) repeat-x left top;
	}
.deleteformbutton{
	height:40px;
	cursor:pointer;
	border:outset 1px #ccc;
	background:#999;
	color:#666;
	font-weight:bold;
	padding: 1px 2px;
	background:url(../layout/buttons/edit_form_button_bg.gif) repeat-x left top;
	}
.regformbutton{
	height:40px;
	width:80px;
	cursor:pointer;
	border:outset 1px #ccc;
	background:#999;
	color:#FFF;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	padding: 1px 2px;
	margin: 4px 4px 0 0;
	background:url(../layout/buttons/contact_form_button_bg.gif) repeat-x left top;
	}

/*NAV---------------------------------------------------------------------------------------------------------*/
/*Main Nav*/
.item_divider{
	margin: 0;
	padding: 0;
	vertical-align: middle;
	border: 0;
	}
.main_nav li{
	display: inline;
	}
.main_nav li a{
	margin: 0;
	padding: 10px 8px 14px 8px;
	font: bold 14px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	color: #e8f6d8;
	text-decoration: none; 
	text-transform: uppercase; 
	letter-spacing: 2px;
	}
.main_nav li a:visited{
	color: #e8f6d8;
	}
.main_nav li a.current, .main_nav li a:hover{
	color: #fff;
	background:url(../layout/menu_img/main_nav_hoover.png) repeat-x left top;
	}
/*Main Nav*/

/*Sub Nav*/
.sub_nav li{
	display: inline;
	}
.sub_nav li a{ 
	text-decoration: none;
	height: 12px; 
	padding: 0 5px 0 5px;
	vertical-align: middle; 
	font-size: 10px; 
	font-weight: bold; 
	font-variant: normal; 
	color: #93a483; 
	text-transform: uppercase;
	}
.sub_nav li a:visited{
	color: #93a483
	}
.sub_nav li a.current, .sub_nav li a:hover{
	color: #DFE5D5;
	background:#95A380;
	text-decoration: none;
	}

/*News Nav*/
div.leftcolumn li{
	padding: 5px 0 5px 0;
	display: block;
	list-style-type: none;
	border-bottom: 1px solid #faf8f2;
	font: normal 11px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	}
div.leftcolumn li a{
	color: #686607; 
	text-decoration: none; 
	margin: 0;
	font: normal 11px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	display: block;
	}
div.leftcolumn li a:visited{
	font: normal 11px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	}
div.leftcolumn li a:hover{
	font: normal 11px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	color: #faf8f2;
	text-decoration: none; display: block;
	}
div.leftcolumn .headline{
	font: bold 12px/16px Verdana, Arial, Helvetica, sans-serif; 
	color: #c2be1e;
	text-transform: uppercase;
	}
	
div.newsdate{ 
	color: #ccc; 
	font: 9px Verdana, "Lucida Grande", Lucida, sans-serif; 
	width: 100%; 
	padding: 3px;
	}
div.news li{
	padding: 3px 0 3px 0;
	display: block;
	list-style-type: none;
	/*border-bottom: 1px solid #939015;*/
	font: normal 11px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	}
div.news li a{
	color: #666; 
	text-decoration: none; 
	margin: 0;
	font: normal 11px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	display: block;
	}
div.news li a:visited{
	}
div.news li a:hover{
	font: normal 11px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	color: #999;
	text-decoration: none; display: block;
	}
div.news .headline{
	font: bold 12px/12px Verdana, Arial, Helvetica, sans-serif; 
	color: #93a483;
	text-transform: uppercase;
	}
/*LINKS--------------------------------------------------------------------------------
/*Standard links*/
a{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px;
	font-style: normal;
	color: #93a483;
	text-decoration: none;
	} 
a:link {
	text-decoration: none; color: #93a483;
	}
a:visited {
	text-decoration: none; color: #93a483;
	}
a:hover {
	text-decoration: underline; color: #93a483;
	}
a:active {
	text-decoration: none; color: #93a483;
	}

/*Headline links*/
a.large{
	color: #93a483; 
	font: bold 20px/21px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif; 
	text-transform: uppercase;
	word-spacing: -1px; 
	letter-spacing: +2px;
	padding-bottom: 6px;}
a.large:link{
	color: #93a483; 
	text-decoration: none;}
a.large:visited{
	color: #93a483; 
	text-decoration: none;
	}
a.large:hover{
	color: #606b51; 
	text-decoration: underline;
	}
a.large:active{
	color: #93a483; 
	text-decoration: none;
	}
a.medium{
	color: #93a483; 
	font: bold 14px/14px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif; 
	text-transform: uppercase;
	word-spacing: -1px; 
	letter-spacing: +1px;
	padding-bottom: 6px;}
a.medium:link{
	color: #93a483; 
	text-decoration: none;}
a.medium:visited{
	color: #93a483; 
	text-decoration: none;
	}
a.medium:hover{
	color: #606b51; 
	text-decoration: underline;
	}
a.medium:active{
	color: #93a483; 
	text-decoration: none;
	}
/*Copyright links*/
a.copyright{
	color: #a2b094; 
	font: 9px Verdana, "Lucida Grande", Lucida, sans-serif;}
a.copyright:link{
	text-decoration: none;
	}
a.copyright:visited{
	text-decoration: none;
	}
a.copyright:hover{
	text-decoration: none;
	}
a.copyright:active{
	text-decoration: none;
	}

/*Edit links*/
div.edit{
	font: bold 10px/12px Verdana, Arial, Helvetica, sans-serif; 
	color: #369; 
	text-transform: uppercase;  
	padding: 5px 0 5px 0;
	}
div.edit .alert{
	color:#FF3300; 
	text-transform:uppercase;
}
div.edit .title{
	font: bold italic 10px/12px Verdana, Arial, Helvetica, sans-serif; 
	color: #333;
	}
div.edit .info{
	font: normal 10px/12px Verdana, Arial, Helvetica, sans-serif; 
	color: #333;
	text-transform:none;
	}
div.edit a{
	font: bold 10px Verdana, Arial, Helvetica, sans-serif; 
	color: #369;
	}
div.edit a:link{
	color: #369; 
	text-decoration: none;
	}
div.edit a:visited{
	color: #369; 
	text-decoration: none;
	}
div.edit a:hover{
	color: #606b51;
	text-decoration: underline;
	}
div.edit img{
	vertical-align: middle;
	}