@charset "UTF-8";
/* CSS Document */

BODY { background:url(../images/body_bg.jpg) repeat-x top left #ffffff;}
#container {margin:0px auto; width:960px; }
#container #nav_container {width:830px; margin:0px auto; height:99px; }
#container #nav_container #logo {margin: 0px 0px 0px 5px}
#container #nav_container #nav {width:830px; background:url(../images/nav_bg.png) repeat-y top left; margin:0px auto; }
#container #nav_container #bottom {width:830px; background:url(../images/nav_bottom.png) no-repeat top left; height:10px; }
#container #nav_container #nav UL {position: relative; list-style:none; float:right; margin:65px 25px 0px 0px;}
#container #nav_container #nav UL LI { text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:16px; font-weight:bold; float:left; margin-left:40px}
#container #nav_container #nav UL LI A {text-decoration:none; color:#1b89b0;}
#container #nav_container #nav UL LI A:hover {text-decoration:underline}
#container #main {width:830px; margin:0px auto}
#container #main #top {width:830px; height:9px; background:url(../images/main_panel_top_bottom.png) 0px 0px;}
#container #main #content {width:830px; min-height:500px; background:url(../images/main_content_bg.png) repeat-y top left;}
#container #main #content #carousel {width:778px; height: 255px; margin:0px auto; padding:10px 0px 5px 0px; }
#container #main #main_bottom {width:830px; height:9px; background:url(../images/main_panel_top_bottom.png) 0px -9px;}
#container #main P {font-family:Arial, Helvetica, sans-serif; }
#container #main H1 {font-family:Arial, Helvetica, sans-serif; font-size:18px; line-height:24px; color:#1b8bb3; font-weight:bold; padding:0px 0px 5px 0px}
#container #main #content #middle_content {width:778px; margin:0px auto; margin-bottom:15px}
#container #main #content #middle_content P {font-size:12px; line-height:17px; color:#5c5c5c}

#container #main #content #column_holder {width:830px; margin:0px auto}
#container #main #content #column_holder #grey_arrow { background:url(../images/grey_arrow.png) no-repeat top left}
#container #main #content #column_holder #green_arrow { background:url(../images/green_arrow.png) no-repeat top left}
#container #main #content #column_holder #brown_arrow { background:url(../images/brown_arrow.png) no-repeat top left}
#container #main #content .inner {margin:0px auto; padding:10px 15px 0px 25px  }
#container #main #content .inner #breadcrumbs { list-style:none; padding:0px; margin-bottom:30px}
#container #main #content .inner #breadcrumbs LI {float:left; font-family:Arial, Helvetica, sans-serif; font-size:10px; line-height:16px; color:#b8b8b8; }
#container #main #content .inner #breadcrumbs LI .active {color:#888888; font-weight:bold}
#container #main #content .inner P {font-size:12px; line-height:17px; color:#5c5c5c; padding-bottom:5px}
#container #main #content .inner .grey_list {margin:5px 0px 10px 20px}
#container #main #content .inner .grey_list LI {list-style:disc; color:#b8b8b8;}
#container #main #content .inner .grey_list LI P {padding-bottom:0px}
#container #footer {width:830px; margin:0px auto; padding:10px 0px 0px 0px}
#container #footer .link_img {float:left; margin:0px 0px 10px 10px}
#container #footer .first {margin-left:5px}
#container #footer UL {list-style:none; float:right}
#container #footer UL LI {float:left; font-family:Arial, Helvetica, sans-serif; font-size:10px; line-height:16px; color:#9b9b9b; margin-left:5px}
#container #footer UL LI A {text-decoration:none; color:#9b9b9b; padding-right:10px}
#container #footer UL LI A:hover { text-decoration:underline}
#container #main #content .inner .progress_panel {margin:20px 0px 20px 0px}
#container #main #content .inner .progress_panel P {font-size:11px; line-height:18px; padding-right:35px }
#container #main #content .inner .progress_panel P.header {padding-bottom:10px}
#container #main #content .inner .warning_panel P, #container #main #content .inner .question_panel P, #container #main #content .inner .personality_question_panel P {font-size:11px; line-height:18px; padding-right:35px}


#container #main #content .inner #book_image {float:left}
#container #main #content .inner #book_table {float: left}
#container #main #content .inner #book_table .title P{color:#7e7e7e; padding:0px}
#container #main #content .inner #book_table P {line-height: 15px}

#container #main #content .inner P.policy_text {color:#7e7e7e; font-size:12px; line-height:18px; margin:15px 0px 40px 0px}
#container #main #content .inner .policy_panel {width:760px; margin-bottom:25px}
#container #main #content .inner .policy_panel P {font-size:12px; line-height:18px; padding-bottom:8px; color:#7e7e7e }
#container #main #content .inner .policy_panel P.header {font-size:12px; line-height:18px; font-weight:bold; color:#7e7e7e; padding-bottom:4px}
#container #main #content .inner .policy_panel A {color:#b8b8b8}
#container #main #content .inner .policy_panel A:hover {text-decoration:none}
#container #main #content .inner .policy_panel UL {list-style-type:disc; list-style-position:inside; margin-left:20px}
#container #main #content .inner .policy_panel UL LI{font-size:12px; line-height:18px; color:#b8b8b8;font-family:Arial, Helvetica, sans-serif;}

#container #main #content .inner .payment_panel {border:2px solid #eeeeee; width:280px; padding:10px 20px 10px 15px; background:#ffffff;border-radius:10px;-moz-border-radius:10px; float: left; margin:0px 20px 25px 0px; position: relative}
#container #main #content .inner .payment_panel #logo {float:right}
#container #main #content .inner .payment_panel P.small {font-size:11px; line-height:13px; color:#5c5c5c}

.grey_arrow { background:url(../images/grey_arrow.png) no-repeat top left; height: 50px;}
.green_arrow { background:url(../images/green_arrow.png) no-repeat top left; height: 50px;}
.brown_arrow { background:url(../images/brown_arrow.png) no-repeat top left; height: 50px;}

/*Classes----*/
.title {text-decoration: none; font-size:18px; line-height:24px; font-weight:bold; text-transform:uppercase; color:#FFFFFF; padding:5px 0px 0px 15px}
.grey_panel {width:252px;background:url(../images/grey_panel_top.gif) no-repeat top left; float:left; margin:0px 0px 0px 18px}
.grey_panel .bottom {width:252px; min-height:192px; background:url(../images/grey_panel_bottom.gif) no-repeat bottom left; position:relative }
.grey_panel .bottom P {font-size:12px; line-height:17px; color:#5c5c5c; padding:5px 30px 0px 18px}
.green {color:#1b8bb3; font-weight:bold}
.dark_grey {color:#5c5c5c; font-weight:bold}
.clearing_div {clear:both; line-height:1px}

.panel_arrow { width:235px; height:42px; margin:17px 0px 0px 0px}
.panel_arrow P.header {font-size:18px; line-height:24px; font-weight:bold; text-transform:uppercase; color:#FFFFFF; padding:5px 0px 0px 15px}

.grey_button {height:27px; display:block; float:left; background:url(../images/grey_button_left_hover2.png) no-repeat top left; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; color:#1b89b0; text-transform:uppercase; text-decoration:none; font-weight:bold }
.grey_button SPAN { background:url(../images/grey_button_right_hover.png) no-repeat top right; display:block; padding:5px;width:126px;  }
.grey_button:hover {height:27px; display:block; float:left; background:url(../images/grey_button_right.png) no-repeat top left; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; color:#1b89b0; text-transform:uppercase; text-decoration:none; font-weight:bold }
.grey_button SPAN:hover { background:url(../images/grey_button_left.png) no-repeat top right; display:block; padding:5px;width:126px;  }

.flat_button {float: left; display:block; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:22px; color:#1b89b0; text-transform:uppercase; text-decoration:none; font-weight:bold }
.flat_button SPAN { color:#1b89b0; background:url(../images/flat_button.png) no-repeat top right; display:block; width: 119px; }
.flat_button:hover {display:block; float:left; background:url(../images/flat_button_hover.png) no-repeat top left; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:22px; color:#1b89b0; text-transform:uppercase; text-decoration:none; font-weight:bold }
.flat_button SPAN:hover  {background:url(../images/flat_button_hover.png) no-repeat top right; display:block; width: 119px; }

.small_button {float: left; display:block; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:22px; color:#1b89b0; text-transform:uppercase; text-decoration:none; font-weight:bold }
.small_button SPAN { color:#1b89b0; background:url(../images/small_button.png) no-repeat top right; display:block; width: 22px; height: 22px;}
.small_button:hover {display:block; float:left; background:url(../images/small_button_hover.png) no-repeat top left; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:22px; color:#1b89b0; text-transform:uppercase; text-decoration:none; font-weight:bold }
.small_button SPAN:hover  {background:url(../images/small_button_hover.png) no-repeat top right; display:block; width: 22px; }


.progress_panel {width:626px;}
.progress_panel .top {width:626px; height:5px; background: url(../images/progress_panel_top_bottom.png) no-repeat 0px 0px;}
.progress_panel .middle {width:626px; background: url(../images/progress_panel_middle.png) repeat-y; min-height:110px; padding:15px 0px 0px 15px}
.progress_panel .bottom {width:626px; height:5px; background: url(../images/progress_panel_top_bottom.png) no-repeat 0px -5px;}

.warning_panel {width:546px; margin-bottom:15px;}
.warning_panel .top {width:546px; height:8px; background: url(../images/warning_panel_top_bottom.png) no-repeat 0px 0px;}
.warning_panel .middle {width:546px; min-height:90px; background: url(../images/warning_panel_middle.png) repeat-y; padding:15px 0px 0px 15px}
.warning_panel .bottom {width:546px; height:8px; background: url(../images/warning_panel_top_bottom.png) no-repeat 0px -8px;}
.warning_panel TABLE {margin:10px 0px 0px 5px}
.warning_panel TABLE P {padding:11px 0px 0px 20px}
.warning_panel TABLE TR TD {vertical-align: top}

P {text-align: justify;}

.question_panel {width:546px; margin-bottom:15px;}
.question_panel .top {width:546px; height:8px; background: url(../images/question_panel_top_bottom.png) no-repeat 0px 0px;}
.question_panel .middle {width:546px; min-height:90px; background: url(../images/question_panel_middle.png) repeat-y; padding:15px 0px 0px 15px}
.question_panel .bottom {width:546px; height:8px; background: url(../images/question_panel_top_bottom.png) no-repeat 0px -8px;}
.question_panel TABLE {margin:10px 0px 0px 5px}
.question_panel TABLE P {padding:0px 0px 0px 20px}
.question_panel TABLE TR TD {vertical-align: top}
.question_panel TABLE TR TD TABLE {margin:0px 0px 0px 20px; font-size:11px; line-height:18px; color:#5c5c5c; font-family:Arial, Helvetica, sans-serif;}
.question_panel TABLE TR TD TABLE TR TD {vertical-align: middle; text-align: center; padding:0px 10px 0px 0px}

.personality_question_panel {width:625px; margin-top: 1em; margin-bottom:15px; border:2px solid #eeeeee; padding:0px 4px 10px 15px; background:#f3f3f3; border-radius:5px;-moz-border-radius:5px; height: 95px;}
.personality_question_panel TABLE {margin:20px 0px 0px 5px}
.personality_question_panel TABLE TR TD {vertical-align: top}
.personality_question_panel TABLE TR TD TABLE {margin:0px; font-size:11px; line-height:18px; color:#5c5c5c; font-family:Arial, Helvetica, sans-serif;}
.personality_question_panel TABLE TR TD TABLE TR TD {text-align: left; padding:5px 15px 0px 0px}
.personality_question_panel TABLE TR TD TABLE TR TD INPUT {margin:0px 0px 0px 5px; padding:0px; vertical-align:middle}



.medium_panel {width:384px; margin: 15px 0px 15px 0px; }
.medium_panel .top {background:url(../images/medium_panel_top_bottom.png) no-repeat 0px 0px; height:6px}
.medium_panel .middle {background:url(../images/medium_panel_middle.png) repeat-y; padding:20px 0px 10px 20px;}
.medium_panel .bottom {background:url(../images/medium_panel_top_bottom.png) no-repeat 0px -6px; height:6px}

.result_panel {width:303px; margin:15px 15px 15px 0px; float:left}
.result_panel .top {background:url(../images/result_panel_top_bottom.png) no-repeat 0px 0px; height:9px}
.result_panel .middle {background:url(../images/result_panel_middle.png) repeat-y; padding:10px 0px 10px 20px; position:relative;}
.result_panel .middle .right_image {position:absolute; top:0px; right:0px}
.result_panel .bottom {background:url(../images/result_panel_top_bottom.png) no-repeat 0px -9px; height:9px }

.float_left {float:left; margin-right:10px}
.float_right{ float: right; margin: 0 0  30px 20px;}

.darker_grey {color:#5c5c5c}

.about_us_panel {width:225px; padding:10px 4px 10px 15px; -webkit-box-shadow: #CFCFCF 0px 0px 6px; -moz-box-shadow: #CFCFCF 0px 0px 6px;box-shadow: #CFCFCF 0px 0px 6px; background:#f3f3f3; border-radius:10px;-moz-border-radius:10px; height: 180px; float: left; margin:0px 20px 25px 0px; position: relative}
.about_us_panel P {color:#5c5c5c; padding-right: 5px;}
.about_us_panel .grey_button {margin:20px 0px 20px 0px; position: absolute; bottom:0px}
.about_us_panel .right_image {position: absolute; right:0px; top:2px}
.last_panel {margin-right:0px}
.about_us_panel A {color:#5c5c5c;}
.about_us_panel A:hover {text-decoration:none}
.about_us_panel A.grey_button {color:#1b89b0}

.about_us_panel #bg_tick {position:absolute; z-index:-1; top:110px}

#services_panel {width:740px; -webkit-box-shadow: #CFCFCF 0px 0px 6px; -moz-box-shadow: #CFCFCF 0px 0px 6px;box-shadow: #CFCFCF 0px 0px 6px;padding:10px 10px 10px 15px; background:#f3f3f3;border-radius:10px;-moz-border-radius:10px; float: left; margin:0px 0px 20px 0px; position: relative}
#services_panel .grey_button {margin-bottom:15px}
#services_panel .grey_button SPAN{width:130px}

.service_panel {width:335px; -webkit-box-shadow: #CFCFCF 0px 0px 6px; -moz-box-shadow: #CFCFCF 0px 0px 6px;box-shadow: #CFCFCF 0px 0px 6px; padding:10px 20px 10px 15px; background:#f3f3f3;border-radius:10px;-moz-border-radius:10px; height: 210px; float: left; margin:0px 20px 25px 0px; position: relative}
.services_panel {width:740px; -webkit-box-shadow: #CFCFCF 0px 0px 6px; -moz-box-shadow: #CFCFCF 0px 0px 6px;box-shadow: #CFCFCF 0px 0px 6px; padding:10px 20px 10px 15px; background:#f3f3f3;border-radius:10px;-moz-border-radius:10px; float: left; margin:0px 20px 25px 0px; position: relative}
.grey_panel_2 {width:740px; -webkit-box-shadow: #CFCFCF 0px 0px 6px; -moz-box-shadow: #CFCFCF 0px 0px 6px;box-shadow: #CFCFCF 0px 0px 6px;padding:10px 10px 10px 15px; background:#f3f3f3;border-radius:10px;-moz-border-radius:10px; float: left; margin:0px 0px 20px 0px; position: relative}

.media_panel {width:335px; border:2px solid #eeeeee; padding:10px 20px 10px 15px; background:#f3f3f3;border-radius:10px;-moz-border-radius:10px; height: 10.5em; float: left; margin:0px 20px 25px 0px; position: relative}

.last_service_panel {margin-right:20px}

.people_panel {width:760px; margin-bottom:10px}
/*.people_panel IMG {float:left; margin-right:10px}*/
.people_panel .content {width:650px; float:right}

.people_panel A {color:#5c5c5c;}
.people_panel A:hover {text-decoration:none}

table.tablesorter {
    font-family:arial;
    background-color: #CDCDCD;
    margin:10px 0pt 15px;
    font-size: 8pt;
    width: 100%;
    text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
    background-color: #e6EEEE;
    border: 1px solid #FFF;
    font-size: 8pt;
    padding: 4px;
}
table.tablesorter thead tr .header {
    background-image: url(<?= base_url(); ?>/images/bg.gif);
    background-repeat: no-repeat;
    background-position: center right;
    cursor: pointer;
}
table.tablesorter tbody td {
    color: #3D3D3D;
    padding: 4px;
    background-color: #FFF;
    vertical-align: top;
}
table.tablesorter tbody tr.odd td {
    background-color:#F0F0F6;
}
table.tablesorter thead tr .headerSortUp {
    background-image: url(../images/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
    background-image: url(../images/desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
    background-color: #8dbdd8;
}

.tooltip {
	display:none;
	background:transparent url(../images/white_arrow.png);
	font-size:12px;
	height:70px;
	width:160px;
	padding:25px;
	color:#1b8bb3;
        font-family:Arial, Helvetica, sans-serif;
}