/* CSS for basic BitFinder page with tag menu and list of bits
-------------------------------------------------------------- */

* {
    outline: none;
}

/* Layout
-------------------------------------------------------------- */

body {
background: none repeat scroll 0 0 #E0E0E0 !important}

.drop_container {
background: url("../images/drop_shadow.png") repeat-y scroll center center transparent;
margin:auto;
width:1006px;
margin-top: 2px;
}
.drop_container > .container {
margin:auto;
width:1000px;
background-color: #ffffff;
}



.bit.extend .menubit {
	width: 250px;
	float: left;
	margin-left: 15px;
}

.bit.extend .menubit-list, .bit.extend .menubit-callout {
	margin-right: 25%;
	position:relative;
}

.bit.extend .article {
	float: right;
	width: 720px;
	margin-right: 15px;
}

ul.userNavLeft {
	margin:0px 50px 0px 0;
}

/* Toolbar
-------------------------------------------------------------- */

/* temporary */
.viewToggleButton a {
	cursor: pointer;
}

.toolbar {
	background:#f0f3f9;
	border:1px solid #3f403d;
	height: 57px;
}

.viewToggleContainer {
	float: left;
}

.viewToggleListItem {
	float: left;
	list-style-image: none;
	list-style-type: none;
	cursor: pointer;
}

.viewToggleButton {
	width: 35px;
	height: 27px;
	border-left: 1px dotted #4c4c4c;
	border-right: 1px dotted #4c4c4c;
}

.ecom {
}

.navbar {
	border-bottom: 1px solid #3F403D;
  background: url("../images/btn_sprite_new.png") repeat-x scroll 0 -112px transparent;
}

.navBarItem {
	cursor: pointer;
	font-family: 'Trebuchet MS', 'Helvetica', 'Arial', sans-serif;
	font-weight: bold;
	font-size: 18px;
	padding: 4px 10px 0px 10px;
	height: 24px;
	border-right: 1px solid #AAAAAA;
}

.navBarItem.selected {
	background-color: #94DE32;
	border-bottom: 1px solid #94DE32;
	height: 24px;
	border-right: 1px solid #3F403D;
}

.navBarItem.preSelected {
	border-right: 1px solid #3F403D;
}

.simple {
	background: transparent url("../images/list-view.png") repeat scroll 0 0;
}

.viewToggleSelectedButton {
/* background: url("../images/button-on.png") repeat-x; */
background-color: white;
}

/* Menu
-------------------------------------------------------------- */

.bit.extend .menubit .menubit-callout {
	margin-top: 30px;
	border-bottom: 1px dotted #494949;
}

/* List heading
-------------------------------------------------------------- */

.bit.extend .caption {
	margin: 0;
	border-bottom: 1px solid #494949;
}

.bit.extend .listbit-heading h1 {
	display: -moz-inline-box;
	display: inline-block;
	border-top: 4px solid #94DE32;
	padding-top: 5px;
	margin:0;
}


.bit.extend .listbit {
	clear: both;
	margin:10px 0 30px 0;
}

/* Intro
-------------------------------------------------------------- */

h3.userTagsTitle {
  font-weight: normal;  
}

span.usernameTitle:first-letter {
	text-transform: uppercase;
}

.bit .username {
    font-weight: bold;
	color:#40B300;
	padding:2px 4px 1px;
}

.bit.extend .intro-content {
	margin-bottom: 15px;
}

.bit.extend .intro-content-highlight {
	color: #D26131;
	font-weight: bold;
}

.bit.extend .intro-content p {
	font: 100 19px/24px georgia, times, serif;
	color: #888;
	margin-right: 50px;
	margin: 0 0 5px;
}

.bit.extend .intro-content a {
    color:#087EC9;
}

.bit.extend .intro-content a:hover {
    text-decoration:underline; 
}

.bit.extend .intro-content .btnSpriteSave {
    position: relative;
    top: 10px;
    /* margin-left: 10px;  */
}

.lefty, .two-column + .listbit {
	overflow: hidden;
	position: relative;
}

.lefty {
	float: left;
	width: 40%
}

.two-column + .listbit {
	float: right;
	width: 57%;
}

/* List formatting
-------------------------------------------------------------- */

.bit.extend .listbit-call-to-action {
	clear: both;
	margin: 0;
	border-bottom: none;
}

.bit.extend .tag-count {
	font: normal 14px/24px 'Trebuchet MS', sans-serif;
}

.item {
/*	padding: 0px 20px 10px 0px;*/
	border-top: 1px solid #c8cad2;
	min-height: 142px;
	position: relative;
	clear:left;
	padding:0 0 30px 212px;
}

.item.highlight {
    border-color:#57d80a;
    background-color:#f0f3f9;
}

.bit.extend .listbit .highlight .itemImage {
    border-color:#57d80a;
}

.justcopied {
    display: block;
    position: absolute;
    top: 20px;
    width: 230px;
    height: 120px;
    left: -21px;
    background-image: url(../images/justcopied.png);
	z-index:990;
}


.bit.extend .listbit .itemImage {
    display: block;
	border-top: 4px solid #333;
	border-right:1px solid #C8CAD2;
	border-bottom:1px solid #C8CAD2;
	border-left:1px solid #C8CAD2;
	width: 200px;
	height: 150px;
	position:absolute;
	top:0px;
	left:0px;
}

.bit.extend .listbit img.thumbnailImage {
	width: 140px;
	height: 105px;
	border-bottom: 1px solid #c8cad2;
	border-right: 1px solid #c8cad2;
	border-left: 1px solid #c8cad2;
}

.bit.extend .listbit h4 {
	margin: 10px 0 0 0;
	font: bold 16px/18px 'Trebuchet MS', sans-serif;
}

.bit.extend .itemTagContainer {
	font: normal 12px/12px 'Trebuchet MS', sans-serif;
	color: #333;
	padding-bottom: 15px;
}

.bit.extend a.itemLink, .bit.extend .resourceDate {
	font: normal 10px/12px 'Trebuchet MS', sans-serif;
	text-decoration: none;
	color: #767575;
	display:inline;
}

.bit.extend a.itemLink:hover {
    text-decoration: underline;
}

.bit.extend a.editBitmark {
	font: normal 12px/12px 'Trebuchet MS', sans-serif;
	text-decoration: underline;
	cursor: pointer;
	width:15px;
	height:12px;
	background:url(../images/pencil_sprite.png) no-repeat;
	background-position: 3px 0px;
	display:inline-block;
	padding-left: 3px;
}

.bit.extend a.editBitmark:hover {
	background-position: 3px -13px;
}

.bit.extend a.editBitmark img {
	border : 0 solid red;
	padding-left:4px;
	height: auto;
	width: auto;
	margin-bottom:-2px;
}

/*.bit.extend div a.button.copy, .bit.extend div a.button.edit {
	background-color:transparent;
	border:0px;
}*/

.moreBits {
    cursor: pointer;
    background: #F0F3F9 none repeat scroll 0 0;
    border: 1px solid #C8CAD2;
	font:normal 12px/12px 'Trebuchet MS', sans-serif;
	padding: 5px 25px;
}

/* List editing
-------------------------------------------------------------- */

.editItemButton, .doneEditItem {
	display: inline-block;
	float: right;
}

.editItemTArea, .editItemInput {
	width: 500px;
}

.editTitleInput {
	width: 300px;
}

.hidden {
	display: none;
}

.bit.extend a.editBitmark.hidden {
	display: none;
}

.save {
}

.resourceEditContainer {
}

/* Tiddly button
-------------------------------------------------------------- */

#upload_button {
	background-color: #54b30f;
	border: 1px solid #BBBBBB;
	height: 35px;
	text-align: center;
	width: 190px;
}

.bit #upload_button a {
	-x-system-font: none;
	color: white;
	display: block;
	float: left;
	font: 500 18px/35px 'Trebuchet MS', sans-serif;
	text-decoration: none;
	width: 190px;
	padding-left: 6px;
}

.bit #upload_button:hover {
	border-top: 1px solid #88CCFF;
	color: #001144;
}


/* Bits
--------------------------------------------------------------- */

.tagsHeader {
    color:#6B6B6B;
    font-size:8px;
    text-transform:uppercase;
}

.bitmarkContainer {
	padding:2px 2px 1px 0px;
	/* border:1px solid transparent; */
}

.bitmarkContainer a {
	text-decoration:none;
}

/*.owner .bitmarkContainer:hover {
	background:#f0f3f9;
	border:1px solid #c8cad2;
}*/

.ownername a {
    text-decoration: none;
    color: #494949;
    cursor: pointer;
    padding-left: 15px;
    background-repeat: no-repeat;
    font: normal 12px/18px 'Trebuchet MS', sans-serif;
}

.ownername a:hover {
    text-decoration: underline;
}

.item.visitor .ownername a {
    background-image: url(../images/user_icon.png); 
    background-position: 3px 3px;
}

.item.owner .ownername a {
    background-image: url(../images/my_icon.png); 
    padding-left: 17px;
}

.bitmarkEditor input {
	outline:none;
	border:1px solid #c8cad2;
	background:#fff;
	display:block;
	height:20px;
	font-size:12px;
	padding:2px;
	width:186px;
	margin-bottom:5px;
} 

.bitmarkEditor button, .bitmarkEditor a {
	float:right;
}

.bitmarkEditor {
	padding:3px 3px  5px 3px;
	margin:0 0 0 -1px;
	background:#f0f3f9;
	border:1px solid #c8cad2;
	width:192px;
	overflow:hidden;
	margin-top:3px;
}

.bitmarkEditor button {
	background:url(../btn_sprite.png) no-repeat left;
}

.cancelBitmarkBtn, .exampleTags {
	color:#767575;
	font:normal 11px/20px 'Trebuchet MS', sans-serif;
	text-decoration:none;
	margin-right:5px;
}

.exampleTags {
    padding-left: 4px;
}

.tagsContainer, .tagsText, .defaultTags {
	color:#087EC9;
	font-size:11px;
	font-family: 'Trebuchet MS', sans-serif;
}

.tagsText:hover {
    text-decoration:underline;
}

.tagsText {
    text-transform: none;
}

.btnWrapper {
	background:url(../images/btn_sprite.png) no-repeat 0 60;
	width:300px;
	float:right;
}

.descriptionEditor {
	width:100%;
}

.descriptionEditor textarea {
	width:99%;
	outline:none;
	border:1px solid #c8cad2;
	background:#fff;
	display:block;
	font-size:14px;
	margin-bottom:5px;
	padding:2px;
}

.bitDescription {
	margin-top:10px;
}

.tagsEditor {
    width: 100%;
}

.tagsEditor input {
    width: 99%;
}


.bitTags {
	white-space:nowrap;
}

/* save button sprite
--------------------------------------------------------------- */

.btnSpriteSave, .btnSpriteSpl {
	background:transparent url(../images/btn_sprite.png) no-repeat left 0px;
	text-decoration:none;
	padding:4px 0 5px 0px;
	font:normal 12px/12px 'Trebuchet MS', sans-serif;
	color:#494949;
	outline:none;
	margin-right: 3px;
}

.btnSpriteSave strong, .btnSpriteSpl strong {
	background:transparent url(../images/btn_sprite.png) no-repeat right -30px;
	padding:3px 10px 4px 10px;
	font-weight:normal;
	outline:none;
}

.btnSpriteSave:hover, .btnSpriteSpl:hover {
	text-decoration:none;
	background:transparent url(../images/btn_sprite.png) no-repeat left -60px;
}

.btnSpriteSave strong:hover, .btnSpriteSpl strong:hover {
	text-decoration:none;
	background:transparent url(../images/btn_sprite.png) no-repeat right -90px;
}

.btnSpriteSpl strong {
	background:transparent url(../images/btn_sprite.png) no-repeat right -31px;
}

.btnSpriteSpl strong:hover {
	background:transparent url(../images/btn_sprite.png) no-repeat right -91px;
}

/* listbit button sprite
--------------------------------------------------------------- */

.editItemButton {
	text-decoration:none;
	border: 0px none;
	padding:4px 0 5px 0px;
	font:normal 12px/12px 'Trebuchet MS', sans-serif;
	color:#494949;
	outline:none;
	cursor: pointer;
}

.editItemButton strong {
	padding:4px 10px 0px 10px;
	font-weight:normal;
	outline:none;
}

.editItemButton:hover {
	text-decoration:none;
	border:0px none;
	padding:4px 0 5px 0px;
}

.editItemButton strong:hover {
	text-decoration:none;
}

.editItemButton.view, .item.owner .editItemButton.edit {
	background:transparent url(../images/btn_sprite.png) no-repeat left -120px;
	margin-right:-1px;
}

.editItemButton.view:hover, .item.owner .editItemButton.edit:hover {
	background:transparent url(../images/btn_sprite.png) no-repeat left -180px;
	margin-right:-1px;
}

.editItemButton.configure, .editItemButton.duplicate, .editItemButton.source, .editItemButton.getbit, .editItemButton.trash,
.item.owner .editItemButton.view
 {
	background:transparent url(../images/btn_sprite.png) no-repeat -30px -120px;
	margin-right:-1px;
}

.item.owner .editItemButton.trash {
	background-position: -246px -150px;
}

.item.owner .editItemButton.trash:hover {
	background-position: -246px -210px;
}

.item.owner .editItemButton.getbit {
    display: none;
}

.editItemButton.getbit:hover {
    color:#494949;
}

.editItemButton.getbit {
   background:transparent url(../images/btn_sprite.png) no-repeat right -300px;
   border:0;
   color:#fff;
}

.item.visitor .editItemButton.configure, .item.visitor .editItemButton.trash, .item.visitor .editItemButton.duplicate {
    display: none;
}

.editItemButton.configure:hover, .editItemButton.duplicate:hover, .editItemButton.source:hover, .editItemButton.trash:hover, .item.owner .editItemButton.view:hover {
	background:transparent url(../images/btn_sprite.png) no-repeat -30px -180px;
	margin-right:-1px;
}

.editItemButton.trash {
	border:0;
}

.editItemButton.trash:hover {
}

.editItemButton.trash img {
	width:8px;
	height:8px;
	border:0;
	outline:none;
	padding:5px 2px 6px 0;
	margin-top:-2px;
}

/* toolbar
--------------------------------------------------------------- */

.toolbar li {
	list-style-type:none;
	float: left;
}

.toolbar ul {
  height: 28px;
}

.toolbar div {
	display:inline;
}

.sortButton {
	text-decoration:none;
	padding:4px 6px 5px 6px;
	font:normal 12px/12px 'Trebuchet MS', sans-serif;
	outline:none;
	cursor:pointer;
	position:relative;
	line-height:19px;
}

.addBit, .newBit {
	float:right;
	margin:4px;
}

.sortList {
  background-color: #94DE32;
	padding-left: 6px;
}

.sortListItem {
	 color:#494949;
   margin-top: 5px;
}

.sortListItem.selected {
	color: #FFFFFF;
	background-color: #5E5E5E;
}

.ui-corner-bitfinder {
	-moz-border-radius: 2px;
}

/*
.sortButton.name {
	background:transparent url(../images/btn_sprite.png) no-repeat left 0px;
	margin-right:-3px;
}

.sortButton.name:hover {
	background:transparent url(../images/btn_sprite.png) no-repeat left -60px;
	margin-right:-3px;
}

.sortListItem.selected .sortButton.name {
	background:transparent url(../images/btn_sprite.png) no-repeat left -60px;
	margin-right:-3px;
}

.sortButton.date {
	background:transparent url(../images/btn_sprite.png) no-repeat -30px 0px;
	margin-right:-3px;
}

.sortButton.date:hover {
	background:transparent url(../images/btn_sprite.png) no-repeat -30px -60px;
	margin-right:-3px;
}

.sortListItem.selected .sortButton.date {
	background:transparent url(../images/btn_sprite.png) no-repeat -30px -60px;
	margin-right:-3px;
}	

.sortButton.pop {
	background:transparent url(../images/btn_sprite.png) no-repeat right -240px;
}

.sortButton.pop:hover {
	background:transparent url(../images/btn_sprite.png) no-repeat right -270px;
}

.sortListItem.selected .sortButton.pop {
	background:transparent url(../images/btn_sprite.png) no-repeat right -270px;
}*/

.sortListItem .arrowSprite {
	background:transparent url(../images/arrow_sprite_new.png);
	background-repeat: no-repeat;
	width:6px;
	height:7px;
	position:absolute;
	right:6px;
	display:block;
}

.sortListItem.descending .arrowSprite {
    background-position: left -7px;
    top: 9px;
}

.sortListItem.ascending .arrowSprite {
	background-position: left top;
	top:8px;
}


.sortListItem .arrowSprite {
    display: none;
}

.sortListItem.selected .arrowSprite {
    display: block;
}


/* from bit.css
--------------------------------------------------------------- */

body div.bit {
	position: relative;
	margin: 40px auto;
}

.bit img {
	border:0px;
}

.bit h1 {
	font: bold 49px/62px 'Trebuchet MS', sans-serif;
	color: #494949;
	margin-bottom: 0px;
}

.bit h2 {
	font: bold 18px/20px 'Trebuchet MS', sans-serif;
	letter-spacing: +.5px;
	color: #494949;
	border-bottom: 1px solid #494949;
	margin: 0;
}

.bit h3 {
	font: bold 16px/20px 'Trebuchet MS', sans-serif;
	color: #333;
	margin: 15px 0 5px 0;
}

.bit {
	font: normal 13px georgia, times, serif;
	color: #444;
}

.bit p {
	margin-bottom: 10px;
}

.bit p.intro {
	margin: 0 40px 30px 0;
	font: 100 19px/24px georgia, times, serif;
	color: #888;
}

.bit pre {
	font: 12px/15px "Courier New", Courier, monotype;
	white-space: pre-wrap;
}

/* Menus
-------------------------------------------------------------- */

.menubit .menubit-static .menuheader {
   border-bottom:0;
}

.menubit .menubit-static {
   line-height:20px;
}

.menubit .menubit-static ul li {
   border-bottom:0;
}

.menubit .menubit-static ul li:hover {
   background:none;
}

.bit .menuheader {
    border-bottom: 1px solid #494949;
}

.bit .menubit {
	font: normal 14px/18px 'Trebuchet MS', sans-serif;
	color: #494949;
	display:block;
	position:relative;
}

.bit .menubit h3 {
	margin: 0;
	border-bottom: 1px solid #494949;
}

.bit .menubit a {
	text-decoration:none;
	display:block;
	color:#494949;
}

.bit .menubit a:hover {
    text-decoration:underline;
}

.bit .menubit a.menubit-item:hover {
    text-decoration:none;
}

.bit .menubit ul {
	background-color: transparent;
	margin-left: 0;
	list-style-type:none;
	padding:0;
	margin-top: 0;
}

.bit .menubit-item, .bit .menubit-item-add {
	display:block;
	padding:6px 1px;
}


.bit .menubit .menubit-list li:hover, .bit .menubit .menubit-list li.selected, .bit .menubit .menubit-list .menubit-callout p:hover {
	background-color: #94DE32;
}

.bit .menubit .menubit-control {
	position: absolute;
	right: 0;
}


/* LimeBits footer
-------------------------------------------------------------- */

.bit.extend .limebits-footer {
clear: both;
background:#313131;
color:#FFFFFF;
height:77px;
margin-top: 30px;
}

.bit.extend .limebits-footer ul {
height:77px;
background: url("../images/people.png") no-repeat scroll 95% 18% transparent;
padding-top:40px;
  margin: 0 auto;
  text-align: center;
}

.bit .limebits-footer li {
  display: inline;
  list-style-type: none;
  padding: 7px;
  font: 100 12px/14px 'Trebuchet MS', sans-serif;
}

.bit .limebits-footer a {
  color: #ffffff;
  text-decoration: none;
}

.bit .limebits-footer a:visited {
  color: #ffffff;
}

.bit .limebits-footer a:hover {
  color: #92DA29;
}



/* Edit mode */



.bit .menubit .ui-sortable-disabled .menubit-item-cross {
	display: none;
}

.bit.extend .menubit ul.ui-sortable a.menubit-item-cross {
	position: absolute;
	right: 12px;
	margin-top:-24px;
	text-decoration: none;
	cursor:pointer;
}

.bit .menubit ul.ui-sortable a.menubit-item-cross:hover {
	color:#777777;
}


.bit .menubit ul.ui-sortable-disabled li.menubit-item-add {
	display: none;
}

.bit .menubit li.menubit-item-add a {
	text-decoration: none;
}

.bit .menubit ul.ui-sortable li {
	padding-right: 20px;
	border: 1px dotted #494949;
	cursor:move;
}

.bit .menubit ul.ui-sortable.ui-sortable-disabled li, .bit .menubit .menubit-list li {
	border-bottom: 1px dotted #444444;
	/* border-bottom: dotted 1px #494949; */
}

.bit .menubit-callout p {
	margin: 0;
	padding: 5px 0 5px 1px;
}

/* minimal reset */

html, body, .bit {
	margin: 0;
	padding: 0;
}

body div.bit {
	position: relative;
	margin: 0 auto;
	padding: 40px 0 0 0;

}

a[bitmark=name] {
	color: #087EC9;
}

a[bitmark=name]:visited {
	color: #7D9FD2;
}

a[bitmark=name]:hover {
	text-decoration:underline;
}

.selectedNav {
	font:13px/20px 'Trebuchet MS', sans-serif;
	border:none;
}

.navBorder {
	border-top: 4px solid #494949;
}

.menubit h3.callout {
	padding-top: 18px;
	margin-right: 50px;
}

.selectedNav h3 {
	font-size:14px;
	padding-top:15px
}


.checklist li {
	list-style-image: url(../images/check.jpg);
		margin-left:20px;
}

.bubblelist li {
	list-style-image: url(../images/bubble.gif);
		margin-left:20px;
}


.callout li {
			margin-top:8px;
line-height:16px;
}