/* Accordian fix? */
/*
.ui-helper-reset { border: 0; }
*/

.breadcrumb
{
	margin-top:10px;
	display:block;
	font-size:.8em;
}

/***********************************************************************************************************************/
/* site css                                                                                                            */ 
/***********************************************************************************************************************/

body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; 
	padding: 0;
	/*text-align: center; */
	color: #000000;
	background-image: url(images/pageBg.png);
	background-repeat: repeat-x;
}
.thrColAbsHdr #container { 
	/*position: relative;  */
	width: 960px;  
	margin: 0 auto; 
	text-align: left; 
} 


.thrColAbsHdr #header { 
	height: 60px; 
	/* padding: 0 10px 0 20px;  */
} 


.thrColAbsHdr #mainContent { 
	width:100%;
	/*margin: 0 300px; */
	/*padding: 0 10px; */
}
.thrColAbsHdr #footer 
{ 
	text-align:center;
} 
.thrColAbsHdr #footer p {
	margin: 0; 
	padding: 10px 0; 
}

#footer 
{ 
	float:left;
    width:100%;
	background-image: url(images/base_back.gif);
	background-repeat: repeat-x; 
	margin-top:6%;
	
} 

.fltrt { 
	float: right;
	margin-left: 8px;
}
.fltlft { 
	float: left;
	margin-right: 8px;
}


.ImgNoBorder
{
    border:none;
}


/* flash background */

#flashWrapper 
{ 
    width:100%; 
    z-index:-5;
}

#flash 
{ 
    top: 0; 
    /*
    margin: 0 auto; 
    width:88.62em; 
    */
    
    margin: 0 8%; 
    width:100em;
    
    height:61.25em; 
    overflow:hidden;
}

.bgLayer 
{
    position:absolute;
    overflow:hidden;
}


/* rss */
#isRss
{
    float:left;
    padding:4px 0px;
    width:100%;
}

#isRss a
{
    font-size:14px;
    color:#000;
    float:left;
    margin-top:5px;
    
}


/**********************************/
/* HEADER                         */
/**********************************/

#customise
{
	float:left;
	width:140px;
	margin-left:0px;
	padding-top:40px;
}

#logo
{
	float:right;
	width:382px;
	padding-top:10px;
}

#SchoolLogo
{
	float:left;
	width:382px;
	padding-top:10px;
}


#headerTools
{
	float:left;
	width:100%;
	padding:20px 0px;
	font-family:Arial;
	font-size:11px;
	color:#999;
}

#loginStatus
{
    float:left;
    width:544px;
    margin-top:4px; 
    margin-left:10px;
}

.loggedInUser
{
    color:#333;
}

#loginStatus a
{
    text-decoration:none;
    color:#999;
}

#loginStatus a:hover
{
    text-decoration:underline;
}

#quickNav
{
    float:left;
    width:170px;
}

.ddlQuickNav
{
    font-size:12px;
}

#quickSearch
{
    float:right;
    width:235px;
    text-align:right;
}

.labelQuickSearch
{
    width: 6em !important;
    float: left;
    text-align: left;
    margin-right: 0.5em;
    margin-top: 0.2em;
    display: block;
    color:#999;
}

/**********************************/
/* L1 NAVIGATION                  */
/**********************************/



#navigationContainer
{
	float:left;
	width:100%;
	margin:0px;
	margin-top:20px;
	height:40px;
	background-image: url(images/navBg.png);
	background-repeat:no-repeat;
}

#leftNav
{
	float:left;
    width:200px;
    margin-top:2px;
}



#rightNav
{
	float:right;
	width:710px;
	margin-top:0px;
}


/* left navigation */

#leftNav ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align:left;
	font-family:'Arial Rounded MT Bold';
	/*font-family:'Arial';*/
	font-size:14px;
	/*font-weight:bold;*/
	margin-top:10px;
	margin-left:10px;
}

#leftNav ul li 
{ 
	display: inline; 
}

#leftNav ul li a
{
	text-decoration: none;
	padding: .2em 0em;
	color: #969696;
}

#leftNav ul li a:hover
{
	color: #D3ECF9;
}

/* right navigation */

#rightNav ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: left;
	/*font-family:'Arial Rounded MT Bold';*/
	font-family:'Arial';
	font-size:14px;
	/*font-weight:bold;*/
	margin-top:8px;
}

#rightNav ul li 
{ 
	display: inline; 
}

#rightNav ul li a
{
	text-decoration: none;
	padding: .2em 46px 0em .9em;
	color: #fff;
}

#rightNav ul li a:hover
{
	color: #D3ECF9;
}


/**********************************/
/* L2 NAVIGATION                  */
/**********************************/

#SecondaryMenu
{
    float:left;
    width:233px;
    background-color:#99CCFF;
    font-family:Arial;
    font-size:14px;
}


#SubNav 
{
	margin-left: 0;
    padding: 7px 10px 2px 10px;
    list-style: none;
    font-size: 15px;
}


/* list links */
#SubNav a
{
	text-decoration: none;
	
	color: #fff;
}

#SubNav ul li a:hover
{
	color: #666;
}


/* main items */
#SubNav li 
{
	margin-top:2px;
	padding-top:4px;
	list-style: none;
    text-indent:0;
    border-bottom:dotted 1px #fff;
}


/* sub items */
#SubNav li ul 
{
	font-size: 11px;
	margin-left:18px;
	padding:0;
	margin-bottom:6px;
	
}

/* remove the bullets from the sub items */
#SubNav li ul li 
{
	background:none;
	border-bottom:none;
}


a.current
{
    color: #666 !important;
}


/* about us */
   
a.about_rollover 
{
  display: block;
  width: 76px;
  height: 20px;
  background: url("../images/subNav/aboutUs.png") 0 0 no-repeat;
  text-decoration: none;
}


a:hover.about_rollover
{
  background-position: -76px 0;
}

a:active.about_rollover 
{
 display: block;
  width: 76px;
  height: 10px;
  background: url("../images/subNav/aboutUs_on.png") 0 0 no-repeat;
  text-decoration: none;
}

a.about_rolloverOn 
{
  display: block;
  width: 76px;
  height: 20px;
  background: url("../images/subNav/aboutUs_on.png") 0 0 no-repeat;
  text-decoration: none;
}


/* subjects */

a.subjects_rollover 
{
  display: block;
  width: 144px;
  height: 20px;
  background: url("../images/subNav/subjects.png") 0 0 no-repeat;
  text-decoration: none;
}


a:hover.subjects_rollover
{
  background-position: -144px 0;
}

a:active.subjects_rollover 
{
 display: block;
  width: 144px;
  height: 20px;
  background: url("../images/subNav/subjects_on.png") 0 0 no-repeat;
  text-decoration: none;
}

a.subjects_rolloverOn 
{
  display: block;
  width: 144px;
  height: 20px;
  background: url("../images/subNav/subjects_on.png") 0 0 no-repeat;
  text-decoration: none;
}




/**********************************/
/* MAIN                           */
/**********************************/

#main
{
    float:left;
    width:475px;
    margin-left:9px;
    background-color:#fff;
    border:solid 1px #B6DCFC;
    padding:0px 10px;
    font-family:Arial;
    font-size:11px;
    color:#999;  
}


.MainContent
{
     padding:0 10px;
}


.MainContent a
{
    color:#666;
    text-decoration:none;
}

.MainContent a:hover
{
    text-decoration:underline;
}

#main ul
{
    margin:20px;
}

.MainTitle
{
     padding:0 10px;
}


#main .MainContent div.hr
{
	margin: 10px 0;
	background: transparent url('/_assets/images/hr.png') no-repeat;
	width: 450px;
	height: 1px;
	float: left;
}

#main img
{
     float:left;
     margin-right:10px;
     margin-bottom:4px;
     text-align:left;
     max-width:450px;
}

h1
{
    font-family:'Arial Rounded MT Bold';
    font-size:17px;
    color:#99CCFF; 
    line-height: 1.8;
    border-bottom:dotted 1px #D6D6D6;
    margin-top:5px;
}

h2
{
	font-family:'Arial Rounded MT Bold';
    font-size:15px;
    font-weight: bold;
    color: #333;
    margin: 10px 0 0 0;
    padding: 0;
}

h3
{
	font-family:'Arial Rounded MT Bold';
    font-size:11px;
    font-weight: bold;
    color: #999;
    margin: 10px 0 0 0;
    padding: 0;
}

/* main page sub title */
h4
{
    font-family:Arial;
    font-size:11px;
    color:#666766; 
}

/* images from the page attachments */


.pageImageCaption
{
    float:left;
    border:solid 1px #D6D6D6;
    padding:5px;
}

#gallery img
{
    border:solid 1px #D6D6D6;
    padding:5px;
    margin:15px;
    width:70px;
    height:54px;
}


/**********************************/
/* FORMS (all)                    */
/**********************************/

fieldset
{
   border:none;
   width: 40em;
   padding:0;
   margin:0;
}

fieldset div
{
    margin-bottom:14px;
}


/* validation summary */

fieldset ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align:left;
	font-family:'Arial';
	font-size:11px;
}

fieldset ul li 
{ 
	padding: 2px 0;
}

/* end */


label
{
    width: 14em;
    float: left;
    text-align: left;
    margin-right: 0.5em;
    margin-top: 0.2em;
    display: block;
    color:#999;
}

.frmTxt
{
    width:160px;
    border:solid 1px #D6D6D6;
}

.frmTxtLong
{
    width:450px;
    border:solid 1px #D6D6D6;
}

.frmTxtSearch
{
    width:128px;
    border:solid 1px #D6D6D6;
}

.frmBtnSearch
{
    width:30px;
    font-size:10px;
}

.frmDropDown
{
    width:160px;
    border:solid 1px #D6D6D6;
    font-family:Arial;
    font-size:12px;
}

.frmErr
{
    color:#ff0000;
}

.chk input
{
    margin-left: 0;
} 








#Pager
{
    float:left;
    width:706px;
    height:50px;
    background-image: url(images/pagerBg.png);
    background-repeat: no-repeat;
    background-position: 0px 0;
    margin-left:-5px;
    z-index:20;
}

.searchresults
{
    width:455px !important;
}


#PagerContainer
{
    float:left;
    width:690px;
    margin-top:15px;
    margin-left:10px;
}

#PagerLeft
{
    float:left;
    width:110px;

}


#PagerRight
{
    float:right;
    width:85px;
}

.pagerLabel
{
    color:#99CCFF;
    margin-right:4px;
}


div#PagerContainer a
{
    margin-right:4px;
    color:#99CCFF;
    text-decoration:underline;
}


div#PagerContainer .CurrentPage
{
    text-decoration:none;
    color:#333;
}

.PagerInfo
{
    float:left;
    width:700px;
    text-align:center;
    margin-top:15px;
}


/* Rating */
.ratingStar {
 font-size: 0pt;
 width: 13px;
 height: 12px;
 margin: 0px;
 padding: 0px;
 cursor: pointer;

 background-repeat: no-repeat;
}

.filledRatingStar {
 background-image: url(images/FilledStar.png);

}

.emptyRatingStar {
 background-image: url(images/EmptyStar.png);
}

.savedRatingStar {
 background-image: url(images/SavedStar.png);
}

.pageRatings
{
    float:left;
    width:100%;
    margin-top:10px;
    margin-bottom:15px;
}


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

.GameItem
{
    float:left;
    width:380px;
}

/**********************************/
/* SIDEBAR                        */
/**********************************/

/* container right panels */


#SideBar
{
    float:right;
    width:233px;
}

#SideBar a
{
    color:#666766;
    text-decoration:none;
}

#SideBar p
{
    color:#999;
}

#SideBar a:hover
{
    text-decoration:underline;
}

#extras
{
    float:left;
    width:233px;
    margin-bottom:20px;
    background-color:#fff;
    border:solid 1px #B6DCFC;
    font-family:Arial;
    font-size:11px;
    color:#999;  
}


#extras img
{
    margin-bottom: 10px;
    border:none;
}


#extras ol
{
    margin: 0px 10px;
	padding: 0px 10px; 
}


#extras ul
{
    margin: 0;
	padding: 0;
	list-style-type: none;
	text-align:left;
	margin-top:10px;
}

#extras li
{
	padding-bottom: 4px;
}

.ItemTitle
{
    color:#666766;
}

.ItemSummary
{
    float:left;
    width:100%;
    font-style:italic;
}

.ItemDetails
{
    float:left;
    width:100%;
    margin-bottom:10px;
}





/**********************************/
/* STAFF LIST ITEMS (blog, QA)    */
/**********************************/


ul
{
    padding:0;
	margin:0;
}

#QAList li 
{ 
	padding: 4px 0;
	list-style-type: none;
}



/* panel items */

.PanelItem
{
   
    float:left;
    width:215px;
}


.PanelIcon
{
    float:left;
    width:45px;
}

.PanelContent
{
    float:left;
    width:170px;
}

.ItemDate
{
    color:#B5B5B5;
}

.fileIcon
{
   margin-right:10px;  
}


.ViewAllBlogs a
{
    color:#666766;
    text-decoration:none;
    padding: 4px 0;
    float:left;
    width:215px;
    line-height: 1.8;
    border-top:dotted 1px #D6D6D6;
}

/* blog article */

.BlogArticle_ItemTitle
{
    float:left;
    width:100%;
    font-size:12px;
    color:#666;
    margin-bottom:6px;
}

.BlogArticle_ItemDetails
{
    float:left;
    width:100%;
    margin-bottom:6px;
}

.BlogArticle_ItemDate
{
    color:#999999;
    float:left;
    width:220px;
    margin-bottom:6px;
}


/**********************************/
/* SEARCH RESULTS                 */
/**********************************/

.SearchItem
{
    padding:6px 0;
}

.SearchTitle a
{
    color:#666766;
    text-decoration:none;
    float:left;
    width:100%;
    line-height: 1.8;
}


div#Paging
{
    border-top:1px dotted #D6D6D6;
    padding:15px 0;
    margin:15px 0;
}

div#PagingInfo
{
    float:left;
    width:180px;
    font-family:Arial;
    font-size:10px;
    color:#666766; 
}

div#PagingTools
{
    float:right;
    width:240px;
    text-align:right;
}

div#PagingTools a
{
    font-family:Arial;
    font-size:10px;
    color:#666766;
    text-decoration:none;
}

div#PagingTools a:hover
{
    text-decoration:underline;
}

div#PagingTools .CurrentPage
{
    text-decoration:underline;
    font-weight:bold;
}



/**********************************/
/* MY ACCOUNT                     */
/**********************************/
/* Report card */
div.ReportCard div.item
{
	margin: 10px 0 0 0;
}

div.ReportCard .highlight, div.ReportCard .highlightAlt
{
	font-size: 11px;
	color: #cc0000;
}

div.ReportCard .highlightAlt
{
	font-weight: bold;
}

div.ReportCard span.score
{
	font-size: 17px;
	font-weight: bold;
}



/**********************************/
/* HOMEPAGE                       */
/**********************************/

#staticContentBox img
{
     float:left;
     margin-right:10px;
     margin-bottom:2px;
     text-align:left;
     max-width:75px;
}



/********************************************/
/* RESPONSE FORM                            */
/********************************************/

#ResponseForm
{
    float:left;
}

/*
#ResponseThanks
{
    float:left;
    width:420px;
    background-color:#efefef;
    border:solid 1px #666;
    padding:15px;
}
*/


/********************************************/
/* RESPONSE LIST                            */
/********************************************/

#ResponseList
{
    float:left;
    width:100%;
    padding-bottom:20px;
}

#ResponseFormLogin
{
    float:left;
    width:100%;
    margin: 10px 0px;
}

#ResponseFormNoData
{
    float:left;
    width:100%;
    margin: 10px 0px;
}

.ResponseItem
{
    float:left;
    padding-bottom:30px;
}

.ResponseName
{
    float:left;
    width:100%;
    font-weight:bold;
}

.ItemSummary
{
    float:left;
    width:100%;
    
}

.ResponseComments
{
    float:left;
    width:100%;
    font-style:italic;
    margin-bottom:10px;
}



#NewsletterForm
{
    float:left;
    width:100%;
    margin-top:15px;
    padding:10px;
}





#flaBalloon
{
    float:right;
    width:100px;
    border:solid 1px #ff0000;
}


/************************************************************************************************************************************/
/* BEGIN CLEANUP! */
/************************************************************************************************************************************/

/********************************************/
/* CONTENT PAGE                             */
/********************************************/


.contentTitle
{
    font-family:'Arial';
    font-weight:bold;
    font-size:12px;
    color:#666766;  
}

.contentSummary
{
    font-style:italic;
}

.contentDate
{
    color:#666766;
    font-style:italic;
}

.contentBack
{
    margin:15px 0px;
}

.contentBack a
{
    color:#99CCFF;
}


/********************************************/
/* LIST PAGE                                */
/********************************************/


#ListView ul 
{
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
 
#ListView li 
{
  float: left;
  width:328px;
  height:130px;
  margin: 5px 17px 5px 0px;
  border-bottom:dotted 1px #ADADAD;
  padding-bottom:8px;
} 

#ListView p {display:table; height:1%} 

.itemViews
{
    font-weight:bold;	
    padding-left:10px;
}

.listSummary
{
    color:#99CCFF;
}

#ListView a
{
    color: #999;
    padding:4px 0px;
    text-decoration:none;
}

#ListView a:hover
{
    color: #999;
    text-decoration:underline;
}

.listItemsItem
{
    margin-bottom:20px;
}


.addwidgetbuttonbg 
{
    background-color:#FFFFFF;
    background-image:url(images/more.gif);
    background-position:0 20px;
    background-repeat:repeat-x;
}

.ResponseFormLoginPrompt
{
    background-color:#efefef;
    border:solid 1px #ADADAD;
    float:left;
    width:410px;
    height:20px;
    padding:20px;
    text-align:center;
    font-size:14px;
}