/**************************************************************************************/
/* General Body Settings                                                              */
/**************************************************************************************/
body.popup
{
  margin-top:10;
  margin-left:10;
  margin-right:10;
  margin-bottom:10;
}

body { 
	font-family: Tahoma, Arial Narrow, Arial, Helvetica, sans-serif; /* Default font style for all pages */
	font-weight: normal; /* Default font style for all pages */
	font-size: 0.8em; /* Default font size for all pages */	
	background-image: url(/resources/Images/HomePage/backGround.gif); /* sets the background image of browser window */
	background-color: #ECF8F8; /* overall background colour (this is between columns, top menu navigation and under footer) */
}



/**************************************************************************************/
/* Link/Text Settings for List Items in modules (eg: Latest Updates, My Documents)    */
/**************************************************************************************/
.listItem { 
	font-size: 85%; /* text size of List items within modules */
	color: #684095; /* text colour of List items within modules */
	font-weight: normal; /* text style of List items within modules */
	text-decoration: none; /* text decoration of link */
}

A.listItem:active {
    font-size: 85%; /* text size of List items within modules */
	color: #684095; /* text colour of List items within modules */
	font-weight: normal; /* text style of List items within modules */
	text-decoration: none; /* text decoration of link */
}
A.listItem:link {
    font-size: 85%; /* text size of List items within modules */
	color: #684095; /* text colour of List items within modules */
	font-weight: normal; /* text style of List items within modules */
	text-decoration: none; /* text decoration of link */
}
A.listItem:visited {
    font-size: 85%; /* text size of List items within modules */
	color: #684095; /* text colour of List items within modules */
	font-weight: normal; /* text style of List items within modules */
	text-decoration: none; /* text decoration of link */
}
A.listItem:hover {
    font-size: 85%; /* text size of List items within modules */
	color: #684095; /* text colour of List items within modules */
	font-weight: normal; /* text style of List items within modules */
	text-decoration: none; /* text decoration of link */
}

.listItemEmpty {
	font-size: 85%; /* text size of empty List items within modules */
	font-weight: normal; /* text style of empty List items within modules */
}


/**************************************************************************************/
/* Link/Text Settings for News Ticker                                                 */
/**************************************************************************************/
.NewsTickerItem {
	font-size: 85%; /* text size of News Ticker Items */
	color:#684095; /* text colour of News Ticker Items */
	font-weight: normal; /* text style of News Ticker Items */
	text-decoration: none; /* text decoration of link */
}

A.NewsTickerItem:active {
    font-size: 85%; /* text size of News Ticker Items */
	color:#684095; /* text colour of News Ticker Items */
	font-weight: normal; /* text style of News Ticker Items */
	text-decoration: none; /* text decoration of link */
}
A.NewsTickerItem:link {
    font-size: 85%; /* text size of News Ticker Items */
	color:#684095; /* text colour of News Ticker Items */
	font-weight: normal; /* text style of News Ticker Items */
	text-decoration: none; /* text decoration of link */
}
A.NewsTickerItem:visited {
    font-size: 85%; /* text size of News Ticker Items */
	color:#684095; /* text colour of News Ticker Items */
	font-weight: normal; /* text style of News Ticker Items */
	text-decoration: none; /* text decoration of link */
}
A.NewsTickerItem:hover {
    font-size: 85%; /* text size of News Ticker Items */
	color:#684095; /* text colour of News Ticker Items */
	font-weight: normal; /* text style of News Ticker Items */
	text-decoration: none; /* text decoration of link */
}


/**************************************************************************************/
/* Link Settings for Annoucements                                                     */
/**************************************************************************************/
a.readMore:link {
	font-weight: bold; /* text style of Announcement "Read More" link */
	color: #000; /* text colour of Announcement "Read More" link */
	font-size: x-small; /* text size of Announcement "Read More" link */
	text-decoration: none; /* text decoration of link */
}
a.readMore:hover {
	font-weight: bold; /* text style of Announcement "Read More" link */
	color: #000; /* text colour of Announcement "Read More" link */
	font-size: x-small; /* text size of Announcement "Read More" link */
	text-decoration: none; /* text decoration of link */
}
a.readMore:visited {
	font-weight: bold; /* text style of Announcement "Read More" link */
	color: #000; /* text colour of Announcement "Read More" link */
	font-size: x-small; /* text size of Announcement "Read More" link */
	text-decoration: none; /* text decoration of link */
}
a.readMore:active {
	font-weight: bold; /* text style of Announcement "Read More" link */
	color: #000; /* text colour of Announcement "Read More" link */
	font-size: x-small; /* text size of Announcement "Read More" link */
	text-decoration: none; /* text decoration of link */
}

a.announcement {
	font-size: 90%; /* text size of Announcement copy */
	font-weight: bold; /* text style of Announcement Heading/Link */
	color: #684095; /* text colour of Announcement Heading/Link */
	text-decoration: none; /* text decoration of Announcement Heading/Link */
}
a.announcement:link {
	font-size: 90%; /* text size of Announcement copy */
	font-weight: bold; /* text style of Announcement Heading/Link */
	color: #684095; /* text colour of Announcement Heading/Link */
	text-decoration: none; /* text decoration of Announcement Heading/Link */
}
a.announcement:hover {
	font-size: 90%; /* text size of Announcement copy */
	font-weight: bold; /* text style of Announcement Heading/Link */
	color: #684095; /* text colour of Announcement Heading/Link */
	text-decoration: none; /* text decoration of Announcement Heading/Link */
}
a.announcement:visited {
	font-size: 90%; /* text size of Announcement copy */
	font-weight: bold; /* text style of Announcement Heading/Link */
	color: #684095; /* text colour of Announcement Heading/Link */
	text-decoration: none; /* text decoration of Announcement Heading/Link */
}
a.announcement:active {
	font-size: 90%; /* text size of Announcement copy */
	font-weight: bold; /* text style of Announcement Heading/Link */
	color: #684095; /* text colour of Announcement Heading/Link */
	text-decoration: none; /* text decoration of Announcement Heading/Link */
}

.announcement {
	font-size: 90%; /* text size of Announcement copy */
	margin-right: 10px; /* sets right margin of Announcement */
	margin-top: 5px; /* sets top margin of Announcement */
	color: #000000; /* text colour of Announcement */
	text-decoration: none; /* text decoration of Announcement Heading/Link */
	font-weight: normal; /* text style of Announcement */
	
}

.announcementText {
	font-size: 85%; /* text size of Announcement copy */
	color: #000000; /* text colour of Announcement copy */
	font-weight: normal; /* text style of Announcement copy */
}


/**************************************************************************************/
/* Link Settings/Format for all pages                                                 */
/**************************************************************************************/
A:active { /* text colour of general links (eg: Search results, Communities, My Documents)  */
    COLOR: #006699; /* text colour of general links */
    font-size: 12px; /* text size of general links */
	font-weight: normal; /* text style of general links */
}
A:link { /* text colour of general links (eg: Search results, Communities, My Documents)  */
    COLOR: #006699; /* text colour of links */
    font-size: 12px; /* text size of links */
	font-weight: normal; /* text style of links */
}
A:visited { /* text colour of general links (eg: Search results, Communities, My Documents)  */
    COLOR: #006699; /* text colour of links */
    font-size: 12px; /* text size of links */
	font-weight: normal; /* text style of links */
}
A:hover { /* text colour of general links (eg: Search results, Communities, My Documents)  */
    COLOR: #006699; /* text colour of links */
    font-size: 12px; /* text size of links */
	font-weight: normal; /* text style of links */
}
A { /* text colour of general links (eg: Search results, Communities, My Documents)  */
    COLOR: #006699; /* text colour of links */
    font-size: 12px; /* text size of links */
	font-weight: normal; /* text style of links */
}

A.listlink:active
{
    COLOR: #006699;
    font-family: Tahoma, Arial Narrow, Arial, Helvetica, sans-serif;
    FONT-SIZE: 11px;
    TEXT-DECORATION: none;
}
A.listlink:link
{
    COLOR: #006699;
    font-family: Tahoma, Arial Narrow, Arial, Helvetica, sans-serif;
    FONT-SIZE: 11px;
    TEXT-DECORATION: none;
}
A.listlink:visited
{
    COLOR: #006699;
    font-family: Tahoma, Arial Narrow, Arial, Helvetica, sans-serif;
    FONT-SIZE: 11px;
    TEXT-DECORATION: none;
}
A.listlink:hover
{
    COLOR: #ff0000;
    font-family: Tahoma, Arial Narrow, Arial, Helvetica, sans-serif;
    FONT-SIZE: 11px;
    FONT-STYLE: normal;
    TEXT-DECORATION: none;
}
A.listlink
{
    COLOR: #006699;
    font-family: Tahoma, Arial Narrow, Arial, Helvetica, sans-serif;
    FONT-SIZE: 11px;
    TEXT-DECORATION: none;
}
.listlink
{
    COLOR: #006699;
    font-family: Tahoma, Arial Narrow, Arial, Helvetica, sans-serif;
    FONT-SIZE: 11px;
    TEXT-DECORATION: none;
}

a.WorkFlowList:link {
	text-decoration: none;
	color: #684095; /* link colours in My Workflow on Homepage */
}
a.WorkFlowList:active {
	text-decoration: none;
	color: #684095; /* link colours in My Workflow on Homepage */
}
a.WorkFlowList:hover {
	text-decoration: none;
	color: #684095; /* link colours in My Workflow on Homepage */
}
a.WorkFlowList:visited {
	text-decoration: none;
	color: #684095; /* link colours in My Workflow on Homepage */
}
.overdueTask
{
    color: red;
    font-weight: bold;
}

A.overdueTask
{
    color: red;
    font-weight: bold;
    text-decoration: underline;
}

A.overdueTask:active
{
    color: red;
    font-weight: bold;
    text-decoration: underline;
}

A.overdueTask:link
{
    color: red;
    font-weight: bold;
    text-decoration: underline;
}

A.overdueTask:visited
{
    color: red;
    font-weight: bold;
    text-decoration: underline;
}

A.overdueTask:hover
{
    color: red;
    font-weight: bold;
    text-decoration: underline;
}

/**************************************************************************************/
/* Breadcrumb Links                                                                   */
/**************************************************************************************/
.breadcrumb { /* Breadcrumb Links - top right of pages */
    COLOR: #999999; /* Breadcrumb Link color */
    font-family: Tahoma, Arial Narrow, Arial, Helvetica, sans-serif; /* Breadcrumb font style */
    FONT-SIZE: 11px; /* Breadcrumb font size */
    FONT-WEIGHT: normal; /* Breadcrumb font style */
    TEXT-DECORATION: underline; /* Breadcrumb link style */
}
a.breadcrumb:link { /* Breadcrumb Links - top right of pages */
    COLOR: #999999; /* Breadcrumb Link color */
    font-family: Tahoma, Arial Narrow, Arial, Helvetica, sans-serif; /* Breadcrumb font style */
    FONT-SIZE: 11px; /* Breadcrumb font size */
    FONT-WEIGHT: normal; /* Breadcrumb font style */
    TEXT-DECORATION: underline; /* Breadcrumb link style */
}
a.breadcrumb:active { /* Breadcrumb Links - top right of pages */
    COLOR: #999999; /* Breadcrumb Link color */
    font-family: Tahoma, Arial Narrow, Arial, Helvetica, sans-serif; /* Breadcrumb font style */
    FONT-SIZE: 11px; /* Breadcrumb font size */
    FONT-WEIGHT: normal; /* Breadcrumb font style */
    TEXT-DECORATION: underline; /* Breadcrumb link style */
}
a.breadcrumb:visited { /* Breadcrumb Links - top right of pages */
    COLOR: #999999; /* Breadcrumb Link color */
    font-family: Tahoma, Arial Narrow, Arial, Helvetica, sans-serif; /* Breadcrumb font style */
    FONT-SIZE: 11px; /* Breadcrumb font size */
    FONT-WEIGHT: normal; /* Breadcrumb font style */
    TEXT-DECORATION: underline; /* Breadcrumb link style */
}
a.breadcrumb:hover { /* Breadcrumb Links - top right of pages */
    COLOR: #999999; /* Breadcrumb Link color */
    font-family: Tahoma, Arial Narrow, Arial, Helvetica, sans-serif; /* Breadcrumb font style */
    FONT-SIZE: 11px; /* Breadcrumb font size */
    FONT-WEIGHT: normal; /* Breadcrumb font style */
    TEXT-DECORATION: underline; /* Breadcrumb link style */
}

/**************************************************************************************/
/* Table Settings                                                                     */
/**************************************************************************************/
TD { /* general text colour within tables  */
    COLOR: #000000;
    font-family: Tahoma, Arial Narrow, Arial, Helvetica, sans-serif;
    FONT-SIZE: 12px;
}
TD.pulseanswer {
    COLOR: coral;
    font-family: Tahoma, Arial Narrow, Arial, Helvetica, sans-serif;
    FONT-SIZE: 12px;
}

.tablebody {
    COLOR: #000000;
}
.table {
    BACKGROUND-COLOR: #ECF8F8;
}
.tablehead {
    BACKGROUND-COLOR: #35B1B3;
    BORDER-BOTTOM: #000000 1px;
    BORDER-LEFT: #000000 1px;
    BORDER-RIGHT: #000000 1px;
    BORDER-TOP: #000000 1px;
    COLOR: #FFFFFF;
    FONT-WEIGHT: bold;
}
.tableborder {
    BORDER-BOTTOM: #35B1B3 1px solid;
    BORDER-LEFT: #35B1B3 1px solid;
    BORDER-RIGHT: #35B1B3 1px solid;
    BORDER-TOP: #FFFFFF 1px solid;
}

.tableheader {
    BACKGROUND-COLOR: #35B1B3;
    COLOR: #FFFFFF;
    FONT-WEIGHT: bold;
    text-transform: uppercase;
}
.tablesubheader {    
	BACKGROUND-COLOR: #D8DEDE;
    COLOR: #FFFFFF;
    FONT-WEIGHT: bold;
    text-transform: uppercase;
    border-bottom: #D8DEDE 1px solid;
}
.tableborder2 {
    BORDER-BOTTOM: #35B1B3 0px solid;
    BORDER-LEFT: #35B1B3 0px solid;
    BORDER-RIGHT: #35B1B3 0px solid;
    BORDER-TOP: #FFFFFF 0px solid;
}

.tableheader2 {    
    COLOR: #FFFFFF;
    BACKGROUND-COLOR: #35B1B3;
    FONT-WEIGHT: bold;
    text-transform: uppercase;
}
.tablesubheader2 {
    
    BACKGROUND-COLOR: #FFFFFF;
    COLOR: #000000;
    FONT-WEIGHT: bold;
    text-transform: uppercase;
}

.tablebody2 {
    BACKGROUND-COLOR: #ECF8F8;
    COLOR: #000000;
}

.tablecontent {
    BACKGROUND-COLOR: #ffffff;
	BORDER-BOTTOM: #333333 1px solid;
	COLOR: #333333;
    font-family: Tahoma, Arial Narrow, Arial, Helvetica, sans-serif;
    FONT-SIZE: 8pt;
    FONT-WEIGHT: bold;
}

.tableHighlight
{
    color: White;
    font-weight: bold;
    background-color: Red;
}
.tableLink
{
    font-weight: bold;
	font-size:11px;
}

.infoText {
    font-family: Tahoma, Arial Narrow, Arial, Helvetica, sans-serif;
    FONT-SIZE: 11px;
    FONT-WEIGHT: normal;
    FONT-STYLE: italic;
}
.footer {
    COLOR: #D6DDE7;
    font-family: Tahoma, Arial Narrow, Arial, Helvetica, sans-serif;
    FONT-SIZE: 9px;
    FONT-WEIGHT: normal;
    TEXT-DECORATION: none;
}

.CommunityHeader { /* This sets the Community Title section colours  */
    BACKGROUND-COLOR: #FFFFFF;
    COLOR: #000000;
    FONT-WEIGHT: bold;
    text-transform: uppercase;
	padding-bottom:10px;
}

/**************************************************************************************/
/* Form Settings                                                                      */
/**************************************************************************************/
.submitbutton { /* All Button settings (insert/update forms etc)  */
    BACKGROUND-COLOR: #E9E9E9;
    BORDER-BOTTOM: #999999 2px outset;
    BORDER-LEFT: #cccccc 2px outset;
    BORDER-RIGHT: #999999 2px outset;
    BORDER-TOP: #cccccc 2px outset;
    COLOR: #333333;
    FONT-FAMILY: Arial, Verdana;
    FONT-SIZE: 10px;
    FONT-WEIGHT: bold;
	cursor: pointer;
}

.formButton { /* "Go" Button settings (home page - global search)  */
	width: 25px; /* width of "Go" button */
	background-color: #684095; /* background colour of "Go" button */
	color: #ffffff; /* text colour of "Go" button */
	font-size: 85%; /* text size of "Go" button */
	border-style: solid; /* sets borders of "Go" button */
	border-width: 1px; /* sets borders of "Go" button */
	margin-top: 5px; /* sets top margin of "Go" button */
	text-align: center; /* aligns Button text value of "Go" button */
	cursor: pointer;
}


.fieldname {
    COLOR: #666666;
    FONT-WEIGHT: 600;
}

.noneditablefieldname {
    COLOR: #CCCCCC;
    FONT-WEIGHT: 600;
}

.textbox {
    FONT-FAMILY: Tahoma, Arial Narrow, Arial, Helvetica, sans-serif;
    FONT-SIZE: 8pt;
}
.selectbox {
    FONT-FAMILY: Tahoma, Arial Narrow, Arial, Helvetica, sans-serif;
    FONT-SIZE: 8pt;
}
.textarea {
    FONT-FAMILY: Tahoma, Arial Narrow, Arial, Helvetica, sans-serif;
    FONT-SIZE: 8pt;
}
.formTable
{
	BORDER-BOTTOM: #999999 1px solid;
    BORDER-LEFT: #999999 1px solid;
    BORDER-RIGHT: #999999 1px solid;
    BORDER-TOP: #999999 1px solid;
}
.formRow
{
	BACKGROUND-COLOR: #ffffff;
    BORDER-BOTTOM: #999999 1px;
    BORDER-LEFT: #999999 1px;
    BORDER-RIGHT: #999999 1px;
    BORDER-TOP: #999999 1px;
    COLOR: #ffffff;
    FONT-WEIGHT: bold;
}
.formPrompt
{
    COLOR: #666666;
    FONT-WEIGHT: bold;
    vertical-align : top;
}
.formSubPrompt
{
    COLOR: #666666;
    font-weight:normal;
    vertical-align : top;
    font-size:10;
}
.formReqd
{
    COLOR: #FF0000;
    font-size:9;
    font-weight:normal;
    vertical-align : top;
}
.formInput
{
    COLOR: #666666;
    font-size:12;
    font-weight:normal;
    vertical-align : top;
    white-space : nowrap;
}



/**************************************************************************************/
/* Global Search Tabs                                                                 */
/**************************************************************************************/
.activeTab { /* Global Search Result Tabs */
   background-color: #CCCCCC; /* background colour of Active Tab */
}
a.activeTab { /* Global Search Result Tabs */
   color: #000000; /* text colour of Active Tab */
}
a.activeTab:active { /* Global Search Result Tabs */
    COLOR: #000000; /* text colour of Active Tab */
}
a.activeTab:link { /* Global Search Result Tabs */
    COLOR: #000000; /* text colour of Active Tab */
}
a.activeTab:visited { /* Global Search Result Tabs */
    COLOR: #000000; /* text colour of Active Tab */
}
a.activeTab:hover { /* Global Search Result Tabs */
    COLOR: #000000; /* text colour of Active Tab */
}

/**************************************************************************************/
/* Module Heading Format                                                              */
/**************************************************************************************/
.moduleHeading { /* Module headings (eg: Global Search, My Surveys, Latest Updates headings) */
	color: #FFFFFF; /* text colour of Module headings */
	font-size: 1.0em; /* Default font size for Module headings */	
	font-weight: bold; /* Default font style for Module headings */	
	background-color: #35B1B3; /* Module heading background colour */
	height: 20px; /* Module heading height */
	padding-left: 5px; /* Module heading padding (to make space on left side before heading) */
	padding-right: 5px; /* Module heading padding (to make space on right side after heading) */
	padding-top: 5px; /* Module heading padding (to make space on top before heading) */
	padding-bottom: 5px; /* Module heading padding (to make space on top before heading) */
	margin: 0; /* Should not be changed */
}

.moduleSubHeading {
	font-size: x-small; /* Default font size for Module subheadings */	
	font-weight: bold; /* Default font style for Module subheadings */	
	padding-left: 5px; /* Module subheadings padding (to make space on left side before subheadings) */
	margin: 0; /* Should not be changed */
}

/**************************************************************************************/
/* Calendar Settings                                                                  */
/**************************************************************************************/
.calendarHeading
{    
   background-color: #684095; /* background colour Month/Year section of calendar */
   color: #ffffff; /* text colour of Month/Year section in calendar */
   font-weight: bold; /* text style of Month/Year section in calendar */
}
.calendarSubHeading
{
   background-color: #ECF8F8; /* background colour top section of calendar (Mon, Tues, Wed etc) */
   color: #000; /* text colour of top section in calendar (Mon, Tues, Wed etc) */
   text-transform: uppercase; /* text style of top section in calendar (Mon, Tues, Wed etc) */
}

.calendar
{
   background-color: #ECF8F8; /* background colour of calendar */
   color: #000; /* text colour of dates in calendar */
}

.today
{
   background-color: #aaa; /* background colour of today's date in calendar */
   color: #000; /* text colour of today's date in calendar */
}

/**************************************************************************************/
/* Other Settings                                                                     */
/**************************************************************************************/

.templateheader {
    COLOR: #999999;
    font-family: Tahoma, Arial Narrow, Arial, Helvetica, sans-serif;
    FONT-SIZE: 25px;
    FONT-WEIGHT: normal;
}

.head1
{
    COLOR: #999999;
    font-family: Tahoma, Arial Narrow, Arial, Helvetica, sans-serif;
    FONT-SIZE: 25px;
    FONT-WEIGHT: normal;
}