/********************** top bar ***********************/
#topbar {
	background: white;
	clear: both;
	font-size: 12px;
	height: 20px;
	left: 0;
	line-height: 20px;
	margin: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1999;
}
#topbar ul {
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#topbar li a {
	color: #0000EE;
	padding: 0 6px;
	text-decoration: none;
}
#topbar li a:hover {
	text-decoration: underline;
}
#topbar_logo {
	float: left;
	display: none;
}
#topbar_left,
#topbar_left ul li {
	float: left;
}
#topbar_right,
#topbar_right ul li {
	float: right;
}
#topbar_name {
	cursor: default;
	font-style: italic;
	padding-right: 6px;
}
#topbar_menu {
	float: left;
}
#topbar_menu ul {
	margin: 0;
	padding: 0;
}
#topbar_menu ul li {
	display: inline;
	float: left;
	position: relative;
}
#topbar_menu ul li a {
	background: #06213A;
	display: block;
	text-decoration: none !important;
}
#topbar_menu ul li a:hover{
	background: #06213A;
	color: white !important;
}
#topbar_menu ul li a.selected { /*CSS class that's dynamically added to the currently active menu items' LI A element*/
	background: #06213A !important;
	color: white !important;
}
* html #topbar_menu ul li a { /*IE6 hack to get sub menu links to behave correctly*/
	display: inline-block;
}
#topbar_menu ul li ul {
	position: absolute;
	left: -3000px;
	display: none; /*collapse all sub menus to begin with*/
	visibility: hidden; 
}
/*Sub level menu list items (alters style from Top level List Items)*/
#topbar_menu ul li ul li {
	display: list-item;
	float: none;
}
#topbar_menu ul li ul li a {
	background: #06213A;
	color: white !important;
	min-width: 160px; /*width of sub menus*/
	margin: 0;
	border-top-width: 0;
	border-bottom: 1px solid white;
	border-left: 1px solid white;
	white-space: nowrap !important;
}
#topbar_menu ul li ul li a:hover {
	background: #195893;
} 
#topbar_menu ul li ul li:first-child a {
	border-top: 1px solid white;
}
#topbar_menu .downarrowclass{
	display: none !important;
}
#topbar_menu #role_link {
	background: inherit;
	padding: 0 6px !important;
}
/*********************** top bar ***********************/

/*********************** title bar ***********************/
#titlebar {
	background: white;
	clear: both;
	margin: 0;
	min-height: 50px;
	max-height: 50px;
	padding: 5px 0;
	width: 100%;
	z-index: 1998;
}
#titlebar_left {
	/*float: left;*/
}
#titlebar_right {
	/*float: right;*/
}
.stretch_container {
	text-align: justify;
	-ms-text-justify: distribute-all-lines;
	text-justify: distribute-all-lines;
}

.box1, .box2, .box3, .box4 {
    /*width: 150px;*/
    /*height: 125px;*/
    vertical-align: middle;
    display: inline-block;
    *display: inline;
    zoom: 1
}
.stretch {
    width: 100%;
    display: inline-block;
    font-size: 0;
    line-height: 0
}

/*********************** title bar ***********************/

/*********************** menu bar ***********************/
.ddsmoothmenu {
	background: #004687; /*background of menu items (default state)*/
	background: -webkit-linear-gradient(#195893, #004687);
	background: -moz-linear-gradient(#195893, #004687);
	background: linear-gradient(#195893, #004687);
	font-family: Arial, Verdana, Sans-serif;
	font-size: 13px;
}
.ddsmoothmenu ul li a {
	background: #004687; /*background of menu items (default state)*/
	background: -webkit-linear-gradient(#195893, #004687);
	background: -moz-linear-gradient(#195893, #004687);
	background: linear-gradient(#195893, #004687);
	border-right: 1px solid white;
	color: white;
}
.ddsmoothmenu ul li a:hover {
	background: #06213A; /*background of menu items during onmouseover (hover state)*/	
}
.ddsmoothmenu ul li a.selected { /*CSS class that's dynamically added to the currently active menu items' LI A element*/
	background: #06213A !important; 
}
.ddsmoothmenu ul li ul li a {
	background: #06213A;
	border-bottom: 1px solid white;
	font-family: Arial;
	padding: 8px 14px 8px 10px;
	white-space: nowrap;
}
.ddsmoothmenu ul li ul li a:hover {
	background: #195893 !important;
}
.ddsmoothmenu ul li ul li a.selected {
	background: #195893 !important;
}
.ddsmoothmenu ul li ul li:first-child a {
	border-top: 1px solid white;
}
.ddsmoothmenu ul li ul li ul li a {
	position: relative;
	top: -1px;
}
.rightarrowclass{
	top: 11px;
	right: 2px;
}
#menubar {
	background: #004687;
	background: -webkit-linear-gradient(#195893, #004687);
	background: -moz-linear-gradient(#195893, #004687);
	background: linear-gradient(#195893, #004687);
	clear: both;
	left: 0;
	margin: 0;
	position: absolute;
	width: 100%;
	z-index: 1998;
}
#menubar_search {
	color: white;
	float: right;
}
#menubar_search {
	padding: 6px 8px;
}
.activated {
	background: #06213A !important; 
}
.hover_disabled {
	background: #004687 !important;
	background: -webkit-linear-gradient(#195893, #004687) !important;
	background: -moz-linear-gradient(#195893, #004687) !important;
	background: linear-gradient(#195893, #004687) !important;
	cursor: default;
}
.hover_disabled.activated {
	background: #06213A !important; 
}
/*********************** menu bar ***********************/

/*********************** page header ***********************/
#page_header {
	background: white;
	padding: 4px 0 4px 0;
	z-index: 1997;
}
#page_header_options {
	float: left;
}
#page_header_buttons {
	float: right;
}
#page_header_title {
	clear: both;
}
.page_header_shadow {
	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.26);
	-moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.26);
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.26);
	/*-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#000000')";*/
}
/*********************** page header ***********************/

/*********************** page body ***********************/
#page_body {
	/*margin-top: 28px;*/
}
#page_body table td {
	vertical-align: top;
}
.titleStyle_pa {
	color: #1034a5;
	font-size: 16px;
	font-weight: bold;
}
.page_body_subtitle {
	background: #E0E0E0;
	border-radius: 4px;
	color: #1034a5;
	font-weight: bold;
	padding: 3px;
}
/*********************** page body **********************