/*
    Document   : styles-portal
    Created on : May 10, 2012, 12:05:12 PM
    Author     : abconrad
    Description:
        Purpose of the stylesheet follows.
*/

div.portal-container {
    display:block;
    //background-color: #F9F9F9;
    margin-top: 0px;
    //border:2px solid #dee1e2;
    //border-radius: 8px;
    padding:20px;
}

div.standard-message {
    display:block;
    background-color: #F9F9F9;
    border:2px solid #dee1e2;
    border-radius: 8px;
    padding:20px;
    margin: 20px auto 0;
    max-width: 800px;
}

.portal-item {
	position: relative;
    text-align: center;
    width: 150px;
    height: 150px;
    float: left;
    color: #000000;
    text-decoration: none;

    opacity: 1;
	cursor: pointer;
    -webkit-transition: opacity;
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 500ms;

    -moz-transition: opacity;
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 500ms;
}

.portal-notification-icon {
	position: absolute;
	top: 0px;
	left: 95px;
}

.portal-item:hover {
    opacity: .5;
    color: #000000;
    text-decoration: none;
    -webkit-transition: opacity;
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 500ms;

    -moz-transition: opacity;
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 500ms;
}

img.portal-icon {
    height: 100px;
}

.hip-portalIcon-loading {
	-webkit-filter: blur(3px);
	cursor: default;
}

.ui-draggable .panel-header h2 {
	cursor:hand;
	cursor:grab;
	cursor:-moz-grab;
	cursor:-webkit-grab;
}

.ui-draggable-dragging .panel-header h2 {
	cursor:grabbing;
	cursor:-moz-grabbing;
	cursor:-webkit-grabbing;
}