
body {
	margin:0;
	padding:0;
	/*font-size: 10px;*/
}


/* YUI layout */
.yui-skin-sam .yui-layout .yui-layout-hd {
	background-position: 0 -1300px;
}
.yui-skin-sam .yui-layout .yui-layout-unit div.yui-layout-hd h2 {
	color: black;
}
/* Accordion View */
.yui-skin-sam .yui-accordionview li.yui-accordion-panel a.yui-accordion-toggle.active {
	border-left: 0;
	border-right: 0;
	border-color: #808080;
	color: black;
	background-position: 0 -1300px;
}
.yui-skin-sam .yui-accordionview li.yui-accordion-panel a.yui-accordion-toggle {
	font-size: 13px;
	height: 13px;
}
.yui-skin-sam .yui-accordionview li.yui-accordion-panel a.yui-accordion-toggle.active:hover {
	background-position: 0 -1500px;
}


/**
 * TOP
 */
#top {
	position: relative;
}
#top .topright {
	position: absolute;
	right: 5px;
	top: 5px;
}

#top .logo {
   /*font-family: cursive;
   color:  #3366CC;*/
	height: 25px;
   font-size: 16px; /*30px;*/
   font-weight: bold;
   padding-left: 10px;
   padding-top: 4px;

	border-bottom: 1px solid #808080;
	background: transparent url(../../../lib/yui/assets/skins/sam/sprite.png) repeat-x scroll 0 -1300px;
}

/* Toolbar */
#toolbar {
   /*position: absolute;
   top: 10px;
   left: 300px;*/
	width: 100%;
	height: 23px;
	position: relative;
}

#toolbar .yui-button {
   margin: 0px;
}
#toolbar .yui-button button {
   padding-left: 2em;
   font-size: 92%;
}

#WiringEditor-saveButton button {
 background:transparent url(database_save.png) no-repeat scroll 10% 50%;

}
#WiringEditor-deleteButton button {
 background:transparent url(delete.png) no-repeat scroll 10% 50%;
}

#WiringEditor-newButton button {
 background:transparent url(add.png) no-repeat scroll 10% 50%;
}

#WiringEditor-loadButton button {
 background:transparent url(application_go.png) no-repeat scroll 10% 50%;
}

#WiringEditor-helpButton button {
 background:transparent url(help.png) no-repeat scroll 10% 50%;
}

/**
 * savedStatus
 */
div.savedStatus {
	color:orange;
	font-size:27pt;
	left:400px;
	position:absolute;
	/*top:10px;*/
}

/**
 * LEFT
 */
 
#left {
   
}
 
 
/**
 * Module list 
 */
 
.WiringEditor-module {
   cursor: move;
   /*background-color: #AADDDD;*/
   margin: 1px;
   padding: 2px;
   font-size: 9pt;
   -moz-border-radius: 2px;
   /*height: 16px;*/
   text-align: left;

	background-color:#F6F6F6;
	border:1px solid #F1F1F1;
}

#left .WiringEditor-module:hover {
   /*color: red;*/

	background-color:#DDECFE;
	border:1px solid #C3DAF9;
}

.WiringEditor-module img {
   margin-left: 5px;
}

.WiringEditor-module span {
   margin-left: 5px;
}

#moduleProxy {
   opacity: 0.8;
   filter: alpha(opacity = 80);
}

/**
 * CENTER
 */

#center {
	height: 100%;
}


/**
 * RIGHT
 */
 
#right #propertiesForm {
	font-size: 10px;
}

#layerMap {
   /*width: 80%;*/
	width: 100%;
}

#layerMap canvas.WireIt-LayerMap {
	position: relative;
	/*width: 250px; Don't put any width or it breaks the layerMap */
	
	border: 0;
	width: 100%;
}

#propertiesForm div.inputEx-Group div.inputEx-label {
	width: 50px;
}


/**
 * Dialogs
 */
#loadPanelBody {
	max-height:300px;
	overflow-y:scroll;
	overflow-x:none;
	text-align:left;
}

#loadPanelBody ul {
   margin-left: 20px;
}

#loadPanelBody ul li {
	background-color:#FFFFFF;
	list-style-type:none;
	margin:2px;
	padding:2px 10px;
	-moz-border-radius:7px;
	-webkit-border-radius: 7px;
}

#loadPanelBody ul li:hover {
	background-color: #CCCCFF;
}

#alertPanelBody {
	padding: 10px 0;
}