/* CSS Document */

/************************************************************************

	Site:		PNWTOR.com

	Author:		George Huff		[www.eleven3.com]  

	Client:		Pacific Northwest Title of Oregon		[http://www.pnwtor.com/]

	Listing Order:
	==============

	1 - Global
	2 - Structure/Layout
	3 - Left Column Styles
	4 - Sub Navigation
	5 - Left Navigation
	6 - Footer Navigation
	

************************************************************************/

/***********************************************************************
	1 - GLOBAL STYLES
************************************************************************/

div.leftColumn {
border: #ccc 1px solid;
width: 626px;
float: left;
margin-right: 5px;
padding-left: 5px;
padding-top: 5px;
padding-bottom: 38px;
}


h1.title {
background: url(../images/bar_green_subpage.gif) 0px 0px no-repeat;
color: #fff;
height: 30px;
padding-left: 16px;
padding-top: 16px;
text-transform: uppercase;
font-weight:normal;
font-size: 22px;
}

div.text {
border: #ccc 1px solid;
width: 626px;
float: left;
margin-right: 5px;
padding-left: 5px;
padding-top: 5px;
padding-bottom: 38px;
}

div.padding {
padding: 20px 20px 20px 15px;

}

blockquote {

}

div.stylized_box {
border: 1px dashed #ccc;
padding: 20px;
background: #F5F5F5;
margin-bottom: 20px;
}

div.stylized_box div.left {
width: 164px;
margin-bottom: 15px;
}

div.stylized_box div.right {
width: 164px;
padding-left: 20px;
border-left: 1px dashed #ccc;
margin-bottom: 15px;
}

div.stylized_box div.clear {
border-top: 1px dashed #ccc;
padding-top: 20px;
}

div.stylized_box div.no_content {
padding-top: 0px !important;
}

div.padding ol, div.padding ul {
margin-left: 15px;
margin-bottom: 10px;
}

div.text p {
margin-bottom: 10px;

}

/* CONTACT US PAGE */

div.leftFifty {
width: 265px;
margin-right: 33px;
float: left;
}

div.rightFifty {
width: 265px;
float: left;
}

div#accordion h3 {
	font-style: normal;
	padding: 10px 0px;
	font-size: 14px;
}

div#accordion h4 {
cursor: pointer;
font-size: 12px;
font-weight: normal;
}

div#accordion div.element {
padding-left: 10px;
}

h2.bumpdown {
padding-top: 10px;
}


/* GENERIC PAGES */

div.padding p {
margin-bottom: 15px;
}

div.padding h1 {
font-size: 18px;
font-weight: normal;
margin-bottom: 11px;
}

table.tableData {
margin-bottom: 20px;
}

table.tableData td {
padding-right: 30px;
vertical-align: top;
}

table.tableLines td {
padding-bottom: 10px;
padding-top: 10px;
border-bottom: #ddd 1px solid;
}

h2 {
font-size: 13px;
margin-bottom: 7px;
}

div.text ul {
margin-left: 20px;
margin-bottom: 20px;
}

div.text ul.orangeArrows {
margin-bottom:20px;
margin-left: 0;
}

div.text ul.orangeArrows ul {
list-style: none;
margin-left: 20px;
}

div.text ul.orangeArrows ul li {
margin-top: 8px;
}

div.text ul.orangeArrows ul.orangeArrows li {
margin-top: 0px;
}

div.line {
margin-top: 38px; 
}

div.line div.left {
width: 116px;
height: 100px;
float:left;
}

div.line div.left a {
display: block;
width: 100%;
height: 100%;
}
div.line div#portlandonline { background: url(../images/icon_PortlandOline.gif) 5px top no-repeat; }
div.line div#residential { background: url(../images/icon_residentialBrokers.jpg) 15px top no-repeat; }
div.line div#commercial { background: url(../images/icon_commercialBrokers.jpg) 15px top no-repeat; }
div.line div#busOpportunity { background: url(../images/icon_busOppurtunBrokers.jpg) 15px top no-repeat;  }
div.line div#reisource { background: url(../images/icon_ogoREI.gif) 5px top no-repeat; }
div.line div#pickAndClick {
	background-image: url(../images/PostcardsPluslogoSM.jpg);
	background-repeat: no-repeat;
	background-position: 5px top;
}
div.line div#metroMaps { background: url(../images/icon_metroMaps.gif) 20px top no-repeat; }
div.line div#ired { background:url(../images/icon_ired.gif) 5px top no-repeat; }
div.line div#portlandMaps { background:url(../images/icon_portlandMaps.gif) 5px top no-repeat; }
div.line div#profilePlus { background: url(../images/icon_dataQuick.gif) 5px top no-repeat; }
div.line div#expressCopy { background: url(../images/icon_expressCopy.gif) 15px top no-repeat; }
div.line div#buyerSellerResources { background: url(../images/BuyerSellerResourceIcon.jpg) 15px top no-repeat; }
div.line div#appexchange { background: url(../images/icon_apex.gif) 5px top no-repeat; }

/* SCHOOL LINKS */
div.line div#school_district_links { background: url(../images/School%20District%20Links.jpg) center top no-repeat; }
div.line div#school_report_cards { background: url(../images/School%20Report%20Cards.jpg) center top no-repeat; }
div.line div#school_phone_numbers { background: url(../images/School%20District%20Phone%20Numbers.jpg) center top no-repeat; }
div.line div#school_district_boundaries { background: url(../images/Portland%20Public%20Schools%20Boundaries.jpg) center top no-repeat; }
div.line div#west_linn { background: url(../images/West%20Linn%20Wilsonville%20Schools%20Boundaries.jpg) center top no-repeat; }

div.line div.right {
width: 485px;

}

div.line div.right h1 {
font-size: 18px;
font-weight: normal;
}

div.line div.right h1 a {
color: #555;
}

div.line div.right span {
font-size: 11px;
font-weight: normal;
}

div.line div.right span a {
color: #ff7e00;
}

div.line div.right p {
margin-bottom: 19px;
}



/* RESOURCES SECTION ON SUBPAGES */

div.resources {
border: #ccc 1px solid;
padding-bottom: 12px;
}

div.resources h2 {
background: url(../images/bar_orange_subpage.gif) 0 0 ;
color: #fff;
font-size: 14px;
text-transform: uppercase;
font-weight:normal;
height: 21px;
padding-top: 4px;
padding-left: 13px;
margin-bottom: 19px;
}

div.resources h3 {
font-size:12px;
margin-left: 24px;
margin-bottom: 6px;
}

div.resources p {
margin-left: 25px;

}
div.resources div.resourcesLeft {
float:left;
width: 40%;
border:none;
}

div.resources div.resourcesRight {
float:left;
width: 40%;
border:none;
}

div.resources ul.orangeArrows {
margin-left: 13px;
}

div.resources ul.orangeArrows li {
margin-bottom: 7px;
height: 1%;
}

div.resources div.logosWithDescription {
padding-left: 26px;
}

div.resources div.logosWithDescription img {
float: left;
margin-right: 26px;
}

/* FORMS */

div.form div.left {
width: 200px;
padding-right: 10px;
padding-bottom: 5px;
}

div.form div.right {
padding-bottom: 5px; 
}

div.form input.textfield {
background: url(../images/bg_input_calc.gif) left top repeat-x;
height: 14px;
border: 1px solid #ccc;

font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
color: #666;
padding-left: 3px;
padding-top: 3px;
padding-bottom: 2px;
}

div.form textarea {
background: url(../images/bg_input_calc.gif) left bottom repeat-x;
height: 80px;
border: 1px solid #ccc;

font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
color: #666;
padding-left: 3px;
padding-top: 3px;
padding-bottom: 2px;

height: 160px;  
width: 350px;
}
// textarea in email-form-page maybe others

div.form input.submit {
width: 60px;
}

div.form input.textfield:focus, div.form textarea:focus {
background-image: none;
background: #FFFFCC;
}

/***********************************************************************
	1 - CALCULATOR STYLES
************************************************************************/



div#calculator {
border: #ccc 1px solid;
}

div#calcLeft {
float: left;
width: 276px;
border-right: 1px solid #ccc;
padding: 18px;
height: 400px;
}

div#calcLeft input.textfield {
background: url(../images/bg_input_calc.gif) left top repeat-x;
height: 31px;
border: 1px solid #ccc;
width: 258px;
font-family: Arial, Helvetica, sans-serif;
font-size: 27px;
color: #666;
padding-left: 18px;
padding-top: 5px;
}

div#calcLeft input.textfield:focus {
background-image: none;
background: #FFFFCC;
}

div#calcLeft {
outline: none;
}

div#calcLeft div.row {
padding-bottom: 16px;
}

div#calcLeft h3 {
font-size: 17px;
font-weight: normal;
margin-bottom: 6px;
}

div#calcLeft em {
line-height: 100%;
display: block;
padding-bottom: 6px;
}


div#calcRight {
float: left;
width: 239px;
padding: 18px;


}

div#calcRight div.row {
border-bottom: 1px solid #ccc;
padding: 5px 1px;
}

div#calcRight div.bottom {
border: none;
padding-bottom: 20px;
}

div#calcRight div.row div.left {
width: 153px;
line-height: 110%;

}

div#calcRight div.row div.right {
width: 79px;
text-align: right;
color: #333;

font-size: 14px;
}


/***********************************************************************
	1 - ORDER FORM STYLES
************************************************************************/

div#orderLeft {
float: left;
width: 280px;
padding-right: 18px;
}

div#orderForm input.textfield {
background: url(../images/bg_input_calc.gif) left top repeat-x;
height: 14px;
border: 1px solid #ccc;

font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
color: #666;
padding-left: 3px;
padding-top: 3px;
padding-bottom: 2px;


}

div#orderForm textarea {
background: url(../images/bg_input_calc.gif) left bottom repeat-x;
height: 80px;
border: 1px solid #ccc;

font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
color: #666;
padding-left: 3px;
padding-top: 3px;
padding-bottom: 2px;

width: 168px;
}

div#orderForm input.textfield:focus, div#orderForm textarea:focus, div#orderForm select:focus {
background-image: none;
background: #FFFFCC;
}

div#orderForm select {
background: url(../images/bg_input_calc.gif) left top repeat-x;
border: 1px solid #ccc;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
color: #666;

padding: 2px 0px 3px 3px;
width: 168px;
}

div#orderForm option {
background: url(../images/bg_input_calc.gif) left top repeat-x;

}

div#orderRight {
float: left;
width: 274px;
padding-left: 18px;
border-left: 1px solid #ccc;
}

div#orderForm div.left {
width: 80px;
}

div#orderForm div.right {
float: right;
width: 168px;
}

div#orderForm div.right input.textfield {
width: 162px;
}

div#orderForm div.left input.textfield {
width: 70px;
}

div#orderForm div.row {
padding: 6px 0px;
border-bottom: 1px dashed #ccc;
padding-right: 10px;

}

div#orderForm div.bottom {
border-bottom: none;
}

div#orderForm input.button {
float: right;

}


/***********************************************************************
	1 - QUIZ STYLES
************************************************************************/

div#quizHeader {
border-bottom: 1px dashed #ccc;
padding-bottom: 20px;
}

div#quizHeader div.leftCol {
width: 270px;
float: left;
}

div#quizHeader div.rightCol {
width: 270px;
padding-left: 20px;
float: left;
border-left: 1px dashed #ccc;
}

div#quizHeader div.left {
width: 80px;
padding-right: 10px;
}

div#quizHeader div.right {

}

div#quizHeader div.row {
padding-bottom: 6px;
}

div#quizHeader input.textfield {
background: url(../images/bg_input_calc.gif) left top repeat-x;
height: 14px;
border: 1px solid #ccc;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
color: #666;
padding-left: 3px;
padding-top: 3px;
padding-bottom: 2px;
width: 150px;
}

div#quizHeader input.textfield:focus {
background-image: none;
background: #FFFFCC;
}

div#quizHeader select {
background: url(../images/bg_input_calc.gif) left top repeat-x;
border: 1px solid #ccc;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
color: #666;
padding: 2px 0px 3px 3px;
width: 168px;
}

div#quizHeader option {
background: #fff;
}

div#quiz {
padding-top: 20px;
border-bottom: 1px dashed #ccc;
padding-bottom: 20px;
}

div#quiz div.row {
padding: 6px 0px;
border-bottom: 1px dashed #ddd;
}

div#quiz div.row p {
padding-left: 10px;

}

div#quiz div.row:hover {
background: #FFFFCC;
}

div#quiz select {
font-size: 10px;
}

div#quizFooter {
padding-top: 20px;
}

div#quiz textarea {
background: #fff url(../images/bg_input_calc.gif) left bottom repeat-x;
height: 80px;
border: 1px solid #ccc;

font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
color: #666;
padding-left: 3px;
padding-top: 3px;
padding-bottom: 2px;
display: block;
height: 50px;
width: 350px;
}



/* Resource Links */

div.bigTitle h4 {
font-size: 14px;
padding: 3px 0px;
border-top: 1px dashed #ccc;
padding-left: 10px;
}

div.bigTitle h4:hover {
background: #FFFFCC;
}

div.bigTitle div.element {
padding-left: 0 !important;
padding-top: 5px;
margin-bottom: 5px;
overflow: hidden;
}

div.resourceLinks a {
float: left;
width: 163px;
padding-right: 20px;
color: #4d4d4d;
padding-left: 10px;
overflow: hidden;
display: block;
padding-bottom: 5px;
}

div.resourceLinks a:hover {
background: url(../images/arrow_orange.gif) 0px 2px no-repeat;
text-decoration: none;
}

/* Special Title Products */

table.special_title_products td {
border-bottom: 1px dotted #ccc;
padding: 8px 8px 8px 0px;
}