body 
{ 
	font-family :  Verdana, Helvetica, Arial, sans-serif;
	font-size : 0.8em;
	
	background-color: #E2EAFF; 
}

/* 
Styles for managing mediaboard. This section contains 
all the wrapper styles. 
 --------------------------------------------------------
*/ 
div#container 
{ 
	margin-top: 50px; 
	width: 760px; 
}

div#header
{ 
	position: relative; 
	
	width: 760px; 
	max-width: 758px; 
	height: 103px; 
	float: left; 
	border: 1px solid #a8a8a8; 
	border-bottom: none; 
	
	background: #FFFFFF url('../images/top_logo.jpg') 0 0 no-repeat; 
}

div#header_no_titles
{ 
	position: relative; 
float: left; 
	width: 760px; 
	max-width: 758px; 
	height: 103px; 
	
	border: 1px solid #a8a8a8; 
	border-bottom: none; 
	
	background: #FFFFFF url('../images/top_logo_no_links.jpg') 0 0 no-repeat; 
}



div#content 
{ 
	border-left: 1px solid #A8A8A8; 
	border-right: 1px solid #A8A8A8; 
float: left; 
	width: 760px; 
	max-width: 758px;
	
	background-color: #FFFFFF; 
}

div#content_padding
{ 
	text-align: left; 
	padding: 10px; 
}

div.padding
{ 
	border: 1px solid #444444; 
	text-align: left; 
	margin-left: 10px; 
	white-space: nowrap; 
	display: inline; 

}
div#footer 
{ 
	position: relative; 
float: left; 
	white-space: nowrap; 
	width: 760px; 
	height: 100px; 
	max-width: 758px;
	padding-top: 20px; 
	
	background-color: #FFFFFF; 
	background-image: url('../images/bottom_footer_til.gif'); 
	background-position: 0% 100% ; 
	background-repeat: repeat-x; 
	
	border: 1px solid #A8A8A8; 
	
	/* no need for 
		a border on top */ 
	border-top: none; 
	
	
}




/*
Anchors and logos 
 --------------------------------------------------------
*/

A#boards
{ 

	position: absolute; 
	
	top: 80px; 
	left: 50px; 
	
	width: 120px; 
	height: 20px; 

	display: block; 

}


A#author 
{ 
	position: absolute; 
	display: block; 

	top: 80px; 
	right: 65px; 	

	width: 100px; 
	height: 20px; 
		
}


A#mlearn 
{ 
	position: absolute; 
	width: 120px; 
	height: 66px; 
	display: block; 
	right: 0px; 
	bottom: -1px; 
	
	background: url('../images/bottom_mlearn_logo.jpg') 0 0 no-repeat; 
}

A#ctad 
{ 
	position: absolute; 
	bottom: 10px; 
	right: 140px; 
	width: 129px; 
	height: 23px; 
	display: block; 
	background: url('../images/bottom_ctad_logo.jpg') 0 0 no-repeat; 
}



/*
Styles to format text color, links, behaivor etc.. 
 --------------------------------------------------------
*/

H1 {
	font-size : 1.8em;
	font-family : Verdana, Helvetica, Arial, sans-serif;
	color: #0099CC;
	font-weight : bolder;
}


H2 {
	font-family : Verdana, Helvetica, Arial, sans-serif;
	color: #0099CC;
	font-weight : bold;
	font-size : 1.5em;
	margin: 30px 0px 5px 0px; 
	padding-bottom : 5px;
	border-bottom : 1px dotted #0099CC;
}

H3 {
	font-family : Verdana, Helvetica, Arial, sans-serif;
	color: #0099CC;
	font-weight : normal;
	font-size : 1.2em;
	margin-bottom : 0px;
	padding-bottom : 0px;
}

P  {
	margin-top : 0px;
}

A {
	color: #0099CC;
}

A:hover {
	color : #F09D00;
}

A:expired  {
	color : #ffffff;
}

TEXTAREA, 
SELECT, 
INPUT
{
	color: #333333;
	font-family :  Verdana, Helvetica, Arial, sans-serif;
	font-size : 0.9em;
}

UL 
{
	list-style-image: url('../images/forwardarrow.gif') ;
	padding-left: 0px;
	margin-left: 18px;
}

TH, TD {
	padding: 5px; 
	vertical-align: top;
	color: #727171;
	text-align: left; 
	font-size : 0.8em;

}

IMG.border { 
	border: 1px solid #acacac;
}


tr.shadowed { 
	background-color: #F4F8FF; 
}

.mobilebutton {
color: #333333;

}

.thumbnail {
	margin-bottom: 10px;
}

.toRight {
	text-align : right; 
}

.rightLink {
	text-align : right;
	padding : 0px;
	margin : 0px;
}



.button { 
	border: 1px solid #efefde; 
	font-size: 10px;
}

.button_over { 
	border: 1px solid #759AD9; 
	background-color: #c1d2ee;
	cursor: pointer; 
}

#editorArea
{ 
	width: 320px; 
} 

#editorArea, 
#editorArea td { 
	background-color: #efefde;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px ;	
	padding:0px; 
}

#editorArea iframe { 
	width: 100%; 
	background-color: #ffffff; 
}

.hidden 
{ 
	display: none; 
}


.mboard_instance { 
	color: #727171;
	float: left; 
	width: 745px; 
	margin-bottom: 15px; 
}

.mboard_instance .item00,
.mboard_instance .item01, 
.mboard_instance .item02, 
.mboard_instance .item03 { 
	float: left; 
}

.mboard_instance .item00 {
	width: 5%
}
.mboard_instance .item01 {
	width: 15%
}

.mboard_instance .item02 {
	white-space: normal; 
	width: 55%; 
}

.mboard_instance .item03 {
	text-align: right; 
	width: 15%; 
}

.mboard_instance .item03 img  { 
	border: 1px solid #727171; 
}


.message
{ 
	color: #727171;
	float: left; 
	width: 745px; 
	margin-bottom: 20px; 
}

.message_header
{ 

	float: left; 
	width: 745px;
	border-top: 1px solid #918E99;
	border-bottom: 1px solid #918E99;
	margin-bottom: 8px;
	background-color: #acacac;	
}

.message_buttons
{ 
	white-space: nowrap; 
	text-align: right; 
	width: 70px; 

	float: right; 
	padding: 5px; 
}

.message_data { 

	font-size: 0.9em; 
	margin: 5px 0px 5px 5px; 
	color: #FFFFFF;
	float: left; 

	width:645px; 
}

.message_from { 
	width: 350px 
}

.message_zone { 
	margin: 0px 10px 0px 10px;
	width: 120px
}

.message_date
{ 
	width: 150px 
}

.message_from, .message_zone, .message_date { 
	float: left; 
}

.message_body
{ 
	padding: 0px 0px 0px 10px; 

}

.spacer
{ 
	margin-top: 60px; 
}

.float
{ 
width: 735px; 
text-align: center; 
float: left; 
}

.icon_none 
{ 
	margin: 5px; 
	width: 20px; 
	height: 20px; 
}

.icon_private
{ 
margin: 15px 3px 0px 10px; 
width: 15px; 
height: 16px; 
background: url('../images/padlock.gif') 0 0 no-repeat; 

}
.client_image 
{ 



position: absolute;
left: 10px; 
bottom: 10px; 
display: block; 
}