/*Global table elements and home page ---------------------------------------------------------------------------------*/


* {
padding:0px;
margin:0px;
}

body {
	text-align: center;
	font-size:0.7em;
	}

h1 {
background:url(wip/images/consultation_logo.gif) left top no-repeat;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
color:#ffffff;
font-size:0.1em;
height:38px;
width:247px;
position:relative;
}

h1 a {
position:absolute;
left:0px;
top:0px;
height:38px;
width:247px;
color:#ffffff;
text-decoration:none;
}

h2 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.2em;
font-weight:bold;
color:#FC8E0D;
padding-top:20px;
padding-left:20px;
}

h2.search { 
width:230px;
height:12px;
background:url(wip/images/search_consultations.gif) left top no-repeat;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
color:#F0F0F0;
font-size:0.1em;
}

h2.told { 
width:230px;
background:url(wip/images/you_told_us.gif) left top no-repeat;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
color:#F0F0F0;
font-size:0.1em;
}

h3  {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#1f9681;
}

h3.one {
width:217px;
height:26px;
background:url(wip/images/h3_one.gif) left top no-repeat;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
color:#ffffff;
font-size:0.1em;
}

h3.two {
width:217px;
height:26px;
background:url(wip/images/h3_two.gif) left top no-repeat;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
color:#F0F0F0;
font-size:0.1em;
}

h3.three {
width:217px;
height:26px;
background:url(wip/images/h3_three.gif) left top no-repeat;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
color:#F0F0F0;
font-size:0.1em;
}

h3.four {
width:217px;
height:26px;
background:url(wip/images/h3_four.gif) left top no-repeat;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
color:#F0F0F0;
font-size:0.1em;
}

h3.five {
width:217px;
height:26px;
background:url(wip/images/h3_five.gif) left top no-repeat;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
color:#F0F0F0;
font-size:0.1em;
}

h3.help {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#1f9681;
/*font-size:0.7em; */
padding-top:30px;
}

p {
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
color:#737373;
text-align:justify;
width:315px;
padding-bottom:5px;
}


a img {
border-style:none;
}

p a, td a {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#FC8E0D;
text-align:left;
width:315px;
text-decoration:underline;
}


#headerLinks a {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#FC8E0D;
text-align:left;
width:240px;
text-decoration:underline;
}

p a:hover, p a:active, p a:focus {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#FC8E0D;
background-color:#FCF4E6;
}

li {
list-style:none;
background:url(wip/images/list_item.gif) left top no-repeat;
padding:0px 0px 0px 20px;
}

li a {
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
color:#1f9681;
text-align:left;
width:240px;
text-decoration:underline;
}

li a:hover, li a:active, li a:focus {
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
color:#1f9681;
background-color:#D6EFE7;
}

ul {
padding-bottom:10px;
}


#outer {
margin:10px auto 0px auto;
width:800px;
height: auto !important;
height: 600px;
min-height:600px;
text-align: left;
}

#inner {
padding:10px 0px 10px 10px;
float:left;
width:800px;
border:1px solid #1F9681;
height: auto !important;
height: 600px;
min-height:600px;
background:url(wip/images/main_bg.gif) left top no-repeat;
}



#outerHeader {
height:50px;
width:800px;
text-align:right;
}

#footer {
height:20px;
width:800px;
text-align:right;
clear: both;
}

#innerHeader {
height:50px;
width:700px;
text-align:left;
}

#headerLinks {
float:left;
padding-top:13px;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
color:#1f9681;
}

#left {
padding-left:15px;
float:left;
width:320px;
height: auto !important;
height: 500px;
min-height:500px;
background:url(wip/images/con_sult.gif) top left no-repeat;
}

#leftOne {
float:left;
width:320px;
height: auto !important;
height: 250px;
min-height:250px;
border: 1px solid #737373;
padding-left:20px;
padding-right:20px;
padding-top:10px;
background: #F0F0F0;
}

#leftTwo {
margin-top:15px;
float:left;
width:320px;
height: auto !important;
height: 240px;
min-height:240px;
border: 1px solid #737373;
padding-left:20px;
padding-right:20px;
padding-top:10px;
background: #F0F0F0;
}

#leftThree { 
margin-top:15px; 
float:left; 
width:320px; 
height: auto !important; 
height: 110px; 
min-height:110px; 
border: 1px solid #737373; 
padding-left:20px; 
padding-right:20px; 
padding-top:10px; 
background: #F0F0F0; 
}

#leftFive {
float:left;
margin-top:20px;
margin-bottom:30px;
height: auto !important;
height:100px;
min-height:100px;
}

#searchBox, #toldBox {
margin-bottom:20px;
margin-top:10px;
height: auto !important;
height:100px;
min-height:100px;
width:240px;
padding-bottom:0px;
}


#searchBoxText, #toldBoxText {
height: auto !important;
height:60px;
min-height:60px;
}

#searchBoxText {
height: auto !important;
height:30px;
min-height:30px;
width:300px;
border:1px solid #1f9681;
background-color:#D6EFE7;
padding:5px;
margin:0px 0px 10px 0px;
}

#searchBoxTextPage {
height: auto !important;
height:30px;
min-height:30px;
width:300px;
border:1px solid #1f9681;
background-color:#D6EFE7;
padding:5px;
margin:20px 0px 10px 20px;
}


#youWanted, #weDid {
height: auto !important;
height:30px;
min-height:30px;
width:300px;
border:1px solid #1f9681;
background-color:#D6EFE7;
padding:5px;
margin:10px 0px 10px 0px;
}
#youWanted p, #weDid p {
width:245px;

}
#youWanted p {
font-weight:bold;

}

#weDid a {
color:#737373;

}


#searchBoxText .homeLegend {
display:block;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
color:#737373;
}

#right {
float:right;
width:320px;
height: auto !important;
height: 500px;
min-height:500px;
margin:0px 15px 0px 0px;
}

#rightOne, #rightTwo, #rightThree, #rightFour {
margin-bottom:30px;
height: auto !important;
height:100px;
min-height:100px;
}

#rightOneText, #rightTwoText, #rightThreeText, #rightFourText, #leftFiveText {
height: auto !important;
height:60px;
min-height:60px;
border-bottom:1px solid #737373;
border-left:1px solid #737373;
padding-left:30px;
padding-bottom:10px;
}


/*Level 2 pages------------------------------------------------------------------------------------------------------*/
#level2Main {
float:left;
width:550px;
height: auto!important;
height:550px;
min-height:550px;
border:1px solid #979797;
background: #F0F0F0;
}

#level2Menu {
float:left;
height: auto!important;
height:200px;
min-height:200px;
}

#level2Menu ul {
list-style:none;
background:url(none);
width:200px;
}

#level2Menu li {
list-style:none;
background:url(none);
padding:0px 0px 0px 0px;

}

#level2Menu li a {
background:transparent;

}


#level2Menu li a:hover, #level2Menu li a:active, #level2Menu li a:focus {
background:transparent;

}


#level2Menu p {
width:200px;
color:#ffffff;
}

#level2Menu a {
clear:both;
}

#level2Main p {
width:500px;
padding:20px 20px;
/*font-size:0.7em; */
}


caption {
/*font-size:0.7em; */
color:#E7F3F1;
}

table {
width:510px;
margin-left:20px;
margin-right:10px;
margin-top:20px;
border-collapse: collapse;
background:#E8F4F0;
}

#outerHeader table {
width:510px;
margin-left:20px;
margin-right:10px;
margin-top:20px;
border-collapse: collapse;
border : 1px solid #ffffff;
background:#ffffff;
}

th {
font-family:Arial, Helvetica, sans-serif;
/*font-size:0.7em; */
color:#147475;
border : 1px solid #1f9681;
padding:5px 5px;
text-align:center;
background-color:#BCD6D2;
}

td {
border : 1px solid #1f9681;
padding:5px 5px;
font-family:Arial, Helvetica, sans-serif;
color:#147475;
/*font-size:0.7em; */
}

#headerLinks td {
border : 1px solid #ffffff;
padding:5px 5px;
font-family:Arial, Helvetica, sans-serif;
color:#147475;
}

#headerLinks td a:hover, #headerLinks td a:focus, #headerLinks td a:active {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#FC8E0D;
background-color:#FCF4E6;
}

td.month {
text-align:center;
font-size:0.7em;
font-family:Georgia, "Times New Roman", Times, serif;
color:#1f9681;
padding:5px 5px;
}

#questionMain {
float:left;
width:340px;
margin-left:20px;
}

#questionMenu {
display:inline;
background:url(wip/images/big_bracket.gif) left top no-repeat;
height :auto!important;
height:300px;
min-height:300px;
width:140px;
float:right;
padding-left:40px;
padding-top:20px;
}

#questionMenu li a {
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
color:#1f9681;
text-align:left;
text-decoration:underline;
}

#lblName, #lblEmail, #lblComments, #lblImprovements, #lblEaseOfUse, #lblLookFeel, #lblFunc, #lblGeneralLay, #lblContent, #lblStructure, #lblFeatures, #lblGenOp {
margin-left:20px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#1f9681;
/*font-size:0.7em; */
text-align:left;
display:block;

}

#feedback input {
margin-left:20px;
background-color:#F0F0F0;
margin-top:5px;
margin-bottom:5px;
}

#feedback table {
width:200px;
border-collapse: collapse;
border :0px;
background:transparent;
padding:0px 0px 0px 0px;
margin:0px 0px 40px 0px;
}

#feedback th {
font-family:Arial, Helvetica, sans-serif;
/*font-size:0.7em; */
border : 0px;
padding:0px;

}

#feedback td {
border : 0px;
padding:0px;
font-family:Arial, Helvetica, sans-serif;
color:#1f9681;
}

#help li.textList {
font-family:Arial, Helvetica, sans-serif;
color:#737373;
/*font-size:0.7em; */
}

/*Form elements------------------------------------------------------------------------------------------------------*/
fieldset {
border:none;
width:200px;

}

legend {
display:none;
}

label {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#737373;
}

select {
background-color:#FDF9F2;
color:#FC8E0D;
width:100%;
margin-bottom:10px;
}

#searchBoxText p {
width:210px;
}

.submitButton {
background-color:#D6EFE7;
color:#1f9681;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
border:1px solid #1f9681;
margin-bottom:0px;
margin-top:10px;
}

#pollBox, #questionMain {
width:250px;
}

#questionMain table #pollBox td, #pollBox tr,  #pollBox td, #pollBox tr  {
width:250px;
padding:5px 5px;
font-family:Arial, Helvetica, sans-serif;
color:#147475;
}

#pollBox table {
width:250px;
margin-left:0px;
margin-right:10px;
margin-top:0px;
border-collapse: collapse;
background:#E8F4F0;
}



#questionMain table #pollBox {
border:1px solid #000000;
width:150px;
margin:0px;
padding:0px;
float:left;
}

#questionMain #pollBox td {
width:150px;
}

#questionMain p {
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
color:#737373;
text-align:justify;
width:250px;
padding-bottom:5px;
padding-left:0px;
margin-left:0px;
}





/*Poll page-------------------------------------------------------------------------------------------------------------*/
#questionMain {
display:inline;
float:left;
width:340px;
margin-left:20px;
}


#questionMain tr td {
font-family:Arial, Helvetica, sans-serif;
color:#737373;
border:none;
padding:0px;
}

#questionMain tr td.so {
font-family:Arial, Helvetica, sans-serif;
color:#737373;
border:none;
/*font-size:0.7em; */
padding-left:10px;
}

#questionMain table {
width:100%;
border:none;
background-color:#F0F0F0;
margin:5px 0px 10px 0px;
padding:0px 0px 0px 0px;
}

#Table4 td {
font-family:Arial, Helvetica, sans-serif;
color:#1f9681;
border:none;
padding-left:10px;
}

#Table2 tr td {
font-family:Arial, Helvetica, sans-serif;
color:#737373;
border:none;
}

#questionMain table #Table2 {
margin-bottom:10px;
margin-top:20px;
}






/*Misc bits----------------------------------------------------------------------------------------------------------*/
.clearing {
	clear: both;
	height: 0px;
	line-height: 0px;
}

/* Clearing floats without structural markup - Apply class to elements that you need to clear after - thanks to Position is Everything */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* End of float clearing */


@media print {
#outer, #inner #header, #innerHeader, #footer {
float: none !important;
position:static;
}

#outerHeader {
width:800px;
text-align:left;
}


#inner {
width:800px;
border:1px solid #ffffff;
background:url(none);
}

#right {
float:left;
}

#right h3 {
padding-left:10px;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
/*font-size:0.7em; */
color:#1F9681;
}
#rightOne h3, #rightTwo h3, #rightThree h3, #rightFour h3 {
background: url(none) left top no-repeat;
height:26px;
}
#right h3 img {
display:none;
}

#level2Menu {
display:none;
}

#level2Main {
width:550px;
background:#ffffff;
}

caption {
color:#1f9681;
font-size:0.7em;
}

.helpList {
font-size:0.9em;
}