﻿

body {
	color : #000000;
	margin : 0;
	padding : 0;
	vertical-align : top;
	background-color: #000000;
	background-position: center top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
} 
form
{
	margin: 0;
	padding: 0;
}
A:visited
{
	color: #0066CC;
}
.SubmitForgotPassword
{
	text-align: left;
	float: left;
}
.CancelForgotPassword
{
	
}
.CreateUser
{
	text-align: center;
}
.CancelUser
{
	text-align: center;
}
.locker_text1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFFFFF;
	font-weight: normal;
	text-align: center;
}
.PageInstructions {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-left: 10px;
}

#basic_page_data{
	/*  border: thin solid #336699; */
	height: 480px;

}

.main_bkg {
	background-image: url(../../Image/Dmm/home_bg.png);
	background-repeat: no-repeat;
}
.tutorial_bkg {
	background-image: url(../images/home_bg.png);
	background-repeat: no-repeat;
}
.locker_text2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #FFFFFF;
	font-weight: bolder;
	text-align: center;
}
.locker_field_label {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	font-weight: bold;
	text-align: left;
}
.locker_not_reg {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	font-weight: bold;
	text-align: left;
}
.locker_reg_here {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: bolder;
	text-align: left;
}
.locker_forgot_pw {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	font-weight: normal;
	text-align: left;
}
.home_copy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: normal;
	text-align: left;
}

.footer_text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	font-weight: bolder;
	padding-right: 10px;
	line-height: normal;
	padding-right: 10px;
	padding-left: 150px;
	padding-top: 18px;
	padding-bottom: 8px;
}

.footer_text A{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	font-weight: bolder;

	line-height: normal;

}

a.footer_text_locker:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #003366;
	font-weight: bold;
	padding-right: 10px;
	line-height: normal;
	padding-top: 12px;
	padding-bottom: 5px;
	text-decoration: none;
	font-style: normal;
}
.footer_text_locker {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFF00;
	font-weight: bolder;
	padding-right: 10px;
	line-height: normal;
	padding-top: 14px;
	padding-bottom: 8px;
}

.button2 {
	font-family: Arial, Helvetica, sans-serif;
	color: #CC0000;
	background-image: url(../../Image/Dmm/button_bg_home_footer1.gif);
	background-repeat: no-repeat;
	background-position: right;
	height: 24px;
	text-align: right;
	padding-top: 4px;
	margin-right: -2px;
	padding-right: 12px;
}
.button1 {
	font-family: Arial, Helvetica, sans-serif;
	color: #CC0000;
	background-image: url(../../Image/Dmm/button_bg_home_footer1.gif);
	background-repeat: no-repeat;
	background-position: right;
	height: 24px;
	text-align: right;
	padding-top: 3px;
	margin-right: -2px;
	padding-right: 12px;
}
.button1 A {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #7ea508;
	font-weight: bolder;
	background-repeat: no-repeat;
	background-position: right top;
	padding-top: 5px;
}
#parent_login {
	padding-left: 20px;
}
.youth_bkg {
	background-image: url(../../Image/Dmm/youth_home_bg2.png);
	background-repeat: no-repeat;
}
#parent_messages {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: italic;
	width: 90px;
	margin-left: 15px;
	margin-right: 10px;
	height: 180px;
}
.youth_btns1 {
	height: 60px;
	vertical-align: top;
	padding-left: 3px;
}
#coupon1 {
	padding-left: 18px;
	padding-top: 4px;
}
#coupon2 {
	padding-left: 25px;
}

#youth_game_graph {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bolder;
	color: #FFFFFF;
	margin-top: 0px;
	width: 165px;
	background-position: center;
	margin-left: 25px;
}
#youth_goal {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bolder;
	color: #006699;
	margin-top: 125px;
	margin-left: 42px;
	width: 120px;
	background-position: center;
	text-align: center;
}
#youth_spin2win {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bolder;
	color: #003366;
	margin-top: 0px;
	margin-left: 40px;
	width: 165px;
	background-position: center;
}
#youth_progress {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bolder;
	color: #FFFF99;
	margin-top: 35px;
	margin-left: 33px;
	width: 145px;
	background-position: center;
	text-align: center;
}
#youth_prize_image {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bolder;
	color: #FFFF99;
	margin-top: 42px;
	margin-left: 15px;
	width: 145px;
	background-position: center;
	text-align: center;
}
#youth_school_image {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bolder;
	color: #FFFF99;
	margin-top: 228px;
	margin-left: 21px;
	width: 125px;
	background-position: center;
	text-align: center;
}
#Standard_Box {
	height: 512px;
	width: 900px;
}
#flash_photos {
	height: 370px;
	width: 177px;
	border: thin solid #003399;
	position: relative;
	left: 85px;
	top: 135px;
}
#hm_enter_tickets {
	height: 370px;
	width: 177px;
	border: thin solid #003399;
	position: relative;
	left: 85px;
	top: 135px;
}

/* Home Page Link Classes*/

/* Go Buttons */

.go_button {
	height: 60px;
	width: 85px;
	display: block;
	background-image: url(../../Image/Dmm/button_go.gif);
	background-position: 0 0px;
	background-repeat: no-repeat;
	padding-top:16px;
	padding-left:3px;
	padding-bottom:8px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 30px;
	color: #000000;
	text-decoration: none;
	font-weight: bolder;
}

.go_button:hover{
	background-image: url(../../Image/Dmm/button_go.gif);
	background-position: 0 -60px;
	background-repeat: no-repeat;
	color: #FFFF99;
}


.go_button2 {
	height: 60px;
	width: 85px;
}

.go_button2 {
	display: block;
	background-image: url(../../Image/Dmm/button_go2_off.gif);
	background-repeat: no-repeat;
	padding-top:16px;
	padding-left:12px;
	padding-bottom:8px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 30px;
	color: #000000;
	text-decoration: none;
	font-weight: bolder;
}

.go_button2:hover{
	background-image: url(../../Image/Dmm/button_go2.gif);
	background-repeat: no-repeat;
	color: #FFFF99;
}

/* Login Button */

.login_button {
	margin-left: 48px;
	margin-bottom: 10px;
	display: block;
	background-image: url(../../Image/Dmm/button_login.gif);
	background-repeat: no-repeat;
	padding-top:15px;
	text-align: left;
	padding-left: 18px;
	padding-bottom: 18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #000000;
	text-decoration: none;
	font-weight: bolder;
}

.login_button:hover{
	background-image: url(../../Image/Dmm/button_login.gif);
	background-position: 0 -55px;
	background-repeat: no-repeat;
	color: #FFFF99;
}

.footer_text_locker1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #003366;
	font-weight: bold;
	padding-right: 10px;
	line-height: normal;
	padding-bottom: 5px;
	text-decoration: none;
	font-style: normal;
}

.footer_text_locker1 A:hover {
	color: #FFFF99;
}

.footer_text_locker1 A{
	color: #003366;
}

.register_here {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: normal;
	padding-top: 14px;
	padding-bottom: 8px;
}

.register_here A {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: url(../../images/button_register.gif);
	background-repeat: no-repeat;
	font-size: 18px;
	color: #003366;
	font-weight: bolder;
	padding-left: 28px;
	line-height: normal;
	padding-top: 12px;
	text-decoration: none;
	font-style: normal;
}

.register_here A:hover 
{
	background-repeat: no-repeat;
	background-position: 0 -55px;
	color: #FFFF99;
}

.register_button {
	height: 40px;
	width: 208px;
	border: none;
	display: block;
	background-image: url(../../image/Dmm/button_register.gif);
	background-repeat: no-repeat;
	padding-top:15px;
	padding-left:11px;
	padding-bottom:8px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #000000;
	text-decoration: none;
	font-weight: bolder;
}

.register_button:hover{
	background-position: 0 -55px;
	background-repeat: no-repeat;
	color: #FFFF99;
}
.register_button:visited 
{
	color: Black;
}
#home_copy_container {
	/*border: thin solid #FF0000;*/
	height: 320px;
}

#home_copy{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: normal;
	text-align: left;
	padding-left: 100px;
	padding-right: 15px;
	padding-top: 15px;
	padding-bottom: 20px;
}

.footer_button1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	font-weight: bolder;
	padding-right: 10px;
	padding-left: 200px;
	padding-top: 5px;
	padding-bottom: 10px;
	background-image: url(../../Image/Dmm/button_bg_home_footer1.gif);
	background-repeat: no-repeat;
	background-position: right top;
	padding-top: 5px;
	padding-bottom: 10px;
}

.footer_button1 A {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #7ea508;
	font-weight: bolder;
	padding-right: 100px;
	background-repeat: no-repeat;
	padding-top: 6px;
	padding-bottom: 8px;
}

.footer_button2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bolder;
	padding-right: 10px;
	padding-left: 200px;
	padding-top: 5px;
	padding-bottom: 10px;
	background-image: url(../../Image/Dmm/button_bg_home_footer1.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
.footer_button2 A {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #CC3333;
	font-weight: bolder;
	background-repeat: no-repeat;
	background-position: right top;
}


#footer_text_box{
	text-align: right;
}


/*  Youth home Column 1  */
#yhc1_bell{
	background-image: url(../../Image/Dmm/bell.png);
	height: 44px;
	width: 126px;
	top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	position: relative;
	left: 20px;
	background-repeat: no-repeat;
	padding-left: 0px;
	padding-top: 66px;
	font-weight: bold;
	margin: 0px;
	text-align: center;
	line-height: 21px;
}

#yhc1_message
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 115px;
	left: 23px;
	position: relative;
	top: 30px;
	height: 140px;
	border: none solid #FFF373;
}

#school_logo {
	height: 125px;
	width: 125px;
	position: relative;
	top: 75px;
	left: 24px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 11px;
	line-height: 21px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-decoration: none;
}

#school_logo A{
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 11px;
	line-height: 21px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-decoration: none;
	color: #3366CC;
	font-weight: bold;
}

#school_logo A:hover{
	text-decoration: underline;
}


/* Youth Home Column */

#yhc2_locker_door1{
	height: 125px;
	width: 125px;
	position: relative;
	top: 105px;
	left: 27px;
}

#yhc2_locker_door2{
	height: 125px;
	width: 125px;
	position: relative;
	top: 150px;
	left: 20px;
}

#youth_welcome {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bolder;
	color: #FFFFFF;
	margin-top: 23px;
	margin-left: 28px;
	width: 165px;
	background-position: center;
}

.youth_name {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #FFFFFF;
	font-weight: bolder;
}

#youth_enter_tickets  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bolder;
	color: #FFFFFF;
	margin-top: 33px;
	margin-left: 28px;
	width: 165px;
	background-position: center;
}


#youth_extra_credit  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: normal;
	color: #000000;
	margin-top: 10px;
	margin-left: 28px;
	width: 165px;
	background-position: center;
}

#youth_extra_credit A  {
	font-size: 20px;
	font-weight: bolder;
	color: #003366;
}

#youth_extra_credit A:hover  {
	color: #FF3300;
}


/* Column 4 */

#pda {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bolder;
	color: #000000;
	margin-top: 100px;
	margin-left: 65px;
	width: 200px;
	height: 240px;
	background-position: center;
}
.general_bkg {
	background-image: url(../../Image/Dmm/bg_general.png);
	background-repeat: no-repeat;
}
p {
	margin: 0px;
	padding: 2px;
	
}

.basic {
	background-image: url(../../Image/Dmm/bg_basic.png);
	background-repeat: no-repeat;
}

/* Parent Page */

#page_title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	line-height: 30px;
	font-weight: bold;
	padding-bottom: 8px;
	color: #006600;
	padding-top: 3px;
	padding-left: 5px;
	width: 500px;
	text-decoration: none;
}

#profile_summary {
	height: 90px;
	width: 850px;
	padding-left: 15px;
	padding-bottom: 25px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;

}

.field_label{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: right;


}

#child_management{
	height: 275px;
	width: 870px;
	border: none 1px black;
	overflow-y: scroll;
	overflow: -moz-scrollbars-vertical;
	margin-left: 10px;
	margin-top: 8px;

}

.child_profile_display {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: normal;
}

.child_profile_display A{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: normal;
}

.child_profile_display A:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFCC66;
	font-weight: normal;
}.child_profile_labels {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #08414A;
	font-weight: bold;
	background-color: #6BC7CE;
}
.child_profile_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #08414A;
	font-weight: bold;
	background-color: #6BC7CE;
}

.section_header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	line-height: 25px;
}


.Content
{
	text-align: center;
	width: 100%;
}
.LoginBlock
{
	text-align: center;
	margin: 0px;
	padding: 0px;
	background-color: #EEEEEE;
	border: none 1px black;
	width: 300px;
}
.LoginStatus
{
	float: right;
	margin: 10px;
}
.CreateAccount
{
	text-align: center;
	margin: 0px;
	padding: 0px;
	border: none 1px black;
	width: 800px;
}
.Footer
{
}
.Footer li
{
	display: inline;
	margin: 10px 50px 0px 50px;
}
.Footer li a
{
	text-decoration: underline;
	font-size: smaller;
	color: Blue;
}
.FieldLabel
{
	font-family:'Arial'; 
	color: black; 
	font-weight:bold; 
	font-size:9pt; 
	display: inline;
	float: left;
	width: 145px;
	text-align: right;
	margin: 0px 20px 0px 0px;

}
.FieldLabelNoStyling
{
	display: inline;
	float: left;
	width: 75px;
	text-align: right;
	margin: 0px 0px 0px 0px;
}
.FieldText
{
	font-family:'Arial';
	vertical-align: top;
	color: #444444;
	font-weight: normal;
	font-size: 9pt; 
	display: inline;
}

.ParentFieldText
{
	font-family:'Arial';
	vertical-align: top;
	color: #444444 !important;
	font-weight: normal;
	font-size: 9pt; 
	display: inline;
	border: none 1px black;
	background-color: Transparent;
}
.modalHidden
{
	display: none;
}
.modalShown
{
	display: block;
	z-index: 100;
}
#modalBackground
{
	top:0px;
   	left:0px;
	height:100%;
    width:100%;
	background-color:black;
    z-index:100;
    position:absolute;
    vertical-align:middle;
	filter:alpha(opacity=75);
	opacity:0.75;
}

/* CSS Document */
#progressWindow2 { background-color: Transparent; width: 100px; height: 100px; z-index: 1030; }

* html #progressWindow2 { /*\*/position: absolute; top: expression((275 + (ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop)) + 'px'); left: expression((350 + (ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft)) + 'px');/**/ }

#progressDiv > #progressWindow2 { position: fixed; top: 225px; left: 375px; }

#fileUploadWindow { width: 384px; height: 303px; z-index: 1030; }

* html #fileUploadWindow { /*\*/position: absolute; top: expression((225 + (ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop)) + 'px'); left: expression((375 + (ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft)) + 'px');/**/ }

#fileUploadDialog > #fileUploadWindow { position: fixed; top: 225px; left: 375px; }

#schoolAddWindow { width: 384px; height: 303px; z-index: 1030; }

* html #schoolAddWindow { /*\*/position: absolute; top: expression((225 + (ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop)) + 'px'); left: expression((375 + (ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft)) + 'px');/**/ }

#schoolAddDialog > #schoolAddWindow { position: fixed; top: 225px; left: 375px; }

#confirmationWindow { width: 384px; height: 303px; z-index: 1030; }

* html #confirmationWindow { /*\*/position: absolute; top: expression((225 + (ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop)) + 'px'); left: expression((375 + (ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft)) + 'px');/**/ }

#confirmationDialog > #confirmationWindow { position: fixed; top: 225px; left: 375px; }

.EncouragingTextBox
{
	overflow: hidden;
	width: 100px;
}

/* Blue Buttons */

.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}


a.button {
    background: transparent url('../images/blue_buttons_right.gif') no-repeat scroll top right;
    color: #444;
    display: inline;
    float: left;
    font: bold 10px arial, sans-serif;
    height: 17px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button:hover{
	background: transparent url('../images/blue_buttons_right.gif') no-repeat scroll top right;
	background-position: 100% -17px;
	background-repeat: no-repeat;
}


a.button span {
    background: transparent url('../images/blue_buttons_left.gif') no-repeat;
    display: block;
    line-height: 17px;
    padding: 0 0 0 18px;
} 


a.button:hover span{
    
	background-position: 0 -17px;
}
a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
} 


/* Tutorial Classes*/

.tutorial_label {
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
}

.tutorial_link {color: #99FFFF;}
.tutorial_link A {color: #99FFFF;}
.tutorial_link A:hover {color: #FFFFCC;}