/*----------------newStart.php-----------------*/
#mainIntroContainer{
	position:relative;
	float:left;
	height:370px;
	width:570px;
}
#mainPromoText{
	width:460px;
	height:330px;
	float:left;	
}
#mainPromoText h1{
	font-size:16px;
}
#mainPromoText h2{
	font-size:14px;
	font-weight:bold;
}
#mainPromoText ul{
	width:325px;
	font-size:12px;
	font-weight:normal;
	margin-left:-10px;
}
#mainPromoText li{
	margin-top:10px;
}
#mainPromoText a{
	margin-top:25px;
}

#mainMap{
	position:absolute;
	height:340px;
	width:215px;
	top:25px;
	left:360px;
	
}

#promoSearchBar{
	position:absolute;
	top:554px;
	left:30px;
	width:340px;
	height:79px;
	background-image:url(images/formbgsmall.png);
	background-repeat:no-repeat;
	z-index: 100;
}
.searchLbl{
	color:#FEFEFE;
	font-size: 9px;
	padding-left: 5px;
	margin-top:15px;
}
.searchLbl2{
	color:#FEFEFE;
	font-size: 9px;
	padding-left: 5px;
	margin-top:3px;
	float:left;
	white-space:no-wrap;
}
.searchInputContainer{
	background-image:url(images/inputbgsmall.png);
	background-repeat:no-repeat;
	float:left;
	height:25px;
	width:248px;
	margin-top:0px;
}
.hugeSearchfield{
	background-color: transparent;
	border: 0 none;
	color: #9EADC6;
	font-size:10px;
	font-weight:bold;
	height:12px;
	margin:3px 0 0 1px;
	overflow:hidden;
	padding: 5px 0 0 6px;	
	text-transform: uppercase;
	width:240px;	
}
.searchBtn{
	background-image: url(images/btn2small.png);
	background-repeat: no-repeat;
	float:left;
	height:22px;
	width:39px;
	margin-left:1px;
	margin-top:1px;
	display:block;
}
.blkbtnsmall{
	background:transparent none no-repeat scroll 0 0;
	border: 0 none;
	cursor: pointer;
	height: 22px;
	margin: 0;
	padding: 0;
	width:39px;
}
#mainMap img{
	height:335px;
	width:215px;
	border:0 none;
	
}


#newEventsContainer{
	width:250px;
	height:150px;
	float:right;
	margin-right:10px;
}

#createUserContainer{
	width:250px;
	height:125px;
	float:right;
	margin-right:10px;
	margin-top:10px;
	text-align:left;
}
.createUserHeader{
	width:230px;
	height:20px;
	background-color:#7085ae;
	text-align:left;
	/*border:1px solid #9299a6;*/
}
.createUserHeader h2{
	font-family: "Verdana";
	color:#fff;
	font-weight: bold;
	font-size: 14px;
	margin-top:3px;
	margin-left:-5px;
}
.userInput{
	height:35px;
	width:210px;
	margin-top:5px;
	margin-left:30px;
	position:relative;
}

.userInputTextField{
	height:15px;
	width:170px;
	background-color: #FEFEFE;
	border: 1px solid #D0CFCE;
	font-size:10px;
	font-family: Verdana, Geneca, Arial, Helvetica, serif;
	margin-top:3px;
	
}
.validateC{
	height:20px;
	width:20px;
	margin-left:4px;
	margin-top: -4px;
}
.inputHeader{
	float:left;
	font-weight:bold;
	color:#7085ae;
	font-size:10px;
}
#createButton{
	height:46px;
	width:125px;
	background:url('images/createAccount.png') -120px 0px no-repeat;
	cursor:pointer;
	float:left;
	margin-left:50px;
	margin-top: 10px;
}
#createButton:hover{
	background:url('images/createAccount.png') -244px 0px no-repeat;
}
#createButton:active{
	background:url('images/createAccount.png') 4px 0px no-repeat;
}
#stoldGodsRegContainer{
	position:relative;
	width:837px;
	height:120px;
	float:left;
	margin-top:0px;
}
#stoldGodsRegContent{
	width:800px;
	margin-left:12px;
}
#searchBox{
	position:absolute;
	top:3px;
	right:10px;
	
}
#userPanelContainer{
	width:220px;
	height:200px;
	float:right;
	margin-right:40px;
	margin-top:10px;
}
.sgrHeader{
		
  width:853px;
  height:25px;
  background: url(images/mbheadlong.jpg) no-repeat;
  margin-top:5px;
  margin-left:-16px;
  padding-left: 25px;
   padding-top: 5px;
}
.sgrHeader h2{
  font-family: "Verdana";
  color:#fff;
  font-weight: bold;
  font-size: 10px;
}

#moreInfoText h1{
	font-size:16px;
}
#moreInfoText h2{
	font-size:14px;
	font-weight:bold;
}
.ingress{
	font-weight:bold;
}


/*----------------------jquery carousel------------------*/
/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */


.jcarousel-container {
 position: relative;
 }

.jcarousel-clip {
 z-index: 2;
 padding: 0;
 margin: 0;
 overflow: hidden;
 position: relative;
}

.jcarousel-list {
 z-index: 1;
 overflow: hidden;
 position: relative;
 top: 0;
 left: 0;
 margin: 0;
 padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
 float: left;
 list-style: none;
 /* We set the width/height explicitly. No width/height causes infinite loops. */
 width: 100px;
 height: 80px;
 margin-left:0px;
}

/*-------------------------------------------------------*/
/*----------------myStartPage-----------------*/
#mainMyStuffContainer{
	position:relative;
	float:left;
	height:435px;
	width:575px;
	margin-top:10px;
}
.mySHeader{
	width:280px;
	height:25px;
	background: url(images/mbheadshort.jpg) no-repeat;
	padding-left: 25px;
    padding-top: 5px;
}
.mySHeader h2{
	font-family: "Verdana";
	color:#fff;
	font-weight: bold;
	font-size: 10px;
}
#leftTop{
	float:left;
	height:200px;
	width:275px;
	margin-right:15px;
}
.eventHeadline{
	font-weight:bold;
	font-size:11px;
	margin-left:30px;
	
}
.eventTimeStamp{
	font-weight:normal;
	font-size:9px;
	color: #9c9c9c;
	margin-left:5px;
	margin-top:3px;
}
#rigthTop{
	float:left;
	height:200px;
	width:275px;
	
}
.insideDayStart {
	margin-top: 33px;
	text-align: center;
}
.rightOfDayStart {
	width: 180px;
	height: 100px;
	margin-left: 90px;
	margin-top: 10px;
}
.iconsVG{
	border:0 none;
	width:20px; 
	height:20px;
	float:left;
	margin-top:5px;
}
.textVG{
	margin-top:8px;
	float:left;
	height:20px;
	width:155px;
	padding-bottom:0px;
	margin-left:3px;
}
#leftBottom{
	margin-top:10px;
	float:left;
	height:200px;
	width:275px;
}
#rightBottom{
	margin-top:10px;
	margin-left:15px;
	float:left;
	height:200px;
	width:275px;
}

#rightBottom img{
	margin-left:20px;
	border: 0 none;
}
#rightBottom span{
	margin-left:40px;
	font-weight:bold;
	font-size:14px;

}
#myNewEventsContainer{
	width:250px;
	height:215px;
	float:right;
	margin-right:10px;
}
.mySContentLarge, .mySContentSmall{
	background-color:#f2f2f2;
	border-left: 1px solid #c9c9c9;
	border-right:1px solid #c9c9c9;
	border-bottom:1px solid #c9c9c9;
	width:273px;
	margin-top:-6px;
	font-size:10px;
	padding-top:5px;
	padding-left:5px;
}
.mySContentSmall{
	height:187px;
}
.mySContentLarge{
	height:174px;
}
.uInputTextField{
	background-color:#FEFEFE;
	border:1px solid #D0CFCE;
	font-size: 10px;
	width:170px;
}

.startMenu {
	width: 220px; 
	height: 30px; 
	font-size: 18px; 
	color: #1F4A7A; 
	margin: 0 auto;
}

.startMenu option {
	font-size: 14px;
	cursor: pointer;
}

.startInfoBox {
	position: absolute;
	top: 375px;
	left:35px;
	width: 360px;
	height: 300px;
	line-height: 150%;
}

.startInfoBox a {
	color: #000000;
}

.startInfoBox a:hover {
	text-decoration: underline;
}

.startInfoBoxLeft {
	width: 155px;
	height: 130px;
	float: left;
	margin-right: 15px;
}

.startInfoBoxRight {
	width: 180px;
	height: 130px;
	float: left;
}

.dropMenuMain {
	position: relative;
	background: url(images/menuDropMain.png) no-repeat;
	width: 231px;
	height: 47px;
	margin-left: -10px;
	z-index: 3;
}

.dropMenu {
	position: relative;
	background: url(images/menuDrop.png) no-repeat;
	width: 54px;
	height: 47px;
	float: right;
	cursor: pointer;
	z-index: 4;
}

.dropMenu:hover {
	background: url(images/menuDropHover.png) no-repeat;
}

.dropMenuActive {
	position: relative;
	background: url(images/menuDropHover.png) no-repeat;
	width: 54px;
	height: 47px;
	float: right;
	cursor: pointer;
	z-index: 4;
}

.dropText {
	position: relative;
	float: left;
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	margin-top: 17px;
	margin-left: 15px;
	z-index: 5;
}

.dropText div {
	margin-top: 7px;
}

.dropText a {
	color: #FFFFFF;
}

.dropText a:hover {
	color: #E2C42F;
}

.dropLinkMenu {
	position: absolute;
	background: url(images/menuDropMenu2.png) no-repeat;
	width: 231px;
	height: 132px;
	top: 230px;
	left: 30px;
	z-index: 0;
}

.join {
	margin-left: 5px;
}

.joinBtn {
	background: url(images/joinDrop.png) no-repeat;
	width: 231px;
	height: 47px;
	cursor: pointer;
	color: #FFFFFF;
}

.joinBtn:hover {
	background: url(images/joinDropHover.png) no-repeat;
	color: #E2C42F;
}

.joinBtnText {
	padding-top: 15px;
	margin-left: 20px;
	font-size: 16px
}

.stolenItemsLink {
	float: right; 
	margin-right: 50px; 
	font-weight: bold; 
	font-size: 10px;
}

.stolenItemsLink a {
	color: #ffffff;
}

.stolenItemsLink a:hover {
	color: #E2C42F;
}
/*-------------------------------------------------------*/