/* GRX Webinterface style sheet for PC browsers (media = screen)
   (c) Leica Geosystems AG
*/

/* statusbanner */
.tdd 
{
	font-weight:bold; 
	/*background:#efefef; this is the darker variant */
	background:#F4F4F4; 
	font-size:8pt;
}

.tdl1 {background:#F4F4F4; font-size:8pt; color:#909090; white-space:nowrap;padding-left:5px;}
.tdr1 {background:#F4F4F4; font-size:8pt; color:#606060; white-space:normal;padding-left:5px;}

tr.odd td.tdl1
{
	background:white;	
}
tr.odd td.tdr1
{
	background:white;	
}

a.statusBlock_Header_Link:link, a.statusBlock_Header_Link:visited { color:#909090;font-weight:bold;text-decoration: underline;}
a.statusBlock_Header_Link:hover, a.statusBlock_Header_Link:active { color:#606060;font-weight:bold;text-decoration: underline;}


/* used for statusbanners to control hovering */
.trStatusHoverable {}
.tdStatusHoverable {}

/* Default Table class definitions */
table.table {border:1px solid #c0c0c0;width:100%; border-collapse: collapse;}
table.title {border:0;width:100%;}
td.title {font-size:large;font-weight:bold;padding:10px 0 10px 0;}
.coolborder {border:1px solid #808080; padding-left:2px;}
.coolborder_align_right {border:1px solid #808080; padding-left:2px;text-align:right; }
.inputFieldError {border:1px;border-style:solid;border-color:#ff0033;background-color:#FFEAE4;}

th.header 
{
	font-weight:bold; 
	background:#cccccc;
	padding-left:5px;
}
th.header_nogradient 
{
	font-weight:bold; 
	background:#cccccc;
	padding-left:5px;
	height:25px
}

th.header_left 
{
	font-weight:bold; 
	background:#cccccc;
	padding-left:5px;
	text-align:left;
	height:25px
}
th.header_left_nogradient
{
	font-weight:bold; 
	background:#cccccc;
	padding-left:5px;
	text-align:left;
}

/* Tabs */
table.tabs 
{
	border:0px;
	border-collapse:collapse;
}
td.tab_selected 
{
	border:1px solid #cccccc;
	background-color:#ff0033;
	/*border-bottom:0px;*/
	font-weight:bold;
	font-size:12px; 
	text-align:center; 
	width:30%;
}

td.tab_notselected 
{
	background-color:#C0C0C0;
	border:1px solid #cccccc; 
	font-weight:bold; 
	font-size:12px;
	text-align:center; 
	width:30%;
}
table.tabs a.tab_link {color:white;}
table.tabs td.tab_notselected a.tab_link{color:Gray;}

/* Tabs links */
table.tabs a.tab_link:link, a.tab_link:visited { text-decoration: none;}
table.tabs a.tab_link:hover, a.tab_link:active { text-decoration: underline;}

/* Tabs helper class */
table.bordercollapse {border-collapse:collapse;}

/* tablesorter */
th.sort_header{ 
	background-repeat:no-repeat;
	background-position: bottom right;    
    background-image: url(/images/small.gif);
}

th.headerSortUp
{ 
    background-image: url(/images/up.gif);
}

th.headerSortDown
{ 
    background-image: url(/images/down.gif);
}

/* left table row with dynamic width */
td.tdl_dynWidth
{
	background-color:#efefef; 
	border-bottom:1px solid #DDDDDD; 
	font-weight:bold;
    padding-left:5px;
    vertical-align:top;
}

/* left table row with static width */
td.tdl 
{	
	background-color:#efefef; 
	border-bottom:1px solid #DDDDDD; 
	font-weight:bold;
	padding-top:4px;
    padding-left:5px;
    vertical-align:middle;
	width:30%;
}

td.tdl_text_centered 
{	
	background-color:#efefef; 
	border-bottom:1px solid #DDDDDD; 
	font-weight:bold;
    padding-left:5px;
    vertical-align:top;
	width:30%;
	text-align:center;
}

td.tdm 
{
  background-color:Transparent; 
  border-bottom:1px solid #DDDDDD;
  padding-left:5px;
  vertical-align:top;
}

td.tdm_text_centered 
{
  background-color:Transparent; 
  border-bottom:1px solid #DDDDDD;
  padding-left:5px;
  text-align:center;
  vertical-align:top;
}

td.tdm_no_bottom
{
  background-color:Transparent; 
  padding-left:5px;
  vertical-align:top;
}

/* error - box */
table.ErrorMessageStyle
{
	border:1px;
	border-style:solid;
	border-color:#ff0033;
	width:100%;
	/*background-color:#FFEAE4; this is the darker variant */
	background-color:#FFF3EF;
	margin:0 0 5px 0;
	display:none;
}


td.ErrorMessageStyle {padding:0px 0 0px 2px; width:95%;}
td ul.ErrorMessageStyle {margin:0;}
td.ErrorMessageStyleIcon {font-size:15px;font-weight:bold;padding:5px 5px 5px 10px;width:5%;}

/* successful changed - box */
table.AcknowledgementMessageStyle 
{
	border:1px;
	border-style:solid;
	border-color:#00cc00;
	width:100%;
	margin:0 0 5px 0;	
	/*background-color:#cdffcc; this is the darker variant */
	background-color:#F0FFEF;
	display:none;
}

td.AcknowledgementMessageStyle {padding:0px 0px 0px 2px; width:95%;}
td ul.AcknowledgementMessageStyle {margin:0;}
td.AcknowledgementMessageStyleIcon {font-size:15px;font-weight:bold;padding:5px 5px 5px 10px;width:5%;}

/* Info - box */
table.InfoMessageStyle
{
	border:1px;
	border-style:solid;
	border-color:#0000cc;
	width:100%;
	margin:0 0 5px 0;	
	/*background-color:#cdffcc; this is the darker variant */
	background-color:#F0EFFF;
	display:none;
}

td.InfoMessageStyle {padding:0px 0px 0px 2px; width:95%;}
td ul.InfoMessageStyle {margin:0;}
td.InfoMessageStyleIcon {font-size:15px;font-weight:bold;padding:5px 5px 5px 10px;width:5%;}

/* something changed - box */
table.somethingChanged 
{
	border:1px;
	border-style:solid;
	border-color:#578ad6;
	width:100%;
	margin:0 0 5px 0;	
	/*background-color:#cdffcc; this is the darker variant */
	background-color:#F4FAFF;
}

td.somethingChanged {padding:0px 0 0px 2px; width:95%;}
td.somethingChangedIcon {font-size:15px;font-weight:bold;padding:5px 5px 5px 10px;width:5%;}

/* Hints */
table.HintTable 
{
	border:1px;
	border-style:dotted;
	border-color:#578ad6;
	/*background-color:#e8f4ff; this is the darker variant */
	background-color:#F4FAFF;
	width:100%;
	margin:1px 3px 1px 1px;
	display:none;
}

/* tip with non wrapping content */
td.tip_nowrap
{
	padding:2px 2px 2px 2px; 
	width:100%;
    white-space: nowrap;
	text-align:right;
}

/* tip with wrapping content */
td.tip 
{
	padding:2px 2px 2px 2px; 
	width:100%;
}

td.tipIcon 
{
	font-size:15px;
	font-weight:bold;
	padding:5px 5px 5px 10px;
}

/* Language Management Table / UserManagement Table */
td.markedForDelete
{
    color:#ADADAD;
    background-color:#F7F7F7;
    text-decoration:line-through;
}

td.markForCreateOrEdit
{
    /*background-color:#F4FAFF;*/
    color:Blue;
}


/* buttons */
.coolbutton {border:1px solid #808080; font-weight:bold; padding-left:10px;  padding-right:10px; text-align: center;}
.imagebutton {width:16px; height:16px;}

/* Image specifications */
img.corporate_header_img /* fix for ie, to show 1px line between menubars correctly */
{
    display:block;
    margin:0;
}

img.status_block_img
{
    position:absolute;
    right: 8px;
}

img.content_imagebar
{
    margin-left:2px;    
    border:none; /*fix for ie, no border, because ie uses blue border for default */
}

/* boxes */
#corporate_header
{
    position:fixed;
    top:3px;
    left:10px;
    width:980px;
    z-index:100;
}

#main_header
{
    position:relative;
    left:10px;
    width:450px;
    background-color:#ffffff;
    z-index:10;
    padding:0 0 0 0;
    margin:0 0 0 0;
}

#main_body
{
    position:relative;
    left:10px;
    width:450px;
    z-index:5;
    padding:0 0 0 0;
    margin:0 0 1em 0;
}


/* statusbanners */
#statusbanners 
{
    position: fixed;
    left:640px;
    top:95px;
	/* width is defined in lsp page for browser compatibility */
    background:#fff;
    overflow:visible;
    display:none;
}

/* classes */

/* classes corporate header */
.topnavbar{
	background-color: #e6e6e6;
	border: 0px none;
	float: left;
	margin: 0px;
	padding: 0px;	
	text-align: center;
	vertical-align: middle;	
	width: 100%;
}

.topnav-left-spacer
{
	background-color: #e6e6e6;
	float: left;
	width: 0px;	
    margin-left: 5px;
    margin-bottom: 9px;
    padding:0;
}

.topnav-spacer
{
    background-color: #e6e6e6;
	float: left;
	width: 12px;
	margin-left: 10px;
	margin-right: 10px;
	padding: 0px;	
	text-align: center;
	vertical-align: middle;
}

.topnav-point
{
	float: left;
	padding: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 2px;
	text-align: left;
	vertical-align: bottom;
	background-color: #e6e6e6;
}

.topnav-right-bar
{
	background-image: url(/images/right_bar_new.gif);	
	float: right;
	width: 360px;	
	height: 17px;
	padding: 0px;
	margin: 0px;
}

.vert_bar_grey
{
    background-color:#e6e6e6;
    height:6px;
}

table.header_table td
{
    padding:0px;
    margin:0px;
}

div.menu
{
background-color:#e6e6e6; 
color:gray;
font-weight:bold; 
font-size:10px; 
text-decoration:none;
}

/*  specific link behavior for toolbar images 
 *  ie6 doesn't know hovering on images correctly, so overwrite usual link behavior
*/
.imageButton
{
    background-color:Transparent;      
    color:black;
    cursor:pointer;
    text-decoration:none;
}

.imageButton_hoverable
{
    background-color:#ffffff;   
    cursor:pointer;
    text-decoration:none;
    border: solid 1px #ffffff;
    background-color:#ffffff;
    padding: 2px 5px 2px 5px; 
    text-align:left;
    white-space: nowrap; 
}

.imageButton_hoverable_hover
{
	border: solid 1px #dddddd;
    background-color:#efefef;
}

.red_menu_bar
{
	background-image: url(/images/top_bar_active_gradient.jpg);
	background-repeat:repeat-x;
	background-position: center right; 
    background-color:#ff0033;
    height:20px;
}

/* helper layers to display the scrolling correctly with fixed elements */

#header_layer_white1{
    position: fixed;
    left: 0px;
    top : 0px;
    height: 90px;
    width: 1024px;
    background: #ffffff;
    z-index:99;
}

#header_layer_white2{
    position: fixed;
    left: 0px;
    top : 0px;
    height: 90px;
    width: 630px;
    background: #ffffff;
    z-index:98;
}

#page_layer_white{
    position: fixed;
    left: 10px;
    top : 0px;
    height: 100%;
    width: 1024px;
    background: #ffffff;
    font-size:20px;
    font-weight:bold;
    z-index:1000;
}

.topImageBar
{
	position:fixed;
	z-index:110;	
}

/*logout button*/

.logoutButton a
{
	text-decoration: none;
	font-weight: bold; 	
	color: white;
	cursor: pointer;
	font-size: 11px; 
}

.logoutButton span
{
	text-decoration: none;
	font-weight: bold; 	
	color: white;
	font-size: 11px; 
}

#incompatibleBrowserMessage
{
  border:1px;
	border-style:solid;
	border-color:#ff0033;
	/*background-color:#FFEAE4; this is the darker variant */
	background-color:#FFF3EF;
  padding:5px 5px 5px 5px;
  display:none;
}

.inlineError
{
  border:1px;
	border-style:solid;
	border-color:#ff0033;
	/*background-color:#FFEAE4; this is the darker variant */
	background-color:#FFF3EF;
  padding:5px 5px 5px 5px;
  display:none;
}


/* let an inputfield looks like an disabled inputfield */
.inputFieldReadOnly
{
    color:#807b75;
    background-color:#d3d1c5;
}

/* Hide the validation messages initially*/
li.errorLabel
{
    display:none;
}