/* ========================================
    
    File: changefirst.css
    Site: changefirst.com
    Author: Phil Cole / Rob Dove (preview.co.uk)
    Copyright: 2009 changefirst.com
 
   ======================================== */

    @import url("reset.css");

/* ----------------------------------------
    1. Body
   ---------------------------------------- */

    html {
        font-size: 100%;
	margin-left: -1px;
	overflow-y: scroll;
	}

    body {
        font-size: 75%;
        margin: 0px auto;
        padding: 0px;
        background:url(images/site_bg.gif) repeat-y top;
        font-family: Arial, helvetica, arial, sans-serif;
        color:#333333;
    }

/* ----------------------------------------
    2. Standard Type
   ---------------------------------------- */
    h1, h2, h3, h4, span.headerlike {font-family:Helvetiker, Helvetica, Arial;}
    h1, span.headerlike { color:#999999; font-size:1.5em; margin:0 -0.1em 0.5em 0em; padding:0;}
    h2 { color:#A34B39; font-size:1.2em; margin:0 0 0.4em 0; font-weight:bold; }
    h3 { color:#A34B39; font-size:1em; margin:0 0 0.4em 0;font-weight:bold;}
    h4 { color:#999999; font-size:1em; margin:0 0 0.4em 0;line-height:1.2em;font-weight:bold;}
	
	em { font-style:italic; }
	
	span.headerlike {
		display:block;
	}
		
	#logo h1, #logo span.headerlike {
		color:#A34B39;
		font-size:2.5em;
		width:58%;
		margin-top:20px;
		line-height:1.2em;
		z-index:10;
	}
	.homelogo h1, .homelogo span.headerlike {
		position:absolute;
		top:-9999px;
		left:-9999px;
	}
	
	h2.larger {
		color:#006AAF;
		font-size:1.8em;font-weight:normal;
		margin-left:0.1em;
		margin-right:-0.1em;
	}
	.colRight h2.larger {
		font-size:1.3em;
		color:#333333;
	}
	
    span.titleheading { color:#0083C2; display:block;text-decoration:none; font-weight:bold; }
    li span.titleheading { display:inline;font-weight:bold; }

    p, form, ul, address, ol, dl {
        font-size: 1em; line-height:1.3em;
    }
    .bluebox p, .smalltxt { font-size:0.9em;}
    
    a { color:#006AAF;}
    
    #content_main p a {}
    #content_main p a:hover {color:#666666;}
    
    a:hover { text-decoration:underline;}	

	.button1 h2, .button2 h2 {
		color:#0083C2;
		font-size:1.2em;
		margin-bottom:0.2em;
	}
	.button2 a {
		color:#ffffff;
	}
	.button1 p, .button2 p {
		font-size:0.9em;
	}
	
    
    hr { border:0;height:1px;line-height:1px;background-color:#CCCCCC; margin:0.9em 0; clear:both;}
    hr.full { margin:10px;}
    
    form ul, ul li ul, dl {
        font-size: inherit;
    }
    
    img {
        border: 0px;
    }
    
    #footer p {
        font-size:0.8em;
        padding:5px;
    }

    
    /* Main Content styles */
    .colLeft p, .bluebox p {
        margin-bottom:1em;
    }
    .colLeft ul, .colLeft ol {
        margin-left:2em;
        margin-bottom:1em;
    }
    .colLeft ul li, dl dd, .colLeft ol li {
        margin-bottom:0.6em;
    }
    .colLeft ul ul {
        margin-top:0.6em;
    }
    .colLeft img.center {
        text-align:center;
    }
    .colLeft dl dd {
        padding-left:1em;
        margin-bottom:0.8em;
    }
    
    address {
        margin:10px 0;
    }

    .highlight {
        background-color: #FDFF4F;
    }
    
    .colRight ul.team_list {
        list-style:none;
        margin-left:0.5em;
    }
    .colRight ul.team_list li a {
        padding:2px 0;
        display:block;
    }
    
    #toolbar_links a, FORM#form_logout input.submit, #toolbar_language a {
		font-weight:bold;
		padding:0 15px !important;
		background:url(images/toolbarlink_bg.gif) no-repeat right !important;
		cursor:pointer;
    }
	#toolbar_language a { background:url(images/toolbarlink_bg.gif) no-repeat left !important;margin-left:12px;}
    FORM#form_logout input.submit {
		font-weight:bold;
		font-size:1em !important;
    }
	
	a.videorollover {
		width:390px;
		height:167px;
		display:block;
		background:url(/images/pci_video.jpg) no-repeat top;
	}
	a.videorollover:hover {
		background:url(/images/pci_video_over.jpg) no-repeat top;
	}
	a.videorollover span {
		position:absolute;
		left:-9999px;
		top:-9990px;
	}
    
	.newstype {
		padding-left:32px;
		background-position:left 4px !important;
	}
	
	.submitbutton {
		background:url(/images/submitbutton.jpg);
		display:block;
		width:170px;
		height:40px;
		padding-left:30px;
		color:#ffffff;
		font-size:1.1em;
		border:0;
		font-weight:bold;
		padding-bottom:2px;
		text-align:left;
		cursor:pointer;
		margin-top:10px;
	}
	
	ul.tabs {
		padding-left:5px;
	}
	ul.tabs li {
		display:inline;
		float:left;
	}
	ul.tabs li a {
		background:url('images/tabmenu_bg.jpg') no-repeat top;
		line-height:25px;
		width:90px;
		display:block;
		text-align:center;
		cursor:pointer;
		margin:0 1px;
		font-weight:bold;
	}
	ul.tabs li a.current {
		background:url('images/tabmenu_bg_current.jpg') no-repeat top;
	}
	.panes {
		clear:both;
		margin-bottom:20px;
	}
	.panes .newtab {
		background:url('images/tab_bg1.jpg') no-repeat;
		height:240px;
	}
	.panes .newtab2 {
		background:url('images/tab_bg2.jpg') no-repeat;
		height:400px;
	}
	.panes .newtab .content, .panes .newtab2 .content {
		padding:10px;
	}
	.panes .newtab .content p, .panes .newtab .content h3, .panes .newtab2 .content h3 {
		margin:0;
		padding:0;
	}
	.panes .newtab .content hr, .panes .newtab2 .content hr {
		margin:0.6em 0;
	}

/* ----------------------------------------
    3. Structure
   ---------------------------------------- */

    #wrapper {
        width:100%;
        background:url('images/footer_bg.jpg') repeat-x bottom left;
    }
	#main, #editbox, #head_toolbar {
        width:958px;
        margin:0 auto;
    }
    
    #head_bar {
		width:100%;
		position:fixed;
		top:0;
		height:26px;
		background:url(images/headbar_bg.jpg) repeat-x top;
		padding-top:3px;
		z-index:100;
    }
	#toolbar_search {
	    float:right;
		margin-right:10px;
	}
	#toolbar_language {
	    float:left;
		padding-top:5px;
		font-size:0.9em;
		font-weight:bold;
		color:#999999;
	}
	#toolbar_links {
	    float:right;
	    margin-right:20px;
	    padding-top:5px;
	    font-size:0.9em;
	}
	    FORM#form_logout {
			float:left;
			margin-top:-3px;
			margin-right:3px;
	    }
	#dt-toolbar_login {
	    position:relative;
	    width:277px;
	    height:137px;
	    top:23px;
	    left:256px;
	    background:url(images/toolbar_head.png) no-repeat top;
	    text-align:right;
		z-index:30;
	}
	    #dt-toolbar_login FORM {
			width:82%;
			margin:0 auto;
			padding:0;
			position:relative;
			/*top:-11px;*/
			top:-11px;
	    }
		#dt-toolbar_login FORM input {
		    width:97%;
		    margin:3px 0;
		    padding:1px 2px;
		    border:1px solid #999999;
		    -moz-border-radius: 3px;
		    -webkit-border-radius: 3px;
		}
		#dt-toolbar_login FORM input#frm_remember {
		    width:auto;
		    margin-left:4px;
		    border:0;
		}
	
		.login_forgetme {
		    display:block;
		    clear:both;
		    margin-top:7px;
		    font-size:0.9em;
		}
   
    #main {
		margin-top:26px;
    }
    .rightcol {
        width:290px;
        float:right;
        background:#3086BF url('images/headrightcol_bg.jpg') repeat-x left top;
        margin-bottom:50px;
    }
    .leftcol {
        float:left;
        width:648px;
        margin-bottom:50px;
		padding-right:5px;
    }
	
	#content_main {
		background:url('images/leftcol_bg.jpg') no-repeat right top;
	}

    #topbar {
        background-color:#E9F3F9;
        padding:5px 10px;
        color:#999999;
        font-size:0.8em;
        margin-bottom:5px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
    }
    
    #logo {
        height:266px;
        background:url('/images/main/head/header_home.jpg') no-repeat left 75px;
    }
    #homelogo {
        height:80px;
    }
    #logo img, #homelogo img  {
		padding-top:5px;
    }

    #headcontact {
        padding:5px 0 10px 20px;
        color:#E9F3F9;
        font-size:1.1em;
        line-height:1.4em;
    }
    #headcontact a {
        color:#ffffff;
    }
    
    /* COLUMN INFORMATION */
    
    div.colGroup {
        clear: both;
        background-color: #cccccc;
    }
    .col {
        float: left;
        width:48%;
    }
    div.colLeft {
        width:390px;
        padding-top: 10px;
    }
    div.colRight {
        width:233px;
        float:right;
        padding-top: 30px;
	margin-right:5px;
    }
	.page_ .colRight {
		padding-top:10px;
	}
	
	.page_pci_video div.colLeft {
		width:100%;
		
	}
	.page_pci_video div.colRight {
		clear:left;
		float:left;
	}
    
    #footer {
        clear:both;
        height:71px;
    }
    
    #footer .rightcol {
        background:#3086BF url('images/footrightcol_bg.jpg') repeat-x top;
        height:100%;
    }
    #footer .rightcol, #footer .leftcol {
        padding-top:15px;
        margin-bottom:0;
    }
    
    #editbox {
        width:655px;
        padding-right:295px;
        margin-bottom:20px;
    }

/* ----------------------------------------
    4. Navigation
   ---------------------------------------- */
    #navigation ul, .rightcol FORM {
        list-style:none;
        padding:5px;
        width:92%;
		margin:0 auto;
        padding-top:20px;
    }
    .rightcol FORM {
        padding-top:0;
    }
    #navigation ul, #footer .rightcol ul {
		list-style:none;
    }
    #navigation ul li {
		padding:0 5px;
    }
    #navigation ul li:hover, #navigation ul li.current {
		background:url(images/navover_bg.jpg) no-repeat;
    }
    #navigation ul li a, .sidelink{
		width:100%;
		display:block;
		line-height:27px;
		border-bottom:1px solid #0069AF;
		color:#ffffff;
		font-weight:bold;
		background:url(images/nav_arrow.gif) no-repeat 1px;
    }
	#navigation ul li a span {
		padding:0 10px 0 15px;
		display:block;
	}
    #navigation ul li a:hover, #navigation ul li a.current {
		color:#ffffff;
		text-decoration:none;
		background:url(images/navover_arrow.gif) no-repeat 1px;
    }
    #navigation ul li a.current2 {
		background:url(images/navdown_arrow.gif) no-repeat left;
    }
    #navigation ul li ul { width:100%;padding:0;}
	#navigation ul li ul li { padding:0;}
    #navigation ul li ul li:hover {
		background:none;
    }
    #navigation ul li ul li a, #navigation ul li ul li a:hover, #navigation ul li ul li a.current{
		background:#77BEED url(images/subnav_bg.jpg) repeat-x;
		color:#ffffff;
    }
	#navigation ul li ul li a span {
		padding:0 10px 0 25px;
	}
    #navigation ul li ul li a:hover, #navigation ul li ul li a.current { color:#CCFFFF;}
    
    .sidelink {
        border:0;
        margin-left:4%;
    }
	
	#navigation ul li a.rssnav {
		position:relative;
		top:-24px;
		margin-right:120px;
		border-bottom:0;
		display:inline;
		width:auto;
		height:auto;
		float:right;
	}
	
	#links_social {
		width:90%;
		border-top:1px dashed #ffffff;
		border-bottom:1px dashed #ffffff;
		padding:5px 0;
		text-align:center;
		margin:0 auto;
		margin-top:20px;
	}
   
    #footer .rightcol ul {
       margin-left:10px; 
    }
    #footer .rightcol ul li {
        display:inline;
        float:left;
    }
    #footer .rightcol ul li a {
        color:#ffffff;
        padding:0 4px;
        font-size:0.8em;
		border-right:1px solid #ffffff;
    }
	#footer .rightcol ul li a.preview {
		border-right:0;
	}

/* ----------------------------------------
    5. Classes
   ---------------------------------------- */
    
    .clearall {
        clear: both;
        font-size: 0px;
        height: 0px;
        line-height:0;
        padding:0;
        margin:0;
    }
    .alignright {
        float:right;
        padding:3px 0;
    }
    
    .bluebox {
        clear:both;
        padding:8px;
        background-color:#E9F3F9;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        margin-bottom: 10px;
    }
    .eventblock {
	margin:10px 0;
	font-size:0.9em;
    }
    .quote {
        background:#ffffff url('images/quote.gif') no-repeat 30px bottom;
        padding-bottom:9px;
        margin-bottom: 10px;
    }
    
    .quote .bluebox {
        margin-bottom: 0px;
    }
    
    p.darken { color:#000000;}
    .lighter { color:#999999;font-weight:normal;}
    
    .floatright { float:right; }
    .floatleft { float:left; padding-right:10px; }
    .center { text-align:center;}
    .toppad { padding-top:10px;}
    .margtop { margin-top:10px;}
    .notoppad { padding-top:0;}
    .nomarg {padding:0 !important;margin:0 !important;}
    .sml { font-size:0.9em; }
    
    .imgcell{
        width:48%;float:left;
        margin-bottom:10px;
    }
    div.colRight .imgcell {
        width:48%;
        float:left;
    }
    
    a.linkNext {
        float: right;
    }
    
    .sendTo {
        clear: right;
    }

    .error {
        color: #cc0000;
    }
	
	.do_toggle {
		cursor:pointer;
	}
	
	/* buttons and speech */
	
	.speech1 {
		background:url(images/speech_bg1.png) no-repeat;
		width:233px;
		height:50px;
		text-align:center;
		padding-top:9px;
        font-size:1em;
	}
	.speech2 {
		background:url(images/speech_bg2.png) no-repeat;
		width:260px;
		height:35px;
		text-align:center;
		padding-top:12px;
		margin:0 auto;
	}
	
	.button1 {
		background:url(images/button_bg1.png) no-repeat;
		width:213px;
		height:34px;
		padding:8px 10px;
		margin-top:5px;
	}
	.advert {
	    margin-top:5px;
	}
	.button1:hover {
		background:url(images/button_bg1_over.png) no-repeat;
		cursor:pointer;
	}
	.button2 {
		background:url(images/button_bg2.png) no-repeat;
		width:240px;
		height:45px;
		padding:8px 10px;
		margin:0 auto;
		margin-top:5px;
	}
	.button2:hover {
		background:url(images/button_bg2_over.png) no-repeat;
		cursor:pointer;
	}
		.button_content {
       
			padding-left:33px;
			min-height:30px;
		}
        .i_community_r h2, .i_pdf_r h2 {
            padding-top:8px;
        }
		.button2 .button_content {
			padding-left:50px;
		}
	.button3 {
		background:url(images/button_bg3.png) no-repeat;
		width:124px;
		height:30px;
		margin:0 auto;
		display:inline-block;
		padding-top:5px;
		margin-bottom:5px;
	}
	.button3:hover {
		background:url(images/button_bg3_over.png) no-repeat;
	}
	
	.page_ .button1 h2 a {
	    color:#A34B39;
	}
	.page_ .button1 p a {
	    color:#666666;
	}
	
	/* Icon Links Large */
	
	.r_papers {
		background:url(/images/icons/articles.png) left no-repeat;
	}
	.r_blog {
		background:url(/images/icons/blog.png) left no-repeat;
	}
	.r_newsletter {
		background:url(/images/icons/newsletter.png) left no-repeat;
	}
	.r_webinars {
		background:url(/images/icons/webinars.png) left no-repeat;
	}
	.r_workshop {
		background:url(/images/icons/workshop.png) left no-repeat;
	}
	
	
	.i_tools {
		background:url(/images/icons/tools_sml.png) left no-repeat;
	}
	.i_workshop {
		background:url(/images/icons/workshop_sml.png) left no-repeat;
	}
	.i_training {
		background:url(/images/icons/workshop_sml.png) left no-repeat;
	}
	.i_community {
		background:url(/images/icons/community_sml.png) left no-repeat;
	}
	.i_newsletter {
		background:url(/images/icons/newsletter_sml.png) left no-repeat;
	}
    .i_rss {
		background:url(/images/icons/rss_sml.png) left no-repeat;
	}
	.i_papers {
		background:url(/images/icons/articles_sml.png) left no-repeat;
	}
	.i_blog {
		background:url(/images/icons/blog_sml.png) left no-repeat;
	}
	.i_newsletter {
		background:url(/images/icons/newsletter_sml.png) left no-repeat;
	}
	.i_webinar {
		background:url(/images/icons/webinar_sml.png) left no-repeat;
	}
    .i_webinars {
		background:url(/images/icons/webinar_sml.png) left no-repeat;
	}
	.i_search {
		background:url(/images/icons/search_sml.png) left no-repeat;
	}
	.i_pdf {
		background:url(/images/icons/pdf_sml.png) left no-repeat;
	}
	.i_contact {
		background:url(/images/icons/contact_sml.png) left no-repeat;
	}
	.i_demo {
		background:url(/images/icons/demo_sml.png) left no-repeat;
	}
	.i_web {
		background:url(/images/icons/web_sml.png) left no-repeat;
	}
	.i_phone {
		background:url(/images/icons/phone_sml.png) left no-repeat;
	}
	.i_email {
		background:url(/images/icons/email_sml.png) left no-repeat;
	}
	.i_survey {
		background:url(/images/icons/survey_sml.png) left no-repeat;
	}
	.i_news {
		background:url(/images/icons/news_sml.png) left no-repeat;
	}
    .i_videos {
		background:url(/images/icons/video.png) left no-repeat;
	}
    .i_podcasts {
		background:url(/images/icons/podcast.png) left no-repeat;
	}
	.i_events {
		background:url(/images/icons/events_sml.png) left no-repeat;
	}
	.i_forums {
		background:url(/images/icons/forums_sml.png) left no-repeat;
	}
	.i_resources {
		background:url(/images/icons/resources_sml.png) left no-repeat;
	}
	.i_brochure {
		background:url(/images/icons/brochure_sml.png) left no-repeat;
	}
	.i_casestudies {
		background:url(/images/icons/casestudies_sml.png) left no-repeat;
	}
	.i_recommend {
		background:url(/images/icons/recommended_sml.png) left no-repeat;
	}
	.i_ebooks {
		background:url(/images/icons/ebooks_sml.png) left no-repeat;
	}
	.i_share {
		background:url(/images/icons/share_sml.png) left no-repeat;
	}
	
	.i_demo_r {
		background:url(/images/icons/demo_r.png) left no-repeat;
	}
	.i_tools_r {
		background:url(/images/icons/tools_r.png) left no-repeat;
	}
	.i_community_r {
		background:url(/images/icons/community_r.png) left no-repeat;
	}
	.i_webinar_r {
		background:url(/images/icons/webinar_r.png) left no-repeat;
	}
    .i_pdf_r {
		background:url(/images/icons/pdf_r.png) left no-repeat;
	}
	
	
	/* page tables */
	
	.t_body {
		width:100%;
		margin-bottom:15px;
	}
	.t_row {
		display:block;
		margin-bottom:1px;
	}
		.t_body .odd {
			background-color:#D0D8E8;
		}
		.t_body .even {
			background-color:#E9EDF4;
		}
	.t_col1 {
		width:34%;
		display:inline-block;
		vertical-align:top;
		padding:5px 1%;
	}
	.t_col2 {
		border-left:1px solid #ffffff;
		width:59%;
		display:inline-block;
		vertical-align:top;
		padding:5px 1%;
	}


    
/* ----------------------------------------
    6. FORMS
   ---------------------------------------- */
    input, textarea, select {
        color:#333333;
        font-family:Arial;
        font-size:1em;
    }

    textarea {
        width: 400px;
    }
    
    FORM .formrow {
        clear:both;
        margin-bottom:4px;
    }

    .rightcol input.submit, #topbar input.submit, .leftcol input.submit, #head_toolbar FORM input.submit {
        background:none;
        border:0;
        color:#ffffff;
        font-size:0.9em;
		font-weight:bold;
        padding:0;
        width:auto;
        cursor:pointer;
    }
    #head_toolbar FORM input.submit {
		color:#006AAF;
    }
	#head_toolbar input {
	    width:16.5em;
	    padding:0;
	    border:1px solid #999999;
	    -moz-border-radius: 3px;
	    -webkit-border-radius: 3px;
	    padding:1px 2px;
	}
	input.searchbox {
		padding-left:20px !important;
		background:#ffffff url(/images/icons/search_input.png) no-repeat 4px;
	}
	#head_toolbar label {
	    margin-right:3px;
	    font-size:0.9em;
	}
    #topbar form {
		margin-bottom:5px;
    }
    #topbar FORM input {
        color:#999999;
        font-size:1.1em;
        padding:1px 3px;
    }    
    #topbar input.submit, .leftcol input.submit {
        color:#0083C2;
        font-size:1em;
        cursor:pointer;
    }
    #topbar FORM input.logout {
        padding:0;
    }
    
    .alignright FORM {
        padding:0;
        margin:0;
    }
    
    FORM.nolabels label, .invisible {
        position:absolute;
        left:-1000px;
        top:-9999px;
    }
    LABEL.showlabels {
        position:relative !important;
        left:auto !important;
		top:auto !important;
    }


    SELECT#frm_language {
        height:auto;
        padding:0;
        margin:0;
        font-size:0.9em;
        cursor:pointer;
    }
    
    FORM.editform label {
        width:16em;
        float:left;
        display:block;
        margin-right:0.5em;
        clear:left;
        padding-top:3px;
    }
    
    FORM legend {
        font-size:1.2em;
        color:#0083C2;
        margin-bottom:0.6em;
    }
    FORM input.wide, FORM textarea.wide, FORM select.wide {width:100%;}
    FORM input.half, FORM textarea.half, FORM select.half {width:48%;}
    
    .bluebox FORM input.wide, .bluebox FORM textarea.wide, .bluebox FORM select.wide {width:98%;}

    input.checkbox {
        width: 130px !important;
    }
	
	FORM .formrow label {
		width:90px;
		display:inline-block;
		
	}
	
	LABEL.checkbox {
		width:auto !important;
	}
	input.checkbox {
		width:auto !important;
	}
    
    /* Fancy Forms */
    
    span.checkbox {
        width: 19px;
        height: 25px;
        padding: 0 5px 0 0;
        background: url(checkbox.gif) no-repeat;
        display: block;
        clear: left;
        float: left;
    }
    span.radio {
        width: 19px;
        height: 25px;
        padding: 0 5px 0 0;
        background: url(radio.gif) no-repeat;
        display: block;
        clear: left;
        float: left;
    }
    span.select {
        position: absolute;
        width: auto;
        padding: 1px 17px 0 0;
        color: #006AAF;
        background: url(images/arrow.gif) no-repeat right 7px;
        overflow: hidden;
        font-size:0.9em;
	font-weight:bold;
    }
    
    .colRight select {
        width:220px;
    }
    input#frm_title {
        width:95%;
    }
    
     label.error, h3.error, FORM.nolabels label.error{
        color:#ff0000 !important;
        font-size:0.8em !important;
        position:relative !important;
        display:block !important;
        padding:0 !important;
        margin:0 !important;
        left:0;
        top:0;
        width:auto;
       
    }
    input.error, textarea.error {
        border:1px solid #ff0000;
        background:#fafafa;
    }


/* ----------------------------------------
    7. Other
   ---------------------------------------- */

    #debug {
        border: 1px solid #333333;
        margin: 10px;
        padding: 10px;
        background-color: #cccccc;
    }
    #debug h1 {
        text-align: center;
        font-size: 1em;
    }
    #debug h2 {
        font-size: 0.9em;
    }

    ul#webpagePageErrors {
        margin: 0px 10px 10px;
        padding: 10px;
        border: 1px solid #ff0000;
        background-color: #ff9999;
        color: #000000;
    }
    
    ul#webpagePageErrors li {
        background: transparent url( '/images/controls/cancel2.png' ) top left no-repeat;
        padding-left: 20px;
        list-style: none;
        line-height: 1.3em;
    }
    
    ul#webpagePageMessages {
        margin: 0px 10px 10px;
        padding: 10px;
        border: 1px solid #00cc00;
        background-color: #ccffcc;
        color: #000000;
    }
    
    ul#webpagePageMessages li {
        background: transparent url( '/images/controls/accept.png' ) top left no-repeat;
        padding-left: 20px;
        list-style: none;
        line-height: 1.3em;
    }