/*********************************************
  Generic Regions
*********************************************/

.class_icon 
{
    background:url('../Images/ClassIconBackground.png') no-repeat;
    width:40px;
    height:40px;
    box-shadow: 1px 1px 3px 0px #808080;
    border-radius:2px;
    margin:4px;
}

.class_icon IMG
{
    margin:4px;
    width:32px;
    height:32px;
    box-shadow: 0px 0px 0px 0px #000;
    border-radius:0px;
}

#sidebar
{
    background:#e0e0e0;
    position:absolute;
    right:0px;
    width:260px;
    padding:1em 10px;
    white-space:normal;
    border-radius:4px;
    display:none;
    z-index:1;
}

#jumplink 
{
    float:right;
    font-weight:bold;
    font-size:0.875em;
    padding:0px 16px 4px 0px;
    background:url(../Images/arrow_down.png) right center no-repeat;
    cursor:pointer;
}

.note, .tip, .warning, .quote, .todo, .announce, .section
{
    padding:0.5em 1em 0.5em 2em;
	margin:0.5em 1em;
	border-radius: 3px;
    overflow:hidden;
	/*max-width:55em;*/
}

.section
{
    background:#F0F0F0;
    border:1px solid #E0E0E0;
}

.announce
{
    background:#FFF8EE;
    border:1px solid #DDD8CC;
}

.note
{
    background:#FFFFDD url('../Images/note.png') scroll 2px 2px no-repeat;
    border:1px solid #DDDDBB;
}

.warning
{
    background:#FFEEEE url('../Images/warning.png') scroll 2px 2px no-repeat;
    border:1px solid #DDCCCC;
}

.tip
{
    background:#EEFFEE url('../Images/tip.png') scroll 2px 2px no-repeat;
    border:1px solid #CCDDCC;
}

.quote
{
    background:#EEEEFF url('../Images/quote.png') scroll 2px 2px no-repeat;
    border:1px solid #CCCCDD;
    font-style:italic;
}

.todo
{
    background:#FFF8EE url('../Images/construction.png') scroll 2px 2px no-repeat;
    border:1px solid #DDD8CC;
    font-style:italic;
}

.note P:first-child, .warning P:first-child, .tip P:first-child, .quote P, .todo P:first-child
{
    margin-top:0px;
    margin-bottom:0px;
}

.note IMG, .warning IMG, .tip IMG, .quote IMG, .todo IMG
{
    max-width:100%;
}

.note LI, .warning LI, .tip LI, .quote LI, .todo LI
{
    /*max-width:55em;*/
}

.toc_alpha
{
    background: #E0E0E0;
    border: 1px solid #C0C0C0;
    border-radius: 3px;
    padding:2px 6px;
    font-size:1.375em;
}

.toc_alpha P
{
    margin:0px;
    padding: 0px;
}

.toc_alpha A
{
    font-weight:bold;
}

.wrapper
{    
    background: #E2E3E4;
    border: 1px solid #C0C0C0;
    overflow:hidden;
    padding:0em 1em;
}

/*
.wrapper p
{
    margin:-0.25em -0.125em;
}

.paragraph
{
    margin:0.5em 0em;
}
*/

.normaltitle
{
    font-size:1em;
    font-weight:bold;
	color:#011758;
}

.smalltitle
{
    font-size:0.875em;
    font-weight:bold;
	color:#011758;
}

.largetitle
{
    font-size:1.125em;
    font-weight:bold;
	color:#011758;
}

.wrapper .largetitle
{
    width:100%;
    font-size:1.125em;
    font-weight:bold;
	color:#011758;
	padding:2px 4px 2px 8px;
	background:#f4f4f4;
	border-radius:4px;
	margin-left:-8px;
}

.wrapper .largetitle P 
{
    background: #F4F4F4;
    border-radius: 4px;
    color: #011758;
    font-size: 1.25em;
    font-weight: bold;
    margin-bottom: 2px;
    margin-left: -8px;
    margin-top: -3px;
    padding: 0px 4px 2px 8px;
    width: 100%;
}

.largetitle P
{
    margin:0;
    padding:0;
    /*font-size:1.5em;*/
}

.largetitle IMG
{
    margin:0px auto;
	box-shadow:0px 0px 0px 0px rgba(0,0,0,0);
    border-radius:0px;
    width:20px;
    height:20px;
    float:left;
    margin:4px 3px 0px -2px;
    padding:0px 5px 0px 0px;
}

.wrapper .arrowlist 
{
    padding-left:18px;
}

.floatleft
{
    float:left;
}

.floatright
{
    float:right;
}

.underline
{
    text-decoration:underline;
    display:inline-block;
}

.caption
{
    font-size:10px;
    font-style:italic;
    margin-left:1em;
}

.figure
{
	margin-left: 5em;
	margin-right: 5em;
	/*max-width:60em;*/
}

.figure .caption
{
	font-style: italic;
	margin: 0.5em auto 2em auto;
	width: 40em;
}

.transparent
{
    background:transparent;
}

.arrowlist ul
{
    margin:0.5em 0em 0.5em 1.75em;
    padding:0em;
}

.arrowlist li
{
    list-style-type:square;
    /*background:url(../Images/arrow_rt_public_dark.png) no-repeat 0px 5px;*/
    padding:2px 0px 0px 0px;
    font-size:1em;
}

.arrowlist ul ul
{
    margin:0.25em 0em 0.25em 1.75em;
    padding:0em;
}

.arrowlist li li
{
    background:none;
    padding:2px 0px 0px 0px;
    font-size:1em;
}

.arrowlist li a
{
    font-weight:bold;
}

.plainlist ul
{
    list-style-type:none;
    padding:0px;
    margin:0px;
}


.plainlist li
{
    margin:0px;
}

.iconlist
{
    overflow:auto;
}

.iconlist ul
{
    list-style:none;
    margin:0;
    padding:0;
}

.iconlist li
{
    float:left;
    margin-right:10px;
}

.iconlist img
{
    border-radius:0px;
    box-shadow:0px 0px 0px #000000;
    height:20px;
}

.flowlist
{
    background:#E2E3E4;
    float:left;
    margin:0em 0em 1em;
}

.flowlist after
{
    clear:both;
}

.flowlist ul
{
    list-style:none;
    border:0px solid #000000;
    border-radius:4px;
    margin:0em;
    padding:2.0em;
}

.flowlist ul:after
{
    clear:both;
}

.flowlist li .listitem
{
    background:#313233;
    font-size:1.25em;
    font-weight:bold;
    display: inline-block;
    border: 0px solid #939597;
    border-radius: 8px;
    padding:0.25em 0.5em;
}

.flowlist li:hover .listitem
{
    background:#4C4C4E;
}

.flowlist li .special
{
    background:#D8671C;
}

.flowlist li:hover .special
{
    background:#F7931D;
}

.flowlist li .listitem a
{
    text-decoration:none;
    color:#FFFFFF;
}

.flowlist li
{
    padding:0em 0em 1em 0em;
    margin:0.25em 0.25em 0.25em 0.25em;
    background:url(../Images/arrow_down.png) no-repeat bottom center;
    text-align:center;
}

.flowlist li:last-child
{    
    padding:0px 0px 0px 0px;
    background:none;
}

.contentbox
{
    border:1px solid #000000;
    border-radius:4px;
    padding:1.0em;
}

.pagebreak
{
    page-break-after:always;
    height:0px;
    width:0px;

}

.half
{
    width:50%;
}

.third
{
    width:33%;
}

.fourth
{
    width:25%;
}

.fifth
{
    width:20%;
}

.sixth
{
    width:16.67%;
}

.seventh
{
    width:14.28%;
}

.eighth
{
    width:12.5%;
}

.ninth
{
    width:11.11%;
}

.tenth
{
    width:10%;
}

.tooltip
{
    display:inline-block;
}

.tipcontent
{
    display:none;
}

.OS
{
    clear:both;
    margin:1em 0em;
}

.tab
{
    background:#606060 scroll 5px 5px no-repeat;
    border:0px solid #a0a0a0;
    padding:4px 12px 4px 24px;
    margin-top:2px;
    color:#f0f0f0;
    float:left;
    cursor:pointer;
}

.active_tab
{
    background-color:#f0f0f0;
    border:1px solid #a0a0a0;
    border-bottom:0px solid #a0a0a0;
    padding:4px 12px 6px 24px;
    margin-top:0px;
    margin-bottom:-2px;
    color:#000000;
    z-index:10;
}

.tab_content
{
    background:transparent scroll 5px 5px no-repeat;
    border:1px solid #a0a0a0;
    padding:6px;
    clear:both;
    display:none;
}

.active_tab_content
{
    border:1px solid #a0a0a0;
    padding:6px;
    clear:both;
    display:block;
}

.button
{
    background:#f0f0f0 scroll 5px 5px no-repeat;
    border:1px solid #a0a0a0;
    padding:4px 12px 4px 24px;
    margin:2px 2px 8px 2px;
    color:#404040;
    float:left;
    cursor:pointer;
}

.button p
{
    padding:0px;
    margin:0px;
}

.button:hover
{
    background-color:#a0a0a0;
    color:#FFFFFF;
}

.button:active
{
    background-color:#00ADEF;
    color:#FFFFFF;
}

.active_button, .active_button:hover
{
    background-color:#606060;
    border:1px solid #a0a0a0;
    color:#f0f0f0;
}

.button_content
{
    padding-left:24px;
    clear:both;
    background:#f0f0f0 scroll 5px 2px no-repeat;
    margin-left:-28px;
    display:none;
}

.button_content .container
{
    padding:2px 0px 0px 4px;
    background:#ffffff;
}

.button_content .container:first-child
{
    padding-top:0px;
    margin-top:0px;
}

.active_button_content
{
    display:block;
}

.windows
{
    background-image:url('../Images/windows.png');
}

.mac
{
    background-image:url('../Images/macos.png');
}

.maya
{
    background-image:url('../Images/maya.png');
}

.max
{
    background-image:url('../Images/max.png');
}

.android
{
	background-image:url('../Images/android.png');
}

.ios
{
	background-image:url('../Images/apple.png');
}

.method01
{
	background-image:url('../Images/m1.png');	
}

.method02
{
	background-image:url('../Images/m2.png');
}

/*************************
   Page Structure
*************************/

HTML
{
    font-family:Helvetica,Verdana,Arial,sans-serif;
}

BODY 
{
     font-size: 13px;
     color: #000000;
     line-height: 1.5em;
     margin: 0em;
     padding: 0em;
}

#webThree {
     margin: 0em auto;
     padding: 0em;
     /*width:100.5em;*/
     /*width:80em;*/
     width:940px;
     position:relative;
}

#webThree #pagedefault {
    background: #FFFFFF;
    padding:1em 0em;
    /*box-shadow: 25px 0px 75px -25px rgba(0,0,0,0.6), -25px 0px 75px -25px rgba(0,0,0,0.6), 0px 25px 75px -25px rgba(0,0,0,0.6);*/
}

#webThree #footer {
     background-color: #FFFFFF;
     clear:both;
}

#webbgThree {
    background: #ffffff;
    padding:0;
}

#head {
     height: 60px;
}

.header
{
    left:0;
    right:0;
    top:0;
    position:fixed;
    z-index:1000000;
}

.header IMG 
{
    border-width: 0px;
    box-shadow: 0px 0px 0px 0px #808080;
    border-radius:0px;
}

.header_inner
{
    width:940px;
    margin:0px auto;
}

.header_container
{
    background: #2C2C2C;
    background-image: -moz-linear-gradient(center top , #333333, #222222);
    height:60px;
}

.brand
{
    display: block;
    float: left;
    line-height:0;
}

#maincol {
     background-color: transparent;
     height: 100%;
     padding: 0em 0em;
     /*margin-left:240px;*/
     width:100%;
}

#footer {
     font-size: 0.85em;
     padding: 1em 0em;
     text-align: right;
}

.navbar_container
{
    background: #808080 url('../Images/nav_bkgd.png') repeat-x;
    height:32px;
    clear:both;
}

.navbar
{
    height:32px;
    width:940px;
    margin:0px auto;
}

.navbar_shadow
{
    background: #FFFFFF url('../Images/body_shadow.png') repeat-x;
    height:10px;
    width:100%;
}

.homelink
{
    width:160px;
    height:96px;
}

HR
{
    border:0 none;
    clear:both;
    background:#d0d0d0;
    height:1px;
    margin:1em;
}

/***************************
   Links
***************************/

A:link {
     background-color: transparent;
     color: #041957;
     color:#005590;
     text-decoration: underline;
}

A:active {
     background-color: transparent;
     color: #86785a;
     color:#00ADEF;
     text-decoration: underline;
}

A:visited {
     background-color: transparent;
     color: #041957;
     color:#005590;
     text-decoration: underline;
}

A:hover {
     background-color: transparent;
     color: #645c4b;
     color:#007EBF;
     text-decoration: underline;
}

.titlelink, .titlelink:link, .titlelink:active, .titlelink:visited
{
    text-decoration:none;
    color: #000000;
}

.titlelink:hover
{
    text-decoration:none;
     color: #645c4b;
}

/***************************
   Paragraphs
***************************/

P
{
    font-size:13px;
    /*max-width:60em;*/
}

/**************************
   Lists
**************************/

UL, OL, DL
{
    margin:0em 0em 0em 3em;
    padding:0em 0em;
    /*max-width:57em;*/
}

LI
{
    padding:0.125em 0em;
}

li p:first-child, dl p:first-child
{
    padding:0px;
    margin:0px;
}

li p, dl p
{
    margin:0.5em 0em;
}

LI UL, LI OL, LI DL
{
    margin:0.5em 0em 0.5em 3em;
    padding:0em 0em;
    /*max-width:57em;*/
}

UL.nav {
     color: #444444;
     display: inline;
     margin: 0px;
     padding: 0px;
     text-decoration: none;
}

UL.nav LI {
     color: #DDDDDD;
     display: inline;
     margin-left: 0px;
     padding-left: 5px;
     padding-right: 5px;
     text-decoration: none;
}

UL.nav A:link {
     background-color: transparent;
     border-bottom: 0px solid #123161;
     color: #00395D;
     font-size: 1em;
     font-weight: bold;
     padding: 2px 8px;
     text-decoration: none;
}

UL.nav A:visited {
     background-color: transparent;
     border-bottom: 0px solid #123161;
     color: #00395D;
     font-size: 1em;
     font-weight: bold;
     padding: 2px 8px;
     text-decoration: none;
}

UL.nav A:active {
     background-color: transparent;
     border-bottom: 0px solid #123161;
     color: #00395D;
     font-size: 1em;
     font-weight: bold;
     padding: 2px 8px;
     text-decoration: none;
}

UL.nav A:hover {
     border-bottom: 0px solid #123161;
     text-decoration: none;
}

DL
{    
    margin-left:10px;
}

DT
{
     font-weight:bold;
     color:#012baf;
}

DD
{
    padding:3px 0px;
}

/***************************
   Forms
***************************/

FORM {
     margin: 0px;
     padding: 0px;
}

SELECT {
     font-size: 0.9em;
     line-height: 1em;
     margin: 0px;
     padding: 0px;
}

INPUT.search {
     font-size: 0.9em;
     line-height: 1em;
     margin: 0px;
     padding: 0px;
}

INPUT.submit {
     font-size: 0.9em;
     line-height: 1em;
     margin: 0px;
     padding: 0px;
}

SELECT {
     margin-bottom: 4px;
}

INPUT.search {
     background-color: #FFFFFF;
     color: #000000;
}

INPUT.submit {
     background-color: #FFFFFF;
     color: #000000;
}

/***************************
   Tables
***************************/

TABLE 
{
     background-color: #000000;
     border-top:1px solid #000000;
     border-bottom:1px solid #000000;
     border-spacing:0px;
     /*min-width:60em;*/
     width:100%;
     margin:1.5em 0em;
}

TD 
{
    background-color: #FFFFFF;
    vertical-align:top;
    border-top:1px solid #808080;
    padding:0.5em 2.5em 0.5em 0.5em;
}

TD P:first-child, TH P:first-child
{
    margin-top:0px;
    /*max-width:55em;*/
}

TD P:last-child, TH P:last-child
{
    margin-bottom:0px;
    /*max-width:55em;*/
}

TD CODE
{
    color:#0a0c44;
}

TD CODE
{
    white-space:nowrap;
}

TD .wrap CODE
{
    white-space:normal;
}

TD PRE CODE
{
    white-space:pre;
    max-width:50%;
}

TH 
{
    /*background-color: #344067;*/
    background-color: #484848;
    /*border-top:1px solid #445077;*/
    color:#f0f0f0;
    /*color:#0a0c44;*/
    padding:0.25em 2.5em 0.25em 0.5em;
    vertical-align:top;
    text-align:left;
    font-weight:bold;
    white-space:nowrap;
}

.imagetable TH IMG
{
    margin:-2px -50px -8px -5px;
    border-radius:0px;
    box-shadow:0px 0px 0px #000;
}

.imagesubtable
{
    margin:0px;
    padding:8px 2px 2px 2px;
    background:#ffffff;
}

.imagetable TABLE 
{
     background-color: #000000;
     border-top:0px solid #000000;
     border-bottom:0px solid #000000;
     border-spacing:0px;
     width:auto;
     /*min-width:0em;*/
}

.imagetable TD 
{
    background-color: #FFFFFF;
    vertical-align:top;
    border-top:0px solid #808080;
    padding:5px;
    text-align:center;
    font-weight:bold;
}

.imagetable TH 
{
    background-color: #FFFFFF;
    vertical-align:top;
    border-top:0px solid #445077;
    color:#000000;
    padding:8px 5px 2px;
    white-space:normal;
}

.imagetable TH IMG
{
    margin:0px;
    border-radius:6px;
    box-shadow: 1px 1px 3px 0px #808080;
}

.imagetable TABLE TD TABLE, .imagetable TABLE TH TABLE
{
     background-color: #000000;
     border-top:1px solid #000000;
     border-bottom:1px solid #000000;
     border-spacing:0px;
     /*min-width:60em;*/
     /*width:100%;*/
     margin:0em 0em;
}

.imagetable TABLE TD TABLE TD, .imagetable TABLE TH TD
{
    background-color: #FFFFFF;
    vertical-align:top;
    border-top:1px solid #808080;
    padding:0.125em 5em 0.125em 0.5em;
    margin-top:0px;
    margin-bottom:0px;
    /*max-width:55em;*/
    text-align:left;
    font-weight:normal;
}

.imagetable TABLE TD TABLE TH, .imagetable TABLE TH TH
{
    /*background-color: #344067;*/
    background-color: #333333;
    /*border-top:1px solid #445077;*/
    color:#f0f0f0;
    /*color:#0a0c44;*/
    padding:0.25em 2.5em 0.25em 0.5em;
    text-align:left;
    font-weight:bold;
    /*background-color: #344067;
    border-top:1px solid #445077;
    color:#f0f0f0;
    padding:0.25em 5em 0.25em 0.5em;
    text-align:left;*/
}

.imagesubtable
{
    margin:-3px -50px -2px -5px;
    padding:8px 2px 2px 2px;
    background:#ffffff;
}

.imagesubtable TABLE 
{
     background-color: #000000;
     border-top:0px solid #000000;
     border-bottom:0px solid #000000;
     border-spacing:0px;
}

.imagesubtable TD 
{
    background-color: #FFFFFF;
    vertical-align:top;
    border-top:0px solid #808080;
    padding:2px;
    text-align:center;
    font-weight:bold;
}

.imagesubtable TH 
{
     background-color: #FFFFFF;
     border-top:0px solid #445077;
     color:#000000;
     padding:8px 2px 2px;
}

.imagesubtable TH IMG
{
    margin:0px;
    border-radius:6px;
    box-shadow: 1px 1px 3px 0px #808080;
}

.simpletable TABLE
{
     background-color: #000000;
     border-top:0px solid #000000;
     border-bottom:0px solid #000000;
     border-spacing:0px;
     width:auto;
}

.simpletable TD 
{
    background-color: #FFFFFF;
    vertical-align:top;
    border-top:0px solid #808080;
     padding:2px 30px 2px 5px;
    text-align:left;
}

.simpletable TH 
{
    vertical-align:top;
     background-color: #e0e0e0;
     border-top:0px solid #445077;
     color:#000000;
     padding:2px 30px 2px 5px;
}

.simpletable TH IMG
{
    margin:0px;
    border-radius:0px;
    box-shadow:0px 0px 0px #000;
}

.transparenttable TABLE
{
     background-color: transparent;
     border-top:0px solid #000000;
     border-bottom:0px solid #000000;
     border-spacing:0px;
     width:auto;
}

.transparenttable TD 
{
    background-color: transparent;
    vertical-align:top;
    border-top:0px solid #808080;
    padding:4px 30px 4px 5px;
    text-align:left;
}

.transparenttable TH 
{
    vertical-align:top;
     background-color: transparent;
     border-top:0px solid #445077;
     color:#005590;
     padding:4px 30px 4px 5px;
}

.tablesection
{
    margin:-0.5em -2.5em -0.5em -0.5em;
    padding:0.25em 2.5em 0.25em 0.5em;
    background:#e8e8e8;
    font-weight:bold;
}

.simpletable .tablesection
{
    background: #f4f4f4;
    font-weight: bold;
    margin: -2px -30px 0 -5px;
    padding: 2px 5px 1px;
}

.tablesectionalt
{
    margin:-0.5em -2.5em -0.5em -0.5em;
    padding:0.25em 2.5em 0.25em 0.5em;
    background:#e8e8e8;
}

.imagetable TABLE .tablesection
{
    margin:-0.25em -5em -0.25em -0.5em;
    padding:0.25em 2.5em 0.25em 0.5em;
    background:#e8e8e8;
    font-weight:bold;
}

.imagetable TABLE .tablesectionalt
{
    margin:-0.25em -5em -0.25em -0.5em;
    padding:0.25em 2.5em 0.25em 0.5em;
    background:#e8e8e8;
}

.prop_sublist ul
{
    list-style:none;
    margin-top:0px;
    margin-bottom:0px;
    padding-left:20px;
}

.plainlist ul
{
    list-style:none;
    padding-left:20px;
    margin-bottom:8px;
}

/******************************
   Code Blocks
******************************/

PRE
{
    /*max-width:60em;*/
    /*line-height: 1em;
    font-family: monospace;
    font-size: 100%;
    font-weight: bold;
	margin:5px 0px;
	padding:8px 10px;
	background:#f0f0f0;
	max-height:500px;
	overflow:auto;
	border-top:1px solid #e0e0e0;
	border-left:1px solid #e0e0e0;
	border-bottom:1px solid #c0c0c0;
	border-right:1px solid #c0c0c0;
	color:#000000;
    box-shadow: 1px 1px 2px 0px #c0c0c0;
    border-radius: 4px;*/
    
    font:1em monospace;
    border:1px solid #D0D8E8;
    padding:10px;
    background:#f8f8f8;
    box-shadow:0px 0px 0px #000000;
	max-height:500px;
	overflow:auto;
}

div.Code
{
    font:1em monospace;
    border:1px solid #D0D8E8;
    padding:10px;
    background:#f8f8f8;
    box-shadow:0px 0px 0px #000000;
	max-height:500px;
	overflow:auto;
}

div.Code P
{
    white-space:pre;
}

div.Code P:first-child
{
    margin-top:0; 
}

div.Code P:last-child
{
    margin-bottom:0; 
}

/***********************************
   Headings
***********************************/

H1 {
     padding: 5px 5px;
     margin-top:0.125em;
     background: #4C4C4E;
     color: #f8f8f8;
     font-size:2em;
     font-weight: bold;
     /*border:1px solid #808080;
     border-radius: 3px;*/
     clear:both;
}

H2, H3, H4, H5, H6
{
    margin-top:1.25em;
    line-height:1em;    
}

.iconsection H2, .iconsection H3, .iconsection H4, .iconsection H5, .iconsection H6
{
    padding:2px 2px 2px 5px;
    background:#f8f8f8;   
}

H2,
.feature_section .title, .feature_section .title a
{
     /*padding:2px 2px 2px 5px;*/
    background:#f8f8f8;
    padding: 4px 6px 5px;
     color: #005590;
     font-size:1.5em;
     font-weight: bold;
     /*border:1px solid #eaeaee;*/
     /*border-radius: 3px;*/
     clear:both;
}

.feature_section .title
{
    padding: 0px 6px 2px;
    margin-bottom: 0.75em;
}

H3 {
     padding:0px 2px 2px 0px;
     color: #007EBF;
     font-size:1.35em;
     font-weight: bold;
	 border-radius: 3px;
     clear:both;
}

H4 {
     padding:0px 2px 2px 0px;
     color: #007EBF;
     font-size:1.2em;
     font-weight: bold;
     clear:both;
}

H5 {
     padding:0px 2px 2px 0px;
     color: #00ADEF;
     font-size:1.1em;
     font-weight: bold;
     font-style:italic;
     clear:both;
}

H6 {
     padding:0px 2px 2px 0px;
     color: #00ADEF;
     font-size:1em;
     font-weight: bold;
     font-style:italic;
     clear:both;
}

/***************************
   Images
***************************/

IMG 
{
    border-width: 0px;
    border:0px solid #808080;
    border-radius:8px;
    box-shadow: 1px 1px 3px 0px #808080;
    max-width:100%;
}

P IMG, LI IMG, DIV IMG
{
    max-width:none;
}

.lightbox IMG
{
    border:2px solid #FFC000;
    /*max-width:50%;*/
}

.raw iMG
{
    border-radius:0px;
    box-shadow: 0px 0px 0px #808080;
}

.noradius IMG 
{
    border-radius:0px;
}

.noshadow IMG 
{
    box-shadow: 0px 0px 0px #808080;
}

.icons IMG, .subimage
{
    margin: 0px 0px -2px 0px;
    box-shadow: 1px 1px 3px 0px #808080;
    border-radius:2px;
}

.header_img img
{
	max-width:100%;
}

.banner IMG
{
    border-width: 0px;
    border-radius:0px;
    box-shadow:0px 0px 0px rgba(0,0,0,0.0);
	width:100%;
}

.banner_thin 
{    
    height:128px;
    overflow:hidden;
}

.banner_thin IMG
{
    border-width: 0px;
    border-radius:0px;
    box-shadow:0px 0px 0px rgba(0,0,0,0.0);
	width:100%;
}

.fullwidth IMG
{
	max-width:100%;
}

.fullwidth P
{
    max-width:100%;
}

a img
{
    border:1px solid #4C4C4E;
    /*opacity:0.75;
    filter: alpha(opacity = 75);*/
    box-shadow: 0px 0px 0px #808080;
}

a:hover img
{
    /*opacity:1.0;
    filter: alpha(opacity = 100);*/
}

/**********************
   Localization
**********************/

img.language
{
    margin:5px;
    width:34px;
    height:22px;
    border:1px solid #a0a0a0;
    box-shadow: 1px 1px 2px 0px #808080;
    border-radius:3px;
}

img.languageinline
{   
    margin:0px 5px;
    height:13px;
    margin-bottom:-2px;
    box-shadow: 1px 1px 2px 0px #808080;
    border:1px solid #a0a0a0;
    border-radius:3px;
}

/************************
   Breadcrumbs
************************/

.crumbs
{
    background:#e0e0e0;
    padding:5px;
    border:1px solid #b0b0b0;
    margin:10px 0px -3px;
	border-radius: 3px;
}

.crumbs p
{
    padding:0px;
    margin:0px;
    max-width:100%;
    font-size:.75em;
    line-height:1.35em;
}

/*************************
   Search
*************************/

.searchcontainer
{
    float:right;
    margin:8px 10px 6px;
}

.searchcontainer a {
	color: #f0f0f0;
	font: bold 10px segoe ui,verdana,sans-serif;
	float: right;
	margin: 0 -1px -1px 0;
	padding-right: 2px;
}

.searchcontainer a:hover {
	color:#CAB587;
}

.searchbox
{
    margin:5px;
    width:200px;
    font:bold 12px Verdana;
}

.advancedsearchleft
{
    position: relative;
    float: left;
    margin:0px 10px 0px;
}

.advancedsearchlefttext
{
    position: relative;
    float: left;
    margin:20px 10px 0px;
}

.advancedsearchcenter
{
    position: relative; 
    float: left;
    margin:57px 10px 0px;
}

.advancedsearchcenterform
{
    float: left;
    margin:8px 10px 0px;
}

.advancedsearchright
{
    position: relative; 	
    float: left;
    margin:0px 10px 0px;
}

.advancedsearchbox
{
    margin:5px;
    width:350px;
    font:bold 12px Verdana;
}

.advancedcheckbox
{
    margin:5px;
    width:20px;
}

.advancedsearchsubmit
{
    float: right;
}

.advancedsearchstarting
{
    text-align:right;
}
.search_result
{
    position:relative;
    top:0px;
    background:#f0f0f0; 
    padding:10px;
    margin:6px 0px;
    border-radius:6px;
}

.search_result:hover
{
    top:-2px;
    margin:6px 0px 6px 0px;
    box-shadow:0px 2px 2px rgba(0,0,0,0.5);
}

.search_title
{
	height:17px;
	padding:2px 0px 6px 12px;
	font-weight:bold;
    font-size:16px;
	color:#cab587;
	margin-left:48px;
}

.search_title a
{
    text-decoration:none;
}

.search_description
{
    background:#e8e8e8;
    border-radius:4px;
    padding:5px;
	margin-left:60px;
}

.search_description_label
{
	padding:0px 0px 2px 12px;
	font-weight:bold;
    font-size:12px;
	color:#909090;
	margin-left:48px;
}

/************************
   Info boxes
************************/

.infolink
{
    display:inline-block;
    height:12px;
    width:12px;
    margin:0px 4px;
    background:url('../Images/question_12.png') no-repeat;
    cursor:help;
}

span.infolink
{
    width:auto;
    margin:0px;
    padding: 0px 13px 0px 0px;
    background:url('../Images/question_12.png') no-repeat right;
}

.infobox
{
    width:480px;
    padding:5px;
}

.infobox p
{
    padding:0px;
    margin:0px;
}

#crumbs_bg
{
    background:#000000;
    opacity:0.0;
    position:fixed;
    left:0px;
    top:0px;
    width:100%;
}

.localized_links
{
    text-align:right;
    margin:-10px 0px -5px;
}

.contact
{
    width:1182px;
    margin:0px 0px 14px 0px;
}

.contactbutton
{
    position:absolute;
    right:4px;
    top:3px;
    height:11px;
    width:65px;
    text-align:center;
    background:#26345c url('../Images/important_12.png') no-repeat scroll 7px 2px;
    padding:2px 4px 3px 14px;
    border:1px solid #000000;
    border-radius:6px;
    box-shadow:2px 1px 2px rgba(0,0,0,0.5);
    color:#f0f0f0;
    font-size:11px;
    font-weight:bold;
}

/************************************
   Preview Errors
************************************/
 
tr.errorhighlight td, tr.errorhighlight th {
	background-color:#ffBBBB;
	border:1px solid #ff4444;
}
div.errorhighlight *, span.errorhighlight {
	background-color:#ffBBBB;
	border:1px solid #ff4444;
}
div.errorhighlight *
{
	display: inline-block;
}
div.errortitlebar {
	background:#404040 url('../Images/titlebar_bkgd.png');
	height:17px;
	padding:5px 0px 6px 9px;
	font:bold 14px verdana;
	color:#880000;
	border:1px solid #a0a0a0;
	/*-moz-border-radius: 8px 8px 0px 0px;*/
	/*-webkit-border-radius: 8px 8px 0px 0px;*/
	overflow:auto;
	margin-top:14px;
    -moz-box-shadow: 2px 5px 5px 0px #808080;
    -webkit-box-shadow: 2px 5px 5px 0px #808080;
    box-shadow: 2px 5px 5px 0px #808080;
}

div.errorcontentsection {
	background:#f0f0f0;
	padding:10px;
	border:1px solid #808080;
	border-top:1px solid #000000;
	border-left:6px solid #000000;
	font:12px verdana;
	color:#000000;
	/*-moz-border-radius: 0px 0px 8px 8px;*/
	/*-webkit-border-radius: 0px 0px 8px 8px;*/
	overflow:auto;
	margin-bottom:14px;
    -moz-box-shadow: 1px 1px 5px 0px #808080;
    -webkit-box-shadow: 1px 1px 5px 0px #808080;
    box-shadow: 1px 1px 5px 0px #808080;
}


/************************************
   Nav menus
************************************/

.navbar LI
{
    padding:0em 0em;
}

.memu {
	list-style: none outside none;
	margin: 0;
	padding: 0;
	border-left:1px solid #000000;
	border-right:1px solid #404040;
	z-index:1000000;
	position:relative;
	max-width:100%;
}

.memu ul {
	list-style: none outside none;
	margin: 0;
	padding: 2px 1px 3px 2px;
	position: absolute;
	left: -9999px;
	margin-left: 20px;
	width: 200px;
	background: #1d1d1d;
	
	-moz-box-shadow: 3px 2px 3px #333;
	-webkit-box-shadow: 3px 2px 3px #333;
	box-shadow: 3px 2px 3px #333;
}
.memu ul ul {
	margin-left: 0px;
	margin-top: 0px;
	
}

.memu a {
	background: #1d1d1d;
	/*background-color: rgba(255, 255, 255, 0.98);*/
	color: #f0f0f0;
	display: block;
	font-weight: bold;
    font-size: 1em;
    line-height:2.25em;
	margin: 0 -1px -1px 0;
	padding-left: 10px;
	text-decoration: none;
	width: 189px;
	text-overflow: ellipsis;
}

.memu .memu-icon {
	position: relative;
	width: 16px; 
	height: 16px; 
	margin: 4px 10px 0px 0px;
	float: left;
}

.memu li.memu-root > a, .navlink a {
	border-left: 0 !important;
	border-right: 0 !important;
	border-top: 1px solid transparent !important;
	border-bottom: 1px solid transparent !important;
	background: transparent !important;
	color: #f0f0f0;
	display: block;    
    font-size: 1em;
    font-weight:bold;
	margin: -6px 0px 0px;
	padding-left: 0px;
	text-decoration: none;
	width: auto;
	text-overflow: ellipsis;
    padding:6px 32px;
}

.memu li.memu-root {
    height:32px;    
    font-weight:bold;
    color:#f0f0f0;
    border-left:1px solid #404040;
    border-right:1px solid #000000;
	float: left;
}
.memu li.has-children > a {
	background: #1d1d1d url("../Images/arrow.png") no-repeat scroll;
	background-position: 180px center;
}
.memu li:hover, .memu li.memu-root:hover > a, .navlink:hover a {
	position: relative;
	z-index: 100;
	color:#D8671C;
}
.memu li:hover > a {
	background-color: #D8671C;
	border-radius:2px;
	color: #ffffff;
}
.memu li:hover > ul {
	left: -20px;
	opacity: 1;
	top: 32px;
	z-index: -1;
}
.memu li:hover li:hover > ul {
	left: 200px;
	opacity: 1;
	top: 0px;
	z-index: 100;
}

.memu-current {
	background-color: #abcdef !important;
	background-color: rgba(235, 245, 255, 0.98 !important);
}

/************************
   Fake Region Tables
************************/

.table
{
    display:table;
    background-color: #000000;
    border-top:3px solid #000000;
    border-bottom:3px solid #000000;
    border-spacing:0px;
}

.table_row
{
    display:table-row;
}

.table_cell
{
    display:table-cell;
    background-color: #FFFFFF;
    vertical-align:top;
    border-top:1px solid #808080;
    padding:2px 50px 2px 5px;
}

.table_header
{
    display:table-cell;
    font-weight:bold;
    background-color: #344067;
    border-top:1px solid #445077;
    color:#f0f0f0;
    padding:2px 50px 2px 5px;
    text-align:left;
}

.box
{
    border:1px solid #000000;
}

.bold
{
    font-weight:bold;
}

.center
{
    text-align:center;
}

.padding_5
{
    padding:5px;
}

.padding_10
{
    padding:10px;
}

.padding_20
{
    padding:20px;
}

.code
{
     line-height: 1em;
     font-family: monospace;
     font-size: 100%;
     font-weight: bold;
	margin:5px 0px;
	padding:8px 10px;
	background:#f0f0f0;
	max-height:500px;
	overflow:auto;
	border-top:1px solid #e0e0e0;
	border-left:1px solid #e0e0e0;
	border-bottom:1px solid #c0c0c0;
	border-right:1px solid #c0c0c0;
	color:#000000;
    box-shadow: 1px 1px 2px 0px #c0c0c0;
    border-radius: 4px;
}

.problem
{
    font-weight:bold;
}

.solution
{
    font-style:italic;
    margin:0px 0px 10px 10px;
}

/**************************
   Colors
**************************/

#PURPLE, .purple {
     color: #800080;
     display:inline-block;
}

#YELLOW, .yellow {
     color: #ffff00;
     display:inline-block;
}

#ORANGE, .orange {
     color: #ff6600;
     display:inline;
}

#RED, .red {
     color: #ff0000;
     display:inline;
}

#PINK, .pink {
     color: #ff00ff;
     display:inline;
}

#TEAL, .teal {
     color: #008080;
     display:inline;
}

#NAVY, .navy {
     color: #000080;
     display:inline;
}

#BLUE, .blue {
     color: #0000ff;
     display:inline;
}

#AQUA, .aqua {
     color: #00ffff;
     display:inline;
}

#LIME, .lime {
     color: #00ff00;
     display:inline;
}

#GREEN, .green {
     color: #008000;
     display:inline;
}

#OLIVE, .olive {
     color: #808000;
     display:inline;
}

#MAROON, .maroon {
     color: #800000;
     display:inline;
}

#BROWN, .brown {
     color: #996633;
     display:inline;
}

#BLACK, .black {
     color: #000000;
     display:inline;
}

#GRAY, .gray {
     color: #808080;
     display:inline;
}

#SILVER, .silver {
     color: #c0c0c0;
     display:inline;
}

#WHITE, .white {
     color: #ffffff;
     display:inline;
}

/***********************
   Old Regions
***********************/

.regionhead_closed {
     background: none repeat scroll 0% 0% #404040;
     border-radius: 5px 0px 0px 5px;
     border: 1px solid #404040;
     color: #FFFFFF;
     cursor: pointer;
     font-weight: bold;
     font-size: 12px;
     margin-top: 2px;
     padding: 5px;
}

.regionhead_open {
     background: none repeat scroll 0% 0% #404040;
     border-radius: 5px 0px 0px 0px;
     border: 1px solid #404040;
     color: #FFFFFF;
     cursor: pointer;
     font-weight: bold;
     font-size: 12px;
     margin-top: 2px;
     padding: 5px;
}

.regionimage {
     background: none no-repeat scroll 0pt 0pt transparent;
     display: inline-block;
     height: 10px;
     margin-right: 5px;
     width: 10px;
}

.regioncontent {
     background: none repeat scroll 0% 0% #F0F0F0;
     border-color: #404040;
     border-radius: 0px 0px 0px 5px;
     border-style: solid;
     border-width: 1px 1px 6px;
     display: none;
     padding: 10px;
}

.regioncontent_visible {
     background: none repeat scroll 0% 0% #F0F0F0;
     border-color: #404040;
     border-radius: 0px 0px 0px 5px;
     border-style: solid;
     border-width: 1px 1px 6px;
     padding: 10px;
}

.regioncontent_static {
     background: none repeat scroll 0% 0% #F0F0F0;
     border-color: #404040;
     border-radius: 5px 0px 0px 5px;
     border-style: solid;
     border-width: 6px 1px;
     padding: 10px;
}

.regioncontent_visible TABLE 
{
    margin:-10px;
    background-color: transparent;
     border: none;
     border-spacing:0px;
}

.regioncontent_visible TD 
{
    background-color: transparent;
    vertical-align:top;
    border: none;
    padding:2px 50px 2px 5px;
}

.regioncontent_visible TH {
    background-color: transparent;
    border:none;
    border-right:1px solid #a0a0a0;
    color:#000000;
    padding:2px 50px 2px 5px;
    text-align:left;
}

/***************************
   Misc
***************************/

TT {
     font-family: monospace;
     font-size: 100%;
     font-weight: normal;
}

.hide {
     display: none;
}

/***************************
   Content Sections
***************************/

.titlebar
{
	background:#404040 url('../Images/titlebar_bkgd.png');
	height:17px;
	padding:5px 0px 6px 9px;
	font:bold 14px verdana;
	color:#000000;
	border:1px solid #a0a0a0;
	border-radius: 3px 3px 0px 0px;
	overflow:auto;
	margin-top:14px;
    box-shadow: 2px 5px 5px 0px #808080;
}

.contentsection
{
	background:#f0f0f0;
	padding:10px;
	border:1px solid #808080;
	border-top:1px solid #000000;
	border-left:6px solid #000000;
	font:12px verdana;
	color:#000000;
	border-radius: 0px 0px 3px 3px;
	overflow:auto;
	margin-bottom:14px;
    box-shadow: 1px 1px 5px 0px #808080;
}

.standalonecontentsection
{
	background:#f0f0f0;
	padding:10px;
	border:1px solid #808080;
	font:12px verdana;
	color:#000000;
	border-radius: 3px 3px 3px 3px;
	overflow:auto;
	margin-top:14px;
	margin-bottom:14px;
    box-shadow: 1px 1px 5px 0px #808080;
}

.contentsection ul
{
	margin:5px 10px;
	padding:0px;
}

.contentsection ul li
{
	margin:5px 10px;
	padding:0px;
}

.codetitlebar
{
	background:#e8e8e8;
	height:17px;
	padding:2px 0px 3px 9px;
	margin:5px 0px -13px 0px;
	font:bold 14px verdana;
	color:#000000;
	border:1px solid #D0D8E8;
	overflow:auto;
    z-index:100;
}

.codetitlebar p
{
    margin:0em;
    padding:0em;
}

.codesnippet
{
     font-family: monospace;
     font-size: 100%;
     font-weight: bold;
	margin:5px 10px;
	padding:2px 10px;
	background:#F8F5E8;
	max-height:500px;
	overflow:auto;
	border:1px solid #989898;
	color:#000000;
    box-shadow: 1px 1px 2px 0px #808080;
}

/******************************
   Landing Pages
******************************/

a.topiclinktip p 
{
    display:inline-block;
    width:auto;
    padding-right:8px;
    text-decoration:underline;
}

.item, .info, .title
{
    display:block;
}

.features .info
{
    margin-left:50px;
}

.item
{
	color:#FFFFFF;
}

.features .icon IMG, .topic .icon IMG
{
    margin:0.75em 2em 0em;
	box-shadow:0px 0px 0px 0px rgba(0,0,0,0);
    border-radius:0px;
    float:left;
}

.features IMG, .topic IMG
{
    border:0px solid #000000;
}

.topic
{
    padding-top:1em;
}

.topic br
{
    display:none;
}

.topics .item
{
    position:relative;
    float:left;
    line-height:0em;
	width:100%;
	margin:0.75em 1% 1em;
}

.topics .item img, .full_feature img, .feature_section img
{
    width:100%;
	box-shadow:0 5px 10px -2px rgba(0, 0, 0, 0.750);
    border-radius:0px;
    border:0px solid #4C4C4E;
    margin-bottom:-5px;
}

/*.topics .item .img_container 
{    
    height:96px;
    overflow:hidden;
}*/

.topics .disabled img
{
    width:100%;
	box-shadow:0 5px 10px -2px rgba(0, 0, 0, 0.75);
    border-radius:0px;
    border:0px solid #4C4C4E;
    opacity:0.5;
}

.topics .item:hover img, .full_feature:hover img, .feature_section:hover img
{
    width:100%;
    border-radius:0px;
}

.topics .item .info img, .topics .item:hover .info img,
.full_feature .info img, .full_feature:hover .info img,
.feature_section .info img, .feature_section:hover .info img
{
    border:0px solid #808080;
    margin:0px;
}

.topics a, .full_feature a, .feature_section a
{
    text-decoration:none;
    border-botton:0px solid #000000;
}

.topics .info, .full_feature .info, .feature_section .info
{
    background:#f0f0f0;
    padding:6px;
    margin:0px 10px;
    border-radius:0px;
}

.compact .info
{
    margin:0px 10px;
}

.topic .title, .topic .title a
{    
	font-weight:bold;
    font-size: 14px;
}

.title
{
    position:relative;
    line-height:1.3em;
	/*padding:4px 0px 4px 4px;*/
	font-weight:bold;
    font-size: 2.5em;
    border-radius:0px 0px 0px 0px;
}

.topics .title, .topics .title a, .topics .title p,
.full_feature .title, .full_feature .title a,
.compact .title, .compact .title a
{
    /*background-color: #4C4C4E;
    border:1px solid #CCCCCC;
    border-radius:4px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 5px rgba(0, 0, 0, 0.05);*/
    color: #007EBF;
    font-size: 1.25em;
    line-height: 18px;
    padding: 4px 0px 0px;
    text-align: left;
    margin:0px 0px 4px 0px;
}


.item:hover .title, .item:hover .title a, .item:hover .title p
{
    /*background-color: #F8F8F8;*/
    color: #00ADEF;
}

.disabled .title, .disabled .title a, .disabled .title p
{
    /*background-color: #F8F8F8;*/
    color: #939597;
}


.disabled:hover .title, .disabled:hover .title a, .disabled:hover .title p
{
    /*background-color: #F8F8F8;*/
    color: #939597;
}

.features .title, .features .title a
{    
	font-weight:bold;
    font-size: 1.0em;
    color:#007EBF;
	text-decoration:none;
	padding:4px 0px 4px 0px;
}

.features .inner:hover .title, .features .inner:hover .title a
{    
    color:#00ADEF;
}

.features .title P, .features .title a P
{   
    font-size: 1.0em; 
}

.compact .title, .compact .title a
{
    /*font-size: 0.85em;*/
}

.compact .title P, .compact .title a P
{
    font-size: 1.0em;
}

.info .title img, .info .description img, .info .icon img,
.item:hover .info .title img, .item:hover .info .description img, .item:hover .info .icon img
{
    margin:0em;
    padding:0px 8px 0px 6px;
    width:auto;
    height:1.25em;
    position:absolute;
    left:0px;
    top:2px;
}

.item a, .title a
{
	border-bottom:0px solid #000000;
}

.item P, .full_feature p, .features p, .topics p, .feature_section p
{
    margin:0;
    padding:0;
}

.topics .content
{
    padding:5px 0px;
    position:relative;
    /*display:none;*/
    z-index:100;
    background:#f0f0f0;
}

.topics .description,
.full_feature .description
{
    color:#4C4C4E;
    padding:0px 4px;
    border-radius: 0px 0px 0px 0px;
    font-weight: normal;
    font-size: 1em;
    line-height: 1.2em;
    text-decoration: none;
    border-bottom: 0px solid #000000;
    overflow: hidden;
    text-overflow: ellipsis;
    display:inline-block;
}

.feature_section .description
{
    color:#000000;
    padding: 2px 4px 0px 5px;
    border-radius: 0px 0px 0px 0px;
    font-size: 1em;
    line-height: 1.5em;
    text-decoration: none;
    border-bottom: 0px solid #000000;
    overflow: hidden;
    text-overflow: ellipsis;
    display:inline-block;
}

.topics .description P,
.full_feature .description P
{
    font-size: 0.95em;
    line-height: 0.95em;
}

.half .description
{
    height:30px;
}

.half .item .title P
{
    font-size:1.0em;
}

.third .description
{
    height:48px;
}

.third .item .title P
{
    font-size:0.875em;
}

.fourth .description
{
    height:60px;
}

.fourth .item .title P
{
    font-size:0.8375em;
}

.full_feature .description
{
    height:36px;
}

.topics .content .button
{
    background:#005590 url(../Images/arrow.png) no-repeat 4px 5px;
    padding:6px 6px 6px 18px;
    float:right;
}

.topics .content .button:hover
{
    background-color:#007EBF;
}

.topics .content .button:active
{
    background-color:#00ADEF;
}

.dynamic .content
{
    display:none;
}

.dynamic:hover .content
{
    display:inline-block;
}

.description A
{
	font-weight:bold;
    font-size: 9px;
	text-decoration:none;
}

.wrapper TABLE 
{
     min-width:0;
}

.topics .content,
.full_feature .content
{
	font-size:1.0em;
	line-height:0.95em;
    /*z-index:10000;*/
    overflow:hidden;
}

.feature_section .content
{
    position:relative;
    width:100%;
}

.content ul
{
    padding:0px;
    margin:0px;
    list-style:none;
}

.content li
{
    float:left;
    padding:0.25em;
    margin:0.25em;
    background:#f8f8f8;
    border:1px solid #8090a0;
    border-radius:3px;
}

.content li a
{
	font-size:1em;
    color:#121457;
    text-decoration:none;
    font-weight:bold;
}

.full_feature, .feature_section
{    
    position:relative;
    line-height:0em;
    padding:0px;
    margin-bottom:4px;
}

.full_feature .content A
{
    color:#121457;
}

.full_feature, .feature_section, .features, .topics, .topic
{
    clear:both;
    margin:0.5em 0em;
    width:100%;
    max-width:100%;
    overflow:visible;
}


.features, .topics
{
    overflow:auto;
}

.features .role
{
    float:left;
    line-height:0em;
	margin:0.75em 1%;
    position:relative;
}

.features .role .inner
{
    display:block;
    background-color: #f0f0f0;
    /*border:1px solid #e0e0eo;*/
    border-radius:0px;
    /*box-shadow: 0 0px 10px rgba(0, 0, 0, 0.3);*/
    color: #005590;
    cursor: pointer;
    font-size: 1em;
    line-height: 18px;
    padding: 6px 0px 6px;
    /*text-align: center;*/
    margin:4px 0px;
}

.features .role:hover .inner
{
    display:block;   

    background-color: #f0f0f0;
    background-position: 0 -30px;
    color: #005590;
    text-decoration: none;
    transition: background-position 0.1s linear 0s;
    margin:4px 0px;
}

.features .disabled .inner 
{
    cursor:default;
}

.features .role img
{
    margin:0px auto;
	box-shadow:0px 0px 0px 0px rgba(0,0,0,0);
    border-radius:0px;
    position:absolute;
    left:4px;
    top:-6px;
}

.features .disabled img
{
    opacity:0.5;
}


.subs
{
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
}

.subs IMG
{
    width:23%;
    margin:1%;
	border-radius:2px;
	box-shadow:0px 0px 0px 0px rgba(0,0,0,0);
}

.expanded
{
	background-image: url("../Images/arrow_down.png");
	background-repeat:no-repeat;
	background-position: 0px 6px;
	z-index:10000;
    cursor:pointer;
}

.expandable
{
	background-image: url("../Images/arrow_right.png");
	background-repeat:no-repeat;
	background-position: 4px 2px;
	z-index:0;
    cursor:pointer;
}

.full .item
{
	width:98%;
}

.half .item, .half .role
{
	width:48%;
}

.third .item, .third .role
{
	width:31.33%;
}

.fourth .item, .fourth .role
{
	width:23%;
}

.fifth .item, .fifth .role
{
	width:18%;
}

.sixth .item, .sixth .role
{
	width:14.66%;
}

.sixth .title
{
	font-size:0.95em;
}

.seventh .item, .seventh .role
{
	width:12.28%;
}

.seventh .title
{
	font-size:0.875em;
}

.eighth .item, .eighth .role
{
	width:10.5%;
}

.eighth .title
{
	font-size:0.875em;
}

.ninth .item, .ninth .role
{
	width:9.11%;
}

.ninth .title
{
	font-size:0.725em;
}

.tenth .item, .tenth .role
{
	width:8%;
}

.tenth .title
{
	font-size:0.725em;
}
.info P
{
    margin:0;
    padding:0;
}

/*.normaltitle
{
    font-size:1em;
    font-weight:bold;
}

.smalltitle
{
    font-size:0.875em;
    font-weight:bold;
}

.largetitle
{
    font-size:1.125em;
    font-weight:bold;
}*/

/******************************
   Old Landing Pages
******************************/

.feature_list
{
	list-style:none;
	margin:0px 0px 4px 0px;
	padding:0px;
	max-width:100%;
}

.topic_list
{
	padding-top:16px;
	border-radius:9px;
	background:#f8f8f8;	
}

.feature_list .fullwidth, .feature_list .topic
{
	margin:0px 0px 8px 6px;
	padding:0px 8px 0px 0px;
	float:left;
	max-width:576px;
	border-top:2px solid #FFF;
	border-radius: 9px;
	clear:none;
}

.feature_list .fullwidth
{
	margin:0px 0px 8px 6px;
	padding:0px 8px 0px 0px;
	float:left;
	max-width:1168px;
	border-top:0px solid #FFF;
	border-radius: 9px 9px 0px 0px;
}

.feature_list .topic
{
	margin:0 1em 2em 1.125em;
	padding:0px;
	float:left;
	max-width:208px;
	border-top:0px solid #FFF;
	border-radius: 9px;
}

.feature_horiz
{
	width:580px;
	float:left;
	margin:0.5em 0.25em 0.5em 0.25em;
	min-height:96px;
	background:#f0f0f0;
	border-radius: 9px;
    box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.25), 0px 3px 3px 0px rgba(0,0,0,0.3);
    
    background-image: linear-gradient(bottom, rgb(255,255,255) 10%, rgb(245,245,245) 50%, rgb(235,235,235) 78%);
    background-image: -o-linear-gradient(bottom, rgb(255,255,255) 10%, rgb(245,245,245) 50%, rgb(235,235,235) 78%);
    background-image: -moz-linear-gradient(bottom, rgb(255,255,255) 10%, rgb(245,245,245) 50%, rgb(235,235,235) 78%);
    background-image: -webkit-linear-gradient(bottom, rgb(255,255,255) 10%, rgb(245,245,245) 50%, rgb(235,235,235) 78%);
    background-image: -ms-linear-gradient(bottom, rgb(255,255,255) 10%, rgb(245,245,245) 50%, rgb(235,235,235) 78%);

    background-image: -webkit-gradient(
	    linear,
	    left bottom,
	    left top,
	    color-stop(0.1, rgb(255,255,255)),
	    color-stop(0.5, rgb(245,245,245)),
	    color-stop(0.78, rgb(235,235,235))
    );
}

.fullwidth .feature_horiz
{
	width:1170px;
	min-height:96px;
	background:#f8f8f8;
	border-top:2px solid #FFF;
	border-radius: 9px 9px 0px 0px;
    box-shadow: 0px 2px 4px -1px rgba(0,0,0,0.4), 0px 20px 36px -36px rgba(0,0,0,0.75);
}

.topic .feature_horiz
{
	width:208px;
	min-height:176px;
	background:#f0f0f0;
	border:0px solid #3356bc;
    position:relative;
	border-radius: 9px;
}

.feature_content_horiz
{
    float:left;
    width:445px;
}

.fullwidth .feature_content_horiz
{
    float:left;
    width:1170px;
}

.topic .feature_content_horiz
{
    float:left;
    width:208px;
}

.feature_img
{
	float:left;
	padding:0px;
	margin-top:-2px;
	width:98px;
	height:98px;
	opacity:0.75;
}

.feature_img img
{
	box-shadow:0px 0px 0px 0px rgba(0,0,0,0);
	border-radius:6px 0px 0px 6px;
}

.feature_img P
{
    margin:0;
    padding:0;
}

.fullwidth .feature_img
{
	padding:0px;
	margin-top:-2px;
	width:100%;
	height:236px;
	opacity:1.0;
}

.topic .feature_img
{
	padding:0px;
	width:208px;
	margin-top:0px;
	height:110px;
	opacity:1.0;
}

.fullwidth .feature_img img
{
    width:100%;
	box-shadow:0px 0px 0px 0px rgba(0,0,0,0);
	border-radius:6px 6px 0px 0px;
}

.topic .feature_img img
{
	width:208px;
	height:110px;
	box-shadow:0px 0px 0px 0px rgba(0,0,0,0);
	border-radius:9px 9px 0px 0px;
	position:absolute;
}

.no_shadow
{   
	box-shadow:0px 0px 0px 0px rgba(0,0,0,0);
}

.feature_img a
{
	border:0px solid #000000;
	text-decoration:none;
}

.feature_title
{
	height:17px;
	padding:8px 0px 6px 12px;
	font-weight:bold;
    font-size: 16px;
	color:#cab587;
}

.feature_title P
{
    margin:0;
    padding:0;
}

.topic .feature_title
{
    background:rgb(160,160,160);
	height:20px;
	width:198px;
	padding:5px;
	position:absolute;
	left:0px;
	top:80px;
}

.feature_title a
{
	font-weight:bold;
    font-size: 16px;
	color:#041957;
    color:#005590;
	text-decoration:none;
	border-bottom:0px solid #000000;
}

.topic .feature_title a
{
	font-weight:bold;
    font-size: 16px;
	color:#041957;
    color:#005590;
	text-decoration:none;
	border-bottom:0px solid #000000;
}

.feature_content
{
	margin:5px 5px 5px 12px;
	color:#000000;
	font-size:12px;
	line-height:1.5em;
}

.feature_content P
{
    margin:0;
    padding:0;
}

.topic .feature_content
{
    margin:0px;
	padding:10px;
	color:#000000;
	font-size:10px;
	line-height:1.5em;
}

.feature_points
{
    padding:0px;
    margin:-10px 0px 10px 0px;
    list-style:none;
}

.feature_points li
{
    background:#e3e4e8;
    padding:0px;
    margin:5px 8px 0px 0px;
    float:left;
    color:#041957;
    color:#005590;
    font-weight:bold;
    border-radius:5px;
}

.feature_points li:hover
{
    background:#041957;
    background:#005590;
}

.feature_points li a
{
    padding:4px 8px;
    color:#041957;
    color:#005590;
    text-decoration:none;
}

.feature_points li a:hover
{
    color:#ffffff;
}





.inline
{
    display:inline-block;
}

.hidden
{
    display:none;
}

.visible
{
    display:block;
}

.clear
{
    clear:both;
}

.clear_left
{
    clear:left;
}

.clear_right
{
    clear:right;
}

.noclear
{
    clear:none;
}

/* API */

.api
{
    font-family:'Segoe UI','Lucida Grande',Verdana,Arial,Helvetica,sans-serif;
    font-size:13px;
}

.members
{
    width:100%;
    display:table;
    /*border-top:3px solid #000000;
    border-bottom:3px solid #000000;
    padding-left:1em;*/
    border-width:0px 1px 1px 1px;
    border-style:solid;
    border-color:#D8D8D8;
}

.member, .value, .memberheader
{
    display:table-row;
}

.memberheader p,
.member p, .value p,
.member .name p, .value .name p,
.member .description p, .value .description p,
.member .desc p, .value .desc p,
.memberheader p,
.syntax p,
.metadata p,
.params p,
.type p,
.heading p
{
    margin:0px;
    padding:0px;
}

/*#maincol .member:first-child
{
    border-top:2px solid #000000;
}

#maincol .member:last-child
{
    border-bottom:2px solid #000000;
}*/

.memberheader .cell2
{
    display:table-cell;
    background:#D8D8D8;
    border-width:1px 0px 0px 0px;
    border-style:solid;
    border-color:#D8D8D8;
    padding: 0.125em 0;
    vertical-align:top;
    padding:8px 6px;
    font-weight:bold;
    width:15%;
}

.memberheader .cell1
{
    display:table-cell;
    background:#D8D8D8;
    border-width:1px 0px 0px 0px;
    border-style:solid;
    border-color:#D8D8D8;
    padding: 0.125em 0;
    vertical-align:top;
    padding:8px 6px;
    font-weight:bold;
    width:12%;
}

.memberheader .cell3
{
    display:table-cell;
    background:#D8D8D8;
    border-width:1px 0px 0px 0px;
    border-style:solid;
    border-color:#D8D8D8;
    padding: 0.125em 0;
    vertical-align:top;
    padding:8px 6px;
    font-weight:bold;
}

.member .cell2,
.value .cell1
{
    display:table-cell;
    background:transparent;
    border-width:1px 1px 0px 0px;
    border-style:solid;
    border-color:#D8D8D8;
    vertical-align:top;
    font-weight:bold;
    color:#005590;
    padding:8px 6px;
    width:15%;
}

.member .cell1,
.value .cell2
{
    display:table-cell;
    background:transparent;
    border-width:1px 1px 0px 0px;
    border-style:solid;
    border-color:#D8D8D8;
    vertical-align:top;
    font-weight:bold;
    color:#005590;
    padding:8px 6px;
    width:12%;
	white-space:nowrap;
}

.member .cell1 img
{
	vertical-align:middle;
}


.member .cell2 .arguments
{
    padding:0px 0px 0px 0px;
    font:0.9em monospace;
    color:#808080;
    white-space:nowrap;
}

.arguments A
{
	text-decoration:none;
}

.member .cell1 IMG
{
    box-shadow:0px 0px 0px #000;
    border-radius:0px;
}

.member .cell1 IMG:hover
{
    box-shadow:0px 0px 0px #000;
    border-radius:0px;
    outline:1px solid #808080;
}

.member .content,
.value .content
{
    display:table-cell;
    background:transparent;
    border-width:1px 0px 0px 0px;
    border-style:solid;
    border-color:#D8D8D8;
    padding: 0.125em 0;
    vertical-align:top;
    padding:8px 6px;
    font-weight:normal;
}

.member .content .cell3,
.value .content .cell3
{
    padding:0px 0px 0px 0px;
    color:#4C4C4E;
    font-size:1em;
    height:auto;
    line-height:1.5em;
    width:100%;
    font-weight:normal;
}

.member .content:hover .cell3,
.value .content:hover .cell3
{
    padding:0px 0px 0px 0px;
    color:#4C4C4E;
    font-size:1em;
    height:auto;
    line-height:1.5em;
}

.metadata-list
{
    width:100%;
    display:table;
    border-width:0px 1px 1px 1px;
    border-style:solid;
    border-color:#D8D8D8;
	border-collapse:collapse;
}

.metadata-item, .metadata-header
{
	display:table-row;
}

.metadata-header
{
    background:#D8D8D8;
}

.metadata-header p
{
    font-weight:bold;
}

.metadata-icon, .metadata-name, .metadata-value, .metadata-description
{
    display:table-cell;
    background:transparent;
    border-width:1px;
    border-style:solid;
    border-color:#D8D8D8;
    padding: 0.125em 0;
    vertical-align:top;
    padding:8px 6px;
    font-weight:normal;
}

.metadata-icon
{
	width:1%;
}

.metadata-icon img
{
	vertical-align:middle;
    box-shadow:0px 0px 0px #000;
    border-radius:0px;
}

.metadata-name
{
	width:20%;
}

.metadata-value
{
	width:20%;
}

.metadata-item .metadata-name
{
    vertical-align:top;
    font-weight:bold;
    color:#005590;
    padding:8px 6px;
    width:15%;
}

.metadata-item .metadata-value
{
    color:#808080;
    font:0.9em monospace;
    white-space:nowrap;
}

.filterlist
{
	display:table;
	width:100%;
	border-collapse:collapse;
	margin-top:1.5em;
	margin-bottom:1.5em;
}

.filterrow
{
	display:table-row;
}

.filter
{
	display:table-cell;
	text-align:center;
	font-weight:bold;
	width:25%;
    border-style:solid;
	border-width:3px 3px 3px 3px;
    border-color:#D8D8D8;
	padding:8px;
}

.filter-blank
{
	display:table-cell;
	width:25%;
}

.simplecode
{
    font:1em monospace;
    border:1px solid #D0D8E8;
    padding:10px;
    background:#f8f8f8;
    box-shadow:0px 0px 0px #000000;
	overflow:auto;
	white-space:nowrap;
}

.simplecode A
{
	text-decoration:none;
}

.simplecode PRE
{
    font:1em monospace;
    border:1px solid #D0D8E8;
    padding:10px;
    background:#f8f8f8;
    box-shadow:0px 0px 0px #000000;
	max-height:500px;
	overflow:auto;
}

.simplecode P
{
    padding:0px;
    margin:0px;
}

.simplecode_api
{
    font:1em monospace;
    border:1px solid #D0D8E8;
    padding:10px;
    background:#f8f8f8;
    box-shadow:0px 0px 0px #000000;
}

.simplecode_api A
{
	text-decoration:none;
}

.simplecode_api PRE
{
    font:1em monospace;
    border:1px solid #D0D8E8;
    padding:10px;
    background:#f8f8f8;
    box-shadow:0px 0px 0px #000000;
}

.simplecode_api P
{
    padding:0px;
    margin:0px;
}

.metadata,
.params,
.type
{
    padding:0px 0px 0px 0px;
    font-size:1em;
    line-height:1.5em;
}

.member ul,
.metadata ul,
.params ul,
.type ul
{
    list-style:disc outside none;
}

.member li,
.metadata li,
.params li,
.type li
{
    list-style:disc outside none;
    float:none;
    border:0px solid #000000;
    background:transparent;
    padding:0px 0px 0px 6px;
}

.param_table
{
    display:table;
    padding:0px;
    border-width:0px 1px 1px 1px;
    border-style:solid;
    border-color:#D8D8D8;
    width:100%;
}

.param_table .param
{
    display:table-row;
    width:100%;
}

.param_table .paramheader
{
    display:table-row;
    width:100%;
}

.param_table .paramheader .cell2
{
    display:table-cell;
    background:#E8E8E8;
    border-width:1px 1px 0px 0px;
    border-style:solid;
    border-color:#D8D8D8;
    padding: 0.125em 0;
    vertical-align:top;
    font-weight:bold;
    padding:8px 6px;
    width:15%;
}

.param_table .paramheader .cell3
{
    display:table-cell;
    background:#E8E8E8;
    border-width:1px 0px 0px 0px;
    border-style:solid;
    border-color:#D8D8D8;
    padding: 0.125em 0;
    vertical-align:top;
    font-weight:bold;
    padding:8px 6px;
}

.param_table .param .cell2
{
    display:table-cell;
    background:transparent;
    border-width:1px 1px 0px 0px;
    border-style:solid;
    border-color:#D8D8D8;
    padding: 0.125em 0;
    vertical-align:top;
    font-weight:bold;
    color:#D8671C;
    padding:8px 6px;
    width:15%;
}

.params .param_table .param .cell2
{
    display:table-cell;
    background:transparent;
    border-width:1px 1px 0px 0px;
    border-style:solid;
    border-color:#D8D8D8;
    padding: 0.125em 0;
    vertical-align:top;
    font-weight:bold;
    color:#005590;
    padding:8px 6px;
    width:15%;
}

.type .param_table .param .cell2
{
    display:table-cell;
    background:transparent;
    border-width:1px 1px 0px 0px;
    border-style:solid;
    border-color:#D8D8D8;
    padding: 0.125em 0;
    vertical-align:top;
    font-weight:bold;
    color:#00ADEF;
    padding:8px 6px;
    width:15%;
}

.metadata .param_table .param .cell2
{
    display:table-cell;
    background:transparent;
    border-width:1px 1px 0px 0px;
    border-style:solid;
    border-color:#D8D8D8;
    padding: 0.125em 0;
    vertical-align:top;
    font-weight:bold;
    color:#D8671C;
    padding:8px 6px;
    width:15%;
}

.param_table .param .cell3
{
    display:table-cell;
    background:transparent;
    border-width:1px 0px 0px 0px;
    border-style:solid;
    border-color:#D8D8D8;
    padding: 0.125em 0;
    vertical-align:top;
    padding:8px 6px;
}

.bookmark
{
    margin:0px;
    padding:0px;
    line-height:0px;
    height:0px;
}

.hierarchy
{
    font-size:1.125em;
    padding-left:20px;
}

.nowrap
{
    white-space:nowrap;
}

.heading
{
    color: #005590;
    font-size:1.5em;
    font-weight: bold;
    margin:1.5em 0em 0.5em 0em;
    padding-left:20px;
}

.heading_inline
{
    color: #007EBF;
    font-size:1.2em;
    font-weight: bold;
    margin:0;
}

.module_heading
{
    color: #005590;
    font-size:1.5em;
    font-weight: bold;
    margin:0em 0em 0.0em 0em;
    padding-left:20px;
}

.slider_image
{
    position:relative;
    overflow:visible;
}

.blend_min
{
    position:absolute;
    top:0px;
    left:0px;
    z-index:2;
}

.blend_max
{
    position:absolute;
    top:0px;
    left:0px;
    z-index:1;
}

.memberindexlinks
{
	text-align:center;
}

.glossary .item .title
{
    padding:1em 1em;
    margin:0;
}

.glossary .item, .glossary .item:hover
{
    margin:2px;
    padding:0em;
}

/*********************************************
  API Styles
*********************************************/

.member-list table
{
	border-collapse:collapse;
	border-style:none;
    width:100%;
}

.member-list img
{
    box-shadow:0px 0px 0px #000;
    border-radius:0px;
}

.member-list img
{
    border-radius:0px;
    box-shadow:0px 0px 0px #000000;
}

.member-list td, .member-list th
{
	border-spacing:collapse;
	border-style:solid;
	border-width:1px 1px 1px 1px;
	border-color:#D8D8D8;
	padding:0.5em;
}

.member-list  th
{
	background:#D8D8D8;
	font-weight:bold;
	color:black;
    padding:0.5em 2.5em 0.5em 0.5em;
}

.member-list .normal-row .desc-cell
{
	color:#4C4C4E;
	line-height:1.5em;
}

.member-list .normal-row .icon-cell
{
	white-space:nowrap;
}

.member-list .normal-row .icon-cell p
{
	margin:0px;
	padding:0px;
}

.member-list .normal-row .name-cell
{
	color: #005590;
	font-weight:bold;
}

.member-list .normal-row .value-cell, .member-list .normal-row .name-cell-arguments
{
    font:0.9em monospace;
    color:#808080;
    white-space:nowrap;
}

.filter-item
{
	display:block;
	float:left;
	text-align:center;
	font-weight:bold;
	width:22%;
    border-style:solid;
	border-width:2px 2px 2px 2px;
    border-color:#D8D8D8;
	padding:8px;
	margin-right:-2px;
	margin-bottom:-2px;
}

.filter-last
{
	clear:left;
}

.filter-list
{
	padding-bottom:0em;
}

.hierarchy-table, .hierarchy-table-collapsed
{
	margin:0px;
	padding:0px;
	border-style:none;
}

.hierarchy-table-collapsed
{
	display:none;
}

.hierarchy-table img
{
    border-radius:0px;
    box-shadow:0px 0px 0px #000000;
}

.hierarchy-button-cell
{
	width:12px;
	padding:0px 0.15em 0px 0px;
	border-style:none;
}

.hierarchy-label-cell
{
	width:100%;
	padding:0px;
	border-style:none;
}

.hierarchy-label-cell P
{
	margin-top:0px;
	margin-bottom:0px;
}

.hierarchy-spacer, .hierarchy-button-collapsed, .hierarchy-button-expanded
{
	width:12px; 
	height:12px; 
	border:0px;
}

.hierarchy-button-collapsed, .hierarchy-button-expanded	
{
	background-image:url("../Images/api_hierarchy.png");
}

.hierarchy-button-expanded
{
	background-position:-12px 0px;
}

.module-sections-list
{
	margin-left:10px;
}

.modules-list .name-cell
{
	width:20%;
}

.module_heading p
{
	font-weight:normal;
}

.tooltip
{
    display:inline;
}

.tooltip p
{
    display:inline;
    padding:0px;
    margin:0px;
}
