html,body{width: 100%; height: 100%; padding: 0px; margin: 0px; border: none; overflow: hidden;}

body{
  outline: none;
  padding: 0px; margin: 0px; background: #fff url(../../umbraco_client/images/progressbar.gif) center 300px no-repeat; overflow: auto;
  font-size: 11px;
}

#appLoading 
{
	background: #fff url(../../umbraco_client/images/progressbar.gif) center center no-repeat; overflow: auto;
	width:300px; height:100px;
}

/*TOP*/  
.topBar 
{
	padding: 10px 0px 10px 10px; 
	margin-bottom: 3px; 
	height: 22px; 
	background: url(../images/topGradient.gif) repeat-x top;
}

.topBarButtons{float: right; padding-right: 10px;}
.topBarButtons button, button.topBarButton{height: 26px; margin-top: -1px; padding: 3px; margin-left: 10px; vertical-align: middle; font-size: 9px;}
.topBarButtons button span, button.topBarButton span{font-size: 9px; vertical-align: middle;}
.topBarButtons button img, button.topBarButton img{margin-right: 5px; vertical-align: middle;}
#buttonCreate{margin-left: 0px;}

/* MAIN UI AREA */
#treeWindow_content{padding-top: 5px; padding-right: 0px;}
#PlaceHolderAppIcons_content{overflow: hidden;}

#control_overlay {background-color:#000;}
#treeToggle{display: none; position: absolute; top: 45px; left: 2px; width: 7px; height: 120px; background: url(../images/toggleTreeOff.png) no-repeat center center; outline: none; text-decoration: none; overflow: hidden;}
#treeToggle:hover{background-color: #F4F5F4;}
#treeToggle.on{background-image: url(../images/toggleTreeOn.png) !Important;}

#leftDIV{width: 20%; position: absolute; top: 0px; left: 0px;}
#rightDIV{width: 70%; position: absolute; top: 0px; right: 0px;}
#uiArea{position: relative; margin: 0px 10px 0px 10px; display: none;}

#defaultSpeechbubble{z-index: 10; display: none; background-image: url(../images/speechBubble/speechbubble.gif); width: 231px; position: absolute; right: 20px; bottom: 20px; height: 84px;}
				
#tray
{
	margin: 0px;
	padding: 7px 0;
}

#tray li
{
	list-style-type: none;
	font-size: 37px;
  width: 49px;
  height: 36px;
  display: block;
	float: left;
	padding: 0;
	margin: 0;
	padding-bottom: 7px;
}

#tray li a
{
	background-image: url('../images/tray/traySprites.png');
	background-repeat: no-repeat;
	text-decoration: none;
	padding: 0;
	margin: 0;
	color: #fff;
	font-size: 1px;
	width: 49px;
  height: 36px;
  display: block;
}

.trayHolder, .trayIcon
{
	border: 0px;
	width: 49px;
	height: 36px;
}
/* tray sprites */
.traycontent{background-position: -18px -18px;}
.traymedia{	background-position: -18px -90px;}
.trayusers{	background-position: -18px -162px;}
.traysettings{	background-position: -18px -234px;}
.traydeveloper{ background-position: -18px -306px;}
.traymember{background-position: -18px -378px;}
.traystats{background-position: -18px -450px;}
.traytranslation{background-position: -18px -522px;}
.traytranslation{background-position: -28px -622px;}
/* end tray sprites */


a
{
	color: Black;
}

a:hover
{
	text-decoration: underline;
}

img
{
	border: none;
}

/* AUTOCOMPLETE */

.umbracoSearchHolder #umbSearchField{width: 250px; color: #999; padding: 2px;}
.ac_results {
	padding: 3px;
	border: 1px solid #979797;
	background-color: #f0f0f0;
	border-top: none;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	display: block;
	padding: 2px;
	padding-left: 5px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 20px;
	overflow: hidden;
	
	font-family:Arial,Lucida Grande;
	font-size:11px;
	height:20px;
	color: #1a1818;
	cursor:pointer;
}

.ac_results .ac_odd {
	
}

.ac_results .ac_over {
	background-color: #D5EFFC;
	border: 1px solid #a8d8eb;
	padding: 1px !Important;
	padding-left: 4px !Important;
}

.ac_results span.nodeId 
{
	font-size:smaller;
}

.ac_loading 
{
	 background-image: url('../images/throbber.gif');
	 background-position:right;
	 background-repeat:no-repeat;
}