@import url("reset.css"); 
@import url("typo.css"); 

/* */
 
.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden}

.clearfix{display:inline-block}

.clear{clear:both}

/* */
html, body{ margin:0;  padding:0;  text-align:center;  background:#484848}

 
#pagewidth{ width:976px;  text-align:left;  margin-left:auto;  margin-right:auto;  background:url(../images/pagebk.png) top left repeat-y}

 
#header{ position:relative;  height:162px;  background:url(../images/headerbk.jpg) top left no-repeat;  width:884px;  margin:0 0 0 46px}

 
#maincol{width:844px; margin:0 0 0 69px; color:#fff}
 
 
#footer{ height:42px;  width:884px;  margin:0 0 0 46px;  background:url(../images/footerbk.png) top left repeat-x;  clear:both}

#skipnav{position:absolute; left:-1500px; width:1px; height:1px; overflow:hidden}

 
#header .mainNav{float:left; margin:13px 0 0 18px}

#footer .mainNav{float:left; margin:3px 0 0 18px}

.mainNav li{float:left}

.mainNav li a{line-height:40px; text-indent:10px; font-size:1.4em; margin:0 15px 0 7px}

.mainNav .docsnav{float:left}

 
#header h1{text-indent:-2000px; background:url(../images/jmp_logo.png) top left no-repeat; width:436px; height:108px; margin:0 0 0 20px}

#searchPanel{float:right; width:290px; text-align:left; margin:3px 0 0 0}

#searchPanel legend, #searchPanel .kwsearchfind{display:none}

#searchPanel h2{color:#fff; font-size:2em; margin:0 0 21px 0; padding:0}

#searchPanel fieldset{margin:6px 0}

#searchPanel label{color:#fff; font-size:1.4em; width:75px; display:block; float:left; clear:both}

#searchPanel input.searchBoxinput{background:#B9C3CA; border:0; width:160px; font-size:1.4em; height:23px; margin:0 3px 8px 0; padding:2px 0 0 5px; float:left}

#searchPanel select{width:160px; float:left; font-size:1.4em; background:#B9C3CA; border:1px solid #B9C3CA; margin:0 3px 12px 0; padding:1px 0 1px 0; height:21px}

#searchPanel button, #searchPanel input.kwsearchgo{background:transparent url(../images/b_submit.png) top left no-repeat; border:0; text-indent:-9999px; width:45px; height:23px; margin:0; padding:0; float:left}

#searchPanel button:hover{cursor:pointer}

#docsPanels{width:844px; background:url(../images/panels_3_bk.png) top left repeat-y; float:left; margin:15px 0 5px 0}

#docsPanels .panel{width:252px; float:left; padding:10px 14px 15px 15px}

#docsPanels .links{width:252px; height:20px; background:url(../images/panel_link_bk.png) top left no-repeat; margin:0 0 10px 0}

#docsPanels .links li{float:left}

#docsPanels .links li a{color:#000; font-size:0.9em; margin:0 19px 0 7px}

#listings .searchgroup{display:none}

#listings .item{float:left; background:#6E7B89; padding:10px; margin:0 0 5px 0; width:824px}

#listings .item2{float:left; background:#6A7178; padding:10px; margin:0 0 5px 0; width:824px}

#listings img{float:left; margin:0 10px 0 0}

#listings ul{float:right; margin:5px 0 0 0}

#listings li.link a{display:block; background:url(../images/listings_button.png) top left no-repeat; width:93px; height:23px; text-indent:6px; color:#000; font-size:0.9em; padding:1px 0 0 0; margin:1px 0}

#listings li.ppv_button a{display:block; background:url(../images/listings_button_ppv.png) top left no-repeat; text-indent:6px}

#listings p.ppv_add{display:block; float:right; background:#C4D8E7; color:#000; padding:1px 2px 1px 0}

#maincol .ppv_email_block{display:block; background:#C4D8E7; float:left; color:#000; padding:10px}
#maincol h3.ppv_email{font-size:1.5em}
#maincol p.ppv_email_form{}
#maincol form label.ppv_input_email{display:block; float:left; margin:10px 10px 0 0}
#maincol form input.ppv_inputitem{border:1px solid #6E7B89; background:#eee; margin:10px 0}
#maincol form p.ppv_submit a{color:#000; font-weight:bold; text-transform:uppercase; border-bottom:1px solid #000}
#maincol form p.ppv_submit a:hover{color:#6E7B89; border-bottom:1px solid #6E7B89; text-decoration:none}

#docsPanels p.flowplayer_button button{display:block; border:0; width:88px; height:20px; background:url(../images/button_player_docs_panel.png) top left no-repeat; text-indent:-5000px; margin:0 0 0 -2px}

#docsPanels p.flowplayer_button button:hover{background-position:bottom; cursor:pointer}

#listings p.flowplayer_button button{display:block; border:0; width:93px; height:26px; background:url(../images/button_player_docs_list.png) top left no-repeat; text-indent:-5000px; margin:-2px 0 0 0}

#listings p.flowplayer_button button:hover{background-position:bottom; cursor:pointer}

#listings li a.player{background:none}

.within{background:#FFB400; color:#000; display:block; float:right; margin:-5px 0 20px; padding:5px 10px; width: 225px}
#maincol .maincontent .within form {background:#FFB400; margin: 0; padding: 0 0 10px}
.within .searchBoxinput {border:medium none;font-size:12px;height:22px;padding:0 0 3px 5px !important;width:185px;}
.within legend{display:none}
.within fieldset{border:none}
.within h4{padding:0; margin:0 0 5px 0; font-size:14px; font-weight:normal}
.within form button{border:1px solid #000; background:#000; color:#fff; text-transform:capitalize; width:35px; padding:0 0 2px;}
.within p {margin: 0; padding: 0}
.within p a{font-weight:bold; color:#000; text-underline:none}

#maincol .paging{float:left; display:block; margin:0.8em 0}
#maincol .paging p{float:left; font-weight:bold}
#maincol .paging .pagingprevious, #maincol .paging .pagingnext{display:none}
#maincol .paging a{margin:0 0 0 0.5em; border:1px solid #FFB400; padding:0 0.3em}
#maincol .paging a.current, #maincol .paging a:hover{background:#FFB400; color:#000; text-decoration:none}

* html .clearfix{height:1%}
.clearfix{display:block}
 
  
 @media print{ #leftcol{display:none}

 
#rightcol{display:none}

#twocols, #maincol{width:100%; float:none}
}