@charset "utf-8";

/* CSS Document */
body {
    background-color:#666;
    font-size:13px;
    font-family:Arial,Helvetica,sans-serif;
/* padding-top: 111px; */
    padding:0;
    margin:0;
    color:#666
}

h1 {
    font-size:1.625em;
    padding:0;
    margin:0;
    line-height:24px
}

h1 span {
    font-size:11px;
    font-weight:400;
    line-height:11px;
    margin-top:-25px;
    clear:both
}

h2 {
    font-size:1.25em
}

h3 {
    font-size:16px;
    line-height:18px;
    margin:0
}

h5 {
    font-size:14pt;
    font-family:Arial,Helvetica,sans-serif;
    line-height:18px;
    padding-bottom:5px;
    margin-bottom:-10px;
    margin-top:0
}

#blog {
    width:1000px;
    margin:0 auto;
    padding:10px
}

#blog .article {
    width:800px;
    float:right;
    padding:5px
}

#blog .aside {
    width:100px;
    float:left;
    padding:5px;
    background-color:#A5F1EA
}

#mainContent {
    width:72%;
/*Assume the native width of browser window is 1680px */
    margin:0 auto;
    padding:.98039215686275%
}

#mainContent .article_rwd {
/* width: 77.431372549019607843137254901961%; */
    width:100%;
    float:left;
    padding-right:.49019607843137%
}

#mainContent .agendaDiv {
    width:20%;
    float:right;
/* padding-left:0.49019607843137254901960784313725%; */
    margin:0 0 10px;
    background:#fff;
    border:4px solid #fff;
    position:relative;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -o-border-radius:4px;
    border-radius:4px;
    -webkit-box-shadow:0 1px 4px rgba(0,0,0,.2);
    -moz-box-shadow:0 1px 4px rgba(0,0,0,.2);
    -o-box-shadow:0 1px 4px rgba(0,0,0,.2);
    box-shadow:0 1px 4px rgba(0,0,0,.2)
}

#mainContent .papersDiv {
    width:20%;
    float:right;
/* padding-left:0.49019607843137254901960784313725%; */
    margin:0 0 10px;
    background:#fff;
    border:4px solid #fff;
    position:relative;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -o-border-radius:4px;
    border-radius:4px;
    -webkit-box-shadow:0 1px 4px rgba(0,0,0,.2);
    -moz-box-shadow:0 1px 4px rgba(0,0,0,.2);
    -o-box-shadow:0 1px 4px rgba(0,0,0,.2);
    box-shadow:0 1px 4px rgba(0,0,0,.2)
}

#mainContent .twoCol {
    background:#fff;
    border:4px solid #fff;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -o-border-radius:4px;
    border-radius:4px;
    -webkit-box-shadow:0 1px 4px rgba(0,0,0,.2);
    -moz-box-shadow:0 1px 4px rgba(0,0,0,.2);
    -o-box-shadow:0 1px 4px rgba(0,0,0,.2);
    box-shadow:0 1px 4px rgba(0,0,0,.2);
    padding:13px;
    margin-bottom:20px;
    overflow:hidden
}

#mainContent .fullCol {
    margin:0 0 20px;
    background:#fff;
    border:4px solid #fff;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -o-border-radius:4px;
    border-radius:4px;
    -webkit-box-shadow:0 1px 4px rgba(0,0,0,.2);
    -moz-box-shadow:0 1px 4px rgba(0,0,0,.2);
    -o-box-shadow:0 1px 4px rgba(0,0,0,.2);
    box-shadow:0 1px 4px rgba(0,0,0,.2);
    width:98%;
    float:none;
    clear:both;
    padding:10px
}

#mainContent .halfCol-L {
    margin:0 0 20px;
    background:#fff;
    border:4px solid #fff;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -o-border-radius:4px;
    border-radius:4px;
    -webkit-box-shadow:0 1px 4px rgba(0,0,0,.2);
    -moz-box-shadow:0 1px 4px rgba(0,0,0,.2);
    -o-box-shadow:0 1px 4px rgba(0,0,0,.2);
    box-shadow:0 1px 4px rgba(0,0,0,.2);
    width:46%;
    float:left;
    padding:10px
}

#mainContent .halfCol-R {
    margin:0 0 20px;
    background:#fff;
    border:4px solid #fff;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -o-border-radius:4px;
    border-radius:4px;
    -webkit-box-shadow:0 1px 4px rgba(0,0,0,.2);
    -moz-box-shadow:0 1px 4px rgba(0,0,0,.2);
    -o-box-shadow:0 1px 4px rgba(0,0,0,.2);
    box-shadow:0 1px 4px rgba(0,0,0,.2);
    width:46%;
    float:right;
    padding:10px
}

/* -------------------| Top Navigation |----------------------*/
#top-bar {
/* position:fixed; */
    top:0;
    left:0;
    background:url(../images/top-bar.png) repeat-x;
    height:112px;
    width:100%
/* z-index:1000; */
}

#logo-bar {
    margin:0;
    padding:0;
    height:75px;
    overflow:hidden
}

#contact-us a {
    float:right;
    border-left:1px solid red;
    width:72px;
    height:75px;
    display:block
}

#contact-us a:hover {
    background:#900
}

#share-us a {
    float:right;
    border-left:1px solid red;
    border-right:1px solid red;
    width:72px;
    height:75px;
    display:block
}

#share-us a:hover {
    background:#900
}

#minMenu {
    display:none;
    border-left:1px solid red
}

#event-logo {
    float:left;
    margin:0
}

#main-nav {
    height:111px;
    width:72%;
/*Assume the native width of browser window is 1680px */
    margin:0 auto
}

#nav-bar {
    margin:0;
    padding:0;
    width:auto
}

#nav-bar ul {
    list-style:none;
    margin:0;
    padding:0;
    height:37px!important
}

#nav-bar li {
    margin:0;
    padding:0;
    float:left;
    width:auto
}

#nav-bar a {
    color:#fff;
    display:block;
    text-decoration:none;
    text-align:center;
    padding:0 15px;
    font-weight:700;
    font-size:14px;
    border-left:#000 solid 1px;
    line-height:37px
}

#nav-bar a:hover {
    background:url(../images/top-nav-over.png) repeat-x;
    transition:background-image .5s ease
}

.selected {
    background:url(../images/top-nav-over.png) repeat-x;
    transition:background-image .5s ease
}

#contact-link {
    display:none
}

#share-link {
    display:none
}

#space {
    display:block;
    height:130px;
    width:500px
}

.btnLearnMore {
/* border:1px solid #aa0000; */
    width:89px;
    height:25px;
    padding:5px;
    padding-left:9px;
    padding-right:11px;
    margin-bottom:2px;
    margin-top:1px;
    float:left;
    vertical-align:middle;
    line-height:25px;
    background:url(../images/icon-learnmore.png);
    background-repeat:no-repeat;
    background-position:5px 9px;
    background-color:#c00;
    color:red!important;
    text-decoration:none!important;
    display:block;
    text-align:right;
    opacity:1;
    filter:alpha(opacity=100)
/* For IE8 and earlier */
}

.btnLearnMore-sm {
/* border:1px solid #aa0000; */
    width:89px;
    height:23px;
    padding:3px;
    padding-left:9px;
    padding-right:11px;
    margin-bottom:2px;
    margin-top:1px;
    float:left;
    vertical-align:middle;
    line-height:25px;
    background:url(../images/icon-learnmore.png);
    background-repeat:no-repeat;
    background-position:5px 9px;
    background-color:#c00;
    color:red!important;
    text-decoration:none!important;
    display:block;
    text-align:right;
    opacity:1;
    filter:alpha(opacity=100)
/* For IE8 and earlier */
}

.btnLearnMore:hover,.btnLearnMore-sm:hover {
/* opacity:0.4;
    filter:alpha(opacity=40); */
/* For IE8 and earlier */
    background-color:#363636
}

.btnLearnMore a,.btnLearnMore-sm a {
    color:#fff!important;
    font-size:12px!important;
    text-decoration:none!important;
    display:block
}

.learn-more-div {
    font-size:12px;
    line-height:13px;
    height:38px;
    margin:auto;
    padding-top:3px;
    padding-left:3px;
    display:block
}

.learn-more-link {
    width:40%!important;
    float:right;
    margin:-6px 0 -3px;
    display:inline-block;
    border-left:1px solid #ccc
}

.learn-more-link:hover {
    background:#ccc
}

.learn-more-link img {
    width:100%
}

.learn-more-text {
    width:50%!important;
    float:left;
    margin:0
}

.slide-more-div {
    font-size:13px;
    line-height:14px;
    margin:auto;
    padding-top:6px;
    padding-left:6px
}

.slide-more-link {
    width:11%!important;
    float:right;
    margin:-6px 6px -6px 0;
    display:block;
    border-left:1px solid #ccc
}

.slide-more-link:hover {
    background:#ccc
}

.slide-more-link img {
    width:100%
}

.slide-more-text {
    width:84%!important;
    float:left;
    margin:0
}

#toTop {
    display:none;
    text-decoration:none;
    position:fixed;
    bottom:10px;
    right:10px;
    overflow:hidden;
    width:51px;
    height:51px;
    border:none;
    text-indent:100%;
    background:url(../images/ui.totop.png) no-repeat left top
}

#toTopHover {
    background:url(../images/ui.totop.png) no-repeat left -51px;
    width:51px;
    height:51px;
    display:block;
    overflow:hidden;
    float:left;
    opacity:0;
    -moz-opacity:0;
    filter:alpha(opacity=0)
}

#toTop:active,#toTop:focus {
    outline:none
}

.titleLinks {
    color:#333;
    text-decoration:none
}

.bodyTable {
    display:table
}

.bodyCol {
    display:table-cell;
    width:29.5%;
    padding-left:1em;
    padding-right:1em;
    overflow:auto
}

.embed-container {
    position:relative;
    padding-bottom:46.666%;
    height:0;
    overflow:hidden;
    max-width:100%;
    height:auto
}

.embed-container iframe,.embed-container object,.embed-container embed {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}

#related {
    padding:15px;
    border:solid 1px #ccc;
    word-wrap:break-word
}

#related h3 {
    margin-top:0;
    margin-bottom:-10px
}

#related ol {
    padding-left:22px
}

#related li {
    padding:3px
}

#related a {
    color:#009
}

#related a:hover {
    color:#333
}

.gloss_header {
    float:left
}

table.glossLinks {
    width:250px;
    background-color:#fff;
    border:1px solid #ccc;
    float:right
}

table.glossLinks td {
    border:#fff 1px solid;
    font-size:12px;
    font-weight:700;
    white-space:nowrap;
    text-align:center;
    padding:0
}

table.glossLinks td a {
    background:#E5E5E5;
    font-size:12px;
    font-weight:400;
    text-decoration:none;
    color:#333;
    display:block;
    padding:7px
}

table.glossLinks td a:hover {
    background:#333;
    font-size:12px;
    font-weight:400;
    color:#fff
}

table.glossLinks td.selected {
    background:#c00;
    color:#fff;
    display:block;
    padding:7px
}

table.glossary {
    width:100%;
    max-width:920px;
    margin:10px auto;
    background-color:#fff;
    border:1px solid #ccc;
    padding:5px
}

table.glossary td,table.glossary td.border,table.glossary th {
    vertical-align:top;
    padding:5px
}

table.glossary td.letter {
    font-weight:700;
    font-size:14px;
    margin-bottom:-3px
}

table.glossary td.alt {
    background-color:#ebebeb
}

.Letters {
    width:40px;
    height:40px;
    background:#c00;
    border:solid 1px #ccc;
    padding:10px 10px 0 0;
    margin:0 -2px;
    font-weight:700;
    font-size:45px;
    overflow:hidden;
    color:#fff;
    display:block
}

#error {
    background:#ff6969;
    color:#fff;
    text-shadow:1px 1px #cf5454;
    border-right:1px solid #000;
    border-bottom:1px solid #000;
    padding:0
}

#error .tcontent {
    padding:10px 14px 11px;
    border:1px solid #ffb8b8;
    -moz-border-radius:5px;
    border-radius:5px
}

#success {
    background:#2ea125;
    color:#fff;
    text-shadow:1px 1px #1b6116;
    border-right:1px solid #000;
    border-bottom:1px solid #000;
    padding:10px;
    -moz-border-radius:0;
    border-radius:0
}

#bluemask {
    background:#4195aa
}

#frameless {
    padding:0
}

#frameless .tclose {
    left:6px
}

.horizontal_line {
    border-top:solid 1px #ccc
}

#closeit a {
    background:url(../images/close.gif) no-repeat;
    background-position:0 0;
    display:block;
    width:86px;
    height:40px;
    float:right;
    margin-top:-5px
}

#closeit a:hover {
    background-position:0 -40px
}

/* ------|  Alternating Table Row Colors  |------- */
table.AltTable {
    margin:10px 10px 10px 0;
    width:99%;
    border:solid 1px #ccc;
    text-align:left
}

table.AltTable p {
    padding:0;
    margin:0
}

table.AltTable a {
    color:#666
}

table.AltTable a:hover {
    color:#C00
}

table.AltTable th {
    background:#C00;
    color:#fff;
    padding:10px;
    border-bottom:1px solid #900;
    border-top:1px solid red;
    font-size:16px;
    font-weight:400
}

table.AltTable td {
    padding:6px 11px;
    vertical-align:top
}

/* Alternate Row Color */
table.AltTable tr.alt td {
    background:#ebebeb
}

/* Row Hover Color 
table.AltTable tr.over td, tr:hover td {
	background: #ccc;
}*/
/* ---------------------
		TABLES
------------------------*/
table.glossLinks {
    width:250px;
    background-color:#fff;
    border:1px solid #ccc;
    float:right
}

table.glossLinks td {
    border:#fff 1px solid;
    font-size:12px;
    font-weight:700;
    white-space:nowrap;
    text-align:center;
    padding:0
}

table.glossLinks td a {
    background:#E5E5E5;
    font-size:12px;
    font-weight:400;
    text-decoration:none;
    color:#333;
    display:block;
    padding:7px
}

table.glossLinks td a:hover {
    background:#333;
    font-size:12px;
    font-weight:400;
    color:#fff
}

table.glossLinks td.selected {
    background:#900;
    color:#fff;
    display:block;
    padding:7px
}

table.glossary {
    width:100%;
    max-width:920px;
    margin:10px auto;
    background-color:#fff;
    border:1px solid #ccc;
    padding:5px
}

table.glossary td,table.glossary td.border,table.glossary th {
    vertical-align:top;
    padding:5px
}

table.glossary td.letter {
    font-weight:700;
    font-size:14px;
    margin-bottom:-3px
}

table.glossary td.alt {
    background-color:#ebebeb
}

.Letters {
    width:40px;
    height:40px;
    background:#900;
    border:solid 1px #ccc;
    padding:10px 10px 0 0;
    margin:0 -2px;
    font-weight:700;
    font-size:45px;
    overflow:hidden;
    color:#fff;
    display:block
}

table.alternate {
    width:98%;
    background-color:#fff;
    border:1px solid #ccc;
    display:block
}

table.alternate td,table.alternate td.border,table.alternate th {
    vertical-align:top;
    padding:5px
}

table.alternate th {
    vertical-align:top;
    padding:5px;
    background-color:#efefef;
    font-weight:700
}

table.alternate td.head {
    background:url(images/tbl_head.gif) bottom repeat-x;
    background-color:#dedede;
    font-weight:700;
    font-size:9pt;
    white-space:nowrap
}

table.alternate tr.alt td {
    background-color:#ebebeb
}

table.alternate td.alt {
    background-color:#ebebeb
}

table.alternate a {
    color:#666;
    font-weight:700;
    text-decoration:underline
}

table.alternate a:hover {
    color:#30407b;
    font-weight:700;
    text-decoration:none
}

table.alternate td.head a {
    color:#000;
    font-weight:700;
    text-decoration:underline
}

table.alternate td.head a:hover {
    color:#30407b;
    font-weight:700;
    text-decoration:none
}

#related {
    padding:6px;
    border:solid 1px #ccc
}

#related h3 {
    margin-top:0;
    margin-bottom:-10px
}

#related li {
    padding:3px
}

#related a {
    color:#009
}

#related a:hover {
    color:#333
}

.stickytooltip {
    -webkit-box-shadow:5px 5px 8px #818181;
    -moz-box-shadow:5px 5px 8px #818181;
    box-shadow:5px 5px 8px #818181;
/*shadow for CSS3 capable browsers.*/
    display:none;
    position:absolute;
    display:none;
    border:#666 2px solid;
    background:url(../images/tooltip.jpg) no-repeat #fff;
    background-position:bottom;
    z-index:3000;
    font-size:13px;
    padding:10px
}

.stickytooltip .stickystatus {
/*Style for footer bar within tooltip*/
    background:#ccc;
    color:#fff;
    padding-top:3px;
    text-align:center;
    font:bold 11px Arial
}

.sp {
    float:right;
    width:50%;
    padding-left:5px;
    padding-bottom:5px
}


.pullRight {
    width:98%;
    display:block;
    border:1px solid #ccc;
    padding:6px
}

.pullLeft {
    float:left;
    width:65%;
    display:block;
    padding:0
}

.addCal {
    padding:5px;
    border:1px solid #ccc;
    margin-top:6px;
    text-align:center;
    font-size:11px;
    transition:background-color .5s ease;
    background-color:#fff
}

.addCal:hover {
    background-color:#eee
}

.addCal a {
    color:#666;
    text-decoration:none;
    white-space:normal;
    display:block
}

.addCal a:hover {
    color:#333
}

#dlCal {
    width:20%;
    float:right;
    clear:both;
    margin-top:-1px;
    margin-bottom:10px
}

#dlCal a {
    font-weight:700
}

#dlCal a:hover {
    color:#C00;
    text-decoration:underline
}

.lmButton {
    padding:4px 4px 0;
    border-top:1px solid #ccc;
    border-left:1px solid #ccc;
    border-bottom:1px solid #ccc;
    font-size:11px;
    width:55px!important;
    float:right;
    line-height:10px;
    margin-right:-4px;
    margin-top:3px;
    transition:background-color .5s ease;
    background-color:#fff
}

.lmButton:hover {
    background-color:#eee;
    color:#333
}

.lmButton img {
    margin-top:-3px
}

.lmButton a {
    color:#666;
    text-decoration:none;
    display:block
}

.lmButton a:hover {
    color:#333
}

.imgBorder {
    display:inline-block;
    -webkit-transition-duration:.3s;
    -o-transition-duration:.3s;
    -moz-transition-duration:.3s;
    transition-duration:.3s;
    -webkit-transition-property:box-shadow;
    -o-transition-property:box-shadow;
    -moz-transition-property:box-shadow;
    transition-property:box-shadow;
    -webkit-transform:translateZ(0);
    -o-transform:translateZ(0);
    -moz-transform:translateZ(0);
    transform:translateZ(0);
    box-shadow:inset 0 0 0 4px #e1e1e1,0 0 1px rgba(0,0,0,0)
}

.imgBorder:hover,.imgBorder:focus,.imgBorder:active {
    box-shadow:inset 0 0 0 4px #666666,0 0 1px rgba(0,0,0,0)
}

/* --------- |  Footer Styles  |------------- */
#Footer {
    background:#C00;
    color:#fff;
    font-size:12px;
    border-top:1px solid red;
    clear:both
}

#Footer a {
    color:#fff;
    text-decoration:none
}

#Footer a:hover {
    color:#F99
}

.socialMedia {
    width:235px;
    height:79px;
    display:block;
    float:right;
    padding-top:10px
}

.socialMediaIcons {
    float:right;
    height:79px
}

.socialMediaTitle {
    float:left;
    height:79px;
    line-height:62px;
    padding-right:6px;
    font-size:16px;
    font-weight:700
}

.footerLinks {
    float:left;
    display:block;
    width:365px;
    height:89px
}

.footerLinks div {
    float:left;
    height:89px;
    background:url(../images/footer-divider.png) no-repeat top right
}

.footerContact {
    font-size:11px;
    padding:0 22px 0 12px
}

.footerContact img {
    margin:-5px 0 0
}

.footerlinkBlock {
    padding:17px 30px 0 10px
}

.footerlinkBlock a {
    line-height:18px;
    text-decoration:none;
    border-bottom:red 1px solid;
    display:inline-block;
    width:100%;
    color:#fff
}

.footerlinkBlock a:hover {
    text-decoration:underline;
    color:#FCC
}

.copyrightSpan {
    clear:both;
    text-align:center;
    background:#900;
    padding:10px;
    width:auto;
    border-top:1px solid red;
    font-size:11px
}

.socialFooterIcon img {
    transition:opacity .5s ease;
    opacity:1;
    filter:alpha(opacity=100);
    background:#C00
}

.socialFooterIcon img:hover {
    opacity:.7;
    filter:alpha(opacity=70)
}

.socialFooterIconFloat {
    float:left;
    margin-right:5px;
    margin-bottom:2px
}

/* ----- Agenda Styles ------- */
label {
    display:block;
    padding-left:25px;
    text-indent:-25px
}

sup {
    vertical-align:baseline;
    position:relative;
    top:-.4em
}

#myAgenda a {
    color:#666
}

#myAgenda a:hover {
    color:#c00
}

.agendaContainer {
    width:100%;
    list-style-type:none;
    margin:0;
    padding:0
}

/* ul.agendaContainer li:hover { background-color: #feefef; } */
li.stripe-even {
    background-color:#ebebeb
}

.agendaRow {
    overflow:auto;
    width:100%
}

.agendaContent {
    float:left;
    width:100%;
    padding-top:11px;
    padding-bottom:11px
}

.agendaContent a {
    color:#666
}

.agendaContent a:hover {
    color:#c00
}

.agendaBox {
    width:5%;
    text-align:center
}

.agendaTime {
    width:10%;
    text-align:left;
    vertical-align:middle
}

.agendaDesc {
    width:85%
}

.newsThumb {
    width:20%;
    float:left;
    margin-bottom:auto;
    padding:3px;
    border:1px solid #ccc
}

.newsDiv {
    clear:both;
    margin:5px 0 25px;
    padding:6px;
    border:1px solid #ccc;
    overflow:hidden
}

.newsDivTxt {
    float:right;
    width:72%;
    margin-left:6px;
    border-left:1px solid #ccc;
    padding:12px 6px 12px 20px
}

.newsDiv a {
    color:#514537;
    text-decoration:none;
    font-weight:700
}

.newsDiv a:hover {
    color:#C00;
    text-decoration:underline
}

/* ------ Counter Styles  -------------*/
.CounterDiv {
    background:#C00;
    color:#fff;
    padding:5px
}

#container {
    margin:0 auto;
    text-align:center;
    max-width:480px;
    width:98%
}

#defaultCountdown {
    height:40px;
    margin:0;
    width:100%
}

.hasCountdown {
    background:#333;
    padding-top:3px
}

.countdown_rtl {
    direction:rtl
}

.countdown_holding span {
    color:#888
}

.countdown_row {
    clear:both;
    width:100%;
    padding:2px;
    text-align:center;
    color:#fff
}

.countdown_show1 .countdown_section {
    width:98%
}

.countdown_show2 .countdown_section {
    width:48%
}

.countdown_show3 .countdown_section {
    width:32.5%
}

.countdown_show4 .countdown_section {
    width:24%
}

.countdown_show5 .countdown_section {
    width:19.5%
}

.countdown_show6 .countdown_section {
    width:16.25%
}

.countdown_show7 .countdown_section {
    width:14%
}

.countdown_section {
    display:block;
    float:left;
    font-size:75%!important;
    text-align:center
}

.countdown_amount {
    font-size:200%!important
}

.countdown_descr {
    display:block;
    width:100%
}

/* ---- Tracks ---*/
.track1 {
    border-left:7px solid #5E82A3
}

.track1 div {
    color:#5E82A3;
    font-size:14px;
    font-weight:700
}

.track2 {
    border-left:7px solid #FCAD56
}

.track2 div {
    color:#FCAD56;
    font-size:14px;
    font-weight:700
}

.track3 {
    border-left:7px solid #936B7F
}

.track3 div {
    color:#936B7F;
    font-size:14px;
    font-weight:700
}

.track4 {
    border-left:7px solid #8C914F
}

.track4 div {
    color:#8C914F;
    font-size:14px;
    font-weight:700
}

.track5 {
    border-left:7px solid #363636
}

.track5 div {
    color:#363636;
    font-size:14px;
    font-weight:700
}

ul.trackList {
    margin:0;
    padding:0
}

.trackList li {
    font-size:14px;
    font-weight:700;
    display:inline-block;
    padding:6px;
    margin:0;
    list-style:none;
    float:left
}

.agendaTable {
    padding:6px;
    width:99%
}

.agendaTable td {
    border-bottom:1px solid #ccc;
    padding:6px
}

.agendaTable th {
    background:#C00;
    color:#fff;
    padding:6px;
    border-bottom:1px solid #900;
    border-top:1px solid red;
    font-size:18px;
    font-weight:400
}

.bulletPatch {
    padding-top:6px
}

.homeDivRight {
    float:right;
    width:20%;
    margin-top:0;
    margin-left:10px
}

/* ---------------------------
		COUNTERS
-----------------------------*/
#counters_container {
    position:relative;
    margin-bottom:15px;
    height:100px
}

#counter_1 {
    background:url(../images/counters_bgCS.png) no-repeat;
    width:422px;
    height:117px;
    float:right;
    position:relative
}

#counter_2 {
    background:url(../images/counters_bgCW.png) no-repeat;
    width:459px;
    height:117px;
    float:left;
    position:relative
/* background-size: 100% auto; */
}

.counterCS {
    width:377px;
    height:44px;
    border:1px solid #ccc;
    overflow:hidden;
    position:absolute;
    top:19px;
    left:21px;
    background-color:#efefef;
    z-index:94
}

.counterCW {
    width:413px;
    height:44px;
    border:1px solid #ccc;
    overflow:hidden;
    position:absolute;
    top:19px;
    left:21px;
    background-color:#efefef;
    z-index:94
}

.counterCW_lrg {
    visibility:hidden;
    width:347px;
    height:37px;
    border:1px solid #ccc;
    overflow:hidden;
    position:absolute;
    top:15px;
    left:15px;
    background-color:#efefef;
    z-index:94
}

.counterCW_mid {
    visibility:hidden;
    width:304px;
    height:32px;
    border:1px solid #ccc;
    overflow:hidden;
    position:absolute;
    top:13px;
    left:15px;
    background-color:#efefef;
    z-index:94
}

.counterCW_sml {
    visibility:hidden;
    width:258px;
    height:27px;
    border:1px solid #ccc;
    overflow:hidden;
    position:absolute;
    top:11px;
    left:13px;
    background-color:#efefef;
    z-index:94
}

.counterCS_lrg {
    visibility:hidden;
    width:317px;
    height:37px;
    top:15px;
    left:17px;
    border:1px solid #ccc;
    overflow:hidden;
    position:absolute;
    background-color:#efefef;
    z-index:94
}

.counterCS_mid {
    visibility:hidden;
    width:279px;
    height:32px;
    top:13px;
    left:14px;
    border:1px solid #ccc;
    overflow:hidden;
    position:absolute;
    background-color:#efefef;
    z-index:94
}

.counterCS_sml {
    visibility:hidden;
    width:239px;
    height:27px;
    top:11px;
    left:11px;
    border:1px solid #ccc;
    overflow:hidden;
    position:absolute;
    background-color:#efefef;
    z-index:94
}

.counter_overlay {
    position:absolute;
    z-index:95;
    top:19px;
    left:22px;
    width:400px;
    height:44px;
    display:block;
    background:url(../images/counters_overlay.png) no-repeat
}

.counter_overlayCW {
    position:absolute;
    z-index:95;
    top:19px;
    left:22px;
    width:459px;
    height:44px;
    display:block;
    background:url(../images/counters_overlayCW.png) no-repeat
}

.counter_overlayCS {
    position:absolute;
    z-index:95;
    top:19px;
    left:22px;
    width:377px;
    height:44px;
    overflow:hidden;
    display:block;
    background:url(../images/counters_overlay.png) no-repeat
}

.counter_description {
    width:100%;
    height:44px;
    position:relative;
    top:75px;
    left:0;
    text-align:center;
    z-index:96;
    font-weight:700
}

/* -----------CleanSuite Technologies---------------*/
.technology_wrapper {
    width:100%;
    border-top:1px solid #CCC;
    padding:15px 5px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}

.icon_wrap {
    float:left;
    width:12%;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}

.tech_details_wrap {
    float:left;
    width:85%;
    padding-left:4%;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}

.learn_wrap {
    float:left;
    width:100%;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}

.clear {
    clear:both
}

.tech_table {
    display:none
}

.embed-container img {
    visibility:hidden
}

@media screen and (max-width: 1275px) {
#navLinks {
    display:block
}

#navLinks a {
    font-size:12px
}

#main-nav {
    width:100%
}

#mainContent {
    float:none;
    width:80%
}

#mainContent .article_rwd {
    float:left;
    width:100%;
    margin-top:10px
}
}

@media screen and (max-width:1143px) {
#mainContent {
    float:none;
    width:90%
}
}


@media screen and (max-width:1024px) {
#navLinks {
    display:block
}

#navLinks a {
    font-size:12px
}

#main-nav {
    width:100%
}

#mainContent {
    float:none;
    width:95%
}

#mainContent .article_rwd {
    float:left;
    width:100%;
    margin-top:10px
}

#mainContent .agendaDiv {
    float:right;
    width:22%;
    margin:10px 6px 10px 0
}

#mainContent .papersDiv {
    float:right;
    width:22%;
    margin:10px 6px 10px 0
}

.homeDivRight {
    width:30%
}
}

@media screen and (max-width:965px) {
/* ---------------------------
		COUNTERS
-----------------------------*/
#counter_1 {
    background:url(../images/counters_bgCS_lrg.png) no-repeat;
    width:355px;
    height:98px
}

#counter_2 {
    background:url(../images/counters_bgCW_lrg.png) no-repeat;
    width:385px;
    height:98px
}

.counterCW,.counterCS {
    visibility:hidden
}

.counterCW_lrg {
    visibility:visible
}

.counterCS_lrg {
    visibility:visible
}

.counter_overlayCW {
    background:url(../images/counters_overlayCW_lrg.png) no-repeat;
    width:347px;
    height:37px;
    top:16px;
    left:18px
}

.counter_overlayCS {
    background:url(../images/counters_overlayCS_lrg.png) no-repeat;
    width:317px;
    height:37px;
    top:16px;
    left:19px
}

.counter_description {
    overflow:visible;
    top:60px;
    font-size:.95em
}
}

@media screen and (max-width:825px) {
/* ---------------------------
		COUNTERS
-----------------------------*/
#counters_container {
    height:125px
}

#counter_1 {
    background:url(../images/counters_bgCS_mid.png) no-repeat;
    width:310px;
    height:86px
}

#counter_2 {
    background:url(../images/counters_bgCW_mid.png) no-repeat;
    width:335px;
    height:86px
}

.counterCW_lrg,.counterCS_lrg {
    visibility:hidden
}

.counterCW_mid,.counterCS_mid {
    visibility:visible
}

.counter_overlayCW {
    background:url(../images/counters_overlayCW_mid.png) no-repeat;
    width:304px;
    height:32px;
    top:14px;
    left:16px
}

.counter_overlayCS {
    background:url(../images/counters_overlayCS_mid.png) no-repeat;
    width:279px;
    height:32px;
    top:14px;
    left:15px
}

.counter_description {
    top:80px;
    font-size:1em
}
}

@media screen and (max-width:768px) {
body {
    padding:0;
    margin:0
}

.tech_table {
    margin-top:25px
}

#top-bar {
    position:inherit;
    height:45px;
    width:100%;
    border-bottom:red solid 1px;
    background:#C00
}

/* .logo {
	width:178px;
	float:left;
}*/
#halLogo {
    display:none!important
}

#halLogoMobile {
    display:inline!important;
    width:178px;
    margin-left:0
}

#mainContent {
    float:none;
    width:95%
}

#navLinks {
    display:none;
    border-top:3px solid #000;
    position:absolute;
    top:45px;
    left:0;
    z-index:3000;
    background:url(../images/nav-bg.png) repeat;
    width:100%
}

#navLinks li {
    text-align:left;
    width:100%;
    border-bottom:1px solid #000;
    background:url(../images/nav-bg.png) repeat
}

#navLinks a {
    text-align:left;
    background:url(../images/nav-bullet.png) center right no-repeat;
    font-size:11px;
    background-color:#333
/* IE8 and below */
}

#navLinks a:hover {
    background:url(../images/nav-bullet.png) center right no-repeat;
    background-color:#C00
}

#main-nav {
    width:100%
}

#contact-us a,#contact-us img {
    width:45px;
    height:45px;
    float:right
}

#share-us a,#share-us img {
    width:45px;
    height:45px;
    float:right;
    border-right:none
}

#minMenu,#minMenu img {
    display:block;
    width:45px;
    height:45px;
    float:right
}

#minMenu a:hover {
    background:#900
}

#mainContent .article_rwd {
    float:left;
    width:100%;
    margin-top:10px
}

#mainContent .twoCol {
    padding:6px!important
}

.bodyCol {
    border-right:none!important;
    border-bottom:1px solid #ccc;
    display:block;
    padding:0;
    padding-top:15px;
    padding-bottom:15px;
    width:100%!important
}

.last {
    border-bottom:none!important
}

#mainContent .agendaDiv {
    float:left;
    width:45%;
    margin:10px 6px 10px 0
}

#mainContent .papersDiv {
    float:Right;
    width:45%;
    margin:10px 6px 10px 0
}

#mainContent .fullCol {
    width:95%
}

#mainContent .halfCol-L {
    width:45%
}

#mainContent .halfCol-R {
    width:45%
}

.imgTweak {
    width:90px;
    height:90px;
    padding:2px;
    background:#fff;
    border:#ccc solid 1px
}

table.AltTable td {
    padding:3px
}

#counters_container {
    margin-bottom:0
}

.flash_content {
    display:none
}

.embed-container img {
    visibility:visible
}
}

@media screen and (max-width:715px) {
/* ---------------------------
		COUNTERS
-----------------------------*/
#counter_1 {
    background:url(../images/counters_bgCS_sml.png) no-repeat;
    width:265px;
    height:73px
}

#counter_2 {
    background:url(../images/counters_bgCW_sml.png) no-repeat;
    width:285px;
    height:73px
}

.counterCW_mid,.counterCS_mid {
    visibility:hidden
}

.counterCW_sml,.counterCS_sml {
    visibility:visible
}

.counter_overlayCW {
    background:url(../images/counters_overlayCW_sml.png) no-repeat;
    width:256px;
    height:27px;
    top:12px;
    left:15px
}

.counter_overlayCS {
    background:url(../images/counters_overlayCS_sml.png) no-repeat;
    width:239px;
    height:27px;
    top:12px;
    left:13px
}

.counter_description {
    top:70px;
    font-size:1em
}
}

@media screen and (max-width:680px) {
.interactive {
    display:none
}
}
@media screen and (max-width:615px) {
/* ---------------------------
		COUNTERS
-----------------------------*/
#counters_container {
    position:relative;
    margin-bottom:15px;
    height:200px
}

#counter_1 {
    background:url(../images/counters_bgCS.png) no-repeat;
    width:422px;
    height:117px;
    float:none;
    position:relative;
    margin:0 auto
}

#counter_2 {
    background:url(../images/counters_bgCW.png) no-repeat;
    width:459px;
    height:117px;
    float:none;
    position:relative;
    margin:0 auto
}

.counterCS {
    visibility:visible;
    width:377px;
    height:44px;
    border:1px solid #ccc;
    overflow:hidden;
    position:absolute;
    top:19px;
    left:21px;
    background-color:#efefef;
    z-index:94
}

.counterCW {
    visibility:visible;
    width:413px;
    height:44px;
    border:1px solid #ccc;
    overflow:hidden;
    position:absolute;
    top:19px;
    left:21px;
    background-color:#efefef;
    z-index:94
}

.counterCW_sml,.counterCS_sml {
    visibility:hidden
}

.counter_overlay {
    position:absolute;
    z-index:95;
    top:19px;
    left:22px;
    width:400px;
    height:44px;
    display:block;
    background:url(../images/counters_overlay.png) no-repeat
}

.counter_overlayCW {
    position:absolute;
    z-index:95;
    top:19px;
    left:22px;
    width:459px;
    height:44px;
    display:block;
    background:url(../images/counters_overlayCW.png) no-repeat
}

.counter_overlayCS {
    position:absolute;
    z-index:95;
    top:19px;
    left:22px;
    width:377px;
    height:44px;
    overflow:hidden;
    display:block;
    background:url(../images/counters_overlay.png) no-repeat
}

.counter_description {
    width:100%;
    height:44px;
    position:relative;
    top:75px;
    left:0;
    text-align:center;
    z-index:96;
    font-weight:700
}

.first-top-margin {
    margin-top:50px
}
}

@media screen and (max-width:515px) {
/* ---------------------------
		COUNTERS
-----------------------------*/
#counters_container {
    margin-bottom:0;
    height:175px
}

#counter_1 {
    background:url(../images/counters_bgCS_lrg.png) no-repeat;
    width:355px;
    height:98px
}

#counter_2 {
    background:url(../images/counters_bgCW_lrg.png) no-repeat;
    width:385px;
    height:98px
}

.counterCW,.counterCS {
    visibility:hidden
}

.counterCW_lrg {
    visibility:visible
}

.counterCS_lrg {
    visibility:visible
}

.counter_overlayCW {
    background:url(../images/counters_overlayCW_lrg.png) no-repeat;
    width:347px;
    height:37px;
    top:16px;
    left:18px
}

.counter_overlayCS {
    background:url(../images/counters_overlayCS_lrg.png) no-repeat;
    width:317px;
    height:37px;
    top:16px;
    left:19px
}

.counter_description {
    overflow:visible;
    top:60px;
    font-size:.95em
}
}

@media screen and (max-width:480px) {
#mainContent {
    float:none;
    width:95%;
    overflow:hidden
}

#mainContent .twoCol {
    float:none
}

#mainContent .agendaDiv {
    float:left;
    width:46%;
    margin:5px 0 20px
}

#mainContent .papersDiv {
    float:right;
    width:46%;
    margin:5px 0 20px
}

#mainContent .halfCol-L {
    width:95%;
    float:none
}

#mainContent .halfCol-R {
    width:95%;
    float:none
}

.slide-more-link {
    width:25%!important
}

.slide-more-text {
    width:70%!important;
    height:30px;
    overflow:hidden
}

.less {
    display:none
}

.imgTweak {
    width:50px;
    height:50px;
    padding:2px;
    background:#fff;
    border:#ccc solid 1px
}

.sp {
    width:50%;
    padding-left:0;
    padding-bottom:0;
    float:none;
    clear:both
}

table.AltTable {
    margin:0;
    font-size:11px;
    padding:0
}

table.AltTable th {
    font-size:13px;
    font-weight:700
}

/* --------- |  Footer Styles  |------------- */
.socialMedia {
    width:100%;
    height:45px;
    display:block;
    float:none;
    padding:15px
}

.socialMediaIcons {
    float:none;
    width:100%;
    clear:both
}

.socialMediaTitle {
    float:none;
    clear:both;
    height:20px;
    line-height:normal;
    text-align:left
}

.footerLinks {
    float:left;
    display:block;
    width:100%;
    border-top:1px solid red
}

.footerLinks div {
    background:none
}

.footerContact {
    font-size:11px;
    padding:0 6px;
    border-right:1px solid red;
    width:65px
}

.footerContact img {
    margin:-10px 0
}

.footerlinkBlock {
    padding:10px 15px 0;
    width:auto;
    height:auto
}

.socialFooterIconFloat {
    float:left;
    margin-right:5px;
    display:inline
}

.agendaBox {
    width:10%
}

.agendaTime {
    width:20%
}

.agendaDesc {
    width:70%
}

.newsThumb {
    width:50%;
    float:left;
    vertical-align:text-top;
    margin:0 6px 0 0;
    padding:1px
}

.newsDivTxt {
    float:none;
    width:98%;
    margin-left:1px;
    padding-left:4px;
    border-left:none
}
}

@media screen and (max-width:425px) {
/* ---------------------------
		COUNTERS
-----------------------------*/
#counters_container {
    height:200px;
    margin-bottom:15px
}

#counter_1 {
    background:url(../images/counters_bgCS_mid.png) no-repeat;
    width:310px;
    height:86px
}

#counter_2 {
    background:url(../images/counters_bgCW_mid.png) no-repeat;
    width:335px;
    height:86px;
    margin-bottom:25px
}

.counterCW_lrg,.counterCS_lrg {
    visibility:hidden
}

.counterCW_mid,.counterCS_mid {
    visibility:visible
}

.counter_overlayCW {
    background:url(../images/counters_overlayCW_mid.png) no-repeat;
    width:304px;
    height:32px;
    top:14px;
    left:16px
}

.counter_overlayCS {
    background:url(../images/counters_overlayCS_mid.png) no-repeat;
    width:279px;
    height:32px;
    top:14px;
    left:15px
}

.counter_description {
    top:80px;
    font-size:1em
}

.tech_details_wrap {
    width:100%;
    float:none;
    display:block
}

/* ---------------------------
		TECHNOLOGIES
-----------------------------*/
.icon_wrap {
    display:none
}

/* ---------------------------
		GLOSSARY
-----------------------------*/
.gloss_header {
    float:none
}

.glossLinks {
    float:none!important;
    margin-top:10px
}
}

@media screen and (max-width:375px) {
/* ---------------------------
		COUNTERS
-----------------------------*/
#counter_1 {
    background:url(../images/counters_bgCS_sml.png) no-repeat;
    width:265px;
    height:73px
}

#counter_2 {
    background:url(../images/counters_bgCW_sml.png) no-repeat;
    width:285px;
    height:73px;
    margin-bottom:45px
}

.counterCW_mid,.counterCS_mid {
    visibility:hidden
}

.counterCW_sml,.counterCS_sml {
    visibility:visible
}

.counter_overlayCW {
    background:url(../images/counters_overlayCW_sml.png) no-repeat;
    width:256px;
    height:27px;
    top:12px;
    left:15px
}

.counter_overlayCS {
    background:url(../images/counters_overlayCS_sml.png) no-repeat;
    width:239px;
    height:27px;
    top:12px;
    left:13px
}

.counter_description {
    top:70px;
    font-size:1em
}
}

/* ---------------------------
		MODAL WINDOW
-----------------------------*/
#modalhead_cap {
    width:930px;
    height:35px;
    background:url(http://www.halliburton.com/public/projects/pubsdata/Hydraulic_Fracturing/images/mheader_cap.png) no-repeat;
    padding:0;
    margin:0
}

#modalbg_left {
    width:20px;
    background:url(http://www.halliburton.com/public/projects/pubsdata/Hydraulic_Fracturing/images/mbg_left.png) repeat-y;
    padding:0
}

#modalbg_right {
    width:20px;
    background:url(http://www.halliburton.com/public/projects/pubsdata/Hydraulic_Fracturing/images/mbg_right.png) repeat-y;
    padding:0;
    margin:0
}

#topBG {
    background:url(http://www.halliburton.com/public/projects/pubsdata/Hydraulic_Fracturing/images/top_bg.jpg) no-repeat;
    background-position:bottom;
    padding:5px 15px;
    margin:0;
    font-size:26px;
    line-height:28px;
    font-weight:700;
    color:#fff
}

#modalfooter_cap {
    width:930px;
    height:35px;
    background:url(http://www.halliburton.com/public/projects/pubsdata/Hydraulic_Fracturing/images/mfooter_cap.png) no-repeat;
    padding:0;
    margin:0
}

#modalfooter {
    width:890px;
    height:35px;
    background:url(http://www.halliburton.com/public/projects/pubsdata/Hydraulic_Fracturing/images/footer_bg.jpg) no-repeat;
    background-position:bottom;
    padding-top:10px;
    margin:0;
    color:#fff;
    font-size:9pt
}

#modalcontent {
    padding:15px;
    margin:0;
    background:url(http://www.halliburton.com/public/projects/pubsdata/Hydraulic_Fracturing/images/content_bg.gif) repeat-x #fff
}

#modalcontent a {
    color:#009
}

#modalcontent a:hover {
    color:#333
}

.modalcopyright a {
    text-decoration:none;
    font-size:11px;
    font-weight:700;
    color:#fff
}

.modalcopyright a:hover {
    text-decoration:underline;
    color:#fff
}

#scrolable {
    display:block;
    width:860px;
    height:650px;
    margin-right:-10px;
    padding-right:5px;
    overflow-x:hidden;
    overflow-y:scroll
}

#closeit a {
    background:url(http://www.halliburton.com/public/projects/pubsdata/Hydraulic_Fracturing/images/close.gif) no-repeat;
    background-position:0 0;
    display:block;
    width:86px;
    height:40px;
    float:right;
    margin-top:-5px
}

#closeit a:hover {
    background-position:0 -40px
}

.graphs {
    padding:5px;
    border:1px #ccc solid;
    background:#fff;
    display:block;
    width:97%
}

#tinybox {
    position:absolute;
    display:none;
    padding:0;
    background:url(http://www.halliburton.com/public/projects/pubsdata/Hydraulic_Fracturing/images/loading.gif) no-repeat;
    background-position:center;
    z-index:2000
}

#tinymask {
    position:absolute;
    display:none;
    top:0;
    left:0;
    height:100%;
    width:100%;
    background:#000;
    overflow:hidden;
    z-index:2000
}

.jumpto {
    float:right;
    white-space:nowrap;
    padding:5px 20px 5px 5px;
    font-size:11px;
    font-weight:400;
    text-align:right
}

.jumpto a {
    color:#006;
    font-weight:400
}

.jumpto a:hover {
    color:#333;
    text-decoration:none;
    font-weight:400
}

.stickytooltip {
    box-shadow:5px 5px 8px #818181;
/*shadow for CSS3 capable browsers.*/
    -webkit-box-shadow:5px 5px 8px #818181;
    -moz-box-shadow:5px 5px 8px #818181;
    display:none;
    position:absolute;
    display:none;
    border:2px solid #ccc;
/*Border around tooltip*/
    background:url(http://www.halliburton.com/public/projects/pubsdata/Hydraulic_Fracturing/images/content_bg_bottom.gif) repeat-x #fff;
    background-position:bottom;
    z-index:3000
}

.stickytooltip .stickystatus {
/*Style for footer bar within tooltip*/
    background:#ccc;
    color:#fff;
    padding-top:3px;
    text-align:center;
    font:bold 11px Arial
}