/*demo page css
			body{ font: 62.5% "Trebuchet MS", sans-serif; margin: 50px;}*/

.demoHeaders {
    margin-top: 2em;
}
#dialog_link {
    padding: .4em 1em .4em 20px;
    text-decoration: none;
    position: relative;
}
#dialog_link span.ui-icon {
    margin: 0 5px 0 0;
    position: absolute;
    left: .2em;
    top: 50%;
    margin-top: -8px;
}
ul#icons {
    margin: 0;
    padding: 0;
}
ul#icons li {
    margin: 2px;
    position: relative;
    padding: 4px 0;
    cursor: pointer;
    float: left;
    list-style: none;
}
ul#icons span.ui-icon {
    float: left;
    margin: 0 4px;
}
/*                    */

body {
    margin: 0;
    padding: 0;
    font-size: 80%;
}
.charbutton,
.mainButtons {
    background-color: #999;
}
#leftChar,
#keskustelu,
#rightChar {
    position: absolute;
}
#keskustelu,
#rightChar {} #leftChar {
    margin-left: 100px;
    height: 20px;
}
#keskustelu {
    margin-left: 385px;
}
#rightChar {
    margin-left: 770px;
}
/*#leftChar_buttonPrev, #leftChar_button, #rightChar_buttonPrev, #play, #stop{
float:left;
margin: 0;
}*/

ul#icons #leftChar_buttonPrev {
    margin-left: 85px;
}
ul#icons #rightChar_buttonPrev {
    margin-left: 265px;
}
ul#icons #stop {
    margin-left: 260px;
}
#rightChar_button {
    margin: 0;
}
#canvasdiv {
    width: 950px;
    margin: 0 auto;
    margin-top: 10px;
    border-style: solid;
    border-width: 2px;
    border-color: #333333;
}
#napit2 {
    padding: 4px;
}
#napit,
#info {
    padding: 2px;
}
#info {
    border-top: medium;
    margin: 0;
}
#napit {
    margin-top: 20px;
}
#napit,
#napit2 button {
    background-color: #ddd;
    border-style: solid;
    border-width: 2px;
    border-color: #333333;
    /*
		border-bottom-style: solid;
	 border-bottom-width: 2px;	 
	border-bottom-color: #333333;*/
}
#info {
    border-top-style: solid;
    border-top-width: 2px;
    border-top-color: #333333;
}
#browseDialoguesBtn {
    margin-left: 50px;
}
button#create-dialogue {
    width: 230px;
    margin-left: 148px;
}
#saveYourDBtn {
    margin-left: 70px;
}
/*		body { font-size: 62.5%; }*/

label,
input {
    display: block;
}
input.text {
    margin-bottom: 12px;
    width: 95%;
    padding: .4em;
}
fieldset {
    padding: 0;
    border: 0;
    margin-top: 25px;
}
h1 {
    font-size: 1.2em;
    margin: .6em 0;
}
div#users-contain {
    width: 350px;
    margin: 20px 0;
}
div#users-contain table {
    margin: 1em 0;
    border-collapse: collapse;
    width: 100%;
}
div#users-contain table td,
div#users-contain table th {
    border: 1px solid #eee;
    padding: .6em 10px;
    text-align: left;
}
.ui-dialog .ui-state-error {
    padding: .3em;
}
.validateTips {
    border: 1px solid transparent;
    padding: 0.3em;
}
textarea {
    font-size: 150%;
}

#dialog-listing {
	visibility: hidden;
}

span#listrange {
    margin: 2px 15px;
    font-size: 120%;
}

button.browse_ranges{
    font-weight: bold;
}