/* 
-------------------------------------------------------------------
NWDA Corporate Extranet stylesheet: global styles
-------------------------------------------------------------------
*/

/* Body, wrapper, logo and general formatting
--------------------------------------------------------------------------
*/

body { margin: 0; padding: 1.5em 0; color: #666; text-align: center; }
#wrapper { width: 74em; margin: 0 auto; text-align: left; }
#logo { float: left; }
#logo:hover { text-decoration: none; }
#logo img { width: 14.7em; height: 6.1em; vertical-align: bottom; }
#logout { margin: 4em 0 0 0; font-size: 1.1em; font-weight: bold; float: right; }

#header { margin: 1em 0 0 0; padding: .3em; background: #6486a5 url(../../../../images/h1bg.gif) repeat-x scroll top left; border-left: 1px solid #afc1d1; border-top: 1px solid #afc1d1; border-right: 1px solid #435a6f; border-bottom: 1px solid #435a6f; color: #fff; }
#header h1, #header strong { margin: 0; padding: 0; font-size: 1.4em; }

p, ul, ol { margin: 1em 0; font-size: 1.1em; }
ul, ol { margin-left: 3em; padding: 0; }

a { color: #3556a2; text-decoration: none; }
a:hover { color: #000; text-decoration: underline; }

table { margin: 0; padding: 0; border-collapse: collapse; border-spacing: 0; font-size: 1em; }
table th, table td { margin: 0; padding: 0; font-weight: normal; text-align: left; vertical-align: top; }

form { margin: 0; padding: 0; display: inline; }
fieldset { margin: 0; padding: 0; border: none; }

input, select, textarea, button { font: normal normal normal 1em "Trebuchet MS", "Verdana", sans-serif;	}

/* Login form
--------------------------------------------------------------------------
*/

#login { margin: 1.5em 0; }
#loginleft { width: 26.9em; padding: 1.5em 5em; border-right: .1em solid #e1e1e0; float: left; }
#loginleft fieldset { background: #e4f0f0; padding: 1em; font-size: 1.1em; border-right: 1px solid #a9b3b3; border-bottom: 1px solid #a9b3b3; }
#loginleft fieldset h2 { font-size: 1.3em; margin: 0 0 .6em 0; color: #333; }
#loginleft fieldset label { width: 8em; margin: .5em 0; font-weight: bold; float: left; }
#loginleft fieldset input { width: 8em; margin: .3em 0; }
#loginleft fieldset a#forgotpassword { margin: 0 0 0 8em; }
#loginleft fieldset #loginbutton { font-size: .91em; margin: 0 0 0 8.8em; }
#loginleft fieldset #loginbutton input { width: 5.1em; height: 1.9em; vertical-align: bottom; }
#loginright { width: 27em; padding: .5em 5em; float: left; }

/* Internal
--------------------------------------------------------------------------
*/

/* breadcrumb */

#breadcrumb { margin: .5em 0; padding: 0 1em; font-size: 1.1em; }
#breadcrumb strong { margin: 0 .5em 0 0; float: left; }
#breadcrumb ol { margin: 0; padding: 0; font-size: 1em; list-style: none; }
#breadcrumb ol li { padding: 0 .3em 0 0; float: left; }

/* content */

#content { margin: .5em 0 1em 0; border-top: 1px solid #e1e1e0; }
#contentleft { width: 17.5em; padding: .5em .5em .5em 0; float: left; }
#contentleft strong.menutitle { font-size: 1.1em; }
#contentleft ul { margin: 0; padding: 0; font-size: 1.1em; list-style: none; }
#contentleft ul li a { margin-bottom: 1px; color: #666; padding: .2em .6em; display: block; background: #e7e7e1; font-weight: bold; border-bottom: 1px solid #9c9c98; border-right: 1px solid #9c9c98; }
#contentleft ul li a.selected { color: #00578e; }
#contentleft ul li ul { font-size: 1em; }
#contentleft ul li ul li a { margin-bottom: 0; padding: .2em .2em .2em 1.5em; background: #fff; border-bottom: 0; border-right: 0; border-bottom: 1px solid #e1e1e0; }
#contentleft ul li ul li.selected a { color: #00578e; }

#contentright { width: 53.9em; padding: 1em 1em 0 1em; float: left; border-left: .1em solid #e1e1e0; }
#contentright.wide { width: auto; float: none; border-left: none; }
#contentright h1 { margin: 0 0 .7em 0; font-size: 1.6em; color: #3556a2; }
#contentright h2 { margin: .7em 0; font-size: 1.4em; }
#contentright h3 { margin: .9em 0; font-size: 1.2em; }

p.morelink { text-align: right; }
p.morelink a { padding: 0 8px 0 0; background: url(../../../../images/homepage-morelinkbg.gif) no-repeat scroll center right; }

p.imgRight, p.imgLeft, p.imgRightBorder, p.imgLeftBorder { font-size: 1em; }
p.imgRight img { margin: 0 0 0 2em; float: right; }
p.imgLeft img { margin: 0 1em 0 0; float: left; }
p.imgRightBorder { margin: 0 0 0 2em; float: right; }
p.imgRightBorder img { border: 1px solid #c4c4c1; }
p.imgLeftBorder { margin: 0 1em 0 0 !important; float: left; }
p.imgLeftBorder img { border: 1px solid #c4c4c1; }

p.worddoc { margin: .2em 0; }
p.worddoc a { background: url(../../../../images/documents-word.gif) no-repeat 0% 50%; padding: 2px 0 2px 25px; }
p.pdfdoc { margin: .2em 0; }
p.pdfdoc a { background: url(../../../../images/documents-pdf.gif) no-repeat 0 2px; padding: 2px 0 2px 25px; }
p.pptdoc { margin: .2em 0; }
p.pptdoc a { background: url(../../../../images/documents-ppt.gif) no-repeat 0 2px; padding: 2px 0 2px 25px; }
p.xlsdoc { margin: .2em 0; }
p.xlsdoc a { background: url(../../../../images/documents-xls.gif) no-repeat 0 2px; padding: 2px 0 2px 25px; }
p.htmldoc { margin: .2em 0; }
p.htmldoc a { background: url(../../../../images/documents-html.gif) no-repeat 0 2px; padding: 2px 0 2px 25px; }
p.videodoc { margin: .2em 0; }
p.videodoc a { background: url(../../../../images/documents-video.gif) no-repeat 0 2px; padding: 2px 0 2px 25px; }
p.txtdoc { margin: .2em 0; }
p.txtdoc a { background: url(../../../../images/documents-txt.gif) no-repeat 0 2px; padding: 2px 0 2px 25px; }
p.rssfeed { margin: .2em 0; }
p.rssfeed a { background: url(../../../../images/documents-rss.gif) no-repeat 0 2px; padding: 2px 0 2px 25px; }
p.podcast { margin: .2em 0; }
p.podcast a { background: url(../../../../images/documents-podcast.gif) no-repeat 0 2px; padding: 2px 0 2px 25px; }

.errors { font-size: 1.1em; color: #f00; }

/* new css august 2009 */
#contentright .cols { background: url(../../../../images/colsbg.png) repeat-y 50% 0; overflow: hidden; zoom: 1; }
#contentright .cols .col { width: 48%; float: left; }
#contentright .cols .col.right { float: right; }

#contentright .compareForm { margin: 1em 0; font-size: 1.1em; }
#contentright .compareForm table { width: 99%; }
#contentright .compareForm table th { font-weight: bold; }
#contentright .compareForm table td { vertical-align: middle; }
#contentright .compareForm table th.compare, #contentright .compareForm table td.compare { text-align: center; }
#contentright .compareForm table td.compare { border-left: 1px solid #e1e1e0; }
#contentright .compareForm table a { background: url(../../../../images/arrow.png) no-repeat 0 .4em; display: block; padding: 0 0 0 8px; }
#contentright .compareForm table label { position: absolute; top: 0; left: -99999px; }
#contentright .compareForm .submit { margin: 1em 0 0; text-align: right; }
#contentright .compareForm .submit input { background: #a459c1 url(../../../../images/comparesubmitbg.png) repeat-x bottom left; border: 1px solid #5c2372; color: #fff; font-weight: bold; cursor: pointer; }

#contentright .h3format h3 { margin: 0; font-size: 1.4em; padding: .3em 5px; background: #f5f5f1; border: solid #bfbfbc; border-width: 0 1px 1px 0; color: #3556a2; }

#supplierDetails #contentright { width: 55.9em; padding: 0; float: left; border-left: .1em solid #e1e1e0; }
#supplierDetails #contentright .left { width: 37.5em; float: left; border-right: .1em solid #e1e1e0; }
#supplierDetails #contentright .left .box { padding: 1em 1em 0; border-bottom: .1em solid #e1e1e0; }
#supplierDetails #contentright .left .box table { width: 99%; margin: 0 0 1em; font-size: 1.1em; }
#supplierDetails #contentright .left .box table th, #supplierDetails #contentright .box table td { padding: .2em .1em; }
#supplierDetails #contentright .left .box table th { width: 50%; padding-right: 1em; }
#supplierDetails #contentright .left .box table thead th { color: #cf0033; font-weight: bold; border-bottom: .1em solid #e1e1e0; padding-bottom: .6em; }
#supplierDetails #contentright .left .box table.spacing th, #supplierDetails #contentright .box table.spacing td { padding-bottom: 1.2em; }
#supplierDetails #contentright .left .print { overflow: auto; zoom: 1; padding-bottom: 1em; }
#supplierDetails #contentright .left .print a { font-size: 1.1em; padding: 0 0 0 24px; float: right; background: url(../../../../images/print.gif) no-repeat center left; }

#supplierDetails #contentright .right { width: 17em; float: right; }
#supplierDetails #contentright .right h2 { margin: .6em 0 .1em; padding: .4em .6em; background: #f5f5f1; color: #cf0033; }
#supplierDetails #contentright .right .box { background: #f5f5f1; padding: 1em; }
#supplierDetails #contentright .right .box p { margin: 0 0 1em; }
#supplierDetails #contentright .right .box .submit { font-size: 1.1em; text-align: center; }
#supplierDetails #contentright .right .box .submit input { background: #a459c1 url(../../../../images/comparesubmitbg.png) repeat-x bottom left; border: 1px solid #5c2372; color: #fff; font-weight: bold; cursor: pointer; }

#contentright ul.supplierList { margin: 1em 2em; padding: 0; list-style: none; overflow: hidden; zoom: 1;  }
#contentright ul.supplierList li.left { width: 49.9%; margin: 0; padding: 0 0 1em; float: left; display:block;}
#contentright ul.supplierList li.right { width: 49.9%; margin: 0; padding: 0 0 1em; float: right; display:block; }
#contentright ul.supplierList li span { display:inline-block; width:90%; }
#contentright ul.supplierList li input { vertical-align: top; }

#contentright .compareButtons { font-size: 1.1em; text-align: right; }
#contentright .compareButtons input { text-align: center; padding: 0; min-width: 12em; background: #a459c1 url(../../../../images/comparesubmitbg.png) repeat-x bottom left; border: 1px solid #5c2372; color: #fff; font-weight: bold; cursor: pointer; overflow: visible; }
* html #contentright .compareButtons input { width: 12em; }
#contentright .compareButtons input.clear { background: #fefefe url(../../../../images/compareresetbg.png) repeat-x bottom left; color: #3556a2; border-color: #cfcfcf; }

/* generic modal styles */
.jqmWindow { display: none; position: fixed; top: 70px; left: 10%; margin-left: 0; width: 80%; background: #fff url(../../../../images/modalbg.png) repeat-x top left; color: #333; border: 1px solid #2c3959; }
.jqmOverlay { background-color: #000; }
* iframe.jqm { position: absolute; top: 0; left: 0; z-index: -1; width: expression(this.parentNode.offsetWidth+'px'); height: expression(this.parentNode.offsetHeight+'px'); }
* html .jqmWindow { position: absolute; top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px'); }

#contentright .jqmWindow .title { padding: .6em .5em; background: #2c3959; }
#contentright .jqmWindow .title h2 { font-size: 1.2em; margin: 0; padding: 0; color: #fff; }
#contentright .jqmWindow .compareTable { padding: 2em 20px; overflow: auto; }
#contentright .jqmWindow .compareTable table { font-size: 1.1em; }
#contentright .jqmWindow .compareTable table th, #contentright .jqmWindow .compareTable table td { border: 1px solid #cfcfcf; background: #fff url(../../../../images/comparetablecell.png) repeat-x bottom left; padding: 1em; }
#contentright .jqmWindow .compareTable table th { font-weight: bold; }
#contentright .jqmWindow .compareTable table td { text-align: center; }
#contentright .jqmWindow .compareTable table thead th { min-width: 6.6em; color: #3556a2; padding: .2em .5em; border-bottom-color: #a9ccde; }
#contentright .jqmWindow .compareTable table tbody th { min-width: 8em; border-right-color: #a9ccde; }
#contentright .jqmWindow .compareTable table tbody td { vertical-align: middle; background: #f2f9fe url(../../../../images/comparetabletdcell.png) repeat-x bottom left; border-color: #a9ccde; }
#contentright .jqmWindow .compareTable table th.hide { border: 0; background: none; }
#contentright .jqmWindow .compareTable table th.hide span { position: absolute; top: 0; left: -9999px; width: 1px; }
#contentright .jqmWindow .compareTable p { margin: 2em 0 1px; }
#contentright .jqmWindow .jqmClose { width: 31px; height: 31px; background: url(../../../../images/close.png) no-repeat top left; position: absolute; right: -13px; top: -13px; cursor: pointer; }

#nyroModalWrapper { text-align: left; }
#nyroModalContent { /*overflow: hidden !important;*/ background: #fff url(../../../../images/modalbg.png) repeat-x top left; color: #333; border: 1px solid #2c3959; }
#nyroModalContent .title { padding: .6em .5em; background: #2c3959; }
#nyroModalContent .title h2 { font-size: 1.2em; margin: 0; padding: 0; color: #fff; }
#nyroModalContent .compareTable { padding: 0 20px; /*overflow: auto;*/ }
#nyroModalContent .compareTable table { margin: 4.6em 0 0; font-size: 1.1em; }
#nyroModalContent .compareTable table th, #nyroModalContent .compareTable table td { border: 1px solid #cfcfcf; background: #fff url(../../../../images/comparetablecell.png) repeat-x bottom left; padding: 1em; }
#nyroModalContent .compareTable table th { font-weight: bold; }
#nyroModalContent .compareTable table td { text-align: center; }
#nyroModalContent .compareTable table thead th { min-width: 6.6em; color: #3556a2; padding: .2em .5em; border-bottom-color: #a9ccde; }
#nyroModalContent .compareTable table tbody th { min-width: 8em; border-right-color: #a9ccde; }
#nyroModalContent .compareTable table tbody td { vertical-align: middle; background: #f2f9fe url(../../../../images/comparetabletdcell.png) repeat-x bottom left; border-color: #a9ccde; }
#nyroModalContent .compareTable table th.hide { border: 0; background: none; }
#nyroModalContent .compareTable table th.hide span { position: absolute; top: 0; left: -9999px; width: 1px; }
#nyroModalContent .compareTable p { padding: 2em 0; }
#closeBut { width: 31px; height: 31px; background: url(../../../../images/close.png) no-repeat top left; position: absolute; right: -13px; top: -13px; cursor: pointer; text-indent: -99999px; }

/* Footer
--------------------------------------------------------------------------
*/

#footer { background: url(../../../../images/footertopbg.gif) repeat-x scroll top left; padding: 9px 0 0 0; }
#footer ul { margin: 1em 0 0 0; padding: 0; font-size: 1.1em; list-style: none; display: inline; float: left; }
#footer ul li { padding: 0 .4em 0 .3em; border-right: 1px solid #666; display: inline; }
#footer ul li.first { padding: 0 .4em 0 0; }
#footer ul li.last { border: 0; }
#footer img { margin: .5em 0 0 0; width: 15.8em; height: 3.2em; float: right; }

/* Clearers
--------------------------------------------------------------------------
*/

.clearfix:after, #login:after, #content:after, #footer:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix, #login, #content, #footer {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix, * html #login, * html #content, * html #footer {height: 1%;}
.clearfix, #login, #content, #footer {display: block;}
/* End hide from IE-mac */