html{min-width:900px}
body{color:#393733;margin:0;padding:0;background:#fff}
body, td, th, textarea, input, select, h2, h3, h4, h5, h6 {font: 14px/1.4 arial, helvetica, sans-serif}
body.regu{padding:0;margin-top:16px;text-align:center;background:#fff url(/pict/pbck.gif) repeat-x}
td{font: 12px/1.3 arial, helvetica, sans-serif}
div{font-weight:normal}

h1{margin:0;float:left;margin-top:-3px}
h1 a{display:block;height:45px;width:120px;text-indent:-2000em;text-decoration:none;z-index:1000;background: url(/pict/logo.gif) 0 0 no-repeat}
h1 a:hover{cursor:pointer;background-position:-120px 0}

h2{margin:0 0 0.2em 0;font-size: 24px;letter-spacing:-1px;font-weight:normal;color:#4E463F}
h3{margin:0 0 0.2em 0;font:normal 18px/1 arial,sans-serif;letter-spacing: -1px;color:#4E463F}
h4{margin-bottom:0;clear:left;font-weight:normal;color:#999;font:normal 14px/1 arial,sans-serif}
h5{margin:0;font-weight:normal;color:#666;letter-spacing:-1px;font:normal 14px/1 arial,sans-serif}

h2 a {text-decoration:none;background: url(/pict/und.gif) repeat-x 0 95%}
h3 a {text-decoration:none;background: url(/pict/und.gif) repeat-x 0 95%}

.poh0,.poh1{font:bold 18px/1 arial,sans-serif;margin:0;padding:0}
.poh0{color:blue}
.poh1{color:red}

a{color:#105cb6;outline:none}
a:visited {color#105CB6}
a:hover, a:focus {color:#003}
a:active {color:#000}

hr{height:1px;background:#ccc;border:none}
img{border:none;vertical-align:middle}
p{padding:0;margin:0 0 0.5em 0;line-height:1.4;color:#666}
form{clear:left;margin:0;padding:0;text-align:left}
ul{margin:0;padding:0}
li{list-style-type:none}

/*page*/
#pg{width:900px;margin:0 auto;text-align:left}
#pgi{width:380px;height:465px;text-align:left;overflow:hidden}
#inpgi{padding:5px;border:1px solid #ddd;background:#fff}
#pgs{text-align:left}
#boto{background:#fff url(/pict/bd_lu.gif) no-repeat left top;height:13px;margin-top:20px}
#boto div{height:13px;width:13px;float:right;background:url(/pict/bd_pu.gif) no-repeat right top}
#boto2{background:#fff;height:13px}
#boto2 div{height:13px;width:13px;float:right;background:#fff}
#bo{background:#fff;padding:0 15px 15px 15px}
#prefo{background:#fff url(/pict/fo_dt.gif) repeat-x top;margin-top:50px;padding:15px 0;height:60px}
#fo{background:#fff url(/pict/logo_fo.gif) no-repeat 15px 15px;padding:15px 15px 100px 40px;margin:0;clear:both}
#prefo div{float:left;width:190px;background:url(/pict/fo_di.gif) repeat-y right;margin-right:10px;padding-right:10px}
#prefo ul{padding-left:1px}
#prefo div.la{background:none}
#prefo h3{margin:0 0 5px 0;padding:0;color:#aaa;font-size:15px;font-weight:bold}
#prefo li{font-size:11px;color:#8696a4}
#prefo li a{text-transform:uppercase;font:10px tahoma, sans-serif;text-decoration:none;background:url(/pict/fo_dtt.gif) repeat-x 0 95%;padding-bottom: 1px}


/*globals*/
.cap{color:#aaa} .dcap{color:#666} .recap{color:#c00} .grcap{color:#769c16}
.mal{font-size:11px}.vel{font-size:14px}.norm{font-size:12px}
.bo{font-weight:bold}.nobo{font-weight:normal}
.bla{color:#000}
.inv{color:#fff;background:#aaa;padding:1px 3px}
.ce{text-align:center}
.un {border-bottom:1px solid #ddd}
.onrg{float:right}.onle{float:left}
.onr{text-align:right}
.gback{background-color:#eee;height:30px}
.pad6{padding:4px}
.tbco{width:100%}
.mato{margin-top:0.2em}.matov{margin-top:1em}.male{margin-left:0.2em}
.mabo{margin-bottom:0.2em}
.errbox{margin:10px 0;padding:15px;background:#fcf9e4;border:3px solid #c00;font-size:15px;color:#87836b;text-align:center}
.bad{border:4px solid #c00;background:#fcf;text-align:center;padding:15px;font-size:14px}
.ok{border:4px solid #ff9;background:#ffc;text-align:center;padding:15px;font-size:14px}
.ybox{margin:0 0 5px 0;padding:5px;background:#fbfbd3;border:1px solid #fdc51f;color:#000;text-align:center}
.dota {text-decoration:none;background:url(/pict/fo_dtt.gif) repeat-x 0 95%}
.obck76 {float:right;background:url(/pict/obck76.gif) no-repeat;width:76px;height:23px;padding-top:4px}
.obck76 img{margin-left:10px}
.w470{width:470px}
.boho{background:url(/pict/fo_dt.gif) repeat-x top}.bodo{background:url(/pict/fo_dt.gif) repeat-x bottom;padding-bottom:5px}
.noit{padding:30px;font-size:16px;color:#aaa;font-weight:bold;text-align:center;border:2px solid #eee;background:#fff url(/pict/bck1.gif);margin-bottom:15px}
.code{color:#080;font-family:courier new;font-size:12px}
/*glob - a*/
a.tg,a:visited.tg,a:active.tg,a:link.tg{font-size:12px;color:#69c;text-decoration:none;background: url(/pict/fo_dtt.gif) repeat-x 0 95%;margin-right:3px}
a.gr,a:visited.gr,a:active.gr,a:link.gr{color:#aaa;text-decoration:none} a:hover.gr{color:#000}
a.fn,a:visited.fn,a:active.fn,a:link.fn{font-size:11px;color:#aaa;text-decoration:none;background: url(/pict/fo_dtt.gif) repeat-x 0 95%}

/*images*/
img.ima{margin:0;border:3px solid #fafafa}

/*uni table*/
.uni {border:none;width:100%}
.uni td{padding:0.5em;background:url(/pict/fo_dt.gif) repeat-x top;vertical-align:top;overflow:hidden}
.uni td.ico{width:51px}
.uni td.des{border-left:1px solid #fafafa;width:250px;font-size:11px;color:#ccc}
.uni td.alb6{width:16%}
.uni td.alb0{width:20%}
.uni td.alb1{width:50%}
.uni td.alb2{width:100%}
.uni td.alb4{width:25%}
.uni td.albm{background:none}
.uni td.co25{width:25%;text-align:center;background:none}

/*dfoto table*/
.dfoto {border:none;width:100%;margin-bottom:2em}
.dfoto td{padding:0;vertical-align:top}
.dfoto td h4{padding:0;margin:0}
.dfoto td h2{padding:0;margin:0}
.dfoto td.cola{width:368px}
.dfoto td.colb{padding:0 10px}
.dfoto td.colc{width:100px}

/*photo detail*/
#fonam h2 a{letter-spacing:-1px;font-size:19px;font-weight:bold}
#fodes{padding:0 0 5px 0;font-size:11px;color:#666}
#focpa{background:#fafafa;padding:5px;border:1px solid #eee;border-bottom:none;color:#aaa;text-align:center}
#focpa span.posi{font-size:15px;font-weight:bold;padding:3px 5px;color:#000}
#foima{background:#fafafa;text-align:center;border-left:1px solid #eee;border-right:1px solid #eee}
#ctext{text-align:center;font-size:11px;color:#bbb;padding-bottom:2px}
.undobt{background:#fafafa;padding:5px;border:1px solid #eee;border-top:none}
#btta{border:none;width:100%}
#btta td.ho{text-align:center;font-size:11px;line-height:1}
#btta div.hota{margin-top:2px;color:#666}
#btta div.hoho{margin-bottom:4px;color:#aaa}
/*photo info table*/
/*url table*/
.urltaco{margin-top:7px;padding-top:7px;background:url(/pict/fo_dt.gif) repeat-x top;font-size:11px}
#urlta{border:none}
#urlta td{padding:0 5px 1px 0;vertical-align:middle;font-size:11px;text-align:right}
#urlta td input{font-size:11px;width:240px;border:1px solid #eee;padding:2px;background:#fafafa;color:#aaa}
#urlta td.onl{text-align:left}
/*user info in photo*/
.uipho{padding:3px;border:1px solid #eee;margin-bottom:10px;font-size:11px}
.uipho p{color:#000;margin:1px 0 5px 0}
.uipho p.desc{color:#aaa;margin:2px 0 4px 0}
.uipho div.buwa{float:right;text-align:center;font-size:11px;color:#bbb}
.uipho div.icont{font-size:11px}

/*photo spot*/
.icont{position:relative}
.ima2{overflow: hidden;width: 120px;height: 80px;border: 1px solid #fff;padding-top: -5px;text-align:center}
.ima2 img{margin-top:-10px;margin-left:0px}
.ima1{width: 122px;border: 1px solid #ddd}
.iico{position:absolute;z-index:2;width:25px;top:68px;_top:63px;left:108px;_left:103;width:16px;height:16px;overflow:hidden}
.iico a{display:block;height:16px;width:16px;text-indent:-2000em;text-decoration:none;z-index:1000;background: url(/pict/lupa.gif) 0 0 no-repeat}
.iico a:hover{cursor:pointer;background-position: -16px 0}
.nzbox{width:122px;text-align:center}
.iibox,.iibox2,.iibox3{width:122px;float:left}
.iibox2{margin-bottom:5px}.iibox3{margin-right:20px}
.iinfo,.iinfotop{margin-left:130px;font-weight:normal}
.iinfotop{margin-right:130px}
.iiadd{width:122px;float:right}
.iinfo h2,.iinfotop h2{margin:0;padding:0;font-size:16px}
.iinfo h3,.iinfotop h3{margin:0 0 2px 0;padding:0;font-size:12px}
.iiontop{margin-top:7px;padding-top:7px;background:url(/pict/fo_dt.gif) repeat-x top;font-size:12px;clear:left}
.iifirst{background:none;font-size:12px;clear:left}
.cle{clear:left;font-size:1px}.cler{clear:right;font-size:1px}
.clea{clear:left}

/*header*/
#hd{background:#1e489c;padding:10px;height:35px;color:#fff}
#hd div.nav{float:right;color:#6698cb;height:24px;width:450px}
#hd div.inner{background:#f4f6fa url(/pict/bck_co.gif) no-repeat top center;height:24px;margin-right:130px;text-align:center}
#hd div.inin{padding-top:3px;color:#aaa;font-size:13px}
#hd div.control{height:24px;float:right}
#hd a {color:#d2dcf3;font-size:12px}
#hd a:hover {color:#fff}
#hd div.inner a{color:#105cb6} #hd div.inner a:hover{color:#003} #hd div.inner a:active{color:#003}
#hd img{vertical-align:middle;_margin-top:3px;margin-right:1px}


#hdu{background:#6698cb url(/pict/hd_ld.gif) no-repeat left bottom;color:#fff;width:100%;height:25px;padding-top:3px;overflow:hidden;_height:28px}
#hdu div.rgco{background:url(/pict/hd_pd.gif) no-repeat right bottom;float:right;width:140px;height:25px;padding-right:10px;text-align:right}
#hdu div.maco{padding:3px 20px}
#hdu li{float:left;margin:0;margin-left:5px}
#hdu li span{padding:0 8px 3px 8px;display:block}
#hdu li a, #hdu div.rgco a{color:#d2dcf3;text-decoration:none}
#hdu li a:hover{color:#fff}
#hdu li.sel{background:#f5f7fa url(/pict/tab_pu.gif) no-repeat right top;color:#000}
#hdu li.sel span{background:url(/pict/tab_lu.gif) no-repeat left top;padding:1px 8px 2px 8px}
#hdu li.sel a{font-weight:bold;color:#000}

/*lngmenu*/
.lngmenu{text-align:left;position:absolute;visibility:hidden;border:1px solid #d2dcf3;border-bottom-width:0;z-index:100;background-color:#fff;width:145px}
.lngmenu a{width:145px;display:block;text-indent:3px;border-bottom:1px solid #d2dcf3;padding: 1px 0;text-decoration:none;text-indent:5px}
.lngmenu a:hover{background-color:#d2dcf3;color:#000}
.lngmenu .inf{display:block;border-bottom:1px solid #d2dcf3;padding:4px;font-size:12px}

/*forms*/
fieldset{border:1px solid #eee;margin:1em 0;padding:10px;clear:left;width:80%}
legend{font-size:18px;color:#769c16;font-weight:normal;letter-spacing:-1px;line-height:1;padding: 0 0.5em}
label,label.mal{display:block;font-size:15px;font-weight:bold;letter-spacing:-1px;color:#aaa;margin:0.6em 0 0.1em 0}
label.mal{;margin:5px 0 2px 0}

input.button1,input.button2,input.button3,input.button4 {width: auto !important;margin-top:15px;padding:1px 6px;font: normal 15px/1 arial,sans-serif;letter-spacing:-0.5px;color:#000;background:#fafafa url(/pict/bck3.gif) repeat-x top}
input.button1,input.button2{border:1px solid #666}
input.button3,input.button4{margin-top:5px;border:1px solid #d78f03;background:#ffa800 url(/pict/bck4.gif) repeat-x top;color:#704b02}
input.button1:hover, input.button2:hover{border:1px solid #06c;color:#000}
input.button3:hover,input.button4:hover{border:1px solid #835600}
input.button1,input.button4{margin-top:0}

input.txt1,input.txt2,input.txt3,input.txt4{font:normal 15px/1 arial,sans-serif;background:#fcf9e4;border:1px solid #cdc06c;color:#87836b;padding:2px}
input.txt2{width:600px}
input.txt3,input.txt4{background:#fff;border:1px solid #ddd;color:#444;width:220px}input.txt4{width:100px}
textarea.tea1,textarea.tea2{font-size:12px;background:#fcf9e4;border:1px solid #cdc06c;color:#87836b;padding:2px;width:600px;height:70px}
textarea.tea2{height:180px}
select.sel1{font-size:15px;background:#fcf9e4;border:1px solid #cdc06c;color:#87836b;padding:2px}

/*rounded boxes*/
/*light-gray*/
.rb1 {background:#f7f7f7;margin-bottom:5px}
.rb1t div {background:url(/pict/left-b1.gif) no-repeat top left}
.rb1t     {background:url(/pict/right-b1.gif) no-repeat top right}
.rb1b div {background:url(/pict/left-b1d.gif) no-repeat bottom left}
.rb1b     {background:url(/pict/right-b1d.gif) no-repeat bottom right}
/*extr-light-gray*/
.rb2 {background:#ebebeb;margin-bottom:5px}
.rb2t div {background:url(/pict/left-b2.gif) no-repeat top left}
.rb2t     {background:url(/pict/right-b2.gif) no-repeat top right}
.rb2b div {background:url(/pict/left-b2d.gif) no-repeat bottom left}
.rb2b     {background:url(/pict/right-b2d.gif) no-repeat bottom right}
 /*height and width of boxes*/
.rb2t div,.rb2t,.rb2b div,.rb2b{width:100%;height:14px;	font-size: 1px}
.rb1t div,.rb1t,.rb1b div,.rb1b{width:100%;height:14px;	font-size: 1px}
.rb1c{margin:0;padding:0 14px}
.rb2c{margin:0;padding:0 14px}

/*msg box*/
.md_transparentDivs{filter:alpha(opacity=60);opacity:0.6;background-color:#aaa;z-index:1;position:absolute}
.md_contentDiv,.mds1{border:4px solid #105cb6;padding:10px;z-index:100;position:absolute;background:#fff}
.mds1{background:#fff url(/pict/b_stripe1.gif) no-repeat top center}
.md_contentDiv h3{background:#eee;padding:4px}
.md_contentDiv_shadow,.mds1_shadow{z-index:90;position:absolute;background-color:#555;filter:alpha(opacity=10);opacity:0.1}

/*tag and cloud*/
.tags{vertical-align:bottom}
.tags a img{border:0;display:inline;margin:0 0 0 3px;padding:0}
.tags ul{list-style-type:none;margin:0;padding:0; text-align:justify}
.cloud {margin:0 0 5px 0}
.cloud li{display:inline;text-align:justify;background-image:none !important;padding:0;margin:0}
.cloud .tag-count{padding-left:0.2em;font-size:12px}
.cloud li:before{content:"" !important}
.tagti{font-size:14px;font-weight:bold;color:#000;margin:5px 0 2px 0}
.tags .tlistco{font-size:13px;white-space:nowrap;padding:3px;background:#eee;margin-bottom:4px}
.tags .tlistco a{font-size:13px}
.tags .tlistco  img{vertical-align:middle;margin-right:2px}
.tags .tlist{font-size:12px;margin:0 0 5px 0}
.tags .tlist a{font-size:12px}
#tagset,#tagset a{line-height:18px;text-decoration:none}
.tagused{margin:1px;padding:1px;background:#ff9}
a:hover.tagused{text-decoration:none}

/*comments*/
.rml{margin-left:46px}
.rimale{float:left;margin-top:5px;width:46px;text-align:center}
.rcont{padding-top:5px;margin-bottom:10px;clear:right}
.rcont h3{font-size:15px;margin:0;padding:0;font-weight:bold;background:transparent;color:#666}
.rcont p{margin-bottom:2px}
.rcont,.rcont a{font-size:12px}
.rcont{color:#666;padding-left:0px}
.rcont .re{padding-left:5px;margin-left:10px;border-left:1px solid #eee;border-top:1px solid #eee;margin-top:3px;padding-top:3px}
.rcont .reti{font-size:12px;color:#000;font-weight:bold}
.rcont .mrk a{font-weight:normal;color:#aaa}

/*pgsw*/
.joit,.joit2{padding:3px;font-size:13px;border:1px solid #eee;background:#f9f9f9;margin:5px 0 3px 0;color:#ccc}
.joit2{margin:0}
.joit a:link,.joit a:visited,.joit a:active,.joit a:hover{font-size:13px;text-decoration:none}

/*frlist*/
#frlist ul{margin-bottom:10px}
#frlist .comm{color:#999;margin:0 0 8px 7px;padding-left:2px;font-size:12px;font-style:italic}

/*toolbar*/
#tbtop{position:absolute;top:0;left:0;height:17px;width:100%;background:#eee;padding-top:1px;color:#aaa;border-bottom:1px solid #aaa;font-size:10px;text-align:center;overflow:hidden;clear:booth}
#tbtop ul{display:inline;margin:0;padding:0;margin-left:2px}
#tbtop ul li{display:inline;border-left:2px solid #e6e6e6;padding:0 5px}
#tbtop ul li a{text-decoration:none;font-weight:normal;font-size:11px;color:#333}
#tbtop ul li a:hover{color:#c00}

