/* --------------------------------------------------------
--- MKG
--- Start Date: 22.02.2012
--- Last Update: 22.02.2012
--- Last Update By: Mazhar Kaan Girti
--------------------------------------------------------*/



/* GENERAL
--------------------------------------------------------*/



/* BODY
--------------------------------------------------------*/
.body .cellLeft { width: 15%; border-right: 1px solid #C5C5C5;
    -webkit-box-shadow: 1px 1px 2px rgba(50, 50, 50, 0.25);
       -moz-box-shadow: 1px 1px 2px rgba(50, 50, 50, 0.25);
            box-shadow: 1px 1px 2px rgba(50, 50, 50, 0.25);
}
.body .cellRight { width: 85%; }


/* LEFT MENU
--------------------------------------------------------*/
.body .cellLeft ul { background-color: #E9E9E9; height: 100%; padding: 0px; margin: 0px; cursor: default; }
.body .cellLeft ul li { list-style: none; }
.body .cellLeft ul li h2 { margin: 0px; font-size: 14px; padding: 5px; color: #FFF; white-space: nowrap; 
    background-color: #555555;
    background-image: -ms-linear-gradient(top, #999999 0%, #555555 100%);
    background-image: -moz-linear-gradient(top, #999999 0%, #555555 100%);
    background-image: -o-linear-gradient(top, #999999 0%, #555555 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #999999), color-stop(1, #555555));
    background-image: -webkit-linear-gradient(top, #999999 0%, #555555 100%);
    background-image: linear-gradient(to bottom, #999999 0%, #555555 100%);
}
.body .cellLeft ul li a { display: block; text-decoration: none; color: #666; margin-bottom: 1px; background-color: #D0D0D0; 
padding: 5px; font-weight: bold; white-space: nowrap; }
.body .cellLeft ul li a:hover,
.body .cellLeft ul li .active { background-color: #2F96B4; color: #FFF; }
.body .cellLeft ul li li { padding-left: 20px; }
.body .cellLeft ul li li a { background-color: #D9D9D9; font-weight: normal; 
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.body .cellLeft ul li li a:hover,
.body .cellLeft ul li li .active { background-color: #5bc0de; color: #FFF; }
.body .cellLeft ul li ul { display: none; height: 1%; }


/* AVATAR
--------------------------------------------------------*/
.avatar { width: 100px; height: 100px;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
}


/* TITLE
--------------------------------------------------------*/
.pageTitle { width: 100%; border-bottom: 1px solid #C5C5C5; background-color: #E9E9E9; cursor: default; }
.pageTitle h2 { margin: 0px; padding: 3px 6px 3px 6px; color: #FFF; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #49AFCD; font-size: 17px;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
    background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
    background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
    background-image: linear-gradient(to bottom, #5bc0de, #2f96b4);
    background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
    background-repeat: repeat-x;
}
.pageTitle ul { list-style: none; margin: 0px; padding: 0px; }
.pageTitle ul li { float: left; margin: 1px; }
.pageTitle ul li a { display: inline-block; padding: 5px 8px 5px 8px; background-color: #D0D0D0; color: #666; }
.pageTitle ul li a:hover { background-color: #49AFCD; color: #FFF; }


/* AUTHORITY LIST
--------------------------------------------------------*/
.authorityButton { position: absolute; top: 1px; right: 3px; }
.authorityList { position: absolute; top: 28px; right: 3px; background-color: #FFF; border: 1px solid #C5C5C5; 
    padding: 5px; visibility: hidden; display: table;
    -webkit-box-shadow: 1px 1px 2px rgba(50, 50, 50, 0.25);
       -moz-box-shadow: 1px 1px 2px rgba(50, 50, 50, 0.25);
            box-shadow: 1px 1px 2px rgba(50, 50, 50, 0.25);
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
}


/* SEARCH
--------------------------------------------------------*/
.gridSearch { margin-bottom: 5px; }
.gridSearch input[type="text"] { background-image: url(../img/icon/search.png); background-repeat: no-repeat; background-position: 5px 5px;
    padding-left: 25px; margin-right: 5px; }


/* ONLINE USER
--------------------------------------------------------*/
.onlineUser { width: 200px; height: 300px; position: absolute; top: 30px; right: 7px; overflow: auto; cursor: default; }
.onlineUser table, .onlineUser table td { border: 0px; }
.onlineUser .empty td { text-align: center; }
.onlineUser tbody td { padding: 4px 8px 3px 8px; }
.onlineUser .gridRow { background-color: #FFFFFF; cursor: pointer; }
.onlineUser .gridRow:hover { background-color: #E9E9E9; }
.onlineUser .alternate { background-color: #F5F5F5; }
.onlineUser img { margin-top: 2px; }
.onlinePanelOpenButton { position: absolute; top: 30px; right: 0px; }