body 
{
  margin: 0px;
  padding: 0px;
  font-family:Verdana;
  font-size: 12px;
  background: url('../Library/Images/BodyBG.png') repeat;
  background-color:#D7E1FF;
}

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

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

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

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

.Maroon
{
    color:#990066
}

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

#ContentContainerHome
{
    width: 951px; 
    margin: 0 auto; 
    padding:10px 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: #000000
}

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 8px 15px;
    color:#A63E72;
    font-size: 15px;
    font-weight:bold;
}

#DevLogo
{
    text-align:right;
}

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

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

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

#ContentLeft li 
{
    padding-left: 1em; 
    text-indent: -1em; 
    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
{
    background-color:#505051;
    font-weight:bold;
    color:#FFFFFF;
}

.ContentLeftTableTDBlue
{
    background-color:#006699;
    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;
}

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

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

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

/*==================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
{
    width:141px;
    margin:0px 0px 0px 5px; 
    font-weight:bold; 
    font-size:11px; 
    color: #FFFFFF;
    background-image:url('../Library/Images/leftmenuSubHeader.png');
}

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

#LeftMenuContent .MenuSubHeaderLink a:hover
{
    width:121px;
    margin:0px 0px 0px 0px; 
    padding:0px;
    text-decoration: none;
    background:none;
    color:#A63E72;
}

#LeftMenuContent .MenuSubHeaderNoLink
{
    width:141px;
    margin:5px 0px 5px 0px;
    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: 930px; 
    margin: 0 auto; 
    height:120px; 
    background-color:#FFFFFF; 
    border: solid 1px #CCCCCC; 
    text-align:center;
}    

#FeaturesBar 
{
    width: 922px; 
    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:13px 32px 13px 0px;
}

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

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

.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; 
    /*border: 1px solid #CCCCCC; */
    padding:0px 3px 0px 10px; 
    margin-bottom:0px;
    color:#000000;
    /*background: url('../Library/Images/EUAbg.png') no-repeat;*/
}

.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;
}

.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:#000000;
    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:#000000;
}

.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:10px;
}

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

/*==================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;
}

/*==================================================*/

#SubSectionBanner
{
font-size:15px;
font-family:Verdana;
color: #990066;
border-bottom: solid 1px #AEAEAE;
width:100%;
margin-bottom:5px;
padding-bottom:5px;
}

/* Sitemap */

.TitleTD
{
    border: solid 2px #999999;
    color: #990033;
    text-align:center;
}
.SubTitleTD
{
    border: solid 2px #CCCCCC;
    color: #990033;
    text-align:center;
}

#Sitemap a:link {text-decoration:none; color: #999999;}
#Sitemap a:visited {text-decoration:none; color: #999999;}
#Sitemap a:hover {text-decoration:underline; color: #999999;}
#Sitemap a:active {text-decoration:none; color: #999999;}

#Sitemap .TitleTD a:link {text-decoration:none; color: #000000;}
#Sitemap .TitleTD a:visited {text-decoration:none; color: #000000;}
#Sitemap .TitleTD a:hover {text-decoration:underline; color: #000000;}
#Sitemap .TitleTD a:active {text-decoration:none; color: #000000;}

#Sitemap .SubTitleTD a:link {text-decoration:none; color: #000000;}
#Sitemap .SubTitleTD a:visited {text-decoration:none; color: #000000;}
#Sitemap .SubTitleTD a:hover {text-decoration:underline; color: #000000;}
#Sitemap .SubTitleTD a:active {text-decoration:none; color: #000000;}

#Sitemap a 
{
    display:block;
    padding:0px;
    margin:0px;
}


/* Right Content List formatting */

#Content ul
{
    list-style-type:none;
}

#Content li
{
    padding-bottom:10px;
}

#Content li .spancontent
{
    width:110px; 
    height:10px; 
    display:block; 
    float:left; 
    font-weight:bold;
}

#Content ul li .listorangearrow
{
color:#FF7D44;  
font-weight:normal;
}

/* Sample Code Containers */

.CodeContainer 
{
width:762px; 
background-color:#E5E5CC; 
border:solid 1px #BDBD7D;
padding-top:10px;
padding-right:5px;
}

.CodeContainer pre
{
     font-family:Verdana;
}

.CodeContainer .CodeGreen 
{
    color:#008000;
}

.CodeContainer .CodeRed 
{
    color:#A31515;
}

.CodeContainer .CodeBlue 
{
    color:#0000FF;
}

.CodeContainer .CodeAqua 
{
    color:#2B91AF;
}

.CodeContainer Code 
{
    white-space:  pre;
}

.CodeTextDarkGreyBG 
{
    background-color: #999999;
    float:left;
    padding:1px;
    font-weight:bold;
    width:150px;
    padding-bottom:2px;
}

.CodeTextGreyBG 
{
    background-color: #D0D0D0;
    color: #FFFFFF;
    float:left;
    padding:1px;
    font-weight:bold;
    width:65px;
    padding-bottom:2px;
}

.CodeTextLightGreyBG 
{
    background-color: #F1F1F1;
    color: #000000;
    padding:1px;
    font-weight:bold;
}

.ULseperator 
{
    display:inline;
    width:80px;
    font-weight:bold;
}

.gsmalpha 
{
    border: solid 1px #000000;
}

#QuickLinks
{
    color: #000000;
    background-color: #E5E5CC;
    padding: 5px;
    float:right;
    border: solid 1px #BDBD7D;
}

#Content a:link {text-decoration:none; color: #999999;}
#Content a:visited {text-decoration:none; color: #999999;}
#Content a:hover {text-decoration:underline; color: #999999;}
#Content a:active {text-decoration:none; color: #999999;}

#Content a.whitelink:link {text-decoration: underline; color: #FFFFFF; font-size:11px; }
#Content a.whitelink:visited {text-decoration:underline; color: #FFFFFF; }
#Content a.whitelink:hover {text-decoration:none; color: #FFFFFF; }
#Content a.whitelink:active {text-decoration:underline; color: #FFFFFF; }