/* ******************************************* */
/* Body										   */
/* ******************************************* */

form {
    margin-top : 0px;
    margin-bottom : 0px;
}

body {
	background-color: #F1F2F3;
	background-image:  url(/EasySite/images/admin_bg.gif);
	background-repeat : no-repeat;
	background-position: 0mm 0mm;
    font-family : trebuchet, trebuchet MS, verdana, helvetica, arial, sans-serif;
}

b {
	font-weight : bold;
}

u  {
	text-decoration : underline;
}

i  {
	font-style : italic;
}

ul {
	margin-top : 3px;
	margin-bottom : 4px;
}

/* ******************************************* */
/* Default Classless Anchor tag				   */
/* ******************************************* */
a {
	color : #0067e4;
    text-decoration : none;
}

a:visited {
	color : #0067e4;
    text-decoration : none;
}

a:active {
	color : #1B5EB0;
	text-decoration : underline;
}

a:hover {
	color : #1B5EB0;
	text-decoration : underline;
}

/* ******************************************* */
/* Standard Text & links					   */
/* ******************************************* */

.NormalTiny  {
	color : #000000;
	font-size : 11px;
	font-family : trebuchet, trebuchet MS, verdana, helvetica, arial, sans-serif;
}

.NormalSml  {
	color : #000000;
	font-size : 12px;
	font-family : trebuchet, trebuchet MS, verdana, helvetica, arial, sans-serif;
}

.NormalMed  {
	color : #000000;
	font-size : 13px;
	font-family : trebuchet, trebuchet MS, verdana, helvetica, arial, sans-serif;
}

.NormalLrg  {
	color : #000000;
	font-size : 16px;
	font-family : trebuchet, trebuchet MS, verdana, helvetica, arial, sans-serif;
}

.Error  {
	color : #AA0000;
	font-size : 12px;
	font-family : trebuchet, trebuchet MS, verdana, helvetica, arial, sans-serif;
}

/* ******************************************* */
/* Forms									   */
/* ******************************************* */

.FormQuestion  {
	color : #000000;
	font-size : 12px;
	font-family : trebuchet, trebuchet MS, verdana, helvetica, arial, sans-serif;
    font-weight : bold;
}

.FormInputComment  {
	color : #000000;
	font-size : 11px;
	font-family : trebuchet, trebuchet MS, verdana, helvetica, arial, sans-serif;
}

.FormQuestionComment  {
	color : #000000;
	font-size : 12px;
	font-family : trebuchet, trebuchet MS, verdana, helvetica, arial, sans-serif;
}

.FormQuestionWarning  {
	color : #ff0000;
	font-size : 12px;
	font-family : trebuchet, trebuchet MS, verdana, helvetica, arial, sans-serif;
}

/* ******************************************* */
/* Template Form + Input Boxes				   */
/* ******************************************* */

input.FileBox {
    background-color : #f6faff;
    width     : 250px;
    border    : 1px black solid;
    font-size : 12px;
    font-family : arial, verdana, sans-serif;
}

input.RemoveCheckBox {
	height : 14px;
	width : 14px;
}

input.AltTextBox {
    background-color : #f6faff;
    width       : 250px;
    border      : 1px black solid;
    font-size   : 13px;
    font-family : arial, verdana, sans-serif;
}

input.DateBox {
    background-color : #f6faff;
    width       : 80px;
    border      : 1px black solid;
    font-size   : 13px;
    font-family : trebuchet, trebuchet MS, verdana, sans-serif;
}

input.MetaDataBox {
    background-color : #f6faff;
    width       : 630px;
    border      : 1px black solid;
    font-size   : 13px;
    font-family : arial, verdana, sans-serif;
}

input.PageTitleBox {
    background-color : #f6faff;
    width     : 280px;
    border    : 1px black solid;
    font-size : 13px;
    font-family : arial, verdana, sans-serif;
}

.ButtonBoxTable {
    border    : 1px black solid;
}

input.PageLinkBox {
    background-color : #f6faff;
    width     : 150px;
    border    : 1px black solid;
    font-size : 13px;
    font-family : arial, verdana, sans-serif;
}

input.PageCategoryPath {
    background-color : #E2E3E4;
    width     	: 200px;
    border    	: 0px black solid;
    font-size 	: 11px;
    font-family : arial, verdana, sans-serif;
	readOnly	: true;
}

textarea {
    background-color : #f6faff;
    border    : 1px black solid;
    font-size : 13px;
    font-family : arial, verdana, sans-serif;
}

textarea.PageCategoryPath {
    background-color : #D0D1CD;
    width     	: 200px;
	height     	: 30px;
    border    	: 0px black solid;
    font-size 	: 13px;
    font-family : arial, verdana, sans-serif;
	readOnly	: true;
	overflow	: auto;
}

select {
    background-color : #f6faff;
    border    : 1px black solid;
    font-size : 13px;
    font-family : arial, verdana, sans-serif;
}

/* ******************************************* */
/* Standard Text Boxes                         */
/* ******************************************* */

.TextBox {
    background-color : #f6faff;
    width     : 200px;
    border    : 1px black solid;
    font-size : 13px;
    font-family : arial, verdana, sans-serif;
}
.TextBoxLarge {
    background-color : #f6faff;
    width     : 280px;
    border    : 1px black solid;
    font-size : 13px;
    font-family : arial, verdana, sans-serif;
}
.TextBoxSmall {
    background-color : #f6faff;
    width     : 150px;
    border    : 1px black solid;
    font-size : 13px;
    font-family : arial, verdana, sans-serif;
}
.TextBoxTiny {
    background-color : #f6faff;
    width     : 80px;
    border    : 1px black solid;
    font-size : 13px;
    font-family : arial, verdana, sans-serif;
}

/* ******************************************* */
/* Result Tables							   */
/* ******************************************* */


.PageNavBar  {
	font-size : 11px;
	color : #000000;
	font-family : trebuchet, trebuchet MS, verdana, helvetica, arial, sans-serif;
}
a.ResultHeader  {
	color : #FFFFFF;
	text-decoration : underline;
}
a.ResultHeader:visited  {
	color : #FFFFFF;
	text-decoration : underline;
}
a.ResultHeader:active  {
	color : #FFFFFF;
	text-decoration : underline;
}
a.ResultHeader:hover  {
	color : #FFFFFF;
	text-decoration : underline;
}

.ResultHeader  {
	color : #FFFFFF;
	font-size : 12px;
	font-family : trebuchet, trebuchet MS, verdana, helvetica, arial, sans-serif;
	font-weight : bold;
}

.ResultHeaderSml  {
	color : #FFFFFF;
	font-size : 11px;
	font-family : trebuchet, trebuchet MS, verdana, helvetica, arial, sans-serif;
}

.ResultSml  {
	color : #000000;
	font-size : 12px;
	font-family : trebuchet, trebuchet MS, verdana, helvetica, arial, sans-serif;
}

.ResultMed  {
	color : #000000;
	font-size : 12px;
	font-family : trebuchet, trebuchet MS, verdana, helvetica, arial, sans-serif;
}

.ResultMedLink {
	font-size : 12px;
	font-family : trebuchet, trebuchet MS, verdana, helvetica, arial, sans-serif;
}

.ResultLrg  {
	color : #000000;
	font-size : 15px;
	font-family : trebuchet, trebuchet MS, verdana, helvetica, arial, sans-serif;
}

.ResultHeader  {
	background-color : #916A8C;
}

.ResultBorder  {
	background-color : #000000;
}

.ResultBodyPlain  {
	background-color : #F3F0F2;
}

.ResultAlt1  {
	background-color : #E9E4E8;
}

.ResultAlt2  {
	background-color : #F3F0F2;
}

.ResultBodyInactive  {
	background-color : #DAD9D9;
}

/* ******************************************* */
/* Console									   */
/* ******************************************* */

.ConsoleTitleSml  {
	color : #ffffff;
	font-size : 13px;
	font-family : trebuchet, trebuchet MS, verdana, helvetica, arial, sans-serif;
}

.ConsoleTitle  {
	color : #ffffff;
	font-size : 14px;
	font-family : trebuchet, trebuchet MS, trebuchet, trebuchet MS, verdana, helvetica, arial, sans-serif;
	font-weight : bold;
}

.ActiveItem  {
	color : #000000;
}

.InactiveItem  {
	color : #c0c0c0;
}

.ConsoleButtonLabel {
	color : #000000;
	font-size : 11px;
	font-family : trebuchet, trebuchet MS, verdana, helvetica, arial, sans-serif;
}

.ConsoleComment {
	color : #000000;
	font-size : 12px;
	font-family : trebuchet, trebuchet MS, verdana, helvetica, arial, sans-serif;
}

.ConsoleStatus {
	color : #000000;
	font-size : 11px;
	font-family : trebuchet, trebuchet MS, verdana, helvetica, arial, sans-serif;
}


.ConsoleQuestion {
	color : #000000;
	font-size : 12px;
	font-family : trebuchet, trebuchet MS, verdana, helvetica, arial, sans-serif;
}

table.Console  {
	background-color : #E2E3E4;
	border : 1px inset Black;
	margin : 0 auto;
}

td.ConsoleTitleBarBG  {
	background-color : #926A8D;
	background-image : url(/EasySite/images/con_titlefade.gif);
	background-repeat : repeat-x;
}

select {	
    background-color: #f6faff;
}

textarea {	
    background-color: #f6faff;
}

select.ConsoleBox {
	width: 415px;
	font-size : 13px;
	font-family:Courier New;
	border : 1px solid Black;
}

select.ConsoleSmall {
	width: 385px;
	font-size : 12px;
	font-family:Courier New;
	border : 1px solid Black;
}

select.ConsoleSmaller {
	width: 305px;
	font-size : 12px;
	font-family:Courier New;
	border : 1px solid Black;
}

select.ConsoleBoxTiny {
	width: 275px;
	font-size : 12px;
	font-family:Courier New;
	border : 1px solid Black;
}

select.ConsoleBoxLarge {
	width: 525px;
	font-size : 12px;
	font-family:Courier New;
	border : 1px solid Black;
}

input.ConsoleButton {
	font-family:Arial;
	font-size : 11px;
	width:90px;
	height:18px;
	background-image: url(/EasySite/images/con_buttonfade.gif);
	background-color: #D9D9D6;
	background-repeat: repeat;
	background-position: left center;
	border : 1px outset Black;
	color: #000000;
}

fieldset {
    border : 1px solid #c1c1c1;
}

div.MetaArea_MetaBox {
	border: none;
	padding: 10px 10px 10px 10px;
	width:100%;
}

div.MetaArea_Heading {
	border : 1px solid #663366;
	background: #916A8C;
	padding-left: 10px;
	padding-right: 4px;
	padding-top: 1px;
	padding-bottom: 1px;
	font-size : 11px;
}

div.MetaArea_MetaContent {
	background: #D9D9D9;
	border-bottom : 1px solid #663366;
	border-left : 1px solid #663366;
	border-right : 1px solid #663366;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 10px;
	padding-right: 10px;
}

.MetaArea_MetaElements {
	font-size : 11px;
	padding-top: 4px;
	padding-bottom: 4px;
}

.MetaArea_ElementTitle {
	font-weight: bold;
}

/*********************************************/
/* Modal windows							 */
/*********************************************/

.modalWindow {
	overflow-x : clip;
	overflow-y : scroll;
}

/* ******************************************* */
/* Content Editor popup windows				   */
/* ******************************************* */
.popup {
	background-color: #E2E3E4;
	background-image:  url(none);
    font-family : trebuchet, trebuchet MS, verdana, helvetica, arial, sans-serif;
}

.Popup	{
	width:450px;
	height:240px;
}

/* The class above (popup) seems to be duplicated (different case with widths) and this is causing problems in firefox  */
/* The following is a quick fix for this */

.popupNoWidth {
	background-color: #E2E3E4;
	background-image:  url(none);
    font-family : trebuchet, trebuchet MS, verdana, helvetica, arial, sans-serif;
}

.ColorPopup {
	width:450px;
	height:360px;
}
.SymbolPopup {
	width:450px;
	height:300px;
}
.LinkPopup {
	width:650px;
	height:300px;
}
.TablePopup {
	width:670px;
	height:350px;
}

.BrowsePopup	{
	width:640px;
	height:450px;
}
.SpellPopup	{
	width:450px;
	height:280px;
}

.CommandBar {
	text-align:center;
	align:center;
}
.CurrentColor {
	width:50%;
	border:1px solid #000000;
	margin-bottom:10px;
	position: relative;
	align:center;
	text-align:center;
}
.ScrollButton {
	width:18px;
	height:18px;
	background-color:#DDDEDF;
	border:2px outset;
	position:absolute;
	font-family:arial;
	font-size:16px;
	text-align:center;
	cursor:default;
}
.Scrollbar {
	width:266px;
	height:18px;
	background-color:#EAEBEC;
	position:absolute;
	text-align:left;
	vertical-align:middle;
}
.AncorPopup
{
	width:600px;
	height:300px;
}


.ScrollHandle {
	width:10px;
	height:22px;
	background-color:#DDDEDF;
	border:2px outset;
	position:relative;
	font-size:2pt;
}
.SymbolCell {
	padding:2px 2px 2px 2px;
	border:1px solid #ffffff;
}
.SymbolCellSelected {
	padding:2px 2px 2px 2px;
	border:1px dotted #000000;
}
.TabHolder {
	padding: 5px; 
	margin: 5px; 
	width: 100%; 
	position:relative; 
	left:-10px !important;
	left:0px;
}

.Tab {
	background-color: #D6D7D8;
	border-right: #000000 1px solid; 
	border-top:#ffffff 1px solid; 
	border-left:#ffffff 1px solid; 
	border-bottom:#ffffff 1px solid; 
	padding: 2px; 
	margin:0px; 
	float: left; 
	width: 125px; 
	color: #ffffff; 
	position: relative; 
	height: 25px; 
	text-align: center;
}
.TabSelected  {
	background: #DDDEDF;
	border-right: #000000 1px solid; 
	border-top:#ffffff 1px solid; 
	border-left:#ffffff 1px solid; 
	border-bottom: none; 
	padding: 2px; 
	margin:0px; 
	float: left; 
	width: 125px; 
	color: #ffffff; 
	position: relative; 
	height: 25px; 
	text-align: center;
}
.Tab2 {
	background-color: #D6D7D8;
	border-right: #000000 1px solid; 
	border-top:#ffffff 1px solid; 
	border-left:#ffffff 1px solid; 
	border-bottom:#ffffff 1px solid; 
	padding: 2px; 
	margin:0px; 
	float: left; 
	width: 165px; 
	color: #ffffff; 
	position: relative; 
	height: 25px; 
	text-align: center;
}
.TabSelected2  {
	background: #DDDEDF;
	border-right: #000000 1px solid; 
	border-top:#ffffff 1px solid; 
	border-left:#ffffff 1px solid; 
	border-bottom: none; 
	padding: 2px; 
	margin:0px; 
	float: left; 
	width: 165px; 
	color: #ffffff; 
	position: relative; 
	height: 25px; 
	text-align: center;
}
.TabLink {
	color: #0067e4;
	text-decoration: none;
	position: relative;
	width: 100%;
	height: 100%;
}
.TabLink:visited {
	color: #0067e4;
	text-decoration: none;
	width: 100%;
	height: 100%;
}
.TabLink:active {
	color: #0067e4;
	text-decoration: none;
	width: 100%;
	height: 100%;
}
.TabLink:hover {
	color: #0067e4;
	text-decoration: none;
	width: 100%;
	height: 100%;
}
.TabPane {
	background: #DDDEDF;
	border-right: #000000 1px solid; 
	margin: 0px; 
	height:100% !important;
	height:270px;
	border-left: #ffffff 1px solid; 
	padding:12px;
	border-bottom: #000000 1px solid; 
	position: relative;
	border-top:none;
}

.TabStrip {
	border: #D6D7D8 1px; 
	width:100%; 
	font-size:9pt;
	font-family: trebuchet, trebuchet MS, arial, helvetica, arial, sans-serif; 
	position: relative; 
	height: 25px; 
	text-align: left;
}
	
/****  Table editor *****/

.BorderAll {
	width:20px;
	height:20px;
	position:absolute;
	top:140px;
	left:140px;
	background-image:url('/Easysite/lib/ContentEditor/images/BorderAll.gif');
	background-position= center center;
}
.BorderTop {
	width:20px;
	height:20px;
	position:absolute;
	top:5px;
	left:70px;
	background-image:url('/Easysite/lib/ContentEditor/images/BorderTop.gif');
	background-position= center center;
}
.BorderLeft {
	width:20px;
	height:20px;
	position:absolute;
	top:70px;
	left:5px;
	background-image:url('/Easysite/lib/ContentEditor/images/BorderLeft.gif');
	background-position= center center;
}
.BorderRight {
	width:20px;
	height:20px;
	position:absolute;
	top:70px;
	left:140px;
	background-image:url('/Easysite/lib/ContentEditor/images/BorderRight.gif');
	background-position= center center;
}
.BorderBottom {
	width:20px;
	height:20px;
	position:absolute;
	top:140px;
	left:70px;
	background-image:url('/Easysite/lib/ContentEditor/images/BorderBottom.gif');
	background-position= center center;
}

.Selected {
	border:thin inset;
	}

.ContentSavedItem
{
    color: #339933;
}
.ContentInModerationItem
{
    color: #3300CC;
}
.ContentExpired
{
    color: #CC0000;
}

/* ******************************************* */
/* Spell Checker Context Menu    			   */
/* ******************************************* */
.ContextSpellMenu	{
	position: absolute;
	background-color: #E2E3E4;
	border:1px outset #E2E3E4;
}

.ContextSpellMenu div	{
	float:left;
	width:120px;
	height:1px;
	overflow:hidden;
	display:inline;
	clear:both;
	margin:2px;
	border-top:2px groove white;
}

.ContextSpellMenu a	{
	margin:0px 0px 0px 1px;
	padding:0px 0px 0px 1px; 
	border:1px solid #E2E3E4;
	float:left;
	font-size:12px;
	clear:both;
	width:120px;
}

.ContextSpellMenu a:hover	{
	border:1px inset white;
	color:black;
	background-color: #fff;
	text-decoration:none;
}