/*-------------------*/
/* Layout CSS */
/*-------------------*/

#divSite
{
	margin: 0 auto;
	width: 100%;
}

#dvTop 
{
	top: 0;	
	left: 0; /* IE6 Fix 3642 1b */
	width: 100%;	
	margin: 0;
	padding: 0;
	position: absolute;
	z-index: -1;
	height: 188px;
}

#dvTop #Content 
{
	margin: 0 auto;
	text-align: left;
	position: relative;
}

#dvTop #ClientLogo
{
	vertical-align: middle;
	top: 0;
	left: 0;
	margin: 0 auto;
    float: left;
}

#dvTop #divTopRight {
    width: 92%;
    float: left;
    position: absolute;
    top: 54px;
    left: 430px;
    font-size: 16px;
}

#divHeader
{
	text-align: right;
}

#divHeader #NavWrapper
{
	margin: 0 auto;
	width: 1000px;
	height: 27px;
	text-align:right;
	
}




#NavWrapper
{
	position: relative; /* 1.10.1 */
	#z-index: 99;		/* 1.10.1 - IE6 fix*/
}

#NavWrapper #nav
{
	float: right;
	/*height: 24px;*/
	height: 25px;
	text-align: left;
    white-space:nowrap;
}

#nav a
{
	font-family: tahoma;
}

#divFooter
{
	height:20px; /* 1.11 - Required for IE7 */
	width: 1000px; /* 1.11 Pru */
}

#divFooter, #divFooter a
{
	font-family: Verdana, sans-serif;	
	font-size: 10px;
}

#divFooter a
{
	/*color: #00A0E3;	1.10 - Replaced with Core values */
}

#divFooter a:hover
{
	/*color: #00A0E3;	1.10 - Replaced with Core values */
	text-decoration: underline;
	cursor: pointer;
}

#divFooter .Left
{
	float: left;
	white-space:nowrap;
}

#divFooter .Right
{
	float: right;
	white-space:nowrap;
	text-align: right;
	width: auto;
}


#divContent
{
}

#divPage
{
	padding: 20px;	
	background-color: #fbfbfb;	
	margin: 0 auto;	
	height: auto;
	width: 1000px;
	min-height: 600px;
}

#divLeftCol
{
	width: 220px;
	margin-right: 20px;
	float: left;
	padding: 10px;
}

#divRightCol
{
	width: 68%;
	float: left;
	padding: 10px;
}

.ui-gradbox
{
	background-image: url(https://www.utmostwealthdocs.com/_Users/CSS/Default/images/Grad.gif);
	background-repeat: repeat-x;
	background-color: #e7e7e7;
	border: 1px solid #ccc;
	padding: 20px;
	padding-top: 15px;
	float: left;
}

.home-product
{
	 width: 173px;
	 margin-right: 11px;
	 height: 185px;
}

.home-product h2
{
	/*position: absolute; */ /* IE6 Fix 3642 1c */
}

.home-product p
{
	margin-top: 10px;
}

#divHelp
{
	width: 100%;
    margin-top: 40px;
    margin-bottom: 40px;
}

#divHelp .bubbleContainer {
    float: left;
   /* margin-right: 15px;*/
    width: 25%;
}

    #divHelp .bubble {
        background-color: #efefef;
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        height: 100px;
        width: 101px;
        margin-bottom: 10px;
        position: relative;
        margin: 0 auto;
        overflow: hidden;
    }
    
        #divHelp .bubble span {
            height: 100%;
            width: 100%;
            position: absolute;
        }

        #divHelp .bubble .image { 
            z-index: 1; 
            border-radius: 50%;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
            z-index: 1;
        }

        #divHelp .bubble .overlay {
            position: absolute;
            z-index: 2;
            background-image: url("https://www.utmostwealthdocs.com/_Users/CSS/Default/images/BubbleOverlay.png");
        }

        #bubbleGettingStarted .image { background-image: url("https://www.utmostwealthdocs.com/_Users/CSS/Default/images/GettingStarted.png"); margin: auto; }
        #bubbleForgotPassword .image { background-image: url("https://www.utmostwealthdocs.com/_Users/CSS/Default/images/ForgotPassword.png");margin: auto; }
        #bubbleNeedAccess .image { background-image: url("https://www.utmostwealthdocs.com/_Users/CSS/Default/images/NeedAccess.png"); margin: auto; }
        #bubbleHavingTrouble .image { background-image: url("https://www.utmostwealthdocs.com/_Users/CSS/Default/images/HavingTrouble.png"); margin: auto; }

        #divHelp .bubble .bg,
        #divHelp .bubbleContainer .bubbleText {
            /* transitions */
            -webkit-transition: all .2s ease;
            -moz-transition: all .2s ease;
            -ms-transition: all .2s ease;
            -o-transition: all .2s ease;
            transition: all .2s ease;
        }

        #divHelp .bubble .bg {
            background-color: #999999; 
            z-index: 0;
            border-radius: 50%;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
            height: 90%;
            margin-left: 5px;
            margin-top: 5px;
            width: 90%;
        }
        #divHelp .bubbleContainer:hover .bg { background-color: #000000; }

            #divHelp .bubbleContainer .bubbleText {
                font-size: 12px;
                text-rendering: optimizelegibility;
                font-weight: bold;
                text-align: center;
                color: #666666;
                margin: 15px auto auto;
                clear: left;
            }

            #divHelp .bubbleContainer:hover .bubbleText { color: #000000; }

#divHelp .divHelp
{
    background-color: #efefef;
    border-radius: 50%;
	width: 100px;
	height: 100px;
}

#divHomeLink {
    float: left;
    margin-top: 20px;
}


#divExtraBoxTop {
    width: 166px;
}

.boxSpace {
    margin-bottom: 15px
}



/*---------------------*/
/* Inputs              */
/*---------------------*/

.divRow
{
	margin-bottom: 15px;
}


/*--------------------------
Header Search & User Actions
----------------------------*/

#divHeader
{
	text-align: right;
}

#divHeader #NavWrapper
{
	margin: 0 auto;
	width: 1000px;
	height: 27px;
	text-align:right;
	
}

#divHeader #divHeaderControl
{
    position: absolute;
    background-color: #EFEFEF;
    top: -2px;
    right: 20px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px; 
    padding-left: 8px;   
    padding-right: 8px;
    padding-bottom: 0px;
    padding-top: 3px;
    display: none;
	z-index: 1;    
	height: 35px;
    box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.2);
}

#divHeader #divHeaderControl .button
{
    margin-top: 6px;
    float: left;
    width: 15px;
}

#divHeader #divHeaderControl #divHeaderPin
{
    margin-right: 10px;
}

#divHeader #divHeaderControl.fixed
{
    position: fixed;
}

#divHeader #divHeaderControl div
{
    float: left;
}

#divHeader #divHeaderUser
{
    margin-top: 3px;
    cursor: pointer;
    height: 31px;
}

#divHeader #divHeaderUser #divUserName
{
    float: left;
    margin-left: 30px;
    margin-top: 5px;
}

#divHeader #divHeaderUser #divUserContext
{
    float: left;
    margin-left: 10px;
    border-left: 1px dotted #BBBBBB;
    height: 17px;
    margin-top: 5px;
}

#divHeader #divHeaderSearch
{
	margin-top: 2px;
}

#divHeader .sui-advanced 
{
	top: 2px;
}

/*--------------------------
Header Menus
----------------------------*/

#divHeader div.fixed {
    position: fixed;
}

#divHeader .menu {
    top: 23px;
    background-color: #EFEFEF;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;     
    display: none;
}

#divHeader .menu ul {
    margin-top: 8px;
}

#divHeader .menu ul li {
    width: 135px;
}

#divHeader .menu ul li a {
    display: block;
    padding: 4px 10px 4px 4px;
    width: 121px;
    text-decoration: none;
    display: block;
    height: 15px;
    padding: 8px 8px 4px 4px;
    text-decoration: none;
    width: 123px;    
}

#divHeader .menu ul li a:hover {
    background-color: #FAFAFA;
}

#divHeader .menu ul li a.last
{
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;      
}

#divHeaderUserMenu
{
    position: absolute;
    right: 20px;   
    z-index: 2;
}

#divHeaderUserMenu .curveback
{
    float: left;
    opacity: 0;
}

#divHeaderUserMenu ul
{
    float: left;
    background-color: #EFEFEF; 
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;     
}

/*****************************
Users - Add From SpreadSheet
******************************/

#AddFromSheet
{
    width: 600px;
}

	#AddFromSheet #divHelp 
	{
	    margin-top: 10px;
	    margin-bottom: 20px;
	}

	#AddFromSheet #divHelp p 
	{
	    margin-bottom: 10px;
	}

	#AddFromSheet .paste 
	{
	    border: 2px solid #EEEEEE;
	    height: 25px;
	}

        #AddFromSheet #divPaste iframe {
            min-height: 25px;
        }

	#AddFromSheet #divResult 
	{
	    display: none;
	}

         #FullscreenWrapper div#FullscreenStyle1 {
                background-image: url(https://www.utmostwealthdocs.com/_Users/CSS/Default/images/bg.jpg);
            }
/*-------------------*/
/* Colour CSS */
/*-------------------*/

.Groups {
}
.Groups h1 {
	 font-size: 16px;
	 font-weight: bold;
}
.Groups .GroupName {
	 margin-top: 15px; 
	 font-weight: bold;
	 border-bottom: 1px solid #CCCCCC;
	 padding-bottom: 5px;
	 margin-bottom: 5px;
}
.Groups .Group { }
.Groups .Group .Row {
	
}
.Groups .Group .Row:hover {
	background-color: #FFFFFF;
}
.Groups .Group .Row .name { 
	width: 350px; 
}
.Groups .Group .Row .ui-color-grey {
	opacity: .5;	
}
.Groups .Group .Row:hover .ui-color-grey,
.Groups .Group .Row .ui-color-green,
.Groups .Group .Row .ui-color-red
{
	opacity: 1;
}
/*---------------------*/
/* Widgets              */
/*---------------------*/

div#widgets 
{
    position: relative;	
}
div#widgets div#widget-admin {
	margin-bottom: 20px;
}
div#widgets div.column     
{
	margin-left: 20px;
    padding-bottom: 100px;
    overflow: hidden;
    position: relative;    
}
div#widgets div.column.first     
{
	margin-left: 0px;
}
div#widgets div.dash-widget 
{
	margin-bottom: 10px;
	min-height: 100px;
	padding-bottom: 10px;
	border: none;
	background: transparent;
	margin-right: 10px;
}
	div#widgets div.dash-widget div.inner {
		border: 1px solid #ccc;
		z-index: 1;
		position: absolute;
		width: 100%;
		background: #fff;
		overflow: hidden;
	}

	div#widgets div.dash-widget div.ui-widget-header {
		padding: .3em 1em;
		position: relative;
		border: none;
		overflow: hidden;
		cursor: move;
		-webkit-background-clip: border-box;
		-moz-background-clip: border-box;
		background-clip: border-box;
	}
		div#widgets div.dash-widget div.ui-widget-header span
		{		
			float: left;
			margin: .1em 1px;
		}
		div#widgets div.dash-widget div.ui-widget-header span.loading {
			display: block;
			width: 0px;
			height: 20px;
			float: right;
			margin-right: 15px;
			opacity: 0;
			border-top: 1px solid rgba(0,0,0,0.4);
			border-bottom: 1px solid rgba(255,255,255,0.4);
			background: #191919 url(https://www.utmostwealthdocs.com/_Users/CSS/Default/2_JQuery/images/ajax-loader-small.gif) center center no-repeat;
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
			border-radius: 10px;
			-webkit-transition: opacity 0.5s linear;
			-moz-transition: opacity 0.5s linear;
			transition: opacity 0.5s linear;
		}
		div#widgets div.dash-widget div.ui-widget-header span.loading.active {
			opacity: 1;
			width: 20px;
		}
		div#widgets div.dash-widget div.ui-widget-header a.dash-widget-remove 
		{		
			position: absolute;
			right: .3em;
			top: 50%;
			width: 19px;
			margin: -12px 0 0 0;
			padding: 1px;
			height: 18px;
		}
	div#widgets div.dash-widget div.dash-widget-content 
	{
		overflow: hidden;
		padding: 0 10px;
		margin: 10px 0;
		position: relative;
	}
	div#widgets div.dash-widget div.ui-resizable-handle.ui-resizable-se {
        -moz-transition: opacity 0.25s linear 0s;
        background: url("https://www.utmostwealthdocs.com/_Users/CSS/Default/2_JQuery/images/resize-se.gif") no-repeat scroll center center white;
        border-bottom: 1px solid #FFFFFF;
        bottom: 9px;
        height: 20px;
        opacity: 0;
        right: -2px;
        width: 20px;		
	}
	div#widgets div.dash-widget:not(.active):hover div.ui-resizable-handle.ui-resizable-s {
		opacity: 1;		
	}
div#widgets div.dash-widget.active
{
/*	border: 5px solid #ccc;
	border: 5px solid rgba(0,0,0,0.1);*/
	padding: 5px;
	background: url(https://www.utmostwealthdocs.com/_Users/CSS/Default/2_JQuery/images/30-black.png) 0 0 repeat; 
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
	z-index: 99999;
	margin: 0px 0;
}
	div#widgets div.dash-widget.active div.inner {
		box-shadow: none;
		border-color: #777;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;		
		-webkit-background-clip: padding-box;
		-moz-background-clip: padding-box;
		background-clip: padding-box;
	    overflow: hidden;
	}
div#widgets div.dash-widget.ui-sortable-placeholder 
{
	border: 3px dashed #ccc;
	background: transparent url(https://www.utmostwealthdocs.com/_Users/CSS/Default/2_JQuery/images/drop-zone.png) center center no-repeat !important;    
} 
div#widgets div.dash-widget div.dash-widget-screen 
{
	display: none;
}
	div#widgets div.dash-widget div.dash-widget-screen span.loading 
	{
		background: #fff url(https://www.utmostwealthdocs.com/_Users/CSS/Default/2_JQuery/images/ajax-loader.gif) center center no-repeat;    	
		width: 50px;
		height: 50px;
		position: absolute;
		top: 50%;
		left: 50%;
		margin: -25px 0 0 -25px;
	}
div#widgets div.dash-widget div.dash-widget-screen.active
{
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: url(https://www.utmostwealthdocs.com/_Users/CSS/Default/2_JQuery/images/60-black.png) center center repeat; 
}
div#dash-widget-bank 
{
	width: 320px;
	overflow: hidden;	
}
div.unused-widget
{
	float: left;
	background: #fff;
	width: 298px;
	padding: 10px;
	margin: 0px 0 10px;
	border: 1px solid #ccc;
}

/* FULLSCREEN LAYOUT */

/* To add background animations, comment out below lines */
/*#FullscreenWrapper div.Effect1 { -webkit-animation: none; -moz-animation: none; -o-animation: none; animation: none; }
#FullscreenWrapper div.Effect2 { -webkit-animation: none; -moz-animation: none; -o-animation: none; animation: none; }


/* Additional backgrounds can be added using the ID form: 
   #FullscreenWrapper div#FullscreenStyle1
   #FullscreenWrapper div#FullscreenStyle2
   #FullscreenWrapper div#FullscreenStyle3
   etc..
*/

#FullscreenWrapper div#FullscreenStyle1 {
    background-image: url(https://www.utmostwealthdocs.com/_Users/CSS/AXA/images/bg.jpg);
}