@charset "iso-8859-1";

.heading
{
	height: 10%;
	width: 75%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	
	font-size: 0.9em;
}

.heading .logowrapper
{
	height: 100%;
	left: 0;
	width: 48%;
	
	margin: 0 0 0 0;
	padding: 0 0 0 0;	
	border:0;
}

.heading .login
{
		text-align: right;
		width: 48%;
		height: 100%;
		
		top: 0;
		right: 0;
}

body
{
	font-family: verdana, Arial;
	/* color: #FF7400; */
	/* font-size: 75%; */
	font-size: small;
	padding: 0 0 0 0;
	/*spacing: 0;  */
	/*margin: 1em 0 2em 15%; */
	text-align: center;
	margin: 5 auto;
	/* margin:0;  */
	height: auto;
	width: 850px;
	/* background-color:#C5C9CD; */
	/*background-color: white;*/
	background-color: #F9F7ED;
	background-image: url(/monitr/skins/default/images/wm_bk.gif); 
}

/*
.bodywrapper0 -- this has been merged now with the body element
{
	margin: 0 0 0 0;
	padding: 0 15% 0 15%;
	background-image: url(/monitr/skins/default/images/wm_bk.gif); 
bodywrapper0 was in
layout/default/
	infoPageLayout
	mainPageLayout
	homePageLayout
/
	ShareMinderNew.jsp
	WebMinderNew.jsp
	wm_header.jsp
/addon
	IEAssistant.jsp
	IEAssistantHelp
	MozillaAssistant
	MozillaAssistantHelp

}
*/
.bodywrapper
{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	height: 85%; /* this is somehow tied to mainbody height ... make changes at both the places*/
	width: 830 px;
	text-align: left;
}

* html .bodywrapper
{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	height: 85%;
	width: 830 px;
	text-align: left;
}

div.clearer {clear: left; line-height: 0; height: 0;}

.mainbody
{
	font-family: verdana, Arial ; 
	font-size: x-small;
	background-color: #F9F7ED;

	/* min-height does not work in MSIE added the next two lines to fix that
	http://www.cssplay.co.uk/boxes/minheight.html*/
	min-height: 85%;  /* this is somehow tied to bodywrapper height ... make changes at both the places*/
	height: auto;
	
	min-width: 685px;
	
	background-image: url('/monitr/images/wm_arrow.gif');
	background-repeat: no-repeat;
	background-position: top right;

	margin: 0 0 0 0;
	padding: 1em 1em 1em 1em;

}

/* fix for ie */
* html .mainbody
{
	font-family: verdana, Arial ; 
	font-size: x-small;
	background-color: #F9F7ED;

	/* min-height does not work in MSIE added the next two lines to fix that
	http://www.cssplay.co.uk/boxes/minheight.html*/
	height: 85%;
	
	background-image: url('/monitr/images/wm_arrow.gif');
	background-repeat: no-repeat;
	background-position: top right;
	z-index: 99;

	margin: 0 0 0 0;
	padding: 1em 1em 1em 1em;
}





.myimage1 {
	position: relative;
	z-index: -99;
}






body.app {
	/* background-color:white; */
	background-color: #F9F7ED;
	/*spacing:0; */
	margin:0; 
	font-family: verdana, Arial ; 
	/* font-size: 75%; */
	font-size: small;
}

table {
    font-size: 100%;
	border-spacing:0;
	border-collapse: collapse;
	/*background-color: #F9F7ED;*/
}

.headertable {
    font-size: 80%;
	border-spacing:0;border-collapse: collapse;    
}

h3 { 
  font-size: 140%; 
  font-weight:bold;
  color:#993300;
}

h3 a {
  color:#993300;
  text-decoration:none;
}

h4, .pageHeader { 

  font-size: 130%; 
  font-weight:bold;
  color:#993300;
  text-decoration:none ;
}

h4 a, h4 a:hover, h4 a:active, .pageHeader a 
{
	/* color: #6C9D31; */
	/* color:#993300; */
	color: orange;
	border-width: 0;
	margin-bottom: 0.2em;
	padding-bottom: 0.1em;
	text-decoration:none;
	/* is this useful? */
	font-size: 1.0em;
}

h5 { 
	font-size: 120%; 
	font-weight:bold;
}

.h8 { 
	font-size: 120%; 
	font-weight:bold;
	color:#993300;
}

.h8a { 
	font-weight:bold;
	color:#993300;
}

hr {
	color:black;height:1px
}

/*
a {
  color: #003366;
}

a.logout:link {
  font: 10px; font-family: verdana
}

a.missionLink:link {
  font: 12px; 
  font-family: arial; 
  font-weight:bold
}
*/

a
{
	/* color: orange; */
	/* color: #525539; */
	/* color: #356AA0; */
	color: #6C9D31;
	/* color: #006E2E; */

	font-weight: bold;
	text-decoration: none;
	border-color: orange; 
	/* border-bottom-width: 1px; */
	border-bottom-width: 0px;
	border-top-width: 0px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-style: solid;
}

a:hover
{
	color: orange;
	border-style: solid;
	/* border-bottom-width: 1px; */
	/*color: #B8860B; */
	/* color: #B02B2C; */
}

a:active
{
	color: #ADFF2F;
	border-color: #FF8C00;
	border-style: solid; 
}

.mainContentTable {
	color:#333333;
	/* background-color:#FFFFFF */
	/*background-color: #F9F7ED; */
}

.appsubpage {
  padding: 0 0 0 0; 
  font-size:100%; 
  font-family: verdana, Arial; 
  /*background-color:white;*/
  background-color: #F9F7ED;
  color:#333333;  
}

.missionText {
  padding-left:12px; 
  padding-right:20px; 
  font-weight:normal; 
  font-family: verdana, arial; 
  font-size:18px
}


.alertHeader {
 /* background-color:#000000;  */
 background-color:#535639; 
 font-weight: bold; 
 font-size:12px; 
 font-family: verdana
}

/*
.alertText,  .alertUserGreeting, .alertHeader, .alertSignout
{
	background-color: black; 
}
commented out and fixed it in layout.css
sandip
*/

.alertText {
	padding:4px; 
	color:#FFCC00; 
}

.alertSignout {
	padding:4px; 
	/*background-color:#000000;  */
	color:#FFFFFF; 
}

.alertUserGreeting {
	padding:4px; 
	text-align:right; 
	color:#FFCC00;
}

/*
.footerLinksSection {
   font-size:90%;
   color: #76797c;
}
.footerLinksSection a {
   font-size:90%;
   color: #76797c;
}
*/


.footer
{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	
	height: 5%;
	
	font-size: x-small;
	line-height:100%;
}

.footer .links a
{
	/*color: gray; */
	/* color: #525539; */
	color: #6C9D31;
	text-align: center;
	
	border-style: solid;
	border-width: 0px;
	border-color: grey;
	
	border-right-width: 2px;
	border-right-color: #6C9D31; /* #DD7500; */
	border-style: solid;
	
	padding-right: 0.7em;
	padding-left: 0.7em;
	
	margin: auto 0 0 0;
}

.footer .links a:hover
{
	color: orange;
	/*color: #B8860B; */
	/* color: #B02B2C; */
	/*background-color: orange; */
}

.footer .links a:active
{
	color: black;
}

.footer  .links
{
		
	text-align: left;
	padding-left: 1em;
}

.links  .copyright
{
	font-size: 0.8em;
	color: orange;
	text-align: right; 
	padding: 0 0 0 0; 
	margin: -1em 0 0 0;
}

.copyright
{
	text-align: right; 
}

.formButton {
  /* background-color:#FFAA00; */
  background-color: orange; 
}

.myimage
{
	border: 0;
}

form {
    border: none;
    margin: 0;
}

input[type="submit"] {
    visibility: visible;
    background-color: #FFAA00;;
}

input[type="button"] {
    visibility: visible;
    background-color: #FFAA00;;
}

select {
    background-color: white;
    vertical-align: top;
}

.mylink
{
	color: orange;
	text-decoration: none;
	border-color: orange; 
	border-bottom-width: 0px;
	border-top-width: 0px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-style: solid;
}

.top
{
	font-family: verdana, arial;
	color: #6C9D31;

	text-align: left;
	padding-bottom: 0.5em;

	/* is this useful? */
	font-size: 1.0em;
}

.portnav
{
	text-align: right;
	margin: -1.2em auto auto auto;
}

.portnav a, .top a
{
	font-size: 0.8em;
	margin: auto 0.5em auto 0em;
}

.content
{
	width: 70%;
	margin-left: 20%
}

.outlink
{
	visibility: hidden;
	height: 1px;
	width: 1px;
}

ul li
{
	margin: 1em auto auto 1em;
}

.prop1 {
    height:100px;
    float:right;
    width:1px;
}

.clear1 {
	clear:both;
	height:1px;
	overflow:hidden;
}

/*
.mainbody ul
{
	list-style-type: none;
}
*/


/* Elements for domCollapse Starts */

.indent1 {
	margin-left: 3%;
}

.trigger{
	cursor:pointer;
	color: #6C9D31;
	/*color: #CCCC00;*/
	font-weight: bold;
}		
.trigger:hover{
	cursor:pointer;
	background:#ddf;
}		
.expanded{
	cursor:pointer;
	/*background:#6C9D31;*/
	background:orange;
}
.expanded:hover{
	cursor:pointer;
	background:#eef;
}
.show{
	position:static;
	display: table;
}
.hide{
	position:absolute;
	left:-999em;
	height:1px;
	width:100px;
	overflow:hidden;
}

/* Elements for domCollapse Ends */


/* css for making round corners starts here */

.box { 
  background: #F9F7ED;
	height: 55%; /* this is somehow tied to mainbody height ... make changes at both the places*/
}
.boxtop { 
  background: url(/monitr/skins/default/images/z_ne.gif) no-repeat top right; 
}
.boxtop div { 
  height: 15px; 
  background: url(/monitr/skins/default/images/z_nw.gif) no-repeat top left; 
}
.boxbottom { 
  background: url(/monitr/skins/default/images/z_se.gif) no-repeat bottom right; 
}
.boxbottom div { 
  height: 15px; 
  background: url(/monitr/skins/default/images/z_sw.gif) no-repeat bottom left; 
}
.boxcontent {
  padding: 0px 15px 0px 15px;
}


.bl {background: url(/monitr/skins/default/images/z_sw.gif) 0 100% no-repeat #F9F7ED;}
/* .bl {background: url(/monitr/skins/default/images/z_sw.gif) 0 100% no-repeat #F9F7ED; width: 20em}*/
.br {background: url(/monitr/skins/default/images/z_se.gif) 100% 100% no-repeat}
.tl {background: url(/monitr/skins/default/images/z_nw.gif) 0 0 no-repeat}
.tr {background: url(/monitr/skins/default/images/z_ne.gif) 100% 0 no-repeat; padding:10px}
/*.tr {background: url(/monitr/skins/default/images/z_ne.gif) 100% 0 no-repeat; padding:10px}*/
.clear {font-size: 1px; height: 1px} 


/* css for making round corners ends here */