/* CSS Document */

/*COMMON*/
body { text-align:center; margin: 0px; background: #EAEDF4; width:100%; font:normal 11px Verdana, Arial, sans-serif;color:#000}
body.none { text-align:left; margin: 0px; background: #fff; width:100%; }

h1, h2, h3, h4, h5, h6,p,ul,li{margin:0;padding:0}

a{color:#000; text-decoration:none;}
a:hover {color:red;}

h6{font-weight:bold;}

hr { border:0; border-top:1px dotted #ccc; }
hr.adn { border-top:1px solid #fff; }

blockquote { border:0; margin:0px; padding:0 0 0 30px; }
#centerwrap{border-left:1px solid #BEB9B7;border-right:1px solid #BEB9B7}

/* CONTAINER */

#container {margin-left: auto; margin-right:auto; text-align:left; width:980px; padding:0; clear:both;background:#eee url(../images/bg_container_wide.gif) top center repeat-y }
div#container.nomargin{margin:0;padding:0;}

#centerwrap{margin:0 auto;width:980px}

#hdrwrapper{clear:both;}
#hdrcontainer, #hdrcontainerlanding, #hdrcontainerfreetrial {height:112px;*height:114px;_height:112px; background: transparent url(../images/hdr_sfdc.gif) top left no-repeat;}
#hdrcontainerlanding,#hdrcontainerfreetrial{height:108px;*height:110px;height:108px;border-bottom:4px solid #999;margin:0}
#hdrcontainer.adn{height:101px;background:transparent url(images/hdr_apexdn.gif) top left no-repeat;}
#hdrcontainersfdcnoglobalnav{margin-left:auto;margin-right:auto;text-align:left;width:980px;height:72px;background: #EEE url(../images/hdr_sfdc_noglobalnav.gif) top left no-repeat;}

#hdrlogo{float:left;margin:0px 0 0 12px !important;margin:0px 0 0 2px }
#hdrlogo img{width:227px;height:58px}

#sfdclogo{float:right;margin:0 0 0 0 !important;margin:0 0 0 0px }

/*GLOBAL NAV*/
#globalnav{float:right;text-align:right;width:480px;height:20px;margin:0 0 5px 0;padding:0 10px 0 0;}
#globalnav ul {list-style:none; margin:8px 0 0 55px; padding: 0px; text-align:right; }
#globalnav li {float:left; text-align:right; white-space:nowrap; color:#828CA7; display:inline; font: normal 11px/13px Verdana, Arial; padding:0 0 3px 0; vertical-align:middle; margin-left:20px}
#globalnav img.x{float:left;text-decoration:none;border:0;vertical-align:middle;}
#globalnav a span{display:block; color:#384973;}

/*TOOLS*/
#toolscontainer{float:right;clear:right;width:680px;text-align:right;margin:3px 0 10px 0;}
#sublogo{margin:11px 0 0 0; _margin:0;}f
#sublogolanding{margin:11px 0 0 0}
#sublogofreetrial{margin:11px 0 0 0;_margin:0}
#sublogo_ae {float:right;}
#tools{float:right;width:250px;text-align:left;}
#language{margin:0 0 0 10px;text-align:left;width:100%;}
#search{float:right;margin:9px 0 0 5px !important; margin:-2px 0 0 5px; text-align:left; width:215px; *width:210px; _width:215px }
#search input{padding: 0 2px 0 4px; margin:0 0 0 5px !important;}
#formpad{margin:0 10px 0 0; padding:3px 5px 2px 10px;}


/*TABS*/
#tabnavcontainer{clear:both;margin:0;padding:0;text-align:left;background:#E9E9E9;}
#tabnavnotabs{float:left; width:980px; *width:979px; margin:19px 0 0 0; border-bottom:4px solid #828CA7;}
#tabnav{background:#E9E9E9;float:left;width:980pxfont: normal 11px/13px Verdana, Arial; border-bottom:4px solid #828CA7;}
#tabnav ul{margin:0;padding:0;list-style:none;} 
#tabnav li{display:inline;margin:0;padding:0;}
#tabnav a {float:left; background:url(../images/tab_left.gif) no-repeat left top; margin:0; padding:0 0 0 7px;text-decoration:none;}
#tabnav a span {float:left;display:block;background:url(../images/tab_right.gif) no-repeat right top; padding:5px 15px 3px 6px; color:#000; }
#tabnavww a{float:right;margin:0;padding:0 10px 0 7px;text-decoration:underline;background:none;}
#tabnavww a span { float:right;display:block;padding:5px 15px 3px 6px; color:#000; text-decoration:underline; background:none;}

    /* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabnav a span {float:none;}
#tabnavlogin a span {float:none;}
    /* End IE5-Mac hack */


#tabnav a:hover,#tabnavlogin a:hover { background-position:0% -42px; }
#tabnav a.on,#tabnavlogin a.on { background-position:0% -84px; }
#tabnav a:hover span,#tabnavlogin a:hover span { color:red; background-position:100% -42px; }
#tabnavlogin a:hover span {color:#FFF;}
#tabnav a.on span,#tabnavlogin a.on span { color:#FFF; background-position:100% -84px; }
#tabnavww a:hover,#tabnavww a:hover span {color:#394A74;}

/*LEFT*/

#left { float:left; width:196px;margin:0; background:#eeeeee; height:600px }
#left.nobg { background: #FFF; }
#left h2.logostitle{margin:25px 5px 10px 5px;font-weight:bold;}

/*CONTENT*/

#content {float:left; padding:0px 0px 80px 20px; background: #FFF; margin:0; height:100%}
#content.col4 {width:764px;}


#content h1,h2,h3,h4,h5{font-weight:bold;}
#content h1{ font-size:18px;color:#394A74;margin:10px}
#content h1.black{color:#000;}
#content h2,h3,h4 {font-size:14px;margin-top:10px; margin-bottom:5px;}
#content h4 {color:#394A74;}
#content h5{font-size:12px;line-height:14px;color:#394A74;}
#content hr{color:#394A74; width:150px; background-color:#FFFFFF}
#content p{margin-bottom:7px; font-size:11px; line-height:16px}
#content ul{list-style-image:url(../images/arrow10x10.gif); list-style-position:outside; font-weight:bold; font-size:14px}
#content a{color:#015ba7}
#content a:hover {color:red}
#content a span{color:#000;}
#content li{margin-bottom:10px; font-size:11px; margin-left:20px; }

#content a.promob {margin-right:20px; padding-top:6px; font-size:12px }
#content div.promod {float:left;}

#contentbox3container { float:left; width:540px; margin:0; padding:0; }
#contentbox3 { float:left; background:#f3f3ec url(../images/bg_contentbox3.gif) repeat-x; width:540px;padding:4px 0 0 0;}
#contentbox3 p { float:left; margin:0 0 0 20px !important; margin:0 0 0 10px; width:160px}
#contentbox3 ul { float:left; margin:8px 0 10px 20px !important; margin:0 0 0px 10px; width:160px}
#contentbox3 ul li{margin:0;padding:0}
#contentbox3 ul li a {color:#000;}
#contentbox3 ul li a.hdr {font-weight:bold;}
#contentbox3_bottom { float:left; padding:10px 0 0 0; width:540px; background:#fff url(../images/bg_contentbox3_bottom.gif) no-repeat; }
#contentbox3 div#eventagenda table ul {margin:0; width:300px}
#contentbox3 div#eventagenda table td{vertical-align:top}

img{border:0}

/*NEW CTA PROMOS*/

.promoblarge {display:block;margin:0;background:url("../images/promo1_150h_back.gif") no-repeat top left;width:192px;height:107px; margin-bottom:10px; cursor:pointer}
.promoblarge_o {display:block;margin:0;background:url("../images/promo1_150h_over.gif") no-repeat top left;width:192px;height:107px; margin-bottom:10px; cursor:pointer}
a.promoblarge img,a.promoblarge:hover img,a.promob img,a.promob:hover img {margin:3px;}
a.promob {display:block;margin:0;background:#fff url("../images/cta_back.gif") no-repeat top left;width:117px;height:43px;}
a.promob:hover {display:block;margin:0;background:#fff url("../images/cta_back_over.gif") no-repeat top left;}

/*SEARCH*/
/*input#searchgo{margin-bottom:-3px !important;margin-bottom:-1px}*/

/*SUBNAV*/

#subnavcontainer { width:176px; text-align:left; margin: 10px 4px 5px 9px; }
#subnav_top { width:176px; height:7px; background:url(../images/bg_subnav_top.gif) top left no-repeat;}
#subnav_bottom {  width:176px; height:19px; background:url(../images/bg_subnav_bottom_wh.gif) top left no-repeat;}
#subnav_bottom.bg { background:url(../images/bg_subnav_bottom_tan.gif) top left no-repeat; }
#subnav { background: url(../images/bg_subnav_center.gif) top left repeat-y; margin: 0px; }
#subnav_top.nobg,#subnav_bottom.nobg,#subnav.nobg { background:none; }
#subnav h2 { font: bold 14px/14px Verdana, Arial; color:#000; margin:0px; padding:3px 10px 4px 15px; border-bottom:1px solid #CCC; }
#subnav h3 { font: normal 11px/13px Verdana, Arial; margin:0 1px 0 1px}
#subnav h3.on { font: bold 12px/12px Verdana, Arial; color:#000;background:#FFF url(../images/bg_detailnav_center_on.gif) top center repeat-x; padding: 10px 1px 4px 1px; border-top:1px solid #CCC; }
#subnav ul { list-style: none; margin: 0px 1px 0px 1px; padding: 0px 0px 15px 0px; }
#subnav ul.on { background:#FFF url(../images/bg_detailnav_center_on.gif) top center repeat-y; padding: 3px 0px 15px 10px; border-bottom:1px solid #99908c; }
#subnav li {  padding:0px 0px 0px 10px; } 
#subnav a { font: normal 10px/10px Verdana, Arial; }
#subnav a:hover { color:red; text-decoration: none; padding:0px;  }
#subnav h1 span { padding: 0px 0px 0px 0px;  }
#subnav li span { padding:3px 10px 3px 15px; }
#subnav li.on span { color:#394A74; padding:0px 10px 0px 15px; }
#subnav a span { display:block; padding:3px 10px 3px 15px; font-size:9px }
#subnav a.on span { display:block; padding:3px 10px 3px 15px; color:#394A74; background:#fff url("../images/arrow10x10.gif") 6px 5px no-repeat;}
#subnav a:hover span { color:red; background-color:#FFF;  }

/*EXTRANAV*/
#extranavcontainer { width:176px; text-align:left; margin: 10px 10px 10px 9px;  }
#extranav_top { width:176px; height:7px; background:url(../images/bg_extranav_top.gif) top left no-repeat; margin: 0px; }
#extranav_nextsteps {text-align:center;font-size:10px;color:#fff;width:176px;height:20px; background:url(../images/bg_extranav_nextsteps.gif) top left no-repeat; margin: 0px;padding-top:5px;}
#extranav_nextstepsred { text-align:center;font:bold 12px/12px Verdana, Arial;color:#fff;width:176px; height:20px; background:url(../images/bg_extranav_nextstepsred.gif) top left no-repeat; margin: 0px; padding-top:5px;}
#extranav_bottom { width:176px; height:19px; background:url(bg_extranav_bottom_wh.gif) top left no-repeat; margin: 0px;}
#extranav_bottom.bg { background:url(../images/bg_extranav_bottom_tan.gif) top left no-repeat; }
#extranav { background: url(../images/bg_extranav_center.gif) top left repeat-y;  }
#extranav h1 { font: normal 14px/14px Verdana, Arial; color:#394A74; }
#extranav h3 { font: bold 14px/14px Verdana, Arial; color:#000; padding:3px 3px 4px 0px; border-bottom:1px solid #CCC; }
#extranav ul { list-style: none; padding:0 1px 0 1px; color:#000; }
#extranav li { padding: 4px 0px 4px 0px; border-bottom:0px; }
#extranav p { padding: 4px 15px 4px 15px; }
#extranav img.icon {margin:3px 5px 0 15px;vertical-align:middle;}
#extranav a:link, #extranav a:visited { }
#extranav a.blue,  { text-decoration: none; color:#015ba7; }
#extranav a:hover { color:red; text-decoration:none; }
#extranav a:hover.blue { color:red; text-decoration:none; }
#extranav a span { display:block; color:#000; border-bottom:0px; font-size:10px }
#extranav a:hover span { color:red; background-color:#FFF; border-bottom:0px; }
/*EXTRANAV*/
#extranavcontainer { width:176px; text-align:left; margin: 10px 10px 10px 9px; }
#extranav_top { width:176px; background:url(../images/bg_extranav_top.gif) top left no-repeat; margin: 0px; }
#extranav_nextsteps {text-align:center;font-size:10px;color:#fff;width:176px;height:20px; background:url(../images/bg_extranav_nextsteps.gif) top left no-repeat; margin: 0px;padding-top:5px;}
#extranav_nextstepsred { text-align:center;font:bold 12px/12px Verdana, Arial;color:#fff;width:176px; height:20px; background:url(../images/bg_extranav_nextstepsred.gif) top left no-repeat; margin: 0px; padding-top:5px;}
#extranav_bottom { width:176px; height:19px; background:url(../images/bg_extranav_bottom_wh.gif) top left no-repeat; margin: 0px;}
#extranav_bottom.bg { background:url(../images/bg_extranav_bottom_tan.gif) top left no-repeat; }
#extranav { background: url(../images/bg_extranav_center.gif) top left repeat-y;  }
#extranav h1 { font: normal 14px/14px Verdana, Arial; color:#394A74; }
#extranav h3 { font: bold 14px/14px Verdana, Arial; color:#000; padding:3px 3px 4px 0px; border-bottom:1px solid #CCC; }
#extranav ul { list-style: none; padding:0 1px 0 1px; color:#000; }
#extranav li { padding: 4px 0px 4px 0px; border-bottom:0px; }
#extranav p { padding: 4px 15px 4px 15px; }
#extranav img.icon {margin:3px 5px 0 15px;vertical-align:middle;}
#extranav a:link, #extranav a:visited { }
#extranav a.blue,  { text-decoration: none; color:#015ba7; }
#extranav a:hover { color:#394A74; text-decoration:none; }
#extranav a:hover.blue { color:#394A74; text-decoration:none; }
#extranav a span { display:block; color:#000; border-bottom:0px; font-size:10px }
#extranav a:hover span { color:red; background-color:#FFF; border-bottom:0px; }

/*JUMPNAV*/
#jumpnavcontainer { width:176px; text-align:left; margin: 10px 10px 20px 9px; }
#jumpnav_top { width:176px; height:7px; margin:0}
#jumpnav_nextsteps { width:176px; height:20px;margin:0}
#jumpnav_bottom { width:176px; height:7px;margin:0}
#jumpnav {}
#jumpnav h1 {font: normal 14px/14px Verdana, Arial; color:#394A74; }
#jumpnav h3 {font: bold 14px/14px Verdana, Arial; color:#000; padding:3px 3px 4px 0; border-bottom:1px solid #CCC; }
#jumpnav ul {list-style: none; padding:0 1px; color:#000; }
#jumpnav li {padding: 4px 0; border-bottom:0; }
#jumpnav p {padding: 4px 15px 4px 15px; }
#jumpnav img.icon { border:0; vertical-align:middle; padding: 0 5px 0 15px} 
#jumpnav a:link, #extranav a:visited { }
#jumpnav a.blue{ text-decoration: none; color:#015ba7; }
#jumpnav a:hover,#jumpnav a:hover.blue { color:#394A74; text-decoration:none; }
#jumpnav a span { display:block; color:#000; border-bottom:0px; }
#jumpnav a:hover span { color:#394A74; background-color:#FFF; border-bottom:0px; }



/*RELATED NAV*/
#relatedcontainer { width: 176px; margin: 15px 9px 5px 9px; }
#relatedcontainer.right { float:right; }
#related_top { width:176px; height:7px; background:url(../images/bg_related_top.gif) top left no-repeat; }
#related_bottom { width:176px; height:19px; background:url(../images/bg_related_bottom_wh.gif) top left no-repeat; }
#related_bottom.bg { background:url(../images/bg_related_bottom_tan.gif) top left no-repeat; }
#related {  background: url(../images/bg_related_center.gif) top left repeat-y; }
#related h5,#related h4 { font: bold 12px/12px Verdana, Arial; color:#384973; padding:4px 3px 4px 10px; }
#related img.icon { border:0; vertical-align:middle; padding:3px 5px 4px 10px; float:left }
#related a:link, #related a:visited { text-decoration: none; color:#333; line-height:13px }
#related a:hover { color:#394A74; text-decoration:none; }
#related li span { padding: 4px 15px 4px 15px; }
#related a span { display:block; padding:0 10px 0 15px; margin: 0 1px;color:#333}
#related a:hover span { color:#394A74; background-color:#FFF; padding:0 10px 0 15px; margin: 0 1px}
#related ul {padding: 0px 1px 20px 1px; margin:0;list-style:none}
#related li {clear:both; font: normal 11px Verdana, Arial; padding: 4px 0px 4px 0px;}

/*SOFTWARE NAV*/
#softwarecontainer { width: 250px; margin: 0px 9px 5px 9px; }
#software_top { width:250px; height:7px; background:url(../images/bg_software_top.gif) top left no-repeat; }
#software_bottom { width:250px; height:19px; background:url(../images/bg_software_bottom_wh.gif) top left no-repeat; }
#software_bottom.bg { background:url(../images/bg_software_bottom_tan.gif) top left no-repeat; }
#software {  background: url(../images/bg_software_center.gif) top left repeat-y; padding:10px}
#software h5,#software h4 { font: bold 11px/11px Verdana, Arial; color:#384973; padding:0px; }
#software img.icon { border:0; vertical-align:middle; padding:3px 5px 4px 10px; float:left }
#software a:link, #software a:visited { text-decoration: none; color:#384973; font-size:10px }
#software a:hover { color:#384973; text-decoration:none; }
#software li span { padding: 4px 15px 4px 15px; border-bottom:1px solid #999999; width:320px }
#software a span { display:block; padding:0 10px 0 15px; margin: 0 1px; color:#384973; border-bottom:1px solid #999999;}
#software a:hover span { color:#384973; background-color:#FFF; padding:0 10px 0 15px; margin: 0 1px}
#software ul {padding: 0px 1px 20px 1px; margin:0;list-style:none}
#software li {clear:both; font: normal 11px Verdana, Arial; padding: 0px 0px 4px 0px; color:#384973; list-style:none}


#footer{margin:0px auto;width:980px;text-align:center;color:#666;background-color:#E3E3E3;padding:0 0 50px 0; border-bottom:1px solid #BEB9B7; border-left:1px solid #BEB9B7; border-right:1px solid #BEB9B7}
#footer a{color:#666;}
#footer a:hover{color:#394A74;}
#footertop{width:982;background-color:#828CA7;font: bold 10px/12px Verdana, Arial; color:#FFF; padding:4px 0px 5px 0px}
#footertop a{font: bold 10px/12px Verdana, Arial; color:#FFF; }
#footerbundlecontainer{padding:20px 0 0 0; background: #E3E3E3 url(../images/bg_container_footer.gif) top center no-repeat; margin:0;}
.footerbundle{float:left;width:170px;margin:0 0 0 20px;padding:0;text-align:left;}
.footerbundle ul{list-style:none; margin:0; padding:0;}
.footerbundle li a{font:normal 10px/12px Verdana, Arial;color:#666;}
.footerbundle li a:hover {color:#394A74;}
#footerworldwide {border-top:1px solid #D7D7D7; padding:4px 0 12px 0;}

    /* Commented Backslash Hack hides rule from IE5-Mac \*/
#contenttabs a span {float:none;}
    /* End IE5-Mac hack */
#contenttabs a:hover span { color:#394A74; }
#contenttabs a:hover { background-position:0% -42px; }
#contenttabs a.on { background-position:0% -84px; }
#contenttabs a:hover span { background-position:100% -42px; }
#contenttabs a.on span { background-position:100% -84px; font-weight:bold; }
#contenttabs img.icon { border:0px; padding:0 0 0 10px; }