/* CSS Document - Neil Paterson - Civic - 03/05/2007 */
* {margin:0; padding:0;}
body{font-family:verdana, arial, tahoma, helvetica, sans-serif; font-size:71%; color:#333; background:#B3A5DA url(http://poseidon.civiccomputing.com/sdd/images/bg.gif)}
.clear{display:block; clear:both; height:1px; margin-top:-1px}
h1,h2,h3,h4,h5,h6{color:#666}
h1{font-size:215%; color:#1D376B; margin:0 0 6px 10px}
h2{font-size:145%; font-weight:bold; padding:11px 0 3px 0; margin:0 0 15px 0; border-bottom:1px solid #A1A0A5; display:block;}
div#wide h2, div#wide h3 {margin:0 10px 10px 10px;}
h3{color:#4E4E4E; font-size:115%; font-weight:normal; padding:11px 0 3px 0; margin:0 7px 10px 7px; border-bottom:1px solid #A1A0A5; display:block;}
ul{list-style-type:none}
#right ul, #left ul {margin:0 0 0 8px}
#right li, #left ul li {list-style-type:none; background:#fff url(http://poseidon.civiccomputing.com/sdd/images/arrow-blue.gif) center left no-repeat; padding:0 0 0 10px; margin:0 0 5px 0}
p {margin:0 7px; line-height:150%; color:#4E4E4E}
div#wide p {margin:0 10px 10px 10px;}
div#wide img {margin:0 10px 10px 10px}
div#wide img.newWin {margin:0}
div#wide ul {margin:0 0 10px 10px;}
div#wide ul li {margin:0 0 5px 15px; list-style-type:square}
p.large {font-size:121%; color:#4E4E4E; margin:0 300px 13px 10px; font-weight:normal; line-height:165%;}
a{color:#8458D5; text-decoration:none; padding:1px; }
a:hover, a.current{background:#8458D5; color:#fff}
.skiplinks, hr, #accessMenu, a#hg, #right legend, legend {display:none;}
fieldset{border:0; padding:0 0 24px 0;}
input{font-family:verdana, arial, tahoma, helvetica, sans-serif;}
form{border:0}
br {display:block; clear:both; float:none;}
#left legend {color:#4E4E4E}
label {color:#4E4E4E; font-weight:bold; font-size:95%; margin-bottom:8px; display:block;}
label.fl {font-weight:normal; float:left; width:277px; font-size:95%; position:relative; display:block;}
select, input {width:290px; color:#4E4E4E; font-size:95%; font-family:verdana, arial, tahoma, helvetica, sans-serif; border-top:2px solid #969696; border-left:2px solid #969696; border-right:2px solid #FCFCFC; border-bottom:2px solid #FCFCFC; }
#right select {width:260px; float:left; display:inline}
input {width:282px;}
input.tick {width:auto; float:left; clear:left; margin:0 20px 0 0; border:none;}
ol li.cancel, ol li.submit1 {border:none; display:inline; float:left; width:auto; clear:none;}
li.cancel a, li.submit1 a {text-decoration:none; float:left; clear:none; font-size:115%; padding:0 5px; width:auto; color:#535353; background:#F3F3F3; border-top:2px solid #FBFBFB; border-left:2px solid #FBFBFB; border-right:2px solid #969696; border-bottom:2px solid #969696; }
li.submit1 a {margin-left:173px;}
input.submit {float:left; clear:both; font-size:115%; padding:0 5px; width:auto; color:#535353; background:#F3F3F3; border-top:2px solid #FBFBFB; border-left:2px solid #FBFBFB; border-right:2px solid #969696; border-bottom:2px solid #969696; }
#left input.submit {float:none; display:block; clear:both;}

#right input.submit {width:auto; float:left; clear:none; margin:0 0 0 10px; display:inline;}
img {border:0;}
ol li {float:left; clear:both; list-style-type:none; border-bottom:1px solid #CEC5E8; padding-bottom:7px; margin-bottom:17px; width:336px;}

div#wider ol {clear:both; display:block;}
div#wider ol li {float:left; width:591px; clear:none; display:block;}
div#wider ol li span {float:right; width:380px; clear:none; display:block;}
div#wider p {margin:0; padding:0;}
div#wider label {float:left; width:200px; clear:none;}
div#wider input {font-weight:bold; color:#8458D5; width:auto; background:transparent url(http://poseidon.civiccomputing.com/sdd/images/print.gif) center left no-repeat; padding:10px 0 10px 15px; border:none; position:absolute; top:5px; right:10px;}
div#wider {position:relative; background:#F4F2FC; padding:40px 7px 0 7px; margin:25px 0 10px 0; border:5px solid #8458D5; display:block; width:591px;}

/**/
#container{width:791px; background:#fff url(http://poseidon.civiccomputing.com/sdd/images/container_bg.gif) top right repeat-y; padding:0; margin:0;}
.wrapper {padding-right:20px;}
/**/
#logo{color:#2C4E8D; border-bottom:1px solid #1D376B; font-size:81%; position:relative; height:59px; display:block; width:771px}
#logo p {width:445px; height:25px; display:block; position:absolute; top:29px; left:0; z-index:1}
#logo a {}
#logo img {width:445px; height:25px; display:block; position:absolute; top:0; left:0; z-index:2}
ul#fNav {text-align:right; position:absolute; top:0; left:128px; padding:32px 0 0 351px; border-top:6px solid #1D376B; z-index:0; width:292px; font-size:81%;}
ul#fNav li {display:inline; background:#fff url(http://poseidon.civiccomputing.com/sdd/images/arrow-blue.gif) center right no-repeat; padding:0 5px 0 0; margin:0 5px 0 0;}
ul#sNav {position:absolute; top:72px; left:15px; z-index:4; font-size:125%}
ul#sNav li {display:inline}
ul#sNav li a {background:#E6E2F6; color:#666; text-decoration:none; padding:5px 22px; margin-right:15px; display:block; float:left; border-bottom:5px solid #fff}
ul#sNav li a:hover {background:#E6E2F6 url(http://poseidon.civiccomputing.com/sdd/images/navHover.gif) bottom left repeat-x; color:#666; padding:5px 22px 10px 22px;}
ul#sNav li a.current, ul#sNav li a.current:hover {background:#A899D5; color:#fff; padding:5px 22px}

/**/
div#content{clear:both; padding:69px 0 0 14px;}
div#left {width:360px; float:left; display:block; padding:0 0 25px 0}
div#left form {border:5px solid #8458D5; padding:7px; margin:0 0 10px 0; background:#F4F2FC; }
div#right {float:right; width:360px; padding:0 0 25px 0}
div#right .wrapper {background:#E0DBF4; padding:7px; margin:0 0 10px 0; border:5px solid #8458D5; display:block;}
div#right .wrapper1 {background:#fff; padding:7px; margin:0 0 10px 0; border:5px solid #B7ADDB; display:block; min-height:260px}
div#wide {position:relative; padding:0 0 30px 0;}
div#wide input {font-weight:bold; color:#8458D5; width:auto; float:right; background:transparent url(http://poseidon.civiccomputing.com/sdd/images/print.gif) center left no-repeat; padding:10px 0 10px 15px; border:none}
table, tr, td, th {border:none; padding:0; margin:0;}
table#row {width:757px; background:#F4F2FC; padding:7px; margin:0 0 10px 0; border:5px solid #8458D5; clear:both}
td {padding:20px 2px; margin:0;}
th {border-bottom:1px solid #A1A0A5; text-align:left; color:#4E4E4E}
th a {color:#4E4E4E; font-weight:bold; padding:8px 2px; display:block;}
th a:hover {color:#fff; background:#4E4E4E}
span.pagebanner {position:absolute; top:0px; left:11px; padding:0; margin:0; display:block; font-size:121%; color:#4E4E4E; font-weight:normal; line-height:165%;}
span.pagelinks {padding:10px 0 10px 16px; margin-right:20px; display:block; float:left;}
div#wide tr.odd {background:#E6E2F6}
div#right .wrapper1 li {margin-bottom:10px;}
div#footer {clear:both; display:block; margin:0 0 0 -15px; border-top:1px solid #1D376B; height:56px;}
div#footer p {margin:7px 0 0 22px; padding:0; }
div#footer ul#lft {float:left; margin:7px 0 0 22px;}
div#footer ul#rgt {float:right; margin:7px 0 0 22px;}
div#footer ul#rgt li a {margin: 0 0 0 10px;}
div#footer li {display:inline}


.last {margin:0 0 20px 0}
div.toggler {padding:0 0 7px 0; margin:0 0 7px 0; clear:both; background:#f4f2fc}
div.toggler .hs {line-height:100%}
div.toggler span.more{position:relative; color:#8458D5; background:url(../images/arrow_tog2.gif) center left no-repeat; font-weight:bold; padding:5px 0 5px 13px; cursor:pointer; display:block}
div.toggler span.tog {background:url(../images/arrow_tog1.gif) center left no-repeat;}
div.toggler input.tick {position:relative; margin:0 5px 0 0}
