/* ================================
    CSS STYLES FOR WiSSCMS
   ================================
*/   

HTML,Body
{
	  font-family: Verdana, Tahoma, Arial, Helvetica ;
	  font-weight: normal;
      font-size:x-small;
	  color:#000000;
      margin:0;
      padding:0;
      height:100%;
      border:none
}
P,td
{
font-size:x-small;
}



/* PAGE BACKGROUND */
/* background color for the header at the top of the page  */
.HeadBg 
{
	background-color: #CCCCCC;
}

/* background color for the content part of the pages */
Body
{
	background-color: white;
}

/* background/border colors for the selected tab */
.TabBg 
{
    background-color: black;
    
}
TD.darkblue
{
	background-color:#00234d;
	}

.LeftPane  
{ 
	padding-left:0px;
	padding-right:0px;
	padding-top:0px;
	background-color:#00234d;
}

.ContentPane  
{ 
	padding-left:10px;
	padding-right:0px;
	padding-top:0px;
	background-color:#ffffff;
}

.RightPane  
{ 
	padding-left:0px;
	padding-right:0px;
	padding-top:0px;
	background-color:#ffffff;
}
	


.ContentTable
{
	/*background-image: url(images/bodyback.gif);  	*/
	/*background-color:#E6E2EC;*/
}

.TableContainer
{
  border-right:1px;
  border-top:0px;
  border-bottom:0px;
  border-left:0px;
  border-style:solid;
  /*border-color:gray;*/
}


/* Footer styles */

.Footer
	{
	padding-left:10px;
	padding-top:15px;
	padding-bottom:5px;
	}
	
	
.FooterWhite
	{
	padding-top:5px;
	font-size:  75%;
	border-top:solid 1px #c0c0c0;
	color:#a0a0a0;
	font-weight:  normal;
	background-color:#ffffff;
	}
	
.FooterBlue
	{
	padding-left:0px;
	padding-top:5px;
	padding-bottom:0px;
	width:185px;
	font-size:  80%;
	color:c0c0c0;
	font-weight:  normal;
	background-color:#00234d;
	}

	A.Footer:link
	{
	
	font-size:  90%;
	font-weight:    normal;
	color: #a0a0a0;
	}


	A.Footer:visited
	{
	
	font-size:  90%;
	font-weight:    normal;
	color: #a0a0a0;
	}

	A.Footer:active
	{
	
	font-size:  90%;
	font-weight:    normal;
	color: #a0a0a0;
	}

	A.Footer:hover
	{
	
	font-size:  90%;
	font-weight:    normal;
	color: #a0a0a0;
	}


.LoginTable
{
	position:relative;
	/*left:-x90%;*/
	/*top:-x90%;*/
	padding-bottom:3px;
	padding-top:3px;
	padding-left:3px;
	padding-right:3px;
	
	}


.TableContainer
{
  background-color:#F3F0F2;
  border-right:1px;
  border-top:0px;
  border-bottom:0px;
  border-left:0px;
  border-style:solid;
  border-color:gray;


}



/* style for page layout control */
.TableDesign
{
  background-color:whitesmoke;
  border:1px;
  border-style:dashed;
  border-color:black;
}

/* Admin Tables */

TABLE.Inner { BACKGROUND-COLOR: #ffffff; font-size:90%}
TD.Inner { BACKGROUND-COLOR: #dcdcdc; font-size:90% }
TD.InnerHeader { FONT-WEIGHT: bold; BACKGROUND-COLOR: #99cccc; font-size:90% }

/* UserDefinedTable */

.UserDefinedTableHeader
{
	
    font-size:90%;
    font-weight: bold;
    background-color:#DAD4CF;
    color:#000000;
    text-decoration:    none;
}

.UserDefinedTableItem
{
	
    font-size:90%;
    font-weight: normal;
    background-color:#E9E5E2;
}


/* GENERAL */
/* style for module titles */
.Head   {
    
    font-size:  small;
   font-weight:    bold;
    color: #333333;
}

/* style of item titles on edit and admin pages */
.SubHead    {
    
    font-size:x-small;
    font-weight:    bold;
    color:#0E4379;
}

.ModuleTitle{
    
    font-size:x-small;
    font-weight:    bold;
    color:#0E4379;
}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead {
    
    font-size:x-small;
    font-weight:    bold;
    color: #3ABA74;
}



/* text style used for most text rendered by modules */
.Normal
{
}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox
{
    
    font-size:x-small;
    font-weight: normal;
}
.SmallTextBox
{
    
    font-size:xx-small;
    font-weight: normal;
}

.AltTextBox
{
    
    font-size:x-small;
    font-weight: normal;
    
}

.OutputBox
{
    
    font-size:xx-small;
    font-weight: normal;
    border:solid 1px black;
    background-color:whitesmoke
}

.NormalSmall
{
    
    font-size:xx-small;
    font-weight: normal;

}

.NormalSmallBold
{
    
    font-size:xx-small;
    font-weight: bold;
}
.NormalGreen{color:#38aa6e}
.NormalRed
{
    
    font-size: 90%;
    font-weight: bold;
    color: #ff0000
}

.NormalBold
{
    
    font-size:x-small;
    font-weight: bold;
   
}

.NormalBoldRed
{
    
    font-size:x-small;
    font-weight: bold;
    color: #ff0000
   
}

.FormattingHints
{
    
    font-size:x-small;
    font-weight: normal;
    background-color:whitesmoke;
    padding:x90%;
	}


.EditRecords, A.EditRecords:active, A.EditRecords:visited, A.EditRecords:hover, A.EditRecords:link {
	font-size: x-small;
	font-weight: bold;
	background-color: #f19f04;
	padding:3px 3px 3px 3px;
	color: #ffffff;
}


/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton     {
    
    font-size:x-small;
    font-weight: normal;
    color:#000000;
      
}

A.CommandButtonWhite:link, A.CommandButtonWhite:visited, A.CommandButtonWhite:hover, A.CommandButtonWhite:active    {
    
    font-size:x-small;
    font-weight: bold;
    color:#ffffff;
      
}
    
/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link {
    text-decoration:    underline;
    color:#000000;
}

A.CommandButton:visited  {
    text-decoration:    underline;
    color:#000000;
}

A.CommandButton:active   {
    text-decoration:    underline;
    color:#000000;
}

A.CommandButton:hover    {
    text-decoration:    underline;
    color: #ff0000;
}
    
/* GENERIC */
H1  {
    
    font-size:larger;
    font-weight:    normal;
    color: #666644;
}

H2  {
    
    font-size:  medium;
    font-weight: bold;
    color: #666644;
}

H3  {
    
    font-size:  90%;
    font-weight:    normal;
    color: #003366;
}

H4  {
    
    font-size:small;
    font-weight:    normal;
    color: #003366;
}

H5, DT  {
    
    font-size:small;
    font-weight:    bold;
    color: #003366;
}

H6  {
    
    font-size:small;
    font-weight:    bold;
    color: #003366;
}

TFOOT, THEAD    {
    
    font-size:small;
    color: #003366;
}

TH  {
    vertical-align: baseline;
    
    font-size:small;
    font-weight:    bold;
    color: #003366;
}

A:link  {
    text-decoration:    underline;
    color:  #003366;
}

A:visited   {
    text-decoration:    underline;
    color:  #003366;
}

A:active    {
    text-decoration:    underline;
    color:  #003366;
}

A:hover {
    text-decoration:    underline;
    color:  #816F88;
}

SMALL   {
    font-size:xx-small;
}

BIG {
    font-size:  medium;
}

PRE {
    font-family:    Lucida Console, monospace;
}


UL LI   {
    list-style-type:    square ;
}

UL LI LI    {
    list-style-type:    disc;
}

UL LI LI LI {
    list-style-type:    circle;
}

OL LI   {
    list-style-type:    decimal;
}

OL OL LI    {
    list-style-type:    lower-alpha;
}

OL OL OL LI {
    list-style-type:    lower-roman;
}


/* text style used for breadcrumb */
.BreadCrumb
{
    
    font-size:x-small;
    font-weight: normal;
    color:  black;
}

A.BreadCrumb:link  {
    text-decoration:    none;
    color:  black;
}

A.BreadCrumb:visited   {
    text-decoration:    none;
    color:  black;
}

A.BreadCrumb:active    {
    text-decoration:    none;
    color:  black;
}

A.BreadCrumb:hover {
    text-decoration:    underline;
    color:  black;
}



/* MODULE-SPECIFIC */
/* text style for reading messages in Discussion */    

.PageTitle  
{
	
	/*border-bottom-style:dashed;
	border-bottom-width:1px;*/
	padding-top:20px;	
	padding-left:16px;
	
    font-size:x-small;
    font-weight: bold;
    color: #666644;
}

.Message    {
    
    font-size:x-small;
    font-weight: normal;
    font-size: 90%;
    background-color: #eeeeee
}   

/* style of item titles by Announcements and events */
.ItemTitle    {
    
    font-size:x-small;
    font-weight:    bold;
    color: #6C388C;
}

/* === Menu 1 Styles === */
.Menu1TopGroup
{
  background-color:white;
  /*border-left:solid 1px #c0c0c0;
  border-right:solid 1px #c0c0c0;
  border-bottom:solid 1px #c0c0c0;*/
  
  /*filter:progid:DXImageTransform.Microsoft.Shadow(color='#c0c0c0', Direction=135, Strength=3);*/
}

.Menu1Group
{
  background-color:white;
  border:1px;
  border-color:#c0c0c0;
  border-style:solid;
  
  /*filter:progid:DXImageTransform.Microsoft.Shadow(color='#c0c0c0', Direction=135, Strength=3); */
}


.Menu1ItemLevel0
{
	
  background-color:#e1e1e1;
  padding-top:2px;
  padding-bottom:2px;
  padding-left:4px;
  padding-right:4px;
  color:#6C388C; 
  font-family:Verdana, Tahoma, Arial, Helvetica;
  font-size:x-small; 
  font-weight:bold;
  border-bottom:solid 1px #c0c0c0;
  border-top:solid 1px #c0c0c0
      
  }

.Menu1ItemLevel0TopItem
{
	
  background-color:#e1e1e1;
  padding-top:2px;
  padding-bottom:2px;
  padding-left:4px;
  padding-right:4px;
  color:#6C388C; 
  font-family:Verdana, Tahoma, Arial, Helvetica;
  font-size:x-small; 
  font-weight:bold;
  border-bottom:solid 1px #c0c0c0;
  border-top:solid 1px #e1e1e1
      
  }  
  .Menu1ItemLevel0OverTopItem
{
	
  background-color:#e1e1e1;
  padding-top:2px;
  padding-bottom:2px;
  padding-left:4px;
  padding-right:4px;
  color:#6C388C; 
  font-family:Verdana, Tahoma, Arial, Helvetica; 
  font-size:x-small; 
  font-weight:bold;
  border-bottom:solid 1px #c0c0c0;
  border-top:solid 1px #e1e1e1
      
  }  
.Menu1ItemLevel0Over
{
	
  background-color:#E1E1E1;
  padding-top:2px;
  padding-bottom:2px;
  padding-left:4px;
  padding-right:4px;
  color:#6C388C; 
  font-family:Verdana, Tahoma, Arial, Helvetica;
  font-size:x-small; 
  font-weight:bold;
  border-bottom:solid 1px #c0c0c0;
  border-top:solid 1px #c0c0c0
  
  
  }

  
.Menu1ItemLevel1
{
  padding-top:2px;
  padding-bottom:2px;
  padding-left:4px;
  padding-right:7px;
  cursor:hand;
  color:#6C388C; 
  font-family:Verdana, Tahoma, Arial, Helvetica;
  font-size:x-small; 
  font-weight:normal;
  
  }

.Menu1ItemLevel1Over
{
  background-color:white;
  padding-top:2px;
  padding-bottom:2px;
  padding-left:4px;
  padding-right:7px;
  cursor:hand;
  color:#6C388C; 
  font-family:Verdana, Tahoma, Arial, Helvetica;
  font-size:x-small; 
  font-weight:normal;
  text-decoration:underline
  
  }
  
  
hr 
{
    color:#3ABA74;
	height: 1pt;
 }
  

Table.White
{
	
	background-color:Navy;
	color:White;
}
.White
{
	color:c0c0c0;
}


.MainTable {width: 600px; display: table;}
.MainTableSpacer {width: 600px; height: 30px;}

.OneColRow {display: table-row; width: 600px;}
.OneColCell1 {width: 600px; display: table-cell; float: left; padding-top: 5px; padding-bottom: 5px;}
.OneColCell1H {width: 600px; display: table-cell; float: left; background-color: #3ABA74}

.TwoColRow {display: table-row; width: 600px;}
.TwoColCell1 {display: table-cell; width: 400px; float: left; text-align: left;}
.TwoColCell2 {display: table-cell; width: 200px; float: right; text-align: left;}
.TwoColCell2AR {display: table-cell; width: 200px; float: right; text-align: right;}

.TwoColRowRT {display: table-row; width: 600px; background-color: Navy;}
.TwoColRowDE {display: table-row; width: 600px;}
.TwoColCell1R {display: table-cell; width: 300px; float: left; text-align: right; padding-top: 5px; padding-bottom: 5px;}
.TwoColCell1RT {display: table-cell; width: 300px; float: left; text-align: left; padding-top: 3px; padding-bottom: 3px; padding-left: 5px; background-color: Navy; color: White;}
.TwoColCell2R {display: table-cell; width: 295px; float: right; text-align: left; padding-top: 5px; padding-bottom: 5px;}
.TwoColCell2RT {display: table-cell; width: 290px; float: right; text-align: right; padding-top: 3px; padding-bottom: 3px; padding-right: 5px; background-color: Navy; color: White;}
.TwoColCell2RT A:link {color: White;}
.TwoColCell2RT A:visited {color: #999999;}

.Clear-Both {clear: both;}
.Clear-Left {clear: left;}

.AdminTable {width: 800px;}
.ApprovalPreview {border-right: black 1px solid; border-top: black 1px solid; border-left: black 1px solid; border-bottom: black 1px solid; background-color: #3ABA74; display: inline; width: 20px; height: 12px;}
.RequiresApproval {background-color: #3ABA74;}
.AdminColumnHead {text-align: left; background-color: Navy; color: White; padding-left: 4px; padding-top: 5px; padding-bottom: 5px; border-bottom: solid 1px black;}
.AdminImageEditColumn {text-align: left; padding-top: 5px; padding-bottom: 5px; border-bottom: solid 1px black; vertical-align: top;}
.AdminImageColumn {text-align: center; width: 120px; padding-top: 5px; padding-bottom: 5px; border-bottom: solid 1px black; vertical-align: top;}
.AdminEditColumn {width: 80px; padding-top: 5px; padding-bottom: 5px; border-bottom: solid 1px black; vertical-align: bottom; padding-right: 5px;}
.AdminMainColumn {padding-top: 5px; padding-bottom: 5px; border-bottom: solid 1px black; font-size: x-small;}
.AdminNewBusiness {color: #F29B00 !important;}

.AMainTable {width: 800px; display: table; position: relative;}
.AMainTableSpacer {width: 800px; height: 30px;}
.AOneColRow {display: table-row; width: 800px;}
.AOneColCell1 {width: 800px; display: table-cell; float: left; padding-top: 5px; padding-bottom: 5px;}
.AOneColCell1T {width: 800px; display: table-cell; float: left; padding-top: 5px; padding-bottom: 5px; font-size: medium; color: White; background-color: Navy;}

.Edit {display: table; width: 500px;}
.EditItem {display: table-row; width: 500px;}
.EditItemName {display: table-cell; float: left; padding-bottom: 2px;}
.EditItemValue {display: table-cell; float: right; padding-bottom: 2px;}

.AdminNote {font-size: xx-small;}
.ImageNote {text-align: center; width: 300px; font-size: x-small;}
.TextBox {font-size: x-small; width: 250px;}
.TextBoxS {font-size: x-small; width: 245px;}
.TextArea {font-size: x-small; width: 250px;}

.ImageTable {width: 400px; display: table;}
.ITTwoColRow {width: 400px; display: table-row;}
.ITTwoColCell1 {width: 80px; float: left; display: table-cell;}
.ITTwoColCell2 {width: 300px; float: right; display: table-cell;}

.WeatherObject {display: table; width: 170px; margin: 0 0 0 10}
.WOneColRow {display: table-row; width: 170px;}
.WTwoColRow {display: table-row; width: 170px;}
.WOneCell1 {display: table-cell; width: 170px; float: left; padding: 3px 3px 3px 3px; font-size: x-small; font-family: Tahoma; color: White;}
.WTwoCell1 {display: table-cell; width: 40px; float: left; padding: 3px 3px 3px 3px; font-size: x-small; font-family: Tahoma; color: White;}
.WTwoCell2 {display: table-cell; width: 115px; float: right; padding: 3px 3px 3px 3px; font-size: x-small; font-family: Tahoma; color: White;}