body {
  font-family:arial,helvetica,verdana;
  font-size: 11pt;
}

h1 {
  text-align: left;
  font-family: arial,helvetica,verdana;
  font-size: 24px;
  font-weight: bold;
  color: #003976;
}

p.disclaimer {
  font-size: 9pt;
  font-style: italic;
  color: #004898;
}

div.footer {
  padding-top: 10pt;
  font-size: 9pt;
  color: #aca899;
}

p.blue {
  color: #004898;
}

.inputfield {background:#ffffff;width:300px;}
.inputfield_error {background:#FF3333;color:#ffffff;width:300px;}

table.element {
  font-family: Verdana, sans-serif;
  font-size:10pt;
}

button {
  background-image:button.gif;
}

submit {
  background-image:button.gif;
}

div.survey_content {
  padding-left: 2pt;
}


.survey_main{
	margin-left: auto;
    margin-right: auto;
    width: 980px;
}
input[type=text]{
	width:400px;
}

@media only screen 
and (max-width: 1024px)
and (max-height: 768px) {
    input[type=checkbox], input[type=radio] {
     width: 30px; height: 30px;
       ‐webkit‐border‐radius: 22px; ‐moz‐border‐radius: 22px; border‐radius: 22px;
     border: 2px solid #bbb;
    }
     input[type=text] {
     width: 100% !important;
     -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;
     border: 2px solid #bbb;
    }
    input[type=number], input[type=date] {
     -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;
     border: 2px solid #bbb;
    }
    textarea {
     width: auto !important;
     -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;
     border: 2px solid #bbb;
    }
    p {
	    color: #555555;
	    font-size: 16px;
	    font-family: arial,verdana,sans-serif;
	    font-weight: normal;
	    margin: 0 0 5px;
	    padding: 0;
	}
	.survey_main{
		margin-left: auto;
	    margin-right: auto;
	    width: auto;
	}
    
}

@media only screen 
and (max-width: 600px) {
    input[type=checkbox] {
     width: 30px; height: 30px;
     ‐webkit‐border‐radius: 22px; ‐moz‐border‐radius: 22px; border‐radius: 22px;
     border: 2px solid #bbb;
    }
    input[type=radio] {
     width: 30px; height: 30px;
     ‐webkit‐border‐radius: 22px; ‐moz‐border‐radius: 22px; border‐radius: 22px;
     border: 1px solid #bbb;
    }

    input[type=text] {
     width: 100% !important;
     -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;
     border: 2px solid #bbb;
    }
    
    p {
    	color: #555555;
	    font-size: 16px;
	    font-family: arial,verdana,sans-serif;
	    font-weight: normal;
	    margin: 0 0 5px;
	    padding: 0;
	}

	.survey_main{
		margin-left: auto;
	    margin-right: auto;
	    width: auto;
	}
	.inputfield {width:100%;}
	.ims_logo{width:100%;max-width:274px;}
    
}