﻿/* Standard Buttons */
.button
{
	height:26px;
	padding-top:4px;
	padding-left: 0px;
	display:block;	
	text-align:center;
	vertical-align: middle;
	color: #0f238c;
	text-decoration:none;
	outline: none;	
}

.button50
{	
	background:url('../images/button50.png');
	background-repeat:no-repeat;
	width:50px;
}

.button50:hover
{
	background:url('../images/buttonOver50.png');
	background-repeat:no-repeat;
}

.button50:active, .button50:active span
{	
	position:relative;
	top: 1px;	
}

.button75
{
	background:url('../images/button75.png');
	background-repeat:no-repeat;
	width:75px;
}

.button75:hover
{
	background:url('../images/buttonOver75.png');
	background-repeat:no-repeat;
}

.button75:active, .button75:active span
{	
	position:relative;
	top: 1px;	
}

.button100
{
	background:url('../images/button100.png');
	background-repeat:no-repeat;
	width:100px;
}

.button100:hover
{
	background:url('../images/buttonOver100.png');
	background-repeat:no-repeat;
}

.button100:active, .button100:active span
{	
	position:relative;
	top: 1px;	
}

.button125
{
	background:url('../images/button125.png');
	background-repeat:no-repeat;
	width:125px;
}

.button125:hover
{
	background:url('../images/buttonOver125.png');
	background-repeat:no-repeat;
}

.button125:active, .button125:active span
{	
	position:relative;
	top: 1px;	
}

.button150
{
	background:url('../images/button150.png');
	background-repeat:no-repeat;
	width:150px;
}	

.button150:hover
{
	background:url('../images/buttonOver150.png');
	background-repeat:no-repeat;
}

.button150:active, .button150:active span
{	
	position:relative;
	top: 1px;	
}

.button175
{
	background:url('../images/button175.png');
	background-repeat:no-repeat;
	width:175px;
}

.button175:hover
{
	background:url('../images/buttonOver175.png');
	background-repeat:no-repeat;
}

.button175:active, .button175:active span
{	
	position:relative;
	top: 1px;	
}

.button190
{
	background:url('../images/button190.png');
	background-repeat:no-repeat;
	width:190px;
}

.button190:hover
{
	background:url('../images/buttonOver190.png');
	background-repeat:no-repeat;
}

.button190:active, .button190:active span
{	
	position:relative;
	top: 1px;	
}

.button190NoHover
{
	background:url('../images/button190.png');
	background-repeat:no-repeat;
	width:190px;
}

.button190NoHover:active, .button190NoHover:active span
{	
	position:relative;
	top: 1px;	
}

.button195
{
	background:url('../images/button195.png');
	background-repeat:no-repeat;
	width:195px;
}

.button195:hover
{
	background:url('../images/buttonOver195.png');
	background-repeat:no-repeat;
	width:195px;
}

.button195:active, .button195:active span
{	
	position:relative;
	top: 1px;	
}

.button200
{
	background:url('../images/button200.png');
	background-repeat:no-repeat;
	width:200px;
}

.button200:hover
{
	background:url('../images/buttonOver200.png');
	background-repeat:no-repeat;
}

.button200:active, .button200:active span
{	
	position:relative;
	top: 1px;	
}

.button225
{
	background:url('../images/button225.png');
	background-repeat:no-repeat;
	width:225px;
}

.button225:hover
{
	background:url('../images/buttonOver225.png');
	background-repeat:no-repeat;
}

.button225:active, .button225:active span
{	
	position:relative;
	top: 1px;	
}

.button250
{
	background:url('../images/button250.png');
	background-repeat:no-repeat;
	width:250px;
}

.button250:hover
{
	background:url('../images/buttonOver250.png');
	background-repeat:no-repeat;
}

.button250:active, .button250:active span
{	
	position:relative;
	top: 1px;	
}

.button275
{
	background:url('../images/button275.png');
	background-repeat:no-repeat;
	width:275px;
}

.button275:hover
{
	background:url('../images/buttonOver275.png');
	background-repeat:no-repeat;
}

.button275:active, .button275:active span
{	
	position:relative;
	top: 1px;	
}

.button300
{
	background:url('../images/button300.png');
	background-repeat:no-repeat;
	width:300px;
}

.button300:hover
{
	background:url('../images/buttonOver300.png');
	background-repeat:no-repeat;
}

.button300:active, .button300:active span
{	
	position:relative;
	top: 1px;	
}

.button325
{
	background:url('../images/button325.png');
	background-repeat:no-repeat;
	width:325px;
}

.button325:hover
{
	background:url('../images/buttonOver325.png');
	background-repeat:no-repeat;
}

.button325:active, .button325:active span
{	
	position:relative;
	top: 1px;	
}

.button350
{
	background:url('../images/button350.png');
	background-repeat:no-repeat;
	width:350px;
}

.button350:hover
{
	background:url('../images/buttonOver350.png');
	background-repeat:no-repeat;
}

.button350:active, .button350:active span
{	
	position:relative;
	top: 1px;	
}

.button375
{
	background:url('../images/button375.png');
	background-repeat:no-repeat;
	width:375px;
}

.button375:hover
{
	background:url('../images/buttonOver375.png');
	background-repeat:no-repeat;
}

.button375:active, .button375:active span
{	
	position:relative;
	top: 1px;	
}

.button400
{
	background:url('../images/button400.png');
	background-repeat:no-repeat;
	width:400px;
}

.button400:hover
{
	background:url('../images/buttonOver400.png');
	background-repeat:no-repeat;
}

.button400:active, .button400:active span
{	
	position:relative;
	top: 1px;	
}

.buttonSearch
{
	margin-top: 2px;
	vertical-align:bottom;
	height:20px;
	background:url('../images/search.png');
	background-repeat:no-repeat;
	width:24px;
}

.buttonSearch:active, .buttonSearch:active span
{	
	position:relative;
	top: 1px;	
}

.buttonRefresh
{
	background:url('../images/updateBig.png');
	background-repeat:no-repeat;
	width:26px;
	height:26px;
	padding-top:0px;
	padding-left: 0px;
	display:block;	
	text-align:center;
	vertical-align: middle;
	color: #0f238c;
	text-decoration:none;
	outline: none;
}

.buttonRefresh:active, .buttonRefresh:active span
{	
	position:relative;
	top: 1px;	
}

.buttonPagerDoubleRight
{
	background:url('../images/buttonPagerDoubleRight.png');
	background-repeat:no-repeat;
	width:50px;
}

.buttonPagerDoubleRight:hover
{
	background:url('../images/buttonOverPagerDoubleRight.png');
	background-repeat:no-repeat;
}

.buttonPagerDoubleRight:active, .buttonPagerDoubleRight:active span
{	
	position:relative;
	top: 1px;	
}

.buttonPagerDoubleRight[disabled]
{
	 visibility:hidden;
}

.buttonPagerRight
{
	background:url('../images/buttonPagerRight.png');
	background-repeat:no-repeat;
	width:50px;
}

.buttonPagerRight:hover
{
	background:url('../images/buttonOverPagerRight.png');
	background-repeat:no-repeat;
}

.buttonPagerRight:active, .buttonPagerRight:active span
{	
	position:relative;
	top: 1px;	
}

.buttonPagerRight[disabled]
{
	 visibility:hidden;
}

.buttonPagerDoubleLeft
{
	background:url('../images/buttonPagerDoubleLeft.png');
	background-repeat:no-repeat;
	width:50px;
}

.buttonPagerDoubleLeft:hover
{
	background:url('../images/buttonOverPagerDoubleLeft.png');
	background-repeat:no-repeat;
}

.buttonPagerDoubleLeft:active, .buttonPagerDoubleLeft:active span
{	
	position:relative;
	top: 1px;	
}

.buttonPagerDoubleLeft[disabled]
{
	 visibility:hidden;
}

.buttonPagerLeft
{
	background:url('../images/buttonPagerLeft.png');
	background-repeat:no-repeat;
	width:50px;
}

.buttonPagerLeft:hover
{
	background:url('../images/buttonOverPagerLeft.png');
	background-repeat:no-repeat;
}

.buttonPagerLeft:active, .buttonPagerLeft:active span
{	
	position:relative;
	top: 1px;	
}

.buttonPagerLeft[disabled]
{
	 visibility:hidden;
}

.button50pagingsmall
{
	background:url('../images/button50.png');
	background-repeat:no-repeat;
	width:50px;
	padding-top:5px;
	font-size: .85em;
}

.button50pagingsmall:hover
{
	background:url('../images/buttonOver50.png');
	background-repeat:no-repeat;
}

.button50pagingsmall:active, .button50pagingsmall:active span
{	
	position:relative;
	top: 1px;	
}

.buttonLogin
{
	background:url('../images/button75.png');
	background-repeat:no-repeat;
	width:75px;
}

.buttonLogin:hover
{
	background:url('../images/buttonOver75.png');
	background-repeat:no-repeat;
}

.buttonLogin:active, .buttonLogin:active span
{	
	position:relative;
	top: 1px;	
}
/* End Standard Buttons */

/* Quick Message Buttons */
.button100Aqua
{
	background:url('../images/button100Aqua.png');
	background-repeat:no-repeat;
	width:100px;
	height:26px;
	padding-top:4px;
	padding-left: 0px;
	display:block;	
	text-align:center;
	vertical-align: middle;
	display:block;
	color: #0f238c;
	text-decoration:none;
	outline: none;
}

.button100Aqua:hover
{
	background:url('../images/buttonOver100Aqua.png');
	background-repeat:no-repeat;
}

.button100Aqua:active, .button100Aqua:active span
{	
	position:relative;
	top: 1px;	
}


.button100Beige
{
	background:url('../images/button100Beige.png');
	background-repeat:no-repeat;
	width:100px;
	height:26px;
	padding-top:4px;
	padding-left: 0px;
	display:block;	
	text-align:center;
	vertical-align: middle;
	display:block;
	color: #0f238c;
	text-decoration:none;
	outline: none;
}

.button100Beige:hover
{
	background:url('../images/buttonOver100Beige.png');
	background-repeat:no-repeat;
}

.button100Beige:active, .button100Beige:active span
{	
	position:relative;
	top: 1px;	
}


.button100Black
{
	background:url('../images/button100Black.png');
	background-repeat:no-repeat;
	width:100px;
	height:26px;
	padding-top:4px;
	padding-left: 0px;
	display:block;	
	text-align:center;
	vertical-align: middle;
	display:block;
	color: #FFFFFF;
	text-decoration:none;
	outline: none;
}

.button100Black:hover
{
	background:url('../images/buttonOver100Black.png');
	background-repeat:no-repeat;
	color: #0f238c;
}

.button100Black:active, .button100Black:active span
{	
	position:relative;
	top: 1px;	
	color: #0f238c;
}

.button100Blue
{
	background:url('../images/button100Blue.png');
	background-repeat:no-repeat;
	width:100px;
	height:26px;
	padding-top:4px;
	padding-left: 0px;
	display:block;	
	text-align:center;
	vertical-align: middle;
	display:block;
	color: #FFFFFF;
	text-decoration:none;
	outline: none;
}

.button100Blue:hover
{
	background:url('../images/buttonOver100Blue.png');
	background-repeat:no-repeat;
	color: #0f238c;
}

.button100Blue:active, .button100Blue:active span
{	
	position:relative;
	top: 1px;	
	color: #0f238c;
}

.button100Green
{
	background:url('../images/button100Green.png');
	background-repeat:no-repeat;
	width:100px;
	height:26px;
	padding-top:4px;
	padding-left: 0px;
	display:block;	
	text-align:center;
	vertical-align: middle;
	display:block;
	color: #FFFFFF;
	text-decoration:none;
	outline: none;
}

.button100Green:hover
{
	background:url('../images/buttonOver100Green.png');
	background-repeat:no-repeat;
	color: #0f238c;
}

.button100Green:active, .button100Green:active span
{	
	position:relative;
	top: 1px;	
	color: #0f238c;
}

.button100Orange
{
	background:url('../images/button100Orange.png');
	background-repeat:no-repeat;
	width:100px;
	height:26px;
	padding-top:4px;
	padding-left: 0px;
	display:block;	
	text-align:center;
	vertical-align: middle;
	display:block;
	color: #FFFFFF;
	text-decoration:none;
	outline: none;
}

.button100Orange:hover
{
	background:url('../images/buttonOver100Orange.png');
	background-repeat:no-repeat;
	color: #0f238c;
}

.button100Orange:active, .button100Orange:active span
{	
	position:relative;
	top: 1px;	
	color: #0f238c;
}

.button100Pink
{
	background:url('../images/button100Pink.png');
	background-repeat:no-repeat;
	width:100px;
	height:26px;
	padding-top:4px;
	padding-left: 0px;
	display:block;	
	text-align:center;
	vertical-align: middle;
	display:block;
	color: #0f238c;
	text-decoration:none;
	outline: none;
}

.button100Pink:hover
{
	background:url('../images/buttonOver100Pink.png');
	background-repeat:no-repeat;
}

.button100Pink:active, .button100Pink:active span
{	
	position:relative;
	top: 1px;	
}


.button100Purple
{
	background:url('../images/button100Purple.png');
	background-repeat:no-repeat;
	width:100px;
	height:26px;
	padding-top:4px;
	padding-left: 0px;
	display:block;	
	text-align:center;
	vertical-align: middle;
	display:block;
	color: #FFFFFF;
	text-decoration:none;
	outline: none;
}

.button100Purple:hover
{
	background:url('../images/buttonOver100Purple.png');
	background-repeat:no-repeat;
	color: #0f238c;
}

.button100Purple:active, .button100Purple:active span
{	
	position:relative;
	top: 1px;	
	color: #0f238c;
}

.button100Red
{
	background:url('../images/button100Red.png');
	background-repeat:no-repeat;
	width:100px;
	height:26px;
	padding-top:4px;
	padding-left: 0px;
	display:block;	
	text-align:center;
	vertical-align: middle;
	display:block;
	color: #FFFFFF;
	text-decoration:none;
	outline: none;
}

.button100Red:hover
{
	background:url('../images/buttonOver100Red.png');
	background-repeat:no-repeat;
	color: #0f238c;
}

.button100Red:active, .button100Red:active span
{	
	position:relative;
	top: 1px;	
	color: #0f238c;
}

.button100White
{
	background:url('../images/button100White.png');
	background-repeat:no-repeat;
	width:100px;
	height:26px;
	padding-top:4px;
	padding-left: 0px;
	display:block;	
	text-align:center;
	vertical-align: middle;
	display:block;
	color: #0f238c;
	text-decoration:none;
	outline: none;
}

.button100White:hover
{
	background:url('../images/buttonOver100White.png');
	background-repeat:no-repeat;
}

.button100White:active, .button100White:active span
{	
	position:relative;
	top: 1px;	
}


.button100Yellow
{
	background:url('../images/button100Yellow.png');
	background-repeat:no-repeat;
	width:100px;
	height:26px;
	padding-top:4px;
	padding-left: 0px;
	display:block;	
	text-align:center;
	vertical-align: middle;
	display:block;
	color: #0f238c;
	text-decoration:none;
	outline: none;
}

.button100Yellow:hover
{
	background:url('../images/buttonOver100Yellow.png');
	background-repeat:no-repeat;
}

.button100Yellow:active, .button100Yellow:active span
{	
	position:relative;
	top: 1px;	
}
/* End Quick Message Buttons */





.realbutton
{
	cursor:pointer;
	height:26px;
	padding-top:0px;
	padding-left: 0px;
	display:inline-block;	
	text-align:center;
	vertical-align: middle;
	color: #0f238c;
	text-decoration:none;
	outline: none;	
	border:none;
	-webkit-color: yellow;
}



/* Firefox Specific css */
@-moz-document url-prefix() {

    .realbutton
    {
    padding-bottom: 2px;
	padding-left: 6px;
}

}

/* Chrome Specific CSS */
@media screen and (-webkit-min-device-pixel-ratio:0) 
{
	.realbutton
    {
    padding-bottom: 2px;
	padding-left: 4px;
	}
}
