/* tpv */

.hide { display: none; }
.show { display: inherit; }

button.imagebutton {
    background: transparent;
    border: none;
    cursor: pointer;
    float: left;
    margin: 0;
    padding: 0;
}

/* generic clearer */
.clear { clear: both; }

/* Overflow-Method to clear float environments */
.floatbox { overflow: hidden; }

/* generic clearfix solution */
.clearfix { display: inline-table; }
.clearfix:after {
    clear: both; 
    content: "."; 
    display: block; 
    height: 0; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

.toggle {
	background-image: url(../images/global/toggle.gif);
	background-position: 0;
	background-repeat: no-repeat;
	border: 0 none;
	display: block;
	height: 25px;
	margin: 0;
	padding: 0;
	width: 27px;
}

.toggle-link,
.toggle-link:visited {
	background-image: url(../images/global/toggle.gif);
	background-position: right top;
	background-repeat: no-repeat;
	border: 0px none;
	padding-right: 25px;
}

.toggle-open,
.toggle-open:visited {
	background-position: right -18px;
	height: 25px;
	width: 27px;
}

/**************************************************
* CSS Based Messages
* http://www.edg3.co.uk/resources/css-based-messages/
* http://creativecommons.org/licenses/by/2.5/
**************************************************/

div.error-msg {
	background: #ffe1da url('../images/icons/extrasmall/error.gif') 13px 50% no-repeat;
	border: 2px solid #f34f4f;
    clear: both;
	color: #be0b0b;
	margin: 5px;
	padding: 5px 5px 5px 36px;
}
div.error-msg p {
    color: #be0b0b;
    margin: 0;
}

div.information-msg {
	background: #dedfff url('../images/icons/extrasmall/info.gif') 13px 50% no-repeat;
	border: 2px solid #9bb8d9;
    clear: both;
	color: #406299;
	margin: 5px;
	padding: 5px 5px 5px 36px;
}
div.information-msg p {
    color: #406299;
    margin: 0;
}

div.status-msg {
	background: #e2f9e3 url('../images/icons/extrasmall/button_ok.gif') 13px 50% no-repeat;
	border: 2px solid #9c9;
    clear: both;
	color: #080;
	margin: 5px;
	padding: 5px 5px 5px 36px;
}
div.status-msg p {
    color: #080;
    margin: 0;
}

div.warning-msg {
	background: #fff8bf url('../images/icons/extrasmall/bell.gif') 13px 50% no-repeat;
	border: 2px solid #ffd324;
    clear: both;
	color: #eb830c;
	margin: 5px;
	padding: 5px 5px 5px 36px;
}
div.warning-msg p {
    color: #eb830c;
    margin: 0;
}