/* Page setting */
.EditScreen
{
	width: 100%;
}

/* Area eveything is on, within .EditScreen */
.EditScreen_Background
{
	width: 100%;
	padding: 7px 7px 7px 7px;
	background-color: #FFFFFF;
}

.EditScreen_Content
{
	background-color: #dcdcdc;
	border: solid 1px black;
	padding: 5px 5px 5px 5px;
}

/* Cell that contains the Icon in the upper left */
.EditScreen_IconCell
{
	background-color: #FFFFFF;
	border-bottom: solid 1px #000000;
}

/* Icon in the top left corner of the page */
.EditScreen_Icon
{
	width: 77px;
	height: 57px;
	background-image: url(../images/PnP/PnP_Settings.jpg);
}

/* Title across the top of the page */
.EditScreen_Title
{
	width: auto;
	padding-left: 2px;
    font-weight: bolder;
    font-size: 14px;
    font-style: normal;
    font-family: Calibri;
    color: #D30712;
    line-height: 22px;
    background-color: #FFFFFF;
    border-bottom: solid 1px #000000;
}

/* Left gutter beneath the icon */
.EditScreen_Gutter
{
	background-color: #FFFFFF;
}

/* Description of the page right beneath the title */
.EditScreen_Description
{
	font-size: 12px;
	font-family: Calibri;
	color: Black;
}

.EditScreen_Description a:link		{ color: Black; text-decoration: underline; }
.EditScreen_Description a:visited	{ color: Black; text-decoration: underline; }
.EditScreen_Description a:hover		{ color: Black; text-decoration: underline; }
.EditScreen_Description a:active	{ color: Black; text-decoration: underline; }

.EditScreen_Header
{
	height: 21px;
	width: 100%;
	background-color: #95cdf0;
	color: Black;
}

/* Section title */
.EditScreen_Section
{
    font-weight: bolder;
    font-size: 10pt;
    color: white;
    font-style: normal;
    font-family: Calibri;
    background-color: #1a8d8a;
    line-height: 21px;
    height: 21px;
    padding-left: 5px;
}

/* Bar containing the buttons for saving or leaving the page */
.EditScreen_ActionBar
{
	background-image: url(../images/tmp/buttonbarbg.gif);
	width: 100%; 
	height: 22px;
	padding: 0px 0px 0px 0px;
}

/* 
	IB = Image Button, define these if you want to show Image Buttons instead of links.
	set the web.config keys to value=""

.EditScreen_IB
{
	color: Black;
	text-align: center;
	text-decoration: none;
	font-weight: normal;
    font-size: 11px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    white-space: nowrap;
    padding: 0px 0px 0px 0px;
	width: 73px;
	height: 24px;
	line-height: 24px;
	background-image: url(../images/tmp/buttonbarbg.gif);	
	display: inline-block;
	vertical-align: top;
	outline: none;
}
a.EditScreen_IB:link,
a.EditScreen_IB:visited
{
	color: Black;
	text-decoration: none;
	background-image: url(../images/tmp2/button-bg.gif);	
	outline: none;
}
a.EditScreen_IB:active
{
	color: Black;
	text-decoration: none;
	background-image: url(../images/tmp2/button-bg-click.gif);	
	outline: none;
}
a.EditScreen_IB:hover
{
	color: Black;
	text-decoration: none;
	background-image: url(../images/tmp2/button-bg.gif);	
	outline: none;
}

.EditScreen_IB_Sep
{
	width: 1px;
	height: 24px;
	background-image: url(../images/tmp2/button-sep.gif);
	padding: 0px 0px 0px 0px;
}
.EditScreen_IB_Cap_Left
{
	width: 12px;
	height: 24px;
	background-image: url(../images/tmp2/button-cap-left.gif);
}
.EditScreen_IB_Cap_Right
{
	width: 12px;
	height: 24px;
	background-image: url(../images/tmp2/button-cap-right.gif);
}
*/


/* Cut these out */
.EditScreen_Apply,
.EditScreen_ApplyClose,
.EditScreen_Cancel
{
    font-weight: normal;
    font-size: 12px;
    font-family: Calibri;
    white-space: nowrap;
    padding: 0px 0px 0px 0px;
}
.EditScreen_Cancel
{
	text-align: right;
}

.EditScreen_Apply a:link,
.EditScreen_ApplyClose a:link,
.EditScreen_Cancel a:link,
.EditScreen_Apply a:visited,
.EditScreen_ApplyClose a:visited,
.EditScreen_Cancel a:visited,
.EditScreen_Apply a:active,
.EditScreen_ApplyClose a:active,
.EditScreen_Cancel a:active
{
	color: Black;
	text-decoration: none;
}
.EditScreen_Apply a:hover,
.EditScreen_ApplyClose a:hover,
.EditScreen_Cancel a:hover
{
	color: Black;
	text-decoration: underline
}

.EditScreen_Apply_IB,
.EditScreen_Apply_IB_Hover
{
	width: 73px;
	height: 22px;
}
.EditScreen_Apply_IB
{
	background-image: url(../images/tmp/save.gif);
}
.EditScreen_Apply_IB_Hover
{
	background-image: url(../images/tmp/save_over.gif);
}

.EditScreen_ApplyClose_IB,
.EditScreen_ApplyClose_IB_Hover
{
	width: 98px;
	height: 22px;
}
.EditScreen_ApplyClose_IB
{
	background-image: url(../images/tmp/save_exit.gif);
}
.EditScreen_ApplyClose_IB_Hover
{
	background-image: url(../images/tmp/save_exit_over.gif);
}

.EditScreen_Cancel_IB,
.EditScreen_Cancel_IB_Hover
{
	width: 74px;
	height: 22px;
}
.EditScreen_Cancel_IB
{
	background-image: url(../images/tmp/cancel.gif);
}
.EditScreen_Cancel_IB_Hover
{
	background-image: url(../images/tmp/cancel_over.gif);
}

.EditScreen_Delete_IB,
.EditScreen_Delete_IB_Hover
{
	width: 77px;
	height: 22px;
}
.EditScreen_Delete_IB
{
	background-image: url(../images/tmp/delete.gif);
}
.EditScreen_Delete_IB_Hover
{
	background-image: url(../images/tmp/delete_over.gif);
	
}