/* extra CSS for interactive resume */
.button
{
	padding: 3px 10px;
}

.button .border
{
	border: 1px solid white; /* #a0a0a0; */
}

.button .border.side.left
{
	border-right: 1px solid #444444 !important;
}

.button .border.side.center
{
	border-right: 1px solid #444444 !important;
	border-left: 1px solid #ffffff !important;
}

.button .border.side.right
{
	border-left: 1px solid #ffffff !important;
}

.button .background.main
{
	background: white; /* #eeeeee; */
}

.button .background.top
{
	background: white; /* #f3f3f3; */
}

.button .background.bottom
{
	background: white; /* #e3e3e3; */
}

.button .border.hover
{
	border-color: #660000;
}

.button .border.down
{
	border-color: black;
}

.button .background.top.down
{
	background: white; /* #e3e3e3; */
}

.button .background.bottom.down
{
	background: white; /* #f3f3f3; */
}
/*
 * lite green : #88c974
 * med0 green : #c9de96
 * med3 green : #BED58E
 * med1 green : #AEC982
 * med2 green : #A2BF7A
 * drab green : #D9DDC4
 * dark green : #004000
 * lite copper: #963
 * med. copper: #8E5720
 * dark copper: #6F3C1B
 * drk2 copper: #562E15
 */
.button.active
{
	color: black;
}

.button .background.main.active
{
	background: white; /* #aaaaaa; */
}

.button .background.top.active
{
	background: white; /* #a1a1a1; */
}

.button .background.bottom.active
{
	background: white; /* #b2b2b2; */
}

.button .border.active
{
	border-color: black;
}

.button .border.side.center.active, .button .border.side.right.active
{
	border-left: 1px solid #cccccc !important;
}

.button .dropdown
{
	border: 1px solid #a0a0a0;
	color: black;
	background: white;
	padding: 4px;
	list-style: none;
}

.button .dropdown.active li
{
	background: #ffffff;
	color: black;
}

.button .dropdown.active li:hover
{
	background: #eeeeee;
}

/* --// DL/DD styles -- */

.yy .noprint { display: none; }

.yy * { margin: 0; padding: 0; }
div.yy { width: 1000px; }
.yy .clear { clear: both; }
.yy h1 { margin: 0 0 16px 0; padding: 0 0 16px 0; font-size: 42px; font-weight: bold; letter-spacing: -2px; border-bottom: 1px solid #999; }
.yy h2 { font-size: 20px; margin: 0 0 6px 0; position: relative; }
.yy h2 span { position: absolute; bottom: 0; right: 0; font-style: italic; font-family: Georgia, Serif; font-size: 16px; color: #999; font-weight: normal; }
.yy p { margin: 0 0 16px 0; }

.yy ul { margin: 0 0 32px 17px; }
.yy dt { color: #444; /*#666*/ text-transform: capitalize; font-style: italic; font-weight: bold; font-size: 18px; text-align: right; width: 150px; float: left;  }
.yy dd { color: #999; /*#444*/ font-size: 14px; width: 800px; float: right; border-left: 1px solid #999; padding-left: 10px; }
.yy dd.clear { float: none; margin: 0; height: 15px; border: 0px; }
.yy dd span { white-space:nowrap; }
.yy dd strong { display: inline-block; width: 6.5em; }

/* current buzzwords are in <b> */
.yy dd b { font-weight:normal; color: #666; }
.yy dd b.active { color: black; }