/*================================================================*/
/* Buttons */

.button {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	/* vertical-align: baseline; */
	vertical-align: top;
	margin: 0 4px 4px 0;
	outline: none;
	cursor: pointer;
	text-align: left;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.1em;
	letter-spacing: 0.07em;
	padding: 1px 5px 2px 5px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	-webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: 2px 2px 3px rgba(0,0,0,0.5);
    box-shadow: 2px 2px 3px rgba(0,0,0,0.5);
}
input.button::-moz-focus-inner, button.button::-moz-focus-inner  {
    border: 0 none !important;
    padding: 0;
    margin: 0;
}
html>/**/body input.button, x:-moz-any-link, x:default { /* FF 3 */
    padding: 0px 5px 1px 5px;
}
/*
input.button {
    padding: 1px 5px 2px 5px;
}
*/
.button:hover, .button:focus {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
	-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.5);
	box-shadow: 1px 1px 3px rgba(0,0,0,0.5);
}

.button span {
    display: block;
}

.button img {
    vertical-align: bottom;
    border: 0;
    width: 1.1em !important;
    height: 1.1em !important;
}

.button.bimg {
    position: relative;
    padding-left: 18px;
}
.button.bimg img {
    position: absolute;
    top: 2px;
    left: 5px;
}

/*================================================================*/
/* Sizes */

/* Medium - default */

/* Big */
.big {
    font-size: 15px;
    line-height: 1.1em;
    padding: 2px 5px 2px 5px;
}
html>/**/body input.button.big, x:-moz-any-link, x:default { /* FF 3 */
    padding: 1px 5px 1px 5px;
}

/* Home */
.home {
    width: 170px;
}

/* Edit */
.edit {
    /*width: 55px; */
}

/*================================================================*/
/* Purple */

.purple {
    color: #FFFFFF;
    background: #772266;
	border: solid 1px #56003F;
}
.purple:hover, .purple:focus {
    color: #FFFFFF;
    background: #B33F97;
    border: solid 1px #772266;
}
.purple:active {
}

/*================================================================*/
/* Purple - Header Version */

.purpleh {
    color: #000000;
    background: #D9ABD4;
	border: solid 1px #CA87C2;
}
.purpleh:hover, .purpleh:focus {
    color: #000000;
    background: #E9CEE6;
    border: solid 1px #D9ABD4;
}
.purpleh:active {
}

/*================================================================*/
/* Purple - Off/Disabled */

.purpleoff {
    color: #EEEEEE;
    background: #D5A2CF;
	border: solid 1px #C793BE;
}
.purpleoff:hover, .purpleoff:focus {
    color: #EEEEEE;
    background: #D5A2CF;
}
.purpleoff:active {
    top: 0;
    -webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: 2px 2px 3px rgba(0,0,0,0.5);
    box-shadow: 2px 2px 3px rgba(0,0,0,0.5);
}

/*================================================================*/
/* Dark Purple */

.dpurple {
    color: #FFFFFF;
    background: #B33F97;
	border: solid 1px #60064F;
}
.dpurple:hover, .dpurple:focus {
    color: #FFFFFF;
    background: #772266;
    border: solid 1px #772266;
}
.dpurple:active {
}

/*================================================================*/
/* Dark Purple - Off/Disabled */

.dpurpleoff {
    color: #EEEEEE;
    background: #C597BA;
	border: solid 1px #AE82A6;
}
.dpurpleoff:hover, .dpurpleoff:focus {
    color: #EEEEEE;
    background: #C597BA;
}
.dpurpleoff:active {
    top: 0;
    -webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: 2px 2px 3px rgba(0,0,0,0.5);
    box-shadow: 2px 2px 3px rgba(0,0,0,0.5);
}

/*================================================================*/
/* Gray */

.gray {
    color: #FFFFFF;
    background: #8B8B8B;
	border: solid 1px #3E3E3E;
}
.gray:hover, .gray:focus {
    color: #FFFFFF;
    background: #555555;
}
.gray:active {
}

/*================================================================*/
/* Blue */

.blue {
    color: #FFFFFF;
    background: #4D57C1;
	border: solid 1px #092794;
}
.blue:hover, .blue:focus {
    color: #FFFFFF;
    background: #7077C4;
    border: solid 1px #2443B3;
}
.blue:active {
}

/*================================================================*/
/* Learn */

.learn {
    position: relative;
    padding-left: 1.2em;
    margin-bottom: 0.9em;
    margin-top: 0.9em;
}
.learn img {
    position: absolute;
    left: -1.9em;
    top: -1.0em;
    vertical-align: middle;
    border: 0;
    width: 3.4em !important;
    height: 3.4em !important;
}

/*================================================================*/
/* Terry's Tips */

.ttips {
    position: relative;
    padding-left: 2.8em;
    margin-bottom: 0.5em;
    margin-top: 3.0em;
    margin-left: 0.2em;
    font-size: 0.9em;
}
.ttips img {
    position: absolute;
    left: 0.3em;
    top: -3.8em;
    vertical-align: middle;
    border: 0;
    width: 3.4em !important;
    height: 5.7em !important;
}

/*================================================================*/
/* Agent Listen/Listen Again */

.listen {
    position: relative;
    padding-left: 3.2em;
    margin-bottom: 0.5em;
    margin-top: 2.0em;
    margin-left: 0.2em;
    font-size: 0.9em;
}
.listen img {
    position: absolute;
    left: 0.05em;
    bottom: 0px;
    vertical-align: middle;
    border: 0;
    width: 3.15em !important;
    height: 3.2em !important;
}
#tiptxt .listen {
    font-size: 1.1em;
}