/*
////////////////////////////////////////////////////////////////////////////
   (C) Copyright Fredrik Andersson, 2007
       All designs and code belongs to Fredrik Andersson!
       Contact: kontakt (at) fredrik-a.se
////////////////////////////////////////////////////////////////////////////
*/


.button {
	text-align: left;
	float: right;
	margin-top: 24px;	
}


* html .button {
	marg\in-top: 21px;
}


.button ul {
	float: left;
	margin: 0;
	padding: 0;
	list-style: none; 
}

/* Commented Backslash Hack
   hides rule from IE5-Mac */

.button a { 
	float: none;
}

/* End IE5-Mac hack */

.button li {
	height: 23px;
	float: left;	
	margin: 0;
	padding: 0 0 0 10px;
}

.button li a {
	height: 23px;
	float: left;
	font-family: Arial;
	font-size: 0.9em;
	font-weight: bold;
	display: block;
	line-height: 23px;
   	padding: 0 10px 0 0;
	text-decoration: none;
    color:#FFFFFF;
}

.button li#orange {
	background: url(../images/orange_button_left.gif) no-repeat bottom left;
}

.button li#orange a {
	background: url(../images/orange_button_right.gif) no-repeat 100% 100%;
}

div.button li#orange:hover, div.button li#orange.sfhover2 {
  	background: url(../images/button_left.gif) no-repeat bottom left;
}

div.button li#orange:hover a, div.but li#orange.sfhover2 a {	
	background: url(../images/button_right.gif) no-repeat bottom right;
	text-decoration: none;
}

.button li#black {
	background: url(../images/button_left.gif) no-repeat bottom left;
}

.button li#black a {
	background: url(../images/button_right.gif) no-repeat 100% 100%;
}

div.button li#black:hover, div.button li#black.sfhover2 {
  	background: url(../images/orange_button_left.gif) no-repeat bottom left;
}

div.button li#black:hover a, div.button li#black.sfhover2 a {	
   	background: url(../images/orange_button_right.gif) no-repeat bottom right;
	text-decoration: none;
}

/* ----------------- Small -----------------------*/

.bt_small {
	text-align: left;
	float: right;
	margin-top: 0px;	
}


* html .bt_small {
	marg\in-top: 0px;
}


.bt_small ul {
	float: left;
	margin: 0;
	padding: 1px;
	list-style: none; 
}

/* Commented Backslash Hack
   hides rule from IE5-Mac */

.bt_small a { 
	float: none;
}

/* End IE5-Mac hack */

.bt_small li {
	height: 14px;
	float: left;	
	margin: 0;
	padding: 0 0 0 5px;
}

.bt_small li a {
	height: 14px;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	display: block;
	line-height: 14px;
   	padding: 0 5px 0 0;
	text-decoration: none;
    color:#666;
}

.bt_small li#black {
	background: url(../images/button_small_left2.gif) no-repeat bottom left;
}

.bt_small li#black a {
	background: url(../images/button_small_right2.gif) no-repeat 100% 100%;
}

/* ----------------- Small Top -----------------------*/

.bt_small_top {
	text-align: center;
	float: left;
	margin-top: 0px;
	padding-left: 10px;	
}


* html .bt_small_top {
	marg\in-top: 0px;
}


.bt_small_top ul {
	float: left;
	margin: 0;
	padding: 1px;
	list-style: none; 
}

/* Commented Backslash Hack
   hides rule from IE5-Mac */

.bt_small_top a { 
	float: none;
}

/* End IE5-Mac hack */

.bt_small_top li {
	height: 14px;
	float: left;	
	margin: 0;
	padding: 0 0 0 16px;
}

.bt_small_top li a {
	height: 14px;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	display: block;
	line-height: 14px;
   	padding: 0 16px 0 0;
	text-decoration: none;
    color:#666;
}

.bt_small_top li#black {
	background: url(../images/button_small_left3.gif) no-repeat bottom left;
}

.bt_small_top li#black a {
	background: url(../images/button_small_right2.gif) no-repeat 100% 100%;
}