/* ------------------------------------------ */
/* Main Grids */
/* ------------------------------------------ */

body{
	background-color:#F5F5F5;

}

TABLE.ActualCMSDimensions  { 
	position:absolute;
	left:10;
	top:9;
	width:580px;
	height:480px;
}

TABLE.ActualSignInDimensions  { 
	position:absolute;
	left:10;
	top:10;
	width:580px;
	height:170px;
}

TABLE.ActualCMSMenuDimensions  { 

	position:absolute;
	left:10;
	top:9;
	width:160px;
	height:280px;
}

TABLE.ActualCMSHeaderDimensions  { 

	position:absolute;
	left:10;
	top:10;
	width:815px;
	height:100px;
}


TABLE.login  { 

	background-color: #FFFFFF; 
	border-right: 1px solid #D5D5AF;
	border-left: 1px solid #D5D5AF;
}

TABLE.FormBars_SectionTitle  { 

	border-color: #D5D5AF;
	border-width: 0 0 2px 0;
	border-style: solid;
	width: 592px;
	height:31px;
}

TABLE.Messages  { 

	border-color: #D5D5AF;
	border-width: 0 0 2px 0;
	border-style: solid;
	width: 692px;
	height:31px;
}

TABLE.MenuBorder { 

	border-color: #D5D5AF;
	border-width: 0px 1px 0px 1px;
	border-style: solid;

}

TABLE.FormBars_SectionTitle_CMSMEnu  { 

	border-color: #D5D5AF;
	border-width: 0 0 2px 0;
	border-style: solid;
	width: 170px;
	height:31px;
}

TABLE.FormBars_Message  { 

	border-color: #D5D5AF;
	border-width: 0 0 0px 0;
	border-style: solid;
	width: 550px;
	height:31px;
}

.MenuPosition  { 

	position:absolute;
	left:20;
	top:9;
	width:160px;
	height:280px;
}


TD.CMSHeader  { 
	 
	border-bottom: 0px solid #D5D5AF;
	height: 44px;
}


TD.Section_Title  { 
	 
	width:434px;
}

TD.CMSSystemInfo  { 
	background-color: #F5F6E8;
	height:6px;
	padding: 0px;
	border-color: #EFF0DD;
	border-style: solid;
	border-width: 1px 0px 1px 0px;
}

DIV.divCMSSystemInfo  { 
	FILTER: alpha(opacity=85); 
	border-color: #D5D5AF;
	border-width: 0px 1px 1px 1px;
	border-style: solid; 
	BACKGROUND-COLOR: #F7F7F7;
	moz-opacity: .9; 
	position:absolute; 
	left:672; top:130; 
	width:200; 
	height=150;
	
	
}

DIV.Header  { 
	moz-opacity: .9; 
	position:absolute; 
	left:13; top:21; 
	width:500; 
	height=150;
	
}

TD.CMSGradient  { 
	border-bottom: 0px solid #D5D5AF;
	width: 100%;
	background-image: url(../images/MainGrid_Gradient.gif)
}



/* ------------------------------------------ */
/* Animated Drop Dowm menu for settings & Help
/* ------------------------------------------ */

/* System Info Panel */

#MenuHolder {position:absolute; left:579; top:77; width:200; height:150; clip:rect(0,400,150,0);  visibility:visible; }
#SettingsPanel {position:absolute; left:0; top:0; width:200; height:150;  background:#F5F6E8;visibility:hidden }


/* Help Panel */

#HelpHolder {position:absolute; left:21; top:170; width:522; height:267; clip:rect(0,522,267,0);  visibility:hidden; z-index:100}
#HelpPanel {FILTER: alpha(opacity=90); moz-opacity: .9; position:absolute; left:0; top:0; width:522; height:267; clip:rect(0,522,267,0); background:#F5F6E8;visibility:Hidden;}
#HelpPanelTitle {position:absolute; left:10; top:10; width:460; text-align:left; z-index:101}
#HelpContent {position:absolute; overflow:auto; left:10; top:50; width:500; height:200; text-align:left}
#HelpPanel_Minimise{position:absolute; left:480; top:10;}
#HelpPanel_Close{position:absolute; left:500; top:10;}

/* ------------------------------------------ */
/* Data Grid Styles */
/* ------------------------------------------ */

TD.GridCellHeaderFirst{ 

	border-color: #D5D5AF;
	border-width: 1px 1px 0 0;
	border-style: solid;
	height: 25px;
	FONT-SIZE: 9px; 
	height=15px; 
	COLOR: #ABAD6D;
	LINE-HEIGHT: 15px; 
	FONT-FAMILY: verdana, arial, helvetica, sans-serif
}


TD.GridCellHeaderLast{ 

	border-color: #D5D5AF;
	border-width: 1px 1px 0 0;
	border-style: solid;
	height: 25px;
	FONT-SIZE: 9px; 
	height=15px; 
	COLOR: #ABAD6D;
	LINE-HEIGHT: 15px; 
	FONT-FAMILY: verdana, arial, helvetica, sans-serif
	background-color: green;
}

TD.GridCellHeader{ 

	border-color: #D5D5AF;
	border-width: 1px 1px 0 0;
	border-style: solid;
	height: 25px;
	FONT-SIZE: 9px; 
	height=15px; 
	COLOR: #ABAD6D;
	LINE-HEIGHT: 15px; 
	FONT-FAMILY: verdana, arial, helvetica, sans-serif
	background-color: #F5F6E8;
}


/* ------------------------------------------ */
/* Form styles				      */
/* ------------------------------------------ */


.FormField {
	FONT-SIZE: 9px; 
	WIDTH:250px;
	height=15px; 
	COLOR: #000000; 
	LINE-HEIGHT: 9px; 
	FONT-FAMILY: verdana, arial, helvetica, sans-serif
}

.FormButton {
	FONT-SIZE: 9px; 
	width:250px;
	COLOR: #000000; 
	LINE-HEIGHT: 9px; 
	FONT-FAMILY: arial, helvetica, sans-serif
}

/* Used for forms which but right up to edge of right margin (no scrollbar) */

TABLE.Form  { 

	height: 48px;
	width: 550px;
	empty-cells: show;
	border-width: 0 0 1px 1px;
   	border-style: solid;
	border-color: #D5D5AF;
	padding: 4px;
}

TABLE.PublishOptionForm  { 

	height: 28px;
	width: 550px;
	empty-cells: show;
	border-width: 0 0 1px 1px;
   	border-style: solid;
	border-color: #D5D5AF;
	padding: 4px;
}

/* Used for forms which end short of right margin to accomodate scrollbar */

TABLE.FormScroll  { 

	height: 48px;
	width: 568px;
	empty-cells: show;	
	border-width: 0 0px 1px 1px;
   	border-style: solid;
	border-color: #D5D5AF;
	padding: 4px;
}


TD.FormCellLabel{ 

	border-color: #D5D5AF;
	border-width: 1px 1px 0 0;
	border-style: solid;
	height: 25px;
	background-color: #ffffff;

}

/* used for fields such as created by and date created date which are just info field */
TD.FormCellLabelNonInteractive{ 

	border-color: #D5D5AF;
	border-width: 1px 1px 0 0;
	border-style: solid;
	height: 25px;
	background-color: #ffffff;

}


TD.FormCellField{ 

	border-color: #D5D5AF;
	border-width: 1px 1px 0 0;
	border-style: solid;
	
}

/* used for fields such as created by and date created date which are just info field */
TD.FormCellFieldNonInteractive{ 

	border-color: #D5D5AF;
	border-width: 1px 1px 0 0;
	border-style: solid;
	
}



TABLE.SystemInfoForm  { 

;
	empty-cells: show;
	border-bottom: 1px solid #D5D5AF;
	padding: 4px;
	width=100%
}

TD.SystemInfoSystemInfoCellLabel{ 

	border-color: #D5D5AF;
	border-width: 0 0 0 0;
	border-style: solid;
	/*width: 100px*/;
}

TD.SystemInfoSystemInfoCellField{ 

	border-color: #D5D5AF;
	border-width: 0px 0 0 0;
	border-style: solid;
	background-color: #F5F6E8;
	/*width: 120px*/;
}



/* ------------------------------------------ */
/* Scrollable layers				      */
/* ------------------------------------------ */

.divPublishedHistory{
	overflow:auto;height:160;width:580;z-index:5;scrollbar-face-color: #F0F0F0;scrollbar-shadow-color: #F0F0F0;scrollbar-highlight-color: #F0F0F0;scrollbar-3dlight-color: #BDB6B5; scrollbar-darkshadow-color: #BDB6B5; scrollbar-track-color: #E7E3E7; scrollbar-arrow-color: #999999}
}

.divPending{
	overflow:auto;height:160;width:580;z-index:5;scrollbar-face-color: #F0F0F0;scrollbar-shadow-color: #F0F0F0;scrollbar-highlight-color: #F0F0F0;scrollbar-3dlight-color: #BDB6B5; scrollbar-darkshadow-color: #BDB6B5; scrollbar-track-color: #E7E3E7; scrollbar-arrow-color: #999999}
}

.divGenericListItems{
	overflow:auto;height:320;width:580;z-index:5;scrollbar-face-color: #F0F0F0;scrollbar-shadow-color: #F0F0F0;scrollbar-highlight-color: #F0F0F0;scrollbar-3dlight-color: #BDB6B5; scrollbar-darkshadow-color: #BDB6B5; scrollbar-track-color: #E7E3E7; scrollbar-arrow-color: #999999}
}

.divGenericFormItems{
	overflow:auto;height:300;width:580;z-index:5;scrollbar-face-color: #F0F0F0;scrollbar-shadow-color: #F0F0F0;scrollbar-highlight-color: #F0F0F0;scrollbar-3dlight-color: #BDB6B5; scrollbar-darkshadow-color: #BDB6B5; scrollbar-track-color: #E7E3E7; scrollbar-arrow-color: #999999}
}
.divGenericFormItemsNoPublish{
	overflow:auto;height:280;width:580;z-index:5;scrollbar-face-color: #F0F0F0;scrollbar-shadow-color: #F0F0F0;scrollbar-highlight-color: #F0F0F0;scrollbar-3dlight-color: #BDB6B5; scrollbar-darkshadow-color: #BDB6B5; scrollbar-track-color: #E7E3E7; scrollbar-arrow-color: #999999}
}

.divPreviewImage{
	overflow:auto;height:160;width:400;z-index:5;scrollbar-face-color: #F0F0F0;scrollbar-shadow-color: #F0F0F0;scrollbar-highlight-color: #F0F0F0;scrollbar-3dlight-color: #BDB6B5; scrollbar-darkshadow-color: #BDB6B5; scrollbar-track-color: #E7E3E7; scrollbar-arrow-color: #999999}
}




/* ------------------------------------------ */
/* Text Styles				      */
/* ------------------------------------------ */




.CMSName{
	FONT-SIZE: 13px; 
	COLOR: black; 
	LINE-HEIGHT: 15px; 
	FONT-FAMILY: Tahoma, helvetica, sans-serif
}



.Home_GridHeadings{
	FONT-SIZE: 11px; 
	COLOR: black; 
	LINE-HEIGHT: 15px; 
	FONT-FAMILY: Tahoma, helvetica, sans-serif
}

.ErrorMsg{
	FONT-SIZE: 10px; 
	COLOR: red; 	
	LINE-HEIGHT: 15px; 
	FONT-FAMILY:arial, Tahoma, helvetica, sans-serif
}

.RequiredFieldAsterisk{
	FONT-SIZE: 9px; 
	COLOR: red; 
	LINE-HEIGHT: 15px; 
	FONT-FAMILY:arial, Tahoma, helvetica, sans-serif
}

.greenAsterisk{
	FONT-SIZE: 9px; 
	COLOR: green;
	LINE-HEIGHT: 15px; 
	FONT-FAMILY:arial, Tahoma, helvetica, sans-serif
}


.SectionTitle{
	FONT-FAMILY: Tahoma,verdana;
	FONT-SIZE: 11px;
	letter-spacing: 0px;
	COLOR: #000000;
}

.MenuItem{
	FONT-FAMILY: Tahoma,verdana;
	FONT-SIZE: 17px;
	letter-spacing: 0px;
	COLOR: #000000;
}

.Menuholder{
	position:absolute;
	left:14;
	top:60;
	FONT-FAMILY: Tahoma,verdana;
	FONT-SIZE: 17px;
	letter-spacing: 0px;
	COLOR: #000000;
}



a.LoggedIn:active
{
	FONT-SIZE: 9px; 
	COLOR: #9F9F9F;
	LINE-HEIGHT: 15px; 
	FONT-FAMILY: Tahoma, helvetica, sans-serif;
	text-decoration: none;
}
a.LoggedIn:link
{
	FONT-SIZE: 9px; 
	COLOR: #9F9F9F;
	LINE-HEIGHT: 15px; 
	FONT-FAMILY: Tahoma, helvetica, sans-serif;
	text-decoration: none;
}
a.LoggedIn:visited
{
	FONT-SIZE: 9px; 
	COLOR: #9F9F9F;
	LINE-HEIGHT: 15px; 
	FONT-FAMILY: Tahoma, helvetica, sans-serif;
	text-decoration: none;
}
a.LoggedIn:hover
{
	FONT-SIZE: 9px; 
		COLOR: #9F9F9F;
	LINE-HEIGHT: 15px; 
	FONT-FAMILY: Tahoma, helvetica, sans-serif;
	text-decoration: underline;
}




a.MenuItem:active
{
	FONT-SIZE: 11px;
	color: #9F9F9F;
	text-decoration: none;
	FONT-FAMILY: tahoma, arial,verdana;
}
a.MenuItem:link
{
	FONT-SIZE: 11px;
	color: #9F9F9F;
	FONT-FAMILY: tahoma, arial,verdana;   
	font-size:10px;
}
a.MenuItem:visited
{
	FONT-SIZE: 11px;
	color: #9F9F9F;
	text-decoration: none;
	FONT-FAMILY: tahoma, arial,verdana;
}
a.MenuItem:hover
{
	FONT-SIZE: 11px;
	color: #000000;
	FONT-FAMILY: tahoma, arial,verdana;
}

.CMSTitle{
	FONT-FAMILY: Tahoma,verdana;
	FONT-SIZE: 18px;
	letter-spacing: 1px;
	COLOR: #000000;
}

.LanguageSelector{
	FONT-FAMILY: Tahoma,verdana;
	FONT-SIZE: 9px;
	letter-spacing: 1px;
	COLOR: #9D9D9C;
}
 
TD{
	FONT-FAMILY: verdana;
	FONT-SIZE: 10px;
	letter-spacing: .7px;
	COLOR: #B0B0B0;
}

.msgError{
	FONT-FAMILY: verdana;
	FONT-SIZE: 10px;
	letter-spacing: .7px;
	COLOR: red;
}

.msgSuccess{
	FONT-FAMILY: verdana;
	FONT-SIZE: 10px;
	letter-spacing: .7px;
	COLOR: green;
}

.key{
	FONT-FAMILY: verdana;
	FONT-SIZE: 10px;
	letter-spacing: .7px;
	COLOR: green;
}

.clock{
	FONT-FAMILY: tahoma, arial,verdana;
	FONT-SIZE: 8px;
	letter-spacing: 1px;
	COLOR: #000000
}

.settings{
	FONT-FAMILY: verdana;
	FONT-SIZE: 9px;
	letter-spacing: .7px;
	COLOR: #B0B0B0;
}


a:active
{
	FONT-SIZE: 10px;
	color: #B0B0B0;
	text-decoration: none;
	FONT-FAMILY: tahoma, arial,verdana;
}
a:link
{
	FONT-SIZE: 10px;
	color: #B0B0B0;
	FONT-FAMILY: tahoma, arial,verdana;   
	font-size:10px;
}
a:visited
{
	FONT-SIZE: 10px;
	color: #B0B0B0;
	text-decoration: none;
	FONT-FAMILY: tahoma, arial,verdana;
}
a:hover
{
	FONT-SIZE: 10px;
	color: #B0B0B0;
	text-decoration: underline ;
	FONT-FAMILY: tahoma, arial,verdana;
}


a.MenuItem:active
{
	FONT-SIZE: 11px;
	color: #B0B0B0;
	text-decoration: none;
	FONT-FAMILY: tahoma, arial,verdana;
}
a.MenuItem:link
{
	FONT-SIZE: 11px;
	color: #B0B0B0;
	text-decoration: none;
	FONT-FAMILY: tahoma, arial,verdana;
}
a.MenuItem:visited
{
	FONT-SIZE: 11px;
	color: #B0B0B0;
	text-decoration: none;
	FONT-FAMILY: tahoma, arial,verdana;
}
a.MenuItem:hover
{
	FONT-SIZE: 11px;
	color: #000000;
	text-decoration: none;
	FONT-FAMILY: tahoma, arial,verdana;
}


.HelpPanel_title{
	FONT-FAMILY: verdana;
	FONT-SIZE: 10px;
	letter-spacing: .7px;
	COLOR: #000000;
}

.HelpPanel_content{
	FONT-FAMILY: verdana;
	FONT-SIZE: 10px;
	letter-spacing: .7px;
	COLOR: #000000;
}


/* ------------------------------------------ */
/* SystemInfo styles				      */
/* ------------------------------------------ */

.SystemInfoLabel{
	FONT-FAMILY: arial, verdana;
	FONT-SIZE: 9px;
	letter-spacing: .7px;
	COLOR: #ACACAC;
}