body {
	background-color:black;
	background-image: url("background.png"); background-repeat: repeat;
}
#topBar {
	min-width:710px;
	position:absolute;
	top:30px;
	left:15px;
	right:15px;
	height:58px;
	border-bottom: 1px solid #999999;
	//border-bottom-left-radius: 10px;
	//border-bottom-right-radius: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	/* background: url(../images/custom/picosun.png) 0 0 repeat-x; */
	background: #DBDBDB; /* Old browsers */
	background: -moz-linear-gradient(top, #DBDBDB 0%, #CCCCCC 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#DBDBDB), color-stop(100%,#CCCCCC)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #DBDBDB 0%,#CCCCCC 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #DBDBDB 0%,#CCCCCC 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #DBDBDB 0%,#CCCCCC 100%); /* IE10+ */
	background: linear-gradient(top, #DBDBDB 0%,#CCCCCC 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#DBDBDB', endColorstr='#CCCCCC',GradientType=0 ); /* IE6-9 */
}
.mainWindow {
	width:500px;
	height:400px;
	position:absolute;
	left: 50%;
	top: 40%;
	margin-left: -250px;
	margin-top: -200px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	/* background: url(../images/custom/picosun.png) 0 0 repeat-x; */
	background: #DBDBDB; /* Old browsers */
	background: -moz-linear-gradient(top, #DBDBDB 0%, #f2f2f2 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#DBDBDB), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #DBDBDB 0%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #DBDBDB 0%,#f2f2f2 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #DBDBDB 0%,#f2f2f2 100%); /* IE10+ */
	background: linear-gradient(top, #DBDBDB 0%,#f2f2f2 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#DBDBDB', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */
}
#plainWindow {
	width:200px;
	height:100px;
	position:absolute;
	left: 50%;
	top: 40%;
	margin-left: -100px;
	margin-top: -50px;
	border-bottom: 1px solid #999999;
	//border-bottom-left-radius: 10px;
	//border-bottom-right-radius: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	/* background: url(../images/custom/picosun.png) 0 0 repeat-x; */
	background: #f2f2f2; /* Old browsers */
	background: -moz-linear-gradient(top, #f2f2f2 0%, #DBDBDA 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#DBDBDA)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f2f2f2 0%,#DBDBDA 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f2f2f2 0%,#DBDBDA 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f2f2f2 0%,#DBDBDA 100%); /* IE10+ */
	background: linear-gradient(top, #f2f2f2 0%,#DBDBDA 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#DBDBDA',GradientType=0 ); /* IE6-9 */
}
#tabWindow{
	position:absolute;
	top:87px;
	left:15px;
	right:15px;
	bottom:15px;
	min-width:710px;
	min-height:520px;
	
border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;

	/* background: url(../images/custom/picosun.png) 0 0 repeat-x; */
	background: #f2f2f2; /* Old browsers */
	background: -moz-linear-gradient(top, #f2f2f2 0%, #dbdbdb 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#dbdbdb)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f2f2f2 0%,#dbdbdb 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f2f2f2 0%,#dbdbdb 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f2f2f2 0%,#dbdbdb 100%); /* IE10+ */
	background: linear-gradient(top, #f2f2f2 0%,#dbdbdb 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#dbdbdb',GradientType=0 ); /* IE6-9 */
}
.tab{
	margin-top:20px;
	margin-left:0px;
	padding-left:30px;
	padding-right:30px;
	padding-top:10px;
	
	height:30px;
	float:left;
	text-align:center;
	
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;

	background: #A3A3A3; /* Old browsers */
	border:1px solid;
	border-color:#949494;

	cursor: pointer;
}
.tabSelected{
	margin-top:20px;
	margin-left:0px;
	padding-left:30px;
	padding-right:30px;
	padding-top:10px;
	
	height:30px;
	float:left;
	text-align:center;
	
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;

	background: #f2f2f2; /* Old browsers */

	cursor: pointer;
}
/*Code Tab*/
#methodPicker {
	position: absolute;
	left: 10px;
	top: 40px;
	width: 200px;
	bottom: 45px;

	background: white;
	border:1px solid;
	border-color:#949494;

	overflow-x: hidden;
	overflow-y: scroll;

	white-space: nowrap;
}
#classPicker {
	position: absolute;
	left: 10px;
	top: 10px;
	/*width: 200px;*/
	/*height: 40px;*/
}
#classBtnHolder {
	position: absolute;
	left: 10px;
	width: 200px;
	height: 45px;
	bottom: 00px;
}
#addClassBtn {
	position: absolute;
	left: 0px;
	width: 90px;
	text-align: center;
}
#renameClassBtn {
	position: absolute;
	right: 0px;
	width: 80px;
	bottom: 0px;
}
#deleteClassBtn {
	position: absolute;
	right: 0%;
	width: 90px;
}
#methodBtnHolder {
	position: absolute;
	left: 230px;
	bottom: 10px;
	right: 10px;
	height: 35px;
}
#addMethodBtn {
	position: absolute;
	left: 0px;
	width: 90px;
}
#renameMethodBtn {
	position: absolute;
	left: 100px;
	width: 110px;
}
#setParametersMethodBtn {
	position: absolute;
	left: 220px;
	width: 160px;
}
#deleteMethodBtn {
	position: absolute;
	right: 0%;
	width: 100px;
}
#codeView {
	position: absolute;
	left: 230px;
	top: 10px;
	right: 10px;
	bottom: 45px;

	background: white;
	border:1px solid;
	border-color:#949494;
}
/*End Code tab*/


/*Media tab*/
#mediaPicker {
	position: absolute;
	left: 10px;
	top: 10px;
	width: 200px;
	bottom: 40px;

	background: white;
	border:1px solid;
	border-color:#949494;
	overflow-x: hidden; overflow-y: scroll;
}
#mediaViewer {
	position: absolute;
	left: 230px;
	top: 10px;
	right: 10px;
	bottom: 40px;

	background: transparent;
	border:1px solid;
	border-color:#949494;
	overflow:scroll;
}
#mediaBtnHolder {
	position: absolute;
	left: 10px;
	bottom: 10px;
	right: 10px;
	height: 30px;
}

/*Game Chooser*/
#gamePicker {
	position: absolute;
	left: 20px;
	top: 80px;
	bottom: 40px;
	right: 20px;

	background: white;
	border:1px solid;
	border-color:#949494;
	overflow-x: hidden;
	overflow-y: scroll;
	overflow: auto;
}

/*Help tab*/
#helpPicker {
	position: absolute;
	left: 10px;
	top: 8px;
	width: 200px;
	bottom: 10px;

	background: white;
	border:1px solid;
	border-color:#949494;
	overflow-x: hidden;
	overflow-y: scroll;

	white-space: nowrap;
}


.methodCategory {
	position: relative;
	left:0px;
	right:0px;
	top: 0px;
	height: 23px;

	padding-left:10px;
	padding-top:7px;

	background: white;
	background: #C7C7C7; /* Old browsers */
	background: -moz-linear-gradient(top, #C7C7C7 0%, #DEDEDE 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#C7C7C7), color-stop(100%,#DEDEDE)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #C7C7C7 0%,#DEDEDE 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #C7C7C7 0%,#DEDEDE 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #C7C7C7 0%,#DEDEDE 100%); /* IE10+ */
	background: linear-gradient(top, #C7C7C7 0%,#DEDEDE 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#C7C7C7', endColorstr='#DEDEDE',GradientType=0 ); /* IE6-9 */
}
.methodTitle {
	position: relative;
	left:0px;
	right:0px;
	height: 23px;

	padding-left:10px;
	padding-top:7px;

	background: white;

	cursor: pointer;
}
.methodTitleSelected {
	position: relative;
	left:0px;
	right:0px;
	height: 23px;

	padding-left:10px;
	padding-top:7px;

	background: #C2D2FF; /* Old browsers */
	background: -moz-linear-gradient(top, #C2D2FF 0%, #B5D9FF 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#C2D2FF), color-stop(100%,#B5D9FF)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #C2D2FF 0%,#B5D9FF 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #C2D2FF 0%,#B5D9FF 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #C2D2FF 0%,#B5D9FF 100%); /* IE10+ */
	background: linear-gradient(top, #C2D2FF 0%,#B5D9FF 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#C2D2FF', endColorstr='#B5D9FF',GradientType=0 ); /* IE6-9 */

	cursor: pointer;
}