/*
Title:      Dinex Extranet, master styles for screen media
Author:     Steven Miller, smiller@dinex.com
Updated:    September 20, 2005
*/

html,body
{
margin: 0;
padding: 0;
color: #000;
background: #fff url(images/bkgd.jpg) repeat-x;
}

body
{
font-family: Verdana, sans-serif;
font-size: small;
padding: 0px;
min-width: 750px;
}

h2
{
font-family: "Trebuchet MS", Verdana, sans-serif;
font-size: 180%;
color: #007;
}

h3
{
font-family: "Trebuchet MS", Verdana, sans-serif;
font-size: 150%;
color: #58b;
}

h4
{
font-family: "Trebuchet MS", Verdana, sans-serif;
font-size: 120%;
color: #007;
}

/* Links */

a, a:link, a:visited, a:active
{
text-decoration: line;
color: #007;
}

a:hover
{
color: #f01;
}

a.more
{
padding-right: 7px;
background: url(images/more-blue.gif) no-repeat 100% 5px;
}

a.disk
{
padding: 2px 0 2px 15px;
background-image: url(images/disk.gif);
background-repeat: no-repeat;
background-position: 0 .4em;
}

a.edit
{
padding: 2px 0 2px 15px;
background-image: url(images/edit.gif);
background-repeat: no-repeat;
background-position: 0 .1em;
}

a.pdf
{
padding: 3px 0 3px 20px;
background-image: url(images/bullet_pdf.gif);
background-repeat: no-repeat;
background-position: 0 .3em;
}

a.excel
{
padding: 3px 0 3px 20px;
background-image: url(images/bullet_chart.gif);
background-repeat: no-repeat;
background-position: 0 .3em;
}

a.doc
{
padding: 3px 0 3px 20px;
background-image: url(images/bullet_doc.gif);
background-repeat: no-repeat;
background-position: 0 .3em;
}

/* Navigation */

#nav, #nav ul
{
font-family: Verdana, sans-serif;
font-size: 10px;
font-weight: bold;
float: left;
width: 100%;
list-style: none;
line-height: 1.4em;
background: #fff;
padding: 0;
border: solid #9cf;
border-width: 0 0;
margin: 0 0 1em 0;
z-index: 1;
}

#nav ul
{
background: #fff;
font-size: 10px;
line-height: 1.3em;
}

#nav a
{
display: block;
width: auto;
border: solid #777;
border-width: 0 1px 0 0;
color: #007;
text-decoration: none;
padding: 0.4em 1.5em;
}

#nav ul a
{
font-family: Verdana, sans-serif;
border: solid #9cf;
border-width: 0 0 1px 0;
padding: 0.4em 3.5em 0.4em 1.5em;
}

#nav a.arrow
{
background: url(images/menuarrow.gif) no-repeat;
background-position: 95% 50%;
}

#nav li
{
float: left;
padding: 0;
width: auto;
color: #fff;
}

#nav li ul
{
position: absolute;
left: -999em;
height: auto;
width: 16.4em;
w\idth: 15.9em; /* main drop down window */
font-weight: normal;
border-width: 0.3em;
margin: 0;
}

#nav li li {padding-right: none; width: 15em}
html>body #nav li li {padding-right: 1em; width: 15em} /*IE Hack*/

#nav li ul a
{
width: 15em;
w\idth: 11em; /* inside drop down menu */
}

#nav li ul ul {margin: -2.1em 0 0 16em;}
html>body #nav li ul ul {margin: -2em 0 0 15.9em;} /*nested position (IE Hack)*/

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul
{
left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul
{
left: auto;
}

#nav li:hover, #nav li.sfhover
{
background: #9cf;
}

/* tab navigation */

#tabnav
{
height: 20px;
margin: 0;
padding-left: 26px;
}

#tabnav li
{
margin: 0; 
padding: 0;
display: inline;
list-style-type: none;
}
	
#tabnav a:link, #tabnav a:visited
{
float: left;
background: #f3f3f3;
font-size: 10px;
line-height: 14px;
font-weight: bold;
padding: 2px 10px 2px 10px;
margin-right: 4px;
border: 1px solid #ccc;
text-decoration: none;
color: #999;
}

#tabnav a:link.active, #tabnav a:visited.active
{
border-bottom: 1px solid #fff;
background: #fff;
color: #000;
}

#tabnav a:hover
{
color: #666;
background: #fff;
}

/* Forms */

#formbox
{
font-size: 90%;
width: 400px;
background-color: #def;
border: 1px solid #58b;
padding: 15px;
margin-left: 26px;
}

#formboxwide
{
font-size: 90%;
width: 650px;
background-color: #def;
border: 1px solid #58b;
padding: 10px;
margin-left: 26px;
}

#formbox strong
{
font-size: 110%;
}

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

div.row {clear: both; padding-top: 5px;}
html>body div.row {clear: both; padding-top: 10px;} /*form row spacing (IE Hack) */

div.row span.label
{
float: left;
width: 168px;
text-align: right;
}

div.row span.formw
{
float: right;
width: 225px;
text-align: left;
}

div.spacer
{
clear: both;
}

/*------- Find Customer by Name --------*/
#formboxnew
{
font-size: 90%;
width: 400px;
border: 1px solid #58b;
padding: 15px;
margin-left: 26px;
background: #def url(http://extranet.dinex.com/images/new45.gif) no-repeat top left;
}

#formboxnew p
{
margin-top: 35px;
line-height: 1.5em;
}

div.row2 {clear: both; padding-top: 5px;}
html>body div.row2 {clear: both; padding-top: 10px;} /*form row spacing (IE Hack) */

div.row2 span.label2
{
float: left;
width: 130px;
text-align: right;
}

div.row2 span.formw2
{
float: right;
width: 255px;
text-align: left;
}
/*------- Find Customer by Name END--------*/

.labelcell
{
text-align: right;
padding-bottom: 3px;
padding-left: 0px;
}

.headingcell
{
text-align: left;
}

.headingcellcenter
{
text-align: center;
}

.fieldcell
{
padding-bottom: 3px;
}

.fieldcellcenter
{
text-align: center;
padding-bottom: 3px;
}

.asterisk
{
color: #f00;
}

/*List */

#linkcontainer
{
font-size: 90%;
color: #007;
margin-left: 26px;
}

#linklist
{
margin-left: 0;
padding-left: 0;
list-style: none;
background-image: url(images/doublearrow.gif);
background-repeat: no-repeat;
background-position: 0 6px;
}

#linklist li 
{
padding-left: 13px;
padding-bottom: 10px;
line-height: 1.3em;
background-image: url(images/doublearrow.gif);
background-repeat: no-repeat;
background-position: 0 6px;
}

#linklist li ul
{
padding-top: 5px;
}

#linklist li ul li
{
padding-bottom: 5px;
padding-left: 13px;
margin-left: -40px;
line-height: 1.2em;
list-style: none;
background-image: url(images/square.gif);
background-repeat: no-repeat;
background-position: 0 6px;
}

ol.numbers
{
font-size: 90%;
line-height: 1.5em;
padding: 0 40px 0 50px;
}

ol.numbers li
{
padding-bottom: 10px;
}

ul.bullets
{
font-size: 90%;
line-height: 1.5em;
padding: 0 40px 0 45px;
}

ul.bullets li
{
padding-bottom: 10px;
}


/* Expandable Menu Tree*/
#menutree
{
font-size: 90%;
margin-left: 0;
padding-left: 0;
list-style: none;
}

#foldheader
{
cursor: pointer;
cursor: hand;
padding-left: 13px;
font-weight: normal;
list-style: none;
background-image: url(images/doublearrow.gif);
background-repeat: no-repeat;
background-position: 0 .7em;
}

#foldheader2
{
cursor: pointer;
cursor: hand;
padding-left: 13px;
font-weight: normal;
list-style: none;
background-image: url(images/doublearrow.gif);
background-repeat: no-repeat;
background-position: 0 .7em;
}

#foldinglist li
{
padding-left: 13px;
margin-left: -40px;
list-style: none;
background-image: url(images/square.gif);
background-repeat: no-repeat;
background-position: 0 .7em;
}

html>body #foldinglist li {margin-left:-30px;} /* IE hack, positioning */

#notree
{
cursor: pointer;
cursor: hand;
padding-left: 13px;
font-weight: normal;
list-style: none;
background-image: url(images/doublearrow.gif);
background-repeat: no-repeat;
background-position: 0 .7em;
}

/*Layout */

div#wrap
{
background: none;
margin: 0 auto;
width: 750px;
}

#top
{
height: 40px;
background: none;
background-image: url(images/title.jpg);
background-repeat: no-repeat;
padding: 0px;
font-size: 82%;
}

#top p
{
text-align: right;
padding: 12px 50px 0px 0px;
margin: 0;
}

#header
{
padding-top: 135px;
background: none;
background-image: url(images/turnbury_head.jpg);
background-repeat: no-repeat;
text-align: center;
overflow: hidden;
margin: 0;
/* WIN IE5 hack */
height: 135px;
voice-family: "\"}\""; 
voice-family:inherit;
height: 0;
}

#main
{
float: left;
width: 500px;
background: #fff;
line-height: 1.6em;
padding-top: 20px;
padding-bottom: 20px;
}

#main p
{
font-size: 95%;
padding: 0 40px 0 26px;
}

#main h2, #main h3, #main h4
{
padding: 0 40px 0 26px;
}

#main h4
{
margin-bottom: -5px;
}

#mainmedium
{
float: left;
width: 650px;
background: #fff;
line-height: 1.3em;
padding-top: 20px;
padding-bottom: 20px;
}

#mainmedium p
{
font-size: 95%;
padding: 0 40px 0 26px;
}

#mainmedium h2, #mainmedium h3
{
padding: 0 40px 0 26px;
}

#mainwide
{
float: left;
width: 800px;
background: #fff;
line-height: 1.6em;
padding-top: 20px;
padding-bottom: 20px;
}

#mainwide p
{
font-size: 95%;
padding: 0 40px 0 26px;
}

#mainwide h2, #mainwide h3
{
padding: 0 40px 0 26px;
}

#sidebar
{
width: 250px;
float: right;
background: #fff;
}

#sidebar h3
{
font-family: "Trebuchet MS", Verdana, sans-serif;
font-size: 130%;
font-weight: bold;
color: #007;
line-height: 1.3em;
margin: -2px 0 2px 0;
}

#sidebar p
{
padding: 0 0px;
}

#spacer
{
background: none;
text-align: center;
clear: both;
}

/* Rounded Boxes */

dl
{
width: 240px;
margin: 0 0 15px 0px;
padding: 0;
background: #ccc url(images/box_bottom.gif) no-repeat bottom left;
}

dt
{
font-family: "Trebuchet MS", Verdana, sans-serif;
font-weight: bold;
font-size: 110%;
letter-spacing: 2pt;
color: #fff;
margin: margin: 0 0 10px 0;
padding: 6px 0 6px 10px;
border-bottom: 1px solid #fff;
background: #999 url(images/box_top.gif) no-repeat top left;
}

dd
{
margin: 0 0 0 10px;
padding: 10px 15px 15px 5px;
color: #000;
font-family: Verdana, sans-serif;
font-size: 85%;
line-height: 1.4em;
}

#blue dt
{
background-color: #58b;
}
	
#blue
{
background-color: #def;
}

/* Floats */

.floatright
{
float: right;
margin: 0 0 0px 5px;
}

.floatleft
{
float: left;
margin: -5px 10px 0 26px;
}

/* lines */
.divider hr
{ 
display: none; 
}

.divider
{ 
border-bottom: 1px solid #ddd;
margin-left: 26px;
margin-right: 40px;
margin-top: 20px;
margin-bottom: 20px;
height: 1px; 
}

.form hr
{ 
display: none; 
}

.form
{ 
border-bottom: 1px solid #58b;
margin-left: 20px;
margin-right: 20px;
margin-top: 45px;
margin-bottom: 15px;
height: 1px; 
}

/* overflow */

#specsheets
{
width: 430px;
margin-left: 26px;
background-color: #fff;
border: 1px solid #58b;
padding: 0;
}

#specsheets h1
{
height: 25px;
background: #161f68;
background-image: url(http://www.dinex.com/images/specsheetheader.gif);
background-repeat: no-repeat;
margin: 0;
}

#servicemanuals
{
width: 560px;
margin-left: 26px;
background-color: #fff;
border: 1px solid #58b;
padding: 0;
}

#servicemanuals h1
{
height: 25px;
background: #161f68;
background-image: url(images/service_header.gif);
background-repeat: no-repeat;
margin: 0;
}

.table
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 90%;
color: #000000;
text-align: left;
margin: 0;
padding: 0;
}

#bcemail
{
width: 650px;
margin-left: 26px;
background-color: #fff;
border: 1px solid #58b;
border-top: none;
padding: 0;
}

.bcemailhead
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 95%;
font-weight: bold;
color: #fff;
background: #161f68;
text-align: left;
}

.bcemailtable
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 95%;
line-height: 1.3em;
color: #000000;
text-align: left;
}

.bcemailtable td
{
padding-top: 6px;
padding-bottom: 6px;
}

#bcemailscroll
{
width: 650px;
height: 320px;
overflow: scroll;
}

/* footer */

#footer
{
position: relative;  /* Needed for Safari */
padding: 10px 0 10px 0;
background: #000066 url(images/footer.jpg) repeat-x;
}
			
#footer p
{
font-size: 85%;
color: #fff;
margin: 0;
text-align: center;
}

#footer a
{
color: #fff;
}

.clear
{
clear: both;
}