body {
	background-color: #7a7f83;
	font-family: "verdana";
	font-size: 12px;
	color: #2a3f43;
}

a {
	color: #babfc3;
	transition: color 100ms;
	text-decoration: none;
}

a:hover {
	color: #dadfe3;
}

img {
	border: 0px;
	padding-top: 8px;
	padding-bottom: 8px;
	transform-origin: 0% 50%;
	transform: scale( 1 );
	transition: 250ms;
}

img:active {
	transform: scale( 1.5 );
}

.main {
	padding: 12px 12px 12px 12px;
	width: 800px;
}

.header {
	padding: 0px 8px 32px 12px;
}

.header_title {
	font-size: 24px;
	font-weight: bold;
}

.section {
	margin-bottom: 16px;
	border: 1px dotted #4a4f53;
	border-radius: 4px;
	background-color: #8a8f93;
	perspective: 800px;
}

.section_header { 
	background: linear-gradient( #5a5f63, #6a6f73, #5a5f63 );
	height: 32px;
	margin: 4px 4px 4px 4px;
	border-radius: 3px;
	font-weight: bold;
}

.section_header_event { 
	background-color: #0a1f43;
	height: 32px;
	margin: -36px 4px 4px 4px;
	border-radius: 3px;
	opacity: 0;
	transition: 100ms;	
}

.section_header_event:hover {
	opacity: 0.15;
}

.section_header_event:active {
	opacity: 0.35;
}

.section_header_title {
	padding-left: 36px;
	padding-top: 8px;
}

.section_header_folder {
	position: absolute;
	border: 0px;
	margin-left: 16px;
	margin-top: -36px;
}

.section_state_img {
	border: 0px;
	padding: 0px 0px 0px 0px;
}

.section_state {
	position: absolute;
	width: 24px;
	height: 16px;
	margin-top: -19px;
	margin-left: 771px;
	background-color: #8a8f93;
	border-radius: 2px;
	text-align: center;
}

.section_content {
	display: none;
	padding: 0px 26px 20px 26px;
	opacity: 0;
	transform-origin: 0px 0px;
	transform: rotateY( 25deg );
	transition: 250ms;
}

/*.editable {
	transition: 250ms;
}

.editable[contenteditable="true"] {
	background-color: #8a8f93;
}

.editable[contenteditable="true"]:hover {
	background-color: #8a9aa7;
}

.editable[contenteditable="true"]:focus {
	background-color: #a79a8a;
	border: none;
	outline: none;
}*/

.faq {
	width: 100%;
	background-color: #7a7f83;
	margin-bottom: -12px;
	border: 1px dotted #cacfd3;
	padding: 1px 1px 1px 1px;
	border-radius: 4px;
	transition: 250ms;
}

.faq:hover {
	background-color: #5a5f63;
	border: 1px dotted #5a5f63;
}

.faq_row1 {
	background: linear-gradient( #aaafb3, #babfc3 );
}

.faq_row2 {
	background: linear-gradient( #aaafb3, #9a9fa3 );
}

.faq_col1 {
	color: #dadfe3;
	width: 24px;
	text-align: center;
	font-weight: bold;
	border-radius: 2px;
}

.faq_col2 {
	border-radius: 2px;
}

.faq_span {
	padding: 6px 12px 6px 12px;
}