﻿/* ---------- TEACHER TOOLS PAGE ---------- */

#TeacherTools {
    margin-top: 20px;
}

#tools-nav{
    width: 720px;
    margin: 0 auto;
}
.tools-panel-profile, .tools-panel-portfolio, .tools-panel-webpage, .tools-panel-admin, .tools-panel-edit, .tools-panel-create, .tools-panel-cm{
   background-color: #D5E4F7;
    border: 1px solid #BECFE7;
    border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    float: left;
    margin-bottom: 10px;
    margin-left: 15px;
    width: 160px;
}

/*.tools-panel-profile:hover, .tools-panel-portfolio:hover, .tools-panel-webpage:hover, .tools-panel-admin:hover{
    background: #f5f5f5 url(../Content/Images/tools-panel-top-hover.gif) no-repeat center top;
    cursor: pointer;  hand-shaped cursor 
}*/

.tools-content{
    text-align: center;
    height: 225px;
}

.tools-content h3{
    padding-top:15px;
    padding-bottom:20px;
    text-align: center;
}

.tools-content a{
    font-size:100%;
    font-weight:normal;
}

.tools-content h3 a{
    font-weight:bold;
}

.tools-content a:hover{
    text-decoration: none;
}

.tools-content p{
    font-weight: normal;
    line-height: 1.5em;
    /*background: url(../Content/Images/tools-panel-pattern.gif) no-repeat center bottom;*/
}

.tools-panel-profile p, .tools-panel-portfolio p, .tools-panel-webpage p, .tools-panel-admin p, .tools-panel-create p, .tools-panel-edit p, .tools-panel-cm p{
    padding: 0 10px 0 10px;
    text-align: center;
    margin-top: 10px;
}

.tools-panel-profile a.tools-panel-icon {
    background: transparent url(images/tools-icon-profile.png) no-repeat 50% 50%;
    _background: transparent url(images/tools-icon-profile.gif) no-repeat 50% 50%;
    display:block;
    height:80px;
    position:relative;
    width:160px;
    text-indent: -9999px;
    outline: none;
}

.tools-panel-portfolio a.tools-panel-icon {
    background: transparent url(images/tools-icon-portfolio.png) no-repeat 50% 50%;
   _background: transparent url(images/tools-icon-portfolio.gif) no-repeat 50% 50%;
   display:block;
    height:80px;
    position:relative;
    width:160px;
    text-indent: -9999px;
    outline: none;
}

.tools-panel-webpage a.tools-panel-icon {
    background: transparent url(images/tools-icon-webpage.png) no-repeat 50% 50%;
    _background: transparent url(images/tools-icon-webpage.gif) no-repeat 50% 50%;
    display:block;
    height:80px;
    position:relative;
    width:160px;
    text-indent: -9999px;
    outline: none;
}

.tools-panel-create a.tools-panel-icon {
    background: transparent url(images/tools-icon-create.png) no-repeat 50% 50%;
    display:block;
    height:80px;
    position:relative;
    width:160px;
    text-indent: -9999px;
    outline: none;
}

.tools-panel-edit a.tools-panel-icon{
    background: transparent url(images/tools-icon-edit.png) no-repeat 50% 50%;
    display:block;
    height:80px;
    position:relative;
    width:160px;
    text-indent: -9999px;
    outline: none;
}

.tools-panel-admin a.tools-panel-icon {
    background: transparent url(images/tools-icon-admin.png) no-repeat 50% 50%;
   display:block;
    height:80px;
    position:relative;
    width:160px;
    text-indent: -9999px;
    outline: none;
}

.tools-panel-cm a.tools-panel-icon {
    background: transparent url(images/tools-icon-cm.png) no-repeat 50% 50%;
    display:block;
    height:80px;
    position:relative;
    width:160px;
    text-indent: -9999px;
    outline: none;
}
