@media screen {

body 
{
    height: 100%;
    margin: 0px;
    background: #efefef url(images/body_background.png) repeat-y top center;
    font-family: Verdana, "Lucida Grande", Verdana, Arial;
    font-size: 8pt;
}
td {
    font-family: Verdana, "Lucida Grande", Verdana, Arial;
    font-size: 8pt;
}
th a {
    font-size: 7pt;	
}
.popupBody
{
    background: #ffffff;
}
.button
{
   font-size: 7pt;
    font-family: verdana;
    border: solid 1px #2170b4;
    background-color: #0059b3;
    color: #fff;
    margin-right: 3px;
    cursor: pointer;
}
.textbox
{
    font-size: 7pt;
    border: 1px solid #cccccc;
    margin-right: 5px;    
}
.hidden-textbox
{
   display:none;
}

/* The following styles allow a hidden file upload tag to hide over the top of our texbox and button styles.*/
div.fileinputs {
	position: relative;
}

div.fileinputs input.hidden 
{
	margin: 0;
	position: relative;
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 99;

    /* These styles attempt to replicate the styling of the textbox and button styles, you will need to update 
       these settings when changing the textbox and button styles */
    margin-right: 5px;
    font-size: 7pt;
    border: 1px;
    /* End of style replication */
}

div.fakefile input.button
{
    cursor: default;
}

div.fakefile 
{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 98;
}
/* End of hidden file upload styles */
.search
{
    font-size: 10pt;
    font-weight: bold;
    color: #442278;
}
.search-textbox
{
    font-size: 9pt;
    border: 1px solid #cccccc;
    margin-right: 5px;    
}
.title
{
    font-family: Arial;
    font-size: 8pt;
   font-weight: bold;
    color: #555555;
}
.label
{
    font-size: 7pt;
    color: #555555;
}
.checkbox
{
    font-size: 7pt;
}
.helptext
{
    font-size: 7pt;
    color: #009933;
    line-height:12px;
}
.statustext
{
    font-size: 7pt;
    color: #0055EA;
}
select
{
   font-family: verdana;
   font-size: 7pt;
}
textarea
{
   font-size: 8pt;
   font-family: Arial;
}
a
{
    font-family: Verdana, "Lucida Grande", Verdana, Arial;
    font-size: 8pt;
    color: #0059B3;
}
a.SmallLink 
{
    font-size: 7pt;	
}
.sized-select
{
   font-family: verdana;
   font-size: 7pt;
   width: 150px;
}
.error-label
{
    color: #FC0000;
}
p {
    line-height: 18px;
    color: #666666;
}
h2
{
    background-color: #e1e0d3;
    color: #464646;
    padding: 0px;
    margin: 0px;
    height: 22px;
    font-family: arial;
    font-size: 12pt;
    line-height: 20px;
    padding-left: 10px;
}
h3
{
    font-family: Arial;
    font-size: 14px;
    color: #442278;
    background-color: #CACCE5;
    margin: 0px 0px 5px 0px;
    padding: 2px 2px 2px 6px;
}
h4
{
    font-family: Arial;
    font-size: 11px;
    border-bottom: 1px solid #999999;
    color: #000000;
    margin: 0px 0px 7px 0px;
    padding: 2px 2px 4px 0px;
    background: none;
    text-align: left;
    vertical-align: middle;
    line-height: 12px;
}


/**********/
/* Search */
/**********/

#searchcontrol .gs-watermark { display : none; }

#searchcontrol .gsc-ad-box { display : none; }

#searchcontrol .gsc-tabsArea { display : none;}

#searchcontrol .gsc-title { display : none; }

#searchcontrol .gsc-stats { display : none; }

#searchcontrol .gsc-tabHeader { display : none; }

#searchcontrol .gsc-tabhActive { display : none; }

#searchcontrol .gsc-results-selector { display : none; }

#searchcontrol .gsc-one-result-active { display : none; }

#searchcontrol .gs-title 
{ 
  color: blue;
  font-size: 14px;
  text-decoration: none;
}

#searchcontrol .gs-title:hover { text-decoration: underline; }

#searchcontrol .gs-snippet
{
	color: #aaa;
	font-size: 10px;
	line-height: 13px;

}
 
#searchcontrol .gs-visibleUrl-long {

color: green;
font-size: 10px;
text-decoration: none;
padding-bottom : 10px;

}

#searchcontrol .gs-visibleUrl-short { display : none; }


#searchPanel div.results 
{
    padding: 10px 5px 10px 5px;
}
#searchPanel h2 {
  font-size: 20px;
  margin: 0px 0px 20px 0px;
  background: none;
  padding: 0px;
  font-weight: normal;
}
#searchPanel .label {
  display: -moz-inline-block;
  display: inline-block;
  color: #999;
  font-size: 12px;
  padding: 0px 0px 2px 0px;
}
#searchPanel .textbox {
  margin-bottom: 1px;
  padding: 2px;
  font-size: 16px;
  width: 70%;
}
#searchPanel .textbox {
  font-size: 16px;
}
#searchPanel .goButton {
  margin-bottom: 1px;
}
#searchPanel .titleLink {
  color: blue;
  font-size: 14px;
  text-decoration: none;
}
#searchPanel .titleLink:hover {
  text-decoration: underline;
}
#searchPanel .urlLink {
  color: green;
  font-size: 10px;
  text-decoration: none;
}
#searchPanel .urlLink:hover {
  text-decoration: underline;
}
#searchPanel .description {
  color: #666;
  font-size: 11px;
}
#searchPanel .extract {
  color: #aaa;
  font-size: 10px;
  line-height: 13px;
}
#searchPanel table.radioButtons label {
  color: #999;
  font-size: 10px;
  padding-bottom: 3px;
}


/***********/
/* Gadgets */
/***********/
.gadgetBorder
{
  border: 1px solid #ccc;
  padding: 5px;
  margin-bottom: 5px;
}
.webPart
{
    margin-bottom: 10px;
}
div.gadgetBorder div.webPart
{
  margin-bottom: -10px;
}
h1.gadgetTitle 
{
  background-color: #cacce5;
  display: block;
  color: #442278;
  font-weight: bold;
  font-family: Arial;
  font-size: 11pt;
  margin: 0px 0px 5px 0px;
  padding: 2px 2px 2px 6px;
}
table.statusBar
{
   background: url(images/icons/content_manager_status_bar_background.png) repeat-x;
}


/******************/
/* Content gadget */
/******************/
.contentPanel
{
    line-height: 18px;
    color: #666666;
    text-align: left;
    margin: 0px 0px 0px 0px;
}
.contentPanel a {
  color: #666666;
  line-height: 18px;
  font-weight: bold;
}
.contentPanelDraft {
  background: url(images/draft_content_background.png) no-repeat bottom right;
}
.contentPanelOld {
  background: url(images/old_content_background.png) no-repeat bottom right;
}


/*****************************/
/* Coloured Content Headings */
/*****************************/
div.contentPanel .header1,
.header1 {
  display:block;
  background-color: #d4de88;
  color: #442278;
  font-weight: bold;
  font-family: Arial;
  font-size: 11pt;
  margin: 0px 0px 5px 0px;
  padding: 2px 0px 2px 6px;
}
div.contentPanel .header2,
.header2 {
  display:block;
  background-color: #cacce5;
  color: #442278;
  font-weight: bold;
  font-family: Arial;
  font-size: 11pt;
  margin: 0px 0px 5px 0px;
  padding: 2px 0px 2px 6px;
}
div.contentPanel .header3,
.header3 {
  display:block;
  background-color: #dac6c8;
  color: #442278;
  font-weight: bold;
  font-family: Arial;
  font-size: 11pt;
  margin: 0px 0px 5px 0px;
  padding: 2px 0px 2px 6px;
}
div.contentPanel .header4,
.header4 {
  display:block;
  background-color: #becfc5;
  color: #442278;
  font-weight: bold;
  font-family: Arial;
  font-size: 11pt;
  margin: 0px 0px 5px 0px;
  padding: 2px 0px 2px 6px;
}
div.contentPanel .header5,
.header5 {
  display:block;
  background-color: #deb1c8;
  color: #442278;
  font-weight: bold;
  font-family: Arial;
  font-size: 11pt;
  margin: 0px 0px 5px 0px;
  padding: 2px 0px 2px 6px;
}
div.contentPanel .header6,
.header6 {
  display:block;
  background-color: #f7b988;
  color: #442278;
  font-weight: bold;
  font-family: Arial;
  font-size: 11pt;
  margin: 0px 0px 5px 0px;
  padding: 2px 0px 2px 6px;
}

div.contentPanel .header1 a, div.contentPanel .header2 a, div.contentPanel .header3 a, div.contentPanel .header4 a, div.contentPanel .header5 a, div.contentPanel .header6 a,
.header1 a, .header2 a, .header3 a, .header4 a, .header5 a, .header6 a {
  color: #442278;
  font-weight: bold;
  font-family: Arial;
  font-size: 11pt;
  text-decoration: none;
}


/****************/
/* Page Wrapper */
/****************/
#pageContainer
{
    background: url(images/banner.png) no-repeat 2px top;
    width: 800px;
    margin: 0 auto 0;
    height: 100%;
}


/***************/
/* Page Header */
/***************/
#pageHeader
{
    position: relative;
    width: 800px;
    height: 152px;
}
#menuBar #extraLinks
{
	margin-left: -300px;
	display: block;
	margin-top: 80px;
}
#menuBar #extraLinks a
{
	font-size: 13px;
}
#pageHeader h1, #pageHeader h2 
{
    display: none;
}
#menuBar
{
    position: absolute;
    top: 28px;
    right: 0px;
    width: 315px;
    color: #442278;
    text-transform: capitalize;
}
#menuBar a
{
    text-decoration: none;
    color: #442278;
    padding-right: 15px;
    line-height: 13px;
}
#menuBar a:hover
{
    text-decoration: underline;
}

/*****************/
/*accountControls*/
/**************/

#accountControls{

	padding-top: 10px;
}

/*******************/
/* Quick Search    */
/*******************/
#quickSearch
{
  position: absolute;
  top: -5px;
  left: 170px;
  padding: 0px;
  
}
#quickSearch .textbox {
    font-size: 7pt;
    border: 1px solid #442278;
    width: 100px;
    padding: 2px;   
    font-family: Verdana;
}
#quickSearch .button {
    background-color: #442278;
    font-size: 7pt;
    font-family: Verdana;
    border: solid 1px #442278;
    color: #ffffff;
    
    line-height: 13px;
    width: 20px;
    height: 18px;
}


/*******************/
/* Navigation menu */
/*******************/
#navMenu
{
    float: left;
    margin-right: -44px;
}
#navMenu h2
{
  display: none;
}
#navMenu ul
{
    list-style: none;
    padding: 0px;
    margin: 0px;
    margin-bottom: 10px;
}
#navMenu li
{
}
/* Weird hack to fix bottom padding problem in ie */
#navMenu span li {
  display: inline;
}
#navMenu li a
{
   font-family: arial;
    font-size: 13px;
    display: block;
    width: 150px;
    text-decoration: none;
    margin-bottom: 4px;
    padding-left: 15px;
    color: #442278;
    line-height: 18px;
    padding-bottom: 2px;
    padding-top: 2px;
}
#navMenu li.menuItem a
{
  border-left: 7px solid #b10036;
  background-color: #dac6c8;
}
#navMenu li.menuItemDraft a
{
  background: #dac6c8 url(images/draft_item.png) no-repeat left;
  position: relative;
  left: -52px;
  padding-left: 74px;
}
#navMenu li.menuItem a:hover, #navMenu li.menuItemDraft a:hover, #navMenu li.selectedMenuItem a:hover, #navMenu li.selectedMenuItemDraft a:hover, li.homePageMenuItem a:hover
{
  background-color: #e9dcdd;
}
#navMenu li.selectedMenuItem a
{
  border-left: 7px solid #b10036;
  background-color: #dac6c8;
  font-weight: bold;
}
#navMenu li.selectedMenuItemDraft a
{
  font-weight: bold;
  background: #dac6c8 url(images/draft_item.png) no-repeat left;
  position: relative;
  left: -52px;
  padding-left: 74px;
}
#navMenu li.parentMenuItem a
{
  border-left: 7px solid #7d67bc;
  background-color: #cacce5;
}
#navMenu li.parentMenuItemDraft a
{
  background: #cacce5 url(images/draft_parent_item.png) no-repeat left;
  position: relative;
  left: -52px;
  padding-left: 74px;
}
#navMenu li.parentMenuItem a:hover, #navMenu li.parentMenuItemDraft a:hover, #navMenu li.selectedParentMenuItem a:hover, #navMenu li.selectedParentMenuItemDraft a:hover
{
  background-color: #dedfef;
}
#navMenu li.selectedParentMenuItem a
{
  border-left: 7px solid #7d67bc;
  background-color: #cacce5;
  font-weight: bold;
}
#navMenu li.selectedParentMenuItemDraft a
{
  font-weight: bold;
  background: #cacce5 url(images/draft_parent_item.png) no-repeat left;
  position: relative;
  left: -52px;
  padding-left: 74px;
}
#navMenu li.homePageMenuItem a
{
  border-left: 7px solid #b10036;
  background-color: #dac6c8;
  font-weight: bold;
}


/****************/
/* Helpline box */
/****************/
#helplineBox {
  border: 1px solid #222;
  margin-right: 52px;
  margin-left: 7px;
  font-family: Arial;
  text-align: center;
}
#helplineBox span.tel {
  margin: 2px;
  color: #442278;
  font-size: 14pt;
  display: block;
  font-weight: bold;
}
#helplineBox span.message {
  margin: 0px;
  padding: 0;
  color: #222;
  font-size: 9pt;
  border: none;
  display: block;
  font-weight: bold;
}
#helplineBox span.footnote {
  margin-top: 3px;
  margin-bottom: 3px;
  padding: 0px;
  color: #666666;
  font-weight: normal;
  font-size: 7pt;
  display: block;
}


/****************/
/* Main content */
/****************/
#pageContent
{
    position: relative;
    margin: 0 auto 0;
    width: 800px;
    margin-top: 15px;
}
#mainContent
{
    width: 600px;
    margin-left: 180px;
}


/*************/
/* Web parts */
/*************/
.emptyPageMessage
{
    width: 597px;
    height: 300px;
    background: url(images/empty_page_message.png) no-repeat top right;  
}
.emptyWebPartZone
{
    padding: 0px;
    margin: 0px;
    height: 250px;
    border: 1px solid #66f886;
    background: url(images/empty_webpartzone_message.png) no-repeat center;   
}
.editWebPartZone
{
    padding: 2px;
    margin: 0px;
    height: 100px;
    xborder: 1px solid #66f886;
}
.WebPartZone
{
    padding: 0px;
    margin: 0px;
}
.WebPartZoneHeader
{
    display: none;
}
table.WebPartChrome
{
    padding: 2px;
    margin: 0px;
    margin-bottom: 10px;
    border-left: 1px solid #e1e0d3;
    border-right: 1px solid #e1e0d3;
    border-bottom: 1px solid #e1e0d3;
}
.WebPartTitle
{

    background-color: #e1e0d3;
    padding: 1px 0px 0px 5px;
    margin: 0px;
    height: 14px;
}
.WebPartTitle span
{
    display: inline-block;
    width: 80%;
    overflow: hidden;
}
.partLinkStyle
{
    color: Black;
}


/***************/
/* Action menu */
/***************/
#actionMenu
{
    position: absolute;
    top: -65px;
    right: 75px;
    margin-top: 2px;
    width: 148px;
}
#actionMenu h2
{
    display: none;
}
#actionMenu ul
{
    display: inline-block;
    padding: 0px;
    margin: 4px;
    font-family: arial, helvetica, sans-serif;
    white-space: nowrap;
    list-style-type: none;
}
#actionMenu li
{
    margin-left: 3px;
    font-family: arial;
    font-size: 9pt;
    font-weight: bold;
    display:inline;
}
#addPageMenu
{
    display: none;
}
#addPageMenu ul
{
    display:inline-block;
    padding: 0px;
    margin: 4px;
    font-family: arial, helvetica, sans-serif;
    white-space:nowrap;
    list-style-type:none;
}
#addPageMenu li
{
    margin-left: 2px;
    font-family: arial;
    font-size: 9pt;
    font-weight: bold;
    display:inline;
}

/***************/
/* Page User menu */
/***************/
#userMenu
{
    display: none; 
    position: absolute;
    top: -35px;
    right: 15px;
    margin-top: 2px;
    width: 50px;
}
#userMenu h2
{
    display: none;
}
#userMenu ul
{
    display: inline-block;
    padding: 0px;
    margin: 4px;
    font-family: arial, helvetica, sans-serif;
    white-space: nowrap;
    list-style-type: none;
}
#userMenu li
{
    margin-left: 3px;
    font-family: arial;
    font-size: 9pt;
    font-weight: bold;
    display:inline;
}


/******************/
/* Page View menu */
/******************/
#viewMenu
{
    margin: 0px 0px 10px 10px;
    clear: left;
    float: left;
    width: 148px;
    font-size: 7pt;
}
#viewMenu h2
{
    display: none;
}
#viewMenu a
{
    font-size: 7pt;
}
#viewMenu .disabled
{
   color: #C4C7C7;
}

/**********************************/
/* WebPart Catalog control panels */
/**********************************/
#webPartCatalog
{
   position: absolute;
   display: none;
   left: -140px;
   top: -10px;
   width: 322px;
   padding: 0px;
   margin: 0px;
   border-top:  1px solid #817d26;
}

#gadgetCatalogToggle 
{
  float: right;
  background: #E1E0D3 url(images/close_tools.png) no-repeat center center;
  width: 18px;
  padding-left: 0px;
  margin-left: 0px;
  height: 550px;
  border-left: 1px solid #E1E0D3;
  border-right: 1px solid #817d26;
  cursor: pointer;
  z-index: 99;
}

#webPartCatalog ul
{
    display: block;
    list-style: none;
    padding: 0px;
    margin: 5px;
    margin-top: -5px;
    margin-bottom: 15px;
}
#GadgetsPanel
{
    width: 300px;
    float: left;
    background-color: #ffffff;
    border: 0px;
    border-left: 2px solid #E1E0D3;
    border-bottom: 2px solid #E1E0D3;
    padding: 0px;
    margin: 0px;
    height: 548px;
}
#GadgetsPanel table
{
   width: 100%;
}
#GadgetsPanelHelp
{
   position: relative; 
   top: -12px;
   border: 1px solid #FFF;
   border-bottom: 1px solid #CCC;
   margin: 5px;
   zmargin-bottom: -15px;
}
#GadgetsPanelHelp p
{
   margin: 1px;
   margin-bottom: 5px;
}
#GadgetsPanelHelp ol
{
   margin: 1px;
}
#GadgetsPanelHelp li
{
    margin: 2px 0px 0px 22px;
    padding: 0px;
}
#GadgetCategory
{
   margin-left: 25px;
   background-color: #ececec;
   border: 1px solid white;
}
#GadgetCategory p
{
   padding-top: 5px;
   margin-top: 1px;
   margin-left: 5px;
   margin-bottom: 5px;
}

#GadgetCategory .helptext
{
  line-height: 10pt;
}

#webPartCatalog li.webPartCatalog a
{
    display: block;
    color: #000000;
    font-size: 10pt;
    text-decoration: none;
    padding: 3px 3px 3px 25px;
}

#webPartCatalog li.webPartCatalog a:hover
{
    text-decoration: underline;
}

#webPartCatalog li.webPartCatalog ul
{
    margin: 0px 2px 1px 0px;
    padding: 0px;
}

#webPartCatalog li.AdministrationwebPartCatalog a { background: #ffffff url(images/admin_catalog.png) no-repeat left; }
#webPartCatalog li.ContentwebPartCatalog a { background: #ffffff url(images/content_catalog.png) no-repeat left; }
#webPartCatalog li.NewsletterswebPartCatalog a { background: #ffffff url(images/newsletter_catalog.png) no-repeat left; }
#webPartCatalog li.NewsDeskswebPartCatalog a { background: #ffffff url(images/news_catalog.png) no-repeat left; }
#webPartCatalog li.ForumswebPartCatalog a { background: #ffffff url(images/forum_catalog.png) no-repeat left; }
#webPartCatalog li.CalendarswebPartCatalog a { background: #ffffff url(images/calendar_catalog.png) no-repeat left; }
#webPartCatalog li.eFormswebPartCatalog a { background: #ffffff url(images/eforms_catalog.png) no-repeat left; }
#webPartCatalog li.SurveyswebPartCatalog a { background: #ffffff url(images/survey_catalog.png) no-repeat left; }
#webPartCatalog li.LibrarywebPartCatalog a { background: #ffffff url(images/content_catalog.png) no-repeat left; }
#webPartCatalog li.KeyPerformanceIndicatorswebPartCatalog a { background: #ffffff url(images/kpi_catalog.png) no-repeat left; }
#webPartCatalog li.ProjectswebPartCatalog a { background: #ffffff url(images/content_catalog.png) no-repeat left; }
#webPartCatalog li.DirectorieswebPartCatalog a { background: #ffffff url(images/directory_catalog.png) no-repeat left; }
#webPartCatalog li.ImageLibrarywebPartCatalog a { background: #ffffff url(images/imagelibrary_catalog.png) no-repeat left; }
#webPartCatalog li.DocumentLibrarieswebPartCatalog a { background: #ffffff url(images/documentlibrary_catalog.png) no-repeat left; }
#webPartCatalog li.MiscellaneouswebPartCatalog a { background: #ffffff url(images/miscellaneous.png) no-repeat left; }


/*****************/
/* Catalog items */
/*****************/
#webPartCatalog ul.catalogItem
{
    margin: 0px;
    padding: 0px 0px 0px 0px;
}
#webPartCatalog ul.catalogItem a, #webPartCatalog ul.catalogItem td
{
    font-size: 7pt;
    color: #3366ff;
    background-color: #ececec;
    background-image: none;
    margin: 0px;
    padding: 1px 1px 1px 4px;
    line-height: 11px;
}
#webPartCatalog td.newCatalogItem a, #webPartCatalog td.newCatalogItem 
{
    font-size: 8pt;
    color: #0058B3;
    font-weight: bold;
    background-color: #ececec;
    background-image: none;
    margin: 0px;
    padding: 2px 1px 3px 4px;
}
#webPartCatalog .textbox
{
   margin: 5px 0px 5px 12px;
}
#webPartCatalog .button
{
   margin: 5px 2px 5px 5px;
}
#webPartCatalog .label
{
   position: relative; 
   top: -5px; 
   left: 8px;
}


/***********************/
/* New/Edit Page Panels */
/***********************/
#editPageLayoutPanel
{
    position: absolute;
    top: 150px;
    left: 250px;
    width: 550px;
}
#newPagePanel h2, #editPagePanel h2, #editPageLayoutPanel h2
{
   display: block;
}
#newPagePanel, #editPagePanel
{
    position: absolute;
    width: 500px;
}
#newPagePanel .textbox, #editPagePanel .textbox, #editPageLayoutPanel .textbox
{
   width: 150px;
}
#newPagePanel ul, #editPagePanel ul, #editPageLayoutPanel ul
{
    display:inline-block;
    padding: 5px;
    margin: 4px;
    font-family: arial, helvetica, sans-serif;
    white-space:nowrap;
    list-style-type:none;
}
#newPagePanel li, #editPagePanel li, #editPageLayoutPanel li
{
    margin-left: 20px;
    font-family: arial;
    font-size: 9pt;
    font-weight: bold;
    display:inline;
}
#newPagePanel .selected-image, #editPagePanel .selected-image, #editPageLayoutPanel .selected-image
{
   border: solid 2px #FC0000;
}
#newPagePanel .unselected-image, #editPagePanel .unselected-image, #editPageLayoutPanel .unselected-image
{
   border: solid 2px #FFFFFF;
}


/*******************/
/* No Access Panel */
/*******************/
#noAccess
{
    position: absolute;
    padding: 0px;
    width: 300px;
}


/***************/
/* Form panels */
/***************/
#formPanel
{
    padding: 5px;
}


/***************/
/* Page footer */
/***************/
#pageFooter
{
  margin: 0 auto 0;
  width: 600px;
  text-align: center;
  padding-top: 30px;
  padding-bottom: 10px;
  color: #999999;
}
#pageFooter a
{
    font-family: Verdana, "Lucida Grande", Verdana, Arial;
    font-size: 8pt;
    color: #aaaaaa;
    text-decoration: none;
    margin: 0px 5px 0px 5px;
}
#pageFooter a:hover
{
    text-decoration: underline;
}


/**********************/
/* PageComposer panel */
/**********************/
table.pageComposer
{
    position: relative;
    top: -7px;
   border: 3px solid #000000;
   background: url(images/icons/page_composer_background.png) repeat-x;
}
td.viewStatus
{
   color: #009933;
   font-family: verdana;
   font-size: 10pt;
   font-weight: bold;
}


/**************/
/* Login page */
/**************/
#loginPageContainer
{
    background: url(images/banner.png) no-repeat 2px top;
    position: relative;
    width: 800px;
    margin: 0 auto 0;
    height: 100%;
}
#loginPageHeader
{
}
#loginPageHeader h1
{
  display: none;
}
#loginPageHeader h1 span 
{
    display: none;
}
#loginPageContent
{
    width: 800px;
    height: 300px;
}
#loginMainContent
{
    padding-top: 150px;
    width: 200px;
    margin: 0 auto 0;
    font-family: Verdana;
    font-size: 7pt;
}
#loginMainContent input
{
    font-family: Verdana;
    font-size: 7pt;
}


/******************/
/* Dialog Control */
/******************/
#dialogPanel
{   
    position: absolute;
    width: 200px;    
    z-index: 99;
}
#dialogPanel .label
{
    color: Black;
}
#dialogPanel h2
{
   display: block;
}


/******************/
/* Email Controls */
/******************/
#emailControlSection table
{
    width: 100%;
}
#emailControlSection td
{
   font-size: 7pt;
   font-weight: normal;
   vertical-align:text-top;
}
#emailControlSection
{
    padding: 5px;
}
#emailControlSection ul
{
    font-size: 7pt;
    list-style: none;
    display: block;
    padding: 0px;
    margin: 0px;
}

#emailDialogPanelSub
{
   padding: 5px;
}

#emailDialogPanel
{
   position: absolute;
      width: 450px;
   font-family: Arial;
   font-size: 10pt;
}
#emailDialogPanel .emailAddressBookUserPanel
{
   background-color: #fff;
   border: solid 1px #015ab3;
   height: 125px;
   width: 350px;
}
#emailDialogPanel .emailControlAddButton
{
   width: 50%;
   text-align: right;
}


/************************/
/* Subscription Control */
/************************/
#subscriptionControlDiv table
{
   width: 100%;
}
#subscriptionControlDiv
{
    clear:left;
    float: left;
    width: 100%;
    background-color: #fff;
}
#subscriptionControlSubDiv
{
   padding: 5px;
}


/********************/
/* News Desk Module */
/********************/
#newExternalRssFeedPanel
{
   position: Absolute;
   top: 10px;
   left: 10px;
}
#newsMaintainence .button[value="save draft"], #newsMaintainence .button[value="publish"], #newsMaintainence .button[value="cancel"]
{
	position: static;
	margin-top: 288px;
}
.externalFeedContent
{
   padding: 5px;
}
div.contentPanel a.newsHeadline, #newsStoryViewerInternal .headline
{
   color: #442278;
   display: block;
   font-weight: bold;
   font-family: arial;
   font-size: 11pt;
   text-decoration: none;
}
.newsDate
{
   display: block;
   font-weight: bold;
   font-size: 7pt;
}
ul.news
{
   list-style: none;
   margin: 10px 0px 0px 0px;
   padding: 0px;
}
li.news
{
   margin-bottom: 15px;
   line-height: 18px;
   xcolor: #888888;
   color: black;
}
#newsStoryViewer
{
   width: 100%;
   padding: 0px;
}
#newsStoryViewer h2
{
 background-color: #CACCE5;
  display: block;
  color: #442278;
  font-weight: bold;
  font-family: Arial;
  font-size: 11pt;
}
#newsStoryViewer h2 .button
{
  border: none;
  background: none;
  cursor: pointer;
}
#newsStoryViewerInternal
{
}
.otherStories ul
{
   list-style: none;
   display: block;
   padding: 0px;
   margin: 0px;
}
.otherStories li
{
   padding: 0px 0px 10px 0px;
}
.otherStories a, .otherStories a:visited
{
  color: #442278;
   text-decoration: none;
}
.otherStories a:hover
{
   text-decoration:underline;
}
table.otherStories
{
   width: 160px;
   border-right: 1px solid #dddddd;
   margin-right: 10px;
   margin-top: 3px;
   color: #bbbbbb;
}
table.otherStories td
{
   padding: 5px;
}
table.otherStories h4 {
  display: none;
}
table.otherStories .button
{
  border: none;
  background: none;
  cursor: pointer;
}
table.currentStory
{
  margin-top: 5px;
   width: 100%;
}
table.currentStory h4
{
   color: #bbbbbb;
   padding-bottom: 13px;
   border-bottom: 1px solid #dddddd;
}
table.currentStory
{
    line-height: 18px;
    color: #666666;
    text-align: justify;
}


/**********/
/* Wizard */
/**********/
#wizard-left-pane
{
   background-color: #D9D9C9;
   border: solid 1px #999999;
}
.wizard-step-selected
{
   color: #000076;
   font-family: tahoma;
   font-size: 8pt;
   text-decoration: none;
   
}
.wizard-step-selected:hover
{
   color: #000076;
   font-family: tahoma;
   font-size: 8pt;
   text-decoration: underline;
   
}
.wizard-step-unselected
{
   color: #0058B3;
   font-family: tahoma;
   font-size: 8pt;
   text-decoration: none;
}
.wizard-step-unselected:hover
{
   color: #0058B3;
   font-family: tahoma;
   font-size: 8pt;
   text-decoration: underline;
}
.highlighted-background
{
   background-color: #D9D9C9;
}


/*****************/
/* eForms Panels */
/*****************/
#eFormsSubmissionRecipientsPanel
{
   position: absolute;
    top: 95px;
    left: 175px;
    width: 550px;
}
#eFormsSubmissionRecipientsPanelContent
{
    margin: 20px;
    border: 3px solid #0059B3;
}

#eFormsSubmissionPanel
{
   position: Absolute;
   top: 10px;
   left: 10px;
   height:500px;
   width:800px;
}


/*****************/
/* Survey Panels */
/*****************/
#SurveyLaunchPanel
{
   position: absolute;
   top: 95px;
   left: 175px;
   width: 550px;
}

#SurveyDataExportPanel
{
   position: absolute;
   top: 95px;
   left: 175px;
   width: 550px;
   z-index: 99;
}


/**************/
/* Drag panel */
/**************/
.dragPanelContent
{
    background-color: #ffffff;
}


/*************/
/* IE shadow */
/*************/
.shadow-tl {
  width: 8px;
  height: 8px;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/app_themes/1___default/images/shadow_tl.png',sizingMethod='scale');
}
.shadow-t {
  width: 8px;
  height: 8px;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/app_themes/1___default/images/shadow_t.png',sizingMethod='scale');
}
.shadow-tr {
  width: 8px;
  height: 8px;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/app_themes/1___default/images/shadow_tr.png',sizingMethod='scale');
}
.shadow-l {
  width: 8px;
  height: 8px;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/app_themes/1___default/images/shadow_l.png',sizingMethod='scale');
}
.shadow-r {
  width: 8px;
  height: 8px;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/app_themes/1___default/images/shadow_r.png',sizingMethod='scale');
}
.shadow-bl {
  width: 8px;
  height: 8px;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/app_themes/1___default/images/shadow_bl.png',sizingMethod='scale');
}
.shadow-b {
  width: 8px;
  height: 8px;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/app_themes/1___default/images/shadow_b.png',sizingMethod='scale');
}
.shadow-br {
  width: 8px;
  height: 8px;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/app_themes/1___default/images/shadow_br.png',sizingMethod='scale');
}


/***************************/
/* decent browsers  shadow */
/***************************/
.shadow-tl[class] {
  width: 8px;
  height: 8px;
  background: url(images/shadow_tl.png) no-repeat;
}
.shadow-t[class] {
  width: 8px;
  height: 8px;
  background: url(images/shadow_t.png) repeat-x;
}
.shadow-tr[class] {
  width: 8px;
  height: 8px;
  background: url(images/shadow_tr.png) no-repeat;
}
.shadow-l[class] {
  width: 8px;
  height: 8px;
  background: url(images/shadow_l.png) repeat-y;
}
.shadow-r[class] {
  width: 8px;
  height: 8px;
  background: url(images/shadow_r.png) repeat-y;
}
.shadow-bl[class] {
  width: 8px;
  height: 8px;
  background: url(images/shadow_bl.png) no-repeat;
}
.shadow-b[class] {
  width: 8px;
  height: 8px;
  background: url(images/shadow_b.png) repeat-x;
}
.shadow-br[class] {
  width: 8px;
  height: 8px;
  background: url(images/shadow_br.png) no-repeat;
}


/****************/
/* SearchResult */
/****************/
#SearchResult 
{  
   font-size: 10px;
}
#pages
{  
   margin-top: 4px;
}
#SearchResult .Title
{
   font-weight: bold;
   font-size: 11px;
}


/***********************/
/* Forum Viewer Styles */
/***********************/
.forumViewerDate
{
   font-size: 6pt;
}
.forumViewerbody
{
   font-size: 7pt;
}
.forumPostSubject
{
   margin-bottom: 8px;
   padding-left: 10px;
}
.forumPostSubject a
{
   color: black;
   text-decoration: none;
   font-size: 7pt;
   font-weight: bold;
}
.forumPostSubject a:hover
{
   text-decoration: underline;
}


/**************************/
/* Events Calendar Styles */
/**************************/
/* Events Type Title */
.calendarViewer h4 
{
  background-color: #becfc5;
  display: block;
  color: #442278;
  font-weight: bold;
  font-family: Arial;
  font-size: 10pt;
  line-height: 10pt;
  margin: 0px 0px 0px 0px;
  padding: 0px 6px 6px 6px;
  border-bottom: 0px solid white;
}

/* Events Title */
.calendarViewer h5 {
  margin: 0px;
  margin-bottom: 6px;
}

.eventsType
{
  padding-bottom: 5px;
  margin-bottom: 8px;
  border-bottom: 1px solid #ECE9D8;
}

.pastEvents
{
  border-left: 2px solid #CD0000;
  padding-left: 5px;
}

.pastEvents h4
{
  background-color: #CD0000;
  color: #FFFFFF;
  margin-bottom: 5px;
  margin-left: -5px;
}

.pastEvents h5
{
  color: #716F64;
}

.upcomingEvents
{
  border-left: 2px solid #026AFE;
  padding-left: 5px;
}

.upcomingEvents h4
{
  background-color: #026AFE;
  color: #FFFFFF;
  margin-bottom: 5px;
  margin-left: -5px;
}

.upcomingEvents h5
{
  color: #716F64;
}

.today
{
  border: 1px solid #026AFE;
  padding: 5px 5px 5px 5px;
  margin-bottom: 5px;
}

.futureEvents
{
  border-left: 2px solid #FECE01;
  padding-left: 5px;
}

.futureEvents h4
{
  background-color: #FECE01;
  color: #FFFFFF;
  margin-bottom: 5px;
  margin-left: -5px;
}

.futureEvents h5
{
  color: #716F64;
}

.dateRangeEvents
{
  border-left: 2px solid #026AFE;
  padding-left: 5px;
}

.dateRangeEvents h4
{
  background-color: #026AFE;
  color: #FFFFFF;
  margin-bottom: 5px;
  margin-left: -5px;
}

.dateRangeEvents h5
{
  color: #716F64;
}

.summaryEventDetails
{
    line-height: 14px;
    color: #666666;
    margin-bottom: 10px;
}

.summaryEventDetails h5
{
    font-weight: bold;
}

.summaryEventDetails h6
{
    font-size: 8pt;
    margin: 0px;
}


.fullEventDetails
{
    text-align: left;
    margin-bottom: 15px;
    line-height: 18px;
    color: #666666;
}

.fullEventDetails h5
{
    font-weight: bold;
    font-size: 8pt;
}

.fullEventDetails h5 a
{
    font-size: 9pt;
}

.calendarEvent
{
    background: #ffffff url(images/icons/calendar_event.png) no-repeat top left;
    width:16px;
    height:16px;
    padding-right: 5px;
    float:left;
    display:block;
}

div.popupEventDetails 
{
    padding: 5px;
    text-align: center;
    width: 350px;
}
.popupEventDetails h5
{
    font-size: 10pt;
}

.dateChangePanel
{
    padding-bottom: 3px;
    color: #bbbbbb;
    border-left: 1px solid #dddddd;
    border-top: 1px solid #ECE9D8;
    border-bottom: 1px solid #ECE9D8;
    display:block;
    margin-bottom: 8px;
}

.dateChangePanel h4
{
    border: none;
    color: #777777;
}

.dateChangePanel .button
{
    font-size: 7pt;
    font-family: verdana;
    border: solid 1px #2170b4;
    background-color: #0059b3;
    color: #fff;
    margin-left: 3px;
    cursor: pointer;
}


.EventDetailsInput input
{
    width: 300px;
}
.EventDetails textArea
{
    width: 300px;
    height: 100px    
}


/******************/
/* Rad DatePicker */
/******************/
.DatePicker input
{
    font-size: 8pt;
    border: 1px solid #cccccc;
    margin-right: 3px;    
    width: 75px;
}


/******************/
/* Re-Order Menus */
/******************/
#addPageToSection
{
   background: url(images/icons/addPageToSection.png) no-repeat top left;
   padding-left: 28px;
}
#addPageHere
{
   background: url(images/icons/addPageHere.png) no-repeat top left;
   padding-left: 28px;
}
#cannotAddPageHere
{
   background: url(images/icons/cannotAddPageHere.png) no-repeat top left;
   padding-left: 28px;
}
#MenuDetailsHelp li
{
   margin-bottom: 8px;
}


/*******************************/
/* Permission setting controls */
/*******************************/
.permissionControlH3
{
    height:23px;
    font-family: Arial;
    font-size: 16px;
    background-color: #ffffff;
    color: #999999;
    margin: 0px 0px 0px 0px;
    padding: 2px 2px 2px 0px;
}
.permissionSettingGrid td
{
    height: 24px;
}

.permissionSettingGridEmptyGridViewRow td
{
    height: 24px;
}
.permissionSettingGridPermissionOptions td
{
    height: 1px;
    border: 0px;
    padding: 0px;
}
.permissionSettingHeaderText 
{
  width: 207px;
}
.permissionSettingHeaderEnd
{
   width: 4px;
}


/*********************************/
/* Site Config Settings Controls */
/*********************************/
.siteConfigSettingsTable
{
	width: 603px;
	border: solid 0px black;
}

.siteConfigSettingsTD
{
	height: 20px;
	border: solid 0px black;
	color: #442278;
	font-size: 11px;
	width: 285px;
}

.siteConfigSettingsSaveButtonTD
{
	text-align:right;
	border: solid 0px green;
}

.siteConfigSettingsTextBoxTD
{
	height: 20px;
	border: solid 0px green;
	color: #442278;
	font-size: 11px;
	width: 250px;
}

.siteConfigSettingsCheckBoxTD
{
	height: 20px;
	border: solid 0px black;
	color: #442278;
	font-size: 11px;
	width: 20px;
}

.siteConfigSettingsImageTD
{
	height: 20px;
	border: solid 0px black;
	color: #442278;
	font-size: 11px;
	width: 20px;
}

.siteConfigSettingsTextBox
{
	height: 13px;
	width: 240px;
	font-size: 11px;
	color: #888888;
	border: solid 0px red;
}

.siteConfigSettingsTextBoxUpdate
{
	border: solid 1px #E1E0D3;
	width: 240px;
}

.siteConfigSettingsImage
{
	vertical-align:top;
}

.siteConfigSettingsButton
{
    font-size: 7pt;
    font-family: verdana;
    border: solid 1px #2170b4;
    background-color: #0059b3;
    color: #fff;
    cursor: pointer;
    width:40px;
}

/***********************/
/* Sliding tools panel */
/***********************/
#awsToolsMap {
  position: relative;
  top: -533px;
  left: 5px;
  width: 250px;
  xheight: 518px;
}

#awsToolsMap #awsToolsHeader
{
	background: #FFBA42 url(images/mapping_gadget/tools_header.png) no-repeat 0px 5px;
	height: 35px;
}

#awsToolsToggle {
  background: url(images/mapping_gadget/tools_footer.gif) no-repeat;
  xfloat: right;
  xwidth: 250px;
  height: 30px;
  xborder:solid 1px red;
  xborder-left: 1px solid #dfdfdf;
  xborder-right: 1px solid #817d26;
  cursor: pointer;
}
#awsToolsContent {
  xfloat: left;
  xwidth: 200px;
  xheight: 380px;
  font-family: verdana;
  background-color: #E7E3DE;
  border-left: solid 5px #FFBA42;
  border-right: solid 5px #FFBA42;
}

#awsToolsContent h1 {
  font-size: 12pt;
  margin: 10px 10px 12px 10px;
  color: #000;
  font-family: "Lucida Grande", arial, helvetica;
  border-left: 4px solid #90c84b;
  padding-left: 4px;
}

#awsToolsContent h2 {
  font-size: 9pt;
  margin: 0px 10px 0px 18px;
  color: #3c76d0;
}

#awsToolsButtons
{
	margin-top: 5px;
	text-align: right;
	padding-right: 3px;
}

#awsToolsButtons .button
{
	font-family: Helvetica;
	font-size: 10pt;
	font-weight: bold;
	background: url(images/mapping_gadget/button_background_70_33.gif) no-repeat;
	border: 0px;
	width: 70px;
	height: 33px;
}

#awsToolsContent table
{
	width: 240px;
}

#awsToolsContent td
{
	padding: 4px;
}

#awsToolsContent .dropdown
{
	width: 125px;
}

#awsToolsContent .textbox
{
	width: 117px;
}

#viewingPanel 
{
	overflow: auto;
}

#mapContainer
{
	background-color: #998B7D;
}

#project_viewer_container
{
	height: 30px;
	color: #ffffff;
	font-family: Helvetica;
	padding: 5px;
	font-size: 10pt;
}

#project_viewer_header
{
	width: 200px;
	font-size: 11pt;
	font-weight: bold;
	float: left;
}

#project_viewer_container a
{
	color: #ffffff;
}

#project_viewer_container .mapLinks
{
	float: right;
	width: 350px;
	text-align: right;
	xvertical-align: top;
	xborder: solid 1px red;
	line-height: 30px;
}

#project_viewer_container div
{
	display: inline;
	height: 30px;
	line-height: 30px;
}


#teamSelector
{
	color: #ffffff;
	font-family: Helvetica;
	padding: 5px;
	font-size: 10pt;
	line-height: 18px;
	text-align: right;
}

#teamSelector a.teamlink
{
	color: #ffffff;
	vertical-align: middle;
}

#teamSelector img, #teamSelector span
{
	vertical-align: middle;
}


/***********************************************/
/* Mapping Popup Style						   */
/***********************************************/

div.mainPopupBody
{
	font-weight: normal;
}

div.mainPopupBody h2
{
	color: #FBBA44;
	background: Transparent;
	padding: 0px;
	margin: 0px;
	font-size: 10pt;
	font-weight: bold;
}

div.mainPopupBody .textbox
{
	width: 218px;
	height: 25px;
	margin-top: 8px;
	font-size: x-large;
}

div.mainPopupBody .button
{
	width: 222px;
	height: 30px;
	background: #9C8C79;
	color: #ffffff;
	margin: 5px 0px 0px 0px;
	text-align: left;
	font-size: 12px;
	border: 0px;
	padding: 8px;
}

div.mainPopupBody .details_button
{
	width: 222px;
	height: 30px;
	background: #FBBA44;
	color: #ffffff;
	margin: 5px 0px 0px 0px;
	text-align: left;
	font-size: 12px;
	border: 0px;
	padding: 8px;
	font-family: Helvetica;
	cursor: hand;
}

div.mainPopupBody hr
{
	margin-top: 5px;
}





/*************************************/
/* Directions To Project Page		 */
/*************************************/
#directionsHeaderContainer
{
	color: #ffffff;
	font-family: Helvetica;
	height: 40px;
	padding: 5px;
	font-size: 12pt;
}

div#quickSummary
{
	padding: 5px;
	color: #ffffff;
}

div#directionsBreakdown
{
	padding: 5px 0px 5px 0px;
}

div.directionSegment
{
	xborder: solid 1px black;
	width: 600px;
	font-family: Arial;
	padding: 7px 0px 7px 0px;
	margin: 0 auto 0;
}

div.instruction
{
	xborder: solid 1px red;
	width: 500px;
}

div.distance
{
	xborder: solid 1px blue;
	float: right;
	width: 100px;
	text-align: right;
}

#printHeader
{
	float: right;
	width: 200px;
	text-align: right;
}

div.totalDistance
{
	float: right;
	width: 200px;
	text-align: right;
}

/******************************************************/
/*    Auto-complete popup div                         */
/******************************************************/

div.autocomplete 
{
	position:absolute;
	width:250px;
	background-color:white;
	border:1px solid #888;
	margin:0px;
	padding:0px;
	font-size: 8pt;
}

div.autocomplete ul 
{
	list-style-type:none;
	margin:0px;
	padding:0px;
}

div.autocomplete ul li.selected 
{ 
	background-color: #cfcfcf;
}

div.autocomplete ul li 
{
	list-style-type:none;
	display:block;
	margin:0;
	padding:2px;
	height:16px;
	cursor:pointer;
	line-height: 16px;
}

/************************************************/
/* Image library                                */
/************************************************/
div.ImageLibrary_UserControl
{
	padding-top:2px;
}

table.ImageLibrary_Images td
{
	vertical-align:top;
}

.ImageLibraryAdvancedSearch legend
{
	font-weight: bold;
	font-size: 9pt;
}

table.ImageLibrary_GalleryProperties
{
	padding-top: 5px;
	width:100%;
}

div.ImageLibraryGallerySearchAlbums
{
	 height:140px; 
	 overflow:auto; 
	 padding-right: 16px; /* for scroll bar */
}

div.ImageLibraryGallerySearchCategories
{
	height:140px; 
	overflow:auto; 
	padding-right:16px; /* for scroll bar */
}

fieldset.ImageLibraryGallerySearch
{
	height:160px; /* 20px taller than the divs above for vertical padding */
}

fieldset.ImageLibraryGallerySearch legend
{
	font-size: 8pt;
}

.ImageLibrary_UserControl_MainTable
{
	width:100%;
}

td.borderLeft
{
	border-left: solid 1px black;
}

td.galleryImage
{
	text-align: center;
	vertical-align: middle;
}

/************************************************/
/* Document library                             */
/************************************************/
#documentLibraryContainer
{
	margin-bottom:5px;
}

.DocLibrarySearch
{
	padding-top: 5px;
	padding-bottom: 10px;
}


.DocLibraryAdvancedSearch
{
	padding-top: 0px;
	padding-bottom: 10px;
}

.DocLibraryAdvancedSearch fieldset
{
	height:100px; 
}

#StatusSearchOptions
{
	margin-left: 4px;
}

.DocLibraryAdvancedSearch legend
{
	font-weight: bold;
	font-size: 9pt;
}
span.DocLibrarySearchOptions
{
	font-weight: bold;	
}
a.DocumentTitle, .DocumentTitle
{
	font-size: 0.8em;
	font-weight: normal;
}

div.docGridViewCheckedInRow
{
	background-color: #8AA472;
	width: 12px;
	height: 12px;
}
div.docGridViewCheckedOutRow
{
	background-color: #FFB67B;
	width: 12px;
	height: 12px;
}
div.docGridViewCheckedOutUserRow
{
	background-color: #DF6565;
	width: 12px;
	height: 12px;
}

.docGridViewCheckedOutRow
{
	background-color: #FFB67B;
}
.docGridViewCheckedOutUserRow
{
	background-color: #DF6565;
}

.checkoutLegend
{
	line-height: 16px;
}

.checkoutLegend
{
	width: 500px;
	position: relative;
	margin: 0 auto 0;
}

.checkoutLegend td
{
	padding: 3px;
}

.checkedInLegend
{
	background-color: #8AA472;
	width: 16px;
	height: 16px;
	float: left;
	position: relative;
}

.checkedOutUserLegend
{
	background-color: #DF6565;
	width: 16px;
	height: 16px;
	float: left;
	position: relative;
}

.checkedOutLegend
{
	background-color: #FFB67B;
	width: 16px;
	height: 16px;
	float: left;
	position: relative;
}

/********/
/* KPIs */
/********/

#kpiGadgetContainer .gadgetTitle
{
	visibility: visible;
	border-bottom: 0px;
	font-size: 14pt;
	line-height: 22px;
	padding-left:4px;
}

#kpiGadgetManager .button
{
	margin-left:4px;
}

#kpiManagerTemplatesTable
{
	padding-left: 4px;
}

#kpiManagerTemplatesTable a 
{ 
	line-height: 28px; 
}

#kpiManagerTemplatesTable tr
{
	height: 24px;
}

#kpiManagerTemplatesTable .checkBox input
{
	vertical-align: middle;	
	width: 18px;
	height: 18px;
}

#kpiManagerTemplatesTable .checkBox label
{
	line-height: 18px;	
}


#kpiManagerTemplatesTable .totalsTable
{
	xbackground-color: #7C6A55;
	xfilter:progid:DXImageTransform.Microsoft.Alpha(opacity = 40);
}

#kpiManagerTemplatesTable #kpiEditDataLink
{
	text-decoration:underline;
	font-weight:bold;
	cursor:pointer;
}

#kpiViewerTable
{
	width: 97%;
	margin-top: -7px;
	margin-left: 4px;
	background-color: #FFF;
 	/* url('images/kpi_frame_cutout.png') no-repeat bottom left */
}

#kpiViewerTable h4
{
	BORDER-TOP-WIDTH: 0px; 
	BORDER-LEFT-WIDTH: 0px; 
	FONT-SIZE: 14pt; 
	BORDER-BOTTOM-WIDTH: 0px; 
	COLOR: #999; 
	LINE-HEIGHT: 14pt; 
	BORDER-RIGHT-WIDTH: 0px;
}

#kpiViewerTable table
{
	border-collapse: seperate;
	margin-top: 0px;
	border: hidden;
	border: 0px;
}

#kpiViewerTable td
{
	vertical-align: top;
	border-top-color:#eeeeee; 
	border-left-color:#eeeeee; 
	border-right-color:#eeeeee; 
}

#kpiViewerTable table th
{
	background-color: #EEEEEE;
	border-top-color:#eeeeee; 
	border-left-color:#eeeeee; 
	border-right-color:#eeeeee; 
	border-bottom: 1px solid #000000;
	font-size: 8pt;
	color: #000000;
	vertical-align: top;
}

#kpiViewerTable table tr
{
	border-bottom:1px solid #eeeeee;
	border-collapse: none;
}

#kpiViewerTable table td
{
	background-color: #fff;
	font-weight: bold;
	font-size: 10pt;
	border-bottom: 1px solid #eee;
}


#kpiViewerTable .chartImage
{
	visibility: hidden;
}

#kpiDataEntryPage
{
	width:90%;
	display:block;
	margin: 40px auto 0;
}

#kpiDataEntryPage .gadgetTitle
{
	display:none;
}

#kpiDataEntryContainer td
{
	height:24px;
	width:40px;	
}


#kpiDataEntryContainer input[type="text"]
{
	width:80px;
	height:12px;
}

#kpiViewerTable h4.kpiTotalTitle
{
	font-size: 12pt;
	LINE-HEIGHT: 12pt; 
	color: #333333;
}

#kpiViewerTable h4.kpiTotal
{
	font-size: 42pt;
	line-height: 42pt;
	padding-left: 10px;	
}


#directoryViewerGadget .gadgetTitle
{
	display:none;
}

/********************/
/* Reporting Gadget */
/********************/

#reportingContainer
{
	xbackground: transparent url('images/reports_bck.png') no-repeat left bottom;
}

.ReportingManagerTitle
{
	margin-left:0px;
	background-color: #cac2b8;
}

#SiteWideView
{
	xbackground: transparent url('images/sitewide_bck.png') repeat-x left top;
}

#SiteWideView h3
{
	color: #444;
	background-color: transparent;
	font-size: 12px;
}

#SiteWideView .chartImage
{
	display:none;	
}

#SiteWideView .chartTable
{
	width: 455px;
	float: left;
	height: 300px;
}

#SiteWideView img
{
	padding-bottom:20px;
}

#SiteWideView .fromToLabel
{
	width: 50px;
}

.reportingRadioButtonList
{
	display:none;
	margin: -12px 0px 0px -7px;
}

.reportParameters
{
	margin-bottom: 10px;
}

.reportParameters h4
{
	margin: 10px 0px 5px;
	padding-bottom: 0px;
	color: #666;
	font-weight: bold;
	border-color: #666;
}

.reportingFieldSet
{
	width:98%;
}

.reportingFieldSet legend
{
	font-size: 7pt;
    	color: #555555;
}

#SiteWideView h1
{
	BORDER-WIDTH: 0px; 
	FONT-SIZE: 12pt;  
	LINE-HEIGHT: 22px; 
	padding-left: 2px;
	margin: 0px;	
	height: 16px;
}

#SiteWideView .gadgetTitle
{
	background-color: #cac2b8;
	color: #fff;
	width: 49%;
}

#SiteWideView .siteStatsGridTitle
{
	clear:right;
	float:right;
}

.siteStatsGrid
{
	clear:right;
	float:right;
	margin: 0px 0px 20px 0px;
	padding:0px 4px 0px 0px;
	width:49%;
	background-color: #EEEEEE;
}

.siteStatsGrid table th
{
	background-color: #EEEEEE;
	border-top-color:#eeeeee; 
	border-left-color:#eeeeee; 
	border-right-color:#eeeeee; 
	border-bottom: 1px solid #000000;
	font-size: 8pt;
	color: #000000;
	vertical-align: top;
}

.siteStatsGrid table tr
{
	border-bottom:1px solid #FFFFFF;
	border-collapse: none;
}

.siteStatsGrid table td
{
	background-color: #EEEEEE;
	font-weight: bold;
	font-size: 10px;
	border-bottom: 1px solid #ffffff;
}

/********************************/
/* Calendar Module Admin	*/
/********************************/

div.EventDetailsPanel .radEnabledCss_Default, div.EventDetailsPanel .radHoverCss_Default, div.EventDetailsPanel .radFocusedCss_Default
{
	font-size: 7pt;
	border: 1px solid #cccccc;
	margin-right: 5px;
}

#addDayDetailsContainer
{
	position: relative;
	height: 120px;
}

div.EventDetailsPanel .button
{
	margin-top: 15px;
}

div#eventRecurrenceContainer, div#eventsDetailsContainer, div#eventNotesContainer, div#eventAttendeesContainer
{
	margin-top: 10px;
}

div#rangeOfRecurrencePanel .datePicker
{
	padding-top: 8px;
}

div#rangeOfRecurrencePanel
{
	margin-top: 10px;
}

div#eventRecurrenceContainer #periodOptions
{
	width: 450px;
	float: right;
}

div#eventRecurrenceContainer #periodSelect
{
	width: 120px;
}

div#recurrencePatternPanel
{
	position: relative;
}




/********************************/
/* Calendar Viewer		*/
/********************************/

div#calendarViewContent td.otherMonth_Outlook, div#calendarViewContent td.radCalDefault_Outlook, div#calendarViewContent td.radCalHover_Outlook, div#calendarViewContent td.radCalWeekendDefault_Outlook
{
	vertical-align: top;
	height: 85px;
}

div.dayNumber
{
	height: 18px;
	line-height: 18px;
	padding-left: 5px;
}

div#calendarViewContent td.radCalDefault_Outlook, div#calendarViewContent td.radCalHover_Outlook, div#calendarViewContent td.radCalWeekendDefault_Outlook div.dayNumber
{
	background: url(images/calendar/date_bg.png) repeat-x;
}

div#calendarViewContent td.otherMonth_Outlook div.dayNumber
{
	background: url(images/calendar/other_month_bg.png) repeat-x;
}

div#calendarViewContent table.TableLayout_Outlook, div#calendarViewContent table.calendarWrapper_Outlook
{
	width: 600px;
	margin: 0px;
}

div#calendarViewContent table.titlebar_Outlook
{
	background: url(images/calendar/month_bg.png) repeat-x;
	border: 0px
	background-color: #ffffff;
	border: 0px;
}

div#calendarViewContent .titlebar_Outlook td
{
	height: 23px;
	font-size: 10px;
	font-weight: bold;
}

div#calendarViewContent .titlebar_Outlook
{
}

div#calendarViewContent table.TableLayout_Outlook td
{
	width: 85px;
	border: solid 1px #CACCE5;
}

div#calendarViewContent td.DaysOfWeek_Outlook
{
	color: #666666;
	font-size: 9px;
	text-align: center;
	border: 0px;
	height: 18px;
	text-transform: capitalize;
	background: url(images/calendar/day_bg.png) repeat-x;
}

div.eventInformation, div.allDayEventInformation
{
	width: 85px;
	margin: 0 auto 0;
	margin-right: -1px;
}

div.eventInformation div.eventHeader, div.allDayEventInformation div.eventHeader
{
	background: url(images/calendar/event_top.png) no-repeat;
	height: 4px;
}

div.eventInformation div.eventMiddle, div.allDayEventInformation div.eventMiddle
{
	background: url(images/calendar/event_middle.png) repeat-y;
	padding: 0px 4px 0px 4px;
	font-size: 9px;
	white-space: nowrap;
	overflow: hidden;
	width:75px;
}

div.eventInformation div.eventFooter, div.allDayEventInformation div.eventFooter
{
	background: url(images/calendar/event_bottom.png) no-repeat;
	height: 4px;
}

div.eventInformation, div.allDayEventInformation 
{
	margin-top: 1px;
}

div.eventInformation a.eventSubject
{
	font-weight: bold;
	font-size: 9px;
	display: inline;
	padding: 0px;
	color: #666666;
	color: #666666 !important;
	line-height: 13px;
	cursor: hand;
}

div.allDayEventInformation a.eventSubject
{
	font-weight: normal;
	font-size: 9px;
	display: inline;
	padding: 0px;
	color: #666666;
	color: #666666 !important;
	line-height: 13px;
	cursor: hand;
	border: 0px;
	background-color: #f3f3f3;
}

div.eventInformation span.eventLocation, div.allDayEventInformation span.eventLocation
{
	font-weight: normal;
}

/********************************/
/* Timeline Viewer		*/
/********************************/

div.dateHeader
{
	color: #666666;
	font-size: 10px;
	font-weight: bold;
	height: 18px;
	line-height: 18px;
	padding-left: 5px;
}

div.pastDateHeader
{
	background: url(images/calendar/other_month_bg.png) repeat-x;
}

div.todaysDateHeader
{
	background: url(images/calendar/day_bg.png) repeat-x;
}

div.upcomingDateHeader
{
	background: url(images/calendar/date_bg.png) repeat-x;
}

div.timelineEvent
{
	border-top: dashed 1px #666666;
	padding: 5px 0px 5px 0px;
}

div.timelineEventDate
{
	font-weight: bold;
}

div.timelineEventSubject, div.timelineEventSubject a
{
	font-size: 10px;
	font-weight: bold;
}

div.timelineEventLocation
{
	font-size: 10px;
}

div.firstTimelineEvent
{
	border-top: 0px
}

div.timelineEventNotesHeader
{
	background: url(images/calendar/event_timeline_panel_top.png) no-repeat;
	height: 4px;
}

div.timelineEventNotesContent
{
	background: url(images/calendar/event_timeline_panel_middle.png) repeat-y;
	padding: 0px 5px 0px 5px;
}

div.timelineEventNotesFooter
{
	background: url(images/calendar/event_timeline_panel_bottom.png) no-repeat;
	height: 4px;
}

div.timelineEventNotesLink
{
	text-align: right;
}

div.timelineEventNotesLink a
{
	font-size: 9px;
}

.radCalDefault_Outlook a, .radCalHover_Outlook a, .radCalWeekendDefault_Outlook a, .radCalWeekendHover_Outlook a
{
	background-color: #f3f3f3;
}

/********************************/
/* Small Calendar Viewer		*/
/********************************/

div#calendarViewContent div#smallCalendar td.otherMonth_Outlook, div#calendarViewContent div#smallCalendar td.radCalDefault_Outlook, div#calendarViewContent div#smallCalendar td.radCalHover_Outlook, div#calendarViewContent div#smallCalendar td.radCalWeekendDefault_Outlook
{
	height: 50px;
}

div#smallCalendar div.eventIcon
{
	float: left;
	clear: both;
}

div#smallCalendar div.addEventButton
{
	height: 35%;
	padding-right: 2px;
	float: right;
}

div#smallCalendar div.events
{
	height: 65%;
	padding: 2px 0px 2px 2px;
}

div#smallCalendar .addEventButton a
{
	border: 0px;
	width: 16px;
	height: 16px;
	padding: 0px;
}

div#smallCalendar .addEventButton
{
	text-align: right;
}

div#calendarViewContent div#smallCalendar table.TableLayout_Outlook, div#calendarViewContent div#smallCalendar table.calendarWrapper_Outlook
{
	width: 300px;
}

/********************************/
/* Timeline Viewer		*/
/********************************/

div.dateHeader
{
	color: #666666;
	font-size: 10px;
	font-weight: bold;
	height: 18px;
	line-height: 18px;
	padding-left: 5px;
}

div.pastDateHeader
{
	background: url(images/calendar/other_month_bg.png) repeat-x;
}

div.todaysDateHeader
{
	background: url(images/calendar/day_bg.png) repeat-x;
}

div.upcomingDateHeader
{
	background: url(images/calendar/date_bg.png) repeat-x;
}

div.timelineEvent
{
	border-top: dashed 1px #666666;
	padding: 5px 0px 5px 0px;
}

div.timelineEventDate
{
	font-weight: bold;
}

div.timelineEventSubject, div.timelineEventSubject a
{
	font-size: 10px;
	font-weight: bold;
}

div.timelineEventLocation
{
	font-size: 10px;
}

div.firstTimelineEvent
{
	border-top: 0px
}

div.timelineEventNotesHeader
{
	background: url(images/calendar/event_timeline_panel_top.png) no-repeat;
	height: 4px;
}

div.timelineEventNotesContent
{
	background: url(images/calendar/event_timeline_panel_middle.png) repeat-y;
	padding: 0px 5px 0px 5px;
}

div.timelineEventNotesFooter
{
	background: url(images/calendar/event_timeline_panel_bottom.png) no-repeat;
	height: 4px;
}

div.timelineEventNotesLink
{
	text-align: right;
}

div.timelineEventNotesLink a
{
	font-size: 9px;
}

.radCalDefault_Outlook a, .radCalHover_Outlook a, .radCalWeekendDefault_Outlook a, .radCalWeekendHover_Outlook a
{
	background-color: #f3f3f3;
}

/********************************/
/* Event Popup			*/
/********************************/

div#eventDetailsPopupContainer
{
	padding: 10px;
	color: #666666;
}

div#eventDetailsPopupContainer span:first-child
{
	font-weight: bold;
}

div#eventDetailsPopupContainer div.eventDetailsTime, div#eventDetailsPopupContainer div.eventDetailsLocation, div#eventDetailsPopupContainer div.eventDetailsNotes, div#eventDetailsPopupContainer div.eventAttendees
{
	padding: 5px 0px 5px 0px;
}

div#eventDetailsPopupContainer div.eventAttendees ul
{
	margin: 5px 0px 0px 15px;
	padding: 0px;
}

div#eventDetailsPopupContainer div.eventAttendees span.eventAttendeeName
{
	font-weight: bold;
}
}

div.contentPanel,
div.contentPanel p,
#newsStoryViewer p,
#newsStoryViewer
{
	font-family: Arial;
	color: black;
	font-size: small;	
}

div.contentPanel a,
#newsStoryViewer a
{
	font-family: Arial;
	color: #0000ff;
	font-size: small;
	text-decoration: underline;
}


div.contentPanel .primaryHeader,
.primaryHeader {
  display:block;
  background-color: #cacce5;
  color: #442278;
  font-weight: bold;
  font-family: Arial;
  font-size: 11pt;
  margin: 0px 0px 5px 0px;
  padding: 2px 0px 2px 6px;
}


div.contentPanel .secondaryHeader,
.secondaryHeader {
  display:block;
  background-color: #DAC6C8;
  color: #442278;
  font-weight: bold;
  font-family: Arial;
  font-size: 11pt;
  margin: 0px 0px 5px 0px;
  padding: 2px 0px 2px 6px;
}

div.contentPanel .tertiaryHeader,
.tertiaryHeader {
  display:block;
  color: black;
  font-weight: bold;
  font-family: Arial;
  font-size: 11pt;
}

div.contentPanel .QuoteStyle,
.QuoteStyle {
  display:block;
  color: #4b0082;
  font-weight: bold;
  font-family: Arial;
  font-size: small;
  font-style: italic;
}

div.contentPanel .BodyStyle,
.BodyStyle {
	font-family: Arial;
	color: black;
	font-size: small;	
}

div.contentPanel .LinkStyle,
.LinkStyle {
	font-family: Arial;
	color: #0000ff;
	font-size: small;
	text-decoration: underline;
}

}