/* $headbg = '#84A0CA';
   $headfg = '#ffffff';
   $selbg = '#9CBFE7';
*/

td.mgwoaTopLeft { background: white url(/archangel/woa/images/logo_webofficeangel.jpg) no-repeat top left; }
td.mgwoaTopRight { background: white url(/archangel/woa/images/star_webofficeangel.jpg) no-repeat top right; }

form { margin: 0px; padding: 0px; }

body.help { font-size:12px; font-family : Arial,Sans-serif;
	background : lightyellow; }

body { font-size:12px; font-family : Arial,Sans-serif; border : 0;
        margin : 0px 0px 0px 0px;
        padding : 0px 0px 0px 0px;
	background-color:#FFFFFF; color:#000033; }

td { 	font-size:12px;
	font-family : Arial,Sans-serif;
	border : 0; 
	vertical-align:top; }
th { font-size:12px; font-family : Arial,Sans-serif; 
	font-weight:normal; 
	border : 0;
	background-color:#84a0ca; color:#ffffff; }

.section {
  margin:0px 2px 0px 2px;
  border:1px solid black;
  border-top:0px;
  padding:2px 2px 1px 2px;
  -moz-border-radius:0px 0px 9px 9px;
  background-color: #eee;
}
.mgSectionTitle {
  margin: 0px auto;
  font-weight:bold;
  -moz-border-radius: 0px 5px 5px 0px;
  border: 1px solid #000;
  border-top-color: #888;
  border-right-color: #444;
  border-left : none;
  width: 100%;
  background-color: #84A0CA;
  color: #fff;
}

.menuends {
  margin: 0px auto;
  border: 1px solid #000;
  border-left : none;
  width: 100%;
  background-color: #888888;
}

.adjuster {
	display:		inline;
	color:			navy;
	padding-left:		3px;
	padding-right:		3px;
	border:			2px solid #666;
	border-left-color:	#ddd;
	border-top-color:	#ddd;
	background-color:	#ddf;
	-moz-border-radius:	3px;
}

/* for most places where table heading cells are used as buttons (left side, etc.) */
th.selected { background-color:#9cbfe7; color:#000033; } 

/* buttons on nav bars in message pane */
	th.msgNav { background-color:#84a0ca; color:#ffffff; border:1px solid; font-weight:normal;}

/* generics */
	/* generic "head" class to make things look like TH's... */
	.head { font-size:12px; font-family : Arial,Sans-serif; 
		font-weight:normal; border : 0;
		background-color:#84a0ca; color:#ffffff; }
	.headNormal { font-size:12px;
		font-family : Arial,Sans-serif; font-weight:normal; border : 0;
		background-color:#84a0ca; color:#ffffff; }

	.btnHead { font-size:12px; font-family : Arial,Sans-serif; 
		font-weight:normal; border : 0;
		background-color:#809bc6; color:#ffffff; 
		border-bottom: 2px solid navy; border-right: 2px solid navy;
		border-top: 1px solid #ccccee; border-left: 1px solid #ccccee;
		-moz-border-radius: 5px;
	}
	.btnNormalo { font-size:12px; font-family : Arial,Sans-serif; 
		font-weight:normal; border : 0;
		background-color:#f0f0f0; color:#000;
		border-bottom: 2px solid navy; border-right: 2px solid navy;
		border-top: 1px solid #ccccee; border-left: 1px solid #ccccee;
		-moz-border-radius: 5px;
	}
	
	
	.btnNormal {
		font-size: 11px;
		font-weight: bold;
		color: #464F90 !important;
		font-family: tahoma, verdana, arial, helvetica, sans-serif;
		text-decoration: none;
		letter-spacing: 0px;
		padding: 0px 5px 1px 5px;
		margin: 3px 0px 2px 0px !important;
		border: 2px solid #99A2CD !important;
		border-bottom-color: #464F90 !important;
		border-right-color: #464F90 !important;
		-moz-border-radius: 5px;
		background-color: #C9D7FF !important;
		vertical-align: middle;
	}
	
	.btnNormal:hover {
		color: #AD6F0E !important;
		background-color: #FFFFFF !important;
		border: 2px solid #AAAAAA !important;
		border-bottom-color: #333333 !important;
		border-right-color: #333333 !important;
	}
	
	.btnNormal A {
		vertical-align: middle;
		color: #000099 !important;
	}
	
	.btnNormal A:visited{
		vertical-align: middle;
		color: #000099 !important;
	}
	
	
	
	
	.btnBold { font-size:12px; font-family : Arial,Sans-serif; 
		font-weight:bold; border : 0;
		background-color:#f0f0f0; color:#000;
		border-bottom: 2px solid navy; border-right: 2px solid navy;
		border-top: 2px solid #ccccee; border-left: 2px solid #ccccee;
		-moz-border-radius: 5px;
	}
	.btnDisabled {
		/*font-size:12px; font-family : Arial,Sans-serif; */
		font-size: 11px;
		font-weight: bold;
		padding: 0px 5px 1px 5px;
                margin: 3px 0px 2px 0px !important;
		border : 0;
		background-color:#e0e0e0; color:#a0a0a0;
		border: 2px solid #999;
		border-bottom-color: navy; border-right-color:navy;
		-moz-border-radius: 5px;
	}

	/* selRow2 is for mail indexes where the currently open email is "selected" in the index -
	   needed to be kept separate from the mouseover select. */
	.selRow2 { background-color:#9cbfe7; color:#000000; }
	.selRow { background-color:#9cbfe7; vertical-align:middle; color:#000033; }
	.altRow { background-color:#f0f0f0; vertical-align:middle; }
	.nrmRow { background-color:#ffffff; color:#000000; vertical-align:middle; }
	.bdrRow { border:1px solid transparent; }
	.orangeRow { background-color:orange; color:#000; vertical-align:middle; }
	.boldRow { background-color:#ffffff; vertical-align:middle; font-weight:bold; }
	.boldAltRow { background-color:#f0f0f0; vertical-align:middle; font-weight:bold; }
	.boldSelRow { background-color:#9cbfe7; vertical-align:middle; color:#000033; font-weight:bold; }
	.disabled { background-color:#e0e0e0; vertical-align:middle; color:#a0a0a0; } 
				/* as in tablebuttons */
	.grayedOut { color:#a0a0a0; }

select { font-size: 12px; }
textarea { font-size: 12px; }
input { font-size: 12px; }

/* clock, white characters */
input.showtime { background-color:transparent; color:#FFFFFF; border:0; font-weight:normal; }

/* SELECT to match TH */
select.head { font-size:12px; background-color:#84a0ca; color:#ffffff; font-weight:normal; border:1px solid; }

/* select multiple rolldown on left menu bar */
select.menubar { font-size:11px; background-color:#84a0ca; color:#ffffff; font-weight:normal; }

/* bg for headers in message */
	tr.msgHeader { background-color:beige; }

/* bold mail index rows for new mail, coincides to altRow and nrmRow above */
	tr.mailNew { background-color:#ffffff; /*font-weight:bold;*/ }
	tr.altMailNew { background-color:#f0f0f0; /*font-weight:bold;*/ }


/* for leftmost td on mail index rows, colored based on message status */
	td.mailNew { background-color:#ff5555; }
	td.mailAnswered { background-color:lightgreen; }

/* the div's that message body parts live in */
	.msgDiv { padding-left:3px; padding-right:5px; }

/* status tag class */
td.status { background-color:#FFFFFF; color:#CC0000; vertical-align:middle; }

/* IM Status colors */
.statusAway { background-color:yellow; vertical-align:middle;  }
.statusAvail { background-color:lightgreen; vertical-align:middle; }
.statusOffline { background-color:orange; vertical-align:middle; }

/* calendar */
td.dayNormal { background-color:#FFFFFF; }
td.daySelected { background-color:#9cbfe7; }
td.dayOutOfMonth { background-color:#e0e0e0; }


/* links */
a { text-decoration : none; color : blue; font-family : Arial,Sans-serif; }
.light { color : #ffeeaa; }
a.toplink { color : #FFFFFF; }
a:hover { color : red; }

/* Contacts */
td.mgCL_name { color: navy; }
td.mgCL_icons { text-align: right; }


img.mgCL_icons {	background-color: transparent;
			vertical-align:top;
			height: 21px;	
			width: 21px;
			filter: alpha(opacity=65);
}
img.mgCL_icons:hover { filter: alpha(opacity=100); }

img.mgCL_status {	background-color: transparent;
			vertical-align: top;
			border: 0;
		/*	height: 20px;
			width: 20px;
		*/
}

/* Filebox */
img.mgFB_icons {	background-color: transparent;
			vertical-align:top;
			height: 21px;	
			width: 21px;
			filter: alpha(opacity=65);
}
img.mgFB_icons:hover { filter: alpha(opacity=100); }

/* Binding Icons */
img.mgBound {	background-color: transparent;
			vertical-align:top;
			height: 21px;
			width: 21px;
			filter: alpha(opacity=100);
}
img.mgUnbound {	background-color: transparent;
			vertical-align:top;
			height: 21px;	
			width: 21px;
			filter: alpha(opacity=65);
}
/* fieldset */

.mgFieldsetEnabled {	color:black;
}

.mgFieldsetDisabled {	color: gray;
}


.nrmTab { 
	border: 1px solid black;
	background-color: lightgrey;
	color: black;
	font-weight: normal;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
}
.selTab { 
	border: 1px solid black;
	border-bottom: 0px !important;
	background-color: white;
	color: navy;
	font-weight: bold;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
}

/* from MG */

.mgBigTitle {
        font-family : Arial, Helvetica, sans-serif;
        color : #999999;
        letter-spacing : 2px;
        font-weight : normal;
        margin-top : 2px;
        margin-bottom : 2px;
        margin-left : 0px;
        margin-right : 0px;
        padding-left : 3px;
        font-size:    18px;
}

	.mgMenuBtn {
					font-size: 11px;
					font-weight: bold;
					color: #FFFFFF;
					font-family: tahoma, verdana, arial, helvetica, sans-serif;
					text-decoration: none;
					letter-spacing: 1px;
					padding: 1px 5px 1px 7px;
					margin: 1px 3px 1px 3px;
					border-color: transparent;
	}
	
	a.mgMenuBtn:visited {
		color:#FFFFFF;
	}
	
	a.mgMenuBtn:hover {
		color:#666666;
		border: 1px solid #666666;
		margin: 0px 2px 0px 2px;
		-moz-border-radius: 5px 5px 5px 5px;
		background-color: #DDDDDD;
	}


	
	.mgButton_float {
		font-size: 11px;
		font-weight: bold;
		color: #000099 !important;
		font-family: tahoma, verdana, arial, helvetica, sans-serif;
		text-decoration: none;
		letter-spacing: 0px;
		padding: 2px 3px 2px 3px;
		margin: 1px 1px 1px 1px;
		border: 1px solid #999999;
		border-bottom-color: #333333;
		border-right-color: #333333;
		-moz-border-radius: 5px 5px 5px 5px;
		background-color: #DDDDDD;
		vertical-align: middle;
		display: table;
		float: right;
	}
	
	.mgButton_sm {
		font-size: 11px;
		font-weight: normal;
		color: #000099 !important;
		font-family: tahoma, verdana, arial, helvetica, sans-serif;
		text-decoration: none;
		letter-spacing: 0px;
		padding: 1px 2px 1px 2px;
		margin: 1px 1px 1px 1px;
		border: 1px solid #999999;
		border-bottom-color: #333333;
		border-right-color: #333333;
		-moz-border-radius: 5px 5px 5px 5px;
		background-color: #DDDDDD;
		vertical-align: middle;
		display: table;
		float: right;
	}
	

        legend {
                font-family: tahoma, verdana, arial, helvetica, sans-serif;
                font-weight: bold;
                font-size: 12px;
                background-color: #FFFFFF;
                color: #666666;
                padding: 1px 5px 1px 5px;
                border: 1px solid #999999;
                -moz-border-radius: 5px 5px 5px 5px;
        }

        fieldset {
                border: 1px solid #999999;
                -moz-border-radius: 5px 5px 5px 5px;
                background-color: #F5F5F5;
                margin: 4px 1px 1px 1px;
        }