/*
ClickPlay web site colors:
#FFFFFF - white
#005E87 - dark blue
#000000 - black
#328DBA - blue
#163348 - charcoal
#8BC5E1 - light blue
#68A703 - green
Example colors:
#FFFFF0 - not exactly white
#00008B - very dark blue
CSS Reference:
A-Z reference
http://www.w3schools.com/CSS/css_reference_atoz.asp
a:hover, etc:
http://www.w3schools.com/CSS/pr_pseudo_hover.asp
font-family:
http://www.w3schools.com/CSS/pr_font_font-family.asp
*/
/******************************************************************/
/******************************************************************
for everything in html between and
******************************************************************/
body
{
/*mk- body background color:*/
background-color: white;
/*mk- The browser will use the first font value it recognizes:*/
font-family: /*Calibri*/ Arial, Verdana, sans-serif;
font-size: 14px;
color: DimGray;
scrollbar-face-color: antiquewhite;
scrollbar-highlight-color: darkorange;
scrollbar-3dlight-color: yellow;
scrollbar-darkshadow-color: black;
scrollbar-shadow-color: antiquewhite;
scrollbar-arrow-color: blue;
scrollbar-track-color: lightyellow;
}
/******************************************************************
Hyperlinks:
*****************"C:/Data/Outsource Genius/PHP Web Sites/_History Crew-Tech/Backup 34_2009-09-17 Phase 1 final laptop/includes/stylesheet.css"**************************************************/
/*mk- "a" refers to hyperlinks, e.g. as "a" is used in:
Home */
/*mk- hyperlinks not selected yet: */
a
{
font-family: Arial, Verdana, sans-serif;
font-size: 14px;
color: blue;
/*color: #483D8B;*/
text-decoration: underline
}
/*mk- mouse over hyperlink:*/
a:hover
{
font-family: Arial, Verdana, sans-serif;
color: green;
/*color: #A52A2A;
background-color: #FAEBD7*/
}
/*mk- mouse over visited hyperlink:*/
a:visited:hover
{
font-family: Arial, Verdana, sans-serif;
color: blue;
}
/*mk- mouse over active hyperlink:*/
a:active:hover
{
font-family: Arial, Verdana, sans-serif;
color: blue;
}
/*mk- visited hyperlink */
a:visited
{
color: purple;
/* color: #00FF00*/
}
/*mk- when click on hyperlink, link can change immediately: */
a:active
{
color: red;
/* color: green;*/
}
/******************************************************************
Header horizontal lines
:
*******************************************************************/
hr
{
margin-bottom: 25px;
border-top-width: 1px;
color: #9c9890;
}
/******************************************************************
Heading 1 type Largest heading:
*******************************************************************/
h1
{
font-family: /*Calibri*/ Arial, Verdana, sans-serif;
font-size: 16px;
color: DarkSlateBlue;/*original*/
/*color: MediumBlue;*/
/*color: Navy;*/
/*color: DarkBlue;*/ /*second best option*/
display:inline;
margin-left:15px;
/*vertical-align: text-top;*/
}
/******************************************************************
Heading 2 type Smaller heading:
*******************************************************************/
h2
{
font-family: /*Calibri*/ Arial, Verdana, sans-serif;
font-size: 14px;
color: DarkSlateBlue;
display:inline;
}
/******************************************************************
Heading 3 type Smaller heading:
*******************************************************************/
h3
{
font-family: /*Calibri*/ Arial, Verdana, sans-serif;
font-size: 20px;
color: DarkSlateBlue;
display:inline;
/*margin-top: 10px;*/
/*vertical-align: text-top;*/
}
/******************************************************************
Paragraphs should be inline for content managed home page summaries
(this class used for data cells in tables), else unnecessary line breaks
*******************************************************************/
.inlineParagraph p
{
/*display:inline;*/
}
/******************************************************************
Formatting for data table cell containing image of page next to
summary of the page on the Home Page:
*******************************************************************/
.summaryImageCell
{
width:205px;
height:90px;
/*vertical-align: text-top;*/
}
/******************************************************************
For all the tables on the pages: (can specify if border should be shown)
*******************************************************************/
table
{
border-style:solid;
border-width:0px; /*to show: 1px, to hide: 0px*/
border-color: red;
font-family: /*Calibri*/ Arial, Verdana, sans-serif;
font-size: 14px;
color: DimGray;
}
td
{
border-style:solid;
border-width:0px; /*to show: 1px, to hide: 0px*/
border-color:black;
}
/******************************************************************
Info text next to Services, Products, etc. icons on Home Page
*******************************************************************/
.homePageInfoText
{
font-family: /*Calibri*/ Arial, Verdana, sans-serif;
font-size: 12px;
color: DimGray;
width: 575px;
}
/******************************************************************
Heading table cell with blue text and orange background
*******************************************************************/
.headingCell
{
height:45px;
background-color: darkorange;
}
/******************************************************************
Background of admin table "heading" row:
*******************************************************************/
.adminTableHeading
{
background-color: red; /*#A7DD49;*/ /*green */
vertical-align: middle;
color: #ffffff; /*white*/
text-align: center;
}
/******************************************************************
Styling for "top buttons", table data cells:
******************************************************************/
.topButton
{
width: 131px; /*mk =100%/5 buttons*/
/*mk- must override height in .sidebars: */
height: 30px;
background-color:black;/*orange;*//*#005E87; dark blue*//*#68A703 green*//*#005E87 dark blue*//*#8BC5E1 light blue*/
/*background-color: #005E87;*/ /*mk- dark blue*/
color: white;
/*color: #fff;*/ /*white*/
vertical-align: middle/*top*/;
text-align: center;
font-size: 12px;
border-left-style:none;
border-bottom-style:none;
/*
border-left-style:solid;
border-left-color:white;
border-left-width:5px;
border-bottom-style:solid;
border-bottom-color:white;
border-bottom-width:5px;
*/
/*margin-left:5px;*/
}
/******************************************************************
Styling for hyperlinks for topButton:
*******************************************************************/
/*mk- for hyperlinks not selected yet: */
.topButton a
{
font-family: Arial, Verdana, sans-serif;
font-size: 12px;
color: white;
/*mk- don't underline hyperlink*/
text-decoration: none
}
/*mk- mouse over unvisited hyperlink:*/
.topButton a:hover
{
font-family: Arial, Verdana, sans-serif;
font-size: 12px;
color: white;
/*mk- don't underline hyperlink*/
text-decoration: none
}
/*mk- mouse over visited hyperlink:*/
.topButton a:visited:hover
{
font-family: Arial, Verdana, sans-serif;
font-size: 12px;
color: white;
/*mk- don't underline hyperlink*/
text-decoration: none
}
/*mk- mouse over active hyperlink:*/
.topButton a:active:hover
{
font-family: Arial, Verdana, sans-serif;
font-size: 12px;
color: white;
/*mk- don't underline hyperlink*/
text-decoration: none
}
/*mk- for visited hyperlinks:*/
.topButton a:visited
{
font-family: Arial, Verdana, sans-serif;
font-size: 12px;
color: white;
/*mk- don't underline hyperlink*/
text-decoration: none
}
/*mk- when click on hyperlink, link can change immediately: */
.topButton a:active
{
font-family: Arial, Verdana, sans-serif;
font-size: 12px;
color: white;
/*mk- don't underline hyperlink*/
text-decoration: none
}
/*************************************************************/
/******************************************************************
Styling for "top buttons" when mouse over, table data cells:
******************************************************************/
.topButtonHover
{
width: 131px; /*mk =100%/5 buttons*/
/*mk- must override height in .sidebars: */
height: 30px;
background-color: darkorange;/*orange;*//*#005E87; dark blue*//*#68A703 green*//*#005E87 dark blue*//*#8BC5E1 light blue*/
/*background-color: #005E87;*/ /*mk- dark blue*/
color: black;
/*color: #fff;*/ /*white*/
vertical-align: middle/*top*/;
text-align: center;
font-size: 12px;
border-left-style:none;
border-bottom-style:none;
/*
border-left-style:solid;
border-left-color:white;
border-left-width:5px;
border-bottom-style:solid;
border-bottom-color:white;
border-bottom-width:5px;
*/
/*margin-left:5px;*/
}
/******************************************************************
Styling for hyperlinks for topButton when mouse hovers over it:
*******************************************************************/
/*mk- for hyperlinks not selected yet: */
.topButtonHover a
{
font-family: Arial, Verdana, sans-serif;
font-size: 12px;
color: black;
/*mk- don't underline hyperlink*/
text-decoration: none
}
/*mk- mouse over unvisited hyperlink:*/
.topButtonHover a:hover
{
font-family: Arial, Verdana, sans-serif;
font-size: 12px;
color: black;
/*mk- don't underline hyperlink*/
text-decoration: none
}
/*mk- mouse over visited hyperlink:*/
.topButtonHover a:visited:hover
{
font-family: Arial, Verdana, sans-serif;
font-size: 12px;
color: black;
/*mk- don't underline hyperlink*/
text-decoration: none
}
/*mk- mouse over active hyperlink:*/
.topButtonHover a:active:hover
{
font-family: Arial, Verdana, sans-serif;
font-size: 12px;
color: black;
/*mk- don't underline hyperlink*/
text-decoration: none
}
/*mk- for visited hyperlinks:*/
.topButtonHover a:visited
{
font-family: Arial, Verdana, sans-serif;
font-size: 12px;
color: black;
/*mk- don't underline hyperlink*/
text-decoration: none
}
/*mk- when click on hyperlink, link can change immediately: */
.topButtonHover a:active
{
font-family: Arial, Verdana, sans-serif;
font-size: 12px;
color: black;
/*mk- don't underline hyperlink*/
text-decoration: none
}
/******************************************************************
Styling for "right buttons", table data cells:
******************************************************************/
.rightButton
{
width: 217px; /*mk width of right sidebar/
/*mk- must override height in .sidebars: */
height: 30px;
background-color: darkorange;/*orange;*//*#005E87; dark blue*//*#68A703 green*//*#005E87 dark blue*//*#8BC5E1 light blue*/
/*background-color: #005E87;*/ /*mk- dark blue*/
color: black;
/*color: #fff;*/ /*white*/
vertical-align: middle/*top*/;
text-align: left;
text-indent:20px; /*indent first line of text*/
font-size: 12px;
border-top-style:solid;
border-color:orange;
border-width:1px; /*to show: 1px, to hide: 0px*/
border-left-style:none;
border-bottom-style:none;
/*
border-left-style:solid;
border-left-color:white;
border-left-width:5px;
border-bottom-style:solid;
border-bottom-color:white;
border-bottom-width:5px;
*/
/*margin-left:5px;*/
}
/******************************************************************
Styling for hyperlinks for rightButton:
*******************************************************************/
/*mk- for hyperlinks not selected yet: */
.rightButton a
{
font-family: Arial, Verdana, sans-serif;
font-size: 12px;
color: black;
/*mk- don't underline hyperlink*/
text-decoration: none
}
/*mk- mouse over unvisited hyperlink:*/
.rightButton a:hover
{
font-family: Arial, Verdana, sans-serif;
font-size: 12px;
color: black;
/*mk- don't underline hyperlink*/
text-decoration: none
}
/*mk- mouse over visited hyperlink:*/
.rightButton a:visited:hover
{
font-family: Arial, Verdana, sans-serif;
font-size: 12px;
color: black;
/*mk- don't underline hyperlink*/
text-decoration: none
}
/*mk- mouse over active hyperlink:*/
.rightButton a:active:hover
{
font-family: Arial, Verdana, sans-serif;
font-size: 12px;
color: black;
/*mk- don't underline hyperlink*/
text-decoration: none
}
/*mk- for visited hyperlinks:*/
.rightButton a:visited
{
font-family: Arial, Verdana, sans-serif;
font-size: 12px;
color: black;
/*mk- don't underline hyperlink*/
text-decoration: none
}
/*mk- when click on hyperlink, link can change immediately: */
.rightButton a:active
{
font-family: Arial, Verdana, sans-serif;
font-size: 12px;
color: black;
/*mk- don't underline hyperlink*/
text-decoration: none
}
/******************************************************************
Styling for "right buttons" when mouse hovers over it, table data cells:
******************************************************************/
.rightButtonHover
{
width: 217px; /*mk width of right sidebar/
/*mk- must override height in .sidebars: */
height: 30px;
background-color:black;/*orange;*//*#005E87; dark blue*//*#68A703 green*//*#005E87 dark blue*//*#8BC5E1 light blue*/
/*background-color: #005E87;*/ /*mk- dark blue*/
color: white;
/*color: #fff;*/ /*white*/
vertical-align: middle/*top*/;
text-align: left;
text-indent:20px; /*indent first line of text*/
/*padding-left:20px*/
font-size: 12px;
border-top-style:solid;
border-color:black;
border-width:1px; /*to show: 1px, to hide: 0px*/
border-left-style:none;
border-bottom-style:none;
/*
border-left-style:solid;
border-left-color:white;
border-left-width:5px;
border-bottom-style:solid;
border-bottom-color:white;
border-bottom-width:5px;
*/
/*margin-left:5px;*/
}
/******************************************************************
Styling for hyperlinks for topButton:
*******************************************************************/
/*mk- for hyperlinks not selected yet: */
.rightButtonHover a
{
font-family: Arial, Verdana, sans-serif;
font-size: 12px;
color: white;
/*mk- don't underline hyperlink*/
text-decoration: none
}
/*mk- mouse over unvisited hyperlink:*/
.rightButtonHover a:hover
{
font-family: Arial, Verdana, sans-serif;
font-size: 12px;
color: white;
/*mk- don't underline hyperlink*/
text-decoration: none
}
/*mk- mouse over visited hyperlink:*/
.rightButtonHover a:visited:hover
{
font-family: Arial, Verdana, sans-serif;
font-size: 12px;
color: white;
/*mk- don't underline hyperlink*/
text-decoration: none
}
/*mk- mouse over active hyperlink:*/
.rightButtonHover a:active:hover
{
font-family: Arial, Verdana, sans-serif;
font-size: 12px;
color: white;
/*mk- don't underline hyperlink*/
text-decoration: none
}
/*mk- for visited hyperlinks:*/
.rightButtonHover a:visited
{
font-family: Arial, Verdana, sans-serif;
font-size: 12px;
color: white;
/*mk- don't underline hyperlink*/
text-decoration: none
}
/*mk- when click on hyperlink, link can change immediately: */
.rightButtonHover a:active
{
font-family: Arial, Verdana, sans-serif;
font-size: 12px;
color: white;
/*mk- don't underline hyperlink*/
text-decoration: none
}
/*************************************************************
Footer for pages:
**************************************************************/
.footer
{
font-family: Arial, Verdana, sans-serif;
font-size: 10px;
color: gray;
text-decoration: none;
}
/*************************************************************
Footer hyperlinks:
**************************************************************/
/*mk- for hyperlinks not selected yet: */
.footer a
{
font-family: Arial, Verdana, sans-serif;
font-size: 12px;
color: blue;
text-decoration: none;
}
/*mk- mouse over unvisited hyperlink:*/
.footer a:hover
{
font-family: Arial, Verdana, sans-serif;
font-size: 12px;
color: blue;
text-decoration: none;
}
/*mk- mouse over visited hyperlink:*/
.footer a:visited:hover
{
font-family: Arial, Verdana, sans-serif;
font-size: 12px;
color: blue;
text-decoration: none;
}
/*mk- mouse over active hyperlink:*/
.footer a:active:hover
{
font-family: Arial, Verdana, sans-serif;
font-size: 12px;
color: blue;
text-decoration: none;
}
/*mk- for visited hyperlinks:*/
.footer a:visited
{
font-family: Arial, Verdana, sans-serif;
font-size: 12px;
color: blue;
text-decoration: none;
}
/*mk- when click on hyperlink, link can change immediately: */
.footer a:active
{
font-family: Arial, Verdana, sans-serif;
font-size: 12px;
color: blue;
text-decoration: none;
}
td.summaryImageCell h2
{
margin-top: 10px;
}
tr#summaytext
{
margin-top: 10px;
padding-top: 20px;
}
#summaytext #sumb1 p
{
padding-right: 25px;
}
tr#focusimg
{
width: 205px;
margin-bottom: 15px;
}
#summaytext #sumb1 h2#subhead
{
margin-top: 10px !important;
padding-top: 10px!important;
}
td.summaryImageCell
{
width: 205px;
}
td#footerp
{
text-align: center;
font-size: 10px;
}
/*************************************************************/