@charset "utf-8";
/* styles/BUTTONS.CSS Document mybutton*/

newbutton {
	display: inline;
	width: auto;
	min-width: 100px;
	height: 24px;
	padding: 0;
	margin-right: 10px;
	margin: 10px 0px;
	border: 0;
	color:#FFF;
	font-weight: bold;
	cursor: pointer;
	background-color: #006699;/*	background: -webkit-linear-gradient(#466E82,#2C4552);
	background: -moz-linear-gradient(#466E82,#2C4552);
	background: -ms-linear-gradient(#466E82,#2C4552);
	background: -o-linear-gradient(#466E82,#2C4552);
	background: linear-gradient(#466E82,#2C4552);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#466E82', endColorstr='#2C4552',GradientType=0 );
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;*/
}

newbutton:hover {
/*	background-color: #339966;*/
	background: url(../images/arrows.png) no-repeat right top, #33CC66;
	background: url(../images/arrows.png) no-repeat right top, -webkit-linear-gradient(#33CC66,#339966);
	background: url(../images/arrows.png) no-repeat right top, -moz-linear-gradient(#33CC66,#339966);
	background: url(../images/arrows.png) no-repeat right top, -ms-linear-gradient(#33CC66,#339966);
	background: url(../images/arrows.png) no-repeat right top, -o-linear-gradient(#33CC66,#339966);
	background: url(../images/arrows.png) no-repeat right top, linear-gradient(#33CC66,#339966);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33CC66', endColorstr='#339966',GradientType=0 );
}
.mybutton {
	width: auto;
	min-width: 100px;
	height: auto;
	padding: 1% 7% 1% 1%;
	margin-right: 10px;
	margin-top: 5px;
	border: 0;
	color:#FFF;
	font-weight: bold;
	cursor: pointer;
	background-color: #0494C4;
	background: url(../images/arrows.png) no-repeat right top, #466E82;
	background: url(../images/arrows.png) no-repeat right top, -webkit-linear-gradient(#466E82,#2C4552);
	background: url(../images/arrows.png) no-repeat right top, -moz-linear-gradient(#466E82,#2C4552);
	background: url(../images/arrows.png) no-repeat right top, -ms-linear-gradient(#466E82,#2C4552);
	background: url(../images/arrows.png) no-repeat right top, -o-linear-gradient(#466E82,#2C4552);
	background: url(../images/arrows.png) no-repeat right top, linear-gradient(#466E82,#2C4552);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#466E82', endColorstr='#2C4552',GradientType=0 );
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

.mybutton:hover {
/*	background-color: #CCCC33;*/
	background: url(../images/arrows.png) no-repeat right top, #CCCC33;
	background: url(../images/arrows.png) no-repeat right top, -webkit-linear-gradient(#CCCC33,#6D2F0E);
	background: url(../images/arrows.png) no-repeat right top, -moz-linear-gradient(#CCCC33,#6D2F0E);
	background: url(../images/arrows.png) no-repeat right top, -ms-linear-gradient(#CCCC33,#6D2F0E);
	background: url(../images/arrows.png) no-repeat right top, -o-linear-gradient(#CCCC33,#6D2F0E);
	background: url(../images/arrows.png) no-repeat right top, linear-gradient(#CCCC33,#6D2F0E);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#93481A', endColorstr='#6D2F0E',GradientType=0 );
}
}
#opener {
	display: inline;
	width: auto;
}

.glossy-button {
	/*	font-family: helvetica, arial, sans-serif;
	font-size:14px;	*/
/*	font-family: Tahoma, Geneva, sans-serif;*/
/*	font-size:110%;*/
/*	letter-spacing: 1px;
	text-transform: capitalize;
	line-height:normal;
*/	height:auto;
	/*	width: auto;*/
	width:100%;
	color: #000;
	cursor:pointer;
	display: inline-block;
	text-decoration:none !important;
	position: static;
	/* these rules for the button press effect */
    padding:0;
	margin:-1px 2%;
	/* default background-color */
    background-color: #027bbf;
	/*    background-color: #CCFFFF;*/
	/* the mighty gradient */

    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255, 255, 255, 0.6)), color-stop(0.49, rgba(255, 255, 255, 0.3)), color-stop(0.51, rgba(255, 255, 255, 0.0)), to(rgba(255, 255, 255, 0.2))); /* Chrome,Safari4+ */
	background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.0) 51%, rgba(255, 255, 255, 0.2) 100%); /* Chrome10+,Safari5.1+ */
	background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.0) 51%, rgba(255, 255, 255, 0.2) 100%); /* FF3.6+ */
	background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.0) 51%, rgba(255, 255, 255, 0.2) 100%); /* Opera11.10+ */
	background-image: linear-gradient(top, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.0) 51%, rgba(255, 255, 255, 0.2) 100%); /* W3C */
	/* some nice roundy corners */
                -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	/* for links in chrome */
                -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	/* a very subtle drop-shadow that ehances the pressed button effect */
                -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.30);
	-moz-box-shadow:    1px 1px 3px rgba(0, 0, 0, 0.30);
	box-shadow:         1px 1px 3px rgba(0, 0, 0, 0.30);
	/* remove any inherited or default borders - especially important for the <button> element*/
                border: 0 !important;
	/* a subtle text inset effect which will also help to enhance the pressed button effect */
                text-shadow:  rgba(255, 255, 255, 0.1) -1px 0, rgba(0, 0, 0, 0.3) 1px 1px;
	/* and of course a little animated background-color fade effect */

                -webkit-transition: background-color 0.3s ease;
	-moz-transition: background-color 0.3s ease;
	-o-transition: background-color 0.3s ease;
	-ms-transition: background-color 0.3s ease;
	transition: background-color 0.3s ease;
	font-weight: bold;
	text-align: center;
            }
            
            /* submit and reset buttons */
            input.glossy-button{
                vertical-align: middle;
                line-height: normal !important;
                padding-bottom: 0;
            }
            
            /* remove ugly dotted border */
            :focus{
                outline:none;
            }
            ::-moz-focus-inner{
                border:0;
            }
            /* the colors */
            
            .pinkish:hover{
                background-color: #Ff3366;
            }
            .lime:hover{
                background-color: #59b606;
            }
            .blue:hover{
                background-color: #027bbf;
            }
            .coffee:hover{
                background-color: #832f02;
            }
            .strawberry:hover{
                background-color: #f92020;
            }
            .dark:hover{
                background-color: #000000;
            }
			.yellow:hover{
				background-color: #FFC;
			}

            /* when pressed */
            button:active, .glossy-button:active{
                background-color: #333333;
                border-color: #333333;
                color:#eeeeee;
                
                padding-top:0;
                padding-bottom:0;

                margin-top:0;
                margin-bottom:0;

                padding-left:10px;
                padding-right:10px;

                margin-left:0;
                margin-right:0;
                
                box-shadow: none;
                
                text-shadow: rgba(0, 0, 0, 0.4) 0 -1px, rgba(255, 255, 255, 0.3) 0 1px;
                color:rgba(255, 255, 255, 0.9);

            } 
            
            .ie9 button:active{
                padding-top:0;
                padding-bottom:2px;

                margin-top:-1px;
                margin-bottom:0;

                padding-left:10px;
                padding-right:10px;

                margin-left:-1px;
                margin-right:0;
                
                border-top:1px solid white !important;
                border-left:1px solid white !important;
                
                height:31px;
                
                border-radius: 5px;
            }
            

            .ie button, .ie .glossy-button {
                background-image:url(../images/butt-bg_slither.png);
                background-repeat: repeat-x;
                background-position:center center;

            }   
            .ie8 button, .ie8 .glossy-button {
                border:1px solid #ccc !important;
                height:32px;
            }
            .ie7 button{
                height:31px;
            }
            .ie7 .glossy-button{
                height:28px;
            }
            .ie7 .glossy-button:active{
                padding-bottom: 2px;
            }
/*#dialog {
	font-style: inherit;
}*/
#dialog h4 {
	text-decoration: underline;
	font-style: italic;
	font-size: 1em;
}
#dialog h4 img {
	float: left;
	padding-right: 2%;
}
#dialog ul {
/*	line-height: 1.1em;*/
/*	text-transform: none;
	text-decoration: none;
	text-indent: 5px;*/
/*	list-style-position: outside;*/
	/*list-style-image: url(arrow.gif);*/
	list-style-type: circle;
	padding: 1%;
	margin: 1%;
}
#dialog ul li {
	display: list-item;
    font-size: 75%;
    margin: 1%;
    list-style-type: circle;
 }