body{
	background:#2ab04a;
	margin-top:0px;
	padding-top:0px;
	background:url(/milomy/playMore/images/PH2/background.jpg) repeat-x top left;
	background-color:#2ab24a;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

td,div,html,body,span{
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
   /* background-color:#2ab24a;*/
}


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, fieldset, form, legend, caption {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}

#wrapper{
	margin:0px auto;
	width:950px;
	position:relative;
}

#wrapper-inner{
	margin:0px auto;
	width:950px;
	position:relative;
	height:591px;
	background:url(/milomy/playMore/images/PH2/innerBackground.jpg) no-repeat top;
}


/*------------------------------------------------------------------shout out box */
.shoutOut{
	width:186px;
	height:270px;
	position:absolute;
	top:306px;
	left:0px;
	z-index:1;
}

.shoutOutDiv{
	color:#FFF;
	padding:5px 0 5px 0;
	border-bottom:1px dotted #000;
}

.shoutOutDiv span{
	color:#000;
	font-weight:bold;
}

.chatHolder{
	background-color:#b69953;
	padding:0px 10px;
	background:url(/milomy/playMore/images/PH2/shout_outBackground.jpg) repeat-x top;
}

/* shoutOut */
#shoutOut-chat{
	visibility:hidden;
	width:178px;
	height:180px;
	position:absolute;
	bottom:-34px;
	right:2px;
}

*html #shoutOut-chat{
	bottom:0px;
		right:1px;
}

*:first-child+html #shoutOut-chat{
	bottom:-30px;
}

#shoutOut-chat-show{
	width:186px;
	height:161px;
	position:absolute;
	bottom:0px;
}


.chatBoxForm{
	background-color:#eaebcc;
	width:164px;
	height:150px;
	padding:5px 7px;
}

.chatBoxForm input{
font-size:11px;
padding:2px;
margin:2px 0px;
}

.buttonSmiley{
	margin-top:9px;
}

.buttonCharBox{
	margin-top:9px;
}

/*------------------------------------------------------------------navigation*/
#navigation{
    width:544px;
	height:80px;
	position:absolute;
	top:562px;
	left:95px;
	z-index:5;
	color:#fff046;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	font-weight:bold;
}
/*------------------------------------------------------------------NavAbout*/
#NavAbout{
	visibility:hidden;
	position:absolute;
	z-index:-1;
	left:0px;
	top:35px;
	height:24px;
	background:url(/milomy/playMore/images/PH2/nav_sub_green_left.gif) no-repeat;
	padding:23px 0 0 35px;
}
#NavAbout a{
	float:left;
	color:#fff046;
	display:block;
	text-decoration:none;
}
#NavAbout a:hover{
	color:White;
	display:block;
	text-decoration:none;
}
/*-------------NavPledge*/
#NavPledge{
	visibility:hidden;
	position:absolute;
	z-index:-1;
	left:155px;
	top:35px;
	height:24px;
	background:url(/milomy/playMore/images/PH2/nav_sub_green_left.gif) no-repeat;
	padding:23px 0 0 35px;
}
#NavPledge a{
	float:left;
	color:#fff046;
	display:block;
	text-decoration:none;
}
#NavPledge a:hover{
	color:White;
	display:block;
	text-decoration:none;
}

/*-------------NevPlay*/
#NavSub{
	visibility:hidden;
	position:absolute;
	z-index:-1;
	left:286px;
	top:35px;
	height:24px;
	background:url(/milomy/playMore/images/PH2/nav_sub_green_left.gif) no-repeat;
	padding:23px 0 0 35px;
}
#NavSub a{
	float:left;
	color:#fff046;
	display:block;
	text-decoration:none;
}
#NavSub a:hover{
	color:White;
	display:block;
	text-decoration:none;
}
.width250{
	width:250px;
}
.width190{
	width:190px;
}
.width130{
	width:130px;
}
.width110{
	width:110px;
}
.width90{
	width:90px;
}
.width30{
	width:30px;
}
.navLast{
	background:url(/milomy/playMore/images/PH2/nav_sub_green_right.gif) no-repeat 0 35px;
}

/*------------------------------------------------------------------MILO LOGO */
#MILOlogo{
	width:312px;
	height:174px;
	position:absolute;
	left:645px;
	top:470px;
	visibility: visible;
}

#MILOlogo-inner{
	width:347px;
	height:194px;
	position:absolute;
	left:606px;
	top:468px;
	visibility: visible;
}


/*------------------------------------------------------------------footer*/
#footer
{
    	position:relative;
	z-index:5;
	height:45px;
	color:white;
	font-size:12px;
	background:#1b7430;
	border-top:solid 1px #7ae674;
width: 100%;
clear:both;
margin-top:70px;
    /*font:Arial, Helvetica, sans-serif;
	position:relative;
	height:29px;
	color:white;
	font-size:11px;
	background:#1b7430;
	border-top:solid 1px #7ae674;
margin-bottom: 0px;
bottom: 0px;
left: 0px;
right: 0px;
width: 100%;
clear:both;
margin-top:-15px;*/
}

#footerContent{
	width:930px;
	margin:5px auto;
}
#footerContent ul{
margin:0px;
padding:0px;
}
#footerContent li{
	list-style-type:none;
	list-style:none;
}
#footer a:link, #footer a:visited{
	color:white;
	text-decoration:underline;
}
#footer a:hover{
	color:white;
	text-decoration:none;
}

/* footer inner */

#footer-inner{
	position:relative;
	z-index:5;
	height:45px;
	color:white;
	font-size:12px;
	background:#1b7430;
	border-top:solid 1px #7ae674;
width: 100%;
clear:both;
margin-top:70px;
}

#footer-inner a:link, #footer-inner a:visited{
	color:white;
	text-decoration:underline;
}
#footer-inner a:hover{
	color:white;
	text-decoration:none;
}

/* Content Holder */
.contentsHolder{
	position:absolute;
	top:0px;
}

/* Three elements - is a wrapper that hold all three elements that is, Shout-Out Box, Navigation and the logo*/
.threeElements{
	position:relative;
	z-index:3;
}

/* Curve Holder - is a holder that holds the bottom curve image file, it helps cover the bahind contents */
.curveCoverHolder{
	position:relative;
	width:100%;
	z-index:1;
	left:4px;
	}
	
/* curve cover */
.curveCover{
	position:absolute;
	top:561px;
	visibility: visible;
	left:3px;
}


/* startPledging */
.startPledging{
height:520px;
width:375px;
position:absolute;
top:70px;
left:250px;
/*margin:88px 0 0 250px;*/
}

.pledge-inner{
	padding:0 30px;
	background:url(/milomy/playMore/images/PH2/pledgeBackground.gif) no-repeat 0px 0px;
}

.pledge-inner-sms{
	padding:0 10px;
	background:url(/milomy/playMore/images/PH2/pledgeBackground.gif) no-repeat 0px 0px;
}


/* FORMs */
.ptxtField{
border:1px solid #929292;
background:url(../images/PH2/textField_background.gif) no-repeat top left;
color:#666px;
font-size:11px;
}

.ptxtField200{
border:1px solid #929292;
background:url(../images/PH2/textField_background.gif) no-repeat top left;
color:#666px;
font-size:11px;
width:200px;
}

.pledge-table{
	margin-top:5px;
}

.pad2{
	padding-top:2px;
}

.pad8{
	padding-top:8px;
}

.hourSelection{
   width:240px;
	height:35px;
	background:url(../images/PH2/pledge_hourSelection.gif) no-repeat;
	padding:3px;
}


/* Pledge Choose */
.pledgeChoose{
  background-color:#f9f3d7;
	border:1px solid #fff;
	height:70px;
	overflow:auto;
	overflow-x:none;
}


.pledgeChooseUL
{
font-weight:bold;
margin-left:10px;
padding-left:20px;
margin-top:-3px;
}

.pledgeChooseUL li{
list-style:decimal;
border-bottom:1px dotted #6f6028;
padding:5px 8px 13px 0px;
}

.pledgeDIVborder{
border-bottom:1px dotted #6f6028;
}

.pledgeChooseUL li a{
font-weight:normal;
color:#6f6028;
text-decoration:none;
}

/* newspaper */
.schoolProfile{
	width:243px;
	height:258px;
position:absolute;
top:59px;
right:117px;
z-index:1;
}

/* Inner counter */
.counter-flash{
	width:233px;
    height:66px;
    position:absolute;
    top:1px;
    margin-top:0px;
    left:359px;
    color:#a3cee7;
}

.pledge-smsTD{
	height:139px;
	font-size:12px;
	line-height:20px;
}

.pledge-smsTD span{
font-weight:bold;
color:#1b6f2f;
}

.smsExample{
	width:148px;
	float:right;
}

.smsExample span{
	color:#ad5d27;
	font-weight:bold;
	font-size:11px;
	display:block;
	padding-left:5px;
}	

/* Content PMLM */
.contentPMLM{
height:501px;
width:490px;
position:absolute;
top:91px;
left:243px;
/*margin:88px 0 0 250px;*/	
}

.contentPMLM-school{
height:501px;
width:550px;
position:absolute;
top:91px;
left:243px;
}

.schoolProfile-about{
	width:302px;
	height:265px;
position:absolute;
top:57px;
right:0px;
z-index:2;
}

.schoolProfile-yourMin{
		width:167px;
	height:59px;
position:absolute;
top:300px;
right:72px;
z-index:1;
	}
	
.schoolProfile-aboutPledge{
			width:167px;
	height:59px;
position:absolute;
top:417px;
left:269px;
z-index:1;
}

.schoolProfile-playtime{
		width:89px;
	height:406px;
position:absolute;
top:87px;
right:155px;
z-index:1;
}

/* school profile contents */
.schoolProfiles_cntWrapper{
	width:508px;
	height:435px;
	overflow:auto;
	overflow-x:hidden;

}

.schoolProfiles_cntWrapper .header{
font-size:16px;
font-weight:bold;
margin-bottom:8px;
clear:both;
}

.schoolProfiles_cntWrapper .subheader{
font-size:13px;
font-weight:bold;
margin-bottom:8px;
clear:both;
}

.imge_left{
margin:0 5px 5px 0px;
float:left;
}

.imge_right{
margin:0 0 5px 5px;
float:right;
}


/* FAQ */

.et-q{
	color:#062a44;
	font-weight:bold;
	list-style:none;
	display:block;
	background:url(/milomy/playMore/images/PH2/icon_question.gif) no-repeat 2px 5px;
	width:100%px;
	padding:0 0 0 20px;
	line-height:20px;
}

.et-a{
	list-style:none;
	display:block;
	background:url(/milomy/playMore/images/PH2/icon_answer.gif) no-repeat 0 2px;
	width:100%px;
	padding:0 0 0 20px;
	margin-bottom:16px;
		line-height:20px;
}

/* FAQ */
.faqWrapper{
	width:440px;
	height:420px;
	overflow:scroll;
	overflow-x:hidden;
}

.faqWrapper a{
	color:#062a44;
	text-decoration:underline;
}

/* Media */
.mediaPMLM{
height:417px;
width:521px;
position:absolute;
top:101px;
left:252px;
/*margin:88px 0 0 250px;*/	
}

/* Media Sub NAV */
.media-subNavUL{
margin:0px;
padding:0px;
}

.media-subNavUL li{
	display:inline;
	width:1px;!important
}

*html .media-subNavUL li a{
	width:30px; /*IE 6 hack force this stupid width to collapse*/
	}

.media-subNavUL li a{
	display:block;
	float:left;
	text-align:center;
	height:22px;
	background:transparent url(/milomy/playMore/images/PH2/btn_media_topNavYellow_right.gif) no-repeat scroll top right;
	text-decoration:none;
	font-weight:bold;
	color:#000;
	padding-right:3px;
	cursor: pointer;
}

.media-subNavUL li a span{
	display: block;
    line-height: 14px;
	height:22px;
	padding:3px 3px 0 6px;
	background:transparent url(/milomy/playMore/images/PH2/btn_media_topNavYellow_left.gif) no-repeat top left;
}

.media-subNavUL li.seperator{
display:block;
border-left:1px dotted #3ef01c;
margin:0px 5px;
float:left;
height:22px;
list-style:none;
width:1px;
}

/* Hover state */
.media-subNavUL li a:hover{
	display:block;
	float:left;
	text-align:center;
	height:22px;
	background:transparent url(/milomy/playMore/images/PH2/btn_media_topNavDarkBlue_right.gif) no-repeat scroll top right;
	text-decoration:none;
	font-weight:bold;
	color:#FFF;
	padding-right:3px;
	cursor: pointer;
}

.media-subNavUL li a:hover span{
	display: block;
    line-height: 14px;
	height:22px;
	padding:3px 3px 0 6px;
	background:transparent url(/milomy/playMore/images/PH2/btn_media_topNavDarkBlue_left.gif) no-repeat top left;
}

/* Selected State */
.media-subNavUL li a.selected{
	display:block;
	float:left;
	text-align:center;
	height:22px;
	background:transparent url(/milomy/playMore/images/PH2/btn_media_topNavDarkBlue_right.gif) no-repeat scroll top right;
	text-decoration:none;
	font-weight:bold;
	color:#FFF;
	padding-right:3px;
	cursor: pointer;
}

.media-subNavUL li a.selected span{
	display: block;
    line-height: 14px;
	height:22px;
	padding:3px 3px 0 6px;
	background:transparent url(/milomy/playMore/images/PH2/btn_media_topNavDarkBlue_left.gif) no-repeat top left;
}

/* start your pledge */
.media-subNavUL li a.startUrPledgeBtn{
display:inherit;
background:none;
float:left;
position:absolute;
margin-top:-8px;
}

/* Playtime Pagination */
.paginationWrapper{
	float:right;
	margin-right:90px;
}

*html .paginationWrapper{
	float:right;
	margin-right:43px;
}

/***** TV pagination *******/

.playTime-paginationULTVC{
margin:0px;
padding:0px;
}

.playTime-paginationULTVC li{
display:inline;
}

.playTime-paginationULTVC li a{
display:block;
background:transparent url(/milomy/playMore/images/PH2/pagination_smallLong.gif) no-repeat center;
height:18px;
width:93px;
float:left;
margin:0px 2px;
color:#d56e35;
text-align:center;
text-decoration:none;
cursor:pointer;
}

.playTime-paginationULTVC li a:hover{
color:#6f3617;
}

.playTime-paginationULTVC li a.selected{
background:transparent url(/milomy/playMore/images/PH2/pagination_smallLong.gif) no-repeat center;
height:18px;
width:93px;
color:#183a31;
font-weight:bold;
}


/***End Tvc Pagination ***/

.playTime-paginationUL{
margin:0px;
padding:2px;
}

/*.playTime-paginationUL{
display:inline;
}*/

.playTime-paginationUL a{
display:block;
background:transparent url(/milomy/playMore/images/PH2/pagination_bigBack.gif) no-repeat center;
height:18px;
width:34px;
float:left;
margin:0px 2px;
color:#d56e35;
text-align:center;
text-decoration:none;
cursor:pointer;
}

.playTime-paginationUL a:hover{
color:#183a31;
}

.playTime-paginationUL a:visited{
color:#000000;
}

/*.playTime-paginationUL a.back{
background:transparent url(/milomy/playMore/images/PH2/pagination_bigBack.gif) no-repeat center;
height:18px;
width:34px;
color:#848948;
}*/

#Textpaging a:active
{
  color:#000000;  
}

.playTime-paginationUL a:active{
background:transparent url(/milomy/playMore/images/PH2/pagination_bigBack.gif) no-repeat center;
height:18px;
width:34px;
color:#000000;
font-weight:bold;
}


/*.playTime-paginationUL a.next{
background:transparent url(/milomy/playMore/images/PH2/pagination_bigBack.gif) no-repeat center;
height:18px;
width:34px;
color:#09234a;
}*/

/* playtime TextONly */

.play-textGallery{
	width:100%;
	height:326px;
overflow:auto;
overflow-x:hidden;
	}
	
.play-textBoxes{
	background:url(/milomy/playMore/images/PH2/gallery_textOnlyBack.png) no-repeat;
	height:140px;
	width:213px;
	margin:3px;
	float:left;
}

*html .play-textBoxes{
	background:transparent url(/milomy/playMore/images/PH2/gallery_textOnlyBack.jpg) no-repeat top center;
}

.play-textTitle{
	 padding:8px 10px 10px 15px;
}

.play-textTitle span{
 font-weight:bold;
}

.play-textCnt{
	padding:0px 10px 10px 15px;
}

/* School profile */
.schoolProfileWrapper{
height:417px;
width:698px;
position:absolute;
top:101px;
left:252px;
/*margin:88px 0 0 250px;*/	
}

/* Wrapper */
.audioBackWrapper{
width:446px;
height:340px;
background:url(../images/PH2/audioBackground.png) no-repeat;
}

.audioCntHolder{
width:446px;
height:330px;
overflow:scroll;
overflow-x:hidden;
/*padding:20px 20px 0px 20px;*/
padding-top:10px;
}

/* ***************************************************************** Sitemap */

.siteMapWrapper{
	width:410px;
	height:420px;
	padding-left:20px;
}

.siteMapWrapper a{
	color:#062a44;
	text-decoration:underline;
}

.sitemap_home{
	font-size: 13px;
	color:white;
	font-weight:bold;
}
.sitemap_home a:link, .sitemap_home a:visited{
	text-decoration:none;
	color:white;
}
.sitemap_home a:hover{
	text-decoration:none;
	color:white;
}
#sitemap {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	color:#5D2D24;
}
#sitemap a:link, #sitemap a:visited{
	color:#5D2D24;
	text-decoration:none;
}
#sitemap a:hover{
	color:#5D2D24;
	text-decoration:none;
}
#sitemap li{
	list-style-type: none;
	margin:0 0 10px 0;
}
#sitemap li ul li{
	list-style:url(../images/PH2/line_link.gif);
	margin:0;
	font-weight:normal;
}
#sitemap li ul li a:link, #sitemap li ul li a:visited{
	color:#5D2D24;
	text-decoration:underline;
	font-weight:normal;
}
#sitemap li ul li a:hover{
	color:#5D2D24;
	text-decoration:none;
	font-weight:normal;
}
#sitemap li ul .link_last{
	list-style:url(../images/PH2/line_link_last.gif);
	margin:0;
}
#sitemap .first {
	list-style:url(../images/PH2/line_first.gif);
	margin:0;
	color:white;
	font-size:13px;
	font-weight:bold;
}
#sitemap .center {
	list-style:url(../images/PH2/line_center.gif);
	margin:0;
	font-size:13px;
	font-weight:bold;
}
#sitemap .last {
	list-style:url(../images/PH2/line_last.gif);
	margin:0;
	font-size:13px;
	font-weight:bold;
}
/*------------------------------------------------------------top100*/

/*------------------------------------------------------------related article */
.relatedArticleUL{
margin:0px;
padding:0px;
padding-left:25px;
}

.relatedArticleUL li{
line-height:18px;
}

/* school profiles thumbnail */
.photoframe-left{
float:left; margin:0 5px 5px 0; width:140px;
}

.photoframe-right{
float:right; margin:0 0 5px 5px; width:140px;
}


.photoFrame-caption{
background-color:#333; color:#FFF; font-size:11px; padding:2px;
}

/* ---------------------------------------- text gallery 2nd version */
	
.play-textBoxes-ext{
	background:url(../images/PH2/gallery_textBackTop.png) no-repeat;
	min-height:15px;
	width:427px;
	margin:3px 3px 0 3px;
	float:left;
}

*html .play-textBoxes-ext{
	background:transparent url(../images/PH2/gallery_textBackTop.jpg) no-repeat top center;
}

.play-textTitle-ext{
	 padding:8px 10px 10px 15px;
}

.play-textTitle-ext span{
 font-weight:bold;
}

.play-textCnt-ext{
	padding:0px 10px 10px 15px;
}

.play-textBoxesBtm-ext{
	width:427px;
	height:27px; 
	background:url(../images/PH2/gallery_textBackBottom.png) no-repeat;
	margin:0px 3px 3px 3px;
	float:left;
}

*html .play-textBoxesBtm-ext{
	background:url(../images/PH2/gallery_textBackBottom.jpg) no-repeat top center;
}

.play-textDate-ext{
text-align:right;
padding:3px 15px 0 0;
}

/* ---------------------------------------- text gallery 2nd version end */

/* Navigation for playtime */
.navigationPlay{
	height:44px;
	background:url(../images/PH2/playtime_background.jpg) no-repeat;
}

.navigationPlay a{
	text-decoration:none;
	color:#000;
}

.navigationPlay a.selected{
	font-weight:bold;
}

.playtimeIdeasUL{
	margin-top:15px; padding-left:15px;}

.playtimeIdeasUL li{
	line-height:15px;
	margin:3px 0px;
}

.playtimeIdeasUL li span{
	font-size:12px;
	display:block; 
	margin-bottom:3px;
}

*html .playtimeIdeasUL li span{
	font-size:12px;
	display:block; 
	margin-bottom:3px;
	height:1px;
}

.schoolProfile-playtime02{
		width:89px;
	height:406px;
position:absolute;
top:80px;
right:115px;
z-index:1;
}


/* Tooltips */

#tooltip{
	position:absolute;
	border:1px solid #333;
	background:#f7f5d1;
	padding:2px 5px;
	color:#333;
	display:none;
	}	
	
	
	/* Achieved 10,000,000 css classes */
.schoolProfile_ach{
	width:213px;
	height:297px;
position:absolute;
top:115px;
right:-74px;
z-index:1;
}

.achievedForm{
height:520px;
width:375px;
position:absolute;
top:115px;
left:250px;
/*margin:88px 0 0 250px;*/
}