/* Hotpebble CMS Content Stylesheet */
*{ font-family:Verdana, Arial, Helvetica, sans-serif; /*font-size:1.2em;*/ }

.clear_both{ clear:both; }
.hidden{ display:none; }

/* TinyMCE specific rules */
body.mceContentBody{ width:750px; background:#FFF; font-size:62.5%; padding:10px 2px; margin:0 auto; background:#fdefd5; }
body.mceContentBody a{ color:#d96400 !important; }

/* Default Styles*/
h1{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:2em; color:#444; padding:0; margin:0; }
h2{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.8em; color:#444; text-align:left; padding:0; margin:0; }
h3{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.6em; color:#444; text-align:left; padding:0; margin:0; }
p{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.2em; color:#222; margin:0; padding:0; }

a{ color:#d96400; text-decoration:none; }
a:hover{ color:#2f3d53; text-decoration:underline; }
/*a img{ border:none; }*/
img{ border:6px solid #fef7ed; }

a.sound img{ border:none; }
.sound{  }

form input{ background:#FFF: }
fieldset{ padding:10px; margin:10px 0; }
legend{ font-size:1.4em; }
textarea{ font-size:1em; }
.caption{ font-style:italic; }

div#content ul, body.mceContentBody ul{ color:#000; list-style:inside; margin-left:0; padding-left:1em; text-indent:-1em; font-size:1.2em; }
div#content ul li, body.mceContentBody ul li{ /*font-size:1.4em;*/ padding:2px; }

/* Specific Styles*/

div#hpquiz{  }
div.quiz{ width:730px; height:auto; background:#fef7ed; border:solid 1px #666; padding:10px; margin:0; /*position:absolute; top:20px; left:20px;*/ }
div.quizresultsimg{ float:right; }
div.quiz h3{ font-size:1.4em; background:#eacf9d; padding:10px; border:solid 1px #333; color:#000; font-weight:bold; }
div.quiz p{  }
p.quizquestion{ font-size:1.4em; background:#231f20; padding:10px; border:solid 1px #333; color:#FFF; font-weight:bold; }
p.quizanswers{  }
p.quizscore{ font-size:1.4em; font-weight:bold; }

ul.hoverbox, body.mceContentBody ul.hoverbox{ list-style:none !important; text-indent:0 !important; }
li.gallery_image{ width:120px; height:130px; float:left; padding:10px 10px !important; margin:2px; background:#fef7ed; border:solid 1px #666; text-align:center; display:block; }
li.gallery_image p{ font-size:1em; text-align:center; width:120px; padding:5px 0; }
li.gallery_image img{ border:solid 1px #666; border-left:none; border-right:none; padding:0; }
ul.hoverbox a .preview{ background:#fef7ed; border:solid 1px #666; display:none; }

.red{ color:#a02e21; }
.green{ color:#86aa3e; }
.yellow{ color:#e9a43c; }
.brown{ color:#b95f33; }
.blue{ color:#009ad5; }

.left{ float:left; margin-right:10px; }
.right{ float:right; margin-left:10px; }

/*Message Styles*/
.highlight{ padding:10px; margin:5px 0px; text-align:center; border:#2385d9 dotted 1px; background:#b4d2ff; font-weight:bold; color:#000; }
.success{ padding:10px; margin:5px 0px; text-align:center; border:#72be28 dotted 1px; background:#c3ff89; font-weight:bold; color:#000; }
.warning{ padding:10px; margin:5px 0px; text-align:center; border:#d3900f dotted 1px; background:#ffe1a7; font-weight:bold; color:#000; }
.error{ padding:10px; margin:5px 0px; text-align:center; border:#b21717 dotted 1px; background:#ffb5b5; font-weight:bold; color:#000; }