/*--------------------------------------------------------
             Style sheet for FaktaNet Live
  --------------------------------------------------------*/


/* Removing borders from linked images */
a img
{
	border: none;
}

/* removing extra margin from form elements */
form
{
	margin: 0px;
}


/* Sets the backgroud color of the page to white 
   and a default font */
body, h1, h2, h3, h4, h5, h6
{
	background-color: #FFFFFF;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: Black;
} 

td
{
	font: 10px Verdana, Arial, Helvetica, sans-serif;
}

body
{
	background-image: url(../images/body_background.gif);
	background-repeat: repeat;
}


/* sets the color and so for the links  */
A, A:active, A:hover, A:link, A:visited
{
	color: Black;
	text-decoration: none;
	/*border-bottom: 1px dashed #555;*/
}

A.visitedObject, A.visitedObject:active, A.visitedObject:hover, A.visitedObject:link, A.visitedObject:visited
{
	color: #777;
}

A.activeMenu, A.activeMenu:active, A.activeMenu:hover, A.activeMenu:link, A.activeMenu:visited
{
	color: Black;
	text-decoration: none;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	padding: 3px 3px 3px 3px;
}

A.activeMenu:hover, A.activeMenu:active
{
	background-color: #666593;
	color: White;
}

.inactiveMenu
{
	color: #777;
	text-decoration: none;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	padding: 3px 3px 3px 3px;
}

/* Default settings for the texts. */
.normalText, .normalText12, .textBold10, .textBold12, .grayTextBold12, .inputtext, .inactiveText, .inactiveText12
{
	font-family: Verdana,Arial, Helvetica, Sans-Serif;
	font-size: 10px;
	font-weight: normal;
	color: Black;
}

/*  add bold to bold text classes */
.textBold10, .textBold12, .grayTextBold12
{
	font-weight: bold;
}

.textBold12, .normalText12, .grayTextBold12, .inactiveText12
{
	font-size: 12px;
}

.inactiveText, .inactiveText12
{
	color: #AAAAAA;
}

.grayTextBold12
{
	color: #777;
}


/* class for the "Input textbox" */
.inputtext {
	font-size: 12px;
	width: 100px;
	border: 1px solid #000000;
	padding: 2px;
}


/* Error message. */
.errorText
{
	font-family: Verdana,Arial, Helvetica, Sans-Serif;
	font-size: 10px;
	color: Red;
	font-weight: bold;
}

/* Bigger Error message. */
.errorText12
{
	font-family: Verdana,Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	color: Red;
	font-weight: bold;
}


/*	Buttons   */

.btn {}

	.btn .btnL, .btn .btnR
	{
		height:23px;
		width:2px;
		background-image: url(../images/grey_butt_left.gif);
		background-repeat: no-repeat;
		float: left;
	}

	.btn .btnR
	{
		background-image: url(../images/grey_butt_right.gif);
	}

	.btn .btnC
	{
		float: left;
		height:23px;
		background-image: url(../images/grey_butt_middle.gif);
		background-repeat: repeat-x;
	}


	/* styling an input button */
	.btn .btnC input
	{
		font-family: Arial, Verdana, Helvetica, Sans-Serif;
		font-size: 12px;
		font-weight: bold;
		color: #444;
		text-decoration: none;
		border: 0px solid #000;
		background: transparent;
		cursor: pointer;
		margin-top:2px;
		height: 19px;
	}



div.button {}

	div.button .btnleft, div.button .btnright
	{
		height:23px;
		width:2px;
		background-image: url(../images/grey_butt_left.gif);
		background-repeat: no-repeat;
		float:left;
	}
	div.button .btnright
	{
		background-image: url(../images/grey_butt_right.gif);
	}
	
	div.button .btncenter
	{
		float:left;
		height:23px;
		background-image: url(../images/grey_butt_middle.gif);
		background-repeat: repeat-x;
		overflow:hidden;
	}
	div.button .btncenter a
	{
		text-decoration: none;
		line-height: 24px;
		padding: 0px 6px;
	}

	div.button .btncenter a:hover
	{
		color:#000
	}

	/* styling an input button */
	div.button .btncenter input
	{
		font-family: Arial, Verdana, Helvetica, Sans-Serif;
		font-size: 12px;
		font-weight: bold;
		color: #444;
		text-decoration: none;
		border:0px solid #000;
		background: transparent;
		cursor: pointer;
		margin-top:2px;
		height:19px;
	}

/* END button */


/* PAGE INIT THINGS */
#mainWhiteLayer
{
	position: absolute; 
	left: 20px; 
	top: 1px; 
	width: 980px; 
	height: 590px; 
	z-index: 0; 
	background-color: #FFFFFF; 
	border: 1px none #000000;
}

#orangeTopLine, #orangeBottomLine
{
	position: absolute; 
	top: 71px; 
	left: 0px; 
	width: 980px; 
	height: 6px; 
	z-index: 10; 
	background-color: #DE981C;
}

#orangeBottomLine
{
	top: 584px; 
}

#copyrightText
{
	position: absolute;
	top: 570px; 
	left: 780px;
	font-size: 9px;
	color: #AAA;
	z-index: 11; 
}

#companyInfoText
{
	position: absolute;
	top: 570px; 
	left: 10px;
	font-size: 10px;
	color: #555;
	z-index: 15; 
}

.logo
{
	position: absolute;
	top: 7px;
	left: 10px;
	z-index: 5;
}

.logoFlag
{
	position: absolute;
	top: 0px;
	left: 776px;
	z-index: 4;
}

/* END PAGE INIT THINGS */


/* BOX THINGS */
.leftBox
{
	background-image: url(../images/topbox_left.gif); 
	background-repeat: no-repeat;
	height: 18px;
}

.centerBox
{
	background-image: url(../images/topbox_center.gif); 
	background-repeat: repeat-x;
	color: White;
	font-size: 12px;
	font-weight: bold;
	height: 18px;
}

.leftBox_small
{
	background-image: url(../images/topbox_left_orange_small.gif); 
	background-repeat: no-repeat;
	height: 12px;
}

.close_menu_x
{
	background-repeat: no-repeat;
	height: 12px;	
}

.centerBox_small
{
	background-image: url(../images/topbox_center_orange_small.gif); 
	background-repeat: repeat-x;
	color: White;
	font-size: 9px;
	font-weight: bold;
	height: 12px;
}

.tableContentBox
{
	border: solid 1px #666699;
	background-color: #F5F4FF; /*#F4F3FF; /*#E8E7F7;*/
	margin-bottom: 2px;
	padding: 5px 5px 0px 5px;
}

.tableContentBox_crm
{
	border: solid 1px #DE981C;
	background-color: #F4DEB5; /*#FFE0A8; /*#F4F3FF; /*#E8E7F7;*/
	margin-bottom: 2px;
	padding: 5px 5px 0px 5px;
}

.boxBGColor
{
	background-color: #F5F4FF; /*#E8E7F7;*/
}

.boxBGColor_crm
{
	background-color: #F4DEB5; /*#E8E7F7;*/
}

/* END BOX THINGS */



#hitlistBox
{
	position: absolute;
	top: 100px;
	left: 15px;
	width: 355px;
	z-index: 100;
}

#rbiFlashLogo
{
	position: absolute;
	top: 505px;
	left: 730px;
	z-index: 150;
/*	visibility: hidden;*/
}


/* status bar that can be used for displaying information */
.statusBar
{
	background-color: #FCFBBC;
	border: solid 1px #DCDBCC;
	height: 20px;
	padding: 3px 0px 0px 5px;
}


.ticker
{
	position: absolute;
	top: 540px;
	left: 10px;
	border-top: solid 1px #aaa;
	border-bottom: solid 1px #aaa;
	padding-left: 10px;
}


.toolbar
{
	position: absolute;
	top: 10px;
	left: 230px;
	z-index: 50;
}

.toolbar .toolbarItem
{
	position: relative;
	padding-left: 20px;
	text-align: center;
	font-size: 12px;
}


.hitListNavigationBar
{
	float: left;
	position: relative;
	width: 320px;
	height: 20px;
	text-align: center;
}

.taskBottomInfoBar
{
	float: left;
	position: relative;
	width: 550px;
	height: 20px;
	text-align: center;	
}

.hLine
{
	height:6px;
	background-image: url(../images/black_line.gif);
	background-repeat: repeat-x;
	background-position:0px 3px;
}

.greyLine
{
	height:3px;
	background-image: url(../images/grey_line.jpg);
	background-repeat: repeat-x;
	background-position:0px 3px;
}

.cmdFormImage
{
	position: relative;
	float: right;
	padding-right: 5px;
	
}


#favoForm 
{
	position: absolute;
	top: 82px;
	left: 200px;
	z-index: 200;
	background-color: Gray;
}


#printForm 
{
	position: absolute;
	top: 82px;
	left: 360px;
	z-index: 200;
	background-color: Gray;
}

#coverageForm 
{
	position: absolute;
	top: 82px;
	left: 400px;
	z-index: 250;
	background-color: Gray;
}

#exportServiceForm 
{
	position: absolute;
	top: 82px;
	left: 400px;
	z-index: 250;
	background-color: Gray;
}

#advancedForm 
{
	position: absolute;
	z-index: 240;
	background-color: Gray;
}

#superOfficeExportForm 
{
	position: absolute;
	top: 82px;
	left: 240px;
	z-index: 250;
	background-color: Gray;
}
#addonsForm 
{
	position: absolute;
	top: 82px;
	left: 400px;
	z-index: 200;
	background-color: Gray;
}

#newsForm 
{
	position: absolute;
	top: 150px;
	left: 270px;
	z-index: 300;
	background-color: Gray;
}

#deleteTaskForm 
{
	position: absolute;
	top: 150px;
	left: 550px;
	z-index: 300;
	background-color: Gray;
}

#exportTaskForm 
{
	position: absolute;
	top: 250px;
	left: 150px;
	z-index: 300;
	background-color: Gray;
}

#exportGuideRoleForm 
{
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 300;
	background-color: Gray;
}

#exportGuideFieldsForm 
{
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 300;
	background-color: Gray;
}

#exportGuideConfirmForm 
{
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 300;
	background-color: Gray;
}

#exportGuideFinishForm 
{
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 300;
	background-color: Gray;
}

#endDateForm 
{
	position: absolute;
	top: 158px;
	left: 20px;
	z-index: 300;
	background-color: Gray;
}

#startDateForm 
{
	position: absolute;
	top: 120px;
	left: 20px;
	z-index: 250;
	background-color: Gray;
}

#startFromDateForm 
{
	position: absolute;
	top: 150px;
	left: 15px;
	z-index: 250;
	background-color: Gray;
}
#startToDateForm 
{
	position: absolute;
	top: 150px;
	left: 165px;
	z-index: 250;
	background-color: Gray;
}
#endFromDateForm 
{
	position: absolute;
	top: 180px;
	left: 15px;
	z-index: 250;
	background-color: Gray;
}
#endToDateForm 
{
	position: absolute;
	top: 180px;
	left: 165px;
	z-index: 250;
	background-color: Gray;
}


#deleteForm 
{
	position: absolute;
	top: 82px;
	left: 420px;
	z-index: 200;
	background-color: Gray;
}


#profileForm 
{
	position: absolute;
	top: 82px;
	left: 520px;
	z-index: 250;
	background-color: Gray;
}


/*
#refreshForm
{
	position: absolute;
	top: 180px;
	left: 327px;
	z-index: 300;
	background-color:White;
}
*/

#languageForm
{
	position: absolute;
	top: 82px;
	left: 540px;
	z-index: 250;
	background-color: Gray;
}


#sortForm 
{
	position: absolute;
	top: 154px;
	left: 170px;
	z-index: 200;
	background-color: Gray;
}

#sortTaskForm 
{
	position: absolute;
	top: 154px;
	left: 600px;
	z-index: 200;
	background-color: Gray;
}

#sortProjectForm 
{
	position: absolute;
	top: 154px;
	left: 600px;
	z-index: 200;
	background-color: Gray;
}

#addTemplateForm 
{
	position: absolute;
	top: 320px;
	left: 320px;
	z-index: 400;
	background-color: Gray;
}

#getTemplateForm 
{
	position: absolute;
	top: 320px;
	left: 320px;
	z-index: 400;
	background-color: Gray;
}

.observerForm
{
	height:20px;
	border: solid 2px #FF4444;
	background-color: #FCFBBC;
	font-weight: bold;
	color: Red;
	padding: 4px 4px 4px 4px;
}


.hitlistScrollPanel
{
	position: relative;
	height: 340px; /* 380 px*/
	width: 100%;
	overflow: auto;
	font-family: vardana;
	font-size: 10px;
}

.taskScrollPanel
{
	position: relative;
	height: 420px; /* 380 px*/
	width: 100%;
	overflow: auto;
	font-family: vardana;
	font-size: 10px;
}

.refreshStatusPanel
{
	position: absolute;
	background-color: #ffffbb;
	border: #ffbb33 1px solid;
	left: 340px;
	top: 230px;
	width: 300px;
	z-index: 900;
	padding: 20px 20px 20px 20px;
}


.innerForm 
{
    position: relative;
    /*margin: -3px 3px 3px -3px;*/
    left: -2px;
    top: -2px;
    background-color:White;
}

.statusPanel
{
	position: absolute;
	background-color: #ffffbb;
	border: #ffbb33 1px solid;
	left: 350px;
	top: 300px;
	z-index: 500;
	padding: 20px 20px 20px 20px;
	font-size: 12px;
	font-weight: bold;
}

.tabContentBoxExport
{
	position: absolute; 
	top: 0px;
	height: 297px; 
	width: 248px; 
	border: solid 1px #AAA; 
	background-color: #efefef;
}