/*STARS stylesheet, created by darkspeed web design (www.darkspeed.org)*/
html, body { 
padding:0; 
height:100%; /* this is the key! */ 
/*width:81.25em;1300px;*/
/*width:60em; /*960px*/
width:100%;
}

html {
margin:0;
}

body {
margin-left:0;
margin-bottom:0;
margin-top:0;
font-size:100%;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:center;
color:#000000;
font-weight:500;
line-height:120%;
}

p {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#565251;
font-weight:bold;
line-height:1.5;
padding-top:0;
margin-top:0;
font-size:14px;
}

ul
{
list-style-image:url(graphics/listSquare.jpg);
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#0A8786;
font-weight:bold;
line-height:150%;
padding-top:0;
margin-top:0;
font-size:14px;
}

a:link
{
	color:#990000;
	font-size:14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
}

a:visited
{
	color:#5E1C57;
	font-size:14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
}

a:hover
{
	/*color:#000000;*/
	color:blue;
	font-size:14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
}

form.label
{
	font-weight:bold;

}

#container
{
position: relative; 	
margin-left: auto; 	
margin-right: auto; 	
text-align: left;
width:60em;/*60em;*/
background-image:url(graphics/starbg2.gif);
background-repeat:no-repeat;
height:100%;
}

img{
border:0;
}
/*
table{    
border: solid #000 1px;
}

table td{    
border: solid #000 1px;
padding:3px;
}
*/

#contentTable
{
/*min-height: 25em;
height:auto !important;
height: 25em;*/
border:0;
height: 100%;
min-height: 100%;
}

.left { 
/*position:absolute; 
left:0; 
top:100px; */
/*height:70%;*/ /* works only if parent container is assigned a height value */ 
color:#333333;
text-align:center;
background-image:url(graphics/bluebackground4.png);
background-repeat:repeat;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
line-height:1.5;

/*
background-color:#E5EAFF;
*/
width:auto;
margin-right:0.625em;/*10px;/*0.3125em;/*5px;*/
padding: 0.4375em;/*7px;*/
height:100%;
min-height:100%;
/*margin-bottom: 0.3125em;/*5px;*/
/*filter:alpha(opacity=60);    
   -moz-opacity: 0.6;    
   opacity: 0.6; */
   border: #FFFFFF;
   border-style:solid;
   border-bottom-width:0;
   border-top-width:0;
   border-left-width:0;
   vertical-align:top;
}

.content { 
/*position:absolute;

left:100px; */
vertical-align:top;
color:#333; 
background-image:url(graphics/bluebackground4.png);
background-repeat:repeat;
/*
background-color:#E5EAFF;
*/
/*
min-height: 25em;/*400px;*/
/*
height:auto !important;
height: 25em;/*400px;*/
/*width:63.4125em; 76%;*/
width: 45.6em;
padding: 0.4375em;/*7px;*/
/*margin-bottom: 0.3125em;/*5px;*/
border-right-width:0;

}



.next 
{
float:right;
}

.back
{
float:left;
}

#top {
/*width:100%;*/
/*width:81.25em;*/
width:60em;
height:6.25em;
background-image:url(graphics/bluebackground4.png);
background-repeat:repeat;
float:left;
/*padding: 0.4375em;/*7px;*/
padding-left:0em;
padding-top:0em;
padding-bottom:0em;
margin-bottom:0.3125em;/*5px;*/
/*margin-right:5px;*/
}

#main {
/*width:83.4375em;1335px;*/
/*width:62.1875;*/
width:60em;
background-image:none;
/*height:100%;*/
/*margin-bottom:0.3125em;/*5px;*/
padding:0;
/*min-height:25em;/*400px;*/
/*background-image:url(graphics/path2164.png);
background-repeat:no-repeat;
background-position:center;*/
float:left;
margin-bottom: 0.3125em;/*5px;*/
position:relative;
}

#bottom {
/*background-color:transparent;*/
/*width:81.25em;*/
width:60em;
clear:both;
background-image:url(graphics/bluebackground4.png);
background-repeat:repeat;
/*
background-color:#E5EAFF;
*/
/*height:10em;/*160px;*/
height:4.5em;
/*padding:0.4375em;/*7px;*/
padding:0;
}

#logo
{
position:relative;
float:left;
top:0.0625em;/*1px;*/
/*width:223px;
height:83px;
min-height:223px;*/
}

#login
{
	position:relative;
	/*float:right;*/
	vertical-align:top;
	left:33.75em;
	top:1.125em;
	width:auto;
	max-width:25em;
	clear:right;
	padding:0;
	text-align:right;
}

#logout
{
	position:relative;
	/*float:right;*/
	vertical-align:top;
	left:35.75em;
	top:1.125em;
	width:auto;
	max-width:25em;
	clear:right;
}


#menubuttons
{
	position:relative;
	/*top: 4.0625em; /*65px;*/
	/*top:3.55em;*/
	/*
	left: 34.375em;550px;*/
	/* old 
	top: 2.65em;	
	left: 0.625em;*/


	top: 2.3875em;	
	left: 0.625em;
}

#menubuttonsIn
{
	position:relative;
	/*top: 4.0625em; /*65px;*/
	/*top:3.55em;*/
	/*
	left: 34.375em; 550px;*/
	top: 2.3875em;	
	left: 0.625em;
}

#bottomlogo
{
	/*position:relative;
	top: 1.5625em;/*25px;
	right: 32.375em;/*518px;*/
	float:left;
}

#footerlinks
{
margin-top:10px;
margin-right: 5px;
float: right;
}

#footercolabtext
{
position:relative;
/*
left: 34.375em; /*550px;*/
left: 13.12em;
bottom: 0.625em; /*10px;*/
z-index: 10;
}

#copyright
{

position:relative;
bottom: 1.6em;
left: 83.9%;
/*left: 50em;/*1100px;*/
width:15em;
height:1.5em;
max-height:1.5em;
z-index: 9;
/*top: 46.4px;/*2.9em;/*80px;*/
/*float:right;*/
}

#sheffield
{
position:relative;
left: 47.8125em; /*765px;*/
bottom: 4.375em; /*70px;*/
}

#bedfordshire
{
position:relative;
left: 58.125em;/*930px;*/
bottom: 8.75em;/*140px;*/
}

#openu
{
position:relative;
left: 70.3125em;/*1125px;*/
bottom: 13.125em; /*210px;*/
}

#LoginForm
{
/*text-align:center;*/
border: 0.09375em black solid;
padding: 0;
padding-left: 3em;
padding-right: 3em;
margin: 0;
max-width:95%;
margin-left:auto;
margin-right:auto;
overflow:hidden;
}

#starExplinationBox
{
/*text-align:center;*/
border: 0.09375em black solid;
padding: 10px 10px 0px 10px;
/*padding: 2px;
//padding-left: 0em;
//padding-right: 0em;
//padding-top: 20 px;*/
/*margin: 1px;*/
max-width:95%;
margin-left:auto;
margin-right:auto;
overflow:hidden;
}

.infoPlain
{
/*text-align:center;*/
border: 0.09375em black solid;
padding: 0;
padding-left: 3em;
padding-right: 3em;
margin: 0;
max-width:95%;
margin-left:auto;
margin-right:auto;
overflow:hidden;
background-color: white;
}

.infoPlain2
{
/*text-align:center;*/
border: 0.09375em black solid;
padding: 0;
padding-left: 0.5625em;
padding-right: 1.5em;
margin: 0;
max-width:95%;
margin-left:auto;
margin-right:auto;
overflow:hidden;
background-color: white;
}

.userTasks
{
padding: 0.25em;
border: 0.25em black solid;
margin: 0;
max-width:95%;
margin-left:auto;
margin-right:auto;
overflow:hidden;
margin-bottom: 0.3125em;

}

#starExplinationBox
{
	background-color:#FFFFFF;
	

}

.plainList
{
	/*list-style:none;
	list-style-type:none;*/
	list-style-image:url(graphics/listSquare.jpg);

}

.starList
{

/*font-weight:bold;*/
/*margin-bottom:20px;*/
}

.starListFirst
{
	font-size:120%;
	color:black;
	/*margin-bottom:20px;*/
}

.starListSecond
{
	/*font-size:120%;*/
	color:black;
	font-weight:bold;
/*	margin-bottom:20px;*/
}

.starExp
{
	margin-bottom:5px;
}


#headerlogoimage
{
/*width:13.875em;
height:6.25em;*/
}

.tabButton
{
width:6.4375em;
height:1.8125em;
}

#menutable
{
border-collapse: collapse;
}

#frontPage
{
	text-align:center;
	position:relative;

}

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

.mainText
{
	text-align:center;
	font-size:2.8125em;/*3.125em;/*50px;*/
	/*text-size:50px;*/
	padding-bottom:0;
	margin-bottom:0;
}

.mainheading
{
	text-align:center;
	
	font-size:30px;
	/*font-size:2.8125em;/*3.125em;/*50px;*/
	/*text-size:50px;*/
	/*padding-bottom:0;*/
	/*margin-bottom:0;*/
}

.mainText
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#333333;
font-weight:bold;
line-height:1.5;

/*font-size:1.25em;*/
}

#inlineLogo
{
	position:relative;
	top: 0.25em;
}

#inlineStar
{
	position:relative;
	top: 0.25em;
}

#newToStars
{
	position:relative;
	top: 0.25em;
}


#loginInputs
{
	width:98%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 1.25em;/*20px;*/
}

#forgottenPasswordInputs
{
	width:95%;
	margin-left:auto;
	margin-right:auto;
	margin-top:1.25em;/*20px;*/;
}

#emailInput,#passwordInput,#forgottenTextbox
{
	float:left;
	padding-right:0.3em;/*10px;*/
}

#forgottenPasswordButton, #studentLoginButton
{
	float:left;
}

.spacer
{
	clear:both;
}

#forgottenPasswordBox
{
	background-color:#FFFFFF;
	border: 0.09375em black solid;
	width:85%;
	padding:0.3125em;/*5px;*/
	margin-left:auto;
	margin-right:auto;
}
#forgottenPasswordBox
{
	clear:left;
}
.redText
{
	color:#990000;
	font-weight:bold;
}
/*
#forgottenTextbox
{
	text-align:left;
	position:relative;
	left: 30px;
}

#forgottenPasswordButton
{
	text-align: right;
	position: relative;
	bottom: 25px;
	right: 30px;
}
*/
.centered, .myAreaTable
{
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

.centeredAttention
{
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#990033;
	font-weight:bold;
	line-height:1.5;
	padding-top:0;
	margin-top:0;
	font-size:14px;
}

table.myAreaT
{
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	border: 1px dotted #000000;
	border-collapse:collapse;
	border-spacing: 0px;
	margin: 0px;
	padding:0px;
}

table.myAreaT td
{
	border: 1px dotted #000000;
	padding:0;
	height:1em;
	vertical-align:middle;
}
.myAreaTable
{
	line-height:150%;
}

.centeredMsg
{
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	color:red;
	font-weight:bold;

}

.middle
{
width:90%;
margin-left:auto;
margin-right:auto;
text-align:center;
}

.developTableCell
{
	padding:0.5em;
	padding-top:0;
}

.myArea
{
margin-left:auto;
margin-right:auto;
width:auto;
}

#situationSearch
{
	/*position:relative;*/
	background-color:#A2ACED;
	border-color:#000000;
	float:right;
	border:0.0625em;/*1px;*/
	width:auto;
	/*left: 25em;
	bottom: 14em;*/
	padding: 0.3125em;/*5px;*/
	text-align:center;
}

#situationForm
{
	float:left;
	/*width:30em;*/
	width:50%;
}

.sitNextButton
{
position: relative;
top: 12.5em;/*200px;*/
}

.sitBackButton
{
position: relative;
top: 12.5em;/*200px;*/
right: 28.125em; /*450px;*/
}

#taskLine
{
color:#CC0000;
background-color:#CC0000;
height: 0.1875em;/*3px;*/
width:99%;

}

#taskList
{
list-style:none;
list-style-type:none;
text-align:center;
}

.starsCurrent
{
	color:#CC0000;
}

.starsHeading
{
	color:#415090;
}

.relativeContentDiv
{
	position:relative;
	/*min-height: 35em;
	height:auto !important;
	height: 35em;*/

}

.navButtons
{
	position:relative;
	clear:both;
	margin-left:auto;
	margin-right:auto;
	width:99%;
}

.navButtonTable
{
	width:100%;

}

.nextButton
{
	float:right;
	padding:0;
	/*width:40%;*/
	text-align:right;
}

.backButton
{
	float:left;
	padding:0;
	/*width: 40%;*/
}

#situationOverall
{
position:relative;

}

#skillsTable
{
	width:70%;
	margin-left:15%;
	margin-right:15%;
}

#actionTable
{
	margin-left:auto;
	margin-right:auto;
}

.toolTip
{
	font-size:100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border-bottom:1px dotted
}

.situationSelect
{
width:27em;
}

.floater {
        float: left;
        clear: left;
        border: solid 0.0625em black;
        padding: 0.3125em;
        margin: 0.3125em 0.9375em 0.3125em 2.5em;
        width: 9.375em;/*150px;*/
        height: 13.5em;/*216px;*/
    }

	.floater2 {
        float: left;
        clear: left;
        border: solid 0.0625em black;
        padding: 0.3125em;
        margin: 0.3125em 0.9375em 0.3125em 2.5em;
        width: 10.312em;/*165px;*/
        height: 6.375em;/*102px;*/
    }

.floater3 {
        float: left;
        clear: left;
        border: solid 0.0625em black;
        padding: 0.3125em;
        margin: 0.3125em 0.9375em 0.3125em 2.5em;
        width: 10.125em;/*162px;*/
        height: 6.187em;/*99px;*/
    }
.floater4 {
        float: left;
        clear: left;
        border: solid 0.0625em black;
        padding: 0.3125em;
        margin: 0.3125em 0.9375em 0.3125em 2.5em;
        width: 12.187em;/*195px;*/
        height: 6.375em;/*102px;*/
    }
.floater5 {
        float: left;
        clear: left;
        padding: 0.3125em;
        margin: 0.625em 0.9375em 0.3125em 0.9375em;
        width: 13.6875em;/*219px;*/
        height: 18.75em;/*300px;*/
    }


.floater6 {
        float: left;
        clear: left;
        padding: 0.3125em;
        margin: 1.25em 0.9375em 0.3125em 0em;
        width: 25em;/*360px;*/
        height: 20.875em;/*300px;*/
    }

.floater7 {
        float: left;
        clear: left;
        padding: 0.3125em;
        margin: 0.8333em 1.5em 0.3125em 0px;
        width: 19em;/*304px;*/
        height: 21.93em;/*351px;*/
    }

.floater8 {
        float: left;
        clear: left;
        padding: 0.3125em;
        margin: 0.3125em 2.5em 0.3125em 0px;
        width: 17.5em;/*304px;*/
        height: 16.5em;/*351px;*/
    }
	
.floater9 {
        float: left;
        clear: left;
        padding: 0.3125em;
        margin: 0.3125em 2.5em 0.3125em 0px;
        width: 11.5625em;/*185px;*/
        height: 13.5em;/*216px;*/
		border: solid 0.0625em black;

    }
	
	.floater10 {
        float: left;
        clear: left;
        padding: 0.3125em;
        margin: 0.3125em 0.5em 0.3125em 0px;
       /* width: 11.5625em;/*185px;*/

	   width: 26.75em;
	   height:19.0625em;
      /*  height: 13.5em;/*216px;*/
		border: solid 0.0625em white;

    }
.navList li
{
display: inline;
list-style-type: none;
}

.tableOptions
{
	text-align:right;
}

.areaChoiceForm
{
	padding:0;
	margin:0;
}
.bolded
{
	font-weight:bold;
}

.navSkip
{	
	display:none;
	color:#000000;
}

a.loginlinkfix
{
	color:#000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.loginlink
{
	color:#000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.floatLeft
{
float:left;
margin-right:1.2em;
}

.adminArea
{
width:80%;
margin-left: auto;
margin-right: auto;
text-align:left;
vertical-align:middle;
}

.leftAligned
{
	text-align:left;
	padding-right:1em;
}

.myAreaLeft
{
	text-align:left;
	vertical-align:top;
	height: 1.2em;
}

.inlineLogo
{
vertical-align: baseline;
position: relative;
top: 0.2ex;

}
.inlineLogosml
{
vertical-align: baseline;
position: relative;
top: 0.2ex;
}

.myAreaIcon
{
/*vertical-align: baseline;
position: relative;
top: 8px;
right: 3px;*/
vertical-align:middle;
}

.privacyIcon
{
vertical-align: baseline;
position: relative;
top: 0.5em;
right: 0.1875em;
}
.inlineLogobig
{
vertical-align: baseline;
position: relative;
top: 0.5ex;
}

.inlineLogoProcess
{
padding-top:0.1875em;
padding-bottom:0.3em;
}

.formLabel
{
font-weight:bold;
float:left;
}

.formField
{
float:right;
clear:right;
}

.skillLabel
{
float:left;
clear:left;
}

.smallGap
{
	line-height:0.5;
}

.skillsArea
{
width:70%;
margin-left:auto;
margin-right:auto;
line-height:1.2em;
}

.tourDivL
{
float:left;
width:auto;
text-align: left;
}

.tourDivR
{
float:right;
width:auto;
text-align: right;
}

.alert
{
	color:#CC0000;
}

object#skinnersubtitles1
{
margin-left:auto;
margin-right:auto;
}