html * {
    margin: 0; /*padding: 0; SELECT NOT DISPLAYED CORRECTLY IN FIREFOX */
}

html {
    min-height: 100%;
}


body.yui-skin-sam   {
    min-height: 100%;
    background-image: url(../../../images/repeating-bg.png);
    background-image: url(../../../images/repeating-bg.png), linear-gradient( rgba(0, 0, 0, 0), rgba(0,0,0, 0.1));
}

table.navDiv {
    width: 100%;
    height: 80px;
    color: white;
    margin: 0;
    padding: 0;
    font: 35px verdana, arial, helvetica, sans-serif;
    font-weight: bold;
    border: none !important;
}

table.navDiv tr.navDivTop {
    background:  linear-gradient(to bottom, #FFFFFF, #EBEBEB);
    height: 43px;
}

table.navDiv tr.navDivTop div > a {
    color: #555555;
}

table.navDiv tr.navDivBottom {
    background-image: url(../../../images/header_fadeLeft2.jpg);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 100% 190%;
    hieght: 33px;
}

table.navDiv  td {
    border: none !important;
}

td.navDivLeft div {
    background-image: url(../../../images/Preservica_Logo.png);
    background-size: 110px, 40px;
    background-repeat: no-repeat;
    position: absolute;
    left: 10px;
    top: 4px;
    width: 110px;
    height: 45px;
}

td.navDivRight {
    background: linear-gradient(to right, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.2) 5%, rgba(255, 255, 255, 0) 10%);
    padding: 0px 0px;
    vertical-align: bottom;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

div.unreadmessage {
    background-color: #add8e6;
    background: #add8e6;
    border-style: solid;
    height: 80px;
    width: 600px;
    padding: 20px 80px 10px 40px;
    margin-bottom: 30px;
}

table.headerDiv {
    width: 100%;
    height: 80px;
    color: white;
    margin: 0;
    padding: 0;
    font: 35px verdana, arial, helvetica, sans-serif;
    font-weight: bold;
    border: none;
}

td.headerDivLeft {
    background: url(../../../images/header_fadeRight.jpg) no-repeat 0 0;
    padding: 5px 6px;
}

td.headerDivRight {
    background: url(../../../images/Preservica_Logo.png) no-repeat left;
    width: 217px;
    padding: 5px 6px;
}

body {
    background: #fff;
    color: #333;
    font: 12px verdana, arial, helvetica, sans-serif;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    width: 100%;
}

/* Nav bar */

nav {
    width: 100%;
}

table.navDiv #searchQuery {
    border:medium none;
    font:14px arial,sans-serif;
    margin:0;
    padding: 1px 10px 1px 30px;
    background-image:url('../../../images/search_blue.ico');
    background-repeat:no-repeat;
    background-size:17px 17px;
    background-repeat:no-repeat;
    background-color: #FFFFFF;
    background-position:5px 4px;
    border-radius: 10px; text-align: center;
}

.navDiv tr:not(.navDivTop) td {
    font: 11px/12px verdana,arial,helvetica,sans-serif !important;
    padding: 5px 0px 5px 12px !important;
    text-align: left !important;
    vertical-align: middle !important;
}

.navDiv	ul {
    padding-left: 15px;
}

.navDiv a:visited {
    color: #FFFFFF;
    text-decoration:none;
}

.navDiv a:hover {
    text-decoration: none;
}

.navDiv input, .navDiv select, .navDiv textarea, .navDiv button {
    background-color: #FCFCFC;
    border: 1px solid #CCCCCC;
    font: 11px verdana,arial,helvetica,sans-serif;
    height: 23px;
    margin: 2px 0;
    padding: 2px 2px 2px 0px;
}

nav ul {
    list-style: none;
    position: relative;
    margin: 0;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}

nav.main_nav ul ul {
    display: none;
    background: linear-gradient( #011B30, #85A0B4);
    margin: 0;
}

nav.user_nav ul ul {
    display: none;
    background: linear-gradient( #DDDDDD, #011B30);
    margin: 0;
}

nav.main_nav ul ul {
    position: absolute;
}

nav.user_nav ul ul {
    position: right;
}

nav td {
    border: none !important;
}

nav.main_nav>ul>li {
    padding-left: 20px;
    margin: 0;
}

nav>ul>li>div {
    border-radius: 5px;
}

nav>ul>li>div>a{
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

nav.main_nav ul li div > ul {
    min-width: 200px;
}

nav.main_nav ul li div.show > ul {
    display: block;
}

nav.user_nav ul li div.show > ul {
    display: block;
    width: inherit;
}

nav ul > li {
    float: left;
    margin: 0px;
}

nav ul ul li {
    float: none;
    position: relative;
    margin-top: 0px;
    margin-bottom: 0px;
}

nav ul ul li a.show{
    color: #8AE08A !important;
}

nav.main_nav ul li div.nav_enabled.show {
    background:  #011B30;
}

nav.user_nav ul li div.nav_enabled.show {
    background:  #DDDDDD;
}

nav.main_nav ul li div.nav_enabled a.show {
    color: #8AE08A;
}

nav nav.user_nav ul li div.nav_enabled a.show {
    color: #FFFFFF;
}

nav .content_link{
    height: 25px !important;
    padding-top: 8px !important;
    padding-bottom: 0px !important;
}

nav .static_link{
    height: 25px !important;
    padding-bottom: 0px !important;
}

nav .nav_item_no_children > a{
    border-radius: 5px;
}

nav li.li_disabled a{
    cursor: default !important ;
    color: #777777 !important;
}

nav li.li_no_click{
    cursor: default !important;
}

nav li.li_no_click > div > a{
    cursor: default !important;
}


/* GENERAL */

.spinner {
    padding: 5px;
    position: absolute;
    right: 0;
}

.copyright {
    text-align: right;
    padding-right: 4px;
    font-weight: bold;
    font-size: 7pt;
    font-family: verdana,​arial,​helvetica,​sans-serif;
}

.breadcrumb {
    background: white url(../../../images/status-bar.gif) no-repeat;
    width: 935px;
    height: 30px;
    padding: 15px;
}

.breadcrumb-selected {
    color: white;
    background-color: #69c;
    font: 9pt verdana, arial, helvetica, sans-serif;
    font-weight: bold;
    border: 1px none #006dba;
    margin: 5px 5px 5px 5px;

}

.breadcrumb-not-selected {
    font: 8pt verdana, arial, helvetica, sans-serif;
    margin: 5px 5px 5px 5px;
    color: black;
}

a:link, a:visited, a:hover {
    color: #666;
    font-weight: bold;
    text-decoration: none;
}

h1 {
    color: #006dba;
    margin: .8em 0 .3em 0;
    font: 18px verdana, arial, helvetica, sans-serif, bold;
}

h2 {
    color: #006dba;
    margin: .8em 0 .3em 0;
    font: 16px verdana, arial, helvetica, sans-serif, bold;
}

h3 {
    color: black;
    margin: .8em 0 .3em 0;
    font: 14px verdana, arial, helvetica, sans-serif, bold;
}

ul {
    padding-left: 15px;
}

input, select, textarea, button {
    background-color: #fcfcfc;
    border: 1px solid #ccc;
    font: 11px verdana, arial, helvetica, sans-serif;
    height: 23px;
    margin: 2px 0;
    padding: 2px 4px;
}

select {
    padding: 2px 2px 2px 0;
}

textarea {
    width: 250px;
    height: 150px;
    vertical-align: top;
}

input:focus, select:focus, textarea:focus {
    border: 1px solid #b2d1ff;
}

.body {
    float: left;
    margin: 0 15px 10px 15px;
}

.inset {
	border:2px inset #CECECE;
	border-radius:5px;
	background:#FDFDFD;
}

/* NAVIGATION MENU */

.nav {
    background: #fff url(../../../images/skin/shadow.jpg) bottom repeat-x;
    border: 1px solid #ccc;
    border-style: solid none solid none;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 10px 12px;
}

.menuButton {
    font-size: 10px;
    padding: 0 5px;
}

.menuButton a {
    color: white;
    padding: 6px 6px;
}

.menuButtonSlide {
    font-size: 10px;
    padding-top: 8px;
    text-align: right;
    height: 22px;
    vertical-align: middle;
    border: 1px solid #4E78A0;
    background-color: white;
}

.menuButtonSlide a {
    color: black;
    padding: 4px 6px;
}

a.home {
    background: url(../../../images/skin/home.png) center left no-repeat;
    color: white;
    padding-left: 25px;
}

a.messageClass {
    background: url(../../../images/mail.png) center left no-repeat;
    color: white;
    padding-left: 25px;
}

.ingestbutton {
    background: url(../../../images/home/ingest.png);
}

a.ingest {
    background: url(../../../images/package_new.png) center left no-repeat;
    padding-left: 25px;
}

a.access {
    background: url(../../../images/skin/folder_out.png) center left no-repeat;
    padding-left: 25px;
}

a.admin {
    background: url(../../../images/skin/wrench.png) center left no-repeat;
    padding-left: 25px;
}

a.browse {
    background: url(../../../images/data_find.png) center left no-repeat;
    padding-left: 25px;
}

a.registry {
    background: url(../../../images/registry.png) center left no-repeat;
    padding-left: 25px;
}

a.storage {
    background: url(../../../images/harddisk_add.png) center left no-repeat;
    padding-left: 25px;
}

a.dataManagement {
    background: url(../../../images/data_add.png) center left no-repeat;
    padding-left: 25px;
}

a.dips {
    background: url(../../../images/registry.png) center left no-repeat;
    padding-left: 25px;
}

a.transform {
    background: url(../../../images/transform.png) center left no-repeat;
    padding-left: 25px;
}

a.report {
    background: url(../../../images/skin/document_chart.png) center left no-repeat;
    padding-left: 25px;
}

a.admin {
    background: url(../../../images/skin/wrench.png) center left no-repeat;
    padding-left: 25px;
}

a.list {
    background: url(../../../images/skin/database_table.png) center left no-repeat;
    padding-left: 25px;
}

a.create {
    background: url(../../../images/skin/database_add.png) center left no-repeat;
    /* color: #333; */
    padding-left: 25px;
}

/* MESSAGES AND ERRORS */

.message {
    background: #f3f8fc url(../../../images/skin/information.png) 8px 50% no-repeat;
    border: 1px solid #b2d1ff;
    color: #006dba;
    margin: 10px 0 5px 0;
    padding: 5px 5px 5px 30px
}

div.errors {
    background: #fff3f3;
    border: 1px solid red;
    color: #cc0000;
    margin: 10px 0 5px 0;
    padding: 5px 0 5px 0;
}

div.errors ul {
    list-style: none;
    padding: 0;
}

div.errors li {
    background: url(../../../images/skin/exclamation.png) 8px 0% no-repeat;
    line-height: 16px;
    padding-left: 30px;
}

td.errors input {
    border: 1px solid red;
}

/* TABLES */

.tabular-no-border {
    border: none !important;
}

div.ygtvitem table {
    border: 0;
    height: 25px;
}

table {

    border: 0px solid #ccc;
    /*
    width: 100%
    */

}

tr {
    border: 0;
}

td, th {
    font: 11px verdana, arial, helvetica, sans-serif;
    padding: 5px 6px;
    vertical-align: middle;
}

th {
    background: #fff url(../../../images/skin/shadow.jpg) center center;
    color: #666;
    font-size: 11px;
    font-weight: bold;
    line-height: 14px;
    padding: 2px 6px;
    text-align: left;
}

.horiztable {
    background: #69c;
}

table.langbar {
    background: linear-gradient(#7F8C95, #092C42 20%, #092C42 80%, #7F8C95);
    border: 0;
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-color: #4E78A0;
    height: 30px;
    color: white;
    font: 8pt verdana, arial, helvetica, sans-serif;
    font-weight: bold;
    width: 100%;

}

table.langbar td {
    border: none;
    padding: 0;
    margin: 0;
}

table.langbar.copyright_table{
    border: none;
}

table.langbar.copyright_table a{
    color: #FFFFFF;
    font-family:	verdana,​arial,​helvetica,​sans-serif;
    font-size:	10px;
    font-weight:	700;
    font-style:	normal
font-size-adjust:	none
color:	#FFFFFF;
    text-decoration:	none;
    line-height:	14px;
}

.loginbar {
    background: url("../../../images/login_box_logo.jpg") no-repeat;
    border-width: 0;
    border-top: 1px solid;
    height: 28px;
    width: 440px;
    margin-bottom: 5px;
    color: white;
    font-size: 18px;
    padding-left: 10px;
    padding-top: 5px;
}

.langbar_shadow {
    border: 0 white;
    height: 40px;
    margin: 0;
    padding: 0;
}

th.horiztable {
    background: #3F8ABC;
    font-weight: bold;
    color: white;
    width: 30%;
    vertical-align: middle;
}

th.largehoriztable {
	font-size: 20px;
	background: none;
}

th a:link, th a:visited, th a:hover {
    color: #333;
    display: block;
    font-size: 10px;
    text-decoration: none;
    width: 100%;
}

th.asc a, th.desc a {
    background: no-repeat right;
}

th.asc a {
    background-image: url(../../../images/skin/sorted_asc.gif);
}

th.desc a {
    background-image: url(../../../images/skin/sorted_desc.gif);
}

table.tabular td{
    overflow: hidden;
}

.odd {
    background: #f7f7f7;
}

.even {
    background: #fff;
}

.oddspec {
    background: #f7f7f7;
}

.oddspec:hover, .oddspec:active {
    background: lightblue;
}

.evenspec {
    background: #fff;
}

.evenspec:hover, .evenspec:active {
    background: lightblue;
}

.special {
    background: lightblue;
}

.tableFoot {
    background: #E8E8E8;
}

/* LIST */

.list table {
    border-collapse: collapse;
}

.list th, .list td {
    border-left: 1px solid #ddd;
}

.list th:hover, .list tr:hover {
    background: #b2d1ff;
}

/* PAGINATION */

.paginateButtons {
    margin: auto;
    border: none;
    border-top: 0;
    color: #666;
    font-size: 10px;
    overflow: hidden;
    padding-bottom: 3px;
    padding-top: 10px;
    text-align: right;
}

.paginateButtons img {
    padding-bottom: 4px;
    vertical-align: middle;
}

.paginateButtons span {
    padding: 2px 3px;
}

/* DIALOG */

.dialog table {
    padding: 5px 0;
}

.prop {
    padding: 5px;
}

.prop .name {
    text-align: right;
    width: 5%;
    white-space: nowrap;
    vertical-align: middle;
}

select.classification {
    width: 250px;
}

label.right {
    text-align: right;
    display: block;
}

label.disabled {
    color: gray;
}

.prop .value {
    text-align: left;
    width: 85%;
}

/* ACTION BUTTONS */

.loginbuttons {

    /*border-color: solid #ccc;*/
    color: #666;
    margin-top: 5px;
    overflow: hidden;
}

.buttons {
    background: #fff url(../../../images/skin/shadow.jpg) bottom repeat-x;
    border: 1px solid #ccc;
    color: #666;
    font-size: 10px;
    margin-top: 5px;
    overflow: hidden;
    padding: 0;
}

.buttons input {
    background: #fff;
    border: 0;
    color: #333;
    cursor: pointer;
    font-size: 10px;
    font-weight: bold;
    height: 23px;
    margin-left: 3px;
    overflow: visible;
    padding: 2px 6px;
}

.buttons input.delete {
    background: transparent url(../../../images/skin/database_delete.png) 5px 50% no-repeat;
    padding-left: 28px;
}

.buttons input.edit {
    background: transparent url(../../../images/skin/database_edit.png) 5px 50% no-repeat;
    padding-left: 28px;
}

.edit_submit {
    background: transparent url(../../../images/skin/database_edit.png) 5px 50% no-repeat;
    padding-left: 28px;
    border: none;
    cursor: pointer;
}

.edit_view {
    background: transparent url(../../../images/skin/database_table.png) 5px 50% no-repeat;
    padding-left: 28px;
    border: none;
    cursor: pointer;
}

.select_tests {
    background: transparent url(../../../images/media_play_green.png) 5px 50% no-repeat;
    padding-left: 28px;
    border: none;
    cursor: pointer;
}

.edit_complete {
    background: transparent url(../../../images/skin/exclamation.png) 5px 50% no-repeat;
    padding-left: 28px;
    border: none;
    cursor: pointer;
}

.buttons input.save {
    background: transparent url(../../../images/skin/database_save.png) 5px 50% no-repeat;
    padding-left: 28px;
}

.loginbuttons input.login {
    background: #092C42;
    background: linear-gradient( #9FACB5, #4F5C65 10%, #092C42);
    box-shadow: 3px 3px 3px #999999;
    border: 1px solid #4E78A0;
    color: white;
    font-size: 12px;
    margin-top: 0;
    overflow: hidden;
    text-align: center;
    width: 160px;
    height: 26px;
    padding-bottom: 3px;
    font-weight: bold;
    opacity: 1;
    cursor: pointer;
    border-radius: 13px
}

.passed {
    color: white;
    background: transparent url(../../../images/check.png) no-repeat;
}

.failed {
    color: white;
    background: transparent url(../../../images/error.png) no-repeat;
}

.navigatebutton {
    border: 1px solid #4E78A0;
    color: white;
    font-size: 12px;
    margin-top: 0;
    overflow: hidden;
    text-align: center;
    width: 160px;
    height: 24px;
    padding-bottom: 3px;
    font-weight: bold;
    background: url(../../../images/langbar.png) repeat-x scroll;
    opacity: 1;
}

.navigatebutton:disabled {
    color: #999999;
    text-shadow: 1px 1px #ffffff;
}

.navigatebutton:hover, .navigatebutton:active {
    background: #BFDAFF 0 -36px;
    color: black;
}

.navigatebuttonBack {
    border: 1px solid gray;
    color: black;
    font-size: 12px;
    margin-top: 0;
    overflow: hidden;
    text-align: center;
    width: 160px;
    height: 24px;
    padding-bottom: 3px;
    font-weight: bold;
    background: silver url(../../../images/dropshadow_langbar.png) repeat-x scroll 0 -7px;
    opacity: 1;
}

.navigatebuttonBack:disabled {
    color: #999999;
    text-shadow: 1px 1px #ffffff;
}

.navigatebuttonBack:hover, .navigatebutton:active {
    background: white 0 -36px;
    color: black;
}

.downloadcopybutton {
    border: 1px solid #4E78A0;
    color: white;
    font-size: 12px;
    margin-top: 0;
    overflow: hidden;
    text-align: center;
    width: 180px;
    height: 24px;
    padding-bottom: 3px;
    font-weight: bold;
    background: url(../../../images/langbar.png) repeat-x scroll;
    opacity: 1;
}

.downloadcopybutton:disabled {
    color: #999999;
    text-shadow: 1px 1px #ffffff;
}

.downloadcopybutton:hover, .downloadcopybutton:active {
    background: #BFDAFF 0 -36px;
    color: black;
}

.commentsbutton {
    border: 1px solid #4E78A0;
    color: white;
    font-size: 10px;
    margin-top: 3px;
    overflow: hidden;
    text-align: center;
    padding: 0 2px 0 2px;
    width: 50px;
    height: 24px;
    font-weight: bold;
    background: #0065FF url(../../../images/langbar.png) repeat-x scroll;
    opacity: 1;
}

a.search-link {
    color: #2200C1;
    cursor: pointer;
    text-decoration: underline;
}

.ghostButton {
    border: none;
    background-color: #EDF5FF;
}

.commentsbutton:hover, .commentsbutton:active {
    background: #BFDAFF 0 -36px;
    color: black;
}

.commentsbuttonBack {
    border: 1px solid gray;
    color: black;
    font-size: 10px;
    margin-top: 3px;
    overflow: hidden;
    text-align: center;
    padding: 0 2px 0 2px;
    width: 50px;
    height: 24px;
    font-weight: bold;
    background: silver url(../../../images/dropshadow_langbar.png) repeat-x scroll 0 -7px;
    opacity: 1;
}

.commentsbuttonBack:hover, .commentsbutton:active {
    background: white 0 -36px;
    color: black;
}

.hreftext {
    font-weight: bold;
    color: #666666
}

a#filter, b#newDefinition {
    color: #006dba;
}

.ygtvlm {
    height: 25px !important;
    /*background-position: center center !important;*/
}

/*.ygtvlmh{
background-position: center center !important;
} */

/*.ygtvlp{
background-position: center center !important;
}

.ygtvlph{
background-position: center center !important;
} */

table.map {
    line-height: 0px;
    border-spacing: 0;
    width: 575px;
    height: 296px;
    margin: 0;
    padding: 0;
    border: none;
    background: transparent url(../../../images/home/sitemap2.jpg) no-repeat;
    background-color: #006DBA;
}

table.map tr {
    padding: 0;
}

table.map tr.text {
    height: 32px;
    padding: 0;
}

table.map td {
    text-align: center;
    border: none;
    padding: 0;
}

table.map td.content, td.content a {
    font-weight: bold;
    font-size: 12px;
    color: white;
}

table.map td.content:hover, td.content:hover a {
    background-color: white;
    opacity: 0.3;
    filter: alpha(opacity=30);
    color: black;
}

a.content_link, a.content_link :hover {
    background-color: inherit;
    color: inherit;
    display: block;
    padding: 10px;
}

table.home_page {
    width: 100%;
    border: none;
}

td.home_page {
    border: none;
    vertical-align: text-top;
    text-align: center;
}

.tabs-list, .tabs-list li {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: left;
}

.yui-skin-sam  table {
    border: 1px solid #ccc;
}

.yui-skin-sam  table td{
    text-align: left;
}

.yui-skin-sam .yui-navset .tabs-list,
.yui-skin-sam .yui-navset .yui-navset-top .tabs-list {
    border: solid #1A6597;
    border-left-color: #ffffff;
    border-width: 0 0 5px;
    Xposition: relative;
    zoom: 1;
}

.yui-skin-sam .yui-navset .tabs-list li,
.yui-skin-sam .yui-navset .yui-navset-top .tabs-list li {
    margin: 0 0.16em -1px 0;
    padding: 1px 0 0;
}

.yui-navset .tabs-list li,
.yui-navset .yui-navset-top .tabs-list li,
.yui-navset .yui-navset-bottom .tabs-list li {
    padding: 1px 0 0;
    display: -moz-inline-stack;
    display: inline;
}

.yui-skin-sam .yui-navset .tabs-list .selected a,
.yui-skin-sam .yui-navset .tabs-list .selected a em {
    border-color: #2974A6;
}

.yui-skin-sam .yui-navset .tabs-list .selected a,
.yui-skin-sam .yui-navset .tabs-list .selected a:focus,
.yui-skin-sam .yui-navset .tabs-list .selected a:hover {
    -moz-background-clip: border;
    -moz-background-inline-policy: continuous;
    -moz-background-origin: padding;
    background: #2974A6 url(../../../images/langbar.png) repeat-x scroll -1400px;
    color: #FFFFFF;
}

.yui-skin-sam .yui-navset .tabs-list a:hover,
.yui-skin-sam .yui-navset .tabs-list a:focus {
    background: #bfdaff url(../../../js/assets/skins/sam/sprite.png) repeat-x left -1300px;
    outline: 0;
}

.yui-skin-sam .yui-navset .tabs-list a,
.yui-skin-sam .yui-navset .yui-navset-top .tabs-list a {
    -moz-background-clip: border;
    -moz-background-inline-policy: continuous;
    -moz-background-origin: padding;
    background: #D8D8D8 url(../../../js/assets/skins/sam/sprite.png) repeat-x scroll 0 0;
    border-color: #A3A3A3;
    border-style: solid;
    border-width: 0 1px;
    color: #000000;
    position: relative;
    text-decoration: none;
}

.tabs-list li a {
    display: inline-block;
    vertical-align: bottom;
}

.yui-skin-sam .yui-navset .tabs-list .selected a em {
    padding: 0.35em 0.75em;
}

.yui-skin-sam .yui-navset .tabs-list a em,
.yui-skin-sam .yui-navset .yui-navset-top .tabs-list a em {
    border: 0 solid #A3A3A3;
    border-top-width: 1px;
    bottom: 0;
    left: 0;
    padding: 0.25em 0.75em;
    position: relative;
    right: 0;
    top: -1px;
}

.yui-navset .tabs-list li a em,
.yui-navset-top .tabs-list li a em,
.yui-navset-bottom .tabs-list li a em {
    display: block;
}

.yui-navset li em {
    font-style: normal;
}

.yui-navset .tabs-list a {
    position: relative;
}

.yui-skin-sam .yui-navset .tabs-list .selected,
.yui-skin-sam .yui-navset .yui-navset-top .tabs-list .selected {
    margin: 0 0.16em -1px 0;
}

.yui-skin-sam .yui-navset .tabs-list li,
.yui-skin-sam .yui-navset .yui-navset-top .tabs-list li {
    margin: 0 0.16em 0 0;
    padding: 1px 0 0;
}

.yui-skin-sam .yui-navset-left .tabs-list a,
.yui-skin-sam .yui-navset-left .tabs-list .selected a,
.yui-skin-sam .yui-navset-left .tabs-list a:hover,
.yui-skin-sam .yui-navset-right .tabs-list a,
.yui-skin-sam .yui-navset-right .tabs-list .selected a,
.yui-skin-sam .yui-navset-right .tabs-list a:hover,
.yui-skin-sam .yui-navset-bottom .tabs-list a,
.yui-skin-sam .yui-navset-bottom .tabs-list .selected a,
.yui-skin-sam .yui-navset-bottom .tabs-list a:hover {
    background-image: none;
}

.x-hide-nosize, .x-hide-nosize * {

    display: none;
}

.context {
    position: absolute;
    clip: rect(1px 1px 1px 1px);
}

/* NOTIFICATIONS */

div.newmessage {
    width: 650px;
    height: 60px;
    border: 1px solid #C0C0C0;
    background-color: #ffffff;
    margin: 10px;
    padding: 5px;
}

div.readmessage {
    width: 650px;
    height: 60px;
    border: 1px solid #C0C0C0;
    background-color: #f0f8ff;
    margin: 10px;
    padding: 5px;
}

div.notification {
    width: 500px;
    text-align: left;
    margin: 10px;
    padding: 5px;
}

div.notificationheader {
    height: 40px;
}

div.notificationbody {
    background-color: #ffffff;
    border: 0.5px solid #C0C0C0;
    padding: 5px 10px;
}

pre.message-body {
    white-space: pre-wrap;
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 12px;
    word-wrap: break-word;
}

/* HELP SYSTEM */

div.nav-bar {
    height: 559px;
    border-style: solid;
    border-width: 0;
    border-color: #1A6597;
    float: left;
    overflow-y: auto;
    padding: 5px;
}

.tree-div .selected {
    background-color: #006dba;
    color: white;
}

#navDiv {
    float: left;
    overflow: auto;
}

p#page {
    margin: 1em;
}

#page {
    float: left;
    height: 870px;
}

#page {
    float: left;
}

#page .yui-g {
    height: 100%;
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
}

#page .yui-u .first {
    overflow: auto;
    width: 250px;
}

#page .yui-u {
    height: 95%;
    overflow-x: hidden;
    overflow-y: auto;

}

div#treeDiv {
    float: left;
    text-align: left;
    height: 100%;
    width: 100%;
    padding: 0 0 0 5px;
}

div#resizeDiv2 {
    padding: 0 15px 0;
}

div#resizeDiv2 p, ul, li {
    line-height: 1.5;
    margin-bottom: 1em;
}

div#resizeDiv2 ul, li {
    margin-left: 15px;
}

h4, div#treeDiv h4 {
    font-family: verdana, arial, helvetica, sans-serif;
    color: #006dba;
    margin: 0;
}

a.help {
    background: url(../../../images/help2.png) center left no-repeat;
    color: white;
    padding-left: 25px;
}

a.close {
    background: url(../../../images/icon_cross.gif) bottom right no-repeat;
    padding-right: 18px;
}

a.pdf {
    background: url(../../../images/ico_acrobat.gif) center left no-repeat;
    padding: 5px 2px 0 18px;
}

a.full-page {
    background: url(../../../images/csv_document.png) center left no-repeat;
    padding: 2px 0 0 16px;
}

td.ygtvcell {
    vertical-align: top;
}

.selected {
    background-color: white;
    border: 2px solid #D9E8FB;
    border-right-width: 10px;
    border-left-width: 10px;
}

a.selected, li.selected {
    border: 0 none white;
}

li#application.selected, li#videos.selected, li#api.selected {
    background-color: #FFFFFF;
}

li#documentation.selected {
    background-color: #FFFFFF;
}

span.altLinks a {
    font-size: 10px;
}

li.video-list {
    list-style-type: none;
    /*text-align:center;*/
    margin: 10px 0 20px;
}

li.video-list p {
    margin: 5px 0 0;
}

.selected-page {
    -moz-background-clip: border;
    -moz-background-inline-policy: continuous;
    -moz-background-origin: padding;
    background-color: #D9E8FB;
    border-color: #D9E8FB;
    border-style: solid;
    border-width: 2px 0px;
}

.video-metadata {
    margin-bottom: 1em;
}

.video-metadata p {
    margin-left: 20px;
}

label.error {
    color: red;
}

label.noerror {
    visibility: hidden;
}

input.error {
    border-color: red;
    border-width: 1;
}

.transform-error {
    padding:2em;
    background-color:#F5FAFA;
    border:1px solid #C5DCDA;
    color:#15428B;
    font-weight:bold;
    margin-top:2em;
}

/* Upload Wizard download page */
.downloadUploadWizardTitleText {
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 36px;
}

.downloadUploadWizardText {
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 24px;
}
table.Tab503
{
    width: 935px;
    height: 500px
    color: gray;
    padding: 20px;
    font: 48px verdana, arial, helvetica, sans-serif;
    border: 0;
    vertical-align: top;
}
td.Tab503
{
    /*vertical-align: top;*/
}
h1.Tab503
{
    color: gray;
    font: 36px verdana, arial, helvetic, sans-serif;
    text-align: center;
}
p.Tab503
{
    color: gray;
    font: 18px verdana, arial, helvetica, sans-serif;
    text-align: center;
}
.center {
    margin: auto;
    width: 50%;
    padding: 10px;
}