/***********************/
/* STYLES FOR MESSAGES */
/***********************/

.warning {
        margin: 20px 0px 20px 0px;
	padding: 6px;
	padding-left: 36px;
	background: url(../dtcimages/warning.png) no-repeat #fce94f;
	background-position: 6px 50%;
	border: 1px solid #f57900;
}

.error {
        margin: 20px 0px 20px 0px;
	padding: 6px;
	padding-left: 36px;
	background: url(../dtcimages/error.png) no-repeat #fcafaf;
	background-position: 6px 50%;
	border: 1px solid #cc0000;
}

.notice {
        margin: 20px 0px 20px 0px;
	padding: 6px;
	padding-left: 36px;
	background: url(../dtcimages/notice.png) no-repeat #affcaf;
	background-position: 6px 50%;
	border: 1px solid #73d216;
}

.running {
        margin: 20px 0px 20px 0px;
	padding: 6px;
	padding-left: 36px;
	background: url(../dtcimages/ajax-spinner.gif) no-repeat #ffffff;
	background-position: 6px 50%;
	border: 1px solid #73d216;
}

.ajaxfix {
	border: 1px solid rgb(181, 197, 212);
	background: url(../dtcimages/syringe.png) no-repeat rgb(246, 246, 246);
	background-position: 3px 3px;
	padding: 6px;
	margin: 0px;
	padding-left: 32px;
	text-decoration: none;
	color: black;
}

.fatalerror {
        margin: 20px 0px 20px 0px;
	padding: 6px;
	padding-left: 36px;
	background: url(../dtcimages/error.png) no-repeat #fcafaf;
	background-position: 6px 50%;
	border: 1px solid #cc0000;
}

.dev-error {
    font-size: small;
    max-width: 250px;
    z-index: 999;
    float: right;
    background: rgba(100, 0, 0, .5);
    color: white;
    margin: 1px;
    padding: 2px;
    border: 1px solid firebrick;
    clear: right;
}

.dev-warning {
    color: black;
}

.hidden-trace {
    display: none;
}

.trace-argument {
    color: red;
}




/************/
/* TOOLTIPS */
/************/

.tooltip {
    position: absolute; 
    margin: 6px; 
    padding: 6px;
    padding-left: 30px;
    background-color: white; 
    border: 1px solid #2D4779;
    background: url(../dtcimages/help.png) no-repeat white;
    background-position: 3px 50%;
    max-width: 400px;
}

.tooltipbutton {
    cursor: help;
}



/*************/
/* FORMS ETC */
/*************/

input.fail, textarea.fail {
    border: 1px solid #9e9e9e;
    padding: 1px;
    background: pink;
}

span.fail {
    font-weight: bold;
    color: firebrick;
}


/***********/
/* POPUPS  */
/***********/
.popup {
    position: absolute;
    margin-top: -6px;
    background: url(../dtcimages/popup-arrowup.png) no-repeat;
    background-position: 0 0;
    vertical-align: middle;
}

.popup-inner {
    margin-top: 12px;
    background: #ffee99;
    padding: 6px;
    border-left: 1px solid #9e9e9e;
    border-right: 1px solid #9e9e9e;
    border-bottom: 1px solid #9e9e9e;
}

.popup-inner img.popup-icon {
    padding-right: 6px;
    vertical-align: middle;
}

.popup-inner .popup-close {
    float: right;
    text-align: right;
    margin-left: 6px;
}