/* Copyright MMI - All rights reserved */

body,html {
    margin: 0;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 90%;
    color: #000;
    background-image: url(/images/background.gif);
}

.bodyClearer {
	clear:both;
	display:block;
	border:0px;
}

img {
	border: 0;
}

a.actionimage {
	text-decoration: none;
}

label {
     width: 100px;
     display: block;
     float: left;
}

table {
	border-spacing: 0px;
	border-collapse: collapse;
}

th {
	padding-left: 7px;
	padding-right: 7px;
	border-color: #000;
	border-width: 1px;
	border-style: solid;
	vertical-align: top;
}

td {
	padding-left: 7px;
	padding-right: 7px;
}

td.textTop {
	vertical-align:top;
}

#search_form{
	min-width:0;
	padding:10px 10px 4px 0px;
	width:auto;
	margin:0px;
}

#reportTable {
	width:1000px;
	height:300px;
	overflow: auto;
	background-color:#CCC;
}
.widgetgrid{
	z-index:-100;
}
.gridContainer{
	z-index:0;
}


/* MENU */
#menu {
	font-size: 13px;
	padding-left:7px;
	z-index:10000;
}


/* needed for IE to prevent tr's from being 300px high */
#reportTable tr {
	height:0px;
}

tbody {
	font-size: 80%;
}

/* Page Structure */

#uploadIndicator {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 100%;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

#waitMessage {
	margin-top: 15%;
	margin-left: 33%;
	z-index: 95;
	width: 250px;
	height: 50px;
	background-color: #FFF;
	text-align: center;
	color: #000;
	font-size: 150%;
	padding: 50px;
}

#topGradient {
	background-color: transparent;
	background-image: url(/images/bg_top_gradient.gif);
	background-repeat: repeat-x;
}

#page {
	min-width: 770px;
}

#page2 {
	margin: auto;
}

#logo {
	position: relative;
	float: left;
	padding: 10px 0 0 10px;
}

#pageaction {
	padding: 0 0 10px 10px;
}

.menuon {
	text-decoration: none;
}

.menuoff {
}

#mmifoot {
	padding: 0 0 15px 0;
	font-size: 9px;
}

#message {
	color: red;
	text-align: center;
	padding: 20px;
}

/* Form styling */
form.companySwitch {
	margin: 1px;
	padding: 1px;
	min-width: 400px;
}

form {
	padding: 10px;
	width: 98%;
	min-width: 770px;
}

form fieldset {
  margin-bottom: 10px;
  border-color: #000;
  border-width: 1px 0 0 0;
  border-style: solid;
}

form legend {
  padding: 0 5px 10px 0;
  font-weight: bold;
  color: #000;
}

form label {
  width: 200px; /* Width of labels */
  display: block;
  float: left;
  padding: 2px 5px 2px 0;
  text-align: right;
}

form input, form select {
	margin: 0px 6px 6px 0px !important;	
}

form em {
  font-weight: bold;
  font-style: normal;
  color: #f00;
}

form br {
	padding: 10px;
	clear:left;
}

form .inlinetext{
padding: 0 1px 0 0;
line-height: 2;
}

form dt {
	padding:4px;
}

button {
	cursor:pointer
}

#viewBlock {
	width: 900px;
}

#viewLeft {
	float: left;
	width: 440px;
}

#viewRight {
	float: right;
	width: 440px;
}


.minifieldset {
	float: left;
	width: 40%;
	padding: 10px;
	margin: 10px;
	border: 1px solid;
}


.errorHighlight {
	border: 2px solid #c00 !important;
	background-color: #FFD;
}

.oddRow {
	background-color: #FFF;
}

.evenRow {
	background-color: #DDD;
}

.oddRow.red{
	background-color:#E74A4A;
}
.evenRow.red{
	background-color:#DA3131;
}
.oddRow.yellow{
	background-color:#F1EF66;
}
.evenRow.yellow{
	background-color:#E7E53C;
}

.redCol {
	background-color:#E74A4A;
}

.yellowCol {
	background-color:#F1EF66;
}

.grandchildRow {
	background-color: #FFFFCC;
}

.negativeText {
	font-weight: bold;
	font-style: normal;
	color: #f00;
}

/* Dashboard Styling */

ul.dashboardcolumn {
    list-style-image:none;
    list-style-type:none;
    margin-top:5px;
    margin:0px;
    padding:0px;
	position: relative;
	float: left;
	text-align: left;
	padding: 3px;
	width: 300px;
}

ul.drophover {
	border-color: #888;
	border-style: dashed;
}

.widgetcontainer {
	margin: 15px;
}

.widgetbody {
	border-color: #CCC;
	border-width: 1px;
	border-style: solid;
	font-size: 90%;
}

.groupslistitem {
    list-style-image:none;
    list-style-type:none;
}

.exceldownloadbutton {
	color: #ffffff;
	background-color: #ffffff;
	background-image: url('../images/icons/table_save.png');
	background-repeat: none;
	width: 16px;
	height: 16px;
	border-style: none;
}

#reportDisclaim {
	padding: 10px;
	text-align:center;
}

/* BEGINING OF DATE PICKER CSS*/
table.calendar {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 0.8em;
	border-collapse: collapse;
	background-color: white;
	border: solid #999999 1px;
	background-color: white;
	width: 220px;
	text-align: center;
	/*prevent user from selecting text in Mozilla & Safari - check calendar constructor for IE code)*/
	-moz-user-select: none;
    /*-khtml-user-select: none;*/
}
table.calendar input, table.calendar select {
	font-size: 10px;
}
table.calendar td {
	border: 0;
	font-size: 10px;
	text-align: center;
}
div.mainheading {
	margin: 2px;
}
table.caldayheading {
	border-collapse: collapse;
	cursor: pointer;
	empty-cells: show;
	margin: 0 6px 0 6px;
}
table.caldayheading td {
	border: solid #CCCCCC 1px;
	text-align: left;
	color: #0054E3;
	font-weight: bold;
	width: 22px; /*should match calendar cell's width*/
}
table.caldayheading td.wkhead {
	border-right: double #CCCCCC 3px;
}
table.calcells {
	border-collapse: collapse;
	cursor: pointer;
	margin: 0 6px 0 6px;
}
table.calcells td {
	border: solid #CCCCCC 1px;
	vertical-align: top;
	text-align: left;
	font-weight: bold;
	width: 22px;
	height: 20px; /*IE doesn't like ems*/
}
table.calcells td div {
	padding: 1px;
	margin: 0;
}
table.calcells td.wkhead {
	background-color: white;
	text-align: center;
	border-right: double #CCCCCC 3px;
	color: #0054E3;
}
table.calcells td.wkday {
	background-color: #DDDDDD;
}
table.calcells td.wkend {
	background-color: #DDDDDD;
}
table.calcells td.curdate {

}
table.calcells td.cell_selected {
	background-color: #99CCFF;
	color: black;
}
table.calcells td.notmnth {
	background-color: #FFFFFF;
	color: #CCCCCC;
}
table.calcells td.notallowed {
	background-color: white;
	color: #EEEEEE;
	font-style: italic;
}
table.calcells td.hover {
	background-color: #999999;
}

/* END OF DATE PICKER CSS*/

/* global msg */
#global_msg_box{
	width:60%;
}
.yellow_box, .red_box, .blue_box
{
	text-align:center;
	margin: 0 auto 5px auto;	
}

.yellow_box{
	border:1px solid #FFDE47;
	background-color: #FFF4C4;
}

.red_box{
	border:1px solid #CC3737;
	background-color: #FFD0D0;
}

.blue_box{
	border:1px solid #3E57A5;
	background-color: #CFDAFF;
}


#global_msg_box a{
	font-weight:bold;
}
/* end global msg */

/* widget specific */
.widget-grid-viewmore
{
	width:100%;
	text-align:center;
	margin-top:3px;
}

.widget-remove{
	background:transparent url(/js/dojo/dijit/themes/tundra/images/tabClose.png) no-repeat right top;
	width:15px;
	height:15px;
	*position:absolute;
	*right:18px;
	float:right;
}
.widget-remove:hover{
	background:transparent url(/js/dojo/dijit/themes/tundra/images/tabCloseHover.png) no-repeat right top;
}

.tip{
	font-size: .87em;
	background-color:#FEFFB3;
	padding:2px;
}

.highlight{
	background-color:#FFFD57;
}


/* BEGIN CSR STYLE */

.csr_main_cont {
	float: left;
	width: 49.5%;
}

.csr_cont {
	font-size:.88em;
	padding: 5px;
	margin: 20px 10px;
	border: 1px solid #BBBBBB;
	 -moz-box-shadow: 0.4em 0.4em 2em -0.2em #C8C8C8;
	 -webkit-box-shadow: 0.4em 0.4em 2em -0.2em #C8C8C8;
	 -moz-border-radius: 10px;
	 -webkit-border-radius: 10px;
}

.posted_on{
	font-weight:bold;
	color:#333;	
}
.posted_on_light{
	color:#8F8F8F;	
}

.posted_on_comment, .comment_box{
	color:#555;
}
.csr_box a, .add_comment{
	color:#004AFF !important;
	text-decoration:none;
}

.csr_box a:hover, .add_comment:hover
{
	text-decoration:underline;
}
.csr_box_main{
	margin-top:-3px;
}

.csr_box{
	padding:8px 5px;
	border-bottom: 1px solid #C5C5C5;
}

.csr_box:hover{
	background-color:#EBEBEB;
}
.csr_box_comment, .csr_box_internal_note{
	padding:5px 3px;
	border-bottom: 2px solid #FFF;
}
.csr_box_comment {
	margin-left:10px;
	background-color:#DDD;
}
.csr_box_internal_note{
	padding:10px;	
	background-color:#EBEBEB;
}

.csr_box_comment:hover{
	background-color:#D0D0D0;
}

.add_comment_active{
	color:#000;
}
.csr_box_head{
	margin-bottom:3px;	
	width:100%;
}

/* IE HACKS */
*:first-child+html .csr_box_main{
	margin-top:0px;
}

*:first-child+html .comment_box{
	width:95% !important;
}
*:first-child+html .comment_box_btn{
	margin-top:-1px;
}

/* END IE HACKS */

.form_reset{
	margin:0px !important;
	padding:0px !important;
	border:0px !important;
	width:100% !important;
	min-width:0px !important;
	float:none;
}

#csr_view fieldset {
  margin-bottom: 10px;
  border-color: #000;
  border-width: 1px 0 0 0;
  border-style: solid;
}

#csr_view legend {
  padding: 0 5px 10px 0;
  font-weight: bold;
  color: #000;
}

#csr_view label {
  width: 28%; /* Width of labels */
  display: block;
  float: left;
  padding: 2px 5px 2px 0;
  text-align: right;
}
#csr_view br
{
	padding: 10px;
	clear:left;
}

/*
.file_list
{
	list-style-type:none;
	margin:3px 18px;
	padding:5px;
	background-color:#E8E8E8;
	border:1px solid #909090;
}*/
.file_list
{
	margin:3px 18px;
	padding:5px;
	list-style-type:none;
}

.tooltip
{
	font-weight:bold;
	padding:1px 5px;
	background-color:#FEFFB3;
	cursor:help;
}

/**
 * NEW MENU STYLES
 */
ul.cssMenu ul{
	display:none;
	position: absolute;
	left:-1px;
	top:100%;
	min-width:140.70000000000002px;

}
ul.cssMenu li:hover>ul{
	display:block;
}

ul.cssMenu ul ul{
	position: absolute;
	left:100%;
	_left:98%;
	top:-1px;
}

ul.cssMenu,ul.cssMenu ul {
	margin:0px;
	list-style:none;
	padding:0px 0px 0px 0px;
	border-width:0px;
	z-index:10000000;
}

ul.cssMenu table {
	border-collapse:collapse
}

ul.cssMenu li{
	display:block;
	margin:0px 0px 0px 0px;
	float:left;
}

ul.cssMenu a:active, ul.cssMenu a:focus {
	outline-style:none;
}

ul.cssMenu ul li
{
	float:none;
	margin:0px;
}

ul.cssMenu a, ul.cssMenu li.dis a:hover, ul.cssMenu li.sep a:hover {
	display:block;
	vertical-align:middle;
	border-width:0px;
	text-align:left;
	text-decoration:none;
	padding:5px 8px;
	cursor:pointer;
}

ul.cssMenu ul
{
	_margin-left:-8px;
	_font-size:13px;
}

ul.cssMenu {
	display:block;
	zoom:1;
	float: left;
}

ul.cssMenu span{
	overflow:hidden;
}

ul.cssMenu ul a {
	text-align:left;
	white-space:nowrap;
}
ul.cssMenu li.sep{
	text-align:left;
	padding:0px;
	line-height:0;
	height:100%;
}
ul.cssMenu li.sep span{
	float:none;	padding-right:0;
	width:3;
	height:100%;
	display:inline-block;
	background-image:none;}
	
ul.cssMenu ul li.sep span{
	width:100%;
	height:3;
}

ul.cssMenu li:hover>a{
	border-style:solid;
	text-decoration:none;
}

ul.cssMenu li:hover{
	position:relative;
}
ul.cssMenu li a:hover{
	position:relative;
	border-style:solid;
	text-decoration:none;
}

ul.cssMenu img {
	border: none;
	float:left;
	_float:none;
	margin-right:5px;
	width:16px;
	height:16px;
}
ul.cssMenu ul img {
	width:16px;
	height:16px;
}
ul.cssMenu img.over{display:none}
ul.cssMenu li.dis a:hover img.over{display:none !important}
ul.cssMenu li.dis a:hover img.def {display:inline !important}
ul.cssMenu li:hover > a img.def  {display:none}
ul.cssMenu li:hover > a img.over {display:inline}
ul.cssMenu a:hover img.over,ul.cssMenu a:hover ul img.def,ul.cssMenu a:hover a:hover ul img.def,ul.cssMenu a:hover a:hover a:hover ul img.def,ul.cssMenu a:hover a:hover img.over,ul.cssMenu a:hover a:hover a:hover img.over,ul.cssMenu a:hover a:hover a:hover a:hover img.over{display:inline}
ul.cssMenu a:hover img.def,ul.cssMenu a:hover ul img.over,ul.cssMenu a:hover a:hover ul img.over,ul.cssMenu a:hover a:hover a:hover ul img.over,ul.cssMenu a:hover a:hover img.def,ul.cssMenu a:hover a:hover a:hover img.def,ul.cssMenu a:hover a:hover a:hover a:hover img.def{display:none}
ul.cssMenu a:hover ul,ul.cssMenu a:hover a:hover ul,ul.cssMenu a:hover a:hover a:hover ul{display:block}
ul.cssMenu a:hover ul ul,ul.cssMenu a:hover a:hover ul ul{display:none}
ul.cssMenu span{
	display:block;
	background-image:url(/images/icons/bullet_arrow_down_w.png);
	background-position:right center;
	background-repeat: no-repeat;
  	margin-right:-6px;
	padding-right:15px;
}

ul.cssMenu ul span,ul.cssMenu a:hover table span{
	background-image:url(/images/icons/bullet_arrow_right_w.png);
}


div.numberAlign {
	width: 65%;
	margin: 0 auto 0 0;
	text-align: right;
}

/*
 * Hacks & fixes for overlays and dropdowns overlapping
 */
.dijitPopup{
	*z-index:1000000000000 !important;
	*position:relative;
}
.dijitDialogUnderlayWrapper{
	z-index:100000000 !important;
	position:relative;
}
.dijitDialog{
	z-index:1000000000 !important;
}

.fieldF{
	float:left;
	width:70%	
}

.tbl_reset_width tr td, .tbl_reset_width tr th
{
	width:auto;
}
}