/* 6.0 Start */
@media screen
{
.pagerCell
{
 border:1px blue solid;padding:3px;
}
.selectedPagerCell
{
 border:1px blue solid;padding:3px;background-color:#A8A8A8;color:#FFFFFF;font-weight: bold;
}    
    /* sets the body style of the page */
    body
    {
        padding: 0;
        margin: 0;
        background-color: #ffffff;
        font-family: Verdana; /*setting the font type at body level doesn't apply to dropdownlist and input controls like button, textboxes etc.*/
        font-size: 0.75em;
        color: #000000;
        height: 100%;
    }
    /*set the font type for dropdown lists and input controls */
    select, input, textarea
    {
        font-family: Verdana;
        font-size: small;
    }
    /* NOTE: to make the link color in the grids configurable */
    table.GridClass a
    {
        color: Blue;
        text-decoration: underline;
    }
    table.GridClass td
    {
        overflow: hidden;
        padding-bottom: 4px;
        margin-bottom: -4px;
    }
    /* to configure results tab links set "ResultsLnkBtn" skinID */
    /* to configure results tab links set "OrdersLnkBtn" skinID */
    /* to configure patient forms grid links, set "FormsLnkBtn" skinID */
    /* Sets the patient header color when the patient is selected from patient list */
    .PatientHeader
    {
        background-color: #ffffce;
    }
    /* Sets the style for web part body*/
    .WebPartBody
    {
        background-color: #FFFFFF;
        height: 100%;
        border: 1px solid #c4d79d;
        vertical-align: top;        
    }
   td.webpartContainer
    {
        border: 1px solid #c4d79d;
        vertical-align: top;
        height: 100%;
        background-color: #ffffff;
        -khtml-box-shadow: rgba(0,0,0,0.5) 0px 0px 24px;
    -moz-box-shadow: rgba(0,0,0,0.5) 0px 0px 24px;
    box-shadow: rgba(0,0,0,0.5) 0px 0px 24px;
    }
    /* Sets the banner image, and set back color for filling */
    .BannerImageLeft
    {
        background-image: url(../../App_Themes/ECLP_StandAlone/HeaderLogo.png);
        width: 1000px;
        height: 108px;
        background-repeat: no-repeat;
        background-color: White; /*needed for filling */
        
    }
    div.HeaderShadow
    {
        -khtml-box-shadow: rgba(0,0,0,0.5) 0px 0px 4px;
        -moz-box-shadow: rgba(0,0,0,0.5) 0px 0px 4px;
        box-shadow: rgba(0,0,0,0.5) 0px 0px 4px;   
    }
    td.HeaderShadow
    {
        -khtml-box-shadow: rgba(0,0,0,0.5) 0px 0px 24px;
        -moz-box-shadow: rgba(0,0,0,0.5) 0px 0px 24px;
        box-shadow: rgba(0,0,0,0.5) 0px 0px 24px;   
    }
    .BannerImageRight
    {
	background-color: #558ed5;
	background-image: url(../../App_Themes//ECLP_StandAlone/NIH_females.png);
	background-position: right;
	background-repeat: no-repeat;
	/*
        background-image: url(../../App_Themes/ECLP_StandAlone/HeaderLogoBackground.png);
        background-repeat:repeat-x;
	*/
    }
    /* summary toolbar */
    ul.toolbar
    {
        width: 100%;
        height: 25px;
        margin: 0 auto;
        padding: 0px;
        background: url(../../App_Themes/ECLP_StandAlone/ToolbarGrad.png) repeat-x;
        list-style: none;
        border-left: 1px solid #b9b9b9;
    }
    ul.toolbar li
    {
        float: left;
        height: 25px;
        border-right: 1px solid #b9b9b9;
        line-height: 25px;
        vertical-align: middle;
    }
    ul.toolbar li.hover
    {
        background-color: #ffe29d;
    }
    ul.toolbar li.helpLink
    {
        float: right;
    }
    ul.toolbar li *
    {
        padding: 0px .8em 0px .8em;
    }
    /* end: summary toolbar */
    /* Sets the style for web part title */
    .WebPartTitle
    {        
        background-repeat: repeat-x;
        font-weight: bolder;
        text-align: left;
        width: 100%;
    }
    .WebPartTitle_Image
    {
        background-image: url(../../App_Themes/ECLP_StandAlone/WebPartTitle_Gradiant.png);
        background-repeat: repeat-x;
        font-weight: bolder;
        text-align: left;
        width: 100%;
    }

.WebPartTitle_Image#WebPartTitle_wp273555447
{
        background-image: none !important;
        width: 100%;
	color: #ffffff;
}

/* sjk */
#ctl00_BannerImageLarge {
	width: 665px !important;
}
    .WebPartTitleLeft
    {        
    	background-repeat: no-repeat;    	
    	height:20px;    	
    	width:17px;
    }
    .WebPartTitleLeft_Image
    {
        background-image:url(../../App_Themes/ECLP_StandAlone/TopLeft.png);
    	background-repeat: no-repeat;    	
    	height:20px;    	
    	width:17px;
    }
    .WebPartTitleRight
    {        
    	background-repeat:no-repeat;
    	height:20px;
    	width:17px;
    }
    .WebPartTitleRight_Image
    {
        background-image:url(../../App_Themes/ECLP_StandAlone/topright.png);
    	background-repeat:no-repeat;
    	height:20px;
    	width:17px;
    }
    
/* Different Class for Message Webpart  STARTS*/
.WebPartTitleWithoutChrome
    {
        
        background-repeat: repeat-x;
        font-weight: bolder;
        text-align: left;
        width: 100%;
    }
    .WebPartTitleLeftWithoutChrome
    {
        
    	background-repeat: no-repeat;    	
    	height:20px;    	
    	width:17px;
    }
    .WebPartTitleRightWithoutChrome
    {        
    	background-repeat:no-repeat;
    	height:20px;
    	width:17px;
    }
    .WebPartBodyWithoutBorder
    {
        background-color: #FFFFFF;
        height: 100%;
        
        vertical-align: top;        
    }
/* Different Class for Message Webpart  ENDS*/

    /*Sets the style for old popup(Popup2)*/
    .PopupTitle
    {
        background-image: url(../../App_Themes/ECLP_StandAlone/WebPartTitleGradiant.png);
        background-repeat: repeat-x;
    }
    /* Sets the back color for Old popup body */
    .content
    {
        background-color: #ffffff;
    } 
    .PopupMenuLink
    {
        color: Black;
    }
    .PopupStatusbar
    {
        background: #DCDCDC;
        color: white;
    }
    .DraggableHeader
    {
        width: 100%;
        height: 20px;
        background-color: #FFCC99;
        vertical-align: bottom;
        text-align: left;
        font-weight: bold;
        font-size: small;
        color: Black;
    }
    .DetailsWindow
    {
        border: 2px;
        border-color: ThreeDDarkShadow;
        border-style: groove;
        height: 275px;
        width: 500px;
        background-color: #EFF3FB;
    }
    /* hyperlink style for the portal links */
    A.Standard:link
    {
        text-decoration: none;
        color: blue;
    }
    A.Standard:visited
    {
        text-decoration: none;
        color: black;
    }
    A.Standard:active
    {
        text-decoration: none;
        color: black;
    }
    A.Standard:hover
    {
        text-decoration: underline;
        color: black;
    }
    A.Pronounced:link
    {
        text-decoration: underline;
        color: blue;
    }
    A.Pronounced:visited
    {
        text-decoration: underline;
        color: blue;
    }
    A.Pronounced:active
    {
        text-decoration: underline;
        color: blue;
    }
    A.Pronounced:hover
    {
        text-decoration: underline;
        color: blue;
    }
    A.Enabled
    {
        text-decoration: underline;
        color: blue;
    }
    A.Disabled
    {
        text-decoration: none;
        color: Gray;
    }
    Table.IWantTo
    {
        background-color: #DDDDDD;
    }
    TD.IWantTo
    {
        background-color: #FFCC99;
        font-weight: bold;
    }
    .PrintBody
    {
        background-image: none;
        background-color: white;
    }
    .PrintButton
    {
        display: inline;
    }
    .PrintTable
    {
        font-size: small;
        color: Black;
    }
    .ErrorPageMessage
    {
        position: relative;
        left: 50%;
        width: 500px;
    }
    .ErrorPageMessage p
    {
        position: relative;
        left: -50%;
        text-align: center;
        border: solid 2px black;
        padding: 5px;
        background-color: White;
    }
    /* for underlining label and option elements in questionnaire ListControl-based controls */
    .listControlUnderline label, .listControlUnderline option
    {
        text-decoration: underline;
    }
    /* leave this at the bottom */
    .disabled, .disabled *, a.disabled:link
    {
        cursor: default;
        color: Gray;
    }
    .eColorPicker
    {
        display: block;
    }
    .eColorPicker table
    {
        border-collapse: collapse;
    }
    .eColorPicker td
    {
        padding: 0px;
        margin: 0px;
    }
    .eColorPicker div
    {
        padding: 0px;
        margin: 0px;
    }
    .eColorPicker table
    {
    }
    table .eColorPicker td
    {
        border: 1px solid #ffffff;
        padding: 0px;
    }

	.eMultiSelectDropdownList table 
	{ 
		padding:0px;
		border-collapse:collapse; 
	}
    
    .eMultiSelectDropdownList .DropDownLook
	{
		padding:0px;
		border-style:solid;
		border-width:1px;
	}

	.eMultiSelectDropdownList .DivClose
	{
		display:none;
		position:absolute;
		width:250px;
		height:220px;
		border-style:solid;
		border-color:Gray; 
		border-width:1px;
		background-color:#99A479;
	}

	.eMultiSelectDropdownList .LabelClose
	{
		vertical-align:text-top; 
		position:absolute;
		bottom:0px;
		font-family:Verdana;
	}

	.eMultiSelectDropdownList .DivCheckBoxList
	{
		display:none;
		background-color:White;
		width:250px;
		position:absolute;
		height:200px;
		overflow-y:scroll; 
		overflow-x:hidden;
		border-style:solid;
		border-color:Gray; 
		border-width:1px;
	}

	.eMultiSelectDropdownList .CheckBoxList
	{
		position:relative;
		width:250px;
		height:10px; 
		overflow:scroll;
		font-size:small;
	}
	.selectedTheme
	{
		background-color:#FFCC99;
		vertical-align:middle;
		text-align:center;		
		cellSpacing:5;
		cellPadding:2;
		border-width:thin;
		border-style:solid;
		cursor:pointer;
	}
	
	.unselectedTheme
	{
		background-color:Transparent;
		vertical-align:middle;
		text-align:center;
		align:center;
		cellSpacing:5;
		cellPadding:2;
		border-width:thin;
		border-style:solid;
		cursor:pointer;
	}
	.justifyText
    {
        text-align:justify;text-justify:inter-word;padding:4px;
    }
}
@media print
{
    .PrintButton
    {
        display: none;
    }

    .PrintTable
    {
        font-size: small;
        color: Black;
    }
}

.pagerCell
{
 border:1px blue solid;padding:3px;
}
.selectedPagerCell
{
 border:1px blue solid;padding:3px;background-color:#A8A8A8;color:#FFFFFF;font-weight: bold;
}






/* 6.0 End */
.masterFooter
{
    margin-top: 3em;        
    text-align: center;
}
/* max length styles for textarea elements */
    div.maxLenContainer
    {
        width: 30em;
        display: block; /* textarea wrapped in a span by control in place */
    }
    textarea.maxLen
    {
        width: 30em;
        height: 6em;
        padding: 0px;
        padding-bottom: 1.1em;
        z-index: 1;
        border: 1px solid #a7a6aa;
    }
    div.maxLen
    {
        width: 30em;
        text-align: right;
        padding: 0px;        
        top: -.2em;
        z-index: 2;
        margin-top: -1px;
        cursor: default;
        color: #727272;
    }
    div.maxLen span
    {
        font-size: smaller;
        margin-right: 22px;
    }
    div.maxLenReclaim
    {
        margin-top: -1.4em;
    }
    div.maxLenWarning
    {
        background-color: #cc0000;
        border: 1px solid #cc0000; /* to match width of textarea */
        color: #ffff33;
    }
.Reasondropdown .ajax__combobox_itemlist {
   
    position: initial !important;
    border-top: outset;
    width: 528px !important;
}