resizer {
	margin: 0px !important;
	background: transparent !important;
}

#control-panel {
  -moz-appearance: none;
  background-color: transparent;
  border-width: 0px;
}

#panel-title-box{
  background: url(widget-background.png) #e6e6e6 repeat-x;
  border: 1px solid #c0c0c0;
  padding : 1px;
  -moz-border-radius: 10px;
}

#widget-box {
  -moz-border-radius:10px;
  background: url(widget-background.png) #e6e6e6 repeat-x;
  padding: 3px;
  padding-top: 1px;
}

#widget-box[activate="true"]{
	background: url(widget-background-hover.png) #e6e6e6 repeat-x;
}

#titlebar-space{
	align: center;
}
/* dockDirection: 1 for top , 2 for right, 3 for bottom, 4 for left*/
#titlebar-space[docked="true"][moving="true"][dockDirection="1"]{
	cursor: url("arrow-top.png"),n-resize;
}
#titlebar-space[docked="true"][moving="true"][dockDirection="2"]{
	cursor: url("arrow-right.png"),e-resize;
}
#titlebar-space[docked="true"][moving="true"][dockDirection="3"]{
	cursor: url("arrow-bottom.png"),s-resize;
}
#titlebar-space[docked="true"][moving="true"][dockDirection="4"]{
	cursor: url("arrow-left.png"),w-resize;
}

#chrome-title-box {
}

/* toolbar-buttons */
.favpart-control-buttons {
	list-style-image: url("chrome://livemargins/skin/toolbar-buttons.png");
}

#titlebar-reload,
#controlbar-reload {
	-moz-image-region: rect(0px, 64px, 16px, 48px);
}

#modify-panel,
#modify{
	-moz-image-region: rect(0px, 32px, 16px, 16px);
}
#onTop{
	-moz-image-region: rect(0px, 48px, 16px, 32px);
}
#ext-button{
	-moz-image-region: rect(0px, 176px, 16px, 160px);
}
#ext-button[extended="true"]{
	-moz-image-region: rect(16px, 176px, 32px, 160px);
}
#favpart-close-button{
	-moz-image-region: rect(0px, 160px, 16px, 144px);
}
#favpart-minimize-button{
	-moz-image-region: rect(0px, 192px, 16px, 176px);
}

#bookmark-panel,
#bookmark{
	-moz-image-region: rect(0px, 16px, 16px, 0px);
}

#returnURL-panel,
#returnURL{
	-moz-image-region: rect(0px, 128px, 16px, 112px);
}

#zoomin-button-panel,
#zoomin-button{
	-moz-image-region: rect(0px, 96px, 16px, 80px);
}

#zoomout-button-panel,
#zoomout-button{
	-moz-image-region: rect(0px, 80px, 16px, 64px);
}

#transparent-panel
#transparent{
	-moz-image-region: rect(16px, 112px, 32px, 96px);
}

#ontop-button{
	-moz-image-region: rect(16px, 48px, 32px, 32px);
}

#ontop-button[ontop="false"]{
	-moz-image-region: rect(0px, 48px, 16px, 32px);
}
#tv-playlist{
	-moz-image-region: rect(0px, 240px, 16px, 224px);
}
#music-playlist{
	-moz-image-region: rect(0px, 224px, 16px, 208px);
}
#douban-setting{
	list-style-image: url("chrome://livemargins/skin/douban-setting.png");
}

/* loading icon */
#loading-icon {
	width: 16px;
	height: 16px;
	margin: 0;
	list-style-image: url("chrome://livemargins/skin/appcenter/images/loading.gif");	
}

/* bookmarkbutton */
#bookmark-button-panel,
#bookmark-button {
  list-style-image: url("chrome://livemargins/skin/bookmark.png");
  -moz-image-region: rect(0px 16px 16px 0px);
}

#bookmark-button-panel:hover,
#bookmark-button:hover {
  -moz-image-region: rect(0px 32px 16px 16px);
}
#bookmark-button-panel:hover:active,
#bookmark-button:hover:active {
  -moz-image-region: rect(0px 48px 16px 32px);
}

#bookmark-button-panel[starred="true"],
#bookmark-button[starred="true"] {
  list-style-image: url("chrome://livemargins/skin/editBookmark.png");
}

#left-base-button-box, #panel-button-box, #right-button-box, #extended-button-box > scrollbox > box {
	-moz-box-align: center;
}

#right-button-box > toolbarseparator {
	height: 20px;
}

/*channel-icon*/
#left-base-button-box image {
  width: 16px;
  height: 16px;
  margin-left: 4px;
}

/*opaque-panel*/
#opaque-panel{
	border: 0px;
	background-color: transparent;
}

.title-text{
	margin: 5px 5px 0;
	font-size: 12px;
	line-height: 16px;
	max-width: 200px;
}