/*css styles for javascript samples*/

div.clear{clear: both;}

div#wrapper{width: 960px; margin: 20px auto; border: 1pt solid #000; border-radius: 5px; padding: 20px;}

div.code_head{border: 1pt solid #555; cursor: pointer;}

div.content_block{display: none; padding: 20px 0 0 20px;}

h1{font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif; font-size: 24px;}

p.title{font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif; font-size: 20px; margin: 5px 0 5px 0; padding: 0 0 0 10px; float: left;} 

p.title_plus_minus{float: right; margin: 8px 20px 0 20px;}

p.sub_title{font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif; font-style: italic; font-size: 14px; color: #444;} 

p{font-family: Georgia,Times,Times New Roman,serif; font-size: 16px;}

img#myImage{cursor: pointer;}

div.sample_content, div.sample_content_4{ width: 40%; float: left;}

div.sample_content_code{width: 55%; float: left; border: 1pt solid #ccc; padding: 10px;}

#button_content2{margin: 10px 0 10px 0;}

div.sample_content_4 input{margin: 10px 10px 10px 10px;}

div.sample_content_4 #display_result{margin: 10px 0 0 0;}