@CHARSET "UTF-8";

body
{
  font-family: Arial, Helvetica, Verdana, sans-serif;  
  font-size: 90%;
  margin: 0;
  background: #ECEFF5 url(../images/bg.png) 0 0 repeat-x;
  color: #444;
  cursor: default;
}

input, select, textarea
{
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 100%;
  color: #444; 
}

img
{
  vertical-align: middle;
  border: none;
}

/* LAYOUT */

#uc_container
{
  width: 850px;
  margin: 0 auto;  
}

#uc_header
{
  height: 100px;
}

#uc_header h1
{
  margin: 0; 
  padding: 25px 0 0 0 ;
}

#uc_header h1 a
{
  display: block;
  width: 240px;
  height: 50px;
  background: url(../images/logo.png) 0 0 no-repeat;
}

#uc_header h1 a span
{
  display: none; 
}

#uc_menu
{
  height: 46px;
  background: url(../images/title_grades.png) 0 12px no-repeat;
  color: #fff;
}

#uc_menu ul
{
  float: right;
  list-style: none;
  padding: 0;
  margin: 0;
  line-height: 46px;
}

#uc_menu ul li
{
  float: right;
  margin-left: 15px;
}

#uc_menu ul li a
{
  color: #fff; 
  text-decoration: none;
}

#uc_menu ul li a:hover
{
  color: #FFFF99; 
}

#uc_content
{
  border-bottom: none;
  margin: 20px 0; 
}



/* MENU */

.menu_bar
{
  float: right; 
  font-size: 85%;
}

.menu_block
{
  border: 1px solid #dadada;
  background-color: #fff;
  padding: 10px;
  width: 180px;
  margin-bottom: 15px;
}

.menu_block h2
{
  background-color: #ECEFF5;
  border-bottom: 1px solid #ccc;
  font-size: 1.15em;
  margin: 0;
  padding: 5px 3px;
}

.menu_block ul
{
  margin: 0;
  padding: 0;
  list-style: none;
}

.menu_block ul li
{
  border-bottom: 1px solid #dadada; 
}

.menu_block ul li a
{
  padding: 4px 3px;
  text-decoration: none;
  display: block;
  color: #444;
}

.menu_block ul li a:hover
{
  background-color: #efefef !important; 
}

.menu_block ul li.no_link
{
  padding: 4px 3px;
}


/* CONTENT */

.content
{
  border: 1px solid #dadada;
  background-color: #fff;
  padding: 10px;
  width: 615px;
}

.content h1
{
  background-color: #ECEFF5;
  border-bottom: 1px solid #ccc;
  font-size: 1.15em;
  margin: 0;
  padding: 7px 3px;
}

.content .list
{
  width: 100%;
}

.content .list td
{
  padding: 5px 3px;
  border-bottom: 1px solid #dadada;
}
















/* INDEX */

#uc_periods_wrapper .period
{
  border-top: 1px solid #28659F;
}

#uc_periods_wrapper .period .title a
{
  display: block;
  padding: 0 8px;
  line-height: 40px; 
  color: #fff;
  text-decoration: none;
  background: lime url(../images/bg_title.png) 0 0 repeat-x;
}

#uc_periods_wrapper .period .title .name
{
  width: 70px;
  display: block;
  float: left;  
}

#uc_periods_wrapper .period .title .description
{
  width: 230px;
  overflow: hidden;
  margin-right: 15px;  
}

/* SHEET */

#uc_periods_wrapper .period .sheet
{
  display: none; 
  width: 100%;
}

#uc_periods_wrapper .period .sheet .list
{
  width: 630px;
  border-right: 1px solid #ccc;
}

#uc_periods_wrapper .period .sheet .list td
{
  border-top: 1px dashed #ddd; 
  padding: 0 6px;
  line-height: 35px; 
}

#uc_periods_wrapper .period .sheet .list .top td
{
  border-top: none; 
}

#uc_periods_wrapper .period .sheet .list .subject
{
  overflow: hidden;
  white-space: nowrap; 
}

#uc_periods_wrapper .period .sheet .list .subject div
{
  width: 520px;
  overflow: hidden;
  white-space: nowrap;
}

#uc_periods_wrapper .period .sheet .list .partial
{
  width: 40px; 
  text-align: right;
  border-left: 1px dashed #ccc;
}

#uc_periods_wrapper .period .sheet .list .abp
{
  width: 70px; 
  text-align: center;
  border-left: 1px dashed #ccc;
}

#uc_periods_wrapper .period .sheet .list .abp input
{
  width: 2.8em;
  vertical-align: middle;
  margin-right: 3px;
}

#uc_periods_wrapper .period .sheet .list .grade
{
  width: 40px; 
  text-align: right;
  border-left: 1px dashed #ccc;
}

#uc_periods_wrapper .period .sheet .list .final
{
  border-left: 1px dashed #ccc;
  width: 20px;
  text-align: right;
}

#uc_periods_wrapper .period .sheet .info 
{
  line-height: 35px;
  text-align: right;
  padding: 0 4px; 
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  width: 621px;
}

#uc_periods_wrapper .period .sheet .info .updated
{
  float: left;
  font-size: 85%;
  background: url(../images/calendar_view_day.png) 0 50% no-repeat;
  padding-left: 18px;
}

/* MENU */

#uc_periods_wrapper .period .menu
{
  float: right; 
  font-size: 85%;
  width: 70px;
  padding: 9px;
}

#uc_periods_wrapper .period .menu ul
{
  list-style: none;
  margin: 0;
  padding: 0;
}

#uc_periods_wrapper .period .menu ul li
{
  text-align: center; 
  margin-bottom: 5px;
}

#uc_periods_wrapper .period .menu ul li a,
#uc_periods_wrapper .period .menu ul li a:visited
{
  text-decoration: none; 
  display: block;
  padding: 8px;
  border: 1px solid #ccc;
  height: 50px;  
}

#uc_periods_wrapper .period .menu ul li a:hover
{
  border: 1px solid #124277;
  background-color: #eee;
}

#uc_periods_wrapper .period .menu ul li .title
{
  color: #444;
  font-size: 90%;
  line-height: 110%;
  display: block;
  margin-bottom: 4px;
}