/*
    Document   : JsWork
	Version	   : 0.1.2
    Created on : 25.11.2010, 16:02:23
    Author     : Daniel
    Description: Purpose of the stylesheet follows.
*/


#JsWork_tooltip
{
	position: absolute;
	display: none;
	background-color: #EEE;
	border: 1px solid #CCC;
	text-align: left;
	z-index: 9999;
	color: #000;

	/* Abrundung CSS3 (Firefox ab 4, Opera, Internet Explorer ab 9) */
	border-radius: 5px;

	/* Abrundung Mozilla (Firefox ab 3.5) */
	-moz-border-radius: 5px;

	/* Abrundung WebKit (Safari, Chrome) */
	-webkit-border-radius:	5px;
}

#JsWork_tooltip h1
{
	background: #EE7F01;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	text-transform: none;
	color: #FFF;

	/* Abrundung CSS3 (Firefox ab 4, Opera, Internet Explorer ab 9) */
	border-radius: 5px;

	/* Abrundung Mozilla (Firefox ab 3.5) */
	-moz-border-radius: 5px;

	/* Abrundung WebKit (Safari, Chrome) */
	-webkit-border-radius:	5px;
}

#JsWork_tooltip div
{
	padding: 10px;
	text-align: center;
}

#JsWork_graybackground
{
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: #000000;
	opacity: 0.5;
	top: 0px;
	left: 0px;
	z-index: 99000;
}

#JsWork_infobox
{
	position: fixed;
	width: 360px;
	border: 1px solid #CCC;
	background-color: #EEE;
	left: 50%;
	top: 50%;
	z-index: 99001;
	-moz-box-shadow: 0px 0px 10px #333333;
	-webkit-box-shadow: 0px 0px 10px #333333;
	box-shadow: 0px 0px 10px #333333;

	/* Abrundung CSS3 (Firefox ab 4, Opera, Internet Explorer ab 9) */
	border-radius: 5px;

	/* Abrundung Mozilla (Firefox ab 3.5) */
	-moz-border-radius: 5px;

	/* Abrundung WebKit (Safari, Chrome) */
	-webkit-border-radius:	5px;
}

#JsWork_infobox #JsWork_InfoBoxHead
{
	background: #EE7F01;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 10px;
	text-transform: none;
	color: #FFF;
	font-weight: bold;

	/* Abrundung CSS3 (Firefox ab 4, Opera, Internet Explorer ab 9) */
	border-radius: 5px;

	/* Abrundung Mozilla (Firefox ab 3.5) */
	-moz-border-radius: 5px;

	/* Abrundung WebKit (Safari, Chrome) */
	-webkit-border-radius:	5px;
}

#JsWork_infobox #JsWork_InfoBoxHead .left
{
	float: left;
	padding: 0px;
	width: 300px;
}

#JsWork_infobox #JsWork_InfoBoxHead .right
{
	float: right;
	cursor: pointer;
	vertical-align: top;
	padding: 0px;
	width: 20px;
	text-align: right;
}

#JsWork_infobox div
{
	padding: 10px;
	text-align: left;
}

#JsWork_InfoBoxPromptText
{
	width: 330px;
	border:1px solid gray;
	background:#EEE;
	margin-top: 5px;
	text-align: center;

	/* Abrundung CSS3 (Firefox ab 4, Opera, Internet Explorer ab 9) */
	border-radius: 5px;

	/* Abrundung Mozilla (Firefox ab 3.5) */
	-moz-border-radius: 5px;

	/* Abrundung WebKit (Safari, Chrome) */
	-webkit-border-radius:	5px;
}


span.JsWork_Button1 input
{

}

span.JsWork_Button1 input:hover
{

}

span.JsWork_Button2 input
{
	border:1px solid gray;
	background:#C4C4C4;
	color:#000;
	text-decoration:none !important;
	font-weight:normal;
	padding:1px 20px 1px 30px;
	width: 120px;
	background-repeat: no-repeat;
	background-position: 10px 1px;
	background-image: url('http://static.goolive.de/images/icons/all/cross2_gray.png');

	/* Abrundung CSS3 (Firefox ab 4, Opera, Internet Explorer ab 9) */
	border-radius: 3px;

	/* Abrundung Mozilla (Firefox ab 3.5) */
	-moz-border-radius: 3px;

	/* Abrundung WebKit (Safari, Chrome) */
	-webkit-border-radius:	3px;
}

span.JsWork_Button2 input:hover
{
	background-color:#FF6600;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: 10px 1px;
	background-image: url('http://static.goolive.de/images/icons/all/cross2.png');
}