/* COMMON SYSTEM UI - NON BEHAVIOUR */
.xar-mod-content .xar-mod-icon {
    float:right;
    margin:1em;
    width:auto;
}

.xar-mod-content .xar-mod-icon h2:after {
    content:".";
    display:block;
    clear:both;
    font-size:0;
    height:0;
    visibility:hidden;
}

*:first-child+html .xar-mod-content .xar-mod-icon h2 { min-height:0;} /* IE-Patch IE 7*/
* html .xar-mod-content .xar-mod-icon h2 { height:1%;} /* IE-Patch IE 6*/

.xar-actions > a, 
.xar-actions > span {margin-left:5px;}

/* COMMON SYSTEM UI - ERROR MESSAGES AND EXCEPTIONS */
div#xar-base-message-notfound .xar-block {margin:2em;}

div#xar-base-message-notfound p.xar-search-block-search-advanced {
    height:1px;
    left:-10000px;
    overflow:hidden;
    position:absolute;
    top:auto;
    width:1px;
}

/* COMMON SYSTEM UI - MESSAGES */
.xar-msg {
    border:2px solid;
    border-radius: 4px;
    margin:1.2em 30px; /* left and right margin corresponding to gutters from base.css */
    padding:1em;
}

/*
.xar-msg {
    background-repeat:no-repeat;
    background-position:right top;
}

.xar-msg-warning {background-image:url('../xarimages/icons/dialog-warning.png');}
.xar-msg-error {background-image:url('../xarimages/icons/dialog-error.png');}
.xar-msg-success {background-image:url('../xarimages/icons/activate.png');}
.xar-msg-note {background-image:url('../xarimages/icons/info.png');}

.xar-msg-forbidden{background-image:url('../xarimages/icons/privilege-disallowed.png');}
.xar-msg-help {background-image:url('../xarimages/icons/help-browser.png');}
.xar-msg-status {background-image:url('../xarimages/icons/info.png');}
.xar-msg-confirm {background-image:url('../xarimages/icons/test.png');}
*/
/* K.P. @todo we need pretty icons */

.xar-msg p,
.xar-msg ul,
.xar-msg ol {
    margin:0 1.2em;
    padding:0;
}

.xar-msg-error,
.xar-msg-forbidden {
    background-color:#f9c4c4;
    border-color:#ac6262;
}

.xar-msg-warning,
.xar-msg-confirm {
    background-color:#faf9e2;
    border-color:#dddaaa;
}
.xar-msg-success {
    background-color:#e5f8ce;
    border-color:#daf4ba;
}

.xar-msg-help {
    background-color:#efefef;
    border-color:#ddd;
}

.xar-msg-note,
.xar-msg-status {
    background-color:#ddf4fb;
    border-color:#c6edf9;
}

.xar-msg-status,
.xar-msg-error,
.xar-msg-forbidden,
.xar-msg-success,
.xar-msg-note,
.xar-msg-help,
.xar-msg-confirm,
.xar-msg-warning {color:#404040;}

/* COMMON SYSTEM UI - ELEMENTS */
dl.xar-definition {
    background:#e8e8f4; 
    border:1px solid #ccc;
    border-radius:10px;
    margin:1.4em 30px;
    padding:1.2em;
}

dl.xar-definition dt {
    font-weight:bold;
    margin:.5em 0 0 0;
    padding:0;
}

dl.xar-definition dd {
    display:list-item;
    list-style:square;
    list-style-position:inside;
    margin:0;
    padding:.5em;
}

ul.xar-legend {
    background-color:#efefef;
    border:1px solid #ccc;
    list-style:none;
    margin:1.2em 30px;
    padding:1.2em;
    border-radius:5px;
    overflow:hidden;
    height:1%;
}

ul.xar-legend li {
    float:left;
    width:auto;
	margin-top:.8em;
    padding-left:22px;
    padding-right:8px;
}

p.xar-return {
    overflow:hidden;
    height:1%;
    margin:1.2em;
}

p.xar-return a {
    background:transparent url('../xarimages/icons/go-previous.png') no-repeat center left scroll;
	color:inherit;
    float:left;
    padding:5px 0 5px 20px;
    width:
}

/* COMMON SYSTEM UI - BUTTONS -> xarcore-html5_buttons.css */

/* COMMON SYSTEM UI - GENERIC CLASSES */
.xar-displaynone {display:none;} /* Hide from browsers. */

/* COMMON SYSTEM UI - ADDITIONAL CLASSES */
/* Image Replacement */
.xar-ir {
    display:block;
    text-indent:-999em;
    overflow:hidden;
    background-repeat:no-repeat;
}
.xar-ir br {display:none;}

/* Visibility */
.xar-displaynone {display:none;} /* Hide from browsers. See xarcore-html5_classes.css */

.xar-invisible {
    height:1%;
    left:-10000px;
    overflow:hidden;
    position:absolute;
    top:auto;
    width:1px;
} /* Hide only visually, but have it available for screenreaders. */

.xar-hiddenvisibility {visibility:hidden;} /* Hide visually and from screenreaders, but
maintain layout */

.xar-hidden {
    display:none;
    visibility:hidden;
} /* Hide for both screenreaders and browsers, remove from layout.
    <css-discuss.incutio.com/wiki/Screenreader_Visibility> */

/* Float */
.xar-clearfix:after {
    content:".";
    display:block;
    clear:both;
    font-size:0;
    height:0;
    visibility:hidden;
} /* See <http://little-boxes.de/lb1/14.9.1-teil-1-der-kern-von-clearfix.html> */

*:first-child+html .xar-clearfix {min-height:0;} /* IE-Patch IE 7*/
* html .xar-clearfix {height:1%;} /* IE-Patch IE 6*/

.xar-floatbox {
    overflow:hidden;
    height:1%;
}

.xar-float-left {float:left;}
.xar-float-right {float:right;}
.xar-clear {clear:both;}
.xar-clear-left {clear:left;}
.xar-clear-right {clear:right;}

/* COMMON SYSTEM UI - BEHAVIOUR - JQUERY RELATED CLASSES */
.xar-ui-toggle {}
.xar-ui-toggle-link {}
.xar-ui-dialogtarget {}
.xar-table-sort {}

p.xar-ui-checkcontrols a {
    background:url('../xarimages/layout/forms/button-bg.png') repeat-x;
    border:1px solid #bbb;
    border-radius:3px;
    color:#333;
    margin:1px 2px;
    padding:2px 4px;
    text-decoration:none !important;
    width:auto;
}

p.xar-ui-checkcontrols a {display:inline-block;} /* Solution for multiple buttons. */

p.xar-ui-checkcontrols a:hover,
p.xar-ui-checkcontrols a:focus {border:1px solid #999;}

/* COMMON SYSTEM UI - FORMS */

/* Other stylesheets handling forms */
/*
    prop_chechboxlist.css
    prop_radiolist.css
*/

.xar-form-row > ol {
	list-style-type:none;
	margin:0;
	padding:0;
}

.xar-form-row > ol > li {
	margin-left:0;
	margin-top:0;
	padding-left:0;
	display:block;
	list-style-type:none;
}

/* Form row with more than one input element (except radio buttons, check boxes, textareas) */
.xar-mod .xar-form-row-multiple label > span {
    height:1%;
    left:-10000px;
    overflow:hidden;
    position:absolute;
    top:auto;
    width:1px;
} /* Hide only visually, but have it available for screenreaders. */


.xar-mod .xar-form > fieldset .xar-form-row-multiple > label {
    clear:none;
    display:inline-block;
 	zoom: 1;
    *display: inline; /* IE 7 display inline <http://blog.mozilla.org/webdev/2009/02/20/cross-browser-inline-block/> */
    float:none;
    width:auto;
}  /* Adding fieldset as selector, because we need weight to override default labels. */

.xar-mod .xar-form .xar-form-row-multiple input[type="color"],
.xar-mod .xar-form .xar-form-row-multiple input[type="date"],
.xar-mod .xar-form .xar-form-row-multiple input[type="datetime"],
.xar-mod .xar-form .xar-form-row-multiple input[type="datetime-local"],
.xar-mod .xar-form .xar-form-row-multiple input[type="email"],
.xar-mod .xar-form .xar-form-row-multiple input[type="file"],
.xar-mod .xar-form .xar-form-row-multiple input[type="month"],
.xar-mod .xar-form .xar-form-row-multiple input[type="number"],
.xar-mod .xar-form .xar-form-row-multiple input[type="password"],
.xar-mod .xar-form .xar-form-row-multiple input[type="range"],
.xar-mod .xar-form .xar-form-row-multiple input[type="search"],
.xar-mod .xar-form .xar-form-row-multiple input[type="tel"],
.xar-mod .xar-form .xar-form-row-multiple input[type="text"],
.xar-mod .xar-form .xar-form-row-multiple input[type="time"],
.xar-mod .xar-form .xar-form-row-multiple input[type="week"],
.xar-mod .xar-form .xar-form-row-multiple input[type="url"] {
	display:inline-block;
	width:auto;
}

.xar-mod .xar-form .xar-form-row-multiple > select {
	display:inline-block;
	width:auto;
}

.xar-form-row input[type="color"] + a,
.xar-form-row input[type="date"] + a,
.xar-form-row input[type="datetime"] + a {text-decoration:none;}

.xar-form-row input[type="color"] + a img,
.xar-form-row input[type="date"] + a img,
.xar-form-row input[type="datetime"] + a img {border:none;}

.xar-form-row label > strong {
	color:#d10030;
	font-weight:bold;
	margin-right:.2em;
}

.xar-form-text {
    background-color:#efefef;
    border:1px solid #ccc;
    padding:5px;
}

.xar-ui-toggle legend a:hover,
.xar-ui-toggle legend a:focus {background-color:inherit;}

pre.xar-code {
	border:1px solid #cacaca;
	padding:1em;
	overflow:auto;
	border-radius:3px;
	background-color:#fafafb;
} /* Generic container, we don't know what's in here. */