/*

Common elements for Blink
Created by Øyvind Bø - DB Medialab

*/

/* ********************* tabs **************************** */

.dbm_tab_navigation {
	float:left;
    width:100%;
    background:#fff url("http://gfx.dagbladet.no/blink/elements/tabs/tabs-border.gif") repeat-x bottom;
    font-size:92%;
    line-height:normal;
	margin-bottom: -1px;
	_margin-bottom: -1px; /* hack for IE6 */
	}

*:first-child+html .dbm_tab_navigation { /* hack for IE7 */
	margin-bottom: -11px;
	}

ul.dbm_tab_navigation_tabs {
  margin:0;
  padding:10px 10px 0;
  list-style:none;
  }

ul.dbm_tab_navigation_tabs li {
  float:left;
  background:url("http://gfx.dagbladet.no/blink/elements/tabs/tabs-left.gif") no-repeat left top;
  margin:0;
  margin-left: 3px;
  padding:0 0 0 9px;
  }
  
ul.dbm_tab_navigation_tabs a {
  float:left;
  display:block;
  background:url("http://gfx.dagbladet.no/blink/elements/tabs/tabs-right.gif") no-repeat right top;
  padding:5px 15px 4px 6px;
  text-decoration:none;
  font-weight:bold;
  color:#9eb2c7;
  }

/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
ul.dbm_tab_navigation_tabs a {float:none;}
/* End IE5-Mac hack */

ul.dbm_tab_navigation_tabs a:hover {
  color:#333;
  }

ul.dbm_tab_navigation_tabs .selected {
  background-image:url("http://gfx.dagbladet.no/blink/elements/tabs/tabs-left-selected.gif");
  }

ul.dbm_tab_navigation_tabs .selected a {
  background-image:url("http://gfx.dagbladet.no/blink/elements/tabs/tabs-right-selected.gif");
  color:#000;
  padding-bottom:5px;
  }
  

/* ********************* toolbar **************************** */

.dbm_toolbar a.greyed { /*used to fade disabled elements in the toolbar */
	opacity: .5;
	filter: alpha(opacity=50);
	_color: #ddd;
	}

.dbm_toolbar {
	border-bottom: 1px solid #eee;
	border-top: 1px solid #eee;
	border-left: none;
	border-right: none;
	padding: 10px 0;
	_padding: 10px 0;
	clear: both;
	background-image: url(http://gfx.dagbladet.no/blink/elements/gradients/toolbar-gradient.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	/* margin-bottom: 10px; */
	}

*:first-child+html .dbm_toolbar { /* hack for IE7 */
	padding-top: 5px;
	} 

.dbm_toolbar_dropdown {
	border: 1px solid #ddd;
	padding: 10px;
	background-image: url(http://gfx.dagbladet.no/blink/elements/gradients/toolbar-gradient.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	}

.dbm_toolbar_dropdown p {
	margin: 10px 0;
	}

.dbm_toolbar_dropdown h3.topheader {
	margin: -10px -10px 10px -10px;
	padding: 4px 0 7px 10px;
	background-color: #eee;
	color: black;
	font-weight: bold;
	font-size: 11px;
	background-image: url(http://gfx.dagbladet.no/blink/elements/gradients/toolbar-blue-gradient2.gif);
	background-repeat: repeat-x;
	background-position: top;
	}

.dbm_toolbar a, .toolbar-dropdown a {
	/* text-decoration: none !important; */
	color: black !important;
	background-repeat: no-repeat;
	padding: 5px 5px 5px 27px;
	margin: 5px;
	background-position: 5px 50%;
	}

.dbm_toolbar_dropdown a {
	text-decoration: underline !important;
	}

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

.dbm_toolbar a:hover, .dbm_toolbar a.selected {
	border: 1px solid #ddd;
	background-color: #eee;
	margin: 4px;
	background-position: 5px 50%;
	_background-position: 6px 50%;
	color: #000;
	}

.dbm_toolbar a:focus {
	-moz-outline: none;
	outline: none;
	outline-offset 3px;
	}


/* *************** button ************** */

a.dbm_button, a.dbm_button_selected, a.dbm_button_wait, a.dbm_button:visited {
	border: 1px solid #ddd;
	padding: 5px;
	text-decoration: none;
	color: black;
	}

a.dbm_button {
	background-image: url(http://gfx.dagbladet.no/blink/elements/gradients/gradient-grey.gif);
	}

a.dbm_button_selected, a.dbm_button:hover {
	background-image: url(http://gfx.dagbladet.no/blink/elements/gradients/gradient-black.gif);
	border: 1px solid #aaa;
	color: white;
	}

a.dbm_button_wait {
	background-image: url(http://gfx.dagbladet.no/blink/elements/gradients/gradient-black-wait.gif);
	border: 1px solid #aaa;
	color: white;
	}


div.dbm_buttons {
	overflow: hidden;
	width: 100%;
	clear: both;
	}

div.dbm_buttons a.dbm_button_rounded {
	background: transparent url(bg_button_a.gif) no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
	}

div.dbm_buttons a.dbm_button_rounded span {
    background: transparent url(bg_button_span.gif) no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
	}

div.dbm_buttons a.dbm_button_rounded:active {
	background: transparent url(bg_button_a.gif) no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
	}

div.dbm_buttons a.dbm_button_rounded:active span {
    background: transparent url(bg_button_span.gif) no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
	}

	


/* **************** more pages ******************** */

.more_pages {
	padding: 6px 0;
	margin: 5px 0;
	}

.more_pages a.selected {
	background-image: url();
	font-weight: bold;
	}


/* ****************** DBM Box ******************** */

.dbm_box_head h2 {
background-color:transparent;
background-image:url(http://gfx.dagbladet.no/blink/themes/profile/blink/dbm_profile_box_2_head-bg.gif);
background-repeat:repeat-x;
border-color: #efefef;
border-style:solid solid none;
border-width:1px 1px medium;
color:#464646;
font-weight:bold;
padding:3px 5px;
}

.dbm_box_body {
background-color: #fff;
border-color: #efefef;
border-style:solid;
border-width:1px;
padding:5px;
}

.dbm_box {
	margin-bottom: 10px;
	}


.dbm_rounded_box,
.dbm_rounded_box_head,
.dbm_rounded_box_head h2,
.dbm_rounded_box_body {
	background: transparent url(http://gfx.dagbladet.no/blink/elements/box/boxbg.png) no-repeat scroll right bottom;
	}

.dbm_rounded_box {
	background-position: bottom right;
	}

.dbm_rounded_box_head {
	background-position: right top;
	}

.dbm_rounded_box_head h2 {
	background-position: left top;
	margin-right: 15px;
	padding: 10px 0 15px 15px;
	font-weight: bold;
	}

.dbm_rounded_box_body {
	background-position: left bottom;
	margin-right: 15px;
	padding: 0 0 15px 15px;
	}

/* ********************** iconlist ******************** */

ul.dbm_iconlist {
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
ul.dbm_iconlist li a {
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding: 3px 0 3px 20px;
	/* border: 1px solid red; */
	}
	
ul.dbm_iconlist li {
	padding: 3px 0;
	}

ul.inline li {
	display: inline;
	margin-right: 8px;
	}