/*html*/
html, body{
padding: 0px;
width: 96%; 
margin: 10px 10px 0px 35px; */
}

body{
text-align: center;
/*background: #F0E8BC url(http://webmail.somachibun.net/images/bkg_bone_hatch.gif) repeat;*/
/*background: #F0E8BC url(http://www.somachibun.net/wp-content/themes/somachibun_tagged/images/bg-h.gif) repeat;*/
background-color:  #99cc00;
font-size: 90%;
font-family: 'Trebuchet MS', trebuchet, tahoma, 'Lucida Grande', arial, sans serif;
margin: 0px 0px 0px 0px;
}

form{
margin: 0;
padding: 0;
}

h1, h2, h3, .h1, .h2, .h3, h4, .headline{
font-family: 'Trebuchet MS', trebuchet, tahoma, 'Lucida Grande', arial, sans-serif;
letter-spacing: -0.02em;
}

h1, .h1{
color: #C30;
font-size: 1.5em;
margin: 0;
padding: 0 0 .5em;		
}

	p.h1Alt{float: right; margin: -2em 0 0 0;}

	a.altAction{
	display: block;
	font-size: .833em;
	margin-top: 1em;
	}
	
h2, .h2{
font-size: 1.27em; 
margin: 0 0 .5em; 
padding: 0;
line-height: 1.2em;
}

h3, .h3, dt strong{ 
font-size: 1.2em;
margin: 0 0 .5em;
line-height: 1.2em;
}

img{
border: none;
}

p{
margin: 0px 0px .75em;
padding: 0;
}
	p.last{
	margin: 0;
	}

small, .small{
font-size: .63em;
}

table{
border-collapse: collapse;    
border-spacing: 0; 
width: 100%;
}

	th{}
	td{font-size: inherit; 	margin: 0; vertical-align:top; }

ul{
margin:0 0 1em 0;
}

	ul.nonlist{
	list-style: none;
	margin: 0px; 
	padding: 0px; 
	}

	li{}


a:link, a:visited, a:active{
color: #006ACC;
}

a:hover, .linkOver a{
color: #0087CB;
}

input, textarea, button, select, .submitbutton{
font-family: 'Trebuchet MS', trebuchet, tahoma, 'Lucida Grande', arial, sans-serif; 
font-size: .90em;
background: #ffffee;
color: #421;
}

	.submitbutton, .submitbutton{
	/*background: #44A0DD;*/
	background: #F3F8FF;
	/*border-color: #8BF #468 #468 #8BF;*/
	border-color: #909090;
	border-width: 2px;
	border-style: solid;
	color: #444!important;
	font-weight: bold;
	padding: 2px 3px;
	text-decoration: none;
	width: auto!important;
	}


/*basic site chrome*/

#logo{margin: 10px 0 8px;}

	#logo a{
	display: block;
	background: url(http://webmail.somachibun.net/images/logo_somachibun.gif) left no-repeat;
	height: 52px; 
	}
	#logo a span, .navrelated{display: none;}

#outer{
padding: 0 35px 20px;
/*max-width: 70em; */
max-width: 80em; 
min-width: 800px;
margin: 0 auto;
text-align: left;
}


#page{
background: #fff url(http://webmail.somachibun.net/images/bkg_gray_stripe.gif) right repeat-y;
border-left: 1px solid #FFB43E;
border-right: 1px solid #999;
}

#pageA{background: url(http://webmail.somachibun.net/images/nw.gif) top left no-repeat;}
#pageB{background: url(http://webmail.somachibun.net/images/ne.png) top right no-repeat; padding-top: 7px;}
#pageC{background: url(http://webmail.somachibun.net/images/sw.gif) bottom left no-repeat;}
#pageD{background: url(http://webmail.somachibun.net/images/se.png) bottom right no-repeat; padding-bottom: 7px;}

/*round corners
#page .r1, #page .r2, #page .r3{
border-color: #FF6633;
border-style: solid;
}
*/

#content{	 
padding: 20px 30px 0;
margin-right: 160px;
min-height: 20em;		
border-bottom: 1px solid #fff; /*ff 1.0.x needs this to fully drop down. lame!*/
}

#control{
float: right;
font-size: .95emfont-size: .95em;
width: 158px;
}

.loginnav, .topnav{
list-style: none;
font-weight: bold;
}

.loginnav{
	background: #FEF4D6;
	float: right;
	font-size: .9em;
	margin-top: -50px;	
}

.loginnav ul{
margin: 0 0 0 .75em; padding: 4px 2px;
}

.loginnav li{
	color: #000;
	display: inline;
	margin: 0 .75em 0 0;
}

.loginnav li small{font-size: .65em;}

.free{color: #009900;}

.footer a:link, .footer a:visited, .footer a:active, .loginnav a:link, .loginnav a:visited, .loginnav a:active{
	color: #000;
}

.footer a:hover, .loginnav a:hover{
	color: #333;
}

.topnav ul{	
	list-style: none;
	margin: 10px 12px 0 0;
	padding: 0;
}

	.topnav li{
		margin: 0;
		padding: 0;
		border-left: 1px solid #ccc;
	}
	
	.topnav li a{
		display: block;
		padding: .45em .25em .5em .75em;
	}

	.topnav ul li.selected{	
		background: #fff;
		border: 1px solid #ccc;
		border-left: 0;
		text-decoration: none;
	}

	
	.topnav ul li.selected a{
		color: #000;
		text-decoration: none;
	}

	.topnav ul li a:hover{background: #fcfcfc;}

	.topnav ul li.newmail{}
	
	.topnav ul li.newmail a.msgcount{
	color: #fff;
	background: url(/styles/3/image_pool/star_newmail.gif) no-repeat 6px 4px;
	float: left;
	height: 19px;
	padding: 10px 0 0 5px;
	width: 27px;
	font-family: arial, sans serif;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	}

	.topnav ul li.newmail a.navitem{
	margin-left: 31px;
	padding-left: 3px;
	}
	
	
ul.footer{
	font-size: .9em;
	list-style: none;
	margin: 10px 0 0 5px;
	padding: 0;
}

ul.footer li{
	display: inline;
	margin: 0;
	padding: 0 .25em 0;
}

	
/*sitewide*/
table.legend td{vertical-align: middle; padding: 0 100px 10px 0;}
table.legend p{margin: 0;}

.a{font-size: 1.3em; color: #B23A1E;}

.hasJS .wait{background: url('/styles/3/image_pool/indicator.gif') center no-repeat;}

.ajaxBookmark{
display: block;
padding-top: 50px;
height: 2em;
}

.ajaxBookmark.bookmarkOn{background: url('/styles/3/image_pool/icons/white/bookmark_star_on.gif') top center no-repeat;}
.ajaxBookmark.bookmarkOff{background: url('/styles/3/image_pool/icons/white/bookmark_star_off.gif') top center no-repeat;}
.ajaxBookmark.bookmarkMatch{background: url('/styles/3/image_pool/icons/white/bookmark_star_match.gif') top center no-repeat;}
.busybox .ajaxBookmark.bookmarkOn{background: url('/styles/3/image_pool/icons/blue/bookmark_star_on.gif') top center no-repeat;}
.busybox .ajaxBookmark.bookmarkOff{background: url('/styles/3/image_pool/icons/blue/bookmark_star_off.gif') top center no-repeat;}
.busybox .ajaxBookmark.bookmarkMatch{background: url('/styles/3/image_pool/icons/blue/bookmark_star_match.gif') top center no-repeat;}

.ajaxShare{
padding-top: 20px;
}

.ajaxShare input.submit{
color: #006699;
font-size: 10px;
}

.ajaxShare input.text{
border: 1px inset #ccc;
background: #FFFAE4;
color: #000;
margin: 3px 0;
padding: 2px;
vertical-align: middle;
width: 100%;
}

input.placeholder{
font-style: italic;
color: #999!important;
}

.ajaxShare label{display: block; color: #333; margin-bottom: 2px;}

.ajaxShare .wait{
height: 70px; 
width: 100%;
background: url(/styles/3/image_pool/indicator.gif) center top no-repeat;
}

.infomsg, .alertmsg, .lessermsg{
background-color: #f0f0f0;
margin-bottom: 10px;
padding: 10px;
}

.lessermsg{
color: #555;
text-align: center;
font-size: .85em;
}

.alertmsg{
background-image: url(/styles/3/image_pool/icons/info.gif);
background-repeat: no-repeat;
background-position: 10px 7px;
padding-left: 38px!important; 
}

ul.tabs {
border-bottom: solid 2px #EEA84F;
font-size: .833em;
margin: 10px 0 0;
padding: 0 0 .6em 0;
}

ul.tabs.tabsConnected{border-bottom: none;}

    ul.tabs li {
    display: inline;
	margin-right: 5px;
    padding: 0;
    }

	    ul.tabs li a {
	    background: #efefef;
		border-bottom: 1px solid #efefef;
	    padding: .4em 1.5em .6em;
	    white-space: nowrap;
		font-size: .9em;
	    }
	
        ul.tabs li.selected a {
		font-size: 1em;
	    background: #9AC5EE;
	    /*border: solid 1px #F93;*/
		border: 1px solid #9AC5EE;
		color: #fff;
		font-weight: bold;
        text-decoration: none!important;
        }
        

strong.req, .req b, .fieldname strong{
	color: #cc3300;
	font-size: 1.35em;
	line-height: 1em;
	font-family: arial;
}
p.reqMsg{
	font-size: .75em;
	font-weight: bold;
	margin: 0 0 1.5em;
}

tr.tfoot td input,
tr.tfoot td button,
tr.tfoot td{vertical-align: middle;}

.icon{vertical-align: middle;}

.linkOver{
	background-color: #fAffcc;
	cursor: pointer;
}
.linkOut{
	background-color: transparent;
}

.half{
	float: left;
	padding-right: 4.5%;
	width: 45%;
}

.third{
	float: left;
	padding-right: 2%;
	width: 31%;
}

.twothirds{
	float: left;
	padding-right: 2%;
	width: 64%;
}

.twentyfive{
	float: left;
	padding-right: 2%;
	width: 23%;
}
.seventyfive{
	float: left;
	padding-right: 2%;
	width: 73%;
}

.last{padding-right: 0!important;}

.sixty{	
	float: left;
	padding-right: 2%;
	width: 56%;
}
.forty{
	float: left;
	padding-right: 2%;
	width: 40%;
}

.r1, .r2, .r3{
	display: block;
	height: 1px;
	font-size: 1px;
	border-width: 0 1px;
}
.r1{
	background: #FF6633;
	margin: 0 3px;
}
.r2{
	margin: 0 2px;
}
.r3{
	margin: 0 1px;
}

#content .contentsection{
	padding: 1px 0 10px;
}

#content .contentblock{
	margin: 0 0 30px;	
}

/*
.winnowA, .busyboxA{
	background: url(/styles/3/image_pool/backgrounds/bkg_blue_fade_l.gif) top left no-repeat;
	padding-left: 9px; 
}
.winnowB, .busyboxB{
	background: url(/styles/3/image_pool/backgrounds/bkg_blue_fade_r.gif) top right no-repeat;
	padding-right: 9px; 
}
*/
.winnow, .busybox{
	background: url(/styles/3/image_pool/backgrounds/bkg_gray_fade.gif) top repeat-x;
	/*background: #eaeaea;*/ 
	border: 1px dashed #bbb;
	padding: 15px 25px 10px;
}
.winnowA .winnow{padding-left: 6px; padding-right: 6px; /* min-height: 100px; */}


div.busybox{margin-top: 15px;}

div.winnow.inpage{
	background: url(/styles/3/image_pool/backgrounds/bkg_blue_fade.gif) top repeat-x;
	background-position: top;
	border: none;
	border-bottom: 1px dashed #9AC5EE;
	margin-bottom: 15px;
	min-height: 0!important;
}

div.winnow.inpage .winnowoptions{padding-bottom: 0px!important; }

table.winnowOptions{margin: 0 auto!important; width: auto!important;}

div.winnow .element{
	display: block;
	float: left;
	padding: 0 8px 0 0;
	text-align: left;
	height: 3.25em;
}
div.winnow .element label{
	white-space: nowrap;
	display: block;
	font-size: .75em;
	font-weight: bold;
}

div.winnow .element label .small{
	font-size: .85em;
	font-weight: normal;
}

div.winnow .element input,
div.winnow .element select{
	margin: 2px 0 0;
} 

div.winnow .element.nolabel{
	padding: 1em 0 0;
	margin: 0;	
}


div.winnow .element.connector{height: 2.55em; margin: 0; padding: 1.3em 15px 0 0; font-weight: bold; font-size: .85em; padding-bottom: 0!important;}

/* forms! */
.errorblock{
background: #FFD9CC;
margin: 0 0 10px;
}
.errormsg{
background: #F00;
color: #fff;
padding: 10px;
font-weight: bold;
}
ul.errorlist{
list-style: none;
padding: 10px 10px 10px 20px; 
}
ul.errorlist li{margin-bottom: .25em;}
ul.errorlist li em,
ul.errorlist li i{
font-style: normal;
font-weight: bold;
}
.hasError{
background: #FFD9CC;
}

table.form{
}
	table.form td{
		padding: .5em 5px 1em 0;
		margin-bottom: 10px;
		vertical-align: top;			
	}
	
	table.form td img{
		vertical-align: baseline;			
	}

	td.fieldname{
		font-weight: bold;
		font-size: .9em;
		text-align: right;
		width: 12em;
	}
	
	td.fieldvalue{
	}
	
	td.fieldvalue textarea{
		width: 95%;
	}
	
	td.helper {
		background: #f1f1f1;
		border-bottom: 3px solid #fff;
		color: #666;
		font-size: .8em;
		padding-left: .5em!important;
		width: 40%;
	}
		td.helper strong {
			color: #333;
		}


/*helpers*/

.highlight{background: #ffffcc;}
.tba{background: pink;}
		
body.hasJS{}
	body.hasJS .jsHide{display: none;}

.disabled{
	opacity: 0.4;
	-moz-opacity: 0.4;
	-khtml-opacity: 0.4;
	filter: alpha(opacity=40);
}
		
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-table;}

.clear{
	clear: left;
	font-size: 1px; 
	line-height: 1px;
	overflow: hidden;
}

.superclear{
	clear: both; 
	float: none; 
	font-size: 1px; 
	line-height: 1px;
	overflow: hidden;
}

.nobr{white-space: nowrap;}

/*index*/
.welcomeText{margin-top: -3px!important;  width: 235px; float: left;}
.welcomeText h2{
font-size: 1.25em; line-height: 1em;  color: #c44000;
letter-spacing: -0.03em;
}
a.fP{
	background: #aaa; /*vague avg color*/
	display: block;
	float: left;
	height: 70px;
	overflow: hidden;   
	margin-right: 1px; /* breakout for featuredThumbs.js */
	margin-bottom: 1px;
	
}
a.fP img{
	height: 70px;
	width: 110px; 
}
a.fP.fPdummy{
	background: url(/styles/3/image_pool/backgrounds/bkg_red.gif) top left;
	/*background: #544B30;*/
	color: #fff!important;
	font-size: .8em;	 
	text-decoration: none;
}
a.fP.fPdummy span{display:block; padding: 10px 18px 10px 18px; line-height: 1em;}
a.fP.fPdummy span strong{display: block; font-size: 1.5em; font-family: tahoma, arial; line-height: 1.3em;}
.fPsection{height: 213px; overflow: hidden; margin-top: 5px!important; margin-bottom:20px!important;}
.fPsearch{margin: 0 1px 20px 255px!important;}
.fPsearchFull{margin: 0 1px 20px!important;}


/*profile*/
td.listing{
	border-bottom: 1px solid #DFE1C2;
	padding: .5em 0;
}

.listingPhoto{
	float: left;
	padding: 5px;
}

	.listingPhoto img{ /*temp*/
	/*	height: 70px;
		width: 110px;*/
	border: 1px solid #ccc;
	}

.listingInfo{
	margin: 0 0 0 122px;
	padding: 5px;
}
	.listingHeadline{font-size: .9em; font-weight: bold;}

.listingMain{
	margin: 0 90px 0 0;
}
.listingActions{
	font-size: .8em;
	float: right;
	width: 80px;
	text-align: center;
	text-decoration: none;
}

.listingActions a{
	text-decoration: none;
	line-height: .8em;
}

.headline{font-size: 1.2em;}
.smallPhotos{margin-top: 5px;}

.profilelonginfo dt, .question{
	padding: 0px 2px;
	font-weight: bold;
	line-height: 1.4em;
}
.profilelonginfo dd {
	padding: 0px 2px;
	margin: 0px 0px 23px 0px;
}
.profilesmallinfo {width: 230px; float: left; }
.profilesmallinfo td{padding: 0 .5em .5em 0;}
.infoname{
	font-weight: bold;
	line-height: 1.5em;
	white-space: nowrap;
}

/*photos */
.photoBlock{
	text-align: center;	
	float: left;
	margin: 0 20px 20px 0;
}

.upload{margin: 0; float: none; clear: left;}
.upload td{background: none; border: 0; text-align: left;}
.photoBlock .count{text-align: left;}
.photoBlock li{margin: 0;}

.calm{
	text-align: left;
	padding: 25px 20px 20px;
	width: 10em;
	font-size: .8em;
}


/* login */

.loginyes{
border-right: 1px solid #DFE1C2; 
float: left;
padding: 10px;
width: 50%;
}
.loginyes table.form td{padding: 0 5px 10px 0; width: auto;}

.loginno{ margin-left: 55%!important; padding: 10px; }
.loginno strong{font-size: 1.1em;}
.loginno .tfoot{margin-top: 15px; }


pre {
  	text-align:right;
	font-size:12px;
}

#tabs {
      float:left;
      width:100%;
      /*background:#99CC00 url("http://graphics.somachibun.net/images/tab-bg.gif") repeat-x bottom;*/
      background:#99CC00 repeat-x bottom;
      font-size:93%;
      line-height:normal;
      }
    #tabs ul {
      margin:0;
      padding:10px 10px 0;
      list-style:none;
      }
    #tabs li {
      float:left;
      background:url("http://graphics.somachibun.net/images/tab-izquierda.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 9px;
      }
    #tabs a {
      display:block;
      background:url("http://graphics.somachibun.net/images/tab-derecha.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      }
    #tabs #current {
      background-image:url("http://graphics.somachibun.net/images/tab-izquierda_on.gif");
      }
    #tabs #current a {
      background-image:url("http://graphics.somachibun.net/images/tab-derecha_on.gif");
      padding-bottom:5px;
      }



a#tooCool {
position: fixed;
right: 0;
bottom: 0;
display: block;
height: 80px;
width: 80px;
background: url(http://www.somachibun.net/images/inicio.png) bottom right no-repeat;
text-indent: -999em;
text-decoration: none;
}