@charset "utf-8";
/* CSS Document */

body {	   
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px}

.bg { background: white url(../pics/bodyBg.jpg) repeat-x} 

#rootContent {
	width: 955px;
	height: 100%;
	margin-left: auto;
	margin-right: auto;}

* { margin: 0px; padding: 0px; }
img {border: 0;}
a { text-decoration: none; color: #2971a7;}
a:hover { color:#000; text-decoration: none; }
h1 { font-size:18px; font-weight:bold; line-height: normal}
h2 { font-weight:bold; line-height: normal}
.tinySpacer { height: 3px; }
.smallSpacer { height: 7px; }
.medSpacer { height: 12px; }
.spacer { height: 20px; }
.bigSpacer{ height: 40px; }
.left { float: left}
.right { float: right}
.clear { clear: both; height: 0px }
.bold { font-weight:bold }
.middle {text-align:center}

/* top  ---------------------------------------------------------------*/
#claim { 
	background: url(../pics/claim.gif) bottom left no-repeat;
	height: 83px;
	width: 740px;
	font-size: 11px;
	color: #999999;
	padding: 18px 0px 0px 12px}
	
#claim a {color: #999999}
	
.formFieldOk {
	font-size: 10px;
	color: #fff;
	background-color: #3298df;
	border: none;}

.formField {
	border: 1px solid #c7c7c7;
	background-color: #fff;
	color:#999999;
	font-size: 11px;}
	
/* loginMap  ---------------------------------------------------------------*/
#loginMap {height: 177px}
.login {
	margin-top: 12px;
	background: url(../pics/loginBG.jpg) no-repeat; 
	width:168px; 
	height:99px;
	padding: 52px 0px 0px 22px;
	color:#2f5377 }

.login input { color:#2f5377 }
	
.googlemap {
	margin: 18px 0px 0px 16px;
	width:452px; 
	height:140px}
	
.bonPlans {	
	margin: 18px 0px 0px 0px;
	color: #a89d89 ;
	font-size: 11px; 
	line-height: 13px;
	width: 275px}
	
/* content  ---------------------------------------------------------------*/
#content { margin-top: 20px}

#contentLeft { 
	width: 156px;
	background: url(../pics/rightBg.png) top no-repeat;
	padding-top: 34px;
	font-size: 11px;
	color:#666666;
	background-color: #eaf5fe;
	line-height: 13px}
	
.clBg { 
	background: url(../pics/leftBg.png) bottom no-repeat;
	padding: 6px 12px 12px 12px;}

.clBg h1 { 
	line-height: 17px;
	margin-bottom:8px}

.clBg img  { margin-right: 7px}
	
#contentCenter {
	width: 583px;
	margin: 0px 25px 0px 25px}
	
.box {
	width: 286px;
	height: 154px;
	border: 1px solid #e0d9cc}

.boxTitle {
	background-color: #f3f0ea;
	padding: 4px 8px 5px 5px;
	font-weight: bold}
	
.next  {font-size: 10px; padding-top: 2px}
.next a { color:#999999}
.in { padding: 6px}
.in a  { font-weight:bold}
.in img  { margin-right: 7px}

.infos {
	font-size:11px; 
	line-height: 13px; 
	color:#666666}

#members  {height: 95px;}

.PicPseudo  { 
	width: 97px;
	font-size: 11px;
	}

#contentRight {
	width: 166px;
	background: url(../pics/newsTitle.png) top no-repeat;
	padding-top: 36px;
	font-size: 11px;
	color:#7e7e7e;}
	
#contentRight img {
	border: 1px solid #ccc;
	margin-right: 5px;}
	
.crBg {
	background: url(../pics/crBg.png) bottom no-repeat;	
	padding: 3px 12px 12px 12px;}
	
.rightDots {
	background: url(../pics/rightDots.gif) bottom no-repeat;
	padding: 0px 0px 8px 0px;
	margin-top: 8px;}
	
	
/* footer  ---------------------------------------------------------------*/	
#footer {
	margin: 20px 0px 20px 0px;
	padding-top: 8px;
	border-top: 1px dotted;
	color:#ccc;
	text-align: center;
	font-size: 11px}

#footer img {padding: 40px 30px 0px 0px;}

/* map -------------------------------------------------------------------- */
.labelContent {
	background-color:#FFFFFF;
	border:1px solid #929277;
	color:#993300;
	font-family:"trebuchet ms",Arial,Helvetica,sans-serif;
	font-size:11px;
	font-weight:bold;
	min-height:15px;
	padding:2px;
	width:95px;
	z-index:10000;}