/*** Placeholder for IE ***/


/* fallback placeholder */
.placeholder {
	color: #bbb;
}
/* webkit placeholder */
::-webkit-input-placeholder {
	color: #bbb;
}
/* moz placeholder */
:-moz-placeholder {
	color: #bbb;
}


/*** general ***/
body {
	text-align: center; /* centered layout */
	font-family: Helvetica, Arial, sans-serif;
	/*font-family: 'Muli', sans-serif;*/
	color: #333333;
	background-color: #f5f5f5;
	background-image: url('../img/bg-texture-alt.jpg');
	background-repeat: repeat;
	margin: 0 !important;
}
.bg {
   display: block;
   z-index: -1;
   width: 100%;
   min-height: 500px;
   background: #e3eaef;
   background: -moz-linear-gradient(top,  #e3eaef 0%, #f5f5f5 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e3eaef), color-stop(100%,#f5f5f5));
   background: -webkit-linear-gradient(top,  #e3eaef 0%,#f5f5f5 100%);
   background: -o-linear-gradient(top,  #e3eaef 0%,#f5f5f5 100%);
   background: -ms-linear-gradient(top,  #e3eaef 0%,#f5f5f5 100%);
   background: linear-gradient(top,  #e3eaef 0%,#f5f5f5 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3eaef', endColorstr='#f5f5f5',GradientType=0 );
}
a, a:visited, a:link {
   color: #505F7C; 
}
h1 {
   color: #505F7C;
   text-shadow: 0 1px 0 #ffffff;
   font-size: 3em;
   letter-spacing: -0.02em;
   font-weight: normal;
}
header h1 {
   padding-top: 32px;
}

/*** breadcrumbs ***/
.breadcrumbs {
	color: #505F7C;
	display: none !important;
	visibility: hidden !important;
}
.breadcrumbs span.back a,
.breadcrumbs span.middle a,
.breadcrumbs span.forward a {
   color: #ffffff;
   display: inline-block;
   border-bottom: none;
   font-size: 1em;
   height: 28px;
   padding: 0 8px;
   line-height: 28px !important;
   border: none;
   background-color: #A4ADB9;
   vertical-align: baseline;
   box-shadow: 0px 1px 0px #505F7C;
   text-shadow: 0px -1px 0px #505F7C;
}
.breadcrumbs span.middle a {
   border-radius: 2px;
}
.breadcrumbs span.back:hover a,
.breadcrumbs span.middle a,
.breadcrumbs span.middle a:hover,
.breadcrumbs span.forward:hover a,
.breadcrumbs span.active a {
	background-color: #505F7C;
}
.breadcrumbs span.back a {
   border-top-right-radius: 2px;
   border-bottom-right-radius: 2px;
   padding-left: 2px;
}
.breadcrumbs span.forward a {
   border-top-left-radius: 2px;
   border-bottom-left-radius: 2px;
   padding-right: 2px;
}
.breadcrumbs span.back:before,
.breadcrumbs span.forward:after {
   content: '';
   display: inline-block;
   width: 14px;
   height: 29px;
   background-image: url('../img/breadcrumb-arrow-ncver.png');
   vertical-align: bottom;
   margin-bottom: -1px;
   background-position: 42px 0;
}
.breadcrumbs span.forward:after {
   background-position: 14px 0;
}
.breadcrumbs span.back:hover:before,
.breadcrumbs span.back.active:before {
   background-position: 0 0;
}
.breadcrumbs span.forward:hover:after,
.breadcrumbs span.forward.active:after {
   background-position: 28px 0;
}

.breadcrumbs span.data.back a,
.breadcrumbs span.data.middle a,
.breadcrumbs span.data.forward a {
   background-color: #C0D6AD;
   box-shadow: 0px 1px 0px #98BA78;
   text-shadow: 0px -1px 0px #98BA78;
}
.breadcrumbs span.data.back:hover a,
.breadcrumbs span.data.forward:hover a,
.breadcrumbs span.data.active a {
   background-color: #98BA78;
}
.breadcrumbs span.data.back:before,
.breadcrumbs span.data.forward:after {
   background-image: url('../img/breadcrumb-arrow-data.png');
}
.breadcrumbs span.pub.back a,
.breadcrumbs span.pub.middle a,
.breadcrumbs span.pub.forward a {
   background-color: #C7B1D6;
   box-shadow: 0px 1px 0px #A280BC;
   text-shadow: 0px -1px 0px #A280BC;
}
.breadcrumbs span.pub.back:hover a,
.breadcrumbs span.pub.middle a:hover,
.breadcrumbs span.pub.forward:hover a,
.breadcrumbs span.pub.active a {
   background-color: #A280BC;
}
.breadcrumbs span.pub.back:before,
.breadcrumbs span.pub.forward:after {
   background-image: url('../img/breadcrumb-arrow-pub.png');
}

.breadcrumbs span.support.back a,
.breadcrumbs span.support.forward a {
   background-color: #9FCAEC;
   box-shadow: 0px 1px 0px #64A9E0;
   text-shadow: 0px -1px 0px #64A9E0;
}
.breadcrumbs span.support.back:hover a,
.breadcrumbs span.support.forward:hover a,
.breadcrumbs span.support.active a {
   background-color: #64A9E0;
}
.breadcrumbs span.support.back:before,
.breadcrumbs span.support.forward:after {
   background-image: url('../img/breadcrumb-arrow-support.png');
}

/*** section background ***/

.bg {
   display: block;
   position: absolute;
   width: 100%;
   height: 320px;
   background-image: url('../img/bg-blue-alt.jpg');
   background-repeat: repeat-x;
}
.data .bg {
   background-image: url('../img/bg-blue-alt.jpg');
   background-repeat: repeat-x;
}
.pub .bg {
   background-image: url('../img/bg-blue-alt.jpg');
   background-repeat: repeat-x;
}
.support .bg {
   background-image: url('../img/bg-blue-alt.jpg');
   background-repeat: repeat-x;
}
.fav .bg {
   background-image: url('../img/bg-blue-alt.jpg');
   background-repeat: repeat-x;
}

/*** icons ***/

.icon-search {
   display: inline-block;
   margin-top: -2px;
   width: 20px;
   height: 19px;
   background-image: url('../img/icon-search.png');
   background-repeat: no-repeat;
}
.icon-grid {
   display: inline-block;
   margin-top: -2px;
   width: 28px;
   height: 26px;
   background-image: url('../img/icon-grid.png');
   background-repeat: no-repeat;
}
.icon-list {
   display: inline-block;
   margin-top: -2px;
   width: 28px;
   height: 26px;
   background-image: url('../img/icon-list.png');
   background-repeat: no-repeat;
}
.icon-download {
   display: inline-block;
   margin: 0px 4px -8px 0;
   width: 28px;
   height: 26px;
   background-image: url('../img/icon-download.png');
   background-repeat: no-repeat;
}
.icon-print {
   display: inline-block;
   margin: 0px 4px -8px 0;
   width: 28px;
   height: 26px;
   background-image: url('../img/icon-print.png');
   background-repeat: no-repeat;
}
.icon-hard {
   display: inline-block;
   margin: 0px 4px -8px 0;
   width: 28px;
   height: 26px;
   background-image: url('../img/icon-hard.png');
   background-repeat: no-repeat;
}
.icon-sort {
   display: inline-block;
   margin-top: -2px;
   width: 28px;
   height: 26px;
   background-image: url('../img/icon-sort.png');
   background-repeat: no-repeat;
}
.icon-filter {
   display: inline-block;
   margin-top: -2px;
   width: 28px;
   height: 26px;
   background-image: url('../img/icon-filter.png');
   background-repeat: no-repeat;
}
.icon-ncver {
   display: inline-block;
   margin-top: -2px;
   width: 28px;
   height: 26px;
   background-image: url('../img/icon-ncver.png');
   background-repeat: no-repeat;
}
.icon-data {
   display: inline-block;
   margin-top: -2px;
   width: 28px;
   height: 26px;
   background-image: url('../img/icon-collection.png');
   background-repeat: no-repeat;
}
.icon-pub {
   display: inline-block;
   margin-top: -2px;
   width: 28px;
   height: 26px;
   background-image: url('../img/icon-reports.png');
   background-repeat: no-repeat;
}
.icon-support {
   display: inline-block;
   margin-top: -2px;
   width: 28px;
   height: 26px;
   background-image: url('../img/icon-support.png');
   background-repeat: no-repeat;
}
.icon-fav {
   display: inline-block;
   margin-top: -2px;
   width: 28px;
   height: 26px;
   background-image: url('../img/icon-fav2.png');
   background-repeat: no-repeat;
}
.icon-user {
   display: inline-block;
   margin-top: -2px;
   width: 28px;
   height: 26px;
   background-image: url('../img/icon-user.png');
   background-repeat: no-repeat;
}
.icon-share {
   display: inline-block;
   margin-top: -2px;
   width: 28px;
   height: 26px;
   background-image: url('../img/icon-share.png');
   background-repeat: no-repeat;
}


.icon-edit {
	display: block;
	height: 22px;
	width: 22px;
	background-image: url('../img/icon-edit.png');
	background-repeat: no-repeat;
}



/*** embargo ***/

.embargo {
   position: fixed;
   display: none;
   margin-top: 50px;
   left: 50%;
   margin-left: 200px;
   padding: 32px;
   font-size: 3em;
   color: red;
   border: 5px solid red;
   transform:rotate(7deg);
   -ms-transform:rotate(7deg); /* IE 9 */
   -moz-transform:rotate(7deg); /* Firefox */
   -webkit-transform:rotate(7deg); /* Safari and Chrome */
   -o-transform:rotate(7deg); /* Opera */
   z-index: 7777;
   opacity: 0.2;
   pointer-events: none;
}

/*** main navigation ***/

#main-nav .icon-data,
#main-nav .icon-pub,
#main-nav .icon-support {
   padding-right: 4px !important;
}

#main-nav .icon-ncver,
#main-nav .icon-data,
#main-nav .icon-pub,
#main-nav .icon-support,
#main-nav .icon-user,
#main-nav .icon-fav {
   margin: 0 0 -6px 0 !important;
}
#main-nav .icon-ncver {
   position: absolute;
   left: 16px;
   top: 8px;
   width: 130px;
   height: 32px;
   background-position: 0 0;
   background-image: url('../img/logo-avetmiss-nav.png');
}
#main-nav .icon-user,
#main-nav .icon-fav {
   text-indent: -99999px;
}

/**background-color: rgba(255,255,255,0.95);**/
#main-nav {
	width: 100%;
	height: 48px;
	position: fixed;
	background-color: #fcfdfd;
	z-index: 7777;
   box-shadow: 0px 1px 64px rgba(0,0,0,0.3);
}
#main-nav>.left {
   margin-left: 16px;
}
#main-nav>.right {
   margin-right: 16px;
}
.nav-container>a {
	border-bottom: none;
	position: relative;
	color: #666666;
	padding: 0 16px;
	line-height: 48px;
	font-size: 1em;
	font-weight: normal;
}

a.sign-out,a.sign-out:visited {
	font-family: Helvetica, Arial, sans-serif;
	text-decoration: none;
	border-bottom: 1px dotted;
	padding: 0 0 0 0;
	color: #505F7C;
	font-size: 0.9em;
}

a.sign-out:hover {
	border-bottom: 1px solid;
	padding: 0 0 0 0;
	color: #505F7C;
	font-size: 0.9em;
}


#nav-home {
   display: block;
   width: 123px;
   height: 48px;
   margin: 0 0px 0 0;
}
.ncver #nav-home,
#nav-home:hover,
#nav-home.selected {
   background-color: #0066b3 !important;
   color: #ffffff !important;
}
.ncver #nav-home .icon-ncver,
#nav-home:hover .icon-ncver,
#nav-home.selected .icon-ncver {
   background-position: 0 -33px;   
}

#nav-data:hover,
.data #nav-data,
#nav-data.selected {
   background-color: #0066b3;
   color: #ffffff;
}
.data #nav-data .icon-data,
#nav-data:hover .icon-data,
#nav-data.selected .icon-data {
   background-position: 0 -26px;
}

.pub #nav-publications,
#nav-publications:hover,
#nav-publications.selected {
   background-color: #0066b3;
   color: #ffffff;
}
.pub #nav-publications .icon-pub,
#nav-publications:hover .icon-pub,
#nav-publications.selected .icon-pub {
   background-position: 0 -26px;
}

.support #nav-support,
#nav-support:hover,
#nav-support.selected {
   background-color: #0066b3;
   color: #ffffff;
}
.support #nav-support .icon-support,
#nav-support:hover .icon-support,
#nav-support.selected .icon-support {
   background-position: 0 -26px;
}

.fav #nav-favourites,
#nav-favourites:hover,
#nav-favourites.selected {
   background-color: #0066b3;
   color: #ffffff;
}
.fav #nav-favourites .icon-fav,
#nav-favourites:hover .icon-fav,
#nav-favourites.selected .icon-fav {
   background-position: 0 -26px;
}

.user #nav-user,
#nav-user:hover,
#nav-user.selected {
   background-color: #0066b3;
   color: #ffffff;
}
.user #nav-user .icon-user,
#nav-user:hover .icon-user,
#nav-user.selected .icon-user {
   background-position: 0 -26px;
}

/*** main navigations drop menu ***/

#nav-container {
   display: inline-block;
}

/*** background-color: rgba(255, 255, 255, 0.95); ***/
.main-nav-drop {
   display: none;
   position: absolute;
   margin-top: 48px;
   background-color: #fcfdfd;
   text-align: left;
   border-top: none;
   box-shadow: 0px 3px 50px rgba(0,0,0,0.5);
   padding: 0px 16px 0px 16px;
   border-bottom-right-radius: 6px;
   border-bottom-left-radius: 6px;
   z-index: 7776;
}
.main-nav-drop ul {
   display: block;
   float: left;
   border-left: 1px solid #e7e7e7;
   margin: 16px 0;
   padding-left: 8px;
   margin-left: 8px;
}
.main-nav-drop ul:first-child {
   padding-left: 0 !important;
   margin-left: 0 !important;
   border-left: none;
}
.main-nav-drop ul li {
   font-weight: bold;
}
.main-nav-drop ul li.heading {
   margin: 16px 0 24px 0;
   padding: 0 8px;
   font-size: 0.8em;
   text-transform: uppercase;
   color: #666666;
   text-decoration: underline;
}
.main-nav-drop ul li + li.heading {
   margin-top: 24px;
}
.main-nav-drop ul li a {
   font-weight: normal;
   display: block;
   border: none;
   padding: 8px 8px;
   margin-left: 0px;
   width: 184px;
   border-radius: 2px;
   font-size: 0.9em;
   line-height: 130% !important;
   font-family: Helvetica, Arial, sans-serif;
}
.main-nav-drop ul li a:hover {
   color: #ffffff;
   background-color: #0066b3;
}

#main-nav #nav-home {
   font-family: 'Times New Roman', serif;
   font-weight: normal;
   font-size: 1.6em;
   color: #0066b3;
}
#nav-home-drop {
   border-top: 5px solid #0066b3;
}
#nav-data-drop {
   border-top: 5px solid #0066b3;
}
/*#nav-data-drop ul:first-child {
   background-color: #f5f5f5;
   padding: 16px 8px 30px 16px !important;
   margin-right: -9px !important;
   margin-left: -16px !important;
   margin: 0px 8px -16px -16px;
   border-bottom-left-radius: 6px;
   border-right: 1px solid #e7e7e7;
}*/
#nav-publications-drop {
   border-top: 5px solid #0066b3;
}
#nav-support-drop {
   border-top: 5px solid #0066b3;
}
#nav-favourites-drop {
   border-top: 5px solid #0066b3;
   margin-left: -172px;
}
#nav-user-drop {
   border-top: 5px solid #0066b3;
   width: 200px;
   margin-left: -172px;
}
#nav-user-drop .signed-in {
   padding: 2px 8px;
   line-height: 1.2em;
   font-size: 0.9em;
   font-weight: normal;
   color: #666666;
}
#nav-user-drop .signed-in .icon-user {
   background-position-y: -0px;
   padding-right: 8px;
}

/*** main navigation search ***/

#nav-search {
   padding-right: 4px;
   height: 48px;
   margin: 5px 16px 0 0;
}
.search input[type='text'] {
	width: 200px;
	height: 14px;
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
}
.search .button {
   height: 36px !important;
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
}
.search .icon-search {
   margin: 8px 0 0 -1px;
}

/*** forms ***/

input[type='text'] {
   font-size: 0.9em;
}
.form2 span.left+span.left {
   margin-left: 0.5em;
}
p.form-text {
   color: #888;
   font-size: 1em;
   font-family: Helvetica, Arial, sans-serif;
   margin: 0 0 1em 0;
}
.third {
   display: inline-block;
   width: 32%;
}

/* inline errors and notifications */
.notify {
   display: block;
   border-radius: 4px;
   color: #505F7C;
   padding: 0.5em;
   border: 1px solid #dae2e6;
   margin-bottom: 0.3em;
   background-color: #eff2f6;
}
.form-col .notify {
   margin-bottom: 16px;
}
.notify.green {
   background-color: #ebf6ec;
   color: #6da262;
   border: 1px solid #d4ebd0;
}
.notify.red {
   background-color: #f7eeee;
   color: #a26666;
   border: 1px solid #f0d9d9;
}
.notify.yellow {
   background-color: #f7f7e7;
   color: #9a8e41;
   border: 1px solid #f0efcc;
}
#modal .notify {
   margin-top: -12px;
   margin-bottom: 8px;
}

/* big checkbox */
.form a.big-checkbox,
.form a.big-radio {
   display: inline-block;
   min-width: 96px;
   margin: 0 8px 8px 0;    
   padding: 16px 16px 14px 16px;
   border: 1px solid #eeeeee;
   float: left;
   cursor: pointer;
   border-radius: 4px;
}
.form a.big-radio img {
   vertical-align: top;
   /*display: block;*/
   margin-top: -8px;
   margin-bottom: -8px;
}
.form a.big-radio label {
   margin-left: 8px;
   font-weight: bold;
}
.form .big-radio-group {
   margin-bottom: 16px;
}
.form .big-checkbox-group .big-checkbox {
   width: 257px;
   height: 74px;
}
.form a.big-checkbox:nth-child(2n) {
   margin-right: 0;
}
.form a.big-checkbox.selected,
.form a.big-radio.selected {
   background-color: #eff2f6;
   border: 1px solid #dae2e6;
}
.form a.big-checkbox.terms {
   width: 556px;
}
.form a.big-checkbox.terms.selected {
   background-color: #ebf6ec;
   color: #6da262;
   border: 1px solid #d4ebd0;
}
.form a.big-checkbox input[type='checkbox'] {
   margin-right: 1em;   
}
.form a.big-checkbox label {
   font-size: 1.2em;   
}
.form a.big-checkbox span {
   display: block;
   padding: 4px 0 0 29px;
   font-size: 0.9em;
   color: #555;
   line-height: 1.3em;
}
label.check-label {
   cursor: pointer !important;
}
.form label {
   font-size: 0.9em;
   padding: 0px 0 4px 0;
   display: inline-block;
}
.form label.top {
   display: block;
   margin-top: 0;
}
.form input[type='text'],
.form input[type='password'],
textarea {
   padding: 11px 8px;
   /* padding : 5px 8px; */
   margin-bottom: 16px;
   background-position: 5px 7px;
   background-repeat: no-repeat;
}
#modal .form input[type='text'],
#modal .form input[type='password'] {
   width: 240px;
}
#modal .form input.related {
   margin-bottom: 4px;
}
#modal .form input[type='text'].username,
#modal .form input[type='password'].password {
   width: 208px;
   padding-left: 40px;
}
.form input[type='password'] {
   padding-left: 40px;
}
.form input[type='text'].username {
   background-image: url('../img/icon-user.png');
}
.form input[type='password'] {
   background-image: url('../img/icon-lock.png');
}

.form input[type='checkbox'] {
   margin-right: 8px;
}
.form select {
   width: 258px;
   /* font-size: 2em; */
   font-size: 1.1em;
   margin-bottom: 16px;
}
#modal .form .button {
   width: 240px;
   padding-left: 8px;
   padding-right: 8px;
   margin-bottom: 16px;
}
#modal .form .hr {
   display: block;
   height: 1px;
   background-color: #eeeeee;
   width: 256px;
   margin-top: 16px;
   margin-bottom: 16px;
}
.form a {
   font-size: 0.9em;
}
label.textarea {
   width: 420px;
}

/* form group */
.form-standard {
   margin-top: -32px;
}
.form-col {
   display: block;
   float: left;
}
.form-col h2 {
   padding-bottom: 8px;
}
.form-col p {
   display: block;
   padding-right: 64px;
   color: #888;
   font-family: Helvetica, Arial, sans-serif;
}
.form-col ul {
   color: #888;
   font-family: Helvetica, Arial, sans-serif;
   font-size: 0.8em;
   list-style-type: disc;
}
.form-col li {
	padding: 0px 22px 4px 4px;
}
.form-col .sub-list {
	padding-top: 6px;
	font-size: 0.9em;
	padding-left: 20px;
	list-style-type: circle;
}
.form-col.col-1 {
   width: 256px;
}
.form-col.col-1 p {
   font-size: 0.8em !important;
}
.form-col.col-2 {
   margin-top: 32px;
   width: 590px;
}
.form-col.col-2 input+input {
   margin-top: -12px;
}
.form-col span.field-group {
   display: inline-block;
   float: left;
} 
.form-col .field-group.inline {
   display: inline-block;
   margin-right: 8px;
}
.form-col .field-group.inline.related {
   margin-right: 0;
}

/* form table */
table {
}
table .alignRight {
	text-align: right;
}
.order-table table tr:first-child {
  border-bottom: 1px solid #eee !important;
}
.order-table table tr:last-child {
  border-top: 1px solid #e8e8e8 !important;
}
.order-table table,
.order-table table td,
.order-table table th {
   /*border: 0px solid #ddd;*/
   font-size: 1em;
   vertical-align: middle;
}
.order-table table tr td:first-child,
.order-table table tr th:first-child {
   padding-left: 0;
}/*
.form table tr td:last-child,
.form table tr th:last-child {
   padding-right: 0;
}*/
.order-table table {
   border-radius: 4px;
}
.order-table table tr.order-item {
   /*border-bottom: 1px solid #eeeeee;*/
   line-height: 1.2em;
}
.order-table table th {
   font-size: 0.9em;
   font-weight: bold;
   text-align: left;
}
.order-table table tr td:nth-child(2),
.order-table table tr th:nth-child(2) {
   text-align: center;
}
.order-table table tr th:nth-child(3),
.order-table table tr th:nth-child(4),
.order-table table tr td:nth-child(3),
.order-table table tr td:nth-child(4) {
   text-align: right;
}
.order-table table tr th:nth-child(5),
.order-table table tr th:nth-child(6),
.order-table table tr td:nth-child(5),
.order-table table tr td:nth-child(6) {
   padding: 0;
}
.order-table table tr td:nth-child(2),
.order-table table tr td:nth-child(3),
.order-table table tr td:nth-child(6) {
   color: #aaa;
}
.order-table table tr td:nth-child(5) {
   padding-left: 32px;
}
.order-table table td,
.order-table table th {
   padding: 8px;
}
.order-table table tr.order-item a.button {
   padding: 2px !important;
   line-height: 18px;
   text-align: center;
   height: 20px;
   width: 20px;
   border-radius: 14px;
}

/*** document layout ***/
.data .doc {
   border-color: #0066b3;
}
.pub .doc {
   border-color: #0066b3;
}
.ncver .doc {
   border-color: #0066b3;
}
.support .doc {
   border-color: #0066b3;
}
.doc {
   display: block;
   width: 848px;
   padding: 32px 64px 64px 64px;
   background-color: #ffffff;
   border-top: 5px solid #ffffff;
   box-shadow: 0px 8px 16px #aaaaaa;
   margin: 32px 0 0 0;
   overflow:hidden; 
   overflow-x:hidden;
}
.data .doc-menu,
.pub .doc-menu,
.ncver .doc-menu,
.support .doc-menu {
   display: block;
   width: 100%;
   padding: 0 64px 0 64px;
   margin-left: -64px;
   margin-top: -32px;
   background: #ffffff;
   background: -moz-linear-gradient(top,  #ffffff 0%, #f5f5f5 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f5f5f5));
   background: -webkit-linear-gradient(top,  #ffffff 0%,#f5f5f5 100%);
   background: -o-linear-gradient(top,  #ffffff 0%,#f5f5f5 100%);
   background: -ms-linear-gradient(top,  #ffffff 0%,#f5f5f5 100%);
   background: linear-gradient(to bottom,  #ffffff 0%,#f5f5f5 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0 );
   background-image: url('../img/bg-grid.png');
}
.data .doc-menu {
   background: #f5f5f5;
   background-image: url('../img/bg-grid.png');
   background-repeat: repeat-x;
   background-position: 0 0px;
}
/* print publiation and purchase hard copy buttons */
.print-buy a+a {
   margin-left: 8px;
}
/* custom header */
.doc-menu.custom-header.insight {
   background-image: url('../img/bg-header-insight.jpg');
   background-position-y: -16px;
}
.doc-menu.custom-header.event {
   background-image: url('../templates/files/event.jpg');
   background-position-y: -0px;
}
.doc-menu.custom-header h3 {
   color: #505F7C;
   /*background-color: #fff;
   padding: 2px 16px 1px 16px;
   border-radius: 16px;*/
}
.doc-menu.custom-header h1 {
   text-indent: -9999px;
}
.data .doc-menu h1,
.pub .doc-menu h1,
.ncver .doc-menu h1,
.support .doc-menu h1 {
   display: inline-block;
   padding-top: 16px;
   padding-bottom: 16px;
   font-size: 3em;
   z-index: 9999;
}
.doc-menu h1 {
   padding-top: 0.5em;
}
.ncver .doc-menu.no-doc-nav,
.pub .doc-menu.no-doc-nav,
.data .doc-menu.no-doc-nav,
.support .doc-menu.no-doc-nav {
   border-bottom: 1px solid #eeeeee !important;
   margin-bottom: 56px;
}
.data .parent-collection {
   display: block;
   height: 3em;
   width: 97%;
   background-color: #fff;
   margin: 2em 0 -2em 1.5%;
   border-top: 5px solid #A280BC;
   box-shadow: 0px 8px 16px #aaaaaa;
   background: #f8f8f8;
   z-index: -2 !important;
}
.data .parent-collection .bottom-shadow {
   display: block;
   width: 100%;
   height: 1px;
   margin-top: 3em;
   box-shadow: 0px 0px 10px rgba(0,0,0,1);
}
#cover-thumb img {
   margin-right: 32px;
   width: 120px;
   height: 170px;
   box-shadow: 0 2px 6px rgba(0,0,0,0.3);
}
.doc-title {
   padding: 96px 0 32px 0;
}
.doc-title .search {
   margin-top: 24px;
}
.doc-title .tab {
   display: inline-block;
   width: 180px;
}
.doc-title>div:nth-child(2) {
   width: 696px;
}
/*#ncver-official {
   float: right;
   margin: 2em -4em 0 0;
   width: 138px;
   height: 178px;
   background-image: url('../img/ncver-official.png');
}*/

.data .parent-collection .snippet-type {
   margin-left: 4em;
   position: absolute;
   z-index: 1;
   border-radius: 0;
   padding-bottom: 6px;
   background: #a280bc !important;
   background: -moz-linear-gradient(top,  #a280bc 0%, #a280bc 63%, #866999 100%) !important;
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a280bc), color-stop(63%,#a280bc), color-stop(100%,#866999)) !important;
   background: -webkit-linear-gradient(top,  #a280bc 0%,#a280bc 63%,#866999 100%) !important;
   background: -o-linear-gradient(top,  #a280bc 0%,#a280bc 63%,#866999 100%) !important;
   background: -ms-linear-gradient(top,  #a280bc 0%,#a280bc 63%,#866999 100%) !important;
   background: linear-gradient(to bottom,  #a280bc 0%,#a280bc 63%,#866999 100%) !important;
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a280bc', endColorstr='#866999',GradientType=0 ) !important;
}
.data .parent-collection>span {
   margin: 1.1em 0 0 9em;
   float: left;
   color: #C7B1D6;
}
.data .parent-collection .breadcrumbs {
   position: absolute;
   margin: 0.6em 0 0 738px;
}
.data .parent-collection .breadcrumbs>span.blank {
   display: inline-block;
   float: left;
   height: 1em;
   width: 98px;
}
.data .parent-collection .breadcrumbs>span>a {
   display: inline-block;
   width: 70px !important;
   text-align: center;
}

.doc-menu h3 {
   color: #888888;
   font-weight: normal;
   line-height: 1.5em;
   z-index: -1;
}
.doc-body h2 {
   padding-top: 32px;
   border-top: 1px solid #eeeeee;
   font-size: 1.6em;
}
.doc-body h2:first-child {
   border-top: none;
   padding-top: 0;
}
.doc-body h2 .top,
.doc-body h3 .top {
   display: inline;
   font-weight: normal;
   font-size: 14px;
   font-style: normal;
   margin-top: 0;
}
.doc-body h3 {
   font-size: 1.3em;
   margin: 2em 0 16px 0;
}
.doc-body h2 + h3 {
   margin-top: 1em;
}
.doc p {
   font-size: 0.9em !important;
}
.doc-body p br {
   line-height: 2.4em;
}
.doc-body ol {
   list-style: decimal inside;
}
.doc-body ol ul,
.doc-body ol ol,
.doc-body ul ul,
.doc-body ul ol {
   margin-left: 2em;
}
.doc-body ul li a {
   font-family: 'Times New Roman', serif;
   line-height: 1.3em;
   font-size: 1.3em;
}
.doc-body li {
   margin-bottom: 0.5em;
}
.doc-body img {
   padding: 8px;
   border: 1px solid #dddddd;
   margin: 0 8px 8px 0;
   float: left;
}
.doc-body p img {
   margin: 0 32px 8px 0;
}
.doc-body p img.thumbnail {
   margin: 0 8px 8px 0;
   padding: 4px;
}
.doc-body iframe,
.doc-body audio {
   margin-bottom: 16px;
}
.doc-body audio {
   width: 848px;
}
.doc-body .caption {
   display: block;
   color: #777777;
   font-size: 0.8em;
   margin-bottom: 2em;
   line-height: 1.5em;
}
.doc-body .footnote {
   display: block;
   margin-top: 2em;
   color: #777777;
   font-size: small;
}
.doc-body .footnote br {
   line-height: 1.5em;
}

/*** doc layout navigation ***/

#doc-nav-container {
   display: block;
   width: 1104px;
   height: 48px;
   margin: 0 -64px 64px -64px;
}
.bg-doc-grad {
   display: none;
   position: fixed;
   width: 976px;
   height: 150px;
   top: -10px;
   background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 75%, rgba(255,255,255,0) 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(75%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0)));
   background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 75%,rgba(255,255,255,0) 100%);
   background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 75%,rgba(255,255,255,0) 100%);
   background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 75%,rgba(255,255,255,0) 100%);
   background: linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 75%,rgba(255,255,255,0) 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );
   
   margin: 0px 0 0 -64px;
   z-index: 7774;
}
#doc-nav {
   display: block;
   width: 848px;
   min-height: 40px;
   /*margin: 0 -64px 48px -64px;*/
   padding: 8px 64px 4px 64px;
   line-height: 32px;
   border-bottom: 1px solid #eeeeee;
   z-index: 7775;
   background-color: #f5f5f5;
}
#doc-nav ul {
   margin-left: -8px !important;
}
#doc-nav ul li {
   float: left;
   font-weight: bold;
   font-size: 1em;
   margin: 4px 8px 0 0;
   padding: 0 8px;
   border: 1px solid transparent;
   border-bottom: none;
   border-radius: 2px;
}
#doc-nav ul li a,
#doc-nav ul li a:hover {
   font-family: Helvetica, Arial, sans-serif;
   border: none;
   border: 1px solid transparent;
   line-height: 150%;
}
#doc-nav ul li a:hover {
   /*background-color: #ffffff;*/
   border-bottom: 1px dotted;
}
#doc-nav ul li.current a:hover {
   border-bottom: none;
}
#doc-nav ul li.current {
   background-color: #505F7C;
}
#doc-nav ul li.current a {
   color: #ffffff;
}

/*** collection ***/

#collection-header {
   margin: 0 64px 4px 64px;
   width: 848px;
}
#collection-header>div {
   float: left;
   width: 260px;
   margin-bottom: -4px;
   padding: 0 16px 16px 16px;
   min-height: 220px;
   border-left: 1px solid rgba(0,0,0,0.1);
   border-right: 1px solid rgba(255,255,255,0.7);
}
#collection-header>div:first-child {
   border-left: none;
   padding: 0 16px 16px 0;
   width: 552px;
}
#collection-header>div:last-child {
   border-right: none;
   padding-right: none;
   padding: 0 0 16px 16px;
}
#collection-header>div h2 {
   margin-top: 0;
   color: #505F7C;
   text-shadow: 0 1px 0 #ffffff;
}
#collection-header>div p {
   font-family: Helvetica, Arial, sans-serif;
}
#collection-header a {
   font-weight: normal;
   display: block;
   border: none;
   padding: 8px 8px;
   margin-bottom: 4px;
   width: 244px;
   border-radius: 2px;
   font-size: 0.9em;
   line-height: 130% !important;
   font-family: Helvetica, Arial, sans-serif;
   background-color: #A4ADB9;
   color: #ffffff;
}
#collection-header a:hover {
   color: #ffffff;
   background-color: #505F7C;
}

/*** button ***/
.buttonHeight {
	height: 38px;
	line-height: 34px;
	border-radius: 6px;
}

.button {
	position: relative;
	height: 38px;
	line-height: 34px;
	padding: 0 10px;
	border-radius: 6px;
	font-size: 0.9em;
}

.buttonSmall {
	position: relative;
	height: 30px;
	line-height: 32px;
	padding: 0px 5px;
	border-radius: 6px;
	font-size: 0.8em;
}

.button.inline {
	cursor: pointer;
	*cursor: hand;
	margin-left: 0px;
	margin-right: 15px;
	float: right;
}

.buttonSignin {
	width: 258px;
	margin-left: auto;
	margin-right: auto;
	display: block;
}

.button.primary {
	border: 1px solid #3F773F !important;
	color: #FFFFFF !important;
	box-shadow: 0px 0px 2px #ffffff;
	text-shadow: 0 1px 0 #cccccc;
	background: #408040;
	background: -moz-linear-gradient(top, #51B851 0%, #408040 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #51B851), color-stop(100%, #408040) );
	background: -webkit-linear-gradient(top, #51B851 0%, #408040 100%);
	background: -o-linear-gradient(top, #51B851 0%, #408040 100%);
	background: -ms-linear-gradient(top, #51B851 0%, #408040 100%);
	background: linear-gradient(top, #51B851 0%, #408040 100%);
	filter: progid:                                DXImageTransform.Microsoft.gradient(                           
		      startColorstr=                        
		       '#51B851', endColorstr=                                '#408040', GradientType=                   
		        
		   0 );
}

.button.primary:hover {
	background: #478F47;
	background: -moz-linear-gradient(top, #57C757 0%, #478F47 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #57C757), color-stop(100%, #478F47) );
	background: -webkit-linear-gradient(top, #57C757 0%, #478F47 100%);
	background: -o-linear-gradient(top, #57C757 0%, #478F47 100%);
	background: -ms-linear-gradient(top, #57C757 0%, #478F47 100%);
	background: linear-gradient(top, #57C757 0%, #478F47 100%);
	filter: progid:                                DXImageTransform.Microsoft.gradient(                           
		      startColorstr=                        
		       '#57C757', endColorstr=                                '#478F47', GradientType=                   
		        
		   0 );
}

.button.secondary {
	border: 1px solid #353E7A !important;
	color: #FFFFFF !important;
	box-shadow: 0px 0px 2px #ffffff;
	text-shadow: 0 1px 0 #cccccc;
	background: #444F9C;
	background: -moz-linear-gradient(top, #4B5BD1 0%, #444F9C 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4B5BD1), color-stop(100%, #444F9C) );
	background: -webkit-linear-gradient(top, #4B5BD1 0%, #444F9C 100%);
	background: -o-linear-gradient(top, #4B5BD1 0%, #444F9C 100%);
	background: -ms-linear-gradient(top, #4B5BD1 0%, #444F9C 100%);
	background: linear-gradient(top, #4B5BD1 0%, #444F9C 100%);
	filter: progid:                                DXImageTransform.Microsoft.gradient(                           
		      startColorstr=                        
		       '#4B5BD1', endColorstr=                                '#408040', GradientType=                   
		        
		   0 );
}

.button.secondary:hover {
	background: #5D67B1;
	background: -moz-linear-gradient(top, #5868DD 0%, #5D67B1 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5868DD), color-stop(100%, #5D67B1) );
	background: -webkit-linear-gradient(top, #5868DD 0%, #5D67B1 100%);
	background: -o-linear-gradient(top, #5868DD 0%, #5D67B1 100%);
	background: -ms-linear-gradient(top, #5868DD 0%, #5D67B1 100%);
	background: linear-gradient(top, #5868DD 0%, #5D67B1 100%);
	filter: progid:                                DXImageTransform.Microsoft.gradient(                           
		      startColorstr=                        
		       '#5868DD', endColorstr=                                '#5D67B1', GradientType=                   
		        
		   0 );
}

.button.tertiary {
	border: 1px solid #000000 !important;
	color: #FFFFFF !important;
	box-shadow: 0px 0px 2px #ffffff;
	text-shadow: 0 1px 0 #cccccc;
	background: #555555;
	background: -moz-linear-gradient(top, #838383 0%, #555555 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #838383), color-stop(100%, #555555) );
	background: -webkit-linear-gradient(top, #838383 0%, #555555 100%);
	background: -o-linear-gradient(top, #838383 0%, #555555 100%);
	background: -ms-linear-gradient(top, #838383 0%, #555555 100%);
	background: linear-gradient(top, #838383 0%, #555555 100%);
	filter: progid:                                DXImageTransform.Microsoft.gradient(                           
		      startColorstr=                        
		       '#838383', endColorstr=                                '#55555', GradientType=                   
		        
		   0 );
}

.button.tertiary:hover {
	background: #666666;
	background: -moz-linear-gradient(top, #999999 0%, #666666 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #999999), color-stop(100%, #666666) );
	background: -webkit-linear-gradient(top, #999999 0%, #666666 100%);
	background: -o-linear-gradient(top, #999999 0%, #666666 100%);
	background: -ms-linear-gradient(top, #999999 0%, #666666 100%);
	background: linear-gradient(top, #999999 0%, #666666 100%);
	filter: progid:                                DXImageTransform.Microsoft.gradient(                           
		      startColorstr=                        
		       '#999999', endColorstr=                                '#666666', GradientType=                   
		        
		   0 );
}

.button.default {
	border: 1px solid #CCCCCC !important;
	color: #555555 !important;
	box-shadow: 0px 0px 2px #ffffff;
	text-shadow: 0 1px 0 #cccccc;
	background: #CECECE;
	background: -moz-linear-gradient(top, #FCFCFC 0%, #CECECE 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FCFCFC), color-stop(100%, #CECECE) );
	background: -webkit-linear-gradient(top, #FCFCFC 0%, #CECECE 100%);
	background: -o-linear-gradient(top, #FCFCFC 0%, #CECECE 100%);
	background: -ms-linear-gradient(top, #FCFCFC 0%, #CECECE 100%);
	background: linear-gradient(top, #FCFCFC 0%, #CECECE 100%);
	filter: progid:                                DXImageTransform.Microsoft.gradient(                           
		      startColorstr=                        
		       '#FCFCFC', endColorstr=                                '#CECECE', GradientType=                   
		        
		   0 );
}

.button.default:hover {
	background: #B6B6B6;
	background: -moz-linear-gradient(top, #F1F1F1 0%, #B6B6B6 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F1F1F1), color-stop(100%, #B6B6B6) );
	background: -webkit-linear-gradient(top, #F1F1F1 0%, #B6B6B6 100%);
	background: -o-linear-gradient(top, #F1F1F1 0%, #B6B6B6 100%);
	background: -ms-linear-gradient(top, #F1F1F1 0%, #B6B6B6 100%);
	background: linear-gradient(top, #F1F1F1 0%, #B6B6B6 100%);
	filter: progid:                                DXImageTransform.Microsoft.gradient(                           
		      startColorstr=                        
		       '#F1F1F1', endColorstr=                                '#B6B6B6', GradientType=                   
		        
		   0 );
}

.button.action {
	color: #ffffff !important;
	border: 1px solid #404c66 !important;
	text-shadow: 0 -1px 0 #333333 !important;
	background: #748398;
	background: -moz-linear-gradient(top, #748398 0%, #404c66 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #748398), color-stop(100%, #404c66) );
	background: -webkit-linear-gradient(top, #748398 0%, #404c66 100%);
	background: -o-linear-gradient(top, #748398 0%, #404c66 100%);
	background: -ms-linear-gradient(top, #748398 0%, #404c66 100%);
	background: linear-gradient(top, #748398 0%, #404c66 100%);
	filter: progid:                                DXImageTransform.Microsoft.gradient(                           
		      startColorstr=                        
		       '#748398', endColorstr=                                '#404c66', GradientType=                   
		        
		   0 );
}

.button.action:hover {
	background: #8294ac;
	background: -moz-linear-gradient(top, #8294ac 0%, #404c66 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8294ac), color-stop(100%, #404c66) );
	background: -webkit-linear-gradient(top, #8294ac 0%, #404c66 100%);
	background: -o-linear-gradient(top, #8294ac 0%, #404c66 100%);
	background: -ms-linear-gradient(top, #8294ac 0%, #404c66 100%);
	background: linear-gradient(top, #8294ac 0%, #404c66 100%);
	filter: progid:                                DXImageTransform.Microsoft.gradient(                           
		      startColorstr=                        
		       '#8294ac', endColorstr=                                '#404c66', GradientType=                   
		        
		   0 );
}

.button-divider {
	display: inline-block;
	height: 40px;
	margin-right: 16px;
	padding-left: 16px;
	border-right: 1px solid #dddddd;
}

.show-more {
	display: block;
	clear: both;
	position: relative;
	margin: 32px auto 32px auto;
	width: 256px;
	height: 48px;
	text-align: center;
	line-height: 50px;
	font-size: 1em;
}

.button.medium {
	width: 70px;
}

/*** button menu ***/
.button-menu {
	display: block;
	position: relative;
}

.button-menu .menu {
	display: none;
	position: absolute;
	width: 216px;
	margin: -16px 0 0 -8px;
	background-color: #ffffff;
	box-shadow: 0px 3px 50px rgba(0, 0, 0, 0.5);
	padding: 12px 0;
	border-radius: 4px;
	z-index: 9999;
}

.button-menu .menu a {
	display: block;
	width: 184px;
	border: none;
	height: 2em;
	line-height: 2em;
	padding: 0 16px;
}

.button-menu .menu a.enabled span {
	display: inline-block;
	float: right;
	margin: 5px -5px 0 0;
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
	background-image: url('../img/icon-tick.png');
	background-position: 0 -60px;
}

.button-menu .menu a:hover {
	background-color: #505F7C;
	color: #ffffff;
}

.button-menu .menu a.enabled:hover span {
	background-position: 0 -40px;
}

.button-menu .menu .heading {
	display: block;
	font-style: italic;
	font-size: 0.8em;
	color: #cccccc;
	padding: 4px 0 8px 16px;
}

.button-menu .menu:before {
	content: '';
	display: block;
	border: 12px solid #333;
	border-color: transparent transparent #ffffff transparent;
	position: absolute;
	margin-top: -32px;
	margin-left: 24px;
	/*background-image: url('../img/arr-up-white.png');*/
}

h2.download-section {
   padding-bottom: 0;
}
.download-table {
   padding: 8px;
   border-radius: 8px;
   background-color: #f9f9f9;
   border: 1px solid #eee;
}
table.download td {
   vertical-align: middle;
   padding: 4px;
}
table.download tr td:nth-child(4) {
   text-align: right;
}
.show-more {
   display: block;
   clear: both;
   position: relative;
   margin: 0 auto;
   width: 256px;
   height: 48px;
   text-align: center;
   line-height: 50px;
   font-size: 1em;
}
.button.medium {
   width: 70px;
}
.button.large {
   width: 120px;
}
.button.oversize {
   height: 48px;
   line-height: 50px;
   font-size: 1.3em !important;
   padding: 0 2em;
}
.buttons+.button {
   margin-left: 0.5em;
}

/*** button menu ***/

.button-menu {
   display: block;
   position: relative;
}
.button-menu .menu {
   display: none;
   position: absolute;
   width: 216px;
   margin: -16px 0 0 -8px;
   background-color: #ffffff;
   box-shadow: 0px 3px 50px rgba(0,0,0,0.5);
   padding: 12px 0;
   border-radius: 4px;
   z-index: 7776;
}
.button-menu .menu a {
   display: block;
   width: 184px;
   border: none;
   height: 2em;
   line-height: 2em;
   padding: 0 16px;
}
.button-menu .menu a.enabled span {
   display: inline-block;
   float: right;
   margin: 5px -5px 0 0;
   width: 20px;
   height: 20px;
   background-repeat: no-repeat;
   background-image: url('../img/icon-tick.png');
   background-position: 0 -60px;
}
.button-menu .menu a:hover {
   background-color: #505F7C;
   color: #ffffff;
}
.button-menu .menu a.enabled:hover span {
   background-position: 0 -40px;
}
.button-menu .menu .heading {
   display: block;
   font-style: italic;
   font-size: 0.8em;
   color: #cccccc;
   padding: 4px 0 8px 16px;
}
.button-menu .menu:before {
   content: '';
   display: block;
   border: 12px solid #333;
   border-color: transparent transparent #ffffff transparent;
   position: absolute;
   margin-top: -32px;
   margin-left: 24px;
   /*background-image: url('../img/arr-up-white.png');*/
}
.button-menu .menu.sort {
   margin-left: -116px;
}
.button-menu .menu.sort:before {
   margin-left: 168px;
}

/*** filter/sort bar ***/

#filter-sort {
   margin: 0 64px 32px 64px;
   padding-bottom: 8px;
}
#filter-sort .grid-view.enabled, 
#filter-sort .list-view.enabled {
   color: #cccccc !important;
}
#filter-sort .enabled .icon-grid,
#filter-sort .enabled .icon-list {
   background-position: 0 -26px !important;
}
#filter-sort .icon-grid,
#filter-sort .icon-list,
#filter-sort .icon-filter,
#filter-sort .icon-sort {
   margin: 0 5px -8px -5px;
}
#filter-sort .grid-view,
#filter-sort .button+.button {
   margin-right: -1px;
}
#filter-sort .button.filter {
   margin-left: -1px;
}
#filter-sort .search {
   display: block;
   width: 324px;
   margin: 0 auto;
   text-align: center;
}
#filter-sort .search input {
   width: 264px;
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
}
#filter-sort .search .button {
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
}

.bevel-rule {
   display: block;
   width: 100%;
   height: 1px;
   background-color: rgba(255,255,255,0.7);
   border-top: 1px solid rgba(0,0,0,0.1);
   margin-bottom: 1em;
}

.tags {
   margin: 16px 0 0 0;
   padding: 0 0 12px 0;
}
.tags div {
   display: inline-block;
   float: left;
   padding: 6px 32px 6px 8px;
   margin: 0 4px 4px 0;
   width: auto;
   border-radius: 4px;
   background-color: #505F7C;
   color: #ffffff;
   font-size: 1em;
}
.tags div .close-small {
   display: inline-block;
   margin: -2px 0 0 8px;
   border: none;
}

/*** filter modal ***/

.filter-list {
   display: block;
   height: 200px;
   overflow-y: scroll;
   padding: 0px;
   border: 1px solid #cccccc;
}
.filter-list ul {
   margin: 0;
   padding: 0;   
}
.filter-list ul li {
   display: block;
   padding: 8px;
   margin: 0;
   border-bottom: 1px solid #eee;
}
.filter-list ul li:last-child {
   border: 0;
}
.filter-list ul li:hover {
   background: #f5f5f5;
}

/*** main content area ***/

#content {
	margin: 0 auto;
	width: 976px;
	text-align: left;
	padding-top: 81px;
}
.no-results {
   /*display: block;
   width: 100%;
   height: 300px;*/
}
.no-results span {
   display: block;
   width: 240px;
   padding: 48px 40px;
   text-align: center;
   margin: 16px auto 0 auto;
   border: 1px dashed #cccccc;
   border-radius: 20px;
   font-weight: normal;
   color: #666666;
   font-size: 0.9em;
   line-height: 1.5em;
}
.no-results h3 {
   display: block;
   margin-bottom: 16px;
   color: #505F7C;
   font-weight: bold;
   font-size: 1.2em;
}
.authors h3 {
   color: #505F7C;
   font-size: 2em;
   text-shadow: 0 1px 0 #ffffff;
}
.authors h3 a {
   display: inline-block;
   float: left;
   color: #505F7C;
   font-size: 1em;
   padding: 5px 7px;
   text-shadow: 0 1px 0 #ffffff;
   border: none;
   text-align: center;
}
.authors h3 a:hover {
   color: #ffffff;
   background-color: #505F7C;
   font-size: 1em;
   text-shadow: 0 -1px 0 #333333;
   border: none;
   border-radius: 4px;
}

/*** ajax message ***/

#message {
	display: block;
	position: fixed;
	width: 944px;
	padding: 16px 16px 14px 16px;
	margin: -20px 0 32px 0;
	background-color: #ffffff;
   box-shadow: 0px 3px 50px rgba(0,0,0,0.3);
   border-radius: 4px;
   z-index: 7776;
}
.home #message {
   margin-top: -67px;
}
.close {
   display: block;
   position: absolute;
   width: 26px;
   height: 28px;
   margin: -5px 0 0 920px;
   background-image: url('../img/icon-close.png');
   background-repeat: no-repeat;
   background-position: 0 -26px;
}

.close:hover {
   background-position: 0 0;
}
#message .icon-fav,
#message .icon-share,
#message .icon-user {
   margin: -99px 8px -7px -5px;
}
#message .icon-fav {
   background-position: 0 -78px;
}
#message .icon-share {
   background-position: 0 -52px;
}


/*** close button ***/

.close-small {
   display: inline-block;
   position: absolute;
   width: 20px;
   height: 20px;
   background-image: url('../img/icon-close-small.png');
   background-repeat: no-repeat;
   border: none;
   background-position: 0 -60px;
}
.close-small:hover {
   background-position: 0 -40px;
}

/*** modal window ***/

#modal-tint {
   display: block;
   position: absolute;
   width: 100%;
   height: 100%;
   z-index: 8887;
   background: -moz-linear-gradient(top,  rgba(0,0,0,0.4) 25%, rgba(0,0,0,0) 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(25%,rgba(0,0,0,0.4)), color-stop(100%,rgba(0,0,0,0)));
   background: -webkit-linear-gradient(top,  rgba(0,0,0,0.4) 25%,rgba(0,0,0,0) 100%);
   background: -o-linear-gradient(top,  rgba(0,0,0,0.4) 25%,rgba(0,0,0,0) 100%);
   background: -ms-linear-gradient(top,  rgba(0,0,0,0.4) 25%,rgba(0,0,0,0) 100%);
   background: linear-gradient(top,  rgba(0,0,0,0.4) 25%,rgba(0,0,0,0) 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66000000', endColorstr='#00000000',GradientType=0 );
}
#modal {
   display: block;
   min-height: 160px;
   width: 16em;
   padding: 56px 64px 56px 64px;
   position: relative;
   background-color: #ffffff;
   box-shadow: 0px 3px 50px #333;
   border-radius: 6px;
   border-top-left-radius: 0;
   border-top-right-radius: 0;
   margin: 0 auto 0 auto;
   text-align: left;
}
#modal .close {
   float: right;
   position: relative;
   margin: -40px -48px 0 0;
}
#modal h3 {
   display: block;
   margin-bottom: 8px;
}
#modal p {
   font-family: Helvetica, Arial, sans-serif;
   font-size: 0.9em;
}
#modal .hr {
   width: 100%;
}

/*** modal organisations ***/

#modal.organisations {
   width: 30em;
}
#modal.organisations .select-organisation {
   border-collapse: collapse;
   margin: 0;
   padding: 0;
}
#modal.organisations .select-organisation a {
   display: block;
   position: relative;
   width: 8.9em;
   padding: 1em;
   margin: 0 0.25em 0.25em 0;
   float: left;
   line-height: 1em;
   border: none;
   font-size: 1em;
   height: 1.3em;
   line-height: 1.3em;
}
#modal.organisations .select-organisation a:nth-child(3n+3) {
   margin: 0 0 0.25em 0 !important;
}
#modal.organisations .select-organisation a span {
   position: absolute;
   height: 2em;
   width: 8.9em;
   text-align: center;
}

/*** modal sign in or register ***/

.form.register,
.form.register2,
.form.register3,
.form.sign-in,
.form.why,
.form.forgot-password {
   display: none;
}
.form.register2 input+input {
   margin-top: -12px;
}

.register {
	font-weight: bold;
	color:#ff5200 !important;
}

/*** form validation ***/

.error {
   border: 1px solid #cf2c2c !important;
}
.error-text {
   color: #cf2c2c;
   font-size: 0.9em;
   margin-left: 8px;
   display: block;
   padding: 0 !important;
   margin: -8px 0 16px 0 !important;
   line-height: 1.2em;
}

.status-error {
	   color: #cf2c2c;
}

/*** refine results side-bar ***/

div#refine-side {
   width: 180px;
   margin-right: 9px;
   height: 300px;
}
div#refine-hr {
   width: 0px;
   border: none;
   border-right: 1px solid rgba(255, 255, 255, 0.7);
   border-left: 1px solid rgba(0, 0, 0, 0.05);
   height: 2000px;
   margin-right: 9px;
   margin-top: -97px;
}

/*** snippets ***/

.snippet {
   display: block;
   background-color: #ffffff;
   margin-bottom: 0.5em;
   box-shadow: 0px 1px 3px #aaaaaa;
}
.snippet .pub-date {
   display: inline-block;
   font-size: 0.8em;
   font-weight: normal;
   color: #aaaaaa;
}
.snippet h3,
.snippet h2 {
   display: inline;
   font-size: 1.1em;
   line-height: 1.3em;
   font-weight: bold;
   border: none;
}
.snippet h3 a,
.snippet h2 a {
   border: none;
   float: none;
}
.snippet h3 a:hover,
.snippet h2 a:hover {
   border-bottom: 1px dotted;
}
.snippet .summary .expanded {
   display: none;
   height: auto;
}
.snippet-type {
   display: block;
   position: absolute;
   width: 28px;
   height: 26px;
   padding: 16px;
   margin: 0 0 0 244px;
   border-bottom-left-radius: 4px;
   border-bottom-right-radius: 4px;
   z-index: 6667;
}
.snippet-type .snippet-icon {
   padding: 0 !important;
   margin: 0 !important;
}
.snippet-menu {
   display: block;
   /*visibility: hidden;*/
   position: absolute;
   margin: 14px 0 0 16px;
   z-index: 6666;
   /*box-shadow: 0px 5px 30px rgba(0,0,0,0.5);*/
   border-radius: 4px;
}
.snippet-menu a {
   display: block;
   float: left;
   width: 60px;
   height: 50px;
   padding: 4px 6px;
   border: none;
   color: #666666;
   font-size: 0.8em;
   text-align: center;
   opacity: 0.6;
   /*text-shadow: 0 1px 0 #ffffff;*/
   /*background: #f9f9f9;
   background: -moz-linear-gradient(top,  #f9f9f9 0%, #d8d8d8 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#d8d8d8));
   background: -webkit-linear-gradient(top,  #f9f9f9 0%,#d8d8d8 100%);
   background: -o-linear-gradient(top,  #f9f9f9 0%,#d8d8d8 100%);
   background: -ms-linear-gradient(top,  #f9f9f9 0%,#d8d8d8 100%);
   background: linear-gradient(top,  #f9f9f9 0%,#d8d8d8 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#d8d8d8',GradientType=0 );*/
}
.snippet-menu a:first-child {
   border-top-left-radius: 4px;
   border-bottom-left-radius: 4px;
}
.snippet-menu a:last-child {
   border-top-right-radius: 4px;
   border-bottom-right-radius: 4px;
}
.snippet-menu a:hover {
   background: rgb(255,255,255);
   background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(232,232,232,1) 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(232,232,232,1)));
   background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%);
   background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%);
   background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%);
   background: linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8e8e8',GradientType=0 );
   border-radius: 4px;
   box-shadow: 0 0 1px rgba(0,0,0,1);
   opacity: 1;
}
.snippet-menu span {
   display: block;
   margin: 4px 0 3px 16px;
   width: 28px;
   height: 26px;
}
.snippet-menu .download {
   background-image: url('../img/icon-download.png');
}
.snippet-menu .share {
   background-image: url('../img/icon-share.png');
}
.snippet-menu .favourite {
   background-image: url('../img/icon-fav2.png');
}
.snippet-menu a.fav-on .favourite {
   background-position: 0 -78px;
}
.category #snippets {
   margin: 0 64px 2em 64px;
}
.category header {
   margin: 0 64px;
}
.category .bevel-rule {
   width: 848px;
}
.index .bevel-rule {
   margin-left: 64px;
}

.list-view .snippet {
   width: 842px;
   border-right: 6px solid #777777;
   margin-bottom: 4px;
}
.list-view .snippet .image {
   display: block;
   width: 160px;
   height: 100px;
   float: left;
   margin-right: 0px;
}
.list-view .snippet .image img {
   display: none;
   width: 228px;
   height: 100px;
   position: absolute;
   z-index: 5554;
   padding: 0;
   margin: 0;
   border: 0;
}
.list-view .snippet .summary {
   display: block;
   padding: 16px 16px 10px 16px;
   width: 512px;
   float: left;
}
.list-view .snippet h3 {
   display: block;
   max-height: 2.6em;
   overflow: hidden;
   margin: 0;
   padding: 0;
   font-style: normal;
}
.list-view .snippet p {
   height: 1.5em;
   overflow: hidden;
   margin-top: 4px !important;
   padding: 0;
   margin: 0;
}
.list-view .snippet.expanded p,
.list-view .snippet.expanded h3 {
   height: auto;
   overflow: auto;
}
.list-view .snippet .summary {
   margin-top: 0px !important;
}
.list-view .snippet .snippet-type {
   margin: 0 0 0 16px;
}
.list-view .snippet-menu {
   margin: 20px 0 0 750px;
}

.doc-menu .snippet-menu {
   display: none;
   visibility: hidden;
   margin: 8px 0 0 754px;
   box-shadow: 0 0 1px rgba(0,0,0,1);
}
.doc-menu .snippet-type {
   margin: 0 0 0 0;
}

.grid-view .snippet {
   width: 320px;
   height: auto;
   border-top: 6px solid #777777;
}
.grid-view .snippet .image {
   display: block;
   width: 320px;
   min-height: 100px;
   margin-bottom: 16px;
   background: #ffffff;
   background: -moz-linear-gradient(top,  #ffffff 0%, #f5f5f5 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f5f5f5));
   background: -webkit-linear-gradient(top,  #ffffff 0%,#f5f5f5 100%);
   background: -o-linear-gradient(top,  #ffffff 0%,#f5f5f5 100%);
   background: -ms-linear-gradient(top,  #ffffff 0%,#f5f5f5 100%);
   background: linear-gradient(top,  #ffffff 0%,#f5f5f5 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0 );
}
.grid-view .snippet-menu {
   display: none;
   visibility: hidden;
}
.grid-view .snippet .image img {
   width: 320px;
   height: 140px;
   z-index: 5554;
   float: left;
}
.grid-view .snippet .summary {
   margin: 0 16px;
   padding-bottom: 16px;
}
.grid-view .snippet p,
.grid-view .snippet h3 {
   height: auto;
}
.grid-view .grid-col-1,
.grid-view .grid-col-2,
.grid-view .grid-col-3 {
   width: 320px;
   margin-right: 8px;
}
.grid-view .grid-col-3 {
   margin: 0;
}

/*** snippet types ***/

.snippet.ncver,
.ncver .doc-menu {
   border-color: #0066b3 !important;
}
.snippet.ncver .snippet-type,
.ncver .doc-menu .snippet-type {
   background: #0066b3 !important;
}
.snippet.ncver .snippet-icon,
.ncver .doc-menu .snippet-icon {
   display: block;
   margin: 6px;
   width: 28px;
   height: 26px;
   background-image: url('../img/icon-ncver.png');
   background-repeat: no-repeat;
   background-position: 0 -26px;
}
.list-view .snippet.support .image:before {
   display: block;
   position: absolute;
   width: 145px;
   height: 88px;
   content: "";
   background-image: url('../img/bg-snip-support.gif');
   background-repeat: no-repeat;
}
.list-view .snippet.pub .image:before {
   display: block;
   position: absolute;
   width: 145px;
   height: 88px;
   content: "";
   background-image: url('../img/bg-snip-pub.gif');
   background-repeat: no-repeat;
}
.list-view .snippet.ncver .image:before {
   display: block;
   position: absolute;
   width: 145px;
   height: 88px;
   content: "";
   background-image: url('../img/bg-snip-ncver.gif');
   background-repeat: no-repeat;
}
.list-view .snippet.data .image:before {
   display: block;
   position: absolute;
   width: 145px;
   height: 88px;
   content: "";
   background-image: url('../img/bg-snip-data.gif');
   background-repeat: no-repeat;
}

.snippet.data,
.data .doc-menu {
   border-color: #0066b3 !important;
}
.snippet.data .snippet-type,
.data .doc-menu .snippet-type {
   background: #0066b3 !important;
}
.snippet.data .snippet-icon,
.data .doc-menu .snippet-icon {
   display: block;
   margin: 6px;
   width: 28px;
   height: 26px;
   background-image: url('../img/icon-collection.png');
   background-repeat: no-repeat;
   background-position: 0 -26px;
}
.snippet.data table tbody tr.odd td {
	background: #f5f5f5;
}
.snippet.data table tbody tr.even td {
	background: #ffffff;
}



.snippet.pub {
   border-color: #a280bc !important;
}
.parent-collection .snippet-type,
.snippet.pub .snippet-type,
.pub .doc-menu .snippet-type {
   background: #a280bc !important;
}
.parent-collection .snippet-icon,
.snippet.pub .snippet-icon,
.pub .doc-menu .snippet-icon {
   display: block;
   margin: 6px;
   width: 28px;
   height: 26px;
   background-image: url('../img/icon-pub.png');
   background-repeat: no-repeat;
   background-position: 0 -26px;
}

.snippet.support {
   border-color: #0066b3 !important;
}
.snippet.support .snippet-type,
.support .doc-menu .snippet-type {
   background: #0066b3 !important;
}
.snippet.support .snippet-icon,
.support .doc-menu .snippet-icon {
   display: block;
   margin: 6px;
   width: 28px;
   height: 26px;
   background-image: url('../img/icon-support.png');
   background-repeat: no-repeat;
   background-position: 0 -26px;
}
.snippet.glossary {
   padding: 24px;
}
.snippet.glossary .summary p.small {
   font-size: 1.2em !important;
}
.snippet.glossary .summary p a {
   font-size: 1.2em !important;
}

/*** home page ***/

.home-bg {
   display: block;
   position: fixed;
   margin-top: 0px;
   z-index: -1;
}

.home #content {
   padding-top: 40px;
}

.grid-double-col {
   display: block;
   width: 656px;
}
.grid-double-col .snippet {
   margin-right: 8px;
   padding-bottom: 8px;
}

.snippet.hero {
   display: block;
   position: relative;
   width: 648px;
   margin: 0 8px 8px 0;
}
.snippet.hero h2 {
   font-size: 2em;
   line-height: 1em;
   margin-top: 0;
}
.snippet.hero .text .pub-date {
   margin-top: 8px;
}
.snippet.hero img {
   display: block;
   position: absolute;
   width: 648px;
   height: 400px;
   z-index: 6664;
}
.snippet.hero .snippet-type {
   margin: 0 0 0 572px;
}
.snippet.hero .snippet-menu {
   margin: 14px 0 0 32px;
   z-index: 6665;
}
.snippet .text {
   display: block;
   position: absolute;
   width: 348px;
   height: 280px;
   margin: 88px 0 0 32px;
   padding: 16px;
   background-color: #ffffff;
   z-index: 6665;
}
.snippet .text h1 {
   padding: 0 0 16px 0;
   color: #333333;
}
.snippet .text .pub-date {
   display: block;
   margin-top: 16px;
   font-size: 0.5em !important;
   color: #777777;
}
.snippet .summary p {
   margin-top: 8px;
   font-size: 1em !important;
}

.snippet .summary table {
	margin-top: 4px;
	margin-bottom: 4px;
}

.home-links {
   margin: 8px 0 8px 0;
}
.home-links a {
   width: 209px;
   height: 150px;
   margin-right: 8px;
   float: left;
   display: inline-block;
   text-align: center;
   border: none;
   padding: 8px 0 8px 0;
   font-size: 1.2em !important;
   text-shadow: 0 1px 0 #ffffff;
}
.home-links a span:first-child {
   display: block;
   height: 70px;
   width: 100px;
   margin-left: 54px;
}
.home-links a span:last-child {
   display: block;
   width: 160px;
   margin: 0 24px;
   color: #888888;
   font-size: 0.8em;
   line-height: 1em;
   text-shadow: 0 1px 0 #ffffff;
}
.home-links a span.avs {
   background-image: url('../img/logo-avs.png');
   background-repeat: no-repeat;
}
.home-links a:hover span.avs {
   background-image: url('../img/logo-avs-hover.png');
   background-repeat: no-repeat;
}
.home-links a span.voced {
   background-image: url('../img/logo-vocedplus.png');
   background-repeat: no-repeat;
}
.home-links a:hover span.voced {
   background-image: url('../img/logo-vocedplus-hover.png');
   background-repeat: no-repeat;
}
.home-links a span.lsay {
   background-image: url('../img/logo-lsay.png');
   background-repeat: no-repeat;
}
.home-links a:hover span.lsay {
   background-image: url('../img/logo-lsay-hover.png');
   background-repeat: no-repeat;
}
.home-links a:last-child {
   margin-right: 0;
}
.home-links a img {
   display: block;
   margin: 20px 110px 0 110px;
}

.ncver-hero {
   margin-top: 0;
}
.ncver-hero h1 {
   font-weight: normal;
   margin: -50px 0 -20px 0;
   line-height: 1.5em;
   text-shadow: 0 1px 0 #ffffff;
   color: #aaaaaa;
   font-size: 2em;
   width: 744px;
   height: 135px;
   background-image: url('../img/home-hero.jpg');
}
.ncver-hero h1 span {
   color: #505f7c;
}

/*** support topic ***/

.support .support-types {
   padding: 0 0 2em 244px;
}
.support .support-types a {
   float: left;
   width: 100px;
   text-align: center;
   border-radius: 0;
   vertical-align: bottom;
   margin-left: -1px;
}
.support .support-types a:first-child {
   border-top-left-radius: 4px;
   border-bottom-left-radius: 4px;
}
.support .support-types a:last-child {
   border-top-right-radius: 4px;
   border-bottom-right-radius: 4px;
}

/*** data view ***/

.data-view {
   display: block;
   height: 400px;
   border: 1px solid #eeeeee;
}

.full-list {
   margin: 1em 64px 0 64px;
}
.full-list ul li {
   margin-bottom: 0.5em;
   font-size: 1.1em;
   line-height: 1.2em;
   /*float: left;*/
   /*margin-right: 1em;*/
   background-color: #fff;
   border-radius: 4px;
   width: auto !important;
}
.full-list a {
   border: none;
   color: #505F7C;
   padding: 0.5em;
   width: 100%;
   height: 100%;
   line-height: 1.2em;
   display: block;
}
.full-list li:hover {
   border: none;
   background-color: #505F7C;
}
.full-list li:hover a {
   color: #fff;
}

/*** data tables ***/

h2.table-data {
   margin-bottom: -2.2em;
}
.table-data {
   font-size: 0.8em;
   margin-bottom: 0.5em;
}
.table-data.head tr {
   margin-bottom: 0;
   background-color: #fff !important;
   border-bottom: 1px solid #eee;
}
.table-data.head tr td {
   padding-right: 0.5em !important;
}
.table-data.head tr:hover {
   background-color: #fff !important;
   color: #333 !important;
}
.table-data td {
   padding: 0.5em;
   text-align: right;
}
.table-data tr:hover {
   background-color: #505F7C !important;
   color: #fff;
}
.table-data td:nth-child(6n+1) {
   text-align: left;
}
.table-data tr:nth-child(2n+1) {
   background-color: #f5f5f5;
}
.table-data .tb-bold {
   font-weight: bold;
   font-size: 1.2em;
   padding: 1em 0 0.5em 0;
}
.table-data .tb-light {
}
.table-data .tb-light td {
   padding: 1em 0.3em;
}
h5 {
   font-weight: bold;
   font-size: 0.9em;
   padding: 1em 0 0.5em 0;
}

/*** gallery ***/

.gallery-section {
   margin-bottom: 32px;
}
.gallery-section .gallery-item:nth-child(2n+1) {
   margin-right: 16px;
}
.gallery-item {
   display: inline-block;
   width: 416px;
   min-height: 100px;
   margin: 0 0 48px 0;
}
.gallery-item-details {
   display: block;
   width: 260px;
   padding-left: 8px;
}
.gallery-item-title {
   display: block;
   font-weight: bold;
   font-size: 1.2em;
   padding-bottom: 0.5em;
}
.gallery-item-subtitle {
   display: block;
   font-style: italic;
   color: #888;
   padding-bottom: 0.3em;
}
p.gallery-item-desc {
   line-height: 1.2em;
   font-size: 1em !important;
}

/*** vet glossary ***/

.doc-body.alpha-list {
   margin-top: -58px;
}
.doc-body.alpha-list .letter {
   font-size: 1.2em;
   font-weight: bold;
   color: #666;
   text-shadow: 0px 1px 0px #fff;
   background: #ffffff;
   background: -moz-linear-gradient(top,  #ffffff 0%, #eeeeee 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee));
   background: -webkit-linear-gradient(top,  #ffffff 0%,#eeeeee 100%);
   background: -o-linear-gradient(top,  #ffffff 0%,#eeeeee 100%);
   background: -ms-linear-gradient(top,  #ffffff 0%,#eeeeee 100%);
   background: linear-gradient(to bottom,  #ffffff 0%,#eeeeee 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );
   border-bottom: 1px solid #e7e7e7 !important;
   padding: 0.5em 64px !important;
   margin-top: -1px;
}
.doc-body.alpha-list dl,
.doc-body.alpha-list .letter,
.doc-body.alpha-list ul li a {
   margin-left: -64px;
   margin-right: -64px;
   border-bottom: 1px solid #eee;
}
.doc-body.alpha-list ul li {
   margin-bottom: 0;
}
.doc-body.alpha-list ul li a {
   line-height: 1.2em;
   margin-top: 0;
   font-family: Helvetica, Arial, sans-serif;
   color: #333;
   font-weight: bold;
   font-size: 1.2em;
   display: block;
   width: 100%;
   padding: 16px 64px;
}
.doc-body.alpha-list dl dt:hover,
.doc-body.alpha-list ul li a:hover {
   background-color: #fafafa;
}
.doc-body.alpha-list dl dt {
   font-weight: bold;
   font-size: 1.2em;
   cursor: pointer;
   padding: 16px 64px;
}
.doc-body.alpha-list dl dd {
   font-family: 'Times New Roman', serif;
   line-height: 1.5em;
   font-size: 1.3em;
   color: #333;
   padding: 0px 64px 16px 64px;
}
.doc-body.alpha-list dl dd a {
   font-size: 1em;
   font-family: 'Times New Roman', serif;
   cursor: pointer;
}
.search.glossary input {
   width: 240px;
}
.download.glossary {
   margin-top: 24px !important;
   margin-left: 8px;
   height: 36px;
}
.glossary-alphabet {
   width: 30px;
   display: block;
   position: absolute;
   background-color: rgba(0,0,0,0.2);
   margin: 0 0 0 851px;
   border-radius: 15px;
   padding: 0.5em 0;
}
.glossary-alphabet a {
   display: block;
   width: 30px;
   text-align: center;
   padding: 0.2em 0;
   border: none;
   color: #fff;
}
#doc-nav-container.alphabet li {
   margin-right: 0;
}
#doc-nav-container.alphabet .icon-search {
   margin-top: 5px;
   background-position: 0 -20px;
}

/*** footer ***/

footer {
	display: block;
	height: 50px;
	position: relative;
	padding: 32px 0 32px 0;
	color: #ffffff;
	z-index: 6666;
	margin-top: 64px;
}

/**background-color: rgba(52,62,81,0.9); */
#footer-container {
   display: block;
   overflow: hidden;
   position: absolute;
   width: 100%;
   padding-bottom: 0px;
   background-color: #004677; 
   box-shadow: 0px -10px 64px rgba(0,0,0,0.2);

}
#footer {
   margin: 0 auto;
   padding: 32px 0 64px 0;
   width: 976px;
   text-align: left;
}
footer ul {
   width: 220px;
   padding: 8px;
   margin-right: 8px;
   line-height: 200%;
}
footer ul li:first-child {
   margin-bottom: 16px;
}
footer ul:last-child {
   margin-right: 0;
}
footer #footer {
   font-size: 0.9em;
}
footer #footer ul li a,
footer #footer ul li a:hover,
footer #footer ul li a:link {
   color: #C2CCD8;
   border: none;
}
footer #footer ul li a:hover {
   color: #ffffff;
}
footer #identification {
   display: block;
   width: 976px;
   color: #a4acb5;
   margin: 32px 0 0 0;
   padding-top: 16px;
   border-top: 1px solid #798088;
}

/*** Section User Details **/
.userData1 {
	margin: 6px 0 24px 0;
	padding: 0 8px;
	font-size: 0.9em;
	text-transform: lowercase;
	color: #666666;
	text-align: right;
}

/*** Section Space between li breaks ***/
.userData1 li {
	margin-bottom: .5em;
}

.userData1 strong {
	font-weight: 600;
}

/** helpdesk **/
#helpform {
	padding-top: 40px;
	padding-bottom: 10px;
}
}

/* 3-column grid using 840px full width */
.grid3col .column { width: 300px; margin-left: 30px; }
.column { float: left; }
.column.first, .column.last { margin-left: 0 !important; }
.column.last { float: right !important; }


/** Keep static footer of 290px // push down only if necessary **/
html,body {
	height: 100%;
}

.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -290px;
	/* the bottom margin is the negative value of the footer's height */
}

.bottomFooter,.push {
	height: 290px; /* .push must be the same height as .footer */
}


/** ============  Self Registration Form ============== **/
.selfRegistration {
	width: 960px;
	float: left;
}
.selfRegistration .row {
	float: left;
	width: 960px;
	padding-bottom: 5px;
}

.selfRegistration .label {
	width: 185px;
	text-align: right;
	float: left;
	padding-right: 10px;
	padding-top: 10px;
}
.selfRegistration .buttonRow {
	float: left;
	padding-left: 160px;
}

.firstName, .lastName, .email, .telephone, .position {
	width: 240px;
	float: left;
}

.selfRegistration .captchaPanel {
	width: 700px;
	height: 140px;
	float: left;
}
.selfRegistration .messageLabel {
	width: 960px;
	float:left;
	padding-bottom: 10px;
}
.mandatoryFieldControl {
	float: left;
	color: red;
	font-style: italic;	
}