﻿/* 
11-3-2011 Edits to fix FF Master Page Right-Side Border Display Consistency
    Problem was related to the use of Border-Collapse on MasterPage table elements.  Borders styles were    
    placed on td elements instead of the table.  This combind with inconsistently sized row widths (when    
    including borders) caused the FF issue although collapse would compensate for the bug in IE and Chrome  
    Edits include removing the border styles from td, creating equivalent table styles, and breaking apart  
    the MasterPage table into multiple tables so colspan could be removed from the outer most table.        
    Theme2 was used as the testing file but edites mirrored in Theme1.                                      
*/


/* Color Code Cheat Sheet 
Light Blue - #0095E9
Blue - #006DAB
Light Green - #5CD452
Green - #3FA036
Gray - #A3A3A3
White - #FFFFFF
*/

body 
{
    margin:0px; padding:0px;
    font-family: Sans-Serif;
    font-size:12px;
    text-align:center;
    background-color:#FFFFFF;
}


div
{
 border: solid 0px #FF0000;
 padding:0px 0px 0px 0px;
 margin:0px 0px 0px 0px;
 border-collapse:collapse;
 color:#006DAB; font-family: Sans-Serif; 
 
}

td.alignCenter { text-align:center;}
td.alignRight { text-align:right;}
td.alignLeft { text-align:left;}
td {  text-align:left;}

/*Product Benefits Control*/

li.benefits {color:#5CD452}
li.benefits span {color:#006DAB; font-family:Verdana, Arial, Helvetica, sans-serif;  font-size:12px;}
p.benefits {color:#006DAB}

/* product features   */
/*
li.features {color:#006DAB}
li.features span {color:#006DAB; font-family:Verdana, Arial, Helvetica, sans-serif;  font-size:2;}
p.features {color:#006DAB}
*/

b { font-weight:bold; }

p { color:#006DAB; margin:5px 10px 5px 10px; padding:5px 10px 5px 10px; }
ul { color:#006DAB; margin:5px 10px 5px 20px; padding:5px 10px 5px 20px; }
ol { color:#006DAB; margin:5px 10px 5px 20px; padding:5px 10px 5px 20px; }


/* Silver Cloud */
p.SC { color:#000000; margin:5px 0px 5px 0px; padding:5px 0px 5px 0px; }
ul.SC { color:#000000; margin:5px 10px 5px 20px; padding:5px 0px 5px 20px; }
ol.SC  { color:#000000; margin:5px 10px 5px 20px; padding:5px 0px 5px 20px; }
span.SCTM {vertical-align:super; font-size:5pt; text-decoration:none; font-style:normal;}

ul.twitter{color:#000000; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; width:180px; overflow:hidden;}


h1{ color:#006DAB; margin:3px 10px 3px 4px; padding:3px 10px 3px 4px;  font-family: Sans-Serif; font-weight:bold; font-size:20px; }
h2{ color:#006DAB; margin:3px 10px 3px 6px; padding:3px 10px 3px 6px;  font-family: Sans-Serif; font-weight:bold; font-size:16px; }
h3{ color:#006DAB; margin:3px 10px 3px 8px; padding:3px 10px 3px 8px;  font-family:Sans-Serif; font-weight:bold; font-size:12px; }

table.margins { color:#006DAB; margin:0px 10px 0px 10px; padding:0px 10px 0px 10px; border: solid 0px #000000;  text-align:left;}
table.chart1 { color:#006DAB; margin:0px 10px 0px 10px; padding:0px 10px 0px 10px; border: solid 1px #000000;  text-align:left; border-collapse:collapse;}
td.chart1 { color:#006DAB; border: solid 1px #000000;  text-align:left;}

a.bold {  margin:0; padding:0; font-weight:bold;color: #FF0000}
a.bold:link {color: #006DAB}     /* unvisited link */
a.bold:visited {color: #006DAB}  /* visited link */
a.bold:hover {color: #5CD452}   /* mouse over link */
a.bold:active {color: #5CD452}   /* selected link */

a.news {  margin:0; padding:0; font-weight:bold; color: #000000;}
a.news:link {color: #000000; text-decoration:none;}     /* unvisited link */
a.news:visited {color: #000000; text-decoration:none;}  /* visited link */
a.news:hover {color: #000000; text-decoration:underline;}   /* mouse over link */
a.news:active {color: #000000}   /* selected link */

a.features:link {color: #5CD452}     /* unvisited link */
a.features:visited {color: #5CD452}  /* visited link */
a.features:hover {color: #F0871B}   /* mouse over link */
a.features:active {color: #F0871B}   /* selected link */

a:link {color: #4BC341}     /* unvisited link */
a:visited {color: #4BC341}  /* visited link */
a:hover {color: #F0871B}   /* mouse over link */
a:active {color: #F0871B}   /* selected link */

a.main:link {color: #006DAB}     /* unvisited link */
a.main:visited {color: #006DAB}  /* visited link */
a.main:hover {color: #5CD452}   /* mouse over link */
a.main:active {color: #5CD452}   /* selected link */
span.main{}

.small {  font-family: Sans-Serif; font-size:10px;}
.smallItalic {  font-family: Sans-Serif; font-size:10px;}
.large {  font-family: Sans-Serif; font-size:14px;}

.ratePadLeft, .rateLighter,.rateLightest, .rateWhite, .rateHEL, .rateFooterLightest, .rateFooterWhite 
{margin:0px 0px 0px 0px; padding:3px 0px 3px 12px;}

.rateDark { margin:0px 12px 0px 12px; padding: 2px 2px 2px 2px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #FFFFFF; background-color:#006DAB; text-align:left }
.rateLighter {  background-color:#C1CBDC; color: #000000; text-align:left; font-weight:bold}
.rateLightest {  background-color:#DCE2EC; color: #000000; font-weight:normal;}
.rateWhite { background-color:#FFFFFF; color: #000000; font-weight:normal;}

.rateHEL {background-color:#DCE2EC; color: #000000; }
.rateFooterLightest {background-color:#DCE2EC; font-size: 8pt;  color: #000000; font-weight:normal;}
.rateFooterWhite { background-color:#FFFFFF; font-size: 8pt;  color: #000000; font-weight:normal;}


.bold { margin-right: 5px; margin-left: 5px; margin-top:2px; margin-bottom:1px; font-family: Arial, Helvetica, sans-serif; font-weight:bold; list-style-type: none}
.indent1{ margin-right: 5px; margin-left: 20px; margin-top:-2px; margin-bottom:1px; font-family: Arial, Helvetica, sans-serif; font-weight:normal; font-style:normal; font-size:90%; list-style-type: none}
.bulleted{ margin-left:15px; margin-right:0px;  padding-left:15px; padding-right:0px; font-weight:normal; list-style-type: disc}
.numbered{margin-left:15px; margin-right:0px;  padding-left:15px; padding-right:0px; font-weight:normal; list-style-type: decimal}
.requiredfield{font-weight:bold; color:Red}

.MasterText
{
    font-family:Verdana; font-size:10px; 
    font-weight:bold; 
      
}

.MasterTextLarge
{
    font-family:Verdana; font-size:11px; 
    font-weight:bold; 
      
}

.WhiteMasterTextLarge
{
    font-family:Verdana; font-size:11px; 
    font-weight:bold;
	color: #FFFFFF;
      
}


.BlueWhiteText {
            margin:0px 12px 0px 12px;
            padding: 2px 2px 2px 2px;
            font-family: Arial, Helvetica, sans-serif;
            font-weight: bold;
            color: #FFFFFF;
            background-color:#1B75BB;
            text-align:left
}

.FinePrintBlueWhiteText {
            margin:0px 12px 0px 12px;
            padding: 2px 2px 2px 2px;
            font-family: Arial, Helvetica, sans-serif;
            font-weight: bold;
            color: #FFFFFF;
            background-color:#1B75BB;
            text-align:left;
            font-size: 8px;
}


/* launch page single pixel borders   ************************  ***********************************************************************  */

a.launch {font-size:16px; font-weight:bold; text-decoration:none; font-style:italic;}
a.launch:link {color: #005EB0}     /* unvisited link */
a.launch:visited {color: #005EB0}  /* visited link */
a.launch:hover {color: #55B152}   /* mouse over link */
a.launch:active {color: #55B152}   /* selected link */

.launchRate
{
      color:#55B152; font-size:14px; font-weight:bold; text-decoration:none; font-style:italic;         
}

.launchRateText
{
      color:#006dAB; font-size:13px; font-weight:bold; text-decoration:none; font-style:italic;
}

img.launchCorner
{
 border: solid 0px #00FF00;
 padding:0px;
 vertical-align:baseline;    /* vertical-align set to bottom caused the cell to be approx. as tall as a line of text for some reason */

} 

td.launchBorderedTop
{
   border:solid 0px #006DAB;
   border-top-width: 1px;
   margin:0px;
   padding:0px;
}

td.launchBorderedRight
{
    border:solid 0px #006DAB;
    border-right-width: 1px;
    margin:0px;
   padding:0px;
}

td.launchBorderedBottom
{
    border:solid 0px #006DAB;
    border-bottom-width: 1px;
    margin:0px;
    padding:0px;
}

td.launchBorderedLeft
{
    border:solid 0px #006DAB;
    border-left-width: 1px;
    margin:0px;
    padding:0px;
}
td.FeeFreeSchedule
{
    width:150px;
}
/* ***************************************************************masterPage   */

/*
img
{
 border: solid 0 #FFFFFF;
 padding:0px;
 vertical-align:bottom; display:block also solved problem of extra space added by IE below img 

} 
*/


img.alignBottom
{
 border: solid 0 #FFFFFF;
 padding:0px;
 vertical-align:bottom;  /*display:block also solved problem of extra space added by IE below img */

} 

img.spacer
{
 height:0px;
 border: solid 0 #FFFFFF;
 padding:0px;
 }

table.noBorder
{
     border-width:0px; 
     border-collapse:collapse;
     padding:0px;   /* margin did nothing in FF,IE */
     margin:0px;
} 

/* 11-3-2011 FF Fix - Changed from td to table*/
table.tabContainer
{
  
   padding: 0px;
   border-left:solid 3px #006DAB;
   border-right:solid 3px #006DAB;
   border-top: solid 3px #006DAB;
   border-bottom:solid 0px #000000;
}

/* 11-3-2011 FF Fix - Added Style*/
table.leftAndRightBordered
{
   border-left:solid 3px #006DAB;
   border-right:solid 3px #006DAB;
   border-top: solid 0px #000000;
   border-bottom:solid 0px #000000;
   padding: 0px;
}

td.bordered, td.whitespaceBordered, td.greenThinBordered, td.blueThinBordered, td.blueThickBordered
{
   /* 11-3-2011 FF Fix
   border-left:solid 3px #006DAB;
   border-right:solid 3px #006DAB;
   border-top: solid 0px #000000;
   border-bottom:solid 0px #000000;
   */
   padding: 0px;
   
}

td.noBorder,  td.whitespaceNoBorder, td.greenThinNoBorder, td.blueThinNoBorder, td.blueThickNoBorder
{
   border-left:solid 0px #006DAB;
   border-right:solid 0px #006DAB;
   border-top: solid 0px #000000;
   border-bottom:solid 0px #000000;
   padding: 0px;
   
}

td.borderedThickRight, td.blueThinBorderedThickRight
{
    /* 11-3-2011 FF Fix*/
    border-left:solid 0px #006DAB;
    border-right:solid 8px #006DAB;
    border-top: solid 0px #000000;
    border-bottom:solid 0px #000000;
    padding: 0px;
    /*margin:12px; not sure what this was originally used for*/
}

td.whitespaceBordered, td.whitespaceNoBorder
{
     height:2px;
}

td.greenThinBordered, td.greenThinNoBorder
{
   height:3px;    
   background-color:#5CD452;
}

td.blueThickBordered, td.blueThickNoBorder
{
   height:11px;    
   background-color:#006DAB;
}

td.blueThinBordered, td.blueThinBorderedThickRight, td.blueThinNoBorder
{
   height:3px;    
   background-color:#006DAB;
}

td.blueFooter
{
   padding:0px 0px 0px 0px;
   height:12px;    
   /* 11-3-2011 FF Fix
   border-top: solid 3px #000000;
   border-bottom:solid 3px #000000;
   border-left:solid 0px #006DAB;
   border-right:solid 0px #006DAB;
   */
   background-color:#006DAB;
}

td.tab
{
  border-color: #CCCCCC;
  border: solid 0px #000000;
  font-family:Verdana;
  font-weight:bold;
  font-size:11px;
  text-align:center;
  color:White;
  height:22px; /* works in IE  and FF*/
  padding:0px; 
   /*width:122px;   doesn't work in FF, if goes below this width it works in IE   */
   /*min-width:122px;
   max-width:122px;*/  
}

/*
td.tab
{
  background-image:url(../../Images/nav_button_bg2.jpg);
  background-position: 0px 0px; 

  border-color: #CCCCCC;
  border: solid 0px #000000;
  font-family:Verdana;
  font-weight:bold;
  font-size:11px;
   text-align:center;
   color:White;
   height:22px;
   padding:0px; 
 
}
*/

td.tabHover
{
  /*background-image:url(../../Images/nav_button_bg2.jpg);*/
  background-position: 0px 22px; 
  border-color: #CCCCCC;
  border: solid 0px #000000;
  font-family:Verdana;
  font-weight:bold;
  font-size:11px;
   text-align:center;
   color:White;
   height:22px; /* works in IE  and FF*/
   padding:0px; 
   /*width:122px;   doesn't work in FF, if goes below this width it works in IE   */
   /*min-width:122px;
   max-width:122px;*/  
}

a.tab { width:100%; text-decoration:none; color:rgb(255,255,255); text-align:center; 
	font-family:Verdana, sans-serif; font-weight:bold;  font-size:11px;  background-color:transparent;  border:solid 0px #000000; } 

.btnLogin
{
  background-image:  url(../../Images/login.gif);
  border-color: #CCCCCC;
  border-style:solid;
  border-width:1px;   /* was 2 */
  font-family:Verdana;
  font-weight:normal;
  font-size:10px;
   text-align:center;
   vertical-align:middle;
   color:White;
   height:20px; /* works in IE  and FF*/
   padding:0px 2px 0px 2px;
   width:60px;
}

.btnSearch
{
  background-image:  url(../../Images/search.gif);
  border-color: #CCCCCC;
  border-style:solid;
  border-width:1px;   /* was 2 */
  font-family:Verdana;
  font-weight:normal;
  font-size:10px;
   text-align:center;
   vertical-align:middle;
   color:White;
   height:20px; /* works in IE  and FF*/
   padding:0px 2px 0px 2px;
   width:60px;
}

.btnLabel
{
  font-family:Verdana;
  font-weight:normal;
  font-size:10px;
   text-align:left;
   vertical-align:middle;
   
}

.btnSubmit
{
  background-color: #1B72B5;
  border-color: #CCCCCC;
  border-style:solid;
  border-width:1px;   /* was 2 */
  font-family:Verdana;
  font-weight:normal;
  font-size:10px;
   text-align:center;
   vertical-align:middle;
   color:White;
   height:20px; /* works in IE  and FF*/
   padding:0px 2px 0px 2px;
   margin:0px 5px 0px 5px;
   width:60px;
}

.GameHeading
{
    text-align:center;
    color:#4BC341; 
    /* color:#91CB66; */
    font-size:12pt;
    font-weight:bold;
}

.rbChoice input { margin-left: -20px; }
.rbChoice td { padding-left: 20px; }

.tb1
{
  font-family:Verdana;
  font-weight:normal;
  font-size:10px;
   text-align:left;
   width:132px;
}

.errorSummary
{
 font-family:Arial;  font-weight:bold; font-size:12px;   color:Red;
}

a.GameHiddenLink{color:#006DAB; font-family:inherit; font-style:italic; text-decoration:none; font-size:inherit;}
td.GameRegistration{text-align: right; color: #006DAB; vertical-align:top;}

/* Scholarship Promo - Styles for Entries */
h3.Scholarship {color:Black;}
p.Scholarship {text-align:justify; color:Black; text-indent:15px;}
     
 /* these made no difference in FF/IE 
     height:25px;     min-height:25px;     max-height:25px;    */
  /*border-spacing :0px;*/
 /* outline:#000000 solid 0px; no effect   */
 /*margin-top:0px;
 margin-bottom:0px; */
 /* margin-left:6px;
  margin-right:6px;  */
 /*   made no difference in FF/IE */  
   /*min-height:27px;
    max-height:27px;   */
 

