body {
        margin: 0px;
        padding: 0px;
        background-color: #FFFFFF;
        background-image: url("/images/body_background.gif");
        background-position: top left;
        background-repeat: repeat-x;
        font-family: Verdana,Arial,Helvetica,sans-serif;
        }

a:link, a:visited, a:active { color: #000000; }
a:hover { color: #99CC33; }

img { border-style: none;}
a.charity_link { text-decoration: none; margin-bottom: 20px;}

td { vertical-align: top; }

#content {
        width: 770px;
        text-align: left;
        margin-left: -390px;
        position: relative;
        left: 50%;
        }

#survey_body {
        padding: 20px;
        }
#survey_login_header {
        height: 170px;
        background-image: url("/images/body_background.gif");
        background-position: top left;
        background-repeat: repeat-x;
        text-align: center;
        }

#header {
        height: 147px;
        }
#ticker {
        padding-bottom: 10px;
        font-size: 0.9em;
        font-weight: bold;
        }
#ticker marquee {
        width: 100%;
        }
#header h1 {
        margin: 0px;
        }
#header div.header_right {
        float: right;
        text-align: right;
        }
#header div.header_right img.adbanner {
        display: block;
        }

#body_container {
        background-image: url("/images/body_container_background.gif");
        background-position: top left;
        background-repeat: repeat-y;
        margin-top: 20px;
        }

#menu {
        width: 145px;
        float: left;
        }
#menu ul {
        margin: 0px;
        padding: 0px;
        list-style-type: none;
        }
#menu ul li {
        color: #333333;
        background-color: #CCCCCC;
        border-bottom: solid 2px #FFFFFF;
        }
#menu ul li a {
        color: #333333;
        text-decoration: none;
        font-weight: bold;
        font-size: 0.8em;
        display: block;
        padding: 4px 0px 4px 8px;
        }
#menu ul li a:hover { color: #333333; }

#login, #poll_panel {
        padding: 5px;
        margin-top: 20px;
        background-color: #CCCCCC;
        font-size: 0.8em;
        }
#poll_panel td {
        font-size: 0.9em;
        }
#poll_panel table#poll_panel_results {
        width: 100%;
        margin: 5px 0px;
        }
#poll_panel table#poll_panel_results td {
        border-bottom: dashed 1px #eeeeee;
        padding: 2px;
        }
#login a, #poll_panel a {
        color: #333333;
        display: block;
        padding: 2px;
        }
#login h5, #poll_panel h5 {
        margin: 0px;
        padding: 0px 0px 5px 0px;
        }
#login label {
        font-size: 0.8em;
        }
#login input.text {
        width: 132px;
        }
.login_error {
        color: #ff0000;
        }


#survey_login {
        width: 500px;
        border: solid 2px #99CC33;
        padding: 0px;
        position: absolute;
        left: 50%;
        margin-left: -250px;
        top: 180px;
        background-color: #ffffff;
        }
#survey_login h3 {
        padding: 10px;
        margin: 0px;
        color: #ffffff;
        background-color: #99CC33;
        }
#survey_login table {
        margin: 20px 0px 20px 100px;
        }
#survey_login p {
        padding: 10px; 
        text-align: center;
        }

div.required_field_text {
        padding-bottom: 20px;
        }

.required_field_star {
        color: #ff0000;
        font-weight: bold;
        }

#body { 
        margin-left: 160px;
        padding-left: 10px;
        margin-right: 174px;
        }
h2 {
        color: #99CC33;
        font-weight: normal;
        margin-bottom: 0px;
        padding-bottom: 10px;
        }
h3 {
        color: #99CC33;
        font-weight: normal;
        margin: 0px;
        padding: 20px 0px 5px 0px;
        }
#right_bar h3 {
        font-size: 1.6em;
        padding: 0px 0px 5px 0px;
        margin-bottom: 5px;
        border-bottom: solid 1px #99CC33;
        }
p {
        color: #666666;
        margin: 0px;
        padding: 0px 0px 10px 0px;
        }
#body p, #body td {
        color: #666666;
        font-size: 0.9em;
        }
li        {
        font-size: 0.9em;
        color: #666666;
        }
#body p.strong {
        color: #333333;
        font-weight: bold;
        }

#right_bar {
        width: 150px;
        float: right;
        margin-left: 20px;
        text-align: center;
        font-size: 0.8em;
        font-weight: bold;
        }
#right_bar p {
        padding: 0px 0px 15px 0px;
        margin: 0px;
        }


/**** BLOG PANEL ****/
#blog_panel {
        width: 164px;
        float: right;
        margin-left: 20px;
        }
#blog_panel h3 {
        font-size: 1.4em;
        border-bottom: solid 1px #99CC33;
        margin: 0px;
        padding-top: 0px;
        text-align: center;
        }
#blog_panel h4 {
        font-size: 0.9em;
        color: #99CC33;
        margin: 0px;
        padding: 10px 0px;
        }


/****************
        #blog_panel>divX {
                font-size: 0.8em;
                }

        #blog_panel .latest_post {
                background-color: #eee;
                margin-bottom: 15px;
                }
        #blog_panel .latest_post a {
                display: block;
                padding: 5px;
                text-decoration: none;
                }
        #blog_panel strong{
                display: block;
                padding-bottom: 4px;
                }
        #blog_panel .blogger_list {
                background-color: #eee;
                margin-bottom: 10px;
                }
        #blog_panel .blogger_list a {
                padding: 5px;
                display: block;
                text-decoration: none;
                }

        #blog_panel div {
                width: 184px;
                background-position: top left;
                background-repeat: no-repeat;
                overflow: hidden;
                }

        #blog_panel #blog_header {
                height: 74px;
                background-image: url("/images/blog_bar/blogs_header.jpg");
                }
        #blog_panel #post_1 {
                height: 35px; background-image: url("/images/blog_bar/post_1.jpg");
                }
        #blog_panel #post_2 {
                height: 37px; background-image: url("/images/blog_bar/post_2.jpg");
                }
        #blog_panel #post_3 {
                height: 33px; background-image: url("/images/blog_bar/post_3.jpg");
                }
        #blog_panel #post_4 {
                height: 47px; background-image: url("/images/blog_bar/post_4.jpg");
                }
        #blog_panel #post_5 {
                height: 54px; background-image: url("/images/blog_bar/post_5.jpg");
                }
        #blog_panel #bloggers_header {
                height: 33px; background-image: url("/images/blog_bar/bloggers_header.jpg");
                }
        #blog_panel #bloggers_1 {
                height: 82px; background-image: url("/images/blog_bar/bloggers_1.jpg");
                padding: 4px 6px 2px 14px;
                }
        #blog_panel #bloggers_1 a {
                padding: 0px;
                display: block;
                }

********************/

#blog_panel img {
        display: block;
        padding: 0px;
        margin: 0px;
        }

div.blog_bar2 {
        width: 185px;
        padding: 0px;
        margin: 0px;
        background-color: #E2EEC1;
        border-bottom: solid 3px #ffffff;
        }
div.blog_bar_sub {
        text-align: center;
        color: #EC0120;
        font-weight: bold;
        font-size: 0.8em;
        padding: 0px;
        }

#blog_panel div a {
        display: block;
        margin: 0px;
        padding: 5px 20px 5px 14px;
        text-decoration: none;
        font-size: 11px;
        font-weight: bold;
        }

#blog_panel div.blog_bar2 a {
        display: block;
        margin: 0px;
        padding: 5px 2px 5px 8px;
        text-decoration: none;
        font-size: 11px;
        font-weight: bold;
        color: #32552B;
        }
#blog_panel div a.blogger_link {
        padding: 1px 2px 2px 8px;
        }
#blog_panel div a:hover {
        color: #EC0120;
        }


/***************/
/**** POLLS ****/
/***************/

div.poll {
        padding: 20px;
        }

div.poll td {
        font-size: 0.8em;
        color: #666666;
        padding: 0px 5px 0px 0px;
        height: 20px;
        vertical-align: middle;
        }
div.poll td.pbar {
        background-color: #efefef;
        padding: 0px;
        }
div.poll td.pbar img {
        margin: 0px;
        padding: 0px;
        }

div.poll input.submit {
        margin-left: 30px;
        margin-top: 10px;
        }

/******************/
/**** ACCOUNTS ****/
/******************/

table.account_balance {
        width: 380px;
        border-collapse: collapse;
        font-size: 0.9em;
        }
table.account_balance tr.head {
        font-weight: bold;
        }
table.account_balance tr.head td {
        border-bottom: solid 1px #444444;
        }
table.account_balance td {
        padding: 4px 6px;
        }
table.account_balance td.amount {
        text-align: right;
        padding-right: 10px;
        }
table.account_balance tr.head td.amount {
        text-align: center;
        }
table.account_balance tr.light {
        }
table.account_balance tr.dark {
        background-color: #efefef;
        }

ul.survey_list li {
        padding-bottom: 6px;
        margin-bottom: 6px;
        border-bottom: dashed 1px #e0e0e0;
        }

ul.articles li {
        padding: 5px;
        }


table.survey_links td {
        text-align: center;
        padding: 5px;
        }

div.problem {
        padding: 10px;
        border: solid 1px #dddddd;
        background-color: #f9f9f9;
        margin-bottom: 20px;
        }

div.prev_problem {
        padding: 10px 0px 20px 30px;
        font-size: 0.9em;
        color: #666666;
        }


div.last_post {
        padding: 5px 0px 5px 15px;
        margin-bottom: 20px;
        border-left: double 4px #bcbcbc;
        background-color: #efefef;
        }

/**** FORM STYLE ****/

form div {
        padding: 5px;
        font-size: 0.8em;
        }
form div label.left {
        display: block;
        width: 180px;
        float: left;
        }
form div input.right {
        width: 180px;
        }
form div.submit {
        text-align: center;
        }

form#survey_form label.main_label {
        display: block;
        border-bottom: dashed 1px #ddd;
        margin-bottom: 4px;
        }
form#survey_form>div {
        padding-bottom: 20px;
        }
form#survey_form input.textbox, form#survey_form select, form#survey_form textarea {
        width: 350px;
        }
form#survey_form table {
        border-collapse: collapse;
        }
form#survey_form table td {
        padding: 2px;
        }
form#survey_form .na {
        padding-left: 10px;
        margin-left: 5px;
        border-left: solid 1px #666666;
        }

form#survey_form .scale_headings .left {
        text-align: left;
        }
form#survey_form .scale_headings .right {
        text-align: right;
        }
form#survey_form .scale_headings .right_na {
        text-align: right;
        padding-right: 32px;
        }


div.survey_sector_radio {
        width: 200px;
        height: 40px;
        float: left;
        }

#login form {
        margin: 0px;
        }

div.survey_submit_buttons {
        padding-top: 30px;
        }

/*************/
/*** BLOGS ***/
/*************/
div.blog_sub_head {
        margin-bottom: 10px;
        border-bottom: solid 1px #ccc;
        }
div.blog_sub_head h2 {
        margin: 0px;
        }
div.blog_sub_head h4 {
        padding: 0px;
        margin: 0px;
        }
img.blogger_img {
        width: 50px;
        }

div.blog_comments {
        border-top: solid 1px #ccc;
        margin-top: 30px;
        }

div.blog_comments textarea {
        width: 400px;
        height: 250px;
        }

div.blog_comments div.comment_wrapper {
        background-color: #eee;
        padding: 10px;
        margin: 10px;
        width: 355px;
        }
div.blog_comments div.comment_wrapper p.comment_title {
        border-bottom: solid 1px #aaa;
        padding: 0px;
        margin: 0px 0px 8px 0px;
        }

div.last_modified {
        font-size: smaller;
        color: #999;
        padding-top: 20px;
        font-style: italic;
        }

/****************/
/**** ERRORS ****/
/****************/
div.error {
        position: relative;
        margin: 20px 40px;
        padding: 5px 5px 20px 5px;
        color: #ff0000;
        font-weight: bold;
        font-size: 0.8em;
        border: solid 1px #ff0000;
        background-color: #ff8;
        }
#body div.error p {
        color: #ff0000;
        }
div.error ul {
        position: relative;
        margin-left: 10px;
        }
div.error ul li {
        color: #ff0000;
        /*margin-left: 250px;*/
        }
.error_inline{
	color: #ff0000 !important;
	/*background-color: #ff8 !important;*/
	font-weight:bolder;
}


/**** TERMS ****/
ul.terms li {
        font-size: 0.8em;
        }

/**** FOOTER ****/
#footer {
        padding: 30px 0px 10px 0px;
        clear: both;
        font-size: 0.7em;
        text-align: center;
        }



/***********************/
/**** SURVEY - DATE ****/
/***********************/
form#survey_form div.calendar_container {

        }
form#survey_form div.calendar_container table {
        border-collapse: collapse;
        border-style: solid none none solid;
        border-width: 1px;
        border-color: #000;
        }
form#survey_form div.calendar_container table td, div.calendar_container table th {
        border-style: none solid solid none;
        border-width: 1px;
        border-color: #000;
        text-align: center;
        padding: 0px;
        width: 25px;
        background-color: #fff;
        }
form#survey_form div.calendar_container table th {
        padding: 3px 0px;
        background-color: #dedede;
        }
form#survey_form div.calendar_container table td a {
        padding: 3px 0px;
        text-decoration: none;
        display: block;
        }
form#survey_form div.calendar_container table td a:hover {
        background-color: #6f6;
        color: #000000;
        }
form#survey_form div.calendar_container table td a.active {
        background-color: #6f6;
        color: #000000;
        font-weight: bold;
        }


/************************/
/**** UPDATE DETAILS ****/
/************************/
table.update_details {
        border-collapse: collapse;
        }
table.update_details td {
        padding: 6px 2px;
        }




.colour1 { background-color: #efefef; }
.colour2 { background-color: #ffffff; }







/*********************************/
/**** SURVEY - ORDER QUESTION ****/
/*********************************/

form#survey_form div.q_order tr.table_heading td {
        text-align: center;
        }
form#survey_form div.q_order td.value_cell {
        padding-right: 25px;
        }
form#survey_form div.q_order td.input_cell {
        padding: 2px 4px;
        }
form#survey_form div.q_order tr td.position_cell {
        padding-left: 35px;
        font-style: italic;
        text-align: left;
        }


/*********************************/
/**** SURVEY - SCALE QUESTION ****/
/*********************************/

form#survey_form div.q_scale table {
        margin-top: 10px;
        }
form#survey_form div.q_scale td {
        padding: 2px 6px;
        text-align: center;
        }
		
/*  RECOMMEND A FRIEND STYLES (NEW) */
.recommend_fieldset{
	border:1px solid #99CC33; 
	#padding:10px; 
	_padding:0px;
	border-radius:5px;
	-moz-border-radius: 5px; /* Rounded for Firefox */
	-webkit-border-radius: 5px;/* Rounded for Safari */
}

.js_rec_input{
	width:310px;
	float:right;
	margin-right:10px;
	#margin-right:22px;/*FOR IE7*/
	_margin-right:15px;/*FOR IE 6*/
	border:1px solid #99cc33;
	margin-bottom:10px;
}

.recInput{
	 width:250px;
	 height:20px;
	 border:1px solid #99CC33;
	 border-radius:5px;
	 -moz-border-radius: 5px; /* Rounded for Firefox */
	-webkit-border-radius: 5px;/* Rounded for Safari */
	 padding-top:5px;
}

.recInputTextarea{
	#margin-left10px;
	color:#999;
	border:1px solid #99CC33;
	border-radius:5px;
	-moz-border-radius: 5px; /* Rounded for Firefox */
	-webkit-border-radius: 5px; /* Rounded for Safari */
}

.recLbl{
	font-size:10px;
}

.userRecommended{
	color:#99cc33;
}