/** TOOLBAR **/
ul.toolbar {
}
ul.toolbar li {
	float: left;
	margin: 0 5px 0 0;
}
ul.toolbar li.spacer {
	margin-right: 10px;
}
ul.toolbar li a {
	background: #f9f9f8 url(../sImages/Toolbar/bg_button.png) top left repeat-x;
	color: #333;
	display: block;
	font-size: 12px;
	font-weight: normal;
	margin: 0;
	padding: 4px 6px;
	border: 1px solid #ccc;
	border-bottom-color: #bbb;
	border-right-color: #bbb;
	text-decoration: none;
}
ul.toolbar li a:hover {
	background-color: #ececec;
	background-image: url(../sImages/Toolbar/bg_button_over.png);
	color: #111;
}
ul.toolbar li.dropdown a {
	background: #f9f9f8 url(../sImages/Toolbar/bg_button_drop.png) 100% 0% no-repeat;
	padding: 4px 18px 4px 6px;
}
ul.toolbar li.dropdown a:hover {
	background-color: #ececec;
	background-image: url(../sImages/Toolbar/bg_button_drop_over.png);
}
ul.toolbar li a span {
	background-position: 0% 50%;
	background-repeat: no-repeat;
	display: block;
	padding: 2px 0 2px 23px;
}
ul.toolbar li.dropdown:hover a, ul.toolbar li.dropdown.dhover a {
	border-bottom: none;
}
ul.toolbar li.dropdown ul {
	border-top: 1px solid #ccc;
	left: -999em;
	/* margin-left: 1px; TODO: ONLY IE */
	position: absolute;
	width: 250px;
}
ul.toolbar li.dropdown:hover ul, ul.toolbar li.dropdown.dhover ul {
	left: auto;
}
ul.toolbar li.dropdown ul li {
	margin: 0;
	width: 100%;
}
ul.toolbar li.dropdown ul li a, ul.toolbar li.dropdown:hover ul li a {
	background: #f9f9f8 url(../sImages/Toolbar/bg_button.png) top left;
	border-bottom: 1px solid #bbb;
	border-top: none;
	padding: 6px;
	width: 236px;
}
ul.toolbar li.dropdown ul li a:hover, ul.toolbar li.dropdown:hover ul li a:hover {
	background-color: #ececec;
	background-image: url(../sImages/Toolbar/bg_button_over.png);
}

ul.toolbar li.right {
	float: right;
}

/** BUTTON ICONS **/
a.upload span 			{ background-image: url(../sImages/Icons/add.gif); }
a.copy span 			{ background-image: url(../sImages/Icons/page_white_copy.gif); }
a.move span 			{ background-image: url(../sImages/Icons/folder_go.gif); }
a.delete span 			{ background-image: url(../sImages/Icons/delete.gif); }
a.download span 		{ background-image: url(../sImages/Icons/arrow_down.gif); }
a.pdf span 				{ background-image: url(../sImages/Icons/page_white_acrobat.gif); }
a.zip span 				{ background-image: url(../sImages/Icons/page_white_zip.gif); }
a.share span 			{ background-image: url(../sImages/Icons/group.gif); }
a.mail-link span 		{ background-image: url(../sImages/Icons/email_link.gif); }
a.mail-attach span 		{ background-image: url(../sImages/Icons/email_attach.gif); }
a.feed span 			{ background-image: url(../sImages/Icons/feed.gif); }
a.lock span 			{ background-image: url(../sImages/Icons/lock.gif); }
a.folder-add span 		{ background-image: url(../sImages/Icons/folder_add.gif); }
a.tool span 			{ background-image: url(../sImages/Icons/wrench.gif); }
a.settings span 		{ background-image: url(../sImages/Icons/cog.gif); }
a.users span 			{ background-image: url(../sImages/Icons/group.gif); }
a.statistic span 		{ background-image: url(../sImages/Icons/chart_bar.gif); }
a.appearance span 		{ background-image: url(../sImages/Icons/color_swatch.gif); }
a.mail span 			{ background-image: url(../sImages/Icons/email.gif); }

a.addcontact span		{ background-image: url(../sImages/Icons/add.gif); }
a.choose span	 		{ background-image: url(../sImages/Icons/arrow_down.gif); }
a.addtogroup span		{ background-image: url(../sImages/Icons/folder_go.gif); }
a.addtoproject span		{ background-image: url(../sImages/Icons/folder_go.gif); }
a.addtogantt span		{ background-image: url(../sImages/Icons/calendar_add.gif); }
a.sendemail span		{ background-image: url(../sImages/Icons/email_go.gif); }
a.excel span	 		{ background-image: url(../sImages/Icons/page_white_excel.gif); }
a.delete span	 		{ background-image: url(../sImages/Icons/delete.gif); }

a.formsaveclose span	{ background-image: url(../sImages/Icons/disk_multiple.gif); }
a.formsave span			{ background-image: url(../sImages/Icons/disk.gif); }
a.formcancel span		{ background-image: url(../sImages/Icons/cancel.gif); }
a.formaccept span		{ background-image: url(../sImages/Icons/accept.gif); }

a.settings span			{ background-image: url(../sImages/Icons/wrench.gif); }
a.users span			{ background-image: url(../sImages/Icons/user.gif); }
a.xhtml span			{ background-image: url(../sImages/Icons/xhtml.gif); }

/* lav nye knapper til modal box */





/** TOOLBAR TABS **/
ul.toolbar.tabs {
}
ul.toolbar.tabs li.active a {
	background: #f2f1f1;
	border-bottom: 1px solid #f2f1f1;
}
ul.toolbar.tabs li.active a:hover {
	background: #f2f1f1;
}
div.tabs-content {
	background: #f2f1f1;
	border: 1px solid #ccc;
	margin-top: 29px;
	max-width: 700px;
	padding: 10px;
}

ul.toolbar.tabs {
	padding: 0 0 0 5px;
}
ul.toolbar.tabs li.active a {
	background: #fff;
	border-bottom: 1px solid #fff;
}
ul.toolbar.tabs li.active a:hover {
	background: #fff;
}
div.tabs-content {
	background: #fff;
	border: none;
	border-top: 1px solid #ccc;
}

div.tabs-content h2 {
	color: #333;
	font-size: 16px;
	font-weight: bold;
	margin: 5px 0;
}
div.tabs-content p {
	color: #666;
	margin: 0 0 10px 0;
}
h3 { /* TODO: mere standard */
	background-color: #ddd;
	border-bottom: 1px solid #ddd;
	color: #333;
	font-size: 13px;
	font-weight: bold;
	padding: 4px 10px 2px 10px;
	margin: 0px -10px 10px -10px;
}