/*
*       JakPlan.no c/o CustomPublish AS
*       Paul Castle	(paul@mindresin.co.uk) (http://mindresin.co.uk)
*
*       Table Of Contents                             Swatch List
*
*   MEDIA SCREEN, TV, PROJECTION
*       01 - Browser Initial Settings                 * #991E20 - Base Red ( Widgets, Panels )
*       02 - General Utilities                        * #671414 - Dark Red ( Borders )
*       03 - Template Layout & Structure              * #130303 - Base Grey ( Sub-Widget )
*              |_ 03.a - Company Logotype             * #260707 - Dark Grey ( Sub-Widget Border )
*       04 - Sidebar Elements                         * #2E0909 - Burnt Sienna ( Search Widget )
*       05 - Navigation
*              |_ 05.a - Top Navigation
*              |_ 05.b - Side/Sub Navigation
*       06 - Article Listing & View Structure 
*       07 - Typography
*       08 - Page Elements
*              |_ 08.a - PAGELOGO
*              |_ 08.b - Admin tools & Page tools
*              |_ 08.c - Search Forms
*              |_ 08.d - Banner Locations
*       09 - Sitemap Links
*       10 - Calendar Styling
*   MEDIA PRINT
*   MEDIA HANDHELD
*   
*/

	@media screen,tv,projection {
/*
*	01. Browser Initial Settings
*/
body 							{ height: 100%; margin: 0; padding: 0; text-align: center; font-family: Helvetica, Arial, sans-serif; font-size: 80%;
							b}
html    		                                { height: 100%; }
table                   		                { border-collapse: collapse; border-spacing: 0; }
fieldset,img                    		        { border: 0; }
a:link, a:visited              			 	{ text-decoration: none; }
a:hover, a:focus               			        {  }
/*
*	02. General Utilities
*/
.top							{ top: 0; }
.bottom							{ bottom: 0; }
.norender						{ display: none; }
.hidden							{ visibility: hidden; }
.left							{ float: left; }
.right 							{ float: right; }
.clear 							{ clear: both; font-size: 1px; height: 0px; }
.text_padd						{ padding: 6px 15px; }
.list_reset						{ margin: 0; padding: 0; list-style: none; }
hr.header_break						{ width: 100%; height: 20px; position: absolute; font-size: 1px; border: 0; background: #000; }
hr.article_control_break				{ height: 50px; border: 0; background: none; }
/*
*	03. Template Layout
*/
#page							{ width: 1280px; margin: 0 auto; text-align: left; }
#header							{ height: 150px; position: relative; margin: 0 0 20px 0; }
#main							{ width: 1037px; margin: 0; padding: 0; float: left; display: inline; }
.article_control					{ width: 167px; float: left; display: inline; color: #fff; font-size: 12px; 
							background: #981e1e url(https://img2.custompublish.com/getfile.php/957460.852.bupbuudfat/gradient_red.jpg) bottom left repeat-x; border-left: 8px solid #671414; border-top: 8px solid #671414; }
.article_body						{ width: 490px; float: right; display: inline; background: #e4e4e4; }
#sidebar						{ width: 226px; float: right; display: inline; }
#footer							{  }
/*	
03.a	Company Logotype
*/
#logotype						{ width: 271px; height: 81px; text-indent: -9999px; position: relative; top: 35px; left: 0; display: block;
							background: transparent url(https://img2.custompublish.com/getfile.php/935510.852.vdssadffuf/logotype.jpg) top left no-repeat; outline: none; border: 2px solid #fff; }
#logotype:hover, #logotype:focus			{ border-color: #F3F3F3; }
/*
*	04. Sidebar Elements
*/
.sidebar_item						{ background: #981e1e;
													margin: 0 0 20px 0;
													padding: 2px;
													}
.search_box						{ background: #380b0b;
												border-color: #260707;
												padding: 14px 7px;
												}
.links_box						{ background: #170404;
												}
												
h3.sidebar_widget_header	{margin: 12px 0 7px;}

/* Share Widget */
ul.page_tools_menu					{ padding: 0; margin: 0 10px 10px 0; position: relative; list-style-type: none; }
ul.page_tools_menu li					{ padding: 3px 0; font-size: 11px; font-weight: bold; }
ul.page_tools_menu li a.pagetool			{ display: block; color: #fff; display: block; text-align: left; outline: none; padding: 2px 23px 2px 0; text-align: right;  }
ul.page_tools_menu li a.pagetool_tips			{ background: transparent url(https://img2.custompublish.com/getfile.php/957491.852.wdtyqbbqyd/bullet_tipp.jpg) center right no-repeat; }
ul.page_tools_menu li a.pagetool_print			{ background: transparent url(https://img2.custompublish.com/getfile.php/957490.852.eeeadqqeft/bullet_print.gif) center right no-repeat; }
ul.page_tools_menu li a.pagetool_share			{ background: transparent url(https://img2.custompublish.com/getfile.php/957492.852.vtyfevaxcc/bullet_share.gif) center right no-repeat; }
ul.page_tools_menu li a:hover,
ul.page_tools_menu li a:focus				{ text-decoration: underline; }

.pagetool_share_menu 					{ list-style-type: none; padding: 0; margin: 0; width: 150px; }
.pagetool_share_menu li					{ width: 100%; display: block; font-size: 10px; padding: 5px 0; margin: 5px 0 0 10px;  }
.pagetool_share_menu li	img				{ padding: 0; border: none; }
.pagetool_share_menu li a				{ color: #fff; padding: 5px; font-size: 10px; }
.pagetool_share_menu li a:hover				{ background: #671414; }
/*
*	05. Navigation
*
05.a	Top Navigation 
*/
/*
05.b	Side/Sub Navigation
*/
#side_nav						{ padding: 5px 0 10px 12px; margin: 0; list-style-type: none; }
#side_nav li						{ padding: 3px 0; background: transparent url(https://img2.custompublish.com/getfile.php/957465.852.qpwfftvwfw/bullet_white.gif) center left no-repeat }
#side_nav li a						{ display: block;
														background: transparent url(https://img2.custompublish.com/getfile.php/957465.852.qpwfftvwfw/bullet_white.gif) center left no-repeat;
														border-bottom: 0;
														padding-left: 23px;
														font-size: 11px;
														color: #fff;
														}
#side_nav li a:hover, #side_nav li a:focus		{ text-decoration: underline; background-image: url(https://img2.custompublish.com/getfile.php/957466.852.bycbupwpxp/bullet_white_hover.gif); }
.jak_bulletlist						{ padding: 5px 0 10px 12px; }
.jak_bulletlist li					{ padding: 3px 0; background: transparent url(https://img2.custompublish.com/getfile.php/957465.852.qpwfftvwfw/bullet_white.gif) center left no-repeat; }

.jak_bulletlist li a {	display: block;
												padding-left: 16px;
												font-size: 10px;
												color: #fff;
												/* font-weight: bold; */
												border: none;
												text-transform: uppercase;
											}

.jak_bulletlist li a:hover, .jak_bulletlist li a:focus	{ text-decoration: underline; background-image: url(https://img2.custompublish.com/getfile.php/957466.852.bycbupwpxp/bullet_white_hover.gif); background-repeat: no-repeat; color: #fff;t }
/*
*	06. Article Listing & View Structure
*/
/***
	LISTING
***/
.article_listing_control {
	position: relative;
	width: 167px;
	height: 137px;
	float: left;
	display: inline;
	color: #fff;
	font-size: 12px;
	background: #981e1e;
	/* border-left: 8px solid #671414; */
	/* border-top: 8px solid #671414; */
	padding: 25px 9px 5px 9px;
}
.article_listing_control h2 {
	font-size: 12px;
	margin: 2px;
	color: #fff;
	font-weight: normal;
	line-height: 1.5;
}
.article_listing_control .listing_link			{ position: absolute; right: 10px; bottom: 0; }
.article_listing_body					{ width: 852px;
																height: 148px;
																float: right;
																display: inline;
																background: #e4e4e4;
																padding-top: 19px;
															}

.article_listing_body h1.article_listing_header		{ margin: 0 0 15px; }
.article_listing_body h1.article_listing_header a	{ border: 0; color: #66151C; }
h1.article_listing_header a:hover,
h1.article_listing_header a:focus			{ border-bottom: 1px dashed #66151C; }
.article_listing_overview				{ float: left; width: 100%; line-height: 18px; }
.article_listing_image					{ float: right; margin: 0 0 0 5px; padding: 0; }
.article_listing_image img				{ margin: 0; padding: 0; border: 2px solid #991E20; }
.listing_spacer						{ padding: 8px 0; }

.article_listing_image a img { margin-top: -14px; }
/*** 
	VIEW 
***/
.article_view_control					{ position: relative;
																width: 162px;
																min-height: 160px;
																float: left;
																display: inline;
																color: #fff;
																font-size: 12px;
																background: #981e1e;
																padding: 25px 9px 5px 10px;
																}
.article_view_body					{ width: 840px; float: right; display: inline; background: #e4e4e4; }
.article_view_body h1.article_view_header		{ margin: 0 0 15px; text-transform: capitalize; color: #66151C; }
.article_view_forum					{ padding: 1rem; background-color: #fafafa; border: 1px solid #ececec; border-radius: 3px; margin: 1rem 0; }
.article_view_forum .text:focus,
.article_view_forum .textarea:focus			{ background: #eaf791; }
.article_view_forum .text,
.article_view_forum .textarea 				{ border: 2px solid #7A1819; padding: 5px; margin: 5px; float: right; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.article_view_forum label				{ font: bold 18px "Myriad Pro",Helvetica,Verdana,Arial,sans-serif; color: #671414; }
.article_view_forum .submitbutton			{ background: #981e1e url(https://img2.custompublish.com/getfile.php/957460.852.bupbuudfat/gradient_red.jpg) bottom left repeat-x; float: right; 
							-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 2px solid #7A1819; 
							font: bold 16px "Myriad Pro",Helvetica,Verdana,Arial,sans-serif; color: #fff; text-transform: uppercase; }
.article_view_forum .submitbutton:hover,
.article_view_forum .submitbutton:focus			{ background: #981e1e url(https://img2.custompublish.com/getfile.php/957460.852.bupbuudfat/gradient_red.jpg) top left repeat-x; cursor: pointer; 
							text-decoration: underline; }
							
.article_view_body h3 {	font-size: 13px;
												line-height: 1;
												margin-bottom: 1em;
												font-weight: normal;
												line-height: 17px;
												color: #000;
												}
.article_view_body .text_padd {
																padding: 25px 20px;
																}
/***
	Tips En Venn Form
***/
.tipformcontainer					{ width: 500px; margin: 0 auto; border: 3px solid #7A1819; padding: 20px;
							-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.tipformcontainer b					{ font: bold 20px "Myriad Pro",Helvetica,Verdana,Arial,sans-serif; color: #671414; margin-bottom: 15px;
							display: block; text-align: center; }
.tipformcontainer td					{ font: normal 14px Verdana,Arial,sans-serif; color: #671414; }
.tipformcontainer .tipsinput				{ border: 2px solid #7A1819; padding: 5px; margin: 5px; float: right; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.tipformcontainer .tipsbutton				{ background: #981e1e url(https://img2.custompublish.com/getfile.php/957460.852.bupbuudfat/gradient_red.jpg) bottom left repeat-x; float: right;  
							-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 2px solid #7A1819; 
							font: bold 16px "Myriad Pro",Helvetica,Verdana,Arial,sans-serif; color: #fff; text-transform: uppercase; }
.tipformcontainer .tipsbutton:hover,
.tipformcontainer .tipsbutton:focus			{ background-position: top left; cursor: pointer; text-decoration: underline; }


.article_view_break					{ height: 1px; border: 1px solid #991E20; margin: 20px 0; clear: both; visibility: hidden; }
.author							{ font-size: 1em; color: #333; }
.basic							{  }
.block							{  }
.byline							{ margin: 0px; padding: 0px; }
.copyright						{ font-size: 0.8em; color: #666; }
.date							{ font-size: 0.8em; color: #333; }
.feedback						{ font-size: 1em; color: #333; }
.headline			 			{  }
.headlineview				 		{  }
.ingress						{  }
.ingressview						{  }
.link 							{  }
#pagedescription					{  }
.subheadlineview			 		{ word-wrap: break-word;
														font-weight: normal;
														font-size: 12px;
														line-height: 1.5;
														color: #fff;
														}
/*
*	07. Typography
*/
h1,h2,h3,h4,h5,h6					{ color: #991E20; }
h1 							{ font-size: 19px;
									line-height: 24px;
									margin-bottom: 0.5em;
									font-family: helvetica, Verdana, Arial, sans-serif;
									font-weight: normal;
									 }
h2 							{ font-size: 15px; margin-bottom: 0.75em; }
h3 							{ font-size: 13px; line-height: 1; margin-bottom: 1em; }
h4 							{ font-size: 12px; line-height: 1.25; margin-bottom: 1.25em; height: 1.25em;}
h5 							{ font-size: 1em; font-weight: bold; margin-bottom: 1.5em;}
h6 							{ font-size: 0.7em; font-weight: bold;}
p							{ margin: 0 0 1.5em;}
p img							{ float: left; margin: 1.5em 1.5em 1.5em 0; padding:0; }
p img.right 						{ float: right; margin: 1.5em 0 1.5em 1.5em; }
blockquote 						{ margin: 1.5em; color: #666; font-style: italic; }
pre, code						{ margin: 1.5em 0; white-space: pre;}
pre, code, tt						{ font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }
li ul, li ol 						{ margin:0 1.5em;}
.small 							{ font-size: .8em; }
.large							{ font-size: 1.2em; }
.quiet 							{ color: #666; }
.loud 							{ font: bold 16px georgia, times, serif; color: #66151C; text-transform: uppercase;  }
.highlight						{ background: #ff0; font-size: 125%; }
.article_control h2					{ font-size: 12px; margin: 2px; color: #fff; }
.sidebar_widget_header					{ font-size: 12px;
																	font-weight: normal;
																	color: #fff;
																	padding-left: 9px;
																	text-transform: uppercase;
																	}
.widefull #main {
	float: none;
	width: auto;
}
.widefull #sidebar {
	display: none;
}
/*
*	08. Page Elements
*
08a.	PAGELOGO
*/
.pagelogo-container					{  }
img.pagelogo						{ width: 100%; display: block; margin: 0 auto; }
/*	
08.b	Admin / Page Tools 
*/
#tools							{ list-style-type: none; }
#tools li						{ background-position: center left; background-repeat: no-repeat; }
#tools li#tips						{  }
#tools li#printable					{  }
/*	
08.c	Search Forms
*/
#searchform						{ display: block;
												margin: 0 8px 0 9px;
												padding: 3px 0 2px;
												background: #fff;
												}
#searchform input.searchinput				{ width: 130px;
																			padding: 0 5px;
																			border: 0;
																			float: left;
																			font-size: 15px;
																			}
#searchform input.searchsubmit				{ border: 0; padding: 0 5px 0 0; margin: 0; float: right; }
#searchform hr						{ background-color: none; border: 0; }
/*	
08.d 	Banner Locations
*/
.bannerlocation						{ clear: both; text-align: center; }
.banner02						{ height: 80px; width: 600px; position: absolute; right: 10px; top: 40px; }
.banner02 a						{ border: none; }
.banner02 a img						{ display: block; height: 100%; }
/*
*	09. Sitemap Links
*/
#sitetree						{  }
a.sitetree:link						{  }
a.sitetree:visited					{  }
a.sitetree:hover,a.sitetree:focus			{  }
/*
*	10. Calendar Styling
*/
.calender						{ padding: 5px; }
.calender .calmonthname					{ background: #E1E9F9; padding: 3px; border: 1px solid #BDD0EC; }
.calender .caldayname					{ background: #fff; }
.calender table						{ margin: 5px auto; padding: 0;  }
.calender .cell						{ margin-top: 10px; }
.calender th						{ background: #fff; border: 1px solid #BDD0EC; }
.calender td						{ background: #E1E9F9; border: 1px solid #BDD0EC; }
.calender .caltoday					{ font-weight: bold; background: #214388; color: #fff; }
.calender .caldayhasevent				{ font-weight: bold; text-decoration: underline; }
.calsaturday, .calsunday				{ cursor: pointer; color: #999; }
.icalendardayhead 					{ background-color: gray; }
.monthlycalendartable 					{ width: 100%;}
.calendardate						{ color: #333; font-size: 85%; }

	} /* end media SCREEN,TV,PROJECTION */

	/* Cp forms */
	

.cpstextheading {
	display: block;
	margin-bottom: 5px;
	margin-right: 5px;
	padding-top: 2px;
}
.cpselementcontainer {
	/*border-bottom: 1px solid #E1E1E1;*/
	margin-bottom: 5px;
	padding: 2px 0 5px;
}
.cpsoptionsclear {
	clear: both; 
	font-size: 1px; 
	height: 0px;
}
.cpsoptionlabel {
	font-weight: normal;
}
.cpselementcontainer.horizontal .cpstextheading, 
.cpform .horizontal .cpstextheading  {
	float: left!important;
	width: 28%!important;
}
.cpselementcontainer.horizontal .cpsoptions, .cpselementcontainer.horizontal .cpsstatictext, 
.cpform .horizontal .cpsoptions  {
	float: right!important;
	text-align: left;
	width: 70%!important;
}
.cpselementcontainer .cpsstatictext {
	margin: 2px 0 5px 0;
	padding-top: 2px;
}
.optionshorizontal .cpsradiooption, .optionshorizontal .cpscheckboxoption {
	float: left;	
	margin-right: 5px;
	white-space: nowrap;
}
span.mandatory {
	color: #AA0000;
}
	
	@media print {

body 							{ line-height: 1.5; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
							color: #000; background: none; font-size: 10pt; }
#page-container 					{ background: none; }
hr 							{ background: #ccc; color: #ccc; width: 100%; height: 2px; margin: 2em 0; padding: 0; border: none;}
code 							{ font: .9em "Courier New", Monaco, Courier, monospace; }
img 							{ float: left; margin: 1.5em 1.5em 1.5em 0; }
a img 							{ border: none; }
blockquote 						{ margin: 1.5em; padding: 1em; font-style: italic; font-size: .9em; }
.small 							{ font-size: .9em; }
.large 							{ font-size: 1.1em; }
.quiet 							{ color: #999; }
.hide 							{ display: none; }
a:link, a:visited 					{ background: transparent; font-weight: 700; text-decoration: underline; }
a:link:after, a:visited:after 				{ content:" (" attr(href) ") "; font-size:90%; }

	} /* end media PRINT */