@charset "UTF-8";
/* CSS Document */

/*different */

.empty {background-image:url('/images/right_texture.jpg');
	background-repeat:repeat-y; 
	background-position:right;  
	


}


td.left_column{
	background-image:url('/images/left_texture.jpg');
	background-repeat:repeat-y;    
	background-position:top left;
	width:140px;
	padding:0px;
	
}

td.right_column{
	background-image:url('/images/right_texture.jpg');
	background-repeat:repeat-y;    
	background-position:right;
	width:530px;
	
}

td.admin_left{
	background-image:url('/images/left_texture.jpg');
	background-repeat:repeat-y;    
	background-position:left;
	width:30px;
	padding:0px;
	
}

td.admin_right{
	background-image:url('/images/right_texture.jpg');
	background-repeat:repeat-y;    
	background-position:right;
	width:30px;
	
}

td.right_column_authorpage{
	background-image:url('/images/right_texture.jpg');
	background-repeat:repeat-y;    
	background-position:right;
	width: 80%;
	
}

td.footer
{
    background-image:url('/images/footer.jpg');
    background-repeat:no-repeat; 
    background-position:top left; 
    padding:0px;
    padding-left:14px;
    padding-right:14px;
	text-align:center;
	font-size: 12px;
	vertical-align:middle;
margin: 0px;
height:80px;
   
}


.tmc_name_graphic {

}


/*end of difference */



html {
	/*overflow-y:scroll;*/
	height: 100%; 
	margin-bottom: 1px;
	font-size:0;
}

body {
	margin:0px; /*different*/
	padding:0px;
	font-family: "Trebuchet MS", Trebuchet, Verdana, Sans-Serif;
	font-size:12px;
	color:#333;
	text-align: left;
	background-color: #fff; /*different*/
	display: block;
	

}

p { /*different*/
	color: #333;
	font-size:12px;
	padding: 0 25px 8px 0;
	text-align:justify;	
	margin:0px;
}

p.regular_content {
	color: #333;
	font-weight:normal;
	font-size:12px;
	padding: 0 25px 8px 0;
	/*text-align:justify;	*/
	margin:0px;
 	
	}
	
/*different - no login content */		

p.quick_link {
	color: #333;
	font-weight:bold;
	font-size:13px;
	padding: 10px 25px 8px 0;
	text-align:center;	
	margin:0px; 	
	}


h1 {
	margin:0px; 
	padding:5px 5px 5px 0;
	text-transform:uppercase;
	color: #006C67;
	font-weight:bold;
	font-size:13px;
	/* different - display: compact */
	
	}

h2 {
	margin:0px; 
	padding:5px 0 5px 0;
	color: #006C67;
	font-weight:normal;
	font-size:13px;	

	}
	
/*not in the old css */
h3 {
	color: #006C67;
	font-weight:bold;
	font-size:12px;
	padding:3px 0 2px 5px;
	margin:0;

}	

li.tmc_bullet {
list-style-image:url(/images/oj_spot.gif);
margin:5px 15px;
line-height: 16px;
padding:0;
font-size:12px;}

ul {
margin:5px 15px;
line-height: 16px;
padding:0;
font-size:12px;}

li {
color:#333;}
	
/*different name */	
#main_content a {
text-decoration:none;
color:#E0701D;
cursor:pointer;
}

/*different name */
#main_content a:hover {
text-decoration:underline;
color:#E0701D;
}

a.work_sector {
text-decoration:none;
background:  url("/images/arrows.gif") no-repeat;
background-position:right;
padding-right: 40px;
color:#333;
cursor:pointer;
}

a.work_sector:hover {
text-decoration:none;
background:  url("/images/arrows.gif") no-repeat;
background-position:right;
padding-right: 40px;
color:#E0701D;
}


a.footer_links {
text-decoration:none;
color:#333;
cursor:pointer;
}

a.footer_links:hover {
text-decoration:underline;
color:#333;
}
	
		
#container{

	width:820px;  /*different */
	margin:0px auto;
	padding:0px;
    /*no text-align*/
	background-color: #fff;
		/*no border left and border bottom*/
}

#main_content {
margin:10px 0 0 10px;
padding:0;
vertical-align:top;
width: 530px;

  min-height:300px;
  height:auto !important;
  height:300px;
  background:none; /*no background none */  

}

#main_content p { /* different - regular content */
	color: #333;
	font-size:12px;	
	}


#main_structure{
width:820px;  /*different*/
margin:0;
padding:0;
background-color:#fff;
border-collapse:collapse;
font-size:0px;	
border: none; /*different */



}

#main_structure td{
margin:0;
padding:0;


}

#main_structure td.header img{

border:0;

}





img.standard {
float:right;
padding: 0 15px;
}


img.TMC_name {
padding: 0;
margin:20px 0 0 10px;

}


td.content_area {

font-size: 12px;
vertical-align:top;
margin-bottom: 25px;

}



td.copyright {
text-align:left;
text-indent: 15px;
height: 40px;
font-size: 12px;
vertical-align:middle;
margin: 5px;


}

 img {
 border:0;
 vertical-align:middle;}

 img.logo {
padding:0;
margin: 0;
vertical-align:top;
margin: 15px 0px 0 0;

}



.menu {
border: 0;
vertical-align:top;
margin:0px 0 0 20px; /*different */
padding: 0;
font-size:12px;
font-weight:bold;


}

html>/**/body .menu {

margin-right: 25px;
}

.menu td {
height: 25px;
}

.menu td.space {
height: 10px;
}
.menu td.selected {
margin: 0; padding: 0; 
text-align: left; text-indent:2px; display:block; width:108%; height:25px; text-decoration:none; color:#333; background: url(/images/components/menu_bg_selected.gif); background-repeat:no-repeat;
}

.menu td.selected p {
margin: 0; padding: 0; 
padding-top: inherit;
}
/*Below hides padding from IE, so uses above*/
html>/**/body .menu td.selected p {padding-top: 3px;}



.menu td.selected_top {
text-indent:2px; text-align: left; display:block; width:108%; height:25px; text-decoration:none; color:#333; background:url(/images/components/menu_bg_on_top_selected.gif); background-repeat:no-repeat;
}

.menu td.selected_top p {
margin: 0; padding: 0; 
padding-top: inherit;
}
/*Below hides padding from IE, so uses above*/
html>/**/body .menu td.selected_top p {padding-top: 3px;}


.menu a, .menu a:visited { 
	margin: 0; 
	padding: 0; 
	text-align: left; 
	text-indent:2px; 
	padding-top:3px;  
	display:block; 
	width:108%; 
	height:22px; 
	text-decoration:none; 
	color:#333; 
	background:url(/images/components/menu_bg_off.gif); 
	background-repeat:no-repeat; /*different */}
.menu a span {}
.menu a:hover {margin: 0; padding: 0;padding-top:3px; display:block; width:108%; height:22px; cursor:pointer; text-decoration:none; color:#333; background:url(/images/components/menu_bg_on.gif); background-repeat:no-repeat;}


.menu a.selected_hold, .menu a.selected_hold:visited { margin: 0; padding: 0; text-align: left; text-indent:2px; padding-top:3px;  display:block; width:108%; height:22px; text-decoration:none; color:#333; background:url(/images/components/menu_bg_selected.gif); background-repeat:no-repeat; /*different */}
.menu a.selected_hold span {}
.menu a.selected_hold:hover {margin: 0; padding: 0;padding-top:3px; display:block; width:108%; height:22px; cursor:pointer; text-decoration:none; color:#333; background:url(/images/components/menu_bg_selected.gif); background-repeat:no-repeat;}

.menu a.top, .menu a.top:visited {  margin: 0; padding: 0; padding-top:3px;text-indent:2px; display:block; width:108%; height:22px; text-decoration:none; color:#333; background:url(/images/components/menu_bg_off_top.gif); background-repeat:no-repeat;}
.menu a.top span {}
.menu a.top:hover {margin: 0; padding: 0; display:block; padding-top:3px;width:108%; height:22px; cursor:pointer; text-decoration:none; color:#333; background:url(/images/components/menu_bg_on_top.gif); background-repeat:no-repeat;}

.menu a.home {text-decoration:none;
background: none; height:90px;margin: 0; padding: 0;  } /*different */

form { margin: 0; padding: 0 }

fieldset {

  border:0; /* Opera doesn't get border:none or border:0 on fieldsets */
  margin-top: 0px;
 

  }

  
  /* new styles, styles adjusted from below, 10/08 */

.textfield {

color:#006C67;
margin:-2px;
padding:0;
background:none;
border:0;
width:90px; /*different */
display:inline;

}

html>/**/body .textfield {

color:#006C67;
padding:3px;
margin-left:2px;
margin-right:2px;
background:none;
border:0;
width:90px; /*different */
display:inline;
}

fieldset>input.textfield {
background:  url("/images/textfield_bg2.gif") no-repeat;
}


 .submit {
font-size:13px;
color:#006C67;
margin:4px;
margin-left:0px;
padding: 0;
padding-left:4px;
text-align:left;
border:0;
background: transparent url("/images/submit2.gif") no-repeat;
vertical-align:bottom;
width:45px;
height:18px;
display:inline;
cursor:pointer;
}

.fieldHolder
{
	width: 100px;
	margin-top:4px;
	margin-right:5px;
	height: 23px;
	background: transparent url("/images/textfield_bg2.gif") no-repeat;
	float: left;
}

blockquote{
margin-top:0;
margin-bottom:0;
padding:0;
}

table.staffProfile {
width: 520px;
border-collapse:collapse;

}

table.staffProfile td{
vertical-align:top;}

table.staffProfile p {
	font-weight:normal;
	font-size:12px;
	padding: 5px;
	/*text-align:justify;*/	
	margin:0px;
}

table.staffProfile img {
border:none;
padding: 5px 10px 5px;
}

table.welcomeTMC {
width: 520px;
border-collapse:collapse;

}

table.welcomeTMC td{
vertical-align:top;}

table.welcomeTMC p {
	font-weight:normal;
	font-size:12px;
	padding: 0px;
	/*text-align:justify;*/	
	margin:0px;
}

table.welcomeTMC img {
border:none;
padding: 5px 10px 5px;
}

p.tmcGeneralText {
	font-weight:normal;
	font-size:12px;
	padding: 0 25px 8px 0;
	/*text-align:justify;*/	
	margin:0px;
}
p.alreadyRegistered {
font-size:11px;
height: 15px;
color:#FFFFFF;
padding:0;
margin:0;
}

.login_box {
vertical-align:top;
	
}

td.left {
background:  url("/images/components/oj_box_cnr_left.gif") no-repeat;
 width: 14px;
 height: 52px;


}


td.right {
background:  transparent url("/images/components/oj_box_cnr_right.gif") no-repeat;
background-position: left;
width: 24px;


}

.login_box td.centre {
  /*no content */

}