body 
{
	font-family:Arial,Helvetica,FreeSans,"Liberation Sans","Nimbus Sans L",sans-serif;
	font-size:.9em;
	text-align:left;
	background-image: url("images/backdrop.gif");
	margin:0px 0px 0px 0px;
	padding:0;
}

.w3cLogos
{
	text-align:center;
	margin:2px 0px 0px 0px;	
}

form
{ 
}


.headPanel
{
    width:100%;
    margin-bottom:10px;
    border-bottom:0;
    z-index:1;
	position:fixed;
	top:0px;
}



.bodyContent
{
	position:relative;
	top:90px;
	width:80%;
    margin:10px auto 0 auto;
    background-color: #f9f9f9;
    padding-bottom:30px;
    border:1px solid black; 
}

.customerBodyPopup
{
	margin:0px auto 0 auto;
    background-color: #f9f9f9;
    border:1px solid black;
    position:relative;
}


img 
{
	padding:0px 0px 0px 0px;
	border:none;
}

.changeLogHeader 
{
	font-weight:bold;
	padding-right:5px;
	font-size:105%;
}
.changeLogHeaderRow 
{
	padding-left:15px;
}
.changeLogEntry 
{
	padding-left:25px;
	font-size:95%;
}

a
{
	color:#173D7F;
	text-decoration:none;
	font-size:.8em;
	font-weight:bold;
}

a.logLink 
{
	font-size:11px;
	font-weight:normal;
	color:#FF0;
}
a.logLink:hover 
{
	color:#FD0;
}

a:hover
{
	color:#173D7F;
	text-decoration:underline;
}


hr
{
	margin: 1px 0px 10px 0px;
}

.formHelpNote
{
	margin-left:5px;
	font-size:90%;
	color:#FF0000;
}

.ErrorMessage
{
	font-size:90%;
	color:Red;	
}

.leftNavButton
{
	padding: 10px 10px 10px 10px;
	background-color:#dedede;
	border: solid 1px #DDDDDD;
	text-align:left;
	border-left: solid 2px #DDDDDD;
	width:170px;
}

.normalDiv
{
	padding: 10px 10px 10px 10px;
	background-color:#f9f9f9;
	border: solid 1px #DDDDDD;
	text-align:left;
}

.customerDiv
{
    width:400px;
    max-width:400px;
    max-width:400px;
}

.leftNavLabels
{
	text-align:right;
	vertical-align:baseline;
}

.leftNavCell
{
	background-color:#f9f9f9;
	border: solid 2px #DDDDDD;
	padding: 5px 5px 5px 5px;
}

.rightPad
{
	padding-right:10px;
}

.leftPad 
{
	padding-left:20px;
}

.nonLink 
{
	position:relative;
	margin-left:25px;
	top:2px;
	color:Black !important;
}
.nonLink:hover 
{
	color:Black;
}
.inlineDiv 
{
	display:inline;
}

.textLeft
{
	text-align:left;
}

.commentDiv, .notesDiv
{
	background-color: #dedede;
	border: solid 1px #BBBBBB;
	padding: 5px 5px 5px 5px;
	margin: 10px 5px 10px 5px;
	word-wrap:break-word;
}

.fileDiv
{
	background-color: #dedede;
	border: solid 1px #BBBBBB;
	padding: 1px 1px 1px 1px;
	margin: 10px 0px 10px 0px;
}

.confirmDeleteDiv
{
	background-color: #dedede;
	border: solid 5px Red;
	padding: 1px 1px 1px 1px;
	margin: 10px 0px 10px 0px;
}



/**Header and Footer CSS**/
#controlCenterLogo
{
	background-image: url("images/topBarGrad.jpg");
	font-family:Arial;
	font-weight:bold;
	font-size:32px;
	text-align:left;	
	height:40px;
	width:100%;
	background-color:#173D7F;
	color:#FFFFFF;
}

.logoPanel
{
	float:left;	
	position:absolute;
}

.logoutPanel 
{
	font-weight:normal;
	font-size:11px;
	text-align:right;
	float:right;
	padding:8px 10px 0px 0px;
	color:#FFFFFF;
}

.subtitle
{
	font-weight:bold;
	font-size:11px;
	margin-left:5px;
}

#footerInformation
{
	width:100%;
	height:28px;
	background-color:#173D7F;
	padding:0px 0px 0px 0px;
	color:#FFFFFF;
	text-align:center;
}

#footerInformation div.searchBoxCommandDiv
{
	padding-left:0px;
	margin-left:5px;
	margin-top:3px;
	padding-top:0px;
	display:block;
	height:18px;
	float:left;
	font-size:12px;
}
.searchBoxPanel
{
	display:inline;
}

#footerSearch 
{
	position:relative;
	overflow:hidden;
	left:5px;
	float:left;
}

.pageHeader
{
	width:100%;
}

.pageFooter
{
	position:fixed;
	bottom:0px;
	width:100%;	
}

.marginWrapperFooter
{
	position:relative;
	top:3px;	
}
#footerInformation div.searchBoxDiv
{
	display:block;
	float:left;
	height:20px;
}
.searchBoxHolder 
{
	text-align:left;
	position:relative;
	padding: 0px 0px 0px 10px;
	overflow:hidden;
}
.searchBoxLink
{
	padding:0px 0px 0px 0px;
	border-style:solid;
	border-width:0px 0px 0px 0px;
	border-color:#000000;
    text-decoration:none;
    font-size:12px;
    color:#FEFF7F;
}

.searchBoxLink:hover
{
	color:#FFFFFF;
	text-decoration:underline;
}
.footerWatermark
{
	font-size:10px;
	font-style:italic;
	color:#222222;
	background-color:#DDDDDD;
	border-style:none;
	height:20px;
	padding:2px 0px 0px 4px;
	margin:0px 0px 0px 0px;
}
.createWatermark
{
	font-size:10px;
	font-style:italic;
	color:#222222;
	background-color:#DDDDDD;
	border-style:none;
	height:18px;
	padding:2px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:150px;
	position:relative;
	top:-1px;
}
/**End Header and Footer CSS**/

/** Help Desk CSS **/

.helpDeskHeader
{
	font-size:160%;
	font-weight:bold;	
}


.helpDeskBox
{
	border-width:1px;
	border-style:solid;
	border-width:1px;
	border-color:#5295CC;
	width:650px;
	background-color:#FFFFFF;
	position:relative;
	top:15px;
	margin:auto;

}

.helpDeskBoxContentWrapper
{
	padding:0px 10px 0px 10px;
}

.helpDeskLogoCenter
{
	text-align:center;

}

.helpDeskManagementLogo
{
	margin:0px 0px 10px 0px;
	float:none;
}

.helpBoxTitleBar
{
	background-image: url("images/loginboxTopBarGrad.jpg");
	font-family:Arial;
	font-weight:bold;
	height:25px;
	width:100%;
	background-color:#173D7F;
	color:#FFFFFF;
	padding:5px 0px 0px 0px;
}
.helpTitleWrapper
{
	margin:0px 0px 0px 10px;	
}
/** End Help Desk CSS **/
/** Login Page CSS **/
#pageContentLoginScreen
{
	position:relative;
	margin:0px 5px 0px 5px;	
}

#logonBox
{
	border-width:1px;
	border-style:solid;
	border-width:1px;
	border-color:#5295CC;
	width:300px;
	background-color:#FFFFFF;
}

#loginManagementLogo
{
	background-image: url("images/Dune_Logo.jpg");
    background-position:center center;
    background-repeat:no-repeat;	
	height:85px;
	width:300px;
}

#logonBoxTitleBar
{
	background-image: url("images/loginboxTopBarGrad.jpg");
	font-family:Arial;
	font-weight:bold;
	height:25px;
	width:100%;
	background-color:#173D7F;
	color:#FFFFFF;
	padding:5px 0px 0px 0px;
}

#logonTitleWrapper
{
	margin:0px 0px 0px 10px;	
}

#logonButtonHolder
{
	text-align:right;
	margin-top:5px;
}

.logonButtonMargin
{
	margin-left:5px;	
}

.logonHelpText
{
	font-weight:normal;	
}

.loginSubText 
{
	float:right;
	display:inline;
	font-size:10px;
	padding:3px 10px 0px 0px;
}

.currentPageTitle
{
	font-weight:bold;
	font-size:14px;	
	float:left;
}
.validatorWarning 
{
	font-weight:bold;
}

.validatorHighlighter
{
	background-color:#FFFACD;
	border-color:#FF0000;
	border-width:1px;
}

.inputWrapper
{
	margin:5px 10px 10px 10px;
	font-weight:bold;
	font-size:12px;
}
/** End Login Page CSS **/

/*****BEGIN NAVIGATIONAL HEADER CSS*****/
.navWrap 
{
	width:1750px;	
	line-height:1.2em;
	border-style:solid;
	border-width:1px 0px 0px 0px;
	border-color:#173D7F;
	background-color:#173D7F;
	height:20px;
}

.navWrap ul
{
	display:inline;
}

.navWrap ul  li 
{
    text-align:center;
    margin-left:2px;
}

.wideLabel, .wideLabel:hover
{
    width:160px !important;   
}

.activeMenuLink, .nonActiveMenuLink:hover
{
	background-image: url("images/cazbahCRounded.gif");
	background-repeat:no-repeat;
	background-position:0px 0px;
	padding-left:20px;
	display:block;
	float:left;
	height:20px;
	width:88px;
}

.deptLink 
{
    width:95px !important;   
}

.deptLink:hover 
{
    width:93px !important;   
}

.medLabel:hover
{
    width:118px !important;
}

.activeMenuLink a, .nonActiveMenuLink:hover a
{
    background-image:url("images/RoundedTR.gif");
	background-repeat:no-repeat;
	background-position:right top;
	height:18px;
	background-color:#FFF;
	padding:2px 10px 0px 4px;
    display:block;
	color:#173D7F;
}

.nonActiveMenuLink
{
	padding-left:18px;
	display:block;
	float:left;
	height:20px;
	width:90px;
}

.nonActiveMenuLink a 
{
    color:#FF0;   
}

.hoverDiv 
{
    padding:2px 0 2px 0;
    display:none;
    position: relative;
	left:-20px;
	border:solid 10px white;
	width:180px;
	background-color:#173d7f;
}

.nonActiveMenuLink:hover .hoverDiv
{	
	display:block;
	z-index:6000;
}

.hoverDiv ol
{
	list-style-type:none;
	margin:0;
	padding:0;
}

.activeMenuLink:hover .hoverDiv ol li, .nonActiveMenuLink:hover .hoverDiv ol li
{
    text-align:left !important;   
    padding-left:15px;
    line-height:1em;
}

.activeMenuLink:hover .hoverDiv ol li a, .nonActiveMenuLink:hover .hoverDiv ol li a
{	
    height:100%;
	background:none;
	color:#FFFF00;
}

.marginWrapperShort
{
	margin-left:5px;
	float:left;	
}

.subNavHolder
{
	height:20px;
	border-style:solid;
    border-width:0px 1px 1px 1px;
    border-color:#173D7F;

    font-weight:bold;
    background-color:#FFFFFF;
    position:relative;
    left:80px;
    width:500px;
}

.subNavHolder a
{
	color:#173D7F;
	margin-left:25px;
	font-size:.8em;
	position:relative;
	top:2px;
}

a.SubNavSelected
{
    color:#000000  !important;
}

.helpLink 
{
	z-index:2;
	position:fixed;
	top:62px;
	left:98%;
}
/*****END NAVIGATIONAL HEADER CSS*****/
/*****START ADMIN PAGES CSS*****/
.projectDiv, .lockedUserDiv
{
	padding-left:5px;
	text-align:left;
	font-size:110%;	
}

.taskDiv 
{
	text-align:left;
	padding-left:25px;
	font-size:90%;
}

.linkDiv 
{
	font-size:80%;
	display:inline;	
}

.linkDiv a 
{
	font-size:90%;
}

.userDiv 
{
	text-align:left;
	padding-left:45px;
	font-size:80%;
}

/*****END TASK ADMIN PAGE CSS*****/
/*****START SEARCH PAGE CSS*****/
.searchResults 
{
	padding:0px 0px 0px 10px;
}

.searchResults hr 
{
	width:50%;
}
/*****END SEARCH PAGE CSS*****/
/***** Start User Log & Task Display Styles *****/
.tableDisplayDiv table
{
	border-collapse:collapse;
	font-size:85%;
}

.tableDisplayDiv table a 
{
    font-size:1em;   
}

.tableDisplayDiv table tr
{
	border:solid 1px black;
	
}

.tableDisplayDiv table tr:first-child
{
	font-weight:bold;
	height:22px;
	font-size:11px;
	text-decoration:none;
	background-color:#173D7F;
	color:#FFFFFF;
	margin:auto;
	width:875px;
	border-style:solid;
	border-color:#173D7F;
	border-width: 1px 1px 0px 1px;
	padding:3px 0px 5px 3px;
}

.tableDisplayDiv table tr:first-child a
{
	font-size:11px;	
	color:#FFFF00;
}

/***** End User Log Styles *****/
/***** Start Help Styles *****/
.helpBody 
{
	font-size:15px;
}
.helpHeader 
{
	margin-left:15px;
	background-color:#CCC;
	font-size:120%;
	color:Blue;

}
/***** End Help Styles *****/

/***** Begin Customer List Styles *****/


.clear
{
    clear:both;
}
div>table.calendar
{
    position:absolute;
    top:250px;
    left:350px;
    z-index:2;
    border:2px solid Red;
    background-color: Yellow;
    width: 200px;

}

.instructions
{
    font-size:xx-small;
    position:relative;
    left:70px;
    color:#7F7F7F;
}

.companyInfo hr
{
    /*width:525px;
    color:#173D7F;
    margin-top:10px;*/
}

.saveButton
{
    position:fixed;
    left: 550px;
    top:160px;
    background-color: #173D7F;
    color:Yellow;
    padding:5px;
    border: solid 2px #ffffff;
}

a:hover.saveButton 
{
    background-color: White;
    color: #173D7F;
    text-decoration:none;
    border: solid 2px #173D7F;
}

.chkCustomers
{
    display:list-item;
    list-style-type:none;
}

/***** End Customer List Styles *****/
/***** CazChat Styles *****/
a:hover 
{
	cursor:pointer;
}

.cChatButton
{
	position:fixed;
	bottom:5px;
	right:-15px;
	
	height:20px;
	width:150px;
}

.activeChatList 
{
	position:fixed;
	bottom:8px;
	right:600px;
	height:20px;
	width:260px;	
}

.activeChatList a:hover
{
	color:#173D7F;	
}
.chatPanel:hover 
{
	background-color:White;
}
.buddyList 
{
	background-color:White;
	overflow:scroll;
	overflow-x: auto; 
}
.buddyListHolder 
{
	width:190px;
	z-index:7000;
	position:fixed;
	bottom:28px;
	right:15px;
	border:solid 1px #173D7F;
	border-bottom:none;
	visibility:hidden;	
}
.buddyListHeader 
{
	width:190px;
	background-color:#173D7F;
	height:35px;
	top:0px;
	position:relative;
	width:100%;
}
.userHeaderText 
{
	font-family:Arial;
	font-size:12px;
	color:White;
	position:relative;
	top:-12px;
}
.chatPanel 
{
	border-left:solid 1px #cecece;
	border-right:solid 1px #cecece;
	width:110px;
	height:26px;
	position:fixed;
	padding-top:5px;
	color:White;
	text-align:center;
}
.newMessage 
{
	border-left:solid 1px #cecece;
	border-right:solid 1px #cecece;
	width:100px;
	height:26px;
	position:fixed;
	padding-top:5px;
	color:#173D7F;
	text-align:center;
	background-color:White;
}
#pnlChat a:hover
{
	color:Yellow;
}
.userEntryText 
{
	font-family:Arial;
	font-size:12px;
	color:Black;
	position:relative;
	top:-12px;
}
.headerImage 
{
	width:30px;
	height:30px;
	margin:2px 2px 2px 2px;
}

.chatWindowHolder 
{
	background-color:White;
	position:fixed;
	bottom:27px;
	border:solid 1px #173D7F;
	z-index:1500;
	visibility:hidden;
}

.chatWindow 
{
	width:232px;
	height:280px;
	overflow:scroll;
	overflow-x: auto; 
	word-wrap:break-word;
	padding:0 0 0 0;
}

.messageBox 
{
	width:175px;
	height:20px;
	
}
.chatSubmitButton 
{
	width:20px;
	height:20px;
	
}
.topOfChatHeader 
{
	width:100%;
	height:20px;
	background-color:#173D7F;
	position:relative;
	top:0px;
	left:0px;
	color:White;
}

.topOfChatHeader a 
{
	color:White;	
}

.chatUserImage 
{
	width:40px;
	height:40px;
	margin:2px 2px 2px 2px;
	top:5px;
	left:5px;
	position:absolute;
}

.chatUserName 
{
	position:absolute;
	font-weight:bold;
	font-size:13px;
	color:White;	
	top:5px;
	left:55px;
}
.previousChatButton 
{
	width:26px;
	height:26px;
	position:fixed;
	color:White;
	text-align:center;
}
.nextChatButton 
{
	width:26px;
	height:26px;
	position:fixed;
	color:White;
	text-align:center;
}
/** SAFARI CODE **/
.activeChatListSafari
{
	position:absolute;
	bottom:6px;
	right:0px;
	height:20px;	
}
.activeChatListSafari a:hover
{
	color:#173D7F;	
}
.chatPanelSafari:hover
{
	background-color:White;
}
.chatPanelSafari 
{
	border-left:solid 1px #cecece;
	border-right:solid 1px #cecece;
	width:110px;
	height:26px;
	position:absolute;
	padding: 5px 0px 0px 0px;
	color:White;
	text-align:center;
}
.newMessageSafari 
{
	border-left:solid 1px #cecece;
	border-right:solid 1px #cecece;
	width:100px;
	height:26px;
	position:absolute;
	padding-top:5px;
	color:#173D7F;
	text-align:center;
	background-color:White;
}
.nextChatButtonSafari
{
	width:26px;
	position:absolute;
	height:26px;
	color:White;
	text-align:center;
}
.previousChatButtonSafari
{
	position:absolute;
	width:26px;
	height:26px;
	color:White;
	text-align:center;
}
/***** End CazChat Styles *****/
/***** Start Notification Styles *****/
.notificationButton 
{
	background-image:url(images/Notice.png);
	background-repeat:no-repeat;
	position:fixed;
	right:5px;
	bottom:15px;
	z-index:15;
	height:17px;
	width:17px;
	display:none;
}

.notificationPanel 
{
	overflow:scroll;
	overflow-x:auto;
	height:350px;	
	width:202px;
}

.notificationHeader 
{
	color:White;
	font-size:12px;
	font-weight:bold; 
	position:relative;
	left:5px;
}

.notificationIcon 
{
	position:fixed;
	bottom:5px;
	right:10px;
	z-index:5;
	height:17px;
	width:17px;
}

.notificationPost
{
	border-top:1px solid #E0E0E0;
	width:160px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	padding-right:10px;
	font-size:12px;
}

.notificationPost a 
{
    font-size:1em;   
}
/***** End Notification Styles *****/
/***** iDune Styles *****/
	#divConstrain {
        min-height:400px;
        height:100%;
    }

    #divConstrain ul {
        margin: 3px;
        width: 280px;
        float: left;
        padding: 0;
        position: relative;
        min-height:150px;
    }
    
    #divConstrain ul li {
        background-image: none;
        list-style-type: none;
        
        margin: 3px;
        cursor: move;
        position: relative;
        border:solid 1px black;
        width:280px;
    }
    
    #divConstrain ul li table 
    {
		border-collapse:collapse;
    }
    
    .iDuneHeader 
    {
		background: transparent url("images/topBarGrad.jpg") repeat-x scroll 0 -15px;
		color:White;
		font-weight:bold;
		text-align:center;	
    }
    
    .iDuneColHeader 
    {
    	color:Black;
    	text-decoration:underline;
    	text-align:center;
    	font-weight:bold;
    	font-size:smaller;
    }
    
    .iDuneEntry 
    {
		font-size:13px;
		text-align:center;	
    }
/***** End iDune Styles *****/
/***** Modal Popup Style *****/
.modalBackground 
{
	background-color:Black;
	filter:alpha(opacity=50);
	opacity:0.5;
} 
.modalPopup 
{
	width:500px;
	height:500px;
	background-color:#f9f9f9;
	margin:auto;
	border:solid 1px black;
}
.modalInnerStuff
{
	padding:20px 20px 0 15px;
}
/***** End Modal Style *****/