/* =====================================
 *  CSS STYLES FOR Transaction Insight
 * =====================================
 */

/*Style on Assign partner filter values page*/
.AssignToFilterValuesContainer {
    border: solid 1px #bdbdbd;
    padding: 14px 0px 14px 14px;
    margin-right: 8px;
}

/* Styles for the banner at the top of all pages */
.banner
{
}

/* actions are the links in the top right of all pages */
.banner .actions
{
	padding: 2px 8px 2px 8px;
	text-align: right;
	font-size: 12px;
	font-weight: bold;
	margin-right:0px;
	height: 80px;
	line-height:26px;
	overflow: inherit;
	position: relative;
	float:right;
	clear:left;
}

.banner .actions, .banner .actions a:link,.banner .actions a, .banner .actions a:visited, .banner .actions a:active, .banner .actions a:hover
{
	padding-bottom:10px;
	color:#555555;
}

.banner .actions a:hover
{
	color:White;
}

.banner .content
{
	height: 85px;
	padding: 7px 20px 8px 20px;
	font-size: 20px;
	line-height: 100%; /* Needed for IE 6&7 bacause of 110% elsewhere */
	color: #444444;
	white-space: nowrap;
	background-image:url("../images/Logo_new_smaller.png");
	background-repeat:no-repeat;
	background-position:20px 7px;
}

/* adjust the padding to make your content fit */
.banner .content .leftSpacer
{
	float:left;
	padding: 0px 0px 0px 0x;
}

.banner .content .middleSpacer
{
	float:left;
	padding-left: 70px;
	padding-top:1px;
}

.rightSpacer
{
	/* customers can use this div to place extra content */

    float:right;
    width: 150px;
    padding: 7px  20px 8px 20px;
    vertical-align:top;
    height:35px;
    position:relative;
    z-index:100;
}

/* The new TopNav menu */
.menuBackground
{
	width:100%;
	height : 26px;
	background: url("../images/header_nav_background.jpg") repeat-x;
	position: relative;
	margin:0px;
	border:1px solid #808080;
	color: #DBDBDB;
	z-index:11;
}

*+html .staticMenuStyle { margin-top:-48px; } /*IE 7 hack*/

.staticMenuStyle
{
	height : 26px;
	background: url("../images/header_nav_background.jpg") repeat-x;
	position: absolute;
	left: 0;
	top: 100px;
	margin:0px;
	border-left: 1px solid #808080;
	border-top: 1px solid #808080;
	border-bottom: 1px solid #808080;
	color: #DBDBDB;
	z-index:11;
}

.staticMenuStyle table
{
	padding-left: 23px;
	padding-right: 20px;
}

.staticMenuStyle td
{
	font-weight: bold;
	white-space: nowrap;
	line-height: 100%; /* Needed for IE 6&7 because of 110% elsewhere */
}

.staticMenuStyle td:hover
{
	background: url("../images/header_links_background2.jpg") repeat-x;
}

.staticMenuItemStyle td:hover
{
	background: url("../images/header_links_background.jpg") repeat-x;
} 

.staticMenuItemStyle a:link {color:#808080;}
.staticMenuItemStyle a:visited {color:#808080;}
.staticMenuItemStyle a:hover {color:#808080;}
.staticMenuItemStyle a:active {color:#808080;}

.dynamicMenuStyle
{
	font-family: Arial;
	font-size: 11px;
	position: relative;
	margin: 5px 0px 0px 0px;
	color: #DBDBDB;
	border: 1px solid #808080;
	z-index: 21;
	width:175px;
}

.dynamicMenuStyle td a {padding:8px;width:100%;display:block;}
.dynamicMenuStyle td:hover {background:#ffd700;width:175px;display:block;}

.dynamicMenuItemStyle a:link {color:#808080;}
.dynamicMenuItemStyle a:visited {color:#808080;}
.dynamicMenuItemStyle a:hover {color:#808080;}
.dynamicMenuItemStyle a:active {color:#808080;}

.staticModMenuStyle
{
	height : 26px;
	background: url("../images/header_nav_background.jpg") repeat-x;
	position: relative;
    float:right;
	top: -26px;
	margin:0px;
	border-left: 1px solid #efefef; /* This could use an image file - url("../images/menu_separator.png") */
	border-right: 1px solid #808080;
	border-top: 1px solid #808080;
	border-bottom: 1px solid #808080;
	color: #DBDBDB;
	z-index:11;
    text-align:center;
}

.staticModMenuStyle table a
{
    width:60px;
    display:block;
    margin-left: auto;
    margin-right: auto;
}

.staticModMenuStyle td:hover
{
	background: url("../images/header_links_background2.jpg") repeat-x;
}

.dynamicModMenuStyle table
{
    display:none;
}

.ChartTitle {
    font-weight: bold;
    font-size: 15px;
    margin-top: 15px;
    text-align: center;
    /*margin-bottom: 5px;*/
    line-height: 125%;
    background-color: #ededed;
    border-top: solid 1px #bdbdbd;
    border-left: solid 1px #bdbdbd;
    border-right: solid 1px #bdbdbd;
}

.radChart {
    border-bottom: solid 1px #bdbdbd;
    border-left: solid 1px #bdbdbd;
    border-right: solid 1px #bdbdbd;
}

/* styles for the bread crumb trail that appears below the banner */
.breadcrumbTrail
{
	width:100%;
	height : 24px;
	position: relative;
	margin:0px;
	z-index:0;
	color : #808080;
}

/*IE 7 hack*/
*+html .breadcrumbTrail
{
    margin-top:-48px;
}

.breadcrumbTrail table
{
	margin-left: 10px;
}
.breadcrumbTrail td
{
	padding-left: 3px;
	padding-right: 3px;
	line-height: 100%; /* Needed for IE 6&7 bacause of 110% elsewhere */
	white-space: nowrap;
	padding-top:6px;
}

.breadcrumbTrail a:link {color:#808080;}
.breadcrumbTrail a:visited {color:#808080;}
.breadcrumbTrail a:hover {color:#808080;}
.breadcrumbTrail a:active {color:#808080;}

.LoginTable
{
    border: 1px solid black;
	padding: 30px 55px 30px 55px;
	background: #F4F4F4;
	width: 520px;
}

/* Styles used by dynamically created search fields */
.SearchFieldError {
    color: red;
    cursor: help;
}

.SearchFieldWarning {
    float: right;
    visibility: hidden;
    padding: 0;
    margin: 0;
    margin-right: 10px;
    display: table;
    line-height: 22px;
    height: 25px;
    width: 15px;
    color: orange;
    font-weight: bold;
    font-size: 15px;    
    cursor: help;                 
}

.SearchFieldWarningSummary {    
    color: orange;                 
}

/* This is the validation summary for the main part of the application. */
.ValidationSummary
{
	display:block;
	width:100%;
	font-size:12px;
	color: #A50021;
	background: #FFFFCC;
    border: 1px solid gray;
	margin:0px;
	padding:10px 0px 10px 0px;
}

/* this is wrapper of main part of the application */
#wrap
{
	margin:0px;
	padding:20px 0px 10px 0px;
	background: url("../images/page_background.png") bottom repeat-x ;
	min-height:970px;
}

/* basic page structure */
table.structure
{
	min-height: 970px;
	margin : 0px 0px 0px 0px;
	background-color:white;
}
table.structure td.leftCell, table.structure td.rightCell
{
	vertical-align: top;
	padding: 0px;
}
table.structure td.rightCell
{
	width: 100%;
}

/* This style applies to the box that surrounds each pages real content. That is
 * everything except the header, banner and breadcrumb trail */
.pageContent
{
	margin: 0px 10px 10px 10px;
	min-height:970px;
}

/* The menu */
.menu
{
	display: block;
	width: 130px;
	margin: 0px 10px 10px 0px;
}

.menu .section
{
	display: block;
	padding: 0px 5px 5px 5px;
}

.menu .separator
{
	display: block; /*height: 0px;*/ /* IE6 does not honor the height 0px, omit and it seems to work in all browsers*/
	border-bottom: 1px solid #bdbdbd;
	margin-bottom:5px;
}

.menu .section .header
{
	display: block;
	color: #575757;
	font-weight: bold;
	font-size: 11px; /* overrides the .header generic style 	line-height: 100%; /* Needed for IE 6&7 bacause of 110% elsewhere */
}

.menu .section .separator
{
	display: none;
}

.menu .item
{
	display: block;
	line-height: 100%; /* Needed for IE 6&7 bacause of 110% elsewhere */
	padding: 4px 0px 4px 5px;
}

.menu a:link {color:#575757;}
.menu a:visited {color:#575757;}
.menu a:hover
{
    color:#7AC9FB;
}
.menu a:active {color:#575757;}

/* background color for the content part of the pages */
body
{
	background-color: white;
	font: 62.5% Arial,sans-serif;
}

/* General styles for elements */
body, td, select, .Button, .textarea
{
    font-family: Arial;
	font-size: 12px;
	line-height: 110%;
}

.TextBox
{
    font-family: Arial;
	font-size: 12px;
	background-color: #ffffff;
	border-style: solid;
	border-width: 1px;
	height: 24px;
	border-color:#bbb;
	line-height:22px;
}

.RawEdiTextBox
{
    font-family: Arial;
	font-size: 12px;
	background-color: #ffffff;
	border-style: solid;
	border-width: 1px;
	border-color:#bbb;
	line-height:22px;
	overflow: auto;
	white-space: pre;
}

.DropDownList
{
	background-color: #ffffff;
	border-style: solid;
	border-width: 1px;
	height: 24px;
	border-color:#bbb;
	padding-top:2px;
}

fieldset legend
{
	color: #797979;
	font-weight: bold;
}

.AboutPanel {
	width: 500px;
	height: 170px;
	border:#888888 solid 3px;
	background-color:White;
	padding:20px;
	-moz-border-radius: 10px;
    border-radius: 10px; /* does not work on IE versions below 9*/
    z-index: 50;
}

.AboutPanel h1 {
	color:#888888;
	font-size:26px;
	padding:0;
	margin:0;
}

.AboutPanel p {
	text-align: center;
}

.AboutPanelTitle {
	color:#444444;
	font-size: 20px;
    vertical-align:middle;    
}

.AboutPanel img {
	vertical-align: middle;
}

.AboutPanelBackground {
	background-color:rgba(0, 0, 0, 0.15);	
}

.Button, .ArrowButton, .LinkButton
{
    color: #4682B4;
	font-size: 12px;
	cursor: hand;
	border: none;	
	padding: 4px 6px 4px 6px;
	text-align: center;
	-moz-border-radius: 5px;
    border-radius: 5px; /* does not work on IE versions below 9*/
    border:solid 1px #337999;
    background-color: #dfebf8;
    background: -webkit-gradient(linear, left top, left bottom, from(#fbfcfe), to(#abccec));
    background: -moz-linear-gradient(top,  #fbfcfe,  #abccec);
    background: -ms-linear-gradient(top, #fbfcfe, #abccec); /* IE 11 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbfcfe', endColorstr='#abccec');
}
.Button:hover, .ArrowButton:hover, .LinkButton:hover
{    
    background: -webkit-gradient(linear, left top, left bottom, from(#f7f8fd), to(#71a3da));
    background: -moz-linear-gradient(top,  #f7f8fd,  #71a3da);
    background: -ms-linear-gradient(top, #f7f8fd, #71a3da); /* IE 11 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f8fd', endColorstr='#71a3da');
}
.Button[disabled], .ArrowButton[disabled], .LinkButton[disabled]
{
	color: #888888;
	/*For some reason, setting the gradient on the background of a disabled button is ignored in Firefox. 
    We need to set background to none to force it to ignore the blue gradient background and use a simple
    background color.*/
	background:none;
	background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#e8e8e8));
    background: -moz-linear-gradient(top,  #fafafa,  #e8e8e8);
    background-color:#e8e8e8;
    background: -ms-linear-gradient(top, #fafafa, #e8e8e8); /* IE 11 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#e8e8e8');
    border:solid 1px #888888;
}

.ArrowButton
{
	width: 25px;
	min-width: 10px;
	padding: 1px 2px 1px 2px;
}

/* MODULE-SPECIFIC */
/* text style for reading messages in Discussion */
.Message
{
    font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	background-color: #eeeeee;
}

/* GENERAL */
/* style for module titles */
.header
{
    font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	color: #808080;
	line-height: 110%;
}

/* style of item titles on edit and admin pages */
.SubHead
{
    font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	color: #FDB029;
}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead
{
    font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: black;
}

.SubSubHeadNew
{
    font-family: Arial;
	font-size: 14px;
	color: black;
	height : 34px;
}

.SubSubSubHeadNew
{
    font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: black;
}

/* For the 275 Attachment page */
.tableRowTopBorder td
{
    border-top: solid 1px #bdbdbd;
}

/* GENERIC */
h1, h2 /* TODO: it doesn't really make sense to have these the same size */
{
    font-family: Arial;
	font-size: 20px;
	font-weight: normal;
	color: #666644;
}
h3, h4 /* TODO: it doesn't really make sense to have these the same size */
{
    font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #FDB029;
}
h5, dt, h6 /* TODO: it doesn't really make sense to have these the same size */
{
    font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	color: #FDB029;
}
h7 /* TODO: it doesn't really make sense to have these the same size */
{
    font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #FDB029;
	float:right;
}
a:link, a:visited, a:active
{
	text-decoration: none;
}

a {color:#388BC8;}
a:link {color:#487ab0;}      
a:visited {color:#487ab0;}  
a:hover
{
    color:#7AC9FB;
    text-decoration: underline;
}
a:active {color:#487ab0;}  


BLOCKQUOTE, PRE
{
	font-family: Lucida Console, monospace;
}

hr
{
	/* had to do this weird set of properties so it would 	 * match in IE and firefox */
	border: none;
	border-top: 1px solid gray;
	height: 0px;
}

/* Styles for footer */
#footer
{
	background: #dbdbdb;
	height : 20px;
	font-size: 11px;
	color: #9a9a9a;
	line-height: 20px;
	position: relative;
}

.footer_white {
    background-color: white;
    border: none !important;
    font-family: Arial !important;
	font-size: 12px !important;
}

.footer_white a:link, .footer_white a:visited, .footer_white a:active
{
	text-decoration: none;
}

.footer_white a {color:#388BC8 !important;}
.footer_white a:link {color:#487ab0;}      
.footer_white a:visited {color:#487ab0;}  
.footer_white a:hover
{
    color:#7AC9FB;
    text-decoration: underline;
}
.footer_white a:active {color:#487ab0;}  

/*
	this section is about the tibco logo image in the footer
*/
#footer span{
	/* position : absolute; */
	left : 20px;
	top:0px;
}
#footer img{
	position : absolute;
	right : 20px;
	top:0px;
}	

/* general styles */
.infoTable tr > td:first-child
{
	font-weight: bold;
	text-align: left;
	padding-right: 5px;
}
.sectionHeader
{
	margin: 20px 0 10px 0;
	color: Green;
}
.itemStyle td
{
	padding-right: 20px;
}
fieldset
{
	padding: 10px;
	border: 1px solid #dadada;
}
legend
{
	margin-bottom: 5px;
}
input, select
{
	margin-right: 10px;
}
/*select
{
	padding: 2px;
}*/

/* Archive Search Tables */
.archiveSearch input
{
	margin: 0px;
}
.archiveSearch .description
{
	width: 200px;
}
.archiveSearch .standard
{
	width: 100px;
}
.archiveSearch .externalReference
{
	width: 115px;
}
.archiveSearch .searchValue input[type=text]
{
	width: 300px;
}
.searchOptions
{
    margin-top: 10px;
}
.searchOptions td
{
	width: 120px;
}
div.archiveFilters
{
	padding: 5px;
	display: inline-block;
	margin-top: 15px;
}
div.nonuniversalFilters
{
	background-color: #efefef;
	border:1px solid #bdbdbd;
}
div.universalFilters
{
	background-color: #efefef;
	border:1px solid #bdbdbd;
}


/*	Styles for the AJAX CalendarPopup Control */
.ajaxCalendar .ajax__calendar_container
{
	background-color: #FFFFFF;
	border: solid 1px #d3d3d3;
	padding:0px;
	width:170px;
}
.ajaxCalendar .ajax__calendar_header
{
	font-family:Arial;
    font-weight: bold;
    font-size: 12px;
	background-color: #f2f2f2;
	color:#222222;
	height:30px;
	width:170px;
	line-height:30px;
	border-bottom:1px solid #d3d3d3 ;
	background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#d4d4d4));
    background: -moz-linear-gradient(top,  #f2f2f2,  #d4d4d4);
    background: -ms-linear-gradient(top, #f2f2f2, #d4d4d4); /* IE 11 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2', endColorstr='#d4d4d4');
}
.ajaxCalendar .ajax__calendar_next, .ajaxCalendar .ajax__calendar_prev  {
	
	height:30px;
}

.ajaxCalendar .ajax__calendar_days thead
{
	background-color: white;
}
.ajax__calendar_day 
{
	background-color:#E6E6E6;
    border:1px solid #d3d3d3 ;
    border-spacing:5px;
    text-align:center !important;
}

.ajaxCalendar .ajax__calendar_active div
{	
	border: 1px solid #d3d3d3 ;
	background-color: #FBF9EE;
}
.ajaxCalendar .ajax__calendar_other
{
	background-color: white;
	visibility: hidden;
}

/* Archive Search */
.archiverAllSearchResults
{
	margin-bottom: 30px;
}
.archiverNoResults h3
{
	color: #000000;
	font-family: Verdana , Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
}
.archiverSearchResults
{
	margin-bottom: 30px;
}
.archiverSearchResults h3
{
	/*background-color: #BAD5E3;*/
	color: #000000;
	font-weight: bold;
	font-size: 13px;
	padding: 5px 2px 5px 2px;
	border-bottom: #d4d0c8 1px solid;
}
.archiverSearchResults ul
{
	list-style-type: none;
	padding-left: 20px;
}
.archiverSearchResults li
{
	margin-top: 10px;
}
.archiverSearchResults .metadata
{
	color: #444444;
}
.paging
{
	text-align: center;
}
a.pagingButtons, a.pagingButtons:link, a.pagingButtons:visited, a.pagingButtons:hover, a.pagingButtons:active
{
	padding: 3px;
	margin: 5px;
	text-decoration: underline;
	font-weight: bold;
}

/* Search Preferences */
.searchPreferences .archiveTypeSelection
{
	margin: 15px 0 0 0;
	font-weight: bold;
}
.searchPreferences .filterSelection
{
	padding: 20px 0 0 0;
}
.searchPreferences .filterSelection .section
{
	float: left;
	font-weight: bold;
}
.searchPreferences .filterSelection .section > div
{
	margin: 0 0 5px 0;
}
.searchPreferences .filterSelection .section.buttons
{
	margin: 120px 20px 0 20px;
}
.searchPreferences .savePrefernces
{
	clear: both;
	padding: 20px 0 0 0;
}
.searchPreferences .savePrefernces .statusMessage
{
	display: inline;
	padding: 0 0 0 15px;
}
.topRightLink
{
	float: right;
}

/* Search Results */

table.filterSearchResults
{
	font-family: "Lucida Sans Unicode","Lucida Grande",Sans-Serif;
	font-size: 12px;
	text-align: left;
}
.filterSearchResults thead td
{
	border: none;
	padding-right: 15px;
	font-size: 11px;
	font-weight: bold;
}
.filterSearchResults td
{
	font-family: inherit;
	font-size: inherit;
	border: 1px solid #444444;
}
tr.fileResult td
{
	background-color: #D9DFE2;
}
tr.fileResult td.noFilterResult
{
	background-color: #DEE2E2;
}
td.docResult
{
	padding-left: 15px;
}
td.noFilterResult
{
	background-color: #EFF3F4;
}
td.spacer
{
	border: none;
	padding-bottom: 0.25em;
}

table.filterSearchResults tbody tr:hover td
{
	background-color: #BAD5E3;
}

table.filterSearchResults tr:hover td.spacer
{
	background-color: #FFFFFF;
}

/* Archive File View Style */
.edifactContent
{
    border: solid 1px black;
    margin: 1em;
    padding: 1em;
    overflow: auto;
    font-size: 12px;
}


/* *************************** */
/*    Styles for power grid    */
/* *************************** */
.dataGridStyle
{	
	border:#aaaaaa solid 1px;
}

.dataGridHeaderStyle td
{
    background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#d4d4d4));
    background: -moz-linear-gradient(top,  #f2f2f2,  #d4d4d4);
    background: -ms-linear-gradient(top, #f2f2f2, #d4d4d4); /* IE 11 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2', endColorstr='#d4d4d4');
	height: 30px;
	border:0;
	padding-left:15px;
	padding-right: 15px;	
}

.dataGridHeaderStyle  {
    font-family:Arial;
    font-weight: bold;
    font-size: 12px;
    color:Black;
}

.dataGridHeaderStyle a {
	color:Black;
	text-decoration: none;
}

.dataGridItemStyle td, .dataGridAlternatingItemStyle td, .dataGridEditItemStyle td, .dataGridSelectedItemStyle td
{
	color: black;
	border:0;
	height: 30px;
	font-size:11px;
	padding-left:15px;
	padding-right: 15px;
	border-left: solid 1px #EEEEEE;
	border-right: solid 1px #EEEEEE;
}

.dataGridItemStyle td:first-of-type, .dataGridAlternatingItemStyle td:first-of-type, .dataGridEditItemStyle td:first-of-type, .dataGridSelectedItemStyle td:first-of-type
{
border-left:#aaaaaa solid 1px;
}

.dataGridItemStyle td:last-of-type, .dataGridAlternatingItemStyle td:last-of-type, .dataGridEditItemStyle td:last-of-type, .dataGridSelectedItemStyle td:last-of-type
{
border-right:#aaaaaa solid 1px;
}

.dataGridDeletedItemStyle td
{
	background-color: White;
	text-decoration: line-through;
}

.dataGridAlternatingDeletedItemStyle td
{
	background-color: #EEEEEE;
	text-decoration: line-through;
}

.dataGridItemStyle td
{
	background-color: White;
}

.dataGridAlternatingItemStyle td
{
	background-color: #EBF6F7;
}

.dataGridEditItemStyle td
{
	font-weight: bold;
	color: white;
	background-color: #CAE9FE;
}

.dataGridSelectedItemStyle td
{
	background-color: #CAE9FE;
	color: black;
}

.dataGridSelectedItemStyle a
{
	color: #388BC8;
}

.dataGridPagerStyle td
{
	color: Black;
	padding-bottom: 8px;
	background-color: #EEEEEE;
	font-size: 12px;
	white-space: nowrap;
	border:0;
}

.dataGridFooterStyle td
{
	background-color: White;
	border:0;
	height:30px;
}

/* Data Grid Paging Buttons Styles */
.dataGridButtonFirst, .dataGridButtonLast, .dataGridButtonPrevious, .dataGridButtonNext
{
	background-repeat: no-repeat;
	width: 10px;
	margin-left: 10px;
}

.dataGridButtonPrevious
{
	margin-right: 10px;
}
/* **************************** */
/* End of styles for power grid */
/* **************************** */


td.cell
{
	padding-top: 26px;
	white-space: nowrap;
}

td.celldefault
{
	white-space: nowrap;
}

.updateHead
{
	font-weight: normal;
	font-size: 11px;
	color: red;
	line-height: 12px;
	font-family: Arial;
	text-align: center;
}
.docsum
{
	font-family: Arial;
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
}

.RadioButtonList input
{
    margin-left: 15px;
    margin-right: 3px;    
}

.wizNormal
{
	font-family: Arial;
	font-size: 0.7em;
	font-weight: normal;
	line-height: 1.2em;
	color: #000000;
}
.dlistTitle
{
	border-right: 0px;
	border-top: 0px;
	font-weight: bold;
	font-size: 11px;
	border-left: 0px;
	line-height: 12px;
	border-bottom: 0px;
	font-family: Arial;
}

.borderSeparator {
	border-bottom:1px solid #aaaaaa;
}

/* collapsable panel on non-form pages */
.collapsablePanelTitle
{
	color: #797979;
	font-weight:bold;
	padding: 3px;
	border: solid 1px #bdbdbd;
	background-color: #ededed;
	width: 100%;
}
.collapsablePanelTitle td, .collapsablePanelCollapsedTitle td {
	font-size:14px;
}
.collapsablePanelTitle a, .collapsablePanelCollapsedTitle a {
	font-weight:normal;
}
.collapsablePanelCollapsedTitle
{
	padding: 3px;
	border: solid 1px #bdbdbd;
	background-color: #ededed;
	color: #797979;
	font-weight:bold;	
}
.collapsablePanelContent
{
	padding: 5px;
	/*border: solid 1px #bdbdbd;
	border-top: none;*/
}

.collapsablePanelContentWithBorder
{
	padding: 5px;
	border: solid 1px #bdbdbd;
	border-top: none;
}

.collapsablePanelContentCollapsed
{
	padding: 5px;
	border: solid 1px #bdbdbd;
	border-top: none;
	display:none;
}


/* Tab strip styles */
.TabRow {
	padding-bottom: 2px;
}
.InactiveTabLeftCorner
{
    background: url("../images/Inactive_Tab_BG_Tile_Left.png") no-repeat scroll 0 0 transparent; 
    width:10px;
    height:28px;    
}
.InactiveTabRightCorner
{
    background: url("../images/Inactive_Tab_BG_Tile_right.png") no-repeat scroll 0 0 transparent; 
    width:10px;   
    height:28px;
}
.InactiveTabText
{       
    background: url("../images/inactive_tab_bg.png") repeat-x scroll 0 0 transparent;                    
    color:#333;
}
.ActiveTabLeftCorner
{
    background: url("../images/Active_Tab_BG_Tile_Left.png") no-repeat scroll 0 0 transparent; 
    width:10px;
    height:28px;
}
.ActiveTabRightCorner
{
    background: url("../images/Active_Tab_BG_Tile_right.png") no-repeat scroll 0 0 transparent; 
    width:10px;   
    height:28px;
}
.ActiveTabText
{       
    background: url("../images/Active_tab_bg.png") repeat-x scroll 0 0 transparent; 
    color:#333;                   
}

.ActiveTabText a
{
	color:#333;
	text-decoration: none;
}

.InactiveTabText a
{
	color:#333;
	text-decoration: none;
}


.TabStrip .NonTabArea
{
	border-bottom: 1px solid #bdbdbd;
	width: 100%;
}

.TabContent
{
	border-right: 1px solid #bdbdbd;
	border-left: 1px solid #bdbdbd;
	border-bottom: 1px solid #bdbdbd;
	border-top:1px solid #bdbdbd;
	padding: 5px 10px 10px 10px;
}

.TabContent2
{
	border-right: 1px solid #bdbdbd;
	border-left: 1px solid #bdbdbd;
	border-bottom: 1px solid #bdbdbd;
	border-top:1px solid #bdbdbd;
	padding: 5px 5px 0px 5px;
}

.TabStrip .InactiveTab .SubHead, .TabStrip .ActiveTab .SubHead
{
	font-weight: normal;
	color: #696969;
	text-decoration: none;
	font-size: xx-small;
}


/*this rule is for a table of section area */
.sections
{
	border-right: lightgrey 1px solid;
	border-top: lightgrey 1px solid;
	border-left: lightgrey 1px solid;
	clip: rect(0px 0px 0px 0px);
	border-bottom: lightgrey 1px solid;
}

/*Styles for the CalendarPopup control*/
/*******************************************************/
.calendarPopup
{
	white-space: nowrap;
}

.monthHeaderStyle
{
	font-family:Arial;
    font-weight: bold;
    font-size: 12px;
	background-color: #f2f2f2;
	color:#222222;
	height:30px;
	width:150px;
}

.monthHeaderStyle td
{
	border-bottom:1px solid #d3d3d3 ;
	background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#d4d4d4));
    background: -moz-linear-gradient(top,  #f2f2f2,  #d4d4d4);
    background: -ms-linear-gradient(top, #f2f2f2, #d4d4d4); /* IE 11 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2', endColorstr='#d4d4d4');
}

.monthHeaderStyle tr
{
	border-spacing:5px;
}

.monthHeaderStyle  a:visited, .monthHeaderStyle a:link, .monthHeaderStyle a:active
{
    background:transparent;
    color:Black;
}
.dayHeaderStyle
{
	background-color: white;
}
.todayDayStyle
{
	background-color: #FBF9EE;
	border: solid 1px #FCEFA1;
	color:#363636;
}
.todayDayStyle a:visited, .todayDayStyle a:link, .todayDayStyle a:active
{
	color: #363636;
	border:0;
}
.selectedDateStyle {
	border: 1px solid #d3d3d3 ;
	background-color: #FBF9EE;
}
.selectedDateStyle a:visited, .selectedDateStyle a:link, .selectedDateStyle a:active
{
	color: #363636;
	border:0;
}
.weekDayStyle
{
    background-color:#E6E6E6;
    border:1px solid #d3d3d3 ;
    border-spacing:5px;
}
.weekDayStyle a:visited, .weekDayStyle a:link, .weekDayStyle a:active
{
    color: #363636;
    border:0;
}

.weekEndStyle
{
    background-color:#E6E6E6;
    border:1px solid #d3d3d3 ;
}

.weekEndStyle a:visited, .weekEndStyle a:link, .weekEndStyle a:active
{
    border:0;
    color: #363636;
}
.offMonthStyle
{
	background-color:White;
}
.offMonthStyle a:visited, .offMonthStyle a:link, .offMonthStyle a:active
{
    visibility:hidden;
}

.textBoxLabelStyle
{
	font-family: Arial;
	font-weight: normal;
	font-size: 12px;
	background-color: #ffffff;
	border-style: solid;
	border-width: 1px;
	height: 24px;
	border-color:#bbb;
	line-height:22px;
}

code
{
	font-size: .85em;
	font-family: Lucida Console, Verdana, Courier New;
}
.demoTitle
{
	font-size: medium;
	font-weight: bold;
	font-style: italic;
	color: #555;
	border-bottom: solid 1px #999;
}
.codeTitle
{
	background-position: right 10%;
	background: transparent url( "~/images/spacer.gif" );
	background-repeat: repeat-y;
	font-weight: bold;
	background-color: #fcfcfc;
	border: solid 1px #fcfcfc;
	padding: 0;
	text-align: center;
}
.codeTitleCollapsed
{
	font-weight: bold;
	background-color: #cfcfcf;
	border: solid 1px #cfcfcf;
	padding: 3px;
}

.connector
{
	border-left: 1px solid black;
	border-bottom: 1px solid black;
}
.dataGridHeadingStyle
{
	background-color: #EEEEEE;
	border: solid 1px DimGray;
	width: 99%;
	padding: 5px 0px 5px 0px;
	font-weight: bold;
	text-align: center;
}
/* Calendar Selection Label Style (for displaying message on Document, Cat Compare, and Partner Ranks */
.calendarSelection
{
	color: Navy;
}

/*************************************************************/
/* Styles for the CollapsablePanel control within an ediForm */
/*************************************************************/

.ediForm
{
	padding: 4px 4px 4px 4px;
}

.ediForm .collapsablePanelTitle
{	
    border: solid 1px #bdbdbd;
	background-color: #ededed;
	height: 30px;
	width: 100%;
}

.ediForm .collapsablePanelCollapsedTitle
{	
    border: solid 1px #bdbdbd;
	background-color: #ededed;
	height: 30px;
	width: 100%;
}

.ediForm .collapsablePanelTitle2
{
	color: #797979;	
    border: solid 1px #bdbdbd;
	background-color: #ededed;
    padding: 2px;
    width: 100%;
}

.ediForm .collapsablePanelCollapsedTitle2
{
	color: #797979;	
    border: solid 1px #bdbdbd;
	background-color: #ededed;
    padding: 2px;
    width: 100%;
}

.ediForm .collapsablePanelTitle3
{
	color: white;
	background-color: #AACCCC;
	padding: 2px;
	border: solid 1px #AACCCC;
	width: 100%;
}

.ediForm .collapsablePanelCollapsedTitle3
{
	color: white;
	background-color: #AACCCC;
	padding: 2px;
	border: solid 1px #AACCCC;
	width: 100%;
}

.ediForm .collapsablePanelTitle td, .ediForm .collapsablePanelCollapsedTitle td, .ediForm .collapsablePanelTitle2 td, .ediForm .collapsablePanelCollapsedTitle2 td, .ediForm .collapsablePanelTitle3 td, .ediForm .collapsablePanelCollapsedTitle3 td
{
	font-weight: bold;
}

.ediForm .collapsablePanelTitle a:link, .ediForm .collapsablePanelTitle a:visited, .ediForm .collapsablePanelTitle a:active, .ediForm .collapsablePanelCollapsedTitle a:link, .ediForm .collapsablePanelCollapsedTitle a:visited, .ediForm .collapsablePanelCollapsedTitle a:active
{
	color: #487ab0;
	font-weight:normal;
}

.ediForm .collapsablePanelTitle2 a:link, .ediForm .collapsablePanelTitle2 a:visited, .ediForm .collapsablePanelTitle2 a:active, .ediForm .collapsablePanelCollapsedTitle2 a:link, .ediForm .collapsablePanelCollapsedTitle2 a:visited, .ediForm .collapsablePanelCollapsedTitle2 a:active, .ediForm .collapsablePanelTitle3 a:link, .ediForm .collapsablePanelTitle3 a:visited, .ediForm .collapsablePanelTitle3 a:active, .ediForm .collapsablePanelCollapsedTitle3 a:link, .ediForm .collapsablePanelCollapsedTitle3 a:visited, .ediForm .collapsablePanelCollapsedTitle3 a:active
{
	color: #487ab0;
	font-weight:normal;
}

.ediForm .collapsablePanelTitle a:hover, .ediForm .collapsablePanelCollapsedTitle a:hover, .ediForm .collapsablePanelTitle2 a:hover, .ediForm .collapsablePanelCollapsedTitle2 a:hover, .ediForm .collapsablePanelTitle3 a:hover, .ediForm .collapsablePanelCollapsedTitle3 a:hover
{
	color: #7AC9FB;
}


.ediForm .collapsablePanelContent
{
	padding: 10px;
	border: solid 1px #cfcfcf;
	border-top: none;
}

/* PO - 10/9/06: Alternate style for Firefox.  I can't find
   a setting for width that works for both browsers.  The ediForm
   class will dynamically change the style in OnPreRender. */
.ediForm .collapsablePanelContentFirefox
{
	padding: 10px;
	border: solid 1px #cfcfcf;
	border-top: none;
	width: auto;
}

#claimPayment
{
    color:Black;
    background-color:#efefef;
    border: solid 1px #cfcfcf;
    width:100%;
}

#claimPaymentTitle
{
    color: #797979;	
    border: solid 1px #bdbdbd;
	background-color: #dbdbdb;
    padding-top: 4px;
	padding-bottom:4px;
	width: 100%;
	min-height:10px;
}

#claimPaymentTitle a
{
    color:#487ab0;
    margin-right:4px;
}

#claimPayment a
{
    color:#487ab0;
    font-weight:bold;
}
#claimPayment a:hover, #claimPaymentTitle a:hover
{
    color:#7AC9FB;
}   

.plbPanel {
    height: 100px;
    text-align: center;
}

/****************************************************/
/*  Styles for 277 Attachment Request page          */
/****************************************************/
table.DynamicTable
{
    width: 100%;
}
span.DynamicTableLabel
{
    display: inline-block;
    text-align: right;
}
.collapsablePanelTitleAttachmentRequest
{
	padding: 2px;
	border: solid 1px #bdbdbd;
	background-color: #ededed;
	border-bottom: none;
    color: brown;
}
.collapsablePanelCollapsedTitleAttachmentRequest
{
	padding: 2px;
	border: solid 1px #bdbdbd;
	background-color: #ededed;
    color: brown;
}
.collapsablePanelTitleAttachmentRequest td, .collapsablePanelCollapsedTitleAttachmentRequest td
{
	font-weight: bold;
}
.collapsablePanelTitleAttachmentRequest a:link, .collapsablePanelTitleAttachmentRequest a:visited, .collapsablePanelTitleAttachmentRequest a:active, .collapsablePanelCollapsedTitleAttachmentRequest a:link, .collapsablePanelCollapsedTitleAttachmentRequest a:visited, .collapsablePanelCollapsedTitleAttachmentRequest a:active
{
	font-weight:normal;
}
.collapsablePanelAttachmentRequestContent
{
	border: solid 1px #bdbdbd;
}

/*******************************************************/
/* Styles dynamic drive tooltip within an ediForm      */
/*******************************************************/
#errortooltip {
    position: absolute;
    width: 400px;
    border: 2px solid black;
    padding: 2px;
    background-color: lightyellow;
}
    #errortooltip .label {
        font-weight: bold;
    }
    #errortooltip .data {
        width: 300px;
    }
    #errortooltip .errorCount {
        color: brown;
        font-weight: bold;
    }


/* ================================
 *  DEPRACATED Styles - these styles are depracated for various reasons and
 * should be slowly removed from the site if possible.
 * ================================
 */
.taskCommentHeader
{
	color: #696969;
	font-weight: bold;
}

.transsum
{
	font-family: Arial;
	font-size: 12px;
	line-height: 14px;
	font-weight: normal;
}

.NormalRed
{
	color: #A50021;
}

/* style for separator between site links */
.Accent, .Accent2
{
	color: #FDB029;
	font-weight: bold;
}
.Accent2 
{
    margin-top: 4px;
    margin-bottom: 20px;
    width: 100%;
    display: inline-block;
}
/* Data List Styles ? */
tr.datalistHeaderStyle td, tr.dataListHeaderStyle a:active, tr.dataListHeaderStyle a:visited
{
	background-color: #AACCFF;
	color: black;
	font-size: 12px;
	font-weight: bold;
}
tr.dataListAlternatingItemStyle td
{
	background-color: red;
}

/* for tab header*/
.tabHead
{
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
}

/*Modal Popup*/
.modalBackground
{
	background-color: Gray;
	filter: alpha(opacity=70);
	opacity: 0.7;
}

.modalPopup
{
	background-color: #ffffdd;
	border-width: 3px;
	border-style: solid;
	border-color: Gray;
	padding: 3px;
	width: 250px;
}


/****************************** Styles for Telerik grid ***********************/
/* This is a modified version of the RadGrid Simple skin */
/*Telerik RadGrid Skin*/
/*global*/

.RadGrid_TIPowerGrid
{
    border:1px solid #999;
    background:#fff;
    color:#000;
}

.RadGrid_TIPowerGrid,
.RadGrid_TIPowerGrid .rgMasterTable,
.RadGrid_TIPowerGrid .rgDetailTable,
.RadGrid_TIPowerGrid .rgGroupPanel table,
.RadGrid_TIPowerGrid .rgCommandRow table,
.RadGrid_TIPowerGrid .rgEditForm table,
.RadGrid_TIPowerGrid .rgPager table,
.GridToolTip_TIPowerGrid
{
    /*font:12px/16px "segoe ui",arial,sans-serif;*/
    font-family: Verdana, Helvetica,sans-serif;
    font-size:11px;
    line-height:110%;
}

.RadGrid_TIPowerGrid .rgMasterTable,
.RadGrid_TIPowerGrid .rgDetailTable
{
    border-collapse:separate;
}

.RadGrid_TIPowerGrid .rgRow,
.RadGrid_TIPowerGrid .rgAltRow,
.RadGrid_TIPowerGrid .rgHeader,
.RadGrid_TIPowerGrid .rgResizeCol,
.RadGrid_TIPowerGrid .rgPager,
.RadGrid_TIPowerGrid .rgGroupPanel,
.RadGrid_TIPowerGrid .rgGroupHeader
{
	cursor:default;
}

.RadGrid_TIPowerGrid input[type="image"]
{
	cursor:pointer;
}

.RadGrid_TIPowerGrid .rgRow td,
.RadGrid_TIPowerGrid .rgAltRow td,
.RadGrid_TIPowerGrid .rgEditRow td,
.RadGrid_TIPowerGrid .rgFooter td,
.RadGrid_TIPowerGrid .rgFilterRow td,
.RadGrid_TIPowerGrid .rgHeader,
.RadGrid_TIPowerGrid .rgResizeCol,
.RadGrid_TIPowerGrid .rgGroupHeader td
{
	padding-left:7px;
	padding-right:7px;
}

.RadGrid_TIPowerGrid .rgClipCells .rgHeader,
.RadGrid_TIPowerGrid .rgClipCells .rgFilterRow>td,
.RadGrid_TIPowerGrid .rgClipCells .rgRow>td,
.RadGrid_TIPowerGrid .rgClipCells .rgAltRow>td,
.RadGrid_TIPowerGrid .rgClipCells .rgEditRow>td,
.RadGrid_TIPowerGrid .rgClipCells .rgFooter>td
{
	overflow:hidden;	
}

.RadGrid_TIPowerGrid .rgHeader:first-child,
.RadGrid_TIPowerGrid th.rgResizeCol:first-child,
.RadGrid_TIPowerGrid .rgFilterRow>td:first-child,
.RadGrid_TIPowerGrid .rgRow>td:first-child,
.RadGrid_TIPowerGrid .rgAltRow>td:first-child
{
	border-left:0;
	padding-left:8px;
}

.RadGrid_TIPowerGrid .rgAdd,
.RadGrid_TIPowerGrid .rgRefresh,
.RadGrid_TIPowerGrid .rgEdit,
.RadGrid_TIPowerGrid .rgDel,
.RadGrid_TIPowerGrid .rgFilter,
.RadGrid_TIPowerGrid .rgPagePrev,
.RadGrid_TIPowerGrid .rgPageNext,
.RadGrid_TIPowerGrid .rgPageFirst,
.RadGrid_TIPowerGrid .rgPageLast,
.RadGrid_TIPowerGrid .rgExpand,
.RadGrid_TIPowerGrid .rgCollapse,
.RadGrid_TIPowerGrid .rgUpdate,
.RadGrid_TIPowerGrid .rgCancel,
.RadGrid_TIPowerGrid .rgUngroup,
.RadGrid_TIPowerGrid .rgExpXLS,
.RadGrid_TIPowerGrid .rgExpDOC,
.RadGrid_TIPowerGrid .rgExpPDF,
.RadGrid_TIPowerGrid .rgExpCSV
{
	width:16px;
	height:16px;
	border:0;
	margin:0;
	padding:0;
	background-color:transparent;
	background-image:url('../images/Telerik_grid_sprite.gif');
	background-repeat:no-repeat;
	vertical-align:middle;
	font-size:1px;
	cursor:pointer;
}

.RadGrid_TIPowerGrid .rgGroupItem input,
.RadGrid_TIPowerGrid .rgCommandRow img,
.RadGrid_TIPowerGrid .rgHeader input,
.RadGrid_TIPowerGrid .rgFilterRow img,
.RadGrid_TIPowerGrid .rgFilterRow input,
.RadGrid_TIPowerGrid .rgPager img
{
	vertical-align:middle;
}

/*header*/

.RadGrid_TIPowerGrid .rgHeaderDiv
{
	background:#e4e4e4;
}

.RadGrid_TIPowerGrid .rgHeader,
.RadGrid_TIPowerGrid th.rgResizeCol
{
	border: aaaaa solid 1px;
	text-align:left;
	font-family:Arial;
    font-weight: bold;
    font-size: 12px;
    color:Black;
}

.RadGrid_TIPowerGrid .rgHeader
{
    background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#d4d4d4));
    background: -moz-linear-gradient(top,  #f2f2f2,  #d4d4d4);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2', endColorstr='#d4d4d4');
	height: 30px;
	border:0;
	padding-left:15px;
	padding-right: 15px;
}

.RadGrid_TIPowerGrid .rgHeader,
.RadGrid_TIPowerGrid .rgHeader a
{
    color:Black;
    text-decoration:none;
}

.RadGrid_TIPowerGrid .rgCheck
{
	height:15px;
	margin-top:0;
	margin-bottom:0;
	padding:0;
	cursor:default;
}

/*rows*/

.RadGrid_TIPowerGrid .rgRow td,
.RadGrid_TIPowerGrid .rgAltRow td,
.RadGrid_TIPowerGrid .rgEditRow td,
.RadGrid_TIPowerGrid .rgFooter td
{
	border:0;
	padding-top:4px;
	padding-bottom:3px;
	height:30px;
	padding-left:15px;
	padding-right:15px;
	font-size:11px;
	border-left: solid 1px #EEEEEE;
	border-right: solid 1px #EEEEEE;
}

.RadGrid_TIPowerGrid .rgRow td,
{
	/*border-color:#fff #c3c3c3;	*/

}

.RadGrid_TIPowerGrid .rgAltRow
{
	background:#EBF6F7;
}

.RadGrid_TIPowerGrid .rgAltRow td
{
	/*border-color:#ededed #c3c3c3;*/
}


.RadGrid_TIPowerGrid .rgAltRow .rgSorted
{
	background-color:#EBF6F7;
}

.RadGrid_TIPowerGrid .rgFooter a,
.RadGrid_TIPowerGrid .rgEditForm a
{
	color:#000;
}

.RadGrid_TIPowerGrid .rgRow a:link,
.RadGrid_TIPowerGrid .rgAltRow a:link,
.RadGrid_TIPowerGrid tr.rgEditRow a:link,
.RadGrid_TIPowerGrid .rgRow a:visited,
.RadGrid_TIPowerGrid .rgAltRow a:visited,
.RadGrid_TIPowerGrid tr.rgEditRow a:visited,
.RadGrid_TIPowerGrid .rgRow a:active,
.RadGrid_TIPowerGrid .rgAltRow a:active,
.RadGrid_TIPowerGrid tr.rgEditRow a:active
{color:#388BC8;}

.RadGrid_TIPowerGrid .rgRow a:hover,
.RadGrid_TIPowerGrid .rgAltRow a:hover,
.RadGrid_TIPowerGrid tr.rgEditRow a:hover
{
    text-decoration: underline;
}

.RadGrid_TIPowerGrid .rgSelectedRow
{
    /*background:#ffa517;*/
    background:#CAE9FE;
    color:black;
}

.RadGrid_TIPowerGrid .rgSelectedRow a,
.RadGrid_TIPowerGrid .rgHoveredRow a,
.RadGrid_TIPowerGrid .rgActiveRow a
{
	color:#892500;
}

.RadGrid_TIPowerGrid .rgActiveRow,
.RadGrid_TIPowerGrid .rgHoveredRow
{
    background:#ffe79c 0 -2900px repeat-x url('../images/Telerik_grid_sprite.gif');
    color:#892500;
}

.RadGrid_TIPowerGrid .rgEditRow
{
	/*background:#fff 0 -4900px repeat-x url('Grid/sprite.gif');*/
	background:#CAE9FE;
}

.RadGrid_TIPowerGrid .rgEditRow td,
.RadGrid_TIPowerGrid .rgEditRow td.rgSorted
{
	border-color:#616161 #c3c3c3;
}

/*footer*/

.RadGrid_TIPowerGrid .rgFooterDiv,
.RadGrid_TIPowerGrid .rgFooter
{
	background:#e4e4e4;
}

.RadGrid_TIPowerGrid .rgFooter td
{
	border-top:1px solid;
	border-color:#999 #c3c3c3;
}

/*status*/

.RadGrid_TIPowerGrid .rgPager .rgStatus
{
	width:35px;
	border:1px solid;
	border-color:#999 #999 #e4e4e4 #e4e4e4;
	border-left:0;
	padding:3px 0 2px;
}

.RadGrid_TIPowerGrid .rgStatus div
{
	width:24px;
	height:24px;
	overflow:hidden;
	border:0;
	margin:0 auto;
	padding:0;
	background:transparent center center no-repeat url('Common/loading_small.gif');
	text-indent:-2222px;
}

/*pager*/

.RadGrid_TIPowerGrid .rgPager
{
	background:#e4e4e4;
}

.RadGrid_TIPowerGrid .rgPager td
{
	padding:0;
}

.RadGrid_TIPowerGrid .rgPager .rgPagerCell
{
	border:1px solid;
	border-color:#999 #e4e4e4 #e4e4e4;
	border-right:0;
	padding:5px 0 3px;
}

.RadGrid_TIPowerGrid .rgWrap
{
	float:left;
	padding:0 10px;
	line-height:22px;
	white-space:nowrap;
}

.RadGrid_TIPowerGrid .rgArrPart1
{
	padding-right:0;
}

.RadGrid_TIPowerGrid .rgArrPart2
{
	padding-left:0;
}

.RadGrid_TIPowerGrid .rgInfoPart
{
	float:right;
	color:#777;
}

.RadGrid_TIPowerGrid .rgInfoPart strong
{
	font-weight:normal;
	color:#4c4e54;
}

.RadGrid_TIPowerGrid .rgArrPart1 img,
.RadGrid_TIPowerGrid .rgArrPart2 img
{
	margin:0 8px;
}

.RadGrid_TIPowerGrid .rgPageFirst,
.RadGrid_TIPowerGrid .rgPagePrev,
.RadGrid_TIPowerGrid .rgPageNext,
.RadGrid_TIPowerGrid .rgPageLast
{
	width:22px;
	height:22px;
	vertical-align:top;
}

.RadGrid_TIPowerGrid .NextPrev .rgPageFirst,
.RadGrid_TIPowerGrid .NextPrev .rgPagePrev,
.RadGrid_TIPowerGrid .NextPrev .rgPageNext,
.RadGrid_TIPowerGrid .NextPrev .rgPageLast
{
	vertical-align:middle;
}

.RadGrid_TIPowerGrid .rgPageFirst
{
	background-position:0 -550px;
}
.RadGrid_TIPowerGrid .rgPageFirst:hover
{
	background-position:0 -600px;
}
.RadGrid_TIPowerGrid .rgPagePrev
{
	background-position:0 -700px;
}
.RadGrid_TIPowerGrid .rgPagePrev:hover
{
	background-position:0 -750px;
}
.RadGrid_TIPowerGrid .rgPageNext
{
	background-position:0 -850px;
}
.RadGrid_TIPowerGrid .rgPageNext:hover
{
	background-position:0 -900px;
}
.RadGrid_TIPowerGrid .rgPageLast
{
	background-position:0 -1000px;
}
.RadGrid_TIPowerGrid .rgPageLast:hover
{
	background-position:0 -1050px;
}

.RadGrid_TIPowerGrid .rgPager .rgPagerButton
{
	height:22px;
	border:1px solid #7e7e7e;
	margin:0 14px 0 0;
	padding:0 4px 2px;
	background:#c6c6c6;
	color:#000;
	font:12px/12px "segoe ui",arial,sans-serif;
	vertical-align:middle;
	cursor:pointer;
}

.RadGrid_TIPowerGrid .rgNumPart
{
	padding:0;
}

.RadGrid_TIPowerGrid .NumericPages .rgNumPart
{
	padding:0 10px;
}

.RadGrid_TIPowerGrid .rgNumPart a
{
	float:left;
	line-height:20px;
	border:1px solid #e4e4e4;
	margin:0;
	padding:0 5px;
	color:#000;
	text-decoration:none;
}

.RadGrid_TIPowerGrid .rgNumPart a:hover
{
	border-color:#c98400;
	background:#ffe79c;
	color:#892500;
}

.RadGrid_TIPowerGrid .rgNumPart a:hover span
{
	cursor:pointer;
}

.RadGrid_TIPowerGrid .rgNumPart a.rgCurrentPage,
.RadGrid_TIPowerGrid .rgNumPart a.rgCurrentPage:hover
{
	border-color:#ca4b0c;
	background:transparent;
	color:#892500;
	cursor:default;
}

.RadGrid_TIPowerGrid .rgNumPart a.rgCurrentPage span,
.RadGrid_TIPowerGrid .rgNumPart a.rgCurrentPage:hover span
{
	cursor:default;
}

.RadGrid_TIPowerGrid .NextPrevNumericAndAdvanced .rgAdvPart
{
	float:none;
	text-align:center;
}

.RadGrid_TIPowerGrid .rgPager .RadSlider
{
	float:left;
	margin:0 10px 0 0;
}

.RadGrid_TIPowerGrid .rgPagerLabel,
.RadGrid_TIPowerGrid .rgPager .RadComboBox_TIComboBox,
.RadGrid_TIPowerGrid .rgPager .RadInput_TIPowerGrid
{
	margin:0 4px 0 0;
	vertical-align:middle;
}

*+html .RadGrid_TIPowerGrid .rgPager .RadComboBox_TIComboBox{margin-top:-1px;}
* html .RadGrid_TIPowerGrid .rgPager .RadComboBox_TIComboBox{margin-top:-1px;padding:1px 0;}

.RadGrid_TIPowerGrid .rgPagerTextBox
{
	text-align:center;
}

/*Used for hiding paging buttons*/
.RadFirstPage .rgPageFirst,
.RadFirstLastPage .rgPageFirst, .RadFirstLastPage .rgPageLast,
.RadLastPage .rgPageLast {
    display: none !important;
}

/*sorting, reordering*/

.RadGrid_TIPowerGrid .rgHeader .rgSortAsc
{
	background-image:url('../images/up.png');
	background-repeat: no-repeat;
	background-color:transparent;
	height:20px;
	border:0;
}

.RadGrid_TIPowerGrid .rgHeader .rgSortDesc
{
	background-image:url('../images/down.png');
	background-repeat: no-repeat;
	background-color:transparent;
	height:20px;
	border:0;
}

.GridReorderTop_TIPowerGrid,
.GridReorderBottom_TIPowerGrid
{
	width:9px !important;
	height:9px !important;
	margin-left:-5px;
	background:0 0 no-repeat url('../images/Telerik_grid_sprite.gif');
}

.GridReorderBottom_TIPowerGrid
{
	background-position:0 -50px;
}

/*filtering*/

.RadGrid_TIPowerGrid .rgFilterRow
{
	background:#e4e4e4;
}

.RadGrid_TIPowerGrid .rgFilterRow td
{
    border-bottom:1px solid #999;
    border-left:1px solid #e4e4e4;
    padding-top:5px;
    padding-bottom:6px;
}

.RadGrid_TIPowerGrid .rgFilter
{
	width:22px;
	height:22px;
	margin:0 0 0 2px;
	background-position:0 -300px;
}

.RadGrid_TIPowerGrid .rgFilter:hover
{
	background-position:0 -350px;
}

.RadGrid_TIPowerGrid .rgFilterActive,
.RadGrid_TIPowerGrid .rgFilterActive:hover
{
	background-position:0 -400px;
}

.RadGrid_TIPowerGrid .rgFilterBox
{
	border:1px solid #616161;
	padding:2px 1px 3px;
	font:12px "segoe ui",arial,sans-serif;
	color:#000;
	vertical-align:middle;
}

/*grouping*/

.RadGrid_TIPowerGrid .rgGroupPanel
{
	height:24px;
	border:0;
	border-bottom:1px solid #7c7c7c;
	background:#c6c6c6;
}

.RadGrid_TIPowerGrid .rgGroupPanel td
{
	border:0;
	padding:3px 4px;
}

.RadGrid_TIPowerGrid .rgGroupPanel td td
{
	padding:0;
}

.RadGrid_TIPowerGrid .rgUngroup
{
	background-position:0 -6998px;
}

.RadGrid_TIPowerGrid .rgGroupItem
{
	border:1px solid #7e7e7e;
	padding:0 2px 1px 3px;
	background:#e6ebf5 0 -1900px repeat-x url('../images/Telerik_grid_sprite.gif');
	line-height:20px;
	font-weight:normal;
	vertical-align:middle;
}

.RadGrid_TIPowerGrid .rgMasterTable td.rgGroupCol,
.RadGrid_TIPowerGrid .rgMasterTable td.rgExpandCol
{
	border:0;
	background:white;
}

.RadGrid_TIPowerGrid .rgAltRow td.rgExpandCol
{
	background:#EBF6F7;
}

.RadGrid_TIPowerGrid .rgGroupHeader
{
    background:#e4e4e4;
    font-size:1.1em;
    line-height:22px;
	color:#000;
}

.RadGrid_TIPowerGrid .rgGroupHeader td
{
	padding:0 7px 2px 8px;
}

.RadGrid_TIPowerGrid .rgExpand
{
	background-position:5px -496px;
}

.RadGrid_TIPowerGrid .rgCollapse
{
	background-position:3px -94px;
}

.RadGrid_TIPowerGrid .rgGroupHeader .rgExpand
{
	background-position:5px -495px;
}

.RadGrid_TIPowerGrid .rgGroupHeader .rgCollapse
{
	background-position:3px -93px;
}

.RadGrid_TIPowerGrid .rgGroupHeader td p
{
    display:inline;
    margin:0;
    padding:0 10px;
}

.RadGrid_TIPowerGrid .rgGroupHeader td div div
{
	top:-0.8em;
	padding:0 10px;
}

.RadGrid_TIPowerGrid .rgGroupHeader td div div div
{
	top:0;
	padding:0;
	border:0;
}

/*editing*/

.RadGrid_TIPowerGrid .rgEditForm
{
	border-bottom:1px solid #999;
}

.RadGrid_TIPowerGrid .rgUpdate
{
	background-position:0 -1800px;
}

.RadGrid_TIPowerGrid .rgCancel
{
	background-position:2px -1848px;
}

/*hierarchy*/

.RadGrid_TIPowerGrid .rgDetailTable
{
	border:1px solid #999;
	border-right-width:0;
}

/*command row*/

.RadGrid_TIPowerGrid .rgCommandRow
{
	/*background:#c6c6c6;*/
	background-color:#FFFFFF;
	color:#000;
}

.RadGrid_TIPowerGrid .rgCommandCell
{
	/*border:0;*/
	border-bottom:1px solid #7e7e7e;
	border-top:1px solid #7e7e7e;
	/*padding:0;*/
	padding-left:5px;
	padding-bottom:5px;
}

.RadGrid_TIPowerGrid tfoot .rgCommandCell
{
	border-top:1px solid #7e7e7e;
	border-bottom:0;
}

.RadGrid_TIPowerGrid .rgCommandTable td
{
	border:0;
	padding:3px 7px 4px;
}

.RadGrid_TIPowerGrid .rgCommandTable
{
	border:0;
}

.RadGrid_TIPowerGrid .rgCommandRow a
{
	/*color:#000;*/
	color:#487ab0;
	text-decoration:none;
}

.RadGrid_TIPowerGrid .rgAdd
{
	margin-right:3px;
	background-position:0 -1650px;
}

.RadGrid_TIPowerGrid .rgRefresh
{
	margin-right:3px;
	background-position:0 -1600px;
}

.RadGrid_TIPowerGrid .rgEdit
{
	background-position:0 -1700px;
}

.RadGrid_TIPowerGrid .rgDel
{
	background-position:0 -1750px;
}

.RadGrid_TIPowerGrid .rgExpXLS,
.RadGrid_TIPowerGrid .rgExpDOC,
.RadGrid_TIPowerGrid .rgExpPDF,
.RadGrid_TIPowerGrid .rgExpCSV
{
	background-image:url('../Common/Grid/export.gif');
}

.RadGrid_TIPowerGrid .rgExpXLS
{
	background-position:0 0;
}
.RadGrid_TIPowerGrid .rgExpDOC
{
	background-position:0 -50px;
}
.RadGrid_TIPowerGrid .rgExpPDF
{
	background-position:0 -100px;
}
.RadGrid_TIPowerGrid .rgExpCSV
{
	background-position:0 -150px;
}

/*multirow select*/

.GridRowSelector_TIPowerGrid
{
	background:#4c4e54;
}

/*row drag n drop*/

.GridItemDropIndicator_TIPowerGrid
{
    /*border-top:1px dashed #666;*/
    border-top:2px dashed #FDB029;
}

/*tooltip*/

.GridToolTip_TIPowerGrid
{
	border:1px solid #c98400;
	padding:3px;
	background:#ffefbd;
	color:#333;
}

/*rtl*/

.RadGridRTL_TIPowerGrid .rgHeader,
.RadGridRTL_TIPowerGrid .rgResizeCol
{
	text-align:right;
}

.RadGridRTL_TIPowerGrid .rgHeader:first-child,
.RadGridRTL_TIPowerGrid th.rgResizeCol:first-child,
.RadGridRTL_TIPowerGrid .rgFilterRow>td:first-child,
.RadGridRTL_TIPowerGrid .rgRow>td:first-child,
.RadGridRTL_TIPowerGrid .rgAltRow>td:first-child
{
	border-left:1px solid;
	padding-left:7px;
}

.RadGridRTL_TIPowerGrid .rgPager .rgStatus
{
	border-right:0;
	border-left-width:1px;
}

.RadGridRTL_TIPowerGrid .rgWrap
{
	float:right;
}

.RadGridRTL_TIPowerGrid .rgInfoPart
{
	float:left;
}

.RadGridRTL_TIPowerGrid .rgNumPart
{
	width:220px;
}

.RadGridRTL_TIPowerGrid .rgNumPart a
{
	float:right;
}

.RadGridRTL_TIPowerGrid .rgPageFirst
{
	background-position:0 -1000px;
}
.RadGridRTL_TIPowerGrid .rgPageFirst:hover
{
	background-position:0 -1050px;
}
.RadGridRTL_TIPowerGrid .rgPagePrev
{
	background-position:0 -850px;
}
.RadGridRTL_TIPowerGrid .rgPagePrev:hover
{
	background-position:0 -900px;
}
.RadGridRTL_TIPowerGrid .rgPageNext
{
	background-position:0 -700px;
}
.RadGridRTL_TIPowerGrid .rgPageNext:hover
{
	background-position:0 -750px;
}
.RadGridRTL_TIPowerGrid .rgPageLast
{
	background-position:0 -550px;
}
.RadGridRTL_TIPowerGrid .rgPageLast:hover
{
	background-position:0 -600px;
}

.RadGridRTL_TIPowerGrid .rgDetailTable
{
	border-right-width:1px;
	border-left-width:0;
}

/*Checkbox column*/
.RadGrid_TIPowerGrid .rgCheck{
    width: 20px;
}
/****************************** End styles for Telerik grid (TI) ***********************/
/****************************** Modified Telerik combobox style  ***********************/
/* RadComboBox_TIComboBox base skin */
/* RadComboBox Simple skin */
/*global*/
.RadComboBox_TIComboBox,
.RadComboBox_TIComboBox .rcbInput,
.RadComboBoxDropDown_TIComboBox
{
	font: 12px "Segoe UI", Arial, sans-serif;
	color: #333;
}

/* combobox */

/*Added this to override dataGridItemStyle when RadComboBox is inside a powergrid*/
div.RadComboBox_TIComboBox table td
{
	height: 22px;
	line-height: 22px;
}


div.RadComboBox_TIComboBox table td.rcbInputCell
{
	height: 18px;
	line-height: 18px;
	border: solid #bbb;
	background: #fff;
}
	
* html div.RadComboBox_TIComboBox table td.rcbInputCell
{
	height /**/: 20px;
	line-height /**/: 20px;
}

div.RadComboBox_TIComboBox table td.rcbInputCellLeft { border-width: 1px 0 1px 1px; }
div.RadComboBox_TIComboBox table td.rcbInputCellRight { border-width: 1px 1px 1px 0; }

* html div.RadComboBox_TIComboBox .rcbInputCell .rcbInput
{
	height /**/: 16px;
	padding /**/: 2px 0; /* This should fix the ajax introduced height in IE7 and not break IE6 */
}

.RadComboBox_TIComboBox .rcbInputCell .rcbEmptyMessage
{
	color: #666;
}

.RadComboBox_TIComboBox .rcbHovered .rcbInputCell .rcbInput,
.RadComboBox_TIComboBox .rcbFocused .rcbInputCell .rcbInput { color: #333; }

div.RadComboBox_TIComboBox table td.rcbArrowCell
{
	border: 1px solid #bbb;
	background: #fff url('../images/rcbSprite.png') no-repeat;
}

div.RadComboBox_TIComboBox table td.rcbArrowCell { background-position: -72px -88px; }

div.RadComboBox_TIComboBox .rcbReadOnly .rcbArrowCellLeft,
div.RadComboBox_TIComboBox .rcbArrowCellHidden.rcbArrowCellLeft { border-width: 1px 0 1px 1px; }
div.RadComboBox_TIComboBox .rcbReadOnly .rcbArrowCellRight,
div.RadComboBox_TIComboBox .rcbArrowCellHidden.rcbArrowCellRight { border-width: 1px 1px 1px 0; }

.RadComboBox_TIComboBox .rcbReadOnly td.rcbArrowCell { background-position: -2px 50%; }
.RadComboBox_TIComboBox .rcbHovered .rcbReadOnly .rcbArrowCell { background-position: -22px 50%; }
.RadComboBox_TIComboBox .rcbFocused .rcbReadOnly .rcbArrowCell { background-position: -42px 50%; }
.RadComboBox_TIComboBox .rcbDisabled .rcbReadOnly .rcbArrowCell { background-position: -62px 50%; }

.RadComboBox_TIComboBox td.rcbArrowCellHidden,
.RadComboBox_TIComboBox .rcbHovered td.rcbArrowCellHidden,
.RadComboBox_TIComboBox .rcbFocused td.rcbArrowCellHidden,
.RadComboBox_TIComboBox .rcbReadOnly td.rcbArrowCellHidden,
.RadComboBox_TIComboBox .rcbHovered .rcbReadOnly .rcbArrowCellHidden,
.RadComboBox_TIComboBox .rcbFocused .rcbReadOnly .rcbArrowCellHidden,
.RadComboBox_TIComboBox .rcbDisabled .rcbReadOnly .rcbArrowCellHidden,
.RadComboBox_TIComboBox table.rcbDisabled td.rcbArrowCellHidden { background: none; }

div.RadComboBox_TIComboBox .rcbArrowCell a
{
	background: #fff url('../images/rcbSprite.png') no-repeat;
	background-position: -72px -88px;
	height: 20px;
}

div.RadComboBox_TIComboBox td.rcbArrowCellHidden,
div.RadComboBox_TIComboBox .rcbArrowCellHidden a
{
	width: 1px;
}

div.RadComboBox_TIComboBox td.rcbArrowCellHidden.rcbArrowCellRight
{
	border-left: 0;
}

/* Read-only styles */

/* dropdown */

.RadComboBoxDropDown_TIComboBox
{
	background: #fff;
	border-color: #bbb;
}

.RadComboBoxDropDown_TIComboBox .rcbHeader,
.RadComboBoxDropDown_TIComboBox .rcbFooter
{
	background: #e4e4e4;
	color: #000;
}

.RadComboBoxDropDown_TIComboBox .rcbHeader
{
	border-bottom-color: #7c7c7c;
}

.RadComboBoxDropDown_TIComboBox .rcbFooter
{
	border-top-color: #7c7c7c;
}

.RadComboBoxDropDown_TIComboBox .rcbItem em
{
	background: #e5e5e5;
}

.RadComboBoxDropDown_TIComboBox .rcbItem,
.RadComboBoxDropDown_TIComboBox .rcbHovered
{
    margin-left: 5px !important;
}

.RadComboBoxDropDown_TIComboBox .rcbSeparator
{
    margin-left: 1px !important;
}

div.RadComboBoxDropDown_TIComboBox .rcbHovered
{
	background: #EBF6F7;
	color: #333;
	border: 1px solid #EBF6F7;
	padding: 1px 5px;
}

.RadComboBoxDropDown_TIComboBox .rcbSeparator
{
    font-weight: bold;
}

.RadComboBox_TIComboBox .rcbDisabled .rcbInputCell .rcbInput,
.RadComboBoxDropDown_TIComboBox .rcbDisabled
{
	color: #787777;
}

.RadComboBoxDropDown_TIComboBox .rcbLoading
{
	background: #f0f0f0;
}

.RadComboBoxDropDown_TIComboBox .rcbMoreResults
{
	border-top-color: #c3c3c3;
	background: #e4e4e4;
	color: #8a8a8a;
}

.RadComboBoxDropDown_TIComboBox .rcbMoreResults a
{
	background: url('ComboBox/rcbSprite.png') no-repeat -1px -85px;
}


/****************************** End modified Telerik combobox style  ***********************/

/****************************** Styles for Telerik TabStrip ***********************/
/* This is a modified version of the TabStrip DefaultLite skin */
/****************************** Styles for Telerik TabStrip ***********************/

.RadTabStrip_TITabStrip {
    color: #333333;
}

    .RadTabStrip_TITabStrip .rtsLevel1 {
        border-color: #cccccc;
    }

        .RadTabStrip_TITabStrip .rtsLevel1 .rtsLink {
            border-color: #cdcdcd;
            color: #333333;
            background-color: #D5E5EC;
            background-image: linear-gradient(#ffffff, #F0F5F8, #D5E5EC);
        }

        /*.RadTabStrip_TITabStrip .rtsLevel1 .rtsHovered .rtsLink {
            border-color: #a6a6a6;
            color: #333333;
            background-color: silver;
            background-image: linear-gradient(#d4d4d4, silver);
        }*/

        .RadTabStrip_TITabStrip .rtsLevel1 .rtsSelected .rtsLink {
            border-color: #cccccc;
            color: #333333;
            background-color: #ffffff;
            background-image: linear-gradient(#C3E1ED, #EEF4F7, #ffffff);
        }

        .RadTabStrip_TITabStrip .rtsLevel1 .rtsFocused .rtsLink {
            border-color: #8d8d8d;
            box-shadow: inset 0 0 5px #8d8d8d;
        }

        .RadTabStrip_TITabStrip .rtsLevel1 ~ .rtsLevel {
            border-color: #cccccc;
            color: #333333;
            background-color: #ffffff;
        }

            .RadTabStrip_TITabStrip .rtsLevel1 ~ .rtsLevel .rtsLink {
                color: #1976d2;
            }

            .RadTabStrip_TITabStrip .rtsLevel1 ~ .rtsLevel .rtsHovered .rtsLink {
                color: #11508e;
            }

            .RadTabStrip_TITabStrip .rtsLevel1 ~ .rtsLevel .rtsSelected .rtsLink {
                color: inherit;
                text-decoration: underline;
            }

            .RadTabStrip_TITabStrip .rtsLevel1 ~ .rtsLevel .rtsFocused .rtsLink {
                border-color: #8d8d8d;
                box-shadow: inset 0 0 5px #8d8d8d;
            }

    .RadTabStrip_TITabStrip .rtsGhostTab {
        border-color: #cdcdcd;
        color: #333333;
        background-color: #e6e6e6;
        background-image: linear-gradient(#fafafa, #e6e6e6);
        border-radius: 4px;
    }

    .RadTabStrip_TITabStrip.rtsTop .rtsLevel1 .rtsLink {
        border-radius: 4px 4px 0 0;
    }

    .RadTabStrip_TITabStrip.rtsTop .rtsLevel1 .rtsSelected .rtsLink {
        border-bottom-color: transparent;
    }

    .RadTabStrip_TITabStrip.rtsBottom .rtsLevel1 .rtsLink {
        border-radius: 0 0 4px 4px;
    }

    .RadTabStrip_TITabStrip.rtsBottom .rtsLevel1 .rtsSelected .rtsLink {
        border-top-color: transparent;
    }

    .RadTabStrip_TITabStrip.rtsLeft .rtsLevel1 .rtsLink {
        border-radius: 4px 0 0 4px;
    }

    .RadTabStrip_TITabStrip.rtsLeft .rtsLevel1 .rtsSelected .rtsLink {
        border-right-color: transparent;
    }

    .RadTabStrip_TITabStrip.rtsRight .rtsLevel1 .rtsLink {
        border-radius: 0 4px 4px 0;
    }

    .RadTabStrip_TITabStrip.rtsRight .rtsLevel1 .rtsSelected .rtsLink {
        border-left-color: transparent;
    }



/****************************** End styles for Telerik TabStrip ***********************/
/* ================================================================== */
/*  Stuff copied from main.css.                                       */
/* ================================================================== */
/* ================= */
/*  Banner           */
/* ================= */
.main-navgatior-menu {
    height: 30px;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    -moz-border-radius: 5px;
    border-radius: 5px; /* does not work on IE versions below 9*/
    background: url("../images/ui-bg_glass_75_dadada_1x400.png") repeat-x scroll 50% 50% #E6E6E6;
    border: solid 1px #cccccc;
}

.main-navgatior-menu ul
{
    -moz-transition: opacity 0.25s ease 0.1s;
    border-radius: 0 0 5px 5px;
    right: 0;
    margin: 0;
    opacity: 0;
    padding: 0;
    position: absolute;
    top: 30px;    
}

.main-navgatior-menu ul li
{
  height:0;
}

.main-navgatior-menu .sub-menu
{
}

.main-navgatior-menu .account
{
  background: url("../resources/img/ico.png") no-repeat scroll 15px -92px transparent;
}

.main-navgatior-menu .signoff
{
  background: url("../resources/img/logout.png") no-repeat scroll 18px 0 transparent;
}

.main-navgatior-menu li
{
    float: left;
    height: 30px;
    list-style: none outside none;
    margin: 0;
    outline: medium none;
    padding: 0;
    position: relative;
}

.main-navgatior-menu a
{
    color: #808080;
    display: block;
    padding: 0 25px;
    text-decoration: none;
    cursor:pointer;
    vertical-align: baseline;
    font-weight: normal;
}

.main-navgatior-menu a:hover
{
  color: #D6D5D4;
}

.main-navgatior-menu ul li
{
    -moz-transition: height 0.25s ease 0.1s;
    height: 0;
    overflow: hidden;
}

.main-navgatior-menu ul li a
{
    border: medium none;
    padding-left: 40px;
    padding-right: 10px;
    text-align: left;
    width: 100px;
}

.main-navgatior-menu li:first-child a
{
  border-left:none;
}

.main-navgatior-menu li:last-child a
{
  border-right:none;
}

.main-navgatior-menu li:hover > ul
{
  opacity: 1;
  -moz-opacity: 1;
  filter:alpha(opacity=100);
}

.main-navgatior-menu li:hover > ul li
{
  width: 100%;
  height:30px;
  overflow: visible;
  background:url("../images/ui-bg_glass_75_dadada_1x400.png") repeat-x scroll 50% 50% #E6E6E6;*/
}



/* ================= */
/*  Main Body        */
/* ================= */

body{font-size:12px; font-family:Arial; color:#333; min-width:1020px; overflow-x:auto; text-align:left;} /*override the screen.css. line-height: 20px; added by River. */

/* ================= */
/*  Footer           */
/* ================= */
.copy-right
{
    background: none repeat scroll 0 0 #DBDBDB;
    bottom: 0;
    color: #9A9A9A;
    font-family: Arial;
    font-size: 11px;
    margin: 0;
    position: fixed;
    width: 100%;
    z-index: 500;
    min-width:1020px;
    line-height:20px;
}

.version
{
    border-left : 2px solid #bbbbbb;
    margin: 0 10px;
    padding: 0 10px;
}

.right-text
{
    margin-left :20px;
}

/*******************************************************************************
ValidationHighlighter report
*******************************************************************************/
.vh_body { background-color: #FFFFFF; font-family: sans-serif; }
.vh_severity1 { background-color: #CCFFcc; }
.vh_severity2 { background-color: #FFFF99; }
.vh_severity3 { background-color: #FF3F3F; }
.vh_severity4 { background-color: #FF3F3F; }
.vh_severity5 { background-color: #FF3F3F; }
.vh_severity6 { background-color: #FF3F3F; }
.vh_emsg { white-space: nowrap; color: #FF6666; color: #999999; }
.vh_emsgextra { font-size: 80%; }
.vh_genmsg { white-space: nowrap; color: #6666FF; color: #999999; }
.vh_genmsgextra { font-size: 80%; }
.vh_liblink { color: #666666; }
.vh_odd { background-color: #FFFFFF; }
.vh_even { background-color: #E0E0E0; }
.vh_edi { white-space: normal; border-collapse: collapse; }
.vh_edilinenum { text-align: right; font-weight: bold; color: #669966; }
.vh_title { font-size: 12pt; font-weight: bold; margin: 10px; background-color: #CCCCCC; padding: 3px; }
.vh_title .filename { font-size: 14pt; color: 993333; }
.vh_liblinktitle { color: white; background-color: black; padding: 5px; margin: 0px; font-size: 12pt; font-weight: bold; }
/* styles for embedded LibraryLinks */
.vh_bt  { border-top-color: black; border-top-style: solid; border-top-width: 1px; background-color: #CCCCCC }
.vh_btn  { border-top-color: black; border-top-style: solid; border-top-width: 1px; }
.vh_bb  { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: black }
.vh_bl  { border-left-width: 1px; border-left-style: solid; border-left-color: black }
.vh_br  { border-right-width: 1px; border-right-style: solid; border-right-color: black }
.vh_btl  { border-top-width: 1px; border-top-style: solid; border-top-color: black; border-left-width: 1px; border-left-style: solid; border-left-color: black }
.vh_btr  { border-top-width: 1px; border-top-style: solid; border-top-color: black; border-right-width: 1px; border-right-style: solid; border-right-color: black; background-color: #CCCCCC }
.vh_btrn { border-top-width: 1px; border-top-style: solid; border-top-color: black; border-right-width: 1px; border-right-style: solid; border-right-color: black; }
.vh_bbl  { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: black; border-left-width: 1px; border-left-style: solid; border-left-color: black }
.vh_bbr  { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: black; border-right-width: 1px; border-right-style: solid; border-right-color: black }

/*******************************************************************************
Data Search Results
*******************************************************************************/
.DataSearchResults{
        margin: 0;
        padding: 0;
    }
.DataSearchResults li {
        list-style: none;
        margin-bottom: 15px;
    }

.DataSearchResults li>a {
        /*font-size: 15px;*/
        font-weight: bold;
    }

.DataSearchResultsPanelVisible {
        background-color: #ededed;
        border: 1px solid #bdbdbd;
        padding: 5px;
    }

.DataSearchResultsPanelHidden {
        background-color: transparent;
        border: 0;
        padding: 5px;
    }
.DataSearchResultsHighlight {
        background-color: yellow;
    }

/*******************************************************************************
Informational message - filter pattern
*******************************************************************************/
.filterMessage, .filterMessageFade {    
    margin-bottom: 10px;
    padding:3px;
    background-color: #fff6c0; 
    border: 1px solid #d2d6db;
    display: block;
    border-radius: 3px; 
    box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.05);  
}

.filterMessageFade {
    opacity:1;
    animation: fadeIt 1s ease-out; 
    transition: opacity 1s; 
}

.filterMessageFade.fade {
    opacity:0;
}

@keyframes fadeIt {
  0%   { background-color: transparent; }
  100%  { background-color: #fff6c0; }
}

/*******************************************************************************
Styling for CustomPager control
*******************************************************************************/
.PagerLinkButtons
{
	/* Use defaults for most pager buttons */
}

.PagerLinkButtonsTreeView
{
	font: 11px "Segoe UI", Arial, sans-serif;
	margin-right: 2px;
}

/*******************************************************************************
Styling for FHIR Resource Pages

*******************************************************************************/
.FHIRPanel {
    width: 500px;
    border: #888888 solid 1px;
    padding: 20px;
    -moz-border-radius: 3px;
    border-radius: 3px; /* does not work on IE versions below 9*/
    z-index: 50;
}

.FHIRTable {
    width: 100%;
    font-weight: normal;
    font-size: 12px;
}

    /*First Column Labels*/
    .FHIRTable td:nth-child(1) {
        width: 25%;
        text-align: right;
        vertical-align: text-top;
    }

    /*Second Column Data*/
    .FHIRTable td:nth-child(2) {
        width: 75%;
        text-align: left;
        vertical-align: text-top;
        word-wrap: break-word;
        word-break: break-all;
    }


    /*Resource Name*/
    .FHIRTable > tbody > tr:first-child > td:nth-child(2) {
        font-weight: Bold;
        font-size: 16px;
        vertical-align: bottom;
    }

    /*Lists*/
    .FHIRTable ul {
        margin: 0;
    }

    .FHIRTable td:nth-child(2) li {
        margin-left: -25px;
    }

    /*Image*/
    .FHIRTable img {
        max-height: 100px;
    }

/*FHIR ID, FHIR Last Updated*/
.FHIRFooter {
    font-weight: lighter;
    font-size: 10px;
}

.FHIRJsonPanel {
    white-space: pre-wrap;
    font-family: Lucida Console, monospace;
}

.FHIRAttachmentPanel, .FHIRScrollingAttachmentPanel {
    width: 80vw;
    margin-top: 8px;
    margin-bottom: 8px;
}

.FHIRScrollingAttachmentPanel {
    height: 300px;
    overflow-y: scroll;
    border: solid 1px #cccccc;
}