/*
 * CSS3 Buttons
 */
.button {
	float: left;
	margin-right: 5px;
	cursor: pointer;
}

.button.small {
	font-size: 8pt;
	padding: 5px 10px 5px 10px;
}

.button.medium {
	font-size: 10pt;
	padding: 10px 13px 10px 13px;
}

.button.large {
	font-size: 14pt;
	padding: 15px 15px 15px 15px;
}

.button.black {
	background-color: black;
	color: white;
	font-family: 'Tahoma', serif;
}

.button.pink_active:hover {
	background-color: rgb(4, 222, 184);
}

.button.corner_none {
	border-radius: 0px;
}

.button.corner_minimal {
	border-radius: 3px;
}

.button.corner_full {
	border-radius: 15px;
}

.button.large.corner_full {
	border-radius: 25px;
}

.button.arrow {
	padding-right: 40px;
	background-image: url('../images/slideshow_btn_next_hover.png');
	background-position: 100% 50%;
	background-repeat: no-repeat;
}

/*
 *  Highlights & One Half Column
 */
.columns_2 {
	float: left;
	width: 47%;
	/* remember to use clear:both on the element following the columns (or class='clear')*/
}

.columns_2.column_2 {
	float: right;
}

.columns_3 {
	float: left;
	width: 30%;
	/* remember to use clear:both on the element following the columns (or class='clear')*/
}

span.highlight.black {
	background-color: black;
	color: white;
}

span.highlight.pink {
	background-color: rgb(4, 222, 184);
	color: white;
}

/*
 * Blockquotes
 */
blockquote {
	font-family: 'Prata', serif;
	font-weight: normal;
	font-size: 14pt;
	padding-left: 50px;
	padding-right: 10px;
	margin: 5px;
}

.blockquote {
	font-size: 12pt;
	margin-top: 1em;
	margin-bottom: 1em;
	line-height: 1.2em;
}

.blockquote .sign {
	font-family: 'Prata', serif;
	font-weight: normal;
	font-size: 70pt;
	float: left;
	height: 1px;
	padding-top: 35px;
}

/*
 * Accordion
 */
.accordion h3 {
	font-family: 'Tahoma', serif;
	font-size: 8pt;
	padding: 10px;
	padding-left: 20px;
	border-bottom: solid white 2px;
	cursor: pointer;
}

.accordion>div>p {
	padding: 14px;
}

.accordion h3.ui-state-default {
	background: url('../images/blog/accordion_on.png') no-repeat 97% 50% #E4E4E4;
}

.accordion h3.ui-state-active {
	background: url('../images/blog/accordion_off.png') no-repeat 97% 50% #E4E4E4;
}

/*
 * Tabs
 */
.idTabs li {
	float: left;
	font-family: 'Tahoma', serif;
	font-size: 8pt;
}

.idTabs li a {
	padding: 10px;
	background-color: #A5A5A5;
	color: white;
	display: block;
	width: 60px;
	text-align: center;
	margin-right: 1px;
	margin-bottom: 1px;
}

.idTabs li a.selected {
	background-color: #E4E4E4;
	color: #404040;
}

.tab {
	font-family: 'Tahoma', serif;
	font-size: 8pt;
	background-color: #E4E4E4;
	color: #404040;
	padding: 15px 10px 15px 10px;
	text-align: center;
}

/*
 * Notifications
 */
.notification {
	font-family: 'Tahoma', serif;
	font-size: 8pt;
	padding: 10px 10px 10px 50px;
	margin-bottom: 2em;
}

.notification.warning {
	background: url('../images/blog/not_warning.png') no-repeat 18px 50% #E8DF56;
	color: black;
}

.notification.info {
	background: url('../images/blog/not_info.png') no-repeat 18px 50% #63D0F1;
	color: black;
}

.notification.error {
	background: url('../images/blog/not_error.png') no-repeat 18px 50% #E31B5C;
	color: white;
}

.notification.download {
	background: url('../images/blog/not_download.png') no-repeat 18px 50% #000000;
	color: white;
}

/* 
 * List 
 */
.list_lelle ul,.list_lelle ol { /* basic text styling for both type of lists*/
	font-family: 'Tahoma', serif;
	font-size: 8pt;
	margin-bottom: 1em;
}

.list_lelle ol { /* numbering for ordered lists */
	padding-left: 2em;
	list-style-type: decimal;
	color: rgb(4, 222, 184);
	font-weight: bold;
}

.list_lelle ul { /* custom bullet image for the unordered list */
	list-style-type: none;
}

.list_lelle ul li { /* custom bullet image for the unordered list */
	padding-left: 2.5em;
	background: url('../images/blog/plus.png') no-repeat 4px 50% transparent;
}

.list_lelle ol li {
	padding-left: 1em;
}

.list_lelle ul li,.list_lelle ol li {
	line-height: 1.5em;
}

.list_lelle ol.pink li>span { /*for ordered list, make sure the numbering is pink while the text is default*/
	color: #404040;
	font-weight: normal;
}

.list_lelle a:hover {
	color: rgb(4, 222, 184);
}