/* Stylesheet for the ExaGrid Site */

/* Main Body Elements */
body {font:normal 12px Helvetica, Arial, sans-serif;}
body#page {text-align:center; padding:20px 0; }

/* Heading Styles */
h1, h2, h3, h4, h5, h6, pre, body, html, p, img, fieldset, input, div, span, td {margin:0; padding:0;}
h1, h2, h3, h4, h5, h6, p, li {padding-bottom:10px; line-height:1.4em;}
h1, h2, h3, h4, h5 {color:#000; font-weight:normal;}
h1 {font-size:26px; color:#67A4FF; line-height: 1.2em; margin:10px 0 0 0;text-transform:uppercase}
h2 {font-size:18px; color:#000; font-weight:bold; margin:10px 0 0 0;}
h3 {font-size:14px; color:#000; padding:0; font-weight:bold;}
h4 {font-size:12px; font-weight:normal;}
h5 {font-size:12px; font-weight:normal;}

img {border:0;}

a, a:link, a:visited {color:#D45F00; text-decoration:none;}
a:active, a:hover, a:focus {text-decoration:underline; outline:none;}

h2 a, h2 a:link, h2 a:visited {color:#000;}

#main{width:952px; margin:0 auto; padding:0 0 10px; text-align:left; position:relative; background:#fff;}

#header, #marcom_header {border:1px solid #dedede; border-bottom:none; background:#fff url(/nav_bg_upper_right.jpg) bottom right no-repeat; height:129px;}
#header.headerhomepage {background-image:none;}

#shortnav {position:relative; color:#333; margin-top:5px 0 0 20px; text-align:right; list-style-image:url("/plus_bullet.jpg");}
#shortnav li {font:normal 10px Verdana, Helvetica, sans-serif; display:inline; padding-right:30px;}
#shortnav li a:link, #shortnav li a:active, #shortnav li a:visited {color:#333;}
#shortnav li a:hover {color:#333; text-decoration:underline;}

#topNav {position:relative; color:#333; text-align:right; list-style:none; margin-right:20px;}
#topNav li {display:inline;padding-right:25px;}
#topNav li a:link, #topNav li a:active, #topNav li a:visited {color:#333;}
#topNav li a:hover {color:#333; text-decoration:underline;}

/* Menu styles */
#siteMenu {position:relative; display:inline; float:left; width:952px; height:26px; z-index:200; background:#67a4ff; border-bottom:1px solid #fff;}
ul#topMenu {list-style:none; margin:0; padding:0;}
ul#topMenu li {display:inline; float:left; position:relative; padding-top:5px; padding-bottom:5px; font:normal 14px Helvetica, Arial, sans-serif;}
ul#topMenu li a, ul#topMenu li a:link, ul#topMenu li a:visited {display:block; padding:0 27px; font:bold 14px Helvetica, Arial, sans-serif; color:#fff; text-decoration:none;}
ul#topMenu li a:hover, ul#topMenu li a:active {display:block; padding:0 27px; font:bold 14px Helvetica, Arial, sans-serif; color: #fff; text-decoration:none;}
ul#topMenu li.current a, ul#topMenu li.currentFade a {display: block; padding:0 27px; color:#fff; text-decoration:none;}
 
div#subNavigation {display:none;}

/* Submenu styles */
ul#topMenu li ul {/*background-color:#6f84a3;*/background-color:#BFC5D3; border:1px solid #67a4ff; display:none; position:absolute; left:0; top:26px; list-style:none; margin:0; padding:0; min-width:230px; text-align:left; z-index:1000; }
ul#topMenu li ul * {list-style-position:outside;}
ul#topMenu li ul li {position:relative; height:auto; line-height:26px; margin:0; padding:0; width:100%; min-width:270px; border:none; font:normal 12px Helvetica, Arial, sans-serif;}
ul#topMenu li ul li ul {border:none;}
/*ul#topMenu li ul li a, ul#topMenu li ul li a:link, ul#topMenu li ul li a:visited, ul#topMenu li ul li ul li a, ul#topMenu li ul li ul li a:link, ul#topMenu li ul li ul li a:visited, ul#topMenu li ul li ul li ul li a, ul#topMenu li ul li ul li ul li a:link, ul#topMenu li ul li ul li ul li a:visited { display:block; margin:3px 15px; padding:0 0 3px 0; height:auto; line-height:26px; color:#fff; font:normal 12px Verdana, Helvetica, sans-serif;text-decoration:none; white-space:nowrap; text-align:left;}*/
ul#topMenu li ul li a, ul#topMenu li ul li a:link, ul#topMenu li ul li a:visited, ul#topMenu li ul li ul li a, ul#topMenu li ul li ul li a:link, ul#topMenu li ul li ul li a:visited, ul#topMenu li ul li ul li ul li a, ul#topMenu li ul li ul li ul li a:link, ul#topMenu li ul li ul li ul li a:visited { display:block; margin:0; padding:6px 15px; height:auto; line-height:26px; color:#000; font:normal 12px Arial, Verdana, Helvetica, sans-serif;text-decoration:none; white-space:nowrap; text-align:left;}

ul#topMenu li ul li ul li a, ul#topMenu li ul li ul li a:link, ul#topMenu li ul li ul li a:visited { color:#fff; }

ul#topMenu li ul li.last a, ul#topMenu li ul li ul li.last a, ul#topMenu li ul li ul li ul li.last a { border-bottom:0px; padding-bottom:0px; }
ul#topMenu li ul li a:hover, ul#topMenu li ul li a:active, ul#topMenu li ul li a:focus {background-color:#6f84a3; color:#fff; text-decoration: none; }
ul#topMenu li ul li.separator {}

ul#topMenu li ul li ul {background-color:#6f84a3; position:absolute; top:0; left:270px; width:230px; /*width:auto; min-width:200px;*/ /* Match UL width above */}
ul#topMenu li ul li ul li a:hover, ul#topMenu li ul li ul li a:active, ul#topMenu li ul li ul li a:focus {background-color:#67a4ff; color:#fff; text-decoration: none; width:200px;}
ul#topMenu li ul li ul li {}
ul#topMenu li ul li ul li a {white-space:nowrap;}

/*For a FOURTH level of top menu navigation */
ul#topMenu li ul li ul li ul {position:absolute; top:0; left:230px; width:230px; /*width:auto; min-width:200px;*/ /* Match UL width above */}
ul#topMenu li ul li ul li ul li{}
ul#topMenu li ul li ul li ul li a {white-space:normal !important;}

span.menu-sub-indicator {float:right;}

/*home page*/
#media {}
#flash {float:left; width:713px; margin:0; position:relative; margin-right:5px;margin-top:5px;}
#webcast {float:left; position:relative; width:234px; text-align:right;margin-top:5px;}

#content {clear:both; margin:10px 0 0 0; padding:0;}
#productinfo {position:relative; width:457px; float:left; margin-right:6px;}
#events {position:relative; width:249px; float:left; margin-right:6px;}
#webcastsdiv {border:1px solid #dedede; padding:0 10px;}
#whitepapersdiv {border:1px solid #dedede; padding:0 10px; margin-top:5px;}
#headlinesandnews {position:relative; width:234px; float:left; margin:none; padding:none;}

.homepage {color:#970F00; line-height: 1.2em; margin:10px 0 0 0;}
.standardlist {margin:5px 40px 20px 40px;padding:0;}
.homestandardlist {margin:0 0 15px 18px;padding:0;}
.homestandardlist li {padding-bottom:3px;}
.numbered {margin:0 0 4px 28px;}


#headlinesandnews a, #headlinesandnews a:link, #headlinesandnews a:visited {color:#000; text-decoration:none;}
#headlinesandnews a:active, #headlinesandnews a:hover, #headlinesandnews a:focus {text-decoration:underline; outline:none;}

#events a, #events a:link, #events a:visited {color:#000; text-decoration:none;}
#events a:active, #events a:hover, #events a:focus {text-decoration:underline; outline:none;}

#footer a, #footer a:link, #footer a:visited {color:#000; text-decoration:none;}
#footer a:active, #footer a:hover, #footer a:focus {text-decoration:underline; outline:none;}

.relatedcontent {border:1px solid #dedede;background:#fff url(/grey_gradient.jpg) top repeat-x;margin:auto;padding:20px;}

.actionlink {font-weight:bold;font-style:italic;text-align:right;color:#970F00;}
.actionlink a, .actionlink a:link, .actionlink a:visited, .actionlink a:active {color:#970F00;}
.greenaction { color:#090; font-weight:bold; padding-bottom:0; }
.greenaction a:link, .greenaction a:active, .greenaction a:visited { color:#090; }
.greenaction a:hover { color:#090; text-decoration:underline; }

#actionboxes {position:relative;clear:both;margin:0;padding:0;}
#featured_wp, #featured_report, #calculator_box, #request {background:#fff url(/grey_gradient.jpg) top repeat-x;height:115px;margin-bottom:5px;width:214px;border:1px solid #dedede;padding:10px;float:left;margin-right:4px;}
#featured_report {width:215px;}
#calculator_box {width:209px;}
#request {width:209px;margin-right:0;}

#subnav { list-style:none; margin:10px 0; padding:0; background:#fff url(/grey_gradient.jpg) top repeat-x;}
#subnav li { margin:0; height:25px; padding:7px 0 3px 5px; border-top:1px solid #C5C5C5; }
#subnav li a:link, #subnav li a:active, #subnav li a:visited { color:#000; text-decoration:none; font-weight:bold;}
#subnav li a:hover { color:#000; text-decoration:none; font-weight:bold; }


#subleft{float:left; /*width:635px;*/ width:647px; margin:0; padding:0; position:relative; /*background:transparent url(/header_bg.jpg) top left no-repeat;*/ /*padding:50px 40px 0 40px;*/ padding:20px 40px 0 10px;}

#subright {float:left; position:relative; width:255px;}
#subright h2 {line-height:1em;}
#sub_request, #sub_calculator, #sub_featured_wp, #sub_featured_report, #sub_chat {
    clear:both; background:#fff url(/grey_gradient.jpg) top repeat-x; width:212px; border:1px solid #dedede; padding:0 10px 10px 10px; margin-top:5px;}
#footer {clear:both;margin:5px 0;padding-top:5px;}
#footer p, #footer p a:link, #footer p a:active, #footer p a:visited, #footer p a:hover {color:#aaa;}

.listInput td {padding:0 10px 15px 0;vertical-align:top;}
.CSTable td, .mediaTable td {padding:0 10px 15px 0;vertical-align:top;}
.quote {font-style:italic;}

.subTitle {text-align:center;font-size:12px; color:#000; padding:0 0 10px 0; font-weight:bold;margin:0 30px;}
.pageTitle {text-align:center; padding:0 0 10px 0;}
.prTitle {font-size:12px; color:#000; padding:0 0 5px 0;}

.subCollateralTitle {font-weight:bold;}

#CurrentVideo {text-align:center;margin-bottom:20px;}
#CustomerVideos td {border-top:1px solid #dedede;border-bottom:1px solid #dedede;padding:0 10px;vertical-align:top;}
.borderRight {border-right:1px solid #dedede;}
.VideoBox {width:95%;margin-right:15px;}
.VideoBox img {float:left;margin:0 10px 10px 0;}
.VideoBox p {clear:both;}

#CustomerStoriesList {margin-top:20px;}

.chart {margin-bottom:15px;} 
.chart td { 
  font: normal 100% Helvetica, Arial, sans-serif; 
  text-align:left; 
  vertical-align:top; 
  padding:5px; 
  border:1px solid #dedede; 
  border-left:none; 
  border-top:none; 
} 
.darkBlue {background-color:#1F497D; color:#fff; } 
.green { color:#063; font-weight:bold; } 
.red { color:#c00; font-weight:bold; }

.Diskchart {width:100%;margin-bottom:20px;}
.Diskchart td {vertical-align:top;padding:5px;background-color:#C6D9F1;border:1px solid #4F81BD;}
.Diskchart th {font-weight:bold;color:#fff;background-color:#4F81BD;padding:5px;text-align:left}

.list {padding-top:20px;border-top:1px solid #dedede;}
#FilterBox {border:1px solid #dedede;background:#fff url(/grey_gradient.jpg) top repeat-x;width:520px;margin:0 0 20px 20px;padding:5px 20px;}
.gradientBox {border:1px solid #dedede;background:#fff url(/grey_gradient.jpg) top repeat-x;width:100%;margin:0;padding:10px;text-align:center;}

.contacttable td {padding:5px;}

#CSStories {width:100%;margin:15px 0;}
#CSStories td {padding:7px 2px;}

.small {font-size:10px;}

#productdisplay, #productdisplay2 {
    margin:10px 40px 20px 40px;
    font:normal 100% Verdana, Helvetica, sans-serif;
    text-align:center;
    border-left:1px solid #dedede;
    border-top:1px solid #dedede;    
}

#productdisplay th, #productdisplay td , #productdisplay2 th, #productdisplay2 td {
    border-right:1px solid #dedede;
    border-bottom:1px solid #dedede;
}



/* form */
.embed_form {
    clear:both;
    position: relative;
    border: 1px solid #000;
    margin: 5px 0 15px 0;
    padding: 0px 30px 0 10px;
}
.embed_form h1 {
    border-left: none;
    border-right: none;
    border-top: none;
    border-bottom: 1px solid #333;
    margin-top: 0;
    padding: 5px;
    font-size:18px;
    color: #fff;
    text-align:center;
    background:#fd1a00 url(/red_gradient_bkgd.jpg) repeat-x top;
}

.embed_form h1 a:link,
.embed_form h1 a:active,
.embed_form h1 a:visited {
    color:#fff;
}
.embed_form h1 a:hover {
    text-decoration:underline;
}

.embed_form p {
    margin: 3px 7px 0px 7px;
}

.embed_form p a:link,
.embed_form p a:active,
.embed_form p a:visited {
    color:#006;
}
.embed_form p a:hover {
    text-decoration:underline;
}

.embed_form p.userform {
    text-align:right;    
}    
.embed_form p.userform span {
    float:left;
    margin-left:40px;
}
.embed_form p.userform input, .embed_form p.userform select {
    width:158px;
    margin-right:40px;    
}
.embed_form p.userform select {
    width:162px;
}

.embed_form p.submit_userform {
    text-align:center;
}

.embed_form p.checkboxform input {
    margin-right:15px;
    width:10px;
}

.embed_form3 {
    position: relative;
    overflow:hidden;
    color: inherit;
    background:#fff url(/orange_gradient_bkgd.jpg) repeat-x top;
    border: 1px solid #000;
    margin-left: 5px;
    margin-top: 5px;
    margin-right: 0px;
    padding: 0px;
    width: 390px;
    z-index:100;    
}
.embed_form3 h2 {
    border-left: none;
    border-right: none;
    border-top: none;
    border-bottom: 1px solid #333;
    margin-top: 0;
    padding: 5px;
    font:bold 18px Helvetica, Arial, sans-serif;
    color: #fff;
    text-align:center;
    background:#fff url(/blue_gradient_bkgd.jpg) repeat-x top;
}

.embed_form3 h1 a:link,
.embed_form3 h1 a:active,
.embed_form3 h1 a:visited {
    color:#fff;
}
.embed_form3 h1 a:hover {
    text-decoration:underline;
}

.embed_form3 p {
    margin: 0px 7px 0px 7px;
    padding:0 0 3px 0;
}

.embed_form3 p a:link,
.embed_form3 p a:active,
.embed_form3 p a:visited {
    color:#006;
}
.embed_form3 p a:hover {
    text-decoration:underline;
}

.embed_form3 p.userform {
    text-align:right;    
}    
.embed_form3 p.userform span { 
    float:left;
    margin-left:10px;
}
.embed_form3 p.userform input, .embed_form3 p.userform select {
    width:208px;
    margin-right:10px;    
    font:normal 100% Helvetica, Arial, sans-serif;
}
.embed_form3 p.userform select {
    width:212px;
}

.embed_form3 p.submit_userform {
    text-align:center;
}

.embed_form3 p.checkboxform input {
    margin-right:15px;
    width:10px;
}

.error {color:#c00;font-weight:bold;}

#subright h2 { color:#E5EEFF; margin:0; padding:0 0 10px 0; }
#subright p { color:#fff; padding-left: 25px; }
#subright a { color:#fff; }


.p12noPadding {margin: 0pt; padding: 0pt; font-size: 12px; color:#fff;}
.pnoPadding {margin: 0pt; padding: 0pt; color:#fff;}
.p24PowderBlue {margin: 0pt; padding: 0pt; color: #67a4ff; font-size: 24px; font-weight: bold;}

#headLine h2 {color: #000000;}
#headLine p {color: #000000; text-align: center; padding:10px 0;}
#headLine a:link, #headLine a:active, #headLine a:visited, #headLine a:active {color: #000000;}

h2.StoryTitle {font-size:12px;}