.beam-debugger{
	width : 750px;
	height : 500px;
	background : #FFF;
	border : 1px solid #A4C4DD;
	position : absolute;
	z-index : 1001;
	padding-bottom:1px;
}
.beam-debugger .operation{
	overflow : hidden;
	width : auto;
	height : 60px;
	padding-top : 10px;
	border-bottom : 1px solid #A4C4DD;
	background-color : #DEECF7;
	position : relative;
}
.beam-debugger .close{
	position : absolute;
	top : 0px;
	right : 0px;
	width : 15px;
	height : 15px;
	overflow : hidden;
	cursor : pointer;
}
.beam-debugger .operation textarea{
	height : 56px;
	width : 300px;
	margin :1px;
	padding : 0px;
	border : 1px solid #E6E6E6;
	background-color : #FFF;
	float : left;
}
.beam-debugger .operation .instruction{
	float : left;
	margin :1px;
	font : 12px Arial, Verdana, Helvetica, sans-serif;
	width : 420px;
	height : 56px;
}
.beam-debugger .operation .instruction .static{
	height : 24px;
	line-height : 24px;
	overflow : hidden;
	zoom : 100%;
	padding-left : 5px;
	text-align : center;
}
.beam-debugger .operation .instruction .button{
	height : 28px;
	overflow : hidden;
	zoom : 100%;
	padding-left : 5px;
	text-align : center;
}
.beam-debugger .operation .instruction button { 
	color : #FFF;
	height: 24px; 
	margin : 5px 5px 5px 5px;
	width : 90px;
	background-image: url(images/debugger-btn_b.gif); 
	background-repeat: repeat-x; 
	background-position: 0px bottom; 
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px; 
	border-top-style: solid; 
	border-right-style: solid; 
	border-bottom-style: solid; 
	border-left-style: solid; 
	border-top-color: #4c8abe; 
	border-right-color: #003e72; 
	border-bottom-color: #003e72; 
	border-left-color: #4c8abe; 
	background-color: #3385ca; 
	padding:0 5px; 
	white-space: nowrap; 
	*padding:0 3px;/* for IE6 */
}
.beam-debugger .operation .basic{
	margin :0px 3px 0px 5px;
}
.beam-debugger .operation a{
	margin-right : 10px;
}

.beam-debugger .exhibition {
	overflow : auto;
	width : auto;
	height : 250px;
}
.beam-debugger .json{
	border-bottom : 1px solid #A4C4DD;
	border-top : 0px;
	width : auto;
	background-color : #DEECF7;
	position : relative;
}

.beam-debugger ul {
	list-style-type : circle;
	white-space : nowrap;
	margin :0 0 0 10px;
	padding : 0px;
}

.beam-debugger .tree {
	margin : 0 0 0 -10px;	
}

.beam-debugger li {
	margin-left : 10px;
	padding-top : 0;
	list-style-type : none;
	white-space : nowrap;
	padding : 0px;
}

.beam-debugger .bullet {
	cursor : pointer;
	padding-left : 14px;
}

.beam-debugger .plus {
	background : url(images/debugger-plus.gif) no-repeat 1px;
	padding-left : 14px;
}

.beam-debugger .minus {
	background : url(images/debugger-minus.gif) no-repeat 1px;
	padding-left : 14px;
}

.beam-debugger .basic {
	padding-left : 14px;
	background-repeat:no-repeat;
	background-position : -2px -2px;
}

.beam-debugger .function {
	background-image : url(images/debugger-method.gif)
}

.beam-debugger .array {
	background-image : url(images/debugger-array.gif)
}

.beam-debugger .object {
	background-image : url(images/debugger-object.gif)
}

.beam-debugger .text {
	font : 12px monospace;
	padding : 2px 0 2px 2px
}

.beam-debugger .string,.beam-debugger .number,.beam-debugger .null,.beam-debugger .boolean {
	background : url(images/debugger-basic.gif)
}
#evalInput{
	margin-top : 0px;
	margin-bottom : 5px;
	width : 300px;
}
.btn{
	font-size:12px;
	background: url(images/debugger-button.gif) repeat-x #eee;;	
	width:50px;
	height : 23px;
}
