BODY
{
	background-color: #FFF;
	font-family: 'Trebuchet MS', Verdana, Arial;
} 

/*div
{
	background-color: Transparent;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
}
*/

div.mainPnl
{
	background-color: #EDF2F6;
	font-family:'Trebuchet MS', Verdana, Arial;
	font-size: 12px;
	text-align: center;
	/*border: solid 1px black;*/
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 4px 0px;
	width: 532px;
	float: right;
	clear: both;
}


div.formHeadPnl
{
	/*background-color: #EDF2F6;
	font-weight: bold;
	font-variant: small-caps;
	border: 0px;
	width: 532px;
	text-align: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	clear: both;*/
	width: 532px;
	background-color: #CED8E2;
	font-family: Arial;
	font-size: 100%;
	font-weight: bold;
	color: Black;
	text-align: left;
	text-transform: uppercase;
	margin: 0px 0px 0px 0px;
	padding: 3px 3px 3px 5px;
	clear:both;
}

div.formTopNamePnl
{
	background-color: transparent;
	border: 0px;
	text-align: left;
	margin: 0px 0px 0px 0px;
	padding: 4px 4px 0px 4px;	
	width: 265px;
	height: 18px;
	float: left;
	clear : both;
}

div.formPnl
{
	background-color: #EDF2F6;
	border: 0px;
	width: 524px;
	text-align: left;
	margin: 0px 4px 0px 4px;
	padding: 0px 0px 0px 0px;
	float: left;
	clear: both;
}

div.formDescPnl
{
	background-color: transparent;
	font-family:'Trebuchet MS', Verdana, Arial;
	font-size: 12px;
	color: black;
	border: 0px;
	width: 520px;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 4px 4px;
	float: left;
	clear: both;
}

div.pageHeadPnl
{
	background-color: transparent;
	font-family:'Trebuchet MS', Verdana, Arial;
	font-size: 12px;
	font-weight: bold;
	border-top: solid 1px #cccccc;
	border-left: solid 1px #cccccc;
	border-right: solid 1px #cccccc;
	width: 515px;
	height: 22px;
	margin: 0px 0px 0px 0px;
	padding: 0px 4px 0px 4px;
	float: left;
	clear: both;
}


div.pagePnl
{
	background-color: transparent;
	border-left: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
	border-right: solid 1px #cccccc;
	width: 515px;
	margin: 0px 0px 0px 0px;
	padding: 0px 4px 0px 4px;
	float: left;
	clear: both;
}

div.pageDescPnl
{
	background-color: transparent;
	font-family:'Trebuchet MS', Verdana, Arial;
	font-size: 12px;
	color: black;
	width: 215px;
/*	border: dashed 1px green; */
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 8px;
	float: left;
	clear: both;
}

div.pageErrorPnl
{
	background-color: transparent;
	font-family:'Trebuchet MS', Verdana, Arial;
	font-size: 14px;
	font-weight:bolder;
	color: red;
/*	border: dashed 1px red; */
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 8px;
	float: left;
	clear: both;
}

div.fieldGroupHeadPnl
{
	background-image: url("/sitecore modules/shell/Interfolio.FormsPro/themes/Default/images/GroupHead.gif");
	background-color: transparent;
	font-family:'Trebuchet MS', Verdana, Arial;
	font-size: 14px;
	font-weight: bold;
	color: white;
	border: 0px;
	width: 458px;
	height: 22px;
	margin: 10px 10px 0px 10px;
	padding: 0px 0px 0px 0px; /* ger en bredd av 694px för resten.*/	
	float: left;
	clear: both;
}

div.itemHeadPnl
{
	background-image: url("/sitecore modules/shell/Interfolio.FormsPro/themes/Default/images/ItemHead.gif");
	background-color: transparent;
	font-family:'Trebuchet MS', Verdana, Arial;
	font-size: 14px;
	font-weight: bold;
	color: white;
	border: 0px;
	width: 438px;
	height: 22px;
	margin: 10px 10px 0px 10px;
	padding: 0px 0px 0px 0px; /* ger en bredd av 694px för resten.*/	
	float: left;
	clear: both;
}

div.optHeadPnl
{
	background-image: url("/sitecore modules/shell/Interfolio.FormsPro/themes/Default/images/OptionHead.gif");
	background-color: transparent;
	font-family:'Trebuchet MS', Verdana, Arial;
	font-size: 14px;
	font-weight: bold;
	color: white;
	border: 0px;
	width: 418px;
	height: 22px;
	margin: 10px 10px 0px 10px;
	padding: 0px 0px 0px 0px; /* ger en bredd av 694px för resten.*/	
	float: left;
	clear: both;
}

div.itemPnl
{
	background-color: transparent;
	border: 0px;
	width: 438px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px; /* ger en bredd av 694px för resten.*/	
	float: left;
	clear: both;
}

div.TextBoxFieldPanel
{
	background-color: transparent;
	border: 0px;
	width: 438px;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 10px 0px; /* ger en bredd av 694px för resten.*/	
	float: left;
	clear: both;
}

div.pageNavPnl
{
	background-color: transparent;
	border: 0px;
	width: 438px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px; /* ger en bredd av 694px för resten.*/	
	float: left;
	clear: both;
}

div.pageOfPagePnl
{
	background-color: transparent;
	border: 0px;
	text-align: center;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px; /* ger en bredd av 694px för resten.*/	
	float: left;
}


div.itemTopBtnPnl
{
	background-color: transparent;
	text-align: left;
	vertical-align: middle;
/*	width: 463px; */
	height: 12px;
	border: 0px;
	margin: 0px 0px 0px 0px;
	padding: 6px 0px 0px 20px;	
}

div.itemTopNamePnl
{
	background-color: transparent;
	/*border: dashed 1px blue;*/
	text-align: left;
	margin: 0px 0px 0px 0px;
	padding: 4px 4px 0px 4px;	
	width: 215px;
/*	height: 14px; */
	float: left;
	clear : both;
}

div.topBtnPnl
{
	background-color: transparent;
	border: 0px;
	text-align: right;
	margin: 0px 0px 0px 0px;
	padding: 0px 20px 0px 0px;	
	width: 94px;
	height: 12px;
	float: right;
}

div.attributePanel
{
	background-color: transparent;
	text-align: left;
	margin: 10px 10px 10px 10px;
	padding: 0px 0px 0px 0px;
	width: 385px;
	float: left;
}

div.attributeFieldPanel
{
	background-color: transparent;
	text-align: left;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 5px;
	width: 110px;
	float: left;
}

div.attributeUpdateButtonPanel
{
	background-color: transparent;
	text-align: center;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 5px;
	width: 425px;
	float: left;
}

div.attributeFieldLabelPanel
{
	background-color: transparent;
	text-align: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 90px;
	float: left;
}


span.nameLbl
{
	color: #000;
	font-weight: bold;
}

span.formNameLbl
{
	color: #000;
}


.expandBtnE
{
	background-image: url("/sitecore modules/shell/Interfolio.FormsPro/themes/Default/images/expand.gif");
	width: 12px;
	height: 12px;
	border: 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.expandBtnC
{
	background-image: url("/sitecore modules/shell/Interfolio.FormsPro/themes/Default/images/collapse.gif");
	width: 12px;
	height: 12px;
	border: 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.deleteBtn
{
	background-image: url("/sitecore modules/shell/Interfolio.FormsPro/themes/Default/images/delete.gif");
	width: 12px;
	height: 12px;
	border: 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.moveUpBtn
{
	background-image: url("/sitecore modules/shell/Interfolio.FormsPro/themes/Default/images/MoveUp.gif");
	background-color: blue;
	width: 12px;
	height: 12px;
	border: 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.moveDownBtn
{
	background-image: url("/sitecore modules/shell/Interfolio.FormsPro/themes/Default/images/MoveDown.gif");
	background-color: blue;
	width: 12px;
	height: 12px;
	border: 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

input.TextBox
{
	background-color: white;
	border: solid 1px #336699; 
	text-align: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 285px;
	float: left;
}

input.ifformPrevButton
{
	float:left;
	padding: 0px 4px 0px 4px;
	margin: 0px 4px 0px 4px;
}
input.ifformNextButton
{
	float:left;
	padding: 0px 4px 0px 4px;
	margin: 0px 4px 0px 4px;
}
input.ifformSubmitButton
{
	float:left;
	padding: 0px 4px 0px 4px;
	margin: 0px 4px 0px 4px;
}

/**********************************************
/***
/***   Group Stuff Start	
/***
/************************************************/

div.groupHeadPnl
{
/*	border: dashed 1px red; */
	width: 509px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float:left;
	clear: both;
}

div.groupPnl
{
	background-color: transparent;
/*	border: dashed 1px blue; */
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px; /* ger en bredd av 694px för resten.*/	
	float: left;
	clear: both;
}

div.groupButtonPnl
{
	background-color: transparent;
/*	border: dashed 1px blue; */
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px; /* ger en bredd av 694px för resten.*/	
	float: left;
	clear: both;
}

div.groupTabPanel
{
	background-color: transparent;
	
/*	border: dashed 1px yellow; */
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px; /* ger en bredd av 694px för resten.*/	
	float: left;
	clear: both;
}


table.groupTable
{
/*	border: dashed 1px green;*/
	font-family: 'Trebuchet MS', Verdana, Arial;
	font-size: 11px;

}

tr.groupTableHeadRow
{
	font-family: 'Trebuchet MS', Verdana, Arial;
	font-size: 11px;
	font-weight: bold;
	color: #336699;
}
td.groupTableHeadCell
{
	border-right: solid 2px #cccccc;
	border-bottom: solid 2px #cccccc;
	text-align: center;
	font-family: 'Trebuchet MS', Verdana, Arial;
	font-size: 11px;
	font-weight: bold;
	color: #336699;
	margin: 0px 0px 0px 0px;
	padding: 1px 5px 1px 5px; /* ger en bredd av 694px för resten.*/	
}
tr.groupTableRow
{
/*	border: dashed 1px blue;*/
	font-family: 'Trebuchet MS', Verdana, Arial;
	font-size: 11px;
}
td.groupTableCell
{
	border-right: solid 1px #999999;
	border-bottom: solid 1px #999999;
	font-family: 'Trebuchet MS', Verdana, Arial;
	font-size: 11px;
	margin: 0px 0px 0px 0px;
	padding: 1px 5px 1px 5px; /* ger en bredd av 694px för resten.*/	
}


div.groupListPanel
{
	border: solid 4px blue;	
}

div.groupFormPanel
{
	border: solid 4px green;	
}


div.tableTabel
{
	background-color: White;
	border: solid 1px black;
	float:left;	
}

div.tableHeadRow
{
	background-color: #EEEEEE;
	border: solid 1px lightblue;	
	float:left;
	clear:both;	
}

div.tableHeadCell
{
	background-color: #DDDDDD;
	border: solid 1px brown;
	width: 105px;	
	float:left;	
}

div.tableRow
{
	background-color: #EEEEEE;
	border: solid 1px lightblue;	
	float:left;	
	clear:both;	
}

div.tableCell
{
	background-color: #DDDDDD;
	border: solid 1px brown;
	width: 105px;	
	float:left;	
}

/**********************************************
/***
/***   Group Stuff End
/***
/************************************************/


/**********************************************
/***
/***   Calendar Stuff Start	
/***
/************************************************/

.ifformdatefield
{
	background-color: Blue;
	border: 0px;
	font-family:'Trebuchet MS', Verdana, Arial;
	font-size: 10px;
	font-weight: bold;
	width: 100px;
}


.ifformdatefield-cell
{
	background-color:White;
	border: solid 3px green;
}
.ifformdatefield-cell-selected
{
	background-color:Black;
	color:Lime;
	border: solid 3px red;
}

/**********************************************
/***
/***   Calendar Stuff End
/***
/************************************************/