body 
{
    background-color: #a3a5a4;
    background-image: url(../images/page-back-horiz-660.gif);
    background-repeat: repeat-y;
    margin: 0; 
    padding: 0;
    font: 11px Arial, sans-serif;
    height: 100%;
}
body.blank
{
    background-image: none;
    background-color: #ffffff;
    height: auto;
}

a
{ 
    color: #676767; 
    text-decoration: underline;
}

a:link, a:visited
{
    color: #676767; 
    text-decoration: underline;
}

a:hover, a:active
{
    color: #ef6b1f;
    text-decoration: underline;
}

h1
{
    font-size: 22px;
    color: #807971;
    font-weight: bold;
    margin: 4px 0 12px 0;
}

h2
{
    color: #e08329;
    font: 14px Arial, sans-serif;
    font-weight: bold;
    margin: 14px 0 6px 0;
}
.highlightnum
{
    margin-bottom: 20px;
}
.highlightnum .num
{
    color: #ffffff;
    background-color: #e08329;
    padding: 2px 4px;
    margin: 0 6px 0 0;
    font-weight: bold;
    width: 16px;
    text-align: center;
    font-size: 16px;
    float: left;
    vertical-align:middle;
}
.highlightnum h2
{
    margin-top: 0;
    padding-top: 4px;
}

h3
{
    color: #e08329;
    font: 12px Arial, sans-serif;
    font-weight: bold;
    margin: 12px 0 4px 0;
}
.leftcol
{
    /*position: absolute;
    left: 0px;
    top: 65px;*/
    width: 226px;
    margin-left: 22px;
    /* new */
    float: left;
    padding-top: 65px;
}

.contentwrapper
{
    background-color: #a3a5a4;
    background-image: url(../images/page-back-09-1.gif);
    background-repeat: repeat-x;
    margin: 0px;
    padding: 6px 0 0 0;
}
.contentcol
{
    width: 660px;
    padding: 0;
    background-color: #ffffff;
    margin: 0 0 0 248px;    
}

.contentcol p
{
    margin: 0 20px;
}

.contentbody
{
    padding: 0;   
    margin: 0 0 0 30px; 
}
.contentbody p
{
    margin: 0 0 10px 0;
}
.contentbody p.error
{
    color: #ff0000;
}
.error
{
    color: #ff0000;
}
.contentprop {
    height:640px;
    float:right;
    width:1px;
}

.contentclear {
    clear:both;
    height:10px;
    overflow:hidden;
}

.basichr
{
    border: 0;
    border-bottom: solid 3px #d0d0d0;
    margin: 0px 0px 8px 0px;
    padding: 0px;
    height: 1px;    
    width: 600px;
}

.headernavigation
{
    margin: 0px; padding: 0px;
    background-color: #323232;
    height: 35px;
    width: 660px;
    background-image: url(../images/headernav-corner-left.gif);
    background-position: left top;
    background-repeat: no-repeat;
}
.headernavigation span
{
    display: block;
    width: 100%;
    background-image: url(../images/headernav-corner-right.gif);
    background-position: right top;
    background-repeat: no-repeat;
}

.footer
{
    height: 100px;
    background-image: url(../images/footer-back-shadow.gif);
    background-position: top;
    background-repeat : repeat-x;
    margin: 0;
    padding: 0;
}

.footer p
{
    color: #878787;
}

.footerphone
{
    position: absolute;
    left: 0;
    padding: 6px 0 0 0;
    text-align: right;
    width: 220px;
    color: #ffffff;
    font-size: 9px;
    margin: 0;
}
.footerphone p
{
    color: #ffffff;
}
.footerphone p a, .footerphone p a:link, .footerphone p a:visited, .footerphone p a:active
{
    color: #ffffff;
    text-decoration: underline;
}


.tricol
{
    float:left;
    width: 190px;
    padding-top: 30px;
    margin-right: 12px;
}

.tricolhr
{
    border: 0;
    border-bottom: solid 3px #d0d0d0;
    margin: 0px;
    padding: 0px;
    height: 1px;    
}

.homeprodsubhead
{
    color: #4d4d4d;
    font-size: 11px;
    padding: 5px 0 5px 0;
    height: 30px;
}
.tricol ul
{
    margin: 10px 0 0 6px;
    padding: 0;
}
.tricol ul li
{
    height: 35px;
    width: 190px;
    list-style-type:none; /* removes default bullet */
    background-image:url(../images/bullet-plus.gif);
    background-repeat: no-repeat; /* ONE bullet only please */
    background-position: 0 3px; /* .45em from top (vertical) */
    padding-left:16px; /* space between bullet and text */ 
}
.tricol .sublinks a
{
    margin: 6px 0 0 26px;
    display: block;
}

ul.plus
{
    margin: 10px 0 0 6px;
    padding: 0;
}
ul.plus li
{
    list-style-type:none; /* removes default bullet */
    background-image:url(../images/bullet-plus.gif);
    background-repeat: no-repeat; /* ONE bullet only please */
    background-position: 0 3px; /* .45em from top (vertical) */
    padding-left:16px; /* space between bullet and text */ 
    padding-bottom: 4px;
    height: auto;
}

ul.blank
{
    margin: 10px 0 0 0px;
    padding: 0;
}
ul.blank li
{
    background-image: none;
    list-style-type:none; 
    padding-left:0;  
    padding-bottom: 6px;
    height: auto;
}

    

.footer a
{ 
    color: #878787; 
    text-decoration: none;
}

.footer a:link, .footer a:visited
{
    color: #878787; 
    text-decoration: none;
}

.footer a:hover, .footer a:active
{
    color: #ef6b1f;
    text-decoration: underline;
}

#loginbox
{
    position: relative;
    background-image: url(../images/login-back.gif);
    width: 204px;
    height: 204px;
}
#loginboxflat
{
    position: relative;
    background-image: url(../images/login-back-flat.gif);
    width: 200px;
    height: 200px;
}
    
#loginbox input, #loginboxflat input
{
    margin-left: 10px;
    width: 180px;
    height: 18px;
    font-size: 14px;
}
#loginbox p, #loginboxflat p
{
    color: #ffffff;
    font-size: 13px;
    margin-left: 10px;
    margin: 16px 0 4px 10px;
}
#loginboxflat input, #loginboxflat p
{
    margin-left: 8px;
}
#loginbox a:link, #loginbox a:active, #loginbox a:visited, #loginboxflat a:link, #loginboxflat a:active, #loginboxflat a:visited
{
    color: #ffffff;
}

.inputform
{
    background-image: url(../images/background-form-600.gif);
    background-repeat: repeat-y;
    color: #414141;
    width: 600px;
}
.inputform p.label
{   
    margin: 0 0;
    color: #414141;
    font-size: 14px;
    font-weight: bold;
    line-height: 18px;
}
.inputform input.form
{
    width: 298px;
    /*height: 14px;*/
    font-size: 12px;
    padding: 1px 1px;
}
.inputform select.form
{
    margin: 0;
    padding: 0;
    font-size: 12px;
    /*height: 20px;
    line-height: 16px;*/
    padding: 1px 0px;
    width: 304px;
}
.inputform textarea
{    
    font: 12px Arial, sans-serif;
    padding: 1px 1px;
}
.inputformtop
{
    background-image: url(../images/background-form-top-600.gif);
    background-repeat: no-repeat;
    height: 2px;
}
.inputformbottom
{
    background-image: url(../images/background-form-bottom-600.gif);
    background-repeat: no-repeat;
    height: 2px;
}
.inputform td
{
    padding: 3px 6px;
    margin: 0;
}
.alertbubble
{
    background-image: url(../images/formback09-orange.gif);
    background-repeat: repeat-y;
    color: #414141;
    width: 600px;
    margin-bottom: 12px;
}
.alertbubbletop
{
    background-image: url(../images/formback09-orange-top.gif);
    background-repeat: no-repeat;
    height: 2px;
}
.alertbubblebottom
{
    background-image: url(../images/formback09-orange-bottom.gif);
    background-repeat: no-repeat;
    height: 2px;
}
.alertbubble p
{
    padding-left:10px;
}

/*orange buttons*/
a.orrollover, a.orrollover:visited, a.orrollover:active { 
  
  border:0; 
  cursor:pointer; 
  font-weight:bold; 
  padding:0px 8px 0px 0px; 
  text-align:center; 
  height: 25px;
  line-height: 23px;
  display: block;
  margin: 0 auto;
  
  background:url(../images/button09-orange-right.gif) right no-repeat; 
  font-size: 13px; 
  text-decoration: none;
}

a.orrollover span { 

  position:relative; 
  display:block; 
  white-space:nowrap; 
  padding:0px 0px 0px 8px; 
  
  height: 25px; 
  line-height: 23px; 
  text-decoration: none;
  background:url(../images/button09-orange-left.gif) left no-repeat;
  color:#ffffff; 
}

a.orrollover:hover {
    font-size: 13px;
    background:url(../images/button09-orange-right-on.gif) right no-repeat; 
    text-decoration: none;
}

a.orrollover:hover span {             
  text-decoration: none;
  background:url(../images/button09-orange-left-on.gif) left no-repeat; 
}

/*blue buttons*/
a.blrollover, a.blrollover:visited, a.blrollover:active { 
  
  border:0; 
  cursor:pointer; 
  font-weight:bold; 
  padding:0px 9px 0px 0px; 
  text-align:center; 
  height: 25px;
  line-height: 23px;
  display: block;
  margin: 0 auto;
  
  background:url(../images/button09-blue-right.gif) right no-repeat; 
  font-size: 13px; 
  text-decoration: none;
}

a.blrollover span { 

  position:relative; 
  display:block; 
  white-space:nowrap; 
  padding:0px 0px 0px 9px; 
  
  height: 25px; 
  line-height: 23px; 
  text-decoration: none;
  background:url(../images/button09-blue-left.gif) left no-repeat;
  color:#ffffff; 
}

a.blrollover:hover {
    font-size: 13px;
    background:url(../images/button09-blue-right-on.gif) right no-repeat; 
}

a.blrollover:hover span {             
  text-decoration: none;
  background:url(../images/button09-blue-left-on.gif) left no-repeat; 
}

.homequotes
{
    text-align:right;
    width: 200px;
    padding-top: 10px;
}

.sidebarnav
{
    text-align:right;
    width: 199px;
    padding: 0 0 16px 0;
    margin: 0 0 6px 0;
    font-size: 12px; 
    line-height: 17px; 
    color: #ffffff;
    background-color: #496c9d; 
}

.sidebarnav div.separator
{    
  border-bottom: 2px solid #ffffff;
  margin: 6px 35px 6px 16px;
}

.sidebarnav div.subheader
{
    margin: 0 35px 0 0;
    padding: 16px 0 0 0;
    text-align: right;
    font-weight: bold;
}

.sidebarnav a
{
    display: block;    
    color: #ffffff; 
    font-size: 12px; 
    line-height: 17px; 
    display: block;
    padding: 0 35px 2px 0px;
    margin: 0 0px 0 0px;
    text-decoration: none;
    background-image: url(../images/sidebar-arrow-int-off.gif);
    background-repeat: no-repeat;
    background-position: 180px center;
}
.sidebarnav a:link, .sidebarnav a:visited, .sidebarnav a:active
{
    color: #ffffff; 
    font-size: 12px; 
    line-height: 17px; 
    display: block;
    padding: 0 35px 0 0px;
    margin: 0 0px 0 0px;
    text-decoration: none;
    background-image: url(../images/sidebar-arrow-int-off.gif);
    background-repeat: no-repeat;
    background-position: 180px center;
}

.sidebarnav a.invertarrow
{
    background-image: url(../images/sidebar-arrow-int-invert.gif);
}
.sidebarnav a:hover
{
    color: #ffffff;
    font-size: 12px; 
    line-height: 17px;     
    background-image: url(../images/sidebar-arrow-on.gif);
    background-repeat: no-repeat;
    background-position: 180px center;
    background-color: #6b9fda;
}

.sidebarnav a.active, .sidebarnav a.active:hover
{
    background-image: url(../images/sidebar-arrow-on.gif);
    font-weight: bold;
    color: #df7f21;    
    background-color: #496c9d; 
}

.sideshopcart
{
    width: 199px;
    padding: 0 0 6px 0;
    margin: 0 0 6px 0;
    background-color: #535353; 
}
.sideshopcart h3
{
    margin:0 0 4px 6px;
    padding: 0;
    color: #ffffff;
}
.sideshopcart .cartcontents
{
    background-color:#ffffff;
    margin:2px 6px 0 6px;
    padding:4px 4px 2px 4px;
}
.sideshopcart .cartcontents p
{
    margin: 0 0 6px 0;
}

.doclist p
{
    margin-bottom: 2px;
}
.doclist p img
{
    margin-right: 6px;
    margin-top: 4px;
    vertical-align: text-bottom;
}

.testimonial
{    
    font: 12px Arial, sans-serif;
    margin: 30px 0px 4px 0px;
}
.testimonialby
{  
    color: #e08329;
    font: 11px Arial, sans-serif;
    font-style: italic;
    margin: 0px 0px 0px 250px;
}
    

.menu {width:660px; height:33px; position:relative; z-index:100; font-family:arial, sans-serif; margin-left:5px; }
/* hack to correct IE5.5 faulty box model */
* html .menu {width:660px; w\idth:660px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:129px;position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited
{
    display: block;
    font-size: 11px;
    text-decoration: none;
    color: #ffffff; 
    width: 130px;
    height: 33px;
    border: 1px solid #323232;
    border-width: 0px 0px 1px 0px;
    text-align: center;
    line-height: 32px;
    font-weight: bold;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:130px; w\idth:129px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited
{
    background-image:url(../images/header-tab5-sub-dashed-drop.gif);
    background-repeat:repeat-y;
    background-position: 1px 0px;
}
.menu ul ul a.separator, .menu ul ul a.separator:visited
{
    background-image:url(../images/header-tab5-sub-separate.gif);
    background-repeat:repeat-y;
    background-position: 1px 0px;
}
.menu ul ul :hover > a.separator
{
    background-image:url(../images/header09-mis-sel-orange.gif);
    background-repeat:repeat-y;
    background-position: 1px 0px;
}
.menu ul ul :hover > a.drop
{
    background-image:url(../images/header-tab5-sub-highlight-drop.gif);
    background-repeat:repeat-y;
    background-position: 1px 0px;
}


/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited
{
    background-image:url(../images/header-tab5-sub-dashed.gif);
    background-repeat:repeat-y;
    background-position: 1px 0px;
}
/* style the third level hover */
.menu ul ul ul a:hover
{
    background-image:url(../images/header-tab5-sub-highlight.gif);
    background-repeat:repeat-y;
    background-position: 1px 0px;
}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:8px; width:114px;border-top:0px dashed #6e7484; background-color:#7ca1cc;}

/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
.menu ul ul ul{left:114px; top:0px; width:114px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-130px;}

/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited
{
    background-image: url(../images/header-tab5-sub-dashed.gif);
    background-repeat: repeat-y;
    background-position: 1px 0px;
    color: #ffffff;
    height: auto;
    line-height: 1em;
    padding: 5px 0 5px 1px;
    width: 114px;
    border-width: 0px 0px 0px 0px;
    border-top-style: dashed;
    border-top-color: #6e7484;
    text-align: left;
    font-weight: normal;
}
.menu ul ul 
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited
{
    width:114px;
    w\idth:114px;
}

/* style the top level hover */
.menu a:hover {color:#ffffff; background-image: url(../images/header-tab5-highlight.gif); background-repeat: no-repeat; background-position: 6px 0px; }
.menu ul ul a:hover{color:#ffffff; background-image: url(../images/header-tab5-sub-highlight.gif); background-repeat: repeat-y; background-position: 1px 0px;}
.menu :hover > a {color:#ffffff; background-image: url(../images/header-tab5-highlight.gif);background-repeat: no-repeat; background-position: 6px 0px;}
.menu ul ul :hover > a {color:#ffffff; background-image: url(../images/header-tab5-sub-highlight.gif);background-repeat: repeat-y; background-position: 1px 0px;}
.menu a.selected, .menu a.selected:visited {background-image: url(../images/header-tab4-back-on.gif); background-repeat: no-repeat; background-position: 6px 0px;} 
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}

.menu ul ul a, .menu ul ul li, .menu ul ul li a, .menu ul ul ul li, .menu ul ul ul li a
{   
    width: 114px;
}
li.deadlink { width: 114px; }

.menu ul ul a
{
    -moz-box-shadow: 2px 3px 3px rgba(0, 0, 0, .5);
    -webkit-box-shadow: 2px 3px 3px rgba(0, 0, 0, .5);
   /* filter: progid:DXImageTransform.Microsoft.Shadow(Color='000000', direction='135', strength='3');
     _filter: none;*/
}
.menu ul ul ul li
{   z-index: 200;
     /*filter: progid:DXImageTransform.Microsoft.Shadow(Color='000000', direction='135', strength='3');
     _filter: none;*/
}
.userbar
{
    width:630px;
    text-align: right;
    margin: 6px 0 0 0;
    padding: 0;
    font-weight: bold;
    font-size: 12px;
}


.sidebarmenu {width:201px; height:126px; position:relative; z-index:100; font-family:arial, sans-serif; margin-left:1px;}
/* hack to correct IE5.5 faulty box model */
* html .sidebarmenu {width:201px; w\idth:200px;}
/* remove all the bullets, borders and padding from the default list styling */
.sidebarmenu ul {padding:0;margin:0;list-style-type:none;}
.sidebarmenu ul ul {width:201px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.sidebarmenu li {float:left;width:201px;position:relative;}
/* style the links for the top level */
.sidebarmenu a, .sidebarmenu a:visited {display:block;font-size:12px;text-decoration:none; color:#fff; width:201px; height:33px; border:0px solid #323232; border-width:0px 0 0px 0px; text-align:center; line-height:32px; font-weight:normal;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .sidebarmenu a, * html .sidebarmenu a:visited {width:130px; w\idth:119px;}

/* style the third level background */
.sidebarmenu ul ul ul a, .sidebarmenu ul ul ul a:visited {background:#b2ab9b; z-index:200; line-height: 1em; color:#fff;}
/* style the third level hover */
.sidebarmenu ul ul ul a:hover {background:#f6cb83; color:#000;}
.sidebarmenu ul ul ul {border-top: 1px solid #323232; width: 130px; }
.sidebarmenu ul ul ul li a, .sidebarmenu ul ul ul li a:visited  {width: 130px; padding: 6px 10px; height: auto; border:1px solid #323232; border-top:0px; }

/* hide the sub levels and give them a positon absolute so that they take up no room */
.sidebarmenu ul ul {visibility:hidden;position:absolute;height:0;top:0px;left:0; width:201px;border-top:0px solid #000;}
/* another hack for IE5.5 */
* html .sidebarmenu ul ul {top:0px;t\op:0px;}

/* position the third level flyout menu */
.sidebarmenu ul ul ul{left:201px; top:-1px; width:130px;}

/* position the third level flyout menu for a left flyout */
.sidebarmenu ul ul ul.left {left:-200px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.sidebarmenu table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* style the second level links */
.sidebarmenu ul ul a, .sidebarmenu ul ul a:visited {background:#f6cb83; color:#000; height:auto; line-height:0em; padding:0px; width:201px;border-width:0 0px 0px 0px;text-align:left;font-weight:bold;}
/* yet another hack for IE5.5 */
* html .sidebarmenu ul ul a, * html .sidebarmenu ul ul a:visited {width:201px;w\idth:197px;}

/* style the top level hover */
.sidebarmenu a:hover, .sidebarmenu ul ul a:hover{color:#ffffff; background:#ef6f1f;}
.sidebarmenu :hover > a, .sidebarmenu ul ul :hover > a {color:#ffffff; background:#ef6f1f;}

/* make the second level visible when hover on first level list OR link */
.sidebarmenu ul li:hover ul,
.sidebarmenu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.sidebarmenu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.sidebarmenu ul :hover ul :hover ul{ visibility:visible;}

div#thewindow
{
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index:200;
}

div#thewindowbackground
{
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    position: absolute;
    opacity: .7;
    filter: alpha(opacity=70);
}

div#thewindow div.floatingpopup
{
    border: solid 8px #3b729c;
    background-color: #ffffff;
    position: absolute;
    left: 50%;
    top: 50%;
    padding: 10px;
}

#tabsJ
{
    float: right;
    width: 100%;
    font-size: 13px;
    font-weight: bold;
    line-height:normal;
}
#tabsJ ul
{
    margin: 0;
    padding: 0 4px 0 4px;
    list-style: none;
}

#tabsJ li
{
    display: inline;
    margin: 0;
    padding: 0;
}

#tabsJ a
{
    font-size: 12px;
    float: right;
    background: url(../images/tableft-b.gif) no-repeat left top;
    margin: 0;
    padding: 0 0 0 6px;
    text-decoration: none;
}

#tabsJ a span
{
    float: left;
    display: block;
    background: url(../images/tabright-b.gif) no-repeat right top;
    padding: 8px 15px 8px 6px;
    color: #eeeeee;
}

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

#tabsJ a:hover span, #tabsJ a.current span
{
    color: #ffffff;
}

#tabsJ a:hover, #tabsJ a.current
{
    background-position: 0% -32px;
}

#tabsJ a:hover span, #tabsJ a.current span
{
    background-position: 100% -32px;
}
#tabsJ a.current
{
    cursor: default;
}

.tabcontent 
{
    background-image: url(../images/tabs-back-blue.gif);
    width: 600px;
    padding: 0;
}

.tabcontent #tabheader
{
    background-image: url(../images/tabs-back-blue-header.gif);
    background-position: top;
    background-repeat: no-repeat;
    height: 20px;
    margin-bottom: 4px;
}

.tabcontent #tabbody
{
    background-color: #ffffff;
    padding: 0;
    margin: 0 0 0 8px;
    width: 582px;
    overflow: auto;
}
.tabsidewrapper
{
    margin: 0 0 0 8px;
    width: 582px;
}

.tabcontent #tabfooter
{
    background-image: url(../images/tabs-back-blue-footer.gif);
    height: 12px;
}

.tabnavbar
{
    background-color: #d2dded;
    padding: 4px;
    height: 40px;
}
.tabnavbar p
{
    margin: 0 0 0 0;
    padding: 0 0 4px 0;
}

#_pagestop, #_pagesbtm
{
    float: right;
}

.noresults
{
    padding: 10px 10px 0px 10px;
}
.noresults p
{
    font-size: 12px;
}
.meetingrow, .registrationrow, .surveyrow, .newsurveyrow, .messagerow, .newmessagerow
{
    width: 582px;
}

.meetingrow span, .registrationrow span, .surveyrow span, .newsurveyrow span, .messagerow span, .newmessagerow span
{
    cursor: pointer;
    display: block;
    float: left;
    height: 36px;
    padding-top: 6px;
}

.meetingrow #recur, .meetingrow #norecur
{
    width: 32px;
}
.meetingrow #recur
{
    background-image: url(../images/background-recur3.gif);
    background-repeat: no-repeat;
    background-position: 4px 6px;
}
.meetingrow #name, .registrationrow #name
{
    width: 250px;
    font-weight: bold;
    font-size: 13px;
}
.meetingrow #date
{
    width: 240px;
}
.meetingrow #icons, .registrationrow #icons, .surveyrow #icons, .newsurveyrow #icons
{
    width: 58px;
    text-align: right;
}

.meetingrow a, .meetingrow a:hover, .meetingrow a:visited, .meetingrow a:active,
.registrationrow a, .registrationrow a:hover, .registrationrow a:visited, .registrationrow a:active,
.surveyrow a, .surveyrow a:hover, .surveyrow a:visited, .surveyrow a:active,
.newsurveyrow a, .newsurveyrow a:hover, .newsurveyrow a:visited, .newsurveyrow a:active,
.messagerow a, .messagerow a:hover, .messagerow a:visited, .messagerow a:active,
.newmessagerow a, .newmessagerow a:hover, .newmessagerow a:visited, .newmessagerow a:active

{
    color: #3f3d3c;
    text-decoration: none;
}
.meetingrow a:hover span, .meetingrow a:hover span, 
.registrationrow a:hover span, .registrationrow a:hover span,
.surveyrow a:hover span, .surveyrow a:hover span,
.newsurveyrow a:hover span, .newsurveyrow a:hover span,
.messagerow a:hover span, .messagerow a:hover span,
.newmessagerow a:hover span, .newmessagerow a:hover span
{    
    background-color:#fff2d4;
}
.meetingrow a span, .meetingrow a span,
.registrationrow a span, .registrationrow a span,
.surveyrow a span, .surveyrow a span,
.newsurveyrow a span, .newsurveyrow a span,
.messagerow a span, .messagerow a span,
.newmessagerow a span, .newmessagerow a span
{
    border-bottom:1px solid #eeeeee;
}
.registrationrow #name
{
    padding-left: 16px;
    width: 308px;
}
.registrationrow #created
{
    width: 200px;
}
.surveyrow #name, .newsurveyrow #name
{
    padding-left: 32px;
    width: 308px;
    font-weight: bold;
    font-size: 13px;
    background-image: url(../images/icon20-feedback-off.gif);
    background-repeat: no-repeat;
    background-position: 6px 6px;
}
.newsurveyrow #name
{
    background-image: url(../images/icon20-feedback-on.gif);
}
.surveyrow #responses, .newsurveyrow #responses
{
    width: 64px;
}
.surveyrow #created, .newsurveyrow #created
{
    width: 120px;
}
.messagerow #subject, .newmessagerow #subject
{
    padding-left: 20px;
    width: 308px;
    font-size: 13px;
}
.messagerow #received, .newmessagerow #received
{
    width: 254px;
}
.newsurveyrow span, .newmessagerow span
{
    font-weight: bold;
}
.meetingcalendar
{
    background-color: #525252;
    width: 198px;
}
.meetingcalendar #head
{
    background-image: url(../images/background-calendar-top.gif);
    background-repeat: no-repeat;
    height: 40px;
}
.meetingcalendar #calendarmonth
{
    color: #ffffff;
    font-size: 13px;
    font-weight: bold;
    float: right;
    padding: 0 8px 0 0;
    margin: 20px 0 0 0;
}
.meetingcalendar #scrolls
{
    margin: 0px 0 0 8px;
    padding-top: 20px;
}
.meetingcalendar #body
{
    background-color: #ffffff;
    margin-left: 7px;
    width: 184px;
}

.greybox
{
    background-color: #525252;
    width: 198px;
    padding-bottom: 7px;
}
.greyboxhead
{
    background-image: url(../images/background-calendar-top.gif);
    background-repeat: no-repeat;
    height: 40px;
}
.greyboxhead h1
{
    color: #ffffff;
    font-size: 13px;
    font-weight: bold;
    padding: 20px 8px 0 8px;
    margin: 0 0 0 0;
}
.greyboxbody
{
    background-color: #ffffff;
    margin-left: 7px;
    width: 176px;
    padding: 4px;
}
.greyboxbodygrey
{
    color: #ffffff;
    margin-left: 8px;
    width: 176px;
    padding: 0px;
}
.greyboxbody p, .greyboxbodygrey p
{
    margin: 0;
    padding:0 0 6px 0;
}

.pcrow, .pcrowexp, .contactrow, #_pcgridtable
{
    width: 582px;
}

.pcrow:hover > span, .pcrow:hover > a > span, .contactrow:hover > span, .contactrow:hover > a > span, tr.pcgridrow:hover > td
{
    background-color:#fff2d4;
}
.pcrow span, .pcrowexp span, .contactrow span
{
    cursor: pointer;
    display: block;
    float: left;
    height: 36px;
    padding-top: 6px;
}
.contactrow span
{
    height: 42px;
}
.pcgridrow td, .pcgridrowexp td
{
    padding-top: 6px;
    padding-bottom: 6px;
    vertical-align: middle;
    border-bottom:1px solid #eeeeee;
}
.pcgridrow .pcgridname, .pcgridrow .pcgridversion, .pcgridrowexp .pcgridname, .pcgridrowexp .pcgridversion
{
    cursor: pointer;
}

.pcrowexp span, .pcgridrowexp td
{
    background-color: #ebebeb;
}

.pcrow #groupcheck, .pcrowexp #groupcheck, .contactrow #contactcheck, .pcgridrow .pcgridcheck, .pcgridrowexp .pcgridcheck
{
    width: 32px;
    text-align: center;
    margin: 0;
}
.pcrow .groupchkbx, .pcrowexp .groupchkbx, .contactrow .contactchkbx
{
    margin: 8px 0 0 4px;
    padding: 0;
    height: 12px;
}
.pcrow #connbutton, .pcrowexp #connbutton, .pcgridrow .pcgridbutton, .pcgridrowexp .pcgridbutton
{
    width: 110px;
    text-align: left;
}
.pcrow #connbutton #cltbtconn, .pcrow #connbutton #cltbtoff, .pcrowexp #connbutton #cltbtconn, .pcrowexp #connbutton #cltbtoff
{
    margin: 4px 0 0 0;
}
.pcrow #connbutton #cltbtoff, .pcrowexp #connbutton #cltbtoff
{
    cursor: default;
}
.pcrow #pcname, .pcrowexp #pcname, .pcgridrow .pcgridname, .pcgridrowexp .pcgridname
{
    width: 205px;    
    vertical-align: middle;
}
.pcrow #pcname #name, .pcrowexp #pcname #name, .contactrow #contactname #name, .pcgridname .pcname
{
    font-weight: bold;
    font-size: 13px;
    margin: 2px 0 0 0;
}
.pcrow #pcname #desc, .pcrowexp #pcname #desc, .contactwor #contactname #desc
{
    font-size: 11px;
    margin: 0;
}
.pcrow #pcinfo, .pcrowexp #pcinfo, .pcgridrow .pcgridversion, .pcgridrowexp .pcgridversion
{
    width: 205px;
    vertical-align: middle;
}
.pcrow #pcinfo #serv, .pcrow #pcinfo #alert, .pcrowexp #pcinfo #serv, .pcrowexp #pcinfo #alert
{
    margin: 0;
    font-size: 11px;
}
.pcrow #pcinfo #alert, .pcrowexp #pcinfo #alert
{
    color: #ff0000;
    font-size: 11px;
}

.pcrow a, .pcrow a:hover, .pcrow a:visited, .pcrow a:active,
.pcrowexp a, .pcrowexp a:hover, .pcrowexp a:visited, .pcrowexp a:active,
.contactrow a, .contactrow a:hover, .contactrow a:visited, .contactrow a:active
{
    color: #3f3d3c;
    text-decoration: none;
}
/*.pcrow a:hover span
{    
    background-color:#fff2d4;
}*/
.pcrow a span, .pcrow a span, .pcrowexp a span, .pcrowexp a span, .contactrow a span
{
    border-bottom:1px solid #eeeeee;
}
.contactrow #contactname
{
    width: 220px;
}
.contactrow #contactphone
{
    width: 170px; 
}
.contactrow #contactaddr
{
    width: 160px;
}

.dropmenu
{
    height: 18px;
    z-index: 100;
    font-family:arial, sans-serif;
    margin-left: 5px;
}

/* remove all the bullets, borders and padding from the default list styling */
.dropmenu ul
{
    padding: 0;
    margin: 0;
    list-style-type: none;
}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.dropmenu li
{
    float: left;
    position:relative;
}
/* style the links for the top level */
.dropmenu a, .dropmenu a:visited
{
    display: block;
    font-size: 11px;
    text-decoration: none;
    color: #ffffff; 
    height: 18px;
    border: none;
    text-align: left;
    line-height: 18px;
    background-image: url(../images/icon-menuarrowwhite.gif);
    background-repeat: no-repeat;
    background-position: 90% 4%;
    padding-right: 24px;
}
.dropmenu a.dark, .dropmenu a.dark:visited
{
    color: #000000;    
    background-image: url(../images/icon-menuarrow.gif);
}

/* style the second level background */
.dropmenu ul ul a.drop, .dropmenu ul ul a.drop:visited
{
    background-image:url(../images/header-tab5-sub-dashed-drop.gif);
    background-repeat:repeat-y;
    background-position: 1px 0px;
}
/*.dropmenu ul ul a.separator, .dropmenu ul ul a.separator:visited
{
    background-image:url(../images/header-tab5-sub-separate.gif);
    background-repeat:repeat-y;
    background-position: 1px 0px;
}*/
.dropmenu ul ul li.separator
{
    height: 3px;
}

.dropmenu ul ul :hover > a.drop
{
    background-image:url(../images/header-tab5-sub-highlight-drop.gif);
    background-repeat:repeat-y;
    background-position: 1px 0px;
}


/* style the third level background */
.dropmenu ul ul ul a, .dropmenu ul ul ul a:visited
{
    background-image:url(../images/header-tab5-sub-dashed.gif);
    background-repeat:repeat-y;
    background-position: 1px 0px;
    padding-left:6px;
}
/* style the third level hover */
.dropmenu ul ul ul a:hover
{
    background-image:url(../images/header-tab5-sub-highlight.gif);
    background-repeat:repeat-y;
    background-position: 1px 0px;
}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.dropmenu ul ul
{
    visibility:hidden;
    position:absolute;
    height: 0;
    top: 18px;
    left: 0;
    border-top:0px dashed #6e7484;
    background-color:#7ca1cc;
    z-index: 300;
}

/* another hack for IE5.5 */
* html .dropmenu ul ul 
{
    top:16px;
    t\op:17px;
}

/* position the third level flyout menu */
.dropmenu ul ul ul
{
    left:114px;
    top:0px;
    width:114px;
}

/* position the third level flyout menu for a left flyout */
.dropmenu ul ul ul.left
{
    left:-130px;
}

/* style the table so that it takes no part in the layout - required for IE to work */
.dropmenu table
{
    position: absolute;
    top: 0;
    left: 0;
    border-collapse: collapse;
}

/* style the second level links */
.dropmenu ul ul a, .dropmenu ul ul a:visited
{
    background-color: #ffffff;
    color: #496c9d;
    height: auto;
    line-height: 1em;
    padding: 5px 6px 5px 6px;
    /*border: solid 2px #496c9d;*/
    text-align: left;
    font-weight: normal;
    background-image: none;
    white-space: nowrap;
    border-bottom: 1px solid #ebebeb;
    border-top: none;
    margin:0 2px;
}
.dropmenu ul ul a.separator 
{
    height: 1px;
    padding: 0;
    border-bottom: none;
    text-align: center;
}
.dropmenu ul ul a.separator > div
{
    margin: 0;
    border-top: solid 1px #496c9d;
}
.dropmenu ul ul a.menufoot 
{
    height: 2px;
    padding: 0;
    border-bottom: none;
    text-align: center;
}
.dropmenu ul ul a.menufoot > div
{
    margin: 0;
    border-top: solid 2px #496c9d;
}

/* style the top level hover */
.dropmenu a:hover
{
    color:#ffffff;
}
.dropmenu a.dark:hover
{
    color: #000000;
}
.dropmenu ul ul a:hover
{
    color:#496c9d;
    background-color: #fff2d4;
}
.dropmenu :hover > a
{
    color:#ffffff;
}
.dropmenu ul ul :hover > a
{
    color:#496c9d;
    background-color: #fff2d4;
}
/* make the second level visible when hover on first level list OR link */
.dropmenu ul li:hover ul, .dropmenu ul a:hover ul { visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.dropmenu ul :hover ul ul { visibility:hidden; }
/* make the third level visible when you hover over second level list OR link */
.dropmenu ul :hover ul :hover ul{ visibility:visible; }

.dropmenu ul ul li
{
    -moz-box-shadow: 2px 3px 3px rgba(0, 0, 0, .5);
    -webkit-box-shadow: 2px 3px 3px rgba(0, 0, 0, .5);
    background-color: #496c9d;
   /* filter: progid:DXImageTransform.Microsoft.Shadow(Color='000000', direction='135', strength='3');
     _filter: none;*/
}

.csi_HelpWindow
{
    /* don't alter these settings... */
	z-index: 999;
	position: absolute;
	top: -999px;
	left: -999px;
	display: none;
	visibility: hidden;
	
	/* Customize these settings to get your help windows to look as you want... */
	border: solid 1px #3d3d3d;
	border: solid 1px #3b729c;
	padding: 0;
	margin: 0;
	background-image: none;
	
}

.contexthelpwin
{
    background-image: none;
    background-color: #ffffff;
	overflow: hidden;
}

.contexthelpwin h2
{
    margin: 6px 4px 6px 6px;
}
.contexthelpwin p
{
    margin: 4px 4px 6px 6px;
}

.contexthelp
{
    cursor:help;
}

.contactgrid
{
    width: 350px;
}
.contactgrid tr:hover
{
    background-color:#fff2d4;
}
.contactgrid td
{
    padding: 6px;
    margin: 0;
    border-bottom:1px solid #eeeeee;
}
.contactgrid tr.selection > td
{
    background-color:#d2dded;
    font-weight: bold;
}

.errormessage
{
    width: 586px;
    margin-bottom: 10px;
    padding: 4px 6px 4px 6px;
    background-color:#ffd2d2;
    border: solid 1px #ff0000;
}
.errormessage h2
{
    color: #ff0000;  
    margin: 0 0 6px 0;
}
.alertmessage
{
    width: 586px;
    margin-bottom: 10px;
    padding: 4px 6px 4px 6px;
    background-color:#fff2d4;
    border: solid 1px #feba28;
}
.alertmessage h2
{
    color: #000000;  
    margin: 0 0 6px 0;
}
  
.infomessage
{
    width: 586px;
    margin-bottom: 10px;
    padding: 4px 6px 4px 6px;
    background-color:#ebebeb;
    border: solid 1px #5c78aa;
}
.infomessage h2
{
    color: #000000;  
    margin: 0 0 6px 0;
}
.sliderdiv
{
    width: 586px;
    margin-bottom: 10px;
    padding: 0 6px;
    border: solid 2px #e08329;
}
.sliderdiv
{
    background-color: #fff2d4;
    border:0;
}
.sliderdiv h2
{
    margin: 4px 0 6px 0;
}
.sliderdiv h3
{
    color: #807971;
    font-size: 13px;
    color: #000000;
}
.sliderdiv textarea
{    
    font: 12px Arial, sans-serif;
    padding: 1px 1px;
    background-color: #ffffff;
    border: solid 1px #496c9d;
    overflow: auto;    
}

.reporthead td
{
    color: #ffffff;
    background-color: #496C9D;
    height: 25px;
    font-weight: bold;
    padding: 0 2px;
}
.reportrow td
{
    padding: 6px 3px;    
    border-bottom:1px solid #eeeeee;
}

.participantname
{
    width: 200px;
    padding: 2px 0 2px 20px;
    background-image: url(../images/icon16-participant.gif);
    background-repeat:no-repeat;
}

.participantcontrols
{
    width: 50px;
    padding: 2px 0 2px 0;
}
.participantcontrols img
{
    margin-left: 4px;
}

.surveysummaryquestion
{
    font-size: 12px; 
    line-height: 17px;
    margin: 2px 0px 2px 10px;
    font-weight: bold;
}

.surveysummaryanswers
{
    margin: 2px 0px 10px 30px;
}
.surveysummaryanswers td
{
    padding-left: 12px;
    vertical-align: middle;
}
.surveysummaryanswers td img
{
    margin-right: 4px;
    vertical-align: text-bottom;
}

.surveyresponsebody0, .surveyresponsebody1
{
    padding: 4px 10px 6px 10px;
    border-bottom: 2px solid #eeeeee;
}

.surveyresponsename, .surveyresponseemail
{
    font-size: 12px;
}
.surveyresponseemail
{
    padding-bottom: 6px;
}

.surveyresponsequestion
{
    font-weight: bold;
}

.surveyresponseanswer
{
    padding: 3px 10px 10px 10px;
}
.ticketrow, .ticketrownew, .ticketgridheader, .registrantgridheader
{
    width: 100%;
    vertical-align: middle;
    clear: both;
}

.ticketrow span, .ticketrownew span, .ticketgridheader span, .registrantgridheader span
{
    height: 24px;
    display: block;
    float:left;
    padding-top: 4px;
    cursor: pointer;
}
.ticketrownew span
{
    font-weight: bold;
}
.ticketgridheader span, .registrantgridheader span
{
    background-color: #D2DDED;
    padding: 0 0 6px 0;
    font-weight: bold;
    color: #000000;
    height: 14px;
}
.ticketgridheader span a, .ticketgridheader span a:hover, .ticketgridheader span a:visited, .ticketgridheader span a:active, .registrantgridheader span a, .registrantgridheader span a:hover, .registrantgridheader span a:visited, .registrantgridheader span a:active  
{
    color: #000000;
    font-weight: bold;
}
.tktcol0, .tkthead0
{
    width: 30px;
    text-align: center;
}
.tktcol1, .tkthead1
{
    width: 70px;
}
.tktcol2, .tkthead2
{
    width: 170px;
}
.tktcol3, .tkthead3
{
    width: 152px;
}
.tktcol4, .tkthead4
{
    width: 160px;
}
.reggrid td
{
    padding: 6px 0;    
    border-bottom:1px solid #eeeeee;
}
.reggridcolc, .regheadc { width: 28px; }
.reggridcol0, .reghead0 { width: 154px; }
.reggridcol1, .reghead1 { width: 164px; }
.reggridcol2, .reghead2 { width: 126px; }
.reggridcol3, .reghead3 { width: 110px; }
.ticketrow a, .ticketrow a:hover, .ticketrow a:visited, .ticketrow a:active, .ticketrownew a, .ticketrownew a:hover, .ticketrownew a:visited, .ticketrownew a:active
{
    color: #3f3d3c;
    text-decoration: none;
}
.ticketrow a:hover span, .ticketrownew a:hover span
{    
    background-color:#fff2d4;
}
.ticketrow a span, .ticketrownew a span
{
    border-bottom:1px solid #eeeeee;
}
.tkthead0 a, .tkthead0 a:hover, .tkthead0 a:visited, .tkthead1 a, .tkthead1 a:hover, .tkthead1 a:visited, .tkthead2 a, .tkthead2 a:hover, .tkthead2 a:visited, .tkthead3 a, .tkthead3 a:hover, .tkthead3 a:visited, .tkthead4 a, .tkthead4 a:hover, .tkthead4 a:visited, .reghead0 a, .reghead0 a:hover, .reghead0 a:visited, .reghead1 a, .reghead1 a:hover, .reghead1 a:visited, .reghead2 a, .reghead2 a:hover, .reghead2 a:visited, .reghead3 a, .reghead3 a:hover, .reghead3 a:visited, .reghead4 a, .reghead4 a:hover, .reghead4 a:visited
{
    color: #ffffff;
    font-weight: bold;
}
.setupcoderow span, .setupcodeheader span
{
    height: 24px;
    display: block;
    float:left;
    font-size: 12px;
    padding: 6px 0 0 4px;
}
.setupcodeheader span
{
    background-color: #D2DDED;
    padding: 4px 0 6px 4px;
    font-weight: bold;
    color: #000000;
    height: 14px;
}
.setupcoderow span
{
    border-bottom:1px solid #eeeeee;
}
.setupcoderow:hover > span
{
    background-color:#fff2d4;
}
.sccol0, .schdr0
{
    width: 90px;
}
.sccol0
{
    font-weight: bold;
}
.sccol1, .schdr1
{
    width: 130px;
}
.sccol2, .schdr2
{
    width: 206px;
}
.sccol3
{
    width: 84px;
}
.schdr3
{
    width: 140px;
}
.sccol4
{
    width: 50px;
    text-align: right;
}
.sccol4 img
{
    margin-right:6px;
    cursor: pointer;
}
.ticketreportrow span, .ticketreporthdr span
{
    display: block;
    float:left;
    padding-top: 4px;
    vertical-align: middle;
}
.ticketreporthdr span
{
    color: #ffffff;
    background-color: #496C9D;
    padding: 10px 0 10px 3px;
    font-weight: bold;
    vertical-align: middle;
}
.ticketreportrow span
{
    padding: 6px 0 0 3px;    
    border-bottom:1px solid #eeeeee;
    height: 20px;
}
.ticketreportrow a, .ticketreportrow a:hover, .ticketreportrow a:visited, .ticketreportrow a:active
{
    color: #3f3d3c;
    text-decoration: none;
}
.ticketreportrow a:hover span
{    
    background-color:#fff2d4;
    cursor: pointer;
}
.tktrptcol0, .tktrpthdr0
{
    width: 80px;
}
.tktrptcol1, .tktrpthdr1
{
    width: 80px;
}
.tktrptcol2, .tktrpthdr2
{
    width: 80px;
}
.tktrptcol3, .tktrpthdr3
{
    width: 90px;
}
.tktrptcol4, .tktrpthdr4
{
    width: 120px;
}
.tktrptcol5, .tktrpthdr5
{
    width: 130px;
}
.notedate, .noteby, .autodate
{
    color: #24618E;
    font-size: 12px;
    line-height: 14px;
    font-weight: bold;
    margin: 4px 0 4px 0;
}
.notebody
{
    margin: 6px 0 4px 10px;
    font-size: 11px;
}
.noteseparator
{
    margin: 6px 0;
    border-bottom: solid 1px #ebebeb;
}
#ticketpcdetails p
{ 
    margin: 0;
    padding: 0;
}
#ticketpcdetails td
{
    padding: 4px 6px 2px 0;
}
.ordergridcell
{
    margin: 4px 10px 10px 0;
    vertical-align: top;
    padding:8px 0;
    border-bottom: solid 1px #ebebeb;
}
.ordergridheader
{
    font-size: 13px;
    font-weight: bold;
}
p.surveyquestion
{
    font-weight: bold;
    font-size: 13px;
    margin: 10px 0 2px 0;
}
.surveyanswerlist 
{
    margin: 0 0 0 25px;
}