/* BASIC STYLES */
* {
	margin: 0px;
	padding: 0px;
}

html {
	overflow-y: scroll;
}

html, body
{
	/* font-family: Calibri,Arial,Helvetica,sans-serif; -- moved to fonts.css */
	color: #1d1d1d;
	width: 100%;
	background: #fff url("../img/bg2.jpg") repeat;
}

body {
	margin-top: 20px;
	margin-bottom: 20px;
}

div.maindiv {
	background: #000;
	/* padding: 1px; */
	padding: 0px !ie;
	margin-left: auto;
	margin-right: auto;
	width: 820px;
}

.fixedwidth
{
	overflow: hidden;
}

.separate-top
{
	margin-top: 10px;
}

.separate-bottom
{
	margin-bottom: 10px;
}

.separate-both
{
	margin-top: 10px;
	margin-bottom: 10px;
}

/* Title */

div.logo
{
	background: transparent url("i/MSD_logo_hdr.png") no-repeat scroll;
	height: 41px;
	display: block;
	float: left;
	width: 65px;	
}

div.title
{
	font-size: 25px;
	float: left;
	display: block;
	height: 36px;
	margin-top :5px;
	color: #fff;
}

div.login_control, div.site_control
{
	font-size: 14px;
	float: right;
	display: block;
	height: 31px;
	margin-top: 10px;
}

div.site_control 
{
	margin-right: 10px;
}

div.login_control a.button
{ 
	display: inline;
	display: inline-block;
	float: none;
}

div.login_control span
{
}

/* Error and info message dialogs */
.error
{
	color: #f00;
}
.errorMessage
{
	border: 1px solid #f00;
	color: #f00;
	background-color: #fee;
}
.infoMessage
{
	border: 1px solid #00f;
	color: #00f;
	background-color: #eef;
}
.warnMessage
{
	border: 1px solid #f90;
	color: #f90;
	background-color: #fed;
}

/* Common settings for all ErrorHandler messages */
.errorMessage,
.infoMessage,
.warnMessage
{
	padding: 2px;
	margin-bottom: 10px;
}

.validation_error
{
	background-color: #fcc;
}

.errordetails
{
	max-height: 200px;
	overflow: hidden;
}

/* Navigation Tree */
.tree
{
	/* font-family: Calibri,Arial,Helvetica,sans-serif; -- moved to fonts.css */
	font-size: 14px;
}
.treenode
{
	margin-left: 3px;
	padding: 1px 5px 1px 0px;
	color: #1d1d1d;
}

.treenode a, .treenode a:visited 
{
	padding-left: 5px;
	color: #12387b;
	text-decoration: none;
}

.treeleaf
{
	color: #9c6;
}

.tree_selected
{
	padding: 0px 5px 2px 0px;
	color: #e7e7e7;
}

/* Only applies to IE6 */
* html .tree_selected
{
	padding-bottom: 0px;
}

.tree_selected a, .tree_selected a:visited 
{
	padding-left: 5px;
	margin-left: 3px;
	color: #e7e7e7;
	text-decoration: none;
	background: #243a61 url("i/tree-sel-bk.png") repeat-x scroll;
	border: 1px solid #161616 !important;
	display: block;
	height: 15px;
}

/* Path */

.path
{
	display: block;
	color: #12397c;
	margin-bottom: 10px;
	font-size: 14px;
	font-weight: bold;
}

.path a {
	color: #8098c3;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
}

/* Paragraphs */

div.p
{
	margin-top: 6px;
	margin-bottom: 6px;
	display: block;
	/* font-family: Verdana,Geneva,Arial,Helvetica,sans-serif; */
	font-size: 14px !important;
	color: #003366;
	/*text-align: justify;*/
}
div.inline
{
	float: left;
	margin-right: 6px;
}
div.clear
{
	clear: right;
}

/* filter */

div.filtercol
{
	/*margin: 3px;
	margin: 6px 3px 6px 3px;*/
	margin-right: 10px;
	margin-bottom: 10px;
	display: block;
	float: left;
}
div.filterbuttons
{
	clear: left;
	/*
	margin: 3px;
	margin: 6px 3px 6px 3px; */
}

.filter_search
{
	/* background-color: White; */
	
	font-size: 10px;
	/* font-family: Verdana; */
	border: 1px dotted black;
	text-align: right;
}

div.dropdown
{
	z-index: 1;
	position: absolute;
	overflow: visible !important;
}
.withmargin
{
	margin-left: 10px;
	margin-right: 10px;
}
label.topnormal
{
	clear: both;
	display: block;
	font-weight: bold;
	margin-left: 1px;
	margin-bottom: 1px;
	/* font-family: Calibri,Arial,Helvetica,sans-serif; -- moved to fonts.css */
	/* Style in SB */
	/*
	display: block;
	clear: both;
	font-family: Calibri,Arial,Helvetica,sans-serif;
	font-size: 100%;
	letter-spacing: normal;
	margin-left: 1px;
	margin-bottom: 1px;
	font-style: italic;
	*/
	font-size: 12px;
}

span.topnormal label 
{
	display: inline;
	font-weight: bold;
	/* font-family: Calibri,Arial,Helvetica,sans-serif; -- moved to fonts.css */
	font-size: 12px;
	margin-bottom: 1px;
}

label.leftnormal
{
	/* font-family: Calibri,Arial,Helvetica,sans-serif; -- moved to fonts.css */
	font-weight: bold;
}

.width100per
{
	width: 100%;
}
.width97per
{
	width: 97%;
}
.width60per
{
	width: 60%;
}
.width50per
{
	width: 50%;
}
.width40per
{
	width: 40%;
}
.width20per
{
	width: 20%;
}
.width10per
{
	width: 10%;
}

width400px
{
	width: 400px;
}

/* MODAL POPUP CLASSES */

.popup
{
	/* margin: 4px 4px 4px 4px; */
	border: 1px solid #161616;
	padding: 10px;
	background: #e8e8e8 url("i/content-bk.png") bottom scroll repeat-x;
	width: 590px;
	overflow: hidden;
}

.popuptitle
{
	border-bottom: thin solid #161616;
	padding-left: 4px;
	padding-right: 4px;
	background: #03080e url("i/grd-th-bk.png") repeat-x;
	color: #dfe0e0;
	margin: -10px -10px 0px -10px;
}

.popupback
{
	background-color: Gray;
	filter: alpha(opacity=50);
	opacity: 0.50;
}

/* Context Menu Classes */

.popupmenu 
{
	border: 1px solid #646464;
	/* border: 1px solid #06c; */
	/* background: #e8e8e8 url("i/content-bk.png") bottom scroll repeat-x; */
	background: #fff;
	font-size: 11px;
	display: none; /* this will be overriden in the code to "block" */
	position: absolute;
}

.popupmenu a, .popupmenu a:visited
{
	border: 1px solid transparent;
	display:block;
	text-decoration: none;
	color: #1d1d1d;
	padding: 2px;
	margin: 2px;
}

.popupmenu a:hover 
{
	border: 1px solid #0066cc;
	background: #EDF9FF;
	color: #06C;
}

.popupmenu div.hr
{
	height:0px;
	margin: 2px !important;
	padding: 0px;
	font-size: 1px;
	border-top: 1px solid #ccc;
}

a.fullcell:link, a.fullcell:visited, a.fullcell:hover, a.fullcell:active
{
	width: 100%;
	height: 100%;
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	color: #1d1d1d;

}

a.fullcell_left:link, a.fullcell_left:visited, a.fullcell_left:hover, a.fullcell_left:active
{
	width: 100%;
	height: 100%;
	display: block ;
	text-align: left;
	vertical-align: middle;
	text-decoration: none;
	color: #1d1d1d;
}

a.fullcell_right:link, a.fullcell_right:visited, a.fullcell_right:hover, a.fullcell_right:active
{
	width: 100%;
	height: 100%;
	display: block ;
	text-align: right;
	vertical-align: middle;
	text-decoration: none;
	color: #1d1d1d;
    /*padding-right: 3px;*/
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/* TOOLBAR */

div.toolbar, div.tblfooter
{
	width: auto;
	display: block;
	clear: both;
	margin-right: 10px;
	/* margin-bottom: 10px; */
	/* border: 1px solid #026;*/
	border: 1px solid #161616;
	padding: 2px 2px 2px 2px;
	padding: 2px 2px 2px 2px;
	/* height: 24px; */
	/* background: url("i/toolbar-back(light-blue).png") #fff repeat-x left top; */
	background: #253b62 url("i/footer-bk.png") repeat-x left top;
	/* -moz-border-radius: 2px 2px; */
	overflow: hidden;
}
div.toolbar, div.tblfooter
{
	height: auto;
}

/* should be IE6 only */
* html div.toolbar, * html div.tblfooter 
{
	height: 24px;
	overflow: visible;
}

div.tblfooter
{
	border-top: none !important;
}

div.dialogbar
{
	width: auto;
	display:block;
	clear: both;
	margin: 0px;
	margin-right: 10px;
	margin-top: 10px;
	/****** properties for making the dialogbar toolbar-like **********/
	/*
	height: 24px;
	padding: 2px;
	border: 1px solid #000;
	background: #12181d url("i/footer-bk.png") repeat-x left top;
	-moz-border-radius: 2px 2px;
	*/
}

fieldset div.dialogbar
{
	margin-bottom: 0px !important;
}

div.toolbar a, div.toolbar a:visited,
div.tblfooter a, div.tblfooter a:visited
{
	margin-right: 2px;
	margin-bottom: 2px;
	margin-bottom: 0px;
}

div.dialogbar a, div.dialgobar a:visited, 
a.button, a.button:visited
{
	margin-right: 10px;
	/* margin-bottom: 10px; */	
}

div.filterbuttons a, div.filterbuttons a:visited
{
	margin-right: 10px;
	margin-bottom: 10px;
	margin-bottom: 0px;
}

div.toolbar a, div.toolbar a:visited, 
div.dialogbar a, div.dialgobar a:visited, 
a.button, a.button:visited,
div.filterbuttons a, div.filterbuttons a:visited,
div.tblfooter a, div.tblfooter a:visited,
td.commands a, td.commands a:visited
{
	display: block;
	/*
	width: auto;
	border: 1px solid #026;
	background-color: #ccf;
	color: #026;
	font-weight: bold;
	*/
	border: 1px solid #161616;
	background: #000 url("i/button-bk-one-img.png") scroll repeat-x;
	text-decoration: none;
	/* font-family: Calibri, Arial, Helvetica, sans-serif; */
	float: left;
	height: 16px;
	white-space: nowrap;
	color: #dfe0e0;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 2px;
	padding-bottom: 4px;
	/* padding-bottom: 6px; */
	text-align: center;
	vertical-align:middle;
	cursor: default;
	font-size: 14px;
}

div.toolbar a:hover, 
div.dialogbar a:hover, 
div.filterbuttons a:hover,
a.button:hover,
div.tblfooter a:hover,
td.commands a:hover
{
/*	color: #fff;*/
	/* background: #000 url("i/button-bk-hover.png") scroll repeat-x; */
	background: #000 url("i/button-bk-one-img.png") 0px -22px scroll repeat-x;
}

div.toolbar.wider, div.dialogbar.wider, div.tblfooter.wider
{
	margin-right: 0px !important;
}

/* Removing this style, because of the confusing behavior in IE
div.toolbar a:active, div.dialogbar a:active, a.button:active {
	padding: 2px 4px 4px 8px;
	-moz-user-select:none;
}
*/

div.grid_buttons 
{
	margin: 0px;
	padding: 0px;
	margin-bottom: 6px;
}

/* table_container is a scrollable div for displaying grids in it. */

div.table_container
{
	height: 217px;
	/* height: 298px; */ /* N rows * (RowHeight + 2* RowPadding) + RowCount + 1 */
	overflow: auto;
	padding: 0px;
	width: auto;
	overflow-x:hidden;
	margin-bottom: 10px;
}

div.table_container div
{
	display: inline-block;
	padding-left: 1px;
}


h4
{
	margin-bottom: 6px;
}

fieldset 
{
	padding: 10px;
	margin-bottom: 10px;
}

legend 
{
	/* clear: both; */
	/* display: block; */
	font-weight: bold;
	/* font-family: Calibri,Arial,Helvetica,sans-serif; -- moved to fonts.css */
	margin-left: 1px;
	/* margin-bottom: 1px; */
	font-size: 14px;
	color: #1d1d1d;
}


.ajax__tab_panel .calendar_overflow 
{
}
.calendar_overflow
{
	overflow: auto;
}

a.link:link, a.link:visited, a.link:hover, a.link:active 
{
	color: #1d1d1d;
}

a.help 
{
	float: right;
}

.help_panel 
{
	clear: both;
	height: 24px;
}

.help_panel .expanded 
{
	display: block;
	visibility: visible;
}
.help_panel .collapsed
{
	display: none;
	visibility: hidden;
}

a.imagebutton {
	display: block;
	/*
	width: auto;
	border: 1px solid #026;
	background-color: #ccf;
	color: #026;
	font-weight: bold;
	*/
	border: 1px solid #161616;
	background: #000 url("i/button-bk-one-img.png") scroll repeat-x;
	text-decoration: none;
	/* font-family: Calibri, Arial, Helvetica, sans-serif; -- moved to fonts.css */
	float: left;
	height: 16px;
	white-space: nowrap;
	color: #bbb;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 2px;
	padding-bottom: 4px;
	/* padding-bottom: 6px; */
	text-align: center;
	vertical-align:middle;
	cursor: default;
	font-size: 13px;
}

a.imagebutton:hover {
	background: #000 url("i/button-bk-one-img.png") 0px -22px scroll repeat-x;
}


/* Added by ZA */

div.p_title , h1 {
	font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size: 14px !important;
	font-weight: bold;
	color: #003366;
	margin-top: 14px;
	margin-bottom: 7px;
}

h2 {
	font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size: 14px !important;
	font-weight: normal;
	color: #003366;
	margin-top: 7px;
	margin-bottom: 0px;
}

a.web:link, a.web:active, a.web:visited {
	color:#0033FF;
	font-weight:normal;
	text-decoration:none;
}

a.web:hover {
	font-weight:normal;
	text-decoration:underline;
}

ul.web li {
	margin-left: 20px;
}

a.web_footer:link, a.web_footer:active, a.web_footer:visited {
	color:#8098C3;
	font-weight:normal;
	text-decoration:none;
	font-size: 120%;
}

a.web_footer:hover {
	font-weight:normal;
	text-decoration:underline;
	font-size: 120%;
}

div.content {
	/* width: 600px; */
}

span.left {
	display:block;
	float:left;
	width:240px;
}

span.left2 {
	display:block;
	float:left;
	width:400px;
}

.deleted {
	color: red;
	font-weight: bold;
	text-decoration:line-through
}

div.right {
    width: 50px;
	text-align: right;
	display: inline;
	float: right;
}

div.right2{
    width: 150px;
	text-align: right;
	display: inline;
	float: right;
	font-weight:bold;
}

span.label {
	font-weight:bold;
}
div.underlined {
	border-color:-moz-use-text-color -moz-use-text-color #123561;
	border-style:none none solid;
	border-width:medium medium 1px;
	display: inline-block;
}

a.title_link {
	/* color: #fff; */
	text-decoration: none;
	cursor: hand !important;
}

ul.toc {
}

ul.toc li {
	margin-left: 20px;
	list-style-type: circle;
	margin-top: 2px;
}

hr {
	margin-top:	16px;
	margin-bottom: 16px;
	color:	#003399;
}

a.toTop {
	font-size: 11px;
}

img {
	border: none;
}	

img.screenshot {
	width: 590px;
	border: 1px solid #003399;
}

div.news {
	border: 1px solid #003399;
	padding: 3px 3px 3px 3px;
	font-style: italic;
}

span.subtitle {
	font-style: normal;
}