/*
---------------------------------------------------------
	Site:		Data Scavenger app datascavenger.com
	File:		master.css
	Version:	May 9, 2007
-------------------------------------------------------- */


/* ---------------------------------------------------------
	Neutralize all HTML elements
---------------------------------------------------------- */

	body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, p, blockquote, th, td {
		margin: 0;
		padding: 0;
		}
		
	table {
		border-collapse: collapse;
		border-spacing: 0;	
		}
		
	table th, table td {
		margin: 0;
		padding: 0;
		}
		
	fieldset, img {
		border: 0;
		}
		
	a img {
		border: none;
		}
		
	address, caption, cite, code, dfn, th, var {
		font-style: normal;
		font-weight: normal;
		}
		
	ol, ul {
		list-style: none;
		}
		
	caption, th {
		text-align: left;
		}
		
	h1, h2, h3, h4, h5, h6 {
		font-size: 100%;
		}
		
	q:before, q:after {
		content: '';
		}
		

/* ---------------------------------------------------------
	Global structure
---------------------------------------------------------- */

		body {
			font-size: small;
			line-height: 1.6em;
			color: #555;
			font-family: Arial, Helvetica, sans-serif;
			}
		
		* html body {
			font-size: x-small; /* for IE5/Win */
			font-size: small; /* for other IE versions */
			}

		/* Browser specific (not valid) styles to make preformatted txt wrap */
		pre {
			font-family: Arial, Helvetica, sans-serif;
			white-space: pre-wrap;       /* css-3 */
			white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
			white-space: -pre-wrap;      /* Opera 4-6 */
			white-space: -o-pre-wrap;    /* Opera 7 */
			word-wrap: break-word;       /* Internet Explorer 5.5+ */
			padding: 7px 1px;
			}

	hr {
		border: 0;
		width: 100%;
		color: #B1B2B0;
		background-color: #B1B2B0;
		height: 1px;
		margin-top: 10px;
		}
		
/* ---------------------------------------------------------
	Re-style default HTML form widgets
---------------------------------------------------------- */
		
		#btn_submit {
			padding-right: 4px;
			}
		
		input.button {
			border: 1px double #A2571C;
			padding: 1px 4px;
			background: #C68C34 url("../images/master/global_btn_submit.png") repeat-x 0 top;
			font: normal 80% "Trebuchet MS", Arial, Helvetica, sans-serif;
			text-transform: uppercase;
			letter-spacing: 1px;
			color: #FFF;
			margin-right: 7px;
			}
			
		input.button-info {
			border: 1px double #003F87;
			padding: 1px 4px;
			background: #C68C34 url("../images/master/global_btn_submit_blue.png") repeat-x 0 top;
			font: normal 80% "Trebuchet MS", Arial, Helvetica, sans-serif;
			text-transform: uppercase;
			letter-spacing: 1px;
			color: #FFF;
			margin-right: 7px;
			}

/* ---------------------------------------------------------
	Links
---------------------------------------------------------- */

		a:link, a:visited {
			color: #215A88;
			text-decoration: underline;
			}
		a:hover {
			text-decoration: none;
			}
			

/* ---------------------------------------------------------
	Screen layout and structure
---------------------------------------------------------- */

		#top{
			background: url("../images/master/bg_top.png") repeat-x 0 0;
			min-height: 131px;
			}
		
		#top.wo{
			background: url("../images/master/bg_top.png") repeat-x 0 -131px;
			min-height: 131px;	
		}

		#logo {
			position: absolute;
			top: 0;
			left: 13px;
			background: url("../images/master/logo_ds.png") no-repeat 0 0;
			min-width: 198px;
			height: 87px;
			font-size: 45px;
			line-height: 104px;
			text-indent: 200px;
			}


		/* ---------------------------------------------------------
			Top frame global toolbar
		---------------------------------------------------------- */

				#global_toolbar {
					position: absolute;
					top: 8px;
					right: 16px;
					font-size: 85%;
					color: #BCD6E7;
					}
		
							#global_toolbar li {
								display: inline;
								padding-right: 4px;
								}
		
							#locked {
								background: url("../images/master/icon_locked.png") no-repeat 0 50%;
								padding-left: 15px;
								}
		
							.stroke {
								border-right: 1px solid #BCD6E7;
								}
		
							#global_toolbar a:link, #global_toolbar a:visited {
								color: #BCD6E7;
								text-decoration: underline;
								}
		
							#global_toolbar a:hover {
								text-decoration: none;
								}
								

		/* ---------------------------------------------------------
			Top frame global menu
		---------------------------------------------------------- */

				#global_menu {
					position: absolute;
					margin: 81px 0 0 61px;
					font-size: 85%;
					line-height: normal;
                    height: 21px;
                    overflow: hidden;
					}
		
									#general {
										float: left;
										background: url("../images/master/btn_global_general.png") no-repeat left top;
										padding: 0 0 0 9px;
										margin-right: 8px;
										}
		
									#retrieve {
										float: left;
										background: url("../images/master/btn_global_retrieve.png") no-repeat left top;
										padding: 0 0 0 26px;
										margin-right: 8px;
										}

									#approve {
										float: left;
										background: url("../images/master/btn_global_retrieve.png") no-repeat left top;
										padding: 0 0 0 26px;
										margin-right: 8px;
										}
		
									#post {
										float: left;
										background: url("../images/master/btn_global_post.png") no-repeat left top;
										padding: 0 0 0 22px;
										margin-right: 8px;
										}
		
									#setup {
										float: left;
										background: url("../images/master/btn_global_setup.png") no-repeat left top;
										padding: 0 0 0 21px;
										margin-right: 8px;
										}
		
									#xref {
										float: left;
										background: url("../images/master/btn_global_xref.png") no-repeat left top;
										padding: 0 0 0 22px;
										margin-right: 8px;
										}
										
									#auto {
										float: left;
										background: url("../images/master/btn_global_general.png") no-repeat left top;
										padding: 0 0 0 9px;
										margin-right: 8px;
										}
									
									#dox {
										float: left;
										background: url("../images/master/btn_global_general.png") no-repeat left top;
										padding: 0 0 0 9px;
										margin-right: 8px;
										}
										
									#wo {
										float: left;
										background: url("../images/master/btn_global_wo.png") no-repeat left top;
										padding: 0 0 0 9px;
										margin-right: 8px;
										}
										
									#cadmin {
										float: left;
										background: url("../images/master/btn_global_general.png") no-repeat left top;
										padding: 0 0 0 9px;
										margin-right: 8px;
										}
										
									#gadmin {
										float: left;
										background: url("../images/master/btn_global_general.png") no-repeat left top;
										padding: 0 0 0 9px;
										margin-right: 8px;
										}
										
									#reports {
										float: left;
										background: url("../images/master/btn_global_general.png") no-repeat left top;
										padding: 0 0 0 9px;
										margin-right: 8px;
										}
									
									#invoicing {
										float: left;
										background: url("../images/master/btn_global_general.png") no-repeat left top;
										padding: 0 0 0 9px;
										margin-right: 8px;
										}
									
		
							#global_menu a {
								float: left;
								display: block;
								background: url("../images/master/global_menu_right.png") no-repeat right top;
								padding: 4px 13px 3px 4px;
								text-decoration: none;
								color: #555;
								}
								
									#wo a {
										float: left;
										display: block;
										background: url("../images/master/wo_menu_right.png") no-repeat right top;
										padding: 4px 13px 3px 4px;
										text-decoration: none;
										color: #555;
									}
							#global_menu > ul a {width: auto;} /* reset for other browsers */
                                    #global_menu li, #global_menu li a {
                                        height: 21px;
                                    }

									#global_menu li:hover, #global_menu li:hover a {
										background-position: 0% -21px;
										color: #FFF;
										}
		
									#global_menu li:hover a {
										background-position: 100% -21px;
										}
		
									#global_menu .selected {
										background-position: 0% -21px;
		  								border-width: 0;
										}
		
									#global_menu .selected a {
										background-position: 100% -21px;
		 		 						color: #FFF;
										}
										

		/* ---------------------------------------------------------
			Top frame global side
		---------------------------------------------------------- */

				#global_side {
					position: absolute;
					top: 81px;
					right: 20px;
					font-size: 85%;
					}
		
							#global_side li {
								display: inline;
								padding-left: 13px;
								}
		
							#global_side a:link, #global_side a:visited {
								color: #555;
								text-decoration: underline;
								}
		
							#global_side a:hover {
								text-decoration: none;
								}
								

		/* ---------------------------------------------------------
			Left frame
		---------------------------------------------------------- */

			#menu_body {
				padding: 15px 10px 10px 20px;
				background: #ECECEB;
				font-size: 80%;
				}


		/* ---------------------------------------------------------
			Main frame and default div
		---------------------------------------------------------- */
		
				/* ---------------------------------------------------------
					Forms used throughout application to set default styles. 
					If a new form type is added, it must be defined here.
				---------------------------------------------------------- */
				
				#main_form, #upload_form, #prefs_form, #generate_form {
					padding: 20px 30px;
					}
		
								#main_form h1, #upload_form h1, #prefs_form h1, #generate_form h1 {
									font-size: 110%;
                                    font-weight: bold;
                                    color: #555;
									padding-bottom: 4px;
									border-bottom: 1px solid #555;
									margin-bottom: 10px;
									clear:both;
                                    font-family: Arial, Helvetica, sans-serif;
									}
									
										#main_form h1 span {
											font-size: 90%;
											color: #B1B2B0;
											padding-left: 5px;
											}
						
								#main_form h2, #upload_form h2, #prefs_form h2, #generate_form h2 {
									font-size: 100%;
									margin: 0;
									}
				
								#main_form h3, #upload_form h3, #prefs_form h3, #generate_form h3 {
									font-size: 95%;
									margin: 10px 0;
									color: #B1B2B0;
									font-weight: normal;
									}
				
								#main_form p, #upload_form p, #prefs_form p, #generate_form p {
									font-size: 90%;
									margin-bottom: 10px;
									}
									
						/* ---------------------------------------------------------
							By default, tables have no borders for use in forms.
							Here borders are re-applied to specific styles.
						---------------------------------------------------------- */

						#main_form table, #upload_form table, #prefs_form table, #generate_form table {
							width: auto;
							font-size: 100%;
							}
		
									#main_form table th, #main_form table td, #prefs_form table th, #generate_form table th {
										padding: 3px 8px;
										vertical-align: text-top;
										}
										
									.sortable, .standard {
										padding: 0 10px;
										border: 1px solid #B1B2B0;
										}

											.sortable th, .sortable td, .standard th, .standard td {
												padding: 3px 10px;
												border-bottom: 1px solid #B1B2B0;
												border-right: 1px solid #B1B2B0;
												vertical-align: text-top;
												}
												
		/* ---------------------------------------------------------
			Message boxes
		---------------------------------------------------------- */

				#results {
					padding: 8px 17px 0 17px;
					margin: 20px 0;
					color: #B37545;
					}

							#results h2 {
								font-size: 100%;
								font-weight: bold;
								}

							#results p {
								font-size: 90%;
								margin: 5px 0 10px 0;
								padding: 0;
								}

								.yellow {
									background: #FFFFCC;
									border: 1px solid #B37545;
									}
		
								.yellow strong {
									color: #B37545;
									}

						.inset_help {
							background: #E2F9E3;
							border: 1px solid #99CC99;
							padding: 0 7px 0 13px;
							margin-top: -22px;
							color: #006600;
							width: 50%;
							float: right;
							}
							
								.inset_help h2 {
									margin: 0;
									padding: 10px 0 0 0;
									}

								.inset_help p {
									margin: 0;
									padding: 0;
									}

								.inset_help a:link, .inset_help a:visited {
									color: #006600;
									}

								.inset_help a:hover {
									color: #006600;
									}

						.billable {
							color: #006600;
							font-weight: bold;
							}
							
		/* ---------------------------------------------------------
			Widgets and in-screen options
		---------------------------------------------------------- */
							
		.filter_tools {
			text-align: right;
			}
			
				.filter_tools p {
					margin: -5px 0 0 0;
					}
	
		#sub_menu {
			padding: 6px 13px 28px 9px !important;
			font-size: 13px !important;
            font-family: Arial, Helvetica, sans-serif !important;
			background: #D6D8D8;
			border: 1px solid #BCBDBC;
			}
		
				#sub_menu li {
					display: inline;
					float: left;
					padding-right: 10px;
					}

						#sub_menu a {
							padding: 4px 6px;
							}
		
						#sub_menu a, #sub_menu a:visited {
							color: #555;
							text-decoration: none;
							border: 1px solid #D6D8D8;
							}
		
						#sub_menu a:hover {
							background: #FFF;
							border: 1px solid #A1A2A0;
							}

						#sub_menu .selected a {
							background: #FFF;
							border: 1px solid #A1A2A0;
							}

		/* ---------------------------------------------------------
			Post data alerts
		---------------------------------------------------------- */
			
			.error {
				color: #CC0000;
				}
		
			.warn {
				color: #C68C34;
				}
		
			.info {
				color: #006600;
				}
				
			.message_center_header {
				color: #BB0000;
				}
				
		/* -------------------------------------------------
		  Company Xref Select lists
		 -------------------------------------------------- */	
		.wide_select{
			width: 275px
		}

        .ui-tooltip.dox_tooltip {
            border: 1px solid black;
            font-size: 10px;
            padding: 2px;
            max-width: 500px;
        }

		/* --------------------------------------------------
		  Allow default behavior of UL/OL lists
        ----------------------------------------------------- */
        .default_lists ul {
            list-style-type: disc;
            list-style-position: inside;
        }
        .default_lists ol {
            list-style-type: decimal;
            list-style-position: inside;
        }
        .default_lists ul ul, .default_lists ol ul {
            list-style-type: circle;
            list-style-position: inside;
            margin-left: 15px;
        }
        .default_lists ol ol, .default_lists ul ol {
            list-style-type: lower-latin;
            list-style-position: inside;
            margin-left: 15px;
        }
/* overlay for ajay queries */
#overlay {
	opacity: 0.4;
	filter: alpha(opacity=40);
	background-color: lightgrey;
	position: fixed;
	left:0;
	top: 0;
	width:100%;
	height:100%;
}

#company_menu_form {
	padding-bottom: 20px;
}