body {
background-color: #333333;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
color: #ffffff;
}

a:link {color: #FFFFFF;text-decoration: underline;}
a:visited {color: #FFFFFF;text-decoration: underline;}
a:hover {color: #FFFFFF;text-decoration: underline;}
a:active {color: #FFFFFF;text-decoration: underline;}

a.orange:link {font-size:9pt;color: #FF974C;line-height: 130%;text-decoration: underline;}
a.orange:visited {font-size:9pt;color: #FF974C;line-height: 130%;text-decoration: underline;}
a.orange:hover {font-size:9pt;color: #FF974C;line-height: 130%;text-decoration: underline;}
a.orange:active {font-size:9pt;color: #FF974C;line-height: 130%;text-decoration: underline;}

.font {
font-size:9pt;
color: #FFFFFF;
line-height: 130%;
}

.font-s {
font-size:8pt;
color: #FFFFFF;
line-height: 120%;
}

.font-m {
font-size:10pt;
color: #FFFFFF;
line-height: 130%;
}

.font-l {
font-size:11pt;
color: #FFFFFF;
line-height: 130%;
}

.bold {
font-size:9pt;
font-weight:bold;
color: #FFFFFF;
line-height: 130%;
}

.bold-l {
font-size:11pt;
font-weight:bold;
color: #FFFFFF;
line-height: 130%;
}

.top {
background-color:#333333;
padding:0 6px 0 6px;
border-width:1px;
border-top-style:none;
border-left-style:solid;
border-right-style:solid;
border-bottom-style:solid;
border-color:#A57538;
}

.top2 {
font-size:8pt;
color:#FFFFFF;
background-color:#000000;
margin:0 0 4px 0;
padding:1px 4px 2px 4px;
border-width:1px;
border-top-style:none;
border-left-style:solid;
border-right-style:solid;
border-bottom-style:solid;
border-color:#A57538;
}

.bg-black {
background-color:#000000;
margin:4px 8px 0px 8px;
padding:0 2px 8px 2px;
border-width:1px;
border-top-style:solid;
border-left-style:solid;
border-right-style:solid;
border-bottom-style:solid;
border-color:#A57538;
}

.bg-gray {
background-color:#333333;
padding:0 0 8px 0;
border-width:1px;
border-top-style:solid;
border-left-style:none;
border-right-style:none;
border-bottom-style:solid;
border-color:#A57538;
}

.bg-episode {
background-color:#000000;
margin:0 8px 8px 8px;
border-width:1px;
border-top-style:solid;
border-left-style:solid;
border-right-style:solid;
border-bottom-style:solid;
border-color:#A57538;
}

.bg-search {
width:118;
height:28;
background-image:url(../images/step2_search_bg.gif);
background-repeat:no-repeat;
}

.bg-page{
width:558;
height:20;
background-image:url(../images/page_bg.gif);
background-repeat:no-repeat;
margin:2px 0 8px 0;
}

.bg-page2{
width:35;
height:18;
margin:0 0 0 8px;
background-color:#000000;
}

.bg-search-result-noselected {
background-color:#A57538;
}
.bg-search-result-selected {
background-color:#D2691E;
}
ul{
list-style-type:none;
list-style-position:outside;
margin: 0 0 0 2px; 
padding: 0; }

li{
margin:4px 0px;
}

#ranking ul{
margin: 0 0 0 0; 
padding: 0;
 }

#ranking li{
padding-left: 15px;
margin:2px 0px;
border-bottom:dotted #333333 1px;
}

li.r1{background-image:url(../images/rank_1.gif); background-repeat:no-repeat;}
li.r2{background-image:url(../images/rank_2.gif); background-repeat:no-repeat;}
li.r3{background-image:url(../images/rank_3.gif); background-repeat:no-repeat;}
li.r4{background-image:url(../images/rank_4.gif); background-repeat:no-repeat;}
li.r5{background-image:url(../images/rank_5.gif); background-repeat:no-repeat;}
li.r6{background-image:url(../images/rank_6.gif); background-repeat:no-repeat;}
li.r7{background-image:url(../images/rank_7.gif); background-repeat:no-repeat;}
li.r8{background-image:url(../images/rank_8.gif); background-repeat:no-repeat;}
li.r9{background-image:url(../images/rank_9.gif); background-repeat:no-repeat;}
li.r10{background-image:url(../images/rank_10.gif); background-repeat:no-repeat;}

.margin-top {
margin-top: 8px;
}

.margin-right {
margin-right: 12px;
}

.margin-left {
margin-left: 8px;
}

.margin-episode-btn {
margin: 0 1px 8px 0;
}

.icon {
vertical-align: middle;
margin-right:2px
}

.textarea1 { 
width: 200px; 
height: 20px;
margin:0 8px 0 8px;
}

.textarea2 { 
width: 50px; 
height: 20px;
}

.textarea3 { 
width: 515px; 
height: 20px;
margin:2px 8px 0 8px;
}

.textarea4 { 
width: 265px; 
height: 20px;
margin:2px 0 0 258px;
}

.errtextarea1 {
border: red none 1px;
text-align: center;
background-color: #FFFFFF;
margin: 5px;
padding: 5px;
color: #FF0000;
font-size: 14px;
font-weight: bold;
}

.select1 {
width: 200px;
height: 18px;
} 

.select2 {
width: 120px;
height: 18px;
margin: 4px 0 0 8px;
}

.select3 {
width: 150px;
height: 18px;
margin: 2px 0 0 0;
}

.search { 
width: 80px; 
}

.errbox {
border:0px #A57538 solid;
width:480px;
height:400px;
padding:15px;
line-height:150%;
}