/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Name:				template_css.css
Created:		2008-May-11
Author:			Ben Sheppard
Copyright:	© 2005 - 2008 by GLobal ICT Systems Inc. All rights reserved.
Email:			support@GlobalICTSystems.com
URL:				http://www.GlobalICTSystems.com
Version:		1.0.0
Site:				http://www.MyanmarYouthAssociation.org/cms/

Description:
	This is the CSS (style sheet) used to render the look and feel of all dynamic
	pages generated by the Joomla! Content Management System.

NOTES:
	see <dbs .../> below for any change documentation...

	Any changes to this file will effect only the dynamically generated 
	pages on this site.  It will NOT effect the rendering of Static HTML
	pages that also exist on this website or the look of content inside
	the JCE web content editor while editing or creating contant

	I M P O R T A N T - If you are responsible for maintaining this site
	Please Read On... Whenever any of the styles below are updated or 
	new styles are created, Please take care to insure any styles that are
	similar or even duplicated on the Static Pages CSS file: mya.css
	continue to render in a compatable fashion to similar or duplicated 
	styles defined here.  Additionally, if you wish to see similar or 
	duplicated styles rendered inside the Joomla! JCE On-Line Content Editor, 
	do the same comparisons to the editor_content.css file (in the same 
	directory as this file) - Cheers! - dbs
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

html {
	height: 100%;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
	margin: 15px;
	padding: 0px;
	height: 100%;
	line-height: 120%;
	background: #FFFFDD;  /* <dbs date="2007-August-21" file="template_css.css" comment="changed background color from ffff" /> */
}

td {
	text-align: left;
	font-size: 12px;
}

.clr {
	clear: both;
}

/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	<dbs date="2008-May-11" file="template_css.css" comment="Duplicated Class Defs"> 
	The following class defs were copied from mya.CSS so that the display 
	on the Joomla! CMS side of the website has a uniform look and feel
	identical to the static pages.  These same class defs have also been 
	duplicated within the editor_content.css file for display during a web 
	content editing session.
	
	If you wish to change any of the style definitions within this 
	section differently than they are defined within the mya.CSS static
	pages style sheet, first move them out of this section within all 
	three style sheets into one of the sections below it on all three 
	style sheets, to indicate that they are no longer in sync.  
	
	Then make your changes to your moved styles within this file and when
	you are done overwite the old duplicates locaetd within the 
	editor_conetne.css style sheet only so that they stay in sync with their
	original definitions whthin this file but not the mya.CSS styel sheet.

	NOTE:  Keep the common definitions within this section on all three
	style sheets in sync with each other.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #550000;
	font-size: 14px;
}

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #550000;
	font-size: 25px;
	font-weight: normal;
	font-style: normal;
	font-variant: small-caps;
	text-decoration: none;
	text-transform: none;
	letter-spacing: 5px;
}

h2 {
	font-family: "Palatino Linotype", Georgia, "Times New Roman", Times, serif;
	color: #005500;
	font-size: 23px;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	text-decoration: none;
	text-transform: none;
	letter-spacing: 11px;
}

h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #550000;
	font-size: 20px;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	text-decoration: none;
	text-transform: none;
	letter-spacing: 5px;
}

h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #005500;
	font-size: 17px;
	font-weight: normal;
	font-style: normal;
	font-variant: small-caps;
	text-decoration: none;
	text-transform: none;
	letter-spacing: 2px;
}

h5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #550000;
	font-size: 17px;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	text-decoration: none;
	text-transform: none;
	letter-spacing: 1px;
}

h6 {
	font-family: "Palatino Linotype", Georgia, "Times New Roman", Times, serif;
	color: #005500;
	font-size: 16px;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	text-decoration: none;
	text-transform: capitalize;
	letter-spacing: 1px;
}

a:link, a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000099;
}

a:hover {
	color: #FFFFDD;
	background-color: #005500;
}

.pageHeading {
	font-family: "Palatino Linotype", Georgia, "Times New Roman", Times, serif;
	color: #550000;
	font-size: 21px;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	text-decoration: none;
	text-transform: none;
	text-align: center;
	line-height: normal;
	vertical-align: top;
}

.title {
	color: #005500;
	font-size: 18px;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	text-decoration: none;
	text-transform: none;
	letter-spacing: 2px;
	text-align: center;
}

.subTitle {
	color: #005500;
	font-size: 14px;
	font-weight: 500;
	font-style: italic;
	font-variant: small-caps;
	text-decoration: none;
	text-transform: none;
	letter-spacing: 1px;
	text-align: center;
}

.paragraphTitle {
	color: #005500;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	font-variant: small-caps;
	text-decoration: none;
	text-transform: none;
	letter-spacing: 1px;
}

.newsFlashHeadline {
	font-family: "Palatino Linotype", Georgia, "Times New Roman", Times, serif;
	color: #550000;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	font-variant: small-caps;
	text-decoration: none;
	text-transform: none;
	letter-spacing: 1px;
}

.bulletHeading {
	color: #550000;
	font-size: 15px;
	font-weight: normal;
	font-style: normal;
	font-variant: small-caps;
	text-decoration: none;
	text-transform: none;
	letter-spacing: 1px;
}

.bulletHeading2 {
	color: #005500;
	font-size: 16px;
	font-weight: bold;
	font-style: normal;
	font-variant: small-caps;
	text-decoration: none;
	text-transform: none;
	letter-spacing: 2px;
}

.ulListLabel {
	font-family: "Palatino Linotype", Georgia, "Times New Roman", Times, serif;
	color: #005500;
	font-size: 17px;
	font-weight: 600;
	font-style: normal;
	font-variant: small-caps;
	text-decoration: none;
	text-transform: none;
	letter-spacing: 1px;
}

.emphasizedText01 {
	color: #005500;
	font-size: 14px;
	font-weight: 500;
	font-style: italic;
	font-variant: normal;
	text-decoration: none;
	text-transform: none;
	letter-spacing: 1px;
}

.emphasizedText02 {
	color: #550000;
	font-size: 15px;
	font-weight: 500;
	font-style: italic;
	font-variant: small-caps;
	text-decoration: none;
	text-transform: none;
	letter-spacing: 2px;
}

.redText {
	color: #CC0033;
	font-weight: bold;
	font-style: normal;
	font-variant: small-caps;
	text-decoration: none;
	text-transform: none;
}

.greenText {
	color: #009900;
	font-weight: bold;
	font-style: normal;
	font-variant: small-caps;
	text-decoration: none;
	text-transform: none;
}

.orangeText {
	color: #FF6633;
	font-weight: bold;
	font-style: normal;
	font-variant: small-caps;
	text-decoration: none;
	text-transform: none;
}

.superscript {
	vertical-align: super;
}

.footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFEEDD;
	font-size: 7px;
	font-weight: normal;
	font-style: normal;
	font-variant: small-caps;
	text-decoration: none;
	text-transform: none;
	text-align: center;
	line-height: normal;
	letter-spacing: 1px;
}

.darkRedThinlineBox {
	border: 1px outset #990000;
	text-align: left;
	vertical-align: top;
}

.darkRedThinlineHeadlineBox {
	background-color: #EEDD88;
	border: 1px outset #990000;
	text-align: left;
	vertical-align: top;
}

/* BEGIN CONRIBUTE BUTTON STYLE DEFS */
.contributeLyr {
	height: 30px;
	width: 844px;
}

.contributeText {
	position: relative;
	float: left;
	width: 400px;
	height: 40px;
	left: -7px;
	top: 8px;
	margin: 0;
	padding: 0;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 13px;
	font-weight: 600;
	font-variant: small-caps;
	letter-spacing: 2px;
	text-align: right;
	overflow: hidden; /* for IE to hide extra height */
}

.contributeButon {
	position:relative;
	float: left;
	width: 157px;
	height: 30px;
	margin: 0; 
	padding: 0;
	background: url(Assets/contribute.button.green.png) no-repeat;
	overflow: hidden; /* for ie to hide extra height*/ 
}

.contributeButon a {
	display: block;
	width: 157px;
	height: 30px;
	float: left;
	color: #99ff99;
	text-decoration: none;
	overflow: hidden; /* for ie to hide extra height*/
}

.contributeButon a:hover {
	color: #660000;
	background-color: transparent;
}

.contributeButon img { 
	width: 157px; 
	height: 30px; 
	border: 0; 
}

* html a:hover { 
	visibility: visible;
}

.contributeButon a:hover img {
	visibility: hidden;
}

.contributeButon span {
	position: absolute;
	left: 5px;
	top: 7px;
	width: 150px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 13px;
	font-weight: 600;
	font-variant: small-caps;
	letter-spacing: 1px;
	text-align: left;
	cursor: pointer; 
}
/* END CONRIBUTE BUTTON STYLE DEFS */

/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 </dbs> 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/





/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	<dbs 	date="2008-May-11" file="template_css.css" comment="Redefined the <ul> tag">
		The following Joomla! default tag def for <ul> has been 
		redifined so that it matches the class def in mya.css
		also the menu and sectionNav areas have special requirements
		over the plain ul tag...  see ul.sectionNav_xxx for differences.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
ul {
	list-style-type: none;
	list-style-position: outside;
	list-style-image: url(../images/LotusBud_bullet-15x15.jpg);
	margin-top: 2px;
	margin-bottom: 14px;
}

li {
	line-height: 15px;
	padding-bottom: 8px;
}

ul.sectionnav_section, ul.sectionnav_category, ul.sectionnav_content {
	margin: 0 0 0 15px;
	padding: 0;
}

ul.sectionnav_section li, ul.sectionnav_category li, ul.sectionnav_content li {
	margin: 0;
}

li.headline {
	line-height: 15px;
	padding-left: 15px;
	padding-top: 0px;
	list-style-image: url(../images/LotusBud_bullet-15x15.jpg);
	background-repeat: no-repeat;
	background-position: 0px 2px;
}
/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 </dbs> 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/


/* 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	<dbs date="2008-May-11" file="template_css.css" comment="New Class Defs"> 
	Created the following two new classes (similar to the ones defined in mya.CSS
	These set the background of the Joomla! pages so that they look the way the
	static pages display over an overall page background of dark green and the
	content sections have a light ivory background color. (FFFFDD)
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
.outsidePageContainer {
	background-color: #005500;
}

.insidePageContainer {
	background-color: #FFFFDD;
}
/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 </dbs> 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

.outline {
  border: 1px solid #cccccc;
	background-color: #FFFFDD;
	padding: 2px;
}

#buttons_outer {
	width: 635px;
	margin-bottom: 2px;
	margin-right: 2px;
	float: left;
}

#buttons_inner {
	border: 1px solid #cccccc;
	height: 21px !important;
	height: 23px;
}

#pathway_text {
  overflow: hidden;
	display: block;
	height: 25px;
	line-height: 25px !important;
	line-height: 22px;
	padding-left: 4px;
	border: 1px solid #ccc;
	margin-bottom: 2px;
}

#pathway_text img {
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 6px;
}

#buttons {
	float: left;
	margin: 0px;
	padding: 0px;
	width: auto;
}

ul#mainlevel-nav
{
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 0.8em;
}

ul#mainlevel-nav li
{
	background-image: none;
	padding-left: 0px;
	padding-right: 0px;
	float: left;
	margin: 0;
	font-size: 13px;
	line-height: 21px;
	white-space: nowrap;
	border-right: 1px solid #cccccc;
}

ul#mainlevel-nav li a
{
	display: block;
	padding-left: 15px; 
	padding-right: 15px;
	text-decoration: none;
	color: #333333;
	background: transparent;
}

#buttons>ul#mainlevel-nav li a { width: auto; }

ul#mainlevel-nav li a:hover {
	color: #fff;
	background: #c64934;
}

#search_outer {
	float: left;
	width: 165px;
}

#search_inner {
  border: 1px solid #cccccc;
	padding: 0px;
  height: 21px !important;
  height: 23px;
  overflow: hidden;
}

#search_inner form {
  padding: 0;
  margin: 0;
}

#search_inner .inputbox {
	border: 0px;
	padding: 3px 3px 3px 5px;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	color: #c64934;
}

#header_outer {
	text-align: left;
	border: 0px;
	margin: 0px;
}

#header {
	float: left;
	padding: 0px;
	margin-right: 2px;
	width: 800px;
	height: 85px; 
	background: url(../../mya/images/header_long.png) no-repeat;
}

#top_outer{
	float: left;
	width: 165px;
}

#top_inner {
  border: 1px solid #cccccc;
	padding: 2px;
  height: 144px !important;
  height: 150px;
  overflow: hidden;
  float: none !important;
  float: left;
}

#left_outer {
  float: left;
	margin-top: 2px;
	width: 165px;
}

#left_inner {
  border: 1px solid #cccccc;
	padding: 2px;
  float: none !important;
  float: left;
}

#content_outer {
	padding: 0px;
	margin-top: 0px;
	margin-left: 2px;
	float: left;
	width: 635px;
}

#content_inner{
  float: none !important;
  float: left;
  padding: 0;
  padding-top: 2px;
  margin: 0;
}

table.content_table {
  width: 100%;
	padding: 0px;
	margin: 0px;
}

table.content_table td {
	padding: 0px;
	margin: 0px;
}

#banner_inner {
	float: left;
	padding: 0px;
	height: 70px;
}

#poweredby_inner {
	float: right;
	padding: 0px;
	margin-left: 0px;
	height: 70px;
}

#right_outer {
	margin-left: 2px;
	width: 165px;
}

#right_inner {
  float: none !important;
  float: left;
  border: 1px solid #cccccc;
  padding: 2px;
}

.user1_inner {
	border: 1px solid #cccccc;
  float: none !important;
  float: left;
	margin: 0px;
	padding: 2px;
}

.user2_inner {
	border: 1px solid #cccccc;
  float: none !important;
  float: left;
	margin: 0px;
	padding: 2px;
}

table td.body_outer {
	padding: 2px;
	border: 1px solid #cccccc;
}

.maintitle {
	color: #ffffff;
	font-size: 40px;
	padding-left: 15px;
	padding-top: 20px;
}

.error {
  font-style: italic;
  text-transform: uppercase;
  padding: 5px;
  color: #cccccc;
  font-size: 14px;
  font-weight: bold;
}

/** old stuff **/

.back_button {
	float: left;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  border: 3px double #cccccc;
  width: auto;
  background: url(../../mya/images/button_bg.png) repeat-x;
  padding: 0px 10px;
  line-height: 20px;
  margin: 1px;
}

.pagenav {
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  border: 3px double #cccccc;
  width: auto;
  background: url(../../mya/images/button_bg.png) repeat-x;
  padding: 0px 10px;
  line-height: 20px;
  margin: 1px;
}

.pagenavbar {
	margin-right: 10px;
	float: right;
}

#footer {
	text-align: center;
	padding: 3px;
}

/* Joomla core stuff */

table.contentpaneopen {
  width: 100%;
	padding: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	margin: 0px;
}

table.contentpaneopen td {
   padding-right: 5px;
}

table.contentpaneopen td.componentheading {
	padding-left: 4px;
}

table.contentpane {
  width: 100%;
	padding: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	margin: 0px;
}

table.contentpane td {
	margin: 0px;
	padding: 0px;
}

table.contentpane td.componentheading {
	padding-left: 4px;
}

table.contentpaneopen fieldset {
	border: 0px;
	border-bottom: 1px solid #eee;
}

.button {
	color: #c64934;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	border: 3px double #cccccc;
	width: auto;
	background: url(../../mya/images/button_bg.png) repeat-x;
	padding: 0px 5px;
	line-height: 18px !important;
	line-height: 16px;
	height: 26px !important;
	height: 24px;
	margin: 1px;
	white-space: nowrap;
}

.inputbox {
	padding: 2px;
	border:solid 1px #cccccc;
	background-color: #ffffff;
}

.componentheading {
	background: url(../../mya/images/subhead_bg.png) repeat-x;
	color: #665577;
	text-align: left;
	padding-top: 4px;
	padding-left: 4px;
	height: 21px;
	font-weight: bold;
	font-size: 10px;
	letter-spacing: 3px;
	text-transform: uppercase;
}

.contentcolumn {
	padding-right: 5px;
}

.contentheading {
	height: 30px;
	color: #200030;
	font-weight: bold;
	font-size: 14px;
	white-space: nowrap;
}

.contentpagetitle {
	font-size: 13px;
	font-weight: bold;
	color: #cccccc;
	text-align:left;
}

table.searchinto {
	width: 100%;
}

table.searchintro td {
	font-weight: bold;
}

table.moduletable {
	width: 100%;
	margin-bottom: 5px;
	padding: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
}

div.moduletable {
	padding: 0;
	margin-bottom: 2px;
}

table.moduletable th, div.moduletable h3 {
	background: url(../../mya/images/subhead_bg.png) repeat-x;
	color: #665577;
	text-align: left;
	padding-left: 4px;
	height: 21px;
	line-height: 21px;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: normal;
	margin: 0 0 2px 0;
}

table.moduletable td {
	font-size: 11px;
	padding: 0px;
	margin: 0px;
	font-weight: normal;
}

table.pollstableborder td {
  padding: 2px;
}

.sectiontableheader {
  font-weight: bold;
  background: #f0f0f0;
  padding: 4px;
}

.sectiontablefooter {

}

.sectiontableentry1 {
	background-color : #ffffff;
}

.sectiontableentry2 {
	background-color : #f9f9f9;
}

.small {
	color: #999999;
	font-size: 11px;
}

.createdate {
	height: 15px;
	padding-bottom: 10px;
	color: #999999;
	font-size: 11px;
}

.modifydate {
	height: 15px;
	padding-top: 10px;
	color: #999999;
	font-size: 11px;
}

table.contenttoc {
  border: 1px solid #cccccc;
  padding: 2px;
  margin-left: 2px;
  margin-bottom: 2px;
}

table.contenttoc td {
  padding: 2px;
}

table.contenttoc th {
  background: url(../../mya/images/subhead_bg.png) repeat-x;
  color: #666666;
	text-align: left;
	padding-top: 2px;
	padding-left: 4px;
	height: 21px;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
}

a.mainlevel:link, a.mainlevel:visited {
	display: block;
	background: url(../../mya/images/menu_bg.jpg) no-repeat;
	vertical-align: middle;
	font-size: 11px;
	font-weight: bold;
	color:#800000;
	text-align: left;
	text-indent: 9px;		/* <dbs date="2007-August-21" file="template_css.css" comment="Added Indent to Clear the Background Globe Image" /> */
	padding-top: 5px;
	padding-left: 18px;
	height: 20px !important;
	height: 25px;
	width: 100%;
	text-decoration: none;
}

a.mainlevel:hover {
	background-position: 0px -25px;
	text-decoration: none;
	color: #FFFFDD;			
	text-indent: 9px;		/* <dbs date="2007-August-21" file="template_css.css" comment="Added Indent to Clear the Background Globe Image" /> */
}

a.mainlevel#active_menu {
	color:#800000;			
	font-weight: bold;
	text-indent: 9px;  /* <dbs date="2007-August-21" file="template_css.css" comment="Added Indent to Clear the Background Globe Image" /> */
}

a.mainlevel#active_menu:hover {
	color: #FFFFDD;	
	text-indent: 9px;  /* <dbs date="2007-August-21" file="template_css.css" comment="Added Indent to Clear the Background Globe Image" /> */
}

a.sublevel:link, a.sublevel:visited {
	padding-left: 1px;
	vertical-align: middle;
	font-size: 11px;
	font-weight: bold;
	color: #c64934;
	text-align: left;
}

a.sublevel:hover {
	color: #900;
	text-decoration: none;
}

a.sublevel#active_menu {
	color: #333;
}

.highlight {
	background-color: Yellow;
	color: Blue;
	padding: 0;
}

.code {
	background-color: #ddd;
	border: 1px solid #bbb;
}

form {
/* removes space below form elements */
	margin: 0;
 	padding: 0;
}

div.mosimage {
  border: 1px solid #ccc;
}

.mosimage {
  border: 1px solid #cccccc;
  margin: 5px
}

.mosimage_caption {
  margin-top: 2px;
  background: #efefef;
  padding: 1px 2px;
  color: #666;
  font-size: 10px;
  border-top: 1px solid #cccccc;
}

span.article_seperator {
	display: block;
	height: 1.5em;
}