/* 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 {
	padding: 3px 10px;
	background-color: #e0e0e0;
	border: 4px solid #ffffff;
	box-shadow: 1px 2px 10px #999;
	-webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
	font-size: .95em;
}

.button-default:hover {
	background-color: #ffffff;
	border: 4px solid #6ebf1d;
	}
	
/* Primary */
.button-primary {
	padding: 3px 10px;
	background: url(../images/btnprim.png) repeat-x;
	color: #d936b8;
	box-shadow: 1px 2px 12px #888;
	-webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
	font-size: .95em;

}

.button-primary:hover {
	color: #FFF;
	background: url(../images/btnprimhvr.png) repeat-x;
}


/* 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: 1px solid #ddd; }
ul.line > li:first-child { border: none; }

/* Green check */
ul.check > li {
	padding: 4px 0 0 30px;
	background: url(../images/tools/list_check.png) 0 0 no-repeat;
}

/* Orange star */
ul.star1 > li {
	padding: 4px 0 0 30px;
	background: url(../images/tools/list_star1.png) 0 0 no-repeat;
}

/* Magenta star */
ul.star2 > li {
	padding: 4px 0 0 30px;
	background: url(../images/tools/list_star2.png) 0 0 no-repeat;
}

/* Blue arrow */
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 #ddd; }
ul.zebra > li:first-child,
table.zebra tbody tr:first-child td { border-top: 1px solid #ddd; }

ul.zebra > li.odd,
table.zebra tbody tr.odd { background: #fafafa; }
ul.zebra > li:nth-of-type(odd),
table.zebra tbody tr:nth-of-type(odd) { background: #fafafa; }

table.zebra caption { color: #999; }


/* 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: #DDD;
}

dl.separator dt:before {
	content: "";
	position: absolute;
	top: 0;
	right: -15px;
	width: 30px;
	border-top: 1px solid #DDD;
}

dl.separator dt:after {
	content: "";
	position:absolute;
	top: -3px;
	right: -4px;
	width: 5px;
	height: 5px;
	background: #FFF;
	border: 1px solid #DDD;
	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 #bbb;
	background: #fafafa;
	color: #444;
}

/* Dotted Horizontal Rule */
hr.dotted { background: url(../images/tools/line_dotted.png) 0 0 repeat-x; }


/* Boxes
----------------------------------------------------------------------------------------------------*/


.box-content {
	background-color: hsla(0,0%,98%,0.5);
	border: 1px solid #ffffff;
}

.box-note
 {
	background-color: hsla(0,0%,98%,0.5);
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
}

.box-info {
	background-color: hsla(200,75%,80%,0.4);
	background-image: url(../images/tools/box_info.png);
	background-repeat: no-repeat;
	border-top: 1px solid #85cff2;
	border-bottom: 1px solid #85cff2;

}

.box-warning {
	background-color: hsla(0,80%,90%,0.5);
	background-image: url(../images/tools/box_warning.png);
	background-repeat: no-repeat;
	border-top: 1px solid #f79796;
	border-bottom: 1px solid #f79796;
	
}

.box-hint {
	background-color: hsla(45,75%,80%,0.4);
	background-image: url(../images/tools/box_hint.png);
	background-repeat: no-repeat;
	border-top: 1px solid #ffbb33;
	border-bottom: 1px solid #ffbb33;
	
}

.box-download {
	background-color: hsla(100,75%,70%,0.3);
	background-image: url(../images/tools/box_download.png);
	background-repeat: no-repeat;
	border-top: 1px solid #91cb6a;
	border-bottom: 1px solid #91cb6a;
	
}


/* Forms (Needed for System Markup)
----------------------------------------------------------------------------------------------------*/

form.box fieldset { 
border: 6px solid #fff;
background: #ddd;
	box-shadow: 1px 2px 10px #bbb inset;
	-webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
 }
form.box legend { background: #fff; }