@charset utf-8;

body {
font-family:Tahoma,Arial,Helvetica,sans-serif;
color:#000;
font-size:15px;
background:#d3d3d3;
margin:0;
padding:0;
}

a {
text-decoration:none;
}

.clr {
clear:both;
}

#wrapper {
width:802px;
margin:auto;
}

#main_top {
background:url(../img/main_top.gif);
background-color:#fff;
width:802px;
height:24px;
margin-top:15px;
}

#main_mid {
background:#fff;
padding-bottom:10px;
min-height:300px;
}

#main_bottom {
background:url(../img/main_bottom.gif);
background-color:#fff;
width:802px;
height:24px;
margin-bottom:15px;
}

#logo {
background:url(../img/logo.gif);
width:513px;
height:109px;
display:block;
margin:auto;
}

#nav {
width:100%;
height:33px;
font-size:17px;
font-weight:lighter;
background:#93c5f7;
margin-bottom:15px;
}

#nav li {
display:inline;
text-decoration:none;
float:left;
margin-top:5px;
}

#nav li a {
color:#000;
border-right:1px solid #000;
padding:0 34px;
}

#nav li a:hover {
color:#000;
text-decoration:underline;
}

#nav li .last {
border-right:none;
}

.content_box {
width:761px;
border:0;
text-align:center;
line-height:20px;
font-family:Arial,Helvetica,sans-serif;
margin:auto;
padding:5px 8px;
}

.green_heading {
color:#000;
font-size:28px;
margin-top:8px;
margin-bottom:5px;
text-align:center;
}

.search {
width:680px;
margin:15px auto 25px;
}

#search_mid {
background:url(../img/search_bg.jpg);
display:block;
height:56px;
width:475px;
float:left;
}

#search_field {
height:38px;
width:475px;
border:none;
background:transparent;
font-size:22px;
color:#000;
margin-top:12px;
}

#search_left {
background:url(../img/search_left.gif);
width:24px;
height:56px;
display:block;
float:left;
}

#search_right {
background:url(../img/search_right.gif);
width:24px;
height:56px;
display:block;
float:left;
}

#search_button {
background:url(../img/search_button.gif);
width:144px;
height:54px;
border:none;
}

.adv_search {
background:url(../img/bullet.gif);
background-repeat:no-repeat;
background-position:center left;
padding-left:15px;
width:280px;
float:right;
}

.adv_search a {
font-weight:700;
font-size:14px;
color:#000;
text-decoration:underline;
}

#random_box {
float:left;
padding-left:30px;
}

#popular_box {
float:right;
padding-right:30px;
}

.orange_top {
background:url(../img/box_top.gif);
width:324px;
height:16px;
display:block;
}

.orange_mid {
border-left:1px solid #686868;
border-right:1px solid #686868;
background:url(../img/box_bg.gif);
background-repeat:repeat-x;
background-color:#fff;
width:318px;
margin-left:2px;
margin-top:-1px;
}

.orange_bottom {
background:url(../img/box_bottom.gif);
width:324px;
height:20px;
display:block;
}

.small_heading {
font-size:16px;
color:#0378c5;
text-align:center;
font-weight:700;
margin-bottom:5px;
}

.orange_mid ul {
margin-bottom:0;
}

.orange_mid ul li {
list-style-image:url(../img/notes.gif);
margin-left:5px;
}

.orange_mid li a {
color:#000;
margin-left:5px;
}

.orange_mid li a:hover {
color:#0378c5;
}

#footer {
width:800px;
font-size:14px;
margin:0 auto;
text-align:center;
}

#footer a:link {
color: #000
}

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

#footer ul li {
display:inline;
list-style:none;
}

#footer ul li a {
color:#000;
padding:0 8px;
}

#footer ul li a:hover {
text-decoration:underline;
}

#JT_arrow_left {
background-image:url(../img/arrow_left.gif);
background-repeat:no-repeat;
background-position:left top;
position:absolute;
z-index:101;
left:-12px;
height:23px;
width:10px;
top:-3px;
}

#JT_arrow_right {
background-image:url(../img/arrow_right.gif);
background-repeat:no-repeat;
background-position:left top;
position:absolute;
z-index:101;
height:23px;
width:11px;
top:-2px;
}

#JT {
position:absolute;
z-index:100;
border:2px solid #CCC;
background-color:#fff;
}

#JT_copy {
color:#333;
padding:10px;
}

.JT_loader {
background-image:url(../img/loader.gif);
background-repeat:no-repeat;
background-position:center center;
width:100%;
height:12px;
}

#JT_copy p {
margin:3px 0;
}

#JT_copy img {
border:1px solid #CCC;
padding:1px;
}

.jTip {
cursor:help;
}

#container {
padding:10px;
}

.track {
background:#dfebf7;
border:1px solid #0378c5;
font-size:13px;
line-height:16px;
min-height:150px;
margin:5px 15px 0;
}

.track:hover {
border:1px dashed #000;
}

.detail {
float:left;
width:40%;

}

.detail2 {
float:left;
width:30%;

}

.detail3 {
float:right;

}
.detail3 img {
padding: 5px;
border: 1px solid black;
background: #fff;
}
span.bold {
font-weight:700;
color:#000;
}

.paging {
font-size:14px;
}

.paging a {
color:#0378c5;
text-decoration:underline;
padding:0 2px;
}

fieldset {
clear:both;
width:500px;
background:#dfebf7;
border:1px solid #0378c5;
margin:auto;
padding:0;
}

legend {
margin-left:1em;
color:#000;
font-weight:700;
}

fieldset ol {
list-style:none;
padding:1em 1em 0;
}

fieldset li {
padding-bottom:1em;
}

input.submit {
background:url(../img/search.jpg);
width:112px;
height:35px;
border:none;
margin-left:180px;
margin-bottom:10px;
color:#fff;
}

label {
display:block;
float:left;
width:10em;
margin-right:1em;
}

div.player {
display:none;
}

div.link_buttons {
float:left;
cursor:pointer;
}

#JT_close_left,#JT_close_right {
background-color:#CCC;
text-align:left;
padding-left:8px;
padding-bottom:5px;
padding-top:2px;
font-weight:700;
}

.track a,.paging a:hover {
color:#000;
}

textarea,input {
width:200px;
}
.left
{ 
float: left;
width: 70%;
margin-top:10px;
margin-left:5px;
}
.right
{ 
float: right;
width: 25%;
margin-top:10px;
margin-right:5px;
}