/*
This is a golf club stylesheet file
member page layout:
club WWW header here
main content here
admin page layout:
*/
/* common tags */
body {
font-family: Arial Narrow;
padding-top: 0px;
padding-bottom: 0px;
background-color: #ffffff;
}
td {
font-family: Arial Narrow;
font-size: 0.9em;
font-style: normal;
font-weight: normal;
}
form {
padding-left: 10px;
padding-right: 10px;
}
h1 {
font-family: Arial Narrow;
font-size: 1.3em;
font-weight: bold;
text-align: justify;
color: #000005;
padding: 0px;
margin-top: 10px;
margin-bottom: 10px;
padding-right: 1%;
padding-left: 1%;
}
h2 {
font-family: Arial Narrow;
font-size: 1.2em;
font-weight: bold;
text-align: justify;
color: #000008;
padding: 0px;
padding-left: 5px;
margin-top: 10px;
margin-bottom: 10px;
padding-right: 1%;
padding-left: 1%;
}
h3 {
font-family: Arial Narrow;
font-size: 1.0em;
font-weight: bold;
text-align: justify;
color: #000005;
padding: 0px;
margin: 0px;
padding-top: 0px;
margin-top: 0px;
padding-right: 1%;
padding-left: 1%;
}
p {
font-size: small;
padding-top: 0px;
margin-top: 0px;
padding-right: 1%;
padding-left: 1%;
font-weight: normal;
text-align: justify;
}
ol {
font-size: small;
}
ul {
font-size: small;
list-style: none;
}
ul.list {
margin: 10px;
}
li.list {
list-style: disc;
margin-left: 10px;
}
/* page container */
#container {
width: 900px;
background-color: #FFFFFF;
/* border: 1px solid #3366cc; */
margin-right: auto;
margin-left: auto;
}
/* logo container */
#logo {
background-repeat: no-repeat;
width: 100%;
height: 180px;
background-image: url(header.jpg);
background-position: left;
margin: 0px;
padding: 0px;
}
/*if your WWW header contains any HTML formatting make sure you've added all styles required*/
#logo h1 {
color: #ffffff;
text-align: left;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 1.8em;
padding: 30px 0px 0px 30px;
margin: 0px;
filter: shadow(color=#ffffff,direction=135);
}
#logo h2 {
color: #AC6E2F;
text-align: right;
font-size: 1.0em;
padding: 0px;
margin: 0px;
padding-right: 10px;
}
/* main navigation styles*/
#navlist {
margin: 0px;
padding: 0px;
padding-top: 5px;
padding-bottom: 5px;
font: bold 12pt Arial Narrow;
display: block;
width: 100%;
border-top: 1px solid #3366cc;
border-bottom: 1px solid #3366cc;
background-color: #010306;
text-align: center;
clear: both;
}
#navlist li {
list-style: none;
display: inline;
padding: 0px;
margin: 0px;
/* background-color: #BEBF00; */
background-color: #f8f475;
color: #FFFFFF;
}
#navlist li a {
padding: 5px;
margin: 0px;
text-decoration: none;
background-color: #010205;
color: #ffffff;
}
#navlist li a:hover {
background-color: #bcbcbc;
color: #3366cc;
}
#navlist li a.current {
/* border-bottom: 1px solid white; */
background-color: #ffffff;
color: #3366cc;
}
/* main content container */
#content {
width: 878px;
font-family: Arial Narrow;
border: 1px #010205 solid;
padding: 10px;
clear: both;
}
#content p {
font-family: Arial, Helvetica, sans-serif;
font-size: small;
color: #666666;
padding-top: 0px;
margin-top: 0px;
padding-right: 1%;
padding-left: 1%;
font-weight: normal;
text-align: justify;
}
#content ol {
font-family: Arial, Helvetica, sans-serif;
font-size: small;
color: #666666;
}
#content ul {
font-family: Arial, Helvetica, sans-serif;
font-size: small;
color: #666666;
}
#content ul li{
margin-left: 20px;
}
#content ol li{
margin-left: 20px;
}
/*admin main menu*/
#adminnavlist {
display: block;
float: left;
width: 182px;
background-color: white;
margin-top: 0px;
margin-bottom: 0px;
border: 1px solid #3366cc;
}
#adminnavlist ul {
display: block;
float: left;
width: 100%;
padding: 0px;
margin: 0px;
}
#adminnavlist ul li {
list-style: none;
display: block;
width: auto;
padding: 3px;
margin-left: 3px;
margin-right: 3px;
background-color: white;
}
#adminnavlist a {
color: Black;
text-decoration: none;
font-weight: normal;
}
#adminnavlist a:hover {
text-decoration: underline;
}
/* admin content */
#admincontent {
font-family: Arial Narrow;
display: block;
float: right;
width: 690px;
/* font-size: 0.9em; */
}
#admincontent legend {
color: #3366cc;
font-weight: bold;
}
#admincontent fieldset {
/* color: #3366cc; */
/* border-color: #3366cc; */
border: 1px solid #3566CC;
}
#footer_nav {
font-family: Arial, Helvetica, sans-serif;
color: #666666;
width: 100%;
text-align: center;
padding-top: 10px;
padding-bottom: 10px;
}
/* footer div */
#footer {
font-family: Arial, Helvetica, sans-serif;
color: #666666;
width: 100%;
}
#footer p {
text-align: center;
width: 100%;
font-size: x-small;
margin: 0px;
padding: 0px;
}
#footer a { color: #666666; }
/* help div style */
#help {
text-align: left;
}
#help_footer_index {
display: block;
width:50%px;
float:left;
padding-top: 0em;
padding-right: 0px;
padding-bottom: 0px;
margin-left: 2px;
margin-top: 5px;
font-size: 0.9em;
}
#help_footer_close {
display: block;
width:50%px;
float:right;
padding-top: 0em;
padding-right: 0px;
padding-bottom: 0px;
margin-right: 2px;
margin-top: 5px;
font-size: 0.9em;
}
#tac {
width: auto;
margin-right: 10px;
margin-left: 10px;
font-size: small;
}
#tac ul, ol{
margin-left: 10px;
padding-left: 10px;
}
/*forms*/
fieldset {
padding: 5px;
color: #010205;
}
legend {
color: #3366cc;
}
form label.radio {
width: 30px;
padding: 0;
margin: 5px 0 0 0; /* set top margin same as form input - textarea etc. elements */
text-align: left;
}
form label {
display: block; /* block float the labels to left column, set a width */
float: left;
width: 180px;
padding: 0 5px 0 5px;
margin: 5px 0 0 0; /* set top margin same as form input - textarea etc. elements */
text-align: left;
}
br {
clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}
.submit-button
{
width: 92px;
color: White;
background-color: #010204;
border: 1px #010306 solid;
font-weight: bold;
margin-left: 105px;
}
.button
{
width: 92px;
color: White;
background-color: #010204;
border: 1px solid #3366cc;
font-weight: bold;
}
.auto {
width: auto;
}
/*navigation*/
a.nav{
font-size: 1.0em;
color: Blue;
text-decoration: none;
}
a.nav:hover{
font-size: 1.0em;
color: Blue;
text-decoration: none;
}
/* footer div */
#footer {
clear: both;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.7em;
text-align: center;
}
.small {
font-size: 75%;
}
.label {
display: block; /* block float the labels to left column, set a width */
float: left;
width: 150px;
padding: 0;
margin: 0 0 0 0;
text-align: left;
}
.attr {
margin: 0 0 0 0;
display: block;
width: 350px;
}
.survey_question {
display: block;
float: left;
width: 400px;
padding: 0;
margin: 0 0 0 0;
text-align: left;
}
.survey_question_res {
display: block;
float: left;
width: 380px;
padding: 0;
margin: 0 0 0 0;
text-align: left;
}
.survey_yes {
display: block;
float: left;
width: 95px;
padding: 0;
margin: 0 0 0 0;
text-align: left;
background-color: #EEEEEE;
}
.survey_no {
display: block;
float: left;
width: 95px;
padding: 0;
margin: 0 0 0 0;
text-align: left;
}
.survey_na {
display: block;
float: left;
width: 95px;
padding: 0;
margin: 0 0 0 0;
text-align: left;
background-color: #EEEEEE;
}
.email {
color: Red;
font-weight: bold;
}
.mobile {
color: Blue;
font-weight: bold;
}
.warning {
color: Red;
font-weight: bold;
}
/* form inputs */
textarea.contact {
height: 60px;
width: 100%;
}
textarea.cform {
height: 300px;
width: 600px;
}
input.cform {
width: 400px;
}
input.cform1 {
width: 300px;
}
textarea.cform1 {
height: 100px;
width: 300px;
}
textarea.cform3 {
width: 300px;
height: 100px;
}/*control panel form big textarea layout*/
input.cform3 {
width: 300px;
}/*control panel form textarea layout*/
textarea.cform2 {
width: 400px;
height: 100px;
}/*control panel form textarea layout*/
/*7 day weather forecast*/
#weather_forecast {
width: auto;
font-size: 1.0em;
border: 0px;
margin-left: 5px;
margin-right: 5px;
margin-top: 20px;
margin-bottom: 20px;
}
#weather_forecast td {
padding: 0px;
padding-top: 3px;
padding-bottom: 3px;
}
/*day of the week cell*/
#weather_forecast td.dow {
padding-top: 0px;
padding-bottom: 0px;
}
/*date cell (should match the header style (day of the week))*/
#weather_forecast td.zebra {
color: #FFFFFF;
background-image: url(/weather_feed/_icons/dow/bg.jpg);
padding-top: 0px;
padding-bottom: 0px;
}
.zebra a {
color: #FFFFFF;
}
/* title column for weather forecast */
#weather_forecast td.wf_title {
font-size: 0.8em;
text-align: right;
padding-right: 3px;
}
/*current weather table*/
#weather_current {
width: auto;
margin: 20px;
font-size: 1.1em;
}
/*newslsttser styles*/
table.newsletter {
width: 100%;
}
td.newsletter {
}
a.newsletter {
}
.style1 {
/*border-style: solid;*/
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
border-color: #CCCCFF;
border-width: 1px;
background: #FFFFFF;
}
.style2 {
border-style: solid;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
border-color: #00248F;
border-width: 4px;
background: #BFCFFF;
}
.style3 {
border-style: solid;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
border-color: #FFCC00;
border-width: 4px;
background: #FFF2BF;
}
.style4 {
border-style: solid;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
border-color: #60BF9B;
border-width: 4px;
background: #BFFFE7;
}
.style5 {
border-style: solid;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
border-color: #CCCC00;
border-width: 4px;
background: #FFFF00;
}