a {
	outline: none;
	font-size: 12px;
}

body 
{
    background-color: #DD6E8E;
	background-image: url(../images/framework/site_bg.gif);
	background-repeat: repeat-x;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;

}

body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#000;
}

h1 
{
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #333333;
}

h2
{
	padding: 0px 0px 3px 0px;
	margin: 0px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	/*color:#75A3D1;*/
	
}

hr
{
	color: #EEEEEE;
	background-color: #EEEEEE;
	height: 1px;
	padding: 0px 0px 0px 0px;
}

input {
	font-size: 11px;
	font-family: Arial;
}

textarea 
{
	border: solid 1px #75A3D1;
	font-size: 12px;
	font-family: Arial;

}

/*------------- Header Area --------------*/

.accountText 
{
	color: #000;
	margin-bottom: 8px;
}


#headerSpacer 
{
	height: 57px;
	float:left;
}

.LoggedInMargin
{
	margin-top: 50px;
}

.LoggedOutMargin
{
	margin-top: 45px;
}

#memberloginFieldsContainer{
	width: 320px;
	float: right;
}

#memberLoginButton {
	float: left;
	padding-top: 7px;
	width: 43px;
}

#memberloginFields {
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	float: left;
}

#welcomeMemberContainer {
	padding: 15px 10px 0px 0px;
	float: right;
}

#wizardRegisterText {
	padding-right: 100px;
	color: #FFFFFF;
	font-size: 10px;
}	

#wizardRegisterText a{
	color: #FFF;
	font-size: 10px;
	text-decoration: none;
}

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

#tabsNavigation {
	width: 430px;
	float: left;
	margin: 10px 0px 55px 0px;
	height: 24px;
}

#tabsNavigationNoNav
{	width: 430px;
	float: left;
	margin: 10px 0px 0px 0px;
	height: 24px;
}

.HomeLinkDiv 
{
	width: 342px;
	height: 55px;
	cursor: pointer;
}

.NoNavHomeLinkDiv
{
	float: left;
	width: 342px;
	height: 55px;
	cursor: pointer;
}

/*-------------- Content Area --------------*/

#body {
	background-image: url(../images/framework/body_top_bg.jpg);
	/*background-image: url(../images/framework/body_bg.jpg);*/
	background-repeat: no-repeat;
	background-position: top;
	padding: 20px 30px 10px 30px;
}

#bodyBottom {
	padding-bottom: 2px;
}

#bodyContainer {
	background-image: url(../images/framework/body_bg_old.gif);
	/*background-image: url(../images/framework/body_bg.jpg);*/
	background-repeat: repeat-y;
}

/*#bodyContent {
	margin-left: auto;
	margin-right: auto;
	width: 745px;
	padding: 20px 10px 10px 20px;
}*/

#howItWorks 
{
	background-image: url(../images/how_it_works_diagram.jpg);
	background-repeat: no-repeat;
	background-position: center;
	width: 100%;
	height: 220px;
}

#siteContainer {
	margin-left: auto;
	margin-right: auto;
	width: 785px;
	background-image: url(../images/framework/logo.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

/*-------------- Footer ---------------*/

#copyrightInfo 
{
	float: right;
	font-size: 10px;
	color:#FFF;
}

#footerContainer 
{
	padding: 8px 15px 0px 15px;
	width: 760px;
	margin-left: auto;
	margin-right: auto;
}

#footerLinks 
{
	font-size: 10px;
	color: #666666;
	float: left;
}

#footerLinks a
{
	text-decoration: none;
	color:#FFF;
}

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

#languageLinks 
{
	font-size: 10px;
	color: #666666;
	float: left;
	padding-top: 5px;
}

#languageLinks a
{
	font-size: 10px;
	color: #666666;
	text-decoration: none
}

#languageLinks a:hover
{
	font-size: 10px;
	color: #666666;
	text-decoration: none;
}

#poweredByUBC 
{
	float: right;
	padding-top: 5px;
}


#TCInfo
{
    margin-top:40px;
   font-weight:bold;
}

#VTHeader
{
    color:#000;
    padding-top:20px;
    margin-left:10px;
}




/*------------------------------Modal Styles-----------------------------------*/
.modalBackground {
	background-color:White;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalalert-error {
	background-color: #FFEEEE;
	padding: 30px;
	color: #AA0000;
	border: solid 5px #660000;
	width: 300px;
	text-align: left;
}

.modalalert-confirm {
	background-color: #FFFFEE;
	padding: 30px;
	color: #000000;
	border: solid 5px #BBBBAA;
	width: 400px;
	text-align: left;
}

.modalalert-success {
	background-color: #EEFFEE;
	padding: 30px;
	color: #00AA00;
	border: solid 5px #006600;
	width: 300px;
	text-align: left;
}

/*------------------------------Text Watermark-----------------------------------*/
.watermark
{
	color: #CCCCCC;
	font: Arial, Helvetica, sans-serif;
}

.watermarkEmail{
   background-image: url('../images/framework/emailWatermark.gif');
   background-repeat: no-repeat;
   background-position: left center;
   color: white;
}

.watermarkPW{
   background-image: url('../images/framework/passWatermark.gif');
   background-repeat: no-repeat;
   background-position: left center;
   color: white;
}

.txtMessage
{
	color: Red;
}

.txtMessage2
{
	color: Green;
}

.txtMessage2
{
	color: Orange;
}

/*------------------------------ Grid ------------------------------------*/

.gridBackground 
{
	background-color: #999999;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	border: 1px solid #cccccc;
	border-collapse: collapse;
}

.gridTable 
{
	width: 100%;
	border: solid 1px #eeeeee;
}

.gridTable td 
{
	padding: 3px 5px 3px 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;

}



.headerRow th
{
	height: 23px;
	font-size: 11px;
	font-weight: bold;
	/*background-image: url('../images/admin/header_row_bg.jpg');*/
	/*background-repeat: repeat-x;*/
	background-color:#B76F48;
	color: #000;
	padding: 0px 5px 0px 5px;
}

.selectedRow
{
	background-color: #E6EEF7;
}

.alternateRow {
	/*background-color: #eeeeee;*/
	background-color:#E1C4B4;
	height: 20px;
}

.row 
{
	border-color: #EEEEEE;
	/*background-color: #FFFFFF;*/
	background-color:#FFF;
	height: 20px;
}

.hidden
{
    display:none;
}


/*------------------------------ Popup -----------------------------------*/

.popup
{
	padding: 10px 10px 10px 10px;
	margin-left: 230px;
	background: #FFF;
	border: solid 2px #CCCCCC;
	color: #000;
	z-index: 30;
	display: none;
	position: absolute;
	top: 130px;
}

/*-------------- Classes ---------------*/

.clear {
	clear: both;
}

DIV#MainContents 
{
    background-color: White;
    padding: 2em;
    border: 1px solid gray;
}

DIV.ProgressBar { width: 100px; padding: 0; border: 1px solid black; margin-right: 1em; height:.75em; margin-left:1em; display:-moz-inline-stack; display:inline-block; zoom:1; display:inline; }
DIV.ProgressBar DIV { background-color: Silver; font-size: 1pt; height:100%; float:left; }
SPAN.asyncUploader OBJECT { position: relative; top: 5px; left: 10px; }

div#WidgetMsg
{
    padding-bottom:10px;
    color:#FFF;
    font-size:14px;
}