/* 
    Document   : student
    Created on : Jan 20, 2014, 2:32:06 PM
    Author     : Hilal
    Description:
        Purpose of the stylesheet follows.
*/
#pick_box{position:absolute; top:10px; right:20px; width:180px; height:214px; background-color: bisque;
          border-width:thin; border-color:#000000;}
#message_box{text-align:left;}

.amount-align{text-align:right;}
.amount-format{font-size:12px;}
.total-format{font-size:12px; font-weight:bold; border-top-style:solid; border-bottom-style:solid; border-width:medium; border-color:#006dcc;}

.avatar-size{width:35px; height:35px;}.chat-text{height:55px;}

.user-name-online{font-family:sans-serif; font-size:11px;}

.user-name{font-family:sans-serif; font-weight:bold; font-size:10px;}

.user-group{font-family:sans-serif; font-style:italic; font-size:11px;}
.chat-display{background-color:#1184be; padding:5px; border-radius:10px; color:#FFFFFF;}
.fluid{}
.date{font-size:10px; font-style:italic;}

.xposition{position:relative; left:150px;}

.yposition{position:relative; left:100px;}

.output_box{position:relative; top:0px; height:30px; background-color:#22AADD; border-width:thin; 
            border-color:#000000;}

#school_name
{
vertical-align:middle;
font-family:sans-serif; 
font-weight:bold; 
text-align:center;
font-size:120%;
display: block;
position: relative;
margin-left:auto; 
margin-right:auto;
min-width: 50px;
width:100%;
top:2px;
height:20px;
line-height: 100%;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
white-space: nowrap;
z-index: 101;
}

#school_motto
{  
height:15px; 
font-size:13px;
vertical-align:middle;
font-family:sans-serif;
text-align:center;
display: block;
position: relative;
margin-left:auto; 
margin-right:auto;
min-width: 50px;
width:100%;
top:3px;
line-height: 100%;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg); 
white-space: nowrap;
/* word-wrap: break-word; */
z-index: 101;
}

.btnPanel{position:fixed;top:3%;z-index:4;width:90%;}

.link_colour
{
color:#FFFFFF;
}
.panel_header_color{color:#FFFFFF;}

#divMenu, ul, li, li li {
    margin: 0;
    padding: 0;
    border: none;
    outline: none;    
}	

#divMenu {
    width: 200px;
    height: 27px;
    font-family: 'PT Sans',Arial,Helvetica,sans-serif;
    color:#ffffff;
}
 
#divMenu ul
{
     line-height: 25px;
}
 
    #divMenu li {
        list-style: none;
        position: relative;
        background:#22AADD;        
    }
 
        #divMenu li li {
            list-style: none;
            position: relative;
            background:#22AADD;
            width:200px;            
            left:0px;
            top:1px;
        }
         
    #divMenu ul li a {
        width: 200px;
        height: 25px;
        display: block;
        text-decoration: none;
        text-align:left;
        font-family: 'PT Sans',Arial,Helvetica,sans-serif;
        color:#ffffff;
        border-bottom:1px solid #eee;
    }
    
    #divMenu li ul{
        display: none;
    }
    
    #divMenu li:hover ul{
        display: block;
    }
 
    #divMenu ul ul {
        position: absolute;
        visibility:hidden;        
        top: 27px;
    }
 
    #divMenu ul li:hover ul {
        visibility: hidden;
    }
 
    #divMenu li:hover {
        background-color:#0480be;        
    }
 
    #divMenu ul li:hover ul li a:hover {
        background-color: #945c7d;
    }
 
    #divMenu a:hover {
        font-weight: bold;
    }