/* 
================================
Skin styles for WebCo District
School Color: #68071C
Accent Color: #837543
================================
*/   
.containerMaster {
	width: 100%;
	background-color: #FFFFFF;
}

/* **************************************
   The following container Row Lines are used
   with table rows and spacer.gif to create 
   pinstripes at the top and bottom of the 
   container 
   ************************************** */
.containerRowLineWhite {
	background-color: #FFFFFF;
}

.containerRowLineSchoolColor {
	background-color: #68071C;
}

.containerRowLineGray {
	background-color: #8F979A;
}

/* **************************************
    This is the row beneath the title (if used)
   ************************************** */
.containerRow1 {
}

/* **************************************
    This is the main container content row 
   ************************************** */
.containerRow2 {
	background-color: #FFFFFF;
}

/* **************************************
    Class for the Title
   ************************************** */
.Head {
    font-family: Arial, Helvetica;
    font-size: 14px;
    font-weight: bold;
    color: #68071C;
}

/* **************************************
   StandardButton sets the style for buttons
   ************************************** */
.StandardButton {
    background: #68071C; 
    color: #FFFFFF;
    font-family:Verdana, sans-serif; 
    font-size: 11px;
    font-weight: bold;
}

.containerTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	color: #68071C
}
/* **************************************
   Link styles for various content containers
   ************************************** */
td.containerNHSCContent a, td.containerNHSCContent a:visited, td.containerNHSCContent a:active, 
td.containerNHGContent a, td.containerNHGContent a:visited, td.containerNHGContent a:active, 
td.containerPlainContent a, td.containerPlainContent a:visited, td.containerPlainContent a:active, 
td.containerPlainContentTable a, td.containerPlainContentTable a:visited, td.containerPlainContentTable a:active, 
td.containerTHPlainContent a, td.containerTHPlainContent a:visited, td.containerTHPlainContent a:active,
td.containerClassroomContent a, td.containerClassroomContent a:visited, td.containerClassroomContent a:active, 
td.containerClassroomContentTable a, td.containerClassroomContentTable a:visited, td.containerClassroomContentTable a:active
{
    text-decoration: none;
	color: #68071C; 
}

td.containerNHSCContent a:hover, 
td.containerNHGContent a:hover, 
td.containerPlainContent a:hover, 
td.containerPlainContentTable a:hover, 
td.containerTHPlainContent a:hover, 
td.containerClassroomContent a:hover, 
td.containerClassroomContentTable a:hover
{
    color: #837543;
}

/* **************************************
   classroom Container styles
   ************************************** */
.containerClassroomTitle {
	background-color: #FFFFFF;
	border-top: solid thin #F2F3F4;
	border-right: solid thin #F2F3F4;
	border-left: solid thin #F2F3F4;
	color: #000000;
}
.containerClassroomContent, 
.containerClassroomContentTable 
{
    padding-top: 5px;
    padding-bottom: 5px;
	border-top: solid 1px #F2F3F4;
	border-right: solid thin #F2F3F4;
	border-left: solid thin #F2F3F4;
}
.containerClassroomFooter{
	border-bottom: solid thin #F2F3F4;
	border-right: solid thin #F2F3F4;
	border-left: solid thin #F2F3F4;
}

/* **************************************
   The next two custom styles set the
   generic HTML table styles inside the
   content area of this container
   ************************************** */
td.containerClassroomContentTable table, 
td.containerPlainContentTable table
{
	border-top: solid 1px #C9C2B0;
	border-right: solid 1px #C9C2B0;
}
td.containerClassroomContentTable td, 
td.containerPlainContentTable td 
{
    background-color: #E5E2D9;
	border-left: solid 1px #C9C2B0;
	border-bottom: solid 1px #C9C2B0;
    padding: 4px;
    font-family:Verdana, sans-serif; 
    font-size: 11px;
}

/* **************************************
   Plain Container TD Font style
   ************************************** */
td.containerClassroomContent td, 
td.containerPlainContent td 
{
    font-family:Verdana, sans-serif; 
    font-size: 11px;
}

/* **************************************
   This sets the SubHead class in the 
   modules like Announcements
   ************************************** */
td.containerNHSCContent .SubHead, 
td.containerNHGContent .SubHead, 
td.containerPlainContent .SubHead, 
td.containerPlainContentTable .SubHead, 
td.containerTHPlainContent .SubHead, 
td.containerClassroomContent .SubHead, 
td.containerClassroomContentTable .SubHead
{
    color: #68071C;
}

/* **************************************
   This sets the CommandButton (link) class 
   in the modules like Surveys
   ************************************** */
td.containerNHSCContent a.CommandButton, td.containerNHSCContent a.CommandButton:visited, td.containerNHSCContent a.CommandButton:active, 
td.containerNHGContent a.CommandButton, td.containerNHGContent a.CommandButton:visited, td.containerNHGContent a.CommandButton:active, 
td.containerPlainContent a.CommandButton, td.containerPlainContent a.CommandButton:visited, td.containerPlainContent a.CommandButton:active, 
td.containerPlainContentTable a.CommandButton, td.containerPlainContentTable a.CommandButton:visited, td.containerPlainContentTable a.CommandButton:active, 
td.containerTHPlainContent a.CommandButton, td.containerTHPlainContent a.CommandButton:visited, td.containerTHPlainContent a.CommandButton:active,
td.containerClassroomContent a.CommandButton, td.containerClassroomContent a.CommandButton:visited, td.containerClassroomContent a.CommandButton:active, 
td.containerClassroomContentTable a.CommandButton, td.containerClassroomContentTable a.CommandButton:visited, td.containerClassroomContentTable a.CommandButton:active
{
    text-decoration: none;
	color: #68071C; 
}

td.containerNHSCContent a.CommandButton:hover, 
td.containerNHGContent a.CommandButton:hover, 
td.containerPlainContent a.CommandButton:hover, 
td.containerPlainContentTable a.CommandButton:hover, 
td.containerTHPlainContent a.CommandButton:hover, 
td.containerClassroomContent a.CommandButton:hover, 
td.containerClassroomContentTable a.CommandButton:hover
{
    color: #837543;
}