/* ------------------------------------------------
 * STYLES FOR HTML TAGS
 * ------------------------------------------------ */

body 
{
	background-color: White;
	color:#000000;
	font-family:"Trebuchet MS", sans-serif, arial;
	font-size:12pt;
	margin: 0;
}

a img
{
	border: none;
	text-decoration:none;
	/*vertical-align: text-bottom; */
}


a 
{
	color:#0066FF;
	font-weight:bold;
	text-decoration:none;
}

a:hover 
{
	text-decoration: underline;
	color:#0066FF;
}

a.whiteText
{
	color:#fff;
	text-decoration:none;
}

a.whiteText:hover 
{
	text-decoration: underline;
	color:#fff;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - */
/* classes for the sub menu under a object card */

a.rootMenuItemText
{
    padding: 3px 6px 3px 6px; 
}

a.rootMenuItemText:hover
{
    background-color: #4D6384;
    color: white;
    text-decoration: none;
}

/* - - - - - - - - - - - - - - - - - - - */

a.visitedItem
{
	color: #666;
}

a.visitedItem:hover
{
	color: #666;
    text-decoration: underline;
}


h1 
{
	color:#000000;
	font-family:"Trebuchet MS",sans-serif,arial;
	font-size:16pt;
	font-weight:bold;
}

h2 
{
	color:#000000;
	font-family:"Trebuchet MS",sans-serif,arial;
	font-size:14pt;
	font-weight:bold;
}

hr.hrLine
{
	border: none;
	border-top: 1px solid #E6E6E6;
	border-bottom: 1px solid #F1F1F1;
	width: 98%;
	margin: 0;
	padding: 0;
}



/* ------------------------------------------------
 * ID-STYLES
 * ------------------------------------------------ */
#topContent
{
	background-color: #314B71;
	background-image: url(../images/top_background.gif);
	background-repeat: repeat-x;
	position: relative;
	height: 105px;
	width: 100%;
	min-width: 980px;
	z-index: 99;

    /* IE Dynamic Expression to set the min-width */
    width:expression(document.body.clientWidth < 980 ? "979px" : "100%" );
}

#centerContent
{
	z-index: 98;
	margin: 25px 0 0 0;
	width: 100%;
	min-width: 980px;

    /* IE Dynamic Expression to set the min-width */
    width:expression(document.body.clientWidth < 980 ? "979px" : "100%" );
}

#loginContainer
{
	width: 390px;
	margin-top: 80px;
}

#profileContainer
{
	width: 330px;
	margin-top: 50px;
}


#hitlistContainer
{
	float: left;
	position: relative;
	width: 250px; 
	margin-left: 10px;
}

#hitlistPanel
{
	overflow: auto;
	height: 300px;
	margin: 0;
	padding: 0;
}

#homeContentContainer
{
	float: left;
	position: relative;
	width: 680px; 
	margin-left: 20px;
}

#projectCardPanel
{
	overflow: auto;
	height: 300px;
}

#companyCardPanel
{
	overflow: auto;
	height: 300px;
}

#contactCardPanel
{
	overflow: auto;
	height: 300px;
}

#taskContentContainer
{
	float: left;
	position: relative;
	width: 680px; 
	margin-left: 20px;
}

#taskListPanel
{
	overflow: auto;
	height: 300px;
	padding-top: 10px;
}

#exportTaskSelectionPanel
{
	position: absolute;
	width: 350px;
	padding: 10px 20px;
	border: 2px solid black;
	background-color: White;
	z-index: 550;
}

#projectInboxContentContainer
{
	float: left;
	position: relative;
	width: 680px; 
	margin-left: 20px;
}
#projectInboxListPanel
{
	overflow: auto;
	height: 300px;
	padding-top: 10px;
}
#projectInboxMessage
{
	overflow: auto;
	height: 300px;
	padding-top: 10px;
}

#searchProjectPanel
{/*
	overflow:auto;*/
	height:470px;
}

#searchCompanyPanel
{/*
	overflow:auto;*/
	height:470px;
}


#searchContactPanel
{/*
	overflow:auto;*/
	height:470px;
}

#searchContainer
{
	position:absolute;
	top: 20px;
	left: 30px;
	background-color: white;
	z-index:550;
	border: 2px solid black;
}



#freeTextContainer
{
	position:absolute;
	top:40px;
	left:30px;
	height: auto;
	/*min-height: 400px;*/
	background-color: white;
	border: 2px solid black;
	z-index:550;
}

#selectNoteContainer
{
	position:absolute;
	top:80px;
	left:250px;
	height: 210px;
	background:white;
	z-index:110;
}

#selectApartmentsContainer
{
	position:absolute;
	top:80px;
	left:250px;
	height: 210px;
	background:white;
	z-index:110;
}

#selectGrFloorAreaContainer
{
	position:absolute;
	top:80px;
	left:250px;
	height: 210px;
	background:white;
	z-index:110;
}

#selectFloorContainer
{
	position:absolute;
	top:80px;
	left:250px;
	height: 210px;
	background:white;
	z-index:110;
}

#selectEndDateContainer
{
	position:absolute;
	top:80px;
	left:250px;
	height: 260px;
	background:white;
	z-index:110;
}

#selectStartDateContainer
{
	position:absolute;
	top:80px;
	left:250px;
	height: 260px;
	background:white;
	z-index:110;
}

#selectDevTypeContainer
{
	position:absolute;
	top:80px;
	left:250px;
	height: 310px;
	background:white;
	z-index:120;
}

#selectGeoContainer
{
	position:absolute;
	top:80px;
	left:250px;
	height: 590px;
	background:white;
	z-index:120;
}

#selectRoleContainer
{
	position:absolute;
	top:80px;
	left:250px;
	height: 590px;
	background:white;
	z-index:120;
}

#selectMainSubContainer
{
	position:absolute;
	top:80px;
	left:250px;
	height: 590px;
	background:white;
	z-index:120;
}

#mainSubSelectionContainer
{
	position:relative;
	/*top:80px;
	left:250px;*/
	height: 410px;
	background:white;
	z-index:130;
}

#selectedCriteriaContainerProject
{
	position:absolute;
	height: 360px;
	width: 260px;
	background-color: white;
	z-index:110;
	overflow: auto;
}

#selectedCriteriaContainerCompany
{
	position:absolute;
	height: 360px;
	width: 260px;
	background:white;
	z-index:110;
	overflow: auto;
}

#selectedCriteriaContainerContact
{
	position:absolute;
	height: 360px;
	width: 260px;
	background:white;
	z-index:110;
	overflow: auto;
}

#addUserNotePanel
{
	z-index: 550; 
	background-color: White; 
	background-image: url(../images/box_background.gif); 
	background-repeat: repeat-x; 
	background-position: top; 
	border: 2px solid #000; 
	padding: 10px; 
	position: absolute; 
	top: 160px; 
	right: 60px; 
	width: 270px;
}
#quickMenuOptionPanel
{
	z-index: 550; 
	background-color: White; 
	background-image: url(../images/box_background.gif); 
	background-repeat: repeat-x; 
	background-position: top; 
	border: 2px solid #000; 
	position: absolute; 
	top: 20px; 
	left: 30px; 
	width: 350px;
}


#addEditTaskPanel
{
	position: absolute; 
	top: 160px; 
	left: 400px; 
	width: 450px;
	z-index: 550; 
	background-color: White; 
	background-image: url(../images/box_background.gif); 
	background-repeat: repeat-x; 
	background-position: top; 
	border: 2px solid #000; 
/*	border-bottom: 1px solid #bbb; 
	border-top: none; */
	background-color: white; 
	padding: 10px; 
}


#printExportWizardContainer
{
	position:absolute;
	top: 20px;
	left: 30px;
	background-color: white;
	z-index:550;
	border: 2px solid black;
}
#storedTemplatesForm
{
	position:absolute;
	top: 20px;
	left: 30px;
	background-color: white;
	z-index:550;
	border: 2px solid black;
	width: 350px;
}
	
#organizeFavoritesPanel
{
	z-index: 550; 
	background-color: White; 
	background-image: url(../images/box_background.gif); 
	background-repeat: repeat-x; 
	background-position: top; 
	border: 2px solid #000; 
	padding: 0px; 
	position: absolute; 
	top: 160px; 
	left: 260px; 
	width: 450px;
}


#organizeSharedFoldersPanel
{
	z-index: 550; 
	background-color: White; 
	background-image: url(../images/box_background.gif); 
	background-repeat: repeat-x; 
	background-position: top; 
	border: 2px solid #000; 
	padding: 0px; 
	position: absolute; 
	top: 160px; 
	left: 260px; 
	width: 450px;
}

#divNewTreeNodePanel
{
	position:absolute; 
	top:60px; 
	left:60px;
	width:250px; 
	padding:10px; 
	border:2px solid black; 
	background-color:White;
}

#divNewSharedTreeNodePanel
{
	position:absolute; 
	top:60px; 
	left:60px;
	width:250px; 
	padding:10px; 
	border:2px solid black; 
	background-color:White;
}

#divMoveTreeNodePanel
{
	position:absolute; 
	top:60px; 
	left:30px;
	width:250px; 
	padding:10px; 
	border:2px solid black; 
	background-color:White;
}

#divMoveSharedTreeNodePanel
{
	position:absolute; 
	top:60px; 
	left:30px;
	width:250px; 
	padding:10px; 
	border:2px solid black; 
	background-color:White;
}
	
#superOfficeExportPanel
{
	position:absolute; 
	top:60px; 
	left:30px;
	width:650px; 
	padding:10px; 
	border:2px solid black; 
	background-color:White;
	z-index: 550;
}


/* ------------------------------------------------
 * style tags for a Tab list						*/

#tabNavigation ul
{
	list-style: none;
	padding: 0;
	margin: 0;
}

#tabNavigation li
{
	list-style: none;
	float: left;
	margin: 0 10px 0 0;
}


#tabNavigation li a
{
	text-decoration: none;
	padding-left: 20px;
}

#tabNavigation li a:hover
{
	text-decoration: underline;
}

#tabNavigation li a span
{
	padding-right: 20px;
}

#tabNavigation li a, #tabNavigation li a span
{
	display: block;
	float: left;
	line-height: 25px;
}

/* Hide from IE5-Mac \*/ 
#tabNavigation li a, #tabNavigation li a span
{
	float: none;
}
/* End hide */


#tabNavigation li.activeTab
{
	background: url(../images/active_blue_tab_bg.gif) top left repeat-x;
}

#tabNavigation li.inactiveTab
{
	background: url(../images/inactive_blue_tab_bg.gif) top left repeat-x;
}

#tabNavigation li.activeTab a
{
	background: url(../images/left_active_blue_tab_bg.gif) left top no-repeat;
	cursor: default; 
	text-decoration: none;
}

#tabNavigation li.activeTab a:hover
{
	cursor: default; 
	text-decoration: none;
}

#tabNavigation li.inactiveTab a
{
	background: url(../images/left_inactive_blue_tab_bg.gif) left top no-repeat;
}

#tabNavigation li.activeTab a span
{
	background: url(../images/right_active_blue_tab_bg.gif) right top no-repeat;
}

#tabNavigation li.inactiveTab a span
{
	background: url(../images/right_inactive_blue_tab_bg.gif) right top no-repeat;
}


.quickMenuPanel
{
    position:absolute; 
    z-index: 100;
    display: inline;
}


/* ------------------------------------------------
 * style tags for a Tab Search list						*/

#tabSearchNavigation ul
{
	list-style: none;
	padding: 0;
	margin: 0;
}

#tabSearchNavigation li
{
	list-style: none;
	float: left;
	margin: 0 10px 0 0;
}


#tabSearchNavigation li a
{
	text-decoration: none;
	padding-left: 20px;
}

#tabSearchNavigation li a:hover
{
	text-decoration: underline;
}

#tabSearchNavigation li a span
{
	padding-right: 20px;
}

#tabSearchNavigation li a, #tabSearchNavigation li a span
{
	display: block;
	float: left;
	line-height: 25px;
}

/* Hide from IE5-Mac \*/
#tabSearchNavigation li a, #tabSearchNavigation li a span
{
	float: none;
}
/* End hide */


#tabSearchNavigation li.activeTab
{
	background: url(../images/active_blue_tab_bg.gif) top left repeat-x;
}

#tabSearchNavigation li.inactiveTab
{
	background: url(../images/inactive_blue_tab_bg.gif) top left repeat-x;
}

#tabSearchNavigation li.activeTab a
{
	background: url(../images/left_active_blue_tab_bg.gif) left top no-repeat;
	cursor: default; 
	text-decoration: none;
}

#tabSearchNavigation li.activeTab a:hover
{
	cursor: default; 
	text-decoration: none;
}

#tabSearchNavigation li.inactiveTab a
{
	background: url(../images/left_inactive_blue_tab_bg.gif) left top no-repeat;
}

#tabSearchNavigation li.activeTab a span
{
	background: url(../images/right_active_blue_tab_bg.gif) right top no-repeat;
}

#tabSearchNavigation li.inactiveTab a span
{
	background: url(../images/right_inactive_blue_tab_bg.gif) right top no-repeat;
}


#waitSearchMessagePanel
{
	background-color: white; 
	z-index: 550; 
	background-image: url(../images/box_background.gif); 
	background-repeat: repeat-x; 
	background-position: top; 
	border: 2px solid black; 
	padding: 10px; 
	position:absolute; 
	top: 250px; 
	left: 100px; 
	width: 250px; 
}


#error
{
    position: absolute;
    z-index: 1000;
    border: 2px solid #ff7349;
    border-left: none;
    border-right: none;
    padding: 20px;
    background-color: #ffdaca;
}


#dialog
{
    position: absolute;
    z-index: 1000;
    border: 2px solid black;
    padding: 20px;
    background-color: white;
}




/* ------------------------------------------------
 * CLASS-STYLES 
 * ------------------------------------------------ */
.center
{
	/* You have to set the width of the div in the style attribute! */
	margin: 0 auto;
}


.topBox
{
	margin-left: 10px;
	line-height: 25px;
}

.leftBox
{
	float:left;
	background-image: url(../images/box_left.gif); 
	background-repeat: no-repeat;
	background-position: top;
	height: 50px; 
	width: 4px;
}

.rightBox
{
	float:right;
	background-image: url(../images/box_right.gif); 
	background-repeat: no-repeat;
	background-position: top;
	height: 50px; 
	width: 4px;
}

.centerBox
{
	background-color: White;
	background-image: url(../images/box_background.gif);
	background-repeat: repeat-x;
	background-position: top;
	padding: 15px 20px;
	border-bottom: 1px solid #CBC9C9;
}

.centerBoxQuickSearch
{
	background-color: White;
	background-image: url(../images/box_middle_quicksearch.gif);
	background-position: top;
	background-repeat:repeat-y;
	padding: 5px 10px;
	
}

.topBoxQuickSearch
{
	background-color: White;
	background-image: url(../images/box_top_quicksearch2.gif);
	background-position: bottom;
	background-repeat:no-repeat;
	height:5px;
	font-size:1px;
}

.bottomBoxQuickSearch
{
	background-color: White;
	background-image: url(../images/box_bottom_quicksearch2.gif);
	background-position: top;
	background-repeat:no-repeat;
	height:5px;
	font-size:1px;
	margin-bottom: 10px;
 }

.centerBoxSavedSearch
{
	background-image: url(../images/box_middle_search.gif);
	background-position: top;
	background-repeat:repeat-y;
	padding: 5px 10px;
	height: 95px;
}

.topBoxSavedSearch
{
	background-color: White;
	background-image: url(../images/box_top_search.gif);
	background-position: bottom;
	background-repeat:no-repeat;
	height:5px;
	font-size:1px;
}

.bottomBoxSavedSearch
{
	background-color: White;
	background-image: url(../images/box_bottom_search.gif);
	background-position: top;
	background-repeat:no-repeat;
	height:5px;
	font-size:1px;
}

.centerBoxSearch
{
	background-color: White;
	background-image: url(../images/box_middle_search.gif);
	background-position: top;
	background-repeat:repeat-y;
	padding: 5px 10px;
	height:400px;
	
}

.topBoxSearch
{
	background-color: White;
	background-image: url(../images/box_top_search.gif);
	background-position: bottom;
	background-repeat:no-repeat;
	height:5px;
	font-size:1px;
}

.bottomBoxSearch
{
	background-color: White;
	background-image: url(../images/box_bottom_search.gif);
	background-position: top;
	background-repeat:no-repeat;
	height:5px;
	font-size:1px;
}


.blueLine
{
	background-color: #334D73;
	border: none;
	color: White;
	width: 100%;
}


.hitListItem, .selectedHitListItem
{
	padding: 7px;
}

.selectedHitListItem
{
	background-color: #eee;
	margin-right: 5px;
}


.rootMenuItem
{
    position: relative; 
    float: left; 
    margin-right: 15px;
}

.rootMenuItemOver
{            
    background-color: #4D6384;
    color: white;
    z-index:95;
}

.menuItem
{
    line-height: 16pt; 
    white-space: nowrap; 
    position: absolute; 
    background-color: white;
    border: 1px solid gray;
    padding: 10px;
    color: Black;
    z-index: 100;
}

.disabledSearchItem
{
	color:GrayText;
}

.blackBorder
{
	border: 2px solid black;
}

a.organizeItemOver
{            
    background-color: #4D6384;
    color: white;
    z-index:95;
}

.exportfoldericon
{
	cursor:pointer; 
	margin-left:10px; 
	vertical-align:text-bottom;
}


img.iconPanelImg
{
	padding: 0 2px;
}