body {
margin:0;
font-family:sans-serif;
}

a{
text-decoration:none;
}

#whole {
width:600px;
height:330px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='newlayout/hm2back2.png');
}


#whole[id] {
  background-image:url('newlayout/hm2back2.png');
}

#wholea {
width:600px;
height:330px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='newlayout/hm2back2a.png');
}


#wholea[id] {
  background-image:url('newlayout/hm2back2a.png');
}


#top {
width:600px;
height:80px;
}

/*
#top[id] {
  background-image:url('layout/frame_topxx.png');
}
*/

#content {
position:absolute;
top:70px;
width:600px;
height:209px;
}

#introcontent {
position:absolute;
top:215px;
width:600px;
height:280px;
}

#bottom {
width:600px;
height:41px;
}

/*
#bottom[id]{
background-image:url('layout/frame_bottomxx.png');
}
*/

#navigation {
  height:30px;
}

#step1nav{
display:block;
position:absolute;
left:475px;
}
#step2nav{
display:block;
position:absolute;
left:510px;
}
#step3nav{
display:block;
position:absolute;
left:545px;
}

.navbutton{
position:absolute;
top:7px;
width:21px;
height:21px;
text-align:center;
line-height:21px;
vertical-align:middle;
font-family:verdana;
font-weight:bold;
font-size:14px;
border:1px solid #444444;
cursor:pointer;
}

.selected{
background:#ed165c;
color:#ffffff;
}

.unselected{
background:#555555;
color:#777777;
}

#logininfo{
color:#000000;
font-size:12px;
}

#logininfo a{
text-decoration:none;
color:#000000;
font-size:12px;
font-weight:normal;
}

#introtext{
padding:0px 30px 0px 30px;
margin-top:0px;
text-align:center;
color:white;
font-size:12px;
}

.button{
width:146px;
height:27px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='newlayout/mainbtn.png');
/* Image size 278px by 56px, make sure numbers add up*/
font:Arial,Sans-Serif;
color:#FFFFFF;
padding-top:14px;
text-align:center;
margin-top:0;
margin-left: auto;
margin-right: auto;
cursor:pointer;
font-size:12px;
font-weight:normal;
}

.button[class] {
background-image:url('newlayout/mainbtn.png');
}



#beginbutton{
margin-top:10px;
margin-bottom:14px;
}

#uploaddiv{
margin-top:10px;
text-align:center;
}

/*ENDUSER: STEP2*/
#picturediv{
margin-left:40px;
margin-top:0px;
width:250px;
text-align:left;
}

#step2div{
position:absolute;
left:215px;
top:30px;
color:white;
width:225px;
font-size:12px;
}

#nextbutton{
position:absolute;
left:225px;
top:90px;
}

#step2touploadbutton{
position:absolute;
left:225px;
top:140px;
}

#examplebox{
position:absolute;
top:0px;
left:435px;
}
/*ENDUSER: STEP2*/

/*ENDUSER:STEP3*/
#step3div{
color:white;
margin-left:30px;
margin-top:0px;
padding-top:25px;
width:160px;
font-size:12px;
}

#step3tostep2button{
margin-left:30px;
margin-top:10px;
}
#step3touploadbutton{
margin-left:30px;
margin-top:5px;
}

#model {
border:1px solid white;
}

#modelwrapper{
position:absolute;
top:-22px;
left:215px;
width:361px;
height:236px;
text-align:center;
font-size:1px;
}
#modeldiv{
font-size:1px;
width:361px;
text-align:center;
vertical-align:middle;
}
