/* 
Document   : edulog.base
Created on : Apr 27, 2009, 8:29:19 AM
Author     : dmcguire
Description:
This will be the top level default styles for edulog/* applications.  If
override these styles add a local style to the app don't make changes to
this file.
*/

@media screen {

  html{
    overflow-y: scroll;         /* keep vertical scroll */
    padding:0px 0px 0px 0px;
    background-color: #609fc8;
    background-image: url(../images/fade3.png);
    background-repeat: repeat-y;
    background-position: left;
  }

  body{
    background-image: url(../images/Title3.png);
    background-position:0px 0px;
    background-repeat:no-repeat;
    margin:0px 0px 0px 0px;
    font-family: "century gothic", sans-serif;
    font-size:100%;
    min-width:900px;
  }

  /* backgroud images */
  .header-menu{background:url(../images/header_menu_fade.png) repeat-x;}
  .header-menu-cap{ background:url(../images/header_menu_cap.png);}

  /* footer styles */
  .footer{
    color: #ffffff;
    margin-top:10px;
    text-align:center;
  }
  
  .footer a {
    text-decoration:none;
    color:white;
  }

  .clear{clear:both;}

 
  .bg-tan{background: #ece4ca;}
  .bg-gray, .even{background-color: #e5e5e5;}
  .bg-blue{background-color:#406080;}
  .bg-light-blue{background-color:#006090;}
  .bg-white, .odd{background-color:#ffffff;}

  .white{color:#ffffff;}
  .red{color:red;}
  .blue{color:#406080;}
  .light-blue{color:#006090;}

 
  .ex-small{font-size:90%;}
  .small{font-size:95%;}
  .large{font-size:105%;}
  .ex-large{font-size:110%;}
  .ex-large-125{font-size:125%;}
  .ex-large-150{font-size:150%;}
  .ex-large-175{font-size:175%;}
  .ex-large-200{font-size:200%;}

  .bold{font-weight:bold;}


  a.tab {
    background-color: #406080;
    color: #ffffff;
    font-size: 105%;
    font-weight: bold;
    padding: 7px 7px 5px 7px;
    text-decoration:none;
  }

  a.tab:hover {
    background-color: #e5e5e5;
    color: #406080;
  }

  a.tab_selected {
    border-bottom-color:#e5e5e5;
    background-color:#e5e5e5;
    color: black;
    font-size: 105%;
    font-weight: bold;
  }

  #tabs-inner-container{
    background-color: #e5e5e5;
    margin-top: 4px;
    padding: 10px;
  }

  a.rounded {
    outline: none;
    border: none;
    text-decoration: none;
    cursor: pointer;
    white-space: nowrap;
    vertical-align: middle;

    display: inline-block;
    overflow: visible;
  }

  /* this section is the default <display:table> settings */
  .display-table{
    width: 100%;
    text-align: left;
    border: 1px solid #406080;
  }
  .display-table td{
    padding-left: 3px;
  }
  .display-table th{
    font-size:105%;
    color:#ffffff;
    background-color:#406080;
    padding-left:3px;
    padding-bottom:2px;
    padding-top:2px;
  }

  .display-table .sortable a{
    color: white;
    text-decoration: none;
  }
  .display-table .sortable a:hover{
    text-decoration: underline;
  }

  .display-table .order1 a{
    padding-right: 20px;
    background: url(../images/sort_order_desc.gif) no-repeat center right ;
  }

  .display-table .order2 a{
    padding-right: 20px;
    background: url(../images/sort_order_asc.gif) no-repeat center right ;
  }

}