/* CSS Document */

/* Whole page components */
table {
	border: none;
}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	/*background-color: #F4F4F4;*/
	/*margin: 10px 10px 10px 10px;*/
	padding: 0;
	margin: 0;
	background:url(images/filler2.jpg) repeat-x;
}
ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
/*
div {
	margin-left: auto;
	margin-right: auto;
}
*/
div.main {
	padding: 0 10px 0 10px;
}
p {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	text-shadow:#000000;
}

.linebreak {
	margin-bottom: 12px;
}

img{
	border:0;
}

.bold {
	font-weight: bold;
}
.bold-underline {
	font-weight: bold;
	text-decoration: underline;
}
.underline {
	text-decoration: underline;
}
.italic {
	font-style: italic;
}
td {
	vertical-align: top;
}
table tr.linebreak {
	height: 14px;
}

a:link {
	color:#0066CC;
	text-decoration: underline;
}
a:visited {
	color:#0066CC;
	text-decoration: underline;
}
a:hover {
	color:#0066CC;
	text-decoration: none;
}
a:active {
	color:#0066CC;
	text-decoration: underline;
}

/* Admin Components */
.admin a:link {
	color: #FF0000;
	text-decoration: none;
}
.admin a:visited {
	color: #FF0000;
	text-decoration: none;
}
.admin a:hover {
	color: #CC0000;
	text-decoration: underline;
}
.admin a:active {
	color: #FF0000;
	text-decoration: underline;
}
.admin a {
	font-size: smaller;
}
.banreason {
	font-style: italic;
	margin-left: 50px;
	margin-top: 10px;
	margin-bottom: 10px;
}

div.adminpage label {
	float: left;
	width: 180px;
}
div.adminpage ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

/* Title components */
#title {
	background: url('images/filler2.jpg');
	margin: 0;
	min-width: 750px;
}
#titleleft{
	height: 93px;
	background:url(images/logo.gif) no-repeat;
	margin: 0 234px 0 0;
}

#titleright{
	float: right;
	background:url(images/globe.jpg) no-repeat;
	height: 134px;
	width: 119px;
	margin: 0;
	padding: 0;
}
#nav {
	position: relative;
	display: block;
	height: 41px;
	font-size: 11px;
	font-weight: bold;
	background: transparent url(images/bgmenu.gif) repeat-x top left;
	font-family: Arial, Verdana, Helvitica, sans-serif;
	margin-right: 119px;
}
#nav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: auto;
}
#nav ul li {
	display: block;
	float: left;
	margin: 0;
	position: relative; /* new */
}

#nav ul li a {
	display: block;
	float: left;
	color: #666;
	text-decoration: none;
	padding: 11px 20px 0 20px;
	height: 23px;
	background: transparent url(images/bgborder.gif) no-repeat top right;
}
#nav ul li a:hover {
	color: #B30000;
	background: #fff url(images/bghover.gif) no-repeat top right;
}

.submenu ul {
	position: absolute;
	left: 0px;
	top: 34px;
	display: none;
	width: 100% !important;
	background: none;
	background-color: #C2C8CC;
}

.submenu ul li {
	padding: 0;
	height: 34px;
	width: 150px;
	background: none;
}

.submenu ul li a {
	background-image: none !important;
	padding: 0;
	display: block;
	float: left;
	color: #666;
	text-decoration: none;
	padding: 0;
	height: 34px;
}

.submenu ul li a:hover {
	color: #FFFFFF !important;
	background: #C2C8CC !important;
	padding: 0;
}
#nav li:hover ul { display: block; } /* new */
/*
#title h1 {
	font-size: 36px;
	font-weight: bold;
}

#pagetitlebox {
	background-color: #F4F4F4;
	left: 0px;
	margin-right: 119px;
	height: 41px;
}
#pagetitle {
	border: #AAAAAA solid 1px;
	margin: 10px;
	padding: 5px;
	background-color: #FFFFFF;
	position: absolute;
}
#pagetitle h2 {
	padding: 0;
	margin: 0;
}
*/
/* Top navigation components */
#topnav {
	margin-top: 0px;
	padding-top: 0px;
	top: 0px;
	border-width: 0px;
}
#topnav ul {
	list-style-type: none;
	padding-left: 0px;
	margin-left: 0px;
	background-color: #2530A8;
	color: #FFFFFF;
	float: left;
	width: 100%;
}
#topnav ul li {
	display: inline;
	padding: 0px 0px;
	margin: 0px;
}
#topnav ul li a {
	padding: 2px 15px;
	margin: 0px 0px;
	border-right: 1px solid #FFFFFF;
	float: left;
}
#topnav ul li a:link {
	color: #FFFFFF;
	text-decoration: none;
}
#topnav ul li a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
#topnav ul li a:hover {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #4E88C5;
}
#topnav ul li a:active {
	color: #FF0000;
	text-decoration: underline;
}

/* Side navigation components */
#navigation {
	width: 150px;
	float: left;
	/*background-image: url(images/navbg.gif);*/
	background-image: url('images/gradient-top-dark.jpg');
	background-repeat: repeat-x;
	background-color: #c2c8cc;
	/*border: #AAAAAA solid 1px;*/
	margin: 10px 10px 0 0;
	color: #000;
	line-height: 20px;
	position: absolute; /* This is to make internet explorer work */
	z-index: 20; /* Positions navigation above the invisible non existant thing covering it */
	left: 10px; /* Keeps it in the right place in ie */
}
.navigation-box {
	margin: 10px 10px 0 0 !important;
}
#navigation a:link {
	color: #000000;
	text-decoration: none;
}
#navigation a:visited {
	color: #000000;
	text-decoration: none;
}
#navigation a:hover {
	color: #FFFFFF;
}
#navigation a:active {
	color: #000000;
}
#navigation ul {
	list-style-type: none;
	/*white-space: nowrap;*/
	padding:0;
	margin:5px;
}
#navigation ul li {
	/*display: inline;*/
	width: 100%;
	margin: 0px;
}

#navigation h3 {
	font-size: 13px;
	margin: 0;
	text-decoration: underline;
}

#navigation h4{
	font-size: 10px;
	margin: 0;
	text-decoration: underline;
}

/* Content components */
#content { 
	margin: 10px 0 0 160px;
	padding-top: 0px;
		/*background-image: url('images/bg.png');
		background-repeat:no-repeat;
		width: 500px;
		height: 400px;
		background-color: #333333;
		filter:alpha(opacity=60);
		-moz-opacity:.60;
		opacity:.60;
		position:relative;
		left:200px;
		top: 50px;
		padding-left: 50px;
		padding-top: 50px;
		color: #FFFFFF;*/
	/*border: #AAAAAA solid 1px;*/
	background-image: url('images/gradient-top.jpg');
	background-repeat: repeat-x;
	background-color: #EBEBEB;
	padding: 5px;
	color: #333;
}
#content-nobox {
	margin-left: 160px;
	padding-top: 10px;
		/*background-image: url('images/bg.png');
		background-repeat:no-repeat;
		width: 500px;
		height: 400px;
		background-color: #333333;
		filter:alpha(opacity=60);
		-moz-opacity:.60;
		opacity:.60;
		position:relative;
		left:200px;
		top: 50px;
		padding-left: 50px;
		padding-top: 50px;
		color: #FFFFFF;*/
}
#content-nobox hr {
	margin-right: 150px;
}
#content-nobox h1 {
	margin: 0 0 10px 0;
}
#content hr {
	margin-right: 150px;
}
.box {
	/*border: #AAAAAA solid 1px;*/
	padding: 5px;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	margin: 0;
	margin-right: 170px;
	background-image: url('images/gradient-top.jpg');
	background-repeat: repeat-x;
	background-color: #EBEBEB;
	color: inherit;
	margin-bottom:15px;
}
.boxfull {
	/*border: #AAAAAA solid 1px;*/
	padding: 5px;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	margin: 0;
	background-image: url('images/gradient-top.jpg');
	background-repeat: repeat-x;
	background-color: #EBEBEB;
	color: inherit;
}
.alert {
	padding: 5px;
	margin-bottom: 10px;
	color: inherit;
}
.alertfull {
	padding: 5px;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	margin: 0;
	color: inherit;
}
.narrow {
	margin-right: 170px;
}
.alert a:link {
	text-decoration: none;
	color: inherit;
}
.alert a:visited {
	text-decoration: none;
	color: inherit;
}
.alert a:hover {
	text-decoration: underline;
	color: inherit;
}
.alert a:active {
	text-decoration: underline;
	color: #FF0000;
}
.alert-yellow {
	background-color: #FFF888 !important;
}
.alert-green {
	background-color: #AAFFAA !important;
}
.alert-red {
	background-color: #FFAAAA !important;
	color: #FF4444;
}

#undernav {
	font-size: 10px;
}

table {
	border: none;
}

table tr td.right, table tr th.right{
	text-align: right;
}

table tr td.centre {
	text-align: center;
}

.failedlogin {
	font-size: 10px;
	color: #FF0000;
}

/* Custom Homepage Components */
#rightbar {
	float: right;
	width: 150px;
	/*border: #AAAAAA solid 1px;*/
	background-image: url('images/gradient-top-dark.jpg');
	background-repeat: repeat-x;
	background-color: #c2c8cc;
	color: #000000;
	padding: 5px;
	margin: 0 0 10px 10px;
	text-align: center;
	padding-top:10px;
	padding-bottom:10px;
}
#rightbar a:link {
	color: #000000;
	text-decoration: none;
}
#rightbar a:visited {
	color: #000000;
	text-decoration: none;
}
#rightbar a:hover {
	color: #000000;
	text-decoration: none;
}
#rightbar a:active {
	color: #000000;
	text-decoration: none;
}

ul.settings {
	list-style-type: none;
	margin-left: 0px;
	padding-left: 0px;
	line-height: 5;
}
ul.mylinks {
	list-style-type: none;
	margin-left: 0px;
	padding-left: 0px;
}
ul.mylinks>li {
	margin-left: 10px;
}
ul.mylinks li.heading {
	margin-left: 0px;
	font-weight: bold;
}
div.component {
	/*border: #AAAAAA solid 1px;*/
	margin-right: 170px;
	margin-bottom: 15px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 10px;
	background-image: url('images/gradient-top.jpg');
	background-repeat: repeat-x;
	background-color: #EBEBEB;
	color: inherit;
}
.component h2 {
	font-size:12px;
	padding:0px;
	margin:0px;
}
h2.heading {
	font-size:12px;
	padding:0px;
	margin:0px;
}	
div.component-edit {
	margin-right: 0px;
}
div.component-cover {
	/*z-order: 1000;*/
	background-image: url('images/transparent.png');
	position: absolute;
	top: 170px;
	left: 170px;
	right: 180px;
	height: 100%;
}

/* Custom Homepage Component Title Bar */
.titlebar {
	height: 15px;
	color: #000000;
	font-weight: bold;
	font-style: italic;
	text-align: left;
	margin-right: 0px;
	position: relative;
	padding-left: 0px;
	border-bottom: solid 1px #CCCCCC;
}
p.titlebar {
	font-size: 12px;
	font-weight: bold;
	line-height: normal;
}
.titlebarcontent {
	margin-right: 150px;
}
.righttitlebar {
	position: absolute;
	top: 0px;
	right: 3px;
}

/* Other title bar */
.banner {
	background-image: url(images/bar_middle.gif);
	font-size: 12px;
	position: relative;
	height: 25px;
	width: 100%;
}
.banner h3 {
	position: absolute;
	top: 1px;
	left: 5px;
	padding-top: 0px;
	margin-top: 0px;
}
.banner-right {
	position: absolute;
	right: 0px;
	top: 0px;
}

/* Profile Components */

.profilequick {
	float: right;
	width: 310px;
	background-image: url('images/gradient-top.jpg');
	background-repeat: repeat-x;
	background-color: #EBEBEB;
	color: inherit;
	padding: 10px;
	margin: 10px 0px 10px 0;
}
.profileabout, .profilephotos, .profilefriends{
	margin: 10px 340px 0 0;
	background-image: url('images/gradient-top.jpg');
	background-repeat: repeat-x;
	background-color: #EBEBEB;
	padding: 10px;
}
.profilepic{
	clear: right;
	float: right;
	width: 310px;
	background-image: url('images/gradient-top.jpg');
	background-repeat: repeat-x;
	background-color: #EBEBEB;
	color: inherit;
	padding: 10px;
	margin: 0 0px 10px 0;
	text-align: center;
}

.profilepic img{

}
.profilecomment{
	clear: right;
	float: right;
	width: 310px;
	background-image: url('images/gradient-top.jpg');
	background-repeat: repeat-x;
	background-color: #EBEBEB;
	color: inherit;
	padding: 10px;
	margin: 0 0px 0 0;
}

.profileabout h4, .profilephotos h4, .profilefriends h4, .profilepic h4, .profilequick h4, .profilecomment h4, .profilequick h4{
	margin: 0 0 10px 0;
	text-decoration: underline;
	text-align: left;
}

table.profile {
	vertical-align: top;
}
#pro_nickname {
	margin-left: 0px;
	background-color: none;
	width: 600px;
	clear: right;
	margin-bottom: 10px;
}
#pro_nickname h1 {
	font-size: 24px;
}
#pro_photo {
	float: left;
	width: 190px;
	height: 270px;
	background-color: none;
	margin-right: 10px;
	margin-bottom: 10px;
}
#pro_quickinfo {
	float: left;
	background-color: none;
	width: 400px;
	/*height: 270px;*/
	min-height: 270px;
	margin-bottom: 10px;
}
#pro_aboutme {
	float: left;
	width: 600px;
	min-height: 100px;
	background-color: none;
	margin-bottom: 10px;
}
h2.profile {
	margin-top: 0px;
	margin-bottom: 0px;
}
#pro_aboutme p {
	padding-left: 10px;
}
#pro_myphotos {
	float: left;
	width: 600px;
	min-height: 100px;
	background-color: none;
	margin-bottom: 10px;
}
#pro_contact {
	float: left;
	width: 600px;
	min-height: 50px;
	background-color: none;
	margin-bottom: 10px;
}
fieldset.pro_friends {
	border: none;
	padding: 0;
	margin: 0;
}
div.pro_friends {
	float: left;
	margin: 0 10px 5px 10px;
}
div.pro_friends ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
}
tr.pro_ii td {
	padding-top: 20px;
	width: 50px;
}
ul.pro_studentlist {
	list-style-type: none;
	margin-left: 0px;
	padding-left: 0px;
}
ul.pro_studentlist ul {
	float: left;
	color: #FF0000;
	margin-left: 100px;
}
#pro_link {
	float: right;
}

/* Calendar Components */
#cal_calendar {
	float: left;
	width: 245px;
	height: 320px;
	background-color: transparent;
	color: #000000;
	padding: 0px;
	margin-left: 5px;
}

table#cal_grid {
	width: 98%;
}

table#cal_grid td {
	width: 14%;
	height: 70px;
	color: inherit;
	border: solid 1px #c2c8cc;
	vertical-align: top;
}
table#cal_grid td.cal_none {
	border-color: #FFFFFF;
}
table#cal_grid td.today {
	background-color: #ebebeb;
	color: inherit;
}
table#cal_grid ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
table#cal_grid th {
	text-align: center;
}

#cal_container {
	/*background-color: #ecf3f7;*/
	background-image: url('images/gradient-top.jpg');
	background-repeat: repeat-x;
	background-color: #EBEBEB;
	color: inherit;
	float: left;
	width: 255px;
	height: 320px;
}
fieldset#cal_fieldset {
	border: none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
#cal_calendar table {
	width: auto;
	height: 100%;
	border: none;
}
#cal_calendar table tr th {
	border: none;
}
#cal_calendar table tr td {
	width: 35px;
	height: 35px;
	border-style: none;
	background-color: inherit;
}
#cal_calendar table tr td.selected {
	background-color: #828b91;
}
#cal_calendar table tr td.today {
	background-color: #c2c8cc;
}
#cal_today {
	margin-left: 250px;
	background-image: url('images/gradient-top.jpg');
	background-repeat: repeat-x;
	background-color: #EBEBEB;
	margin: 0 0 0 10px;
	margin-left: 268px;
	padding: 5px;
}
#cal_today ul {
	list-style-type: none;
	margin-left: 10px;
	padding-left: 0px;
}
#cal_detail h1 {
	font-size: 14px;
	font-weight: bold;
}
#cal_today h1 {
	margin: 0;
	padding: 0;
}

/* Forum Components */
#maintable {
	float: none;
	font-size: 13px;
	padding: 0;
	marign: 0;
}

#maintable .post {
	padding: 5px;
	margin: 5px;
	margin-left: 0px;
	background-color: #ecf3f7;
	color: inherit;
	border: #AAAAAA solid 1px
}
#maintable .post>p {
	margin-left: 100px;
	padding-left: 10px;
	border-left: #CCCCCC solid 1px;
}
#maintable .post h4 {
	border-bottom: #CCCCCC solid 1px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
}
#maintable .post .date {
	border-top: #DDDDDD solid 1px;
	margin-top: 20px;
	color: #444444;
	font-style: italic;
	width: 100%;
	font-size: 10px;
}
#maintable .post .poster {
	float: left;
	width: 100px;
	margin-right: 10px;
}
#maintable h4{
	margin: 0;
	padding: 0;
	font-size: 13px;
	text-decoration: underline;
}

.threadhover{

}
.threadhover:hover{
background:#fff;
}
/*.post{
	background-color: #ecf3f7;
	margin: 10px 0 10px 0;	
}
.postmember{
	margin: 0;
	width: 150px;
	float: left;
}
.postmessage{
	float: right;
	width: 80%;
	margin-left: 160px;
	float: left;
}
.postfooter{
clear: right;
margin: 0px 0 0 0 ;
}
*/
.postwrapper{
	margin-bottom: 5px;
}
.postwrapper img{
padding-top: 8px;
}
.light {
	background-color: #EBEBEB;
}
.dark {
	background-color: #DBDBDB;
}

.postwrapper h4{
margin: 4px 0 10px 0 ;
}

#pmcon{
	background: #EBEBEB;
	padding: 10px;
	margin-top: -1px;
}
#pmcon td{
	vertical-align:middle;
}
div.pmnavitem {
	float: left;
}

#pmnav {
	height: 20px;
	font-size: 11px;
	font-weight: bold;
	font-family: Arial, Verdana, Helvitica, sans-serif;
	margin:0;
}
#pmnav ul {
	margin: 0 3px 0 0;
	padding: 0;
	list-style-type: none;
	float: left;
}
#pmnav ul li {
	display: inline;
	margin: 0 100px 0 0;
}

div.pmlink {
	margin: 0;
	padding: 0;
}

.pmlinkon, .pmlinkoff {
	margin: 0;
	padding: 0;
}

.pmlinkon a, .pmlinkoff a {
	display: block;
	margin: 0 1px 0 0;
	padding: 3px 0;
	float: left;
	width: 90px;
	text-align: center;
}
.pmlinkon a {
	background-image: url('images/gradient-top-light.jpg');
	background-repeat: repeat-x;
	background-color: #EBEBEB;
	text-decoration: none; 
}
.pmlinkoff a{
	background-image: url('images/gradient-top.jpg');
	background-repeat: repeat-x;
	background-color: #EBEBEB;
	text-decoration: none; 

}
.pmlinkon a:hover{

}
.pmlinkoff a:hover {
	color: #FF0000;
	background-color: #DDEDFB;
}
.pmwide a {
	width: 100px;
}
.pmverywide a {
	width: 180px;
}
.pmstatus {
	margin-top: 5px;
	font-size: 10px;
	text-align: center;
}
.pmmess {
	background: #fff;
	padding: 10px;
	border-top:#CCCCCC solid 1px;
	border-bottom: #cccccc solid 1px;
}
.greenbackground {
	background-color: #dbffdb;
	color: inherit;
}
.redbackground {
	background-color: #ffe0e0;
	color: inherit;
}
.pmmesstall {
	height: 65px;
}
.pmdis{
	margin: 0 200px 0 0 ;
}
.pmselect{
	width: 200px;
	float: right;
	text-align: right;
}
#maintable table tr {
	border: 2px solid;
	border-color: #000000;
}
#maintable table tr th {
	text-align: left;
}
#maintable table tr td {
	vertical-align: top;
	border-color: #000000;
	border-style: none;
}
#maintable table tr td.top {
	background-color: #CCCCCC;
}
#maintable span.postnum {
	float: right;
}
#maintable span.postnum a {
	color: #444444;
}
.description {
	font-size: smaller;
	font-style: italic;
}

/*Formatting for the buttons*/

.button {
        background-color : #inherit;
        color : #000000;
        font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;
        margin-bottom:3px;
        margin-left:1px; margin-right:1px;
        margin-top:2px
}
/*Blends the helpbox into the background of the page*/
.helpbox {border-style:none;
                background-color:#inherit;
                margin:5px;
				color: #000000;
}

/*Sets the properties of the editform table cells*/
table#editform {border-width:1px;
                border-style:none;
                background-color:#inherit;
                width:400px;
				color: #000000;
}

table#editform > tr,td {border-width:1px;
                border-style:none;
}

td#header {border-style:none;
                text-align:center;
}

td#smilies {text-align:center;
                vertical-align:top;
                padding: 10px;
}

td#post {text-align:center;
}

/*Background color for the subject line and post area*/
.form_elements_text {
	background-color:#inherit;
	color: #000000;
}

/*Background color for the dropdown menus*/
.form_elements_dropdown {
	background-color:#inherit;
	color: #000000;
}

/* Private Messaging components */
table#pm tr td {
	vertical-align: middle;
}
.bargraph {
	width: 200px;
	height:20px;
	background-color: #CCCCCC;
}
.status {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

/* Marks components */
div.subject {
	border-style: solid;
	border-color: #000000;
}
table tr th {
	text-align: left;
}
fieldset.marks {
	/*border: none;*/
	background-color: #ecf3f7;
	color: inherit;
}
fieldset.marks legend {
	margin-bottom: 10px;
}
div.marks {
	background-color: #ecf3f7;
	color: inherit;
	margin-bottom: 20px;
}

/* Tasks components */
div.task {
	width: 100%;
	height: 50px;
	border: solid 2px black;
}
div.task p {
	margin-left: 50px;
}
.overdue {
	color: #FF0000;
}


/* Goal componenets */
#goal_path {
	background-image: url('images/runBG2.gif');
	width: 755px;
	height: 80px;
	background-position:center;
	position:absolute;
	padding-left:50px;
	padding-rght:50px;
}
.goal_repeat {
	width:auto;
	background-image: url('images/runBG2.gif');
	background-position:center;
	height: 80px;
	float: left;
}
h1.goal {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border: none;
	line-height: 1;
}
ul.goallist {
	list-style-type: none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

li.completed {
	text-decoration: line-through;
	color: #999999;
}

li.completed a	 {
	color: #999999;
}

h2.subgoal {
	padding: 0;
	margin: 0;
}

/* XML Reader components */
.sect1>h1 {
	padding: 3px 0px;
}
.sect2>h1 {
	padding: 3px 0px;
	font-size: 16px;
}
.sect3>h1 {
	padding: 3px 0px;
	font-size: 12px;
	font-weight: bold;
}
.document {
	margin-left: 30px;
	margin-right: 30px;
	padding: 20px 20px;
	background-color: #DDDDDD;
	border-right-style: outset;
	border-bottom-style: outset;
	border-width: 5px;
}

/* Testimonial components */
.testimonial {
	width: 100%;
	float: left;
}
.t-image {
	width: 200px;
	margin-right: 10px;
	margin-bottom: 10px;
	float: left;
}

/* Student Options components */
#studentoptions input {
	width: 100%;
}
#studentoptions td {
	padding-right: 10px;
}
div#studentoptions {
	border-bottom: solid 1px #000000;
}

/* Accounts components */
.particulars {
	padding-left: 200px;
	font-size: 11px;
	font-style: italic;
}

/* Join components */
form.join_tandc {
	text-align: center;
	border: solid 1px black;
	margin-left: auto;
	margin-right: auto;
	padding: 10px 5px;
}
form.join_tandc textarea {
	background-color: #F4F4F4;
	overflow: auto;
}
.join_error {
	font-weight: bold;
	color: #FF0000;
}
.imagepreview {
	border: 1px solid #FFFFFF;
}
.imagepreview:hover {
	cursor:pointer;
	border: 1px solid black;
}

ul.h-nav {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul.h-nav li {
	display: inline;
}

ul.v-nav {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

div#scoachbottom {
	/*position: fixed;*/
	bottom: 0px;
	left: 170px;
	right: 0px;
	height: 50px;
}

fieldset {
	border: none;
	margin: 0;
	padding: 0;
}

form.marks_update label {
	float: left;
	width: 150px;
}

table#rappog {
	border: none;
	width: 100%;
}

table#rappog tr td {
	border: none;
	min-height: 100px;
	vertical-align: top;
}
table#rappog tr td + td {
	border: solid 1px;
	width: 25%;
}
table#rappog tr.select td {
	font-weight: bold;
}
table#rappog tr.select td + td {
	background-color: #ebebeb;
	color: inherit;
	font-weight: normal;
	width: 25%;
}
table#rappog div {
	min-height: 100px;
}
table#rappog ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
div.rappog-box {
	min-height: 860px;
}
a.rappog {
	font-size: smaller;
	float: right;
}
.r-blue {
	color: #0000FF;
	background-color: inherit;
}
.r-green {
	color: #009900;
	background-color: inherit;
}
.r-red {
	color: #FF0000;
	background-color: inherit;
}
.r-yellow {
	color: #FFFF00;
	background-color: inherit;
}
.r-orange {
	color: #ff7e00;
	background-color: inherit;
}
.r-black {
	color: #000000;
	background-color: inherit;
}
input.greyedout {
	color: #888888;
	background-color: #FFFFFF;
}
form.add_rpgoal label {
	float: left;
	width: 100px;
}
form.add_rpgoal textarea {
	width: 450px;
	height: 200px;
}
form.add_rpgoal input {
	width: 450px;
}
form.add_rpgoal input.submit {
	width: 80px;
	margin-left: 100px;	
}
ul.demo li {
	margin-left: 20px;
	margin-bottom: 10px;
	list-style-type: none;
	font-weight: bold;
}
ul.demo ul li {
	list-style-type: disc;
	font-weight: normal;
}
ul.demo ul ul li {
	font-style: italic;
	list-style-type: none;
	font-size: 11px;
}
div.about-rappog h1 {
	font-weight: normal;
	padding-bottom: 0;
	margin-bottom: 0;
	line-height: 20px;
}
div.about-rappog p {
	margin-bottom: 20px;
}

table#rp-results {
	text-align: center;
	width: 650px;
}
table#rp-results td {
	border: 1px solid #000000;
}
table#rp-results td.left {
	text-align: left;
}
table#rp-results td.small {
	width: 50px;
}
td.rp-smile {
	background-image: url('images/rp-smile.gif');
	background-repeat: no-repeat;
	background-position: center;
}
td.rp-neutral {
	background-image: url('images/rp-neutral.gif');
	background-repeat: no-repeat;
	background-position: center;
}
td.rp-frown {
	background-image: url('images/rp-frown.gif');
	background-repeat: no-repeat;
	background-position: center;
}
#content .testimonial {
	margin-left: 250px;
}
#content hr.t-line {
	clear: both;
}
#content .t-image {
	float: left;
}
#content dl dd {
	margin-bottom: 12px;
}
#content .t-box {
	clear: both;
}
.alt1 {
	background-color: #EBEBEB;
	color: inherit;
}
.alt2 {
	background-color: #dbdbdb;
	color: inherit;
}
/* Forum Formating */
.quote {
	padding:5px;
	border: 1px #000000 solid;	
}
.quoteText {
	font-style:italic;	
}
.code {
	padding:5px;
	border: 1px #000000 solid;	
}
.codeText {
	font-family: Courier New, Times, serif
}

div#resources ul {
	margin-left: 20px;
}

div#resources li a {
	vertical-align: 50%;
}
/*div.signup {
	position: absolute;
	margin: 64px 100px 0 100px;
}
div.scy a {
	background-image:url(images/scoach-full.png);
}
div.scn a {
	background-image:url(images/free-full.png);
}
div.signup a {
	background-repeat:no-repeat;
	background-position: 0 128px;
	font-size:0px;
	text-decoration:none;
	padding: 64px 64px;
	padding: 0;
}
div.signup a:hover {
	background-position: 0 0px;
}*/
div.scy a img {
	background-image: url('images/scoachlong.png');
	background-position: 0 0;
}
div.scn a img {
	background-image: url('images/freelong.png');
	background-position: 0 0;cs
}
div.scn a img:hover, div.scy a img:hover {
	background-position: 0 -128px;
}
fieldset.signup {
	border: 1px solid black;
	padding: 10px;
	margin-bottom: 10px;
}
fieldset.signup label {
	float: left;
	width: 250px;
	margin-bottom: 5px;
}
fieldset.signup legend {
	font-weight: bold;
}
fieldset.signup input {
	width: 214px;
	border: 1px solid #c2c8cc;
	margin-bottom: 5px;
}
fieldset.signup input:hover, fieldset.signup input:focus {
	border: 1px solid #B30000;
}
fieldset.signup textarea {
	border: 1px solid #c2c8cc;
}
fieldset.signup textarea:hover, fieldset.signup textarea:focus {
	border: 1px solid #B30000;
}
fieldset.signup select {
	border: 1px solid #c2c8cc;
	margin-bottom: 5px;
}
fieldset.signup select:hover, fieldset.signup select:focus {
	border: 1px solid #B30000;
}
.submenu-green a {
	color: #338833 !important;
}

.submenu-red a {
	color: #A5593A !important;
}

.submenu-blue a {
	color: #333388 !important;
}

.submenu-gold a {
	color: #937C49 !important;
}
ul.selectionpage {
	list-style-type: none;
}
ul.selectionpage li {
	font-size: 14px;
	font-weight: bold;
}
ul.selectionpage li ul li {
	font-size: 12px;
	font-weight: normal;
	padding-left: 20px;
}