/* Recommended naming conventions:

   PascalCase - Classes

   camalCase  - ID

*/

body {
	background-color: #fff;
	margin: 0;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 11px;
	color: #333;
	line-height: 1.4;
}

a { color: #369; text-decoration:underline; }
a:visited { color: #999; text-decoration: underline; }
a:active { color: #369; text-decoration: underline; }
a:hover { color: #369; text-decoration: underline;}



img { border: 0px; }

hr {
	background-color: #999;
	border: none;
	color: #999;
	height: 1px;
}

h2 {
	margin: 0px;
	font-family: Arial, Sans-Serif;
	font-size: 20px;
	color: #036;
	padding: 0px;
}


.NavMenu {
	border-top: solid 1px #999;
	border-bottom: solid 1px #999;
	height: 20px;
	padding-left: 10px;
	width: 1024;
}

/* Begin Region "Secondary Header (secondary pages) for Release 3.0" */

#mainHeaderSecondary {
	margin: 0;
	background: #fff url(../images/Main_Header_Sub_Background.jpg) no-repeat;
	height: 115px;
	width: 100%;
}

#mainHeaderSecondary #wrpUtilities {
	position: absolute;
	top: 50px;
	left: 583px;
	margin: 0;
}

#mainHeaderSecondary #homepageLink {
	position: absolute;
	top: 0px;
	left: 0px;
}

/* End Region */



/* Begin Region "Homepage for WSS Release" */

#mainHeader {
	background: #ccc url(../images/Main_Header_Background.jpg) no-repeat;
	height: 115px;
	width: 1024;
}

#mainHeader #homepageLink {
	position: absolute;
	top: 0px;
	left: 0px;
}

#mainHeader #downloadLink {
	position: absolute;
	top: 50px;
	left: 560px;
}

#mainHeader #purchaseLink {
	position: absolute;
	top: 50px;
	left: 660px;
}

#wrpHomeContent {
	width: 745px;
	border: solid 0px #999;
	
	margin-top: 20px;
	padding-left: 10px;
	margin-bottom: 30px;
}

#wrpHomeContent #mainBanner {
	width: 745px;
	height: 280px;
	border-bottom: 1 solid #ccc;
}


#wrpHomeContent #wrpInfoBoxes {
    width: 770px;
    border: solid 0px #ccc;
    margin-top: 10px;
	 
}

#wrpHomeContent #wrpInfoBoxes .MainInfoBox{
    width: 235px;
    border: solid 0px #ccc;
    float: left;
    margin-right: 20px;
}

#MainMessageLink{
	
}
#wrpMainMessage { 
   
    border: solid 0px #ccc;
	 background: #003366; 
	 margin-top: 0px;
	 margin-right: 0px;
	 width: 1024;
	 height: auto;
	 
}

#MainMessageLink{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 23px ;
	color: #dfece6;
	text-decoration: none;
	
}
#MainMessageLink1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 23px ;
	color: #dfece6;
	
	
}

#MainMessageText1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 23px ;
	 margin-top:0px;
	 width: 740px;
	margin-left: 10px;
	margin-bottom:2px;
	margin-right: 0px;
	color: #a3c7b5;
	border: solid 0px;
	
}

#MainMessageText2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 23px ;
	 margin-top: 25px;
	margin-left: 10px;
	margin-bottom: 15px;
	margin-right: 0px;
	color: #a3c7b5;
	border: solid 0px;
	visibility: hidden;
	position: absolute;  
	top: 137;
	
	
}

#MainMessageText3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 23px ;
	 margin-top: 39px;
	margin-left: 10px;
	margin-bottom: 15px;
	color: #a3c7b5;
	border: solid 0px;
	visibility: hidden;
	position: absolute;  
	top: 137;
}

#TabImg1 {
	position:absolute;
	top: 384;
	left:764;
	
}
#TabImg2 {
	position:absolute;
	top: 384;
	left:896;
	
}


#wrpHomeContent #mainAnnouncmentHeader {
    background: #fff url('/tdweb/images/mainAnnouncmentHeader.gif');
    background-repeat: no-repeat;
	height: 37px;
}

#wrpHomeContent #mainSharePointNews {
    background: #fff url('/tdweb/images/mainSharePointNews.gif');
    background-repeat: no-repeat;
	height: 37px;
}

#wrpHomeContent #mainGrooveNews {
    background: #fff url('/tdweb/images/mainGrooveNews.gif');
    background-repeat: no-repeat;
	height: 37px;
}

#wrpHomeContent .ContentNews {
	padding-top: 5px;
	padding-left: 10px;
	line-height: 1.7;	
    border: 1px solid #ccc;
    border-top: 0px;
    min-height: 125px;
}

#wrpSolutions {
	margin-top: 30px;
    margin-left: 160px;
    _margin-left: 3px;
    width: 260px;
    border: 0px solid #ccc;
    line-height: 18px;
    float: left;
}

#FrontPageSlogan {

	font-family: Arial, Sans-Serif;
	font-size: 28px;
	color: #036;
	padding: 0px;

}

/* End Region */



/* Begin Region "New Div layot (secondary pages) for Release 3.0" 

sec = id or class for secondary page;

ex: secContent;

*/



#wrpSecContent {

	width: 760px;

	\width: 770px;

	w\idth: 760px;

	padding: 10px 0px 0px 10px;

}



#secTitle {

	padding: 5px 0px 5px 200px;

	margin-bottom: 5px;

}



#secTitleNav0 {

	margin-left: 100px;

	margin-bottom: 5px;

	width: 600px;

}



#secContent {

	padding: 5px;

	margin-left: 195px;

}



#secContentNav0 {

	padding: 5px;

	margin-left: 95px;

	width: 600px;

}



#secContentNav0 b {
	color: #036;
	background: transparent;
	font-size: x-small;
}



#secContentNav0 ul {

	color: #036;

}



#secNavbar {

	float: left;

	width: 175px;

	\width: 185px;

	w\idth: 175px;

	margin: 0;

	margin-right: 5px;

	padding: 5px;

}



P#secTop {

	margin-top: 0;

}



#secFooter {

	clear: both;

	padding: 5px;

	margin-top: 5px;

}

/* End Region */



/* Begin Region 

   Review: where are these used? -Noam */
.navText { color: #003366; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 12px; line-height: 14px; font-weight: bold; }
a.navText { color: #003366; text-decoration: none; }
a.navText:visited { color: #003366; text-decoration: none; }
a.navText:active { color: #003366; text-decoration: none; }
a.navText:hover { color: #003366; text-decoration: underline;}

.featureTitle { color: #003366; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 11px; font-weight: bold;}

.bodyPageTitle {color: #003366; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 18px; font-weight: bold;}

.midDotBar {background-image: url("../images/midDotBar.gif");}
.midDotBar2 {background-image: url("../images/LineVert.gif");}

.quoteText { color: #003366; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 11px;}
a.quoteText { color: #003366;}

.tableLine {
	background-color: #A2C7B5;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 14pt;
	font-size: 75%;
	color: #333333;
}

.tableText2 { color: #333333; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 11px;}
a.tableText2 { color: #333333; font-weight: bold;}
a.tableText2:hover { color: #333333; text-decoration: underline; font-weight: bold;}

/* End Region */



/* classes for nav box in secondary pages */

.CaseStudyBoxTitle {padding-left: 5px; padding-right: 5px ;font-size: 95%; color: #003366; font-family: Arial, Helvetica, Verdana, sans-serif; font-weight: bold; border-style: solid; border-width: 1px;}

.CaseStudyBoxArrow {padding-left: 10px; padding-right: 5px; font-size: 12px; border-style: solid; border-width: 1px; font-family: Arial, Helvetica, Verdana, sans-serif; color: #003366}

a.CaseStudyBoxArrow {font-size: 100%; border: none; color: #003366; text-decoration:none; padding-left: 0px; padding-right: 0px;}

a.CaseStudyBoxArrow:active{border: none; color: #003366; text-decoration:none}

a.CaseStudyBoxArrow:visited{border: none; color: #003366; text-decoration:none}

a.CaseStudyBoxArrow:hover{border: none; color: #cccccc; text-decoration:none}

img.Image{ vertical-align:middle;}

/* classes for main content in secondary pages*/

.CaseStudyContentTitle{ font-size: 150%; color: #003366; font-weight: bold;font-family: Arial, Helvetica, Verdana, sans-serif;}

.CaseStudyContentSubTitle{ font-size: 95%; color: #003366; font-weight: bold;font-family: Arial, Helvetica, Verdana, sans-serif;}

.CaseStudyContentText{ font-size: 75%; color:#666666; line-height:14pt;font-family: Arial, Helvetica, Verdana, sans-serif;}

.CaseStudyContentHeader{font-size: 95%; color: #666666; font-weight: bold;font-family: Arial, Helvetica, Verdana, sans-serif;}

.CaseStudyContentQuote{ font-size: 75%; color: #003366; font-family: Arial, Helvetica, Verdana, sans-serif; line-height:14pt}

.NavLink { font-size: 75%; font-family: Arial, Helvetica, Verdana, sans-serif; color: #003366; padding-left: 5px; padding-right: 5px;}
a.NavLink { font-size: 100%; color: #369; text-decoration: underline; padding-left: 0px; padding-right: 0px;}
a.NavLink:active {color: #369; text-decoration: underline;}
a.NavLink:visited {color: #369; text-decoration: underline;}
a.NavLink:hover {color: #369; text-decoration: underline;}

.headerNavLinks { color: #003366; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 10px;}
a.headerNavLinks:link { color: #003366; font-weight: normal; text-decoration: none;}
a.headerNavLinks:visited { color: #003366; font-weight: normal; text-decoration: none;}
a.headerNavLinks:hover { color: #003366;  font-weight: normal; text-decoration: underline;}
a.headerNavLinks:active { color: #003366; font-weight: normal; text-decoration: none;}

/* for Main cust. feedback header link */
.MainHeaderLink {font-size: 15px; font-weight:bold; font-family: Arial, Helvetica, Verdana, sans-serif; color:#A3C5B9;}
a.MainHeaderLink {font-size: 15px; color: #A3C5B9; text-decoration: none; padding-left: 0px; padding-right: 0px;}
a.MainHeaderLink:active {color: #A3C5B9; text-decoration: none;}
a.MainHeaderLink:visited {color: #A3C5B9; text-decoration: none;}
a.MainHeaderLink:hover {color: #cccccc; text-decoration: none;}

/* When using '<Div>' the older classes did not seem to work correctly so the below work with Div pages*/
/* Below page column settings are for three columns in page...left most column being a menu area*/
.LeftPageColumn {position: absolute; left: 5px; top: 180px; height: 257px; width: 81px; padding: 0px;}
.MiddlePageColumn {position: absolute; left: 196px; top: 153px; height: 530px; width: 466px; padding: 0px;}
.theMiddle {
	margin-top: 30px;
	margin-left: 160px;
	width: 260px;
	border: 0px solid #ccc;
	line-height: 18px;
	float: none;
}
.RightPageColumn {position: absolute; left: 719px; top: 176px; height: 372px; width: 191px; padding: 0px;}
.LeftMenuTitleDiv {padding-left:5px; font-size: 11pt; color: #cccccc; font-family: Arial, Helvetica, Verdana, sans-serif; 
				font-weight: bold; width: 185px; border-style: solid; border-width: 1px; }

.TwoPageColumn-Left  {position: absolute; left: 85px; top: 266px; height: 557px; width: 350px; padding: 0px;}
.TwoPageColumn-Right {position: absolute; left: 470px; top: 266px; height: 557px; width: 350px; padding: 0px;}

.SPageLinks { font-size:12px; font-family: Arial, Helvetica, Verdana, sans-serif; color: #003366; padding-left: 5px; padding-right: 5px;}
	a.SPageLinks { font-size: 12px; color: #369; text-decoration: none; padding-left: 0px; padding-right: 0px;}
	a.SPageLinks:active {color:#FFFFFF; background-color:#000033; text-decoration: underline;}
	a.SPageLinks:visited {color: #369; text-decoration: none;}
	a.SPageLinks:hover {color: #369; text-decoration: underline;}

.SPageLinkBckground { background-color:#EEEEEE; }
	a.SPageLinkBckground:active { background-color:#FFCC33; }
	a.SPageLinkBckground:hover { background-color:#FFCC33; }

.LeftMenuBox {
	padding-left: 5px;
	margin-top:2px;
	font-size: 12px;
	border-style: solid;
	border-width: 1px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: #cccccc;
	width: 185px;
	height: 20px;
}

	a.LeftMenuBox {font-size: 100%; border: none; color: #003366; text-decoration:none; padding-left: 0px; padding-right: 0px;}
	a.LeftMenuBox:active{border: none; color: #003366; text-decoration:none}
	a.LeftMenuBox:visited{border: none; color: #003366; text-decoration:none}
	a.LeftMenuBox:hover{border: none; color: #cccccc; text-decoration:none}

.SupportRight {font-size:10px; color:#666666; font-family: Arial; border: none; padding: 0px;}

.SupportCentralLink { 
	padding-bottom: 2px; padding-top: 2px; padding-left: 5px; padding-right: 5px; 
	font-size: 12.5px; 
	border-style: none; 
	border-width: 0px; 
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	color: #003366; 
	text-decoration:none
	}
	a.SupportCentralLink {font-size: 100%; border: none; color: #003366; text-decoration:none; padding-left: 0px; padding-right: 0px;}
	a.SupportCentralLink:active{border: none; color: #003366; text-decoration:none}
	a.SupportCentralLink:visited{border: none; color: #003366; text-decoration:none}
	a.SupportCentralLink:hover{border: none; color: #cccccc; text-decoration:none}

.SContentPageTitle { color: #003366; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 18px; font-weight: bold; top: -102px; left: -1px;}

.SContentTitle{ font-size: 10pt; color: #003366; font-weight: bold; line-height:14pt;font-family: Arial, Helvetica, Verdana, sans-serif;}

.SContentText{ font-size: 10pt; color:#666666; font-family: Arial, Helvetica, Verdana, sans-serif;}

.SContentText1{ font-size: 10pt; color:#FFFFFF; font-family: Arial, Helvetica, Verdana, sans-serif;}

.sInfoLink { font-size: 7pt; font-family: Arial, Helvetica, Verdana, sans-serif; color: #003366; padding-left: 5px; padding-right: 5px;}
	a.sInfoLink { color: #003366; text-decoration: none; padding-left: 0px; padding-right: 0px;}
	a.sInfoLink:active {color: #369; text-decoration: underline;}
	a.sInfoLink:visited {color: #369; text-decoration: none;}
	a.sInfoLink:hover {color: #003366; text-decoration: underline;}

.LeftColumnHeader {
	width: 289px; height: 21px; 
	font-size: 12px; 
	background-color:#EAEAEA; 
	border-top-style:outset; border-top-color:#F2F2F2; border-top-width:thin; 
	border-right-style:outset; border-right-color:#F2F2F2; border-right-width:thin; 
	border-left-style:outset; border-left-color:#FFFFFF; border-left-width:thin;
	border-bottom-style:outset; border-bottom-color:#FFFFFF; border-bottom-width:thin;
	}
.RightColumnHeader {
	position:absolute; left: 325px; top: 182px; width: 274px; height: 21px; 
	font-size: 12px; 
	background-color:#EAEAEA; 
	border-top-style:outset; border-top-color:#F2F2F2; border-top-width:thin; 
	border-right-style:outset; border-right-color:#F2F2F2; border-right-width:thin; 
	border-left-style:outset; border-left-color:#FFFFFF; border-left-width:thin;
	border-bottom-style:outset; border-bottom-color:#FFFFFF; border-bottom-width:thin;
	}

.CenterColumnHeader { 
	position:absolute; 
	left:10px; top:79px; width:587px; height: 21px; 
	font-size: 12px; 
	background-color:#EAEAEA; 
	border-bottom-style:inset; border-bottom-color:#959595; border-bottom-width:thin;
	border-right-style:ridge; border-right-color:#F3F3F3; border-right-width:thin; 
	}

.TopPageBoxHeader {
	position: absolute; left: 10px; top: 46px; width:585px; 
	font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; font-size: 16px; font-weight:normal; 
	background-color:#003366; 
	}
.TopPageBox {
	position:absolute; left:11px; top:74px; width:585px; background-color:#EEEEEE; height: 81px;
	border-bottom-style:inset; border-bottom-color:#C3C3C3; border-bottom-width:thin;
	border-right-style:inset; border-right-color:#FFFFFF; border-right-width:thin; 
	border-left-style:outset; border-left-color:#FFFFFF; border-left-width:thin;
	}

.ColumnBoxHeader { 
	font:Arial, Helvetica, sans-serif; font-size:12px; 
	color:#ffffff; background-color:#003366;
	}
.ColumnBox { background-color:#EEEEEE; 
			border-bottom-width:thin; border-bottom-style:ridge; border-bottom-color:#C3C3C3; 
			border-right-style:ridge; border-right-color:#F5F5F5; border-right-width:thin; 
			border-left-style:ridge; border-left-color:#F4F4F4; border-left-width:thin;
			}
.ColumnBoxIcon {
	vertical-align:middle;
	padding-left:2px;
	padding-top:3px;
	}
	
.IndentText {
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	}
.IndentTextReadMore {
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: x-small;
}
.ItemMenu {font-size: 10.5pt; text-decoration: none; height: 20px; padding-bottom: 4px; }
	a.ItemMenu { text-decoration: none; height: 20px; }
	a.ItemMenu:active { text-decoration: none; height: 20px; }
	a.ItemMenu:visited { text-decoration: none; height: 20px; }
	a.ItemMenu:hover {text-decoration: underline; height: 20px; }

.ArrowBullet {width: 10px; height: 16px; vertical-align:absmiddle;}

.List {list-style: outside; disc; }

/* Begin Region */

#BottomLine
{
	background:  #003366;
	width: 100%;
	height: 20 px;
	margin-bottom: 0px;
}

#Footer {

	margin: 0px;
	padding-left: 10px;
}

/* End Region */