@CHARSET "UTF-8"; #header_area { height: 40px; background-color: green; display: block; } #header_area>p { font-size: 20px; margin-left: 25px; padding-top: 8px; } #menu_area { margin-top: 25px; border-color: black; border-style: solid; border-width: 2px; width: 250px; margin-left: 15px; position: relative; padding-left: 15px; float: left; background-color: gray; } .menu_element { margin-top: 15px; margin-bottom: 15px; font-size: 20px; display: block; background-color: red; margin-right: 18px; margin-top: 5px; height: 30px; border-radius: 10px; padding-top: 5px; } .menu_element>a { padding: 5px; margin-left: 5px; } #information_area { float: left; padding-left: 25px; } #button_area { margin-top: 25px; margin-bottom: 50px; margin-left: 20%; } #button_area input { float: left; margin-left: 100px; width: 250px; } #button_saml1_hidden { display: none; } #button_pvp2_hidden { display: none; } .oa_protocol_area { clear: both; margin-left: 25px; padding-top: 20px; display: none; } .oa_protocol_area >h4 { margin-left: 10px; } .oa_config_block { padding-left: 15px; } .oa_config_block label{ float: left; padding-right: 10px; padding-top: 3px; text-align: right; width: 250px; } .oa_config_block label.radio{ text-align: left; width: 170px; } .oa_config_block input{ float: left; padding-bottom: 5px; padding-top: 5px; text-align: left; } .oa_config_block input.radio{ margin-top: 6px; } .oa_config_block h3 { clear: both; padding-top: 25px; } .textfield_short { width: 30px; } .textfield_long { width: 600px; } .textfield_large{ width: 600px; height: 200px; text-align: left; } .checkbox{ margin-top: 7px; } .oa_buttons{ float: left; margin-left: 100px; } #footer_area { background-color: green; clear: both; display: block; height: 40px; margin-top: 15px; padding-left: 30px; position: relative; top: 15px; } #footer_area>p { font-size: 20px; text-align: center; padding-top: 8px; }