@charset "UTF-8";

/**
 * (en) content footer navigation -> FAQ
 *
 * 
 * 
 */
 
@media screen, projection {

/*--------------------------------------------------------------------------*/
 
 
/**
 * FAQ & Guidelines
 *
 */
 
 .page-guidelines #col3_content .view {
 	background:#e5e5e5;
	color:#4d4d4d;
	padding:10px 0px;
}

.view-id-guidelines h3 {
	font-weight:bold;
}
 
 body.page-help #col3_inside.floatbox,
 body.page-guidelines #col3_inside.floatbox {width: 688px;}
 
 .page-help #col3_content .view-faq .view-header,
 .page-guidelines #col3_content .view-guidelines .view-header {
 	color: #4d4d4d !important;
 	margin: 0px;
 	padding: 20px;
 }
 
 .page-help #col3_content .view-faq .view-content,
 .page-guidelines #col3_content .view-guidelines .view-content {padding-left: 20px; padding-right: 20px; padding-bottom: 10px; }
 
 .page-help #col3_content .view-faq .view-content .item-list,
 .page-guidelines #col3_content .view-guidelines .view-content .item-list {
 	position: relative;
 	background: #fff;
 	margin-bottom: 10px;
 	padding-top: 50px; /* padding-top = h3 height+ padding-top + padding-bottom + 10px space for content */
 	padding-right: 20px;
 	padding-bottom: 20px;
 	padding-left: 20px;
 	overflow-x: hidden;
  }
  
 .page-help #col3_content .view-faq .view-content .item-list h3,
 .page-guidelines #col3_content .view-guidelines .view-content .item-list h3 {
 	position: absolute;
 	top:0;
 	left:0;
 	width: 608px;
 	height:20px; /* see comment .page-help #col3_content .view-faq .view-content .item-list -> padding-top */
 	background:#e5e5e5;
	font-weight:bold;
	margin-bottom:0;
	padding:5px 20px;
	color:#4d4d4d;
 }
 
 /* styles for the view accordion */
 .page-help #col3_content .view-faq .views-field-title,
 .page-guidelines #col3_content .view-guidelines .views-field-title {
 	color: #648e08;
 	margin-top: 15px;
 	margin-bottom: 5px;
 }
 
 .page-help #col3_content .view-faq .views-field-title .field-content,
 .page-guidelines #col3_content .view-guidelines .views-field-title .field-content {
 	text-decoration: underline;
 	cursor: pointer;
 }
 
 .page-guidelines #col3_content .view-guidelines .views-field-body .field-content p {
 	color: #444444; 
 }
 
 .page-help #col3_content .view-faq .accordion-content,
 .page-guidelines #col3_content .view-guidelines .accordion-content {
    color:#444;
 	padding-left: 20px; /* set content to same padding as accordion title */
 	padding-right: 20px;
 } 

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

/* panel settings */
#col3_content #panel-faq .pane-content {padding: 0;}
/*#panel-faq .center-wrapper {padding: 10px 20px 30px 20px;}*/
/* reset global backround image */
#panel-faq .pane-content {background: none;}

#panel-faq .inside {margin: 0;}

/* blocks faq tutorials */
#panel-faq .faq-tuts {width: 320px; margin-bottom: 8px;}

#panel-faq .center-wrapper .panel-col-first .faq-tuts {float:left;}
#panel-faq .center-wrapper .panel-col-last .faq-tuts {float:right;}


#panel-faq .faq-tuts .gfx-title-left,
#panel-faq .faq-tuts .gfx-title-right,
#panel-faq .faq-tuts .gfx-title {background: none; margin: 0; color:#4d4d4d;}

#panel-faq .faq-tuts .gfx-title-left {
	background:#bfbfbf;
	padding:0 10px;
}

#panel-faq .faq-tuts .pane-content {
	background: #fff;
	color: #444;
}

#panel-faq .faq-tuts .pane-content span {
	display:block;
	font-size:1.273em;
	font-weight:bold;
	height:34px;
	padding:14px 10px 10px;
	text-transform:uppercase;
}

#panel-faq .faq-tuts .pane-content p {
	padding: 0 10px 30px 10px;
	min-height: 50px;
}

#panel-faq .faq-tuts .pane-content img {
	margin: 10px 10px 0 10px;
	width: 300px;
}

#panel-faq .faq-tuts .footer {
	background: #EEEEEE;
	border-top:1px solid #ccc;
	padding:10px;
}

.view-id-guidelines h3 {
	color:#4d4d4d !important;
}

.view-id-guidelines p {
	color:#4d4d4d !important;
}

.view-id-guidelines .views-accordion {
	border:1px solid #ccc;
}

.view-id-guidelines.view-display-id-block_1 {
	color:#4d4d4d;
	padding:10px;
}
 
/*--------------------------------------------------------------------------*/

/* end: @media screen, projection */

}