﻿/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	BUTTONS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.pink-button-xsmall,
.pink-button-med,
.black-button-small,
.black-button-large
{
	color:#fff;
    padding-left:5px;
	padding-right:5px;
	font-weight:bold;
	font-size:13px;
    font-family:Arial;
    text-transform:uppercase;
    vertical-align:middle;
	border:none;
	cursor:pointer;
}

.pink-button-xsmall
{
	width:68px;
	height:21px;
	line-height:21px;
	font-size:11px;
	background:url('images/bg_button_pink68.png') no-repeat;
}

.pink-button-xsmall:hover
{
	background:url('images/bg_button_pink_hover68.png') no-repeat;
}

.pink-button-med
{
	font-size:11px;
	text-transform:none;
	width:120px;
	height:21px;
	background:transparent url('images/bg_button_pink120.png') no-repeat center;
}

.pink-button-med:hover
{
	background:transparent url('images/bg_button_black120.png') no-repeat center;
}

.black-button-small
{
	width:102px;
	height:29px;
	line-height:29px;
	background:transparent url('images/bg_button_black102.png') no-repeat;
}

.black-button-small:hover
{
	background:transparent url('images/bg_button_black_hover102.png') no-repeat;
}

.black-button-large
{
	font-size:12px;
	width:260px;
	height:29px;
	line-height:29px;
	background:transparent url('images/bg_button_black260.png') no-repeat;
}

.black-button-large:hover
{
	background:transparent url('images/bg_button_black_hover260.png') no-repeat;
}

.calendar-button-med
{
	width:24px;
	height:26px;
	border:none;
	background:transparent url('images/calendar-ico.png') no-repeat center;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	HYPERLINK

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
a.black-button-med
{	
	display:block;
	color:#fff;
    padding-left:5px;
	padding-right:5px;
	font-weight:bold;
	text-align:center;
	font-size:13px;
    font-family:Arial;
    text-transform:uppercase;
    vertical-align:middle;
	border:none;
	cursor:pointer;
}

a.black-button-med
{
	font-size:13px;
	width:120px;
	height:21px;
	line-height:19px;
	vertical-align:middle;
	background:transparent url('images/bg_button_black120.png') no-repeat center;
}

a.black-button-med:hover
{
	text-decoration:none;
	background:transparent url('images/bg_button_pink120.png') no-repeat center;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	LABELS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.textbox
{
	display:block;
	white-space:normal;
	padding:2px 4px 2px 4px;
	background:#f7f7f7;
	border:1px solid #aaa;
    word-wrap:break-word;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	CALENDAR EXTENDER

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.calendar .ajax__calendar_container   
{
    background-color: #f5f5f5; 
    border:solid 1px #cccccc;
}

.calendar .ajax__calendar_header  
{
    background-color: #f7f7f7; 
    margin-bottom: 4px;
}

.calendar .ajax__calendar_title,
.calendar .ajax__calendar_next,
.calendar .ajax__calendar_prev    
{
    color: #000; 
    padding-top: 3px;
}

.calendar .ajax__calendar_body    
{
	color:#555;
    background-color: #fff; 
    border: solid 1px #cccccc;
}

.calendar .ajax__calendar_footer  
{
	color:#555;
}

.calendar .ajax__calendar_dayname 
{
    text-align:center; 
    font-weight:bold; 
    margin-bottom: 4px; 
    margin-top: 2px;
}

.calendar .ajax__calendar_day 
{
    text-align:center;
}

.calendar .ajax__calendar_hover .ajax__calendar_day,
.calendar .ajax__calendar_hover .ajax__calendar_month,
.calendar .ajax__calendar_hover .ajax__calendar_year,
.calendar .ajax__calendar_active  
{
    color: #ef2869;
    font-weight: bold; 
    background-color: #ffffff;
}

.calendar .ajax__calendar_today   
{
    font-weight:bold;
}

.calendar .ajax__calendar_other,
.calendar .ajax__calendar_hover .ajax__calendar_today,
.calendar .ajax__calendar_hover .ajax__calendar_title 
{
    color: #bbbbbb;
}
