﻿
body {
	font-family: Arial, Helvetica, Geneva, sans-serif;
	font-size: 12px;
	color: #000000;
    margin: 0px; 
	background-image: url(images/bckgrd.jpg); background-repeat: repeat-x;  }
	
#pageHeader	{
			margin-bottom:15px;
			font-size: 18px;
			color:#0050a0;
			}
			
.secHeader	{
            margin-top:10px;
			margin-bottom:15px;
			font-size: 14px;
			color:#000000;
			font-weight:bold;
			}
			
.bold   {
            font-weight:bold;
        }
			
ul.settings {
            margin-top:-15px;
            }

.button 
{ border:0px; font-size: 12px; color: #ffffff; font-weight: bold; font-family: arial; background-color: #507CD1; border-color: #507CD1; text-decoration: none; padding:2px 0; 
} 
.buttonH 
{ border:0px; font-size: 12px; color: #000000; font-weight: bold; font-family: arial; background-color: #94aee0; border-color: #94aee0; text-decoration: none; padding:3px 0; 
}
.buttonM
{ border:0px; font-size: 12px; color: #ffffff; font-weight: bold; font-family: arial; background-color: #990000; border-color: #507CD1; text-decoration: none; padding:2px 0; 
} 
.popup
        {
            background-color: ButtonShadow;
            filter: alpha(opacity=70);
            opacity: 0.7;
            padding:30px;
        }


#projectContainer {
            margin-top:5px;
            background-color:#eeeeee;
            padding:6px;
            right:0px;
            margin-right:0px;
            
            }
.projectItem {
            font-size:11px;
            margin-top:3px;
            } 
#projectIDItem {
            font-size:11px;
            font-weight:bold;
            }    
           
            			
li.settings {
            list-style-image: url(images/bullet.gif);
            }
			
#listingContainer   {
            padding-bottom:20px;
            background-color:Fuchsia;
            }
.Label      {
            font-weight:bold;
            font-size:14px !important; 
            color:#000000;
            text-decoration:none;
            }
.toggleLabel      {
            font-weight:bold;
            font-size:12px !important; 
            color:#000000;
            text-decoration:none;
            }
#space10    {
            padding-top:5px;
            padding-bottom:10px;
            }

#dashboardCatContainer {
            border-width:1px;
            border-style:solid;
            border-color:#999999;
            padding:5px;
            width:auto;
            }
            
#popupContainerRespondentlist {
    background-color:#0050a0;
    border-width:1px;
    border-style:solid;
    border-color:#000000;
    width:650px;
}
    
.popupContainerRespondentlist {
    background-color:#0050a0;
    border-width:1px;
    border-style:solid;
    border-color:#000000;
    width:650px;
}
        
#popupContainer {
            background-color:#0050a0;
            border-width:1px;
            border-style:solid;
            border-color:#000000;
            width:auto;
            /*width:500px;*/
}

#popUpHeader {
            
            font-size:16px !important; 
            color:#ffffff;
            padding-left:5px;
            padding-top:5px;
            padding-bottom:5px;
            font-weight:bold;
            /*text-transform:uppercase;*/
            width:auto;
            /*margin-right:-5px !important;*/
            margin-bottom:5px;
}

.popUpHeader {
            
            font-size:16px !important; 
            color:#ffffff;
            padding-left:5px;
            padding-top:5px;
            padding-bottom:5px;
            font-weight:bold;
            /*text-transform:uppercase;*/
            width:auto;
            /*margin-right:-5px !important;*/
            margin-bottom:5px;
}

#popUpBody {
    background-color:#ffffff;
    padding:6px;
    width:auto;
}

.popUpBody {
    background-color:#ffffff;
    padding:6px;
    width:auto;
    height:100%;
}

#11font     {
            font-size:12px;
            margin-top:0px;
            }
            
#catContainer   {
            border:1px;
            border-style:solid;
            border-color:#000000;
            }
.catHeader  {
            font-size:11px;
            font-weight:normal;
            color:#000000;
            }
#buttonSpace    {
            margin-top:5px;
            margin-bottom:10px;
            text-align:left;
            }
#levelbuttonSpace    {
            margin-top:5px;
            margin-bottom:10px;
            text-align:left;
            }

#buttonSpaceRT    {
            margin-top:5px;
            margin-bottom:10px;
            margin-right:10px;
            padding-right:20px;
            text-align:right;
            }

#lineContainer  {
            
            background-color:Black;
            height:1px;
            margin-bottom:10px;
            }

#statusBar  {
	width:auto;
}

.statusBar {
	width:auto;
}

.statusLabel      {
            padding-left:10px;
            padding-top:5px;
            padding-bottom:5px;
            font-size:14px;
            }
.smtxt      {
            font-size:11px;
            }
.gridItem      {
            padding:5px;
            font-size:11px;
            }
.error      {
            color:#ff3300;
            }
#hr.red          {
            background-color:Fuchsia;
            height:1px;
            min-height:1px;
            }
#emailToContainer {
            width:auto;
            background-color:#eeeeee;
            border:1px;
            border-color:#7f9db9;
            border-style:solid;
            border-width:1px;
            padding:10px;
            }
            
#basicContainer {
            margin-top:10px;
            width:auto;
            background-color:#F7F6F3;
            border:1px;
            border-color:#E6E2D8;
            border-style:solid;
            border-width:1px;
            padding:10px;
            }
            
#pwordresetContainer {
            margin-top:10px;
            width:400px;
            background-color:#f0f0f0;
            border:2px;
            border-color:#E2E2f5;
            border-style:solid;
            border-width:1px;
            padding:10px;
            }
#uploadContainer {
            margin-top:10px;
            width:850px;
            background-color:#F7F6F3;
            border:1px;
            border-color:#E6E2D8;
            border-style:solid;
            border-width:1px;
            padding:10px;
            }
#uploadContainerException {
            width:850px;
            }
#togglesContainer {
            margin-top:0px;
            width:500px;
            background-color:#ffffff;
            border:1px;
            border-color:#E6E2D8;
            border-style:solid;
            border-width:1px;
            padding:10px;
            }
 #togglesContainerHeader {
            margin-top:10px;
            width:512px;
            background-color:#e1eaf3;
            border:1px;
            border-color:#E6E2D8;
            border-style:solid;
            border-width:1px;
            padding:4px;
            }
            

#logoContainerDB {
			vertical-align: middle;
			width: 241px;
			height: 78px;
			}
			
#leftSidebarDB{
			position:absolute;
			/*background-color: #ffffff;*/
			width:241px;
			height: auto;
			left:0px;
			margin-left:0px;
			margin-bottom:0px;
			min-height: 10px;
			}

#leftSidebarDBImg
			{
			background-color: #ffffff;
			padding-top:1px;
			margin-bottom:0px;
			padding-bottom:0px;
			}		

#sectionTitleSecondaryDB {
			position:absolute; top:15px; bottom:5px;
			height:116px;
			margin-bottom:5px;
			padding-bottom:5px; 
			}
			
#sectionTitleSecondaryDB  h1{
			vertical-align:bottom;
			color:#666666; 
			font-family:Arial; 
			font-size:24px; 
			font-weight:normal;
			margin-left:250px;
			}
#containerSectionsDB	{
			margin-left:241px;
			margin-right:0px;
			margin-top:0px;
			background-color:#ffffff; 
			height:auto;
			min-height:455px;
			}
#RSSContainer   {
            padding-left:5px;
            font-size:10px;
            color:#ffffff;
            display:block;
            width:230px;
            
            }
            
#testRSS    {
            text-wrap:suppress;
            word-wrap:break-word;
            }				
			
#pageBodyDB	{
			color:#000000;
			margin-left:20px;
			width:96%;
			min-width:500px;
			padding-top: 20px;
			padding-bottom: 20px;
			min-height:390px;
			height:auto !important;
			height:390px;
			background-color:#ffffff; 
		    clear:both;
			}
			
			
#footerContainerDB	{
			bottom: 0px;
			width: auto;
			min-width:710px;
			background-color:#0050a0;
			margin-left: 241px;
			margin-right: 20px;
			right: 0px;
			left: 152px;
			height:24px;
			vertical-align:middle;
			clear:both;
		}
#middleContainerDB {
			left:0px;
			margin-left:0px;
			margin-right: 20px;
			min-width:950px; 
			background-color:#061f5f;
			min-height:455px;
			height:auto;
			}
#glbNavLinksDB	{
		    padding-top:7px;
			margin-left:245px;
			font-size:12px;
			color:#ffffff;
			padding-bottom:0px;
			}
/***********************Dashboard*****************************/
				
			
#logoContainer {
			vertical-align: middle;
			width: 170px;
			height: 90px;
			}
					
#logo		{
			z-index: 1; 
			position: relative;
			top: 15px;
			vertical-align: middle;
			}
	
#mainHeader {
			position:relative;
			margin-top:5px;
			margin-right: 20px;
			height:90px; 
			/*min-width:950px; */
			background-color:#ffffff;
			}
			
#mainHeaderLogin {
			position:relative;
			margin-right: 20px;
			height:130px; 
			background-color:#ffffff;
			min-width:950px; 
			}
			
#topNav		{
			/*position: absolute;
			top: 10px;
			right:25px;*/
			height:100px;
			width:auto;
			}
			
.topNavContent{
			color:#000000;
			}
			
#glbNav		{
			position:relative;
			left:0px;
			right:0px;
			height:38px;
			min-width:950px;
			width:auto;
			background-color:#0050a0; 
			margin-right: 20px;
			}
			
#glbNavHome		{
			position:relative;
			left:0px;
			right:0px;
			height:38px;
			min-width:950px;
			width:auto;
			background-color:#0050a0; 
			}
			
#glbNavLinks	{
			padding-top:7px;
			margin-left:170px;
			height:33px;
			left:160px;
			font-size:12px;
			padding-bottom:0px;
			}
			
.glbNavLinks    {
            color:#ffffff;
            }
			
			
#sectionTitle {
			position:absolute; top:40%;
			height:116px; 
			}
			
#sectionTitle h1{
			vertical-align:bottom;
			color:#ffffff; 
			font-family:Arial; 
			font-size:24px; 
			font-weight:normal;
			margin-left:180px;
			padding-bottom:0px;
			}
			
#sectionTitleSecondary {
            float:left;
			/*position:absolute; top:15px; bottom:5px;
			height:116px;
			margin-bottom:5px;
			padding-bottom:5px; */
			}
			
#sectionTitleSecondaryHeader{
			/*vertical-align:bottom;*/
			color:#666666; 
			/*color:#0050a0; */
			font-family:Arial; 
			font-size:24px; 
			font-weight:normal;
			/*margin-left:180px;*/
			}
			
#sectionTitleSecondarySecHeader{
			color:#666666;
			font-family:Arial; 
			font-size:24px; 
			font-weight:normal;
			/*margin-left:180px;*/
			}
			
#middleContainerhome {
			margin-top:0px;
			margin-bottom:0px;
			margin-right: 20px;
			min-height: 400px;
			min-width:950px; 
			bottom:24px;
			background-color: #ffffff;
			}
			
#leftSidebarhome{
			background-color: #6699cc;
			width: 152px;
			height: auto;
			float:left;
			bottom: 25px;
			margin-top:0px;
			margin-left:0px;
			display:inline; /* So IE plays nice */
			min-height: 145px;
		}
#middleContainer {
			/*padding-top:38px;*/
			left:0px;
			margin-left:0px;
			margin-right: 20px;
			min-width:950px; 
			background-color:#87b7e6;
			min-height:475px;
			}
			
#containerSections	{
			margin-left:170px;
			margin-right:0px;
			margin-top:0px;
			background-color:#ffffff; 
			height:auto;
			min-height:475px;
			clear:both;
			}
#containerSectionsLogin	{
			margin-left:170px;
			margin-right:0px;
			margin-top:0px;
			background-color:#ffffff; 
			height:auto;
			min-height:475px;
			clear:both;
			}			
#leftSidebar{
			position:absolute;
			/*background-color: #6699cc;*/
			/*width:auto;*/
			height: auto;
			left:0px;
			margin-left:0px;
			display:inline; /* So IE plays nice */
			min-height: 10px;
			}

#pageBody	{   
            color:#000000;
			margin-left:20px;
			width:96%;
			min-width:500px;
			padding-top: 20px;
			padding-bottom: 20px;
			min-height:390px;
			height:auto !important;
			height:390px;
			background-color:#ffffff; 
		    clear:both;
			}
	
	#middleLoginContainer {
			/*padding-top:38px;*/
			left:0px;
			margin-left:0px;
			margin-right: 20px;
			min-width:950px; 
			background-color:#FFFFFF; /*87b7e6;*/
			min-height:475px;
		 		}
			
#containerLoginSections	{
			margin-left:0px;
			margin-right:0px;
			margin-top:0px;
			background-color:#ffffff; 
			height:auto;
			min-height:475px;
			min-width:800px;
			/*clear:both;*/
			float:left;
			}


#pageLoginBody	{   
            color:#000000;
			margin-left:20px;
			/*width:96%;*/
			min-width:400px;
			padding-top: 20px;
			padding-bottom: 20px;
			min-height:250px;
			height:auto !important;
			height:390px;
			background-color:#ffffff; 
		    /*clear:both;*/
		    float:left;
			}
			
#lftSideLinks	{
			top:0px;
			position: relative;
			padding-left: 0px;
			/*padding-top: 10px;*/
			padding-bottom: 20px;
			padding-right: 5px;
			/*background-color:#4e85bd;*/
				}


#footerContainer	{
			bottom: 0px;
			width: auto;
			min-width:710px;
			background-color:#0050a0;
			margin-left: 0px;
			margin-right: 20px;
			right: 0px;
			left: 0px;
			height:24px;
			vertical-align:middle;
			clear:both;
		}

#footerContainer a {
    color: #ffffff;
    text-decoration: underline;
}
		
#footerContainer a:hover {
    text-decoration: none;
}
.footertxt	{
			padding-top:6px;
			padding-left: 10px;
			float: left;
			display:block;
			font-size: 10px;
			color: #ffffff;
			width:48%;
			}
			
#rssHeader  {
            padding-bottom:6px;
            padding-top:10px;
            font-size:11px;
            font-weight:bold;
            color:#ffffff;
            }
		
#homeImage { 
			position:relative;
  			top: 0px; left: 0px; 
			margin-top:0px;
			height:250px;
			width:152px;

			background-image: url(images/img_homemain.jpg); background-repeat: no-repeat; 
			}
		
#container{
			background-color:#fff;
			overflow:hidden;
			margin-right: 20px;
			margin-bottom:0px;
			height:auto;
			top: 100px;
			bottom: 100px;
			padding-left:166px; /* The width of the rail */}
			
* html #container{
			height:1%; /* So IE plays nice */ }


		/*---------------- links -------------------- */
/*a:link		{ color: Blue; text-decoration: none; } */


		
a:hover 	{ color:blue; background-color: transparent;text-decoration:underline;}
a:active 	{ color: #336699;}
	
a:visited 	{ 
			color:#336699;
			text-decoration:none;}
		
a:inactive 	{ color:#336699;}


p a:link	{font-size:12px; text-decoration:none;}


a.menulink_main:visited{
   color:black;
   text-decoration:none;
}
a.menulink  {
   color:black;
   text-decoration:none;
}
a.menulink:hover{
   color:black;
   text-decoration:none;
   background: #EFEFEF;
  }
a.menulink:visited{
   color:black;
   text-decoration:none;
}
a.topNavContentLog  {
	font-size: 11px;
   	text-decoration:underline;
   	color:#003399;
}

a.topNavContent:activeLog 	{
    color: #003399;
}
a.topNavContent:inactiveLog	{
    color: #003399;
	}
a.topNavContent:hoverLog {
	text-decoration: none; 
	background-color: transparent;
	color:#0066cc;
}
a.topNavContent  {
	font-size: 11px;
   	text-decoration:underline;
   	color:#003399;
   	padding-right:5px;
   	padding-left:5px;
}

a.topNavContent:active 	{
    color: #003399;
}
a.topNavContent:inactive	{
    color: #003399;
	}
a.topNavContent:hover {
	text-decoration: none; 
	background-color: transparent;
	color:#0066cc;
}
	
a.glbNav  {

	font-size: 12px;
    text-decoration:none;
    padding-left:15px;
    padding-right:15px;
    padding-bottom:7px;
    padding-top:8px;
    display: block;
    font-weight:bold;
    background-image: url(images/navback.gif); background-repeat: repeat-x; 
    color:#ffffff;
}


a.glbNav:inactive	{
    color: #ffffff;
}


a.glbNav:visited	{
    color: #ffffff;
}
a.glbNav:active 	{
    color: #ffffff;
    text-decoration: none;
}


a.glbNav:hover {
	text-decoration: none; 
	background-color: #FFFFFF;
	color:#cccccc;
	border-right:2px;
	border-left:2px;
	border-top:2px;
   	border-right-color:#fffccc;
   	border-left-color:#6699cc;
   	border-top-color:#6699cc;
   	border-right-width:2px;
   	border-color:#6699cc;
   	border-top-style:solid;
}


a.secNav  {
	font-size: 12px;
   text-decoration:none;
   color:#FFFFFF;
   padding-left:0px;
   padding-right:15px;
   padding-bottom:2px;
   padding-top:2px;
}

a.secNav:hover {
	text-decoration: underline; 
	background-color: transparent;
}
a.secNav:active 	{
    text-decoration: none;
    color: #ffffff;
}
a.secNav:inactive	{
    color: #ffffff;
}
a.footertxt  {
	font-size: 10px;
   text-decoration:underline;
   color:#FFFFFF;
}
a.footertxt:visited	{
    color: #ffffff;
}

a.footertxt:active 	{
    text-decoration: none;
    color: #ffffff;
}
a.footertxt:inactive	{
    color: #ffffff;
}
a.footertxt:hover {
	text-decoration: none; 
	color: #cccccc;
	background-color: transparent;
}

a.rss  {
    font-size: 10px;
   text-decoration:none;
   color:#ccffff;
}
a.rss:visited	{
    color: #ffffff;
}

a.rss:active 	{
    text-decoration: none;
    color: #ccffff;
}
a.rss:inactive	{
    color: #ccffff;
}
a.rss:hover {
	text-decoration: none; 
	color: #ffffff;
	background-color: transparent;
}
popup 
{
	background-color: black;
}




a.levelButton  {
    font-size: 12px;
    text-decoration:none;
    color:#FFFFFF;
    background-color: #507CD1; 
    border-color: #507CD1; 
    text-decoration: none; 
    padding:5px;
    margin-bottom:5px;
}

a.levelButton:hover {
	text-decoration: none; 
}
a.levelButton:active 	{
    text-decoration: none;
    color: #ffffff;
}
a.levelButton:inactive	{
    color: #ffffff;
}

.row1
{
    text-align: left;
    width: 26px;
}
.row1line
{
    text-align: left;
    font-family: Arial;
    font-size: 10px;
    border-left: 1px solid #FF0000;
    width: 26px;
}
.row2
{
    text-align: left;
    border-top: 1px solid #000000;
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
    background-color: Blue;
    width: 26px;
}
.row2line
{
    text-align: left;
    border-top: 1px solid #000000;
    border-right: 1px solid #000000;
    border-left: 1px solid #FF0000;
    border-bottom: 1px solid #000000;
    background-color: Blue;
    width: 26px;
}
.row3
{
    text-align: left;
    padding-left: 3px;
    font-family: Arial;
    font-size: 10px;
    width: 26px;
}
.row3line
{
    text-align: left;
    font-family: Arial;
    font-size: 10px;
    padding-left: 3px;
    border-left: 1px solid #FF0000;
    width: 26px;
}

/* RadTreeView Left Menu style overrides */

#lftSideLinks .RadTreeView .rtUL .rtUL
{
	padding-left: 15px;
}

#lftSideLinks .RadTreeView .rtIn
{
	padding-left: 0;
	margin-left: 0;
}

/* End RadTreeView style overrides */

#clickBlocker
{
	display:block;  
    visibility: visible;
	position:absolute; 
	left:168px; top:139px; 
	width:820px; 
	height:6000px;
	z-index:5; 
	text-align:center;
	font-size:12;
	font-style:italic;
	padding-top:3px;
	/*background-color:#cccccc; 
    filter: alpha(opacity=50);
    opacity: 0.5;*/
    /* border:solid 1px #FF0000;*/  /* temporary */
}

.blueButton
{
    color:#FFFFFF;  
}

.blueButton a
{
    color:#FFFFFF;
    font-weight:bold;
    text-decoration:none;
    padding:4px 7px 5px 7px;
    background-image: url(images/navback.gif); 
    background-repeat:repeat-x;
}

.blueButton a:hover
{
    color:#CCCCCC;
}

.tableContent
{
	margin-bottom: 400px;
}

.chartContainer
{
	/* width: 700px; */
	height: 500px;
}
