.button,
.button:link,
.button:visited {
    display:block;
    font-size:10px;
    font-family:arial;
    text-align:center;
    text-decoration:none;
    cursor:pointer;
}

/* Used in both upgrade account pages */
.infoButton {
    width:148px;
    height:38px;
    font-size:14px;
    display:block;
    text-decoration:none;
    text-align:center;
    border:0;
    margin:0 0 0 27px;
    padding:0;
    background:url(../images/buttons/orange_info.gif) no-repeat top left;
    color:#FFF !important;
    line-height:38px;
}
/*
.button.orange,
.button.orange:link,
.button.orange:visited {
    width:148px;
    height:38px;
    font-size:14px;
    display:block;
    text-decoration:none;
    text-align:center;
    border:0;
    margin:0;
    padding:0;
    background:url(../images/buttons/orange.gif) no-repeat top left;
    color:#FFF !important;
    cursor:pointer;
    line-height:38px;
}

#banner .button.orange,
#banner .button.orange:link,
#banner .button.orange:visited {
    background-image:url(../images/buttons/banner_signup.gif);
    margin:40px 0 10px 35px;
	padding-left: 10px;
}
*/
.buttonGreyAccount,
.buttonGreyAccount a:link,
.buttonGreyAccount a:visited,
.buttonGreyAccount button,
.buttonGreyAccount input,
.buttonGreenAccount,
.buttonGreenAccount a:link,
.buttonGreenAccount a:visited,
.buttonGreenAccount button,
.buttonGreenAccount input,
.buttonBlue,
.buttonBlue a:link,
.buttonBlue a:visited,
.buttonBlue button,
.buttonBlue input,
.buttonWhite,
.buttonWhite a:link,
.buttonWhite a:visited,
.buttonWhite button,
.buttonWhite input,
.buttonBlueLeft,
.buttonBlueLeft a:link,
.buttonBlueLeft a:visited,
.buttonBlueLeft button,
.buttonBlueLeft input,
.buttonBlueRight,
.buttonBlueRight a:link,
.buttonBlueRight a:visited,
.buttonBlueRight button,
.buttonBlueRight input,
.buttonBlueBoth,
.buttonBlueBoth a:link,
.buttonBlueBoth a:visited,
.buttonBlueBoth button,
.buttonBlueBoth input {
    font-size:12px;
    font-family:arial;
    text-align:left;
    position:relative;
    display:block;
    line-height:24px;
    cursor:pointer;
    height:24px;
    border:none;
    outline:none;
    overflow:visible !important;
}
.buttonGreyAccount,
.buttonGreenAccount,
.buttonBlue,
.buttonWhite,
.buttonBlueLeft,
.buttonBlueRight,
.buttonBlueBoth {
    margin:0 20px 5px 0;
    padding:0;
    background-color:transparent;
    background-position:top left;
    background-repeat:no-repeat;
    position:relative;
}



.buttonGreyAccount a:link,
.buttonGreyAccount a:visited,
.buttonGreyAccount button,
.buttonGreyAccount input,
.buttonGreenAccount a:link,
.buttonGreenAccount a:visited,
.buttonGreenAccount button,
.buttonGreenAccount input,
.buttonBlue a:link,
.buttonBlue a:visited,
.buttonBlue button,
.buttonBlue input,
.buttonWhite a:link,
.buttonWhite a:visited,
.buttonWhite button,
.buttonWhite input,
.buttonBlueLeft a:link,
.buttonBlueLeft a:visited,
.buttonBlueLeft button,
.buttonBlueLeft input,
.buttonBlueRight a:link,
.buttonBlueRight a:visited,
.buttonBlueRight button,
.buttonBlueRight input,
.buttonBlueBoth a:link,
.buttonBlueBoth a:visited,
.buttonBlueBoth button,
.buttonBlueBoth input {
    margin:0;
    padding:0 -20px 0 0;
    border:none;
    text-decoration:none;
    color:#000;
    text-align:center;
    background-color:transparent;
    background-position:top right;
    background-repeat:no-repeat;
    position:absolute;
}

.buttonWhite {
    background-image:url(../images/buttons/white_left.gif);
}

.buttonWhite a:link,
.buttonWhite a:visited,
.buttonWhite button,
.buttonWhite input {
    background-image:url(../images/buttons/white_right.gif);
}




.buttonBlue,
.buttonBlueRight {
    background-image:url(../images/buttons/blue_left.gif);
}


.buttonGreyAccount,
.buttonGreyAccount input{
   background-image: url(../images/buttons/grey_button_account.gif) !important;
   width: 100px;
/*   background-image: url(../images/buttons/grey_button.gif) !important;
   width: 146px !important;*/
   font-weight: bold;
   color:#666666;
}


.buttonGreyIndex{
   background-image: url(../images/buttons/index_grey_button.gif) !important;
   background-repeat: no-repeat;
    width: 100px;
    height: 24px;
/*    background-image:url(../images/buttons/green_button_small.gif) !important;
    width: 146px !important;*/
    font-weight: bold;
    color: #FFF !important;
    float: right !Important;
}

.buttonGreyIndex a {
    position:relative;
    left:18px;
    top: 5px;
    color: #FFF !important;
    text-decoration: none !important;
}

.buttonBlueIndex{
   background-image: url(../images/buttons/index_blue_button.gif) !important;
   background-repeat: no-repeat;
    width: 205px !important;
    height: 20px;
    font-weight: bold;
    color: #FFF !important;
/*    float: right !Important;*/
	
}

.buttonBlueIndex a {
    position:relative;
    left:10px;
    top: 3px;
    color: #FFF !important;
    text-decoration: none !important;
    font-size: 11px;
/*    text-align: center !important;*/
}

.buttonWhiteIndex{
   background-image: url(../images/buttons/index_white_button.gif) !important;
   background-repeat: no-repeat;
    width: 100px;
    height: 24px;
    font-weight: bold;
    color: #000000 !important;
    float: right !Important;
}
.buttonWhiteIndex a {
    position:relative;
    left:18px;
    top: 5px;
    color: #000000 !important;
    text-decoration: none !important;
}

.buttonGreenAccount,
.buttonGreenAccount input{
    background-image:url(../images/buttons/green_button_account.gif) !important;
    width: 100px;
    height:24px;
/*    background-image:url(../images/buttons/green_button_small.gif) !important;
    width: 146px !important;*/
    font-weight: bold;
    color: #FFF;
}


.buttonBlue a:link,
.buttonBlue a:visited,
.buttonBlue button,
.buttonBlue input,
.buttonBlueLeft a:link,
.buttonBlueLeft a:visited,
.buttonBlueLeft button,
.buttonBlueLeft input {
    background-image:url(../images/buttons/blue_right.gif);
    color:#FFF;
    font-weight:bold !important;
}



.buttonBlueLeft,
.buttonBlueBoth {
    background-image:url(../images/buttons/blue_left_arrow.gif);
}





.buttonBlueRight a:link,
.buttonBlueRight a:visited,
.buttonBlueRight button,
.buttonBlueRight input,
.buttonBlueBoth a:link,
.buttonBlueBoth a:visited,
.buttonBlueBoth button,
.buttonBlueBoth input {
    color:#FFF;
    font-weight:bold !important;
    background-image:url(../images/buttons/blue_right_arrow.gif);
}

.tiny {
    width:60px !important;
}

.tiny a:link,
.tiny a:visited,
.tiny button,
.tiny input {
    width:80px !important;
}

.small {
    width:80px !important;
}

.small a:link,
.small a:visited,
.small button,
.small input {
    width:100px !important;
}

.medium {
    width:130px !important;
}

.medium a:link,
.medium a:visited,
.medium button,
.medium input {
    width:150px !important;
}

.large {
    width:180px !important;
}

.large a:link,
.large a:visited,
.large button,
.large input {
    width:200px !important;
}

#monthNav {
    width:400px;
    margin:5px auto 0 auto;
    clear:both;
    height:24px !important;
/*    overflow:auto;*/
}

.buttonMonthLeft,
.buttonMonthRight {
    display:block;
    width:22px;
    height:24px;
    background-repeat:no-repeat;
    background-position:top left;
    background-color:transparent;
    border:none;
    text-indent:-999%;
    float:left;
    cursor:pointer;
    color:#ADAEAF;
    font-size:5px;
}

.buttonMonthLeft {
    background-image:url(../images/buttons/monthLeft.gif);
}

.buttonMonthRight {
    background-image:url(../images/buttons/monthRight.gif);
    float: left;
}

select.dropdown_nav{
/*		width:250px;*/
		width: 130px;
    height:22px;
/*    display:block;*/
    border-top:1px solid #B6B7B8 !important;
    border-bottom:1px solid #B6B7B8 !important;
    border: 1px solid #B6B7B8 !important;
    float:left;
    line-height:22px;
    font-size:14px !important;
    text-align: center !important;
}

.month {
/*    width:250px;*/
		width: 130px;
    height:22px;
    display:block;
    border-top:1px solid #B6B7B8;
    border-bottom:1px solid #B6B7B8;
    float:left;
    line-height:22px;
    font-size:14px;
    text-align:center !important;
}

.spacer {
    width:200px;
    text-align:right;
}

.spacer .buttonBlue {
    margin-top:5px;
    float:right;
}

#monthSelector {
    position:relative;
}

#monthSelector .buttonBlue {
    position:absolute;
    top:5px;
    right:0;
}

#monthSelector>.buttonBlue {
    right:25px;
}

.greyCancelButton:link,
.greyCancelButton:visited {
    float: left;
    display:block;
    width:170px;
    height:21px;
    line-height:21px;
    text-align:center;
    color:#FFF;
    background:#33CC00 url(../images/button/grey_cancel_subs_button.gif) no-repeat top left;
    font-size:11px;
    font-weight:bold;
    text-decoration:none;
}
.greyCancelButton:link,
.greyCancelButton:visited {
     background-image:url(../images/buttons/grey_cancel_subs_button.gif);
}


#free_option .signup_button:link,
#free_option .signup_button:visited,
.greenButton:link,
.greenButton:visited {
    display:block;
    width:170px;
    height:21px;
    line-height:21px;
    text-align:center;
    color:#FFF;
    background:#33CC00 url(../images/assets/signup_free_button.gif) no-repeat top left;
    font-size:11px;
    font-weight:bold;
    text-decoration:none;
}

.greenButton:link,
.greenButton:visited {
    background-image:url(../images/buttons/green_button.gif);
}