.grid {
	position:absolute;
	z-index:0;
	overflow:hidden;
	background-color:white;
	display:none;
	color:#4E464B;
}
.grid.shadow {
	z-index:1;
	-moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 20px rgba(0,0,0,0.2);

	/* For IE 8 */
	/*-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#000000')";*/
	/* For IE 5.5 - 7 */
	/*filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#000000');*/

}
.grid.shadow.topshadow {
	z-index:2;
}

.shadowhover:hover {
          z-index: 1;
cursor: pointer;
          -moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
          -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
          box-shadow: 0px 0px 20px rgba(0,0,0,0.2);

       }


/* Use this Class for shadow hover-effects, if you dont want Internet Explorer 6-8 to change the background-color at all*/

.shadowhover2:hover {
          z-index: 1;      
cursor: pointer;
          -moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
          -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
          box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
       }


.grid.height1 {
         height:192px;
}
.grid.height2 {
	height:384px;
}
.grid.height3 {
	height:576px;
}
.grid.height4 {
	height:768px;
}
.grid.height5 {
	height:960px;
}

.grid.width1 {
	width:192px;
}
.grid.width2 {
	width:384px;
}
.grid.width3 {
	width:576px;
}
.grid.width4 {
	width:768px;
}
.grid.width5 {
	width:960px;
}


.grid.left1 {
	left:0;
}
.grid.left2 {
	left:192px;
}
.grid.left3 {
	left:384px;
}
.grid.left4 {
	left:576px;
}
.grid.left5 {
	left:768px;
}


.grid.top1 {
	top:0;
}
.grid.top2 {
	top:192px;
}
.grid.top3 {
	top:384px;
}
.grid.top4 {
	top:576px;
}
.grid.top5 {
	top:768px;
}
.grid.top6 {
	top:960px;
}
.grid.top7 {
	top:1152px;
}


.sectoroneheight {
          height:30px;
}
.fourthheight {
          height:48px;
}
.thirdheight {
	height:64px;
}
.sectortwoheight {
         height:60px;
}
.halfheight {
          height:96px;
}
.twothirdheight {
	height:128px;
}
.threefourthheight {
          height:144px;
}


.grid .sectoroneheight {
         position:absolute;
	width:100%;
	left:0;
}
.grid .fourthheight {
         position:absolute;
	width:100%;
	left:0;
}
.grid .thirdheight {
	position:absolute;
	width:100%;
	left:0;
}
.grid .sectortwoheight {
	position:absolute;
	width:100%;
	left:0;
}
.grid .halfheight {
         position:absolute;
	width:100%;
	left:0;
}
.grid .threefourthheight {
         position:absolute;
	width:100%;
	left:0;
}


.grid div.header {
	font-size:22px;
	margin:4px;
	margin-bottom:0;
	margin-left:6px;
}
.grid div.navlink {
	font-size:22px;
	margin:4px;
	margin-bottom:0;
	margin-left:6px;
}

.grid div.small {
	font-size:12px;
          margin-right: 10px;
}
.grid .thirdheight div.header {
	position:absolute;
	margin:0;
	top:8px;
	left:8px;
}
.grid .thirdheight div.small {
	position:absolute;
         top: 37px;
	left:8px;
	font-size:12px;
}

.grid .sectortwoheight div.header {
	position:absolute;
	margin:0;
	top:8px;
	left:8px;
}
.grid .sectortwoheight div.small {
	position:absolute;
top: 37px;
	left:8px;
	font-size:12px;
}


.grid .sectoroneheight.bottom {
	bottom:0;
}
.grid .fourthheight.bottom {
	bottom:0;
}
.grid .thirdheight.bottom {
         bottom:0px;
}
.grid .sectortwoheight.bottom {
	bottom:0;
}
.grid .halfheight.bottom {
	bottom:0;
}
.grid .twothirdheight.bottom {
	bottom:0;
}
.grid .threefourthheight.bottom {
	bottom:0;
}


.grid .sectoroneheight.top {
	top:0;
}
.grid .fourthheight.top {
	top:0;
}
.grid .thirdheight.top {
	top:0;
}
.grid .sectortwoheight.top {
	top:0;
}
.grid .halfheight.top {
	top:0;
}
.grid .twothirdheight.top {
	top:0;
}
.grid .threefourthheight.top {
	top:0;
}

.grid .twothirdheight div.header {
	position:absolute;
	margin:0;
	top:8px;
	left:8px;
}

.grid .twothirdheight div.small  {
          position:absolute;
	top:37px;
	left:8px;
	font-size:12px;
}

.grid .thirdheight input.globalsearchfield {
	position:absolute;
	left:0;
	top:0;
	z-index:100;
	margin:0;
	padding:0;
	color:white;
	font-size:22px;
	width:190px;
	height:35px;
	background-color:transparent;
	border:none;
}

.grid .sectortwoheight input.globalsearchfield {
	position:absolute;
	left:0px;
	top:0px;
	z-index:100;
margin:-9px 0px 0px -2px;
	padding:0;
	color:white;
	font-size:25px;
	width:190px;
	height:35px;
	background-color:transparent;
	border:none;
}