@import url("jqueryslidemenu.css");
@import url("linkedin-blue.css");
@import url("tabs.css");

html
{
    margin:0px;
    padding:0px;
}
body, div, h1, h2, h3, h4, ul, ol, li, table
{
	border-style: none;
    border-color: inherit;
    border-width: medium;
    font-family: Verdana;
    margin: 0px;
    padding: 0px;
}

body, table
{
    font: 10px Verdana;
    color: Black;
    text-align: left;
}
th
{
    border: 0px;
}
p
{
    margin: 2px;
    padding: 2px;
    font: bold 10px Verdana;
    color: Black;
}
h1
{
    font: 700 18px Verdana;
}
hr
{
    width: 99%;
    color: #5E8362;
}
input, select
{
    font: 10px Verdana;
    color: Black;
}
label
{
    font: bold 10px Verdana;
    color: Black;
}
.left
{
    padding:5px;
    text-align: right;
    width: 15%;
    vertical-align: top;
}
.right
{
    padding:5px;
    text-align: left;
    width: 35%;
    vertical-align: top;
}
.leftReview
{
    padding:5px;
    text-align: right;
}
.HiddenColumn 
{
	display:none;
}
.editButton
{
    width:300px;
    float:right;
    text-align: right;
}
.upper
{
    text-transform:uppercase;
}
.PagerText
{
    text-decoration: none;
}
table.location
        {
            border-color: Black;
            border-style: solid;
            border-width: 1px;
        }
#Header
{
    position: relative;
    /*top: 0px !important;
    left: 0px;*/
    margin: 0px 0px 10px 0px;
    padding: 0px;
    background: White url(../images/teddwoodHeader_BG.jpg) repeat-x top;
    height:105px;
    min-width: 950px !important;
    z-index:100;
}
#Logo
{
    margin: 0px;
    background:  White url(../images/teddwoodHeader_BG.jpg) repeat-x top;
    padding: 0px;
    width: 300px;
    height: 105px;
    float: left;
    top: 0px;
    left: 0px;
}
#Caption
{
    position: absolute;
    top: 10px !important;
    left: 312px ! important; 
    width: 400px;
    margin: 0px;
    padding: 0px;
    color: white;
    text-align: center;
    /*z-index: 1000;*/
}
#Express
{
    position: absolute;
    top: 10px !important;
    right: 12px ! important; 
    width: 250px;
    margin: 0px;
    padding: 0px;
    color: white;
    text-align: right;
    /*z-index: 1000;*/
    font: italic 500 28px Verdana;
}
#UserInfo, .uInfo label
{
    color:White !important;
}
#EditContent
{
    position:relative;
    margin: 0px 10px 10px 10px;
    min-height: 625px;
    height: auto;
    overflow-x:hidden;
}
#DetailsContent
{
    margin: 0px;
    border: solid 2px #5E8362;
    min-height: 425px;
    height: auto;
    overflow-x:hidden;
}
#Center
{
    width:750px;
    margin:auto;
}
#Content
{
    margin: 0px 10px 10px 10px;
    border: solid 2px #5E8362;
    min-height: 425px;
    height: auto;
    overflow-x:hidden;
}
#Login
{
    border: solid 1px #000000;
    background-color: #F5F5F5;
    width:300px;
    height: 215px;
    margin: 50px 20px;
    padding: 10px;
    text-align: left;
    font: 12px Verdana;
    float:left;
}
#Opt
{
    width:320px;
    height: 250px;
	background-image:url(../images/optBG.jpg);
	background-repeat: no-repeat;
    margin: 40px 20px;
    padding: 10px;
    text-align: left;
    font: 12px Verdana;
    float:left;
}
#OptText
{
	width:190px;
	height:50px;
	float:left;
	font-size:10px;
	margin-left:20px;
}

#OptText2
{
	width:250px;
	float:left;
	font-size:10px;
	margin-left:20px;
}

#OptImg
{
	width:100px;
	height:50px;
	float:left;
	margin-left:10px;
	text-align:center;
}
#OptLine
{
	width:275px;
	height:5px;
	border-bottom:1px #000 dotted;
	float:left;
	margin-bottom:5px;
	margin-left:10px;
}
#Filters
{
    margin:5px;
    padding:0px;
    width: 850px;
    height:65px;
}
input #Filters, select #Filters 
{
    margin:2px 5px;
    width: 150px;
    font: 10px Verdana;
}
#Quotes
{
    margin:auto;
    padding:0px;
    width: 99%;
    /*text-align:center;*/
}
/* Product Entry */
#ProductSearch
{
    margin: 0px;
    padding: 2px;
    width: 26%;
    height:220px;
    float:left;
}
#Profiles
{
    margin: 0px;
    margin-left:2px;
    padding: 2px;
    width: 100%;
    height:auto;
    float: right;
    overflow:visible;
    font: 10px Verdana;
    z-index: 50;
}
#StylesDiv table
{
    table-layout:fixed;
    border: solid 1pt Black;
    border-collapse:collapse;
    empty-cells: show;
}
#StylesDiv table td
{
    /*border-bottom: solid 1px Black;
    border-right: solid 1px Black;
    border-top: 0px;
    border-left: 0px;*/
    border: solid 1pt Black;
    font: 10px Verdana;
}
#ProductForm
{
    margin: 0px;
    padding: 0px;
    /*border: solid 2px #5E8362;*/
    width: 100%;
    height: 75px;
    vertical-align:middle;
    
}
#LineItems
{
    margin: 0px;
    padding: 2px;
    width: 100%;
    overflow: auto;
    height: auto;
    text-align: center;
}
.ProductGridStyle
{
    table-layout:auto;
}
.dynamicPopulate_Normal
{
	border:silver 1px inset;
	padding:2px;
	text-align:left;
	height:200px;
	margin:0px;
	width:400px;
	overflow: auto;
	font: 10px Verdana;
    color: Black;
}
.dynamicSpan
{
    text-align: left;
    cursor: pointer;
    font: 10px Verdana;
    color: Black;
}
.dynamicPopulate_Updating 
{
	background-image:url(images/loading.gif);
	background-repeat:no-repeat;
	border:silver 1px inset;
	text-align:left;
	padding:2px;
	height:250px;
	margin:0px;
	width:400px;
	overflow: auto;
	font: 10px Verdana;
    color: Black;
}
/*AutoComplete flyout */

.autocomplete_completionListElement 
{  
	visibility : hidden;
	margin : 0px!important;
	/*background-color : inherit;*/
	color : windowtext;
	border : buttonshadow;
	border-width : 1px;
	border-style : solid;
	cursor : pointer;
	overflow : auto;
	height : auto;
	max-height: 165px;
    text-align : left; 
    list-style-type : none;
    z-index:500;
}

/* AutoComplete highlighted item */

.autocomplete_highlightedListItem
{
	background-color: #ffff99;
	color: black;
	padding: 1px;
	border: solid 1px black;
}

/* AutoComplete item */

.autocomplete_listItem 
{
	background-color : window;
	color : windowtext;
	padding : 1px;
	cursor: pointer;
}

/*Main Menu*/
#Menu
{
    width: auto;
    height: 18px;
    margin: 78px auto 0px auto;
    padding: 0px;
    float: left;
    z-index:500;
}
#Logout
{
    width: 350px;
    height: 18px;
    margin: 115px 0px 0px 0px;
    padding: 0px;
    float: right;
}
.MenuItems
{
    display: block; 
    width: 150px;
    height: 17px; 
    padding:0px 5px;
    font: bold 12px/16px Tahoma;
    color: White;
    text-decoration: none;
}
a.MenuItems:link, a.MenuItems:active, a.MenuItems:visited
{
    display: block; 
    width: 150px;
    height: 17px; 
    padding:0px 5px;
    font: bold 12px/16px Tahoma;
    color: White;
    text-decoration: none;
}
a.MenuItems:hover
{
    display: block; 
    width: 150px;
    height: 17px; 
    padding:0px 5px;
    font: bold 12px/16px Tahoma;
    color: White;
    text-decoration: none;
}
a.ContextMenuItem
{
	margin: 1px 0 1px 0;
	display: block;
	color: #FFFFFF;
	text-decoration: none;
	cursor: pointer;	
	padding: 4px 4px 4px 4px;
	white-space: nowrap;
	font:bold 12px Tahoma;
}

a.ContextMenuItem-Selected
{
	font-weight: bold;
}

a.ContextMenuItem:hover
{
	background-color: #5E8362;
	color: #FFFFFF;
	border: 1px solid #000000;
	padding: 3px 3px 3px 3px;
	font:bold 12px Tahoma;
}
/*Hover Menu*/
.popupMenu 
{
	position:absolute;
	left: -500px;
	visibility:hidden;
    display: block;
    padding:0px;
    font: 10px Tahoma;
    color: White; 
    text-decoration: none;
    z-index:5000;
}
.popupHover {
	display: block; 
    /*margin: 0px;*/ 
    padding:0px;
    font: 10px Tahoma;
    color: White;
    text-decoration: none;
	z-index:5000;
}
/*Modal Popup*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}.draggableHeader
{
    cursor: move;
    background-color:#000000;
    border:solid 1px Gray;
    color:White;
}
.ThemeColor
{
    background-color: #5E8362;
}
.AECButtons
{
    background-color: #000000;
    color: White;
}
.updateProgress 
{ 
    background-color:#ffffff;
    background-image: url(../images/ajax-loader.gif);
    background-position:center;
    background-repeat:no-repeat;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:300px;
	height:75px; 
	z-index:75000;
}
.modalPopup {
	background-color:#ffffff;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:350px;
	height:250px;
	z-index:75000;
}
.modalImport {
	background-color:#ffffff;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:600px;
	height:345px;
	z-index:75000;
}
.modalLineSelect {
	background-color:#ffffff;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
	height:100px;
	z-index:75000;
}
.modalInquiry {
	background-color:#ffffff;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:600px;
	height:250px;
	z-index:75000;
}
.modalWait {
	background-color:#ffffff;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:300px;
	height:75px;
	z-index:85000;
}
.modalForgotPass
{
	background-color:#ffffff;
	border-width:3px;
	border-style:solid;
	border-color:Black;
	padding:3px;
	width:350px;
	height:175px;
	z-index:75000;
}
.modalProfileSelector
{
	background-color:#ffffff;
	border-width:3px;
	border-style:solid;
	border-color:Black;
	padding:3px;
	width:615px;
	height:auto;
	z-index:75000;
}
.modalLoose {
	background-color:#ffffff;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:300px;
	height:auto;
	z-index:75000;
}
.modalMiscItems
{
	background-color:#ffffff;
	border-width:3px;
	border-style:solid;
	border-color:Black;
	padding:3px;
	width:810px;
	height:500px;
	z-index:75000;
}
.modalSpec
{
    background-color:#ffffff;
	border-width:3px;
	border-style:solid;
	border-color:Black;
	padding:3px;
	width:90%;
	height:expression(document.documentElement.clientHeight * 0.8 + "px");
}
/*Popup Control*/
.popupControl{
	background-color:White;
	position:absolute;
	visibility:hidden;
}

/*Footer*/
#Footer
{
    text-align: center;
    width:98%;
}
#copyright 
{
    width: 500px;
	font-family: verdana;
	font-size:9px;
	color:#C4C3C3;
	letter-spacing:.5px;
	font-weight:500; 		
	padding-left:200px;
}
#powerBy 
{
    width:200px;
    font-family: verdana;
	font-size:9px;
	color:#C4C3C3;
	letter-spacing:.5px;
	font-weight:800;
	float: right;
}
/* Styles for the Animation Reference */
.animationReferenceTable
{
}

.animationReferenceRow
{
}

.animationReferenceField
{
	text-align: right;
	vertical-align: top;
	padding-top: 5px;
}

.animationReferenceCode
{
	margin-top: 5px;
	vertical-align: top;
	font-family: 'Courier New', Monospace;
	font-style: normal;
	font-weight: bold;
	
	display:block;
	background-color:#FFF;
	color:#000;
	font-family:'Courier New', Monospace;
	font-size:0.9em;
	font-style:normal;
	font-weight: bold;
	margin-bottom: 5px;
}

.animationReferenceItems
{
	vertical-align: top;
}

.animationReferenceItemTable
{
	width: 100%;
	padding: 0px;
	margin: 0px;
}

.animationReferenceItemRow
{
	width: 100%;
	padding: 0px;
	margin: 0px;
}

.animationReferenceItem
{
	width: 100%;
	padding: 0px;
	margin: 0px;
	padding-bottom: 10px;
}

.animationReferenceItemCode
{
	display:block;
	background-color:#FFF;
	color:#000;
	font-family:'Courier New', Monospace;
	font-size:0.9em;
	font-style:normal;
	font-weight: bold;
}
/* Accordion */
.accordionHeader
{
    border: 1px solid #000000;
    color: white;
    background-color: #5E8362;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin: 0px;
    cursor: pointer;
}

#Content .accordionHeader a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

#Content .accordionHeader a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionHeaderSelected
{
    border: 1px solid #000000;
    color: white;
    background-color: #5E8362;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin: 0px;
    cursor: pointer;
}

#Content .accordionHeaderSelected a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

#Content .accordionHeaderSelected a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionContent
{
    background-color: #FFFFFF;
    border: 1px solid #5E8362;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}

/* DHTMLDRIVE TOOLTIP*/
#dhtmltooltip{
position: absolute;
left: -300px;
width: 250px;
border: 1px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

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

/******************************/
/* ######### Default class for  ProductGrid drop down menus ######### */

.anylinkcss{
/*position: absolute;
left: 0;
top: 0;
visibility: hidden;*/
border: 1px solid black;
border-bottom-width: 0;
font: normal 10px Verdana;
z-index: 100; /* zIndex should be greater than that of shadow's below */
background: white;
width: 100px; /* default width for menu */
text-align: left;
text-decoration: none;
}

.anylinkcss ul{
margin: 0;
padding: 0;
list-style-type: none;
text-decoration: none;
}

.anylinkcss ul li a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid black;
padding: 1px 0;
line-height: 14px;
text-align: left;
text-decoration: none;
font-weight: bold;
text-indent: 5px;
}

.anylinkcss a:hover{ /*hover background color*/
background: #5E8362;
color: white;
text-align: left;
text-decoration: none;
}
/* ######### Default class for QuoteGrid drop down menus ######### */

.qlinkcss{
/*position: absolute;
left: 0;
top: 0;
visibility: hidden;*/
border: 1px solid black;
border-bottom-width: 0;
font: normal 10px Verdana;
line-height: 14px;
z-index: 100; /* zIndex should be greater than that of shadow's below */
background: white;
width: 200px; /* default width for menu */
text-align: left;
text-decoration: none;
margin: 0;
padding: 0;
}
.pad5onleft 
{
    padding:5px;
}
.qlinkcss a {
width: 195px;
display: block;
border-bottom: 1px solid black;
padding: 1px 0px;
padding-left: 5px;
text-align: left;
text-decoration: none;
font-weight: bold;
}

.qlinkcss a:hover { /*hover background color*/
background: #5E8362;
color: white;
text-align: left;
text-decoration: none;
}

#overlay {
     /*visibility: hidden;*/
     position: absolute;
     left: 0px;
     top: 0px;
     width:100%;
     height:100%;
     text-align:center;
     z-index: 1000;
     background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}
.overlayDiv {
     width:300px;
     margin: 300px auto;
     background-color: #fff;
     border:2px solid #000;
     padding:15px;
     filter:alpha(opacity=100);
	opacity:1;
}