/***************************************************************************
	
	Stylesheet for sgstech.com
	This stylesheet has been optimized for non-IE browsers.
	
	***************************************************************************/

	BODY
	{
		font-size: xx-small;
		font-family: sans-serif;
	}
	TD.Sidebar
	{
		width: 156px; 
		vertical-align: top; 
		text-align: center; 
		background-color: #000000;
	}
	.SidebarCategory
	{
		display: table-cell;
		width: 156px;
		height: 19px;
		text-align: center;
		vertical-align: middle;
		color: #3399CC;
		text-decoration: none;
		font-family: sans-serif;
		border: 0px none #000000;
		font-size: x-small;
		font-weight: bold;
	}
	A.SidebarLink:link, A.SidebarLink:visited
	{
		background-image: url(/ButtonMaker/buttonmaker.aspx?width=156&height=19&bevel=2&color=black&effect=flat);
		
		display: table-cell;
		width: 156px;
		height: 19px;
		text-align: center;
		vertical-align: middle;
		color: #FFFFFF;
		text-decoration: none;
		font-family: sans-serif;
		border: 0px none #000000;
		font-size: x-small;
		/*font-weight: normal;*/
		
	}
	A.SidebarLink:hover
	{
		background-image: url(/ButtonMaker/buttonmaker.aspx?width=156&height=19&bevel=2&color=black&effect=outset);
		
		display: table-cell;
		width: 156px;
		height: 19px;
		text-align: center;
		vertical-align: middle;
		color: #FFFFFF;
		text-decoration: none;
		font-family: sans-serif;
		border: 0px none #000000;
		font-size: x-small;
		/*font-weight: normal;*/
	}
	A.SidebarLink:active
	{
		background-image: url(/ButtonMaker/buttonmaker.aspx?width=156&height=19&bevel=2&color=black&effect=inset);
		
		display: table-cell;
		width: 156px;
		height: 19px;
		text-align: center;
		vertical-align: middle;
		color: #FFFFFF;
		text-decoration: none;
		font-family: sans-serif;
		border: 0px none #000000;
		font-size: x-small;
		/*font-weight: normal;*/
	}
	A.MainMenuLink:link, A.MainMenuLink:visited
	{
		display: table-cell;
		width: 100px;
		height: 19px;
		text-align: center;
		vertical-align: middle;
		background-image: url(/ButtonMaker/buttonmaker.aspx?width=100&height=19&bevel=2&color=sgsblue&effect=outset);
		color: #FFFFFF;
		text-decoration: none;
		font-family: sans-serif;
		border: 0px none #000000;
		font-size: x-small;
		
	}
	A.MainMenuLink:hover
	{
		display: table-cell;
		width: 100px;
		height: 19px;
		text-align: center;
		vertical-align: middle;
		background-image: url(/ButtonMaker/buttonmaker.aspx?width=100&height=19&bevel=2&color=sgsblue&effect=highlight);
		color: #FFFFFF;
		text-decoration: none;
		font-family: sans-serif;
		border: 0px none #000000;
		font-size: x-small;
	}
	A.MainMenuLink:active
	{
		display: table-cell;
		width: 100px;
		height: 19px;
		text-align: center;
		vertical-align: middle;
		background-image: url(/ButtonMaker/buttonmaker.aspx?width=100&height=19&bevel=2&color=sgsblue&effect=inset);
		color: #FFFFFF;
		text-decoration: none;
		font-family: sans-serif;
		border: 0px none #000000;
		font-size: x-small;
	}
	TD.MainMenuLink
	{
		width: 100px; 
		height: 19px;
		background-color: #3399CC;
	}
	.SpecialNoticeRow TD
	{
		border: 1px solid #FF0000; 
		overflow: hidden; 
		width: 109px; 
		height: 109px; 
		padding: 5px;
		text-align: center;
		vertical-align: middle;
	}
	.SpecialNoticeRow TD DIV
	{
		border: 3px solid #3399CC; 
		padding: 3px; 
		text-align: center; 
		vertical-align: middle; 
		width: 91px; 
		height: 89px; 
		display: table-cell; 
		font-size: xx-small; 
		font-family: sans-serif;
		overflow: hidden;
	}
	.SpecialNoticeItem
	{
		border: 3px solid #3399CC; 
		padding: 3px;
		margin-left: 5px;
		margin-right: 5px;
		/*margin: 5px;*/
		text-align: center; 
		vertical-align: middle; 
		width: 97px; 
		height: 89px; 
		display: table-cell; 
		font-size: xx-small; 
		font-family: sans-serif;
		overflow: hidden;
	}
	.CalendarItem
	{
		display: list-item; 
		/*list-style-type: disc;*/ 
		padding-top: 10px; 
		padding-bottom: 10px; 
		padding-left: 10px;
	}
	.CalendarItem A
	{
		color: #FFFFFF; 
		font-family: sans-serif; 
		font-size: x-small;
		color: #FFFFFF;
	}
	.CalendarItem DIV
	{
		color: #FFFFFF; 
		font-family: sans-serif; 
		font-size: xx-small;
		color: #FFFFFF;
	}
	TD.MainProductDescription
	{
		/*border: 1px solid #FF0000;*/ 
		width: 219px; 
		height: 273px; 
		text-align: center; 
		vertical-align: top; 
		margin: 0px; 
		padding: 0px;
	}
	DIV.MainProductDescription
	{
		/*border: 1px solid #FF0000;*/
		width: 219px;
		height: 273px;
		text-align: center;
		vertical-align: top;
		overflow: hidden;
		margin: 0px; 
		padding: 0px;
	}
	DIV.MainProductDescription IMG.ProductImage
	{
		width: 130px; 
		height: 72px; 
		border: 20px solid #FFFFFF;
	}
	DIV.MainProductDescription DIV.ProductTitle
	{
		font-size: small;
		font-family: sans-serif; 
		font-weight: bold;
	}
	DIV.MainProductDescription DIV.ProductDescription
	{
		width: 179px; 
		text-align: left; 
		font-size: x-small;
		font-family: sans-serif; 
		padding-top: 10px;
		padding-left: 10px;
		padding-right: 10px;
	}
	DIV.MainProductDescription DIV.ProductLinks
	{
		width: 179px; 
		text-align: left; 
		padding-top: 10px;
		padding-left: 10px;
		padding-right: 10px;
	}
	DIV.MainProductDescription DIV.ProductLinks A:link, DIV.MainProductDescription DIV.ProductLinks A:visited
	{
		display: block;
		font-family: sans-serif; 
		font-size: x-small;
		color: #3399CC;
	}
	DIV.MainProductDescription DIV.ProductLinks A:hover
	{
		display: block;
		font-family: sans-serif; 
		font-size: x-small;
		color: #3399CC;
	}
	DIV.MainProductDescription DIV.ProductLinks A:active
	{
		display: block;
		font-family: sans-serif; 
		font-size: x-small;
		color: #3399CC;
	}
	.FooterArea
	{
		display: block; 
		text-align: center; 
		font-family: sans-serif; 
		font-size: x-small;
		width: 751px;
	}
	TABLE.BottomAnnouncements TR TD
	{
		text-align: center; 
		vertical-align: middle; 
		width: 146px; 
		height: 60px;
	}
	TABLE.BottomAnnouncements TR TD A:link, TABLE.BottomAnnouncements TR TD A:visited
	{
		display: block; 
		width: 136px; 
		height: 50px; 
		overflow: hidden; 
		text-align: center; 
		border: 1px solid #3399CC; 
		margin: 2px; 
		padding: 2px; 
		font-size: x-small;
		text-decoration: none;
		background-color: #FFFFFF;
		color: #000000;
	}
	TABLE.BottomAnnouncements TR TD A:hover
	{
		display: block; 
		width: 136px; 
		height: 50px; 
		overflow: hidden; 
		text-align: center; 
		border: 1px solid #3399CC; 
		margin: 2px; 
		padding: 2px; 
		font-size: x-small;
		text-decoration: none;
		background-color: #EEEEEE;
		color: #000000;
	}
	TABLE.BottomAnnouncements TR TD A:active
	{
		display: block; 
		width: 136px; 
		height: 50px; 
		overflow: hidden; 
		text-align: center; 
		border: 1px solid #3399CC; 
		margin: 2px; 
		padding: 2px; 
		font-size: x-small;
		text-decoration: none;
		background-color: #3399CC;
		color: #FFFFFF;
	}
	.BreadcrumbBar
	{
		color: #FFFFFF; 
		font-family: sans-serif; 
		font-size: xx-small;
	}
	.BreadcrumbBar A:link, .BreadcrumbBar A:visited
	{
		color: #3399CC;
		text-decoration: none;
	}
	.BreadcrumbBar A:hover
	{
		color: #3399CC;
		text-decoration: underline;
	}
	.BreadcrumbBar A:active
	{
		color: #FF0000;
		text-decoration: underline;
	}
	TD.MainContent
	{
		vertical-align: top; 
		text-align: left; 
		background-color: #FFFFFF;
		padding: 10px;
	}
	TD.RightSidebar
	{
		width: 156px; 
		vertical-align: top; 
		text-align: center; 
		background-color: #000000;
	}
	.PageHeader
	{
		font-size: large; 
		font-weight: bold; 
		color: #3399CC; 
		text-align: left; 
		margin-bottom: 10px;
	}
	DIV.Paragraph
	{
		margin-bottom: 1em;
	}
	.GenericSectionGroup
	{
		margin-bottom: 10px;
		font-size: medium;
		font-weight: bold;
	}
	.GenericSection
	{
		width: 100%;
		background-color: #BBDDFF;
		margin-bottom: 1em;
	}
	.GenericSection DIV.Header
	{
		background-color: #3399CC;
		color: #FFFFFF;
		font-weight: bold;
		padding: 3px;
	}
	.GenericSection DIV.Header A:link, .GenericSection DIV.Header A:visited
	{
		color: #FFFFFF;
		text-decoration: underline;
	}
	.GenericSection DIV.Header A:hover
	{
		color: #FFFFFF;
		text-decoration: underline;
	}
	.GenericSection DIV.Header A:active
	{
		color: #FFFF00;
		text-decoration: underline;
	}
	.GenericSection DIV.Description
	{
		padding: 3px;
		font-size: small;
	}
	
	.requiredTitle {

	padding-right: 5px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: bold;

}



.requiredSmall {

	padding-right: 5px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-weight: bold;

}



.requiredfield, .requiredTextbox {

	padding: 3px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-weight: bold;

	border: 1px solid #A8A8A8;

	background-color: #F7F7F7;

	-moz-border-radius: 2px;

}



.requiredfield_notPassed,

.requiredTextBox_notPassed {

	border: 1px solid #FF0000;

	-moz-border-radius: 2px;

}



.requiredfield:focus, 

.requiredfield_focus {

	padding: 2px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-weight: bold;

	border: 2px solid #919eaf;

	background-color: #FFFFFF;

	-moz-border-radius: 2px;

	margin: 0px;

}

.normalfield, .normalTextbox {

	padding: 3px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	border: 1px solid #A8A8A8;

	-moz-border-radius: 2px;

}



.normalfield:focus,

.normalfield_focus {

	padding: 2px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	border: 2px solid #919eaf;

	-moz-border-radius: 2px;

	margin: 0px;

}



.normalTextbox_focus {

	padding: 3px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	border: 1px solid #A8A8A8;

	background-color: #F9FAFB;

	-moz-border-radius: 2px;

}



.normalSmall {

	padding-right: 5px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

}

.button {

	padding: 2px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	

	background-color: #DADADA;

	border: solid 1px #999999;

}