/* screen.css */
/***** Wrapper *****/
#wrapper
{
	position: relative;
	width: 900px;
	min-height: 768px;
	margin: 0 auto;
	padding: 0;
}

#loginLinks{
position: relative;
	float: left;
	width: 505px;
	display: block;
	margin: 10px 0 0 0;
	border: 0;
	padding: 0;
	font-style: italic;
	font-weight: bold;
	color: #88121F;
	text-align: right;
}

#loginLinks a, #loginLinks a:visited{
	font-style: italic;
	font-weight: bold;
	color: #88121F;
	text-decoration: underline;
}

#loginLinks a:hover{
	font-style: italic;
	font-weight: bold;
	color: #88121F;
	text-decoration: none;
}

/***** primaryNavCol *****/
#primaryNavCol
{
	position: relative;
	float: left;
	width: 205px;
	min-height: 768px;
	margin: 0;
	border: 0;
	padding: 71px 0 0 0;
}

ul#primaryNavList
{
	position: relative;
	padding: 0;
	margin: 0;
	list-style: none;
	width: 200px;
	line-height: 31px;
	font-size: 16px;
	color: #333333;
}

/***** secondaryNavCol *****/
#secondaryNavCol
{
	position: relative;
	float: left;
	width: 505px;
	height: 50px;
	margin: 0;
	border: 0;
	padding: 0;
}

ul#secondaryNavList
{
	position: relative;
	display: block;
	padding: 21px 0 0 0;
	margin: 0 auto 0 auto;
	list-style: none;
	height: 50px;
	line-height: 31px;
	font-size: 16px;
	color: #333333;
}

ul#secondaryNavList li
{
	position: relative;
	float: left;
	padding: 0 8px 0 0;
	line-height: 29px;
}

ul#secondaryNavList li#lastwItemw
{
	padding: 0;
}

ul#secondaryNavList li a
{
	position: relative;
	float: left;
	display: block;
	height: 29px;
	color: gray;
	background-repeat: no-repeat;
	background-position: 0 -28px;
	text-indent: -20000px;
}

ul#secondaryNavList li a.video
{
	width: 71px;
	background-image: url(../images/gif/videoBtn.gif);
}

ul#secondaryNavList li a.activities
{
	width: 94px;
	background-image: url(../images/gif/activitiesBtn.gif);
}

ul#secondaryNavList li a.tips
{
	width: 94px;
	background-image: url(../images/gif/tipsBtn.gif);
}

ul#secondaryNavList li a.links
{
	width: 68px;
	background-image: url(../images/gif/linksBtn.gif);
}

ul#secondaryNavList li a.print
{
	width: 68px;
	background-image: url(../images/gif/printBtn.gif);
}

ul#secondaryNavList li a.help
{
	width: 68px;
	background-image: url(../images/gif/helpBtn.gif);
}


ul#secondaryNavList li a.videoInactive
{
	width: 71px;
	background-image: url(../images/gif/videoBtnInactive.gif);
	background-position: 0 0;
}

ul#secondaryNavList li a.activitiesInactive
{
	width: 94px;
	background-image: url(../images/gif/activitiesBtnInactive.gif);
	background-position: 0 0;
}

ul#secondaryNavList li a.tipsInactive
{
	width: 94px;
	background-image: url(../images/gif/tipsBtnInactive.gif);
	background-position: 0 0;
}

ul#secondaryNavList li a.linksInactive
{
	width: 68px;
	background-image: url(../images/gif/linksBtnInactive.gif);
	background-position: 0 0;
}

ul#secondaryNavList li a.printInactive
{
	width: 68px;
	background-image: url(../images/gif/printBtnInactive.gif);
	background-position: 0 0;
}

ul#secondaryNavList li a.helpInactive
{
	width: 68px;
	background-image: url(../images/gif/helpBtnInactive.gif);
	background-position: 0 0;
}


ul#secondaryNavList li a:link
{
}

ul#secondaryNavList li a:visited
{
}

ul#secondaryNavList li a:hover
{
	background-position: 0 0;
}

ul#secondaryNavList li a:active
{
}

/***** videoCol *****/
#videoCol
{
	position: relative;
	float: right;
	width: 160px;
	min-height: 768px;
	margin: 0 0 0 0;
	border: 0;
	padding: 71px 0 0 0;
	/* background-color: red; */

}

/***** primaryContentWrapper *****/
#primaryContentWrapper
{
	position: relative;
	float: left;
	width: 505px;
	margin: 0;
	border: 0;
	padding: 0;
}

#primaryContentWrapper a
{
	color: black;
	font-weight: bold;
}

#primaryContentWrapper a:active
{
	color: red;
	font-weight: bold;
}

#primaryContentWrapper h1
{
	position: relative;
	display: block;
	width: 505px;
	height: 60px;
	padding: 0 0 10px 0;
	margin: 21px 0 0 0;
	background-position: 0 0;
	background-repeat: no-repeat;
	text-indent: -20000px;
}

#helpFile{
background-color: white;
}

.helpText{
margin:10px;
}

#videoDisplay{
z-index: 200;
background-color: blue;
}

#checklist h1
{
	background-image: url(../images/png/checklist.png);
}


#money h1
{
	background-image: url(../images/png/money.png);
}

#health h1
{
	background-image: url(../images/png/health.png);
}

#education h1
{
	background-image: url(../images/png/education.png);
	height:172px;
}

#family h1
{
	background-image: url(../images/png/family.png);
	height:172px;
}

#accomodation h1
{
	background-image: url(../images/png/accommodation.png);
}

#accommodation h1
{
	background-image: url(../images/png/accommodation.png);
}


#looking h1
{
	background-image: url(../images/png/looking.png);
}

#having h1
{
	background-image: url(../images/png/having.png);
}

#legal h1
{
	background-image: url(../images/png/legal.png);
}

#care h1
{
	background-image: url(../images/png/care.png);
}

#life h1
{
	background-image: url(../images/png/life.png);
}

#credits  h1
{
	background-image: url(../images/png/creditsTitle.png);
}


/* edit */
#introduction h1
{
background-image: url(../images/png/introductionTitle.png);
}

#login h1{
background-image: url(../images/png/loginTitle.png);
}

#join h1{
background-image: url(../images/png/registerTitle.png);
}

#error h1{
background-image: url(../images/png/errorTitle.png);
}

#primaryContentWrapper h2
{
	position: relative;
	display: block;
	margin: 10px 0 0 0;
	height: 30px;
}

#primaryContentWrapper h2.halfWidth { width: 240px; }

#primaryContentWrapper h2.fullWidth { width: 500px; }

#primaryContentWrapper h3
{
	position: relative;
	display: block;
}

#primaryContentWrapper h3.marginTop
{
	margin-top: 10px;
}


#primaryContentWrapper h3.halfWidth { width: 240px; }

#primaryContentWrapper h3.fullWidth { width: 500px; }

#primaryContentWrapper ul#sectionNavList
{
	position: relative;
	padding: 0px 10px 0 0;
	margin: 0;
	list-style: none;
	width: 500px;
	line-height: 20px;
	color: #333333;
	display: block;
}

#primaryContentWrapper ul#sectionNavList li
{
	position: relative;
	display: block;
	float: left; 
	list-style: none;
	line-height: 20px;
	color: #333333;
	white-space:nowrap;
}
/*
#sectionNavList a
{
    white-space:nowrap;
}
*/
#navListDiv{
margin: 0;
width: 500px;
position: relative;
display: block;
}

.dashed{
border: 2px dotted #000000;
width: 100%;
}

.altRowColour{
background-color: #EAD920;
}

#primaryContentWrapper ul.knowledgeTargetsListSmall,  #primaryContentWrapper ul.highlightListBlueLarge,  #primaryContentWrapper ul.highlightListBlueSmall, #primaryContentWrapper ul.highlightListGreenSmall, #primaryContentWrapper ul.highlightListGreenLarge, #primaryContentWrapper ul.highlightListPinkLarge, #primaryContentWrapper ul.highlightListBlueSmallNoBullet, #primaryContentWrapper ul.highlightListBlueLargeNoBullet
{
	position: relative;
	padding: 10px 10px 10px 5px;
	margin: 0;
	width: 225px;
	/* line-height: 20px; */
	color: #333333;
	list-style-type: disc;
	/* list-style-position: inside;*/
	/*list-style-position:outside;*/
	background-color: #EAD920;
	background-image: url(../images/png/smallYellowTop.png);
	background-position: top;
	background-repeat: no-repeat;
	
}

#primaryContentWrapper ul.knowledgeTargetsListSmall li,  
#primaryContentWrapper ul.highlightListBlueLarge li,  
#primaryContentWrapper ul.highlightListBlueSmall li, 
#primaryContentWrapper ul.highlightListGreenSmall li, 
#primaryContentWrapper ul.highlightListGreenLarge li,
#primaryContentWrapper ul.highlightListYellowSmall li, 
#primaryContentWrapper ul.highlightListYellowLarge li, 
#primaryContentWrapper ul.highlightListPinkLarge li, 
#primaryContentWrapper ul.highlightListBlueSmallNoBullet li, 
#primaryContentWrapper ul.highlightListBlueLargeNoBullet li
{
    margin-left:20px;
}

#primaryContentWrapper ul.highlightListBlueLarge
{
	display: block;
	width: 485px;
	background-color: #99C8DB;
	background-image: url(../images/png/largeLightBlueTop.png);
}

#primaryContentWrapper ul.highlightListBlueLargeNoBullet
{
	display: block;
	width: 485px;
	background-color: #99C8DB;
	background-image: url(../images/png/largeLightBlueTop.png);
	list-style: none;
}


#primaryContentWrapper ul.highlightListGreenLarge
{
	display: block;
	width: 485px;
	background-color: #B5CB96;
	background-image: url(../images/png/largeGreenTop.png);
}

#primaryContentWrapper ul.highlightListPinkLarge
{
	display: block;
	width: 485px;
	background-color: #F7C194;
	background-image: url(../images/png/largePinkTop.png);
}

#primaryContentWrapper .highlightListYellowLarge
{
	display: block;
	width: 480px;
	padding: 10px;
	margin: 0;
	background-color: #EAD920;
	background-image: url(../images/png/largeYellowTop.png);
	background-repeat: no-repeat;
}



#primaryContentWrapper ul.highlightListBlueSmall
{
	background-color: #99C8DB;
	background-image: url(../images/png/smallLightBlueTop.png);
}


#primaryContentWrapper ul.highlightListBlueSmallNoBullet{
background-color: #99C8DB;
	background-image: url(../images/png/smallLightBlueTop.png);
list-style: none;
}

#primaryContentWrapper ul.highlightListGreenSmall
{
	background-color: #B5CB96;
	background-image: url(../images/png/smallGreenTop.png);
}

/*
#primaryContentWrapper ul.knowledgeTargetsListSmall li,
#primaryContentWrapper ul.highlightListBlueLarge li,
#primaryContentWrapper ul.highlightListBlueSmall li
{
	margin-bottom: 10px;
	font-weight: bold;	
}
*/


#primaryContentWrapper .knowledgeTargetsListSmallBottom,
#primaryContentWrapper .highlightListBlueSmallBottom {
	width: 240px;
	height: 20px;
	background-color: #FFFFFF;
	background-image: url(../images/png/smallYellowBottom.png);
	background-position: top right;
	background-repeat: no-repeat;
	margin: 0 0 10px 0;
}


#primaryContentWrapper .highlightListBlueSmallBottom {
	width: 240px;
	background-image: url(../images/png/smallLightBlueBottom.png);
	background-position: top;
	background-repeat: no-repeat;
	margin: 0 0 20px 0;
}

#primaryContentWrapper .highlightListGreenSmallBottom {
	width: 240px;
	background-image: url(../images/png/smallGreenBottom.png);
	background-position: top;
	background-repeat: no-repeat;
	margin: 0 0 20px 0;
}


#primaryContentWrapper .highlightListBlueLargeBottom{
	width: 500px;
	background-color: #FFFFFF;
	background-image: url(../images/png/largeLightBlueBottom.png);
	background-position: top;
	background-repeat: no-repeat;
	margin: 0 0 20px 0;
}

#primaryContentWrapper .highlightListPinkLargeBottom{
	width: 500px;
	background-color: #FFFFFF;
	background-image: url(../images/png/largePinkBottom.png);
	background-position: top;
	background-repeat: no-repeat;
	margin: 0 0 20px 0;
}

#primaryContentWrapper .highlightListGreenLargeBottom{
	width: 500px;
	background-color: #FFFFFF;
	background-image: url(../images/png/largeGreenBottom.png);
	background-position: top;
	background-repeat: no-repeat;
	margin: 0 0 20px 0;
}

#primaryContentWrapper .highlightListYellowLargeBottom{
	width: 500px;
	background-color: #FFFFFF;
	background-image: url(../images/png/largeYellowBottom.png);
	background-position: top;
	background-repeat: no-repeat;
	margin: 0;
}

.footerText{
font-size: 0.85em;
}
.rightPic
{
	float: right;
	width: 240px;
	clear:none;
	border-left: 10px solid white;
	border-bottom: 10px solid white;
}

.rightPicYellow
{
	float: right;
	width: 240px;
	clear:none;
	border-top: 10px solid #EAD920;
	border-left: 10px solid #EAD920;
	border-bottom: 10px solid #EAD920;
	
}

.leftPic
{
	float: left;
	width: 240px;
	clear:none;
	border-right: 10px solid white;
	border-bottom: 10px solid white;
}

/***************************
Checklist styles
*/

    .sa_canvas
    {
        width:505px;
    }
    
    .sa_col{
        width:150px;
    }
    
	.sa_col label{
		font-weight:bold;
		width:150px;
		height:65px;
		display:block;
		margin-right:5px;
		margin-left:5px;
	}
	
	.chkrow1{
		background:#ffffff;
	}
	
	.chkrow0{
		background:#99c8db;
	}
	
	.satbl{
		background:#99c8db;
		width:505px;
	}
    
    .satbl td
    {
        text-align:center;
    }

    .satbl th
    {
        padding:0px 7px 0px 7px;
    }


	.chktbl{
		width:100%;
	}
	
	.checklist_canvas
	{
	    display: block;
	    width: 505px;
	    background-color: #99C8DB;
	}
	
	.toptips li
	{
	    margin-left:20px;
	    list-style-type:disc;
	}
	
	.toptips a
	{
        color:Black;
	}
	
	.rb_tbl td
	{
	    width:50px;
	    text-align:center;
	}
	
/***************************
Activity styles
*/

body#activityForms label {
	display: block;
	}
	
body#activityForms  textarea {
	display: block;
	width:100%;
	margin-bottom: 10px;
	}

body#activityForms li
	{
	    margin-left:20px;
	    list-style-type:disc;
	}	
	
body#activityForms{
background-color: #EAD920;
}

body#activityForms #wrapper{
background-color: white;
background-image: url(../images/gif/formTop.gif);
background-position: top;
background-repeat: no-repeat;
position: relative;
	width: 760px;
	min-height: 768px;
	margin-top: 20px;
	margin-bottom:0;
	margin-left: auto;
	margin-right: auto; 
	padding-bottom: 0px;
	padding-top: 40px;
	padding-left: 20px;
	padding-right: 20px;
}

body#activityForms #formBottom {

background-image: url(../images/gif/formBottom.gif);
background-position: top;
background-repeat: no-repeat;
position: relative;
	width: 800px;
	height:44px;
	margin: 0 auto 0 auto;
}


body#activityForms #wrapper input.line{
	/*width:730px;*/
	width:99.5%;
	margin-bottom: 10px;
}

body#activityForms #wrapper input.shortline{
	width:415px;
}

body#activityForms #wrapper input.medline{
	width:570px;
}

body#activityForms #wrapper ul.knowledgeTargetsListSmall {
	position: relative;
	padding: 10px 10px 10px 5px;
	margin: 0;
	width: 225px;
	/* line-height: 20px; */
	color: #333333;
	list-style-type: disc;
	/* list-style-position: inside;*/
	/*list-style-position:outside;*/
	background-color: #EAD920;
	background-image: url(../images/png/smallYellowTop.png);
	background-position: top;
	background-repeat: no-repeat;
}

body#activityForms #wrapper .knowledgeTargetsListSmallBottom {
	width: 240px;
	height: 20px;
	background-color: #FFFFFF;
	background-image: url(../images/png/smallYellowBottom.png);
	background-position: top right;
	background-repeat: no-repeat;
	margin: 0 0 10px 0;
	}


#formButtons {
display:block;
margin-top: 20px;
}

#formButtons input {
margin-right: 10px;
}

#formDiary
{
    width:100%;
}

#formDiary td textarea
{
    width:95%;
}

#formDiary th
{
    width:80px;
}

#errmsg{
    margin-left:20px;
}

.pricetb
{
    width:100px;
}