/*
 * styles.css
 *
 * The styles.css file contains CSS styles that are used for all browsers.
 */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}

body {background:#FFF; font:.8em arial,helvetica,clean,sans-serif;} table {font-size:inherit;} select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}pre, code {font:115% monospace;}body * {line-height:1.22em;}
a:focus, a:active {outline: none;}
/* Make the various elements *really* obvious */

/* AtreNet questions */
.an-questions {background:yellow;}
.required {color:#c60000;}
/* Gutter between body background and content */
#Header, #MainBody, #Footer, #About, #GeneralAbout { margin: 0; }

#Wrapper { width: 960px; } /* Width of "page" */
#Wrapper #Content { width: 726px; } /* Width of "page" */
#MainChannel { width:726px; clear:both;} /* Width of left channel and center channel combined */
#SidebarPrimary { width: 13.3em; } /* Width of left channel */
#Content { width: 45.7em; } /* Width of center channel */
#SidebarSecondary { width: 234px; } /* Width of right channel */
/* = End Widths = */

label.error { color: red; }
body.noSidebarSecondary #MainBody { background: 0; }
body.noSidebarSecondary #MainChannel { width: 72.5em; }
body.noSidebarSecondary #Content { width: 59em; }

body.noSidebarPrimary #Content { width: 726px; }


body.noSidebarPrimaryOrSidebarSecondary #MainBody {}
body.noSidebarPrimaryOrSidebarSecondary #MainChannel { width: 960px; }
body.noSidebarPrimaryOrSidebarSecondary #Content { width: 960px; }

#Wrapper {
  margin: 0 auto; /* Make content centered */
}

/* Link at top of document to jump over navigation and go straight to content - For usability */
#ContentJump { display: none; }

/* Wrap left and center channel so that we can put center channel first in markup for optimal content ordering */
#MainChannel { float: left; }

.home #ContentChannel {padding:0;}
#ContentChannel {padding-left:30px; padding-right:30px; padding-top:15px; padding-bottom:30px; color:#4d4d4d; font-size:.9em;}
#ContentChannel h1 {border-bottom:1px solid #c3da7f; margin-bottom:15px; padding-bottom:5px; padding-top:5px; font-weight:bold; font-size:1.6em; color:#226099;}
#ContentChannel h2 {color:#226099; font-weight:bold; padding-bottom:5px; font-size:1.2em;}
#ContentChannel h3 {color:#4d4d4d; font-weight:bold;}
#ContentChannel h4 {color:#4d4d4d; font-weight:bold; font-size:1.6em; color:#aecc57; padding-bottom:5px; } /* Header for special pages */
#ContentChannel p {padding-bottom:20px;}
#ContentChannel p.contents {font-size:9pt;}
#ContentChannel ul.contents {font-size:9pt;}
#ContentChannel ol.contents {font-size:9pt;}
#ContentChannel .intro {font-weight:bold;}
#ContentChannel a {color:#226099;}
#ContentChannel a:hover {color:#4f860e;}
#ContentChannel .highlight {font-weight:bold; color:#0579b3; border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; padding:5px 0; margin-bottom:15px; font-style:italic;}
#ContentChannel ul {margin:0 0 20px 30px; padding:0; list-style-type: disc;}
#ContentChannel ul ul {margin-bottom: 0;}
#ContentChannel ul.spaced li {padding-bottom: 10px;}

#ContentChannel table.features {margin-bottom: 10px;}
#ContentChannel table.features th {padding: 5px; font-weight: bold;}
#ContentChannel table.features td {padding: 5px;}

#ContentChannel .featuresbenefits {color:#4d4d4d; background:#e3e2e2; margin-bottom:20px;}
#ContentChannel .featuresbenefits table {margin:0 3px;}
#ContentChannel .topleft {background:url("images/top-left.gif") top left no-repeat; height:12px;}
#ContentChannel .topright {background:url("images/top-right.gif") top right no-repeat; height:12px;}
#ContentChannel .botleft {background:url("images/bot-left.gif") bottom left no-repeat; height:12px;}
#ContentChannel .botright {background:url("images/bot-right.gif") bottom right no-repeat; height:12px;}

#ContentChannel .featuresbenefits .bottom {border:0; padding:0;}
#ContentChannel .featuresbenefits td { border-bottom:1px solid #e3e2e2; padding:5px 15px; text-align:left;}
#ContentChannel .featuresbenefits td.odd {background:#FFF;}
#ContentChannel .featuresbenefits td.even {background:#e4f0f7;}
#ContentChannel .featuresbenefits .title {padding-top:0; font-weight:bold; background:#e3e2e2;}

#ContentChannel .topleftodd {background:#FFF url("images/top-left-odd.gif") top left no-repeat; height:10px;}
#ContentChannel .toprightodd {background:#FFF url("images/top-right-odd.gif") top right no-repeat; height:10px;}
#ContentChannel .botleftodd {background:#FFF url("images/bot-left-odd.gif") bottom left no-repeat; height:10px;}
#ContentChannel .botrightodd {background:#FFF url("images/bot-right-odd.gif") bottom right no-repeat; height:10px;}
#ContentChannel .botlefteven {background:#e4f0f7 url("images/bot-left-even.gif") bottom left no-repeat; height:10px;}
#ContentChannel .botrighteven {background:#e4f0f7 url("images/bot-right-even.gif") bottom right no-repeat; height:10px;}

#ContentChannel .genericTable {margin:0 3px 20px 3px; border: 3px solid #e3e2e2;}
#ContentChannel .genericTable th {padding:5px 15px; text-align:left; font-weight:bold; background: #e3e2e2; }

#ContentChannel .genericTable td { border-bottom:1px solid #e3e2e2; padding:5px 15px; text-align:left;}
#ContentChannel .genericTable td.odd {background:#FFF;}
#ContentChannel .genericTable td.even {background:#e4f0f7;}
#ContentChannel .genericTable tr.odd {background:#FFF;}
#ContentChannel .genericTable tr.even {background:#e4f0f7;}

#ContentChannel .codeSample {padding: 0 20px; margin: 5px 0 20px 0; color: #9c0031;}
#ContentChannel .codeSample table td {padding: 0 10px 0 0;}

#container-1 .anchors {background:url("images/tabs-top-bg.gif") no-repeat; height:30px;}
#container-1 .wide .anchors {background:url("images/tabs-top-wide-bg.gif") no-repeat;}
#container-1 .anchors {margin: 0; padding: 0; list-style: none;}
#container-1 .anchors li {float:left; background:url("images/tab-left.gif"); height:30px;}

#container-1 .anchors a {color:#4d4d4d; text-decoration:none; background:url("images/tab-right.gif") top right no-repeat; padding:5px 15px 10px 15px; display:block; text-align:center; font-weight: bold;}
#container-1 .anchors a:hover {color:#226099;}
#container-1 .anchors .ui-tabs-selected { background:url("images/tab-left-active.gif");}
#container-1 .anchors .ui-tabs-selected a {color:#FFF; font-weight:bold; background:url("images/tab-right-active.gif") top right no-repeat;}
#container-1 .anchors .ui-tabs-selected a:hover {color:#FFF;}
.ui-tabs-hide { display: none; }
a#SourceProCoreFeatures, a#SourceProDBFeatures, a#SourceProNetFeatures, a#SourceProAnalysisFeatures { display: block; }

#container-1 div.ui-tabs-panel {clear:both;  padding:20px; width:623px; background:url("images/tabs-bg.gif") no-repeat;}
#container-1 .wide div.ui-tabs-panel { width:858px; background:url("images/tabs-wide-bg.gif") no-repeat;}

.home #Content {background:url("images/bg.gif") bottom left no-repeat; margin-bottom:20px;}
.home #ContentChannel a {color:#4d4d4d; text-decoration:none;}
.home #ContentChannel a:hover {color:#226099;}
.home #ContentChannel h2 {color:#4d4d4d; font-weight:bold; padding-bottom:0;}
.home #ContentChannel b {color:#226099;}
.home #ContentChannel p {padding-bottom:10px;}
.home #ContentChannel .more a {color:#226099;}

#Content {
  float: right;

}
#Content .right {text-align:right;}
#Content .center {text-align:center;}

#Content .form td {padding:2px 0;}
#Content .form .left {width:35%; text-align:right;}
#Content .form .right {text-align:left; padding-left:10px;}
#Content .form .border {border-bottom:1px solid #c6c6c6; padding:10px 0 10px 10px;}
#Content .form .notoppad {padding-top:2px;}
/* Call Out Box */
.calloutTopLeft {background:url("images/callout-top-left.gif") bottom left no-repeat; height: 10px;}
.calloutTopRight {background:url("images/callout-top-right.gif") bottom right no-repeat; height: 10px;}
.calloutCenter {background:url("images/callout-center.gif"); padding: 15px 20px;}
#ContentChannel .calloutCenter h1 { margin-bottom: 10px; }
#ContentChannel .calloutCenter h3 { margin-bottom: 10px; }
#ContentChannel .calloutCenter ul { margin: 0; padding: 0px; width: 100%;}
#ContentChannel .calloutCenter ul li { margin-left:30px; }
#ContentChannel .calloutCenter .button {text-align: right;}
.calloutBottomLeft {background:url("images/callout-bottom-left.gif") top left no-repeat; height:10px; margin-bottom:20px;}
.calloutBottomRight {background:url("images/callout-bottom-right.gif") top right no-repeat; height:10px;}

/* Right Channel */
#SecondaryNavigation {background:url("images/bottom-bg.gif") bottom left no-repeat; width:224px; padding-bottom:8px; font-size:.9em; margin-bottom:15px;}
#SecondaryNavigation .title {background:url("images/top-bg.gif") no-repeat; font-weight:bold; color:#fff; padding:12px 0 7px 22px; font-size:1.2em;}
#SecondaryNavigation li a {width:200px; padding:4px 0 4px 18px; margin:0 4px 0 3px; display:block; height:100%; color:#4d4d4d; font-weight:bold; border-top:1px solid #e2e2e2; text-decoration:none;}
#SecondaryNavigation li a:hover {background:#7ab3e1; color:#FFF; border-top:1px solid #bdd8f0;}
#SecondaryNavigation li.active a {background:#7ab3e1; color:#FFF; border-top:1px solid #bdd8f0;}

#SecondaryNavigation .active .leveltwo a {font-size:.95em; background:#e9e8e8 url("images/second-level.gif") 20px 9px no-repeat; color:#4d4d4d; font-weight:normal; padding-left:30px; border-top:1px solid #FFF; width:188px;}
#SecondaryNavigation .active .leveltwo a:hover {color:#1e548d; background:#e6f1f7 url("images/second-level-active.gif") 20px 9px no-repeat; border-top:1px solid #FFF;}
#SecondaryNavigation .active .leveltwo a.active {color:#1e548d; background:#e6f1f7 url("images/second-level-active.gif") 20px 9px no-repeat;}
#SecondaryNavigation .active .levelthree a {font-size:.95em; background:#e9e8e8 url("images/second-level.gif") 30px 9px no-repeat; color:#4d4d4d; font-weight:normal; padding-left:40px; border-top:1px solid #FFF; width:178px;}
#SecondaryNavigation .active .levelthree a:hover {color:#1e548d; background:#e6f1f7 url("images/second-level-active.gif") 30px 9px no-repeat; border-top:1px solid #FFF;}
#SecondaryNavigation .active .levelthree a.active {color:#1e548d; background:#e6f1f7 url("images/second-level-active.gif") 30px 9px no-repeat;}

#SidebarSecondary {
  float: right;
  padding:10px 0;
}

#SidebarSecondary .links {background:url("images/bottom-bg.gif") bottom left no-repeat; width:218px; margin:0 0 20px 4px; font-size:.85em; padding-bottom:5px;}
#SidebarSecondary .links .title {background:url("images/top-bgg.gif") no-repeat; font-weight:bold; font-size:1.1em;}
#SidebarSecondary .links li { padding:5px 10px;}
#SidebarSecondary .links b {color:#226099;}
#SidebarSecondary .links a {color:#4d4d4d; text-decoration:none;}
#SidebarSecondary .links a:hover {color:#4f860e;}

#SidebarSecondary .links a.colored {color:#4f860e;}
#SidebarSecondary .links a.colored:hover {color:#4d4d4d;}

/* product infographic */
#infographic h1.blue {color:#FFF; border-bottom:0; font-size:1em; margin:0; padding:5px 0 7px 10px; background:url("images/title-bg-blue.gif"); width:267px; height:12px;}
#infographic h1.green {color:#FFF; border-bottom:0; font-size:1em; margin:0; padding:5px 0 7px 10px; background:url("images/title-bg-green.gif"); width:267px; height:12px;}
#infographic h1.gray {color:#000; border-bottom:0; font-size:1em; margin:0; padding:5px 0 7px 10px; background:url("images/title-bg-gray.gif"); width:267px; height:12px;}

#default {position:relative;}
#default .text {position:absolute; top:98px; left:375px;}
#infographic #default p {padding:0 0 6px 10px;}

#hydrasuite {position:absolute; top:346px; left:47px;}
#hydrasuite .text {position:absolute; top:75px; left:380px; width:255px;}
#sourcepro {position:absolute; top:346px; left:47px;}
#sourcepro .text {position:absolute; top:75px; left:380px; width:255px;}
#stingray {position:absolute; top:346px; left:47px;}
#stingray .text {position:absolute; top:75px; left:380px; width:255px;}

.none {display:none;}