
/*   BREADCRUMBS
********************************************************************************/

ul.breadcrumbs, 
ul.breadcrumbs li {
list-style-type:            none;
    padding:                0;
    margin:                 0;
    background-color:       #fff;
}

ul.breadcrumbs {
    border:                 1px solid #dedede;
    height:                 2.3em;
}

ul.breadcrumbs li {
    float:                  left;
    line-height:            2.3em;
    padding-left:           .75em;
    color:                  #777;
}

ul.breadcrumbs li a {
    display:                block;
    padding:                0 15px 0 0;
    background:             url(img/breadcrumbs.gif) no-repeat right center;
}

ul.breadcrumbs li a:link,
ul.breadcrumbs li a:visited {
    text-decoration:        none;
    color:                  #777;
}

ul.breadcrumbs li a:hover,
ul.breadcrumbs li a:focus {
    color:                  orange;
}


/*  Notes
**************************************/
.info_note {
    font-size:              12px;
    margin-bottom:          22px;
    padding:                16px;
    font-size:              15px;
    line-height:            22px;
    padding-left:           60px;
    border:                 1px solid #ebeba0;
    background:             #ffffcc url('buttons/info.png') no-repeat;
    background-position:    16px 16px;
}

.note {
    font-size:              12px;
    margin-bottom:          22px;
    padding:                16px;
    font-size:              15px;
    line-height:            22px;
    
    background:             #ffffcc;
    border:                 1px solid #ebeba0;
}



div.warning_note {
	background:                 #eee ;
	padding:                    1em;
	border:                     1px #ffcc00 dotted;
	margin-bottom:              16px;
	margin-top:                 12px;
	width:                      70%;
	margin:                     auto;
}



/* inline box for objects in inline text*/
.inline_box {
    display:                    inline;
    padding:                    2px 4px 2px 4px;
    background:                 #ffffcc;
    border:                     1px solid #ddd;
    font-size:                  11px;
    color:                      #666;
}

/*  Ajax loader
**************************************/

.loading {
    background: url('img/loading.gif') 0px 10px no-repeat;
    height: 60px;
    width: 200px;
    display: inline-block;
    margin-left: 40%;
    
}


/* MESSAGES & ERRORS */

ul.messagelist {
    padding: 0 0 5px 0;
    margin: 0;
}

ul.messagelist li {
    font-size: 12px;
    display: block;
    padding: 4px 5px 4px 25px;
    margin: 0 0 3px 0;
    border-bottom: 1px solid #ddd;
    color: #666;
    background: #ffc url(img/admin/icon_success.gif) 5px .3em no-repeat;
}

.errornote {
    font-size: 12px !important;
    display: block;
    padding: 4px 5px 4px 25px;
    margin: 0 0 3px 0;
    border: 1px solid red;
    color: red;
    background: #ffc url(img/admin/icon_error.gif) 5px .3em no-repeat;
}

ul.errorlist {
    margin: 0 !important;
    padding: 0 !important;
}

.errorlist li {
    font-size: 12px !important;
    display: block;
    padding: 4px 5px 4px 25px;
    margin: 0 0 3px 0;
    border: 1px solid red;
    color: white;
    background: red url(img/admin/icon_alert.gif) 5px .3em no-repeat;
}

td ul.errorlist {
    margin: 0 !important;
    padding: 0 !important;
}

td ul.errorlist li {
    margin: 0 !important;
}

.errors {
    background: #ffc;
}

.errors input, .errors select {
    border: 1px solid red;
}

div.system-message {
    background: #ffc;
    margin: 10px;
    padding: 6px 8px;
    font-size: .8em;
}

div.system-message p.system-message-title {
    padding: 4px 5px 4px 25px;
    margin: 0;
    color: red;
    background: #ffc url(img/admin/icon_error.gif) 5px .3em no-repeat;
}

.description {
    font-size: 12px;
    padding: 5px 0 0 12px;
}
