/*
 * generic styles
 */

* {
    margin: 0;
    padding: 0;
}

html {
    font-size: 100.01%;
}

body {
    font-family: Verdana, Tahoma, "Trebuchet MS", Georgia, Arial, sans-serif;
    font-size: 0.9em;
    line-height: 1.4em;
    text-align: center;
    /*background-image: url(../images/bgfade.gif);
    background-repeat: repeat-x;*/
background-color: #fff;
}

h1, h2, h3, h4 {
    font-weight: 400;
    /*letter-spacing: 0.1em;*/
}

h1 {
    margin-bottom: 0.4em;
}

a:link, a:visited {
    text-decoration: none;
    font-weight: 700;
}

a:hover, a:active, a:focus {
    text-decoration: none;
}

img, a img {
    border: none;
}

p {
    padding: 0 0 1.6em 0;
}
p form {
    margin-top: 0;
    margin-bottom: 20px;
}

strong {
    font-weight: 600;
}

abbr, acronym {
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    cursor: help;
}
kbd, code, pre {
    font-size: 1.2em;
    text-align: left;
    overflow: auto;
}
* html code,* html pre {
    font-size: 1em; /* for ie */
}

cite, blockquote {
    font: italic 1em Georgia,"Times New Roman", Times, serif;
}
blockquote {
    margin-left: 1.25em;
    padding:0 0 0 9px;
    border-left-width: 1px;
    border-left-style: dotted;
}

ul, ol {
    padding-left: 2em;
}



/*
 * layout id styles
 */

div#theme_page_outercontainer {
    min-width: 48em;
    max-width: 100%;
    padding: 0 1em 0.2em 1em;
}

div#theme_page_container {
    width: 65em;
    margin: 0 auto 20px auto;
    padding: 0 0 1px 0;
    text-align: left;
}

/*
 * header
 */

div#theme_header {
    width: 100%;
    font-size: 1em;
/*    text-align: right;*/
    padding: 0.8em 0 0.2em;
}

div#theme_header h1 {
    margin-left: 1em;
    font-weight: 400;
    font-size: 1.7em;
    letter-spacing: -2px;
}

div#theme_header h1 object, div#theme_header h1 img {
    background-color: white;
    width: 15em;
}

a#downloadlink {
    font-size: 1.5em;
    position: relative;
    left: 30em;
    top: -1.4em;
    border-right: 5px solid #fff;
    padding: .5em 1.5em !important;
    color: #333;
    background-color: #fff7af;
    text-decoration: underline;
}
a#downloadlink:hover {
    color: #333;
    background-color: #ffe362;
    border-right: 5px solid #ddd;
}

/*
 * service bar
 */
div#service {
    padding-top: 0.5em;
    text-align: right;
    font-size: 0.85em;
    font-weight: 700;
}
div#service a {
    margin: 0 0.4em;
}

/*
 * nav bar
 */
ul#navbar {
    padding-top: 0.8em;
    margin-bottom: 0.4em;
    text-align: right;
}

ul#navbar li  {
    display: inline;
    list-style-type: none;
}

ul#navbar li a:link, ul#navbar li a:visited, ul#navbar li a:hover {
    text-decoration: none;
    display: inline;
    padding: 0.2em 1.5em;
}

* html ul#navbar li a:link, * html ul#navbar li a:visited, * html ul#navbar li a:hover, * html ul#navbar li span {
    padding-top: 0;
    padding-bottom: 0;
}









/*
 * right column
 */

div#theme_rightcol {
    float: right;
    z-index: 5;
    width: 15em;
    padding: 1em 0.5em;
    margin: 0 0 1em 1em;
    line-height: 1.4em;
}

div#theme_rightcol h4 {
    display: block;
    margin: 0 0 15px 0;
    font-size: 1.2em;
    font-weight: 400;
    text-align: left;
    letter-spacing: -1px;
    border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #999;
padding-left: 0.4em;
}
div#theme_rightcol p {
    padding: 0 10px 0 0;
    margin: 0 0 16px 0;
    font-size: 0.9em;
}

div#theme_rightcol, div#theme_rightcol a {
    font-size: 0.9em;
}

div#theme_rightcol div.pn-block {
    margin-bottom: 2.5em;
    width: 14em;
}

div#theme_rightcol div.pn-block h2 {
    font: 14px Arial, Helvetica, sans-serif;
    margin: 9px 5px 25px 10px;
    text-transform: none;
}
div#theme_rightcol div.pn-block p {
    margin: 9px;
}



ul#subnav {
    font-size: 1.1em;
    list-style-type: square;
}





/*
 * center column / content
 */

div#theme_content {
    z-index: 0;
    width: auto;
    margin: 1em 0.5em 2em 0;
    padding: 0.2em;
    text-align: left;
}

div#theme_content h1 {
}


div#theme_content h2 {
    display: block;
    margin: 0 0 16px 0;
    font-size: 1.7em;
    font-weight: 400;
    letter-spacing: -1px;
}

div#theme_content h2 a {
    font-weight: 400;
}
div#theme_content h3 {
    margin: 2.5em 0 0.5em 0;
    font-size: 1.4em;
    letter-spacing: -1px;
}



div#theme_content dl{
    margin: 0 5px 10px 0;
}
div#theme_content dt {
    font-weight: 700;
    margin-top: 2em;
    margin-bottom: 5px;
}
div#theme_content dd {
    font-size: 0.9em;
    margin: 0 0 0.2em 6.5em;
}

div#theme_content dl#myfilelist dd {
    width: 32em;
}



/*
 * Footer
 */
div#theme_footer {
    clear: both;
    font-size: 0.8em;
    text-align: left;
    line-height: 0.8em;
    padding: 1.3em 0;
}
div#theme_footer img {
    margin-right: 20px;
    border: 0;
}

div#theme_footer p {
    font-size: 0.9em;
}







/* Table styles based on style from the css table gallery 
   STYLESHEET: CLEAR BLUE, AUTHOR: ROBERT HARTL */

table.pn-datatable {
	width:100%;
	line-height:1.2em;
    color: #000;
	background-color:#fff;
	border-collapse:collapse;
	text-align:left;
	letter-spacing:.1em;
	margin-bottom:1em;
}

table.pn-datatable caption {
	padding-bottom:1em;
	text-align: center;
	font-size: 1.4em;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing:.6em;
	color: #333;
	background-color: inherit;
}
  
table.pn-datatable thead th, table.pn-datatable tfoot th, table.pn-datatable tfoot td {
	border-right: 1px solid #fff;
	padding-left:5px;
	font-variant:small-caps;
	letter-spacing:0.1em;
	color: #fff;
	background: #a0a0a0;
}
  
table.pn-datatable tfoot th, table.pn-datatable tfoot td {
	border-top: 2pt double #009;
}

table.pn-datatable td, table.pn-datatable th {
	padding:4px;
}

table.pn-datatable tbody tr th, table.pn-datatable tbody tr td {
	border-bottom: 1px dotted #467aa7;
}

table.pn-datatable tbody tr:hover td, table.pn-datatable tbody tr:hover th {
	border-bottom: 1px solid #467aa7;
}

table.pn-datatable tbody td a, table.pn-datatable tbody th a {
	background: transparent;
	text-decoration: none;
	border:none;
}

table.pn-datatable tbody td a:hover, table.pn-datatable tbody th a:hover {
	background: transparent;
}

table.pn-datatable .odd {
    color: inherit;
	background-color: #e3e3f4;
}

table.pn-datatable tbody tr:hover {
	color: #333;
	background-color: #e8eaec;
}

table.pn-datatable tbody tr th:hover {
    color: inherit;
	background-color: #fff;
}


/* Styles to bring in admin panel form type styling for use in front-end pages */

/* styles for module frontend menus */
div.pn-frontendbox div.pn-menu {
        width: 100%;
	text-align: left;
	margin-bottom:15px;
	margin-top: -10px;
}

div.pn-frontendbox .pn-menuitem-title {
	width: 100%;
	background: url(../pnimages/button_bkg.gif) repeat;
	height: 1.5em;
	display: block;
	padding-top: 5px;
	padding-left: 5px;
	border-left: 1px solid #ccc; 
	border-right: 1px solid #ccc;
}

/* style for Immediate template under the tab menu */
div.pn-frontendbox {
	width: 98%;
    color: inherit;
    background-color: inherit;
	border-top: 1px solid #ccc; 
	border-left: 1px solid #ccc; 
	border-right: 1px solid #ccc; 
	border-bottom: 0px solid #ccc;
	padding: 5px 1% 5px 1%; /* top, right, bottom, left */
}

/* style for Immediate template under the admin menu */
div.pn-frontendcontainer {
	width: 98%;
    color: inherit;
    background-color: inherit;
	margin-bottom: 1.25em;
	border-top: 0px solid #ccc; 
	border-left: 1px solid #ccc; 
	border-right: 1px solid #ccc; 
	border-bottom: 1px solid #ccc;
	padding: 0px 1% 5px 1%; /* top, right, bottom, left */
	
}

/* container for admin icons in main admin panel */
div.pn-frontendiconcontainer {
    padding-bottom: 1.25em;
	text-align: center;
	height: 7em;
}

/* frontend category description */
div.pn-frontendcategorydescription {
    text-align: center;
	margin-bottom: 10px;
}

/* style for main frontend tables */
table.pn-frontendtable {
	width: 100%;
    color: inherit;
    background-color: inherit;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc; 
	border-right: 1px solid #ccc; 
	margin-top: 0px;
	margin-bottom: 1em;
	padding: 5px 5px 10px 5px; /* top, right, bottom, left */
}

table.pn-frontendtable caption {
    color: inherit;
	background-color: #f3f3f3;
	font-weight: 700;
	border-bottom: 2px solid #CFCFCF;
	text-transform: uppercase;
	padding:10px;
}

table.pn-frontendtable thead tr {
    color: inherit;
	background-color: #CFCFCF;
}

/* stying for the cell elements in frontend tables */
table.pn-frontendtable tbody td, table.pn-frontendtable thead th{
	padding: 5px;
	border-width: 0px;
}

/* style to highlight a default row in a table */
table.pn-frontendtable tbody tr.pn-defaulttablerow {
    color: inherit;
    background-color: #add8e6;
}

/* classes to define two colors for alternating rows in frontend views */
table.pn-frontendtable tbody tr.pn-even, div.pn-frontendcontainer ul li.pn-even, div.pn-frontendcontainer ol li.pn-even {
    color: inherit;
	background-color: #fff;
}
table.pn-frontendtable tbody tr.pn-odd, div.pn-frontendcontainer ul li.pn-odd, div.pn-frontendcontainer ol li.pn-odd{
    color: inherit;
	background-color: #f3f3f3;
}

/* style to add to current row when hovered over */
table.pn-frontendtable tbody tr:hover {
    color: inherit;
	background-color: #CFCFCF;
}

/* style for Immediate template under the admin menu */
div.pn-frontendbox h1 {
	text-align: left;
}

div.pn-frontendcontainer h2 {
	text-align: left;
	border-bottom: 1px solid #cccccc;
        margin-top: 0px;
}

/* main frontend form style */
form.pn-frontendform {
	border-bottom: 1px solid #ccc;
	border-top-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px;
	padding: 10px 0;
	margin: 10px 0px 10px 0px; /* top, right, bottom, left */
}
.accesskey {
	text-decoration: underline;
}

/* formrow is used to style a div containing a label and control pair */
div.pn-frontendformrow {
	border-top: 0px solid #ccc;
	padding: 5px 0px 10px 0px; /* top, right, bottom, left */
	min-height: 2em;
}

/* style for a input control contained in a div of class formrow */
/* style for a textarea control contained in a div of class formrow */
/* style for a select control contained in a div of class formrow */
/* style for a div contained in a div of class formrow - allows for grouping
of a control and subsequent non label text.
e.g. yes (radio) no (radio)*/
div.pn-frontendformrow input, div.pn-frontendformrow textarea,
div.pn-frontendformrow select, div.pn-frontendformrow label {
	margin-left: 2em;
	text-align: left;
}
div.pn-frontendformrow span {
	margin-left: 2.5em;
}

/* styles for lists of controls */
div.pn-frontendformrow ul {
    list-style: none;
}
div.pn-frontendformrow label + ul > li {
    margin-left: 17em; /* 20.7em; */
}
div.pn-frontendformrow label + ul > li:first-child {
    margin-left: 0em;
}

/* styles to ensure that control elements inside the floated div directly above
don't themselves float*/
div.pn-frontendformrow div input, div.pn-frontendformrow div textarea,
div.pn-frontendformrow div select {
	float: none;
}

/* styles to allow sub headings to be embedded correctly in frontend forms */
form.pn-frontendform div h1, form.pn-frontendform div h2, form.pn-frontendform div h3,
form.pn-frontendform div h4, form.pn-frontendform div h5, form.pn-frontendform div h6 {
	padding: 10px;
}

/* styles for lists inside an frontend form */
div.pn-frontendformrow ul {
	padding: 0px;
    margin-top: 0px;
}
div.pn-frontendformrow li {
	margin-left: 17em; /* 25em; */
}

/* add the help cursor to labels that provide additional help via the title
tag of the label */
form.pn-frontendform label.pn-frontendformhelp {
    cursor: help;
}

/* style for a label contained in a div of class formrow */
div.pn-frontendformrow>label {
	float: left;
	width: 15em; /* 23em; */
	margin-left: 5px;
    padding: 0px 5px 0px 0px;
	text-align: right;
}

/* styles for the buttons on a form */
form.pn-frontendform div.pn-frontendformbuttons {
	text-align: left;
	margin-left: 15em;
}
form.pn-frontendform div.pn-frontendformbuttons input, form.pn-frontendform div.pn-frontendformbuttons img {
	margin: 5px;
}
/* styles for the buttons on a view table */
div.pn-frontendviewbuttons  {
	text-align: right;
	margin-bottom: 1.25em;
}
div.pn-frontendviewbuttons img {
	margin: 5px;
	float: right;
}

/* style the button tag */
div.pn-frontendcontainer button {
    border: 0px;
	padding: 0px;
	background-color: transparent;
}




/**************** Misc classes and styles ****************/

span.hidden, a.skiplink {
    position: absolute;
    left: -1000px;
    top: -1000px;
    width: 0;
    height: 0;
    overflow: hidden;
    display: inline;
}

a.skiplink {
    float: right;
    margin: 5px 20px 5px 0;
}

ul.hidden li {
    list-style-type: none;
}

ul.hidden li a:focus,ul.hidden li a:active {
    position:absolute;
    left: 5px;
    top: 0px;
    text-indent:0;
    background-color: #ebebeb;
    border: 1px solid #afafaf;
    font-weight: 700;
    text-align: center;
    text-transform:uppercase;
    text-decoration:none;
    line-height: 2em;
    height: 2em;
    width: 20em;
    z-index: 200;
}

.clear{clear:both;}
.small{font-size:0.8em;}
.hide{display:none;}


.theme_box{
    margin:0 0 20px 0;
    padding:10px;
    border:1px solid #c0c0c0;
    background-color:#fafbfc;
    color:#505050;
    line-height:1.5em;
}

img.left,img.center,img.right{padding:4px; border:1px solid #A0A0A0;}
img.left{float:left; margin:0 12px 5px 0;}
img.center{display:block; margin:0 auto 5px auto;}
img.right{float:right; margin:0 0 5px 12px;}


hr.separationline {
    padding: 0.1em;
    border: 0;
}




/**************** generic clearfix solution ****************/
/**************** please include this in all ***************/
/****************** pn css based themes! *******************/
/* This hack is used to clear floats that expand beyond their containers, cross-browser supported.  Add class "pn-clearfix" to the container.*/
.pn-clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    font-size:0; /*Firefox reserves space after the container under certain circumstances otherwise*/
    clear: both; 
    visibility: hidden;
}
.pn-clearfix {display: inline-block;} /* for IE/Mac and to trip hasLayout property (inline-block)*/
/* Hides from IE-mac (escapes=>) \*/
* html .pn-clearfix {height: 1%;}
.pn-clearfix {display: block;} /* reset the container to what it should be */
/* End hide from IE-mac */
/**************** End generic clearfix solution ****************/




/* start page */

#threecol {
    margin: 0;
}

#threecol-left, #threecol-center, #threecol-right {
    float: left;
    padding: 1.6em 0.75em 0.4em;
    width: 18.5em;
}

#threecol-left, #threecol-center {
    margin-right: 1.3em;
}

#threecol-right {
    margin-right: 0;
}


#threecol div {
    border-width: 1px;
    border-style: solid;
}

#threecol h2 {
    margin: 15px 14em 0 0;
    padding-bottom: 20px;
    background: url(../images/rule.gif) bottom repeat-x;
    text-transform: none;
}

#threecol img {
    width: 18.4em;
    height: 12em;
}

#threecol div div.mainbtn {
    margin: 0.3em 2.5em;
    padding: 0.2em 0.5em;
    text-align: center;
    vertical-align: middle;
}
#threecol div div.mainbtn, #threecol div div.mainbtn a {
    border-width: 0;
}


div#theme_content #threecol div.mainbtn a:link, div#theme_content #threecol div.mainbtn a:visited,
div#theme_content #threecol div.mainbtn a:active, div#theme_content #threecol div.mainbtn a:focus, div#theme_content #threecol div.mainbtn a:hover {
    text-decoration: none;
    background-color: transparent;
}



/* other pages */


#twocol-right {
    float: left;
    margin-right: 20px;
    padding: 15px 10px 5px;
    width: 14em;
}
#twocol-left {
    float: left;
    margin-right: 20px;
    padding: 1px 0 70px 0;
    width: 28em;
}







p.terms {
    text-align: center;
}

p.terms a:link, p.terms a:visited {
    margin-left: 9px;
    white-space: nowrap;
}




div#pn-maincontent dl.referencelist {
    border: 1px solid #000;
    background-color: #ddd;
    width: 15em;
    text-align: center;
    padding: 0 1em 1em;
    float: left;
    margin-right: 1em;
    font-size: 0.9em;
}

div#pn-maincontent dl.referencelist dt {
    font-weight: 700;
}

div#pn-maincontent dl.referencelist dt img {
    border: 1px solid #000;
    width: 12.5em;
    height: 9.5em;
}

div#pn-maincontent dl.referencelist dt img.multihookeditlink {
    border: 0px;
    width: 7px;
    height: 7px;
}

div#pn-maincontent dl.referencelist dd {
    margin: 0;
    padding: 0;
    font-size: 0.8em;
}

/* no multihook images since we have not much width */
div#pn-maincontent dl.referencelist dd a {
    padding-left: 0;
    background: none no-repeat left;
}

.cleft { clear: left; }