p 
{
    margin: 0px;
    padding: 0px;
}

body 
{
    margin-left: 0px;
    margin-top: 0px;
    padding: 0px;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	background-color: #FFFFFF;
}

fieldset 
{
    margin: 0px  5px 0px 5px;
    border: 1px solid Gray;
}

legend
{
    background: #E4E7EC;
    font-size: normal;
    font-weight: bold;
    border: 1px solid Gray;
    margin-top: 5px;
    padding: 2px 10px 2px 10px;
}

hr
{
    border: none;
    background-color: Gray;
    color: Gray;
    height: 1px;
}

/*******************************
    Links
*******************************/

a:link, a:visited 
{
	color: #033387;
	text-decoration: none;
}

a:hover 
{
    text-decoration: underline;
}

/*******************************
    Sections
*******************************/

#pageContent
{
    float: left;
	width: 728px;
	margin-left: 10px;
	margin-top: 0px;
}

#pageContentTree, .pageContentTree
{
	/* width: 656px; */
	margin-left: 267px;
	margin-top: 135px;
}

#pageContentNoTree, .pageContentNoTree
{
	/* width: 728px; */
	margin-left: 10px;
	margin-top: 135px;
}

.pageHeaderFixed
{
    width: 100%;
    position: fixed;
    background-color: #FFFFFF;
    z-index: 997;
}

.pageSection
{
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E4E7EC', endColorstr='#D3D7DF'); /* for IE */
    background: #E2E2E2; /* for non-css3 browsers */
    background: -moz-linear-gradient(top,  #E2E2E2,  #FFFFFF); /* for firefox 3.6+ */ 
    background: -webkit-gradient(linear, left top, left bottom, from(#E2E2E2), to(#FFFFFF)); /* for webkit browsers */
    font-size: normal;
    font-weight: bold;
    /* border-top: 1px solid Gray; */
    /* border-bottom: 1px solid Gray; */
    /* margin-top: 5px; */
    padding: 5px 10px 5px 10px;
}

.pageErrorTitle
{
	color: Red;
	font-weight: bold;
	font-size: 14px;
}

.pageErrorMsg
{
	font-family: Arial;
	font-size: 12px;
}

/*******************************
    Page Scrolling
*******************************/

.scrollCustom
{
    position: relative; 
    z-index: 1;
}    

.scrollOneTitleButton
{
    position: relative; 
    z-index: 1;
    padding-top: 75px;
}

.scrollOneTitleTwoButton
{
    position: relative; 
    z-index: 1;
    padding-top: 110px;
}

.scrollTwoTitle
{
    position: relative; 
    z-index: 1;
    padding-top: 60px;
}

.scrollTwoTitleButton
{
    position: relative; 
    z-index: 1;
    padding-top: 94px;
}

.scrollTwoTitleButtonList
{
    position: relative; 
    z-index: 1;
    padding-top: 124px;
}

.scrollThreeTitle
{
    position: relative; 
    z-index: 1;
    padding-top: 79px;
}

.scrollThreeTitleButton
{
    position: relative; 
    z-index: 1;
    padding-top: 113px;
}

/********************
	Read-Only
*********************/
.scrollOneTitleButtonRO
{
    position: relative; 
    z-index: 1;
    padding-top: 50px;
}

.scrollTwoTitleButtonRO
{
    position: relative; 
    z-index: 1;
    padding-top: 60px;
}

.scrollTwoTitleButtonListRO
{
    position: relative; 
    z-index: 1;
    padding-top: 90px;
}

.scrollThreeTitleButtonRO
{
    position: relative; 
    z-index: 1;
    padding-top: 79px;
}

/*******************************
    Page Title
*******************************/

/* Only title on the page */
#divOneTitle
{
  margin: 10px 0px 13px 0px;
	font-size: 16px;
	font-weight: normal;
  text-transform: uppercase;
}

/* Page title */
#divMainTitle
{
  margin: 10px 0px 5px 0px;
	font-size: 16px;
	font-weight: normal;
  text-transform: uppercase;
}

/* Page subtitle (e.g. participant name) */
#divSubTitle
{
    margin: 0px 0px 11px 0px;
	font-size: 12px;
	font-weight: normal;
	color: #003070;
}

/* Page subtitle (e.g. participant name) */
#divReportTitle
{
    margin: 0px 0px 5px 0px;
	font-size: 12px;
	font-weight: bold;
	color: #003070;
}

/* Live database text color */
.colorLive
{
	color: #25456C; 
}

/* Archive database text color */
.colorArchive
{
	color: Purple;
}

/* Test database text color */
.colorTest
{
  color: maroon;
}

/*******************************
    Grid
*******************************/

.gridTitle
{
    /*
	display: block;
    background-color: #25456C;
    color: #FFFFFF;
    height: 18px;
    padding-top: 5px;
	*/
}

/* Container for buttons above grid */
.gridButtonPanel
{
    padding: 5px 0px 0px 5px;
    border-left: 1px solid Gray;
    border-right: 1px solid Gray;
}

.grid
{
    border: 1px solid Gray;
    font-family: Verdana;
    font-size: 7pt;
}

.gridHeader
{
    background-color: #E4E7EC;
    font-weight: bold;
    text-align: center;
    height: 24px;
}

.gridFooter
{
    background-color: #E4E7EC;
    font-weight: bold;
    height: 24px;
}

.gridFooterMonthlyCtrb {
  background-color: #8cc4f2;
  font-weight: bold;
  font-size: 12pt;
  height: 24px;
}

.gridItem
{
    background-color: #FFFFFF;
    height: 24px;
}

.gridAltItem
{
    background-color: #cedae3;
    height: 24px;
}

.gridSelectedItem
{
    background-color: #E2E2E2;
}


/*******************************
    Site Header
*******************************/

.siteTitle
{
    font-size: 18pt;
    color: #133863;
    text-align: right;
    vertical-align: bottom;
    padding-right: 10px;
    padding-bottom: 8px;
}

#MARCheader 
{
    background-image: url('sponsor/images/header/OCAlogo.png');
    background-repeat: no-repeat;
    vertical-align: middle;
	width: 300px;
    height: 75px;
	left: 0px;
	top: 0px;
}

/*******************************
    Welcome Bar
*******************************/

.welcome 
{
	width: 100%;
	background-color: #00263E;
  color: white;
  font-size: 12px;
  font-weight: normal;
  text-decoration: none;
}

/*******************************
    Tree
*******************************/

.tree
{
    padding-top: 10px;
    width: 255px;
    height: 100%;
    max-height: 82%;
    overflow: auto;
    border-style: none;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E2E2E2', endColorstr='#FFFFFF'); /* for IE */
    background: #E2E2E2; /* for non-css3 browsers */
    background: -moz-linear-gradient(top,  #E2E2E2,  #FFFFFF); /* for firefox 3.6+ */ 
    background: -webkit-gradient(linear, left top, left bottom, from(#E2E2E2), to(#FFFFFF)); /* for webkit browsers */
}
    
.treeNode
{
    color: #000000 ! important;
    padding: 3px 3px 3px 3px;
}

.treeHoverNode 
{
    color: #000000 ! important;
}

.treeSelectedNode
{
    background-color: #214877 ! important;
    color: #FFFFFF ! important;
    padding: 3px 3px 3px 3px;
    text-decoration: none;
}


/*******************************
    Input Controls
*******************************/

.note 
{
    font-size: 10px;
}

.commentBox
{
    font-size: 8pt;
    font-family: Arial, Helvetica, Sans-Serif; /* To change font in multiline text box */
}

.textLeft
{
    font-size: 12px;
    text-align: left;
}

.textRight
{
    font-size: 12px;
    text-align: right;
}

.textReadOnly
{
    font-size: 12px;
    border-style: none;
    background-color: transparent;
}

.checkList
{
    font-size: 8pt;
    padding: 10px;
    border: 1px solid Gray;
}

.ocaBatchCheckT {
  border-top: thin solid black;
}
.ocaBatchCheckR {
  border-right: thin solid black;
}
.ocaBatchCheckL {
  border-left: thin solid black;
}
.ocaBatchCheckB {
  border-bottom: thin solid black;
}
.ocaBatchCheck, .ocaBatchCheckB, .ocaBatchCheckL, .ocaBatchCheckR, .ocaBatchCheckT {
  background-color: WhiteSmoke;
}

/*******************************
    Menu
*******************************/

#menu 
{
	width: 100%;
	background-color: #133863;
  color: white;
  font-size: 12px;
  font-weight: normal;
  text-decoration: none;
	float: left;
}

ul.dropdown,
ul.dropdown li,
ul.dropdown ul 
{
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.dropdown 
{
	position: relative;
	z-index: 597;
	float: left;
	font-size: 12px;
	font-weight: normal;
}

ul.dropdown li 
{
	float: left;
	line-height: 1.3em;
	vertical-align: middle;
	padding: 7px 10px;
	color: White;
}

ul.dropdown li:hover 
{
  background-color: #72A5C2;
	position: relative;
	z-index: 599;
	cursor: default;
}

ul.dropdown ul 
{
	visibility: hidden;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 598;
	width: 100%;
}

ul.dropdown ul li 
{
	float: none;
	font-weight: normal;
	background-color: #72A5C2;
}

ul.dropdown ul li:hover {
  background-color: #133863;
}

ul.dropdown ul ul 
{
	top: 1px;
	left: 99%;
}

ul.dropdown li:hover > ul 
{
	visibility: visible;
}

ul.dropdown a:link,
ul.dropdown a:visited	{ color: White; text-decoration: none; display: block; }
ul.dropdown a:hover		{ color: White; text-decoration: none; }
ul.dropdown a:active	{ color: White; }

	/* -- level mark -- */

ul.dropdown .dir 
{
	padding-right: 20px;
	background-image: url('sponsor/images/menu/nav-arrow-down-white.gif');
	background-position: 100% 50%;
	background-repeat: no-repeat;
}

ul.dropdown #current 
{
	color: White;
}

/*******************************
    Button
*******************************/

a.button 
{
	background: transparent url('sponsor/images/button/bg2_button_a.jpg') no-repeat scroll top right;
	color: #444;
	display: block;
	float: left;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
	height: 24px;
	margin-right: 6px;
	padding-right: 17px; /* sliding doors padding */
	text-decoration: none;
  text-transform: uppercase;
}

a img { border:none;}

a.button span 
{
	background: transparent url('sponsor/images/button/bg2_button_span.jpg') no-repeat;
	color: White;
	display: block;
	line-height: 14px;
	padding: 5px 0 5px 18px;
}

a.button:active 
{
	background-position: bottom right;
	color: #000;
	outline: none; /* hide dotted outline in Firefox */
}

a.button:active span 
{
	background-position: bottom left;
	padding: 6px 0 4px 18px; /* push text down 1px */
}

.buttonPanelTop
{
	height: 34px;
}

/*******************************
  Link Buttons on Pages
*******************************/
a.linkButton span {
  color: darkblue;
  display: block;
  line-height: 14px;
  padding: 5px 0 5px 0px;
}

a.linkButton:active {
  outline: none; /* hide dotted outline in Firefox */
}

  a.linkButton:active span {
  }

a.linkButton:hover {
  text-decoration: underline;
}

/*******************************
  PDF Download Link Buttons on Pages
*******************************/
a.linkButton span {
  color: darkblue;
  display:unset;
  line-height: 14px;
  padding: 5px 0 5px 0px;
  text-wrap:none;
}

a.linkButton {
  outline: none; /* hide dotted outline in Firefox */
}

  a.linkButton, a.pdfButton:active span {
  }

a.linkButton, a.pdfButton:hover {
  text-decoration: underline;
}

img.pdfdownload {
  vertical-align:middle;
  width: 41x;
  height: 28px;
}

/*******************************
    Panel
*******************************/

.headerImgLeft
{
	background-image: url('sponsor/images/panel/left-sml-curve2.png');
	height: 26px;
	width: 5px;
}

.headerImgRight
{
	background-image: url('sponsor/images/panel/right-sml-curve2.png');
	height: 26px;
	width: 5px;
}

.headerImgMid
{
	background-image: url('sponsor/images/panel/mid-title-bg2.png');
	height: 26px;
	color: White;
}

.collapsiblePanelContainer  
{
	height: 0; 
	overflow: hidden;
}

.panelOuter
{
	border: 1px solid Gray;
}

.headerTitle
{
	color: #FFFFFF;
	padding-left: 5px;
  text-transform: uppercase;
}

/* Container for buttons inside of panel */
.panelButtonPanel
{
    padding: 5px 0px 0px 5px;
    border-bottom: 1px solid Gray;
}

/*******************************
    Table
*******************************/

.fillTableClear
{
    margin: 5px 0px 5px 10px;
}

/*******************************
    Tabs
*******************************/
/*
.customTabStyle .ajax__tab_header 
{
    font-size: 10pt;
    font-weight: bold;
    border-bottom: solid 5px #5C5C5C;
    border-bottom: solid 5px #284A6F;
}

.customTabStyle .ajax__tab_header .ajax__tab_outer 
{
    background-color: #E2E2E2;
    margin: 0px 0.26em 0px 0px;
    padding: 1px 0px 1px 0px;
    vertical-align:bottom;
    border: solid 1px #5C5C5C;
    border-bottom-width: 0px;
}

.customTabStyle .ajax__tab_header .ajax__tab_tab
{    
    color: #000000;
    padding: 0.35em 0.75em;    
    margin-right: 0.01em;
}

.customTabStyle .ajax__tab_hover .ajax__tab_outer 
{
    text-decoration: underline;
}

.customTabStyle .ajax__tab_active .ajax__tab_tab 
{
    color: #FFFFFF;
}
*/

/*.customTabStyle .ajax__tab_active .ajax__tab_outer
{
/*
	/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#868686', endColorstr='#5c5c5c'); /* for IE */
	/*background: #727272; /* for non-css3 browsers */
	/*background: -moz-linear-gradient(top,  #868686,  #5c5c5c); /* for firefox 3.6+ */ 
	/*background: -webkit-gradient(linear, left top, left bottom, from(#868686), to(#5c5c5c)); /* for webkit browsers */
  
	/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#647A94', endColorstr='#284A6F'); /* for IE */
	/*background: #284A6F; /* for non-css3 browsers */
	/*background: -moz-linear-gradient(top,  #647A94,  #284A6F); /* for firefox 3.6+ */ 
	/*background: -webkit-gradient(linear, left top, left bottom, from(#647A94), to(#284A6F)); /* for webkit browsers */
/*}/*

/*
.customTabStyle .ajax__tab_body 
{
}
*/

.messages {width:100%; padding:5px}
.messages-text {margin-left:10px; padding:6px 0}
.messages-error {background-color:#fbe3e4; color:#d12f19; border:solid 1px #fbc2c4}
.messages-warning {background-color:#faffcf; color:#5e5f00; border:solid 1px #edef00}
.messages-success {background-color:#e0efd1; color:#003300; border:solid 1px #a5cc7a}

/************************************
  General
*/
.hidden {
  display: none;
}


/*******************************
    Printing
*******************************/

@media print 
{
    a
    {
        visibility: hidden;
    }
    
    /* Move the page content left over the tree space */
    #header
    {
        display: none;
    }
    
    #menu
    {
        display: none;
    }
    
    #tdTree
    {
        display: none;
    }
    
    #tdTreeOuter
    {
        display: none;
    }
    
    #siteHeaderFixed
    {
        display: none;
    }
        
    #pageContentTree, .pageContentTree
    {
        margin-left: 0px;
	    margin-top: 0px;
    }

    #pageContentNoTree, .pageContentNoTree
    {
        margin-top: 0px;
    }
   
    #pageContentScroll
    {
        padding-top: 0px ! important;
    }
    
    #divSelectButtons
    {
    	display: none;
    }
    
    #tdProgressBar
    {
    	display: none;
    }
    
    .divSelectButtons
    {
    	display: none;
    }
    
    .pageHeaderFixed
    {
        width: 100%;
        position: relative;
    }
        
    .textRight
    {
        text-align: left;
    }
    
    .gridHeader a
    {
        /* Show sortable grid headers when printing */
        visibility: visible ! important;
        color: #000000;
    }
    
    .gridButtonPanel, .panelButtonPanel /*.tableButtonPanel*/
    {
        display: none;
    }
    
    /* the following are for divButtons and pageContentScroll panels*/
    .buttonPanelTop
	{
        display: none;
	}

	.scrollCustom
	{
		position: relative; 
		z-index: 1;
		padding-top: 0px ! important;
	}

	.scrollOneTitleButton
	{
		position: relative; 
		z-index: 1;
		padding-top: 0px ! important;
	}

	.scrollTwoTitle
	{
		position: relative; 
		z-index: 1;
		padding-top: 0px ! important;
	}

	.scrollTwoTitleButton
	{
		position: relative; 
		z-index: 1;
		padding-top: 0px ! important;
	}

	.scrollTwoTitleButtonList
	{
		position: relative; 
		z-index: 1;
		padding-top: 0px ! important;
	}

	.scrollThreeTitle
	{
		position: relative; 
		z-index: 1;
		padding-top: 0px ! important;
	}

	.scrollThreeTitleButton
	{
		position: relative; 
		z-index: 1;
		padding-top: 0px ! important;
	}

	/********************
		Read-Only
	*********************/
	.scrollOneTitleButtonRO
	{
		position: relative; 
		z-index: 1;
		padding-top: 0px ! important;
	}

	.scrollTwoTitleButtonRO
	{
		position: relative; 
		z-index: 1;
		padding-top: 0px ! important;
	}

	.scrollTwoTitleButtonListRO
	{
		position: relative; 
		z-index: 1;
		padding-top: 0px ! important;
	}

	.scrollThreeTitleButtonRO
	{
		position: relative; 
		z-index: 1;
		padding-top: 0px ! important;
	}
        
}