a.small, a.medium, a.large, a.xlarge
{
    position: relative;
    background: no-repeat scroll top right;
    display: inline-block;
    color: #ffffff;
    margin: 0px 4px;
    padding: 0px;
    text-decoration: none;
    cursor: pointer;
    font-family:MuseoSlab500;
    font-weight:normal;
}

a.small 
{
    height: 22px;
    line-height: 16px;
    font-size: 10px;
    padding-right: 10px;
}

a.small > span  {
    display: inline-block;
    height: 22px;
    line-height: 16px;
    width: 55px;
    text-align: center;
    padding-left: 10px;
    cursor: pointer;
}

a.small[class~="blue"]  {
    background-image: url(../media/images/buttons/small/small_blue_right.png);
}

a.small[class~="blue"] > span  {
    background-image: url(../media/images/buttons/small/small_blue_left.png); 
}

a.small[class~="blue"]:hover  {
    background-image: url(../media/images/buttons/small/small_blue_right_hover.png);
}

a.small[class~="blue"]:hover > span  {
    background-image: url(../media/images/buttons/small/small_blue_left_hover.png); 
}

a.small[class~="green"]  {
    background-image: url(../media/images/buttons/small/small_green_right.png);
}

a.small[class~="green"] > span  {
    background-image: url(../media/images/buttons/small/small_green_left.png);
}

a.small[class~="green"]:hover  {
    background-image: url(../media/images/buttons/small/small_green_right_hover.png);
}

a.small[class~="green"]:hover > span  {
    background-image: url(../media/images/buttons/small/small_green_left_hover.png);
}

a.small[class~="darkblue"]  {
    background-image: url(../media/images/buttons/small/small_darkblue_right.png);
}

a.small[class~="darkblue"] > span  {
    background-image: url(../media/images/buttons/small/small_darkblue_left.png);
}

a.small[class~="darkblue"]:hover  {
    background-image: url(../media/images/buttons/small/small_darkblue_right_hover.png);
}

a.small[class~="darkblue"]:hover > span  {
    background-image: url(../media/images/buttons/small/small_darkblue_left_hover.png);
}

a.small[class~="disabled"]  {
    background-image: url(../media/images/buttons/small/small_disabled_right.png);
    cursor: default;
}

a.small[class~="disabled"] > span  {
    background-image: url(../media/images/buttons/small/small_disabled_left.png);
}

a.small[class~="green"][class~="hover"]  {
    background-image: url(../media/images/buttons/small/small_green_right_hover.png);
    cursor: pointer;    
}

a.small[class~="green"][class~="hover"] > span  {
    background-image: url(../media/images/buttons/small/small_green_left_hover.png);
    cursor: pointer;
}

a.medium 
{
    height: 24px;
    line-height: 18px;
    font-size: 11px;
    font-weight: normal;
    padding-right: 11px;
}

a.medium span  {
    display: inline-block;
    height: 24px;
    line-height: 18px;
    width: 50px;
    text-align: center;
    padding-left: 11px;
    cursor: pointer;
}

a.medium[class~="blue"]  {
    background-image: url(../media/images/buttons/medium/medium_blue_right.png);
}

a.medium[class~="blue"] > span  {
    background-image: url(../media/images/buttons/medium/medium_blue_left.png); 
}

a.medium[class~="blue"]:hover  {
    background-image: url(../media/images/buttons/medium/medium_blue_right_hover.png);
}

a.medium[class~="blue"]:hover > span  {
    background-image: url(../media/images/buttons/medium/medium_blue_left_hover.png); 
}

a.medium[class~="green"]  {
    background-image: url(../media/images/buttons/medium/medium_green_right.png);
}

a.medium[class~="green"] > span  {
    background-image: url(../media/images/buttons/medium/medium_green_left.png);
}

a.medium[class~="green"]:hover  {
    background-image: url(../media/images/buttons/medium/medium_green_right_hover.png);
}

a.medium[class~="green"]:hover > span  {
    background-image: url(../media/images/buttons/medium/medium_green_left_hover.png);
}

a.medium[class~="darkblue"]  {
    background-image: url(../media/images/buttons/medium/medium_darkblue_right.png);
}

a.medium[class~="darkblue"] > span  {
    background-image: url(../media/images/buttons/medium/medium_darkblue_left.png);
}

a.medium[class~="darkblue"]:hover  {
    background-image: url(../media/images/buttons/medium/medium_darkblue_right_hover.png);
}

a.medium[class~="darkblue"]:hover > span  {
    background-image: url(../media/images/buttons/medium/medium_darkblue_left_hover.png);
}

a.medium[class~="disabled"]  {
    background-image: url(../media/images/buttons/medium/medium_disabled_right.png);
    cursor: default;
}

a.medium[class~="disabled"] > span  {
    background-image: url(../media/images/buttons/medium/medium_disabled_left.png);
}


a.large 
{
    height: 27px;
    line-height: 22px;
    font-size: 12px;
    padding-right: 12px;
    text-decoration: none;
}

a.large > span  {
    display: inline-block;
    height: 27px;
    line-height: 22px;
    width: 60px;
    text-align: center;
    padding-left: 12px;
    cursor: pointer;
}

a.large[class~="blue"]  {
    background-image: url(../media/images/buttons/large/large_blue_right.png);
}

a.large[class~="blue"] > span  {
    background-image: url(../media/images/buttons/large/large_blue_left.png); 
}

a.large[class~="blue"]:hover  {
    background-image: url(../media/images/buttons/large/large_blue_right_hover.png);
}

a.large[class~="blue"]:hover > span  {
    background-image: url(../media/images/buttons/large/large_blue_left_hover.png); 
}

a.large[class~="green"]  {
    background-image: url(../media/images/buttons/large/large_green_right.png);
}

a.large[class~="green"] > span  {
    background-image: url(../media/images/buttons/large/large_green_left.png);
}

a.large[class~="green"]:hover  {
    background-image: url(../media/images/buttons/large/large_green_right_hover.png);
}

a.large[class~="green"]:hover > span  {
    background-image: url(../media/images/buttons/large/large_green_left_hover.png);
}

a.large[class~="darkblue"]  {
    background-image: url(../media/images/buttons/large/large_darkblue_right.png);
}

a.large[class~="darkblue"] > span  {
    background-image: url(../media/images/buttons/large/large_darkblue_left.png);
}

a.large[class~="darkblue"]:hover  {
    background-image: url(../media/images/buttons/large/large_darkblue_right_hover.png);
}

a.large[class~="darkblue"]:hover > span  {
    background-image: url(../media/images/buttons/large/large_darkblue_left_hover.png);
}

a.large[class~="disabled"]  {
    background-image: url(../media/images/buttons/large/large_disabled_right.png);
    cursor: default;
}

a.large[class~="disabled"] > span  {
    background-image: url(../media/images/buttons/large/large_disabled_left.png);
}


a.xlarge 
{
    height: 31px;
    line-height: 27px;
    font-size: 13px;
    padding-right: 13px;
    text-decoration: none;
}

a.xlarge[class~="wide"] {

}

a.xlarge > span  {
    display: inline-block;
    height: 31px;
    line-height: 27px;
    width: 78px;
    text-align: center;
    padding-left: 13px;
    cursor: pointer;
}

a.xlarge[class~="wide"] > span {
    width: 100px;
}

a.xlarge[class~="blue"]  {
    background-image: url(../media/images/buttons/eXtraLarge/eXtraLarge_blue_right.png);
}

a.xlarge[class~="blue"] > span  {
    background-image: url(../media/images/buttons/eXtraLarge/eXtraLarge_blue_left.png); 
}

a.xlarge[class~="blue"]:hover  {
    background-image: url(../media/images/buttons/eXtraLarge/eXtraLarge_blue_right_hover.png);
}

a.xlarge[class~="blue"]:hover > span  {
    background-image: url(../media/images/buttons/eXtraLarge/eXtraLarge_blue_left_hover.png); 
}

a.xlarge[class~="green"]  {
    background-image: url(../media/images/buttons/eXtraLarge/eXtraLarge_green_right.png);
}

a.xlarge[class~="green"] > span  {
    background-image: url(../media/images/buttons/eXtraLarge/eXtraLarge_green_left.png);
}

a.xlarge[class~="green"]:hover  {
    background-image: url(../media/images/buttons/eXtraLarge/eXtraLarge_green_right_hover.png);
}

a.xlarge[class~="green"]:hover > span  {
    background-image: url(../media/images/buttons/eXtraLarge/eXtraLarge_green_left_hover.png);
}

a.xlarge[class~="darkblue"]  {
    background-image: url(/media/images/buttons/eXtraLarge/eXtraLarge_darkblue_right.png);
}

a.xlarge[class~="darkblue"] > span  {
    background-image: url(../media/images/buttons/eXtraLarge/eXtraLarge_darkblue_left.png);
}

a.xlarge[class~="darkblue"]:hover  {
    background-image: url(../media/images/buttons/eXtraLarge/eXtraLarge_darkblue_right_hover.png);
}

a.xlarge[class~="darkblue"]:hover > span  {
    background-image: url(../media/images/buttons/eXtraLarge/eXtraLarge_darkblue_left_hover.png);
}

a.xlarge[class~="disabled"]  {
    background-image: url(../media/images/buttons/eXtraLarge/eXtraLarge_disabled_right.png);
    cursor: default;
}

a.xlarge[class~="disabled"] > span  {
    background-image: url(../media/images/buttons/eXtraLarge/eXtraLarge_disabled_left.png);
}

a.menu
{
    display: inline-block;
    height: 34px;
    line-height: 34px;
    font-size: 14px;
    color: #00a3d9;
    padding-right: 17px;
    font-family: MuseoSlab500;
    text-decoration: none;
}

a.menu > span
{
    display: inline-block;
    height: 34px;
    line-height: 34px;
    text-align: center;
    padding-left: 17px;
    cursor: pointer;
    width: 75px;
}

a.menu[class~="selected"]
{
    color: #000000;
}

a.menu:hover, a.menu[class~="selected"]
{
    background: no-repeat scroll top right url(../media/Images/buttons/topMenu/top_menu_right.png);
}

a.menu:hover > span, a.menu[class~="selected"] > span
{
    background: no-repeat scroll top left url(../media/Images/buttons/topMenu/top_menu_left.png);
}