/* CSS Document */

/*
pici.se - dina bilder online
w w w . p i c i . s e
Ursprunglig Design/Layout av Sopp:
w w w . s o p p . s e

Vidareutvecklad av Björn Kempén
pici.se
*/

* { margin: 0; padding: 0; font-family: "Lucida Grande", Tahoma, Verdana, Helvetica, sans-serif; }
body { background-image: url(../im/bas/pagebg.gif); background-repeat: repeat-x; font-size: 12px; line-height: 1.5em; }

.clear { clear: both; height: 0px; overflow: hidden; margin: 0;}
.centered { text-align: center; }
img.base { margin: 0 5px -3px 0;}

h1.pad { padding-top: 15px; }

a img {border: none;}

sup { font-size: 0.8em; }

textarea { font-size: 0.9em; }

.normal_content { margin-left: 3%; margin-right: 3%; } 
.normal_content_centered { margin-left: 3%; margin-right: 3%; text-align: center; } 

.linked_icon { border: none; background-color: #fff; padding: 0px; }

.margin_lr_10 { margin-left: 10px; margin-right: 10px; }
.margin10top { margin-top: 10px; }

.errormsg { font-weight: bold; color: #f00; }

#wrapper {width: 1000px; margin: 0px auto; padding: 0px;}

#pageheader { margin: 0px; position: relative; top: 0px; border-top: 1px solid #ddd; }
#logo { width: 132px; height: 46px; margin-top: 40px;}

#usermenu { background-image: url(../im/bas/navbg.gif); background-repeat: repeat-x; position: relative; float: right; top: 0; width: 200px; height: 26px; margin-bottom: 20px }
#usermenu ul { list-style: none; padding: 0; float: left; width: 100%; background-image: url(../im/bas/usernavbg.gif) }
#usermenu ul li { float: left; display: inline; }
#usermenu ul li a { float: left; margin: 0; padding: 4px 13px 4px 13px !important; color: #FFF; font-size: 11px; text-decoration: none; }
#usermenu ul li p { float: left; margin: 0; padding: 4px 13px 4px 13px !important; color: #FFF; font-size: 11px; text-decoration: none; }
#usermenu ul li a:hover { text-decoration: none; color: #16c44b; }
#usermenu .sep { margin: 0 2px -4px 2px; }

#google_top { /*background-image: url(../im/bas/navbg.gif); background-repeat: repeat-x;*/ float: right; width: 468px; height: 60px; margin: 10px 90px 0px 0px; }

#menu { width: 100%; background-image: url(../im/bas/navbg.gif); background-repeat: repeat-x; height: 29px; margin: 0 0 30px 0; }
#menu ul { list-style: none; padding: 0; float: left; width: 100%; background-image: url(../im/bas/mainnavbg.gif); background-repeat: no-repeat; }
#menu ul li { float: left; display: inline; }
#menu ul li a { float: left; margin: 0; padding: 6px 13px 6px 13px !important; color: #FFF; font-size: 12px; text-decoration: none; }
#menu ul li a:hover { text-decoration: none; color: #16c44b; }
#menu .sep { margin: 1px 2px 0 2px; }

#content { width: 830px; float: left; }

#main { padding: 0 15px 0 15px; width: 800px; }
#main a { text-decoration: none; padding: 1px 3px 1px 3px; color: #000; background-color: #F6F6F6; border-bottom: 1px solid #CCC; }
#main a:hover { text-decoration: none; color: #FFF; background-color: #16c44b; border-bottom: 1px solid #16c44b }
#main p { margin: 15px 0 15px 0; }
#main h1 { font-weight: bold; font-size: 22px; letter-spacing: -2px; }
#main h2 { font-weight: bold; font-size: 14px; display: inline; letter-spacing: -1px; }
#main h3 { font-weight: bold; font-size: 1.1em; margin-bottom: 5px; /*width: 80%;*/}
#main h4 { font-weight: bold; font-size: 1.1em; margin-bottom: 10px; margin-top: 10px; border-bottom: 1px solid #ccc; width: 80%;}
#main h5 { font-weight: bold; font-size: 0.8em; margin-bottom: 2px; margin-top: 2px;}

#foot { margin-top: 30px; padding: 10px; text-align: center; color: #AAA; font-size: 11px; border-top: 1px solid #F5F5F5 }
#foot a {  color: #AAA; text-decoration: underline; }
#foot a:hover { color: #000; }

#reklam { width: 162px; float: left; margin: 0px; }

#main_left_column { float: left; margin-right: 2%; width: 63%; }
#main_right_column { float: right; width: 35%; }

#main_right_column #RandomSmallThumbs {
    margin-top: 20px;
    text-align: center;
}
#main_right_column #RandomSmallThumbs h1 {
    text-align: left;
}
#main_right_column #RandomSmallThumbs img {
    margin: 1px 4px;
}
#main_right_column #RandomSmallThumbs a, #main_right_column #RandomSmallThumbs a:hover  {
    border: none;
    background-color: #fff;
}

#GalMiniThumbs { margin: 0px; padding: 0px; }
#GalMiniThumbList {
    margin-top: 10px;
    text-align: center;
}
#GalMiniThumbList #MiniThumbRow img {
    margin: 1px 1px 0px 0px;
}
#GalMiniThumbList #MiniThumbRow a, #GalMiniThumbList #MiniThumbRow a:hover  {
    border: none;
    background-color: #fff;
}



/*{ background: url(/im/misc/center_randomgal_rounded.png) top left; margin: 0px; clear: both; }*/
#quickupload { background-color: #f5f5f5; border: 1px solid #e4e4e4; width: 240px; padding: 20px; }
#quickupload legend { margin: 0 0 5px 0; }
#quickupload fieldset { border: 0; }
#quickupload li { list-style: none; margin: 7px 0 7px 0; }
#quickupload .uploadinfo1 { font-size: 10px; color: #999; line-height: 13px; }
#quickupload .uploadinfo2 { font-size: 10px; color: #955; line-height: 13px; }
#quicksubmit { border: 0; background-color: #444; color: #FFF; outline: solid 1px; width: 100%; }

#randomgals { background-color: #f5f5f5; border: 1px solid #e4e4e4; padding: 20px 20px 5px 20px; margin-top: 20px; }
#randomgals h5 { margin: 0 4px;  border-bottom:1px solid #ccc; font-size: 0.8em; font-weight: bold; }
#randomgals a {padding: 0px; margin: 0px; border: none; color: #000; text-decoration: none;}
#randomgals a:hover {padding: 0px; margin: 0px; color: #000;}
#randomgals a p:hover {text-decoration: underline;}
#randomgals a h5:hover {text-decoration: underline;}
#randomgals table { background-color: #eee; height: 100px; padding: 4px; border: 1px dashed #ccc;  margin: 2px 0 0 0; width: 100%; }
#randomgals .randomgal_thumb { margin-right: 6px;  border: 1px dotted #ccc; height: 100%; padding-right: 5px; vertical-align: top; }
#randomgals .randomgal_desc { border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; vertical-align: top; text-align: right; }
#randomgals .username { font-weight: bold; margin: 0px; font-size: 0.8em; }
#randomgals .description { font-size: 0.8em; margin-top: 5px; line-height: 120%; }
#list_all_link { text-align: right; }
#list_all_link p { margin: 1px; }

#edit_gal { margin-left: auto; margin-right: auto; border: none; width: 500px; }
#edit_gal h1 { margin-bottom: 20px; }
#edit_gal textarea { border: 1px solid #000; width: 250px; height: 80px; font-size: 1em; }
#edit_gal input { font-size: 1em; }
#edit_gal select { width: 200px; border: 1px solid #000; font-size: 1em; }
#edit_gal .name_input { border: 1px solid #000; width: 150px; height: 20px; } 


#removebutton {background-color: #444; color: #FFF; outline: solid 1px; width: 200px; }
#changebutton {background-color: #444; color: #FFF; outline: solid 1px; width: 200px; }

#picture #PictureMainTable { width: 100%; }
#picture #PictureMainTD { text-align: center; vertical-align: top; width: 590px; }
#picture #PictureMainTD h1 { margin-bottom: 15px; }
#ImageWrapper { width: 590px; text-align: center; margin: 0px; }
#image { 
  max-width: 550px; 
  width: expression(this.width > 550 ? 550: true);
  margin: 5px 0 0px 0; 
  padding: 10px; 
  border: 1px solid #AAA; 
  background-color: #fff;
}
#picture #PictureMainTD .realpic_link { border: none; background-color: #fff; margin: 0px; padding: 0px; }
#picture #PictureMainTD .realpic_link:hover { border: none; background-color: #fff; margin: 0px; padding: 0px; }
#picture #PictureMenuRight { width: 200px; vertical-align: top; font-size: 0.8em; }

.InfoTop {
    background:transparent url(/im/misc/top_right_rounded.png) no-repeat scroll left top;
    height:10px;
    margin:0px;
    clear: both;
}
.InfoMiddle {
    background:transparent url(/im/misc/center_right_rounded.png) repeat-y scroll left top;
    margin:0px;
    clear: both;
}
.InfoBottom {
    background:transparent url(/im/misc/bottom_right_rounded.png) no-repeat scroll left bottom;
    height:10px;
    clear: both;
}
#PicMainInfo { font-size: 10px; }
#PicMainInfo ul { margin-left: 10px; }
#PicMainInfo li { list-style: none; padding: 2px 0 2px 0; }


#PictureInLinks { text-align: left; margin-top: 10px; margin-right: 5px; font-size: 0.8em; line-height: 1.5em; border-bottom: 1px solid #E4E4E4; display: none; }
#PictureInLinks ul { list-style: none; margin-top: 2px; margin-bottom: 10px; }
#PictureInLinks li a  { padding: 0px 2px;}

#PictureLinks { text-align: left; margin-top: 10px; margin-right: 5px; font-size: 0.8em; line-height: 1.5em; border-bottom: 1px solid #E4E4E4; }
#PictureLinks ul { list-style: none; margin-top: 6px; margin-bottom: 10px; }
#PictureLinks li h5 { margin: 8px 9px 4px 0px; padding: 0px; font-size: 1em; display: inline; }
#PictureLinks li code { padding: 0px;  display: inline;}
#PictureLinks li a  { padding: 0px 2px;}

#PictureComments { text-align: left; margin-top: 10px; }
#PictureComments .PictureComment { /*border-top: 1px solid #E4E4E4;*/ padding: 5px 0px; margin-right: 5px; }
#PictureComments h2 { margin: 0px 0px 4px 0px; display: block; }
#PictureComments h5 { font-size: 1em; line-height: 1.2em;  margin: 0px 0px 2px 0px; }
#PictureComments p { font-size: 1em; line-height: 1.2em;  margin: 0px 0px 0px 6px; }
#PictureComments .CommentFooter { font-size: 0.7em; line-height: 1em;  margin: 3px 0px 0px 6px; }
#PictureComments #NewComment { margin-top: 5px; border-top: 1px solid #E4E4E4; padding: 5px 0px; margin-right: 5px; }
#PictureComments #NewComment input { padding: 1px 4px; margin-top: 2px; }
#PictureComments #NewComment textarea { display: block; width: 400px; } 


#CaptchaTable td { margin: 0px; padding: 0px; } 
#CaptchaTable label { display: block; font-size: 10px; line-height: 13px; font-weight: bold; margin: 0px; }
#CaptchaTable input { display: block; margin: 0px; }

#description { text-align: left; background-color: #EEE; margin-bottom: 0px; margin-top: 2px; padding: 5px;}
#description p { margin-top: 5px; }
#description h3 { font-size: 14px; }

#PictureDescription { border-bottom: 1px solid #E4E4E4; margin-right: 5px; }
#PictureDescription p { font-size: 0.8em; }

.p-shadow { width: 90%; float:left; background: url(../im/bas/shadowAlpha.png) no-repeat bottom right !important; background: url(shadow.gif) no-repeat bottom right; margin: 10px 0 0 10px !important; margin: 10px 0 0 5px; }
.p-shadow div { background: none !important; background: url(../im/bas/shadow2.gif) no-repeat left top; padding: 0 !important; padding: 0 6px 6px 0; }
.p-shadow p { color: #777; background-color: #fff; font: italic 1em georgia, serif; border: 1px solid #a9a9a9; margin: 0; }
#subheader { font-size: 0.9em; margin-top: 0px; }

#editpicarea { text-align: left; background-color: #EEE; margin: 10px auto; padding: 5px; width: 310px;  }
#editpicarea li { list-style: none; margin: 7px 0 7px 0; }
#editpicarea_thumb { text-align: center; background-color: #FFF; margin: 10px auto; padding: 5px; width: 310px;  }

#gal { text-align: center; }
#gal a {  color: #AAA; border: none; text-decoration: none; background-color: #FFF; }
#gal a:hover { color: #000; background-color: #FFF; border: none;}
#gal table { margin: auto; }
/*#gal td { border: 1px dotted #000; margin: 2px; padding: 2px; text-align: center; }*/
#gal img { border: none; padding: 3px; margin: auto; }

#GalMainInfo h2 { margin: 0px 0px 0px 10px; padding: 0px; font-size: 0.9em; letter-spacing: 0px; }
#GalMainInfo p { margin: 5px 10px 0px 10px; padding: 0px; font-size: 0.9em; line-height: 1.3em;}
#GalMainInfo ul { margin: 0px; padding: 0px; list-style: none}
#GalMainInfo li { margin: 0px 0px 0px 10px; padding: 0px; font-size: 0.9em; line-height: 1.3em; }

.listed_gallery { border: 1px dashed #aaa; background-color: #eee; width: 500px; height: 110px; margin-left: auto; margin-right: auto; padding: 5px; margin-top: 5px; }
.listed_gallery_thumb_div { border-right: 1px dotted #ccc; background-color: #eee; width: 350px; height: 100%; }
.listed_gallery_thumb { max-height: 100px; max-width: 100px; margin: 5px; float: right; }
.gal_link { padding: 0px; margin: 0px; border: none; color: #000; }

#mygals a { padding: 0px; margin: 0px; border: none; }
#mygals h1 { margin-bottom: 20px; }
#mygals h3 { margin-bottom: 0px; border-bottom: 1px solid #000; width: 300px; }
#mygals .galdesc { border-right: 1px dotted #ccc; background-color: #eee; width: 350px; height: 100%; }
#mygals .galthumb { max-height: 100px; max-width: 100px; margin: 5px; float: right; }
#mygals .galrow { border: 1px dashed #aaa; background-color: #eee; width: 500px; height: 110px; margin-left: auto; margin-right: auto; padding: 5px; margin-top: 5px; text-align: left; }
#mygals .galmenu { float: right; border: none; padding: 1px; width: 60px; text-align: right; margin: 2px 4px; }
#mygals .galmenu a { border: none; background-color: #eee; padding: 0px; }

#newgalform { background-color: #eee; border: 1px solid #aaa; padding: 10px; width: 500px; margin: 25px auto; text-align: left; }
#newgalform textarea { border: 1px solid #000; width: 250px; height: 80px; font-size: 1em; border: 1px solid #000; width: 250px; height: 80px; }
#newgalform input { font-size: 1em; }
#newgalform select { width: 200px; border: 1px solid #000; font-size: 1em; }
#newgalform .title_input { border: 1px solid #000; width: 150px; height: 20px; }

#description li { list-style: none; margin: 7px 0 7px 0; }

#showoldnews { text-align: right; }
#showmorepics { text-align: right; }

#ompriv_content h3 { margin-top:15px; } 

#reklamtable {margin: auto;}
#reklamtable td { width: 140px; text-align: center;}
#reklamtable p {margin: 0; font-weight: bold;}

#pristable { margin: 0px auto 10px auto; }
#pristable td { width: 80px; text-align: center; border: none;}
#pristable p {margin: 0; color: #0c0; font-weight: bold;}

#prevnextmenu { text-align: left; padding: 5px 5px 15px 5px; margin-bottom: 2px; width: 60%; height: 80px;}
#prevnextmenu p { margin-top: 0.5em; margin-bottom: 1px; font-size: 0.8em; line-height: 1.4em; }
#prevnextmenu h3 { font-size: 14px;}

#showpicwrapper {margin: auto; padding: 0px; width: 100%; vertical-align: top; margin-bottom: 2px; background-color: #fff; }
#showpicwrapper td { vertical-align: top; border: 1px solid #DDD; background-color: #EEE; padding: 15px; }
#showpicwrapper tr { margin: 0px; padding: 0px; }
#wrapleft { }
#wrapright { width: 39%;  margin: 0px; height: 100%;  border: 1px solid #000; }

#PicTags { margin-top: 10px; }
#PicTags h3 { font-size: 14px; margin-left: 10px; }
#PicTags p { margin: 3px 0px 0px 10px; }
/*#PicTags .taginput { border: 1px solid #000; font-size: 14px; width: 150px; margin: 0x;}
#PicTags .submitbutton { background-color: #444; color: #fff; font-size: 10px;  margin: 0px; outline: solid 1px; border: 0; }*/

#PicGallery { margin-top: 2px; }
#PicGallery h3 { font-size: 14px; margin-left: 10px; }
#PicGallery p { margin: 3px 0px 0px 10px; }

#PicSameDay { margin-top: 2px; }
#PicSameDay h3 { font-size: 14px; margin-left: 10px; }
#PicSameDay p { margin: 0px 0px 0px 10px; }

#GalleryField #GalTopText { margin-left: 10px; }

#adminmenu { background-color: #EEE; padding: 15px 30px 15px 30px; font-size: 10px; overflow: auto; margin-bottom: 10px; }
#adminmenu ul { margin-top: 10px; }
#adminmenu li { list-style: none; padding: 2px 0 2px 0; }
#adminmenu code { font-family: tahoma, arial, helvetica, sans-serif; }

#picadminmenu { margin-top: 10px; line-height: 1em; }
#picadminmenu h5 { font-size: 1em; font-weight: bold;}
#picadminmenu .linked_icon { border: none; background-color: #f8f8f8; padding: 0px; }
#picadminmenu .linked_icon:hover { border: none; background-color: #f8f8f8; padding: 0px; }
#picadminmenu h2, #picadminmenu h5, #picadminmenu select { margin-left: 10px; }
#picadminmenu h5 { font-size: 10px; margin-top: 5px; font-weight: normal; }
#picadminmenu select { font-size: 10px; width: 140px; border: 1px solid #000; }
#picadminmenu ul { margin-top: 5px; }
#picadminmenu li { list-style: none; padding: 2px 0 2px 0; margin-left: 10px; }
#galsubmit { border: 0; background-color: #444; color: #FFF; outline: solid 1px; width: 170px; margin-top: 5px;}

#gallerydiv td {text-align: left;}
#gallerydiv .linked_icon { border: none; background-color: #fff; padding: 0px; }
#gallerydiv .linked_icon:hover { border: none; background-color: #fff; padding: 0px; }

#pub_priv_link { margin: 10px auto; } 
#pub_priv_link p { margin: 1px 0px 0px 0px; font-size: 0.8em; }

#controlpanel_explanation { width: 175px; margin: 30px auto 0px auto; background-color: #EEE; border: 1px solid #DDD; padding: 5px 15px;}

#pictable { margin: auto; }
#pictable .header_td { border-bottom: 1px solid #003344; }
#pictable select { width: 100px; border: 1px solid #000; }

.prevnext_text { margin: 0px auto 2px auto; font-size: 0.8em; }

#galdescription { width: 500px; margin: 0px auto; text-align: left; padding: 5px; vertical-align: top; text-align: center; }
#galdescription p { margin: 2px auto; font-size: 0.9em; line-height: 1.2em;}

#kommentarer { width: 500px; margin: auto; text-align: left; }
#kommentarer h1 {font-size: 1.4em; letter-spacing: -1px;  }
.comment { background-color: #EEE; padding: 3px; margin: 2px 0px; border: 1px solid #DDD;}
.newcomment { background-color: #EEE; padding: 3px; margin: 10px auto; border: 1px solid #DDD; }
#kommentarer h3 { font-size: 0.9em; margin: 0px; border-bottom: 1px dashed #DDD; width: 100%; }
#kommentarer p { font-size: 0.8em; margin: 0px; }
#kommentarer textarea { width: 100%; margin: -1px; border: 1px solid #e4e4e4; font-size: 0.8em;}
#kommentarer input { background-color: #fff; color: #000; border: 1px solid #e4e4e4; outline: solid 1px #eee; width: 200px; }

#latest { background-color: #f5f5f5;  padding: 20px 20px 5px 20px; margin-top: 10px;}
#latest table {margin-left: auto; margin-right: auto; border: #ddd dotted 1px;}
#latest td { border: #aaa solid 1px; background-color: #ddd; padding: 5px; }
#latest img { background-color: #ddd; }
#latest img:hover { background-color: #ddd; }

#galtable { margin: 5px; }
#galtable td { width: 130px; height: 130px; text-align: center; vertical-align: center; border: 1px solid #ddd; }
#LeftGalCol { width: 600px; }
#LeftGalCol #gal { border-bottom:1px solid #E4E4E4; margin-right:5px; padding-bottom: 5px; }
#RightGalCol { width: 200px; }
#RightGalCol h1 { font-size: 1.1em; letter-spacing: 0px; }
/*#galtable td { padding: 0px; width: 140px; height: 140px; background: url(/im/misc/galbg.png) top left; margin: 5px; text-align: center; vertical-align: center; }*/


/* pici2 start */
#appwrapper {width: 100%;}
#right_menus { width: 200px; float: right; padding-bottom: 5px; margin-right: 3px; }
.galmenu_center { background: url(/im/misc/center_right_rounded.png) top left; margin: 0px; }
.galmenu_top { background: url(/im/misc/top_right_rounded.png) no-repeat top left; height: 10px; margin: 0px; }
.galmenu_bottom { background: url(/im/misc/bottom_right_rounded.png) no-repeat bottom left; height: 10px; }
#picfield, #galfield { }
.left_box_top { background: url(/im/misc/top_left_rounded.png) no-repeat top left; height: 8px; margin: 0px 0px -1px 0px; clear: both; }
.left_box_center { background: url(/im/misc/center_left_rounded.png) top left; margin: 0px; clear: both; }
.left_box_bottom { background: url(/im/misc/bottom_left_rounded.png) no-repeat bottom left; height: 8px; margin: -1px 0px 0px 0px; clear: both; }
#settings_menu, #extra_menu, #calendar_menu { margin-top: 6px; text-align: right; }
#settings_menu input { margin-right: 10px; }
#settings_menu h1, #extra_menu h1, #calendar_menu h1 { font-size: 0.9em; line-height: 1.1em; letter-spacing: -1px; margin: 0px 8px; text-align: left; }
#settings_menu label { font-size: 0.8em; }
#extra_menu ul { list-style: none; }
#extra_menu li { font-size: 0.8em; text-align: left; margin-left: 8px; }
#galmenu { /*border: 1px solid #e4e4e4; background-color: #f8f8f8; */ }
#galmenu h1 { font-size: 1.2em; line-height: 1.4em; letter-spacing: -1px; margin: 0px 6px; text-align: left; }
#galmenu .icon, #ProfileGalMenu .icon { margin: 0 0px -4px 0; }
.MHeader { height: 16px; }
#galmenu ul, #ProfileGalMenu ul { list-style: none; }
#galmenu ul li, #ProfileGalMenu ul li  { font-size: 10px; line-height: 16px; }
#ProfileGalMenu a { font-size: 10px; }
.MHeader a { padding: 0px 3px; }
#galmenu .menustuff { margin-left: 3px; }
#Calendar { font-size: 10px; text-align: center; }
#Calendar table { margin: auto; }
#Calendar th { padding: 0px; height: 20px; width: 20px; background-color: #e4e4e4; }
#Calendar td { padding: 0px; height: 20px; width: 20px; border: 1px solid #e4e4e4; }
#Calendar .cal_not_in_month { color: #f8f8f8; }
#Calendar td a { border: none; display: block; height: 20px; width: 20px; padding: 0px; margin: 0px; background-color: #d4f6d4; } 
#Calendar td a:hover { border: none; display: block; height: 20px; width: 20px; padding: 0px; margin: 0px; }
#Calendar #CalendarPrevNext { height: 14px; } 
#Calendar #CalendarPrevNext .Old { float: left; width: 70px; text-align: left; margin-left: 10px; }
#Calendar #CalendarPrevNext .New { float: right;  width: 70px; text-align: right; margin-right: 10px; }
#Calendar #CurCalendarDay { border: 2px solid #16c44b; }

#picfield_wrapper { width: 590px; margin-bottom: 4px; float: left; /* background-color: #f8f8f8; border: 1px solid #e4e4e4; */}
#picfield #picadminstuff { float: right; margin: 0px 5px; text-align: center; width: 120px; }
#picfield #picadmin_menu { text-align: left; margin-top: 20px; }
#picfield #picadmin_menu ul { list-style: none; }
#picfield #picadmin_menu li  { font-size: 0.9em; line-height: 16px; margin-bottom: 2px; }
#picfield #infowrapper { padding: 0px; margin: 0px 10px; }
#picfield h1 { margin: 0px 0px; font-size: 1.2em; line-height: 1.6em; letter-spacing: -1px; }
#picfield h3 { margin: 0px 1px 3px 1px; font-size: 0.8em; line-height: 1.2em; /*width: 380px; border-bottom: 1px solid #444;*/ }
#picfield p { margin: 3px 1px 3px 1px; font-size: 0.8em; line-height: 1.2em; }
#picfield .subheader { margin: 0px 0px 10px 10px; font-size: 0.8em; line-height: 1em; }
#galfield { min-height: 300px; }
#galfield_wrapper { width: 590px; text-align: center; float: left; /*background-color: #f8f8f8; border: 1px solid #e4e4e4; */ }
#galfield table { margin: 0px auto; }
#galfield .thumbwrapper { width: 130px; height: 130px; text-align: center; border: 1px solid #ddd; padding: 0px; background-color: #ffffff;}
#galfield .thumbholder { width: 130px; height: 114px; text-align: center; vertical-align: center; border: none; margin: 0px;}
#galfield .thumbmenu { width: 130px; height: 16px; text-align: right; border: none; padding: 0px; line-height: 16px; }
#galfield h1 { margin: 0px 10px 0px 10px; font-size: 1.4em; line-height: 1.6em; letter-spacing: -1px; }
#galfield p { margin: 0px; }
#galmenu a { line-height: 12px; font-size: 10px; }
#NewGal .MGalLink, .MGallery .MGalLink { display: none; }
#NewGal ul, .MGallery ul { margin: 0px; }
#NewGal li, .MGallery li { height: 16px; margin: 0px; }
#NewGal, .MGallery { margin: 0px; line-height: 12px; font-size: 10px; }
.MHeader { margin: 0px; height: 16px; line-height: 12px; font-size: 10px; }
.MItem { margin-bottom: 0px; padding: 0px; display: none; }
#galfieldtable { margin-top: 10px; }
#galfieldtable a { background-color: #fff; border: none; color: #000; }
#galfieldtable a:hover { background-color: #fff; border: none; color: #000; }

#tooltip { border: none; padding: 0px; color: #fff; width: 220px; z-index: 13000; position:absolute; z-index:3000; display: none; }
#tooltip h3 { font-weight: bold; font-size: 11px; margin: 0; color: #16c44b; padding: 8px 8px 4px; background: url(/im/misc/bubble.png) top left; }
#tooltip div { font-size: 9px; line-height: 12px; padding: 4px 8px 8px; background: url(/im/misc/bubble.png) bottom right; z-index: 12000; }

#info_normal { }
#info_normal h3 { width: 180px; }
#info_edit { display: none; margin: 10px 90px 0px 90px; padding: 0px; }
#info_edit ul { list-style: none; }
#info_edit ul li  { font-size: 0.9em; line-height: 16px; }
#info_delete { display: none; text-align: center; }
#info_delete input {background-color: #444; color: #FFF; outline: solid 1px; width: 100px; margin-top: 15px; }

#galfield .base { padding: 0px; margin-left: 0px; margin-right: 0px;}

#ajax_newgal form { width: 220px; margin: 0px auto; }
#ajax_newgal .title_input, #ajax_newgal textarea, #ajax_newgal select, #ajax_newgal #galsubmit { width: 300px; font-size: 11px; }
#ajax_newgal textarea { height: 85px; }
#ajax_newgal label { font-size: 11px; font-weight: bold; }
#ajax_newgal #enablecommentbox { margin-left: 5px; }
#ajax_newgal h1 { vertical-align: left; margin: 0px 10px; }

.CurrentPage { display: none; }
.TotalPics  { display: none; }
.Dragger { color: #000; font-size: 0.8em; }

.EditGalTitle { width: 300px; }
.EditGalDesc { width: 300px; height: 85px; }
.EditGalVisibility { width: 300px; }
#EditGal { margin: auto; }
#editform_ajax_gal input, #editform_ajax_gal textarea, #editform_ajax_gal label, #editform_ajax_gal select { font-size: 11px; }
#editform_ajax_pic input, #editform_ajax_pic textarea, #editform_ajax_pic label, #editform_ajax_pic select { font-size: 11px; }
#editform_ajax_gal label, #editform_ajax_pic label { font-weight: bold; }
#editform_ajax_pic #desc { height: 75px; }
#visibility_desc { display: none; border: 1px solid #eee; width: 300px; margin: 5px 0px; }
#visibility_desc p { margin: 5px; }

#howto_box, #start_text { margin: 0px 10px; }
#howto_box p, #start_text p { margin-bottom: 0px; margin-top: 4px; font-size: 0.9em; clear: both;}
#howto_box h3, #start_text h3 { margin-bottom: 0px; margin-top: 6px; font-size: 0.9em; }
#start_text h1 { margin: 0px 2px; }
#help_menu { font-size: 0.8em; text-align: right; margin-top: 5px; }

#ajaxremove_form_pic { margin-bottom: 60px; }

#login_entry_box { padding-top: 3px; width: 195px; height: 55px; position: absolute; top: 28px; left: 0px; display: none; background-image: url(/im/bas/login_boxes.png); background-repeat: no-repeat; }
#login_entry_box label {  height: 12px; font-size: 10px; line-height: 12px; color: #fff; margin: 2px 0px 0px 5px; display: block; float: left; padding: 0px; vertical-align: bottom; }
#login_entry_box input { font-size: 10px; width: 90px; height: 12px; display: block; float: right; margin: 2px 5px 0px 0px; padding: 0px; background-color: #fff; border: 1px solid #fff; }
#login_entry_box a { font-size: 10px; color: #fff; float: right; clear: both; margin: 1px 10px 0px 10px; font-weight: bold; width: 50px; }
#login_entry_box .submit { display: none; }
#login_entry_box #youaredoingitwrong { float: left; color: #f00; font-size: 10px; margin: 1px 0px 0px 5px; font-weight: bold; display: none; }

#register_table { background-color: #f5f5f5; border: 1px solid #e4e4e4; padding: 10px; margin: 20px auto;}
#register_table label {  }
#register_table .textbox { background-color: #fff; border: 1px solid #000; margin-left: 10px; }
#register_table #register_button_td { text-align: right; }
#register_table #register_button_td input { width: 100px; }
#error_register { color: #f44; text-align: center; margin-top: 10px; margin-bottom: 0px; font-weight: bold;}

#report_form { background-color: #f5f5f5; border: 1px solid #e4e4e4; padding: 10px; margin: 20px auto; width: 400px;}
#report_form textarea { background-color: #fff; border: 1px solid #000; width: 400px; margin: 3px 0px; font-size: 1em; }
#report_form label { display: block; }
#report_form .textbox { background-color: #fff; border: 1px solid #000; width: 200px; margin-bottom: 10px; font-size: 1em; }
/*#mittpici_hdr h1 { margin: 1px 3px; font-size: 1.4em; letter-spacing: -1px; }*/
/* pici2 end */


#RandomGalList { font-size: 0.9em; line-height: 1.2em; clear: both; width: 490px; margin: 8px auto;  background: url(/im/misc/center_randomgal_rounded.png); }
#RandomGalList .NoLinkStyle { border: 0px; padding: 0px; }
#RandomGalList .RandomGal { border-bottom: 1px dotted #ccc; width: 480px; min-height: 120px; margin-left: 5px;}
#RandomGalList .RandomGal .GalThumb { float: left; margin: 6px 0px 0px 6px; width: 100px; height: 110px; padding: 0px; display: inline; }
#RandomGalList .GalleryDescription { float: left; width: 225px; margin: 0px 0px 0px 6px;  }
#RandomGalList .RandomGal h3 { float: left; margin: 6px 0px 3px 3px; width: 225px; }
#RandomGalList .GalInfo { float: right; width: 120px; margin-top: 6px;  }
#RandomGalList .GalInfo span { display: block; margin-top: 2px; }
#RandomGalNew { font-size: 1.1em; text-align: right; margin-top: 10px; }
#RandomGalTop { background: url(/im/misc/top_randomgal_rounded.png) no-repeat top left; height: 13px;  clear: both; }
#RandomGalBottom { background: url(/im/misc/bottom_randomgal_rounded.png) no-repeat top left; height: 13px;  clear: both; }

#NewpixWrapper {width: 490px; margin: 8px auto; background: url(/im/misc/center_randomgal_rounded.png);  }
#NewpixTop { background: url(/im/misc/top_randomgal_rounded.png) no-repeat top left; height: 13px; clear: both; }
#NewpixBottom { background: url(/im/misc/bottom_randomgal_rounded.png) no-repeat top left; height: 13px; clear: both; }
#newpix1 { width: 470px; text-align: center;}
#newpix1 a {  color: #AAA; border: none; text-decoration: none; background-color: #FFF; }
#newpix1 a:hover { color: #000; background-color: #FFF; border: none;}
#newpix1 table { margin: auto; }
#newpix1 td { border: none; margin: 1px; padding: 1px; text-align: center; }
#newpix1 img { border: none; padding: 3px; margin: auto; max-width: 100px; }
#newpix2 { width: 470px; text-align: center; }
#newpix2 a {  color: #AAA; border: none; text-decoration: none; background-color: #FFF; }
#newpix2 a:hover { color: #000; background-color: #FFF; border: none;}
#newpix2 table { margin: auto; }
#newpix2 td { border: none; margin: 1px; padding: 1px; text-align: center; }
#newpix2 img { border: none; padding: 3px; margin: auto; }

/*#NewpixWrapper #NewpixTop { background: url(/im/misc/top_randomgal_rounded.png) no-repeat top left; height: 8px; margin: 0px 0px -1px 0px; clear: both; }

#NewpixWrapper #NewpixCenter { background: url(/im/misc/center_randomgal_rounded.png) top left; margin: 0px; clear: both; }
#NewpixWrapper #NewpixBottom { background: url(/im/misc/bottom_randomgal_rounded.png) no-repeat bottom left; height: 8px; margin: -1px 0px 0px 0px; clear: both; } */

#ProfileGalMenu { padding-left: 5px; }

#ShowFullSize { text-align: right; margin-left: 10px; margin-right: 10px; }

#FullSizePic { 
  margin: 15px 0px;
  padding: 10px; 
  border: 1px solid #AAA; 
  background-color: #fff;
  }

#FullPicWrapper {
    padding: 10px;
    }

#FullPicWrapper #subheader {
    margin: 10px 0px 0px;
}

#FullPicWrapper h1 {
    margin-top: -30px;
}

#FullPicMenuWrapper {
    width: 1000px;
    padding: 5px;
}

#NoHotLink h3 {
    margin-top: 10px;
}

.chanthumb {
    /* width: 200px;*/ margin-right: 12px;
}

.chandoubledash {
    color:#D9BFB7;
}
.chancomment {
  background:#F0E0D6;
  color:#800000;
  border-color:-moz-use-text-color #D9BFB7 #D9BFB7 -moz-use-text-color;
  border-style:none solid solid none;
  border-width:medium 1px 1px medium;
  padding:2px;
}

.chanusername {
    font-weight: bold;
    color:#117743;
}

.chandescription {
    margin: 10px 0px;
}

#picichan td a {
    background-color: #F0E0D6;
}

.chanreplyform input {
    display: block;
}

.chancommentpic {
    margin: 8px 16px 8px 8px;
}

#PicichanLeft {
    width: 590px;
}
#PicichanRight {
    width: 200px;
    padding-left: 10px;
}

#PicichanRight ul {
    list-style: none;
}

#PicichanLeft fieldset {
  padding: 10px;
}
#PicichanLeft input, #PicichanLeft label, #PicichanLeft textarea {
  display: block;
}
#PicichanLeft .uploadinfo1 {
    margin-top: 4px;
    margin-bottom: 4px;
    font-size: 0.8em;
    line-height: 1.3em;
    width: 500px;
}

#PicichanLeft ul {
    list-style: none;
}

#PicichanUploadForm {
    display: none;
    }