body          { background-image: url(../img/body_bg.gif); background-repeat: repeat-x; background-color: #002041; padding: 0 ; margin: 0; color: #c2c9d1; font-family: Verdana, Tahoma, sans-serif; font-size: 12px; line-height: 1.2em; }

h1            { margin: 0; font-size: 30px; line-height: 1.6em}
h2            { line-height: 1.2em; font-size: 24px; margin: 0 0 0 0; color: #f00}

a             { color: #fff; text-decoration: underline; }
a:hover       { color: #c2c9d1; text-decoration: none; }


.header    { color: #f00; font-size: 20px; line-height: 1.2em; font-weight: bold; margin-bottom: 5px; }
.drop      { position:absolute;color:#303030; }
.font      { position:relative;left:-1px;top:-3px; }


.hi           { color: #F7F85E }

#entry        { width: 640px; ; font-family: Tahoma, Verdana, sans-serif; margin: auto }
#entry_top    { height: 32px; background-image: url(../img/entry_top.gif); background-repeat: no-repeat; font-size: 9px; }
#entry_middle { height: 300px; background-image: url(../img/entry_middle.jpg); background-repeat: no-repeat; }

#entry_text   { background-image: url(../img/entry_text.gif); 	font-size: 11px; font-family: Tahoma; }

#entry_alert     { background: #F7F85E; border: 1px solid #f00; padding: 2px 5px; margin: 0 0 5px 0; color: #f00 }

#entry_text_left {  width:420px; text-align: center; float: left }
#entry_text_left_in {  padding: 10px 20px 5px 20px}
#entry_text_right { width:200px; padding-top:20px; float: left}
#entry_text_foot  { margin: 10px 20px 0 20px; padding: 5px 0 0 0; border-top: 1px dashed #c2c9d1}

.keyword          { color: #F7F85E; background-color: #657BA2; padding: 0 5px; font-size: 18px; font-weight: bold; line-height: 1.4em; margin: 5px 0}


#entry_foot   { height: 143px; background-image: url(../img/entry_foot.gif); background-repeat: no-repeat; }
#entry_foot_in { padding:48px 40px 0 60px }

#entry_foot .prf  { margin-right: 50px; }
#entry_foot img   { border-width: 0 2px 2px 0; border-style: solid; border-color: #000; }



#footer       { width: 640px; margin:auto; text-align: center; font-size: 10px; color: #697C8F }


ul { margin: 0 0 0 20px; padding: 0; }
li { line-height: 1.6em}




#wrap          { width: 640px; margin: 0 auto} 

#header         { width: 640px; height: 100px; line-height: 0; }
#device       { width: 640px; height: 400px; background-image: url(../img/device.gif); }

#device_content         { padding: 20px;}

#device_head            { background-color: #5E7286; line-height: 1.6em; padding: 2px 5px;   }

#movie_area             { width: 340px; float: left; }
#movie_content          { margin: 6px 9px 0 9px }
#movie_player           { border: 1px solid #0A1B2C; line-height: 0}

#movie_playlist            { width: 260px; float: left; }
#movie_playlist_cont       { padding: 6px 9px 5px 0}
#movie_playlist_area       { width: 250px; height: 305px; overflow: auto; font-size: 10px; line-height: 1.4em; padding: 0; background: #2C4661; border: 1px solid #0A1B2C; }


#movie_playlist_area img    { border-width: 1px; border-style: solid; border-color: #0A1634 ; margin-right: 5px}
.movie_playlist_item       { padding: 5px 0 5px 5px; border-width: 1px 0 1px 1px; border-style: solid; border-color: #50657C #50657C #060F19 #50657C }



#movie_foot        { clear: both; padding: 0 10px; font-size: 10px; height: 19px; background-color: #5E7286; color: #0C1320}
#movie_foot_cont    { margin-top: 3px}




#content           { font-size: 10px; background-color: #2C4661; border: 1px solid #0A1B2C; padding: 5px; }




input.login        { font-size: 10px; width: 120px; margin-right: 5px }
input.button      { font-size: 10px }


select           { font-size: 10px }