/*  ------------ Supplemental Menu styles ----------------------- 
    (styles build on portal.css within DNN portal folder
*/

#content  /* override wide.css (accomodate minHeight div w/directories) */
{
    margin-right:25px !important; 
}

span.head  /* override wide.css */
{
    height:33px !important;
}
span.head sup 
{
    font-size:14px;
}

div.head
{
    height:33px !important;
    width:575px;
}

.contentPane
{
    width:575px;
    float:left;
}

.infoPanelPane
{
	position:relative;
	top:-30px;
    width:330px;
    float:right;
}

#quicklinksPane, .rightSideBar
{
    float:left;
    margin-left:30px;
    margin-top:7px;
}

.quicklinkscontainer 
{
    background:transparent url(/dnn/portals/0/containers/NCPP-home/images/quicklinks_middle.gif) repeat-y scroll 0%;
    height:auto;
    width:301px;
    text-align:center;
}

#donateContainer
{
     width:300px; 
     text-align: center;
}

#minHeight  /* override portal.css */
{
    height:440px !important;
}

.iespacer, .ffspacer /* hack for DNN SolPart menu default IE/FF markup (dynamically changed in master page header styles) */
{
    display:none;
}

td.SelectedMenuItem /* local class/style */
{
    color:White;
}

table.SubMenuContainer  /* local class/style */
{
    z-index:500 !important;
}


#spinnerContainer
{
    float:right;
    width:35px; /* to match DNN right menu 'margin' */
    height:39px;
}

#spinner
{
    margin:12px 12px 0px 5px;
    visibility:hidden; 
}

div.navyBluePanelContainer 
{
	width:274px;
	float:left;
    margin-top: 16px;
}

div.navyBluePanelTitleContainer  
{
	background:url("/dnn/portals/0/containers/NCPP-home/images/home_narrow_top.jpg") no-repeat scroll 0 0 transparent; 
	height:34px;
	width:274px;
}

div.navyBluePanelTitle
{
	float:left;
	height:34px;
	text-align:left;
	width:240px;
}

span.navyBluePanelTitle
{
	color:white;
	font-size:15px;
	font-weight:bold;
	line-height:34px;
	margin-left:20px;
	text-transform:uppercase;
}

div.navyBluePanelContentPane
{
	background:url("/dnn/portals/0/containers/NCPP-home/images/home_narrow_middle.gif") repeat-y scroll 0 0 transparent;
	margin:0;
	text-align:center;
	color:white;
}

div.navyBluePanelFooter
{
	background:url("/dnn/portals/0/containers/NCPP-home/images/home_narrow_bottom.gif") no-repeat scroll center bottom transparent;
	margin:0;
	width:274px;
}

div.navyBluePanelContent
{
	font-size:11px;
	padding:4px;
	margin-left:4px;
	text-align:left;
	width: 267px;
}
/*  ----------------------- Main Content Area ----------------------- */

div.pageHeader
{ 
    margin:0;
    height:26px;
    background-color: #F1F9FA;
    border-right:solid 1px #bbb;
    border-left:solid 1px #bbb;
    border-top:solid 1px #bbb;
    font-size:18px;
    font-weight:bold;
    padding:2px 4px;
    -moz-border-radius-topleft:4px;
    -moz-border-radius-topright:4px;
}

h2.pageTitle
{ 
    float:left; 
    margin:0 30px 0 0;
    padding-top:2px;
    font-size:18px;
}

h4.subTitle
{
    margin:3px 0;
    padding:0;
    font-size:13px;
}


div.instructions
{
    margin: 5px 2px;
    color: #2B738E;
    text-align:left;
}

div.pageInfo
{
    margin: 5px 2px;
    color: #2B738E;
    background-color:white;
    padding:5px;
    border:solid 1px #ccc;
}

a.tip
{
    margin: 5px 0;
    color: #2B738E !important;
    font-size:11px;
}

.whAmericaLogo
{
    width:316px;
    height:100px;
}

/* ---------------------- Directory styles ------------------------------ */

.directoryHeader
{
    height:30px;
}

#directoryContainer /* need for empty return on unauthorized view */
{
    height: 335px; /*header + listcontainer + pagination */
    background-color:white; 
}

.directoryLinkContainer
{
    float:left; 
    font-weight:normal;
    font-size:11px;
    height:20px;
    padding-top:7px;
}

.directoryLinkContainer a
{
    margin-right:10px;
    margin-left:2px;
}



div.listContainer
{
    height: 295px; 
    padding:0px; 
    margin: 0px;
    border:solid 1px #ccc;
    border-bottom:solid 1px #ccc;
/*    -moz-border-radius-bottomleft:4px;
    -moz-border-radius-bottomright:4px; */
    overflow-y:scroll;
    overflow-x:hidden;
    background-color:white;
}


table.listHeader
{
    border-collapse:collapse;
    border-right:solid 1px #ccc;
    border-left:solid 1px #ccc;
    border-top:solid 1px #ccc;
    margin:0;
    padding:0;
    width:100%;
    clear:both;
}

table.listHeader th
{
    text-align:center;
    font-size: 12px;
    background-color: #C0E2E9;
/*    border:solid 1px #C0E2E9; */
}

th.scrollHeader
{
    border-right:solid 1px #C0E2E9 !important; /* match background */
}

.legend { margin: 3px; }
.legend span 
{
	font-size: 11px;
	margin-right: 10px; 
 }


/* ---------------------- View styles ------------------------------ */

.toolbar
{
    text-align: right;
    padding: 0px 2px 3px;
    margin-bottom:5px;
    border-bottom:solid 3px #ddd;
    height:18px;
    
}

.toolbar a
{
    margin-left: 10px;
    font-weight:bold;
    font-size:11px;
    line-height:18px;
}

.viewArea /* non-tabbed pages */
{
    background-color:white;
    padding:5px;
    border:solid 1px #bbb;
    height:325px;
    overflow-y:hidden;
}

div.tabContainer  
{
    height:320px; 
    overflow:hidden;
    padding:10px !important;
}
html>body div.tabContainer  /* accommodate padding in height for IE */
{
    height:295px;
}

div.tabContainer_public
{
    height:360px; 
    overflow:hidden;
    padding:10px !important;
}
html>body div.tabContainer_public  /* accommodate padding in height for IE */
{
    height:320px;
}



html>body div.tabContainer_public  /* accommodate padding in height for IE */
{
    /*height:275px;*/
}



/*  sublist styles  */

.sublistToolbarRight
{ 
    font-size:smaller;
}

table.sublistHeader th 
{
    text-align:center;
    font-size: 11px;
    margin:0;
    padding:0;
    background-color: #C0E2E9;
}

.sublistContainer
{
    height: 190px;
}

.toolboxImage 
{ 
	height:50px; 
	border-style:none;
}

.toolboxWrapper 
{ 
	float:left;
	height:100px; 
	width:80px; 
	background-color:White;
	text-align:center;
	margin:0;
}

/* information panel styles */

.infoPanel
{
	font-size: 10px;
	border: 1px solid #666;
}
.infoPanelHeader 
{
	font-size: 11px;
	font-weight:bold;
	background-color: #C0E2E9;
	padding:2px;
	border-bottom:solid 1px #666;
}	
.infoInnerPanel
{
	margin:5px;
}

/* note panel styles */
.notePanel
{
    border: #666 1px solid; 
    background-color:#c0e2e9;
    margin:5px 2px;
    font-size:11px;
    font-weight:bold;
}

.noteInnerPanel 
{
    margin: 5px;
}


/* ---------------------- Form Elements -----------------------------*/

fieldset 
{
    margin:0;
    padding:0;
    border: 1px solid #CCC;
    background-color: #DAEAEB;
}

fieldset textarea
{
    font-family: Verdana,Arial,Helvetica;
    font-size:13px;
    border:solid 1px #ddd;
}

span.form /* for read-only fields not using form elements */
{
	display:block;
	float:left;
    padding:1px 0;
    margin-top:-2px;
    line-height:15px;
    border:solid 1px #DAEAEB; /*  force height when empty */
}

.readOnlyBoxBlue
{
    border-style:none;
    background-color:#DAEAEB !important;
}

.fieldsetTitle
{
    color:black;
}

/* --------------------  Popup Dialogs ------------------------------*/

.bubbleBox 
{
    background-color: #DAEAEB;
    padding: 10px;
    text-align: left;
    border-style: solid;
    border-color: #56BDD3;
    border-width: 2px;
}

span.bluebox 
{
    font-weight: bold;
    padding: 1px 6px;
    background-color: white;
    border: solid 1px #56BDD3;
    cursor:pointer;
}
    
div.bluebox 
{
    background-color: #DAEAEB;
    padding: 10px;
    text-align: left;
    border-style: solid;
    border-color: #56BDD3;
    border-width: 2px;
}
    
a.bubble, a.bubble:link, a.bubble:visited, a.bubble:active 
{
    margin-right:0; /* remove 'fieldset a' margin */
}
a.bubble:hover 
{
    margin-right:0; /* remove 'fieldset a' margin */
}

a.bubbleSmall, a.bubbleSmall:link, a.bubbleSmall:visited, a.bubbleSmall:active 
{
    margin-right:0; /* remove 'fieldset a' margin */
}

a.bubbleSmall:hover 
{
    margin-right:0; /* remove 'fieldset a' margin */
}


/* --------------------  Questions/Answers ------------------------------*/

.questionNumber
{
    float:left;
    width:25px;
    padding-top:3px;
    padding-left:3px;
}


/* --------------------  Messaging ------------------------------*/

div.dialogInfo 
{
    background-color: #CDDEFE;
    padding: 10px;
    text-align: left;
    border-style: solid;
    border-color: #56BDD3;
    border-width: 2px;
}

/* --------------------  Read-Only List Container -------------------- */
.readOnlyListContainer  {background-color:White; margin: 2px 5px 5px 0px;height:58px; overflow-y:auto; overflow-x:hidden; width:230px;}
.readOnlyListContainer p {width:400px;} /* prevent wrap */

/* --------------------  Help Info Links -------------------- */
h2.helpLink {
	vertical-align: middle; 
	height: 22px;
}
span.helpLink a img { border-style: none;} /* remove border in IE */
div.helpInfo {
	width: 500px;
	height: 400px;
	overflow-y: auto;
	text-align: left;
}
div.helpInfo {
	width: 500px;
	height: 400px;
	overflow-y: auto;
	text-align: left;
}
div.helpInfo li {
	margin-bottom: 5px;
}