﻿/*
This style sheet is used for the main content elements.

<!--- ---------------------------------------------------------------------
'Sites Style Sheet              CompuCraft Software Solutions (c) 1999-2008
'Date --- Init Reason------------------------------------------------------
'23/10/08 DB restarted for suite of IE7 upgrade files
'---------------------------------------------------------------------- --->

note: comments starting with cw- are used by the ComWeb Style Sheet Theme (colour) Editor.
Where more than one such comment is on consecutive lines, this is for backwards compatibility.
The first of these such lines is the latest label for the Style sheet editor to display and
the latter entries are older or Redundant labels.
*/

/*assume all sections to be part of #mainContent*/

acronym {
/* cw-Acronym underline color */
	border-bottom-color: #000000;
	border-bottom-style:  dotted;
	border-bottom-width: 1px;
}

 img { 
/* cw-Image Border */
	border-color: #000000;
 }

#content ul {/*for left and right content*/
	list-style-position: outside;
	margin: 1em 1.2em;/*1.2em left will make flush left*/
}

#content .section ul {/*for section content only, NOT left and right content*/
	list-style-position: outside;
	margin: 1em 3.2em 1.6em;/*1.2em left will make flush left*/
}

#content .section ul li p {
	margin-top: 1.6em;
}

#content ol {/*for left and right content*/
	list-style-position: outside;
	margin: 1em 1em 1em 3.5em;/*extra wide margin-left to prevent numbered lists of 2-and-3 digits from being cut off, 3.5em will make flush left*/
}

#content .section ol {/*for section content only, NOT left and right content*/
	list-style-position: outside;
	margin: 1em 1em 1em 5.5em;/*extra wide margin-left to prevent numbered lists of 2-and-3 digits from being cut off, 3.5em will make flush left*/
}

input.btn {
	background-color: #FFFFFF;
	background-image: url(../../theme/grey_grad.gif);
}

.section {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
/* cw-Section Divider Line */
	border-bottom-color:  #CFCFFF;
/*For IE6, preventing the IE peekaboo bug, see http://www.positioniseverything.net/explorer/peekaboo.html*/
	position:relative;/*invoking 'hasLayout' correctly positions the backToTop button */
/*end prevent IE peekaboo bug*/
/* cw-Section Background  */
	background: transparent;
	padding-right: 50px;
/* Assist with clearing floated images within sections. Also prevents section from underlapping of the newsTicker and rightFeatures. IE6 does not need any of this. This is fortunate, as it would conflict with the fix for the IE6 float drop italic bug, which uses _overflow: visible */
	overflow: hidden;/*auto worked, hidden worked better in Firefox. eg. section divider line was being cut off the section which rounded the right column */
    /*_width: auto!important;
    _overflow-x:scroll!important;*/
   }

 /*Holly Hack, IE only, to force to fix the three-pixel text-jog bug */
 /*preventing the three-pixel text-jog bug, see http://www.positioniseverything.net/explorer/threepxtest.html*/
 /*as a bonus, it also forces IE into 'hasLayout' mode, thus rendering the line beneath the sections properly, fixing the peekaboo bug*/
* html .section {
	height: 1px;
}
 
 /*IE only, to force to fix the guillotine bug */
 /*preventing the guillotine bug, see http://www.positioniseverything.net/explorer/threepxtest.html and http://css-class.com/articles/explorer/guillotine/index.htm*/
 /*as a bonus, it also forces IE into 'hasLayout' mode, thus rendering the line beneath the sections properly, fixing the peekaboo bug*/
* html .section p {
	height: 1%;
} 

.section p.infolist{
	text-indent:5%;
	font-family:Arial,sans-serif;
}

.section p.draft{
	color:#333333;
}

.section p.indent {
	margin-left:40px;
	margin-right:60px;
}

.section h2  {
/* cw-Body Text */
	color: #000000;
}

.section h3  {
	font-weight:bold;
/* cw-Section Heading Text */
	color: #1B3F94;
	line-height: 1em;
}

.section h3.querytitle,
.section h3.QueryTitle  {
	text-align:center;
/* cw-Body Text */
	color: #000000;
}

.section .title{
	font-size: 1.4em;
	font-weight:bold;
	text-align:Center;
/* cw-Body Text */
	color: #000000;
}

/* Used for top table in Search Screen */
table.search{
/* cw-Search Table Background */
	background-color:#EEF4FE;
}

table.SearchMain{
/* cw-Search Table Background */
	background-color:#EEF4FE;
}

.section td{
	vertical-align:top;
}

.section th{
	font-weight:bold;
/* cw-Body Text */
	color: #000000;
	vertical-align:top;
	text-align: left;
}

.section td.numlist{
	font-weight:bold;
}

.section tr.small{
	font-size:.8em;
/* cw-Small Text */
	color:#005DAA;
}

.section tr.smallnavy{
	font-size:.8em;
	line-height:1em;
	font-family:Arial,sans-serif;
	color:#000080;
}

.section td.TitleText{
	font-size:1.2em;
	font-weight:bold;
/* cw-Table Header Text 
	color:#FFFFFF;*/
}

ul.titleText li{
	line-height:1em;
}

.section tr{
	font-size: 1em;
}

.section tr.QHeader, .leftFeature tr.QHeader{
	font-weight:800;
/* cw-Table Header Text */
	color:#FFFFFF;
/* cw-Table Header Background */
	background-color:#392684;
	text-align:center;
}

.section th, .section th.QHeader, .leftFeature th.QHeader {
	font-weight:800;
/* cw-Table Header Text */
	color:#FFFFFF;
/* cw-Table Header Background */
	background-color:#392684;
	padding-left: 5px;
	text-align:center;
}

.section tr.QRow1, .leftFeature tr.QRow1{
/* cw-Row 1 Background */
	background-color:#FFFFFF;
/* cw-Row 1 Text  */
	color: #000000;
}

.section tr.QRow2, .leftFeature tr.QRow2{
/* cw-Row 2 Background */
	background-color:#D8D6E1;
/* cw-Row 2 Text  */
	color: #000000;
}

.section td.QHeader{
	font-weight:800;
/* cw-Table Header Text  */
	color:#FFFFFF;
/* cw-Table Header Background */
	background-color:#392684!important;
	text-align:center;
}

.section td.Trim{
	height:2px;
/* cw-Table Header Trim */
	background-color:#FF0000;
}

/* TD.QRow1 used for individual cells on Search Screen. Same as TR.QRow1 */
.section td.QRow1{
/* cw-Table Row 1 Background */
	background-color:#FFFFFF;
/* cw-Table Row 1 Text */
	color:#000000;
}

.section td.QRow2{
/* cw-Table Row 2 Background */
	background-color:#D8D6E1;
/* cw-Table Row 2 Text */
	color:#000000;
}

.section td.wsbheader1{
	font-size:1em;
	font-family:Arial,sans-serif;
	font-weight:800;
/* cw-WSB Title */
	color:#000000;
	text-align:center;
}

.section td.wsbheader2{
	font-size:1.2em;
	font-family:Arial,sans-serif;
	font-weight:800;
/* cw-Table Header Text */
	color:#FFFFFF;
	text-align:center;
}

.section table.wsb{
/* cw-WSB Table Borders */
	border-color:#174BB9;
}

.section td.caption{
	font-weight:bold;
	text-align:center;
/* cw-Image Caption Text */
	color: #000080;
}

.section .edited{
	background-color:#FFFF00;
}

.section .otheredited{
	background-color:#FFCC33;
}

.section .submitted{
	background-color:#99FF99;
}

.section .accepted{
	background-color:#99CCFF;
}

.section .rejected {
	background-color:#FFCCCC;
}

.section .remove {
	background-color:#C0C0C0;
}

/*This is the section header - it is also the targetted anchor for TOC*/
.section a.h2,
.section td.h2,
.section h2 a,
.section h2 a:hover,
.section a.h3,
.section td.h3,
.section h3 a,
.section h3 a:hover
{
/* cw-Section Heading Text */
	color: #1B3F94;
	line-height: 1em;
	background: transparent;
	text-decoration: none;
	display: block;
	margin: 0;
	padding: 0 0 10px 0;
} 

.pageTop {
	position:absolute;
	right:0;
	_top: 8px;/*for IE6 only */
}

*  html .pageTop {/*for IE6 only */
	padding: 0;
	height: 1px;
}

.pageTop img {
	float: right;
	border:none !important;
}

/*Site map link styles*/
.section a.SiteMapURL,
a.SiteMapURL {
/*no longer required due to overriding general anchor ruling*/
}

/* Used for the site map titles that are not links*/
.section a.SiteMapNoURL,
a.SiteMapNoURL {
/* cw-Site Map Links with No URL */
	color:#666666;
	text-decoration:none;
}

.section a.SiteMapURL:visited{
/* cw-Body Text */
	color: #000000;
}

.section a.h3:visited{
/* cw-Body Text */
	color: #000000;
}

a.HeirLinks,
a.SiteLinks {
/* cw-Heirarchy Link Text */
	color:#FFFFFF;
	text-decoration:none;
	font-weight: bold;
}

.section td.HeirLinks{
	font-size:x-small;
	font-variant:small-caps;
/* cw-Heirarchy Inactive Link or Text  */
	color:#333333;
	padding-bottom:1px;
}

.section a.HeirLinks, .section a.HeirLinks:visited{
/* cw-Heirarchy Link Text */
	color:#FFFFFF;
	font-size:x-small;
	font-variant:small-caps;
	text-decoration:none;
}

.section a.HeirLinks:hover{
/* cw-Heirarchy Link Hover Text */
	color:#0000FF;
	font-size:x-small;
	font-variant:small-caps;
	text-decoration:underline;
}

.section p.SectionTOC{
	text-align:right;
}

.section caption {
	font-size:.9em;
	font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-weight:bold;
}

div.Page_Title_Banner2 {
/* cw-Page Title for Banner 2 */
	color:#FFFFFF;
}

a.AliasNotSet, a.AliasNotSet:visited{
	color: #333333;
}

a.AliasNotSet:hover{
	color:#FF0000;
	text-decoration:underline;
}


/****************************************************************************
GENERIC TABLE RULES - WILL BE OVERRIDDEN BY MORE SPECIFIC CLASSES
****************************************************************************/

table {
	margin-bottom: 10px;
	font-size: inherit;/*for FireFox only*/
/* cw-Table border */
	border-color: #666666;
	/*the border weight is set in the markup*/
	border-collapse: collapse;/*enables single-width borders between table cells */
	margin-left: 1px; /* to assist Firefox, which cuts off the left border due to the overflow: auto applied to the section. Ultimately will need to find another way to solve this, as sometimes the table may want a negative margin for positioning.*/
	*margin-left: 0;/*for IE6 and 7 */
/* cw-Table background colour */
	background: #FFFFFF;
/* cw-Table text */
	color: #000000;
	*border: 0 none !important;/* IE only, the rest of the border treatments are only for Firefox */
}

/*Targetting IE only, to accommodate differences in treatments of tables*/
* html table {
	border-collapse: collapse;/*enables single-width borders between table cells */
	font-size: 1em;/*IE ignores the default body font-size, must be respecified here. 1em sets whatever the percentage is already set in the body rule*/
}

table.tdPad td,
table.padding td {
	padding: 5px;
}

table table {
	margin-bottom: 0;
}

#leftContent table {
/* cw-Left Content Table Background */
	background: #FFFFFF;
}

#leftContent #leftFeature table {
/* cw-Left Feature Table Background */
	background: #FFFFFF;
}

#rightContent table {
/* cw-Right Content Table Background */
	background: #FFFFFF;
}

#rightContent .rightFeature table {
/* cw-Right Feature Table Background */
	background: #FFFFFF;
}

table td {
	padding: 0 5px;
/* cw-Table border */
	border-color: #666666;
	/*the border weight is set in the markup*/
}

table td.center {
	text-align: center;
}

table td.right {
	text-align:right;
}

td  {
	vertical-align: top;
}

td p {
	vertical-align: top;
	padding:0;
	margin: 0;
}

td.surveyHeading {
	font-weight: bold;
	margin-bottom: 1em;
	height: 30px;
}

table th {
	padding: 5px;
/* cw-Table th background colour */
	background-color: #FFFFFF;
/* cw-Table th text colour */
	color: #000000;
}

form {
	margin:0;
	padding:0;
	}

form table tr td input,
form table tr td select,
form table tr td textarea
 {
	margin: 2px 5px;
	font-family: arial;/*textarea does not inherit, so has to be set explicitly*/
}

/* rule for browsers with CSS2 support*/
form table tr td input[type=submit] {
	margin: 5px;
}

form table tr td input.btn {
	margin: 10px 0 5px;
}

.section table img {
	border:none;
}

table.borderless {
	border: 0 none!important;
}

/* replace the deprecated markup of border='1' */
table.border,
table.border td,
table.border th {
    border-style: solid;
    border-collapse: collapse;
    border-width: 1px;
}



/****************************************************************************
BANNERS
****************************************************************************/

#Banner1,
.Banner1 {
/* cw-Banner 1 Text */
	color: #000000;
	font-weight: bold;
/* cw-Banner 1 Background */
	background-color: #FFFFCC;
	border-width: 2px;
	border-style: solid;
/* cw-Banner 1 Border */
	border-color: #174BB9;
	padding: 10px;
	font-size: 1.0em;
	position: relative;
	text-align: center;
	width: auto;
	height: auto;
	margin-top:0;
}

#Banner2,
.Banner2 {
/* cw-Banner 2 Text */
	color: #3333CC;
	font-weight: bold;
	font-family: "Trebuchet MS", sans-serif;
/* cw-Banner 2 Background */
	background-color: #FFFFFF;
	border-width: 6px;
	border-style: double;
/* cw-Banner 2 Border */
	border-color: #174BB9;
	padding: 10px;
	font-size: 1.5em;
	position: relative;
	text-align: center;
	width: auto;
	height: auto;
}

#Banner3,
.Banner3 {
/* cw-Banner 3 Text */
	color: #444499;
	font-weight: bold;
	font-family: cursive, serif;
/* cw-Banner 3 Background */
	background-color: #EEEEFF;
	border-width: 4px;
	border-style: ridge;
/* cw-Banner 3 Border */
	border-color: #0054E3;
	padding: 10px;
	font-size: 1.5em;
	position: relative;
	text-align: center;
	width: auto;
	height: auto;
}

#Banner4,
.Banner4 {
/* cw-Banner 4 Text */
	color: #174BB9;
	font-weight: bold;
	font-family: Verdana, Arial, sans-serif;
/* cw-Banner 4 Background */
	background-color: #EEF4FE;
	border-left-width: 10px;
	border-left-style: double;
/* cw-Banner 4 Border Left */
	border-left-color: #174BB9;
	border-right-width: 10px;
	border-right-style: double;
/* cw-Banner 4 Border Right */
	border-right-color: #174BB9;
	padding: 10px;
	font-size: 1.2em;
	position: relative;
	text-align: center;
	width: auto;
	height: auto;
}

#Banner5,
.Banner5 {
/* cw-Banner 5 Text */
	color: #EAF2FF;
	font-weight: bold;
	font-family: Verdana, Arial, sans-serif;
/* cw-Banner 5 Background */
	background-color: #392684;
	border-top-width: 4px;
	border-top-style: dashed;
/* cw-Banner 5 Border Top */
	border-top-color: #000000;
	border-bottom-width: 4px;
	border-bottom-style: dashed;
/* cw-Banner 5 Border Bottom */
	border-bottom-color: #000000;
	padding: 10px;
	font-size: 1.2em;
	position: relative;
	text-align: center;
	width: auto;
	height: auto;
}

/*Targetting IE only,  to supply different widths*/
* html #Banner5,
* html .Banner5 {
	border-top-width: 2px;
	border-bottom-width: 2px;
}

  /*Holly Hack, IE only, to force into 'hasLayout' mode and fix the peekaboo bug*/
* html .Banner1, 
* html .Banner2,
* html .Banner3,
* html .Banner4,
* html .Banner5 {
	height: 1px;
	width: auto;
}

#content .icon,
#content .newWindow {
	padding-right: 5px;/*uses padding rather than margin, so that the hover bgd color is joined across the gap*/
	border: 0 none!important;
	vertical-align : middle;
}

p.error {
	font-weight: bold;
	color: #FF0000;
	padding: 10px;
	border: 2px solid #FF0000;
}

.pageNameLong {
	padding: 4px;
	background: black;
	color: #FFFFFF;
	font-size: 1.5em;
	margin: 0px;
	width: auto; /*percentage such as 95%-99% was causing problems when browser rescaled smaller */
	overflow: hidden;
	position: relative;
}



/****************************************************************************
STEPS CONTAINER
****************************************************************************/

/* 'steps' container
---------------------------------------------------- */
.indent.cwContainer {
width: 99%;
padding-top: 0px;
padding-bottom: 10px;
margin-bottom: 10px;
}

.indent.cwContainer.outlined {
border: 1px solid silver;
}

* html .indent.cwContainer {
padding-top: 10px;
}

/* 'steps' container step
---------------------------------------------------- */
.indent div.cwNumber,
.indentMore div.cwNumber {
float: left;
display: inline;
padding-bottom: 10px;
margin-top: 0;
padding-top: 3px;/*to assist alignment with content in cwInformation */
margin-left: -100px;
}

.indent div.cwNumber {
width: 100px;
}

.indentMore div.cwNumber {
width: 150px;
}

.indent.cwContainer.outlined div.cwNumber {
margin-left: -60px;
background: #eeeeee;
margin-top: 0;
border-top: 5px solid silver;
}

.indent div.cwNumber h3 {
margin: 0 10px 0 0;
}

.indent div.cwNumber p,
.indent div.cwNumber ul,
.indent div.cwNumber ol {
margin: 0 10px;
}

.indent.cwContainer.outlined div.cwNumber h3 {
margin: 10px;
margin-bottom: 0;
}

/* 'steps' container main information
---------------------------------------------------- */
.indent .cwInformation,
.indentMore .cwInformation {
margin-left: 100px;
margin-right: 10px;
}

/* 'steps' container tables
---------------------------------------------------- */
.indent.cwContainer table {
font-size: 1em;
width: 100%;
border-top: 1px solid #ddd;
}

.indent.cwContainer td {
padding-left: 5px;
padding-top: 5px;
padding-bottom: 5px;
vertical-align: top;
border-bottom: 1px solid #ddd;
}

.indent.cwContainer td.label {
padding-right: 10px;
width: 100px;
font-weight: bold;
}

/* 'steps' container forms
---------------------------------------------------- */
.indent.cwContainer input {
margin-bottom: 3px;
margin-left: 3px;
}

.indent.cwContainer input.fullWidth {
width: 100%;
}

.indent.cwContainer input.halfWidth {
width: 50%;
margin-right: 0;
}

 /*Holly Hack, IE only, to force to fix the three-pixel text-jog bug */
 /*preventing the three-pixel text-jog bug, see http://www.positioniseverything.net/explorer/threepxtest.html*/
 /*as a bonus, it also forces IE into 'hasLayout' mode, thus rendering the line beneath the sections properly, fixing the peekaboo bug*/
* html .cwContainer .IE-3pxJogFix
 {
	height: 1px;
}

 
/****************************************************************************
Alphabetised Navigation Page/Meta Links
****************************************************************************/

div.cwAlphaFilter {
	text-align:left;
	margin: 10px 0 0 0;
	width:100%;
	_width:105%;/*for IE6 only */
	padding:0px;
/* cw-Alphabetised Navigation Overall Strip Background */
	background-color: #000000;
	/*border-top: 3px solid #3980F4;
	border-bottom: 3px solid #3980F4;*/
	height: 1.7em;
	position: absolute;
	left:0;
	top:0;
	height: 30px;
}

#content div.cwAlphaFilter ul {
	float: left;
	list-style-type: none;
/* Alphabetised Navigation Items Unordered List Background */
	background-color: transparent;
/* cw-Alphabetised Navigation Text */
	color : #FFFFFF;
	margin: 0;
	padding:0;
	width: auto;
	height: 30px;
}

#content div.cwAlphaFilter li {
	float: left;
	padding: 0;
	margin: 0px;
/* cw-Alphabetised Navigation Individual Menu Items Background */
	background-color: transparent;
	height: 30px;
}

#content div.cwAlphaFilter li.notUsed {
/* cw-Alphabetised Navigation Background Not Used */
	background-color: transparent;
	height: 30px;
	line-height: 30px;
	padding: 0 4px;
	color: #999999;
}

#content div.cwAlphaFilter a {/*all anchors*/
	padding: 0 7px;
	margin:0;
	height: 30px;
	line-height: 30px;
	float:left;
	display:block;
	text-decoration: none;
}

#content div.cwAlphaFilter li.used a:link, 
#content div.cwAlphaFilter li.used a:visited {
	font-weight : bolder;
/* cw-Alphabetised Navigation Menu Item Text Link */
	color: #FFFFFF;
	text-decoration: none;
	height: 30px;
	line-height: 30px;
}

#content div.cwAlphaFilter li.used a:hover {
	font-weight : bolder;
/* cw-Alphabetised Navigation Menu Item Text Link Hover */
	color: #000000;
	text-decoration: none;
/* cw-Alphabetised Navigation Menu Item Text Link Hover Background */
	background-color: #CCCCCC;
}

#content div.cwAlphaFilter li.current a {
/* cw-Alphabetised Navigation Menu Current Item Background */
	background-color: #666666;
/* cw-Alphabetised Navigation Menu Current Item Text Link */
	color: #FFFFFF;
	text-decoration: none;
}

p.RSSTitle {
	margin-bottom : 0px;
}

.portlet .pageTop {
 	display:none;
}

div.portlet {
margin: 0px;
border: 1px solid #D6D6E7;
background-color:#FFFFFF;
color:#000000;
padding: 10px;
overflow: auto;
}

div#LatestNews {
overflow-y: none!important;
overflow-x: none!important;
overflow: hidden;/* Prevent the oversized-content css rules from invoking scrollbars */
background: #E9E9F2;
}

div.NOportlet h2 {
color: #000000;
font-weight: normal;
padding: 3px 10px 3px 45px;
height: 40px;
background: url(icon_logo.jpg) 0 0 no-repeat;
margin-top:-10px;
margin-left: -10px;
margin-right: -10px;
vertical-align: middle;
line-height: 30px;
}

/*Targetting the default banner style*/
p span	{
	line-height: 1;
	}
	
/*Fix for the IE 6 float drop italic bug, for more information, see http://www.positioniseverything.net/explorer/italicbug-ie.html*/	
#mainContent .section {
	_overflow: visible;
	_height: 1%;
	_width: auto;
	}
	
/* Hide all survey results */
body.hideSurveyResults td.surveyBars, 
body.hideSurveyResults td.surveyPercent, 
body.hideSurveyResults td.surveyVotes {
	display: none;
}

/* Hide only survey result bars */
body.hideSurveyBars td.surveyBars {
	display: none;
}

/* Hide only survey percent symbol */
body.hideSurveyPercent td.surveyPercent {
	display: none;
}

/* Hide only survey vote count */
body.hideSurveVotes td.surveyVotes {
	display: none;
}

/* Make screen table styles disappear */                                 
	
.noTableStyle tr.QHeader,
.noTableStyle td.Trim {
	display:none;
}

.noTableStyle table,
.noTableStyle tr.QRow1,
.noTableStyle tr.QRow2,
.noTableStyle td.QRow1, 
.noTableStyle td.QRow2 {
	background:transparent!important;
}

.noTableStyle table,
.noTableStyle table tr,
.noTableStyle table td {
	border: 0 none!important;
	padding:0;
}

/****************************************************************************
Non-Standard Sample Additions
****************************************************************************/

/* For IE6, allow oversized content in left and right side columns */
.leftFeature,
.rightFeature {
    _overflow:auto;/* invoke the scrollbars */
    _height: auto!important;/* stop previous holly hacks from collapsing the height to 1px*/
    _width: 100%;/* For IE6, constrain to 100% of available parent width, instead of forcing wider */
}

/* For IE7, 'float drop' fix. For sections containing oversized inline content, force a horizontal scrollbar. This affects sections in main content and features in left and right content, and by targetting with low specificity it does not affect the news ticker, thus preserving it's required vertical scrollbar */
/* For IE7, this fix also prevents the cut-off effect of overflow:hidden by forcing the horizontal scrollbar*/
body>div .section,
body>div .leftFeature,
body>div .rightFeature {
    overflow:auto;
    overflow-x:auto;
    overflow-y:hidden;  
}

body.home .pageNameLong {
	display:none;
}

body.home #breadcrumbs {
	display:none;
}

/* ensure that the contact us 'world map' does not obtain the default anchor 2px hover padding and subsequent bgd colour */
#LeftFeature a:link:hover,
#LeftFeature a:link:visited:hover {
	padding-top:0!important;
}
