/* $TopStyle:URL=http://images.fotki.com/css/new_styles4.css$ */

@import url("photo_styles.css");
@import url("album_content_wtree.css");
@import url("navs.css");
@import url("comments.css");
@import url("guestbook.css");
@import url("albumthumbs.css");
@import url("album_properties.css");
@import url("photocomments.css");
@import url("splitter.css");

body {
margin:0;
padding:0;
background: #FFFFCC
}

body, td { font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:16px;
color: #000
}

h1 {
margin: 5px 0px 10px 10px;
font-size: 16px;
font-weight: bold;
padding: 0px
}

h1#mtitle {
margin: 5px 0px 10px 10px; 
font-size: 26px;
font-weight: bold;
padding: 0px
}

h1 span { font-size: 14px }

/*-----------------------------------*/
#ttitle {
background:#F2F5FC;
border-right:4px solid #DFE5F4;
border-left:10px solid #B9C9EF;
font-size:24px;
font-family: "Trebuchet MS", Verdana, Tahoma, Arial;
font-weight: normal;
text-align:left;
padding:0 10px;
margin:5px 0;
float:left;
}

#ieup, #javaup, #xpup, #bookup, #ftpup, #fetchup, #mailup, #picajetup, #picturesyncup, #compupicup, #spbup, #oneup {
 padding-left:70px;vertical-align:top;
 border:1px dotted #B9C9EF;
 border-width:0 0 1px 0;
}

#ieup {height:64px;
background: url(http://images.fotki.com/i/images/uploader/ied.png) left top no-repeat;
 //background: url(http://images.fotki.com/i/images/uploader/ie.png) left top no-repeat;
 //background-image: none;
 //filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://images.fotki.com/i/images/uploader/ie.png,sizingmethod='crop');
 //cursor:hand;
}

#javaup {background: url(http://images.fotki.com/i/images/uploader/java.png) left top no-repeat;height:90px;
 //background-image: none;
 //filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://images.fotki.com/i/images/uploader/java.png,sizingmethod='crop');
 //cursor:hand;
}
#xpup {background: url(http://images.fotki.com/i/images/uploader/win.png) left top no-repeat;height:70px;
 //background-image: none;
 //filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://images.fotki.com/i/images/uploader/win.png,sizingmethod='crop');
 //cursor:hand;
}
#bookup {background: url(http://images.fotki.com/i/images/uploader/book.png) left top no-repeat;height:64px;
 //background-image: none;
 //filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://images.fotki.com/i/images/uploader/book.png,sizingmethod='crop');
 //cursor:hand;
}
#fetchup {background: url(http://images.fotki.com/i/images/uploader/fetch.png) left top no-repeat;height:64px;
 //background-image: none;
 //filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://images.fotki.com/i/images/uploader/fetch.png,sizingmethod='crop');
 //cursor:hand;
}
#ftpup {background: url(http://images.fotki.com/i/images/uploader/ftp.png) left top no-repeat;
 //background-image: none;
 //filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://images.fotki.com/i/images/uploader/ftp.png,sizingmethod='crop');
 //cursor:hand;
}
#mailup {background: url(http://images.fotki.com/i/images/uploader/mail.png) left top no-repeat;height:64px;
 //background-image: none;
 //filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://images.fotki.com/i/images/uploader/mail.png,sizingmethod='crop');
 //cursor:hand;
}
#picajetup {background: url(http://images.fotki.com/i/images/uploader/picajet.png) left top no-repeat;height:64px;
 //background-image: none;
 //filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://images.fotki.com/i/images/uploader/picajet.png,sizingmethod='crop');
 //cursor:hand;
}
#picturesyncup {background: url(http://images.fotki.com/i/images/uploader/picturesync.png) left top no-repeat;height:64px;
 //background-image: none;
 //filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://images.fotki.com/i/images/uploader/picturesync.png,sizingmethod='crop');
 //cursor:hand;
}
#compupicup {background: url(http://images.fotki.com/i/images/uploader/compupic.png) left top no-repeat;height:80px;
 //background-image: none;
 //filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://images.fotki.com/i/images/uploader/compupic.png,sizingmethod='crop');
 //cursor:hand;
}
#spbup {background: url(http://images.fotki.com/i/images/uploader/spb.png) left top no-repeat;height:100px;
 //background-image: none;
 //filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://images.fotki.com/i/images/uploader/spb.png,sizingmethod='crop');
 //cursor:hand;
}
#oneup {background: url(http://images.fotki.com/i/images/uploader/one.png) left top no-repeat;height:100px;
 //background-image: none;
 //filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://images.fotki.com/i/images/uploader/one.png,sizingmethod='crop');
 //cursor:hand;
}

/*-----------------------------*/

#top_header {
background: url("http://images.fotki.com/bg-33.gif") repeat-x;
width: 100%;
/*border-spacing:0;
border-collapse:collapse*/
float:left
}

#top_header #logo { position: absolute; top:8px; left:9px }
#top_header #navigation { margin-left: 110px; height:1px }
#top_header #member_nav { text-align: right;
font-size:10px;
/* line-height:15px; */
margin: 5px 10px 0 0;
float: right
}

/*#top_subtabs {
background: #B9C9EF;
border-bottom: 2px solid #000;
padding: 5px 0 5px 10px;
font-size: 11px;
clear: both
}
#top_subtabs a { color:#000; text-decoration:none }
#top_subtabs a#sel { font-weight: bold }*/

#top_subtabs { float: left; width: 100%; background: #B9C9EF; padding-top: 2px; border-bottom: 1px solid #000 }
#top_subtabs ul { list-style: none; margin: 0 0 0 115px; padding: 0; font-size: 6px }
#top_subtabs li { float: left; font-size: 11px }
/*#top_subtabs > ul a { width:auto }*/
#top_subtabs a { text-decoration:none; display: block; padding: 2px 7px 4px 7px; position:relative; top:1px; float: left }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#top_subtabs a { float:none }
/* End IE5-Mac hack */
#top_subtabs a:not(:nth-child(n)) { float:left } /* Hack for MSN for Mac OS X */

#top_subtabs a.link { color:#000 }
#top_subtabs a { color: Gray }

#top_subtabs a#sel { font-weight: bold; color: #fff; background: #5471B9; border-left: 1px solid #000; border-top: 1px solid #000; padding: 3px 9px 2px 9px; margin: 0 5px 0 5px }
#top_subtabs a.link:hover { color: #5471B9 }



.hline {	height:6px; background:#5471B9; font-size:6px; clear:both }

#main_table { clear: both }
#main_table #panel { background-color: #5471B9; width: 1px;}	/* ars, Sun Aug  1 13:58:41 EDT 2004 */
#main_table td#panel { width: 1px;
//width:1%;
//padding-top:8px;
}

html>body table#main_table { height:100% }
head:first-child+body table#main_table { height:auto }

.email { font-size:12px; word-wrap: normal; }
.error { color:red; font-size:12px; font-weight:bold }
.emailstatus1 { font-size:11px; font-weight:bold; background:#E7E7E7 }
.emailstatus, .emailstatus2, .emailstatus3, .emailstatus4, .emailstatus5 {
font-size:11px; background:#fff
}

.UnderPhoto { font-size:10px }
.AlbumNav1Normal { font-size:12px }
.AlbumNav1Current { font-size:14px; font-weight:bold; background-color:#ccc }
.MailNav { font-size:14px; color:#fff }

.LeftNavHeader {
color:#cdcdcd;
font-size:14px;
font-weight:bold
}

.LeftNavConent { font-size:13px }

.header1, .text1bold { font-size:18px; font-weight:bold }
.header2 { font-size:14px; font-weight:bold }
.header3 { font-size:16px; font-weight:bold }

.text1 { font-size:18px }
.text2 { font-size:13px }
.text2bold, .text2b { font-size:13px; font-weight:bold }
.text3 { font-size:11px }
.text3b { font-size:11px; font-weight:bold }
.text4 { font-size:9px }
.log { font-size: 9px; overflow:auto; height:240px; } 

#pid { font-size: 9px; color: #fff; }

.podpis { font-size:8px }

.membernav {
font-size:10px;
font-weight:normal;
color:#000
}

.topnav {
font-size:12px;
font-weight:bold;
color:#000;
text-decoration:none
}

.tm { font-size:8px }

/* Top Tabs */

#top_tabs {
float:left;
width:100%;
line-height:normal;
font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif
}
#top_tabs ul {
margin:0;
padding:8px 10px 0;
list-style:none
}
#top_tabs li {
float:left;
background: #DFE5F4 url("http://images.fotki.com/tab1.gif") no-repeat left top;
margin:0 3px 0 0;
padding:0
}
#top_tabs a {
white-space: nowrap;
float:left;
display:block;
width:.1em;
background: url("http://images.fotki.com/tab1.gif") no-repeat 100% -28px;
padding:5px 7px;
text-decoration:none;
color:#000
}
#top_tabs div { float:left }
#top_tabs > ul a { width:auto }

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#top_tabs a, #top_tabs div { float:none }
/* End IE5-Mac hack */
#top_tabs a:not(:nth-child(n)), #top_tabs div:not(:nth-child(n)) { float:left } /* Hack for MSN for Mac OS X */

#top_tabs a:hover { color:#5471B9 }
#top_tabs #current { background-color: #B9C9EF }
#top_tabs #current a {
font-weight:bold;
color:#333
}
#top_tabs li:hover, #top_tabs li:hover a { color:#5471B9 }

#top_tabs li.cart {
margin-left: 15px;
background-color: transparent
}

#top_tabs .cart div {
background: url("http://images.fotki.com/icon_shop.gif") no-repeat;
padding-left: 16px
}
#top_tabs .cart a {
background-color: transparent
}



.topmainnavlink {
font-size:13px;
color:#5471B9
}

.butnav {
font-size:11px;
font-weight:bold;
letter-spacing:2px;
text-decoration:none
}

.section_nav1 { font-size:12px; color: #fff }
.section_nav2 { font-size:11px; color: #fff }
.section_nav1_sel { color:#000; font-size:11px; background:#fff }
.section_nav1 { color:#fff; font-size:11px; background:#000 }

/* Panel Menu */

#panel_menu, #panel_submenu { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; }
#panel_menu ul, #panel_submenu ul { margin-left: 0; padding-left: 5px; padding-bottom: 1px }
#panel_menu ul ul { padding-left: 0 }
#panel_menu>ul, #panel_menu>ul ul, #panel_submenu>ul { padding-bottom: 0 }
#panel_menu li, #panel_submenu li { list-style:none; white-space:nowrap }
#panel_menu ul ul li { margin-left: 15px }
#panel_menu li#panel_sel { background: #fff }
#panel_menu #panel_sel ul { background: #5471B9 }

#panel_menu a, #panel_submenu a {
text-decoration:none;
display:block;
margin: 0 5px 0 5px;
line-height: 20px;
color: #fff;
font-weight: bold
}
#panel_menu a:hover, #panel_submenu a:hover, #panel_menu #panel_sel ul a:hover { color: #ccc }
#panel_menu #panel_sel a { color: #000 }
#panel_menu #panel_sel ul a { color: #fff }
#panel_menu ul ul a, #panel_submenu a { font-weight: normal }

#panel_menu a strong { color: #ff0 }
#panel_menu li#panel_sel a strong { color: #f00 }

#panel_submenu .disabled a { color:#B9C9EF }
#panel_submenu h4 { font-size:11px; color:#B9C9EF; margin-left:10px }


.bottommenu {
font-weight:bold;
font-size:11px;
color:#fff
}

.sponsorurl {
color:#999;
font-size:10px
}

.support_topic {
FONT-FAMILY: Verdana; background-color: #CCC; FONT-SIZE: 11px
}
.support_msg {
FONT-FAMILY: Verdana; background-color: #FFF; FONT-SIZE: 11px
}
.support_hdr {
FONT-FAMILY: Verdana; background-color: #999; FONT-SIZE: 11px
}

.phototitle {
font-size:15px;
font-weight:bold;
padding:5px 0 0 0
}

.photodesc { font-size:14px }

.boxshadowS {
border:1px inset #000;
background-position: left top;
BACKGROUND-IMAGE: url("https://secure.fotki.com/images/input-box-shadow.gif");
BACKGROUND-REPEAT: no-repeat
}

.boxshadow {
border:1px inset #000;
background-position: left top;
BACKGROUND-IMAGE: url("http://images.fotki.com/input-box-shadow.gif");
BACKGROUND-REPEAT: no-repeat
}

.main_header { font-size:24px }

.main_header_sub { font-size:18px }

.req { font-size:10px; color:red }

.hr1 {
height:1px;
border-style: none;
background: #999
}

.tb1 { background: #B9C9EF }

.tb2 { background: #DADADA }

.tb3 { background: #ECECEC }

.tb4 { background: #fff }

.table1 {
border-style: solid;
border-width: 1px
}

.table2 {
background: #eee;
border: 1px solid #cbcbcb
}

/* Home */

.home_fotki table {
width: 130px;
height: 130px;
border: 1px solid Black;
margin: 6px auto 6px auto;
background-color: #fff
}

.home_fotki td {
text-align: center
}

.home_fotki a {
display: block;
padding: 4px
}

/* Member Bar */

#member_bar {
padding: 5px 0 0 0;
background:#5471B9;
font-size: 1px;
/*line-height: 1px;*/
width: 100%;
}

#member_bar h1 {
font-size: 18px;
color: #fff;
font-weight: bold;
margin: 0;
line-height: 18px;
padding-bottom: 2px;
float: left;
border: none
}

* html #member_bar h1 {	/* Hack for IE 5 */
line-height: normal;
padding-bottom: 0px;
p\adding-bottom: 2px
}

html>body #member_bar h1 {	/* Hack for Opera 6*/
padding-bottom: 2px
}

head:first-child+body #member_bar h1 {	/* For other good browsers - Opera 6 doesn't understand this construction*/
line-height: normal;
padding-bottom: 0
}
#member_bar h1, #member_bar #location, #member_bar #friend { float:left }
#member_bar #avatar { position: absolute }
#member_bar #avatar img { margin: 1px 0 0 10px }
#member_bar h1 { margin: 0 20px 0 0}
#member_bar #location, #member_bar #friend { margin: 4px 20px 4px 0 }
#member_bar #location, #member_bar #friend { color: #fff; font-size: 11px; font-weight:bold; line-height: normal }
#member_bar h1 a,#member_bar h1 a:hover, #member_bar a { color: #fff; text-decoration: none }
#member_bar a:hover { color: #ccc }
#member_bar #addtofriend {width:19px;height:9px:border:0}
#member_bar #allreadyfriend {width:13px;height:9px:border:0}
#member_bar #premiumicon {border:0;width:14px;height:14px;margin:0 2px}
#member_bar #flagicon {border:0;width:16px;height:14px;margin:0 2px}
#member_bar table {border-collapse:collapse;border:0;float:left;margin:0 15px}
#member_bar td {white-space:nowrap;padding:0}
#member_bar #account_photo img { border:0; position:absolute; left:12px; top:5px }
#member_bar h2 {
float: right;
font-size: 14px;
background-color: #fff;
margin: 0;
padding: 2px 10px 0 40px;
line-height: 22px;
background: #fff url("http://images.fotki.com/member_panel_corner.gif") no-repeat 0 -35px;
white-space: nowrap
}


/* Folders Tree */

#path {
background: #DFE5F4;
border-bottom: 2px solid #B9C9EF;
border-left:  6px solid #B9C9EF;
padding: 3px 0 3px 15px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
}

#path a {
text-decoration: none;
color: #000;
font-weight: normal
}

#path a:hover { color: #5471B9 }


td.tree { padding: 0}

.tree {
white-space: nowrap;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px
}

div#dtree{padding:6px 10px 0 0;margin:0;}

div#dtree.hide{display:none;padding:0;margin:0;font-size:0;line-height:0;width:0;}
html>body td.tree {width:1px;}

.tree a {
display: block;
text-decoration: none;
color: #000;
padding: 1px 0 4px 20px;
}

.tree a:visited { color: #999 }
.tree a:hover, .tree a:visited:hover { color: #5471B9 }
.tree li #sel { color:#000;font-weight: bold;}



.tree ol, .tree ul {
list-style-type: none;
padding: 0;
margin: 0 0 0 -20px;
}
.tree ul ul, .tree ol { margin-left: 20px; }

.tree li div { margin-left: 20px; }
.tree.check li div input { margin-right: 25px; }
.tree.check ul a { padding-left: 0; }
.tree.check ul ul { margin-left: 15px; }
.tree.check label {
float: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
}
.tree.check input[disabled] {	visibility: hidden; }






/* Icons for Tree Folders , by python : 28.09.05 */

.tree  li#new                           { background: url("http://images.fotki.com/i/images/tree2/tree_new.gif") no-repeat;}

.tree ul li div                         { background: url("http://images.fotki.com/i/images/tree2/f.png") no-repeat;
                                        //background: url("http://images.fotki.com/i/images/tree2/f.gif") no-repeat;
                                        }
.tree ul li div.open                    { background: url("http://images.fotki.com/i/images/tree2/fo.png") no-repeat;
                                        //background: url("http://images.fotki.com/i/images/tree2/fo.gif") no-repeat;
                                        }
.tree ul li div.locked                  { background: url("http://images.fotki.com/i/images/tree2/fl.png") no-repeat;
                                        //background: url("http://images.fotki.com/i/images/tree2/fl.gif") no-repeat;
                                        }
.tree ul li div.locked_open             { background: url("http://images.fotki.com/i/images/tree2/flo.png") no-repeat;
                                        //background: url("http://images.fotki.com/i/images/tree2/flo.gif") no-repeat;
                                        }
.tree ul li div.shared                  { background: url("http://images.fotki.com/i/images/tree2/fs.png") no-repeat;
                                        //background: url("http://images.fotki.com/i/images/tree2/fs.gif") no-repeat;
                                        }
.tree ul li div.shared_open             { background: url("http://images.fotki.com/i/images/tree2/fso.png") no-repeat;
                                        //background: url("http://images.fotki.com/i/images/tree2/fso.gif") no-repeat;
                                        }
.tree ul li div.hidden                  { background: url("http://images.fotki.com/i/images/tree2/fh.png") no-repeat;
                                        //background: url("http://images.fotki.com/i/images/tree2/fh.gif") no-repeat;
                                        }
.tree ul li div.hidden_open             { background: url("http://images.fotki.com/i/images/tree2/fho.png") no-repeat;
                                        //background: url("http://images.fotki.com/i/images/tree2/fho.gif") no-repeat;
                                        }
.tree ul li div.shared_hidden           { background: url("http://images.fotki.com/i/images/tree2/fsh.png") no-repeat;
                                        //background: url("http://images.fotki.com/i/images/tree2/fsh.gif") no-repeat;
                                        }
.tree ul li div.shared_hidden_open      { background: url("http://images.fotki.com/i/images/tree2/fsho.png") no-repeat;
                                        //background: url("http://images.fotki.com/i/images/tree2/fsho.gif") no-repeat;
                                        }
.tree ul li div.locked_hidden           { background: url("http://images.fotki.com/i/images/tree2/flh.png") no-repeat;
                                        //background: url("http://images.fotki.com/i/images/tree2/flh.gif") no-repeat;
                                        }
.tree ul li div.locked_hidden_open      { background: url("http://images.fotki.com/i/images/tree2/flho.png") no-repeat;
                                        //background: url("http://images.fotki.com/i/images/tree2/flho.gif") no-repeat;
                                        }
/* Icons for Tree Albums */

.tree ol li div                                 { background: url("http://images.fotki.com/i/images/tree2/a.png") no-repeat;
                                                //background: url("http://images.fotki.com/i/images/tree2/a.gif") no-repeat;
                                                }
.tree ol li div.open                            { background: url("http://images.fotki.com/i/images/tree2/ao.png") no-repeat;
                                                //background: url("http://images.fotki.com/i/images/tree2/ao.gif") no-repeat;
                                                }
.tree ol li div.empty                           { background: url("http://images.fotki.com/i/images/tree2/ae.png") no-repeat;
                                                //background: url("http://images.fotki.com/i/images/tree2/ae.gif") no-repeat;
                                                }
.tree ol li div.empty_open                      { background: url("http://images.fotki.com/i/images/tree2/aeo.png") no-repeat;
                                                //background: url("http://images.fotki.com/i/images/tree2/aeo.gif") no-repeat;
                                                }
.tree ol li div.hidden                          { background: url("http://images.fotki.com/i/images/tree2/ah.png") no-repeat;
                                                //background: url("http://images.fotki.com/i/images/tree2/ah.gif") no-repeat;
                                                }
.tree ol li div.hidden_open                     { background: url("http://images.fotki.com/i/images/tree2/aho.png") no-repeat;
                                                //background: url("http://images.fotki.com/i/images/tree2/aho.gif") no-repeat;
                                                }
.tree ol li div.locked                          { background: url("http://images.fotki.com/i/images/tree2/al.png") no-repeat;
                                                //background: url("http://images.fotki.com/i/images/tree2/al.gif") no-repeat;
                                                }
.tree ol li div.locked_open                     { background: url("http://images.fotki.com/i/images/tree2/alo.png") no-repeat;
                                                //background: url("http://images.fotki.com/i/images/tree2/alo.gif") no-repeat;
                                                }
.tree ol li div.locked_hidden                   { background: url("http://images.fotki.com/i/images/tree2/alh.png") no-repeat;
                                                //background: url("http://images.fotki.com/i/images/tree2/alh.gif") no-repeat;
                                                }
.tree ol li div.locked_hidden_open              { background: url("http://images.fotki.com/i/images/tree2/alho.png") no-repeat;
                                                //background: url("http://images.fotki.com/i/images/tree2/alho.gif") no-repeat;
                                                }
.tree ol li div.empty_hidden                    { background: url("http://images.fotki.com/i/images/tree2/aeh.png") no-repeat;
                                                //background: url("http://images.fotki.com/i/images/tree2/aeh.gif") no-repeat;
                                                }
.tree ol li div.empty_hidden_open               { background: url("http://images.fotki.com/i/images/tree2/aeho.png") no-repeat;
                                                //background: url("aeho.gif") no-repeat;
                                                }
.tree ol li div.empty_locked_hidden             { background: url("http://images.fotki.com/i/images/tree2/aelh.png") no-repeat;
                                                //background: url("http://images.fotki.com/i/images/tree2/aelh.gif") no-repeat;
                                                }
.tree ol li div.empty_locked_hidden_open        { background: url("http://images.fotki.com/i/images/tree2/aelho.png") no-repeat;
                                                //background: url("http://images.fotki.com/i/images/tree2/aelho.gif") no-repeat;
                                                }
.tree ol li div.empty_locked                    { background: url("http://images.fotki.com/i/images/tree2/ael.png") no-repeat;
                                                //background: url("http://images.fotki.com/i/images/tree2/ael.gif") no-repeat;
                                                }
.tree ol li div.empty_locked_open               { background: url("http://images.fotki.com/i/images/tree2/aelo.png") no-repeat;
                                                //background: url("http://images.fotki.com/i/images/tree2/aelo.gif") no-repeat;
                                                }

/* END of Tree, by python : 28.09.05


/* Styles for "Links to photo" page  */
.thumbnailhidden {display: none; }
.thumbnailshow   { display: table-row; }

.mediumhidden {display: none; }
.mediumshow   { display: table-row; }

.originalhidden {display: none; }
.originalshow  { display: table-row; }

.photolink_input
{
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
    width:500px;
}
.photolink_area { height: 100px; }






/* Reserved for Navigation Panel */

.nav {
background: #B9C9EF;
font-size: 13px;
padding: 3px 5px;
margin: 10px 0 0 0;
}

/* Content Panel */
.slideshow {
margin-top: 3px;
font-size: 12px;
text-align: right
}

td.folder_content { padding: 0 ;margin:0;width:100%}

div.fdetail {
width: 100%;
padding-top: 10px;
border-bottom: 1px solid #B9C9EF;
clear: both;
float: left
}

div.fdetail.selected {
background: #F7F7F7
}

.fdetail a {
color: #5471B9;
text-decoration: none
}
.fdetail dt a:visited { color: #B9C9EF }

.fdetail table, .fdetail td {
border-spacing:0; border-collapse:collapse; padding:0
}

.fdetail td.icon, .fdetail td.album {
vertical-align: top;
width: 1%
}

.fdetail td.prop {
vertical-align: top;
width: 99%
}

.fdetail .album img { display: block; margin: auto } /* Temporary for Opera 7.50 TP1 */

.fdetail .album a {
display: block;
height: 90px
}


.fdetail .album th { text-align: center; background: #FFFFFF url('http://images.fotki.com/i/images/border/empty.gif') center no-repeat;}

.fdetail.locked .album th, .fdetail.locked_new .album th { background: #fff url("http://images.fotki.com/tree_1/lock.png") no-repeat center }




.fdetail .icon a {
height: 48px;
width: 48px;
display: block;
margin: 0 0 5px 0
}
.fdetail td.icon { background: url(http://images.fotki.com/tree_1/f3_.gif) no-repeat }
.fdetail tr>td.icon { background: url(http://images.fotki.com/tree_1/f3_.png) no-repeat }

.fdetail.shared td.icon, .fdetail.shared_new td.icon { background: url(http://images.fotki.com/tree_1/f3_s.gif) no-repeat }
.fdetail.shared tr>td.icon, .fdetail.shared_new tr>td.icon { background: url(http://images.fotki.com/tree_1/f3_s.png) no-repeat }

.fdetail.locked td.icon, .fdetail.locked_new td.icon { background: url(http://images.fotki.com/tree_1/f3_l.gif) no-repeat }
.fdetail.locked tr>td.icon, .fdetail.locked_new tr>td.icon { background: url(http://images.fotki.com/tree_1/f3_l.png) no-repeat }

.fdetail.shared_locked td.icon, .fdetail.shared_locked_new td.icon { background: url(http://images.fotki.com/tree_1/f3_ls.gif) no-repeat }
.fdetail.shared_locked tr>td.icon, .fdetail.shared_locked_new tr>td.icon { background: url(http://images.fotki.com/tree_1/f3_ls.png) no-repeat }

.fdetail .co {
font-family: Arial, Helvetica, sans-serif;
color: #999;
font-size: 9px;
margin: 0 0 3px 11px
}

.fdetail dl { margin:0 0 3px 6px }

.fdetail dt {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: #000
}

.fdetail.new dt a#title, .fdetail.shared_locked_new dt a#title, .fdetail.shared_new dt a#title, .fdetail.locked_new dt a#title {
padding-right:25px;
background: url(http://images.fotki.com/tree_1/new.gif) no-repeat right
}

.fdetail dt.desc a {
padding-right:0;
background: none
}

.fdetail dt.datex, .fdetail dt.desc {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
/*font-style: italic;*/
font-size: 13px
}

.fdetail dt.desc { font-weight: normal }

.fdetail dd {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #999;
margin-left: 20px
}

.fdetail dd.e, .fdetail dd.p { margin-top: 6px }

.fdetail dd.a, .fdetail dd.f, .fdetail dd.comm, .fdetail dd.hits, .fdetail dd.visits { display: inline; white-space: nowrap }

.fdetail span#fdetail_span {
width: 100%;
font-size: 11px;
color: #B9C9EF;
font-weight: bold;
padding: 0 0 1px 0
}

.fdetail span#fdetail a, .fdetail span label {
font-weight: normal;
color: #5471B9;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
white-space: nowrap
}

.fdetail span a {
font-weight: normal;
}
.fdetail label {
float: none;
padding: 0 3px 0 0
}

.fdetail span a:hover, .fdetail span label:hover, .fdetail span label.hover {
color: #000 
}

.info {
margin: 50px auto 60px auto;
border: 1px solid #B9C9EF;
width: 50%;
padding: 9px 9px 15px 9px;
text-align: center;
font-size: 12px
}

.info h3 { font-size: 15px; color: #5471B9 }
.info a { color: #5471B9 }
.info ul { text-align: left; margin-left: 20px }



div.head {
position: fixed;
top:0;
width: 100%;
background-color: White;
}

div.fpanel {
position: fixed;
right: 0;
top: 80px;
width: 140px;
padding: 0;
margin: 0;
}

div.spanel {
position: fixed;
left: 0;
margin-left: 0px;
top: 80px;
width: 140px;
}

div.loc {
position: fixed;
width: 100%;
top: 55px;
}

.loc td {
padding: 2px 0 1px 3px;
background-color: White;
font-size: 11px;
}

.loc b {
margin: 0 2px 0 2px;
font-weight: normal;
}

.loc a {
text-decoration: none;
color: #5471B9
}

.loc a:hover { text-decoration: underline }

/*div.content {
margin-top: 0px;
z-index: 0
}

div.content {
voice-family: "\"}\"";
voice-family:inherit;
margin-top: 0
}

html>body .content { margin-top: 80px } */

.fpanel a, .spanel a {
color: #fff;
font-size: 12px
}

.fpanel td, .spanel td { /*white-space: nowrap;*/ }
.fpanel td, .fpanel th { padding: 2px 0 3px 9px }
.fpanel a { margin: 0 0 0 12px }
.fpanel img { margin-left: 5px }

.fpanel th, .spanel th, .spanel h2 {
text-align: left;
color: #B9C9EF;
font-size: 14px
}

.spanel h2 {
text-align:center;
margin: 20px 0;
background-color: transparent;
padding:0
}

.spanel th, .spanel td { text-align: right }

.spanel td {
font-size: 11px;
color: #fff;
margin:0
}

.spanel #sel, .fpanel #sel { background-color: #fff }
.spanel #sel a, .fpanel #sel a { color: #000 }

/*h3 {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #999;
background-color: White;
font-weight: bold;
margin: 0;
padding: 0 5px 0 0;
display:inline
}

h3+hr {
color: #999;
background-color: #999;
height: 1px;
width: 90%;
margin-top: -8px;
padding-top: 0;
text-align: left;
margin-left: 0;
border-style: none
}*/

address {
font-size: 9px;
font-style: normal;
text-align: right;
margin: 9px 9px;
color: #999
}

.pagenav {
font-size: 11px;
padding: 0 10px 10px 0;
text-align: right
}

.pagenav b {
padding: 2px 4px 2px 5px;
background-color: #B9C9EF
}

.top {
background-image: url(bg-33.gif);
background-repeat: repeat-x
}

.list td, .list th a {
text-align:left;
padding-right:10px;
/*overflow: hidden;*/
vertical-align: top
}

.list th a {
white-space: nowrap;
padding: 3px 0 3px 10px;
/*height: 24px;*/
}

.list th.ralign a { padding-right:10px }

.ralign { text-align:right }

.list th a {
color: #000;
font-size: 11px
}

.list #sel { background-color: #B9C9EF }

.list th a {
display: block;
background-color: #DFE5F4;
text-decoration: none;
border-bottom: 2px #5471B9 solid;
}

.list th a:hover { background-color: #B9C9EF }

/* Tabs */

.tabs {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px
}

table.tabs { margin-left: 22px }

.tabs span {
margin-left: 2px;
background-image: url(tab2.gif);
background-repeat: no-repeat;
background-position: right top
}

.tabs span, .tabs a { padding: 5px 0 5px 0 }

.tabs a {
padding-left: 6px;
margin-right: 3px;
text-decoration:none;
color:#000000;
background-color:#DFE5F4;
display: block;
text-align: center;
background-image: url(tab1.gif);
background-repeat: no-repeat
}

.tabs a:hover { background-color: #B9C9EF }
.tabs #sel {
font-weight:bold;
background-color: #B9C9EF
}

/* Wizard */

.wizard {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
margin: 0;
padding: 0
}

ol.wizard, .wizard ul {
list-style-type: none;
margin: 0;
padding: 0
}

ol.wizard { width: 100% }

.wizard span, .wizard a, li.un, li#sel { padding: 5px 0 5px 0 }

.wizard span {
margin-left: 5px;
padding-right: 5px;
padding-left: 5px;
background-color:#DFE5F4;
font-weight: bold
}

.wizard a {
padding-left: 6px;
/*margin-right: 3px; */
text-decoration:none;
color:#000000;
font-size: 11px;
display: block
}

ol.wizard li {
text-align: right;
background-color:#B9C9EF;
font-weight:normal;
border-bottom: 2px solid #5471B9
}

.wizard ul li {
padding: 2px 3px 3px 0;
text-align:right;
color:White;
border:0;
background-color: #5471B9
}

.wizard ul {
margin-top:5px;
background-color: #5471B9
}

.wizard>ul { margin-top: 0 }
.wizard a:hover { background-color: #DFE5F4 }

.wizard li#sel {
font-weight: bold;
background-color: #fff
}

.wizard li#sel span { background-color: #ff0 }

.wizard li#next {
padding:0;
border-bottom: 2px solid #5471B9
}

.wizard li#next a {
background-color:Yellow;
font-weight:bold;
text-align:center;
color: #5471B9
}

.wizard li#next a:hover { color: #000 }


/* Content */

.content, .content p {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 11px
}

.content h2 {
font-size : 15px;
color: #5471B9;
padding: 2px;
margin-bottom: 0
}


.content h3 {
font-size : 14px;
color: #000;
padding: 2px;
margin-bottom: 0
}


/* Forms */

.button {
font-size: 15px;
font-weight: normal;
font-style: normal;
color: #fff;
background-color: #5471B9;
margin: 0
}

.button_w {
font-size: 15px;
font-weight: normal;
font-style: normal;
color: #fff;
background-color: #5471B9;
margin: 0 0 6px 0;
width: auto;
}

.button:focus, .button_w:focus, .button:hover, .button_w:hover {
background-color: #B9C9EF;
color: #000
}

form { margin: 0 }

.form_tip {
background-color: #FFFFE1;
font-size: 8px;
padding: 3px;
border: 1px dotted Black;
margin-left: 5px
}

.form_bg { background: #EEE url("http://images.fotki.com/form_bg.gif") repeat-y right }

label {
float: right;
/*	text-align: right;*/
font-family: Verdana;
font-size: 13px;
white-space: nowrap
}

a.help {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 10px;
color: White;
background-color: #B9C9EF;
padding: 0 3px 0 4px;
font-weight: bold;
text-decoration: none;
cursor: help
}

a.help:hover { background-color: #5471B9 }

.boxshadow1 {
border:1px inset black;
background: url("http://images.fotki.com/input-box-shadow.gif") no-repeat left top
}

.boxshadow1:focus {
background: url("http://images.fotki.com/input-box-shadow-sel.gif")
}

/* Common */

h2 {
font-size : 14px;
background-color: #fff;
font-weight: normal;
padding: 2px;
margin-bottom: 0
}

.path {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 13px;
margin-bottom: 10px
}


/* Forms */

form fieldset {
margin: -7px 1px 0 0;
padding: 5px;
background-color: #F7F7F7;
border-width: 0;
border-style: dotted
}

form legend {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: Gray;
padding: 0 5px 2px 5px;
background-color: #fff
}

form th {
font-size: 11px;
font-weight: normal;
font-family: Arial, Helvetica, sans-serif
}





/* Cart */

table.cart { background-color: #F7F7F7 }

table.cart td, table.cart th {
border-right: 1px solid White;
padding: 0 5px 2px 5px
}

table.cart th span {
background-color: White;
padding: 0 5px 2px 5px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: Gray
}

table.cart table td, table.cart table th {
border: 0;
padding: 0
}


/*  Guestbook  */

#gbook { font-size: 12px }

#gbook h2 {
margin-right: 10px;
padding: 0;
font-size: 22px;
display: inline
}

#gbook h3 {
background-color: #ddd;
border-left: 10px solid #999;
padding: 3px 0 3px 10px;
font-size: 10px;
font-weight: normal;
margin: 20px 0 0 -20px
}

#gbook h3 span { color: #999 }

#gbook .message .header {
border-left: 1px solid #999;
padding: 0 0 0 20px
}

#gbook .private {
font-size: 10px;
font-weight: bold;
color: Red
}

#gbook .body {
font-size: 14px;
padding: 10px 0 20px 20px;
border-left: 1px solid #999
}

#gbook .navbar {
padding: 5px 20px 5px 20px;
border: 1px solid #999;
margin-top: 10px
}

#gbook .message { border-bottom: 1px solid #999 }

#gbook .message .footer {
text-align: right;
padding: 0 0 3px 20px;
border-left: 1px solid #999
}
#bottomline { margin-top:20px; text-align:center }
#bottomline a { color:#5471B9 ;position:relative; z-index:100;}
#bottomline { padding: 20px 0; margin: 0px; text-align:center; font-size:11px; }
#bottomline a { color:#5471B9; }


/* Journal */

#journal #j_categories {
float: right;
background-color: #ddd;
line-height: 1.5em;
padding: 10px;
margin: 0 0 10px 10px
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
/*#journal #j_categories { position: relative; top: -50px }*/
/* End IE5-Mac hack */
#journal #j_categories:not(:nth-child(n)) { position: static } /* Hack for MSN for Mac OS X */
#journal #j_categories th { text-align: left }
#journal #j_categories a { text-decoration: none; font-weight: bold }
#journal #j_categories a:hover { color: #000 }
#journal #j_categories td { font-weight: bold; font-size: 12px; padding-left: 10px; text-align: right }
#journal #j_categories td span b { display: none }
#journal .j_description { font-weight: normal }

#journal, #journal p { font-size: 12px }
/*#journal p { margin: 5px 0 5px 0 }*/
#journal .entry_body { line-height: 1.5em }
#journal a { color: #5471B9 }
#journal h2, #journal h3 { clear: left }

#journal h2 {
font-size: 13px;
font-weight: bold;
border-bottom: 1px solid #ccc;
padding-left: 0;
width: 75%;
background-color: transparent
}

#journal #j_categories h2 { margin-top: 0; border: none; width: 10% }
#journal h2#caregory { margin: 8px 0 8px 0; border: none }

#journal h3 {
font-size: 12px;
margin: 10px 0 10px 0;
display: block;
padding-left: 20px;
background: url('http://images.fotki.com/j/s.gif') no-repeat 0 2px
}

#journal h3 a {
font-size: 16px;
text-decoration: none
}

#journal .entry_footer {
margin: 10px 0 0 0;
font-size: 11px;
color: #999999
}

#journal h3 span, #journal .entry_footer span, #journal #j_commands span {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #B9C9EF;
font-weight: bold;
margin-left: 15px
}

#journal #j_commands span { margin: 0 }

#journal h3 span a, #journal .entry_footer span a, #journal #j_commands span a {
font-size: 11px;
font-weight: normal;
text-decoration: none
}

#journal h3 span a:hover, #journal .entry_footer span a:hover, #journal #j_commands span a:hover {
color: #000
}

#journal .date { margin-top: 20px }

#journal img { margin: 0 10px 5px 10px }
#journal img [align=left] { margin: 0 10px 5px 0 }
#journal img [align=right] { margin: 0 0 5px 10px }
#journal td img { margin: 0 }

#journal #entry_content img { padding: 0; margin: 0; }
#journal #entry_content ul { list-style: none; padding: 0; margin: 0; }
#journal #entry_content ul ul { padding: 0; margin-left: 30px; }

ul.jlist { list-style-type: none; padding: 0px; margin: 0px; }
ul.jlist li { cursor: move; margin: 0px; padding: 1px; }

/* Photo View */

#pic, #commands, #titles, #info, #comments {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px
}

#pic { float:left; margin:0 20px 20px 0 }
#pic #copy, #pic #external { font-size:10px; color:Gray }
#pic #original { text-align:left }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#pic #original { text-align:right }
/* End IE5-Mac hack */
#pic #original:not(:nth-child(n)) { text-align:left } /* Hack for MSN for Mac OS X */

#pic #error { color:Red; text-align:center; padding:10px; border:1px solid #000 }

#pic div, #pic dl, #pic dt, #pic dd { float:left; clear:both }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#pic div, #pic dl, #pic dt, #pic dd { float:none }
/* End IE5-Mac hack */
#pic div:not(:nth-child(n)), #pic dl:not(:nth-child(n)), #pic dt:not(:nth-child(n)), #pic dd:not(:nth-child(n)) { float:left } /* Hack for MSN for Mac OS X */

#commands #navigation a, #commands #navigation span { white-space:nowrap }
#commands #print, #commands #slideshow { margin: 10px 0 0 0 }

#titles { float:left; margin: 10px 0 0 0 }
#titles h3 { font-size: 18px; margin:0 0 5px 0 }
#titles p { font-size: 16px; margin:0 }
#titles h3, #titles p { float:left; clear:both }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#titles h3, #titles p { float:none }
/* End IE5-Mac hack */
#titles h3:not(:nth-child(n)), #titles p:not(:nth-child(n)) { float:left } /* Hack for MSN for Mac OS X */

#info {
float:right;
background-color:#EEE;
padding:5px;
margin: 10px 0 0 5px
}

#info dd, #pic #external dd { margin-left:16px }
#info dl, #info dt, #info dd { clear:both; float:left }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#info dl, #info dt, #info dd { float:none }
/* End IE5-Mac hack */
#info dd:not(:nth-child(n)), #info dt:not(:nth-child(n)), #info dl:not(:nth-child(n)) { float:left } /* Hack for MSN for Mac OS X */

#comments { clear: both; margin-top: 20px }


#moboffer1 { width:50%; float:left }
#moboffer1 p, #moboffer3 p { padding-right: 10px}
#moboffer2 { width:48%; float:left }

#tabNMselected p, #tabNMselected b.r2,#tabNMselected b.r3,#tabNMselected b.r4  {background-color: #FFFFFF}

// styles by Alex for lock image and hide\show in photo_comments
#chide {display:none;}
#cshow {display:table-row;}
#passprot {background: url(http://images.fotki.com/i/images/lock.png) right top no-repeat;
width:16px;
height:16px;
//background-image: none;
//filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://images.fotki.com/i/images/lock.png');
}



/* Comments */
#d1     {background: #DFE5F4; width:100%; padding:1px;margin:0 0 10px0 ;}
#d2     {background: #FFFFFF; width:100%;padding:0;text-align:left;}
#d3     {padding:4px 0 4px 0;}
#d3 #date {text-align:right;font-size:10px;width:135px;color: #7F7F7F;padding:0;white-space:nowrap;}
#avatar {border:0;padding: 0 0 0 8px;}
#d4     {padding: 0 0 0 10px;}
#d4 td  {padding:0 6px 0 5px;}
#d5     {text-align:left;padding:5px 0 0 10px;width:100%;}
#d6     {padding:2px 0 0 10px;}
#d6 a   {padding: 0 2px 0 0;font-size:10px;}
/*
#title  {visibility:hidden;
        height:1px;width:1px;
        border:0;
        margin:0;
        padding:0;
        overflow:hidden;}
*/

#new {width:100%;background: url(new.gif) 10px center no-repeat;}
.rss {
    font: bold 10px Verdana, sans-serif;
    padding: 0 0.5em;
    margin:0 4px;
    border: 1px solid;
    text-decoration: none;
    background: #F60;
    color: #FFF;
    border-color: #FFC8A4 #7D3302 #3F1A01 #FF9A57
}

/*about page styles*/

.abouttext {font:Normal 17px Verdana,Tahoma,Arial;padding:12px 40px 12px 20px;color:#333;line-height:24px}
.abouttext b {color:#5471B9;font-size:16px}
.abouttext u {width:20px;display:block;height:20px;float:left}


.amenu {list-style:none;padding:0;margin:0;font:bold 12px Verdana,TAhoma,Arial}
.amenu li {height:20px;line-height:20px;background:#F2F5FC;border-left:6px solid #FFF;margin:2px 0}
.amenu li a {height:100%;display:block;color:#5471B9;text-decoration:none;padding:0 6px;border-left:6px solid #DFE5F4;}
.amenu li a:hover {background:#DFE5F4;border-left:6px solid #5471B9;color:white}

.amenu li#amsel {border-left:6px solid #5471B9;}
.amenu li#amsel a {border-left:6px solid #5471B9;color:black}
.amenu li#amsel a:hover {color:white}

.aminititle {color: rgb(84, 113, 185);}
h2#cont_us_title {font-size:19px;font-weight:bold;background:none}
h2#cont_us_mtitle {font-size:17px}
#main_phone {font-size:17px;font-weight:bold}

.tltext {font:Normal 17px Verdana,Tahoma,Arial;color:#333;line-height:24px}
.mtltext {color:#5471B9;font-size:18px}
.tltext b {color:#5471B9;font-size:18px}
.tltext u {width:20px;display:block;height:20px;float:left}

/*view photo button styles*/

.ph_button, .ph_button_sel {font:normal 11px Verdana;padding:2px 4px 2px 14px}

.ph_button { border:1px solid #5471B9;color:black}
.ph_button_sel{ Border:1px solid black;color:white}

.ph_button#ph_edit {background:#DFE5F4 url(http://images.fotki.com/i/images/photo/iprop.gif) left center no-repeat}

.ph_button#ph_share {background:#DFE5F4 url(http://images.fotki.com/i/images/photo/share.gif) left center no-repeat}
.ph_button_sel#ph_share {background:#5471B9 url(http://images.fotki.com/i/images/photo/share.gif) left center no-repeat}

.ph_button#ph_comment {background:#DFE5F4 url(http://images.fotki.com/i/images/photo/comment.gif) left center no-repeat}
.ph_button_sel#ph_comment {background:#5471B9 url(http://images.fotki.com/i/images/photo/comment.gif) left center no-repeat}


/*Most Active Members*/

#most_active_users a {font-family:Tahoma,Verdana,Arial,Serif;text-decoration:underline;}

#most_active_users a#iam   {font-wight:bold}

#most_active_users span.act1, #most_active_users a.act1   {font-size:1.4em}
#most_active_users span.act2, #most_active_users a.act2     {font-size:1.37em}
#most_active_users span.act3, #most_active_users a.act3     {font-size:1.3em}
#most_active_users span.act4, #most_active_users a.act4     {font-size:1.2em}
#most_active_users span.act5, #most_active_users a.act5    {font-size:1.1em}
#most_active_users span.act6, #most_active_users a.act6    {font-size:1.0em}
#most_active_users span.act7, #most_active_users a.act7     {font-size:0.96em}
#most_active_users span.act8, #most_active_users a.act8     {font-size:0.92em}
#most_active_users span.act9, #most_active_users a.act9     {font-size:0.88em}
#most_active_users span.act10, #most_active_users a.act10     {font-size:0.84m}

#iam {font-weight:bold; color:#ff0000; }

/*Member Signup*/
#signuptable table {border-collapse:collapse;}
#signuptable table td {padding:0}

#signup {text-align:center;border:2px solid #DFE5F4;background:#FCFCFE;padding:8px 16px; width:50em;}
#signup tr {height:20px}
#signup input {width:10em;padding-left:4px;font-size:14px;font-weight:bold}
#signup #user_name, #signup #email, #signup #code, #signup #password1, #signup #password2      {color:#5471B9}
#signup #agree {position:relative;top:3px;width:1em}
#signup input.button_disabled {color:#999999; background-color:#ddddff; }



/*signup input#check_value {width:5em}*/

.valueWrong {background-color: #fff0f0; color:#330000}
.valueWrong .username {color:#bb0000;}
.valueOK {background-color: #e0ffe0; font-weight:bold; color:#009900;}
.valueOK .username {color:#5471B9;}

/*Login*/

#lform {border:2px solid #DFE5F4;background:#FCFCFE;width:95%;padding:8px;white-space:nowrap}
#lform #login    {width:160px;color:#5471B9;font-size:14px;font-weight:bold;padding-left:4px;}
#lform #password {width:160px;font-size:14px;font-weight:bold;padding-left:4px}
/*#lform input#save,#lform input#bind {position:relative;top:2px}*/
.level1 {color:#5471B9}

#background_lifestyle select {width:15em}
#background_lifestyle input {width:20em}

/*profile search*/

#profile_form {border:2px solid #DFE5F4;background:#FCFCFE;width:1%;padding:8px;white-space:nowrap}
#profile_result {border:2px solid #DFE5F4;width:340px;height:180px;padding:8px;}

/*for login name*/

a#a_login_name:hover{color: white}