-- MAIN DIALOG STYLE --
*/

.dialog {
 position:relative;
 margin:0px auto;
 min-width:2em;
 max-width:480px; /* based on image dimensions - not quite consistent with drip styles yet */
 z-index:1;
 margin-left:12px; /* default, width of left corner */
 margin-bottom:1.5em; /* spacing under dialog */
}

.dialog .content,
.dialog .t,
.dialog .b,
.dialog .b div {
 background:transparent url(images/dialog2-blue-580x1600.gif) no-repeat top right;
 _background-image:url(images/dialog2-blue-580x1600.gif);
}

.dialog .content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:0px 12px 0px 0px;
}

.dialog .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:12px; /* top slice width */
 margin-left:-12px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.dialog .b {
 /* bottom */
 position:relative;
 width:100%;
}

.dialog .b,
.dialog .b div {
 height:12px; /* height of bottom cap/shade */
 font-size:1px;
}

.dialog .b {
 background-position:bottom right;
}

.dialog .b div {
 position:relative;
 width:12px; /* bottom corner width */
 margin-left:-12px;
 background-position:bottom left;
}

.dialog .hd,
.dialog .bd,
.dialog .ft {
 position:relative;
}

.dialog .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}


.dialog h2
 {
	color:#c14086;
	font-size:152%;
	border-bottom:#666 dotted 1px;
	font-weight:lighter;
}

.dialog h2 a
{
	text-decoration:none;
	color:#c14086;
	
}


.dialog h2,
.dialog p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:1em 0px 0px 0px;
}

.dialog h2 {
 padding-bottom:0px;
}

.dialog h3 {
	color: #C14086;
	font-size: 120%;
}

/* definition list - inline */	
.dialog dl.inline {
	color: #666666;
	margin: 1em 0 1em 0;
	float: none;
	padding: 0;
	background: none;
	border: 0;	
}
.dialog dl.inline dt {
	display:block;
	margin:0;
	padding:0;
	float:left;
}

.dialog dl.inline dd {
	margin:0;
	padding:0 0 0.5em 15px;
}


.dialog ol{
	color: #666666;
	list-style-type: decimal-leading-zero;
	list-style-position: outside;
	line-height: 1.4em;
	padding-left: 2em;
	margin: 1em 0 1em 0;
}

.dialog ol li{
	padding: 0.5em 0 0.5em 0;
}

/* 
  -- SEARCH DIALOG STYLES --
*/

.dialogsearch {
 position:relative;
 margin:2px auto;
 min-width:2em;
 max-width:240px; /* based on image dimensions - not quite consistent with drip styles yet */
 color:#333;
 z-index:1;
 margin-left:12px; /* default, width of left corner */
 margin-bottom:1.5em; /* spacing under dialogsearch */
}

.dialogsearch .content,
.dialogsearch .t,
.dialogsearch .b,
.dialogsearch .b div {
 background:transparent url(images/dialog2-pink-380x600.png) no-repeat top right;
 _background-image:url(images/dialog2-pink-800x1600.gif);
}

.dialogsearch .content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:0px 12px 0px 0px;
}

.dialogsearch .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:12px; /* top slice width */
 margin-left:-12px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.dialogsearch .b {
 /* bottom */
 position:relative;
 width:100%;
}

.dialogsearch .b,
.dialogsearch .b div {
 height:30px; /* height of bottom cap/shade */
 font-size:1px;
}

.dialogsearch .b {
 background-position:bottom right;
}

.dialogsearch .b div {
 position:relative;
 width:12px; /* bottom corner width */
 margin-left:-12px;
 background-position:bottom left;
}

.dialogsearch .hd,
.dialogsearch .bd,
.dialogsearch .ft {
 position:relative;
}

.dialogsearch .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.dialogsearch h2 {
	color:#fff;
	font-size:140%;
	border-bottom:#fff dotted 1px;
}

#searchsubmit {
	vertical-align:middle;
	padding:0;
}

.dialogsearch form {
	padding:2em 0 0 0;
}

#s {
	padding:2px;
	width:140px;
}

.dialogsearch h2,
.dialogsearch p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:1em 0px 0px 0px;
}

.dialogsearch h2 {
 padding-bottom:0px;
}

.dialogsearch label{
	display: none;
}






/* 
  -- EVENTS DIALOG STYLE --
*/

.dialogevents {
 position:relative;
 margin:0px auto;
 min-width:2em;
 max-width:480px; /* based on image dimensions - not quite consistent with drip styles yet */
 z-index:1;
 margin-left:12px; /* default, width of left corner */
 margin-bottom:1.5em; /* spacing under dialog */
}

.dialogevents .content,
.dialogevents .t,
.dialogevents .b,
.dialogevents .b div {
 background:transparent url(images/dialog2-grey-580x1600.gif) no-repeat top right;
 _background-image:url(images/dialog2-grey-580x1600.gif);
}

.dialogevents .content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:0px 12px 0px 0px;
}

.dialogevents .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:12px; /* top slice width */
 margin-left:-12px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.dialogevents .b {
 /* bottom */
 position:relative;
 width:100%;
}

.dialogevents .b,
.dialogevents .b div {
 height:12px; /* height of bottom cap/shade */
 font-size:1px;
}

.dialogevents .b {
 background-position:bottom right;
}

.dialogevents .b div {
 position:relative;
 width:12px; /* bottom corner width */
 margin-left:-12px;
 background-position:bottom left;
}

.dialogevents .hd,
.dialogevents .bd,
.dialogevents .ft {
 position:relative;
}

.dialogevents .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}


.dialogevents h2 {
	color:#c14086;
	font-size:152%;
	border-bottom:#666 dotted 1px;
	font-weight:lighter;
}

.dialogevents h2,
.dialogevents p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:1em 0px 0px 0px;
}

.dialogevents h2 {
 padding-bottom:0px;
}