/***********************/
/** Global Tag Styles **/
/***********************/
body { margin:0; color: #444; min-width: 650px; }
a { color: #0950B5; }
th { color:#274E9E; border:1px solid #BAD9FF; background-color:#E8F2FF; }
textarea { width: 95%; height: 100px; }

 
/********************/
/** Main Site Page **/
/********************/
.site_header { background:url(../images/mbg_light_blue1.gif) repeat-x; width: 100%; white-space:nowrap; height:50px;}
.site_header_top { background:url("../images/top_grad.gif") repeat; }
.site_header_bottom { background:url("../images/bottom_grad.gif") repeat; }
.site_banner { font-size:160%;padding-left:10px; color:#274E9E; font-weight:bold;}
.site_banner_descr {  }

.site_header_links { line-height:normal; padding: 0px 5px 0px 5px; }
.site_header_links a { text-decoration: none; }
.site_header_links a:hover { text-decoration: underline; }
.site_header_links .account_name { color:#274E9E; font-weight:bold; }
.site_header_links .logout_link { color:#274E9E; font-weight:bold; }

.site_content { margin:0 5px 5px 5px; width:98%; }



/*******************/
/** Common Styles **/
/*******************/
.form_field { width: 250px; }
.form_field_name { text-align: right; }
.form_container { width: 500px; }

.datetext { color:#336699; }
.subtext { font-weight:normal; font-size:9px; }
.nametext { font-weight: bold; }
.valuetext { font-weight: bold; color:#0950B5; }
.largetext { font-weight: bold; font-size:125%; }

.data_table { border: 1px solid #BCD2E6; }
.data_table th { padding-left: 5px; padding-right: 5px; }
.data_table .nopadding { padding:0; }
th.orderUp { padding: 3px 24px 3px 8px; background-position:right center; background-repeat:no-repeat;
    background-image: url(../images/arrow_up.png); }
th.orderDown { padding: 3px 24px 3px 8px; background-position:right center; background-repeat:no-repeat;
    background-image: url(../images/arrow_down.png); }
th.orderNone { padding: 3px 24px 3px 8px; background-position:right center; background-repeat:no-repeat;
    background-image:url( ../images/arrow_off.png);
}

.even { background: #eeeeee; }
.odd {  }

.indent_small { padding-left: 25px; }
.indent_medium { padding-left: 50px; }
.indent_large { padding-left: 75px; }

.iconRemove {
    background:url(../images/delete_16.png) no-repeat;
    width:16px;
    height:16px;
    float:left;
    margin-right:2px;
}

/* Custom heading style */
.h_base { font-family: arial,sans-serif; font-weight:bold; font-size: 110%; padding-left:5px;
    padding-right:5px; padding-top:3px; padding-bottom:3px; white-space:nowrap; color:#274E9E;}
/* Designed to be used in combination with h_base */
.h_decr { font-size: 100%; }
.h_incr { font-size: 150%; }
.h_border { border:1px solid #BAD9FF; border-bottom-width: 0px; }
.h_bcolor { background:url(../images/hgrad_bg.gif) repeat-x; }
.h_content { padding: 5px; border:1px solid #BAD9FF; }


/*******************************/
/** Feedback, Warning, etc... **/
/*******************************/
.feedback { width: 100%; padding: 0px 0px 0px 0px; }
.feedbackPanelINFO { color: green; font-weight:bold; list-style-image:none; list-style-type:circle; }
.feedbackPanelERROR { color:red; font-weight:bold; list-style-image:none; }

.noscript, .browser_warn { background-color:#FFFF99; font-weight:bold; padding:3px 15px 3px 10px;
    border:1px solid #676767; opacity:0.8; }
.noscript_text, .browser_warn_text { color: red; font-size:160%; }
.warning_label { width: 100%; color: red; background-color: yellow; font-weight: bold; text-align: center; }


/************************************/
/** Metacat Quiz **/
/************************************/
.quiz_submit_button { font-weight:bold; }
.quiz_floating_status { position:fixed; _position:absolute; right: 10px; bottom: 20px; z-index: 10;
    padding: 5px; line-height: normal; text-align: center; width: 150px; }
.quiz_status_content { border: 1px solid #BCD2E6; background: #EEEEEE; }
.quiz_question_status { border: 1px solid #BCD2E6; background: #FFFFFF; }


/************************************/
/** Metacat Assessment Item Styles **/
/************************************/
.quesnum { font-weight: bold; color: #0950B5; /*color:#A90A08;*/ }
.modtext {  }
.sectiontext {  }
.itemtext { margin: 5px 0px 0px 0px; padding: 5px; border: 2px solid #3366cc; }
.foils { width: 100%; margin: 15px 0px 0px 15px; }
.foil { }
.foil_text { padding: 3px; width: 100%; }

/*Todo This is a hack that will prevent using p and br tags inside a MC foil.*/
.foil p { display: inline; }
.foil br { display: none; }

.correct_answer { color: green; font-weight: bold; }
.incorrect_answer { color: red; font-style: italic; font-weight: bold; }



/******************************/
/** Metacat Heap Book styles **/
/******************************/
.heapbook_navpanel { background-color: #eeeeee; width: 165px; font-weight: bold;}
.heapbook_navpanel a:hover {  }

.heapbook_propertyvalue { padding-left:20px; }
.heapbook_propertyvalue .property_name {font-family: arial,sans-serif; font-size: 120%; font-weight:bold;
    white-space:nowrap; letter-spacing: 0; color:#3366CC; }



/***************************/
/** Metacat Report Styles **/
/***************************/
h1.report { font-family: sans-serif; font-size: 17px; background-color: #2E6397; padding: 3px; margin: 0px }
h2.report { color: #000000; font-size: 15px; background-color: #F0F0F0; padding: 1px; margin: 0px }
h3.report { color: #FFFFFF; font-size: 13px; background-color: #C0D4E0; padding: 1px; margin: 0px }
h4.report { color: #000000; font-size: 13px; background-color: #FFFFFF; padding: 1px; margin: 0px }

.reports td { white-space: nowrap; }
tr.report_heading { background-color: #CCCCCC; }
tr.report_totals { background-color: #EEEEEE; }
tr.report_grandtotals { background-color: #CCCCCC; }

.toolbar_simple {-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;
    background:#EAEAEA url(../images/titleBar.png) repeat-x scroll left top;border-bottom:1px solid #CCCCCC; }

/******************/
/** Login Styles **/
/******************/
.login_form { width: 275px; }
.login_username_textbox { width: 150px; }
.login_password_textbox { width: 150px; }

/**
 * ListPanel.html styles
 * SlidePanel.html styles
 */

.ajax_loading_bar {
    position:fixed;
    _position:absolute;
    border: 1px solid black;
    left: 10px;
    bottom: 10px;
    z-index: 10;
    padding: 5px;
    line-height: normal;
    width: 10em;
    background-color: white;
    text-align: center;
    color: #0950B5;
    font-weight: bold;
}

.ajax_error_bar {
    position:fixed;
    _position:absolute;
    border: 1px solid black;
    left: 10px;
    bottom: 10px;
    z-index: 10;
    padding: 5px;
    line-height: normal;
    width: 10em;
    background-color: white;
    text-align: center;
    color: red;
}

.object_save_panel {
    position:fixed;
    _position:absolute;
    right: 10px;
    bottom: 35px;
    z-index: 10;    
    line-height: normal;
}

.object_save_panel_content {
    text-align:center;
    border: 1px solid #BCD2E6;
    background-color: #eeeeee;
    color: blue;
    padding:10px;
    width: 12em;
}

/**
 * TreePage.html styles
 */
.heading_content_tree {
    border:1px solid #BAD9FF;
    padding-bottom: 1px; /* FF bug fix*/
    height: 37em;
    width: 20em;
    overflow: auto;
}

.heading_content_info {
    border:1px solid #BAD9FF;
    padding-bottom: 1px; /* FF bug fix*/
    height: 37em;
}

/**
 * StyledPagingNavigator.html styles
 */
.nav_links_left {
    width: 100px;
    white-space: nowrap;
    text-align: right;
}

.nav_links_center {
    text-align: center;
    white-space: nowrap;
}

.nav_links_right {
    width: 100px;
    white-space: nowrap;
    text-align: left;
}

.nav_headline {
    color:#A90A08;
    font-weight: bold;
    font-size: 130%;
}

.nav_headline_small {
    color:#A90A08;
    font-weight: bold;
}

.nav_page_link {
    color:#0950B5;
    font-weight: bold;
}

.img_link {
    border: 0px none;
}

/**
 * WarningPanel.html styles
 */
.warning_panel {
    width: 600px;
    padding: 10px 10px 10px 10px;
}

.warning_goback_link {    
    font-weight: bold;
}

/**
 * ScorePanel.html styles
 */
.test_score {
    font-size: 180%;
    font-weight: bold;
    padding: 5px;
}

/**
 * AccountManagementPanel.html styles
 */
.toolbar { border-collapse: collapse; white-space: nowrap; }
.toolbar a { text-decoration: none; }
.toolbar a:hover { font-weight:bold; }
.toolbar span { text-decoration: none; font-size: 10px; }
.toolbar td { text-align: center; padding-left:2px; padding-right:2px; }
.toolbar_top { background:url("../images/nav_toolbar_top.gif") repeat; }
.toolbar_bottom { background:url("../images/nav_toolbar_bottom.gif") repeat; }

/**
 * ItemFeedbackPanel.html styles
 */
.teacher_comment {
    font-style: italic;
}

/**
 * GradingResponsePanel.html styles
 */
.user_header {
    background:#C0D4E0;   
}

.conresponse {
    background: #EEEEEE;
    border-style: solid;
    border-color: #cccccc;
    border-width: 1px;
}

.comment_field {
    width: 100%;
    height: 50px;
}

/**
 * PropertyValueSelectionPanel.html styles
 */
.search_value_tree table.wicket-tree-content.selected  {
    background-color: #FFFFFF;
}

.search_result_norecords_label {
    font-weight:bold;
}

/* Editing */
.editable_value:hover { padding-top: 1px; padding-bottom: 1px; background-color: #FFFFD7; }
.add_new_value span { color: #0950B5; font-size: 80%; }
.add_new_value span:hover {  }

.item_property_panel {
    background-color: #eeeeee;
    border:1px solid #BAD9FF;
}

.item_actions_panel {
    background-color: #eeeeee;
}

.item_panel {
    padding-left: 15px;
    padding-right: 15px;
}

.wysiwyg_textarea {
    width: 600px;
    height: 315px;
}

.gallery_thumbnail_panel {
    float: left;
    padding: 5px 10px 5px 10px;
    width: 150px;
    height: 225px;
    overflow: hidden;
    border: 1px solid #EEEEEE;
    text-align: center;
}

.collection_gallery_icon_panel {
    float: left;
    padding: 5px 10px 5px 10px;
    width: 600px;
    height: 125px;
    overflow: hidden;
    border: 1px solid #EEEEEE;
}

.list_thumbnail_panel {    
    padding: 5px 10px 0px 0px;
    width: 100%;     
    border: 1px solid #EEEEEE;
}



/******************************/
/** Overridden wicket styles **/
/******************************/
/* Styles for auto complete text field */
div.wicket-aa {
    background-color: white;
    border-width: 1px;
    border-color: #cccccc;
    border-style: solid;
    padding: 2px;
    margin: 1px 0 0 0;
    text-align:left;
}
div.wicket-aa ul { list-style:none; padding: 2px; margin:0; }
div.wicket-aa ul li.selected { background-color: #E1EDFF; padding: 2px; margin:0; }

/* Styles for a wicket tree */
.my-tree table.wicket-tree-content table.icon-panel a  { color:#0950B5; }
.my-tree table.wicket-tree-content table.icon-panel a:hover { color:#0950B5; }
.my-tree table.wicket-tree-content.selected  { background-color: #E1EDFF; }

/***************************************************/
/* Begin bidirectionality settings (do not change) */
/***************************************************/
BDO[DIR="ltr"]  { direction: ltr; unicode-bidi: bidi-override }
BDO[DIR="rtl"]  { direction: rtl; unicode-bidi: bidi-override }

*[DIR="ltr"]    { direction: ltr; unicode-bidi: embed }
*[DIR="rtl"]    { direction: rtl; unicode-bidi: embed }

/****************/
/** Tab Styles **/
/****************/
div.tabs_panel div.tab-row {
    float:left;
    width:325px;
    font-size:90%;
    line-height:normal;
}

div.tabs_panel div.tab-row ul {
    margin:0;
    padding:0px 10px 0px 0px;
    list-style:none;
}

div.tabs_panel div.tab-row li {
    display:inline;
    margin:0;
    padding:0;
}

div.tabs_panel div.tab-row a {
    float:left;
    background:url("../images/tableft.gif") no-repeat left top;
    margin:0;
    padding:0 0 0 4px;
    text-decoration:none;
}
div.tabs_panel div.tab-row a span {
    float:left;
    display:block;
    background:url("../images/tabright.gif") no-repeat right top;
    padding:5px 15px 4px 6px;
    color:#000000;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
div.tabs_panel div.tab-row a span { float:none; }
div.tabs_panel div.tab-row a:hover span { color:#000000; }
div.tabs_panel div.tab-row a:hover { background-position:0% -25px; }
div.tabs_panel div.tab-row a:hover span { background-position:100% -25px; }
div.tabs_panel div.tab-row .selected a { background-position:0% -25px; }
div.tabs_panel div.tab-row .selected a span { background-position:100% -25px; }

/** Use this for content contained in a tab. */
.tab_content { width: 100%; min-width: 550px; clear: both; border: 1px solid #BCD2E6; }

/**
 * Spiffy corners css
 */
.spiffy{display:block}
.spiffy *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#BAD9FF}
.spiffy1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #e1eeff;
  border-right:1px solid #e1eeff;
  background:#cbe2ff}
.spiffy2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #f8fbff;
  border-right:1px solid #f8fbff;
  background:#c7e0ff}
.spiffy3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #c7e0ff;
  border-right:1px solid #c7e0ff;}
.spiffy4{
  border-left:1px solid #e1eeff;
  border-right:1px solid #e1eeff}
.spiffy5{
  border-left:1px solid #cbe2ff;
  border-right:1px solid #cbe2ff}
.spiffyfg{
  background:#BAD9FF}





/**
 * Styling for rounded corners
 * http://www.html.it/articoli/nifty/index.html
 *
 * USAGE:
 * <div id="container">
 *      <b class="rtop">
 *          <b class="r1"></b> <b class="r2"></b> <b class="r3"></b> <b class="r4"></b>
 *      </b>
 *      <!--content goes here -->
 *      <b class="rbottom">
 *          <b class="r4"></b> <b class="r3"></b> <b class="r2"></b> <b class="r1"></b>
 *      </b>
 * </div>
 */

.rtop,.artop{display:block}
.rtop *,.artop *{display:block;height:1px;overflow:hidden;font-size:1px}
.artop *{border-style: solid;border-width:0 1px}
.r1,.rl1,.re1,.rel1{margin-left:5px}
.r1,.rr1,.re1,.rer1{margin-right:5px}
.r2,.rl2,.re2,.rel2,.ra1,.ral1{margin-left:3px}
.r2,.rr2,.re2,.rer2,.ra1,.rar1{margin-right:3px}
.r3,.rl3,.re3,.rel3,.ra2,.ral2,.rs1,.rsl1,.res1,.resl1{margin-left:2px}
.r3,.rr3,.re3,.rer3,.ra2,.rar2,.rs1,.rsr1,.res1,.resr1{margin-right:2px}
.r4,.rl4,.rs2,.rsl2,.re4,.rel4,.ra3,.ral3,.ras1,.rasl1,.res2,.resl2{margin-left:1px}
.r4,.rr4,.rs2,.rsr2,.re4,.rer4,.ra3,.rar3,.ras1,.rasr1,.res2,.resr2{margin-right:1px}
.rx1,.rxl1{border-left-width:5px}
.rx1,.rxr1{border-right-width:5px}
.rx2,.rxl2{border-left-width:3px}
.rx2,.rxr2{border-right-width:3px}
.re2,.rel2,.ra1,.ral1,.rx3,.rxl3,.rxs1,.rxsl1{border-left-width:2px}
.re2,.rer2,.ra1,.rar1,.rx3,.rxr3,.rxs1,.rxsr1{border-right-width:2px}
.rxl1,.rxl2,.rxl3,.rxl4,.rxsl1,.rxsl2,.ral1,.ral2,.ral3,.ral4,.rasl1,.rasl2{border-right-width:0}
.rxr1,.rxr2,.rxr3,.rxr4,.rxsr1,.rxsr2,.rar1,.rar2,.rar3,.rar4,.rasr1,.rasr2{border-left-width:0}
.r4,.rl4,.rr4,.re4,.rel4,.rer4,.ra4,.rar4,.ral4,.rx4,.rxl4,.rxr4{height:2px}
.rer1,.rel1,.re1,.res1,.resl1,.resr1{border-width:1px 0 0;height:0px !important;height /**/:1px}