﻿/* <sitelayout> */
#site-header {
	height: 50px;
	padding: 15px 20px 0 10px;
	position: fixed;
	width: 100%;
	top: 0;
	z-index: 1000;
}
	#header-widgets {
		float: right;					
	}
	#header-widgets > div {
		display: inline-block;		
	}
	#admin-widget {
		margin: 0 10px 0 0;
		color: #ffffff;
		padding-top: .2em;							
	}
	#admin-widget > a {		
		color: #ffffff;		
	}
	#account-widget > a,
	#account-widget > a > .caret {
		color: #ffffff;
		border-top-color: #ffffff;
	}

#site-nav {
	background: #f7f7f7;
	height: 100%;
	width: 150px;	
	position: fixed;
	z-index: 999;
	left: 0;
	padding: 0;
	border-right: solid 1px #0072BC;
}
	#site-nav ul {
		list-style: none;	
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	#site-nav li {		
		border-bottom: solid 1px #0072BC;		
		padding: 5px 0 5px 10px;
	}
	#site-nav a {
		color: #0072BC;
		text-decoration: none;		
	}
	#site-nav li.selected {
		background: #0072BC;
		color: #ffffff;
	}
	#site-nav li.selected > a,
	#site-nav li.selected > i {
		background: #0072BC;
		color: #ffffff;
	}
	#site-nav a:hover {
		font-weight: bold;
	}
	#site-nav .glyphicon {		
		font-size: 12pt;
		top: .2em;
	}
    #site-nav .popover {
        min-width: 250px;
    }
    #site-nav .nav-child {
        position: relative;	    
    }   
    #site-nav .nav-child>.dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: -6px;
        margin-left: -1px;        
        -webkit-border-radius: 6px 6px 6px 6px;
        -moz-border-radius: 6px 6px 6px 6px;
        border-radius: 6px 6px 6px 6px;       	 		
    }
    #site-nav .nav-child:hover>.dropdown-menu {
	    display: block;
    }
    #site-nav .nav-child li:last-child {
        border-bottom: none;
    }
    #site-nav .nav-child>a:after {
        display: block;
        content: " ";
        float: right;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
        border-width: 5px 0 5px 5px;
        border-left-color: #0072BC;
        margin-top: 7px;
        margin-right: 5px;
    }
    #site-nav .nav-child.selected>a:after {
        border-left-color: #ffffff;
    }
    #site-nav .nav-child:hover>a:after {
        border-left-color: #0072BC;
    }
    #site-nav .nav-child.selected:hover>a:after {
        border-left-color: #ffffff;
    }
    #site-nav .nav-child.pull-left {
        float: none;
    }
    #site-nav .nav-child.pull-left>.dropdown-menu {
        left: -100%;
        margin-left :10px;        
        -webkit-border-radius: 6px 0 6px 6px;
        -moz-border-radius: 6px 0 6px 6px;
        border-radius: 6px 0 6px 6px;
    }
    #site-nav .nav-child:hover>.dropdown-menu a:hover {
        background: transparent;                
    }

#site-body {
	margin: 50px 0 75px 150px;
	padding: 10px;    
	overflow: auto;	
}	

#site-modal .modal-header {
	background: #0072BC;
	color: #ffffff;
	border-radius: 4px 4px 0 0;
}
	#site-modal .modal-header .close {		
		color: #ffffff;		
	}
	#site-modal .modal-body {
		padding-bottom: 0px;        
	}

#site-alert {
	margin-left: -350px;
	width: 300px;
	max-width: 300px;
	position: fixed;
	right: 20px;
	top: 65px;
	z-index: 1060;
}
	#site-alert div {
		max-width: 350px;
	}

#site-footer {
	border-top: solid 1px #999999;
	background: #f0f0f0;
	position: fixed;
	bottom: 0;
	width: 100%;
	height: 75px;
	text-align: center;
}
	#site-footer img {
		margin-top: -20px;
	}

#site-impersonation-bar {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 21px;
	background-color: #fcf8e3;
	z-index: 1001;
}
	#site-impersonation-bar button {
		margin-left: 6px;
	}
#site-impersonation-bar ~ #site-header {
	margin-top: 21px;
}
#site-impersonation-bar ~ #site-body {
	margin-top: 71px;
}
/* </sitelayout> */

/* <ajax> */
.ajax-overlay {
	background: #ffffff url("../images/loading.gif") center no-repeat;	
	position: absolute;
	top: 0;
	left: 0;
	width: 100%; 		
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";	
	filter: alpha(opacity=70);		
	-moz-opacity:0.7;		
	-khtml-opacity: 0.7;
	opacity: 0.7;
	border: solid 1px #999999;
}
/* </ajax> */

.panel-body {
    overflow: visible;
}
