﻿input.button, a.button 
{
    display:block;
    margin:0 0 0 0;
    background-color:#f1f1f1;
    border:1px solid #cdcdcd;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    cursor:pointer;
    padding:5px 10px 6px 27px; /* Links */
    margin-left: 1px;
    margin-right: 1px;
}

input.small, a.small 
{
	font-size: 11px;
	padding: 5px 6px 6px 27px;
	line-height: 120%;
	font-weight: normal;
}

.right 
{
	float: right;
}

.left 
{
	float: left;
}

input.button:hover, 
input.selected,
a.button:hover, 
a.selected
{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
input.button:active,
a.button:active
{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

input.button,
a.button
{
	background-position: 10% 50%;
	background-repeat: no-repeat;
}

input.noicon,
a.noicon
{
	/*padding-left: 10px;*/
	padding: 3px 8px 3px 8px; /* Links */
	margin: 2px;
}

/* Button styles */

input.expand, a.expand { background-image: url(Images/buttons/normal/bullet_go.gif); }
input.expand:hover, a.expand:hover { background-image: url('Images/buttons/hover/bullet_go.gif'); }
input.expand:active, a.expand:active { background-image: url('Images/buttons/pressed/bullet_go.gif'); }

input.collapse, a.collapse { background-image: url('Images/buttons/normal/bullet_go_down.gif'); }
input.collapse:hover, a.collapse:hover { background-image: url('Images/buttons/hover/bullet_go_down.gif'); }
input.collapse:active, a.collapse:active { background-image: url('Images/buttons/pressed/bullet_go_down.gif'); }

input.print, a.print { background-image: url('Images/buttons/normal/printer.gif'); }
input.print:hover, a.print:hover { background-image: url('Images/buttons/hover/printer.gif'); }
input.print:active, a.print:active { background-image: url('Images/buttons/pressed/printer.gif'); }

input.password, a.password { background-image: url('Images/buttons/normal/key.gif'); }
input.password:hover, a.password:hover { background-image: url('Images/buttons/hover/key.gif'); }
input.password:active, a.password:active { background-image: url('Images/buttons/pressed/key.gif'); }

input.copyTwo, a.copyTwo { background-image: url('Images/buttons/normal/page_copy.gif'); }
input.copyTwo:hover, a.copyTwo:hover { background-image: url('Images/buttons/hover/page_copy.gif'); }
input.copyTwo:active, a.copyTwo:active { background-image: url('Images/buttons/pressed/page_copy.gif'); }

input.down, a.down { background-image: url('Images/buttons/normal/arrow_down.gif'); }
input.down:hover, a.down:hover { background-image: url('Images/buttons/hover/arrow_down.gif'); }
input.down:active, a.down:active { background-image: url('Images/buttons/pressed/arrow_down.gif'); }

input.info, input.information, a.info, a.information { background-image: url('Images/buttons/normal/information.gif' ); }
input.info:hover, input.information:hover, a.info:hover, a.information:hover { background-image: url('Images/buttons/hover/information.gif' ); }
input.info:active, input.information:active, a.info:active, a.information:active { background-image: url('Images/buttons/pressed/information.gif' ); }

input.add, a.add { background-image: url('Images/buttons/normal/add.gif' ); }
input.add:hover, a.add:hover { background-image: url('Images/buttons/hover/add.gif' ); }
input.add:active, a.add:active { background-image: url('Images/buttons/pressed/add.gif' ); }

input.copy, a.copy { background-image: url('Images/buttons/normal/page_go.gif' ); }
input.copy:hover, a.copy:hover { background-image: url('Images/buttons/hover/page_go.gif' ); }
input.copy:active, a.copy:active { background-image: url('Images/buttons/pressed/page_go.gif' ); }

input.fillDates, a.fillDates { background-image: url('Images/buttons/normal/date_link.gif' ); }
input.fillDates:hover, a.fillDates:hover { background-image: url('Images/buttons/hover/date_link.gif' ); }
input.fillDates:active, a.fillDates:active { background-image: url('Images/buttons/pressed/date_link.gif' ); }

input.next, a.next 
{
	background-image: url('Images/buttons/normal/resultset_next.gif' );
	background-position: 90% 50%;
	padding-left: 10px;
	padding-right: 27px;
}
input.next:hover, input.selected, a.next:hover, a.selected { background-image: url('Images/buttons/hover/resultset_next.gif' ); }
input.next:active, a.next:active { background-image: url('Images/buttons/pressed/resultset_next.gif' ); }

input.prev, a.prev { background-image: url('Images/buttons/normal/resultset_previous.gif' ); }
input.prev:hover, a.prev:hover { background-image: url('Images/buttons/hover/resultset_previous.gif' ); }
input.prev:active, a.prev:active { background-image: url('Images/buttons/pressed/resultset_previous.gif' ); }


input.view, a.view { background-image: url('Images/buttons/normal/application.gif' ); }
input.view:hover, a.view:hover { background-image: url('Images/buttons/hover/application.gif' ); }
input.view:active, a.view:active { background-image: url('Images/buttons/pressed/application.gif' ); }

input.export, input.import, a.export, a.import
{
	background-image: url('Images/buttons/normal/table_go.gif' );
	background-position: 3% 50%;
}
input.export:hover, input.import:hover, a.export:hover, a.import:hover { background-image: url('Images/buttons/hover/table_go.gif' ); }
input.export:hover, input.import:hover, a.export:hover, a.import:hover { background-image: url('Images/buttons/pressed/table_go.gif' ); }


input.search, a.search { background-image: url('Images/buttons/normal/magnifier.gif' ); }
input.search:hover, a.search:hover { background-image: url('Images/buttons/hover/magnifier.gif' ); }
input.search:active, a.search:active { background-image: url('Images/buttons/pressed/magnifier.gif' ); }

input.create, a.create { background-image: url('Images/buttons/normal/page_add.gif' ); }
input.create:hover, a.create:hover { background-image: url('Images/buttons/hover/page_add.gif' ); }
input.create:active, a.create:active { background-image: url('Images/buttons/pressed/page_add.gif' ); }

input.edit, input.change, a.edit, a.change { background-image: url('Images/buttons/normal/page_white_edit.gif' ); }
input.edit:hover, input.change:hover, a.edit:hover, a.change:hover { background-image: url('Images/buttons/hover/page_white_edit.gif' ); }
input.edit:active, input.change:active, a.edit:active, a.change:active { background-image: url('Images/buttons/pressed/page_white_edit.gif' ); }

input.save, a.save
{
	background-image: url('Images/buttons/normal/tick.gif' );
	background-position: 6% 50%;
}
input.save:hover, a.save:hover { background-image: url('Images/buttons/hover/tick.gif' ); }
input.save:active, a.save:active { background-image: url('Images/buttons/pressed/tick.gif' ); }

input.clearButton, a.clearButton
{
	background-image: url('Images/buttons/normal/textfield.gif' );
	background-position: 7% 50%;
}
input.clearButton:hover, a.clearButton:hover { background-image: url('Images/buttons/hover/textfield.gif' ); }
input.clearButton:active, a.clearButton:active { background-image: url('Images/buttons/pressed/textfield.gif' ); }

input.trash, a.trash { background-image: url('Images/buttons/normal/delete.gif'); }
input.trash:hover, a.trash:hover { background-image: url('Images/buttons/hover/delete.gif' ); }
input.trash:active, a.trash:active { background-image: url('Images/buttons/pressed/delete.gif' ); }

input.delete, input.cancel, a.delete, a.cancel
{
    border:1px solid #fbc2c4;
    color:#d12f19;
}

input.delete:hover, input.cancel:hover, a.delete:hover, a.cancel:hover
{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
input.delete:active, input.cancel:active, a.delete:active, a.cancel:active
{
    background-color:#d12f19;
    border:1px solid #d12f19;
}

input.report, a.report { background-image: url('Images/buttons/normal/chart_bar.gif'); }
input.report:hover, a.report:hover { background-image: url('Images/buttons/hover/chart_bar.gif'); }
input.report:active, a.report:active { background-image: url('Images/buttons/pressed/chart_bar.gif'); }

