/* default */
*
{
    margin: 0;
    padding: 0;
}
i
{
    display: none;
}
img
{
    border: none;
}
a
{
    color: #357B30;
    text-decoration: underline;
}
a:hover
{
    text-decoration: none;
}
p, li, label
{
    color: #333;
    font-size: 14px;
    line-height: 18px;
}

p
{
    margin-bottom: 18px;
}

sup
{
    color: #f03018;
}
h2
{
    /*color: #333333;*/
    color:#357b30;
    font-size: 24px;
    letter-spacing: -1px;
    font-weight: normal;
}
h3
{
    color: #357B30;
    font-size: 20px;
    margin-bottom: 18px;
}
h4
{
    /*color: #474747;*/
    color:#357b30;
    font-size: 18px;
    margin-bottom: 18px;
}
h5
{
    /*color: #474747;*/
    color:#357b30;
    font-size: 14px;
    margin-bottom: 10px;
}

.underline
{
    text-decoration: underline;
}

.clear
{
    clear: both;
    height: 1px;
    font-size: 1px;
    line-height: 1px;
}
body
{
    text-align: center;
    background: url("Images/background.png") repeat-x left top;
    font-family: trebuchet ms, arial, helvetica, sans-serif;
    font-size: 14px;
    color: #474747;
}

/* forms */
form label
{
    float: left;
    width: 200px;
    font-size: 16px;
    font-weight: bold;
    padding-top: 4px;
    line-height: 25px;
}
.inputBox
{
    float: left;
    width: 370px;
    height: 30px;
    padding: 3px 5px;
    margin-bottom: 18px;
    background: url("Images/input-bck.gif") no-repeat left top;
}
.inputBoxCountry
{
    float: left;
    width: 370px;
    height: 30px;
    padding: 3px 5px;
    margin-bottom: 18px;
}
.inputBoxRegister
{
    height:auto !important;
    min-height:30px;
    margin-bottom:5px !important;
}
.inputBoxRegister .input
{
    margin-bottom:9px;
}
.left
{
    float:right;
    }
.inputBox input
{
    background: none;
}
.input
{
    width: 370px;
    height: 20px;
    border: none;
    font-size: 16px;
    margin-top: 4px;
}
img.input-button
{
    width: auto;
    height: auto;
    float: right;
    background: none;
    padding: 0px;
    margin: 0px 0px 18px 0px;
}

.login input[type="checkbox"] {
	width: auto;
	margin-left: 200px;
	margin-right: 5px;
}
.login label.remember 
{
	float: none;
	vertical-align: top;
}

/* container*/
#container
{
    background-image: none;
    background-color: transparent;
    margin: 0px auto;
    text-align: left;
}

#header
{
    margin: 0px auto;
    height: 144px;
    width: 960px;
}
#header p, #header a
{
    color: #fff;
}

#header .userPanel p, #header .userPanel a
{
    color: #474747;
}

#topLinks
{
    float: right;
    text-align: right;
    height: 28px;
    padding-top: 8px;
    width: 960px;
}
div.userPanel
{
    float: right;
    width: 320px;
    margin-top: 36px;
    text-align: right; /*background: url("Images/header-dots.gif") no-repeat left top;*/
}

div.userPanel p
{
    margin: 0px;
}


#logo
{
    float: left;
    padding-top: 10px;
    _padding-top: 0px;
    width: 500px;
    height: 85px;
}
#logo h1
{
    float: left;
    width: 153px;
    height: 85px;
    margin-right: 25px;
}
.headline
{
    padding-top: 68px;
    float: left;
    width: 138px;
    height: 22px;
    background: url("Images/headline.gif") no-repeat left bottom;
}
.logoImage
{
	display:block;
    cursor: pointer;
    width: 153px;
    height: 85px;
    background: url("Images/logo.gif") no-repeat left top;
}
#menu
{
    float: left;
    width: 960px;
    height: 36px;
    margin-bottom: 36px;
    background-color: #666;
    background-image: url("Images/menu-bkg.gif");
    background-position: 0px 0px;
    background-repeat: repeat-x;
}
#menu ul
{
    list-style-type: none;
}
#menu li
{
    height: 36px;
    color: #fff;
    float: left;
    text-align: center;
    margin-bottom: 0px;
    border-right: 1px solid #999999;
}
#menu li.loginRight 
{
    border: none;
    float: right !important;
}
#menu li a
{
    color: #fff;
    display: block;
    height: 26px;
    width: 159px;
    padding-top: 10px;
    text-decoration: none;
    font-weight: bold;
}
#menu li a:hover, #menu li a.active
{
    background: #57a129 url("Images/menu-hover.gif") repeat-x 0px 0px;
}
#menu li.loginRight a, #menu li.loginRight a:hover, #menu li.loginRight a.active
{
    background: #57a129 url("Images/menu-login.gif") repeat-x 0px 0px;
}

/* content zone */
#content
{
    width: 960px;
    margin: 0px auto;
}
/*#content p {
	margin-bottom: 18px;
}*/
select.current_incidents
{
    float: right;
    margin-top: -50px;
}
* + html .btn_close_issue img
{
    margin-bottom: -24px;
}
/* --------------------- */
/* center full content page */
/* --------------------- */
#center
{
    /*	float: left; 	width: 960px; */
    text-align: left;
}
#center .contentBox
{
    width: 920px;
}
#center .contentBox h2
{
    width: 920px;
}
#center .row
{
    float: left;
    width: 880px;
    padding: 8px 20px;
    border-bottom: 1px solid #ccc;
}
#center .alt
{
    background: #f6f6f6;
}
#center .rowLeft
{
    float: left;
    width: 120px;
    margin-right: 20px;
}
#center .rowLeft p
{
    padding-top: 5px;
    font-weight: bold;
}
#center .rowRight
{
    float: left;
    width: 740px;
}
#content .rowRight p
{
    font-size: 12px;
    margin-bottom: 0px;
}
#content .rowRight p.statusName
{
    float: right;
    text-align: right;
    padding-top: 5px;
    text-transform: uppercase;
    font-weight: bold;
    margin: 0px 0px 10px 10px;
}
#center .rowRight h3
{
    margin: 0px;
}
#pages
{
    float: left;
    padding-top: 10px;
    width: 960px;
    text-align: center;
}
#pages p
{
    font-weight: bold;
    margin-bottom: 0px;
}
#pages p a
{
    margin: 0px 2px;
}

/* ticket page */
#center #ticket
{
    float: left;
    width: 920px;
    margin-bottom: 18px;
    border-bottom: 1px solid #ccc;
}
#center #ticket .ticketLeft
{
    float: left;
    width: 260px;
    margin-right: 20px;
}
#center #ticket .ticketLeft p
{
    font-weight: bold;
}
#center #ticket .ticketRight
{
    text-align: right;
}
#center #ticket .ticketRight a.anchor
{
    padding-left: 20px; /*background: url("Images/icons/answer-small.png") no-repeat left 3px;*/
}
#center .ticket
{
    float: left;
    width: 240px;
    margin-right: 20px;
}
#center .ticket h4
{
    margin: 0px;
}
#center .rticket
{
    float: left;
    width: 620px;
}
#center .files
{
    padding-top: 18px;
    border-top: 1px solid #ccc;
}
#center .files ul
{
    float: left;
    margin: 0px;
    list-style-type: none;
}
#center .files ul li
{
    float: left;
    width: 280px;
    padding-left: 30px;
    background: url("Images/icons/file.png") no-repeat left 3px;
}
.responseForm
{
    float: left;
    width: 920px;
}
.responseForm label
{
    float: left;
    width: 260px;
    margin-right: 20px;
}
.responseForm textarea
{
    float: left;
    width: 620px;
    height: 140px;
    font-size: 95%;
    font-family: trebuchet-ms, arial, helvetica, sans-serif !important;
    border: 1px solid #ccc;
}
#center .responseForm .attachedDocuments
{
    float: left;
    width: 622px;
    padding: 10px 0px;
}
.responseForm input
{
    width: 620px;
    height: 24px;
    margin-bottom: 8px;
    border: 1px solid #ccc;
}
.responseForm select
{
    width: 622px;
    height: 24px;
    margin-bottom: 8px;
    border: 1px solid #ccc;
}
.responseForm input.upload
{
    width: 638px;
    height: auto;
    font-size: 13px;
    border: 1px solid #ccc;
}
.responseForm a.button
{
    float: right;
    width: auto;
    height: auto;
    border: 0px;
}
* html .responseForm input, * html .responseForm select
{
    margin-left: -3px;
}
* html .responseForm input.upload
{
    margin-left: 0px;
}

/* --------------------- */
/* left side */
/* --------------------- */
#left
{
    float: left;
    width: 620px;
    margin-right: 40px;
}

/* search box */
#search
{
    width: 538px;
    height: 53px;
    margin-bottom: 36px;
    border: 1px solid #dfdfdf;
    padding: 17px 20px 0px 60px;
    background: url("Images/search-bck2.png") no-repeat left top;
}
#search input.searchInput
{
    float: left;
    width: 348px;
    height: 24px;
    border: 0;
    margin-top: 8px;
    font-size: 16px;
    padding-right: 10px;
}
* html #search input.searchInput
{
    width: 346px;
}
#search input.image
{
    margin-top: -1px;
    width: auto;
    height: auto;
}
#search a.button
{
    float: right;
    margin-top: 0px;
}

/* content boxes */
.contentBox
{
    float: left;
    width: 580px;
    margin-bottom: 18px;
    padding-left: 40px;
}
.contentBox p.more
{
    float: right;
    margin-top: 10px;
}
.contentBox h2, .contentBoxFull h2
{
    padding-bottom: 6px;
    margin-bottom: 18px;
    background: url("Images/dots.gif") repeat-x left bottom;
}
.contentBox ul
{
    margin-left: 12px;
}
.contentBox ul li
{
    margin-bottom: 9px;
}
.general
{
    background: url("Images/icons/question.png") no-repeat left top;
}
.domain
{
    background: url("Images/icons/www.png") no-repeat left top;
}
.hosting
{
    background: url("Images/icons/web-hosting.png") no-repeat left top;
}
.vps
{
    background: url("Images/icons/private-server.png") no-repeat left top;
}
.dedicated
{
    background: url("Images/icons/dedicated-server.png") no-repeat left top;
}
.hosted
{
    background: url("Images/icons/hosted-exchange.png") no-repeat left top;
}
.sharepoint
{
    background: url("Images/icons/sharepoint.png") no-repeat left top;
}
.reseller
{
    background: url("Images/icons/reseller.png") no-repeat left top;
}
.login
{
	width: 584px;
	margin-right: 36px;
    background: url("Images/icons/key.png") no-repeat left top;
}
.password
{
    background: url("Images/icons/padlock.png") no-repeat left top;
}
.create-account
{
    background: url("Images/icons/create-account.png") no-repeat left top;
}
.answers
{
    background: url("Images/icons/answers.png") no-repeat left 2px;
}
.related
{
    background: url("Images/icons/related-answers.png") no-repeat left top;
}
.rateArticle
{
    background: url("Images/icons/star.png") no-repeat left top;
}
.mysupport
{
    background: url("Images/icons/my-support.png") no-repeat left 2px;
}
.response
{
    background: url("Images/icons/response.png") no-repeat left 2px;
}

/* full content box */
.contentBoxFull ul
{
    margin-left: 14px;
    margin-bottom: 36px;
}
ol
{
    margin-left: 20px;
    margin-bottom: 36px;
}
ul li, ol li
{
    margin-bottom: 9px;
}
ol li ul
{
    margin: 9px 0px 9px 36px;
    list-style-type: disc;
}

/* special boxes */
.reminder
{
    /*float: left;*/
    width: 580px;
    padding: 18px 18px 0px 20px;
    margin-bottom: 18px;
    border: 1px solid #c582ac;
    background: #ebd3e2 url("Images/reminder-bck.png") no-repeat left top;
}
.vps
{
    padding-left: 40px;
    background: url("Images/icons/private-server.png") no-repeat left 3px;
}
.important, .note, .code, .tip
{
    float: none;
    width: 540px;
    padding: 18px 18px 0px 60px;
    margin-bottom: 36px;
}
.important
{
    padding: 18px 18px 10px 60px;
    border: 1px solid #f9dd87;
    background: #fffdd4 url("Images/important-bck.png") no-repeat left top;
}
.resolved
{
    border: 1px solid #f9dd87;
    background: #ddebb8 url("Images/resolved-bck.png") no-repeat left top;
}
#content .important p
{
    margin-bottom: 9px;
}
.note
{
    border: 1px solid #adc8cd;
    background: #d5e6e9 url("Images/note-bck.png") no-repeat left top;
}
.code
{
    border: 1px solid #dfdfdf;
    font-family: "Courier New" , Courier, monospace;
    background: #e9e9e9 url("Images/code-bck.png") no-repeat left top;
}
.codeArea
{
    width: 540px;
    overflow: auto;
    margin-bottom: 18px;
}
.tip
{
    width: 540px; /*float: left;*/
    padding: 18px 18px 0px 60px;
    margin-bottom: 36px;
    border: 1px solid #a2d056;
    background: #ddebb8 url("Images/tip-bck.png") no-repeat left top;
}

/* pagination */
.pagination
{
    float: right;
}
.pagination p, .pagination a
{
    color: #474747;
    font-size: 14px;
}

.pagination a
{
    color: #357B30;
}


* html .pagination select
{
    margin-bottom: -2px;
}
* + html .pagination select
{
    margin-bottom: -2px;
}

/* answers list */
ul.answersList
{
    margin-left: 0px;
    list-style-type: none;
}
ul.answersList li span span
{
    width: 30px;
    float: left;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    margin-right: 10px;
    margin-bottom: 2px;
    background: url("Images/question-bck.png") no-repeat left top;
}
ul.answersList li
{
    margin-bottom: 18px;
}

/* rate article */
#rate input
{
    width: auto;
    float: left;
    margin-right: 5px;
}
#rate label
{
    width: auto;
    font-size: 14px;
    line-height: 17px;
    margin-right: 40px;
    font-weight: normal;
}
#rate input.button
{
    width: auto;
    height: auto;
    float: right;
    margin-top: 18px;
}

/* --------------------- */
/* right side */
/* --------------------- */
#right
{
    float: left;
    width: 300px;
}
#rightBox
{
    width: 262px;
    padding: 18px;
    padding-bottom: 0px;
    margin-bottom: 36px;
    border: 1px solid #dfdfdf;
    background: #e9e9e9 url("Images/sidebar-bck.png") no-repeat left top;
}
#rightBox h2, #rightBoxFull h2
{
    padding-bottom: 6px;
    margin-bottom: 18px;
    background: url("Images/dots.gif") repeat-x left bottom;
}
#rightBox ul
{
    margin-left: 14px;
    margin-bottom: 18px;
}
#rightBox ul li
{
    margin-bottom: 9px;
}
#right p.button
{
    margin-bottom: 36px;
}
#rightBoxFull
{
    width: 300px;
    margin-bottom: 36px;
}
#rightBoxFull ul
{
    margin-bottom: 36px;
    list-style-type: none;
}
#rightBoxFull ul li.print
{
    padding-left: 30px;
    margin-bottom: 9px;
    background: url("Images/icons/print.png") no-repeat left top;
}
#rightBoxFull ul li.email
{
    padding-left: 30px;
    background: url("Images/icons/email.png") no-repeat left top;
}
#rightBoxFull a.button
{
    float: right;
    margin: 0px 0px 10px 10px;
}

/* search questions */
#right
{
    margin-bottom: 18px;
}
#right label
{
    padding-top: 0px;
    line-height: 18px;
    margin-bottom: 4px;
    font-weight: normal;
}
#right input
{
    width: 250px;
    height: 20px;
    padding: 1px 4px 4px 4px;
    margin-bottom: 18px;
    border: 1px solid #ccc;
}
* html #right input
{
    height: 19px;
    padding: 3px 4px;
}
* + html #right input
{
    height: 19px;
    padding: 3px 4px;
}
#right select
{
    width: 260px;
    height: 27px;
    padding: 4px;
    margin-bottom: 18px;
    border: 1px solid #ccc;
}
#right input.button
{
    width: 260px;
    height: 36px;
    padding: 0px;
    border: 0px;
}

/* --------------------- */
/* footer */
/* --------------------- */
#footer
{
    width: 100%;
    height: 92px;
    margin-top: 54px;
    padding-top: 18px;
    background: #ffffff;
    background-image: url("Images/footer-bkg.gif");
    background-position: top center;
    background-repeat: no-repeat;
    text-align: center;
}

#footer p
{
    margin-bottom: 10px;
    color: #474747;
}
#footer a
{
    color: #357B30;
    margin: 0px 2px;
}

/* --------------------- */
/* popup styles */
/* --------------------- */



div.popup
{
    background-color: #58616c;
    background-image: url(Images/popup-bkg.gif);
    background-repeat: repeat-x;
    background-position: 0px 0px;
    text-align: center;
}

 .voteClass
        {
            background-color: #fff;
            background-image: url(Images/popup-bkg.gif);
            background-position: 0 0;
            background-repeat: repeat-x;
        }

div.popupContainer
{
    width: 100%;
    text-align: left;
    margin: 0px auto;
    background-image: url(Images/popup-logo.gif);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    padding-top: 72px;
}


div.popupContent iframe
{
    margin: 0px;
    width: 100%;
    height: 430px;
    padding: 0px;
}

.buttonSolved
{
    float: right;
    margin: 0px;
    cursor: pointer;
    border: none;
    width: 260px;
    height: 36px;
}

.buttonPrevious, .buttonNext
{
    float: left;
    margin: 0px 20px 0px 0px;
    cursor: pointer;
    border: none;
    width: 140px;
    height: 36px;
}




.incidentMild, .incidentCritical, .incidentResolved
{
    border: 1px solid #f9dd87;
    padding: 17px 17px 0px 60px;
    margin-bottom: 36px;
    background: #fffdd4 url("Images/warning-bck.png") no-repeat left top;
}

.incidentMild h4, .incidentCritical h4, .incidentResolved h4
{
    font-size: 18px;
    color: #333;
    padding-bottom: 9px;
    background: transparent url(Images/dots.gif) repeat-x scroll left bottom;
    margin-bottom: 9px;
}

.incidentCritical
{
    border: 1px solid #fcbfa9;
    background: #ffe0d9 url("Images/critical-bck.png") no-repeat left top;
}

.incidentResolved
{
    border: 1px solid #a2d056;
    background: #ddebb8 url("Images/resolved-bck.png") no-repeat left top;
}









.status
{
    background: url("Images/icons/status.png") no-repeat left 2px;
}

.signature
{
    color: #888888;
    font-family: Verdana;
    font-size: 10px;
    clear: both;
    padding: 0px;
    padding-top: 10px;
}
.signature hr
{
    border: solid 1px #EEEEEE;
    clear: both;
}
.messageBody
{
}

.messageBody hr
{
    display: none;
}


/* --------------------- */
/* popup styles */
/* --------------------- */



body.popup
{
    background-color: #58616c;
    background-image: url(Images/popup-bkg.gif);
    background-repeat: repeat-x;
    background-position: 0px 0px;
    text-align: center;
}

div.popupContainer
{
    width: 640px;
    text-align: left;
    margin: 0px auto;
    background-image: url(Images/popup-logo.gif);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    padding-top: 72px;
}

div.popupContent
{
    height: 420px;
    width: 640px;
    overflow: auto;
    margin: 18px 0px;
    float: left;
}

div.popupContent iframe
{
    margin: 0px;
    width: 640px;
    height: 450px;
    padding: 0px;
}

div.popupContent p
{
    margin-bottom: 18px;
}

div.popupContent h2
{
    margin-bottom: 18px;
    background: transparent url(Images/dots.gif) repeat-x scroll left bottom;
}


div.popupFooter
{
    padding: 18px 0px;
    height: 36px;
    clear: both;
}

input.buttonSolved
{
    float: right;
    margin: 0px;
    cursor: pointer;
    border: none;
    width: 260px;
    height: 36px;
}

input.buttonPrevious, input.buttonNext
{
    float: left;
    margin: 0px 20px 0px 0px;
    cursor: pointer;
    border: none;
    width: 140px;
    height: 36px;
}



.extraTopSpace
{
    margin-top: 18px;
}

.noBottomSpace
{
    margin-bottom: 0px;
}

/*== 7th October 2008 ==*/

div.formRow
{
    clear: both;
    padding-top: 9px;
}

div.formRow label
{
    float: left;
    width: 200px;
    font-size: 16px;
    font-weight: bold;
    line-height: 25px;
}

div.formRow input.textField, div.formRow textarea.textField
{
    height: 18px;
    width: 430px;
    padding: 5px 2px 2px 2px;
    border: solid 1px #cccccc;
}

div.formRow textarea.textField
{
    height: 114px;
}

/*-- wfss login page --*/

div.wfssLogin
{
    width: 640px;
    margin: 60px 140px;
    background: url("Images/icons/key.png") no-repeat left top;
    padding-left: 40px;
    padding-bottom: 50px;
    border-bottom: solid 5px #58616C;
}

div.wfssLogin h2
{
    padding-bottom: 6px;
    margin-bottom: 18px;
    background: url("Images/dots.gif") repeat-x left bottom;
}

/*=====================================
ARTICLE STYLES
=====================================*/

/*-- Div markers that show relations to a category --*/

div.relates_default, div.relates_shared, div.relates_vps, div.relates_dedicated
{
    padding: 18px 18px 0px 20px;
    margin-bottom: 18px;
    border: 1px solid #c582ac;
    background: #ebd3e2 url("Images/reminder-bck.png") no-repeat left top;
}

div.relates_default p, div.relates_shared p, div.relates_vps p, div.relates_dedicated p, #content div.relates_default p, #content div.relates_shared p, #content div.relates_vps p, #content div.relates_dedicated p
{
    margin: 0px;
}

div.relates_shared div
{
    padding-left: 40px;
    background: url("Images/icons/vps-reminder.gif") no-repeat left 3px;
}

div.relates_vps div
{
    padding-left: 40px;
    background: url("Images/icons/private-server.png") no-repeat left 3px;
}

div.relates_dedicated div
{
    padding-left: 40px;
    background: url("Images/icons/dedicated-servers.gif") no-repeat left 3px;
}

div.relates_default div
{
    padding-left: 40px;
    background: url("Images/icons/generic-reminder.gif") no-repeat left 3px;
}

dl
{
    margin-left: 20px;
}

dt
{
    float: left;
    font-weight: bold;
}

dd
{
    clear: both;
    margin: 0 0 18px 20px;
    padding: 0;
}


pre
{
    font-size: 14px;
    padding-left: 19px;
    border-left: solid 1px #cccccc;
    font-family: "Courier New" , Courier, monospace;
    margin-bottom: 18px;
}

pre.plain
{
    width: 600px;
    overflow-x: auto;
}

pre.plain span
{
    font-size: 1.3em;
    font-weight: bold;
}

.code pre
{
    border: none;
    padding: 0 10px;
    width: 540px;
    overflow: auto;
}

.alert
{
    border: 1px solid #f9dd87;
    padding: 17px 17px 0px 60px;
    margin-bottom: 36px;
    background: #fffdd4 url("Images/warning-bck.png") no-repeat left top;
}

.example
{
    border: 1px solid #d9e485;
    padding: 17px 17px 0px 60px;
    margin-bottom: 36px;
    background: #f4f8d1 url("Images/example-bck.png") no-repeat left top;
}




/* image with caption ----- */
.captioned_image
{
    margin: 20px 0;
    text-align: center;
}

.captioned_image img
{
}

.captioned_image p
{
    font-size: 12px;
    color: #777;
}

/* steps (text and image versions) ----- */
.image_step, .text_step
{
    width: 620px; /*position: relative;*/
    padding-top: 18px;
}
.image_step:after, .text_step:after
{
    display: block;
    clear: both;
    content: ".";
    color: #fff;
    height: 0;
}
.image_step span, .text_step span,
.image_step div, .text_step div
{
    float: left;
    clear: left;
    display: block; /*top: 5px; left: 5px;*/
    width: 22px;
    height: 25px;
    color: #fff;
    font-size: 1.1em;
    font-weight: 800;
    text-align: center;
    line-height: 20px;
    background: url("Images/icons/text-step.gif") top left no-repeat;
}
.image_step p
{
    float: left;
    margin: 0 15px 15px 10px;
    width: 140px;
}
.text_step p
{
    margin: 0 15px 15px 0;
    padding-left: 30px;
}
.image_step img
{
    position: relative;
    float: left;
    margin: 0 0 15px 0;
    border: 1px solid #eee;
}


ul.simpleblue
{
    list-style-type: none;
    margin: 0px 0px 18px;
}

ul.simpleblue li
{
    padding: 0px 0px 0px 20px;
    line-height: 18px;
    background-image: url("Images/bullet.gif");
    background-position: 0px 7px;
    background-repeat: no-repeat;
}
span.errorMark
{
    font-weight: bold;
    color: #CF340A;
    display: inline;
    float: none;
}
.errors li
{
    color: Red;
}
.forgot_links
{
    font-size: 16px;
    font-weight: bold;
    line-height: 25px;
    padding-top: 4px;
}

.products input
{
    width: auto;
    height: auto;
    border: 0;
    padding: 0;
    margin: 0px;
    margin-right: 4px;
    *margin-right: 0px;
    margin-top: 6px;
    line-height: 18px;
    *line-height: 12px;
}
.products label
{
    float: none;
    color: #333;
    font-size: 14px;
    font-weight: normal;
    padding: 0px;
    line-height: 18px;
    *line-height: 12px;
    margin: 0px;
}

/* login error */
.errorBox 
{
	float: left;
	width: 261px;
	margin-top: 33px;
	border: 1px solid #ccc;
	padding: 18px;
}

p.rssIcon {
    float: right;
    padding-right: 20px;
    padding-top: 4px;
    background:url("Images/rss_icon.jpg") no-repeat right 4px;
}

.ModalBackground
{
	background-color: #777777;
	filter: alpha(opacity=50);
	opacity: 0.5;
}
.ModalForm
{
	border-style: outset;
	border-color: #999999;
	background-color: White; /*filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='CornflowerBlue',EndColorStr='AliceBlue');	*/
}
.ModalFormHeader
{
	height: 20px;
	background-image: url(Images/ModalHeader21.png);
	background-repeat: repeat-x;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 3px;
	color: white;
	font-family: Verdana;
	font-size: 12px;
	font-variant: small-caps;
	font-weight: bold;
	cursor: move;
}

.ModalFormHeader span
{
	color: White;
}

.ModalFormHeader a
{
	text-decoration: none;
	color: Yellow;
}

.ModalFormHeader a:hover
{
	color: Red;
}

.ModalFormCloseImage
{
	padding-top: 2px;
}
.ModalFormContent
{
	padding: 5px;
	font-family: Verdana;
	font-size: 11px;
}

/*=====================================
Code for homepage refit - july 2009
=====================================*/

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

    ul.indexCategories li{
    float:left;
    padding:0px 0px 0px 30px;
    /*height:27px;*/
    width:260px;
    margin:0px 10px 9px;
    background-image: url("Images/icons/closed-folder-24.png");
    background-position:0px 0px;
    background-repeat:no-repeat;
    }
    
        ul.indexCategories li a {
        display:block;
        line-height:18px;
        padding:3px 20px 3px 0px;
        border-bottom:dotted 1px #384656;
        text-decoration:none;
        background-image: url("Images/icons/button-arrow.png");
        background-position:248px 8px;
        background-repeat:no-repeat;
        }
        
div.categorySelector {
margin-bottom:18px;
}

    div.categorySelector label{
    font-size:14px;
    font-weight:normal;
    line-height:18px;
    display:block;
    float:left;
    width:240px;
    padding:0px 0px 0px 20px;
    margin:0px 20px 0px 0px;
    background-image: url("Images/icons/subcategory-arrow.png");
    background-position:0px 0px;
    background-repeat:no-repeat;
    }
    
    div.categorySelector select{
    width:290px;
    }
    
ul.nestedArticles {
padding-left:25px;
}

.divStatus{
    padding-left: 40px;
    background: url(Images/icons/icon_info.png) no-repeat left 2px;
}
.divStatus span.noteText {
    font-size: 18px;
    color: #f00;
    font-family: trebuchet ms, arial, helvetica, sans-serif;
    font-weight: bold;
    padding-top: 5px;
    margin-bottom: 10px;
    display: block;
}
.divStatus ul {
    list-style-type: none;
}

/* SET UP FIXES FOR CONTENT-RELATED BOXES  */

div.reminder div {
padding-left: 40px;
min-height:50px;
}
.spacer
{
min-height: 100px;
max-height:100px;
max-width:500px;
}

.borderImage {
	padding:5px;
	border:solid 1px #cccccc;
}

#breadCrumbNav
{        
    padding-bottom: 6px;
	margin-bottom: 18px;
	background: url("Images/dots.gif") repeat-x left bottom;
}

#breadCrumbNav
{
    list-style-type:none;    
}

#breadCrumbNav li
{
    display:inline;
    color:#357b30;
    font-size: 24px !important;
    letter-spacing: -1px;
    font-weight: normal;    
    line-height: 28px;
}

#breadCrumbNav li a
{
    color:#357b30;
    font-size: 24px !important;   
    text-decoration: none; 
}


.surveyCheck input {
	width: 20px;
	height: 10px;
	border: none;
}

/* Forum pages styles */
body.forumTC {
	text-align: center;
	background: #393939 url(images/assets/bg-wf-forum-login.png) repeat-x left top;
	padding-top: 160px;
	color: #333333;
	font-family: Tahoma,Calibri,Verdana,Geneva,sans-serif;
	font-size: 14px;
}

body.forumTC a {
	color: #1a4d9a;
}

body.forumTC a:hover {
	text-decoration: none;
}

body.forumTC a img {
	border: 0;
}

body.forumTC .WFLoginPage {
	width: 438px;
	margin: 0 auto;
	text-align: left;
}

body.forumTC h1 {
	margin: 0 0 30px;
}

body.forumTC .formHolder {
	position: relative;
	padding: 20px;
	background-color: #afcff5;
	width: 398px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	behavior: url(../App_Themes/WebfusionUK/PIE.htc);
}

body.forumTC .formHolder .formWannaBe {
	position: relative;
	width: 370px;
	background-color: #fff;
	padding: 30px 14px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	behavior: url(../App_Themes/WebfusionUK/PIE.htc);
}

body.forumTC .formHolder .formWannaBe label {
	margin: 0 0 50px;
	font-weight: bold;
	display: block;
	width: auto;
	font-size: 14px;
	line-height: 16px;
	padding: 0;
	float: none;
}

body.forumTC .formHolder .formWannaBe p {
	overflow: hidden;
	margin-bottom: 0;
}

body.forumTC a.retSupHome {
	display: block;
	float: left;
	background: url(images/assets/return-home.png) no-repeat left top;
	width: 231px;
	height: 26px;
	font-size: 0;
	text-indent: 9999px;
}

body.forumTC a.continue {
	display: block;
	float: right;
	background: url(images/assets/continue.png) no-repeat left top;
	width: 124px;
	height: 26px;
	font-size: 0;
	text-indent: 9999px;
}

/* End of Forum pages styles */

/* jQuery UI Accordeon CSS */


/*
 * jQuery UI Accordion 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Accordion#theming
 */
 
 /* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }
 
 
/* IE/Win - Fix animation bug - #4615 */
.ui-accordion { width: 100%; }
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; }
.ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; }
.ui-accordion .ui-accordion-content-active { display: block; }


/* Component containers
----------------------------------*/
.ui-widget { font-family: Lucida Grande, Lucida Sans, Arial, sans-serif; font-size: 1.1em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Lucida Grande, Lucida Sans, Arial, sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #dddddd; background: #f2f5f7 url(images/ui-bg_highlight-hard_100_f2f5f7_1x100.png) 50% top repeat-x; color: #362b36; }
.ui-widget-content a { color: #362b36; }
.ui-widget-header { border: 1px solid #999; background: #999 }
.ui-widget-header a { color: #222222; }


/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #999; background: #999; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color:white; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999; background: #999; }
.ui-state-hover a, .ui-state-hover a:hover { color: white; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #999; background: #999; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff; text-decoration: none; }
.ui-widget :active { outline: none; }


/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_ffffff_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(images/ui-icons_ffffff_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_ffffff_256x240.png); }
.ui-state-active .ui-icon {background-image: url(images/ui-icons_ffffff_256x240.png); }

/* positioning */
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }

/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; -khtml-border-top-left-radius: 6px; border-top-left-radius: 6px; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; -khtml-border-top-right-radius: 6px; border-top-right-radius: 6px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; -khtml-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; -khtml-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px; }



.customerVoteOffer label
{
    color: #357b30;
}