/*general*/
body { background-color: #EBECEE; color: #2E282B; font-family: Verdana; font-size: 10pt; margin: 0px; padding: 0px; }
a { color: #7F8487; font-weight: bold; text-decoration: none; }
a:hover { text-decoration: underline; }
a img { border: 0px; }
h1, h2 { font-family: Helvetica; font-weight: normal; }
h1, h2 { color: #135397; }
.date{}
.centre { text-align:center; }

/*cookies*/
.cookies { background-color:#F6FCCE; border:solid 1px #1690CF; overflow: auto; margin: 10px 0px 10px 0px; padding: 10px; width: 400px; }
.cookies p { font-size: 10px; }

/*admin zone*/
.zone { border:solid 1px #bce8f1; margin-top:10px; }
.zone .heading { background-color:#d9edf7; padding:3px 10px 3px 10px; }
.zone .heading h3 { color:#31708f; font-weight:normal; margin:0px; padding:0px; }
.zone .inner {padding:10px;}
.zone .inner .grid {overflow:auto;max-height:500px;width:658px;}

/*paging*/
.pager a {display:block;padding:5px;margin:3px;background-color:#135397;color:white;}
.pager span {display:block;padding:5px;margin:3px;background-color:#7F8487;color:white;}

/*layout main*/
#main_area { background-color: White; border: solid 1px black; margin-top: 10px; margin-left: auto; margin-right: auto; overflow: auto; width: 1000px; }

/*Header Zone*/
#main_area #header { clear: both; overflow: auto; width: 990px; }
#main_area #header .left { float: left; overflow: hidden; text-align: center; width: 300px; }
#main_area #header .right { float: left; overflow: auto; padding-top: 20px; text-align: right; width: 670px; }

/*Body Zone*/
#main_area .content { clear: both; padding-top: 20px; padding-bottom: 40px; overflow: auto; width: 990px; }
#main_area .content .left { float: left; width: 300px; }
#main_area .content .right { float: left; width: 680px; }

/*Menu*/
#main_area .content .left ul.menu { list-style-type: none; margin: 0px 0px 0px 40px; padding: 0px; }
#main_area .content .left ul.menu li { background-image: url(/styles/graphics/secure_plan_menu_background.jpg); background-position: left top; background-repeat: no-repeat; clear: both; display: block; height: 34px; line-height: 34px; padding-left: 15px; text-align: left; width: 202px; }
#main_area .content .left ul.menu li a { color: #fff; font-size: 9pt; font-weight: bold; text-decoration: none; }
#main_area .content .left ul.menu li a:hover { text-decoration: underline; }

/*buffer*/
#main_area #buffer { clear:both; padding-left: 100px; width: 880px; }

/*footer*/
#main_area #footer { background-color: #0088C9; clear: both; color: #fff; font-size: 10px; height: 40px; line-height: 40px; padding-right: 20px; text-align: right; width: 980px; }
#footer a:link, #footer a:visited, #footer a:active { color: White; }

/*folding panels*/
.folding_panel { width: 630px; border: 1px solid #0E5B9F; padding: 0; margin: 0px 0px 20px 0px; margin-left: 18px; }
.folding_panel .header { background-image: url("/styles/graphics/PanelBG.jpg"); background-position: left top; width: 615px; display:block; height:38px; line-height:34px; padding-left:15px; text-align:left; }
.folding_panel .header a { color: #fff; }
.folding_panel .body { background-color: #F3EFD8; width: 600px; padding: 15px; }
.folding_panel .body table { width: 560px; }
.folding_panel .body table td { width: 140px; }

/*misc*/
.button, input[type="submit"] { background-color: #EAC960; background-image: url("/styles/graphics/PanelBG.jpg"); background-position: left top; border: solid 1px #0E5B9F; color: #fff; cursor: pointer; font-weight: bold; margin-left: 20px; padding: 8px 14px; }
.text { background-color: #E4F0FC; border: solid 1px #135397; padding: 10px; margin: 10px 0px 10px 0px; }
.benefits li { margin-top: 10px; margin-bottom: 5px; text-align: justify; }
.important { color:red; font-weight:bold; }