@media only screen and (max-width:767px){
    .BodyClass {
        width:100%;
    }
    #maincontainerhome{
        margin:0px auto auto auto;
        width:100%;
        height:100%;
    }
    .TopTable
    {
        width:100%;
    }
    .BottomTable
    {
    	margin-top: 5px;
        width:100%;
    }

    h1.H1Header {
        font-size: 16pt;
    }
    h1.H1HeaderExtraLarge{
        font-size: 18pt;
    }
    h1.H1InsideHeader {
    	font-size: 16pt;
    }
    .HeadingWhite
    {
	    font-size: 20px;
    }
    .H2BodyText
    {
	    font-size: 25px;
    }
    .BodyTextBlueBold
    {
	    font-size:24px;
    }
    .BodyTextItalicSmall
    {
	    font-size:16px;
    }
    .BodyTextLarge
    {
	    font-size: 24px;
    }
    .BodyTextMedium
    {
	    font-size: 22px;
    }
    .BodyTextExtraLarge
    {
	    font-size: 30px;
    }
    .LoginLogout
    {
	    font-size: 24px;
        margin:15px
    }
    #mission{
	    margin: 5px auto;
	    width: 100%;
	    height: 75px;
        overflow:auto;
    }

}


.BodyClass {
    font: normal "Trebuchet MS", verdana, Arial,Helvetica,sans-serif;
    color: teal;
    background: #FFFFFF;
    width: 768px;
    margin: 0 auto;
    text-align: center;
    padding: 0;
}

.TopDiv{
    width:100%;
    margin:0 auto auto auto;
    text-align: center;
}

.TopTable
{
    width:100%;
    margin:0 auto auto auto;
    text-align: center;
}
.BottomTable
{
    align-content:center;
    align-self: center;
	border-width:0px;
	border-spacing:0;
    width:100%;
}

#ContentTable
{
    align-content:center;
    align-self: center;
	border-width:0px;
	border-spacing:0;
    width:100%;
}

h1.H1Header
{
	font-family: Arial;
	font-size: 12pt;
	text-align: center;
	color: #336699;
	margin: 0px;
	padding: 0px;
}
h1.H1HeaderExtraLargeOld
{
	font-family: Arial;
	font-size: 14pt;
	text-align: center;
	color: #336699;
	margin: 0px;
	padding: 0px;
}
h1.H1HeaderExtraLarge
{
	font-family: Arial;
	font-weight: bold;
	font-size: 13pt;
	text-align: center;
	background-color:#EEEEEE;
	color: #666;
	margin-top:0px;
	margin-bottom: 10px;
	padding: 6px;
	color: teal;
}
h1.H1InsideHeader
{
	font-family: Arial;
	font-weight: bold;
	font-size: 12pt;
	text-align: left;
	background-color:#EEEEEE;
	margin-top:0px;
	margin-bottom: 0px;
	padding: 6px;
	color: teal;
}

h1.BodyTextBold
{
	margin-top: 0px;
	height: 47px;
}
h1.BodyTextBoldCenter
{
	margin-top: 0px;
	height: 47px;
}

.VAlignCell{
	vertical-align: middle;
	text-align: center;
}

.td
{
	vertical-align: top;
	text-align: left;
}

.MyHLink
{
	color: teal;
}
a.MyHLink:link {
	color: teal;
}
a.MyHLink:visited {
	color: teal;
}
a.MyHLink:hover {
	color: teal;
}
a.MyHLink:active {
	color: teal;
}

.Heading
{
	color: teal;
	font-weight: bold;
	vertical-align: top;
	text-align: left;
}

.HeadingWhite
{
	color: white;
	font-weight: bold;
	vertical-align: top;
	text-align: left;
	font-size: 18px;
}

.BodyText
{
	color: teal;
	vertical-align: top;
	text-align: left;
}

a.BodyText:link {
	color: teal;
}
a.BodyText:visited {
	color: teal;
}
a.BodyText:hover {
	color: teal;
}
a.BodyText:active {
	color: teal;
}


.BodyTextRight
{
	color: teal;
	vertical-align: top;
	text-align: right;
}
.BodyTextNumeric
{
	color: teal;
	vertical-align: top;
	text-align: right;
}
.BodyTextBold
{
	color: teal;
	vertical-align: top;
	text-align: left;
	font-weight: bold;
	float:left
}
.BodyTextBoldCenter
{
	color: teal;
	vertical-align: top;
	text-align: center;
	font-weight: bold;
}
.ThreeStepsDesc
{
	margin: 0px 10px 0px 10px;
	color: teal;
	font-weight: bold;
	float: left;
	vertical-align: top;
	text-align: left;
}
.H2BodyText
{
	color: #008080;
	font-size: 24px;
	font-family: Arial,Helvetica,sans-serif;
	font-weight: bold;
	vertical-align: top;
	text-align: left;
	clip: rect(inherit, inherit, inherit, inherit);
}
.Flashing
{
	border-style: solid;
	color: #FFFFFF;
	vertical-align:middle;
	text-align: center;
	font-weight: bold;
	text-decoration: blink;
	background-color: #008080;
}
a.BodyTextBold:link {
	color: teal;
}
a.BodyTextBold:visited {
	color: teal;
}
a.BodyTextBold:hover {
	color: teal;
}
a.BodyTextBold:active {
	color: teal;
}

.BodyTextBoldRight
{
	color: teal;
	vertical-align: top;
	text-align: right;
	font-weight: bold;
	float:right
}
a.BodyTextBoldRight:link {
	color: teal;
}
a.BodyTextBoldRight:visited {
	color: teal;
}
a.BodyTextBoldRight:hover {
	color: teal;
}
a.BodyTextBoldRight:active {
	color: teal;
}
.BodyTextBlueBold
{
	color: #2b6298;
	font-size:22px;
	vertical-align: top;
	text-align: left;
	font-weight: bold;
	float:left
}
.BodyTextItalic
{
	color: teal;
	vertical-align: top;
	text-align: left;
	font-style: italic;
}
.BodyTextItalicSmall
{
	color: teal;
	vertical-align: top;
	text-align: left;
	font-style: italic;
	font-size:10px;
}

.BodyTextItalicBold
{
	color: teal;
	vertical-align: top;
	text-align: left;
	font-style: italic;
	font-weight: bold;
}

.BodyTextBlack
{
	color: black;
	vertical-align: top;
	text-align: left;
}
.BodyTextBlackBold
{
	color: black;
	vertical-align: top;
	text-align: left;
	font-weight: bold;
}
.BodyTextBlackBoldCenter
{
	color: black;
	vertical-align: top;
	text-align: center;
	font-weight: bold;
}


.BodyTextLeft
{
	color: teal;
	vertical-align: top;
	text-align: Left;
}
.BodyTextCenter
{
	color: teal;
	vertical-align: top;
	text-align: center;
}
a.BodyTextCenter:link {
	color: teal;
}
a.BodyTextCenter:visited {
	color: teal;
}
a.BodyTextCenter:hover {
	color: teal;
}
a.BodyTextCenter:active {
	color: teal;
}
.BodyTextLarge
{
	color: teal;
	vertical-align: top;
	text-align: left;
	font-size: 22px;
}
.BodyTextMedium
{
	color: teal;
	vertical-align: top;
	text-align: left;
	font-size: 20px;
}
.BodyTextMediumRight
{
	color: teal;
	vertical-align: top;
	text-align: right;
	font-size: 20px;
}
.BodyTextExtraLarge
{
	color: teal;
	vertical-align: top;
	text-align: left;
	font-size: 28px;
}
.LoginLogout
{
	color: teal;
	vertical-align: top;
	text-align: right;
	font-size: 20px;
	font-weight: bold;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
}
.Error
{
	color: Red;
	vertical-align: top;
	text-align: left;
}

.center-div	{
    margin-left: auto; 
    margin-right: auto;
}

.MenuTD
{
	vertical-align: middle;
}
.MenuBase
{
	color: white;
	margin: 0px;
	font-family: Arial;
	font-weight: bold;
	font-size: 12px;
}
.MenuBaseMobile
{
	color: white;
	margin: 0px;
	font-family: Arial;
	font-weight: bold;
	font-size: 20px;
}

.MenuHover
{
	color: yellow;
    display:block;
}
.MenuSelected
{
	color: yellow;
    display:block;
}

.MenuBaseDyn
{
	color: white;
	background-color: #336699;
	margin: 0px;
	font-family: Arial;
	font-weight: bold;
	font-size: 14px;
}

.MenuHoverDyn
{
	color: yellow;
	background-color: #336699;
}
.MenuSelectedDyn
{
	color: yellow;
	background-color: #336699;
}

.Intro
{
	color: teal;
	font-family: Verdana, Arial, Tahoma;
	vertical-align: top;
	text-align: left;
}
.GalleryText
{
	color: teal;
	font-family: Verdana, Arial, Tahoma;
	vertical-align: top;
	text-align: left;
}

.TableClear
{
    text-align:center;
	vertical-align: top;
	height: auto;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
}
.TableStd
{
	vertical-align: top;
	height: auto; /*
	border-right: silver 1px solid;
	border-top: silver 1px solid;
	border-left: silver 1px solid;
	border-bottom: silver 1px solid;
*/
}
.TD.TDRow1
{
	width: 50pc;
	vertical-align: top;
	text-align: left;
	background-color: #EFF3FB;
}
.TD.TDRow2
{
	width:50pc;
	vertical-align:top;
	text-align:left;
	background-color: white;
}
.TD.TDRowHdr
{
	width:50pc;
	vertical-align:top;
	text-align:left;
	background-color:#507CD1;
}
.TD.TDRowHdrCentre
{
	width: 50pc;
	vertical-align: top;
	text-align: Center;
	background-color: #507CD1;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
	color: white;
}
.TDSelectedTab
{
background-color:#507CD1;
}
.TDUnSelectedTab
{
background-color: White;
}

.OrangeBG
{
	background-image: url(Images/Orange.jpg);
	background-repeat: repeat;
	background-color: transparent;
}
.BlueBG
{
	background-color: #336699;
}
.PinkBG {
    background-image: url(Images/Pink.jpg);
    background-repeat: repeat;
    background-color: transparent;
    color: black;
}

.FloatingInfo
{
	float: right;
	border-style: groove;
	border-width: medium;
	display: block;
	position: relative;
	background-color: #C0C0C0;
	height: 200px;
	width: 200px;
	
}
.StandOutCell
{
	background-color: #E4E4E4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: inherit;
	color: #008080;
	font-style: italic;
	font-weight: lighter;
}
.UpdateNotification
{
	color: navy;
	font-family: Verdana, Arial, Tahoma;
	vertical-align: text-bottom;
	text-align: left;
	height: 22px;
	border-top-style: ridge;
	border-right-style: ridge;
	border-left-style: ridge;
	background-color: white;
	border-bottom-style: ridge;
	position: absolute;
	bottom: 0px;
	left: 0px;
	font-weight: bold;
}

a.lnkBoy:active
{
	background-position: center -23px;
	background-repeat: no-repeat;
	background-image: url('Boy.jpg');
	margin: -10px -10px -10px -10px;
	padding: 0em 1.2em;
	font: 12pt "arial";
	color: #00FFFF;
	text-decoration: none;
	font-weight: normal;
	letter-spacing: 0px;
	height: 50px;
	width: 150px;
}

a.lnkBoy:link
{
	background-position: center -23px;
	background-repeat: no-repeat;
	background-image: url('Boy.jpg');
	margin: 0px 0px 0px 0px;
	padding: 0em 1.2em;
	font: 12pt "arial";
	color: #0000FF;
	text-decoration: none;
	font-weight: normal;
	letter-spacing: 0px;
	height: 50px;
	width: 150px;
}

a.lnkBoy:visited
{
	background-position: center -23px;
	background-repeat: no-repeat;
	background-image: url('Boy.jpg');
	margin: 0px 0px 0px 0px;
	padding: 0em 1.2em;
	font: 12pt "arial";
	color: #0000FF;
	text-decoration: none;
	font-weight: normal;
	letter-spacing: 0px;
	height: 50px;
	width: 150px;
}

a.lnkBoy:hover
{
	background-position: center -23px;
	background-repeat: no-repeat;
	background-image: url('Boy.jpg');
	margin: 0px 0px 0px 0px;
	padding: 0em 1.2em;
	font: 12pt "arial";
	color: #000000;
	text-decoration: none;
	font-weight: normal;
	letter-spacing: 0px;
	height: 50px;
	width: 150px;
}
                                           
a.lnkGirl:active
{
	background-position: center -23px;
	background-image: url('Girl.jpg');
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
	padding: 0em 1.2em;
	font: 12pt "arial";
	color: #FF99FF;
	text-decoration: none;
	font-weight: normal;
	letter-spacing: 0px;
	height: 50px;
	width: 150px;
}

a.lnkGirl:link
{
	background-position: center -23px;
	background-image: url('Girl.jpg');
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
	padding: 0em 1.2em;
	font: 12pt "arial";
	color: #FF99FF;
	text-decoration: none;
	font-weight: normal;
	letter-spacing: 0px;
	height: 50px;
	width: 150px;
}

a.lnkGirl:visited
{
	background-position: center -23px;
	background-image: url('Girl.jpg');
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
	padding: 0em 1.2em;
	font: 12pt "arial";
	color: #FF99FF;
	text-decoration: none;
	font-weight: normal;
	letter-spacing: 0px;
	height: 50px;
	width: 150px;
}

a.lnkGirl:hover
{
	background-position: center -23px;
	background-image: url('Girl.jpg');
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
	padding: 0em 1.2em;
	font: 12pt "arial";
	color: #000000;
	text-decoration: none;
	font-weight: normal;
	letter-spacing: 0px;
	height: 50px;
	width: 150px;
}

.TDChildContainer
{
	vertical-align: top;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: capitalize;
	color: teal;
}
a.TDChildContainer:link {
	color: teal;
}
a.TDChildContainer:visited {
	color: teal;
}
a.TDChildContainer:hover {
	color: teal;
}
a.TDChildContainer:active {
	color: teal;
}

.QuestionnaireLink
{
	width: 40px;
	height: 40px;
}

a.QuestionnaireLink:link {
	color: teal;
}
a.QuestionnaireLink:visited {
	color: teal;
}
a.QuestionnaireLink:hover {
	color: teal;
}
a.QuestionnaireLink:active {
	color: teal;
}

.thumbnails img
{
height:40px;
width:40px;
}

img.Photo
{
	border-style: groove ridge ridge groove;
	border-width: thin;
	border-color: #CCCCCC #808080 #808080 #CCCCCC;
}

/* Animated Collipsible Panel */
.squarebox {
    border: solid 1px #336699;
    text-align: center;
    overflow: hidden; }
.squareboxgradientcaption {
    color: #ffffff;
    padding: 5px;
    background-image: url('gradient_blue.png');
    background-repeat: repeat-x; }
.squareboxcontent {
    background-color: #f5f5f5;
    padding: 10px;
    overflow: hidden;
    border-top: solid 1px #336699; }
    
.Timeout
{
	border: thin double Black;
	color: #FFFFFF;
	font-size: medium;
	font-weight: bold;
	margin: 10px;
	background-color: #FF5050;
	position: absolute;
	top: 300px;
	left: 70px;
	z-index: 1000;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
}

    
/* From ben */

#mission
{
	margin: 15px auto;
	height: 75px;
}

#maincontainerhome{

margin:0px auto;
width:740px;
/* height: 560px; */
height: 710px;
}

#maincontainer{

margin:0px auto;
width:740px;
height: 486px;
}
#final /* BB */
{
    position:relative;
	margin: 0px auto;
	width: 100%;
	height: 175px;
	top: auto;
}

/*HOME*/
#homeintro {
margin: 05px 0px;
padding: 05px 20px;
background:url(images/background-mum-baby-toys.jpg) no-repeat bottom;
text-align:left;
}
#homeintro h1 {
display:block;
width: 335px;
padding:0px;
margin:0px 0px 20px 0px;
color:#008080;
font-size: 22px;
font-family: "Trebuchet MS", verdana, Arial,Helvetica,sans-serif;
font-weight:bold;
}


#homeintro p{
padding:0px;
margin:0px;
}
#homeintro ul
{
	width: 640px;
	list-style: none;
	margin: -10px 0px 0px 0px;
	padding: -10px 0px 0px 0px;
}
#homeintro li
{
	padding: 0px 0px 10px 35px;
	margin: 0px;
	color: #008080;
	font-size: 20px;
	font-family: Arial,Helvetica,sans-serif;
	font-weight: bold;
	background-image: url(images/tick.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#homeabout {
margin: 20px 0px;
padding: 20px 20px 20px 350px;
background:url(images/background-kids.jpg) no-repeat bottom;
text-align: left;
}

#homeabout h2 {
color:#008080;
font-size: 22px;
font-family: "Trebuchet MS", verdana, Arial,Helvetica,sans-serif;
font-weight:bold;
padding:0px;
margin:0px 0px 20px 0px;
}

#homeabout p{
color:#008080;
font-size:15px;
font-family:Arial,Helvetica,sans-serif;
font-weight:bold;
padding:0px;
margin:0px 0px 15px 0px;
height: 110px;
}

#homeaboutyoutube
{
	margin: 0px;
	padding: 10px;
	text-align: center;
}

#homeaboutyoutube h2 {
color:#008080;
font-size: 22px;
font-family: "Trebuchet MS", verdana, Arial,Helvetica,sans-serif;
font-weight:bold;
padding:0px;
margin:0px 0px 20px 0px;
}

#homeaboutyoutube p
{
	color: #008080;
	font-size: 15px;
	font-family: Arial,Helvetica,sans-serif;
	font-weight: bold;
	padding: 0px;
	margin: 0px 0px 10px 0px;
	height: 35px;
}


a.bigbutton {
font-size:15px;
font-weight:bold;
width: 246px;
height:23px;
display:block;
padding:12px 0px 12px 40px;
margin:0px;
background: url(images/bluebutton.gif);
color:#FFFFFF;
text-decoration:none;
}

a.bigbutton:hover {
text-decoration:underline;
}

a.bigbutton2 {
font-size:18px;
font-weight:bold;
width: 280px;
height:23px;
display:block;
padding:12px 0px 12px 40px;
margin:0px;
background: url(images/bluebutton2.gif);
color:#FFFFFF;
text-decoration:none;
}

a.bigbutton2:hover {
text-decoration:underline;
}

button.bigbutton2 {
font-size:18px;
font-weight:bold;
width: 265px;
height:23px;
display:block;
padding:12px 0px 12px 40px;
margin:0px;
background: url(images/bluebutton2.gif);
color:#FFFFFF;
text-decoration:none;
}

/*How Speech Quest Works*/
#process {
height:399px;
margin: 20px 0px 20px 0px;

}
.stepcolumn {

width:218px;
height:418px;
float:left;
padding:0 39px 0 0;
background: url(images/column-divide.gif) repeat-y right top;
}

.stepcolumn h2{

color:#008080;
font-size:15px;
font-family:Arial,Helvetica,sans-serif;
font-weight:bold;

margin:0px 0px 15px 0px;
display:block;
padding:10px 0px 10px 45px;
}

.stepcolumn h2.one{

background:url(images/process1.gif) no-repeat left top;
}
.stepcolumn h2.two{

background:url(images/process2.gif) no-repeat left top;
}
.stepcolumn h2.three{

background:url(images/process3.gif) no-repeat left top;
}

.stepcolumn p{

color:#008080;
font-size:13px;
font-family:Arial,Helvetica,sans-serif;
font-weight:bold;
padding:0px;
margin:15px 0px 15px 0px;
text-align:left;
}
.stepcolumn.first {

}
.stepcolumn.last {

padding:0 0px 0 0;
background: none;

}
a.medbutton {
font-size:15px;
font-weight:bold;
width: 145px;
height:23px;
display:block;
padding:12px 0px 12px 40px;
margin:0px;
background: url(images/bluebutton-med.gif) no-repeat top left;
color:#FFFFFF;
text-decoration:none;
}

a.medbutton:hover {
text-decoration:underline;
}

a.medbutton2 {
font-size:15px;
font-weight:bold;
width: 145px;
height:23px;
display:block;
padding:12px 0px 12px 40px;
margin:0px;
background: url(images/bluebutton-med2.gif) no-repeat top left;
color:#FFFFFF;
text-decoration:none;
}

a.medbutton2:hover {
text-decoration:underline;
}

a.medbutton3 {
font-size:15px;
font-weight:bold;
width: 190px;
height:23px;
display:block;
padding:12px 0px 12px 40px;
margin:0px;
background: url(images/bluebutton-med3.gif) no-repeat top left;
color:#FFFFFF;
text-decoration:none;
}

a.medbutton3:hover {
text-decoration:underline;
}

/*process menu */
#processmenu {
border:1px solid #ddd;
height:37px;
padding:10px;
}


#processmenu .stepcolumn h2{

color:#336699;
font-size:14px;
font-family:Arial,Helvetica,sans-serif;
font-weight:bold;

margin:0px 0px 15px 0px;
display:block;
padding:10px 0px 10px 40px;
}

#processmenu .stepcolumn h2.first{

margin:0px 0px 15px 20px;
padding:10px 0px 10px 0px;
}
#processmenu .stepcolumn h2.one{

background:url(images/process1.gif) no-repeat left top;
}
#processmenu .stepcolumn h2.two{

background:url(images/process2.gif) no-repeat left top;
}
#processmenu .stepcolumn h2.three{

background:url(images/process3.gif) no-repeat left top;
}

#processmenu .stepcolumn h2 a{
color:#008080;
text-decoration:underline;
}

#processmenu .stepcolumn {

width:125px;
float:left;
margin:0px;
padding:0 30px 0 0;
background: url(images/rightarrow.gif) no-repeat right 8px;
background:none;
}
#processmenu .stepcolumn.last{


padding:0 0 0 0;
background: none;
}
/* for changing cursor on ASP:BUTTON */
.hoverbutton
{color:Navy;
 background-color:Silver;
 cursor:pointer;
  border-width:1px;
 border-style:Groove;
 font-size:14px;
 font-weight:bold;
 height:28px;
 width:250px;    
}
.static
{color:White;
 background-color:Navy;
 border-width:1px;
 border-style:Groove;
 font-size:14px;
 font-weight:bold;
 height:28px;
 width:250px;    
 }
/* end of button cursor */

/* Buy Table definition*/

/* end of  Buy Table */

/* Score Bar */
td.BG0to25
{
	border: thin solid #FFFFFF;
	background-color: Red;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000000;
	vertical-align: top;
	text-indent: 5px;
	text-align: center;
}
td.BG26to50
{
	border: thin solid #FFFFFF;
	background-color:Orange;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000000;
	vertical-align:top;
	text-indent: 5px;
	text-align: center;
}
td.BG51to75
{
	border: thin solid #FFFFFF;
	background-color: Orange;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000000;
	vertical-align: top;
	text-indent: 5px;
	text-align: center;
}
td.BG76to100
{
	border: thin solid #FFFFFF;
	background-color:Lime;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000000;
	vertical-align:top;
	text-indent: 5px;
	text-align: center;
}

/* for obout flyout */
.flyout
{
	
}
a.flyout
{
	font: small Verdana;
	color: #000000;
	text-decoration: underline;
}
a.flyout:hover {
    color:Red;
}
.tdText {
    font:11px Verdana;
    color:#333333;
}
.pnlStyle
{
	border-style: solid;
	border-width: thin;
	border-color: #666666 #C0C0C0 #C0C0C0 #666666;
	font: small Verdana;
	color: #000000;
	background-color: InfoBackground;
	padding: 5px;
	width: 300px;
	height: 300px;
	text-align: left;
}
        .pnlStyle a 
        {
            margin-top:5px;
        }
        .style1
        {
            width: 400px;
        }
        .style2
        {
            width: 80px;
        }
        .style3
        {
            width: 280px;
        }
        
.pnlStyleSmall
{
	border-style: solid;
	border-width: thin;
	border-color: #666666 #C0C0C0 #C0C0C0 #666666;
	font: small Verdana;
	color: #000000;
	background-color: InfoBackground;
	padding: 5px;
	width: 300px;
	height: 150px;
	text-align: left;
}
        .pnlStyle a 
        {
            margin-top:5px;
        }
        .style1
        {
            width: 400px;
        }
        .style2
        {
            width: 80px;
        }
        .style3
        {
            width: 280px;
        }

.pnlStyleLarge
{
	border-style: solid;
	border-width: thin;
	border-color: #666666 #C0C0C0 #C0C0C0 #666666;
	font: small Verdana;
	color: #000000;
	background-color: InfoBackground;
	padding: 5px;
	width: 400px;
	height: 500px;
	text-align: left;
}
        .pnlStyle a 
        {
            margin-top:5px;
        }
        .style1
        {
            width: 400px;
        }
        .style2
        {
            width: 80px;
        }
        .style3
        {
            width: 280px;
        }
        
.pnlStyleLargeWide
{
	border-style: solid;
	border-width: thin;
	border-color: #666666 #C0C0C0 #C0C0C0 #666666;
	font: small Verdana;
	color: #000000;
	background-color: InfoBackground;
	padding: 5px;
	width: 600px;
	height: 500px;
	text-align: left;
}
        .pnlStyle a 
        {
            margin-top:5px;
        }
        .style1
        {
            width: 400px;
        }
        .style2
        {
            width: 80px;
        }
        .style3
        {
            width: 280px;
        }
        
/* DHTML Goodies Start*/
	#dhtmlgoodies_tooltip{
		background-color:#EEE;
		border:1px solid #000;
		position:absolute;
		display:none;
		z-index:20000;
		padding:2px;
		font-size:0.9em;
		-moz-border-radius:6px;	/* Rounded edges in Firefox */
		font-family: "Trebuchet MS", "Lucida Sans Unicode", Arial, sans-serif;
		
	}
	#dhtmlgoodies_tooltipShadow{
		position:absolute;
		background-color:#555;
		display:none;
		z-index:10000;
		/*opacity:0.7;
		filter:alpha(opacity=70);*/
		-khtml-opacity: 0.7;
		-moz-opacity: 0.7;
		-moz-border-radius:6px;	/* Rounded edges in Firefox */
	}
/* DHTML Goodies End */
/*
table.BuyTable
{
	border-style: groove outset outset groove;
	border-width: medium;
}
*/
table.BuyTable
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	vertical-align: top;
	text-indent: 5px;
	text-align: center;
	border-style: groove outset outset groove;
	border-width: medium;
	border-color:Black
}

table.SkillTable
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	vertical-align: top;
	text-indent: 5px;
	text-align: left;
	border-style: groove outset outset groove;
	border-width: thin;
	border-color: #C0C0C0 #999999 #999999 #C0C0C0;
}

td.SkillTableHdr
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	vertical-align: top;
	text-indent: 5px;
	text-align: left;
	border: thin solid #C0C0C0;
	background-color: #C0C0C0;
}
td.SkillTable
{
	border: thin solid #C0C0C0;
}

.Testimonial
{
	border-style: solid;
	border-color: #999999 #CCCCCC #CCCCCC #999999;
	background-color: #EBEFF2;
	font-family: Arial, Helvetica, sans-serif;
	color: #008080;
	font-weight: lighter;
	text-indent: 5px;
	text-align: left;
}

/* MessageBox

*/
/* Modal Popup CSS*/
.mpBg
{
	background-color: #3753fc;
	-ms-filter: alpha(opacity=30);
	-ms-opacity: 0.3;

}
.mp
{
	background-color: white;
	border-width: 3px;
	border-style: solid;
	border-color: Gray;
	padding: 3px;
}
.mpHd
{
	background-color: #616cae;
	border-color: White;
	border-width: 1px;
	color: White;
	font-weight: bold;
	width: 100%;
	height: 16px;
}
.mpClose
{
	text-align: center;
	width: 100%;
}
.mpCloseButton
{
	position: absolute;
	right: 4px;
	width: 17px;
	height: 18px;
}

.TableResults
{
	border: 1px outset LightGrey;
	width: 100%;
	vertical-align: top;
	height: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15pt;
	color: #008080;
}
.ColHdr
{
	border-width: 1px;
	border-style: solid;
	width: 100%;
	vertical-align: top;
	text-align: center;
	background-color: #C0C0C0;
	text-transform: capitalize;
	font-family: Arial, Helvetica, sans-serif;
	font-size: large;
	font-weight: bold;
	font-style: normal;
	color: #000000;
}
.Col1Hdr
{
	width: 384px;
	border-width: 1px;
	border-style: solid;
	vertical-align: bottom;
	text-align: left;
	text-indent: 5px;
	background-color: #D3D3D3;
	font-family: Arial, Helvetica, sans-serif;
	font-size: large;
	color: #008080;
	font-weight: bold;
}
.Col2Hdr
{
	width: 384px;
	border-width: 1px;
	border-style: solid;
	vertical-align: bottom;
	text-align: left;
	text-indent: 5px;
	background-color: #D3D3D3;
}
.Col1
{
	width: 340px;
	border-width: 1px 0px 1px 1px;
	border-style: solid;
	vertical-align: middle;
	text-align: left;
	text-indent: 5px;
}
.Col2
{
	width: 44px;
	border-width: 1px 1px 1px 0px;
	border-style: solid;
	vertical-align: middle;
	text-align: right;
}
.Col3
{
	width: 340px;
	border-width: 1px;
	border-style: solid;
	vertical-align: middle;
	text-align: left;
	text-indent: 5px;
}
.Col4
{
	width: 44px;
	border-width: 1px;
	border-style: solid;
	vertical-align: middle;
	text-align: right;
}
.RowHdr
{
	border-width: 1px;
	border-style: solid;
	vertical-align: top;
	text-align: left;
}
.ResultsBody
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: large;
	font-weight: bold;
	color: #008080;
	vertical-align: bottom;
	text-align: left;
}
.NeedsHelp
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-large;
	font-weight: bold;
	color: #FF0000;
	vertical-align: top;
	text-align: center;
}
.NeedsNoHelp
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-large;
	font-weight: bold;
	color: #008000;
	vertical-align: top;
	text-align: left;
}
.HelpOption
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: large;
	font-weight: bold;
	color: #008080;
	vertical-align: top;
	text-align: left;
	background-color: #CCCCCC;
	color: #336699;
	text-indent: 5px;
}
.HelpFactImg
{
	vertical-align: top;
}
.HelpFact
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight: normal;
	color: #008080;
	vertical-align: top;
	text-align: left;
	color: #336699;
}
.SpeechQuestClose
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: large;
	font-weight: bold;
	font-style: normal;
	color: #000000;
	text-align: center;
	vertical-align: top;
}

/*Modal Popup*/
.modalBackground
{
	background-color: Gray;
	/*
	filter: alpha(opacity=70);
	opacity: 0.7;
*/
}

.modalPopup
{
	background-color: #ffffdd;
	border-width: thin;
	border-style: solid;
	border-color: Gray #C0C0C0 #C0C0C0 Gray;
	padding: 3px;
	width: 250px;
}

.dropShadowPanel1
{
	width: 760px;
	background-color: #E57819;
}
.dropShadowPanel2 
{
	width:760px;
	background-color:#5377A9;
	color:white;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
}


/* New WhatNext Page */
.TableWhatNextTop
{
	width: 100%;
	text-align:left;
	font-size: Medium; 
}
.TableWhatNextHdr
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-large;
	font-style: normal;
	color: #008080;
}
.TableWhatNextAdvice
{
}

.TableWhatNextHdrCellL
{
	border-style: none none solid none;
	border-width: 1px;
	border-color: #C0C0C0;
	vertical-align: top;
}
.TableWhatNextHdrCellR
{
	 vertical-align:top
}
.SpanSubscribeText
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: large;
	color: #008080;
	font-weight: bold;
}
.SpanSubscribePrice
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: large;
	color: #800000;
	font-weight: normal;
}
.TableWhatNext
{
	width: 530px;
}
.ULSalesPoints
{
	list-style-image: url(images/tick.png);
}	
.TableWhatNextScores
{
	border-style: none none none solid;
	border-width: 1px;
	border-color: #C0C0C0;
	width: 238px;
}
.TableWhatNextScoreHdr
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: large;
	font-style: normal;
	color: #008080;
}
.TableWhatNextScoreSubHdr
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	font-style: normal;
	color: #008080;
}
.TableWhatNextScoreSubHdr2
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	font-style: normal;
	color: #008080;
	font-weight: bold;
}
.TableWhatNextScoreCol1
{
	width: 40px;
	vertical-align: top;
}
.TableWhatNextScoreCol2
{
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	color: #008080;
	width: 198px;
	vertical-align: middle;
	text-indent: 10px;
	font-weight: normal;
	font-size: small;
}
.Score0to25
{
	background-color: Red;
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	color: #000000;
}
.Score26to50
{
	background-color: #FFC0CB;
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	color: #000000;
}
.Score51to75
{
	background-color: Orange;
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	color: #000000;
	}
.Score76to100
{
	background-color:Lime;
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	color: #000000;
}
.MoreHelpIntro
{
	font-family: Arial, Helvetica, sans-serif;
	color: #008080;
	font-size: x-large;
	padding-bottom: 5px;
}
.MoreHelpHdr
{
	font-family: Arial, Helvetica, sans-serif;
	color: #008080;
	font-size: large;
	font-weight: bold;
	padding-top: 15px;
	padding-bottom: 15px;
}
.MoreHelpBody
{
	font-family: Arial, Helvetica, sans-serif;
	color: #008080;
	font-size: Medium;
	padding-bottom: 15px;
}

.ArrowSpacer
{
	margin-right: 5px;
	margin-left: 5px;
}
/* New No Thanks Page */
.TableNoThanksTop
{
	width: 100%;
	text-align:left;
	font-size: Medium; 
}
.TableNoThanksHdr
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-large;
	font-style: normal;
	color: #008080;
}

.TableNoThanksHdrCellL
{
	border-style: none none solid none;
	border-width: 1px;
	border-color: #C0C0C0;
	vertical-align: top;
}
.TableNoThanksHdrCellR
{
	 vertical-align:top
}
.GoogleAdTopRight
{
	vertical-align: top;
	text-align: right;
}

.LinksRow
{
	border-bottom-style: solid;
	border-bottom-width: thin;
	border-bottom-color: #CCCCCC;
}
.Links_BodyTextBoldLarge1
{
	color: teal;
	vertical-align: top;
	text-align: left;
	font-weight: bold;
	float: left;
	font-size: large;
	width: 250px;
}
.Links_BodyTextBoldLarge2
{
	color: teal;
	vertical-align: top;
	text-align: left;
	font-weight: bold;
	float: left;
	font-size: large;
	width: 150px;
}
.Links_BodyTextBoldLarge3
{
	color: teal;
	vertical-align: top;
	text-align: left;
	font-weight: bold;
	float: left;
	font-size: large;
	width: 350px;
}
.Links_BodyTextBold
{
	color: teal;
	vertical-align: top;
	text-align: left;
	font-weight: bold;
	float: left;
	width: 250px;
}
.Links_BodyText1
{
	color: teal;
	vertical-align: top;
	text-align: left;
	font-weight: normal;
	float: left;
	width: 150px;
}
.Links_BodyText2
{
	color: teal;
	vertical-align: top;
	text-align: left;
	font-weight: normal;
	float: left;
	width: 350px;
}