/* Sign in page */
#statusMessage {
    color: red;
}

#signInArea {
    text-align: center;
}

/* Input page */

#signOutButton {
    float: right;
}

#inputStatement {
    width: 100%;
    height: 400px;
    resize: none;
    overflow-y: scroll;
   font-family:verdana;    font-size: 16px;
}

#scanButtonArea {
    text-align: center;
}

#scanButton {
    margin-top: 10px;
}

/* Analysis page */
#analyzer-top {        
    display: table;
    width: 852px;
}

#analyzer-top > * {	
    display: table-cell;    
}

#analyzer-top > * + * {
    padding-left: 10px;
}

/* Child widths must add up to 100% */
#analyzer-top > :first-child {
    width: 77%;
}

#analyzer-top > :last-child {
    width: 23%;
}

#statementArea {
    height: 100%;	
}

#statementTitle, #keywordsTitle, #descriptionTitle {
    text-align: center;
}

#statement {
    border: 1px solid gray;
    padding: 10px 10px 0px 10px;
    overflow-y: scroll;
    height: 390px;
   font-family:verdana;	font-size: 16px;
}

#keywords{
    border: 1px solid gray;	
    overflow-y: scroll;
    height: 400px;
font-family:verdana;   font-size: 16px;}

. keyword {
    border-bottom: 1px solid gray;
    padding: 3px 5px;
}

.selectedKeyword {
    background: blue;
    color: white;
}

.highlighted {
    background: yellow;
    color: blue;
    font-weight: bold;
}

#description{
    border: 1px solid gray;
    padding: 10px 10px 0px 10px;
    overflow-y: scroll;
   font-family:verdana;    font-size: 16px;   height: 250px;    
}

/* Hide print only areas */
.printOnly {
    display: none;
}