/* Default CSS Stylesheet for a new Web Application project */

/* For this CCCT FLAT-SUGAR site project, derived from TWiTCH style sheet */

body
{
    background-color: white;
    font-family: Arial, Verdana, Helvetica, sans-serif; /* 'Times New Roman' , Times, serif; */
    font-weight: normal;
    text-align: left;
    letter-spacing: normal;
    text-transform: none;
    word-spacing: normal;
    font-size: 10pt;
}

h1, h2, h3, h4, h5, th, thead, tfoot
{
    COLOR: #003366;
}
h1	{	
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:	2em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H2	{	
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:	1.75em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H3	{	
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:	1.58em;
	font-weight:	500;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H4	{	
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:	1.33em;
	font-weight:	500;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H5, DT	{	
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:	1em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H6	{	
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:	.8em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	


TFOOT, THEAD	{	
	font-size:	1em;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	}	
	
	
    /* the following th setting affects how the gridview heading is displayed */

    th
{
    vertical-align: bottom;
    font-size: 1em;
    font-weight: bold;
    word-spacing: normal;
    letter-spacing: normal;
    text-transform: none;
    font-family: Arial, Verdana, Helvetica, sans-serif;
}	
		

.smallButton
{
	border-color:Black;
	border-width:thin;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	background-color: black;
	text-decoration: none;
	text-align: center;
	font-weight:normal;
	color:White;
	font-size: 8pt;
}	
.flagButton
{
	border-color:#ffd700;
	border-width:thin;
	border-style:none;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	background-color: #ffd700;
	text-decoration: none;
	text-align: center;
	font-weight:normal;
	color:Black;
	font-size: 8pt;
}	
small	{	
	font-size:	.7em;
	}	

BIG	{	
	font-size:	1.17em;
	}	

BLOCKQUOTE, PRE	{	
	font-family:	Courier New, 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;
	}	


table.Maintable
{
    border-right: black 1px solid;
    border-top: black 1px solid;
    border-left: black 1px solid;
    border-bottom: black 1px solid;
    border-collapse: collapse;
    background-color: #FFFFFF;
    padding: 0;
    width: 80%;
}
table.Bordertable
{
    border-right: black 1px solid;
    border-top: black 1px solid;
    border-left: black 1px solid;
    border-bottom: black 1px solid;
    border-collapse: collapse;
    background-color: #FFFFFF;
    padding: 0;
    width: 95%;
}


table.Imagetable	/* our usual table borders, background*/
{
	border-collapse: collapse;
	background-color: white;
	padding:0;
}
table.Footertable	/* our usual table borders, background*/
{
	border-right: #d3d3d3 1px solid;
	border-top: #d3d3d3 1px solid;
	border-left: #d3d3d3 1px solid;
	border-bottom: #d3d3d3 1px solid;
	border-collapse: collapse;
	background-color: #f5f5f5;
	padding:0;
}

/* restore the following 2 items from TWiTCH style sheet--controls GridView altRow--PG--Jul 6, 2012 */
tr.altRow
{
	background-color: #ececec; /* background-color: #F0F0F0; #ececec; */
}
td.BorderCell
{
	border-right: black 1px solid;
	border-top: black 1px solid;
	border-left: black 1px solid;
	border-bottom: black 1px solid;
	border-collapse: collapse;
}

.TitleText
{
    font-family: Arial, Verdana, Helvetica, Sans-Serif;
    font-size: xx-large;
    font-weight: bold;
    color: #000080;
}

.TitleBlue
{
	color: #000066;
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	font-size: 11pt;
	font-weight: bold;
}

.SubTitleText
{
    font-family: Arial, Verdana, Helvetica, Sans-Serif;
    font-size: 10pt;
    font-weight: bold;
    width: 80%;
}

.BodyText
{
	color:#000000;
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	font-size: 9pt;
	font-weight:normal;
}
.boldSmallError
{
	font-weight: bold;
	font-size: 8pt;
}
.ShowError
{
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	color:White;
	font-weight: bold;
	font-size: 11pt;
	background-color:Red;
}
.ShowMessage
{
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	color:White;
	font-weight: bold;
	font-size: 11pt;
	background-color:Blue
}
.SmallTitle
{
	font-size: .7em;
	font-weight:bold
}


.AnnouncementHeadingRow
{
    background-color: #FFFFFF;
    font-size: xx-large;
    color: #000080;
    font-weight: bold;
}



.LeftPublicMenu
{
    background-color: #000080;
    clip: rect(auto, auto, auto, auto);
    top: auto;
}
.LeftPublicMenuSeparator
{
    background-color: #b70000;
    color: #FFFFFF;
    font-size: large;
    text-align: center;
}
.FormTitle
{
    background-color: #000099;
    font-size: x-large;
    font-weight: bold;
    color: #FFFF00;
    text-align: Center;
}
.FormSeperator
{
    background-color: #000099;
    font-size: xx-small;
    font-weight: bold;
    color: #FFFFFF;
    text-align: Left;
}
.RowBackground
{
    background-color: #C0C0C0;
    font-size: medium;
    font-weight: bold;
}


table.FormBorder
{
    border: thick ridge #3366FF;
    background-color: #E8ECF0;
    width: 98%;
    margin: 0 auto;
}



.tblRowHeading
{
    background-color: #C5CED8;
    font-family: Arial, Helvetica, sans-serif;
    font-size: large;
    font-weight: bold;
}



table.tblvalidator
{

    background-color: #FFFFFF;
    width: 100%;

}


table.tblvalidator td.tblvalidator_BorderCell
{
	border-right: black 1px solid;
	border-top: black 1px solid;
	border-left: black 1px solid;
	border-bottom: black 1px solid;
	border-collapse: collapse;
}

table.tblvalidator td.tblvalidator_row
{
    border-right: black 1px solid;
    border-top: black 1px solid;
    border-left: black 1px solid;
    border-bottom: black 1px solid;
    border-collapse: collapse;
    background-color: #FFFFFF;
}

table.tblmessages
{

    background-color: #FFFFFF;
    width: 100%;

}


table.tblmessages td.tblmessages_BorderCell
{
	border-right: black 1px solid;
	border-top: black 1px solid;
	border-left: black 1px solid;
	border-bottom: black 1px solid;
	border-collapse: collapse;
}

table.tblmessages td.messages_row
{
    border-right: black 1px solid;
    border-top: black 1px solid;
    border-left: black 1px solid;
    border-bottom: black 1px solid;
    border-collapse: collapse;
    background-color: #FFFFFF;
}

table.tblID
{
    border-right: black 1px solid;
    border-top: black 1px solid;
    border-left: black 1px solid;
    border-bottom: black 1px solid;
    border-collapse: collapse;
    background-color: #DFEFFF;
    padding: 0;

}
table.tblID tr.tblID_Heading
{
    background-color: #999999;
}


table.tblID td.tblID_BorderCell
{
	border-right: black 1px solid;
	border-top: black 1px solid;
	border-left: black 1px solid;
	border-bottom: black 1px solid;
	border-collapse: collapse;
}



table.tblAltRows
{
    border-right: black 1px solid;
    border-top: black 1px solid;
    border-left: black 1px solid;
    border-bottom: black 1px solid;
    border-collapse: collapse;
    background-color: #FFFFFF;
    padding: 0;
    border-style: none;
}
table.tblAltRows tr.tblAltRows_Heading
{
    background-color: #999999;
    font-family: Arial, Helvetica, sans-serif;
    font-size: large;
    font-weight: bold;
}

table.tblAltRows tr.tblAltRows_altRow
{
	background-color: #ececec;
}
table.tblAltRows tr.tblAltRows_stdRow
{
    background-color: #FFFFFF;
}
table.tblAltRows td.tblAltRows_BorderCell
{
    border-right: black 1px solid;
    border-top: black 1px solid;
    border-left: black 1px solid;
    border-bottom: black 1px solid;
    border-collapse: collapse;
    border-style: none;
}

table.tblStdRows
{

    border-collapse: collapse;
    background-color: #E8ECF0;
    padding: 0;
    border-style: none;
}
table.tblStdRows tr.tblStdRows_Heading
{
    background-color: #999999;
    font-family: Arial, Helvetica, sans-serif;
    font-size: large;
    font-weight: bold;
}


table.tblStdRows td.tblStdRows_BorderCell
{
    border-right: black 1px solid;
    border-top: black 1px solid;
    border-left: black 1px solid;
    border-bottom: black 1px solid;
    border-collapse: collapse;
    border-style: none;
}



/* Controls the patient selection grid */

table.ContentTable
{
	border-style:solid;
	border-color:Maroon;
	border-width:2px;
	color: black;
	border-collapse:collapse;
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	background-color: #fffbd6;
	font-weight: normal;
	font-size: 1em;
	width:100%;
}
table.ContentTable th
{
	border-style:solid;
	border-color:Maroon;
	border-width:2px;
	color:Black;
	font-size: 1em;
	font-weight:bold;
}
table.ContentTable td
{
	vertical-align:middle; /* bottom; */
	border-style:solid;
	border-color:Maroon;
	border-width:1px;
}
table.ContentTableTop
{
	color: black;
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	background-color: #d3d3d3;
	font-weight: normal;
	font-size: 8pt;
	width:100%;
}
table.ContentTableTop td
{
	vertical-align:top; /* restored from TWiTCH style sheet/PG/Jul 6, 2012 */
	border-bottom-color:#a9a9a9;
	border-bottom-style:solid;
	border-bottom-width:1px;
}
/* restore the following 3 items from TWiTCH style sheet/PG/Jul 6, 2012 */
table.rblNoBottom td
{
	border-bottom-style:none;
}
table.rblTitleBlue td
{
	color: #000066;
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	font-size: 11pt;
	font-weight: bold;
}
/* --- not the td below - it messes up the Home/Contact Us/Login links, PG
td
{
    color: #000000;
    font-family: Arial, Verdana, Helvetica, Sans-Serif;
    font-weight: normal;
    text-align: left;
}
*/

table.HeaderTable
{
    background-color: #D5E2FF;

}



.GridVisits
{
    font-family: Arial, Verdana, Helvetica, Sans-Serif;
    font-weight: normal;
    font-size: 12pt;
    width: 95%;
}

tr.gridHeader
{
	font-weight: bold;
	color: black;
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	background-color: silver;
	font-weight: bold;
	font-size: 8pt;
	height: 25px;
/*        vertical-align: bottom; */
}
tr.gridContentHeader
{
	font-weight: bold;
	color: black;
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	background-color: #d3d3d3;
	font-weight: bold;
	font-size: 8pt;
	height: 25px;
/*        vertical-align: bottom; */

}



/* make gridview content easier to read */
.GridviewContent, .GridViewContent td
{
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	font-weight: normal;
	font-size: 12pt;
}



 .GridViewContent tr.altRow
{
	background-color: #FFF5EE;	/* background-color: #ececec; */
}