﻿/*****************************************************
 *
 * General html element styles
 *
 ****************************************************/
/*
    This is a fix for a firefox bug
    This should error out with all other browsers. 
*/
table {
	/*width: 957px;*/
	/* https://stackoverflow.com/questions/26275982/putting-moz-available-and-webkit-fill-available-in-one-width-css-property#26276254 */
	width: -moz-available; /* WebKit-based browsers will ignore this. */
	width: -webkit-fill-available; /* Mozilla-based browsers will ignore this. */
	width: fill-available;
}
body, th, td, input, select { font-family: Verdana, Arial, Sans-Serif; color: #5F5F5F; }
body { padding: 0; margin: 0; background-image: url(../images/rcabackground.gif); }
form { width: 957px; padding: 0; margin: 0 auto; background-color: White; position: relative; }
th { text-align: left; vertical-align: top; }

a:visited { color: #900; }
.element-invisible {
  position: absolute;
  top: -999999em;
  left: auto;
  width: 1px;
  height: 1px;
  overflow:hidden;
}
.element-invisible.element-focusable:active,
.element-invisible.element-focusable:focus {
  position: static;
  overflow:visible; 
}
.accessKey {
   display: none;
    border: solid 1px black;
    padding: 1px;
    font-size: 8.5px;
    position:relative;
    z-index:5000;
    background-color: #ffffe0;
    overflow: scroll
}

.arrow-right {
	width: 0;
	height: 0;
	border-top: 3px solid transparent;
	border-bottom: 3px solid transparent;
	border-left: 3px solid #0265cd;
	display: inline-block;
}

/*****************************************************
 *
 * Banner styles
 *
 ****************************************************/
#banner { position: relative; display: block; width: 100%; height: 141px; background-image: url(../images/banner_bg.gif); background-repeat: no-repeat; background-position: 0 23px; font-family: Verdana, Arial, Sans-Serif; font-size: 10pt; }
#banner a { padding: 0; margin: 0; color: #6699CC; text-decoration: none; font-weight: normal; }

#bannerSubMenu  { background-image: url(../images/submenu_bg.jpg); height: 23px; font-family: Arial; font-size: 10pt; text-align: right; }
ul#bannerSubMenu, #bannerSubMenu ul { padding: 0; margin: 0; list-style-type: none; }
ul#bannerSubMenu li { padding: 0 7px; position: relative; text-align: left;}
#bannerSubMenu a { color: #2E2E82; width: auto; white-space: nowrap; text-decoration: none; line-height: 23px; }
#bannerSubMenu a:hover { padding: 0; margin: 0; text-decoration: none; font-weight: normal; }
#bannerSubMenu ul a { color: white; }
#bannerSubMenu li { display: inline; z-index: 99; }
#bannerSubMenu li ul { position: absolute; width: auto; left: -999em; top: 16px; }
#bannerSubMenu li ul li { display: block; float: none; border-bottom: solid 1px white; border-collapse: collapse; font-family: Verdana; font-size: 8pt; }
#bannerSubMenu li:hover ul, #bannerSubMenu li.sfhover ul { left: 0; background-color: #101B77; }

#banner h1 { padding: 0; margin: 0; position: absolute; left: 10px; top: 45px; width: 100px; height: 83px; }
#banner h1 a { display: block; width: 100%; height: 83px;  }
#banner h1 strong { display: none; }

#banner blockquote { padding: 0; margin: 0; position: absolute; bottom: 36px; left: 292px; color: #666666;  }


/*****************************************************
 *
 * Menu styles
 *
 ****************************************************/
#banner_top_menu {
	width: 100%;
	background-image: url(../images/submenu_bg.jpg);
	height: 23px;
} 
#banner_top_menu a.banner_link { position: absolute; top: 0; left: 0; margin: 0; padding: 0; display: inline; }
#banner_top_menu a.banner_link img { float: left; border: 0; margin: 0; padding: 0; display: inline; }

#menu-top-menu { float: right; margin-left: -30px; }

#menu-top-menu, #menu-top-menu ul {
	padding: 0;
	margin: 0;
	list-style: none;
	width: auto;
	z-index: 1000;
	height: 23px;
	line-height: 23px;
}

#menu-top-menu a {
	display: block;
	width: auto;
	z-index: 1000;
	font-family: Arial;
	font-size: 10pt;
	color: #101B77;
}

ul#menu-top-menu { width: auto; float: right; z-index: 1000; }

#menu-top-menu li {
	float: left;
	width: auto;
	padding: 0 15px;
	text-align: right;
	position: relative;
	z-index: 1000;
}

#menu-top-menu li ul {
	position: absolute;
	width: 10em;
	left: -999em;
	text-align: left;
	z-index: 1000;
}

#menu-top-menu li:hover ul, #menu-top-menu li.sfhover_1 ul {
	left: 0;
	z-index: 1000;
	width: 200px;
}

#menu-top-menu li ul li { width: 100%; padding: 0; text-align: left; z-index: 1000; background: #101B77; z-index: 1000; }

#menu-top-menu li ul li a { padding: 3px 5px; border-bottom: 1px solid #fff; line-height: 1; z-index: 1000; color: #fff; }
#menu-top-menu li ul li a:hover { background: #6699cc; z-index: 1000; }




/**** Main Menu ***/
#menu-main-menu {
	position: absolute;
	left: 96px;
	top: 110px;
	width: 844px;
	z-index: 1000;
}

#menu-main-menu img { border: 0; }

#menu-main-menu, #menu-main-menu ul {
	padding: 0; 
	margin: 0; 
	list-style: none;
	border-bottom: 1px solid #101B77;
	height: 27px;
	}
	
#menu-main-menu a:link, #menu-main-menu a:visited, #menu-main-menu a:hover {
	text-decoration: none;
	display: block; 
	color: #fff; 
	font-family: Arial;
	font-size: 9pt;
	}

#menu-main-menu li { 
	float: left; 
	width: 75px; 
	}

#menu-main-menu li ul { 
	position: absolute; 
	width: 15em; 
	left: -999em;
	background: #101B77;
	height: auto;
	border-top: 1px solid #fff;
	}
	
#menu-main-menu li ul ul { margin: -1em 0 0 10em; }

#menu-main-menu li:hover ul ul, #menu-main-menu li.sfhover_1 ul ul { left: -999em; }
	
#menu-main-menu li ul li { 
	width: 15em;
	border-top: 1px solid #fff; 
	}
	
#menu-main-menu li li li { margin-top: -2px; }

#menu-main-menu li:hover ul, #menu-main-menu li.sfhover_1 ul  { 
	left: auto;
	margin-left: 1px; 
	}
	
#menu-main-menu li li:hover ul, #menu-main-menu li li.sfhover_1 ul, #menu-main-menu li li.sfhover ul 
{
	left: 15em;
	margin-left: -1px;
}
	
#menu-main-menu li ul li a {
	padding: .2em .5em; 
	}
	
#menu-main-menu li ul li a:hover { background: #6699cc; }

#breadCrumbs
{
	font-family: Arial;
	font-size: 8pt;
	position: relative;
	left: 95px;
	width: 850px;
}



#loginArea, #loginHelpArea, #cartArea, #textResize { display: block; float: right; clear: both; }
 
#loginArea { padding: 0; margin: 11px 0 0 0; width: 248px; height: 38px; }
.loginPanel ul { margin: 0; padding: 0; list-style: none; float: left; width: 100%; position: relative; }
.loginPanel li { display: inline; width: 80px; text-align: right; }
.loginPanel span { position: absolute; top: 23px; left: auto; font-size: 7pt; line-height: 1; color: #6699cc; padding: 0 0 0 2px; text-transform: lowercase; }
.loginPanel input { width: 75px; font-size: 8pt; background-color: #6699cc; border: 1px solid #9a9ab0; border-top: 1px solid #5f627d; border-left: 1px solid #5f627d;  }
a.loginbtn { position: absolute; top: 0; left: 170px; }
a.loginbtn { padding: 8px 6px !important; background-image: url(../images/login_button.gif); background-repeat: no-repeat; }
a.logoutbtn { padding: 8px 6px !important; background-image: url(../images/logout_button.gif); background-repeat: no-repeat; }
a.loginbtn em, a.logoutbtn em { visibility: hidden; }
.displaylabel {
    display:block;
    font-family: Verdana,Arial,Sans-Serif;
    font-size:10px;
}

.welcomePanel { text-align: right; position: relative; }
.welcomePanel span { font-size: 7pt; color: #6699CC; letter-spacing: .02em; line-height: 40px; }

ul#loginHelpArea { padding: 1px 0; margin: 0; list-style-type: none; font-size: 8pt; }
#loginHelpArea li { padding: 0 13px; margin: 0; display: inline; background-image: url(../images/arrow.gif); background-repeat: no-repeat; background-position: 0 3px; }

#userArea  {  position: absolute; left: 730px; top: 75px; z-index: 1;}
#userArea  a:hover { text-decoration: underline; }

#cartArea { padding: 30px 0 10px 0; margin: 0; }
#cartArea a { padding: 6px 30px 10px 40px; margin: 0; background-image: url(../images/shoppingcart3.gif); background-repeat: no-repeat; background-position: 7px 0; }

#textResize { padding: 0 11px; margin: 0; clear: both; float: right; float: right; font-size: 8pt; z-index: 999; } 
#textResize, p#textResize a, p#textResize a:hover { color: #6699CC; }
#textResize a, #textResize a:hover { padding: 0 2px; font-weight: bold; text-decoration: none; }
#textResize a.big { font-size: 12pt; }
#textResize a.normal { font-size: 10pt; }
#textResize a.small { font-size: 7pt; }

/*****************************************************
 *
 * Generic Classes
 *
 ****************************************************/

.disable input, .disable { border-style: none; border-width: 0; }
.buttonGroup { clear: both; }
p.buttonGroup { text-align: left; }
div.buttonGroup { margin: 10px 0 0; width: 100%; text-align: center; }
.buttonGroup input { width: 98px; margin: 0 12px 0 0; color: #5F5F5F; font-family: Verdana; font-size: 8pt; }
select.DataEntry { font-size: 8pt; }



/*****************************************************
 *
 * BreadCrumb Styles
 *
 ****************************************************/

#BreadCrumb { margin: 0 0 17px 91px; padding: 0; display: block; }
#BreadCrumb ul { font-size: 8pt; color: #5F5F5F; padding: 0; margin: 0; list-style: none; }
#BreadCrumb li { display: inline; padding: 0 0 0 13px; margin: 0 0 0 5px; background-image: url(../images/right_carrot.gif); background-repeat: no-repeat; background-position: 0 3px; }
#BreadCrumb li a { color: #0066CC; }
#BreadCrumb li#firstli { background-image: none; padding-left: 0; }



/*****************************************************
 *
 * MainContent Div Styles 
 *
 ****************************************************/

/*div#MainContent { position: relative; margin: 0 0 13px 110px; padding: 0; width: 765px; padding-right: 5px; }*/
div#MainContent { position: relative; margin: 0 0 0 110px; padding: 0; width: 842px; padding-right: 5px; /*min-height: 400px;*/  }
#HomeRightContent { min-width: 709px; }
#MainContent, #MainContent td, #MainContent th, 
#HomeRightContent, #HomeRightContent td, #HomeRightContent th,
#HomeLeftContent, #HomeLeftContent td, #HomeLeftContent th { font-size: 8pt; }
#MainContent h1, #HomeRightContent h1, #HomeLeftContent h1, .HeadingLabel, .GroupHeader { margin: 0; padding: 7px 0 2px; font-variant: small-caps; font-size: 12pt; border-bottom: solid 1px #CCCCFF; color: #010066; }
#MainContent h1.ContentTitle, .HeadingLabel, .GroupHeader, .GroupHeader span { margin: 0; padding: 0 0 2px; display: block; border-bottom: solid 1px #CCCCFF; font-weight:bold; font-size: 12pt; font-style:italic; color: #010066; font-variant: normal; clear: left; }
.GroupHeader span { border-bottom: 0; padding-bottom: 0; padding-top: 5px; }
#MainContent h2, #HomeRightContent h2, #HomeLeftContent h1 { margin: 0; padding: 2px 0; font-variant: small-caps; font-size: 10pt; border-bottom: solid 1px #CCCCFF; color: #010066; }
#MainContent h2 a, #HomeRightContent h2 a, #HomeLeftContent h2 a { margin: 0; padding: 2px 0; font-variant: small-caps; font-size: 10pt; border-bottom: solid 1px #CCCCFF; color: #010066; }
#MainContent h3, #HomeRightContent h3, #HomeLeftContent h3 { font-size: 8pt; color: #010066; margin: .5em 0; padding: 0; }
#MainContent h3.SmallTitle, #HomeRightContent h3.SmallTitle, #HomeLeftContent h3.SmallTitle { font-size: 8pt; color: #010066; margin: .5em 0; padding: 0; border-bottom: solid 1px #CCCCFF; color: #010066; }
#MainContent p, #HomeRightContent p, #HomeLeftContent p { margin: 1em 0 1.5em; }
#MainContent ul.Links, #HomeRightContent ul.Links, #HomeLeftContent ul.Links { list-style-type: none; padding: 0; margin: 0 0 5px; }
#MainContent ul.Links li, #HomeRightContent ul.Links li, #HomeLeftContent ul.Links li { padding: 0 0 8px 13px; margin: 4px 0; background-image: url(../images/arrow.gif); background-repeat: no-repeat; background-position: 0 3px; }
#MainContent ul.Links li input{ font-size: 10px;}
#MainContent ul.Info, #HomeRightContent ul.Info, #HomeLeftContent ul.Info { padding: 0; margin: 5px 22px 16px; }
#MainContent ul.Info li, #HomeRightContent ul.Info li, #HomeLeftContent ul.Info li { padding: 0; margin: 6px 0; }
#MainContent ul.long, #HomeRightContent ul.long, #HomeLeftContent ul.long { list-style-type: none; padding: 0; margin: 0; }
#MainContent ul.long li, #HomeRightContent ul.long li, #HomeLeftContent ul.long li { padding: 0 0 0 13px; margin: 0 0 17px 0; background-image: url(../images/arrow.gif); background-repeat: no-repeat; background-position: 0 3px; }
#MainContent em, #HomeRightContent em, #HomeLeftContent em { font-weight: normal; font-style: normal; }
#MainContent p.Help, #HomeRightContent p.Help, #HomeLeftContent p.Help { margin: 0; padding: 0; }
#MainContent p.Help a, #HomeRightContent p.Help a, #HomeLeftContent p.Help a { font-size: 8pt; padding: 0 0 0 13px; background-image: url(../images/arrow.gif); background-repeat: no-repeat; background-position: 0 3px; }
#MainContent p.Help a, #MainContent p.Help a:hover,
#HomeRightContent p.Help a, #HomeRightContent p.Help a:hover,
#HomeLeftContent p.Help a, #HomeLeftContent p.Help a:hover { text-decoration: none; font-weight: normal; }
h1#ContentTitle { margin: 0; padding: 0 0 2px; display: block; border-bottom: solid 1px #CCCCFF; font-weight: normal; font-size: 12pt; color: #010066; font-variant: normal; }
.GroupHeader span, .HeadingLabel { font-style: normal; font-weight: normal; font-variant: normal; }

#MainContent .DetailTitle, #HomeRightContent .DetailTitle, #HomeLeftContent .DetailTitle { margin: 0; padding: 0 0 2px; display: block; border-bottom: solid 1px #CCCCFF; font-weight: normal; font-size: 12pt; color: #010066; font-variant: normal; }
#MainContent .PublicCommentSynopsis { margin: 10px 0; padding: 10px 5px 2px; display: block; border-bottom: solid 1px #CCCCFF; font-weight: normal; font-variant: normal; width: 830px; max-width: 830px; }
 

.portal-container {
	width: 100%;
}
.portal-container-left, .portal-container-right { vertical-align: top; }

/*****************************************************
 *
 * PageContent Div Styles 
 *
 ****************************************************/

#PageContent { position: relative; margin: 0 0 13px 110px; padding: 0 11px 0 0; width: 836px;  }
#PageContent, #PageContent td, #PageContent th { font-size: 8pt; }

#PageContent h1 { margin: 0; padding: 7px 0 2px; font-variant: small-caps; font-size: 12pt; border-bottom: solid 1px #CCCCFF; color: #010066; }
#PageContent h2 { margin: 0; padding: 2px 0; font-variant: small-caps; font-size: 10pt; border-bottom: solid 1px #CCCCFF; color: #010066; }
#PageContent h3 { font-size: 8pt; color: #010066; margin: .5em 0; padding: 0; }
#PageContent h3.SmallTitle { font-size: 8pt; color: #010066; margin: .5em 0; padding: 0; border-bottom: solid 1px #CCCCFF; color: #010066; }
#PageContent p { margin: 1em 0 1.5em; }
#PageContent ul.Links { list-style-type: none; padding: 0; margin: 0 0 5px; }
#PageContent ul.Links li { padding: 0 0 0 13px; margin: 4px 0; background-image: url(../images/arrow.gif); background-repeat: no-repeat; background-position: 0 3px; }
#PageContent ul.Info { padding: 0; margin: 5px 22px 16px; }
#PageContent ul.Info li { padding: 0; margin: 6px 0; }
#PageContent ul.long { list-style-type: none; padding: 0; margin: 0; }
#PageContent ul.long li { padding: 0 0 0 13px; margin: 0 0 17px 0; background-image: url(../images/arrow.gif); background-repeat: no-repeat; background-position: 0 3px; }
#PageContent em { font-weight: normal; font-style: normal; }
#PageContent p.Help { margin: 0; padding: 0; }
#PageContent p.Help a { font-size: 8pt; padding: 0 0 0 13px; background-image: url(../images/arrow.gif); background-repeat: no-repeat; background-position: 0 3px; }
#PageContent p.Help a, #PageContent p.Help a:hover { text-decoration: none; font-weight: normal; }
h1#ContentTitle { margin: 0; padding: 0 0 2px; display: block; border-bottom: solid 1px #CCCCFF; font-weight: normal; font-size: 12pt; color: #010066; font-variant: normal; }


/*****************************************************
 *
 * TODO: Delete all references to MastHead 
 *
 ***************************************************/

#MastHead h1#ContentTitle { margin: 0 30px 0 105px; }



/*****************************************************
 *
 * SideMenu Styles 
 *
 ****************************************************/

#SideMenu { width: 100px; position: absolute; left: 5px; top: 175px;}
#SideMenu h5 { padding: 3px; margin: 0; font-size: 8pt; text-align: center; }
#SideMenu ul { margin: 0; padding: 0; list-style-type: none; }
#SideMenu li a { display: block; padding: 3px 3px 4px; background-color: #E0E3F6; border-bottom: solid 1px white; font-size: 8pt; color: #5F5F5F; }
#SideMenu a:link, #SideMenu a:visited { text-decoration: none; }
#SideMenu a:hover { background-color: #5F5F5F; color: #E0E3F6; }

.side_menu li { position: relative; float: left; width: 100px; margin: 0; padding: 0; }
.side_menu li ul { position: absolute; left: -999em; width: 15em; z-index: 5000; }
.side_menu li ul li { width: 15em; }
.side_menu li:hover ul, .side_menu li.sfhover_1 ul, .side_menu li.sfhover ul { left: 100px; top: 0; z-index: 5000; }
.side_menu a { z-index: 5000; }
/*****************************************************
 *
 * Main page styles 
 *
 ****************************************************/

body#MainPage div#MainContent { position: relative; width: 100%; margin: 0 30px 0 10px; padding: 15px 0;  } 
body#MainPage div#Events, div#Info { float: left; display: inline; width:218px; padding: 0; margin: 0; }
body#MainPage div#Events, div.InfoTopic { background-color: #E0E3F6; }
body#MainPage div#Events { margin-left: 10px; }
body#MainPage div#Info { margin-right: 8px; }
body#MainPage h1#EventTitle { font-variant: normal; margin: 0 13px; padding: 8px 0 1px; }
body#MainPage .EventsContent { padding: 0 13px; }
body#MainPage div.EventGroup, div#CurrentMonthView { margin: 7px 0 12px; }
div.Event, div.CalEvent { padding: 2px 0 11px; position: relative; }
div.Event a.Details, div.CalEvent a.CalDetails { position: absolute; right: 10px; }
body#MainPage div.InfoTopic { margin: 0 0 20px; }
body#MainPage h1.InfoTitle { font-variant: normal; margin: 0 8px 0; padding: 4px 0 1px; }
body#MainPage div.InfoTopic ul { list-style-type: none; padding: 0; margin: 0 0 5px; }
body#MainPage div.InfoTopic li { padding: 0 0 0 20px; margin: 10px 0; background-image: url(../images/sideArrow.gif); background-repeat: no-repeat; background-position: 0 -1px; }
body#MainPage div.InfoTopic li a { color: #5F5F5F; }
body#MainPage div.InfoTopic img.AlaskaMap { margin: 4px; }
body#MainPage div.InfoTopicContent { padding: 0 8px 5px; }
body#MainPage div.InfoTopicContent input{ font-size: 10px; }
body#MainPage em { font-weight: normal; font-style: italic; }
body#MainPage h2 { font-variant: normal; font-size: 8pt; }
body#MainPage div#Main { width: 502px; float: left; padding: 0 0 22px; display: inline; }

body#MainPage div#SecureLogin { width: 702px; float: left; padding: 5 0 0 5px; display: inline; }

body#MainPage div.MainTopic { margin: 0 13px 30px; position: relative; font-size: 10pt; }
body#MainPage div#Main h1.MainTitle { font-variant: normal; font-weight: normal; }
body#MainPage div#Main a.Archives { position: absolute; padding-left: 15px; right: 13px; top: 11px; background-image: url(../images/arrow.gif); background-repeat: no-repeat; background-position: 0 2px; font-size: 10pt; }
body#MainPage div.MainTopic p { margin: 0; padding: 4px 10px 4px 95px; border-bottom: solid 1px #CCCCFF; }
body#MainPage div.MainTopic span.Date { position: absolute; left: 0; }
body#MainPage div.SideTopic { margin: 10px 30px; border: solid 1px #6699CC; }
body#MainPage div.SideTopic h1 { background-color: #6699CC; color: White; font-size: 10pt; font-variant: normal; padding: 2px 9px 0; margin: 0; }
body#MainPage div.SideTopic p { padding: 0; margin: 5px; }

body#MainPage #PageContent { position: relative; margin: 0 10px 13px 110px; padding: 0; width: 836px;  }

body#MainPage div#Main h1.CovidTitle a {
	font-variant:normal;
	font-weight: bold;
	font-size: 16pt;
	text-align:center;
	text-decoration-line: none;
	color: red;
	text-decoration: none;
}

body#MainPage div#Main div.COVID-19 {
	font-variant: normal;
	font-weight: normal;
	font-size: 12pt;
	padding-left: 20px;
	border: 2px solid red;
	margin: 5px;
	padding-bottom: 10px;
	text-align: center;
}

body#MainPage div#Main h1.SubmitComments a {
	font-variant: normal;
	font-weight: bold;
	font-size: 16pt;
	text-align: center;
	text-decoration-line: none;
	color: darkblue;
	text-decoration: none;
}

body#MainPage div#Main div.PublicNotices {
	font-variant: normal;
	font-weight: normal;
	font-size: 16pt;
	padding-left: 20px;
	border: 2px solid darkblue;
	margin: 5px;
	padding-bottom: 10px;
	text-align: center;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

body#MainPage div#Main h1.JobPostingsTitle {
	font-variant: normal;
	font-weight: bold;
	font-size: 16pt;
	text-align: center;
	text-decoration-line: none;
	color: red;
	text-decoration: none;
	border-bottom: solid 1px #CCCCFF;	
}

body#MainPage div#Main div.JobPostings a {
	font-variant: normal;
	font-weight: bold;
	font-size: 16pt;
	text-align: center;
	text-decoration-line: none;
	color: red;
	text-decoration: none;
}

body#MainPage div#Main div.JobPostings {
	font-variant: normal;
	font-weight: normal;
	font-size: 16pt;
	padding-left: 20px;
	padding-right: 20px;
	border: 2px solid red;
	margin: 5px;
	padding-bottom: 10px;
	text-align: center;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}



#pnlSelectCertificate { clear: left; }
#pnlEntities { clear: left; }

#SecurityDiv { width: 957px; }

/*****************************************************
 *
 * Search choices styles 
 *
 ****************************************************/
#searchChoices ul { list-style-type: none; padding: 0; margin: 0; }
#searchChoices ul li { padding: 1px 0; margin: 0; float: left; width: 24%; }
#searchFields { padding-top: 10px; clear: both; }
#searchFields, #searchFields a, #searchFields table, #searchFields select { font-size: 8pt; }


/*****************************************************
 *
 * Search table styles 
 *
 ****************************************************/

table.search { padding: 0; margin: 7px 0; border-style: none; border-collapse: collapse; width: 100%; }
table.search th, table.search td { padding: 3px; }
table.search tbody th { font-weight: normal; text-align: left; }

/*****************************************************
 *
 * RCCWorkFlow styles
 *
 ****************************************************/

ul.ulRCCWorkFlow { float: left; list-style: none; padding: 0; margin: 0 0 15px; color: #5F5F5F; font-family: Verdana; font-size: 8pt; font-weight: normal; width: 100%; }
ul.ulRCCWorkFlow li { float: left; padding: 0 0 0 17px; margin: 0; text-align: left; width: 110px; }
ul.ulRCCWorkFlow li.selected { background-image: url(../images/arrow.gif); background-repeat: no-repeat; background-position: 5px 2px; }
ul.ulRCCWorkFlow li.selected, ul.ulRCCWorkFlow li.selected strong { color: #0066CC; }
ul.ulRCCWorkFlow strong { display: block; font-weight: normal; }



/*****************************************************
 *
 * RCC Quarterly Styles
 *
 ****************************************************/

ul.RCCQuarterlyCaption { list-style-type: none; width: 100%; padding: 0; margin: 0 auto; }
ul.RCCQuarterlyCaption li { display: block; float: left; width: 33%; background-image: none !important; padding: 10px 0 !important; margin: 0 auto; }
ul.RCCQuarterlyCaption li.beg { text-align: left; }
ul.RCCQuarterlyCaption li.mid { text-align: center; margin: 0 auto; }
ul.RCCQuarterlyCaption li.end { text-align: right; vertical-align:top; }
ul.RCCQuarterlyCaption select { width: 80px; font-size: 7pt; }
ul.RCCQuarterlyCaption li strong { padding-right: 3px; }
table.RCCQuarterlyTable { clear: left; border-top: solid 2px #E0E3F6; border-left: solid 2px #E0E3F6; border-collapse: collapse; width: 100%; }
table.RCCQuarterlyTable td, table.RCCQuarterlyTable th { padding: 0; margin: 0; color: #5F5F5F; font-family: Verdana; font-size: 8pt; border-bottom: solid 2px #E0E3F6; border-right: solid 2px #E0E3F6; height: 24px; text-align: right; }
table.RCCQuarterlyTable col.Description td { text-align: left; width: 170px; }
table.RCCQuarterlyTable col.Quarter1, table.RCCQuarterlyTable col.Quarter2, table.RCCQuarterlyTable col.Quarter3, table.RCCQuarterlyTable col.Quarter4, table.RCCQuarterlyTable col.Quarter5 { width: 100px; text-align: right; }
table.RCCQuarterlyTable col.Total { width: 111px; text-align: right; }
table.RCCQuarterlyTable th input { width: 180px; margin-right: 3px; padding: 0; text-align: right; }
table.RCCQuarterlyTable td input { width: 88px;margin-right: 2px; padding: 0; padding-right: 1px; font-size: 7pt; text-align: right; }
table.RCCQuarterlyTable thead td { background-color: #E0E3F6; text-align: center; vertical-align:top; }
table.RCCQuarterlyTable .empty { background-color: #EEEEEE; }
table.RCCQuarterlyTable td.RCCFirstCol, table.RCCQuarterlyTable th.RCCFirstCol { text-align: left; padding: 0 2px; }

div#RCCQuarterly .buttonGroup { text-align: center; margin: 5px auto; }
div#RCCQuarterly input.Calcluate { margin-left: 75px; margin-right: 0; }

span.checkbox input { border: 0; background: #fff; }



/*****************************************************
 *
 * RCCYearly Div Styles
 *
 ****************************************************/

#RCCYearly { margin: 5px 0; }
#RCCYearlyDataDiv { padding: 3px 0 15px; }
#RCCYearlyDataDiv .RCCQuarterlyTable { margin: auto 0; }
#RCCYearlyDataDiv col.DataEntry { width: 95px; text-align: right; }
#RCCYearlyDataDiv .RCCYearlyTable td input { width: 85%; padding-right: 1px;}
#RCCYearly .Info  { right: 0; width: 160px; font-size: 7pt; text-align: right; }
/*
#RCCYearly span { display: block; }
*/
#RCCYearly span.label, #RCCYearly span.label1 { display: block; float: left; width: 50%; }
#RCCYearly span.label { clear: left; }

#RCCYearly .SummeryInfo { position: relative; width: 375px; }
#RCCYearly .SummeryInfo p.help { position: absolute; padding: 0 15px; margin: 3px 0; top: 35px; right: -202px; width: 210px; background-repeat: no-repeat; background-position: 5px 2px; }
#RCCYearly .SummeryInfo input { right: 0; width: 160px; font-size: 7pt; text-align: right; }


table.RCCYearlyTable { border-top: solid 2px #E0E3F6; border-left: solid 2px #E0E3F6; border-collapse: collapse; width: 65%; }
table.RCCYearlyTable td, table.RCCYearlyTable th { padding: 0; margin: 0; color: #5F5F5F; font-family: Verdana; font-size: 8pt; border-bottom: solid 2px #E0E3F6; border-right: solid 2px #E0E3F6; height: 24px; }
table.RCCYearlyTable col.Description { text-align: left; width: 110px; }
table.RCCYearlyTable col.Quarter1, table.RCCYearlyTable col.Quarter2, table.RCCYearlyTable col.Quarter3, table.RCCYearlyTable col.Quarter4, table.RCCYearlyTable col.Quarter5 { width: 85px; text-align: right; }
table.RCCYearlyTable col.Total { width: 111px; text-align: right; }
table.RCCYearlyTable th input { width: 180px; margin-right: 3px; padding: 0; }
table.RCCYearlyTable td input { width: 82px; margin-right: 2px; padding: 0; font-size: 7pt; text-align: right; }
table.RCCYearlyTable thead td { background-color: #E0E3F6; text-align: center; }
table.RCCYearlyTable .empty { background-color: #EEEEEE; }



/*****************************************************
 *
 * Details Page styles
 *
 ****************************************************/

.rcaGridPanel { padding: 10px 0; }
.gridHeaderInfo { padding: 2px 4px 2px 0; margin: 0; width: 100%; float: left; }
.gridHeaderInfo span.tip { float: left; }
.gridHeaderInfo span.count { float: right; }
.detailsPage { float: left; padding: 0 10px; }
.detailsPage .Info td, .detailsPage .Info th{ padding-right: 3px; margin: 0; }
.detailsPage .Info th { padding-right: 3px; white-space: nowrap; }
.detailsPage .mattersList th, .detailsPage .mattersList td { padding: 0 0 2px; }
.detailsPage .mattersList th { padding-right: 8px; font-weight: normal; } 
.detailsPage .pageSizePanel { display: block; text-align: right; padding-bottom: 12px; }
.detailsPage .pagingPanel { position: absolute; top: 120%; right: 0; }
.detailsPage .pagingPanel a { padding: 0 3px; }
#downloadButtons { padding: 12px 0 5px; margin: 0; clear: left; }
#downloadButtons input { margin: 0 10px 0 0; font-size: 8pt; width: 160px; }

#FeaturedSection h2 { font-size: 11pt; font-style: italic; color: #010066; font-variant: normal; }



/*****************************************************
 *
 * DataGrid Related styles
 *
 ****************************************************/

.selectButtonsArea { float: left; width: 100%; position: relative; }
.selectButtonsArea ul { padding: 0; margin: 0; list-style-type: none; }
.selectButtonsArea li { padding: 0 15px 0 0; margin: 0; float: left; }
.confidentialNote { padding: 0; margin: 0; float: right; } /* TODO: add lock picture to the page */
.RCAGrid p.EDocDesc { display: inline; margin: 0; padding: 0; }



/*****************************************************
 *
 * Upload File Table styles
 *
 ****************************************************/

table#UploadFileTable { width: 70%; }

table.uploadFiles td { text-align: left; vertical-align: top; }
table.uploadFiles #Label1, table.uploadFiles #Label2 { margin-top: 0 !important; display: inline !important; }



/*****************************************************
 *
 * MatterList styles
 *
 ****************************************************/
table.matterList td { padding: 0 4px 0 0; vertical-align: top; text-align: right; }
table.matterList input { float: left; }
table.matterList label { display: block; float: left; padding: 2px 0 4px; text-align: left; }
table.matterList select { width: 90%; }


/*****************************************************
 *
 * Misc styles
 *
 ****************************************************/


h1.ThankYouTitle { border: none 0 !important; font-weight: normal; font-size: 12pt; font-variant: normal !important; }
span.tip { display: block; }
span.tip a, span.tip a:hover { text-decoration: none; padding: 0 13px; margin: 0; background-image: url(../images/arrow.gif); background-repeat: no-repeat; background-position: 0 3px; }
.certStatus { padding: 0 11px; margin: 0; clear: both; float: right; float: right; font-size: 8pt; font-style:italic; font-weight: bold; color: Navy; text-align:right; } 
.DetailTitle { color: #010066 }
/*****************************************************
 *
 * PageFooter Styles
 *
 ****************************************************/

div#PageFooter { padding: 0; margin: 0; text-align: center; }
div#PageFooter p { margin: 0 auto; padding: 15px 0; font-size: 7pt; color: #676767; line-height: 1.5em; clear: both; }

/*****************************************************
 *
 * Rounded Corners Styles
 *
 ****************************************************/

.rtop, .rbottom { display: block; }
.rtop *, .rbottom * { display: block; height: 1px; overflow: hidden; }
.r1 { margin: 0 5px; }
.r2 { margin: 0 3px; }
.r3 { margin: 0 2px; }
.r4 { margin: 0 1px; height: 2px;}

.rs1 { margin: 0 2px; }
.rs2 { margin: 0 1px; }

/*********************************************************
*
*		Nifty Corners
**********************************************************/
b.niftycorners,b.niftyfill{display:block}
b.niftycorners *{display:block;height: 1px;line-height:1px;font-size: 1px;
    overflow:hidden;border-style:solid;border-width: 0 1px}
/*normal*/
b.r1{margin: 0 3px;border-width: 0 2px}
b.r2{margin: 0 2px}
b.r3{margin: 0 1px}
b.r4{height: 2px}
b.rb1{margin: 0 8px;border-width:0 2px}
b.rb2{margin: 0 6px;border-width:0 2px}
b.rb3{margin: 0 5px}
b.rb4{margin: 0 4px}
b.rb5{margin: 0 3px}
b.rb6{margin: 0 2px}
b.rb7{margin: 0 1px;height:2px}
b.rb8{margin: 0;height:2px}
b.rs1{margin: 0 1px}
/*transparent inside*/
b.t1{border-width: 0 5px}
b.t2{border-width: 0 3px}
b.t3{border-width: 0 2px}
b.t4{height: 2px}
b.tb1{border-width: 0 10px}
b.tb2{border-width: 0 8px}
b.tb3{border-width: 0 6px}
b.tb4{border-width: 0 5px}
b.tb5{border-width: 0 4px}
b.tb6{border-width: 0 3px}
b.tb7{border-width: 0 2px;height:2px}
b.tb8{border-width: 0 1px;height:2px}
b.ts1{border-width: 0 2px}




/*****************************************************
 *
 * Styles from RCAWebsiteStyles.css - remove if unused
 *
 ****************************************************/

#Label1, #Label2 { display: block; margin-top: 10px; clear: left; }

.HeadlineTitle3
{
	font-size: 9pt;
	color: #010066; 
    font-weight:bold;
}

.NoData
{
	font-size: 9pt;
	color: #010066; 
}

.RCALink
{
	font-size: 8pt;
	color: #6699cc;
}
.SideMenu
{	
	background-color: #E0E3F6;
	font-size: 9pt;
}

a { text-decoration: none; color: #6699cc; }
a:hover { text-decoration: underline; }

/* Calendar Styles */
.CalendarGeneralStyles
{
	border: solid 1px #1B4A74;
}

.CalendarSelectedDateStyle
{
	background-color: #F7DFAE;
	font: italic bold 9pt;
}

.CalendarSelectedHrDateStyle
{
	background-color: #8397CB;
	font: italic bold 9pt;
}

.CalendarSelectedBothDateStyle
{
	background-color: #AA8491;
	font: italic bold 9pt;
}

.CalendarNextPrevStyle
{
	font: bold 10px arial;
	color: #fff;
}

.CalendarDayStyle
{
	font: normal 9pt;
}


.CalendarTitleStyle
{
	font: bold 16px;
	color: White;
	background-color: #03359A;  
}

.CalendarDayHeadingStyle
{
	font: bold 10px;
	background-color: #666;
	color: #fff;
}

.CalendarOtherMonthDayStyle
{
	background-color: gainsboro;
}

.CalendarHeadingLabel
{
	background-color: #03359A;
	font: bold 14px/16px;
	color: #fff;
	height: 18px;
	padding: 2px 2px 0 2px;
}
/* End Calendar Styles #E0E3F6 */

.RCAGrid, #entitiesGrid, #resultsGrid, #docketsGrid
{
	border: #6699cc 1px solid;
	clear: left;
}

.RCAGridHeader, .RCAGridItem, .RCAGridAlternatingItem { width: 90%; }

.RCAGridHeader, tr.searchResultsHeader td
{
	font-size: 8pt;
	font-weight:bold;
	text-align: left;
	background: #E0E3F6;
	border: #6699cc 1px solid;
}

.RCAGridHeader td, tr.searchResultsHeader td
{
	padding: 6px;	
	border: #6699cc 1px solid;
}

.RCAGridItem
{
    font-size: 8pt;
    text-align: left;
    vertical-align: top;
    background: #fff;
}
.RCAGridItem td
{
	padding: 6px;
    border: #6699cc 1px solid;
    width: auto;
}
.RCAGridAlternatingItem
{
    font-size: 8pt;
    text-align: left;
	background: #ECECEC;
    vertical-align: top;
}
.RCAGridAlternatingItem td
{
	padding: 6px;
    border: #6699cc 1px solid;
}

.RCAGridPager
{
	font-size: 8pt;
	font-weight: bold;
    color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
	background: #285C9A;
}

.RCAGridSelectedItem
{
    font-size: 8pt;
    color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    text-align: left;
	background: #0066CC;
	border: none;
	padding-left:3px;
}

.RCAGridNoBorders
{
	border: none;
	clear: left;
}
.RCAGridNoBordersItem
{
    font-size: 8pt;
    text-align: left;
    vertical-align: top;
}
.RCAGridNoBordersItem td
{
	padding: 2px;
    border: none;
    width: auto;
}


#entitiesGrid td, #resultsGrid td, #docketsGrid td { border: 1px solid #69c; }

.ActiveTabButton
{
	background-color:#6699cc;
	color:White;
	border-style:none;
    font-size: 8pt;
    text-align:center;
    vertical-align:middle;
    text-decoration: none; cursor: hand;
    padding:0px 6px 0px 6px;
}
.ActiveTabButton:hover
{
	background-color:#6699cc;
	color:White;
	border-style:none;
    font-size: 8pt;
    text-align:center;
    vertical-align:middle;
    text-decoration: none; cursor: none;
    padding:0px 6px 0px 6px;
}
.InactiveTabButton
{
	background-color:#E0E3F6;
	border-style:none;
    font-size: 8pt;
    color:Black;
    text-align:center;
    vertical-align:middle;
    text-decoration: none; cursor: hand;
    padding:0px 6px 0px 6px;
}
.InactiveTabButton:hover
{
	background-color:#E0E3F6;
	border-style:none;
    font-size:8pt;
    color:Black;
    text-align:center;
    vertical-align:middle;
    text-decoration: none; cursor: none;
    padding:0px 6px 0px 6px;
}

#MatterCal { clear: left; }
.MatterCalHeader
{
	background-color:#6699cc;
	color:White;
	border-style:none;
    border-collapse: collapse;
    font-size: 9pt;
    clear: left;
    width: 40%;
    height: 15px;
    padding: 0px;
    margin: 0px;
}

.matterSection
{
    background-color:#6699cc;
	color:White;
	border-style:none;
    border-collapse: collapse;
    font-size: 9pt;
    width: 25%;
    padding: 0px;
    margin: 0px;
}

.MatterCalHeader-text-center
{
    background-color:#6699cc;
	color:White;
	border-style:none;
    border-collapse: collapse;
    font-size: 9pt;
    clear: left;
    padding: 0px;
    margin: 0px;
}

.text-top
{
    
}

.text-right-MatterCalHeader
{
    float: right;
    text-align: right;
    background-color:#6699cc;
	color:White;
	border-style:none;
    border-collapse: collapse;
    font-size: 9pt;
    width: 100%;
    height: 18px;
    padding: 0px;
    margin: 0px;
}

.text-top-text-right
{
    float: right;   
    padding: 0px;
    margin: 0px;
    border-collapse: collapse;
}

.calendarBody
{
    border-style: none;
    padding: 0px;
    margin: 0px;
}
.table-noborder-width-full-no-padding
{
    width: 100%;
    border-style: none;
    border-collapse: collapse;
    padding: 0px;
    margin: 0px;
}

.width-full-table-noborder-no-padding
{
    width: 100%;
    border-style:none;
    padding: 0px;
    margin: 0px;
}

.MatterMonthTable-width-full-table-noborder-no-padding
{
    width: 100%;
    border-style: none;    
    padding: 0px;
    margin: 0px;
    border-collapse: collapse;
    table-layout: fixed;
}

.MatterMonthTable
{
    border-color:#E0E3F6;
    border-width:thin;
    border-style:solid;
    font-size: 9pt;
    clear: left;

}
.MatterMonthHeader
{
	background-color:#E0E3F6;
    font-size:9pt;
    text-align:center;
}
.MatterMonthTableCell
{
    border-color:#E0E3F6;
    border-width:thin;
    border-style:solid;
    font-size: 8pt;
    height:115px;
    vertical-align:top;
}
.UnavailTableCell
{
	background-color:#E0E3F6;
    border-color:#E0E3F6;
    border-width:thin;
    border-style:solid;
    font-size: 8pt;
    height:auto;
    vertical-align:top;
    display: block;
    clear: left;
}

.GettingStartedTableCell
{
    border-color:#E0E3F6;
    border-width:thin;
    border-style:solid;
    font-size: 8pt;
    height:115px;
    vertical-align:top;
}
.ErrorMessage
{
    color:Red;
}
.CalendarFloatingDiv
{
	LEFT: 250px; POSITION: absolute; TOP: 150px; z-index: 99; padding: 5px 10px;
    background-color:Silver;
    border-style:solid; border-color:Black; border-width:1px;
}

/* Config container styles */
.vertical-menu-container
{
	height: 400px;
}


/* Tab styles */

.portalTabContainer 
{
      font-family: Verdana;
      font-size: 7pt;
      border-bottom: solid 2px #6699CC;
      position: relative; margin: 0 0 13px 110px; padding: 0; width: auto; height: 35px;
}
.secHomeTabs .portalTabContainer { margin: 0 10px; width: auto; } 
.portalTabContent {
	 clear: left; }

.activePortalTab, .portalTab { width: 80px; }

.portalTabContainer a 
{
	  width: 80px;
	  margin: 0px 5px 0px 0px;
	  font-family: Verdana;
	  font-size: 7pt;
      padding: 6px 0px 2px 0px;
      text-align: center; 
      background-color: #DCE0F5;
      color: #5F5F5F;
      text-decoration: none;  
      display: block; float: left;
}

a.portalTabLink, a.activePortalTabLink

{
	padding: 6px 0px 2px 0px; height:32px;
}

.portalTabContainer a.activePortalTabLink, .portalTabContainer a.portalTabLink:hover
{
      background-color: #6699CC;
      color: White; 
}

/* ========== BEGIN Added by AHS on 1/11/2024 ========== .portalTabContainerInformational */

.portalTabContainerFeatured {
	font-family: Verdana;
	font-size: 7pt;
	border-bottom: solid 2px #6699CC;
	position: relative;
	margin: 0 0 13px 110px;
	padding: 0;
	width: auto;
	height: 35px;
}
.secHomeTabs .portalTabContainerFeatured {
	margin: 0 10px;
	width: auto;
}

.portalTabContainerFeatured a {
	width: 72px;
	margin: 0px 5px 0px 0px;
	font-family: Verdana;
	font-size: 7pt;
	padding: 6px 0px 2px 0px;
	text-align: center;
	background-color: #DCE0F5;
	color: #5F5F5F;
	text-decoration: none;
	display: block;
	float: left;
}

.portalTabContainerFeatured a.activePortalTabLink, .portalTabContainerFeatured a.portalTabLink:hover {
	background-color: #6699CC;
	color: White;
}

/* ========== END Added by AHS on 1/11/2024 ========== */

/* End Tab Styles */

/* Custom Tab styles */
.ForConsumerTabs
{
	background-color:#dcdcdc;
    position: relative; margin: 0 0 0 111px; padding: 0; width: 765px; clear: left; overflow: hidden;
}

.activeForConsumberTabLink, .ForConsumberTabLink, .portalTab { width: 1%; }

a.ForConsumberTabLink, a.activeForConsumberTabLink
{
	background-color:#dcdcdc; border-left: 1px solid #fff;
	color: #5f5f5f; padding: 5px 10px; width: auto;
	text-decoration: none; text-align: center; white-space: nowrap;
	font-size: 7pt; float: left;
}

.ForConsumerTabs > div:first-child a.ForConsumberTabLink, 
.ForConsumerTabs > div:first-child a.activeForConsumberTabLink { border-left: 0; } 

a.ForConsumberTabLink:hover, a.activeForConsumberTabLink:hover { text-decoration: underline; }

a.TelephoneTabLink, a.activeTelephoneTabLink
{
	border-right: solid 1px #cc6600; background-color:#dcdcdc; height: 22;
}
a.ElectricTabLink, a.activeElectricTabLink
{
	border-right: solid 1px #006699; background-color:#dcdcdc; height: 22;  
}
a.GasTabLink, a.activeGasTabLink
{
	border-right: solid 1px #990099; background-color:#dcdcdc; height: 22; 
}
a.WaterTabLink, a.activeWaterTabLink
{
	border-right: solid 1px #006666; background-color:#dcdcdc; height: 22; 
}
a.RefuseTabLink, a.activeRefuseTabLink
{
	border-right: solid 1px #009933; background-color:#dcdcdc; height: 22;
}
/* End Custom Tab Styles */

/* WORK FLOW VIEWS STYLES */
.UIPViews-container-style
{
	width: 100%;
	clear: both;
}
#UIPViews input { display: block; float: left; padding: 0 10px; margin: 0 5px 0 0; }
#docketsDropDownList { width: 80%; }
#entityListBox, #certificateListBox { clear: left; display: inline-block; }



.tab 
{
	display: block;
	text-align: center;
	vertical-align: middle;
	border-top: solid 1px #666666;
	border-left: solid 1px #666666;
	border-right: solid 1px #666666;
	padding: 2px 5px 0 5px;
	margin: 0 2px 0 2px;
}
a.tabLink:link, a.tabLink:visited, a.tabLink:hover
{
	font-family: arial;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	color: navy;
}

.groupBody
{
	margin-top: 5px;
	margin-bottom: 10px;
	font: normal 11px verdana;
}

.groupItem div label
{
	width:200px;
	vertical-align:top;
	padding-right: 20px;
}

/* Mozilla Styles */
.groupItem table label
{
	display: inline;
	float: left;
	width:200px;
	vertical-align:top;
	padding-right: 20px;
	font-size: 13px;
} /* End Mozilla Styles */

.groupItem div
{
	margin-bottom: 10px;
	margin-top: 5px;
}
/* Mozilla Styles */
.groupItem table
{
	margin-bottom: 10px;
	margin-top: 5px;
} /* End Mozilla Styles */

.groupItem div .formtext
{
	font-family: Verdana;
	font-size: 14px;
	font-weight: bold;
}

.groupItem .checkbox label
{
	clear: both;
	width:auto;
	vertical-align:top;
	padding-right: 4px;
	padding-left: 4px;
}


/* Mozilla Styles */
.groupItem table .formtext
{
	font-family: Verdana;
	font-size: 14px;
	font-weight: bold;
} /* End Mozilla Styles */

.groupItem input
{
	font-family: arial;
	font-size: 12px;
	vertical-align: top;
	width:200px;

}

.groupItem .checkbox input
{
	clear:both;
	width:auto;
}

/* Mozilla Styles */
.groupItem table input
{
	display: block;
	float: left;
	font-family: Arial;
	font-size: 12px;
	width:auto;
	padding: 1px 3px;
} 

.groupItem table .checkbox input
{
	clear:both;
	width:auto;
}

textarea { width: 600px; }

/* End Mozilla Styles */

.groupItem textarea, .groupItem table textarea
{
	font-family: Arial;
	font-size: 12px;
	width: 300;
	height: 100;
	padding: 3px;
}

.groupItem select
{
	width: 200px;
}

.groupItem select option
{
	font-size: 10px;
	background-color: #EFF4F8;
}

.groupItem input, .groupItem textarea { color: #000 !important; }

#ExtendedPropertiesEditControl1_TableLink0 { display: none; }

/* End of WORKFLOW VIEWS STYLES */

/* Popup date picker styles */
.CalcpYearNavigation,
.CalcpMonthNavigation
{
	background-color:Navy;
	text-align:center;
	vertical-align:middle;
	text-decoration:none;
	color:#FFFFFF;
}
.CalcpDayColumnHeader,
.CalcpYearNavigation,
.CalcpMonthNavigation,
.CalcpCurrentMonthDate,
.CalcpCurrentMonthDateDisabled,
.CalcpOtherMonthDate,
.CalcpOtherMonthDateDisabled,
.CalcpCurrentDate,
.CalcpCurrentDateDisabled,
.CalcpTodayText,
.CalcpTodayTextDisabled,
.CalcpText
{
	font-family:arial;
	font-size:8pt;
}
TD.CalcpDayColumnHeader
{
	text-align:right;
	border:solid thin Navy;
	border-width:0 0 1 0;
}
.CalcpCurrentMonthDate,
.CalcpOtherMonthDate,
.CalcpCurrentDate
{
	text-align:right;
	text-decoration:none;
}
.CalcpCurrentMonthDateDisabled,
.CalcpOtherMonthDateDisabled,
.CalcpCurrentDateDisabled
{
	color:#D0D0D0;
	text-align:right;
	text-decoration:line-through;
}
.CalcpCurrentMonthDate
{
	color:Black;
}
.CalcpCurrentDate
{
	color: #FFFFFF;
	font-weight:bold;
}
.CalcpOtherMonthDate
{
	color:#808080;
}
TD.CalcpCurrentDate
{
	color:#FFFFFF;
	background-color: Navy;
	border-width:1;
	border:solid thin #000000;
}
TD.CalcpCurrentDateDisabled
{
	border-width:1;
	border:solid thin #FFAAAA;
}
TD.CalcpTodayText,
TD.CalcpTodayTextDisabled
{
	border:solid thin Navy;
	border-width:1 0 0 0;
}
A.CalcpTodayText,
SPAN.CalcpTodayTextDisabled
{
	height:20px;
}
A.CalcpTodayText
{
	color:Navy;
	font-weight:bold;
}
SPAN.CalcpTodayTextDisabled
{
	color:#D0D0D0;
}
.CalcpBorder
{
	border:solid thin Navy;
}
/* end of Popup date picker styles */

.errorHeader
{
	font-weight: normal;
	font-size: small;
	font-family: Sans-Serif;
	text-decoration: underline;
}
.errorNoteStyle
{
	font-weight: normal ;
	color: Black;
	font-size: small;
	font-family: Sans-Serif;
	text-align: justify;
	text-justify: distribute-all-lines;
}

/* NewsItem styles */
#NewsItem
{
	width: 100%;
}

#NewsItem .LayoutText1, .LayoutText2, .LayoutText3, .LayoutText4, .LayoutText5, .LayoutText6
{
	font: normal x-small verdana;
}

#NewsItem .LayoutText2
{
	float: right;
}

#NewsItem .LayoutImage2
{
	/*clear: both;
	float: left;*/
}

#NewsItem .LayoutText3
{
	float: left;
}

#NewsItem .LayoutImage3
{
	/*clear: left;*/
	float: right;
}

#NewsItem .LayoutImage4
{
	float:left;
}

#NewsItem .LayoutImage5
{
	float:right;
}

#NewsItem .LayoutText6
{
	float: none;
}

#NewsItem .LayoutImage6
{
	float: none;
	text-align: center;
}
/* end of NewsItem styles */

table.radiobtn_list td{	 vertical-align: top; }

.requiredMarker
{
	VERTICAL-ALIGN: super;
}

#feedbackLinks
{
	position: absolute;
	left: 725px;
	top: 120px;
	z-index: 1050;
}

#feedbackLinks a
{
	font-family: Arial;
	font-size: 9pt;
}

.moreDetailSpan { color: #6699cc; text-decoration: none; cursor: hand; }

.RadioButton td
{
	vertical-align:top;
	padding-right: 20px;
}
ul.SiteMapLinks { list-style-type:none; padding: 0; margin: 0 0 5px; }
ul.SiteMapLinks li {  padding: 0 0 0 30px; margin: 4px 0;}

.Input8pt
{
	font-size: 8pt;
}

/* Survey */
.survey {
float: left; 
text-align: left;
padding-left: 10px; 
}

.portal-container {
    width: 100%;
}