/*------------------------- Global Reset -------------------------*/
HTML, BODY, FORM, DIV, SPAN, CITE, P, A, UL, OL, LI, DL, DT, DD, H1, H2, H3, H4, H5, H6, IMG, FORM, FIELDSET, LEGEND, LABEL, INPUT, BUTTON, SELECT, TEXTAREA, EMBED, TABLE, CAPTION, TH, TD, OBJECT, EMBED {margin:0px; padding:0px;}
OBJECT, EMBED, IFRAME {/*float:left;*/}
DIV IMG {float:left; border:0px; font-size:1em; font-weight:bold;}
BODY {font-family:Arial,Tahoma,"San Serif"; font-size:62.5%; line-height:normal; text-align:center; background-color:#449fd4; color:#4B4B4D; min-width:960px;}
BODY DIV {text-align:left;}


/*------------------------- Global Typography -------------------------*/


H1 {float: left; color:#ffffff; font-size:3.2em; padding:0.2em 0px; font-family:Georgia,"Times New Roman",serif; font-weight:normal; line-height:1.2em;}
.homepage h1{float: none;}
H2 {clear: both; color:#4b4b4d; font-size:2.3em; padding:0 0 0.2em 0; font-family:Arial,"Times New Roman",serif; font-weight:bold; line-height:1.2em;}
.sIFR-active H2 embed,
.sIFR-active H2 object{float: none;}
H3 {color:#008dd0; font-size:1.4em; padding:0 0 0.6em 0; font-weight:bold; line-height:1.2em;}
H3.pop { color: #4b4b4d; font-size: 1.8em; }
H3.alt {clear: both; color:#4b4b4d; font-size:2.3em; padding:0 0 0.2em 0; font-family:Georgia,"Times New Roman",serif; font-weight:normal; line-height:1.2em;}
H4 {color:#028ebf; font-size:1.2em; padding:0.2em 0px;}
H5 {color:#3a3a3c; font-size:1.4em; padding:0.2em 0px;}
H6 {color:#3a3a3c; font-size:1.3em; padding:0.2em 0px;}
div.link-list h6 {font-size:1em;font-weight:100;}
div.link-list h6:before {content:"+"}
P, LI, DT, DD {font-size:1.2em; padding:0 0 1.4em 0;}
ul.category-module li p {padding: 0 0 0 0;font-size:1.1em;}
P {line-height:1.3em;}
UL {padding:0.0em 0px 0.0em 0px; list-style:none;}
OL {padding:0.7em 21px 0.7em 30px;}
UL UL, OL UL {padding:0.5em 0px 0px 10px;}
OL OL, UL OL {padding:0.5em 0px 0px 30px;}
UL LI, UL UL LI, UL OL UL LI, OL UL LI {margin:0px; padding:0em 0px 0.8em 16px; background:url('../img/bullet-square-black.gif') 6px 0.6em no-repeat;}
OL LI, OL OL LI, OL UL OL LI, UL OL LI {margin:0px; padding:0.2em 0px; background:none !important;}
UL UL LI, UL OL UL LI, OL UL LI, OL OL LI, OL UL OL LI, UL OL LI {font-size:1.0em !important;}
DL {padding:0 0px 0 0px;}
DL DT {padding:0 0 0.2em; color: #000;}
DL DD {padding:0 0 1.5em; color: #494a4d;}
DL P, DL LI {font-size:1.0em !important;}
DL.small-right{float: right;padding:0 2px 1px 0;}
DL.small-right DT{float: left; width: 60px; padding: 0; text-align: right;}
DL.small-right DD{padding:0 0 0.4em; text-align: right; color: #000;}

HR {height:1px; line-height:1px; color:#666366; background:#666366; border:none;}

P.sifrd{padding: 9px 0 20px 0; font-size: 1.4em; font-weight: bold; color: #4b4b4d;}
.sIFR-active P.sifrd{visibility: hidden; letter-spacing: 2px;}
P.promo{color: #449fd4;}
.green p.promo{color: #a9c961;}
.pink p.promo{color: #AE4375;}
ul.category-module li {padding:0px;}
ul.category-module li p {padding-top:20px;}
div.mod-articles-category-date{padding: 0 0 15px; color: #fff !important; }


/*------------------------- Table Elements -------------------------*/
TABLE{clear: both; width: 100%; border-collapse: collapse;}
TH{padding: 6px 4px 6px 1px; color: #000; font-size: 1.2em; font-weight: normal;}
THEAD TH{font-weight: bold;}
TD{padding: 6px 4px 6px 1px; color:#000; font-size:1.2em;}
TD.td-sifr span{display: block; color: #4ba9d7; font-size: 2.0em; font-weight:  bold;}
.sIFR-active TD.td-sifr{padding: 5px 4px 1px 1px;}
.sIFR-active TD.td-sifr span{visibility: hidden; letter-spacing: 7px;}
TABLE IMG{float: none;}
.expander-sections td.td-sifr {
	width: 200px;
}
.expander-sections th {
	width: 500px;
}


/*------------------------- Inline Elements -------------------------*/
A {color: #3A3A3C; text-decoration:underline;}
A:hover {color: #3A3A3C; text-decoration:underline;}
H3 A:link,
H3 A:visited,
H3 A:hover{color: #009bd3;}


/*------------------------- Form Elements -------------------------*/
FIELDSET {border:none;}
FIELDSET.cpad{padding: 0 0 7px;}
FIELDSET DIV{float: left; width: 100%; padding: 0 0 6px;}
FIELDSET DIV DIV{padding: 0;}
INPUT {color:#000; font-family:,Arial,Tahoma; font-size: 1.2em;}
INPUT.text {float: left; padding:2px 0px 2px 3px; width: 170px; border:1px #9d9d9d solid;}
INPUT.text-long{width: 394px;}
INPUT.radio {border:none;}
INPUT.checkbox {border:none;}
LABEL {float: left; width: 100%; padding: 0 0 0.6em; font-size: 1.2em;}
LEGEND {color:#555; font-size:1.1em;}
SELECT {color:#000; font-size:1.2em; border:1px #969696 solid;}
TEXTAREA {color:#000; font-size:1.1em; padding:2px; border:1px #969696 solid; font-family:Arial,Tahoma,Helvetica,San Serif;}
SPAN.required{color: #e94024;}
LABEL INPUT.chk{padding: 0; margin: 0 5px 0 0;}
/*custom elements*/
FIELDSET DIV.split DIV{float: left; width: 40%; padding: 0 3% 0 0;}
FIELDSET DIV.split DIV INPUT.text{width: 170px;}
FIELDSET DIV.chk-full LABEL{padding: 0;}
FIELDSET DIV.chk-full P.note{padding-left: 25px;}
/*error*/
div.error{float: left; width: auto !important;}
div.error p{float: left; padding: 2px 0 0; color: #e94024; font-weight: bold;}
div.cpadleft{padding-left: 49px;}
/*form notes*/
p.note{font-size: 1.1em;}
/*form buttons*/
DIV.form-buttons{float: left; width: 100%; padding: 12px 0 15px; text-align: right;}
DIV.form-buttons INPUT{float: right; margin: 0 0 0 5px;}
INPUT.btn-submit{width: 146px; height: 28px; background: url(../img/buttons.gif) no-repeat 0 0; border: none;  letter-spacing: -999em; text-indent: -999em;}
INPUT.btn-submit:hover,
INPUT.btn-submit-hover{background-position: 0 -28px; cursor: pointer;}
INPUT.btn-cancel{width: 146px; height: 28px; background: url(../img/buttons.gif) no-repeat -154px 0; border: none;  letter-spacing: -999em; text-indent: -999em;}
INPUT.btn-cancel:hover,
INPUT.btn-cancel-hover{background-position: -154px -28px; cursor: pointer;}
INPUT.btn-start-trial{width: 166px; height: 28px; background: url(../img/buttons.gif) no-repeat -304px 0; border: none;  letter-spacing: -999em; text-indent: -999em;}
INPUT.btn-start-trial:hover,
INPUT.btn-start-trial-hover{background-position: -304px -28px; cursor: pointer;}
INPUT.btn-continue{width: 166px; height: 28px; background: url(../img/buttons.gif) no-repeat -484px 0; border: none;  letter-spacing: -999em; text-indent: -999em;}
INPUT.btn-continue:hover,
INPUT.btn-continue-hover{background-position: -484px -28px; cursor: pointer;}
INPUT.btn-sign-me-up{width: 127px; height: 28px; background: url(../img/buttons.gif) no-repeat 0 -56px; border: none;  letter-spacing: -999em; text-indent: -999em;}
INPUT.btn-sign-me-up:hover,
INPUT.btn-sign-me-up-hover{background-position: 0 -84px; cursor: pointer;}
INPUT.btn-trial-version{width: 128px; height: 28px; background: url(../img/buttons.gif) no-repeat -154px -56px; border: none;  letter-spacing: -9999em; text-indent: -999em;}
INPUT.btn-trial-version:hover,
INPUT.btn-trial-version-hover{background-position: -154px -84px; cursor: pointer;}

/* Rounded-edge button/field/link */
DIV.form-field-rounded-left {float:left; height:28px; padding:6px 2px 0 10px; background:transparent url('../img/form-field.gif') no-repeat scroll left top;}
DIV.form-field-rounded-left INPUT.text {border:none; width:158px; padding:0 4px 0 0; font-size:13px;}

DIV.form-field-rounded-both {float:left; display:inline; height:28px; padding:0 15px 0 0; background:transparent url('../img/form-field.gif') no-repeat scroll right -56px;}
DIV.form-field-rounded-both DIV {float:left; height:22px; padding:6px 0 0 10px; background:transparent url('../img/form-field.gif') no-repeat scroll left top;}
DIV.form-field-rounded-both INPUT.text {border:none; padding:0 4px 0 0; font-size:13px;}


DIV.form-button-rounded-right, DIV.form-button-rounded-both {float:left; padding:0 17px 0 0; background:transparent url('../img/form-button.gif') no-repeat scroll;}
DIV.form-button-rounded-right BUTTON, DIV.form-button-rounded-both BUTTON, DIV.form-button-rounded-both A {float:left; display:block; height:28px; line-height:28px; padding:0 0 0 14px; margin:0; border:none; text-align:center; font-family:Georgia,"Times New Roman",serif; font-size:13px; color:white; cursor:pointer; background:transparent url('../img/form-button.gif') no-repeat scroll;}

DIV.form-button-rounded-right {background-position:right -56px;}
DIV.form-button-rounded-both {background-position:right -168px;}
DIV.form-button-rounded-right BUTTON {background-position:left top;}
DIV.form-button-rounded-both BUTTON, DIV.form-button-rounded-both A {min-width:100px; background-position:left -112px;}
DIV.form-button-rounded-both A:hover {text-decoration:none; color:#fff;}

/*----------------------------UTILITY--------------------------*/
p.right{float: right; margin: 0; padding: 4px 0 0 0; font-size: 1.1em;}
.left{float: left; margin: 0; padding: 4px 0 0 0; font-size: 1.1em;}


/*------------------------- Accessibility Elements -------------------------*/
#jumplinks, .accessible {position:absolute !important; left:-9999em !important; top:0px !important;}
ACRONYM, ABBR {border:none;}
ACRONYM[title], ABBR[title] {cursor:help;}
P ABBR[title], P ACRONYM[title], BLOCKQUOTE ABBR[title], BLOCKQUOTE ACRONYM[title], DL ABBR[title], DL ACRONYM[title], CODE ABBR[title], CODE ACRONYM[title] {border-bottom:1px dotted #AAA;}
ABBR {speak:normal;}
ACRONYM {speak:spell-out;}


/*------------------------- JavaScript Alternatives -------------------------*/
.hidden, .js-required {display:none}
.has-js .js-required {display:block}
.has-js .hidden,
.has-js .js-fallback {display:none;}


/*------------------------- Structural Elements -------------------------*/
#page {}
.position {width:960px; margin:0 auto;}
.grid-2 {float:left; width:100%;}
.grid-2 .col-1 {float:left; width:48%; padding-right:2%;}
.grid-2 .col-last {padding-right:0; padding-left:2%;}


/*------------------------- Header -------------------------*/
DIV#header {float:left; position:relative; width:100%; min-height:61px; padding: 24px 0 0; background: #fff;}
.header-logo {float: left; padding: 7px 0 18px 0px; background: url(../img/header-bg-blue.gif) no-repeat 0 100%;}
.header-actions{float: right; height: 61px;}
.header-actions .contact{float: left; }
.header-actions .contact dl{margin: 0; padding: 2px 0 0;}
.header-actions .contact dl dt{float: left; clear: both; margin: 0; padding: 0 6px 0 0; color: #0099cc; font-size: 1.4em; font-weight: bold;}
.header-actions .contact dl dd{margin: 0; padding: 0; font-size: 1.4em; font-weight: bold;}
.sIFR-active .header-actions .contact dl dt,
.sIFR-active .header-actions .contact dl dd{float: left; margin: -4px 0 0; letter-spacing: 2px;}
.sIFR-active .header-actions .contact dl dt.first,
.sIFR-active .header-actions .contact dl dd.first{margin: 0 0 -4px;}
.header-actions .buttons{float: left; width: 142px;}
.header-actions .buttons a.btn-signup{float: left; display: block; width: 72px; height: 18px; margin: 0 7px 0 0; padding: 0; background: url(../img/btn-mini-signup.gif) no-repeat 0 0;}
.header-actions .buttons a.btn-signup:hover{background-position: 0 -18px;}
.header-actions .buttons a.btn-login{float: left; display: block; width: 63px; height: 18px; margin: 0; padding: 0; background: url(../img/btn-mini-login.gif) no-repeat 0 0;}
.header-actions .buttons a.btn-login:hover{background-position: 0 -18px;}

/*------------------Main Nav-------------------------*/
.nav-bar{float: left; width: 100%; background: #4b4b4d; position: relative; z-index: 1000;}
.menu {float: left; margin: 0; padding: 0 1px 0 14px; background: transparent url('../img/header-menu-separator.gif') repeat-y 100% 0;}
.menu LI {float:left; position:relative; z-index:1; padding:0 0px 0 2px; margin:0; font-size: 1.4em; background:transparent url('../img/header-menu-separator.gif') repeat-y 0 0;}
.menu LI A {float:left; position:relative; display:block; z-index:10; padding:0 21px; color:#fff; height:49px; line-height:49px; text-decoration: none;}
.menu LI A:hover {color:#fff; text-decoration:none; background:transparent url('../img/header-menu-hover.jpg') no-repeat scroll center center;}
.has-js .menu LI A:hover {background-image:none;} /* 'Resetting' since :hover is not needed (hovering effect will be handled in js) */
.menu LI A.current,
.has-js .menu LI A.current:hover {background:url('../img/header-menu-selected-blue.gif') repeat-x 0 0;}
.menu LI .hovereffect {position:absolute; top:0; left:0; z-index:2; display:none; width:100%; height:49px; background:transparent url('../img/header-menu-hover.jpg') no-repeat scroll center center;}
.menu LI UL {position:absolute; left:-999em; top:49px; padding:6px 0 0 0; border:2px solid #3f3f3f; background-color:#525252;}
.menu LI UL LI {float:none; padding:0; border-top:1px solid #404040; border-bottom:1px solid #5f5f5f; background:none;}
.menu LI UL LI.first {border-top:none;}
.menu LI UL LI A {float:none; width:160px; height:auto; padding:4px 12px; font-size:12px; color:#aaa; line-height:normal; z-index:100;}
.menu LI UL LI A:hover {background:#6e6e6e !important;}
.menu LI:hover UL, .menu LI.hover UL {left:0;}
.has-js .menu LI UL {left:0; display:none;}
.has-js .menu LI:hover UL, .has-js .menu LI.hover UL {display:none;}
.nav-bar ul.menu ul {z-index: 100; }


/*------------------------- Banner -------------------------*/
#banner-home {float:left; width:100%; min-height:73px; padding:20px 0; border:1px solid #fff; border-width:1px 0 1px 0; background:#449fd4 url('../img/bg-banner.jpg') repeat-x scroll center bottom}
#banner-home H1 {float:left; width:225px; display:inline; padding:0; margin:0 0 0 0px; line-height:0.9em; color:#fff;}
#banner {float:left; width:100%; padding:10px 0 8px 0px;background:#449fd4;}
#banner h1{padding-left: 15px;}
#banner .position{position: relative;}


/*------------------------- Body -------------------------*/
#body {float:left; width:100%; padding:0px 0 10px 0; background:#fff url('../img/bg-body.gif') repeat-x scroll 0 0;}
#side-col{float: left; width: 176px; padding: 21px 0 8px; background: #4baad7 url(../img/bg-sidecol-blue.gif) repeat-x 0 0;}
#content {float:left; width:760px; padding:28px 0 0 20px; min-height:320px;}


/*------------------------- Footer -------------------------*/
#footer {float:left; width:100%; clear:both; padding:10px 0 20px 0; color: #3A3A3C; font-size:1.1em; background:#449fd4 url('../img/bg-footer.jpg') repeat-x scroll center top;}
#footer A {float:left; color:#3a3a3c; text-decoration:none;}
#footer A:hover {text-decoration:underline;}
.menufooter-links {float:left; padding:0 0 0 10px; margin:0;}
.menufooter-links LI {float:left; padding:0; margin:0; font-size: 1.0em; background:none;}
.menufooter-links LI A {padding:0 6px 0 6px;}
.menufooter-copyright {float:right; padding:0 4px 0 0;}
#footer .position .menu {float:left; padding:0; margin:0 0 0 20px;}
#footer .position .menu LI {float:left; padding:0; margin:0; background:none;}
#footer .position .menu LI A {padding:0 5px 0 5px;}
.footer-copyright {float:right; padding:0 4px 0 0;}
.menufooter-links {
	background: none;
}

/*------------------------Page Templates---------------------------------*/
div.item {border-bottom:1px solid #AE4375;margin:0 0 22px;padding:0 0 2px;}
dt.article-info-term {display:none;}

.homepage .header-logo{padding: 0;}
.homepage #banner{background: #fff; padding-bottom: 33px;}
.homepage #banner h1{padding-left: 0; color: #449ed3; font-size: 2.8em;}
.homepage #features{float: left; width: 100%; padding: 0 0 9px; background: #ebebeb;}
.homepage #features h3{margin: 0; padding: 6px 0 0; font-size: 1.6em; text-align: center; color: #449ed3; line-height: 1.2em;}
.sIFR-active .homepage #features h3{margin: 0 0 0; visibility: hidden;}
.homepage #body{background: #449FD4 none;}
.homepage #content{width: 100%; padding: 0 0 0 0; min-height: 0px;}
.homepage #content h1{padding: 0;}
.homepage #content h3{padding: 0 0 5px; color: #fff !important; font-size: 1.6em;}
.sIFR-active .homepage #content h3{padding: 0 0 5px; visibility: hidden;}
.homepage #content h3 a:link,
.homepage #content h3 a:visited{color: #fff; text-decoration: none;}
.homepage #content .main-secondary ul.category-module li {background: none;}
.homepage #content h4{color: #fff;}
.sIFR-active .homepage #content h3{visibility: hidden;}
.homepage p.sifrd{}
.homepage #content p{color: #404040; line-height: 1.2em;}
.homepage .buttons {padding: 6px 0 0;}
.homepage .buttons a{margin: 0 auto;}

/*---sIFR elements: Prevents show hide problem when sifr loading---*/
.sIFR-active .header-actions dl dt,
.sIFR-active .header-actions dl dd,
.sIFR-active h2,
.sIFR-active div.homepage div#banner h3,
.sIFR-active div.homepage p.sifrd,
.sIFR-active div.homepage div.reg-form label,
.sIFR-active div.homepage div#features h3,
.sIFR-active div.homepage div.feature h4,
.sIFR-active .homepage div#content h3,
.sIFR-active p.sifrd,
.sIFR-active td.td-sifr span,
.sIFR-active div.buttons div.button span,
.sIFR-active .icon-listing .icon-item .info h3
{
	visibility: hidden;
}

/*--------------------- Colour Scehemes -----------------------*/
/*GREEN*/
.green .header-logo{background-image: url(../img/header-bg-green.gif);}
.green .menu LI A.current,
 .has-js .green .menu LI A.current:hover {background:url('../img/header-menu-selected-green.gif') repeat-x 0 0;}
.green #side-col{background: #a9c961 url(../img/bg-sidecol-green.gif) repeat-x 0 0;}
.green .secondary-nav li a:hover, 
.green .secondary-nav li.current a:link, 
.green .secondary-nav li.current a:visited{background: #dde9c3;}
.green  #content UL LI, .green #content UL UL LI, .green #content UL OL UL LI, .green #content OL UL LI ,
#content .green UL LI, #content .green UL UL LI, #content .green UL OL UL LI, #content .green OL UL LI {background:url('../img/bullet-square-green.gif') 0px 0.4em no-repeat;}

/*PINK*/
.pink .header-logo{background-image: url(../img/header-bg-pink.gif);}
.pink .menu LI A.current,
 .has-js .pink .menu LI A.current:hover {background:url('../img/header-menu-selected-pink.gif') repeat-x 0 0;}
.pink #side-col{background: #ae4375 url(../img/bg-sidecol-pink.gif) repeat-x 0 0;}
.pink .secondary-nav li a:link,
.pink .secondary-nav li a:visited{color: #fff;}
.pink .secondary-nav li a:hover, 
.pink .secondary-nav li.current a:link, 
.pink .secondary-nav li.current a:visited{background: #ddb9cb;}
.pink  #content UL LI, .pink #content UL UL LI, .pink #content UL OL UL LI, .pink #content OL UL LI {background:url('../img/bullet-square-pink.gif') 0px 0.4em no-repeat;}

