/************************************************************************************************************
   COMMON FORM ELEMENTS 
*************************************************************************************************************/  
/* list */
.guiModule ul, 
.guiModule ol
    {
        list-style-type:none;
    }
    .guiModule li
        {
            margin-bottom:0.5em;
		    /*text-align:right;
		    overflow:hidden;*/
        }
    .guiModule li.alignright
        {
		    text-align:right;
        }  
    .guiModule .TwoCols li, .guiModule .TwoColsNew li
        {
            margin-bottom:0.6em;
		    text-align:left;
		    overflow:hidden;
        }
        
    /* label on top of inputs */
    .guiModule li.guiLabelOnTop
        {
            text-align:left;
        }
    /* for when you need a list header */
    .guiModule li.guiListHeader
        {
            text-align:left;
            font-weight:bold;
            border-bottom:solid 1px #7c7c7c;
        }


/* fieldset */
.guiModule fieldset
    {   
	    position:relative;  
	    border:solid 1px #ced3d7;
	    padding:20px 12px 14px 12px;
        padding-top:0.75em;
	    background-color:#f4f4f4;
	    vertical-align:top;
	    line-height:1.5em;
	    /*margin-top:1em; */
    }  
    .guiModule fieldset legend
	    {   
		    font-weight:bold;
	    }
    .guiModule fieldset ul
	    {
		    float:left;
		    width:auto;
		    margin-right:15px;
	    }	 
	    *+html .guiModule fieldset.fixIE_SearchPanel
	    {
	        padding-top:20px;
	    }  
    /* the last ul in a row */
    .guiModule fieldset ul[class="guiLastInRow"]
	    {
		    float:left;
		    margin-right:0px;
	    }
    /* the first ul following the "guiLastInRow" (which is the first in new row */
    .guiModule fieldset ul[class="guiLastInRow"] + ul
	    {
		    clear:left;
	    }
    .guiModule fieldset li[class="guiLabelOnTop"] label
	    {
		    display:block;
		    text-align:left;
	    }
    /* textarea after label.guiOnTop */
    .guiModule fieldset li[class="guiLabelOnTop"] + li > textarea
	    {
		    width:100%;
	    }
	
	.guiModule fieldset textarea,
    .guiModule fieldset input[type="text"],
    .guiModule fieldset input[type="password"]
	    {
		    width:200px;
	    }       
        .guiModule fieldset input[type="text"].CMEdit
        {
            padding: 0.2em 0;
            width: 100%;
        }
	    .guiModule fieldset input[type="text"].email
	    {
	        width:180px;
	    }
	    .guiModule fieldset input[type="text"].withCheckbox
	    {
	        width: 183px;
	    }
	    
	.guiModule fieldset select
	{
		width:206px;
		margin-left: 1px;
	}
	.guiModule fieldset img.icon
	{
	    vertical-align: middle;
	}
	
    .guiModule fieldset table
		{
			
		}
    .guiModule fieldset input[type="text"].guiZipCode
	    {
		    width:49px;
	    }
    .guiModule fieldset input[type="text"].guiCity
	    {
		    width:140px;
	    }
        
    /* IE HACK:damn those backgrounds :P \*/
    *+html .guiModule fieldset
        {
            margin-top:1em; 
            padding-top:1.5em;
        }
    *+html .guiModule legend
        {   
            position:absolute;
            top:-.5em;
            left:.5em;
            padding-left:5px;
            padding-right:5px;
        }
    /* END IE HACK */

    /* fieldset gfx:collapse */
    .guiModule fieldset[class="guiCollapse"] ul
        {
            display:none;
        }
        .guiModule fieldset[class="guiCollapse"]:hover ul
            {
                display:block;
            }


.guiModule label
    {
        text-align:right;
        white-space:normal;
    }
	.guiModule li label
		{
			display:-moz-inline-box;
			display:inline-block;	
			margin-right:5px;
		    vertical-align:middle;
		}
    .guiModule .TwoCols li label
		{
			display:-moz-inline-box;
			display:inline-block;	
			margin-right:5px;
		    vertical-align:middle;
		    width: 120px;
		}
	.guiModule .TwoColsNew li label
		{
			display:-moz-inline-box;
			display:inline-block;	
			margin-right:5px;
		    vertical-align:middle;
		    width: 150px;
		}
.guiModule select
    {
    }           
    
.guiModule select,
.guiModule input[type="text"],
.guiModule input[type="password"],
.guiModule input[type="file"]
    {
    	
	    border:solid 1px #7c7c7c; 
	    padding:2px 2px 3px;
		vertical-align:middle;
    } 
        
.guiModule textarea
    {
	    /*
        border:solid 1px transparent;
	    */
	    border:solid 1px #7c7c7c;
        padding:0.2em;
    }
    .guiModule textarea:focus, textarea:hover
        {
		    /*
            border:solid 1px #7c7c7c; 
		    */
        } 

.guiModule input[type="radio"], 
.guiModule input[type="checkbox"]
    {
        border:0;
        vertical-align:middle;
    }
    /* right label for checkboxes and radios */
    .guiModule input[type="checkbox"] + label,
    .guiModule input[type="radio"] + label
	    {
		    margin-left:5px;
		    width:180px;  /*Align radio/checkbox with text inputs. Same width as text inputs, minus ca width radiobutton/checkbox */
			text-align:left;
	    }

.guiModule input[type="submit"],
.guiModule button, 
.guiModule input[type="button"]
    {
        /*background-image:url('images/guiButtons/guiBtn_forms_bg_filler.png');
        background-position:left bottom;
        background-repeat:repeat-x;*/
        background-color:#7fa462;
        /*border:solid 1px #337caa;*/ 
	    border:0;
	    color:White; 
	    padding:0.1em;
		vertical-align:middle;
		cursor:pointer;
    }

#uxLogin input[type="submit"]
{
    margin:10px 8px 0 0;   
}
.guiModule input[disabled="disabled"][type="submit"],
.guiModule input[disabled="disabled"][type="button"]
{
    
    background:#c8c8c8;
}
/* readonly simulation */

.guiModule .ReadOnly
	{
		background-color:transparent;
	}
    /* input sim and textarea sim (span elements with "ReadOnly InputText" or "ReadOnly Textarea" classes) */
    .guiModule .ReadOnly.InputText,
    .guiModule .ReadOnly.Textarea
    {
    	display:-moz-inline-box;
	    display:inline-block;
	    width:200px;
	    height:20px;
	    line-height:20px;
	    padding-left:0.3em;	    
	    border:solid 1px #7c7c7c;
	    text-align:left;
		vertical-align:middle;
    }
	
	
/* TEMPORARY TESTING */



/************************************************************************************************************
   3 COLUMNS IN A FIELDSET 
*************************************************************************************************************/
.guiModule fieldset.ThreeCols
	{
		clear:both;
	}

.guiModule fieldset.ThreeCols ul
	{
		width:30.0%; /* (100-(luft*(antallKolonner-1))) / antallKolonner */
		margin-left:0%;
		float:left;
	}
.guiModule fieldset.ThreeCols ul + ul
	{
		margin-left:1%;
	}
	



/***********************************
3 Fieldsets in columns
************************************/

/* not implemented ... */



/***********************************
2 Columns in a fieldset
************************************/

.guiModule fieldset.TwoCols
	{
		clear:both;
	}

.guiModule fieldset.TwoCols ul
	{
		width:45.5%; /* (100-(luft*(antallKolonner-1))) / antallKolonner */
		margin-left:0;
		float:left;
		margin-top:10px;
	}
.guiModule fieldset.TwoCols ul + ul
	{
		margin-left:1%;
	}
.guiModule fieldset.TwoCols li table label
	{
		width:80px;
		float:none;
	}
.guiModule fieldset.TwoCols li label
	{
		float:left;
	}
.guiModule fieldset.TwoCols li label + .RadPicker
{
    float:left;
}
.guiModule fieldset.TwoCols li
    {
        clear:both;
        overflow:hidden;
        padding:0 0 1px;
    }		
	

.guiModule fieldset.TwoCols li._tagModule table
{
    float:left;
}	

/***********************************
NEW 2 Columns in a fieldset
************************************/

.guiModule fieldset.TwoColsNew
	{
		clear:both;
	}

.guiModule fieldset.TwoColsNew ul
	{
		width:400px; /* (100-(luft*(antallKolonner-1))) / antallKolonner */
		margin-left:0;
		float:left;
		margin-top:10px;
	}
.guiModule fieldset.TowColsNewWide ul
	{
		width:700px;
	}
.guiModule fieldset.TwoColsNew ul + ul
	{
		margin-left:1%;
	}
.guiModule fieldset.TwoColsNew li table label
	{
		width:80px;
		float:none;
	}
.guiModule fieldset.TwoColsNew li label
	{
		float:left;
		width:160px;
	}

.guiModule fieldset.TwoColsNew li
    {
        clear:both;
    }
.guiModule fieldset.TwoColsNew li .guiSelector205{
    float:left;
}
.guiModule fieldset.TwoColsNew li.longRow
    {
        width: 800px;
    }
.guiModule fieldset.TwoColsNew li .tooltip
    {
        font-size: 0.9em;
    }		
	

.guiModule fieldset.TwoColsNew li._tagModule table
{
    float:left;
}	
/************************************************************************************************************
   2 FIELDSET IN COLUMNS
*************************************************************************************************************/

.guiModule fieldset.TwoHorizontal
	{
		margin-right:0em;
		padding-left:10px;
		padding-right:0px;
		margin-left:1%;
		width:45.5%; /*(100-(luft*(antallKolonner-1))) / antallKolonner */
		float:left;
	}
.guiModule fieldset.TwoHorizontal + fieldset.TwoHorizontal
	{
		margin-left:1%;
	}
	.guiModule fieldset.TwoHorizontal ul
		{
			margin:0px;
		}
		
/************************************************************************************************************
  3 FIELDSET IN COLUMNS
*************************************************************************************************************/

.guiModule fieldset.ThreeHorizontal
	{
		margin-right:0em;
		padding-left:10px;
		padding-right:0px;
		margin-left:1%;
		width:30.5%; /*(100-(luft*(antallKolonner-1))) / antallKolonner */
		float:left;
	}
.guiModule fieldset.ThreeHorizontal + fieldset.ThreeHorizontal
	{
		margin-left:1%;
	}
.guiModule fieldset.ThreeHorizontal ul
	{
		margin:0px;
	}
		

/************************************************************************************************************
   SPLIT FIELDSET
*************************************************************************************************************/

.guiModule fieldset.SplitFieldset
	{
		position:relative;
		/*
		background-color:Transparent;
		border:0px;
		padding-left:0px;
		padding-right:0px;
*/
	}
	.guiModule fieldset.SplitFieldset .SplitPart /* Common css for parts */
		{			
			position:relative;  
			padding:20px 12px 14px 12px;
			/*
			border:solid 1px #7c7c7c;
			background-color:#f6fbff;
			*/
			padding-top:0.75em;
			vertical-align:top;
			line-height:1.5em;
		}
		.guiModule fieldset.SplitFieldset .SplitPart ul /* reset default desktop css */
			{
				float:none;
				margin:0px;
			}
	.guiModule fieldset.SplitFieldset .Part_01 /* Must be used with the SplitPart class, fex class="SplitPart Part_01" */
		{
			float:left;
			width:200px;
		}
	.guiModule fieldset.SplitFieldset .Part_02 /* Must be used with the SplitPart class, fex class="SplitPart Part_02" */
		{
			float:right;
			width:160px;  
		}
		
/************************************************************************************************************
   MISC
*************************************************************************************************************/
/* Fieldset in fieldset */
.guiModule fieldset fieldset
	{
		border-width:1px 0px 0px 0px;
	}


/*** TWO INPUTS SHARE THE SAME LINE */
    /* total width must not exceed the input width set in [np_desktop_gui.css] */
    
    .guiModule .TwoInputs label + input /* the first input */
        {
            width:19.4%; 
        }
        
    .guiModule .TwoInputs input + input /* the second input */
        {
            width:39.5%;
        }
    
/*** INPUT AND BUTTON SHARE THE SAME LINE */
    /* total width must not exceed the input width set in [np_desktop_gui.css] */    
    
    .guiModule .InputAndButton input[type="text"]
        {
            width:39.5%;
        }
    
    .guiModule .InputAndButton input[type="button"]
        {
            width:19.4%;
        }      
        
/*** LABEL AND TABLE ON THE SAME LINE */
	.guiModule .LabelAndTablez
		{
			
		}	
	.guiModule .LabelAndTablez table
		{	
			position:relative;
			float:right;			
		} 
		.guiModule .LabelAndTablez table td 
			{
				text-align:left;													
			}
			.guiModule .LabelAndTablez table td label
				{					
					width: 85%;		
				}		
	
		
/*** CHECKBOX AND LABEL */
	.guiModule .CheckboxRow
		{
			width:100%;
			display:block;
			clear:both;
		}
		.guiModule .CheckboxRow div
			{
				text-align:left;
				float:right;
				width:207px;
				margin-bottom:2px;
			}		        
			
/*** Check Point List Admin Page */			
.guiModule fieldset.CheckPointList
{
    border:none;
    background:#fff;
    margin:0 0 5px;
    padding:0;
}

.guiModule fieldset.CheckPointList ul
{
    width:100%;   
}

.guiModule fieldset.CheckPointList ul li
	{
		width:200px;float:left;text-align:left; margin-right:10px;
	} 
	
.guiModule fieldset.CheckPointList ul li.SaveButton_CheckPointList
{
    padding-top:20px;
    padding-top:18px;
}	

/* Article Header */
.DetailHeader h1.ObjectType
{
    height:30px;
    padding-top:18px;    
}
h1.objectTypeClass, h1.ObjectType 
	{
		width:auto;
		/*background:url(../../Common/Images/Icons/22x22/ico_doc_world.png) no-repeat*/ 
		background-position:left 5px;
	}
	/*fix dekk1*/	
    .ObjectType.guiHotel
      {
        overflow:hidden;    
        margin-bottom:10px;
      } 
      .guiModule fieldset.guiHotelSectionMasterEditController,
      .guiModule fieldset.guiHotelMasterEditController,
      .guiModule fieldset.TSControlXColsView
      {
        margin-top:0;  
        padding-top:25px;  
      }
      /*end fix dekk*/
.Header
	{
		min-height:32px;
		margin-bottom:15px;
	}
	
.Header .Title
    {
        float:left;
		background:url(../../Common/Images/Gui/title_bg.png) no-repeat left top;
        color:#fff;
        height:32px;
        padding-left:15px;
    }

.Header .Title div
    {
    	background: url(../../Common/Images/Gui/title_bg.png) no-repeat right top;
    	margin-right:-15px;
    	float:left;
    	height:32px;
    	padding-right:30px;        
    }
    
.Header .Title div h1
    {
        font-size:20px;
        padding-left:30px;
    }    
.removeRadAjaxBlockDisplay
{
    float:left;
    padding-right:10px;
}
.uxVendorCardPanel
{
    clear:left;    
}
#Organization .Command
{
    text-align:right;    
}
.removeRadAjaxBlockDisplay div,.removeRadAjaxBlockDisplay
{
	display:inline-block !important;
}

.guiModule .editCols
{
    width:100%;
}
.guiModule .editCols ul
{
    width:405px;
}
.guiModule .editCols li
{
    text-align: left;
    width:100%;
    clear:both;
    overflow:hidden;
}
.guiModule .editCols li label
{
    float: left;
    width: 170px;
}
.guiModule .buttonRow
{
    width:100%;
    padding-top:10px;
}
.guiModule .buttonRow li
{
    text-align:center;
}
.guiModule .buttonRow .twoCols
{
    width:800px;
}

/******* OneCol */
/******************/
.guiModule fieldset.oneCol ul li label
{
   display:-moz-inline-box;
 display:inline-block;	
			margin-right:5px;
		    vertical-align:middle;
		    width: 120px;
		    float:left;
}

.guiModule .oneCol li {
text-align:left;
}