@charset "utf-8";

html {
min-height:100.05%;
background-color:#f9f6f9;
}

body {
text-align:center;
margin:0;
padding:0 3px;
}

body,input,textarea,select,table,td,tr,option,optgroup {
font-family:Trebuchet MS, verdana, arial, helvetica, sans-serif;
font-size:12px;
color:#2e3436;
}

table,td,tr {
margin:0;
padding:0;
vertical-align:middle;
}

.photo {
float:left;
margin-right:5px;
font-size:0;
line-height:0;
}

.photo .edge_tl {
background:url('/images/photo_border.png') top left no-repeat;
}

.photo .edge_tr {
background:url('/images/photo_border.png') top right no-repeat;
}

.photo .edge_bl {
background:url('/images/photo_border.png') bottom left no-repeat;
}

.photo .edge_br {
background:url('/images/photo_border.png') bottom right no-repeat;

}

.photo img {
padding: 8px 9px 10px 9px;
}
.photo img, .photo a { 
margin:0;

}

.video {
float:left;
margin-right:5px;
font-size:0;
line-height:0;
}

.video .edge_tl {
background:url('/images/video_border.png') top left no-repeat;
}

.video .edge_tr {
background:url('/images/video_border.png') top right no-repeat;
}

.video .edge_bl {
background:url('/images/video_border.png') bottom left no-repeat;
}

.video .edge_br {
background:url('/images/video_border.png') bottom right no-repeat;
padding:5px 13px 7px 13px;
}

.video img, .video a, .video embed, .video object { 
margin:0;
padding:0;
}

fieldset {
margin:2px;
padding:5px;
border:1px solid #c5c7c4;
background:#f9f6fb;
}

legend {
color:#75507b;
padding:1px;
font-weight:700;
font-size:105%;
}

option,optgroup {
margin:0;
padding:0;
}

input.text,textarea.text,select {
border:1px solid #aeb0aa;
margin:0;
}

input.text,textarea.text {
border:1px solid #aeb0aa;
margin:0;
padding:1px 2px;
}

input.text_error,textarea.text_error {
border:1px solid #ef2929;
margin:0;
padding:1px 2px;
}

select.error {
border:1px solid #ef2929;
}

input.button {
border:1px outset #c5c7c4;
}

hr {
height:1px;
}

input.checkbox,input.radio {
margin:0 2px 1px 0;
padding:0;
}

optgroup option {
padding-left:8px;
}

option {
padding:0 2px;
}

.ipa {
font-family:Arial Unicode MS, Lucida Sans Unicode, Lucida Grande, DejaVu Sans, TITUS Cyberbit Basic, Code2000, MV Boli, MS Mincho, Arial, sans-serif;
}

a {
text-decoration:none;
}

#main_frame {
width:770px;
margin:8px auto 2px auto;
}

#top_hdr {
width:770px;
height:72px;
background:#a589a9 url('/images/logo2.png') no-repeat;
margin-top:auto;
margin-bottom:0;
position:relative;
overflow:hidden;
}

#top_hdr .user_menu {
float:right;
margin:5px 7px 0 0;
}

#top_hdr #mnu_container {
position:absolute;
left:0;
padding-bottom:2px;
bottom:0px;
width:770px;
}

#top_hdr #mnu_container ul {
font-size:13px;
font-weight:700;
}

#top_hdr #mnu_container .focus a {
color:#5c3566;
margin:0 1px;
}

#top_hdr #mnu_container .focus a:hover {
color:#000;
}

#top_hdr #mnu_container .focus a .edge {
background:url('/images/top_tab.png') 100% -128px no-repeat;
padding:3px 4px 3px 0;
}

#top_hdr #mnu_container .focus a .text {
background:url('/images/top_tab.png') 0 -128px no-repeat;
padding:3px 4px 3px 9px;
}

#top_hdr #mnu_container .item a {
color:#75507b;
opacity:.7;
margin: 0 1px;
}

#top_hdr #mnu_container .item a .edge {
background:url('/images/top_tab.png') 100% 0 no-repeat;
padding:3px 4px 1px 0;
}

#top_hdr #mnu_container .item a .text {
background:url('/images/top_tab.png') 0 0 no-repeat;
padding:3px 4px 1px 9px;
}

#top_hdr #mnu_container .item a:hover {
color:#000;
opacity:.85;
}

#top_hdr #mnu_container .item a:hover .edge {
background-position:100% -64px;
}

#top_hdr #mnu_container .item a:hover .text {
background-position:0 -64px;
}

#sub_hdr {
background-color:#ebdfe9;
border:1px solid #5c3566;
border-top:none;
padding:3px 0;
}

#sub_hdr ul,#sub_hdr li,#top_hdr ul,#top_hdr li {
list-style:none;
display:inline;
margin:0;
padding:0;
}

#sub_hdr a {
white-space:nowrap;
color:#8f6f95;
font-weight:700;
padding:3px 0 3px 0;
}

#sub_hdr a:hover .icon {
background-position:0 50%;
}

#sub_hdr a:hover {
background:url('/images/sub_tab.png') left center no-repeat;
color:#1f1c1f;
}

#sub_hdr a .icon {
display:inline;
background-position:-16px 50%;
background-repeat:no-repeat;
padding:1px 0 1px 16px;
margin:0 0 0 6px;
}


#sub_hdr a span {
padding:3px 6px 3px 2px;
background-color:#ebdfe9;
}

#sub_hdr a:hover span {
background:#ebdfe9 url('/images/sub_tab.png') right center no-repeat;
}

#main_content {
text-align:left;
border-left:1px solid #888a85;
border-right:1px solid #888a85;
padding:6px;
background-color:#fff;
min-height:300px;
height:auto !important;
height:300px;
}

#teaser {
width:220px;
height:138px;
float:right;
background-position:top right;
background-repeat:no-repeat;
}

h1 {
font-size:16px;
margin:0;
padding:0;
}

h2 {
font-size:14px;
margin:0;
padding:0;
}

h3 {
font-size:13px;
margin:2px 0 0 0;
padding:0;
}

p {
margin:1em 0;
padding:0;
}

#main_content p, #main_content li {
line-height:1.45em;
}

#main_content li {
padding:0 0;
}

#main_footer {
width:770px;
height:17px;
background:#a589a9 url('/images/footer.png') left top no-repeat;
}

#top_hdr .user_menu ul li {
font-weight:normal;
font-size:12px;
float:none;
}

#top_hdr .user_menu a {
border-bottom:1px dotted #9d80a3;
}

.user_menu a, #inbox a, #main_content a, #mod_menu a, #inbox a span {
color:#5c3566;
border-bottom:1px dotted #e0d2e2;
}

#main_content a img, .photo a:hover, .video a:hover, .photo a, .video a, h2 a, h2 a:hover {
border:none !important;
}

#top_hdr .user_menu a:hover, #mod_menu a:hover, .user_menu a:hover, #inbox a:hover, #main_content a:hover, #inbox a:hover span {
color:#75507b;
border-bottom:1px dotted #75507b;
}

#main_content a .icon {
background-color:#fff;
}

#main_footer {
width:770px;
background:url('/images/footer.png') left top no-repeat;
}

#sub_footer {
margin:4px 0;
font-size:11px;
}

#sub_footer a { 
color:#204a87; 
} 
 
#sub_footer a:hover { 
color:#3465a4; 
}

#main_content .icon, #top_hdr .icon {
background-position:50% 50%;
background-repeat:no-repeat;
width:16px;
height:16px;
margin:0px;
padding:3px 8px;
}

.user_menu, #mod_menu {
text-align:left;
white-space:nowrap;
margin:2px 8px 0 4px;
line-height:170%;
}

.user_menu a, #mod_menu a {
margin:0;
padding:0;
}

h2 a {
color:#2e3436 !important;
}

tr.uneven td {
background-color:#f5f5f4;
}

#inbox td, #inbox th {
padding:2px;
}

#top_hdr .user_menu {
margin-top:2px;
}

#shadow {
display:none;
position:absolute;
left:0;
top:0;
right:0;
bottom:0;
width:100%;
height:100%;
background-color:#000;
opacity:.66;
filter:alpha(opacity=66);
color:#fff;
font-size:20px;
font-weight:bold;
padding-top:28%;
}

#shadow .waitanim {
height:32px;
background:url('/images/waitanim_2.gif') 50% top no-repeat;
margin:6px 0;
}