@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:204px;  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:6px 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:10px 0 0 20px; float: left}

#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 2px 5px !important;width:180px;}
.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:1px 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}

#documentaries #channels {width: 585px; float: left; background: #525459}
#documentaries #channels h3 {float: right; color: #fff; font-size: 1.8em; margin: 5px 0 0 0}
#documentaries #channels ul {float: right; background: url(../images/icons_bk.png) top left repeat-x; padding: 6px 10px 6px 5px; margin: 0 0 0 10px}
#documentaries #channels ul li {float: left}
#documentaries #channels ul li a {text-indent: -9999em; width: 29px; height: 28px; float: left; margin: 0 0 0 5px}
#documentaries #channels ul li.facebook a {background: url(../images/icon_facebook.png) top left no-repeat;}
#documentaries #channels ul li.twitter a {background: url(../images/icon_twitter.png) top left no-repeat;}
#documentaries #channels ul li.youtube a {background: url(../images/icon_youtube.png) top left no-repeat;}

.buydownload {background: url(../images/download.png) no-repeat;  padding-left: 56px;}


/* bookmarks */
.bookmarks {display:block; margin: 0 0 20px 0; padding: 0; float: left; width: 100%; clear: both; background: #fff}
.bookmarks h3 {background:none repeat scroll 0 0 #525459;float:left;font-size:1.6em;margin:0;padding:10px;}
.bookmarks ul.bookmarkservices {float:left;margin:0 0 0 20px;padding:14px 0 5px;}
.bookmarks li{color:#FFFFFF;float:left;margin:0 11px 0 0; list-style: none}
.bookmarks li a {color: #000;text-decoration: none;font-size:1.2em;font-weight: normal}
.bookmarks li a.twitter{background:url(../images/sprite_bkmk.png) 0 0 no-repeat; padding:0 0 0 20px}
.bookmarks li a.facebook{background:url(../images/sprite_bkmk.png) 0 -19px no-repeat; padding:0 0 0 20px}
.bookmarks li a.delicious{background:url(../images/sprite_bkmk.png) 0 -39px no-repeat; padding:0 0 0 20px}
.bookmarks li a.digg{background:url(../images/sprite_bkmk.png) 0 -58px no-repeat; padding:0 0 0 20px}
.bookmarks li a.stumbleupon{background:url(../images/sprite_bkmk.png) 0 -79px no-repeat; padding:0 0 0 20px}
.bookmarks li a.myspace{background:url(../images/sprite_bkmk.png) 0 -100px no-repeat; padding:0 0 0 20px}

.bookmarks .email {padding: 14px 0 5px; margin: 0}
.bookmarks .email li a{background:url(../images/sprite_bkmk.png) 0 -118px no-repeat; padding:0 0 0 20px; color: #000; }

* html .clearfix{height:1%}
.clearfix{display:block}


 @media print{ #leftcol{display:none}


#rightcol{display:none}

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