#sortable { list-style-type: none; margin: 20px; padding: 0;  }
.ui-state-highlight { 
    background: none;
    background-image: url('../images/YellowShadow.png');
    width: 172px;
    height: 35px;
    padding: 16px 6px 6px 20px;
    margin-left: -23px;
    margin-top: -8px;
    border: none;
 }
#progressbar .ui-widget-header {
    background: none;
    border: none;
    background-image: url('../images/TimeBar.png');
}
/* New */

body {
    background: #000;
}
h2 {
    text-align: center;
}
#loginform {
    background-image: url('../images/LogIn.png');
	position:relative;
	width: 1000px;
	height: 600px;
	margin: 30px auto 30px auto;
}
#loginDiv {
    display: none;
    background-image: url('../images/LogInBox.png');
    position: absolute;
	top: 0;
	left: 0;
	width: 1000px;
	height: 600px;
}
#userNameInput {
    position: absolute;
    top: 272px;
    left: 478px;
    width: 193px;
    height: 26px;
    font-size: 22px;
    
    overflow: hidden;
    white-space:nowrap;
    z-index: 5;
}
#gameNameInput {
    position: absolute;
    top: 318px;
    left: 485px;
    width: 180px;
    height: 26px;
    font-size: 22px;
    
    overflow: hidden;
    white-space:nowrap;
    z-index: 5;
}

#content {
    background-image: url('../images/Background.png');
	position:relative;
	width: 1000px;
	height: 600px;
	margin: 30px auto 30px auto;
}
#PlayersMsg  {
    position: absolute;
    top: 0px; 
    left: 800px;
    width: 200px;
	height: 120px;
}
#WaitingScreen { 
    background-image: url('../images/Waiting.png');
    display: none;
    position: absolute;
    top: 166px; 
    left: 358px;
    width: 292px;
	height: 405px;
}

#playerOrder {
	position: absolute;
	top: 100px;
	left: 775px;
	width: 212px;
	height: 451px;
	padding: 0 15px;
    overflow: auto;
}
#chatbox {
	position: absolute;
	top: 28px;
	left: 20px; 
	width: 153px;  
	height: 410px; 
	padding: 15px;
    overflow: auto;
}
#usermsg {
    position: absolute;
	top: 486px;
	left: 26px; 
    width: 173px;
    height: 50px;
    overflow: auto;
    z-index: 5;
}

textarea { font-size: 24px; } 

.nameParchment {
    width: 175px;
    height: 40px;
    padding: 16px 6px 6px 20px;
    margin-left: -25px;
    margin-top: -10px;
    background-image: url('../images/State0.png');
    font-size: 22px;
    overflow: hidden;
    white-space:nowrap;
    /*text-align: center;*/
}
.notReady {
    background-image: url('../images/State1.png');
}
.papers0 {
    background-image: url('../images/State0.png');
}
.papers1 {
    background-image: url('../images/State1.png');
}
.papers2 {
    background-image: url('../images/State2.png');
}
.papers3 {
    background-image: url('../images/State3.png');
}
.papers4 {
    background-image: url('../images/State4.png');
}
.papers5 {
    background-image: url('../images/State5.png');
}

#oldPart {
    display:none;
    position: absolute;
	top: 148px;
	left: 275px;
	/*bottom: 269px;
    right: 274px;*/
    width: 421px;
    height: 157px;
	background-image: url('../images/TopParchment.png');
	padding: 15px;
    overflow: auto;
}

#oldPart h2 {
    margin: 0 0 0 5px;
}
#oldPart p {
    margin: 0;
}

#optionsDiv {
    position: absolute;
	top: 140px;
	left: 283px;
    width: 435px;
    height: 215px;
	background-image: url('../images/Options.png');
}
#numTurnsInput {
    position: absolute;
	top: 55px; 
	left: 300px;
    width: 50px;
    height: 30px;
    font-size: 26px;
    text-align: center;
}
#timeLimitInput {
    position: absolute;
	top: 98px; 
	left: 300px;
    width: 50px;
    height: 30px;
    font-size: 26px;
    text-align: center;
}

#newPart {
    position: absolute;
	top: 343px;
	left: 275px;
    width: 421px;
    height: 157px;
	background-image: url('../images/BottomParchment.png');
	padding: 15px;
    overflow: auto;
}

#startBtn {
    position: absolute;
    background-image: url('../images/Start.png');
    top: 372px;
    left: 449px;
    width: 103px;
    height: 39px;
}

.startBtnHover {
    background-image: url('../images/StartHover.png') !important;
}
.startBtnClick {
    background-image: url('../images/StartClick.png') !important;
}

#errorMsg {
    position: absolute;
    top: 353px;
    left: 283px;
    width: 434px;
    height: 20px;
    text-align: center;
    color: #8E0000;  
    font-weight: bold;
}

.gameBtn {
    position: absolute;
    top: 540px;
    left: 800px;
    width: 172px;
    height: 32px;
}

#progressbar {
    position: absolute;
    top: 84px;
    left: 812px;
    width: 146px; 
    height: 17px;
    border: none;
    background: none;
}
.timer {
    position: absolute;
    top: 32px;
    left: 803px;
}
#timeLeftDiv {
    display: none;
}

#turnNumStr {
    position:absolute; 
    left: 25px;
    top: 545px;
    width: 166px;
    height: 50px;
    font-size: 24pt;
    text-align: center; 
    color: #B97A55;
}

#startGame, #passPaperButton {
    padding-top: 0.2em;
}

#storiesDiv {
    position: absolute;
    display: none;
    top: 0; 
    left: 0;
    width: 1000px;
	height: 600px;
}
#curentStory {
    background-image: url('../images/EndParchment.png');
    position: absolute;
    top: 0;
    left: 225px;
    width: 550px;
    height:  600px;
}
#curentStoryInner {
    position: absolute;
    top: 70px;
    left: 60px;
    padding: 0 20px;
    width: 390px;
    height: 460px;
    overflow: auto;
}
#prevStoryButton {
    position: absolute;
    top: 540px;
    left: 35px;
    width: 167px;
    height: 31px;
    cursor: pointer;
}
#nextStoryButton {
    position: absolute;
    top: 540px;
    left: 375px;
    width: 130px;
    height: 31px;
    cursor: pointer;
}