/*
 ---------- Uni-Form form controls ----------
Uni-Form (v1.1) by Dragan Babic  - http://dnevnikeklektika.com/uni-form/
Modified to use the Liferay/JSR-168 classname convention
Regex used to convert classnames are
Find: (\.|#)([a-z]+)([A-Z]{1})([a-z]+)(\s|\{|:|,)
Replace: $1$2-\L$3$4$5
Distributed under http://creativecommons.org/licenses/by-sa/2.5/
*/
.uni-form {
margin: 0;
overflow: hidden;
padding: 0;
position: relative;
width: 100%;
}
/* Some generals */
.uni-form .ctrl-holder {
/* this is the main unit that contains our form elements */
overflow: hidden;
clear: both;
margin: 0;
padding: 0;
}
.uni-form .button-holder {
clear: both;
overflow: hidden;
}
.uni-form .reset-button {
}
.uni-form .submit-button {
}
.uni-form .inline-label,   .uni-form .inline-labels .inline-label,   .uni-form .block-labels .inline-label {
display: inline;
float: none;
margin: 0 1em 0 0;
width: auto;
}
.uni-form .inline-label input {
}
.uni-form .focused {
}
/* ########################################################################## */
/* Styles for form controls where labels are in line with the input elements */
/* Set the class of the parent (preferably to a fieldset) to .inline-labels */
.uni-form .inline-labels .ctrl-holder {
}
.uni-form .inline-labels label,   .uni-form .inline-labels .label {
float: left;
line-height: 100%;
margin: .3em 2% 0 0;
padding: 0;
position: relative;
}
.uni-form .inline-labels .text-input,   .uni-form .inline-labels .file-upload {
float: left;
}
.uni-form .inline-labels .file-upload {
}
.uni-form .inline-labels .select-input {
float: left;
}
.uni-form .inline-labels textarea {
float: left;
}
.uni-form .inline-labels .form-hint {
clear: both;
}
/* inlineLabels esthetics */
.uni-form .inline-labels .form-hint strong {
}
/* ########################################################################## */
/* Styles for form controls where labels are above the input elements */
/* Set the class of the parent (preferably to a fieldset) to .block-labels */
.uni-form .block-labels .ctrl-holder {
}
.uni-form .block-labels label,   .uni-form .block-labels .label {
display: block;
float: none;
line-height: 100%;
margin: .3em 0;
padding: 0;
width: auto;
}
.uni-form .block-labels .label {
float: left;
margin-right: 3em;
}
.uni-form .block-labels .inline-label {
position: relative;
top: .15em;
}
.uni-form .block-labels .text-input,   .uni-form .block-labels .file-upload {
float: left;
}
.uni-form .block-labels .file-upload {
}
.uni-form .block-labels .select-input {
display: block;
}
.uni-form .block-labels textarea {
display: block;
float: left;
}
.uni-form .block-labels .form-hint {
clear: none;
float: right;
margin: 0;
}
/* blockLabels esthetics */
.uni-form .block-labels .ctrl-holder {
}
.uni-form .block-labels .focused {
}
/* ########################################################################## */
/* Focus pseudoclasses */
.uni-form .ctrl-holder .text-input:focus {
}
.uni-form div.focused .text-input:focus {
}
.uni-form div.focused .form-hint {
}
/* Required fields asterisk styling, use if needed */
.uni-form label em,   .uni-form .label em {
display: block;
font-style: normal;
font-weight: bold;
left: 100%;
position: absolute;
}
.uni-form .block-labels label em,   .uni-form .block-labels .label em {
display: inline;
position: static;
}
/* ########################################################################## */
/* Messages */
.uni-form #error-msg,   .uni-form .error {
}
.uni-form #error-msg dt,   .uni-form #error-msg h3 {
}
.uni-form #error-msg dd {
}
.uni-form #error-msg ol {
}
.uni-form #error-msg ol li {
}
.uni-form .error-field {
}
/* ########################################################################## */
/* Add the following classes to your fieldsets (preferably) if you want columns */
.uni-form .col {
float: left;
}
.uni-form .column-left {
float: left;
}
.uni-form .column-right {
float: right;
}
/* ---------- IE Specific controls ---------- */
.ie6 .uni-form,   .ie6 .uni-form fieldset,   .ie6 .ctrl-holder,   .ie6 .ctrl-holder span,   .ie6 .form-hint {
/* trigger haslayout, move to your ie specific stylesheet if possible */
zoom: 1;
}
.ie6 .block-labels .form-hint {
margin-top: 0;
}
/* ---------- Uni-Form custom rules ---------- */
/* Your styles below */
/* Keep in mind that wherever you see "Required property" it means that the property must exist, adjust it's value to your liking */
/* Generals */
.uni-form fieldset {
margin: 0;
}
.uni-form fieldset legend {
/* reset ie */
font-weight: bold;
color: #000;
font-size: 120%;
}
.uni-form .ctrl-holder {
/* this is the main unit that contains our form elements */
padding: 3px;
}
.uni-form .button-holder {
text-align: left;
margin-top: 15px;
}
.uni-form .ctrl-holder .button-holder {
clear: none;
margin-left: 5px;
margin-right: 5px;
margin-top: 0;
}
.uni-form .focused {
background: #FFFCDF;
}
/* .inline-labels */
.uni-form .inline-labels label,  .uni-form .inline-labels .label {
width: 45%;
}
.uni-form .inline-labels .text-input,  .uni-form .inline-labels .file-upload {
width: 45%;
}
.uni-form .inline-labels .select-input {
width: 45%;
}
.uni-form .inline-labels textarea {
height: 12em; /* required property */
width: 45%;
}
.uni-form .inline-labels .form-hint {
margin-left: 47%;
margin-top: 0;
}
/* .block-labels */
.uni-form .block-labels .text-input,  .uni-form .block-labels .file-upload {
width: 53%;
}
.uni-form .block-labels .select-input {
display: block;
width: 53.5%;
}
.uni-form .block-labels textarea {
/* required property */
height: 12em;
width: 53%;
}
.uni-form .block-labels .form-hint {
width: 45%;
}
/* Columns */
.uni-form .col {
margin: 0 2% 0 0; /* required property */
width: 47.9%;
}
.uni-form .column-left {
width: 49%;
}
.uni-form .column-right {
width: 49%;
}
/* Messages */
.uni-form #error-msg {
background: #FFDFDF;
border: 1px solid #DF7D7D;
border-width: 1px 0;
margin: 0 0 1em 0;
padding: 1em;
}
.uni-form .error {
background: #FFDFDF;
border: 1px solid #DF7D7D;
border-width: 1px 0;
}
.uni-form #error-msg dt,  .uni-form #error-msg h3 {
font-size: 110%;
font-weight: bold;
line-height: 100%;
margin: 0 0 .5em 0;
}
.uni-form #error-msg dd {
margin: 0;
padding: 0;
}
.uni-form #error-msg ol {
margin: 0;
padding: 0;
}
.uni-form #error-msg ol li {
border-bottom: 1px dotted #DF7D7D;
list-style-position: inside;
margin: 0;
padding: 2px;
position: relative;
}
.uni-form .error-field {
background: #FFBFBF;
color: #AF4C4C;
margin: 0 0 6px 0;
padding: 4px;
}
/* ---------- Modules ---------- */
/* ---------- Add content styles ---------- */
.portal-add-content-search {
margin-bottom: 8px;
}
.portal-add-content img{
vertical-align: middle;
}
.portal-add-content table td{
padding: 0 5px;
}
.portal-add-content table td{
padding: 0 5px;
}
.portal-add-content table td:first-child, .portal-add-content table td.first-child {
padding-left: 0;
}
.portal-add-content table td:last-child, .portal-add-content table td.last-child {
padding-right: 0;
}
/* ---------- Portlet css editor ---------- */
#portlet-set-properties {
display: none;
}
#portlet-set-properties .uni-form {
clear: both;
}
#portlet-set-properties fieldset {
margin-bototm: 1em;
}
#portlet-set-properties fieldset fieldset {
margin-top: 1em;
}
#portlet-set-properties fieldset fieldset legend {
font-size: 1.1em;
}
#portlet-set-properties .uni-form .text-input {
width: 80px;
margin-right: 5px;
}
#portlet-set-properties .uni-form fieldset.col {
width: 29%;
}
#portlet-set-properties .common {
width: 27%;
}
#portlet-set-properties .extra {
width: 20%;
}
#portlet-set-properties #lfr-border-width, #portlet-set-properties #lfr-border-style, #portlet-set-properties #lfr-border-color {
float: left;
}
#portlet-set-properties #lfr-border-width {
width: 25%;
}
#portlet-set-properties #lfr-border-style {
width: 15%;
}
#portlet-set-properties #lfr-border-color {
width: 20%;
}
#portlet-set-properties #lfr-padding, #portlet-set-properties #lfr-margin {
width: 25%;
}
#portlet-set-properties .uni-form #custom-css {
width: 400px;
height: 300px;
}
#portlet-set-properties .form-hint {
float: none;
}
#portlet-set-properties .lfr-bg-image-properties {
display: none;
}
#portlet-set-properties #border-note {
display: none;
margin-top: 10px;
}
#portlet-set-properties .uni-form {
clear: both;
}
/* ---------- Tree ---------- */
ul.gamma {
}
ul.gamma .expand-image {
}
ul.gamma a {
text-decoration: none;
}
ul.gamma li {
margin-bottom: 2px;
padding-left: 0;
}
ul.gamma li ul {
}
ul.gamma li ul li, ul.gamma li.tree-item {
padding-left: 0;
}
ul.gamma img {
vertical-align: middle;
}
ul.gamma li.tree-item {
padding-left: 5px;
}
ul.gamma li.tree-item a img {
cursor: move;
}
ul.gamma li.tree-item li {
padding-left: 20px;
}
ul.gamma li.tree-item ul {
margin-left: 0;
margin-top: 5px;
}
ul.gamma li.tree-item a, ul.gamma li.tree-item .expand-image {
cursor: pointer;
}
ul.gamma .tree-item-hover {
background: #7D93C1;
padding: 5px;
}
.toggle-expand {
padding-bottom: 10px;
}
.toggle-expand a {
padding: 2px 0 2px 20px;
}
/* ---------- Portal ---------- */
/* ---------- Tag selector styling ---------- */
.lfr-tag-select-container {
position: relative;
width: 400px;
height: 300px;
}
.lfr-tag-container{
width: 395px;
height: 260px;
overflow: auto;
}
.lfr-tag-container label {
display: block;
width: 25%;
cursor: pointer;
float: left;
margin-bottom: 5px;
white-space: pre;
overflow: hidden;
margin-right: 5px;
}
.lfr-tag-container label input {
margin-right: 5px;
}
.lfr-tag-select-container .save-button{
position: absolute;
bottom: 0;
left: 0;
}
/* ---------- Generic styling ---------- */
.ie6 .popup-alert-notice, .ie6 .popup-alert-warning {
bottom: auto;
  	left: expression( ( LFR_IGNORE_ME2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) + 'px' );
  	position: absolute;
right: auto;
top: expression( ( LFR_IGNORE_ME = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) + 'px' );
}
.popup-alert-notice .countdown-timer {
font-size: 1.1em;
font-weight: bold;
}
/* ---------- Portlets ---------- */
/* ---------- Generic styling ---------- */
.breadcrumbs {
margin-bottom: 10px;
margin-left: 0px;
}
.liferay-table {
border-collapse: collapse;
clear: both;
}
.liferay-table tr td, .liferay-table tr th {
padding: 0 5px;
}
.liferay-table tr th {
font-weight: bold;
}
.liferay-table tr td:first-child, .liferay-table tr td.first-child, .liferay-table tr th:first-child, .liferay-table tr th.first-child {
padding-left: 0;
}
.liferay-table tr td:last-child, .liferay-table tr td.last-child, .liferay-table tr th:last-child, .liferay-table tr th.last-child {
padding-right: 0;
}
.lfr-control-links a {
margin-right: 1em;
}
/* ---------- Liferay forms ---------- */
.liferay-input-text {
width: 350px;
}
.liferay-textarea {
height: 100px;
width: 500px;
}
/* ---------- Separator ---------- */
.separator {
margin: 15px auto;
}
/* ---------- Specific portlet styles ---------- */
/* ---------- Quick note ---------- */
.portlet-quick-note {
margin: 2px;
padding: 5px;
}
.portlet-quick-note textarea {
min-height: 100px;
padding: 3px;
width: 95%;
}
.ie6 .portlet-quick-note textarea {
height: expression(this.height < 100 ? '100px' : this.height);
}
.portlet-quick-note .note-color {
border: 1px solid;
cursor: pointer;
float: left;
font-size: 0;
height: 10px;
margin: 3px 5px;
width: 10px;
}
.portlet-quick-note .note-color.yellow {
background-color: #ffc;
border-color: #fc0;
margin-left: 0;
}
.portlet-quick-note .note-color.green {
background-color: #cfc;
border-color: #0c0;
}
.portlet-quick-note .note-color.blue {
background-color: #ccf;
border-color: #309;
}
.portlet-quick-note .note-color.red {
background-color: #fcc;
border-color: #f00;
}
.portlet-quick-note a.close-note {
float: right;
}
/* ---------- RSS ---------- */
.portlet-rss-header {
cursor: default;
font-weight: bold;
padding: 2px 5px 2px 5px;
margin-top: 2px;
}
/* ---------- jQuery plugins ---------- */
/* ---------- Tabs ---------- */
.tabs-hide {
display: none;
}
.ie6 .tabs-nav {
display: inline-block;
}
.ie6 .tabs-nav .tabs-disabled a {
filter: alpha(opacity=40);
}