/******************************************************************************/
/***                    Sliding Door CSS Push Buttons                       ***/
/******************************************************************************/

/*----------------------------------------------------------------------------*/
/*--  Sliding Door Buttons                                                  --*/
/*----------------------------------------------------------------------------*/
.floatLeft  { float: left;  }
.floatRight { float: right; }

a.bigBlueButton, a.smallBlueButton, a.bigRedButton, a.smallRedButton, a.bigPurpleButton, a.smallPurpleButton, a.bigGreenButton, a.smallGreenButton, a.bigYellowButton, a.smallYellowButton {
	display:             block;
	float:               left;
	background-color:    transparent;
	background-repeat:   no-repeat;
	background-position: top right;
	color:           white;
	font-family:     Times New Roman, Times, serif;
	font-weight:     bold;
	text-decoration: none; }

a.bigBlueButton span, a.smallBlueButton span, a.bigRedButton span, a.smallRedButton span, a.bigPurpleButton span, a.smallPurpleButton span, a.bigGreenButton span, a.smallGreenButton span, a.bigYellowButton span, a.smallYellowButton span {
	display:           block;
	background-color:  transparent;
	background-repeat: no-repeat; }

a.bigBlueButton:hover, a.smallBlueButton:hover, a.bigRedButton:hover, a.smallRedButton:hover, a.bigPurpleButton:hover, a.smallPurpleButton:hover, a.bigGreenButton:hover, a.smallGreenButton:hover, a.bigYellowButton:hover, a.smallYellowButton:hover {
	color:  white;
	cursor: pointer;
	background-color:    transparent;
	background-repeat:   no-repeat;
	background-position: top right; }

a.bigBlueButton:hover span, a.smallBlueButton:hover span, a.bigRedButton:hover span, a.smallRedButton:hover span, a.bigPurpleButton:hover span, a.smallPurpleButton:hover span, a.bigGreenButton:hover span, a.smallGreenButton:hover span, a.bigYellowButton:hover span, a.smallYellowButton:hover span {
	cursor: pointer;
	background-color:  transparent;
	background-repeat: no-repeat; }

/*----------------------------------------------------------------------------*/
/*--  Big Top Level Navigation Buttons                                      --*/
/*----------------------------------------------------------------------------*/
a.bigBlueButton, a.bigRedButton, a.bigPurpleButton, a.bigGreenButton, a.bigYellowButton {
	height:        30px;
	margin-right:   6px;
	padding-right: 20px;
	font-size:     14px; }

a.bigBlueButton span, a.bigRedButton span, a.bigPurpleButton span, a.bigGreenButton span, a.bigYellowButton span {
	line-height:   15px;
	padding:        7px 0 10px 20px; }

a.bigBlueButton img, a.bigRedButton img, a.bigPurpleButton img, a.bigGreenButton img, a.bigYellowButton img {
	vertical-align: top;
	margin:   0 3px -3px 0 !important;
	padding:  0;  border: none;
	width:  20px; height: 20px; }

a.bigBlueButton              { background-image: url('/images/buttons/big_blue_right.png');         }
a.bigBlueButton span         { background-image: url('/images/buttons/big_blue_left.png');          }
a.bigBlueButton:hover        { background-image: url('/images/buttons/big_blue_right_hover.png');   }
a.bigBlueButton:hover span   { background-image: url('/images/buttons/big_blue_left_hover.png');    }

a.bigRedButton               { background-image: url('/images/buttons/big_red_right.png');          }
a.bigRedButton span          { background-image: url('/images/buttons/big_red_left.png');           }
a.bigRedButton:hover         { background-image: url('/images/buttons/big_red_right_hover.png');    }
a.bigRedButton:hover span    { background-image: url('/images/buttons/big_red_left_hover.png');     }

a.bigPurpleButton            { background-image: url('/images/buttons/big_purple_right.png');       }
a.bigPurpleButton span       { background-image: url('/images/buttons/big_purple_left.png');        }
a.bigPurpleButton:hover      { background-image: url('/images/buttons/big_purple_right_hover.png'); }
a.bigPurpleButton:hover span { background-image: url('/images/buttons/big_purple_left_hover.png');  }

a.bigGreenButton             { background-image: url('/images/buttons/big_green_right.png');        }
a.bigGreenButton span        { background-image: url('/images/buttons/big_green_left.png');         }
a.bigGreenButton:hover       { background-image: url('/images/buttons/big_green_right_hover.png');  }
a.bigGreenButton:hover span  { background-image: url('/images/buttons/big_green_left_hover.png');   }

a.bigYellowButton            { background-image: url('/images/buttons/big_yellow_right.png');       }
a.bigYellowButton span       { background-image: url('/images/buttons/big_yellow_left.png');        }
a.bigYellowButton:hover      { background-image: url('/images/buttons/big_yellow_right_hover.png'); }
a.bigYellowButton:hover span { background-image: url('/images/buttons/big_yellow_left_hover.png');  }

/*----------------------------------------------------------------------------*/
/*--  Small Navigation Buttons                                              --*/
/*----------------------------------------------------------------------------*/
a.smallBlueButton, a.smallRedButton, a.smallPurpleButton, a.smallGreenButton, a.smallYellowButton {
	height:        20px;
	padding-right: 10px;
	margin-right:  10px;
	font-size:     12px; }

a.smallBlueButton span, a.smallRedButton span, a.smallPurpleButton span, a.smallGreenButton span, a.smallYellowButton span {
	line-height:   8px;
	padding:       7px 0 10px 10px; }

a.smallBlueButton              { background-image: url('/images/buttons/small_blue_right.png');         }
a.smallBlueButton span         { background-image: url('/images/buttons/small_blue_left.png');          }
a.smallBlueButton:hover        { background-image: url('/images/buttons/small_blue_right_hover.png');   }
a.smallBlueButton:hover span   { background-image: url('/images/buttons/small_blue_left_hover.png');    }

a.smallRedButton               { background-image: url('/images/buttons/small_red_right.png');          }
a.smallRedButton span          { background-image: url('/images/buttons/small_red_left.png');           }
a.smallRedButton:hover         { background-image: url('/images/buttons/small_red_right_hover.png');    }
a.smallRedButton:hover span    { background-image: url('/images/buttons/small_red_left_hover.png');     }

a.smallPurpleButton            { background-image: url('/images/buttons/small_purple_right.png');       }
a.smallPurpleButton span       { background-image: url('/images/buttons/small_purple_left.png');        }
a.smallPurpleButton:hover      { background-image: url('/images/buttons/small_purple_right_hover.png'); }
a.smallPurpleButton:hover span { background-image: url('/images/buttons/small_purple_left_hover.png');  }

a.smallGreenButton             { background-image: url('/images/buttons/small_green_right.png');        }
a.smallGreenButton span        { background-image: url('/images/buttons/small_green_left.png');         }
a.smallGreenButton:hover       { background-image: url('/images/buttons/small_green_right_hover.png');  }
a.smallGreenButton:hover span  { background-image: url('/images/buttons/small_green_left_hover.png');   }

a.smallYellowButton            { background-image: url('/images/buttons/small_yellow_right.png');       }
a.smallYellowButton span       { background-image: url('/images/buttons/small_yellow_left.png');        }
a.smallYellowButton:hover      { background-image: url('/images/buttons/small_yellow_right_hover.png'); }
a.smallYellowButton:hover span { background-image: url('/images/buttons/small_yellow_left_hover.png');  }