html, body {
  margin: 0px;
  padding: 0px;
  border: 0px;
}

body
{
	font-family:Arial;
	font-size:12px;
	color: #333; 
	margin-left:auto;
 	margin-right:auto;
 	background-image:url(Content/images/main.gif);
 	background-repeat:repeat-x;
}

#wholepagediv
{
	width:967px;
	height:600px;
	margin-left:auto;
 	margin-right:auto;
}


.locusRightBox 
{
	width:220px;
	height:200px;
	margin-left:5px;
	background-color:White;
	position:absolute;
	border-width:1px;
    border-style:solid;
    border-color:#d9d9d9;
	-moz-border-radius:5px;
    -webkit-border-radius:5px;
}

#pagecontentdiv
{
	width:967px;
	margin-left:auto;
	margin-right:auto;
}

#mainfocusdiv
{
	top:198px;
	width:643px;
	height:415px;
	margin-left:13px;
    background-color:White;
    position:absolute;
    border-width:1px;
    border-style:solid;
    border-color:#d9d9d9;
	-moz-border-radius:5px;
    -webkit-border-radius:5px;
}

a img
{
	border-style:none;
}


.locusHeader 
{
	position:absolute; 
	margin-top:70px;
	margin-left:15px;
}

#locusRightBox1 
{
	top:0px;
}

#locusRightBox2 
{
	top:215px;
}


#locusrightsidediv
{
	width:283px;
	top:198px;
	position:absolute;
	margin-left:725px;
	background-color:Transparent;
	height:415px;
}

.rightParagraph 
{
	font-family: Arial;
	font-size:10pt; 
	font-weight:bold;
	margin:15px;
}

.locusTitle
{
	font-family: Arial;
	font-size:14pt;
	font-weight:bold;
}

.locusGraySubtitle
{
	font-family: Arial;
	font-size:11pt;
	color:#909090;
}

#locusmainfocusdiv
{
	top:198px;
	width:700px;
	height:415px;
	margin-left:13px;
    background-color:White;
    position:absolute;
    border-width:1px;
    border-style:solid;
    border-color:#d9d9d9;
	-moz-border-radius:5px;
    -webkit-border-radius:5px;
}


#locusmainfocusdivLiveGlobe
{
	top:198px;
	width:700px;
	height:580px;
	margin-left:13px;
    background-color:White;
    position:absolute;
    border-width:1px;
    border-style:solid;
    border-color:#d9d9d9;
	-moz-border-radius:5px;
    -webkit-border-radius:5px;
}

#wholepagedivLiveGlobe
{
	width:967px;
	height:650px;
	margin-left:auto;
 	margin-right:auto;
}


.pagefooterLiveGlobe
{
    position:absolute;
    top:786px;
	color: #666666;
    font-family: Arial;
    font-size: 10px;
    text-align: center;
    vertical-align: bottom;
    width: 967px;
}


#userGuide 
{
	position:absolute;
	top:30px;
	margin-left:340px;
}

#userGuidePDF 
{
	position:absolute;
	top:15px;
	margin-left:640px;
}

.LocusStepImage 
{
	position:absolute;
	top:80px;
	margin-left:160px;
	height:220px;
}

.tick 
{
	position:absolute; 
	margin-top:0px;
	margin-left:0px;
}

#tickMessage 
{
	position:absolute; 
	margin-top:0px; 
	margin-left:25px;
}

.stepParagraph 
{
	font-family:Arial;
	font-size:12pt; 
	font-weight:bold;
	margin:15px;
	width:240px;
	position:absolute;
	top:110px;
	margin-left:330px;
}

.stepLink
{
	font-family:Arial;
	font-size:10pt; 
	font-weight:bold;
	margin-left:330px;
	position:absolute;
	top:240px;
	color:#3cc3f4;
	text-decoration:none;
}

.stepNumber 
{
	font-family:Arial;
	font-size:32pt; 
	font-weight:bold;
	margin-left:343px;
	position:absolute;
	top:328px;
	color:#ffffff;
}

.stepLabel 
{
	font-family:Arial;
	font-size:12pt; 
	font-weight:bold;
	margin-left:340px;
	position:absolute;
	top:390px;
	color:#909090;
}

.stepImage
{
	position:absolute;
	margin-left:240px;
	top:305px;
}

.stepLinkNext 
{
	position:absolute;
	top:331px;
	margin-left:395px;
	height:32px;
}

.stepLinkPrevious
{
	position:absolute;
	top:331px;
	margin-left:243px;
	height:32px;
}


.liveActivityObject
{
	position:absolute;
	top:15px;
	margin-left:24px;
	height:490px;
	width:650px;
}

.liveDescription1
{
	position:absolute;
	font-family:Arial;
	font-size:12pt; 
	font-weight:normal;
	top:525px;
	margin-left:185px;
}

.liveDescription2
{
	position:absolute;
	font-family:Arial;
	font-size:12pt; 
	font-weight:bold;
	top:550px;
	margin-left:265px;
}

.pagefooter
{
    position:absolute;
    top:626px;
	color: #666666;
    font-family: Verdana,sans-serif;
    font-size: 10px;
    text-align: center;
    vertical-align: bottom;
    width: 967px;
}

/** Landing page **/
.platform 
{
    background-color: #eee;
    margin: 20px 15px;
    height: 375px;
    width: 315px;
    float:left;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;   
}
.platform:hover
{
    background-color: #222;
    cursor: pointer;
    color: #fff !important;
}

.platform img
{
    height: 300px;
    margin: 0px auto;
    display: block;
}

.platform h1, 
.platform h2,
.platform h3
{
    text-align: center;

}
#locusmainfocusdiv a:link,
#locusmainfocusdiv a:visited
{
    color: inherit;
    text-decoration: none !important;  
}