/*
Idea Garden Style Sheet.

This must be compatible with the gidget style sheets.
*/
.ideagarden .ui-icon-ideagardencell {
    background: url(img/icon_phone_16px.png);
}

.ideagarden-panel {
	width: 50em;
	left: 64px;
	position: relative;
	display: block;
	border: 1px solid gray;
	border-top: 0;
	border-radius: 3px;
	border-top-left-radius: 0;
	border-top-right-radius:  0;
	padding: 0.5em 1em 0.5em 1em;

	background-color: #f0f0f0;
}

.ideagarden-tooltip ol li span {
	margin: 0 0 0 0;
}

.ideagarden-tooltip .qtip-titlebar{
		background-color : #8cc63f;
}

.ideagarden-tooltip-suggestion .codeContainer {
	height:auto;
	padding: 0;
	overflow:visible;
	white-space: normal;
}

.ideagarden-tooltip-suggestion .codeContainer .sourceLine {
	white-space; pre;
}


.ideagarden-code {
    font-family: monospace;
}

.ig-image {
	display: none;
	/*float: left;*/
	/*width: 74px;*/
	/*height: 74px;*/
	/*border: 6px #c0c0c0 groove;*/
	/*margin-right: 4px;*/
}

.ig-output {
	font-size: small;
	width: 40em;
	height: 120px;
	float: right;
	overflow-y: scroll;
	color: black;
	background-color: white;
	border-radius: 3px;
	border: 2px blue;
	padding: 8px 0 2px 8px;
}

.sourcecode-ig-hint {
}

.ig-panel-clear {
	clear: both;
}

.ig-character {
	display: inline-block;
	background-image: url('img/ig-unstuck.png');
	height: 20px;
	width: 25px;
}

#codeArea .ig-character {
	position: absolute;
    background-image: url('img/ig-unstuck.png');
    height: 20px;
    width: 25px;
    margin-left: 6px;
    margin-top: -1px;
	z-index: 2;
}

.ideagarden-ellipses {
	font-size: small;
	margin-left: 3em;
	font-style: italic;
}

.ideagarden-ellipses:hover {
	border: solid 1px black;
}

.ideagarden-heading {
	font-weight: bold;
	font-style: italic;
	font-size: 11pt;
}

.ideagarden-more {
	display: none;
	line-height: 20px;
}

.ideagarden-tooltip-suggestion {
	line-height: 20px;
}

.ideagarden-tooltip-suggestion p {
	margin: 1px 0px 3px 0px;
}

.ideagarden-tooltip-suggestion ol {
	list-style-type: none;
	counter-reset: igstep1;
	display: table;
	margin-left: -3em;
}

.ideagarden-tooltip-suggestion ol li {
    display: table;
    margin-bottom: 3px;
}

.ideagarden-tooltip-suggestion ol li:before {
    content: counter(igstep1) ". ";
    counter-increment: igstep1;
    display: table-cell;
    padding-right: 5px;
}

.ideagarden-tooltip-suggestion ol li ol {
	list-style-type: none;
	counter-reset: igstep2;
	margin-left: -3em;
	margin-top: 2px;
}

.ideagarden-tooltip-suggestion ol li ol li:before {
    content: counter(igstep1) "." counter(igstep2) " ";
    counter-increment: igstep2;
    display: table-cell;
    padding-right: 5px;
}

.cursor-ideagarden {
	cursor: url(../../media/ui/cursor-ideagarden.png), auto;
}

.qtip-default.ui-draggable-dragging {
	box-shadow: 3px 3px 3px 3px rgba(0,0,0,0.15);
}