/* === Global Styles ============================================= */
*
{
	font-family:Verdana, Sans-Serif;
	margin:0px;
	padding:0px;
}

body
{
	text-align:center;
	font-size:12px;
	color:#000;
	display:block;	
	margin:0px 0px 0px 0px;
}

a, a:link, a:visited, a:active, a:focus
{
	color:#002244;
	text-decoration:none;
}

a:hover
{
	text-decoration:underline;
}

img
{
	background-color:Transparent;
	border:none;
}

.left
{
	position:relative;
	float:left;
}

.right
{
	float:right;
}

.tleft
{
	text-align:left;
}

.tright
{
	text-align:right;
}

.tcenter
{
	text-align:center;
}

.height80
{
	height:180px;
	clear:both;
}

.fixed
{
	height:154px;
}

.joblist
{
	height:209px;
}

.height200
{
	height:200px;
}

.fav
{
	height:413px;
	overflow:auto;
}

.messages
{
	font-size:12px;
	font-weight:bold;
}

.error_info
{
	padding:0px 0px 2px 0px;
	color:Red;
	display:block;
}

.error_info2
{
	padding:0px 0px 2px 0px;	
	color:White;
}

option.category
{
	background-color:#002244;
	color:White;
	text-align:center;
	font-weight:bold;
}

option.subcategory
{
	background-color:#0092a0;
	color:White;
	text-align:center;
	font-weight:bold;
}

#wrapper1 {
	width: 798px;
	margin: 0px auto;
	background-image: url(../images/left.jpg);
	background-repeat: repeat-y;
	padding: 0px 0px 0px 37px;
	position: relative;
}

#wrapper2 {
	width: 761px;
	background-image: url(../images/right.jpg);
	background-repeat: repeat-y;
	padding-right: 37px;
	background-position: 761px 0px;
}

#page
{
	margin:auto;
	text-align:center;
	width:724px;
	padding-left:18px;
	padding-right:18px;
	background-color:White;
}

#page_header
{
	width:724px;
	height:90px;
}

#page_header #logo
{
	background-image:url(../images/mtslogo.gif);
	background-repeat:no-repeat;
	width:116px;
	height:77px;
	float:left;
	margin-top:8px;
}

#page_header #navbar
{
	width:594px;
	height:72px;
	float:right;
}

#page_header #navbar ul
{
	font-size:9px;
	list-style-type:none;
	padding:0px;
	margin:0px;
}

#page_header #navbar ul li
{
	float:left;
	margin-left:2px;
}

#page_header #navbar ul li a
{	
	text-decoration: none;
	text-align:left;
	vertical-align:bottom;
	padding:36px 0px 0px 8px;
	display:block;
	width:64px;
	height:28px;
	background-image:url(../images/navbg.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	color:White;
}

#page_header #navbar ul li a:hover
{
	text-decoration: none;
	text-align:left;
	padding:48px 0px 0px 8px;
	display:block;
	height:28px;
	background-image:url(../images/navrobg.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	color:#01A8BE;
}

#page_logo
{
	width:723px;
	height:210px;
}

#page_main
{
	position:relative;
	width:724px;
	display:block;
}

#page_menu
{
	position:relative;
	display:block;
	width:174px;
	float:left;	
	text-align:left;
	overflow:hidden;
}

#page_content
{
	position:relative;
	width:538px;
	float:right;
	text-align:left;
	overflow:hidden;
}

#page_content_full
{
	position:relative;
	width:100%;
	text-align:left;
}

/* === Footer Styles ============================================= */
#page_footer
{
	clear:both;
	padding-bottom:10px;
	text-align:center;
	font-size:9px;
	width:100%;
	color: #B9BABC;	
}

#page_footer a, #page_footer a:link, #page_footer a:hover, #page_footer a:visited
{
	text-decoration:none;
	color: #B9BABC;
}

/* === Content Box Styles ======================================== */
.box
{
	clear:both;
	background: #FFFFFF;
	margin:0px 0px 10px 0px;
	overflow:hidden;
	width:100%;
}

.boxlink,
.boxlink *
{
	cursor:pointer;
}

.box .ct
{
	display:block;
	background:transparent url(../images/tr.gif) no-repeat top right;
	margin:0px;
	width:100%;
	height:20px; 
	color:White;
	font-weight:bold;
	text-transform:uppercase;
	text-align:right;
	font-size:10px;
}

.box .ct .cl
{
	background:transparent url(../images/tl.gif) no-repeat top left;
	margin:0px;
	padding-left:10px;
	padding-top:3px; 
	height:17px; 
	float:left;
}

.box .bt
{
	clear:both;
	width:100%;
	line-height:0px;
	font-size:0px;
}

.box .br
{
	float:right;
	width:5px;
	height:6px;
	background:transparent url(../images/br.gif) no-repeat bottom right;
	display:inline;
	position:relative; 	
}

.box .bc
{
	border-bottom: 1px solid #96A7C0;
	height:5px; 
}

.box .bl
{
	float:left;
	width:5px; 
	height:6px;
	background:transparent url(../images/bl.gif) no-repeat bottom left;
	display:inline;
	position:relative;	 
}

.box .topbutton
{
	text-align:right;
	padding:0px 0px 0px 0px;
}

.box .button
{
	float:right;
}

.leftbutton
{
	padding-top:5px;
	float:left;
	position:relative;
}

.rightbutton
{
	padding-top:5px;
	float:right;
	position:relative;
}

.paddbutton
{
	padding-left:10px;
	float:right;
	position:relative;
}

.box .radiobutton
{
	vertical-align:middle;
}

.box .radiobutton input
{
	padding:0px;
	margin:0px;
	width:50px;
}

.go
{
	float:right;
	padding:0px 0px 0px 0px;
}

.box .icon
{
	position:relative;
	float:left;
	bottom:0px;
	background-color:#999;
	padding:0px;
}

.box .container
{
	display:block;
	font-size:9px;
	border-left: 1px solid #96A7C0; 
	border-right: 1px solid #96A7C0;
	overflow:hidden;
	zoom: 1;		
}

.box .favcontainer
{
	display:block;
	font-size:9px;
	border-left: 1px solid #96A7C0; 
	border-right: 1px solid #96A7C0;
	overflow:auto;
	height:415px;
}

.box .container .fixed
{
	height:142px;
}

.box .container .pager
{
	width:auto;
	padding:4px 8px 0px 8px;
	height:12px;
}

.box .container .pager .page_count
{
	float:left;
}

.box .container .pager .page_nav
{
	float:right;
}

.blue
{
	background-color:#0092A0;
	color:White;
}

.darkblue
{
	background-color:#002244;
	color:White;
}

.box .favcontainer .content
{
	padding:5px 5px 0px 10px;
	margin:0px 5px 0px 0px;
}

.box .container .content
{
	width:auto;
	padding:5px 8px 0px 8px;
}

.box .container .advert
{
	padding:5px 4px 0px 3px;
}

.content ul
{
	list-style-type:none;
}

.description
{
	font-size:11px;
}

.box .container .content .weektitle
{
	font-size:11px;
	font-weight:bold;
	padding:0px 0px 2px 0px;
}

.box .container .content .weeksubtitle
{
	font-size:10px;
}

.box .container .content .weekdesc
{
}

.register
{
	font-size:10px;
	line-height:16px;
	height:80px;
}

.register_footer
{
	text-align:right;
	padding:0px 10px 0px 0px;
}

.box .content .list
{
	padding:0px 0px 0px 15px;
}

.list ul
{
	list-style-type:disc;
	padding:0px;
	margin:0px 0px 0px 10px;
}
/*
.list ul li.a, a:hover, a:visited
{
	text-decoration:none;
	color:Black;
}
*/

.box h1
{
	font-size:12px;
	color:#002243;
	padding:10px 0px 0px 0px;
}

.box h2
{
	font-size:10px;
	color:Black;
	font-weight:bold;
	padding:4px 0px 4px 0px;
}

.box h3
{
	font-size:10px;
	text-transform:uppercase;
	font-weight:bold;
	color:#01A8BE;
	border-bottom: dashed 1px #8FA1BE;
	padding-top:15px;
}

.box h4
{
	font-size:10px;
	text-transform:uppercase;
	font-weight:bold;
	color:White;
	border-bottom: dashed 1px #8FA1BE;
	padding-top:15px;
}

.box .contentright
{
	text-align:right;
}

.box .clear
{
	width:100%;
	display:block;
	clear:both;
}

/* === Advert Styles ============================================= */
.quicklinks ul
{	
	list-style-type:none;
}

.quicklinks ul li
{
	width:152px;
	float:left;
	font-weight:bold;
	font-size:10px;
	padding:2px 0px 2px 0px;
	color:Black;
	background:transparent url(../images/icons/arrow.gif) no-repeat center right;	
	clear:both;
}

.quicklinks ul li a, .quicklinks ul li a:hover,.quicklinks ul li a:visited
{
	text-decoration:none;
	color:Black;
}

/* === Advert Styles ============================================= */
.searchtext
{
	position:absolute;
	width:90px;
	padding-left:68px;
	text-align:right;
}

.searchicon
{
	padding-top:16px;
}

.jobtext
{
	position:absolute;
	width:80px;
	padding-left:80px;
	padding-top:40px;
	text-align:left;
}

.jobicon
{
	padding-top:10px;
}

.coursetext
{
	position:absolute;
	width:90px;
	padding-left:60px;
	padding-top:40px;
	text-align:right;
}

.courseicon
{
	padding-top:10px;
}

/*.advert
{
	padding:0px 0px 4px 0px;
	height:114px;
}*/

.adheader
{
	padding:0px 0px 3px 0px;
	clear:both;
}

.adfreelance
{
	height:90px;
	padding:0px 0px 0px 96px;
	background: transparent url(../images/icons/freelanceicon.gif) no-repeat bottom left;
}

.adfreelance ul
{
	list-style-type:disc;
	padding:8px 0px 0px 0px;
}

.adcompany
{
	height:90px;
	padding:0px 0px 0px 130px;
	background: transparent url(../images/icons/companyicon.gif) no-repeat bottom left;
}

.adcompany ul
{
	list-style-type:disc;
	padding:16px 0px 4px 0px;
}

.adspace
{
	padding:9px 0px 8px 0px;
}

.adleft1
{
	float:left;
	width:80px;
	padding:0px 4px 0px 3px;
}

.adright1
{
	text-align:left;
	float:right;
	width:150px;
}

.adleft2
{
	float:left;
	width:100px;
	padding:0px 4px 1px 3px;
}

.adright2
{
	text-align:left;
	float:right;
	width:130px;
	padding-bottom:2px;
}

.adleft3
{
	float:left;
	width:100px;
	padding:0px 4px 0px 3px;
}

.adright3
{
	text-align:left;
	float:right;
	width:120px;
	height:78px;
}

.adleft4
{
	float:left;
	width:200px;
	height:22px;
}

.adleft4 input
{
	width:126px;
}

.adwidth
{
	width:100px;
}

/* === Form Styles ============================================= */
.form_header
{
	clear:both;
	padding:0px 0px 0px 0px;
	font-size:10px;
}

.form_row
{
	padding:2px 0px 2px 0px;
	min-height:38px;
	/*width:240px;*/
}

.form_row .button
{
	float:right;
	position:relative;
	bottom:-13px;
}


.form_row img
{
	vertical-align:bottom;
}

.form_label
{

	width:242px;
	padding:4px 0px 2px 0px;
	text-align:left;
	font-weight:bold;
}

.form_label_half
{

	width:123px;
	padding:4px 0px 2px 0px;
	text-align:left;
	font-weight:bold;
}

.form_label .required
{
	color:Red;
	font-weight:bold;
}

.form_input
{
	font-size:10px;
	padding:0px 0px 2px 0px;
}

.form_input input
{
	font-size:10px;
	width:237px;
}

.form_input textarea
{
	height:92px;
	width:238px;
	font-size:10px;
}

.form_input select
{
	font-size:10px;
	width:240px;
}

.form_input_half
{
	font-size:10px;
	padding:0px 0px 2px 0px;
}

.form_input_half input
{
	font-size:10px;
	width:114px;
}

.checkbox input
{
	float:right;
	width:100px;
}

.form_promo
{
	padding:4px 0px 0px 0px;
	text-align:left;
	clear:both;
}

.form_promo .left
{
	float:left;
	padding:0px 8px 0px 0px;
}

.form_promo select
{
	font-size:9px;	
}

.form_promo select
{
	width:100%;
	font-size:9px;	
}

.form_footer
{
	padding:4px 0px 0px 0px;
	text-align:right;
	clear:both;
}

.form_messages
{
	padding:0px 0px 4px 0px;
	width:100%;
	clear:both;
}

.profile
{
	height:210px;
	clear:both;
}

.fullheight
{
	height:100%;
}

/* === Job Styles ============================================= */
.mini_row
{
	clear:both;
	min-height:22px;
	padding:0px 0px 2px 0px;
}

.mini_label
{
	float:left;
	vertical-align:middle;
	height:20px;
	width:74px;
	text-align:left;
	font-weight:bold;
}

.mini_input
{
	float:left;
	width:167px;
}

.mini_input input
{
	width:164px;
	font-size:10px;
}

.mini_input select
{
	width:168px;
	font-size:10px;
}

.mini_detail
{
	float:left;
	width:160px;
	text-align:left;
}

.mini_detail label
{
	padding:0px 4px 0px 4px;
}

.mini_footer
{
	padding:0px 0px 0px 0px;
	height:20px;
	text-align:right;
	clear:both;
}

.mini_button
{
	padding:4px 0px 0px 0px;
	border-top: dashed 1px #8FA1BE;	
}
/* === Freelance Job Styles ============================================= */
.freejob_row
{
	clear:both;
	padding:2px 0px 5px 0px;
	border-top: dashed 1px #8FA1BE;
	width:100%;
	min-height:13px;	
}

.freejob_label
{
	float:left;
	width:48%;
	height:10px;
	text-align:left;
}

.freejob_detail
{
	float:right;
	width:48%;
	height:10px;
	text-align:right;
}

/* === Job Styles ============================================= */
.job_pager
{
	padding:0px 0px 0px 0px;
}

.job_header
{
	clear:both;
	padding:10px 0px 6px 0px;
	font-size:12px;
	font-weight:bold;
	border-top: dashed 1px #8FA1BE;
}

.job_mini_header
{
	clear:both;
	padding:2px 0px 6px 0px;
	font-size:12px;
	font-weight:bold;
	border-top: dashed 1px #8FA1BE;
}

.job_row
{
	clear:both;
	display:block;
	padding:0px 8px 2px 0px;
}

.job_label
{
	float:left;
	width:90px;
	height:auto;
	padding-right:16px;
	text-align:left;
	font-weight:bold;
	text-transform:uppercase;
}

.job_input
{
	float:left;
	height:auto;
}

.job_detail
{
	padding:8px 0px 0px 0px;
}

.job_row .readmore
{
	font-style:italic;
}

.job_left
{
	position:relative;
	float:left;
	width:60%;
}

.job_logo
{
	position:relative;
	float:right;
	text-align:right;
	width:174px;
	height:100px;
	background-color:White;	
}

.job_mini_logo
{
	position:relative;
	float:right;
	text-align:right;
	width:120px;
	height:44px;	
}

.job_footer
{
	position:relative;
	padding:0px 0px 0px 0px;
	height:100%;
	text-align:right;
	clear:both;
}

.job_post_button
{
	padding:4px 0px 0px 0px;
	border-top: dashed 1px #8FA1BE;	
}

.tableheader
{
	font-size:12px;
	width:100%;
	padding:0px 0px 6px 0px;
}

.tableheader th
{
	width:25%;
	padding:0px 0px 4px 0px;
	border-bottom:solid 1px #000000;	
}

.tableheader td
{
	padding:4px 0px 4px 0px;	
}

.tablefooter
{
	font-weight:bold;	
	padding:2px 0px 0px 0px;
	border-top:solid 1px #333333;	
}

.fullheader
{
	width:100%;
}

.fullheader th
{
	padding:0px 0px 4px 0px;
	border-bottom:solid 1px #000000;	
}

.fullheader td
{
	padding:2px 0px 2px 0px;
	border-bottom:dashed 1px #000000;	
}

.statsheader
{
	width:100%;
}

.statsheader th
{
	padding:2px 0px 2px 0px;	
	border-bottom:solid 1px #000000;	
}

.statsheader td
{
	padding:2px 0px 2px 0px;	
}

/* === Toolbar Styles ============================================= */
.toolbar
{
	clear:both;
}

.toolbar .item
{
	float:left;
	width:32%;
	padding-right:1%;
	height:40px;
}

.toolbar .item img
{
	vertical-align:middle;
}

/* === Course Styles ============================================= */
.course_header
{
	clear:both;
	padding:10px 0px 6px 0px;
	font-size:12px;
	font-weight:bold;
	border-top: dashed 1px #8FA1BE;
}

.course_row
{
	clear:both;
	padding:0px 8px 2px 0px;
}

.course_label
{
	float:left;
	width:110px;
	padding-right:16px;
	text-align:left;
	font-weight:bold;
	text-transform:uppercase;
}

.course_input
{
	float:left;
}

.course_detail
{
	padding:8px 0px 10px 0px;
}

.course_row .readmore
{
	font-style:italic;
}

.course_left
{
	float:left;
	width:60%;
}

.course_logo
{
	float:right;
	width:174px;
	height:100px;	
}

/* === Faq Styles ============================================= */
.faq_row
{
	width:100%;
	height:100%;
	clear:both;
	font-size:10px;
	padding:0px 0px 6px 0px;
}

.faq_row h1
{
	text-transform:uppercase;
	font-weight:bold;
	font-size:12px;
	margin:0px;
	padding:12px 0px 12px 0px;
	color:#002244;
}

.faq_left
{
	float:left;
	width:15%;
	text-align:left;
	font-weight:bold;
}

.faq_right
{
	float:right;
	width:85%;
	text-align:left;
}

/* === Contact Styles ============================================= */
.contact_row
{
	width:100%;
	height:100%;
	clear:both;
	padding:14px 0px 8px 0px;
}

.contact_icon
{
	float:left;
	width:15%;
	text-align:center;
	vertical-align:middle;
	height:auto;
}

.contact_icon img
{
}

.contact_content
{
	float:right;
	width:85%;
	text-align:left;
	height:100%;
}

.contact_content h1
{
	text-transform:uppercase;
	font-weight:bold;
	font-size:10px;
	margin:0px;
	padding:0px 0px 6px 0px;
	color:#002244;
}

.contact_content .contact_detail
{
	padding:0px 0px 8px 0px;
}

.contact_content .contact_email
{
	padding:0px 0px 2px 0px;
}

/* === Side Menu Styles ========================================== */
.side_row
{
	width:120px;
	font-size:10px;
}

.side_row input
{
	width:120px;
	font-size:10px;	
	margin:0px 0px 2px 0px;
}

/* === Favorite List Styles ========================================== */
.favourite
{
	clear:both;
	padding:0px 0px 3px 0px;
	width:94%;
}

.favheader
{	
}

.favicon
{
	padding:0px 6px 0px 0px;
	float:left;
}

.favname
{
}

.favname h1
{
	margin:0px;
	padding:0px;
	font-size:12px;
	font-weight:bold;
}

.favname h2
{
	margin:0px;
	padding:0px;
	font-size:10px;
	font-weight:bold;
}

.weekpattern
{
	width:100%;
	height:24px;
	border-bottom:dashed 1px #8FA1BE;
	padding-bottom:8px;
	clear:both;
}

.dayfree
{
	margin:0px;
	padding:0px;
	float:left;
	width:7%;
	height:24px;
	text-align:center;
	background-image:url("../images/icons/dayfree.gif");
	background-position:bottom;
	background-repeat:no-repeat;
}

.daybusy
{
	margin:0px;
	padding:0px;
	float:left;
	width:7%;
	height:24px;
	text-align:center;
	background-image:url("../images/icons/daybusy.gif");
	background-position:bottom;
	background-repeat:no-repeat;
}

/* === Profile Styles ========================================== */
.biography
{
	width:300px;
	float:left;
}

.biography h1
{
	font-weight:bold;
	font-size:12px;
	height:18px;
	padding:2px 0px 2px 0px;
}

.biography h2
{
	font-size:12px;
	padding:0px 0px 4px 0px;
}

.name
{
	font-size:12px;
	font-weight:bold;
	padding:2px 0px 2px 0px;
}

.bio
{
	padding:0px 0px 0px 0px;
	min-height:150px;
	overflow:hidden;
}

.bio img
{
	width:104px;
	height:104px;
	float:left;
	padding:0px 4px 4px 0px;
}


/* === Layout Styles ============================================= */
.column
{
	float:left;
}

.grid2col, .grid3col
{
	width:100%;
	clear:both;
}

.grid2col .column
{
	width:49%;
}

.grid2col .columna
{
	width:37%;
	float:left;
}

.grid2col .columnb
{
	width:62%;
	float:right;
}

.grid3col .column.first
{
	width:32%;
	margin-right:2%
}

.grid3col .column.middle
{
	width:32%;
}

.grid3col .column.last
{
	width:32%;
	margin-left:2%
}
.column.first
{
	float:left;
	margin-left:0;
}

.column.last
{
	float:right;
}

.column.lastr
{
	float:right;
	text-align:right;
}

.sideadvert
{
	padding:0px 0px 10px 0px;
}


span.tool
{
  cursor:help;
  float:right;
  width:20px;
  height:1px;
  position:relative;
}

span.tool img
{
	padding-top:2px;
	padding-right:4px;
	float:right;
}

span.tool span.tip 
{
  display: none;
  position:absolute;
  z-index:10000;
  left:-240px;
  width: 240px;
  margin-top:2.0em;
  line-height: 1.2em;
  padding: 3px 7px 4px 6px;
  border: 1px solid #336;
  background-color: #f7f7ee;
  font-family: arial, helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
  color: #000;
  text-align: left;
  text-transform:none;
}
 
span.tool:hover span.tip
{		
  display: block;
}
.companylogo
	{
	padding:3px;
	}
.promo_text
	{
	font-weight:bold;
	color:#990000;
	}
.alt_text
	{
	font-weight:bold;
	color:#339999;
	}