/******************************* index_ai.css  *********************************/

div.index_title {

    text-align: center;
    font-size: 150%;
    font-weight: bold;

}

.property_table {
    border: 1px solid gray;
    padding: 10px;  
    width: 700px;  
}

.property_table .fieldname {
    font-size: 16px;
    padding-left: 8px;
}

/* title of input fields */
.property_table input, .property_table textarea {
    font-size: 16px !important;
    height: 40px !important;
    border: 1px solid #707070 !important; /* darker gray */
    border-radius: 5px !important;
}

/* set the textarea height larger */
.property_table textarea {
    height: 80px !important;
    font-size: 11px !important;
}

input.nickname {
    font-weight: bold;
    width: 280px !important;
}

input:not(.nickname), .property_table textarea {  /* the rest of input fields */
    width: 340px !important;
    font-weight: normal;
}

.prop_title {
    padding-bottom: 10px;
    font-weight: bold;
    text-align: center;
}

.main_pic img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 120px;
    max-height: 100px;
}

.main_pic {
    border: 0px;    
}

.main_pic img{
    border-radius: 3px;
}

.property_table tr {
    margin: 10px;
}

.question_prop, .question_search, .question_ical, .question_nickname, .question_criteria, .question_compset {
    width: 15px;
    height: 15px;
}

.paste_stat{ /* area that shows status and spinner */
    width: 30px;
    height: 30px;
}

.paste_stat img {
    width: 20px;
    height: 20px;
}

.prop_title a {
    font-size: smaller;  
}

.prop_title a:link, .prop_title a:visited {
    color:blue;    
}

.prop_title a:hover {
    color:purple;    
}

.isOK {
    background: lightgreen;
    border: 1px solid green;
    border-radius: 4px;
}

.hideable {
    visibility: collapse;
}

.search_info {
    border: 1px solid skyblue;
    margin-bottom: 20px;
    padding: 5px;
    background: azure;
    border-radius: 5px;
    font-size: 16px;
    text-align: center;
}

a.optimize_it:link, a.optimize_it:visited, a.optimize_it:active {
    color: blue !important;
}

.prop_msg {
    text-align: center;
    display:inline-block;
    padding-top: .2em !important;
    padding-bottom: .4em !important;
    padding-right: 1em !important;
    padding-left: 1em !important;
    border-radius: .5em;
}

/* hide title */
h1 {
    visibility: collapse;
}

/* the button for submit, move it to the top of the textarea */
.compset_submit {
    vertical-align: top;
}