#videocontrolswrapper {  }

#play-pause { width: 7%; }
#seek-bar { margin: 0; padding: 0; width: 67%; }
#mute { width: 7%; }
#volume-bar { width: 9%; }
#full-screen { width: 5%; top: 0px; }

#controls { clear: both; margin: 0 0 .5em; border-radius: 0 0 12px 12px; }

#prev { margin: .2em 0 .4em .5em; }

#next { margin: .2em .5em .4em 0; }

#prev a, #prev a.enabled, #next a, #next a.enabled { font-size: .8em; border-radius: 8px; padding: .2em .8em; box-shadow: 1px 3px 0 #111; }

#nextbuttonmessage { width: 80%; }

#continueshell { height: 36px; }

#continuemessage, #clicktobegin { margin: 0 auto; width: 90%; float: none; padding: .2em; }

/* IM Scenes --------------------------------------------------------------------------- */

#IM_Scene { border: 2px solid #0053a5; margin: 0 0 .5em; }

#IM_notice p { font-size: .6em; padding: 0; }

#IM_notice { border-radius: 9px; }

#IM_Scene_window { margin: 1em auto; width: 90%; border-radius: 10px; }

#IM_Scene_bg { width: 100%; border-radius: 10px; }

#contacts { width: 20%;  }

#contacts #karaphoto { width: 50px; height: 50px; background-image: url(../../images/kara_IM_small.png); }
#contacts #terryphoto { width: 50px; height: 50px; background-image: url(../../images/terry_IM_small.png); }

#contacts #karanameandtitle { width: 50px; }
#contacts #terrynameandtitle { width: 50px; }

#contacts p { font-size: .5em; line-height: 120%; margin: .2em 0 .2em .2em; }

#messagearea { width: 80%; }

#messagetextbox { width: 95%;  margin: .6em 0 0 0; padding: .1em; border-radius: 6px; }

p.kara { font-size: .6em; line-height: 120%; }
p.terry { font-size: .6em; line-height: 120%; }
p.user { font-size: .6em; line-height: 120%; }

#typingmessagenotice { height: 8px; }

#karatyping p, #terrytyping p { font-size: .5em; margin: 0 0 0 .3em; }

#answerchoicebox { width: 95%; margin: .2em 0 0 0; border-radius: 5px; height: 18px; }

#question1answers, #question2answers {	border-radius: 5px; width: 100%; }

a.answerchoice { font-size: .5em; padding: 3px 0 3px 2px; }

#question1answers a:first-of-type, #question2answers a:first-of-type { border-radius: 5px 5px 0 0;}
#question1answers a:last-of-type, #question2answers a:last-of-type { border-radius: 0 0 5px 5px; }