/******************************************************************************
    PORTLETS - General   	                                               
******************************************************************************/
div.portlet-wrapper {margin:0;}
form {margin:0; padding:0;}
form p {color: #333; font-size: 0.85em; padding: 0;}


/******************************************************************************
   PORTLETS - DIV containers for Forms in item related portlets                                               
******************************************************************************/
div.item-display {}
div.advanced-search {}
div.item-edit  {}

div.vyre_portlets_ItemTemplateEdit {}
div.vyre_portlets_UserCreate {}


/******************************************************************************
   PORTLETS - Form for the Item Edit Portlet                                    
******************************************************************************/

form.item-edit {margin:0;padding:0;}
form.item-edit div {display:block; margin: 0;}

/******************************************************************************
   PORTLETS - Labels general                                       
******************************************************************************/

label.portlet-form-label, 
label.text,
label.textarea,
label.select,
label.checkbox {font-size:.95em; color: #333; display:block; margin:  0 0 5px 0 ;}

label.radio {font-size: 0.85em; display:block; vertical-align: middle;}

label.calendar {display:block;}

label.checkbox {margin:  0 0 5px 20px;}


/******************************************************************************
   PORTLETS - Input fields in general                                    
******************************************************************************/

input.portlet-form-input-field,
input.text,
input.captchaInput {display:block; font-size:1em; width: 250px;  border: 1px solid #D8D8D8; margin: 0 0 10px 0; clear:both;}
input.checkbox { float:left; border:none; width:auto;}
input.radio{display:inline; float:left; margin:0; width:30px; border:none; clear:both; vertical-align: middle;}
input.date {width: 50px; padding:4px; height:22px; border: 1px solid #d8d8d8;}
input.calendar {width:120px; display:inline; margin-right: 5px; margin-bottom: 5px;}


/******************************************************************************
   PORTLETS - Textareas                                  
******************************************************************************/

textarea.portlet-form-input-field,
textarea.textarea {
	height: 100px;
	padding:2px;
	border: 1px solid #d8d8d8;
	margin-bottom:15px;
        font-size:1em;
        font-family:Verdana,Geneva,sans-serif;
}


textarea.htmlEditor {
	width: 600px; 
        height:300px;
	padding:2px;
	border: 1px solid #d8d8d8;
	margin-top:5px; 
        margin-bottom:20px;
        font-size:1em;
        font-family:Verdana,Geneva,sans-serif;
}


/*inputs in various sizes*/
.w80px input.text {width:80px;}
.w100px input.text {width:100px;}
.w150px input.text {width:150px;}
.w200px input.text {width:200px;}
.w250px input.text {width:250px;}
.w300px input.text {width:300px;}
.w350px input.text {width:350px;}
.w400px input.text {width:400px;}
.w500px input.text {width:500px;}
.w600px input.text {width:600px;}

/*textareas in various sizes*/
.w80px textarea.textarea {width:80px;}
.w100px textarea.textarea {width:100px;}
.w150px textarea.textarea {width:150px;}
.w200px textarea.textarea {width:200px;}
.w250px textarea.textarea {width:250px;}
.w300px textarea.textarea {width:300px;}
.w350px textarea.textarea {width:350px;}
.w400px textarea.textarea {width:400px;}
.w500px textarea.textarea {width:500px;}
.w600px textarea.textarea {width:600px;}

/*textareas in various sizes*/
.w80px textarea.portlet-form-input-field {width:80px;}
.w100px textarea.portlet-form-input-field {width:100px;}
.w150px textarea.portlet-form-input-field {width:150px;}
.w200px textarea.portlet-form-input-field {width:200px;}
.w250px textarea.portlet-form-input-field {width:250px;}
.w300px textarea.portlet-form-input-field {width:300px;}
.w350px textarea.portlet-form-input-field {width:350px;}
.w400px textarea.portlet-form-input-field{width:400px;}
.w500px textarea.portlet-form-input-field{width:500px;}
.w600px textarea.portlet-form-input-field{width:600px;}


/******************************************************************************
   PORTLETS - Select boxes
******************************************************************************/
select
select.portlet-form-input-field,
select.select {   
  font-size: 1em;
  border: 1px solid #D8D8D8;
  padding: 2px;
  align: middle;
  display:block;
  margin-bottom: 15px;
  color: #666;
}
option {color:#666;}


/******************************************************************************
   FORMS - Fieldset & legend
******************************************************************************/
fieldset {position: relative; margin: 10px 0 20px 0; border:1px solid #e2e2e2; background: #F6F6F6; padding: 10px 20px 10px 20px;}
legend {position: absolute; padding: 2px; color:#333; font-weight:bold; background: none; margin: 10px 0 5px 0;}

fieldset.radiolist {border:none;}
.fieldset-container fieldset.radiolist {border:1px solid #CCCCCC;}
legend.radiolist {font-size: 12px;}


fieldset.send {border: none; border-bottom:1px solid #d8d8d8; background: #FFF; padding: 10px 20px 10px 0px;}
fieldset.send legend{display:none;} 


p.radiolist-desc {padding-top: 35px;}

/******************************************************************************
   PORTLETS - Buttons                                  
******************************************************************************/

.vyre_portlets_ItemTemplateEdit .submit, 
input.portlet-form-button 
{
  width: auto;
  padding: 15px 20px 15px 20px !important;
  padding: 5px 2px 5px 2px;
  font-size: 0.95em;
  border: 1px solid #d8d8d8;
  background: #F6F6F6 url(../../../other_files/cms/images/bg-button.gif) no-repeat 100% 100%;
  color: #333;
  cursor : pointer;
  _cursor : hand;
  display: inline;
  margin: 0 0 0 0;
  font-weight: bold;  
}

input.portlet-form-button:hover {background: #FFF; border: 1px solid #999; color: #333;}

input.submit, input.save {}
input.delete, input.cancel {}

input.pay {
  width: auto;
  padding: 15px 20px 15px 20px !important;
  padding: 5px 2px 5px 2px;
  font-size: 1em;
  border: 1px solid #FF7800 ;
  background: #FF7800;
  color: #FFFFFF;
  cursor : pointer;
  _cursor : hand;
  display: inline;
  margin: 0 0 0 0;
  font-weight: bold; 

}


/******************************************************************************
    PORTLETS - File upload field                                        
******************************************************************************/

input #item_file {font-family:Verdana,Geneva,sans-serif; font-size:1em;  padding:2px; border: 1px solid #e2e2e2;margin-bottom:5px;}

input[type=button] {....}


/******************************************************************************
    PORTLETS - Search Portlet                                             
******************************************************************************/

/* div.search-input {}
.search-input input.portlet-form-input-field,
.search-input input.text {
	font-family:Verdana,Geneva,sans-serif; 
	font-size:1em; 
	width: 150px; 
	padding:2px; 
	border: 1px solid #888;
	margin-bottom:5px;}
*/	
/******************************************************************************
    TAXONOMY - Item Search Portlet overwriting: /w                                      
******************************************************************************/

.webfx-tree-item a {font-weight:normal;}
div.selected a { font-weight:bold;}
	
/******************************************************************************
   PORTLETS - User-Create, User-Edit, User-Search, Login, Logout, Forgotten-Password                                          
******************************************************************************/
/*div containers for forms*/
div.user-login, 
div.user-forgotten-password, 
div.user-change-password, 
div.user-edit {padding:0px;}


/*input fields*/
.user-change-password input.portlet-form-input-field {width:200px;}
.user-login input.portlet-form-input-field {width:150px; display:block;}
.user-forgotten-password input.portlet-form-input-field {width:200px;}

input #user.email {width:200px;}

.user-create fieldset {}
.user-create legend {margin:0; padding:0;}
.user-create label {margin-top: 20px;}
.user-create fieldset fieldset {margin-top: 20px;}
.user-create fieldset fieldset input.radio {margin-top:18px;}


/******************************************************************************/
/*Svef skraning einstaklinga*/
.user-create div.receive-email {display:block; clear:both;magin-bottom: 15px;}
.user-create div.agree-terms  {display:block; clear:both; }
/******************************************************************************/




/******************************************************************************
    PORTLETS General                                          
******************************************************************************/
.portlet-msg-error {
	color: red;
}

.portlet-form-msg-info{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}

.portlet-section {
  width:100%;
}

.portlet-section-header {
  text-align:left;
}

.portlet-section-body{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
    padding:2px; 
    border: 1px solid #000000;
}

.portlet-font{

         font-size: 10px;
         color: #000000;
}

.portlet-link {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
         font-size: 10px;
         color: #000000;
}

/******************************************************************************
    PORTLETS - Alerts   	                                               
******************************************************************************/
 
#label_AUTOMATIC_MESSAGE {
   font-size: 15px;
   color: #CC0066;
   border-bottom: 1px solid #CC0066;
   padding-bottom: 2px;
   font-weight:bold;
}

/* ==============================================================*/
/*      PORTLETS: PAGINATION IN Item - SEARCH RESULT PORTLET                      */
/* ==============================================================*/	

.pagination {
		font-size: 1em;
                font-weight:normal;
                text-align:left;
                color: #666;

margin-top: 5px;

width:100%;
}

.paginationForm {
        border-bottom: 1px solid #e2e2e2;
        border-top: 1px solid #e2e2e2;
        background: #eef2fb;
        margin-top:5px; 
        margin-bottom:5px;
	text-align:right;
	}

.paginationForm form {
		text-align:left;
		display:inline;
	}

.paginationForm .portlet-form-input-field {
    display:inline;
    padding: 5px;
    margin: 0px;
    width: 25px;
	}

.paginationOptions{
		
text-align:left;	
padding:2px;

	}

.paginationStatus {
margin-right: 5px;

}


.paginationPageLink {

border: 1px solid #e2e2e2;
padding: 2px;
margin-top: 5px;
margin-right: 5px;
text-align: center;
background: #FEFFF1;


}

.paginationLink {
margin-right: 5px;
border: 1px solid #e2e2e2;
padding: 2px;
background: #FEFFF1;

	}


.pagination a {
		font-weight:bold;
		text-decoration:none;
	}
.pagination a:hover {
		text-decoration:underline;
	}
	


.paginationForm.portlet-form-button {width:30px;}


/* ==============================================================*/
/*      PORTLETS: Upload Portlet                                 */
/* ==============================================================*/	

.vyre_portlets_Upload {
	border-bottom: 1px solid #e2e2e2;
        border-top: 1px solid #e2e2e2;
        margin-top:5px; 
        margin-bottom:5px;
}

#folder{background: #FFFFFF; border: 1px solid #e2e2e2; border-top: none; padding:10px; text-align: left; margin-bottom: 10px;
	
}
.newFolderPanel{ 
	
}

#uploadFile{
	
}
.uploadFilePanel{
	background: #FEFFF1;
}


#files{
	background: #eef2fb;
}
.fileListPanel{
	background: #eef2fb;
}

#currentFolder{
	border-bottom: 1px solid #e2e2e2;
	background: #FEFFF1;
	text-transform: uppercase;
        color: #666;
}
#filesInFolder{
	background: #eef2fb;
}

/* ==============================================================*/
/*      FORM VALIDATION                                          */
/* ==============================================================*/

div.field, .field.textarea {display:block; clear:both; margin-top: 50px;}
div.validationform .button {display:block; clear:both;}

div.required span{
  display:none;
}
	
div.required.warning span{
  display:inline;
}

div.focus{
  background-color : transparent;
}

.required span.req,
.optional span.req{
  display:inline;
  color: red;
}

.optional input, .optional textarea, .required input, .required textarea {float:left;}

/* ==============================================================*/
/*      FORM VALIDATION                                          */
/* ==============================================================*/
.validationform {overflow:hidden; width:100%;}
.required label{
  margin:0;
  width:100%;
}
.required span,
.optional span{
  display:none;
}


.optional.warning span,
.required.warning span{
  float:left;
  display:block;
  margin-left:8px;
  color:#ff6500; 
  font-size:.9em;
  font-weight: bold;
}


.optional input,
.optional textarea,
.required input,
.required textarea{}
	

.focus input,
.focus .textarea.textarea{ background-color:#FEFFBF;}

ul#warningList{  
  list-style:none;
  display:none;
  margin:0 0 10px 0;
  padding: 14px 4px;
  background-color: #F6F6F6;
  border: #ff6500 solid 1px;
}
#warningList li{ 
  text-decoration:underline;
  margin:2px 0 2px 8px; 
  color:#ff6500;
  cursor:pointer;
  background: #f6f6f6 url(/other_files/common/icons/bullet_error.png) no-repeat; 
 padding-left: 20px;
}
.optional div,
.required div{
  display:inline;
}

/* ==============================================================*/
/*      FORM VALIDATION  - Server side validation msg            */
/* ==============================================================*/

#validationErrors {}
.validationError, .portlet-msg-error {
font-weight: bold; 
font-size: 1em; color: #333; 
background: #f6f6f6 url(/other_files/common/icons/error.png) no-repeat 10px; 
padding: 10px 10px 10px 35px; 
margin-top:1px;}


/**** Calendar Definitions ****/
table.calendar {width: 250px; z-index:10;}
.cal-container img {padding: 0 0 8px 5px; }


/* ==============================================================*/
/*      Captcha Input & Image                                    */
/* ==============================================================*/

img.captchaImage {border: 1px solid #CCC;
margin-bottom: 20px;}

input.captchaInput {width:200px;}


/* ==============================================================*/
/*      Picture Gallery                                          */
/* ==============================================================*/

.album {
  float: left;
  width: 100%;
  clear: left;
  padding: 5px;
  border-bottom:1px solid #E8E4D9;
}
.album .img {
  float: left;
  width: 180px;
  min-height: 100px;
}
.album .no-preview {
  padding: 30px;
}
.album .album-details {
  float: left;
  width: 65%;
}