body 
{
  margin: 0px;
  padding: 0px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color:#30354C;
  background: url('../Library/Images/BodyBG.png') repeat;
  background-color:#D7E1FF;
}

* P, H2
{
    margin:0x;
    padding:0px;
}

textarea
{
  font-family: Arial, Helvetica, sans-serif;
}

H3
{
    font-size:1.4em;
    font-style:normal;
    font-variant:normal;
    color:#990066;
}

H1
{
	font-size: 19px;
	padding:10px 0px;
    color:#990066;
    font-style:normal;
    font-variant:normal;
}

.BoldGrey
{
    color:#666666; 
    font-weight:bold;
}

.Maroon
{
    color:#990066
}

ul.Maroon li span
{
       font-size:14px;
}

ul li span
{
       font-size:14px;
}

ol li span
{
        font-size:14px;
}

.BoldMaroon
{
    color:#990066;
    font-weight:bold;
}

#ContentContainer
{
    width: 951px; 
    margin: 0 auto; 
    padding:10px 15px 0px 15px; 
    background: url('../Library/Images/ShadowBG.png') repeat-y;
}

#ContentContainerHome
{
    width: 951px; 
    margin: 0 auto; 
    padding:13px 15px 0px 15px; 
    background: url('../Library/Images/ShadowBG_Home.png') repeat-y;
}

#Content 
{
   padding-left:20px;
   padding-bottom:10px;
   width:770px;
   float:left;
}

#ContentLeft
{
   width:560px;
}

#AdsRight 
{
    width:196px; 
    margin:0px;
    padding:0px;
    float:right
}

#ContentBottom
{
    width:981px; 
    margin: 0 auto; 
    height:24px;
}

a:link, a:visited 
{
    text-decoration:none;
    color:#30354C;
}

a:hover
{
    text-decoration:underline;
    color: #000000
}

a.ContentLink 
{
    color:#A63E72
}


#Header 
{
    width:981px;
    margin: 0 auto;

} 

#HeaderTitle
{
    width:951px;
    margin: 0 auto;
    text-align:right;
    padding:17px 15px 0px 15px;
    color:#A63E72;
    font-size: 15px;
    font-weight:bold;
    height:26px;
}



#HeaderTitleHome
{
    width:951px;
    height:128px;
    margin: 0 auto;
    text-align:right;
    padding:20px 14px 3px 16px;
    color:#A63E72;
    font-size: 15px;
    font-weight:bold;
    margin-top:5px;
}

#Logo
{
    padding: 10px 0px 5px 0px;
    width:170px;
    float:left;
}

#Footer 
{
    width:981px;
    margin: 0 auto;
}

#Footer a:link
{
    text-decoration:none;
    color:#FFFFFF;
}

#Footer a:hover 
{
    text-decoration: underline;
    color:#bdbdbd;
}

.MachineName
{
	color:#cecece;
}

#ContentLeft li 
{
    padding-left: 1em; 
    text-indent: -0.8em; 
    padding-bottom:5px;
}

#ContentLeft ul 
{
    padding-left:0px; 
    margin-left:5px; 
    list-style-type:none;
}

.ContentLeftTable 
{
    border: solid 1px #EEEEEE;
    width:400px;
    text-align:center;
}

.ContentLeftTableTR
{
     background-color:#DEDEDE;
}

.ContentLeftTableTRAlt
{
     background-color:#C2C2C0;
}

.ContentLeftTableTopTR
{
    font-weight:bold;
    color:#FFFFFF;
    background: #505051 url('../Library/Images/TableHeaderGrad.png') repeat-x  top; 
}

.ContentLeftTableTDBlue
{
    background-color:#006699;
    font-weight:bold;
    color:#FFFFFF;
}

.ContentLeftTableTDBlueCol2
{
    background-color:#0091D7;
    font-weight:bold;
    color:#FFFFFF;
}

.ContentLeftTableTDBlueCol3
{
    background-color:#4AC5FF;
    font-weight:bold;
    color:#FFFFFF;
}

.ContentLeftTableTDGrey
{
    background-color:#CCCCCC;
    font-weight:bold;
    color:#FFFFFF;
}

.BreadCrumb 
{
    color: #000000;
    font-size:smaller;
    margin-bottom:19px;
}

.BreadCrumb a:visited
{
    text-decoration:none;
    color: Gray;
}

.BreadCrumb a:hover
{
    text-decoration:underline;
    color: Gray;
}

.BreadCrumb a:active
{
    text-decoration:underline;
    color: Gray;
}
    
/*==================Menu==============================*/

#MenuContainer
{
    width:981px;
    margin: 0 auto;
    height:41px;
    float:left;
}

#Menu 
{
    width:935px;
    margin: 0 auto;
    height:41px;
    float:left;
    background-image: url('../Library/Images/Tab_BG.png');
    background-repeat:repeat-x;
}

.MenuItem
{
    height:41px;
    font-family:Verdana;
    font-size:12px;
    padding:0px; 
    float:left; 
    color:#ffffff;
}

#Menu a
{
    display:block;
    padding:10px 8px 0px 8px;
    text-decoration: none;
    text-align:center;
    color:#FFFFFF;
}

#Menu a:link 
{
     background-image:none;
}

#Menu a:hover 
{
    background-image: url('../Library/Images/Tab_Rollover.png');
    display:block;
    height: auto;
    text-decoration: none;
    text-align:center;
    color:#FFFFFF;
    padding-bottom:11px;

}

#Menu .adminlink 
{
     background-image:none;
     color:#FFF200;
}

.MenuSeparator
{
    width:3px; 
    float:left
}

.MenuCorners 
{
    width:23px; 
    float:left;
}

#SubMenu 
{
    float:right; 
    width:780px; 
    height:75px; 
    text-align:right; 
    padding-top:5px;
    font-size:12px;
}


/*==================Left Menu==============================*/

#LeftMenu 
{
    width: 160px;
    float:left;
}

#LeftMenuHeader
{
    background: url('../Library/Images/LeftMenuHeader.png') repeat-y;
    width: 140px;
    padding: 11px 5px 6px 15px;
    font-size:12px;
    font-weight:bold;
}

#LeftMenuHeader A:hover
{
    color: #990066;
    text-decoration:none;
}

#LeftMenuContent
{
    background-image: url('../Library/Images/LeftMenuBG.png');
    padding:5px 5px 0px 5px;
    margin:0px;
}

#LeftMenuContent P
{
    text-indent:0px;
    width:150px;
    text-decoration: none;
    padding:3px 0px 3px 0px;
    margin:0px 0px 0px 0px;
}

#LeftMenuContent a
{
    display:block;
    width:140px;
    text-decoration: none;
    padding: 3px 0px 3px 10px;
    margin:0px;
}

#LeftMenuContent a:hover
{
    width:140px;
    text-decoration: none;
    background-color: #FFFFFF;
    color:#A63E72;
    padding-left:10px;
}

#LeftMenuFooter
{
    padding:0px;
    margin:0px;
}


#LeftMenuContent .MenuSubHeaderLink
{
    padding:5px 0px 6px 9px; 
    font-weight:bold; 
    font-size:12px; 
    color: #FFFFFF;
    background-image:url('../Library/Images/leftmenuSubHeader.png');
}

#LeftMenuContent .MenuSubHeaderLink a 
{
    color: #000000;
    text-decoration:none;
    background-image:none;
    padding:0px;
}

#LeftMenuContent .MenuSubHeaderLink a:hover
{
    width:140px;
    text-decoration: none;
    background:none;
    color:#A63E72;
}

#LeftMenuContent .MenuSubHeaderNoLink
{
    padding:5px 0px 6px 9px; 
    font-weight:bold; 
    font-size:11px; 
    background-image:url('../Library/Images/leftmenuSubHeader.png')
}


/*==================Right Menu==============================*/

#RightMenu 
{
    width: 160px;
    float:Right;
}

#RightMenuHeader
{
    background: url('../Library/Images/LeftMenuHeader.png') repeat-y;
    width: 190px;
    padding: 12px 5px 7px 15px;
    font-size:11px;
    font-weight:bold;
}

#RightMenuContent
{
    background-image: url('../Library/Images/RightMenuBG.png');
    padding:5px;
}

#RightMenuContent P
{
    padding:0px 5px 0px 5px;
}

#RightMenuContent .RightMenuContentLink
{
    text-indent:0px;
    width:150px;
    text-decoration: none;
    padding:0px 0px 3px 0px;
    margin:1px 0px 0px 0px;
}

#RightMenuContent a
{
    display:block;
    width:150px;
    text-decoration: none;
    padding-left:10px;
    margin:0px;
}

#RightMenuContent a:hover
{
    
    width:140px;
    text-decoration: none;
    background-color: #FFFFFF;
    color:#A63E72;
    padding-left:10px;
}

.RightMenuPara 
{
    padding:0px;
    font-size: 10px;
    margin-top: 0px;
}

/*==================Home Page Specific ==============================*/

#FlashContainer 
{
    width: 981px; 
    margin: 0 auto; 
    height:227px; 
    /*background: url('../Library/Images/HomeSubMenuBG.png') no-repeat;*/
    margin-top:5px;
}    

#FeaturesBarContainer
{
    width:981px;
    margin: 0 auto; 
    padding-left:0px; 
    padding-top:12px; /*was 10px*/
    /*background: url('../Library/Images/Header_Flash_Below.png') top left;*/ 
    background: url('../Library/Images/ShadowBG_Home.png') repeat-y;
    height:20px; /*was 57px */
}  

#FeaturesBar 
{
    width: 921px; 
    margin: 0 auto; 
    background-color:#F4F4F4; 
    border: solid 1px #CCCCCC; 
    padding: 4px; 
    text-align:center;
    margin-top:3px;
    margin-bottom:13px
}

#EndUserAppsContainer
{
    float:left; 
    width:337px; 
    background-color:#FFFFFF; 
    margin:0px 32px 13px 0px;
}

#DevToolkitContainer
{
    float:left; 
    width:337px; 
    background-color:#FFFFFF; 
    margin:0px 29px 13px 0px;

}

#AdvertsContainer
{
    float:left; 
    width:148px; 
    background-color:#FFFFFF; 
    margin:0px 0px 13px 3px;

}

.ColumnTitle
{
    float:left; 
    width:334px; /* Maybe set on page */
    height:13px; /* Maybe set on page */
    border: 1px solid #CCCCCC; 
    padding:2px 0px 3px 3px; 
    margin-bottom:13px;
    background: url('../Library/Images/EUATitleBg.png') no-repeat;
    background-color:#EEEEEE; 
    font-weight:bold;
    font-size:0.95em;
}

.EndUserAppsBox
{
    float:left; 
    width:325px; 
    height:110px; 
    background-color:#FFFFFF; 
    padding:0px 3px 0px 10px; 
    margin-bottom:0px;
    color:#000000;
}

.EndUserAppsBox a
{
    color:#787878;
    text-decoration: none;
}

.EndUserAppsBox a:hover
{
    color:#000000;
    
}

.EndUserAppsLogoTitle
{
    /* Img set on page per app */
    float:left; 
    margin:0px; 
    padding:8px 0px 10px 5px; 
    font-size:20px; 
    color:#666666;
}

.EndUSerAppsText
{
    margin:0px; 
    padding:5px 0px 5px 0px;
    color:#30354C;
}

.EndUSerAppsArrow
{
    width:325px
}

.EndUSerAppsArrow img
{
    float:right; 
    border:0px;
}

#DevToolKitBox
{
    float:left; 
    width:327px;
   /* background: url('../Library/Images/DevToolkitBG.png') no-repeat; */
    background-color: #F3F3EC;
    border: 1px solid #CCCCCC;
    padding:10px 5px 10px 5px; 
    color:#30354C;
    margin-bottom:13px;
}

/*.DevToolkitSubSections
{
   float:left; 
   width:324px; 
   background-color:#FFFFFF; 
   padding:0px; 
   margin:0px; 
}

.DevToolkitSubSectionsIcons
{
    float:left; 
    height:31px; 
    width:37px;
}

.DevToolkitSubSectionsTitles
{
    padding:8px 0px 5px 3px; 
    float:left; 
    width:274px; 
    background: url('../Library/Images/DTLogosBG.png') repeat-x; 
    color:#AEAEAE;
}

.DevToolkitSubSectionsImg
{
    float:left; 
    height:31px; 
    width:8px;
}*/

#WhiteLabelBox
{
    float:left; 
    width:327px;
    /*background: url('../Library/Images/WhiteLabelBG.png') no-repeat; */
    background-color: #F3F3EC;
    border: 1px solid #CCCCCC;
    padding:10px 5px 10px 5px; 
    color:#30354C;
}

.AdvertsBox 
{
    float:left; 
    width:186px;
    background-color:#FFFFFF; 
    border: 1px solid #CCCCCC; 
    padding:3px; 
    margin-bottom:13px;
}

#OpLogos
{
    width: 930px; 
    margin: 0 auto; 
    background-color:#EEEEEE; 
    border: solid 1px #CCCCCC; 
    padding: 3px 0px 3px 0px; 
    text-align:center;
}

a.LearnMore
{
    color:#0391D2;
    font-size:12px;
}

a.LearnMore:hover
{
    color:#0391D2;
    font-size:12px;
    text-decoration:underline;
}

.EndUserAppsimages 
{
    padding:0px 5px 0px 0px; 
    float:left;
    border:0px;
    border-style:none;
}

/*==================Products Page Specific ==============================*/

P.BlockLink
{
    padding: 5px; 
    margin:5px 0px 5px 0px; 
    display:block; 
    top:0px; 
    left: 0px;
}

P.BlockLink a {display:block; padding:5px;}
P.BlockLink a:link {color: black; text-decoration:none;}
P.BlockLink a:hover {background-color:#EEEEEE; text-decoration:none; }
P.BlockLink a.TO:hover {background-color:#fef3fe; text-decoration:none; }
P.BlockLink a.TC:hover {background-color:#f3f7fe; text-decoration:none; }
P.BlockLink a.TP:hover {background-color:#f3fef5; text-decoration:none; }
P.BlockLink a.TE:hover {background-color:#fef8f3; text-decoration:none; }
P.BlockLink a.TI:hover {background-color:#F4FBEA; text-decoration:none; }
P.BlockLink a.TA:hover {background-color:#fef3f3; text-decoration:none; }

P.BlockLink img
{
    border:0px;
    border-style:none;
    float:left; 
    padding:0px 5px 10px 0px; 
}

/*================== Sitemap ==============================*/

.ItemBox 
{
    margin: 0 auto; 
    width: 120px; 
    height: 30px; 
    border: solid 1px #cccccc; 
    padding-top:15px; 
    text-align:center;
    margin-bottom: 5px;
}

.ItemBox P
{
    padding-top:10px;
}

/*================== Products Pages Specific ==============================*/

.Productlogo 
{
    float:left; 
    margin-right:3px; 
    height:45; 
    width:40;
}

/*================== Submit button Specific ==============================*/

.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.Submit {
    background: transparent url('../Library/Images/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.Submit span {
    background: transparent url('../Library/Images/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}

a.Submit:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.Submit:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}

/*********Gallery *******************/

.galleria{list-style:none;width:200px}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */

a{color:#348;text-decoration:none;outline:none;}
a:hover{color:#67a;}
.GalleryContainer{position:relative;margin-top:2em;}
.Gallery{width:702px;margin:0 auto;}
.Gallery li{width:68px;height:50px;border:2px solid #e6e6e6;margin: 0 2px;}
.Gallery li div .caption{font:italic 0.7em/1.4}

#main_image{margin:0 auto 60px auto;height:438px;width:700px; }
#main_image img{margin-bottom:10px;}

.nav{padding-top:15px;clear:both;text-transform:uppercase;}
 
 
 /**************Sub Menu**********************/
 
 .SubMenu
 {
	background: transparent url('../Library/Images/SubMenu_BG.png') no-repeat;
	width:550px;
	height:65px;
	padding:0px 5px 0px 5px;
	float:left;
	margin:0px 0px 45px 0px;
 }
 
  .HPSubMenu
 {
	width:980px;
	height:65px;
	padding:0px 5px 0px 5px;
	float:left;
	margin:0px 0px 45px 0px;
 }
 
 .SubMenu H1
{
    font-size:1.4em;
    font-style:normal;
    font-variant:normal;
    padding: 20px 0px 10px 10px;
    margin:0px;
}

 

.fadeThis 
{
	position:relative;
	display:block;
	height: 40px;
	width: 41px;
	margin: 0px 10px;
}

LI.TO .fadeThis 
{
	background:url(images/SubMenu_TO.png) 0 0 no-repeat;
}

.HPSubMenu LI.TO .fadeThis 
{
	background:url(images/HPMenu_TO_Off.png) 0 0 no-repeat;
}

LI.TC .fadeThis 
{
	background:url(images/SubMenu_TC.png) 0 0 no-repeat;
}

.HPSubMenu LI.TC .fadeThis 
{
	background:url(images/HPMenu_TC_Off.png) 0 0 no-repeat;
}

LI.TP .fadeThis 
{
	background:url(images/SubMenu_TP.png) 0 0 no-repeat;
}

.HPSubMenu LI.TP .fadeThis 
{
	background:url(images/HPMenu_TP_Off.png) 0 0 no-repeat;
}

LI.TE .fadeThis 
{
	background:url(images/SubMenu_TE.png) 0 0 no-repeat;
}

.HPSubMenu LI.TE .fadeThis 
{
	background:url(images/HPMenu_TE_Off.png) 0 0 no-repeat;
}

LI.TA .fadeThis 

{
	background:url(images/SubMenu_TA.png) 0 0 no-repeat;
}

.HPSubMenu LI.TA .fadeThis 

{
	background:url(images/HPMenu_TA_Off.png) 0 0 no-repeat;
}

LI.TI .fadeThis 
{
	background:url(images/SubMenu_TI.png) 0 0 no-repeat;
}

.HPSubMenu LI.TI .fadeThis 
{
	background:url(images/HPMenu_TI_Off.png) 0 0 no-repeat;
}

LI.DT .fadeThis 
{
	background:url(images/SubMenu_DT.png) 0 0 no-repeat;
}

.HPSubMenu LI.DT .fadeThis 
{
	background:url(images/HPMenu_DT_Off.png) 0 0 no-repeat;
}

LI.WL .fadeThis 
{
	background:url(images/SubMenu_WL.png) 0 0 no-repeat;
}

.HPSubMenu LI.WL .fadeThis 
{
	background:url(images/HPMenu_WL_Off.png) 0 0 no-repeat;
}
	
.fadeThis * 
{
	display: none;
}
	
.fadeThis span.hover 
{
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	height: 40px;
	width: 41px;
}

.TO .fadeThis span.hover 
{
	background:url(images/SubMenu_TO.png) 0 -40px no-repeat;
	cursor: pointer;
}

.TC .fadeThis span.hover 
{
	background:url(images/SubMenu_TC.png) 0 -40px no-repeat;
	cursor: pointer;
}

.TP .fadeThis span.hover 
{
	background:url(images/SubMenu_TP.png) 0 -40px no-repeat;
	cursor: pointer;
}

.TE .fadeThis span.hover 
{
	background:url(images/SubMenu_TE.png) 0 -40px no-repeat;
	cursor: pointer;
}

.TA .fadeThis span.hover 
{
	background:url(images/SubMenu_TA.png) 0 -40px no-repeat;
	cursor: pointer;
}

.TI .fadeThis span.hover 
{
	background:url(images/SubMenu_TI.png) 0 -40px no-repeat;
	cursor: pointer;
}

.DT .fadeThis span.hover 
{
	background:url(images/SubMenu_DT.png) 0 -40px no-repeat;
	cursor: pointer;
}

.WL .fadeThis span.hover 
{
	background:url(images/SubMenu_WL.png) 0 -40px no-repeat;
	cursor: pointer;
}

	
.fadeThis span.hover 
{
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	height: 40px;
	width: 41px;
}

.TO	.fadeThis span.hover 
{
	background:url(images/SubMenu_TO.png) 0 -40px no-repeat;
	cursor: pointer;
}

.TC	.fadeThis span.hover 
{
	background:url(images/SubMenu_TC.png) 0 -40px no-repeat;
	cursor: pointer;
}

.TP	.fadeThis span.hover 
{
	background:url(images/SubMenu_TP.png) 0 -40px no-repeat;
	cursor: pointer;
}

.TE	.fadeThis span.hover 
{
	background:url(images/SubMenu_TE.png) 0 -40px no-repeat;
	cursor: pointer;
}

.TI	.fadeThis span.hover 
{
	background:url(images/SubMenu_TI.png) 0 -40px no-repeat;
	cursor: pointer;
}

.TA	.fadeThis span.hover 
{
	background:url(images/SubMenu_TA.png) 0 -40px no-repeat;
	cursor: pointer;
}

.DT	.fadeThis span.hover 
{
	background:url(images/SubMenu_DT.png) 0 -40px no-repeat;
	cursor: pointer;
}

.WL	.fadeThis span.hover 
{
	background:url(images/SubMenu_WL.png) 0 -40px no-repeat;
	cursor: pointer;
}

.navlist
{
	margin:0px 0px 0px 0px;
	padding: 0px 0px 0px 4px;
}

.HPnavlist
{
	margin:75px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
}

.HPnavlist img
{
	float:left;
}



.navlist li
{
	display: inline;
	list-style-type: none;
	float:left;
	margin: 0px 3px 0px 4px;
	padding: 0px 0px 0px 0px !important;
}

.HPnavlist li
{
	display: inline;
	list-style-type: none;
	float:left;
	margin: 0px 55px 0px 55px;
}

.Title
{
	float:left;
	margin:0px 0px 0px 10px;
	font-weight: bold;
	font-size: 15px;
	/*letter-spacing: 2px;*/
}

.TitleTO
{
	color:#792FAE
}

.TitleTC
{
	color:#117191
}

.TitleTP
{
	color:#568F5E
}

.TitleTE
{
	color:#E3823E
}

.TitleTI
{
	color:#8EC530
}

.TitleTA
{
	color:#EC5B5B
}

.TitleDT
{
	color:#696937
}

.TitleWL
{
	color:#030382
}
 
/*.fadeinlogo { position:relative; height:85px; width:190px; padding: 1px 0px 1px 1px; border: 1px solid #CCCCCC; width:191px; margin-bottom:13px; }
.fadeinlogo img { position:absolute; left:1; top:1; }*/

/*** set the width and height to match your images **/

#slideshow {
    position:relative;
    height:85px; 
	width:190px; 
	padding: 1px 0px 1px 1px; 
	border: 1px solid #CCCCCC; 
	width:191px; 
	margin-bottom:13px;}

 
#slideshow IMG {
    position:absolute;
    top:1;
    left:1;
    z-index:8;
    opacity:0.0;
}
 
#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}
 
#slideshow IMG.last-active {
    z-index:9;
}