﻿/*
BODY, TABLE, FORM 
{
	FONT: x-small/1.3 Verdana
}
*/

div#bar
{
	position: absolute;
	left: 0;
	top: -27px;
	z-index: 100;
	width: 100%;
	background-image: url(images/toolbar-bg.gif);
	background-repeat: repeat-x;
	background-position: left 1px;
}

div#bar div.bottomBorder
{
	width: 1001px;
	margin-left: auto;
	margin-right: auto;
	border-left: solid 1px #7b91b8;
	border-right: solid 1px #7b91b8;
	height: 23px;
}

div#autohide
{
	clear: both;
	margin-top: 1px;
	margin-left: 49%;
}

div#autohide img
{
	cursor: pointer;
}

.ToolbarTopGroup
{
	cursor: default;
	background-image: url(images/toolbar-bg.gif);
	background-repeat: repeat-x;
	background-position: left 1px;
	background-color: #fff;
	font-size: 11px;
}

.ToolbarMenuGroup
{
	background-image: url(images/top-menu-bg.gif);
	background-repeat: repeat-y;
	border: solid 1px #8193b9;
	cursor: default;
	background-color: #e3f1fc;
	cursor: default;
	width: 19.5em;
	font-size: 11px; /*margin-top:2px;*/
}

.ToolbarTopMenuItem
{
	border: 0;
	cursor: pointer;
	font-family: Arial;
	font-weight: bold;
	font-size: 11px;
	color: #3f557e;
}

.ToolbarTopMenuItemHover
{
	border: 0;
	cursor: pointer;
	padding: 0 0.1em 0 0.1em;
	font-family: Arial;
	font-weight: bold;
	font-size: 11px;
	color: #3f557e;
}

.ToolbarMenuItem
{
	color: #656668;
	font-family: "Trebuchet MS";
	font-size: 11px;
	cursor: default;
	height: 21px;
	margin: 0;
	padding: 0;
}

.ToolbarMenuItemHover
{
	background-color: #e3f1fc;
	font-family: "Trebuchet MS";
	font-size: 11px;
	background-image: url(images/top-item-hover.gif);
	background-repeat: repeat-y;
	cursor: pointer;
	height: 21px;
	margin: 0;
	padding: 0;
}

.ToolbarMenuBreak
{
	background-image: url(images/break.gif);
	width: 100%;
	height: 1px;
	margin-left: 18px;
}

.ToolbarVerticalMenuBreak
{
	background-image: url(images/toolbar-menu-break.gif);
	background-repeat: no-repeat;
	width: 20px;
	height: 21px;
}

.StartSpace
{
	width: 10px;
	height: 21px;
}

.BigGap
{
	width: 220px;
	height: 21px;
}

.SiteEditorText
{
	font-family: "Trebuchet MS";
	font-size: 12px;
	font-weight: bold;
	color: #666;
}

.button1, .button1Hover, .primarybutton1, .primarybutton1Hover, .primarybutton3, .primarybutton3Hover
{
	background-repeat: no-repeat;
	background-color: Transparent;
	height: 25px;
	padding: 3px 0 7px 0;
	border: 0;
	font-family: "Trebuchet MS";
	font-weight: bold;
	font-size: 1.0em;
	color: #102a5c;
	cursor: pointer;
}

.button1
{
	background-image: url(images/btn01.png);
	width: 70px;
}

.button1Hover
{
	background-image: url(images/btn01-hover.png);
	width: 70px;
}

.primarybutton1
{
	background-image: url(images/primary-btn01.png);
	width: 70px;
}

.primarybutton1Hover
{
	background-image: url(images/primary-btn01-hover.png);
	width: 70px;
}

.primarybutton3
{
	background-image: url(images/primary-btn03.png);
	width: 110px;
}

.primarybutton3Hover
{
	background-image: url(images/primary-btn03-hover.png);
	width: 110px;
}

input.textBoxes, select, textarea
{
	font-family: "Trebuchet MS";
	font-size: 1.0em;
	color: #666;
	background-color: #f7fbff;
	border-top: solid 1px #859ec7;
	border-left: solid 1px #859ec7;
	border-bottom: solid 1px #d4d9e1;
	border-right: solid 1px #d4d9e1;
}

.CustomRenderedTool
{
	border: solid 1px #ccc;
	background-color: #efefef;
	padding-right: 10px;
}

.ImageFileLabel
{
	text-align: right;
	font-family: "Trebuchet MS";
	font-size: 0.9em;
	padding: 3px 0 0 17px;
	vertical-align: text-top;
	font-weight: bold;
	color: #5f7296;
}

.ImageFileControl
{
	padding: 3px 15px 0 2px;
}

.ImageFileTextArea
{
	border: solid 1px #CCCCCC;
	width: 150px;
	height: 40px;
}

.ImageFileText
{
	border: solid 1px #CCCCCC;
	width: 150px;
}

.ImageFileButton
{
	padding: 5px 0px 15px 0px;
}

.ImageFileCancelButton
{
	padding-right: 5px;
}

.ImageFileTable
{
	padding-top: 5px;
}

span.required
{
	color: #ff0000;
}


/** Begin Styles for Type of Content Context Menu User Control for FWXML Container **/

div.contextMenuContainer
{
	border: solid 1px #cc6600;
	background-image: url(images/cmUserControl-bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #546688;
	padding: 3px;
	width: 497px;
}

div.contentTemplates
{
	width: 385px;
}

div.contentTemplates div.contextMenuContent label.labels span.formLabels
{
	width: 155px;
	font-weight: bold;
	color: #5f7296;
}

div.contextMenuContainer div.contextMenuContent label.labels
{
	display: block;
	clear: both;
	padding: 2px 0 2px 0;
}

div.contextMenuContainer div.contextMenuContent label.lastRow
{
	padding: 10px 10px 5px 0;
	margin-left: 40px;
}

div.contextMenuContainer div.contextMenuContent label.labels input.textBoxes
{
	width: 195px;
}

div.contextMenuContainer div.contextMenuContent label.labels .radioButtonWrapper
{
	display: block;
	float: left;
}

div.contextMenuContainer div.contextMenuContent label.labels textArea
{
	width: 345px;
}

div.contextMenuContainer div.contextMenuContent label.labels select
{
	width: 200px;
}

div.contextMenuContainer div.contextMenuContent label.labels span.formLabels span
{
	font-weight: normal;
}

div.contextMenuContainer div.contextMenuContent label.lastRow input.button1, div.contextMenuContainer div.contextMenuContent label.lastRow input.button1Hover
{
	margin-left: 10px;
}

div.contentTemplatesType
{
	width: 240px;
	float: left;
	padding: 5px;
}

div.contextMenuType
{
	width: 230px;
	padding: 5px;
	float: left;
	background-image: url(images/grid-footer-bg.gif);
	background-repeat: repeat-y;
	background-position: left top;
	background-color: #ffffff;
}

span.formLabelsType
{
	padding-left: 10px;
	padding-bottom: 7px;
	font-weight: bold;
	color: #5f7296;
}

.contentListBox
{
	float: left;
	margin-left: 9px;
}

/** End Styles for Type of Content Context Menu User Control for FWXML Container  **/

/** Styles for the shadow container **/
div.boxShadow
{
	float: left;
	background: url(images/full-shadow.png) no-repeat bottom right;
	margin: 0 0 0 -5px;
	padding-right: 3px;
}

div.boxShadow div.boxContainer
{
	background: url(images/shadow-inverse2.png) no-repeat left top !important;
	padding: 0px 7px 6px 0px;
	float: left;
}

div.boxContainer div.boxHeader
{
	border: solid 1px #10A9C5;
	border-bottom: 0;
	display: table;
	background-image: url(images/box-header-bg.gif);
	background-repeat: repeat-x;
	background-color: #a8c3f0;
	color: #fff;
	width: 100%;
}

div.boxHeader h3, div.boxHeader h4, div.boxHeader h5
{
	padding: 5px 0 5px 10px;
}

div.boxContainer div.paddingContainer
{
	padding: 0 4px 4px 4px;
	border: solid 1px #10A9C5;
	border-top: 0;
	background-image: url(images/paddingImage.gif);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #a1c1fa;
}

div.boxContainer div.paddingContainer div.boxContent
{
	background-image: url(images/grid-footer-bg.gif);
	background-position: left;
	background-repeat: repeat-y;
	background-color: #fff;
	border: solid 1px #a1a1a1;
}

/** Styles for the shadow container **/

/** Footer Styles Start **/
div.iappsCMfooterWrapper
{
	clear: both;
	width: 100%;
	min-width: 1003px;
	margin-top: 20px;
	border-top: solid 1px #ccc;
	display: block;
	visibility: hidden;
}

div.iappsCMfooter
{
	width: 1003px;
	border-top: 0;
	margin-left: auto;
	margin-right: auto;
}

div.iappsCMfooterImages
{
	float: right;
}

span.logo2
{
	padding: 7px 14px 0 14px;
}

span.logo1
{
	padding: 10px 0 0 14px;
	height: 35px;
	display: block;
	float: right;
}

/** Footer Styles End **/

/** Error Page Styles Starts **/

div.iappsCMcontentSection, div.iappsCMheader, div.iappsCMheaderUserInformation
{
	width: 1003px;
	margin-left: auto;
	margin-right: auto;
}

div.iappsCMWrapper
{
	/*background-image: url(images/content-bg.gif); 	background-repeat: repeat-x; 	background-position: left top;*/
	padding-top: 20px;
	width: 100%;
	min-width: 1003px;
}

div.iappsCMheaderWrapper
{
	width: 100%;
	min-width: 1003px;
	background-image: url(images/header-bg-new.gif);
	background-repeat: repeat-x;
}

div.iappsCMheader
{
	font-size: 1.1em;
	height: 4.2em;
}

div.iappsCMuserInformationWrapper
{
	background-image: url(images/userinfo-bg-new.gif);
	background-position: left top;
	background-repeat: repeat-x;
	width: 100%;
	min-width: 1003px;
	padding-bottom: 2px; /*border-top: solid 1px #a3a3a3;*/
}

div.iappsCMheaderUserInformation
{
	padding-top: 1px;
	clear: both;
	display: table;
	line-height: 2.3em;
}

/** Error Page Styles Starts **/
