/* CSS Document */

html, body {
	margin: 0px 0px 0px 0px;
	/*background: #464646;*/
	background: #e7e7e9;
	vertical-align: top;
	padding: 0px 0px 0px 0px;
	scrollbar-arrow-color:#999999;
	scrollbar-track-color:#ffffff;
	scrollbar-shadow-color:#ffffff;
	scrollbar-face-color:#ffffff;
	scrollbar-highlight-color:#ececec;
	scrollbar-darkshadow-color:#ececec;	
	scrollbar-3dlight-color:#ffffff;
	color:#444444;
}

html, body.bodywhite {
	background: #FFFFFF;
	scrollbar-arrow-color:#999999;
	scrollbar-track-color:#ffffff;
	scrollbar-shadow-color:#ffffff;
	scrollbar-face-color:#ffffff;
	scrollbar-highlight-color:#ececec;
	scrollbar-darkshadow-color:#ececec;	
	scrollbar-3dlight-color:#ffffff;
}

body.bodydark {
	background: "#999999";
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

body.bodyblack {
	background: "#333333";
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

body.litegrey 
{
	background: "#F9f9f9";
}	

body.bodywhitenoscroll {
	background: #FFFFFF;
	overflow: hidden;
	/*background: url(../images/folderbar-bg2.GIF) repeat-x top;*/
	margin: 0px 0px 0px 0px;
}

form {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

td {
	font-family: "Trebuchet MS",Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	vertical-align: top;
}

td.privacyBlock {
	height: 30px;
	background-color: #666666;
	border-top: 8px solid #494949;
	color: #FFFFFF;
	padding-left: 12px;
	padding-right: 12px;
	vertical-align: middle;
}

td.bottomAlign {
	vertical-align: bottom;
}

td.middleAlign {
	vertical-align: middle;
}

td.whitetext {
	font-size: 11px;
	color: #FFFFFF;
}

h1 {
	font-size: 14px;
}

h1.nbheading {
	float: left;
}

h1.whiteheader 
{
	color:#ffffff;
}

#container {
	width: 100%;
}

#header {
	width: 100%;
	height: 79px;
	border-bottom: 1px solid #a5a59c;
	background: url(../images/header-bg.gif) repeat-x top #2cb2ff;
}

#nav-container {
	width: 98%;
	height: 79px;
	background: url(../images/navigation-bg.gif) repeat-x top;
	/*margin-right: 13px;*/
}

#navigation {
	width: 100%;
	height: 79px;
	background: url(../images/logo-bg.gif) no-repeat top left;
}

#nav-top {
	min-width: 1%;
	height: 48px;
	margin: 0 0 1px 158px;
}

#nav-bottom {
	height: 24px;
	text-align: right;
	padding-right: 20px;
	padding-top: 6px;
	color: #FFFFFF;
	width: 600px;
}

select.JobList {
	width: 200px;
}

select.ActiveDeactive {
	width: 100px;
}

#content {
	background: url(../images/content-bg.gif) repeat-x top;
	padding: 10px;
}

#FoldersDiv
{
	overflow:auto; 
	height: 100%; 
	width: 100%;	
	background-color:#f8f8f8;
	border:1px solid #ececec;
}

#contentLeft {
	padding: 10px;
}

#contentRight {
	padding: 10px;
}

#mainmenu {
	padding-left: 30px;
	padding-right: 20px;
	padding-top: 20px;
	vertical-align: bottom;
	float: right;
	font-weight:bold;
	font-size:10px;
}

#tabcontainer {
	background: url(../images/tabcontainer-bg.GIF) repeat-x bottom;
}

#maincontainer {
	background: #FFFFFF;
	border-left: 1px solid #b8b8b8;
	border-bottom: 1px solid #b8b8b8;
	border-right: 1px solid #b8b8b8;
}

#maincontainerall {
	background: #FFFFFF;
	border-left: 1px solid #b8b8b8;
	border-bottom: 1px solid #b8b8b8;
	border-right: 1px solid #b8b8b8;
	border-top: 1px solid #b8b8b8;
}

#maincontainerallblack {
	background: #000000;
	border-left: 1px solid #b8b8b8;
	border-bottom: 1px solid #b8b8b8;
	border-right: 1px solid #b8b8b8;
	border-top: 1px solid #b8b8b8;
}

#tab {
	height: 27px;
	width: auto;
	float: left;
	margin-right: 2px;
	margin-top: 4px;
	display: inline;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 4px;
	background: #f3f3f3 url(../images/tab-bg.GIF) bottom repeat-x;
	border: 1px solid #b9b9ba;
	cursor: pointer;
}

#tab.selected {
	background: #ffffff;
	border-left: 1px solid #b9b9ba;
	border-right: 1px solid #b9b9ba;
	border-top: 1px solid #b9b9ba;
	border-bottom: 1px solid #ffffff;
}

div.PreviewDiv {
	display: none;
	position: absolute;
	right: 20px;
	top: 100px;
}

div.PointsBGDiv {
	position: absolute;
	right: 550px;
	top: 0px;
	width: 200px;
	height: 79px;
	overflow: hidden;
	background-image: url(../images/top-accountbg.GIF);
}

div.PointsDiv {
	position: absolute;
	right: 550px;
	top: 8px;
	width: 190px;
	height: 76px;
	color: #EEEEEE;
	overflow: hidden;
	font-size: 11px;
	padding-top: 3px;
	padding-left: 4px;
}

div.PointsHideDiv {
	position: absolute;
	left: 158px;
	top: 0px;
	width: 200px;
	height: 79px;
	text-align: right;
}

div.HiddenDiv {
	 display:none;
	 align:left;
}

div.InlineSpaced {
	display: inline;
	padding: 2px;
}	

div.captionblockleft {
	display: inline;
	float: left;
	font-size: 9px;
	margin: 5px;
}

div.captionblockright {
	display: inline;
	float: right;
	font-size: 9px;
	margin: 5px;
}

#tipbox {
	width: 350px;
	height: 200px;
}

#folderbar-toolbar {
	background: #e4e4e4 url(../images/folderbar-bg.GIF) top repeat-x;
	border-left: 1px solid #a8a8a8;
	border-right: 1px solid #a8a8a8;
	border-top: 1px solid #a8a8a8;
}

#folderbar-toolbarMain {
	background: #e4e4e4 url(../images/folderbar-bg.GIF) top repeat-x;
	border-left: 1px solid #a8a8a8;
	border-right: 1px solid #a8a8a8;
	padding-bottom: 4px;
}

#folderbar-toolbar2 {
	background: #e4e4e4;
	border-left: 1px solid #a8a8a8;
	border-right: 1px solid #a8a8a8;
}

#folderbar-main {
	background: #e4e4e4;
	border-left: 1px solid #a8a8a8;
	border-right: 1px solid #a8a8a8;
}

#folderbar-bottom {
	background: #e4e4e4;
	border-left: 1px solid #a8a8a8;
	border-right: 1px solid #a8a8a8;
	border-bottom: 1px solid #a8a8a8;
}

.lockerDetail {
	padding: 1px;
	font-size: 10px;
	vertical-align: middle;
}

#Folder_Toolbar {
	background: url(../images/folderbar-greybg.gif) repeat-x top;
}

select.FolderSelect {
	width: 206px;
}

div {
	font-family: "Trebuchet MS",Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	overflow: auto;
}

div.nooverflow {
	overflow: hidden;
}

div.inlinediv {
	position: relative;
	float: left;
}

div.hidden {
	display: none;
}


div.hidden2 {
	visibility:hidden;
}
div.scrollbox {
	overflow: auto;
	width: 100%;
	height: 280px;
	border: 1px solid #EFEFEF;
	padding: 10px;
}

div.scrollbox2 {
	overflow: auto;
	width: 30%;
	height: 160px;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	background-color: #FFFFFF;
	font-size: 10px;
	padding: 4px;
}

div.scrollbox5 {
	overflow: auto;
	width: 100%;
	height: 160px;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	background-color: #FFFFFF;
	font-size: 10px;
	padding: 4px;
}

div.scrollbox4 {
	overflow: auto;
	width: 100%;
	height: 80px;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	background-color: #FFFFFF;
	font-size: 10px;
	padding: 4px;
}

div.smalltab {
	display: inline;
	background-color: #FFFFFF;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	font-size: 10px;
	height: 14px;
	padding: 0px;
	padding-left: 10px;
	padding-right: 10px;
	margin-right: 2px;
	cursor: pointer;
	overflow: hidden;
}

div.smalltabDim {
	display: inline;
	background-color: #EEEEEE;
	border: 1px solid #CCCCCC;
	font-size: 10px;
	height: 14px;
	padding: 0px;
	padding-left: 10px;
	padding-right: 10px;
	margin-right: 2px;
	cursor: pointer;
	overflow: hidden;
}

div.smalltabFill {
	background: url(../images/smltab_bg.GIF) repeat-x top;
}

#scrollbox2 {
	overflow: auto;
	width: 100%;
	height: 175px;
	border: 1px solid #EFEFEF;
	padding: 10px;
}

#scrollbox3 {
	display: none;
	overflow: auto;
	width: 100%;
	height: 250px;
	border: 1px solid #EFEFEF;
	padding: 10px;
}

.link {
	font-family: "Trebuchet MS",Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
	cursor: pointer;
	color: #444444;
}

.greytext {
	color: #999999;
}

a {
	color: #FFFFFF;
	font-family: "Trebuchet MS",Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
	font-size: 12px;
	cursor: pointer;
}

a.tab {
	color: #444444;
	font-size: 11px;
	text-transform: lowercase;
	cursor: pointer;
}

a.heading {
	color: #444444;
	font-size: 11px;
	text-decoration:underline;
}

a.headingnu {
	color: #444444;
	font-size: 11px;
	text-decoration:none;
}

a.darksmall {
	color: #444444;
	font-size: 10px;
	text-decoration: underline;
}

a.darksmall2 {
	color: #444444;
	font-size: 10px;
	text-decoration: underline;
}

a.darksmall3 {
	color: #FFCC00;
	font-size: 12px;
	text-decoration: underline;
}

a.topcontrol {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 12px;
	
}

.topcontrol {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 11px;
	
}

a.lightsmall {
	color: #FFFFFF;
	font-size: 10px;
}

select {
	width: 97%;
	font-size: 9px;
	font-family: "Trebuchet MS",Arial, Helvetica, sans-serif;
	color: #444444;
}

.ChangeInput
{
	font-family: "Trebuchet MS",Tahoma, Verdana, Arial, Helvetica, sans-serif;
	background-color:#666666;
	color:White;
	font-size: 12px;

}

input {
	font-size: 9px;
}

input.smallBox {
	width: 10px;
}
	
textarea {
	font-family: "Trebuchet MS",Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
}

.smalltext {
	font-size: 10px;
}

.smalltextWhite {
	color: #FFFFFF;
	font-size: 10px;
}

.text_red {
	color: #FF0000;
}

.text_orange {
	color: #FC9E04;
}

.text_blue {
	color: #0ca6ff;
}

#searchBarLine {
	border-top: 1px solid #e4e4e4;
}

.searchBarIndex {
	display: inline;
	padding:0 .25em 0 .25em;
	padding-left: 4px;
	padding-right: 4px;
	height: 18px;
	text-align: center;
	font-family: "Trebuchet MS",Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin-right: 3px;
	border: 1px solid #e4e4e4;
	cursor: default;
	background: none #FFCC66;
	border: 3px double #AAAAAA;
	padding-top: -10px;
	line-height: 10px;
	/*width:.25em;*/
	overflow:visible;
}

#searchBarIndex {
	display: inline;
	padding:0 .25em 0 .25em;
	padding-left: 4px;
	padding-right: 4px;
	height: 18px;
	text-align: center;
	font-family: "Trebuchet MS",Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin-right: 3px;
	border: 1px solid #e4e4e4;
	cursor: default;
	background: none #FFCC66;
	border: 3px double #AAAAAA;
	padding-top: -10px;
	line-height: 10px;
	/*width:.25em;*/
	overflow:visible;
}

#searchBarIndexSelected {
	display: inline;
	padding:0 .25em 0 .25em;
	padding-left: 4px;
	padding-right: 4px;
	height: 18px;
	text-align: center;
	font-family: "Trebuchet MS",Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin-right: 3px;
	border: 1px solid #444444;
	cursor: default;
	background: none #444444;
	border: 3px double #444444;
	padding-top: -10px;
	line-height: 10px;
	color: #FFFFFF;
	/*width:.25em;*/
	overflow:visible;
}


#searchResultDiv {
	border-bottom: 1px dotted #cecece;
	margin-bottom: 10px;
}

#resultsNavigation {
	width: 390px;
	height: 22px;
	display: inline;
	padding-left: 0px;
	margin-left: 0px;
}

#resultsNavigationH {
	display: none;
}

#pictureDiv {
	width: 145px;
	height: 168px;
	padding-left: 8px;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 0px;
	border: 1px solid #929292;
	overflow: hidden;
}

#picturesmlDiv {
	width: 56px;
	height: 70px;
	padding-left: 4px;
	padding-top: 4px;
	padding-right: 2px;
	padding-bottom: 2px;
	border: 1px solid #929292;
	overflow: hidden;
}

#borderBox {
	border-top: 1px dotted #EEEEEE;
	border-bottom: 1px dotted #EEEEEE;
}

#borderBox2result {
	border: 1px dotted #CCCCCC;
	padding: 4px;
}

#borderBox3result {
	border: 1px dotted #CCCCCC;
	background-color: #FAFAFA;
	padding: 8px;
}

#clickText {
	cursor: default;
}

#whitebg {
	background: #FFFFFF;
}

/* ### Tooltips ### */ 

#hintbox{ /*CSS for pop up hint box */
position:absolute;
top: 0;
background-color: lightyellow;
width: 150px; /*Default width of hint.*/ 
padding: 3px;
border:1px solid black;
font:normal 11px Verdana;
line-height:18px;
z-index:100;
border-right: 3px solid black;
border-bottom: 3px solid black;
visibility: hidden;
}

.hintanchor{ /*CSS for link that shows hint onmouseover*/

}

.Splitter
{
border-bottom:1px solid #ececec;	
}
/* ### End Tooltips ### */

.FolderStrip
{
	border-bottom:1px solid #999999;
	height:24px;
}

.FolderStripLink
{
	border-bottom:1px solid #999999;
	height:24px;
	background-color: #aae0ff;
}

#FolderRenameB
{
	display: none;
	align: left;
}

#FolderNew
{
	display: none;
	align: left;
}	

#FolderText
{
	vertical-align:middle;	
}

.FolderText
{
	vertical-align:middle;	
}

.FolderSpacer
{
	height:2px;	
	overflow:hidden;
}

.FolderMore
{
	display: none;	
	overflow: hidden;
	height: 200px;
	background-color: #FFFFFF;
}

.FolderMoreLarge
{
	display: none;	
	overflow: hidden;
	height: 300px;
	background-color: #FFFFFF;
}

.ImageStrip
{
	display:none;	
	overflow:hidden;
}

.MessageDiv
{
	display:none;
	border-top:1px solid #cccccc;
	border-bottom:2px solid #cccccc;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	position:absolute;
	background: #FFFFFF;
	height:140px;
	width:200px;
	top: 200px;
	left: 500px;
	padding:5px, 5px, 5px, 5px;
	margin:5px, 5px, 5px, 5px;
	z-index: 999;
}

.Popup
{
	display:none;
	border-top:1px solid #cccccc;
	border-bottom:2px solid #cccccc;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	position:absolute;
	background: #FFFFFF;
	height:400px;
	width:4500px;
	top: 50px;
	left: 500px;
	padding:5px, 5px, 5px, 5px;
	margin:5px, 5px, 5px, 5px;
	z-index: 999;
}

#FavouritePanel
{
	display:none;
	border-top:1px solid #cccccc;
	border-bottom:2px solid #cccccc;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	position:absolute;
	background: #FFFFFF;
	height:140px;
	width:500px;
	padding:5px, 5px, 5px, 5px;
	margin:5px, 5px, 5px, 5px;
}	

#FavouritePanelKeyword
{
	display:none;
	border-top:1px solid #cccccc;
	border-bottom:2px solid #cccccc;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	position:absolute;
	background: #FFFFFF;
	height:140px;
	width:500px;
	padding:5px, 5px, 5px, 5px;
	margin:5px, 5px, 5px, 5px;
}

#FilterPanel
{
display:none;
}
	
hr
{
	color:#ececec;
	height:1px;
}	

td.AlertLine
{
	border-top:1px solid #ececec;
	padding-top: 12px;	
	font-size: 10px;

}	

td.AlertLineDash
{
	vertical-align:top;
	border-bottom:1px dashed #ececec;
	padding-top:5px;
	font-size: 10px;
}	

td.AlertBox
{
	padding:10px,10px,10px,10px;
	border-left:1px dotted #cccccc;
	border-right:1px dotted #cccccc;
	border-bottom:1px dotted #cccccc;
}	
	
.DivBorder
{
	border:1px solid #999999;
}	

.PreviewHide
{
	 display:none;
	 position:absolute;
	 right:50;
	 top:42;
	 z-index:1;
}

.resultTable
{
	border: 1px solid #FFFFFF;
}

#dropmenudiv{
position:absolute;
border:1px solid black;
border-bottom-width: 0;
line-height:20px;
z-index:100;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid black;
padding: 1px 0;
text-decoration: none;
}

#dropmenudiv a:hover { /*hover background color*/
background-color: #FFCC00;
color: #000000;
}

#FolderPanel
{
	background-color:#fAfAfA;

}

#JobFolder
{
	height:99%;
	overflow:auto;
	border:1px solid #a5a59c;
	background-color:#fAfAfA;

}

.SideBorder
{
	border-right:1px dashed #999999;
}	

.WhiteBox
{
	border:1px solid #ececec;
	background-color:white;
}

.GreyBox{
	border:1px solid #ececec;
	background-color:#f8f8f8;
}	

#NoteDisplay
{
	background-color:f8f8f8;
	border:1px solid #ececec;	
}
.HideMe
{
	display:none;
}

div.sidebar
{
	color: #FFFFFF;
	background: #666666;
	border: 1px solid #999999;
	padding: 10px;
	font-size: 10px;
	margin-right: 5px;
}

div.apiBlock
{
	background-color: #EEEEEE;
	border: 1px solid #CCCCCC;
	padding: 10px;
}

#MapBox2_Loc
{
	width: 288px;
	height: 15px;
	overflow: auto;
}

#MapBox2_LocNearby
{
	width: 288px;
	height: 75px;
	overflow: auto;
}

#MapBox2_AccNearby
{
	width: 288px;
	height: 75px;
	overflow: auto;
}

div.maptools
{
	width: 288px;
	height: 75px;
	overflow: auto;
}

div.sidebarOptions
{
	text-align: left;
	float: right;
}

a.whiteLink
{
	color: #FFFFFF;
	cursor: pointer;
	font-size: 10px;
}

a.toolsLink
{
	color: #0066CC;
	cursor: pointer;
	font-size: 10px;
	margin-bottom: 2px;
	text-decoration: none;
}

#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
border: 1px solid black;
padding: 2px;
background-color: #FFFFFF;
visibility: hidden;
z-index: 998;
overflow: visible;
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 999;
visibility: hidden;
overflow: visible;
}