@CHARSET "UTF-8";
/* Site-wide Styles */
* {
     margin: 0 0;
     padding: 0 0;
}
html, body {
	background-image:url("/images/layout/GeneralBG.jpg");
	background-position: top ;
    font-family: Tahoma, Geneva, Sans-serif;
	font-size: 13px;
	font-weight: 400;
	color: #4B4B4B;
	line-height: 18px;	
}
a {
	text-decoration: none;
	font-weight: bold;
	color: #2DA6B7;
}
a img {
	border: none;
}
.adPreview {
	width: 130px; 
	height: 130px; 
	background-color: white; 
	border: 1px solid black; 
	padding: 5px;
}
.adPreviewContainer {
	position: relative; 
	top: -20px; 
	float: left;
}
.adPreviewContent {
	height: 75px; 
	width: 130px; 
	overflow: hidden;
}
.adPreviewTitle {
	font-weight: bold;
}
.bold {
	font-weight: bold;
}
#BottomMargin {
	position: absolute;
	top: 9px;
	left: 0px;
	width: 900px;
	background-image: url('/images/layout/shadowBG.png');	
}
#Browser {
	position: relative;
	width: 397px;
	height: 335px;
	background-image: url('/images/layout/generalImages.jpg');
	background-position: 0px -78px;
}
#BrowserBelow, #BrowserBelowSelected {
	display: block;
	position: absolute;
	left: 2px;
	top: 283px;
	width: 381px;
	height: 50px;
	text-align: center;
	line-height: 40px;
}
#BrowserBelow:hover, #BrowserBelowSelected {
	background-image: url('/images/layout/generalImages.jpg');
	background-position: 0px -411px;
}
#BrowserCenter, #BrowserCenterSelected {
	display: block;
	position: absolute;
	left: 86px;
	top: 99px;
	width: 215px;
	height: 167px;
	text-align: center;
	line-height: 167px;
}
#BrowserCenter:hover, #BrowserCenterSelected {
	background-image: url('/images/layout/generalImages.jpg');
	background-position: 0px -461px;
}
#BrowserLeft,#BrowserLeftSelected {
	display: block;
	position: absolute;
	left: 3px;
	top: 99px;
	width: 81px;
	height: 167px;
	text-align: center;
	line-height: 167px;
}
#BrowserLeft:hover, #BrowserLeftSelected {
	background-image: url('/images/layout/generalImages.jpg');
	background-position: 0px -461px;
}
#BrowserRight, #BrowserRightSelected {
	display: block;
	position: absolute;
	left: 303px;
	top: 99px;
	width: 80px;
	height: 167px;
	text-align: center;
	line-height: 167px;
}
#BrowserRight:hover, #BrowserRightSelected {
	background-image: url('/images/layout/generalImages.jpg');
	background-position: 0px -461px;
}
#BrowserTop, #BrowserTopSelected {
	display: block;
	position: absolute;
	left: 3px;
	top: 59px;
	width: 380px;
	height: 38px;
	text-align: center;
	line-height: 40px;
}
#BrowserTop:hover, #BrowserTopSelected {
	background-image: url('/images/layout/generalImages.jpg');
	background-position: 0px -411px;
}
.buttonBack {
	display: block;
	float: left;
	width: 91px;
	height: 28px;
	border: none;
	background-image: url('/images/layout/generalImages.jpg');
	background-position: -91px -21px;
}
.buttonBack:hover {
	background-position: -91px -49px;
}
.buttonBuildYourAd {
	display: block;
	position: absolute;
	left: 84px;
	top: 236px;
	border: none;
}
.buttonBuildYourAdMember {
	display: block;
	position: absolute;
	left: 110px;
	top: 200px;
	border: none;
}
.buttonCancel {
	display: block;
	float: left;
	width: 98px;
	height: 28px;
	border: none;
	background-image: url('/images/layout/generalImages.jpg');
	background-position: -600px -21px;
}
.buttonCancel:hover {
	background-position: -600px -49px;
}
.buttonClose {
	display: block;
	float: left;
	width: 91px;
	height: 28px;
	border: none;
	background-image: url('/images/layout/generalImages.jpg');
	background-position: -410px -21px;
}
.buttonClose:hover {
	background-position: -410px -49px;
}
.buttonContinue {
	width: 91px;
	height: 28px;
	border: none;
	background-image: url('/images/layout/generalImages.jpg');
	background-position: 0px -21px;
}
.buttonContinue:hover {
	background-position: 0px -49px;
}
.buttonCopy {
	display: block;
	float: left;
	width: 91px;
	height: 28px;
	border: none;
	background-image: url('/images/layout/generalImages.jpg');
	background-position: -182px -21px;
}
.buttonCopy:hover {
	background-position: -182px -49px;
}
.buttonEnter {
	width: 97px;
	height: 26px;
	border: none;
	background-image: url('/images/layout/homepageImages.jpg');
	background-position: 0px -144px;
}
.buttonEnter:hover {
	background-position: -98px -144px;
}
.buttonEnterContainer {
	display: block; 
	width: 112px; 
	height: 0px; 
	text-align: center;
}
.buttonGenerate {
	display: block;
	float: left;
	width: 140px;
	height: 28px;
	border: none;
	background-image: url('/images/layout/generalImages.jpg');
	background-position: -272px -21px;
}
.buttonGenerate:hover {
	background-position: -272px -49px;
}
.buttonGenerateCode {
	display: block;
	position: absolute;
	left: 494px;
	top: 195px;
	border: none;
}
.buttonGenerateCodeMember {
	display: block;
	position: absolute;
	left: 587px;
	top: 145px;
	border: none;
}
.buttonOk {
	display: block;
	float: left;
	width: 98px;
	height: 28px;
	border: none;
	background-image: url('/images/layout/generalImages.jpg');
	background-position: -502px -21px;
}
.buttonOk:hover {
	background-position: -502px -49px;
}
.buttonRegister {
	display: block;
	position: absolute;
	left: 821px;
	top: 225px;
	border: none;	
}
.categoriesLeft {
	float: left;
	width: 365px;
}
.categoriesRight {
	float: left;
	border-left: solid 1px #BCC8D4;
	width: 450px;
	padding-left: 25px;
}
.categoriesTableTd {
	width: 175px;
	vertical-align: top;
}
#Container {
	position: relative;
	top: 24px;
    width: 900px;
	margin: 0 auto;
	text-align:left;
}
#Content {
	min-height: 425px !important;
	padding-left: 45px;
	padding-top: 3px;
	padding-bottom: 30px;
	background-image: url('/images/layout/GeneralBG.png');
	background-repeat: repeat-x;
	background-position: bottom;
}
#ContentMember {
	position: relative;
	width: 900px;
	height: 465px;
	padding-bottom: 15px;
	background-image: url('/images/layout/BottomBG.png');
	background-repeat: repeat-x;
	background-position: bottom;
}
#ContentMemberInner {
	position: absolute;
	width: 900px;
	height: 312px;
	top: 3px;
	background-image: url('/images/layout/memberImages.jpg');
}
#ContentMemberTop {
	position: absolute;
	width: 671px;
	height: 90px;
	left: 229px;
	top: -87px;
	background-image: url('/images/layout/memberTop.jpg');
	z-index: 900;
}
.contentText {
	width: 95%;
	padding-top: 10px;
	padding-bottom: 30px;
}
#ContentWelcome {
	position: relative;
	width: 900px;
	height: 465px;
	padding-bottom: 15px;
	background-image: url('/images/layout/BottomBG.png');
	background-repeat: repeat-x;
	background-position: bottom;	
}
.contentWelcomeHand {
	position: absolute;
	left: 227px;
	top: -38px;
	width: 144px;
	height: 41px;
	background-image: url('/images/layout/topHand.gif');
	z-index: 100;
}
#ContentWelcomeInner {
	position: absolute;
	width: 900px;
	height: 432px;
	background-image: url('/images/layout/welcomeImages.jpg');
	background-repeat: no-repeat;
	clear: both;
}
#ContentWelcomeText {
	position: absolute;
	top: 350px;
	padding-left: 35px;
}
.controlButtons {
	margin-left: 312px;
}
.error {
	color: red;
}
.floatRight {
	float: right;
}
#Footer {
	width: 900px;
	height: 30px;
	text-align: center;
	color: #FFFFFF;
	font-size: 0.8em;
}
#Footer a {
	color: #FFFFFF;
}
#Footer a:hover {
	text-decoration: underline;
}
#Frame120x670, #Frame120x670Selected {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 87px;
	height: 297px;
	background-image: url('/images/layout/generalImages.jpg');
	background-position: -397px -80px;
	border: 1px solid black;
	text-align: center;
	line-height: 297px;
}
#Frame120x670:hover, #Frame120x670Selected {
	background-position: -484px -80px;
}
#Frame120x670_disabled {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 87px;
	height: 297px;
	background-image: url('/images/layout/generalImages.jpg');
	background-position: -397px -80px;
	border: 1px solid black;
	text-align: center;
	line-height: 297px;
}
#Frame430x280, #Frame430x280Selected {
	position: absolute;
	left: 100px;
	top: 0px;
	width: 198px;
	height: 129px;
	background-image: url('/images/layout/generalImages.jpg');
	background-position: -572px -80px;
	border: 1px solid black;
	text-align: center;
	line-height: 130px;
}
#Frame430x280:hover, #Frame430x280Selected {
	background-position: -572px -209px;
}
#Frame430x280_disabled {
	position: absolute;
	left: 100px;
	top: 0px;
	width: 198px;
	height: 129px;
	background-image: url('/images/layout/generalImages.jpg');
	background-position: -572px -80px;
	border: 1px solid black;
	text-align: center;
	line-height: 130px;
}
#Frame640x190, #Frame640x190Selected {
	position: absolute;
	left: 310px;
	top: 0px;
	width: 296px;
	height: 88px;
	background-image: url('/images/layout/generalImages.jpg');
	background-position: -572px -339px;
	border: 1px solid black;
	text-align: center;
	line-height: 88px;
}
#Frame640x190:hover, #Frame640x190Selected {
	background-position: -572px -427px;
}
#Frame640x190_disabled {
	position: absolute;
	left: 310px;
	top: 0px;
	width: 296px;
	height: 88px;
	background-image: url('/images/layout/generalImages.jpg');
	background-position: -572px -339px;
	border: 1px solid black;
	text-align: center;
	line-height: 88px;
}
#Frame790x90, #Frame790x90Selected {
	position: absolute;
	left: 150px;
	top: 159px;
	width: 367px;
	height: 40px;
	background-image: url('/images/layout/generalImages.jpg');
	background-position: -397px -516px;
	border: 1px solid black;
	text-align: center;
	line-height: 40px;
}
#Frame790x90:hover, #Frame790x90Selected {
	background-position: -397px -556px;
}
#Frame790x90_disabled {
	position: absolute;
	left: 150px;
	top: 159px;
	width: 367px;
	height: 40px;
	background-image: url('/images/layout/generalImages.jpg');
	background-position: -397px -516px;
	border: 1px solid black;
	text-align: center;
	line-height: 40px;
}
#Frames {
	position: relative;
	width: 620px;
	height: 310px;
}
#Header {
	width: 900px;
	height: 87px;
	background-image: url('/images/layout/underlogoBG.gif');
	z-index: 1;
}
#Inner {
	top: 27px;
	left: 0px;
	min-height: 548px;
	width: 900px;
}
.item1 {
	display: block;
	float: left;
	width: 16px;
	height: 16px;
	background-image: url('/images/layout/generalImages.jpg');
}
.item2 {
	display: block;
	float: left;
	width: 16px;
	height: 16px;
	background-image: url('/images/layout/generalImages.jpg');
	background-position: -32px 0px;
}
.item3 {
	display: block;
	float: left;
	width: 16px;
	height: 16px;
	background-image: url('/images/layout/generalImages.jpg');
	background-position: -64px 0px;
}
.item4 {
	display: block;
	float: left;
	width: 16px;
	height: 16px;
	background-image: url('/images/layout/generalImages.jpg');
	background-position: -64px 0px;
}
#Logo {
	position: aboslute;
	width: 229px;
	height: 90px;
	background-image: url('/images/layout/homepageImages.jpg');
}
#Logo a {
	display: block;
	width: 165px;
	height: 85px;
	margin-left: 75px;
	font-size: 0px;
}
#MenuContainer {
	width: 858px;
	height: 27px;
	margin-left: 42px;
	background-color: white;
}
#Menu {
	width: 855px;
	margin-left: 3px;
	background-color: #7EB72A;
	color: white;
	font-size: 0.9em;
	text-align: right;
	line-height: 24px;
}
.menuItem, .menuItemStart {
	border-right: 1px solid #53771D;
	padding: 0px 20px;
}
.menuItem a {
	color: white;
}
.menuItemLast {
	padding: 0px 20px;
}
.menuItemLast a {
	color: white;
}
.menuItem:hover, .menuItemLast:hover {
	text-decoration: underline;
}
.menuWelcome {
	float: left;
	margin-left: 10px;
}
#Overlay {
	position: fixed;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	background-color: #000000;
	z-index: 500
}
#ProgressBar {
	position: relative;
	left: -3px;
	background-color: #FFFFFF;
	max-width: 550px;
	height: 24px;
	line-height: 24px;
	padding-left: 3px;
}
.step {
	display: block;
	float: left;
	width: 16px;
	height: 16px;
	margin-top: 4px;
	background-image: url('/images/layout/generalImages.jpg');
}
.stepStage {
	display: block;
	float: left;
	margin-right: 10px;
	height: 16px;
	font-weight: bold;
	font-size: 1.1em;
}
.stepText {
	display: block;
	float: left;
	font-weight: bold;
	font-size: 0.85em;
	padding-left: 5px;
}
.st1off {
	background-position: -16px 0px;
}
.st2 {
	margin-left: 20px;
	background-position: -32px 0px;
}
.st2off {
	margin-left: 20px;
	background-position: -48px 0px;
}
.st3 {
	margin-left: 20px;
	background-position: -64px 0px;
}
.st3off {
	margin-left: 20px;
	background-position: -80px 0px;
}
.st4 {
	margin-left: 20px;
	background-position: -96px 0px;
}
.st4off {
	margin-left: 20px;
	background-position: -112px 0px;
}
.subtitle {
	display: block;
	padding-top: 5px;
	font-size: 0.9em;
}
#TakeCode {
	width: 575px;
	height: 280px;
	background-color: #FFFFFF;
	border: 1px solid #7EB72A;
	padding-left: 15px;
	color: #000000;
}
.tall {
	margin-bottom: 20px;	
}
.textLink {
	color: #2CA5B6;
}
.title {
	display: block;
	line-height: 16px;
	margin-top: 20px;
	font-weight: bold;
	font-size: 1.15em;
}
#UserPrompt {
	position: fixed;
	width: 432px;
	height: 368px;
	margin:-200px 0px 0px -216px;
	opacity: 1;
	z-index: 550;
	background-image: url('/images/layout/UserPromptBG.png');
	left: 50%;
	top: 50%;
}
.underline {
	text-decoration: underline; 
}
.UserPrompotDomain {
	float: left;
	width: 100%;
}
.UserPrompotDomainAdd {
	display: block;
	float: left;
	width: 18px;
	height: 20px;
	margin: 1px 0px 0px 5px;
	background-image: url('/images/layout/generalImages.jpg');
	background-position: -191px 0px;
}
.UserPrompotDomainDelete {
	display: block;
	float: right;
	width: 18px;
	height: 20px;
	margin-right: 1px;
	background-image: url('/images/layout/generalImages.jpg');
	background-position: -172px 0px;
}
#UserPrompotDomainsDiv {
	width: 212px;
	height: 90px;
	margin-left: 150px;
	overflow: auto;
}
.UserPromptElementFieldset {
	display: block;
	height: 25px;
	line-height: 25px;
	clear: both;
}
.UserPromptElementLabel {
	display: block;
	float: left;
	width: 150px;
}
.UserPromptFloatLeft {
	float: left; 
}
#UserPromptFormControls {
	margin-left: 90px;
}
.UserPromptFormDescription {
	height: 10px; 
	line-height: 5px; 
	font-size: 9px;
}
#UserPrompotFormDiv {
	width: 428px;
	height: 313px;
	margin-left: 2px;
	margin-top: 3px;
	padding-top: 20px;
	background-color: #F1F1F1;
}
.UserPrompotFormInnerDiv {
	height: 253px;
	margin-left: 30px;
}
#UserPromptHeader {
	width: 432px;
	height: 32px;
	background-image: url('/images/layout/topBG.gif');
	line-height: 32px;
}
.UserPrompotHeaderClose {
	display: block;
	float: right;
	width: 16px;
	height: 16px;
	margin-top: 8px;
	margin-right: 8px;
	background-image: url('/images/layout/generalImages.jpg');
	background-position: -156px -0px;
}
.UserPromptHeaderTitle {
	display: block;
	float: left;
	color: #FFFFFF;
	font-size: 1.4em;
	padding-left: 10px;
}
#UserPromptLogin {
	width: 368px;
	text-align: center;
	font-size: 0.8em;
}
/* End of Site-wide Styles */


/* Start of Colour Definitions */
.azure a {
	color: #FFDD00;
}
.black {
	color: #000000;
}
.green {
	color: #5C8F16;
}
.grey {
	color: #4B4B4B;
	font-weight: normal;
}
.red {
	color: #BC0501
}
.white {
	color: #FFFFFF;
}
/* End of Colour Definitions */


/* Start of Forms Styles */
.ColourIndicator {
	display: block; 
	float: left; 
	width: 18px; 
	height: 18px; 
	margin-left: 10px; 
	background-image:url('/images/layout/colourChecker.png');
}
.fieldset {
	padding-bottom: 10px;
}
.form {
	font-size: 0.85em;
	min-height: 250px;
	float: left;
}
.formNarrow {
	width: 400px; 
	float: left;
}
.formShort {
	font-size: 0.85em;
}
.formDescription {
	font-weight: normal;
	font-size: 0.9em;
}
.formErrors {
	display: block;
}
.formInput {
	display: block;
	float: left;
}
.formLabel {
	display: block;
	width: 120px;
	float: left;
	font-weight: bold;
	line-height: 12px;
}
.formLabelWide {
	display: block;
	width: 150px;
	float: left;
	font-weight: bold;
	line-height: 12px;
}
input, select {
	width: 186px;
	height: 17px;
	border: 1px solid #C1C1C1;
	font-size: 1em;
}
input[type='checkbox'] {
	width: auto;
	margin-top: 3px;
	border: none;
}
.narrow {
	width: 112px;
}
.selectOption {
	display: block;
	height: 18px;
	padding-left: 2px;
	font-size: 0.85em;
	font-weight: normal;
	color: black;
}
.selectOption:hover {
	background-color: #49B3C0;
}
.tableBordered {
	border: 1px solid black;
}
.tableBordered td {
	padding: 5px;
	border: 1px solid black;
}
textarea {
	width: 186px;
	height: 75px;
	border: 1px solid #C1C1C1;
	font-family: Tahoma, Geneva, Sans-serif;
	font-size: 1em;
	overflow: hidden;
}
.TextSelect {
	float: left;
	width: 98px;
}
.TextSelectWide {
	float: left;
	width: 198px;
	font-family: Tahoma, Geneva, Sans-serif;
}
.TextSelector, .TextSelectorOn {
	display: block;
	float: left;
	position: relative;
	left: -13px;
	top: 1px;
	width: 12px;
	height: 16px;
	background-image: url('/images/layout/generalImages.jpg');
	background-position: -130px 1px;
}
.TextSelectorOn {
	background-position: -142px 1px;
}
/* Start of Forms Styles */


/* Homepage Specific Styles */
.communityMembers {
	float: left;
	margin-left: 35px;
	width: 226px;
	height: 320px;
	margin-bottom: 24px;
	padding-right: 24px;
	border-right: 1px solid #a8b3bd;
}
#HomepageBanner {
	position: relative;
	width: 900px;
	height: 292px;
	background-image: url('/images/layout/homepageImages.jpg');
	background-position: 0px -170px;
	list-style: none;
	z-index: -7;
}
#HomepageContent {
	width: 900px;
	min-height: 640px !important;
	background-image: url('/images/layout/BottomBG.png');
	background-repeat: repeat-x;
	background-position: bottom;
	padding-bottom: 30px;
}
#HomepageFlash {
	position: relative;
	width: 900px;
	height: 292px;
}
#HomepageLearnHow {
	position: absolute;
	top: 195px;
	left: 150px;
	width: 185px;
	height: 50px;
	background-image: url('/images/layout/homepageImages.jpg');
	background-position: 0px -92px;
}
#HomepageLearnHow:hover {
	background-position: -186px -92px;
}
#HomepageLearnHow a {
	display: block;
	width: 185px;
	height: 50px;
	font-weight: bold;
}
.homepageText {
	margin-top: 10px;
	padding-left: 28px;
}
.homepageTitle {
	display: block;
	height: 10px;
	color: black;
	font-size: 14px;
}
.login {
	float: left;
	width: 116px;
	margin-left: 24px;
}
.whoWeAre {
	float: left;
	width: 391px;
	height: 320px;
	margin-bottom: 24px;
	padding-right: 24px;
	border-right: 1px solid #a8b3bd;
}
/* End of Homepage Styles */