html, body {
    margin: 0;
    padding: 0;
    
    min-width: 1060px;
}

body {
    background-color: #fff;
    color: #000;

    font-family: "Lucida Console", Monaco, monospace;
    font-size: 12px;
}

/* Header part */
#header {
    background-color: #0c0;
}

#header .title {
    font-size: 34px;
    line-height: 34px;

	float: left;
	
	margin-top: 14px;
	margin-bottom: 14px;
	margin-left: 20px;
	
	width: 410px;
}

#header .description {
    color: #fff;

    float: left;
    
    margin-top: 14px;
	margin-bottom: 14px;

    width: 620px;
}

/* Form + camera image part */
#formPanel {
    height: 223px;
    
    padding-top: 20px;
    padding-left: 20px;
}

#formPanel .forma {
    background-color: #d9ddd5;
    float: left;

    height: 100%;
    width: 390px;
}

#formPanel .forma form {
    padding: 10px 20px 20px;
    margin: 0;
}

#formPanel .voice {
    color: #525252;
    font-size: 14px;
}

#formPanel label {
    display: block;
}

#formPanel label.female {
    color: #f3c;
    padding-top: 3px;
}

#formPanel label.male {
    color: #30f;
}

#formPanel label.textLabel {
    color: #525252;
    font-size: 14px;
    padding-top: 13px;
}

#formPanel textarea.text {
    margin-top: 10px;
    
    resize: none;
    width: 344px;
}

#formPanel .buttonPanel {
    padding-top: 3px;
}

#formPanel .submitButton {
    float: left;
}

#formPanel .characters {
    color: #666666;
    float: right;
}

/* Messages part */
#messagePanel {
	float: left;
	
    padding-top: 24px;
    position: relative;
    
    width: 700px;
}

#messagePanel .infoContainer {
	display: none;
	
	position: absolute;
	top: 20px;
	
	width: 100%;	
}

#messagePanel .info  {
	background-color: #0c0;
	
	margin-left: 20px;
	padding: 8px;
}

#messagePanel .repeat {
    color: #525252;
    float: left;
    font-size: 14px;

    padding-left: 40px;
}

#messagePanel .queue {
	color: #525252;
    float: right;

    padding-top: 2px;
}

#messagePanel .messages {
    clear: both;

    padding-top: 8px;
    padding-left: 40px;
}

#messagePanel .message {
    border-top: 1px dashed #ccc;

    padding-top: 6px;
    padding-bottom: 6px;
}

#messagePanel .date {
    color: #666666;
}

#messagePanel .male, #messagePanel .female {
    float: left;
    width: 120px;
}

#messagePanel .male {
    color: #30f;
}

#messagePanel .female {
    color: #f3c;
}

#messagePanel .message_text {
    color: #007800;
    float: left;
    width: 400px;
    word-wrap: break-word;
}

#messagePanel .message_submit {
    float: right;
}

#messagePanel .message_submit a {
    color: #666666;
}

/* Paging part */
ul#paging {
	clear: left;

    margin: 0 0 15px 40px;
    
    padding: 0;
	padding-top: 40px;

    white-space: nowrap;
}

#paging li {
    display: inline;
    float: left;
    list-style-type: none;
}

#paging a {
    background-color: #d9ddd5;
    color: #666666;

    display: block;

    margin-right: 8px;
    margin-bottom: 8px;
    padding: 2px 4px;

    text-decoration: none;
}

#paging a.selected {
    background-color: #0c0;
}

#paging .punkti {
    background-color: #fff;

    margin-right: 8px;
    margin-bottom: 8px;
    padding: 2px 4px;
}

/* Camera specific */
.camera {
	margin-left: 20px;
    float: left;
}

.camera img {
	float: left;
}

.camera .cameraText {
	background-color: #0C0;
	color: #333;
	
	clear: left;
	
	font-size: 11px;
	height: 16px;
	
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
}