﻿p
{
    font-family: MS Sans Serif, Sans-Serif, Arial, Helvetica;
    font-size: 10pt;
    color: #163c73;
    padding-right: 10px;
    padding-left: 10px;
    line-height: 13pt;
}

body
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 11pt;
	color: Black;
}

H1
{
	font-family: Arial, Sans-Serif, Helvetica;
	font-size:16pt;
	font-weight:bold;
	text-decoration:none;
	color:#163c73;
	padding-top:8px;
	line-height:20px;
}

H2
{
	font-family: Arial, Sans-Serif, Helvetica;
	font-size:12pt;
	font-weight:bold;
	text-decoration:none;
	color:#163c73;
}

IMG 
{
	border-style: none;
	border-width: 0;
}

#Page
{
	width: 970px;	
	background-color:white;
}

#PageHeader
{

	width: 100%;
	border-style:none;
	border-width:0;
	
	background-color:white;
}



#PageMenu
{ 

	width:100%;
	background-color:white;
}

#Left
{
	margin-top:20px;
	width:150px;
	float:left;
	background-color:White;	
}

#Main
{
	width:510px;
	float:left;
	background-color:White;
	padding-top:10px;
}

#MainWide
{
	width:660px;
	float:left;
	background-color:White;
	padding-top:10px;
}

#Mainforms
{
	width:510px;
	float:left;
	background-color:White;
	
}
#formsRight
{
	margin-top:20px;
	width:280px;
	float:right;
	background-color:White;
	
}


#Right1
{
	margin-top:20px;
	width:150px;
	float:left;
	background-color:white;
	overflow:hidden;
}

#Right2
{
	margin-top:20px;
	width:150px;
	float:right;
	background-color:white;
display:inline;
}

#Bottom
{
	width:100%;
float:left;	
	background-color:white;
}


.puLI
{
	width:200px;
	height:60px;
	background-color:Yellow;
	color:Red;
	position:absolute;
	top:100px;
}

.UCHeader
{
	width:100%;
	height:78px;
	background-image:url(images/header-bg2.gif);
	background-repeat:no-repeat;
	
	font-family: Arial;
	font-size: 9pt;
	color: White;
	overflow:hidden;
}

.UCHeader A
{
	font-family: Arial;
	font-size:9pt;
	text-decoration: underline;
	color:White;
}

.UCTopMenu
{
	width:100%;
	height:41px;
	background-image:url(images/topmenu-bg.png);
	
	font-family: Arial;
	font-size:8pt;
	color: #576491;
}

.UCTopMenu A
{
	text-decoration: underline;
	color: #576491;
}

.UCTopMenu INPUT
{
	font-size:9pt;
	width:90px;
	height:15px;
}

.UCTopMenu .Divider
{
	float:left; 
	height:100%; 
	width:20px; 
	background-image:url(images/topmenu-divider.png);
	background-position:top left;
	background-repeat: no-repeat;
}

.UCTopMenu .MyAccount
{
	float:left;
	height:40px;
	width:150px;
	background-image:url(images/account-icon.png);
	background-position: 5px 6px;
	background-repeat:no-repeat;
}
.UCTopMenu .MyFavourites
{
	float:left;
	height:40px;
	width:150px;
	background-image:url(images/favourite-icon.png);
	background-position: 5px 4px;
	background-repeat:no-repeat;
}
.regform
{
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 10pt;
    color: #163c73;
    padding-right: 10px;
    padding-left: 10px;
    line-height: 11pt;
    
  
}

.UCItemHeader
{
	width:100%;
	height:19px;
	background-color: #163c73;
	color:white;
	font-family:Arial, Helvetica, Sans-Serif;
	font-size:9pt;
	font-weight:normal;
	padding-top:2px;
	padding-bottom:2px;
	text-align:right;
}

.Item
{
	width:100%;
	height:157px;
	border-color:#a7badc;
	border-width:1px;
	border-style:solid;
	background-color:White;
	overflow: hidden;
}

.Item .BlockInfo
{
	float:left;
	width:380px;
	height:157px;
	background-color:white;
}

.Item .BlockInfo .Title
{
    background-image: url(images/item-title-tab.png);
    width: 232px;
    height: 29px;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 15px;
    font-weight: bold;
    float: left;
    padding-top: 5px;
    padding-left: 5px;
    background-repeat: no-repeat;
}

.Item .BlockInfo .Picture 
{
	padding-top: 10px;
	width:140px;
	height:100px;
	background-color:Transparent;
	float:right;
}

.BlockCanPlay
{
	background-color:Green;
	color:White;
}

.BlockCannotPlay
{
	background-color:Red;
	color:White;
}

.BlockFuturePay
{
	background-color:Yellow;
	color:Black;
}

/*
.Item .BlockInfo .Picture IMG
{
	width:140px;
	height:105px;	
}*/

.Item .BlockInfo .Description
{
	width:232px;
	height:100px;
	float:left;
	background-color:white;
}

.Item .BlockInfo .Description .SubTitle
{
	font-family:Arial, Helvetica, Sans-Serif;
	font-size:15px;
	font-weight:bold;
}

.Item .BlockInfo .Description .DescriptionText
{
	font-family:Arial, Helvetica, Sans-Serif;
	font-size:12px;
	font-weight:normal;
}

.Item .iCan
{
	margin-top:10px;
	margin-left:5px;
	font-family:Arial, Helvetica, Sans-Serif;
	font-size:14px;
	font-weight:bold;
	color:#B0C1E0;
}



.Item .BlockActions
{
	background-image:url(images/itembg.png);
	
		
	width:100px;
	height:100%;
	
	float:right;
}
.Item .BlockActions IMG
{
height:21px;
}

.Item .BlockActions A
{
	color: #163C73;

} 

.Item .BlockActions .Disabled
{
	color:#777777;
}

.Item .BlockExtendedInfo
{
      float: left;
    width: 410px;
    height: 170px;
    background-color: white;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    font-weight: normal;
}

.Item .BlockExtendedInfo .Title
{
	font-family:Arial, Helvetica, Sans-Serif;
	font-size:15px;
	font-weight:bold;
	color:Black;
	padding-right:10px;
}

.Item .BlockExtendedInfo .Description
{
    margin: 5px;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    font-weight: normal;
    color: Black;
}


.ItemRatings
{
width:100%;
	height:30px;
	background-color:White;
	
	border-color:#a7badc;
	border-width:1px;
	border-style:solid;
}

.MenuYear
{
	height:31px;
	width:128px;
	overflow:hidden;
}


.TermSideBar
{
	height:315px;
	width:20px;
	background-image:url(/images/seasonbar.png);
	float:left;
}

 .MenuUnit
{
	height:21px;
	width:105px;
	float:left;
	display:inline;
	font-size:1pt;
}

.SearchPopup
{
	z-index:100;
	background-color:#b0c1e0;
	border: solid medium black;
	color:black;	
	position:absolute;
	top:70px;
	left:620px;
	width:300px;
	height:200px;
	border-width:thin;
	border-color:Black;
	overflow:hidden;
	font-family:Arial, Sans-Serif, Helvetica;
	font-size:8pt;
}

.SearchPopup .SearchContent
{
	padding-top:3px;
	padding-left:3px;
	padding-right:3px;
	background-color:White;
	overflow:auto;
	height:195px;
}

.SearchPopup IMG
{
	padding-right:3px;
}

.SearchPopup A
{
	font-weight:bold;
	text-decoration:underline;
	color:Black;
	font-size:10pt;
}

.TableCaption
{
	width:120px;
	font-size:9pt;
}

.ErrorLabel
{
	color:Red;
	font-family:Arial, Helvetica, Sans-Serif;
	font-size:10pt;
	font-weight:bold;
}


.TopListTopLevel
{
	padding-left:2px;
	margin-left:2px;
	color:White;
	font-size:8pt;
	font-family:Arial, Helvetica, Sans-Serif;
}

.TopListTopLevel A
{
	color:White;
	text-decoration:none;
	font-size:8pt;
	font-family:Arial, Helvetica, Sans-Serif;
}

.TopListSubLevel 
{
	padding-left:2px;
	margin-left:2px;
	color:#163c73;
	font-size:8pt;
	font-family:Arial, Helvetica, Sans-Serif;
}

.TopListSubLevel A
{	
	padding-left:2px;
	color:#163c73;
	font-size:8pt;
	font-family:Arial, Helvetica, Sans-Serif;
	text-decoration:none;
}


.puVO
{
	visibility:hidden;
	
	width:406px;
	height:256px;
	background-image:url(images/activity-launch-dialogue-bg.gif);
	background-repeat:no-repeat;
	background-position:center;
	
	left:250px;
	top:50px;
	
	z-index:1000;
	
}

.puCannotPlayMessage
{
	visibility:hidden;
	background-image:url(images/warning_box.jpg);
	
	border: solid thin black;
	
	width:406px;
	height:256px;

	left:250px;
	top:50px;
	z-index:1001;	
}


.FreeStuff
{
	color:#000033;
	font-size:15px;
	font-weight:bold;
	text-align:center;
}

.SampleIcon
{
	position:relative;
	display:block;
	top:1px;
	left:1px;	
	z-index:100;
	width:48px;
	height:48px;
	border: none 0px transparent;
	float:left;
}

.RatingStarOn
{
	background-image: url(images/StarOn.png);
	width:14px;
	height:14px;

}

.RatingStarOff
{
	background-image: url(images/StarOff.png);
	width:14px;
	height:14px;


}

.ucVotingGroupName
{
	font-family:Sans-Serif Arial Helvetica;
	color: #163c73;
	font-size:10pt;
	font-weight:bold;
}

.SearchBox
{
	background-color:#B0C1E0;
	font-family:arial helvetica Sans-Serif;
	font-size:smaller;
}


.SearchResultPagerNormal
{
	font-family:Arial Sans-Serif Helvetica;
	color: #163c73;
	font-size:10pt;
	font-weight:normal;
}

.SearchResultPagerSelected
{
	font-family:Arial Sans-Serif Helvetica;
	color: #163c73;
	font-size:11pt;
	font-weight:bold;
}

.PupilLogon
{
    width: 127px;
    height: 75px;
    background-image: url(images/class-login-bg1.png);
    padding-top: 25px;
    text-align: center;
    background-repeat: no-repeat;
}


.PUHint
{
	visibility:hidden;
	background-color:#b0c1e0;
	border: solid 1px black;
	font-family: Arial;
	font-size: 10pt ;
	color:#163c73;
	width:250px;
	height:300px;
	position:absolute;
	z-index:1000;
	padding: 5px 5px 5px 5px;
}



.puNewSite
{		
	width:406px;
	height:256px;
	background-color:Yellow;
	background-repeat:no-repeat;
	background-position:center;
	padding: 10px 10px 10px 10px;
	position:absolute;
	left:250px;
	top:50px;	
	z-index:1000;	
}
.valids
{
    Color:Red;
    font-family:Arial;
    font-size:10px;
}

#panEList
{
 font-family:Arial;
 font-size:11px;
 color:#163c73; 
    
}
#panEList A
{
 font-family:Arial;
 font-size:11px;
 color:Blue; 
 cursor:pointer;
 text-decoration:underline;
}

#eventpane
{
    width: 400px;
     background-color: White;
    border-width: 1px;
    border-color: #163c73;
    border-style: solid;
    position: absolute;
    padding:10px;
    visibility:hidden;
    top: 200px;
    left: 187px;
    z-index:100;
}


   .tnShortcutStrip IMG
   {
       width:40px; 
       height:30px;
       margin-bottom:10px;
          padding-bottom:10px;
       }
   .yearbutton
    {
        width:107px; 
        background-color:#163c73; 
        border:none 0px;
        margin-right:1px;
        height:22px; 
        float:left;
        font-family: Arial, helvetica, Verdana, Sans-Serif;
        font-size:12px;
        color:White;
        font-weight:bold;
        cursor:pointer;
        
    }
      .yearbutton:hover
      {
                background-color:#B0C1E0;
                     color:#163c73; 
      }
        .yearbuttonselect
    {
        width:107px; 
        background-color:#B0C1E0; 
        border:none 0px;
        margin-right:1px;
        height:22px; 
        float:left;
        font-family: Arial, helvetica, Verdana, Sans-Serif;
        font-size:12px;
        color:#163c73;
        font-weight:bold;
       
    }
