body {
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 10px;
}

.display {
	position: absolute;
	left: 59px;
	top: 115px;
	width: 178px;
	height: 188px;
}

.heading {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	background-color:#CCCCCC;
	padding-top: 5px;
	padding-left: 7px;
	position: absolute;
	height: 30px;
	left:0px;
	right:0px;
	border-bottom: 1px solid black;
}

.content {
	font-weight: bold;
	background: white;
	position: absolute;
	top: 36px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	border-collapse: collapse;
	font-size: medium;
}

.contentInput {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	margin: 2px;
	overflow: hidden;
}

.currentChar {
	background-color: #CCCCCC;
}
	
.menuentry {
	padding-left: 5px;
	left: 0px;
	right: 0px;
	height: 30px;
	border-bottom: 1px solid gray;
}

.menuentry_selected {
	padding-left: 5px;
	left: 0px;
	right: 0px;
	height: 30px;
	background-color:#3399FF;
	color: white;
	vertical-align: middle;
}

.popupMenuLeft {
	background-color:#CC9933;
	position:absolute;
	left: 0px;
	bottom: 0px;
	height: 50px;
	width: 120px;
	border: 1px solid black;
}

.popupMenuRight {
	background-color:#CC9933;
	position:absolute;
	right: 0px;
	bottom: 0px;
	height: 38px;
	width: 120px;
	border: 1px solid black;
}

.popupMenuEntry {
	padding: 0px 5px;
	font-size: small;
}

.popupMenuEntry_selected {
	padding: 0px 5px;
	font-size: small;
	background-color: #FFFFFF;
}
	
.options {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align: middle;
	background-color: white;
	position: absolute;
	left: 59px;
	top: 303px;
	width: 178px;
	height: 21px;
	font-weight: bold;
	border-top: 1px solid black;
}

.optionleft {
	position: absolute;
	left: 3px;
}

.optionright {
	position: absolute;
	right: 3px;
}

.handy {
	position: absolute;
	left: 0px;
	top: 0px;
}

/* Anette */
.bar {
	position: absolute;
	left: 8px;
	top: 50px;
}

.barText {
	position: absolute;
	left: 8px;
	top: 80px;
}


.entryPicture {
	padding-left: 45px;
	padding-top: 2px;
}

.entryAudio {
	padding-left: 55px;
	padding-top: 2px;
}

.take_picture{
	position: absolute;
	left: 70px;
	top: 60px;
}

.picture{
	position: absolute;
	left: 0px;
	top: 0px;
}

/*****************************************************Picture/Audio/Video*****************************************************/


/******************************AUDIO**********************************/
.statusAudio {
	padding-top: 50px;
	text-align:center;
	left: 0px;
	right: 0px;
	height: 70px;
	color: white;
}

.ctrlAudio {
	text-align: center;
	left: 0px;
	right: 0px;
	height: 30px;
	border-bottom: 1px solid gray;
}

/******************************Picture**********************************/
.fadeCrossDisplay {
	padding-top: 50px;
	text-align:center;
	left: 0px;
	right: 0px;
	height: 70px;
	color: white;
}

.pictureDisplay {
	padding-top: 10px;
	text-align: center;
}

/******************************VIDEO**********************************/

.vidDispl {
	padding-top: 20px;
	text-align: center;
}

.statusVideo {
	padding-top: 20px;
	text-align:center;
	padding-bottom: 5px;
}

.ctrlVideo {
	text-align: center;
	left: 0px;
	right: 0px;
	height: 30px;
	border-bottom: 1px solid gray;
}

/****** SERVER / INPUT stuff ******/

.inputCaption {
	margin: 0px 10px;
}

.inputBox {
	margin: 0px 10px;
	width: 155px;
	overflow: hidden;
	border: 1px solid black;
	font-size: small;
}


/******************************Server_upload**********************************/

.uploadToServer {
    padding-top: 60px;
    text-align: center;
}

/******************************Server_upload**********************************/

.uploadToServer {
    padding-top: 60px;
    text-align: center;
}

/******************************Server_uploaded**********************************/
.smileyDisplay {
    padding-top: 20px;
    text-align: center;
}

