* {
        margin: 0;
        padding: 0;
        }
html, body {
        margin: 0px;
        padding: 0px;
        background: #ffffff url(../img/bg.jpg) repeat-x top left;
        font-family: "trebuchet ms", verdana, tahoma;
        font-size: 8pt;
        line-height: 1.6;
        }
/********************   h1 and links    *************************/
h1 {font-family: "trebuchet ms", verdana, tahoma; font-size: 16pt; color: #3c7b8c; font-weight:bold;}
h2 {font-family: "trebuchet ms", verdana, tahoma; font-size: 12pt; color: #000000; font-weight:bold;}
h3 {font-family: "trebuchet ms", verdana, tahoma; font-size: 11pt; color: #000000; font-weight:bold;}
h4 {font-family: "trebuchet ms", verdana, tahoma; font-size: 9pt; color: #000000; font-weight:bold;}

h1 a, h1 a:hover, h1 a:visited {font-family: "trebuchet ms", verdana, tahoma; font-size: 16pt; color: #3c7b8c; font-weight:bold;}
h2 a, h2 a:hover, h2 a:visited  {font-family: "trebuchet ms", verdana, tahoma; font-size: 12pt; color: #000000; font-weight:bold;}
/********************   default ones    *************************/
a {font-family: "trebuchet ms", verdana, tahoma;font-size:9pt; color: #638ccd;text-decoration:underline;}
a:visited {font-family: "trebuchet ms", verdana, tahoma;font-size:9pt;color: #638ccd;text-decoration:underline;}
a:hover {font-family: "trebuchet ms", verdana, tahoma;font-size:9pt; color: #000000;text-decoration:underline;}
/********** misc **********/
.grey-italic {font-style: italic; color:#6e6e6e;}

.clearer {clear: both;height: 0; visibility: hidden;}
img {border-width: 0px;}
ul {list-style-type: none;margin:0px; padding:0px;}
li {list-style-type: none;margin:0px; padding:0px;}
blockquote {margin-left:15px; display:block; color:#504f4f;}
/* ********** home page ************ */
#help-page-template {}
#help-page-template h1 {display:block; margin-top:10px; margin-bottom:10px;}

#help-page-template ul {margin-left:20px; list-style-type: disc;}
#help-page-template ol {margin-left:20px;}
#help-page-template li {list-style-type: disc;}

#help-page-menu  {display:block;margin-bottom:10px;}
#help-page-menu  ul {list-style-type: none;margin:0;padding:0;}
#help-page-menu  li {list-style-type: none;margin:0;padding:0; float:left; margin-right:5px;}

#help-page-menu  a {background-color:#ffffff; font-family: "trebuchet ms", verdana, tahoma;font-size:10pt;color: #638ccd;text-decoration:none;font-weight: normal; border:2px solid #cdcdcd; padding:3px 6px 3px 6px; line-height:35px; margin-right:5px;}
#help-page-menu  a:visited {background-color:#ffffff;font-family: "trebuchet ms", verdana, tahoma;font-size:10pt;color: #919ebe;text-decoration:none;font-weight: normal; border:2px solid #cdcdcd;padding:3px 6px 3px 6px; line-height:35px; margin-right:5px;}
#help-page-menu  a:hover { background-color:#3f7c91; font-family: "trebuchet ms", verdana, tahoma;font-size:10pt;color: #ffffff;text-decoration:none;font-weight: normal;  border:2px solid #3f7c91;padding:3px 6px 3px 6px; line-height:35px; margin-right:5px;}
/* ********** sudo popup ************ */
#sudo-popup-container {width:385px;}

#sudo-popup-container-media {background-color:#f1f1f1; margin-bottom:20px; margin-top:10px;}
#sudo-popup-container-media-left {background-color:#f1f1f1;float:left; width: 120px;}
#sudo-popup-container-media-left-inner {background-color:#f1f1f1;padding:5px; text-align:center; font-family: "trebuchet ms", verdana, tahoma; font-size: 9pt; color: #333333;}
#sudo-popup-container-media-right {background-color:#f1f1f1;float:right; width: 260px;}
#sudo-popup-container-media-right-inner {background-color:#f1f1f1;padding:5px;}

#sudo-popup-container-qt {background-color:#f1f1f1; margin-bottom:20px;}
#sudo-popup-container-qt-left {background-color:#f1f1f1;float:left; width: 120px;}
#sudo-popup-container-qt-left-inner {background-color:#f1f1f1;padding:5px; text-align:center; font-family: "trebuchet ms", verdana, tahoma; font-size: 9pt; color: #333333;}
#sudo-popup-container-qt-right {background-color:#f1f1f1;float:right; width: 260px;}
#sudo-popup-container-qt-right-inner {background-color:#f1f1f1;padding:5px;}

#sudo-popup-container-real {background-color:#f1f1f1; margin-bottom:20px;}
#sudo-popup-container-real-left {background-color:#f1f1f1;float:left; width: 120px;}
#sudo-popup-container-real-left-inner {background-color:#f1f1f1;padding:5px; text-align:center; font-family: "trebuchet ms", verdana, tahoma; font-size: 9pt; color: #333333;}
#sudo-popup-container-real-right {background-color:#f1f1f1;float:right; width: 260px;}
#sudo-popup-container-real-right-inner {background-color:#f1f1f1;padding:5px;}



/* ********** home page ************ */
#home-page-only-container { background: transparent url(../img/homepage_bg.jpg) no-repeat top left; width:980px;  margin: 0 auto; margin-top: -1px} 

#home-page-only-container-left {background: transparent; float:left; width:470px; }
#home-page-only-container-left-inner {background: transparent; padding-top:0px;}
#home-page-only-container-right {background: transparent; float:right; width:500px;}
#home-page-only-container-right-inner {background: transparent;padding-top:0px;}


#home-page-only-container #media-player {padding-top:20px;}



.home-page-container {margin-bottom:40px; height:auto !important;height:310px; min-height:310px; font-size:10pt; line-height:1.6; color:#333333;}
.home-page-container p {margin-bottom:15px;}
.home-page-container-inner-left {padding-right:30px;}
.home-page-large-text {font-size:13pt;}

.home-page-container-inner-left a {font-family: "trebuchet ms", verdana, tahoma;font-size:10pt; color:#333333; text-decoration:underline;}
.home-page-container-inner-left a:visited {font-family: "trebuchet ms", verdana, tahoma;font-size:10pt; color:#333333; text-decoration:underline;}
.home-page-container-inner-left a:hover {font-family: "trebuchet ms", verdana, tahoma;font-size:10pt; color:#638ccd; text-decoration:underline;}

.home-page-large-text a {font-family: "trebuchet ms", verdana, tahoma;font-size:13pt; color:#333333; text-decoration:underline;}
.home-page-large-text a:visited {font-family: "trebuchet ms", verdana, tahoma;font-size:13pt; color:#333333; text-decoration:underline;}
.home-page-large-text a:hover {font-family: "trebuchet ms", verdana, tahoma;font-size:13pt; color:#638ccd; text-decoration:underline;}
/* ********** header ************ */
#header {width: 980px; height: 140px; margin: 0 auto; background-color:#000000; color:#b3b3b4;}
#header a {font-family: "trebuchet ms", verdana, tahoma;font-size:9pt; color: #638ccd;text-decoration:none;}
#header a:visited {font-family: "trebuchet ms", verdana, tahoma;font-size:9pt;color: #638ccd;text-decoration:none;}
#header a:hover {font-family: "trebuchet ms", verdana, tahoma;font-size:9pt; color: #b3b3b4;text-decoration:none;}
#header a:focus {outline:none;}
#header-left {float:left; width:480px;}
#header-left-inner { padding-top:0px;}
#header-right {float:right; width:460px;}
#header-right-inner {padding-top:0px; text-align:right;}

#header-inview-logo {margin-top:-34px; border:0px; display:block;}
#header-jisc-logo {border:0px;} 

/* ********** footer ************ */
#footer {width: 980px; height: 140px; margin: 0 auto; background-color:#000000; border-top:5px #8e9699 solid; display:block; color:#b3b3b4;}
#footer a {font-family: "trebuchet ms", verdana, tahoma;font-size:9pt; color: #638ccd;text-decoration:none;}
#footer a:visited {font-family: "trebuchet ms", verdana, tahoma;font-size:9pt;color: #638ccd;text-decoration:none;}
#footer a:hover {font-family: "trebuchet ms", verdana, tahoma;font-size:9pt; color: #b3b3b4;text-decoration:none;}
#footer a:focus {outline:none;}
#footer-left {float:left; width:400px;}
#footer-left-inner { padding-top:20px; padding-left:20px;}
#footer-right {float:right; width:500px;}
#footer-right-inner { padding-top:20px; }
#footer-bfi-logo {float:left; margin-right:10px; display:block;}
#footer-inview-logo { display:block;}
.small-menu {margin-top:20px;}

/******** main content container *********/
#container {width: 980px; margin: 0 auto;background: transparent; }
#container-inner {width: 980px;margin: 0 auto;background: transparent; height:auto !important;height:350px; min-height:350px; font-family: "trebuchet ms", verdana, tahoma; font-size: 9pt; color: #333333; line-height:1.6;}
#container-inner-screen {width:980px; margin:0 auto; padding-top:20px; margin-bottom:40px;}

#side-left {float:left; width:500px;}
#side-left-inner {padding-top:20px;}
#side-right {float:right; width:470px;}
#side-right-inner {padding-top:20px;}
/******* text-container ********/
#text-container {width:460px; border:4px #cdcdcd solid; background-color:#ffffff; margin-bottom:40px;}
#text-container-inner {padding:10px; font-family: "trebuchet ms", verdana, tahoma; font-size: 9pt; color: #333333; line-height:1.6;}
#text-container-inner p {margin-bottom:15px;}
#text-container-inner h2 {margin-bottom:10px;}

#text-container-inner h4 {font-family: "trebuchet ms", verdana, tahoma; font-size: 11pt; color:#333333; font-weight:bold;}
#text-container-inner h5 {font-family: "trebuchet ms", verdana, tahoma; font-size: 9pt; font-style: italic; color:#6e6e6e; font-weight:normal;}
/******* article-container ********/
#article-container {width:460px; height:auto !important;height:500px; min-height:500px; border:4px #cdcdcd solid; background:#f1f1f1; margin-bottom:40px;}
#article-container p {margin-bottom:15px;}
#article-container-inner {padding:20px; font-family: "trebuchet ms", verdana, tahoma; font-size: 9pt; color: #333333; line-height:1.6;}
#article-container-inner-white {padding:20px; border-bottom:2px #cccccc solid; border-left:2px #cccccc solid; border-right: 2px #cccccc solid; background-color:#ffffff; font-family: "trebuchet ms", verdana, tahoma; font-size: 9pt; color: #333333; line-height:1.6;}
#article-container-inner-white h2 {margin-bottom:15px; color:#333333;}

#article-container-inner-white h4 {font-family: "trebuchet ms", verdana, tahoma; font-size: 11pt; color:#333333; font-weight:bold;}
#article-container-inner-white h5 {font-family: "trebuchet ms", verdana, tahoma; font-size: 9pt; font-style: italic; color:#6e6e6e; font-weight:normal;}

#article-container-inner-peak {width:100%; height:22px; border-bottom:2px #cccccc solid;}
/*#article-container-inner-peak {width:100%; height:22px; background:#ffffff url(../img/peak.jpg) no-repeat top left;}

/******* menu ********/
#menu {width: 980px; height:67px;margin: 0 auto;background: transparent;}
#menu-left {float:left;width:500px;}
#menu-right {float:right;width:470px;}
#menu-buttons {width:500px; height:38px; position: relative;top:19px; left:0px;}
#menu-buttons img {border: 0px;}
/******** search form *********/

#search {background:transparent url(../img/search_bg.gif) no-repeat top left; width:300px; height:51px; margin-top:7px; float:right;}
#search-inner {margin-top:5px; padding-left:5px;}
#search-inner form {}
#search-inner-searchbox {background-color:#ffffff;width: 180px; height:20px; border:4px solid #cecece; float:left; padding:5px; font-size: 10pt; color: #6e6e6e;}
#search-inner-button {border:0px; width:35px; height:39px; padding:0px;float:left; vertical-align:middle; margin-top: 0px; margin-left:0px; margin-right:5px; margin-bottom: 5px;}
#search-inner-button:focus {outline: none;}
#search-inner-advanced {margin-left:5px; float:left;}		
#search-inner label {display:none; visibility:hidden;}

#search-inner-advanced a {font-family: "trebuchet ms", verdana, tahoma; font-size: 8pt; color: #ffffff;text-decoration:none;}
#search-inner-advanced a:visited {font-family: "trebuchet ms", verdana, tahoma; font-size: 8pt; color: #ffffff; text-decoration:none;}
#search-inner-advanced a:hover, #search-inner-advanced a.active  {font-family: "trebuchet ms", verdana, tahoma; font-size: 8pt; color: #333333;text-decoration:none;}

/******** themes menu list*******/
#themeslist { margin-top: 40px;margin-bottom:40px; height:auto !important;height:310px; min-height:310px;}
#themeslist ul {list-style-type: none;margin:0;padding:0;}
#themeslist li {list-style-type: none;margin:0;padding:0;border-bottom: 1px dotted #a1a1a1; line-height:1.6; color:#6b6b6b;}
#themeslist p {font-family: tahoma, arial, verdana; font-size: 11pt; color: #9a9b9d; margin-bottom:15px;}
#themeslist a {font-family: "trebuchet ms", verdana, tahoma; font-size: 10pt; color: #000000; font-weight:bold; text-decoration:none;}
#themeslist a:visited {font-family: "trebuchet ms", verdana, tahoma; font-size: 10pt; color: #000000;font-weight:bold; text-decoration:none;}
#themeslist a:hover, #themeslist a.active  {font-family: "trebuchet ms", verdana, tahoma; font-size: 10pt; color: #3c7b8c;font-weight:bold; text-decoration:none;}


/********** video container **********/
#video-container {width:500px; margin-bottom:40px;}
#video-container-inner {}
#video-container-player {background-color: #191919; border:2px solid #313131; width:384px; height:300px; overflow: hidden; margin:0 auto;}
#video-container-options { margin: 0 auto;background-color: #191919; border-left:2px solid #313131; border-right:2px solid #313131; border-bottom:2px solid #313131;width:384px;height:30px; text-align:right; }

#video-container-options-left {float:left; width:254px; height:25px; overflow:hidden;}
#video-container-options-left-inner {padding-left:5px; padding-top:5px; font-family: "trebuchet ms", verdana, tahoma; font-size: 11px; color: #ffffff; text-align:left; line-height:20px; font-weight:normal;}
#video-container-options-right {float:right; width:130px;}
#video-container-options-right-inner {padding-right:5px;}




#video-container-credits {margin: 0 auto;background-color: #191919; width:384px; height:170px; display: none;overflow:auto;margin-bottom:20px; font-family: "trebuchet ms", verdana, tahoma; font-size: 9pt; color: #999999; border-left:2px solid #313131; border-right:2px solid #313131;  border-bottom:2px solid #313131;}
#video-container-credits-inner {padding:10px;}

#video-container-credits-inner ul {list-style-type: none;margin:0px; padding:0px; }
#video-container-credits-inner li {list-style-type: none; margin-top:0px; margin-left:0px; margin-top:5px; margin-bottom:5px; margin-right:0px; padding:0px; display:block;clear:both;}

#video-container-credits-inner dl {list-style-type: none;margin:0px; padding:0px; width:200px; display:block;  float:right;}
#video-container-credits-inner dt {}
#video-container-credits-inner dd { font-weight:bold;}

#video-container-options a {font-family: "trebuchet ms", verdana, tahoma; font-size: 9pt; color: #999999;text-decoration:none;}
#video-container-options a:visited {font-family: "trebuchet ms", verdana, tahoma; font-size: 9pt; color: #999999;text-decoration:none; }
#video-container-options a:hover {font-family: "trebuchet ms", verdana, tahoma; font-size: 9pt; color: #ffffff;text-decoration:none;}

/**** credits button with arrow ***/
#btn-slide-credits {width: 100px; height:20px; padding-right: 25px; background: transparent url(../img/buttons_credits_arrow_down.gif) no-repeat top right; display:block; margin-top:5px; float:right;}
#btn-slide-credits.active  {width: 100px; height:20px; padding-right: 25px; background: transparent url(../img/buttons_credits_arrow_up.gif) no-repeat top right; display:block; margin-top:5px; float:right;}
#btn-slide-credits:focus {outline: none;}

#video-container-download {width:190px; height:35px; overflow:hidden; margin: 0 auto; margin-top:40px; margin-bottom:60px; }

/******** random themes list*******/
#random-themes {font-family: "trebuchet ms", verdana, tahoma; font-size: 8pt; color: #333333; margin-bottom:40px;}
#random-themes h2 {margin-bottom: 15px;}
#random-themes img {border: 1px solid #9d9b9e; width:128px; height:95px; background-color:#cdcdcd; display:block; overflow:hidden;}
#random-themes p {font-family: "trebuchet ms", verdana, tahoma; font-size: 9pt; color: #9d9b9e; line-height:1.4; margin-bottom:5px;}
#random-themes ul {list-style-type: none;margin:0;padding:0;}
#random-themes li {list-style-type: none;margin:0;padding:0;width:128px; height: 300px;overflow:hidden; float:left;display:inline;margin-right:35px; margin-bottom:25px;}
#random-themes a {font-family: "trebuchet ms", verdana, tahoma; font-size: 10pt; color: #638ccd; font-weight:bold; text-decoration:none;}
#random-themes a:visited {font-family: "trebuchet ms", verdana, tahoma; font-size: 10pt; color: #000000;font-weight:bold; text-decoration:none;}
#random-themes a:hover, #themeslist a.active  {font-family: "trebuchet ms", verdana, tahoma; font-size: 10pt; color: #000000;font-weight:bold; text-decoration:none;}



#random-themes ul li p a {font-family: "trebuchet ms", verdana, tahoma; font-size: 9pt; color: #9d9b9e; text-decoration:none; line-height:1.4; }
#random-themes ul li p a:visited {font-family: "trebuchet ms", verdana, tahoma; font-size: 9pt; color: #9d9b9e; text-decoration:none; line-height:1.4; }
#random-themes ul li p a:hover {font-family: "trebuchet ms", verdana, tahoma; font-size: 9pt; color: #000000; text-decoration:none; line-height:1.4;}

#related-docs-container {margin-bottom:30px; font-family: "trebuchet ms", verdana, tahoma; font-size: 12pt; color: #666666;}
#related-docs-container h2 {margin-bottom: 15px; }
#related-docs-container img {border: 1px solid #9d9b9e; width:98px; height:98px; margin-bottom:15px; margin-right:15px; float:left;}
#related-docs-container ul {list-style-type: none;margin:0;padding:0;}
#related-docs-container li {list-style-type: none;margin:0;padding:0;clear:both;}
#related-docs-container a {font-family: "trebuchet ms", verdana, tahoma; font-size: 12pt; color: #638ccd; text-decoration:underline;}
#related-docs-container a:visited {font-family: "trebuchet ms", verdana, tahoma; font-size: 12pt; color: #000000; text-decoration:underline;}
#related-docs-container a:hover {font-family: "trebuchet ms", verdana, tahoma; font-size: 12pt; color: #000000; text-decoration:underline;}
/****** bredcrumbs *******/
#bredcrumbs {width:980px; margin:0 auto; font-family: "trebuchet ms", verdana, tahoma;font-size:12pt;color: #000000;}

#bredcrumbs a {font-family: "trebuchet ms", verdana, tahoma;font-size:9pt; color: #638ccd;text-decoration:underline;}
#bredcrumbs a:visited {font-family: "trebuchet ms", verdana, tahoma;font-size:9pt;color: #638ccd;text-decoration:underline;}
#bredcrumbs a:hover {font-family: "trebuchet ms", verdana, tahoma;font-size:9pt; color: #000000;text-decoration:underline;}

/********** video list **********/
#video-list {width:980px; margin-top:20px;margin:0 auto; font-family: "trebuchet ms", verdana, tahoma; font-size: 8pt; color: #000000; display:block;}
#video-list img {border: 1px solid #9d9b9e; width:128px; height:95px; background-color:#cdcdcd; display:block; overflow:hidden;}
#video-list p {font-family: "trebuchet ms", verdana, tahoma; font-size: 9pt; color: #9d9b9e; margin-top:3px; margin-bottom:3px;}
#video-list ul {list-style-type: none;margin:0;padding:0;}
#video-list li {list-style-type: none;margin:0;padding:0;width:128px; height: 300px;overflow:hidden; float:left;display:inline;margin-right:35px;margin-bottom:25px;}
#video-list a {font-family: "trebuchet ms", verdana, tahoma; font-size: 10pt; color: #638ccd; font-weight:bold;text-transform:uppercase; margin-bottom:3px;}
#video-list a:visited {font-family: "trebuchet ms", verdana, tahoma; font-size: 10pt; color: #000000;font-weight:bold; text-transform:uppercase; margin-bottom:3px;}
#video-list a:hover {font-family: "trebuchet ms", verdana, tahoma; font-size: 10pt; color: #000000;font-weight:bold;text-transform:uppercase; margin-bottom:3px;}

/********** desciption container **********/
#desciption-container {width:972px; height:auto !important;height:350px; min-height:350px; display:block;margin: 0 auto; margin-top:20px; margin-bottom:30px; background-color: #ffffff;border:4px #cdcdcd solid; }
#desciption-container-inner{padding:20px; font-family: "trebuchet ms", verdana, tahoma; font-size: 9pt; color: #333333; line-height:1.6;}


#desciption-container-inner-left {float:left; width:560px; padding:20px; font-family: "trebuchet ms", verdana, tahoma; font-size: 9pt; color: #333333; line-height:1.6;}
#desciption-container-inner-right {text-align:right; float:right; width:350px; padding-top:20px; padding-bottom:20px; padding-right:20px; font-family: "trebuchet ms", verdana, tahoma; font-size: 9pt; color: #333333;}

#desciption-container-inner-right img {border: 0px; width: 330px; height:247px;}
#desciption-container-inner-left p {margin-bottom:15px;}
/****** view-titles-container *******/
#view-titles-container {width:940px; margin-bottom:15px; font-family: "trebuchet ms", verdana, tahoma;font-size:9pt;color: #000000;}

#view-titles-container-left {float:left; width:50%; font-family: "trebuchet ms", verdana, tahoma;font-size:11pt;color: #000000;}
#view-titles-container-left a {font-family: "trebuchet ms", verdana, tahoma;font-size:11pt; color: #638ccd;text-decoration:underline;}
#view-titles-container-left a:visited {font-family: "trebuchet ms", verdana, tahoma;font-size:11pt;color: #638ccd;text-decoration:underline;}
#view-titles-container-left a:hover {font-family: "trebuchet ms", verdana, tahoma;font-size:11pt; color: #000000;text-decoration:underline;}


#view-titles-container-right {float:left; width:50%; text-align:right;}
#view-titles-container-right a {font-family: "trebuchet ms", verdana, tahoma;font-size:9pt; color: #638ccd;text-decoration:underline;}
#view-titles-container-right a:visited {font-family: "trebuchet ms", verdana, tahoma;font-size:9pt;color: #638ccd;text-decoration:underline;}
#view-titles-container-right a:hover {font-family: "trebuchet ms", verdana, tahoma;font-size:9pt; color: #000000;text-decoration:underline;}

/****** pager container *******/
#pager-container {width:940px; line-height:35px; font-family: "trebuchet ms", verdana, tahoma;font-size:9pt;color: #000000; margin-bottom:40px;}
#pager-container-left {float:left; width:50%;}
#pager-container-right {float:left; width:50%; text-align:right;}


#pager-container ul {list-style-type: none; }
#pager-container li {list-style-type: none; margin:0px;padding:0px; margin-right:10px; float:left;}
#pager-container li.selected {font-family: "trebuchet ms", verdana, tahoma;font-size:10pt;color: #ffffff;text-decoration:none;font-weight: normal;  border:2px solid #3f7c91;padding:3px 6px 3px 6px; background-color:#3f7c91;}

#pager-container a {font-family: "trebuchet ms", verdana, tahoma;font-size:10pt;color: #638ccd;text-decoration:none;font-weight: normal; border:2px solid #cdcdcd; padding:3px 6px 3px 6px; background-color:#ffffff;}
#pager-container a:visited {font-family: "trebuchet ms", verdana, tahoma;font-size:10pt;color: #919ebe;text-decoration:none;font-weight: normal; border:2px solid #cdcdcd;padding:3px 6px 3px 6px; background-color:#ffffff;}
#pager-container a:hover {font-family: "trebuchet ms", verdana, tahoma;font-size:10pt;color: #ffffff;text-decoration:none;font-weight: normal;  border:2px solid #3f7c91;padding:3px 6px 3px 6px; background-color:#3f7c91;}
#pager-container a:active {font-family: "trebuchet ms", verdana, tahoma;font-size:10pt;color: #000000; text-decoration:none;font-weight: normal; border:2px solid #cdcdcd;padding:3px 6px 3px 6px; background-color:#ffffff;}



/******* also-container *******/
#also-container {margin-bottom:30px; width:500px;}
#also-container h2 {margin-bottom:15px;}

#also-container-themes {width:100%; margin-bottom:10px;}
#also-container-themes-left {width:80px; float:left; font-family: "trebuchet ms", verdana, tahoma;font-size:10pt;color: #666666; font-weight:bold;}
#also-container-themes-right { width:400px; float:right;}

#also-container-themes-right ul {list-style-type: none;margin:0;padding:0;}
#also-container-themes-right li {list-style-type: none;margin:0;padding:0; float:left;}
#also-container-themes-right a {margin-right:5px;}



#also-container-collections {width:100%;}
#also-container-collections-left {width:80px; float:left; font-family: "trebuchet ms", verdana, tahoma;font-size:10pt;color: #666666; font-weight:bold;}
#also-container-collections-right {width:400px; float:right;}


#also-container-collections-right ul {list-style-type: none;margin:0;padding:0;}
#also-container-collections-right li {list-style-type: none;margin:0;padding:0; float:left;}

#also-container-collections-right a {background-color:#ffffff; font-family: "trebuchet ms", verdana, tahoma;font-size:10pt;color: #638ccd;text-decoration:none;font-weight: normal; border:2px solid #cdcdcd; padding:3px 6px 3px 6px; line-height:35px; margin-right:5px; white-space:nowrap;}
#also-container-collections-right a:visited {background-color:#ffffff;font-family: "trebuchet ms", verdana, tahoma;font-size:10pt;color: #919ebe;text-decoration:none;font-weight: normal; border:2px solid #cdcdcd;padding:3px 6px 3px 6px; line-height:35px; margin-right:5px; white-space:nowrap;}
#also-container-collections-right a:hover { background-color:#3f7c91; font-family: "trebuchet ms", verdana, tahoma;font-size:10pt;color: #ffffff;text-decoration:none;font-weight: normal;  border:2px solid #3f7c91;padding:3px 6px 3px 6px; line-height:35px; margin-right:5px; white-space:nowrap;}
/******** dropdown-container *************/
#dropdown-container-themes {width: 980px; height:391px; margin: 0 auto;background: transparent;}
#dropdown-container-themes-inner {padding-top:10px; padding-bottom:10px;}

#dropdown-container-collections {width: 980px; height:391px; margin: 0 auto;background: transparent;}
#dropdown-container-collections-inner {padding-top:10px; padding-bottom:10px;}

/******** menu-list-themes *************/
.menu-list-themes {width:160px; float: left; display:inline;}
.menu-list-themes ul {list-style-type: none; margin-right:10px;}
.menu-list-themes li {list-style-type: none;margin:0;padding:0;border-bottom: 1px solid #457a92; line-height:1.6; color:#cdf8ff;}
.menu-list-themes li a {font-family: "trebuchet ms", verdana, tahoma;font-size:9pt;color: #ffffff;text-decoration:none;font-weight: normal;}
.menu-list-themes li a:visited {font-family: "trebuchet ms", verdana, tahoma;font-size:9pt;color: #919ebe;text-decoration:none;font-weight: normal;}
.menu-list-themes li a:hover {font-family: "trebuchet ms", verdana, tahoma;font-size:9pt;color: #000000;text-decoration:none;font-weight: normal;}
.menu-list-themes h2 {height: 30px;margin-bottom:15px; font-weight:bold;}
.menu-list-themes h2 a {font-family: "trebuchet ms", verdana, tahoma;font-size:12pt;color: #f2fff8;text-decoration:none;font-weight:bold;}
.menu-list-themes h2 a:visited {font-family: "trebuchet ms", verdana, tahoma;font-size:12pt;color: #f2fff8;text-decoration:none;font-weight:bold;}
.menu-list-themes h2 a:hover {font-family: "trebuchet ms", verdana, tahoma;font-size:12pt;color: #000000;text-decoration:none;font-weight:bold;}
* html  .menu-list-themes li a, .menu-list-themes li a:visited, .menu-list-themes li a:hover {font-weight:400;}
/********** menu-list-collections ************/
.menu-list-collections {width:190px; float: left; display:inline;}
.menu-list-collections ul {list-style-type: none; margin-right:10px;}
.menu-list-collections ul ul {list-style-type: none; margin-right:10px; border-top: 1px solid #457a92;}
.menu-list-collections li {list-style-type: none;margin:0;padding:0;border-bottom: 1px solid #457a92; line-height:1.6; color:#cdf8ff;}
.menu-list-collections li ul li{list-style-type: none;margin:0;padding:0; margin-left:8px;}
.menu-list-collections li.last {border:0px;}
.menu-list-collections li a {font-family: "trebuchet ms", verdana, tahoma;font-size:9pt;color: #ffffff;text-decoration:none;font-weight: normal;}
.menu-list-collections li a:visited {font-family: "trebuchet ms", verdana, tahoma;font-size:9pt;color: #919ebe;text-decoration:none;font-weight: normal;}
.menu-list-collections li a:hover {font-family: "trebuchet ms", verdana, tahoma;font-size:9pt;color: #000000;text-decoration:none;font-weight: normal;}
.menu-list-collections h2 {height: 30px;margin-bottom:15px; font-weight:bold; color: #8eb9cf;}
.menu-list-collections h2 a {font-family: "trebuchet ms", verdana, tahoma;font-size:12pt;color: #f2fff8;text-decoration:none;font-weight:bold;}
.menu-list-collections h2 a:visited {font-family: "trebuchet ms", verdana, tahoma;font-size:12pt;color: #f2fff8;text-decoration:none;font-weight:bold;}
.menu-list-collections h2 a:hover {font-family: "trebuchet ms", verdana, tahoma;font-size:12pt;color: #000000;text-decoration:none;font-weight:bold;}
* html  .menu-list-collections li a, .menu-list-collections li a:visited, .menu-list-collections li a:hover {font-weight:400;}

/******** dropdown-options-container **********/
#dropdown-options-container-themes {width: 980px; height:36px; margin: 0 auto;background: transparent;}
#dropdown-options-container-themes-left {float:left; width:40%;}
#dropdown-options-container-themes-left-inner {padding-left:10px; padding-top:5px;}
#dropdown-options-container-themes-right {float:right; width: 40%; text-align:right;}
#dropdown-options-container-themes-right-inner {padding-right:10px; padding-top:5px;}
#dropdown-options-container-themes img {vertical-align:middle; border:0px; margin-right:5px;}
#dropdown-options-container-themes a {font-family: "trebuchet ms", verdana, tahoma; font-size: 10pt; color: #ffffff; text-decoration: none;}
#dropdown-options-container-themes a:visited {font-family: "trebuchet ms", verdana, tahoma; font-size: 10pt; color: #ffffff;text-decoration: none;}
#dropdown-options-container-themes a:hover, #dropdown-options-container a.active  {font-family: "trebuchet ms", verdana, tahoma; font-size: 10pt; color: #000000;text-decoration: none;}

#dropdown-options-container-collections {width: 980px; height:36px; margin: 0 auto;background: transparent;}
#dropdown-options-container-collections-left {float:left; width:40%;}
#dropdown-options-container-collections-left-inner {padding-left:10px; padding-top:5px;}
#dropdown-options-container-collections-right {float:right; width: 40%; text-align:right;}
#dropdown-options-container-collections-right-inner {padding-right:10px; padding-top:5px;}
#dropdown-options-container-collections img {vertical-align:middle; border:0px; margin-right:5px;}
#dropdown-options-container-collections a {font-family: "trebuchet ms", verdana, tahoma; font-size: 10pt; color: #ffffff; text-decoration: none;}
#dropdown-options-container-collections a:visited {font-family: "trebuchet ms", verdana, tahoma; font-size: 10pt; color: #ffffff;text-decoration: none;}
#dropdown-options-container-collections a:hover, #dropdown-options-container a.active  {font-family: "trebuchet ms", verdana, tahoma; font-size: 10pt; color: #000000;text-decoration: none;}


* html #dropdown-options-container-themes {}
* html #dropdown-options-container-collections {}

#menu-buttons {width:500px; height:48px;}
#menu-buttons img {border: 0px;}
#menu-buttons a {float:left; margin-right:5px;}
/********* slide menu ********/
#panel-themes {background: transparent;display: none;margin-bottom:10px;}
* html #panel-collections {height:395px;}
#panel-collections {background: transparent;display: none;margin-bottom:10px;}
* html #panel-collections {height:395px;}
/**** Button Home ***/
#btn-slide-home {}
#btn-slide-home a {width: 145px; height:31px; font-family: "trebuchet ms", verdana, tahoma; font-size: 12pt; color: #333333; text-decoration:none; background: transparent url(../img/buttons_empty.gif) repeat-x top left; padding-top:5px; padding-left:15px; font-weight:bold;}
#btn-slide-home a:visited {font-family: "trebuchet ms", verdana, tahoma; font-size: 12pt; color: #333333;text-decoration:none; font-weight:bold;}
#btn-slide-home a:hover {font-family: "trebuchet ms", verdana, tahoma; font-size: 12pt; color: #3b7894;text-decoration:none; font-weight:bold;}
#btn-slide-home a.active  {width: 145px; height:43px; font-family: "trebuchet ms", verdana, tahoma; font-size: 12pt; color: #ffffff; text-decoration:none; background: transparent url(../img/buttons_active.gif) repeat-x top left; padding-top:5px; padding-left:15px; font-weight:bold;}
#btn-slide-home a.passive {width: 145px; height:31px; font-family: "trebuchet ms", verdana, tahoma; font-size: 12pt; color: #333333; text-decoration:none; background: transparent url(../img/buttons_passive.gif) repeat-x top left; padding-top:5px; padding-left:15px; font-weight:bold;}
#btn-slide-home a:focus {outline: none;}
/**** Button Themes ***/
#btn-slide-themes {}
#btn-slide-themes a {width: 145px; height:31px; font-family: "trebuchet ms", verdana, tahoma; font-size: 12pt; color: #333333; text-decoration:none; background: transparent url(../img/buttons_passive.gif) repeat-x top left; padding-top:5px; padding-left:15px; font-weight:bold;}
#btn-slide-themes a:visited {font-family: "trebuchet ms", verdana, tahoma; font-size: 12pt; color: #333333;text-decoration:none; font-weight:bold;}
#btn-slide-themes a:hover {font-family: "trebuchet ms", verdana, tahoma; font-size: 12pt; color: #3b7894;text-decoration:none; font-weight:bold;}
#btn-slide-themes a.active  {width: 145px; height:43px; font-family: "trebuchet ms", verdana, tahoma; font-size: 12pt; color:#ffffff; text-decoration:none; background: transparent url(../img/buttons_active.gif) repeat-x top left; padding-top:5px; padding-left:15px; font-weight:bold;}
#btn-slide-themes a.passive {width: 145px; height:31px; font-family: "trebuchet ms", verdana, tahoma; font-size: 12pt; color:#333333; text-decoration:none; background: transparent url(../img/buttons_passive.gif) repeat-x top left; padding-top:5px; padding-left:15px; font-weight:bold;}
#btn-slide-themes a:focus {outline: none;}
/**** Button Collections ***/
#btn-slide-collections {}
#btn-slide-collections a {width: 145px; height:31px; font-family: "trebuchet ms", verdana, tahoma; font-size: 12pt; color: #333333; text-decoration:none; background: transparent url(../img/buttons_passive.gif) repeat-x top left; padding-top:5px; padding-left:15px; font-weight:bold;}
#btn-slide-collections a:visited {font-family: "trebuchet ms", verdana, tahoma; font-size: 12pt; color: #333333;text-decoration:none; font-weight:bold;}
#btn-slide-collections a:hover {font-family: "trebuchet ms", verdana, tahoma; font-size: 12pt; color: #3b7894;text-decoration:none; font-weight:bold;}
#btn-slide-collections a.active  {width: 145px; height:43px; font-family: "trebuchet ms", verdana, tahoma; font-size: 12pt; color: #ffffff; text-decoration:none; background: transparent url(../img/buttons_active.gif) repeat-x top left; padding-top:5px; padding-left:15px; font-weight:bold;}
#btn-slide-collections a.passive {width: 145px; height:31px; font-family: "trebuchet ms", verdana, tahoma; font-size: 12pt; color: #333333; text-decoration:none; background: transparent url(../img/buttons_passive.gif) repeat-x top left; padding-top:5px; padding-left:15px; font-weight:bold;}
#btn-slide-collections a:focus {outline: none;}

.btn-close-themes {}
.btn-close-collections {}
.active {}

/* ******************  login form  ************** */
#user-login { font-family: "trebuchet ms", verdana, tahoma;font-size:8pt;color: #333333;text-align:left;margin-top:30px;display: block;width: 300px;height:200px;}
#user-login input {background-color: #ffffff;border-right:  #bdbdbd 1px solid;border-left: #dedede 1px solid;border-top: #dedede 1px solid;border-bottom: #bdbdbd 1px solid;vertical-align: top;font-family: "trebuchet ms", verdana, tahoma;font-size:9pt; color: #333333;margin-bottom:5px;width:300px;height:30px;}
#user-login input:focus {border:1px solid #dd4c0c;}
#user-login label {float: left;height:10px;margin-right: 0.5em;margin-top:5px;margin-bottom:10px;display: block;font-family: "trebuchet ms", verdana, tahoma;font-size:9pt;color: #333333;font-weight: bold;}
.form-required {color:#29deff;font-weight:bold;}
#user-login input.form-submit {background-color: #ffffff;border-right:  #bdbdbd 1px solid;border-left: #dedede 1px solid;border-top: #dedede 1px solid;border-bottom: #bdbdbd 1px solid;vertical-align: top;font-family: "trebuchet ms", verdana, tahoma;font-size:9pt; color: #000000;margin-bottom:5px;width:50px;height:25px;text-transform:lowercase;float:right;margin-top:20px;}

/******************* no scipt pael *************/
#panel-noscript {background-color:#2b5469; height:40px; width:980px; margin:0 auto;}
#panel-noscript-inner {padding-top:0px; padding-left:5px;}
#panel-noscript-inner-left {float:left; width:40%;}
#panel-noscript-inner-right {float:left; width:40%;}



#panel-noscript-inner form {height:20px;}
#panel-noscript-inner label {font-family: "trebuchet ms", verdana, tahoma; font-size: 9pt; color:#ffffff; font-weight:bold; margin-right:5px;}
#panel-noscript-inner form #noscipt-menu-button-themes {width:20px; height:20px; border: #45738a dotted 1px; margin-top:5px; vertical-align:middle;}
#panel-noscript-inner form #noscipt-menu-button-collections {width:20px; height:20px; border: #45738a dotted 1px; margin-top:5px; vertical-align:middle;}
#panel-noscript-inner form select {width:250px; height:20px; margin-top:5px;}
/********** search container ************/
#search-container {padding-top:20px; margin-bottom:40px; font-family: "trebuchet ms", verdana, tahoma; font-size: 9pt; color: #333333; line-height:1.6;}
#search-container h1 {margin-bottom:15px;}

#search-container-form {width:980px; margin: 0 auto; background: #ffffff url(../img/search_form_bg.jpg) repeat-x bottom left; border: 1px solid #cccccc;}
/* ******************  search results page form  ************** */
#search-container-form form {width:940px; margin:0 auto; display:block;  margin-top:20px;}

#search-form-first-line {width:940px; margin:0 auto; display:block; margin-bottom:10px;}
#search-form-first-line .form-item {float:left; display:inline;}
#search-form-first-line  label {font-size:12pt; color:#000000; margin-left:15px; margin-right:15px; float:left; display:inline; }
#search-form-first-line .form-text {background-color: #ffffff;border: #cccccc 2px solid; font-family: "trebuchet ms", verdana, tahoma; padding:5px; font-size: 10pt; color: #6e6e6e; height:20px; float:left; display:inline;}
#search-form-first-line .form-submit {width:95px; height: 32px; border:0px; margin-left:20px; float:left; display:inline;}
#search-form-first-line .form-submit:focus {outline: none;}
#search-form-first-line  select {float:left; display:inline; margin-top:5px; border: #cccccc 1px solid; width:70px;}

#search-form-first-line #search-tips-link a {margin-top:15px; margin-left:5px; line-height:20px;}

#search-form-second-line {width:940px; margin:0 auto; display:block;}
#search-form-second-line .form-item {margin-bottom:20px;}
#search-form-second-line  label {font-size:12pt; color:#000000; margin-left:15px; margin-right:15px;}
#search-form-second-line .form-text {background-color: #ffffff;border: #cccccc 2px solid; font-family: "trebuchet ms", verdana, tahoma; padding:5px; font-size: 10pt; color: #6e6e6e; height:20px;}
#search-form-second-line  select {float:left; margin-top:5px; border: #cccccc 1px solid; margin-right:20px; margin-left:10px; width:80px;}

*html #search-form-second-line select {margin-right:17px;}

#link-add-searchbox {display:block; margin-bottom:20px; outline:none;}

#search-container-sortby {width:980px; height: 30px; line-height:30px; background: transparent; margin: 0 auto; margin-bottom:20px; border-top:1px dotted #999999; border-bottom:1px dotted #999999;}
#search-container-sortby-left {float:left; width:50%;}
#search-container-sortby-right {float:right; width:50%;text-align:right;}

#search-container-side-left {float:left; width:660px;}
#search-container-side-left-inner {}

#search-container-side-left-inner ul {list-style-type: none;margin:0;padding:0;}
#search-container-side-left-inner li {list-style-type: none;margin:0;padding:0; margin-bottom:20px; font-family: "trebuchet ms", verdana, tahoma; font-size: 9pt; color: #999999}
#search-container-side-left-inner a {font-family: "trebuchet ms", verdana, tahoma; font-size: 11pt; color: #638ccd; font-weight:bold;text-transform:uppercase; text-decoration:none;}
#search-container-side-left-inner a:visited {font-family: "trebuchet ms", verdana, tahoma; font-size: 11pt; color: #000000;font-weight:bold; text-transform:uppercase; text-decoration:none;}
#search-container-side-left-inner a:hover, #themeslist a.active  {font-family: "trebuchet ms", verdana, tahoma; font-size: 11pt; color: #000000;font-weight:bold;text-transform:uppercase; text-decoration:none;}
#search-container-side-left-inner p {font-family: "trebuchet ms", verdana, tahoma; font-size: 10pt; color: #333333; line-height:1.6; margin-bottom:15px;}
#search-container-side-left-inner .search-keyword-match {background-color:#e3ebf0; font-weight:bold;}


#search-container-side-right {float:right; width:300px; }
#search-container-side-right-inner {}


#search-container-shadow{background: #ffffff url(../img/search-shadow.jpg) no-repeat top left; width:964px; height:7px; margin: 0 auto; margin-bottom: 20px; }

/* ******************  search-container-also ************** */
#search-container-also {height:auto !important;height:250px; min-height:250px; width:100%; background-color:#f1f1f1;}
#search-container-also h2 {margin-bottom:15px;}


#search-container-also-inner {padding:20px;}

#search-container-also-inner-themes {clear:both; margin-bottom:15px; margin-bottom:10px; display:block;}
#search-container-also-inner-themes h3 {margin-bottom:10px; color:#777777;}

#search-container-also-inner-themes  ul {list-style-type: none;margin:0;padding:0;}
#search-container-also-inner-themes  li {list-style-type: none;margin:0;padding:0; float:left;}
#search-container-also-inner-themes  a {margin-right:5px;}


#search-container-also-inner-collections {clear:both; margin-bottom:10px; display:block;}
#search-container-also-inner-collections h3 {margin-bottom:10px; margin-top:10px; color:#777777;}


#search-container-also-inner-collections ul {list-style-type: none;margin:0;padding:0; }
#search-container-also-inner-collections li {list-style-type: none;margin:0;padding:0; float:left;}

#search-container-also-inner-collections a {background-color:#ffffff; font-family: "trebuchet ms", verdana, tahoma;font-size:10pt;color: #638ccd;text-decoration:none;font-weight: normal; border:2px solid #cdcdcd; padding:3px 6px 3px 6px; line-height:35px; margin-right:5px;}
#search-container-also-inner-collections a:visited {background-color:#ffffff;font-family: "trebuchet ms", verdana, tahoma;font-size:10pt;color: #919ebe;text-decoration:none;font-weight: normal; border:2px solid #cdcdcd;padding:3px 6px 3px 6px; line-height:35px; margin-right:5px;}
#search-container-also-inner-collections a:hover { background-color:#3f7c91; font-family: "trebuchet ms", verdana, tahoma;font-size:10pt;color: #ffffff;text-decoration:none;font-weight: normal;  border:2px solid #3f7c91;padding:3px 6px 3px 6px; line-height:35px; margin-right:5px;}

/******* JISC logo *********/
#jisc-logo { margin:0 auto; width:980px; text-align:right; margin-bottom:20px;}
#jisc-digitisation {color:#333333; width: 180px; float:left; line-height:1.2;}
#jisc-digitisation a {font-family: "trebuchet ms", verdana, tahoma;font-size:10pt; color:#333333; text-decoration:none;}
#jisc-digitisation a:visited {font-family: "trebuchet ms", verdana, tahoma;font-size:10pt; color:#333333; text-decoration:none;}
#jisc-digitisation a:hover {font-family: "trebuchet ms", verdana, tahoma;font-size:10pt; color:#638ccd; text-decoration:none;}

.home-page-container-partners {padding-left:20px;}



#jisc-digitisation-all {color:#333333; width: 240px; float:right; line-height:1.2; text-align:left;}
#jisc-digitisation-all img {border:0px; float:right; display:block; margin-left:5px;}
#jisc-digitisation-all  a {font-family: "trebuchet ms", verdana, tahoma;font-size:10pt; color:#333333; text-decoration:none;}
#jisc-digitisation-all a:visited {font-family: "trebuchet ms", verdana, tahoma;font-size:10pt; color:#333333; text-decoration:none;}
#jisc-digitisation-all  a:hover {font-family: "trebuchet ms", verdana, tahoma;font-size:10pt; color:#638ccd; text-decoration:none;}