/* ################################################################################################## */
/* ################################################################################################## */
/* #######
/* #######      GENERAL APPLICATION WIDE STYLES
/* #######
/* ################################################################################################## */
/* ################################################################################################## */      

        html{margin:0; border:0; padding:0;height:100%;width:100%;}
        body {margin:0; border:0; padding:0;height:100%;width:100%;max-height:100%;overflow:hidden};
       	h2 {font-family:arial;font-weight:bold;color:#000000;font-size:14px;}
         /*p {color:#333333; font:11px Arial,Verdana,sans-serif;}*/
         
        body,
        table,
        input,
        select,
        textarea { color:#333333;font:11px Arial,Verdana,sans-serif;}
        
        sup {font-family:arial;font-size:.55em;}
        table {empty-cells:show;} /* NEEDED FOR IE OVERRIDE */
        
        table, tr, td, div, span {vertical-align:top;}
        
        a img {border:0;}





        


/* ################################################################################################## */
/* ################################################################################################## */
/* #######
/* #######      PANE CONTROL & STATIC PANE CONTENTS & STYLES
/* #######		- static pane contents are panes that have content that are not driven by data
/* #######		  i.e. top menu pane
/* #######
/* ################################################################################################## */
/* ################################################################################################## */  

		.topPane
        {
        	width: 100%; 
        	height: 64px;
        	vertical-align: top;
        }
        
        .actionPane
        {
        	width: 100%; 
        	height: 43px;
        	vertical-align: top;
        }
        
        .sidebarPane {
			height: 100%;
			vertical-align: top;
		}
		
		.contextPane
        {
	        vertical-align:middle;
	        float:left;
	        height:43px;
	        width:100%;
	        background:url(/skin/coolBlue/images/contextPanel/panel_background.gif) top left repeat-x #39A9FF;
        }
        
        .contextPaneDialog
        {
	        vertical-align:middle;
	        float:left;
	        height:31px;
	        width:100%;
	        background:url(/skin/coolBlue/images/contextPanel/panel_background_dialog.gif) top left repeat-x #39A9FF;
        }
        
        
        .contentPane
        {
        	/*valign=\"top\" style=\"margin: 0; padding: 0;\"*/
        	vertical-align:top;
        	margin:0;
        	padding:0;
        }

	/* TEXT AND SHADOWS */
	.contextStackNotSelected
	{
		margin-top:12px; margin-left:8px;
		font:13pt arial; font-weight:bold; color:black;
	}

	.contextStackNotSelectedShadow
	{
		color: #7FB4DD; 
	}


	.contextStackSelected
	{
		margin-top:12px; margin-left:8px;
		font:13pt arial; font-weight:bold; color:white;
	}
	.contextStackSelectedShadow
	{
		color: black; 
	}

	.topCompanyContainer
	{
		float:left;
		margin:6px 0 0 8px;
		margin:collapse;
	}
	.topCompany
	{
		font-size:24pt; font-weight:bold; color:white;
	}
	.topCompanyShadow
	{
		color: black;
	}

	.topCurrentUser
	{
		color:white; font-weight:bold;
	}
	.topCurrentUserShadow
	{
		color: black;
	}

	.topMaCmms
	{
		color:white; font-weight:bold;
	}
	.topMaCmmsShadow
	{
		color: black;
	}

	.pushButtonShadow
	{
		font:12px arial; font-weight:bold; color:black;
	}
	.pushButtonShadowShadow
	{
		color: #EBEBEB
	}
	
	
	
	
	.contextMenuItem
	{
		margin-top:7px; 
		padding-bottom:7px; 
		font:10pt arial; 
		font-weight:bold; 
		color:white;
	}
	.contextMenuItemP1
	{
		width:230px;
	}
	.contextMenuItemP2
	{
		width:230px;
	}
	.contextMenuItemShadow
	{
		width:230px;
		color: #233646;
	}

	.contextMenuItem2
	{
		margin-left:7px;
		margin-top:7px; padding-bottom:7px; 
		font:10pt arial; font-weight:bold; color:yellow;
		width:230px;
	}
	.contextMenuItem2Shadow
	{
		color: #233646;
	}

	.topMenuItem
	{
		font:9px arial; color:white;
	}
	.topMenuItemShadow
	{
		color: black;
	}

		/* HEADER MAIN SECTION BUTTON   ################################################################################################ */
        .topPane .topHeader {
	        float:left;
	        width:100%;
	        height:64px;
	        background:url(/skin/coolBlue/images/topPanel/header_background.gif) top left repeat-x;
	        overflow:hidden;
	        display:inline; /* IE 6 */
        }
        
        .topPane .topHeader .topMenuLoadContainer
        {
        	float:left;
        	margin:collapse;
        	width:25px;
        	height:64px;
        }
        
        .topPane .topHeader .topMenuLoadContainer .topMenuLoad
        {
        	float:left;
        	margin:collapse;
        	width:25px;
        	height:64px;
        	background:url(/skin/coolBlue/images/topPanel/header_loading_bar.gif) top left no-repeat;
        }
        
        .topPane .topHeader .mainMenuLeft
        {
        	float:left;
        	margin:0;
        	margin:collapse;
        	padding:0;
        	width:1px;
        	height:64px;
        	background:url(/skin/coolBlue/images/topPanel/header_left.gif) top left no-repeat;
        }
      
        
        /* SIDEBARPANE SUBMENU CONTAINER   ################################################################################################ */
		.sidebarViewPort {
		    height: 100%;
        }
        .sidebarViewPort .subMenu 
        {
        	height:100%;
        	width:225px;
        	background:url(/skin/coolBlue/images/submenu/submenu_background.gif) top left repeat-y;
        }
        
        
        /* CONTEXT PANE ( ACTION PANE )  ################################################################################################   */
        .actionPane .actionViewPort {
		    vertical-align: middle; float: left; 
		    /*height: 43px;*/ 
		    width: 100%;	
			/*vertical-align: middle; float: left; height: 43px; width: 100%; background-image: url('/images/ContextPanel/panel_background.gif'); background-repeat: repeat-x; background-color: #39A9FF;*/
		}
        .contextPane .contextStack
        {
	        vertical-align:middle;
	        float:left;
	        height:43px;
	        margin:0;
	        padding:0;
	        margin:collapse;
	        /*cursor:pointer;*/
	        background:url(/skin/coolBlue/images/ContextPanel/stacklink_background.gif) top left repeat-x #39A9FF;
        }
        .contextPane .contextStackSpacer
        {
        	float:left;
        	width:18px;
        	height: 43px;
        	margin:0;
        	padding:0;
        	background:url(/skin/coolBlue/images/contextPanel/stack_arrow.gif) top left no-repeat;
        }
        .contextPane .contextStackItem
        {
	        float:left;
	        height:43px;
	        margin:0;
	        padding:0;
	        margin:collapse;
	        /*cursor:pointer;*/
	        background:url(/skin/coolBlue/images/contextPanel/stacklink_background.gif) top left repeat-x;
        }
        .actionPaneLabel, 
        .actionPaneLabelInactive {position:relative; top:0px; font:bold 16px Arial; margin-left:8px; vertical-align:bottom;}
        .actionPaneLabel, 
        .actionPaneLabelInactive p {font:bold 16px Arial;}
        .actionPaneLabel{color:white;}
        .actionPaneLabelInactive{color:black;}
        
        
		
		/* CONTEXT PANE ( AUXILIARY PANE )  ################################################################################################ */
		.actionPane .auxViewPort {
		    position:static;
		    clear:both;
		    width:100%;
		    height:0px;
		    padding:0;
		    margin:0;
		    overflow:hidden;
		    background-color:#FFFDE9
		}
		
		.auxViewPortRight {
		    position:static;
		    clear:both;
		    height:100%;
		    padding:0;
		    margin:0;
		    overflow:hidden;
		}
		
		.auxViewPort .helpViewPort {
			position:static;
			clear:both;
			width:100%;
			height:250px;
			overflow-x:auto;
			overflow-y:auto;
			border-bottom:1px solid #E1DEC0;
		}
		
		.auxViewPort .searchViewPort 
		{
			position:static;
			clear:both;
			width:100%;
			height:80px;
			overflow-x:auto;
			overflow-y:auto;
			border-bottom:1px solid #E1DEC0;
		}
		
		.auxViewPort .listCustomViewPort 
		{
			position:static;
			clear:both;
			width:100%;
			height:320px;
			overflow-x:auto;
			overflow-y:auto;
			border-bottom:1px solid #E1DEC0;
			padding:4px;
		}
		
		
		/* CONTENT VIEW PORT ###################################################################################### */
		.contentPane .contentViewPort {
		    position: absolute; 
		    top: 107px; 
		    left: 225px; 
		    width: 0px; 
		    height: 0px; 
		    overflow: auto;
		    margin:0;
		    border:0;
		}
		
		/* NOTIFICATION VIEW PORT ################################################################### */
		.notificationViewPort
		{
			width:130px;
			overflow:hidden;
		}
		
		.notificationViewPort .notificationTop
		{
			float:left;margin:0;padding:0;width:130px;height:6px;background:url(/skin/coolBlue/images/notificationPanel/notification_top.png) top left no-repeat;
		}
		
		.notificationViewPort .notificationBody
		{
			float:left;clear:left;margin:0;padding:0;width:129px;height:69px;background:url(/skin/coolBlue/images/notificationPanel/notification_background.png) top left repeat-x;border-right:solid 1px #004FA1;border-bottom:solid 1px #004FA1;
		}
		
		.notificationBody .notificationHeader
		{
			float:left;
			background:url(/skin/coolBlue/images/icons/list_mcentre_newmessage.gif) top left no-repeat;
			padding:0 0 0 18px;
			margin:3px 0 0 2px;
		}
		
		.notificationBody .notificationHeader p
		{
			font-family:arial;
			color:#000000;
			font-size:9px;
			margin:0;
			padding:0;
		}
		
		.notificationBody p.name
		{
			font-family:arial;
			color:#000000;
			font-size:9px;
			margin:2px 0 0 0;
			padding:2px 2px 2px 2px;
		}
		
		.notificationBody p.subject
		{
			font-family:arial;
			color:#666666;
			font-size:9px;
			margin:0 2px 2px 2px;
			padding:0;
		}
		
		.notificationViewPort .notificationBody .separator
		{
			float:left;clear:left;margin:2px;padding:0;width:125px;height:2px;background:url(/skin/coolBlue/images/notificationPanel/seperator.png) top left no-repeat;
		}
                
        




/* ################################################################################################## */
/* ################################################################################################## */
/* #######
/* #######      NAVIGATIONAL AND MENUS
/* #######
/* ################################################################################################## */
/* ################################################################################################## */ 

	p.menuText {margin:7px 0 0 0; padding:0;}
    .subMenuButtonHeader {text-decoration:none; float:left;width:225px;height:32px;background-image:url(/skin/coolBlue/images/submenu/button_off_background.gif);background-repeat:no-repeat;font-family:arial;font-weight:bold;color:#000000;font-size:14px;padding-left:5px;}
    .subMenuButtonNotSelected {text-decoration:none; cursor:pointer; float:left;width:225px;height:32px;background-image:url(/skin/coolBlue/images/submenu/button_off_background.gif);background-repeat:no-repeat;font-family:arial;font-weight:bold;color:#666666;font-size:14px;padding-left:15px;}
    .subMenuButtonSelected {text-decoration:none; float:left;width:225px;height:32px;background-image:url(/skin/coolBlue/images/submenu/button_on_background.gif);background-repeat:no-repeat;font-family:arial;font-weight:bold;color:#333333;font-size:14px;padding-left:15px;}
    
    /* LOGIN PAGE SUBMENU ###################################################################### */
    .loginSubmenuContainer {
    	height:15px;
    	margin:0;
    	padding:0;
    }
    
    .loginSubmenuContainer p {
    	margin:0;
    	padding:0;
    }
    .loginSubmenuContainer p a {
    	color:#000000;
    	line-height:18px;
    }
    
    /* MENU BELOW MA BRANDING PAGE SUBMENU */
	.brandingSubmenuContainer {
		height:15px;
		margin:0;
		padding:0;
	}
	
	.brandingSubmenuContainer p {
		margin:0;
		padding:0;
	}
	.brandingSubmenuContainer p a {
		color:#000000;
		line-height:16px;
	}
	
	/* MAIN MENU BUTTONS AND CONTAINER ###################################################################### */
	.mainButton {
	    float:left;
	    height:64px;
	    margin:0;
	    padding:0;
	}
	.mainButton:after{ /*Add margin between menu and rest of content in Firefox*/
	    content: "."; 
	    display: block; 
	    height: 0; 
	    width:0;
	    clear: both; 
	    visibility: hidden;
	    height:64px;
	}
	.mainButton ul{
	    list-style-type:none;
	    width: 100%;
	    /*background: url(chromebg.gif) center center repeat-x; THEME CHANGE HERE*/
	    padding: 0;
	    margin: 0;
	    text-align: center; /*set value to "left", "center", or "right"*/
	}
	.mainButton ul li{
	    display: inline;
	    margin:0;
	    padding:0;
	}

	
	.mainButton ul li a
	{
		float:left;
	    width:65px;
	    height:68px;
		font-weight:bold;
		color:#FFFFFF;
		background:transparent;
		margin:0;
		padding:0;
		text-decoration:none;
	}
	
	.mainButton ul li a:hover
	{
		/*float:left;*/
		font-weight:bold;
		color:#EFEFEF;
		background:transparent;
		margin:0;
		padding:0;
		
		text-decoration:none;
	}
	
	
	.mainButton ul li .mainButtonHover
	{
	    filter:alpha(opacity=60);
	    -moz-opacity:.60;
	    opacity:.60;
	}
	

	.mainButton ul li .mainButton_Container
	{
		/*float:left;*/
		position:relative;
		margin:0;
		padding:0;
		margin:collapse;
		overflow:hidden;
		width:65px;
		height:68px;
		/*background:transparent;*/
	}
	
	.mainButton ul li .mainButton_Container p
	{
		/*float:left;*/
		font-weight:bold;
		color:#EFEFEF;
		background:transparent;
		margin:0;
		padding:0;
		font-size:9px;
		text-decoration:none;
	}
	
	
	
	.mainButton ul li #mainButton_Background
	{
		float:left;
		margin:0;
		padding:0;
		margin:collapse;
		overflow:hidden;
		width:65px;
		height:68px;
		background:url(/skin/coolBlue/images/topPanel/header_button_background.gif) top right no-repeat;
		cursor:pointer;
	}
	
	.mainButton ul li .mainButton_Container .mainButton_Account_icon
	{
		position:absolute;
		/*top:0;
		left:0;*/
		left:0;
		z-index:1500;
		margin:15px 0 0 0;
		padding:30px 0 0 0;
		width:65px;
		/*height:10px;*/
		overflow:hidden;
		background:url(/skin/coolBlue/images/topPanel/menu_icon_account.png) top center no-repeat;
		cursor:pointer;
	}
	
	.mainButton ul li .mainButton_Container .mainButton_System_icon
	{
		position:absolute;
		/*top:0;
		left:0;*/
		left:0;
		z-index:1500;
		margin:15px 0 0 0;
		padding:30px 0 0 0;
		width:65px;
		/*height:50px;*/
		overflow:hidden;
		background:url(/skin/coolBlue/images/topPanel/menu_icon_system.png) top center no-repeat;
		cursor:pointer;
	}
	
	.mainButton ul li .mainButton_Admin_icon
	{
		position:absolute;
		/*top:0;*/
		left:0;
		z-index:1500;
		margin:15px 0 0 0;
		padding:30px 0 0 0;
		width:65px;
		/*height:50px;*/
		overflow:hidden;
		background:url(/skin/coolBlue/images/topPanel/menu_icon_admin.png) top center no-repeat;
		cursor:pointer;
	}
	
	.mainButton ul li .mainButton_Cmms_icon
	{
		position:absolute;
		/*top:0;*/
		left:0;
		z-index:1500;
		margin:15px 0 0 0;
		padding:30px 0 0 0;
		width:65px;
		/*height:50px;*/
		overflow:hidden;
		background:url(/skin/coolBlue/images/topPanel/menu_icon_cmms.png) top center no-repeat;
		cursor:pointer;
	}
	
	.mainButton ul li .mainButton_Community_icon
	{
		position:absolute;
		top:-4px;
		left:-1px;
		z-index:1500;
		margin:15px 0 0 0;
		padding:34px 0 0 1px;
		width:65px;
		/*height:30px;*/
		overflow:hidden;
		background:url(/skin/coolBlue/images/topPanel/menu_icon_community.png) top center no-repeat;
		cursor:pointer;
	}
	
	.mainButton ul li .mainButton_Supply_icon
	{
		position:absolute;
		/*top:0;*/
		left:0;
		z-index:1500;
		margin:15px 0 0 0;
		padding:30px 0 0 0;
		width:65px;
		/*height:50px;*/
		overflow:hidden;
		background:url(/skin/coolBlue/images/topPanel/menu_icon_supply.png) top center no-repeat;
		cursor:pointer;
	}
	
	.mainButton ul li #mainButton_Account
	{
		float:left;
		margin:0;
		padding:0;
		margin:collapse;
		overflow:hidden;
		width:65px;
		height:68px;
		background:url(/skin/coolBlue/images/topPanel/header_button_account.gif) top right no-repeat;
		cursor:pointer;
	}
	
	.mainButton ul li #mainButton_System
	{
		float:left;
		margin:0;
		padding:0;
		margin:collapse;
		overflow:hidden;
		width:65px;
		height:68px;
		background:url(/skin/coolBlue/images/topPanel/header_button_system.gif) top right no-repeat;
		cursor:pointer;
	}
	
	.mainButton ul li #mainButton_Admin
	{
		float:left;
		margin:0;
		padding:0;
		margin:collapse;
		overflow:hidden;
		width:65px;
		height:68px;
		background:url(/skin/coolBlue/images/topPanel/header_button_admin.gif) top right no-repeat;
		cursor:pointer;
	}
	
	.mainButton ul li #mainButton_Cmms
	{
		float:left;
		margin:0;
		padding:0;
		margin:collapse;
		overflow:hidden;
		width:65px;
		height:68px;
		background:url(/skin/coolBlue/images/topPanel/header_button_cmms.gif) top right no-repeat;
		cursor:pointer;
	}
	
	.mainButton ul li #mainButton_Community
	{
		float:left;
		margin:0;
		padding:0;
		margin:collapse;
		overflow:hidden;
		width:65px;
		height:68px;
		background:url(/skin/coolBlue/images/topPanel/header_button_community.gif) top right no-repeat;
		cursor:pointer;
	}
	
	
	/* SIDE MENU MODE - STYLE FOR APPLICATION SUBMENU ###################################################################### */
	.subMenu .subMenuButtonHeader 
	{
	    float:left;
	    width:225px;
	    height:32px;
	    background:url(/skin/coolBlue/images/submenu/button_off_background.gif) top left no-repeat;
	}
	.subMenu .subMenuButtonHeader p 
	{
	    padding: 7px 0 0 5px; 
	    margin:0;
	    font-family:arial;
	    font-weight:bold;
	    color:#000000;
	    font-size:14px;
	    text-decoration:none; 
	}
	.subMenu .subMenuButtonNotSelected 
	{
	    float:left;
	    width:225px;
	    height:32px;
	    background:url(/skin/coolBlue/images/submenu/button_off_background.gif) top left no-repeat;
	    cursor:pointer;
	}
	.subMenu .subMenuButtonNotSelected p 
	{
	    padding: 7px 0 0 15px; 
	    margin:0;
	    font-family:arial;
	    font-weight:bold;
	    color:#666666;
	    font-size:14px;
	    text-decoration:none;
	}
	.subMenu .subMenuButtonOver 
	{
	    float:left;
	    width:225px;
	    height:32px;
	    background:url(/skin/coolBlue/images/submenu/button_over_background.gif) top left no-repeat;
	    cursor:pointer;
	}
	.subMenu .subMenuButtonOver p 
	{
	    padding: 7px 0 0 30px; 
	    margin:0;
	    font-family:arial;
	    font-weight:bold;
	    color:#666666;
	    font-size:14px;
	    text-decoration:none;
	}
	.subMenu .subMenuButtonSelected 
	{
	    float:left;
	    width:225px;
	    height:32px;
	    background:url(/skin/coolBlue/images/submenu/button_on_background.gif) top left no-repeat;
	    cursor:pointer;
	}
	.subMenu .subMenuButtonSelected p 
	{
	    padding: 7px 0 0 15px; 
	    margin:0;
	    font-family:arial;
	    font-weight:bold;
	    color:#333333;
	    font-size:14px;
	    text-decoration:none;
	}
	
	
		/* DROPDOWN MENU MODE - STYLE FOR APPLICATION SUBMENU ###################################################################### */
        .subMenuDD
        {
        	position:absolute;
        	clear:both;
        	float:left;
        	background-repeat:repeat-y;
        	width:274px;
        	top:-2000px;
        	left:-2000px;
        	z-index:100000;
        	border-left:solid 1px #A8AAAC;
        }
        .subMenuDDButtonHeader 
        {
            float:left;
            width:225px;
            height:22px;
            background:url(/skin/coolBlue/images/submenu/button_dd_off_background.gif) top left repeat-x;
            border-left:solid 1px #F5F5F5;
            border-top:solid 1px #E8EAEC;
            border-right:solid 1px #A8AAAC;
            border-bottom: solid 1px #9D9D9E;
            filter:alpha(opacity=95);-moz-opacity:.95;opacity:.95;
        }
        .subMenuDDButtonHeader p 
        {
            padding: 3px 0 0 5px; 
            margin:0;
            font-family:arial;
            font-weight:bold;
            color:#000000;
            font-size:13px;
            text-decoration:none;
        }
        .subMenuDDButtonNotSelected 
        {
            float:left;
            width:225px;
            height:22px;
            background:url(/skin/coolBlue/images/submenu/button_dd_off_background.gif) top left repeat-x;
            border-left:solid 1px #F5F5F5;
            border-top:solid 1px #E8EAEC;
            border-right:solid 1px #A8AAAC;
            border-bottom: solid 1px #9D9D9E;
            filter:alpha(opacity=95);-moz-opacity:.95;opacity:.95;
            cursor:pointer;
        }
        .subMenuDDButtonNotSelected p 
        {
            padding: 3px 0 0 15px; 
            margin:0;
            font-family:arial;
            font-weight:bold;
            color:#666666;
            font-size:13px;
            text-decoration:none;
        }
        .subMenuDDButtonSelected 
        {
            float:left;
            width:225px;
            height:22px;
            background:url(/skin/coolBlue/images/submenu/button_dd_on_background.gif) top left repeat-x;
            border-left:solid 1px #0693FF;
            border-top:solid 1px #0693FF;
            border-right:solid 1px #0C71BF;
            border-bottom: solid 1px #016DBF;
            filter:alpha(opacity=95);-moz-opacity:.95;opacity:.95;
            cursor:pointer;
        }
        .subMenuDDButtonSelected p 
        {
            padding: 3px 0 0 15px; 
            margin:0;
            font-family:arial;
            font-weight:bold;
            color:#333333;
            font-size:13px;
            text-decoration:none;
        }
        
        /* DROPDOWN MODE - SUBMENU FOR ALL AUXILIARY DROPDOWNS - i.e. Login -> options  ###################################################################### */
        .subMenuSmallDDContainer
        {
        	position:absolute;
        	clear:both;
        	float:left;
        	width:180px;
        	top:-2000px;
        	left:-2000px;
        	z-index:100000;
        	padding-top:4px;
        	/*position:absolute;
        	left:-1000px;
        	top:-200px;
        	padding-top:4px;*/
        }
        .subMenuSmallDDButtonNotSelected 
        {
            float:left;
            width:180px;
            height:18px;
            background:url(/skin/coolBlue/images/submenu/button_sm_dd_off_background.gif) top left repeat-x;
            border-left:solid 1px #F5F5F5;
            border-top:solid 1px #E8EAEC;
            /*border-right:solid 1px #A8AAAC;*/
            border-right:solid 1px #B4B4B4;
            border-bottom: solid 1px #B4B4B4;
            filter:alpha(opacity=95);-moz-opacity:.95;opacity:.95;
            cursor:pointer;
        }
        .subMenuSmallDDButtonNotSelected p 
        {
            padding: 3px 0 0 15px; 
            margin:0;
            font-family:arial;
            font-weight:bold;
            color:#666666;
            font-size:11px;
            text-decoration:none;
        }
        .subMenuSmallDDButtonNotSelected a div p 
        {
        	text-decoration:none;
        }
        
        .subMenuSmallDDButtonHover 
        {
            float:left;
            width:180px;
            height:18px;
            background:url(/skin/coolBlue/images/submenu/button_sm_dd_on_background.gif) top left repeat-x;
            border-left:solid 1px #F5F5F5;
            border-top:solid 1px #E8EAEC;
            border-right:solid 1px #A8AAAC;
            border-bottom: solid 1px #B4B4B4;
            filter:alpha(opacity=95);-moz-opacity:.95;opacity:.95;
            cursor:pointer;
        }
        .subMenuSmallDDButtonHover p 
        {
            padding: 3px 0 0 15px; 
            margin:0;
            font-family:arial;
            font-weight:bold;
            color:#666666;
            font-size:11px;
            text-decoration:none;
        }
        .subMenuSmallDDButtonHover a div p 
        {
        	text-decoration:none;
        }
        
        
        /* CONTEXT MENU BUTTONS ############################################################################## */
        /* "Regular (non-modal) first */
        .contextPane .contextButton {
            float:right;
            height:43px;
            margin:0;
            padding:0;
            margin:collapse;
            margin-right:10px;
        }
        .contextButton:after{ /*Add margin between menu and rest of content in Firefox*/
            content: "."; 
            display: block; 
            height: 0; 
            clear: both; 
            visibility: hidden;
            height:43px;
        }
        .contextButton ul{
            width: 100%;
            /*background: url(chromebg.gif) center center repeat-x; THEME CHANGE HERE*/
            padding: 0;
            margin: 0;
            text-align: center; /*set value to "left", "center", or "right"*/
        }
        .contextButton ul li{
            display: inline;
        }
        .contextButton ul li .contextButtonHover{
            filter:alpha(opacity=60);
            -moz-opacity:.60;
            opacity:.60;
        }
        
        .contextButton ul li a
        {
        	float:left;
            margin:0;
            padding:0;            
            height:43px;
            width:43px;
        }
        /* "Modal */
        .contextPane .contextButtonDialog {
            float:right;
            height:31px;
            margin:0;
            padding:0;
            margin:collapse;
            margin-right:10px;
        }
        .contextButtonDialog:after{ /*Add margin between menu and rest of content in Firefox*/
            content: "."; 
            display: block; 
            height: 0; 
            clear: both; 
            visibility: hidden;
            height:31px;
        }
        .contextButtonDialog ul{
            width: 100%;
            /*background: url(chromebg.gif) center center repeat-x; THEME CHANGE HERE*/
            padding: 0;
            margin: 0;
            text-align: center; /*set value to "left", "center", or "right"*/
        }
        .contextButtonDialog ul li{
            display: inline;
            height:43px;
        }
        .contextButtonDialog ul li .contextButtonHover{
            filter:alpha(opacity=60);
            -moz-opacity:.60;
            opacity:.60;
        }
        
        .contextButtonDialog ul li a
        {
        	float:left;
            margin:0;
            padding:0;            
            height:31px;
            width:33px;
        }
		/* */
        .contextButton ul li #contextButtonAction
        {
        	float:left;
        	width:47px;
        	height:43px;
        	background:url(/skin/coolBlue/images/contextPanel/button_action.gif) top left no-repeat;
        	padding:0;
        	margin:0;
        	margin:collapse;
        	cursor:pointer;
        	overflow:hidden;
        }
        
        .contextButtonDialog ul li #contextButtonAction
        {
        	float:left;
        	width:33px;
        	height:31px;
        	background:url(/skin/coolBlue/images/contextPanel/button_action_dialog.gif) top left no-repeat;
        	padding:0;
        	margin:0;
        	margin:collapse;
        	cursor:pointer;
        	overflow:hidden;
        }

		.contextButton ul li #contextButtonCancel
        {
        	float:left;
        	width:47px;
        	height:43px;
        	background:url(/skin/coolBlue/images/contextPanel/button_cancel.gif) top left no-repeat;
        	padding:0;
        	margin:0;
        	margin:collapse;
        	cursor:pointer;
        	overflow:hidden;
        }
        
		.contextButtonDialog ul li #contextButtonCancel
        {
        	float:left;
        	width:33px;
        	height:31px;
        	background:url(/skin/coolBlue/images/contextPanel/button_cancel_dialog.gif) top left no-repeat;
        	padding:0;
        	margin:0;
        	margin:collapse;
        	cursor:pointer;
        	overflow:hidden;
        }

		.contextButton ul li #contextButtonClose
        {
        	float:left;
        	width:47px;
        	height:43px;
        	background:url(/skin/coolBlue/images/contextPanel/button_close.gif) top left no-repeat;
        	padding:0;
        	margin:0;
        	margin:collapse;
        	cursor:pointer;
        	overflow:hidden;
        }
        
		.contextButtonDialog ul li #contextButtonClose
        {
        	float:left;
        	width:33px;
        	height:31px;
        	background:url(/skin/coolBlue/images/contextPanel/button_close_dialog.gif) top left no-repeat;
        	padding:0;
        	margin:0;
        	margin:collapse;
        	cursor:pointer;
        	overflow:hidden;
        }

		.contextButton ul li #contextButtonHelp
        {
        	float:left;
        	width:47px;
        	height:43px;
        	background:url(/skin/coolBlue/images/contextPanel/button_help_arrow.gif) top left no-repeat;
        	padding:0;
        	margin:0;
        	margin:collapse;
        	cursor:pointer;
        	overflow:hidden;
        }
        
		.contextButtonDialog ul li #contextButtonHelp
        {
        	float:left;
        	width:33px;
        	height:31px;
        	background:url(/skin/coolBlue/images/contextPanel/button_help_arrow_dialog.gif) top left no-repeat;
        	padding:0;
        	margin:0;
        	margin:collapse;
        	cursor:pointer;
        	overflow:hidden;
        }

		.contextButton ul li #contextButtonNew
        {
        	float:left;
        	width:47px;
        	height:43px;
        	background:url(/skin/coolBlue/images/contextPanel/button_new.gif) top left no-repeat;
        	padding:0;
        	margin:0;
        	margin:collapse;
        	cursor:pointer;
        	overflow:hidden;
        }
        
		.contextButtonDialog ul li #contextButtonNew
        {
        	float:left;
        	width:33px;
        	height:31px;
        	background:url(/skin/coolBlue/images/contextPanel/button_new_dialog.gif) top left no-repeat;
        	padding:0;
        	margin:0;
        	margin:collapse;
        	cursor:pointer;
        	overflow:hidden;
        }

		.contextButton ul li #contextButtonSave
        {
        	float:left;
        	width:47px;
        	height:43px;
        	background:url(/skin/coolBlue/images/contextPanel/button_save.gif) top left no-repeat;
        	padding:0;
        	margin:0;
        	margin:collapse;
        	cursor:pointer;
        	overflow:hidden;
        }
        
		.contextButtonDialog ul li #contextButtonSave
        {
        	float:left;
        	width:33px;
        	height:31px;
        	background:url(/skin/coolBlue/images/contextPanel/button_save_dialog.gif) top left no-repeat;
        	padding:0;
        	margin:0;
        	margin:collapse;
        	cursor:pointer;
        	overflow:hidden;
        }

		.contextButton ul li #contextButtonPrint
        {
        	float:left;
        	width:47px;
        	height:43px;
        	background:url(/skin/coolBlue/images/contextPanel/button_print.gif) top left no-repeat;
        	padding:0;
        	margin:0;
        	margin:collapse;
        	cursor:pointer;
        	overflow:hidden;
        }
        
		.contextButtonDialog ul li #contextButtonPrint
        {
        	float:left;
        	width:33px;
        	height:31px;
        	background:url(/skin/coolBlue/images/contextPanel/button_print_dialog.gif) top left no-repeat;
        	padding:0;
        	margin:0;
        	margin:collapse;
        	cursor:pointer;
        	overflow:hidden;
        }

		.contextButton ul li #contextButtonPrintArrow
        {
        	float:left;
        	width:47px;
        	height:43px;
        	background:url(/skin/coolBlue/images/contextPanel/button_print_arrow.gif) top left no-repeat;
        	padding:0;
        	margin:0;
        	margin:collapse;
        	cursor:pointer;
        	overflow:hidden;
        }

		.contextButtonDialog ul li #contextButtonPrintArrow
        {
        	float:left;
        	width:33px;
        	height:31px;
        	background:url(/skin/coolBlue/images/contextPanel/button_print_arrow_dialog.gif) top left no-repeat;
        	padding:0;
        	margin:0;
        	margin:collapse;
        	cursor:pointer;
        	overflow:hidden;
        }

		.contextButton ul li #contextButtonFind
        {
        	float:left;
        	width:47px;
        	height:43px;
        	background:url(/skin/coolBlue/images/contextPanel/button_find.gif) top left no-repeat;
        	padding:0;
        	margin:0;
        	margin:collapse;
        	cursor:pointer;
        	overflow:hidden;
        }
        
		.contextButtonDialog ul li #contextButtonFind
        {
        	float:left;
        	width:33px;
        	height:31px;
        	background:url(/skin/coolBlue/images/contextPanel/button_find_dialog.gif) top left no-repeat;
        	padding:0;
        	margin:0;
        	margin:collapse;
        	cursor:pointer;
        	overflow:hidden;
        }

		.contextButton ul li #contextButtonRun
        {
        	float:left;
        	width:47px;
        	height:43px;
        	background:url(/skin/coolBlue/images/contextPanel/button_run_report.gif) top left no-repeat;
        	padding:0;
        	margin:0;
        	margin:collapse;
        	cursor:pointer;
        	overflow:hidden;
        }

		.contextButtonDialog ul li #contextButtonRun
        {
        	float:left;
        	width:33px;
        	height:31px;
        	background:url(/skin/coolBlue/images/contextPanel/button_run_report_dialog.gif) top left no-repeat;
        	padding:0;
        	margin:0;
        	margin:collapse;
        	cursor:pointer;
        	overflow:hidden;
        }

		.contextButton ul li #contextButtonWarnSave
        {
        	float:left;
        	width:47px;
        	height:43px;
        	background:url(/skin/coolBlue/images/contextPanel/button_warn_save_warn.gif) top left no-repeat;
        	padding:0;
        	margin:0;
        	margin:collapse;
        	cursor:pointer;
        	overflow:hidden;
        }
        
		.contextButtonDialog ul li #contextButtonWarnSave
        {
        	float:left;
        	width:33px;
        	height:31px;
        	background:url(/skin/coolBlue/images/contextPanel/button_warn_save_warn_dialog.gif) top left no-repeat;
        	padding:0;
        	margin:0;
        	margin:collapse;
        	cursor:pointer;
        	overflow:hidden;
        }

		.contextButton ul li #contextButtonView
        {
        	float:left;
        	width:47px;
        	height:43px;
        	background:url(/skin/coolBlue/images/contextPanel/button_view.gif) top left no-repeat;
        	padding:0;
        	margin:0;
        	margin:collapse;
        	cursor:pointer;
        	overflow:hidden;
        }
        
		.contextButtonDialog ul li #contextButtonView
        {
        	float:left;
        	width:33px;
        	height:31px;
        	background:url(/skin/coolBlue/images/contextPanel/button_view_dialog.gif) top left no-repeat;
        	padding:0;
        	margin:0;
        	margin:collapse;
        	cursor:pointer;
        	overflow:hidden;
        }

        .contextButton ul li #contextButtonSendMsg
        {
        	float:left;
        	width:47px;
        	height:43px;
        	background:url(/skin/coolBlue/images/contextPanel/button_send.gif) top left no-repeat;
        	padding:0;
        	margin:0;
        	margin:collapse;
        	cursor:pointer;
        	overflow:hidden;
        }
        
        .contextButtonDialog ul li #contextButtonSendMsg
        {
        	float:left;
        	width:33px;
        	height:31px;
        	background:url(/skin/coolBlue/images/contextPanel/button_send_dialog.gif) top left no-repeat;
        	padding:0;
        	margin:0;
        	margin:collapse;
        	cursor:pointer;
        	overflow:hidden;
        }

		.contextButton ul li #contextButtonReply
        {
        	float:left;
        	width:47px;
        	height:43px;
        	background:url(/skin/coolBlue/images/contextPanel/button_reply.gif) top left no-repeat;
        	padding:0;
        	margin:0;
        	margin:collapse;
        	cursor:pointer;
        	overflow:hidden;
        }
        
		.contextButtonDialog ul li #contextButtonReply
        {
        	float:left;
        	width:33px;
        	height:31px;
        	background:url(/skin/coolBlue/images/contextPanel/button_reply_dialog.gif) top left no-repeat;
        	padding:0;
        	margin:0;
        	margin:collapse;
        	cursor:pointer;
        	overflow:hidden;
        }

		.contextButton ul li #contextButtonReplyAll
        {
        	float:left;
        	width:50px;
        	height:43px;
        	background:url(/skin/coolBlue/images/contextPanel/button_replyall.gif) top left no-repeat;
        	padding:0;
        	margin:0 3px 0 0;
        	margin:collapse;
        	cursor:pointer;
        	overflow:hidden;
        }
        
		.contextButtonDialog ul li #contextButtonReplyAll
        {
        	float:left;
        	width:34px;
        	height:31px;
        	background:url(/skin/coolBlue/images/contextPanel/button_replyall_dialog.gif) top left no-repeat;
        	padding:0;
        	margin:0 3px 0 0;
        	margin:collapse;
        	cursor:pointer;
        	overflow:hidden;
        }

		.contextButton ul li #contextButtonForward
        {
        	float:left;
        	width:47px;
        	height:43px;
        	background:url(/skin/coolBlue/images/contextPanel/button_fwd.gif) top left no-repeat;
        	padding:0;
        	margin:0;
        	margin:collapse;
        	cursor:pointer;
        	overflow:hidden;
        }
        
		.contextButtonDialog ul li #contextButtonForward
        {
        	float:left;
        	width:33px;
        	height:31px;
        	background:url(/skin/coolBlue/images/contextPanel/button_fwd_dialog.gif) top left no-repeat;
        	padding:0;
        	margin:0;
        	margin:collapse;
        	cursor:pointer;
        	overflow:hidden;
        }

		.contextButton ul li #contextButtonShare
        {
        	float:left;
        	width:47px;
        	height:43px;
        	background:url(/skin/coolBlue/images/contextPanel/button_share.gif) top left no-repeat;
        	padding:0;
        	margin:0;
        	margin:collapse;
        	cursor:pointer;
        	overflow:hidden;
        }

		.contextButtonDialog ul li #contextButtonShare
        {
        	float:left;
        	width:33px;
        	height:31px;
        	background:url(/skin/coolBlue/images/contextPanel/button_share_dialog.gif) top left no-repeat;
        	padding:0;
        	margin:0;
        	margin:collapse;
        	cursor:pointer;
        	overflow:hidden;
        }

		.contextButton ul li #contextButtonInstall
        {
        	float:left;
        	width:47px;
        	height:43px;
        	background:url(/skin/coolBlue/images/contextPanel/button_install.gif) top left no-repeat;
        	padding:0;
        	margin:0;
        	margin:collapse;
        	cursor:pointer;
        	overflow:hidden;
        }

		.contextButtonDialog ul li #contextButtonInstall
        {
        	float:left;
        	width:33px;
        	height:31px;
        	background:url(/skin/coolBlue/images/contextPanel/button_install_dialog.gif) top left no-repeat;
        	padding:0;
        	margin:0;
        	margin:collapse;
        	cursor:pointer;
        	overflow:hidden;
        }

        /* CONTEXT MENU (ACTION BAR MENU) - DROPDOWN MENU ITEMS ############################################################ */
        
        .contextmenuContainer
        {
        	position:absolute;
        	/*clear:both;
        	float:left;*/
        	background-repeat:repeat-y;
        	width:274px;
        	top:-2000px;
        	left:270px;
        }
        .contextMenuTop 
        {
        	clear:both;
        	float:left;
        	height:3px;
        	width:274px;
        	margin:0;
        	padding:0;
        	background:url(/skin/coolBlue/images/contextMenu/cm_top.gif) top left no-repeat;
        	filter:alpha(opacity=80);
        	-moz-opacity:.80;
        	opacity:.80;
        }
        .contextMenuSpacer 
        {
        	clear:left;
        	float:left;
        	height:3px;
        	width:274px;
        	margin:0;
        	padding:0;
        	background:url(/skin/coolBlue/images/contextMenu/cm_spacer.gif) top left no-repeat;
        	filter:alpha(opacity=80);
        	-moz-opacity:.80;
        	opacity:.80;
        }
        
        
        
        .contextMenuButtonContainer 
        {
        	position:static;
        	clear:both;
        	text-align:left;
        }
        .contextMenuButtonContainer .contextMenuButtonBackgroundNotSelected 
        {
        	clear:left;
        	float:left;
        	cursor:hand;
        	width:274px;
        	background:url(/skin/coolBlue/images/contextMenu/cm_background.gif) top left repeat-y;
        	padding-left:40px;
        	filter:alpha(opacity=80);
        	-moz-opacity:.80;
        	opacity:.80;
        }
        .contextMenuButtonContainer .contextMenuButtonTextAreaandIconContainer 
        {
        	position:absolute;
        	width:274px;
        	left:0;
        	cursor:pointer;
        }
        .contextMenuButtonTextAreaandIconContainer .contextMenuButtonIcon 
        {
        	position:absolute;
        	z-index:3;
        	width:15px;
        	top:5px;
        	left:10px;
        }
        .contextMenuButtonTextAreaandIconContainer .contextMenuButtonTextAreaBackgroundNotSelected 
        {
        	position:absolute;
        	z-index:4;
        	width:237px;
        	background-color:#7FC5FD;
        	left:33px;
        	filter:alpha(opacity=85);
        	-moz-opacity:.85;
        	opacity:.85;
        }
        .contextMenuButtonTextAreaandIconContainer .contextMenuButtonTextAreaBackgroundSelected 
        {
        	position:absolute;
        	z-index:4;
        	width:237px;
        	background-color:#7FC5FD;
        	left:33px;
        	filter:alpha(opacity=30);
        	-moz-opacity:.30;
        	opacity:.30;
        }
        .contextMenuButtonTextAreaandIconContainer .contextMenuButtonTextArea 
        {
        	position:absolute;
        	clear:left;
        	z-index:5;
        	left:40px;
        	cursor:hand;
        	float:left;
        	width:274px;
        }
        p.contextMenuText 
        {
        	font-family:arial;
        	font-weight:bold;
        	font-size:12px;
        	text-decoration:none;
        }
        
        /* Context Menu Autoselect ################################################################################ */
        
        .contextPaneDialog .contextButtonDialog {
            float:right;
            height:31px;
            margin:0;
            padding:0;
            margin:collapse;
            margin-right:0px;
        }
        
        .contextButtonDialog:after{ /*Add margin between menu and rest of content in Firefox*/
            content: "."; 
            display: block; 
            height: 0; 
            clear: both; 
            visibility: hidden;
            height:31px;
        }
        .contextButtonDialog ul{
            width: 100%;
            /*background: url(chromebg.gif) center center repeat-x; THEME CHANGE HERE*/
            padding: 0;
            margin: 0;
            text-align: center; /*set value to "left", "center", or "right"*/
        }
        .contextButtonDialog ul li{
            display: inline;
        }
        .contextButtonDialog ul li .contextButtonDialogHover{
            filter:alpha(opacity=60);
            -moz-opacity:.60;
            opacity:.60;
        }
        
        .contextButtonDialog ul li a
        {
        	float:left;
            margin:0;
            padding:0;            
            height:31px;
            width:33px;
            
        }
        
         .contextButtonDialog ul li #contextButtonDialogNew
        {
        	float:left;
        	width:33px;
        	height:31px;
        	background:url(/skin/coolBlue/images/contextPanel/button_new_dialog.gif) top left no-repeat;
        	padding:0;
        	margin:0;
        	margin:collapse;
        	cursor:pointer;
        	overflow:hidden;
        }
        
        .contextButtonDialog ul li #contextButtonDialogAction
        {
        	float:left;
        	width:33px;
        	height:31px;
        	background:url(/skin/coolBlue/images/contextPanel/button_action_dialog.gif) top left no-repeat;
        	padding:0;
        	margin:0;
        	margin:collapse;
        	cursor:pointer;
        	overflow:hidden;
        }
        
        .contextButtonDialog ul li #contextButtonDialogView
        {
        	float:left;
        	width:33px;
        	height:31px;
        	background:url(/skin/coolBlue/images/contextPanel/button_view_dialog.gif) top left no-repeat;
        	padding:0;
        	margin:0;
        	margin:collapse;
        	cursor:pointer;
        	overflow:hidden;
        }
  
        
        
        /* PUSHBUTTON - buttons on all forms ################################################################################ */
        .pushButtonContainerLeft {float:left;overflow:hidden;} /* padding:4px 0px 4px 0px; */
        .pushButtonContainerLeft ul {padding:0;margin:2px;}
        .pushButtonContainerLeft ul li {display: inline;}
        .pushButtonContainerRight { float:right;overflow:hidden;} /* padding:4px 0px 4px 0px; */
        .pushButtonContainerRight ul {padding:0;margin:2px;}
        .pushButtonContainerRight ul li {display: inline;}

        .pushButton {float:left;height:23px;width:auto;cursor:pointer;margin:0 2px 0 2px;margin:collapse;}
        .pushButton span {float:left;height:23px;text-decoration:none;vertical-align:top;height:23px;margin:collapse;}
        .pushButton .buttonLeft 
        {
        	width:10px;
        	height:23px;
        	background:url(/skin/coolBlue/images/pushButton/pushbutton_left.png) top left no-repeat;
        	margin:0;
        	padding:0;
        }
        .pushButton .buttonText  {background-image:url(/skin/coolBlue/images/pushButton/pushbutton_mid.png);background-repeat:repeat-x;padding-top:3px;text-decoration:none;font-family:arial;font-size:12px;color:#000000;font-weight:bold;}
        .pushButton .buttonFormItem  {background:url(/skin/coolBlue/images/pushButton/pushbutton_mid.png) repeat-x;padding:2px 0 0 0;margin:0;text-decoration:none;font-family:arial;font-size:12px;color:#000000;font-weight:bold;}
        .pushButton .buttonFormItem select {font-size:11px;height:18px;margin:0 0 0 4px;}
        .pushButton .buttonRight 
        {
        	width:10px;
        	height:23px;
        	background:url(/skin/coolBlue/images/pushButton/pushbutton_right.png) top left no-repeat;
        	margin:0;
        	padding:0;	
        }
        
        
        /* FEATURE BUTTON STYLES ############################################################### */
        .featureButton.featureButtonStartSMButton
        {
        	float:left;
        	margin:collapse;
        	width:100px;
        	height:30px;
        	margin:10px 10px 10px 20px;
        	padding:70px 0 0 0;
        	background:url(/skin/coolBlue/images/featureButtons/pauseSM.png) top left no-repeat;
        	text-align:center;
        }
        
         .featureButton.featureButtonPauseSMButton
        {
        	float:left;
        	margin:collapse;
        	width:100px;
        	height:30px;
        	margin:10px 10px 10px 20px;
        	padding:70px 0 0 0;
        	background:url(/skin/coolBlue/images/featureButtons/startSM.png) top left no-repeat;
        	text-align:center;
        }
        
        .featureButton p
        {
        	padding:0;
        	margin:0;
        	font-size:16px;
        	color:#5F5F5F;
        	font-family:arial, sans-serif;
        	font-weight:bold;
        }





/* ################################################################################################## */
/* ################################################################################################## */
/* #######
/* #######      LIST STYLES
/* #######
/* ################################################################################################## */
/* ################################################################################################## */ 


		div.listContainer
		{
			overflow:auto;
			min-height:90px;
		}
        /*table.list {width:100%;}*/
        
        dummy 
        {
        	border-right:1px solid #ababab;
        }
        
        th.listHeader {
        	cursor:pointer;
        	white-space:nowrap; 
            background:url(/skin/coolBlue/images/listElements/list_header.gif) top left repeat-x;
            background-color:#EEEEEE;
            border-right:1px solid #666666; 
            border-bottom:1px solid #666666;
            border-top:1px solid #f8f8f8; 
            border-left:1px solid #f8f8f8; 
            vertical-align:middle;
            height:21px;
            padding: 0 4px 0 4px;
            width:1%; /* IE FIX FOR 100% WIDTH TABLE ON SCROLLING DIV */
            }

        th.listHeader p {
            padding: 0 4px 0 4px;
            margin:0;
        }
       
        th.listHeaderAsc {
        	cursor:pointer;
            white-space:nowrap; 
            background:url(/skin/coolBlue/images/listElements/list_header_sort.gif) top left repeat-x;
            /*background-color:yellow;*/
            border-right:1px solid #666666; 
            border-bottom:1px solid #666666;
            border-top:1px solid #f8f8f8; 
            border-left:1px solid #f8f8f8; 
            vertical-align:middle;
            height:21px;
            padding: 0 4px 0 4px;
            width:1%; /* IE FIX FOR 100% WIDTH TABLE ON SCROLLING DIV */
        }
        
        th.listHeaderAsc .listHeaderAscIcon
        {
        	float:right;
        	width:11px;
        	height:7px;
        	margin:4px 2px 0 5px;
        	padding:0;
        	margin:collapse;
        	overflow:hidden;
        	background:url(/skin/coolBlue/images/listElements/list_sort_up.gif) top left no-repeat;
        }

        th.listHeaderAsc p {
            padding: 0 4px 0 4px;
            margin:0;
        }

        th.listHeaderDesc {
            cursor:pointer;
            white-space:nowrap; 
            background:url(/skin/coolBlue/images/listElements/list_header_sort.gif) top left repeat-x;
            /*background-color:red;*/
            border-right:1px solid #666666; 
            border-bottom:1px solid #666666;
            border-top:1px solid #f8f8f8; 
            border-left:1px solid #f8f8f8; 
            vertical-align:middle;
            height:21px;
            padding: 0 4px 0 4px;
            width:1%; /* IE FIX FOR 100% WIDTH TABLE ON SCROLLING DIV */
            }

        th.listHeaderDesc p {
            padding: 0 4px 0 4px;
            margin:0;
        }
        
        th.listHeaderDesc .listHeaderDescIcon
        {
        	float:right;
        	width:11px;
        	height:7px;
        	margin:4px 2px 0 5px;
        	padding:0;
        	margin:collapse;
        	overflow:hidden;
        	background:url(/skin/coolBlue/images/listElements/list_sort_down.gif) top left no-repeat;
        }
        
        /* list resize column tabs */
        div.listResizeContainer
        {
        	position:static;float:right;height:16px;width:0px;
        }
        
        div.listResizeContainer .listResizeRelative
        {
        	position:relative;height:16px;width:0px;
        }
        
        div.listResizeContainer .listResizeRelative .listResizeAbsolute
        {
        	position:absolute;width:3px;left:2px;height:16px;background:transparent;cursor:w-resize;margin:0;padding:0;
        }
               
        div.listResizeFloater
        {
        	position:absolute; 
        	z-index:100000; 
        	/*border: solid 1px #0782E1;*/ 
        	background:url(/skin/coolBlue/images/listElements/list_floater_resizer3.png) left center no-repeat;
        	width:96px;
        	/*height:318px;*/
        	height:1500px;
        	left:-1500px;
        	top:-1500px;
        	cursor:w-resize;
        }
        
        /* LIST REORDERING */
        div.listReorderFloater
        {
        	position:absolute; 
        	z-index:100000; 
        	/*border: solid 1px #0782E1;*/ 
        	background:url(/skin/coolBlue/images/listElements/list_floater_reorder.png) left center repeat-x;
        	width:40px;
        	height:1500px;
        	left:-1500px;
        	top:-1500px;
        	cursor:w-resize;
        }
        
        div.listReorderFloaterArrow
        {
        	position:absolute; 
        	z-index:100000; 
        	/*border: solid 1px #0782E1;*/ 
        	background:url(/skin/coolBlue/images/listElements/list_floater_reorder_arrow.png) top left no-repeat;
        	margin-top:637px;
        	width:12px;
        	height:13px;
        	left:-1500px;
        	top:-500px;
        }
        
        


		/* LIST CONTENT STYLES #################################################################################### */	
 		.listUpDownArrowContainer
        {
        	margin:collapse;
        	margin:3px 0 0 0;
        	padding:0;
        	margin-right:auto;
        	margin-left:auto;
        	text-align:center;
        	height:8px;
        	width:22px;
        	
        }
        
        .listMoveUp
        {
        	float:left;
        	width:8px;
        	height:8px;
        	margin:0 3px 0 0;
        	padding:0;
        	margin:collapse;
        	overflow:hidden;
        	background:url(/skin/coolBlue/images/icons/list_move_up.gif) top left no-repeat;
        
        }
        
        .listMoveDown
        {
       		float:left;
        	width:8px;
        	height:8px;
        	margin:0 3px 0 0;
        	padding:0;
        	margin:collapse;
        	overflow:hidden;
        	background:url(/skin/coolBlue/images/icons/list_move_down.gif) top left no-repeat;
        }
        
        .listPagingContainer
        {
        	height:25px;
        	width:100%;
        	background:url(/skin/coolBlue/images/listElements/paging_background.gif) top left repeat-x #CECECE;
        	padding:3px 0px 0 0;
        	border-top:solid 1px #4E98D1;
        }
        
        .listPagingContainer .listPagingInfo
        {	
        	height:25px;
        	float:right;
        	margin:0 5px 0 0;
        	padding:0;
        	margin:collapse;
        	color:white;
        }
        .listPagingInfo p
        {
        	margin:0;
        	padding:0 0 0 10px;
        	/* line-height:22px; */
        	color:#FFFFFF;
        	/*font-weight:bold;*/
        }
        
        .listColumnValueReadOnlySelected {padding:0px 4px 0px 4px; background-color: #39A9FF; color:white;}
        .listColumnValueReadOnlySelected p {margin:0px;}
        .listColumnValueReadOnlySelected select {margin:2px 8px 0px 8px;}
        .listColumnValueReadOnlySelected input {margin:2px 8px 0px 8px;}
        .listColumnValueReadOnly {padding:0px 4px 0px 4px; }
        .listColumnValueReadOnly p {margin:0px;}
        .listColumnValueReadOnly select {margin:2px 8px 0px 8px;}
        .listColumnValueReadOnly input {margin:2px 8px 0px 8px;}
        .listColumnValueSelected {padding:0px 4px 0px 4px; background-color: #39A9FF; color:white;}
        .listColumnValueSelected p {margin:0px;}
        .listColumnValueSelected select {margin:2px 8px 0px 8px;}
        .listColumnValueSelected input {margin:2px 8px 0px 8px;}
        .listColumnValue {padding:0px 4px 0px 4px;}
        .listColumnValue p {margin:0px;}
        .listColumnValue select {margin:2px 8px 0px 8px;}
        .listColumnValue input {margin:2px 8px 0px 8px;}
        .listColumnValue textarea {margin:2px 8px 0px 8px;}
        .listColumnTotal {padding:0px 4px 0px 4px; border:1px solid black;}
        .listColumnTotal p {margin:0px;}
        
        /*.listRow {}
        .listRowOdd {background-color:#e8e8e8; }*/
        .listRow {background:url(/skin/coolBlue/images/listElements/background_even.png) left top repeat;}
        .listRowOdd {background:url(/skin/coolBlue/images/listElements/background_odd.png) left top repeat;}
        .listRowOver {background:url(/skin/coolBlue/images/listElements/background_over.png) left top repeat;}
        .listRowTotal {background-color:#e8e8e8; border: solid 1px #CFCFCF;}
        
        .listColumnGroupingHeader {padding:2px 2px 2px 2px; border-bottom:solid 1px #BCBCBC; font-weight:bold;background-color:#DDDDDD; }
		.listColumnGroupingHeader a {color:#333333;text-decoration:none;}
		.listColumnGroupingHeader a:hover {color:#333333;text-decoration:underline;}
		.listColumnGroupingHeader a:visited {color:#333333;text-decoration:none;}
		
		/* HIERARCHY ITEMS */
		.listILine
		{
			float:left;width:15px;margin-right:2px;height:20px;background:url(/skin/coolBlue/images/listElements/i_line.png) top right no-repeat;
		}
		
		.listTLine
		{
			float:left;margin:collapse;width:17px;height:20px;background:url(/skin/coolBlue/images/listElements/t_line.png) top right no-repeat;
		}
		
		.listLLine
		{
			float:left;margin:collapse;width:17px;height:20px;background:url(/skin/coolBlue/images/listElements/l_line.png) top right no-repeat;
		}

		.listTableSimple
		{
			color: #333333;
    		font: 11px Arial,Verdana,sans-serif;
    	}



/* ################################################################################################## */
/* ################################################################################################## */
/* #######
/* #######      FORM STYLES
/* #######
/* ################################################################################################## */
/* ################################################################################################## */ 

		/* FORM NOTICE BOXES #############################################################################*/
		.formNoticeLargeForm
		{
			float:left;
			width:100%;
			
		}
		.formNoticeLargeForm .formNoticeError
		{
			float:left;
			width:100%;
			border-bottom:1px solid #FF8383; 
			background:#ffaaaa;
		}
		
		.formNoticeLargeForm .formNoticeWarning
		{
			float:left;
			width:100%;
			border-bottom:1px solid #FFF042; 
			background:#FFFAB8;
		}
		
		.formNoticeLargeForm .formNoticeInfo
		{
			float:left;
			width:100%;
			border-bottom:1px solid #CFCFCF; 
			background:#E6E6E6;
			margin:0;padding:0;
		}
		
		.formNoticeLargeForm .formNoticeSuccess
		{
			float:left;
			width:100%;
			border-bottom:1px solid #B3FF7A; 
			background:#E3FFCE;
		}
		
		.formNoticeLargeForm .formNoticeContent
		{
			float:left;
			margin:collapse;
			margin:10px 5px 10px 0;
			padding:0;
			width:90%;
		}
		
		.formNoticeLargeForm p
		{
			float:left;
			color:#333333;
			font-weight:bold;
		}
		.formNoticeLargeForm p.formNoticeHeader
		{
			padding:0 0 4px 0;
			margin:0;
			font-weight:bold;
			font-size:16px;
			color:#333333
		}
		/*.formNoticeWarning p
		{
			float:left;
			color:#333333;
		}
		.formNoticeInfo p
		{
			float:left;
			color:#333333;
		}
		.formNoticeSuccess p
		{
			float:left;
			color:#333333;
		}*/
		
		.formNoticeLargeForm ul
		{
			float:left;
			clear:left;
			padding:0 0 0 10px;
			margin:0 0 0 10px;
		}
		/*.formNoticeWarning ul
		{
			float:left;
			clear:left;
			padding:0 0 0 10px;
			margin:0 0 0 10px;
		}
		.formNoticeInfo ul
		{
			float:left;
			clear:left;
			padding:0 0 0 10px;
			margin:0 0 0 10px;
		}
		.formNoticeSuccess ul
		{
			float:left;
			clear:left;
			padding:0 0 0 10px;
			margin:0 0 0 10px;
		}*/
		
		.formNoticeLargeForm .formNoticeError .noticeError
		{
			float:left;
			margin:collapse;
			background:url(/skin/coolBlue/images/icons/icon_notice_error_24.png) top left no-repeat;
			margin:8px;
			padding:0;
			width:24px;
			height:24px;
		}
		
		.formNoticeLargeForm .formNoticeWarning .noticeWarning
		{
			float:left;
			margin:collapse;
			background:url(/skin/coolBlue/images/icons/icon_notice_warning_24.png) top left no-repeat;
			margin:8px;
			padding:0;
			width:24px;
			height:24px;
		}
		
		.formNoticeLargeForm .formNoticeInfo .noticeInfo
		{
			float:left;
			margin:collapse;
			background:url(/skin/coolBlue/images/icons/icon_notice_info_24.png) top left no-repeat;
			margin:8px;
			padding:0;
			width:24px;
			height:24px;
		}
		
		.formNoticeLargeForm .formNoticeSuccess .noticeSuccess
		{
			float:left;
			margin:collapse;
			background:url(/skin/coolBlue/images/icons/icon_notice_success_24.png) top left no-repeat;
			margin:8px;
			padding:0;
			width:24px;
			height:24px;
		}
		
		
		.formNoticePopup
		{
			margin:0;
			padding:0;
			float:left;
			margin:collapse;
			width:100%;	
		}
		
		.formNoticePopup .formNoticeError
		{
			float:left;
			margin:collapse;
			border-bottom:1px solid #FF8383;
			/*border-right:1px solid #FF8383; 
			border-left:1px solid #FF8383;*/  
			background:#ffaaaa;
			width:100%
		}
		
		.formNoticePopup .formNoticeWarning
		{
			float:left;
			margin:collapse;
			border-bottom:1px solid #FFF042;
			/*border-right:1px solid #FFF042; 
			border-left:1px solid #FFF042;*/ 
			background:#FFFAB8;
			width:100%
		}
		
		.formNoticePopup .formNoticeInfo
		{
			float:left;
			margin:collapse;
			border-bottom:1px solid #CFCFCF;
			/*border-right:1px solid #CFCFCF; 
			border-left:1px solid #CFCFCF;*/ 
			background:#E6E6E6;
			width:100%
		}
		
		.formNoticePopup .formNoticeSuccess
		{
			float:left;
			margin:collapse;
			border-bottom:1px solid #B3FF7A;
			/*border-right:1px solid #B3FF7A; 
			border-left:1px solid #B3FF7A;*/ 
			background:#E3FFCE;
			width:100%
		}
		
		.formNoticePopup .formNoticeContent
		{
			float:left;
			margin:collapse;
			margin:5px 5px 10px 4px;
			padding:0;
			width:90%;

		}
		.formNoticePopup p
		{
			float:left;
			color:#333333;
		}
		
		.formNoticePopup p.formNoticeHeader
		{
			padding:0 0 4px 0;
			margin:0;
			font-weight:bold;
			font-size:12px;
			color:#333333
		}
		
		.formNoticePopup .formNoticeError .noticeError
		{
			float:left;
			margin:collapse;
			background:url(/skin/coolBlue/images/icons/icon_notice_error_16.png) top left no-repeat;
			margin:4px;
			padding:0;
			width:16px;
			height:16px;
		}
		
		.formNoticePopup .formNoticeWarning .noticeWarning
		{
			float:left;
			margin:collapse;
			background:url(/skin/coolBlue/images/icons/icon_notice_warning_16.png) top left no-repeat;
			margin:4px;
			padding:0;
			width:16px;
			height:16px;
		}
		
		.formNoticePopup .formNoticeInfo .noticeInfo
		{
			float:left;
			margin:collapse;
			background:url(/skin/coolBlue/images/icons/icon_notice_info_16.png) top left no-repeat;
			margin:4px;
			padding:0;
			width:16px;
			height:16px;
		}
		
		.formNoticePopup .formNoticeSuccess .noticeSuccess
		{
			float:left;
			margin:collapse;
			background:url(/skin/coolBlue/images/icons/icon_notice_success_16.png) top left no-repeat;
			margin:4px;
			padding:0;
			width:16px;
			height:16px;
		}


		/* FORM PAGE STRUCTURE #############################################################################*/

		.tabpageHeaderOuter {} /*border: solid 1px #E0E0E0*/
        .tabpageHeaderInner {
        	width:1%;
        	background:url(/skin/coolBlue/images/formElements/formHeaderBackground.gif) top left no-repeat #E9EAEB;
        	height:29px;
        	border-top:1px solid #FFFFFF; 
        	border-left: solid 1px #FFFFFF; 
        	border-bottom:solid 1px #CFCFCF; 
        	border-right: solid 1px #CFCFCF;
        }
        .tabpageHeaderInner p 
        {
        	font-size:14px;
        	padding:6px 4px 4px 4px;
        	margin:0;
        	font-weight:bold;
        }

        .formOuter 
        {
        	border: solid 1px #E0E0E0; 
        	margin:10px;
        }
        
        .mainFormContainer
        {
        	width:805px;
        	margin:0px 0px 10px 10px;
        	padding-top: 10px;
        }
        
        .mainFormContainer.popup
        {
        	width:500px;
        	margin:10px 10px 10px 10px;
        }
              
		.orphanTable {
			width:100%;
			/*width:805px;*/
			border: solid 1px #E0E0E0;
			background:url(/skin/coolBlue/images/formElements/formHeadingBackground_2_180.gif) top left repeat-y #FFFFFF;
		}
		
		
		/* FORM TABS ################################################################################################### */
        .formTabFormShow,
        .formTabFormHide {width:805px; border: solid 1px #E0E0E0;}
        .formTabFormHide {display:none;}
        
        .formTabsContainer {float:left;margin:10px 0 0 0;padding:0;width:805px;}
        .formTabs {width:805px;float:left;}
        .formTabs ul {
            width: 100%;
            padding: 0;
            margin: 0;
            text-align: center; /*set value to "left", "center", or "right"*/
        }
        .formTabs ul li{
            float:left;
            height:25px;
            background-image: url(/skin/coolBlue/images/formElements/tabUnselectedBackground.gif);background-repeat: repeat-x;
            display: inline;
            border-left: solid 1px #FFFFFF;
            border-top: solid 1px #E0E0E0;
            border-right: solid 1px #C9C9C9;
            cursor:pointer;
        }
        .formTabs ul li.formTabHover {
            float:left;
            height:25px;
            background-image: url(/skin/coolBlue/images/formElements/tabUnselectedBackgroundOver.gif);background-repeat: repeat-x;
            display: inline;
            border-left: solid 1px #FFFFFF;
            border-top: solid 1px #E0E0E0;
            border-right: solid 1px #E0E0E0;
            cursor:pointer;
        }
        .formTabs ul li.formTabSelected{
            float:left;
            height:25px;
            background-image: url(/skin/coolBlue/images/formElements/tabSelectedBackground.gif);background-repeat:repeat-x;
            display: inline;
            border-left: solid 1px #78C5FF;
            border-top: solid 1px #0693FF;
            border-right:solid 1px #0693FF;
        }
        .formTabs ul li p {
            vertical-align:top;
            float:left;
            font-family: arial;
            font-weight: bold;
            font-size:13px;
            color:#000000;
            margin:0;
            padding:0 10px 0 10px;
            line-height:25px;
            background-color: transparent;  
        }
        
        .formTabs ul li.formTabSelected p {
            vertical-align:top;
            float:left;
            font-family: arial;
            font-weight: bold;
            font-size:13px;
            color:#FFFFFF;
            margin:0;
            padding:0 10px 0 10px;
            line-height:25px;
            background-color: transparent;  
        }
        .formTabsBase {
            border-left: solid 1px #78C5FF;
            border-top:solid 1px #0693FF;
            border-bottom:solid 1px #016DBF;
            border-right:solid 1px #016DBF;
            float:left;
            background-image: url(/skin/coolBlue/images/formElements/tabUnderButtons.gif);background-repeat:repeat-x;
            width:100%;
            height:7px;
        }
		
		

		/* FORM ELEMENTS ###################################################################################################*/
		.formColumnLabel {
        	min-width:180px; 
        	width:180px; 
        	background:url(/skin/coolBlue/images/formElements/formHeadingBackground_2.gif) top right repeat-y #F2F2F2;
            vertical-align:top 
         }
         
        .formColumnLabel p{
        	float:right;
        	padding:0px 10px 8px 10px;
        	margin:0;
        	font-size:12px;
        	font-weight:bold;
        }
        
        .formColumnLabel.codeHeading p
         {
         	float:right;
        	padding:0;
        	margin:10px 10px 0px 10px;
        	font-size:12px;
        	font-weight:bold;
         }
         
         
         .formColumnLabel.top p
         {
         	float:right;
        	padding:0;
        	margin:7px 10px 8px 10px;
        	font-size:12px;
        	font-weight:bold;
         }
        
        .formColumnLabelRev 
        {
        	text-align:center;
        	width:201px; 
        	background:url(/skin/coolBlue/images/formElements/formHeadingBackground_2rev.gif) top left repeat-y #F2F2F2;
        	padding:5px 0 0 0;
        	margin:0;
        }
        
        .formColumnValue {vertical-align:top;background:#FFFFFF;}
        .formColumnValue p {}
        .formColumnValue select {margin:0px 8px 5px 8px;}
        .formColumnValue input {margin:0px 8px 5px 8px;}
        .formColumnValue textarea {margin:0px 8px 5px 8px;}
        
        .formColumnValue.top {vertical-align:top;padding:5px 0 0 0;}
        .formColumnValue.top p {}
        /*.formColumnValue.top select {margin:5px 8px 5px 8px;}
        .formColumnValue.top input {margin:5px 8px 5px 8px;}
        .formColumnValue.top textarea {margin:5px 8px 5px 8px;}*/
        
        .formColumnSubElement {padding-right:2px;}

        .formColumnValueReadOnly {vertical-align:top;background:#FFFFFF;}
        .formColumnValueReadOnly p {margin:0px 8px 5px 8px; padding-top:2px;}
        .formColumnValueReadOnly select {margin:0px 5px 5px 8px;}
        .formColumnValueReadOnly input {margin:0px 8px 5px 8px;}
        .formColumnValueReadOnly textarea {margin:0px 8px 5px 8px;}
        
        .formColumnValueReadOnly.top {vertical-align:top;background:#FFFFFF;}
        .formColumnValueReadOnly.top p {margin:6px 8px 5px 8px; padding-top:2px;}
        .formColumnValueReadOnly.top select {margin:6px 6px 5px 8px;}
        .formColumnValueReadOnly.top input {margin:6px 8px 5px 8px;}
        .formColumnValueReadOnly.top textarea {margin:6px 8px 5px 8px;}
        
        .formColumnValueOrphan
        {
        	background:#FFFFFF;
        	width:425px;
        	margin:0;
        	padding:0;
        }
        
        .formColumnValueOrphan p
        {
        	padding:0px 10px 8px 10px;
        	margin:0;
        	/*font-size:12px;
        	font-weight:bold;*/
        }
        
        .formColumnValueOrphan.codeHeading p
        {
        	padding:0;
        	margin:2px 10px 8px 10px;
        	font-size:20px;
        	color:#007FE1;
        	font-weight:bold;
        	width:100%;
        	/*width:405px;*/
        }
        
        .formColumnValueOrphan.codeHeading.tightBottom p
        {
        	margin-bottom:0px;
        }
        
       
        
        
        /* LARGE BLUE HEADING (TYPICALLY CODE VALUE) */
        td p.codeHeading {
        	margin:0;
        	padding:0;
        	font-size:20px;
        	color:#007FE1;
        	font-weight:bold;
        	width:405px;
        }
        
        /* QUICK BOX */
        .formQBTLeft
        {
        	width:73px;
        	height:4px;
        	background:url(/skin/coolBlue/images/formElements/quickInfo_lt.gif) top left no-repeat;
        }
        .formQBTLeft div
        {
        	width:73px;
        	height:4px;
        	overflow:hidden;
        	margin:0;
        	padding:0;
        }
        .formQBTRepeat
        {
        	width:100%;
        	height:4px;
        	background:url(/skin/coolBlue/images/formElements/quickInfo_rep_t.gif) top left repeat-x;
        }
        .formQBTRepeat div
        {
        	width:1px;
        	height:4px;
        	overflow:hidden;
        	margin:0;
        	padding:0;
        }
        .formQBTRight
        {
        	width:73px;
        	height:4px;
        	background:url(/skin/coolBlue/images/formElements/quickInfo_rt.gif) top right no-repeat;
        }
        .formQBContent div
        {
        	width:73px;
        	height:4px;
        	overflow:hidden;
        	margin:0;
        	padding:0;
        }
        .formQBContent
        {
        	text-align:left;
        	width:100%;
        	height:100%;
        	border-left:solid 1px #CCCCCC;
        	border-right:solid 1px #CCCCCC;
        	background-color:#FFFFFF;
        }
        .formQBBLeft
        {
        	width:73px;
        	height:12px;
        	background:url(/skin/coolBlue/images/formElements/quickInfo_lb.png) top left no-repeat;
        }
        .formQBBLeft div
        {
        	width:73px;
        	height:12px;
        	overflow:hidden;
        	margin:0;
        	padding:0;
        }
        .formQBBRepeat
        {
        	width:100%;
        	height:12px;
        	background:url(/skin/coolBlue/images/formElements/quickInfo_rep_b.png) top left repeat-x;
        }
        .formQBBRepeat div
        {
        	width:1px;
        	height:12px;
        	overflow:hidden;
        	margin:0;
        	padding:0;
        }
        .formQBBRight
        {
        	width:73px;
        	height:12px;
        	background:url(/skin/coolBlue/images/formElements/quickInfo_rb.png) top right no-repeat;
        }
        .formQBBRight div
        {
        	width:73px;
        	height:12px;
        	overflow:hidden;
        	margin:0;
        	padding:0;
        }
        
        
        .formColumnValueReadOnly textarea {margin:4px 8px 4px 8px; padding-top:2px;border: solid 1px #CFCFCF; background-color: #F2F2F2;}
        
        .formHeader
        {
        	width:1%;
        	background-color:#E9EAEB;
        	background-image:url(/skin/coolBlue/images/formElements/formHeaderBackground.gif);
        	background-repeat:repeat-x;
        	height:29px;
        	border-top:1px solid #FFFFFF; 
        	border-left: solid 1px #FFFFFF; 
        	border-bottom:solid 1px #CFCFCF; 
        	border-right: solid 1px #CFCFCF;
        }
        .formHeader p
        {
        	font-size:14px;
        	padding:4px 4px 4px 4px;
        	margin:0;
        	font-weight:bold;
        }
        
        .formHeaderB2
        {
        	width:1%;
        	background-color:#E9EAEB;
        	background:url(/skin/coolBlue/images/formElements/formHeaderBackground_bl2.gif) top left repeat-x;
        	height:29px;
        	border-top:1px solid #FFFFFF; 
        	border-left: solid 1px #FFFFFF; 
        	border-bottom:solid 1px #2AA2FF; 
        	border-right: solid 1px #CFCFCF;
        }
        .formHeaderB2 p
        {
        	font-size:14px;
        	padding:4px 4px 4px 4px;
        	margin:0;
        	font-weight:bold;
        }
        
        .formError
		{
			width:100%;
			border-bottom:solid 1px #CC0000;
			border-top:#DEDEDE;
			background:#FFF185;
			margin:0;
			padding:4px 2px 0px 4px;
		}
		
		.formError p
		{
			float:left;
			margin-left:0;
			margin-top:3px;
			padding: 0 5px 0 5px;
			color:#CC0000;
		}





/* ################################################################################################## */
/* ################################################################################################## */
/* #######
/* #######      IMAGES AND ICONS
/* #######
/* ################################################################################################## */
/* ################################################################################################## */ 



		.errorSnail
        {
        	width:256px;
        	height:192px;
        	background:url(/skin/coolBlue/images/snail.jpg) top left no-repeat;
        }
        
               /* ACTUAL DD MENU ICONS */
        .contextMenuButtonIconDelete
        {
        	width:19px;
        	height:19px;
        	background:url(/skin/coolBlue/images/icons/cm_delete.gif) top left no-repeat;
        	margin:0;
        	padding:0;
        	margin:collapse;
        }
        
        .contextMenuButtonIconDeleteChecked
        {
        	width:19px;
        	height:19px;
        	background:url(/skin/coolBlue/images/icons/cm_delete_checked.gif) top left no-repeat;
        	margin:0;
        	padding:0;
        	margin:collapse;
        }
        
        .contextMenuButtonIconPrintCheckedForm
        {
        	width:19px;
        	height:19px;
        	background:url(/skin/coolBlue/images/icons/cm_print_checked_form.png) top left no-repeat;
        	margin:0;
        	padding:0;
        	margin:collapse;
        }
        
        .contextMenuButtonIconPrintAllForm
        {
        	width:19px;
        	height:19px;
        	background:url(/skin/coolBlue/images/icons/cm_print_all_form.png) top left no-repeat;
        	margin:0;
        	padding:0;
        	margin:collapse;
        }
        
        .contextMenuButtonIconPrintList
        {
        	width:19px;
        	height:19px;
        	background:url(/skin/coolBlue/images/icons/cm_print_all_list.png) top left no-repeat;
        	margin:0;
        	padding:0;
        	margin:collapse;
        }
        
        .contextMenuButtonIconInstall
        {
        	width:19px;
        	height:19px;
        	background:url(/skin/coolBlue/images/icons/list_addons_installed.png) top left no-repeat;
        	margin:0;
        	padding:0;
        	margin:collapse;
        }

        .contextMenuButtonIconShare
        {
        	width:19px;
        	height:19px;
        	background:url(/skin/coolBlue/images/icons/cm_addons_share.png) top left no-repeat;
        	margin:0;
        	padding:0;
        	margin:collapse;
        }
        
        .contextMenuButtonIconBrowse
        {
        	width:19px;
        	height:19px;
        	background:url(/skin/coolBlue/images/icons/cm_addons_share.png) top left no-repeat;
        	margin:0;
        	padding:0;
        	margin:collapse;
        }
        
        .contextMenuButtonIconViewAddonInfo
        {
        	width:19px;
        	height:19px;
        	background:url(/skin/coolBlue/images/icons/cm_addons_view_addon_info.png) top left no-repeat;
        	margin:0;
        	padding:0;
        	margin:collapse;
        }

        .contextMenuButtonIconMergeLocalizations
        {
        	width:19px;
        	height:19px;
        	background:url(/skin/coolBlue/images/icons/cm_merge_localization.png) top left no-repeat;
        	margin:0;
        	padding:0;
        	margin:collapse;
        }

        .contextMenuButtonIconSetCollaborationOptions
        {
        	width:19px;
        	height:19px;
        	background:url(/skin/coolBlue/images/icons/cm_addons_localization_collaboration.png) top left no-repeat;
        	margin:0;
        	padding:0;
        	margin:collapse;
        }

		.contextMenuButtonIconEdit
        {
        	width:19px;
        	height:19px;
        	background:url(/skin/coolBlue/images/icons/cm_edit.gif) top left no-repeat;
        	margin:0;
        	padding:0;
        	margin:collapse;
        }
        
        .contextMenuButtonIconNew
        {
        	width:19px;
        	height:19px;
        	background:url(/skin/coolBlue/images/icons/cm_new.gif) top left no-repeat;
        	margin:0;
        	padding:0;
        	margin:collapse;
        }
        
        .contextMenuButtonIconClone
        {
        	width:19px;
        	height:19px;
        	background:url(/skin/coolBlue/images/icons/cm_new_clone.gif) top left no-repeat;
        	margin:0;
        	padding:0;
        	margin:collapse;
        }
        
        .contextMenuButtonIconVisibleColumns
        {
        	width:19px;
        	height:19px;
        	background:url(/skin/coolBlue/images/icons/cm_mod_column.gif) top left no-repeat;
        	margin:0;
        	padding:0;
        	margin:collapse;
        }
        
        .contextMenuButtonIconShowCategory
        {
        	width:19px;
        	height:19px;
        	background:url(/skin/coolBlue/images/icons/cm_show_category.gif) top left no-repeat;
        	margin:0;
        	padding:0;
        	margin:collapse;
        }
        
         .contextMenuButtonIconHelpContext
        {
        	width:19px;
        	height:19px;
        	background:url(/skin/coolBlue/images/icons/cm_help_context.png) top left no-repeat;
        	margin:0;
        	padding:0;
        	margin:collapse;
        }
        
        .contextMenuButtonIconHelpVideoGuide
        {
        	width:19px;
        	height:19px;
        	background:url(/skin/coolBlue/images/icons/cm_help_videoguides.png) top left no-repeat;
        	margin:0;
        	padding:0;
        	margin:collapse;
        }
        
        .contextMenuButtonAssetShowAsFlatList
        {
        	width:19px;
        	height:19px;
        	background:url(/skin/coolBlue/images/icons/cm_list_flat.png) top left no-repeat;
        	margin:0;
        	padding:0;
        	margin:collapse;
        }
        
        .contextMenuButtonShowAssetsAsGroupByLocation
        {
        	width:19px;
        	height:19px;
        	background:url(/skin/coolBlue/images/icons/cm_list_location_group.png) top left no-repeat;
        	margin:0;
        	padding:0;
        	margin:collapse;
        }
        
        .contextMenuButtonShowAssetsDisplayHeirarchy
        {
        	width:19px;
        	height:19px;
        	background:url(/skin/coolBlue/images/icons/cm_list_heirarchy.png) top left no-repeat;
        	margin:0;
        	padding:0;
        	margin:collapse;
        }
        
        
        
        /* ########### SMALL DD MENU ICONS ############### */
        .contextMenuButtonIconSendCreds
        {
        	width:18px;
        	height:15px;
        	background:url(/skin/coolBlue/images/icons/send_credentials.gif) top left no-repeat;
        	margin:0;
        	padding:0;
        	margin:collapse;
        }
        
        
        /* ################### ICONS FOR BUTTONS ####################### */
        .iconsMASmall
        {
        	width:14px;
        	height:14px;
        	background:url(/skin/coolBlue/images/icons/form_MA_sm.gif) top left no-repeat;
        	padding:0;
        	margin:2px 5px 0 0;
        }
        .iconsMALarge
        {
        	width:147px;
        	height:75px;
        	background:url(/skin/coolBlue/images/icons/MA3.0_Logo_L.png) top left no-repeat;
        	padding:0;
        	margin:5px;
        }
        
        .iconsNewSmall
        {
        	width:12px;
        	height:12px;
        	background:url(/skin/coolBlue/images/icons/form_add_sm.gif) top left no-repeat;
        	padding:0;
        	margin:2px 5px 0 0;
        }
        
        .iconsMACommunitySmall
        {
        	width:14px;
        	height:14px;
        	background:url(/skin/coolBlue/images/icons/form_MA_Community_sm.png) top left no-repeat;
        	padding:0;
        	margin:1px 5px 0 0;
        }
        
        .iconsEditSmall
        {
        	width:12px;
        	height:12px;
        	background:url(/skin/coolBlue/images/icons/form_edit_sm.gif) top left no-repeat;
        	padding:0;
        	margin:2px 5px 0 0;
        }
        
        .iconsLoginSmall
        {
        	width:12px;
        	height:12px;
        	background:url(/skin/coolBlue/images/icons/form_login_sm.gif) top left no-repeat;
        	padding:0;
        	margin:2px 5px 0 0;
        }
        .iconsSystemCheckSmall
        {
        	width:13px;
        	height:12px;
        	background:url(/skin/coolBlue/images/icons/form_check_system_sm.gif) top left no-repeat;
        	padding:0;
        	margin:2px 5px 0 0;
        }
       
        .iconsBackSmall
        {
        	width:12px;
        	height:12px;
        	background:url(/skin/coolBlue/images/icons/form_back_blue.gif) top left no-repeat;
        	padding:0;
        	margin:2px 5px 0 0;
        }
        
        
         .iconsSendCredsSmall
        {
      		
        	width:12px;
        	height:14px;
        	background:url(/skin/coolBlue/images/icons/form_send_credentials_sm.gif) top left no-repeat;
			padding:0;
			margin:2px 5px 0 0;       	
        }
        
         .iconsSaveSmall
        {
        	width:12px;
        	height:12px;
        	background:url(/skin/coolBlue/images/icons/form_save_sm.gif) top left no-repeat;
        	padding:0;
        	margin:2px 5px 0 0;
        
        }
        
         .iconsCloseSmall
        {
      		
        	width:12px;
        	height:12px;
        	background:url(/skin/coolBlue/images/icons/form_close_sm.gif) top left no-repeat;
			padding:0;
			margin:2px 5px 0 0;       	
        }
        
        .iconsDeleteSmall
        {
      	  	width:12px;
        	height:12px;
        	background:url(/skin/coolBlue/images/icons/form_delete_sm.gif) top left no-repeat;
			padding:0;
			margin:2px 5px 0 0;     
        }
        
         .iconsCloneSmall
        {
      	  	width:12px;
        	height:12px;
        	background:url(/skin/coolBlue/images/icons/form_clone_sm.gif) top left no-repeat;
			padding:0;
			margin:2px 5px 0 0;  
        }
        
         .iconsNextSmall
        {
      	  	width:12px;
        	height:12px;
        	background:url(/skin/coolBlue/images/icons/form_next_blue.gif) top left no-repeat;
			padding:0;
			margin:2px 5px 0 0;     
        }
        
         .iconsBackSmall
        {
      	  	width:12px;
        	height:12px;
        	background:url(/skin/coolBlue/images/icons/form_back_blue.gif) top left no-repeat;
			padding:0;
			margin:2px 5px 0 0;     
        }
        
        .iconsDirPicker
        {
        	width:16px;
        	height:15px;
        	background:url(/skin/coolBlue/images/icons/form_directory_picker.png) top left no-repeat;
        	padding:0;
        	margin:2px 5px 0 0;
        	cursor:pointer;
        }
        
        /* _______________ LIST ICONS */
        
        .iconsListRunning
        {
        	width:13px;
        	height:13px;
        	background:url(/skin/coolBlue/images/icons/list_running.png) top left no-repeat;
        	padding:0;
			margin:1px 1px 0 0;
        }
        
        .iconsListPaused
        {
        	width:13px;
        	height:13px;
        	background:url(/skin/coolBlue/images/icons/list_paused.png) top left no-repeat;
        	padding:0;
			margin:1px 5px 0 0;
        }
        
        .iconsUserGreen
        {
        	width:16px;
        	height:16px;
        	background:url(/skin/coolBlue/images/icons/list_user_green.gif) top left no-repeat;
        	padding:0;
			margin:1px 5px 0 0;
        }
        
        .iconsUserRed
        {
        	width:16px;
        	height:16px;
        	background:url(/skin/coolBlue/images/icons/list_user_red.gif) top left no-repeat;
        	padding:0;
			margin:1px 5px 0 0;
        }
        
        .iconsMessageCentreInbox
        {
        	width:16px;
        	height:15px;
        	background:url(/skin/coolBlue/images/icons/list_mcentre_inbox.gif) top left no-repeat;
        	padding:0;
			margin:2px 5px 0 0;
        }
        
        .iconsMessageCentreSent
        {
        	width:16px;
        	height:15px;
        	background:url(/skin/coolBlue/images/icons/list_mcentre_sent.gif) top left no-repeat;
        	padding:0;
			margin:2px 5px 0 0;
        }
        
        .iconsMessageCentreTrash
        {
        	width:16px;
        	height:15px;
        	background:url(/skin/coolBlue/images/icons/list_mcentre_trash.gif) top left no-repeat;
        	padding:0;
			margin:2px 5px 0 0;
        }
        
        .iconsMessageCentreFolder
        {
        	width:16px;
        	height:15px;
        	background:url(/skin/coolBlue/images/icons/list_mcentre_folder.gif) top left no-repeat;
        	padding:0;
			margin:2px 5px 0 0;
        }
        
         .iconsMessageCentreFolder
        {
        	width:16px;
        	height:15px;
        	background:url(/skin/coolBlue/images/icons/list_mcentre_announce.gif) top left no-repeat;
        	padding:0;
			margin:2px 5px 0 0;
        }
        
         .iconsMessageCentreNewMessage
        {
        	width:16px;
        	height:15px;
        	background:url(/skin/coolBlue/images/icons/list_mcentre_newmessage.gif) top left no-repeat;
        	padding:0;
			margin:2px 5px 0 0;
        }
        
        .iconsMessageCentreReadMessage
        {
        	width:16px;
        	height:15px;
        	background:url(/skin/coolBlue/images/icons/list_mcentre_readmessage.gif) top left no-repeat;
        	padding:0;
			margin:2px 5px 0 0;
        }
        
        
        /* _______________ GENERAL FORM ICONS */
        .iconsPreferredVendor
        {
        	width:155px;
        	height:50px;
        	background:url(/skin/coolBlue/images/icons/preferred_vendor.gif) top left no-repeat;
        	padding:0;
			margin:2px 5px 0 0;
			padding:0; 
        }
        
        .iconsAttention
        {
        	width:16px;
        	height:16px;
        	background:url(/skin/coolBlue/images/icons/form_attention.gif) top left no-repeat;
        	padding:0;
			margin:2px 5px 0 0;
        }
        
        .iconsCalendar
        {
        	width:16px;
        	height:16px;
        	background:url(/skin/coolBlue/images/icons/form_calendar.gif) top left no-repeat;
        	padding:0;
        	margin:0;
        }
        
        .iconsOn
        {
        	width:13px;
        	height:13px;
        	background:url(/skin/coolBlue/images/icons/form_small_on.gif) top left no-repeat;
        	padding:0;
			margin:2px 5px 0 0;
        }
        
        .iconsOff
        {
        	width:13px;
        	height:13px;
        	background:url(/skin/coolBlue/images/icons/form_small_off.gif) top left no-repeat;
        	padding:0;
			margin:2px 5px 0 0;
        }
        
        .iconsPending
        {
        	width:13px;
        	height:13px;
        	background:url(/skin/coolBlue/images/icons/form_small_pending.gif) top left no-repeat;
        	padding:0;
			margin:2px 5px 0 0;
        }
        
        /* TAB ICONS */
        .iconsReports
        {
        	width:16px;
        	height:16px;
        	background:url(/skin/coolBlue/images/icons/tab_reports.gif) top left no-repeat;
        	padding:0;
        	margin:0;
        }
        
        .iconsWarning
		{
			margin:0;
			background:url(/skin/coolBlue/images/icons/icon_notice_warning_16.png) top left no-repeat;
			padding:0;
			width:16px;
			height:16px;
		}
		
        .iconsError
		{
			margin:0;
			background:url(/skin/coolBlue/images/icons/icon_notice_error_16.png) top left no-repeat;
			padding:0;
			width:16px;
			height:16px;
		}
        
        
        /* ICONS LIST HEADERS */
        .iconsListHeaderEdit
        {
        	width:16px;
        	height:16px;
        	background:url(/skin/coolBlue/images/icons/lh_edit.gif) top left no-repeat;
        	padding:0;
        	margin:0;
        }
        .iconsListHeaderNotifyOnCreated
        {
        	width:16px;
        	height:16px;
        	background:url(/skin/coolBlue/images/icons/lh_created_assigned_wo.gif) top left no-repeat;
        	padding:0;
        	margin:0;
        }
        .iconsListHeaderNotifyOnStatusChanged
        {
        	width:16px;
        	height:16px;
        	background:url(/skin/coolBlue/images/icons/lh_status_change_wo.gif) top left no-repeat;
        	padding:0;
        	margin:0;
        }
        .iconsListHeaderNotifyOnCompleted
        {
        	width:16px;
        	height:16px;
        	background:url(/skin/coolBlue/images/icons/lh_completed_wo.gif) top left no-repeat;
        	padding:0;
        	margin:0;
        }
        .iconsListHeaderNotifyOnTaskCompleted
        {
        	width:16px;
        	height:16px;
        	background:url(/skin/coolBlue/images/icons/lh_task_complete_wo.gif) top left no-repeat;
        	padding:0;
        	margin:0;
        }
        .iconsListHeaderNotifyOnOnlineOffline
        {
        	width:16px;
        	height:16px;
        	background:url(/skin/coolBlue/images/icons/lh_asset_offline_online.gif) top left no-repeat;
        	padding:0;
        	margin:0;
        }




/* ################################################################################################## */
/* ################################################################################################## */
/* #######
/* #######      SPECIFIC PAGE STYLES
/* #######
/* ################################################################################################## */
/* ################################################################################################## */ 


		/* INNER STYLES FOR AUX VIEW PORT  ########################################################################################## */
		.searchViewPort .searchContainer
		{
			float:left;
			margin:10px;
			padding:0;
			margin:collapse;
		}
		
		.searchContainer h3
		{
			margin:5px 0 5px 0;
			padding:0;
		}
		
		.searchContainer .searchBox
		{
			margin: 0 15px 0 0;
			float:left;
			width:450px;
		}
		
		.searchContainer .searchBox input
		{
			width:450px;
			font-size:14px;
		}
		
		
		
		
		/* GENERAL AUX VIEW PORT INNER CONTAINER  ##########################################################################################  */
		.auxViewPort .auxViewPortInnerContainer
		{
			width:85%;
			margin-right:auto;
			margin-left:auto;
			text-align:center; /* IE FIX */
			margin-top:5px;
		}
		
		.auxViewPortInnerContainer .top
		{
			float:left;
			clear:both;
			margin:0;
			padding:0;
			height:5px;
			width:100%;
			background:url(/skin/coolBlue/images/auxPanel/help/uGuide_t_repeat.gif) top repeat-x #FFFFFF;
			display:block;
			overflow:hidden
			
		}
		.auxViewPortInnerContainer .top .topEndLeft
		{
			float:left;
			height:5px;
			width:5px;
			background:url(/skin/coolBlue/images/auxPanel/help/uGuide_tl.gif) top no-repeat;
			display:block;
			overflow:hidden
		}
		
		.auxViewPortInnerContainer .top .topEndRight
		{
			float:right;
			height:5px;
			width:5px;
			background:url(/skin/coolBlue/images/auxPanel/help/uGuide_tr.gif) top no-repeat;
			display:block;
			overflow:hidden
		}
		.auxViewPortInnerContainer .content
		{
			float:left;
			clear:both;
			width:100%;
			margin:0;
			padding:0;
			background:url(/skin/coolBlue/images/auxPanel/help/uGuide_r_repeat.gif) right repeat-y #FFFFFF;
			border-left:solid 1px #F1EFDC;
			text-align:left /* due to centering the whole section for IE */
		}
		
		.auxViewPortInnerContainer .footer
		{
			float:left;
			clear:both;
			height:5px;
			margin:0;
			padding:0;
			margin-bottom:6px;
			width:100%;
			background:url(/skin/coolBlue/images/auxPanel/help/uGuide_b_repeat.gif) bottom repeat-x #FFFFFF;
		}
		
		.auxViewPortInnerContainer .footer .footerEndLeft
		{
			float:left;
			height:5px;
			width:5px;
			background:url(/skin/coolBlue/images/auxPanel/help/uGuide_bl.gif) bottom no-repeat;
			display:block;
			overflow:hidden;
		}
		
		.auxViewPortInnerContainer .footer .footerEndRight
		{
			float:right;
			height:5px;
			width:5px;
			background:url(/skin/coolBlue/images/auxPanel/help/uGuide_br.gif) bottom no-repeat;
			display:block;
			overflow:hidden;
		}
		
		
		
		p.auxText {font-family:arial;color:#000000;font-size:12px;}
		ul.auxText {}
		ul.auxText li {font-family:arial;color:#000000;font-size:12px;}
		
		/* HELP VIEW PORT - UsageGuide Styles ########################################################################################## */
		.helpViewPort .usageGuide
		{
			width:85%;
			margin-right:auto;
			margin-left:auto;
			text-align:center; /* IE FIX */
			margin-top:10px;
			margin-bottom:10px;
		}
		
		.usageGuide .top
		{
			float:left;
			clear:both;
			margin:0;
			padding:0;
			height:5px;
			width:100%;
			background:url(/skin/coolBlue/images/auxPanel/help/uGuide_t_repeat.gif) top repeat-x #FFFFFF;
			display:block;
			overflow:hidden
			
		}
		.usageGuide .top .topEndLeft
		{
			float:left;
			height:5px;
			width:5px;
			background:url(/skin/coolBlue/images/auxPanel/help/uGuide_tl.gif) top no-repeat;
			display:block;
			overflow:hidden
		}
		
		.usageGuide .top .topEndRight
		{
			float:right;
			height:5px;
			width:5px;
			background:url(/skin/coolBlue/images/auxPanel/help/uGuide_tr.gif) top no-repeat;
			display:block;
			overflow:hidden
		}
		
		.usageGuide .content
		{
			float:left;
			clear:both;
			width:100%;
			margin:0;
			padding:0;
			background:url(/skin/coolBlue/images/auxPanel/help/uGuide_r_repeat.gif) right repeat-y #FFFFFF;
			border-left:solid 1px #F1EFDC;
			text-align:left /* due to centering the whole section for IE */
		}
		
		.usageGuide .content h2
		{
			font-family:arial;
			font-size:13px;
			font-weight:bold;
			color:#000000;
			margin:8px;
			padding:0;
		}
		
		.usageGuide .content p
		{
			margin:0 10px 10px 10px;
			font-family:arial;
			font-size:12px;
			color:#000000;
		}
		
		.usageGuide .content .usageGuideText
		{
			margin:10px;
			width:95%;
		}
		
		.usageGuide .content .usageGuideText h1
		{
			margin-top:10px;
			width:auto;
			font-family:arial;
			font-size:13px;
			font-weight:bold;
			color:#000000;
			border-bottom:solid 1px #CECECE;
		}
		.usageGuide .content .usageGuideText h2
		{
			margin-top:10px;
			width:auto;
			font-family:arial;
			font-size:12px;
			font-weight:bold;
			font-style:italic;
			
		}
		
		.usageGuide .content .usageGuideText p
		{
			margin:10px;
			padding:0 10px 0 10px;
		}
		
		
		.usageGuide .footer
		{
			float:left;
			clear:both;
			height:5px;
			margin:0;
			padding:0;
			margin-bottom:6px;
			width:100%;
			background:url(/skin/coolBlue/images/auxPanel/help/uGuide_b_repeat.gif) bottom repeat-x #FFFFFF;
		}
		
		.usageGuide .footer .footerEndLeft
		{
			float:left;
			height:5px;
			width:5px;
			background:url(/skin/coolBlue/images/auxPanel/help/uGuide_bl.gif) bottom no-repeat;
			display:block;
			overflow:hidden;
		}
		
		.usageGuide .footer .footerEndRight
		{
			float:right;
			height:5px;
			width:5px;
			background:url(/skin/coolBlue/images/auxPanel/help/uGuide_br.gif) bottom no-repeat;
			display:block;
			overflow:hidden;
		}

		/* HELP PAGE STYLES ##################################################################################### */
        .content {padding:0px 8px 0px 8px;}
        .helpcontent { margin-left:10px;margin-right:10px; }



		/* LOGIN WARN/ERROR Window ##################################################################################### */
		.loginWarningWindow
		{
			width: 501px; /* Default */
			height:150px; /* Default */
			/*position: relative;*/
			margin-left:auto;
			margin-right:auto;
			text-align:center;
		}
		
		/* login error/warn header */
		.loginWarningWindow .loginWarningHeader
		{
		    float: left;
		    width: 100%; /* DEFAULT WIDTH */
		    height: 11px;
		    background:url(/skin/coolBlue/images/loginPanel/header_left_thin.png) left bottom no-repeat;
		    padding: 0 0 0 10px;
		    margin:0;
		    display: block;
		}
		
		.loginWarningHeader .loginWarningHeaderRepeat
		{
		    float:left;
			background:url(/skin/coolBlue/images/loginPanel/header_thin.png) bottom left repeat-x;
			vertical-align:bottom;
			height:11px;
			width:479px;
			margin:0;
			padding:0;
		    
		}
		
		.loginWarningHeader .loginWarningHeaderRightThin
		{
			float:left;
			background:url(/skin/coolBlue/images/loginPanel/header_right_thin.png) bottom left no-repeat;
			vertical-align:bottom;
			height:11px;
			width:10px;
			margin:0;
			padding:0;
		}
		
		.loginWarningWindow .loginMid
		{
		    float: left;
		    width: 100%;
		    height: 80px; /* DEFAULT */
		    background:url(/skin/coolBlue/images/loginPanel/left_repeat.png) left top repeat-y;
		    padding: 0 0 0 7px;
		    margin:0;
		    display: block;
		    overflow:hidden;
		}
		.loginMid .warning 
		{
		  	float:left;
		  	text-align:left;
		  	width:100%;
		  	background:url(/skin/coolBlue/images/icons/login_attention.gif) center left no-repeat #e2e2e2;
		  	height:22px;
		  	margin:0;
		  	padding:0;
		}
		
		.loginMid .warning p
		{
		  	text-align:left;
			float:left;
			margin:collapse;
			margin:0 0 0 26px;
			padding:0;
			font-family:arial;
			font-weight:bold;
			font-size:12px;
			font-color:#000000;
			line-height:22px;
		}
		   
		.loginMid .loginWarningContent
		{
			text-align:left;
			float:left;
			font-family:arial;
			font-weight:normal;
			font-size:12px;
			font-color:#666666;
			margin:4px 4px 4px 26px;
			padding:0;
		}
		
		.loginWarningWindow .loginFooter
		{
			float: left;
		    width: 100%;
		    height: 13px;
		    background:url(/skin/coolBlue/images/loginPanel/footer_left.png) left top no-repeat;
		    padding: 0 0 0 12px;
		    margin:0;
		    display: block;
		    overflow:hidden;
		}
		
		/* REGISTRATION PAGE - CONTENT ITEMS ##################################################################################### */
		.sysReq
		{
			float:left;
			text-align:left;
			width:100%;
			height:250px;
			overflow-y: auto;
			border-bottom:solid 1px #D2D2D2;
		}
		
		.sysReq blockquote
		{
			margin-left:15px;
			padding-bottom:10px;
		}
		
		.sysReq p
		{
			margin-left:6px;
		}
		
		.sysReqOverview
		{
			margin-left:25px;
			width:370px;
			border:solid 1px #E1E1E1;
		}
		
		.sysReqOverview p
		{
			margin:4px;
			font-color:#666666;
		}
		
		.sysReqOverview ul
		{
			margin:6px;
		}
		.sysReqOverview ul li
		{
		}
		
		.sysReq .sysReqTestError
		{
			width:99%;
			border:solid 1px #CC0000;
			background:#FFF185;
			margin-bottom:1px;
		}
		
		.sysReq .sysReqTestOk
		{
			width:99%;
			border:solid 1px #62B90F;
			background:#E8F0E1;
			margin-bottom:1px;
		}
		
		.eula
		{
			float:left;
			text-align:left;
			width:100%;
			height:250px;
			overflow-y: scroll;
		}
		
		.eula p
		{
			margin-left:6px;
		}
		
		/* LOGIN Window ##################################################################################### */
		.loginWindow
		{
			width: 501px; /* Default */
			/*position: relative;*/
			margin-left:auto;
			margin-right:auto;
			text-align:center;
		}
		
		/* dialog header */
		.loginWindow .loginHeader
		{
		    float: left;
		    width: 100%; /* DEFAULT WIDTH */
		    height: 42px;
		    background:url(/skin/coolBlue/images/loginPanel/header_left.png) left bottom no-repeat;
		    padding: 0 0 0 13px;
		    margin:0;
		    display: block;
		}
		
		.loginHeader .loginHeaderRepeat
		{
		    float: left;
		    width: 398px; /* default */
		    background:url(/skin/coolBlue/images/loginPanel/header_repeat.png) bottom left repeat-x;
		    height:42px;
		    padding:0;
		    margin:0;
		    margin:collapse;
		    overflow:hidden;
		    
		}
		
		.loginHeaderRepeat .loginTitle
		{
			float:left;
			
			background:url(/skin/coolBlue/images/loginPanel/header_carrot.png) bottom left no-repeat;
			vertical-align:bottom;
			height:40px;
			margin:0;
			padding:0 0 1px 18px;
		}
		
		.loginHeaderRepeat .loginTitle p
		{
			float:left;
			font-family:arial;
			font-weight:bold;
			font-size:12px;
			color:#FFFFFF;
			padding:0;
			margin:23px 0 0 0;
		}
		
		.loginHeader .loginHeaderDiag
		{
			float: left;
		    width: 29px;
		    height: 42px;
		    background:url(/skin/coolBlue/images/loginPanel/header_diag.png) left bottom no-repeat;
		    padding: 0;
		    margin:0;
		    margin:collapse;
		    display: block;
			
		}
		
		.loginHeader .loginMALogo
		{
			float: left;
		    width: 90px;
		    height: 42px;
		    background:url(/skin/coolBlue/images/loginPanel/header_thin.png) left bottom no-repeat;
		    padding: 0;
		    margin:0;
		    margin:collapse;
		    display: block;
		}
		
		.loginHeader .loginHeaderLogoThin
		{
			float: left;
		    width: 50px;
		    height: 42px;
		    background:url(/skin/coolBlue/images/loginPanel/header_thin.png) left bottom repeat-x;
		    vertical-align:bottom;
		    padding: 0;
		    margin:0;
		    margin:collapse;
		    display: block;
			
		}
		
		.loginHeader .loginHeaderRightThin
		{
			float: left;
		    width: 11px;
		    height: 42px;
		    background:url(/skin/coolBlue/images/loginPanel/header_right_thin.png) left bottom no-repeat;
		    padding: 0;
		    margin:0;
		    margin:collapse;
		    display: block;
			
		}
		
		/* dialog mid section */
		.loginWindow .loginMid
		{
		    float: left;
		    width: 100%;
		    /*height: 156px; /* DEFAULT */
		    /*height:122px;*/
		    background:url(/skin/coolBlue/images/loginPanel/left_repeat.png) left top repeat-y;
		    padding: 0 0 0 7px;
		    margin:0;
		    display: block;
		    overflow:hidden;
		}
		
		.loginMid .loginPane
		{
			float: left;
		    width: 486px; /* default */
		    background:#FFFFFF;
		    /*height:100%;*/
		    padding:0;
		    margin:0;
		    margin:collapse;
		    overflow:auto;
		}
		.loginMid .loginMidRight
		{
			float:left;
			width:7px;
			height:100%;
			background:url(/skin/coolBlue/images/loginPanel/right_repeat.png) left top repeat-y;
			padding:0;
			margin:0;
			margin:collapse;
			
		}
		/* dialog footer */
		.loginWindow .loginFooter
		{
			float: left;
		    width: 100%;
		    height: 13px;
		    background:url(/skin/coolBlue/images/loginPanel/footer_left.png) left top no-repeat;
		    padding: 0 0 0 12px;
		    margin:0;
		    display: block;
		    overflow:hidden;
		}
		
		.loginFooter .loginFooterRepeat
		{
		    float: left;
		    width: 476px;
		    height: 13px;
		    background:url(/skin/coolBlue/images/loginPanel/footer_repeat.png) left top repeat-x;
		    padding:0;
		    margin:0;
		    display: block;
		    overflow:hidden;
		}
		
		.loginFooter .loginFooterRight
		{
		    float:left;
		    width:12px;
		    height:13px;
		    background:url(/skin/coolBlue/images/loginPanel/footer_right.png) left top no-repeat;
		    padding:0;
		    margin:0;
		    margin:collapse;
		    overflow:hidden;
		}
		
		//.loginPane 
		.loginForm
		{
			/*border-collapse:collapse;*/
			padding:0;
			margin:0;		
		}
		
		.loginForm .companyInfo
		{
			
			background:#e2e2e2;
			padding:6px 0px 6px 25px;
			text-align:left;
		}
		
		.loginForm .companyInfo p.company
		{
			font-weight:bold;
			margin:0;
			padding:0;
			width:400px;
			
		}
		
		.loginForm .companyInfo p.companyAbout
		{
			float:right;
			margin:0;
			padding:0;
			margin:collapse;
		}
		
		.loginForm p a
		{
			color:#000000;
			text-decoration:underline;
		}
		
		.loginForm p a:hover
		{
			color:#000000;
			text-decoration:none;
		}
		
		.loginForm .formHeadingTop
		{
			border-top:solid 1px #F2F2F2;
			padding:10px 10px 0px 0px;
			min-width:130px;
			width:130px;
			vertical-align:top;
			background:url(/skin/coolBlue/images/formElements/formHeadingBackground_2.gif) top right repeat-y #F2F2F2;
		}
		
		.loginForm .formHeadingTop p
		{
			float:right;
			margin:0;
			padding:0;
			font-size:12px;
			font-weight:bold;
		}
		
		.loginForm .formContentTop 
		{
			border-top:solid 1px #F2F2F2;
			padding:7px 0px 0px 10px;
			text-align:left;
		}
		
		.loginForm .formContentTop p
		{
			float:left;
			margin:2px 0 0 0;
			padding:0;
			font-size:12px;
		}
		
		.loginForm .formHeading
		{
			padding:10px 10px 0px 0px;
			min-width:130px;
			width:130px;
			vertical-align:top;
			background:url(/skin/coolBlue/images/formElements/formHeadingBackground_2.gif) top right repeat-y #F2F2F2;
		}
		
		.loginForm .formHeading p
		{
			float:right;
			margin:0;
			padding:0;
			font-size:12px;
			font-weight:bold;
		}
		
		.loginForm .formContent p
		{
			float:left;
			margin:2px 0 0 0;
			padding:0;
			font-size:12px;
		}
		
		.loginForm .formContent
		{
			padding:7px 0px 0px 10px;
			text-align:left;
		}
		
		.loginForm .formHeadingBottom
		{
			border-bottom:solid 1px #D2D2D2;
			padding:8px 10px 0px 0px;
			min-width:130px;
			width:130px;
			vertical-align:top;
			background:url(/skin/coolBlue/images/formElements/formHeadingBackground_2.gif) top right repeat-y #F2F2F2;
		}
		
		.loginForm .formHeadingBottom p
		{
			float:right;
			margin:0;
			padding:0;
			font-size:12px;
			font-weight:bold;
		}
		
		.loginForm .formContentBottom 
		{
			border-bottom:solid 1px #D2D2D2;
			margin:0;
			padding:7px 0px 10px 10px;
			text-align:left;
		}
		
		.loginForm .formContentBottom p
		{
			float:left;
			margin:1px 0 0 0;
			padding:0;
			font-size:12px;
		}
		
		.loginForm .formShadeContentBottom
		{
			border-bottom:solid 1px #D2D2D2;
			padding:8px 10px 8px 0px;
			min-width:130px;
			width:100%;
			vertical-align:top;
			background:url(/skin/coolBlue/images/formElements/formHeadingBackground_2.gif) top right repeat-y #F2F2F2;
		}
		
		.loginForm .formShadeContentBottom p
		{
			float:left;
			margin:0;
			padding:0;
			font-size:12px;
			font-weight:bold;
		}
		
		.submitContainer
		{
			text-align:left;
			padding:9px 0px 5px 5px;
			margin:0;
		}
		
		.submitContainer .linksRight
		{
			float:right;
			width:auto;
			margin:collapse;
			vertical-align:bottom;
			line-height:24px;
			margin:0 12px 0 0;
			padding:0;
		}
		
		.submitContainer .linksLeft
		{
			float:left;
			/*width:auto;*/
			margin:collapse;
			vertical-align:bottom;
			line-height:24px;
			margin:0 12px 0 12px;
			padding:0;
		}
		
		/* #### BRANDING */
		.brandingSpot
		{
			float:right;
			width:auto;
			margin:collapse;
			margin:0;
			padding:0;
		}
		
		.brandingSpot .branding
		{
			/*float:right;
			margin:collapse;*/
			background:url(/skin/coolBlue/images/topPanel/header_background.gif) top left repeat-x;
			
		}
		
		.branding .linksRight
		{
			float:right;
			margin:collapse;
			vertical-align:bottom;
			line-height:16px;
			margin:0 10px 0 0;
			padding:0;
		}
		
		.branding .linksLeft
		{
			float:left;
			/*width:auto;*/
			margin:collapse;
			vertical-align:bottom;
			line-height:16px;
			margin:0 0 0 12px;
			padding:0;
		}
		
		/* ##### MA Services */
		
		.mysupport {
			font-family: arial;
			background: url(/maservices/gfx/pinstripe.png);
			}
		
		
		.mysupport .overviewPane {
			padding: 10px;
			}
			
		.mysupport .overviewAlert1 {
			background-color: #ffdada;
			padding: 5px;
			width: 100%;
			border-bottom: 1px solid #ff2f2f;
			font-size: 1.3em;
			}
		
		.mysupport .overviewAlert1 .alertHeading1 {
			color: #ff2f2f;
			font-weight: bold;
			}
		
		.mysupport .overviewAlert2 {
			background-color: #fcffda;
			padding: 5px;
			width: 100%;
			border-bottom: 1px solid #f3f15e;
			font-size: 1.3em;
			}
		
		.mysupport .overviewAlert2 .alertHeading2 {
			color: #4c4c4c;
			font-weight: bold;
			}
		
		.mysupport .overviewAlert1, .overviewAlert2 .alertText {
			color: #4c4c4c;
			}
		
		.mysupport .overviewBody {
			width: 100%;
			color: #626262;
			font-size: 14px;
			}
		
		.mysupport .listTable {
			background: url(/maservices/gfx/pinstripe.png);
			padding: 10px;
			border-spacing: 0px;
			width: 99.99%;
			height: 100px;
			}
			
		.mysupport .listTable tr td {
			vertical-align: middle;
			}	
		
		.listTable thead {
			text-align: left;
			background-color: #007fe1;
			color: white;
			}
			
		.listTable thead tr th {
			border-bottom: 1px solid #2a87bc;
			padding: 5px;
			}
		
		.listTable tr td {
			padding: 2px;
			background-color: white;
			}
		
		.mysupport a {
			color: #2A87BC;
			}
		
		.addServiceText a {
			color: #3ea434;
			padding: 0px;
			margin: 0px;
			}
		
		/* ##### OVERLOADING of REBRANDING */
		.rebrand_window .rebrand_table .rebrand_content .maservicesContentPanel {
			width:100%;
			overflow:auto;
			}
		
		/* ##### REBRANDING */
		
		.rebrand_blocker 
		{
		height: 1px;
		background-color: #007fe1;
		width: 64px;
		float: right;
		margin-top: -1px;
		}
		
		.brandingSpot
		{
			width: 170px;
		}
		
		.brandingSpot .rebranding
		{
			/*float:left;
			margin:collapse;*/
			width:68px;
			background:url(/skin/coolBlue/images/topPanel/header_background.gif) top left repeat-x;
		}
		
		.rebranding
		{
			float:right;margin:collapse;padding:0 5px 0 0;margin-right:0;display:inline;visibility:visible;
		}
		
		.rebranding .rebrandingBase
		{
			width: 68px;
			background:url(/skin/coolBlue/images/topPanel/rebrand_spot.png) top left no-repeat;
		}
		
		.rebranding .myservicesbase
		{
			background:url(/maservices/services-button.gif) top left no-repeat;
			width: 67px;
			height: 64px;
		}
		
		.rebranding .myservicesbase_alert
		{
			background:url(/maservices/services-error-button.gif) top left no-repeat;
			width: 67px;
			height: 64px;
		}
		
		.rebranding .myservicesbase_cloud_trial
		{
			background:url(/maservices/services-cloud-error-button.gif) top left no-repeat;
			width: 67px;
			height: 64px;
		}
		
		.rebranding .myservicesbase_cloud_migrate
		{
			background:url(/maservices/services-cloud-migrate-button.gif) top left no-repeat;
			width: 67px;
			height: 64px;
		}
		
		.rebranding .buttontext {
			padding-top: 45px;
			color: #EFEFEF;
		    font-size: 9px;
		    font-weight: bold;
		}
		
		.rebranding .rebrandingBase, .myservicesbase, .myservicesbase_cloud_trial, .myservicesbase_alert, .myservicesbase_cloud_migrate {
			text-align:center;
			margin-left:0;
			margin-right:0;
			padding-top:0px;
		}
		
		.rebranding .rebrandingBase, .myservicesbase, .myservicesbase_cloud_trial, .myservicesbase_alert, .myservicesbase_cloud_migrate  table
		{
			width:100%;
			height:46px;
		}
		.rebranding .rebrandingBase, .myservicesbase, .myservicesbase_cloud_trial, .myservicesbase_alert, .myservicesbase_cloud_migrate table td
		{
			width:100%;
			height:100%;
			vertical-align:middle;
		}
		
		.rebrandOvershadowContainer
		{
			position:relative;
			width:0px;
			height:0px;
		}
		
		.rebrandOvershadowContainer .rebrandOvershadowHover
		{
			background:url(/skin/coolBlue/images/topPanel/rebrand_alpha.png) top left no-repeat;
		}
		
		.rebrandOvershadowContainer .rebrandOvershadowMyServicesHover
		{
			/* background:url(/skin/coolBlue/images/topPanel/rebrand_alpha_myservices.png) top left no-repeat; */
		}
		
		.rebrandOvershadowContainer .rebrandOvershadowHover, .rebrandOvershadowMyServicesHover {
			width:140px;
			height:25px;
			position:absolute;
			z-index:10000;
			margin-top:35px;
		}
		
		/* Rebranding InfoBox */
		.rebrand_window
		{
			position: absolute;
			/*background: url(img_inquisitor/as_pointer.gif) top left no-repeat;*/
			/*background:#FFFFFF;*/
			z-index:100000;
			padding: 0;
			/*top:57px;
			left:200px;*/
			width:505px;
			border:solid 1px #25538d;
			 -moz-box-shadow: 5px 5px 5px #606060;
  			-webkit-box-shadow: 5px 5px 5px #606060;
  			box-shadow: 5px 5px 2px #606060;
		}
		
		.rebrand_window table
		{
			border:0;
			/*width:100%;*/
			/*border-collapse:collapse;
			border-spacing:0;*/
		}
		
		.rebrand_window .rebrand_table
		{
			width:100%;
			border:0;
			padding:0;
			margin:0;
		}
		
		.rebrand_window .rebrand_table .rebrand_tl
		{
			width:6px;
			height:7px;
			background:url(/skin/coolBlue/images/brandBox/tl.png) top left no-repeat;
			/* padding:0; WONDERFUL IE7 REQUIRES THAT THIS IS HERE OR IT WILL PAD THE CELL... AS RIDICULOUS AS THAT IS... */
		}
		
		.rebrand_window .rebrand_table .rebrand_t
		{
			height:7px;
			background:url(/skin/coolBlue/images/brandBox/top.png) top left repeat-x;
		}
		
		.rebrand_window .rebrand_table .rebrand_tr
		{
			width:6px;
			height:7px;
			background:url(/skin/coolBlue/images/brandBox/tr.png) top left no-repeat;
		}
		
		.rebrand_window .rebrand_table .rebrand_header_l
		{
			width:6px;
			background:url(/skin/coolBlue/images/brandBox/header_l.png) top left repeat-y;
		}
		
		.rebrand_window .rebrand_table .rebrand_header
		{
			/*width:100%;*/
			/* background:url(/skin/coolBlue/images/brandBox/header_background.png) top left repeat; */
			background-color: #007fe1;
			border-bottom: 1px solid #25538d;
		}
		
		.rebrand_window .rebrand_table .rebrand_header_r
		{
			width:6px;
			background:url(/skin/coolBlue/images/brandBox/header_r.png) top left repeat-y;
		}
		
		.rebrand_window .rebrand_table .rebrand_header_bl
		{
			width:6px;
			height:3px;
			background:url(/skin/coolBlue/images/brandBox/header_bl.png) top left repeat-y;
		}
		
		.rebrand_window .rebrand_table .rebrand_header_b
		{
			/*width:100%;*/
			height:3px;
			background:url(/skin/coolBlue/images/brandBox/header_bottom.png) top left repeat-x;
		}
		
		/* ___________ HEADER INFO ___________ */
		.rebrand_header .rebrandingHeaderContainer
		{
			float:left;margin:collapse;margin:0;padding:0;
		}
		
		.rebrandingHeaderContainer .rebrandingHeaderIcon
		{
			float:left;width:10px;height:30px;margin:collapse;margin:10px;padding:0;
		}
		
		.rebrandingHeaderContainer .rebrandingHeaderSpacer
		{
			float:left;margin:collapse;margin:5px;padding:0;width:3px;height:45px;background:url(/skin/coolBlue/images/brandBox/header_separator.png)
		}
		
		.rebrandingHeaderContainer .rebrandingHeaderBusinessContainer
		{
			float:left;height:30px;margin-top:-10px;padding:0;margin:collapse;
			font-size: 1.5em;
			color: white;
			font-weight: bold;
			text-shadow: 0.1em 0.1em #333;
		}
		
		/* _________ TABS __________ */
		.rebrand_header .rebrandingTabsContainer
		{
			position:relative;clear:both;float:left;height:30px;
			text-shadow: 0.1em 0.1em #333;
			font-weight: bold;
		}
		
		.rebrand_header .rebrandingTabsContainer ul.rebrandingTabs
		{
			position:absolute;top:3px;display:inline;width:400px;height:22px;margin:0 0 0 2px;padding:0;
		}
		
		.rebrand_header .rebrandingTabsContainer ul.rebrandingTabs li.rebrandingTabafter
		{
			list-style:none;display:inline;margin:0;padding:0;
		}
		
		.rebrand_header .rebrandingTabsContainer ul.rebrandingTabs li.rebrandingTabafter div
		{
			float:left;
			height:21px;
			width:2px;
			margin:0;
			padding:0;
			background:url(/skin/coolBlue/images/brandBox/tab_after.png) top right no-repeat;
		}
		
		.rebrand_header .rebrandingTabsContainer ul.rebrandingTabs li.rebrandingTabItem
		{
			list-style:none;display:inline;margin:0;padding:0;
		}
		
		li.rebrandingTabItem
		{
			font-size: 1.3em;
		}
		
		li.rebrandingTabItem .rebrandingTabContainerSelected
		{
			float:left;cursor:pointer;margin:0;padding:0; color: white;background-color: #25538d;height:28px;border-radius: 10px 10px 0px 0px;
		}
		
		.rebrandingTabContainerSelected .rebrandingTabLeft
		{
			float:left;margin:0;padding:0;margin:collapse;width:3px;height:21px;background:url(/skin/coolBlue/images/brandBox/tab_on_l.png) top left no-repeat;
		}
		
		
		.rebrandingTabContainerSelected .rebrandingTab
		{
			float:left;margin:0;padding:0;margin:collapse;height:21px;background:url(/skin/coolBlue/images/brandBox/tab_on.png) top left repeat-x;
		}
		
		.rebrandingTabContainerSelected .rebrandingTabRight
		{
			float:left;margin:0;padding:0;margin:collapse;width:2px;height:21px;background:url(/skin/coolBlue/images/brandBox/tab_on_r.png) top left no-repeat;
		}
		
		.rebrandingTabsContainerSelected ul.rebrandingTabs li.rebrandingTabUnselected
		{
			list-style:none;display:inline;margin:0;padding:0;
		}
		
		li.rebrandingTabItem .rebrandingTabContainerUnselected
		{
			float:left;cursor:pointer;margin:0;padding:0;color:white;
		}
		
		.rebrandingTabContainerUnselected .rebrandingTabLeft
		{
			float:left;margin:0;padding:0;margin:collapse;width:3px;height:21px;background:url(/skin/coolBlue/images/brandBox/tab_off_l.png) top left no-repeat;
		}
		
		.rebrandingTabContainerUnselected .rebrandingTab
		{
			float:left;margin:0;padding:0;margin:collapse;height:21px;background:url(/skin/coolBlue/images/brandBox/tab_off.png) top left repeat-x;
		}
		
		.rebrandingTabContainerUnselected .rebrandingTabRight
		{
			float:left;margin:0;padding:0;margin:collapse;width:2px;height:21px;background:url(/skin/coolBlue/images/brandBox/tab_off_r.png) top left no-repeat;
		}
		
		.rebrand_window .rebrand_table .rebrand_header_br
		{
			width:6px;
			height:3px;
			background:url(/skin/coolBlue/images/brandBox/header_r.png) right left repeat-y;
		}
		
		.rebrand_window .rebrand_table .rebrand_content_l
		{
			width:6px;
			background:url(/skin/coolBlue/images/brandBox/left.png) top left repeat-y;
			min-height:100px;
		}
		
		.rebrand_window .rebrand_table .rebrand_content
		{
			background:#F0F0F0;
			width:586px;
		}
		
		.rebrand_window .rebrand_table .rebrand_content .rebrandContentPanel
		{
			height:400px;
			width:100%;
			overflow:auto;
		}
		
		
		.rebrand_window .rebrand_table .rebrand_content_r
		{
			width:6px;
			background:url(/skin/coolBlue/images/brandBox/right.png) top left repeat-y;
		}
		
		.rebrand_window .rebrand_table .rebrand_bottom_l
		{
			width:6px;
			height:6px;
			background:url(/skin/coolBlue/images/brandBox/bl.png) top left no-repeat;
		}
		
		.rebrand_window .rebrand_table .rebrand_bottom
		{
			/*width:100%;*/
			height:7px;
			background:url(/skin/coolBlue/images/brandBox/bottom.png) top left repeat-x;
		}
		
		.rebrand_window .rebrand_table .rebrand_bottom_r
		{
			width:6px;
			height:7px;
			background:url(/skin/coolBlue/images/brandBox/br.png) top left no-repeat;
		}
		
		
		/* ##### END - REBRANDING */
		
		
		.linksRight p
		{
			/*float:right;*/
			margin:0;
			padding:0;
			margin:collapse;
			white-space:nowrap;
		}
		
		.linksRight p a
		{
			color:#000000;
			text-decoration:underline;
		}
		
		.linksRight p a:hover
		{
			color:#000000;
			text-decoration:none;
		}
		
		
		.linksLeft p
		{
			float:left;
			margin:0;
			padding:0;
			margin:collapse;
		}
		
		.linksLeft p a
		{
			color:#000000;
			text-decoration:underline;
		}
		
		.linksLeft p a:hover
		{
			color:#000000;
			text-decoration:none;
		}
		
		
		/*.brandingSpot .rebranding
		{
			float:left;
		}
		
		.brandingSpot .branding
		{
			float:right;
			
		}
		
		.branding .linksRight
		{
			float:right;
			margin:collapse;
			vertical-align:bottom;
			line-height:16px;
			margin:0 10px 0 0;
			padding:0;
		}
		
		.branding .linksLeft
		{
			float:left;
			
			margin:collapse;
			vertical-align:bottom;
			line-height:16px;
			margin:0 0 0 12px;
			padding:0;
		}
		
		
		.linksRight p
		{
			float:right;
			margin:0;
			padding:0;
			margin:collapse;
		}
		
		.linksRight p a
		{
			color:#000000;
			text-decoration:underline;
		}
		
		.linksRight p a:hover
		{
			color:#000000;
			text-decoration:none;
		}
		
		
		.linksLeft p
		{
			float:left;
			margin:0;
			padding:0;
			margin:collapse;
		}
		
		.linksLeft p a
		{
			color:#000000;
			text-decoration:underline;
		}
		
		.linksLeft p a:hover
		{
			color:#000000;
			text-decoration:none;
		}*/
		
		
		/* ABOUT MA DIALOG INTERIOR ##################################################################################################################*/
		.aboutMaintenanceAssistant
		{
			width:350px;
			/*height:250px;*/
			float:left;
		}
		.aboutMaintenanceAsistant p
		{
			font-size:10px;
		}
		
		
		
		/* DASHBOARD ############################################################################################### */
		
		.diskUsageContainer
		{
			width: 100%;
			background-color: #f1f4f7;
			border: 1px solid #e0e3e5;
			height: 40px;
		}
		
		.diskUsageContainer .diskUsagePane
		{
			padding: 14px 10px 10px 45px;
			background: URL('/skin/coolBlue/images/icons/icon_hard_drive.png') 10px 10px no-repeat;
			margin-left: auto;
			margin-right: auto;
			overflow: hidden;
			width: 865px;
			height: 16px;
		}
		
		.diskUsageContainer .diskUsageDivider
		{
			margin-left: 10px;
			margin-right: 10px;
			width: 1px;
			height: 90%;
			background-color: #c2c2c2;
			display: inline-block;
		}
		
		.diskUsageContainer .usageBar
		{
			border: 1px solid #00488f;
			width: 275px;
			height: 20px;
			background-color: white;
			display: inline-block;
			position: relative;
			top: -5px;
			-moz-box-shadow: 2px 2px 2px #dbdbdb;
  			-webkit-box-shadow: 2px 2px 2px #dbdbdb;
  			box-shadow: 2px 2px 2px #dbdbdb;
  			
		} 
		
		.diskUsageContainer .usageBar .usageSlice
		{
			display: inline-block;
			margin: 0px;
			padding: 0px;
			height: 100%;
		}
		
		.diskUsageContainer .legendBox
		{
			width: 12px;
			height: 12px;
			display: inline-block;
			margin-left: 5px;
			margin-right: 5px;
			-moz-box-shadow: 2px 2px 2px #dbdbdb;
  			-webkit-box-shadow: 2px 2px 2px #dbdbdb;
  			box-shadow: 2px 2px 2px #dbdbdb;
		}
		
		
		.dashBoardHeaderContainer
		{
		
		}
		
		
		.dashBoardHeaderContainer .header
		{
			background:url(/skin/coolBlue/images/listElements/list_header.gif) top left repeat-x;
		    background-color:#EEEEEE;
		    border-right:1px solid #666666; 
		    border-bottom:1px solid #666666;
		    border-top:1px solid #f8f8f8; 
		    border-left:1px solid #f8f8f8; 
		    vertical-align:middle;
		    height:21px;
		    padding: 0 4px 0 4px;
		}
		
		.dashBoardHeaderContainer .header .left
		{
			float:left;
			height:21px;
			margin:0;
			padding:0;
			margin:collapse;
		}
		
		.dashBoardHeaderContainer .header .right
		{
			float:right;
			height:21px;
			margin:0;
			padding:0;
			margin:collapse;
		}
		
		.dashBoardHeaderContainer .header p
		{
			line-height:21px;
			margin:0;
			padding:0;
		}
		
		.dashBoardHeaderContainer .info
		{
			background:#F1F4F7;
			border-bottom:solid 1px #E0E3E5;
			margin:0;
			padding:0;
			
		}
		
		.dashBoardHeaderContainer .info .item.left
		{
			float:left;
			width:33%;
			margin:5px 0 5px 0;
		}
		.dashBoardHeaderContainer .info .item
		{
			float:left;
			width:33%;
			margin:5px 0 5px 0;
			border-left:solid 1px #E0E3E5;
		}
		
		
		.dashBoardHeaderContainer .info .item .icon
		{
			width:220px;
			height:22px;
			margin:5px 10px 5px 10px;
			padding-left:30px;
			margin-left:auto;
			margin-right:auto;
			text-align:center;
			margin:collapse;
		}
		
		.dashBoardHeaderContainer .info .item .icon p
		{
			float:left;
			line-height:22px;
			margin:0;
			padding:0;
			margin:collapse;
		}
		
		.dashBoardHeaderContainer .info .item .icon p a
		{
			color:#202020;
		}
		
		.dashBoardHeaderContainer .info .item .icon p a:hover
		{
			text-decoration:none;	
		}
		
		.dashBoardHeaderContainer .info .item .icon.clockedIn
		{
			background:url(/skin/coolBlue/images/icons/icon_clock_in.gif) top left no-repeat;
		}
		
		.dashBoardHeaderContainer .info .item .icon.clockedOut
		{
			background:url(/skin/coolBlue/images/icons/icon_clock_out.gif) top left no-repeat;
		}
		
		.dashBoardHeaderContainer .info .item .icon.workOrder
		{
			background:url(/skin/coolBlue/images/icons/icon_work_order.gif) top left no-repeat;
		}
		
		.dashBoardHeaderContainer .info .item .icon.messages
		{
			background:url(/skin/coolBlue/images/icons/icon_new_mail.gif) top left no-repeat;
		}
		
		.dashBoardWidgetContainer
		{
			margin:0;
			padding:0 0 20px 0;
		}
		
		/* WIDGETS ################################################################################################################## */
		.dashBoardWidgetContainer .widget
		{
			float:left;
			width:465px;
			/*width:45%; USE THIS IF YOU WISH IT TO AUTO SIZE WITH SCREEN */
			min-width:400px;
			height:250px;
			margin:20px 0 0 20px;
		}
		
		.widget .tabs ul {
		    width: 100%;
		    padding: 0;
		    margin: 0;
		    text-align: center; /*set value to "left", "center", or "right"*/
		}
		.widget .tabs ul li{
		    float:left;
		    height:18px;
		    background-image: url(/skin/coolBlue/images/dashboardElements/tabUnselectedBackground.gif);background-repeat: repeat-x;
		    display: inline;
		    border-left: solid 1px #FFFFFF;
		    border-top: solid 1px #E0E0E0;
		    border-right: solid 1px #C9C9C9;
		    cursor:pointer;
		}
		.widget .tabs ul li.widgetTabHover {
		    float:left;
		    height:18px;
		    background-image: url(/skin/coolBlue/images/dashboardElements/tabUnselectedBackgroundOver.gif);background-repeat: repeat-x;
		    display: inline;
		    border-left: solid 1px #FFFFFF;
		    border-top: solid 1px #E0E0E0;
		    border-right: solid 1px #E0E0E0;
		    cursor:pointer;
		}
		.widget .tabs ul li.widgetTabSelected {
		    float:left;
		    height:18px;
		    background-image: url(/skin/coolBlue/images/dashboardElements/tabSelectedBackground.gif);background-repeat:repeat-x;
		    display: inline;
		    border-left: solid 1px #78C5FF;
		    border-top: solid 1px #0693FF;
		    border-right:solid 1px #0693FF;
		}
		.widget .tabs ul li p {
		    vertical-align:top;
		    float:left;
		    font-family: arial;
		    font-weight: bold;
		    font-size:11px;
		    color:#000000;
		    margin:0;
		    padding:0 10px 0 10px;
		    line-height:18px;
		    background-color: transparent;  
		}
		
		.widget .tabs ul li.widgetTabSelected p {
		
		    color:#FFFFFF;
		 
		}
		.widget .tabsBase {
		    border-left: solid 1px #78C5FF;
		    border-top:solid 1px #0693FF;
		    border-bottom:solid 1px #016DBF;
		    border-right:solid 1px #016DBF;
		    float:left;
		    background-image: url(/skin/coolBlue/images/formElements/tabUnderButtons.gif);background-repeat:repeat-x;
		    width:100%;
		    height:4px;
		}
		.widget .body
		{
			float:left;
			width:100%;
			height:210px;/* total - tabs - tabbase - contentBase */ 
			border-top: solid 1px #E0E3E5;
			border-right: solid 1px #E0E3E5;
			border-left: solid 1px #E0E3E5;	
			border-bottom:0;
			overflow:auto;
			background:#FFFFFF;
		}
		
		.widget .bodyBase
		{
			float:left;
			width:100%;
			height:18px;
			background:#ECEFF2;
			border-top:0;
			border-right: solid 1px #E0E3E5;
			border-left: solid 1px #E0E3E5;
			border-bottom: solid 1px #E0E3E5;
			overflow:hidden;
		}
		
		.widget .bodyBase .left
		{
			float:left;
			margin:0;
			padding:0;
			margin:collapse;
		}
		
		.widget .bodyBase .right
		{
			float:right;
			margin:0;
			padding:0;
			margin:collapse;
		}
		
		.widget .bodyBase p
		{
			margin:0;
			padding:0 4px 0 4px;
			line-height:18px;
		}
		
		.widget .bodyBase a
		{
			color:#202020;
		}
		
		.widget .bodyBase a:hover
		{
			text-decoration:none;
		}
		
		.QuickLinksWidget
		{
			
			font-size: 1.3em;
			text-align: left;
		}
		
		.QuickLinksWidget a
		{
			color: black;
		}
		
		.QuickLinksWidget table
		{
			width: 100%;
			border: 1px solid #26a1ff;
		}
		
		.QuickLinksWidget table td 
		{
			padding: 5px;
			vertical-align: middle;
		}
		
		.QuickLinksWidget .tdEven
		{
			background-color:#dff1ff;			
		 }
		
		.QuickLinksWidget .tdOdd
		{
		 	background-color:white;
		 }
		
		/* USER COMMUNITY SCREEN ##################################################################################################################  */
		.CommunityAccountNotSetup
		{
			width:100%;
			border:solid 1px #CC0000;
			background:#FFF185;
			margin-bottom:1px;
		}
		
		.CommunityAccountNotSetup p
		{
			padding: 0 5px 0 10px;
		}
		
		.CommunityAccountSetup
		{
			width:100%;
			border:solid 1px #62B90F;
			background:#E8F0E1;
			margin-bottom:1px;
		}
		
		.CommunityAccountSetup p
		{
			padding: 0 5px 0 10px;
		}
		
		/* USER COMMUNITY SCREEN ##################################################################################################################  */
		.AssetTypeSelectMiainContainer
		{
			float:left;
			width:510px;
			margin:0;
			padding:0;
		}
		.AssetTypeSelectContainer
		{
			float:left;
			width:450px;
			padding:30px;
			margin:0;
			margin:collapse;
			
		}
		
		.AssetTypeSelectContainer .AssetItemContainer
		{
			float:left;
			cursor:pointer;
			width:198px;
			height:75px;
			margin:collapse;
			background: url(/skin/coolBlue/images/wizardItems/select_asset_type_background.png) top left no-repeat;
			padding-left:15px;
			margin:5px;
		} 
		
		.AssetTypeSelectContainer .ImportItemContainer
		{
			float:left;
			cursor:pointer;
			width:198px;
			height: 20px;
			margin:collapse;
			-moz-box-shadow: 2px 2px 2px #dbdbdb;
  			-webkit-box-shadow: 2px 2px 2px #dbdbdb;
  			box-shadow: 2px 2px 2px #dbdbdb;
  			border: 1px solid #cccccc;
			margin:5px;
		} 
		
		.AssetTypeSelectContainer .ImportItemContainer p
		{
			float:left;
			font-size:12px;
			color: #757575;
			font-face:arial;
			font-weight:bold;
			width: 100%;
			padding-top: 5px;
		} 
		
		.AssetTypeSelectContainer .AssetItemContainer p
		{
			float:left;
			font-size:12px;
			color: #757575;
			font-face:arial;
			font-weight:bold;
			padding:10px 0 0 10px;
			height: 45px;
			text-align: left;
		} 
	
		.AssetTypeSelectContainer .AssetItemContainer .LocationsFacilities
		{
			float:left;
			margin:collapse;
			background:url(/skin/coolBlue/images/icons/asset_location_facilities.png) top left no-repeat;
			width:48px;
			height:48px;
			margin:10px;
		}
		
		.AssetTypeSelectContainer .AssetItemContainer .Equipment
		{
			float:left;
			margin:collapse;
			background:url(/skin/coolBlue/images/icons/asset_equipment.png) top left no-repeat;
			width:48px;
			height:48px;
			margin:10px;
		}
		
		.AssetTypeSelectContainer .AssetItemContainer .Tools
		{
			float:left;
			margin:collapse;
			background:url(/skin/coolBlue/images/icons/asset_tools.png) top left no-repeat;
			width:48px;
			height:48px;
			margin:13px 10px 10px 10px;
		}
		
		.AssetTypeSelectContainer .AssetItemContainer .PartsSupplies
		{
			float:left;
			margin:collapse;
			background:url(/skin/coolBlue/images/icons/asset_parts_supplies.png) top left no-repeat;
			width:48px;
			height:48px;
			margin:10px;
		}
		


/* ################################################################################################## */
/* ################################################################################################## */
/* #######
/* #######      POPUP AND DIALOG STYLES
/* #######
/* ################################################################################################## */
/* ################################################################################################## */ 


		/* STACKED CONTENT CONTAINER ###################################################################################### */
		
		.stackedWindow
		{
			background:#ffffff;
		}
		
		.stackedWindowCover
		{
			background:#ffffff;
		}
		
		/* DIALOG CONTENT CONTAINER ###################################################################################### */
		
		.dialogWindowBackground
		{
			background:#ffffff;
		}


		/* Autosuggest Select Box ########################################################################################################## */
		
		div.autoSuggestDropdownContainer
		{
			/*position:relative;*/
			float:left;
			display:inline;
			height:16px;
			border:0;
			margin:0 0 0 8px;
			padding:0;
			/*margin:30px;*/
		}
		
		div.autoSuggestDropdownContainer input
		{
			/*position:relative;*/
			border: solid 1px #7F9DB9;
			border-right:0;
			float:left;
			height:14px;
			margin:0;
			padding:2px;
			width:281px;
			color:#333333;
			font:11px Arial,Verdana,sans-serif;
		}
		
		
		
		div.autoSuggestDropdownContainer div.autoSuggestDropdownButtonContainer
		{
			/*position:relative;*/
			float:left;
			margin:collapse;
			height:18px;
			width:17px;
			border: solid 1px #7F9DB9;
			border-left:0;
			background:#FFFFFF;
		}

		div.autoSuggestDropdownButtonContainer div.autoSuggestDropdownButton
		{
			/*position:absolute;*/
			/*z-index:1000;*/
			width:16px;
			height:16px;
			/*left:-26px;*/
			margin-top:1px;
			background:url(/skin/coolBlue/images/formElements/dropdownArrow.gif) top left no-repeat #219EFF;
			cursor:pointer;
		}
		
		div.autoSuggestDropdownContainer div.autoSuggestDropdownCloseButton
		{
			/*position:relative;*/
			float:left;
			margin:collapse;
			height:20px;
			width:20px;
			Margin-left:1px;
			background:url(/skin/coolBlue/images/dialogPanel/autoCompleteCloseButton.png) top left no-repeat #219EFF;
			cursor:pointer;
		}
		
		
		div.autosuggest
		{
			position: absolute;
			/*background: url(img_inquisitor/as_pointer.gif) top left no-repeat;*/
			/*z-index:60000;*/
			padding: 0;
			/*border-right:solid 1px #CECECE;
			border-bottom:solid 1px #CECECE;
			border-left:solid 1px #CECECE;*/
			border-right:solid 1px #7F9DB9;
			border-bottom:solid 1px #7F9DB9;
			border-left:solid 1px #7F9DB9;
			border-top:solid 1px #C3D4E4;
			
		}
		
		div.autosuggest.top
		{
			border-bottom:solid 1px #C3D4E4;
			border-right:solid 1px #7F9DB9;
			border-top:solid 1px #7F9DB9;
			border-left:solid 1px #7F9DB9;
		}
		
		div.autosuggest div.autosuggestlist
		{
			max-height:250px;
			margin:0;
			padding:0;
			overflow-y:auto;
			overflow-x:hidden;
		}
		
		
		
		
		div.autosuggestlist ul
		{
			list-style: none;
			/*margin: 0 0 -4px 0;*/
			margin:0;
			padding: 0;
			overflow: hidden;
			/*background: #EEE;*/
			background:url(/skin/coolBlue/images/formElements/autoSuggestBackground.png) top left repeat;
		}
		
		div.autosuggestlist ul li
		{
			color: #333;
			padding: 0;
			margin: 0px 1px 1px 2px;
			text-align: left;
			overflow:hidden;
		}
		
		div.autosuggestlist ul li .categoryicon
		{
			float:left;
			margin:3px 5px 0 2px;
			background:url(/skin/coolBlue/images/icons/form_directory_icon.png) top left no-repeat;
			width:16px;
			height:13px;
			margin:collapse;
		}
		
		div.autosuggestlist ul li .categoryUpIcon
		{
			float:left;
			margin:3px 5px 0 2px;
			background:url(/skin/coolBlue/images/icons/form_directory_icon_up.png) top left;
			width:16px;
			height:13px;
		}
		
		div.autosuggestlist ul li a
		{
			float:left;
			color: #333;
			display: block;
			text-decoration: none;
			background-color: transparent;
			/*text-shadow: #000 0px 0px 5px;*/
			position: relative;
			padding: 0;
			width: 100%;
		}
		
		div.autosuggestlist ul li a div
		{
			display: block;
			padding: 0 6px 6px 18px;
		}
		
		div.autosuggestlist ul li a:hover
		{
			background-color: #999;
		}
		div.autosuggestlist ul li.as_highlight a:hover
		{
			background-color: #39A9FF;
		}
		
		div.autosuggestlist ul li a span
		{
			display: block;
			padding: 3px 6px;
			font-weight: bold;
			width:400px;
		}
		
		div.autosuggestlist ul li a span small
		{
			font-weight: normal;
			color: #999;
		}
		
		div.autosuggestlist ul li.as_highlight a span small
		{
			color: #ccc;
		}
		
		div.autosuggestlist ul li.as_highlight a
		{
			color: #fff;
			background-color: #39A9FF;
			/*background-image: url(img_inquisitor/hl_corner_br.gif);
			background-position: bottom right;
			background-repeat: no-repeat;*/
		}
		
		div.autosuggestlist ul li.as_highlight a span
		{
			/*background-image: url(img_inquisitor/hl_corner_bl.gif);
			background-position: bottom left;
			background-repeat: no-repeat;*/
		}
		
		div.autosuggestlist ul li a .tl,
		div.autosuggestlist ul li a .tr
		{
			background-image: transparent;
			background-repeat: no-repeat;
			width: 6px;
			height: 6px;
			position: absolute;
			top: 0;
			padding: 0;
			margin: 0;
		}
		div.autosuggestlist ul li a .tr
		{
			right: 0;
		}
		
		div.autosuggestlist ul li.as_highlight a .tl
		{
			left: 0;
			/*background-image: url(img_inquisitor/hl_corner_tl.gif);
			background-position: bottom left;*/
		}
		
		div.autosuggestlist ul li.as_highlight a .tr
		{
			right: 0;
			/*background-image: url(img_inquisitor/hl_corner_tr.gif);
			background-position: bottom right;*/
		}
		
		
		
		div.autosuggestlist ul li.as_warning
		{
			font-weight: bold;
			text-align: center;
		}
		
		div.autosuggestlist ul em
		{
			font-style: normal;
			color: #0067C6;
		}
		
		div.autosuggest div.footer_paging_container
		{
			background: #DEDEDE;
			height:18px;
			width:100%;
		}
		
		div.autosuggest div.footer_paging_container p
		{
			/*background: url(/skin/coolBlue/images/formElements/autoSuggestPagingBackground.gif) top left repeat-x #000000;*/
			float:right;
			padding:2px 4px 2px 0px;
			margin:0;
			background:transparent;
		}
		
		div.autosuggest div.footer_paging_container div.iconsNextSmall
		{
			float:right;
			cursor:pointer;
		}
		
		div.autosuggest div.footer_paging_container div.iconsBackSmall
		{
			float:right;
			cursor:pointer;
		}
		
		div.autosuggest div.footer_paging_container div.iconsBackSmall
		{
			float:right;
			cursor:pointer;
		}
		
		/* AUTO SUGGEST MULTI CONTAINER */
		div.autoSuggestMultiContainer
		{
			float:left;
			margin:3px 0 5px 8px;
			background:#F3F6F9;
			border:solid 1px #7F9DB9;
			border-top:solid 1px #ABC2D7;
			/*border-right:solid 1px #ABC2D7;
			border-bottom:solid 1px #ABC2D7;
			border-left:solid 1px #ABC2D7;*/
			cursor:default;
		}
		div.autoSuggestMultiContainer div.multiContainerItem
		{
			float:left;
			margin:2px 0 2px 2px;
			padding:2px;
			border:solid 1px #ABC2D7;
			background:#EBF1F6;
		}
		
		div.autoSuggestMultiContainer div.multiContainerItem p
		{
			float:left;
			margin:0;
			padding:0 0 0 4px;
		}
		
		div.autoSuggestMultiContainer div.multiContainerItem div.removeButton
		{
			float:left;
			width:7px;
			height:7px;
			background:url(/skin/coolBlue/images/icons/form_multi_select_del.gif) top left no-repeat;
			margin:4px 2px 4px 4px;
			cursor:pointer;
		}
		
		div.autoSuggestMultiContainer div.multiContainerItem div.removeButtonOn
		{
			float:left;
			width:7px;
			height:7px;
			background:url(/skin/coolBlue/images/icons/form_multi_select_del_on.gif) top left no-repeat;
			margin:4px 2px 4px 4px;
			cursor:pointer;
		}

		/* OLD STYLE MODAL DIALOG WINDOW */
		/* MODAL Dialog window ########################################################################################################## */
		.dialogWindow
		{
			position: absolute;
			width: 500px; /* Default */
			height:200px; /* Default */
			z-index: 10000;
			top: 0;
			left: -700px;
			overflow:show;
            /*filter:alpha(opacity=1);
            -moz-opacity:1;
            opacity:1;*/
		}
		
		.dialogBG
		{
			/*display:block;*/
			/*width:100px; */
			background-color:#333333;
			position:absolute;
			/*top:0;*/
			/*left:-3000px;*/
			/*height:100px;*/
			/*z-index:9999;*/
			/*opacity:.20;*/
            filter:alpha(opacity=80);
            -moz-opacity:.80;
            opacity:.80;
		}
		
		/* dialog header */
		.dialogHeader
		{
			cursor:move;
		    float: left;
		    width:100%;
		    width: inherit; /* DEFAULT WIDTH */
		    height: 31px;
		    background:url(/skin/coolBlue/images/dialogPanel_old/header_left.png) left top no-repeat;
		    padding: 0 0 0 12px;
		    margin:0;
		    display: block;
		}
		
		.dialogHeaderRepeat
		{
			cursor:move;
			/*width:100%;*/
		    float: left;
		    width: 476px; /* default */
		    background:url(/skin/coolBlue/images/dialogPanel_old/header_repeat.png) top left repeat-x;
		    height:31px;
		    
		    /*padding: 4px 0 0 0;*/
		    margin:0;
		    margin:collapse;
		    overflow:hidden;
		    
		}
		
		.dialogTitle
		{
			float:left;
			font-family:arial;
			font-weight:bold;
			background:url(/skin/coolBlue/images/dialogPanel_old/header_carrot.png) top left no-repeat;
			/*background:url(/skin/coolBlue/images/dialogPanel_old/header_carrot_small.png) top left no-repeat;*/
			color:#FFFFFF;
		    font-size:13px;
			line-height:26px;
			height:26px;
			
			display:inline;
			margin:4px 0 0 0;
			padding:2px 0 0 18px;
			overflow:hidden;
		}

		/*.dialogTitle
		{
			float:left;
			font-family:arial;
			font-weight:bold;
			background:url(/skin/coolBlue/images/dialogPanel_old/header_carrot.png) top left no-repeat;
			font-size:13px;
			color:#FFFFFF;
			line-height:26px;
			height:26px;
			margin:5px 0 0 0;
			padding:0 0 0 18px;
		}*/
		
		.dialogActionBtn
		{
			float:right;
			width:28px;
			background:url(/skin/coolBlue/images/dialogPanel_old/header_spacer.gif) top left no-repeat;
			padding:0 0 0 4px;
			margin:5px 0 0 0;
			overflow:hidden;
			height:26px;
		}
		
		.dialogCloseBtn
		{
			cursor:pointer;
			height:26px;
			width:26px;
			margin:0px 0 0 0;
			background:url(/skin/coolBlue/images/dialogPanel_old/header_button_close.gif) top left no-repeat;
		}
		
		.dialogCloseBtn_small
		{
			cursor:pointer;
			height:13px;
			width:14px;
			margin:0px 0 0 0;
			background:url(/skin/coolBlue/images/dialogPanel_old/header_button_close_small.gif) top left no-repeat;
		}
		
		.dialogHeaderRight
		{
			float: left;
		    width: 12px;
		    height: 31px;
		    background:url(/skin/coolBlue/images/dialogPanel_old/header_right.png) left top no-repeat;
		    padding: 0;
		    margin:0;
		    margin:collapse;
		    display: block;
			
		}
		
		/* dialog mid section */
		.dialogMid
		{
		    
		    float: left;
		    
		    width: inherit;
			 height: 156px;  /* DEFAULT */
		    background:url(/skin/coolBlue/images/dialogPanel_old/left_repeat.png) left top repeat-y;
		     padding: 0 0 0 12px; 
		    margin:0;
		    
		    display: block;
		    overflow:hidden;
		    
		}
		
		.dialogPane
		{
			float: left;
		    width: 476px; /* default */
		    background:#FFFFFF;
		    height:100%;
		    padding:0;
		    margin:0;
		    margin:collapse;
		    overflow:auto;
		}
		
		.dialogMidRight
		{
			float:left;
			width:12px;
			height:100%;
			background:url(/skin/coolBlue/images/dialogPanel_old/right_repeat.png) left top repeat-y;
			padding:0;
			margin:0;
			margin:collapse;
			
		}
		
		/* dialog footer */
		.dialogFooter
		{
			/*float: left;*/
		    width: inherit;
		    height: 13px;
		    background:url(/skin/coolBlue/images/dialogPanel_old/footer_left.png) left top no-repeat;
		    padding: 0 0 0 12px;
		    margin:0;
		    display: block;
		    overflow:hidden;
		}
		
		.dialogFooterRepeat
		{
		    float: left;
		    width: 476px;
		    height: 13px;
		    background:url(/skin/coolBlue/images/dialogPanel_old/footer_repeat.png) left top repeat-x;
		    padding:0;
		    margin:0;
		    
		    display: block;
		    overflow:hidden;
		    
		}
		
		.dialogFooterRight
		{
		    float:left;
		    width:12px;
		    height:13px;
		    background:url(/skin/coolBlue/images/dialogPanel_old/footer_right.png) left top no-repeat;
		    padding:0;
		    margin:0;
		    margin:collapse;
		    overflow:hidden;
		}
		
		
		
		/* NEW STYLE DIALOG WINDOW */
		/* modal dialog window ############################################################################# */
		.dialogNew_window
		{
		}
		
		
		.dialogNew_table
		{
		}
				
		
		.dialogNew_tl
		{
			width:17px;background:url(/skin/coolBlue/images/dialogPanel/box_tl.png) top right no-repeat;
		}
		
		.dialogNew_t
		{
			width:100%;background:url(/skin/coolBlue/images/dialogPanel/box_t.png) top left repeat-x;
		}
		
		.dialogNew_tr
		{
			width:17px;background:url(/skin/coolBlue/images/dialogPanel/box_tr.png) top left no-repeat;
		}
		
		.dialogNew_l
		{
			background:url(/skin/coolBlue/images/dialogPanel/box_l.png) top left repeat-y;
		}
		
		.dialogNew_Header
		{
			width:100%;height:18px;background:url(/skin/coolBlue/images/dialogPanel/dialog_window_header.png) top left repeat-x;cursor:move;
		}
		
		.dialogNew_title
		{
			float:left;
			font-family:arial;
			font-weight:bold;
			background:url(/skin/coolBlue/images/dialogPanel/header_carrot_small.png) top left no-repeat;
			color:#FFFFFF;
		    height:16px;
			display:inline;
			margin:0;
			padding:2px 0 0 18px;
			overflow:hide;
		}
		
		.dialogNew_CloseBtn
		{
			cursor:pointer;
			height:13px;
			width:14px;
			margin:0px 0 0 0;
			background:url(/skin/coolBlue/images/dialogPanel/header_button_close_small.gif) top left no-repeat;
		}
		
		.dialogNew_r
		{
			background:url(/skin/coolBlue/images/dialogPanel/box_r.png) top left repeat-y;
		}
		
		.dialogNew_content
		{
			width:100%;border:solid 1px #1A80CE;
		}
		
		.dialogNew_content .dialogNew_content_viewport
		{
			float:left;background:#ffffff;
			overflow:auto;
		}
		
		.dialogNew_bl
		{
			width:17px;background:url(/skin/coolBlue/images/dialogPanel/box_bl.png) bottom right no-repeat;
		}
		
		.dialogNew_b
		{
			width:100%;background:url(/skin/coolBlue/images/dialogPanel/box_b.png) top left repeat-x;
		}
		
		.dialogNew_br
		{
			width:17px;background:url(/skin/coolBlue/images/dialogPanel/box_br.png) top left no-repeat;
		}
		
		/* AUTO SUGGEST CONTAINER FROM NEW DIALOG ######### */
		.dialogNew_sel_box_b
		{
			display:;left:293px;top:339px;position:absolute;z-index:10000000
		}
		
		.dialogNew_sel_box_bl
		{
			background:url(/skin/coolBlue/images/dialogPanel/box_search_bl7.png) top left no-repeat;width:15px;height:34px;margin:0;padding:0;
		}
		
		dialogNew_sel_box_bc
		{
			background:url(/skin/coolBlue/images/dialogPanel/box_search_b_repeat.png) top left repeat-x;height:34px;margin:0;padding:1px 0 0 0;
		}
		
		dialogNew_sel_box_br
		{
			background:url(/skin/coolBlue/images/dialogPanel/box_search_br2.png) top left no-repeat;width:15px;height:34px;margin:0;padding:0;
		}
		
		
		
		
		/* DIRECTORY PICKER WINDOW ########################################################################################*/
		.dirPickerWindow
		{
			position: absolute;
			width: 500px; /* Default */
			height:200px; /* Default */
			z-index: 10000;
			top: 0;
			left: -700px;
			overflow:show;
			/*background:#000000;*/
		}
		
		.directoryList
		{
			width:400px;
			margin-top:1px;
			border:solid 1px #7F9DB9;
			height:300px;
			overflow-y:auto;
		}
		
		.directoryList ul
		{
			list-style-type:none;
			margin:0;
			padding:0;
		}
		
		.directoryList ul li
		{
			cursor:default;
			padding:1px 4px 1px 4px;
			border: solid 1px #FFFFFF;
		}
		
		.directoryList ul li.selected
		{
			border:solid 1px #1E75B8;
			background:#007FE1;
		}
		
		.directoryList ul li div
		{
			
		}
		
		.directoryList ul li div p
		{
			float:left;
			font-weight:bold;
			color:#000000;
		}
		
		.directoryList ul li.selected div p
		{
			color:#FFFFFF;
		}
		
		.directoryList ul li div div.normalicon
		{
			float:left;
			margin:0 5px 0 0;
			background:url(/skin/coolBlue/images/icons/form_directory_icon.png) top left;
			width:16px;
			height:15px;
		}
		
		.directoryList ul li div div.upicon
		{
			float:left;
			margin:0 5px 0 0;
			background:url(/skin/coolBlue/images/icons/form_directory_icon_up.png) top left;
			width:16px;
			height:15px;
		}
		
		
		/* QUICK PANEL STYLES - POPUP WHEN HOVER OVER LIST ITEMS ########################################################################################*/
		.quickPanelWindow
		{
			z-index: 10000;
			position: absolute;
			overflow:show;
			width: 400px; /* Default */
		}
				
		
		/* ----- NEW TABLE LAYOUT STYLE ------ */
		.quickPanelWindow table
		{
			width:100%;
			border:0;
			padding:0;
			margin:0;
		}
		
		.quickPanelWindow table tr td.quickPanelMidFull table tr td.quickPanelMidL .leftPointer
		{
		    position:absolute;
		    left:-3px;
		    top:8px;
		    height:24px;
		    width:10px;
		    background:url(/skin/coolBlue/images/quickPanel/pointer_left.png) left top no-repeat;
		    padding: 0;
		    margin:0;
		    display: block;
		    overflow:hidden;
		}
		
		.quickPanelWindow table tr td.quickPanelMidFull table tr td.quickPanelMidR .rightPointer
		{
		    position:absolute;
		    left:393px;
		    top:8px;
		    height:24px;
		    width:10px;
		    background:url(/skin/coolBlue/images/quickPanel/pointer_right.png) left top no-repeat;
		    padding: 0;
		    margin:0;
		    display: block;
		    overflow:hidden;
		}
		
		.quickPanelWindow table tr td.quickPanelHeadL
		{
		    height: 10px;
		    width: 11px;
		    background:url(/skin/coolBlue/images/quickPanel/header_left_thin.png) left bottom no-repeat;
		    margin:0;
		    padding:0;
		}
		
		.quickPanelWindow table tr td.quickPanelHeadL div
		{
			width:11px;height:10px;
		}
		
		
		.quickPanelWindow table tr td.quickPanelHead
		{
			
		    background:url(/skin/coolBlue/images/quickPanel/header_thin.png) left bottom repeat-x;
		    width:95%; /****** DEFINED WIDTH, NOT INHERITED ******/
		    min-width:250px;
		    height:10px;
		    padding:0;
		    margin:0;
		    
		}
		
		.quickPanelWindow table tr td.quickPanelHeadR
		{
		    width: 11px;
		    height: 10px;
		    background:url(/skin/coolBlue/images/quickPanel/header_right_thin.png) left bottom no-repeat;
		    padding: 0;
		    margin:0;
		}
		
		.quickPanelWindow table tr td.quickPanelHeadR div
		{
			width:11px;height:10px;
		}
		
		
		/* START FULL EDGE TO EDGE __________________________ */
		.quickPanelWindow table tr td.quickPanelMidFull
		{
			width:100%;
			/*max-height:300px;*/
		}
		
		.quickPanelWindow table tr td.quickPanelMidFull table
		{
			width:100%;
			border:0;
			padding:0;
			margin:0;
		}
		
		.quickPanelWindow table tr td.quickPanelMidFull table tr td.quickPanelMidL
		{
		 	background:url(/skin/coolBlue/images/quickPanel/left_repeat_2.png) left top repeat-y;
		    width:7px;
		    margin:0;
		    padding:0;
		}
		
		.quickPanelWindow table tr td.quickPanelMidFull table tr td.quickPanelMid
		{
		    background:#FFFFFF;
		    margin:0;
		    padding:0;
		    text-align:left;
		}
		
		.quickPanelMid div.quickPanelContent
		{
			position:relative;
			width:100%;
			height:100%;
			overflow:auto;
			max-height:450px;
			min-height:20px;
		}
		
		/* SECTION HEADINGS */
		.quickPanelMid div.quickPanelContent div.qpSectionContainer
		{
			float:left;
			width:100%;
			margin:0 0 5px 0;
			height:auto;
		}
		
		.quickPanelMid div.quickPanelContent div.qpSectionContainer div.qpSectionHeading
		{
			float:left;
			border-top:solid 1px #EFEFEF;
			border-bottom: solid 1px #CFCFCF;
			background:url(/skin/coolBlue/images/quickPanel/heading_background.png) top left repeat-x;
			height:17px;
			width:100%;
		}
		
		.quickPanelMid div.quickPanelContent div.qpSectionContainer div.qpSectionHeading h2
		{
			margin:0 0 0 6px;
			padding:0;
			font-size:12px;
			color:#333333;
			line-height:16px;
		}
		/* END SECTION HEADINGS */
		
		.quickPanelMid p a
		{
			text-decoration:underline;
		}
		
		.quickPanelMid p a:hover
		{
			text-decoration:none;
		}
		
		.quickPanelMid div.quickPanelAction
		{
			border-top:solid 1px #CECECE;
			position:relative;
			width:100%;
			overflow:auto;
		}
		
		.quickPanelWindow table tr td.quickPanelMidFull table tr td.quickPanelMidR
		{
			background:url(/skin/coolBlue/images/quickPanel/right_repeat_2.png) left top repeat-y;
		    width:7px;
		    margin:0;
		    padding:0;
		}
		
		/* END FULL EDGE TO EDGE __________________________ */
		
		
		/* ACTION __________________________ */
		
		.quickPanelWindow table tr td.quickPanelActionFull
		{
			width:100%;
			/*max-height:300px;*/
		}
		
		.quickPanelWindow table tr td.quickPanelActionFull table
		{
			width:100%;
			border:0;
			padding:0;
			margin:0;
		}
		
		.quickPanelWindow table tr td.quickPanelActionFull table tr td.quickPanelActionL
		{
		    width:7px;
		    background:url(/skin/coolBlue/images/quickPanel/left_repeat_2.png) left top repeat-y;
		    padding:0;
		    margin:0;
		}
		
		.quickPanelWindow table tr td.quickPanelActionFull table tr td.quickPanelAction
		{
		    /*border-top:solid 1px #efefef;*/
		    background:#efefef;
		    padding:0;
		    margin:0;
		}
		
		.quickPanelWindow table tr td.quickPanelActionFull table tr td.quickPanelActionR
		{
		    width:7px;
		    background:url(/skin/coolBlue/images/quickPanel/right_repeat_2.png) right top repeat-y;
		    padding:0;
		    margin:0;
		}
		/* END ACTION __________________________ */
		
		/* FOOTER __________________________ */
		.quickPanelWindow table tr td.quickPanelFootL
		{
			/*float: left;*/
		    height: 13px;
		    width:11px;
		    background:url(/skin/coolBlue/images/quickPanel/footer_left.png) left top no-repeat;
		    padding:0;
		    margin:0;
		}
		
		.quickPanelWindow table tr td.quickPanelFoot
		{
		    height: 13px;
		    background:url(/skin/coolBlue/images/quickPanel/footer_repeat.png) left top repeat-x;
		    padding:0;
		    margin:0;
		}
		
		.quickPanelWindow table tr td.quickPanelFootR
		{
		    width:11px;
		    height:13px;
		    background:url(/skin/coolBlue/images/quickPanel/footer_right.png) left top no-repeat;
		    padding:0;
		    margin:0;
		}
		/* ----- END TABLE LAYOUT STYLE ------ */
		
		
		
		/*###############################################################*/
		/* Specific Quick Panel Page Styles */
		/*###############################################################*/
		
		


/* ################################################################################################## */
/* ################################################################################################## */
/* #######
/* #######      EXTERNAL / WIDGET STYLES
/* #######
/* ################################################################################################## */
/* ################################################################################################## */ 


		/*###############################################################*/
		/* The main calendar widget.  DIV containing a table. */
		/*###############################################################*/
		
		div.calendar { position: relative; }
		
		.calendar, .calendar table {
		  border: 1px solid #556;
		  font-size: 11px;
		  color: #000;
		  cursor: default;
		  background: #eef;
		  font-family: tahoma,verdana,sans-serif;
		}
		
		/* Header part -- contains navigation buttons and day names. */
		
		.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
		  text-align: center;    /* They are the navigation buttons */
		  padding: 2px;          /* Make the buttons seem like they're pressing */
		}
		
		.calendar .nav {
		  background: #778 url(/js/jscalendar/menuarrow.gif) no-repeat 100% 100%;
		}
		
		.calendar thead .title { /* This holds the current "month, year" */
		  font-weight: bold;      /* Pressing it will take you to the current date */
		  text-align: center;
		  background: #fff;
		  color: #000;
		  padding: 2px;
		}
		
		.calendar thead .headrow { /* Row <TR> containing navigation buttons */
		  background: #778;
		  color: #fff;
		}
		
		.calendar thead .daynames { /* Row <TR> containing the day names */
		  background: #bdf;
		}
		
		.calendar thead .name { /* Cells <TD> containing the day names */
		  border-bottom: 1px solid #556;
		  padding: 2px;
		  text-align: center;
		  color: #000;
		}
		
		.calendar thead .weekend { /* How a weekend day name shows in header */
		  color: #a66;
		}
		
		.calendar thead .hilite { /* How do the buttons in header appear when hover */
		  background-color: #aaf;
		  color: #000;
		  border: 1px solid #04f;
		  padding: 1px;
		}
		
		.calendar thead .active { /* Active (pressed) buttons in header */
		  background-color: #77c;
		  padding: 2px 0px 0px 2px;
		}
		
		/* The body part -- contains all the days in month. */
		
		.calendar tbody .day { /* Cells <TD> containing month days dates */
		  width: 2em;
		  color: #456;
		  text-align: right;
		  padding: 2px 4px 2px 2px;
		}
		.calendar tbody .day.othermonth {
		  font-size: 80%;
		  color: #bbb;
		}
		.calendar tbody .day.othermonth.oweekend {
		  color: #fbb;
		}
		
		.calendar table .wn {
		  padding: 2px 3px 2px 2px;
		  border-right: 1px solid #000;
		  background: #bdf;
		}
		
		.calendar tbody .rowhilite td {
		  background: #def;
		}
		
		.calendar tbody .rowhilite td.wn {
		  background: #eef;
		}
		
		.calendar tbody td.hilite { /* Hovered cells <TD> */
		  background: #def;
		  padding: 1px 3px 1px 1px;
		  border: 1px solid #bbb;
		}
		
		.calendar tbody td.active { /* Active (pressed) cells <TD> */
		  background: #cde;
		  padding: 2px 2px 0px 2px;
		}
		
		.calendar tbody td.selected { /* Cell showing today date */
		  font-weight: bold;
		  border: 1px solid #000;
		  padding: 1px 3px 1px 1px;
		  background: #fff;
		  color: #000;
		}
		
		.calendar tbody td.weekend { /* Cells showing weekend days */
		  color: #a66;
		}
		
		.calendar tbody td.today { /* Cell showing selected date */
		  font-weight: bold;
		  color: #00f;
		}
		
		.calendar tbody .disabled { color: #999; }
		
		.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
		  visibility: hidden;
		}
		
		.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
		  display: none;
		}
		
		/* The footer part -- status bar and "Close" button */
		
		.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
		  text-align: center;
		  background: #556;
		  color: #fff;
		}
		
		.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
		  background: #fff;
		  color: #445;
		  border-top: 1px solid #556;
		  padding: 1px;
		}
		
		.calendar tfoot .hilite { /* Hover style for buttons in footer */
		  background: #aaf;
		  border: 1px solid #04f;
		  color: #000;
		  padding: 1px;
		}
		
		.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
		  background: #77c;
		  padding: 2px 0px 0px 2px;
		}
		
		/* Combo boxes (menus that display months/years for direct selection) */
		
		.calendar .combo {
		  position: absolute;
		  display: none;
		  top: 0px;
		  left: 0px;
		  width: 4em;
		  cursor: default;
		  border: 1px solid #655;
		  background: #def;
		  color: #000;
		  font-size: 90%;
		  z-index: 100;
		}
		
		.calendar .combo .label,
		.calendar .combo .label-IEfix {
		  text-align: center;
		  padding: 1px;
		}
		
		.calendar .combo .label-IEfix {
		  width: 4em;
		}
		
		.calendar .combo .hilite {
		  background: #acf;
		}
		
		.calendar .combo .active {
		  border-top: 1px solid #46a;
		  border-bottom: 1px solid #46a;
		  background: #eef;
		  font-weight: bold;
		}
		
		.calendar td.time {
		  border-top: 1px solid #000;
		  padding: 1px 0px;
		  text-align: center;
		  background-color: #f4f0e8;
		}
		
		.calendar td.time .hour,
		.calendar td.time .minute,
		.calendar td.time .ampm {
		  padding: 0px 3px 0px 4px;
		  border: 1px solid #889;
		  font-weight: bold;
		  background-color: #fff;
		}
		
		.calendar td.time .ampm {
		  text-align: center;
		}
		
		.calendar td.time .colon {
		  padding: 0px 2px 0px 3px;
		  font-weight: bold;
		}
		
		.calendar td.time span.hilite {
		  border-color: #000;
		  background-color: #667;
		  color: #fff;
		}
		
		.calendar td.time span.active {
		  border-color: #f00;
		  background-color: #000;
		  color: #0f0;
		}


/* ################################################################################################## */
/* ################################################################################################## */
/* #######
/* #######      REPORT TEMPLATES
/* #######
/* ################################################################################################## */
/* ################################################################################################## */      

.reportTemplateCategoryAll{
    width:16px;
    height:16px;
    background:url(/skin/coolBlue/images/icons/list_user_red.gif) top left no-repeat;
    padding:0;
	margin:1px 5px 0 0;
	float:left;
	margin:collapse;
}

.reportTemplateCategoryScheduled{
    width:16px;
    height:16px;
    background:url(/skin/coolBlue/images/icons/list_user_red.gif) top left no-repeat;
    padding:0;
	margin:1px 5px 0 0;
	float:left;
	margin:collapse;
}

.reportTemplateCategoryPrivate{
    width:16px;
    height:16px;
    background:url(/skin/coolBlue/images/icons/list_user_red.gif) top left no-repeat;
    padding:0;
	margin:1px 5px 0 0;
	float:left;
	margin:collapse;
}

.reportTemplateCategoryUploaded{
    width:16px;
    height:16px;
    background:url(/skin/coolBlue/images/icons/list_user_red.gif) top left no-repeat;
    padding:0;
	margin:1px 5px 0 0;
	float:left;
	margin:collapse;
}

.reportTemplateCategoryDownloaded{
    width:16px;
    height:16px;
    background:url(/skin/coolBlue/images/icons/list_user_red.gif) top left no-repeat;
    padding:0;
	margin:1px 5px 0 0;
}

/* ################################################################################################## */
/* ################################################################################################## */
/* #######
/* #######      Add-Ons
/* #######
/* ################################################################################################## */
/* ################################################################################################## */ 

.iconsAddOnCategoryReport
{
    width:16px;
    height:16px;
    background:url(/skin/coolBlue/images/icons/list_addons_reports.png) top left no-repeat;
    padding:0;
	margin:1px 5px 0 0;
}

.iconsAddOnCategoryLocalization
{
    width:16px;
    height:16px;
    background:url(/skin/coolBlue/images/icons/list_addons_localization.png) top left no-repeat;
    padding:0;
	margin:1px 5px 0 0;
}

.iconsAddOnCategoryLocalizationCollaboration
{
    width:16px;
    height:16px;
    background:url(/skin/coolBlue/images/icons/list_addons_localization_collaboration.png) top left no-repeat;
    padding:0;
	margin:1px 5px 0 0;
}

.iconsAddOnCategoryAll
{
    width:16px;
    height:16px;
    background:url(/skin/coolBlue/images/icons/list_addons.png) top left no-repeat;
    padding:0;
	margin:1px 5px 0 0;
}

.iconsAddOnCategoryMyShared
{
    width:16px;
    height:16px;
    background:url(/skin/coolBlue/images/icons/list_addons_shared.png) top left no-repeat;
    padding:0;
	margin:1px 0px 0px 13px;
}

.iconsAddOnCategoryMyDownloaded
{
    width:16px;
    height:16px;
    background:url(/skin/coolBlue/images/icons/list_addons_installed.png) top left no-repeat;
    padding:0;
	margin:1px 0px 0px 13px;
}

.iconsAddOnCategoryPendingUpdates
{
    width:16px;
    height:16px;
    background:url(/skin/coolBlue/images/icons/list_addons_updates.png) top left no-repeat;
    padding:0;
	margin:1px 0px 0px 13px;
}

/* ################################################################################################## */
/* ################################################################################################## */
/* #######
/* #######      MA MARKET STYLES
/* #######
/* ################################################################################################## */
/* ################################################################################################## */ 
.mamarketDashboardContainerReport
{
	background-color: #d2ffd6;
	/* border: 1px solid #8bee97; */
	background-image: URL('/skin/coolBlue/images/maMarket/mamarketReportIcon.png');
	background-position: 10px 5px;
	background-repeat: no-repeat;
	width: 50%;
	height: 35px;
	display: inline-block;
	float: right;
}

.mamarketDashboardContainerClock
{
	background-color: #dff1ff;
	/* border: 1px solid #e0e3e5; */
	background-image: url(/skin/coolBlue/images/icons/icon_clock_out.gif);
	background-position: 10px 5px;
	background-repeat: no-repeat;
	width: 50%;
	height: 35px;
	display: inline-block;
	float: left;
}

.mamarketcontainer
{
	height:100%;
	width: 100%;
	position: relative;
	top: 0px;
	z-index:2;
	text-align: left;
	display: inline-block;
	float: left;
	width: 651px;
}

.mamarketcontainer.sidebar
{
	float: left;
	width: 200px;
}

.mamarketbackground
{
	background-image: URL('/skin/coolBlue/images/maMarket/background.png');
	background-repeat:repeat-x;
	background-color: #f1f1f1;
	/*position: absolute;
	top: 43px;
	left: 0px;*/
	width: 100%;
	height: 100%;
	/*z-index:-100;*/
	overflow:auto;
	
}

.mamarketheader
{
	background-color:#166eb2;
	border: 1px solid #166eb2;
	border-radius: 0px 0px 10px 10px;
	height: 200px;
	-moz-box-shadow: 2px 2px 2px #dbdbdb;
  	-webkit-box-shadow: 2px 2px 2px #dbdbdb;
  	box-shadow: 2px 2px 2px #dbdbdb;
  	position: relative;
}

.mamarkettextbox
{
	display: inline-block;
	float: left;
	margin-left: 20px;
	color: white;
	width: 450px;
	/* background-color: white;
	opacity: 0.9;
	padding: 10px;
	border-radius: 10px; */
	
}

.mamarkettextbox ul
{
	margin-top: 0px;
	margin-left: 0px;
}


.mamarkettextbox ul li
{
	text-indent: 0px;
	margin-left: -20px;
	margin-top: 0px;
	padding-top: 5px;
}

.mamarkettextbox a
{
	color: white;
}

.mamarketbutton
{
	/* border-radius: 10px;
	padding: 5px;
	background-color: #166eb2;
	-moz-box-shadow: 2px 2px 2px #dbdbdb;
  	-webkit-box-shadow: 2px 2px 2px #dbdbdb;
  	box-shadow: 2px 2px 2px #dbdbdb; */
}

.mamarketbuttontext a
{
	color: #166eb2;
	display: block;
	
}

.mamarketsubnavmenu
{
	background: URL('/skin/coolBlue/images/maMarket/menu_gradient.png');
	height: 31px;
	border-radius: 5px;
	border: 1px solid #d9d9d9;
	-moz-box-shadow: 2px 2px 2px #dbdbdb;
  	-webkit-box-shadow: 2px 2px 2px #dbdbdb;
  	box-shadow: 2px 2px 2px #dbdbdb;
}

.mamarketsubnavmenu a
{
	text-decoration: none;
	color: black;
}

.mamarketaddonlisttable
{
	width: 100%;
	/* border: 1px solid #b1b1b1; */
}

.mamarketitemcell
{
	height: 60px;
	border-bottom: 1px solid #d9d9d9;
	border-right: 1px solid #d9d9d9;
	margin: 0px;
	padding: 0px;
	background-color: white;
	-moz-box-shadow: 2px 2px 2px #dbdbdb;
  	-webkit-box-shadow: 2px 2px 2px #dbdbdb;
  	box-shadow: 2px 2px 2px #dbdbdb;
  	padding: 5px;
  	width: 162px;
  	font-size: 0.9em;
}

.mamarketitemcell a
{
	color:#166eb2;
	text-decoration: underline;
}

.mamarketitemcell.first
{
	border-left: 1px solid #d9d9d9;
}

.mamarketitemcell.only
{
	border-left: 1px solid #d9d9d9;
	border-right: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
	width: 100%;
}

.mamarketitemcell.only.detail
{
	min-height: 194px;
}

.mamarketitemcell.even
{
	background-color: #e8f0ff;
}


.mamarketimagecontainer
{
	width: 50px;
	height: 50px;
	border: 1px solid #bfbfbf;
	padding: 5px;
	background-color: #f4f4f4;
}

.mamarketimagecontainer.featured
{
	box-shadow: 0 0 20px rgba(242,255,92, 1);
}

.mamarketbuybadge a
{
	text-align:center;
	display: inline-block;
	background-color:#3fb4ff;
	margin-top: 5px;
	border-radius: 3px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 4px;
	padding-right: 4px;
	color: white;
	text-decoration: none;
	width: 60px;
	-moz-box-shadow: 2px 2px 2px #dbdbdb;
  	-webkit-box-shadow: 2px 2px 2px #dbdbdb;
  	box-shadow: 2px 2px 2px #dbdbdb;
}

.mamarketbuybadge.big a
{
	font-size: 1.3em;
	width: 100px;
	padding: 5px;
}

.mamarketbuybadge.wide a
{
	width: 200px;
	font-size: 1.3em;
	padding: 5px;
}

.mamarketbuybadge.bottom a
{
	position:absolute;
	bottom:0px;
	right:0px;
}

.mamarketbuybadge.downloaded a
{
	background-color: #36d92a;	
}

.mamarketstyledtext
{
	color: #3fb4ff;
	font-weight: bold;
}

.mamarketstyledtext.downloaded
{
	color: #36d92a;	
}

.mamarketstyledtext.update
{
	color: #906d98;
}

.mamarketbuybadge a:hover
{
	background-color: #1b9ef2;
}

.mamarketbuybadge.downloaded:hover a
{
	background-color: #2db523;	
}

.mamarketbuybadge.update a
{
	background-color: #906d98;
}

.mamarketbuybadge.update a:hover
{
	background-color: #76597c;
}

.mamarketdivider
{
	width: 100%;
	height: 1px;
	background-color: #f6f6f6;
	margin-top: 5px;
	margin-bottom: 5px;
	
}

.mamarketscreenshotcontainer
{
	position: relative;
	border: 1px solid #bfbfbf;
	border-radius: 10px 10px 0 0;
	width: 623px;
	margin-top: 20px;
	/* overflow: hidden; */
}

.mamarketscreenshot
{
	display: block;
	margin: 20px;
}

.mamarketscreenshot img
{
	-moz-box-shadow: 2px 2px 2px #dbdbdb;
	-webkit-box-shadow: 2px 2px 2px #dbdbdb;
	box-shadow: 2px 2px 2px #dbdbdb;
}

.mamarketscreenshotnav
{
	border-top: 1px solid #bfbfbf;
	bottom: 0px;
	left: 0px;
	background: URL('/skin/coolBlue/images/maMarket/screenShotNavGradient.png');
	width: 100%;
	text-align: center;
}

.mamarketscreenshotbutton
{
	display: inline-block;
	margin-top: 10px;
	height: 80px;
	width: 80px;
	margin-left: 5px;
	margin-right: 5px;
	border-radius: 10px;
}

.mamarketscreenshotbutton img
{
	margin-top: 5px;
	-moz-box-shadow: 2px 2px 2px #dbdbdb;
	-webkit-box-shadow: 2px 2px 2px #dbdbdb;
	box-shadow: 2px 2px 2px #dbdbdb;
}

.mamarketmenuheading
{
	font-size: 1.2em;
	/* background-color: #d4d4d4; */
	background: URL('/skin/coolBlue/images/maMarket/menu_gradient.png');
	border: 1px solid #d9d9d9;
	border-radius: 5px 5px 0px 0px;
	padding: 5px;
	-moz-box-shadow: 2px 2px 2px #dbdbdb;
  	-webkit-box-shadow: 2px 2px 2px #dbdbdb;
  	box-shadow: 2px 2px 2px #dbdbdb;
  	vertical-align: middle;
  	padding-left: 10px;
}

.mamarketrecordnav
{
	padding-top: 5px;	
}

.mamarketrecordnav a
{
	text-decoration: none;
	color: black;
}

.mamarketrecordnav .pagebutton
{
	border-radius: 5px;
	background-color:#d5d5d5;	
	display: inline-block;
	text-align: center;
	vertical-align: center;
	width: 15px;
	height: 15px;
	padding-top: 2px;
}

.mamarketrecordnav .pagebutton.inactive
{
	background-color:#e2e2e2;
	color: #979797;
}

.mamarketmenuheading.main
{
	height: 20px;
}

.mamarketmenuheading .sortmenu
{
	font-size: 0.8em;
	padding-right: 5px;
}

.mamarketmenubody
{
	border-left: 1px solid #d4d4d4;
	border-right: 1px solid #d4d4d4;
	border-bottom: 1px solid #d4d4d4;
	background-color: white;
	padding: 5px;
	margin-bottom: 15px;
	-moz-box-shadow: 2px 2px 2px #dbdbdb;
  	-webkit-box-shadow: 2px 2px 2px #dbdbdb;
  	box-shadow: 2px 2px 2px #dbdbdb;
}

.mamarketmenubody ol
{
	margin-top: 0px;
	margin-left: 0px;
}
.mamarketmenubody ol li
{
	text-indent: 0px;
	margin-left: -20px;
	padding-top: 5px;
}
.mamarketmenubody ol li a
{
	color: #3e3e3e;
	text-decoration: none;	
}


.mamarketpopupcontainer
{
	visibility: hidden;
	background-color: #f4f4f4;
	border-radius: 5px;
	opacity: 0.95;
	filter: alpha(opacity = 95);
	border: 1px solid #bfbfbf;
	padding: 10px;
	min-width: 350px;
	min-height: 120px;
	position: absolute;
	z-index: 3000;
	-moz-box-shadow: 2px 2px 2px #dbdbdb;
  	-webkit-box-shadow: 2px 2px 2px #dbdbdb;
  	box-shadow: 2px 2px 2px #dbdbdb;
  	font-size: 10pt;
  	color: #000000;
}

.mamarketpopupcontainer.userguide
{
	left: 115px;
	top: -117px;
}

.mamarketpopupcontainer.manage
{
	right: 147px;
	top: -135px;
	min-height: 140px;
}

.mamarketpopupcontainertab
{
	position: absolute;
	width: 13px;
	height: 26px;
}

.mamarketpopupcontainertab.left
{
	background: URL('/skin/coolBlue/images/maMarket/marketpopupTabLeft.png');
	left: -13px;
	top: 97px;
}

.mamarketpopupcontainertab.right
{
	background: URL('/skin/coolBlue/images/maMarket/marketpopupTabRight.png');
	right: -12px;
	top: 108px;
}

.mamarketpopuptitle
{
	font-weight: bold;
	color: black;
	font-size: 10pt;
	text-align: center;
	width: 100%;
	margin-bottom: 5px;
}

.mamarketpopupitem
{
	padding: 10px;
	text-align: left;
	border-top: 1px solid #dcdcdc;
	
}

.mamarketpopupitem.active:hover
{
	background-color: #e9e9e9;	
}

.mamarketuserguideitem a
{
	text-decoration: none;
}

.mamarketmessagecontainer
{
	font-size: 10pt;
	background-color: #fef49c;
	padding: 10px;
	border: 1px solid #ffe500;
}

.mamarketmessagecontainer a
{
	text-decoration: none;
	color: #551a8b;
}
	

.mamarketerrorcontainer
{
	font-size: 10pt;
	background-color: #fdf3f1;
	padding: 10px;
	border: 1px solid #e43712;
}

.mamarketerrorcontainer a
{
	display: block;
	background-color: #e43712;
	padding: 5px 10px 5px 10px;
	border-radius: 13px;
	text-decoration: none;
	color: white;
	font-weight: bold;
	width: 115px;
	text-align: center;
	margin-top: 15px;
	-moz-box-shadow: 2px 2px 2px #dbdbdb;
  	-webkit-box-shadow: 2px 2px 2px #dbdbdb;
  	box-shadow: 2px 2px 2px #dbdbdb
}

.mamarketerrorcontainer a:hover
{
	background-color: #d53310;
}

.mamarketerrortitle
{
	color: #e43712;
	font-weight: bold;
	padding-bottom: 5px;
}

.mamarketpurchasedcontainer
{
	padding: 10px;
	font-size: 10pt;
	background-color: #e4f9e7;
	color: #00a718;
	border: 1px solid #00cd1d;
	text-align: center;
	background: URL('/skin/coolBlue/images/maMarket/purchasedContainerBackground.png');
}

.mamarketpurchasedcontainer a
{
	display: block;
	background-color: #00cd1d;
	padding: 5px 10px 5px 10px;
	border-radius: 13px;
	text-decoration: none;
	color: white;
	font-weight: bold;
	width: 115px;
	margin-top: 15px;
	-moz-box-shadow: 2px 2px 2px #dbdbdb;
  	-webkit-box-shadow: 2px 2px 2px #dbdbdb;
  	box-shadow: 2px 2px 2px #dbdbdb
}

.mamarketpurchasedcontainer a:hover
{
	background-color: #00a718;
}

.mamarketheaderbutton
{
	display: inline-block;
}

.mamarketheaderbutton a
{
	background-color: #185e94;
	padding: 5px 10px 5px 10px;
	color: white;
	font-size: 1.2em;
	text-decoration: none;
	border-radius: 5px;	
}

.mamarketheaderbutton.bottom a
{
	position: absolute;
	bottom: 15px;
	right: 15px;
}

.mamarketheaderbutton a:hover
{
	background-color: #114065;
}

.mamarketheaderbutton.addon a
{
	background: #185e94 URL('/skin/coolBlue/images/maMarket/mamarketAddonDownloadWhite.png') no-repeat 10px center;
	padding: 10px 10px 10px 33px;
}

.mamarketheaderbutton.addon a:hover
{
	background: #114065 URL('/skin/coolBlue/images/maMarket/mamarketAddonDownloadWhite.png') no-repeat 10px center;
}

.mamarketheaderbutton.featured a
{
	background: #185e94 URL('/skin/coolBlue/images/maMarket/mamarketAddonFeaturedWhite.png') no-repeat 10px center;
	padding: 10px 10px 10px 33px;
}

.mamarketheaderbutton.featured a:hover
{
	background: #114065 URL('/skin/coolBlue/images/maMarket/mamarketAddonFeaturedWhite.png') no-repeat 10px center;
}

.mamarketheaderhiddenpane
{
	visibility: hidden;
	position: absolute;
	top: 140px;
}

.mamarkettextarea
{
	border: 1px solid #dedede;
	color: #656565;
	height: 40px;
	width: 150px;
}

.mamarketreviewsubmitbutton a
{
	background-color: #fffea6;
	border: 1px solid #fffc00;
	font-size: 0.9em;
	color: black;
	display: inline-block;
	padding: 15px 10px 15px 10px;
	text-decoration: none;
	float: right;
}

.mamarketreviewsubmitbutton a:hover
{
	background-color: #fffc00;
}

.mamarketstar
{
	width: 20px;
	height: 25px;
	display: inline-block;
}

.mamarketstar.full
{
	background: URL('/skin/coolBlue/images/maMarket/fullStar.png');
}

.mamarketstar.empty
{
	background: URL('/skin/coolBlue/images/maMarket/emptyStar.png');
}


/* ################################################################################################## */
/* ################################################################################################## */
/* #######
/* #######      UNSORTED STYLES
/* #######
/* ################################################################################################## */
/* ################################################################################################## */ 





	/* OverView Page links */
	/*.overViewLinks {
	    float:left;
	    width:400px;
	    padding:0;
	    margin:20px 0 0 30px;
	}
	.overViewLinks ul {
	    margin:0;
	    padding:0;
	    list-style-type:none;
	}
	.overViewLinks ul li {
	    margin: 0 0 10px 0;
	    width:100%;
	}
	.overViewLinks ul li p 
	{
		font-family:arial;
		color:#222222;
		font-size:17px;
		font-weight:bold;
		text-decoration:none
	}
	.overViewLinks ul li a p 
	{
		font-family:arial;
		color:#222222;
		font-size:17px;
		font-weight:bold;
		text-decoration:none
	}
	.overViewLinks ul li a:visited p  
	{
		font-family:arial;
		color:#222222;
		font-size:17px;
		font-weight:bold;
		text-decoration:none
	}
	.overViewLinks ul li a:hover p 
	{
		font-family:arial;
		color:#222222;
		font-size:17px;
		font-weight:bold;
		text-decoration:underline
	} */


        .columnError {margin:4px 8px 4px 8px; color:red;}
       .link,
        td.link {color:#ffeeec; cursor:pointer;}
        .editPaneLink {color:blue;}
        .editPaneLinkSelected {background:blue; color:white;}
       
        td.editLabel {text-align:right; font-weight:bold; vertical-align:top;}
        td.editValue {white-space:nowrap;align:left; vertical-align:top;}

        
        .infoBox {background:#ffeeec; border-bottom:1px solid #dddddd; padding:8px;}

        div.sectionHead {clear:both;font-weight:bold; border-bottom:1px solid #cccccc; margin:8px 0px 8px 0px;}

        .tempMessage {font:bold 24px Arial; color:white;}