/* -------------------------------------------------------------- 
  
   Boilerplate Screen Styles
   * Version:   0.5 (2007-11-19)
   
-------------------------------------------------------------- */
@import "lib/reset.css";

@import "lib/typography.css";

@import "lib/forms.css";

@import "lib/plugins/tabs.css";

/* Site
-------------------------------------------------------------- */
	/* Put your site styles here */
body {
	margin: 0px;
}

#page {
	width: 900px;
	margin: 0 auto;
}
.error { color:red; font-weight:bold; }
.middle {
	text-align: center;
}

.bold {
	font-weight: bold;
}

.clickable {
	cursor: pointer;
}
.submit {
	background-color: #ffebc5;
	border: solid 1px #ff8a00;
	color: black;
	padding: 3px;
	padding-left: 15px;
	padding-right: 15px;
	font-weight: bold;
	cursor: pointer;
}
.submit:hover, .submit:focus {
	border: solid 1px #ff8a00;
	color: white;
	background-color: #ff8a00;
}
textarea {
	font-size: 12px;
}
input, textarea, select {
	border: solid 2px #ffdc9a;
}
input:hover, textarea:hover, input:focus, textarea:focus, select:hover, select:focus {
	border: solid 2px #ff8a00;
}
td { border:0px; }
div.section { margin: 0 auto; padding-top: 30px; font-size:1.2em; }
div.tab {  border: dotted 1px black; border-bottom: 0px; background-color: #e1f7ff; padding: 5px; font-weight: bold; font-size: 1.2em; text-align: center; }
div.body { border: dotted 1px black; }
div.body div.info { text-align:center; padding:10px; }
div.body div.form { background-color: #e1f7ff; padding: 10px; }
div.body div.footer { padding:10px; }
div.content-header { font-weight:bold; font-size:15px; color:#383838; border-bottom:solid 1px gray; padding:3px; width:85%; }
div.content-caption { font-size:0.9em; font-style:italic; margin-top:5px; }
div.sociable li { list-style:none; }

/* header */
#header {
	margin-top: 10px;
}

#header-logo {
	width: 450px;
	float: left;
}

#header-links {
	width: 400px;
	text-align: right;
	float: left;
	font-family: Consolas, Arial, Serif;
}

#header-links a, #thin-header-links a {
	color: #565656;
	font-weight: bold;
}
#yglThinHeader {
	text-align: center;
	height: 40px;
	margin-bottom: 50px;
}
#thin-header-logo { width: 500px; }
#thin-header-links { text-align: right; font-family: Consolas, Arial, Serif; vertical-align:top; }
#start-up-header  
{ 
	text-align:right; 
	font-weight:bold; 
	font-size:20px; 
	padding-right:70px; 
	background-image: url('../startup/images/startup-header-back.gif');
	background-repeat: repeat-y; 
	height:35px;
}

/* Homepage */
#home-main-section {
	padding-top: 50px;
	width: 450px;
	margin: 0 auto;
}

#home-main-section-tab {
	width: 125px;
	margin-left: 313px;
	border: dotted 1px black;
	border-bottom: 0px;
	background-color: #e1f7ff;
	padding: 5px;
}

#home-main-section-tab a {
	color: #1b80af;
}

#home-main-section-tab :hover {
	background-color: #ffebc5;
}

#home-main-section-box {
	border: dotted 1px black;
	padding: 20px;
}

#home-db-icon {
	float: left;
	width: 150px;
}

#home-paragraph1 {
	float: left :   width : 330px;
}

#home-features-section {
	margin-top: 40px;
}

#home-features-col1,#home-features-col2,#home-features-col3 {
	float: left;
	width: 300px;
}

#home-search-apartments {
	padding: 5px;
	border: dotted 1px black;
	width: 200px;
	text-align: center;
}

#home-search-apartments a {
	color: #ff7200;
	text-decoration: underline;
}

#home-search-apartments a:hover {
	color: #1b80af;
}

.home-title {
	font-size: 16px;
	font-weight: bold;
	color: #1b80af;
	padding-top: 13px;
}

.home-feature {
	margin-top: 30px;
	height: 110px;
}

.home-feature-title-icon {
	float: left;
	width: 55px;
}

.home-feature-title-text,.home-func-title-text {
	float: left;
	padding: 5px;
	width: 125px;
	margin-top: 5px;
}

.home-feature-title-text {
	background-color: #e1f7ff;
}

.home-func-title-text {
	background-color: #ffebc5;
}

.home-feature-description {
	margin-top: 7px;
	width: 225px;
}

/* Contact Us, Request Demo */
#contact-us-section,#demo-section {
	width: 450px;
	margin: 0 auto;
	padding-top: 30px;
}

#contact-us-tab,#demo-tab {
	width: 125px;
	border: dotted 1px black;
	border-bottom: 0px;
	background-color: #e1f7ff;
	padding: 5px;
	font-weight: bold;
	font-size: 1.2em;
	text-align: center;
}

#contact-us-body,#demo-body {
	border: dotted 1px black;
}

#contact-us-info {
	padding: 10px;
	margin-top: 15px;
	font-size: 11px;
	color: gray;
	padding-bottom: 20px;
}

#demo-info {
	padding: 10px;
	padding-top: 20px;
	padding-bottom: 20px;
}

#contact-us-info .title {
	color: orange;
	font-weight: bold;
}

#demo-form,#contact-us-form {
	background-color: #e1f7ff;
	padding: 10px;
}

#contact-us-body table,#demo-body table {
	margin: 20px;
}

#contact-us-body td,#demo-body td {
	padding: 5px;
}

#contact-us-body hr,#demo-body hr {
	height: 1px;
	color: #e1f7ff;
	background-color: #e1f7ff;
	border: 0px;
}

/* Renew */
#creditContainer td { vertical-align:middle; }
#checkContainer td { vertical-align:top; }

/* Sign Up */
#sign-up-left-column { float:left; width:400px; padding:5px; }
#sign-up-right-column { float:left; width:250px; padding:5px; }
#sign-up-features { margin-top:20px; }
#sign-up-features td { padding-top:12px; padding-bottom:12px; vertical-align:middle;  }
#sign-up-features td.image-icon { text-align:center; }
#sign-up-features td.image-bullet { font-weight:bold; font-size:13px; font-family:Consolas, Arial, Serif; }

/* Start Up Guide */
#start-up-main { width:800px; margin:0 auto; border-collapse: separate; border-spacing: 0px; margin-top:40px; padding:0px; font-size:1.2em; }
#start-up-main td { padding:0px;  }
#start-up-main div.tab { text-align:center; font-weight:bold; font-size:13px; width:140px; cursor:pointer; }
#start-up-main div.inactive { border:solid 2px white; background-color: #ffeac2;  }
#start-up-main div.spacer { padding: 6px 10px 6px 10px; }
#start-up-main div.inactive:hover, #start-up-main div.active { background-color: #00bbff; color:white; border:solid 2px #00bbff; font-style:italic; }
#start-up-main td.content { border:solid 1px #00bbff; width:660px; }
#start-up-main td.content div.spacer { padding:10px; }
#start-up-main .header { text-align:center; }
#start-up-main ul { list-style-type:decimal; padding-left:20px; }
#start-up-main li { padding-top:6px; padding-bottom:6px; }
#start-up-main h5 { margin-bottom:0px; } 
#start-up-continue { text-align:center; margin-top:20px; }

/* Footer */
#footer {
	margin-top: 100px;
	border-top: solid 1px gray;
	padding: 10px;
	text-align: right;
}