body
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:small;
}
#container
{
	width:950px;
	margin:0 auto;
	padding: 5px;
}
#header
{
	margin-bottom: 5px;
	padding-bottom: 10px;
	background: url(../img/urbrainy.logo.png) top left no-repeat;
}
#navigation .selected
{
	background:#243C5F;
	color:#fff;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; /* future proofing */

}
#navigation ul
{
	margin:0 0 0 200px;
	padding:30px 0 0 0;
	list-style:none;
}
#navigation ul li
{
	float:left;
	margin:0;
	padding:0 5px;
}
#navigation .submenu
{
	clear:left;
	padding-top:5px;
	margin-left: 250px;
}
#navigation a
{
	color:#243C5F;
	text-decoration:none;
	font-weight:bolder;
	padding:3px 10px;
}
#navigation a:hover
{
	text-decoration:underline;
}
#navigation input
{
	border: 1px solid #666;
	background:#ADD7E8;
	padding:3px;
	margin-top: -6px;
}
#navigation .submit
{
	background:#35568C;
	border:1px solid #243A5F;
	color:#fff;
	font-weight: bold;
	font-size:90%;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius:7px;
}
#left
{
	float:left;
	width: 199px;
	border-right: 1px solid #B1BADF;
	border-top: 1px solid #B1BADF;
	margin-top:10px;
}
#categories
{
	list-style:none;
	margin:0;
	padding:0;
	font-size: 90%;
}
#categories li
{
	border-top: 1px solid #666;
	/*border-bottom: 1px solid #666;*/
	padding:8px 0;
}
#categories li a
{
	font-weight: bold;
	color:#35568C;
	text-decoration: none;
}
#categories li ul
{
	margin-top: 8px;
	margin-bottom: -8px;
	/*border-bottom: 1px solid #666;*/
	padding:0;
}
#categories li ul li
{
	border-top: 1px solid #999;
	/*border-bottom: 1px solid #666;*/
	padding:8px 0 8px 25px;
	list-style:none; 
}
#categories li ul li a
{
	font-weight:normal;
}
#categories .selected
{
	background:#ccc;
}
#center
{
	clear:left;
	float:right;
	width:740px;
	padding: 5px;
	border-top: 1px solid #B1BADF;
	margin-top:10px;
}
#footer
{
	clear:both;
}



#worksheets
{
	clear:both;
}

.worksheet
{
	float:left;
	margin:5px;
	width:160px;
	text-align:center;
}
.worksheet  a
{
	text-decoration:none;
	color:#35568C;
}
.worksheet  .img
{
	display:block;
	background-position:center;
	background-repeat:no-repeat;
	width:150px;
	height:212px;
	position:relative;
	border:1px solid #666;
	margin:1px;
}
.free-resource .img
{
	border:2px solid #990000;
	margin:0px;
}
.new-resource .img
{
	border:2px solid #FF9900;
	margin:0px;
}
.worksheet  .img:hover
{
	border:2px solid #666;
	margin:0;
}
.free-resource .img:hover
{
	border:2px solid #990000;
}
.new-resource .img:hover
{
	border:2px solid #FF9900;
}
.worksheet  .img:hover span
{
	border-top:2px solid #666;
	border-left:2px solid #666;
}
.worksheet  .img span
{
	display:block;
	bottom:0;
	right:0;
	position:absolute;
	background:#ADD7E8;
	padding:5px 10px;
	border-top:1px solid #666;
	border-left:1px solid #666;
	color:#333;
	font-weight:bold;
	
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
	border-radius-topleft: 10px;
}

.new-banner
{
	display:block;
	top:0;
	right:0;
	position:absolute;
	background:url('../img/newbanner.gif') top right no-repeat;
	padding:0;
	width:89px;
	height:91px;
}
.free-banner
{
	display:block;
	top:0;
	right:0;
	position:absolute;
	background:url('../img/freebanner.gif') top right no-repeat;
	padding:0;
	width:89px;
	height:91px;
}
.trial-banner
{
	display:block;
	top:0;
	right:0;
	position:absolute;
	background:url('../img/trialbanner.gif') top right no-repeat;
	padding:0;
	width:89px;
	height:91px;
}
.worksheet  .link
{
	display:block;
	text-align:center;
	padding:3px;
	font-weight:bold;
	height: 3em;
}
.worksheet  .link:hover
{
	text-decoration:underline;
}
#activities  h2
{
	background:url('../img/browser/games.png') no-repeat left center;
	padding:5px 0 5px 38px;
	margin:3px 0 3px 10px;
}
#worksheets  h2
{
	background:url('../img/browser/worksheets.png') no-repeat left center;
	padding:10px 0 5px 38px;
	margin:3px 0 3px 10px;
}
#latest-activities h2, #latest-worksheets h2
{
	background:url('../img/browser/latest.png') no-repeat left center;
	padding:5px 0 5px 38px;
	margin:3px 0 3px 10px;
}
#popular-activities, #popular-worksheets
{
	clear:both;
}
#popular-activities h2, #popular-worksheets h2
{
	background:url('../img/browser/popular.png') no-repeat left center;
	padding:5px 0 5px 38px;
	margin:3px 0 3px 10px;
}

.activity
{
	float:left;
	margin:5px;
	width:160px;
	text-align:center;
}

.activity a
{
	text-decoration:none;
	color:#35568C;
}
.activity .img
{
	display:block;
	background-position:center;
	background-repeat:no-repeat;
	width:150px;
	height:112px;
	position:relative;
	border:1px solid #666;
	margin:1px;
}
.activity .img:hover
{
	border:2px solid #666;
	margin:0;
}
.activity .img:hover span
{
	border-top:2px solid #666;
	border-left:2px solid #666;
}
.activity .img span
{
	display:block;
	bottom:0;
	right:0;
	position:absolute;
	background:#ADD7E8;
	padding:5px 10px;
	border-top:1px solid #666;
	border-left:1px solid #666;
	color:#333;
	font-weight:bold;
	
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
	border-radius-topleft: 10px;
}
.activity .link
{
	display:block;
	text-align:center;
	padding:3px;
	font-weight:bold;
	height: 3em;
}
.activity .link:hover
{
	text-decoration:underline;
}
#unauthorised
{
	
}
#unauthorised h2
{
	background:url('../img/newbrowser/lock.png') no-repeat left center;
	padding:10px 0 5px 38px;
	margin:3px 0 8px 10px;
}
#unauthorised h3
{
	margin:0 0 5px 0;
	padding:0;
}
#join h2
{
	background:url('../img/newbrowser/lock.png') no-repeat left center;
	padding:10px 0 5px 38px;
	margin:3px 0 8px 10px;
}
#rightcol
{
	float:right;
	width: 199px;
	border-left:1px solid #ccc;
	padding-left: 10px;
}
#rightcol .img
{
	display:block;
	background-position:center;
	background-repeat:no-repeat;
	width:150px;
	height:212px;
	position:relative;
	border:1px solid #666;
	margin:1px 10px 10px 20px;
	float:left;
}
#centercol
{
	width:520px;
	padding:0 5px;
}
#centercol h2
{
	clear:left;
	padding:10px 0 5px 0;
	margin:3px 0 8px 10px;
	background:none;
}
.login, .join
{
	width: 450px;
	padding:0 10px;
	margin:10px auto;
}
form dl dt
{
	clear:left;
	float:left;
	width:100px;
	margin: 3px 0;
	line-height:2em;
}
form dl dd
{
	float:left;
	width:300px;
	margin: 3px 0;
}
.text
{
	width:250px;
	font-weight:bold;
	font-size:130%;
	padding:3px;
	border:1px solid #666;
}
.input
{
	padding:14px 4px;
}
.radio
{
	display:block;
	font-weight:bold;
	padding:3px 0;
}
.radio label
{
	padding:0 0 0 3px;
}
.radios
{
	padding:0 0 3px 0;
}
.password .text
{
	width:140px;
}
.login .password a
{
	font-size:80%;
	line-height:300%;
	padding:0 5px 0 10px;
}
.join dl dt
{
	width:110px;
}
.join-step-img
{
	border:solid 1px #666;
	margin:5px auto;
}
.error-msg
{
	background:#FED2CD;
	border:1px solid #A71505;
	padding: 7px;
}
.error-msg h3
{
	padding:0.6em 0 0 40px;
	background: url('../img/newbrowser/warning.png') left bottom no-repeat;
	font-size:130%;
	font-weight:bold;
	color:#000;
	margin:0;
}
.error-msg p
{
	margin:0.5em 0;
}

.button
{
	display: block;
	padding:0.5em 1.5em;
	border:1px solid #666;
	font-size:110%;
	font-weight:bold;
	text-align:center;
	width: 100px;
	float:left;
	margin-left: 75px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius:10px;
	text-decoration:none;
}
.button:hover
{
	text-decoration:underline;
}
.button span
{
	display:block;
	font-size:80%;
	font-weight:normal;
}
.red
{
	background:#A71505 url('../img/newbrowser/red.png') repeat-x top;
	color:#fff;
}
.blue
{
	background:#B0D8E9 url('../img/newbrowser/blue.png') repeat-x top;
	color:#000;
}
.radio-payment
{
	display:inline;
	float:left;
	width:220px;
	clear:none;
	
	background: #F3F7FD;
	border: 2px solid #E1EBFB;
	margin: 0 10px 5px 10px;
	padding: 5px;
}
.radio-price
{
	clear:left;
	display:block;
	background: #F3F7FD;
	border: 2px solid #E1EBFB;
	margin: 10px 15px;
	padding: 5px;
}
.radio-price .price, .radio-payment .price
{
	float:right;
	font-size:110%;
	font-weight:bold;
}
.radio-price .title, .radio-payment .title
{
	font-size:110%;
	font-weight:bold;
}
.radio-price .sub-title, .radio-payment .sub-title
{
	display:block;
	font-style:italic;
	margin-left:2em;
}
.subscribe input[type=submit]
{
	margin:5px 0 0 25px;
}
.account-details
{
	display:block;
	background: #F3F7FD;
	border: 2px solid #E1EBFB;
	margin: 10px 15px;
	padding: 5px;
}
/*opacity*/
.opacity-10
{
	filter:alpha(opacity=10);
	-moz-opacity:0.1;
	-khtml-opacity: 0.1;
	opacity: 0.1;
}
.opacity-20
{
	filter:alpha(opacity=20);
	-moz-opacity:0.2;
	-khtml-opacity: 0.2;
	opacity: 0.2;
}
.opacity-30
{
	filter:alpha(opacity=30);
	-moz-opacity:0.3;
	-khtml-opacity: 0.3;
	opacity: 0.3;
}
.opacity-40
{
	filter:alpha(opacity=40);
	-moz-opacity:0.4;
	-khtml-opacity: 0.4;
	opacity: 0.4;
}
.opacity-50
{
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
.opacity-60
{
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
}
.opacity-70
{
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}
.opacity-80
{
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}
.opacity-90
{
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
}


.msg
{
	width:450px;
	padding: 5px;
	margin: 10px auto;
}

.info-msg
{
	background:#E0F9E0;
	border: 1px solid #A3EDA3;
}
.alert-msg
{
	background:#FFEDE8;
	border: 1px solid #FF9C80;
}
.msg .msg-img
{
	float:left;
	display:block;
	margin:10px 0 0 0;
	padding:0;
}

.msg h1
{
	font-size:120%;
	margin:5px 0 0 0;
	padding:0;

}
.msg p
{
	text-align:left;
	margin:3px 0 3px 52px;
}


.icon
{
	width: 130px;
	text-align: center;
	margin-right: 30px;
	margin-bottom: 10px;
	margin-top: 3px;
	float:left;
	padding:0;
}

.icon a img
{
	background:  #fff;
	border: 2px solid #86B8E3;
	margin: 10px 5px 0 5px;
	padding:2px;
	
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;


}
.icon a
{
	display:block;
	border: 1px solid #fff;
	background: #fff;
	text-decoration:none;
}
.icon a:hover
{
	display:block;
	border: 1px solid #D8F0FA;
	background: #E8F5FD url(/img/icon_back.png) top left repeat-x;
}

.icon a:hover h3
{
	text-decoration:underline;
}

.icon a h3
{
	font-size:10px;
	font-family: sans-serif;
	font-weight:normal;
	color: #243C5F;
	padding:5px 3px;
	margin:0;
}
.section
{
	clear:left;
	display:block;
	background: #F3F7FD;
	border: 2px solid #E1EBFB;
	margin: 10px 15px;
	padding: 5px;
}
.section  h1
{
clear:left;
}
.section  dl dt
{
	clear:left;
	float:left;
	width:100px;
	margin: 3px 0;
	line-height:2em;
}
.section  dl dd
{
	float:left;
	width:300px;
	margin: 3px 0;
}
.section .subscription-button
{
	display: block;
	padding:0.5em 1.5em;
	border:1px solid #666;
	font-size:110%;
	font-weight:bold;
	text-align:center;
	width: 100px;
	float:left;
	margin-left: 75px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius:10px;
	text-decoration:none;
	background:#B0D8E9 url('../img/newbrowser/blue.png') repeat-x top;
	color:#000;
}
.section .subscription-button:hover
{
	text-decoration:underline;
}


.newbrowser-alert
{
	margin:10px auto;
	width: 500px;
	border: 2px solid #7b924e;
	background: #D0DBBB;
}
.newbrowser-alert h3
{
	margin: 10px 10px 0px 10px;
}
.newbrowser-alert p
{
	margin: 10px 10px;
}
.newbrowser-alert a
{
	background: #556635;
	color: #fff;
	border:2px solid #7b924e;
	padding: 5px;
	font-weight: bold;
	font-size: 120%;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	text-decoration: none;
}
.newbrowser-alert a:hover
{
	background: #384323;
	
}

#joinschool
{
	margin-left: 20px;
}
#joinschool h2
{
	text-align: center;
	font-size: 200%;
}
#joinschool h3
{
	text-align: center;
	font-size: 150%;
	font-weight: normal;
}
#joinschool h4
{
	text-align: left;
	font-size: 120%;
	
}

#resource-banner
{
	border-top: 1px #333 solid;
	border-left: 1px #333 solid;
	border-right: 1px #333 solid;
	padding: 5px;
}
#resource-banner h3
{
	margin:0;
	padding:0;
}
#resource-banner p
{
	margin:0;
	padding:0;
}
/* hacks */