/* ================================
    CSS STYLES FOR THE SureSoft PORTAL 
    v1.0, 10/2002
   ================================
*/   

html, body
{ 
	height: 100%; 
	background-color: #b9bcc3;
}

/* Site Header */

.SiteHeader
{ 
	position: absolute;
	width: 850px;
	top: 0px;
	left: 30px;
}

.HeaderBody
{
	clear:both;
	background-color: transparent;
	height: 55px;
}

#Logo
{
	float: left;
	width: 232px;
	height: 55px;
	background-position: center;
	background-color: #084ca5;
	background-image: url(Graphics/Logo/Logo_Blue-White_GLSModified.bmp);
	background-repeat: no-repeat;
}

#LogoGradient
{
	float:left;
	width: 615px;
	height: 55px;
	filter: progid:DXImageTransform.Microsoft.Gradient(endColorstr='#182A5A', startColorstr='#084ca5', gradientType='1' );
}

.HeaderRightEdge
{
	float:left;
	width:3px;
	height: 55px;
	background-image: url(Graphics/Borders/DropShadow_Right Side.gif);
	background-repeat: repeat-y;
	background-color: transparent;
}

.HeaderBottom
{
	clear:both;
	height: 40px;
}

.HeaderLeftBottomCorner
{
	float: left;
	background-image: url(Graphics/Borders/Title_Corner_Left.gif);
	background-color: transparent;
	width:20px;
	height: 40px;
}

.HeaderBottomMiddle
{
	float: left;
	width: 810px;
	height: 40px;	
	background-image: url(Graphics/Borders/Title_Border.gif);
	background-repeat: repeat-x;
	background-color: transparent;
}

.HeaderRightBottomCorder
{
	float: left;
	width: 20px;
	height: 40px;	
	background: url(Graphics/Borders/Title_Corner_Right.gif) no-repeat right 0px;
}

#TempMessage
{
	font-size: 13pt;
	color: #adadad;
	font-family: Helvetica;
	vertical-align: text-bottom;
	text-align: center;
	padding-right: 10px;
	font-weight: bold;
}


/* Footer */

#Copyright
{
	font-size: 10pt;
	color: #adadad;
	font-family: Helvetica;
	vertical-align: text-bottom;
	text-align: right;
	padding-right: 10px;
}

/* Body */

.MainBody
{
	position: absolute;
	top: 120px;
	left: 30px;
	width: 850px;
}

.BodyTop
{
	clear:both;
	height: 30px;
	width: 850px;
}

.BodyTopLeftCorner
{
	float: left;
	width: 20px;
	height: 30px;
	background-image: url(Graphics/Borders/Body Corner_TopLeft.gif);
	background-color: transparent;
}

.BodyTopCenter
{
	float: left;
	width: 810px;
	height: 30px;
	background-image: url(Graphics/Borders/Body Border_Top.gif);
	background-repeat: repeat-x;
	background-color: transparent;
}

.BodyTopRightCorner
{
	float: left;
	width: 20px;
	height: 30px;
	background-image: url(Graphics/Borders/Body_Corner_TopRight.gif);
	background-color: transparent;
}

#Panels
{
	width: 850px;
	height: 540px;
}
	
#LeftPanel
{
	float: left;
	width: 185px;
	height: 540px;
}

#LeftPanelTop
{
	height: 265px;
	background-color: black;
}

#MainNavLeftCorner
{
	float: left;
	width: 15px;
	height: 25px;
	background-image: url(Graphics/Borders/Tab HomePage_ Corner.gif);
	background-repeat: no-repeat;
	background-color: transparent;
}

#MainNavBody
{
	float: left;
	width: 170px;
	height: 25px;
	background-image: url(Graphics/Borders/Tab HomePage_ body.gif);
	background-repeat: repeat-x;
	background-color: transparent;
}

#NavBackground
{
	clear: both;
	width: 185px;
	height: 240px;
	background-color: #084ca5;
}

#LeftPanelGradient
{
	height: 275px;
	filter: progid:DXImageTransform.Microsoft.Gradient(endColorstr=  '#182a5a' , startColorstr= '#084ca5' , gradientType= '0' );
}

.CenterPanel
{
	float: left;
	height: 540px;
	width: 500px;
	background-color: #F7F7F7;
}

.ScrollingElement
{
	height: 165px;
	background-color: #f7f7f7;
}

#RotatingBanners
{
	position: relative;
	height: 163px;
	width: 100%;
}

#TextAreaSolid
{
	position: relative;
	height: 220px;	
	background-color: #f7f7f7;
}

#TextAreaGradientBackground
{
	position: relative;
	height: 150px;
	bottom: 0px;
	filter: progid:DXImageTransform.Microsoft.Gradient(endColorstr=  '#e6e6e6' , startColorstr= '#f7f7f7' , gradientType= '0' );
}

.TextArea
{
	position: absolute;
	top: 200px;
	z-index: 2;
	font-family: Helvetica;
	font-size: 13pt;
	background-color: transparent;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
	color: #616b78;
}

#TextImage
{
	float: right;
	width: 205px;
	height: 210px;
	background-image: url(Graphics/Answers.jpg);
	background-repeat: no-repeat;
	background-color: transparent;
}

.RightPanel
{
	float: left;
	width: 162px;
	height: 540px;
}

#RightPanelSolid
{
	position: relative;
	height: 390px;
	width: 162px;
	background-color: #c1cce1;
}

#RightPanelGradient
{
	position: relative;
	height: 150px;
	width: 162px;
	bottom: 0px;
	filter: progid:DXImageTransform.Microsoft.Gradient(endColorstr= '#c4b3c2' , startColorstr= '#c1cce1' , gradientType= '0' );
}

#RightPanelTextArea
{
	position: absolute;
	top: 75px;
	z-index: 2;
	font-family: Helvetica;
	font-size: 14pt;
	color: #6682ad;
	font-style: italic;
	padding-right: 5px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
	background-color: transparent;
}

.BodyRightEdge
{
	float: left;
	width: 3px;
	height: 100%;
	background-image: url(Graphics/Borders/DropShadow_Right Side.gif);
	background-repeat: repeat-y;
	background-color: transparent;
}

.BodyBottom
{
	clear: both;
	width: 850px;
	height: 35px;
}

.BodyBottomLeftCorner
{
	float: left;
	width: 20px;
	height: 35px;
	background-image: url(Graphics/Borders/Body Corner_BottomLeft.gif);
	background-color: transparent;
	background-repeat: no-repeat;
}

.BodyBottomCenter
{
	float: left;
	width: 810px;
	height: 35px;
	background-image: url(Graphics/Borders/Body Border_Bottom.gif);
	background-repeat: repeat-x;
	background-color: transparent;
}

.BodyBottomRightCorner
{
	float: left;
	width: 20px;
	height: 35px;
	background-image: url(Graphics/Borders/Body Corner_BottomRight.gif);
	background-color: transparent;
	background-repeat: no-repeat;
}

/* background/border colors for the selected tab */
.TabBg
{
	/* background-position: center center;*/
	background-image: url(images/Toolbar/toolBar_highlight.jpg);
	background-repeat: repeat-x;
	vertical-align:50%; 

}

/* background/border colors for the unselected tabs */
.OtherTabsBg
{
	/*background-position: center center; */
	background-image: url(images/Toolbar/toolBar_button.jpg);
	background-repeat: repeat-x;
	font-weight: bold;
	font-size: 12px;
	color: white;
	font-family: Arial, Helvetica, sans-serif;
	vertical-align:50%; 
}

.TabSeparator
{
	background-image: url(images/Toolbar/toolBar_sep.jpg);
	background-repeat: no-repeat;
}
	
/* tabs toolbar's background  */
.ToolbarBg
{
	background-image: url(images/Toolbar/toolBar_bg.jpg);
	background-repeat: repeat-x;
}

/* tabs toolbar's left margin */
.ToolbarLeft
{
	background-image: url(images/Toolbar/toolBar_Left.jpg);
	background-repeat: repeat-x;
}

/* tabs toolbar's right margin */
.ToolbarRight
{
	background-image: url(images/Toolbar/toolBar_right.jpg);
	background-repeat: no-repeat;
}

/* text style and background for the phone number on toolbar */
.PhoneNumber
{
	background-image: url(images/Toolbar/toolBar_bg.jpg);
	background-repeat:repeat-x;
	font-family:Arial, Helvetica, Sans-Serif;
	color:White;
	font-size:12px;	
	font-weight: bold;
	padding-bottom:5; 
	
}

/* text style for the selected tab */
.SelectedTab
{
	font-weight: bold;
	font-size: 12px;
	color: white;
	font-family: Arial, Helvetica, sans-serif;
	vertical-align:50%; 
}

/* text style for the unselected tabs vertical-align:text-top; */
.OtherTabs
{
	font-weight: bold;
	font-size: 12px;
	color: white;
	font-family: Arial, Helvetica, sans-serif;
	vertical-align:50%; 
	text-decoration: none;
}

/* hyperlink styles of the unselected tabs */
A.OtherTabs:link    {
    text-decoration:    none;
    color:#eeeeee;
}

A.OtherTabs:visited {
    text-decoration:    none;
    color:#eeeeee;
}

A.OtherTabs:active  {
    text-decoration:    none;
    color:#eeeeee;
}

A.OtherTabs:hover   {
    text-decoration:    underline;
    color:white;
}

/* background color for the content part of the pages */
.Body
{
    background-color: white;
    font-family: Arial, Helvetica, Sans-Serif;
}

.LeftPanel
{
/*	background-color: #e0e4e0;*/
}

.LeftPanelHeader
{
	font-size: 12px;
	font-family: Arial, Helvetica, Sans-Serif;
	color: white;
	font-weight: bold;
	background-color: #e00000;
}

.LeftPanelComponent
{
	background-color: #e0e4e0;
}

.MainMenu
{
	font-size: 12px;
	color: black;
	font-family: Arial, Helvetica, Sans-Serif;
	text-decoration: none;
}

.MainMenuSelected
{
	font-weight: bold;
	font-size: 12px;
	color: blue;
	font-family: Arial, Helvetica, Sans-Serif;
}

/* hyperlink styles of the unselected menu items */
A.MainMenu:link    {
    text-decoration: none;
    color:black;
}

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

A.MainMenu:active  {
    text-decoration:    none;
    color:blue;
}

A.MainMenu:hover   {
    text-decoration: underline;
    color:blue;
    font-weight:bold;
}

.WelcomeMessage
{
	font-weight: bold;
	font-size: 12px;
	color: black;
	font-style: italic;
	font-family: Arial, Helvetica, Sans-Serif;
}

.SignOffLink
{
	font-weight: bold;
	font-size: 11px;
	color: black;
	text-decoration: none;
	font-family: Arial, Helvetica, Sans-Serif;
}

/* hyperlink styles of the sign off link */
A.SignOffLink:link    {
    text-decoration: none;
    color:black;
}

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

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

A.SignOffLink:hover   {
    text-decoration: underline;
    color:red;
    font-weight:bold;
}


/*graphic separating the footer from the rest of the body*/
.FooterSeparator
{
	background-color: #3c5fb8;
}

.Footer
{
	background-color: White;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#3c5fb8;
}

.CookieCrumbs
{
	font-family:Arial, Helvetica, Sans-Serif;
	font-size:12px;
	color: Gray;
	font-weight:bold;
}

/* hyperlink styles of the cookie crumbs */
A.CookieCrumbs:link    {
    text-decoration: none;
    color:gray;
}

A.CookieCrumbs:visited {
    text-decoration:    none;
    color:gray;
}

A.CookieCrumbs:active  {
    text-decoration:    none;
    color:red;
}

A.CookieCrumbs:hover   {
    text-decoration: underline;
    color:blue;
    font-weight:bold;
}
   
/* text style for the site links (at extreme top-right of header) */
/* gls -- removed and relocated to the left panel 
.SiteLink {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold
}   

/* hyperlink style for the site links */
/*A.SiteLink:link {
    text-decoration: underline;
    color:black;
}

A.SiteLink:visited  {
    text-decoration: underline;
    color:#eeeeee;
}

A.SiteLink:active   {
    text-decoration:    none;
    color:#eeeeee;
}

A.SiteLink:hover    {
    text-decoration:    underline;
    color:white;
}*/

/* style for separator between site links */
/*.Accent
{
    color: red;
    font-weight:    bold;
}*/

/*shopping cart styles*/
.CartListHead
{
	background-color:Lime;
}

.CartListItem
{
	background-color:blue;
}

.CartListItemAlt
{
	background-color:#e0e4e0;
}

.CartListFooter
{
	background-color:Olive;
}


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

/* style of item titles by Announcements and events */
.ItemTitle    {
    font-family: Arial, Helvetica, sans-serif;
    font-size:  11px;
    font-weight:    bold;
    color: blue;
}

/* style for begining welcome message */
.BigTitle 
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 13px;
	font-weight: bold;
	color: Navy;
}

.GeneralContent
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	font-weight: normal;
	color: Navy;	
}

/* GENERAL */
/* style for module titles */
.Head   {
    font-family: Arial, Helvetica, sans-serif;
    font-size: smaller;
    font-weight: bolder;
    font-style:italic;
    color: black;
}

/* style of item titles on edit and admin pages and column headers*/
.SubHead
{
	font-weight: bold;
	font-size: 12px;
	color: black;
	font-family: Arial, Helvetica, sans-serif;
}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead {
    font-family: Arial, Helvetica, sans-serif;
    font-size:  small;
    font-weight: bold;
    color: black;
}

.ProductMenuHeader
{
    font-family: Arial, Helvetica, sans-serif;
    font-size:  medium;
    font-weight: bold;
    color: Gray;
    background-color: silver; /*#AAAAAA;*/

}

/* text style used for most text rendered by modules */
.Normal
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 12px    
}

/* text style used for most text rendered by modules */
.NormalProductHeader
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    line-height: 14px;  
     
}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
}

.NormalRed
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: red
}

.NormalBold
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color:Gray;
}

.NormalStrikeout
{
	font-weight: bold;
	font-size: 12px;
	color: black;
	font-family: Arial, Helvetica, Sans-Serif;
	text-decoration: line-through;
}

.Small
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size:11px;
	color:Black;
}


.ProductHeader
{
	font-weight: bold;
	font-size: 16px;
	color: black;
	font-family: Arial, Helvetica, Sans-Serif;
}

.ProductLink
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
	color:Black;
	text-decoration: underline;	
	line-height:2;
}

/* hyperlink style for the site links */
A.ProductLink:link {
    text-decoration: underline;
    color:black;
}

A.ProductLink:visited  {
    text-decoration: underline;
    color:gray;
}

A.ProductLink:active   {
    text-decoration: underline;
    color:black;
}

A.ProductLink:hover    {
    text-decoration: underline;
    color:red;
}

.ProductPricingTabHeader
{
	font-weight: bold;
	font-size: 12px;
	text-align:center;
	color: white;
	font-family: Arial, Helvetica, Sans-Serif;
	background-color: #3c5fb8;
}

.ProductPricingTabBackground
{
	background-color:#e0e4e0;
}

.BigRed
{
	font-weight: bold;
	font-size: 20px;
	color: red;
	font-family: Arial, Helvetica, Sans-Serif;
}

.SmallPrint
{
	font-size: 9px;
	color: gray;
	font-family: Arial, Helvetica, Sans-Serif;
}

.TopLeftCornerRounded
{
	background-position: left top;
	background-image: url(images/Borders/curve_left.gif);
	line-height: 4px;
	background-repeat: no-repeat;
}

.TopRightCornerRounded
{
	background-position: right top;
	background-image: url(images/Borders/curve_right.gif);
	background-repeat: no-repeat;
	line-height:4px;
}

.TopBorder
{
	BACKGROUND-POSITION-Y: top;
	background-image: url(images/Borders/top.gif);
	background-repeat: repeat-x;
	line-height:4px;
}

.BottomLeftCornerRounded
{
	background-position: left bottom;
	background-image: url(images/Borders/bottomLeftRounded.gif);
	background-repeat: no-repeat;
	line-height:4px;
}

.BottomRightCornerRounded
{
	background-position: right bottom;
	background-image: url(images/Borders/bottomRightRounded.gif);
	background-repeat: no-repeat;
	line-height:4px;
}

.BottomLeftCorner
{
	background-position: left bottom;
	background-image: url(images/Borders/bottomLeft.gif);
	background-repeat: no-repeat;
	line-height:4px;
}

.BottomRightCorner
{
	background-position: right bottom;
	background-image: url(images/Borders/bottomRight.gif);
	background-repeat: no-repeat;
	line-height:4px;
}

.BottomBorder
{
	BACKGROUND-POSITION-Y: bottom;
	background-image: url(images/Borders/bottom.gif);
	background-repeat: repeat-x;
	line-height:4px;
}

.LeftBorder
{
	BACKGROUND-POSITION-X: left;
	background-image: url(images/Borders/left.gif);
	background-repeat: repeat-y;
}

.RightBorder
{
	BACKGROUND-POSITION-X: right;
	background-image: url(images/Borders/right.gif);
	background-repeat: repeat-y;
}

/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton     {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
}
    
/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link {
    text-decoration:    underline;
    color: Navy;
}

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

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

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



/* GENERIC */
H1  {
    font-family: Arial, Helvetica, sans-serif;
    font-size:  20px;
    font-weight:    normal;
    color: black;
}

H2  {
    font-family: Arial, Helvetica, sans-serif;
    font-size:  20px;
    font-weight:    normal;
    color: black;
}

H3  {
    font-family: Arial, Helvetica, sans-serif;
    font-size:  12px;
    font-weight:    normal;
    color: black;
}

H4  {
    font-family: Arial, Helvetica, sans-serif;
    font-size:  12px;
    font-weight:    normal;
    color: black;
}

H5, DT  {
    font-family: Arial, Helvetica, sans-serif;
    font-size:  11px;
    font-weight:    bold;
    color: black;
}

H6  {
    font-family: Arial, Helvetica, sans-serif;
    font-size:  11px;
    font-weight:    bold;
    color: black;
}

TFOOT, THEAD    {
    font-family: Arial, Helvetica, sans-serif;
    font-size:  12px;
    color: black;
}

TH  {
    vertical-align: baseline;
    font-family: Arial, Helvetica, sans-serif;
    font-size:  12px;
    font-weight:    bold;
    color: black;
}

/* hyperlink styles are defined according to location on page
/*A:link  {
    text-decoration: underline;
    color: black;
}

A:visited   {
    text-decoration: underline;
    color: darkgray;
}

A:active    {
    text-decoration: underline;
    color: black;
}

A:hover {
    text-decoration:    underline;
    color:  red;
}*/

SMALL   {
    font-size:  8px;
}

BIG {
    font-size:  14px;
}

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


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

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

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

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: gray;
    height:1pt;
    text-align:left
}

img.floatLeft { float: left; 
margin: 4px; }

img.floatRight { float: right; 
margin: 4px; }