﻿
.button 
{
	clear:both;	
}

.button .left
{
	width: 3px;
	height:20px;
	float:left;
	background: url(../../Interface/images/button-grey-left.gif) no-repeat;
}

.button input
{
	height:20px;
	border:none;
	clear:none;
	float:left;
	background:url(../../Interface/images/button-grey-middle.gif) repeat-x;
	font-size:11px;
	padding: 0px;
	margin:0px;
	padding: 0 0.6em;
    overflow: visible;
	cursor:pointer;
}

.button a
{
	height:20px;
	border:none;
	clear:none;
	float:left;
	background:url(../../Interface/images/button-grey-middle.gif) repeat-x;
	font-size:11px;
	padding: 0px;
	margin:0px;
    overflow: visible;
	text-decoration:none;
	padding: 0.4em 0.7em 0.2em 0.7em;
	color:#192C3A;
	
}

.button .right
{
	width: 3px;
	float:left;
	clear:right;
	height:20px;
	background:url(../../Interface/images/button-grey-right.gif) no-repeat;
}

.formButtons
{
	margin:10px 0px 0px 0px;
}



.formButtons .button,
.formButtons .blueButton
{
	float:right;
	margin:0px 5px 0px 0px;	
	clear:none;
}

.printButton 
{
	width:150px;	
}


.printButton .button .left
{
	width: 22px;
	height:20px;
	float:left;
	background:url(../../Interface/images/printbtn_left.gif) no-repeat;
	padding:0px;
}

.pdfButton
{	
	width:108px;
	float:right;
	margin:0px 20px 0px 0px;
}
.pdfButton .button .left
{
	width: 21px;
	height:20px;
	float:left;
	background:url(../../Interface/images/pdf_left.gif) no-repeat;
	padding:0px;
}

.newWindowButton
{
	width:109px;
	float:right;
	padding: 0px 5px 0px 0px;
}

.newWindowButton .button .left
{
	width: 23px;
	height:20px;
	float:left;
	background:url(../../Interface/images/newWindow_left.gif) no-repeat;
	padding:0px;
}



.blueButton 
{
	clear:both;	
}

.blueButton .left
{
	width: 2px;
	height:20px;
	float:left;
	background:url(../../Interface/images/btn_blue_left.gif) no-repeat;
}

.blueButton input
{
	height:20px;
	border:none;
	clear:none;
	float:left;
	background:url(../../Interface/images/btn_blue_middle.gif) repeat-x;
	font-size:11px;
	padding: 0px;
	margin:0px;
	padding: 0 .7em;
    overflow: visible;
    color:#FFFFFF;
    cursor:pointer;

}

.blueButton a
{
	height:20px;
	border:none;
	clear:none;
	float:left;
	background:url(../../Interface/images/btn_blue_middle.gif) repeat-x;
	font-size:11px;
	padding: 0px;
	margin:0px;
	padding: 2px .7em;
    overflow: visible;
	text-decoration:none;
	vertical-align:baseline;
	color:#FFFFFF;
}

.blueButton a:disabled,
.blueButton a[disabled=true],
.blueButton a[disabled],
.blueButton a[disabled='disabled'] 
{
	color  :gray!important;
	cursor:default !important;
	position:relative;
	
}

.blueButton .right
{
	width: 2px;
	float:left;
	clear:right;
	height:20px;
	background:url(../../Interface/images/btn_blue_right.gif) no-repeat;
}

.closeButton
{
	width:22px;
	height:22px;
	clear:both;
	background:url(../../Interface/images/order_box_close.gif) no-repeat;
}

.expandButton
{
	width:20px;
	height:20px;
	background:url(../../Interface/images/btn-square_expand.png) no-repeat;
	display:block;
}

.collapseButton
{
	width:20px;
	height:20px;
	background:url(../../Interface/images/btn-square_collapse.png) no-repeat;
	display:block;
}

.buttonWithMargin
{
	margin-left: 10px;
}