/* Convenience classes */
.clear {
    clear: both;
    line-height: 1px;
    height: 1px;
    overflow: hidden;
    font-size: 6px;
}

.clearLeft {
    clear: left;
    overflow: hidden;
    line-height: 1px;
    height: 1px;
}

.clearRight {
    clear: right;
    overflow: hidden;
    line-height: 1px;
    height: 1px;
}

.floatLeft { float:left; }
.floatRight { float:right; }
.noFloat { float:none; }
.inline { display: inline; }

label.error {
    display: block;
    color: red;
    font-weight: bold;
}

span.red { color: red; }
span.green { color: green; }
span.bold { font-weight: bold; }

/* Messages */
div.info_message {
    margin-bottom: 10px;
    padding: 5px;
    border: 1px dotted #ff9933;
    background-color: #ffffcc;
}

div.ok_message {
    margin-bottom: 10px;
    padding: 5px;
    border: 1px dotted #669966;
    background-color: #ccffcc;
}

div.error_message {
    margin-bottom: 10px;
    padding: 5px;
    color: red;
    font-weight: bold;
    border: 1px dotted #cc0000;
    background-color: #ffcccc;
}

div.info_message h3, div.ok_message h3, div.error_message h3 {
    font-size: 14px;
    line-height: 16px;
    margin:0px;
}

div.info_message h4, div.ok_message h4, div.error_message h4 {
    font-size: 12px;
    line-height: 14px;
    margin:0px;
}

/* Icons */
.icon-browse {
    background: url(../gfx/icon/folder.gif) no-repeat;
    height:20px;
}

.icon-delete {
    background: url(../gfx/icon/delete.gif) no-repeat;
    height:20px;
}

.icon-edit {
    background: url(../gfx/icon/edit.gif) no-repeat;
    height:20px;
}

.icon-active {
    background: url(../gfx/icon/active.gif) no-repeat;
    height:20px;
}

.icon-inactive {
    background: url(../gfx/icon/inactive.gif) no-repeat;
    height:20px;
}

.icon-minus {
    background: url(../gfx/icon/minus.gif) no-repeat;
    height:20px;
}

.icon-plus {
    background: url(../gfx/icon/plus.gif) no-repeat;
    height:20px;
}

.icon-questionmark {
    background: url(../gfx/icon/qm.png) no-repeat;
    height: 25px;
    width: 25px;
}

.icon-close {
    background: url(../gfx/icon/close.png) no-repeat;
    height: 25px;
    width: 25px;
}

.icon-loader1 {
    background: url(../gfx/icon/loading1.gif) no-repeat;
    height: 50px;
    width: 50px;
}

.icon-loader2 {
    background: url(../gfx/icon/loading2.gif) no-repeat;
    height: 25px;
    width: 25px;
}

/* Icon / button helpers */
div.width20 { width: 20px; }
div.width30 { width: 30px; }

div.button:hover { cursor: pointer; }