body, html {
height:100%;
width:100%;
margin:0;
padding:0;
font-family:"Times New Roman", Times, serif;
background:#cccccc url(images/bg.gif) bottom right no-repeat;
}

/*widget bar*/
#widgetsbar {
	left: 0px;
	top: 0px;
	width: 100%;
	height:55px;
	background: #efefef;
	text-align:center;
}
#extrasbar {
	left: 0px;
	top: 0px;
	width: 100%;
	height:55px;
	background: #efefef;
	text-align:left;
	border-top:4px solid #000000;
}
#extrasbar p{
color:#cccccc;
font-size:80%;
text-align:right;
margin-top:-14px;
}
#extrasbar a{
color:#2c6ed5;
text-decoration:none;
display:inline;
padding-left:30px;
padding-right:20px;
border-right:#cccccc 4px dotted;
}
#extrasbar a:hover{
text-decoration:underline;
border-right:#2c6ed5 4px solid;
}
.dojoHtmlFisheyeListBar {
	margin: 0 auto;
	text-align: center;
}

/*toggle pane*/
#togglebox {
border-top:#000000 4px solid;
}

#toggles{
height: 20px;
overflow: hidden;
width:500px;
}
#togglesr{
float:right;
text-align:right;
height: 20px;
overflow: hidden;
}
.toggle{
height:20px;
width:100px;
display:inline;
cursor:pointer;
}
#extrastoggler {
padding-right:100px;
padding-bottom:20px;
border: 0px;
background: url('images/extras_toggle.gif') no-repeat;
outline: 0px;
z-index: 50;
}
#widgettoggler {
padding-right:100px;
padding-bottom:20px;
border: 0px;
background: url('images/widget_toggle.gif') top right no-repeat;
outline: 0px;
z-index: 50;
}
#codetoggler {
padding-right:100px;
padding-bottom:20px;
border: 0px;
background: url('images/code_toggle.gif') no-repeat;
outline: 0px;
z-index: 50;
}
#savetoggler {
padding-right:100px;
padding-bottom:20px;
border: 0px;
background: url('images/save_toggle.gif') no-repeat;
outline: 0px;
z-index: 50;
}
#loadtoggler {
padding-right:100px;
padding-bottom:20px;
border: 0px;
background: url('images/load_toggle.gif') no-repeat;
outline: 0px;
z-index: 50;
}

/*floating Panes*/
label {
font-size:120%;
font-family:Georgia, "Times New Roman", Times, serif;
border-bottom: 1px #cccccc solid;
font-weight:lighter;
display:block;
vertical-align:middle;
}
input {
font-size:100%;
width:90%;
font-family:Arial, Helvetica, sans-serif;
color:#333;
border:1px solid #ccc;
font-weight:normal;
margin: 0 auto;
}
textarea {
font-size:100%;
width:90%;
font-family:Arial, Helvetica, sans-serif;
color:#333;
border:1px solid #ccc;
font-weight:normal;
margin: 0 auto;
}
#profile{
margin-bottom:63px;
}



/*inline Editor*/
form input{
width:40%;
font-size:10px;
display:inline;
color:#333333;
background:#ffffff;
border:1px solid #ccc;
}


/*Code*/
#aboutCodeBox {
background:#ffffff;
border:1px solid #000000;
width:80%;
}
#meetCodeBox {
background:#ffffff;
border:1px solid #000000;
width:80%;
}

/*hidden elements*/
.hidden {
display:none;
}
.ebut_bg{font-size:10px; color:#ffffff; width:auto; height:15px; display:block; background:url(images/edit_bg.gif) top right repeat-x; margin-top:-15px;}
.ebut{float:right;height:15px;width:15px;background:url(images/edit.gif) no-repeat; display:block;}
.ebut:hover{cursor:move;}