﻿body 
{
    width:100%;
    height:100%;
    margin:0;
    padding:0;
    font-family:Arial;
    font-size:12pt;
}

#Container { width:100%; margin:100px auto 0px auto; }
#Header { width: 630px; margin: 0 auto; }
#Header a, #Header img { border: none; }
#Footer { width: 630px; margin: 3px auto; font-size:0.7em; color: #27598c; }
#Footer a { color: #1c4065; font-weight:bold; text-decoration: none; }
#Body { background: transparent url(../../Images/Background.gif) repeat-x; width:100%; height: 294px; overflow: hidden; }
#Content {background: transparent url(../../Images/ProductImage.gif) no-repeat top left; width: 630px; height: 294px; margin: 0 auto; }
#ProductInfo { position:relative; background: transparent url(../../Images/ProductText.gif) no-repeat top left; width:464px; height: 294px; left: 166px;  }
#ButtonContainer { position:relative; top: 208px; color:White; }

#Body a { color: White; text-decoration: none; }
#ButtonTable { position:relative; top: 25px; left: 40px; }
div.Button { position:relative; background: transparent url(../../Images/ButtonBackground.gif) no-repeat top left; width: 143px; height: 42px; font-size: 1.1em; text-indent: 10px;}
div.Button img { border: none; position: relative; margin: 3px; }
div.Button .ButtonText { position:absolute; left: 30px; margin:3px; }

#RegistrationBody { width: 630px; margin: 0 auto; padding: 3.5em 0; color: #454545; border-top: solid 1px #27598c; border-bottom: solid 1px #27598c; }
#ScreenshotContainer { position:relative; width: 450px; margin: 50px auto; font-size:0.8em; color: #656565; }
#ScreenshotContainer img { float: left; }
#ScreenshotContainer span { position:relative; top: 20px;}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	RegistrationForm
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.RegistrationForm {
	width:90%;
	margin: 0 auto;
	color:Black;
	background-color:#e5e5dc;
	font-size:.8em;
	border:solid 1px #26598c;
}

.RegistrationFormRow
{  
    clear:both;
    width:100%;
    position:relative;
    margin: 4px;
    padding: 1px;
}

.RegistrationFormHeader
{
    width:100%;
	border-bottom:solid 1px #707070;
	color:white;
	font:Arial;
	background: #26598c url(../../Images/Pencil.png) no-repeat 2px 2px;
	padding: 3px 0px 3px 0px;
	text-indent:16px;
	font-size:1.1em;
	font-weight:bold;
	text-align:left;
}

.RegistrationFormLabel 
{
    position:absolute;
    top:0px;
    left:0px;
    width: 150px;
    text-align: left;
	padding-left:10px;
	color: #454545;
}

.RegistrationFormEntry {
    position:absolute;
    top:0px;
    left: 175px;
    width: 400px;
    text-align: left;
}

.RegistrationFormButton {
    position:absolute;
    top:0px;
    right: 25px;    
    text-align: right;
}

.RegistrationFormButton a
{
    border: none;
    cursor: pointer;
    color: #26598c;
    font-weight:bold; 
    text-decoration: none;
}
.RegistrationFormButton img 
{ 
    border: none;
    position:relative;
    vertical-align: middle;
}

.RegistrationFormEntry textarea, 
.RegistrationFormEntry input, 
.RegistrationFormEntry select
{
    width:300px;
}
.RegistrationFormEntryTextArea { position:relative; height:100px; }
