/* ---------- general layout ---------- */

body {
	margin: 0px;
	font-family: arial, helvetica, sans-serif;
	background-color: #fff;
}

img {
	border: none;
}

#wrapper {
	background-image: url(../../images/version2_images/bg-body.gif);
	background-repeat: repeat-y;
}

#header {
	position: relative;
	height: 70px;
	background-image: url(../../images/version2_images/bg-header.gif);
	background-repeat: repeat-x;
}

#header #logo {
	position: absolute;
	top: 0;
	left: 35%;
}

#header .logoImageHeight {
	max-height:70px;
	height:expression(this.height>70?"70px":this.height);	
}

#header #search {
	position: absolute;
	top: 12px;
	right: 18px;
}

#header #search #field {
	background-color: #fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	width: 251px;
	height: 19px;
	padding: 3px 0px 3px 10px;
}

#header #search #field form {
	margin: 0px;
}

#header #search #field form input#search-field {
	border-style: none;
	color: #666666;
	font-size: 11px;
	width: 160px;
	float: left;
	height: 19px;
	line-height: 19px;
}

#header #search #field form input#search-button {
	border-style: none;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	float: right;
	background-color: #d8ecf2;
	text-transform: uppercase;
	color: #46a0ba;
	font-size: 12px;
	font-weight: bold;
	padding: 5px 12px;
	height: 25px;
	margin: -3px 0px 0px 0px;
	cursor: pointer;
}

#header #search #details {
	font-size: 12px;
	text-align: right;
	color: #d8ecf2;
	margin: 8px 0px 0px 0px;
	
}

#header #search #details a {
	color: #d8ecf2;
	text-decoration: none;
	margin: 0px 10px;
}

#header #search #details a:hover {
	border-bottom: dotted 1px #d8ecf2;
}

#trial {
	height: 25px;
	background-color: #FFFFFF;
	position: relative;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	color: #46a0ba;
	padding: 13px 0px 0px 0px;
}

#trial #endTime {
	float: left;
	margin: 0px 0px 0px 20px;
	font-size: 12px;
	color: #46a0ba;
}

#trial #buyNow {
	float: right;
	background-color: #eaf5f8;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-right: 10px;
	color: #46a0ba;
	font-size: 12px;
	padding: 0px;

	right: 17px;
	top: 7px;
}

#trial {
	height: 25px;
	background-color: #FFFFFF;
	position: relative;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	color: #46a0ba;
	padding: 13px 0px 0px 0px;
}

#trial #date{
	float: left;
	background-color: #eaf5f8;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin: 0px;
	color: #46a0ba;
	font-size: 12px;
	padding: 5px 10px;
	position: absolute;
	right: 17px;
	top: 7px;
}

#trial #bueNow{
	float: right;
	background-color: #eaf5f8;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin: 0px;
	color: #46a0ba;
	font-size: 12px;
	padding: 5px 10px;
	position: absolute;
	right: 17px;
	top: 7px;
}

#banner {
	height: 25px;
	background-color: #d8ecf2;
	position: relative;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	color: #46a0ba;
	padding: 13px 0px 0px 0px;
}

#banner a {
	color: #46a0ba;
	text-decoration: underline;
	margin: 0px 0px 0px 25px;
}

#banner a:hover {
	text-decoration: none;
}

#banner #welcome {
	float: left;
	margin: 0px 0px 0px 20px;
	font-size: 12px;
	color: #46a0ba;
}

#banner #user {
	float: right;
	background-color: #eaf5f8;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin: 0px;
	color: #46a0ba;
	font-size: 12px;
	padding: 5px 10px;
	position: absolute;
	right: 17px;
	top: 7px;
}

#banner #user a {
	color: #46a0ba;
	text-decoration: none;
	font-weight: bold;
	margin: 0px 8px;
}

#banner #user a:hover {
	border-bottom: dotted 1px #46a0ba;
}

/* ---------- navigation ---------- */

#nav {
	float: left;
	width: 220px;
	position: absolute;
	left: 0px;
}

#nav div#button-collapse,
#nav div#button-expand {
	position: absolute;
	top: 163px;
	left: 220px;
	display: block;
	width: 25px;
	height: 76px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	cursor: pointer;
}

#nav div#button-collapse {
	background-image: url(../../images/version2_images/button-collapse.gif);
	z-index: 10;
}

#nav div#button-expand {
	background-image: url(../../images/version2_images/button-expand.gif);
	z-index: 1;
}
/*
#nav ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	text-indent: 40px;
}

#nav ul li {
	background-image: url(../../images/version2_images/bg-nav.gif);
	background-repeat: repeat-x;
}
#nav ul li.expand {

}

#nav ul li a.active {
	background-image: url(../../images/version2_images/bullet-down.png);
	background-repeat: no-repeat;
	background-position: 14px 8px;
}

#nav ul.acitem li {
	background-image: none;
}

#nav ul li a {
	display: block;
	height: 20px;
	padding: 10px 0px 0px 0px;
	margin-bottom: 1px;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	background-image: url(../../images/version2_images/bullet-right.png);
	background-repeat: no-repeat;
	background-position: 14px 8px;
}

#nav ul li a:hover {
	color: #65cdf3;
}
*/
/* ---------- sub-navigation ---------- */
/*
#nav ul li ul {
	background-image: url(../../images/version2_images/bg-subnav.gif);
	background-repeat: repeat-x;
	background-color: #fff;
	padding: 0px 0px 5px 0px;
	text-indent: 40px;
}

#nav ul li ul li {
	padding: 0px;
	margin: 0px;
	list-style-image: url(../../images/version2_images/bullet-none.png);
}

#nav ul li ul li.plus {
	background-image: url(../../images/version2_images/bullet-plus.png);
	background-repeat: no-repeat;
	background-position: 20px 9px;
}

#nav ul li ul li.homebtton {
	background-image: url(../../images/home_button.png);
	background-repeat: no-repeat;
	background-position: 15px 8px;
}

#nav ul li ul li a {
	background-image: none;
	color: #46a0ba;
	text-decoration: none;
	text-transform: none;
	font-size: 12px;
	font-weight: bold;
}

#nav ul li ul li a:hover {
	color: #000;
}
*/
/* ---------- sidebar ---------- */

#sidebar {
	float: right;
	width: 243px;
	background-image: url(../../images/version2_images/bg-sidebar.png);
	background-repeat: no-repeat;
	min-height: 500px;
	margin-bottom: 50px;
}

/* ---------- remove the sidebar by setting the body class to 'nosidebar' ---------- */

body.nosidebar #sidebar {
	display: none;
}

body.nosidebar #content {
	margin: 20px 15px 20px 255px;
}

/* ---------- calendar ---------- */

.calendarBgcolor {
	background-color: #46a0ba;
}

.calMotif {
	background-color: #46a0ba;
}

#sidebar #calendar {
	padding: 10px 15px 10px 10px;
}

#sidebar #calendar table {
	border-collapse: collapse;
	width: 100%;
	font-size: 12px;
}

#sidebar #calendar table tr.month {
	background-color: #d6d6d6;
}

#sidebar #calendar table tr td,
#sidebar #calendar table tr th {
	padding: 5px;
	text-align: center;
}

#sidebar #calendar table tr.month td.month {
	text-align: center;
	color: #999999;
	font-weight: bold;
}

#sidebar #calendar table tr.month td.previous,
#sidebar #calendar table tr.month td.next {
	text-align: center;
}

#sidebar #calendar table tr th {
	background-color: #047aa9;
	color: #fff;
}

#sidebar #calendar table tr td a {
	color: #000;
}

#sidebar #calendar table tr td.select,
#sidebar #calendar table tr td.select a {
	background-color: #cbcbcb;
	color: #666;
}

#sidebar #calendar table tr td:hover {

}

/* ---------- todo list ---------- */

#sidebar #todo {
	padding: 10px 15px 10px 10px;
	font-size: 10px;
}

#sidebar #todo #todo-list {
	background-image: url(../../images/version2_images/bg-todo.gif);
	background-repeat: repeat-x;
	background-position-x: 0px;
	background-position-y: 20px;
	background-color: #dbedf3;
	padding: 0px 0px 10px 0px;
}

#todo #todo-list div.section-header {
	margin-top: 0px;
}

#sidebar #todo #todo-list ul {
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
	list-style-position: inside;
}

#sidebar #todo #todo-list ul li {
	color: #46a0ba;
	background-color: #fff;
	border-radius: 5px;
	border:1px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin: 0px 10px 3px 10px;
	padding: 12px 2px 7px 26px;
	background-position: 10px 50%;
	background-repeat: no-repeat;
	font-size: 12px;
}

#sidebar #todo #todo-list ul li#merges-in-progress {
	background-image: url(../../images/version2_images/bullet-merges-in-progress.gif);
	background-position: left;
}

#sidebar #todo #todo-list ul li#unpaid-donations {
	background-image: url(../../images/version2_images/todo_donation.jpg);
	background-position: left;
}

#sidebar #todo #todo-list ul li#pending-merges {
	background-image: url(../../images/version2_images/bullet-pending-merges.gif);
	background-position: left;
}

#sidebar #todo #todo-list ul li#pledges-due {
	background-image: url(../../images/version2_images/todo_pledge.jpg);
	background-position: left;
}

#sidebar #todo #todo-list ul li#materials-to-send {
	background-image: url(../../images/version2_images/bullet-materials-to-send.gif);
	background-position: left;
}

#sidebar #todo #todo-list ul li#declined-payments {
	background-image: url(../../images/version2_images/todo_payment.jpg);
	background-position: left;
}

#sidebar #todo #todo-list ul li#pending-memberships {
	background-image: url(../../images/version2_images/bullet-pending-memberships.gif);
	background-position: left;
}

#sidebar #todo #todo-list ul li#pending-photos {
	background-image: url(../../images/version2_images/photo.jpg);
	background-position: left;
}

#sidebar #todo #todo-list ul li#qbSync {
	background-image: url(../../images/version2_images/qb.png);
	background-position: left;
}

#sidebar #todo #todo-list ul li#ebSync {
    background-image: url(../../images/version2_images/eventbrite.png);
    background-position: left;
}

#sidebar #todo #todo-list ul li a {
	color: #46a0ba;
	text-aglin:left;
	font-weight: bold;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
}

#sidebar #todo #todo-list ul li a:hover {
	border-bottom: dotted 1px #46a0ba;
}

/* ---------- account summary no longer in use ---------- */

#content ul#account-summary {
	list-style-type: none;
	margin: 0px 0px 30px 0px;
	padding: 0px;;
}

#content ul#account-summary li {
	font-weight: bold;
	font-size: 14px;
	margin: 10px 0px;
	display: none;
}

#content ul#account-summary li ul li a {
	color: #46a0ba;
	font-size: 12px;
	text-decoration: none;
}

/* ---------- content ---------- */

#content {
	/*position: relative;*/
	margin: 20px 270px 20px 255px;
	font-size: 12px;
	color: #666666;
	*overflow:hidden
}

#content h1 {
	font-weight: normal;
	margin: 0px;
	color: #46a0ba;
	font-size: 18px;
}

#content h2 {
	font-weight: normal;
	margin: 0px;
	color: #46a0ba;
	font-size: 16px;
}

#content h3 {
	font-weight: bold;
	margin: 15px 0px 10px 0px;
	color: #999999;
	font-size: 14px;
}

#content h3 a {
	color: #46a0ba;
}

#content h4 {
	font-weight: bold;
	margin: 15px 0px 10px 0px;
	color: #666666;
	font-size: 14px;
}

#content p, #content ul, #content ol {
	color: #666666;
	font-size: 13px;
}

#content table ol{
	list-style-type: decimal;
}
#content table ul{
	list-style-type: disc;
}

#content ul, #content ol {
	margin-left: 0px;
	padding-left: 20px;
}

#content li {
	margin-bottom: 8px;
}

#content #functions {
	float: right;
}

#content p a, #content ul a, #content ol a {
	color: #46a0ba;
	font-weight: bold;
	text-decoration: none;
}

#content #functions a {
	color: #46a0ba;
	font-weight: bold;
}

#content #functions a:hover {
	text-decoration: none;
	color: #000;
}

#content strong, #content b {
    font-weight: bold;
}

/* ---------- tabbed panels (used on mail merge page) ---------- */

#content #tab-container ul.tabs {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#content #tab-container ul.tabs li {
	display: inline-block;
	margin: 0px -5px 8px 0px;
	padding: 0px;
}

#content #tab-container ul.tabs li a {
	background-color: #eaeaea;
	border: solid 1px #cccccc;
	padding: 8px 12px;
	color: #666666;
	font-weight: bold;
	font-size: 12px;
}

#content #tab-container ul.tabs li a.selected {
	background-color: #fafafa;
}

#content #tab-container ul.tabs li a:hover {
	background-color: #666666;
	border: solid 1px #666666;
	color: #eaeaea;
}

#content div.tab-content {
	border: solid 1px #cccccc;
	background-color: #f8f8f8;
	padding: 20px;
}

/* ---------- general tables ---------- */

#content table {
	width: 100%;
}

#content table tr.odd {
	background-color: #dbdcdd;
}

#content table tr.even,
#content table th {
	background-color: #ebebeb;
}

#content table tr th,
#content table tr td {
}

#content table a {
	color: #46a0ba;
	font-weight: bold;
	text-decoration: none;
}

#content table a:hover {
	border-bottom: dotted 1px; #46a0ba;
}

#content table a.delete {
	color: #b61119;
	font-weight: normal;
	text-decoration: none;
}

#content table a.delete:hover {
	border-bottom: dotted 1px #b61119;
}

#content table a > i{
    color:#666;
    font-size: 15px;
}

#content table a > i:hover{
    color:#888;
    text-decoration: none;
}

#content table a > i.icon-unlink:hover{
    color:#b94a48;
}

#content table td >input  ~ a{
    margin-right:5px;
}

#content div.section-content table tr td {
	vertical-align: top;
}

#content div.section-content p {
	color: #000;
}

#content div.section-content p strong {
	color: #999;
}

#content #paginate {
	float: right;
	margin: 5px 0px 0px 0px;
}

#content #paginate img {
	margin-bottom: -5px;
}

#content #paginate form {
	display: inline;
	margin: 0px 5px;
}

#content #paginate form input {
	border: solid 1px #999;
	padding: 5px;
	width: 30px;
	text-align: center;
}

#content #summary {
	margin: 10px 0px 0px 20px;
}

#content #summary a {
	color: #46a0ba;
	text-decoration: none;
	font-weight: bold;
	margin: 0px 0px 0px 5px;
}

#content #summary a:hover {
	border-bottom: dotted 1px #46a0ba;
}

#content div.form-part {
	margin: 0px;
	background-color: #ebebeb;
	padding: 10px 15px;
}

#content form label {
	font-weight: bold;
}

#content form input:not(.button) {
	border: solid 1px #999;
	padding: 2px;
}

#content select {
    margin:1px 0 0 0;
}

/* ---------- specific tables ---------- */

#content table#account-summary td {
	text-align: center;
}

#content table#account-summary td.row-header {
	text-align: left;
}

#content table#recent-accounts tr td.id,
#content table#recent-accounts tr td.city,
#content table#recent-accounts tr td.state {
	text-align: center;
}

#content table#donation-list tr th {
	text-align: left;
}

#content table#donation-list tr th img {
	float: right;
}

#content div.section-content#custom-data-information {
	background-color: #ebebeb;
	padding: 10px;
}

#content #icons {
	float: right;
}

#content #icons a img {
	margin: 15px 0px 0px 30px;
}

#content #icons a img#icon-new {
	margin: 15px 0px 0px 0px;
}

#content div.section-content table tr td.col1 {
	width: 20%;
	padding: 10px 0px 0px 10px;
}

#content div.section-content table tr td.col2 {
	width: 70%;
	padding: 10px 0px 0px 15px;
}

#content div.section-content table tr td img#map {
	margin: 0px 0px -2px 40px;
}

#content #wealth {
	font-weight: bold;
	color: #cccccc;
	font-size: 15px;
	float: right;
	line-height: 22px;
	margin: -5px 0px 0px 0px;
}

#content div#upload {
	background-color: #ececec;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	color: #666;
	font-size: 12px;
	font-weight: bold;
	padding: 5px 10px;
	margin: 10px 0px 5px 0px;
}

#content div#upload a {
	color: #46a0ba;
	text-decoration: none;
	margin-top: 5px;
}

#content div#upload a:hover {
	text-decoration: underline;
}

#content div#upload input#upload {
	border-style: none;
	padding: 5px 5px;
	margin: 5px 0px 5px 0px;
}

/* ---------- footer ---------- */

#content #footer {
	border-top: solid 1px #dcdcdc;
	text-align: center;
	color: #999;
	font-size: 12px;
	line-height: 19px;
	padding: 10px 0px 0px 0px;
	margin-top: 40px;
}

#content #footer a {
	color: #999;
	text-decoration: none;
}

#content #footer a:hover {
	color: #666;
}

/* ---------- classes ---------- */

.clear {
	clear: left;
}

.clear-both {
	clear: both;
}

.center {
	text-align: center;
}

.left {
	float: left;
}

.right {
	float: right;
}

.text-left {
	text-align: left;
}

.text-right {
	text-align: right;
}

.margin-left {
	margin-left: 25px;
}

.rule {
	border-top: solid 1px #999;
}

#content h1.red, .red {
	color: #f00;
}

#content p.warning {
	color: #cc0000;
	font-size: 14px;
}

.collapse, img.expand {
	cursor: pointer;
}

img.expand {
	display: none;
}

.top {
	vertical-align: top;
}

#content form input.blue {
	color: #46a0ba;
}

div.section-header {
	background-color: #46a0ba;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	padding: 5px 10px;
	margin: 25px 0px 0px 0px;
}

.sectionHeader {
	background-color: #46a0ba;
}

div.section-header img {
	margin: 0px 10px -2px 0px;
}

div.section-header div.right {

}

div.section-header div.right a {
	color: #fff;
	text-decoration: none;
	margin: 0px 3px;
}

div.section-header div.right a:hover {
	border-bottom: dotted 1px #fff;
}

div.section-subheader {
	background-color: #999999;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	padding: 5px 10px 5px 40px;
	margin: 10px -10px;
}

div.section-footer {
	background-color: #d8ecf2;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	color: #666666;
	font-size: 12px;
	font-weight: bold;
	padding: 5px 20px;
	margin: 8px 0px 0px 0px;
}

div.section-footer span {
	color: #46a0ba;
	margin: 0px 20px 0px 0px;
}

.neon_buynow div{ border:none; position:relative; float:left; font-size:14px; overflow:hidden;}
.neon_buynow,.neon_buynow1,.neon_buynow2,.neon_buynow3{background-color:#F0F0F0; width:50%; float:left;}
.neon_buynow1{ color:#46A0BA; height:33px; line-height:33px; text-align:left; font-weight:bold;float:left; width:50%;padding-left:10px}
.neon_buynow2{ height:29px; text-align:right; line-height:36px; padding-top:7px; float:right; width:20%;text-shadow:0px 0px 1px #333;}
.neon_buynow3{ height:36px; text-align:center; line-height:36px; float:right; width:60%;vertical-align:middle;}
a.buynowa,a.buynowa:link,a.buynowa:visited,a.buynowa:hover,a.buynowa:active{ background-image:url(neon_buynow.gif); background-repeat:no-repeat; display:block;width:89px; height:25px; border:none; float:right; margin-right:20px}
#showSplashDiv {
	margin:10px 15px 0px 10px;
	background-color:#46A0BA; 
	height: 28px; 
	line-height:28px;
}

#sideBarNoticeImg{
    float: right;
    height: 16px;
    margin-right: 45px;
    margin-top: -22px;
    position: relative;
    width: 16px;
	background:url("/np/images/notice_white.png");
	background-size: 16px 16px;
	
}

a.trymore,a.trymore:link,a.trymore:visited,a.trymore:hover,a.trymore:active{ 
 	color: #FFFFFF;
    font-family: 'Arial','Helvetica';
    font-size: 9pt;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
}

/**Begin Add by YangYongli 2012-11-30 Shopping cart**/
.shoppingCartPopover {
  background-color: #d8ecf2;
  color: #46a0ba;
}

#shoppingCartTitle {
  background-color: #46a0ba;
  color: #ffffff;
}

#shoppingCartContent {
  background-color: #d8ecf2;
  border: #46a0ba 1px solid;
}

#shoppingCartSubtotal td {
  border-top: #46a0ba 1px solid;
  border-bottom: #46a0ba 1px solid;
}

/**End Add by YangYongli 2012-11-30 Shopping cart**/

/*---Basic Button
----------------------------*/
input.button {
    font-family: Arial, Helvetica, sans-serif;
    border-radius: 2px;
    padding: 4px;
    font-size: 12px;
    margin: 5px 10px 0 0;
    font-weight: bold;
    background-repeat: repeat-x;
    cursor: pointer;
    min-width: 70px;
    color: #666;
    border: #ccc solid 1px;
    background: #cccccc;
    background: #eeeeee;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjY2NjY2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #eeeeee 0%, #cccccc 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc));
    background: -webkit-linear-gradient(top,  #eeeeee 0%,#cccccc 100%);
    background: -o-linear-gradient(top,  #eeeeee 0%,#cccccc 100%);
    background: -ms-linear-gradient(top,  #eeeeee 0%,#cccccc 100%);
    background: linear-gradient(to bottom,  #eeeeee 0%,#cccccc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 );
}
/*---Primary Action Button
----------------------------*/
input.primary {
    color: #fff;
    background: #46a0ba;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ2YTBiYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyNDdhOTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #46a0ba 0%, #247a93 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#46a0ba), color-stop(100%,#247a93));
	background: -webkit-linear-gradient(top,  #46a0ba 0%,#247a93 100%);
	background: -o-linear-gradient(top,  #46a0ba 0%,#247a93 100%);
	background: -ms-linear-gradient(top,  #46a0ba 0%,#247a93 100%);
	background: linear-gradient(to bottom,  #46a0ba 0%,#247a93 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#46a0ba', endColorstr='#247a93',GradientType=0);
    border: #247a93 solid 1px;
}
/*---Secondary Action Button
----------------------------*/
input.secondary {
    color: #fff;
    border: #666 solid 1px;
    background: #888888;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg4ODg4OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2NjY2NjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #888888 0%, #666666 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#888888), color-stop(100%,#666666));
    background: -webkit-linear-gradient(top,  #888888 0%,#666666 100%);
    background: -o-linear-gradient(top,  #888888 0%,#666666 100%);
    background: -ms-linear-gradient(top,  #888888 0%,#666666 100%);
    background: linear-gradient(to bottom,  #888888 0%,#666666 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#888888', endColorstr='#666666',GradientType=0 );

}
/*---Button Hover State - Each button gets a dark border
----------------------------*/
input.button:hover {
    border: 1px solid #aaa;
}

input.primary:hover {
    border: 1px solid #333;
}
input.secondary:hover {
    border: 1px solid #444;
}

/*---Button Active State - Reverses the color gradient on click
----------------------------*/
input.button:active {
    background: #cccccc;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NjY2NjYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZWVlZWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #cccccc 0%, #eeeeee 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cccccc), color-stop(100%,#eeeeee));
    background: -webkit-linear-gradient(top,  #cccccc 0%,#eeeeee 100%);
    background: -o-linear-gradient(top,  #cccccc 0%,#eeeeee 100%);
    background: -ms-linear-gradient(top,  #cccccc 0%,#eeeeee 100%);
    background: linear-gradient(to bottom,  #cccccc 0%,#eeeeee 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#eeeeee',GradientType=0 );

}

input.button:disabled {
	cursor: not-allowed;
	opacity: 0.65;
	filter: alpha(opacity=65);
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}


input.primary:active {
    background: #247a93;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxNyUiIHN0b3AtY29sb3I9IiMyNDdhOTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjNDZhMGJhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-linear-gradient(top,  #247a93 0%, #46a0ba 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#247a93), color-stop(100%,#46a0ba));
    background: -webkit-linear-gradient(top,  #247a93 0%,#46a0ba 100%);
    background: -o-linear-gradient(top,  #247a93 0%,#46a0ba 100%);
    background: -ms-linear-gradient(top,  #247a93 0%,#46a0ba 100%);
    background: linear-gradient(to bottom,  #247a93 0%,#46a0ba 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#247a93', endColorstr='#46a0ba',GradientType=0 );

}
input.secondary:active {
    background: #666666;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY2NjY2NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4ODg4ODgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #666666 0%, #888888 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#666666), color-stop(100%,#888888));
    background: -webkit-linear-gradient(top,  #666666 0%,#888888 100%);
    background: -o-linear-gradient(top,  #666666 0%,#888888 100%);
    background: -ms-linear-gradient(top,  #666666 0%,#888888 100%);
    background: linear-gradient(to bottom,  #666666 0%,#888888 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#888888',GradientType=0 );

}


.storeTable{
    border-spacing: 0px;
    border-collapse:collapse;
}

.storeTable td{ 
    padding: 5px;
    border: 1px solid #46a0ba; 
}
.storeTable tr.head td{ 
    background-color: #46a0ba; color: #fff; 
}
.storeTable tr.sub{ 
    background-color: #D8ECF2; 
}
table#filters th{
	background: -moz-linear-gradient(top, #05719a 0%, #328bac 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#05719a), color-stop(100%,#328bac)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #05719a 0%,#328bac 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #05719a 0%,#328bac 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #05719a 0%,#328bac 100%); /* IE10+ */
	background: linear-gradient(to bottom, #05719a 0%,#328bac 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#05719a', endColorstr='#328bac',GradientType=0 ); /* IE6-9 */
} 
table#filters th.even-oblique-label {
	background: #0c5387; /* Old browsers */
	background: -moz-linear-gradient(top, #0c5387 0%, #306e9c 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0c5387), color-stop(100%,#306e9c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #0c5387 0%,#306e9c 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #0c5387 0%,#306e9c 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #0c5387 0%,#306e9c 100%); /* IE10+ */
	background: linear-gradient(to bottom, #0c5387 0%,#306e9c 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c5387', endColorstr='#306e9c',GradientType=0 ); /* IE6-9 */
}

div.textblock-breaks{
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
	font-family: arial, helvetica, sans-serif;
	border:none;
	background-color:transparent;
}

table#filters tr.title th {
	background: #203846; /* Old browsers */
	background: -moz-linear-gradient(top, #203846 0%, #2F5267 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#203846), color-stop(100%,#2F5267)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #203846 0%,#2F5267 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #203846 0%,#2F5267 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #203846 0%,#2F5267 100%); /* IE10+ */
	background: linear-gradient(to bottom, #203846 0%,#2F5267 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#203846', endColorstr='#2F5267',GradientType=0 ); /* IE6-9 */
}




.divDisable {
background-color: #666;
width: 100%;
height: 100%;
left:0;
top:0;/*FF IE7*/
filter:alpha(opacity=50);/*IE*/
opacity:0.5;/*FF*/
z-index:8888;

position:fixed!important;/*FF IE7*/
position:absolute;/*IE6*/

 _top:       expression(eval(document.compatMode &&
            document.compatMode=='CSS1Compat') ?
            documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :/*IE6*/
            document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);/*IE5 IE5.5*/

} 

#inProcess, .v2dialog {
border-radius: 5px;
box-shadow: 0 0 10px 2px #666;
padding: 5px;
color: #333;
background-color: #ffffff;
width: 600px;
height: 110px;
left:50%;
top:50%;/*FF IE7*/
margin-left: -300px;
margin-top: -50px;

z-index:9999;

position:fixed!important;/*FF IE7*/
position:absolute;/*IE6*/


 _top:       expression(eval(document.compatMode &&
            document.compatMode=='CSS1Compat') ?
            documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :/*IE6*/
            document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);/*IE5 IE5.5*/
}

.v2dialog label{
	font-size: 13px;
}

.mydiv {
background-color: #e8e8e8;
border: 1px solid #cccccc;
text-align: center;
line-height: 40px;
font-size: 12px;
font-weight: bold;
z-index:99;
width: 500px;
height: 500px;
left:30%;/*FF IE7*/
top:50%;/*FF IE7*/

margin-top:-200px!important;/*FF IE7*/

margin-top:0px;

position:fixed!important;/*FF IE7*/
position:absolute;/*IE6*/

_top:       expression(eval(document.compatMode &&
            document.compatMode=='CSS1Compat') ?
            documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :/*IE6*/
            document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);/*IE5 IE5.5*/

}
#close
{
   background-color:#e8e8e8;
text-align:right;
}
.bg {
background-color: #666;
width: 100%;
top:0;/*FF IE7*/
filter:alpha(opacity=50);/*IE*/
opacity:0.5;/*FF*/
z-index:1;

position:fixed!important;/*FF IE7*/
position:absolute;/*IE6*/

_top:       expression(eval(document.compatMode &&
            document.compatMode=='CSS1Compat') ?
            documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :/*IE6*/
            document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);/*IE5 IE5.5*/

} 


.ulstyle li {
    border-style: solid; 
    BORDER-TOP-WIDTH: 1px; 
    PADDING-RIGHT: 2px;
    PADDING-LEFT: 2px; 
    BORDER-LEFT-WIDTH: 1px;
    BORDER-BOTTOM-WIDTH: 1px; 
    PADDING-BOTTOM: 2px; 
    MARGIN: 8px; 
    CURSOR: hand; 
    PADDING-TOP: 2px; 
    LIST-STYLE-TYPE: square; 
    BORDER-RIGHT-WIDTH: 1px;
    WIDTH:500px;
}
