/*_____________________________________________________ / Mentor Manager / Styles */

* {
	margin:0;
	padding:0;
}

body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 90%;
	line-height: 1.3em;
	color: #000;
	
/* _________________________________________________________________________________/ !Colour Change! */
	
	background: #FFF url(../images/body_bg.gif) repeat-x left 10px;
}


body#login {
/* _________________________________________________________________________________/ !Colour Change! */
	
	background: #FFF url(../images/body_bg.gif) repeat-x left 10px;
}


h1	{
	font-size: 180%;
	padding:0;
}

h2	{
	font-size: 130%;
	line-height: 1.2em;
}

h3	{
	font-size: 110%;
	color: #333;
	font-weight: bold;
	margin: 2px 0;
}

h4	{
	font-size: 100%;
	margin: 4px 0;
	clear:both;
	display:block;
	color: #000;
}

p	{
	margin: 0;
	padding: 0 0 0.8em 0;
}


ul, ol	{
	padding:0;
	position:relative;
}

form	{
	display:inline;
	margin:0;
	padding:0;
}

fieldset	{
	border:none;
	clear:both;
	margin-bottom:20px;
}

legend	{
	color:#000;
}

table	{
	text-align:left;
	border:none;
}

td {
	font-weight:normal;
}

a, a.visited {
	color: #000;
	text-decoration: none;
}

a:hover, a.selected	{
	text-decoration: underline;
	
}
address	{
	margin: 5px 0;
}
img	{
	border:none;
}

img	a {
	border:none;
}
.logo	{
	position:absolute;
	top:0;
	left:10px;
}

.tagline	{
	clear:both;
	float:right;
	margin: 30px 0 10px 0;
}

.pagelogo	{
	background: url(../images/logo_mm.gif) no-repeat 0 0;
	width:210px;
	height: 51px;
	position:absolute;
	top:15px;
	right:20px;
	text-indent:-9000px;
}


/* ________________________________________________________________________________________ / Contentwrappers */

#pagewrapper { 
   margin:auto;
   width: 750px;
   position:relative;
   height:1%;
}

#header	{
	height:120px;
	position:relative;
}
#login #header	{
	height:60px;
}

#mainmenu	{
	position:absolute;
	bottom:0;
}

.leftwrapper	{
	float:left;
	width: 500px;
}

#login .leftwrapper	{
	width: 750px;
}
.rightwrapper	{
	float:right;
	width: 240px;

}
.titlebar	{
	width: 460px;
	float:left;
}

.leftbar, .rightbar	{
	float:left;
	width:200px;
}

.leftbar	{
	border-right: 1px solid #FFF;
	padding-right: 20px;
}

.rightbar	{
	padding-left:20px;
}
/* ________________________________________________________________________________________ / Page Titles */

.pagetitle	{
	background: url(../images/bg_title.gif) repeat-x left bottom;
	border-bottom: 1px solid #BECBD2;
	padding: 40px 20px 10px 20px;
	width:460px;
	  height:30px;
}

.titlebar h2, 
.titlebar h3,
.titlebar h4,
.sectiontitlebar h3,
.sectiontitlebar h4	{
	display:block;
	float:left;
	margin: 0 0 10px 0;
}

.titlebar p,
.sectiontitlebar p {
	float:right;	
	margin: 0;
	padding:0;
}

.nohbdr {
	border-bottom: 1px solid #BECBD2;
	margin-bottom:15px;   /* Adds bottom border to outer headings div .Use this style with .titlebar for headings with floated links and no h3 or h4 border */
}

.titlebar .actionlink	{
	margin-left: 10px; /* Adds space between 2 floated links in page title */
}

/* ________________________________________________________________________________/ Containers for searches (Main Content) */
.mainsearchbox, .section {
	background: #EDF1F3 url(../images/bg_section.gif) repeat-x left bottom;
	border-bottom: 1px solid #CCC;
	padding: 20px 20px 25px 20px;
	float:left;
	width:458px;
	border: 1px solid #BECBD2;
	border-top:0;
	margin-top: 10px;
}

.mainsearchbox h3	{
	background: url(../images/bullet_blacktitle.gif) no-repeat left 3px;
	padding-left: 18px;
	float:left;
}
/* ________________________________________________________________________________/ Search Results */

#results .titlebar p {
	float:left;
	width: 310px;
}

#results .sortresults {
	float:right;
	width:150px;
}

p.resultamount	{
	clear:both;
	margin-top: 10px;
}

/* ________________________________________________________________________________/ Clients/Mentors */

.clients .leftwrapper .featurebox h4,
.mentors .leftwrapper .featurebox h4,
.author		{
	font-weight: bold;
	color: #58727F;
}


/* ___________________________________________________________________________________ // Feature Boxes in Rightwrapper */ 
.featurebox	{
   background: #FFF url(../images/bg_featureboxes.jpg) repeat-x left bottom;
   padding: 20px 20px 10px 20px;
   border: 1px solid #BECBD2;
   margin-bottom:10px;
   /*overflow:auto;   Fixes background in FF */
	clear:both;
	height:1%; /* Fixes background in IE */
}

.featurebox h3	{
  border-bottom: 1px solid #BECBD2;
   background: url(../images/bullet_light.gif) no-repeat left 3px ;
   padding: 0 0 8px 18px;
   margin-bottom: 10px;
}

.leftwrapper .featurebox 	{
	margin-top: 10px;
	float:left;
	width:460px; /* Style re-used for leftwrapper. Must come after .featurebox */ 
}
.leftwrapper .featurebox h3	{
	margin-bottom:20px;
	 background: url(../images/bullet_blacktitle.gif) no-repeat left 3px ;
}
.featurebox .nohbdr h3,
.featurebox .nohbdr h4  {
	border-bottom:none;
	margin-bottom:0;
}
/* __________________________________________________________________________________________ / Inbox */

#inbox { 
   background: #678391 url(../images/bg_inbox.jpg) repeat-x left bottom;
   padding: 40px 20px 10px 20px;
   margin-bottom:10px;
   height:30px;
} 

#inbox, #inbox a	{
	color:#FFF;
}

#inbox p { 
   background: url(../images/icon_message.gif) no-repeat left 3px ;
   padding-left: 22px; 
   
} 
/* __________________________________________________________________________________________ / Forum */


/* ___________________________________________________________________________________ // General Use Classes */

.notes	{
	font-size: 85%;
}

.initial {
	margin-top: 20px;
}
.normal	{
	font-weight:normal;
}

.clear	{
	clear: both;
}
.summary	{
	font-size: 1.1em;
	margin: 5px 0;
}

.hidden	{
	text-indent: -8000px;
}
.nodisplay	{
	display:none;
}

.alert	{
	display:block;
	padding: 3px 8px;
	background-color: #F9EBEB;
	border: 1px solid red;
	margin: 5px 0;
}
/* ___________________________________________________________________________________ // Internal Links */

p.actionlink,
p.actionlink a	{
	color: #930;
}

p.actionlink a:hover	{
	text-decoration:underline;
}

a.internalink, 
a.pagelink,
a.pagelinkreverse	{
	text-decoration: underline;
	display:block;
	padding-left: 18px;
	clear:both;
	background: url(../images/bullet.gif) no-repeat left 3px;
}

a.pagelinkreverse	{
	background: url(../images/bullet.gif) no-repeat left 3px;	
	padding-right: 18px;
}

a.pagelink	{
	background: url(../images/bullet.gif) no-repeat right;
	float:right;
	padding: 2px 18px 2px 2px;
}


a:hover.internalink,
a:hover.pagelink	{
	text-decoration: none;
}

a.mainlink {
   background: url(../images/bullet_arrowright.gif) no-repeat left 3px ;
   padding-left:16px;
}

a.mainlink:hover {
	text-decoration: underline;
}


/* Footer Content */
#footerwrapper	{
	background: url(../images/footer_bg.gif) repeat-x left top;
	padding:20px;
	clear:both;
}

#footer {
   margin:auto;
   width: 750px;
   position:relative;
 }
 
/*___________________________________________________________________________ / Form Styles */

legend {
	font-weight:bold;
	padding: 0;
}

.button {
	background: #FFF url(../images/bg_button.jpg) repeat-x top;
	padding: 2px 4px;
	border: 1px solid #CCC;
	font-weight:bold;
	font-size: 80%;
	clear:both;
}



* html .button 	{
	padding: 2px 0;
}

label, form p	{
	clear:left;
	margin: 5px 0 2px 0;
	padding:0;
	display:block;
}

.control {
	clear:both;
	display:block;
	float:left;
}

.timereport label, .timespacer	{
	clear:none;
	float:left;
}

.timereport .short {
	float:left;
	clear:none;
}

.short	{
	width: 2em;
}
.long	{
	width: 99%;
}

.textarea_large	{
	width: 99%;
	height: 70px;
}

.in_hidden {
	margin: 0;
}


/* ________________________________________________________________________________________ / Form Searches  */

.searchform	{
	float:left;
	width: 50%;
	margin-top: 5px;
}

.searchform label, 
.rightwrapper label, 
.sortresults label {
	width: 100%;
	display:block;
}

.searchform .button, 
.rightwrapper .button,
.sortresults .button,
.loginform .button   {
	float:left;
	margin-left: 5px;
	clear:none;
}


.buttoncontainer	{
	clear:both;
	float:left;
	width: 100%;
	margin-top: 10px;
}

.buttoncontainer input	{
	margin-right: 5px;
}

/*__________________________________________________________________________________________ / Rightwrapper Searches */

.rightwrapper .control {
	width: 130px;
}

/* ___________________________________________________________________________________ // Specific Section Styles */

/* ___________________________________________________________________________________ / Start Messages Section */

#messages table	{
	width:100%;
}

#messages th	{
	padding-bottom:10px;
}
#messages tbody 	{
	border-bottom: 1px solid #CCC;
	padding:20px;
}
#messages td	{
	padding-bottom:10px;
}

#messages th a	{
   background: url(../images/bullet_arrowright.gif) no-repeat left 3px ;
   padding-left:16px;
   font-weight:normal;
}

#messages th a:hover	{
   background: url(../images/bullet_arrowdown.gif) no-repeat left 3px ;
   padding-left:16px;
}
table .col1	{
	width: 30%;
}
table .col2	{
	width: 50%;
}
table .col3	{
	width: 15%;
}
table .col4	{
	width: 5%;
}

tr.read a,
tr.read {
	color:#666;
}
/* ___________________________________________________________________________________ End Messages Section */