/* CSS Document */

body{
	background-color:#E2DCED;
	text-align:center;
	margin:0;
	
	font-size:100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	position:relative;
		background-image:url('../images/siteshadow.jpg');
	background-position:center;
	background-repeat:repeat-y;
}
a{
	color:#6B47C1;

}

#siteholder{
	width:940px;
	background-color:#FFFFFF;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	position:relative;
	

}

#footer
{
    float:left;
    margin:0;
    width:100%;
}

#header{
	position:relative;
	background-color:#9075CF;
	border:0;
	padding:0;
	border-top:5px solid #F8F6FA;/**/
	background-image:url('../images/headerbg.jpg');
	background-position:bottom;
	height:165px;
	
}

#content{

margin:0;
padding:0;
background-image:url('../images/greygradient.jpg');
background-repeat:repeat-x;
background-position:top left;
border-top:1px solid #FFFFFF;
position:relative;
}

.mainLogo{

border:0;
margin:0;
padding:0;
}

.npalogo{
position:absolute;
right:-5px;
top:25px;

}



#header ul{
/*position:absolute;
bottom:0px;
right:20px;
list-style: none;
margin: 0;
padding: 0;*/

}

.toplinks
{
    position:absolute;
    bottom:0px;/**/
    right:20px;
    list-style: none;
    margin: 0;
    padding: 0; 
    /*border:1px solid green;*/
}

#header li{
display:inline;
line-height:40px;

}

.acTpLnk1{
display:inline-block;
text-decoration:none;
background-color:#6D51A4;
color:#FFFFFF;
padding:5px;
font-weight:bold;
width:179px;
text-align:center;background-image:url(../images/buttonbg.gif);
background-repeat:no-repeat;
background-position:bottom;
}

#header li a:hover{
color:#CCDB63;
background-color:#6B47C1;
}

.acTpLnk
{
color:#CCDB63;
background-color:#6B47C1;  
}

#bottomLinksPanel{
	background-color:#333333;
	font-size:90%;
	border-top:1px solid #CCDB63;
	float:left;
	width:100%;
	/**/

}
#bottomLinksPanel ul a{
	color:#CCDB63;
	text-decoration:none;
	
}
#bottomLinksPanel ul a:hover{

	text-decoration:underline;
	
}

#bottomLinksPanel ul{
	color:#CCDB63;
	padding:0;
	float:left;
	margin-top:5px;
	margin-right:10px;
	margin-left:40px;
	margin-bottom:40px;
	list-style:none;

}

.mcLinksPanel ul{
	color:#CCDB63;
	padding:0;
	float:left;
	margin-top:5px;
	margin-right:20px;
	margin-left:0px;
	margin-bottom:40px;
	list-style:none;

}
.mcLinksPanel img
{
    vertical-align:middle;
    margin-right:10px;
    border:0;
}

#bottomLinksPanel .linkHeader{
	color:#FFFFFF;
	margin-bottom:10px;
	font-size:130%;
}



.doubleWidth{
	clear:both;/**/
	margin-left:30px;
	width:875px;
	margin-top:0;
	margin-bottom:20px;

}
.leftPanel{
	float:left;
	width: 430px;
	margin-left:30px;
	margin-bottom:20px;	

}
.leftPanel1{
	width: 430px;
	float:left;
	/*position:absolute;
	left:0;
	top:130px;*/
	
	/*border:1px solid red;*/
	margin-top:10px;

}
.leftPanel2{
	width: 330px;
	float:left;
	/*position:absolute;
	left:0;
	top:130px;*/
	
	/*border:1px solid red;*/
	margin-top:10px;

}
.rightPanel1{
	width: 530px;
	margin-right:0px;
	float:right;
	margin-top:10px;
}
.halfPanelR{
	width: 400px;
	margin-right:0px;
	float:right;
	margin-top:10px;
}
.videoPanel{
	width: 430px;
	float:right;
	text-align:center;

}

.halfPanelR ul
{
    list-style:none;
    margin:0;
    padding:0;
}

.halfPanelR ul li
{
    margin-bottom:5px;
    border-bottom:2px solid #CCCCCC;
    padding-bottom:5px;
}

.halfPanelR ul li img
{

    vertical-align:middle;
    border:0;
    margin-right:10px;
}

.homelogo{

	margin-bottom:10px;
}

.loginTriangle{
position:absolute;
right:-300px;
top:-5px;
z-index:1000;
}

.smalllink{
font-size:70%;

}
.greenPanel{
	color:#6B47C1;
	background-color:#CCDB63;
	padding:10px 90px 5px 90px;
	font-weight:bold;
	border-top:7px solid #F8F6FA;
	float:left;
	margin:0;
	width:760px;
}

.videoPlayer{
border:5px solid #CCCCCC;
	width:425px;
	height:320px;
}

.mcvideoPlayer{
border:5px solid #CCCCCC;
	width:425px;
	height:240px;
}

h3{
	background-color:#666666;
	color:#FFFFFF;
	font-size:120%;
	font-weight:normal;
	margin:0;
	padding:5px;

}

h4{
	color:#000000;
	font-size:120%;
	margin:0;
	padding:0;
}

.highlighted{
	color:#6B47C1;
	font-weight:bold;
	font-size:120%;

}

.clear{

	clear:both;
	line-height:0;
	/*border:0px solid red;*/
	font-size:0;
	padding:0;
	margin:0;
}

.footerlinks{
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	font-size:70%;
}

.footerlinks a{
	color:#666666;
	text-decoration:none;
}
.footerlinks a:hover{
	text-decoration:underline;
}
#footersponsors{
text-align:center;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
}
#footersponsors a img{

	margin:5px;
	border:0px;
}

a.button {

    background: transparent url('../images/skillsexpressbuttonImage.gif') no-repeat 5px 5px;
    color: #FFFFFF;
    display: block;
	font-size:95%;
	font-weight:normal;
    line-height: 65px;
 /* sliding doors padding */
    text-decoration: none;
	width:230px;
	padding-left:20px;
}

a.button:hover {

    text-decoration: underline;

}

a.button 
{
    
}

.centreMe{
margin-left:auto;
margin-right:auto;
}
.floatRight{
float:right;
}
.floatLeft{
float:left;
}
a.butYel{
	background: transparent url('../images/skillsexpressbuttonImageYel.gif') no-repeat 5px 5px;
	z-index:100;

}

a.butBlog{
	background: transparent url('../images/skillsexpressblogImageYel.gif') no-repeat 5px 5px;
}

a.button:active {
    /*background-position: bottom right;*/
    color: #FFFFFF;
    outline: none; /* hide dotted outline in Firefox */
}

/*slideshow css*/


ul.slideshow {
	list-style:none;
	width:520px;
	height:395px;
	overflow:hidden;
	position:relative;
	margin:0;
	padding:0;
	
}	
#slideshow-caption h5{
	margin:0;
	padding:0;	
	font-size:110%;
}
ul.slideshow li a:visited {
border:0;
outline: none;
}
ul.slideshow a {
-moz-outline-style: none;
outline: none;
text-decoration:none;

}
ul.slideshow li a:active
{
outline: none;
}
ul.slideshow li img
{
-moz-outline-style: none;
}
ul.slideshow li {
	position:absolute;
	left:0;
	right:0;
}
ul.slideshow li img{
border:0;
}

ul.slideshow li.show {
	z-index:500;	
}


#slideshow-caption {
	width:520px;
	height:70px;
	position:absolute;
	bottom:0;
	left:0;	
	color:#fff;
	background:#000;
	z-index:500;
}

#slideshow-caption .slideshow-caption-container {
	padding:5px 10px;	
	z-index:1000;	
}

#slideshow-caption h3 {
	margin:0;
	padding:0;	
	font-size:110%;
}

#slideshow-caption p {
	margin:5px 0 0 0;
	padding:0;
}

/*activty page css*/
.activityHolder{
    margin-top:20px;
    margin-left:20px;
    text-align:center;
    clear:both;
}

/*======================================================
Breadcrumb Styling
======================================================*/


#breadcrumbs .indicator{
    float:left;display:inline-block;overflow:hidden;
	font-weight:normal;
	color:#6B47C1;
	margin-left:30px;
	line-height:34px;
}
.breadHeader{
    height:8px;
    line-height:0;
    background-color:#6B47E1;
    background-image:url(../images/breadcrumbbg2.jpg);
    background-position: top right;
    background-repeat:no-repeat;
    /*border:1px solid red;*/
    padding:0;
    font-size:0;
}

#breadcrumbs{padding:0;overflow:hidden;border-bottom:3px solid #E1E1E1;margin:0;background:url(../images/breadcrumbbg.jpg) no-repeat right 0px;font-size:80%;line-height:34px;color:#999999;}
#breadcrumbs span{display:inline-block;overflow:hidden;}
#breadcrumbs .separator{float:left;background:url(../images/leftchevron.gif) no-repeat left;display:block;height:34px;width:19px}
#breadcrumbs a{display:block;float:left;color:#999999;text-decoration:none;line-height:34px;padding-left:10px;}
#breadcrumbs a:hover{text-decoration:underline;}
#breadcrumbs .breadcrumbActive{padding-left:10px;}
   /* #breadcrumbs a.ReturnHomeLink{background:url(images/chevron-home.png) no-repeat left;text-indent:-9999px;width:25px;}*/
/*======================================================
End Breadcrumb Styling
======================================================*/

/*======================================================
Menu Styling
======================================================*/
.menuLeft{
width:240px;
float:left;

}

.menuLeft .secspan{
color:#6D51A4;
font-size:120%;
padding:10px;
display:block;
background-image:url(../images/skillsinteractive/sectionbg.gif);
background-repeat:no-repeat;
height:115px;
}

.menuRight{
float:right;
width:619px;
/*border:1px solid red;*/
margin-bottom:5px;
margin-top:0;
}

.blink
{
    border:0px;
    vertical-align:text-bottom;
}

.menuRight img{

border:3px solid #E1E1E1;
margin:0;
padding:0;
}

.menuRight ul
{
    clear:both;
position:relative;
list-style:none;
margin:0;
padding:0;

}
.menuRight ul li
{

display:inline;
width:149px;
vertical-align:top;
padding:0;
text-align:left;
margin-left:4px;
/*border:1px solid blue;*/
float:left;
}
.menuRight a{
display:inline-block;/**/
width:140px;
align:top;
font-size:80%;
font-weight:bold;
text-decoration:none;
padding-right:0;
margin:0;
}
.menuRight a:hover{
text-decoration:underline;
}
.menuRight span{
display:block;/**/
width:100%;
padding-top:3px;
padding-bottom:3px;
}

.men{
margin-top:15px;
margin-bottom:5px;

}
.t{
border-top:1px solid #CDCDCD;
padding-top:10px;
}
.bot{
margin-bottom:25px;
}
.lev5{
background-color:#CCDB63;

}
.lev5 span{
background-color:#CCDB63;
padding-left:2px;

}
.lev5 img{
border:3px solid #CCDB63;

}

/*======================================================
End Menu Styling
======================================================*/

/*======================================================
Skills menu
======================================================*/


.npalogomenu{
position:absolute;
right:5px;
top:-10px;

}

.bloglogoright{
position:absolute;
right:10px;
top:0px;

}
/*======================================================
End skills menu
======================================================*/

/*======================================================
login top menu
======================================================*/

#slide-panel{ background-color:#000;display:none;margin:auto;position:relative;height:50px}
.slideContainer{text-align:left;margin-left:auto;margin-right:auto;width:920px;position:relative;z-index:50}
/**/.slide { margin-left:auto;margin-right:auto;z-index:50;width:920px;position:absolute;}
.btn-slide:link, .btn-slide:visited{color:#fff; float:right; display:block;font-size:100%; text-transform:uppercase; font-weight:bold; padding:10px 15px 3px 15px;line-height:22px;text-align:center;text-decoration:none; background-color:#6D51A4; font-family:Arial;border-bottom:5px solid #6FBE44;}
.loginform {margin:auto; color:#999; font-family:Arial, Helvetica, sans-serif;z-index:500;}
.formdetails {margin-left:auto;margin-right:auto;color:#FFF; padding:5px;padding-top:10px;width:900px}
.formdetails .input{border:none; padding:2px 5px 2px 5px;background-color:#EFEFEF; }
.formdetails .button{border:none;padding:2px 5px 2px 5px;background-color:#CCDB63;height:20px;}
.loginregister {color:#999; padding:5px;}
.loginregister a:link, .loginregister a:visited {color:#FFF;  text-decoration:underline;}
.loginform h2 {padding:10px 10px 10px 0; font-size:18px; font-weight:normal; text-transform:uppercase;}
.loginform ul li {display:inline;}
.loginform ul li a:link, .loginform ul li a:visited {color:#FFF; text-decoration:underline;}
.formdetails a:link, .formdetails a:visited{color:#CCDB63}
.errorField {border:1px solid #FFFFFF; padding:2px 5px 2px 5px;background-color:#FFC1BC }
.errorText{color:#FFC1BC}

/*======================================================
End login menu
======================================================*/

/*======================================================
narrow left menu
======================================================*/
.studentMenu
{
    display:none;
}
.menuLeft ul{
list-style:none;
margin:0;
padding:0;

}
.menuLeft li{
display:block;

margin:0;
padding:1px;
margin-bottom:5px;

}

.menuLeft .menhead{
background-color:#6B47C1;
color:#FFFFFF;
margin-top:20px;
margin-bottom:5px;
display:block;
padding:10px;
background-image:url(../images/linknonactive.jpg);
background-repeat:no-repeat;
background-position:right;

}
.active{
display:block;
margin:10px;
color:#6B47E1;
font-weight:bold;
}

.activelink{
background-color:#E1E1E1;
background-image:url(../images/linkactive.jpg);
background-repeat:no-repeat;
background-position:right top;
}
.nonactivelink{
background-color:#CCCCCC;
background-image:url(../images/linknonactive.jpg);/**/
background-repeat:no-repeat;
background-position:right top;
}

.menuLeft a{
color:#666666;
display:block;
margin:10px;

}
.menuLeft a:hover{
text-decoration:none;
background-color:#D8D8D8;

}

.pageRight{
float:right;
width:615px;
margin-bottom:15px;
}

.pageRight ul
{

}
.pageRight .outcomes a:hover
{
    text-decoration:none;
}

.pageRight li
{
   list-style:none;/* */
    margin-bottom:0px;
    padding-left:18px;
    /*border:1px solid red;*/
    margin-bottom:0px;
    margin-top:0px;
    background-image:url(../images/bulleticon.gif);
    background-repeat:no-repeat;
    background-position:left middle;
}
.outList li
{
    background-position:left center;
}


/*.pageRight .blogH{
margin-top:0;
position:relative;
height:31px;
padding-left:50px;

}*/

.pageRight .blogicon{
background-image:url(../images/studentzone/blogbg.gif);
background-repeat:no-repeat;
margin-top:0;
position:relative;
height:31px;
padding-left:50px;

}

.pageRight h4{
background-color:#CCCCCC;/**/
padding:8px;
color:#666666;
font-weight:normal;
/*position:relative;*/
font-size:100%;
width:600px;
}

.pageRight .nav{
right:0;
float:right;
display:block;
text-align:middle;
}
.pageRight .imgspan img{
border:0px;
}

.pageRight .imgspan{

/*position:absolute;
right:0;
top:0;*/

float:right;

}
 .pTitle
{   display:block;
    padding:12px;
}

.pageRight .sec{
background-color:#EFF4D1;

}
.pageRight .q
{
 font-weight:bold;   
}

.pageRight .an
{
 font-weight:bold;   
}

.byText{
color:#6B47C1;
font-size:70%;
margin-top:5px;
margin-right:5px;
margin-bottom:10px;
display:block;
text-align:right;
}
.blogPost{
margin-bottom:8px;
padding-bottom:5px;
background-color:#FFFFFF;
width:612px;


}

.iQues
{
    padding-bottom:4px;
margin-bottom:8px;
border-bottom:2px solid #CCCCCC;
}

.blogPost a{
font-size:90%;
}

.blogPost a:hover{
text-decoration:none;
}

.blogPost p{

margin:8px;
padding:0;
float:right;
margin-right:20px;
width:490px;
}

.blogPost .intro
{
margin:8px;
margin-right:20px;
padding:0;
float:right;
width:540px;
/*border:1px solid red;*/
}

.blogTitle
{
    color:#FFFFFF;
    position:relative;
    top:30px;
    left:55px;
    display:block;
    z-index:100;
    font-size:120%;
    width:300px;
}

.vidTitle
{
    color:#FFFFFF;
    position:relative;
    top:30px;
    left:15px;
    display:block;
    z-index:100;
    font-size:120%;
    width:200px;
}

.datebox
{
    display:block;
    width:65px;
    border:2px solid #CCCCCC;
    background-color:#EBF1C1;
    float:left;
    margin-top:8px;
    margin-right:8px;
    margin-left:8px;
    margin-bottom:10px;
    text-align:center;
    padding-top:10px;
    padding-bottom:10px;
    color:#666666;
    font-weight:bold;
}

.blogPost .mnth
{
    font-size:120%;
    color:#6B47C1;
}

.blogPost h4
{
 /*float:left;*/   
 width:612px;/**/
 padding:0;
}

h4
{
 /*float:left;*/   
 width:612px;/**/
 padding:0;
}
#postfooter h4
{
   width:612px;/**/
 padding:0;  
}
.fullPost h4
{
      width:612px;/**/
 padding:0; 
}
.mydetails h4
{width:612px;
    padding:0;
}

/*======================================================
End narrow left menu
======================================================*/

/*======================================================
Unit page
======================================================*/
.titlep
{
    margin:0;
    padding:0;
}

.outcomes h3{

    margin-bottom:5px;
    background-color:#6B47C1;
    color:#FFFFFF;
}

.outcomes h3 img
{
    margin-right:5px;
}

.accordiancontent
{
    padding:5px;
    
}

.formPanel h4 
{
        background-color:#CCCCCC;
        font-size:95%;
        color:#666666;
        padding:3px;
        margin:0px;
       /*border:1px solid red;*/
}
.formPanel p
{
   /* border:1px solid red;*/
    margin:5px;
    font-size:90%;
}
.formPanel
{
    background-color:#EBF1C1;/**/
    border-color:blue;
}
.formPanel .pdf
{
    width:270px;
    padding:5px;
   /**/ border-bottom:1px solid #E2DCED;
    float:left;
    font-size:90%;
    padding-left:25px;
    
}
.formPanel .pdf .criLnk
{
    padding-top:15px;
    vertical-align:middle;
    display:block;
}

.formPanel .pdf a:hover
{
    text-decoration:none;
}
.formPanel .button
{
    background: transparent url('../images/skillsexpressformbuttonImage.gif') no-repeat 5px 5px;
    float:left;
   margin-left:30px;/* 
    border:1px solid red;*/
}
.formPanel .blogbutton
{
    background: transparent url('../images/skillsexpressformblogbuttonImage.gif') no-repeat 5px 5px;

}

.formPanel img
{
 border:0;   
 vertical-align:middle;
 margin-right:10px;
 float:left;
}

/*======================================================
End Unit page
======================================================*/

/*======================================================
my details page
======================================================*/

.userguides h3
{
   /* margin:0;
    padding:0;*/
    font-size:90%;
    background-color:#6D51A4;
    margin-top:10px;
}

.mydetails strong
{
    font-size:90%;
    color:#6D51A4;
}
.sect
{
 margin-left:10px;   
}
.features img
{
 border:0;
}
.features a
{
    border:0;
}

.inputForm 
{

    background-color:#EBF1C1;
   /**/ border:1px solid #CCCCCC;
   margin-bottom:10px;

}

.inputForm .formleft
{
    width:275px;
    float:left;
}

.inputForm .formright
{
    width:275px;
    float:right;
}
.inputForm ul
{
    margin-left:0;
    padding-left:0;
}
.inputForm input
{
    color:#666666;
    padding:2px;
    border:1px solid #CCCCCC;
    font-size:100%;
}

.inputForm .form li
{
 padding:5px;
 padding-left:20px;
 list-style:none;  
 background-image:none;
}

.inputForm .submit
{
    background-color:#6B47C1;
    color:#FFFFFF;
    width:200px;
}

.inputForm .tArea
{
    width:500px;
    height:100px;
    font-family:Arial;
    font-size:110%;
    font-weight:normal;
    color:#666666;
}

.inputForm .pCode
{
    width:100px;
}

.inputForm .tNum
{
    width:200px;
}


/*======================================================
End my details page
======================================================*/

/*======================================================
blog post page
======================================================*/

.myPost
{
    font-size:90%;
    overflow:auto;
}
.inputForm select
{
    width:550px;
    color:#666666;
}

.inputForm input
{
    width:350px;
    color:#666666;
}
.inputForm .checkbox
{width:30px;
}

.fullPost p
{
    
}

.exLinks li
{
    margin-bottom:10px;
}

.stuTable
{
    width:610px;
    border-collapse: collapse;
    padding-top:5px;
    padding-bottom:5px;
}

.stuTable td
{
    border-bottom:1px solid #CCCCCC;
}

.stuTable th
{
    border-bottom:1px solid #CCCCCC;
}

.stuTable img
{

    
}
.stuTable th
{
    background-color:#FFFFFF;
}
.stuTable .highlight
{
    background-color:#EEEEEE;
}

.stuTable form
{
    padding:0;  
    margin:0;
}

/*======================================================
End blog post page
======================================================*/

.hgLi
{
    background-color:#EBF1C1;
    /*border:1px solid red;*/
}
.vAli
{
    vertical-align:middle;
}

.hidden
{
 display:none;   
}

.teachercombox
{
 width:500px;
 height:100px;   
}

.validation-summary-errors
{
    color:Red;
}

.acMenu
{
 margin-left:50px;   
}

.media a:hover
{
    text-decoration:none;
    
}

.mPlayer
{
    margin-top:30px;
}

.med img
{
    border:0;
}

.coBox img
{
    border:0;
    vertical-align:middle;
}

.blBut
{
   
   width:300px; 
   float:left;
}

.blBut .tpText
{
    
color:#6D51A4;    
    font-size:90%;
    margin-left:10px;
    font-weight:bold;
}

/*======================================================
styling for blog posts made by people
======================================================*/

.fullPost table th
{
text-align:center;  
}

.fullPost table ul
{
 margin-left:20px;   
}
.fullPost table ul li
{
    list-style:disc;
    background-image:none;
    padding-left:5px;
    
}

.fullPost table td
{
    vertical-align:top;
    padding:5px;
}
.fullPost table
{
    border:1px solid #6D51A4;
}
.fullPost table td
{
    border:1px solid #6D51A4;
}

.feedMessage
{
    width:430px;
    float:left;
}

.rmes
{
    margin-left:10px;
    
}

.rmes ul
{
    margin-left:10px;
    list-style:none;
}

.feedMessage p
{
    margin-left:10px;
    margin-right:10px;
}

.erPg
{
    margin-left:20px;
}

.topLeft
{
    position:absolute;
    top:10px;
    left:10px;
}

#DowntimeDialog p
{
    font-size:70%;
}