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

body {font-family: Arial, Helvetica, sans-serif; font-size: 10pt; background: #E8F0FF url(../i/page-logo.png) bottom right no-repeat; margin: 0; padding: 0;}
#header {height: 160px; background: #E8F0FF url(../i/header-bg-2.png) top repeat-x; overflow: hidden;}
.hidden {display: none;}
.clear {clear: both;}
#menu {text-align: right; position: absolute; right: 0; top: 100px; width: 100%;}
#menuEnd span {/*display: inline-block;*/ float: left; height: 51px; width: 24px; background: url(../i/menu-end.png); margin-top: -1px;}
#menu ul {margin: 0; padding: 1px 0 0 0; list-style-type: none; float: right; background: url(../i/menu-bg.png) top repeat-x;}
#menu ul li {margin: 0; padding: 0; display: inline; /*height: 51px;*/}
#menu ul li a {display: inline-block; /*height: 30px; line-height: 20px;*/ padding: 0 10px; height: 37px; line-height: 37px; color: #ffffff; text-decoration: none;}
#menu ul li a:hover {background: url(../i/menu-hover.png) top repeat-x; color: #003399;}
#page {background: #ffffff url(../i/side-l.png) left repeat-y; padding-left: 20px; margin: 0 5%; position: relative; min-width: 50em;} /* left border */
#pageInner {padding-right: 20px; padding-bottom: 30px; background: url(../i/side-r.png) right repeat-y} /* right border */
#pageTop {height: 29px; background: url(../i/side-t.png) top repeat-x; margin: 0 -20px;} /* top border */
#pageTopLeft, #pageTopRight, #pageBottomLeft, #pageBottomRight {width: 29px; height: 29px;}
#pageTopLeft {float: left; background: url(../i/corner-tl.png) bottom right no-repeat;} /* top left border */
#pageTopRight {float: right; background: url(../i/corner-tr.png) bottom left no-repeat;} /* top right border */
#pageBottom {height: 29px; width: 100%; position: absolute; bottom: 0; left: 0; background: url(../i/side-b.png) bottom repeat-x;} /* bottom border */
#pageBottomLeft {float: left; background: url(../i/corner-bl.png) top right no-repeat;} /* bottom left border */
#pageBottomRight {float: right; background: url(../i/corner-br.png) top left no-repeat;} /* bottom right border */
#pageContent {padding: 0 20px;}
h1 {font-size: 2.8em; letter-spacing: -0.08em; color: #000000; margin: 0; padding: 10px 0;}
h2 {font-size: 2em; color: #8CC63F; margin: 0; padding: 5px 0; letter-spacing: -0.08em;}
h3 {font-size: 1.4em; color: #757575; margin: 0; padding: 0;}
a:hover {color: #C1272D;}
a img {border: 0;}
#userBar {background: #e0e0e0; font-size: 0.85em; height: 2em; line-height: 2em; -moz-border-radius-bottomLeft: 5px; -moz-border-radius-bottomRight: 5px; margin: -16px auto 0 auto;text-align: center; width: 50em;}
#userBar ul {margin: 0; padding: 0;}
#userBar ul li {list-style-type: none; display: inline; padding: 0 1em;}
#footer {text-align: center; font-size: 0.8em; color: #666666; margin: 10px 0;}
#footer a {color: #666666;}
#frontBoxes {display: none;}
.frontBox {margin: 10px 250px 0 0; padding: 10px; color: #ffffff; font-size: 0.9em; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
.frontBox h2 {color: #ffffff;}
.frontBox table {width: 100%;}
.frontBox td {vertical-align: middle;}
.frontBox input {font-size: 1.2em;}
.frontBox .wideSpaced {margin-right: 60px;}
.frontBox a {color: #ffffff;}
.colouredBox {width: 46%; float: left; margin: 10px 1%; padding: 10px 1%; color: #ffffff; -moz-border-radius: 6px; -webkit-border-radius: 6px;}
.colouredBox a {color: #ffffff;}
.colouredBox h2 a {text-decoration: none;}
.redBox {background: #d7271c url(../i/red-box-bg.jpg) top repeat-x;}
.orangeBox {background: #f7931e url(../i/orange-box-bg.jpg) top repeat-x;}
.listBox p {width: 40%; float: left;}
div.error { clear: right; margin: 5px auto; background-color : #FFF3AA; font-weight : bold;	text-align : center; padding : 4px; width : 65%; border: 1px dashed #FF8F54;}
div.message { clear: right; margin: 5px auto; font-weight: bold; text-align: center; padding: 4px; width: 65%; background-color: #B5ECFF; border: 1px dashed #00BFFF; }
.priorityStars img {padding: 2px;}
img.p_selected {background: #c1272d;}
.giftItemsTable {clear: right; width: 100%; border: 2px solid #b0c9f0;}
.giftItemsTable td {margin: 0; padding: 5px;}
.giftItemsTable tbody tr:hover {background: #A3B8FF;}
tr.odd td, tr.even td {/*border-bottom: 1px dotted #7DA6FF;*/}
tr.odd {background: #E1EFFF;}
tr.giftCategory td {padding: 3px 0 3px 20px; font-weight: bold; background: /*#C1272D*/ url(../i/category-bg.jpg) top repeat-x; color:#ffffff; font-style: italic; }
.itemDescription {color: #333333; padding-left: 20px; display: block; font-size: 0.9em;}
.price, .quantity, .priority, .pledge {text-align: center;}
td.image img { border: 1px dotted #ccc; }
.ticked {background: url(../i/tick-trans.png) center left no-repeat; padding-left: 20px;}
.crossed {background: url(../i/cross-trans.png) center left no-repeat; padding-left: 20px;}
.date {background: url(../i/date-trans.png) center left no-repeat; padding-left: 20px;}
.add {background: url(../i/add-trans.png) center left no-repeat; padding-left: 18px;}
.edit{background: url(../i/edit-trans.png) center left no-repeat; padding-left:18px;}
.delete {background: url(../i/cross-trans.png) center left no-repeat; padding-left: 18px;}
.fieldset {background: #d0e0f0; border: 0; margin-bottom: 20px; -moz-border-radius: 5px; -webkit-border-radius: 5px; /*overflow: visible;*/ padding: 8px;}
.fieldset h2 {margin-top: -28px;}
.fieldset h3 {color: #C73F38;}
#listToolBox {width: 25%; float: right;}
#listDetails {width: 70%; float: left;}
label {background: #b0c9f0; display: block; padding: 3px 20px 3px 3px; margin: -1px; font-weight: bold; color: #404040; -moz-border-radius-bottomleft: 5px; -moz-border-radius-topleft: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-top-left-radius: 5px;}
table {margin: 10px 0;}
thead {background: #b0c9f0; font-weight: bold;}
th {padding:3px;}
td {vertical-align: top;}
sup {color: #ff0000; font-size: 1em; vertical-align: baseline;}
input {font-size: 1em; font-family: Arial, sans-serif; margin-top: -1px;}
input[type='text'] { width: 95%; }
input[type='password'] { width: 95%; }
input.input_date { width: 80%; }
button img, .button img {vertical-align: text-bottom;}
#body button, #body .button {text-align: left; width: 120px; margin: 2px; background: #e9e9e9 url(../i/button-bg.png) top repeat-x; border: 1px outset; padding: 3px; font-size: 1em; font-family: Arial, sans-serif;}
#body button:hover, .button:hover {background: #e0e0e0 url(../i/button-bg.png) 0px -10px repeat-x; color: #000000; cursor: pointer;}
#body button:active, .button:active {background: #b0c9f0 url(../i/button-bg.png) bottom repeat-x; border: 1px inset; color: #000000;}
#body .button {display: inline-block; text-decoration: none; color: #000000;}
textarea {width: 95%; height: 120px; font-family: Arial, sans-serif; font-size: 1em;}
.description {font-size: 0.8em; color: #606060; padding-left: 28px; background: url(../i/left-arrow-trans.png) 10px center no-repeat; vertical-align: middle;}
.SlidingPanels {position: relative; width: 100%; height: 700px; padding: 0px; border: 1px solid #c0c0c0;}
.SlidingPanelsContentGroup {position: relative; width: 1000%; margin: 0px; padding: 0px; border: none;}
.SlidingPanelsContent {width: 9.8%; height: 700px; overflow: hidden; margin: 0px; padding: 10px; border: none; float: left;}
.SlidingPanelsContent .screenshot {padding: 2px; background: #ffffff; border: 1px solid #a0a0a0; margin: 10px;}
.SlidingPanelsAnimating * {overflow: hidden !important;}
.bigText {text-align: center; font-size: 2.5em; padding: 0; margin: 0; font-family: "Courier New", fixed; font-weight: bold;}
#frontTable td {width: 50%; padding: 0 20px;}
#priority_description {font-size:0.8em; color: #666666;}
div.blog_post h2 a {font-size: 0.8em; color: #8CC63F; letter-spacing: 0em; text-decoration:none; }
div.blog_post h2 { border-bottom: 1px solid #8CC63F; }
div.blog_footer { color: #777; font-size:0.8em; }
a.bookmarklet { border:1px solid navy; background:#9ECCFF url('../i/add-trans.png') no-repeat 95% 50%;padding:5px 21px 5px 5px;text-decoration:none; font-weight:bold;}
img.list_image { float:right; border:1px dotted gray; padding:2px; margin: 5px; }
button img, .button img {vertical-align: text-bottom;}
button, .button {text-align: left; /*width: 120px;*/ margin: 2px; background: #e9e9e9 url(../i/button-bg.png) top repeat-x; border: 1px outset; padding: 3px; font-size: 1em; font-family: Arial, sans-serif; -moz-border-radius: 2px; -webkit-border-radius: 2px;}
button:hover, .button:hover {background: #e0e0e0 url(../i/button-bg.png) 0px -10px repeat-x; color: #000000; cursor: pointer;}
button:active, .button:active {background: #b0c9f0 url(../i/button-bg.png) bottom repeat-x; border: 1px inset; color: #000000;}
.button {display: inline-block; text-decoration: none; color: #000000;}
img.style-preview { margin-top: 4px; border:1px solid #ddd; }
#activeLists, #inactiveLists {border: 0; background: #e9e9e9; -moz-border-radius: 6px;}
#activeTab, #inactiveTab {border: 0; -moz-border-radius-topLeft: 4px; -moz-border-radius-topRight: 4px; background: #c0c0c0;}
#activeTab.ui-tabs-selected, #inactiveTab.ui-tabs-selected {background: #e9e9e9;}