﻿A:link { color:#9FAEB2; text-decoration:none;}
A:visited { color:#9FAEB2; text-decoration:none;}
A:hover { color:#FF6500; text-decoration:none; }
A:active { color:#9FAEB2; text-decoration:none;}

A{outline: 0; *blr:expression(this.onFocus=this.blur());}

body { font-size:15px; }

.main {width:1000px; margin:0 auto; }

.hidden { display:none; }

#loginmain { position:relative; width:270px; height:340px; background-image:url(../images/donOlogin.png); background-position:center; background-repeat:no-repeat; border:0px red solid; }
.BlueButton {width:60px; height:26px; padding:2px 0 0 0; color:#fff; background:url(../images/button.png); border:none; letter-spacing:1px; vertical-align:middle;}
.BlueButton:hover { background:url(../images/button_hover.png)}
.donOstat { position:relative; font-size:12px; color:#c2b59b; margin-top:0px; text-align:right; padding-right:30px;}
.donOstat p { margin:0px;}
.showcompatible { position:relative; width:270px; height:80px; margin:10px 10px 20px 10px;}
.banner_right_bottom { position:relative; width:270px; height:140px; margin:10px;}
.banner_right_bottom img { border:0px;}
#hotgrpcontainer { text-align:center; width:690px; margin:10px 0px 0px 0px; border:0px solid #FF0000;  float:left; }
#grparticlecontainer { text-align:center; width:328px; margin:0px 10px 0px 0px; border:0px solid #FF0000; float:left;}
#grpvotecontainer { text-align:center; width:328px; margin:0px 10px 0px 0px; border:0px solid #FF0000; float:left; }
#photocontainer { text-align:center; width:690px; margin:10px 0px 0px 0px; border:0px solid #FF0000;  float:left; }
#tkugrpcontainer { text-align:center; width:690px; margin:10px 0px 0px 0px; border:0px solid #FF0000;  float:left; }

#loader_sysboard { text-align: center; visibility:hidden;}
#loader_grp { text-align: center; width:690px; float:left;}
#loader_grparticle { text-align: center; visibility:hidden; float:left;}
#loader_grpvote { text-align: center; visibility:hidden; float:left;}
#loader_photo { text-align: center; width:690px; float:left;}
#loader_tkugrp { text-align: center; visibility:hidden; width:690px; float:left;}
.loader_text { font-size:12px; color:#666666;}

/* */
#shortcut {}
#shortcut #menublock { width:690px; height:115px}
#shortcut #menublock a { display:block; width:160px; height:115px; float:left; }
#shortcut #menudescblock { width:690px; height:50px; margin-top:0px; overflow:hidden;}
#shortcut #menudescblock #menudesccontainer { background-image:url(../images/shortcut_hint.png); background-repeat:no-repeat; }

.menudesc { display:none; padding:16px 0 0 115px; color:#a55121; width:640px; height:40px; margin-left:4px; }

/* style for welcome_group.aspx */
#grp_div_title { text-align:left;}                
.grp { text-align:center; margin:7px; width:140px; height:135px; border:solid 6px #EEEEEE; float:left;}
.grptitle { list-style:none; display:block; font-size:15px; color:#666666; width:130px; height:20px; overflow:hidden; }
.grpphoto { width:100px; height:100px; border:0px;}
.grpdico { height:4px;}

/* style for welcome_grparticle */    
#article_div_title { text-align:left;}    
.article { text-align:left; background-image:url(../images/grparticle_bg.png); background-repeat:no-repeat; width:280px; height:50px; margin:0px; font-size:12px;}
.article_title { display:block;width:200px; height:14px; overflow:hidden; margin:0px; padding-left:60px; padding-top:8px; }
.article_detail { display:block; padding-left:200px; padding-top:3px;}

/* style for welcome_grpvote */    
#vote_div_title { text-align:left; }    
.vote { text-align:left; background-image:url(../images/grpvote_bg.png); background-repeat:no-repeat; width:280px; height:50px; margin:0px; font-size:12px;}
.vote_title { display:block;width:200px; height:14px; overflow:hidden; margin:0px; padding-left:60px; padding-top:8px; }
.vote_detail { display:block; padding-left:235px; padding-top:3px;}

/* style for welcome_photo */    
.imgcontainer { width:110px; float:left; font-size:12px; color:#888888; padding:0px 0px 10px 0px; }
.imgcontainer A:link { color:#888888; text-decoration:none;}
.imgcontainer A:visited { color:#888888; text-decoration:none;}
.imgcontainer A:hover { color:#888888; text-decoration:none; }
.imgcontainer A:active { color:#888888; text-decoration:none;}
#photo_div_title { text-align:left; }        
.photobox { border:solid 1px #CCCCCC; width:104px; height:104px; margin:2px; }
.photobox img { border:solid 2px #FFFFFF; }
.photobox:hover { border:solid 1px #666666; }
.photodetail { width:110px; overflow:hidden; }
.photodetail .imgprovider { width:108px; overflow:hidden; }
.imgrater { width:104px; height:15px; }

/* style for welcome_sysboard */    
.sysboard_top { margin:0px; width:280px; height:20px; background-image:url(../images/NCard_top.png); background-repeat:no-repeat; }
.sysboard_middle { width:280px; background-image:url(../images/NCard_middle.png); }
.sysboard_bottom { margin:0px; width:280px; height:20px; background-image:url(../images/NCard_bottom.png); background-repeat:no-repeat; }
.sysboard_title { margin:0px; margin-left:20px; width:100px; height:55px; background-image:url(../images/sysboard_title.png); background-repeat:no-repeat; }
.ul_sysboard { margin-top:0px; margin-left:23px; padding:0px; width:230px; overflow:hidden; white-space:normal; text-overflow:ellipsis; word-wrap:break-word; list-style-position:outside; }
.li_sysboardNEW { list-style:none; background:url(../images/new.png) 0px 2px; background-repeat:no-repeat;  padding-left:18px; margin-top:6px; font-size:13px; color:#696969;}
.li_sysboard { list-style:none; background:url(../images/information.png) 0px 1px; background-repeat:no-repeat; padding-left:18px; margin-top:6px; font-size:13px; color:#696969; }
.li_sysboard_timeNEW { list-style:none; text-align:right; margin-top:-4px; font-size:11px; font-style:italic; color:#FF6500; border-bottom:1px dotted #EEEEEE; }
.li_sysboard_time { list-style:none; text-align:right; margin-top:-4px; font-size:11px; font-style:italic; color:#CCCCCC; border-bottom:1px dotted #EEEEEE; }

/* style for latestvisitor */
.latestvisitor_top { margin:0px; width:280px; height:20px; background-image:url(../images/NCard_top.png); background-repeat:no-repeat; }
.latestvisitor_title { margin:-4px 0px 4px 0px; margin-left:20px; width:130; height:25px; background-image:url(../images/latestvisitor.png); background-repeat:no-repeat; }
.latestvisitor_middle { width:280px; background-image:url(../images/NCard_middle.png); }
.latestvisitor_bottom { margin:0px; width:280px; height:20px; background-image:url(../images/NCard_bottom.png); background-repeat:no-repeat; }
.latestvisitor_container { margin:0px 15px 0px 20px; }
.latestvisitor_container img { border:0px}

#tkugrp_div_title { text-align:left; }



