/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */

@import url(../warp/css/tools.css);


/* Buttons (Needed for System Markup)
----------------------------------------------------------------------------------------------------*/

/* Default */
.button-default {
 background-color: #a89657; 
	padding: 3px 10px;
	border: 1px outset #ccc999;
	color: #fffde0;
}

.button-default:hover {
 background-color: #655834; 
	padding: 3px 10px;
	border: 1px inset #bbb888;
}

/* Primary */
.button-primary {
	padding: 3px 10px;
	background: url('../images/btn_prim.png') repeat-x;
	color: #ccc999;
	-webkit-border-radius: 10px;
	border-radius: 10px;

}

.button-primary:hover {
	color: #fffccc;
	background: url('../images/btn_prim-hov.png') repeat-x;
}

form.box button,
form.box input[type='button'],
form.box input[type='reset'] { 
background: #a89657;
padding: 3px 10px;
border: 1px outset;
border-color:  #ccc087 #666043 #666043 #ccc087;
box-shadow: 1px 2px 5px #111;
margin-right: 5px;
margin-left: 5px;
color: #0a0807;

}

form.box button:hover,
form.box input[type='button']:hover,
form.box input[type='reset']:hover { 
background: #544829;
padding: 3px 10px;
border: 1px inset #73684c;
box-shadow: 1px 2px 5px #111 inset;
margin-right: 5px;
margin-left: 5px;
color: #fffccc;
}

/* Images and Objects (Needed for System Markup)
----------------------------------------------------------------------------------------------------*/

img.border-box { border: 1px solid #ddd; }


/* Lists and Tables (Needed for System Markup)
----------------------------------------------------------------------------------------------------*/

/* Line */
ul.line > li { border-top: 3px groove #26221b; }
ul.line > li:first-child { border: none; }

/* Check */
ul.check > li {
	padding: 4px 0 0 30px;
	background: url(../images/tools/list_check.png) 0 0 no-repeat;
}



ul.arrow > li {
	padding: 4px 0 0 30px;
	background: url(../images/tools/list_arrow.png) 0 0 no-repeat;
}

/* Zebra List and Table */
ul.zebra > li,
table.zebra tbody td { border-bottom: 1px solid #26221b; }
ul.zebra > li:first-child,
table.zebra tbody tr:first-child td { border-top: 1px solid #26221b; }

ul.zebra > li.odd,
table.zebra tbody tr.odd { 	background-color: hsla(0,0%,0%,0.3); }
ul.zebra > li:nth-of-type(odd),
table.zebra tbody tr:nth-of-type(odd) { background-color: hsla(0,0%,0%,0.3); }

table.zebra caption { color: #787060; }


/* Definition Lists
----------------------------------------------------------------------------------------------------*/

dl.separator dt {	
	position: relative;
	padding-top: 5px;
	padding-bottom: 5px;
	text-transform: uppercase;
}

/* border code because of RTL */
dl.separator dd {
	padding-top: 5px;
	padding-bottom: 5px;
	border-width: 0 0 0 1px;
	border-style: solid;
	border-color: #c8c09a;
}

dl.separator dt:before {
	content: "";
	position: absolute;
	top: 0;
	right: -15px;
	width: 30px;
	border-top: 1px solid #c8c09a;
}

dl.separator dt:after {
	content: "";
	position:absolute;
	top: -3px;
	right: -4px;
	width: 5px;
	height: 5px;
	background: #998a62;
	border: 1px solid #c8c09a;
	border-radius:6px;
}

dl.separator dt:first-child:before,
dl.separator dt:first-child:after { display: none; }


/* Text
----------------------------------------------------------------------------------------------------*/

/* Inline Text Box */
em.box { 
	border: 1px dotted #807a6c;
	background: #000;
	color: #ccc399;
}

/* Dotted Horizontal Rule */
hr.dotted { background: url(../images/tools/line_dotted.png) 0 0 repeat-x; }


/* Boxes
----------------------------------------------------------------------------------------------------*/

.box-content {
	background-color: hsla(46,2%,98%,0.1);
	border: 1px solid #807c6c;
	color: #ddd;
}

.box-note
 {
	background-color: hsla(46,2%,98%,0.1);
	border-top: 1px solid #807c6c;
	border-bottom: 1px solid #807c6c;
		color: #ddd;
}

.box-info {
	background-color: hsla(200,75%,80%,0.2);
	background-image: url(../images/tools/box_info.png);
	background-repeat: no-repeat;
	border-top: 1px solid #85cff2;
	border-bottom: 1px solid #85cff2;
color: #85cff2;
}

.box-warning {
	background-color: hsla(0,80%,90%,0.2);
	background-image: url(../images/tools/box_warning.png);
	background-repeat: no-repeat;
	border-top: 1px solid #ff0000;
	border-bottom: 1px solid #ff0000;
	color: #ffc8bf;
}

.box-hint {
	background-color: hsla(45,75%,80%,0.2);
	background-image: url(../images/tools/box_hint.png);
	background-repeat: no-repeat;
	border-top: 1px solid #ffbb33;
	border-bottom: 1px solid #ffbb33;
	color: #ffbb33;
}

.box-download {
	background-color: hsla(100,75%,70%,0.2);
	background-image: url(../images/tools/box_download.png);
	background-repeat: no-repeat;
	border-top: 1px solid #91cb6a;
	border-bottom: 1px solid #91cb6a;
	color: #91cb6a;
}


/* Forms (Needed for System Markup)
----------------------------------------------------------------------------------------------------*/

form.box fieldset { 
-webkit-border-radius: 3px;
border-radius: 3px;
	border: 1px solid;
	border-color: #000000 #38342d #2b2823 #000000;
background-color: hsla(0,2%,1%,0.2);
 }
form.box legend { 
background: url('../images/ltr-outset.jpg') repeat;
box-shadow: 1px 2px 8px #000; }

