/*
*					{ margin: 0; padding: 0; }
body			{ font-family: Georgia, serif; background: url(../images/tmc-bg.jpg) top center no-repeat #c4c4c4; color: #3a3a3a;  }
*/

.clear				{ clear: both; }

.loginform			{ width: 325px; margin: 170px auto 0; }

legend				{ display: none; }

h2					{ color: #000; border-bottom:2px dotted #000; margin-left:50px;  text-align:left}


fieldset			{ border: 0; }

.loginlabel			{ width: 85px; text-align: right; float: left; margin: 0 10px 0 0; padding: 9px 0 0 0; font-size: 16px; }

label				{ width: 150px; text-align: right; float: left; margin: 0 10px 0 0; padding: 9px 0 5px 0; font-size: 16px; }

input				{ width: 180px; display: block; padding: 4px; margin: 0 0 15px 0; font-size: 18px;
					  color: #3a3a3a; font-family: Georgia, serif;}
input[type=checkbox]{ width: 20px; margin: 0; display: inline-block; }
					  
.loginbutton		{ border: 1px solid #999;
					  -moz-border-radius: 5px; padding: 5px; color: black; font-weight: bold;
					  -webkit-border-radius: 5px; font-size: 13px;  width: 70px; margin: -20px 0 0 217px}
/*.button:hover		{ background: white; color: black; }*/

.error				{ color: red }

.errorMsg			{ color: red; text-align: center; margin-top: 120px;}


ul.web2py-menu-vertical { width: 150px; position: relative; top:1em; left:1em;  z-index:30; border:0; margin:0; padding: 0; list-style: none; text-decoration: none;}
ul.web2py-menu-vertical li { margin:0; padding:0; border:0; width: 150px; background: black; text-align:left;}
ul.web2py-menu-vertical li a { margin:0; padding: 1px 3px 1px 3px; border:0; width: 144px; color: white; font-size:12px;}
div.flash { position: fixed; float: right; padding: 1px; top: 90px; right: 30px; opacity: 0.75; margin: 10px 10px 10px 10px; text-align: center; clear: both; color: #fff; font-size: 11pt; text-align: center; vertical-align: middle; cursor: pointer; background: black; border: 2px solid #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; z-index: 2; }
div.error { background-color: red; color: white; padding: 1px; }
.auth_navbar { text-align:right; z-index:20; position: absolute; top: 2px; right:30px; border:0; padding:0 }


div#content {  margin:150px 0px;
	}











@font-face {
    font-family: 'SachikoRegular';
    src: url('../fonts/sachiko-webfont.eot');
    src: url('../fonts/sachiko-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/sachiko-webfont.woff') format('woff'),
         url('../fonts/sachiko-webfont.ttf') format('truetype'),
         url('../fonts/sachiko-webfont.svg#SachikoRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body{
	font-family: Georgia, serif; 
	background-color:#c4d469;}



/* logo */
.logo {
	width:100%;
	height:90px;
	background:url(../images/thomsonbabyview.png) top left no-repeat;
	background-color:#e2ebb6;
	position:absolute;
	top:-5px;
	left:-4px;
	content:" ";
	z-index:10;}




.pikachoose-baby{
	background:url(../images/flowers1.png) bottom left no-repeat;
	position:relative;
	/*width:960px;*/
	height:500px;}


/* center image */
.pika-stage {
	height:350px;
	width:500px;
	/*left:230px;*/
	margin-top: auto;
	margin-left: auto;
	margin-right: auto;
}

.pika-stage .pika-aniwrap{
	position: absolute;
	top: 2px;
	left: 2px;
	z-index:9;}

.pika-stage img{
	border:0;
	width:500px;
        height:350px;
}

.pika-stage .caption {
	font-family:SachikoRegular;
	font-size:26px;
	padding:8px;
	width:96%;
	color:#3f3618;
	background:white;
	background:rgba(255,255,255,0.4);
	position:absolute;
	bottom:2px;
	left:2px;}


.pika-stage , .pika-thumbs li{
	border: 2px solid #e2ebb6;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background:#e2ebb6;
	padding:2px;}

#welcometext { 	
	width: 500px;
	margin-top: 120px;
	margin-left: auto;
	margin-right: auto;
}