
.buttons {  }

.buttons a { background-image: url(../images/up.gif); background-repeat: no-repeat; padding: 1px; margin: 0; display: block; width: 24px; height: 24px; }

.buttons a:hover { color: #dadada; background-image: url(../images/down.gif); background-repeat: no-repeat; }
div#button_text { color: #dadada; position: absolute; top: 2px; right: 83px; }
div#button_text a span { display: none; }
div#button_text a:hover span {display: block;
   position: absolute; top: -14px; left: -200px; width: 125px; height: 20px;
   padding-top: 7px; margin: 10px; z-index: 100;
   color: #dadada; background: transparent;
   font-size: 80%; text-align: center;}

div#button_fonts {
position: absolute; top: 2px; right: 57px;
}
div#button_fonts a span { display: none; }
div#button_fonts a:hover span { display: block; position: absolute; top: -14px; left: -222px; width: 125px; height: 20px; padding-top: 7px; margin: 10px; z-index: 100; color: #dadada; font-size: 80%; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; text-align: center; }

div#button_tools {
position: absolute; top: 2px; right: 31px;
}
div#button_tools a span {display: none;}
div#button_tools a:hover span {display: block;
   position: absolute; top: -14px; left: -244px; width: 125px; height: 20px;
   padding-top: 7px; margin: 10px; z-index: 100;
   color: #dadada; background: transparent;
   font-size: 80%; text-align: center;}

div#button_templates {
position: absolute; top: 2px; right: 5px;
}
div#button_templates a span {display: none;}
div#button_templates a:hover span {display: block;
   position: absolute; top: -14px; left: -266px; width: 125px; height: 20px;
   padding-top: 7px; margin: 10px; z-index: 100;
   color: #dadada; background: transparent;
   font-size: 80%; text-align: center;}
.buttonmenu .options { color: #dadada; background-color: #373737; font-size: 85%; background-image: url(../images/normal.buttonmenuback.png); padding: 2px; border-color: #878787 #0f0f0f #0f0f0f #878787; border-style: solid; border-width: 2px; }
.buttonmenu a { color: #dadada; display: block; text-decoration: none; padding: 1px; border: 1px #222; }

.buttonmenu a:hover { background-color: #484848; color: #dadada; border: solid 1px #878787; }

.buttonmenu a:active {
	color:#dadada;
}
.buttonmenu a:link {
	color:#dadada;
}
.buttonmenu a:visited {
	color:#dadada;
}

* html .buttonmenu a:hover {   /*** IE5.x/win box model fix ***/
padding: 0px;
}

.buttonmenu .options img {
vertical-align: top;
padding-right: 5px;
padding-top: 0px;
padding-left: 0px;
padding-bottom: 0px;
margin-right: 3px;
}

#emailMsg, #emailMsgShadow { color: #333; position: absolute; top: 10px; left: 10px; width: 220px; z-index: 200; background: #ddd; border: ridge 1px #ccc; text-align: center; font-size: 85%; }
#emailMsgShadow { top: 13px; left: 13px; z-index: 98; background: #999; border: none; }
#emailMsg H5 { font-weight: bold; font-size: 100%; margin: 2px 0px 0px 0px; }
#emailMsg INPUT, #emailMsg BUTTON { color: #eee; font-size: 1em; background-color: #666; border: solid 1px #ccc; }





/*** slider ***/

#slider-1 {
	margin-left: 10px;
	width:	140px;

}
.sliderdropdown { color: #dadada; background-color: #373737; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; padding: 2px; border-color: #878787 #222 #222 #878787; border-style: solid; border-width: 2px; }

.sliderdropdown table {
	padding: 0px;
	margin-left: 10px;
	margin-right: 10px;
	height: 10px;
	
}

.sliderdropdown p {
	margin-left: 10px;
}

.sliderleft {
	text-align: left;
}

.sliderright {
	text-align: right;
}

.mssansserif {
font-family: ms sans serif, sans-serif;
}

.verdana {
font-family: verdana, sans-serif;
}

.arial {
font-family: arial, sans-serif;
}

.tahoma {
font-family: tahoma, sans-serif;
}

.helvetica {
font-family: helvetica, sans-serif;
}

.trebuchetms {
font-family: trebuchet ms, sans-serif;
}

.lucidasansunicode {
font-family: lucida sans unicode, sans-serif;
}

.technical {
font-family: technical, sans-serif;
}

.timesnewroman {
font-family: times new roman, serif;
}

.georgia {
font-family: georgia, serif;
}

.garamond {
font-family: garamond, serif;
}

.sylfaen {
font-family: sylfaen, serif;
}

.courier {
font-family: courier, monospace;
}

.lucidaconsole {
font-family: lucida console, monospace;
}

.comicsansms {
font-family: comic sans ms, cursive;
}

.impact {
font-family: impact, fantasy;
}

.fantasy {
font-family: fantasy;
}

.defaultfonts {
font-family: ms sans serif, tahoma, verdana, arial, helvetica, sans-serif;
}

/*
	back:	rgb(230,230,230)
	dark:	rgb(90,97,90)
	medium	rgb(189,190,189)
	*/

.dynamic-slider-control {
	position:			relative;
	background-color:	#484848;
	-moz-user-focus:	normal;
	-moz-user-select:	none;
	cursor:				default;
}

.horizontal {
	width:				200px;
	height:				27px;
}

.vertical {
	width:				29px;
	height:				200px;
}

.dynamic-slider-control input {
	display:	none;
}

.dynamic-slider-control .handle {
	position:			absolute;	
	font-size:			1px;
	overflow:			hidden;
	-moz-user-select:	none;
	cursor:				default;
}

.dynamic-slider-control.horizontal .handle {
	width:				31px;
	height:				14px;
	background-image:	url("../images/handle.horizontal.png");
}

.dynamic-slider-control.horizontal .handle div {}
.dynamic-slider-control.horizontal .handle.hover {}

.dynamic-slider-control.vertical .handle {
	width:				15px;
	height:				31px;
	background-image:	url("../images/handle.vertical.png");
}

.dynamic-slider-control.vertical .handle.hover {}

.dynamic-slider-control .line {
	position:			absolute;
	font-size:			0.01mm;
	overflow:			hidden;
	border:				solid 1px #585858;
	background:			#373737;
	
	/* behavior:			url("css/boxsizing.htc"); */ /* ie path bug */
	box-sizing:			content-box;
	-moz-box-sizing:	content-box;
}
.dynamic-slider-control.vertical .line {
	width:				3px;
}

.dynamic-slider-control.horizontal .line {
	height:				3px;
}

.dynamic-slider-control .line div {
	width:		1px;
	height:		1px;
	
	border:				1px solid;
	border-color:		rgb(230,230,230) rgb(189,190,189)
						rgb(189,190,189) rgb(230,230,230);
}

.return {
display: none;
}
