/* class to show a sortable li or div */
.pn-sortable {
    /* cursor: move; has to be set in the js code to avoid wrong css in non javascript environments */
}

/* classes to show/hide elements */
.pn-hide {
    display: none;
}
.pn-show {
    display: inherit;
}

/* style for buttons in inline 'ajax' forms */
button.pn-imagebutton {
    padding: 0;
    margin: 3px 0 0 0;
    float: left;
    border:none;
    background: transparent;
    cursor: pointer;
}

/* generic clearfix solution */
.pn-clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/* IE-Patches for clearfix */
.pn-clearfix {
    display: inline-block;
}
/* Hides from IE-mac \*/
* html .pn-clearfix {
    height: 1px;
}
.pn-clearfix {
    display: block;
}
/* End hide from IE-mac */

/* Overflow-Method to clear float environments */
.pn-floatbox { 
    overflow: hidden; 
}

/* generic clearer */
.pn-clearer {
	clear: both;
}

/* generic secondary text */
.pn-sub {
	color:#999;
	font-size: 0.9em;
}


/* Miscelaneous styles */
.pn-toggle {
	display:block;
	background-image:url(../images/global/toggle.gif);
	background-repeat:no-repeat;
	background-position:0px;
	border:0pt none;
	margin:0pt;
	/*overflow:hidden;*/
	padding:0pt;
	width:27px;
	height:25px;
}
.pn-toggle-open, .pn-toggle-open:visited {
	background-position:0pt -18px;
	height:25px;
	width:27px;
}

.pn-toggle-link, .pn-toggle-link:visited {
	background-image:url(../images/global/toggle.gif);
	background-repeat:no-repeat;
	background-position:right top;
	padding-right:25px;
	border:0pt none;
}
.pn-toggle-link-open, .pn-toggle-link-open:visited {
	background-position:right -18px;
}


/* main form style */
form.pn-form {
	border-bottom: 1px solid #ccc;
	border-top-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px;
	margin: 15px 0px 10px 0px; /* top, right, bottom, left */
}

/* formrow is used to style a div containing a label and control pair */
.pn-formrow {
	border-top: 0px solid #ccc;
	margin: 0.5em 0px 1em; /* 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-formrow input, div.pn-formrow textarea,
div.pn-formrow select, div.pn-formrow span, div.pn-formrow label {
	margin-left: 0;
	text-align: left;
}

div.pn-formrow .pn-form-text {
	display:block;
	width:99%;
	color: #494949;
	padding:3px 2px;
}

/* style to the labels of multiple checkboxes */
div.pn-formrow .pn-form-checklabel {
	padding-right:10px;
}

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

/* styles to allow sub headings to be embedded correctly in admin forms */
form.pn-form div h1, form.pn-form div h2, form.pn-form div h3,
form.pn-form div h4, form.pn-form div h5, form.pn-form div h6 {
	padding: 0;
	text-transform:capitalize;
}

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

/* style for a label contained in a div of class formrow */
div.pn-formrow label {
	display: inline;
	color: #494949;
	font-weight: bold;
	margin: 0px;
    padding-right: 8px;
	text-align: left;
	line-height: 170%;
}
form.pn-adminform div.pn-formrow label {
	font-weight: normal;
}

/* styles for the buttons on a form */
form.pn-form div.pn-formbuttons {
	text-align: left;
	margin-left: 15em;
}
form.pn-form div.pn-formbuttons input, form.pn-form div.pn-formbuttons img {
	margin: 5px;
}
form.pn-form div.pn-formbuttons button {
    border: 0px;
	padding: 0px;
	background-color: transparent;
}

/* category selector */
div.pn-formrow ul.selector_category {
	list-style:none;
	margin-left:0;
}
div.pn-formrow ul.selector_category li {
	margin-left:0;
}

/* form fielset styles */
fieldset.pn-form-fieldset legend {
	background-color: inherit;
	color: #0074B0;
	padding: 5px;
	font-weight:bold;
	font-size:1.2em;
}
fieldset.pn-form-fieldset {
	border: 1px solid #D9DAD5;
	margin-bottom:1em;
	padding:0px 15px;
}

/* collapsible styles */
fieldset.pn-collapsed {
	border: none;
	border-top: 1px solid #D9DAD5;
}


/**************************************************
* CSS Based Messages
* http://www.edg3.co.uk/resources/css-based-messages/
* http://creativecommons.org/licenses/by/2.5/
**************************************************/
div.pn-errormsg {
	background: #ffe1da url('../images/icons/extrasmall/error.gif') 13px 50% no-repeat;
	border: 2px solid #f34f4f;
	color: #be0b0b;
	padding: 5px 5px 5px 36px;
	margin: 5px;
}
div.pn-informationmsg {
	background: #dedfff url('../images/icons/extrasmall/info.gif') 13px 50% no-repeat;
	border: 2px solid #9bb8d9;
	color: #406299;
	padding: 5px 5px 5px 36px;
	margin: 5px;
}
div.pn-statusmsg {
	background: #e2f9e3 url('../images/icons/extrasmall/button_ok.gif') 13px 50% no-repeat;
	border: 2px solid #9c9;
	color: #080;
	padding: 5px 5px 5px 36px;
	margin: 5px;
}
div.pn-warningmsg {
	background: #fff8bf url('../images/icons/extrasmall/bell.gif') 13px 50% no-repeat;
	border: 2px solid #ffd324;
	color: #eb830c;
	padding: 5px 5px 5px 36px;
	margin: 5px;
}