.body-color
{
  background-color:#003366; 
}

.body-top
{
  font: 85%/1.3 Verdana,Arial,sans-serif;
  text-align: left;
  padding:0;
  margin:0 auto;
  width:980px; /* allow for margin, padding */
}

input[type=button]
{
  outline:none;
}

p
{
  margin-top:0
}

h1,h2,h3
{
  font: normal normal 200% Verdana,Arial,sans-serif;
}
h2
{
  font-size:160%;
}
h3
{
  font-size:120%;
}

a:active
{
outline: none; /* annoying ff behavior */
}

a:focus
{
-moz-outline-style: none;  /* annoying ff behavior */
}

#header   /*----- header - with bamboo image and faded spots for text ---*/
{
  width:100%;
  color:#FFFFFF;
  font-family:Verdana,Arial,sans-serif;
  font-size:10pt;
  position:relative;
}
#header td /* User Name */
{
  overflow:hidden;
  color:#FFFFFF;
  font-family:Verdana,Arial,sans-serif;
  font-size:10pt;
}
#header h1
{
  color:#FFFFFF;
  font-family:Verdana,Arial,sans-serif;
  font-size:16pt;
  font-weight:400;
}
#header h1 /* header page title (Video Search, Quizzes,...) */
{
  margin:0 auto;
  text-align:left;
  padding: 0;
  color: #FFFFFF;
}
#header a:link 
{
  color: #FFFFFF;
  text-decoration: none;
}
#header a:visited 
{
  color: #FFFFFF;
  text-decoration: none;
}
#header a:hover
{
  color: #FFFFFF;
  text-decoration: underline;
}
#header a:active
{
  color: #FFFFFF;
  text-decoration: none;
}

#header .nav_button
{
  float:right;
  padding-right:4px;
}

#footer
{
  clear:both;
/*  background-color:#003366; */
  color: #FFFFFF; 
  text-align:center;
  width:100%;
  padding-top:5px;
  padding-bottom:5px;
}

#footer a:link 
{
  color: #FFFFFF;
  text-decoration: none;
}
#footer a:visited 
{
  color: #FFFFFF;
  text-decoration: none;
}
#footer a:hover
{
  color: #FFFFFF;
  text-decoration: underline;
}
#footer a:active
{
  color: #FFFFFF;
  text-decoration: none;
}

#right-container
{
  float:right;
  margin-top:1px;
  margin-right:5px; /* IE does 20...go figure... */
  width:190px;
  display:inline; /* IE fix for margin */
  font-size:90%; 
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}                         

#messages-container
{
  float:right;
  margin-top:10px;
  margin-right:5px; /* IE does 20...go figure... */
  height:500px; /* container - 100 */
  width:250px;
  display:inline; /* IE fix for margin */
}                         

#messages-middle
{
  width:100%;
  height:480px;
  background-repeat:repeat-y;
  overflow:auto;
  font-size:90%;
}

#container  /*--- area between header and footer ---*/
{
  width:100%;
  min-height:520px; /* was 600px -- if change, change height of left, side also */
  background-color:#ffffff;    /*--- ffffff = white ---*/
  background-image:url(/images/BDS-bamboo_85.jpg);
  background-repeat:repeat;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  padding-top:10px;
  padding-bottom:10px;
}

#left-container, #left-container-admin
{
  width:260px;
  height:520px; 
/*  overflow:auto; */
  padding-top:4px; 
  float:left;
}
#left-container-admin
{
  width:200px;
}

#left-container-top
{
  margin-bottom:8px;
}

#left-container-menu, #left-container-search
{
  height:470px;
  overflow: -moz-scrollbars-vertical;
  overflow-x: hidden;
  overflow-y: scroll;
  display:none;
  position:absolute;
  top:0;
  left:0;
  width:100%;
}

#middle-container
{
  float:left;
  margin-top:0px;
  margin-left:0px;
}

.message-class
{
}

div#tabmenu a
{
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

#video-container
{
/*  display:none; */
  margin-top:4px;
  margin-right:0px;
  margin-left:4px;
  width:100%;
}
    
#video-player
{
  overflow:hidden;
  display:inherit;
  width:100%;
}

ul#nav,ul#nav li
{
  list-style-type:none;
  margin:0;
  padding:0;
}
ul#nav
{
  float:left;
  font-size: 80%;
}
ul#nav li
{
  float:left;
  margin-left: 3px;
  text-align: center;
}
ul#nav a
{
  float:left;
  width: 75px;
  padding: 5px 0;
  background:gray; 
  text-decoration:none;
  color: #ffffff;
}
ul#nav a:hover, .modality #nav #modality a, .locality #nav #locality a, .search #nav #search a, .problem #nav #problem a 
{
  background:#003366; 
}
ul#nav li.activelink a,ul#nav li.activelink a:hover
{
  background:#003366; 
}

tr.available {
    background-color: #FFFFFF;
}
tr.blocked {
    background-color: #CFCFCF;
}
td.edit{ border-bottom: 1px solid #000000; }

.admin_message
{
  font-family:Verdana,Arial,sans-serif;
  font-weight:bold;
  text-align:left;
  font-size:10pt;
  border:1px black solid;
  width:400px;
  padding:4px;
}

.disclaimer_style
{
  font-family: Verdana, Arial, sans-serif;
  font-size: 9pt;
  font-weight:normal;
  color:#202020;
  text-align:left;
}

#admin_video_list
{
  background-color:#ffffff;   /*--- ffffff = white ---*/
  font-family: Verdana, Arial, sans-serif;
  font-size:11px;
  border:1px solid black;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

#get-started-text
{
  width:450px;
  margin:10px 10px;
  text-align:left;
  border:1px black solid;
  padding:4px;
}

.login_status_on
{
  color:black;  
}

.login_status_off
{
  color:silver;
}

#tabmenu-bottom
{
  clear:both;
  margin:0;
  padding:0;
  border-top:1px #c0c0c0 solid;
}

/* ie star hack */

* html #tabmenu-bottom
{
  margin-top:-4px;
}

.error-style, .no-error-style
{
  font-weight: bold;
  margin-top:4px;
  margin-bottom:4px;
}

.error-style
{
  color:#FF0000;
}

.no-error-style
{
  color:#00CC00;
}

.message-style
{
  font-weight: bold;
  color:#003366; 
  margin-top:4px;
  margin-bottom:4px;
}

.menu-item-top
{
  font-weight:bold;
  font-size:11px;
}

.page-header-print-style
{
  display:none;
}

.copyright-style
{
  color:#FFFFFF;
  font-family:Verdana,Arial,sans-serif;
  font-weight:normal;
  font-size:8pt;
}

.header_large_text
{
  font:Verdana,Arial,sans-serif;  
  font-size:18pt; 
  color:white;
}

.header_small_text
{
  font:Verdana,Arial,sans-serif;  
  font-size:8pt; 
  color:white;
  line-height:10pt;
}

/* 
********************************************************************************
Popup window styles
******************************************************************************** 
*/

/*
.body-popup
{
  font-family:"Trebuchet MS",Arial,sans-serif;
  font-size: 10pt;
  text-align: center;
  padding:0;
  margin:0 auto;
  background-color:#c0c0c0;
}
*/
.body-popup
{
  font-family:"Trebuchet MS",Arial,sans-serif;
  font-size: 10pt;
  text-align: center;
  padding:0;
  margin:0 auto;
  margin-top:8px;
  background-color:#c0c0c0;
}

.body-iframe
{
  font-family:"Trebuchet MS",Arial,sans-serif;
  font-size: 10pt;
  text-align: center;
  background-color:transparent;
  margin:0;
  padding:0;
}

.form_table
{
  background-color:#ffffff;
  margin:0 auto;
  border:1px solid black;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  -moz-border-radius-bottomleft: 10px;
  -moz-border-radius-bottomright: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.form_header
{
  font-size: 12pt;
  font-weight:bold;
  text-align:center;
  color:#ffffff;
  background-color:#000000;
  padding-top:4px; 
  padding-bottom:4px;
  /* radius slightly smaller than container, so fills background */
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px; 
}

.form_header_link
{
  color: #FFFFFF;
  text-decoration: none;
}

.form_footer
{
  font-size: 12pt;
  font-weight:bold;
  text-align:center;
  color:#000000;
/*  background-color:#ffffff; NO color! */ 
  padding-top:4px;
  padding-bottom:4px;
/*  
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-bottom-radius: 10px;
*/  
}

.form_subheader
{
  font-weight:bold;
  text-align:center;
  font-size:10pt;
  padding:4px;
}

.form_label, .form_label_for, .form_label_small
{
  font-weight:bold;
  text-align:right;
  font-size:10pt;
  padding:4px;
}

.form_label_small
{
  font-size:9pt;
}

.form_label_for
{
  cursor:pointer;
}

.form_field, .form_field_small, .form_field_bordered
{
  font-weight:normal;
  text-align:left;
  font-size:10pt;
  padding:4px;
}

.form_field_bordered 
{
  border:1px solid #003366;
  padding:4px;
}

.form_field_small
{
  font-size:9pt;
}

.form_message
{
  font-size: 12pt;
  font-weight:bold;
  text-align:center;
  color:#000000;
  background-color:#ffffff;
  padding-top:4px;
  padding-bottom:4px;
  width:400px;
  margin:0 auto;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

.video_title
{
  background-color:#c0c0c0;
  width:100%;
  font-size:90%;
  border:1px #666 solid;
}

#grade_table td.form_label
{
  font-weight:bold;
  text-align:right;
  font-size:10pt;
  padding:4px;
}

#grade_table td.form_field
{
  text-align:left;
  font-size:10pt;
  padding:4px;
}

#grade_table td.data_row /* must be after form_label, form_field */
{
  padding:4px;
  text-align:left;
}

.error-style, .no-error-style
{
  font-weight: bold;
  margin-top:4px;
  margin-bottom:4px;
}

.error-style
{
  color:#FF0000;
}

.no-error-style
{
  color:#00CC00;
}

.info-table
{
/*
  border-collapse:collapse;
  border:1px solid #003366; 
*/  
  padding:4px;
}

.info-table-title
{
  color:#000000;
  font-family:Verdana,Arial,sans-serif;
  font-weight:bold;
  font-size:12pt;
}

.info-table-header, .info-table-gray-header
{
  color:#000000;
  font-family:Verdana,Arial,sans-serif;
  font-weight:bold;
  font-size:10pt;
  background-color:#ffffff;
}

.info-table-normal, .info-table-gray
{
  color:#000000;
  font-family:Verdana,Arial,sans-serif;
  font-weight:normal;
  font-size:10pt;
  background-color:#ffffff;
}

.info-table-gray, .info-table-gray-header
{
  background-color:#c0c0c0;
}

.data-table
{
  border-collapse:collapse;
  border:1px solid #003366; 
}

.data-table td, .data-table th, .data-table tbody td, .data-table thead th
{
  border-collapse:collapse;
  border:1px solid #000000; 
  color:#000000;
  font-family:Verdana,Arial,sans-serif;
  font-size:10pt;
  padding:4px;
}

.data-table th, .data-table thead th
{
  font-weight:bold;
  background-color:#c0c0c0;
}

.data-table td, .data-table tbody td
{
  font-weight:normal;
  background-color:#ffffff;
}

#linked-documents, #linked-keywords
{
  overflow:auto;
}

/* 
********************************************************************************
Mobile styles
******************************************************************************** 
*/

#middle-container-mobile
{
  clear:both;
  width:98%;
  margin:0 auto;
}

.mobile_button_text, .mobile_big_button_text
{
  font:Verdana,Arial,sans-serif;  
  color:white;
  font-weight:bold;
  text-decoration:none;
}
.mobile_button_text
{
  font-size:10pt; 
}
.mobile_big_button_text
{
  font-size:18pt; 
}

#mobile-container .form_header, .form_subheader, #mobile-container .form_footer, #mobile-container .info-table-title
{
  font-size:20px;
}

#mobile-container .form_field, #mobile-container .form_field_small, #mobile-container .form_label, #mobile-container .form_label_small, #mobile-container .form_label_for, #mobile-container .info-table-header, #mobile-container .info-table-normal, #mobile-container a, #mobile-container input,  #mobile-container select
{
  font-size:18px;
}

#mobile-container #right-container #linked-documents, #mobile-container #right-container #linked-keywords
{
  font-size:20px;
}

#mobile-container #right-container
{
 border:1px solid black;
 background-color:#ffffff;
/* display:none; */
 width:500px;
}

/* 
********************************************************************************
Report styles
******************************************************************************** 
*/
.report-header
{
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 14pt;
  font-weight:bold;
  text-align: center;
}

.report-subheader
{
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 12pt;
  font-weight:bold;
  text-align: center;
}

.report-label
{
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 10pt;
  font-weight:bold;
  text-align:left;
}

.report-field
{
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 10pt;
  font-weight:normal;
  text-align:left;
} 
.report-new-page
{
  page-break-after:always;
}
/*
.centerHeader
{
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 14pt;
  font-weight:bold;
  text-align: center;
}

.centerSubHeader
{
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 12pt;
  font-weight:bold;
  text-align: center;
}

.leftSubSubHeader
{
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 10pt;
  font-weight:bold;
  padding-left:4px;
  text-align:left;
}

.rightSubSubHeader
{
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 10pt;
  font-weight:bold;
  padding-right:4px;
  text-align:right;
} 
*/

#result
{
  background-color: white;
  border:1px solid black;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  width:100%;
  text-align:left;
  display:none;
/*  border-bottom:1px black groove; */
/*  border:1px black groove; */
/*  background-color: #efefef; */
}
#result_header
{
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  color:white;
  padding:8px;
  font-weight:bold;
  background-color: black;
}
#result_text
{
  overflow:auto;
/*  height:200px; */
  padding:8px;
}

.playlist_entry
{
  color:#000000;
  font-family:Verdana,Arial,sans-serif;
  font-size:8pt;
  background-color:#c0c0c0;
  background-image:url(/images/play_button.png);
  background-repeat:no-repeat;
  background-position:top right;
  border:1px dotted black;
  margin-right:4px;
  width:125px;
  height:90px;
}

.relatedlist_entry
{
  color:#000000;
  font-family:Verdana,Arial,sans-serif;
  font-size:8pt;
  background-color:#c0c0c0;
  background-image:url(/images/document_button.png);
  background-repeat:no-repeat;
  background-position:center right;
  border:1px dotted black;
  margin-right:4px;
  padding-top:4px;
  padding-left:4px;
  padding-right:20px;
  width:130px;
  height:16px;
}

a .relatedlist_entry:hover, a .playlist_entry:hover
{
  text-decoration: underline;
}

.related_document_item
{
color:#000000;
height:24px;
}

a .related_document_item:active
{
  outline: none; /* annoying ff behavior */
}

a .related_document_item:focus
{
  -moz-outline-style: none;  /* annoying ff behavior */
}

a .related_document_item:hover
{
  text-decoration: underline;
}

a.toolTip
{
  text-decoration: none;
}
a.toolTip:hover
{
  text-decoration: underline;
}