/* ------------------->>> Button Styles <<<-----------------------*/
button {
	border: 0; 
	cursor: pointer; 
	font-weight: bold;
	text-align: center;
	outline: 0;
	margin-top: -1px;
}

button span { 
	position: relative; 
	display: block; 
	white-space: nowrap; 
	padding: 0 0 0 11px; 
	margin-right: 9px;
}

button.submitButton {
	background: url(../images/submitBtn/button-right.gif) right no-repeat; 
	font-weight: normal;
}
button.submitButton:hover {
	/*background: url(../images/submitBtn/button-right-hover.gif) right no-repeat; */
}

button.submitButton span { 
	font-size: 11px; 
	height: 24px; 
	line-height: 24px;
	background: url(../images/submitBtn/button-left.gif) left no-repeat;
	color: white; 
	font-weight: bold;
}
button.submitButton:hover span {
	/*background: url(../images/submitBtn/button-left-hover.gif) left no-repeat;*/
	color: #b6c3e4;
}

* html button { 
	width: auto; 
	overflow: visible;
	position: relative;
	margin-top: -4px;
}

* html button span { 
	margin-top: 4px;
}

*:first-child+html button { 
	width: auto; 
	overflow: visible; 
}
 /*FOR IE7*/
*:first-child+html button{ 
	margin-top: -2px;
}
 /*FOR IE7*/
*:first-child+html button span{ 
	margin-top: 0px;
}



/********************************************/
/*              BUTTONS BLUE                */
/********************************************/
.submitButtonTop {
	background: url(../images/submitBtn/button-top-right.gif) right no-repeat; 
	font-weight: normal;
}
.submitButtonTop:hover {
}

.submitButtonTop span { 
	font-size: 11px; 
	height: 19px; 
	line-height: 19px;
	background: url(../images/submitBtn/button-top-left.gif) left no-repeat;
	color: white; 
	font-weight: bold;
}
.submitButtonTop:hover span {
	color: #b6c3e4;
}



/**************************************************/
/*              LINKS like BUTTONS                */
/**************************************************/
.link-button:link, .link-button:visited {
	display: block;
	padding:0 9px 0 0;
	background: url(../images/submitBtn/button-right.gif) right no-repeat; 
	text-decoration: none;
}

.link-button:link span, .link-button:visited span {
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	
	position: relative; 
	display: block; 
	height: 24px;
	line-height: 24px;
	white-space: nowrap; 
	padding: 0 0 0 11px;
	cursor: pointer;
	background: url(../images/submitBtn/button-left.gif) left no-repeat; 
}

.link-button:hover {
	text-decoration: none;
}
.link-button:hover span {
	text-decoration: none;
	color: #b6c3e4;
}

* html .link-button:link, * html .link-button:visited {
	width: 1%;
}



/************************************/
/*              TABS                */
/************************************/
.tab-active:link, .tab-active:visited, 
.tab:link, .tab:visited {
	display: block;
	padding:0 13px 0 0;
	background: url(../images/submitBtn/tab-right.png) right no-repeat; 
	text-decoration: none;
}

.tab-active:link span, .tab-active:visited span, 
.tab:link span, .tab:visited span {
	font-size: 11px;
	font-weight: bold;
	color: #1b1b1b;
	
	position: relative; 
	display: block; 
	height: 31px;
	line-height: 34px;
	white-space: nowrap; 
	padding: 0 0 0 15px;
	cursor: pointer;
	background: url(../images/submitBtn/tab-left.png) left no-repeat; 
}

.tab-active:hover,  
.tab:hover {
	text-decoration: none;
}
.tab-active:hover span,  
.tab:hover span {
	text-decoration: none;
	color: #3f6ddf;
}

* html .tab-active:link, * html .tab-active:visited, 
* html .tab:link, * html .tab:visited {
	width: 1%;
}

/* Tab Active */
.tab-active:link, .tab-active:visited {
	background: url(../images/submitBtn/tab-active-right.png) right no-repeat; 
}
.tab-active:link span, .tab-active:visited span {
	color: #ffffff;
	background: url(../images/submitBtn/tab-active-left.png) left no-repeat; 
}



/**************************************************/
/*              LINKS BOTTOM BOXES                */
/**************************************************/
.link-bottom-box:link, .link-bottom-box:visited {
	display: block;
	padding:0 10px 0 0;
	background: url(../images/index/bottom-box-link-right.gif) right 0% no-repeat; 
	text-decoration: none;
}

.link-bottom-box:link span, .link-bottom-box:visited span {
	font-size: 10px;
	font-weight: normal;
	color: black;
	
	position: relative; 
	display: block; 
	height: 17px;
	line-height: 17px;
	white-space: nowrap; 
	padding: 0 0 0 16px;
	cursor: pointer;
	background: url(../images/index/bottom-box-link-left.gif) left 0% no-repeat; 
}

.link-bottom-box:hover {
	text-decoration: none;
	background: url(../images/index/bottom-box-link-right.gif) right 100% no-repeat; 
}
.link-bottom-box:hover span {
	text-decoration: none;
	background: url(../images/index/bottom-box-link-left.gif) left 100% no-repeat; 
}

* html .link-bottom-box:link, * html .link-bottom-box:visited {
	width: 1%;
}