/*****************************************************************************/
/*  Sympa Oy                                                                 */
/*  Julkinen kysely CSS-määritys                                             */
/*  29.12.2008                                                               */
/*                                                                           */
/*****************************************************************************/


/*****************************************************************************/
/* Yleistä                                                                   */
/*****************************************************************************/

body
{
    background: #FFFFFF;
    background-image:url("img/background.jpg");
    background-repeat: no-repeat;
    background-attachment: fixed;*/
    font-family: Verdana;
    font-size: 8pt;
    text-align: center;
}

table
{
    width: 100%; 
}

td
{
    width: auto;
}

hr
{
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 10px;
    margin-right: 10px;
}



/********************************************************************************/
/* yläosa                                                                       */
/********************************************************************************/

div.pq_top
{
    /*background-image: url('img/logo.jpg');*/
    height: 20px;
    width: 1000px;
    background-repeat: no-repeat;
    background-position: left top;
    margin-left: auto;
    margin-right: auto;
}

div.pq_header_container
{
  background-image: url('img/logo.jpg');
  background-repeat:no-repeat;
  margin-left:10px;
}

div.pq_header_description
{
  
    margin-left: 0px;
}
div.pq_header_image
{
  
}

div.pq_header_title
{
    padding-top:80px;
    margin-top: 10px;
    margin-bottom: 20px;
    margin-left: 0px;
    text-align: center;
    font-weight: bold;
}

/*******************************************************************************/
/* viiva                                                                       */
/*******************************************************************************/

hr.pq_header
{
  
    text-align: center;
    color:  #dbdcde;
}

hr.pq_input_separator_dc
{
    text-align: center;
    border-width: 0px;
    width: auto;
    color:  #dbdcde;
}

hr.pq_input
{
}

hr.pq_validation
{
    margin-left: -1px;
    width: auto;
}

hr.pq_submit
{
    display: none;
}

.pq_input_separator_form
{

}

.pq_input_separator_dc
{

}

.pq_input_separator_profile
{

}

/*********************************************************************************/
/* kehys                                                                         */
/*********************************************************************************/

div.pq_container
{
    background-color: #ffffff;
    background-repeat:repeat-y;
    background-position: left center;
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    padding: 5px 0px 20px 0px;
    border-bottom-color:  #dbdcde;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-right-color: #dbdcde;
    border-right-width: 1px;
    border-right-style: solid;
    border-left-color: #dbdcde;
    border-left-width: 1px;
    border-left-style: solid;
    border-top-color: #dbdcde;
    border-top-width: 2px;
    border-top-style: solid; 
}

.pq_container div
{
    width: auto;
    text-align: left;
}

/* kokoelma*/
div.pq_input_container
{
}

/*table - kehys*/
table.inputfields
{
    width: 100%;
}



/**********************************************************************************/
/* Kenttänimi                                                                     */
/**********************************************************************************/


/* taulu - kenttänimi pakollinen*/
td.inputfields_tablecell_fieldname_mandatory
{
    vertical-align: top;
    text-align: left;
    padding-top: 2px;
    padding-right: 10px;
    padding-bottom: 2px;
    padding-left: 10px;
    width: 206px;
}

/* taulu - kenttänimi */
td.inputfields_tablecell_fieldname
{
    vertical-align: top;
    text-align: left;
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 2px;
    padding-left: 10px;
    width: 206px;
}


/* title and form */
.title_field
{
	font-weight:bold;
}


/* title and form */
td.inputfields_tablecell_fieldname input_field_title
{
	font-weight:bold;
}


/* table title */
.input_field_table_title
{
	font-weight:bold;
}


/* profile title  */
.input_field_profile
{
	font-weight:bold;
}


/****************************************************************************************/
/* Syötteet                                                                             */
/****************************************************************************************/


/* taulu - syöte - pakollinen */
td.inputfields_tablecell_inputcontrol_mandatory
{
    vertical-align: top;
    text-align: left;
    padding-top: 2px;
    padding-right: 10px;
    padding-bottom: 2px;
    padding-left: 10px;
}

/* taulu - syöte */
td.inputfields_tablecell_inputcontrol
{
    vertical-align: top;
    text-align: left;
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 2px;
    padding-left: 10px;
}

/* kokoelma - tekstikenttä  */
div.inputfields_inputcontrol_container_textrow
{
    vertical-align: top;
    text-align: left;
    padding-top: 0px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-left: 0px;
}

/* kokoelma - pudotusvalikko */
div.inputfields_inputcontrol_container_dropdown
{
    min-width: 206px;
    vertical-align: top;
    text-align: left;
    margin-bottom: 15px;
}

div.inputfields_inputcontrol_container_dropdown select
{
    min-width: 206px;
    vertical-align: top;
    text-align: left;
}

/* kokoelma - tekstilaatikko */
div.inputfields_inputcontrol_container_textbox
{
    vertical-align: top;
    text-align: left;
    margin-right: 7px;
    margin-left: 7px;
    margin-bottom: 20px;
}

/* tekstirivi */
input.input_textrow
{
    width: 206px;
}

/* tekstilaatikko */
textarea.input_textbox
{
    width: 435px;
    height: 100px;
}

/* */
div.inputfields_inputcontrol_container_checkbox
{
    vertical-align: top;
    text-align: left;
    margin-bottom: 15px;
}

/* */
div.inputfields_inputcontrol_container_radiobutton
{
    margin-bottom: 15px;
}

/* */
table.input_radiobutton
{
}

/* kokoelma - lomakekenttä */
div.inputfields_inputcontrol_container_formtablefield
{
    width: auto;
}

/* taulukon tekstilaatikko */
input.public_query_form_table_field_input_textbox
{
    vertical-align: top;
    text-align: left;
    margin: auto;
    width: 100%;
}


/* taulukon tekstialue */
textarea.public_query_form_table_field_input_textarea
{
    width: 150px;
    height: 50px;
    width: 100%;
}

/* */
table.public_query_form_table_field
{
    margin-left: 4px;
    margin-right: 4px; 
    /*width: 100%;*/
}

/* */
.public_query_form_table_field th
{
    padding: 1px 5px 5px 5px;
}

/* */
.public_query_form_table_field td
{
    vertical-align: top;
    padding: 1px 5px 1px 5px;
}

/* */
.public_query_form_table_field select
{
    width: 100%;
}

/* taulukko - pudotusvalikko */
select.public_query_form_table_field_input_dropdown
{
}

/* */
div.public_query_form_table_field_container
{
    width: auto;
}

/* */
a.public_query_form_table_field_row_delete
{
}

/* */
div.inputfields_inputcontrol_container_file
{
}

/* */
div.inputfields_inputcontrol_container_formtablefield
{
}

/* Tiedostokontrolli (liitetiedostot ja kuva) */

div.inputfields_inputcontrol_container_file
{
}

table.inputfields_inputcontrol_file_filelist
{
}

table.inputfields_inputcontrol_file_filelist td
{
    border-bottom: 1px solid #999999;
    padding: 2px 2px 2px 2px;
}

table.inputfields_inputcontrol_file_fileupload
{
}

td.inputfields_inputcontrol_file_filename
{
    padding-right: 10px;
}

td.inputfields_inputcontrol_file_fileoperations
{
}

td.inputfields_inputcontrol_file_fileupload
{
}

td.inputfields_inputcontrol_file_savecancel
{
}

/*************************************************************************************************/
/* Linkki napit                                                                                  */
/*************************************************************************************************/

/* lisää - kokoelma */
div.public_query_form_table_field_row_add_container
{
    vertical-align: top;
    text-align: right;
    margin-left: 0px;
    margin-right: 5px;
    margin-top: 2px;
    margin-bottom: 15px;
    width: auto;
}

/* lisää linkki */
a.public_query_form_table_field_row_add
{
    margin-left: 10px;
    vertical-align: top;
    text-align: left;
}

/* linkki */
.linkButton
{
    vertical-align: middle;
}

a:link, a:visited, a:active
{
    text-decoration: none;
    font-size: 8pt;
    font-family: Verdana;
    color: #055ba3;
}

a:hover
{
    text-decoration: none;
    font-size: 8pt;
    font-family: Verdana;
    color: #639bca;
}

a.input_linkbutton img
{
	border: 0px;
}


/*********************************************************************************************/
/* PROFIILI                                                                                  */
/*********************************************************************************************/

/* profiili - kokoelma */
div.inputfields_inputcontrol_container_profile
{
    vertical-align: top;
    text-align: left;
    margin-left: 10px;
    margin-bottom: 15px;
}

/* */
div.pq_profile_input_container
{
}

/* profiili - otsikko - minimileveys */
div.pq_profile_input_row_header_minwidth
{
    margin-left: 10px;
}

/* profiili - skaala - nimi */
td.pq_profile_input_scale_name
{
    padding: 2px 2px 5px 2px;
}

/* */
td.pq_profile_input_scale_radio_header
{
    font-style: normal;
    font-weight: bold;
    padding-top: auto;
    padding-left: auto;
    padding-bottom: auto;
    text-align: center;
    min-width: 30px;
}

/* */
td.pq_profile_input_scale_columnseparator
{
}

/* */
td.pq_profile_input_scale_header_skip
{
}

/* profiili - väliotsikko */
td.pq_profile_input_row_title
{
    vertical-align: top;
    text-align: left;
    font-style: normal;
    font-weight: bold;
    margin-left: 10px;
    margin-top: 10px;
}

/* profiili - väliotsikko */
.pq_profile_input_row_title div
{
    padding-top: 5px;	
    width: 350px;
}

/* profiili - nimikenttä - sisennetty */
.pq_profile_input_row_eval
{
    vertical-align: bottom;
    text-align: left;
    margin-left: 10px;
    margin-right: 5px;
}

div.pq_profile_input_row_eval
{
    vertical-align: top;
    text-align: left;
    margin-left: 10px;
    border-bottom: 1px dotted #dbdcde;
}

/* */
td.p_input_radio
{
    width: auto;
    height: auto;
    text-align: center;
}

/* */
td.pq_profile_input_row_column_separator
{
}

/* */
td.pq_profile_input_dropdown_container
{
}

/* */
.pq_profile_input_dropdown_container select
{
    width: 106px;
}

/* */
input.p_input_text
{
    width: 206px;
}

/* profiili - infopainikkeet */
a.pq_profile_input_rowinfo_link
{
    position: relative;
    z-index: 10;
    text-decoration: none;
}
a.pq_profile_input_rowinfo_link div.pq_profile_input_rowinfo_desc
{
    display: none;
    z-index: 10;
}
a.pq_profile_input_rowinfo_link:hover
{
    z-index: 30;
}
a.pq_profile_input_rowinfo_link:hover div.pq_profile_input_rowinfo_desc
{
    position: absolute;
    left: 5px;
    top: -20px;
    display: block;
    z-index: 30;
}
img.pq_profile_input_rowinfo_image
{
    border-width: 0px;
    width: 14px;
    height: 14px;
}
div.pq_profile_input_rowinfo_desc
{
    width: 100px;
    color: #055ba3;
    border: 1px solid #055ba3;
    background-color: #dfe8f3;
    text-decoration: none;
    font-weight: normal;
    word-spacing: normal;
    padding: 2px 5px 5px 5px;
}

/* profiili - asteikon selitteet */
a.pq_profile_scale_info_link
{
    position: relative;
    z-index: 10;
    text-decoration: none;
}
a.pq_profile_scale_info_link div.pq_profile_scale_info_desc
{
    display: none;
    z-index: 10;
}
a.pq_profile_scale_info_link:hover
{
    z-index: 30;
}
a.pq_profile_scale_info_link:hover div.pq_profile_scale_info_desc
{
    position: absolute;
    left: 5px;
    top: -20px;
    display: block;
    z-index: 30;
}
img.pq_profile_scale_info_image
{
    border-width: 0px;
    width: 14px;
    height: 14px;
}
div.pq_profile_scale_info_desc
{
    width: 300px;
    color: #055ba3;
    border: 1px solid #055ba3;
    background-color: #dfe8f3;
    text-decoration: none;
    font-weight: normal;
    word-spacing: normal;
    padding: 2px 5px 5px 5px;
}
/* profiili - asteikon selitteet - tekstit */
td.pq_profile_scale_info_popup_title 
{
    width: 300px;
    color: #000000;
    font-weight: bold;
    padding-bottom: 10px;
}
td.pq_profile_scale_info_popup_opt_title
{
    font-weight: bold;
    padding-bottom: 2px;
    padding-left: 4px;
}
td.pq_profile_scale_info_popup_opt_desc
{
    padding-left: 4px;
}
td.pq_profile_scale_info_popup_opt_sep
{
    font-size: 2pt;
    height: 10px;
}


/***********************************************************************************************/
/* Validaattori                                                                                */
/***********************************************************************************************/

.input_validation_summary
{
    color: red;
}

.pq_validation_summary
{
    padding-left: 10px;
}

.public_query_form_table_field_input_invalid
{
    color: red;
    font-weight: bold;
}

/***********************************************************************************************/
/* Submit                                                                                      */
/***********************************************************************************************/

div.pq_button_submit_container 
{
    text-align: center;
}

/***********************************************************************************************/
/* Alaosa                                                                                      */
/***********************************************************************************************/

div.pq_footer
{
}

div.pq_bottom
{
}

div.pq_message
{
	padding-left: 10px;
}

/***********************************************************************************************/
/* Copyright                                                                                   */
/***********************************************************************************************/

div.pq_copyright
{
    text-align: center;
    padding: 10px 20px 10px 20px;
    color: #dbdcde;
}

span.inputfields_tablecell_mandatory
{
	display: inline;
}