/* Deziweb */

body {
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:11px;
	color:#505050;
	background:#F0F0F0 url(../images/background.jpg) repeat-x;
	margin:0px;
	padding:0px;
}

fieldset, form {border:0px; padding:0px; margin:0px;}

legend, caption {display:none;}

a {color:#5BC936}
a:hover {text-decoration:none}

.clearer {clear:both}
.seperator {font-size:1px; height:2px; border-top:1px solid #CECECE; margin:23px 0;}

h2 {margin:0px; color:#5BC936; font-family: Corbel; font-size: 20px;}
span.subtitle {margin:0px; color:#0B3A8D; font-family: Corbel; font-size: 14px;}
span.subtitle a {margin:0px; color:#0B3A8D; font-family: Corbel; font-size: 14px; background-image: none; padding:0px;}

h3 {color:#5BC936; font-size:13px; font-weight:bold; clear:both;}

pre {border:1px solid #BEBEBE; font-family: "Courier New", Courier, monospace; margin: 1em 2em 1em 2em; overflow: auto; padding: .5em .5em .5em .5em; white-space: nowrap;}

input, textarea, select {padding: 3px; border:1px solid #BEBEBE; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#505050;}
input[type=submit] {height:20px; margin:0 0 0 5px; float:left; font-size:11px; color:#FFFFFF;}
input[type=button] {background-color:#F0F0F0; padding: 3px;}

input[type=checkbox] {border:none; width:auto !important; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#505050;}

input.button {
	background:url(../images/background_button.jpg) repeat-x; 
	border:0px !important; 
	color:#FFFFFF !important; 
	font-weight:bold; 
	font-size:10px; 
	padding:0 8px; 
	height:20px;
	width:auto !important;
	cursor:pointer;
}

input.loginbutton {
	background:url(../images/background_button.jpg) repeat-x; 
	border:0px !important; 
	color:#FFFFFF !important; 
	font-weight:bold; 
	font-size:10px; 
	padding:0 8px;
	margin: 0 0 0 8px !important;
	height:20px;
	width:70px !important;
	cursor:pointer;
}

input.button_domeincheck {
	background:url(../images/background_button.jpg) repeat-x; 
	border:0px !important; 
	color:#FFFFFF !important; 
	font-weight:bold; 
	font-size:10px; 
	padding:0 8px; 
	height:20px;
	width:auto !important;
	cursor:pointer;
	float:none !important;
}

.form {
	margin:4px 0 4px 0;
}

/*************************
	page strcuture
*************************/

#container {
	width:997px;
	margin:0 auto;
	background:#FFF url(../images/background_container.jpg) repeat-x;
	border-left:1px solid #DCDCDC;
	border-right:1px solid #DCDCDC;
	overflow:hidden;
	z-index:1;
}

#header {
	width:999px;
	margin:0 auto;
	height:59px;
	position:relative;
}

#content {
	padding: 0 10px;
	margin:0 auto;
	overflow:hidden;
}

#leftColumn {
	background:#fff;
	margin:0 16px 0 0;
	width:658px;
	float:left;
	overflow:hidden;
}

#leftColumn_forum {
	background:#fff;
	margin:0 16px 0 0;
	width:975px;
	float:left;
	overflow:hidden;
}

#contentWrap {
	background:url(../images/background_contentwrap.gif) no-repeat;
	padding:20px 15px;
	overflow:hidden;
}
	#contentWrap p {line-height:16px}
	#contentWrap h3 {margin:0 0 20px 0}
	
#contentWrap_forum {
	background:url(../images/background_contentwrap_forum.gif) no-repeat;
	padding:20px 15px;
	overflow:hidden;
}
	#contentWrap_forum p {line-height:16px}
	#contentWrap_forum h3 {margin:0 0 20px 0}

#rightColumn {
	width:297px;
	padding:35px 0 0 0;
	float:left;
	overflow:hidden;	
}

#footer {
	background:#37425E url(../images/background_footer.png) repeat-x;
	margin:10px;
	padding:15px 0 0 0;
	color:#fff;
	overflow:hidden;
	position:relative
}
#logo {
	background:url(../images/logo_small.png) no-repeat;
	width:60px;
	height:60px;
	float:right;
	top:45px;
	left:890px;
	position:absolute;
}

/*************************
	header
*************************/

h1 {display:block; width:217px; height:110px; background:url(../images/logo.png) no-repeat; position:absolute; left:35px; top:20px; margin:0px; padding:0px; z-index:99}
h1 a {display:block; height:100%}
h1 a span {display:none}

#header ul {list-style-type:none; float:right; margin:25px 35px 0 0;}
#header ul li {float:left; border-right:1px solid #fff; padding:0 10px 0 0; margin:0 10px 0 0;}
#header ul li.last {border:0px; padding:0px; margin:0px}
#header ul li a {text-decoration:none; color:#fff}
#header ul li a:hover {color:#5BC936}

#subheader {
	overflow:hidden; 
	height:100px;
	position:relative;
}
#poweredby {
	width:475px; 
	height:30px;
	position:absolute;
	top:25px;
	left:487px;
}

/*************************
	menu
*************************/

#mainMenu {padding:0 10px; height:71px; margin:0; position:relative}
#mainMenu ul {background:url(../images/background_menu.jpg) repeat-x; list-style-type:none; height:35px; padding:0px; margin:0px;}
#mainMenu ul li {float:left; background:url(../images/2dot_line_hz.gif) right repeat-y; height:35px;}
#mainMenu ul li a {display:block; height:25px; padding:10px 15px 0px 15px; color:#fff; font-weight:bold; text-decoration:none; float:left}
#mainMenu ul li a.active {color:#5BC936; height:26px; background:url(../images/background_menu_hover.jpg) right repeat-x;}
#mainMenu ul li a.active:hover {color:#5BC936; height:26px; background:url(../images/background_menu_hover.jpg) right repeat-x;}
#mainMenu ul li a:hover {color:#5BC936; height:25px; background:url(../images/background_menu_hover.jpg) right repeat-x;}

#mainMenu ul li ul {position:absolute; background:#37435E; left:10px; height:35px; top:36px; width:977px;}
#mainMenu ul li ul li {background:none; height:35px;}
#mainMenu ul li ul li a {display:block; height:25px !important; padding:10px 15px 0 15px !important; color:#fff; font-weight:normal; float:left }
#mainMenu ul li ul li a:hover {background:none}

fieldset#domeinCheck {position:absolute; z-index:99; background:url(../images/background_domeincheck.jpg) no-repeat; width:207px; top:-21px; left:765px; padding:7px 0 0 15px}
fieldset#domeinCheck label {font-weight:bold; color:#fff; margin:0 0 5px 0; display:block; font-size:10px}
fieldset#domeinCheck input {border:0px; padding:3px; display:block; float:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#505050;}
fieldset#domeinCheck input.button {margin:0 0 0 5px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF;}

/*************************
	left column
*************************/

#breadCrumb {
	height:25px;
	padding:10px 0 0 15px
}
	#breadCrumb p {display:block; margin:0px; padding:0px;}

#introTxt {
	width:410px;
	float:left;
	border-right:1px solid #CECECE;
	padding:0 25px 0 0;
	margin:0 25px 0 0;
	overflow:hidden
}

fieldset#secureSite {width:153px; float:left; margin:0 0 14px 0; overflow:hidden}

fieldset#domeinCheckHome {width:153px; float:left; margin:14px 0 0 0; overflow:hidden}
fieldset#domeinCheckHome label {font-weight:bold; color:#37435E; margin:0 0 5px 0; display:block;}
fieldset#domeinCheckHome input {border:1px solid #BEBEBE; margin:0 0 4px 0; padding:3px; width:145px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#505050;}
fieldset#domeinCheckHome input[type=button] {border:1px solid #BEBEBE; margin:0 0 4px 0; width:145px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF;}

.txtBox {
	background:url(../images/background_txtbox.jpg) repeat-x;
	margin:15px 0;
	padding:15px 15px;
	overflow:hidden;
	clear:both;
	border-bottom:1px solid #EDEDED;
}

.infotabBox {
	width:418px;
	height:150px;
	background:url(../images/background_txtbox.jpg) repeat-x;
	margin:15px 0;
	padding:25px 15px;
	position:relative;
	clear:both;
	border-bottom:1px solid #EDEDED;
}
	.infotabBox ul {
		list-style-type:none;
		display:block;
		background:#EBEBEB;
		width:180px;
		position:absolute;
		top:0px;
		left:448px;
		margin:0px;
		padding:0px;
		border-left:1px solid #CECECE;
		border-bottom:1px solid #CECECE;
		height:200px;
	}
		.infotabBox ul li {border-bottom:1px solid #fff; border-left:1px solid #fff;}
		.infotabBox ul li a {padding:4px; height:15px; display:block; text-decoration:none; color:#666;}
		.infotabBox ul li a:hover {padding:4px 4px 4px 8px;}
		.infotabBox ul li a.active {background:#5BC936; color:#fff;}
		.infotabBox ul li a.active:hover {padding:4px;}
	
/*************************
	Hosting page
*************************/
table#hosting {
	width:100%;
	border-collapse:collapse;
	border-top:1px solid #EBEBEB;
	border-bottom:1px solid #EBEBEB;
}
.dedicated {width:295px !important; float:left; margin:0 25px 30px 0;}
.nomargin {margin:0px !important}
.notopborder {border-top:0px !important}

.server {margin:10px 0;}

table#hosting input {margin:10px 0;}

table#hosting td {
	color:#505050;
	padding:.4em 1em;
	text-align:center;
}
table#hosting tr.odd td {
	background:#F8F8F8
}
table#hosting tr.active td {
	background:#E4E8EF !important;
	border-top:1px solid #C7CFDE;
	border-bottom:1px solid #C7CFDE;
}
table#hosting tr.active th {
	background:#E4E8EF !important;
	border-top:1px solid #C7CFDE;
	border-bottom:1px solid #C7CFDE;
}
table#hosting tr.odd .column1 {
	background:#F8F8F8;
}
.column1 {
	background:#FFF;
	text-align:left;
	font-weight:normal;
	padding:0 0 0 5px
}
table#hosting thead th {
	background:#F8F8F8;
	text-align:center;
	font:bold 1.2em/2em;
	height:25px;
	color:#479B2B;
}
table#hosting tfoot th {
	background:#F8F8F8;
	height:50px;
	text-align:center;
}
table#hosting tfoot th strong {
	font:bold 1.2em;
	margin:.5em .5em .5em 0;
	color:#479B2B;

}
table#hosting tfoot th em {
	color:#f03b58;
	font-weight: bold;
	font-size: 1.1em;
	font-style: normal;
}

.bt {border-top:1px solid #EBEBEB; height:28px}

.productBox {
	background:url(../images/background_txtbox.jpg) repeat-x;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: 8px;
	padding:10px 10px;
	overflow:hidden;
	border-bottom:1px solid #EDEDED;
	width:180px;
	float:left;
}

.productBox_large {
	background:url(../images/background_txtbox.jpg) repeat-x;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: 8px;
	padding:10px 10px;
	overflow:hidden;
	border-bottom:1px solid #EDEDED;
	width:390px;
	float:left;
}

.productBox_double {
	background:url(../images/background_txtbox.jpg) repeat-x;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: 8px;
	padding:10px 10px;
	overflow:hidden;
	border-bottom:1px solid #EDEDED;
	width:285px;
	float:left;
}

.productBox a {color:#505050; display:block; text-decoration:none; padding:5px 4px; height:100%; background-image:url(../images/faq_plus.png); background-repeat: no-repeat; background-position: 0px 7px; padding-left: 18px;}

.productBox a.active {color:#505050; display:block; text-decoration:none; padding:5px 4px; height:100%; background-image:url(../images/faq_min.png); background-repeat: no-repeat; background-position: 0px 7px; padding-left: 18px; border-bottom: 1px solid #EDEDED;}

h2.prijs_button {
	display: inline-block;
	background-color: #5BC936;
	color: #FFFFFF;
	padding: 0 5px 0 5px;
}

/*************************
	Contact
*************************/

#leftContact {
	float:left;
	width:255px;
	padding:0 20px 0 0;
	border-right:1px solid #CECECE;
	overflow:hidden
}
#rightContact {
	float:left;
	width:320px;
	margin:0 0 0 20px;
}
#contactinfo {
	width:240px;
	border:0px;
}
	#contactinfo th {width:75px; font-weight:normal; text-align:left; vertical-align:top; padding:3px 0;}
	
#contactform label {display:block; width:110px; float:left}
#contactform input {display:block; float:left; margin:0 0 3px 0; width:200px; }
#contactform input.button {margin:10px 0 0 110px}
#contactform textarea {display:block; width:200px; height:160px; float:left}

/*************************
	FAQ
*************************/

#faqlist {list-style-type:none; margin:0 0 20px 0; padding:0px;  border-top:1px solid #CECECE; border-bottom:1px solid #CECECE}
#faqlist li.odd {background:#F8F8F8}
#faqlist li a {color:#505050; display:block; text-decoration:none; padding:4px 7px; height:100%; background-image:url(../images/faq_plus.png); background-repeat: no-repeat; background-position: 3px 5px; padding-left: 21px;}
#faqlist li a:hover {background:#E4E8EF; background-image:url(../images/faq_plus.png); background-repeat: no-repeat; background-position: 3px 5px; padding-left: 21px;}
#faqlist li a.active {background:#E4E8EF; background-image:url(../images/faq_min.png); background-repeat: no-repeat; background-position: 3px 5px; padding-left: 21px; font-weight:bold;}

#faqlist li ul li a {color:#5BC936; background-image:none; padding-left: 0px; text-decoration:underline;}
#faqlist li ul li a:hover {background-image:none; background-color:none; padding-left: 0px; text-decoration:none;}

#faqlist li ul {background:#EAEEF6; list-style-type:none; margin:0px; padding:0px}
#faqlist li ul li {padding:7px}
#faqlist li ul p {margin:0px}

/*************************
	Domaincheck
*************************/

#domaincheck {list-style-type:none; margin:0 0 20px 0; padding:0px;  border-top:1px solid #CECECE; border-bottom:1px solid #CECECE}
#domaincheck ul {padding-bottom: 5px;}
#domaincheck li {background:#F8F8F8; background-image:url(../images/domaincheck_loader.gif); background-repeat:no-repeat; background-position:8px 10px; padding:10px; padding-left:35px; margin-top: 5px;}
#domaincheck li.vrij {background:#EAFAE5; background-image:url(../images/domaincheck_bullet_green.png); background-repeat:no-repeat; background-position:12px 14px; padding:10px; padding-left:35px; margin-top: 5px;}
#domaincheck li.bezet {background:#FFE5E5; background-image:url(../images/domaincheck_bullet_red.png); background-repeat:no-repeat; background-position:12px 14px; padding:10px; padding-left:35px; margin-top: 5px;}
#domaincheck a {color:#0B3A8D;}

.domaincheck_domainname {display:block; font-weight:bold;}
.domaincheck_domainprice {display:block;}
/* .domaincheck_order {display:inline-block; width: 185px; text-align:right;} */

.domaincheck_table td {border-bottom:1px solid #CECECE;height:30px;}
table.domaincheck_table tr.odd td {background:#EAEAEA;}
table.domaincheck_table td a {color:#0B3A8D;}

div#domainorder_overig_link a { background-image:url(../images/faq_plus.png); background-repeat: no-repeat; background-position: 0px 3px; padding-left: 18px; }

/*************************
	ControlPanel
*************************/

.cpTable a {
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:11px;
	color:#505050;
	text-decoration: none;
	font-weight: normal;
}

a.cp_active {
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:11px;
	color:#5BC936;
	text-decoration: underline;
}

.cpTableBox {
	margin-top: 10px;
}

.cpTableBox a {
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:11px;
	color:#505050;
	text-decoration: none;
	font-weight: bold;
}

.cp_content_bottom {
	width: 525px;
	text-align: left;
}

/*************************
	Forum
*************************/

blockquote {
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:10px;
	border: 1px solid #CCCCCC;
	padding: 5px;
	margin: 0 0 0 30px;
}

div.forum_signature {
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:10px;
	border-top: 1px solid #999999;
	padding: 5px;
	color: #999999;
	margin: 0 5px 0 5px;
}

/*************************
	right column
*************************/

/*greytab*/
#tabboxWrap {
	width:297px;
	margin:0 0 20px 0;
	overflow:hidden;
}

#tabboxTabs {
	height:21px;
}
	#tabboxTabs ul {list-style-type:none; margin:0px; padding:0px;}
	#tabboxTabs ul li {float:left}
	#tabboxTabs ul li a {display:block; text-decoration:none; color:#666; text-align:center; padding:3px 0 0 0;}
	#tabboxTabs ul li a.active {font-weight:bold;}
	#tabboxTabs ul li a.tab1 {background:url(../images/background_tabbox_tab1.jpg) no-repeat; height:21px; width:136px}
	#tabboxTabs ul li a.tab2 {background:url(../images/background_tabbox_tab2.jpg) no-repeat; height:21px; width:157px}

#tabboxCorner {
	background:url(../images/background_tabbox_rtcorner.jpg) right no-repeat;
	height:8px;
}
#tabboxContent {
	background:#fff url(../images/background_tabbox.jpg) repeat-x;
	border-right:1px solid #CECECE;
	border-left:1px solid #CECECE;
	padding:0 20px 10px 20px;
	color:#949494;
	overflow:hidden;
}
	#tabboxContent p {line-height:16px}
	#tabboxContent label {display:block; margin:0 0 3px 0; clear:both}
	#tabboxContent label {display:block; margin:0 0 3px 0; clear:both}
	#tabboxContent input {margin:0 0 8px 0; padding: 3px; border:1px solid #BEBEBE; width:153px; display:block; float:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#505050;}
	#tabboxContent input.button {height:20px; margin:0 0 0 5px; float:left; font-size:11px; color:#FFFFFF;}

#tabboxFooter {
	background:url(../images/background_tabboxfooter.jpg) no-repeat;
	width:297px;
	height:9px;
}

/*greentab*/
#tabboxgreenWrap {
	width:297px;
	margin:0 0 20px 0;
	overflow:hidden;
}

#tabboxgreenTabs {
	height:21px;
}
	#tabboxgreenTabs ul {list-style-type:none; margin:0px; padding:0px;}
	#tabboxgreenTabs ul li {float:left}
	#tabboxgreenTabs ul li a {display:block; text-decoration:none; color:#666; text-align:center; padding:3px 0 0 0;}
	#tabboxgreenTabs ul li a.active {font-weight:bold; color:#fff;}
	#tabboxgreenTabs ul li a.tab1 {background:url(../images/background_tabboxgreen_tab1.jpg) no-repeat; height:21px; width:156px;}
	#tabboxgreenTabs ul li a.tab2 {background:url(../images/background_tabboxgreen_tab2.jpg) no-repeat; height:21px; width:138px}

#tabboxgreenCorner {
	background:url(../images/background_tabboxgreen_rtcorner.jpg) right no-repeat;
	height:8px;
}
#tabboxgreenContent {
	background:#5BC936 url(../images/background_tabboxgreen.jpg) repeat-x;
	padding:10px 0 0px 0;
	color:#949494;
	overflow:hidden;
}
	#tabboxgreenContent p {line-height:16px}
	#tabboxgreenContent label {display:block; margin:0 0 3px 0; clear:both}
	#tabboxgreenContent input {margin:0 0 8px 0; height:16px; border:1px solid #BEBEBE; width:153px; display:block; float:left}
	#tabboxgreenContent input.button {height:20px; margin:0 0 0 5px; float:left}
	
	#tabboxgreenContent ul {list-style-type:none; margin:0px; padding:0px;}
	#tabboxgreenContent ul li {border-bottom:1px solid #97DD80;}
	#tabboxgreenContent ul li.last {border:none}
	#tabboxgreenContent ul li a {color:#fff; text-decoration:none; display:block; padding:8px 20px;}
	#tabboxgreenContent ul li a:hover {text-decoration:underline}
	
	#tabbox_inner_rss ul li a {background:url(../images/rss_icon.png) no-repeat; background-position: 20px 10px; padding-left: 55px;}

#tabboxgreenFooter {
	background:url(../images/background_tabboxgreenfooter.jpg) no-repeat;
	width:297px;
	height:9px;
}
/**/

#promo {
	width:297px;
	height:170px;
	margin:0 0 20px 0;
}

/*************************
	footer
*************************/

#footer ul {float:left; list-style-type:none; margin:0 0 0 16px; padding:0 0 23px 0; width:132px}
#footer ul li {margin:0 0 3px 0}
#footer ul li a {color:#fff; text-decoration:none}
#footer ul li a:hover {color:#5BC936}

#bottomFooter {
	border-top:1px solid #FFFFFF;
	height:40px;
	overflow:hidden;
}
#bottomFooter p {display:block; float:left; margin:0 0 0 15px; height:35px; padding:12px 0 0 0;}

#bottomFooter a {color:#5BC936; text-decoration:none}
#bottomFooter a:hover {color:#5BC936}

fieldset#zoeken {border-right:1px solid #FFFFFF; padding:9px 15px 0px 15px; width:215px; height:40px; float:left}
fieldset#zoeken input {border:0px; padding:3px; float:left; display:block; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#505050;} 
fieldset#zoeken input.button {margin:0 0 0 5px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF;}

/************************
	SIFR REPLACEMENTS
*************************/

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: 0px;
	font-size: 18px;
	font-weight:bold;
	margin:0 0 0 0;
}
.sIFR-hasFlash span.subtitle {
	visibility: hidden;
	letter-spacing: -2px;
	font-size: 14px;
	margin:0 0 0 0;
}

/* Buttons */
.btn {
	display:inline-block;
	background:none;
	margin:0;
	padding:3px 0;
	border-width:0;
	overflow:visible;
	font:100%/1.2 Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#333;
}
* html button.btn {
	padding-bottom:1px;
}
/* Immediately below is a temporary hack to serve the 
 following margin values only to Gecko browsers
 Gecko browsers add an extra 3px of left/right 
 padding to button elements which can't be overriden.
 Thus, we use -3px of left/right margin to overcome this. */
html:not([lang*=""]) button.btn {
	margin:0 -3px;
}
.btn span {
	background:#ddd url(../images/bg-button.gif) repeat-x 0 0;
	margin:0;
	padding:3px 0;
	border-left:1px solid #bbb;
	border-right:1px solid #aaa;
}
* html .btn span {
	padding-top:0;
}
.btn span span {
	position:relative;
	padding:3px .4em;
	border-width:0;
	border-top:1px solid #bbb;
	border-bottom:1px solid #aaa;
}

/* pill classes only needed if using pill style buttons ( LEFT | CENTER | RIGHT ) */
button.pill-l span {
	border-right-width:0;
}
button.pill-l span span {
	border-right:1px solid #bbb;
}
button.pill-c span {
	border-right-style:none;
	border-left-color:#fff;
}
button.pill-c span span {
	border-right:1px solid #bbb;
}
button.pill-r span {
	border-left-color:#fff;
}

/* only needed if implementing separate hover/focus/active state for buttons */
.btn:hover span, .btn:hover span span, .btn:focus span, .btn:focus span span {
	cursor:pointer; /* important for any clickable/pressable element */
	border-color:#38425E !important;
	color:#000;
}
.btn:active span {
	background-position:0 -400px;
	outline:none;
}
.btn:focus, .btn:active {
	outline:none; /* doesn't seem to be respected for <button>, only <a> */
}

/* use if one button should be the 'primary' button */
.primary {
	font-weight:bold;
	color:#000;
}

.disabled {
	color:#999999;
}

.disabled:hover span, .disabled:hover span span {
	color:#999999;
}