/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.2
file: reset-fonts.css
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{con:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
/* http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */
html, body {
	background-color: #dedede;
}
body {
	margin-top: 20px;
}
body, textarea, input, select {
	font-size: 12px;
	font-family: tahoma;
}
strong, h1, h2, h3, dl dt, th {
	font-weight: 700;
}
h1, h2, h3 {
	color: #0052AB;
}
h1 {
	font-size: 16px;
	padding-bottom: .75em;
}
h2 {
	padding-bottom: .75em;
}
h3 {
	padding-bottom: .5em;
}
a {
	color: #0052AB;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
img {
	padding: 0;
	margin: 0;
	display: block;
}
p {
	margin: .75em 0;
}
p.first, p.single {
	margin-top: 0;
}
p.single {
	margin-bottom: 1.5em;
}
ul.disc li {
	list-style-type: disc;
	padding: 0.2em;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: disc;
}
ul.disc {
	margin-left: 2em;
}
em {
	font-style: italic;
}
.hidden {
	display: none;
}
#hd, #bd, #banner {
	border-style: solid;
	border-color: #727272;
	border-width: 0 1px;
}
#hd h1 {
	padding: 8px 0 14px 23px;
	font-size: 31px;
	color: #0052ab;
	float: left;
	font-family: arial;
	text-decoration: none;
}
#hd h1 a {
	text-decoration: none;
}
.btn {
	background-color: #0052AB;
	border-color: #D9DFEA #0052AB #0052AB #d9dfea;
	border-style: solid;
	border-width: 1px;
	color: #FFF;
	padding: 2px 3px 3px;
	text-align: center;
}
.clear {
	height: 0;
	line-height: 0;
	clear: both;
}
#doc {
	width: 831px;
	margin: 0 auto;
	min-width: 831px;
	text-align: justify;
	background-color: #fff;
}
#bd {
	min-height: 300px;
}
#hd-curve {
	background: transparent url(../images/hd_curve.jpg) no-repeat scroll top left;
	height: 11px;
}
#ft-curve {
	background: transparent url(../images/ft_curve.gif) no-repeat scroll top left;
	height: 1px;
}
#banner {
	display: block;
	width: 829px;
	height: 66px;
	background: url(../images/banner.png) no-repeat scroll top left;
}
#snpe-logo {
	margin-top: 2.5em;
}
#login-name {
	display: none;
}
#page-title {
	height: 32px;
	margin: 0 0 1em;
	border-bottom: solid 1px #CCC;
	background: transparent url(../images/alt_blue_slice.gif) repeat-x scroll top left;
}
#page-title h1, #page-title h2, #page-title h3 {
	padding: 0;
	margin: 0;
	text-transform: none;
	height: 32px;
	line-height: 30px;
	padding-left: .5em;
	color: #fff;
}
h1.online-ordering, h1.promo, h1.docs, h1.docs, h1.feed, h1.forms, h1.manuals, h1.profile, h1.support, h1.reports, h1.mail {
	text-indent: 30px;
	border-style: solid;
	border-color: #fff;
	border-width: 0 0 1px;
}
h1.online-ordering {
	background: transparent url(../images/ordering_slice.gif) no-repeat scroll left top;
}
h1.promo {
	background: transparent url(../images/promo_slice.gif) no-repeat scroll left top;
}
h1.docs {
	background: transparent url(../images/docs_slice.gif) no-repeat scroll left top;
}
h1.feed {
	background: transparent url(../images/feed_slice.gif) no-repeat scroll left top;
}
h1.forms {
	background: transparent url(../images/forms_slice.gif) no-repeat scroll left top;
}
h1.manuals {
	background: transparent url(../images/manuals_slice.gif) no-repeat scroll left top;
}
h1.profile {
	background: transparent url(../images/profiles_slice.gif) no-repeat scroll left top;
}
h1.support {
	background: transparent url(../images/support_slice.gif) no-repeat scroll left top;
}
h1.reports {
	background: transparent url(../images/support_slice.gif) no-repeat scroll left top;
}
h1.mail {
	background: transparent url(../images/builder_slice.gif) no-repeat scroll left top;
}
#top-nav {
	float: right;
	margin: 24px 10px 0 0;
	font-size: 11px;
}
#top-nav a {
	line-height: 22px;
	margin-right: 5px;
	text-decoration: none;
	color: #595961;
	padding: 2px 5px;
	border: 1px solid #cdcdcd;
	background: transparent url(../images/silver_slice.gif) repeat-x scroll top left;
}
#top-nav a:hover {
	color: #2e2e2e;
	background: transparent url(../images/silver_slice_over.gif) repeat-x scroll top left;
}
#bd-right {
	float: left;
	padding: 1em 0 1em 1em;
	width: 52em;
}
#bd-left {
	padding: 1em 0 1em 1em;
	width: 168px;
	float: left;
}
.shadow, #bd-left .item, .home, #lessee-doc, .memo {
	border-color: #fff #ccc #ccc #fff;
	border-style: solid;
	border-width: 1px;
}
#bd-left .item {
	width: 165px;
	margin-bottom: 8px;
}
#bd-left .item .hd {
	text-indent: 5px;
	width: 163px;
	border: 1px solid #104c83;
	color: #fff;
	height: 18px;
	line-height: 18px;
	font-weight: 700;
}
#bd-left .item .bd {
	padding: 5px;
}
#pub-support .hd, #mini-login .hd {
	background: transparent url(../images/grey_slice.gif) repeat-x scroll top left;
}
#app-list .hd {
	background: transparent url(../images/blue_slice.gif) repeat-x scroll top left;
}
#app-list .bd a {
	font-size: 11px;
	color: #2e2e2e;
	display: block;
	height: 20px;
	margin-top: 2px;
	vertical-align: middle;
	line-height: 20px;
	text-indent: 30px;
	text-decoration: none;
	width: 155px;
	border-left: solid 1px #fff;
}
#app-list .bd a:hover {
	border-left: 1px solid #cdcdcd;
	background-color: #cdcdcd;
}
a.online-ordering {
	background: transparent url(../images/ordering_icon.gif) no-repeat scroll left center;
}
a.promo {
	background: transparent url(../images/promo_icon.gif) no-repeat scroll left center;
}
a.docs {
	background: transparent url(../images/docs_icon.gif) no-repeat scroll left center;
}
a.feed {
	background: transparent url(../images/feed_icon.gif) no-repeat scroll left center;
}
a.forms {
	background: transparent url(../images/forms_icon.gif) no-repeat scroll left center;
}
a.manuals {
	background: transparent url(../images/manuals_icon.gif) no-repeat scroll left center;
}
a.profile {
	background: transparent url(../images/profiles_icon.gif) no-repeat scroll left center;
}
a.support {
	background: transparent url(../images/support_icon.gif) no-repeat scroll left center;
}
a.builder {
	background: transparent url(../images/builder_icon.gif) no-repeat scroll left center;
	/*display: none !important;*/
}
a.reports {
	background: transparent url(../images/support_icon.gif) no-repeat scroll left center;
}
#pub-support .bd a {
	line-height: 22px;
	border: 1px solid #6d6d6d;
	text-decoration: none;
	color: #fff;
	padding: 2px 3px;
	background: url(../images/grey_slice.gif);
	text-transform: uppercase;
	font-size: 11px;
}
#pub-support .bd a:hover {
	background: url(../images/grey_slice_over.gif);
}
#pub-support .bd input {
	border: 1px solid #bcbcbc;
	height: 16px;
	width: 151px;
	font-size: 11px;
	color: #363636;
	margin-bottom: 5px;
	padding: 2px 0 0 2px;
}
#pub-support .bd label {
	font-size: 10px;
	color: #2e2e2e;
	line-height: 10px;
	text-transform: uppercase;
}
#search-bar.item .bd {
	padding: 0;
	border: solid 1px #104c83;
	background: transparent url(../images/dark_blue_slice.gif) repeat-x scroll top left;
}
#search-bar input {
	border: 0;
	height: 16px;
	width: 106px;
	font-size: 11px;
	color: #363636;
	padding: 2px 0 0 2px;
}
#search-bar a {
	font-size: 11px;
	color: #fff;
	text-decoration: none;
	width: 55px;
	display: block;
	float: right;
	height: 18px;
	line-height: 18px;
	text-align: center;
	background: url(../images/dark_blue_slice.gif) repeat-x scroll top left;
	text-transform: uppercase;
}
#search-bar a:hover {
	background: url(../images/dark_blue_slice_over.gif) repeat-x scroll top left;
	text-decoration: none;
}
ul.name-value-list li {
	padding: 0.3em 0;
	clear: left;
}
ul.name-value-list li .name {
	float: left;
	width: 15em;
	text-align: right;
	color: #555;
}
ul.name-value-list li .value {
	float: left;
	margin-left: 1em;
}
#pub-info {
	padding: 0.5em;
	border-bottom: solid 1px #CCC;
}
img#pub-image {
	height: 100px;
	width: 125px;
	border: solid 1px #CCC;
	float: left;
}
ul#pub-addr {
	margin-left: 1em;
	float: left;
	width: 35em;
}
ul#pub-mgt {
	float: left;
	margin: 0.25em 0 0 1em;
}
ul#pub-mgt li {
	padding: 0.1em 0;
}
.notes-view h2 {
	display: none;
	height: 0;
	line-height: 0;
	font-size: 0;
}
ul#pub-mgt li .name {
	width: 5em;
	text-align: left;
	color: #0054AC;
	font-weight: 700;
}
.home, #lessee-doc, .memo {
	border-left: solid 1px #ccc;
	border-top: solid 1px #ccc;
}
.home #page-title, #lessee-doc #page-title, .memo #page-title {
	margin-bottom: 0;
}
.home-body, #lessee-doc .doc-body {
	padding: .5em 1em 1em;
}
.no-padding {
	padding: 0;
}
ul.tabs {
	padding: 1em 0 0;
	border-bottom: solid 1px #ccc;
	background-color: #dcdcdc;
}
ul.tabs li {
	float: left;
	border: solid 1px #fff;
	border-bottom: none;
	padding: .15em .75em;
	margin-left: .5em;
	color: #000;
}
ul.tabs li.first {
	margin-left: 1em;
}
ul.tabs li.selected {
	border-bottom: solid 1px #fff;
	background-color: #fff;
	color: #000;
	margin-bottom: -2px;
}
table {
	border-collapse: collapse;
}
table.pretty {
	width: 100%;
}
table.pretty td, table.pretty th {
	padding: .25em;
	border: solid 1px #d2d2d2;
	vertical-align: top;
}
table.pretty th {
	background-color: #dcdcdc;
}
table.pretty th.col-date {
	width: 6em;
}
table.pretty th.col-date-time {
	width: 10.5em;
}
table#user-list th.col-status {
	width: 4.5em;
}
table#doc-list th.col-status {
	width: 4.5em;
}
table#memo-list th.col-from {
	width: 12.5em;
}
table.pretty tr.alternate {
	background-color: #f8f8f8;
}
table.pretty tr.empty td {
	text-align: center;
	padding: .5em 0;
}
.pager {
	margin: .5em 0;
}
.pager .count {
	float: left;
	color: #ccc;
}
.pager .links {
	float: right;
}
.pager .links .sep {
	color: #ccc;
	padding: 0 .25em;
}
.pager .links .disabled {
	color: #ccc;
}
.no-wrap {
	white-space: nowrap;
}
table.debug {
	width: 100%;
}
table.debug td {
	border: solid 1px #ccc;
	padding: 2px;
}
.centre-text {
	text-align: center;
}
.search-box-panel {
	margin: 0 0 .5em;
}
.search-box-panel .search-filter {
	float: right;
	margin-right: 0.25em;
}
.search-box-panel .search-filter select {
	/*width: 106px;*/
	height: 20px;
	line-height: 20px;
	font-size: 11px;
	color: #363636;
	padding: 2px;
	border: solid 1px gray;
	margin: 0;
	float: right;
}
.search-box-panel .search-desc {
	/*float: left;
	width: 22em;*/
	margin-bottom: 0.25em;
	font-weight: 700;
	line-height: 1.5em;
}
.search-box-panel .search-box {
	float: right;
	width: 165px;
}
.search-box-panel .search-box input {
	height: 16px;
	width: 106px;
	font-size: 11px;
	color: #363636;
	padding: 2px 0 0 2px;
	border: solid 1px gray;
	float: right;
}
.search-box-panel a {
	font-size: 11px;
	color: #fff;
	text-decoration: none;
	width: 55px;
	display: block;
	float: right;
	height: 20px;
	line-height: 20px;
	text-align: center;
	background: url(../images/grey_slice.gif) repeat-x scroll top left;
	text-transform: uppercase;
}
.search-box-panel a:hover {
	background: url(../images/grey_slice_over.gif) repeat-x scroll top left;
	text-decoration: none;
}
#pub-bottom {
	padding: 0.5em;
}
/* Latest Panel Styles */
#latest-panel {
	float: right;
	width: 17em;
	background-color: #E4E4E4;
}
#latest-panel-hd {
	border: 1px solid #104C83;
	color: #FFFFFF;
	font-weight: 700;
	height: 18px;
	line-height: 18px;
	text-indent: 5px;
	background: transparent url(../images/blue_slice.gif) repeat-x scroll left top;
	padding: 0;
	margin: 0;
	font-size: 12px;
}
#latest-panel-bd {
	padding: 1em 0.5em 0.5em;
	border-color: #ccc;
	border-style: solid;
	border-width: 0 1px 1px;
}
#latest-panel .item {
	margin: 0 0 1em 0;
	font-size: 11px;
}
#latest-panel .item .hd {
	font-size: 11px;
	height: 16px;
	line-height: 16px;
	padding: 0 0.5em 0 0;
}
#latest-panel .item .hd h1 {
	float: left;
	font-size: 11px;
	line-height: 16px;
	color: #000;
	margin: 0 0 0 2em;
	padding: 0;
}
#latest-panel .item .hd a {
	float: right;
}
#latest-panel .item .bd {
	margin: 1em 0.5em 0.5em 0.5em;
}
#latest-panel .item .bd ul li {
	margin-top: 0.3em;
}
#latest-panel .item .bd ul li.first {
	margin-top: 0;
}
#latest-panel .docs .hd {
	background: #fff url(../images/docs_icon.gif) no-repeat scroll left center;
}
#latest-panel .forms .hd {
	background: #fff url(../images/forms_icon.gif) no-repeat scroll left center;
}
#latest-panel .manuals .hd {
	background: #fff url(../images/manuals_icon.gif) no-repeat scroll left center;
}
#latest-panel .reports .hd {
	background: #fff url(../images/builder_icon.gif) no-repeat scroll left center;
}
/* Feed Panel Styles */
#feed-panel {
	float: left;
	width: 33.4em;
}
#feed-panel .item {
	margin: 0 0 1em 0;
	font-size: 11px;
}
#feed-panel .item .hd {
	color: #FFFFFF;
	height: 18px;
	line-height: 18px;
	font-size: 12px;
	text-indent: 5px;
	font-weight: 700;
}
#feed-panel .item .hd h1 {
	float: left;
	font-weight: 700;
	margin: 0;
	padding: 0;
	color: #000;
	margin: 0 0 0 2em;
	padding: 0;
}
#feed-panel .item .hd a {
	float: right;
}
#feed-panel .item .bd {
	margin: 1em 0.5em 0.5em 0.5em;
}
#feed-panel .item .bd .group {
	margin: 0 0 0.5em 0;
}
#feed-panel .item .bd .group .label {
	font-weight: bold;
}
#feed-panel .item .bd .group ul {
	margin: 0.5em 0 0 2em;
}
#feed-panel .item .bd .group ul li {
	margin-bottom: 0.3em;
}
#feed-panel .promo .hd {
	border: solid 1px #FA3E3E;
	background: #FB6767 url(../images/pink_slice.gif) repeat-x scroll left top;
}
#feed-panel .feed .hd {
	border: solid 1px #DC7E04;
	background: #FFA01E url(../images/orange_slice.gif) repeat-x scroll left top;
}
#feed-panel .feed .bd .group ul li {
	margin-bottom: 0.5em;
}
#feed-panel .feed a {
	display:block;
	font-size:11px;
	padding-left:30px;
	margin-top:2px;
	vertical-align:middle;
	line-height:16px;
}
/* Form Styles */
.row, .single-row {
	margin-bottom: 5px;
	clear: both;
}
.single-row {
	margin-bottom: 5px;
}
.row label, .row label.break {
	width: 15em;
	float: left;
	padding: 4px 1em 0px 0px;
	color: #555555;
	text-align: right;
}
.row label.break {
	float: none;
	text-align: left;
	display: block;
	padding-bottom: 4px;
}
textarea, input.text, input.date, input.upload {
	width: 200px;
	border: 1px solid #BDC7D8;
	padding: 3px;
}
input.date {
	width: 7em;
}
select {
	border: 1px solid #BDC7D8;
	padding: 2px;
}
.row textarea {
	width: 33em;
	height: 10em;
}
.row textarea.wide {
	width: 49em;
	height: 4em;
}
.row textarea.wide-tall {
	width: 49em;
	height: 12em;
}
.row textarea.list {
	width: 200px;
	height: 10em;
}
.row li {
	padding: 3px 0;
}
#mini-login {
	font-size: 90%;
}
#mini-login label {
	float: none;
	width: auto;
}
#mini-login input.text {
	width: 123px;
}
#mini-login .btn {
	padding: 1px 8px 2px;
}
span.req-ind {
	display: none;
}
fieldset legend {
	font-weight: bold;
	padding: 0px 0.5em;
	margin-left: -0.5em;
}
fieldset {
	border: solid 1px #CCCCCC;
	margin-bottom: 1em;
	padding: 1em;
}
input.text:focus, input.title:focus, textarea:focus, select:focus {
	border: 1px solid #666;
}
.error, .notice, .success {
	padding: .8em;
	margin-bottom: 1em;
	border: 1px solid #ddd;
}
.error {
	background: #FBE3E4;
	color: #8a1f11;
	border-color: #FBC2C4;
}
.notice {
	background: #FFF6BF;
	color: #514721;
	border-color: #FFD324;
}
.success {
	background: #E6EFC2;
	color: #264409;
	border-color: #C6D880;
}
.error a {
	color: #8a1f11;
}
.notice a {
	color: #514721;
}
.success a {
	color: #264409;
}
.error h1, .notice h1, .success h1 {
	font-size: 1em;
	text-transform: none;
}
.notice h1, .success h1 {
	padding: 0;
	margin: 0;
}
.form-actions {
	text-align: right;
}
a.date-picker, a.date-picker:hover {
	display: -moz-inline-stack;
	margin: 0 0 0 4px;
	background: transparent url(../images/cal.gif) no-repeat 50% 50%;
	width: 16px;
	height: 16px;
	text-decoration: none;
}
ul.file-list, #publish-list {
	margin-left: 16em;
}
#publish-list {
	margin-top: 0.3em;
}
#publish-ctrls {
	padding-top: 0.3em;
	margin-left: 16em;
}
#publish-ctrls .sep {
	color: #ccc;
	padding: 0;
}
.inline-help {
	margin-left: 0.5em;
}
.remove {
	width: 12px;
	height: 12px;
	line-height: 12px;
	background: url(../images/remove.gif) no-repeat scroll top left;
}
#names-picker {
	width: 23em;
	position: absolute;
}
#names-picker .hd {
	margin-bottom: 0.5em;
}
#names-picker .hd h1 {
	float: left;
	height: 20px;
	line-height: 20px;
	font-size: 11px;
}
#names-picker .hd input {
	border:1px solid gray;
	color:#363636;
	float:left;
	font-size:11px;
	height:16px;
	padding:2px 0 0 2px;
	width:15em;
	margin: 0 0.5em;
}
#names-picker .hd img {
	float: right;
	margin-top: 0.2em;
}
#names-picker .hd #loading {
	float: right;
	margin-right: 0.5em;
}
#names-picker #names-list {
	height: 20em;
	width: 23em;
	overflow: auto;
	margin-right: 2px;
}
#names-picker #names-list li {
	cursor: pointer;
}
#names-picker #names-list li:hover {
	text-decoration: underline;
}
#loading {
	background:transparent url(../images/loading.gif) no-repeat scroll top left;
	height:18px;
	width: 18px;
}
ul.cb-container {
	margin-left: 16em;
	padding-top: 0.25em;
}
ul.cb-container li {
	padding: 0.1em 0;
}
ul.cb-container input {
}
ul.cb-container li label {
	width: auto;
	float: none;
	padding: 0 0 0 0.25em;
	color: #555555;
	text-align: left;
}
p.expiry-warning {
	color: #555555;
	font-size: 90%;
	text-align: center;
}
#memo-list a.unread {
	font-weight: bold;
}
.memo-body .hd {
	padding-bottom: 1em;
	border-bottom: 1px solid #CCCCCC;
}
.memo-body .bd {
	padding: 0 1em 1em;
}
.memo-body ul.actions {
	padding: 0.5em;
	margin: 0 0 1em 0;
	border-bottom: solid 1px #ccc;
	background-color: #dcdcdc;
}
.memo-body ul.actions li {
	float: right;
	margin-left: 0.5em;
}
.memo-body ul.actions li.back {
	float: left;
	margin: 0;
}
.memo-body ul.name-value-list li .name, .memo-body .row label, .memo-body .row label.break {
	width: 5em;
}
.memo-body .row #subject {
	width: 44em;
}
.memo-body .hd .error, .memo-body .hd .success, .memo-body .hd .notice {
	margin: 1em;
}
.memo-body #memo-rtf {
	width:50em;
	height: 40em
}
