a:link {
	text-decoration: none;
}

body {
	background-color: aqua;
	background: url(images/background.jpg) repeat-x top;
}

#container {
	width: 910px;
	position: relative;
	margin: 0 auto;
}

img a {
	border: none;
}

#feedback {
	position: absolute;
	left: 0;
	top: 43%;
}

#content {
	width: 680px;
	left: 0;
	right: 260px;
	position: absolute;
	margin-left: 20px;
}

#functions{
	font-family: Arial, sans-serif;
	color: #939598;
	font-size: 10px;
	font-weight: bold;
	margin: 20px 0 20px 0;
	height: 40px;

}

#functions a{
	font-family: Arial, sans-serif;
	color: #939598;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
}

.functions-container {
	float: left;
	text-align: center;
	padding-right: 15px;
}

.functions-container img{
	padding-bottom: 5px;
}

.styled-select select {
   background: transparent;
   background-color: white;
   width: 110px;
   padding: 5px;
   font-size: 12px;
   color: #58595b;
   font-family: Helvetica, sans-serif;
   border: 1px solid #939598;
   height: 27px;
}

.styled-select {
   width: 110px;
   height: 27px;
   overflow: hidden;
   background: url(images/arrow-down.png) no-repeat right #ddd;
   margin-bottom: 4px;
}

#content-script {
	background-color: white;
	min-height: 120px;
	border: 1px solid #bcbdbd;
	margin: 6px 0 15px 0;
	-moz-box-shadow: 0 0 4px #d4d5d6;
	-webkit-box-shadow: 0 0 4px #d4d5d6;
	box-shadow: 0 0 4px #d4d5d6;
	position: absolute;
	top: 16px;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;

	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#d4d5d6')";

	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#d4d5d6');
}

#content-compilation {
	background-color: white;
	min-height: 80px;
	border: 1px solid #bcbdbd;
	margin: 6px 0 0 0;
	-moz-box-shadow: 0 0 4px #d4d5d6;
	-webkit-box-shadow: 0 0 4px #d4d5d6;
	box-shadow: 0 0 4px #d4d5d6;
	position: absolute;
	top: 26px;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;

	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#d4d5d6')";

	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#d4d5d6');
}

div.content-header {
	background: #999; /* for non-css3 browsers */

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3c821c', endColorstr='#8dc73f'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#3c821c), to(#8dc73f)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #3c821c,  #8dc73f); /* for firefox 3.6+ */ 
	background: -o-linear-gradient(top,  #3c821c,  #8dc73f); /* for opera */ 
	
	font-family: Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: white;
	
	height: 22px;
	padding: 6px 12px 0 12px;
	width: 100px;
	white-space: nowrap;
}

#log-split div.content-header {
	margin-top: 10px;
}

#sidebar {
	width: 250px;
	position: absolute;
	right: 0;
	top: 85px;
}

#sidebar img{
	margin-right: 5px;
}

#product-info
{
    padding-left: 35px;
}

.sidebar-header {
	background: #999; /* for non-css3 browsers */

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8dc73f', endColorstr='#3c821c'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#8dc73f), to(#3c821c)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #8dc73f,  #3c821c); /* for firefox 3.6+ */ 
	background: -o-linear-gradient(top,  #8dc73f,  #3c821c); /* for opera */
	
	font-family: Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: white;
	
	height: 18px;
	padding: 6px 0 0  12px;
	margin: 5px 0 5px 0;
}

.sidebar-header a {
	font-family: Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: white;
}

.sidebar-header a:hover {
	font-family: Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: white;
	text-decoration: underline;
}

.sidebar-content {
	background-color: #f6f6f7;
	margin-top: -5px;
	font-family: Helvetica, sans-serif;
	color: #4d4d4f;
	font-size: 12px;	
	padding: 6px 0 6px 12px;
	line-height: 25px;
	margin-bottom: 10px;
}

.sidebar-content a {
	font-family: Helvetica, sans-serif;
	font-size: 12px;
	color: #66a118;
	text-decoration: underline;
}

#social-media {
	margin-bottom: 10px;
}

#splitter {
	height: 550px;
	width: 600px;
}

#script-split {
	min-height: 250px;
	max-height: 400px;
	height: 400px;
}

#log-split {
	min-height: 150px;
	max-height: 400px;
	height: 150px;
}

#splitter  > div > div {
	margin-bottom: 10px;
}

#splitter  > div {
	width: 100%;
}

.hsplitbar {
	height: 5px ! important;
	min-height: 5px ! important;
	max-height: 5px ! important;
	background: #aaa;
}

#ScriptSource
{
    width: 594px;
    outline: none;
    position: absolute;
    top: 0;
    bottom: 0;
    height: 98%;
    border: none;
}

#frame_ScriptSource
{
    height: 100% ! important;
}

#content-compilation
{
    overflow: auto;
}

div#progress-bar
{
    margin-top: 5px;
    border: 1px solid #66A118;
    background-color: #fff;
    width: 100%; 
    padding: 0; 
    height: 12px;
}

div#progress
{
    margin: 0px; 
    border-width: 1px; 
    left: 0px; 
    width: 0%; 
    height: 100%;
    background-color: #66A118;
}

#compilation-status
{
    font-weight: bold;
}

#messagebar
{
    margin-top: 5px;
    margin-bottom: -10px;
    width: 588px;
    padding: 6px;
    font-family: Arial,sans-serif;
    font-size: 12px;
    line-height: 16px;
    -moz-box-shadow: 0 0 4px #d4d5d6;
	-webkit-box-shadow: 0 0 4px #d4d5d6;
	box-shadow: 0 0 4px #d4d5d6;
}