/*
 * SAMI
 */
body
{
    color: black;
      font-family: arial, sans-serif, helvetica;
    padding: 0px;
    margin: 0px;
    background-image: url('../images/sami_bg.jpg');
}

.label
{
    font-size: 12px;;
    font-weight: bold;
    /*text-align: right;*/
}

form
{
    margin: 0px;
}

.field
{
    border: solid #999999 1px; background-color: #ffffff;
}

a:link    {color: #2446a6; text-decoration: none;      }
a:visited {color: #2446a6; text-decoration: none;      }
a:hover   {color: #3760d7; text-decoration: underline; }
a:active  {color: #2446a6; text-decoration: none;      }

a.print:link    {color: #007236; text-decoration: none; font-size: 12px; }
a.print:visited {color: #007236; text-decoration: none; font-size: 12px; }
a.print:hover   {color: #00a651; text-decoration: underline; font-size: 12px; }
a.print:active  {color: #007236; text-decoration: none; font-size: 12px; }

.accessLevelIndicator
{
    color: #5575B1;
    font-weight: bolder;
    font-family: Verdana;
}

.copyRightInfo
{
    font-size: 10px;
    text-align: center;
}

.center {text-align: center;}

.errors
{
    margin: auto;
    margin-top: 15px;
    margin-bottom: 15px;
    border: solid #b53333 1px;
    color: #601b1b;
    padding: 10px;
    font-size: smaller;
}


.success
{
    margin: auto;
    margin-top: 15px;
    margin-bottom: 15px;
    border: solid #517d54 1px;
    color: #28422a;
    padding: 10px;
    font-size: smaller;
}


.standardFooter
{
    color: #ffffff;
    padding-left: 20px;
    /*text-align: center;*/
    font-weight: bold;
    font-size: 10px;
}

.mainWorkSpaceBG
{
    background: url('../images/mainWorkSpaceBG.gif') repeat-x;
    background-color: #ffffff;
    padding-top: 10px;
}

.schoolTitle
{
    float: right;
    font-weight: bold;
    font-size: 18px;
    height: 20px;
    padding-top: 10px;
    padding-right: 20px;
    text-align: right;
}

.schoolLocation
{
    clear: both;
    font-weight: bold;
    text-align: right;
    height: 17px;
    font-size: 14px;
    padding-right: 20px;
    color: #aaa;
}

.workSpaceLeftNav
{
    float: left;
    height: 620px;
    border-right: solid #b3b3b3 1px;
    width: 135px;
    background-image: url('../images/workSpaceNavBG.gif');
}
html>body .workSpaceLeftNav
{
    height: 623px;
}

.schoolListContainer
{
    background-color: #dddddd;
    height: 634px;
    overflow-y: scroll;
    border: solid #b3b3b3 1px;
}


.schoolListCover
{
    text-align: center;
    background-color: #dddddd;
    position: absolute;
    z-index: 20;
    float: right;
    top: 145px;
    width: 240px;
    height: 634px;
    border: solid #b3b3b3 1px;
}
html>body .schoolListCover
{
    width: 238px;
    height: 635px;
}


.advancedSearchContainer
{
    background-color: #dddddd;
    height: 250px;
    border: solid #b3b3b3 1px;
}

.advancedSearchSchoolListContainer
{
    background-color: #dddddd;
    height: 422px;
    overflow-y: scroll;
    border: solid #b3b3b3 1px;
}

.advancedSchoolListCover
{
    text-align: center;
    background-color: #dddddd;
    position: absolute;
    z-index: 10;
    top: 357px;
    width: 238px;
    height: 422px;
    border: solid #b3b3b3 1px;
}



.workSpace
{
    height: 620px;
    width: 602px;
    overflow-y: scroll;
    float: right;
    padding-right: 10px;
    padding-top: 10px;
}
html>body .workSpace
{
    height: 613px;
    width: 592px;
}

h3
{
    margin: 0px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 5px;
    padding: 0px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    color: #344e7e;
}



/*
 * AutoComplete CSS
 */
div.autocomplete
{
    position:absolute;
    width:250px;
    background-color:white;
    border:1px solid #888;
    margin:0px;
    padding:0px;
}

div.autocomplete ul
{
    list-style-type:none;
    margin:0px;
    padding:0px;
}

div.autoCompleteExtra
{
    font-size: 10px;
    color: #636363;
}

div.autocomplete ul li.selected, div.autoCompleteNew ul li.selected
{
    background-color: #d9e4fa;
}

div.autocomplete ul li
{
    font-size: 12px;
    list-style-type: none;
    display: block;
    margin: 0px;
    /*margin-bottom: 0px;*/
    padding: 2px;
    padding-left: 10px;
    padding-bottom: 5px
    height: 20px;
}

div.autoCompleteNew
{
    font-size: 12px;
    color: #500;
    font-weight: bold;
    border: 0;
}

.noData
{
    height: 50px;
    font-weight: bold;
    color: #31301f;
    background-color: #fffbcc;
    border: solid #c5c29e 1px;
    font-size: smaller;
    text-align: center;
    padding: 15px;
}


.notice
{
    margin: 0px auto;
    margin-bottom: 20px;
    background-color: #e4e8ee;
    border: solid 1px #516886;
    color: #193363;
    width: 500px;
    padding: 15px;
}

.noticeText
{
    color: #193363;
    font-size: 12px;
    font-family: arial, san-serif
}


.warning
{
    margin: 0px auto;
    margin-bottom: 20px;
    background-color: #faf7e4;
    border: solid 1px #7f7121;
    color: #193363;
    width: 500px;
    padding: 15px;
}

.warningText
{
    color: #544a12;
    font-size: 12px;
    font-family: arial, san-serif
}


/**
 * Override css issue caused by appbar 
 */
.top.table_window
{
	top: 0px;
}