body, html {
    height: 100%;
}

body {
    margin: 0;
    padding: 0;
    border: none;
    background-color: #fff;
    font-family: Verdana,Tahoma, Arial, Helvetica, Sans-Serif;
    color: #000;
    font-size:0.8em;
    line-height:1.3em;
}

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


/* 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;
}

.Register
{
	
	font-size:0.9em;
	font-weight:bold;
	color:#3F1108;
	}


.Toggle
{
	
	font-size:0.9em;
	font-weight:bold;
	color:#3F1108;
	}
	
	
.LeftPane  { 
	padding-left:5px;
   	padding-top:0px;
	padding-right:0px;
}

.verticalDots{
	background-image:url(../../images/left_back.gif);
	background-repeat:repeat-y;
}

.ContentPane  { 
	padding-left:25px;
	padding-top:15px;
	padding-right:20px;
	padding-bottom:0px;

	/*border-right: 2px dotted #E8BDA2;
	border-left: 2px dotted #E8BDA2;*/
}

.RightPane  
{
	padding-left:4px;
	padding-top:47px;
	padding-right:4px;
	padding-bottom:4px;
}

/*.bottomborder{
	border-bottom: 1px dotted #E8BDA2;
}*/

.WhiteText {
    color: white;
	font-family: Tahoma;
    font-size: 0.9em;
    font-weight: normal;
}

.TableContainer
{
  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:#f5f5f5;
  border:1px;
  border-style:dashed;
  border-color:black;
}


/* text style used for breadcrumb */
.BreadCrumb
{
   
    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;
}



/* GENERAL */
/* style for module titles */
.Head   {
   
       font-weight: bold;
    color: #8E8B87;
}

/* style of item titles on edit and admin pages */
.SubHead    {
   
   
    font-weight:    bold;
    color: #003366;
}

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

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

    font-weight: normal;
    color: #5C1B10;
}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox
{
    
    font-size: 0.9em;
    font-weight: normal;
    color:#A23E1E;
}

.SmallTextBox
{
    
    font-size:0.9em;
    font-weight: normal;
}

.OutputBox
{
    
    font-weight: normal;
    border:solid 1px black;
    background-color:#f5f5f5;
}

.NormalRed
{
  
  
    font-weight: bold;
    color: #ff0000;
}

.NormalSmall
{
    font-size: 0.9em;
    font-weight: normal;
    color:#5C1B10;
}

.NormalBold
{
   
    font-weight: bold;
    color:#3D1E6E;
}

.NormalSmallBold
{
   
    font-size: 0.9em;
    font-weight: bold;
    color:#5C1B10;
}

.FormattingHints
{
    
    font-size: 0.9em;
    font-weight: normal;
    background-color:#f5f5f5;
    padding:10px
	}

/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton     {
       font-size: 0.9em;
    font-weight: normal;
}
    
/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link {
    text-decoration:    underline;
    color: #003366;
}

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

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

A.CommandButton:hover    {
    text-decoration:    underline;
    color: #ff0000;
}

.dividingline
{
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #B85327;
}
    
/* GENERIC */
H1  {
    
    font-size:  large;
    font-weight:    bold;
    color: #3D1E6E;
}

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

H3  {
    
    font-size:  small;
    font-weight:    bold;
    color: #3D1E6E;
}

H4  {
    
    font-size:  small;
    font-weight:    bold;
    color: #3D1E6E;
}

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

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

TFOOT, THEAD    {
    
    
    color: #003366;
}

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

A:link  {
    text-decoration:    underline;
    color:  #A23E1E;
}
A:active  {
    text-decoration:    underline;
    color:  #A23E1E;
}
A:visited  {
    text-decoration:    underline;
    color:  #A23E1E;
}

A:hover {
    text-decoration:    none;
    color:  #082E83;
}

SMALL   {
    font-size:  0.9em;
}

BIG {
    font-size:  medium;
}

BLOCKQUOTE, 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;
}

HR {
    color: dimgrey;
    height:1pt;
    text-align:left
}

/* MODULE-SPECIFIC */
/* text style for reading messages in Discussion */    
.Message    {
   
    
    font-weight: normal;
    font-size: 11px;
    background-color: #eeeeee
}   

/* style of item titles by Announcements and events */
.ItemTitle    {
    
    font-weight:    bold;
    color: #003366;
}

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

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

.NavCellBorder
{
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #B0CACB;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #B0CACB;
}


.Menu1ItemLevel0
{
     font-size:0.9em;
  padding-top:4px;
  padding-bottom:4px;
  padding-left:7px;
  padding-right:7px;
  font-weight:bold;
  color:white;
  }
  
.Menu1ItemLevel0Over
{
     font-size:0.9em;
  padding-top:4px;
  padding-bottom:4px;
  padding-left:7px;
  padding-right:7px;
  font-weight:bold;
  color: #CCCCCC;
  cursor:hand;
  }

  
.Menu1ItemLevel1
{
  background-color: #f5f5f5;
  padding-top:4px;
  padding-bottom:4px;
  padding-left:7px;
  padding-right:7px;
  cursor:hand;
  color: #A23E1E;
    font-weight:normal;
  }

.Menu1ItemLevel1Over
{
  background-color: #D2CDDA;
  padding-top:4px;
  padding-bottom:4px;
  padding-left:7px;
  padding-right:7px;
  cursor:hand;
  color:#000000; 
  font-weight:normal;
   
  }
  
.Menu1ItemLevel0TopItem
{
	
  padding-top:4px;
  padding-bottom:4px;
  padding-left:7px;
  padding-right:7px;
  font-weight:bold;
  color:white;      
  }
  .Menu1ItemLevel0OverTopItem
{
	
  padding-top:4px;
  padding-bottom:4px;
  padding-left:7px;
  padding-right:7px;
  font-weight:bold;
  color:white;
}  
  /* === Menu 2 Styles === */
.Menu2TopGroup
{
  background-color:white;
  padding-top:0px;
  
  /*filter:progid:DXImageTransform.Microsoft.Shadow(color='#c0c0c0', Direction=135, Strength=3); */
}

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


.Menu2ItemLevel0
{
	
  background-color:#794084;
  /*padding-top:4px;*/
  /*padding-bottom:4px;*/
  padding-left:4px;
  padding-right:4px;
  color:white; 
   font-weight:bold;
   
  }
  
.Menu2ItemLevel0Over
{
	
  background-color:#794084;
  padding-top:4px;
  padding-bottom:4px;
  padding-left:4px;
  padding-right:4px;
  color:white; 
  
  font-weight:bold;
   text-decoration:underline
  }

  
.Menu2ItemLevel1
{
  padding-top:2px;
  padding-bottom:2px;
  padding-left:4px;
  padding-right:7px;
  cursor:hand;
  color:#5C1B10; 
  
  font-weight:normal;

  }

.Menu2ItemLevel1Over
{
  background-color:white;
  padding-top:2px;
  padding-bottom:2px;
  padding-left:4px;
  padding-right:7px;
  cursor:hand;
  color:#5C1B10; 
  
  font-weight:normal;
  text-decoration:underline
  
  }

.myTable{

  font-weight:normal;
}

.FullBrdrSolid{
border: 1px #CCCCCC solid; 
}

/* === Custom Table Styles === */

.CoursesTable
{
    
    font-weight: normal;
    border:solid 1px black;
    background-color:#f5f5f5;
}

.FooterText {
	
	color:#ffffff;

}

A.FooterText:link {
	
	color:#ffffff;

}
A.FooterText:active {
	
	color:#ffffff;

}
A.FooterText:visited {
	
	color:#ffffff;

}
A.FooterText:hover {

	color:#ffffff;

}



/* === Catalogue === */

.Catalogue{

    font-family: Verdana, Tahoma, Arial, Helvetica;
    
    font-weight: normal;
    color:#5C1B10; 
    width:440px;
 }
 
  .CoursesSummary
 {
	 
    font-weight: normal;
    color:#5C1B10; 
    padding:4px 4px 4px 4px;
    border:solid 1px #c0c0c0;
    
	}
  
.CatalogueDetail{

      
    font-weight: normal;
    color:#5C1B10; 
    width:440px;
	
}

.LineThrough
{
	text-decoration:line-through;
}

.CatalogueImageCaption
{
   font-size: 0.9em;
}

.CatalogueTitle
{
   
   
    font-weight: bold;
    color:#5C1B10; 
    
}

.CatalogueDescription
{
   
    font-weight: normal;
    color:#5C1B10;
    border:solid 1px #c0c0c0;
    padding:10px 10px 10px 10px
}

.CatalogueDescriptionNoImage
{
   
    font-weight: normal;
    color:#5C1B10;
    border:solid 1px #c0c0c0;
    padding:10px 10px 10px 10px;
    background-color:White;
}
.CatalogueDetailCheckOut
{

    font-size: 0.9em;
    font-weight: normal;
    color:#5C1B10;
    border-bottom:solid 1px #c0c0c0;
    border-left:solid 1px #c0c0c0;
    border-top:solid 1px #c0c0c0;
    border-right:solid 1px #c0c0c0;
    width:440px;
    height:25px;
    background-color:White;
}

.CatalogueCheckOut
{
   
    font-size: 0.9em;
    font-weight: normal;
    color:#5C1B10;
    border-bottom:solid 1px #c0c0c0;
    border-left:solid 1px #c0c0c0;
    border-top:solid 0px #c0c0c0;
    border-right:solid 1px #c0c0c0;
    width:440px;
    height:25px;
    background-color:White;
}


.CataloguePrice
{
   
    font-weight: normal;
    color:#5C1B10;
     
}

.CatalogueAdd
{
   
    font-weight: normal;
    color:#5C1B10; 
    border:solid 1px #c0c0c0
}

A.Catalogue:link  {
    text-decoration: none;
    font-size: 0.9em;
}

A.Catalogue:visited   {
    text-decoration:    none;
    font-size: 0.9em;

}

A.Catalogue:active    {
    text-decoration:    none;
    font-size: 0.9em;

}

A.Catalogue:hover {
    text-decoration:    none;
    font-size: 0.9em;
}



/* Add To Basket */
.AddToBasketHeader
{
	background-color:#e9e5e2
}

.AddToBasket{
     font-weight: normal;
    color:#5C1B10;
    border:solid 1px #c0c0c0;
    width:440px;

}

/* Basket Datagrid */
.Basket{
    font-weight: normal;
    color:#5C1B10;
    border:solid 1px #c0c0c0;
    width:440px;
}
.BasketHeader
{
	background-color:#e9e5e2
}

.BasketSummary
{
    font-size:0.9em;
    font-weight: normal;
    }
    
 /* User Data */
 table.User{
     font-weight: normal;
    color:#5C1B10;
    border:solid 1px #c0c0c0;
    border-collapse:collapse;
    width:440px;
}
td.User{
     font-weight: normal;
    color:#5C1B10;
	border:solid 1px #c0c0c0;
	padding:3px 3px 3px 3px;
}
td.UserHeader
{
    font-weight: normal;
	background-color:#e9e5e2;
	border:solid 1px #c0c0c0;
	padding:3px 3px 3px 3px;
}
td.UserWhite
{
    font-weight: normal;
	background-color:#ffffff;
	
	padding:3px 3px 3px 3px;
}

.BasketSummary
{
    font-size:0.9em;
    font-weight: normal;
 }

/* Mozilla CSS Hacks*/    
.Qty /* All small boxes on Credit Card forms*/
{
     font-size:0.9em;
    font-weight: normal;
    width: 30px;
}

.CreditCard /* Name on card */
{
     font-size:0.9em;
    font-weight: normal;
    width: 150px;
}